codebay 0.15.0 → 0.16.0

package/.mochi/svelte-compile/{App-68f9a9fq.server.js → App-8mpgrxza.server.js}

@@ -1,49 +1,52 @@
 // @bun
 import {
   Chevron_right,
+  DropZone,
   StatusBadge,
-  forwardedPortUrl
-} from "./chunk-2qzc07gt.js";
+  filesFrom,
+  forwardedPortUrl,
+  uploadFile
+} from "./chunk-878xcmp4.js";
 import {
   Layout_template,
   Plus,
   tabShortcutsEnabled
-} from "./chunk-g0eravvj.js";
+} from "./chunk-zk4a9zms.js";
 import {
   Terminal,
   apiDelete,
   apiFetch,
   apiPost,
   ideUrl
-} from "./chunk-0y3wrae9.js";
+} from "./chunk-jq7jj8jd.js";
 import {
   AppBar,
   Avatar,
   Button,
-  TOAST_OPTIONS,
-  Toaster,
-  dist_default,
   findAvatar
-} from "./chunk-apdte4nh.js";
+} from "./chunk-xmygdsj4.js";
 import {
   HydratableBoundary,
   Icon,
+  TOAST_OPTIONS,
+  Toaster,
   X,
+  dist_default,
   emitIslandProps,
   isDev,
   withPopupMarker
-} from "./chunk-60mpagr9.js";
+} from "./chunk-gnf5cnct.js";
 import {
   __require
 } from "./chunk-xpt1a7jm.js";
 
 // src/pages/App.svelte
 import"svelte/internal/flags/async";
-import * as $30 from "svelte/internal/server";
+import * as $31 from "svelte/internal/server";
 
 // src/components/AppShell.svelte
 import"svelte/internal/flags/async";
-import * as $29 from "svelte/internal/server";
+import * as $30 from "svelte/internal/server";
 import { tick as tick2 } from "svelte";
 import { SvelteSet } from "svelte/reactivity";
 
@@ -134,72 +137,93 @@ import"svelte/internal/flags/async";
 import * as $ from "svelte/internal/server";
 function Folder_clock($$renderer, $$props) {
   let { $$slots, $$events, ...props } = $$props;
-  const iconNode = [
-    ["path", { d: "M16 14v2.2l1.6 1" }],
-    [
-      "path",
-      {
-        d: "M7 20H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H20a2 2 0 0 1 2 2"
-      }
-    ],
-    ["circle", { cx: "16", cy: "16", r: "6" }]
-  ];
-  Icon($$renderer, $.spread_props([{ name: "folder-clock" }, props, { iconNode }]));
+  const iconData = {
+    name: "folder-clock",
+    size: 24,
+    node: [
+      ["path", { d: "M16 14v2.2l1.6 1" }],
+      [
+        "path",
+        {
+          d: "M7 20H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H20a2 2 0 0 1 2 2"
+        }
+      ],
+      ["circle", { cx: "16", cy: "16", r: "6" }]
+    ]
+  };
+  Icon($$renderer, $.spread_props([props, { icon: iconData }]));
 }
 // node_modules/@lucide/svelte/dist/icons/git-branch.svelte
 import"svelte/internal/flags/async";
 import * as $2 from "svelte/internal/server";
 function Git_branch($$renderer, $$props) {
   let { $$slots, $$events, ...props } = $$props;
-  const iconNode = [
-    ["path", { d: "M15 6a9 9 0 0 0-9 9V3" }],
-    ["circle", { cx: "18", cy: "6", r: "3" }],
-    ["circle", { cx: "6", cy: "18", r: "3" }]
-  ];
-  Icon($$renderer, $2.spread_props([{ name: "git-branch" }, props, { iconNode }]));
+  const iconData = {
+    name: "git-branch",
+    size: 24,
+    node: [
+      ["path", { d: "M15 6a9 9 0 0 0-9 9V3" }],
+      ["circle", { cx: "18", cy: "6", r: "3" }],
+      ["circle", { cx: "6", cy: "18", r: "3" }]
+    ]
+  };
+  Icon($$renderer, $2.spread_props([props, { icon: iconData }]));
 }
 // node_modules/@lucide/svelte/dist/icons/arrow-up.svelte
 import"svelte/internal/flags/async";
 import * as $3 from "svelte/internal/server";
 function Arrow_up($$renderer, $$props) {
   let { $$slots, $$events, ...props } = $$props;
-  const iconNode = [
-    ["path", { d: "m5 12 7-7 7 7" }],
-    ["path", { d: "M12 19V5" }]
-  ];
-  Icon($$renderer, $3.spread_props([{ name: "arrow-up" }, props, { iconNode }]));
+  const iconData = {
+    name: "arrow-up",
+    size: 24,
+    node: [
+      ["path", { d: "m5 12 7-7 7 7" }],
+      ["path", { d: "M12 19V5" }]
+    ]
+  };
+  Icon($$renderer, $3.spread_props([props, { icon: iconData }]));
 }
 // node_modules/@lucide/svelte/dist/icons/folder.svelte
 import"svelte/internal/flags/async";
 import * as $4 from "svelte/internal/server";
 function Folder($$renderer, $$props) {
   let { $$slots, $$events, ...props } = $$props;
-  const iconNode = [
-    [
-      "path",
-      {
-        d: "M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z"
-      }
+  const iconData = {
+    name: "folder",
+    size: 24,
+    node: [
+      [
+        "path",
+        {
+          d: "M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z"
+        }
+      ]
     ]
-  ];
-  Icon($$renderer, $4.spread_props([{ name: "folder" }, props, { iconNode }]));
+  };
+  Icon($$renderer, $4.spread_props([props, { icon: iconData }]));
 }
 // node_modules/@lucide/svelte/dist/icons/triangle-alert.svelte
 import"svelte/internal/flags/async";
 import * as $5 from "svelte/internal/server";
 function Triangle_alert($$renderer, $$props) {
   let { $$slots, $$events, ...props } = $$props;
-  const iconNode = [
-    [
-      "path",
-      {
-        d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"
-      }
+  const iconData = {
+    name: "triangle-alert",
+    size: 24,
+    node: [
+      [
+        "path",
+        {
+          d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"
+        }
+      ],
+      ["path", { d: "M12 9v4" }],
+      ["path", { d: "M12 17h.01" }]
     ],
-    ["path", { d: "M12 9v4" }],
-    ["path", { d: "M12 17h.01" }]
-  ];
-  Icon($$renderer, $5.spread_props([{ name: "triangle-alert" }, props, { iconNode }]));
+    aliases: ["alert-triangle"]
+  };
+  Icon($$renderer, $5.spread_props([props, { icon: iconData }]));
 }
 // src/components/FolderBrowser.svelte
 function FolderBrowser($$renderer, $$props) {
@@ -263,8 +287,7 @@ function FolderBrowser($$renderer, $$props) {
     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(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> <!--[-->`);
+      $$renderer2.push(`<!--[0--><div class="recent svelte-oq97c4"><div class="recent-label svelte-oq97c4">Recent</div> <!--[-->`);
       const each_array = $6.ensure_array_like(shownHistory());
       for (let $$index = 0, $$length = each_array.length;$$index < $$length; $$index++) {
         let entry = each_array[$$index];
@@ -282,8 +305,7 @@ function FolderBrowser($$renderer, $$props) {
       }
       $$renderer2.push(`<!--]--> `);
       if (history2.length > 5) {
-        $$renderer2.push("<!--[0-->");
-        $$renderer2.push(`<button class="recent-toggle svelte-oq97c4">${$6.escape(showAll ? "Show fewer" : `Show all (${history2.length})`)}</button>`);
+        $$renderer2.push(`<!--[0--><button class="recent-toggle svelte-oq97c4">${$6.escape(showAll ? "Show fewer" : `Show all (${history2.length})`)}</button>`);
       } else {
         $$renderer2.push("<!--[-1-->");
       }
@@ -293,16 +315,13 @@ function FolderBrowser($$renderer, $$props) {
     }
     $$renderer2.push(`<!--]--> <div class="search svelte-oq97c4"><input type="text" placeholder="Filter folders\u2026"${$6.attr("value", query)} spellcheck="false" autocomplete="off" class="svelte-oq97c4"/></div> <div class="list svelte-oq97c4">`);
     if (loading) {
-      $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<div class="muted svelte-oq97c4">Loading\u2026</div>`);
+      $$renderer2.push(`<!--[0--><div class="muted svelte-oq97c4">Loading\u2026</div>`);
     } else if (errorMsg) {
-      $$renderer2.push("<!--[1-->");
-      $$renderer2.push(`<div class="muted err svelte-oq97c4">${$6.escape(errorMsg)}</div>`);
+      $$renderer2.push(`<!--[1--><div class="muted err svelte-oq97c4">${$6.escape(errorMsg)}</div>`);
     } else if (result) {
       $$renderer2.push("<!--[2-->");
       if (result.parent && !query) {
-        $$renderer2.push("<!--[0-->");
-        $$renderer2.push(`<div class="row svelte-oq97c4"><button class="nav svelte-oq97c4"><span class="icon svelte-oq97c4">`);
+        $$renderer2.push(`<!--[0--><div class="row svelte-oq97c4"><button class="nav svelte-oq97c4"><span class="icon svelte-oq97c4">`);
         Arrow_up($$renderer2, { size: 16 });
         $$renderer2.push(`<!----></span> <span class="ename svelte-oq97c4">..</span></button></div>`);
       } else {
@@ -310,8 +329,7 @@ function FolderBrowser($$renderer, $$props) {
       }
       $$renderer2.push(`<!--]--> `);
       if (filtered().length === 0) {
-        $$renderer2.push("<!--[0-->");
-        $$renderer2.push(`<div class="muted svelte-oq97c4">${$6.escape(query ? "No folders match." : "No subfolders here.")}</div>`);
+        $$renderer2.push(`<!--[0--><div class="muted svelte-oq97c4">${$6.escape(query ? "No folders match." : "No subfolders here.")}</div>`);
       } else {
         $$renderer2.push("<!--[-1-->");
       }
@@ -323,8 +341,7 @@ function FolderBrowser($$renderer, $$props) {
         Folder($$renderer2, { size: 16 });
         $$renderer2.push(`<!----></span> <span class="ename svelte-oq97c4">${$6.escape(entry.name)}</span> `);
         if (entry.hasDevcontainer) {
-          $$renderer2.push("<!--[0-->");
-          $$renderer2.push(`<span class="badge svelte-oq97c4">devcontainer</span>`);
+          $$renderer2.push(`<!--[0--><span class="badge svelte-oq97c4">devcontainer</span>`);
         } else {
           $$renderer2.push("<!--[-1-->");
         }
@@ -336,8 +353,7 @@ function FolderBrowser($$renderer, $$props) {
     }
     $$renderer2.push(`<!--]--></div> `);
     if (result && !result.hasDevcontainer && !atDrivesRoot()) {
-      $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<div class="warn svelte-oq97c4">`);
+      $$renderer2.push(`<!--[0--><div class="warn svelte-oq97c4">`);
       Triangle_alert($$renderer2, { size: 15 });
       $$renderer2.push(`<!----> <span>No <code class="svelte-oq97c4">devcontainer.json</code> in this folder \u2014 a default image will be used if you select
 					it.</span></div>`);
@@ -371,37 +387,40 @@ import"svelte/internal/flags/async";
 import * as $8 from "svelte/internal/server";
 function Cable($$renderer, $$props) {
   let { $$slots, $$events, ...props } = $$props;
-  const iconNode = [
-    [
-      "path",
-      {
-        d: "M17 19a1 1 0 0 1-1-1v-2a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2a1 1 0 0 1-1 1z"
-      }
-    ],
-    ["path", { d: "M17 21v-2" }],
-    [
-      "path",
-      { d: "M19 14V6.5a1 1 0 0 0-7 0v11a1 1 0 0 1-7 0V10" }
-    ],
-    ["path", { d: "M21 21v-2" }],
-    ["path", { d: "M3 5V3" }],
-    [
-      "path",
-      {
-        d: "M4 10a2 2 0 0 1-2-2V6a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2a2 2 0 0 1-2 2z"
-      }
-    ],
-    ["path", { d: "M7 5V3" }]
-  ];
-  Icon($$renderer, $8.spread_props([{ name: "cable" }, props, { iconNode }]));
+  const iconData = {
+    name: "cable",
+    size: 24,
+    node: [
+      [
+        "path",
+        {
+          d: "M17 19a1 1 0 0 1-1-1v-2a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2a1 1 0 0 1-1 1z"
+        }
+      ],
+      ["path", { d: "M17 21v-2" }],
+      [
+        "path",
+        { d: "M19 14V6.5a1 1 0 0 0-7 0v11a1 1 0 0 1-7 0V10" }
+      ],
+      ["path", { d: "M21 21v-2" }],
+      ["path", { d: "M3 5V3" }],
+      [
+        "path",
+        {
+          d: "M4 10a2 2 0 0 1-2-2V6a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2a2 2 0 0 1-2 2z"
+        }
+      ],
+      ["path", { d: "M7 5V3" }]
+    ]
+  };
+  Icon($$renderer, $8.spread_props([props, { icon: iconData }]));
 }
 // src/components/PortsBox.svelte
 function PortsBox($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
     let { ports } = $$props;
     if (ports.length) {
-      $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<div class="fports svelte-1uaz383" title="Forwarded ports \u2014 click to open">`);
+      $$renderer2.push(`<!--[0--><div class="fports svelte-1uaz383" title="Forwarded ports \u2014 click to open">`);
       Cable($$renderer2, { size: 12 });
       $$renderer2.push(`<!----> <span class="list svelte-1uaz383"><!--[-->`);
       const each_array = $9.ensure_array_like(ports);
@@ -439,8 +458,7 @@ function InstanceCard($$renderer, $$props) {
     };
     $$renderer2.push(`<li${$10.attr_class("card panel svelte-13338y7", undefined, { busy: !!pending })}${$10.attr("aria-busy", !!pending || undefined)}>`);
     if (pending) {
-      $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<div class="busy-overlay svelte-13338y7" aria-live="polite"><span class="busy-label svelte-13338y7">${$10.escape(BUSY_LABEL[pending])}</span></div>`);
+      $$renderer2.push(`<!--[0--><div class="busy-overlay svelte-13338y7" aria-live="polite"><span class="busy-label svelte-13338y7">${$10.escape(BUSY_LABEL[pending])}</span></div>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
@@ -452,16 +470,13 @@ function InstanceCard($$renderer, $$props) {
     });
     $$renderer2.push(`<!----> `);
     if (editing) {
-      $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<input class="name-edit svelte-13338y7"${$10.attr("value", editingName)} autofocus=""/>`);
+      $$renderer2.push(`<!--[0--><input class="name-edit svelte-13338y7"${$10.attr("value", editingName)} autofocus=""/>`);
     } else {
-      $$renderer2.push("<!--[-1-->");
-      $$renderer2.push(`<button class="name svelte-13338y7" title="Click to rename">${$10.escape(instance.name)}</button>`);
+      $$renderer2.push(`<!--[-1--><button class="name svelte-13338y7" title="Click to rename">${$10.escape(instance.name)}</button>`);
     }
     $$renderer2.push(`<!--]--> `);
     if (instance.attention) {
-      $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<span${$10.attr_class("attn svelte-13338y7", undefined, {
+      $$renderer2.push(`<!--[0--><span${$10.attr_class("attn svelte-13338y7", undefined, {
         "attn-done": instance.attention === "done",
         "attn-waiting": instance.attention === "waiting"
       })}${$10.attr("title", instance.attention === "waiting" ? "Claude is waiting for input" : "Claude finished")}${$10.attr("aria-label", instance.attention === "waiting" ? "Claude is waiting for input" : "Claude finished")}></span>`);
@@ -486,15 +501,13 @@ function InstanceCard($$renderer, $$props) {
     }
     $$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>`);
+      $$renderer2.push(`<!--[0--><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>`);
+      $$renderer2.push(`<!--[0--><div class="card-error svelte-13338y7">${$10.escape(instance.error)}</div>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
@@ -596,33 +609,37 @@ import"svelte/internal/flags/async";
 import * as $11 from "svelte/internal/server";
 function Component($$renderer, $$props) {
   let { $$slots, $$events, ...props } = $$props;
-  const iconNode = [
-    [
-      "path",
-      {
-        d: "M15.536 11.293a1 1 0 0 0 0 1.414l2.376 2.377a1 1 0 0 0 1.414 0l2.377-2.377a1 1 0 0 0 0-1.414l-2.377-2.377a1 1 0 0 0-1.414 0z"
-      }
-    ],
-    [
-      "path",
-      {
-        d: "M2.297 11.293a1 1 0 0 0 0 1.414l2.377 2.377a1 1 0 0 0 1.414 0l2.377-2.377a1 1 0 0 0 0-1.414L6.088 8.916a1 1 0 0 0-1.414 0z"
-      }
-    ],
-    [
-      "path",
-      {
-        d: "M8.916 17.912a1 1 0 0 0 0 1.415l2.377 2.376a1 1 0 0 0 1.414 0l2.377-2.376a1 1 0 0 0 0-1.415l-2.377-2.376a1 1 0 0 0-1.414 0z"
-      }
-    ],
-    [
-      "path",
-      {
-        d: "M8.916 4.674a1 1 0 0 0 0 1.414l2.377 2.376a1 1 0 0 0 1.414 0l2.377-2.376a1 1 0 0 0 0-1.414l-2.377-2.377a1 1 0 0 0-1.414 0z"
-      }
+  const iconData = {
+    name: "component",
+    size: 24,
+    node: [
+      [
+        "path",
+        {
+          d: "M15.536 11.293a1 1 0 0 0 0 1.414l2.376 2.377a1 1 0 0 0 1.414 0l2.377-2.377a1 1 0 0 0 0-1.414l-2.377-2.377a1 1 0 0 0-1.414 0z"
+        }
+      ],
+      [
+        "path",
+        {
+          d: "M2.297 11.293a1 1 0 0 0 0 1.414l2.377 2.377a1 1 0 0 0 1.414 0l2.377-2.377a1 1 0 0 0 0-1.414L6.088 8.916a1 1 0 0 0-1.414 0z"
+        }
+      ],
+      [
+        "path",
+        {
+          d: "M8.916 17.912a1 1 0 0 0 0 1.415l2.377 2.376a1 1 0 0 0 1.414 0l2.377-2.376a1 1 0 0 0 0-1.415l-2.377-2.376a1 1 0 0 0-1.414 0z"
+        }
+      ],
+      [
+        "path",
+        {
+          d: "M8.916 4.674a1 1 0 0 0 0 1.414l2.377 2.376a1 1 0 0 0 1.414 0l2.377-2.376a1 1 0 0 0 0-1.414l-2.377-2.377a1 1 0 0 0-1.414 0z"
+        }
+      ]
     ]
-  ];
-  Icon($$renderer, $11.spread_props([{ name: "component" }, props, { iconNode }]));
+  };
+  Icon($$renderer, $11.spread_props([props, { icon: iconData }]));
 }
 // src/components/Brand.svelte
 import"svelte/internal/flags/async";
@@ -633,18 +650,22 @@ import"svelte/internal/flags/async";
 import * as $12 from "svelte/internal/server";
 function Package($$renderer, $$props) {
   let { $$slots, $$events, ...props } = $$props;
-  const iconNode = [
-    [
-      "path",
-      {
-        d: "M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z"
-      }
-    ],
-    ["path", { d: "M12 22V12" }],
-    ["polyline", { points: "3.29 7 12 12 20.71 7" }],
-    ["path", { d: "m7.5 4.27 9 5.15" }]
-  ];
-  Icon($$renderer, $12.spread_props([{ name: "package" }, props, { iconNode }]));
+  const iconData = {
+    name: "package",
+    size: 24,
+    node: [
+      [
+        "path",
+        {
+          d: "M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z"
+        }
+      ],
+      ["path", { d: "M12 22V12" }],
+      ["polyline", { points: "3.29 7 12 12 20.71 7" }],
+      ["path", { d: "m7.5 4.27 9 5.15" }]
+    ]
+  };
+  Icon($$renderer, $12.spread_props([props, { icon: iconData }]));
 }
 // src/components/Brand.svelte
 function Brand($$renderer, $$props) {
@@ -692,16 +713,20 @@ import"svelte/internal/flags/async";
 import * as $15 from "svelte/internal/server";
 function Settings($$renderer, $$props) {
   let { $$slots, $$events, ...props } = $$props;
-  const iconNode = [
-    [
-      "path",
-      {
-        d: "M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915"
-      }
-    ],
-    ["circle", { cx: "12", cy: "12", r: "3" }]
-  ];
-  Icon($$renderer, $15.spread_props([{ name: "settings" }, props, { iconNode }]));
+  const iconData = {
+    name: "settings",
+    size: 24,
+    node: [
+      [
+        "path",
+        {
+          d: "M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915"
+        }
+      ],
+      ["circle", { cx: "12", cy: "12", r: "3" }]
+    ]
+  };
+  Icon($$renderer, $15.spread_props([props, { icon: iconData }]));
 }
 // src/components/SettingsCog.svelte
 function SettingsCog($$renderer, $$props) {
@@ -721,21 +746,25 @@ import"svelte/internal/flags/async";
 import * as $17 from "svelte/internal/server";
 function Link($$renderer, $$props) {
   let { $$slots, $$events, ...props } = $$props;
-  const iconNode = [
-    [
-      "path",
-      {
-        d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"
-      }
-    ],
-    [
-      "path",
-      {
-        d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"
-      }
+  const iconData = {
+    name: "link",
+    size: 24,
+    node: [
+      [
+        "path",
+        {
+          d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"
+        }
+      ],
+      [
+        "path",
+        {
+          d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"
+        }
+      ]
     ]
-  ];
-  Icon($$renderer, $17.spread_props([{ name: "link" }, props, { iconNode }]));
+  };
+  Icon($$renderer, $17.spread_props([props, { icon: iconData }]));
 }
 // src/components/CredMenu.svelte
 function CredMenu($$renderer, $$props) {
@@ -765,8 +794,7 @@ function CredMenu($$renderer, $$props) {
     }
     $$renderer2.push(`</button> `);
     if (credOpen) {
-      $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<div class="cred-dropdown panel svelte-vongf9" role="menu"><!--[-->`);
+      $$renderer2.push(`<!--[0--><div class="cred-dropdown panel svelte-vongf9" role="menu"><!--[-->`);
       const each_array = $18.ensure_array_like(auth);
       for (let $$index = 0, $$length = each_array.length;$$index < $$length; $$index++) {
         let provider = each_array[$$index];
@@ -968,18 +996,15 @@ function DashboardView($$renderer, $$props) {
       });
       $$renderer3.push(`<!----> <main class="stage svelte-146pixd">`);
       if (!ready()) {
-        $$renderer3.push("<!--[0-->");
-        $$renderer3.push(`<div class="banner error svelte-146pixd"><strong>Setup needed.</strong> `);
+        $$renderer3.push(`<!--[0--><div class="banner error svelte-146pixd"><strong>Setup needed.</strong> `);
         if (!preflight.docker) {
-          $$renderer3.push("<!--[0-->");
-          $$renderer3.push(`<span>Docker daemon is not reachable.</span>`);
+          $$renderer3.push(`<!--[0--><span>Docker daemon is not reachable.</span>`);
         } else {
           $$renderer3.push("<!--[-1-->");
         }
         $$renderer3.push(`<!--]--> `);
         if (!preflight.cli) {
-          $$renderer3.push("<!--[0-->");
-          $$renderer3.push(`<span>The devcontainer CLI is not available.</span>`);
+          $$renderer3.push(`<!--[0--><span>The devcontainer CLI is not available.</span>`);
         } else {
           $$renderer3.push("<!--[-1-->");
         }
@@ -989,18 +1014,15 @@ function DashboardView($$renderer, $$props) {
       }
       $$renderer3.push(`<!--]--> `);
       if (actionError) {
-        $$renderer3.push("<!--[0-->");
-        $$renderer3.push(`<div class="banner error svelte-146pixd"><strong>Error.</strong> <span>${$20.escape(actionError)}</span></div>`);
+        $$renderer3.push(`<!--[0--><div class="banner error svelte-146pixd"><strong>Error.</strong> <span>${$20.escape(actionError)}</span></div>`);
       } else {
         $$renderer3.push("<!--[-1-->");
       }
       $$renderer3.push(`<!--]--> `);
       if (!loaded) {
-        $$renderer3.push("<!--[0-->");
-        $$renderer3.push(`<div class="empty svelte-146pixd"><p class="empty-sub svelte-146pixd">Loading\u2026</p></div>`);
+        $$renderer3.push(`<!--[0--><div class="empty svelte-146pixd"><p class="empty-sub svelte-146pixd">Loading\u2026</p></div>`);
       } else if (instances.length === 0) {
-        $$renderer3.push("<!--[1-->");
-        $$renderer3.push(`<div class="empty svelte-146pixd"><p class="empty-title svelte-146pixd">No instances yet</p> <p class="empty-sub svelte-146pixd">Pick a project folder to spin up an isolated devcontainer.</p> `);
+        $$renderer3.push(`<!--[1--><div class="empty svelte-146pixd"><p class="empty-title svelte-146pixd">No instances yet</p> <p class="empty-sub svelte-146pixd">Pick a project folder to spin up an isolated devcontainer.</p> `);
         Button($$renderer3, {
           variant: "primary",
           icon: Plus,
@@ -1013,11 +1035,9 @@ function DashboardView($$renderer, $$props) {
         });
         $$renderer3.push(`<!----></div>`);
       } else if (visible().length === 0) {
-        $$renderer3.push("<!--[2-->");
-        $$renderer3.push(`<div class="empty svelte-146pixd"><p class="empty-sub svelte-146pixd">No ${$20.escape(filter)} instances.</p></div>`);
+        $$renderer3.push(`<!--[2--><div class="empty svelte-146pixd"><p class="empty-sub svelte-146pixd">No ${$20.escape(filter)} instances.</p></div>`);
       } else {
-        $$renderer3.push("<!--[-1-->");
-        $$renderer3.push(`<ul class="grid svelte-146pixd"><!--[-->`);
+        $$renderer3.push(`<!--[-1--><ul class="grid svelte-146pixd"><!--[-->`);
         const each_array = $20.ensure_array_like(visible());
         for (let $$index = 0, $$length = each_array.length;$$index < $$length; $$index++) {
           let instance = each_array[$$index];
@@ -1065,29 +1085,53 @@ function DashboardView($$renderer, $$props) {
 
 // src/components/IdeBar.svelte
 import"svelte/internal/flags/async";
-import * as $23 from "svelte/internal/server";
+import * as $24 from "svelte/internal/server";
 
 // node_modules/@lucide/svelte/dist/icons/rotate-cw.svelte
 import"svelte/internal/flags/async";
 import * as $21 from "svelte/internal/server";
 function Rotate_cw($$renderer, $$props) {
   let { $$slots, $$events, ...props } = $$props;
-  const iconNode = [
-    [
-      "path",
-      { d: "M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8" }
-    ],
-    ["path", { d: "M21 3v5h-5" }]
-  ];
-  Icon($$renderer, $21.spread_props([{ name: "rotate-cw" }, props, { iconNode }]));
+  const iconData = {
+    name: "rotate-cw",
+    size: 24,
+    node: [
+      [
+        "path",
+        { d: "M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8" }
+      ],
+      ["path", { d: "M21 3v5h-5" }]
+    ]
+  };
+  Icon($$renderer, $21.spread_props([props, { icon: iconData }]));
 }
 // node_modules/@lucide/svelte/dist/icons/chevron-left.svelte
 import"svelte/internal/flags/async";
 import * as $22 from "svelte/internal/server";
 function Chevron_left($$renderer, $$props) {
   let { $$slots, $$events, ...props } = $$props;
-  const iconNode = [["path", { d: "m15 18-6-6 6-6" }]];
-  Icon($$renderer, $22.spread_props([{ name: "chevron-left" }, props, { iconNode }]));
+  const iconData = {
+    name: "chevron-left",
+    size: 24,
+    node: [["path", { d: "m15 18-6-6 6-6" }]]
+  };
+  Icon($$renderer, $22.spread_props([props, { icon: iconData }]));
+}
+// node_modules/@lucide/svelte/dist/icons/circle-stop.svelte
+import"svelte/internal/flags/async";
+import * as $23 from "svelte/internal/server";
+function Circle_stop($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconData = {
+    name: "circle-stop",
+    size: 24,
+    node: [
+      ["circle", { cx: "12", cy: "12", r: "10" }],
+      ["rect", { x: "9", y: "9", width: "6", height: "6", rx: "1" }]
+    ],
+    aliases: ["stop-circle"]
+  };
+  Icon($$renderer, $23.spread_props([props, { icon: iconData }]));
 }
 // src/components/IdeBar.svelte
 function IdeBar($$renderer, $$props) {
@@ -1098,20 +1142,52 @@ function IdeBar($$renderer, $$props) {
       attention,
       editingId,
       editingName = undefined,
+      stopping = [],
       onreload,
       onselect,
+      onstop,
+      ondropfiles,
       onstartrename,
       oncommitrename,
       oncancelrename
     } = $$props;
-    const activeIndex = $23.derived(() => running.findIndex((i) => i.id === active));
-    const focusIndex = $23.derived(() => activeIndex() >= 0 ? activeIndex() : 0);
+    const isStopping = (id) => stopping.includes(id);
+    let dropTarget = null;
+    let tipWidth = 0;
+    const tipLeft = $24.derived(() => dropTarget ? Math.max(8, Math.min(dropTarget.x - tipWidth / 2, dropTarget.maxX - tipWidth)) : 0);
+    function onSlotDrag(e, id) {
+      if (!ondropfiles || !e.dataTransfer?.types.includes("Files"))
+        return;
+      e.preventDefault();
+      e.dataTransfer.dropEffect = "copy";
+      if (dropTarget?.id === id)
+        return;
+      const r = e.currentTarget.getBoundingClientRect();
+      dropTarget = {
+        id,
+        x: r.left + r.width / 2,
+        y: r.bottom,
+        maxX: document.documentElement.clientWidth - 8
+      };
+    }
+    function onSlotLeave(e) {
+      if (e.currentTarget.contains(e.relatedTarget))
+        return;
+      dropTarget = null;
+    }
+    function onSlotDrop(e, id) {
+      if (!ondropfiles)
+        return;
+      e.preventDefault();
+      dropTarget = null;
+      ondropfiles(id, filesFrom(e.dataTransfer));
+    }
     let viewport = null;
     let content = null;
     let atStart = true;
     let atEnd = true;
     const tabEls = {};
-    const overflowing = $23.derived(() => !atStart || !atEnd);
+    const overflowing = $24.derived(() => !atStart || !atEnd);
     function measure() {
       if (!viewport)
         return;
@@ -1125,8 +1201,8 @@ function IdeBar($$renderer, $$props) {
       onselect(inst.id);
       tabEls[inst.id]?.focus();
     }
-    function onTabKeydown(e) {
-      const next = nextTabIndex(activeIndex(), e.key, running.length);
+    function onTabKeydown(e, index) {
+      const next = nextTabIndex(index, e.key, running.length);
       if (next === null)
         return;
       e.preventDefault();
@@ -1140,38 +1216,38 @@ function IdeBar($$renderer, $$props) {
     AppBar($$renderer2, {
       children: ($$renderer3) => {
         if (running.length > 0) {
-          $$renderer3.push("<!--[0-->");
-          $$renderer3.push(`<div class="strip svelte-r39acv">`);
+          $$renderer3.push(`<!--[0--><div class="strip svelte-r39acv">`);
           if (overflowing()) {
-            $$renderer3.push("<!--[0-->");
-            $$renderer3.push(`<button type="button" class="page svelte-r39acv"${$23.attr("disabled", atStart, true)} aria-label="Scroll tabs left">`);
+            $$renderer3.push(`<!--[0--><button type="button" class="page svelte-r39acv"${$24.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 = $23.ensure_array_like(running);
+          $$renderer3.push(`<!--]--> <div class="viewport svelte-r39acv"><nav class="tabs svelte-r39acv" aria-label="Instances"><!--[-->`);
+          const each_array = $24.ensure_array_like(running);
           for (let i = 0, $$length = each_array.length;i < $$length; i++) {
             let inst = each_array[i];
+            $$renderer3.push(`<div${$24.attr_class("tab-slot svelte-r39acv", undefined, {
+              active: inst.id === active,
+              "drop-target": dropTarget?.id === inst.id
+            })} role="presentation">`);
             if (editingId === inst.id) {
-              $$renderer3.push("<!--[0-->");
-              $$renderer3.push(`<div class="tab editing svelte-r39acv">`);
+              $$renderer3.push(`<!--[0--><div class="tab editing svelte-r39acv">`);
               Avatar($$renderer3, {
                 name: inst.name,
                 art: findAvatar(inst.avatar ?? undefined) ?? null,
                 scale: 3
               });
-              $$renderer3.push(`<!----> <input class="tab-name-edit svelte-r39acv"${$23.attr("value", editingName)} autofocus=""/></div>`);
+              $$renderer3.push(`<!----> <input class="tab-name-edit svelte-r39acv"${$24.attr("value", editingName)} autofocus=""/></div>`);
             } else {
-              $$renderer3.push("<!--[-1-->");
-              $$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)}>`);
+              $$renderer3.push(`<!--[-1--><button type="button"${$24.attr_class("tab svelte-r39acv", undefined, { active: inst.id === active })}${$24.attr("id", `tab-${$24.stringify(inst.id)}`)}${$24.attr("aria-current", inst.id === active ? "page" : undefined)}${$24.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">${$23.escape(inst.name)}</span> <span class="tab-mode svelte-r39acv"${$23.attr("aria-label", inst.mode === "terminal" ? "Terminal-only instance" : "Full IDE instance")}>`);
+              $$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")}>`);
               if (inst.mode === "terminal") {
                 $$renderer3.push("<!--[0-->");
                 Terminal($$renderer3, { size: 11 });
@@ -1181,19 +1257,25 @@ function IdeBar($$renderer, $$props) {
               }
               $$renderer3.push(`<!--]--></span> `);
               if (inst.id !== active && attention[inst.id]) {
-                $$renderer3.push("<!--[0-->");
-                $$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>`);
+                $$renderer3.push(`<!--[0--><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>`);
+              } else {
+                $$renderer3.push("<!--[-1-->");
+              }
+              $$renderer3.push(`<!--]--></button> `);
+              if (onstop) {
+                $$renderer3.push(`<!--[0--><button type="button" class="tab-stop svelte-r39acv"${$24.attr("disabled", isStopping(inst.id), true)}${$24.attr("title", isStopping(inst.id) ? "Stopping\u2026" : `Stop ${inst.name}`)}${$24.attr("aria-label", isStopping(inst.id) ? "Stopping\u2026" : `Stop ${inst.name}`)}>`);
+                Circle_stop($$renderer3, { size: 20 });
+                $$renderer3.push(`<!----></button>`);
               } else {
                 $$renderer3.push("<!--[-1-->");
               }
-              $$renderer3.push(`<!--]--></button>`);
+              $$renderer3.push(`<!--]-->`);
             }
-            $$renderer3.push(`<!--]-->`);
+            $$renderer3.push(`<!--]--></div>`);
           }
-          $$renderer3.push(`<!--]--></div></div> `);
+          $$renderer3.push(`<!--]--></nav></div> `);
           if (overflowing()) {
-            $$renderer3.push("<!--[0-->");
-            $$renderer3.push(`<button type="button" class="page trailing svelte-r39acv"${$23.attr("disabled", atEnd, true)} aria-label="Scroll tabs right">`);
+            $$renderer3.push(`<!--[0--><button type="button" class="page trailing svelte-r39acv"${$24.attr("disabled", atEnd, true)} aria-label="Scroll tabs right">`);
             Chevron_right($$renderer3, { size: 16 });
             $$renderer3.push(`<!----></button>`);
           } else {
@@ -1205,48 +1287,56 @@ function IdeBar($$renderer, $$props) {
         }
         $$renderer3.push(`<!--]--> <div class="right svelte-r39acv">`);
         if (onreload) {
-          $$renderer3.push("<!--[0-->");
-          $$renderer3.push(`<button type="button" class="reload svelte-r39acv" title="Reload editor" aria-label="Reload editor">`);
+          $$renderer3.push(`<!--[0--><button type="button" class="reload svelte-r39acv" title="Reload editor" aria-label="Reload editor">`);
           Rotate_cw($$renderer3, { size: 18 });
           $$renderer3.push(`<!----></button>`);
         } else {
           $$renderer3.push("<!--[-1-->");
         }
-        $$renderer3.push(`<!--]--> <a class="cog svelte-r39acv"${$23.attr("href", withPopupMarker("/settings"))} target="_blank" rel="noopener noreferrer" title="Settings" aria-label="Settings">`);
+        $$renderer3.push(`<!--]--> <a class="cog svelte-r39acv"${$24.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 }
     });
-    $23.bind_props($$props, { editingName });
+    $$renderer2.push(`<!----> `);
+    if (dropTarget) {
+      $$renderer2.push(`<!--[0--><div class="drop-tip panel svelte-r39acv"${$24.attr_style("", {
+        left: `${$24.stringify(tipLeft())}px`,
+        top: `${$24.stringify(dropTarget.y)}px`
+      })}>Drop to save into codebay-inbox/</div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]-->`);
+    $24.bind_props($$props, { editingName });
   });
 }
 
 // src/components/IdeLoader.svelte
 import"svelte/internal/flags/async";
-import * as $24 from "svelte/internal/server";
+import * as $25 from "svelte/internal/server";
 function IdeLoader($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
     let { speed = 1, mode = "ide", stalledAfterMs, onoverride } = $$props;
-    const isTerminal = $24.derived(() => mode === "terminal");
+    const isTerminal = $25.derived(() => mode === "terminal");
     let stalled = false;
     const ROWS = 3;
     const COLS = 22;
     const BASE_TICK_MS = 140;
     const FLIPS_PER_TICK = 7;
-    const tickMs = $24.derived(() => Math.max(20, BASE_TICK_MS / speed));
+    const tickMs = $25.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 = $24.ensure_array_like(grid);
+    const each_array = $25.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">${$24.escape(row.join(""))}</div>`);
+      $$renderer2.push(`<div class="row svelte-w5e143">${$25.escape(row.join(""))}</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> `);
+    $$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> `);
     if (stalled) {
-      $$renderer2.push("<!--[0-->");
-      $$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> `);
+      $$renderer2.push(`<!--[0--><div class="stalled svelte-w5e143"><p class="svelte-w5e143">Waiting for ${$25.escape(isTerminal() ? "the terminal" : "code-server")} to answer inside the container.</p> `);
       if (onoverride) {
         $$renderer2.push("<!--[0-->");
         Button($$renderer2, {
@@ -1270,42 +1360,67 @@ function IdeLoader($$renderer, $$props) {
 
 // src/components/TerminalSplit.svelte
 import"svelte/internal/flags/async";
-import * as $28 from "svelte/internal/server";
+import * as $29 from "svelte/internal/server";
 
 // node_modules/@lucide/svelte/dist/icons/panel-right-open.svelte
 import"svelte/internal/flags/async";
-import * as $25 from "svelte/internal/server";
+import * as $26 from "svelte/internal/server";
 function Panel_right_open($$renderer, $$props) {
   let { $$slots, $$events, ...props } = $$props;
-  const iconNode = [
-    [
-      "rect",
-      { width: "18", height: "18", x: "3", y: "3", rx: "2" }
-    ],
-    ["path", { d: "M15 3v18" }],
-    ["path", { d: "m10 15-3-3 3-3" }]
-  ];
-  Icon($$renderer, $25.spread_props([{ name: "panel-right-open" }, props, { iconNode }]));
+  const iconData = {
+    name: "panel-right-open",
+    size: 24,
+    node: [
+      [
+        "rect",
+        { width: "18", height: "18", x: "3", y: "3", rx: "2" }
+      ],
+      ["path", { d: "M15 3v18" }],
+      ["path", { d: "m10 15-3-3 3-3" }]
+    ]
+  };
+  Icon($$renderer, $26.spread_props([props, { icon: iconData }]));
 }
 // node_modules/@lucide/svelte/dist/icons/panel-right-close.svelte
 import"svelte/internal/flags/async";
-import * as $26 from "svelte/internal/server";
+import * as $27 from "svelte/internal/server";
 function Panel_right_close($$renderer, $$props) {
   let { $$slots, $$events, ...props } = $$props;
-  const iconNode = [
-    [
-      "rect",
-      { width: "18", height: "18", x: "3", y: "3", rx: "2" }
-    ],
-    ["path", { d: "M15 3v18" }],
-    ["path", { d: "m8 9 3 3-3 3" }]
-  ];
-  Icon($$renderer, $26.spread_props([{ name: "panel-right-close" }, props, { iconNode }]));
+  const iconData = {
+    name: "panel-right-close",
+    size: 24,
+    node: [
+      [
+        "rect",
+        { width: "18", height: "18", x: "3", y: "3", rx: "2" }
+      ],
+      ["path", { d: "M15 3v18" }],
+      ["path", { d: "m8 9 3 3-3 3" }]
+    ]
+  };
+  Icon($$renderer, $27.spread_props([props, { icon: iconData }]));
 }
 // src/components/TerminalPane.svelte
 import"svelte/internal/flags/async";
-import * as $27 from "svelte/internal/server";
+import * as $28 from "svelte/internal/server";
 import { onMount } from "svelte";
+// src/lib/osc52.ts
+function decodeOsc52(data) {
+  const sep = data.indexOf(";");
+  if (sep === -1)
+    return null;
+  const payload = data.slice(sep + 1).replace(/\s+/g, "");
+  if (payload === "" || payload === "?")
+    return null;
+  try {
+    const bytes = Uint8Array.from(atob(payload), (c) => c.charCodeAt(0));
+    return new TextDecoder().decode(bytes);
+  } catch {
+    return null;
+  }
+}
+
+// src/components/TerminalPane.svelte
 function TerminalPane($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
     let { id, active, arg, focus = true, actions } = $$props;
@@ -1393,6 +1508,32 @@ function TerminalPane($$renderer, $$props) {
         start();
       }
     }
+    async function toClipboard(text) {
+      if (!text)
+        return;
+      try {
+        await navigator.clipboard.writeText(text);
+        return;
+      } catch {}
+      const ta = document.createElement("textarea");
+      ta.value = text;
+      ta.setAttribute("aria-hidden", "true");
+      ta.style.position = "fixed";
+      ta.style.opacity = "0";
+      document.body.appendChild(ta);
+      ta.select();
+      try {
+        document.execCommand("copy");
+      } catch {}
+      ta.remove();
+      if (active && focus)
+        term?.focus();
+    }
+    function copySelection() {
+      const sel = term?.getSelection();
+      if (sel)
+        toClipboard(sel);
+    }
     function fitSafe() {
       if (el?.clientWidth > 0 && el?.clientHeight > 0) {
         try {
@@ -1429,6 +1570,21 @@ function TerminalPane($$renderer, $$props) {
         term.open(el);
         applyTheme();
         fitSafe();
+        term.parser.registerOscHandler(52, (data) => {
+          const text = decodeOsc52(data);
+          if (text !== null)
+            toClipboard(text);
+          return true;
+        });
+        term.attachCustomKeyEventHandler((e) => {
+          if (e.type !== "keydown" || !term?.hasSelection())
+            return true;
+          const isCopy = e.ctrlKey && (e.key === "Insert" || e.altKey && e.key.toLowerCase() === "c");
+          if (!isCopy)
+            return true;
+          copySelection();
+          return false;
+        });
         term.onData((d) => send(CMD_INPUT + d));
         term.onResize(({ cols, rows }) => send(CMD_RESIZE + JSON.stringify({ columns: cols, rows })));
         themeObs = new MutationObserver(applyTheme);
@@ -1439,8 +1595,10 @@ function TerminalPane($$renderer, $$props) {
       })();
       const sizeObs = new ResizeObserver(() => fitSafe());
       sizeObs.observe(el);
+      el.addEventListener("mouseup", copySelection);
       return () => {
         disposed = true;
+        el.removeEventListener("mouseup", copySelection);
         sizeObs.disconnect();
         themeObs?.disconnect();
         scheme.removeEventListener("change", onScheme);
@@ -1454,8 +1612,7 @@ function TerminalPane($$renderer, $$props) {
     });
     $$renderer2.push(`<div class="term svelte-ui3nvu"></div> <div class="overlay svelte-ui3nvu">`);
     if (!connected) {
-      $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<span class="status svelte-ui3nvu">connecting\u2026</span>`);
+      $$renderer2.push(`<!--[0--><span class="status svelte-ui3nvu">connecting\u2026</span>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
@@ -1509,7 +1666,7 @@ function TerminalSplit($$renderer, $$props) {
       e.preventDefault();
     }
     function splitToggle($$renderer3) {
-      $$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")}>`);
+      $$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")}>`);
       if (open) {
         $$renderer3.push("<!--[0-->");
         Panel_right_close($$renderer3, { size: 14 });
@@ -1519,7 +1676,7 @@ function TerminalSplit($$renderer, $$props) {
       }
       $$renderer3.push(`<!--]--></button>`);
     }
-    $$renderer2.push(`<div class="split svelte-1ysvu88"><div class="side svelte-1ysvu88"${$28.attr_style("", { "flex-basis": open ? `${ratio}%` : "100%" })}>`);
+    $$renderer2.push(`<div class="split svelte-1ysvu88"><div class="side svelte-1ysvu88"${$29.attr_style("", { "flex-basis": open ? `${ratio}%` : "100%" })}>`);
     TerminalPane($$renderer2, {
       id,
       active,
@@ -1528,8 +1685,7 @@ function TerminalSplit($$renderer, $$props) {
     });
     $$renderer2.push(`<!----></div> `);
     if (mounted) {
-      $$renderer2.push("<!--[0-->");
-      $$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)}%` })}>`);
+      $$renderer2.push(`<!--[0--><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)}%` })}>`);
       TerminalPane($$renderer2, {
         id,
         arg: "shell",
@@ -1554,10 +1710,22 @@ function AppShell($$renderer, $$props) {
     let livePet = pet;
     let liveFilter = filter;
     let loaded = snapshot.length > 0;
-    const running = $29.derived(() => instances.filter((i) => i.status === "running"));
+    const running = $30.derived(() => instances.filter((i) => i.status === "running"));
     let attention = Object.fromEntries(snapshot.map((i) => [i.id, i.attention]));
     let editingId = null;
     let editingName = "";
+    const stopping = new SvelteSet;
+    async function stopTab(id) {
+      if (stopping.has(id))
+        return;
+      stopping.add(id);
+      try {
+        await apiPost(`/api/instances/${id}/stop`, undefined, "Failed to stop instance");
+      } catch (err) {
+        dist_default.error(err.message);
+        stopping.delete(id);
+      }
+    }
     function startRename(instance) {
       editingId = instance.id;
       editingName = instance.name;
@@ -1585,9 +1753,9 @@ function AppShell($$renderer, $$props) {
       apiPost("/api/settings/filter", { value: v }).catch(() => {});
     }
     let path = initialPath;
-    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 ?? "" : "");
+    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 ?? "" : "");
     function navigate(to) {
       if (to === path)
         return;
@@ -1600,7 +1768,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 = $29.derived(() => running().find((i) => i.id === active()));
+    const activeInstance = $30.derived(() => running().find((i) => i.id === active()));
     const frames = {};
     function reloadActive() {
       const inst = activeInstance();
@@ -1625,11 +1793,28 @@ function AppShell($$renderer, $$props) {
       if (fromFrame)
         tick2().then(() => frames[target.id]?.contentWindow?.focus());
     }
-    const framedTabIds = $29.derived(() => running().filter((i) => i.mode !== "terminal" && loadedFrames.has(i.id)).map((i) => i.id).join(" "));
+    const framedTabIds = $30.derived(() => running().filter((i) => i.mode !== "terminal" && loadedFrames.has(i.id)).map((i) => i.id).join(" "));
+    async function handleUpload(id, files) {
+      for (const file of files) {
+        try {
+          const saved = await uploadFile(id, file);
+          dist_default.success(`Saved ${saved.containerPath}`);
+          navigator.clipboard.writeText(saved.containerPath).catch(() => {});
+        } catch (err) {
+          dist_default.error(err.message);
+        }
+      }
+    }
+    let dropping = false;
+    function onDrop(e) {
+      e.preventDefault();
+      dropping = false;
+      handleUpload(active(), filesFrom(e.dataTransfer));
+    }
     let $$settled = true;
     let $$inner_renderer;
     function $$render_inner($$renderer3) {
-      $$renderer3.push(`<div${$29.attr_class("app svelte-1duc7gd", undefined, { ide: onIde() })}>`);
+      $$renderer3.push(`<div${$30.attr_class("app svelte-1duc7gd", undefined, { ide: onIde() })}>`);
       if (onIde()) {
         $$renderer3.push("<!--[0-->");
         IdeBar($$renderer3, {
@@ -1637,8 +1822,11 @@ function AppShell($$renderer, $$props) {
           active: active(),
           attention,
           editingId,
+          stopping: [...stopping],
           onreload: activeInstance() && activeInstance().mode !== "terminal" && mountable(active()) ? reloadActive : undefined,
           onselect: (id) => navigate(`/ide/${id}`),
+          onstop: stopTab,
+          ondropfiles: livePreflight.uploadEnabled ? (id, files) => void handleUpload(id, files) : undefined,
           onstartrename: startRename,
           oncommitrename: commitRename,
           oncancelrename: cancelRename,
@@ -1661,13 +1849,12 @@ function AppShell($$renderer, $$props) {
           onFilter: setFilter
         });
       }
-      $$renderer3.push(`<!--]--> <div${$29.attr_class("panes svelte-1duc7gd", undefined, { hidden: !onIde() })}><!--[-->`);
-      const each_array = $29.ensure_array_like(running());
+      $$renderer3.push(`<!--]--> <div${$30.attr_class("panes svelte-1duc7gd", undefined, { hidden: !onIde() })}><!--[-->`);
+      const each_array = $30.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${$29.attr_class("pane svelte-1duc7gd", undefined, { active: inst.id === active() })} role="tabpanel"${$29.attr("aria-labelledby", `tab-${$29.stringify(inst.id)}`)}>`);
+          $$renderer3.push(`<!--[0--><div${$30.attr_class("pane svelte-1duc7gd", undefined, { active: inst.id === active() })} role="region"${$30.attr("aria-labelledby", `tab-${$30.stringify(inst.id)}`)}>`);
           if (mountable(inst.id)) {
             $$renderer3.push("<!--[0-->");
             if (inst.mode === "terminal") {
@@ -1678,8 +1865,7 @@ function AppShell($$renderer, $$props) {
                 initialOpen: inst.terminal_split === 1
               });
             } else {
-              $$renderer3.push("<!--[-1-->");
-              $$renderer3.push(`<iframe${$29.attr("src", ideUrl(inst))}${$29.attr("title", inst.name)} class="svelte-1duc7gd" onload="this.__e=event"></iframe>`);
+              $$renderer3.push(`<!--[-1--><iframe${$30.attr("src", ideUrl(inst))}${$30.attr("title", inst.name)} allow="clipboard-read; clipboard-write" class="svelte-1duc7gd" onload="this.__e=event"></iframe>`);
             }
             $$renderer3.push(`<!--]-->`);
           } else {
@@ -1699,6 +1885,13 @@ function AppShell($$renderer, $$props) {
           } else {
             $$renderer3.push("<!--[-1-->");
           }
+          $$renderer3.push(`<!--]--> `);
+          if (dropping && inst.id === active() && inst.mode === "terminal") {
+            $$renderer3.push("<!--[0-->");
+            DropZone($$renderer3, { ondrop: onDrop });
+          } else {
+            $$renderer3.push("<!--[-1-->");
+          }
           $$renderer3.push(`<!--]--></div>`);
         } else {
           $$renderer3.push("<!--[-1-->");
@@ -1707,8 +1900,7 @@ function AppShell($$renderer, $$props) {
       }
       $$renderer3.push(`<!--]--> `);
       if (onIde() && running().length === 0) {
-        $$renderer3.push("<!--[0-->");
-        $$renderer3.push(`<div class="empty svelte-1duc7gd">No running instances.</div>`);
+        $$renderer3.push(`<!--[0--><div class="empty svelte-1duc7gd">No running instances.</div>`);
       } else {
         $$renderer3.push("<!--[-1-->");
       }
@@ -1730,28 +1922,30 @@ function App($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
     let { preflight, initialPath, snapshot, pet, filter } = $$props;
     if (true) {
-      let failed = function($$renderer3, error) {
-        $$renderer3.push(`<mochi-island-failure data-component="AppShell"${$30.attr("data-message", error.message)}></mochi-island-failure>`);
-      };
       $$renderer2.push("<!--[0-->");
-      $$renderer2.boundary({ failed }, ($$renderer3) => {
-        $$renderer3.push(`<!--[-->`);
-        {
-          HydratableBoundary($$renderer3, {
-            children: ($$renderer4) => {
-              $$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 });
-              }
-              $$renderer4.push(`<!--]-->`);
-              $$renderer4.push(`</mochi-hydratable-island>`);
-            },
-            $$slots: { default: true }
-          });
-        }
-        $$renderer3.push(`<!--]-->`);
-      });
+      {
+        let failed = function($$renderer3, error) {
+          $$renderer3.push(`<mochi-island-failure data-component="AppShell"${$31.attr("data-message", error.message)}></mochi-island-failure>`);
+        };
+        $$renderer2.boundary({ failed }, ($$renderer3) => {
+          $$renderer3.push(`<!--[-->`);
+          {
+            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(`<!--[-->`);
+                {
+                  AppShell($$renderer4, { preflight, initialPath, snapshot, pet, filter });
+                }
+                $$renderer4.push(`<!--]-->`);
+                $$renderer4.push(`</mochi-hydratable-island>`);
+              },
+              $$slots: { default: true }
+            });
+          }
+          $$renderer3.push(`<!--]-->`);
+        });
+      }
     }
     $$renderer2.push(`<!--]-->`);
   });