codebay 0.14.0 → 0.15.0

package/.mochi/svelte-compile/{App-94xsdn0w.server.js → App-68f9a9fq.server.js}

@@ -1,20 +1,21 @@
 // @bun
 import {
+  Chevron_right,
   StatusBadge,
   forwardedPortUrl
-} from "./chunk-ed46m58e.js";
+} from "./chunk-2qzc07gt.js";
 import {
   Layout_template,
   Plus,
-  Terminal,
   tabShortcutsEnabled
-} from "./chunk-pqb403fh.js";
+} from "./chunk-g0eravvj.js";
 import {
+  Terminal,
   apiDelete,
   apiFetch,
   apiPost,
   ideUrl
-} from "./chunk-w0hca7va.js";
+} from "./chunk-0y3wrae9.js";
 import {
   AppBar,
   Avatar,
@@ -38,11 +39,11 @@ import {
 
 // src/pages/App.svelte
 import"svelte/internal/flags/async";
-import * as $31 from "svelte/internal/server";
+import * as $30 from "svelte/internal/server";
 
 // src/components/AppShell.svelte
 import"svelte/internal/flags/async";
-import * as $30 from "svelte/internal/server";
+import * as $29 from "svelte/internal/server";
 import { tick as tick2 } from "svelte";
 import { SvelteSet } from "svelte/reactivity";
 
@@ -124,6 +125,10 @@ function isRepoUrl(input) {
   return parseRepoUrl(input) !== null;
 }
 
+// src/lib/drives.ts
+var DRIVES_ROOT = "::drives";
+var DRIVES_ROOT_LABEL = "This PC";
+
 // node_modules/@lucide/svelte/dist/icons/folder-clock.svelte
 import"svelte/internal/flags/async";
 import * as $ from "svelte/internal/server";
@@ -218,6 +223,7 @@ function FolderBrowser($$renderer, $$props) {
       onpick(repoUrl.trim(), { branch: repoBranch.trim() || undefined, mode: mode() });
     }
     const filtered = $6.derived(() => result ? result.entries.filter((e) => e.name.toLowerCase().includes(query.trim().toLowerCase())) : []);
+    const atDrivesRoot = $6.derived(() => result?.path === DRIVES_ROOT);
     const shownHistory = $6.derived(() => showAll ? history2 : history2.slice(0, 5));
     async function loadHistory() {
       try {
@@ -255,7 +261,7 @@ function FolderBrowser($$renderer, $$props) {
     Layout_template($$renderer2, { size: 15 });
     $$renderer2.push(`<!----> Full IDE</button> <button type="button"${$6.attr_class("mode-btn svelte-oq97c4", undefined, { active: mode() === "terminal" })}${$6.attr("aria-pressed", mode() === "terminal")}>`);
     Terminal($$renderer2, { size: 15 });
-    $$renderer2.push(`<!----> Terminal</button></div></div> <div class="clone svelte-oq97c4"><div class="clone-label svelte-oq97c4">Clone a Git repository</div> <div class="clone-row svelte-oq97c4"><input class="clone-url svelte-oq97c4" type="text" placeholder="https://github.com/owner/repo"${$6.attr("value", repoUrl)} spellcheck="false" autocomplete="off"/> <input class="clone-branch svelte-oq97c4" type="text" placeholder="branch (optional)"${$6.attr("value", repoBranch)} spellcheck="false" autocomplete="off"/> <button class="clone-btn svelte-oq97c4"${$6.attr("disabled", !repoValid(), true)}>Clone</button></div></div> <div class="crumbs svelte-oq97c4"><code class="svelte-oq97c4">${$6.escape(result?.path ?? "\u2026")}</code></div> `);
+    $$renderer2.push(`<!----> Terminal</button></div></div> <div class="clone svelte-oq97c4"><div class="clone-label svelte-oq97c4">Clone a Git repository</div> <div class="clone-row svelte-oq97c4"><input class="clone-url svelte-oq97c4" type="text" placeholder="https://github.com/owner/repo"${$6.attr("value", repoUrl)} spellcheck="false" autocomplete="off"/> <input class="clone-branch svelte-oq97c4" type="text" placeholder="branch (optional)"${$6.attr("value", repoBranch)} spellcheck="false" autocomplete="off"/> <button class="clone-btn svelte-oq97c4"${$6.attr("disabled", !repoValid(), true)}>Clone</button></div></div> <div class="crumbs svelte-oq97c4"><code class="svelte-oq97c4">${$6.escape(atDrivesRoot() ? DRIVES_ROOT_LABEL : result?.path ?? "\u2026")}</code></div> `);
     if (history2.length > 0) {
       $$renderer2.push("<!--[0-->");
       $$renderer2.push(`<div class="recent svelte-oq97c4"><div class="recent-label svelte-oq97c4">Recent</div> <!--[-->`);
@@ -329,7 +335,7 @@ function FolderBrowser($$renderer, $$props) {
       $$renderer2.push("<!--[-1-->");
     }
     $$renderer2.push(`<!--]--></div> `);
-    if (result && !result.hasDevcontainer) {
+    if (result && !result.hasDevcontainer && !atDrivesRoot()) {
       $$renderer2.push("<!--[0-->");
       $$renderer2.push(`<div class="warn svelte-oq97c4">`);
       Triangle_alert($$renderer2, { size: 15 });
@@ -338,7 +344,7 @@ function FolderBrowser($$renderer, $$props) {
     } else {
       $$renderer2.push("<!--[-1-->");
     }
-    $$renderer2.push(`<!--]--> <div class="foot svelte-oq97c4"><span class="hint svelte-oq97c4">Browse to a folder, then select this folder or any subfolder.</span> <button class="primary svelte-oq97c4"${$6.attr("disabled", !result, true)}>Select this folder</button></div></div></div>`);
+    $$renderer2.push(`<!--]--> <div class="foot svelte-oq97c4"><span class="hint svelte-oq97c4">${$6.escape(atDrivesRoot() ? "Pick a drive to browse." : "Browse to a folder, then select this folder or any subfolder.")}</span> <button class="primary svelte-oq97c4"${$6.attr("disabled", !result || atDrivesRoot(), true)}>Select this folder</button></div></div></div>`);
   });
 }
 
@@ -479,6 +485,13 @@ function InstanceCard($$renderer, $$props) {
       $$renderer2.push("<!--[-1-->");
     }
     $$renderer2.push(`<!--]--> `);
+    if (instance.active_run) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<div class="agent-run svelte-13338y7" title="An MCP client is driving Claude in this sandbox"><span class="agent-dot svelte-13338y7"></span> <span class="agent-text svelte-13338y7">${$10.escape(instance.active_run.status === "queued" ? "Agent run queued" : instance.active_run.last_activity ?? "Agent running")}</span></div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
     if (instance.status === "error" && instance.error) {
       $$renderer2.push("<!--[0-->");
       $$renderer2.push(`<div class="card-error svelte-13338y7">${$10.escape(instance.error)}</div>`);
@@ -1052,7 +1065,7 @@ function DashboardView($$renderer, $$props) {
 
 // src/components/IdeBar.svelte
 import"svelte/internal/flags/async";
-import * as $24 from "svelte/internal/server";
+import * as $23 from "svelte/internal/server";
 
 // node_modules/@lucide/svelte/dist/icons/rotate-cw.svelte
 import"svelte/internal/flags/async";
@@ -1076,14 +1089,6 @@ function Chevron_left($$renderer, $$props) {
   const iconNode = [["path", { d: "m15 18-6-6 6-6" }]];
   Icon($$renderer, $22.spread_props([{ name: "chevron-left" }, props, { iconNode }]));
 }
-// node_modules/@lucide/svelte/dist/icons/chevron-right.svelte
-import"svelte/internal/flags/async";
-import * as $23 from "svelte/internal/server";
-function Chevron_right($$renderer, $$props) {
-  let { $$slots, $$events, ...props } = $$props;
-  const iconNode = [["path", { d: "m9 18 6-6-6-6" }]];
-  Icon($$renderer, $23.spread_props([{ name: "chevron-right" }, props, { iconNode }]));
-}
 // src/components/IdeBar.svelte
 function IdeBar($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
@@ -1099,14 +1104,14 @@ function IdeBar($$renderer, $$props) {
       oncommitrename,
       oncancelrename
     } = $$props;
-    const activeIndex = $24.derived(() => running.findIndex((i) => i.id === active));
-    const focusIndex = $24.derived(() => activeIndex() >= 0 ? activeIndex() : 0);
+    const activeIndex = $23.derived(() => running.findIndex((i) => i.id === active));
+    const focusIndex = $23.derived(() => activeIndex() >= 0 ? activeIndex() : 0);
     let viewport = null;
     let content = null;
     let atStart = true;
     let atEnd = true;
     const tabEls = {};
-    const overflowing = $24.derived(() => !atStart || !atEnd);
+    const overflowing = $23.derived(() => !atStart || !atEnd);
     function measure() {
       if (!viewport)
         return;
@@ -1139,14 +1144,14 @@ function IdeBar($$renderer, $$props) {
           $$renderer3.push(`<div class="strip svelte-r39acv">`);
           if (overflowing()) {
             $$renderer3.push("<!--[0-->");
-            $$renderer3.push(`<button type="button" class="page svelte-r39acv"${$24.attr("disabled", atStart, true)} aria-label="Scroll tabs left">`);
+            $$renderer3.push(`<button type="button" class="page svelte-r39acv"${$23.attr("disabled", atStart, true)} aria-label="Scroll tabs left">`);
             Chevron_left($$renderer3, { size: 16 });
             $$renderer3.push(`<!----></button>`);
           } else {
             $$renderer3.push("<!--[-1-->");
           }
           $$renderer3.push(`<!--]--> <div class="viewport svelte-r39acv"><div class="tabs svelte-r39acv" role="tablist" aria-label="Instances"><!--[-->`);
-          const each_array = $24.ensure_array_like(running);
+          const each_array = $23.ensure_array_like(running);
           for (let i = 0, $$length = each_array.length;i < $$length; i++) {
             let inst = each_array[i];
             if (editingId === inst.id) {
@@ -1157,16 +1162,16 @@ function IdeBar($$renderer, $$props) {
                 art: findAvatar(inst.avatar ?? undefined) ?? null,
                 scale: 3
               });
-              $$renderer3.push(`<!----> <input class="tab-name-edit svelte-r39acv"${$24.attr("value", editingName)} autofocus=""/></div>`);
+              $$renderer3.push(`<!----> <input class="tab-name-edit svelte-r39acv"${$23.attr("value", editingName)} autofocus=""/></div>`);
             } else {
               $$renderer3.push("<!--[-1-->");
-              $$renderer3.push(`<button type="button"${$24.attr_class("tab svelte-r39acv", undefined, { active: inst.id === active })}${$24.attr("id", `tab-${$24.stringify(inst.id)}`)} role="tab"${$24.attr("aria-selected", inst.id === active)}${$24.attr("tabindex", i === focusIndex() ? 0 : -1)}${$24.attr("title", inst.name)}>`);
+              $$renderer3.push(`<button type="button"${$23.attr_class("tab svelte-r39acv", undefined, { active: inst.id === active })}${$23.attr("id", `tab-${$23.stringify(inst.id)}`)} role="tab"${$23.attr("aria-selected", inst.id === active)}${$23.attr("tabindex", i === focusIndex() ? 0 : -1)}${$23.attr("title", inst.name)}>`);
               Avatar($$renderer3, {
                 name: inst.name,
                 art: findAvatar(inst.avatar ?? undefined) ?? null,
                 scale: 3
               });
-              $$renderer3.push(`<!----> <span class="tab-name svelte-r39acv">${$24.escape(inst.name)}</span> <span class="tab-mode svelte-r39acv"${$24.attr("aria-label", inst.mode === "terminal" ? "Terminal-only instance" : "Full IDE instance")}>`);
+              $$renderer3.push(`<!----> <span class="tab-name svelte-r39acv">${$23.escape(inst.name)}</span> <span class="tab-mode svelte-r39acv"${$23.attr("aria-label", inst.mode === "terminal" ? "Terminal-only instance" : "Full IDE instance")}>`);
               if (inst.mode === "terminal") {
                 $$renderer3.push("<!--[0-->");
                 Terminal($$renderer3, { size: 11 });
@@ -1177,7 +1182,7 @@ function IdeBar($$renderer, $$props) {
               $$renderer3.push(`<!--]--></span> `);
               if (inst.id !== active && attention[inst.id]) {
                 $$renderer3.push("<!--[0-->");
-                $$renderer3.push(`<span${$24.attr_class(`attn ${$24.stringify(attention[inst.id])}`, "svelte-r39acv")}${$24.attr("aria-label", attention[inst.id] === "waiting" ? "Claude is waiting for input" : "Claude finished")}></span>`);
+                $$renderer3.push(`<span${$23.attr_class(`attn ${$23.stringify(attention[inst.id])}`, "svelte-r39acv")}${$23.attr("aria-label", attention[inst.id] === "waiting" ? "Claude is waiting for input" : "Claude finished")}></span>`);
               } else {
                 $$renderer3.push("<!--[-1-->");
               }
@@ -1188,7 +1193,7 @@ function IdeBar($$renderer, $$props) {
           $$renderer3.push(`<!--]--></div></div> `);
           if (overflowing()) {
             $$renderer3.push("<!--[0-->");
-            $$renderer3.push(`<button type="button" class="page trailing svelte-r39acv"${$24.attr("disabled", atEnd, true)} aria-label="Scroll tabs right">`);
+            $$renderer3.push(`<button type="button" class="page trailing svelte-r39acv"${$23.attr("disabled", atEnd, true)} aria-label="Scroll tabs right">`);
             Chevron_right($$renderer3, { size: 16 });
             $$renderer3.push(`<!----></button>`);
           } else {
@@ -1207,41 +1212,41 @@ function IdeBar($$renderer, $$props) {
         } else {
           $$renderer3.push("<!--[-1-->");
         }
-        $$renderer3.push(`<!--]--> <a class="cog svelte-r39acv"${$24.attr("href", withPopupMarker("/settings"))} target="_blank" rel="noopener noreferrer" title="Settings" aria-label="Settings">`);
+        $$renderer3.push(`<!--]--> <a class="cog svelte-r39acv"${$23.attr("href", withPopupMarker("/settings"))} target="_blank" rel="noopener noreferrer" title="Settings" aria-label="Settings">`);
         Settings($$renderer3, { size: 18 });
         $$renderer3.push(`<!----></a></div>`);
       },
       $$slots: { default: true }
     });
-    $24.bind_props($$props, { editingName });
+    $23.bind_props($$props, { editingName });
   });
 }
 
 // src/components/IdeLoader.svelte
 import"svelte/internal/flags/async";
-import * as $25 from "svelte/internal/server";
+import * as $24 from "svelte/internal/server";
 function IdeLoader($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
     let { speed = 1, mode = "ide", stalledAfterMs, onoverride } = $$props;
-    const isTerminal = $25.derived(() => mode === "terminal");
+    const isTerminal = $24.derived(() => mode === "terminal");
     let stalled = false;
     const ROWS = 3;
     const COLS = 22;
     const BASE_TICK_MS = 140;
     const FLIPS_PER_TICK = 7;
-    const tickMs = $25.derived(() => Math.max(20, BASE_TICK_MS / speed));
+    const tickMs = $24.derived(() => Math.max(20, BASE_TICK_MS / speed));
     const seed = () => Array.from({ length: ROWS }, () => Array.from({ length: COLS }, () => Math.random() < 0.5 ? 0 : 1));
     let grid = seed();
     $$renderer2.push(`<div class="loader svelte-w5e143"><div class="grid svelte-w5e143" aria-hidden="true"><!--[-->`);
-    const each_array = $25.ensure_array_like(grid);
+    const each_array = $24.ensure_array_like(grid);
     for (let i = 0, $$length = each_array.length;i < $$length; i++) {
       let row = each_array[i];
-      $$renderer2.push(`<div class="row svelte-w5e143">${$25.escape(row.join(""))}</div>`);
+      $$renderer2.push(`<div class="row svelte-w5e143">${$24.escape(row.join(""))}</div>`);
     }
-    $$renderer2.push(`<!--]--></div> <div class="label svelte-w5e143">Loading ${$25.escape(isTerminal() ? "terminal" : "editor")}<span class="dot svelte-w5e143">.</span><span class="dot svelte-w5e143">.</span><span class="dot svelte-w5e143">.</span></div> `);
+    $$renderer2.push(`<!--]--></div> <div class="label svelte-w5e143">Loading ${$24.escape(isTerminal() ? "terminal" : "editor")}<span class="dot svelte-w5e143">.</span><span class="dot svelte-w5e143">.</span><span class="dot svelte-w5e143">.</span></div> `);
     if (stalled) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<div class="stalled svelte-w5e143"><p class="svelte-w5e143">Waiting for ${$25.escape(isTerminal() ? "the terminal" : "code-server")} to answer inside the container.</p> `);
+      $$renderer2.push(`<div class="stalled svelte-w5e143"><p class="svelte-w5e143">Waiting for ${$24.escape(isTerminal() ? "the terminal" : "code-server")} to answer inside the container.</p> `);
       if (onoverride) {
         $$renderer2.push("<!--[0-->");
         Button($$renderer2, {
@@ -1265,11 +1270,11 @@ function IdeLoader($$renderer, $$props) {
 
 // src/components/TerminalSplit.svelte
 import"svelte/internal/flags/async";
-import * as $29 from "svelte/internal/server";
+import * as $28 from "svelte/internal/server";
 
 // node_modules/@lucide/svelte/dist/icons/panel-right-open.svelte
 import"svelte/internal/flags/async";
-import * as $26 from "svelte/internal/server";
+import * as $25 from "svelte/internal/server";
 function Panel_right_open($$renderer, $$props) {
   let { $$slots, $$events, ...props } = $$props;
   const iconNode = [
@@ -1280,11 +1285,11 @@ function Panel_right_open($$renderer, $$props) {
     ["path", { d: "M15 3v18" }],
     ["path", { d: "m10 15-3-3 3-3" }]
   ];
-  Icon($$renderer, $26.spread_props([{ name: "panel-right-open" }, props, { iconNode }]));
+  Icon($$renderer, $25.spread_props([{ name: "panel-right-open" }, props, { iconNode }]));
 }
 // node_modules/@lucide/svelte/dist/icons/panel-right-close.svelte
 import"svelte/internal/flags/async";
-import * as $27 from "svelte/internal/server";
+import * as $26 from "svelte/internal/server";
 function Panel_right_close($$renderer, $$props) {
   let { $$slots, $$events, ...props } = $$props;
   const iconNode = [
@@ -1295,11 +1300,11 @@ function Panel_right_close($$renderer, $$props) {
     ["path", { d: "M15 3v18" }],
     ["path", { d: "m8 9 3 3-3 3" }]
   ];
-  Icon($$renderer, $27.spread_props([{ name: "panel-right-close" }, props, { iconNode }]));
+  Icon($$renderer, $26.spread_props([{ name: "panel-right-close" }, props, { iconNode }]));
 }
 // src/components/TerminalPane.svelte
 import"svelte/internal/flags/async";
-import * as $28 from "svelte/internal/server";
+import * as $27 from "svelte/internal/server";
 import { onMount } from "svelte";
 function TerminalPane($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
@@ -1504,7 +1509,7 @@ function TerminalSplit($$renderer, $$props) {
       e.preventDefault();
     }
     function splitToggle($$renderer3) {
-      $$renderer3.push(`<button type="button"${$29.attr("aria-pressed", open)}${$29.attr("title", open ? "Hide the shell pane" : "Open a shell alongside Claude")}${$29.attr("aria-label", open ? "Hide the shell pane" : "Open a shell alongside Claude")}>`);
+      $$renderer3.push(`<button type="button"${$28.attr("aria-pressed", open)}${$28.attr("title", open ? "Hide the shell pane" : "Open a shell alongside Claude")}${$28.attr("aria-label", open ? "Hide the shell pane" : "Open a shell alongside Claude")}>`);
       if (open) {
         $$renderer3.push("<!--[0-->");
         Panel_right_close($$renderer3, { size: 14 });
@@ -1514,7 +1519,7 @@ function TerminalSplit($$renderer, $$props) {
       }
       $$renderer3.push(`<!--]--></button>`);
     }
-    $$renderer2.push(`<div class="split svelte-1ysvu88"><div class="side svelte-1ysvu88"${$29.attr_style("", { "flex-basis": open ? `${ratio}%` : "100%" })}>`);
+    $$renderer2.push(`<div class="split svelte-1ysvu88"><div class="side svelte-1ysvu88"${$28.attr_style("", { "flex-basis": open ? `${ratio}%` : "100%" })}>`);
     TerminalPane($$renderer2, {
       id,
       active,
@@ -1524,7 +1529,7 @@ function TerminalSplit($$renderer, $$props) {
     $$renderer2.push(`<!----></div> `);
     if (mounted) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<div${$29.attr_class("divider svelte-1ysvu88", undefined, { hidden: !open })} role="separator" aria-orientation="vertical" aria-label="Resize terminal panes"${$29.attr("aria-valuenow", Math.round(ratio))}${$29.attr("aria-valuemin", 20)}${$29.attr("aria-valuemax", 80)} tabindex="0"></div> <div${$29.attr_class("side svelte-1ysvu88", undefined, { hidden: !open })}${$29.attr_style("", { "flex-basis": `${$29.stringify(100 - ratio)}%` })}>`);
+      $$renderer2.push(`<div${$28.attr_class("divider svelte-1ysvu88", undefined, { hidden: !open })} role="separator" aria-orientation="vertical" aria-label="Resize terminal panes"${$28.attr("aria-valuenow", Math.round(ratio))}${$28.attr("aria-valuemin", 20)}${$28.attr("aria-valuemax", 80)} tabindex="0"></div> <div${$28.attr_class("side svelte-1ysvu88", undefined, { hidden: !open })}${$28.attr_style("", { "flex-basis": `${$28.stringify(100 - ratio)}%` })}>`);
       TerminalPane($$renderer2, {
         id,
         arg: "shell",
@@ -1549,7 +1554,7 @@ function AppShell($$renderer, $$props) {
     let livePet = pet;
     let liveFilter = filter;
     let loaded = snapshot.length > 0;
-    const running = $30.derived(() => instances.filter((i) => i.status === "running"));
+    const running = $29.derived(() => instances.filter((i) => i.status === "running"));
     let attention = Object.fromEntries(snapshot.map((i) => [i.id, i.attention]));
     let editingId = null;
     let editingName = "";
@@ -1580,9 +1585,9 @@ function AppShell($$renderer, $$props) {
       apiPost("/api/settings/filter", { value: v }).catch(() => {});
     }
     let path = initialPath;
-    const onIde = $30.derived(() => path.startsWith("/ide"));
-    const requestedId = $30.derived(() => path.startsWith("/ide/") ? path.slice("/ide/".length) : "");
-    const active = $30.derived(() => onIde() ? running().some((i) => i.id === requestedId()) ? requestedId() : running()[0]?.id ?? "" : "");
+    const onIde = $29.derived(() => path.startsWith("/ide"));
+    const requestedId = $29.derived(() => path.startsWith("/ide/") ? path.slice("/ide/".length) : "");
+    const active = $29.derived(() => onIde() ? running().some((i) => i.id === requestedId()) ? requestedId() : running()[0]?.id ?? "" : "");
     function navigate(to) {
       if (to === path)
         return;
@@ -1595,7 +1600,7 @@ function AppShell($$renderer, $$props) {
     const forced = new SvelteSet;
     const mountable = (id) => everReady.has(id) || forced.has(id);
     const STALLED_AFTER_MS = 1e4;
-    const activeInstance = $30.derived(() => running().find((i) => i.id === active()));
+    const activeInstance = $29.derived(() => running().find((i) => i.id === active()));
     const frames = {};
     function reloadActive() {
       const inst = activeInstance();
@@ -1620,11 +1625,11 @@ function AppShell($$renderer, $$props) {
       if (fromFrame)
         tick2().then(() => frames[target.id]?.contentWindow?.focus());
     }
-    const framedTabIds = $30.derived(() => running().filter((i) => i.mode !== "terminal" && loadedFrames.has(i.id)).map((i) => i.id).join(" "));
+    const framedTabIds = $29.derived(() => running().filter((i) => i.mode !== "terminal" && loadedFrames.has(i.id)).map((i) => i.id).join(" "));
     let $$settled = true;
     let $$inner_renderer;
     function $$render_inner($$renderer3) {
-      $$renderer3.push(`<div${$30.attr_class("app svelte-1duc7gd", undefined, { ide: onIde() })}>`);
+      $$renderer3.push(`<div${$29.attr_class("app svelte-1duc7gd", undefined, { ide: onIde() })}>`);
       if (onIde()) {
         $$renderer3.push("<!--[0-->");
         IdeBar($$renderer3, {
@@ -1656,13 +1661,13 @@ function AppShell($$renderer, $$props) {
           onFilter: setFilter
         });
       }
-      $$renderer3.push(`<!--]--> <div${$30.attr_class("panes svelte-1duc7gd", undefined, { hidden: !onIde() })}><!--[-->`);
-      const each_array = $30.ensure_array_like(running());
+      $$renderer3.push(`<!--]--> <div${$29.attr_class("panes svelte-1duc7gd", undefined, { hidden: !onIde() })}><!--[-->`);
+      const each_array = $29.ensure_array_like(running());
       for (let $$index = 0, $$length = each_array.length;$$index < $$length; $$index++) {
         let inst = each_array[$$index];
         if (visited.has(inst.id)) {
           $$renderer3.push("<!--[0-->");
-          $$renderer3.push(`<div${$30.attr_class("pane svelte-1duc7gd", undefined, { active: inst.id === active() })} role="tabpanel"${$30.attr("aria-labelledby", `tab-${$30.stringify(inst.id)}`)}>`);
+          $$renderer3.push(`<div${$29.attr_class("pane svelte-1duc7gd", undefined, { active: inst.id === active() })} role="tabpanel"${$29.attr("aria-labelledby", `tab-${$29.stringify(inst.id)}`)}>`);
           if (mountable(inst.id)) {
             $$renderer3.push("<!--[0-->");
             if (inst.mode === "terminal") {
@@ -1674,7 +1679,7 @@ function AppShell($$renderer, $$props) {
               });
             } else {
               $$renderer3.push("<!--[-1-->");
-              $$renderer3.push(`<iframe${$30.attr("src", ideUrl(inst))}${$30.attr("title", inst.name)} class="svelte-1duc7gd" onload="this.__e=event"></iframe>`);
+              $$renderer3.push(`<iframe${$29.attr("src", ideUrl(inst))}${$29.attr("title", inst.name)} class="svelte-1duc7gd" onload="this.__e=event"></iframe>`);
             }
             $$renderer3.push(`<!--]-->`);
           } else {
@@ -1726,7 +1731,7 @@ function App($$renderer, $$props) {
     let { preflight, initialPath, snapshot, pet, filter } = $$props;
     if (true) {
       let failed = function($$renderer3, error) {
-        $$renderer3.push(`<mochi-island-failure data-component="AppShell"${$31.attr("data-message", error.message)}></mochi-island-failure>`);
+        $$renderer3.push(`<mochi-island-failure data-component="AppShell"${$30.attr("data-message", error.message)}></mochi-island-failure>`);
       };
       $$renderer2.push("<!--[0-->");
       $$renderer2.boundary({ failed }, ($$renderer3) => {
@@ -1734,7 +1739,7 @@ function App($$renderer, $$props) {
         {
           HydratableBoundary($$renderer3, {
             children: ($$renderer4) => {
-              $$renderer4.push(`<mochi-hydratable-island component-name="AppShell_2rtnxn6pgp2rh" component-url="__MOCHI_COMPONENT_URL__AppShell_2rtnxn6pgp2rh__"${$31.attr("props-ref", emitIslandProps({ preflight, initialPath, snapshot, pet, filter }))}>`);
+              $$renderer4.push(`<mochi-hydratable-island component-name="AppShell_2rtnxn6pgp2rh" component-url="__MOCHI_COMPONENT_URL__AppShell_2rtnxn6pgp2rh__"${$30.attr("props-ref", emitIslandProps({ preflight, initialPath, snapshot, pet, filter }))}>`);
               $$renderer4.push(`<!--[-->`);
               {
                 AppShell($$renderer4, { preflight, initialPath, snapshot, pet, filter });

package/.mochi/svelte-compile/{Avatars-fnccw47h.server.js → Avatars-vyh3rwxx.server.js}

@@ -1,4 +1,7 @@
 // @bun
+import {
+  Bot
+} from "./chunk-f9td8ej2.js";
 import {
   Rotate_ccw
 } from "./chunk-jx6h1xzp.js";
@@ -27,11 +30,11 @@ import"./chunk-xpt1a7jm.js";
 
 // src/pages/Avatars.svelte
 import"svelte/internal/flags/async";
-import * as $9 from "svelte/internal/server";
+import * as $8 from "svelte/internal/server";
 
 // src/components/AvatarsView.svelte
 import"svelte/internal/flags/async";
-import * as $8 from "svelte/internal/server";
+import * as $7 from "svelte/internal/server";
 
 // src/components/AvatarEditor.svelte
 import"svelte/internal/flags/async";
@@ -371,27 +374,9 @@ function AvatarEditor($$renderer, $$props) {
   });
 }
 
-// node_modules/@lucide/svelte/dist/icons/bot.svelte
-import"svelte/internal/flags/async";
-import * as $6 from "svelte/internal/server";
-function Bot($$renderer, $$props) {
-  let { $$slots, $$events, ...props } = $$props;
-  const iconNode = [
-    ["path", { d: "M12 8V4H8" }],
-    [
-      "rect",
-      { width: "16", height: "12", x: "4", y: "8", rx: "2" }
-    ],
-    ["path", { d: "M2 14h2" }],
-    ["path", { d: "M20 14h2" }],
-    ["path", { d: "M15 13v2" }],
-    ["path", { d: "M9 13v2" }]
-  ];
-  Icon($$renderer, $6.spread_props([{ name: "bot" }, props, { iconNode }]));
-}
 // node_modules/@lucide/svelte/dist/icons/pencil.svelte
 import"svelte/internal/flags/async";
-import * as $7 from "svelte/internal/server";
+import * as $6 from "svelte/internal/server";
 function Pencil($$renderer, $$props) {
   let { $$slots, $$events, ...props } = $$props;
   const iconNode = [
@@ -403,7 +388,7 @@ function Pencil($$renderer, $$props) {
     ],
     ["path", { d: "m15 5 4 4" }]
   ];
-  Icon($$renderer, $7.spread_props([{ name: "pencil" }, props, { iconNode }]));
+  Icon($$renderer, $6.spread_props([{ name: "pencil" }, props, { iconNode }]));
 }
 // src/components/AvatarsView.svelte
 function AvatarsView($$renderer, $$props) {
@@ -426,8 +411,8 @@ function AvatarsView($$renderer, $$props) {
     {
       AvatarEditor($$renderer2, { namePlaceholder, editing, oncancelEdit: () => editing = null });
     }
-    $$renderer2.push(`<!----></div> <section class="catalog svelte-fkq7sr"><header class="svelte-fkq7sr"><h2 class="svelte-fkq7sr">The set</h2> <p class="svelte-fkq7sr">${$8.escape(avatars.length)} hand-crafted 8\xD78 sprites</p></header> <ul class="svelte-fkq7sr"><!--[-->`);
-    const each_array = $8.ensure_array_like(avatars);
+    $$renderer2.push(`<!----></div> <section class="catalog svelte-fkq7sr"><header class="svelte-fkq7sr"><h2 class="svelte-fkq7sr">The set</h2> <p class="svelte-fkq7sr">${$7.escape(avatars.length)} hand-crafted 8\xD78 sprites</p></header> <ul class="svelte-fkq7sr"><!--[-->`);
+    const each_array = $7.ensure_array_like(avatars);
     for (let $$index = 0, $$length = each_array.length;$$index < $$length; $$index++) {
       let art = each_array[$$index];
       $$renderer2.push(`<li class="svelte-fkq7sr">`);
@@ -441,12 +426,12 @@ function AvatarsView($$renderer, $$props) {
       } else {
         $$renderer2.push("<!--[-1-->");
       }
-      $$renderer2.push(`<!--]--> ${$8.escape(art.name)}</span> `);
+      $$renderer2.push(`<!--]--> ${$7.escape(art.name)}</span> `);
       if (art.robot) {
         $$renderer2.push("<!--[0-->");
-        $$renderer2.push(`<button type="button"${$8.attr_class("edit-btn svelte-fkq7sr", undefined, { active: editing?.name === art.name })}${$8.attr("disabled", editing?.name === art.name, true)}>`);
+        $$renderer2.push(`<button type="button"${$7.attr_class("edit-btn svelte-fkq7sr", undefined, { active: editing?.name === art.name })}${$7.attr("disabled", editing?.name === art.name, true)}>`);
         Pencil($$renderer2, { size: 11 });
-        $$renderer2.push(`<!----> <span>${$8.escape(editing?.name === art.name ? "Editing" : "Redraw")}</span></button>`);
+        $$renderer2.push(`<!----> <span>${$7.escape(editing?.name === art.name ? "Editing" : "Redraw")}</span></button>`);
       } else {
         $$renderer2.push("<!--[-1-->");
       }
@@ -464,7 +449,7 @@ function Avatars($$renderer, $$props) {
     let { namePlaceholder } = $$props;
     if (true) {
       let failed = function($$renderer3, error) {
-        $$renderer3.push(`<mochi-island-failure data-component="AvatarsView"${$9.attr("data-message", error.message)}></mochi-island-failure>`);
+        $$renderer3.push(`<mochi-island-failure data-component="AvatarsView"${$8.attr("data-message", error.message)}></mochi-island-failure>`);
       };
       $$renderer2.push("<!--[0-->");
       $$renderer2.boundary({ failed }, ($$renderer3) => {
@@ -472,7 +457,7 @@ function Avatars($$renderer, $$props) {
         {
           HydratableBoundary($$renderer3, {
             children: ($$renderer4) => {
-              $$renderer4.push(`<mochi-hydratable-island component-name="AvatarsView_257s9yq1wwr4f" component-url="__MOCHI_COMPONENT_URL__AvatarsView_257s9yq1wwr4f__"${$9.attr("props-ref", emitIslandProps({ namePlaceholder }))}>`);
+              $$renderer4.push(`<mochi-hydratable-island component-name="AvatarsView_257s9yq1wwr4f" component-url="__MOCHI_COMPONENT_URL__AvatarsView_257s9yq1wwr4f__"${$8.attr("props-ref", emitIslandProps({ namePlaceholder }))}>`);
               $$renderer4.push(`<!--[-->`);
               {
                 AvatarsView($$renderer4, { namePlaceholder });