@peaske7/readit 0.1.6 → 0.1.7

package/src/components/comments/CommentInput.tsx

@@ -1,6 +1,7 @@
 import { BotMessageSquare, Copy } from "lucide-react";
 import { use, useEffect, useRef, useState } from "react";
 import { LayoutContext } from "../../contexts/LayoutContext";
+import { useLocale } from "../../contexts/LocaleContext";
 import { cn } from "../../lib/utils";
 import { FontFamilies } from "../../types";
 import { Button } from "../ui/Button";
@@ -21,6 +22,7 @@ export function CommentInput({
   onCopyRaw,
   onCopyForLLM,
 }: CommentInputProps) {
+  const { t } = useLocale();
   const layout = use(LayoutContext);
   const fontClass = layout
     ? layout.fontFamily === FontFamilies.SANS_SERIF
@@ -32,18 +34,11 @@ export function CommentInput({
   const textareaRef = useRef<HTMLTextAreaElement>(null);
 
   useEffect(() => {
-    if (selectedText && textareaRef.current) {
-      // Only auto-focus on devices with precise pointing (desktop)
-      if (window.matchMedia("(pointer: fine)").matches) {
-        textareaRef.current.focus();
-      }
+    // Only auto-focus on devices with precise pointing (desktop)
+    if (textareaRef.current && window.matchMedia("(pointer: fine)").matches) {
+      textareaRef.current.focus();
     }
-  }, [selectedText]);
-
-  // biome-ignore lint/correctness/useExhaustiveDependencies: intentionally reset when selection changes
-  useEffect(() => {
-    setCommentText("");
-  }, [selectedText]);
+  }, []);
 
   const handleSubmit = () => {
     onSubmit(commentText.trim());
@@ -76,7 +71,7 @@ export function CommentInput({
         ref={textareaRef}
         value={commentText}
         onChange={(e) => setCommentText(e.target.value)}
-        placeholder="Add your comment..."
+        placeholder={t("comment.placeholder")}
         className={cn(
           fontClass,
           "w-full px-2 py-1.5 text-sm border border-zinc-200 dark:border-zinc-700 dark:bg-zinc-800 resize-none focus:outline-none focus:border-zinc-400 dark:focus:border-zinc-500",
@@ -91,8 +86,8 @@ export function CommentInput({
             size="icon"
             className="size-7 text-zinc-300 dark:text-zinc-600 hover:text-zinc-500 dark:hover:text-zinc-400"
             onClick={onCopyRaw}
-            title="Copy raw text (⌘C)"
-            aria-label="Copy raw text"
+            title={t("comment.copyRawTitle")}
+            aria-label={t("comment.copyRawLabel")}
           >
             <Copy size={14} />
           </Button>
@@ -101,17 +96,17 @@ export function CommentInput({
             size="icon"
             className="size-7 text-zinc-300 dark:text-zinc-600 hover:text-zinc-500 dark:hover:text-zinc-400"
             onClick={onCopyForLLM}
-            title="Copy with context for LLM (⌘⇧C)"
-            aria-label="Copy for LLM"
+            title={t("comment.copyLLMTitle")}
+            aria-label={t("comment.copyLLMLabel")}
           >
             <BotMessageSquare size={14} />
           </Button>
         </div>
         <Button variant="ghost" size="sm" onClick={onCancel}>
-          Cancel
+          {t("comment.cancel")}
         </Button>
         <Button variant="link" size="sm" onClick={handleSubmit} title="⌘↵">
-          {commentText.trim() ? "Add Note" : "Highlight"}
+          {commentText.trim() ? t("comment.addNote") : t("comment.highlight")}
         </Button>
       </div>
     </div>

package/src/components/comments/CommentListItem.tsx

@@ -1,5 +1,6 @@
 import { useState } from "react";
 import { useCommentContext } from "../../contexts/CommentContext";
+import { useLocale } from "../../contexts/LocaleContext";
 import { cn } from "../../lib/utils";
 import type { Comment } from "../../types";
 import { InlineEditor } from "../InlineEditor";
@@ -14,6 +15,7 @@ interface CommentListItemProps {
 }
 
 export function CommentListItem({ comment, onAction }: CommentListItemProps) {
+  const { t } = useLocale();
   const { editComment, deleteComment, navigateToComment, startReanchor } =
     useCommentContext();
 
@@ -45,7 +47,7 @@ export function CommentListItem({ comment, onAction }: CommentListItemProps) {
         </Text>
         {isUnresolved && (
           <Text variant="caption" asChild>
-            <span className="shrink-0">· unresolved</span>
+            <span className="shrink-0">· {t("commentList.unresolved")}</span>
           </Text>
         )}
       </div>
@@ -66,13 +68,21 @@ export function CommentListItem({ comment, onAction }: CommentListItemProps) {
           </Text>
 
           <ActionBar className="gap-3 mt-1.5">
-            <ActionLink onClick={() => setIsEditing(true)}>Edit</ActionLink>
+            <ActionLink onClick={() => setIsEditing(true)}>
+              {t("commentList.edit")}
+            </ActionLink>
             <ActionLink onClick={() => deleteComment(comment.id)}>
-              Delete
+              {t("commentList.delete")}
             </ActionLink>
-            {canGoTo && <ActionLink onClick={handleGoTo}>Go to</ActionLink>}
+            {canGoTo && (
+              <ActionLink onClick={handleGoTo}>
+                {t("commentList.goTo")}
+              </ActionLink>
+            )}
             {isUnresolved && (
-              <ActionLink onClick={handleReanchor}>Re-anchor</ActionLink>
+              <ActionLink onClick={handleReanchor}>
+                {t("commentList.reanchor")}
+              </ActionLink>
             )}
           </ActionBar>
         </>

package/src/components/comments/CommentManager.tsx

@@ -1,6 +1,7 @@
 import { Copy, Trash2 } from "lucide-react";
 import { useState } from "react";
 import { useCommentContext } from "../../contexts/CommentContext";
+import { useLocale } from "../../contexts/LocaleContext";
 import { Button } from "../ui/Button";
 import { Text } from "../ui/Text";
 import { CommentListItem } from "./CommentListItem";
@@ -10,6 +11,7 @@ interface CommentManagerProps {
 }
 
 export function CommentManager({ onClose }: CommentManagerProps) {
+  const { t } = useLocale();
   const { comments, copyAllForLLM, deleteAll } = useCommentContext();
   const [confirmingDelete, setConfirmingDelete] = useState(false);
 
@@ -31,7 +33,7 @@ export function CommentManager({ onClose }: CommentManagerProps) {
       {confirmingDelete ? (
         <div className="px-3 py-2 border-b border-zinc-100">
           <Text variant="caption" className="mb-1.5">
-            Delete all {comments.length} comments?
+            {t("commentManager.deleteAllConfirm", { count: comments.length })}
           </Text>
           <div className="flex gap-3">
             <Button
@@ -43,7 +45,7 @@ export function CommentManager({ onClose }: CommentManagerProps) {
                 onClose();
               }}
             >
-              Delete
+              {t("commentManager.delete")}
             </Button>
             <Button
               variant="ghost"
@@ -51,7 +53,7 @@ export function CommentManager({ onClose }: CommentManagerProps) {
               className="h-auto p-0 text-xs"
               onClick={() => setConfirmingDelete(false)}
             >
-              Cancel
+              {t("commentManager.cancel")}
             </Button>
           </div>
         </div>
@@ -61,7 +63,10 @@ export function CommentManager({ onClose }: CommentManagerProps) {
             <span>
               {resolvedCount}
               {unresolvedCount > 0 && (
-                <span> · {unresolvedCount} unresolved</span>
+                <span>
+                  {" "}
+                  · {unresolvedCount} {t("commentManager.unresolved")}
+                </span>
               )}
             </span>
             <span className="flex items-center gap-1">
@@ -69,7 +74,7 @@ export function CommentManager({ onClose }: CommentManagerProps) {
                 type="button"
                 className="p-1 rounded hover:bg-zinc-100 text-zinc-400 hover:text-zinc-600 transition-colors"
                 onClick={copyAllForLLM}
-                title="Copy all comments"
+                title={t("commentManager.copyAllTitle")}
               >
                 <Copy size={13} />
               </button>
@@ -77,7 +82,7 @@ export function CommentManager({ onClose }: CommentManagerProps) {
                 type="button"
                 className="p-1 rounded hover:bg-zinc-100 text-zinc-400 hover:text-red-500 transition-colors"
                 onClick={() => setConfirmingDelete(true)}
-                title="Delete all comments"
+                title={t("commentManager.deleteAllTitle")}
               >
                 <Trash2 size={13} />
               </button>
@@ -89,7 +94,9 @@ export function CommentManager({ onClose }: CommentManagerProps) {
       <div className="overflow-y-auto max-h-80">
         {sortedComments.length === 0 ? (
           <Text variant="caption" asChild>
-            <div className="px-3 py-4 text-center">No comments yet</div>
+            <div className="px-3 py-4 text-center">
+              {t("commentManager.noComments")}
+            </div>
           </Text>
         ) : (
           sortedComments.map((comment) => (

package/src/components/comments/CommentNav.tsx

@@ -1,6 +1,7 @@
 import { ChevronLeft, ChevronRight } from "lucide-react";
 import { useEffect, useRef, useState } from "react";
 import { useCommentContext } from "../../contexts/CommentContext";
+import { useLocale } from "../../contexts/LocaleContext";
 import { cn } from "../../lib/utils";
 import { Button } from "../ui/Button";
 import { Text } from "../ui/Text";
@@ -8,6 +9,7 @@ import { Text } from "../ui/Text";
 const ANIMATION_DURATION_MS = 200;
 
 export function CommentNav() {
+  const { t } = useLocale();
   const { currentIndex, sortedComments, navigatePrevious, navigateNext } =
     useCommentContext();
   const totalComments = sortedComments.length;
@@ -67,7 +69,7 @@ export function CommentNav() {
               "scale-90 bg-zinc-100 dark:bg-zinc-800 text-zinc-600 dark:text-zinc-300",
           )}
           onClick={handlePrevious}
-          title="Previous comment (Alt+↑)"
+          title={t("commentNav.previous")}
         >
           <ChevronLeft className="w-4 h-4" />
         </Button>
@@ -81,7 +83,10 @@ export function CommentNav() {
               animating === "next" && "translate-x-0.5",
             )}
           >
-            {currentIndex + 1} of {totalComments}
+            {t("commentNav.of", {
+              current: currentIndex + 1,
+              total: totalComments,
+            })}
           </span>
         </Text>
 
@@ -94,7 +99,7 @@ export function CommentNav() {
               "scale-90 bg-zinc-100 dark:bg-zinc-800 text-zinc-600 dark:text-zinc-300",
           )}
           onClick={handleNext}
-          title="Next comment (Alt+↓)"
+          title={t("commentNav.next")}
         >
           <ChevronRight className="w-4 h-4" />
         </Button>

package/src/contexts/CommentContext.tsx

@@ -15,6 +15,7 @@ import { generatePrompt } from "../lib/export";
 import { truncate } from "../lib/utils";
 import { useAppStore } from "../store";
 import type { Comment, DocumentType } from "../types";
+import { useLocale } from "./LocaleContext";
 
 interface CommentContextValue {
   // From useComments
@@ -108,6 +109,7 @@ export function CommentProvider({
   } = useCommentNavigation(sortedComments);
 
   const { reanchorTarget, startReanchor, cancelReanchor } = useReanchorMode();
+  const { t } = useLocale();
 
   // Show comments errors as toast
   useEffect(() => {
@@ -116,11 +118,14 @@ export function CommentProvider({
     }
   }, [commentsError]);
 
-  const copyCommentRaw = useCallback((comment: Comment) => {
-    const raw = `${comment.selectedText}\n\n${comment.comment}`;
-    navigator.clipboard.writeText(raw);
-    toast.success(`Copied: "${truncate(comment.comment)}"`);
-  }, []);
+  const copyCommentRaw = useCallback(
+    (comment: Comment) => {
+      const raw = `${comment.selectedText}\n\n${comment.comment}`;
+      navigator.clipboard.writeText(raw);
+      toast.success(t("toast.copied", { text: truncate(comment.comment) }));
+    },
+    [t],
+  );
 
   const copyCommentForLLM = useCallback(
     (comment: Comment) => {
@@ -136,16 +141,18 @@ export function CommentProvider({
       });
 
       navigator.clipboard.writeText(formatted);
-      toast.success(`Copied for LLM: "${truncate(comment.comment)}"`);
+      toast.success(
+        t("toast.copiedForLLM", { text: truncate(comment.comment) }),
+      );
     },
-    [documentContent, fileName],
+    [documentContent, fileName, t],
   );
 
   const copyAllForLLM = useCallback(() => {
     const prompt = generatePrompt(comments, fileName);
     navigator.clipboard.writeText(prompt);
-    toast.success("Copied all comments");
-  }, [comments, fileName]);
+    toast.success(t("toast.copiedAllComments"));
+  }, [comments, fileName, t]);
 
   const scrollToHighlight = useCallback(
     (commentId: string) => {

package/src/contexts/LayoutContext.tsx

@@ -1,16 +1,24 @@
 import { createContext, type ReactNode, use, useMemo } from "react";
+import { useEditorScheme } from "../hooks/useEditorScheme";
 import { useFontPreference } from "../hooks/useFontPreference";
 import { useKeybindings } from "../hooks/useKeybindings";
 import { useLayoutMode } from "../hooks/useLayoutMode";
 import { useThemePreference } from "../hooks/useThemePreference";
 import type { ShortcutDefinition } from "../lib/shortcut-registry";
-import type { FontFamily, ShortcutBinding, ThemeMode } from "../types";
+import type {
+  EditorScheme,
+  FontFamily,
+  ShortcutBinding,
+  ThemeMode,
+} from "../types";
 
 interface LayoutContextValue {
   isFullscreen: boolean;
   toggleLayoutMode: () => void;
   fontFamily: FontFamily;
   setFontFamily: (font: FontFamily) => Promise<void>;
+  editorScheme: EditorScheme;
+  setEditorScheme: (scheme: EditorScheme) => Promise<void>;
   themeMode: ThemeMode;
   setThemeMode: (mode: ThemeMode) => void;
   shortcuts: ShortcutDefinition[];
@@ -30,20 +38,20 @@ export function useLayoutContext(): LayoutContextValue {
 }
 
 interface LayoutProviderProps {
-  filePath: string;
   children: ReactNode;
 }
 
-export function LayoutProvider({ filePath, children }: LayoutProviderProps) {
+export function LayoutProvider({ children }: LayoutProviderProps) {
   const { isFullscreen, toggleLayoutMode } = useLayoutMode();
-  const { fontFamily, setFontFamily } = useFontPreference(filePath);
+  const { fontFamily, setFontFamily } = useFontPreference();
+  const { editorScheme, setEditorScheme } = useEditorScheme();
   const { themeMode, setThemeMode } = useThemePreference();
   const {
     shortcuts,
     updateBinding,
     toggleEnabled: toggleShortcutEnabled,
     resetToDefaults: resetShortcutsToDefaults,
-  } = useKeybindings(filePath);
+  } = useKeybindings();
 
   const value = useMemo<LayoutContextValue>(
     () => ({
@@ -51,6 +59,8 @@ export function LayoutProvider({ filePath, children }: LayoutProviderProps) {
       toggleLayoutMode,
       fontFamily,
       setFontFamily,
+      editorScheme,
+      setEditorScheme,
       themeMode,
       setThemeMode,
       shortcuts,
@@ -63,6 +73,8 @@ export function LayoutProvider({ filePath, children }: LayoutProviderProps) {
       toggleLayoutMode,
       fontFamily,
       setFontFamily,
+      editorScheme,
+      setEditorScheme,
       themeMode,
       setThemeMode,
       shortcuts,

package/src/contexts/LocaleContext.tsx

@@ -0,0 +1,35 @@
+import { createContext, type ReactNode, use, useMemo } from "react";
+import { useLocalePreference } from "../hooks/useLocalePreference";
+import { createT, type Locale, type TranslationKey } from "../lib/i18n";
+
+interface LocaleContextValue {
+  locale: Locale;
+  setLocale: (locale: Locale) => void;
+  t: (key: TranslationKey, params?: Record<string, string | number>) => string;
+}
+
+const LocaleContext = createContext<LocaleContextValue | null>(null);
+
+export function useLocale(): LocaleContextValue {
+  const value = use(LocaleContext);
+  if (!value) {
+    throw new Error("useLocale must be used within a LocaleProvider");
+  }
+  return value;
+}
+
+interface LocaleProviderProps {
+  children: ReactNode;
+}
+
+export function LocaleProvider({ children }: LocaleProviderProps) {
+  const { locale, setLocale } = useLocalePreference();
+  const t = useMemo(() => createT(locale), [locale]);
+
+  const value = useMemo<LocaleContextValue>(
+    () => ({ locale, setLocale, t }),
+    [locale, setLocale, t],
+  );
+
+  return <LocaleContext value={value}>{children}</LocaleContext>;
+}

package/src/hooks/useClipboard.ts

@@ -6,6 +6,7 @@ import {
   generatePrompt,
   generateRawText,
 } from "../lib/export";
+import type { TranslationKey } from "../lib/i18n";
 import { truncate } from "../lib/utils";
 import type { Comment, Document, Selection } from "../types";
 
@@ -14,6 +15,7 @@ interface UseClipboardParams {
   document: Document | undefined;
   selection: Selection | undefined;
   clearSelection: () => void;
+  t: (key: TranslationKey, params?: Record<string, string | number>) => string;
 }
 
 export function useClipboard({
@@ -21,21 +23,22 @@ export function useClipboard({
   document,
   selection,
   clearSelection,
+  t,
 }: UseClipboardParams) {
   // Export handlers
   const copyAll = useCallback(() => {
     if (!document) return;
     const prompt = generatePrompt(comments, document.fileName);
     navigator.clipboard.writeText(prompt);
-    toast.success("Copied all comments");
-  }, [comments, document]);
+    toast.success(t("toast.copiedAllComments"));
+  }, [comments, document, t]);
 
   const copyAllRaw = useCallback(() => {
     if (!document) return;
     const raw = generateRawText(comments);
     navigator.clipboard.writeText(raw);
-    toast.success("Copied all comments as raw text");
-  }, [comments, document]);
+    toast.success(t("toast.copiedAllRaw"));
+  }, [comments, document, t]);
 
   const exportJson = useCallback(() => {
     if (!document) return;
@@ -47,9 +50,9 @@ export function useClipboard({
     if (!selection) return;
 
     navigator.clipboard.writeText(selection.text);
-    toast.success(`Copied: "${truncate(selection.text)}"`);
+    toast.success(t("toast.copied", { text: truncate(selection.text) }));
     clearSelection();
-  }, [selection, clearSelection]);
+  }, [selection, clearSelection, t]);
 
   const copySelectionForLLM = useCallback(() => {
     if (!selection || !document) return;
@@ -65,9 +68,9 @@ export function useClipboard({
     });
 
     navigator.clipboard.writeText(formatted);
-    toast.success(`Copied for LLM: "${truncate(selection.text)}"`);
+    toast.success(t("toast.copiedForLLM", { text: truncate(selection.text) }));
     clearSelection();
-  }, [selection, document, clearSelection]);
+  }, [selection, document, clearSelection, t]);
 
   return {
     copyAll,

package/src/hooks/useDocument.ts

@@ -10,6 +10,12 @@ interface UseDocumentResult {
   reload: () => Promise<void>;
 }
 
+interface DocListItem {
+  path: string;
+  fileName: string;
+  type: Document["type"];
+}
+
 /**
  * Manage multi-document loading, lazy content fetching, and live reloading.
  *
@@ -39,15 +45,21 @@ export function useDocument(): UseDocumentResult {
         const data = await res.json();
 
         const clean = data.clean || false;
-        for (const file of data.files) {
-          appStore.getState().openDocument({
-            content: "", // Content loaded lazily on tab activation
-            type: file.type,
-            filePath: file.path,
-            fileName: file.fileName,
-            clean,
-          });
+        if (data.workingDirectory) {
+          appStore.getState().setWorkingDirectory(data.workingDirectory);
         }
+        data.files.forEach((file: DocListItem, index: number) => {
+          appStore.getState().openDocument(
+            {
+              content: "", // Content loaded lazily on tab activation
+              type: file.type,
+              filePath: file.path,
+              fileName: file.fileName,
+              clean,
+            },
+            { active: index === 0 },
+          );
+        });
       } catch (err) {
         setError(
           err instanceof Error ? err.message : "Failed to load documents",
@@ -84,23 +96,26 @@ export function useDocument(): UseDocumentResult {
     loadContent();
   }, [activeDocumentPath]);
 
-  // SSE: listen for file updates, reload content for already-loaded documents
+  // SSE: register new documents without stealing focus; reload loaded docs on updates
   useEffect(() => {
     const eventSource = new EventSource("/api/document/stream");
     eventSource.onmessage = async (e) => {
       try {
         const data = JSON.parse(e.data);
-        if (data.type === "file-added" && data.path) {
-          appStore.getState().openDocument({
-            content: "", // Lazy-loaded when tab activated
-            type: data.fileType,
-            filePath: data.path,
-            fileName: data.fileName,
-            clean: false,
-          });
+        if (data.type === "document-added" && data.path) {
+          appStore.getState().openDocument(
+            {
+              content: "", // Lazy-loaded when tab activated
+              type: data.fileType,
+              filePath: data.path,
+              fileName: data.fileName,
+              clean: false,
+            },
+            { active: false },
+          );
           return;
         }
-        if (data.type === "update" && data.path) {
+        if (data.type === "document-updated" && data.path) {
           // Only reload if content was previously loaded
           const state = appStore.getState().documents.get(data.path);
           if (!state || !state.document.content) return;

package/src/hooks/useEditorScheme.ts

@@ -0,0 +1,51 @@
+import { useCallback, useEffect, useState } from "react";
+import { toast } from "sonner";
+import { type EditorScheme, EditorSchemes } from "../types";
+
+interface UseEditorSchemeResult {
+  editorScheme: EditorScheme;
+  setEditorScheme: (scheme: EditorScheme) => Promise<void>;
+}
+
+export function useEditorScheme(): UseEditorSchemeResult {
+  const [editorScheme, setEditorSchemeState] = useState<EditorScheme>(
+    EditorSchemes.NONE,
+  );
+
+  useEffect(() => {
+    const fetchSettings = async () => {
+      try {
+        const response = await fetch("/api/settings");
+        if (response.ok) {
+          const settings = await response.json();
+          setEditorSchemeState(settings.editorScheme || EditorSchemes.NONE);
+        }
+      } catch (err) {
+        console.error("Failed to fetch settings:", err);
+      }
+    };
+
+    fetchSettings();
+  }, []);
+
+  const setEditorScheme = useCallback(async (scheme: EditorScheme) => {
+    setEditorSchemeState(scheme);
+
+    try {
+      const response = await fetch("/api/settings", {
+        method: "PUT",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ editorScheme: scheme }),
+      });
+
+      if (!response.ok) {
+        throw new Error("Failed to save settings");
+      }
+    } catch (err) {
+      console.error("Failed to save editor scheme:", err);
+      toast.error("Failed to save editor scheme");
+    }
+  }, []);
+
+  return { editorScheme, setEditorScheme };
+}

package/src/hooks/useFontPreference.ts

@@ -1,4 +1,4 @@
-import { useCallback, useEffect, useRef, useState } from "react";
+import { useCallback, useEffect, useState } from "react";
 import { toast } from "sonner";
 import { FontFamilies, type FontFamily } from "../types";
 
@@ -8,30 +8,16 @@ interface UseFontPreferenceResult {
   isLoading: boolean;
 }
 
-export function useFontPreference(
-  filePath: string | null,
-): UseFontPreferenceResult {
+export function useFontPreference(): UseFontPreferenceResult {
   const [fontFamily, setFontFamilyState] = useState<FontFamily>(
     FontFamilies.SERIF,
   );
   const [isLoading, setIsLoading] = useState(true);
 
-  const filePathRef = useRef(filePath);
-  filePathRef.current = filePath;
-
-  // Fetch settings when filePath changes
   useEffect(() => {
-    if (!filePath) {
-      setIsLoading(false);
-      return;
-    }
-
-    setIsLoading(true);
-
     const fetchSettings = async () => {
       try {
-        const query = `?path=${encodeURIComponent(filePath)}`;
-        const response = await fetch(`/api/settings${query}`);
+        const response = await fetch("/api/settings");
         if (response.ok) {
           const settings = await response.json();
           setFontFamilyState(settings.fontFamily || FontFamilies.SERIF);
@@ -44,16 +30,13 @@ export function useFontPreference(
     };
 
     fetchSettings();
-  }, [filePath]);
+  }, []);
 
   const setFontFamily = useCallback(async (font: FontFamily) => {
-    // Optimistic update
     setFontFamilyState(font);
 
     try {
-      const fp = filePathRef.current;
-      const query = fp ? `?path=${encodeURIComponent(fp)}` : "";
-      const response = await fetch(`/api/settings${query}`, {
+      const response = await fetch("/api/settings", {
         method: "PUT",
         headers: { "Content-Type": "application/json" },
         body: JSON.stringify({ fontFamily: font }),