@hachej/boring-workspace 0.1.30 → 0.1.32

package/dist/WorkspaceLoadingState-InXsc_8G.js

@@ -0,0 +1,719 @@
+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 { 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-Cg-J1wxr.js";
+function Fe(e, t, a = !0) {
+  if (!a || typeof window > "u") return t;
+  try {
+    const n = window.localStorage.getItem(e);
+    if (n === "1") return !0;
+    if (n === "0") return !1;
+  } catch {
+  }
+  return t;
+}
+function Ve(e, t, a = !0) {
+  if (!(!a || 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;
+  try {
+    const n = window.localStorage.getItem(e);
+    if (n === null) return t;
+    const c = Number(n);
+    return Number.isFinite(c) ? c : t;
+  } catch {
+  }
+  return t;
+}
+function ze(e, t, a = !0) {
+  if (!(!a || typeof window > "u"))
+    try {
+      window.localStorage.setItem(e, String(Math.round(t)));
+    } catch {
+    }
+}
+function je(e = {}) {
+  const {
+    nav: t = "session-list",
+    navParams: a,
+    center: n = "chat",
+    centerParams: c,
+    surface: i,
+    surfaceParams: l,
+    sidebar: s,
+    sidebarParams: x
+  } = e, v = [];
+  return t && v.push({
+    id: "nav",
+    position: "left",
+    panel: t,
+    params: a,
+    locked: !0,
+    hideHeader: !0,
+    constraints: { minWidth: 60, maxWidth: 60 }
+  }), v.push({
+    id: "center",
+    position: "center",
+    panel: n,
+    params: c,
+    hideHeader: !0
+  }), s && v.push({
+    id: "sidebar",
+    position: "left",
+    panel: s,
+    params: x,
+    hideHeader: !0,
+    collapsible: !0,
+    collapsedWidth: 40,
+    constraints: { minWidth: 200, maxWidthViewportRatio: 0.5 }
+  }), i && v.push({
+    id: "surface",
+    position: "right",
+    panel: i,
+    params: l,
+    hideHeader: !0,
+    dynamic: !0,
+    placeholder: "empty"
+  }), { version: "2.0", groups: v };
+}
+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(
+    e.storageKey ? `${e.storageKey}:drawerWidth` : void 0,
+    260
+  ), [le, ue] = se(
+    e.storageKey ? `${e.storageKey}:surfaceWidth` : void 0,
+    680
+  ), [d, g] = Be(
+    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(() => {
+    var o;
+    if (t) {
+      w == null || w();
+      return;
+    }
+    (o = e.onOpenNav) == null || o.call(e);
+  }, [w, t, e.onOpenNav]), z = p(() => {
+    var o;
+    if (n) {
+      f == null || f();
+      return;
+    }
+    (o = e.onOpenSurface) == null || o.call(e);
+  }, [f, e.onOpenSurface, n]), B = p(() => {
+    var o;
+    if (C) {
+      y == null || y();
+      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(() => {
+    g((o) => {
+      var re;
+      const h = !o;
+      return h && !n && ((re = e.onOpenSurface) == null || re.call(e)), h;
+    }), N(!1);
+  }, [g, n, e.onOpenSurface]);
+  _e({
+    shortcuts: G(() => {
+      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({
+      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
+    }), 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
+    }), 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"],
+      shortcut: "⌘3",
+      pluginId: o,
+      when: () => O,
+      run: B
+    }), 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({
+      id: "agent:new-chat",
+      title: "New Chat",
+      keywords: ["agent", "chat", "session", "new"],
+      pluginId: h,
+      run: U
+    }), () => {
+      b.unregisterByPluginId(o), b.unregisterByPluginId(h);
+    };
+  }, [
+    b,
+    t,
+    i,
+    a,
+    n,
+    e.navParams,
+    e.surfaceParams,
+    e.onOpenNav,
+    e.onOpenSurface,
+    e.onOpenSidebar,
+    W,
+    P,
+    O,
+    w,
+    f,
+    y,
+    U,
+    R,
+    C,
+    I,
+    z,
+    B
+  ]), k(() => {
+    if (!V || !j || !$) return;
+    const o = {
+      surface: V,
+      isWorkbenchOpen: j,
+      openWorkbench: $,
+      openWorkbenchSources: J,
+      closeWorkbench: Q
+    };
+    return Ne.on(oe.uiCommand, ({ command: h }) => {
+      We(h, o);
+    });
+  }, [V, j, $, J, Q]), Pe(oe.agentData, () => {
+    d && N(!0);
+  }), k(() => {
+    if (!d) {
+      N(!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(
+    "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(
+          "aside",
+          {
+            "data-boring-workspace-part": "session-drawer",
+            "data-boring-state": t ? "expanded" : "collapsed",
+            "aria-label": "Session browser",
+            "aria-hidden": !t,
+            className: m(
+              "relative h-full min-h-0 shrink-0 overflow-hidden bg-background",
+              "transition-[width,min-width,max-width] duration-[280ms] ease-[cubic-bezier(0.22,1,0.36,1)]",
+              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,
+              willChange: "width"
+            },
+            children: [
+              /* @__PURE__ */ r(
+                "div",
+                {
+                  className: m(
+                    "h-full min-h-0 overflow-hidden",
+                    "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 })
+                }
+              ),
+              t ? /* @__PURE__ */ r(
+                ce,
+                {
+                  side: "drawer-right",
+                  ariaLabel: "Resize sessions drawer",
+                  onResize: (o) => v((h) => D(h + 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(
+            "main",
+            {
+              "data-boring-workspace-part": "chat-stage",
+              "data-boring-state": d ? "collapsed" : "expanded",
+              "aria-label": d ? "Collapsed chat" : "Chat",
+              "aria-hidden": d,
+              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)]"
+              ),
+              children: [
+                /* @__PURE__ */ r(
+                  "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"
+                    ),
+                    children: /* @__PURE__ */ r(X, { id: i, params: e.centerParams })
+                  }
+                ),
+                d ? null : /* @__PURE__ */ r(
+                  E,
+                  {
+                    type: "button",
+                    variant: "ghost",
+                    size: "icon-xs",
+                    onClick: L,
+                    className: "absolute right-2 top-2 z-20",
+                    "aria-label": "Collapse chat",
+                    title: "Collapse chat (⌘\\\\)",
+                    children: /* @__PURE__ */ r(ve, { className: "h-4 w-4", strokeWidth: 1.75 })
+                  }
+                )
+              ]
+            }
+          ),
+          a ? /* @__PURE__ */ u(
+            "aside",
+            {
+              "data-boring-workspace-part": "workbench",
+              "data-boring-state": n ? "expanded" : "collapsed",
+              "aria-label": n ? "Surface" : void 0,
+              "aria-hidden": !n,
+              className: m(
+                "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",
+                "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,
+                willChange: "width"
+              },
+              children: [
+                /* @__PURE__ */ r(
+                  "div",
+                  {
+                    className: m(
+                      "h-full min-h-0 overflow-hidden",
+                      "transition-[opacity,padding] duration-[200ms] ease-[cubic-bezier(0.22,1,0.36,1)]",
+                      n ? "opacity-100" : "opacity-0",
+                      // 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"
+                    ),
+                    children: e.surfaceOverlay ? /* @__PURE__ */ u("div", { className: "relative h-full min-h-0", children: [
+                      e.surfaceOverlay,
+                      f ? /* @__PURE__ */ r(
+                        E,
+                        {
+                          type: "button",
+                          variant: "ghost",
+                          size: "icon-sm",
+                          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: "›" })
+                        }
+                      ) : null
+                    ] }) : /* @__PURE__ */ r(X, { id: l, params: e.surfaceParams })
+                  }
+                ),
+                n && !d ? /* @__PURE__ */ r(
+                  ce,
+                  {
+                    side: "surface-left",
+                    ariaLabel: "Resize workbench",
+                    onResize: (o) => ue((h) => D(h - o, 480, Z))
+                  }
+                ) : null
+              ]
+            }
+          ) : null
+        ] }),
+        !t && e.onOpenNav ? /* @__PURE__ */ r(
+          q,
+          {
+            side: "left",
+            icon: "sessions",
+            onClick: e.onOpenNav,
+            label: "Sessions",
+            hint: "⌘1"
+          }
+        ) : null,
+        d ? /* @__PURE__ */ r(
+          q,
+          {
+            side: "left",
+            icon: "chat",
+            onClick: L,
+            label: "Expand chat",
+            hint: "⌘\\\\",
+            stackIndex: 1,
+            pulse: he || H.length > 0
+          }
+        ) : null,
+        !n && e.onOpenSurface ? /* @__PURE__ */ r(
+          q,
+          {
+            side: "right",
+            icon: "workbench",
+            onClick: e.onOpenSurface,
+            label: "Workbench",
+            hint: "⌘2",
+            bottomOffset: e.surfaceButtonBottomOffset
+          }
+        ) : null
+      ]
+    }
+  );
+}
+function D(e, t, a) {
+  return Math.max(t, Math.min(a, e));
+}
+function se(e, t) {
+  const [a, n] = M(
+    () => e ? ie(e, t) : t
+  );
+  k(() => {
+    n(e ? ie(e, t) : t);
+  }, [e, t]);
+  const c = p(
+    (i) => {
+      n((l) => {
+        const s = typeof i == "function" ? i(l) : i;
+        return e && ze(e, s), s;
+      });
+    },
+    [e]
+  );
+  return [a, c];
+}
+function Be(e, t) {
+  const [a, n] = M(() => !e || typeof window > "u" ? t : window.localStorage.getItem(e) === "1");
+  k(() => {
+    if (!e || typeof window > "u") {
+      n(t);
+      return;
+    }
+    const i = window.localStorage.getItem(e);
+    n(i == null ? t : i === "1");
+  }, [e, t]);
+  const c = p(
+    (i) => {
+      n((l) => {
+        const s = typeof i == "function" ? i(l) : i;
+        return e && typeof window < "u" && window.localStorage.setItem(e, s ? "1" : "0"), s;
+      });
+    },
+    [e]
+  );
+  return [a, c];
+}
+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);
+  }, []), e;
+}
+function ce({ side: e, ariaLabel: t, onResize: a }) {
+  const n = T(null), c = p((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) => {
+    if (n.current === null) return;
+    const x = s.clientX - n.current;
+    n.current = s.clientX, a(x);
+  }, [a]), l = p((s) => {
+    n.current !== null && (n.current = null, s.currentTarget.releasePointerCapture(s.pointerId), document.body.style.cursor = "", document.body.style.userSelect = "");
+  }, []);
+  return /* @__PURE__ */ r(
+    be,
+    {
+      "aria-label": t,
+      orientation: "vertical",
+      onResizeStart: c,
+      onPointerMove: i,
+      onPointerUp: l,
+      onPointerCancel: l,
+      className: m(
+        "absolute top-0 bottom-0 z-20 bg-transparent",
+        "transition-colors duration-200",
+        "hover:bg-border/70 hover:[transition-delay:150ms]",
+        "active:bg-muted-foreground/30",
+        e === "drawer-right" ? "right-0" : "left-0"
+      )
+    }
+  );
+}
+function S(e, t) {
+  const a = e == null ? void 0 : e[t];
+  return typeof a == "function" ? a : void 0;
+}
+function A(e, t) {
+  return S(e, t);
+}
+function Y() {
+  if (typeof document > "u") return;
+  const e = document.querySelector(
+    '[data-boring-agent] textarea[name="message"], textarea[name="message"]'
+  );
+  e == null || e.focus();
+}
+function de() {
+  typeof window > "u" || window.requestAnimationFrame(() => {
+    Y(), window.setTimeout(Y, 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(
+    l,
+    {
+      params: { ...t, debug: n },
+      api: s,
+      containerApi: {}
+    }
+  ) }) : null;
+}
+function Le(e) {
+  return {
+    id: e,
+    title: e,
+    setTitle: () => {
+    },
+    setActive: () => {
+    },
+    close: () => {
+    },
+    updateParameters: () => {
+    },
+    onDidParametersChange: () => ({ dispose() {
+    } }),
+    onDidActiveChange: () => ({ dispose() {
+    } }),
+    onDidDimensionsChange: () => ({ dispose() {
+    } }),
+    onDidLocationChange: () => ({ dispose() {
+    } }),
+    onDidTitleChange: () => ({ dispose() {
+    } }),
+    onWillFocus: () => ({ dispose() {
+    } }),
+    onDidFocus: () => ({ dispose() {
+    } }),
+    onDidBlur: () => ({ dispose() {
+    } }),
+    onWillVisibilityChange: () => ({ dispose() {
+    } }),
+    onDidVisibilityChange: () => ({ dispose() {
+    } }),
+    onDidConstraintsChange: () => ({ dispose() {
+    } })
+  };
+}
+function q({
+  side: e,
+  icon: t,
+  onClick: a,
+  label: n,
+  hint: c,
+  bottomOffset: i,
+  stackIndex: l = 0,
+  pulse: s = !1
+}) {
+  const x = e === "right" && i !== void 0, v = l * 44;
+  return /* @__PURE__ */ r(
+    E,
+    {
+      type: "button",
+      variant: "ghost",
+      size: "icon-sm",
+      onClick: a,
+      "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]",
+        "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" }) })
+    }
+  );
+}
+function Ue({
+  appTitle: e = "Boring",
+  sessionTitle: t,
+  onCommandPalette: a,
+  onNewChat: n,
+  topBarLeft: c,
+  topBarRight: i,
+  className: l
+}) {
+  const s = i ?? null;
+  return /* @__PURE__ */ u(
+    "header",
+    {
+      "data-boring-workspace-part": "topbar",
+      className: m(
+        "relative flex h-11 items-center justify-between gap-2 px-3",
+        "bg-background border-b border-border",
+        l
+      ),
+      "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(
+            "span",
+            {
+              "aria-hidden": "true",
+              className: "grid size-[22px] shrink-0 place-items-center rounded-sm bg-foreground text-[11px] font-semibold leading-none tracking-tight text-background",
+              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 })
+        ] }) }),
+        /* @__PURE__ */ u(
+          we,
+          {
+            type: "button",
+            variant: "ghost",
+            size: "sm",
+            onClick: a,
+            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__ */ u("div", { className: "flex flex-1 shrink-0 items-center justify-end gap-1", children: [
+          n && /* @__PURE__ */ r(
+            E,
+            {
+              type: "button",
+              variant: "ghost",
+              size: "icon-sm",
+              onClick: n,
+              "aria-label": "New chat",
+              title: "New chat",
+              children: /* @__PURE__ */ r(ye, { className: "h-4 w-4" })
+            }
+          ),
+          s
+        ] })
+      ]
+    }
+  );
+}
+function Xe({
+  title: e = "Loading workspace",
+  description: t = "Preparing the workspace context.",
+  status: a = "Loading",
+  fullscreen: n = !0,
+  className: c
+}) {
+  return /* @__PURE__ */ r(
+    "section",
+    {
+      role: "status",
+      "aria-live": "polite",
+      "aria-busy": "true",
+      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
+      ),
+      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(
+          "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
+        ] }),
+        a ? /* @__PURE__ */ r("p", { className: "text-xs font-medium text-muted-foreground/80", children: a }) : null
+      ] })
+    }
+  );
+}
+export {
+  $e as C,
+  Ue as T,
+  Xe as W,
+  je as b,
+  Fe as r,
+  Ve as w
+};