@hachej/boring-workspace 0.1.30 → 0.1.32

package/dist/WorkspaceLoadingState-DJF_4S4_.js

@@ -1,613 +0,0 @@
-import { jsxs as l, jsx as o, Fragment as U } from "react/jsx-runtime";
-import { useCallback as b, useMemo as H, useEffect as z, useState as G, useSyncExternalStore as Y, Suspense as ee, useRef as ne } from "react";
-import { IconButton as K, LoadingState as te, ResizeHandle as re, Button as oe, Kbd as ae } from "@hachej/boring-ui-kit";
-import { c as g } from "./utils-B6yFEsav.js";
-import { a2 as ie, ad as se, E as ce, aw as de, au as le, u as ue, ao as he } from "./WorkspaceProvider-0V-2x7AH.js";
-import { Search as me, Plus as fe } from "lucide-react";
-function _e(e, n, r = !0) {
-  if (!r || typeof window > "u") return n;
-  try {
-    const t = window.localStorage.getItem(e);
-    if (t === "1") return !0;
-    if (t === "0") return !1;
-  } catch {
-  }
-  return n;
-}
-function We(e, n, r = !0) {
-  if (!(!r || typeof window > "u"))
-    try {
-      window.localStorage.setItem(e, n ? "1" : "0");
-    } catch {
-    }
-}
-function X(e, n, r = !0) {
-  if (!r || typeof window > "u") return n;
-  try {
-    const t = window.localStorage.getItem(e);
-    if (t === null) return n;
-    const c = Number(t);
-    return Number.isFinite(c) ? c : n;
-  } catch {
-  }
-  return n;
-}
-function ge(e, n, r = !0) {
-  if (!(!r || typeof window > "u"))
-    try {
-      window.localStorage.setItem(e, String(Math.round(n)));
-    } catch {
-    }
-}
-function Ne(e = {}) {
-  const {
-    nav: n = "session-list",
-    navParams: r,
-    center: t = "chat",
-    centerParams: c,
-    surface: s,
-    surfaceParams: d,
-    sidebar: i,
-    sidebarParams: k
-  } = e, w = [];
-  return n && w.push({
-    id: "nav",
-    position: "left",
-    panel: n,
-    params: r,
-    locked: !0,
-    hideHeader: !0,
-    constraints: { minWidth: 60, maxWidth: 60 }
-  }), w.push({
-    id: "center",
-    position: "center",
-    panel: t,
-    params: c,
-    hideHeader: !0
-  }), i && w.push({
-    id: "sidebar",
-    position: "left",
-    panel: i,
-    params: k,
-    hideHeader: !0,
-    collapsible: !0,
-    collapsedWidth: 40,
-    constraints: { minWidth: 200, maxWidthViewportRatio: 0.5 }
-  }), s && w.push({
-    id: "surface",
-    position: "right",
-    panel: s,
-    params: d,
-    hideHeader: !0,
-    dynamic: !0,
-    placeholder: "empty"
-  }), { version: "2.0", groups: w };
-}
-function Pe(e) {
-  const n = e.nav !== null, r = e.surface !== void 0, t = !!e.surface, c = e.nav || "session-list", s = e.center ?? "chat", d = e.surface || "artifact-surface", i = be(), [k, w] = q(
-    e.storageKey ? `${e.storageKey}:drawerWidth` : void 0,
-    260
-  ), [J, Q] = q(
-    e.storageKey ? `${e.storageKey}:surfaceWidth` : void 0,
-    680
-  ), h = ie(), I = O(k, 200, 360), j = Math.max(480, Math.floor(i * 0.72)), L = O(J, 480, j), R = x(e.centerParams, "getSurface"), D = x(e.centerParams, "isWorkbenchOpen"), A = x(e.centerParams, "openWorkbench"), V = x(e.centerParams, "openWorkbenchSources"), $ = x(e.centerParams, "closeWorkbench"), m = B(e.navParams, "onClose"), u = B(e.surfaceParams, "onClose"), p = B(e.sidebarParams, "onClose"), M = B(e.navParams, "onCreate"), v = !!e.sidebar, y = n ? !!m : !!e.onOpenNav, C = t ? !!u : !!e.onOpenSurface, S = v ? !!p : !!e.onOpenSidebar, _ = b(() => {
-    var a;
-    if (n) {
-      m == null || m();
-      return;
-    }
-    (a = e.onOpenNav) == null || a.call(e);
-  }, [m, n, e.onOpenNav]), W = b(() => {
-    var a;
-    if (t) {
-      u == null || u();
-      return;
-    }
-    (a = e.onOpenSurface) == null || a.call(e);
-  }, [u, e.onOpenSurface, t]), N = b(() => {
-    var a;
-    if (v) {
-      p == null || p();
-      return;
-    }
-    (a = e.onOpenSidebar) == null || a.call(e);
-  }, [p, e.onOpenSidebar, v]), P = b(() => {
-    n && (m == null || m()), t && (u == null || u()), F(), we();
-  }, [m, u, n, t]);
-  return se({
-    shortcuts: H(() => {
-      const a = [];
-      return y && a.push({ key: "1", mod: !0, handler: _ }), C && a.push({ key: "2", mod: !0, handler: W }), S && a.push({ key: "3", mod: !0, allowInEditable: !0, handler: N }), s === "chat" && a.push({ key: "Escape", allowInEditable: !0, handler: P }), a;
-    }, [y, S, C, s, P, _, N, W])
-  }), z(() => {
-    const a = "workspace:chat-layout", f = "agent:chat-layout";
-    return h.unregisterByPluginId(a), h.unregisterByPluginId(f), h.registerCommand({
-      id: "workspace:open-session-history",
-      title: n ? "Close Session History" : "Open Session History",
-      keywords: ["sessions", "history", "drawer", n ? "close" : "open"],
-      shortcut: "⌘1",
-      pluginId: a,
-      when: () => y,
-      run: _
-    }), h.registerCommand({
-      id: "workspace:open-workbench",
-      title: t ? "Close Workbench" : "Open Workbench",
-      keywords: ["surface", "artifacts", "sources", "workbench", t ? "close" : "open"],
-      shortcut: "⌘2",
-      pluginId: a,
-      when: () => C,
-      run: W
-    }), h.registerCommand({
-      id: "workspace:toggle-workbench-left-panel",
-      title: v ? "Close Workbench Left Panel" : "Open Workbench Left Panel",
-      keywords: ["left", "sidebar", "tabs", "workbench", v ? "close" : "open"],
-      shortcut: "⌘3",
-      pluginId: a,
-      when: () => S,
-      run: N
-    }), s === "chat" && h.registerCommand({
-      id: "agent:focus-chat",
-      title: "Focus Chat",
-      keywords: ["agent", "chat", "prompt", "composer", "input", "focus"],
-      pluginId: f,
-      run: P
-    }), M && h.registerCommand({
-      id: "agent:new-chat",
-      title: "New Chat",
-      keywords: ["agent", "chat", "session", "new"],
-      pluginId: f,
-      run: M
-    }), () => {
-      h.unregisterByPluginId(a), h.unregisterByPluginId(f);
-    };
-  }, [
-    h,
-    n,
-    s,
-    r,
-    t,
-    e.navParams,
-    e.surfaceParams,
-    e.onOpenNav,
-    e.onOpenSurface,
-    e.onOpenSidebar,
-    y,
-    C,
-    S,
-    m,
-    u,
-    p,
-    M,
-    P,
-    v,
-    _,
-    W,
-    N
-  ]), z(() => {
-    if (!R || !D || !A) return;
-    const a = {
-      surface: R,
-      isWorkbenchOpen: D,
-      openWorkbench: A,
-      openWorkbenchSources: V,
-      closeWorkbench: $
-    };
-    return ce.on(de.uiCommand, ({ command: f }) => {
-      le(f, a);
-    });
-  }, [R, D, A, V, $]), /* @__PURE__ */ l(
-    "div",
-    {
-      "data-boring-workspace": "",
-      "data-boring-workspace-part": "shell",
-      className: g("relative flex h-full min-h-0 w-full overflow-hidden bg-background", e.className),
-      children: [
-        /* @__PURE__ */ l(
-          "aside",
-          {
-            "data-boring-workspace-part": "session-drawer",
-            "data-boring-state": n ? "expanded" : "collapsed",
-            "aria-label": "Session browser",
-            "aria-hidden": !n,
-            className: g(
-              "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)]",
-              n && "border-r border-[color:oklch(from_var(--border)_l_c_h/0.6)]"
-            ),
-            style: {
-              width: n ? I : 0,
-              minWidth: n ? I : 0,
-              maxWidth: n ? I : 0,
-              willChange: "width"
-            },
-            children: [
-              /* @__PURE__ */ o(
-                "div",
-                {
-                  className: g(
-                    "h-full min-h-0 overflow-hidden",
-                    "transition-opacity duration-[200ms] ease-[cubic-bezier(0.22,1,0.36,1)]",
-                    n ? "opacity-100" : "opacity-0"
-                  ),
-                  children: /* @__PURE__ */ o(E, { id: c, params: e.navParams })
-                }
-              ),
-              n ? /* @__PURE__ */ o(
-                T,
-                {
-                  side: "drawer-right",
-                  ariaLabel: "Resize sessions drawer",
-                  onResize: (a) => w((f) => O(f + a, 200, 360))
-                }
-              ) : null
-            ]
-          }
-        ),
-        /* @__PURE__ */ l(
-          "main",
-          {
-            "data-boring-workspace-part": "chat-stage",
-            "aria-label": "Chat stage",
-            className: "relative h-full min-h-0 min-w-0 flex-1 overflow-hidden bg-background",
-            children: [
-              /* @__PURE__ */ o(E, { id: s, params: e.centerParams }),
-              !n && e.onOpenNav ? /* @__PURE__ */ o(
-                Z,
-                {
-                  side: "left",
-                  icon: "sessions",
-                  onClick: e.onOpenNav,
-                  label: "Sessions",
-                  hint: "⌘1"
-                }
-              ) : null,
-              !t && e.onOpenSurface ? /* @__PURE__ */ o(
-                Z,
-                {
-                  side: "right",
-                  icon: "workbench",
-                  onClick: e.onOpenSurface,
-                  label: "Workbench",
-                  hint: "⌘2",
-                  bottomOffset: e.surfaceButtonBottomOffset
-                }
-              ) : null
-            ]
-          }
-        ),
-        r ? /* @__PURE__ */ l(
-          "aside",
-          {
-            "data-boring-workspace-part": "workbench",
-            "data-boring-state": t ? "expanded" : "collapsed",
-            "aria-label": t ? "Surface" : void 0,
-            "aria-hidden": !t,
-            className: g(
-              "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-l border-[color:oklch(from_var(--border)_l_c_h/0.6)]"
-            ),
-            style: {
-              width: t ? L : 0,
-              minWidth: t ? L : 0,
-              maxWidth: t ? L : 0,
-              willChange: "width"
-            },
-            children: [
-              /* @__PURE__ */ o(
-                "div",
-                {
-                  className: g(
-                    "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: e.surfaceOverlay ? /* @__PURE__ */ l("div", { className: "relative h-full min-h-0", children: [
-                    e.surfaceOverlay,
-                    u ? /* @__PURE__ */ o(
-                      K,
-                      {
-                        type: "button",
-                        variant: "ghost",
-                        size: "icon-sm",
-                        onClick: u,
-                        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__ */ o("span", { "aria-hidden": "true", children: "›" })
-                      }
-                    ) : null
-                  ] }) : /* @__PURE__ */ o(E, { id: d, params: e.surfaceParams })
-                }
-              ),
-              t ? /* @__PURE__ */ o(
-                T,
-                {
-                  side: "surface-left",
-                  ariaLabel: "Resize workbench",
-                  onResize: (a) => Q((f) => O(f - a, 480, j))
-                }
-              ) : null
-            ]
-          }
-        ) : null
-      ]
-    }
-  );
-}
-function O(e, n, r) {
-  return Math.max(n, Math.min(r, e));
-}
-function q(e, n) {
-  const [r, t] = G(
-    () => e ? X(e, n) : n
-  );
-  z(() => {
-    t(e ? X(e, n) : n);
-  }, [e, n]);
-  const c = b(
-    (s) => {
-      t((d) => {
-        const i = typeof s == "function" ? s(d) : s;
-        return e && ge(e, i), i;
-      });
-    },
-    [e]
-  );
-  return [r, c];
-}
-function be() {
-  const [e, n] = G(() => typeof window < "u" ? window.innerWidth : 1200);
-  return z(() => {
-    const r = () => n(window.innerWidth);
-    return window.addEventListener("resize", r), () => window.removeEventListener("resize", r);
-  }, []), e;
-}
-function T({ side: e, ariaLabel: n, onResize: r }) {
-  const t = ne(null), c = b((i) => {
-    i.preventDefault(), t.current = i.clientX, i.currentTarget.setPointerCapture(i.pointerId), document.body.style.cursor = "col-resize", document.body.style.userSelect = "none";
-  }, []), s = b((i) => {
-    if (t.current === null) return;
-    const k = i.clientX - t.current;
-    t.current = i.clientX, r(k);
-  }, [r]), d = b((i) => {
-    t.current !== null && (t.current = null, i.currentTarget.releasePointerCapture(i.pointerId), document.body.style.cursor = "", document.body.style.userSelect = "");
-  }, []);
-  return /* @__PURE__ */ o(
-    re,
-    {
-      "aria-label": n,
-      orientation: "vertical",
-      onResizeStart: c,
-      onPointerMove: s,
-      onPointerUp: d,
-      onPointerCancel: d,
-      className: g(
-        "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 x(e, n) {
-  const r = e == null ? void 0 : e[n];
-  return typeof r == "function" ? r : void 0;
-}
-function B(e, n) {
-  return x(e, n);
-}
-function F() {
-  if (typeof document > "u") return;
-  const e = document.querySelector(
-    '[data-boring-agent] textarea[name="message"], textarea[name="message"]'
-  );
-  e == null || e.focus();
-}
-function we() {
-  typeof window > "u" || window.requestAnimationFrame(() => {
-    F(), window.setTimeout(F, 320);
-  });
-}
-function E({ id: e, params: n }) {
-  const r = ue(), { debug: t } = he(), c = Y(
-    r.subscribe,
-    r.getSnapshot,
-    r.getSnapshot
-  ), d = H(() => r.getComponents(), [r, c])[e], i = H(() => pe(e), [e]);
-  return d ? /* @__PURE__ */ o(ee, { fallback: /* @__PURE__ */ o(te, { centered: !0 }), children: /* @__PURE__ */ o(
-    d,
-    {
-      params: { ...n, debug: t },
-      api: i,
-      containerApi: {}
-    }
-  ) }) : null;
-}
-function pe(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 Z({
-  side: e,
-  icon: n,
-  onClick: r,
-  label: t,
-  hint: c,
-  bottomOffset: s
-}) {
-  const d = e === "right" && s !== void 0;
-  return /* @__PURE__ */ o(
-    K,
-    {
-      type: "button",
-      variant: "ghost",
-      size: "icon-sm",
-      onClick: r,
-      "aria-label": t,
-      title: c ? `${t} (${c})` : t,
-      className: g(
-        "absolute z-30 h-9 w-9 gap-0.5 rounded-lg bg-background text-muted-foreground",
-        e === "left" ? "left-2" : "right-2",
-        d ? "hover:-translate-y-0.5" : "top-1/2 -translate-y-1/2 hover:-translate-y-[calc(50%+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: d ? { bottom: s } : void 0,
-      children: n === "sessions" ? /* @__PURE__ */ l("svg", { width: "15", height: "15", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
-        /* @__PURE__ */ o("circle", { cx: "12", cy: "12", r: "9", stroke: "currentColor", strokeWidth: "1.8" }),
-        /* @__PURE__ */ o("path", { d: "M12 7v5l3.2 2", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round" })
-      ] }) : /* @__PURE__ */ o("svg", { width: "15", height: "15", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ o("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 Oe({
-  appTitle: e = "Boring",
-  sessionTitle: n,
-  onCommandPalette: r,
-  onNewChat: t,
-  topBarLeft: c,
-  topBarRight: s,
-  className: d
-}) {
-  const i = s ?? null;
-  return /* @__PURE__ */ l(
-    "header",
-    {
-      "data-boring-workspace-part": "topbar",
-      className: g(
-        "relative flex h-11 items-center justify-between gap-2 px-3",
-        "bg-background border-b border-border",
-        d
-      ),
-      "aria-label": "App top bar",
-      children: [
-        /* @__PURE__ */ o("div", { className: "flex min-w-0 flex-1 items-center gap-2.5 leading-none", children: c ?? /* @__PURE__ */ l(U, { children: [
-          /* @__PURE__ */ o(
-            "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()
-            }
-          ),
-          n ? /* @__PURE__ */ l(U, { children: [
-            /* @__PURE__ */ o("span", { className: "shrink-0 text-[13px] font-medium leading-none tracking-tight text-foreground/65", children: e }),
-            /* @__PURE__ */ o("span", { "aria-hidden": "true", className: "text-[13px] leading-none text-muted-foreground/45", children: "·" }),
-            /* @__PURE__ */ o("span", { className: "truncate text-[13px] font-medium leading-none tracking-tight text-foreground", children: n })
-          ] }) : /* @__PURE__ */ o("span", { className: "truncate text-[13px] font-medium leading-none tracking-tight text-foreground", children: e })
-        ] }) }),
-        /* @__PURE__ */ l(
-          oe,
-          {
-            type: "button",
-            variant: "ghost",
-            size: "sm",
-            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__ */ o(me, { className: "h-3.5 w-3.5 shrink-0 opacity-80", strokeWidth: 1.75 }),
-              /* @__PURE__ */ o("span", { className: "font-normal tracking-tight", children: "Search" }),
-              /* @__PURE__ */ o(ae, { className: "ml-0.5 bg-muted/40 leading-none shadow-none", children: "⌘K" })
-            ]
-          }
-        ),
-        /* @__PURE__ */ l("div", { className: "flex flex-1 shrink-0 items-center justify-end gap-1", children: [
-          t && /* @__PURE__ */ o(
-            K,
-            {
-              type: "button",
-              variant: "ghost",
-              size: "icon-sm",
-              onClick: t,
-              "aria-label": "New chat",
-              title: "New chat",
-              children: /* @__PURE__ */ o(fe, { className: "h-4 w-4" })
-            }
-          ),
-          i
-        ] })
-      ]
-    }
-  );
-}
-function Be({
-  title: e = "Loading workspace",
-  description: n = "Preparing the workspace context.",
-  status: r = "Loading",
-  fullscreen: t = !0,
-  className: c
-}) {
-  return /* @__PURE__ */ o(
-    "section",
-    {
-      role: "status",
-      "aria-live": "polite",
-      "aria-busy": "true",
-      className: g(
-        "flex h-full w-full items-center justify-center bg-background px-6 text-foreground",
-        t ? "min-h-screen" : "min-h-[240px]",
-        c
-      ),
-      children: /* @__PURE__ */ l("div", { className: "flex w-full max-w-sm flex-col items-center gap-5 text-center", children: [
-        /* @__PURE__ */ o("div", { className: "flex h-11 w-11 items-center justify-center rounded-lg border border-border bg-card text-foreground", children: /* @__PURE__ */ o(
-          "span",
-          {
-            "aria-hidden": "true",
-            className: "h-5 w-5 animate-spin rounded-full border-2 border-current border-t-transparent opacity-70"
-          }
-        ) }),
-        /* @__PURE__ */ l("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ o("h2", { className: "text-base font-medium text-foreground", children: e }),
-          n ? /* @__PURE__ */ o("p", { className: "text-sm leading-6 text-muted-foreground", children: n }) : null
-        ] }),
-        r ? /* @__PURE__ */ o("p", { className: "text-xs font-medium text-muted-foreground/80", children: r }) : null
-      ] })
-    }
-  );
-}
-export {
-  Pe as C,
-  Oe as T,
-  Be as W,
-  Ne as b,
-  _e as r,
-  We as w
-};