@circuitwall/jarela 1.9.2 → 1.9.3

package/.next/standalone/.next/server/app/page.js

@@ -1464,104 +1464,7 @@ module.exports = require("next/dist/server/app-render/action-async-storage.exter
 
 /***/ }),
 
-/***/ 26713:
-/***/ ((module) => {
-
-"use strict";
-module.exports = require("next/dist/shared/lib/router/utils/is-bot");
-
-/***/ }),
-
-/***/ 27910:
-/***/ ((module) => {
-
-"use strict";
-module.exports = require("stream");
-
-/***/ }),
-
-/***/ 28354:
-/***/ ((module) => {
-
-"use strict";
-module.exports = require("util");
-
-/***/ }),
-
-/***/ 29021:
-/***/ ((module) => {
-
-"use strict";
-module.exports = require("fs");
-
-/***/ }),
-
-/***/ 29294:
-/***/ ((module) => {
-
-"use strict";
-module.exports = require("next/dist/server/app-render/work-async-storage.external.js");
-
-/***/ }),
-
-/***/ 31230:
-/***/ (() => {
-
-
-
-/***/ }),
-
-/***/ 31421:
-/***/ ((module) => {
-
-"use strict";
-module.exports = require("node:child_process");
-
-/***/ }),
-
-/***/ 33873:
-/***/ ((module) => {
-
-"use strict";
-module.exports = require("path");
-
-/***/ }),
-
-/***/ 37067:
-/***/ ((module) => {
-
-"use strict";
-module.exports = require("node:http");
-
-/***/ }),
-
-/***/ 38084:
-/***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
-
-Promise.resolve(/* import() eager */).then(__webpack_require__.bind(__webpack_require__, 44635));
-;
-Promise.resolve(/* import() eager */).then(__webpack_require__.bind(__webpack_require__, 26751));
-
-
-/***/ }),
-
-/***/ 41025:
-/***/ ((module) => {
-
-"use strict";
-module.exports = require("next/dist/server/app-render/dynamic-access-async-storage.external.js");
-
-/***/ }),
-
-/***/ 43954:
-/***/ ((module) => {
-
-"use strict";
-module.exports = require("next/dist/shared/lib/router/utils/interception-routes");
-
-/***/ }),
-
-/***/ 44635:
+/***/ 19674:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -2117,7 +2020,8 @@ const TABS = [
     "bridges",
     "profile",
     "harness",
-    "documents"
+    "documents",
+    "settings"
 ];
 function parseHref(input) {
     if (!input) return {
@@ -2191,7 +2095,8 @@ const useUrlSync_TABS = [
     "tasks",
     "bridges",
     "profile",
-    "harness"
+    "harness",
+    "settings"
 ];
 function useUrlSync() {
     const { state, dispatch } = (0,AppContext/* useAppContext */.U)();
@@ -49747,7 +49652,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 */ 
 
 
 
@@ -63240,6 +63145,558 @@ async function EnvVarsPanel_pollUntilUp(timeoutMs = 30000) {
     throw new Error("server did not return");
 }
 
+;// ./node_modules/lucide-react/dist/esm/icons/palette.mjs
+/**
+ * @license lucide-react v1.17.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */ 
+const palette_iconNode = [
+    [
+        "path",
+        {
+            d: "M12 22a1 1 0 0 1 0-20 10 9 0 0 1 10 9 5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z",
+            key: "e79jfc"
+        }
+    ],
+    [
+        "circle",
+        {
+            cx: "13.5",
+            cy: "6.5",
+            r: ".5",
+            fill: "currentColor",
+            key: "1okk4w"
+        }
+    ],
+    [
+        "circle",
+        {
+            cx: "17.5",
+            cy: "10.5",
+            r: ".5",
+            fill: "currentColor",
+            key: "f64h9f"
+        }
+    ],
+    [
+        "circle",
+        {
+            cx: "6.5",
+            cy: "12.5",
+            r: ".5",
+            fill: "currentColor",
+            key: "qy21gx"
+        }
+    ],
+    [
+        "circle",
+        {
+            cx: "8.5",
+            cy: "7.5",
+            r: ".5",
+            fill: "currentColor",
+            key: "fotxhn"
+        }
+    ]
+];
+const Palette = (0,createLucideIcon/* default */.A)("palette", palette_iconNode);
+ //# sourceMappingURL=palette.mjs.map
+
+;// ./node_modules/lucide-react/dist/esm/icons/shapes.mjs
+/**
+ * @license lucide-react v1.17.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */ 
+const shapes_iconNode = [
+    [
+        "path",
+        {
+            d: "M8.3 10a.7.7 0 0 1-.626-1.079L11.4 3a.7.7 0 0 1 1.198-.043L16.3 8.9a.7.7 0 0 1-.572 1.1Z",
+            key: "1bo67w"
+        }
+    ],
+    [
+        "rect",
+        {
+            x: "3",
+            y: "14",
+            width: "7",
+            height: "7",
+            rx: "1",
+            key: "1bkyp8"
+        }
+    ],
+    [
+        "circle",
+        {
+            cx: "17.5",
+            cy: "17.5",
+            r: "3.5",
+            key: "w3z12y"
+        }
+    ]
+];
+const Shapes = (0,createLucideIcon/* default */.A)("shapes", shapes_iconNode);
+ //# sourceMappingURL=shapes.mjs.map
+
+;// ./node_modules/lucide-react/dist/esm/icons/scroll-text.mjs
+/**
+ * @license lucide-react v1.17.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */ 
+const scroll_text_iconNode = [
+    [
+        "path",
+        {
+            d: "M15 12h-5",
+            key: "r7krc0"
+        }
+    ],
+    [
+        "path",
+        {
+            d: "M15 8h-5",
+            key: "1khuty"
+        }
+    ],
+    [
+        "path",
+        {
+            d: "M19 17V5a2 2 0 0 0-2-2H4",
+            key: "zz82l3"
+        }
+    ],
+    [
+        "path",
+        {
+            d: "M8 21h12a2 2 0 0 0 2-2v-1a1 1 0 0 0-1-1H11a1 1 0 0 0-1 1v1a2 2 0 1 1-4 0V5a2 2 0 1 0-4 0v2a1 1 0 0 0 1 1h3",
+            key: "1ph1d7"
+        }
+    ]
+];
+const ScrollText = (0,createLucideIcon/* default */.A)("scroll-text", scroll_text_iconNode);
+ //# sourceMappingURL=scroll-text.mjs.map
+
+;// ./node_modules/lucide-react/dist/esm/icons/sun.mjs
+/**
+ * @license lucide-react v1.17.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */ 
+const sun_iconNode = [
+    [
+        "circle",
+        {
+            cx: "12",
+            cy: "12",
+            r: "4",
+            key: "4exip2"
+        }
+    ],
+    [
+        "path",
+        {
+            d: "M12 2v2",
+            key: "tus03m"
+        }
+    ],
+    [
+        "path",
+        {
+            d: "M12 20v2",
+            key: "1lh1kg"
+        }
+    ],
+    [
+        "path",
+        {
+            d: "m4.93 4.93 1.41 1.41",
+            key: "149t6j"
+        }
+    ],
+    [
+        "path",
+        {
+            d: "m17.66 17.66 1.41 1.41",
+            key: "ptbguv"
+        }
+    ],
+    [
+        "path",
+        {
+            d: "M2 12h2",
+            key: "1t8f8n"
+        }
+    ],
+    [
+        "path",
+        {
+            d: "M20 12h2",
+            key: "1q8mjw"
+        }
+    ],
+    [
+        "path",
+        {
+            d: "m6.34 17.66-1.41 1.41",
+            key: "1m8zz5"
+        }
+    ],
+    [
+        "path",
+        {
+            d: "m19.07 4.93-1.41 1.41",
+            key: "1shlcs"
+        }
+    ]
+];
+const Sun = (0,createLucideIcon/* default */.A)("sun", sun_iconNode);
+ //# sourceMappingURL=sun.mjs.map
+
+;// ./node_modules/lucide-react/dist/esm/icons/moon.mjs
+/**
+ * @license lucide-react v1.17.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */ 
+const moon_iconNode = [
+    [
+        "path",
+        {
+            d: "M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401",
+            key: "kfwtm"
+        }
+    ]
+];
+const Moon = (0,createLucideIcon/* default */.A)("moon", moon_iconNode);
+ //# sourceMappingURL=moon.mjs.map
+
+;// ./node_modules/lucide-react/dist/esm/icons/monitor.mjs
+/**
+ * @license lucide-react v1.17.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */ 
+const monitor_iconNode = [
+    [
+        "rect",
+        {
+            width: "20",
+            height: "14",
+            x: "2",
+            y: "3",
+            rx: "2",
+            key: "48i651"
+        }
+    ],
+    [
+        "line",
+        {
+            x1: "8",
+            x2: "16",
+            y1: "21",
+            y2: "21",
+            key: "1svkeh"
+        }
+    ],
+    [
+        "line",
+        {
+            x1: "12",
+            x2: "12",
+            y1: "17",
+            y2: "21",
+            key: "vw1qmm"
+        }
+    ]
+];
+const Monitor = (0,createLucideIcon/* default */.A)("monitor", monitor_iconNode);
+ //# sourceMappingURL=monitor.mjs.map
+
+// EXTERNAL MODULE: ./contexts/ThemeContext.tsx
+var ThemeContext = __webpack_require__(41005);
+;// ./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,react_jsx_runtime.jsx)(Sun, {
+                size: 14
+            }),
+            description: "Bright UI; ignores system preference."
+        },
+        {
+            value: "dark",
+            label: "Dark",
+            icon: /*#__PURE__*/ (0,react_jsx_runtime.jsx)(Moon, {
+                size: 14
+            }),
+            description: "Dimmed UI; ignores system preference."
+        },
+        {
+            value: "system",
+            label: "System",
+            icon: /*#__PURE__*/ (0,react_jsx_runtime.jsx)(Monitor, {
+                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,react_jsx_runtime.jsxs)("div", {
+        className: "flex flex-col h-full",
+        children: [
+            /*#__PURE__*/ (0,react_jsx_runtime.jsxs)("div", {
+                className: "border-b border-border px-4 py-3 flex items-center gap-2",
+                children: [
+                    /*#__PURE__*/ (0,react_jsx_runtime.jsx)(Palette, {
+                        size: 14,
+                        className: "text-fg-subtle"
+                    }),
+                    /*#__PURE__*/ (0,react_jsx_runtime.jsx)("h2", {
+                        className: "text-sm font-semibold text-fg mr-auto",
+                        children: "Appearance"
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0,react_jsx_runtime.jsxs)("div", {
+                className: "flex-1 overflow-y-auto px-4 py-4 space-y-6",
+                children: [
+                    /*#__PURE__*/ (0,react_jsx_runtime.jsxs)("section", {
+                        children: [
+                            /*#__PURE__*/ (0,react_jsx_runtime.jsx)("h3", {
+                                className: "text-[11px] uppercase tracking-wide text-fg-faint mb-2 px-1",
+                                children: "Theme"
+                            }),
+                            /*#__PURE__*/ (0,react_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,react_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,react_jsx_runtime.jsxs)("div", {
+                                                className: "flex items-center gap-2 mb-1",
+                                                children: [
+                                                    /*#__PURE__*/ (0,react_jsx_runtime.jsx)("span", {
+                                                        className: "text-fg-subtle",
+                                                        children: o.icon
+                                                    }),
+                                                    /*#__PURE__*/ (0,react_jsx_runtime.jsx)("span", {
+                                                        className: "text-sm font-medium text-fg",
+                                                        children: o.label
+                                                    })
+                                                ]
+                                            }),
+                                            /*#__PURE__*/ (0,react_jsx_runtime.jsx)("p", {
+                                                className: "text-[11px] text-fg-faint leading-snug",
+                                                children: o.description
+                                            })
+                                        ]
+                                    }, o.value);
+                                })
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ (0,react_jsx_runtime.jsxs)("section", {
+                        children: [
+                            /*#__PURE__*/ (0,react_jsx_runtime.jsx)("h3", {
+                                className: "text-[11px] uppercase tracking-wide text-fg-faint mb-2 px-1",
+                                children: "Workspace mode"
+                            }),
+                            /*#__PURE__*/ (0,react_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,react_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,react_jsx_runtime.jsx)("div", {
+                                                className: "text-sm font-medium text-fg mb-1",
+                                                children: o.label
+                                            }),
+                                            /*#__PURE__*/ (0,react_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,react_jsx_runtime.jsx)(Palette, {
+            size: 13
+        })
+    },
+    {
+        id: "networking",
+        label: "Networking",
+        icon: /*#__PURE__*/ (0,react_jsx_runtime.jsx)(globe/* default */.A, {
+            size: 13
+        })
+    },
+    {
+        id: "credentials",
+        label: "Credentials",
+        icon: /*#__PURE__*/ (0,react_jsx_runtime.jsx)(Key, {
+            size: 13
+        })
+    },
+    {
+        id: "models",
+        label: "Models",
+        icon: /*#__PURE__*/ (0,react_jsx_runtime.jsx)(Cpu, {
+            size: 13
+        })
+    },
+    {
+        id: "harness",
+        label: "Harness",
+        icon: /*#__PURE__*/ (0,react_jsx_runtime.jsx)(Shapes, {
+            size: 13
+        }),
+        advancedOnly: true
+    },
+    {
+        id: "logs",
+        label: "Logs",
+        icon: /*#__PURE__*/ (0,react_jsx_runtime.jsx)(ScrollText, {
+            size: 13
+        }),
+        advancedOnly: true
+    },
+    {
+        id: "defaults",
+        label: "Defaults",
+        icon: /*#__PURE__*/ (0,react_jsx_runtime.jsx)(ServerCog, {
+            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,react_jsx_runtime.jsxs)("div", {
+        className: "flex flex-col h-full min-h-0",
+        children: [
+            /*#__PURE__*/ (0,react_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,react_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,react_jsx_runtime.jsx)("span", {
+                                className: "text-fg-subtle",
+                                children: s.icon
+                            }),
+                            /*#__PURE__*/ (0,react_jsx_runtime.jsx)("span", {
+                                children: s.label
+                            })
+                        ]
+                    }, s.id);
+                })
+            }),
+            /*#__PURE__*/ (0,react_jsx_runtime.jsxs)("div", {
+                className: "flex-1 min-h-0 overflow-hidden",
+                children: [
+                    active === "appearance" && /*#__PURE__*/ (0,react_jsx_runtime.jsx)(AppearancePanel, {}),
+                    active === "networking" && /*#__PURE__*/ (0,react_jsx_runtime.jsx)(NetworkPanel, {}),
+                    active === "credentials" && /*#__PURE__*/ (0,react_jsx_runtime.jsx)(CredentialsListPanel, {}),
+                    active === "models" && /*#__PURE__*/ (0,react_jsx_runtime.jsx)(ModelsPanel, {}),
+                    active === "harness" && /*#__PURE__*/ (0,react_jsx_runtime.jsx)(HarnessPanel, {}),
+                    active === "logs" && /*#__PURE__*/ (0,react_jsx_runtime.jsx)(LogsPanel, {}),
+                    active === "defaults" && /*#__PURE__*/ (0,react_jsx_runtime.jsx)(EnvVarsPanel, {})
+                ]
+            })
+        ]
+    });
+}
+
 ;// ./components/ui/HeaderActivity.tsx
 /* __next_internal_client_entry_do_not_use__ HeaderActivity auto */ 
 
@@ -64477,226 +64934,34 @@ const ChartColumn = (0,createLucideIcon/* default */.A)("chart-column", chart_co
 
 // EXTERNAL MODULE: ./node_modules/lucide-react/dist/esm/icons/brain.mjs
 var brain = __webpack_require__(64571);
-;// ./node_modules/lucide-react/dist/esm/icons/shapes.mjs
+;// ./node_modules/lucide-react/dist/esm/icons/settings.mjs
 /**
  * @license lucide-react v1.17.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */ 
-const shapes_iconNode = [
-    [
-        "path",
-        {
-            d: "M8.3 10a.7.7 0 0 1-.626-1.079L11.4 3a.7.7 0 0 1 1.198-.043L16.3 8.9a.7.7 0 0 1-.572 1.1Z",
-            key: "1bo67w"
-        }
-    ],
-    [
-        "rect",
-        {
-            x: "3",
-            y: "14",
-            width: "7",
-            height: "7",
-            rx: "1",
-            key: "1bkyp8"
-        }
-    ],
-    [
-        "circle",
-        {
-            cx: "17.5",
-            cy: "17.5",
-            r: "3.5",
-            key: "w3z12y"
-        }
-    ]
-];
-const Shapes = (0,createLucideIcon/* default */.A)("shapes", shapes_iconNode);
- //# sourceMappingURL=shapes.mjs.map
-
-;// ./node_modules/lucide-react/dist/esm/icons/scroll-text.mjs
-/**
- * @license lucide-react v1.17.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */ 
-const scroll_text_iconNode = [
-    [
-        "path",
-        {
-            d: "M15 12h-5",
-            key: "r7krc0"
-        }
-    ],
-    [
-        "path",
-        {
-            d: "M15 8h-5",
-            key: "1khuty"
-        }
-    ],
+const settings_iconNode = [
     [
         "path",
         {
-            d: "M19 17V5a2 2 0 0 0-2-2H4",
-            key: "zz82l3"
+            d: "M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915",
+            key: "1i5ecw"
         }
     ],
-    [
-        "path",
-        {
-            d: "M8 21h12a2 2 0 0 0 2-2v-1a1 1 0 0 0-1-1H11a1 1 0 0 0-1 1v1a2 2 0 1 1-4 0V5a2 2 0 1 0-4 0v2a1 1 0 0 0 1 1h3",
-            key: "1ph1d7"
-        }
-    ]
-];
-const ScrollText = (0,createLucideIcon/* default */.A)("scroll-text", scroll_text_iconNode);
- //# sourceMappingURL=scroll-text.mjs.map
-
-;// ./node_modules/lucide-react/dist/esm/icons/sun.mjs
-/**
- * @license lucide-react v1.17.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */ 
-const sun_iconNode = [
     [
         "circle",
         {
             cx: "12",
             cy: "12",
-            r: "4",
-            key: "4exip2"
-        }
-    ],
-    [
-        "path",
-        {
-            d: "M12 2v2",
-            key: "tus03m"
-        }
-    ],
-    [
-        "path",
-        {
-            d: "M12 20v2",
-            key: "1lh1kg"
-        }
-    ],
-    [
-        "path",
-        {
-            d: "m4.93 4.93 1.41 1.41",
-            key: "149t6j"
-        }
-    ],
-    [
-        "path",
-        {
-            d: "m17.66 17.66 1.41 1.41",
-            key: "ptbguv"
-        }
-    ],
-    [
-        "path",
-        {
-            d: "M2 12h2",
-            key: "1t8f8n"
-        }
-    ],
-    [
-        "path",
-        {
-            d: "M20 12h2",
-            key: "1q8mjw"
-        }
-    ],
-    [
-        "path",
-        {
-            d: "m6.34 17.66-1.41 1.41",
-            key: "1m8zz5"
-        }
-    ],
-    [
-        "path",
-        {
-            d: "m19.07 4.93-1.41 1.41",
-            key: "1shlcs"
-        }
-    ]
-];
-const Sun = (0,createLucideIcon/* default */.A)("sun", sun_iconNode);
- //# sourceMappingURL=sun.mjs.map
-
-;// ./node_modules/lucide-react/dist/esm/icons/moon.mjs
-/**
- * @license lucide-react v1.17.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */ 
-const moon_iconNode = [
-    [
-        "path",
-        {
-            d: "M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401",
-            key: "kfwtm"
-        }
-    ]
-];
-const Moon = (0,createLucideIcon/* default */.A)("moon", moon_iconNode);
- //# sourceMappingURL=moon.mjs.map
-
-;// ./node_modules/lucide-react/dist/esm/icons/monitor.mjs
-/**
- * @license lucide-react v1.17.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */ 
-const monitor_iconNode = [
-    [
-        "rect",
-        {
-            width: "20",
-            height: "14",
-            x: "2",
-            y: "3",
-            rx: "2",
-            key: "48i651"
-        }
-    ],
-    [
-        "line",
-        {
-            x1: "8",
-            x2: "16",
-            y1: "21",
-            y2: "21",
-            key: "1svkeh"
-        }
-    ],
-    [
-        "line",
-        {
-            x1: "12",
-            x2: "12",
-            y1: "17",
-            y2: "21",
-            key: "vw1qmm"
+            r: "3",
+            key: "1v7zrd"
         }
     ]
 ];
-const Monitor = (0,createLucideIcon/* default */.A)("monitor", monitor_iconNode);
- //# sourceMappingURL=monitor.mjs.map
+const Settings = (0,createLucideIcon/* default */.A)("settings", settings_iconNode);
+ //# sourceMappingURL=settings.mjs.map
 
-// EXTERNAL MODULE: ./contexts/ThemeContext.tsx
-var ThemeContext = __webpack_require__(41005);
 ;// ./components/layout/MenuPanel.tsx
 /* __next_internal_client_entry_do_not_use__ MenuPanel auto */ 
 
@@ -64704,7 +64969,6 @@ var ThemeContext = __webpack_require__(41005);
 
 
 
-
 const TAB_ICONS = {
     chat: /*#__PURE__*/ (0,react_jsx_runtime.jsx)(message_square/* default */.A, {
         size: 13
@@ -64753,6 +65017,9 @@ const TAB_ICONS = {
     }),
     env: /*#__PURE__*/ (0,react_jsx_runtime.jsx)(ServerCog, {
         size: 13
+    }),
+    settings: /*#__PURE__*/ (0,react_jsx_runtime.jsx)(Settings, {
+        size: 13
     })
 };
 const TAB_TITLES = {
@@ -64771,7 +65038,8 @@ const TAB_TITLES = {
     profile: "Profile",
     harness: "Harness",
     logs: "Logs",
-    env: "Defaults"
+    env: "Defaults",
+    settings: "Settings"
 };
 const TAB_SHORT = {
     chat: "Chat",
@@ -64789,11 +65057,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 —
@@ -64801,28 +65072,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",
@@ -64846,7 +65105,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;
@@ -64938,15 +65198,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.
@@ -65011,42 +65264,10 @@ function MenuPanel({ activeTab, agentId, onClose, onAgentChange, onSetTab }) {
         },
         children: [
             /*#__PURE__*/ (0,react_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,react_jsx_runtime.jsxs)("div", {
-                    className: "flex items-center justify-between gap-2",
-                    children: [
-                        /*#__PURE__*/ (0,react_jsx_runtime.jsx)("span", {
-                            className: "text-[10px] uppercase tracking-wide text-fg-faint",
-                            children: "Workspace mode"
-                        }),
-                        /*#__PURE__*/ (0,react_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,react_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,react_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,react_jsx_runtime.jsxs)("div", {
+            isFullMode && ADVANCED_TABS.length > 0 && /*#__PURE__*/ (0,react_jsx_runtime.jsxs)("div", {
                 className: "border-b border-border shrink-0",
                 children: [
                     /*#__PURE__*/ (0,react_jsx_runtime.jsxs)("button", {
@@ -65081,68 +65302,6 @@ function MenuPanel({ activeTab, agentId, onClose, onAgentChange, onSetTab }) {
                         onClose();
                     }
                 })
-            }),
-            /*#__PURE__*/ (0,react_jsx_runtime.jsxs)("div", {
-                className: "border-t border-border px-3 py-3 shrink-0 bg-surface-1/30",
-                children: [
-                    /*#__PURE__*/ (0,react_jsx_runtime.jsx)("p", {
-                        className: "text-[11px] text-fg-faint mb-1.5 font-medium uppercase tracking-wide",
-                        children: "Display"
-                    }),
-                    /*#__PURE__*/ (0,react_jsx_runtime.jsx)("div", {
-                        className: "flex flex-col gap-1.5",
-                        children: /*#__PURE__*/ (0,react_jsx_runtime.jsx)(ThemePicker, {})
-                    })
-                ]
-            })
-        ]
-    });
-}
-function ThemePicker() {
-    const { theme, setTheme } = (0,ThemeContext/* useTheme */.D)();
-    const options = [
-        {
-            value: "light",
-            label: "Light",
-            icon: /*#__PURE__*/ (0,react_jsx_runtime.jsx)(Sun, {
-                size: 12
-            })
-        },
-        {
-            value: "dark",
-            label: "Dark",
-            icon: /*#__PURE__*/ (0,react_jsx_runtime.jsx)(Moon, {
-                size: 12
-            })
-        },
-        {
-            value: "system",
-            label: "System",
-            icon: /*#__PURE__*/ (0,react_jsx_runtime.jsx)(Monitor, {
-                size: 12
-            })
-        }
-    ];
-    return /*#__PURE__*/ (0,react_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,react_jsx_runtime.jsx)("span", {
-                className: "shrink-0",
-                children: "Theme"
-            }),
-            /*#__PURE__*/ (0,react_jsx_runtime.jsx)("div", {
-                className: "flex flex-1 rounded-lg border border-border overflow-hidden bg-surface",
-                children: options.map((o)=>/*#__PURE__*/ (0,react_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,react_jsx_runtime.jsx)("span", {
-                                children: o.label
-                            })
-                        ]
-                    }, o.value))
             })
         ]
     });
@@ -67377,6 +67536,7 @@ function DashboardPanel() {
 
 
 
+
 
 
 const AppShell_ADVANCED_TABS = new Set([
@@ -67863,6 +68023,10 @@ function AppShell() {
                         mode: state.activeTab === "env" ? "visible" : "hidden",
                         children: /*#__PURE__*/ (0,react_jsx_runtime.jsx)(EnvVarsPanel, {})
                     }),
+                    mountedTabs.has("settings") && /*#__PURE__*/ (0,react_jsx_runtime.jsx)(react.Activity, {
+                        mode: state.activeTab === "settings" ? "visible" : "hidden",
+                        children: /*#__PURE__*/ (0,react_jsx_runtime.jsx)(SettingsPanel, {})
+                    }),
                     showMenu && /*#__PURE__*/ (0,react_jsx_runtime.jsx)("div", {
                         className: "fixed left-0 right-0 bottom-0 bg-black/30 backdrop-blur-sm z-30",
                         style: {
@@ -67893,6 +68057,103 @@ function AppShell() {
 }
 
 
+/***/ }),
+
+/***/ 26713:
+/***/ ((module) => {
+
+"use strict";
+module.exports = require("next/dist/shared/lib/router/utils/is-bot");
+
+/***/ }),
+
+/***/ 27910:
+/***/ ((module) => {
+
+"use strict";
+module.exports = require("stream");
+
+/***/ }),
+
+/***/ 28354:
+/***/ ((module) => {
+
+"use strict";
+module.exports = require("util");
+
+/***/ }),
+
+/***/ 29021:
+/***/ ((module) => {
+
+"use strict";
+module.exports = require("fs");
+
+/***/ }),
+
+/***/ 29294:
+/***/ ((module) => {
+
+"use strict";
+module.exports = require("next/dist/server/app-render/work-async-storage.external.js");
+
+/***/ }),
+
+/***/ 31230:
+/***/ (() => {
+
+
+
+/***/ }),
+
+/***/ 31421:
+/***/ ((module) => {
+
+"use strict";
+module.exports = require("node:child_process");
+
+/***/ }),
+
+/***/ 33873:
+/***/ ((module) => {
+
+"use strict";
+module.exports = require("path");
+
+/***/ }),
+
+/***/ 37067:
+/***/ ((module) => {
+
+"use strict";
+module.exports = require("node:http");
+
+/***/ }),
+
+/***/ 38084:
+/***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
+
+Promise.resolve(/* import() eager */).then(__webpack_require__.bind(__webpack_require__, 19674));
+;
+Promise.resolve(/* import() eager */).then(__webpack_require__.bind(__webpack_require__, 26751));
+
+
+/***/ }),
+
+/***/ 41025:
+/***/ ((module) => {
+
+"use strict";
+module.exports = require("next/dist/server/app-render/dynamic-access-async-storage.external.js");
+
+/***/ }),
+
+/***/ 43954:
+/***/ ((module) => {
+
+"use strict";
+module.exports = require("next/dist/shared/lib/router/utils/interception-routes");
+
 /***/ }),
 
 /***/ 44708: