@circuitwall/jarela 1.9.2 → 1.9.3

package/.next/standalone/.next/static/chunks/app/{page-afdef9bd1108a656.js → page-c5b9f4407416c3f9.js}

@@ -89,7 +89,17 @@ function useTheme() {
 
 /***/ }),
 
-/***/ 8280:
+/***/ 9852:
+/***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
+
+Promise.resolve(/* import() eager */).then(__webpack_require__.bind(__webpack_require__, 9998));
+;
+Promise.resolve(/* import() eager */).then(__webpack_require__.bind(__webpack_require__, 2283));
+
+
+/***/ }),
+
+/***/ 9998:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -608,7 +618,8 @@ const TABS = [
     "bridges",
     "profile",
     "harness",
-    "documents"
+    "documents",
+    "settings"
 ];
 function parseHref(input) {
     if (!input) return {
@@ -682,7 +693,8 @@ const useUrlSync_TABS = [
     "tasks",
     "bridges",
     "profile",
-    "harness"
+    "harness",
+    "settings"
 ];
 function useUrlSync() {
     const { state, dispatch } = (0,AppContext/* useAppContext */.U)();
@@ -11691,7 +11703,7 @@ const PRESET_CATEGORIES = {
 }
 
 ;// ./components/credentials/CredentialsPanel.tsx
-/* __next_internal_client_entry_do_not_use__ CredentialsPanel auto */ 
+/* __next_internal_client_entry_do_not_use__ CredentialsPanel,CredentialsListPanel auto */ 
 
 
 
@@ -24228,6 +24240,293 @@ async function EnvVarsPanel_pollUntilUp(timeoutMs = 30000) {
     throw new Error("server did not return");
 }
 
+// EXTERNAL MODULE: ./node_modules/lucide-react/dist/esm/icons/palette.mjs
+var palette = __webpack_require__(2920);
+// EXTERNAL MODULE: ./node_modules/lucide-react/dist/esm/icons/shapes.mjs
+var shapes = __webpack_require__(1827);
+// EXTERNAL MODULE: ./node_modules/lucide-react/dist/esm/icons/scroll-text.mjs
+var scroll_text = __webpack_require__(2540);
+// EXTERNAL MODULE: ./node_modules/lucide-react/dist/esm/icons/sun.mjs
+var sun = __webpack_require__(7603);
+// EXTERNAL MODULE: ./node_modules/lucide-react/dist/esm/icons/moon.mjs
+var moon = __webpack_require__(8890);
+// EXTERNAL MODULE: ./node_modules/lucide-react/dist/esm/icons/monitor.mjs
+var monitor = __webpack_require__(299);
+// EXTERNAL MODULE: ./contexts/ThemeContext.tsx
+var ThemeContext = __webpack_require__(737);
+;// ./components/settings/AppearancePanel.tsx
+/* __next_internal_client_entry_do_not_use__ AppearancePanel auto */ 
+
+
+
+// Visual + chrome settings that used to live in the MenuPanel footer
+// (theme) and the top of the menu (Workspace mode). Hoisted here so
+// every settings surface has the same shape: a Settings sub-tab with
+// its own header.
+function AppearancePanel() {
+    const { state, dispatch } = (0,AppContext/* useAppContext */.U)();
+    const { theme, setTheme } = (0,ThemeContext/* useTheme */.D)();
+    const isFullMode = state.experienceMode === "full";
+    const themeOptions = [
+        {
+            value: "light",
+            label: "Light",
+            icon: /*#__PURE__*/ (0,jsx_runtime.jsx)(sun/* default */.A, {
+                size: 14
+            }),
+            description: "Bright UI; ignores system preference."
+        },
+        {
+            value: "dark",
+            label: "Dark",
+            icon: /*#__PURE__*/ (0,jsx_runtime.jsx)(moon/* default */.A, {
+                size: 14
+            }),
+            description: "Dimmed UI; ignores system preference."
+        },
+        {
+            value: "system",
+            label: "System",
+            icon: /*#__PURE__*/ (0,jsx_runtime.jsx)(monitor/* default */.A, {
+                size: 14
+            }),
+            description: "Follow the OS-level light/dark preference."
+        }
+    ];
+    const modeOptions = [
+        {
+            value: "essential",
+            label: "Essential",
+            description: "Day-to-day surfaces only. Hides Memory, Bridges, Harness, Logs, Defaults from the menu."
+        },
+        {
+            value: "full",
+            label: "Full",
+            description: "Everything visible: engine-room tabs, power-user settings, all advanced sub-tabs."
+        }
+    ];
+    function setMode(mode) {
+        if (mode === state.experienceMode) return;
+        dispatch({
+            type: "SET_EXPERIENCE_MODE",
+            mode
+        });
+    }
+    return /*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
+        className: "flex flex-col h-full",
+        children: [
+            /*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
+                className: "border-b border-border px-4 py-3 flex items-center gap-2",
+                children: [
+                    /*#__PURE__*/ (0,jsx_runtime.jsx)(palette/* default */.A, {
+                        size: 14,
+                        className: "text-fg-subtle"
+                    }),
+                    /*#__PURE__*/ (0,jsx_runtime.jsx)("h2", {
+                        className: "text-sm font-semibold text-fg mr-auto",
+                        children: "Appearance"
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
+                className: "flex-1 overflow-y-auto px-4 py-4 space-y-6",
+                children: [
+                    /*#__PURE__*/ (0,jsx_runtime.jsxs)("section", {
+                        children: [
+                            /*#__PURE__*/ (0,jsx_runtime.jsx)("h3", {
+                                className: "text-[11px] uppercase tracking-wide text-fg-faint mb-2 px-1",
+                                children: "Theme"
+                            }),
+                            /*#__PURE__*/ (0,jsx_runtime.jsx)("div", {
+                                className: "grid grid-cols-1 sm:grid-cols-3 gap-2",
+                                children: themeOptions.map((o)=>{
+                                    const active = theme === o.value;
+                                    return /*#__PURE__*/ (0,jsx_runtime.jsxs)("button", {
+                                        onClick: ()=>setTheme(o.value),
+                                        "aria-pressed": active,
+                                        className: `text-left rounded-lg border px-3 py-2.5 transition-colors ${active ? "border-accent bg-accent/10 text-fg" : "border-border bg-surface-2 text-fg-muted hover:bg-surface-3"}`,
+                                        children: [
+                                            /*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
+                                                className: "flex items-center gap-2 mb-1",
+                                                children: [
+                                                    /*#__PURE__*/ (0,jsx_runtime.jsx)("span", {
+                                                        className: "text-fg-subtle",
+                                                        children: o.icon
+                                                    }),
+                                                    /*#__PURE__*/ (0,jsx_runtime.jsx)("span", {
+                                                        className: "text-sm font-medium text-fg",
+                                                        children: o.label
+                                                    })
+                                                ]
+                                            }),
+                                            /*#__PURE__*/ (0,jsx_runtime.jsx)("p", {
+                                                className: "text-[11px] text-fg-faint leading-snug",
+                                                children: o.description
+                                            })
+                                        ]
+                                    }, o.value);
+                                })
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ (0,jsx_runtime.jsxs)("section", {
+                        children: [
+                            /*#__PURE__*/ (0,jsx_runtime.jsx)("h3", {
+                                className: "text-[11px] uppercase tracking-wide text-fg-faint mb-2 px-1",
+                                children: "Workspace mode"
+                            }),
+                            /*#__PURE__*/ (0,jsx_runtime.jsx)("div", {
+                                className: "grid grid-cols-1 sm:grid-cols-2 gap-2",
+                                children: modeOptions.map((o)=>{
+                                    const active = isFullMode ? o.value === "full" : o.value === "essential";
+                                    return /*#__PURE__*/ (0,jsx_runtime.jsxs)("button", {
+                                        onClick: ()=>setMode(o.value),
+                                        "aria-pressed": active,
+                                        className: `text-left rounded-lg border px-3 py-2.5 transition-colors ${active ? "border-accent bg-accent/10 text-fg" : "border-border bg-surface-2 text-fg-muted hover:bg-surface-3"}`,
+                                        children: [
+                                            /*#__PURE__*/ (0,jsx_runtime.jsx)("div", {
+                                                className: "text-sm font-medium text-fg mb-1",
+                                                children: o.label
+                                            }),
+                                            /*#__PURE__*/ (0,jsx_runtime.jsx)("p", {
+                                                className: "text-[11px] text-fg-faint leading-snug",
+                                                children: o.description
+                                            })
+                                        ]
+                                    }, o.value);
+                                })
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+}
+
+;// ./components/settings/SettingsPanel.tsx
+/* __next_internal_client_entry_do_not_use__ SettingsPanel auto */ 
+
+
+
+
+
+
+
+
+
+const SettingsPanel_SUBS = [
+    {
+        id: "appearance",
+        label: "Appearance",
+        icon: /*#__PURE__*/ (0,jsx_runtime.jsx)(palette/* default */.A, {
+            size: 13
+        })
+    },
+    {
+        id: "networking",
+        label: "Networking",
+        icon: /*#__PURE__*/ (0,jsx_runtime.jsx)(globe/* default */.A, {
+            size: 13
+        })
+    },
+    {
+        id: "credentials",
+        label: "Credentials",
+        icon: /*#__PURE__*/ (0,jsx_runtime.jsx)(key/* default */.A, {
+            size: 13
+        })
+    },
+    {
+        id: "models",
+        label: "Models",
+        icon: /*#__PURE__*/ (0,jsx_runtime.jsx)(cpu/* default */.A, {
+            size: 13
+        })
+    },
+    {
+        id: "harness",
+        label: "Harness",
+        icon: /*#__PURE__*/ (0,jsx_runtime.jsx)(shapes/* default */.A, {
+            size: 13
+        }),
+        advancedOnly: true
+    },
+    {
+        id: "logs",
+        label: "Logs",
+        icon: /*#__PURE__*/ (0,jsx_runtime.jsx)(scroll_text/* default */.A, {
+            size: 13
+        }),
+        advancedOnly: true
+    },
+    {
+        id: "defaults",
+        label: "Defaults",
+        icon: /*#__PURE__*/ (0,jsx_runtime.jsx)(server_cog/* default */.A, {
+            size: 13
+        }),
+        advancedOnly: true
+    }
+];
+const VALID = new Set(SettingsPanel_SUBS.map((s)=>s.id));
+function parseSub(raw) {
+    if (raw && VALID.has(raw)) return raw;
+    return "appearance";
+}
+function SettingsPanel() {
+    const { state, dispatch } = (0,AppContext/* useAppContext */.U)();
+    const isFullMode = state.experienceMode === "full";
+    const active = parseSub(state.selectedItem.settings);
+    const setSub = (s)=>dispatch({
+            type: "SET_SELECTION",
+            tab: "settings",
+            itemId: s
+        });
+    const visibleSubs = SettingsPanel_SUBS.filter((s)=>isFullMode || !s.advancedOnly);
+    return /*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
+        className: "flex flex-col h-full min-h-0",
+        children: [
+            /*#__PURE__*/ (0,jsx_runtime.jsx)("div", {
+                role: "tablist",
+                "aria-label": "Settings sub-section",
+                className: "flex gap-1 border-b border-[var(--border)] bg-[var(--bg-secondary)] px-3 pt-2 overflow-x-auto",
+                children: visibleSubs.map((s)=>{
+                    const selected = s.id === active;
+                    return /*#__PURE__*/ (0,jsx_runtime.jsxs)("button", {
+                        role: "tab",
+                        type: "button",
+                        "aria-selected": selected,
+                        onClick: ()=>setSub(s.id),
+                        className: "inline-flex items-center gap-1.5 px-3 py-1.5 text-sm rounded-t-md border-b-2 -mb-px transition-colors whitespace-nowrap " + (selected ? "border-[var(--accent)] text-[var(--text-primary)] bg-[var(--bg-primary)]" : "border-transparent text-[var(--text-secondary)] hover:text-[var(--text-primary)]"),
+                        children: [
+                            /*#__PURE__*/ (0,jsx_runtime.jsx)("span", {
+                                className: "text-fg-subtle",
+                                children: s.icon
+                            }),
+                            /*#__PURE__*/ (0,jsx_runtime.jsx)("span", {
+                                children: s.label
+                            })
+                        ]
+                    }, s.id);
+                })
+            }),
+            /*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
+                className: "flex-1 min-h-0 overflow-hidden",
+                children: [
+                    active === "appearance" && /*#__PURE__*/ (0,jsx_runtime.jsx)(AppearancePanel, {}),
+                    active === "networking" && /*#__PURE__*/ (0,jsx_runtime.jsx)(NetworkPanel, {}),
+                    active === "credentials" && /*#__PURE__*/ (0,jsx_runtime.jsx)(CredentialsListPanel, {}),
+                    active === "models" && /*#__PURE__*/ (0,jsx_runtime.jsx)(ModelsPanel, {}),
+                    active === "harness" && /*#__PURE__*/ (0,jsx_runtime.jsx)(HarnessPanel, {}),
+                    active === "logs" && /*#__PURE__*/ (0,jsx_runtime.jsx)(LogsPanel, {}),
+                    active === "defaults" && /*#__PURE__*/ (0,jsx_runtime.jsx)(EnvVarsPanel, {})
+                ]
+            })
+        ]
+    });
+}
+
 ;// ./components/ui/HeaderActivity.tsx
 /* __next_internal_client_entry_do_not_use__ HeaderActivity auto */ 
 
@@ -25323,18 +25622,8 @@ var message_square = __webpack_require__(5494);
 var chart_column = __webpack_require__(4774);
 // EXTERNAL MODULE: ./node_modules/lucide-react/dist/esm/icons/brain.mjs
 var brain = __webpack_require__(5045);
-// EXTERNAL MODULE: ./node_modules/lucide-react/dist/esm/icons/shapes.mjs
-var shapes = __webpack_require__(1827);
-// EXTERNAL MODULE: ./node_modules/lucide-react/dist/esm/icons/scroll-text.mjs
-var scroll_text = __webpack_require__(2540);
-// EXTERNAL MODULE: ./node_modules/lucide-react/dist/esm/icons/sun.mjs
-var sun = __webpack_require__(7603);
-// EXTERNAL MODULE: ./node_modules/lucide-react/dist/esm/icons/moon.mjs
-var moon = __webpack_require__(8890);
-// EXTERNAL MODULE: ./node_modules/lucide-react/dist/esm/icons/monitor.mjs
-var monitor = __webpack_require__(299);
-// EXTERNAL MODULE: ./contexts/ThemeContext.tsx
-var ThemeContext = __webpack_require__(737);
+// EXTERNAL MODULE: ./node_modules/lucide-react/dist/esm/icons/settings.mjs
+var settings = __webpack_require__(8074);
 ;// ./components/layout/MenuPanel.tsx
 /* __next_internal_client_entry_do_not_use__ MenuPanel auto */ 
 
@@ -25342,7 +25631,6 @@ var ThemeContext = __webpack_require__(737);
 
 
 
-
 const TAB_ICONS = {
     chat: /*#__PURE__*/ (0,jsx_runtime.jsx)(message_square/* default */.A, {
         size: 13
@@ -25391,6 +25679,9 @@ const TAB_ICONS = {
     }),
     env: /*#__PURE__*/ (0,jsx_runtime.jsx)(server_cog/* default */.A, {
         size: 13
+    }),
+    settings: /*#__PURE__*/ (0,jsx_runtime.jsx)(settings/* default */.A, {
+        size: 13
     })
 };
 const TAB_TITLES = {
@@ -25409,7 +25700,8 @@ const TAB_TITLES = {
     profile: "Profile",
     harness: "Harness",
     logs: "Logs",
-    env: "Defaults"
+    env: "Defaults",
+    settings: "Settings"
 };
 const TAB_SHORT = {
     chat: "Chat",
@@ -25427,11 +25719,14 @@ const TAB_SHORT = {
     profile: "Me",
     harness: "Test",
     logs: "Logs",
-    env: "Defaults"
+    env: "Defaults",
+    settings: "Setup"
 };
-// Two-tier menu. "Common" surfaces the day-to-day verbs plus the most
-// relevant configuration touchpoints. "Advanced" hides the less-frequently
-// used engine-room surfaces behind a collapsible header.
+// Two-tier menu. "Common" surfaces the day-to-day verbs. Settings is
+// the single home for previously top-level chrome (credentials, models,
+// harness, logs, defaults, appearance, networking) — those legacy Tab
+// values still exist for deep-link compat but no longer appear in this
+// menu grid.
 //
 // Capability-presence surfaces (documents, memory, MCP, extensions,
 // bridges, built-in tool categories) all live under the "Tools" tab now —
@@ -25439,28 +25734,16 @@ const TAB_SHORT = {
 // answering the same question: "what can the agent see / do?". The legacy
 // top-level Tab entries remain wired so deep-links (?tab=documents&item=…)
 // still resolve, but they're hidden from the menu grid.
-//
-// "credentials" is the single home for every auth surface — saved API
-// keys + built-in integrations (Gmail, GitHub, Atlassian…) live there as
-// sub-tabs.
-//
-// "models" lives in Advanced — most users let the default model do its
-// job; switching providers is power-user territory.
 const COMMON_TABS = [
     "chat",
     "dashboard",
     "agents",
-    "credentials",
     "tools",
     "tasks",
-    "profile"
-];
-const ADVANCED_TABS = [
-    "models",
-    "harness",
-    "logs",
-    "env"
+    "profile",
+    "settings"
 ];
+const ADVANCED_TABS = [];
 const ADVANCED_KEY = "jarela.menu.advanced";
 const MenuPanel_GRADIENTS = [
     "from-violet-500 to-indigo-600",
@@ -25484,7 +25767,8 @@ const TAB_ACCENT = {
     tools: "from-emerald-500/20 to-lime-500/5",
     harness: "from-orange-500/20 to-amber-500/5",
     logs: "from-slate-500/20 to-zinc-500/5",
-    env: "from-teal-500/20 to-cyan-500/5"
+    env: "from-teal-500/20 to-cyan-500/5",
+    settings: "from-slate-500/20 to-zinc-500/5"
 };
 function avatarGradient(id) {
     let h = 0;
@@ -25576,15 +25860,8 @@ function AgentSessionList({ activeAgentId, onSelect }) {
     });
 }
 function MenuPanel({ activeTab, agentId, onClose, onAgentChange, onSetTab }) {
-    const { state, dispatch } = (0,AppContext/* useAppContext */.U)();
+    const { state } = (0,AppContext/* useAppContext */.U)();
     const isFullMode = state.experienceMode === "full";
-    const setMode = (mode)=>{
-        if (mode === "full" === isFullMode) return;
-        dispatch({
-            type: "SET_EXPERIENCE_MODE",
-            mode
-        });
-    };
     // Advanced section starts collapsed once the user has dismissed it
     // once (persisted to localStorage). Defaults to *expanded* on first
     // boot so the engine room is visible to power users out of the box.
@@ -25649,42 +25926,10 @@ function MenuPanel({ activeTab, agentId, onClose, onAgentChange, onSetTab }) {
         },
         children: [
             /*#__PURE__*/ (0,jsx_runtime.jsx)("div", {
-                className: "px-3 pt-2 pb-1 border-b border-border/60 bg-gradient-to-r from-surface-2/50 to-transparent",
-                children: /*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
-                    className: "flex items-center justify-between gap-2",
-                    children: [
-                        /*#__PURE__*/ (0,jsx_runtime.jsx)("span", {
-                            className: "text-[10px] uppercase tracking-wide text-fg-faint",
-                            children: "Workspace mode"
-                        }),
-                        /*#__PURE__*/ (0,jsx_runtime.jsx)("div", {
-                            role: "radiogroup",
-                            "aria-label": "Workspace mode",
-                            className: "inline-flex items-center rounded-full border border-border bg-surface-3 p-0.5",
-                            children: [
-                                "essential",
-                                "full"
-                            ].map((mode)=>{
-                                const active = mode === "full" === isFullMode;
-                                return /*#__PURE__*/ (0,jsx_runtime.jsx)("button", {
-                                    type: "button",
-                                    role: "radio",
-                                    "aria-checked": active,
-                                    onClick: ()=>setMode(mode),
-                                    title: active ? `${mode} mode (current)` : `Switch to ${mode} mode`,
-                                    className: `control-tap text-[10px] uppercase tracking-wide px-2 py-0.5 rounded-full transition-colors ${active ? "bg-accent/15 text-fg-subtle" : "text-fg-faint hover:text-fg-muted"}`,
-                                    children: mode
-                                }, mode);
-                            })
-                        })
-                    ]
-                })
-            }),
-            /*#__PURE__*/ (0,jsx_runtime.jsx)("div", {
-                className: "grid grid-cols-4 sm:grid-cols-6 gap-1.5 px-2 py-2 border-b border-border shrink-0",
+                className: "grid grid-cols-4 sm:grid-cols-6 gap-1.5 px-2 py-2 border-b border-border shrink-0 bg-gradient-to-r from-surface-2/50 to-transparent",
                 children: COMMON_TABS.map(renderTabButton)
             }),
-            isFullMode && /*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
+            isFullMode && ADVANCED_TABS.length > 0 && /*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
                 className: "border-b border-border shrink-0",
                 children: [
                     /*#__PURE__*/ (0,jsx_runtime.jsxs)("button", {
@@ -25719,68 +25964,6 @@ function MenuPanel({ activeTab, agentId, onClose, onAgentChange, onSetTab }) {
                         onClose();
                     }
                 })
-            }),
-            /*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
-                className: "border-t border-border px-3 py-3 shrink-0 bg-surface-1/30",
-                children: [
-                    /*#__PURE__*/ (0,jsx_runtime.jsx)("p", {
-                        className: "text-[11px] text-fg-faint mb-1.5 font-medium uppercase tracking-wide",
-                        children: "Display"
-                    }),
-                    /*#__PURE__*/ (0,jsx_runtime.jsx)("div", {
-                        className: "flex flex-col gap-1.5",
-                        children: /*#__PURE__*/ (0,jsx_runtime.jsx)(ThemePicker, {})
-                    })
-                ]
-            })
-        ]
-    });
-}
-function ThemePicker() {
-    const { theme, setTheme } = (0,ThemeContext/* useTheme */.D)();
-    const options = [
-        {
-            value: "light",
-            label: "Light",
-            icon: /*#__PURE__*/ (0,jsx_runtime.jsx)(sun/* default */.A, {
-                size: 12
-            })
-        },
-        {
-            value: "dark",
-            label: "Dark",
-            icon: /*#__PURE__*/ (0,jsx_runtime.jsx)(moon/* default */.A, {
-                size: 12
-            })
-        },
-        {
-            value: "system",
-            label: "System",
-            icon: /*#__PURE__*/ (0,jsx_runtime.jsx)(monitor/* default */.A, {
-                size: 12
-            })
-        }
-    ];
-    return /*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
-        className: "flex items-center gap-2 text-xs text-fg-muted rounded-lg border border-border bg-surface-3/70 px-2.5 py-2",
-        children: [
-            /*#__PURE__*/ (0,jsx_runtime.jsx)("span", {
-                className: "shrink-0",
-                children: "Theme"
-            }),
-            /*#__PURE__*/ (0,jsx_runtime.jsx)("div", {
-                className: "flex flex-1 rounded-lg border border-border overflow-hidden bg-surface",
-                children: options.map((o)=>/*#__PURE__*/ (0,jsx_runtime.jsxs)("button", {
-                        onClick: ()=>setTheme(o.value),
-                        title: o.label,
-                        className: `control-tap flex-1 inline-flex items-center justify-center gap-1 py-1 text-[11px] transition-colors ${theme === o.value ? "bg-surface-3 text-fg shadow-sm" : "text-fg-faint hover:text-fg-muted hover:bg-surface-3/50"}`,
-                        children: [
-                            o.icon,
-                            /*#__PURE__*/ (0,jsx_runtime.jsx)("span", {
-                                children: o.label
-                            })
-                        ]
-                    }, o.value))
             })
         ]
     });
@@ -27910,6 +28093,7 @@ function DashboardPanel() {
 
 
 
+
 
 
 const AppShell_ADVANCED_TABS = new Set([
@@ -28396,6 +28580,10 @@ function AppShell() {
                         mode: state.activeTab === "env" ? "visible" : "hidden",
                         children: /*#__PURE__*/ (0,jsx_runtime.jsx)(EnvVarsPanel, {})
                     }),
+                    mountedTabs.has("settings") && /*#__PURE__*/ (0,jsx_runtime.jsx)(react.Activity, {
+                        mode: state.activeTab === "settings" ? "visible" : "hidden",
+                        children: /*#__PURE__*/ (0,jsx_runtime.jsx)(SettingsPanel, {})
+                    }),
                     showMenu && /*#__PURE__*/ (0,jsx_runtime.jsx)("div", {
                         className: "fixed left-0 right-0 bottom-0 bg-black/30 backdrop-blur-sm z-30",
                         style: {
@@ -28426,24 +28614,14 @@ function AppShell() {
 }
 
 
-/***/ }),
-
-/***/ 9852:
-/***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
-
-Promise.resolve(/* import() eager */).then(__webpack_require__.bind(__webpack_require__, 8280));
-;
-Promise.resolve(/* import() eager */).then(__webpack_require__.bind(__webpack_require__, 2283));
-
-
 /***/ })
 
 },
 /******/ __webpack_require__ => { // webpackRuntimeModules
 /******/ var __webpack_exec__ = (moduleId) => (__webpack_require__(__webpack_require__.s = moduleId))
-/******/ __webpack_require__.O(0, [1973,4502,1998,2747,8441,3457,7358], () => (__webpack_exec__(9852)));
+/******/ __webpack_require__.O(0, [1973,4502,962,2747,8441,3457,7358], () => (__webpack_exec__(9852)));
 /******/ var __webpack_exports__ = __webpack_require__.O();
 /******/ _N_E = __webpack_exports__;
 /******/ }
 ]);
-//# sourceMappingURL=page-afdef9bd1108a656.js.map
+//# sourceMappingURL=page-c5b9f4407416c3f9.js.map