codebay 0.12.0 → 0.13.0

package/.mochi/svelte-compile/{Settings-j3aygrjb.server.js → Settings-h7gsjyz3.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-gz6hv1h5.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 $29 from "svelte/internal/server";
 
 // src/components/SettingsView.svelte
 import"svelte/internal/flags/async";
-import * as $27 from "svelte/internal/server";
+import * as $28 from "svelte/internal/server";
 
 // node_modules/@lucide/svelte/dist/icons/container.svelte
 import"svelte/internal/flags/async";
@@ -579,6 +580,21 @@ function Gauge($$renderer, $$props) {
   ];
   Icon($$renderer, $26.spread_props([{ name: "gauge" }, props, { iconNode }]));
 }
+// node_modules/@lucide/svelte/dist/icons/message-square.svelte
+import"svelte/internal/flags/async";
+import * as $27 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, $27.spread_props([{ name: "message-square" }, props, { iconNode }]));
+}
 // src/components/SettingsView.svelte
 function SettingsView($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
@@ -587,6 +603,7 @@ function SettingsView($$renderer, $$props) {
       defaultMode,
       claudePermissionMode,
       claudeEffortLevel,
+      claudeOutputStyle,
       defaultImage,
       builtinImage,
       disableBuildCache,
@@ -738,6 +755,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;
@@ -992,7 +1029,7 @@ function SettingsView($$renderer, $$props) {
         manualModelsMsg = "Saved.";
       }
     });
-    let litellmBlocker = $27.derived(() => manualTokens ? "Set tokens manually" : manualModelOverride ? "Override models manually" : null);
+    let litellmBlocker = $28.derived(() => manualTokens ? "Set tokens manually" : manualModelOverride ? "Override models manually" : null);
     let hostEnvVars = hostEnvVarsEnabled;
     let savingHostEnvToggle = false;
     let hostEnvToggleError = null;
@@ -1168,30 +1205,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"${$28.attr("value", modeChoice)}/> <div class="mode-toggle svelte-1n6ht58" role="group" aria-label="Default editor mode"><button type="button"${$28.attr_class("mode-btn svelte-1n6ht58", undefined, { active: modeChoice === "ide" })}${$28.attr("aria-pressed", modeChoice === "ide")}${$28.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"${$28.attr_class("mode-btn svelte-1n6ht58", undefined, { active: modeChoice === "terminal" })}${$28.attr("aria-pressed", modeChoice === "terminal")}${$28.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">${$28.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"${$28.attr("value", permissionChoice)}/> <div class="mode-toggle svelte-1n6ht58" role="group" aria-label="Claude permission mode"><!--[-->`);
+    const each_array = $28.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"${$28.attr_class("mode-btn svelte-1n6ht58", undefined, { active: permissionChoice === option })}${$28.attr("aria-pressed", permissionChoice === option)}${$28.attr("disabled", savingPermission, true)}>${$28.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">${$28.escape(permissionError)}</div></div>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
@@ -1199,16 +1236,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"${$28.attr("value", effortChoice)}/> <div class="mode-toggle svelte-1n6ht58" role="group" aria-label="Claude effort level"><!--[-->`);
+    const each_array_1 = $28.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"${$28.attr_class("mode-btn svelte-1n6ht58", undefined, { active: effortChoice === option })}${$28.attr("aria-pressed", effortChoice === option)}${$28.attr("disabled", savingEffort, true)}>${$28.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">${$28.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"${$28.attr("value", outputStyleChoice)}/> <div class="mode-toggle svelte-1n6ht58" role="group" aria-label="Claude output style"><!--[-->`);
+    const each_array_2 = $28.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"${$28.attr_class("mode-btn svelte-1n6ht58", undefined, { active: outputStyleChoice === option })}${$28.attr("aria-pressed", outputStyleChoice === option)}${$28.attr("disabled", savingOutputStyle, true)}>${$28.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">${$28.escape(outputStyleError)}</div></div>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
@@ -1217,12 +1269,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">${$28.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"${$28.attr("value", image)} spellcheck="false" autocapitalize="off" autocorrect="off" placeholder="mcr.microsoft.com/devcontainers/base:ubuntu"/> `);
     Button($$renderer2, {
       type: "submit",
       disabled: savingImage,
@@ -1237,14 +1289,14 @@ function SettingsView($$renderer, $$props) {
       icon: Rotate_ccw,
       disabled: savingImage,
       onclick: resetImage,
-      title: `Reset to default (${$27.stringify(builtinImage)})`,
+      title: `Reset to default (${$28.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>${$28.escape(dockerArch)}</strong> \u2014 pick an image that publishes
+						an <strong>${$28.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 +1305,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">${$28.escape(imageError)}</div>`);
     } else if (imageSaved) {
       $$renderer2.push("<!--[1-->");
       $$renderer2.push(`<div class="msg ok svelte-1n6ht58">Saved.</div>`);
@@ -1264,7 +1316,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"${$28.attr("value", copyIgnore)} spellcheck="false" autocapitalize="off" autocorrect="off" placeholder="node_modules, .venv, dist"/> `);
     Button($$renderer2, {
       type: "submit",
       disabled: savingCopyIgnore,
@@ -1279,13 +1331,13 @@ function SettingsView($$renderer, $$props) {
       icon: Rotate_ccw,
       disabled: savingCopyIgnore,
       onclick: resetCopyIgnore,
-      title: `Reset to default (${$27.stringify(builtinCopyIgnore)})`,
+      title: `Reset to default (${$28.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">${$28.escape(copyIgnoreError)}</div>`);
     } else if (copyIgnoreSaved) {
       $$renderer2.push("<!--[1-->");
       $$renderer2.push(`<div class="msg ok svelte-1n6ht58">Saved.</div>`);
@@ -1296,10 +1348,10 @@ function SettingsView($$renderer, $$props) {
     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"${$28.attr("checked", gitIdentity, true)}${$28.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">${$28.escape(gitToggleError)}</div></div>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
@@ -1307,7 +1359,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"${$28.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"${$28.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 +1371,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">${$28.escape(gitIdentityError)}</div>`);
       } else if (gitIdentitySaved) {
         $$renderer2.push("<!--[1-->");
         $$renderer2.push(`<div class="msg ok svelte-1n6ht58">Saved.</div>`);
@@ -1333,10 +1385,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"${$28.attr("checked", noCache, true)}${$28.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">${$28.escape(cacheError)}</div></div>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
@@ -1346,10 +1398,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">${$28.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">${$28.escape(clearMsg)}</div>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
@@ -1359,7 +1411,7 @@ function SettingsView($$renderer, $$props) {
       icon: Trash_2,
       disabled: clearing,
       children: ($$renderer3) => {
-        $$renderer3.push(`<!---->${$27.escape(clearing ? "Clearing\u2026" : "Clear cache")}`);
+        $$renderer3.push(`<!---->${$28.escape(clearing ? "Clearing\u2026" : "Clear cache")}`);
       },
       $$slots: { default: true }
     });
@@ -1369,10 +1421,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">${$28.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">${$28.escape(rebuildMsg)}</div>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
@@ -1382,11 +1434,11 @@ function SettingsView($$renderer, $$props) {
       icon: Hammer,
       disabled: rebuilding,
       children: ($$renderer3) => {
-        $$renderer3.push(`<!---->${$27.escape(rebuilding ? "Starting\u2026" : "Rebuild all")}`);
+        $$renderer3.push(`<!---->${$28.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${$28.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 +1459,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"${$28.attr("checked", manualTokens, true)}${$28.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">${$28.escape(manualToggleError)}</div></div>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
@@ -1418,7 +1470,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"${$28.attr("value", githubToken)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off"${$28.attr("placeholder", ghSaved ? "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022 (saved)" : "ghp_\u2026 / gho_\u2026")}/> `);
       Button($$renderer2, {
         type: "submit",
         disabled: savingGithub,
@@ -1430,17 +1482,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">${$28.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">${$28.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"${$28.attr("value", claudeToken)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off"${$28.attr("placeholder", claudeSaved ? "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022 (saved)" : "sk-ant-oat\u2026")}/> `);
       Button($$renderer2, {
         type: "submit",
         disabled: savingClaude,
@@ -1452,10 +1504,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">${$28.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">${$28.escape(claudeMsg)}</div>`);
       } else {
         $$renderer2.push("<!--[-1-->");
       }
@@ -1463,19 +1515,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${$28.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"${$28.attr("title", `Disabled while ${$28.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 "${$28.escape(litellmBlocker())}" is enabled \u2014 these modes are mutually
 								incompatible.`);
     } else {
       $$renderer2.push("<!--[-1-->");
@@ -1483,17 +1535,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"${$28.attr("checked", customEndpoint, true)}${$28.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">${$28.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"${$28.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 +1557,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">${$28.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">${$28.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"${$28.attr("value", customToken)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off"${$28.attr("placeholder", customTokenSaved ? "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022 (saved)" : "sk-\u2026")}/> `);
       Button($$renderer2, {
         type: "submit",
         disabled: savingCustomToken,
@@ -1525,15 +1577,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">${$28.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">${$28.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"${$28.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"${$28.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"${$28.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"${$28.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"${$28.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 +1597,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">${$28.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">${$28.escape(customModelsMsg)}</div>`);
       } else {
         $$renderer2.push("<!--[-1-->");
       }
@@ -1556,7 +1608,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${$28.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 +1627,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"${$28.attr("checked", manualModelOverride, true)}${$28.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">${$28.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"${$28.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"${$28.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"${$28.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"${$28.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"${$28.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 +1649,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">${$28.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">${$28.escape(manualModelsMsg)}</div>`);
       } else {
         $$renderer2.push("<!--[-1-->");
       }
@@ -1612,10 +1664,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"${$28.attr("checked", hostEnvVars, true)}${$28.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">${$28.escape(hostEnvToggleError)}</div></div>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
@@ -1623,18 +1675,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 = $28.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 = $28.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"${$28.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">${$28.escape(name)}</span> <span${$28.attr_class("var-status svelte-1n6ht58", undefined, { present: hostEnvPresence[name] })}${$28.attr("title", hostEnvPresence[name] ? "Set on this host \u2014 will be injected" : "Not set on this host \u2014 will be skipped")}>${$28.escape(hostEnvPresence[name] ? "set" : "missing")}</span> <button type="submit" class="var-remove svelte-1n6ht58"${$28.attr("disabled", savingHostEnvNames, true)}${$28.attr("aria-label", `Remove ${name}`)}>`);
           X($$renderer2, { size: 13 });
           $$renderer2.push(`<!----></button></form>`);
         }
@@ -1643,12 +1695,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 = $28.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"${$28.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"${$28.attr("value", newHostEnvName)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off" placeholder="AWS_ACCESS_KEY_ID"/> `);
       Button($$renderer2, {
         type: "submit",
         icon: Plus,
@@ -1661,10 +1713,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">${$28.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">${$28.escape(hostEnvNamesMsg)}</div>`);
       } else {
         $$renderer2.push("<!--[-1-->");
       }
@@ -1676,10 +1728,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"${$28.attr("checked", customEnvEnabled, true)}${$28.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">${$28.escape(customEnvToggleError)}</div></div>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
@@ -1687,12 +1739,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 = $28.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"${$28.attr("value", name)}/> <span class="var-name svelte-1n6ht58">${$28.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"${$28.attr("disabled", savingCustomEnv, true)}${$28.attr("aria-label", `Remove ${name}`)}>`);
           X($$renderer2, { size: 13 });
           $$renderer2.push(`<!----></button></form>`);
         }
@@ -1700,7 +1752,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"${$28.attr("value", newCustomEnvName)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off" placeholder="MY_SECRET"/> <input type="password" name="value" class="image-input svelte-1n6ht58"${$28.attr("value", newCustomEnvValue)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off" placeholder="value"/> `);
       Button($$renderer2, {
         type: "submit",
         icon: Plus,
@@ -1713,10 +1765,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">${$28.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">${$28.escape(customEnvMsg)}</div>`);
       } else {
         $$renderer2.push("<!--[-1-->");
       }
@@ -1730,15 +1782,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"${$28.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"${$28.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"${$28.attr("checked", !!petArt, true)}${$28.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">${$28.escape(petError)}</div></div>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
@@ -1746,10 +1798,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 = $28.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"${$28.attr("value", art.name)}/> <button type="submit"${$28.attr_class("pet svelte-1n6ht58", undefined, { selected: art.name === petArt.name })}${$28.attr("disabled", savingPet, true)}${$28.attr("title", art.name)}${$28.attr("aria-label", art.name)}${$28.attr("aria-pressed", art.name === petArt.name)}>`);
         Avatar($$renderer2, { art, name: art.name, scale: 4 });
         $$renderer2.push(`<!----></button></form>`);
       }
@@ -1762,30 +1814,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"${$28.attr("checked", serialInjections, true)}${$28.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">${$28.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"${$28.attr("checked", noBuildkit, true)}${$28.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">${$28.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"${$28.attr("checked", blockingExtInstall, true)}${$28.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">${$28.escape(blockingError)}</div></div>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
@@ -1795,10 +1847,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">${$28.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">${$28.escape(verMsg)}</div>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
@@ -1808,7 +1860,7 @@ function SettingsView($$renderer, $$props) {
       icon: Trash_2,
       disabled: clearingVer,
       children: ($$renderer3) => {
-        $$renderer3.push(`<!---->${$27.escape(clearingVer ? "Clearing\u2026" : "Clear cache")}`);
+        $$renderer3.push(`<!---->${$28.escape(clearingVer ? "Clearing\u2026" : "Clear cache")}`);
       },
       $$slots: { default: true }
     });
@@ -1832,7 +1884,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${$28.escape(version)}</div></main></div> `);
     Toaster($$renderer2, { toastOptions: TOAST_OPTIONS });
     $$renderer2.push(`<!---->`);
   });
@@ -1846,6 +1898,7 @@ function Settings($$renderer, $$props) {
       defaultMode,
       claudePermissionMode,
       claudeEffortLevel,
+      claudeOutputStyle,
       defaultImage,
       builtinImage,
       disableBuildCache,
@@ -1884,7 +1937,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"${$29.attr("data-message", error.message)}></mochi-island-failure>`);
       };
       $$renderer2.push("<!--[0-->");
       $$renderer2.boundary({ failed }, ($$renderer3) => {
@@ -1892,11 +1945,12 @@ 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__"${$29.attr("props-ref", emitIslandProps({
                 pet,
                 defaultMode,
                 claudePermissionMode,
                 claudeEffortLevel,
+                claudeOutputStyle,
                 defaultImage,
                 builtinImage,
                 disableBuildCache,
@@ -1940,6 +1994,7 @@ function Settings($$renderer, $$props) {
                   defaultMode,
                   claudePermissionMode,
                   claudeEffortLevel,
+                  claudeOutputStyle,
                   defaultImage,
                   builtinImage,
                   disableBuildCache,