v3: added site-wide categories, added admin category management, various visual fixes

src/components/DumpCreateModal.tsx

@@ -25,6 +25,7 @@ import { MediaPlayer } from "./MediaPlayer.tsx";
 import type { RichContent } from "../model.ts";
 import { FileDropZone } from "./FileDropZone.tsx";
 import { Modal } from "./Modal.tsx";
+import { CategorySelect } from "./CategorySelect.tsx";
 import { PlaylistMembershipPanel } from "./PlaylistMembershipPanel.tsx";
 import {
   expectOk,
@@ -117,6 +118,16 @@ export function DumpCreateModal(
   const url = watch("url");
   const file = watch("file");
 
+  const [selectedCategoryIds, setSelectedCategoryIds] = useState<Set<string>>(
+    new Set(),
+  );
+  const toggleCategory = (id: string) =>
+    setSelectedCategoryIds((prev) => {
+      const next = new Set(prev);
+      next.has(id) ? next.delete(id) : next.add(id);
+      return next;
+    });
+
   // Playlist phase state
   const [memberships, setMemberships] = useState<PlaylistMembership[]>([]);
   const [playlistsLoading, setPlaylistsLoading] = useState(false);
@@ -219,6 +230,7 @@ export function DumpCreateModal(
         url: normalizedUrl,
         comment: comment.trim() || undefined,
         isPrivate,
+        categoryIds: [...selectedCategoryIds],
       };
       res = await authFetch(`${API_URL}/api/dumps`, {
         method: "POST",
@@ -235,6 +247,7 @@ export function DumpCreateModal(
       if (comment.trim()) formData.append("comment", comment.trim());
       if (title.trim()) formData.append("title", title.trim());
       formData.append("isPrivate", String(isPrivate));
+      formData.append("categoryIds", JSON.stringify([...selectedCategoryIds]));
       res = await authFetch(`${API_URL}/api/dumps`, {
         method: "POST",
         body: formData,
@@ -435,6 +448,12 @@ export function DumpCreateModal(
                   disabled={submitting}
                 />
 
+                <CategorySelect
+                  selected={selectedCategoryIds}
+                  onToggle={toggleCategory}
+                  disabled={submitting}
+                />
+
                 <VisibilityToggle<CreateValues>
                   name="isPublic"
                   disabled={submitting}