feat(frontend): implement bulk tag editing for multi-file selection

- Add BulkTagEditor component: loads common/partial tags via
  POST /files/bulk/common-tags and applies changes via POST /files/bulk/tags
- Common tags shown solid with × to remove from all files
- Partial tags shown with dashed border and ~ indicator; clicking promotes
  to common (adds to files that are missing it)
- Wire "Edit tags" button in SelectionBar to a bottom sheet with the editor
- Add mock handlers for /files/bulk/common-tags and /files/bulk/tags

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-04-06 08:40:53 +03:00
parent d79e76e9b7
commit 9b1aa40522
3 changed files with 418 additions and 1 deletions
+34
View File
@@ -366,6 +366,40 @@ export function mockApiPlugin(): Plugin {
return json(res, 200, getMockFile(id));
}
// POST /files/bulk/common-tags
if (method === 'POST' && path === '/files/bulk/common-tags') {
const body = (await readBody(req)) as { file_ids?: string[] };
const ids = body.file_ids ?? [];
if (ids.length === 0) return json(res, 200, { common_tag_ids: [], partial_tag_ids: [] });
const sets = ids.map((fid) => fileTags.get(fid) ?? new Set<string>());
const allTagIds = new Set<string>();
sets.forEach((s) => s.forEach((t) => allTagIds.add(t)));
const common: string[] = [];
const partial: string[] = [];
allTagIds.forEach((tid) => {
if (sets.every((s) => s.has(tid))) common.push(tid);
else partial.push(tid);
});
return json(res, 200, { common_tag_ids: common, partial_tag_ids: partial });
}
// POST /files/bulk/tags
if (method === 'POST' && path === '/files/bulk/tags') {
const body = (await readBody(req)) as { file_ids?: string[]; action?: string; tag_ids?: string[] };
const fileIds = body.file_ids ?? [];
const tagIds = body.tag_ids ?? [];
const action = body.action ?? 'add';
for (const fid of fileIds) {
if (!fileTags.has(fid)) fileTags.set(fid, new Set());
const set = fileTags.get(fid)!;
for (const tid of tagIds) {
if (action === 'add') set.add(tid);
else set.delete(tid);
}
}
return json(res, 200, { applied_tag_ids: action === 'add' ? tagIds : [] });
}
// POST /files/bulk/delete — soft delete (just remove from mock array)
if (method === 'POST' && path === '/files/bulk/delete') {
const body = (await readBody(req)) as { file_ids?: string[] };