+ {all.categories.map((category) => {
+ const categoryTags = all.tags.filter((t) => t.categoryId === category.id)
+ const search = categorySearches[category.id] ?? ''
+ const visibleTags = categoryTags
+ .filter((t) => !search || t.name.toLowerCase().includes(search.toLowerCase()))
+ .slice(0, 25)
+
+ return (
+
+ {/* Category header: name + search input */}
+
+
+ {category.name}
+
+ {categoryTags.length > 0 && (
+
+ setCategorySearches((prev) => ({ ...prev, [category.id]: e.target.value }))
+ }
+ className="text-xs px-1.5 py-0.5 rounded outline-none"
+ style={{
+ backgroundColor: 'var(--surface)',
+ border: '1px solid var(--border)',
+ color: 'var(--text-primary)',
+ width: 90,
+ }}
+ />
+ )}
+
+
+ {/* Tag pills + add button */}
+
+ {visibleTags.map((tag) => {
+ const active = isAssigned(tag.id)
+ const isBusy = busy === tag.id
+ return (
+
+ )
+ })}
+
+ {/* Inline add-tag form or + button */}
+ {addingTagTo === category.id ? (
+
+ {
+ setNewTagName(e.target.value)
+ setTagSaveError(null)
+ }}
+ onKeyDown={(e) => {
+ if (e.key === 'Enter') submitAddTag(category.id)
+ if (e.key === 'Escape') {
+ setAddingTagTo(null)
+ setNewTagName('')
+ setTagSaveError(null)
+ }
+ }}
+ placeholder="tag name"
+ className="px-1.5 py-0.5 rounded text-xs outline-none"
+ style={{
+ backgroundColor: 'var(--surface)',
+ border: '1px solid var(--border)',
+ color: 'var(--text-primary)',
+ width: 90,
+ }}
+ disabled={savingTag}
+ />
+
+
+ {tagSaveError && (
+
+ {tagSaveError}
+
+ )}
+
+ ) : (
+
+ )}
+
+
+ {addingCategory ? (
+
+ {
+ setNewCategoryName(e.target.value)
+ setCategorySaveError(null)
+ }}
+ onKeyDown={(e) => {
+ if (e.key === 'Enter') submitAddCategory()
+ if (e.key === 'Escape') {
+ setAddingCategory(false)
+ setNewCategoryName('')
+ setCategorySaveError(null)
+ }
+ }}
+ placeholder="category name"
+ className="flex-1 text-xs px-2 py-1 rounded outline-none"
+ style={{
+ backgroundColor: 'var(--surface)',
+ border: '1px solid var(--border)',
+ color: 'var(--text-primary)',
+ }}
+ disabled={savingCategory}
+ />
+
+
+ {categorySaveError && (
+
+ {categorySaveError}
+
+ )}
+
+ ) : (
+
+ )}
+