codebay 0.14.0 → 0.16.0

package/.mochi/svelte-compile/{App-94xsdn0w.server.js → App-8mpgrxza.server.js}

@@ -1,37 +1,41 @@
 // @bun
 import {
+  Chevron_right,
+  DropZone,
   StatusBadge,
-  forwardedPortUrl
-} from "./chunk-ed46m58e.js";
+  filesFrom,
+  forwardedPortUrl,
+  uploadFile
+} from "./chunk-878xcmp4.js";
 import {
   Layout_template,
   Plus,
-  Terminal,
   tabShortcutsEnabled
-} from "./chunk-pqb403fh.js";
+} from "./chunk-zk4a9zms.js";
 import {
+  Terminal,
   apiDelete,
   apiFetch,
   apiPost,
   ideUrl
-} from "./chunk-w0hca7va.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";
@@ -124,77 +128,102 @@ 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";
 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) {
@@ -218,6 +247,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,10 +285,9 @@ 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> <!--[-->`);
+      $$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];
@@ -276,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-->");
       }
@@ -287,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 {
@@ -304,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-->");
       }
@@ -317,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-->");
         }
@@ -329,16 +352,15 @@ function FolderBrowser($$renderer, $$props) {
       $$renderer2.push("<!--[-1-->");
     }
     $$renderer2.push(`<!--]--></div> `);
-    if (result && !result.hasDevcontainer) {
-      $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<div class="warn svelte-oq97c4">`);
+    if (result && !result.hasDevcontainer && !atDrivesRoot()) {
+      $$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>`);
     } 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>`);
   });
 }
 
@@ -365,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);
@@ -433,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-->");
     }
@@ -446,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>`);
@@ -479,9 +500,14 @@ function InstanceCard($$renderer, $$props) {
       $$renderer2.push("<!--[-1-->");
     }
     $$renderer2.push(`<!--]--> `);
+    if (instance.active_run) {
+      $$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-->");
     }
@@ -583,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";
@@ -620,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) {
@@ -679,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) {
@@ -708,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) {
@@ -752,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];
@@ -955,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-->");
         }
@@ -976,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,
@@ -1000,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];
@@ -1059,30 +1092,46 @@ 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/chevron-right.svelte
+// node_modules/@lucide/svelte/dist/icons/circle-stop.svelte
 import"svelte/internal/flags/async";
 import * as $23 from "svelte/internal/server";
-function Chevron_right($$renderer, $$props) {
+function Circle_stop($$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 }]));
+  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) {
@@ -1093,14 +1142,46 @@ function IdeBar($$renderer, $$props) {
       attention,
       editingId,
       editingName = undefined,
+      stopping = [],
       onreload,
       onselect,
+      onstop,
+      ondropfiles,
       onstartrename,
       oncommitrename,
       oncancelrename
     } = $$props;
-    const activeIndex = $24.derived(() => running.findIndex((i) => i.id === active));
-    const focusIndex = $24.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;
@@ -1120,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();
@@ -1135,23 +1216,24 @@ 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"${$24.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"><!--[-->`);
+          $$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,
@@ -1159,8 +1241,7 @@ function IdeBar($$renderer, $$props) {
               });
               $$renderer3.push(`<!----> <input class="tab-name-edit svelte-r39acv"${$24.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(`<!--[-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,
@@ -1176,19 +1257,25 @@ 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(`<!--[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"${$24.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 {
@@ -1200,8 +1287,7 @@ 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 {
@@ -1213,6 +1299,16 @@ function IdeBar($$renderer, $$props) {
       },
       $$slots: { default: true }
     });
+    $$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 });
   });
 }
@@ -1240,8 +1336,7 @@ function IdeLoader($$renderer, $$props) {
     }
     $$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 ${$25.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, {
@@ -1272,35 +1367,60 @@ import"svelte/internal/flags/async";
 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, $26.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 $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, $27.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 $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;
@@ -1388,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 {
@@ -1424,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);
@@ -1434,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);
@@ -1449,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-->");
     }
@@ -1523,8 +1685,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(`<!--[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",
@@ -1553,6 +1714,18 @@ function AppShell($$renderer, $$props) {
     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;
@@ -1621,6 +1794,23 @@ function AppShell($$renderer, $$props) {
         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(" "));
+    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) {
@@ -1632,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,8 +1854,7 @@ function AppShell($$renderer, $$props) {
       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(`<!--[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") {
@@ -1673,8 +1865,7 @@ function AppShell($$renderer, $$props) {
                 initialOpen: inst.terminal_split === 1
               });
             } 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(`<!--[-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 {
@@ -1694,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-->");
@@ -1702,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-->");
       }
@@ -1725,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"${$31.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__"${$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(`<!--]-->`);
-      });
+      {
+        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(`<!--]-->`);
   });