@hachej/boring-workspace 0.1.0

package/dist/WorkspaceLoadingState-By0dZoPD.js

@@ -0,0 +1,568 @@
+import { jsxs as d, jsx as o, Fragment as H } from "react/jsx-runtime";
+import { useCallback as b, useMemo as A, useEffect as S, useState as V, Suspense as X, useRef as q } from "react";
+import { LoadingState as Z, ResizeHandle as G, IconButton as $, Button as J, Kbd as Q } from "@hachej/boring-ui-kit";
+import { c as g } from "./utils-B6yFEsav.js";
+import { $ as Y, a6 as ee, E as te, am as ne, ak as re, u as oe } from "./CommandPalette-aM61U-b0.js";
+import { Search as ae, Plus as ie } from "lucide-react";
+function be(e, t, r = !0) {
+  if (!r || 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 we(e, t, r = !0) {
+  if (!(!r || typeof window > "u"))
+    try {
+      window.localStorage.setItem(e, t ? "1" : "0");
+    } catch {
+    }
+}
+function F(e, t, r = !0) {
+  if (!r || typeof window > "u") return t;
+  try {
+    const n = window.localStorage.getItem(e);
+    if (n === null) return t;
+    const i = Number(n);
+    return Number.isFinite(i) ? i : t;
+  } catch {
+  }
+  return t;
+}
+function se(e, t, r = !0) {
+  if (!(!r || typeof window > "u"))
+    try {
+      window.localStorage.setItem(e, String(Math.round(t)));
+    } catch {
+    }
+}
+function ve(e = {}) {
+  const {
+    nav: t = "session-list",
+    navParams: r,
+    center: n = "chat",
+    centerParams: i,
+    surface: c,
+    surfaceParams: l,
+    sidebar: s,
+    sidebarParams: w
+  } = e, p = [];
+  return t && p.push({
+    id: "nav",
+    position: "left",
+    panel: t,
+    params: r,
+    locked: !0,
+    hideHeader: !0,
+    constraints: { minWidth: 60, maxWidth: 60 }
+  }), p.push({
+    id: "center",
+    position: "center",
+    panel: n,
+    params: i,
+    hideHeader: !0
+  }), s && p.push({
+    id: "sidebar",
+    position: "left",
+    panel: s,
+    params: w,
+    hideHeader: !0,
+    collapsible: !0,
+    collapsedWidth: 40,
+    constraints: { minWidth: 200, maxWidthViewportRatio: 0.5 }
+  }), c && p.push({
+    id: "surface",
+    position: "right",
+    panel: c,
+    params: l,
+    hideHeader: !0,
+    dynamic: !0,
+    placeholder: "empty"
+  }), { version: "2.0", groups: p };
+}
+function xe(e) {
+  const t = e.nav !== null, r = e.surface !== void 0, n = !!e.surface, i = e.nav || "session-list", c = e.center ?? "chat", l = e.surface || "artifact-surface", s = ce(), [w, p] = j(
+    e.storageKey ? `${e.storageKey}:drawerWidth` : void 0,
+    260
+  ), [T, U] = j(
+    e.storageKey ? `${e.storageKey}:surfaceWidth` : void 0,
+    680
+  ), f = Y(), W = C(w, 200, 360), M = Math.max(480, Math.floor(s * 0.72)), P = C(T, 480, M), z = N(e.centerParams, "getSurface"), I = N(e.centerParams, "isWorkbenchOpen"), O = N(e.centerParams, "openWorkbench"), u = R(e.navParams, "onClose"), h = R(e.surfaceParams, "onClose"), B = R(e.navParams, "onCreate"), v = t ? !!u : !!e.onOpenNav, x = n ? !!h : !!e.onOpenSurface, y = b(() => {
+    var a;
+    if (t) {
+      u == null || u();
+      return;
+    }
+    (a = e.onOpenNav) == null || a.call(e);
+  }, [u, t, e.onOpenNav]), k = b(() => {
+    var a;
+    if (n) {
+      h == null || h();
+      return;
+    }
+    (a = e.onOpenSurface) == null || a.call(e);
+  }, [h, e.onOpenSurface, n]), _ = b(() => {
+    t && (u == null || u()), n && (h == null || h()), D(), de();
+  }, [u, h, t, n]);
+  return ee({
+    shortcuts: A(() => {
+      const a = [];
+      return v && a.push({ key: "1", mod: !0, handler: y }), x && a.push({ key: "2", mod: !0, handler: k }), c === "chat" && a.push({ key: "Escape", allowInEditable: !0, handler: _ }), a;
+    }, [v, x, c, _, y, k])
+  }), S(() => {
+    const a = "workspace:chat-layout", m = "agent:chat-layout";
+    return f.unregisterByPluginId(a), f.unregisterByPluginId(m), f.registerCommand({
+      id: "workspace:open-session-history",
+      title: t ? "Close Session History" : "Open Session History",
+      keywords: ["sessions", "history", "drawer", t ? "close" : "open"],
+      shortcut: "⌘1",
+      pluginId: a,
+      when: () => v,
+      run: y
+    }), f.registerCommand({
+      id: "workspace:open-workbench",
+      title: n ? "Close Workbench" : "Open Workbench",
+      keywords: ["surface", "artifacts", "sources", "workbench", n ? "close" : "open"],
+      shortcut: "⌘2",
+      pluginId: a,
+      when: () => x,
+      run: k
+    }), c === "chat" && f.registerCommand({
+      id: "agent:focus-chat",
+      title: "Focus Chat",
+      keywords: ["agent", "chat", "prompt", "composer", "input", "focus"],
+      pluginId: m,
+      run: _
+    }), B && f.registerCommand({
+      id: "agent:new-chat",
+      title: "New Chat",
+      keywords: ["agent", "chat", "session", "new"],
+      pluginId: m,
+      run: B
+    }), () => {
+      f.unregisterByPluginId(a), f.unregisterByPluginId(m);
+    };
+  }, [
+    f,
+    t,
+    c,
+    r,
+    n,
+    e.navParams,
+    e.surfaceParams,
+    e.onOpenNav,
+    e.onOpenSurface,
+    v,
+    x,
+    u,
+    h,
+    B,
+    _,
+    y,
+    k
+  ]), S(() => {
+    if (!z || !I || !O) return;
+    const a = {
+      surface: z,
+      isWorkbenchOpen: I,
+      openWorkbench: O
+    };
+    return te.on(ne.uiCommand, ({ command: m }) => {
+      re(m, a);
+    });
+  }, [z, I, O]), /* @__PURE__ */ d(
+    "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__ */ d(
+          "aside",
+          {
+            "data-boring-workspace-part": "session-drawer",
+            "data-boring-state": t ? "expanded" : "collapsed",
+            "aria-label": "Session browser",
+            "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-r border-[color:oklch(from_var(--border)_l_c_h/0.6)]"
+            ),
+            style: {
+              width: t ? W : 0,
+              minWidth: t ? W : 0,
+              maxWidth: t ? W : 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: /* @__PURE__ */ o(L, { id: i, params: e.navParams })
+                }
+              ),
+              t ? /* @__PURE__ */ o(
+                E,
+                {
+                  side: "drawer-right",
+                  ariaLabel: "Resize sessions drawer",
+                  onResize: (a) => p((m) => C(m + a, 200, 360))
+                }
+              ) : null
+            ]
+          }
+        ),
+        /* @__PURE__ */ d(
+          "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(L, { id: c, params: e.centerParams }),
+              !t && e.onOpenNav ? /* @__PURE__ */ o(
+                K,
+                {
+                  side: "left",
+                  icon: "sessions",
+                  onClick: e.onOpenNav,
+                  label: "Sessions",
+                  hint: "⌘1"
+                }
+              ) : null,
+              !n && e.onOpenSurface ? /* @__PURE__ */ o(
+                K,
+                {
+                  side: "right",
+                  icon: "workbench",
+                  onClick: e.onOpenSurface,
+                  label: "Workbench",
+                  hint: "⌘2"
+                }
+              ) : null
+            ]
+          }
+        ),
+        r ? /* @__PURE__ */ d(
+          "aside",
+          {
+            "data-boring-workspace-part": "workbench",
+            "data-boring-state": n ? "expanded" : "collapsed",
+            "aria-label": n ? "Surface" : void 0,
+            "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-l border-[color:oklch(from_var(--border)_l_c_h/0.6)]"
+            ),
+            style: {
+              width: n ? P : 0,
+              minWidth: n ? P : 0,
+              maxWidth: n ? P : 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(L, { id: l, params: e.surfaceParams })
+                }
+              ),
+              n ? /* @__PURE__ */ o(
+                E,
+                {
+                  side: "surface-left",
+                  ariaLabel: "Resize workbench",
+                  onResize: (a) => U((m) => C(m - a, 480, M))
+                }
+              ) : null
+            ]
+          }
+        ) : null
+      ]
+    }
+  );
+}
+function C(e, t, r) {
+  return Math.max(t, Math.min(r, e));
+}
+function j(e, t) {
+  const [r, n] = V(
+    () => e ? F(e, t) : t
+  );
+  S(() => {
+    n(e ? F(e, t) : t);
+  }, [e, t]);
+  const i = b(
+    (c) => {
+      n((l) => {
+        const s = typeof c == "function" ? c(l) : c;
+        return e && se(e, s), s;
+      });
+    },
+    [e]
+  );
+  return [r, i];
+}
+function ce() {
+  const [e, t] = V(() => typeof window < "u" ? window.innerWidth : 1200);
+  return S(() => {
+    const r = () => t(window.innerWidth);
+    return window.addEventListener("resize", r), () => window.removeEventListener("resize", r);
+  }, []), e;
+}
+function E({ side: e, ariaLabel: t, onResize: r }) {
+  const n = q(null), i = b((s) => {
+    s.preventDefault(), n.current = s.clientX, s.currentTarget.setPointerCapture(s.pointerId), document.body.style.cursor = "col-resize", document.body.style.userSelect = "none";
+  }, []), c = b((s) => {
+    if (n.current === null) return;
+    const w = s.clientX - n.current;
+    n.current = s.clientX, r(w);
+  }, [r]), l = b((s) => {
+    n.current !== null && (n.current = null, s.currentTarget.releasePointerCapture(s.pointerId), document.body.style.cursor = "", document.body.style.userSelect = "");
+  }, []);
+  return /* @__PURE__ */ o(
+    G,
+    {
+      "aria-label": t,
+      orientation: "vertical",
+      onResizeStart: i,
+      onPointerMove: c,
+      onPointerUp: l,
+      onPointerCancel: l,
+      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 N(e, t) {
+  const r = e == null ? void 0 : e[t];
+  return typeof r == "function" ? r : void 0;
+}
+function R(e, t) {
+  return N(e, t);
+}
+function D() {
+  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(() => {
+    D(), window.setTimeout(D, 320);
+  });
+}
+function L({ id: e, params: t }) {
+  const r = oe(), i = A(() => r.getComponents(), [r])[e], c = A(() => le(e), [e]);
+  return i ? /* @__PURE__ */ o(X, { fallback: /* @__PURE__ */ o(Z, { centered: !0 }), children: /* @__PURE__ */ o(
+    i,
+    {
+      params: t,
+      api: c,
+      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 K({
+  side: e,
+  icon: t,
+  onClick: r,
+  label: n,
+  hint: i
+}) {
+  return /* @__PURE__ */ o(
+    $,
+    {
+      type: "button",
+      variant: "ghost",
+      size: "icon-sm",
+      onClick: r,
+      "aria-label": n,
+      title: i ? `${n} (${i})` : n,
+      className: g(
+        "absolute top-1/2 z-30 h-9 w-9 -translate-y-1/2 gap-0.5 rounded-lg bg-background text-muted-foreground",
+        e === "left" ? "left-2" : "right-2",
+        "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:-translate-y-[calc(50%+1px)] 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"
+      ),
+      children: t === "sessions" ? /* @__PURE__ */ d("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 ye({
+  appTitle: e = "Boring",
+  sessionTitle: t,
+  onCommandPalette: r,
+  onNewChat: n,
+  topBarLeft: i,
+  topBarRight: c,
+  className: l
+}) {
+  const s = c ?? null;
+  return /* @__PURE__ */ d(
+    "header",
+    {
+      "data-boring-workspace-part": "topbar",
+      className: g(
+        "relative flex items-center justify-between gap-3 px-4",
+        "bg-background border-b border-[color:oklch(from_var(--border)_l_c_h/0.4)]",
+        l
+      ),
+      style: { height: 52 },
+      "aria-label": "App top bar",
+      children: [
+        /* @__PURE__ */ o("div", { className: "flex min-w-0 flex-1 items-center gap-2.5", children: i ?? /* @__PURE__ */ d(H, { children: [
+          /* @__PURE__ */ o(
+            "div",
+            {
+              "aria-hidden": "true",
+              className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-md bg-foreground text-[12px] font-semibold text-background",
+              children: e.charAt(0).toUpperCase()
+            }
+          ),
+          /* @__PURE__ */ o("span", { className: "truncate text-[13px] font-medium tracking-tight text-foreground", children: e }),
+          t && /* @__PURE__ */ d(H, { children: [
+            /* @__PURE__ */ o("span", { "aria-hidden": "true", className: "text-muted-foreground/30", children: "/" }),
+            /* @__PURE__ */ o("span", { className: "truncate text-[13px] font-normal text-muted-foreground", children: t })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ d(
+          J,
+          {
+            type: "button",
+            variant: "ghost",
+            size: "sm",
+            onClick: r,
+            className: "group h-7 gap-1.5 px-1.5 text-[12.5px] text-muted-foreground/60 hover:bg-transparent hover:text-foreground focus-visible:text-foreground",
+            "aria-label": "Search catalogs and commands",
+            title: "Command palette (⌘K)",
+            children: [
+              /* @__PURE__ */ o(ae, { className: "h-3.5 w-3.5 shrink-0 opacity-70", strokeWidth: 1.75 }),
+              /* @__PURE__ */ o("span", { className: "font-normal tracking-tight", children: "Search" }),
+              /* @__PURE__ */ o(Q, { className: "ml-1 border-0 bg-transparent p-0 text-[10px] shadow-none group-hover:text-muted-foreground", children: "⌘K" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ d("div", { className: "flex flex-1 shrink-0 items-center justify-end gap-1", children: [
+          n && /* @__PURE__ */ o(
+            $,
+            {
+              type: "button",
+              variant: "ghost",
+              size: "icon-sm",
+              onClick: n,
+              "aria-label": "New chat",
+              title: "New chat",
+              children: /* @__PURE__ */ o(ie, { className: "h-4 w-4" })
+            }
+          ),
+          s
+        ] })
+      ]
+    }
+  );
+}
+function ke({
+  title: e = "Loading workspace",
+  description: t = "Preparing the workspace context.",
+  status: r = "Loading",
+  fullscreen: n = !0,
+  className: i
+}) {
+  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",
+        n ? "min-h-screen" : "min-h-[240px]",
+        i
+      ),
+      children: /* @__PURE__ */ d("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__ */ d("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ o("h2", { className: "text-base font-medium text-foreground", children: e }),
+          t ? /* @__PURE__ */ o("p", { className: "text-sm leading-6 text-muted-foreground", children: t }) : null
+        ] }),
+        r ? /* @__PURE__ */ o("p", { className: "text-xs font-medium text-muted-foreground/80", children: r }) : null
+      ] })
+    }
+  );
+}
+export {
+  xe as C,
+  ye as T,
+  ke as W,
+  ve as b,
+  be as r,
+  we as w
+};

package/dist/agent-tool-NvxKfist.d.ts

@@ -0,0 +1,28 @@
+type JSONSchema = Record<string, unknown>;
+interface ToolExecContext {
+    abortSignal: AbortSignal;
+    toolCallId: string;
+    onUpdate?: (partial: string) => void;
+}
+interface ToolResult {
+    content: Array<{
+        type: "text";
+        text: string;
+    }>;
+    isError?: boolean;
+    details?: unknown;
+}
+/**
+ * Structural tool contract accepted from workspace plugins and UI tool
+ * factories. Kept agent-runtime-neutral so only the app integration layer
+ * needs to import @hachej/boring-agent.
+ */
+interface AgentTool {
+    name: string;
+    description: string;
+    promptSnippet?: string;
+    parameters: JSONSchema;
+    execute(params: Record<string, unknown>, ctx: ToolExecContext): Promise<ToolResult>;
+}
+
+export type { AgentTool as A, JSONSchema as J, ToolExecContext as T, ToolResult as a };