@terryavg/neptune-ai-chatbot 1.0.2 → 1.0.3

package/dist/index.mjs

@@ -5,7 +5,7 @@ import {
 import {
   chatClient,
   configureChatClient
-} from "./chunk-XFSEOBLD.mjs";
+} from "./chunk-VONUV37R.mjs";
 import {
   __spreadProps,
   __spreadValues
@@ -68,8 +68,7 @@ import {
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function AnalyticsPanel({
   name,
-  csvData,
-  theme
+  csvData
 }) {
   const { headers, data } = useMemo(() => {
     var _a;
@@ -1271,16 +1270,13 @@ function AnalyticsPanel({
 
 // app/components/chat-content.tsx
 import { Fragment as Fragment2, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var ChatInput = lazy(() => import("./chat-input-JQ7PSHNW.mjs"));
-var DynamicChatMessage = lazy(() => import("./chat-message-VB54UOHB.mjs"));
+var ChatInput = lazy(() => import("./chat-input-ZAFYBUO7.mjs"));
+var DynamicChatMessage = lazy(() => import("./chat-message-NZNZX6VS.mjs"));
 var SCROLL_BOTTOM_THRESHOLD = 50;
 function ChatContent({
   conversation,
   agentId,
-  debug = false,
-  onConversationUpdate,
   theme,
-  onAppStateChange,
   onSidebarToggle,
   isReadOnly = false,
   onThreadCreated,
@@ -1314,10 +1310,10 @@ function ChatContent({
     null
   );
   const streamingMessageRef = useRef(null);
+  const previousConversationIdRef = useRef(conversation.id);
   const [errorDialog, setErrorDialog] = useState2(null);
   const [showScrollToBottomButton, setShowScrollToBottomButton] = useState2(false);
   const [userHasScrolledUp, setUserHasScrolledUp] = useState2(false);
-  const [openApp, setOpenApp] = useState2(null);
   const [openAnalytic, setOpenAnalytic] = useState2(null);
   const [chatWidth, setChatWidth] = useState2(30);
   const [isResizingChatApp, setIsResizingChatApp] = useState2(false);
@@ -1326,7 +1322,7 @@ function ChatContent({
   const minChatWidth = 20;
   const maxChatWidth = 80;
   const hasMessages = messages.length > 0 || !!streamingMessage;
-  const hasOpenPanel = !!openApp || !!openAnalytic;
+  const hasOpenPanel = !!openAnalytic;
   const isWaitingForInput = useMemo2(() => {
     return conversation.waiting === true || messages.some((message) => message.waiting === true);
   }, [conversation.waiting, messages]);
@@ -1410,16 +1406,61 @@ function ChatContent({
     return () => clearTimeout(timeoutId);
   }, [conversation.id, scrollToBottom]);
   useEffect2(() => {
-    setMessages(conversation.messages || []);
-  }, [conversation.id, conversation.messages]);
-  useEffect2(() => {
-    if (openApp) {
-      setOpenApp(null);
+    const conversationMessages = conversation.messages || [];
+    const previousId = previousConversationIdRef.current;
+    const currentId = conversation.id;
+    const isTempToRealTransition = (previousId == null ? void 0 : previousId.startsWith("temp-")) && !currentId.startsWith("temp-") && isStreaming;
+    if (previousId !== currentId && !isTempToRealTransition) {
+      setMessages(conversationMessages);
+      previousConversationIdRef.current = currentId;
+      return;
+    }
+    if (isTempToRealTransition) {
+      previousConversationIdRef.current = currentId;
+    }
+    if (isStreaming && !isTempToRealTransition) {
+      return;
+    }
+    if (conversationMessages.length > 0 || isTempToRealTransition) {
+      setMessages((prevMessages) => {
+        if (prevMessages.length === 0) {
+          return conversationMessages;
+        }
+        const filteredLocalMessages = prevMessages.filter((localMsg) => {
+          if (localMsg.role === "assistant") {
+            return true;
+          }
+          const localTime = new Date(localMsg.createdAt).getTime();
+          const isLocalMessage = localMsg.id.startsWith("local-");
+          if (isLocalMessage) {
+            const hasBackendVersion = conversationMessages.some((backendMsg) => {
+              const backendTime = new Date(backendMsg.createdAt).getTime();
+              const timeDiff = Math.abs(backendTime - localTime);
+              return backendMsg.role === localMsg.role && timeDiff < 5e3;
+            });
+            return !hasBackendVersion;
+          }
+          return true;
+        });
+        const combined = [...filteredLocalMessages, ...conversationMessages];
+        const seen = /* @__PURE__ */ new Set();
+        const deduplicated = combined.filter((msg) => {
+          if (seen.has(msg.id)) {
+            return false;
+          }
+          seen.add(msg.id);
+          return true;
+        });
+        return deduplicated.sort((a, b) => {
+          return new Date(a.createdAt).getTime() - new Date(b.createdAt).getTime();
+        });
+      });
     }
+  }, [conversation.id, conversation.messages, isStreaming]);
+  useEffect2(() => {
     if (openAnalytic) {
       setOpenAnalytic(null);
     }
-    onAppStateChange == null ? void 0 : onAppStateChange(false);
   }, [conversation.id]);
   useEffect2(() => {
     if (messages.length > 0 && !userHasScrolledUp) {
@@ -1554,16 +1595,26 @@ function ChatContent({
         }), metadata && {
           metadata: {
             logId: metadata.logId,
-            steps: metadata.steps
+            steps: metadata.steps,
+            vectors: metadata.vectors
           }
         });
       }
       if (messageToAdd) {
         setMessages((prev) => [...prev, messageToAdd]);
+        streamingMessageRef.current = {
+          id: messageToAdd.id,
+          role: messageToAdd.role,
+          createdAt: messageToAdd.createdAt
+        };
+        setTimeout(() => {
+          streamingMessageRef.current = null;
+        }, 1e3);
+      } else {
+        streamingMessageRef.current = null;
       }
       setIsStreaming(false);
       setStreamingMessage(null);
-      streamingMessageRef.current = null;
     },
     []
   );
@@ -1579,186 +1630,16 @@ function ChatContent({
     setStreamingMessage(null);
     streamingMessageRef.current = null;
   }, []);
-  const handleAppOpen = useCallback(
-    (name, url) => {
-      setOpenAnalytic(null);
-      setOpenApp({ name, url });
-      onAppStateChange == null ? void 0 : onAppStateChange(true);
-    },
-    [onAppStateChange]
-  );
   const handleAnalyticOpen = useCallback(
     (name, data) => {
-      setOpenApp(null);
       setOpenAnalytic({ name, data });
-      onAppStateChange == null ? void 0 : onAppStateChange(true);
       onSidebarToggle == null ? void 0 : onSidebarToggle();
     },
-    [onAppStateChange, onSidebarToggle]
+    [onSidebarToggle]
   );
   const handlePanelClose = useCallback(() => {
-    setOpenApp(null);
     setOpenAnalytic(null);
-    onAppStateChange == null ? void 0 : onAppStateChange(false);
-  }, [onAppStateChange]);
-  const handleWidgetSubmit = useCallback(
-    async (data, actionId, messageId, widgetId) => {
-      try {
-        setMessages(
-          (prev) => prev.map(
-            (message) => message.id === messageId ? __spreadProps(__spreadValues({}, message), { waiting: false }) : message
-          )
-        );
-        if (conversation.waiting === true) {
-        }
-        const stepData = {
-          action: actionId,
-          data,
-          id: widgetId,
-          // Use the actual widget ID passed from the form
-          messageId
-          // Backend will use this to update message.waiting = false
-        };
-        if (agentId) {
-          handleStreamStart();
-          const { stream } = await chatClient.messages.sendMessage(
-            agentId,
-            conversation.id,
-            "",
-            //`Processing form submission...`, // Simple processing message
-            messages,
-            new AbortController().signal,
-            debug,
-            stepData,
-            conversation.isTemporary
-            // Pass isTemporary flag
-          );
-          const reader = stream.getReader();
-          const decoder = new TextDecoder();
-          let done = false;
-          let accumulatedResponse = "";
-          while (!done) {
-            const { value, done: readerDone } = await reader.read();
-            done = readerDone;
-            if (value) {
-              const chunk = decoder.decode(value, {
-                stream: !done
-              });
-              if (chunk) {
-                accumulatedResponse += chunk;
-                handleStreamUpdate(chunk);
-              }
-            }
-          }
-          handleStreamEnd(accumulatedResponse);
-          if (onConversationUpdate) {
-            try {
-              await onConversationUpdate();
-            } catch (error) {
-              console.error(
-                "Failed to refresh conversation after form submission:",
-                error
-              );
-            }
-          }
-        }
-      } catch (error) {
-        console.error("Error submitting form:", error);
-        handleError({
-          title: "Form Submission Error",
-          message: "Failed to submit form data. Please try again."
-        });
-      }
-    },
-    [
-      agentId,
-      conversation.id,
-      messages,
-      debug,
-      handleStreamStart,
-      handleStreamUpdate,
-      handleStreamEnd,
-      handleError
-    ]
-  );
-  const handleWidgetCancel = useCallback(
-    async (messageId, widgetId) => {
-      try {
-        setMessages(
-          (prev) => prev.map(
-            (message) => message.id === messageId ? __spreadProps(__spreadValues({}, message), { waiting: false }) : message
-          )
-        );
-        const stepData = {
-          action: "cancel",
-          data: null,
-          // No form data for cancellation
-          id: widgetId,
-          messageId
-        };
-        if (agentId) {
-          handleStreamStart();
-          const { stream } = await chatClient.messages.sendMessage(
-            agentId,
-            conversation.id,
-            "",
-            //cancelMessage.content,
-            messages,
-            new AbortController().signal,
-            debug,
-            stepData,
-            conversation.isTemporary
-            // Pass isTemporary flag
-          );
-          const reader = stream.getReader();
-          const decoder = new TextDecoder();
-          let done = false;
-          let accumulatedResponse = "";
-          while (!done) {
-            const { value, done: readerDone } = await reader.read();
-            done = readerDone;
-            if (value) {
-              const chunk = decoder.decode(value, {
-                stream: !done
-              });
-              if (chunk) {
-                accumulatedResponse += chunk;
-                handleStreamUpdate(chunk);
-              }
-            }
-          }
-          handleStreamEnd(accumulatedResponse);
-          if (onConversationUpdate) {
-            try {
-              await onConversationUpdate();
-            } catch (error) {
-              console.error(
-                "Failed to refresh conversation after form cancellation:",
-                error
-              );
-            }
-          }
-        }
-      } catch (error) {
-        console.error("Error cancelling form:", error);
-        handleError({
-          title: "Form Cancellation Error",
-          message: "Failed to cancel form. Please try again."
-        });
-      }
-    },
-    [
-      agentId,
-      conversation.id,
-      messages,
-      debug,
-      handleStreamStart,
-      handleStreamUpdate,
-      handleStreamEnd,
-      handleError,
-      onConversationUpdate
-    ]
-  );
+  }, []);
   const startResizingChatApp = useCallback(
     (e) => {
       e.preventDefault();
@@ -1917,7 +1798,6 @@ function ChatContent({
                                     {
                                       conversationId: conversation.id,
                                       agentId,
-                                      debug,
                                       onAddUserMessage: handleAddUserMessage,
                                       onStreamStart: handleStreamStart,
                                       onStreamUpdate: handleStreamUpdate,
@@ -1962,15 +1842,17 @@ function ChatContent({
                             className: "space-y-2",
                             children: [
                               allMessages.map((message, index) => {
+                                var _a;
                                 const isCurrentlyStreaming = isStreaming && (streamingMessage == null ? void 0 : streamingMessage.id) === message.id;
+                                const wasJustStreamed = ((_a = streamingMessageRef.current) == null ? void 0 : _a.id) === message.id;
                                 return /* @__PURE__ */ jsx2(
                                   motion.div,
                                   {
-                                    initial: { opacity: 0, x: -20 },
+                                    initial: { opacity: wasJustStreamed ? 1 : 0, x: wasJustStreamed ? 0 : -20 },
                                     animate: { opacity: 1, x: 0 },
                                     transition: {
-                                      duration: isCurrentlyStreaming ? 0 : 0.3,
-                                      delay: isCurrentlyStreaming ? 0 : index * 0.05,
+                                      duration: isCurrentlyStreaming || wasJustStreamed ? 0 : 0.3,
+                                      delay: isCurrentlyStreaming || wasJustStreamed ? 0 : index * 0.05,
                                       ease: "easeOut"
                                     },
                                     children: /* @__PURE__ */ jsx2(
@@ -2075,7 +1957,6 @@ function ChatContent({
                           {
                             conversationId: conversation.id,
                             agentId,
-                            debug,
                             onAddUserMessage: handleAddUserMessage,
                             onStreamStart: handleStreamStart,
                             onStreamUpdate: handleStreamUpdate,
@@ -2127,8 +2008,8 @@ function ChatContent({
                 /* @__PURE__ */ jsx2(
                   "div",
                   {
-                    className: `w-8 h-8 rounded-lg flex items-center justify-center ${openApp ? "bg-blue-500" : "bg-emerald-500"}`,
-                    children: openApp ? /* @__PURE__ */ jsx2(
+                    className: `w-8 h-8 rounded-lg flex items-center justify-center ${false ? "bg-blue-500" : "bg-emerald-500"}`,
+                    children: false ? /* @__PURE__ */ jsx2(
                       "svg",
                       {
                         className: "w-5 h-5 text-white",
@@ -2168,7 +2049,7 @@ function ChatContent({
                   }
                 ),
                 /* @__PURE__ */ jsxs2("div", { children: [
-                  /* @__PURE__ */ jsx2("h3", { className: "font-semibold text-gray-800 dark:text-gray-200", children: openApp ? openApp.name : "Analytics Dashboard" }),
+                  /* @__PURE__ */ jsx2("h3", { className: "font-semibold text-gray-800 dark:text-gray-200", children: false ? "openApp" : "Analytics Dashboard" }),
                   openAnalytic && /* @__PURE__ */ jsx2("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: openAnalytic.name })
                 ] })
               ] }),
@@ -2190,12 +2071,10 @@ function ChatContent({
             ] }),
             /* @__PURE__ */ jsxs2("div", { className: "flex-1 relative h-full", children: [
               isResizingChatApp && /* @__PURE__ */ jsx2("div", { className: "absolute inset-0 z-50 bg-transparent cursor-col-resize" }),
-              openApp ? /* @__PURE__ */ jsx2(
+              false ? /* @__PURE__ */ jsx2(
                 "iframe",
                 {
-                  src: openApp.url,
                   className: "w-full h-full border-0",
-                  title: openApp.name,
                   allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
                   sandbox: "allow-scripts allow-same-origin allow-forms allow-popups allow-top-navigation-by-user-activation"
                 }
@@ -2277,7 +2156,6 @@ import { Fragment as Fragment3, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-run
 var useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect4;
 function NeptuneChatBot({
   agentId: propAgentId,
-  debug: propDebug = false,
   theme: propTheme = "light",
   localDebug: propLocalDebug,
   title: propTitle = "Naia",
@@ -2323,14 +2201,12 @@ function NeptuneChatBot({
   const [conversationToRename, setConversationToRename] = useState4(null);
   const [theme, setTheme] = useState4(propTheme);
   const [agentId] = useState4(propAgentId);
-  const [debug] = useState4(propDebug);
   const [initialAssistantIdChecked] = useState4(true);
   const [initialLoadComplete, setInitialLoadComplete] = useState4(false);
   const [openMenuId, setOpenMenuId] = useState4(null);
   const [isCreatingConversation, setIsCreatingConversation] = useState4(false);
   const [sidebarWidth, setSidebarWidth] = useState4(250);
   const [isResizing, setIsResizing] = useState4(false);
-  const [hasOpenApp, setHasOpenApp] = useState4(false);
   const titleInputRef = useRef2(null);
   const resizeHandleRef = useRef2(null);
   const hasFetchedRef = useRef2(false);
@@ -2352,9 +2228,6 @@ function NeptuneChatBot({
   useEffect4(() => {
     applyTheme(theme);
   }, [theme, applyTheme]);
-  const handleAppStateChange = useCallback2((hasApp) => {
-    setHasOpenApp(hasApp);
-  }, []);
   const toggleTheme = () => {
     const newTheme = theme === "dark" ? "light" : "dark";
     setTheme(newTheme);
@@ -2459,17 +2332,15 @@ function NeptuneChatBot({
           return;
         }
         setConversations(data);
-        if (data.length > 0) {
-          const tempConversation = {
-            id: `temp-${Date.now()}`,
-            title: "New Chat",
-            messages: [],
-            createdAt: (/* @__PURE__ */ new Date()).toISOString(),
-            updatedAt: (/* @__PURE__ */ new Date()).toISOString(),
-            isTemporary: true
-          };
-          setSelectedConversation(tempConversation);
-        }
+        const tempConversation = {
+          id: `temp-${Date.now()}`,
+          title: "New Chat",
+          messages: [],
+          createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+          updatedAt: (/* @__PURE__ */ new Date()).toISOString(),
+          isTemporary: true
+        };
+        setSelectedConversation(tempConversation);
       } catch (error) {
         console.error("Failed to fetch conversations:", error);
       } finally {
@@ -2522,7 +2393,6 @@ function NeptuneChatBot({
     } else {
       loadConversationData(id);
     }
-    setHasOpenApp(false);
   }, []);
   const createNewConversation = async () => {
     try {
@@ -2544,39 +2414,49 @@ function NeptuneChatBot({
       };
       setSelectedConversationId(tempConversation.id);
       setSelectedConversation(tempConversation);
-      setHasOpenApp(false);
     } catch (error) {
       console.error("Failed to create new conversation:", error);
     }
   };
   const handleThreadCreated = useCallback2(
-    async (oldId, newId) => {
-      try {
-        const updatedConv = await chatClient.conversations.get(newId);
-        startTransition2(() => {
+    async (oldId, newId, backendConversation) => {
+      startTransition2(() => {
+        if (backendConversation) {
+          const updatedConv = __spreadProps(__spreadValues({}, backendConversation), {
+            isTemporary: false
+          });
           setConversations((prev) => {
-            const existingIndex = prev.findIndex(
-              (conv) => conv.id === oldId || conv.id === newId
-            );
-            if (existingIndex !== -1) {
-              const updated = [...prev];
-              updated[existingIndex] = __spreadProps(__spreadValues({}, updatedConv), {
+            const filtered = prev.filter((conv) => conv.id !== oldId);
+            return [updatedConv, ...filtered];
+          });
+          setSelectedConversationId(newId);
+          setSelectedConversation(updatedConv);
+        } else {
+          setSelectedConversation((currentSelected) => {
+            if (currentSelected && currentSelected.id === oldId) {
+              const updatedConv = __spreadProps(__spreadValues({}, currentSelected), {
+                id: newId,
                 isTemporary: false
               });
-              return updated;
-            } else {
-              return [
-                __spreadProps(__spreadValues({}, updatedConv), { isTemporary: false }),
-                ...prev
-              ];
+              setConversations((prev) => {
+                const existingIndex = prev.findIndex(
+                  (conv) => conv.id === oldId || conv.id === newId
+                );
+                if (existingIndex !== -1) {
+                  const updated = [...prev];
+                  updated[existingIndex] = updatedConv;
+                  return updated;
+                } else {
+                  return [updatedConv, ...prev];
+                }
+              });
+              setSelectedConversationId(newId);
+              return updatedConv;
             }
+            return currentSelected;
           });
-          setSelectedConversationId(newId);
-          setSelectedConversation(updatedConv);
-        });
-      } catch (error) {
-        console.error("Failed to fetch updated conversation:", error);
-      }
+        }
+      });
     },
     []
   );
@@ -2997,11 +2877,11 @@ function NeptuneChatBot({
         /* @__PURE__ */ jsx4(
           "div",
           {
-            className: `flex-1 overflow-hidden bg-white dark:bg-gray-900 text-lg transition-all duration-300 ${hasOpenApp ? "flex" : "flex justify-center"}`,
+            className: `flex-1 overflow-hidden bg-white dark:bg-gray-900 text-lg transition-all duration-300 ${false ? "flex" : "flex justify-center"}`,
             children: /* @__PURE__ */ jsx4(
               "div",
               {
-                className: `flex flex-col transition-all duration-300 ${hasOpenApp ? "w-full" : "w-full max-w-6xl"}`,
+                className: `flex flex-col transition-all duration-300 ${false ? "w-full" : "w-full max-w-6xl"}`,
                 children: isLoading || !initialAssistantIdChecked ? /* @__PURE__ */ jsx4("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ jsx4("div", { className: "animate-pulse text-gray-500", children: isLoading ? "Loading conversations..." : "Initializing Assistant..." }) }) : !agentId ? /* @__PURE__ */ jsxs4("div", { className: "flex h-full flex-col items-center justify-center p-4 text-center", children: [
                   /* @__PURE__ */ jsx4("h2", { className: "text-xl font-semibold text-red-600 dark:text-red-400 mb-2", children: "Agent Not Configured" }),
                   /* @__PURE__ */ jsxs4("p", { className: "text-gray-700 dark:text-gray-300 max-w-md", children: [
@@ -3016,10 +2896,8 @@ function NeptuneChatBot({
                   {
                     conversation: selectedConversation,
                     agentId,
-                    debug,
                     onConversationUpdate: refreshSelectedConversation,
                     theme,
-                    onAppStateChange: handleAppStateChange,
                     onSidebarToggle: () => setSidebarOpen(false),
                     onThreadCreated: handleThreadCreated,
                     messageBubbleColor: theme === "dark" ? messageBubbleColorDark : messageBubbleColor,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@terryavg/neptune-ai-chatbot",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "private": false,
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",