@shapesos/clay 0.8.0 → 0.8.2

package/dist/{chunk-QUJYTIGD.js → chunk-NMKKU2UG.js}

@@ -2,18 +2,23 @@
 var PLACEHOLDER_PREFIX = "\u200B\u200BIC";
 var PLACEHOLDER_SUFFIX = "\u200B\u200B";
 var PLACEHOLDER_REGEX = new RegExp(`${PLACEHOLDER_PREFIX}(\\d+)${PLACEHOLDER_SUFFIX}`, "g");
+function stripInlineMarks(text) {
+  return text.replace(/\*{3}(.+?)\*{3}/g, "$1").replace(/\*{2}(.+?)\*{2}/g, "$1").replace(/_{2}(.+?)_{2}/g, "$1").replace(/\*(.+?)\*/g, "$1").replace(/_(.+?)_/g, "$1").replace(/~~(.+?)~~/g, "$1");
+}
 function markdownToPlainText(markdown) {
   if (!markdown) return "";
   const inlineCodeSnippets = [];
   let result = markdown.replace(/^<!--[\s\S]*?--!?>\n?/gm, "").replace(/```[\s\S]*?```/g, "").replace(/`([^`]+)`/g, (_match, code) => {
     inlineCodeSnippets.push(code);
     return `${PLACEHOLDER_PREFIX}${inlineCodeSnippets.length - 1}${PLACEHOLDER_SUFFIX}`;
-  }).replace(/^#{1,6}\s+/gm, "").replace(/^(?:---|\*\*\*|___)\s*$/gm, "").replace(/\*{3}(.+?)\*{3}/g, "$1").replace(/\*{2}(.+?)\*{2}/g, "$1").replace(/_{2}(.+?)_{2}/g, "$1").replace(/\*(.+?)\*/g, "$1").replace(/_(.+?)_/g, "$1").replace(/~~(.+?)~~/g, "$1").replace(/!\[([^\]]*)\]\([^)]+\)/g, "$1").replace(/\[([^\]]+)\]\([^)]+\)/g, "$1").replace(/^>\s?/gm, "").replace(/^\|[-:\s|]+\|\s*$/gm, "").replace(/^\|\s?/gm, "").replace(/\s?\|$/gm, "").replace(/\n{3,}/g, "\n\n").trim();
+  }).replace(/^#{1,6}\s+/gm, "").replace(/^(?:---|\*\*\*|___)\s*$/gm, "");
+  result = stripInlineMarks(result).replace(/!\[([^\]]*)\]\([^)]+\)/g, "$1").replace(/\[([^\]]+)\]\([^)]+\)/g, "$1").replace(/^>\s?/gm, "").replace(/^\|[-:\s|]+\|\s*$/gm, "").replace(/^\|\s?/gm, "").replace(/\s?\|$/gm, "").replace(/\n{3,}/g, "\n\n").trim();
   result = result.replace(PLACEHOLDER_REGEX, (_match, index) => inlineCodeSnippets[Number(index)]);
   return result;
 }
 
 export {
+  stripInlineMarks,
   markdownToPlainText
 };
-//# sourceMappingURL=chunk-QUJYTIGD.js.map
+//# sourceMappingURL=chunk-NMKKU2UG.js.map

package/dist/chunk-NMKKU2UG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/markdown-to-plain-text.ts"],"sourcesContent":["const PLACEHOLDER_PREFIX = \"\\u200B\\u200BIC\";\nconst PLACEHOLDER_SUFFIX = \"\\u200B\\u200B\";\nconst PLACEHOLDER_REGEX = new RegExp(`${PLACEHOLDER_PREFIX}(\\\\d+)${PLACEHOLDER_SUFFIX}`, \"g\");\n\n/**\n * Strips only inline markdown marks (bold, italic, strikethrough) from a string.\n * Does not touch block-level syntax (headings, blockquotes, horizontal rules, links, images)\n * so values like `> 100`, `# items`, or `---` are preserved as-is.\n * @param text - The text to strip inline marks from.\n * @returns The text with inline marks removed.\n */\nexport function stripInlineMarks(text: string): string {\n  return (\n    text\n      // Bold + italic\n      .replace(/\\*{3}(.+?)\\*{3}/g, \"$1\")\n      // Bold\n      .replace(/\\*{2}(.+?)\\*{2}/g, \"$1\")\n      .replace(/_{2}(.+?)_{2}/g, \"$1\")\n      // Italic\n      .replace(/\\*(.+?)\\*/g, \"$1\")\n      .replace(/_(.+?)_/g, \"$1\")\n      // Strikethrough\n      .replace(/~~(.+?)~~/g, \"$1\")\n  );\n}\n\n/**\n * Converts a Markdown string to plain text by stripping all formatting syntax.\n *\n * Handles headings, bold/italic/strikethrough, links, images, blockquotes, code blocks,\n * inline code, tables, and horizontal rules. Inline code content is preserved literally\n * (formatting inside backticks is not stripped).\n *\n * @param markdown - The Markdown source string.\n * @returns A plain-text string with all Markdown syntax removed.\n */\nexport function markdownToPlainText(markdown: string): string {\n  if (!markdown) return \"\";\n\n  // Protect inline code content from bold/italic stripping by replacing with placeholders\n  const inlineCodeSnippets: string[] = [];\n  let result = markdown\n    // HTML comments (e.g. <!-- table-title: ... -->), including multiline and --!> variants\n    .replace(/^<!--[\\s\\S]*?--!?>\\n?/gm, \"\")\n    // Code blocks (must come first)\n    .replace(/```[\\s\\S]*?```/g, \"\")\n    // Inline code → placeholder\n    .replace(/`([^`]+)`/g, (_match, code: string) => {\n      inlineCodeSnippets.push(code);\n      return `${PLACEHOLDER_PREFIX}${inlineCodeSnippets.length - 1}${PLACEHOLDER_SUFFIX}`;\n    })\n    // Remove headings markers, keep text\n    .replace(/^#{1,6}\\s+/gm, \"\")\n    // Remove horizontal rules\n    .replace(/^(?:---|\\*\\*\\*|___)\\s*$/gm, \"\");\n  result = stripInlineMarks(result)\n    // Images: ![alt](url) → alt (must come before links)\n    .replace(/!\\[([^\\]]*)\\]\\([^)]+\\)/g, \"$1\")\n    // Links: [text](url) → text\n    .replace(/\\[([^\\]]+)\\]\\([^)]+\\)/g, \"$1\")\n    // Blockquote markers\n    .replace(/^>\\s?/gm, \"\")\n    // Table separator rows (|---|---|)\n    .replace(/^\\|[-:\\s|]+\\|\\s*$/gm, \"\")\n    // Table rows: | a | b | → a | b\n    .replace(/^\\|\\s?/gm, \"\")\n    .replace(/\\s?\\|$/gm, \"\")\n    // Collapse multiple blank lines\n    .replace(/\\n{3,}/g, \"\\n\\n\")\n    .trim();\n\n  // Restore inline code content\n  result = result.replace(PLACEHOLDER_REGEX, (_match, index: string) => inlineCodeSnippets[Number(index)]);\n\n  return result;\n}\n"],"mappings":";AAAA,IAAM,qBAAqB;AAC3B,IAAM,qBAAqB;AAC3B,IAAM,oBAAoB,IAAI,OAAO,GAAG,kBAAkB,SAAS,kBAAkB,IAAI,GAAG;AASrF,SAAS,iBAAiB,MAAsB;AACrD,SACE,KAEG,QAAQ,oBAAoB,IAAI,EAEhC,QAAQ,oBAAoB,IAAI,EAChC,QAAQ,kBAAkB,IAAI,EAE9B,QAAQ,cAAc,IAAI,EAC1B,QAAQ,YAAY,IAAI,EAExB,QAAQ,cAAc,IAAI;AAEjC;AAYO,SAAS,oBAAoB,UAA0B;AAC5D,MAAI,CAAC,SAAU,QAAO;AAGtB,QAAM,qBAA+B,CAAC;AACtC,MAAI,SAAS,SAEV,QAAQ,2BAA2B,EAAE,EAErC,QAAQ,mBAAmB,EAAE,EAE7B,QAAQ,cAAc,CAAC,QAAQ,SAAiB;AAC/C,uBAAmB,KAAK,IAAI;AAC5B,WAAO,GAAG,kBAAkB,GAAG,mBAAmB,SAAS,CAAC,GAAG,kBAAkB;AAAA,EACnF,CAAC,EAEA,QAAQ,gBAAgB,EAAE,EAE1B,QAAQ,6BAA6B,EAAE;AAC1C,WAAS,iBAAiB,MAAM,EAE7B,QAAQ,2BAA2B,IAAI,EAEvC,QAAQ,0BAA0B,IAAI,EAEtC,QAAQ,WAAW,EAAE,EAErB,QAAQ,uBAAuB,EAAE,EAEjC,QAAQ,YAAY,EAAE,EACtB,QAAQ,YAAY,EAAE,EAEtB,QAAQ,WAAW,MAAM,EACzB,KAAK;AAGR,WAAS,OAAO,QAAQ,mBAAmB,CAAC,QAAQ,UAAkB,mBAAmB,OAAO,KAAK,CAAC,CAAC;AAEvG,SAAO;AACT;","names":[]}

package/dist/index.cjs

@@ -16754,7 +16754,6 @@ function typographyMixin(type) {
 }
 
 // src/components/chat/chat-message-content/chat-message-content.tsx
-var import_react3 = require("react");
 var import_react_markdown = __toESM(require("react-markdown"), 1);
 var import_remark_breaks = __toESM(require("remark-breaks"), 1);
 var import_remark_gfm = __toESM(require("remark-gfm"), 1);
@@ -16940,21 +16939,17 @@ function ChatMessageContent({ content: content2, messageId }) {
     const t = line.trim();
     return !(t.startsWith("<!-- table-title:") && t.endsWith("-->"));
   }).join("\n");
-  const markdownComponents = (0, import_react3.useMemo)(
-    () => ({
-      table: ((tableProps) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ScrollableTable, { ...tableProps, messageId, counter }))
-    }),
-    // eslint-disable-next-line react-hooks/exhaustive-deps -- counter is intentionally a fresh object each render for sequential table indexing
-    [messageId]
-  );
+  const markdownComponents = {
+    table: ((tableProps) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ScrollableTable, { ...tableProps, messageId, counter }))
+  };
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ContentWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_markdown.default, { remarkPlugins: [import_remark_gfm.default, import_remark_breaks.default], components: markdownComponents, children: sanitizedContent }) });
 }
 
 // src/components/chat/chat-message-actions/chat-message-actions.tsx
-var import_react7 = require("react");
+var import_react6 = require("react");
 
 // node_modules/@tabler/icons-react/dist/esm/createReactComponent.mjs
-var import_react4 = require("react");
+var import_react3 = require("react");
 
 // node_modules/@tabler/icons-react/dist/esm/defaultAttributes.mjs
 var defaultAttributes = {
@@ -16981,8 +16976,8 @@ var defaultAttributes = {
 
 // node_modules/@tabler/icons-react/dist/esm/createReactComponent.mjs
 var createReactComponent = (type, iconName, iconNamePascal, iconNode) => {
-  const Component = (0, import_react4.forwardRef)(
-    ({ color = "currentColor", size = 24, stroke = 2, title, className, children, ...rest }, ref) => (0, import_react4.createElement)(
+  const Component = (0, import_react3.forwardRef)(
+    ({ color = "currentColor", size = 24, stroke = 2, title, className, children, ...rest }, ref) => (0, import_react3.createElement)(
       "svg",
       {
         ref,
@@ -16999,8 +16994,8 @@ var createReactComponent = (type, iconName, iconNamePascal, iconNode) => {
         ...rest
       },
       [
-        title && (0, import_react4.createElement)("title", { key: "svg-title" }, title),
-        ...iconNode.map(([tag, attrs]) => (0, import_react4.createElement)(tag, attrs)),
+        title && (0, import_react3.createElement)("title", { key: "svg-title" }, title),
+        ...iconNode.map(([tag, attrs]) => (0, import_react3.createElement)(tag, attrs)),
         ...Array.isArray(children) ? children : [children]
       ]
     )
@@ -17026,7 +17021,7 @@ var __iconNode4 = [["path", { "d": "M7 11v8a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1v-7
 var IconThumbUp = createReactComponent("outline", "thumb-up", "ThumbUp", __iconNode4);
 
 // src/components/icon/icon.tsx
-var import_react5 = require("react");
+var import_react4 = require("react");
 
 // src/components/icon/icon-styles.ts
 var import_styled_components3 = __toESM(require("styled-components"), 1);
@@ -17053,7 +17048,7 @@ var IconWrapper = import_styled_components3.default.span`
 // src/components/icon/icon.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var DEFAULT_SIZE = 16;
-var Icon = (0, import_react5.forwardRef)(function Icon2({ icon: IconComponent, size = DEFAULT_SIZE, color, className, "aria-label": ariaLabel }, ref) {
+var Icon = (0, import_react4.forwardRef)(function Icon2({ icon: IconComponent, size = DEFAULT_SIZE, color, className, "aria-label": ariaLabel }, ref) {
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     IconWrapper,
     {
@@ -17146,7 +17141,7 @@ function IconButton({
 }
 
 // src/components/chat/hooks/use-copy-to-clipboard.ts
-var import_react6 = require("react");
+var import_react5 = require("react");
 
 // src/utils/clipboard.ts
 function copyToClipboard(text2, options) {
@@ -17160,13 +17155,17 @@ function copyToClipboard(text2, options) {
 var PLACEHOLDER_PREFIX = "\u200B\u200BIC";
 var PLACEHOLDER_SUFFIX = "\u200B\u200B";
 var PLACEHOLDER_REGEX = new RegExp(`${PLACEHOLDER_PREFIX}(\\d+)${PLACEHOLDER_SUFFIX}`, "g");
+function stripInlineMarks(text2) {
+  return text2.replace(/\*{3}(.+?)\*{3}/g, "$1").replace(/\*{2}(.+?)\*{2}/g, "$1").replace(/_{2}(.+?)_{2}/g, "$1").replace(/\*(.+?)\*/g, "$1").replace(/_(.+?)_/g, "$1").replace(/~~(.+?)~~/g, "$1");
+}
 function markdownToPlainText(markdown) {
   if (!markdown) return "";
   const inlineCodeSnippets = [];
   let result = markdown.replace(/^<!--[\s\S]*?--!?>\n?/gm, "").replace(/```[\s\S]*?```/g, "").replace(/`([^`]+)`/g, (_match, code) => {
     inlineCodeSnippets.push(code);
     return `${PLACEHOLDER_PREFIX}${inlineCodeSnippets.length - 1}${PLACEHOLDER_SUFFIX}`;
-  }).replace(/^#{1,6}\s+/gm, "").replace(/^(?:---|\*\*\*|___)\s*$/gm, "").replace(/\*{3}(.+?)\*{3}/g, "$1").replace(/\*{2}(.+?)\*{2}/g, "$1").replace(/_{2}(.+?)_{2}/g, "$1").replace(/\*(.+?)\*/g, "$1").replace(/_(.+?)_/g, "$1").replace(/~~(.+?)~~/g, "$1").replace(/!\[([^\]]*)\]\([^)]+\)/g, "$1").replace(/\[([^\]]+)\]\([^)]+\)/g, "$1").replace(/^>\s?/gm, "").replace(/^\|[-:\s|]+\|\s*$/gm, "").replace(/^\|\s?/gm, "").replace(/\s?\|$/gm, "").replace(/\n{3,}/g, "\n\n").trim();
+  }).replace(/^#{1,6}\s+/gm, "").replace(/^(?:---|\*\*\*|___)\s*$/gm, "");
+  result = stripInlineMarks(result).replace(/!\[([^\]]*)\]\([^)]+\)/g, "$1").replace(/\[([^\]]+)\]\([^)]+\)/g, "$1").replace(/^>\s?/gm, "").replace(/^\|[-:\s|]+\|\s*$/gm, "").replace(/^\|\s?/gm, "").replace(/\s?\|$/gm, "").replace(/\n{3,}/g, "\n\n").trim();
   result = result.replace(PLACEHOLDER_REGEX, (_match, index2) => inlineCodeSnippets[Number(index2)]);
   return result;
 }
@@ -17174,14 +17173,14 @@ function markdownToPlainText(markdown) {
 // src/components/chat/hooks/use-copy-to-clipboard.ts
 var RESET_DELAY_MS = 2e3;
 function useCopyToClipboard() {
-  const [isCopied, setIsCopied] = (0, import_react6.useState)(false);
-  const timeoutRef = (0, import_react6.useRef)(null);
-  (0, import_react6.useEffect)(() => {
+  const [isCopied, setIsCopied] = (0, import_react5.useState)(false);
+  const timeoutRef = (0, import_react5.useRef)(null);
+  (0, import_react5.useEffect)(() => {
     return () => {
       if (timeoutRef.current) clearTimeout(timeoutRef.current);
     };
   }, []);
-  const copy = (0, import_react6.useCallback)((text2) => {
+  const copy = (0, import_react5.useCallback)((text2) => {
     copyToClipboard(markdownToPlainText(text2), {
       onSuccess: () => {
         setIsCopied(true);
@@ -17225,14 +17224,14 @@ var import_jsx_runtime5 = require("react/jsx-runtime");
 function ChatMessageActions({ className, messageId, content: content2, role, isHelpful }) {
   const { onCopyMessage, onThumbUpClick, onThumbDownClick } = useChatContext();
   const { isCopied, copy } = useCopyToClipboard();
-  const handleCopy = (0, import_react7.useCallback)(() => {
+  const handleCopy = (0, import_react6.useCallback)(() => {
     copy(content2);
     onCopyMessage?.(messageId);
   }, [content2, messageId, copy, onCopyMessage]);
-  const handleThumbUp = (0, import_react7.useCallback)(() => {
+  const handleThumbUp = (0, import_react6.useCallback)(() => {
     onThumbUpClick?.(messageId, isHelpful === true ? null : true);
   }, [messageId, isHelpful, onThumbUpClick]);
-  const handleThumbDown = (0, import_react7.useCallback)(() => {
+  const handleThumbDown = (0, import_react6.useCallback)(() => {
     onThumbDownClick?.(messageId, isHelpful === false ? null : false);
   }, [messageId, isHelpful, onThumbDownClick]);
   const isAssistant = role === MESSAGE_ROLE.ASSISTANT;
@@ -17380,7 +17379,7 @@ function IconCtrl(props) {
 }
 
 // src/components/lottie/lottie.tsx
-var import_react9 = require("react");
+var import_react8 = require("react");
 
 // src/components/lottie/lottie-styles.ts
 var import_styled_components8 = __toESM(require("styled-components"), 1);
@@ -17396,7 +17395,7 @@ var LottieContainer = import_styled_components8.default.div`
 `;
 
 // src/components/lottie/use-lottie.ts
-var import_react8 = require("react");
+var import_react7 = require("react");
 var import_lottie_web = __toESM(require_lottie(), 1);
 function useLottie({
   animationData: animationData2,
@@ -17411,17 +17410,17 @@ function useLottie({
   onLoopComplete,
   onEnterFrame
 }) {
-  const containerRef = (0, import_react8.useRef)(null);
-  const animationRef = (0, import_react8.useRef)(null);
-  const onAnimationLoadedRef = (0, import_react8.useRef)(onAnimationLoaded);
-  const onCompleteRef = (0, import_react8.useRef)(onComplete);
-  const onLoopCompleteRef = (0, import_react8.useRef)(onLoopComplete);
-  const onEnterFrameRef = (0, import_react8.useRef)(onEnterFrame);
+  const containerRef = (0, import_react7.useRef)(null);
+  const animationRef = (0, import_react7.useRef)(null);
+  const onAnimationLoadedRef = (0, import_react7.useRef)(onAnimationLoaded);
+  const onCompleteRef = (0, import_react7.useRef)(onComplete);
+  const onLoopCompleteRef = (0, import_react7.useRef)(onLoopComplete);
+  const onEnterFrameRef = (0, import_react7.useRef)(onEnterFrame);
   onAnimationLoadedRef.current = onAnimationLoaded;
   onCompleteRef.current = onComplete;
   onLoopCompleteRef.current = onLoopComplete;
   onEnterFrameRef.current = onEnterFrame;
-  (0, import_react8.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     if (!containerRef.current) return;
     const anim = import_lottie_web.default.loadAnimation({
       container: containerRef.current,
@@ -17514,7 +17513,7 @@ function createLottieRef(animationRef) {
 
 // src/components/lottie/lottie.tsx
 var import_jsx_runtime9 = require("react/jsx-runtime");
-var Lottie = (0, import_react9.forwardRef)(function Lottie2({
+var Lottie = (0, import_react8.forwardRef)(function Lottie2({
   animationData: animationData2,
   autoplay,
   loop,
@@ -17544,7 +17543,7 @@ var Lottie = (0, import_react9.forwardRef)(function Lottie2({
     onLoopComplete,
     onEnterFrame
   });
-  (0, import_react9.useImperativeHandle)(ref, () => createLottieRef(animationRef), [animationRef]);
+  (0, import_react8.useImperativeHandle)(ref, () => createLottieRef(animationRef), [animationRef]);
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     LottieContainer,
     {
@@ -17559,7 +17558,7 @@ var Lottie = (0, import_react9.forwardRef)(function Lottie2({
 });
 
 // src/components/text-area/text-area.tsx
-var import_react10 = require("react");
+var import_react9 = require("react");
 
 // src/utils/merge-refs.ts
 function mergeRefs(...refs) {
@@ -17600,16 +17599,16 @@ var StyledTextArea = import_styled_components9.default.textarea`
 
 // src/components/text-area/text-area.tsx
 var import_jsx_runtime10 = require("react/jsx-runtime");
-var TextArea = (0, import_react10.forwardRef)(function TextArea2({ value: value2, onChange, placeholder, maxHeight, rows = 1, autoFocus, onKeyDown, disabled, className }, externalRef) {
-  const internalRef = (0, import_react10.useRef)(null);
-  (0, import_react10.useLayoutEffect)(() => {
+var TextArea = (0, import_react9.forwardRef)(function TextArea2({ value: value2, onChange, placeholder, maxHeight, rows = 1, autoFocus, onKeyDown, disabled, className }, externalRef) {
+  const internalRef = (0, import_react9.useRef)(null);
+  (0, import_react9.useLayoutEffect)(() => {
     const el = internalRef.current;
     if (el) {
       el.style.height = "auto";
       el.style.height = `${el.scrollHeight}px`;
     }
   }, [value2]);
-  const handleChange = (0, import_react10.useCallback)(
+  const handleChange = (0, import_react9.useCallback)(
     (e) => {
       onChange(e.target.value);
     },
@@ -17665,7 +17664,7 @@ function parseMarkdownTable(markdown, tableIndex = 0) {
       continue;
     }
     if (tableCount === tableIndex) {
-      const columns = parseCells(headerLine);
+      const columns = parseCells(headerLine).map(stripInlineMarks);
       const rows = [];
       const title = i > 0 ? extractTableTitle(lines[i - 1]) : void 0;
       for (let j = i + 2; j < lines.length; j++) {
@@ -17676,7 +17675,7 @@ function parseMarkdownTable(markdown, tableIndex = 0) {
         if (trimmedLine === "") {
           break;
         }
-        rows.push(parseCells(lines[j]));
+        rows.push(parseCells(lines[j]).map(stripInlineMarks));
       }
       return { columns, rows, ...title ? { title } : {} };
     }
@@ -17699,7 +17698,7 @@ function convertTableToCSV(table) {
 }
 
 // src/components/button/button.tsx
-var import_react11 = require("react");
+var import_react10 = require("react");
 
 // src/components/button/button-styles.ts
 var import_styled_components10 = __toESM(require("styled-components"), 1);
@@ -17797,7 +17796,7 @@ var ICON_POSITION = {
 
 // src/components/button/button.tsx
 var import_jsx_runtime11 = require("react/jsx-runtime");
-var Button2 = (0, import_react11.forwardRef)(function Button3({
+var Button2 = (0, import_react10.forwardRef)(function Button3({
   children,
   variant = BUTTON_VARIANT.SOLID,
   size = BUTTON_SIZE.M,