@meetsmore-oss/use-ai-client 1.12.0 → 1.12.1

package/dist/bundled.js

@@ -1557,7 +1557,17 @@ function getTextFromContent(content3) {
   if (typeof content3 === "string") {
     return content3;
   }
-  return content3.filter((part) => part.type === "text").map((part) => part.text).join("\n");
+  return content3.flatMap((part) => {
+    if (part.type === "text") return [part.text];
+    if (part.type === "transformed_file") return [part.text];
+    return [];
+  }).join("\n");
+}
+function getDisplayTextFromContent(content3) {
+  if (typeof content3 === "string") {
+    return content3;
+  }
+  return content3.flatMap((part) => part.type === "text" ? [part.text] : []).join("\n");
 }
 
 // src/utils/mergeAssistantMessages.ts
@@ -14841,7 +14851,7 @@ function UseAIChatPanel({
                       if (displayMessages.length > 0) {
                         const firstUserMsg = displayMessages.find((m) => m.role === "user");
                         if (firstUserMsg) {
-                          const textContent = getTextFromContent(firstUserMsg.content);
+                          const textContent = getDisplayTextFromContent(firstUserMsg.content);
                           const maxLength = 30;
                           return textContent.length > maxLength ? textContent.substring(0, maxLength) + "..." : textContent || strings.header.newChat;
                         }
@@ -15147,7 +15157,7 @@ function UseAIChatPanel({
                       {
                         style: {
                           display: "grid",
-                          gridTemplateColumns: "repeat(2, 1fr)",
+                          gridTemplateColumns: "1fr",
                           gap: "8px",
                           width: "100%",
                           maxWidth: "320px"
@@ -15223,7 +15233,7 @@ function UseAIChatPanel({
                               "data-testid": "save-command-button",
                               onClick: (e) => {
                                 e.stopPropagation();
-                                const messageText = getTextFromContent(message.content);
+                                const messageText = getDisplayTextFromContent(message.content);
                                 slashCommands.startSavingCommand(message.id, messageText);
                               },
                               title: "Save as slash command",
@@ -15293,13 +15303,17 @@ function UseAIChatPanel({
                                     }
                                   ),
                                   /* @__PURE__ */ jsx12(MarkdownContent, { content: getTextFromContent(message.content) })
-                                ] }) : getTextFromContent(message.content)
+                                ] }) : (
+                                  // User/tool bubbles: display-only text so transformed_file
+                                  // (e.g. OCR body) isn't dumped into the chat bubble.
+                                  getDisplayTextFromContent(message.content)
+                                )
                               ]
                             }
                           ),
                           slashCommands.renderInlineSaveUI({
                             messageId: message.id,
-                            messageText: getTextFromContent(message.content)
+                            messageText: getDisplayTextFromContent(message.content)
                           })
                         ]
                       }
@@ -38268,35 +38282,89 @@ var LocalStorageChatRepository = class {
   }
 };
 
+// src/fileUpload/buildPersistedParts.ts
+function buildPersistedParts(message, attachments, fileContent) {
+  const parts2 = [];
+  if (message.trim()) {
+    parts2.push({ type: "text", text: message });
+  }
+  const transformedByKey = /* @__PURE__ */ new Map();
+  for (const part of fileContent) {
+    if (part.type === "transformed_file") {
+      const key = `${part.originalFile.name}:${part.originalFile.size}:${part.originalFile.mimeType}`;
+      const list3 = transformedByKey.get(key);
+      if (list3) {
+        list3.push(part);
+      } else {
+        transformedByKey.set(key, [part]);
+      }
+    }
+  }
+  for (const attachment of attachments) {
+    const key = `${attachment.file.name}:${attachment.file.size}:${attachment.file.type}`;
+    const transformed = transformedByKey.get(key)?.shift();
+    if (transformed) {
+      parts2.push({
+        type: "transformed_file",
+        text: transformed.text,
+        originalFile: transformed.originalFile
+      });
+    } else {
+      parts2.push({
+        type: "file",
+        file: {
+          name: attachment.file.name,
+          size: attachment.file.size,
+          mimeType: attachment.file.type
+        }
+      });
+    }
+  }
+  return parts2;
+}
+
 // src/hooks/useChatManagement.ts
 import { useState as useState7, useCallback as useCallback5, useRef as useRef5, useEffect as useEffect5 } from "react";
 
 // src/utils/messageConversion.ts
 function transformMessagesToClientFormat(persistedMessages) {
   return persistedMessages.map((msg) => {
-    const textContent = getTextFromContent(msg.content);
     switch (msg.role) {
       case "tool":
         return {
           id: msg.id,
           role: "tool",
-          content: textContent,
+          content: getTextFromContent(msg.content),
           toolCallId: msg.toolCallId || ""
         };
       case "assistant":
         return {
           id: msg.id,
           role: "assistant",
-          content: textContent,
+          content: getTextFromContent(msg.content),
           ...msg.toolCalls && msg.toolCalls.length > 0 ? { toolCalls: msg.toolCalls } : {},
           ...msg.reasoningParts && msg.reasoningParts.length > 0 ? { reasoningParts: msg.reasoningParts } : {}
         };
-      case "user":
-        return {
-          id: msg.id,
-          role: "user",
-          content: textContent
-        };
+      case "user": {
+        if (typeof msg.content === "string") {
+          return { id: msg.id, role: "user", content: msg.content };
+        }
+        const parts2 = msg.content.flatMap((p) => {
+          if (p.type === "text") {
+            return [{ type: "text", text: p.text }];
+          }
+          if (p.type === "transformed_file") {
+            return [{
+              type: "text",
+              text: `[Content of file "${p.originalFile.name}" (${p.originalFile.mimeType})]:
+
+${p.text}`
+            }];
+          }
+          return [];
+        });
+        return { id: msg.id, role: "user", content: parts2 };
+      }
     }
   });
 }
@@ -38469,7 +38537,7 @@ function useChatManagement({
       };
       chat.messages.push(newMessage);
       if (!chat.title) {
-        const text5 = getTextFromContent(content3);
+        const text5 = getDisplayTextFromContent(content3);
         if (text5) {
           chat.title = generateChatTitle(text5);
         }
@@ -38513,7 +38581,7 @@ function useChatManagement({
       if (!chat.title) {
         const firstUserMessage = chat.messages.find((msg) => msg.role === "user");
         if (firstUserMessage) {
-          const textContent = getTextFromContent(firstUserMessage.content);
+          const textContent = getDisplayTextFromContent(firstUserMessage.content);
           if (textContent) {
             chat.title = generateChatTitle(textContent);
           }
@@ -39616,27 +39684,10 @@ function UseAIProvider({
     let persistedContent = message;
     let multimodalContent;
     if (attachments && attachments.length > 0) {
-      const persistedParts = [];
-      if (message.trim()) {
-        persistedParts.push({ type: "text", text: message });
-      }
-      for (const attachment of attachments) {
-        persistedParts.push({
-          type: "file",
-          file: {
-            name: attachment.file.name,
-            size: attachment.file.size,
-            mimeType: attachment.file.type
-          }
-        });
-      }
-      persistedContent = persistedParts;
-      if (activeChatId) {
-        await chatManagement.saveUserMessage(activeChatId, persistedContent);
-      }
       serverEvents.setLoading(true);
+      let fileContent;
       try {
-        const fileContent = await processAttachments(attachments, {
+        fileContent = await processAttachments(attachments, {
           getCurrentChat: chatManagement.getCurrentChat,
           backend: fileUploadConfig?.backend,
           transformers: fileUploadConfig?.transformers,
@@ -39644,17 +39695,21 @@ function UseAIProvider({
             setFileProcessingState(state);
           }
         });
-        multimodalContent = [];
-        if (message.trim()) {
-          multimodalContent.push({ type: "text", text: message });
-        }
-        multimodalContent.push(...fileContent);
       } catch (error48) {
         serverEvents.setLoading(false);
         throw error48;
       } finally {
         setFileProcessingState(null);
       }
+      persistedContent = buildPersistedParts(message, attachments, fileContent);
+      if (activeChatId) {
+        await chatManagement.saveUserMessage(activeChatId, persistedContent);
+      }
+      multimodalContent = [];
+      if (message.trim()) {
+        multimodalContent.push({ type: "text", text: message });
+      }
+      multimodalContent.push(...fileContent);
     } else {
       if (activeChatId) {
         await chatManagement.saveUserMessage(activeChatId, persistedContent);