fix: use persisted reader for palette thinking level

Author: ammar-agent

src/browser/App.tsx

@@ -7,7 +7,11 @@ import { LeftSidebar } from "./components/LeftSidebar";
 import { ProjectCreateModal } from "./components/ProjectCreateModal";
 import { AIView } from "./components/AIView";
 import { ErrorBoundary } from "./components/ErrorBoundary";
-import { usePersistedState, updatePersistedState } from "./hooks/usePersistedState";
+import {
+  usePersistedState,
+  updatePersistedState,
+  readPersistedState,
+} from "./hooks/usePersistedState";
 import { matchesKeybind, KEYBINDS } from "./utils/ui/keybinds";
 import { buildSortedWorkspacesByProject } from "./utils/ui/workspaceFiltering";
 import { useResumeManager } from "./hooks/useResumeManager";
@@ -281,18 +285,10 @@ function AppInner() {
     }
 
     try {
-      // First get the model for this workspace, then get thinking level for that model
-      const modelKey = getModelKey(workspaceId);
-      const modelStored = window.localStorage.getItem(modelKey);
-      const model = modelStored ? (JSON.parse(modelStored) as string) : getDefaultModel();
-
-      const key = getThinkingLevelKey(model);
-      const stored = window.localStorage.getItem(key);
-      if (!stored || stored === "undefined") {
-        return "off";
-      }
-      const parsed = JSON.parse(stored) as ThinkingLevel;
-      return THINKING_LEVELS.includes(parsed) ? parsed : "off";
+      const model =
+        readPersistedState<string | null>(getModelKey(workspaceId), null) ?? getDefaultModel();
+      const storedLevel = readPersistedState<ThinkingLevel>(getThinkingLevelKey(model), "off");
+      return THINKING_LEVELS.includes(storedLevel) ? storedLevel : "off";
     } catch (error) {
       console.warn("Failed to read thinking level", error);
       return "off";
@@ -304,11 +300,8 @@ function AppInner() {
       return;
     }
 
-    // Get the model for this workspace to set thinking level for it
-    const modelKey = getModelKey(workspaceId);
-    const modelStored = window.localStorage?.getItem(modelKey);
-    const model = modelStored ? (JSON.parse(modelStored) as string) : getDefaultModel();
-
+    const model =
+      readPersistedState<string | null>(getModelKey(workspaceId), null) ?? getDefaultModel();
     const normalized = THINKING_LEVELS.includes(level) ? level : "off";
     const key = getThinkingLevelKey(model);