@schlessera/brain-ui-react 0.4.0

package/dist/components/chat/session-drawer.js

@@ -0,0 +1,96 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { Plus, Loader2 } from "lucide-react";
+import { api } from "../../lib/api-client.js";
+import { useChatStore } from "../../stores/chat-store.js";
+import { SlidePanel } from "../layout/slide-panel.js";
+import { cn } from "../../lib/utils.js";
+export function SessionDrawer({ open, onClose, onResume, }) {
+    const [sessions, setSessions] = useState([]);
+    const [loading, setLoading] = useState(false);
+    const clearMessages = useChatStore((s) => s.clearMessages);
+    const currentSessionId = useChatStore((s) => s.activeSessionId);
+    const runStates = useChatStore((s) => s.runStates);
+    // A running/queued session other than the one in view is reattachable. Derive
+    // it from the live per-session run-state (kept current by the frame demux)
+    // rather than the deprecated status.activeSessionId, which multi-session
+    // servers no longer send.
+    const backgroundSessionId = Object.keys(runStates).find((id) => id !== currentSessionId) ?? null;
+    useEffect(() => {
+        if (open) {
+            setLoading(true);
+            api
+                .sessions()
+                .then((data) => setSessions(data.sessions))
+                .catch(() => setSessions([]))
+                .finally(() => setLoading(false));
+        }
+    }, [open]);
+    const groups = groupSessionsByDate(sessions);
+    return (_jsx(SlidePanel, { open: open, onClose: onClose, title: "Sessions", wide: true, children: _jsxs("div", { className: "flex h-full flex-col", children: [_jsx("div", { className: "p-4", children: _jsxs("button", { onClick: () => {
+                            clearMessages();
+                            onClose();
+                        }, className: "flex w-full items-center justify-center gap-2 rounded-xl border-2 border-dashed border-primary/30 py-3 text-[13px] font-medium text-primary transition-all hover:border-primary/50 hover:bg-primary/5", children: [_jsx(Plus, { className: "h-4 w-4" }), "New conversation"] }) }), _jsxs("div", { className: "flex-1 overflow-y-auto px-2 pb-4", children: [backgroundSessionId && (_jsx("div", { className: "px-2 pb-2", children: _jsxs("button", { onClick: () => {
+                                    onResume(backgroundSessionId);
+                                    onClose();
+                                }, className: "flex w-full items-center gap-3 rounded-lg border border-primary/30 bg-primary/5 px-3 py-2.5 text-left transition-colors hover:bg-primary/10", children: [_jsx("span", { className: "h-2 w-2 shrink-0 rounded-full bg-primary", style: { animation: "breathe 2s ease-in-out infinite" } }), _jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "truncate text-[13px] font-medium text-foreground", children: "Session running..." }), _jsx("div", { className: "text-[11px] text-primary", children: "Tap to reattach" })] })] }) })), loading ? (_jsx("div", { className: "flex items-center justify-center py-12 text-muted-foreground", children: _jsx(Loader2, { className: "h-4 w-4 animate-spin" }) })) : sessions.length === 0 && !backgroundSessionId ? (_jsx("p", { className: "py-12 text-center text-xs text-muted-foreground", children: "No sessions yet" })) : (groups.map((group) => (_jsxs("div", { children: [_jsx("div", { className: "px-3 py-2 font-[family-name:var(--font-mono)] text-[10px] font-medium uppercase tracking-widest text-muted-foreground/40", children: group.label }), group.sessions.map((session) => (_jsxs("button", { onClick: () => {
+                                        onResume(session.id);
+                                        onClose();
+                                    }, className: cn("w-full rounded-lg px-3 py-2.5 text-left transition-colors hover:bg-surface-raised", session.id === currentSessionId &&
+                                        "border-l-2 border-primary bg-primary/5"), children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "min-w-0 flex-1 truncate text-[13px] font-medium text-foreground", children: session.title || "Untitled" }), _jsx(RunBadge, { state: runStates[session.id] })] }), _jsxs("div", { className: "mt-0.5 flex items-center gap-2", children: [_jsx("span", { className: "text-[11px] text-muted-foreground", children: formatRelativeTime(session.lastActiveAt) }), session.totalCostUsd != null &&
+                                                    session.totalCostUsd > 0 && (_jsxs("span", { className: "text-[11px] text-muted-foreground/40", children: ["$", session.totalCostUsd.toFixed(2)] }))] })] }, session.id)))] }, group.label))))] })] }) }));
+}
+/** Live run-state pill on a session row (streaming / queued). */
+function RunBadge({ state }) {
+    if (state !== "streaming" && state !== "queued")
+        return null;
+    const running = state === "streaming";
+    return (_jsx("span", { className: cn("shrink-0 rounded-full px-1.5 py-0.5 text-[9px] font-medium uppercase tracking-wide", running ? "bg-primary/15 text-primary" : "bg-amber-500/15 text-amber-500"), children: running ? "Running" : "Queued" }));
+}
+function groupSessionsByDate(sessions) {
+    const dayMs = 86400000;
+    const today = new Date();
+    today.setHours(0, 0, 0, 0);
+    const todayMs = today.getTime();
+    const yesterdayMs = todayMs - dayMs;
+    const weekAgoMs = todayMs - 7 * dayMs;
+    const groups = {
+        Today: [],
+        Yesterday: [],
+        "This week": [],
+        Earlier: [],
+    };
+    for (const s of sessions) {
+        if (s.lastActiveAt >= todayMs) {
+            groups.Today.push(s);
+        }
+        else if (s.lastActiveAt >= yesterdayMs) {
+            groups.Yesterday.push(s);
+        }
+        else if (s.lastActiveAt >= weekAgoMs) {
+            groups["This week"].push(s);
+        }
+        else {
+            groups.Earlier.push(s);
+        }
+    }
+    return Object.entries(groups)
+        .filter(([, sessions]) => sessions.length > 0)
+        .map(([label, sessions]) => ({ label, sessions }));
+}
+function formatRelativeTime(ms) {
+    const diff = Date.now() - ms;
+    const minutes = Math.floor(diff / 60000);
+    if (minutes < 1)
+        return "just now";
+    if (minutes < 60)
+        return `${minutes}m ago`;
+    const hours = Math.floor(minutes / 60);
+    if (hours < 24)
+        return `${hours}h ago`;
+    const days = Math.floor(hours / 24);
+    if (days < 7)
+        return `${days}d ago`;
+    return new Date(ms).toLocaleDateString();
+}
+//# sourceMappingURL=session-drawer.js.map

package/dist/components/chat/session-drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"session-drawer.js","sourceRoot":"","sources":["../../../src/components/chat/session-drawer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAexC,MAAM,UAAU,aAAa,CAAC,EAC5B,IAAI,EACJ,OAAO,EACP,QAAQ,GAKT;IACC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAgB,EAAE,CAAC,CAAC;IAC5D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,aAAa,GAAG,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC;IAC3D,MAAM,gBAAgB,GAAG,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC;IAChE,MAAM,SAAS,GAAG,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IACnD,8EAA8E;IAC9E,2EAA2E;IAC3E,yEAAyE;IACzE,0BAA0B;IAC1B,MAAM,mBAAmB,GACvB,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,gBAAgB,CAAC,IAAI,IAAI,CAAC;IAEvE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,IAAI,EAAE,CAAC;YACT,UAAU,CAAC,IAAI,CAAC,CAAC;YACjB,GAAG;iBACA,QAAQ,EAAE;iBACV,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;iBAC1C,KAAK,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;iBAC5B,OAAO,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;QACtC,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,MAAM,MAAM,GAAG,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IAE7C,OAAO,CACL,KAAC,UAAU,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAC,UAAU,EAAC,IAAI,kBAC7D,eAAK,SAAS,EAAC,sBAAsB,aAEnC,cAAK,SAAS,EAAC,KAAK,YAClB,kBACE,OAAO,EAAE,GAAG,EAAE;4BACZ,aAAa,EAAE,CAAC;4BAChB,OAAO,EAAE,CAAC;wBACZ,CAAC,EACD,SAAS,EAAC,uMAAuM,aAEjN,KAAC,IAAI,IAAC,SAAS,EAAC,SAAS,GAAG,wBAErB,GACL,EAGN,eAAK,SAAS,EAAC,kCAAkC,aAE9C,mBAAmB,IAAI,CACtB,cAAK,SAAS,EAAC,WAAW,YACxB,kBACE,OAAO,EAAE,GAAG,EAAE;oCACZ,QAAQ,CAAC,mBAAmB,CAAC,CAAC;oCAC9B,OAAO,EAAE,CAAC;gCACZ,CAAC,EACD,SAAS,EAAC,6IAA6I,aAEvJ,eACE,SAAS,EAAC,0CAA0C,EACpD,KAAK,EAAE,EAAE,SAAS,EAAE,iCAAiC,EAAE,GACvD,EACF,eAAK,SAAS,EAAC,SAAS,aACtB,cAAK,SAAS,EAAC,kDAAkD,mCAE3D,EACN,cAAK,SAAS,EAAC,0BAA0B,gCAEnC,IACF,IACC,GACL,CACP,EAEA,OAAO,CAAC,CAAC,CAAC,CACT,cAAK,SAAS,EAAC,8DAA8D,YAC3E,KAAC,OAAO,IAAC,SAAS,EAAC,sBAAsB,GAAG,GACxC,CACP,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAClD,YAAG,SAAS,EAAC,iDAAiD,gCAE1D,CACL,CAAC,CAAC,CAAC,CACF,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACpB,0BACE,cAAK,SAAS,EAAC,0HAA0H,YACtI,KAAK,CAAC,KAAK,GACR,EACL,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAC/B,kBAEE,OAAO,EAAE,GAAG,EAAE;wCACZ,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;wCACrB,OAAO,EAAE,CAAC;oCACZ,CAAC,EACD,SAAS,EAAE,EAAE,CACX,mFAAmF,EACnF,OAAO,CAAC,EAAE,KAAK,gBAAgB;wCAC7B,wCAAwC,CAC3C,aAED,eAAK,SAAS,EAAC,yBAAyB,aACtC,cAAK,SAAS,EAAC,iEAAiE,YAC7E,OAAO,CAAC,KAAK,IAAI,UAAU,GACxB,EACN,KAAC,QAAQ,IAAC,KAAK,EAAE,SAAS,CAAC,OAAO,CAAC,EAAE,CAAC,GAAI,IACtC,EACN,eAAK,SAAS,EAAC,gCAAgC,aAC7C,eAAM,SAAS,EAAC,mCAAmC,YAChD,kBAAkB,CAAC,OAAO,CAAC,YAAY,CAAC,GACpC,EACN,OAAO,CAAC,YAAY,IAAI,IAAI;oDAC3B,OAAO,CAAC,YAAY,GAAG,CAAC,IAAI,CAC1B,gBAAM,SAAS,EAAC,sCAAsC,kBAClD,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,IAC5B,CACR,IACC,KA3BD,OAAO,CAAC,EAAE,CA4BR,CACV,CAAC,KAnCM,KAAK,CAAC,KAAK,CAoCf,CACP,CAAC,CACH,IACG,IACF,GACK,CACd,CAAC;AACJ,CAAC;AAED,iEAAiE;AACjE,SAAS,QAAQ,CAAC,EAAE,KAAK,EAA+C;IACtE,IAAI,KAAK,KAAK,WAAW,IAAI,KAAK,KAAK,QAAQ;QAAE,OAAO,IAAI,CAAC;IAC7D,MAAM,OAAO,GAAG,KAAK,KAAK,WAAW,CAAC;IACtC,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,oFAAoF,EACpF,OAAO,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,gCAAgC,CAC1E,YAEA,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,GAC1B,CACR,CAAC;AACJ,CAAC;AAED,SAAS,mBAAmB,CAAC,QAAuB;IAClD,MAAM,KAAK,GAAG,QAAQ,CAAC;IACvB,MAAM,KAAK,GAAG,IAAI,IAAI,EAAE,CAAC;IACzB,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAC3B,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,EAAE,CAAC;IAChC,MAAM,WAAW,GAAG,OAAO,GAAG,KAAK,CAAC;IACpC,MAAM,SAAS,GAAG,OAAO,GAAG,CAAC,GAAG,KAAK,CAAC;IAEtC,MAAM,MAAM,GAAkC;QAC5C,KAAK,EAAE,EAAE;QACT,SAAS,EAAE,EAAE;QACb,WAAW,EAAE,EAAE;QACf,OAAO,EAAE,EAAE;KACZ,CAAC;IAEF,KAAK,MAAM,CAAC,IAAI,QAAQ,EAAE,CAAC;QACzB,IAAI,CAAC,CAAC,YAAY,IAAI,OAAO,EAAE,CAAC;YAC9B,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QACvB,CAAC;aAAM,IAAI,CAAC,CAAC,YAAY,IAAI,WAAW,EAAE,CAAC;YACzC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAC3B,CAAC;aAAM,IAAI,CAAC,CAAC,YAAY,IAAI,SAAS,EAAE,CAAC;YACvC,MAAM,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAC9B,CAAC;aAAM,CAAC;YACN,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QACzB,CAAC;IACH,CAAC;IAED,OAAO,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC;SAC1B,MAAM,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC;SAC7C,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,QAAQ,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC;AACvD,CAAC;AAED,SAAS,kBAAkB,CAAC,EAAU;IACpC,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC;IAC7B,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC,CAAC;IACzC,IAAI,OAAO,GAAG,CAAC;QAAE,OAAO,UAAU,CAAC;IACnC,IAAI,OAAO,GAAG,EAAE;QAAE,OAAO,GAAG,OAAO,OAAO,CAAC;IAC3C,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC,CAAC;IACvC,IAAI,KAAK,GAAG,EAAE;QAAE,OAAO,GAAG,KAAK,OAAO,CAAC;IACvC,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC,CAAC;IACpC,IAAI,IAAI,GAAG,CAAC;QAAE,OAAO,GAAG,IAAI,OAAO,CAAC;IACpC,OAAO,IAAI,IAAI,CAAC,EAAE,CAAC,CAAC,kBAAkB,EAAE,CAAC;AAC3C,CAAC"}

package/dist/components/chat/share-block.d.ts

@@ -0,0 +1,9 @@
+export type ShareBlockFormat = "image" | "pdf" | "text" | "markdown" | "richtext";
+interface ShareBlockProps {
+    body: string;
+    format?: ShareBlockFormat;
+    title?: string;
+}
+export declare function ShareBlock({ body, format, title }: ShareBlockProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=share-block.d.ts.map

package/dist/components/chat/share-block.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"share-block.d.ts","sourceRoot":"","sources":["../../../src/components/chat/share-block.tsx"],"names":[],"mappings":"AAQA,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,KAAK,GAAG,MAAM,GAAG,UAAU,GAAG,UAAU,CAAC;AAYlF,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,MAAgB,EAAE,KAAK,EAAE,EAAE,eAAe,+BAoC5E"}

package/dist/components/chat/share-block.js

@@ -0,0 +1,70 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { uiConfig } from "../../config.js";
+import { useRef } from "react";
+import { BrainMarkdown } from "./brain-markdown.js";
+import { ShareMenu } from "../share/share-menu.js";
+import { renderAndShare, shareFile, shareText, copyRichText } from "../../lib/share.js";
+import { stripMarkdown } from "../../lib/strip-markdown.js";
+import { Share2 } from "lucide-react";
+const FORMAT_LABELS = {
+    image: "Share as image",
+    pdf: "Share as PDF",
+    text: "Share as plain text",
+    markdown: "Share markdown source",
+    richtext: "Copy as rich text",
+};
+const ORDER = ["image", "pdf", "text", "markdown", "richtext"];
+export function ShareBlock({ body, format = "image", title }) {
+    const bodyRef = useRef(null);
+    const filename = sanitizeFilename(title ?? "share");
+    const primary = makeAction(format, body, filename, title, bodyRef);
+    const secondary = ORDER.filter((f) => f !== format).map((f) => makeAction(f, body, filename, title, bodyRef));
+    return (_jsxs("div", { className: "my-4 overflow-hidden rounded-lg border border-primary/30 bg-primary/[0.04]", children: [_jsxs("div", { className: "flex items-center justify-between gap-3 border-b border-primary/20 bg-primary/[0.06] px-3 py-2", children: [_jsxs("div", { className: "flex min-w-0 items-center gap-2 text-xs", children: [_jsx(Share2, { className: "h-3.5 w-3.5 shrink-0 text-primary/80" }), _jsx("span", { className: "truncate font-medium text-primary/90", children: title ?? "Share" }), _jsx("span", { className: "rounded-full bg-primary/15 px-2 py-0.5 text-[10px] uppercase tracking-wide text-primary/80", children: format })] }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx("button", { onClick: () => void primary.run(), className: "rounded-md bg-primary px-2.5 py-1 text-[11px] font-medium text-primary-foreground transition-opacity hover:opacity-90", children: primary.label }), _jsx(ShareMenu, { options: secondary, title: "Other formats" })] })] }), _jsx("div", { ref: bodyRef, className: "px-4 py-3", children: _jsx(BrainMarkdown, { content: body, className: "brain-prose", fileLinks: true }) })] }));
+}
+function makeAction(fmt, body, filename, title, bodyRef) {
+    return {
+        id: fmt,
+        label: FORMAT_LABELS[fmt],
+        run: () => runFormat(fmt, body, filename, title, bodyRef),
+    };
+}
+async function runFormat(fmt, body, filename, title, bodyRef) {
+    switch (fmt) {
+        case "image":
+            return renderAndShare({
+                content: body,
+                contentType: "markdown",
+                format: "png",
+                filename,
+                title: title ?? uiConfig.shareTitle,
+            });
+        case "pdf":
+            return renderAndShare({
+                content: body,
+                contentType: "markdown",
+                format: "pdf",
+                filename,
+                title: title ?? uiConfig.shareTitle,
+            });
+        case "text":
+            return shareText({ text: stripMarkdown(body), title });
+        case "markdown":
+            return shareFile(new File([body], `${filename}.md`, { type: "text/markdown" }), { title: title ?? filename });
+        case "richtext": {
+            const html = bodyRef.current?.innerHTML ?? `<pre>${escapeHtml(body)}</pre>`;
+            return copyRichText(html, stripMarkdown(body));
+        }
+    }
+}
+function sanitizeFilename(s) {
+    return s.replace(/[^a-z0-9_-]+/gi, "_").slice(0, 60) || "share";
+}
+function escapeHtml(s) {
+    return s
+        .replace(/&/g, "&amp;")
+        .replace(/</g, "&lt;")
+        .replace(/>/g, "&gt;")
+        .replace(/"/g, "&quot;")
+        .replace(/'/g, "&#39;");
+}
+//# sourceMappingURL=share-block.js.map

package/dist/components/chat/share-block.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"share-block.js","sourceRoot":"","sources":["../../../src/components/chat/share-block.tsx"],"names":[],"mappings":"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"}

package/dist/components/chat/tool-call-timeline.d.ts

@@ -0,0 +1,8 @@
+import type { ToolCall } from "../../stores/chat-store.js";
+export declare function ToolCallTimeline({ toolCalls, onApproval, live, }: {
+    toolCalls: ToolCall[];
+    onApproval: (toolUseId: string, approved: boolean) => void;
+    /** Parent message still streaming — keep the timeline open while work runs. */
+    live?: boolean;
+}): import("react").JSX.Element | null;
+//# sourceMappingURL=tool-call-timeline.d.ts.map

package/dist/components/chat/tool-call-timeline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tool-call-timeline.d.ts","sourceRoot":"","sources":["../../../src/components/chat/tool-call-timeline.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAgB3D,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,UAAU,EACV,IAAY,GACb,EAAE;IACD,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,UAAU,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3D,+EAA+E;IAC/E,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,sCAwCA"}

package/dist/components/chat/tool-call-timeline.js

@@ -0,0 +1,100 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useRef } from "react";
+import { Check, X, Copy, Layers, ChevronDown, ChevronRight, AlertTriangle, FileText, } from "lucide-react";
+import { resolveToolRenderer } from "@schlessera/brain-ui-sdk/client";
+import { cn } from "../../lib/utils.js";
+import { motion, AnimatePresence } from "framer-motion";
+import { getToolLabel, getTouchedFile, formatDuration } from "./tool-views.js";
+import { registerBuiltinRenderers, GENERIC_RENDERER } from "./renderers/index.js";
+import { riskHints } from "./risk-hints.js";
+// Register the built-in renderer packs once. Registration is build-time; this
+// runs on module load.
+registerBuiltinRenderers();
+// One backend is active per deployment (v1). The shipped default is the Claude
+// backend; renderer resolution is backend-scoped so a future multi-backend
+// build can thread the real id through here.
+const BACKEND_ID = "claude";
+export function ToolCallTimeline({ toolCalls, onApproval, live = false, }) {
+    // Collapse the whole run to a summary row once the turn is over. History
+    // messages mount collapsed; a live timeline collapses when streaming ends.
+    const [collapsed, setCollapsed] = useState(!live);
+    const prevLive = useRef(live);
+    useEffect(() => {
+        if (prevLive.current && !live)
+            setCollapsed(true);
+        prevLive.current = live;
+    }, [live]);
+    if (toolCalls.length === 0)
+        return null;
+    const hasPending = toolCalls.some((t) => t.status === "pending_approval");
+    const effectiveCollapsed = collapsed && !hasPending && !live;
+    if (effectiveCollapsed) {
+        return (_jsx(TimelineSummaryRow, { toolCalls: toolCalls, onExpand: () => setCollapsed(false) }));
+    }
+    return (_jsxs("div", { children: [!live && !hasPending && (_jsxs("button", { type: "button", onClick: () => setCollapsed(true), className: "mb-1 flex items-center gap-1.5 text-[11px] text-muted-foreground/50 transition-colors hover:text-muted-foreground", children: [_jsx(ChevronDown, { className: "h-3 w-3" }), "Hide steps"] })), _jsx("div", { className: "relative ml-1 border-l-2 border-border/40 pl-4 space-y-1.5", children: toolCalls.map((tool) => (_jsx(ToolCallEntry, { toolCall: tool, onApproval: onApproval }, tool.id))) })] }));
+}
+function TimelineSummaryRow({ toolCalls, onExpand, }) {
+    const steps = toolCalls.length;
+    const files = new Set(toolCalls.map(getTouchedFile).filter(Boolean)).size;
+    const errors = toolCalls.filter((t) => t.isError).length;
+    const started = Math.min(...toolCalls.map((t) => t.startedAt ?? Infinity));
+    const ended = Math.max(...toolCalls.map((t) => t.endedAt ?? -Infinity));
+    const duration = Number.isFinite(started) && ended > started
+        ? formatDuration(ended - started)
+        : null;
+    return (_jsxs("button", { type: "button", onClick: onExpand, className: "flex items-center gap-2 rounded-md px-2 py-1.5 text-xs text-muted-foreground/70 transition-colors hover:text-foreground", children: [_jsx(Layers, { className: "h-3.5 w-3.5 shrink-0" }), _jsxs("span", { className: "font-[family-name:var(--font-mono)]", children: [steps, " step", steps === 1 ? "" : "s", files > 0 && ` · ${files} file${files === 1 ? "" : "s"} touched`, duration && ` · ${duration}`] }), errors > 0 && (_jsxs("span", { className: "font-[family-name:var(--font-mono)] text-destructive", children: ["\u00B7 ", errors, " failed"] })), _jsx(ChevronRight, { className: "h-3 w-3 shrink-0" })] }));
+}
+function ToolCallEntry({ toolCall, onApproval, }) {
+    const [expanded, setExpanded] = useState(toolCall.status === "pending_approval");
+    const prevStatus = useRef(toolCall.status);
+    // Resolve the renderer for this tool (backend-scoped exact -> global exact ->
+    // shape-sniffing predicate). Falls back to the generic renderer.
+    const renderer = resolveToolRenderer(toolCall, BACKEND_ID) ?? GENERIC_RENDERER;
+    const Icon = renderer.icon ?? FileText;
+    const isPending = toolCall.status === "pending_approval";
+    const summary = renderer.summary?.(toolCall) ?? null;
+    const meta = renderer.meta?.(toolCall) ?? null;
+    const Input = renderer.Input;
+    const Output = renderer.Output;
+    useEffect(() => {
+        if (toolCall.status === "pending_approval" &&
+            prevStatus.current !== "pending_approval") {
+            setExpanded(true);
+        }
+        else if (prevStatus.current === "pending_approval" &&
+            toolCall.status !== "pending_approval") {
+            setExpanded(false);
+        }
+        prevStatus.current = toolCall.status;
+    }, [toolCall.status]);
+    return (_jsxs("div", { className: "relative", children: [_jsx("div", { className: cn("absolute -left-[21px] top-2 h-2.5 w-2.5 rounded-full border-2 border-background", toolCall.status === "streaming" && "bg-primary animate-pulse", toolCall.status === "pending_approval" &&
+                    "bg-primary", toolCall.status === "approved" && "bg-accent", toolCall.status === "denied" && "bg-destructive", toolCall.status === "complete" &&
+                    (toolCall.isError ? "bg-destructive" : "bg-accent"), !["streaming", "pending_approval", "approved", "denied", "complete"].includes(toolCall.status) && "bg-muted-foreground"), style: toolCall.status === "pending_approval"
+                    ? { animation: "breathe 2s ease-in-out infinite" }
+                    : undefined }), _jsxs("button", { onClick: () => setExpanded(!expanded), className: cn("flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-xs transition-colors", toolCall.isError
+                    ? "text-destructive/80 hover:text-destructive"
+                    : "text-muted-foreground hover:text-foreground"), children: [_jsx(Icon, { className: "h-3.5 w-3.5 shrink-0" }), _jsx("span", { className: "font-[family-name:var(--font-mono)] font-medium", children: getToolLabel(toolCall.name) }), summary && (_jsx("span", { className: cn("truncate", toolCall.isError ? "text-destructive/60" : "text-muted-foreground/70"), children: summary })), _jsxs("span", { className: "ml-auto flex shrink-0 items-center gap-2", children: [meta && (_jsx("span", { className: "font-[family-name:var(--font-mono)] text-[10px] text-muted-foreground/50", children: meta })), _jsx(StatusIndicator, { status: toolCall.status, isError: toolCall.isError })] })] }), _jsx(AnimatePresence, { children: expanded && (_jsx(motion.div, { initial: { height: 0, opacity: 0 }, animate: { height: "auto", opacity: 1 }, exit: { height: 0, opacity: 0 }, transition: { duration: 0.2, ease: "easeOut" }, className: "overflow-hidden", children: _jsxs("div", { className: cn("mt-1 rounded-lg p-3 space-y-2", isPending
+                            ? "border-2 border-primary/40 bg-primary/5"
+                            : "border border-border-subtle bg-surface"), children: [Input && _jsx(Input, { tool: toolCall }), isPending && _jsx(RiskHints, { toolCall: toolCall }), isPending && (_jsxs("div", { className: "flex gap-2", children: [_jsxs("button", { onClick: () => onApproval(toolCall.id, true), className: "flex items-center gap-1.5 rounded-lg bg-primary px-4 py-1.5 text-xs font-medium text-primary-foreground transition-colors hover:brightness-110", children: [_jsx(Check, { className: "h-3 w-3" }), "Allow"] }), _jsxs("button", { onClick: () => onApproval(toolCall.id, false), className: "flex items-center gap-1.5 rounded-lg border border-destructive/30 px-4 py-1.5 text-xs font-medium text-destructive transition-colors hover:bg-destructive/10", children: [_jsx(X, { className: "h-3 w-3" }), "Deny"] })] })), toolCall.output && Output && (_jsxs("div", { className: "relative", children: [_jsx("button", { onClick: () => navigator.clipboard.writeText(toolCall.output), className: "absolute right-1 top-1 z-10 rounded p-1 text-muted-foreground transition-colors hover:bg-surface-raised hover:text-foreground", title: "Copy output", children: _jsx(Copy, { className: "h-3 w-3" }) }), _jsx(Output, { tool: toolCall })] }))] }) })) })] }));
+}
+function RiskHints({ toolCall }) {
+    const hints = riskHints(toolCall);
+    if (hints.length === 0)
+        return null;
+    return (_jsx("div", { className: "space-y-0.5 text-[11px] text-amber-400", children: hints.map((hint) => (_jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx(AlertTriangle, { className: "h-3 w-3 shrink-0" }), _jsx("span", { children: hint })] }, hint))) }));
+}
+function StatusIndicator({ status, isError, }) {
+    switch (status) {
+        case "streaming":
+            return (_jsx("span", { className: "inline-block h-1.5 w-1.5 animate-pulse rounded-full bg-primary" }));
+        case "pending_approval":
+            return (_jsx("span", { className: "rounded bg-primary/20 px-1.5 py-0.5 text-[10px] font-medium text-primary", children: "Approval needed" }));
+        case "approved":
+            return _jsx(Check, { className: "h-3 w-3 text-accent" });
+        case "denied":
+            return _jsx(X, { className: "h-3 w-3 text-destructive" });
+        case "complete":
+            return isError ? (_jsx(X, { className: "h-3 w-3 text-destructive" })) : (_jsx(Check, { className: "h-3 w-3 text-muted-foreground/50" }));
+    }
+}
+//# sourceMappingURL=tool-call-timeline.js.map

package/dist/components/chat/tool-call-timeline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tool-call-timeline.js","sourceRoot":"","sources":["../../../src/components/chat/tool-call-timeline.tsx"],"names":[],"mappings":"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"}

package/dist/components/chat/tool-views.d.ts

@@ -0,0 +1,116 @@
+import { Terminal } from "lucide-react";
+import type { ToolCall } from "../../stores/chat-store.js";
+/**
+ * Tool inputs carry absolute paths (`/data/brain/notes/foo.md`); the file
+ * panel wants repo-relative ones. Strip everything up to the brain repo root
+ * and verify the result actually looks like a repo path.
+ */
+export declare function toRepoRelative(path: string): string | null;
+export declare function formatDuration(ms: number): string;
+export declare function countLines(text: string): number;
+export declare function getToolIcon(name: string): typeof Terminal;
+/**
+ * Display name for a tool. In-process MCP tools stream as
+ * `mcp__<server>__<tool>`; show just the bare tool name in the timeline.
+ */
+export declare function getToolLabel(name: string): string;
+/** Extract a short inline summary from tool input for at-a-glance context. */
+export declare function getToolSummary(tool: ToolCall): string | null;
+/** Right-side header meta: output size + wall-clock duration. */
+export declare function getOutputMeta(tool: ToolCall): string | null;
+/** File a tool writes to — used for the "N files touched" group summary. */
+export declare function getTouchedFile(tool: ToolCall): string | null;
+export declare function ToolInputView({ tool }: {
+    tool: ToolCall;
+}): import("react").JSX.Element;
+/** A word token, flagged when it differs from its counterpart line. */
+type WordToken = {
+    text: string;
+    changed: boolean;
+};
+/** A rendered diff row. `tokens` is set only for word-refined single-line edits. */
+type DiffRow = {
+    kind: "same" | "del" | "ins";
+    line: string;
+    tokens: WordToken[] | null;
+};
+/**
+ * Merge `old_string`/`new_string` into a single diff: unchanged lines appear
+ * once as neutral, deletions/insertions keep the red/green treatment. A change
+ * block that is exactly one deleted line against one inserted line gets
+ * word-level highlighting.
+ */
+export declare function computeDiffRows(oldStr: string, newStr: string): DiffRow[];
+export declare function EditDiffView({ tool }: {
+    tool: ToolCall;
+}): import("react").JSX.Element;
+/** Longest backtick run + 1 so the fence survives content containing fences. */
+export declare function fenceFor(content: string): string;
+export declare function WriteFileView({ tool }: {
+    tool: ToolCall;
+}): import("react").JSX.Element;
+export declare function BashCommandView({ tool }: {
+    tool: ToolCall;
+}): import("react").JSX.Element;
+/** Generic structured input: one row per field beats raw JSON for scanning. */
+export declare function KeyValueView({ tool }: {
+    tool: ToolCall;
+}): import("react").JSX.Element;
+export declare function ToolOutputView({ tool }: {
+    tool: ToolCall;
+}): import("react").JSX.Element | null;
+export declare function ClampedPre({ text, isError }: {
+    text: string;
+    isError?: boolean;
+}): import("react").JSX.Element;
+/**
+ * Compile a Grep pattern for match highlighting.
+ *
+ * We run this against every visible row during render, so it must be safe
+ * against catastrophic backtracking (ReDoS) — a synchronous `RegExp.exec` can't
+ * be interrupted, so a pattern like `(a+)+$` would freeze the UI thread. A
+ * pattern that contains no unbounded-repetition operator (`*`, `+`, `{`) cannot
+ * backtrack exponentially, so only those compile as real regexes; anything else
+ * (and any pattern that fails to compile, e.g. `c++`, `(`) is matched as an
+ * escaped literal. Both paths are linear-time. Returns null if even the literal
+ * form can't compile, so callers degrade to unhighlighted rows instead of
+ * throwing.
+ */
+export declare function safeSearchRegex(pattern: string | null): RegExp | null;
+/**
+ * Split `text` into alternating non-match / match segments for a global regex.
+ * Zero-width matches are skipped (advancing lastIndex) so patterns like `a*`
+ * never spin. Purely string-in / segments-out so it's easy to unit test.
+ */
+export declare function splitMatches(text: string, re: RegExp): Array<{
+    text: string;
+    match: boolean;
+}>;
+/**
+ * Split a ripgrep-style `path:line:content` row into its linkable prefix and
+ * the content portion. Returns null when the row has no such prefix (e.g. Glob
+ * paths or an unusual format), so the caller can treat the whole line as content.
+ */
+export declare function splitGrepRow(line: string): {
+    prefix: string;
+    content: string;
+} | null;
+/** Grep/Glob results: one clickable row per line. */
+export declare function FileRowsView({ output, pattern }: {
+    output: string;
+    pattern?: string | null;
+}): import("react").JSX.Element;
+/** A parsed WebSearch result: display title + destination URL. */
+type WebResult = {
+    title: string;
+    url: string;
+};
+/**
+ * Tolerant parser for WebSearch output. The raw text is semi-structured, so we
+ * try a few shapes in priority order — JSON `{title,url}` objects, markdown
+ * links, then a line-scan that pairs a bare URL with nearby title text —
+ * de-duplicating by URL. Garbage input yields `[]` and never throws.
+ */
+export declare function parseWebSearchResults(output: string): WebResult[];
+export {};
+//# sourceMappingURL=tool-views.d.ts.map

package/dist/components/chat/tool-views.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tool-views.d.ts","sourceRoot":"","sources":["../../../src/components/chat/tool-views.tsx"],"names":[],"mappings":"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"}