codebay 0.8.0 → 0.9.0

package/.mochi/svelte-compile/{App-6rcf0d74.server.js → App-7vjcp38v.server.js}

@@ -6,36 +6,38 @@ import {
   apiPost,
   forwardedPortUrl,
   ideUrl
-} from "./chunk-btmcxhqy.js";
+} from "./chunk-brjv9pyd.js";
 import {
-  Plus
-} from "./chunk-6ghzacpg.js";
-import {
-  X
-} from "./chunk-bacb4b0r.js";
+  Layout_template,
+  Plus,
+  Terminal
+} from "./chunk-bpqwf1nw.js";
 import {
   AppBar,
   Avatar,
   Button,
   Toaster,
   dist_default
-} from "./chunk-q8rbesaw.js";
+} from "./chunk-m8ygpyhr.js";
 import {
   HydratableBoundary,
   Icon,
+  X,
   emitIslandProps,
   isDev,
   withPopupMarker
-} from "./chunk-fpe16ywq.js";
-import"./chunk-we0ggtws.js";
+} from "./chunk-60mpagr9.js";
+import {
+  __require
+} from "./chunk-xpt1a7jm.js";
 
 // src/pages/App.svelte
 import"svelte/internal/flags/async";
-import * as $24 from "svelte/internal/server";
+import * as $29 from "svelte/internal/server";
 
 // src/components/AppShell.svelte
 import"svelte/internal/flags/async";
-import * as $23 from "svelte/internal/server";
+import * as $28 from "svelte/internal/server";
 import { SvelteSet } from "svelte/reactivity";
 
 // src/components/DashboardView.svelte
@@ -165,7 +167,9 @@ function Triangle_alert($$renderer, $$props) {
 // src/components/FolderBrowser.svelte
 function FolderBrowser($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
-    let { onpick, onclose } = $$props;
+    let { onpick, onclose, defaultMode = "ide" } = $$props;
+    let modeOverride = null;
+    const mode = $6.derived(() => modeOverride ?? defaultMode);
     let result = null;
     let loading = true;
     let errorMsg = null;
@@ -179,7 +183,7 @@ function FolderBrowser($$renderer, $$props) {
     function cloneRepoUrl() {
       if (!repoValid())
         return;
-      onpick(repoUrl.trim(), { branch: repoBranch.trim() || undefined });
+      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 shownHistory = $6.derived(() => showAll ? history2 : history2.slice(0, 5));
@@ -215,7 +219,11 @@ function FolderBrowser($$renderer, $$props) {
     }
     $$renderer2.push(`<div class="overlay svelte-oq97c4" role="button" tabindex="0"><div class="modal panel svelte-oq97c4" role="dialog" aria-modal="true" aria-label="Pick a project folder" tabindex="-1"><div class="head svelte-oq97c4"><h2 class="svelte-oq97c4">Pick a project folder</h2> <button class="x svelte-oq97c4" aria-label="Close">`);
     X($$renderer2, { size: 16 });
-    $$renderer2.push(`<!----></button></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(`<!----></button></div> <div class="mode svelte-oq97c4"><div class="mode-label svelte-oq97c4">Editor</div> <div class="mode-toggle svelte-oq97c4" role="group" aria-label="Editor mode"><button type="button"${$6.attr_class("mode-btn svelte-oq97c4", undefined, { active: mode() === "ide" })}${$6.attr("aria-pressed", mode() === "ide")}>`);
+    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> `);
     if (history2.length > 0) {
       $$renderer2.push("<!--[0-->");
       $$renderer2.push(`<div class="recent svelte-oq97c4"><div class="recent-label svelte-oq97c4">Recent</div> <!--[-->`);
@@ -449,7 +457,7 @@ function InstanceCard($$renderer, $$props) {
         size: "sm",
         href: `/ide/${instance.id}`,
         children: ($$renderer3) => {
-          $$renderer3.push(`<!---->Open IDE`);
+          $$renderer3.push(`<!---->${$10.escape(instance.mode === "terminal" ? "Open terminal" : "Open IDE")}`);
         },
         $$slots: { default: true }
       });
@@ -793,9 +801,8 @@ function TopBar($$renderer, $$props) {
 // src/components/DashboardView.svelte
 function DashboardView($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
-    let { preflight, instances, loaded, pet } = $$props;
+    let { preflight, instances, loaded, pet, filter, onFilter } = $$props;
     let browserOpen = false;
-    let filter = "all";
     let creating = false;
     let actionError = null;
     let editingId = null;
@@ -818,7 +825,7 @@ function DashboardView($$renderer, $$props) {
       creating = true;
       actionError = null;
       try {
-        await apiPost("/api/instances", { sourcePath, branch: opts?.branch }, "Failed to create instance");
+        await apiPost("/api/instances", { sourcePath, branch: opts?.branch, mode: opts?.mode }, "Failed to create instance");
       } catch (err) {
         actionError = err.message;
       } finally {
@@ -884,7 +891,7 @@ function DashboardView($$renderer, $$props) {
         ready: ready(),
         creating,
         filter,
-        onFilter: (v) => filter = v,
+        onFilter,
         onNew: () => browserOpen = true,
         onDeleteAll: deleteAll
       });
@@ -965,7 +972,11 @@ function DashboardView($$renderer, $$props) {
       $$renderer3.push(`<!--]--></main> `);
       if (browserOpen) {
         $$renderer3.push("<!--[0-->");
-        FolderBrowser($$renderer3, { onpick: createFrom, onclose: () => browserOpen = false });
+        FolderBrowser($$renderer3, {
+          onpick: createFrom,
+          defaultMode: preflight.defaultMode,
+          onclose: () => browserOpen = false
+        });
       } else {
         $$renderer3.push("<!--[-1-->");
       }
@@ -1018,7 +1029,16 @@ function IdeBar($$renderer, $$props) {
               $$renderer3.push("<!--[-1-->");
               $$renderer3.push(`<button type="button" class="tab-label svelte-r39acv"${$21.attr("title", inst.name)}>`);
               Avatar($$renderer3, { id: inst.id, name: inst.name, scale: 4 });
-              $$renderer3.push(`<!----> <span class="tab-name svelte-r39acv">${$21.escape(inst.name)}</span></button>`);
+              $$renderer3.push(`<!----> <span class="tab-name svelte-r39acv">${$21.escape(inst.name)}</span> `);
+              if (inst.mode === "terminal") {
+                $$renderer3.push("<!--[0-->");
+                $$renderer3.push(`<span class="tab-mode svelte-r39acv" title="Terminal-only instance">`);
+                Terminal($$renderer3, { size: 13 });
+                $$renderer3.push(`<!----></span>`);
+              } else {
+                $$renderer3.push("<!--[-1-->");
+              }
+              $$renderer3.push(`<!--]--></button>`);
             }
             $$renderer3.push(`<!--]--></div>`);
           }
@@ -1081,15 +1101,304 @@ function IdeLoader($$renderer, $$props) {
   });
 }
 
+// src/components/TerminalSplit.svelte
+import"svelte/internal/flags/async";
+import * as $27 from "svelte/internal/server";
+
+// node_modules/@lucide/svelte/dist/icons/panel-right-open.svelte
+import"svelte/internal/flags/async";
+import * as $23 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, $23.spread_props([{ name: "panel-right-open" }, props, { iconNode }]));
+}
+// node_modules/@lucide/svelte/dist/icons/panel-right-close.svelte
+import"svelte/internal/flags/async";
+import * as $24 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, $24.spread_props([{ name: "panel-right-close" }, props, { iconNode }]));
+}
+// src/components/TerminalPane.svelte
+import"svelte/internal/flags/async";
+import * as $26 from "svelte/internal/server";
+import { onMount } from "svelte";
+// node_modules/@lucide/svelte/dist/icons/rotate-cw.svelte
+import"svelte/internal/flags/async";
+import * as $25 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, $25.spread_props([{ name: "rotate-cw" }, props, { iconNode }]));
+}
+// src/components/TerminalPane.svelte
+function TerminalPane($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { id, active, arg, focus = true, actions } = $$props;
+    let el;
+    let term;
+    let fit;
+    let ws;
+    let retry;
+    let disposed = false;
+    let connected = false;
+    let gen = 0;
+    const CMD_INPUT = "0";
+    const CMD_RESIZE = "1";
+    const OUTPUT = 48;
+    const encoder = new TextEncoder;
+    function send(data) {
+      if (ws?.readyState === WebSocket.OPEN)
+        ws.send(encoder.encode(data));
+    }
+    function onFrame(data) {
+      const bytes = new Uint8Array(data);
+      if (bytes.length === 0)
+        return;
+      if (bytes[0] === OUTPUT)
+        term?.write(bytes.subarray(1));
+    }
+    function connect() {
+      const myGen = ++gen;
+      const proto = location.protocol === "https:" ? "wss:" : "ws:";
+      const query = arg ? `?arg=${encodeURIComponent(arg)}` : "";
+      const sock = new WebSocket(`${proto}//${location.host}/p/${id}/ws${query}`, ["tty"]);
+      ws = sock;
+      sock.binaryType = "arraybuffer";
+      sock.onopen = () => {
+        if (gen !== myGen)
+          return;
+        connected = true;
+        send(JSON.stringify({
+          AuthToken: "",
+          columns: term?.cols ?? 80,
+          rows: term?.rows ?? 24
+        }));
+      };
+      sock.onmessage = (e) => {
+        if (gen === myGen)
+          onFrame(e.data);
+      };
+      sock.onclose = () => {
+        if (gen !== myGen || disposed)
+          return;
+        connected = false;
+        retry = setTimeout(connect, 1000);
+      };
+      sock.onerror = () => {
+        try {
+          sock.close();
+        } catch {}
+      };
+    }
+    function reload() {
+      if (retry)
+        clearTimeout(retry);
+      gen++;
+      connected = false;
+      term?.reset();
+      const old = ws;
+      ws = undefined;
+      let started = false;
+      const start = () => {
+        if (started || disposed)
+          return;
+        started = true;
+        fitSafe();
+        connect();
+        if (active && focus)
+          term?.focus();
+      };
+      if (old && old.readyState !== WebSocket.CLOSED) {
+        old.addEventListener("close", start, { once: true });
+        setTimeout(start, 1500);
+        try {
+          old.close();
+        } catch {}
+      } else {
+        start();
+      }
+    }
+    function fitSafe() {
+      if (el?.clientWidth > 0 && el?.clientHeight > 0) {
+        try {
+          fit?.fit();
+        } catch {}
+      }
+    }
+    function applyTheme() {
+      if (!term)
+        return;
+      const cs = getComputedStyle(document.documentElement);
+      const bg = cs.getPropertyValue("--bg").trim() || "#1a1a1a";
+      const fg = cs.getPropertyValue("--ink").trim() || "#e6e6e6";
+      term.options.theme = { background: bg, foreground: fg, cursor: fg, cursorAccent: bg };
+    }
+    onMount(() => {
+      let themeObs;
+      (async () => {
+        const [{ Terminal: Terminal2 }, { FitAddon }] = await Promise.all([import("./chunk-9nqc2r0y.js"), import("./chunk-rtdne1m8.js")]);
+        if (disposed)
+          return;
+        term = new Terminal2({
+          fontFamily: "'JetBrains Mono Variable', ui-monospace, monospace",
+          fontSize: 13,
+          cursorBlink: true,
+          scrollback: 1e4,
+          allowProposedApi: true
+        });
+        fit = new FitAddon;
+        term.loadAddon(fit);
+        term.open(el);
+        applyTheme();
+        fitSafe();
+        term.onData((d) => send(CMD_INPUT + d));
+        term.onResize(({ cols, rows }) => send(CMD_RESIZE + JSON.stringify({ columns: cols, rows })));
+        themeObs = new MutationObserver(applyTheme);
+        themeObs.observe(document.documentElement, { attributes: true, attributeFilter: ["data-theme"] });
+        connect();
+        if (active && focus)
+          term.focus();
+      })();
+      const sizeObs = new ResizeObserver(() => fitSafe());
+      sizeObs.observe(el);
+      return () => {
+        disposed = true;
+        sizeObs.disconnect();
+        themeObs?.disconnect();
+        if (retry)
+          clearTimeout(retry);
+        try {
+          ws?.close();
+        } catch {}
+        term?.dispose();
+      };
+    });
+    $$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>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    actions?.($$renderer2);
+    $$renderer2.push(`<!----> <button type="button" title="Reload terminal (reconnects, keeps the session)" aria-label="Reload terminal">`);
+    Rotate_cw($$renderer2, { size: 14 });
+    $$renderer2.push(`<!----></button></div>`);
+  });
+}
+
+// src/components/TerminalSplit.svelte
+function TerminalSplit($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { id, active, initialOpen = false } = $$props;
+    let open = initialOpen;
+    let mounted = initialOpen;
+    let ratio = 50;
+    let focusSide = "left";
+    let container;
+    function toggle() {
+      open = !open;
+      if (open)
+        mounted = true;
+      focusSide = open ? "right" : "left";
+      apiPost(`/api/instances/${id}/split`, { open }).catch(() => {});
+    }
+    function clamp(pct) {
+      return Math.min(80, Math.max(20, pct));
+    }
+    function dragTo(clientX) {
+      const rect = container.getBoundingClientRect();
+      if (rect.width > 0)
+        ratio = clamp((clientX - rect.left) / rect.width * 100);
+    }
+    function onDividerDown(e) {
+      e.preventDefault();
+      e.currentTarget.setPointerCapture(e.pointerId);
+    }
+    function onDividerMove(e) {
+      if (e.currentTarget.hasPointerCapture(e.pointerId))
+        dragTo(e.clientX);
+    }
+    function onDividerKey(e) {
+      if (e.key === "ArrowLeft")
+        ratio = clamp(ratio - 5);
+      else if (e.key === "ArrowRight")
+        ratio = clamp(ratio + 5);
+      else
+        return;
+      e.preventDefault();
+    }
+    function splitToggle($$renderer3) {
+      $$renderer3.push(`<button type="button"${$27.attr("aria-pressed", open)}${$27.attr("title", open ? "Hide the shell pane" : "Open a shell alongside Claude")}${$27.attr("aria-label", open ? "Hide the shell pane" : "Open a shell alongside Claude")}>`);
+      if (open) {
+        $$renderer3.push("<!--[0-->");
+        Panel_right_close($$renderer3, { size: 14 });
+      } else {
+        $$renderer3.push("<!--[-1-->");
+        Panel_right_open($$renderer3, { size: 14 });
+      }
+      $$renderer3.push(`<!--]--></button>`);
+    }
+    $$renderer2.push(`<div class="split svelte-1ysvu88"><div class="side svelte-1ysvu88"${$27.attr_style("", { "flex-basis": open ? `${ratio}%` : "100%" })}>`);
+    TerminalPane($$renderer2, {
+      id,
+      active,
+      focus: active && focusSide === "left",
+      actions: open ? undefined : splitToggle
+    });
+    $$renderer2.push(`<!----></div> `);
+    if (mounted) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<div${$27.attr_class("divider svelte-1ysvu88", undefined, { hidden: !open })} role="separator" aria-orientation="vertical" aria-label="Resize terminal panes"${$27.attr("aria-valuenow", Math.round(ratio))}${$27.attr("aria-valuemin", 20)}${$27.attr("aria-valuemax", 80)} tabindex="0"></div> <div${$27.attr_class("side svelte-1ysvu88", undefined, { hidden: !open })}${$27.attr_style("", { "flex-basis": `${$27.stringify(100 - ratio)}%` })}>`);
+      TerminalPane($$renderer2, {
+        id,
+        arg: "shell",
+        active: active && open,
+        focus: active && open && focusSide === "right",
+        actions: open ? splitToggle : undefined
+      });
+      $$renderer2.push(`<!----></div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></div>`);
+  });
+}
+
 // src/components/AppShell.svelte
 function AppShell($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
-    let { preflight, initialPath, snapshot, pet } = $$props;
+    let { preflight, initialPath, snapshot, pet, filter } = $$props;
     let instances = snapshot;
     let livePreflight = preflight;
     let livePet = pet;
+    let liveFilter = filter;
     let loaded = snapshot.length > 0;
-    const running = $23.derived(() => instances.filter((i) => i.status === "running"));
+    const running = $28.derived(() => instances.filter((i) => i.status === "running"));
     let attention = Object.fromEntries(snapshot.map((i) => [i.id, i.attention]));
     let editingId = null;
     let editingName = "";
@@ -1115,10 +1424,14 @@ function AppShell($$renderer, $$props) {
         dist_default.error(err.message);
       }
     }
+    function setFilter(v) {
+      liveFilter = v;
+      apiPost("/api/settings/filter", { value: v }).catch(() => {});
+    }
     let path = initialPath;
-    const onIde = $23.derived(() => path.startsWith("/ide"));
-    const requestedId = $23.derived(() => path.startsWith("/ide/") ? path.slice("/ide/".length) : "");
-    const active = $23.derived(() => onIde() ? running().some((i) => i.id === requestedId()) ? requestedId() : running()[0]?.id ?? "" : "");
+    const onIde = $28.derived(() => path.startsWith("/ide"));
+    const requestedId = $28.derived(() => path.startsWith("/ide/") ? path.slice("/ide/".length) : "");
+    const active = $28.derived(() => onIde() ? running().some((i) => i.id === requestedId()) ? requestedId() : running()[0]?.id ?? "" : "");
     function navigate(to) {
       if (to === path)
         return;
@@ -1134,7 +1447,7 @@ function AppShell($$renderer, $$props) {
     let $$settled = true;
     let $$inner_renderer;
     function $$render_inner($$renderer3) {
-      $$renderer3.push(`<div${$23.attr_class("app svelte-1duc7gd", undefined, { ide: onIde() })}>`);
+      $$renderer3.push(`<div${$28.attr_class("app svelte-1duc7gd", undefined, { ide: onIde() })}>`);
       if (onIde()) {
         $$renderer3.push("<!--[0-->");
         IdeBar($$renderer3, {
@@ -1156,18 +1469,36 @@ function AppShell($$renderer, $$props) {
         });
       } else {
         $$renderer3.push("<!--[-1-->");
-        DashboardView($$renderer3, { preflight: livePreflight, instances, loaded, pet: livePet });
+        DashboardView($$renderer3, {
+          preflight: livePreflight,
+          instances,
+          loaded,
+          pet: livePet,
+          filter: liveFilter,
+          onFilter: setFilter
+        });
       }
-      $$renderer3.push(`<!--]--> <div${$23.attr_class("panes svelte-1duc7gd", undefined, { hidden: !onIde() })}><!--[-->`);
-      const each_array = $23.ensure_array_like(running());
+      $$renderer3.push(`<!--]--> <div${$28.attr_class("panes svelte-1duc7gd", undefined, { hidden: !onIde() })}><!--[-->`);
+      const each_array = $28.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${$23.attr_class("pane svelte-1duc7gd", undefined, { active: inst.id === active() })}>`);
+          $$renderer3.push(`<div${$28.attr_class("pane svelte-1duc7gd", undefined, { active: inst.id === active() })}>`);
           if (mountable(inst.id)) {
             $$renderer3.push("<!--[0-->");
-            $$renderer3.push(`<iframe${$23.attr("src", ideUrl(inst))}${$23.attr("title", inst.name)} class="svelte-1duc7gd" onload="this.__e=event"></iframe>`);
+            if (inst.mode === "terminal") {
+              $$renderer3.push("<!--[0-->");
+              TerminalSplit($$renderer3, {
+                id: inst.id,
+                active: inst.id === active(),
+                initialOpen: inst.terminal_split === 1
+              });
+            } else {
+              $$renderer3.push("<!--[-1-->");
+              $$renderer3.push(`<iframe${$28.attr("src", ideUrl(inst))}${$28.attr("title", inst.name)} class="svelte-1duc7gd" onload="this.__e=event"></iframe>`);
+            }
+            $$renderer3.push(`<!--]-->`);
           } else {
             $$renderer3.push("<!--[-1-->");
           }
@@ -1178,7 +1509,7 @@ function AppShell($$renderer, $$props) {
               stalledAfterMs: STALLED_AFTER_MS,
               onoverride: () => forced.add(inst.id)
             });
-          } else if (!loadedFrames.has(inst.id)) {
+          } else if (inst.mode !== "terminal" && !loadedFrames.has(inst.id)) {
             $$renderer3.push("<!--[1-->");
             IdeLoader($$renderer3, {});
           } else {
@@ -1217,10 +1548,10 @@ function AppShell($$renderer, $$props) {
 // src/pages/App.svelte
 function App($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
-    let { preflight, initialPath, snapshot, pet } = $$props;
+    let { preflight, initialPath, snapshot, pet, filter } = $$props;
     if (true) {
       let failed = function($$renderer3, error) {
-        $$renderer3.push(`<mochi-island-failure data-component="AppShell"${$24.attr("data-message", error.message)}></mochi-island-failure>`);
+        $$renderer3.push(`<mochi-island-failure data-component="AppShell"${$29.attr("data-message", error.message)}></mochi-island-failure>`);
       };
       $$renderer2.push("<!--[0-->");
       $$renderer2.boundary({ failed }, ($$renderer3) => {
@@ -1228,10 +1559,10 @@ function App($$renderer, $$props) {
         {
           HydratableBoundary($$renderer3, {
             children: ($$renderer4) => {
-              $$renderer4.push(`<mochi-hydratable-island component-name="AppShell_2rtnxn6pgp2rh" component-url="__MOCHI_COMPONENT_URL__AppShell_2rtnxn6pgp2rh__"${$24.attr("props-ref", emitIslandProps({ preflight, initialPath, snapshot, pet }))}>`);
+              $$renderer4.push(`<mochi-hydratable-island component-name="AppShell_2rtnxn6pgp2rh" component-url="__MOCHI_COMPONENT_URL__AppShell_2rtnxn6pgp2rh__"${$29.attr("props-ref", emitIslandProps({ preflight, initialPath, snapshot, pet, filter }))}>`);
               $$renderer4.push(`<!--[-->`);
               {
-                AppShell($$renderer4, { preflight, initialPath, snapshot, pet });
+                AppShell($$renderer4, { preflight, initialPath, snapshot, pet, filter });
               }
               $$renderer4.push(`<!--]-->`);
               $$renderer4.push(`</mochi-hydratable-island>`);