🤖 feat: add Clear button for Base URL field

Author: ibetitsmike

src/browser/components/Settings/sections/ProvidersSection.tsx

@@ -57,6 +57,17 @@ export function ProvidersSection() {
     }
   }, [editingField, editValue]);
 
+  const handleClearBaseUrl = useCallback(async (provider: string) => {
+    setSaving(true);
+    try {
+      await window.api.providers.setProviderConfig(provider, ["baseUrl"], "");
+      const cfg = await window.api.providers.getConfig();
+      setConfig(cfg);
+    } finally {
+      setSaving(false);
+    }
+  }, []);
+
   const isConfigured = (provider: string) => {
     return config[provider]?.apiKeySet ?? false;
   };
@@ -192,13 +203,25 @@ export function ProvidersSection() {
                       <span className="text-foreground font-mono text-xs">
                         {providerConfig?.baseUrl ?? "Default"}
                       </span>
-                      <button
-                        type="button"
-                        onClick={() => handleStartEdit(provider, "baseUrl")}
-                        className="text-accent hover:text-accent-light text-xs"
-                      >
-                        {providerConfig?.baseUrl ? "Change" : "Set"}
-                      </button>
+                      <div className="flex gap-2">
+                        {providerConfig?.baseUrl && (
+                          <button
+                            type="button"
+                            onClick={() => void handleClearBaseUrl(provider)}
+                            disabled={saving}
+                            className="text-muted hover:text-error text-xs"
+                          >
+                            Clear
+                          </button>
+                        )}
+                        <button
+                          type="button"
+                          onClick={() => handleStartEdit(provider, "baseUrl")}
+                          className="text-accent hover:text-accent-light text-xs"
+                        >
+                          {providerConfig?.baseUrl ? "Change" : "Set"}
+                        </button>
+                      </div>
                     </div>
                   )}
                 </div>

src/node/services/ipcMain.ts

@@ -1489,7 +1489,13 @@ export class IpcMain {
           }
 
           if (keyPath.length > 0) {
-            current[keyPath[keyPath.length - 1]] = value;
+            const lastKey = keyPath[keyPath.length - 1];
+            // Delete key if value is empty string, otherwise set it
+            if (value === "") {
+              delete current[lastKey];
+            } else {
+              current[lastKey] = value;
+            }
           }
 
           // Save updated config