@neuronection/assistant-ui 0.23.0 → 0.24.0

package/dist/chunk-BVJT67B5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/chat-transcript/ChatTranscript.tsx"],"names":["ChatTranscript"],"mappings":"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","file":"chunk-BVJT67B5.js","sourcesContent":["import * as React from 'react'\nimport { ArrowDown } from 'lucide-react'\nimport { useVirtualizer } from '@tanstack/react-virtual'\n\nimport { cn } from '../../lib/utils'\nimport { ChatMessage } from '../chat-message/ChatMessage'\nimport { MarkdownSurface } from '../chat-markdown/MarkdownSurface'\nimport type { ChatMessageView } from '../chat-core/types'\n\nexport interface ChatTranscriptLabels {\n  log: string\n  scrollToBottom: string\n  empty: string\n  replied: string\n}\n\nexport interface ChatTranscriptProps {\n  items: ChatMessageView[]\n  /** Override the default `ChatMessage` + `MarkdownSurface` rendering. */\n  renderItem?: (message: ChatMessageView, index: number) => React.ReactNode\n  /** Streaming tail — the live turn bubble (or any node). */\n  live?: React.ReactNode\n  emptyState?: React.ReactNode\n  /** Stick to bottom while the user hasn't scrolled away. Default true. */\n  autoScroll?: boolean\n  /** Distance from the bottom that still counts as \"at the bottom\". Default 120 px. */\n  scrollThresholdPx?: number\n  /** Virtualize long transcripts (dynamic row measurement). Default false. */\n  virtualized?: boolean\n  labels?: Partial<ChatTranscriptLabels>\n  className?: string\n}\n\nfunction defaultRenderItem(message: ChatMessageView) {\n  return (\n    <ChatMessage\n      role={message.role}\n      status={message.status}\n      content={<MarkdownSurface value={message.content} streaming={message.status === 'streaming'} />}\n      variants={message.variants}\n    />\n  )\n}\n\n/**\n * The conversation list: `role=\"log\"` with polite turn-completion\n * announcements, stick-to-bottom auto-scroll with a jump-to-latest pill,\n * optional virtualization for thousand-message threads.\n */\nexport const ChatTranscript = React.forwardRef<HTMLDivElement, ChatTranscriptProps>(\n  function ChatTranscript(\n    {\n      items,\n      renderItem = defaultRenderItem,\n      live,\n      emptyState,\n      autoScroll = true,\n      scrollThresholdPx = 120,\n      virtualized = false,\n      labels,\n      className,\n    },\n    ref,\n  ) {\n    const scrollRef = React.useRef<HTMLDivElement | null>(null)\n    const atBottomRef = React.useRef(true)\n    const [showJump, setShowJump] = React.useState(false)\n    const [announcement, setAnnouncement] = React.useState('')\n    const previousCountRef = React.useRef(-1)\n\n    const onScroll = () => {\n      const element = scrollRef.current\n      if (element === null) {\n        return\n      }\n      const distance = element.scrollHeight - element.scrollTop - element.clientHeight\n      const atBottom = distance <= scrollThresholdPx\n      atBottomRef.current = atBottom\n      setShowJump(element.scrollHeight > element.clientHeight && !atBottom)\n    }\n\n    React.useEffect(() => {\n      const element = scrollRef.current\n      if (element === null || !autoScroll || !atBottomRef.current) {\n        return\n      }\n      const frame = requestAnimationFrame(() => {\n        element.scrollTop = element.scrollHeight\n      })\n      return () => cancelAnimationFrame(frame)\n    })\n\n    React.useEffect(() => {\n      if (previousCountRef.current === -1) {\n        previousCountRef.current = items.length\n        return\n      }\n      if (items.length > previousCountRef.current) {\n        const added = items[items.length - 1]\n        previousCountRef.current = items.length\n        if (added && added.role !== 'user') {\n          setAnnouncement(labels?.replied ?? 'Assistant replied')\n        }\n        return\n      }\n      previousCountRef.current = items.length\n    }, [items, labels])\n\n    const scrollToBottom = () => {\n      const element = scrollRef.current\n      if (element !== null) {\n        element.scrollTo({ top: element.scrollHeight, behavior: 'smooth' })\n      }\n    }\n\n    const rowCount = items.length + (live !== undefined ? 1 : 0)\n    const virtualizer = useVirtualizer({\n      count: virtualized ? rowCount : 0,\n      getScrollElement: () => scrollRef.current,\n      estimateSize: () => 120,\n      overscan: 8,\n      initialRect: { width: 480, height: 600 },\n    })\n\n    return (\n      <div ref={ref} data-as=\"chat-transcript\" className={cn('relative min-h-0 flex-1', className)}>\n        <div\n          ref={scrollRef}\n          onScroll={onScroll}\n          role=\"log\"\n          aria-label={labels?.log ?? 'Conversation'}\n          aria-busy={live !== undefined}\n          className=\"h-full overflow-y-auto overscroll-contain px-1 py-2\"\n        >\n          {items.length === 0 && live === undefined ? (\n            <div className=\"flex h-full min-h-40 items-center justify-center p-4 text-sm text-[var(--as-muted-fg)]\">\n              {emptyState ?? (labels?.empty ?? 'Start the conversation')}\n            </div>\n          ) : virtualized ? (\n            <div style={{ height: virtualizer.getTotalSize(), position: 'relative' }}>\n              {virtualizer.getVirtualItems().map((row) => {\n                const isLive = row.index >= items.length\n                const node = isLive ? live : renderItem(items[row.index]!, row.index)\n                return (\n                  <div\n                    key={row.key}\n                    data-index={row.index}\n                    ref={virtualizer.measureElement}\n                    style={{ position: 'absolute', top: 0, left: 0, width: '100%', transform: `translateY(${row.start}px)` }}\n                    className=\"px-2 py-1.5\"\n                  >\n                    {node}\n                  </div>\n                )\n              })}\n            </div>\n          ) : (\n            <div className=\"flex flex-col gap-3 px-2\">\n              {items.map((message, index) => (\n                <div key={message.id}>{renderItem(message, index)}</div>\n              ))}\n              {live !== undefined ? <div data-as=\"chat-transcript-live\">{live}</div> : null}\n            </div>\n          )}\n        </div>\n        <div aria-live=\"polite\" className=\"sr-only\">\n          {announcement}\n        </div>\n        {showJump ? (\n          <button\n            type=\"button\"\n            onClick={scrollToBottom}\n            aria-label={labels?.scrollToBottom ?? 'Scroll to latest'}\n            title={labels?.scrollToBottom ?? 'Scroll to latest'}\n            className=\"absolute bottom-3 left-1/2 flex size-8 -translate-x-1/2 items-center justify-center rounded-full border border-[var(--as-border)] bg-[var(--as-surface-raised)] text-[var(--as-fg)] shadow-[var(--as-shadow-2)] transition-colors hover:bg-[var(--as-secondary)] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--as-focus-ring)]\"\n          >\n            <ArrowDown className=\"size-4\" aria-hidden />\n          </button>\n        ) : null}\n      </div>\n    )\n  },\n)\n"]}

package/dist/chunk-DZBTJZZV.js

@@ -0,0 +1,201 @@
+import { CopyButton } from './chunk-3JJ2WCPN.js';
+import { cn } from './chunk-BLJWR4ZV.js';
+import * as React3 from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import ReactMarkdown, { defaultUrlTransform } from 'react-markdown';
+import rehypeKatex from 'rehype-katex';
+import remarkGfm from 'remark-gfm';
+import remarkMath from 'remark-math';
+
+var MarkdownCodeBlock = React3.forwardRef(
+  function MarkdownCodeBlock2({ code, language, showLanguage = true, labels, className }, ref) {
+    const copyLabel = labels?.copy ?? "Copy code";
+    const codeLabel = labels?.code ?? "Code";
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        "data-as": "markdown-code-block",
+        className: cn(
+          "group/code relative my-3 overflow-hidden rounded-[var(--as-radius)] border border-[var(--as-border)] bg-[var(--as-surface)]",
+          className
+        ),
+        children: [
+          showLanguage && language ? /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-b border-[var(--as-border)] px-3 py-1 font-sans text-[10px] font-medium uppercase tracking-wide text-[var(--as-muted-fg)]", children: [
+            /* @__PURE__ */ jsx("span", { children: language }),
+            /* @__PURE__ */ jsx(CopyButton, { value: code, label: copyLabel, className: "opacity-60 transition-opacity group-hover/code:opacity-100" })
+          ] }) : /* @__PURE__ */ jsx(
+            CopyButton,
+            {
+              value: code,
+              label: copyLabel,
+              className: "absolute right-2 top-2 opacity-0 transition-opacity focus-visible:opacity-100 group-hover/code:opacity-100"
+            }
+          ),
+          /* @__PURE__ */ jsx("pre", { className: cn("overflow-x-auto p-3 font-mono text-xs leading-relaxed", !showLanguage && "pt-3"), children: /* @__PURE__ */ jsx("code", { "aria-label": language ? `${language} ${codeLabel}` : codeLabel, children: code }) })
+        ]
+      }
+    );
+  }
+);
+var mermaidInitialized = false;
+async function renderMermaid(id, code, theme) {
+  const mermaid = (await import('mermaid')).default;
+  if (!mermaidInitialized) {
+    mermaid.initialize({ startOnLoad: false, securityLevel: "strict", theme });
+    mermaidInitialized = true;
+  }
+  const { svg } = await mermaid.render(id, code);
+  return svg;
+}
+function extractText(node) {
+  if (node === null || node === void 0 || typeof node === "boolean") {
+    return "";
+  }
+  if (typeof node === "string" || typeof node === "number") {
+    return String(node);
+  }
+  if (Array.isArray(node)) {
+    return node.map(extractText).join("");
+  }
+  if (React3.isValidElement(node)) {
+    return extractText(node.props.children);
+  }
+  return "";
+}
+var MermaidDiagram = React3.forwardRef(
+  function MermaidDiagram2({ code, theme = "neutral", labels, className }, ref) {
+    const reactId = React3.useId().replace(/[^a-zA-Z0-9]/g, "");
+    const [svg, setSvg] = React3.useState(null);
+    const [failed, setFailed] = React3.useState(false);
+    React3.useEffect(() => {
+      let cancelled = false;
+      setFailed(false);
+      setSvg(null);
+      renderMermaid(`as-mermaid-${reactId}`, code, theme).then((result) => {
+        if (!cancelled) {
+          setSvg(result);
+        }
+      }).catch(() => {
+        if (!cancelled) {
+          setFailed(true);
+        }
+      });
+      return () => {
+        cancelled = true;
+      };
+    }, [code, theme, reactId]);
+    if (failed || svg === null) {
+      return /* @__PURE__ */ jsx(
+        MarkdownCodeBlock,
+        {
+          ref: failed ? ref : void 0,
+          code,
+          language: "mermaid",
+          labels: { code: labels?.diagram ?? "Diagram" },
+          className: cn("my-3", svg === null && !failed ? "opacity-60" : void 0, className)
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        "data-as": "mermaid-diagram",
+        className: cn(
+          "my-3 flex justify-center overflow-x-auto rounded-[var(--as-radius)] border border-[var(--as-border)] bg-[var(--as-surface)] p-3 [&_svg]:max-w-full",
+          className
+        ),
+        dangerouslySetInnerHTML: { __html: svg }
+      }
+    );
+  }
+);
+var fenceLanguage = (className) => /language-([\w+-]+)/.exec(className ?? "")?.[1];
+var MarkdownSurface = React3.memo(
+  React3.forwardRef(function MarkdownSurface2({
+    value,
+    streaming = false,
+    gfm = true,
+    math = true,
+    mermaid = true,
+    mermaidTheme = "neutral",
+    components,
+    urlTransform = defaultUrlTransform,
+    showCodeLanguage = true,
+    labels,
+    className
+  }, ref) {
+    const mermaidEnabled = mermaid && !streaming;
+    const defaultComponents = React3.useMemo(
+      () => ({
+        pre: ({ children }) => {
+          const child = Array.isArray(children) ? children[0] : children;
+          if (React3.isValidElement(child)) {
+            const childProps = child.props;
+            const text = extractText(childProps.children).replace(/\n$/, "");
+            const language = fenceLanguage(childProps.className);
+            if (language === "mermaid" && mermaidEnabled) {
+              return /* @__PURE__ */ jsx(MermaidDiagram, { code: text, theme: mermaidTheme, labels: { diagram: labels?.code } });
+            }
+            return /* @__PURE__ */ jsx(MarkdownCodeBlock, { code: text, language, showLanguage: showCodeLanguage, labels });
+          }
+          return /* @__PURE__ */ jsx("pre", { children });
+        },
+        code: ({ className: codeClassName, children, ...rest }) => /* @__PURE__ */ jsx(
+          "code",
+          {
+            className: cn(
+              "rounded-[var(--as-radius-sm)] bg-[var(--as-surface-raised)] px-1 py-0.5 font-mono text-[0.85em]",
+              codeClassName
+            ),
+            ...rest,
+            children
+          }
+        ),
+        a: ({ href, children, ...rest }) => {
+          const external = typeof href === "string" && (href.startsWith("http://") || href.startsWith("https://"));
+          return /* @__PURE__ */ jsx(
+            "a",
+            {
+              href,
+              className: "text-[var(--as-primary)] underline underline-offset-2",
+              ...external ? { target: "_blank", rel: "noopener noreferrer" } : {},
+              ...rest,
+              children
+            }
+          );
+        },
+        table: ({ children, ...rest }) => /* @__PURE__ */ jsx("div", { className: "my-3 overflow-x-auto rounded-[var(--as-radius)] border border-[var(--as-border)]", children: /* @__PURE__ */ jsx("table", { className: "w-full border-collapse text-[0.875em]", ...rest, children }) }),
+        img: ({ alt, ...rest }) => /* @__PURE__ */ jsx("img", { alt: alt ?? "", className: "my-2 max-w-full rounded-[var(--as-radius)]", loading: "lazy", ...rest })
+      }),
+      [labels, mermaidEnabled, mermaidTheme, showCodeLanguage]
+    );
+    const mergedComponents = React3.useMemo(
+      () => ({ ...defaultComponents, ...components }),
+      [defaultComponents, components]
+    );
+    const remarkPlugins = React3.useMemo(
+      () => [gfm ? remarkGfm : null, math ? remarkMath : null].filter((plugin) => plugin !== null),
+      [gfm, math]
+    );
+    const rehypePlugins = React3.useMemo(
+      () => math ? [[rehypeKatex, { strict: false, throwOnError: false, output: "html" }]] : [],
+      [math]
+    );
+    return /* @__PURE__ */ jsx("div", { ref, "data-as": "chat-markdown", className: cn("min-w-0 text-[var(--as-fg)]", className), children: /* @__PURE__ */ jsx(
+      ReactMarkdown,
+      {
+        remarkPlugins,
+        rehypePlugins,
+        components: mergedComponents,
+        urlTransform,
+        children: value
+      }
+    ) });
+  })
+);
+
+export { MarkdownCodeBlock, MarkdownSurface, MermaidDiagram };
+//# sourceMappingURL=chunk-DZBTJZZV.js.map
+//# sourceMappingURL=chunk-DZBTJZZV.js.map

package/dist/chunk-DZBTJZZV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/chat-markdown/MarkdownCodeBlock.tsx","../src/components/chat-markdown/MermaidDiagram.tsx","../src/components/chat-markdown/MarkdownSurface.tsx"],"names":["React","MarkdownCodeBlock","React2","MermaidDiagram","jsx","MarkdownSurface"],"mappings":"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","file":"chunk-DZBTJZZV.js","sourcesContent":["import * as React from 'react'\n\nimport { cn } from '../../lib/utils'\nimport { CopyButton } from '../copy-button/CopyButton'\n\nexport interface MarkdownCodeBlockLabels {\n  copy: string\n  code: string\n}\n\nexport interface MarkdownCodeBlockProps {\n  code: string\n  language?: string\n  showLanguage?: boolean\n  labels?: Partial<MarkdownCodeBlockLabels>\n  className?: string\n}\n\n/**\n * Standalone fenced-code surface: mono block, optional language tag, hover\n * copy. Plain by design — no highlighting engine bundled (apps may wrap or\n * slot their own renderer through `MarkdownSurface.components`).\n */\nexport const MarkdownCodeBlock = React.forwardRef<HTMLDivElement, MarkdownCodeBlockProps>(\n  function MarkdownCodeBlock({ code, language, showLanguage = true, labels, className }, ref) {\n    const copyLabel = labels?.copy ?? 'Copy code'\n    const codeLabel = labels?.code ?? 'Code'\n    return (\n      <div\n        ref={ref}\n        data-as=\"markdown-code-block\"\n        className={cn(\n          'group/code relative my-3 overflow-hidden rounded-[var(--as-radius)] border border-[var(--as-border)] bg-[var(--as-surface)]',\n          className,\n        )}\n      >\n        {showLanguage && language ? (\n          <div className=\"flex items-center justify-between border-b border-[var(--as-border)] px-3 py-1 font-sans text-[10px] font-medium uppercase tracking-wide text-[var(--as-muted-fg)]\">\n            <span>{language}</span>\n            <CopyButton value={code} label={copyLabel} className=\"opacity-60 transition-opacity group-hover/code:opacity-100\" />\n          </div>\n        ) : (\n          <CopyButton\n            value={code}\n            label={copyLabel}\n            className=\"absolute right-2 top-2 opacity-0 transition-opacity focus-visible:opacity-100 group-hover/code:opacity-100\"\n          />\n        )}\n        <pre className={cn('overflow-x-auto p-3 font-mono text-xs leading-relaxed', !showLanguage && 'pt-3')}>\n          <code aria-label={language ? `${language} ${codeLabel}` : codeLabel}>{code}</code>\n        </pre>\n      </div>\n    )\n  },\n)\n","import * as React from 'react'\n\nimport { cn } from '../../lib/utils'\nimport { MarkdownCodeBlock } from './MarkdownCodeBlock'\n\nexport interface MermaidDiagramProps {\n  code: string\n  theme?: 'neutral' | 'default' | 'dark' | 'forest'\n  labels?: { diagram?: string }\n  className?: string\n}\n\nlet mermaidInitialized = false\n\nasync function renderMermaid(id: string, code: string, theme: NonNullable<MermaidDiagramProps['theme']>): Promise<string> {\n  const mermaid = (await import('mermaid')).default\n  if (!mermaidInitialized) {\n    mermaid.initialize({ startOnLoad: false, securityLevel: 'strict', theme })\n    mermaidInitialized = true\n  }\n  const { svg } = await mermaid.render(id, code)\n  return svg\n}\n\nexport function extractText(node: React.ReactNode): string {\n  if (node === null || node === undefined || typeof node === 'boolean') {\n    return ''\n  }\n  if (typeof node === 'string' || typeof node === 'number') {\n    return String(node)\n  }\n  if (Array.isArray(node)) {\n    return node.map(extractText).join('')\n  }\n  if (React.isValidElement(node)) {\n    return extractText((node.props as { children?: React.ReactNode }).children)\n  }\n  return ''\n}\n\n/**\n * Lazily-rendered mermaid diagram (dynamic `import('mermaid')`, strict\n * security). Falls back to the plain code block when rendering fails —\n * study-assistant's proven behavior.\n */\nexport const MermaidDiagram = React.forwardRef<HTMLDivElement, MermaidDiagramProps>(\n  function MermaidDiagram({ code, theme = 'neutral', labels, className }, ref) {\n    const reactId = React.useId().replace(/[^a-zA-Z0-9]/g, '')\n    const [svg, setSvg] = React.useState<string | null>(null)\n    const [failed, setFailed] = React.useState(false)\n\n    React.useEffect(() => {\n      let cancelled = false\n      setFailed(false)\n      setSvg(null)\n      renderMermaid(`as-mermaid-${reactId}`, code, theme)\n        .then((result) => {\n          if (!cancelled) {\n            setSvg(result)\n          }\n        })\n        .catch(() => {\n          if (!cancelled) {\n            setFailed(true)\n          }\n        })\n      return () => {\n        cancelled = true\n      }\n    }, [code, theme, reactId])\n\n    if (failed || svg === null) {\n      return (\n        <MarkdownCodeBlock\n          ref={failed ? ref : undefined}\n          code={code}\n          language=\"mermaid\"\n          labels={{ code: labels?.diagram ?? 'Diagram' }}\n          className={cn('my-3', svg === null && !failed ? 'opacity-60' : undefined, className)}\n        />\n      )\n    }\n    return (\n      <div\n        ref={ref}\n        data-as=\"mermaid-diagram\"\n        className={cn(\n          'my-3 flex justify-center overflow-x-auto rounded-[var(--as-radius)] border border-[var(--as-border)] bg-[var(--as-surface)] p-3 [&_svg]:max-w-full',\n          className,\n        )}\n        // mermaid runs with securityLevel 'strict' — no user styles, scripts or links survive\n        dangerouslySetInnerHTML={{ __html: svg }}\n      />\n    )\n  },\n)\n","import * as React from 'react'\nimport { defaultUrlTransform, type Components, type Options as ReactMarkdownOptions, type UrlTransform } from 'react-markdown'\nimport ReactMarkdown from 'react-markdown'\nimport rehypeKatex from 'rehype-katex'\nimport remarkGfm from 'remark-gfm'\nimport remarkMath from 'remark-math'\n\nimport { cn } from '../../lib/utils'\nimport { MarkdownCodeBlock, type MarkdownCodeBlockLabels } from './MarkdownCodeBlock'\nimport { extractText, MermaidDiagram } from './MermaidDiagram'\n\nexport type MarkdownComponents = Components\nexport type { MarkdownCodeBlockLabels }\n\nexport interface MarkdownSurfaceProps {\n  /** Markdown source (model output is untrusted — raw HTML never renders). */\n  value: string\n  /** Live turn: defers mermaid to the final render (streaming floods break diagrams). */\n  streaming?: boolean\n  gfm?: boolean\n  math?: boolean\n  /** Render ```mermaid fences as diagrams (forced off while `streaming`). */\n  mermaid?: boolean\n  mermaidTheme?: 'neutral' | 'default' | 'dark' | 'forest'\n  /** Per-key overrides of the default renderers (mentions, citations, links…). */\n  components?: MarkdownComponents\n  urlTransform?: UrlTransform\n  showCodeLanguage?: boolean\n  labels?: Partial<MarkdownCodeBlockLabels>\n  className?: string\n}\n\nconst fenceLanguage = (className: string | undefined): string | undefined =>\n  /language-([\\w+-]+)/.exec(className ?? '')?.[1]\n\n/**\n * The family's read-only streaming markdown surface: GFM tables, KaTeX math\n * (error-tolerant while streaming), lazily-imported mermaid diagrams, and\n * copyable code blocks with language tags. Raw HTML is never rendered\n * (no `rehype-raw`) — model output is untrusted input (ai-features §7).\n */\nexport const MarkdownSurface = React.memo(\n  React.forwardRef<HTMLDivElement, MarkdownSurfaceProps>(function MarkdownSurface(\n    {\n      value,\n      streaming = false,\n      gfm = true,\n      math = true,\n      mermaid = true,\n      mermaidTheme = 'neutral',\n      components,\n      urlTransform = defaultUrlTransform,\n      showCodeLanguage = true,\n      labels,\n      className,\n    },\n    ref,\n  ) {\n    const mermaidEnabled = mermaid && !streaming\n\n    const defaultComponents = React.useMemo<MarkdownComponents>(\n      () => ({\n        pre: ({ children }) => {\n          const child = Array.isArray(children) ? children[0] : children\n          if (React.isValidElement(child)) {\n            const childProps = child.props as { className?: string; children?: React.ReactNode }\n            const text = extractText(childProps.children).replace(/\\n$/, '')\n            const language = fenceLanguage(childProps.className)\n            if (language === 'mermaid' && mermaidEnabled) {\n              return <MermaidDiagram code={text} theme={mermaidTheme} labels={{ diagram: labels?.code }} />\n            }\n            return (\n              <MarkdownCodeBlock code={text} language={language} showLanguage={showCodeLanguage} labels={labels} />\n            )\n          }\n          return <pre>{children}</pre>\n        },\n        code: ({ className: codeClassName, children, ...rest }) => (\n          <code\n            className={cn(\n              'rounded-[var(--as-radius-sm)] bg-[var(--as-surface-raised)] px-1 py-0.5 font-mono text-[0.85em]',\n              codeClassName,\n            )}\n            {...rest}\n          >\n            {children}\n          </code>\n        ),\n        a: ({ href, children, ...rest }) => {\n          const external =\n            typeof href === 'string' && (href.startsWith('http://') || href.startsWith('https://'))\n          return (\n            <a\n              href={href}\n              className=\"text-[var(--as-primary)] underline underline-offset-2\"\n              {...(external ? { target: '_blank', rel: 'noopener noreferrer' } : {})}\n              {...rest}\n            >\n              {children}\n            </a>\n          )\n        },\n        table: ({ children, ...rest }) => (\n          <div className=\"my-3 overflow-x-auto rounded-[var(--as-radius)] border border-[var(--as-border)]\">\n            <table className=\"w-full border-collapse text-[0.875em]\" {...rest}>\n              {children}\n            </table>\n          </div>\n        ),\n        img: ({ alt, ...rest }) => (\n          <img alt={alt ?? ''} className=\"my-2 max-w-full rounded-[var(--as-radius)]\" loading=\"lazy\" {...rest} />\n        ),\n      }),\n      [labels, mermaidEnabled, mermaidTheme, showCodeLanguage],\n    )\n\n    const mergedComponents = React.useMemo(\n      () => ({ ...defaultComponents, ...components }),\n      [defaultComponents, components],\n    )\n\n    const remarkPlugins = React.useMemo(\n      () => [gfm ? remarkGfm : null, math ? remarkMath : null].filter((plugin) => plugin !== null),\n      [gfm, math],\n    )\n    const rehypePlugins = React.useMemo<ReactMarkdownOptions['rehypePlugins']>(\n      () =>\n        math\n          ? [[rehypeKatex, { strict: false, throwOnError: false, output: 'html' }]]\n          : [],\n      [math],\n    )\n\n    return (\n      <div ref={ref} data-as=\"chat-markdown\" className={cn('min-w-0 text-[var(--as-fg)]', className)}>\n        <ReactMarkdown\n          remarkPlugins={remarkPlugins}\n          rehypePlugins={rehypePlugins}\n          components={mergedComponents}\n          urlTransform={urlTransform}\n        >\n          {value}\n        </ReactMarkdown>\n      </div>\n    )\n  }),\n)\n\nexport { MarkdownCodeBlock }\n"]}

package/dist/chunk-HQIYSW2D.js

@@ -0,0 +1,131 @@
+import { activePathSet } from './chunk-Z4IBQ53C.js';
+import { cn } from './chunk-BLJWR4ZV.js';
+import * as React from 'react';
+import { MessageSquare, Sparkles, GitFork } from 'lucide-react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function excerptOf(excerpt, max) {
+  if (excerpt === void 0) {
+    return "";
+  }
+  const clean = excerpt.replace(/\s+/g, " ").trim();
+  return clean.length > max ? `${clean.slice(0, max - 1)}\u2026` : clean;
+}
+var ChatBranchTree = React.forwardRef(
+  function ChatBranchTree2({ tree, activeIds, onSelect, maxExcerpt = 100, icons, labels, className }, ref) {
+    const active = React.useMemo(() => activeIds ?? activePathSet(tree), [activeIds, tree]);
+    const UserIcon = icons?.user ?? MessageSquare;
+    const AssistantIcon = icons?.assistant ?? Sparkles;
+    const ForkIcon = icons?.fork ?? GitFork;
+    const rootIds = React.useMemo(
+      () => Object.values(tree.nodes).filter((node) => node.parentId === null).map((node) => node.id),
+      [tree]
+    );
+    const nodeIds = React.useMemo(() => Object.keys(tree.nodes), [tree]);
+    const [tabStopId, setTabStopId] = React.useState(null);
+    const effectiveTabStop = tabStopId !== null && nodeIds.includes(tabStopId) ? tabStopId : nodeIds[0];
+    const focusNode = (id) => {
+      setTabStopId(id);
+      document.querySelector(`[data-tree-node="${id}"]`)?.focus();
+    };
+    const onKeyDown = (event, id) => {
+      const index = nodeIds.indexOf(id);
+      if (event.key === "ArrowDown" && index < nodeIds.length - 1) {
+        event.preventDefault();
+        focusNode(nodeIds[index + 1]);
+      } else if (event.key === "ArrowUp" && index > 0) {
+        event.preventDefault();
+        focusNode(nodeIds[index - 1]);
+      } else if (event.key === "Home" && nodeIds.length > 0) {
+        event.preventDefault();
+        focusNode(nodeIds[0]);
+      } else if (event.key === "End" && nodeIds.length > 0) {
+        event.preventDefault();
+        focusNode(nodeIds[nodeIds.length - 1]);
+      } else if (event.key === "Enter" || event.key === " ") {
+        event.preventDefault();
+        onSelect?.(id);
+      }
+    };
+    const renderNode = (id, depth) => {
+      const node = tree.nodes[id];
+      if (node === void 0) {
+        return null;
+      }
+      const onPath = active.has(id);
+      const RoleIcon = node.role === "user" ? UserIcon : AssistantIcon;
+      const childCount = node.childIds.length;
+      return /* @__PURE__ */ jsxs("div", { role: "none", children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            role: "treeitem",
+            "aria-selected": onPath,
+            "aria-level": depth + 1,
+            tabIndex: id === effectiveTabStop ? 0 : -1,
+            "data-tree-node": id,
+            "data-on-path": onPath,
+            onKeyDown: (event) => onKeyDown(event, id),
+            onClick: () => onSelect?.(id),
+            className: cn(
+              "flex min-h-7 cursor-pointer select-none items-center gap-2 rounded-[var(--as-radius-sm)] px-1.5 py-1 text-xs transition-colors hover:bg-[var(--as-surface-raised)] focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-[var(--as-focus-ring)]",
+              onPath ? "text-[var(--as-fg)]" : "text-[var(--as-muted-fg)]"
+            ),
+            style: { paddingInlineStart: depth * 14 + 6 },
+            children: [
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  "aria-hidden": true,
+                  className: cn(
+                    "size-2 shrink-0 rounded-full border",
+                    onPath ? "border-[var(--as-primary)] bg-[var(--as-primary)]" : "border-[var(--as-border)] bg-transparent"
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsx(RoleIcon, { className: "size-3.5 shrink-0", "aria-hidden": true }),
+              /* @__PURE__ */ jsx("span", { className: cn("min-w-0 flex-1 truncate", onPath && "font-medium"), children: excerptOf(node.excerpt, maxExcerpt) }),
+              childCount > 1 ? /* @__PURE__ */ jsxs(
+                "span",
+                {
+                  className: "flex shrink-0 items-center gap-0.5 rounded-full bg-[var(--as-surface-raised)] px-1.5 py-0.5 text-[10px] text-[var(--as-muted-fg)]",
+                  title: labels?.forked?.(childCount) ?? `${childCount} variants`,
+                  children: [
+                    /* @__PURE__ */ jsx(ForkIcon, { className: "size-3", "aria-hidden": true }),
+                    childCount
+                  ]
+                }
+              ) : null
+            ]
+          }
+        ),
+        childCount > 0 ? /* @__PURE__ */ jsxs("div", { role: "group", className: "relative", children: [
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              "aria-hidden": true,
+              className: "absolute top-0 bottom-0 w-px bg-[var(--as-border)]",
+              style: { insetInlineStart: depth * 14 + 12 }
+            }
+          ),
+          node.childIds.map((childId) => renderNode(childId, depth + 1))
+        ] }) : null
+      ] }, id);
+    };
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        role: "tree",
+        "aria-label": labels?.tree ?? "Conversation branches",
+        "data-as": "chat-branch-tree",
+        className: cn("flex max-h-96 flex-col overflow-y-auto p-1 text-xs", className),
+        children: rootIds.length === 0 ? /* @__PURE__ */ jsx("p", { className: "px-2 py-3 text-[var(--as-muted-fg)]", children: labels?.tree ?? "No messages yet" }) : rootIds.map((id) => renderNode(id, 0))
+      }
+    );
+  }
+);
+
+export { ChatBranchTree };
+//# sourceMappingURL=chunk-HQIYSW2D.js.map
+//# sourceMappingURL=chunk-HQIYSW2D.js.map

package/dist/chunk-HQIYSW2D.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/chat-branch-tree/ChatBranchTree.tsx"],"names":["ChatBranchTree"],"mappings":"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","file":"chunk-HQIYSW2D.js","sourcesContent":["import * as React from 'react'\nimport { GitFork, MessageSquare, Sparkles } from 'lucide-react'\nimport type { LucideIcon } from 'lucide-react'\n\nimport { cn } from '../../lib/utils'\nimport { activePathSet, type BranchTree } from '../chat-core/tree'\n\nexport interface ChatBranchTreeIcons {\n  user: LucideIcon\n  assistant: LucideIcon\n  fork: LucideIcon\n}\n\nexport interface ChatBranchTreeLabels {\n  tree: string\n  user: string\n  assistant: string\n  forked: (count: number) => string\n}\n\nexport interface ChatBranchTreeNode {\n  id: string\n  role: 'user' | 'assistant' | 'system'\n  excerpt?: string\n  parentId: string | null\n  activeChildId: string | null\n  childIds: string[]\n}\n\nexport interface ChatBranchTreeProps {\n  /** From `buildBranchTree` / `linearTree` (chat-core). */\n  tree: BranchTree\n  /** Override the pointer-walk active set (e.g. while a select is pending). */\n  activeIds?: Set<string>\n  /** Click = flip one pointer (family `select` endpoint, level-flip semantics). */\n  onSelect?: (nodeId: string) => void\n  maxExcerpt?: number\n  icons?: Partial<ChatBranchTreeIcons>\n  labels?: Partial<ChatBranchTreeLabels>\n  className?: string\n}\n\nfunction excerptOf(excerpt: string | undefined, max: number): string {\n  if (excerpt === undefined) {\n    return ''\n  }\n  const clean = excerpt.replace(/\\s+/g, ' ').trim()\n  return clean.length > max ? `${clean.slice(0, max - 1)}…` : clean\n}\n\n/**\n * The OpenWebUI-style conversation tree rail (study's `BranchTreePanel`,\n * family branching contract): recursive commit-graph rows — filled dots on\n * the active path, hollow dots for hidden variants, fork badges, excerpts.\n * `role=\"tree\"` with roving-tabindex keyboard navigation.\n */\nexport const ChatBranchTree = React.forwardRef<HTMLDivElement, ChatBranchTreeProps>(\n  function ChatBranchTree({ tree, activeIds, onSelect, maxExcerpt = 100, icons, labels, className }, ref) {\n    const active = React.useMemo(() => activeIds ?? activePathSet(tree), [activeIds, tree])\n    const UserIcon = icons?.user ?? MessageSquare\n    const AssistantIcon = icons?.assistant ?? Sparkles\n    const ForkIcon = icons?.fork ?? GitFork\n    const rootIds = React.useMemo(\n      () => Object.values(tree.nodes).filter((node) => node.parentId === null).map((node) => node.id),\n      [tree],\n    )\n    const nodeIds = React.useMemo(() => Object.keys(tree.nodes), [tree])\n    const [tabStopId, setTabStopId] = React.useState<string | null>(null)\n    const effectiveTabStop = tabStopId !== null && nodeIds.includes(tabStopId) ? tabStopId : nodeIds[0]\n\n    const focusNode = (id: string) => {\n      setTabStopId(id)\n      document.querySelector<HTMLElement>(`[data-tree-node=\"${id}\"]`)?.focus()\n    }\n\n    const onKeyDown = (event: React.KeyboardEvent, id: string) => {\n      const index = nodeIds.indexOf(id)\n      if (event.key === 'ArrowDown' && index < nodeIds.length - 1) {\n        event.preventDefault()\n        focusNode(nodeIds[index + 1]!)\n      } else if (event.key === 'ArrowUp' && index > 0) {\n        event.preventDefault()\n        focusNode(nodeIds[index - 1]!)\n      } else if (event.key === 'Home' && nodeIds.length > 0) {\n        event.preventDefault()\n        focusNode(nodeIds[0]!)\n      } else if (event.key === 'End' && nodeIds.length > 0) {\n        event.preventDefault()\n        focusNode(nodeIds[nodeIds.length - 1]!)\n      } else if (event.key === 'Enter' || event.key === ' ') {\n        event.preventDefault()\n        onSelect?.(id)\n      }\n    }\n\n    const renderNode = (id: string, depth: number): React.ReactNode => {\n      const node = tree.nodes[id]\n      if (node === undefined) {\n        return null\n      }\n      const onPath = active.has(id)\n      const RoleIcon = node.role === 'user' ? UserIcon : AssistantIcon\n      const childCount = node.childIds.length\n      return (\n        <div key={id} role=\"none\">\n          <div\n            role=\"treeitem\"\n            aria-selected={onPath}\n            aria-level={depth + 1}\n            tabIndex={id === effectiveTabStop ? 0 : -1}\n            data-tree-node={id}\n            data-on-path={onPath}\n            onKeyDown={(event) => onKeyDown(event, id)}\n            onClick={() => onSelect?.(id)}\n            className={cn(\n              'flex min-h-7 cursor-pointer select-none items-center gap-2 rounded-[var(--as-radius-sm)] px-1.5 py-1 text-xs transition-colors hover:bg-[var(--as-surface-raised)] focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-[var(--as-focus-ring)]',\n              onPath ? 'text-[var(--as-fg)]' : 'text-[var(--as-muted-fg)]',\n            )}\n            style={{ paddingInlineStart: depth * 14 + 6 }}\n          >\n            <span\n              aria-hidden\n              className={cn(\n                'size-2 shrink-0 rounded-full border',\n                onPath\n                  ? 'border-[var(--as-primary)] bg-[var(--as-primary)]'\n                  : 'border-[var(--as-border)] bg-transparent',\n              )}\n            />\n            <RoleIcon className=\"size-3.5 shrink-0\" aria-hidden />\n            <span className={cn('min-w-0 flex-1 truncate', onPath && 'font-medium')}>\n              {excerptOf(node.excerpt, maxExcerpt)}\n            </span>\n            {childCount > 1 ? (\n              <span\n                className=\"flex shrink-0 items-center gap-0.5 rounded-full bg-[var(--as-surface-raised)] px-1.5 py-0.5 text-[10px] text-[var(--as-muted-fg)]\"\n                title={labels?.forked?.(childCount) ?? `${childCount} variants`}\n              >\n                <ForkIcon className=\"size-3\" aria-hidden />\n                {childCount}\n              </span>\n            ) : null}\n          </div>\n          {childCount > 0 ? (\n            <div role=\"group\" className=\"relative\">\n              <span\n                aria-hidden\n                className=\"absolute top-0 bottom-0 w-px bg-[var(--as-border)]\"\n                style={{ insetInlineStart: depth * 14 + 12 }}\n              />\n              {node.childIds.map((childId) => renderNode(childId, depth + 1))}\n            </div>\n          ) : null}\n        </div>\n      )\n    }\n\n    return (\n      <div\n        ref={ref}\n        role=\"tree\"\n        aria-label={labels?.tree ?? 'Conversation branches'}\n        data-as=\"chat-branch-tree\"\n        className={cn('flex max-h-96 flex-col overflow-y-auto p-1 text-xs', className)}\n      >\n        {rootIds.length === 0 ? (\n          <p className=\"px-2 py-3 text-[var(--as-muted-fg)]\">{labels?.tree ?? 'No messages yet'}</p>\n        ) : (\n          rootIds.map((id) => renderNode(id, 0))\n        )}\n      </div>\n    )\n  },\n)\n"]}

package/dist/chunk-JPDD5AFN.js

@@ -0,0 +1,119 @@
+import { Spinner } from './chunk-INTST5VG.js';
+import { cn } from './chunk-BLJWR4ZV.js';
+import * as React from 'react';
+import { Wrench, Check, TriangleAlert, ChevronDown } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function formatDuration(ms) {
+  if (ms < 1e3) {
+    return `${Math.round(ms)} ms`;
+  }
+  return `${(ms / 1e3).toFixed(1)} s`;
+}
+var ChatToolCard = React.forwardRef(
+  function ChatToolCard2({
+    name,
+    title,
+    status,
+    args,
+    result,
+    durationMs,
+    open: openProp,
+    defaultOpen = false,
+    onOpenChange,
+    labels,
+    icon: Icon = Wrench,
+    className
+  }, ref) {
+    const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen);
+    const isControlled = openProp !== void 0;
+    const open = isControlled ? openProp : uncontrolledOpen;
+    const regionId = React.useId();
+    const expandable = Boolean(args || result);
+    const toggle = () => {
+      if (!expandable) {
+        return;
+      }
+      const next = !open;
+      if (!isControlled) {
+        setUncontrolledOpen(next);
+      }
+      onOpenChange?.(next);
+    };
+    const onKeyDown = (event) => {
+      if (event.key === "Enter" || event.key === " ") {
+        event.preventDefault();
+        toggle();
+      }
+    };
+    const statusLabel = status === "running" ? labels?.running ?? "Running" : status === "done" ? labels?.done ?? "Done" : labels?.failed ?? "Failed";
+    const Header = expandable ? "button" : "div";
+    const headerProps = expandable ? {
+      type: "button",
+      "aria-expanded": open,
+      "aria-controls": regionId,
+      onClick: toggle,
+      onKeyDown
+    } : {};
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        "data-as": "chat-tool-card",
+        "data-status": status,
+        className: cn(
+          "rounded-[var(--as-radius)] border border-[var(--as-border)] bg-[var(--as-surface)] text-xs",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsxs(
+            Header,
+            {
+              ...headerProps,
+              className: "flex w-full items-center gap-2 px-2.5 py-1.5 text-left focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--as-focus-ring)]",
+              children: [
+                /* @__PURE__ */ jsx(Icon, { className: "size-3.5 shrink-0 text-[var(--as-muted-fg)]", "aria-hidden": true }),
+                /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
+                  /* @__PURE__ */ jsx("span", { className: "font-medium text-[var(--as-fg)]", children: title ?? name }),
+                  title ? /* @__PURE__ */ jsx("span", { className: "ml-1.5 font-mono text-[var(--as-muted-fg)]", children: name }) : null
+                ] }),
+                durationMs !== void 0 ? /* @__PURE__ */ jsx("span", { className: "shrink-0 tabular-nums text-[var(--as-muted-fg)]", children: formatDuration(durationMs) }) : null,
+                /* @__PURE__ */ jsxs(
+                  "span",
+                  {
+                    role: status === "running" ? "status" : void 0,
+                    className: cn(
+                      "flex shrink-0 items-center gap-1",
+                      status === "done" && "text-[var(--as-success)]",
+                      status === "failed" && "text-[var(--as-danger)]",
+                      status === "running" && "text-[var(--as-muted-fg)]"
+                    ),
+                    children: [
+                      status === "running" ? /* @__PURE__ */ jsx(Spinner, { size: "sm" }) : status === "done" ? /* @__PURE__ */ jsx(Check, { className: "size-3.5", "aria-hidden": true }) : /* @__PURE__ */ jsx(TriangleAlert, { className: "size-3.5", "aria-hidden": true }),
+                      /* @__PURE__ */ jsx("span", { className: "sr-only", children: statusLabel })
+                    ]
+                  }
+                ),
+                expandable ? /* @__PURE__ */ jsx(ChevronDown, { className: cn("size-3.5 shrink-0 text-[var(--as-muted-fg)] transition-transform", open && "rotate-180"), "aria-hidden": true }) : null
+              ]
+            }
+          ),
+          expandable && open ? /* @__PURE__ */ jsxs("div", { id: regionId, className: "flex flex-col gap-2 border-t border-[var(--as-border)] px-2.5 py-2", children: [
+            args ? /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("p", { className: "mb-1 font-medium uppercase tracking-wide text-[var(--as-muted-fg)]", children: labels?.args ?? "Arguments" }),
+              /* @__PURE__ */ jsx("pre", { className: "max-h-40 overflow-auto whitespace-pre-wrap break-words rounded-[var(--as-radius-sm)] bg-[var(--as-surface-raised)] p-2 font-mono text-[11px] leading-relaxed", children: args })
+            ] }) : null,
+            result ? /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("p", { className: "mb-1 font-medium uppercase tracking-wide text-[var(--as-muted-fg)]", children: labels?.result ?? "Result" }),
+              /* @__PURE__ */ jsx("pre", { className: "max-h-40 overflow-auto whitespace-pre-wrap break-words rounded-[var(--as-radius-sm)] bg-[var(--as-surface-raised)] p-2 font-mono text-[11px] leading-relaxed", children: result })
+            ] }) : null
+          ] }) : null
+        ]
+      }
+    );
+  }
+);
+
+export { ChatToolCard };
+//# sourceMappingURL=chunk-JPDD5AFN.js.map
+//# sourceMappingURL=chunk-JPDD5AFN.js.map

package/dist/chunk-JPDD5AFN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/chat-tool-card/ChatToolCard.tsx"],"names":["ChatToolCard"],"mappings":"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","file":"chunk-JPDD5AFN.js","sourcesContent":["import * as React from 'react'\nimport { Check, ChevronDown, TriangleAlert, Wrench } from 'lucide-react'\nimport type { LucideIcon } from 'lucide-react'\n\nimport { cn } from '../../lib/utils'\nimport { Spinner } from '../spinner/Spinner'\n\nexport interface ChatToolCardLabels {\n  running: string\n  done: string\n  failed: string\n  args: string\n  result: string\n  details: string\n}\n\nexport interface ChatToolCardProps {\n  name: string\n  /** Human title, e.g. \"Searching the job catalog\". */\n  title?: string\n  status: 'running' | 'done' | 'failed'\n  /** Serialized arguments (JSON string or formatted text). */\n  args?: string\n  /** Serialized result. */\n  result?: string\n  durationMs?: number\n  open?: boolean\n  defaultOpen?: boolean\n  onOpenChange?: (open: boolean) => void\n  labels?: Partial<ChatToolCardLabels>\n  icon?: LucideIcon\n  className?: string\n}\n\nfunction formatDuration(ms: number): string {\n  if (ms < 1000) {\n    return `${Math.round(ms)} ms`\n  }\n  return `${(ms / 1000).toFixed(1)} s`\n}\n\n/**\n * Inline tool-call observation card (study's `ToolCallCard` + health's tool\n * chips, generalized): status, duration, expandable args/result. The\n * inspector stays app-side (health opens its own modal from `onOpenChange`\n * or wrapping markup).\n */\nexport const ChatToolCard = React.forwardRef<HTMLDivElement, ChatToolCardProps>(\n  function ChatToolCard(\n    {\n      name,\n      title,\n      status,\n      args,\n      result,\n      durationMs,\n      open: openProp,\n      defaultOpen = false,\n      onOpenChange,\n      labels,\n      icon: Icon = Wrench,\n      className,\n    },\n    ref,\n  ) {\n    const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen)\n    const isControlled = openProp !== undefined\n    const open = isControlled ? openProp : uncontrolledOpen\n    const regionId = React.useId()\n    const expandable = Boolean(args || result)\n\n    const toggle = () => {\n      if (!expandable) {\n        return\n      }\n      const next = !open\n      if (!isControlled) {\n        setUncontrolledOpen(next)\n      }\n      onOpenChange?.(next)\n    }\n\n    const onKeyDown: React.KeyboardEventHandler<HTMLButtonElement> = (event) => {\n      if (event.key === 'Enter' || event.key === ' ') {\n        event.preventDefault()\n        toggle()\n      }\n    }\n\n    const statusLabel =\n      status === 'running' ? (labels?.running ?? 'Running') : status === 'done' ? (labels?.done ?? 'Done') : (labels?.failed ?? 'Failed')\n\n    const Header = (expandable ? 'button' : 'div') as 'button'\n    const headerProps: React.ComponentPropsWithoutRef<'button'> = expandable\n      ? {\n          type: 'button',\n          'aria-expanded': open,\n          'aria-controls': regionId,\n          onClick: toggle,\n          onKeyDown,\n        }\n      : {}\n\n    return (\n      <div\n        ref={ref}\n        data-as=\"chat-tool-card\"\n        data-status={status}\n        className={cn(\n          'rounded-[var(--as-radius)] border border-[var(--as-border)] bg-[var(--as-surface)] text-xs',\n          className,\n        )}\n      >\n        <Header\n          {...headerProps}\n          className=\"flex w-full items-center gap-2 px-2.5 py-1.5 text-left focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--as-focus-ring)]\"\n        >\n          <Icon className=\"size-3.5 shrink-0 text-[var(--as-muted-fg)]\" aria-hidden />\n          <span className=\"min-w-0 flex-1\">\n            <span className=\"font-medium text-[var(--as-fg)]\">{title ?? name}</span>\n            {title ? <span className=\"ml-1.5 font-mono text-[var(--as-muted-fg)]\">{name}</span> : null}\n          </span>\n          {durationMs !== undefined ? (\n            <span className=\"shrink-0 tabular-nums text-[var(--as-muted-fg)]\">{formatDuration(durationMs)}</span>\n          ) : null}\n          <span\n            role={status === 'running' ? 'status' : undefined}\n            className={cn(\n              'flex shrink-0 items-center gap-1',\n              status === 'done' && 'text-[var(--as-success)]',\n              status === 'failed' && 'text-[var(--as-danger)]',\n              status === 'running' && 'text-[var(--as-muted-fg)]',\n            )}\n          >\n            {status === 'running' ? (\n              <Spinner size=\"sm\" />\n            ) : status === 'done' ? (\n              <Check className=\"size-3.5\" aria-hidden />\n            ) : (\n              <TriangleAlert className=\"size-3.5\" aria-hidden />\n            )}\n            <span className=\"sr-only\">{statusLabel}</span>\n          </span>\n          {expandable ? (\n            <ChevronDown className={cn('size-3.5 shrink-0 text-[var(--as-muted-fg)] transition-transform', open && 'rotate-180')} aria-hidden />\n          ) : null}\n        </Header>\n        {expandable && open ? (\n          <div id={regionId} className=\"flex flex-col gap-2 border-t border-[var(--as-border)] px-2.5 py-2\">\n            {args ? (\n              <div>\n                <p className=\"mb-1 font-medium uppercase tracking-wide text-[var(--as-muted-fg)]\">{labels?.args ?? 'Arguments'}</p>\n                <pre className=\"max-h-40 overflow-auto whitespace-pre-wrap break-words rounded-[var(--as-radius-sm)] bg-[var(--as-surface-raised)] p-2 font-mono text-[11px] leading-relaxed\">\n                  {args}\n                </pre>\n              </div>\n            ) : null}\n            {result ? (\n              <div>\n                <p className=\"mb-1 font-medium uppercase tracking-wide text-[var(--as-muted-fg)]\">{labels?.result ?? 'Result'}</p>\n                <pre className=\"max-h-40 overflow-auto whitespace-pre-wrap break-words rounded-[var(--as-radius-sm)] bg-[var(--as-surface-raised)] p-2 font-mono text-[11px] leading-relaxed\">\n                  {result}\n                </pre>\n              </div>\n            ) : null}\n          </div>\n        ) : null}\n      </div>\n    )\n  },\n)\n"]}

package/dist/chunk-LSCWBNG3.js

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=chunk-LSCWBNG3.js.map
+//# sourceMappingURL=chunk-LSCWBNG3.js.map

package/dist/chunk-LSCWBNG3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-LSCWBNG3.js"}