@hachej/boring-workspace 0.1.59 → 0.1.60

package/dist/app-front.js

@@ -1,129 +1,1042 @@
-import { jsx as f, jsxs as Re, Fragment as fe } from "react/jsx-runtime";
-import { useEffect as E, useSyncExternalStore as Wr, useMemo as L, useState as x, useCallback as R, useRef as $, useLayoutEffect as Fr } from "react";
-import { PiChatPanel as Ir, usePiSessions as Gr } from "@hachej/boring-agent/front";
-import { at as $r, aG as Ye, aH as xn, aI as Mn, aJ as Cn, aK as Wn, aL as ke, aM as bt, aN as yt, aO as Fn, aP as Ur, aQ as ze, O as Kr, q as Hr, aR as En, aS as Jr, U as An, aT as qr, w as jr, u as In, aU as Br, aq as Vr, aV as zr } from "./WorkspaceProvider-Bp1Sm40K.js";
-import { T as Yr, C as kr, r as Rn, w as Qr, W as Tn } from "./WorkspaceLoadingState-BYTO4wdt.js";
-import { Sun as Xr, Moon as Zr } from "lucide-react";
-import { IconButton as es, ErrorState as ts } from "@hachej/boring-ui-kit";
-function ns() {
-  const { theme: e, toggleTheme: n } = $r(), r = e === "dark";
-  return E(() => {
-    typeof document > "u" || document.documentElement.classList.toggle("dark", r);
-  }, [r]), /* @__PURE__ */ f(
-    es,
+import { jsx as i, jsxs as b, Fragment as oe } from "react/jsx-runtime";
+import { useEffect as _, useState as O, useCallback as k, useMemo as D, useRef as J, useSyncExternalStore as cn, useLayoutEffect as Gi } from "react";
+import { Sun as zi, Moon as Ki, FileText as Hi, RefreshCw as _r, X as Dr, Sparkles as Lr, Plug as Or, Clock3 as Ji, Pin as Wr, MessageSquarePlus as Mr, ChevronRight as Bi, Plus as dn, MoreHorizontal as qi, PinOff as Vi, Settings as Yi, ExternalLink as Xi, Search as ji, PanelLeftOpen as Qi, PanelLeftClose as Zi } from "lucide-react";
+import { searchPiSessions as es, PiChatPanel as ts, usePiSessions as ns } from "@hachej/boring-agent/front";
+import { ax as rs, aE as Ir, p as is, aM as un, aN as ss, aO as os, aP as Dt, aQ as Fr, aR as $r, aS as Ur, aT as Gr, aU as Lt, aV as fn, aW as gn, aX as zr, aY as as, aZ as _t, u as Kr, aw as ls, a_ as cs, az as ds, Y as us, q as fs, a$ as xr, b0 as gs, U as yr, x as ms, b1 as ps, au as hs, b2 as bs } from "./WorkspaceProvider-Dxvh_Faj.js";
+import { IconButton as st, DropdownMenu as vs, DropdownMenuTrigger as xs, DropdownMenuContent as ys, DropdownMenuItem as Rt, DropdownMenuSeparator as Ss, ErrorState as Ns } from "@hachej/boring-ui-kit";
+import { c as V } from "./utils-B6yFEsav.js";
+import { C as ws, r as Sr, w as Ps, a as Nr, c as Es, T as ks, W as wr } from "./WorkspaceLoadingState-D9v0oLDq.js";
+function As() {
+  const { theme: e, toggleTheme: t } = rs(), n = e === "dark";
+  return _(() => {
+    typeof document > "u" || document.documentElement.classList.toggle("dark", n);
+  }, [n]), /* @__PURE__ */ i(
+    st,
     {
       type: "button",
       variant: "ghost",
       size: "icon-sm",
-      onClick: n,
+      onClick: t,
       "aria-label": "Toggle theme",
-      title: r ? "Switch to light theme" : "Switch to dark theme",
-      children: r ? /* @__PURE__ */ f(Xr, { className: "h-4 w-4" }) : /* @__PURE__ */ f(Zr, { className: "h-4 w-4" })
+      title: n ? "Switch to light theme" : "Switch to dark theme",
+      children: n ? /* @__PURE__ */ i(zi, { className: "h-4 w-4" }) : /* @__PURE__ */ i(Ki, { className: "h-4 w-4" })
+    }
+  );
+}
+function Hr({
+  part: e,
+  icon: t,
+  title: n,
+  description: s,
+  actions: o,
+  headerInsetStart: a = !1,
+  headerInsetEnd: l = !1,
+  children: g
+}) {
+  return /* @__PURE__ */ b("div", { "data-boring-workspace-part": e, className: "flex h-full min-h-0 flex-col bg-background", children: [
+    /* @__PURE__ */ b("header", { className: V(
+      "flex h-12 shrink-0 items-center justify-between border-b border-border/60",
+      a ? "pl-12" : "pl-4",
+      l ? "pr-16" : "pr-4"
+    ), children: [
+      /* @__PURE__ */ b("div", { className: "flex min-w-0 items-center gap-2", children: [
+        t,
+        /* @__PURE__ */ b("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ i("h2", { className: "truncate text-sm font-semibold tracking-tight text-foreground", children: n }),
+          /* @__PURE__ */ i("p", { className: "truncate text-xs text-muted-foreground", children: s })
+        ] })
+      ] }),
+      o ? /* @__PURE__ */ i("div", { className: "flex shrink-0 items-center gap-0.5", children: o }) : null
+    ] }),
+    g
+  ] });
+}
+function Rs({ onClose: e, headerInsetStart: t = !1, headerInsetEnd: n = !1 }) {
+  const s = Ir(), [o, a] = O({ status: "loading", skills: [] }), l = k((d) => {
+    d.filePath && is({ kind: "openFile", params: { path: d.filePath, mode: "view" } });
+  }, []), g = k(async (d = !1) => {
+    a((m) => ({ status: "loading", skills: m.skills }));
+    try {
+      const m = await s.getJson(`/api/v1/agent/skills${d ? "?refresh=1" : ""}`, {
+        missingMessage: "Failed to load workspace skills."
+      }), A = Array.isArray(m.skills) ? m.skills.filter((R) => typeof (R == null ? void 0 : R.name) == "string" && R.name.length > 0) : [];
+      a({ status: "ready", skills: A });
+    } catch (m) {
+      a((A) => ({
+        status: "error",
+        skills: A.skills,
+        error: m instanceof Error ? m.message : "Failed to load workspace skills."
+      }));
+    }
+  }, [s]);
+  _(() => {
+    g(!1);
+  }, [g]);
+  const f = D(
+    () => [...o.skills].sort((d, m) => d.name.localeCompare(m.name)),
+    [o.skills]
+  );
+  return /* @__PURE__ */ i(
+    Hr,
+    {
+      part: "skills-page",
+      title: "Skills",
+      description: "Workspace skills available to slash commands",
+      headerInsetStart: t,
+      headerInsetEnd: n,
+      icon: /* @__PURE__ */ i("span", { className: "grid size-7 place-items-center rounded-lg bg-[color:oklch(from_var(--accent)_l_c_h/0.12)] text-[color:var(--accent)]", children: /* @__PURE__ */ i(Lr, { className: "h-4 w-4", strokeWidth: 1.75, "aria-hidden": "true" }) }),
+      actions: /* @__PURE__ */ b(oe, { children: [
+        /* @__PURE__ */ i(
+          st,
+          {
+            type: "button",
+            variant: "ghost",
+            size: "icon-xs",
+            onClick: () => void g(!0),
+            disabled: o.status === "loading",
+            "aria-label": "Refresh skills",
+            title: "Refresh skills",
+            className: "text-muted-foreground hover:text-foreground",
+            children: /* @__PURE__ */ i(_r, { className: V("size-3", o.status === "loading" && "animate-spin"), strokeWidth: 1.75 })
+          }
+        ),
+        e ? /* @__PURE__ */ i(
+          st,
+          {
+            type: "button",
+            variant: "ghost",
+            size: "icon-xs",
+            onClick: e,
+            "aria-label": "Close skills",
+            title: "Close",
+            className: "text-muted-foreground hover:text-foreground",
+            children: /* @__PURE__ */ i(Dr, { className: "size-3", strokeWidth: 1.75 })
+          }
+        ) : null
+      ] }),
+      children: /* @__PURE__ */ b("div", { className: "boring-scrollbar-discreet min-h-0 flex-1 overflow-y-auto p-4", "aria-live": "polite", children: [
+        o.status === "error" ? /* @__PURE__ */ i("div", { className: "mb-4 rounded-lg border border-destructive/30 bg-destructive/8 px-3 py-2 text-sm text-destructive", children: o.error }) : null,
+        o.status === "loading" && f.length === 0 ? /* @__PURE__ */ i("div", { className: "flex h-full min-h-[180px] items-center justify-center text-sm text-muted-foreground", children: "Loading skills…" }) : f.length === 0 ? /* @__PURE__ */ i("div", { className: "flex h-full min-h-[180px] items-center justify-center text-center text-sm text-muted-foreground", children: /* @__PURE__ */ b("div", { children: [
+          /* @__PURE__ */ i("div", { className: "font-medium text-foreground/80", children: "No skills found" }),
+          /* @__PURE__ */ i("p", { className: "mt-1 max-w-xs", children: "Reload plugins or add workspace skills to make them available in chat." })
+        ] }) }) : /* @__PURE__ */ i("ul", { role: "list", className: "grid gap-2", children: f.map((d) => /* @__PURE__ */ i(
+          "li",
+          {
+            className: "rounded-xl border border-border/60 bg-card/70 px-3 py-2.5 cursor-pointer transition-colors hover:border-border hover:bg-muted/60",
+            children: /* @__PURE__ */ i(
+              "button",
+              {
+                type: "button",
+                onClick: () => l(d),
+                title: "Open skill",
+                "aria-label": `Open skill ${d.name} in workspace`,
+                className: "block w-full text-left",
+                children: /* @__PURE__ */ b("div", { className: "flex items-start justify-between gap-3", children: [
+                  /* @__PURE__ */ b("div", { className: "min-w-0", children: [
+                    /* @__PURE__ */ b("div", { className: "truncate text-sm font-medium text-foreground", children: [
+                      "/",
+                      d.name
+                    ] }),
+                    d.description ? /* @__PURE__ */ i("p", { className: "mt-1 line-clamp-2 text-xs leading-5 text-muted-foreground", children: d.description }) : null
+                  ] }),
+                  /* @__PURE__ */ i(Hi, { className: "mt-0.5 h-4 w-4 shrink-0 text-muted-foreground", strokeWidth: 1.75, "aria-hidden": "true" })
+                ] })
+              }
+            )
+          },
+          d.name
+        )) })
+      ] })
+    }
+  );
+}
+function Pe(e) {
+  var t, n;
+  return ((t = e.boring) == null ? void 0 : t.label) || ((n = e.boring) == null ? void 0 : n.id) || e.id;
+}
+function Cs(e, t) {
+  const n = e.filter((s) => s.id !== t.id);
+  return n.push(t), n.sort((s, o) => Pe(s).localeCompare(Pe(o)));
+}
+function Ts({ onClose: e, onReloadExternalPlugins: t, headerInsetStart: n = !1, headerInsetEnd: s = !1 }) {
+  const o = Ir(), [a, l] = O({ status: "loading", plugins: [] }), [g, f] = O(() => /* @__PURE__ */ new Set()), [d, m] = O(!1), [A, R] = O(null), W = k(async () => {
+    l((p) => ({ status: "loading", plugins: p.plugins }));
+    try {
+      const p = await o.getJson("/api/v1/agent-plugins?external=1", {
+        missingMessage: "Failed to load external plugins."
+      }), h = Array.isArray(p) ? [...p].sort((x, L) => Pe(x).localeCompare(Pe(L))) : [];
+      l({ status: "ready", plugins: h });
+    } catch (p) {
+      const h = p instanceof Error ? p.message : "Failed to load external plugins.";
+      if (/\(404\)/.test(h)) {
+        l({ status: "ready", plugins: [] });
+        return;
+      }
+      l((x) => ({
+        status: "error",
+        plugins: x.plugins,
+        error: h
+      }));
+    }
+  }, [o]);
+  _(() => {
+    W();
+  }, [W]), _(() => {
+    const p = (h) => {
+      const x = h.detail;
+      if (!(!x || typeof x != "object"))
+        switch (x.type) {
+          case "boring.plugin.load":
+            l((L) => ({ ...L, plugins: Cs(L.plugins, x) })), f((L) => {
+              const F = new Set(L);
+              return F.delete(x.id), F;
+            });
+            break;
+          case "boring.plugin.unload":
+            l((L) => ({ ...L, plugins: L.plugins.filter((F) => F.id !== x.id) })), f((L) => {
+              const F = new Set(L);
+              return F.delete(x.id), F;
+            });
+            break;
+          case "boring.plugin.front-pending":
+            f((L) => new Set(L).add(x.id));
+            break;
+          case "boring.plugin.front-settled":
+            f((L) => {
+              const F = new Set(L);
+              return F.delete(x.id), F;
+            });
+            break;
+          case "boring.plugin.error":
+          case "boring.plugin.front-error":
+            R(x.message ? `${x.id}: ${x.message}` : `${x.id} failed to reload`), f((L) => {
+              const F = new Set(L);
+              return F.delete(x.id), F;
+            });
+            break;
+          case "boring.plugin.replay-complete":
+            W();
+            break;
+        }
+    };
+    return window.addEventListener(un, p), () => window.removeEventListener(un, p);
+  }, [W]);
+  const E = D(() => [...a.plugins].sort((p, h) => Pe(p).localeCompare(Pe(h))), [a.plugins]), v = k(async () => {
+    m(!0), R(null);
+    try {
+      const p = t ? await t() : void 0;
+      R(p || "External plugins reloaded."), await W();
+    } catch (p) {
+      R(p instanceof Error ? p.message : "External plugin reload failed.");
+    } finally {
+      m(!1);
+    }
+  }, [W, t]);
+  return /* @__PURE__ */ i(
+    Hr,
+    {
+      part: "plugins-overlay",
+      title: "Plugins",
+      description: "External plugins loaded for this workspace",
+      headerInsetStart: n,
+      headerInsetEnd: s,
+      icon: /* @__PURE__ */ i("span", { className: "grid size-7 place-items-center rounded-lg bg-foreground/[0.06] text-muted-foreground", children: /* @__PURE__ */ i(Or, { className: "h-4 w-4", strokeWidth: 1.75, "aria-hidden": "true" }) }),
+      actions: /* @__PURE__ */ b(oe, { children: [
+        /* @__PURE__ */ i(
+          st,
+          {
+            type: "button",
+            variant: "ghost",
+            size: "icon-xs",
+            onClick: () => void v(),
+            disabled: d || a.status === "loading",
+            "aria-label": "Reload plugins",
+            title: "Reload plugins",
+            className: "text-muted-foreground hover:text-foreground",
+            children: /* @__PURE__ */ i(_r, { className: V("size-3", (d || a.status === "loading") && "animate-spin"), strokeWidth: 1.75 })
+          }
+        ),
+        /* @__PURE__ */ i(
+          st,
+          {
+            type: "button",
+            variant: "ghost",
+            size: "icon-xs",
+            onClick: e,
+            "aria-label": "Close plugins",
+            title: "Close",
+            className: "text-muted-foreground hover:text-foreground",
+            children: /* @__PURE__ */ i(Dr, { className: "size-3", strokeWidth: 1.75 })
+          }
+        )
+      ] }),
+      children: /* @__PURE__ */ b("div", { className: "boring-scrollbar-discreet min-h-0 flex-1 overflow-y-auto p-4", "aria-live": "polite", children: [
+        a.status === "error" ? /* @__PURE__ */ i("div", { className: "mb-4 rounded-lg border border-destructive/30 bg-destructive/8 px-3 py-2 text-sm text-destructive", children: a.error }) : null,
+        A ? /* @__PURE__ */ i("div", { className: "mb-4 rounded-lg border border-border/70 bg-muted/40 px-3 py-2 text-xs text-muted-foreground", children: A }) : null,
+        a.status === "loading" && E.length === 0 ? /* @__PURE__ */ i("div", { className: "flex h-full min-h-[180px] items-center justify-center text-sm text-muted-foreground", children: "Loading external plugins…" }) : E.length === 0 ? /* @__PURE__ */ i("div", { className: "flex h-full min-h-[180px] items-center justify-center text-center text-sm text-muted-foreground", children: /* @__PURE__ */ b("div", { children: [
+          /* @__PURE__ */ i("div", { className: "font-medium text-foreground/80", children: "No external plugins loaded" }),
+          /* @__PURE__ */ i("p", { className: "mt-1 max-w-xs", children: "Create or install an external plugin, then reload external plugins." })
+        ] }) }) : /* @__PURE__ */ i("ul", { role: "list", className: "grid gap-2", children: E.map((p) => {
+          const h = g.has(p.id);
+          return /* @__PURE__ */ b(
+            "li",
+            {
+              className: "rounded-xl border border-border/60 bg-card/70 px-3 py-2.5",
+              children: [
+                /* @__PURE__ */ b("div", { className: "flex items-start justify-between gap-3", children: [
+                  /* @__PURE__ */ b("div", { className: "min-w-0", children: [
+                    /* @__PURE__ */ i("div", { className: "truncate text-sm font-medium text-foreground", children: Pe(p) }),
+                    /* @__PURE__ */ i("div", { className: "mt-0.5 truncate text-[11px] text-muted-foreground/80", children: p.id })
+                  ] }),
+                  /* @__PURE__ */ b("div", { className: "flex shrink-0 items-center gap-1", children: [
+                    h ? /* @__PURE__ */ i("span", { className: "rounded bg-muted px-1.5 py-0.5 text-[10px] font-medium text-muted-foreground", children: "loading" }) : null,
+                    p.frontTarget ? /* @__PURE__ */ i("span", { className: "rounded bg-foreground/[0.06] px-1.5 py-0.5 text-[10px] font-medium text-muted-foreground", children: "front" }) : null,
+                    typeof p.revision == "number" ? /* @__PURE__ */ b("span", { className: "rounded bg-muted px-1.5 py-0.5 text-[10px] font-medium text-muted-foreground", children: [
+                      "r",
+                      p.revision
+                    ] }) : null
+                  ] })
+                ] }),
+                p.version ? /* @__PURE__ */ b("div", { className: "mt-2 text-xs text-muted-foreground", children: [
+                  "Version ",
+                  p.version
+                ] }) : null
+              ]
+            },
+            p.id
+          );
+        }) })
+      ] })
+    }
+  );
+}
+function _s({
+  appTitle: e,
+  workspaceLabel: t,
+  topSlot: n,
+  showBrand: s = !0
+}) {
+  const o = e || "Boring UI";
+  return /* @__PURE__ */ b("div", { className: "shrink-0 px-2 pb-2 pt-2", children: [
+    s ? /* @__PURE__ */ b("div", { className: "flex h-8 min-w-0 items-center gap-2 pr-1", style: { paddingLeft: "2.5rem" }, children: [
+      /* @__PURE__ */ i(
+        "span",
+        {
+          "aria-hidden": "true",
+          className: "grid size-7 shrink-0 place-items-center rounded-lg bg-foreground text-[12px] font-semibold text-background",
+          children: (o[0] ?? "B").toUpperCase()
+        }
+      ),
+      /* @__PURE__ */ i("span", { className: "truncate text-[15px] font-semibold tracking-tight text-foreground", "data-boring-workspace-part": "app-left-pane-brand", children: o })
+    ] }) : null,
+    n ? /* @__PURE__ */ i(
+      "div",
+      {
+        className: s ? "mt-1 min-w-0" : "min-w-0 pr-1",
+        style: s ? void 0 : { paddingLeft: "2.5rem" },
+        "data-boring-workspace-part": "app-left-pane-workspace",
+        children: n
+      }
+    ) : t ? /* @__PURE__ */ i(
+      "div",
+      {
+        className: "mt-0.5 flex min-h-8 items-center gap-2 rounded-md px-2 text-[13px] text-foreground/72",
+        "data-boring-workspace-part": "app-left-pane-workspace",
+        children: /* @__PURE__ */ i("span", { className: "truncate", children: t })
+      }
+    ) : null
+  ] });
+}
+function rn({
+  icon: e,
+  label: t,
+  onClick: n,
+  emphasis: s = !1,
+  trailing: o
+}) {
+  return /* @__PURE__ */ b(
+    "button",
+    {
+      type: "button",
+      onClick: n,
+      className: V(
+        "flex h-8 w-full items-center gap-2 rounded-md px-2 text-left text-[13px] font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40",
+        s ? "bg-foreground/[0.06] text-foreground hover:bg-foreground/[0.1]" : "text-foreground/82 hover:bg-foreground/[0.055] hover:text-foreground"
+      ),
+      children: [
+        /* @__PURE__ */ i("span", { className: V("grid size-5 shrink-0 place-items-center", s ? "text-foreground/90" : "text-muted-foreground"), "aria-hidden": "true", children: e }),
+        /* @__PURE__ */ i("span", { className: "min-w-0 flex-1 truncate", children: t }),
+        o ? /* @__PURE__ */ i("span", { className: "shrink-0", children: o }) : null
+      ]
+    }
+  );
+}
+function Ds({ keys: e }) {
+  return /* @__PURE__ */ i("kbd", { "aria-hidden": "true", className: "rounded border border-border/60 bg-foreground/[0.08] px-1.5 py-px text-[10px] font-medium leading-[1.4] tracking-wide text-muted-foreground", children: e });
+}
+function Jr({
+  session: e,
+  state: t,
+  pinned: n,
+  canSplit: s = !0,
+  canPin: o = !0,
+  onSwitch: a,
+  onOpenAsPane: l,
+  onTogglePinned: g
+}) {
+  const f = e.title || "Untitled", d = () => {
+    t !== "active" && a(e.id);
+  };
+  return /* @__PURE__ */ b(
+    "div",
+    {
+      "data-boring-workspace-part": "app-session-row",
+      "data-boring-session-state": t,
+      draggable: s,
+      onDragStart: s ? (m) => {
+        m.dataTransfer.setData(ss, e.id), m.dataTransfer.setData("text/plain", f), m.dataTransfer.effectAllowed = "copyMove";
+      } : void 0,
+      className: V(
+        "group flex min-h-8 w-full items-center gap-2 rounded-md border px-2.5 py-1 text-left transition-colors",
+        t === "active" ? "border-transparent bg-[color:oklch(from_var(--accent)_l_c_h/0.14)] text-foreground" : t === "open" ? "border-transparent bg-foreground/[0.05] text-foreground/90 hover:bg-foreground/[0.07]" : "border-transparent text-foreground/78 hover:bg-foreground/[0.055] hover:text-foreground"
+      ),
+      children: [
+        /* @__PURE__ */ i(
+          Ji,
+          {
+            className: V(
+              "h-3.5 w-3.5 shrink-0",
+              t === "active" ? "text-[color:var(--accent)]" : "text-muted-foreground/65"
+            ),
+            strokeWidth: 1.75,
+            "aria-hidden": "true"
+          }
+        ),
+        /* @__PURE__ */ i(
+          "button",
+          {
+            type: "button",
+            onClick: d,
+            disabled: t === "active",
+            className: "min-w-0 flex-1 truncate rounded text-left text-[13px] font-medium leading-5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40 disabled:cursor-default",
+            title: f,
+            children: f
+          }
+        ),
+        /* @__PURE__ */ b("span", { className: "flex shrink-0 items-center gap-0.5 opacity-0 transition-opacity group-hover:opacity-100 group-focus-within:opacity-100", children: [
+          o ? /* @__PURE__ */ i(
+            "button",
+            {
+              type: "button",
+              "aria-label": n ? `Unpin ${f}` : `Pin ${f}`,
+              title: n ? "Unpin" : "Pin",
+              "aria-pressed": n,
+              onClick: () => g(e.id),
+              className: V(
+                "grid size-6 place-items-center rounded-md text-muted-foreground hover:bg-background hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40",
+                n && "text-[color:var(--accent)]"
+              ),
+              children: /* @__PURE__ */ i(Wr, { className: V("h-3.5 w-3.5", n && "fill-current"), strokeWidth: 1.75 })
+            }
+          ) : null,
+          t === "normal" && s ? /* @__PURE__ */ i(
+            "button",
+            {
+              type: "button",
+              "aria-label": `Open ${f} in new chat pane`,
+              title: "Open in new chat pane",
+              onClick: () => l(e.id),
+              className: "grid size-6 place-items-center rounded-md text-muted-foreground hover:bg-background hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40",
+              children: /* @__PURE__ */ i(Mr, { className: "h-3.5 w-3.5", strokeWidth: 1.75 })
+            }
+          ) : null
+        ] })
+      ]
+    }
+  );
+}
+const Br = "boring-workspace:pinned-projects";
+function Ls() {
+  var e;
+  try {
+    const t = (e = globalThis.localStorage) == null ? void 0 : e.getItem(Br);
+    if (!t) return [];
+    const n = JSON.parse(t);
+    return Array.isArray(n == null ? void 0 : n.ids) ? n.ids.filter((s) => typeof s == "string") : [];
+  } catch {
+    return [];
+  }
+}
+function Os(e) {
+  var t;
+  try {
+    (t = globalThis.localStorage) == null || t.setItem(Br, JSON.stringify({ ids: e }));
+  } catch {
+  }
+}
+function Ws() {
+  const [e, t] = O(() => Ls());
+  return [e, (s) => t((o) => {
+    const a = o.includes(s) ? o.filter((l) => l !== s) : [...o, s];
+    return Os(a), a;
+  })];
+}
+function Ms({
+  projects: e,
+  activeProjectId: t,
+  fallbackName: n,
+  expandedIds: s,
+  onToggleExpanded: o,
+  pinnedProjectIds: a,
+  onTogglePinnedProject: l,
+  onOpenProjectSession: g,
+  onShowMoreProjectSessions: f,
+  onCreateProjectSession: d,
+  onOpenProjectSettings: m,
+  onOpenProjectInNewTab: A,
+  renderProjectSession: R
+}) {
+  var E;
+  const W = t ?? ((E = e[0]) == null ? void 0 : E.id) ?? null;
+  return /* @__PURE__ */ i("div", { className: "space-y-0.5", children: e.map((v) => /* @__PURE__ */ i(
+    Is,
+    {
+      project: v,
+      fallbackName: n,
+      active: v.id === W,
+      expanded: s.has(v.id),
+      pinned: a.has(v.id),
+      onTogglePinned: () => l(v.id),
+      onToggleExpanded: () => o(v.id),
+      onActivate: () => o(v.id),
+      onOpenSession: g,
+      onShowMore: f,
+      onCreateSession: d,
+      onOpenSettings: m,
+      onOpenInNewTab: A,
+      renderProjectSession: R
+    },
+    v.id
+  )) });
+}
+function Is({
+  project: e,
+  fallbackName: t,
+  active: n,
+  expanded: s,
+  pinned: o,
+  onTogglePinned: a,
+  onToggleExpanded: l,
+  onActivate: g,
+  onOpenSession: f,
+  onShowMore: d,
+  onCreateSession: m,
+  onOpenSettings: A,
+  onOpenInNewTab: R,
+  renderProjectSession: W
+}) {
+  const [E, v] = O(!1), p = e.sessions ?? [], h = e.blockedCount ?? 0, x = e.available === !1, L = e.name || t, he = !!(m || !0);
+  return /* @__PURE__ */ b("div", { className: "space-y-0.5", children: [
+    /* @__PURE__ */ b(
+      "div",
+      {
+        className: V(
+          "group relative flex min-h-8 w-full items-center gap-2 rounded-md py-1 pl-2 pr-2 transition-colors",
+          n ? "bg-foreground/[0.07] text-foreground" : x ? "text-muted-foreground/45" : "text-foreground/82 hover:bg-foreground/[0.05] hover:text-foreground"
+        ),
+        children: [
+          /* @__PURE__ */ i(
+            "button",
+            {
+              type: "button",
+              "aria-label": s ? `Collapse ${L}` : `Expand ${L}`,
+              "aria-expanded": s,
+              onClick: l,
+              className: "grid size-5 shrink-0 place-items-center rounded text-muted-foreground/55 transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40",
+              children: /* @__PURE__ */ i(Bi, { className: V("h-3.5 w-3.5 transition-transform duration-150", s && "rotate-90"), strokeWidth: 2, "aria-hidden": "true" })
+            }
+          ),
+          /* @__PURE__ */ i(
+            "button",
+            {
+              type: "button",
+              "aria-current": n ? "page" : void 0,
+              disabled: x,
+              onClick: () => {
+                x || g();
+              },
+              className: "min-w-0 flex-1 truncate rounded text-left text-[13px] font-medium focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40 disabled:cursor-default",
+              children: L
+            }
+          ),
+          /* @__PURE__ */ b("span", { className: "relative flex h-6 w-[3.25rem] shrink-0 items-center justify-end", children: [
+            h > 0 ? /* @__PURE__ */ i("span", { className: V(
+              "pointer-events-none absolute inset-0 flex items-center justify-end transition-opacity",
+              he && "group-hover:opacity-0 group-focus-within:opacity-0",
+              E && "opacity-0"
+            ), children: /* @__PURE__ */ i(
+              "span",
+              {
+                title: `${h} session${h === 1 ? "" : "s"} waiting`,
+                className: "grid min-w-5 place-items-center rounded-full bg-[color:oklch(from_var(--accent)_l_c_h/0.18)] px-1.5 py-0.5 text-[11px] font-semibold text-[color:var(--accent)]",
+                children: h > 99 ? "99+" : h
+              }
+            ) }) : null,
+            he ? /* @__PURE__ */ b("span", { className: V(
+              "flex items-center gap-0.5 opacity-0 transition-opacity group-hover:opacity-100 group-focus-within:opacity-100",
+              E && "opacity-100"
+            ), children: [
+              m ? /* @__PURE__ */ i(
+                "button",
+                {
+                  type: "button",
+                  "aria-label": `New chat in ${L}`,
+                  title: "New chat",
+                  onClick: (H) => {
+                    H.stopPropagation(), m(e.id);
+                  },
+                  className: "grid size-6 place-items-center rounded-md text-muted-foreground hover:bg-foreground/[0.08] hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40",
+                  children: /* @__PURE__ */ i(dn, { className: "h-3.5 w-3.5", strokeWidth: 2 })
+                }
+              ) : null,
+              /* @__PURE__ */ b(vs, { open: E, onOpenChange: v, children: [
+                /* @__PURE__ */ i(xs, { asChild: !0, children: /* @__PURE__ */ i(
+                  "button",
+                  {
+                    type: "button",
+                    "aria-label": `${L} options`,
+                    title: "More",
+                    onClick: (H) => H.stopPropagation(),
+                    className: "grid size-6 place-items-center rounded-md text-muted-foreground hover:bg-foreground/[0.08] hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40",
+                    children: /* @__PURE__ */ i(qi, { className: "h-3.5 w-3.5", strokeWidth: 2 })
+                  }
+                ) }),
+                /* @__PURE__ */ b(ys, { align: "end", sideOffset: 6, className: "w-48 border-border/50 shadow-[0_12px_28px_-6px_rgba(0,0,0,0.55)]", children: [
+                  /* @__PURE__ */ b(Rt, { onSelect: a, className: "gap-2 text-[13px]", children: [
+                    o ? /* @__PURE__ */ i(Vi, { className: "h-3.5 w-3.5", "aria-hidden": "true" }) : /* @__PURE__ */ i(Wr, { className: "h-3.5 w-3.5", "aria-hidden": "true" }),
+                    o ? "Unpin project" : "Pin project"
+                  ] }),
+                  m ? /* @__PURE__ */ b(Rt, { onSelect: () => m(e.id), className: "gap-2 text-[13px]", children: [
+                    /* @__PURE__ */ i(Mr, { className: "h-3.5 w-3.5", "aria-hidden": "true" }),
+                    "New chat"
+                  ] }) : null,
+                  A ? /* @__PURE__ */ b(Rt, { onSelect: () => A(e.id), className: "gap-2 text-[13px]", children: [
+                    /* @__PURE__ */ i(Yi, { className: "h-3.5 w-3.5", "aria-hidden": "true" }),
+                    "Workspace settings"
+                  ] }) : null,
+                  R ? /* @__PURE__ */ b(oe, { children: [
+                    /* @__PURE__ */ i(Ss, {}),
+                    /* @__PURE__ */ b(Rt, { onSelect: () => R(e.id), className: "gap-2 text-[13px]", children: [
+                      /* @__PURE__ */ i(Xi, { className: "h-3.5 w-3.5", "aria-hidden": "true" }),
+                      "Open in new tab"
+                    ] })
+                  ] }) : null
+                ] })
+              ] })
+            ] }) : null
+          ] })
+        ]
+      }
+    ),
+    s ? /* @__PURE__ */ b("div", { className: "space-y-0.5 pl-6", children: [
+      e.loadingSessions && p.length === 0 ? /* @__PURE__ */ i("div", { className: "px-1 py-1.5 text-xs text-muted-foreground", children: "Loading chats…" }) : p.length === 0 ? /* @__PURE__ */ i("div", { className: "px-1 py-1.5 text-xs text-muted-foreground", children: "No chats yet." }) : p.map((H) => /* @__PURE__ */ i("div", { children: W ? W(e, H) : /* @__PURE__ */ i(
+        Jr,
+        {
+          session: H,
+          state: "normal",
+          pinned: !1,
+          onSwitch: () => f == null ? void 0 : f(e.id, H.id),
+          onOpenAsPane: () => f == null ? void 0 : f(e.id, H.id),
+          onTogglePinned: () => {
+          }
+        }
+      ) }, H.id)),
+      e.hasMoreSessions ? /* @__PURE__ */ i(
+        "button",
+        {
+          type: "button",
+          onClick: () => d == null ? void 0 : d(e.id),
+          className: "rounded-md px-1 py-1 text-left text-[13px] text-muted-foreground hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40",
+          children: "Show more"
+        }
+      ) : null
+    ] }) : null
+  ] });
+}
+function sn({ title: e, empty: t, children: n }) {
+  const s = Array.isArray(n) ? n.length > 0 : !!n;
+  return !s && !t ? null : /* @__PURE__ */ b("div", { className: "space-y-1", children: [
+    /* @__PURE__ */ i("div", { className: "px-2 pb-0.5 text-[11px] font-semibold uppercase tracking-[0.14em] text-muted-foreground/65", children: e }),
+    /* @__PURE__ */ i("div", { className: "space-y-0.5", children: s ? n : /* @__PURE__ */ i("div", { className: "px-2 py-1.5 text-xs text-muted-foreground/60", children: t }) })
+  ] });
+}
+function Fs({
+  width: e = 268,
+  appTitle: t,
+  workspaceLabel: n,
+  workspaceSectionTitle: s = "Workspaces",
+  projects: o,
+  activeProjectId: a,
+  onOpenProjectSession: l,
+  onShowMoreProjectSessions: g,
+  onCreateProject: f,
+  onCreateProjectSession: d,
+  onOpenProjectSettings: m,
+  onOpenProjectInNewTab: A,
+  topSlot: R,
+  bottomSlot: W,
+  headerMode: E = "full",
+  sessions: v,
+  activeSessionId: p,
+  openSessionIds: h,
+  pinnedSessionIds: x,
+  onCreateSession: L,
+  onOpenCommandPalette: F,
+  onSwitchSession: he,
+  onOpenSessionAsPane: H,
+  onToggleSessionPinned: Ot,
+  actions: Wt = [],
+  layoutMode: ge = "single-project"
+}) {
+  const ot = D(() => new Set(h), [h]), Ee = D(() => new Set(x), [x]), me = D(
+    () => x.map((y) => v.find((T) => T.id === y)).filter((y) => !!y),
+    [x, v]
+  ), be = D(
+    () => v.filter((y) => !Ee.has(y.id)),
+    [Ee, v]
+  ), ae = D(() => {
+    const y = o ?? [];
+    return ge !== "multi-project" ? y : y.map((T) => T.id !== a ? T : {
+      ...T,
+      sessions: T.sessions ?? be.map((M) => ({
+        id: M.id,
+        title: M.title,
+        updatedAt: M.updatedAt
+      })),
+      sessionCount: T.sessionCount ?? be.length
+    });
+  }, [a, ge, o, be]), [$e, at] = O(() => {
+    var T;
+    const y = a ?? ((T = o == null ? void 0 : o[0]) == null ? void 0 : T.id);
+    return new Set(y ? [y] : []);
+  }), Mt = (y) => at((T) => {
+    const M = new Set(T);
+    return M.has(y) ? M.delete(y) : M.add(y), M;
+  }), [ke, It] = Ws(), Ue = D(() => new Set(ke), [ke]), Ae = D(
+    () => ke.map((y) => ae.find((T) => T.id === y)).filter((y) => !!y),
+    [ke, ae]
+  ), Ge = D(
+    () => ae.filter((y) => !Ue.has(y.id)),
+    [ae, Ue]
+  ), Ft = E !== "hidden" && (ge !== "multi-project" || E === "workspace"), $t = E === "full" && ge !== "multi-project", Re = (y, T, M = a ?? void 0) => {
+    const le = !M || M === a, Ut = le && y.id === p ? "active" : le && ot.has(y.id) ? "open" : "normal";
+    return /* @__PURE__ */ i(
+      Jr,
+      {
+        session: y,
+        state: Ut,
+        pinned: T,
+        canSplit: le,
+        canPin: le,
+        onSwitch: le ? he : () => l == null ? void 0 : l(M, y.id),
+        onOpenAsPane: le ? H : () => l == null ? void 0 : l(M, y.id),
+        onTogglePinned: Ot
+      },
+      y.id
+    );
+  }, lt = (y) => /* @__PURE__ */ i(
+    Ms,
+    {
+      projects: y,
+      activeProjectId: a,
+      fallbackName: n || t || "Boring UI",
+      expandedIds: $e,
+      onToggleExpanded: Mt,
+      pinnedProjectIds: Ue,
+      onTogglePinnedProject: It,
+      onOpenProjectSession: (T, M) => {
+        T === a ? he(M) : l == null || l(T, M);
+      },
+      onShowMoreProjectSessions: g,
+      onCreateProjectSession: d,
+      onOpenProjectSettings: m,
+      onOpenProjectInNewTab: A,
+      renderProjectSession: (T, M) => Re({
+        id: M.id,
+        title: M.title,
+        updatedAt: M.updatedAt
+      }, Ee.has(M.id), T.id)
+    }
+  );
+  return /* @__PURE__ */ b(
+    "aside",
+    {
+      "data-boring-workspace-part": "app-left-pane",
+      className: "flex h-full min-h-0 shrink-0 flex-col border-r border-border bg-[color:oklch(from_var(--background)_calc(l-0.012)_c_h)] text-sm",
+      style: { width: e, minWidth: e, maxWidth: e },
+      "aria-label": "App navigation",
+      children: [
+        Ft ? /* @__PURE__ */ i(
+          _s,
+          {
+            appTitle: t,
+            workspaceLabel: n,
+            topSlot: R,
+            showBrand: $t
+          }
+        ) : /* @__PURE__ */ i("div", { className: "h-12 shrink-0", "aria-hidden": "true" }),
+        /* @__PURE__ */ b("nav", { className: "shrink-0 space-y-0.5 px-2 pb-1 pt-1", "aria-label": "Primary workspace actions", children: [
+          /* @__PURE__ */ i(rn, { icon: /* @__PURE__ */ i(dn, { className: "h-4 w-4", strokeWidth: 2 }), label: "New chat", onClick: L, emphasis: !0 }),
+          /* @__PURE__ */ i(rn, { icon: /* @__PURE__ */ i(ji, { className: "h-4 w-4", strokeWidth: 1.75 }), label: "Search", onClick: F, trailing: /* @__PURE__ */ i(Ds, { keys: "⌘K" }) }),
+          Wt.map((y) => /* @__PURE__ */ i(
+            rn,
+            {
+              icon: y.icon,
+              label: y.label,
+              onClick: y.onClick,
+              trailing: y.trailing,
+              emphasis: y.emphasis
+            },
+            y.id
+          ))
+        ] }),
+        /* @__PURE__ */ i("div", { className: "boring-scrollbar-discreet min-h-0 flex-1 overflow-y-auto px-2 py-2", children: ge === "multi-project" ? /* @__PURE__ */ b("div", { className: "space-y-3 py-1", children: [
+          me.length > 0 || Ae.length > 0 ? /* @__PURE__ */ b(sn, { title: "Pinned", children: [
+            me.map((y) => Re(y, !0)),
+            Ae.length > 0 ? lt(Ae) : null
+          ] }) : null,
+          /* @__PURE__ */ b("section", { "data-boring-workspace-part": "app-left-pane-section", className: "space-y-1", children: [
+            /* @__PURE__ */ b("div", { className: "flex items-center justify-between gap-1 px-2 pb-0.5", children: [
+              /* @__PURE__ */ i("span", { className: "text-[11px] font-semibold uppercase tracking-[0.14em] text-muted-foreground/65", children: s }),
+              f ? /* @__PURE__ */ i(
+                "button",
+                {
+                  type: "button",
+                  "aria-label": "New project",
+                  title: "New project",
+                  onClick: f,
+                  className: "grid size-6 shrink-0 place-items-center rounded-md text-muted-foreground transition-colors hover:bg-foreground/[0.055] hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40",
+                  children: /* @__PURE__ */ i(dn, { className: "h-3.5 w-3.5", strokeWidth: 2, "aria-hidden": "true" })
+                }
+              ) : null
+            ] }),
+            lt(Ge)
+          ] })
+        ] }) : (
+          /* Single-project: no "Chats" wrapper — the session list is the whole
+             point of the body, so show Pinned + Sessions directly. */
+          /* @__PURE__ */ b("div", { className: "space-y-4 py-1", children: [
+            me.length > 0 ? /* @__PURE__ */ i(sn, { title: "Pinned", children: me.map((y) => Re(y, !0)) }) : null,
+            /* @__PURE__ */ i(sn, { title: "Chats", empty: "No chats yet.", children: be.map((y) => Re(y, !1)) })
+          ] })
+        ) }),
+        W ? /* @__PURE__ */ i("footer", { className: "shrink-0 border-t border-border/40 p-2", children: W }) : null
+      ]
+    }
+  );
+}
+function $s({
+  width: e,
+  minWidth: t,
+  maxWidth: n,
+  onResize: s
+}) {
+  const o = J(null), a = k((d) => {
+    if (o.current == null) return;
+    const m = d.clientX - o.current;
+    o.current = d.clientX, m !== 0 && s(m);
+  }, [s]), l = k(() => {
+    o.current = null, document.body.style.cursor = "", document.body.style.userSelect = "", window.removeEventListener("pointermove", a), window.removeEventListener("pointerup", l);
+  }, [a]), g = k((d) => {
+    var m, A;
+    d.preventDefault(), (A = (m = d.currentTarget).setPointerCapture) == null || A.call(m, d.pointerId), o.current = d.clientX, document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", window.addEventListener("pointermove", a), window.addEventListener("pointerup", l);
+  }, [a, l]), f = k((d) => {
+    d.key === "ArrowLeft" ? (d.preventDefault(), s(d.shiftKey ? -48 : -16)) : d.key === "ArrowRight" ? (d.preventDefault(), s(d.shiftKey ? 48 : 16)) : d.key === "Home" ? (d.preventDefault(), s(t - e)) : d.key === "End" && (d.preventDefault(), s(n - e));
+  }, [n, t, s, e]);
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      role: "separator",
+      "aria-label": "Resize app navigation",
+      "aria-orientation": "vertical",
+      "aria-valuemin": t,
+      "aria-valuemax": n,
+      "aria-valuenow": e,
+      tabIndex: 0,
+      onKeyDown: f,
+      onPointerDown: g,
+      className: "group relative z-20 -ml-px w-1 shrink-0 cursor-col-resize touch-none bg-transparent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40",
+      children: /* @__PURE__ */ i("span", { className: "absolute inset-y-0 left-1/2 w-px -translate-x-1/2 bg-transparent transition-colors group-hover:bg-foreground/30 group-active:bg-foreground/45" })
+    }
+  );
+}
+function Us({
+  collapsed: e,
+  leftPane: t,
+  children: n,
+  onExpand: s,
+  onCollapse: o,
+  onResizeLeftPane: a,
+  leftPaneWidth: l,
+  minLeftPaneWidth: g = 220,
+  maxLeftPaneWidth: f = 420,
+  className: d
+}) {
+  const [m, A] = O(!1);
+  return /* @__PURE__ */ b(
+    "div",
+    {
+      "data-boring-workspace-part": "plugin-tabs-shell",
+      "data-boring-state": e ? "collapsed" : "expanded",
+      className: V("relative flex h-full min-h-0 w-full overflow-hidden bg-background", d),
+      children: [
+        e ? null : t,
+        !e && a && l != null ? /* @__PURE__ */ i(
+          $s,
+          {
+            width: l,
+            minWidth: g,
+            maxWidth: f,
+            onResize: a
+          }
+        ) : null,
+        /* @__PURE__ */ i("div", { className: "relative min-w-0 flex-1", children: n }),
+        e ? /* @__PURE__ */ b(oe, { children: [
+          /* @__PURE__ */ i(
+            "div",
+            {
+              "data-boring-workspace-part": "app-left-peek-trigger",
+              className: "absolute inset-y-0 left-0 z-[60] w-3",
+              onMouseEnter: () => A(!0),
+              "aria-hidden": "true"
+            }
+          ),
+          m ? /* @__PURE__ */ i(
+            "div",
+            {
+              "data-boring-workspace-part": "app-left-peek",
+              "data-boring-state": "open",
+              onMouseLeave: () => A(!1),
+              className: "absolute inset-y-0 left-0 z-[65] flex shadow-2xl",
+              children: t
+            }
+          ) : null
+        ] }) : null,
+        /* @__PURE__ */ i("div", { className: "pointer-events-none absolute left-1.5 top-2 z-[70]", children: /* @__PURE__ */ i(
+          os,
+          {
+            label: e ? "Open app navigation" : "Hide app navigation",
+            side: "right",
+            onClick: e ? s : o,
+            children: e ? /* @__PURE__ */ i(Qi, { className: "h-4 w-4", strokeWidth: 1.75 }) : /* @__PURE__ */ i(Zi, { className: "h-4 w-4", strokeWidth: 1.75 })
+          }
+        ) })
+      ]
     }
   );
 }
-function rs() {
+function Gs() {
   const e = `s${Date.now()}`;
   return {
     sessions: [{ id: e, title: "New session", updatedAt: Date.now() }],
     activeId: e
   };
 }
-function ss(e, n) {
-  var r;
-  if (typeof localStorage > "u") return n();
+function zs(e, t) {
+  var n;
+  if (typeof localStorage > "u") return t();
   try {
     const s = localStorage.getItem(e);
     if (s) {
-      const i = JSON.parse(s), o = Array.isArray(i.sessions) ? i.sessions : Array.isArray(i.items) ? i.items : null;
-      if (o)
-        return { sessions: o, activeId: i.activeId ?? ((r = o[0]) == null ? void 0 : r.id) ?? "" };
+      const o = JSON.parse(s), a = Array.isArray(o.sessions) ? o.sessions : Array.isArray(o.items) ? o.items : null;
+      if (a)
+        return { sessions: a, activeId: o.activeId ?? ((n = a[0]) == null ? void 0 : n.id) ?? "" };
     }
   } catch {
   }
-  return n();
+  return t();
 }
-function is(e, n) {
+function Ks(e, t) {
   if (!(typeof localStorage > "u"))
     try {
-      localStorage.setItem(e, JSON.stringify(n));
+      localStorage.setItem(e, JSON.stringify(t));
     } catch {
     }
 }
-function os(e = {}) {
-  const n = e.storageKey ?? "workspace:sessions", r = e.initial ?? rs;
-  let s = ss(n, r);
-  const i = /* @__PURE__ */ new Set(), o = (c) => {
-    s = c, is(n, s), i.forEach((d) => d());
+function Hs(e = {}) {
+  const t = e.storageKey ?? "workspace:sessions", n = e.initial ?? Gs;
+  let s = zs(t, n);
+  const o = /* @__PURE__ */ new Set(), a = (l) => {
+    s = l, Ks(t, s), o.forEach((g) => g());
   };
   return {
     getState: () => s,
-    subscribe(c) {
-      return i.add(c), () => {
-        i.delete(c);
+    subscribe(l) {
+      return o.add(l), () => {
+        o.delete(l);
       };
     },
-    switchTo(c) {
-      o({ ...s, activeId: c });
+    switchTo(l) {
+      a({ ...s, activeId: l });
     },
     create() {
-      const c = `s${Date.now()}`, d = {
-        id: c,
+      const l = `s${Date.now()}`, g = {
+        id: l,
         title: "New session",
         updatedAt: Date.now()
       };
-      o({ sessions: [d, ...s.sessions], activeId: c });
+      a({ sessions: [g, ...s.sessions], activeId: l });
     },
-    remove(c) {
-      var P;
-      const d = s.sessions.filter((y) => y.id !== c), b = s.activeId === c ? ((P = d[0]) == null ? void 0 : P.id) ?? "" : s.activeId;
-      o({ sessions: d, activeId: b });
+    remove(l) {
+      var d;
+      const g = s.sessions.filter((m) => m.id !== l), f = s.activeId === l ? ((d = g[0]) == null ? void 0 : d.id) ?? "" : s.activeId;
+      a({ sessions: g, activeId: f });
     }
   };
 }
-function as(e) {
-  return Wr(e.subscribe, e.getState, e.getState);
+function Js(e) {
+  return cn(e.subscribe, e.getState, e.getState);
 }
-const ls = 500, cs = 1e4;
-function wn(e) {
-  return new Promise((n, r) => {
+const Bs = 500, qs = 1e4;
+function Pr(e) {
+  return new Promise((t, n) => {
     let s;
-    const i = () => {
-      s && globalThis.clearTimeout(s), e.removeEventListener("abort", o);
-    }, o = () => {
-      i(), r(new DOMException("Warmup aborted", "AbortError"));
+    const o = () => {
+      s && globalThis.clearTimeout(s), e.removeEventListener("abort", a);
+    }, a = () => {
+      o(), n(new DOMException("Warmup aborted", "AbortError"));
     };
     if (e.aborted) {
-      o();
+      a();
       return;
     }
     s = globalThis.setTimeout(() => {
-      i(), n();
-    }, ls), e.addEventListener("abort", o, { once: !0 });
+      o(), t();
+    }, Bs), e.addEventListener("abort", a, { once: !0 });
   });
 }
-async function us(e) {
-  const n = e.body;
-  if (!n) return ze(await ke(e));
-  const r = n.getReader(), s = new TextDecoder();
-  let i = "";
+async function Vs(e) {
+  const t = e.body;
+  if (!t) return _t(await Lt(e));
+  const n = t.getReader(), s = new TextDecoder();
+  let o = "";
   try {
     for (; ; ) {
-      const { done: o, value: c } = await r.read();
-      if (c) {
-        i += s.decode(c, { stream: !o });
-        const d = ze(i);
-        if (d) return d;
+      const { done: a, value: l } = await n.read();
+      if (l) {
+        o += s.decode(l, { stream: !a });
+        const g = _t(o);
+        if (g) return g;
       }
-      if (o)
-        return i += s.decode(), ze(i);
+      if (a)
+        return o += s.decode(), _t(o);
     }
   } finally {
-    await r.cancel().catch(() => {
+    await n.cancel().catch(() => {
     });
   }
 }
-function ds(e) {
+function Ys(e) {
   if (!((e == null ? void 0 : e.runtimeDependenciesState) !== "preparing" && (e == null ? void 0 : e.runtimeDependenciesState) !== "ready" && (e == null ? void 0 : e.runtimeDependenciesState) !== "failed"))
     return {
       state: e.runtimeDependenciesState,
@@ -131,975 +1044,1158 @@ function ds(e) {
       ...e.runtimeDependenciesRequirement ? { requirement: e.runtimeDependenciesRequirement } : {}
     };
 }
-async function fs(e) {
+async function Xs(e) {
   if (!e.ok) {
-    const i = await ke(e);
-    if (bt(i)) return { status: "preparing" };
-    throw new Error(yt(i) ?? `/api/v1/ready-status failed with ${e.status}`);
+    const o = await Lt(e);
+    if (fn(o)) return { status: "preparing" };
+    throw new Error(gn(o) ?? `/api/v1/ready-status failed with ${e.status}`);
   }
-  const n = await us(e), r = ds(n), s = Ur(n);
-  if ((n == null ? void 0 : n.state) === "degraded" || (n == null ? void 0 : n.state) === "failed") {
-    if (s && (r == null ? void 0 : r.state) === "failed")
-      return { status: "ready", runtimeDependencies: r };
-    throw new Error(n.message ?? "Workspace failed to prepare");
+  const t = await Vs(e), n = Ys(t), s = as(t);
+  if ((t == null ? void 0 : t.state) === "degraded" || (t == null ? void 0 : t.state) === "failed") {
+    if (s && (n == null ? void 0 : n.state) === "failed")
+      return { status: "ready", runtimeDependencies: n };
+    throw new Error(t.message ?? "Workspace failed to prepare");
   }
-  return s ? { status: "ready", ...r ? { runtimeDependencies: r } : {} } : { status: "preparing", ...r ? { runtimeDependencies: r } : {} };
+  return s ? { status: "ready", ...n ? { runtimeDependencies: n } : {} } : { status: "preparing", ...n ? { runtimeDependencies: n } : {} };
 }
-async function gs({
+async function js({
   apiBaseUrl: e,
-  path: n,
-  headers: r,
+  path: t,
+  headers: n,
   signal: s,
-  workspaceId: i
+  workspaceId: o
 }) {
-  const o = new AbortController(), c = globalThis.setTimeout(() => o.abort(new DOMException("Warmup attempt timed out", "TimeoutError")), cs), d = () => o.abort(s.reason);
-  s.aborted && d(), s.addEventListener("abort", d, { once: !0 });
+  const a = new AbortController(), l = globalThis.setTimeout(() => a.abort(new DOMException("Warmup attempt timed out", "TimeoutError")), qs), g = () => a.abort(s.reason);
+  s.aborted && g(), s.addEventListener("abort", g, { once: !0 });
   try {
-    const b = await fetch(Cn(e, n), { headers: r, signal: o.signal });
-    if (Wn(n)) return await fs(b);
-    const P = await ke(b);
-    if (!b.ok) {
-      const y = bt(P);
-      if (y) return { status: "preparing", ...y };
-      throw new Error(yt(P) ?? `${n} failed with ${b.status}`);
+    const f = await fetch(Ur(e, t), { headers: n, signal: a.signal });
+    if (Gr(t)) return await Xs(f);
+    const d = await Lt(f);
+    if (!f.ok) {
+      const m = fn(d);
+      if (m) return { status: "preparing", ...m };
+      throw new Error(gn(d) ?? `${t} failed with ${f.status}`);
     }
-    return P && typeof P == "object" && Fn(e, r["x-boring-workspace-id"] ?? i, n, P), { status: "ready" };
-  } catch (b) {
-    if (s.aborted) throw b;
-    if (o.signal.aborted || b instanceof TypeError) return { status: "preparing" };
-    throw b;
+    return d && typeof d == "object" && zr(e, n["x-boring-workspace-id"] ?? o, t, d), { status: "ready" };
+  } catch (f) {
+    if (s.aborted) throw f;
+    if (a.signal.aborted || f instanceof TypeError) return { status: "preparing" };
+    throw f;
   } finally {
-    globalThis.clearTimeout(c), s.removeEventListener("abort", d);
+    globalThis.clearTimeout(l), s.removeEventListener("abort", g);
   }
 }
-function ms({
+function Qs({
   workspaceId: e,
-  requestHeaders: n,
-  apiBaseUrl: r,
-  preloadPaths: s = xn,
-  provisionWorkspace: i = !0,
-  onStatusChange: o
+  requestHeaders: t,
+  apiBaseUrl: n,
+  preloadPaths: s = Fr,
+  provisionWorkspace: o = !0,
+  onStatusChange: a
 }) {
-  return E(() => {
-    let c = !1;
-    const d = new AbortController(), b = Ye(e, n);
-    async function P() {
-      var y, B;
-      o == null || o({ status: "preparing" });
+  return _(() => {
+    let l = !1;
+    const g = new AbortController(), f = Dt(e, t);
+    async function d() {
+      var m, A;
+      a == null || a({ status: "preparing" });
       try {
-        const F = Mn(s, i), k = (h) => gs({
-          apiBaseUrl: r,
+        const R = $r(s, o), W = (h) => js({
+          apiBaseUrl: n,
           path: h,
-          headers: b,
-          signal: d.signal,
+          headers: f,
+          signal: g.signal,
           workspaceId: e
         });
-        let w = await Promise.all(F.map(async (h) => ({ path: h, result: await k(h) })));
-        if (c || d.signal.aborted) return;
-        let S = (y = w.find((h) => h.result.runtimeDependencies)) == null ? void 0 : y.result.runtimeDependencies, N = w.filter((h) => h.result.status === "preparing");
-        for (; N.length > 0; ) {
+        let E = await Promise.all(R.map(async (h) => ({ path: h, result: await W(h) })));
+        if (l || g.signal.aborted) return;
+        let v = (m = E.find((h) => h.result.runtimeDependencies)) == null ? void 0 : m.result.runtimeDependencies, p = E.filter((h) => h.result.status === "preparing");
+        for (; p.length > 0; ) {
           let h;
-          for (const D of N)
-            if (D.result.status === "preparing" && D.result.requirement) {
-              h = D.result.requirement;
+          for (const x of p)
+            if (x.result.status === "preparing" && x.result.requirement) {
+              h = x.result.requirement;
               break;
             }
-          if (o == null || o({ status: "preparing", message: "Workspace is still preparing", ...h ? { requirement: h } : {} }), await wn(d.signal), c || d.signal.aborted || (w = await Promise.all(N.map(async (D) => ({ path: D.path, result: await k(D.path) }))), c || d.signal.aborted)) return;
-          S = ((B = w.find((D) => D.result.runtimeDependencies)) == null ? void 0 : B.result.runtimeDependencies) ?? S, N = w.filter((D) => D.result.status === "preparing");
+          if (a == null || a({ status: "preparing", message: "Workspace is still preparing", ...h ? { requirement: h } : {} }), await Pr(g.signal), l || g.signal.aborted || (E = await Promise.all(p.map(async (x) => ({ path: x.path, result: await W(x.path) }))), l || g.signal.aborted)) return;
+          v = ((A = E.find((x) => x.result.runtimeDependencies)) == null ? void 0 : A.result.runtimeDependencies) ?? v, p = E.filter((x) => x.result.status === "preparing");
         }
-        for (o == null || o({ status: "ready", ...S ? { runtimeDependencies: S } : {} }); (S == null ? void 0 : S.state) === "preparing"; ) {
-          if (await wn(d.signal), c || d.signal.aborted) return;
-          const h = await k("/api/v1/ready-status");
-          if (c || d.signal.aborted) return;
-          S = h.runtimeDependencies, S && (o == null || o({ status: "ready", runtimeDependencies: S }));
+        for (a == null || a({ status: "ready", ...v ? { runtimeDependencies: v } : {} }); (v == null ? void 0 : v.state) === "preparing"; ) {
+          if (await Pr(g.signal), l || g.signal.aborted) return;
+          const h = await W("/api/v1/ready-status");
+          if (l || g.signal.aborted) return;
+          v = h.runtimeDependencies, v && (a == null || a({ status: "ready", runtimeDependencies: v }));
         }
-      } catch (F) {
-        if (c || d.signal.aborted) return;
-        o == null || o({
+      } catch (R) {
+        if (l || g.signal.aborted) return;
+        a == null || a({
           status: "failed",
-          message: F instanceof Error ? F.message : "Workspace failed to prepare"
+          message: R instanceof Error ? R.message : "Workspace failed to prepare"
         });
       }
     }
-    return P(), () => {
-      c = !0, d.abort();
+    return d(), () => {
+      l = !0, g.abort();
+    };
+  }, [n, a, s, o, t, e]), null;
+}
+function Zs({ status: e }) {
+  const t = e.status === "ready" ? void 0 : e.requirement, n = e.status !== "failed", s = n ? t === "workspace-fs" ? "Preparing files…" : t === "sandbox-exec" ? "Preparing secure runtime…" : t === "ui-bridge" ? "Connecting workspace…" : "Preparing workspace…" : "Workspace workbench failed", o = e.status === "failed" ? e.message : "Chat is ready while files, tools, and workspace panels finish warming up.";
+  return /* @__PURE__ */ i("div", { className: "flex h-full min-h-0 items-center justify-center bg-background px-6 text-center", children: /* @__PURE__ */ b("div", { className: "max-w-sm rounded-2xl border border-border bg-card p-5 shadow-sm", children: [
+    n ? /* @__PURE__ */ i("div", { className: "mx-auto mb-3 h-7 w-7 rounded-full border-2 border-muted-foreground/20 border-t-foreground animate-spin", "aria-hidden": "true" }) : null,
+    /* @__PURE__ */ i("div", { className: "text-sm font-semibold text-foreground", children: s }),
+    /* @__PURE__ */ i("p", { className: "mt-2 text-sm text-muted-foreground", children: o }),
+    e.status === "failed" ? /* @__PURE__ */ i("p", { className: "mt-3 text-xs text-muted-foreground", children: "Reload the workspace to retry." }) : null
+  ] }) });
+}
+function eo() {
+  return /* @__PURE__ */ i("div", { className: "flex h-full min-h-0 items-center justify-center bg-background px-6 text-center", children: /* @__PURE__ */ b("div", { className: "max-w-sm rounded-2xl border border-border bg-card p-5 shadow-sm", children: [
+    /* @__PURE__ */ i("div", { className: "mx-auto mb-3 h-7 w-7 rounded-full border-2 border-muted-foreground/20 border-t-foreground animate-spin", "aria-hidden": "true" }),
+    /* @__PURE__ */ i("div", { className: "text-sm font-semibold text-foreground", children: "Loading sessions…" }),
+    /* @__PURE__ */ i("p", { className: "mt-2 text-sm text-muted-foreground", children: "Finding this workspace’s saved chats." })
+  ] }) });
+}
+function to(e) {
+  if (!e) return "/api/v1/ui";
+  const t = e.replace(/\/$/, ""), n = "/api/v1/ui";
+  return t.endsWith(n) ? t : `${t}${n}`;
+}
+function no(e) {
+  return `${to(e)}/state`;
+}
+function ro(e) {
+  var s;
+  const t = e.openTabs.find((o) => o.id === e.activeTab), n = (s = t == null ? void 0 : t.params) == null ? void 0 : s.path;
+  return typeof n == "string" ? n : null;
+}
+function io({
+  bridgeEndpoint: e,
+  requestHeaders: t,
+  navOpen: n,
+  surfaceOpen: s,
+  surfaceReady: o,
+  snapshot: a
+}) {
+  const l = Kr(), g = ls(), f = cn(
+    l.subscribe,
+    l.getSnapshot,
+    l.getSnapshot
+  ), d = cn(
+    g.subscribe,
+    g.getSnapshot,
+    g.getSnapshot
+  ), m = J(null);
+  return _(() => {
+    var W;
+    if (e === null || s && !o) return;
+    (W = m.current) == null || W.abort();
+    const A = new AbortController();
+    m.current = A;
+    const R = {
+      v: 1,
+      drawerOpen: n,
+      workbenchOpen: s,
+      openTabs: a.openTabs,
+      activeTab: a.activeTab,
+      activeFile: ro(a),
+      availablePanels: f.map((E) => E.id),
+      availableSurfaces: d.flatMap((E) => {
+        const v = cs(E);
+        return v ? [v] : [];
+      })
+    };
+    return fetch(no(e), {
+      method: "PUT",
+      headers: { ...t, "Content-Type": "application/json" },
+      body: JSON.stringify({ state: R, causedBy: "user" }),
+      signal: A.signal
+    }).catch(() => {
+    }), () => {
+      A.abort();
     };
-  }, [r, o, s, i, n, e]), null;
+  }, [e, n, f, t, a, s, o, d]), null;
+}
+function so({ onQuestionOpen: e }) {
+  const { blockers: t } = ds(), n = t.some((o) => o.reason === "waiting_for_user_input"), s = J(!1);
+  return _(() => {
+    n && !s.current && e(), s.current = n;
+  }, [n, e]), null;
 }
-function ps(e) {
+function Er(e) {
   return typeof (e == null ? void 0 : e.id) == "string" ? e.id : null;
 }
-function Ve(e, n, r) {
-  if (e.includes(r)) return e;
-  const s = n ? e.indexOf(n) : -1, i = s >= 0 ? s + 1 : e.length;
-  return [...e.slice(0, i), r, ...e.slice(i)];
+function Ct(e, t, n) {
+  if (e.includes(n)) return e;
+  const s = t ? e.indexOf(t) : -1, o = s >= 0 ? s + 1 : e.length;
+  return [...e.slice(0, o), n, ...e.slice(o)];
 }
-function Nn(e, n, r) {
-  if (e.includes(r)) return e;
-  if (e.length === 0) return [r];
-  const s = n ? e.indexOf(n) : -1, i = s >= 0 ? s : 0;
-  return e.map((o, c) => c === i ? r : o);
+function on(e, t, n) {
+  if (e.includes(n)) return e;
+  if (e.length === 0) return [n];
+  const s = t ? e.indexOf(t) : -1, o = s >= 0 ? s : 0;
+  return e.map((a, l) => l === o ? n : a);
 }
-function hs(e, n) {
-  return e.endsWith(":surface") ? e.slice(0, -8) : n;
+function oo(e, t) {
+  return e.endsWith(":surface") ? e.slice(0, -8) : t;
+}
+function ao(e, t, n) {
+  const [s, o] = O(() => Nr(e, t, n));
+  _(() => {
+    o(Nr(e, t, n));
+  }, [e, t, n]);
+  const a = k(
+    (l) => {
+      o((g) => {
+        const f = typeof l == "function" ? l(g) : l;
+        return Es(e, f, n), f;
+      });
+    },
+    [n, e]
+  );
+  return [s, a];
 }
-function ht(e, n, r) {
-  const [s, i] = x(() => Rn(e, n, r));
-  E(() => {
-    i(Rn(e, n, r));
-  }, [e, n, r]);
-  const o = R(
-    (c) => {
-      i(c), Qr(e, c, r);
+function Tt(e, t, n) {
+  const [s, o] = O(() => Sr(e, t, n));
+  _(() => {
+    o(Sr(e, t, n));
+  }, [e, t, n]);
+  const a = k(
+    (l) => {
+      o(l), Ps(e, l, n);
     },
-    [r, e]
+    [n, e]
   );
-  return [s, o];
+  return [s, a];
 }
-const St = {}, Ss = [], Dn = { status: "preparing" }, _n = {
+const an = {}, lo = [], kr = { status: "preparing" };
+function Ar(e, t, n) {
+  return Math.min(n, Math.max(t, e));
+}
+const Rr = {
   openTabs: [],
   activeTab: null
 };
-function vs({ status: e }) {
-  const n = e.status === "ready" ? void 0 : e.requirement, r = e.status !== "failed", s = r ? n === "workspace-fs" ? "Preparing files…" : n === "sandbox-exec" ? "Preparing secure runtime…" : n === "ui-bridge" ? "Connecting workspace…" : "Preparing workspace…" : "Workspace workbench failed", i = e.status === "failed" ? e.message : "Chat is ready while files, tools, and workspace panels finish warming up.";
-  return /* @__PURE__ */ f("div", { className: "flex h-full min-h-0 items-center justify-center bg-background px-6 text-center", children: /* @__PURE__ */ Re("div", { className: "max-w-sm rounded-2xl border border-border bg-card p-5 shadow-sm", children: [
-    r ? /* @__PURE__ */ f("div", { className: "mx-auto mb-3 h-7 w-7 rounded-full border-2 border-muted-foreground/20 border-t-foreground animate-spin", "aria-hidden": "true" }) : null,
-    /* @__PURE__ */ f("div", { className: "text-sm font-semibold text-foreground", children: s }),
-    /* @__PURE__ */ f("p", { className: "mt-2 text-sm text-muted-foreground", children: i }),
-    e.status === "failed" ? /* @__PURE__ */ f("p", { className: "mt-3 text-xs text-muted-foreground", children: "Reload the workspace to retry." }) : null
-  ] }) });
-}
-function bs(e) {
-  const n = e.workspaceId ?? ys(e.requestHeaders) ?? e.storageKey, r = Gr({
+function co(e) {
+  const t = e.workspaceId ?? uo(e.requestHeaders) ?? e.storageKey, n = ns({
     apiBaseUrl: e.apiBaseUrl,
-    workspaceId: n,
-    storageScope: n,
+    workspaceId: t,
+    storageScope: t,
     requestHeaders: e.requestHeaders,
     enabled: e.enabled,
     connectActiveSession: !1,
     refreshKey: e.refreshKey
   });
-  return { ...r, workspaceId: r.dataStorageScope };
+  return { ...n, workspaceId: n.dataStorageScope };
 }
-function ys(e) {
+function uo(e) {
   return (e == null ? void 0 : e["x-boring-workspace-id"]) ?? (e == null ? void 0 : e["X-Boring-Workspace-Id"]) ?? null;
 }
-function Ps(e) {
-  const n = e.reloaded ? "Extensions reloaded." : "Extensions will reload on the next message.", r = Array.isArray(e.diagnostics) ? e.diagnostics.map((s) => s.message).filter((s) => !!s) : [];
-  return r.length > 0 ? `${n}
+function fo(e) {
+  const t = e.reloaded ? "Extensions reloaded." : "Extensions will reload on the next message.", n = Array.isArray(e.diagnostics) ? e.diagnostics.map((s) => s.message).filter((s) => !!s) : [];
+  return n.length > 0 ? `${t}
 
 Warnings:
-${r.join(`
-`)}` : n;
+${n.join(`
+`)}` : t;
 }
-function Es(e) {
-  var n;
+function go(e) {
+  var t;
   try {
-    return ((n = globalThis.localStorage) == null ? void 0 : n.getItem(e)) ?? null;
+    return ((t = globalThis.localStorage) == null ? void 0 : t.getItem(e)) ?? null;
   } catch {
     return null;
   }
 }
-function On(e, n) {
-  var r;
+function Cr(e, t) {
+  var n;
   try {
-    const s = (r = globalThis.localStorage) == null ? void 0 : r.getItem(e);
+    const s = (n = globalThis.localStorage) == null ? void 0 : n.getItem(e);
     if (!s) return null;
-    const i = JSON.parse(s), o = Array.isArray(i.ids) ? i.ids.filter((d) => typeof d == "string" && d.length > 0) : [];
-    if (o.length === 0) return null;
-    const c = typeof i.activeId == "string" && o.includes(i.activeId) ? i.activeId : o[0];
-    return { workspaceId: n, ids: o, activeId: c };
+    const o = JSON.parse(s), a = Array.isArray(o.ids) ? o.ids.filter((g) => typeof g == "string" && g.length > 0) : [];
+    if (a.length === 0) return null;
+    const l = typeof o.activeId == "string" && a.includes(o.activeId) ? o.activeId : a[0];
+    return { workspaceId: t, ids: a, activeId: l };
   } catch {
     return null;
   }
 }
-function As(e, n) {
-  var r, s;
+function mo(e, t) {
+  var n, s;
   try {
-    if (n.ids.length === 0) {
-      (r = globalThis.localStorage) == null || r.removeItem(e);
+    if (t.ids.length === 0) {
+      (n = globalThis.localStorage) == null || n.removeItem(e);
       return;
     }
     (s = globalThis.localStorage) == null || s.setItem(
       e,
-      JSON.stringify({ ids: n.ids, activeId: n.activeId })
+      JSON.stringify({ ids: t.ids, activeId: t.activeId })
     );
   } catch {
   }
 }
-function Ln(e, n) {
-  var r;
+function Tr(e, t) {
+  var n;
   try {
-    const s = (r = globalThis.localStorage) == null ? void 0 : r.getItem(e);
+    const s = (n = globalThis.localStorage) == null ? void 0 : n.getItem(e);
     if (!s) return null;
-    const i = JSON.parse(s), o = Array.isArray(i.ids) ? i.ids.filter((c) => typeof c == "string" && c.length > 0) : [];
-    return { workspaceId: n, ids: o };
+    const o = JSON.parse(s), a = Array.isArray(o.ids) ? o.ids.filter((l) => typeof l == "string" && l.length > 0) : [];
+    return { workspaceId: t, ids: a };
   } catch {
     return null;
   }
 }
-function Rs(e, n) {
-  var r, s;
+function po(e, t) {
+  var n, s;
   try {
-    if (n.length === 0) {
-      (r = globalThis.localStorage) == null || r.removeItem(e);
+    if (t.length === 0) {
+      (n = globalThis.localStorage) == null || n.removeItem(e);
       return;
     }
-    (s = globalThis.localStorage) == null || s.setItem(e, JSON.stringify({ ids: n }));
+    (s = globalThis.localStorage) == null || s.setItem(e, JSON.stringify({ ids: t }));
   } catch {
   }
 }
-function Ts() {
-  return /* @__PURE__ */ f("div", { className: "flex h-full min-h-0 items-center justify-center bg-background px-6 text-center", children: /* @__PURE__ */ Re("div", { className: "max-w-sm rounded-2xl border border-border bg-card p-5 shadow-sm", children: [
-    /* @__PURE__ */ f("div", { className: "mx-auto mb-3 h-7 w-7 rounded-full border-2 border-muted-foreground/20 border-t-foreground animate-spin", "aria-hidden": "true" }),
-    /* @__PURE__ */ f("div", { className: "text-sm font-semibold text-foreground", children: "Loading sessions…" }),
-    /* @__PURE__ */ f("p", { className: "mt-2 text-sm text-muted-foreground", children: "Finding this workspace’s saved chats." })
-  ] }) });
-}
-function ws(e) {
-  if (!e) return "/api/v1/ui";
-  const n = e.replace(/\/$/, ""), r = "/api/v1/ui";
-  return n.endsWith(r) ? n : `${n}${r}`;
-}
-function Ns(e) {
-  return `${ws(e)}/state`;
-}
-function Ds(e) {
-  var s;
-  const n = e.openTabs.find((i) => i.id === e.activeTab), r = (s = n == null ? void 0 : n.params) == null ? void 0 : s.path;
-  return typeof r == "string" ? r : null;
-}
-function _s({
-  bridgeEndpoint: e,
-  requestHeaders: n,
-  navOpen: r,
-  surfaceOpen: s,
-  surfaceReady: i,
-  snapshot: o
-}) {
-  const c = In(), d = $(null);
-  return E(() => {
-    var y;
-    if (e === null || s && !i) return;
-    (y = d.current) == null || y.abort();
-    const b = new AbortController();
-    d.current = b;
-    const P = {
-      v: 1,
-      drawerOpen: r,
-      workbenchOpen: s,
-      openTabs: o.openTabs,
-      activeTab: o.activeTab,
-      activeFile: Ds(o),
-      availablePanels: c.list().map((B) => B.id)
-    };
-    return fetch(Ns(e), {
-      method: "PUT",
-      headers: { ...n, "Content-Type": "application/json" },
-      body: JSON.stringify({ state: P, causedBy: "user" }),
-      signal: b.signal
-    }).catch(() => {
-    }), () => {
-      b.abort();
-    };
-  }, [e, r, c, n, o, s, i]), null;
-}
-function Qs({
+function Fo({
   workspaceId: e,
-  chatPanel: n,
-  useSessions: r,
+  chatPanel: t,
+  useSessions: n,
   requestHeaders: s,
-  sessionStorageKey: i,
-  providerStorageKey: o,
-  surfaceStorageKey: c,
-  beforeShell: d,
-  afterShell: b,
-  panels: P,
-  commands: y,
-  catalogs: B,
-  plugins: F,
-  excludeDefaults: k,
-  capabilities: w,
-  apiBaseUrl: S,
-  authHeaders: N,
+  sessionStorageKey: o,
+  providerStorageKey: a,
+  surfaceStorageKey: l,
+  beforeShell: g,
+  afterShell: f,
+  panels: d,
+  commands: m,
+  catalogs: A,
+  plugins: R,
+  excludeDefaults: W,
+  capabilities: E,
+  apiBaseUrl: v,
+  authHeaders: p,
   apiTimeout: h,
-  defaultTheme: D,
-  onThemeChange: Gn,
-  persistenceEnabled: Pt,
-  debug: $n,
-  bridgeEndpoint: Qe,
-  fullPageBasePath: Un,
-  onAuthError: Kn,
-  sessions: Et,
-  activeSessionId: At,
-  onSwitchSession: Rt,
-  onCreateSession: Xe,
-  onDeleteSession: Tt,
-  onActiveSessionIdChange: Te,
-  appTitle: wt = "Boring UI",
-  workspaceLabel: Hn,
-  defaultSessionTitle: Q = "New session",
-  navEnabled: Nt = !0,
-  defaultNavOpen: Jn = !1,
-  defaultSurfaceOpen: qn,
-  defaultWorkbenchLeftTab: we,
-  defaultWorkbenchLeftOpen: Ze,
-  surfaceInitialPanels: Dt,
-  topBarLeft: jn,
-  topBarRight: Bn,
-  showThemeToggle: Vn = !0,
-  chatParams: T,
-  externalPlugins: zn,
-  hotReloadEnabled: Yn,
-  frontPluginHotReload: kn,
-  extraPanels: _t,
-  extraCommands: Ot,
-  provisionWorkspace: et,
-  bootPreloadPaths: Qn,
-  onWorkspaceWarmupStatusChange: Ne,
-  onOpenNav: tt,
-  onOpenSurface: nt,
-  surfaceButtonBottomOffset: Xn,
-  className: Zn
+  defaultTheme: x,
+  onThemeChange: L,
+  persistenceEnabled: F,
+  debug: he,
+  bridgeEndpoint: H,
+  fullPageBasePath: Ot,
+  onAuthError: Wt,
+  sessions: ge,
+  activeSessionId: ot,
+  onSwitchSession: Ee,
+  onCreateSession: me,
+  onDeleteSession: be,
+  onActiveSessionIdChange: ae,
+  appTitle: $e = "Boring UI",
+  workspaceLabel: at,
+  workspaceSectionTitle: Mt = "Workspaces",
+  appLeftLayoutMode: ke = "single-project",
+  appLeftHeaderMode: It = "full",
+  appLeftProjects: Ue,
+  appLeftActiveProjectId: Ae,
+  onSwitchAppLeftProject: Ge,
+  onOpenAppLeftProjectSession: Ft,
+  onShowMoreAppLeftProjectSessions: $t,
+  onCreateAppLeftProject: Re,
+  onOpenAppLeftProjectSettings: lt,
+  onOpenAppLeftProjectInNewTab: y,
+  defaultSessionTitle: T = "New session",
+  workspaceLayout: M = "classic",
+  navEnabled: le = !0,
+  defaultNavOpen: Ut = !1,
+  defaultSurfaceOpen: qr,
+  defaultWorkbenchLeftTab: ct,
+  defaultWorkbenchLeftOpen: Gt,
+  surfaceInitialPanels: mn,
+  topBarLeft: pn,
+  topBarRight: hn,
+  showThemeToggle: bn = !0,
+  showSkills: Vr = !0,
+  showPlugins: Yr = !0,
+  appLeftActions: vn,
+  chatParams: $,
+  externalPlugins: Xr,
+  hotReloadEnabled: jr,
+  frontPluginHotReload: Qr,
+  extraPanels: xn,
+  extraCommands: yn,
+  provisionWorkspace: zt,
+  bootPreloadPaths: Zr,
+  onWorkspaceWarmupStatusChange: dt,
+  onOpenNav: Kt,
+  onOpenSurface: ve,
+  surfaceButtonBottomOffset: ei,
+  className: ti
 }) {
-  var hn, Sn;
-  const Lt = zn !== !1, er = Lt ? kn : !1, rt = Lt ? Yn : !1, st = o ?? `boring-ui-v2:layout:${e}`, I = c ?? `${st}:surface`, De = hs(
-    I,
-    st
-  ), C = Pt !== !1, _e = i ?? `boring-workspace:sessions:${e}`, X = L(
-    () => Ye(e, s ?? St),
+  var gr, mr;
+  const Sn = Xr !== !1, ni = Sn ? Qr : !1, Ht = Sn ? jr : !1, Jt = a ?? `boring-ui-v2:layout:${e}`, Y = l ?? `${Jt}:surface`, Ce = oo(
+    Y,
+    Jt
+  ), z = F !== !1, re = M === "plugin-tabs", ze = Vr !== !1, Ke = Yr !== !1, ri = d, ut = o ?? `boring-workspace:sessions:${e}`, xe = D(
+    () => Dt(e, s ?? an),
     [s, e]
-  ), tr = L(
-    () => Ye(e, { ...s ?? St, ...N ?? St }),
-    [N, s, e]
-  ), Oe = L(
-    () => os({ storageKey: _e }),
-    [_e]
-  ), xt = as(Oe), [Mt, nr] = x(() => ({
+  ), ii = D(
+    () => Dt(e, { ...s ?? an, ...p ?? an }),
+    [p, s, e]
+  ), ft = D(
+    () => Hs({ storageKey: ut }),
+    [ut]
+  ), Nn = Js(ft), [wn, si] = O(() => ({
     workspaceId: e,
-    status: Dn
-  })), [Le, it] = x(() => ({
+    status: kr
+  })), [gt, Bt] = O(() => ({
     workspaceId: e,
     expired: !1
-  })), [Ct, xe] = x(() => ({
+  })), [Pn, mt] = O(() => ({
     workspaceId: e,
     creating: !1
-  })), [Wt, Me] = x(() => ({
+  })), [En, pt] = O(() => ({
     workspaceId: e,
     failed: !1
-  })), ge = `boring-workspace:chat-panes:${e}`, [_, Y] = x(
-    () => (C ? On(ge, e) : null) ?? { workspaceId: e, ids: [], activeId: null }
-  ), [ie, Ft] = x(null);
-  E(() => {
-    if (!ie) return;
-    const t = setTimeout(() => Ft(null), 700);
-    return () => clearTimeout(t);
-  }, [ie]);
-  const me = `boring-workspace:pinned-sessions:${e}`, [It, Gt] = x(
-    () => (C ? Ln(me, e) : null) ?? { workspaceId: e, ids: [] }
-  ), rr = It.workspaceId === e ? It.ids : Ss;
-  E(() => {
-    Gt((t) => t.workspaceId === e ? t : (C ? Ln(me, e) : null) ?? { workspaceId: e, ids: [] });
-  }, [me, C, e]);
-  const sr = R((t) => {
-    Gt((l) => {
-      const a = l.workspaceId === e ? l.ids : [], g = a.includes(t) ? a.filter((m) => m !== t) : [t, ...a];
-      return C && Rs(me, g), { workspaceId: e, ids: g };
+  })), He = `boring-workspace:chat-panes:${e}`, [U, ce] = O(
+    () => (z ? Cr(He, e) : null) ?? { workspaceId: e, ids: [], activeId: null }
+  ), [Te, kn] = O(null);
+  _(() => {
+    if (!Te) return;
+    const r = setTimeout(() => kn(null), 700);
+    return () => clearTimeout(r);
+  }, [Te]);
+  const Je = `boring-workspace:pinned-sessions:${e}`, [An, Rn] = O(
+    () => (z ? Tr(Je, e) : null) ?? { workspaceId: e, ids: [] }
+  ), Cn = An.workspaceId === e ? An.ids : lo;
+  _(() => {
+    Rn((r) => r.workspaceId === e ? r : (z ? Tr(Je, e) : null) ?? { workspaceId: e, ids: [] });
+  }, [Je, z, e]);
+  const Tn = k((r) => {
+    Rn((c) => {
+      const u = c.workspaceId === e ? c.ids : [], N = u.includes(r) ? u.filter((S) => S !== r) : [r, ...u];
+      return z && po(Je, N), { workspaceId: e, ids: N };
     });
-  }, [me, C, e]);
-  E(() => {
-    C && _.workspaceId === e && As(ge, _);
-  }, [_, ge, C, e]), E(() => {
-    Y((t) => t.workspaceId === e ? t : (C ? On(ge, e) : null) ?? { workspaceId: e, ids: [], activeId: null });
-  }, [ge, C, e]);
-  const Ce = Mt.workspaceId === e ? Mt.status : Dn, ir = n ?? Ir, or = r ?? bs, Z = !n || !!r, We = Z && et !== !1, ot = () => {
-  }, O = or({
-    requestHeaders: X,
-    storageKey: _e,
+  }, [Je, z, e]);
+  _(() => {
+    z && U.workspaceId === e && mo(He, U);
+  }, [U, He, z, e]), _(() => {
+    ce((r) => r.workspaceId === e ? r : (z ? Cr(He, e) : null) ?? { workspaceId: e, ids: [], activeId: null });
+  }, [He, z, e]);
+  const ht = wn.workspaceId === e ? wn.status : kr, oi = t ?? ts, ai = n ?? co, ye = !t || !!n, bt = ye && zt !== !1, qt = () => {
+  }, G = ai({
+    requestHeaders: xe,
+    storageKey: ut,
     workspaceId: e,
-    apiBaseUrl: S,
-    enabled: We
-  }), [pe, ar] = x(() => ({ workspaceId: e, sessions: [], activeSessionId: null })), $t = We && O.workspaceId != null && O.workspaceId !== e, q = We && !O.loading && !O.error && !$t, W = We && !q;
-  E(() => {
-    q && ar((t) => {
-      const l = t.workspaceId === e, a = t.activeSessionId === O.activeSessionId, g = t.sessions.length === O.sessions.length && t.sessions.every((m, v) => {
-        var H;
-        return m.id === ((H = O.sessions[v]) == null ? void 0 : H.id);
+    apiBaseUrl: v,
+    enabled: bt
+  }), [Be, li] = O(() => ({ workspaceId: e, sessions: [], activeSessionId: null })), _n = bt && G.workspaceId != null && G.workspaceId !== e, ie = bt && !G.loading && !G.error && !_n, B = bt && !ie;
+  _(() => {
+    ie && li((r) => {
+      const c = r.workspaceId === e, u = r.activeSessionId === G.activeSessionId, N = r.sessions.length === G.sessions.length && r.sessions.every((S, C) => {
+        var j;
+        return S.id === ((j = G.sessions[C]) == null ? void 0 : j.id);
       });
-      return l && a && g ? t : {
+      return c && u && N ? r : {
         workspaceId: e,
-        sessions: O.sessions,
-        activeSessionId: O.activeSessionId
+        sessions: G.sessions,
+        activeSessionId: G.activeSessionId
       };
     });
-  }, [O.activeSessionId, O.sessions, q, e]);
-  const Fe = W && pe.workspaceId === e && pe.sessions.length > 0, Ie = W ? Es(_e) : null, Ut = W && !$t ? O.activeSessionId ?? null : null, V = q ? O.sessions : Fe ? pe.sessions : [], lr = q ? O.activeSessionId : Fe ? pe.activeSessionId : null, u = Z && (q || Fe) ? O : void 0, oe = Et !== void 0 || At !== void 0 || Rt !== void 0 || Xe !== void 0 || Tt !== void 0, Kt = Le.workspaceId === e && Le.expired, he = $(!1), Se = !!(q && u && !oe && V.length === 0 && !Kt), cr = Ct.workspaceId === e && Ct.creating, ur = Wt.workspaceId === e && Wt.failed, dr = !!(q && u && !oe && V.length === 0 && Kt && !he.current && !ur), Ge = !!(W && O.loading && !O.error && Z && !oe && !Fe && !Ie && !Ut) || Se || cr || dr;
-  E(() => {
-    if (!Se) {
-      Le.workspaceId !== e && it({ workspaceId: e, expired: !1 });
+  }, [G.activeSessionId, G.sessions, ie, e]);
+  const vt = B && Be.workspaceId === e && Be.sessions.length > 0, xt = B ? go(ut) : null, Dn = B && !_n ? G.activeSessionId ?? null : null, de = ie ? G.sessions : vt ? Be.sessions : [], ci = ie ? G.activeSessionId : vt ? Be.activeSessionId : null, w = ye && (ie || vt) ? G : void 0, _e = ge !== void 0 || ot !== void 0 || Ee !== void 0 || me !== void 0 || be !== void 0, Ln = gt.workspaceId === e && gt.expired, qe = J(!1), Ve = !!(ie && w && !_e && de.length === 0 && !Ln), di = Pn.workspaceId === e && Pn.creating, ui = En.workspaceId === e && En.failed, fi = !!(ie && w && !_e && de.length === 0 && Ln && !qe.current && !ui), Ye = !!(B && G.loading && !G.error && ye && !_e && !vt && !xt && !Dn) || Ve || di || fi;
+  _(() => {
+    if (!Ve) {
+      gt.workspaceId !== e && Bt({ workspaceId: e, expired: !1 });
       return;
     }
-    it({ workspaceId: e, expired: !1 });
-    const t = globalThis.setTimeout(() => {
-      it({ workspaceId: e, expired: !0 });
+    Bt({ workspaceId: e, expired: !1 });
+    const r = globalThis.setTimeout(() => {
+      Bt({ workspaceId: e, expired: !0 });
     }, 2e3);
-    return () => globalThis.clearTimeout(t);
-  }, [Le.workspaceId, Se, e]);
-  const fr = u ? V.map((t) => ({
-    ...t,
-    title: t.title ?? "New session"
-  })) : void 0, gr = Ie ? [{
-    id: Ie,
+    return () => globalThis.clearTimeout(r);
+  }, [gt.workspaceId, Ve, e]);
+  const gi = w ? de.map((r) => ({
+    ...r,
+    title: r.title ?? "New session"
+  })) : void 0, mi = xt ? [{
+    id: xt,
     title: "Loading sessions…",
     createdAt: (/* @__PURE__ */ new Date(0)).toISOString(),
     updatedAt: (/* @__PURE__ */ new Date(0)).toISOString(),
     turnCount: 0
-  }] : [], U = u ? fr ?? [] : W ? gr : oe ? Et ?? [] : xt.sessions, mr = u ? lr ?? null : W ? Ie ?? Ut : oe ? At ?? null : xt.activeId, ae = (T == null ? void 0 : T.autoSubmitInitialDraft) === !0, $e = ae && Z && !oe, [K, ve] = x(() => $e ? null : void 0), Ht = $(e), le = $(!1);
-  E(() => {
-    if (Ht.current !== e) {
-      Ht.current = e, le.current = !1, ve($e ? null : void 0);
+  }] : [], q = w ? gi ?? [] : B ? mi : _e ? ge ?? [] : Nn.sessions, pi = w ? ci ?? null : B ? xt ?? Dn : _e ? ot ?? null : Nn.activeId, De = ($ == null ? void 0 : $.autoSubmitInitialDraft) === !0, yt = De && ye && !_e, [ee, Xe] = O(() => yt ? null : void 0), On = J(e), Le = J(!1);
+  _(() => {
+    if (On.current !== e) {
+      On.current = e, Le.current = !1, Xe(yt ? null : void 0);
       return;
     }
-    $e && K === void 0 && (le.current = !1, ve(null));
-  }, [K, $e, e]), E(() => {
-    !u || K !== null || le.current || (le.current = !0, Promise.resolve(u.create({ title: Q })).then((t) => {
-      if (typeof (t == null ? void 0 : t.id) != "string")
+    yt && ee === void 0 && (Le.current = !1, Xe(null));
+  }, [ee, yt, e]), _(() => {
+    !w || ee !== null || Le.current || (Le.current = !0, Promise.resolve(w.create({ title: T })).then((r) => {
+      if (typeof (r == null ? void 0 : r.id) != "string")
         throw new Error("auto_submit_session_create_failed");
-      ve(t.id);
+      Xe(r.id);
     }).catch(() => {
-      le.current = !1, ve(void 0);
+      Le.current = !1, Xe(void 0);
     }));
-  }, [K, Q, u]);
-  const G = K !== void 0 ? K ?? null : mr, j = W ? ot : (u == null ? void 0 : u.switch) ?? Rt ?? Oe.switchTo, Ue = R((t) => (G && t !== G && Kr({ sessionId: G, reason: Hr.sessionSwitch }), j(t)), [G, j]), at = W ? ot : u ? () => u.create() : Xe ? () => Xe() : () => Oe.create(), Jt = W ? ot : (u == null ? void 0 : u.delete) ?? Tt ?? Oe.remove, qt = R((t) => (u && V.length <= 1 && (he.current = !0), Jt(t)), [V.length, Jt, u]), pr = ((hn = U.find((t) => t.id === G)) == null ? void 0 : hn.title) ?? void 0, [hr, jt] = ht(
-    `${De}:drawer`,
-    Jn,
-    C
-  ), Bt = Nt && hr, [ee, z] = ht(
+  }, [ee, T, w]);
+  const X = ee !== void 0 ? ee ?? null : pi, Q = B ? qt : (w == null ? void 0 : w.switch) ?? Ee ?? ft.switchTo, St = k((r) => (X && r !== X && us({ sessionId: X, reason: fs.sessionSwitch }), Q(r)), [X, Q]), je = B ? qt : w ? () => w.create() : me ? () => me() : () => ft.create(), Wn = B ? qt : (w == null ? void 0 : w.delete) ?? be ?? ft.remove, Mn = k((r) => (w && de.length <= 1 && (qe.current = !0), Wn(r)), [de.length, Wn, w]), In = ((gr = q.find((r) => r.id === X)) == null ? void 0 : gr.title) ?? void 0, [hi, Fn] = Tt(
+    `${Ce}:drawer`,
+    Ut,
+    z
+  ), [Nt, $n] = Tt(
+    `${Ce}:appLeftPaneCollapsed`,
+    !1,
+    z
+  ), [bi, vi] = ao(
+    `${Ce}:appLeftPaneWidth`,
+    268,
+    z
+  ), Un = Ar(bi, 220, 420), [Qe, ue] = O(null);
+  _(() => {
+    (Qe === "skills" && !ze || Qe === "plugins" && !Ke) && ue(null);
+  }, [Qe, Ke, ze]);
+  const Gn = le && hi, [fe, te] = Tt(
     // Key must NOT match resolvedSurfaceStorageKey (which stores the dockview
     // layout JSON at the same ":surface" suffix). Writing "1"/"0" to the same
     // key corrupts the JSON and drops the persisted workbench layout on reload.
-    `${De}:workbenchOpen`,
-    qn ?? !1,
-    C
-  ), [Sr, lt] = x(!1), [vr, be] = ht(
-    `${De}:workbenchLeftOpen`,
-    Ze ?? !1,
-    C
-  ), [br, Ke] = x(() => Ze ?? !1), yr = Ze === !1 ? br : vr, ye = $(!1), te = $(null), ne = $(ee), Vt = $(I), ct = $(null), ut = $([]);
-  Vt.current = I;
-  const [zt, Yt] = x(() => ({
-    key: I,
-    snapshot: _n
-  })), Pr = zt.key === I ? zt.snapshot : _n;
-  E(() => {
-    ye.current = !1, he.current = !1, xe({ workspaceId: e, creating: !1 }), Me({ workspaceId: e, failed: !1 });
-  }, [e]), E(() => {
-    lt(!1), ut.current = [];
-  }, [I]), E(() => {
-    if (!(!u || u.loading) && !Se && K === void 0) {
-      if (V.length > 0) {
-        ye.current = !1, he.current = !1, xe((t) => t.workspaceId === e && t.creating ? { workspaceId: e, creating: !1 } : t), Me((t) => t.workspaceId === e && t.failed ? { workspaceId: e, failed: !1 } : t);
+    `${Ce}:workbenchOpen`,
+    qr ?? !1,
+    z
+  ), [xi, Vt] = O(!1), [yi, Se] = Tt(
+    `${Ce}:workbenchLeftOpen`,
+    Gt ?? !1,
+    z
+  ), [Si, Ze] = O(() => Gt ?? !1), Ni = Gt === !1 ? Si : yi, wi = k(() => {
+    Se(!1), Ze(!1), ue(null);
+  }, [Se]), et = J(!1), Ne = J(null), pe = J(fe), zn = J(Y), Yt = J(null), Xt = J([]);
+  zn.current = Y;
+  const [Kn, Hn] = O(() => ({
+    key: Y,
+    snapshot: Rr
+  })), Pi = Kn.key === Y ? Kn.snapshot : Rr;
+  _(() => {
+    et.current = !1, qe.current = !1, mt({ workspaceId: e, creating: !1 }), pt({ workspaceId: e, failed: !1 });
+  }, [e]), _(() => {
+    Vt(!1), Xt.current = [];
+  }, [Y]), _(() => {
+    if (!(!w || w.loading) && !Ve && ee === void 0) {
+      if (de.length > 0) {
+        et.current = !1, qe.current = !1, mt((r) => r.workspaceId === e && r.creating ? { workspaceId: e, creating: !1 } : r), pt((r) => r.workspaceId === e && r.failed ? { workspaceId: e, failed: !1 } : r);
         return;
       }
-      he.current || ye.current || (ye.current = !0, xe({ workspaceId: e, creating: !0 }), Me({ workspaceId: e, failed: !1 }), Promise.resolve(u.create({ title: Q })).catch(() => {
-        ye.current = !1, xe({ workspaceId: e, creating: !1 }), Me({ workspaceId: e, failed: !0 });
+      qe.current || et.current || (et.current = !0, mt({ workspaceId: e, creating: !0 }), pt({ workspaceId: e, failed: !1 }), Promise.resolve(w.create({ title: T })).catch(() => {
+        et.current = !1, mt({ workspaceId: e, creating: !1 }), pt({ workspaceId: e, failed: !0 });
       }));
     }
-  }, [V.length, K, Q, Se, u, e]), E(() => {
-    ne.current = ee;
-  }, [ee]);
-  const kt = R((t) => {
-    ct.current = { key: I, api: t }, lt(!0), Yt({
-      key: I,
-      snapshot: t.getSnapshot()
+  }, [de.length, ee, T, Ve, w, e]), _(() => {
+    pe.current = fe;
+  }, [fe]);
+  const Jn = k((r) => {
+    Yt.current = { key: Y, api: r }, Vt(!0), Hn({
+      key: Y,
+      snapshot: r.getSnapshot()
     });
-    const l = ut.current.splice(0);
-    for (const a of l) a(t);
-  }, [I]), Qt = R((t) => {
-    ut.current.push(t);
-  }, []), Xt = R((t) => {
-    Yt({
-      key: I,
-      snapshot: t
+    const c = Xt.current.splice(0);
+    for (const u of c) u(r);
+  }, [Y]), wt = k((r) => {
+    Xt.current.push(r);
+  }, []), Bn = k((r) => {
+    Hn({
+      key: Y,
+      snapshot: r
     });
-  }, [I]), He = R(() => {
-    const t = ct.current;
-    return (t == null ? void 0 : t.key) === Vt.current ? t.api : null;
-  }, []), Zt = R(() => ne.current, []), en = R(() => {
-    ne.current = !0, z(!0);
-  }, [z]), tn = R(() => {
-    ne.current = !0, z(!0), be(!0), Ke(!0);
-  }, [z, be]), Je = R(() => {
-    ne.current = !1, ct.current = null, lt(!1), z(!1);
-  }, [z]), nn = $(/* @__PURE__ */ new Set()), rn = R((t) => {
-    const l = t.meta;
-    if (!l || l.openOnlyWhenSessionOpen !== !0) return !0;
-    const a = typeof l.sessionId == "string" ? l.sessionId : null;
-    return a ? nn.current.has(a) : !1;
-  }, []), ce = L(() => ({
-    surface: He,
-    isWorkbenchOpen: Zt,
-    openWorkbench: en,
-    openWorkbenchSources: tn,
-    closeWorkbench: Je,
-    enqueue: Qt,
-    shouldOpenSurface: rn
-  }), [He, Zt, en, tn, Je, Qt, rn]), Er = L(() => ({
-    openFile: async (t) => (En({ kind: "openFile", params: { path: t } }, ce), { seq: 0, status: "ok" }),
+  }, [Y]), Oe = k(() => {
+    const r = Yt.current;
+    return (r == null ? void 0 : r.key) === zn.current ? r.api : null;
+  }, []), qn = k(() => pe.current, []), Vn = k(() => {
+    pe.current = !0, te(!0);
+  }, [te]), Yn = k(() => {
+    pe.current = !0, te(!0), Se(!0), Ze(!0);
+  }, [te, Se]), Pt = k(() => {
+    pe.current = !1, Yt.current = null, Vt(!1), te(!1);
+  }, [te]), Xn = J(/* @__PURE__ */ new Set()), jn = k((r) => {
+    const c = r.meta;
+    if (!c || c.openOnlyWhenSessionOpen !== !0) return !0;
+    const u = typeof c.sessionId == "string" ? c.sessionId : null;
+    return u ? Xn.current.has(u) : !1;
+  }, []), We = D(() => ({
+    surface: Oe,
+    isWorkbenchOpen: qn,
+    openWorkbench: Vn,
+    openWorkbenchSources: Yn,
+    closeWorkbench: Pt,
+    enqueue: wt,
+    shouldOpenSurface: jn
+  }), [Oe, qn, Vn, Yn, Pt, wt, jn]);
+  k((r) => {
+    if (pe.current = !0, te(!0), ve == null || ve(), !r) return;
+    const c = (N) => N.openPanel(r), u = Oe();
+    u ? c(u) : wt(c);
+  }, [wt, Oe, ve, te]);
+  const Ei = D(() => ({
+    openFile: async (r) => (xr({ kind: "openFile", params: { path: r } }, We), { seq: 0, status: "ok" }),
     getActiveFile: () => {
-      var t;
-      return ((t = He()) == null ? void 0 : t.getSnapshot().activeTab) ?? null;
+      var r;
+      return ((r = Oe()) == null ? void 0 : r.getSnapshot().activeTab) ?? null;
     },
     select: () => () => {
     }
-  }), [He, ce]), ue = L(
-    () => (F == null ? void 0 : F.map(Jr)) ?? [],
-    [F]
-  ), dt = L(
-    () => ue.some((t) => t.registrations.leftTabs.length > 0),
-    [ue]
-  ), sn = L(
-    () => ue.flatMap((t) => t.registrations.panels.map((l) => l.id)),
-    [ue]
-  ), on = L(() => {
-    const t = {};
-    for (const l of ue)
-      for (const a of l.registrations.toolRenderers)
-        t[a.id] = a.render;
-    return t;
-  }, [ue]), an = L(
-    () => [..._t ?? [], ...sn],
-    [_t, sn]
-  ), p = Z && !r && pe.workspaceId !== e ? "default" : G ?? (K !== void 0 ? "default" : ((Sn = U[0]) == null ? void 0 : Sn.id) ?? "default"), ln = !(u != null && u.hasMore) && !W;
-  E(() => {
-    var H, Ee;
-    if (Ge) return;
-    const t = te.current, l = new Set(U.map((J) => J.id)), a = t ? t.createdId ?? (l.has(p) && !t.knownIds.has(p) ? p : ((H = U.find((J) => !t.knownIds.has(J.id))) == null ? void 0 : H.id) ?? null) : null;
-    a && l.has(a) && (te.current = null);
-    const g = p === "default" && K !== void 0, m = ln && l.size > 0 && !g, v = a ?? (m && !l.has(p) ? ((Ee = U[0]) == null ? void 0 : Ee.id) ?? p : p);
-    Y((J) => {
-      const se = J.workspaceId === e ? J : { workspaceId: e, ids: [], activeId: null };
-      if (W && se.ids.length > 0 && !a) return se;
-      const vn = se.ids.length > 0 ? se.ids : [v], bn = m ? vn.filter((Be) => l.has(Be) || Be === a) : vn, de = bn.length > 0 ? bn : [v], yn = se.activeId && de.includes(se.activeId) ? se.activeId : de[0] ?? v, Ae = a ? Ve(de, t == null ? void 0 : t.afterId, a) : v === yn || de.includes(v) ? de : Nn(de, yn, v), Pn = Ae.includes(v) ? v : Ae[0] ?? v;
-      return J.workspaceId === e && J.activeId === Pn && J.ids.length === Ae.length && J.ids.every((Be, Cr) => Be === Ae[Cr]) ? J : { workspaceId: e, ids: Ae, activeId: Pn };
+  }), [Oe, We]), Me = D(
+    () => (R == null ? void 0 : R.map(gs)) ?? [],
+    [R]
+  ), jt = D(
+    () => !re && Me.some((r) => r.registrations.workspaceSources.length > 0),
+    [Me, re]
+  ), Qn = D(
+    () => Me.flatMap((r) => r.registrations.panels.map((c) => c.id)),
+    [Me]
+  ), Zn = D(() => {
+    const r = {};
+    for (const c of Me)
+      for (const u of c.registrations.toolRenderers)
+        r[u.id] = u.render;
+    return r;
+  }, [Me]), er = D(
+    () => [...xn ?? [], ...Qn],
+    [xn, Qn]
+  ), P = ye && !n && Be.workspaceId !== e ? "default" : X ?? (ee !== void 0 ? "default" : ((mr = q[0]) == null ? void 0 : mr.id) ?? "default"), tr = !(w != null && w.hasMore) && !B;
+  _(() => {
+    var j, rt;
+    if (Ye) return;
+    const r = Ne.current, c = new Set(q.map((ne) => ne.id)), u = r ? r.createdId ?? (c.has(P) && !r.knownIds.has(P) ? P : ((j = q.find((ne) => !r.knownIds.has(ne.id))) == null ? void 0 : j.id) ?? null) : null;
+    u && c.has(u) && (Ne.current = null);
+    const N = P === "default" && ee !== void 0, S = tr && c.size > 0 && !N, C = u ?? (S && !c.has(P) ? ((rt = q[0]) == null ? void 0 : rt.id) ?? P : P);
+    ce((ne) => {
+      const we = ne.workspaceId === e ? ne : { workspaceId: e, ids: [], activeId: null };
+      if (B && we.ids.length > 0 && !u) return we;
+      const pr = we.ids.length > 0 ? we.ids : [C], hr = S ? pr.filter((At) => c.has(At) || At === u) : pr, Fe = hr.length > 0 ? hr : [C], br = we.activeId && Fe.includes(we.activeId) ? we.activeId : Fe[0] ?? C, it = u ? Ct(Fe, r == null ? void 0 : r.afterId, u) : C === br || Fe.includes(C) ? Fe : on(Fe, br, C), vr = it.includes(C) ? C : it[0] ?? C;
+      return ne.workspaceId === e && ne.activeId === vr && ne.ids.length === it.length && ne.ids.every((At, Ui) => At === it[Ui]) ? ne : { workspaceId: e, ids: it, activeId: vr };
     });
-  }, [K, p, W, Ge, U, ln, e]);
-  const cn = L(() => {
-    const t = /* @__PURE__ */ new Map();
-    for (const l of U) t.set(l.id, l.title);
-    return t;
-  }, [U]), [ft, un] = x(() => ({
+  }, [ee, P, B, Ye, q, tr, e]);
+  const nr = D(() => {
+    const r = /* @__PURE__ */ new Map();
+    for (const c of q) r.set(c.id, c.title);
+    return r;
+  }, [q]), [Qt, rr] = O(() => ({
     workspaceId: e,
     ids: /* @__PURE__ */ new Set()
-  })), dn = L(() => {
-    const t = /* @__PURE__ */ new Set();
-    if (!q) return t;
-    const l = ft.workspaceId === e ? ft.ids : /* @__PURE__ */ new Set();
-    for (const a of V)
-      a.turnCount === 0 && !l.has(a.id) && t.add(a.id);
-    return t;
-  }, [V, ft, q, e]);
-  E(() => {
-    un((t) => t.workspaceId === e ? t : { workspaceId: e, ids: /* @__PURE__ */ new Set() });
+  })), ir = D(() => {
+    const r = /* @__PURE__ */ new Set();
+    if (!ie) return r;
+    const c = Qt.workspaceId === e ? Qt.ids : /* @__PURE__ */ new Set();
+    for (const u of de)
+      u.turnCount === 0 && !c.has(u.id) && r.add(u.id);
+    return r;
+  }, [de, Qt, ie, e]);
+  _(() => {
+    rr((r) => r.workspaceId === e ? r : { workspaceId: e, ids: /* @__PURE__ */ new Set() });
   }, [e]);
-  const gt = _.workspaceId === e ? _ : { ids: [], activeId: null }, re = gt.ids.length > 0 ? gt.ids : [p];
-  E(() => {
-    nn.current = new Set(re);
-  }, [re]);
-  const Pe = gt.activeId ?? re[0] ?? p, Ar = R((t) => {
-    const a = (_.workspaceId === e ? _ : { ids: [p] }).ids.includes(t);
-    return Y((g) => {
-      const m = g.workspaceId === e ? g : { ids: [p], activeId: p }, v = m.ids.includes(t) ? m.ids : Nn(m.ids, m.activeId, t);
-      return { workspaceId: e, ids: v, activeId: t };
-    }), a ? j(t) : Ue(t);
-  }, [_, p, j, Ue, e]), Rr = R((t) => (Y((l) => {
-    const a = l.workspaceId === e ? l : { ids: [p], activeId: p };
+  const Zt = U.workspaceId === e ? U : { ids: [], activeId: null }, Z = Zt.ids.length > 0 ? Zt.ids : [P];
+  _(() => {
+    Xn.current = new Set(Z);
+  }, [Z]);
+  const se = Zt.activeId ?? Z[0] ?? P, Et = k((r) => {
+    const u = (U.workspaceId === e ? U : { ids: [P] }).ids.includes(r);
+    return ce((N) => {
+      const S = N.workspaceId === e ? N : { ids: [P], activeId: P }, C = S.ids.includes(r) ? S.ids : on(S.ids, S.activeId, r);
+      return { workspaceId: e, ids: C, activeId: r };
+    }), u ? Q(r) : St(r);
+  }, [U, P, Q, St, e]), ki = k((r) => (ce((c) => {
+    const u = c.workspaceId === e ? c : { ids: [P], activeId: P };
     return {
       workspaceId: e,
-      ids: a.ids.includes(t) ? a.ids : Ve(a.ids, a.activeId, t),
-      activeId: t
+      ids: u.ids.includes(r) ? u.ids : Ct(u.ids, u.activeId, r),
+      activeId: r
     };
-  }), j(t)), [p, j, e]), fn = R((t) => ((_.workspaceId === e ? _ : { ids: [p] }).ids.includes(t) && Ft({ workspaceId: e, id: t }), Y((a) => {
-    const g = a.workspaceId === e ? a : { ids: [p], activeId: p };
+  }), Q(r)), [P, Q, e]), tt = k((r) => ((U.workspaceId === e ? U : { ids: [P] }).ids.includes(r) && kn({ workspaceId: e, id: r }), ce((u) => {
+    const N = u.workspaceId === e ? u : { ids: [P], activeId: P };
     return {
       workspaceId: e,
-      ids: Ve(g.ids, g.activeId, t),
-      activeId: t
+      ids: Ct(N.ids, N.activeId, r),
+      activeId: r
     };
-  }), j(t)), [_, p, j, e]), Tr = R((t) => {
-    const l = _.workspaceId === e ? _ : { ids: [p], activeId: p };
-    if (l.ids.length <= 1) return;
-    const a = l.ids.indexOf(t);
-    if (a < 0) return;
-    const g = l.ids.filter((v) => v !== t), m = l.activeId === t ? g[Math.max(0, a - 1)] ?? g[0] ?? null : l.activeId;
-    Y({ workspaceId: e, ids: g, activeId: m }), m && l.activeId === t && j(m);
-  }, [_, p, j, e]), wr = R((t) => {
-    const l = {
-      afterId: t,
-      knownIds: new Set(U.map((g) => g.id))
+  }), Q(r)), [U, P, Q, e]), Ai = k((r) => {
+    const c = U.workspaceId === e ? U : { ids: [P], activeId: P };
+    if (c.ids.length <= 1) return;
+    const u = c.ids.indexOf(r);
+    if (u < 0) return;
+    const N = c.ids.filter((C) => C !== r), S = c.activeId === r ? N[Math.max(0, u - 1)] ?? N[0] ?? null : c.activeId;
+    ce({ workspaceId: e, ids: N, activeId: S }), S && c.activeId === r && Q(S);
+  }, [U, P, Q, e]), sr = k(() => {
+    const r = je();
+    return Promise.resolve(r).then((c) => {
+      const u = Er(c);
+      u && (ce((N) => {
+        const S = N.workspaceId === e ? N : { ids: [P], activeId: P }, C = S.ids.length > 0 ? S.ids : [P], j = S.activeId ?? C[0] ?? P;
+        return {
+          workspaceId: e,
+          ids: on(C, j, u),
+          activeId: u
+        };
+      }), Q(u));
+    }).catch(() => {
+    }), r;
+  }, [P, Q, je, e]), en = k((r) => {
+    const c = {
+      afterId: r,
+      knownIds: new Set(q.map((N) => N.id))
     };
-    te.current = l;
-    const a = at();
-    return Promise.resolve(a).then((g) => {
-      const m = ps(g);
-      m && (te.current === l && (te.current = { ...l, createdId: m }), Y((v) => {
-        const H = v.workspaceId === e ? v : { ids: [p] };
+    Ne.current = c;
+    const u = je();
+    return Promise.resolve(u).then((N) => {
+      const S = Er(N);
+      S && (Ne.current === c && (Ne.current = { ...c, createdId: S }), ce((C) => {
+        const j = C.workspaceId === e ? C : { ids: [P] };
         return {
           workspaceId: e,
-          ids: Ve(H.ids, t, m),
-          activeId: m
+          ids: Ct(j.ids, r, S),
+          activeId: S
         };
       }));
     }).catch(() => {
-      te.current === l && (te.current = null);
-    }), a;
-  }, [p, at, U, e]), Nr = R((t) => {
-    const l = _.workspaceId === e ? _ : { ids: [p], activeId: p }, a = l.ids.indexOf(t);
-    let g = l.activeId;
-    if (a >= 0) {
-      const m = l.ids.filter((v) => v !== t);
-      g = l.activeId === t ? m[Math.max(0, a - 1)] ?? m[0] ?? null : l.activeId, Y({ workspaceId: e, ids: m, activeId: g }), g && l.activeId === t && Ue(g);
+      Ne.current === c && (Ne.current = null);
+    }), u;
+  }, [P, je, q, e]), Ri = k((r) => {
+    const c = U.workspaceId === e ? U : { ids: [P], activeId: P }, u = c.ids.indexOf(r);
+    let N = c.activeId;
+    if (u >= 0) {
+      const S = c.ids.filter((C) => C !== r);
+      N = c.activeId === r ? S[Math.max(0, u - 1)] ?? S[0] ?? null : c.activeId, ce({ workspaceId: e, ids: S, activeId: N }), N && c.activeId === r && St(N);
     }
-    return qt(t);
-  }, [_, p, qt, Ue, e]), [Dr, mt] = x(ae), gn = $(e);
-  E(() => {
-    if (gn.current !== e) {
-      gn.current = e, mt(ae);
+    return Mn(r);
+  }, [U, P, Mn, St, e]), or = k(() => Z.length >= 2 ? en(se) : sr(), [se, Z.length, en, sr]), [Ci, tn] = O(De), ar = J(e);
+  _(() => {
+    if (ar.current !== e) {
+      ar.current = e, tn(De);
       return;
     }
-    ae && mt(!0);
-  }, [ae, e]);
-  const mn = ae && Z && !G, pn = !Dr && et !== !1 && (Z ? !!G : !0), _r = R((t) => {
-    nr({ workspaceId: e, status: t }), Ne == null || Ne(t);
-  }, [Ne, e]);
-  E(() => {
-    var l;
-    const t = (a) => {
-      const g = a.detail;
-      !g || typeof g != "object" || En(g, ce);
+    De && tn(!0);
+  }, [De, e]);
+  const lr = De && ye && !X, cr = !Ci && zt !== !1 && (ye ? !!X : !0), Ti = k((r) => {
+    si({ workspaceId: e, status: r }), dt == null || dt(r);
+  }, [dt, e]);
+  _(() => {
+    var c;
+    const r = (u) => {
+      const N = u.detail;
+      !N || typeof N != "object" || xr(N, We);
     };
-    return (l = globalThis.addEventListener) == null || l.call(globalThis, An, t), () => {
-      var a;
-      return (a = globalThis.removeEventListener) == null ? void 0 : a.call(globalThis, An, t);
+    return (c = globalThis.addEventListener) == null || c.call(globalThis, yr, r), () => {
+      var u;
+      return (u = globalThis.removeEventListener) == null ? void 0 : u.call(globalThis, yr, r);
     };
-  }, [ce]), E(() => {
-    W || Te == null || Te(G ?? null);
-  }, [G, Te, W]);
-  const pt = Ce.status !== "ready", Or = pt ? /* @__PURE__ */ f(vs, { status: Ce }) : void 0, qe = R(async (t) => {
-    const l = `${(S == null ? void 0 : S.replace(/\/$/, "")) ?? ""}/api/v1/agent/reload`;
+  }, [We]), _(() => {
+    B || ae == null || ae(X ?? null);
+  }, [X, ae, B]);
+  const nn = ht.status !== "ready", _i = nn ? /* @__PURE__ */ i(Zs, { status: ht }) : void 0, nt = k(async (r) => {
+    const c = `${(v == null ? void 0 : v.replace(/\/$/, "")) ?? ""}/api/v1/agent/reload`;
     try {
-      const a = await fetch(l, {
+      const u = await fetch(c, {
         method: "POST",
-        headers: { ...X, "content-type": "application/json" },
-        body: JSON.stringify({ sessionId: t })
+        headers: { ...xe, "content-type": "application/json" },
+        body: JSON.stringify({ sessionId: r })
       });
-      if (!a.ok)
-        return (await a.json().catch(() => ({}))).error || `reload failed (${a.status})`;
-      const g = await a.json().catch(() => ({}));
-      return window.dispatchEvent(new CustomEvent(qr, { detail: g })), Ps(g);
-    } catch (a) {
-      return a instanceof Error ? a.message : "Agent plugin reload failed.";
+      if (!u.ok)
+        return (await u.json().catch(() => ({}))).error || `reload failed (${u.status})`;
+      const N = await u.json().catch(() => ({}));
+      return window.dispatchEvent(new CustomEvent(un, { detail: N })), fo(N);
+    } catch (u) {
+      return u instanceof Error ? u.message : "Agent plugin reload failed.";
     }
-  }, [S, X]), je = R(
-    (t, l = {}) => {
-      const a = l.bridgeEnabled ?? !0, g = T != null && T.toolRenderers && typeof T.toolRenderers == "object" ? T.toolRenderers : void 0;
+  }, [v, xe]), Ie = k(
+    (r, c = {}) => {
+      const u = c.bridgeEnabled ?? !0, N = $ != null && $.toolRenderers && typeof $.toolRenderers == "object" ? $.toolRenderers : void 0;
       return {
-        ...T,
-        ...mn ? { autoSubmitInitialDraft: !1, initialDraft: void 0 } : {},
-        sessionId: t,
-        apiBaseUrl: S,
+        ...$,
+        ...lr ? { autoSubmitInitialDraft: !1, initialDraft: void 0 } : {},
+        sessionId: r,
+        apiBaseUrl: v,
         workspaceId: e,
         storageScope: e,
-        requestHeaders: X,
+        requestHeaders: xe,
         showSessions: !1,
-        onReloadAgentPlugins: (T == null ? void 0 : T.onReloadAgentPlugins) ?? (() => qe(t)),
-        toolRenderers: { ...on, ...g ?? {} },
-        bridgeEndpoint: a ? Qe : null,
-        surfaceDispatch: ce,
-        extraCommands: Ot,
-        workspaceWarmupStatus: Ce,
-        hydrateMessages: pn,
-        allowPromptDuringInitialHydration: dn.has(t),
-        onPromptSubmitStarted: ({ sessionId: m }) => {
-          un((v) => {
-            const H = v.workspaceId === e ? v.ids : /* @__PURE__ */ new Set();
-            if (H.has(m)) return v.workspaceId === e ? v : { workspaceId: e, ids: H };
-            const Ee = new Set(H);
-            return Ee.add(m), { workspaceId: e, ids: Ee };
+        onReloadAgentPlugins: ($ == null ? void 0 : $.onReloadAgentPlugins) ?? (() => nt(r)),
+        toolRenderers: { ...Zn, ...N ?? {} },
+        bridgeEndpoint: u ? H : null,
+        surfaceDispatch: We,
+        extraCommands: yn,
+        workspaceWarmupStatus: ht,
+        hydrateMessages: cr,
+        allowPromptDuringInitialHydration: ir.has(r),
+        onPromptSubmitStarted: ({ sessionId: S }) => {
+          rr((C) => {
+            const j = C.workspaceId === e ? C.ids : /* @__PURE__ */ new Set();
+            if (j.has(S)) return C.workspaceId === e ? C : { workspaceId: e, ids: j };
+            const rt = new Set(j);
+            return rt.add(S), { workspaceId: e, ids: rt };
           });
         },
         onTurnComplete: () => {
-          var v;
-          (v = u == null ? void 0 : u.refresh) == null || v.call(u, { background: !0 });
-          const m = T == null ? void 0 : T.onTurnComplete;
-          typeof m == "function" && m();
+          var C;
+          (C = w == null ? void 0 : w.refresh) == null || C.call(w, { background: !0 });
+          const S = $ == null ? void 0 : $.onTurnComplete;
+          typeof S == "function" && S();
         },
         onAutoSubmitInitialDraftSettled: () => {
-          le.current = !1, mt(!1), ve(void 0);
-          const m = T == null ? void 0 : T.onAutoSubmitInitialDraftSettled;
-          typeof m == "function" && m();
+          Le.current = !1, tn(!1), Xe(void 0);
+          const S = $ == null ? void 0 : $.onAutoSubmitInitialDraftSettled;
+          typeof S == "function" && S();
         },
         // Forward the explicit prop when set. Omitting the key (when undefined)
         // lets ChatPanel apply its own default (true) and avoids overriding a
         // value passed through chatParams.
-        ...rt !== void 0 ? { hotReloadEnabled: rt } : {}
+        ...Ht !== void 0 ? { hotReloadEnabled: Ht } : {}
       };
     },
-    [S, T, mn, X, Qe, ce, Ot, Ce, pn, dn, rt, on, qe, u, e]
-  ), Lr = L(
-    () => je(p),
-    [p, je]
-  ), xr = L(() => re.map((t) => ({
-    id: t,
-    title: cn.get(t) ?? (t === "default" ? Q : t),
-    panel: "chat",
-    params: je(t, { bridgeEnabled: t === Pe })
-  })), [Pe, re, Q, je, cn]), Mr = L(() => ({
-    storageKey: I,
-    defaultLeftTab: we,
-    initialPanels: Dt,
-    extraPanels: an,
-    onReloadAgentPlugins: () => qe(G ?? p),
-    onReady: kt,
-    onChange: Xt,
-    onClose: Je
+    [v, $, lr, xe, H, We, yn, ht, cr, ir, Ht, Zn, nt, w, e]
+  ), Di = D(
+    () => Ie(P),
+    [P, Ie]
+  ), kt = J(null), Li = D(() => {
+    (!kt.current || kt.current.make !== Ie) && (kt.current = { make: Ie, cache: /* @__PURE__ */ new Map() });
+    const { cache: r } = kt.current;
+    return Z.map((c) => {
+      const u = c === se, N = `${c}:${u}`;
+      let S = r.get(N);
+      return S || (S = Ie(c, { bridgeEnabled: u }), r.set(N, S)), {
+        id: c,
+        title: nr.get(c) ?? (c === "default" ? T : c),
+        panel: "chat",
+        params: S
+      };
+    });
+  }, [se, Z, T, Ie, nr]), Oi = D(() => ({
+    storageKey: Y,
+    defaultLeftTab: ct,
+    initialPanels: mn,
+    extraPanels: er,
+    onReloadAgentPlugins: () => nt(X ?? P),
+    onReady: Jn,
+    onChange: Bn,
+    onClose: Pt,
+    showCloseAction: !1
   }), [
-    Je,
-    we,
-    Dt,
-    qe,
-    G,
-    p,
-    Xt,
-    kt,
-    I,
-    an,
-    z
-  ]);
-  return /* @__PURE__ */ f("div", { className: "h-full bg-background text-foreground", children: /* @__PURE__ */ Re(
-    jr,
+    Pt,
+    ct,
+    mn,
+    nt,
+    X,
+    P,
+    Bn,
+    Jn,
+    Y,
+    er,
+    te
+  ]), dr = () => {
+    document.dispatchEvent(new KeyboardEvent("keydown", {
+      key: "k",
+      metaKey: !0,
+      ctrlKey: !0,
+      bubbles: !0,
+      cancelable: !0
+    }));
+  }, ur = /* @__PURE__ */ b(oe, { children: [
+    bn ? /* @__PURE__ */ i(As, {}) : null,
+    hn
+  ] }), Wi = {
+    sessions: q,
+    activeId: se,
+    openIds: Z,
+    pinnedIds: Cn,
+    onTogglePin: Tn,
+    onSwitch: Et,
+    onOpenAsTab: tt,
+    onCreate: je,
+    onDelete: Ri,
+    onLoadMore: w == null ? void 0 : w.loadMore,
+    hasMore: w == null ? void 0 : w.hasMore,
+    loadingMore: w == null ? void 0 : w.loadingMore,
+    onClose: () => Fn(!1)
+  }, Mi = D(() => re ? {
+    sessions: q,
+    activeId: se,
+    openIds: Z,
+    search: (r, c) => es(r, c, { limit: 8 }),
+    onSwitch: Et,
+    onOpenAsTab: tt
+  } : void 0, [se, Z, re, tt, q, Et]), Ii = D(() => {
+    const r = [...vn ?? []];
+    return Ke && r.push({
+      id: "plugins",
+      label: "Plugins",
+      icon: /* @__PURE__ */ i(Or, { className: "h-4 w-4", strokeWidth: 1.75 }),
+      onClick: () => ue((c) => c === "plugins" ? null : "plugins")
+    }), ze && r.push({
+      id: "skills",
+      label: "Skills",
+      icon: /* @__PURE__ */ i(Lr, { className: "h-4 w-4", strokeWidth: 1.75 }),
+      onClick: () => ue((c) => c === "skills" ? null : "skills")
+    }), r;
+  }, [vn, Ke, ze]), Fi = Qe === "skills" && ze ? /* @__PURE__ */ i(
+    Rs,
+    {
+      onClose: () => ue(null),
+      headerInsetStart: Nt,
+      headerInsetEnd: !fe
+    }
+  ) : Qe === "plugins" && Ke ? /* @__PURE__ */ i(
+    Ts,
     {
-      chatPanel: ir,
-      panels: P,
-      commands: y,
-      catalogs: B,
-      plugins: F,
-      excludeDefaults: k,
-      capabilities: w,
-      apiBaseUrl: S,
-      authHeaders: tr,
+      onClose: () => ue(null),
+      onReloadExternalPlugins: () => nt(X ?? P),
+      headerInsetStart: Nt,
+      headerInsetEnd: !fe
+    }
+  ) : null, fr = Ye ? /* @__PURE__ */ i(eo, {}) : /* @__PURE__ */ i(
+    ws,
+    {
+      className: ti,
+      nav: re ? null : Gn ? "session-list" : null,
+      navParams: Wi,
+      center: "chat",
+      centerParams: Di,
+      chatPanes: Li,
+      activeChatPaneId: se,
+      onActiveChatPaneChange: ki,
+      onCloseChatPane: Ai,
+      onCreateChatPaneAfter: re ? void 0 : en,
+      onDropChatSession: tt,
+      flashChatPaneId: (Te == null ? void 0 : Te.workspaceId) === e ? Te.id : null,
+      surface: fe ? "artifact-surface" : null,
+      surfaceParams: Oi,
+      chatOverlay: re ? Fi : null,
+      onCloseChatOverlay: () => ue(null),
+      surfaceOverlay: _i,
+      sidebar: fe && !nn && jt && Ni ? "workbench-left" : null,
+      sidebarParams: fe && !nn && jt ? {
+        ...ct ? { defaultTab: ct } : {},
+        bridge: Ei,
+        onClose: () => {
+          Se(!1), Ze(!1);
+        },
+        onCollapse: () => {
+          Se(!1), Ze(!1);
+        }
+      } : void 0,
+      storageKey: z ? Ce : void 0,
+      onOpenNav: !re && le ? () => {
+        Fn(!0), Kt == null || Kt();
+      } : void 0,
+      onOpenSurface: () => {
+        pe.current = !0, te(!0), ve == null || ve();
+      },
+      surfaceButtonBottomOffset: ei,
+      onOpenSidebar: jt ? () => {
+        pe.current = !0, te(!0), Se(!0), Ze(!0);
+      } : void 0
+    }
+  ), $i = re ? /* @__PURE__ */ i(
+    Us,
+    {
+      collapsed: Nt,
+      onExpand: () => $n(!1),
+      onCollapse: () => $n(!0),
+      onResizeLeftPane: (r) => vi((c) => Ar(c + r, 220, 420)),
+      leftPaneWidth: Un,
+      minLeftPaneWidth: 220,
+      maxLeftPaneWidth: 420,
+      leftPane: /* @__PURE__ */ i(
+        Fs,
+        {
+          width: Un,
+          appTitle: $e,
+          workspaceLabel: at,
+          workspaceSectionTitle: Mt,
+          layoutMode: ke,
+          headerMode: It,
+          projects: Ue,
+          activeProjectId: Ae ?? e,
+          onOpenProjectSession: Ft,
+          onShowMoreProjectSessions: $t,
+          onCreateProject: Re,
+          onCreateProjectSession: (r) => {
+            r === (Ae ?? e) ? (ue(null), or()) : Ge == null || Ge(r);
+          },
+          onOpenProjectSettings: lt,
+          onOpenProjectInNewTab: y,
+          sessionTitle: Ye ? "Loading sessions…" : In ?? T,
+          topSlot: pn,
+          bottomSlot: bn || hn != null ? /* @__PURE__ */ i("div", { className: "flex w-full min-w-0 items-center gap-2", children: ur }) : void 0,
+          sessions: q,
+          activeSessionId: se,
+          openSessionIds: Z,
+          pinnedSessionIds: Cn,
+          onCreateSession: () => {
+            ue(null), or();
+          },
+          onOpenCommandPalette: dr,
+          onSwitchSession: Et,
+          onOpenSessionAsPane: tt,
+          onToggleSessionPinned: Tn,
+          actions: Ii
+        }
+      ),
+      children: fr
+    }
+  ) : /* @__PURE__ */ b("div", { className: "flex h-full min-h-0 flex-col", children: [
+    /* @__PURE__ */ i(
+      ks,
+      {
+        appTitle: $e,
+        sessionTitle: Ye ? "Loading sessions…" : In ?? T,
+        onCommandPalette: dr,
+        topBarLeft: pn,
+        topBarRight: ur
+      }
+    ),
+    fr
+  ] });
+  return /* @__PURE__ */ i("div", { className: "h-full bg-background text-foreground", children: /* @__PURE__ */ b(
+    ms,
+    {
+      chatPanel: oi,
+      panels: ri,
+      commands: m,
+      catalogs: A,
+      plugins: R,
+      excludeDefaults: W,
+      capabilities: E,
+      apiBaseUrl: v,
+      authHeaders: ii,
       apiTimeout: h,
-      activeSessionId: Pe,
-      openSessionIds: re,
-      defaultTheme: D,
-      onThemeChange: Gn,
+      activeSessionId: se,
+      openSessionIds: Z,
+      defaultTheme: x,
+      onThemeChange: L,
       workspaceId: e,
-      workspaceLabel: Hn,
-      appTitle: wt,
-      storageKey: st,
-      persistenceEnabled: Pt,
-      debug: $n,
+      workspaceLabel: at,
+      appTitle: $e,
+      storageKey: Jt,
+      persistenceEnabled: F,
+      debug: he,
       bridgeEndpoint: null,
-      onAuthError: Kn,
-      frontPluginHotReload: er,
-      fullPageBasePath: Un,
+      onAuthError: Wt,
+      frontPluginHotReload: ni,
+      fullPageBasePath: Ot,
+      commandPaletteSessionSearch: Mi,
       children: [
-        d,
-        /* @__PURE__ */ f(
-          ms,
+        g,
+        /* @__PURE__ */ i(
+          Qs,
           {
             workspaceId: e,
-            requestHeaders: X,
-            apiBaseUrl: S,
-            preloadPaths: Qn,
-            provisionWorkspace: et,
-            onStatusChange: _r
+            requestHeaders: xe,
+            apiBaseUrl: v,
+            preloadPaths: Zr,
+            provisionWorkspace: zt,
+            onStatusChange: Ti
           }
         ),
-        /* @__PURE__ */ f(
-          _s,
+        /* @__PURE__ */ i(
+          io,
           {
-            bridgeEndpoint: Qe,
-            requestHeaders: X,
-            navOpen: Bt,
-            surfaceOpen: ee,
-            surfaceReady: Sr,
-            snapshot: Pr
+            bridgeEndpoint: H,
+            requestHeaders: xe,
+            navOpen: re ? !Nt : Gn,
+            surfaceOpen: fe,
+            surfaceReady: xi,
+            snapshot: Pi
           }
         ),
-        /* @__PURE__ */ Re("div", { className: "flex h-full min-h-0 flex-col", children: [
-          /* @__PURE__ */ f(
-            Yr,
-            {
-              appTitle: wt,
-              sessionTitle: Ge ? "Loading sessions…" : pr ?? Q,
-              onCommandPalette: () => {
-                document.dispatchEvent(new KeyboardEvent("keydown", {
-                  key: "k",
-                  metaKey: !0,
-                  ctrlKey: !0,
-                  bubbles: !0,
-                  cancelable: !0
-                }));
-              },
-              topBarLeft: jn,
-              topBarRight: /* @__PURE__ */ Re(fe, { children: [
-                Vn ? /* @__PURE__ */ f(ns, {}) : null,
-                Bn
-              ] })
-            }
-          ),
-          Ge ? /* @__PURE__ */ f(Ts, {}) : /* @__PURE__ */ f(
-            kr,
-            {
-              className: Zn,
-              nav: Bt ? "session-list" : null,
-              navParams: {
-                sessions: U,
-                activeId: Pe,
-                openIds: re,
-                pinnedIds: rr,
-                onTogglePin: sr,
-                onSwitch: Ar,
-                onOpenAsTab: fn,
-                onCreate: at,
-                onDelete: Nr,
-                onLoadMore: u == null ? void 0 : u.loadMore,
-                hasMore: u == null ? void 0 : u.hasMore,
-                loadingMore: u == null ? void 0 : u.loadingMore,
-                onClose: () => jt(!1)
-              },
-              center: "chat",
-              centerParams: Lr,
-              chatPanes: xr,
-              activeChatPaneId: Pe,
-              onActiveChatPaneChange: Rr,
-              onCloseChatPane: Tr,
-              onCreateChatPaneAfter: wr,
-              onDropChatSession: fn,
-              flashChatPaneId: (ie == null ? void 0 : ie.workspaceId) === e ? ie.id : null,
-              surface: ee ? "artifact-surface" : null,
-              surfaceParams: Mr,
-              surfaceOverlay: Or,
-              sidebar: ee && !pt && dt && yr ? "workbench-left" : null,
-              sidebarParams: ee && !pt && dt ? {
-                ...we ? { defaultTab: we } : {},
-                bridge: Er,
-                onClose: () => {
-                  be(!1), Ke(!1);
-                },
-                onCollapse: () => {
-                  be(!1), Ke(!1);
-                }
-              } : void 0,
-              storageKey: C ? De : void 0,
-              onOpenNav: Nt ? () => {
-                jt(!0), tt == null || tt();
-              } : void 0,
-              onOpenSurface: () => {
-                ne.current = !0, z(!0), nt == null || nt();
-              },
-              surfaceButtonBottomOffset: Xn,
-              onOpenSidebar: dt ? () => {
-                ne.current = !0, z(!0), be(!0), Ke(!0);
-              } : void 0
-            }
-          )
-        ] }),
-        b
+        /* @__PURE__ */ i(so, { onQuestionOpen: wi }),
+        $i,
+        f
       ]
     }
   ) });
 }
-const Os = 500;
-function Ls(e) {
-  return new Promise((n, r) => {
+const ho = 500;
+function bo(e) {
+  return new Promise((t, n) => {
     let s;
-    const i = () => {
-      s && globalThis.clearTimeout(s), e.removeEventListener("abort", o);
-    }, o = () => {
-      i(), r(new DOMException("Workspace boot aborted", "AbortError"));
+    const o = () => {
+      s && globalThis.clearTimeout(s), e.removeEventListener("abort", a);
+    }, a = () => {
+      o(), n(new DOMException("Workspace boot aborted", "AbortError"));
     };
     if (e.aborted) {
-      o();
+      a();
       return;
     }
     s = globalThis.setTimeout(() => {
-      i(), n();
-    }, Os), e.addEventListener("abort", o, { once: !0 });
+      o(), t();
+    }, ho), e.addEventListener("abort", a, { once: !0 });
   });
 }
-function Xs({
+function $o({
   workspaceId: e,
-  requestHeaders: n,
-  apiBaseUrl: r,
-  preloadPaths: s = xn,
-  provisionWorkspace: i = !0,
-  loadingFallback: o,
-  errorFallback: c,
-  children: d
+  requestHeaders: t,
+  apiBaseUrl: n,
+  preloadPaths: s = Fr,
+  provisionWorkspace: o = !0,
+  loadingFallback: a,
+  errorFallback: l,
+  children: g
 }) {
-  const [b, P] = x({
+  const [f, d] = O({
     status: "loading",
     label: "Waking workspace runtime"
   });
-  return E(() => {
-    const y = new AbortController(), B = Ye(e, n);
-    async function F(w) {
-      const S = await fetch(Cn(r, w), {
-        headers: B,
-        signal: y.signal
-      }), N = await ke(S);
-      if (!S.ok) {
-        if (bt(N)) return "preparing";
-        throw new Error(yt(N) ?? `${w} failed with ${S.status}`);
+  return _(() => {
+    const m = new AbortController(), A = Dt(e, t);
+    async function R(E) {
+      const v = await fetch(Ur(n, E), {
+        headers: A,
+        signal: m.signal
+      }), p = await Lt(v);
+      if (!v.ok) {
+        if (fn(p)) return "preparing";
+        throw new Error(gn(p) ?? `${E} failed with ${v.status}`);
       }
-      if (Wn(w)) {
-        const D = ze(N);
-        if ((D == null ? void 0 : D.state) === "degraded") throw new Error(D.message ?? "Workspace failed to prepare");
+      if (Gr(E)) {
+        const x = _t(p);
+        if ((x == null ? void 0 : x.state) === "degraded") throw new Error(x.message ?? "Workspace failed to prepare");
       }
-      return Br(w) !== null && N && typeof N == "object" && Fn(r, B["x-boring-workspace-id"] ?? e, w, N), "ready";
+      return ps(E) !== null && p && typeof p == "object" && zr(n, A["x-boring-workspace-id"] ?? e, E, p), "ready";
     }
-    async function k() {
-      P({ status: "loading", label: "Waking workspace runtime" });
+    async function W() {
+      d({ status: "loading", label: "Waking workspace runtime" });
       try {
-        const w = Mn(s, i);
-        let S = await Promise.all(w.map(async (h) => ({ path: h, status: await F(h) }))), N = S.filter((h) => h.status === "preparing").map((h) => h.path);
-        for (; N.length > 0; ) {
-          if (P({ status: "loading", label: "Workspace is still preparing" }), await Ls(y.signal), y.signal.aborted) return;
-          S = await Promise.all(N.map(async (h) => ({ path: h, status: await F(h) }))), N = S.filter((h) => h.status === "preparing").map((h) => h.path);
+        const E = $r(s, o);
+        let v = await Promise.all(E.map(async (h) => ({ path: h, status: await R(h) }))), p = v.filter((h) => h.status === "preparing").map((h) => h.path);
+        for (; p.length > 0; ) {
+          if (d({ status: "loading", label: "Workspace is still preparing" }), await bo(m.signal), m.signal.aborted) return;
+          v = await Promise.all(p.map(async (h) => ({ path: h, status: await R(h) }))), p = v.filter((h) => h.status === "preparing").map((h) => h.path);
         }
-        y.signal.aborted || P({ status: "ready" });
-      } catch (w) {
-        if (y.signal.aborted) return;
-        P({
+        m.signal.aborted || d({ status: "ready" });
+      } catch (E) {
+        if (m.signal.aborted) return;
+        d({
           status: "error",
-          message: w instanceof Error ? w.message : "Unknown workspace boot error"
+          message: E instanceof Error ? E.message : "Unknown workspace boot error"
         });
       }
     }
-    return k(), () => y.abort();
-  }, [r, s, i, n, e]), b.status === "ready" ? /* @__PURE__ */ f(fe, { children: d }) : b.status === "error" ? typeof c == "function" ? /* @__PURE__ */ f(fe, { children: c(b.message) }) : c ? /* @__PURE__ */ f(fe, { children: c }) : /* @__PURE__ */ f(
-    Tn,
+    return W(), () => m.abort();
+  }, [n, s, o, t, e]), f.status === "ready" ? /* @__PURE__ */ i(oe, { children: g }) : f.status === "error" ? typeof l == "function" ? /* @__PURE__ */ i(oe, { children: l(f.message) }) : l ? /* @__PURE__ */ i(oe, { children: l }) : /* @__PURE__ */ i(
+    wr,
     {
       title: "Workspace failed to open",
-      description: b.message,
+      description: f.message,
       status: "Retry by reloading the page"
     }
-  ) : typeof o == "function" ? /* @__PURE__ */ f(fe, { children: o(b.label) }) : o ? /* @__PURE__ */ f(fe, { children: o }) : /* @__PURE__ */ f(
-    Tn,
+  ) : typeof a == "function" ? /* @__PURE__ */ i(oe, { children: a(f.label) }) : a ? /* @__PURE__ */ i(oe, { children: a }) : /* @__PURE__ */ i(
+    wr,
     {
       title: "Opening workspace",
       description: "Preparing secure runtime, files, sessions, and layout.",
-      status: b.label
+      status: f.label
     }
   );
 }
-const xs = "FULL_PAGE_PANEL_MISSING_COMPONENT", Ms = "FULL_PAGE_PANEL_INVALID_PARAMS_JSON", Cs = "FULL_PAGE_PANEL_PARAMS_NOT_OBJECT", Ws = "FULL_PAGE_PANEL_UNKNOWN_COMPONENT", Fs = "FULL_PAGE_PANEL_NOT_SUPPORTED", Is = "FULL_PAGE_PANEL_RENDER_FAILED";
-function M() {
+const vo = "FULL_PAGE_PANEL_MISSING_COMPONENT", xo = "FULL_PAGE_PANEL_INVALID_PARAMS_JSON", yo = "FULL_PAGE_PANEL_PARAMS_NOT_OBJECT", So = "FULL_PAGE_PANEL_UNKNOWN_COMPONENT", No = "FULL_PAGE_PANEL_NOT_SUPPORTED", wo = "FULL_PAGE_PANEL_RENDER_FAILED";
+function K() {
 }
-const Gs = { dispose: M }, A = () => Gs;
-function $s(e) {
+const Po = { dispose: K }, I = () => Po;
+function Eo(e) {
   return {
     id: `full-page:${e}`,
     title: e,
@@ -1109,31 +2205,31 @@ function $s(e) {
     width: 0,
     height: 0,
     location: { type: "grid", referenceGroup: void 0 },
-    setActive: M,
-    setTitle: (n) => {
-      document.title = n;
+    setActive: K,
+    setTitle: (t) => {
+      document.title = t;
     },
-    setSize: M,
+    setSize: K,
     close: () => {
       window.close();
     },
-    moveTo: M,
-    maximize: M,
-    exitMaximized: M,
+    moveTo: K,
+    maximize: K,
+    exitMaximized: K,
     isMaximized: () => !1,
-    minimize: M,
-    onDidActiveChange: A,
-    onDidVisibilityChange: A,
-    onDidDimensionsChange: A,
-    onDidFocusChange: A,
-    onDidLocationChange: A,
-    onDidParametersChange: A,
-    onDidTitleChange: A,
-    onDidRenamed: A,
-    onWillFocus: A
+    minimize: K,
+    onDidActiveChange: I,
+    onDidVisibilityChange: I,
+    onDidDimensionsChange: I,
+    onDidFocusChange: I,
+    onDidLocationChange: I,
+    onDidParametersChange: I,
+    onDidTitleChange: I,
+    onDidRenamed: I,
+    onWillFocus: I
   };
 }
-function Us() {
+function ko() {
   return {
     width: window.innerWidth,
     height: window.innerHeight,
@@ -1145,139 +2241,139 @@ function Us() {
     panels: [],
     groups: [],
     activeGroup: void 0,
-    addPanel: M,
-    addGroup: M,
-    removePanel: M,
-    removeGroup: M,
+    addPanel: K,
+    addGroup: K,
+    removePanel: K,
+    removeGroup: K,
     getPanel: () => {
     },
     getGroup: () => {
     },
-    moveGroupOrPanel: M,
-    fromJSON: M,
+    moveGroupOrPanel: K,
+    fromJSON: K,
     toJSON: () => ({}),
-    clear: M,
-    focus: M,
-    layout: M,
-    onDidLayoutChange: A,
-    onDidLayoutFromJSON: A,
-    onDidAddPanel: A,
-    onDidRemovePanel: A,
-    onDidActivePanelChange: A,
-    onDidAddGroup: A,
-    onDidRemoveGroup: A,
-    onDidActiveGroupChange: A,
-    onUnhandledDragOverEvent: A,
-    onDidDrop: A,
-    onWillDrop: A,
-    onWillDragGroup: A,
-    onWillDragPanel: A,
-    onDidActivePanelChange_: A
+    clear: K,
+    focus: K,
+    layout: K,
+    onDidLayoutChange: I,
+    onDidLayoutFromJSON: I,
+    onDidAddPanel: I,
+    onDidRemovePanel: I,
+    onDidActivePanelChange: I,
+    onDidAddGroup: I,
+    onDidRemoveGroup: I,
+    onDidActiveGroupChange: I,
+    onUnhandledDragOverEvent: I,
+    onDidDrop: I,
+    onWillDrop: I,
+    onWillDragGroup: I,
+    onWillDragPanel: I,
+    onDidActivePanelChange_: I
   };
 }
-function vt({ code: e, title: n, description: r }) {
-  return /* @__PURE__ */ f(
+function ln({ code: e, title: t, description: n }) {
+  return /* @__PURE__ */ i(
     "div",
     {
       className: "flex min-h-screen items-center justify-center bg-background p-6 text-foreground",
       "data-testid": "full-page-error-state",
       "data-full-page-error-code": e,
-      children: /* @__PURE__ */ f(ts, { className: "w-full max-w-lg", title: n, description: r })
+      children: /* @__PURE__ */ i(Ns, { className: "w-full max-w-lg", title: t, description: n })
     }
   );
 }
-function Zs({ componentId: e, params: n = {} }) {
-  const r = In(), { errors: s } = Vr(), i = r.get(e), o = r.getComponents()[e];
-  Fr(() => {
-    document.title = (i == null ? void 0 : i.title) ?? e;
-  }, [e, i == null ? void 0 : i.title]);
-  const c = L(() => ({
-    params: n,
-    api: $s(e),
-    containerApi: Us(),
+function Uo({ componentId: e, params: t = {} }) {
+  const n = Kr(), { errors: s } = hs(), o = n.get(e), a = n.getComponents()[e];
+  Gi(() => {
+    document.title = (o == null ? void 0 : o.title) ?? e;
+  }, [e, o == null ? void 0 : o.title]);
+  const l = D(() => ({
+    params: t,
+    api: Eo(e),
+    containerApi: ko(),
     className: "h-full"
-  }), [e, n]), d = L(() => {
-    if (!i) return null;
-    const b = i.pluginId ?? i.id;
-    for (let P = s.length - 1; P >= 0; P -= 1) {
-      const y = s[P];
-      if (y.contributionKind === "panel" && y.contributionId === e && y.pluginId === b)
-        return y;
+  }), [e, t]), g = D(() => {
+    if (!o) return null;
+    const f = o.pluginId ?? o.id;
+    for (let d = s.length - 1; d >= 0; d -= 1) {
+      const m = s[d];
+      if (m.contributionKind === "panel" && m.contributionId === e && m.pluginId === f)
+        return m;
     }
     return null;
-  }, [e, s, i]);
-  return i ? !i.supportsFullPage || !o ? /* @__PURE__ */ f(
-    vt,
+  }, [e, s, o]);
+  return o ? !o.supportsFullPage || !a ? /* @__PURE__ */ i(
+    ln,
     {
-      code: Fs,
+      code: No,
       title: "Panel does not support full-page mode",
       description: `Panel "${e}" can render in the workspace, but it has not opted into the dedicated full-page pane route.`
     }
-  ) : d ? /* @__PURE__ */ f(
-    vt,
+  ) : g ? /* @__PURE__ */ i(
+    ln,
     {
-      code: Is,
+      code: wo,
       title: "Panel failed to render",
-      description: `Panel "${e}" crashed while rendering in full-page mode: ${d.error.message}`
+      description: `Panel "${e}" crashed while rendering in full-page mode: ${g.error.message}`
     }
-  ) : /* @__PURE__ */ f("div", { className: "min-h-screen bg-background text-foreground", children: /* @__PURE__ */ f(zr, { mode: "full-page", children: /* @__PURE__ */ f(o, { ...c }) }) }) : /* @__PURE__ */ f(
-    vt,
+  ) : /* @__PURE__ */ i("div", { className: "min-h-screen bg-background text-foreground", children: /* @__PURE__ */ i(bs, { mode: "full-page", children: /* @__PURE__ */ i(a, { ...l }) }) }) : /* @__PURE__ */ i(
+    ln,
     {
-      code: Ws,
+      code: So,
       title: "Unknown panel",
       description: `No full-page panel component is registered as "${e}".`
     }
   );
 }
-function ei(e) {
-  var o;
-  const n = new URLSearchParams(e), r = ((o = n.get("component")) == null ? void 0 : o.trim()) ?? "";
-  if (!r)
+function Go(e) {
+  var a;
+  const t = new URLSearchParams(e), n = ((a = t.get("component")) == null ? void 0 : a.trim()) ?? "";
+  if (!n)
     return {
       componentId: null,
       params: {},
       error: {
-        code: xs,
+        code: vo,
         message: "Missing full-page panel component id."
       }
     };
-  const s = n.get("params");
+  const s = t.get("params");
   if (!s)
-    return { componentId: r, params: {} };
-  let i;
+    return { componentId: n, params: {} };
+  let o;
   try {
-    i = JSON.parse(s);
+    o = JSON.parse(s);
   } catch {
     return {
       componentId: null,
       params: {},
       error: {
-        code: Ms,
+        code: xo,
         message: "Invalid full-page panel params JSON."
       }
     };
   }
-  return i === null || Array.isArray(i) || typeof i != "object" ? {
+  return o === null || Array.isArray(o) || typeof o != "object" ? {
     componentId: null,
     params: {},
     error: {
-      code: Cs,
+      code: yo,
       message: "Full-page panel params must be a JSON object."
     }
-  } : { componentId: r, params: i };
+  } : { componentId: n, params: o };
 }
 export {
-  Ms as FULL_PAGE_PANEL_INVALID_PARAMS_JSON,
-  xs as FULL_PAGE_PANEL_MISSING_COMPONENT,
-  Fs as FULL_PAGE_PANEL_NOT_SUPPORTED,
-  Cs as FULL_PAGE_PANEL_PARAMS_NOT_OBJECT,
-  Is as FULL_PAGE_PANEL_RENDER_FAILED,
-  Ws as FULL_PAGE_PANEL_UNKNOWN_COMPONENT,
-  Qs as WorkspaceAgentFront,
-  ms as WorkspaceBackgroundBoot,
-  Xs as WorkspaceBootGate,
-  Zs as WorkspaceFullPagePanel,
-  os as createLocalStorageSessions,
-  ei as parseFullPagePanelLocation,
-  as as useLocalStorageSessions
+  xo as FULL_PAGE_PANEL_INVALID_PARAMS_JSON,
+  vo as FULL_PAGE_PANEL_MISSING_COMPONENT,
+  No as FULL_PAGE_PANEL_NOT_SUPPORTED,
+  yo as FULL_PAGE_PANEL_PARAMS_NOT_OBJECT,
+  wo as FULL_PAGE_PANEL_RENDER_FAILED,
+  So as FULL_PAGE_PANEL_UNKNOWN_COMPONENT,
+  Fo as WorkspaceAgentFront,
+  Qs as WorkspaceBackgroundBoot,
+  $o as WorkspaceBootGate,
+  Uo as WorkspaceFullPagePanel,
+  Hs as createLocalStorageSessions,
+  Go as parseFullPagePanelLocation,
+  Js as useLocalStorageSessions
 };