codebay 0.12.1 → 0.14.0

package/.mochi/svelte-compile/{Settings-m2bfa4k4.server.js → Settings-a7b11v90.server.js}

@@ -12,12 +12,13 @@ import {
 } from "./chunk-pqb403fh.js";
 import {
   CLAUDE_EFFORT_LEVELS,
+  CLAUDE_OUTPUT_STYLES,
   CLAUDE_PERMISSION_MODES,
   apiPost,
   applyTheme,
   getTheme,
   setTheme
-} from "./chunk-zd49axkf.js";
+} from "./chunk-w0hca7va.js";
 import {
   Rotate_ccw
 } from "./chunk-jx6h1xzp.js";
@@ -29,7 +30,7 @@ import {
   Toaster,
   avatars,
   findAvatar
-} from "./chunk-qc0f73f3.js";
+} from "./chunk-apdte4nh.js";
 import {
   HydratableBoundary,
   Icon,
@@ -40,11 +41,11 @@ import"./chunk-xpt1a7jm.js";
 
 // src/pages/Settings.svelte
 import"svelte/internal/flags/async";
-import * as $28 from "svelte/internal/server";
+import * as $30 from "svelte/internal/server";
 
 // src/components/SettingsView.svelte
 import"svelte/internal/flags/async";
-import * as $27 from "svelte/internal/server";
+import * as $29 from "svelte/internal/server";
 
 // node_modules/@lucide/svelte/dist/icons/container.svelte
 import"svelte/internal/flags/async";
@@ -306,9 +307,33 @@ function Folder_minus($$renderer, $$props) {
   ];
   Icon($$renderer, $12.spread_props([{ name: "folder-minus" }, props, { iconNode }]));
 }
-// node_modules/@lucide/svelte/dist/icons/trash-2.svelte
+// node_modules/@lucide/svelte/dist/icons/folder-cog.svelte
 import"svelte/internal/flags/async";
 import * as $13 from "svelte/internal/server";
+function Folder_cog($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconNode = [
+    [
+      "path",
+      {
+        d: "M10.3 20H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.98a2 2 0 0 1 1.69.9l.66 1.2A2 2 0 0 0 12 6h8a2 2 0 0 1 2 2v3.3"
+      }
+    ],
+    ["path", { d: "m14.305 19.53.923-.382" }],
+    ["path", { d: "m15.228 16.852-.923-.383" }],
+    ["path", { d: "m16.852 15.228-.383-.923" }],
+    ["path", { d: "m16.852 20.772-.383.924" }],
+    ["path", { d: "m19.148 15.228.383-.923" }],
+    ["path", { d: "m19.53 21.696-.382-.924" }],
+    ["path", { d: "m20.772 16.852.924-.383" }],
+    ["path", { d: "m20.772 19.148.924.383" }],
+    ["circle", { cx: "18", cy: "18", r: "3" }]
+  ];
+  Icon($$renderer, $13.spread_props([{ name: "folder-cog" }, props, { iconNode }]));
+}
+// node_modules/@lucide/svelte/dist/icons/trash-2.svelte
+import"svelte/internal/flags/async";
+import * as $14 from "svelte/internal/server";
 function Trash_2($$renderer, $$props) {
   let { $$slots, $$events, ...props } = $$props;
   const iconNode = [
@@ -318,11 +343,11 @@ function Trash_2($$renderer, $$props) {
     ["path", { d: "M3 6h18" }],
     ["path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" }]
   ];
-  Icon($$renderer, $13.spread_props([{ name: "trash-2" }, props, { iconNode }]));
+  Icon($$renderer, $14.spread_props([{ name: "trash-2" }, props, { iconNode }]));
 }
 // node_modules/@lucide/svelte/dist/icons/hammer.svelte
 import"svelte/internal/flags/async";
-import * as $14 from "svelte/internal/server";
+import * as $15 from "svelte/internal/server";
 function Hammer($$renderer, $$props) {
   let { $$slots, $$events, ...props } = $$props;
   const iconNode = [
@@ -335,11 +360,11 @@ function Hammer($$renderer, $$props) {
       }
     ]
   ];
-  Icon($$renderer, $14.spread_props([{ name: "hammer" }, props, { iconNode }]));
+  Icon($$renderer, $15.spread_props([{ name: "hammer" }, props, { iconNode }]));
 }
 // node_modules/@lucide/svelte/dist/icons/key-round.svelte
 import"svelte/internal/flags/async";
-import * as $15 from "svelte/internal/server";
+import * as $16 from "svelte/internal/server";
 function Key_round($$renderer, $$props) {
   let { $$slots, $$events, ...props } = $$props;
   const iconNode = [
@@ -354,11 +379,11 @@ function Key_round($$renderer, $$props) {
       { cx: "16.5", cy: "7.5", r: ".5", fill: "currentColor" }
     ]
   ];
-  Icon($$renderer, $15.spread_props([{ name: "key-round" }, props, { iconNode }]));
+  Icon($$renderer, $16.spread_props([{ name: "key-round" }, props, { iconNode }]));
 }
 // node_modules/@lucide/svelte/dist/icons/user-cog.svelte
 import"svelte/internal/flags/async";
-import * as $16 from "svelte/internal/server";
+import * as $17 from "svelte/internal/server";
 function User_cog($$renderer, $$props) {
   let { $$slots, $$events, ...props } = $$props;
   const iconNode = [
@@ -374,11 +399,11 @@ function User_cog($$renderer, $$props) {
     ["circle", { cx: "18", cy: "15", r: "3" }],
     ["circle", { cx: "9", cy: "7", r: "4" }]
   ];
-  Icon($$renderer, $16.spread_props([{ name: "user-cog" }, props, { iconNode }]));
+  Icon($$renderer, $17.spread_props([{ name: "user-cog" }, props, { iconNode }]));
 }
 // node_modules/@lucide/svelte/dist/icons/cpu.svelte
 import"svelte/internal/flags/async";
-import * as $17 from "svelte/internal/server";
+import * as $18 from "svelte/internal/server";
 function Cpu($$renderer, $$props) {
   let { $$slots, $$events, ...props } = $$props;
   const iconNode = [
@@ -400,11 +425,11 @@ function Cpu($$renderer, $$props) {
     ],
     ["rect", { x: "8", y: "8", width: "8", height: "8", rx: "1" }]
   ];
-  Icon($$renderer, $17.spread_props([{ name: "cpu" }, props, { iconNode }]));
+  Icon($$renderer, $18.spread_props([{ name: "cpu" }, props, { iconNode }]));
 }
 // node_modules/@lucide/svelte/dist/icons/variable.svelte
 import"svelte/internal/flags/async";
-import * as $18 from "svelte/internal/server";
+import * as $19 from "svelte/internal/server";
 function Variable($$renderer, $$props) {
   let { $$slots, $$events, ...props } = $$props;
   const iconNode = [
@@ -413,11 +438,11 @@ function Variable($$renderer, $$props) {
     ["line", { x1: "15", x2: "9", y1: "9", y2: "15" }],
     ["line", { x1: "9", x2: "15", y1: "9", y2: "15" }]
   ];
-  Icon($$renderer, $18.spread_props([{ name: "variable" }, props, { iconNode }]));
+  Icon($$renderer, $19.spread_props([{ name: "variable" }, props, { iconNode }]));
 }
 // node_modules/@lucide/svelte/dist/icons/key-square.svelte
 import"svelte/internal/flags/async";
-import * as $19 from "svelte/internal/server";
+import * as $20 from "svelte/internal/server";
 function Key_square($$renderer, $$props) {
   let { $$slots, $$events, ...props } = $$props;
   const iconNode = [
@@ -435,11 +460,11 @@ function Key_square($$renderer, $$props) {
       }
     ]
   ];
-  Icon($$renderer, $19.spread_props([{ name: "key-square" }, props, { iconNode }]));
+  Icon($$renderer, $20.spread_props([{ name: "key-square" }, props, { iconNode }]));
 }
 // node_modules/@lucide/svelte/dist/icons/sliders-horizontal.svelte
 import"svelte/internal/flags/async";
-import * as $20 from "svelte/internal/server";
+import * as $21 from "svelte/internal/server";
 function Sliders_horizontal($$renderer, $$props) {
   let { $$slots, $$events, ...props } = $$props;
   const iconNode = [
@@ -453,11 +478,11 @@ function Sliders_horizontal($$renderer, $$props) {
     ["path", { d: "M8 10v4" }],
     ["path", { d: "M8 12H3" }]
   ];
-  Icon($$renderer, $20.spread_props([{ name: "sliders-horizontal" }, props, { iconNode }]));
+  Icon($$renderer, $21.spread_props([{ name: "sliders-horizontal" }, props, { iconNode }]));
 }
 // node_modules/@lucide/svelte/dist/icons/list-ordered.svelte
 import"svelte/internal/flags/async";
-import * as $21 from "svelte/internal/server";
+import * as $22 from "svelte/internal/server";
 function List_ordered($$renderer, $$props) {
   let { $$slots, $$events, ...props } = $$props;
   const iconNode = [
@@ -473,11 +498,11 @@ function List_ordered($$renderer, $$props) {
       }
     ]
   ];
-  Icon($$renderer, $21.spread_props([{ name: "list-ordered" }, props, { iconNode }]));
+  Icon($$renderer, $22.spread_props([{ name: "list-ordered" }, props, { iconNode }]));
 }
 // node_modules/@lucide/svelte/dist/icons/boxes.svelte
 import"svelte/internal/flags/async";
-import * as $22 from "svelte/internal/server";
+import * as $23 from "svelte/internal/server";
 function Boxes($$renderer, $$props) {
   let { $$slots, $$events, ...props } = $$props;
   const iconNode = [
@@ -509,11 +534,11 @@ function Boxes($$renderer, $$props) {
     ["path", { d: "m12 8 4.74-2.85" }],
     ["path", { d: "M12 13.5V8" }]
   ];
-  Icon($$renderer, $22.spread_props([{ name: "boxes" }, props, { iconNode }]));
+  Icon($$renderer, $23.spread_props([{ name: "boxes" }, props, { iconNode }]));
 }
 // node_modules/@lucide/svelte/dist/icons/puzzle.svelte
 import"svelte/internal/flags/async";
-import * as $23 from "svelte/internal/server";
+import * as $24 from "svelte/internal/server";
 function Puzzle($$renderer, $$props) {
   let { $$slots, $$events, ...props } = $$props;
   const iconNode = [
@@ -524,14 +549,14 @@ function Puzzle($$renderer, $$props) {
       }
     ]
   ];
-  Icon($$renderer, $23.spread_props([{ name: "puzzle" }, props, { iconNode }]));
+  Icon($$renderer, $24.spread_props([{ name: "puzzle" }, props, { iconNode }]));
 }
 // src/components/SettingsView.svelte
 import { flushSync } from "svelte";
 
 // src/components/CoinButton.svelte
 import"svelte/internal/flags/async";
-import * as $24 from "svelte/internal/server";
+import * as $25 from "svelte/internal/server";
 function CoinButton($$renderer, $$props) {
   let { href = "/avatars" } = $$props;
   const coinArt = {
@@ -547,14 +572,14 @@ function CoinButton($$renderer, $$props) {
       "..####.."
     ]
   };
-  $$renderer.push(`<div class="coin-row svelte-1ioj7vz"><span class="pixel-line svelte-1ioj7vz" aria-hidden="true"></span> <a class="coin-btn svelte-1ioj7vz"${$24.attr("href", href)} aria-label="Draw your own avatar" title="Draw your own avatar"><span class="new svelte-1ioj7vz" aria-hidden="true">New</span> <span class="coin svelte-1ioj7vz" aria-hidden="true">`);
+  $$renderer.push(`<div class="coin-row svelte-1ioj7vz"><span class="pixel-line svelte-1ioj7vz" aria-hidden="true"></span> <a class="coin-btn svelte-1ioj7vz"${$25.attr("href", href)} aria-label="Draw your own avatar" title="Draw your own avatar"><span class="new svelte-1ioj7vz" aria-hidden="true">New</span> <span class="coin svelte-1ioj7vz" aria-hidden="true">`);
   Avatar($$renderer, { art: coinArt, name: "coin", scale: 3 });
   $$renderer.push(`<!----></span></a> <span class="pixel-line svelte-1ioj7vz" aria-hidden="true"></span></div>`);
 }
 
 // node_modules/@lucide/svelte/dist/icons/shield-check.svelte
 import"svelte/internal/flags/async";
-import * as $25 from "svelte/internal/server";
+import * as $26 from "svelte/internal/server";
 function Shield_check($$renderer, $$props) {
   let { $$slots, $$events, ...props } = $$props;
   const iconNode = [
@@ -566,18 +591,33 @@ function Shield_check($$renderer, $$props) {
     ],
     ["path", { d: "m9 12 2 2 4-4" }]
   ];
-  Icon($$renderer, $25.spread_props([{ name: "shield-check" }, props, { iconNode }]));
+  Icon($$renderer, $26.spread_props([{ name: "shield-check" }, props, { iconNode }]));
 }
 // node_modules/@lucide/svelte/dist/icons/gauge.svelte
 import"svelte/internal/flags/async";
-import * as $26 from "svelte/internal/server";
+import * as $27 from "svelte/internal/server";
 function Gauge($$renderer, $$props) {
   let { $$slots, $$events, ...props } = $$props;
   const iconNode = [
     ["path", { d: "m12 14 4-4" }],
     ["path", { d: "M3.34 19a10 10 0 1 1 17.32 0" }]
   ];
-  Icon($$renderer, $26.spread_props([{ name: "gauge" }, props, { iconNode }]));
+  Icon($$renderer, $27.spread_props([{ name: "gauge" }, props, { iconNode }]));
+}
+// node_modules/@lucide/svelte/dist/icons/message-square.svelte
+import"svelte/internal/flags/async";
+import * as $28 from "svelte/internal/server";
+function Message_square($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconNode = [
+    [
+      "path",
+      {
+        d: "M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z"
+      }
+    ]
+  ];
+  Icon($$renderer, $28.spread_props([{ name: "message-square" }, props, { iconNode }]));
 }
 // src/components/SettingsView.svelte
 function SettingsView($$renderer, $$props) {
@@ -587,11 +627,13 @@ function SettingsView($$renderer, $$props) {
       defaultMode,
       claudePermissionMode,
       claudeEffortLevel,
+      claudeOutputStyle,
       defaultImage,
       builtinImage,
       disableBuildCache,
       copyIgnorePatterns,
       builtinCopyIgnore,
+      claudeConfigDir,
       gitIdentityEnabled,
       gitIdentityName,
       gitIdentityEmail,
@@ -738,6 +780,26 @@ function SettingsView($$renderer, $$props) {
       flushSync(() => effortChoice = next);
       effortFormEl?.requestSubmit();
     }
+    let outputStyleChoice = claudeOutputStyle;
+    let savingOutputStyle = false;
+    let outputStyleError = null;
+    let outputStyleFormEl;
+    const outputStyleOpts = saveOpts({
+      setSaving: (v) => savingOutputStyle = v,
+      setError: (v) => outputStyleError = v,
+      setMsg: () => {},
+      onSuccess: (data) => {
+        if (data?.style)
+          outputStyleChoice = data.style;
+      }
+    });
+    const OUTPUT_STYLE_LABELS = { default: "Default", none: "None", Concise: "Concise" };
+    function chooseOutputStyle(next) {
+      if (next === outputStyleChoice)
+        return;
+      flushSync(() => outputStyleChoice = next);
+      outputStyleFormEl?.requestSubmit();
+    }
     let image = defaultImage;
     let savingImage = false;
     let imageError = null;
@@ -774,6 +836,24 @@ function SettingsView($$renderer, $$props) {
       flushSync(() => copyIgnore = builtinCopyIgnore);
       copyIgnoreFormEl?.requestSubmit();
     }
+    let claudeDir = claudeConfigDir;
+    let savingClaudeDir = false;
+    let claudeDirError = null;
+    let claudeDirSaved = false;
+    let claudeDirFormEl;
+    const claudeDirOpts = saveOpts({
+      setSaving: (v) => savingClaudeDir = v,
+      setError: (v) => claudeDirError = v,
+      setMsg: (v) => claudeDirSaved = !!v,
+      onSuccess: (data) => {
+        claudeDir = data?.dir ?? claudeDir;
+        claudeDirSaved = true;
+      }
+    });
+    function resetClaudeDir() {
+      flushSync(() => claudeDir = "");
+      claudeDirFormEl?.requestSubmit();
+    }
     let gitIdentity = gitIdentityEnabled;
     let savingGitToggle = false;
     let gitToggleError = null;
@@ -992,7 +1072,7 @@ function SettingsView($$renderer, $$props) {
         manualModelsMsg = "Saved.";
       }
     });
-    let litellmBlocker = $27.derived(() => manualTokens ? "Set tokens manually" : manualModelOverride ? "Override models manually" : null);
+    let litellmBlocker = $29.derived(() => manualTokens ? "Set tokens manually" : manualModelOverride ? "Override models manually" : null);
     let hostEnvVars = hostEnvVarsEnabled;
     let savingHostEnvToggle = false;
     let hostEnvToggleError = null;
@@ -1168,30 +1248,30 @@ function SettingsView($$renderer, $$props) {
     $$renderer2.push(`<!----> <main class="content svelte-1n6ht58"><section class="card svelte-1n6ht58"><form class="row svelte-1n6ht58" method="POST" action="?/defaultMode"><div class="label svelte-1n6ht58">`);
     Terminal($$renderer2, { size: 20 });
     $$renderer2.push(`<!----> <div class="text svelte-1n6ht58"><div class="name svelte-1n6ht58">Default editor</div> <div class="desc svelte-1n6ht58">What new instances start in. <strong>Full IDE</strong> serves browser VS Code; <strong>Terminal</strong> is lighter \u2014 just Claude Code in a terminal, no code-server. You
-							can override this per instance when creating one.</div></div></div> <input type="hidden" name="mode"${$27.attr("value", modeChoice)}/> <div class="mode-toggle svelte-1n6ht58" role="group" aria-label="Default editor mode"><button type="button"${$27.attr_class("mode-btn svelte-1n6ht58", undefined, { active: modeChoice === "ide" })}${$27.attr("aria-pressed", modeChoice === "ide")}${$27.attr("disabled", savingMode, true)}>`);
+							can override this per instance when creating one.</div></div></div> <input type="hidden" name="mode"${$29.attr("value", modeChoice)}/> <div class="mode-toggle svelte-1n6ht58" role="group" aria-label="Default editor mode"><button type="button"${$29.attr_class("mode-btn svelte-1n6ht58", undefined, { active: modeChoice === "ide" })}${$29.attr("aria-pressed", modeChoice === "ide")}${$29.attr("disabled", savingMode, true)}>`);
     Layout_template($$renderer2, { size: 15 });
-    $$renderer2.push(`<!----> Full IDE</button> <button type="button"${$27.attr_class("mode-btn svelte-1n6ht58", undefined, { active: modeChoice === "terminal" })}${$27.attr("aria-pressed", modeChoice === "terminal")}${$27.attr("disabled", savingMode, true)}>`);
+    $$renderer2.push(`<!----> Full IDE</button> <button type="button"${$29.attr_class("mode-btn svelte-1n6ht58", undefined, { active: modeChoice === "terminal" })}${$29.attr("aria-pressed", modeChoice === "terminal")}${$29.attr("disabled", savingMode, true)}>`);
     Terminal($$renderer2, { size: 15 });
     $$renderer2.push(`<!----> Terminal</button></div></form> `);
     if (modeError) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<div class="sub svelte-1n6ht58"><div class="msg error svelte-1n6ht58">${$27.escape(modeError)}</div></div>`);
+      $$renderer2.push(`<div class="sub svelte-1n6ht58"><div class="msg error svelte-1n6ht58">${$29.escape(modeError)}</div></div>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
     $$renderer2.push(`<!--]--></section> <section class="card svelte-1n6ht58"><form class="row svelte-1n6ht58" method="POST" action="?/claudePermissionMode"><div class="label svelte-1n6ht58">`);
     Shield_check($$renderer2, { size: 20 });
     $$renderer2.push(`<!----> <div class="text svelte-1n6ht58"><div class="name svelte-1n6ht58">Claude permission mode</div> <div class="desc svelte-1n6ht58">The mode Claude Code starts in inside new instances. <strong>Default</strong> runs <code class="svelte-1n6ht58">--dangerously-skip-permissions</code>, which never prompts; the other three pass <code class="svelte-1n6ht58">--permission-mode</code> instead, because the skip flag overrides them. Applies on
-							create and rebuild, not to already-running instances.</div></div></div> <input type="hidden" name="mode"${$27.attr("value", permissionChoice)}/> <div class="mode-toggle svelte-1n6ht58" role="group" aria-label="Claude permission mode"><!--[-->`);
-    const each_array = $27.ensure_array_like(CLAUDE_PERMISSION_MODES);
+							create and rebuild, not to already-running instances.</div></div></div> <input type="hidden" name="mode"${$29.attr("value", permissionChoice)}/> <div class="mode-toggle svelte-1n6ht58" role="group" aria-label="Claude permission mode"><!--[-->`);
+    const each_array = $29.ensure_array_like(CLAUDE_PERMISSION_MODES);
     for (let $$index = 0, $$length = each_array.length;$$index < $$length; $$index++) {
       let option = each_array[$$index];
-      $$renderer2.push(`<button type="button"${$27.attr_class("mode-btn svelte-1n6ht58", undefined, { active: permissionChoice === option })}${$27.attr("aria-pressed", permissionChoice === option)}${$27.attr("disabled", savingPermission, true)}>${$27.escape(PERMISSION_LABELS[option])}</button>`);
+      $$renderer2.push(`<button type="button"${$29.attr_class("mode-btn svelte-1n6ht58", undefined, { active: permissionChoice === option })}${$29.attr("aria-pressed", permissionChoice === option)}${$29.attr("disabled", savingPermission, true)}>${$29.escape(PERMISSION_LABELS[option])}</button>`);
     }
     $$renderer2.push(`<!--]--></div></form> `);
     if (permissionError) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<div class="sub svelte-1n6ht58"><div class="msg error svelte-1n6ht58">${$27.escape(permissionError)}</div></div>`);
+      $$renderer2.push(`<div class="sub svelte-1n6ht58"><div class="msg error svelte-1n6ht58">${$29.escape(permissionError)}</div></div>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
@@ -1199,16 +1279,31 @@ function SettingsView($$renderer, $$props) {
     Gauge($$renderer2, { size: 20 });
     $$renderer2.push(`<!----> <div class="text svelte-1n6ht58"><div class="name svelte-1n6ht58">Claude effort level</div> <div class="desc svelte-1n6ht58">The default reasoning effort Claude Code starts new sessions at inside instances,
 							written to <code class="svelte-1n6ht58">~/.claude/settings.json</code>. Applies on create and rebuild, not to
-							already-running instances.</div></div></div> <input type="hidden" name="level"${$27.attr("value", effortChoice)}/> <div class="mode-toggle svelte-1n6ht58" role="group" aria-label="Claude effort level"><!--[-->`);
-    const each_array_1 = $27.ensure_array_like(CLAUDE_EFFORT_LEVELS);
+							already-running instances.</div></div></div> <input type="hidden" name="level"${$29.attr("value", effortChoice)}/> <div class="mode-toggle svelte-1n6ht58" role="group" aria-label="Claude effort level"><!--[-->`);
+    const each_array_1 = $29.ensure_array_like(CLAUDE_EFFORT_LEVELS);
     for (let $$index_1 = 0, $$length = each_array_1.length;$$index_1 < $$length; $$index_1++) {
       let option = each_array_1[$$index_1];
-      $$renderer2.push(`<button type="button"${$27.attr_class("mode-btn svelte-1n6ht58", undefined, { active: effortChoice === option })}${$27.attr("aria-pressed", effortChoice === option)}${$27.attr("disabled", savingEffort, true)}>${$27.escape(EFFORT_LABELS[option])}</button>`);
+      $$renderer2.push(`<button type="button"${$29.attr_class("mode-btn svelte-1n6ht58", undefined, { active: effortChoice === option })}${$29.attr("aria-pressed", effortChoice === option)}${$29.attr("disabled", savingEffort, true)}>${$29.escape(EFFORT_LABELS[option])}</button>`);
     }
     $$renderer2.push(`<!--]--></div></form> `);
     if (effortError) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<div class="sub svelte-1n6ht58"><div class="msg error svelte-1n6ht58">${$27.escape(effortError)}</div></div>`);
+      $$renderer2.push(`<div class="sub svelte-1n6ht58"><div class="msg error svelte-1n6ht58">${$29.escape(effortError)}</div></div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></section> <section class="card svelte-1n6ht58"><form class="row svelte-1n6ht58" method="POST" action="?/claudeOutputStyle"><div class="label svelte-1n6ht58">`);
+    Message_square($$renderer2, { size: 20 });
+    $$renderer2.push(`<!----> <div class="text svelte-1n6ht58"><div class="name svelte-1n6ht58">Claude output style</div> <div class="desc svelte-1n6ht58">The output style Claude Code starts new sessions in, written to <code class="svelte-1n6ht58">~/.claude/settings.json</code>. <strong>Default</strong> inherits your host <code class="svelte-1n6ht58">~/.claude/settings.json</code> (including any custom styles); <strong>None</strong> forces it off. Applies on create and rebuild, not to already-running instances.</div></div></div> <input type="hidden" name="style"${$29.attr("value", outputStyleChoice)}/> <div class="mode-toggle svelte-1n6ht58" role="group" aria-label="Claude output style"><!--[-->`);
+    const each_array_2 = $29.ensure_array_like(CLAUDE_OUTPUT_STYLES);
+    for (let $$index_2 = 0, $$length = each_array_2.length;$$index_2 < $$length; $$index_2++) {
+      let option = each_array_2[$$index_2];
+      $$renderer2.push(`<button type="button"${$29.attr_class("mode-btn svelte-1n6ht58", undefined, { active: outputStyleChoice === option })}${$29.attr("aria-pressed", outputStyleChoice === option)}${$29.attr("disabled", savingOutputStyle, true)}>${$29.escape(OUTPUT_STYLE_LABELS[option])}</button>`);
+    }
+    $$renderer2.push(`<!--]--></div></form> `);
+    if (outputStyleError) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<div class="sub svelte-1n6ht58"><div class="msg error svelte-1n6ht58">${$29.escape(outputStyleError)}</div></div>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
@@ -1217,12 +1312,12 @@ function SettingsView($$renderer, $$props) {
     $$renderer2.push(`<!----> <div class="text svelte-1n6ht58"><div class="name svelte-1n6ht58">Default container image `);
     if (dockerArch) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<span class="arch svelte-1n6ht58" title="Docker daemon architecture">${$27.escape(dockerArch)}</span>`);
+      $$renderer2.push(`<span class="arch svelte-1n6ht58" title="Docker daemon architecture">${$29.escape(dockerArch)}</span>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
     $$renderer2.push(`<!--]--></div> <div class="desc svelte-1n6ht58">Used only when a project folder ships no devcontainer.json. Takes effect for instances
-							created from now on.</div></div></div> <div class="image-controls svelte-1n6ht58"><input type="text" name="image" class="image-input svelte-1n6ht58"${$27.attr("value", image)} spellcheck="false" autocapitalize="off" autocorrect="off" placeholder="mcr.microsoft.com/devcontainers/base:ubuntu"/> `);
+							created from now on.</div></div></div> <div class="image-controls svelte-1n6ht58"><input type="text" name="image" class="image-input svelte-1n6ht58"${$29.attr("value", image)} spellcheck="false" autocapitalize="off" autocorrect="off" placeholder="mcr.microsoft.com/devcontainers/base:ubuntu"/> `);
     Button($$renderer2, {
       type: "submit",
       disabled: savingImage,
@@ -1237,14 +1332,14 @@ function SettingsView($$renderer, $$props) {
       icon: Rotate_ccw,
       disabled: savingImage,
       onclick: resetImage,
-      title: `Reset to default (${$27.stringify(builtinImage)})`,
+      title: `Reset to default (${$29.stringify(builtinImage)})`,
       "aria-label": "Reset to default image"
     });
     $$renderer2.push(`<!----></div> <div class="desc tip svelte-1n6ht58">`);
     if (dockerArch) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`Your Docker daemon runs on <strong>${$27.escape(dockerArch)}</strong> \u2014 pick an image that publishes
-						an <strong>${$27.escape(dockerArch)}</strong> manifest, or the pull will fail.`);
+      $$renderer2.push(`Your Docker daemon runs on <strong>${$29.escape(dockerArch)}</strong> \u2014 pick an image that publishes
+						an <strong>${$29.escape(dockerArch)}</strong> manifest, or the pull will fail.`);
     } else {
       $$renderer2.push("<!--[-1-->");
       $$renderer2.push(`Pick an image whose manifest covers your Docker daemon's architecture, or the pull will
@@ -1253,7 +1348,7 @@ function SettingsView($$renderer, $$props) {
     $$renderer2.push(`<!--]--></div> `);
     if (imageError) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$27.escape(imageError)}</div>`);
+      $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$29.escape(imageError)}</div>`);
     } else if (imageSaved) {
       $$renderer2.push("<!--[1-->");
       $$renderer2.push(`<div class="msg ok svelte-1n6ht58">Saved.</div>`);
@@ -1264,7 +1359,7 @@ function SettingsView($$renderer, $$props) {
     Folder_minus($$renderer2, { size: 20 });
     $$renderer2.push(`<!----> <div class="text svelte-1n6ht58"><div class="name svelte-1n6ht58">Skip when copying a local folder</div> <div class="desc svelte-1n6ht58">Comma-separated folder/file names excluded when copying a local source folder into a
 							new instance's workspace. Leave blank to copy everything. Only applies to local
-							folders \u2014 cloning a Git repo URL is unaffected.</div></div></div> <div class="image-controls svelte-1n6ht58"><input type="text" name="patterns" class="image-input svelte-1n6ht58"${$27.attr("value", copyIgnore)} spellcheck="false" autocapitalize="off" autocorrect="off" placeholder="node_modules, .venv, dist"/> `);
+							folders \u2014 cloning a Git repo URL is unaffected.</div></div></div> <div class="image-controls svelte-1n6ht58"><input type="text" name="patterns" class="image-input svelte-1n6ht58"${$29.attr("value", copyIgnore)} spellcheck="false" autocapitalize="off" autocorrect="off" placeholder="node_modules, .venv, dist"/> `);
     Button($$renderer2, {
       type: "submit",
       disabled: savingCopyIgnore,
@@ -1279,27 +1374,58 @@ function SettingsView($$renderer, $$props) {
       icon: Rotate_ccw,
       disabled: savingCopyIgnore,
       onclick: resetCopyIgnore,
-      title: `Reset to default (${$27.stringify(builtinCopyIgnore)})`,
+      title: `Reset to default (${$29.stringify(builtinCopyIgnore)})`,
       "aria-label": "Reset to default copy-ignore patterns"
     });
     $$renderer2.push(`<!----></div> `);
     if (copyIgnoreError) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$27.escape(copyIgnoreError)}</div>`);
+      $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$29.escape(copyIgnoreError)}</div>`);
     } else if (copyIgnoreSaved) {
       $$renderer2.push("<!--[1-->");
       $$renderer2.push(`<div class="msg ok svelte-1n6ht58">Saved.</div>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
+    $$renderer2.push(`<!--]--></form></section> <section class="card svelte-1n6ht58"><form class="row image-row svelte-1n6ht58" method="POST" action="?/claudeConfigDir"><div class="label svelte-1n6ht58">`);
+    Folder_cog($$renderer2, { size: 20 });
+    $$renderer2.push(`<!----> <div class="text svelte-1n6ht58"><div class="name svelte-1n6ht58">Claude config directory</div> <div class="desc svelte-1n6ht58">Host directory the Claude Code injections read from \u2014 credentials, statusLine, output
+							styles, and global skills / <code class="svelte-1n6ht58">CLAUDE.md</code>. Leave blank to use <code class="svelte-1n6ht58">~/.claude</code>. Takes effect for instances created from now on.</div></div></div> <div class="image-controls svelte-1n6ht58"><input type="text" name="dir" class="image-input svelte-1n6ht58"${$29.attr("value", claudeDir)} spellcheck="false" autocapitalize="off" autocorrect="off" placeholder="~/.claude"/> `);
+    Button($$renderer2, {
+      type: "submit",
+      disabled: savingClaudeDir,
+      children: ($$renderer3) => {
+        $$renderer3.push(`<!---->Save`);
+      },
+      $$slots: { default: true }
+    });
+    $$renderer2.push(`<!----> `);
+    Button($$renderer2, {
+      type: "button",
+      icon: Rotate_ccw,
+      disabled: savingClaudeDir,
+      onclick: resetClaudeDir,
+      title: "Reset to default (~/.claude)",
+      "aria-label": "Reset to default Claude config directory"
+    });
+    $$renderer2.push(`<!----></div> `);
+    if (claudeDirError) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$29.escape(claudeDirError)}</div>`);
+    } else if (claudeDirSaved) {
+      $$renderer2.push("<!--[1-->");
+      $$renderer2.push(`<div class="msg ok svelte-1n6ht58">Saved.</div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
     $$renderer2.push(`<!--]--></form></section> <section class="card svelte-1n6ht58"><form class="row svelte-1n6ht58" method="POST" action="?/gitIdentityToggle"><div class="label svelte-1n6ht58">`);
     User_cog($$renderer2, { size: 20 });
     $$renderer2.push(`<!----> <div class="text svelte-1n6ht58"><div class="name svelte-1n6ht58">Override git identity</div> <div class="desc svelte-1n6ht58">Inject a name and email as <code class="svelte-1n6ht58">git config --global user.name/user.email</code> in every
 							new container, taking precedence over the host's own git config. When off, each container
-							falls back to the host's identity.</div></div></div> <label class="switch svelte-1n6ht58"><input type="checkbox" name="enabled"${$27.attr("checked", gitIdentity, true)}${$27.attr("disabled", savingGitToggle, true)} class="svelte-1n6ht58"/> <span class="track svelte-1n6ht58"><span class="thumb svelte-1n6ht58"></span></span></label></form> `);
+							falls back to the host's identity.</div></div></div> <label class="switch svelte-1n6ht58"><input type="checkbox" name="enabled"${$29.attr("checked", gitIdentity, true)}${$29.attr("disabled", savingGitToggle, true)} class="svelte-1n6ht58"/> <span class="track svelte-1n6ht58"><span class="thumb svelte-1n6ht58"></span></span></label></form> `);
     if (gitToggleError) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<div class="sub svelte-1n6ht58"><div class="msg error svelte-1n6ht58">${$27.escape(gitToggleError)}</div></div>`);
+      $$renderer2.push(`<div class="sub svelte-1n6ht58"><div class="msg error svelte-1n6ht58">${$29.escape(gitToggleError)}</div></div>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
@@ -1307,7 +1433,7 @@ function SettingsView($$renderer, $$props) {
     if (gitIdentity) {
       $$renderer2.push("<!--[0-->");
       $$renderer2.push(`<form class="row divided token-row svelte-1n6ht58" method="POST" action="?/gitIdentityOverride"><div class="label svelte-1n6ht58"><div class="text svelte-1n6ht58"><div class="name svelte-1n6ht58">Identity</div> <div class="desc svelte-1n6ht58">Both fields are required \u2014 leave either blank and the container falls back to the
-								host's identity.</div></div></div> <div class="model-fields svelte-1n6ht58"><label class="model-row svelte-1n6ht58"><span class="model-label svelte-1n6ht58">Name</span> <input type="text" name="name" class="image-input svelte-1n6ht58"${$27.attr("value", gitName)} spellcheck="false" autocapitalize="off" autocorrect="off" placeholder="Jane Doe"/></label> <label class="model-row svelte-1n6ht58"><span class="model-label svelte-1n6ht58">Email</span> <input type="text" name="email" class="image-input svelte-1n6ht58"${$27.attr("value", gitEmail)} spellcheck="false" autocapitalize="off" autocorrect="off" placeholder="jane@example.com"/></label> <div class="model-save-row svelte-1n6ht58">`);
+								host's identity.</div></div></div> <div class="model-fields svelte-1n6ht58"><label class="model-row svelte-1n6ht58"><span class="model-label svelte-1n6ht58">Name</span> <input type="text" name="name" class="image-input svelte-1n6ht58"${$29.attr("value", gitName)} spellcheck="false" autocapitalize="off" autocorrect="off" placeholder="Jane Doe"/></label> <label class="model-row svelte-1n6ht58"><span class="model-label svelte-1n6ht58">Email</span> <input type="text" name="email" class="image-input svelte-1n6ht58"${$29.attr("value", gitEmail)} spellcheck="false" autocapitalize="off" autocorrect="off" placeholder="jane@example.com"/></label> <div class="model-save-row svelte-1n6ht58">`);
       Button($$renderer2, {
         type: "submit",
         disabled: savingGitIdentity,
@@ -1319,7 +1445,7 @@ function SettingsView($$renderer, $$props) {
       $$renderer2.push(`<!----></div></div> `);
       if (gitIdentityError) {
         $$renderer2.push("<!--[0-->");
-        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$27.escape(gitIdentityError)}</div>`);
+        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$29.escape(gitIdentityError)}</div>`);
       } else if (gitIdentitySaved) {
         $$renderer2.push("<!--[1-->");
         $$renderer2.push(`<div class="msg ok svelte-1n6ht58">Saved.</div>`);
@@ -1333,10 +1459,10 @@ function SettingsView($$renderer, $$props) {
     $$renderer2.push(`<!--]--></section> <section class="card svelte-1n6ht58"><form class="row svelte-1n6ht58" method="POST" action="?/disableBuildCache"><div class="label svelte-1n6ht58">`);
     Layers($$renderer2, { size: 20 });
     $$renderer2.push(`<!----> <div class="text svelte-1n6ht58"><div class="name svelte-1n6ht58">Disable build cache</div> <div class="desc svelte-1n6ht58">Build every new container with <code class="svelte-1n6ht58">--build-no-cache</code>. Applies to first boot
-							and rebuilds \u2014 slower, but always picks up upstream image/layer changes.</div></div></div> <label class="switch svelte-1n6ht58"><input type="checkbox" name="enabled"${$27.attr("checked", noCache, true)}${$27.attr("disabled", savingCache, true)} class="svelte-1n6ht58"/> <span class="track svelte-1n6ht58"><span class="thumb svelte-1n6ht58"></span></span></label></form> `);
+							and rebuilds \u2014 slower, but always picks up upstream image/layer changes.</div></div></div> <label class="switch svelte-1n6ht58"><input type="checkbox" name="enabled"${$29.attr("checked", noCache, true)}${$29.attr("disabled", savingCache, true)} class="svelte-1n6ht58"/> <span class="track svelte-1n6ht58"><span class="thumb svelte-1n6ht58"></span></span></label></form> `);
     if (cacheError) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<div class="sub svelte-1n6ht58"><div class="msg error svelte-1n6ht58">${$27.escape(cacheError)}</div></div>`);
+      $$renderer2.push(`<div class="sub svelte-1n6ht58"><div class="msg error svelte-1n6ht58">${$29.escape(cacheError)}</div></div>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
@@ -1346,10 +1472,10 @@ function SettingsView($$renderer, $$props) {
 							remove pulled images.</div> `);
     if (clearError) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$27.escape(clearError)}</div>`);
+      $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$29.escape(clearError)}</div>`);
     } else if (clearMsg) {
       $$renderer2.push("<!--[1-->");
-      $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$27.escape(clearMsg)}</div>`);
+      $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$29.escape(clearMsg)}</div>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
@@ -1359,7 +1485,7 @@ function SettingsView($$renderer, $$props) {
       icon: Trash_2,
       disabled: clearing,
       children: ($$renderer3) => {
-        $$renderer3.push(`<!---->${$27.escape(clearing ? "Clearing\u2026" : "Clear cache")}`);
+        $$renderer3.push(`<!---->${$29.escape(clearing ? "Clearing\u2026" : "Clear cache")}`);
       },
       $$slots: { default: true }
     });
@@ -1369,10 +1495,10 @@ function SettingsView($$renderer, $$props) {
 							layers. In-container edits are kept; stopped instances are left alone.</div> `);
     if (rebuildError) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$27.escape(rebuildError)}</div>`);
+      $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$29.escape(rebuildError)}</div>`);
     } else if (rebuildMsg) {
       $$renderer2.push("<!--[1-->");
-      $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$27.escape(rebuildMsg)}</div>`);
+      $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$29.escape(rebuildMsg)}</div>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
@@ -1382,11 +1508,11 @@ function SettingsView($$renderer, $$props) {
       icon: Hammer,
       disabled: rebuilding,
       children: ($$renderer3) => {
-        $$renderer3.push(`<!---->${$27.escape(rebuilding ? "Starting\u2026" : "Rebuild all")}`);
+        $$renderer3.push(`<!---->${$29.escape(rebuilding ? "Starting\u2026" : "Rebuild all")}`);
       },
       $$slots: { default: true }
     });
-    $$renderer2.push(`<!----></form></section> <section${$27.attr_class("card svelte-1n6ht58", undefined, { "disabled-card": customEndpoint })}><form class="row svelte-1n6ht58" method="POST" action="?/manualTokensToggle"><div class="label svelte-1n6ht58">`);
+    $$renderer2.push(`<!----></form></section> <section${$29.attr_class("card svelte-1n6ht58", undefined, { "disabled-card": customEndpoint })}><form class="row svelte-1n6ht58" method="POST" action="?/manualTokensToggle"><div class="label svelte-1n6ht58">`);
     Key_round($$renderer2, { size: 20 });
     $$renderer2.push(`<!----> <div class="text svelte-1n6ht58"><div class="name svelte-1n6ht58">Set tokens manually `);
     if (customEndpoint) {
@@ -1407,10 +1533,10 @@ function SettingsView($$renderer, $$props) {
 								token set here is injected into every new container and overrides host credential
 								discovery.`);
     }
-    $$renderer2.push(`<!--]--></div></div></div> <label class="switch svelte-1n6ht58"><input type="checkbox" name="enabled"${$27.attr("checked", manualTokens, true)}${$27.attr("disabled", savingManualToggle || customEndpoint, true)} class="svelte-1n6ht58"/> <span class="track svelte-1n6ht58"><span class="thumb svelte-1n6ht58"></span></span></label></form> `);
+    $$renderer2.push(`<!--]--></div></div></div> <label class="switch svelte-1n6ht58"><input type="checkbox" name="enabled"${$29.attr("checked", manualTokens, true)}${$29.attr("disabled", savingManualToggle || customEndpoint, true)} class="svelte-1n6ht58"/> <span class="track svelte-1n6ht58"><span class="thumb svelte-1n6ht58"></span></span></label></form> `);
     if (manualToggleError) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<div class="sub svelte-1n6ht58"><div class="msg error svelte-1n6ht58">${$27.escape(manualToggleError)}</div></div>`);
+      $$renderer2.push(`<div class="sub svelte-1n6ht58"><div class="msg error svelte-1n6ht58">${$29.escape(manualToggleError)}</div></div>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
@@ -1418,7 +1544,7 @@ function SettingsView($$renderer, $$props) {
     if (manualTokens && !customEndpoint) {
       $$renderer2.push("<!--[0-->");
       $$renderer2.push(`<form class="row divided token-row svelte-1n6ht58" method="POST" action="?/githubToken"><div class="label svelte-1n6ht58"><div class="text svelte-1n6ht58"><div class="name svelte-1n6ht58">GitHub token</div> <div class="desc svelte-1n6ht58">macOS / Linux: run <code class="svelte-1n6ht58">gh auth token</code> to print your GitHub CLI token, or
-								create a Personal Access Token at <code class="svelte-1n6ht58">github.com/settings/tokens</code> (scopes: <code class="svelte-1n6ht58">repo</code>, <code class="svelte-1n6ht58">read:org</code>). Leave blank and Save to clear.</div></div></div> <div class="image-controls svelte-1n6ht58"><input type="password" name="githubToken" class="image-input svelte-1n6ht58"${$27.attr("value", githubToken)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off"${$27.attr("placeholder", ghSaved ? "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022 (saved)" : "ghp_\u2026 / gho_\u2026")}/> `);
+								create a Personal Access Token at <code class="svelte-1n6ht58">github.com/settings/tokens</code> (scopes: <code class="svelte-1n6ht58">repo</code>, <code class="svelte-1n6ht58">read:org</code>). Leave blank and Save to clear.</div></div></div> <div class="image-controls svelte-1n6ht58"><input type="password" name="githubToken" class="image-input svelte-1n6ht58"${$29.attr("value", githubToken)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off"${$29.attr("placeholder", ghSaved ? "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022 (saved)" : "ghp_\u2026 / gho_\u2026")}/> `);
       Button($$renderer2, {
         type: "submit",
         disabled: savingGithub,
@@ -1430,17 +1556,17 @@ function SettingsView($$renderer, $$props) {
       $$renderer2.push(`<!----></div> `);
       if (githubError) {
         $$renderer2.push("<!--[0-->");
-        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$27.escape(githubError)}</div>`);
+        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$29.escape(githubError)}</div>`);
       } else if (githubMsg) {
         $$renderer2.push("<!--[1-->");
-        $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$27.escape(githubMsg)}</div>`);
+        $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$29.escape(githubMsg)}</div>`);
       } else {
         $$renderer2.push("<!--[-1-->");
       }
       $$renderer2.push(`<!--]--></form> <form class="row divided token-row svelte-1n6ht58" method="POST" action="?/claudeToken"><div class="label svelte-1n6ht58"><div class="text svelte-1n6ht58"><div class="name svelte-1n6ht58">Claude Code token</div> <div class="desc svelte-1n6ht58">macOS / Linux: run <code class="svelte-1n6ht58">claude setup-token</code> to mint a long-lived token and
 								paste it here. Copying a live login out of the keychain or <code class="svelte-1n6ht58">~/.claude/.credentials.json</code> works too, but that credential rotates \u2014
 								the first <code class="svelte-1n6ht58">claude</code> to refresh it signs the other one out. Leave blank and Save
-								to clear.</div></div></div> <div class="image-controls svelte-1n6ht58"><input type="password" name="claudeToken" class="image-input svelte-1n6ht58"${$27.attr("value", claudeToken)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off"${$27.attr("placeholder", claudeSaved ? "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022 (saved)" : "sk-ant-oat\u2026")}/> `);
+								to clear.</div></div></div> <div class="image-controls svelte-1n6ht58"><input type="password" name="claudeToken" class="image-input svelte-1n6ht58"${$29.attr("value", claudeToken)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off"${$29.attr("placeholder", claudeSaved ? "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022 (saved)" : "sk-ant-oat\u2026")}/> `);
       Button($$renderer2, {
         type: "submit",
         disabled: savingClaude,
@@ -1452,10 +1578,10 @@ function SettingsView($$renderer, $$props) {
       $$renderer2.push(`<!----></div> `);
       if (claudeError) {
         $$renderer2.push("<!--[0-->");
-        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$27.escape(claudeError)}</div>`);
+        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$29.escape(claudeError)}</div>`);
       } else if (claudeMsg) {
         $$renderer2.push("<!--[1-->");
-        $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$27.escape(claudeMsg)}</div>`);
+        $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$29.escape(claudeMsg)}</div>`);
       } else {
         $$renderer2.push("<!--[-1-->");
       }
@@ -1463,19 +1589,19 @@ function SettingsView($$renderer, $$props) {
     } else {
       $$renderer2.push("<!--[-1-->");
     }
-    $$renderer2.push(`<!--]--></section> <section${$27.attr_class("card svelte-1n6ht58", undefined, { "disabled-card": litellmBlocker() })}><form class="row svelte-1n6ht58" method="POST" action="?/customEndpointToggle"><div class="label svelte-1n6ht58">`);
+    $$renderer2.push(`<!--]--></section> <section${$29.attr_class("card svelte-1n6ht58", undefined, { "disabled-card": litellmBlocker() })}><form class="row svelte-1n6ht58" method="POST" action="?/customEndpointToggle"><div class="label svelte-1n6ht58">`);
     Key_round($$renderer2, { size: 20 });
     $$renderer2.push(`<!----> <div class="text svelte-1n6ht58"><div class="name svelte-1n6ht58">LiteLLM + Bedrock `);
     if (litellmBlocker()) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<span class="arch svelte-1n6ht58"${$27.attr("title", `Disabled while ${$27.stringify(litellmBlocker())} is on`)}>disabled</span>`);
+      $$renderer2.push(`<span class="arch svelte-1n6ht58"${$29.attr("title", `Disabled while ${$29.stringify(litellmBlocker())} is on`)}>disabled</span>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
     $$renderer2.push(`<!--]--></div> <div class="desc svelte-1n6ht58">`);
     if (litellmBlocker()) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`Not available while "${$27.escape(litellmBlocker())}" is enabled \u2014 these modes are mutually
+      $$renderer2.push(`Not available while "${$29.escape(litellmBlocker())}" is enabled \u2014 these modes are mutually
 								incompatible.`);
     } else {
       $$renderer2.push("<!--[-1-->");
@@ -1483,17 +1609,17 @@ function SettingsView($$renderer, $$props) {
 								default API. When enabled, the Bedrock endpoint variables are injected into every new
 								container, host OAuth credentials are not used, and "Set tokens manually" is disabled.`);
     }
-    $$renderer2.push(`<!--]--></div></div></div> <label class="switch svelte-1n6ht58"><input type="checkbox" name="enabled"${$27.attr("checked", customEndpoint, true)}${$27.attr("disabled", savingCustomToggle || !!litellmBlocker(), true)} class="svelte-1n6ht58"/> <span class="track svelte-1n6ht58"><span class="thumb svelte-1n6ht58"></span></span></label></form> `);
+    $$renderer2.push(`<!--]--></div></div></div> <label class="switch svelte-1n6ht58"><input type="checkbox" name="enabled"${$29.attr("checked", customEndpoint, true)}${$29.attr("disabled", savingCustomToggle || !!litellmBlocker(), true)} class="svelte-1n6ht58"/> <span class="track svelte-1n6ht58"><span class="thumb svelte-1n6ht58"></span></span></label></form> `);
     if (customToggleError) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<div class="sub svelte-1n6ht58"><div class="msg error svelte-1n6ht58">${$27.escape(customToggleError)}</div></div>`);
+      $$renderer2.push(`<div class="sub svelte-1n6ht58"><div class="msg error svelte-1n6ht58">${$29.escape(customToggleError)}</div></div>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
     $$renderer2.push(`<!--]--> `);
     if (customEndpoint) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<form class="row divided token-row svelte-1n6ht58" method="POST" action="?/customBaseUrl"><div class="label svelte-1n6ht58"><div class="text svelte-1n6ht58"><div class="name svelte-1n6ht58">Base URL</div> <div class="desc svelte-1n6ht58">The LiteLLM proxy endpoint, e.g. <code class="svelte-1n6ht58">https://litellm.example.com/bedrock</code>. Passed as <code class="svelte-1n6ht58">ANTHROPIC_BEDROCK_BASE_URL</code>.</div></div></div> <div class="image-controls svelte-1n6ht58"><input type="text" name="baseUrl" class="image-input svelte-1n6ht58"${$27.attr("value", customBaseUrl)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off" placeholder="https://litellm.example.com/bedrock"/> `);
+      $$renderer2.push(`<form class="row divided token-row svelte-1n6ht58" method="POST" action="?/customBaseUrl"><div class="label svelte-1n6ht58"><div class="text svelte-1n6ht58"><div class="name svelte-1n6ht58">Base URL</div> <div class="desc svelte-1n6ht58">The LiteLLM proxy endpoint, e.g. <code class="svelte-1n6ht58">https://litellm.example.com/bedrock</code>. Passed as <code class="svelte-1n6ht58">ANTHROPIC_BEDROCK_BASE_URL</code>.</div></div></div> <div class="image-controls svelte-1n6ht58"><input type="text" name="baseUrl" class="image-input svelte-1n6ht58"${$29.attr("value", customBaseUrl)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off" placeholder="https://litellm.example.com/bedrock"/> `);
       Button($$renderer2, {
         type: "submit",
         disabled: savingCustomBaseUrl,
@@ -1505,15 +1631,15 @@ function SettingsView($$renderer, $$props) {
       $$renderer2.push(`<!----></div> `);
       if (customBaseUrlError) {
         $$renderer2.push("<!--[0-->");
-        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$27.escape(customBaseUrlError)}</div>`);
+        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$29.escape(customBaseUrlError)}</div>`);
       } else if (customBaseUrlMsg) {
         $$renderer2.push("<!--[1-->");
-        $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$27.escape(customBaseUrlMsg)}</div>`);
+        $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$29.escape(customBaseUrlMsg)}</div>`);
       } else {
         $$renderer2.push("<!--[-1-->");
       }
       $$renderer2.push(`<!--]--></form> <form class="row divided token-row svelte-1n6ht58" method="POST" action="?/customToken"><div class="label svelte-1n6ht58"><div class="text svelte-1n6ht58"><div class="name svelte-1n6ht58">Auth token</div> <div class="desc svelte-1n6ht58">Your LiteLLM API key. Passed as <code class="svelte-1n6ht58">ANTHROPIC_AUTH_TOKEN</code>. Leave blank and
-								Save to clear.</div></div></div> <div class="image-controls svelte-1n6ht58"><input type="password" name="token" class="image-input svelte-1n6ht58"${$27.attr("value", customToken)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off"${$27.attr("placeholder", customTokenSaved ? "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022 (saved)" : "sk-\u2026")}/> `);
+								Save to clear.</div></div></div> <div class="image-controls svelte-1n6ht58"><input type="password" name="token" class="image-input svelte-1n6ht58"${$29.attr("value", customToken)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off"${$29.attr("placeholder", customTokenSaved ? "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022 (saved)" : "sk-\u2026")}/> `);
       Button($$renderer2, {
         type: "submit",
         disabled: savingCustomToken,
@@ -1525,15 +1651,15 @@ function SettingsView($$renderer, $$props) {
       $$renderer2.push(`<!----></div> `);
       if (customTokenError) {
         $$renderer2.push("<!--[0-->");
-        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$27.escape(customTokenError)}</div>`);
+        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$29.escape(customTokenError)}</div>`);
       } else if (customTokenMsg) {
         $$renderer2.push("<!--[1-->");
-        $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$27.escape(customTokenMsg)}</div>`);
+        $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$29.escape(customTokenMsg)}</div>`);
       } else {
         $$renderer2.push("<!--[-1-->");
       }
       $$renderer2.push(`<!--]--></form> <form class="row divided token-row svelte-1n6ht58" method="POST" action="?/customModels"><div class="label svelte-1n6ht58"><div class="text svelte-1n6ht58"><div class="name svelte-1n6ht58">Model IDs</div> <div class="desc svelte-1n6ht58">Model aliases to use for each tier. Prefilled with defaults from the reference
-								launcher script. Leave a field as-is to keep its current value.</div></div></div> <div class="model-fields svelte-1n6ht58"><label class="model-row svelte-1n6ht58"><span class="model-label svelte-1n6ht58">Opus</span> <input type="text" name="opusModel" class="image-input svelte-1n6ht58"${$27.attr("value", customOpusModel)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off"/></label> <label class="model-row svelte-1n6ht58"><span class="model-label svelte-1n6ht58">Sonnet</span> <input type="text" name="sonnetModel" class="image-input svelte-1n6ht58"${$27.attr("value", customSonnetModel)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off"/></label> <label class="model-row svelte-1n6ht58"><span class="model-label svelte-1n6ht58">Haiku</span> <input type="text" name="haikuModel" class="image-input svelte-1n6ht58"${$27.attr("value", customHaikuModel)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off"/></label> <label class="model-row svelte-1n6ht58"><span class="model-label svelte-1n6ht58">Small/fast</span> <input type="text" name="smallFastModel" class="image-input svelte-1n6ht58"${$27.attr("value", customSmallFastModel)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off"/></label> <label class="model-row svelte-1n6ht58"><span class="model-label svelte-1n6ht58">Default</span> <input type="text" name="defaultModel" class="image-input svelte-1n6ht58"${$27.attr("value", customDefaultModel)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off"/></label> <div class="model-save-row svelte-1n6ht58">`);
+								launcher script. Leave a field as-is to keep its current value.</div></div></div> <div class="model-fields svelte-1n6ht58"><label class="model-row svelte-1n6ht58"><span class="model-label svelte-1n6ht58">Opus</span> <input type="text" name="opusModel" class="image-input svelte-1n6ht58"${$29.attr("value", customOpusModel)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off"/></label> <label class="model-row svelte-1n6ht58"><span class="model-label svelte-1n6ht58">Sonnet</span> <input type="text" name="sonnetModel" class="image-input svelte-1n6ht58"${$29.attr("value", customSonnetModel)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off"/></label> <label class="model-row svelte-1n6ht58"><span class="model-label svelte-1n6ht58">Haiku</span> <input type="text" name="haikuModel" class="image-input svelte-1n6ht58"${$29.attr("value", customHaikuModel)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off"/></label> <label class="model-row svelte-1n6ht58"><span class="model-label svelte-1n6ht58">Small/fast</span> <input type="text" name="smallFastModel" class="image-input svelte-1n6ht58"${$29.attr("value", customSmallFastModel)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off"/></label> <label class="model-row svelte-1n6ht58"><span class="model-label svelte-1n6ht58">Default</span> <input type="text" name="defaultModel" class="image-input svelte-1n6ht58"${$29.attr("value", customDefaultModel)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off"/></label> <div class="model-save-row svelte-1n6ht58">`);
       Button($$renderer2, {
         type: "submit",
         disabled: savingCustomModels,
@@ -1545,10 +1671,10 @@ function SettingsView($$renderer, $$props) {
       $$renderer2.push(`<!----></div></div> `);
       if (customModelsError) {
         $$renderer2.push("<!--[0-->");
-        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$27.escape(customModelsError)}</div>`);
+        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$29.escape(customModelsError)}</div>`);
       } else if (customModelsMsg) {
         $$renderer2.push("<!--[1-->");
-        $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$27.escape(customModelsMsg)}</div>`);
+        $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$29.escape(customModelsMsg)}</div>`);
       } else {
         $$renderer2.push("<!--[-1-->");
       }
@@ -1556,7 +1682,7 @@ function SettingsView($$renderer, $$props) {
     } else {
       $$renderer2.push("<!--[-1-->");
     }
-    $$renderer2.push(`<!--]--></section> <section${$27.attr_class("card svelte-1n6ht58", undefined, { "disabled-card": customEndpoint })}><form class="row svelte-1n6ht58" method="POST" action="?/manualModelToggle"><div class="label svelte-1n6ht58">`);
+    $$renderer2.push(`<!--]--></section> <section${$29.attr_class("card svelte-1n6ht58", undefined, { "disabled-card": customEndpoint })}><form class="row svelte-1n6ht58" method="POST" action="?/manualModelToggle"><div class="label svelte-1n6ht58">`);
     Cpu($$renderer2, { size: 18 });
     $$renderer2.push(`<!----> <div class="text svelte-1n6ht58"><div class="name svelte-1n6ht58">Override models manually `);
     if (customEndpoint) {
@@ -1575,17 +1701,17 @@ function SettingsView($$renderer, $$props) {
       $$renderer2.push(`Pin which model <code class="svelte-1n6ht58">claude</code> uses on the standard (subscription) path. Only
 								the fields you fill are injected into new containers as <code class="svelte-1n6ht58">ANTHROPIC_*_MODEL</code> variables; blanks fall through to Claude Code's own defaults.`);
     }
-    $$renderer2.push(`<!--]--></div></div></div> <label class="switch svelte-1n6ht58"><input type="checkbox" name="enabled"${$27.attr("checked", manualModelOverride, true)}${$27.attr("disabled", savingManualModelToggle || customEndpoint, true)} class="svelte-1n6ht58"/> <span class="track svelte-1n6ht58"><span class="thumb svelte-1n6ht58"></span></span></label></form> `);
+    $$renderer2.push(`<!--]--></div></div></div> <label class="switch svelte-1n6ht58"><input type="checkbox" name="enabled"${$29.attr("checked", manualModelOverride, true)}${$29.attr("disabled", savingManualModelToggle || customEndpoint, true)} class="svelte-1n6ht58"/> <span class="track svelte-1n6ht58"><span class="thumb svelte-1n6ht58"></span></span></label></form> `);
     if (manualModelToggleError) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<div class="sub svelte-1n6ht58"><div class="msg error svelte-1n6ht58">${$27.escape(manualModelToggleError)}</div></div>`);
+      $$renderer2.push(`<div class="sub svelte-1n6ht58"><div class="msg error svelte-1n6ht58">${$29.escape(manualModelToggleError)}</div></div>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
     $$renderer2.push(`<!--]--> `);
     if (manualModelOverride) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<form class="row divided token-row svelte-1n6ht58" method="POST" action="?/manualModels"><div class="label svelte-1n6ht58"><div class="text svelte-1n6ht58"><div class="name svelte-1n6ht58">Model IDs</div> <div class="desc svelte-1n6ht58">A model name or alias per tier, e.g. <code class="svelte-1n6ht58">opusplan</code>, <code class="svelte-1n6ht58">opus</code>, <code class="svelte-1n6ht58">sonnet</code>, or a full <code class="svelte-1n6ht58">claude-\u2026</code> id. Leave a field blank to skip it.</div></div></div> <div class="model-fields svelte-1n6ht58"><label class="model-row svelte-1n6ht58"><span class="model-label svelte-1n6ht58">Opus</span> <input type="text" name="opusModel" class="image-input svelte-1n6ht58"${$27.attr("value", manualOpus)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off"/></label> <label class="model-row svelte-1n6ht58"><span class="model-label svelte-1n6ht58">Sonnet</span> <input type="text" name="sonnetModel" class="image-input svelte-1n6ht58"${$27.attr("value", manualSonnet)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off"/></label> <label class="model-row svelte-1n6ht58"><span class="model-label svelte-1n6ht58">Haiku</span> <input type="text" name="haikuModel" class="image-input svelte-1n6ht58"${$27.attr("value", manualHaiku)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off"/></label> <label class="model-row svelte-1n6ht58"><span class="model-label svelte-1n6ht58">Small/fast</span> <input type="text" name="smallFastModel" class="image-input svelte-1n6ht58"${$27.attr("value", manualSmallFast)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off"/></label> <label class="model-row svelte-1n6ht58"><span class="model-label svelte-1n6ht58">Default</span> <input type="text" name="defaultModel" class="image-input svelte-1n6ht58"${$27.attr("value", manualDefault)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off"/></label> <div class="model-save-row svelte-1n6ht58">`);
+      $$renderer2.push(`<form class="row divided token-row svelte-1n6ht58" method="POST" action="?/manualModels"><div class="label svelte-1n6ht58"><div class="text svelte-1n6ht58"><div class="name svelte-1n6ht58">Model IDs</div> <div class="desc svelte-1n6ht58">A model name or alias per tier, e.g. <code class="svelte-1n6ht58">opusplan</code>, <code class="svelte-1n6ht58">opus</code>, <code class="svelte-1n6ht58">sonnet</code>, or a full <code class="svelte-1n6ht58">claude-\u2026</code> id. Leave a field blank to skip it.</div></div></div> <div class="model-fields svelte-1n6ht58"><label class="model-row svelte-1n6ht58"><span class="model-label svelte-1n6ht58">Opus</span> <input type="text" name="opusModel" class="image-input svelte-1n6ht58"${$29.attr("value", manualOpus)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off"/></label> <label class="model-row svelte-1n6ht58"><span class="model-label svelte-1n6ht58">Sonnet</span> <input type="text" name="sonnetModel" class="image-input svelte-1n6ht58"${$29.attr("value", manualSonnet)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off"/></label> <label class="model-row svelte-1n6ht58"><span class="model-label svelte-1n6ht58">Haiku</span> <input type="text" name="haikuModel" class="image-input svelte-1n6ht58"${$29.attr("value", manualHaiku)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off"/></label> <label class="model-row svelte-1n6ht58"><span class="model-label svelte-1n6ht58">Small/fast</span> <input type="text" name="smallFastModel" class="image-input svelte-1n6ht58"${$29.attr("value", manualSmallFast)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off"/></label> <label class="model-row svelte-1n6ht58"><span class="model-label svelte-1n6ht58">Default</span> <input type="text" name="defaultModel" class="image-input svelte-1n6ht58"${$29.attr("value", manualDefault)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off"/></label> <div class="model-save-row svelte-1n6ht58">`);
       Button($$renderer2, {
         type: "submit",
         disabled: savingManualModels,
@@ -1597,10 +1723,10 @@ function SettingsView($$renderer, $$props) {
       $$renderer2.push(`<!----></div></div> `);
       if (manualModelsError) {
         $$renderer2.push("<!--[0-->");
-        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$27.escape(manualModelsError)}</div>`);
+        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$29.escape(manualModelsError)}</div>`);
       } else if (manualModelsMsg) {
         $$renderer2.push("<!--[1-->");
-        $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$27.escape(manualModelsMsg)}</div>`);
+        $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$29.escape(manualModelsMsg)}</div>`);
       } else {
         $$renderer2.push("<!--[-1-->");
       }
@@ -1612,10 +1738,10 @@ function SettingsView($$renderer, $$props) {
     Variable($$renderer2, { size: 20 });
     $$renderer2.push(`<!----> <div class="text svelte-1n6ht58"><div class="name svelte-1n6ht58">Host environment variables</div> <div class="desc svelte-1n6ht58">Forward selected environment variables from this machine into every new container's
 							interactive shells. Values are read from this process's own environment at container
-							start and are never shown here or stored \u2014 only the variable names are saved.</div></div></div> <label class="switch svelte-1n6ht58"><input type="checkbox" name="enabled"${$27.attr("checked", hostEnvVars, true)}${$27.attr("disabled", savingHostEnvToggle, true)} class="svelte-1n6ht58"/> <span class="track svelte-1n6ht58"><span class="thumb svelte-1n6ht58"></span></span></label></form> `);
+							start and are never shown here or stored \u2014 only the variable names are saved.</div></div></div> <label class="switch svelte-1n6ht58"><input type="checkbox" name="enabled"${$29.attr("checked", hostEnvVars, true)}${$29.attr("disabled", savingHostEnvToggle, true)} class="svelte-1n6ht58"/> <span class="track svelte-1n6ht58"><span class="thumb svelte-1n6ht58"></span></span></label></form> `);
     if (hostEnvToggleError) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<div class="sub svelte-1n6ht58"><div class="msg error svelte-1n6ht58">${$27.escape(hostEnvToggleError)}</div></div>`);
+      $$renderer2.push(`<div class="sub svelte-1n6ht58"><div class="msg error svelte-1n6ht58">${$29.escape(hostEnvToggleError)}</div></div>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
@@ -1623,18 +1749,18 @@ function SettingsView($$renderer, $$props) {
     if (hostEnvVars) {
       $$renderer2.push("<!--[0-->");
       $$renderer2.push(`<div class="row divided var-row svelte-1n6ht58"><div class="var-list svelte-1n6ht58">`);
-      const each_array_2 = $27.ensure_array_like(hostEnvNames);
-      if (each_array_2.length !== 0) {
+      const each_array_3 = $29.ensure_array_like(hostEnvNames);
+      if (each_array_3.length !== 0) {
         $$renderer2.push("<!--[-->");
-        for (let $$index_3 = 0, $$length = each_array_2.length;$$index_3 < $$length; $$index_3++) {
-          let name = each_array_2[$$index_3];
+        for (let $$index_4 = 0, $$length = each_array_3.length;$$index_4 < $$length; $$index_4++) {
+          let name = each_array_3[$$index_4];
           $$renderer2.push(`<form class="var-item svelte-1n6ht58" method="POST" action="?/hostEnvVarNames"><!--[-->`);
-          const each_array_3 = $27.ensure_array_like(hostEnvNames.filter((n) => n !== name));
-          for (let $$index_2 = 0, $$length2 = each_array_3.length;$$index_2 < $$length2; $$index_2++) {
-            let other = each_array_3[$$index_2];
-            $$renderer2.push(`<input type="hidden" name="names"${$27.attr("value", other)}/>`);
+          const each_array_4 = $29.ensure_array_like(hostEnvNames.filter((n) => n !== name));
+          for (let $$index_3 = 0, $$length2 = each_array_4.length;$$index_3 < $$length2; $$index_3++) {
+            let other = each_array_4[$$index_3];
+            $$renderer2.push(`<input type="hidden" name="names"${$29.attr("value", other)}/>`);
           }
-          $$renderer2.push(`<!--]--> <span class="var-name svelte-1n6ht58">${$27.escape(name)}</span> <span${$27.attr_class("var-status svelte-1n6ht58", undefined, { present: hostEnvPresence[name] })}${$27.attr("title", hostEnvPresence[name] ? "Set on this host \u2014 will be injected" : "Not set on this host \u2014 will be skipped")}>${$27.escape(hostEnvPresence[name] ? "set" : "missing")}</span> <button type="submit" class="var-remove svelte-1n6ht58"${$27.attr("disabled", savingHostEnvNames, true)}${$27.attr("aria-label", `Remove ${name}`)}>`);
+          $$renderer2.push(`<!--]--> <span class="var-name svelte-1n6ht58">${$29.escape(name)}</span> <span${$29.attr_class("var-status svelte-1n6ht58", undefined, { present: hostEnvPresence[name] })}${$29.attr("title", hostEnvPresence[name] ? "Set on this host \u2014 will be injected" : "Not set on this host \u2014 will be skipped")}>${$29.escape(hostEnvPresence[name] ? "set" : "missing")}</span> <button type="submit" class="var-remove svelte-1n6ht58"${$29.attr("disabled", savingHostEnvNames, true)}${$29.attr("aria-label", `Remove ${name}`)}>`);
           X($$renderer2, { size: 13 });
           $$renderer2.push(`<!----></button></form>`);
         }
@@ -1643,12 +1769,12 @@ function SettingsView($$renderer, $$props) {
         $$renderer2.push(`<div class="var-empty svelte-1n6ht58">No variables added yet.</div>`);
       }
       $$renderer2.push(`<!--]--></div> <form class="var-add svelte-1n6ht58" method="POST" action="?/hostEnvVarNames"><!--[-->`);
-      const each_array_4 = $27.ensure_array_like(hostEnvNames);
-      for (let $$index_4 = 0, $$length = each_array_4.length;$$index_4 < $$length; $$index_4++) {
-        let name = each_array_4[$$index_4];
-        $$renderer2.push(`<input type="hidden" name="names"${$27.attr("value", name)}/>`);
+      const each_array_5 = $29.ensure_array_like(hostEnvNames);
+      for (let $$index_5 = 0, $$length = each_array_5.length;$$index_5 < $$length; $$index_5++) {
+        let name = each_array_5[$$index_5];
+        $$renderer2.push(`<input type="hidden" name="names"${$29.attr("value", name)}/>`);
       }
-      $$renderer2.push(`<!--]--> <input type="text" name="names" class="image-input svelte-1n6ht58"${$27.attr("value", newHostEnvName)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off" placeholder="AWS_ACCESS_KEY_ID"/> `);
+      $$renderer2.push(`<!--]--> <input type="text" name="names" class="image-input svelte-1n6ht58"${$29.attr("value", newHostEnvName)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off" placeholder="AWS_ACCESS_KEY_ID"/> `);
       Button($$renderer2, {
         type: "submit",
         icon: Plus,
@@ -1661,10 +1787,10 @@ function SettingsView($$renderer, $$props) {
       $$renderer2.push(`<!----></form> `);
       if (hostEnvNamesError) {
         $$renderer2.push("<!--[0-->");
-        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$27.escape(hostEnvNamesError)}</div>`);
+        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$29.escape(hostEnvNamesError)}</div>`);
       } else if (hostEnvNamesMsg) {
         $$renderer2.push("<!--[1-->");
-        $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$27.escape(hostEnvNamesMsg)}</div>`);
+        $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$29.escape(hostEnvNamesMsg)}</div>`);
       } else {
         $$renderer2.push("<!--[-1-->");
       }
@@ -1676,10 +1802,10 @@ function SettingsView($$renderer, $$props) {
     Key_square($$renderer2, { size: 20 });
     $$renderer2.push(`<!----> <div class="text svelte-1n6ht58"><div class="name svelte-1n6ht58">Custom environment variables</div> <div class="desc svelte-1n6ht58">Inject your own <code class="svelte-1n6ht58">NAME=value</code> pairs into every new container as <code class="svelte-1n6ht58">containerEnv</code>, available to all processes. Values are secret \u2014 stored
 							locally, masked in the build log, and never shown here after saving. Re-add a name to
-							update its value.</div></div></div> <label class="switch svelte-1n6ht58"><input type="checkbox" name="enabled"${$27.attr("checked", customEnvEnabled, true)}${$27.attr("disabled", savingCustomEnvToggle, true)} class="svelte-1n6ht58"/> <span class="track svelte-1n6ht58"><span class="thumb svelte-1n6ht58"></span></span></label></form> `);
+							update its value.</div></div></div> <label class="switch svelte-1n6ht58"><input type="checkbox" name="enabled"${$29.attr("checked", customEnvEnabled, true)}${$29.attr("disabled", savingCustomEnvToggle, true)} class="svelte-1n6ht58"/> <span class="track svelte-1n6ht58"><span class="thumb svelte-1n6ht58"></span></span></label></form> `);
     if (customEnvToggleError) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<div class="sub svelte-1n6ht58"><div class="msg error svelte-1n6ht58">${$27.escape(customEnvToggleError)}</div></div>`);
+      $$renderer2.push(`<div class="sub svelte-1n6ht58"><div class="msg error svelte-1n6ht58">${$29.escape(customEnvToggleError)}</div></div>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
@@ -1687,12 +1813,12 @@ function SettingsView($$renderer, $$props) {
     if (customEnvEnabled) {
       $$renderer2.push("<!--[0-->");
       $$renderer2.push(`<div class="row divided var-row svelte-1n6ht58"><div class="var-list svelte-1n6ht58">`);
-      const each_array_5 = $27.ensure_array_like(customEnvNames);
-      if (each_array_5.length !== 0) {
+      const each_array_6 = $29.ensure_array_like(customEnvNames);
+      if (each_array_6.length !== 0) {
         $$renderer2.push("<!--[-->");
-        for (let $$index_5 = 0, $$length = each_array_5.length;$$index_5 < $$length; $$index_5++) {
-          let name = each_array_5[$$index_5];
-          $$renderer2.push(`<form class="var-item svelte-1n6ht58" method="POST" action="?/removeCustomEnvVar"><input type="hidden" name="name"${$27.attr("value", name)}/> <span class="var-name svelte-1n6ht58">${$27.escape(name)}</span> <span class="var-status present svelte-1n6ht58" title="Set \u2014 injected into every new container">\u2022\u2022\u2022\u2022 saved</span> <button type="submit" class="var-remove svelte-1n6ht58"${$27.attr("disabled", savingCustomEnv, true)}${$27.attr("aria-label", `Remove ${name}`)}>`);
+        for (let $$index_6 = 0, $$length = each_array_6.length;$$index_6 < $$length; $$index_6++) {
+          let name = each_array_6[$$index_6];
+          $$renderer2.push(`<form class="var-item svelte-1n6ht58" method="POST" action="?/removeCustomEnvVar"><input type="hidden" name="name"${$29.attr("value", name)}/> <span class="var-name svelte-1n6ht58">${$29.escape(name)}</span> <span class="var-status present svelte-1n6ht58" title="Set \u2014 injected into every new container">\u2022\u2022\u2022\u2022 saved</span> <button type="submit" class="var-remove svelte-1n6ht58"${$29.attr("disabled", savingCustomEnv, true)}${$29.attr("aria-label", `Remove ${name}`)}>`);
           X($$renderer2, { size: 13 });
           $$renderer2.push(`<!----></button></form>`);
         }
@@ -1700,7 +1826,7 @@ function SettingsView($$renderer, $$props) {
         $$renderer2.push("<!--[!-->");
         $$renderer2.push(`<div class="var-empty svelte-1n6ht58">No variables added yet.</div>`);
       }
-      $$renderer2.push(`<!--]--></div> <form class="var-add svelte-1n6ht58" method="POST" action="?/setCustomEnvVar"><input type="text" name="name" class="image-input svelte-1n6ht58"${$27.attr("value", newCustomEnvName)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off" placeholder="MY_SECRET"/> <input type="password" name="value" class="image-input svelte-1n6ht58"${$27.attr("value", newCustomEnvValue)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off" placeholder="value"/> `);
+      $$renderer2.push(`<!--]--></div> <form class="var-add svelte-1n6ht58" method="POST" action="?/setCustomEnvVar"><input type="text" name="name" class="image-input svelte-1n6ht58"${$29.attr("value", newCustomEnvName)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off" placeholder="MY_SECRET"/> <input type="password" name="value" class="image-input svelte-1n6ht58"${$29.attr("value", newCustomEnvValue)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off" placeholder="value"/> `);
       Button($$renderer2, {
         type: "submit",
         icon: Plus,
@@ -1713,10 +1839,10 @@ function SettingsView($$renderer, $$props) {
       $$renderer2.push(`<!----></form> `);
       if (customEnvError) {
         $$renderer2.push("<!--[0-->");
-        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$27.escape(customEnvError)}</div>`);
+        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$29.escape(customEnvError)}</div>`);
       } else if (customEnvMsg) {
         $$renderer2.push("<!--[1-->");
-        $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$27.escape(customEnvMsg)}</div>`);
+        $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$29.escape(customEnvMsg)}</div>`);
       } else {
         $$renderer2.push("<!--[-1-->");
       }
@@ -1730,15 +1856,15 @@ function SettingsView($$renderer, $$props) {
     ThemePicker($$renderer2, {});
     $$renderer2.push(`<!----></div></section> <section class="card svelte-1n6ht58"><div class="row svelte-1n6ht58"><div class="label svelte-1n6ht58">`);
     Volume_2($$renderer2, { size: 20 });
-    $$renderer2.push(`<!----> <div class="text svelte-1n6ht58"><div class="name svelte-1n6ht58">Attention sound</div> <div class="desc svelte-1n6ht58">Play a chime when an instance finishes a task or needs your input.</div></div></div> <label class="switch svelte-1n6ht58"><input type="checkbox"${$27.attr("checked", sound, true)} class="svelte-1n6ht58"/> <span class="track svelte-1n6ht58"><span class="thumb svelte-1n6ht58"></span></span></label></div></section> <section class="card svelte-1n6ht58"><div class="row svelte-1n6ht58"><div class="label svelte-1n6ht58">`);
+    $$renderer2.push(`<!----> <div class="text svelte-1n6ht58"><div class="name svelte-1n6ht58">Attention sound</div> <div class="desc svelte-1n6ht58">Play a chime when an instance finishes a task or needs your input.</div></div></div> <label class="switch svelte-1n6ht58"><input type="checkbox"${$29.attr("checked", sound, true)} class="svelte-1n6ht58"/> <span class="track svelte-1n6ht58"><span class="thumb svelte-1n6ht58"></span></span></label></div></section> <section class="card svelte-1n6ht58"><div class="row svelte-1n6ht58"><div class="label svelte-1n6ht58">`);
     Keyboard($$renderer2, { size: 20 });
     $$renderer2.push(`<!----> <div class="text svelte-1n6ht58"><div class="name svelte-1n6ht58">Tab keyboard shortcuts</div> <div class="desc svelte-1n6ht58">Jump between open instance tabs with <code class="svelte-1n6ht58">Alt</code>+<code class="svelte-1n6ht58">1</code>\u2013<code class="svelte-1n6ht58">9</code> (9 is
-							always the last tab). Turn off to leave those keystrokes to the editor.</div></div></div> <label class="switch svelte-1n6ht58"><input type="checkbox"${$27.attr("checked", tabShortcuts, true)} class="svelte-1n6ht58"/> <span class="track svelte-1n6ht58"><span class="thumb svelte-1n6ht58"></span></span></label></div></section> <section class="card svelte-1n6ht58"><form class="row svelte-1n6ht58" method="POST" action="?/petToggle"><div class="label svelte-1n6ht58">`);
+							always the last tab). Turn off to leave those keystrokes to the editor.</div></div></div> <label class="switch svelte-1n6ht58"><input type="checkbox"${$29.attr("checked", tabShortcuts, true)} class="svelte-1n6ht58"/> <span class="track svelte-1n6ht58"><span class="thumb svelte-1n6ht58"></span></span></label></div></section> <section class="card svelte-1n6ht58"><form class="row svelte-1n6ht58" method="POST" action="?/petToggle"><div class="label svelte-1n6ht58">`);
     Paw_print($$renderer2, { size: 18 });
-    $$renderer2.push(`<!----> <div class="text svelte-1n6ht58"><div class="name svelte-1n6ht58">Pet logo</div> <div class="desc svelte-1n6ht58">Swap the box in the header for a pixel pet.</div></div></div> <label class="switch svelte-1n6ht58"><input type="checkbox" name="enabled"${$27.attr("checked", !!petArt, true)}${$27.attr("disabled", savingPet, true)} class="svelte-1n6ht58"/> <span class="track svelte-1n6ht58"><span class="thumb svelte-1n6ht58"></span></span></label></form> `);
+    $$renderer2.push(`<!----> <div class="text svelte-1n6ht58"><div class="name svelte-1n6ht58">Pet logo</div> <div class="desc svelte-1n6ht58">Swap the box in the header for a pixel pet.</div></div></div> <label class="switch svelte-1n6ht58"><input type="checkbox" name="enabled"${$29.attr("checked", !!petArt, true)}${$29.attr("disabled", savingPet, true)} class="svelte-1n6ht58"/> <span class="track svelte-1n6ht58"><span class="thumb svelte-1n6ht58"></span></span></label></form> `);
     if (petError) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<div class="sub svelte-1n6ht58"><div class="msg error svelte-1n6ht58">${$27.escape(petError)}</div></div>`);
+      $$renderer2.push(`<div class="sub svelte-1n6ht58"><div class="msg error svelte-1n6ht58">${$29.escape(petError)}</div></div>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
@@ -1746,10 +1872,10 @@ function SettingsView($$renderer, $$props) {
     if (petArt) {
       $$renderer2.push("<!--[0-->");
       $$renderer2.push(`<div class="sub pets svelte-1n6ht58"><!--[-->`);
-      const each_array_6 = $27.ensure_array_like(avatars);
-      for (let $$index_6 = 0, $$length = each_array_6.length;$$index_6 < $$length; $$index_6++) {
-        let art = each_array_6[$$index_6];
-        $$renderer2.push(`<form method="POST" action="?/petChoose" class="svelte-1n6ht58"><input type="hidden" name="name"${$27.attr("value", art.name)}/> <button type="submit"${$27.attr_class("pet svelte-1n6ht58", undefined, { selected: art.name === petArt.name })}${$27.attr("disabled", savingPet, true)}${$27.attr("title", art.name)}${$27.attr("aria-label", art.name)}${$27.attr("aria-pressed", art.name === petArt.name)}>`);
+      const each_array_7 = $29.ensure_array_like(avatars);
+      for (let $$index_7 = 0, $$length = each_array_7.length;$$index_7 < $$length; $$index_7++) {
+        let art = each_array_7[$$index_7];
+        $$renderer2.push(`<form method="POST" action="?/petChoose" class="svelte-1n6ht58"><input type="hidden" name="name"${$29.attr("value", art.name)}/> <button type="submit"${$29.attr_class("pet svelte-1n6ht58", undefined, { selected: art.name === petArt.name })}${$29.attr("disabled", savingPet, true)}${$29.attr("title", art.name)}${$29.attr("aria-label", art.name)}${$29.attr("aria-pressed", art.name === petArt.name)}>`);
         Avatar($$renderer2, { art, name: art.name, scale: 4 });
         $$renderer2.push(`<!----></button></form>`);
       }
@@ -1762,30 +1888,30 @@ function SettingsView($$renderer, $$props) {
     $$renderer2.push(`<!----> <span class="name svelte-1n6ht58">Advanced</span> <span class="hint svelte-1n6ht58">escape hatches \u2014 defaults are right for almost everyone</span></summary> <form class="row divided svelte-1n6ht58" method="POST" action="?/serialInjectionsToggle"><div class="label svelte-1n6ht58">`);
     List_ordered($$renderer2, { size: 20 });
     $$renderer2.push(`<!----> <div class="text svelte-1n6ht58"><div class="name svelte-1n6ht58">Serial boot injections</div> <div class="desc svelte-1n6ht58">Run boot injections one at a time instead of in parallel stages. Slower boot; useful
-								when diagnosing injection interference.</div></div></div> <label class="switch svelte-1n6ht58"><input type="checkbox" name="enabled"${$27.attr("checked", serialInjections, true)}${$27.attr("disabled", savingSerial, true)} class="svelte-1n6ht58"/> <span class="track svelte-1n6ht58"><span class="thumb svelte-1n6ht58"></span></span></label></form> `);
+								when diagnosing injection interference.</div></div></div> <label class="switch svelte-1n6ht58"><input type="checkbox" name="enabled"${$29.attr("checked", serialInjections, true)}${$29.attr("disabled", savingSerial, true)} class="svelte-1n6ht58"/> <span class="track svelte-1n6ht58"><span class="thumb svelte-1n6ht58"></span></span></label></form> `);
     if (serialError) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<div class="sub svelte-1n6ht58"><div class="msg error svelte-1n6ht58">${$27.escape(serialError)}</div></div>`);
+      $$renderer2.push(`<div class="sub svelte-1n6ht58"><div class="msg error svelte-1n6ht58">${$29.escape(serialError)}</div></div>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
     $$renderer2.push(`<!--]--> <form class="row divided svelte-1n6ht58" method="POST" action="?/noBuildkitToggle"><div class="label svelte-1n6ht58">`);
     Boxes($$renderer2, { size: 20 });
     $$renderer2.push(`<!----> <div class="text svelte-1n6ht58"><div class="name svelte-1n6ht58">Don't force BuildKit</div> <div class="desc svelte-1n6ht58">Skip setting <code class="svelte-1n6ht58">DOCKER_BUILDKIT=1</code> for container builds and let the daemon's
-								default builder decide. For daemons where forcing BuildKit breaks builds.</div></div></div> <label class="switch svelte-1n6ht58"><input type="checkbox" name="enabled"${$27.attr("checked", noBuildkit, true)}${$27.attr("disabled", savingBuildkit, true)} class="svelte-1n6ht58"/> <span class="track svelte-1n6ht58"><span class="thumb svelte-1n6ht58"></span></span></label></form> `);
+								default builder decide. For daemons where forcing BuildKit breaks builds.</div></div></div> <label class="switch svelte-1n6ht58"><input type="checkbox" name="enabled"${$29.attr("checked", noBuildkit, true)}${$29.attr("disabled", savingBuildkit, true)} class="svelte-1n6ht58"/> <span class="track svelte-1n6ht58"><span class="thumb svelte-1n6ht58"></span></span></label></form> `);
     if (buildkitError) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<div class="sub svelte-1n6ht58"><div class="msg error svelte-1n6ht58">${$27.escape(buildkitError)}</div></div>`);
+      $$renderer2.push(`<div class="sub svelte-1n6ht58"><div class="msg error svelte-1n6ht58">${$29.escape(buildkitError)}</div></div>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
     $$renderer2.push(`<!--]--> <form class="row divided svelte-1n6ht58" method="POST" action="?/blockingExtInstallToggle"><div class="label svelte-1n6ht58">`);
     Puzzle($$renderer2, { size: 20 });
     $$renderer2.push(`<!----> <div class="text svelte-1n6ht58"><div class="name svelte-1n6ht58">Blocking IDE extension install</div> <div class="desc svelte-1n6ht58">Install the Claude Code IDE extension before code-server starts, so the first window
-								always has it active. Slower first boot.</div></div></div> <label class="switch svelte-1n6ht58"><input type="checkbox" name="enabled"${$27.attr("checked", blockingExtInstall, true)}${$27.attr("disabled", savingBlocking, true)} class="svelte-1n6ht58"/> <span class="track svelte-1n6ht58"><span class="thumb svelte-1n6ht58"></span></span></label></form> `);
+								always has it active. Slower first boot.</div></div></div> <label class="switch svelte-1n6ht58"><input type="checkbox" name="enabled"${$29.attr("checked", blockingExtInstall, true)}${$29.attr("disabled", savingBlocking, true)} class="svelte-1n6ht58"/> <span class="track svelte-1n6ht58"><span class="thumb svelte-1n6ht58"></span></span></label></form> `);
     if (blockingError) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<div class="sub svelte-1n6ht58"><div class="msg error svelte-1n6ht58">${$27.escape(blockingError)}</div></div>`);
+      $$renderer2.push(`<div class="sub svelte-1n6ht58"><div class="msg error svelte-1n6ht58">${$29.escape(blockingError)}</div></div>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
@@ -1795,10 +1921,10 @@ function SettingsView($$renderer, $$props) {
 								again.</div> `);
     if (verError) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$27.escape(verError)}</div>`);
+      $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$29.escape(verError)}</div>`);
     } else if (verMsg) {
       $$renderer2.push("<!--[1-->");
-      $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$27.escape(verMsg)}</div>`);
+      $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$29.escape(verMsg)}</div>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
@@ -1808,7 +1934,7 @@ function SettingsView($$renderer, $$props) {
       icon: Trash_2,
       disabled: clearingVer,
       children: ($$renderer3) => {
-        $$renderer3.push(`<!---->${$27.escape(clearingVer ? "Clearing\u2026" : "Clear cache")}`);
+        $$renderer3.push(`<!---->${$29.escape(clearingVer ? "Clearing\u2026" : "Clear cache")}`);
       },
       $$slots: { default: true }
     });
@@ -1832,7 +1958,7 @@ function SettingsView($$renderer, $$props) {
     }
     $$renderer2.push(`<!--]--></form></section> `);
     CoinButton($$renderer2, {});
-    $$renderer2.push(`<!----> <div class="version svelte-1n6ht58">Codebay v${$27.escape(version)}</div></main></div> `);
+    $$renderer2.push(`<!----> <div class="version svelte-1n6ht58">Codebay v${$29.escape(version)}</div></main></div> `);
     Toaster($$renderer2, { toastOptions: TOAST_OPTIONS });
     $$renderer2.push(`<!---->`);
   });
@@ -1846,11 +1972,13 @@ function Settings($$renderer, $$props) {
       defaultMode,
       claudePermissionMode,
       claudeEffortLevel,
+      claudeOutputStyle,
       defaultImage,
       builtinImage,
       disableBuildCache,
       copyIgnorePatterns,
       builtinCopyIgnore,
+      claudeConfigDir,
       gitIdentityEnabled,
       gitIdentityName,
       gitIdentityEmail,
@@ -1884,7 +2012,7 @@ function Settings($$renderer, $$props) {
     } = $$props;
     if (true) {
       let failed = function($$renderer3, error) {
-        $$renderer3.push(`<mochi-island-failure data-component="SettingsView"${$28.attr("data-message", error.message)}></mochi-island-failure>`);
+        $$renderer3.push(`<mochi-island-failure data-component="SettingsView"${$30.attr("data-message", error.message)}></mochi-island-failure>`);
       };
       $$renderer2.push("<!--[0-->");
       $$renderer2.boundary({ failed }, ($$renderer3) => {
@@ -1892,16 +2020,18 @@ function Settings($$renderer, $$props) {
         {
           HydratableBoundary($$renderer3, {
             children: ($$renderer4) => {
-              $$renderer4.push(`<mochi-hydratable-island component-name="SettingsView_8hmarwmf8onq" component-url="__MOCHI_COMPONENT_URL__SettingsView_8hmarwmf8onq__"${$28.attr("props-ref", emitIslandProps({
+              $$renderer4.push(`<mochi-hydratable-island component-name="SettingsView_8hmarwmf8onq" component-url="__MOCHI_COMPONENT_URL__SettingsView_8hmarwmf8onq__"${$30.attr("props-ref", emitIslandProps({
                 pet,
                 defaultMode,
                 claudePermissionMode,
                 claudeEffortLevel,
+                claudeOutputStyle,
                 defaultImage,
                 builtinImage,
                 disableBuildCache,
                 copyIgnorePatterns,
                 builtinCopyIgnore,
+                claudeConfigDir,
                 gitIdentityEnabled,
                 gitIdentityName,
                 gitIdentityEmail,
@@ -1940,11 +2070,13 @@ function Settings($$renderer, $$props) {
                   defaultMode,
                   claudePermissionMode,
                   claudeEffortLevel,
+                  claudeOutputStyle,
                   defaultImage,
                   builtinImage,
                   disableBuildCache,
                   copyIgnorePatterns,
                   builtinCopyIgnore,
+                  claudeConfigDir,
                   gitIdentityEnabled,
                   gitIdentityName,
                   gitIdentityEmail,