codebay 0.9.1 → 0.10.1

package/.mochi/svelte-compile/{Settings-tav2asn7.server.js → Settings-k447mt0x.server.js}

@@ -8,6 +8,10 @@ import {
   soundEnabled,
   unlockAudio
 } from "./chunk-bpqwf1nw.js";
+import {
+  CLAUDE_EFFORT_LEVELS,
+  CLAUDE_PERMISSION_MODES
+} from "./chunk-gkjgybb2.js";
 import {
   Rotate_ccw
 } from "./chunk-jx6h1xzp.js";
@@ -18,7 +22,7 @@ import {
   Toaster,
   avatars,
   findAvatar
-} from "./chunk-m8ygpyhr.js";
+} from "./chunk-th2dbqvc.js";
 import {
   HydratableBoundary,
   Icon,
@@ -30,11 +34,11 @@ import"./chunk-xpt1a7jm.js";
 
 // src/pages/Settings.svelte
 import"svelte/internal/flags/async";
-import * as $20 from "svelte/internal/server";
+import * as $27 from "svelte/internal/server";
 
 // src/components/SettingsView.svelte
 import"svelte/internal/flags/async";
-import * as $19 from "svelte/internal/server";
+import * as $26 from "svelte/internal/server";
 
 // node_modules/@lucide/svelte/dist/icons/container.svelte
 import"svelte/internal/flags/async";
@@ -373,12 +377,123 @@ function Variable($$renderer, $$props) {
   ];
   Icon($$renderer, $17.spread_props([{ name: "variable" }, props, { iconNode }]));
 }
+// node_modules/@lucide/svelte/dist/icons/key-square.svelte
+import"svelte/internal/flags/async";
+import * as $18 from "svelte/internal/server";
+function Key_square($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconNode = [
+    [
+      "path",
+      {
+        d: "M12.4 2.7a2.5 2.5 0 0 1 3.4 0l5.5 5.5a2.5 2.5 0 0 1 0 3.4l-3.7 3.7a2.5 2.5 0 0 1-3.4 0L8.7 9.8a2.5 2.5 0 0 1 0-3.4z"
+      }
+    ],
+    ["path", { d: "m14 7 3 3" }],
+    [
+      "path",
+      {
+        d: "m9.4 10.6-6.814 6.814A2 2 0 0 0 2 18.828V21a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h.172a2 2 0 0 0 1.414-.586l.814-.814"
+      }
+    ]
+  ];
+  Icon($$renderer, $18.spread_props([{ name: "key-square" }, props, { iconNode }]));
+}
+// node_modules/@lucide/svelte/dist/icons/sliders-horizontal.svelte
+import"svelte/internal/flags/async";
+import * as $19 from "svelte/internal/server";
+function Sliders_horizontal($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconNode = [
+    ["path", { d: "M10 5H3" }],
+    ["path", { d: "M12 19H3" }],
+    ["path", { d: "M14 3v4" }],
+    ["path", { d: "M16 17v4" }],
+    ["path", { d: "M21 12h-9" }],
+    ["path", { d: "M21 19h-5" }],
+    ["path", { d: "M21 5h-7" }],
+    ["path", { d: "M8 10v4" }],
+    ["path", { d: "M8 12H3" }]
+  ];
+  Icon($$renderer, $19.spread_props([{ name: "sliders-horizontal" }, props, { iconNode }]));
+}
+// node_modules/@lucide/svelte/dist/icons/list-ordered.svelte
+import"svelte/internal/flags/async";
+import * as $20 from "svelte/internal/server";
+function List_ordered($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconNode = [
+    ["path", { d: "M11 5h10" }],
+    ["path", { d: "M11 12h10" }],
+    ["path", { d: "M11 19h10" }],
+    ["path", { d: "M4 4h1v5" }],
+    ["path", { d: "M4 9h2" }],
+    [
+      "path",
+      {
+        d: "M6.5 20H3.4c0-1 2.6-1.925 2.6-3.5a1.5 1.5 0 0 0-2.6-1.02"
+      }
+    ]
+  ];
+  Icon($$renderer, $20.spread_props([{ name: "list-ordered" }, props, { iconNode }]));
+}
+// node_modules/@lucide/svelte/dist/icons/boxes.svelte
+import"svelte/internal/flags/async";
+import * as $21 from "svelte/internal/server";
+function Boxes($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconNode = [
+    [
+      "path",
+      {
+        d: "M2.97 12.92A2 2 0 0 0 2 14.63v3.24a2 2 0 0 0 .97 1.71l3 1.8a2 2 0 0 0 2.06 0L12 19v-5.5l-5-3-4.03 2.42Z"
+      }
+    ],
+    ["path", { d: "m7 16.5-4.74-2.85" }],
+    ["path", { d: "m7 16.5 5-3" }],
+    ["path", { d: "M7 16.5v5.17" }],
+    [
+      "path",
+      {
+        d: "M12 13.5V19l3.97 2.38a2 2 0 0 0 2.06 0l3-1.8a2 2 0 0 0 .97-1.71v-3.24a2 2 0 0 0-.97-1.71L17 10.5l-5 3Z"
+      }
+    ],
+    ["path", { d: "m17 16.5-5-3" }],
+    ["path", { d: "m17 16.5 4.74-2.85" }],
+    ["path", { d: "M17 16.5v5.17" }],
+    [
+      "path",
+      {
+        d: "M7.97 4.42A2 2 0 0 0 7 6.13v4.37l5 3 5-3V6.13a2 2 0 0 0-.97-1.71l-3-1.8a2 2 0 0 0-2.06 0l-3 1.8Z"
+      }
+    ],
+    ["path", { d: "M12 8 7.26 5.15" }],
+    ["path", { d: "m12 8 4.74-2.85" }],
+    ["path", { d: "M12 13.5V8" }]
+  ];
+  Icon($$renderer, $21.spread_props([{ name: "boxes" }, props, { iconNode }]));
+}
+// node_modules/@lucide/svelte/dist/icons/puzzle.svelte
+import"svelte/internal/flags/async";
+import * as $22 from "svelte/internal/server";
+function Puzzle($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconNode = [
+    [
+      "path",
+      {
+        d: "M15.39 4.39a1 1 0 0 0 1.68-.474 2.5 2.5 0 1 1 3.014 3.015 1 1 0 0 0-.474 1.68l1.683 1.682a2.414 2.414 0 0 1 0 3.414L19.61 15.39a1 1 0 0 1-1.68-.474 2.5 2.5 0 1 0-3.014 3.015 1 1 0 0 1 .474 1.68l-1.683 1.682a2.414 2.414 0 0 1-3.414 0L8.61 19.61a1 1 0 0 0-1.68.474 2.5 2.5 0 1 1-3.014-3.015 1 1 0 0 0 .474-1.68l-1.683-1.682a2.414 2.414 0 0 1 0-3.414L4.39 8.61a1 1 0 0 1 1.68.474 2.5 2.5 0 1 0 3.014-3.015 1 1 0 0 1-.474-1.68l1.683-1.682a2.414 2.414 0 0 1 3.414 0z"
+      }
+    ]
+  ];
+  Icon($$renderer, $22.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 $18 from "svelte/internal/server";
+import * as $23 from "svelte/internal/server";
 function CoinButton($$renderer, $$props) {
   let { href = "/avatars" } = $$props;
   const coinArt = {
@@ -394,17 +509,46 @@ 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"${$18.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"${$23.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 $24 from "svelte/internal/server";
+function Shield_check($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconNode = [
+    [
+      "path",
+      {
+        d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"
+      }
+    ],
+    ["path", { d: "m9 12 2 2 4-4" }]
+  ];
+  Icon($$renderer, $24.spread_props([{ name: "shield-check" }, props, { iconNode }]));
+}
+// node_modules/@lucide/svelte/dist/icons/gauge.svelte
+import"svelte/internal/flags/async";
+import * as $25 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, $25.spread_props([{ name: "gauge" }, props, { iconNode }]));
+}
 // src/components/SettingsView.svelte
 function SettingsView($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
     let {
       pet,
       defaultMode,
+      claudePermissionMode,
+      claudeEffortLevel,
       defaultImage,
       builtinImage,
       disableBuildCache,
@@ -434,6 +578,11 @@ function SettingsView($$renderer, $$props) {
       hostEnvVarsEnabled,
       hostEnvVarNames,
       hostEnvVarPresence,
+      customEnvVarsEnabled,
+      customEnvVarNames,
+      advancedSerialInjections,
+      advancedNoBuildkit,
+      advancedBlockingExtInstall,
       version
     } = $$props;
     let sound = soundEnabled();
@@ -499,6 +648,57 @@ function SettingsView($$renderer, $$props) {
       flushSync(() => modeChoice = next);
       modeFormEl?.requestSubmit();
     }
+    let permissionChoice = claudePermissionMode;
+    let savingPermission = false;
+    let permissionError = null;
+    let permissionFormEl;
+    const permissionModeOpts = saveOpts({
+      setSaving: (v) => savingPermission = v,
+      setError: (v) => permissionError = v,
+      setMsg: () => {},
+      onSuccess: (data) => {
+        if (data?.mode)
+          permissionChoice = data.mode;
+      }
+    });
+    const PERMISSION_LABELS = {
+      default: "Default",
+      manual: "Manual",
+      auto: "Auto",
+      plan: "Plan"
+    };
+    function choosePermissionMode(next) {
+      if (next === permissionChoice)
+        return;
+      flushSync(() => permissionChoice = next);
+      permissionFormEl?.requestSubmit();
+    }
+    let effortChoice = claudeEffortLevel;
+    let savingEffort = false;
+    let effortError = null;
+    let effortFormEl;
+    const effortLevelOpts = saveOpts({
+      setSaving: (v) => savingEffort = v,
+      setError: (v) => effortError = v,
+      setMsg: () => {},
+      onSuccess: (data) => {
+        if (data?.level)
+          effortChoice = data.level;
+      }
+    });
+    const EFFORT_LABELS = {
+      low: "Low",
+      medium: "Medium",
+      high: "High",
+      xhigh: "X-High",
+      max: "Max"
+    };
+    function chooseEffort(next) {
+      if (next === effortChoice)
+        return;
+      flushSync(() => effortChoice = next);
+      effortFormEl?.requestSubmit();
+    }
     let image = defaultImage;
     let savingImage = false;
     let imageError = null;
@@ -597,6 +797,41 @@ function SettingsView($$renderer, $$props) {
         rebuildMsg = n === 0 ? "No running containers to rebuild." : `Rebuilding ${n} container(s)\u2026`;
       }
     });
+    let serialInjections = advancedSerialInjections;
+    let savingSerial = false;
+    let serialError = null;
+    const serialOpts = toggleOpts({
+      set: (v) => serialInjections = v,
+      setSaving: (v) => savingSerial = v,
+      setError: (v) => serialError = v
+    });
+    let noBuildkit = advancedNoBuildkit;
+    let savingBuildkit = false;
+    let buildkitError = null;
+    const buildkitOpts = toggleOpts({
+      set: (v) => noBuildkit = v,
+      setSaving: (v) => savingBuildkit = v,
+      setError: (v) => buildkitError = v
+    });
+    let blockingExtInstall = advancedBlockingExtInstall;
+    let savingBlocking = false;
+    let blockingError = null;
+    const blockingOpts = toggleOpts({
+      set: (v) => blockingExtInstall = v,
+      setSaving: (v) => savingBlocking = v,
+      setError: (v) => blockingError = v
+    });
+    let clearingVer = false;
+    let verMsg = null;
+    let verError = null;
+    const clearVersionOpts = saveOpts({
+      setSaving: (v) => clearingVer = v,
+      setError: (v) => verError = v,
+      setMsg: (v) => verMsg = v,
+      onSuccess: () => {
+        verMsg = "Cleared \u2014 the next instance boot re-checks the registry.";
+      }
+    });
     let manualTokens = manualTokensEnabled;
     let savingManualToggle = false;
     let manualToggleError = null;
@@ -718,7 +953,7 @@ function SettingsView($$renderer, $$props) {
         manualModelsMsg = "Saved.";
       }
     });
-    let litellmBlocker = $19.derived(() => manualTokens ? "Set tokens manually" : manualModelOverride ? "Override models manually" : null);
+    let litellmBlocker = $26.derived(() => manualTokens ? "Set tokens manually" : manualModelOverride ? "Override models manually" : null);
     let hostEnvVars = hostEnvVarsEnabled;
     let savingHostEnvToggle = false;
     let hostEnvToggleError = null;
@@ -786,6 +1021,62 @@ function SettingsView($$renderer, $$props) {
         }
       });
     }
+    let customEnvEnabled = customEnvVarsEnabled;
+    let savingCustomEnvToggle = false;
+    let customEnvToggleError = null;
+    const customEnvVarsToggleOpts = toggleOpts({
+      set: (v) => customEnvEnabled = v,
+      setSaving: (v) => savingCustomEnvToggle = v,
+      setError: (v) => customEnvToggleError = v
+    });
+    let customEnvNames = [...customEnvVarNames];
+    let newCustomEnvName = "";
+    let newCustomEnvValue = "";
+    let savingCustomEnv = false;
+    let customEnvMsg = null;
+    let customEnvError = null;
+    const addCustomEnvOpts = {
+      onPending: (v) => savingCustomEnv = v,
+      submit: ({ formData, cancel }) => {
+        customEnvError = null;
+        customEnvMsg = null;
+        const name = String(formData.get("name") ?? "").trim();
+        const value = String(formData.get("value") ?? "");
+        if (!name || !value) {
+          customEnvError = !name ? "Name is required." : "Value is required.";
+          cancel();
+          return;
+        }
+        if (!/^[A-Za-z_][A-Za-z0-9_]*$/.test(name)) {
+          customEnvError = `Invalid variable name: ${name}`;
+          cancel();
+          return;
+        }
+        formData.set("name", name);
+        return ({ result }) => {
+          if (result.type === "success") {
+            customEnvNames = result.data?.names ?? customEnvNames;
+            newCustomEnvName = "";
+            newCustomEnvValue = "";
+            customEnvMsg = "Saved.";
+          } else if (result.type === "failure") {
+            customEnvError = result.data?.error ?? "Request failed";
+          } else if (result.type === "error") {
+            customEnvError = "Network error. Try again.";
+          }
+        };
+      }
+    };
+    function removeCustomEnvOpts(name) {
+      return saveOpts({
+        setSaving: (v) => savingCustomEnv = v,
+        setError: (v) => customEnvError = v,
+        setMsg: (v) => customEnvMsg = v,
+        onSuccess: (data) => {
+          customEnvNames = data?.names ?? customEnvNames.filter((n) => n !== name);
+        }
+      });
+    }
     function toggleSound(on) {
       sound = on;
       setSoundEnabled(on);
@@ -834,14 +1125,47 @@ 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"${$19.attr("value", modeChoice)}/> <div class="mode-toggle svelte-1n6ht58" role="group" aria-label="Default editor mode"><button type="button"${$19.attr_class("mode-btn svelte-1n6ht58", undefined, { active: modeChoice === "ide" })}${$19.attr("aria-pressed", modeChoice === "ide")}${$19.attr("disabled", savingMode, true)}>`);
+							can override this per instance when creating one.</div></div></div> <input type="hidden" name="mode"${$26.attr("value", modeChoice)}/> <div class="mode-toggle svelte-1n6ht58" role="group" aria-label="Default editor mode"><button type="button"${$26.attr_class("mode-btn svelte-1n6ht58", undefined, { active: modeChoice === "ide" })}${$26.attr("aria-pressed", modeChoice === "ide")}${$26.attr("disabled", savingMode, true)}>`);
     Layout_template($$renderer2, { size: 15 });
-    $$renderer2.push(`<!----> Full IDE</button> <button type="button"${$19.attr_class("mode-btn svelte-1n6ht58", undefined, { active: modeChoice === "terminal" })}${$19.attr("aria-pressed", modeChoice === "terminal")}${$19.attr("disabled", savingMode, true)}>`);
+    $$renderer2.push(`<!----> Full IDE</button> <button type="button"${$26.attr_class("mode-btn svelte-1n6ht58", undefined, { active: modeChoice === "terminal" })}${$26.attr("aria-pressed", modeChoice === "terminal")}${$26.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">${$19.escape(modeError)}</div></div>`);
+      $$renderer2.push(`<div class="sub svelte-1n6ht58"><div class="msg error svelte-1n6ht58">${$26.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"${$26.attr("value", permissionChoice)}/> <div class="mode-toggle svelte-1n6ht58" role="group" aria-label="Claude permission mode"><!--[-->`);
+    const each_array = $26.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"${$26.attr_class("mode-btn svelte-1n6ht58", undefined, { active: permissionChoice === option })}${$26.attr("aria-pressed", permissionChoice === option)}${$26.attr("disabled", savingPermission, true)}>${$26.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">${$26.escape(permissionError)}</div></div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></section> <section class="card svelte-1n6ht58"><form class="row svelte-1n6ht58" method="POST" action="?/claudeEffortLevel"><div class="label svelte-1n6ht58">`);
+    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"${$26.attr("value", effortChoice)}/> <div class="mode-toggle svelte-1n6ht58" role="group" aria-label="Claude effort level"><!--[-->`);
+    const each_array_1 = $26.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"${$26.attr_class("mode-btn svelte-1n6ht58", undefined, { active: effortChoice === option })}${$26.attr("aria-pressed", effortChoice === option)}${$26.attr("disabled", savingEffort, true)}>${$26.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">${$26.escape(effortError)}</div></div>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
@@ -850,12 +1174,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">${$19.escape(dockerArch)}</span>`);
+      $$renderer2.push(`<span class="arch svelte-1n6ht58" title="Docker daemon architecture">${$26.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"${$19.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"${$26.attr("value", image)} spellcheck="false" autocapitalize="off" autocorrect="off" placeholder="mcr.microsoft.com/devcontainers/base:ubuntu"/> `);
     Button($$renderer2, {
       type: "submit",
       disabled: savingImage,
@@ -870,14 +1194,14 @@ function SettingsView($$renderer, $$props) {
       icon: Rotate_ccw,
       disabled: savingImage,
       onclick: resetImage,
-      title: `Reset to default (${$19.stringify(builtinImage)})`,
+      title: `Reset to default (${$26.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>${$19.escape(dockerArch)}</strong> \u2014 pick an image that publishes
-						an <strong>${$19.escape(dockerArch)}</strong> manifest, or the pull will fail.`);
+      $$renderer2.push(`Your Docker daemon runs on <strong>${$26.escape(dockerArch)}</strong> \u2014 pick an image that publishes
+						an <strong>${$26.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
@@ -886,7 +1210,7 @@ function SettingsView($$renderer, $$props) {
     $$renderer2.push(`<!--]--></div> `);
     if (imageError) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$19.escape(imageError)}</div>`);
+      $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$26.escape(imageError)}</div>`);
     } else if (imageSaved) {
       $$renderer2.push("<!--[1-->");
       $$renderer2.push(`<div class="msg ok svelte-1n6ht58">Saved.</div>`);
@@ -897,7 +1221,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"${$19.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"${$26.attr("value", copyIgnore)} spellcheck="false" autocapitalize="off" autocorrect="off" placeholder="node_modules, .venv, dist"/> `);
     Button($$renderer2, {
       type: "submit",
       disabled: savingCopyIgnore,
@@ -912,13 +1236,13 @@ function SettingsView($$renderer, $$props) {
       icon: Rotate_ccw,
       disabled: savingCopyIgnore,
       onclick: resetCopyIgnore,
-      title: `Reset to default (${$19.stringify(builtinCopyIgnore)})`,
+      title: `Reset to default (${$26.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">${$19.escape(copyIgnoreError)}</div>`);
+      $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$26.escape(copyIgnoreError)}</div>`);
     } else if (copyIgnoreSaved) {
       $$renderer2.push("<!--[1-->");
       $$renderer2.push(`<div class="msg ok svelte-1n6ht58">Saved.</div>`);
@@ -929,10 +1253,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"${$19.attr("checked", gitIdentity, true)}${$19.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"${$26.attr("checked", gitIdentity, true)}${$26.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">${$19.escape(gitToggleError)}</div></div>`);
+      $$renderer2.push(`<div class="sub svelte-1n6ht58"><div class="msg error svelte-1n6ht58">${$26.escape(gitToggleError)}</div></div>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
@@ -940,7 +1264,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"${$19.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"${$19.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"${$26.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"${$26.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,
@@ -952,7 +1276,7 @@ function SettingsView($$renderer, $$props) {
       $$renderer2.push(`<!----></div></div> `);
       if (gitIdentityError) {
         $$renderer2.push("<!--[0-->");
-        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$19.escape(gitIdentityError)}</div>`);
+        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$26.escape(gitIdentityError)}</div>`);
       } else if (gitIdentitySaved) {
         $$renderer2.push("<!--[1-->");
         $$renderer2.push(`<div class="msg ok svelte-1n6ht58">Saved.</div>`);
@@ -966,10 +1290,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"${$19.attr("checked", noCache, true)}${$19.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"${$26.attr("checked", noCache, true)}${$26.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">${$19.escape(cacheError)}</div></div>`);
+      $$renderer2.push(`<div class="sub svelte-1n6ht58"><div class="msg error svelte-1n6ht58">${$26.escape(cacheError)}</div></div>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
@@ -979,10 +1303,10 @@ function SettingsView($$renderer, $$props) {
 							remove pulled images.</div> `);
     if (clearError) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$19.escape(clearError)}</div>`);
+      $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$26.escape(clearError)}</div>`);
     } else if (clearMsg) {
       $$renderer2.push("<!--[1-->");
-      $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$19.escape(clearMsg)}</div>`);
+      $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$26.escape(clearMsg)}</div>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
@@ -992,7 +1316,7 @@ function SettingsView($$renderer, $$props) {
       icon: Trash_2,
       disabled: clearing,
       children: ($$renderer3) => {
-        $$renderer3.push(`<!---->${$19.escape(clearing ? "Clearing\u2026" : "Clear cache")}`);
+        $$renderer3.push(`<!---->${$26.escape(clearing ? "Clearing\u2026" : "Clear cache")}`);
       },
       $$slots: { default: true }
     });
@@ -1002,10 +1326,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">${$19.escape(rebuildError)}</div>`);
+      $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$26.escape(rebuildError)}</div>`);
     } else if (rebuildMsg) {
       $$renderer2.push("<!--[1-->");
-      $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$19.escape(rebuildMsg)}</div>`);
+      $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$26.escape(rebuildMsg)}</div>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
@@ -1015,11 +1339,11 @@ function SettingsView($$renderer, $$props) {
       icon: Hammer,
       disabled: rebuilding,
       children: ($$renderer3) => {
-        $$renderer3.push(`<!---->${$19.escape(rebuilding ? "Starting\u2026" : "Rebuild all")}`);
+        $$renderer3.push(`<!---->${$26.escape(rebuilding ? "Starting\u2026" : "Rebuild all")}`);
       },
       $$slots: { default: true }
     });
-    $$renderer2.push(`<!----></form></section> <section${$19.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${$26.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) {
@@ -1040,10 +1364,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"${$19.attr("checked", manualTokens, true)}${$19.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"${$26.attr("checked", manualTokens, true)}${$26.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">${$19.escape(manualToggleError)}</div></div>`);
+      $$renderer2.push(`<div class="sub svelte-1n6ht58"><div class="msg error svelte-1n6ht58">${$26.escape(manualToggleError)}</div></div>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
@@ -1051,7 +1375,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"${$19.attr("value", githubToken)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off"${$19.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"${$26.attr("value", githubToken)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off"${$26.attr("placeholder", ghSaved ? "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022 (saved)" : "ghp_\u2026 / gho_\u2026")}/> `);
       Button($$renderer2, {
         type: "submit",
         disabled: savingGithub,
@@ -1063,17 +1387,17 @@ function SettingsView($$renderer, $$props) {
       $$renderer2.push(`<!----></div> `);
       if (githubError) {
         $$renderer2.push("<!--[0-->");
-        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$19.escape(githubError)}</div>`);
+        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$26.escape(githubError)}</div>`);
       } else if (githubMsg) {
         $$renderer2.push("<!--[1-->");
-        $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$19.escape(githubMsg)}</div>`);
+        $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$26.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"${$19.attr("value", claudeToken)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off"${$19.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"${$26.attr("value", claudeToken)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off"${$26.attr("placeholder", claudeSaved ? "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022 (saved)" : "sk-ant-oat\u2026")}/> `);
       Button($$renderer2, {
         type: "submit",
         disabled: savingClaude,
@@ -1085,10 +1409,10 @@ function SettingsView($$renderer, $$props) {
       $$renderer2.push(`<!----></div> `);
       if (claudeError) {
         $$renderer2.push("<!--[0-->");
-        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$19.escape(claudeError)}</div>`);
+        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$26.escape(claudeError)}</div>`);
       } else if (claudeMsg) {
         $$renderer2.push("<!--[1-->");
-        $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$19.escape(claudeMsg)}</div>`);
+        $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$26.escape(claudeMsg)}</div>`);
       } else {
         $$renderer2.push("<!--[-1-->");
       }
@@ -1096,19 +1420,19 @@ function SettingsView($$renderer, $$props) {
     } else {
       $$renderer2.push("<!--[-1-->");
     }
-    $$renderer2.push(`<!--]--></section> <section${$19.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${$26.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"${$19.attr("title", `Disabled while ${$19.stringify(litellmBlocker())} is on`)}>disabled</span>`);
+      $$renderer2.push(`<span class="arch svelte-1n6ht58"${$26.attr("title", `Disabled while ${$26.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 "${$19.escape(litellmBlocker())}" is enabled \u2014 these modes are mutually
+      $$renderer2.push(`Not available while "${$26.escape(litellmBlocker())}" is enabled \u2014 these modes are mutually
 								incompatible.`);
     } else {
       $$renderer2.push("<!--[-1-->");
@@ -1116,17 +1440,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"${$19.attr("checked", customEndpoint, true)}${$19.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"${$26.attr("checked", customEndpoint, true)}${$26.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">${$19.escape(customToggleError)}</div></div>`);
+      $$renderer2.push(`<div class="sub svelte-1n6ht58"><div class="msg error svelte-1n6ht58">${$26.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"${$19.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"${$26.attr("value", customBaseUrl)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off" placeholder="https://litellm.example.com/bedrock"/> `);
       Button($$renderer2, {
         type: "submit",
         disabled: savingCustomBaseUrl,
@@ -1138,15 +1462,15 @@ function SettingsView($$renderer, $$props) {
       $$renderer2.push(`<!----></div> `);
       if (customBaseUrlError) {
         $$renderer2.push("<!--[0-->");
-        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$19.escape(customBaseUrlError)}</div>`);
+        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$26.escape(customBaseUrlError)}</div>`);
       } else if (customBaseUrlMsg) {
         $$renderer2.push("<!--[1-->");
-        $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$19.escape(customBaseUrlMsg)}</div>`);
+        $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$26.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"${$19.attr("value", customToken)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off"${$19.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"${$26.attr("value", customToken)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off"${$26.attr("placeholder", customTokenSaved ? "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022 (saved)" : "sk-\u2026")}/> `);
       Button($$renderer2, {
         type: "submit",
         disabled: savingCustomToken,
@@ -1158,15 +1482,15 @@ function SettingsView($$renderer, $$props) {
       $$renderer2.push(`<!----></div> `);
       if (customTokenError) {
         $$renderer2.push("<!--[0-->");
-        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$19.escape(customTokenError)}</div>`);
+        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$26.escape(customTokenError)}</div>`);
       } else if (customTokenMsg) {
         $$renderer2.push("<!--[1-->");
-        $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$19.escape(customTokenMsg)}</div>`);
+        $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$26.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"${$19.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"${$19.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"${$19.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"${$19.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"${$19.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"${$26.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"${$26.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"${$26.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"${$26.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"${$26.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,
@@ -1178,10 +1502,10 @@ function SettingsView($$renderer, $$props) {
       $$renderer2.push(`<!----></div></div> `);
       if (customModelsError) {
         $$renderer2.push("<!--[0-->");
-        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$19.escape(customModelsError)}</div>`);
+        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$26.escape(customModelsError)}</div>`);
       } else if (customModelsMsg) {
         $$renderer2.push("<!--[1-->");
-        $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$19.escape(customModelsMsg)}</div>`);
+        $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$26.escape(customModelsMsg)}</div>`);
       } else {
         $$renderer2.push("<!--[-1-->");
       }
@@ -1189,7 +1513,7 @@ function SettingsView($$renderer, $$props) {
     } else {
       $$renderer2.push("<!--[-1-->");
     }
-    $$renderer2.push(`<!--]--></section> <section${$19.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${$26.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) {
@@ -1208,17 +1532,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"${$19.attr("checked", manualModelOverride, true)}${$19.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"${$26.attr("checked", manualModelOverride, true)}${$26.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">${$19.escape(manualModelToggleError)}</div></div>`);
+      $$renderer2.push(`<div class="sub svelte-1n6ht58"><div class="msg error svelte-1n6ht58">${$26.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"${$19.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"${$19.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"${$19.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"${$19.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"${$19.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"${$26.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"${$26.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"${$26.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"${$26.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"${$26.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,
@@ -1230,10 +1554,10 @@ function SettingsView($$renderer, $$props) {
       $$renderer2.push(`<!----></div></div> `);
       if (manualModelsError) {
         $$renderer2.push("<!--[0-->");
-        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$19.escape(manualModelsError)}</div>`);
+        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$26.escape(manualModelsError)}</div>`);
       } else if (manualModelsMsg) {
         $$renderer2.push("<!--[1-->");
-        $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$19.escape(manualModelsMsg)}</div>`);
+        $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$26.escape(manualModelsMsg)}</div>`);
       } else {
         $$renderer2.push("<!--[-1-->");
       }
@@ -1245,10 +1569,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"${$19.attr("checked", hostEnvVars, true)}${$19.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"${$26.attr("checked", hostEnvVars, true)}${$26.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">${$19.escape(hostEnvToggleError)}</div></div>`);
+      $$renderer2.push(`<div class="sub svelte-1n6ht58"><div class="msg error svelte-1n6ht58">${$26.escape(hostEnvToggleError)}</div></div>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
@@ -1256,18 +1580,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 = $19.ensure_array_like(hostEnvNames);
-      if (each_array.length !== 0) {
+      const each_array_2 = $26.ensure_array_like(hostEnvNames);
+      if (each_array_2.length !== 0) {
         $$renderer2.push("<!--[-->");
-        for (let $$index_1 = 0, $$length = each_array.length;$$index_1 < $$length; $$index_1++) {
-          let name = each_array[$$index_1];
+        for (let $$index_3 = 0, $$length = each_array_2.length;$$index_3 < $$length; $$index_3++) {
+          let name = each_array_2[$$index_3];
           $$renderer2.push(`<form class="var-item svelte-1n6ht58" method="POST" action="?/hostEnvVarNames"><!--[-->`);
-          const each_array_1 = $19.ensure_array_like(hostEnvNames.filter((n) => n !== name));
-          for (let $$index = 0, $$length2 = each_array_1.length;$$index < $$length2; $$index++) {
-            let other = each_array_1[$$index];
-            $$renderer2.push(`<input type="hidden" name="names"${$19.attr("value", other)}/>`);
+          const each_array_3 = $26.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"${$26.attr("value", other)}/>`);
           }
-          $$renderer2.push(`<!--]--> <span class="var-name svelte-1n6ht58">${$19.escape(name)}</span> <span${$19.attr_class("var-status svelte-1n6ht58", undefined, { present: hostEnvPresence[name] })}${$19.attr("title", hostEnvPresence[name] ? "Set on this host \u2014 will be injected" : "Not set on this host \u2014 will be skipped")}>${$19.escape(hostEnvPresence[name] ? "set" : "missing")}</span> <button type="submit" class="var-remove svelte-1n6ht58"${$19.attr("disabled", savingHostEnvNames, true)}${$19.attr("aria-label", `Remove ${name}`)}>`);
+          $$renderer2.push(`<!--]--> <span class="var-name svelte-1n6ht58">${$26.escape(name)}</span> <span${$26.attr_class("var-status svelte-1n6ht58", undefined, { present: hostEnvPresence[name] })}${$26.attr("title", hostEnvPresence[name] ? "Set on this host \u2014 will be injected" : "Not set on this host \u2014 will be skipped")}>${$26.escape(hostEnvPresence[name] ? "set" : "missing")}</span> <button type="submit" class="var-remove svelte-1n6ht58"${$26.attr("disabled", savingHostEnvNames, true)}${$26.attr("aria-label", `Remove ${name}`)}>`);
           X($$renderer2, { size: 13 });
           $$renderer2.push(`<!----></button></form>`);
         }
@@ -1276,12 +1600,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_2 = $19.ensure_array_like(hostEnvNames);
-      for (let $$index_2 = 0, $$length = each_array_2.length;$$index_2 < $$length; $$index_2++) {
-        let name = each_array_2[$$index_2];
-        $$renderer2.push(`<input type="hidden" name="names"${$19.attr("value", name)}/>`);
+      const each_array_4 = $26.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"${$26.attr("value", name)}/>`);
       }
-      $$renderer2.push(`<!--]--> <input type="text" name="names" class="image-input svelte-1n6ht58"${$19.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"${$26.attr("value", newHostEnvName)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off" placeholder="AWS_ACCESS_KEY_ID"/> `);
       Button($$renderer2, {
         type: "submit",
         icon: Plus,
@@ -1294,10 +1618,62 @@ function SettingsView($$renderer, $$props) {
       $$renderer2.push(`<!----></form> `);
       if (hostEnvNamesError) {
         $$renderer2.push("<!--[0-->");
-        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$19.escape(hostEnvNamesError)}</div>`);
+        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$26.escape(hostEnvNamesError)}</div>`);
       } else if (hostEnvNamesMsg) {
         $$renderer2.push("<!--[1-->");
-        $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$19.escape(hostEnvNamesMsg)}</div>`);
+        $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$26.escape(hostEnvNamesMsg)}</div>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></section> <section class="card svelte-1n6ht58"><form class="row svelte-1n6ht58" method="POST" action="?/customEnvVarsToggle"><div class="label svelte-1n6ht58">`);
+    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"${$26.attr("checked", customEnvEnabled, true)}${$26.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">${$26.escape(customEnvToggleError)}</div></div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    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 = $26.ensure_array_like(customEnvNames);
+      if (each_array_5.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"${$26.attr("value", name)}/> <span class="var-name svelte-1n6ht58">${$26.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"${$26.attr("disabled", savingCustomEnv, true)}${$26.attr("aria-label", `Remove ${name}`)}>`);
+          X($$renderer2, { size: 13 });
+          $$renderer2.push(`<!----></button></form>`);
+        }
+      } else {
+        $$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"${$26.attr("value", newCustomEnvName)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off" placeholder="MY_SECRET"/> <input type="password" name="value" class="image-input svelte-1n6ht58"${$26.attr("value", newCustomEnvValue)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off" placeholder="value"/> `);
+      Button($$renderer2, {
+        type: "submit",
+        icon: Plus,
+        disabled: savingCustomEnv,
+        children: ($$renderer3) => {
+          $$renderer3.push(`<!---->Add`);
+        },
+        $$slots: { default: true }
+      });
+      $$renderer2.push(`<!----></form> `);
+      if (customEnvError) {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$26.escape(customEnvError)}</div>`);
+      } else if (customEnvMsg) {
+        $$renderer2.push("<!--[1-->");
+        $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$26.escape(customEnvMsg)}</div>`);
       } else {
         $$renderer2.push("<!--[-1-->");
       }
@@ -1311,12 +1687,12 @@ 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"${$19.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"><form class="row svelte-1n6ht58" method="POST" action="?/petToggle"><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"${$26.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"><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"${$19.attr("checked", !!petArt, true)}${$19.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"${$26.attr("checked", !!petArt, true)}${$26.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">${$19.escape(petError)}</div></div>`);
+      $$renderer2.push(`<div class="sub svelte-1n6ht58"><div class="msg error svelte-1n6ht58">${$26.escape(petError)}</div></div>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
@@ -1324,10 +1700,10 @@ function SettingsView($$renderer, $$props) {
     if (petArt) {
       $$renderer2.push("<!--[0-->");
       $$renderer2.push(`<div class="sub pets svelte-1n6ht58"><!--[-->`);
-      const each_array_3 = $19.ensure_array_like(avatars);
-      for (let $$index_3 = 0, $$length = each_array_3.length;$$index_3 < $$length; $$index_3++) {
-        let art = each_array_3[$$index_3];
-        $$renderer2.push(`<form method="POST" action="?/petChoose" class="svelte-1n6ht58"><input type="hidden" name="name"${$19.attr("value", art.name)}/> <button type="submit"${$19.attr_class("pet svelte-1n6ht58", undefined, { selected: art.name === petArt.name })}${$19.attr("disabled", savingPet, true)}${$19.attr("title", art.name)}${$19.attr("aria-label", art.name)}${$19.attr("aria-pressed", art.name === petArt.name)}>`);
+      const each_array_6 = $26.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"${$26.attr("value", art.name)}/> <button type="submit"${$26.attr_class("pet svelte-1n6ht58", undefined, { selected: art.name === petArt.name })}${$26.attr("disabled", savingPet, true)}${$26.attr("title", art.name)}${$26.attr("aria-label", art.name)}${$26.attr("aria-pressed", art.name === petArt.name)}>`);
         Avatar($$renderer2, { art, name: art.name, scale: 4 });
         $$renderer2.push(`<!----></button></form>`);
       }
@@ -1335,7 +1711,62 @@ function SettingsView($$renderer, $$props) {
     } else {
       $$renderer2.push("<!--[-1-->");
     }
-    $$renderer2.push(`<!--]--></section> <section class="card danger-card svelte-1n6ht58"><form class="row svelte-1n6ht58" method="POST" action="?/shutdown"><div class="label svelte-1n6ht58">`);
+    $$renderer2.push(`<!--]--></section> <section class="card svelte-1n6ht58"><details class="advanced svelte-1n6ht58"><summary class="svelte-1n6ht58">`);
+    Sliders_horizontal($$renderer2, { size: 20 });
+    $$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"${$26.attr("checked", serialInjections, true)}${$26.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">${$26.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"${$26.attr("checked", noBuildkit, true)}${$26.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">${$26.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"${$26.attr("checked", blockingExtInstall, true)}${$26.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">${$26.escape(blockingError)}</div></div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> <form class="row divided svelte-1n6ht58" method="POST" action="?/clearVersionCache"><div class="label svelte-1n6ht58">`);
+    Trash_2($$renderer2, { size: 20 });
+    $$renderer2.push(`<!----> <div class="text svelte-1n6ht58"><div class="name svelte-1n6ht58">Clear claude-code version cache</div> <div class="desc svelte-1n6ht58">Forget the cached latest-version check; the next instance boot asks the npm registry
+								again.</div> `);
+    if (verError) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$26.escape(verError)}</div>`);
+    } else if (verMsg) {
+      $$renderer2.push("<!--[1-->");
+      $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$26.escape(verMsg)}</div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></div></div> `);
+    Button($$renderer2, {
+      type: "submit",
+      icon: Trash_2,
+      disabled: clearingVer,
+      children: ($$renderer3) => {
+        $$renderer3.push(`<!---->${$26.escape(clearingVer ? "Clearing\u2026" : "Clear cache")}`);
+      },
+      $$slots: { default: true }
+    });
+    $$renderer2.push(`<!----></form></details></section> <section class="card danger-card svelte-1n6ht58"><form class="row svelte-1n6ht58" method="POST" action="?/shutdown"><div class="label svelte-1n6ht58">`);
     Power($$renderer2, { size: 20 });
     $$renderer2.push(`<!----> <div class="text svelte-1n6ht58"><div class="name svelte-1n6ht58">Delete database, containers, and shut down</div> <div class="desc svelte-1n6ht58">Stop and remove every instance and its container, delete all copied workspaces and the
 							database, then shut down the server. This cannot be undone.</div></div></div> `);
@@ -1355,7 +1786,7 @@ function SettingsView($$renderer, $$props) {
     }
     $$renderer2.push(`<!--]--></form></section> `);
     CoinButton($$renderer2, {});
-    $$renderer2.push(`<!----> <div class="version svelte-1n6ht58">Codebay v${$19.escape(version)}</div></main></div> `);
+    $$renderer2.push(`<!----> <div class="version svelte-1n6ht58">Codebay v${$26.escape(version)}</div></main></div> `);
     Toaster($$renderer2, {
       toastOptions: {
         style: "border:1px solid var(--ink); background:var(--bg-card); color:var(--ink); box-shadow:4px 4px 0 var(--ink); font-family:var(--font-mono); font-size:13px;"
@@ -1371,6 +1802,8 @@ function Settings($$renderer, $$props) {
     let {
       pet,
       defaultMode,
+      claudePermissionMode,
+      claudeEffortLevel,
       defaultImage,
       builtinImage,
       disableBuildCache,
@@ -1400,11 +1833,16 @@ function Settings($$renderer, $$props) {
       hostEnvVarsEnabled,
       hostEnvVarNames,
       hostEnvVarPresence,
+      customEnvVarsEnabled,
+      customEnvVarNames,
+      advancedSerialInjections,
+      advancedNoBuildkit,
+      advancedBlockingExtInstall,
       version
     } = $$props;
     if (true) {
       let failed = function($$renderer3, error) {
-        $$renderer3.push(`<mochi-island-failure data-component="SettingsView"${$20.attr("data-message", error.message)}></mochi-island-failure>`);
+        $$renderer3.push(`<mochi-island-failure data-component="SettingsView"${$27.attr("data-message", error.message)}></mochi-island-failure>`);
       };
       $$renderer2.push("<!--[0-->");
       $$renderer2.boundary({ failed }, ($$renderer3) => {
@@ -1412,9 +1850,11 @@ function Settings($$renderer, $$props) {
         {
           HydratableBoundary($$renderer3, {
             children: ($$renderer4) => {
-              $$renderer4.push(`<mochi-hydratable-island component-name="SettingsView_8hmarwmf8onq" component-url="__MOCHI_COMPONENT_URL__SettingsView_8hmarwmf8onq__"${$20.attr("props-ref", emitIslandProps({
+              $$renderer4.push(`<mochi-hydratable-island component-name="SettingsView_8hmarwmf8onq" component-url="__MOCHI_COMPONENT_URL__SettingsView_8hmarwmf8onq__"${$27.attr("props-ref", emitIslandProps({
                 pet,
                 defaultMode,
+                claudePermissionMode,
+                claudeEffortLevel,
                 defaultImage,
                 builtinImage,
                 disableBuildCache,
@@ -1444,6 +1884,11 @@ function Settings($$renderer, $$props) {
                 hostEnvVarsEnabled,
                 hostEnvVarNames,
                 hostEnvVarPresence,
+                customEnvVarsEnabled,
+                customEnvVarNames,
+                advancedSerialInjections,
+                advancedNoBuildkit,
+                advancedBlockingExtInstall,
                 version
               }))}>`);
               $$renderer4.push(`<!--[-->`);
@@ -1451,6 +1896,8 @@ function Settings($$renderer, $$props) {
                 SettingsView($$renderer4, {
                   pet,
                   defaultMode,
+                  claudePermissionMode,
+                  claudeEffortLevel,
                   defaultImage,
                   builtinImage,
                   disableBuildCache,
@@ -1480,6 +1927,11 @@ function Settings($$renderer, $$props) {
                   hostEnvVarsEnabled,
                   hostEnvVarNames,
                   hostEnvVarPresence,
+                  customEnvVarsEnabled,
+                  customEnvVarNames,
+                  advancedSerialInjections,
+                  advancedNoBuildkit,
+                  advancedBlockingExtInstall,
                   version
                 });
               }