style: reformat with prettier

Author: yinanazhou

src/components/AnnotationCanvas.tsx

@@ -27,7 +27,6 @@ function getClassName(classId: number): string {
   return CLASSES.find((c) => c.id === classId)?.name ?? 'unknown';
 }
 
-
 export default function AnnotationCanvas({
   image,
   isHelpOpen,
@@ -57,8 +56,18 @@ export default function AnnotationCanvas({
     const ctx = canvas.getContext('2d');
     if (!ctx) return;
 
-    const { zoom, panX, panY, annotations, boxOpacity, showLabels, hiddenClassIds, selectedId, activeClassId, editMode } =
-      useAppStore.getState();
+    const {
+      zoom,
+      panX,
+      panY,
+      annotations,
+      boxOpacity,
+      showLabels,
+      hiddenClassIds,
+      selectedId,
+      activeClassId,
+      editMode,
+    } = useAppStore.getState();
     const dpr = window.devicePixelRatio || 1;
 
     // Clear
@@ -110,10 +119,14 @@ export default function AnnotationCanvas({
       if (isSelected && editMode === 'select') {
         // Draw handles in screen space for consistent pixel size
         const handlePositions: [number, number][] = [
-          [x, y],           [x + w, y],
-          [x, y + h],       [x + w, y + h],
-          [x + w / 2, y],   [x + w / 2, y + h],
-          [x, y + h / 2],   [x + w, y + h / 2],
+          [x, y],
+          [x + w, y],
+          [x, y + h],
+          [x + w, y + h],
+          [x + w / 2, y],
+          [x + w / 2, y + h],
+          [x, y + h / 2],
+          [x + w, y + h / 2],
         ];
 
         ctx.save();
@@ -180,7 +193,10 @@ export default function AnnotationCanvas({
     rafId.current = requestAnimationFrame(draw);
   }, [draw]);
 
-  const { getDrawingState, getDragState, cancelDrawing, cancelDrag } = useCanvasInteraction(canvasRef, requestRedraw);
+  const { getDrawingState, getDragState, cancelDrawing, cancelDrag } = useCanvasInteraction(
+    canvasRef,
+    requestRedraw,
+  );
   useEffect(() => {
     getDrawingStateRef.current = getDrawingState;
     getDragStateRef.current = getDragState;

src/components/Toolbar.tsx

@@ -29,7 +29,9 @@ export default function Toolbar({ onToggleHelp }: ToolbarProps) {
   const allVisible = hiddenClassIds.size === 0;
 
   return (
-    <div className={`h-12 bg-white border-b border-gray-200 flex items-center px-4 gap-1 text-sm select-none ${isIdle ? 'pointer-events-none opacity-40' : ''}`}>
+    <div
+      className={`h-12 bg-white border-b border-gray-200 flex items-center px-4 gap-1 text-sm select-none ${isIdle ? 'pointer-events-none opacity-40' : ''}`}
+    >
       {/* Mode switch */}
       <div className="flex items-center rounded-md bg-gray-100 p-0.5">
         <button

src/hooks/useCanvasInteraction.ts

@@ -13,7 +13,6 @@ export interface DrawingState {
   currentY: number;
 }
 
-
 function hitTestHandle(
   ix: number,
   iy: number,

src/hooks/useKeyboardShortcuts.ts

@@ -16,7 +16,12 @@ function quickSaveJSON() {
   downloadJSON({ imageName, imageWidth, imageHeight, annotations });
 }
 
-export function useKeyboardShortcuts({ cancelDrawing, cancelDrag, isHelpOpen, toggleHelp }: ShortcutActions) {
+export function useKeyboardShortcuts({
+  cancelDrawing,
+  cancelDrag,
+  isHelpOpen,
+  toggleHelp,
+}: ShortcutActions) {
   useEffect(() => {
     const onKeyDown = (e: KeyboardEvent) => {
       // Skip shortcuts when typing in input/textarea fields

src/store/useAppStore.ts

@@ -156,9 +156,7 @@ export const useAppStore = create<AppState>((set) => ({
   moveAnnotation: (id, newBbox) =>
     set((state) => ({
       undoStack: [...state.undoStack, state.annotations],
-      annotations: state.annotations.map((a) =>
-        a.id === id ? { ...a, bbox: newBbox } : a
-      ),
+      annotations: state.annotations.map((a) => (a.id === id ? { ...a, bbox: newBbox } : a)),
     })),
 
   setImageInfo: (name, width, height) =>