@mastra/playground-ui 55.0.0-alpha.5 → 55.0.0

package/dist/{markdown-renderer-Wmdi_oR8.js → markdown-renderer-Dp1fJwUB.js}

@@ -1,11 +1,18 @@
-import { jsx } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useRef, useEffect, memo, useMemo } from 'react';
 import Markdown from 'react-markdown';
 import remarkGfm from 'remark-gfm';
 import remend from 'remend';
 import { ARRIVING_CLASS, ARRIVING_MS } from './tokens.es.js';
 import { a as useWatched } from './use-watched-CG9KoWl3.js';
-import { C as CodeBlock } from './code-block-CyHjdW02.js';
+import { CheckIcon, CopyIcon, ChevronDownIcon, DownloadIcon } from 'lucide-react';
+import { B as Button } from './Button-BVGwYwHT.js';
+import { B as ButtonsGroup } from './buttons-group-CHyXDQBp.js';
+import { D as DropdownMenu } from './dropdown-menu-C853KwJJ.js';
+import { useCopyToClipboard } from './hooks/use-copy-to-clipboard.es.js';
+import { gfmToMarkdown } from 'mdast-util-gfm';
+import { toMarkdown } from 'mdast-util-to-markdown';
+import { C as CodeBlock } from './code-block-BdzrmA-p.js';
 import { c as cn } from './cn-ByEbywDh.js';
 
 import './markdown-renderer.css';const UNBROKEN = /* @__PURE__ */ new Set(["pre", "code"]);
@@ -94,6 +101,147 @@ function splitBlocks(markdown) {
   });
 }
 
+function spreadsheetCell(value) {
+  const numeric = /^[+-]?(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?$/i.test(value.trim());
+  const formula = /^[\s\uFEFF]*[=+\-@＝＋－＠]/u.test(value);
+  const controlPrefix = /^[\t\r\n]/.test(value);
+  const safe = controlPrefix || formula && !numeric ? `'${value}` : value;
+  return `"${safe.replaceAll('"', '""')}"`;
+}
+function tableToCsv(rows) {
+  return rows.map((row) => row.map(spreadsheetCell).join(",")).join("\r\n");
+}
+function downloadTableCsv(csv) {
+  const blob = new Blob(["\uFEFF", csv], { type: "text/csv;charset=utf-8" });
+  const url = URL.createObjectURL(blob);
+  const anchor = document.createElement("a");
+  anchor.href = url;
+  anchor.download = "table.csv";
+  document.body.appendChild(anchor);
+  anchor.click();
+  anchor.remove();
+  URL.revokeObjectURL(url);
+}
+
+function MarkdownTable({ node, children }) {
+  const markdown = node?.properties.tableMarkdown;
+  const csv = node?.properties.tableCsv;
+  const { isCopied, copyToClipboard } = useCopyToClipboard({ copyMessage: "Copied table markdown" });
+  return /* @__PURE__ */ jsxs("div", { className: "my-3 w-fit max-w-full min-w-0", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxs(ButtonsGroup, { spacing: "close", "aria-label": "Table actions", children: [
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          type: "button",
+          size: "xs",
+          variant: "ghost",
+          disabled: typeof markdown !== "string",
+          onClick: () => {
+            if (typeof markdown === "string") copyToClipboard(markdown);
+          },
+          "aria-label": "Copy table as markdown",
+          children: [
+            isCopied ? /* @__PURE__ */ jsx(CheckIcon, {}) : /* @__PURE__ */ jsx(CopyIcon, {}),
+            isCopied ? "Copied!" : "Copy table as markdown"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+        /* @__PURE__ */ jsx(
+          DropdownMenu.Trigger,
+          {
+            disabled: typeof csv !== "string",
+            render: /* @__PURE__ */ jsx(Button, { type: "button", size: "icon-xs", variant: "ghost", "aria-label": "More table options", children: /* @__PURE__ */ jsx(ChevronDownIcon, {}) })
+          }
+        ),
+        /* @__PURE__ */ jsx(DropdownMenu.Content, { align: "end", size: "sm", className: "w-max min-w-0", children: /* @__PURE__ */ jsxs(
+          DropdownMenu.Item,
+          {
+            size: "sm",
+            onClick: () => {
+              if (typeof csv === "string") downloadTableCsv(csv);
+            },
+            children: [
+              /* @__PURE__ */ jsx(DownloadIcon, {}),
+              "Download CSV"
+            ]
+          }
+        ) })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx("div", { className: "max-w-full overflow-x-auto", children: /* @__PURE__ */ jsx("table", { className: "table min-w-full", children }) })
+  ] });
+}
+
+function cellText(node) {
+  if (node.type === "footnoteReference") return `[^${node.label ?? node.identifier}]`;
+  if ("value" in node) return node.value;
+  if (node.type === "image" || node.type === "imageReference") return node.alt ?? "";
+  return "children" in node ? node.children.map(cellText).join("") : "";
+}
+function walk(node, visit) {
+  visit(node);
+  if ("children" in node) node.children.forEach((child) => walk(child, visit));
+}
+const SERIALIZE_OPTIONS = { extensions: [gfmToMarkdown()] };
+function remarkTableMarkdown() {
+  return (tree, file) => {
+    const source = String(file.value);
+    const definitions = /* @__PURE__ */ new Map();
+    const tables = [];
+    walk(tree, (node) => {
+      if (node.type === "definition" || node.type === "footnoteDefinition") {
+        const key = `${node.type}:${node.identifier}`;
+        if (!definitions.has(key)) definitions.set(key, node);
+      }
+      if (node.type === "table") tables.push(node);
+    });
+    const lines = source.split(/\r\n|\r|\n/);
+    for (const table of tables) {
+      const header = table.children[0];
+      if (!header?.position) continue;
+      const rows = table.children.map((row) => {
+        const start = row.position?.start.offset;
+        const end = row.position?.end.offset;
+        return start === void 0 || end === void 0 ? void 0 : source.slice(start, end);
+      });
+      if (!rows.every((row) => row !== void 0)) continue;
+      const delimiter = lines[header.position.start.line]?.replace(/^[\t >]*/, "");
+      if (delimiter === void 0) continue;
+      const markdown = [rows[0], delimiter, ...rows.slice(1)];
+      const used = /* @__PURE__ */ new Set();
+      const collectReference = (node) => {
+        if (node.type === "linkReference" || node.type === "imageReference") {
+          used.add(`definition:${node.identifier}`);
+        } else if (node.type === "footnoteReference") {
+          used.add(`footnoteDefinition:${node.identifier}`);
+        }
+      };
+      walk(table, collectReference);
+      for (const key of used) {
+        const definition = definitions.get(key);
+        if (!definition) continue;
+        markdown.push("", toMarkdown(definition, SERIALIZE_OPTIONS).trimEnd());
+        walk(definition, collectReference);
+      }
+      const cells = table.children.map(
+        (row) => Array.from({ length: header.children.length }, (_, index) => {
+          const cell = row.children[index];
+          return cell ? cellText(cell) : "";
+        })
+      );
+      table.data = {
+        ...table.data,
+        hProperties: {
+          ...table.data?.hProperties,
+          tableMarkdown: markdown.join("\n"),
+          tableCsv: tableToCsv(cells)
+        }
+      };
+    }
+  };
+}
+
 function useSettledWords(words, streaming) {
   const watched = useWatched();
   const [settled, setSettled] = useState(() => watched && streaming ? 0 : words);
@@ -122,12 +270,13 @@ const MarkdownRenderer = memo(function MarkdownRenderer2({
   children,
   className,
   externalLinkTarget = "tab",
-  streaming = false
+  streaming = false,
+  tableActions = false
 }) {
   const shown = decodeEscapedNewlines(children);
   const blocks = useMemo(() => splitBlocks(shown), [shown]);
   const last = blocks.length - 1;
-  const components = externalLinkTarget === "window" ? WINDOW_COMPONENTS : COMPONENTS;
+  const components = (tableActions ? TABLE_COMPONENTS : DEFAULT_COMPONENTS)[externalLinkTarget];
   const spans = wordSpans(blocks);
   const settled = useSettledWords(spans.at(-1)?.end ?? 0, streaming);
   const settledWords = (span) => !span || settled >= span.end ? void 0 : Math.max(0, settled - span.start);
@@ -138,7 +287,9 @@ const MarkdownRenderer = memo(function MarkdownRenderer2({
     {
       content: index === last ? mended : block,
       settledWords: settledWords(spans[index]),
-      components
+      components,
+      streaming,
+      tableActions
     },
     index
   )) });
@@ -146,13 +297,23 @@ const MarkdownRenderer = memo(function MarkdownRenderer2({
 const MarkdownBlock = memo(function MarkdownBlock2({
   components,
   content,
-  settledWords
+  settledWords,
+  streaming,
+  tableActions
 }) {
   const rehypePlugins = useMemo(
     () => settledWords === void 0 ? SETTLED : [rehypeArriving(settledWords)],
     [settledWords]
   );
-  return /* @__PURE__ */ jsx(Markdown, { remarkPlugins: REMARK_PLUGINS, rehypePlugins, components, children: content });
+  return /* @__PURE__ */ jsx(
+    Markdown,
+    {
+      remarkPlugins: tableActions && !streaming ? COPYABLE_REMARK_PLUGINS : REMARK_PLUGINS,
+      rehypePlugins,
+      components,
+      children: content
+    }
+  );
 });
 const SETTLED = [];
 function wordSpans(blocks) {
@@ -227,6 +388,7 @@ function markdownLink(externalLinkTarget) {
   };
 }
 const REMARK_PLUGINS = [remarkGfm];
+const COPYABLE_REMARK_PLUGINS = [remarkGfm, remarkTableMarkdown];
 const REMEND_OPTIONS = { katex: false, linkMode: "text-only" };
 const COMPONENTS = {
   pre: MarkdownCodeBlock,
@@ -236,6 +398,11 @@ const WINDOW_COMPONENTS = {
   ...COMPONENTS,
   a: markdownLink("window")
 };
+const DEFAULT_COMPONENTS = { tab: COMPONENTS, window: WINDOW_COMPONENTS };
+const TABLE_COMPONENTS = {
+  tab: { ...COMPONENTS, table: MarkdownTable },
+  window: { ...WINDOW_COMPONENTS, table: MarkdownTable }
+};
 
 export { MarkdownRenderer as M };
-//# sourceMappingURL=markdown-renderer-Wmdi_oR8.js.map
+//# sourceMappingURL=markdown-renderer-Dp1fJwUB.js.map

package/dist/markdown-renderer-Dp1fJwUB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown-renderer-Dp1fJwUB.js","sources":["../src/ds/components/MarkdownRenderer/arriving.ts","../src/ds/components/MarkdownRenderer/blocks.ts","../src/ds/components/MarkdownRenderer/table-csv.ts","../src/ds/components/MarkdownRenderer/markdown-table.tsx","../src/ds/components/MarkdownRenderer/table-markdown.ts","../src/ds/components/MarkdownRenderer/use-settled.ts","../src/ds/components/MarkdownRenderer/markdown-renderer.tsx"],"sourcesContent":["import type { ExtraProps } from 'react-markdown';\n\nimport { ARRIVING_CLASS } from '@/ds/tokens';\n\nimport '@/ds/components/Arrival/arrival.css';\n\ntype MarkdownElement = NonNullable<ExtraProps['node']>;\ntype MarkdownChild = MarkdownElement['children'][number];\n\n/** Fades whole: a fence renders through `CodeBlock`, and inline code carries a background. */\nconst UNBROKEN = new Set(['pre', 'code']);\n\nconst wrap = (value: string, arriving: boolean): MarkdownChild => ({\n  type: 'element',\n  tagName: 'span',\n  properties: arriving ? { className: [ARRIVING_CLASS] } : {},\n  children: [{ type: 'text', value }],\n});\n\nfunction markArriving(node: MarkdownElement): void {\n  const classes = node.properties.className;\n\n  node.properties.className = Array.isArray(classes) ? [...classes, ARRIVING_CLASS] : [ARRIVING_CLASS];\n}\n\nfunction rebuild(nodes: MarkdownChild[], arriving: () => boolean): MarkdownChild[] {\n  const out: MarkdownChild[] = [];\n\n  for (const node of nodes) {\n    if (node.type === 'text') {\n      for (const piece of node.value.match(/\\S+|\\s+/g) ?? []) {\n        if (/\\S/.test(piece)) out.push(wrap(piece, arriving()));\n        else out.push({ type: 'text', value: piece });\n      }\n\n      continue;\n    }\n\n    out.push(node);\n\n    if (node.type !== 'element') continue;\n\n    if (!UNBROKEN.has(node.tagName)) node.children = rebuild(node.children, arriving);\n    else if (arriving()) markArriving(node);\n  }\n\n  return out;\n}\n\n/**\n * Gives every word of a block an element of its own, and the entrance class to\n * those past the first `settled` — the words that were not on screen yet when\n * the reader joined this reply.\n *\n * Every word, not just the arriving ones: react-markdown parses afresh on each\n * landing and React matches the children it already mounted by position, so a\n * wrapper that came and went would land where a bare text node used to be and\n * remount half the paragraph, replaying entrances that had long finished.\n * Wrapping the lot keeps every position fixed — a new word only ever appends —\n * and a word never gains the class it did not mount with, so nothing replays.\n */\nexport function rehypeArriving(settled: number) {\n  return function attach() {\n    return (tree: { children: MarkdownChild[] }) => {\n      let word = 0;\n\n      tree.children = rebuild(tree.children, () => word++ >= settled);\n    };\n  };\n}\n","const FENCE_OPEN = /^ {0,3}(`{3,}|~{3,})/;\nconst FENCE_CLOSE = /^ {0,3}(`{3,}|~{3,})[ \\t]*$/;\nconst LIST_ITEM = /^ {0,3}(?:[-*+]|\\d{1,9}[.)])(?:[ \\t]|$)/;\nconst INDENTED = /^(?:\\t| {2,})/;\nconst DEFINITION = /^ {0,3}\\[[^\\]]+\\]:/;\n\nfunction fenceOpenedBy(line: string): string | undefined {\n  return FENCE_OPEN.exec(line)?.[1];\n}\n\n// Both are runs of one character, so `startsWith` is \"same marker, at least as long\".\nfunction closesFence(line: string, marker: string): boolean {\n  return FENCE_CLOSE.exec(line)?.[1]?.startsWith(marker) ?? false;\n}\n\nfunction startsBlock(line: string, inList: boolean): boolean {\n  if (INDENTED.test(line)) return false;\n\n  return !(inList && LIST_ITEM.test(line));\n}\n\n/**\n * Cuts markdown into top-level blocks so a growing reply re-parses its last\n * block instead of all of them. Rejoining the result returns the input, and\n * every block renders as it would have inside the whole.\n *\n * Each rule only ever merges: over-merging costs a re-parse, while cutting a\n * construct in two changes what it renders as. Link reference and footnote\n * definitions resolve across blank lines, which no line-level rule can see, so\n * reaching one outside a fence abandons the split for the whole text.\n */\nexport function splitBlocks(markdown: string): string[] {\n  const lines = markdown.split('\\n');\n  const starts = [0];\n  let fence: string | undefined;\n  let started = false;\n  let broken = false;\n  let inList = false;\n\n  for (const [index, line] of lines.entries()) {\n    if (fence) {\n      if (closesFence(line, fence)) fence = undefined;\n      continue;\n    }\n\n    if (line.trim() === '') {\n      broken = started;\n      continue;\n    }\n\n    if (DEFINITION.test(line)) return [markdown];\n\n    if (broken && startsBlock(line, inList)) {\n      starts.push(index);\n      started = false;\n    }\n\n    if (!started) inList = LIST_ITEM.test(line);\n\n    started = true;\n    broken = false;\n    fence = fenceOpenedBy(line);\n  }\n\n  return starts.map((start, position) => {\n    const end = starts[position + 1];\n    const block = lines.slice(start, end ?? lines.length).join('\\n');\n\n    return end === undefined ? block : `${block}\\n`;\n  });\n}\n","function spreadsheetCell(value: string): string {\n  // Quoting alone does not stop spreadsheet apps from evaluating formulas.\n  const numeric = /^[+-]?(?:\\d+(?:\\.\\d*)?|\\.\\d+)(?:e[+-]?\\d+)?$/i.test(value.trim());\n  const formula = /^[\\s\\uFEFF]*[=+\\-@＝＋－＠]/u.test(value);\n  const controlPrefix = /^[\\t\\r\\n]/.test(value);\n  const safe = controlPrefix || (formula && !numeric) ? `'${value}` : value;\n  return `\"${safe.replaceAll('\"', '\"\"')}\"`;\n}\n\nexport function tableToCsv(rows: string[][]): string {\n  return rows.map(row => row.map(spreadsheetCell).join(',')).join('\\r\\n');\n}\n\nexport function downloadTableCsv(csv: string): void {\n  const blob = new Blob(['\\uFEFF', csv], { type: 'text/csv;charset=utf-8' });\n  const url = URL.createObjectURL(blob);\n  const anchor = document.createElement('a');\n  anchor.href = url;\n  anchor.download = 'table.csv';\n  document.body.appendChild(anchor);\n  anchor.click();\n  anchor.remove();\n  URL.revokeObjectURL(url);\n}\n","import { CheckIcon, ChevronDownIcon, CopyIcon, DownloadIcon } from 'lucide-react';\nimport type { ComponentProps } from 'react';\nimport type { ExtraProps } from 'react-markdown';\nimport { downloadTableCsv } from './table-csv';\nimport { Button } from '@/ds/components/Button';\nimport { ButtonsGroup } from '@/ds/components/ButtonsGroup';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu';\nimport { useCopyToClipboard } from '@/hooks/use-copy-to-clipboard';\n\nexport function MarkdownTable({ node, children }: ComponentProps<'table'> & ExtraProps) {\n  const markdown = node?.properties.tableMarkdown;\n  const csv = node?.properties.tableCsv;\n  const { isCopied, copyToClipboard } = useCopyToClipboard({ copyMessage: 'Copied table markdown' });\n\n  return (\n    <div className=\"my-3 w-fit max-w-full min-w-0\">\n      <div className=\"flex justify-end\">\n        <ButtonsGroup spacing=\"close\" aria-label=\"Table actions\">\n          <Button\n            type=\"button\"\n            size=\"xs\"\n            variant=\"ghost\"\n            disabled={typeof markdown !== 'string'}\n            onClick={() => {\n              if (typeof markdown === 'string') copyToClipboard(markdown);\n            }}\n            aria-label=\"Copy table as markdown\"\n          >\n            {isCopied ? <CheckIcon /> : <CopyIcon />}\n            {isCopied ? 'Copied!' : 'Copy table as markdown'}\n          </Button>\n          <DropdownMenu>\n            <DropdownMenu.Trigger\n              disabled={typeof csv !== 'string'}\n              render={\n                <Button type=\"button\" size=\"icon-xs\" variant=\"ghost\" aria-label=\"More table options\">\n                  <ChevronDownIcon />\n                </Button>\n              }\n            />\n            <DropdownMenu.Content align=\"end\" size=\"sm\" className=\"w-max min-w-0\">\n              <DropdownMenu.Item\n                size=\"sm\"\n                onClick={() => {\n                  if (typeof csv === 'string') downloadTableCsv(csv);\n                }}\n              >\n                <DownloadIcon />\n                Download CSV\n              </DropdownMenu.Item>\n            </DropdownMenu.Content>\n          </DropdownMenu>\n        </ButtonsGroup>\n      </div>\n      <div className=\"max-w-full overflow-x-auto\">\n        <table className=\"table min-w-full\">{children}</table>\n      </div>\n    </div>\n  );\n}\n","import type { Definition, FootnoteDefinition, Nodes, Root, Table } from 'mdast';\nimport { gfmToMarkdown } from 'mdast-util-gfm';\nimport { toMarkdown } from 'mdast-util-to-markdown';\nimport { tableToCsv } from './table-csv';\n\nfunction cellText(node: Nodes): string {\n  if (node.type === 'footnoteReference') return `[^${node.label ?? node.identifier}]`;\n  if ('value' in node) return node.value;\n  if (node.type === 'image' || node.type === 'imageReference') return node.alt ?? '';\n  return 'children' in node ? node.children.map(cellText).join('') : '';\n}\n\nfunction walk(node: Nodes, visit: (node: Nodes) => void): void {\n  visit(node);\n  if ('children' in node) node.children.forEach(child => walk(child, visit));\n}\n\nconst SERIALIZE_OPTIONS = { extensions: [gfmToMarkdown()] };\n\n/** Capture table exports before rehype replaces text with animation spans. */\nexport function remarkTableMarkdown() {\n  return (tree: Root, file: { value: unknown }) => {\n    const source = String(file.value);\n    const definitions = new Map<string, Definition | FootnoteDefinition>();\n    const tables: Table[] = [];\n    walk(tree, node => {\n      if (node.type === 'definition' || node.type === 'footnoteDefinition') {\n        const key = `${node.type}:${node.identifier}`;\n        if (!definitions.has(key)) definitions.set(key, node);\n      }\n      if (node.type === 'table') tables.push(node);\n    });\n\n    const lines = source.split(/\\r\\n|\\r|\\n/);\n    for (const table of tables) {\n      const header = table.children[0];\n      if (!header?.position) continue;\n      const rows = table.children.map(row => {\n        const start = row.position?.start.offset;\n        const end = row.position?.end.offset;\n        return start === undefined || end === undefined ? undefined : source.slice(start, end);\n      });\n      // Only offer exports when the parser supplied the original row locations.\n      if (!rows.every(row => row !== undefined)) continue;\n      // Row positions exclude list/blockquote prefixes. The delimiter has no AST node.\n      const delimiter = lines[header.position.start.line]?.replace(/^[\\t >]*/, '');\n      if (delimiter === undefined) continue;\n      const markdown = [rows[0], delimiter, ...rows.slice(1)];\n      const used = new Set<string>();\n      const collectReference = (node: Nodes) => {\n        if (node.type === 'linkReference' || node.type === 'imageReference') {\n          used.add(`definition:${node.identifier}`);\n        } else if (node.type === 'footnoteReference') {\n          used.add(`footnoteDefinition:${node.identifier}`);\n        }\n      };\n      walk(table, collectReference);\n      // Visiting appended definitions also collects links/footnotes they depend on.\n      // The set prevents duplicates and cycles, including self-referencing footnotes.\n      for (const key of used) {\n        const definition = definitions.get(key);\n        if (!definition) continue;\n        markdown.push('', toMarkdown(definition, SERIALIZE_OPTIONS).trimEnd());\n        walk(definition, collectReference);\n      }\n      const cells = table.children.map(row =>\n        Array.from({ length: header.children.length }, (_, index) => {\n          const cell = row.children[index];\n          return cell ? cellText(cell) : '';\n        }),\n      );\n      table.data = {\n        ...table.data,\n        hProperties: {\n          ...table.data?.hProperties,\n          tableMarkdown: markdown.join('\\n'),\n          tableCsv: tableToCsv(cells),\n        },\n      };\n    }\n  };\n}\n","import { useEffect, useRef, useState } from 'react';\n\nimport { useWatched } from '@/ds/components/Arrival';\nimport { ARRIVING_MS } from '@/ds/tokens';\n\ninterface Landing {\n  words: number;\n  at: number;\n}\n\n/**\n * How many of a reply's words have been on screen long enough that their entrance is over.\n *\n * The entrance plays on whatever mounts carrying the class, so it replays every time a\n * word's element is rebuilt — and markdown rebuilds a growing tail constantly: a `-`\n * turns a paragraph into a list item, a closing `**` splits it around a `<strong>`, the\n * stream ends and the mend comes off. Each of those swaps the element a settled word\n * lives in, which is what makes a word already read fade in again.\n *\n * Ageing them out is the whole answer: a word carries the class only while it is new,\n * so however often the tail is rebuilt, only what is genuinely arriving animates.\n *\n * What counts as new at mount is not this hook's call. A reply the reader was handed\n * is already there, and a block that mounts complete — a card's output, an expanded\n * body — enters with its container. Only a passage born streaming under the reader's\n * eyes is new from its first word: the reveal often lands several words in its first\n * commit, and they enter like every word after them.\n */\nexport function useSettledWords(words: number, streaming: boolean): number {\n  const watched = useWatched();\n  const [settled, setSettled] = useState(() => (watched && streaming ? 0 : words));\n  const landings = useRef<Landing[]>([]);\n  const recorded = useRef(settled);\n\n  useEffect(() => {\n    if (recorded.current !== words) {\n      landings.current.push({ words, at: performance.now() });\n      recorded.current = words;\n    }\n\n    const waiting = landings.current[0];\n    if (!waiting) return;\n\n    const timer = setTimeout(\n      () => {\n        landings.current.shift();\n        setSettled(waiting.words);\n      },\n      Math.max(0, waiting.at + ARRIVING_MS - performance.now()),\n    );\n\n    return () => clearTimeout(timer);\n  }, [settled, words]);\n\n  // A shorter reply replacing the one on screen settles at once: nothing of it is new.\n  return Math.min(settled, words);\n}\n","import { memo, useMemo } from 'react';\nimport type { MouseEvent, MouseEventHandler, ReactNode } from 'react';\nimport Markdown from 'react-markdown';\nimport type { Components, ExtraProps, Options } from 'react-markdown';\nimport remarkGfm from 'remark-gfm';\nimport remend from 'remend';\n\nimport { rehypeArriving } from './arriving';\nimport { splitBlocks } from './blocks';\nimport { MarkdownTable } from './markdown-table';\nimport { remarkTableMarkdown } from './table-markdown';\nimport { useSettledWords } from './use-settled';\nimport { CodeBlock } from '@/ds/components/CodeBlock';\nimport { cn } from '@/lib/utils';\n\nimport './markdown-renderer.css';\n\nexport type MarkdownExternalLinkTarget = 'tab' | 'window';\n\nexport interface MarkdownRendererProps {\n  children: string;\n  className?: string;\n  externalLinkTarget?: MarkdownExternalLinkTarget;\n  /** The text is a prefix of one still being written: close the markers the stream has not reached. */\n  streaming?: boolean;\n  /** Opt in to table copy/download controls; disabled while this text is streaming. */\n  tableActions?: boolean;\n}\n\n/**\n * Renders a markdown string. Agent output can carry attacker-influenced text\n * (file contents, tool output, web pages): react-markdown escapes raw HTML and\n * drops dangerous link schemes, so nothing here reaches the DOM as markup.\n *\n * react-markdown re-parses on every render, and a streaming reply re-renders\n * its whole transcript on every delta. Memoizing spares the settled messages;\n * rendering block by block — streaming or not — spares every block of the live\n * one but the last, and lets a reply settle without remounting what is already\n * on screen.\n *\n * The text is drawn as given: pacing a stream is `useRevealedText`, and belongs to\n * whoever owns the whole of what is being laid down — a reply is prose, tool rows\n * and cards, and they have to arrive in the order they were written. Only what\n * lands after the reader joined plays an entrance, and only while it is still new:\n * a reply opened part-written is already there, and fading in what someone is\n * halfway through reading would be both a lie and a screenful of animations at\n * once.\n */\nexport const MarkdownRenderer = memo(function MarkdownRenderer({\n  children,\n  className,\n  externalLinkTarget = 'tab',\n  streaming = false,\n  tableActions = false,\n}: MarkdownRendererProps) {\n  const shown = decodeEscapedNewlines(children);\n  const blocks = useMemo(() => splitBlocks(shown), [shown]);\n  const last = blocks.length - 1;\n  const components = (tableActions ? TABLE_COMPONENTS : DEFAULT_COMPONENTS)[externalLinkTarget];\n\n  const spans = wordSpans(blocks);\n  const settled = useSettledWords(spans.at(-1)?.end ?? 0, streaming);\n\n  // A block whose words have all finished their entrance has nothing left to play,\n  // which is what `undefined` says: leave it as plain text, no spans at all.\n  const settledWords = (span: WordSpan | undefined): number | undefined =>\n    !span || settled >= span.end ? undefined : Math.max(0, settled - span.start);\n\n  const tail = blocks[last] ?? '';\n  const mended = useMemo(() => (streaming ? remend(tail, REMEND_OPTIONS) : tail), [streaming, tail]);\n\n  return (\n    <div className={cn('mastra-markdown', className)}>\n      {blocks.map((block, index) => (\n        <MarkdownBlock\n          key={index}\n          content={index === last ? mended : block}\n          settledWords={settledWords(spans[index])}\n          components={components}\n          streaming={streaming}\n          tableActions={tableActions}\n        />\n      ))}\n    </div>\n  );\n});\n\n/** Keyed by position at the call site: a content key remounts on every character. */\nconst MarkdownBlock = memo(function MarkdownBlock({\n  components,\n  content,\n  settledWords,\n  streaming,\n  tableActions,\n}: {\n  components: Components;\n  content: string;\n  settledWords?: number;\n  streaming: boolean;\n  tableActions: boolean;\n}) {\n  const rehypePlugins = useMemo(\n    () => (settledWords === undefined ? SETTLED : [rehypeArriving(settledWords)]),\n    [settledWords],\n  );\n\n  return (\n    <Markdown\n      remarkPlugins={tableActions && !streaming ? COPYABLE_REMARK_PLUGINS : REMARK_PLUGINS}\n      rehypePlugins={rehypePlugins}\n      components={components}\n    >\n      {content}\n    </Markdown>\n  );\n});\n\nconst SETTLED: Options['rehypePlugins'] = [];\n\ninterface WordSpan {\n  start: number;\n  end: number;\n}\n\n/**\n * Where each block's words fall in the reply's own count, so one settled count covers\n * them all. Counting the source counts its markers too, so the boundary only ever errs\n * towards leaving a word unanimated.\n */\nfunction wordSpans(blocks: string[]): WordSpan[] {\n  let read = 0;\n\n  return blocks.map(block => {\n    const span = { start: read, end: read + countWords(block) };\n    read = span.end;\n\n    return span;\n  });\n}\n\nfunction countWords(text: string): number {\n  return text.match(/\\S+/g)?.length ?? 0;\n}\n\n// Agent networks emit their text with literal `\\n`. Only unescape when the text\n// has no real newline, otherwise a `\"a\\nb\"` inside a code fence gets shredded.\nfunction decodeEscapedNewlines(text: string): string {\n  return text.includes('\\n') ? text : text.replace(/\\\\n/g, '\\n');\n}\n\ntype MarkdownNode = NonNullable<ExtraProps['node']>;\n\nfunction languageOf(node: MarkdownNode): string | undefined {\n  const classNames = node.properties.className;\n  if (!Array.isArray(classNames)) return undefined;\n\n  const language = classNames.find(entry => typeof entry === 'string' && entry.startsWith('language-'));\n  return typeof language === 'string' ? language.slice('language-'.length) : undefined;\n}\n\nfunction fencedCode(node: MarkdownNode | undefined): { code: string; language?: string } | undefined {\n  const child = node?.children.find(entry => entry.type === 'element' && entry.tagName === 'code');\n  if (child?.type !== 'element') return undefined;\n\n  const code = child.children.map(entry => (entry.type === 'text' ? entry.value : '')).join('');\n  return { code: code.replace(/\\n$/, ''), language: languageOf(child) };\n}\n\nfunction MarkdownCodeBlock({\n  node,\n  children,\n  className,\n}: {\n  node?: MarkdownNode;\n  children?: ReactNode;\n  className?: string;\n}) {\n  const fenced = fencedCode(node);\n  if (!fenced) return <pre className={className}>{children}</pre>;\n\n  return (\n    <CodeBlock\n      code={fenced.code}\n      lang={fenced.language}\n      overflow=\"scroll\"\n      className={cn('my-3 bg-surface1', className)}\n      copyMessage=\"Copied code to clipboard\"\n    />\n  );\n}\n\nconst POPUP_WINDOW_FEATURES = 'popup=yes,width=720,height=800,resizable=yes,scrollbars=yes';\n\nfunction isPlainLeftClick(event: MouseEvent): boolean {\n  return event.button === 0 && !event.metaKey && !event.ctrlKey && !event.shiftKey && !event.altKey;\n}\n\nfunction markdownLink(externalLinkTarget: MarkdownExternalLinkTarget): NonNullable<Components['a']> {\n  return function MarkdownLink({ href, title, children }) {\n    const isExternal = /^https?:\\/\\//i.test(href ?? '');\n\n    const openInPopup: MouseEventHandler<HTMLAnchorElement> = event => {\n      if (!isExternal || externalLinkTarget !== 'window' || !isPlainLeftClick(event)) return;\n\n      const popup = window.open(href, '_blank', POPUP_WINDOW_FEATURES);\n      if (!popup) return;\n\n      popup.opener = null;\n      event.preventDefault();\n    };\n\n    return (\n      <a\n        href={href}\n        title={title}\n        onClick={openInPopup}\n        target={isExternal ? '_blank' : undefined}\n        rel={isExternal ? 'noopener noreferrer' : undefined}\n      >\n        {children}\n      </a>\n    );\n  };\n}\n\nconst REMARK_PLUGINS = [remarkGfm];\nconst COPYABLE_REMARK_PLUGINS = [remarkGfm, remarkTableMarkdown];\n\n// Links stay text until their URL lands: remend's placeholder href would render\n// a live anchor to nowhere. No math is rendered here, so pairing `$$` would only\n// turn one literal into another.\nconst REMEND_OPTIONS = { katex: false, linkMode: 'text-only' } as const;\n\n// Elements are listed one by one: react-markdown also passes its `node`, which\n// React would forward to the DOM as a stray attribute. Everything else is\n// styled from markdown-renderer.css.\nconst COMPONENTS: Components = {\n  pre: MarkdownCodeBlock,\n  a: markdownLink('tab'),\n};\n\nconst WINDOW_COMPONENTS: Components = {\n  ...COMPONENTS,\n  a: markdownLink('window'),\n};\n\nconst DEFAULT_COMPONENTS = { tab: COMPONENTS, window: WINDOW_COMPONENTS };\nconst TABLE_COMPONENTS = {\n  tab: { ...COMPONENTS, table: MarkdownTable },\n  window: { ...WINDOW_COMPONENTS, table: MarkdownTable },\n};\n"],"names":["MarkdownRenderer","MarkdownBlock"],"mappings":"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"}

package/dist/{markdown-renderer-Ds3PaLdR.cjs → markdown-renderer-hBiN_N_-.cjs}

@@ -7,7 +7,14 @@ const remarkGfm = require('remark-gfm');
 const remend = require('remend');
 const tokens = require('./tokens.cjs.js');
 const useWatched = require('./use-watched-BixmYWp0.cjs');
-const codeBlock = require('./code-block-I7b2Wt_Y.cjs');
+const lucideReact = require('lucide-react');
+const Button = require('./Button-BJOVwaxp.cjs');
+const buttonsGroup = require('./buttons-group-jq7kUVlX.cjs');
+const dropdownMenu = require('./dropdown-menu-Bfh5ROWe.cjs');
+const hooks_useCopyToClipboard = require('./hooks/use-copy-to-clipboard.cjs.js');
+const mdastUtilGfm = require('mdast-util-gfm');
+const mdastUtilToMarkdown = require('mdast-util-to-markdown');
+const codeBlock = require('./code-block-D1RequlX.cjs');
 const utils_cn = require('./cn-DnbTIGXa.cjs');
 
 const UNBROKEN = /* @__PURE__ */ new Set(["pre", "code"]);
@@ -96,6 +103,147 @@ function splitBlocks(markdown) {
   });
 }
 
+function spreadsheetCell(value) {
+  const numeric = /^[+-]?(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?$/i.test(value.trim());
+  const formula = /^[\s\uFEFF]*[=+\-@＝＋－＠]/u.test(value);
+  const controlPrefix = /^[\t\r\n]/.test(value);
+  const safe = controlPrefix || formula && !numeric ? `'${value}` : value;
+  return `"${safe.replaceAll('"', '""')}"`;
+}
+function tableToCsv(rows) {
+  return rows.map((row) => row.map(spreadsheetCell).join(",")).join("\r\n");
+}
+function downloadTableCsv(csv) {
+  const blob = new Blob(["\uFEFF", csv], { type: "text/csv;charset=utf-8" });
+  const url = URL.createObjectURL(blob);
+  const anchor = document.createElement("a");
+  anchor.href = url;
+  anchor.download = "table.csv";
+  document.body.appendChild(anchor);
+  anchor.click();
+  anchor.remove();
+  URL.revokeObjectURL(url);
+}
+
+function MarkdownTable({ node, children }) {
+  const markdown = node?.properties.tableMarkdown;
+  const csv = node?.properties.tableCsv;
+  const { isCopied, copyToClipboard } = hooks_useCopyToClipboard.useCopyToClipboard({ copyMessage: "Copied table markdown" });
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "my-3 w-fit max-w-full min-w-0", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxRuntime.jsxs(buttonsGroup.ButtonsGroup, { spacing: "close", "aria-label": "Table actions", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        Button.Button,
+        {
+          type: "button",
+          size: "xs",
+          variant: "ghost",
+          disabled: typeof markdown !== "string",
+          onClick: () => {
+            if (typeof markdown === "string") copyToClipboard(markdown);
+          },
+          "aria-label": "Copy table as markdown",
+          children: [
+            isCopied ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, {}) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CopyIcon, {}),
+            isCopied ? "Copied!" : "Copy table as markdown"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs(dropdownMenu.DropdownMenu, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          dropdownMenu.DropdownMenu.Trigger,
+          {
+            disabled: typeof csv !== "string",
+            render: /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { type: "button", size: "icon-xs", variant: "ghost", "aria-label": "More table options", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, {}) })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(dropdownMenu.DropdownMenu.Content, { align: "end", size: "sm", className: "w-max min-w-0", children: /* @__PURE__ */ jsxRuntime.jsxs(
+          dropdownMenu.DropdownMenu.Item,
+          {
+            size: "sm",
+            onClick: () => {
+              if (typeof csv === "string") downloadTableCsv(csv);
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.DownloadIcon, {}),
+              "Download CSV"
+            ]
+          }
+        ) })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-full overflow-x-auto", children: /* @__PURE__ */ jsxRuntime.jsx("table", { className: "table min-w-full", children }) })
+  ] });
+}
+
+function cellText(node) {
+  if (node.type === "footnoteReference") return `[^${node.label ?? node.identifier}]`;
+  if ("value" in node) return node.value;
+  if (node.type === "image" || node.type === "imageReference") return node.alt ?? "";
+  return "children" in node ? node.children.map(cellText).join("") : "";
+}
+function walk(node, visit) {
+  visit(node);
+  if ("children" in node) node.children.forEach((child) => walk(child, visit));
+}
+const SERIALIZE_OPTIONS = { extensions: [mdastUtilGfm.gfmToMarkdown()] };
+function remarkTableMarkdown() {
+  return (tree, file) => {
+    const source = String(file.value);
+    const definitions = /* @__PURE__ */ new Map();
+    const tables = [];
+    walk(tree, (node) => {
+      if (node.type === "definition" || node.type === "footnoteDefinition") {
+        const key = `${node.type}:${node.identifier}`;
+        if (!definitions.has(key)) definitions.set(key, node);
+      }
+      if (node.type === "table") tables.push(node);
+    });
+    const lines = source.split(/\r\n|\r|\n/);
+    for (const table of tables) {
+      const header = table.children[0];
+      if (!header?.position) continue;
+      const rows = table.children.map((row) => {
+        const start = row.position?.start.offset;
+        const end = row.position?.end.offset;
+        return start === void 0 || end === void 0 ? void 0 : source.slice(start, end);
+      });
+      if (!rows.every((row) => row !== void 0)) continue;
+      const delimiter = lines[header.position.start.line]?.replace(/^[\t >]*/, "");
+      if (delimiter === void 0) continue;
+      const markdown = [rows[0], delimiter, ...rows.slice(1)];
+      const used = /* @__PURE__ */ new Set();
+      const collectReference = (node) => {
+        if (node.type === "linkReference" || node.type === "imageReference") {
+          used.add(`definition:${node.identifier}`);
+        } else if (node.type === "footnoteReference") {
+          used.add(`footnoteDefinition:${node.identifier}`);
+        }
+      };
+      walk(table, collectReference);
+      for (const key of used) {
+        const definition = definitions.get(key);
+        if (!definition) continue;
+        markdown.push("", mdastUtilToMarkdown.toMarkdown(definition, SERIALIZE_OPTIONS).trimEnd());
+        walk(definition, collectReference);
+      }
+      const cells = table.children.map(
+        (row) => Array.from({ length: header.children.length }, (_, index) => {
+          const cell = row.children[index];
+          return cell ? cellText(cell) : "";
+        })
+      );
+      table.data = {
+        ...table.data,
+        hProperties: {
+          ...table.data?.hProperties,
+          tableMarkdown: markdown.join("\n"),
+          tableCsv: tableToCsv(cells)
+        }
+      };
+    }
+  };
+}
+
 function useSettledWords(words, streaming) {
   const watched = useWatched.useWatched();
   const [settled, setSettled] = React.useState(() => watched && streaming ? 0 : words);
@@ -124,12 +272,13 @@ const MarkdownRenderer = React.memo(function MarkdownRenderer2({
   children,
   className,
   externalLinkTarget = "tab",
-  streaming = false
+  streaming = false,
+  tableActions = false
 }) {
   const shown = decodeEscapedNewlines(children);
   const blocks = React.useMemo(() => splitBlocks(shown), [shown]);
   const last = blocks.length - 1;
-  const components = externalLinkTarget === "window" ? WINDOW_COMPONENTS : COMPONENTS;
+  const components = (tableActions ? TABLE_COMPONENTS : DEFAULT_COMPONENTS)[externalLinkTarget];
   const spans = wordSpans(blocks);
   const settled = useSettledWords(spans.at(-1)?.end ?? 0, streaming);
   const settledWords = (span) => !span || settled >= span.end ? void 0 : Math.max(0, settled - span.start);
@@ -140,7 +289,9 @@ const MarkdownRenderer = React.memo(function MarkdownRenderer2({
     {
       content: index === last ? mended : block,
       settledWords: settledWords(spans[index]),
-      components
+      components,
+      streaming,
+      tableActions
     },
     index
   )) });
@@ -148,13 +299,23 @@ const MarkdownRenderer = React.memo(function MarkdownRenderer2({
 const MarkdownBlock = React.memo(function MarkdownBlock2({
   components,
   content,
-  settledWords
+  settledWords,
+  streaming,
+  tableActions
 }) {
   const rehypePlugins = React.useMemo(
     () => settledWords === void 0 ? SETTLED : [rehypeArriving(settledWords)],
     [settledWords]
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(Markdown, { remarkPlugins: REMARK_PLUGINS, rehypePlugins, components, children: content });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Markdown,
+    {
+      remarkPlugins: tableActions && !streaming ? COPYABLE_REMARK_PLUGINS : REMARK_PLUGINS,
+      rehypePlugins,
+      components,
+      children: content
+    }
+  );
 });
 const SETTLED = [];
 function wordSpans(blocks) {
@@ -229,6 +390,7 @@ function markdownLink(externalLinkTarget) {
   };
 }
 const REMARK_PLUGINS = [remarkGfm];
+const COPYABLE_REMARK_PLUGINS = [remarkGfm, remarkTableMarkdown];
 const REMEND_OPTIONS = { katex: false, linkMode: "text-only" };
 const COMPONENTS = {
   pre: MarkdownCodeBlock,
@@ -238,6 +400,11 @@ const WINDOW_COMPONENTS = {
   ...COMPONENTS,
   a: markdownLink("window")
 };
+const DEFAULT_COMPONENTS = { tab: COMPONENTS, window: WINDOW_COMPONENTS };
+const TABLE_COMPONENTS = {
+  tab: { ...COMPONENTS, table: MarkdownTable },
+  window: { ...WINDOW_COMPONENTS, table: MarkdownTable }
+};
 
 exports.MarkdownRenderer = MarkdownRenderer;
-//# sourceMappingURL=markdown-renderer-Ds3PaLdR.cjs.map
+//# sourceMappingURL=markdown-renderer-hBiN_N_-.cjs.map