@hachej/boring-workspace 0.1.34 → 0.1.36

package/dist/{WorkspaceLoadingState-RVGURLJy.js → WorkspaceLoadingState-C664sU-y.js}

@@ -1,11 +1,11 @@
-import { jsxs as u, jsx as r, Fragment as ae } from "react/jsx-runtime";
-import { useState as M, useCallback as p, useMemo as G, useEffect as k, useRef as T, useSyncExternalStore as fe, Suspense as me } from "react";
-import { IconButton as E, LoadingState as ge, ResizeHandle as be, Button as we, Kbd as pe } from "@hachej/boring-ui-kit";
-import { ChevronLeft as ve, MessageSquare as xe, Search as ke, Plus as ye } from "lucide-react";
+import { jsxs as h, jsx as a, Fragment as ce } from "react/jsx-runtime";
+import { useState as V, useCallback as v, useMemo as Y, useEffect as C, useRef as Z, useSyncExternalStore as we, Suspense as ve } from "react";
+import { IconButton as F, LoadingState as xe, ResizeHandle as pe, Button as Ce, Kbd as ke } from "@hachej/boring-ui-kit";
+import { ChevronLeft as ye, MessageSquare as Se, Search as Pe, Plus as _e } from "lucide-react";
 import { c as m } from "./utils-B6yFEsav.js";
-import { al as Ce, a2 as Se, ad as _e, G as Ne, aw as oe, au as We, a7 as Pe, u as Oe, ao as Ie } from "./WorkspaceProvider-hCE2wXKZ.js";
-function Fe(e, t, a = !0) {
-  if (!a || typeof window > "u") return t;
+import { al as Ne, a2 as We, ad as Ie, G as Oe, as as de, aG as Be, a7 as ze, aJ as Re, aK as Q, u as Le, ao as Ae } from "./WorkspaceProvider-CpK401MG.js";
+function Ue(e, t, r = !0) {
+  if (!r || typeof window > "u") return t;
   try {
     const n = window.localStorage.getItem(e);
     if (n === "1") return !0;
@@ -14,66 +14,66 @@ function Fe(e, t, a = !0) {
   }
   return t;
 }
-function Ve(e, t, a = !0) {
-  if (!(!a || typeof window > "u"))
+function Xe(e, t, r = !0) {
+  if (!(!r || typeof window > "u"))
     try {
       window.localStorage.setItem(e, t ? "1" : "0");
     } catch {
     }
 }
-function ie(e, t, a = !0) {
-  if (!a || typeof window > "u") return t;
+function le(e, t, r = !0) {
+  if (!r || typeof window > "u") return t;
   try {
     const n = window.localStorage.getItem(e);
     if (n === null) return t;
-    const c = Number(n);
-    return Number.isFinite(c) ? c : t;
+    const d = Number(n);
+    return Number.isFinite(d) ? d : t;
   } catch {
   }
   return t;
 }
-function ze(e, t, a = !0) {
-  if (!(!a || typeof window > "u"))
+function De(e, t, r = !0) {
+  if (!(!r || typeof window > "u"))
     try {
       window.localStorage.setItem(e, String(Math.round(t)));
     } catch {
     }
 }
-function je(e = {}) {
+function Ge(e = {}) {
   const {
     nav: t = "session-list",
-    navParams: a,
+    navParams: r,
     center: n = "chat",
-    centerParams: c,
+    centerParams: d,
     surface: i,
     surfaceParams: l,
     sidebar: s,
-    sidebarParams: x
-  } = e, v = [];
-  return t && v.push({
+    sidebarParams: p
+  } = e, x = [];
+  return t && x.push({
     id: "nav",
     position: "left",
     panel: t,
-    params: a,
+    params: r,
     locked: !0,
     hideHeader: !0,
     constraints: { minWidth: 60, maxWidth: 60 }
-  }), v.push({
+  }), x.push({
     id: "center",
     position: "center",
     panel: n,
-    params: c,
+    params: d,
     hideHeader: !0
-  }), s && v.push({
+  }), s && x.push({
     id: "sidebar",
     position: "left",
     panel: s,
-    params: x,
+    params: p,
     hideHeader: !0,
     collapsible: !0,
     collapsedWidth: 40,
     constraints: { minWidth: 200, maxWidthViewportRatio: 0.5 }
-  }), i && v.push({
+  }), i && x.push({
     id: "surface",
     position: "right",
     panel: i,
@@ -81,156 +81,156 @@ function je(e = {}) {
     hideHeader: !0,
     dynamic: !0,
     placeholder: "empty"
-  }), { version: "2.0", groups: v };
+  }), { version: "2.0", groups: x };
 }
-function $e(e) {
-  var ne;
-  const t = e.nav !== null, a = e.surface !== void 0, n = !!e.surface, c = e.nav || "session-list", i = e.center ?? "chat", l = e.surface || "artifact-surface", s = Re(), [x, v] = se(
+function Te(e) {
+  var ie, se;
+  const t = e.nav !== null, r = e.surface !== void 0, n = !!e.surface, d = e.nav || "session-list", i = e.center ?? "chat", l = e.surface || "artifact-surface", s = Ke(), [p, x] = ue(
     e.storageKey ? `${e.storageKey}:drawerWidth` : void 0,
     260
-  ), [le, ue] = se(
+  ), [me, ge] = ue(
     e.storageKey ? `${e.storageKey}:surfaceWidth` : void 0,
     680
-  ), [d, g] = Be(
+  ), [c, g] = Me(
     e.storageKey ? `${e.storageKey}:chatCollapsed` : void 0,
     !1
-  ), [he, N] = M(!1), { blockers: H } = Ce(), b = Se(), K = D(x, 200, 360), Z = Math.max(480, Math.floor(s * 0.72)), F = D(le, 480, Z), V = S(e.centerParams, "getSurface"), j = S(e.centerParams, "isWorkbenchOpen"), $ = S(e.centerParams, "openWorkbench"), J = S(e.centerParams, "openWorkbenchSources"), Q = S(e.centerParams, "closeWorkbench"), w = A(e.navParams, "onClose"), f = A(e.surfaceParams, "onClose"), y = A(e.sidebarParams, "onClose"), U = A(e.navParams, "onCreate"), C = !!e.sidebar, W = t ? !!w : !!e.onOpenNav, P = n ? !!f : !!e.onOpenSurface, O = C ? !!y : !!e.onOpenSidebar, I = p(() => {
+  ), [be, W] = V(!1), { blockers: j } = Ne(), b = We(), $ = M(p, 200, 360), te = Math.max(480, Math.floor(s * 0.72)), q = M(me, 480, te), U = S(e.centerParams, "getSurface"), X = S(e.centerParams, "isWorkbenchOpen"), G = S(e.centerParams, "openWorkbench"), ne = S(e.centerParams, "openWorkbenchSources"), ae = S(e.centerParams, "closeWorkbench"), w = K(e.navParams, "onClose"), f = K(e.surfaceParams, "onClose"), k = K(e.sidebarParams, "onClose"), T = K(e.navParams, "onCreate"), P = ((ie = e.chatPanes) == null ? void 0 : ie.filter((o) => o.id.length > 0)) ?? [], J = P.length > 0, y = !!e.sidebar, I = t ? !!w : !!e.onOpenNav, O = n ? !!f : !!e.onOpenSurface, B = y ? !!k : !!e.onOpenSidebar, z = v(() => {
     var o;
     if (t) {
       w == null || w();
       return;
     }
     (o = e.onOpenNav) == null || o.call(e);
-  }, [w, t, e.onOpenNav]), z = p(() => {
+  }, [w, t, e.onOpenNav]), R = v(() => {
     var o;
     if (n) {
       f == null || f();
       return;
     }
     (o = e.onOpenSurface) == null || o.call(e);
-  }, [f, e.onOpenSurface, n]), B = p(() => {
+  }, [f, e.onOpenSurface, n]), L = v(() => {
     var o;
-    if (C) {
-      y == null || y();
+    if (y) {
+      k == null || k();
       return;
     }
     (o = e.onOpenSidebar) == null || o.call(e);
-  }, [y, e.onOpenSidebar, C]), R = p(() => {
-    d && g(!1), t && (w == null || w()), n && (f == null || f()), Y(), de();
-  }, [d, w, f, t, g, n]), L = p(() => {
+  }, [k, e.onOpenSidebar, y]), A = v(() => {
+    c && g(!1), t && (w == null || w()), n && (f == null || f()), ee(), fe();
+  }, [c, w, f, t, g, n]), D = v(() => {
     g((o) => {
-      var re;
-      const h = !o;
-      return h && !n && ((re = e.onOpenSurface) == null || re.call(e)), h;
-    }), N(!1);
+      var N;
+      const u = !o;
+      return u && !n && ((N = e.onOpenSurface) == null || N.call(e)), u;
+    }), W(!1);
   }, [g, n, e.onOpenSurface]);
-  _e({
-    shortcuts: G(() => {
+  Ie({
+    shortcuts: Y(() => {
       const o = [];
-      return W && o.push({ key: "1", mod: !0, handler: I }), P && o.push({ key: "2", mod: !0, handler: z }), O && o.push({ key: "3", mod: !0, allowInEditable: !0, handler: B }), i === "chat" && (o.push({ key: "Escape", allowInEditable: !0, handler: R }), o.push({ key: "\\", mod: !0, allowInEditable: !0, handler: L })), o;
-    }, [W, O, P, i, R, L, I, B, z])
-  }), k(() => {
-    const o = "workspace:chat-layout", h = "agent:chat-layout";
-    return b.unregisterByPluginId(o), b.unregisterByPluginId(h), b.registerCommand({
+      return I && o.push({ key: "1", mod: !0, handler: z }), O && o.push({ key: "2", mod: !0, handler: R }), B && o.push({ key: "3", mod: !0, allowInEditable: !0, handler: L }), i === "chat" && (o.push({ key: "Escape", allowInEditable: !0, handler: A }), o.push({ key: "\\", mod: !0, allowInEditable: !0, handler: D })), o;
+    }, [I, B, O, i, A, D, z, L, R])
+  }), C(() => {
+    const o = "workspace:chat-layout", u = "agent:chat-layout";
+    return b.unregisterByPluginId(o), b.unregisterByPluginId(u), b.registerCommand({
       id: "workspace:open-session-history",
       title: t ? "Close Session History" : "Open Session History",
       keywords: ["sessions", "history", "drawer", t ? "close" : "open"],
       shortcut: "⌘1",
       pluginId: o,
-      when: () => W,
-      run: I
+      when: () => I,
+      run: z
     }), b.registerCommand({
       id: "workspace:open-workbench",
       title: n ? "Close Workbench" : "Open Workbench",
       keywords: ["surface", "artifacts", "sources", "workbench", n ? "close" : "open"],
       shortcut: "⌘2",
       pluginId: o,
-      when: () => P,
-      run: z
+      when: () => O,
+      run: R
     }), b.registerCommand({
       id: "workspace:toggle-workbench-left-panel",
-      title: C ? "Close Workbench Left Panel" : "Open Workbench Left Panel",
-      keywords: ["left", "sidebar", "tabs", "workbench", C ? "close" : "open"],
+      title: y ? "Close Workbench Left Panel" : "Open Workbench Left Panel",
+      keywords: ["left", "sidebar", "tabs", "workbench", y ? "close" : "open"],
       shortcut: "⌘3",
       pluginId: o,
-      when: () => O,
-      run: B
+      when: () => B,
+      run: L
     }), i === "chat" && b.registerCommand({
       id: "agent:focus-chat",
       title: "Focus Chat",
       keywords: ["agent", "chat", "prompt", "composer", "input", "focus"],
-      pluginId: h,
-      run: R
-    }), U && b.registerCommand({
+      pluginId: u,
+      run: A
+    }), T && b.registerCommand({
       id: "agent:new-chat",
       title: "New Chat",
       keywords: ["agent", "chat", "session", "new"],
-      pluginId: h,
-      run: U
+      pluginId: u,
+      run: T
     }), () => {
-      b.unregisterByPluginId(o), b.unregisterByPluginId(h);
+      b.unregisterByPluginId(o), b.unregisterByPluginId(u);
     };
   }, [
     b,
     t,
     i,
-    a,
+    r,
     n,
     e.navParams,
     e.surfaceParams,
     e.onOpenNav,
     e.onOpenSurface,
     e.onOpenSidebar,
-    W,
-    P,
+    I,
     O,
+    B,
     w,
     f,
+    k,
+    T,
+    A,
     y,
-    U,
-    R,
-    C,
-    I,
     z,
-    B
-  ]), k(() => {
-    if (!V || !j || !$) return;
+    R,
+    L
+  ]), C(() => {
+    if (!U || !X || !G) return;
     const o = {
-      surface: V,
-      isWorkbenchOpen: j,
-      openWorkbench: $,
-      openWorkbenchSources: J,
-      closeWorkbench: Q
+      surface: U,
+      isWorkbenchOpen: X,
+      openWorkbench: G,
+      openWorkbenchSources: ne,
+      closeWorkbench: ae
     };
-    return Ne.on(oe.uiCommand, ({ command: h }) => {
-      We(h, o);
+    return Oe.on(de.uiCommand, ({ command: u }) => {
+      Be(u, o);
     });
-  }, [V, j, $, J, Q]), Pe(oe.agentData, () => {
-    d && N(!0);
-  }), k(() => {
-    if (!d) {
-      N(!1);
+  }, [U, X, G, ne, ae]), ze(de.agentData, () => {
+    c && W(!0);
+  }), C(() => {
+    if (!c) {
+      W(!1);
       return;
     }
-    H.length > 0 && (g(!1), N(!1), de());
-  }, [H.length, d, g]);
-  const _ = (ne = e.centerParams) == null ? void 0 : ne.sessionId, ee = T(_);
-  k(() => {
-    const o = ee.current;
-    ee.current = _, o !== void 0 && _ !== void 0 && _ !== o && d && g(!1);
-  }, [_, d, g]);
-  const te = T(n);
-  return k(() => {
-    const o = te.current;
-    te.current = n, o && !n && d && g(!1);
-  }, [n, d, g]), /* @__PURE__ */ u(
+    j.length > 0 && (g(!1), W(!1), fe());
+  }, [j.length, c, g]);
+  const _ = e.activeChatPaneId ?? ((se = e.centerParams) == null ? void 0 : se.sessionId), re = Z(_);
+  C(() => {
+    const o = re.current;
+    re.current = _, o !== void 0 && _ !== void 0 && _ !== o && c && g(!1);
+  }, [_, c, g]);
+  const oe = Z(n);
+  return C(() => {
+    const o = oe.current;
+    oe.current = n, o && !n && c && g(!1);
+  }, [n, c, g]), /* @__PURE__ */ h(
     "div",
     {
       "data-boring-workspace": "",
       "data-boring-workspace-part": "shell",
       className: m("relative flex h-full min-h-0 w-full overflow-hidden bg-background", e.className),
       children: [
-        /* @__PURE__ */ u(
+        /* @__PURE__ */ h(
           "aside",
           {
             "data-boring-workspace-part": "session-drawer",
@@ -243,13 +243,13 @@ function $e(e) {
               t && "border-r border-[color:oklch(from_var(--border)_l_c_h/0.6)]"
             ),
             style: {
-              width: t ? K : 0,
-              minWidth: t ? K : 0,
-              maxWidth: t ? K : 0,
+              width: t ? $ : 0,
+              minWidth: t ? $ : 0,
+              maxWidth: t ? $ : 0,
               willChange: "width"
             },
             children: [
-              /* @__PURE__ */ r(
+              /* @__PURE__ */ a(
                 "div",
                 {
                   className: m(
@@ -257,64 +257,84 @@ function $e(e) {
                     "transition-opacity duration-[200ms] ease-[cubic-bezier(0.22,1,0.36,1)]",
                     t ? "opacity-100" : "opacity-0"
                   ),
-                  children: /* @__PURE__ */ r(X, { id: c, params: e.navParams })
+                  children: /* @__PURE__ */ a(E, { id: d, params: e.navParams })
                 }
               ),
-              t ? /* @__PURE__ */ r(
-                ce,
+              t ? /* @__PURE__ */ a(
+                he,
                 {
                   side: "drawer-right",
                   ariaLabel: "Resize sessions drawer",
-                  onResize: (o) => v((h) => D(h + o, 200, 360))
+                  onResize: (o) => x((u) => M(u + o, 200, 360))
                 }
               ) : null
             ]
           }
         ),
-        /* @__PURE__ */ u("div", { className: "relative flex h-full min-h-0 min-w-0 flex-1 overflow-hidden bg-background", children: [
-          /* @__PURE__ */ u(
+        /* @__PURE__ */ h("div", { className: "relative flex h-full min-h-0 min-w-0 flex-1 overflow-hidden bg-background", children: [
+          /* @__PURE__ */ h(
             "main",
             {
               "data-boring-workspace-part": "chat-stage",
-              "data-boring-state": d ? "collapsed" : "expanded",
-              "aria-label": d ? "Collapsed chat" : "Chat",
-              "aria-hidden": d,
+              "data-boring-state": c ? "collapsed" : "expanded",
+              "aria-label": c ? "Collapsed chat" : "Chat",
+              "aria-hidden": c,
               className: m(
                 "relative h-full min-h-0 min-w-0 overflow-hidden bg-background",
                 // Animate flex-grow (not just width) so the chat slides open/closed
                 // like the fixed-width nav/workbench panes instead of snapping.
                 "transition-[flex-grow,flex-basis,width,min-width,max-width] duration-[280ms] ease-[cubic-bezier(0.22,1,0.36,1)]",
-                d ? "min-w-0 flex-[0_0_0px]" : "flex-1 border-r border-[color:oklch(from_var(--border)_l_c_h/0.6)]"
+                c ? "min-w-0 flex-[0_0_0px]" : "flex-1 border-r border-[color:oklch(from_var(--border)_l_c_h/0.6)]"
               ),
               children: [
-                /* @__PURE__ */ r(
+                /* @__PURE__ */ a(
                   "div",
                   {
                     className: m(
                       "h-full min-h-0 overflow-hidden",
                       "transition-opacity duration-[200ms] ease-[cubic-bezier(0.22,1,0.36,1)]",
-                      d ? "opacity-0" : "opacity-100"
+                      c ? "opacity-0" : "opacity-100"
                     ),
-                    children: /* @__PURE__ */ r(X, { id: i, params: e.centerParams })
+                    children: J ? /* @__PURE__ */ a(
+                      Re,
+                      {
+                        panes: P,
+                        activePaneId: e.activeChatPaneId,
+                        onActivePaneChange: e.onActiveChatPaneChange,
+                        onClosePane: e.onCloseChatPane,
+                        flashPaneId: e.flashChatPaneId,
+                        storageKey: e.storageKey,
+                        onDropSession: e.onDropChatSession,
+                        renderPane: (o) => /* @__PURE__ */ a(
+                          E,
+                          {
+                            id: o.panel ?? i,
+                            params: o.params ?? e.centerParams
+                          }
+                        )
+                      }
+                    ) : /* @__PURE__ */ a(E, { id: i, params: e.centerParams })
                   }
                 ),
-                d ? null : /* @__PURE__ */ r(
-                  E,
+                c ? null : /* @__PURE__ */ a(Q, { label: "Collapse chat", hint: "⌘\\", side: "bottom", children: /* @__PURE__ */ a(
+                  F,
                   {
                     type: "button",
                     variant: "ghost",
                     size: "icon-xs",
-                    onClick: L,
-                    className: "absolute right-2 top-2 z-20",
+                    onClick: D,
+                    className: m(
+                      "absolute right-2 z-30 rounded-full bg-background/80 text-muted-foreground shadow-sm backdrop-blur hover:bg-muted hover:text-foreground",
+                      J && P.length > 1 ? "bottom-2" : "top-2"
+                    ),
                     "aria-label": "Collapse chat",
-                    title: "Collapse chat (⌘\\\\)",
-                    children: /* @__PURE__ */ r(ve, { className: "h-4 w-4", strokeWidth: 1.75 })
+                    children: /* @__PURE__ */ a(ye, { className: "h-4 w-4", strokeWidth: 1.75 })
                   }
-                )
+                ) })
               ]
             }
           ),
-          a ? /* @__PURE__ */ u(
+          r ? /* @__PURE__ */ h(
             "aside",
             {
               "data-boring-workspace-part": "workbench",
@@ -325,18 +345,18 @@ function $e(e) {
                 "relative h-full min-h-0 overflow-hidden bg-background",
                 // When chat is collapsed the workbench grows to fill the freed
                 // space (full width); otherwise it's a fixed-width side panel.
-                d && n ? "min-w-0 flex-1" : "shrink-0",
+                c && n ? "min-w-0 flex-1" : "shrink-0",
                 "transition-[flex-grow,flex-basis,width,min-width,max-width] duration-[280ms] ease-[cubic-bezier(0.22,1,0.36,1)]",
                 n && "border-l border-[color:oklch(from_var(--border)_l_c_h/0.6)]"
               ),
-              style: d && n ? { willChange: "width" } : {
-                width: n ? F : 0,
-                minWidth: n ? F : 0,
-                maxWidth: n ? F : 0,
+              style: c && n ? { willChange: "width" } : {
+                width: n ? q : 0,
+                minWidth: n ? q : 0,
+                maxWidth: n ? q : 0,
                 willChange: "width"
               },
               children: [
-                /* @__PURE__ */ r(
+                /* @__PURE__ */ a(
                   "div",
                   {
                     className: m(
@@ -346,12 +366,12 @@ function $e(e) {
                       // When the chat is collapsed the workbench fills the full width
                       // and the left-edge "expand chat" float button would sit on top
                       // of the filetree — inset the content to leave a clear gutter.
-                      d && n && !t && "pl-14"
+                      c && n && !t && "pl-14"
                     ),
-                    children: e.surfaceOverlay ? /* @__PURE__ */ u("div", { className: "relative h-full min-h-0", children: [
+                    children: e.surfaceOverlay ? /* @__PURE__ */ h("div", { className: "relative h-full min-h-0", children: [
                       e.surfaceOverlay,
-                      f ? /* @__PURE__ */ r(
-                        E,
+                      f ? /* @__PURE__ */ a(Q, { label: "Close workbench", hint: "⌘2", side: "left", children: /* @__PURE__ */ a(
+                        F,
                         {
                           type: "button",
                           variant: "ghost",
@@ -359,27 +379,26 @@ function $e(e) {
                           onClick: f,
                           className: "absolute right-3 top-3 z-20 rounded-full bg-background/80 text-muted-foreground shadow-sm backdrop-blur hover:bg-muted hover:text-foreground",
                           "aria-label": "Close workbench",
-                          title: "Close workbench (⌘2)",
-                          children: /* @__PURE__ */ r("span", { "aria-hidden": "true", children: "›" })
+                          children: /* @__PURE__ */ a("span", { "aria-hidden": "true", children: "›" })
                         }
-                      ) : null
-                    ] }) : /* @__PURE__ */ r(X, { id: l, params: e.surfaceParams })
+                      ) }) : null
+                    ] }) : /* @__PURE__ */ a(E, { id: l, params: e.surfaceParams })
                   }
                 ),
-                n && !d ? /* @__PURE__ */ r(
-                  ce,
+                n && !c ? /* @__PURE__ */ a(
+                  he,
                   {
                     side: "surface-left",
                     ariaLabel: "Resize workbench",
-                    onResize: (o) => ue((h) => D(h - o, 480, Z))
+                    onResize: (o) => ge((u) => M(u - o, 480, te))
                   }
                 ) : null
               ]
             }
           ) : null
         ] }),
-        !t && e.onOpenNav ? /* @__PURE__ */ r(
-          q,
+        !t && e.onOpenNav ? /* @__PURE__ */ a(
+          H,
           {
             side: "left",
             icon: "sessions",
@@ -388,20 +407,34 @@ function $e(e) {
             hint: "⌘1"
           }
         ) : null,
-        d ? /* @__PURE__ */ r(
-          q,
+        !c && !t && J && e.onCreateChatPaneAfter ? /* @__PURE__ */ a(
+          H,
+          {
+            side: "left",
+            icon: "plus",
+            onClick: () => {
+              var u, N;
+              const o = e.activeChatPaneId ?? ((u = P[P.length - 1]) == null ? void 0 : u.id);
+              o && ((N = e.onCreateChatPaneAfter) == null || N.call(e, o));
+            },
+            label: "New chat",
+            stackIndex: e.onOpenNav ? 1 : 0
+          }
+        ) : null,
+        c ? /* @__PURE__ */ a(
+          H,
           {
             side: "left",
             icon: "chat",
-            onClick: L,
+            onClick: D,
             label: "Expand chat",
             hint: "⌘\\\\",
             stackIndex: 1,
-            pulse: he || H.length > 0
+            pulse: be || j.length > 0
           }
         ) : null,
-        !n && e.onOpenSurface ? /* @__PURE__ */ r(
-          q,
+        !n && e.onOpenSurface ? /* @__PURE__ */ a(
+          H,
           {
             side: "right",
             icon: "workbench",
@@ -415,30 +448,30 @@ function $e(e) {
     }
   );
 }
-function D(e, t, a) {
-  return Math.max(t, Math.min(a, e));
+function M(e, t, r) {
+  return Math.max(t, Math.min(r, e));
 }
-function se(e, t) {
-  const [a, n] = M(
-    () => e ? ie(e, t) : t
+function ue(e, t) {
+  const [r, n] = V(
+    () => e ? le(e, t) : t
   );
-  k(() => {
-    n(e ? ie(e, t) : t);
+  C(() => {
+    n(e ? le(e, t) : t);
   }, [e, t]);
-  const c = p(
+  const d = v(
     (i) => {
       n((l) => {
         const s = typeof i == "function" ? i(l) : i;
-        return e && ze(e, s), s;
+        return e && De(e, s), s;
       });
     },
     [e]
   );
-  return [a, c];
+  return [r, d];
 }
-function Be(e, t) {
-  const [a, n] = M(() => !e || typeof window > "u" ? t : window.localStorage.getItem(e) === "1");
-  k(() => {
+function Me(e, t) {
+  const [r, n] = V(() => !e || typeof window > "u" ? t : window.localStorage.getItem(e) === "1");
+  C(() => {
     if (!e || typeof window > "u") {
       n(t);
       return;
@@ -446,7 +479,7 @@ function Be(e, t) {
     const i = window.localStorage.getItem(e);
     n(i == null ? t : i === "1");
   }, [e, t]);
-  const c = p(
+  const d = v(
     (i) => {
       n((l) => {
         const s = typeof i == "function" ? i(l) : i;
@@ -455,31 +488,31 @@ function Be(e, t) {
     },
     [e]
   );
-  return [a, c];
+  return [r, d];
 }
-function Re() {
-  const [e, t] = M(() => typeof window < "u" ? window.innerWidth : 1200);
-  return k(() => {
-    const a = () => t(window.innerWidth);
-    return window.addEventListener("resize", a), () => window.removeEventListener("resize", a);
+function Ke() {
+  const [e, t] = V(() => typeof window < "u" ? window.innerWidth : 1200);
+  return C(() => {
+    const r = () => t(window.innerWidth);
+    return window.addEventListener("resize", r), () => window.removeEventListener("resize", r);
   }, []), e;
 }
-function ce({ side: e, ariaLabel: t, onResize: a }) {
-  const n = T(null), c = p((s) => {
+function he({ side: e, ariaLabel: t, onResize: r }) {
+  const n = Z(null), d = v((s) => {
     s.preventDefault(), n.current = s.clientX, s.currentTarget.setPointerCapture(s.pointerId), document.body.style.cursor = "col-resize", document.body.style.userSelect = "none";
-  }, []), i = p((s) => {
+  }, []), i = v((s) => {
     if (n.current === null) return;
-    const x = s.clientX - n.current;
-    n.current = s.clientX, a(x);
-  }, [a]), l = p((s) => {
+    const p = s.clientX - n.current;
+    n.current = s.clientX, r(p);
+  }, [r]), l = v((s) => {
     n.current !== null && (n.current = null, s.currentTarget.releasePointerCapture(s.pointerId), document.body.style.cursor = "", document.body.style.userSelect = "");
   }, []);
-  return /* @__PURE__ */ r(
-    be,
+  return /* @__PURE__ */ a(
+    pe,
     {
       "aria-label": t,
       orientation: "vertical",
-      onResizeStart: c,
+      onResizeStart: d,
       onPointerMove: i,
       onPointerUp: l,
       onPointerCancel: l,
@@ -494,31 +527,33 @@ function ce({ side: e, ariaLabel: t, onResize: a }) {
   );
 }
 function S(e, t) {
-  const a = e == null ? void 0 : e[t];
-  return typeof a == "function" ? a : void 0;
+  const r = e == null ? void 0 : e[t];
+  return typeof r == "function" ? r : void 0;
 }
-function A(e, t) {
+function K(e, t) {
   return S(e, t);
 }
-function Y() {
+function ee() {
   if (typeof document > "u") return;
-  const e = document.querySelector(
+  const r = (document.querySelector(
+    '[data-boring-workspace-part="chat-pane"][data-boring-state="active"]'
+  ) ?? document).querySelector(
     '[data-boring-agent] textarea[name="message"], textarea[name="message"]'
   );
-  e == null || e.focus();
+  r == null || r.focus();
 }
-function de() {
+function fe() {
   typeof window > "u" || window.requestAnimationFrame(() => {
-    Y(), window.setTimeout(Y, 320);
+    ee(), window.setTimeout(ee, 320);
   });
 }
-function X({ id: e, params: t }) {
-  const a = Oe(), { debug: n } = Ie(), c = fe(
-    a.subscribe,
-    a.getSnapshot,
-    a.getSnapshot
-  ), l = G(() => a.getComponents(), [a, c])[e], s = G(() => Le(e), [e]);
-  return l ? /* @__PURE__ */ r(me, { fallback: /* @__PURE__ */ r(ge, { centered: !0 }), children: /* @__PURE__ */ r(
+function E({ id: e, params: t }) {
+  const r = Le(), { debug: n } = Ae(), d = we(
+    r.subscribe,
+    r.getSnapshot,
+    r.getSnapshot
+  ), l = Y(() => r.getComponents(), [r, d])[e], s = Y(() => Ee(e), [e]);
+  return l ? /* @__PURE__ */ a(ve, { fallback: /* @__PURE__ */ a(xe, { centered: !0 }), children: /* @__PURE__ */ a(
     l,
     {
       params: { ...t, debug: n },
@@ -527,7 +562,7 @@ function X({ id: e, params: t }) {
     }
   ) }) : null;
 }
-function Le(e) {
+function Ee(e) {
   return {
     id: e,
     title: e,
@@ -563,56 +598,55 @@ function Le(e) {
     } })
   };
 }
-function q({
+function H({
   side: e,
   icon: t,
-  onClick: a,
+  onClick: r,
   label: n,
-  hint: c,
+  hint: d,
   bottomOffset: i,
   stackIndex: l = 0,
   pulse: s = !1
 }) {
-  const x = e === "right" && i !== void 0, v = l * 44;
-  return /* @__PURE__ */ r(
-    E,
+  const p = e === "right" && i !== void 0, x = l * 44;
+  return /* @__PURE__ */ a(Q, { label: n, hint: d, side: e === "left" ? "right" : "left", children: /* @__PURE__ */ a(
+    F,
     {
       type: "button",
       variant: "ghost",
       size: "icon-sm",
-      onClick: a,
+      onClick: r,
       "aria-label": n,
-      title: c ? `${n} (${c})` : n,
       className: m(
         "absolute z-30 h-9 w-9 gap-0.5 rounded-lg bg-background text-muted-foreground",
         e === "left" ? "left-2" : "right-2",
-        x ? "hover:-translate-y-0.5" : "top-1/2 hover:-translate-y-[1px]",
+        p ? "hover:-translate-y-0.5" : "top-1/2 hover:-translate-y-[1px]",
         "shadow-[0_1px_2px_-1px_oklch(0_0_0/0.08),0_2px_8px_-4px_oklch(0_0_0/0.10),inset_0_0_0_1px_oklch(from_var(--border)_l_c_h/0.7)]",
         "hover:bg-muted/60 hover:text-foreground hover:shadow-[0_2px_4px_-1px_oklch(0_0_0/0.08),0_4px_12px_-4px_oklch(0_0_0/0.10),inset_0_0_0_1px_oklch(from_var(--border)_l_c_h/0.9)]",
         "focus-visible:ring-ring/40"
       ),
-      style: x ? { bottom: i } : { transform: `translateY(calc(-50% - ${v}px))` },
-      children: t === "sessions" ? /* @__PURE__ */ u("svg", { width: "15", height: "15", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
-        /* @__PURE__ */ r("circle", { cx: "12", cy: "12", r: "9", stroke: "currentColor", strokeWidth: "1.8" }),
-        /* @__PURE__ */ r("path", { d: "M12 7v5l3.2 2", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round" })
-      ] }) : t === "chat" ? /* @__PURE__ */ u("span", { className: "relative flex items-center justify-center", children: [
-        /* @__PURE__ */ r(xe, { className: "h-[15px] w-[15px]", strokeWidth: 1.8, "aria-hidden": "true" }),
-        s ? /* @__PURE__ */ r("span", { className: "absolute -right-1.5 -top-1.5 h-2 w-2 rounded-full bg-[color:var(--accent)]", "aria-hidden": "true" }) : null
-      ] }) : /* @__PURE__ */ r("svg", { width: "15", height: "15", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ r("path", { d: "M3 7.5 A1.5 1.5 0 0 1 4.5 6 h4 l2 2 h9 A1.5 1.5 0 0 1 21 9.5 V17.5 A1.5 1.5 0 0 1 19.5 19 H4.5 A1.5 1.5 0 0 1 3 17.5 Z", stroke: "currentColor", strokeWidth: "1.8", strokeLinejoin: "round" }) })
+      style: p ? { bottom: i } : { transform: `translateY(calc(-50% - ${x}px))` },
+      children: t === "sessions" ? /* @__PURE__ */ h("svg", { width: "15", height: "15", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
+        /* @__PURE__ */ a("circle", { cx: "12", cy: "12", r: "9", stroke: "currentColor", strokeWidth: "1.8" }),
+        /* @__PURE__ */ a("path", { d: "M12 7v5l3.2 2", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round" })
+      ] }) : t === "chat" ? /* @__PURE__ */ h("span", { className: "relative flex items-center justify-center", children: [
+        /* @__PURE__ */ a(Se, { className: "h-[15px] w-[15px]", strokeWidth: 1.8, "aria-hidden": "true" }),
+        s ? /* @__PURE__ */ a("span", { className: "absolute -right-1.5 -top-1.5 h-2 w-2 rounded-full bg-[color:var(--accent)]", "aria-hidden": "true" }) : null
+      ] }) : t === "plus" ? /* @__PURE__ */ a("svg", { width: "15", height: "15", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ a("path", { d: "M12 5v14M5 12h14", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round" }) }) : /* @__PURE__ */ a("svg", { width: "15", height: "15", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ a("path", { d: "M3 7.5 A1.5 1.5 0 0 1 4.5 6 h4 l2 2 h9 A1.5 1.5 0 0 1 21 9.5 V17.5 A1.5 1.5 0 0 1 19.5 19 H4.5 A1.5 1.5 0 0 1 3 17.5 Z", stroke: "currentColor", strokeWidth: "1.8", strokeLinejoin: "round" }) })
     }
-  );
+  ) });
 }
-function Ue({
+function Je({
   appTitle: e = "Boring",
   sessionTitle: t,
-  onCommandPalette: a,
+  onCommandPalette: r,
   onNewChat: n,
-  topBarLeft: c,
+  topBarLeft: d,
   topBarRight: i,
   className: l
 }) {
   const s = i ?? null;
-  return /* @__PURE__ */ u(
+  return /* @__PURE__ */ h(
     "header",
     {
       "data-boring-workspace-part": "topbar",
@@ -623,8 +657,8 @@ function Ue({
       ),
       "aria-label": "App top bar",
       children: [
-        /* @__PURE__ */ r("div", { className: "flex min-w-0 flex-1 items-center gap-2.5 leading-none", children: c ?? /* @__PURE__ */ u(ae, { children: [
-          /* @__PURE__ */ r(
+        /* @__PURE__ */ a("div", { className: "flex min-w-0 flex-1 items-center gap-2.5 leading-none", children: d ?? /* @__PURE__ */ h(ce, { children: [
+          /* @__PURE__ */ a(
             "span",
             {
               "aria-hidden": "true",
@@ -632,32 +666,32 @@ function Ue({
               children: ((e == null ? void 0 : e[0]) ?? "B").toUpperCase()
             }
           ),
-          t ? /* @__PURE__ */ u(ae, { children: [
-            /* @__PURE__ */ r("span", { className: "shrink-0 text-[13px] font-medium leading-none tracking-tight text-foreground/65", children: e }),
-            /* @__PURE__ */ r("span", { "aria-hidden": "true", className: "text-[13px] leading-none text-muted-foreground/45", children: "·" }),
-            /* @__PURE__ */ r("span", { className: "truncate text-[13px] font-medium leading-none tracking-tight text-foreground", children: t })
-          ] }) : /* @__PURE__ */ r("span", { className: "truncate text-[13px] font-medium leading-none tracking-tight text-foreground", children: e })
+          t ? /* @__PURE__ */ h(ce, { children: [
+            /* @__PURE__ */ a("span", { className: "shrink-0 text-[13px] font-medium leading-none tracking-tight text-foreground/65", children: e }),
+            /* @__PURE__ */ a("span", { "aria-hidden": "true", className: "text-[13px] leading-none text-muted-foreground/45", children: "·" }),
+            /* @__PURE__ */ a("span", { className: "truncate text-[13px] font-medium leading-none tracking-tight text-foreground", children: t })
+          ] }) : /* @__PURE__ */ a("span", { className: "truncate text-[13px] font-medium leading-none tracking-tight text-foreground", children: e })
         ] }) }),
-        /* @__PURE__ */ u(
-          we,
+        /* @__PURE__ */ h(
+          Ce,
           {
             type: "button",
             variant: "ghost",
             size: "sm",
-            onClick: a,
+            onClick: r,
             className: "group h-7 gap-1.5 px-2 text-[13px] leading-none text-muted-foreground/75 hover:bg-muted/70 hover:text-foreground focus-visible:text-foreground",
             "aria-label": "Search catalogs and commands",
             title: "Command palette (⌘K)",
             children: [
-              /* @__PURE__ */ r(ke, { className: "h-3.5 w-3.5 shrink-0 opacity-80", strokeWidth: 1.75 }),
-              /* @__PURE__ */ r("span", { className: "font-normal tracking-tight", children: "Search" }),
-              /* @__PURE__ */ r(pe, { className: "ml-0.5 bg-muted/40 leading-none shadow-none", children: "⌘K" })
+              /* @__PURE__ */ a(Pe, { className: "h-3.5 w-3.5 shrink-0 opacity-80", strokeWidth: 1.75 }),
+              /* @__PURE__ */ a("span", { className: "font-normal tracking-tight", children: "Search" }),
+              /* @__PURE__ */ a(ke, { className: "ml-0.5 bg-muted/40 leading-none shadow-none", children: "⌘K" })
             ]
           }
         ),
-        /* @__PURE__ */ u("div", { className: "flex flex-1 shrink-0 items-center justify-end gap-1", children: [
-          n && /* @__PURE__ */ r(
-            E,
+        /* @__PURE__ */ h("div", { className: "flex flex-1 shrink-0 items-center justify-end gap-1", children: [
+          n && /* @__PURE__ */ a(
+            F,
             {
               type: "button",
               variant: "ghost",
@@ -665,7 +699,7 @@ function Ue({
               onClick: n,
               "aria-label": "New chat",
               title: "New chat",
-              children: /* @__PURE__ */ r(ye, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ a(_e, { className: "h-4 w-4" })
             }
           ),
           s
@@ -674,14 +708,14 @@ function Ue({
     }
   );
 }
-function Xe({
+function Ye({
   title: e = "Loading workspace",
   description: t = "Preparing the workspace context.",
-  status: a = "Loading",
+  status: r = "Loading",
   fullscreen: n = !0,
-  className: c
+  className: d
 }) {
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ a(
     "section",
     {
       role: "status",
@@ -690,30 +724,30 @@ function Xe({
       className: m(
         "flex h-full w-full items-center justify-center bg-background px-6 text-foreground",
         n ? "min-h-screen" : "min-h-[240px]",
-        c
+        d
       ),
-      children: /* @__PURE__ */ u("div", { className: "flex w-full max-w-sm flex-col items-center gap-5 text-center", children: [
-        /* @__PURE__ */ r("div", { className: "flex h-11 w-11 items-center justify-center rounded-lg border border-border bg-card text-foreground", children: /* @__PURE__ */ r(
+      children: /* @__PURE__ */ h("div", { className: "flex w-full max-w-sm flex-col items-center gap-5 text-center", children: [
+        /* @__PURE__ */ a("div", { className: "flex h-11 w-11 items-center justify-center rounded-lg border border-border bg-card text-foreground", children: /* @__PURE__ */ a(
           "span",
           {
             "aria-hidden": "true",
             className: "h-5 w-5 animate-spin rounded-full border-2 border-current border-t-transparent opacity-70"
           }
         ) }),
-        /* @__PURE__ */ u("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ r("h2", { className: "text-base font-medium text-foreground", children: e }),
-          t ? /* @__PURE__ */ r("p", { className: "text-sm leading-6 text-muted-foreground", children: t }) : null
+        /* @__PURE__ */ h("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ a("h2", { className: "text-base font-medium text-foreground", children: e }),
+          t ? /* @__PURE__ */ a("p", { className: "text-sm leading-6 text-muted-foreground", children: t }) : null
         ] }),
-        a ? /* @__PURE__ */ r("p", { className: "text-xs font-medium text-muted-foreground/80", children: a }) : null
+        r ? /* @__PURE__ */ a("p", { className: "text-xs font-medium text-muted-foreground/80", children: r }) : null
       ] })
     }
   );
 }
 export {
-  $e as C,
-  Ue as T,
-  Xe as W,
-  je as b,
-  Fe as r,
-  Ve as w
+  Te as C,
+  Je as T,
+  Ye as W,
+  Ge as b,
+  Ue as r,
+  Xe as w
 };