@smartspace/chat-ui 1.14.0-main.ff8a2ab → 1.14.2-main.19dc263

package/dist/index.js

@@ -7,7 +7,7 @@ import { createPortal } from 'react-dom';
 import { useQuery, queryOptions, useQueryClient, useMutation, skipToken } from '@tanstack/react-query';
 import { toast } from 'sonner';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { Editor, rootCtx, defaultValueCtx, editorViewOptionsCtx, editorViewCtx, serializerCtx, SchemaReady, nodeViewCtx, markViewCtx, schemaCtx, prosePluginsCtx, nodesCtx } from '@milkdown/core';
+import { Editor, rootCtx, defaultValueCtx, editorViewOptionsCtx, editorViewCtx, serializerCtx, parserCtx, SchemaReady, nodeViewCtx, markViewCtx, schemaCtx, prosePluginsCtx, nodesCtx } from '@milkdown/core';
 import { history } from '@milkdown/kit/plugin/history';
 import { clipboard } from '@milkdown/plugin-clipboard';
 import { listenerCtx, listener } from '@milkdown/plugin-listener';
@@ -424,6 +424,29 @@ var fileTag = $node("fileTag", () => ({
 var MAX_IFRAME_HEIGHT = 5e3;
 var HEIGHT_MESSAGE = "ss-html-preview-height";
 var ERROR_MESSAGE = "ss-html-preview-error";
+var SNAPSHOT_REQUEST = "ss-html-preview-snapshot";
+var SNAPSHOT_RESULT = "ss-html-preview-snapshot-result";
+var SS_MARKDOWN_CLIPBOARD_TYPE = "web text/markdown";
+var MARKDOWN_MARKER_PREFIX = "<!--ss-md:";
+var MARKDOWN_MARKER_SUFFIX = "-->";
+var MARKDOWN_MARKER_RE = /<!--ss-md:([A-Za-z0-9+/=]+)-->/;
+function encodeMarkdownMarker(markdown) {
+  try {
+    const b64 = btoa(unescape(encodeURIComponent(markdown)));
+    return `${MARKDOWN_MARKER_PREFIX}${b64}${MARKDOWN_MARKER_SUFFIX}`;
+  } catch {
+    return "";
+  }
+}
+function extractMarkdownMarker(html4) {
+  const match = html4.match(MARKDOWN_MARKER_RE);
+  if (!match) return null;
+  try {
+    return decodeURIComponent(escape(atob(match[1])));
+  } catch {
+    return null;
+  }
+}
 var HEIGHT_REPORTER_SCRIPT = `
 <script>(function(){
   try {
@@ -448,6 +471,48 @@ var HEIGHT_REPORTER_SCRIPT = `
   window.addEventListener('unhandledrejection', function(ev){
     reportError(ev && ev.reason && ev.reason.message);
   });
+  // Snapshot responder. The parent can't read this sandboxed (no
+  // allow-same-origin) document, so when it asks for a snapshot we rasterize
+  // our own <canvas> elements via toDataURL and post just the PNG strings
+  // back out \u2014 strings cross the sandbox boundary fine. Used by the message
+  // "smart copy" so client-side charts (Chart.js etc.) paste into Word as
+  // images instead of dead <canvas>/<script> source.
+  window.addEventListener('message', function(ev){
+    var d = ev && ev.data;
+    if (!d || d.type !== ${JSON.stringify(SNAPSHOT_REQUEST)}) return;
+    var images = [];
+    try {
+      var canvases = document.querySelectorAll('canvas');
+      for (var i = 0; i < canvases.length; i++) {
+        var c = canvases[i];
+        // Skip zero-area canvases (off-screen / not yet drawn).
+        if (!c.width || !c.height) continue;
+        try {
+          var rect = c.getBoundingClientRect();
+          images.push({
+            dataUrl: c.toDataURL('image/png'),
+            width: c.width,
+            height: c.height,
+            // On-screen CSS size, independent of devicePixelRatio scaling, so
+            // the pasted <img> renders at the chart's intended size rather than
+            // 2x on a retina display. Falls back to the pixel size.
+            cssWidth: Math.round(rect.width) || c.width,
+            cssHeight: Math.round(rect.height) || c.height
+          });
+        } catch (e) {
+          // Tainted canvas (cross-origin image drawn without CORS) \u2014 skip it;
+          // the host falls back to inlining the static HTML source.
+        }
+      }
+    } catch (e) {}
+    try {
+      parent.postMessage({
+        type: ${JSON.stringify(SNAPSHOT_RESULT)},
+        id: d.id,
+        images: images
+      }, '*');
+    } catch (e) {}
+  });
   var lastSent = -1;
   function send(){
     try {
@@ -533,6 +598,38 @@ async function copyText(text6) {
     return false;
   }
 }
+var snapshotSeq = 0;
+function snapshotIframe(iframe, timeoutMs = 1500) {
+  return new Promise((resolve) => {
+    const win = iframe.contentWindow;
+    if (!win || typeof window === "undefined") {
+      resolve([]);
+      return;
+    }
+    const id = `snap-${++snapshotSeq}`;
+    let settled = false;
+    const finish = (images) => {
+      if (settled) return;
+      settled = true;
+      window.removeEventListener("message", onMessage);
+      clearTimeout(timer);
+      resolve(images);
+    };
+    const onMessage = (event) => {
+      if (event.source !== win) return;
+      const data = event.data;
+      if (!data || data.type !== SNAPSHOT_RESULT || data.id !== id) return;
+      finish(Array.isArray(data.images) ? data.images : []);
+    };
+    const timer = setTimeout(() => finish([]), timeoutMs);
+    window.addEventListener("message", onMessage);
+    try {
+      win.postMessage({ type: SNAPSHOT_REQUEST, id }, "*");
+    } catch {
+      finish([]);
+    }
+  });
+}
 
 // src/shared/markdown/extensions/htmlPreview.ts
 var PREVIEW_LANGUAGES = /* @__PURE__ */ new Set(["html"]);
@@ -756,7 +853,7 @@ var mention = $node("mention", () => ({
     match: (node2) => node2.type.name === "mention",
     runner: (state, node2) => {
       const { id, label } = node2.attrs;
-      state.addNode("mention", void 0, `${id}|${label}`);
+      state.addNode("text", void 0, label || `@${id}`);
     }
   }
 }));
@@ -982,6 +1079,7 @@ function EditorInner({
   const [_isDragging, setIsDragging] = useState(false);
   const viewRef = useRef(null);
   const serializerRef = useRef(null);
+  const parserRef = useRef(null);
   function guessImageExt(mime) {
     const t = (mime || "").toLowerCase();
     if (t === "image/jpeg") return "jpg";
@@ -1100,6 +1198,10 @@ function EditorInner({
               serializerRef.current = anyCtx.get(serializerCtx);
             } catch {
             }
+            try {
+              parserRef.current = anyCtx.get(parserCtx);
+            } catch {
+            }
             const handle2 = () => {
               try {
                 if (enableMentions) updateMentionFromView();
@@ -1189,6 +1291,19 @@ function EditorInner({
     const tr = view.state.tr.replaceWith(from, to, node2);
     view.dispatch(tr.scrollIntoView());
   }
+  function insertMarkdownAtSelection(view, markdown) {
+    const parser = parserRef.current;
+    if (!parser) return false;
+    try {
+      const doc = parser(markdown);
+      if (!doc) return false;
+      const slice = new Slice(doc.content, 0, 0);
+      view.dispatch(view.state.tr.replaceSelection(slice).scrollIntoView());
+      return true;
+    } catch {
+      return false;
+    }
+  }
   async function insertUploadedFilesIntoEditor(files) {
     const view = viewRef.current;
     if (!isEditable || !view) return false;
@@ -1461,6 +1576,17 @@ function EditorInner({
       },
       onPasteCapture: (e) => {
         try {
+          const view = viewRef.current;
+          if (isEditable && view) {
+            const ssMarkdown = extractMarkdownMarker(
+              e.clipboardData?.getData("text/html") ?? ""
+            ) ?? e.clipboardData?.getData(SS_MARKDOWN_CLIPBOARD_TYPE);
+            if (ssMarkdown && insertMarkdownAtSelection(view, ssMarkdown)) {
+              e.preventDefault();
+              e.stopPropagation();
+              return;
+            }
+          }
           const items = e.clipboardData?.items;
           if (!items) return;
           const imageFiles = [];
@@ -3576,6 +3702,12 @@ var useThreadIsRunning = (workspaceId, threadId) => {
   return !!optimistic || !!(detailThread ?? listThread)?.isFlowRunning;
 };
 
+// src/shared/utils/randomUUID.ts
+function randomUUID() {
+  const cryptoObj = globalThis?.crypto;
+  return typeof cryptoObj?.randomUUID === "function" ? cryptoObj.randomUUID() : `${Date.now()}-${Math.random().toString(16).slice(2)}`;
+}
+
 // src/domains/messages/enums.ts
 var MessageValueType = /* @__PURE__ */ ((MessageValueType2) => {
   MessageValueType2["OUTPUT"] = "Output";
@@ -3623,10 +3755,10 @@ function useSendMessage() {
       if (!threadId) throw new Error("Thread ID is required");
       if (!workspaceId) throw new Error("Workspace ID is required");
       const optimistic = {
-        id: `temp-${crypto.randomUUID()}`,
+        id: `temp-${randomUUID()}`,
         values: [
           {
-            id: `temp-${crypto.randomUUID()}-prompt`,
+            id: `temp-${randomUUID()}-prompt`,
             type: "Input" /* INPUT */,
             name: "prompt",
             value: contentList,
@@ -3637,7 +3769,7 @@ function useSendMessage() {
           },
           ...files?.length ? [
             {
-              id: `temp-${crypto.randomUUID()}-files`,
+              id: `temp-${randomUUID()}-files`,
               type: "Input" /* INPUT */,
               name: "files",
               value: files,
@@ -3649,7 +3781,7 @@ function useSendMessage() {
           ] : [],
           ...variables && Object.keys(variables).length ? [
             {
-              id: `temp-${crypto.randomUUID()}-vars`,
+              id: `temp-${randomUUID()}-vars`,
               type: "Input" /* INPUT */,
               name: "variables",
               value: variables,
@@ -3718,8 +3850,9 @@ function useAddInputToMessage() {
   const { userId, displayName: userName } = useChatIdentity();
   const service = useChatService();
   const addInputToMessageMutation = useMutation({
-    mutationFn: async ({ threadId, messageId, name, value, channels }) => {
-      if (!threadId) throw new Error("Thread ID is required");
+    onMutate: async ({ threadId, messageId, name, value, channels }) => {
+      await qc.cancelQueries({ queryKey: messagesKeys.list(threadId) });
+      const previousMessages = qc.getQueryData(messagesKeys.list(threadId)) ?? [];
       qc.setQueryData(
         messagesKeys.list(threadId),
         (old = []) => old.map(
@@ -3728,7 +3861,7 @@ function useAddInputToMessage() {
             values: [
               ...m.values ?? [],
               {
-                id: `temp-${Date.now()}-add`,
+                id: `temp-${randomUUID()}-add`,
                 type: "Input" /* INPUT */,
                 name,
                 value,
@@ -3741,7 +3874,10 @@ function useAddInputToMessage() {
           } : m
         )
       );
-      await qc.cancelQueries({ queryKey: messagesKeys.list(threadId) });
+      return { previousMessages };
+    },
+    mutationFn: async ({ threadId, messageId, name, value, channels }) => {
+      if (!threadId) throw new Error("Thread ID is required");
       return await service.addInputToMessage({
         messageId,
         name,
@@ -3755,11 +3891,13 @@ function useAddInputToMessage() {
         (old = []) => reconcileWithMessage(old, message, "replace")
       );
     },
-    onError: (_e, { threadId }) => {
-      qc.setQueryData(
-        messagesKeys.list(threadId),
-        (old = []) => old.filter((m) => !m.optimistic)
-      );
+    onError: (_e, { threadId }, context) => {
+      if (context) {
+        qc.setQueryData(
+          messagesKeys.list(threadId),
+          context.previousMessages
+        );
+      }
       toast.error("There was an error posting your form input");
     },
     retry: false
@@ -18708,17 +18846,29 @@ function CodeBlock({ language, source }) {
     /* @__PURE__ */ jsx("pre", { ...language ? { "data-language": language } : {}, children: /* @__PURE__ */ jsx("code", { className: codeClass, children: source }) })
   ] });
 }
+var STREAM_SETTLE_MS = 250;
 function HtmlPreview({ source }) {
   const [showingPreview, setShowingPreview] = useState(true);
   const [copyLabel, setCopyLabel] = useState(
     "Copy"
   );
   const [iframeHeight, setIframeHeight] = useState(null);
+  const [settledSource, setSettledSource] = useState(source);
+  const [measured, setMeasured] = useState(false);
+  const loading = showingPreview && (source !== settledSource || !measured);
   const iframeRef = useRef(null);
   const rafIdRef = useRef(null);
   const pendingHeightRef = useRef(null);
   const copyResetTimerRef = useRef(null);
-  const srcdoc = injectHeightReporter(source);
+  const srcdoc = injectHeightReporter(settledSource);
+  useEffect(() => {
+    if (source === settledSource) return;
+    const id = setTimeout(() => setSettledSource(source), STREAM_SETTLE_MS);
+    return () => clearTimeout(id);
+  }, [source, settledSource]);
+  useEffect(() => {
+    setMeasured(false);
+  }, [settledSource]);
   useEffect(() => {
     ensureGlobalListener();
   }, []);
@@ -18733,6 +18883,7 @@ function HtmlPreview({ source }) {
       pendingHeightRef.current = null;
       if (next2 <= 0) return;
       setIframeHeight(next2);
+      setMeasured(true);
     };
     const scheduleHeight = (height) => {
       pendingHeightRef.current = height;
@@ -18824,19 +18975,35 @@ function HtmlPreview({ source }) {
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsx(
-      "iframe",
+    /* @__PURE__ */ jsxs(
+      "div",
       {
-        ref: iframeRef,
-        className: "ss-code-block__iframe",
-        sandbox: "allow-scripts",
-        loading: "lazy",
-        title: "HTML preview",
-        srcDoc: srcdoc,
+        className: "ss-code-block__preview",
         style: {
           display: showingPreview ? "block" : "none",
-          ...iframeHeight != null ? { height: `${iframeHeight}px` } : {}
-        }
+          ...loading ? { minHeight: 180 } : {}
+        },
+        children: [
+          loading && /* @__PURE__ */ jsxs("div", { className: "ss-code-block__loading", children: [
+            /* @__PURE__ */ jsx("div", { className: "ss-code-block__spinner" }),
+            /* @__PURE__ */ jsx("span", { children: "Rendering preview\u2026" })
+          ] }),
+          /* @__PURE__ */ jsx(
+            "iframe",
+            {
+              ref: iframeRef,
+              className: "ss-code-block__iframe",
+              sandbox: "allow-scripts",
+              loading: "lazy",
+              title: "HTML preview",
+              srcDoc: srcdoc,
+              style: {
+                opacity: loading ? 0 : 1,
+                ...loading ? { position: "absolute", inset: 0, height: "100%" } : iframeHeight != null ? { height: `${iframeHeight}px` } : {}
+              }
+            }
+          )
+        ]
       }
     ),
     /* @__PURE__ */ jsx(
@@ -19072,13 +19239,83 @@ function getBackgroundGradientClasses({
 }
 
 // src/domains/messages/errors.ts
-var getMessageErrorText = (code3) => {
-  switch (code3) {
-    case 429:
-      return "\u26A0\uFE0F**Rate Limit Exceeded**\n\nI'm receiving too many requests right now. Please wait a moment and try again.";
-    default:
-      return "\u26A0\uFE0F**Error**\n\nAn unexpected error occurred. Please try again.";
+var GENERIC_ERROR_TEXT = "\u26A0\uFE0F **Error**\n\nAn unexpected error occurred. Please try again.";
+var ERROR_CODE_TEXT = {
+  "llm.rate_limit": "\u26A0\uFE0F **The model is receiving too many requests**\n\nI'm being rate limited right now. Please wait a moment and try again.",
+  "llm.timeout": "\u26A0\uFE0F **The model took too long to respond**\n\nPlease try again. If this keeps happening, try a shorter question.",
+  "llm.transient_connection": "\u26A0\uFE0F **The connection to the model was interrupted**\n\nThis is usually temporary. Please try again.",
+  "llm.server_error": "\u26A0\uFE0F **The model provider had a problem**\n\nPlease try again in a moment.",
+  "llm.auth": "\u26A0\uFE0F **The model connection isn't authorised**\n\nAn administrator needs to check the model configuration.",
+  "llm.not_found": "\u26A0\uFE0F **The model or deployment could not be found**\n\nAn administrator needs to check the model configuration.",
+  "llm.invalid_request": "\u26A0\uFE0F **The request was rejected by the model provider**\n\nPlease try rephrasing your message.",
+  "llm.context_window": "\u26A0\uFE0F **This conversation is too long for the model**\n\nPlease start a new thread, or ask a shorter question.",
+  "llm.content_policy": "\u26A0\uFE0F **The response was blocked by a content filter**\n\nPlease rephrase your request.",
+  "llm.schema_validation": "\u26A0\uFE0F **The model returned an invalid response**\n\nPlease try again.",
+  "llm.unknown": GENERIC_ERROR_TEXT
+};
+var STATUS_CODE_TEXT = {
+  408: ERROR_CODE_TEXT["llm.timeout"],
+  429: ERROR_CODE_TEXT["llm.rate_limit"],
+  401: ERROR_CODE_TEXT["llm.auth"],
+  403: ERROR_CODE_TEXT["llm.auth"],
+  404: ERROR_CODE_TEXT["llm.not_found"],
+  500: ERROR_CODE_TEXT["llm.server_error"],
+  502: ERROR_CODE_TEXT["llm.server_error"],
+  503: ERROR_CODE_TEXT["llm.transient_connection"],
+  504: ERROR_CODE_TEXT["llm.timeout"]
+};
+var getMessageErrorText = (error) => {
+  if (typeof error === "number") {
+    return STATUS_CODE_TEXT[error] ?? GENERIC_ERROR_TEXT;
+  }
+  if (error.errorCode && ERROR_CODE_TEXT[error.errorCode]) {
+    return ERROR_CODE_TEXT[error.errorCode];
+  }
+  return STATUS_CODE_TEXT[error.code] ?? GENERIC_ERROR_TEXT;
+};
+
+// src/domains/messages/statuses.ts
+var asRecord = (value) => {
+  if (value && typeof value === "object" && !Array.isArray(value)) {
+    return value;
+  }
+  if (typeof value === "string" && value.trimStart().startsWith("{")) {
+    try {
+      const parsed = JSON.parse(value);
+      return asRecord(parsed);
+    } catch {
+      return null;
+    }
   }
+  return null;
+};
+var asNumber = (value) => typeof value === "number" && Number.isFinite(value) ? value : void 0;
+var parseRetryStatus = (value) => {
+  const record = asRecord(value);
+  if (!record || record["type"] !== "retry") return null;
+  const attempt = asNumber(record["attempt"]);
+  const maxAttempts = asNumber(record["maxAttempts"]) ?? asNumber(record["max_attempts"]);
+  if (attempt === void 0 || maxAttempts === void 0) return null;
+  const delaySeconds = asNumber(record["delaySeconds"]) ?? asNumber(record["delay_seconds"]);
+  const rawErrorCode = record["errorCode"] ?? record["error_code"];
+  return {
+    type: "retry",
+    attempt,
+    maxAttempts,
+    delaySeconds,
+    errorCode: typeof rawErrorCode === "string" ? rawErrorCode : void 0
+  };
+};
+var RETRY_REASON_TEXT = {
+  "llm.rate_limit": "the model is busy",
+  "llm.timeout": "the model took too long",
+  "llm.transient_connection": "the connection dropped",
+  "llm.server_error": "the model provider had a problem"
+};
+var getRetryStatusText = (status) => {
+  const reason = status.errorCode ? RETRY_REASON_TEXT[status.errorCode] : void 0;
+  const waiting = status.delaySeconds && status.delaySeconds >= 1 ? ` (waiting ~${Math.round(status.delaySeconds)}s)` : "";
+  return `${reason ? `Hit a snag \u2014 ${reason}. ` : "Hit a snag. "}Retrying, attempt ${status.attempt + 1} of ${status.maxAttempts}${waiting}\u2026`;
 };
 
 // src/theme/public-config.ts
@@ -19275,23 +19512,115 @@ function getUserPhotoUrl(userId) {
   if (!base2) return void 0;
   return `${base2}/users/${userId}/photo`;
 }
+
+// src/messages/smartCopy.ts
+async function copyMessageRich(container, markdown) {
+  try {
+    const canRichWrite = typeof ClipboardItem !== "undefined" && !!navigator.clipboard?.write;
+    if (!canRichWrite) return copyText(markdown);
+    const { html: html4, images } = await buildHtmlPayload(container);
+    const htmlWithMarker = `${html4}${encodeMarkdownMarker(markdown)}`;
+    const parts = {
+      "text/html": new Blob([htmlWithMarker], { type: "text/html" }),
+      "text/plain": new Blob([markdown], { type: "text/plain" })
+    };
+    if (images.length === 1) {
+      const pngBlob = await dataUrlToBlob(images[0].dataUrl);
+      if (pngBlob) parts["image/png"] = pngBlob;
+    }
+    const withCustom = {
+      ...parts,
+      [SS_MARKDOWN_CLIPBOARD_TYPE]: new Blob([markdown], {
+        type: SS_MARKDOWN_CLIPBOARD_TYPE
+      })
+    };
+    if (await tryWrite(withCustom)) return true;
+    if (await tryWrite(parts)) return true;
+    return copyText(markdown);
+  } catch {
+    return copyText(markdown);
+  }
+}
+async function tryWrite(parts) {
+  try {
+    await navigator.clipboard.write([new ClipboardItem(parts)]);
+    return true;
+  } catch {
+    return false;
+  }
+}
+async function buildHtmlPayload(container) {
+  const liveBlocks = Array.from(
+    container.querySelectorAll(".ss-code-block--previewable")
+  );
+  const snapshots = await Promise.all(
+    liveBlocks.map((block) => {
+      const iframe = block.querySelector("iframe");
+      return iframe ? snapshotIframe(iframe) : Promise.resolve([]);
+    })
+  );
+  const clone = container.cloneNode(true);
+  const cloneBlocks = Array.from(
+    clone.querySelectorAll(".ss-code-block--previewable")
+  );
+  const allImages = [];
+  cloneBlocks.forEach((block, i) => {
+    const images = snapshots[i] ?? [];
+    if (images.length > 0) {
+      allImages.push(...images);
+      const frag = block.ownerDocument.createElement("div");
+      for (const img of images) {
+        const el = block.ownerDocument.createElement("img");
+        el.src = img.dataUrl;
+        el.setAttribute("width", String(img.cssWidth));
+        el.setAttribute("height", String(img.cssHeight));
+        el.style.maxWidth = "100%";
+        frag.appendChild(el);
+      }
+      block.replaceWith(frag);
+    } else {
+      const source = block.querySelector("code")?.textContent ?? "";
+      const div = block.ownerDocument.createElement("div");
+      div.innerHTML = stripScripts(source);
+      block.replaceWith(div);
+    }
+  });
+  clone.querySelectorAll(
+    "iframe, button, .ss-code-block__header, .ss-code-block__copy, .ss-code-block__toggle"
+  ).forEach((el) => el.remove());
+  const html4 = `<meta charset="utf-8">${clone.innerHTML}`;
+  return { html: html4, images: allImages };
+}
+function stripScripts(html4) {
+  return html4.replace(/<script\b[^>]*>[\s\S]*?<\/script>/gi, "");
+}
+async function dataUrlToBlob(dataUrl) {
+  try {
+    const res = await fetch(dataUrl);
+    return await res.blob();
+  } catch {
+    return null;
+  }
+}
 var RESET_DELAY = 1e3;
 function ChatMessageCopyButton({
-  content
+  content,
+  contentRef
 }) {
   const [state, setState] = useState("idle" /* IDLE */);
   const handleCopy = async () => {
     if (!content) return;
     const textToCopy = content.filter((item) => !!item.text).map((item) => item.text).join("\n");
     if (!textToCopy) return;
-    try {
-      await navigator.clipboard.writeText(textToCopy);
+    const container = contentRef?.current;
+    const ok3 = container ? await copyMessageRich(container, textToCopy) : await copyText(textToCopy);
+    if (ok3) {
       setState("success" /* SUCCESS */);
       setTimeout(() => {
         setState("idle" /* IDLE */);
       }, RESET_DELAY);
-    } catch (err) {
-      console.error("Failed to copy text:", err);
+    } else {
+      console.error("Failed to copy message content");
     }
   };
   const getIcon = () => {
@@ -19579,6 +19908,7 @@ var MessageBubble = (props) => {
   } = props;
   const [responseFormData, setResponseFormData] = useState(userInput);
   const [responseFormValid, setResponseFormValid] = useState(false);
+  const contentRef = useRef(null);
   const isBotResponse = type === "Output" /* OUTPUT */;
   const showForm = userOutput;
   useEffect(() => {
@@ -19616,12 +19946,12 @@ var MessageBubble = (props) => {
                   /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: createdAt ? parseDateTime(createdAt, "Do MMMM YYYY, h:mm a") : "" })
                 ] })
               ] }),
-              /* @__PURE__ */ jsx(ChatMessageCopyButton, { content })
+              /* @__PURE__ */ jsx(ChatMessageCopyButton, { content, contentRef })
             ]
           }
         ),
         /* @__PURE__ */ jsxs("div", { className: cn(isBotResponse ? "p-4" : "px-4 py-2"), children: [
-          contentIsList && content?.map(
+          /* @__PURE__ */ jsx("div", { ref: contentRef, children: contentIsList && content?.map(
             (item, i) => item.text ? /* @__PURE__ */ jsx(
               "div",
               {
@@ -19630,7 +19960,7 @@ var MessageBubble = (props) => {
               },
               `content-${i}`
             ) : item.image ? /* @__PURE__ */ jsx("div", { className: "mb-3 last:mb-0", children: /* @__PURE__ */ jsx(ChatMessageImage, { image: item.image }) }, `image-${i}`) : null
-          ),
+          ) }),
           files.length > 0 && /* @__PURE__ */ jsxs("div", { className: "ss-chat-message__attachments mt-4 space-y-2", children: [
             /* @__PURE__ */ jsx("h4", { className: "text-xs font-semibold text-muted-foreground mb-1", children: "Attachments" }),
             files.map((file, idx) => {
@@ -19819,10 +20149,11 @@ var MessageItem = ({
       }
       case "status": {
         if (groupOpen) flush(v.type);
+        const retryStatus = parseRetryStatus(v.value);
         lastStatusNode = /* @__PURE__ */ jsx(
           MessageStatus,
           {
-            text: String(v.value ?? "")
+            text: retryStatus ? getRetryStatusText(retryStatus) : String(v.value ?? "")
           },
           `status-${message.id ?? "msg"}-${keyCounter++}`
         );
@@ -19930,14 +20261,14 @@ var MessageItem = ({
           createdBy: chatbotName,
           createdAt: message.createdAt,
           type: "Output" /* OUTPUT */,
-          content: [{ text: getMessageErrorText(error.code) }],
+          content: [{ text: getMessageErrorText(error) }],
           files: [],
           sources: [],
           chatbotName,
           userOutput: null,
           userInput: null
         },
-        `error-${message.id ?? "msg"}-${error.code}`
+        `error-${message.id ?? "msg"}-${error.errorCode ?? error.code}`
       )
     );
   }
@@ -20219,8 +20550,10 @@ function mapMessageValueDtoToModel(dto) {
   };
 }
 function mapMessageErrorDtoToModel(dto) {
+  const { error_code, ...rest } = dto;
   return {
-    ...dto,
+    ...rest,
+    errorCode: dto.errorCode ?? error_code ?? void 0,
     data: dto.data
   };
 }
@@ -20284,6 +20617,7 @@ var computeAvatar = (name, fallback) => {
 function mapMentionUserDtoToModel(dto) {
   return {
     id: dto.id,
+    userId: dto.userId,
     displayName: dto.displayName ?? "",
     initials: getInitials(dto.displayName ?? "")
   };
@@ -20326,6 +20660,6 @@ function mapWorkspaceDtoToModel(dto) {
 }
 var mapWorkspacesDtoToModels = (arr) => arr.map(mapWorkspaceDtoToModel);
 
-export { ChatProvider, ChatVariablesForm, DRAFT_THREAD_PREFIX, DateFromApi, MarkdownEditor, MessageComposer, MessageList, MessageListSkeleton, MessageMarkdown, MessageValueType, NEW_THREAD_ID, THREAD_LIST_PAGE_SIZE, applyDeltaToMessage, applyThreadToCache, createDraftThreadId, createThreadId, downloadFileBlobOptions, filesKeys, flowRunsKeys, getModelIcon, getThreadPlaceholderFromListCache, getUserPhotoUrl, invalidateWorkspaceThreadLists, isDraftThreadId, mapFileInfoDtoToModel, mapMentionUserDtoToModel, mapMessageDtoToModel, mapMessageErrorDtoToModel, mapMessageValueDtoToModel, mapMessagesDtoToModels, mapSignalRThreadSummaryToModel, mapThreadDtoToModel, mapThreadsResponseDtoToModel, mapWorkspaceDtoToModel, mapWorkspacesDtoToModels, markDraftThreadId, messagesKeys, messagesListOptions, messagesMutationsKeys, modelsKeys, parseDateTime, parseDateTimeHuman, setThreadOptimisticRunning, setThreadRunningInLists, taggableUsersOptions, threadDetailOptions, threadsKeys, unmarkDraftThreadId, useAddInputToMessage, useChatContext, useChatIdentity, useChatService, useDownloadFileBlobQuery, useFileMutations, useFlowRunVariables, useMessages, useModels, useSendMessage, useTaggableWorkspaceUsers, useThread, useThreadIsRunning, useUpdateFlowRunVariable, useWorkspace, utcDate, workspaceDetailOptions, workspaceKeys };
+export { ChatProvider, ChatVariablesForm, DRAFT_THREAD_PREFIX, DateFromApi, MarkdownEditor, MessageComposer, MessageList, MessageListSkeleton, MessageMarkdown, MessageValueType, NEW_THREAD_ID, THREAD_LIST_PAGE_SIZE, applyDeltaToMessage, applyThreadToCache, createDraftThreadId, createThreadId, downloadFileBlobOptions, filesKeys, flowRunsKeys, getMessageErrorText, getModelIcon, getRetryStatusText, getThreadPlaceholderFromListCache, getUserPhotoUrl, invalidateWorkspaceThreadLists, isDraftThreadId, mapFileInfoDtoToModel, mapMentionUserDtoToModel, mapMessageDtoToModel, mapMessageErrorDtoToModel, mapMessageValueDtoToModel, mapMessagesDtoToModels, mapSignalRThreadSummaryToModel, mapThreadDtoToModel, mapThreadsResponseDtoToModel, mapWorkspaceDtoToModel, mapWorkspacesDtoToModels, markDraftThreadId, messagesKeys, messagesListOptions, messagesMutationsKeys, modelsKeys, parseDateTime, parseDateTimeHuman, parseRetryStatus, randomUUID, setThreadOptimisticRunning, setThreadRunningInLists, taggableUsersOptions, threadDetailOptions, threadsKeys, unmarkDraftThreadId, useAddInputToMessage, useChatContext, useChatIdentity, useChatService, useDownloadFileBlobQuery, useFileMutations, useFlowRunVariables, useMessages, useModels, useSendMessage, useTaggableWorkspaceUsers, useThread, useThreadIsRunning, useUpdateFlowRunVariable, useWorkspace, utcDate, workspaceDetailOptions, workspaceKeys };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map