@circuitwall/jarela 2.2.0 → 2.2.1

package/.next/standalone/.next/static/chunks/app/{page-c6e972a7fd13dae8.js → page-7017f07f8a7a083c.js}

@@ -1,105 +1,6 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([[8974],{
 
-/***/ 30737:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   D: () => (/* binding */ useTheme),
-/* harmony export */   ThemeProvider: () => (/* binding */ ThemeProvider)
-/* harmony export */ });
-/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(95155);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(12115);
-/* __next_internal_client_entry_do_not_use__ ThemeProvider,useTheme auto */ 
-
-const STORAGE_KEY = "jarela-theme";
-function isTheme(v) {
-    return v === "light" || v === "dark" || v === "system";
-}
-function readStored() {
-    if (false) {}
-    try {
-        const v = window.localStorage.getItem(STORAGE_KEY);
-        return isTheme(v) ? v : "system";
-    } catch  {
-        return "system";
-    }
-}
-const LIGHT_CHROME = "#ffffff";
-const DARK_CHROME = "#09090b";
-function resolveChrome(theme) {
-    if (theme === "light") return LIGHT_CHROME;
-    if (theme === "dark") return DARK_CHROME;
-    if (false) {}
-    return window.matchMedia("(prefers-color-scheme: dark)").matches ? DARK_CHROME : LIGHT_CHROME;
-}
-// Keep the single <meta name="theme-color"> tag (installed by the pre-paint
-// script in app/layout.tsx) aligned with the active surface so the PWA's
-// desktop title bar and mobile address bar match the theme.
-function syncChrome(theme) {
-    if (typeof document === "undefined") return;
-    const meta = document.querySelector('meta[name="theme-color"]');
-    if (meta) meta.setAttribute("content", resolveChrome(theme));
-}
-function apply(theme) {
-    if (typeof document === "undefined") return;
-    document.documentElement.setAttribute("data-theme", theme);
-    syncChrome(theme);
-}
-const ThemeContext = /*#__PURE__*/ (0,react__WEBPACK_IMPORTED_MODULE_1__.createContext)(null);
-function ThemeProvider({ children }) {
-    // Initial state stays "system" on the server to match the pre-paint script,
-    // which writes data-theme before React hydrates. The effect below syncs the
-    // React state to whatever the script (or localStorage) decided.
-    const [theme, setThemeState] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)("system");
-    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(()=>{
-        const stored = readStored();
-        setThemeState(stored);
-        // When in "system" mode, mirror OS-level changes into the PWA chrome.
-        if (false) {}
-        const mq = window.matchMedia("(prefers-color-scheme: dark)");
-        const onChange = ()=>{
-            if (readStored() === "system") syncChrome("system");
-        };
-        mq.addEventListener?.("change", onChange);
-        return ()=>mq.removeEventListener?.("change", onChange);
-    }, []);
-    const setTheme = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)((t)=>{
-        setThemeState(t);
-        apply(t);
-        try {
-            window.localStorage.setItem(STORAGE_KEY, t);
-        } catch  {
-        /* ignore quota / private-mode errors */ }
-    }, []);
-    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(ThemeContext.Provider, {
-        value: {
-            theme,
-            setTheme
-        },
-        children: children
-    });
-}
-function useTheme() {
-    const ctx = (0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(ThemeContext);
-    if (!ctx) throw new Error("useTheme must be used within ThemeProvider");
-    return ctx;
-}
-
-
-/***/ }),
-
-/***/ 39852:
-/***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
-
-Promise.resolve(/* import() eager */).then(__webpack_require__.bind(__webpack_require__, 96513));
-;
-Promise.resolve(/* import() eager */).then(__webpack_require__.bind(__webpack_require__, 12283));
-
-
-/***/ }),
-
-/***/ 96513:
+/***/ 9024:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -826,40 +727,8 @@ function useUrlSync() {
     };
 }
 
-;// ./lib/agents/effective-model.ts
-/**
- * Resolve which `ModelConfig` will actually be used for an agent at runtime.
- *
- * Mirrors what `lib/agents/llm.ts` does server-side: when an agent has
- * `model_config_name` set, that wins; otherwise the workspace-wide default
- * model is used. Both client (BridgeEditor, AgentEditor capability hints)
- * and server need the same logic — this is the single source of truth.
- *
- * Returns `null` only when neither the requested config nor the default
- * exists in the provided list (typically: no models configured yet).
- */ function resolveAgentModel(agent, models) {
-    const defaultModel = models.find((m)=>m.is_default) ?? models[0] ?? null;
-    if (!agent?.model_config_name) return defaultModel;
-    return models.find((m)=>m.name === agent.model_config_name) ?? defaultModel;
-}
-/**
- * Diagnose whether an agent has a runnable model RIGHT NOW. Used by the
- * Scheduled Tasks and Watchers panels to surface model-availability issues
- * before an unattended run silently no-ops with `no_model`.
- */ function agentModelStatus(agent, models) {
-    if (!agent) return {
-        state: "no-agent"
-    };
-    const effectiveModel = resolveAgentModel(agent, models);
-    if (effectiveModel) return {
-        state: "ok",
-        model: effectiveModel
-    };
-    return {
-        state: "no-model"
-    };
-}
-
+// EXTERNAL MODULE: ./lib/agents/effective-model.ts
+var effective_model = __webpack_require__(53036);
 ;// ./hooks/useConfigurationIssues.ts
 /* __next_internal_client_entry_do_not_use__ useConfigurationIssues auto */ 
 
@@ -915,7 +784,7 @@ function useUrlSync() {
                 pushIssue("no-default-model", "info", "No default model set", "Agents without an explicit model will fail. Pick one default.", "?tab=models", "Open Models →");
             }
             for (const a of agents){
-                const status = agentModelStatus(a, models);
+                const status = (0,effective_model/* agentModelStatus */.xu)(a, models);
                 if (status.state === "no-model") {
                     pushIssue(`agent-no-model:${a.id}`, "error", `Agent "${a.name}" has no model`, "Pick a model or set a workspace default.", `?tab=agents&item=${encodeURIComponent(a.id)}`, "Fix in Agents →");
                 }
@@ -11315,6 +11184,8 @@ var plus = __webpack_require__(2125);
 var arrow_up_right = __webpack_require__(9751);
 // EXTERNAL MODULE: ./node_modules/lucide-react/dist/esm/icons/star.mjs
 var star = __webpack_require__(95697);
+// EXTERNAL MODULE: ./node_modules/lucide-react/dist/esm/icons/power-off.mjs
+var power_off = __webpack_require__(18402);
 // EXTERNAL MODULE: ./node_modules/lucide-react/dist/esm/icons/trash.mjs
 var trash = __webpack_require__(25879);
 ;// ./components/ui/PanelHeader.tsx
@@ -11396,6 +11267,24 @@ function useModels() {
     }, [
         refreshModels
     ]);
+    const setDefault = (0,react.useCallback)(async (name)=>{
+        const m = await client/* api */.FH.models.patch(name, {
+            is_default: true
+        });
+        await refreshModels();
+        return m;
+    }, [
+        refreshModels
+    ]);
+    const setEnabled = (0,react.useCallback)(async (name, enabled)=>{
+        const m = await client/* api */.FH.models.patch(name, {
+            enabled
+        });
+        await refreshModels();
+        return m;
+    }, [
+        refreshModels
+    ]);
     const remove = (0,react.useCallback)(async (name)=>{
         await client/* api */.FH.models.delete(name);
         await refreshModels();
@@ -11433,6 +11322,8 @@ function useModels() {
         refresh,
         create,
         update,
+        setDefault,
+        setEnabled,
         remove,
         assign,
         unassign
@@ -11447,6 +11338,8 @@ function useModels() {
         refresh,
         create,
         update,
+        setDefault,
+        setEnabled,
         remove,
         assign,
         unassign
@@ -11957,7 +11850,7 @@ const PROVIDER_COLORS = {
     "github-copilot": "bg-purple-900/40 text-purple-300 border-purple-700"
 };
 function ModelsPanel() {
-    const { models, assignments, loading, create, update, remove, refresh } = useModels();
+    const { models, assignments, loading, create, update, setDefault, setEnabled, remove, refresh } = useModels();
     const { agents, loading: agentsLoading } = useAgents();
     const strategyOverrides = agents.filter((agent)=>agent.usage_strategy != null);
     const [editing, setEditing] = (0,react.useState)(null);
@@ -12005,12 +11898,20 @@ function ModelsPanel() {
         refresh();
     }
     async function handleSetDefault(m) {
-        await update(m.name, {
-            provider: m.provider,
-            model_id: m.model_id,
-            params: m.params,
-            is_default: true
-        });
+        setDeleteError(null);
+        try {
+            await setDefault(m.name);
+        } catch (e) {
+            setDeleteError(`Could not set "${m.name}" as default: ${(0,utils_error/* errorMessage */.g)(e)}`);
+        }
+    }
+    async function handleToggleEnabled(m) {
+        setDeleteError(null);
+        try {
+            await setEnabled(m.name, !m.enabled);
+        } catch (e) {
+            setDeleteError(`Could not ${m.enabled ? "disable" : "enable"} "${m.name}": ${(0,utils_error/* errorMessage */.g)(e)}`);
+        }
     }
     async function handleRemove(name) {
         const affectedAgents = assignments.filter((assignment)=>assignment.model_config_name === name).map((assignment)=>agents.find((agent)=>agent.id === assignment.agent_id)?.name ?? assignment.agent_id);
@@ -12286,7 +12187,7 @@ function ModelsPanel() {
                                 return /*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
                                     "data-deep-link-id": m.name,
                                     onClick: ()=>setEditing(m),
-                                    className: "flex items-center gap-3 py-2.5 border-b border-border/60 group cursor-pointer hover:bg-surface-3/30 transition-colors",
+                                    className: `flex items-center gap-3 py-2.5 border-b border-border/60 group cursor-pointer hover:bg-surface-3/30 transition-colors ${m.enabled ? "" : "opacity-60"}`,
                                     children: [
                                         /*#__PURE__*/ (0,jsx_runtime.jsx)("span", {
                                             className: "shrink-0 text-fg-subtle",
@@ -12302,13 +12203,17 @@ function ModelsPanel() {
                                                     className: "flex items-center gap-2 mb-0.5",
                                                     children: [
                                                         /*#__PURE__*/ (0,jsx_runtime.jsx)("span", {
-                                                            className: "text-sm font-medium text-fg",
+                                                            className: `text-sm font-medium ${m.enabled ? "text-fg" : "text-fg-subtle line-through"}`,
                                                             children: m.name
                                                         }),
                                                         m.is_default && /*#__PURE__*/ (0,jsx_runtime.jsx)(star/* default */.A, {
                                                             size: 11,
                                                             className: "text-yellow-700 dark:text-yellow-400 fill-yellow-400 shrink-0"
                                                         }),
+                                                        !m.enabled && /*#__PURE__*/ (0,jsx_runtime.jsx)("span", {
+                                                            className: "text-xs px-1.5 py-0.5 rounded border bg-surface-2 text-fg-muted border-border",
+                                                            children: "disabled"
+                                                        }),
                                                         /*#__PURE__*/ (0,jsx_runtime.jsx)("span", {
                                                             className: `text-xs px-1.5 py-0.5 rounded border ${PROVIDER_COLORS[m.provider] ?? "bg-surface-2 text-fg-muted border-border"}`,
                                                             children: m.provider
@@ -12331,10 +12236,10 @@ function ModelsPanel() {
                                         /*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
                                             className: "flex gap-1 opacity-40 group-hover:opacity-100 pointer-coarse:opacity-100 transition-opacity shrink-0",
                                             children: [
-                                                !m.is_default && /*#__PURE__*/ (0,jsx_runtime.jsx)("button", {
+                                                !m.is_default && m.enabled && /*#__PURE__*/ (0,jsx_runtime.jsx)("button", {
                                                     onClick: (e)=>{
                                                         e.stopPropagation();
-                                                        handleSetDefault(m);
+                                                        void handleSetDefault(m);
                                                     },
                                                     className: "p-1 text-fg-subtle hover:text-yellow-700 dark:hover:text-yellow-400 transition-colors",
                                                     title: "Set as default",
@@ -12342,6 +12247,21 @@ function ModelsPanel() {
                                                         size: 13
                                                     })
                                                 }),
+                                                /*#__PURE__*/ (0,jsx_runtime.jsx)("button", {
+                                                    onClick: (e)=>{
+                                                        e.stopPropagation();
+                                                        void handleToggleEnabled(m);
+                                                    },
+                                                    className: "p-1 text-fg-subtle hover:text-fg transition-colors",
+                                                    title: m.enabled ? "Disable; hide from model selection" : "Enable; show in model selection",
+                                                    "aria-label": m.enabled ? `Disable ${m.name}` : `Enable ${m.name}`,
+                                                    "aria-pressed": !m.enabled,
+                                                    children: m.enabled ? /*#__PURE__*/ (0,jsx_runtime.jsx)(power/* default */.A, {
+                                                        size: 13
+                                                    }) : /*#__PURE__*/ (0,jsx_runtime.jsx)(power_off/* default */.A, {
+                                                        size: 13
+                                                    })
+                                                }),
                                                 /*#__PURE__*/ (0,jsx_runtime.jsx)("button", {
                                                     onClick: (e)=>{
                                                         e.stopPropagation();
@@ -19679,7 +19599,7 @@ function RouteTable({ bridge_id, module }) {
         client/* api */.FH.models.list().then(setModels).catch(()=>{});
     }, []);
     /** Vision capability of an agent (resolves via its model_config_name, with default fallback). */ function agentVisionState(a) {
-        const cfg = resolveAgentModel(a, models);
+        const cfg = (0,effective_model/* resolveAgentModel */.Fu)(a, models);
         if (!cfg) return {
             supported: false,
             classified: false,
@@ -24780,7 +24700,7 @@ function WatcherCard({ watcher, agent, agents, models, onCancel, onRunNow, onCha
     const overdue = !watcher.last_error && new Date(watcher.next_run_at).getTime() < Date.now() - 60000;
     // Pre-flight model availability for the assigned agent; only relevant
     // when the watcher reacts via an agent prompt (not a pure script).
-    const modelStatus = watcher.reaction_kind === "agent_prompt" ? agentModelStatus(agent ?? null, models) : null;
+    const modelStatus = watcher.reaction_kind === "agent_prompt" ? (0,effective_model/* agentModelStatus */.xu)(agent ?? null, models) : null;
     return /*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
         "data-deep-link-id": watcher.id,
         className: "mb-2 rounded-lg border border-border bg-surface-2 overflow-hidden",
@@ -25512,7 +25432,7 @@ function TaskCard({ task, agent, agents, models, onCancel, onRunNow, onChanged }
         collapseSeconds: true
     });
     const overdue = !task.last_error && new Date(task.next_run_at).getTime() < Date.now() - 60000;
-    const modelStatus = task.reaction_kind === "agent_prompt" ? agentModelStatus(agent ?? null, models) : null;
+    const modelStatus = task.reaction_kind === "agent_prompt" ? (0,effective_model/* agentModelStatus */.xu)(agent ?? null, models) : null;
     return /*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
         "data-deep-link-id": task.id,
         className: "mb-2 rounded-lg border border-border bg-surface-2 overflow-hidden group",
@@ -33478,14 +33398,113 @@ function AppShell() {
 }
 
 
+/***/ }),
+
+/***/ 30737:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   D: () => (/* binding */ useTheme),
+/* harmony export */   ThemeProvider: () => (/* binding */ ThemeProvider)
+/* harmony export */ });
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(95155);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(12115);
+/* __next_internal_client_entry_do_not_use__ ThemeProvider,useTheme auto */ 
+
+const STORAGE_KEY = "jarela-theme";
+function isTheme(v) {
+    return v === "light" || v === "dark" || v === "system";
+}
+function readStored() {
+    if (false) {}
+    try {
+        const v = window.localStorage.getItem(STORAGE_KEY);
+        return isTheme(v) ? v : "system";
+    } catch  {
+        return "system";
+    }
+}
+const LIGHT_CHROME = "#ffffff";
+const DARK_CHROME = "#09090b";
+function resolveChrome(theme) {
+    if (theme === "light") return LIGHT_CHROME;
+    if (theme === "dark") return DARK_CHROME;
+    if (false) {}
+    return window.matchMedia("(prefers-color-scheme: dark)").matches ? DARK_CHROME : LIGHT_CHROME;
+}
+// Keep the single <meta name="theme-color"> tag (installed by the pre-paint
+// script in app/layout.tsx) aligned with the active surface so the PWA's
+// desktop title bar and mobile address bar match the theme.
+function syncChrome(theme) {
+    if (typeof document === "undefined") return;
+    const meta = document.querySelector('meta[name="theme-color"]');
+    if (meta) meta.setAttribute("content", resolveChrome(theme));
+}
+function apply(theme) {
+    if (typeof document === "undefined") return;
+    document.documentElement.setAttribute("data-theme", theme);
+    syncChrome(theme);
+}
+const ThemeContext = /*#__PURE__*/ (0,react__WEBPACK_IMPORTED_MODULE_1__.createContext)(null);
+function ThemeProvider({ children }) {
+    // Initial state stays "system" on the server to match the pre-paint script,
+    // which writes data-theme before React hydrates. The effect below syncs the
+    // React state to whatever the script (or localStorage) decided.
+    const [theme, setThemeState] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)("system");
+    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(()=>{
+        const stored = readStored();
+        setThemeState(stored);
+        // When in "system" mode, mirror OS-level changes into the PWA chrome.
+        if (false) {}
+        const mq = window.matchMedia("(prefers-color-scheme: dark)");
+        const onChange = ()=>{
+            if (readStored() === "system") syncChrome("system");
+        };
+        mq.addEventListener?.("change", onChange);
+        return ()=>mq.removeEventListener?.("change", onChange);
+    }, []);
+    const setTheme = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)((t)=>{
+        setThemeState(t);
+        apply(t);
+        try {
+            window.localStorage.setItem(STORAGE_KEY, t);
+        } catch  {
+        /* ignore quota / private-mode errors */ }
+    }, []);
+    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(ThemeContext.Provider, {
+        value: {
+            theme,
+            setTheme
+        },
+        children: children
+    });
+}
+function useTheme() {
+    const ctx = (0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(ThemeContext);
+    if (!ctx) throw new Error("useTheme must be used within ThemeProvider");
+    return ctx;
+}
+
+
+/***/ }),
+
+/***/ 39852:
+/***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
+
+Promise.resolve(/* import() eager */).then(__webpack_require__.bind(__webpack_require__, 9024));
+;
+Promise.resolve(/* import() eager */).then(__webpack_require__.bind(__webpack_require__, 12283));
+
+
 /***/ })
 
 },
 /******/ __webpack_require__ => { // webpackRuntimeModules
 /******/ var __webpack_exec__ = (moduleId) => (__webpack_require__(__webpack_require__.s = moduleId))
-/******/ __webpack_require__.O(0, [1973,8463,8095,4576,1395,8441,5254,7358], () => (__webpack_exec__(39852)));
+/******/ __webpack_require__.O(0, [1973,8463,8095,7045,1395,8441,5254,7358], () => (__webpack_exec__(39852)));
 /******/ var __webpack_exports__ = __webpack_require__.O();
 /******/ _N_E = __webpack_exports__;
 /******/ }
 ]);
-//# sourceMappingURL=page-c6e972a7fd13dae8.js.map
+//# sourceMappingURL=page-7017f07f8a7a083c.js.map

package/.next/standalone/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@circuitwall/jarela",
-  "version": "2.2.0",
+  "version": "2.2.1",
   "description": "Jarela — local chat interface for LangGraph agents (multi-provider, single-process, SQLite-backed).",
   "license": "Apache-2.0",
   "author": "Andrew Ge Wu",

package/CHANGELOG.md

@@ -7,6 +7,14 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [2.2.1] - 2026-10-15
+
+### Fixed
+
+- **Let models be disabled temporarily so they drop out of model selection and default/router resolution without being deleted, and set the default model in one atomic step that no longer rewrites model params or silently clears the default on edits.**
+- **Show fresh agents, tasks, credentials, models, and other lists right after a save instead of a briefly stale browser-cached copy.**
+- **Stop treating a `GITHUB_TOKEN` environment PAT as a GitHub Copilot credential and report Copilot catalog configuration errors as 400 instead of 500.**
+
 ## [2.2.0] - 2026-10-15
 
 ### Added

package/api/client.models.test.ts

@@ -17,6 +17,7 @@ function model(modelId: string): ModelConfig {
     model_id: modelId,
     params: {},
     is_default: false,
+    enabled: true,
     created_at: "2026-01-01T00:00:00.000Z",
     updated_at: "2026-01-01T00:00:00.000Z",
   };
@@ -46,4 +47,34 @@ describe("api.models list cache", () => {
     await expect(Promise.all([oldList, latestList])).resolves.toEqual([[updated], [updated]]);
     expect(fetchMock).toHaveBeenCalledTimes(4);
   });
+});
+
+describe("api request HTTP cache mode", () => {
+  afterEach(() => {
+    vi.unstubAllGlobals();
+  });
+
+  it("bypasses the browser HTTP cache for mutable lists so reads after writes are fresh", async () => {
+    const fetchMock = vi.fn().mockImplementation(() => Promise.resolve(jsonResponse([])));
+    vi.stubGlobal("fetch", fetchMock);
+
+    await api.models.list({ force: true });
+    await api.agents.list({ force: true });
+    await api.tasks.list({ force: true });
+    await api.credentials.list();
+
+    expect(fetchMock.mock.calls.length).toBeGreaterThanOrEqual(4);
+    for (const [, init] of fetchMock.mock.calls) {
+      expect((init as RequestInit).cache).toBe("no-store");
+    }
+  });
+
+  it("lets read-only dashboard metrics keep the server's HTTP cache", async () => {
+    const fetchMock = vi.fn().mockResolvedValue(jsonResponse({}));
+    vi.stubGlobal("fetch", fetchMock);
+
+    await api.dashboard.metrics(7);
+
+    expect((fetchMock.mock.calls[0][1] as RequestInit).cache).toBe("default");
+  });
 });

package/api/client.ts

@@ -51,6 +51,7 @@ import type {
   MemorySearchHit,
   ModelConfig,
   ModelConfigIn,
+  ModelConfigPatch,
   Credential,
   CredentialIn,
   StreamOptions,
@@ -388,6 +389,11 @@ async function request<T>(path: string, init?: RequestInit & { timeoutMs?: numbe
     try {
       const res = await fetch(`${BASE}${path}`, {
         headers: { "Content-Type": "application/json", ...fetchInit.headers },
+        // The in-memory list/value caches above are the client cache layer
+        // and are invalidated on writes. The browser HTTP cache would honor
+        // the server's short max-age and serve a stale list right after a
+        // save, so bypass it unless a caller opts in.
+        cache: "no-store",
         ...fetchInit,
         signal: timeoutCtrl.signal,
       });
@@ -811,6 +817,14 @@ export const api = {
       if (typeof window !== "undefined") window.dispatchEvent(new CustomEvent("jarela:models-changed"));
       return updated;
     },
+    patch: async (name: string, data: ModelConfigPatch) => {
+      const updated = await request<ModelConfig>(`/models/${encodeURIComponent(name)}`, { method: "PATCH", body: JSON.stringify(data) });
+      // Enabling/disabling or setting the default can move the default flag
+      // on other rows, so drop the cached list instead of patching one row.
+      invalidateModelListCache();
+      if (typeof window !== "undefined") window.dispatchEvent(new CustomEvent("jarela:models-changed"));
+      return updated;
+    },
     delete: async (name: string) => {
       const res = await request<{ deleted: boolean }>(`/models/${encodeURIComponent(name)}`, { method: "DELETE" });
       if (res.deleted) {
@@ -918,7 +932,8 @@ export const api = {
   },
 
   dashboard: {
-    metrics: (days = 30) => request<DashboardMetrics>(`/dashboard/metrics?days=${encodeURIComponent(String(days))}`),
+    // Read-only aggregates: the server's 30s HTTP cache is intended here.
+    metrics: (days = 30) => request<DashboardMetrics>(`/dashboard/metrics?days=${encodeURIComponent(String(days))}`, { cache: "default" }),
     pricingTask: () => request<DashboardPricingTaskStatus>("/dashboard/pricing-task"),
     setupPricingTask: () => request<DashboardPricingTaskStatus>("/dashboard/pricing-task", {
       method: "POST",

package/api/types.ts

@@ -482,10 +482,18 @@ export interface ModelConfig {
   // this for legacy rows that had inline secrets.
   credential_id?: string | null;
   is_default: boolean;
+  // Disabled configs are hidden from model pickers and skipped by runtime
+  // default/router resolution; the row and its credentials are kept.
+  enabled: boolean;
   created_at: string;
   updated_at: string;
 }
 
+export interface ModelConfigPatch {
+  enabled?: boolean;
+  is_default?: true;
+}
+
 export interface ModelConfigIn {
   provider: string;
   model_id: string;

package/app/api/v1/models/[name]/route.test.ts

@@ -0,0 +1,89 @@
+import { afterAll, afterEach, describe, expect, it } from "vitest";
+import { mkdtempSync, rmSync } from "node:fs";
+import { tmpdir } from "node:os";
+import { join } from "node:path";
+import { NextRequest } from "next/server";
+
+const tmpRoot = mkdtempSync(join(tmpdir(), "jarela-test-model-route-"));
+process.env.JARELA_DB_DIR = tmpRoot;
+
+const { upsertModelConfig, deleteModelConfig, listModelConfigs, getModelConfig } = await import("@/lib/stores/model-config");
+const { PATCH, PUT } = await import("./route");
+
+const ctx = (name: string) => ({ params: Promise.resolve({ name }) });
+const json = (method: string, name: string, body: unknown) => new NextRequest(
+  `http://localhost/api/v1/models/${name}`,
+  { method, body: JSON.stringify(body), headers: { "Content-Type": "application/json" } },
+);
+const defaults = () => listModelConfigs().filter((r) => r.is_default === 1).map((r) => r.name);
+
+afterEach(() => {
+  for (const r of listModelConfigs()) deleteModelConfig(r.name);
+});
+
+afterAll(() => {
+  try { rmSync(tmpRoot, { recursive: true, force: true }); } catch { /* */ }
+});
+
+describe("PATCH /api/v1/models/[name]", () => {
+  it("switches the default without touching params", async () => {
+    upsertModelConfig("alpha", "anthropic", "claude-x", { temperature: 0.1 }, true);
+    upsertModelConfig("beta", "anthropic", "claude-y", { temperature: 0.7 }, false);
+    const before = getModelConfig("beta")!.params;
+
+    const res = await PATCH(json("PATCH", "beta", { is_default: true }), ctx("beta"));
+
+    expect(res.status).toBe(200);
+    await expect(res.json()).resolves.toMatchObject({ name: "beta", is_default: true, enabled: true });
+    expect(defaults()).toEqual(["beta"]);
+    expect(getModelConfig("beta")!.params).toBe(before);
+  });
+
+  it("disables a model and promotes another default atomically", async () => {
+    upsertModelConfig("alpha", "anthropic", "claude-x", {}, true);
+    upsertModelConfig("beta", "anthropic", "claude-y", {}, false);
+
+    const res = await PATCH(json("PATCH", "alpha", { enabled: false }), ctx("alpha"));
+
+    expect(res.status).toBe(200);
+    await expect(res.json()).resolves.toMatchObject({ enabled: false, is_default: false });
+    expect(defaults()).toEqual(["beta"]);
+  });
+
+  it("re-enables and sets default in one request", async () => {
+    upsertModelConfig("alpha", "anthropic", "claude-x", {}, true);
+    upsertModelConfig("beta", "anthropic", "claude-y", {}, false);
+    await PATCH(json("PATCH", "beta", { enabled: false }), ctx("beta"));
+
+    const res = await PATCH(json("PATCH", "beta", { enabled: true, is_default: true }), ctx("beta"));
+
+    expect(res.status).toBe(200);
+    expect(defaults()).toEqual(["beta"]);
+  });
+
+  it("returns 409 when disabling the last enabled model and 404 for unknown models", async () => {
+    upsertModelConfig("solo", "anthropic", "claude-x", {}, true);
+
+    expect((await PATCH(json("PATCH", "solo", { enabled: false }), ctx("solo"))).status).toBe(409);
+    expect(getModelConfig("solo")!.enabled).toBe(1);
+    expect((await PATCH(json("PATCH", "ghost", { is_default: true }), ctx("ghost"))).status).toBe(404);
+  });
+
+  it("rejects empty, contradictory, and unknown-field bodies", async () => {
+    upsertModelConfig("solo", "anthropic", "claude-x", {}, true);
+    for (const body of [{}, { enabled: false, is_default: true }, { is_default: false }, { params: {} }]) {
+      expect((await PATCH(json("PATCH", "solo", body), ctx("solo"))).status).toBe(400);
+    }
+  });
+});
+
+describe("PUT /api/v1/models/[name]", () => {
+  it("keeps the default flag when is_default is omitted", async () => {
+    upsertModelConfig("alpha", "anthropic", "claude-x", {}, true);
+
+    const res = await PUT(json("PUT", "alpha", { provider: "anthropic", model_id: "claude-x", params: { temperature: 0.3 } }), ctx("alpha"));
+
+    expect(res.status).toBe(200);
+    expect(defaults()).toEqual(["alpha"]);
+  });
+});