@meetsmore-oss/use-ai-client 1.3.0 → 1.4.0

package/dist/bundled.js

@@ -5753,7 +5753,9 @@ var defaultStrings = {
     /** Input placeholder when connecting */
     connectingPlaceholder: "Connecting...",
     /** Loading indicator text */
-    thinking: "Thinking"
+    thinking: "Thinking",
+    /** File processing indicator text (shown during file transformation like OCR) */
+    processingFile: "Processing file..."
   },
   // File upload
   fileUpload: {
@@ -15550,7 +15552,6 @@ async function processAttachments(attachments, config2) {
   const chat = await getCurrentChat();
   const context = { chat };
   for (const attachment of attachments) {
-    onFileProgress?.(attachment.id, { status: "processing" });
     try {
       if (attachment.transformedContent !== void 0) {
         contentParts.push({
@@ -15562,11 +15563,11 @@ async function processAttachments(attachments, config2) {
             size: attachment.file.size
           }
         });
-        onFileProgress?.(attachment.id, { status: "done" });
         continue;
       }
       const transformer = findTransformer(attachment.file.type, transformers);
       if (transformer) {
+        onFileProgress?.(attachment.id, { status: "processing" });
         const transformedText = await getTransformedContent(
           attachment.file,
           transformer,
@@ -15584,6 +15585,7 @@ async function processAttachments(attachments, config2) {
             size: attachment.file.size
           }
         });
+        onFileProgress?.(attachment.id, { status: "done" });
       } else {
         const url3 = await backend.prepareForSend(attachment.file);
         if (attachment.file.type.startsWith("image/")) {
@@ -15597,7 +15599,6 @@ async function processAttachments(attachments, config2) {
           });
         }
       }
-      onFileProgress?.(attachment.id, { status: "done" });
     } catch (error46) {
       onFileProgress?.(attachment.id, { status: "error" });
       throw error46;
@@ -15954,6 +15955,7 @@ function UseAIChatPanel({
   selectedAgent,
   onAgentChange,
   fileUploadConfig,
+  fileProcessing,
   commands = [],
   onSaveCommand,
   onRenameCommand,
@@ -16622,7 +16624,29 @@ function UseAIChatPanel({
                         color: theme.textColor,
                         maxWidth: "80%"
                       },
-                      children: streamingText ? /* @__PURE__ */ jsx10(MarkdownContent, { content: streamingText }) : /* @__PURE__ */ jsxs7(Fragment, { children: [
+                      children: streamingText ? /* @__PURE__ */ jsx10(MarkdownContent, { content: streamingText }) : fileProcessing && fileProcessing.status === "processing" ? /* @__PURE__ */ jsxs7("div", { children: [
+                        /* @__PURE__ */ jsx10("span", { style: { opacity: 0.6 }, children: strings.input.processingFile }),
+                        fileProcessing.progress != null && /* @__PURE__ */ jsxs7(Fragment, { children: [
+                          /* @__PURE__ */ jsxs7("span", { style: { opacity: 0.6, marginLeft: "4px" }, children: [
+                            Math.round(fileProcessing.progress),
+                            "%"
+                          ] }),
+                          /* @__PURE__ */ jsx10("div", { style: {
+                            marginTop: "6px",
+                            height: "4px",
+                            borderRadius: "2px",
+                            background: theme.borderColor,
+                            overflow: "hidden"
+                          }, children: /* @__PURE__ */ jsx10("div", { style: {
+                            height: "100%",
+                            width: `${fileProcessing.progress}%`,
+                            borderRadius: "2px",
+                            background: theme.primaryColor,
+                            transition: "width 0.3s ease"
+                          } }) })
+                        ] }),
+                        fileProcessing.progress == null && /* @__PURE__ */ jsx10("span", { className: "dots", style: { marginLeft: "4px" }, children: "..." })
+                      ] }) : /* @__PURE__ */ jsxs7(Fragment, { children: [
                         /* @__PURE__ */ jsx10("span", { style: { opacity: 0.6 }, children: strings.input.thinking }),
                         /* @__PURE__ */ jsx10("span", { className: "dots", style: { marginLeft: "4px" }, children: "..." })
                       ] })
@@ -16970,6 +16994,7 @@ function UseAIChat({ floating = false }) {
     selectedAgent: ctx.agents.selected,
     onAgentChange: ctx.agents.set,
     fileUploadConfig: ctx.fileUploadConfig,
+    fileProcessing: ctx.fileProcessing,
     commands: ctx.commands.list,
     onSaveCommand: ctx.commands.save,
     onRenameCommand: ctx.commands.rename,
@@ -34531,6 +34556,7 @@ function UseAIProvider({
   const [connected, setConnected] = useState10(false);
   const [isChatOpen, setIsChatOpen] = useState10(false);
   const [loading, setLoading] = useState10(false);
+  const [fileProcessingState, setFileProcessingState] = useState10(null);
   const handleSetChatOpen = useCallback9((open) => {
     setIsChatOpen(open);
     onOpenChange?.(open);
@@ -34747,21 +34773,36 @@ function UseAIProvider({
         });
       }
       persistedContent = persistedParts;
-      const fileContent = await processAttachments(attachments, {
-        getCurrentChat,
-        backend: fileUploadConfig?.backend,
-        transformers: fileUploadConfig?.transformers
-      });
-      multimodalContent = [];
-      if (message.trim()) {
-        multimodalContent.push({ type: "text", text: message });
+      if (activeChatId) {
+        await saveUserMessage(activeChatId, persistedContent);
       }
-      multimodalContent.push(...fileContent);
-    }
-    if (activeChatId) {
-      await saveUserMessage(activeChatId, persistedContent);
+      setLoading(true);
+      try {
+        const fileContent = await processAttachments(attachments, {
+          getCurrentChat,
+          backend: fileUploadConfig?.backend,
+          transformers: fileUploadConfig?.transformers,
+          onFileProgress: (_fileId, state) => {
+            setFileProcessingState(state);
+          }
+        });
+        multimodalContent = [];
+        if (message.trim()) {
+          multimodalContent.push({ type: "text", text: message });
+        }
+        multimodalContent.push(...fileContent);
+      } catch (error46) {
+        setLoading(false);
+        throw error46;
+      } finally {
+        setFileProcessingState(null);
+      }
+    } else {
+      if (activeChatId) {
+        await saveUserMessage(activeChatId, persistedContent);
+      }
+      setLoading(true);
     }
-    setLoading(true);
     await clientRef.current.sendPrompt(message, multimodalContent);
   }, [activatePendingChat, currentChatId, saveUserMessage, fileUploadConfig, getCurrentChat]);
   handleSendMessageRef.current = handleSendMessage;
@@ -34812,6 +34853,7 @@ function UseAIProvider({
     streamingText: effectiveStreamingText,
     suggestions: aggregatedSuggestions,
     fileUploadConfig,
+    fileProcessing: fileProcessingState,
     history: {
       currentId: displayedChatId,
       create: createNewChat,
@@ -34857,6 +34899,7 @@ function UseAIProvider({
     selectedAgent,
     onAgentChange: setAgent,
     fileUploadConfig,
+    fileProcessing: fileProcessingState,
     commands,
     onSaveCommand: saveCommand,
     onRenameCommand: renameCommand,