chore(lint): resolve all source-code lint warnings

src/islands/ToolHost.tsx

@@ -48,10 +48,12 @@
 export default function ToolHost({ toolId }: ToolHostProps) {
   const tool = getToolById(toolId);
 
+  // `tool` is a stable registry reference derived from `toolId`, so keying on
+  // both is equivalent to keying on `toolId` alone — and satisfies the linter.
   const LazyTool = useMemo(() => {
     if (!tool) return null;
     return lazy(tool.load);
-  }, [toolId]);
+  }, [toolId, tool]);
 
   if (!tool || !LazyTool) {
     return <div className="py-12 text-center text-muted-foreground">Tool not found.</div>;

src/islands/dev/HotkeyTest.tsx

@@ -29,7 +29,7 @@ export default function HotkeyTest() {
   const registerTestHotkey = async (keys: string, description: string) => {
     setError(null);
     try {
-      const id = await hotkeyService.register(
+      await hotkeyService.register(
         keys,
         () => {
           setLastTriggered(`${description} (${keys})`);

src/islands/dev/JsonCompare.tsx

@@ -4,7 +4,7 @@
 import { CheckCircle2, XCircle } from 'lucide-react';
 
 // Deep equality check ignoring object property order
 function deepEqual(a: any, b: any, ignoreArrayOrder: boolean = true): boolean {
   if (a === b) return true;
 
   if (a == null || b == null) return a === b;
@@ -45,7 +45,7 @@
 }
 
 // Find differences between two objects
 function findDifferences(a: any, b: any, ignoreArrayOrder: boolean = true, path: string = ''): string[] {
   const diffs: string[] = [];
 
   if (a === b) return diffs;
@@ -68,7 +68,7 @@
     if (ignoreArrayOrder) {
       // Find unmatched elements (order-independent comparison)
       const bCopy = [...b];
       const unmatchedA: any[] = [];
 
       for (let i = 0; i < a.length; i++) {
         const matchIdx = bCopy.findIndex(bVal => deepEqual(a[i], bVal, ignoreArrayOrder));
@@ -129,8 +129,8 @@
 export default function JsonCompare() {
   const [leftJson, setLeftJson] = useState('');
   const [rightJson, setRightJson] = useState('');
   const [leftParsed, setLeftParsed] = useState<any>(null);
   const [rightParsed, setRightParsed] = useState<any>(null);
   const [leftError, setLeftError] = useState('');
   const [rightError, setRightError] = useState('');
   const [isEqual, setIsEqual] = useState<boolean | null>(null);
@@ -149,7 +149,7 @@
       return;
     }
 
     let parsedLeft: any = null;
     let parsedRight: any = null;
 
     // Parse left
@@ -195,11 +195,13 @@
     parseAndCompare(leftJson, value);
   };
 
-  // Re-compare when ignoreArrayOrder changes
+  // Re-compare only when ignoreArrayOrder toggles; edits to left/right already
+  // trigger a compare via their change handlers, so they're intentionally omitted.
   useEffect(() => {
     if (leftJson.trim() && rightJson.trim()) {
       parseAndCompare(leftJson, rightJson);
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [ignoreArrayOrder]);
 
   return (

src/islands/dev/PasswordGen.tsx

@@ -37,7 +37,6 @@ export default function PasswordGen() {
   // Regenerate whenever any option changes.
   useEffect(() => {
     setPassword(generatePassword({ length, enabled, avoidAmbiguous, minNumbers, minSpecial }));
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [length, enabled, avoidAmbiguous, minNumbers, minSpecial]);
 
   const clampMin = (value: number) => setMinLength(Math.min(Math.max(value || 1, 1), maxLength));

src/islands/draw/Whiteboard.tsx

@@ -113,7 +113,6 @@ export default function Whiteboard() {
       window.removeEventListener('pagehide', flushSave);
       window.removeEventListener('beforeunload', onBeforeUnload);
     };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
   useEffect(() => {

src/islands/image/ImageAnnotate.tsx

@@ -478,7 +478,6 @@ export default function ImageAnnotate() {
     takePendingImage().then(pending => {
       if (pending) onDrop([new File([pending.blob], pending.name, { type: pending.blob.type })]);
     });
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
   const pointer = (e: { clientX: number; clientY: number }) => {
@@ -759,7 +758,6 @@ export default function ImageAnnotate() {
     window.addEventListener('keydown', onKey);
     return () => window.removeEventListener('keydown', onKey);
     // undo/redo use functional state updaters, so a stable listener is fine.
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [textEdit]);
 
   const toPngBlob = async (): Promise<Blob> => {

src/islands/image/ObjectRemove.tsx

@@ -78,7 +78,7 @@ export default function ObjectRemove() {
 
   usePasteImage(f => onDrop([f]));
 
-  useEffect(() => { if (ready) redraw(); /* eslint-disable-next-line */ }, [ready]);
+  useEffect(() => { if (ready) redraw(); }, [ready]);
 
   const pointer = (e: React.PointerEvent) => {
     const c = viewRef.current!;

src/islands/playground/CodeScratchpad.tsx

@@ -4,7 +4,6 @@ import { Button } from '@/components/ui/Button';
 import MonacoEditor from './MonacoEditor';
 import { extensionToLanguage } from '@/tools/playground/language.lib';
 import { loadFiles, saveFiles, type ScratchFile } from '@/tools/playground/scratchpad.store';
-import { downloadService } from '@/services/download';
 import { fileService } from '@/services/file';
 import { clipboardService } from '@/services/clipboard';
 

src/services/file.service.ts

@@ -14,7 +14,7 @@ export class FileService {
     return Array.from(source);
   }
 
-  async getFileHandle(file: File): Promise<FileSystemFileHandle | null> {
+  async getFileHandle(_file: File): Promise<FileSystemFileHandle | null> {
     // File System Access API - may not be available
     if (!('showOpenFilePicker' in window)) {
       return null;

src/services/platform/index.ts

@@ -20,7 +20,7 @@ export function getPlatform(): Platform {
 export function getArchitecture(): Architecture {
   if (typeof window === 'undefined') return 'unknown';
 
-  // @ts-ignore - navigator.userAgentData is experimental
+  // @ts-expect-error - navigator.userAgentData is experimental
   const uaData = navigator.userAgentData;
 
   if (uaData && uaData.platform) {

src/stores/worker.store.ts

@@ -14,6 +14,6 @@ export function setProgress(id: string, label: string, percent: number): void {
 
 export function removeProgress(id: string): void {
   const current = progressMap.get();
-  const { [id]: removed, ...rest } = current;
+  const { [id]: _removed, ...rest } = current;
   progressMap.set(rest);
 }