feat(settings): Brave Search key, tool toggles, QOL improvements

Settings:
- Brave Search API key field in Settings → Tools section
- Toggle switches for fetch_url and web_search tools
- Tool toggles persisted in settings.json, respected at runtime

QOL:
- Note auto-save: debounced 2-second save while editing (no more
  data loss if app crashes before blur)
- Thread delete confirmation dialog before removing conversations
- Toggle switch CSS component for reuse

Backend:
- SettingsData gains toolToggles with fetchUrl/webSearch booleans
- ProviderStatus returns braveSearchKeyConfigured + toolToggles
- buildToolExecutors respects toggle settings

Author: karansinghgit

src/main/providerService.ts

@@ -295,7 +295,9 @@ export class ProviderService {
         model: providers.perplexity.model,
         preset: providers.perplexity.preset
       },
-      ollama
+      ollama,
+      braveSearchKeyConfigured: Boolean(await this.secureConfig.getToolApiKey("brave")),
+      toolToggles: settings.toolToggles
     };
   }
 
@@ -304,6 +306,13 @@ export class ProviderService {
       await this.secureConfig.setProviderApiKey("perplexity", config.perplexityApiKey);
     }
 
+    if (typeof config.braveSearchApiKey === "string") {
+      const normalized = config.braveSearchApiKey.trim();
+      if (normalized) {
+        await this.secureConfig.setToolApiKey("brave", normalized);
+      }
+    }
+
     if (config.providerApiKeys) {
       const saves: Array<Promise<void>> = [];
       for (const providerId of CLOUD_PROVIDER_IDS) {
@@ -373,6 +382,10 @@ export class ProviderService {
           baseUrl: config.ollamaBaseUrl ?? current.providers.ollama.baseUrl,
           model: config.ollamaModel ?? current.providers.ollama.model
         }
+      },
+      toolToggles: {
+        fetchUrl: config.toolToggles?.fetchUrl ?? current.toolToggles.fetchUrl,
+        webSearch: config.toolToggles?.webSearch ?? current.toolToggles.webSearch
       }
     }));
 
@@ -484,7 +497,8 @@ export class ProviderService {
     let finalCitations: Citation[] = [];
     const systemPrompt = await buildSystemPrompt(this.contextProviders, request.prompt);
     const braveApiKey = await this.secureConfig.getToolApiKey("brave");
-    const toolExecutors = buildToolExecutors(braveApiKey);
+    const toolToggles = (await this.storage.getSettings()).toolToggles;
+    const toolExecutors = buildToolExecutors(braveApiKey, toolToggles);
     const toolDefs = getToolDefinitions(toolExecutors);
 
     const onDelta = (delta: string) => {

src/main/storage.ts

@@ -31,6 +31,10 @@ export interface SettingsData {
       model: string;
     };
   };
+  toolToggles: {
+    fetchUrl: boolean;
+    webSearch: boolean;
+  };
 }
 
 type LegacySettingsShape = {
@@ -62,6 +66,10 @@ const DEFAULT_SETTINGS: SettingsData = {
       baseUrl: "http://localhost:11434",
       model: ""
     }
+  },
+  toolToggles: {
+    fetchUrl: true,
+    webSearch: true
   }
 };
 
@@ -175,6 +183,10 @@ function normalizeSettings(raw: unknown): SettingsData {
             ? source.ollamaModel
           : DEFAULT_SETTINGS.providers.ollama.model
       }
+    },
+    toolToggles: {
+      fetchUrl: (source as Partial<SettingsData>).toolToggles?.fetchUrl !== false,
+      webSearch: (source as Partial<SettingsData>).toolToggles?.webSearch !== false
     }
   };
 }

src/main/tools/registry.ts

@@ -6,10 +6,17 @@ import { createWebSearchTool } from "./webSearch";
  * Build the list of active tool executors based on available API keys.
  * Tools whose prerequisites are not met are silently excluded.
  */
-export function buildToolExecutors(braveApiKey?: string | null): ToolExecutor[] {
-  const tools: ToolExecutor[] = [fetchUrlTool];
+export function buildToolExecutors(
+  braveApiKey?: string | null,
+  toggles?: { fetchUrl?: boolean; webSearch?: boolean }
+): ToolExecutor[] {
+  const tools: ToolExecutor[] = [];
 
-  if (braveApiKey) {
+  if (toggles?.fetchUrl !== false) {
+    tools.push(fetchUrlTool);
+  }
+
+  if (toggles?.webSearch !== false && braveApiKey) {
     tools.push(createWebSearchTool(braveApiKey));
   }
 

src/renderer/App.tsx

@@ -652,6 +652,9 @@ export function App() {
   const [shortcutDraft, setShortcutDraft] = useState("CommandOrControl+Shift+Space");
   const [activeModelDraft, setActiveModelDraft] = useState(modelKey("search", ""));
   const [providerKeyDrafts, setProviderKeyDrafts] = useState<Record<CloudProviderId, string>>(() => buildProviderDrafts());
+  const [braveSearchKeyDraft, setBraveSearchKeyDraft] = useState("");
+  const [toolFetchUrlEnabled, setToolFetchUrlEnabled] = useState(true);
+  const [toolWebSearchEnabled, setToolWebSearchEnabled] = useState(true);
   const [selectedCloudModelsDraft, setSelectedCloudModelsDraft] = useState<Record<CloudProviderId, string[]>>(() => normalizeSelectedCloudModels());
   const [openRouterModelDraft, setOpenRouterModelDraft] = useState("");
   const [customLocalModelDraft, setCustomLocalModelDraft] = useState("");
@@ -825,6 +828,8 @@ export function App() {
     setSelectedCloudModelsDraft(nextStatus.selectedCloudModels);
     setOllamaStatus(nextOllamaStatus);
     setShortcutDraft(nextStatus.shortcut);
+    setToolFetchUrlEnabled(nextStatus.toolToggles.fetchUrl);
+    setToolWebSearchEnabled(nextStatus.toolToggles.webSearch);
     setSettingsMode(nextStatus.preferredMode === "local" ? "local" : "cloud");
     const hasActiveCloudKey = Boolean(nextStatus.cloudProviderKeys?.[nextStatus.activeCloudProvider]);
     setActiveModelDraft(
@@ -1191,6 +1196,14 @@ export function App() {
     pendingDeltasRef.current.clear();
   }, []);
 
+  useEffect(() => {
+    if (!activeNoteId) return;
+    const timer = setTimeout(() => {
+      void saveNote(activeNoteId, noteTitleDraft, noteContentDraft);
+    }, 2000);
+    return () => clearTimeout(timer);
+  }, [activeNoteId, noteTitleDraft, noteContentDraft]);
+
   async function stopPendingResponse(nextError?: string, refreshAfterStop = true) {
     streamSequenceRef.current += 1;
     const activeStreamId = activeStreamIdRef.current;
@@ -1355,6 +1368,15 @@ export function App() {
     });
   }
 
+  async function saveBraveSearchKey() {
+    await persistConfig({ braveSearchApiKey: braveSearchKeyDraft });
+    setBraveSearchKeyDraft(""); // Clear after save since we don't show the actual key
+  }
+
+  async function saveToolToggles(patch: { fetchUrl?: boolean; webSearch?: boolean }) {
+    await persistConfig({ toolToggles: patch });
+  }
+
   async function toggleSelectedCloudModel(providerId: CloudProviderId, modelId: string) {
     const current = selectedCloudModelsDraft[providerId] ?? [];
     const next = current.includes(modelId)
@@ -1783,6 +1805,7 @@ export function App() {
   }
 
   async function deleteThread(id: string) {
+    if (!confirm("Delete this conversation?")) return;
     try {
       setError(null);
       await getRobinBridge().chat.deleteThread(id);
@@ -1990,9 +2013,6 @@ export function App() {
                   onClick={() => { void selectThread(thread.id); setSidebarTab("chats"); setScreen("chat"); }}
                   onContextMenu={(event) => {
                     event.preventDefault();
-                    if (!window.confirm("Delete this chat?")) {
-                      return;
-                    }
                     void deleteThread(thread.id);
                   }}
                 >
@@ -2112,6 +2132,45 @@ export function App() {
                             })}
                           </div>
 
+                          <p className="setting-title" style={{ marginTop: 20 }}>Tools</p>
+                          <div className="provider-list">
+                            <article className="provider-row">
+                              <div className="provider-row-label">
+                                <p className="provider-name">Brave Search</p>
+                              </div>
+                              <input
+                                className="field-input provider-key-input"
+                                type="text"
+                                placeholder={status?.braveSearchKeyConfigured ? "Key configured ✓" : "API key for web search"}
+                                value={braveSearchKeyDraft}
+                                autoCapitalize="off"
+                                autoCorrect="off"
+                                spellCheck={false}
+                                onChange={(e) => setBraveSearchKeyDraft(e.target.value)}
+                                onBlur={() => { if (braveSearchKeyDraft.trim()) void saveBraveSearchKey(); }}
+                                onKeyDown={(e) => { if (e.key === "Enter") { e.preventDefault(); if (braveSearchKeyDraft.trim()) void saveBraveSearchKey(); } }}
+                              />
+                            </article>
+                            <article className="provider-row">
+                              <div className="provider-row-label">
+                                <p className="provider-name">Fetch URL</p>
+                              </div>
+                              <label className="toggle-switch">
+                                <input type="checkbox" checked={toolFetchUrlEnabled} onChange={(e) => { setToolFetchUrlEnabled(e.target.checked); void saveToolToggles({ fetchUrl: e.target.checked }); }} />
+                                <span className="toggle-slider" />
+                              </label>
+                            </article>
+                            <article className="provider-row">
+                              <div className="provider-row-label">
+                                <p className="provider-name">Web Search</p>
+                              </div>
+                              <label className="toggle-switch">
+                                <input type="checkbox" checked={toolWebSearchEnabled} onChange={(e) => { setToolWebSearchEnabled(e.target.checked); void saveToolToggles({ webSearch: e.target.checked }); }} />
+                                <span className="toggle-slider" />
+                              </label>
+                            </article>
+                          </div>
+
                           <div className="settings-cloud-models-panel">
                             <p className="setting-title setting-title-sub">Models Visible In Chat</p>
                             <div className="settings-cloud-provider-groups">

src/renderer/styles.css

@@ -2235,3 +2235,41 @@ button:focus-visible {
 .cap-badge:hover {
   opacity: 1;
 }
+
+/* ── Toggle Switch ───────────────────────────────────── */
+.toggle-switch {
+  position: relative;
+  display: inline-block;
+  width: 36px;
+  height: 20px;
+  cursor: pointer;
+}
+.toggle-switch input {
+  opacity: 0;
+  width: 0;
+  height: 0;
+}
+.toggle-slider {
+  position: absolute;
+  inset: 0;
+  background: var(--border);
+  border-radius: 10px;
+  transition: background 0.2s;
+}
+.toggle-slider::before {
+  content: "";
+  position: absolute;
+  width: 14px;
+  height: 14px;
+  left: 3px;
+  bottom: 3px;
+  background: white;
+  border-radius: 50%;
+  transition: transform 0.2s;
+}
+.toggle-switch input:checked + .toggle-slider {
+  background: var(--accent);
+}
+.toggle-switch input:checked + .toggle-slider::before {
+  transform: translateX(16px);
+}

src/shared/contracts.ts

@@ -114,6 +114,8 @@ export interface ProviderStatus {
     preset: string;
   };
   ollama: OllamaStatus;
+  braveSearchKeyConfigured: boolean;
+  toolToggles: { fetchUrl: boolean; webSearch: boolean };
 }
 
 export interface CloudModelCatalogItem {
@@ -152,6 +154,8 @@ export interface SaveConfigInput {
   activeCloudProvider?: CloudProviderId;
   providerApiKeys?: Partial<Record<CloudProviderId, string>>;
   selectedCloudModels?: Partial<Record<CloudProviderId, string[]>>;
+  braveSearchApiKey?: string;
+  toolToggles?: { fetchUrl?: boolean; webSearch?: boolean };
 }
 
 export type ChatStreamEvent =