Fix TypeScript errors: add @types /d3-force, remove unused imports/variables

frontend/package-lock.json

@@ -36,6 +36,7 @@
       },
       "devDependencies": {
         "@eslint/js": "^9.39.1",
+        "@types/d3-force": "^3.0.10",
         "@types/node": "^24.10.0",
         "@types/react": "^19.2.2",
         "@types/react-dom": "^19.2.2",
@@ -3272,6 +3273,13 @@
         "@babel/types": "^7.28.2"
       }
     },
+    "node_modules/@types/d3-force": {
+      "version": "3.0.10",
+      "resolved": "https://registry.npmjs.org/@types/d3-force/-/d3-force-3.0.10.tgz",
+      "integrity": "sha512-ZYeSaCF3p73RdOKcjj+swRlZfnYpK1EbaDiYICEEp5Q6sUiqFaFQ9qgoshp5CzIyyb/yD09kD9o2zEltCexlgw==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@types/debug": {
       "version": "4.1.12",
       "resolved": "https://registry.npmjs.org/@types/debug/-/debug-4.1.12.tgz",

frontend/package.json

@@ -38,6 +38,7 @@
   },
   "devDependencies": {
     "@eslint/js": "^9.39.1",
+    "@types/d3-force": "^3.0.10",
     "@types/node": "^24.10.0",
     "@types/react": "^19.2.2",
     "@types/react-dom": "^19.2.2",

frontend/src/components/GraphView.tsx

@@ -1,7 +1,7 @@
 import { useEffect, useRef, useState, useMemo } from 'react';
 import ForceGraph2D, { type ForceGraphMethods } from 'react-force-graph-2d';
 import { forceRadial } from 'd3-force';
-import type { GraphData, GraphNode } from '@/types/graph';
+import type { GraphData } from '@/types/graph';
 import { getGraphData } from '@/services/api';
 import { Loader2, AlertCircle } from 'lucide-react';
 import { Alert, AlertDescription, AlertTitle } from '@/components/ui/alert';
@@ -14,7 +14,7 @@ export function GraphView({ onSelectNote }: GraphViewProps) {
   const [data, setData] = useState<GraphData>({ nodes: [], links: [] });
   const [isLoading, setIsLoading] = useState(true);
   const [error, setError] = useState<string | null>(null);
-  const graphRef = useRef<ForceGraphMethods>();
+  const graphRef = useRef<ForceGraphMethods | undefined>(undefined);
   // Theme detection would go here, simplified for MVP
   const isDark = document.documentElement.classList.contains('dark');
   

frontend/src/components/NoteViewer.tsx

@@ -40,7 +40,7 @@ export function NoteViewer({
   // [[Link|Alias]] -> [Alias](wikilink:Link)
   const processedBody = useMemo(() => {
     if (!note.body) return '';
-    const processed = note.body.replace(/\[\[([^\]]+)\]\]/g, (match, content) => {
+    const processed = note.body.replace(/\[\[([^\]]+)\]\]/g, (_match, content) => {
       const [link, alias] = content.split('|');
       const displayText = alias || link;
       const href = `wikilink:${encodeURIComponent(link)}`;

frontend/src/pages/MainApp.tsx

@@ -29,7 +29,6 @@ import {
 } from '@/services/api';
 import {
   Dialog,
-  DialogClose,
   DialogContent,
   DialogDescription,
   DialogFooter,
@@ -281,7 +280,7 @@ export function MainApp() {
       const folderPath = newFolderName.replace(/\/$/, ''); // Remove trailing slash if present
       const placeholderPath = `${folderPath}/.placeholder.md`;
 
-      const note = await createNote({
+      await createNote({
         note_path: placeholderPath,
         title: 'Folder',
         body: `# ${folderPath}\n\nThis folder was created.`,
@@ -308,41 +307,6 @@ export function MainApp() {
     }
   };
 
-  // Handle rename note
-  const handleRenameNote = async (oldPath: string, newPath: string) => {
-    if (!newPath.trim()) {
-      toast.error('New path cannot be empty');
-      return;
-    }
-
-    try {
-      // Ensure new path has .md extension
-      const finalNewPath = newPath.endsWith('.md') ? newPath : `${newPath}.md`;
-
-      await moveNote(oldPath, finalNewPath);
-
-      // Refresh notes list
-      const notesList = await listNotes();
-      setNotes(notesList);
-
-      // If renaming currently selected note, update selection
-      if (selectedPath === oldPath) {
-        setSelectedPath(finalNewPath);
-      }
-
-      toast.success(`Note renamed successfully`);
-    } catch (err) {
-      let errorMessage = 'Failed to rename note';
-      if (err instanceof APIException) {
-        errorMessage = err.message || err.error;
-      } else if (err instanceof Error) {
-        errorMessage = err.message;
-      }
-      toast.error(errorMessage);
-      console.error('Error renaming note:', err);
-    }
-  };
-
   // Handle dragging file to folder
   const handleMoveNoteToFolder = async (oldPath: string, targetFolderPath: string) => {
     try {