style: format code with prettier

src/components/admin/catalog-manager/catalog-manager-dialog.tsx

@@ -1,28 +1,22 @@
-'use client'
+"use client";
 
-import { LayoutGrid } from 'lucide-react'
-import { useCallback, useEffect, useState } from 'react'
-import { toast } from 'sonner'
-import { createCatalogPage } from '@/actions/catalog'
-import { Button } from '@/components/ui/button'
-import {
-  Dialog,
-  DialogContent,
-  DialogHeader,
-  DialogTitle,
-  DialogTrigger,
-} from '@/components/ui/dialog'
-import { TooltipProvider } from '@/components/ui/tooltip'
-import type { RootTab } from '@/types/catalog'
-import { BreadcrumbBar } from './breadcrumb-bar'
-import { InlineEditor, type PageUpdateData } from './inline-editor'
-import { RootTabs } from './root-tabs'
-import { SortableTree } from './sortable-tree'
-import { StatsBar } from './stats-bar'
-import { CatalogManagerProvider, useCatalogManager } from './use-catalog-store'
+import { LayoutGrid } from "lucide-react";
+import { useCallback, useEffect, useState } from "react";
+import { toast } from "sonner";
+import { createCatalogPage } from "@/actions/catalog";
+import { Button } from "@/components/ui/button";
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger } from "@/components/ui/dialog";
+import { TooltipProvider } from "@/components/ui/tooltip";
+import type { RootTab } from "@/types/catalog";
+import { BreadcrumbBar } from "./breadcrumb-bar";
+import { InlineEditor, type PageUpdateData } from "./inline-editor";
+import { RootTabs } from "./root-tabs";
+import { SortableTree } from "./sortable-tree";
+import { StatsBar } from "./stats-bar";
+import { CatalogManagerProvider, useCatalogManager } from "./use-catalog-store";
 
 export function CatalogManagerDialog() {
-  const [open, setOpen] = useState(false)
+  const [open, setOpen] = useState(false);
 
   return (
     <Dialog open={open} onOpenChange={setOpen}>
@@ -41,7 +35,7 @@ export function CatalogManagerDialog() {
         </CatalogManagerProvider>
       </DialogContent>
     </Dialog>
-  )
+  );
 }
 
 function CatalogManagerInner({
@@ -49,96 +43,93 @@ function CatalogManagerInner({
   // biome-ignore lint/correctness/noUnusedFunctionParameters: part of the dialog public API
   onOpenChange,
 }: {
-  open: boolean
-  onOpenChange: (v: boolean) => void
+  open: boolean;
+  onOpenChange: (v: boolean) => void;
 }) {
-  const { state, dispatch } = useCatalogManager()
+  const { state, dispatch } = useCatalogManager();
 
   // Load root pages when dialog opens
   const loadRootPages = useCallback(async () => {
-    dispatch({ type: 'SET_LOADING_ROOT', loading: true })
+    dispatch({ type: "SET_LOADING_ROOT", loading: true });
     try {
-      const res = await fetch('/api/admin/catalog/tree?parentId=-1')
-      if (!res.ok) throw new Error()
-      const data = await res.json()
+      const res = await fetch("/api/admin/catalog/tree?parentId=-1");
+      if (!res.ok) throw new Error();
+      const data = await res.json();
       const pages: RootTab[] = (data.pages || []).map((p: Record<string, unknown>) => ({
         id: p.id as number,
         caption: p.caption as string,
         iconImage: p.iconImage as number,
         enabled: String(p.enabled),
         orderNum: (p.orderNum as number) || 0,
-      }))
-      dispatch({ type: 'SET_ROOT_PAGES', pages })
+      }));
+      dispatch({ type: "SET_ROOT_PAGES", pages });
 
       // Auto-select first tab if none or missing
-      if (
-        pages.length > 0 &&
-        (!state.activeTabId || !pages.find((p) => p.id === state.activeTabId))
-      ) {
-        dispatch({ type: 'SET_ACTIVE_TAB', id: pages[0].id })
+      if (pages.length > 0 && (!state.activeTabId || !pages.find((p) => p.id === state.activeTabId))) {
+        dispatch({ type: "SET_ACTIVE_TAB", id: pages[0].id });
       }
     } catch {
-      toast.error('Failed to load catalog root pages')
-      dispatch({ type: 'SET_LOADING_ROOT', loading: false })
+      toast.error("Failed to load catalog root pages");
+      dispatch({ type: "SET_LOADING_ROOT", loading: false });
     }
-  }, [dispatch, state.activeTabId])
+  }, [dispatch, state.activeTabId]);
 
   // biome-ignore lint/correctness/useExhaustiveDependencies: explicitly chosen here, see surrounding code
   useEffect(() => {
-    if (open) loadRootPages()
-  }, [open]) // eslint-disable-line react-hooks/exhaustive-deps
+    if (open) loadRootPages();
+  }, [open]); // eslint-disable-line react-hooks/exhaustive-deps
 
   // Handle dialog close: preserve tree state, clear selection
   useEffect(() => {
-    if (!open) dispatch({ type: 'ON_DIALOG_CLOSE' })
-  }, [open, dispatch])
+    if (!open) dispatch({ type: "ON_DIALOG_CLOSE" });
+  }, [open, dispatch]);
 
   const handleTabClick = (id: number) => {
-    if (state.editorDirty && !confirm('You have unsaved changes. Discard?')) return
-    dispatch({ type: 'SET_ACTIVE_TAB', id })
-    dispatch({ type: 'CLEAR_TREE' })
-  }
+    if (state.editorDirty && !confirm("You have unsaved changes. Discard?")) return;
+    dispatch({ type: "SET_ACTIVE_TAB", id });
+    dispatch({ type: "CLEAR_TREE" });
+  };
 
   const handleCreateRoot = async () => {
-    const caption = prompt('Root page name:')
-    if (!caption?.trim()) return
+    const caption = prompt("Root page name:");
+    if (!caption?.trim()) return;
     try {
-      const result = await createCatalogPage({ parentId: -1, caption: caption.trim() })
-      if (!result.ok) throw new Error(result.error)
-      await loadRootPages()
-      toast.success('Root page created')
+      const result = await createCatalogPage({ parentId: -1, caption: caption.trim() });
+      if (!result.ok) throw new Error(result.error);
+      await loadRootPages();
+      toast.success("Root page created");
     } catch {
-      toast.error('Failed to create root page')
+      toast.error("Failed to create root page");
     }
-  }
+  };
 
   const handleSelectPage = (id: number) => {
-    if (state.editorDirty && !confirm('You have unsaved changes. Discard?')) return
-    dispatch({ type: 'SELECT_PAGE', id: id > 0 ? id : null })
-  }
+    if (state.editorDirty && !confirm("You have unsaved changes. Discard?")) return;
+    dispatch({ type: "SELECT_PAGE", id: id > 0 ? id : null });
+  };
 
   const handleEditTab = (id: number) => {
     // First ensure this tab is active, then select it in the editor
     if (state.activeTabId !== id) {
-      dispatch({ type: 'SET_ACTIVE_TAB', id })
-      dispatch({ type: 'CLEAR_TREE' })
+      dispatch({ type: "SET_ACTIVE_TAB", id });
+      dispatch({ type: "CLEAR_TREE" });
     }
-    if (state.editorDirty && !confirm('You have unsaved changes. Discard?')) return
-    dispatch({ type: 'SELECT_PAGE', id })
-  }
+    if (state.editorDirty && !confirm("You have unsaved changes. Discard?")) return;
+    dispatch({ type: "SELECT_PAGE", id });
+  };
 
   const handleEditorSaved = (updated: PageUpdateData) => {
-    dispatch({ type: 'UPDATE_NODE', update: { ...updated } })
-    dispatch({ type: 'SET_DIRTY', dirty: false })
+    dispatch({ type: "UPDATE_NODE", update: { ...updated } });
+    dispatch({ type: "SET_DIRTY", dirty: false });
 
     // Update root tabs if root page
-    const rootIdx = state.rootPages.findIndex((p) => p.id === updated.id)
+    const rootIdx = state.rootPages.findIndex((p) => p.id === updated.id);
     if (rootIdx !== -1) {
-      const pages = [...state.rootPages]
-      pages[rootIdx] = { ...pages[rootIdx], caption: updated.caption, enabled: updated.enabled }
-      dispatch({ type: 'SET_ROOT_PAGES', pages })
+      const pages = [...state.rootPages];
+      pages[rootIdx] = { ...pages[rootIdx], caption: updated.caption, enabled: updated.enabled };
+      dispatch({ type: "SET_ROOT_PAGES", pages });
     }
-  }
+  };
 
   return (
     <TooltipProvider delayDuration={300}>
@@ -178,5 +169,5 @@ function CatalogManagerInner({
       {/* Stats bar */}
       <StatsBar />
     </TooltipProvider>
-  )
+  );
 }