@hachej/boring-agent 0.1.111 → 0.2.1

package/dist/chunk-4XOW57KJ.js

@@ -1,343 +0,0 @@
-import {
-  cn
-} from "./chunk-2BGLZZ7T.js";
-import {
-  safeRandomUUID
-} from "./chunk-YGRQ4Q5P.js";
-
-// src/front/DebugDrawer.tsx
-import { useCallback, useEffect, useRef, useState } from "react";
-
-// src/front/agentHttp.ts
-function agentResourceUrl(apiBaseUrl, path) {
-  const base = apiBaseUrl?.replace(/\/$/, "") ?? "";
-  return `${base}${path}`;
-}
-function withStorageScope(requestHeaders, storageScope) {
-  const headers = {};
-  for (const [key, value] of Object.entries(requestHeaders ?? {})) {
-    if (value !== void 0) headers[key] = value;
-  }
-  const hasStorageScope = Object.keys(headers).some((key) => key.toLowerCase() === "x-boring-storage-scope");
-  if (storageScope && !hasStorageScope) headers["x-boring-storage-scope"] = storageScope;
-  return Object.keys(headers).length > 0 ? headers : void 0;
-}
-function createRequestId(operation) {
-  return `${operation}:${safeRandomUUID()}`;
-}
-
-// src/front/clipboard.ts
-async function copyTextToClipboard(text) {
-  if (typeof navigator !== "undefined" && navigator.clipboard?.writeText) {
-    try {
-      await navigator.clipboard.writeText(text);
-      return true;
-    } catch {
-    }
-  }
-  if (typeof document === "undefined") return false;
-  const textarea = document.createElement("textarea");
-  textarea.value = text;
-  textarea.setAttribute("readonly", "");
-  textarea.style.position = "fixed";
-  textarea.style.top = "-9999px";
-  textarea.style.left = "-9999px";
-  textarea.style.opacity = "0";
-  textarea.style.pointerEvents = "none";
-  document.body.appendChild(textarea);
-  try {
-    textarea.focus();
-    textarea.select();
-    return document.execCommand?.("copy") ?? false;
-  } catch {
-    return false;
-  } finally {
-    document.body.removeChild(textarea);
-  }
-}
-
-// src/front/DebugDrawer.tsx
-import { Button, IconButton, Tabs, TabsContent, TabsList, TabsTrigger } from "@hachej/boring-ui-kit";
-import {
-  CheckIcon,
-  ChevronDownIcon,
-  ChevronRightIcon,
-  CopyIcon,
-  RefreshCwIcon
-} from "lucide-react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function CopyButton({ value, label }) {
-  const [copied, setCopied] = useState(false);
-  const onCopy = useCallback(() => {
-    void copyTextToClipboard(value).then((ok) => {
-      if (!ok) return;
-      setCopied(true);
-      window.setTimeout(() => setCopied(false), 1200);
-    });
-  }, [value]);
-  return /* @__PURE__ */ jsx(
-    IconButton,
-    {
-      type: "button",
-      variant: "ghost",
-      size: "icon-xs",
-      onClick: onCopy,
-      className: "text-muted-foreground/60",
-      "aria-label": label,
-      title: label,
-      children: copied ? /* @__PURE__ */ jsx(CheckIcon, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx(CopyIcon, { className: "h-3 w-3" })
-    }
-  );
-}
-function DebugValue({ label, value }) {
-  return /* @__PURE__ */ jsxs("div", { className: "rounded-md border border-border/40 bg-muted/20 p-2", children: [
-    /* @__PURE__ */ jsxs("div", { className: "mb-1 flex items-center justify-between gap-2", children: [
-      /* @__PURE__ */ jsx("span", { className: "text-[10px] font-medium uppercase tracking-[0.16em] text-muted-foreground", children: label }),
-      /* @__PURE__ */ jsx(CopyButton, { value, label: `Copy ${label}` })
-    ] }),
-    /* @__PURE__ */ jsx("code", { className: "block break-all font-mono text-[11px] leading-relaxed text-foreground dark:text-zinc-100", children: value })
-  ] });
-}
-function SessionTab({ sessionId }) {
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 overflow-auto p-3 text-[11px] text-muted-foreground dark:text-zinc-300", children: [
-    /* @__PURE__ */ jsx("p", { className: "text-muted-foreground dark:text-zinc-300", children: "This web chat is backed by a runtime session. Use the id below for support or debugging." }),
-    /* @__PURE__ */ jsx(DebugValue, { label: "Runtime session id", value: sessionId })
-  ] });
-}
-var RETRY_DELAY_MS = 2500;
-var MAX_RETRIES = 20;
-function SystemPromptTab({
-  agentTypeId,
-  apiBaseUrl,
-  fetch: fetchImpl,
-  sessionId,
-  requestHeaders,
-  storageScope
-}) {
-  const [state, setState] = useState({ kind: "loading" });
-  const [retryKey, setRetryKey] = useState(0);
-  const retryCount = useRef(0);
-  const refresh = useCallback(() => {
-    retryCount.current = 0;
-    setRetryKey((k) => k + 1);
-  }, []);
-  useEffect(() => {
-    let aborted = false;
-    let retryTimer = null;
-    setState({ kind: "loading" });
-    const nextFetch = fetchImpl ?? globalThis.fetch.bind(globalThis);
-    nextFetch(agentResourceUrl(apiBaseUrl, `/api/v1/agents/${encodeURIComponent(agentTypeId)}/sessions/${encodeURIComponent(sessionId)}/system-prompt`), {
-      headers: withStorageScope(requestHeaders, storageScope)
-    }).then(async (res) => {
-      if (aborted) return;
-      if (res.ok) {
-        const payload2 = await res.json();
-        if (typeof payload2.systemPrompt === "string") {
-          retryCount.current = 0;
-          setState({ kind: "ok", text: payload2.systemPrompt });
-          return;
-        }
-      }
-      const payload = await res.json().catch(() => null);
-      const reason = payload?.error?.message ?? `HTTP ${res.status}`;
-      if (res.status === 404 && retryCount.current < MAX_RETRIES) {
-        setState({ kind: "empty", reason });
-        retryTimer = setTimeout(() => {
-          if (!aborted) {
-            retryCount.current++;
-            setRetryKey((k) => k + 1);
-          }
-        }, RETRY_DELAY_MS);
-      } else {
-        setState(res.status === 404 ? { kind: "empty", reason } : { kind: "error", reason });
-      }
-    }).catch((err) => {
-      if (!aborted) setState({ kind: "error", reason: err instanceof Error ? err.message : String(err) });
-    });
-    return () => {
-      aborted = true;
-      if (retryTimer) clearTimeout(retryTimer);
-    };
-  }, [agentTypeId, apiBaseUrl, fetchImpl, sessionId, requestHeaders, retryKey, storageScope]);
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col h-full min-h-0", children: [
-    /* @__PURE__ */ jsxs("div", { className: "shrink-0 flex items-center justify-between px-3 pt-2 pb-1 border-b border-border/40", children: [
-      /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground/80 font-mono", children: state.kind === "ok" ? `${state.text.length.toLocaleString()} chars` : state.kind === "loading" ? "loading\u2026" : state.kind === "empty" ? `waiting for session \xB7 retry ${retryCount.current}/${MAX_RETRIES}` : "error" }),
-      state.kind !== "loading" && /* @__PURE__ */ jsx(
-        IconButton,
-        {
-          type: "button",
-          variant: "ghost",
-          size: "icon-xs",
-          onClick: refresh,
-          className: "text-muted-foreground/60",
-          "aria-label": "Refresh system prompt",
-          children: /* @__PURE__ */ jsx(RefreshCwIcon, { className: "h-3 w-3" })
-        }
-      )
-    ] }),
-    (state.kind === "loading" || state.kind === "empty") && /* @__PURE__ */ jsx("p", { className: "text-[11px] text-muted-foreground p-3", children: state.kind === "loading" ? "Loading\u2026" : state.reason }),
-    state.kind === "error" && /* @__PURE__ */ jsx("p", { className: "text-[11px] text-destructive p-3", children: state.reason }),
-    state.kind === "ok" && /* @__PURE__ */ jsx("pre", { className: "flex-1 overflow-auto px-3 py-2 font-mono text-[11px] leading-relaxed text-foreground whitespace-pre-wrap break-words", children: state.text })
-  ] });
-}
-function partSummary(part) {
-  const p = part;
-  const type = p?.type ?? "?";
-  if (type === "text") {
-    const text = String(p.text ?? "");
-    return text.slice(0, 80) + (text.length > 80 ? "\u2026" : "");
-  }
-  if (type === "tool-invocation") {
-    const inv = p.toolInvocation;
-    const state = String(inv?.state ?? "");
-    return `${inv?.toolName ?? "?"}() \xB7 ${state}`;
-  }
-  if (type === "reasoning") {
-    const text = String(p.text ?? p.reasoning ?? "");
-    return text.slice(0, 80) + (text.length > 80 ? "\u2026" : "");
-  }
-  return type;
-}
-function flattenMessages(messages) {
-  const out = [];
-  for (let mi = 0; mi < messages.length; mi++) {
-    const msg = messages[mi];
-    const msgAny = msg;
-    const time = msgAny.createdAt ? new Date(msgAny.createdAt).toISOString().slice(11, 23) : null;
-    for (let pi = 0; pi < msg.parts.length; pi++) {
-      const part = msg.parts[pi];
-      out.push({
-        msgId: msg.id,
-        msgIndex: mi,
-        role: msg.role,
-        time,
-        partIndex: pi,
-        partType: part?.type ?? "unknown",
-        part
-      });
-    }
-  }
-  return out;
-}
-function MessagesTab({ messages }) {
-  const parts = flattenMessages(messages);
-  const [expanded, setExpanded] = useState(null);
-  const bottomRef = useRef(null);
-  const prevCount = useRef(parts.length);
-  useEffect(() => {
-    if (parts.length !== prevCount.current) {
-      bottomRef.current?.scrollIntoView({ behavior: "smooth" });
-      prevCount.current = parts.length;
-    }
-  }, [parts.length]);
-  if (parts.length === 0) {
-    return /* @__PURE__ */ jsx("p", { className: "text-[11px] text-muted-foreground p-3", children: "No messages yet." });
-  }
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col h-full min-h-0", children: [
-    /* @__PURE__ */ jsxs("div", { className: "shrink-0 px-3 pt-2 pb-1 text-[10px] text-muted-foreground/80 font-mono border-b border-border/40", children: [
-      messages.length,
-      " msg \xB7 ",
-      parts.length,
-      " parts"
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-auto", children: [
-      parts.map((fp) => {
-        const key = `${fp.msgId}:${fp.partIndex}`;
-        const open = expanded === key;
-        return /* @__PURE__ */ jsxs("div", { className: "border-b border-border/30 last:border-0", children: [
-          /* @__PURE__ */ jsxs(
-            Button,
-            {
-              type: "button",
-              variant: "ghost",
-              onClick: () => setExpanded(open ? null : key),
-              className: "h-auto w-full justify-start gap-1.5 rounded-none px-2 py-1.5 text-left",
-              children: [
-                /* @__PURE__ */ jsx("span", { className: "mt-0.5 shrink-0 text-muted-foreground/40", children: open ? /* @__PURE__ */ jsx(ChevronDownIcon, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx(ChevronRightIcon, { className: "h-3 w-3" }) }),
-                /* @__PURE__ */ jsx("span", { className: "font-mono text-[10px] shrink-0 w-20", children: fp.time ? /* @__PURE__ */ jsx("span", { className: "text-muted-foreground/60", children: fp.time }) : /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground/30", children: [
-                  "m",
-                  fp.msgIndex
-                ] }) }),
-                /* @__PURE__ */ jsx("span", { className: cn(
-                  "shrink-0 font-mono text-[10px] w-14",
-                  fp.role === "user" ? "text-accent" : "text-muted-foreground"
-                ), children: fp.role }),
-                /* @__PURE__ */ jsx("span", { className: "shrink-0 font-mono text-[10px] text-muted-foreground/60 w-24", children: fp.partType }),
-                /* @__PURE__ */ jsx("span", { className: "flex-1 min-w-0 font-mono text-[11px] text-foreground truncate", children: partSummary(fp.part) })
-              ]
-            }
-          ),
-          open && /* @__PURE__ */ jsx("pre", { className: "px-3 pb-2 font-mono text-[10px] leading-relaxed text-foreground/80 whitespace-pre-wrap break-words bg-muted/20", children: JSON.stringify(fp.part, null, 2) })
-        ] }, key);
-      }),
-      /* @__PURE__ */ jsx("div", { ref: bottomRef })
-    ] })
-  ] });
-}
-var TABS = [
-  { id: "session", label: "Session" },
-  { id: "prompt", label: "System prompt" },
-  { id: "messages", label: "Messages" }
-];
-var MIN_WIDTH = 280;
-var MAX_WIDTH = 800;
-function DebugDrawer({ agentTypeId, apiBaseUrl, fetch, sessionId, messages, requestHeaders, storageScope, width, onWidthChange }) {
-  const [tab, setTab] = useState("session");
-  const onDragStart = useCallback((e) => {
-    e.preventDefault();
-    const startX = e.clientX;
-    const startW = width;
-    const onMove = (ev) => {
-      const delta = startX - ev.clientX;
-      onWidthChange(Math.min(MAX_WIDTH, Math.max(MIN_WIDTH, startW + delta)));
-    };
-    const onUp = () => {
-      window.removeEventListener("mousemove", onMove);
-      window.removeEventListener("mouseup", onUp);
-    };
-    window.addEventListener("mousemove", onMove);
-    window.addEventListener("mouseup", onUp);
-  }, [width, onWidthChange]);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        onMouseDown: onDragStart,
-        className: "w-1 shrink-0 cursor-col-resize hover:bg-accent/40 active:bg-accent/60 transition-colors",
-        "aria-hidden": true
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "aside",
-      {
-        style: { width },
-        className: cn(
-          "flex h-full shrink-0 flex-col border-l border-border/60",
-          "bg-[oklch(from_var(--background)_calc(l-0.01)_c_h)]"
-        ),
-        children: /* @__PURE__ */ jsxs(Tabs, { value: tab, onValueChange: (next) => setTab(next), className: "flex flex-col flex-1 min-h-0 overflow-hidden", children: [
-          /* @__PURE__ */ jsx("header", { className: "flex shrink-0 items-center gap-0 border-b border-border/60 px-1", children: /* @__PURE__ */ jsx(TabsList, { variant: "line", className: "h-auto gap-0 p-0 w-full", children: TABS.map(({ id, label }) => /* @__PURE__ */ jsx(
-            TabsTrigger,
-            {
-              value: id,
-              className: "h-8 flex-none px-3 py-2 text-[11px] font-medium data-[state=active]:after:bg-[color:var(--accent)]",
-              children: label
-            },
-            id
-          )) }) }),
-          /* @__PURE__ */ jsx(TabsContent, { value: "session", forceMount: true, className: "flex flex-col flex-1 min-h-0 overflow-hidden data-[state=inactive]:hidden", children: /* @__PURE__ */ jsx(SessionTab, { sessionId }) }),
-          /* @__PURE__ */ jsx(TabsContent, { value: "prompt", forceMount: true, className: "flex flex-col flex-1 min-h-0 overflow-hidden data-[state=inactive]:hidden", children: /* @__PURE__ */ jsx(SystemPromptTab, { agentTypeId, apiBaseUrl, fetch, sessionId, requestHeaders, storageScope }) }),
-          /* @__PURE__ */ jsx(TabsContent, { value: "messages", forceMount: true, className: "flex flex-col flex-1 min-h-0 overflow-hidden data-[state=inactive]:hidden", children: /* @__PURE__ */ jsx(MessagesTab, { messages }) })
-        ] })
-      }
-    )
-  ] });
-}
-
-export {
-  copyTextToClipboard,
-  agentResourceUrl,
-  withStorageScope,
-  createRequestId,
-  DebugDrawer
-};