@terryavg/neptune-ai-chatbot 1.0.2 → 1.0.3

package/dist/index.js

@@ -61,23 +61,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 
 // app/api/chat-client.ts
 function configureChatClient(config) {
-  chatConfig.username = config.username;
-  chatConfig.password = config.password;
-  chatConfig.baseUrl = config.baseUrl;
-}
-function isJson(content) {
-  if (typeof content === "object" && content !== null) {
-    return Array.isArray(content) || Object.prototype.toString.call(content) === "[object Object]";
-  }
-  if (typeof content === "string") {
-    try {
-      const parsed = JSON.parse(content);
-      return typeof parsed === "object" && parsed !== null;
-    } catch (e) {
-      return false;
-    }
-  }
-  return false;
+  Object.assign(chatConfig, config);
 }
 async function fetchWithErrorHandling(url, options = {}) {
   const headers = new Headers(options.headers);
@@ -85,404 +69,256 @@ async function fetchWithErrorHandling(url, options = {}) {
   if (chatConfig.username && chatConfig.password) {
     headers.set(
       "Authorization",
-      "Basic " + btoa(chatConfig.username + ":" + chatConfig.password)
+      "Basic " + btoa(`${chatConfig.username}:${chatConfig.password}`)
     );
   }
   const finalUrl = chatConfig.baseUrl ? `${chatConfig.baseUrl}${url}` : url;
-  let response;
   try {
-    response = await fetch(finalUrl, __spreadProps(__spreadValues({}, options), {
-      headers
-    }));
-  } catch (networkError) {
-    console.error("Network error:", networkError);
+    const res = await fetch(finalUrl, __spreadProps(__spreadValues({}, options), { headers }));
+    const contentType = res.headers.get("content-type");
+    const isJson = contentType == null ? void 0 : contentType.includes("application/json");
+    if (!res.ok) {
+      const err = isJson ? await res.json() : { message: await res.text() };
+      throw __spreadProps(__spreadValues({}, err), {
+        status: res.status,
+        statusText: res.statusText,
+        isApiError: true
+      });
+    }
+    if (res.status === 204 || !contentType) return { success: true };
+    return isJson ? res.json() : { success: true, nonJsonResponse: await res.text() };
+  } catch (error) {
+    if (error.isApiError) throw error;
     throw {
       isNetworkError: true,
-      message: "Failed to connect to the server. Please check your network.",
-      status: 0
+      message: "Network connection failed",
+      status: 0,
+      originalError: error
     };
   }
-  if (!response.ok) {
-    let errorBody = {
-      message: `API request failed: ${response.status} ${response.statusText}`,
-      statusText: response.statusText
-    };
-    try {
-      const contentType2 = response.headers.get("content-type");
-      if (contentType2 && contentType2.includes("application/json")) {
-        const jsonError = await response.json();
-        errorBody = __spreadProps(__spreadValues({}, jsonError), {
-          // Include fields like status, message from API
-          statusText: response.statusText
-          // Keep original statusText
-        });
-      } else {
-        const textError = await response.text();
-        errorBody.message = textError || errorBody.message;
-      }
-    } catch (parseError) {
-      console.error("Failed to parse error response body:", parseError);
-    }
-    throw __spreadProps(__spreadValues({}, errorBody), { status: response.status, isApiError: true });
-  }
-  const contentType = response.headers.get("content-type");
-  if (!contentType || !contentType.includes("application/json")) {
-    if (response.status === 204 || !contentType) {
-      return { success: true };
-    }
-    const text = await response.text();
-    if (!text.trim()) {
-      return { success: true };
-    }
-    console.warn(
-      `API returned non-JSON response for ${url}, status: ${response.status}`
-    );
-    return { success: true, nonJsonResponse: text };
-  }
-  return response.json();
 }
 async function createAgentStream(agentId, messages, conversationId, signal, stepData, streaming = true) {
-  const lastMessage = messages[messages.length - 1];
+  var _a;
+  const lastMsg = messages[messages.length - 1];
   let input = "";
-  if (lastMessage && lastMessage.content) {
-    if (typeof lastMessage.content === "string") {
-      input = lastMessage.content;
-    } else if (Array.isArray(lastMessage.content)) {
-      const textContent = lastMessage.content.find(
-        (c) => c.type === "text"
-      );
-      if (textContent) {
-        input = textContent.text;
-      }
-    }
-  }
+  if (typeof (lastMsg == null ? void 0 : lastMsg.content) === "string") input = lastMsg.content;
+  else if (Array.isArray(lastMsg == null ? void 0 : lastMsg.content))
+    input = ((_a = lastMsg.content.find((c) => c.type === "text")) == null ? void 0 : _a.text) || "";
   const formData = new FormData();
   formData.append("aiAgent", agentId);
   formData.append("input", input);
-  formData.append("stream", streaming ? "true" : "false");
-  if (conversationId && conversationId.trim() !== "" && !conversationId.startsWith("temp-")) {
+  formData.append("stream", String(streaming));
+  if (conversationId && !conversationId.startsWith("temp-"))
     formData.append("threadID", conversationId);
-  }
-  if (stepData) {
-    formData.append("variables", JSON.stringify(stepData));
-  }
-  if (lastMessage && Array.isArray(lastMessage.content)) {
-    for (const content of lastMessage.content) {
-      if (content.type === "image") {
-        const imageContent = content;
-        const base64Data = imageContent.image.includes(",") ? imageContent.image.split(",")[1] : imageContent.image;
-        const byteCharacters = atob(base64Data);
-        const byteNumbers = new Array(byteCharacters.length);
-        for (let i = 0; i < byteCharacters.length; i++) {
-          byteNumbers[i] = byteCharacters.charCodeAt(i);
-        }
-        const byteArray = new Uint8Array(byteNumbers);
-        const blob = new Blob([byteArray], {
-          type: imageContent.mediaType
-        });
-        const file = new File(
-          [blob],
-          `image.${imageContent.mediaType.split("/")[1]}`,
-          {
-            type: imageContent.mediaType
-          }
+  if (stepData) formData.append("variables", JSON.stringify(stepData));
+  if (Array.isArray(lastMsg == null ? void 0 : lastMsg.content)) {
+    lastMsg.content.forEach((c) => {
+      if (c.type === "image")
+        formData.append(
+          "files",
+          base64ToFile(
+            c.image,
+            c.mediaType,
+            `image.${c.mediaType.split("/")[1]}`
+          )
         );
-        formData.append("files", file);
-      } else if (content.type === "file") {
-        const fileContent = content;
-        const base64Data = fileContent.data.includes(",") ? fileContent.data.split(",")[1] : fileContent.data;
-        const byteCharacters = atob(base64Data);
-        const byteNumbers = new Array(byteCharacters.length);
-        for (let i = 0; i < byteCharacters.length; i++) {
-          byteNumbers[i] = byteCharacters.charCodeAt(i);
-        }
-        const byteArray = new Uint8Array(byteNumbers);
-        const blob = new Blob([byteArray], {
-          type: fileContent.mediaType
-        });
-        const file = new File([blob], fileContent.filename, {
-          type: fileContent.mediaType
-        });
-        formData.append("files", file);
-      }
-    }
+      else if (c.type === "file")
+        formData.append(
+          "files",
+          base64ToFile(c.data, c.mediaType, c.filename)
+        );
+    });
   }
   const url = chatConfig.baseUrl ? `${chatConfig.baseUrl}/api/AIBuildersKit/createCompletionAI` : "/api/AIBuildersKit/createCompletionAI";
-  const headers = {};
-  if (chatConfig.username && chatConfig.password) {
-    headers["Authorization"] = "Basic " + btoa(chatConfig.username + ":" + chatConfig.password);
-  }
+  const headers = chatConfig.username ? {
+    Authorization: "Basic " + btoa(`${chatConfig.username}:${chatConfig.password}`)
+  } : {};
   const response = await fetch(url, {
     method: "POST",
     headers,
     body: formData,
     signal
   });
-  if (!response.ok) {
-    let errorDetails = `API request failed: ${response.status} ${response.statusText}`;
-    try {
-      const errorData = await response.json();
-      if (errorData && errorData.message) {
-        errorDetails = errorData.message;
-      }
-    } catch (e) {
-    }
-    throw new Error(errorDetails);
-  }
-  if (!response.body) {
-    throw new Error("Stream not supported by the response");
-  }
+  if (!response.ok)
+    throw new Error(
+      (await response.json().catch(() => ({}))).message || response.statusText
+    );
+  if (!response.body) throw new Error("Stream not supported");
   return response.body;
 }
-var chatConfig, chatClient;
+var chatConfig, base64ToFile, chatClient;
 var init_chat_client = __esm({
   "app/api/chat-client.ts"() {
     "use strict";
     chatConfig = {};
+    base64ToFile = (data, type, name) => {
+      const b64 = data.includes(",") ? data.split(",")[1] : data;
+      const bin = atob(b64);
+      const arr = new Uint8Array(bin.length).map((_, i) => bin.charCodeAt(i));
+      return new File([new Blob([arr], { type })], name, { type });
+    };
     chatClient = {
       conversations: {
         getAll: async (agentId) => {
-          const response = await fetchWithErrorHandling(
+          const res = await fetchWithErrorHandling(
             "/api/functions/AIAgent/listUserThreads",
-            {
-              method: "POST",
-              body: JSON.stringify({ agentId })
-            }
+            { method: "POST", body: JSON.stringify({ agentId }) }
           );
-          if (Array.isArray(response)) {
-            return response;
-          } else if (response && response.conversations && Array.isArray(response.conversations)) {
-            return response.conversations;
-          } else if (response && response.data && Array.isArray(response.data)) {
-            return response.data;
-          } else {
-            console.error(
-              "Unexpected response format from list-conversations:",
-              response
-            );
-            return [];
-          }
+          return Array.isArray(res) ? res : res.conversations || res.data || [];
         },
         get: async (id) => {
-          const response = await fetchWithErrorHandling(
+          var _a, _b, _c;
+          const res = await fetchWithErrorHandling(
             `/api/functions/AIAgent/getConversation`,
-            {
-              method: "POST",
-              body: JSON.stringify({ id })
-            }
+            { method: "POST", body: JSON.stringify({ id }) }
           );
-          if (Array.isArray(response)) {
-            const logs = response;
-            const messages = [];
-            logs.forEach((log) => {
+          if (Array.isArray(res)) {
+            const messages = res.flatMap((log) => {
+              var _a2, _b2, _c2, _d;
               let userContent = log.input;
-              if (log.files && log.files.length > 0) {
-                const contentParts = [];
-                if (log.input && log.input.trim()) {
-                  contentParts.push({
-                    type: "text",
-                    text: log.input
-                  });
-                }
-                log.files.forEach((file) => {
-                  if (file.mimeType.startsWith("image/")) {
-                    contentParts.push({
+              if ((_a2 = log.files) == null ? void 0 : _a2.length) {
+                userContent = [
+                  ...((_b2 = log.input) == null ? void 0 : _b2.trim()) ? [
+                    {
+                      type: "text",
+                      text: log.input
+                    }
+                  ] : [],
+                  ...log.files.map(
+                    (f) => f.mimeType.startsWith("image/") ? {
                       type: "image",
-                      image: `data:${file.mimeType};base64,${file.data}`,
-                      mediaType: file.mimeType
-                    });
-                  } else {
-                    contentParts.push({
+                      image: `data:${f.mimeType};base64,${f.data}`,
+                      mediaType: f.mimeType
+                    } : {
                       type: "file",
-                      data: `data:${file.mimeType};base64,${file.data}`,
-                      mediaType: file.mimeType,
-                      filename: file.name
-                    });
-                  }
-                });
-                userContent = contentParts;
+                      data: `data:${f.mimeType};base64,${f.data}`,
+                      mediaType: f.mimeType,
+                      filename: f.name
+                    }
+                  )
+                ];
               }
-              messages.push({
-                id: `${log.id}-user`,
-                content: userContent,
-                role: "user",
-                createdAt: log.createdAt
-              });
-              const assistantMessage = {
+              const asstMsg = {
                 id: `${log.id}-assistant`,
                 content: log.output,
                 role: "assistant",
                 createdAt: log.updatedAt
               };
-              if (log.steps && log.steps.length > 0 || log.vectors && log.vectors.length > 0 || log.feedbackPositive !== void 0) {
-                assistantMessage.metadata = {
+              if (((_c2 = log.steps) == null ? void 0 : _c2.length) || ((_d = log.vectors) == null ? void 0 : _d.length) || log.feedbackPositive !== void 0) {
+                asstMsg.metadata = {
                   logId: log.id,
                   steps: log.steps,
                   vectors: log.vectors,
                   feedbackPositive: log.feedbackPositive
                 };
               }
-              messages.push(assistantMessage);
+              return [
+                {
+                  id: `${log.id}-user`,
+                  content: userContent,
+                  role: "user",
+                  createdAt: log.createdAt
+                },
+                asstMsg
+              ];
             });
-            const conversation2 = {
+            return {
               id,
-              title: logs.length > 0 ? logs[0].input.substring(0, 50) : "Conversation",
+              title: ((_a = res[0]) == null ? void 0 : _a.input.substring(0, 50)) || "Conversation",
               messages,
-              createdAt: logs.length > 0 ? logs[0].createdAt : (/* @__PURE__ */ new Date()).toISOString(),
-              updatedAt: logs.length > 0 ? logs[logs.length - 1].updatedAt : (/* @__PURE__ */ new Date()).toISOString()
+              createdAt: ((_b = res[0]) == null ? void 0 : _b.createdAt) || (/* @__PURE__ */ new Date()).toISOString(),
+              updatedAt: ((_c = res[res.length - 1]) == null ? void 0 : _c.updatedAt) || (/* @__PURE__ */ new Date()).toISOString()
             };
-            return conversation2;
-          }
-          let conversation;
-          if (response && response.id) {
-            conversation = response;
-          } else if (response && response.conversation) {
-            conversation = response.conversation;
-          } else if (response && response.data) {
-            conversation = response.data;
-          } else {
-            throw new Error(
-              "Unexpected response format from get-conversation"
-            );
           }
-          if (conversation.messages && Array.isArray(conversation.messages)) {
-            conversation.messages = conversation.messages.map((message) => {
-              if (message.role === "assistant" && typeof message.content === "string") {
-                const content = message.content;
-                if (isJson(content) && !content.includes("```json:")) {
-                  const jsonObj = typeof content === "string" ? JSON.parse(content) : content;
-                  return __spreadProps(__spreadValues({}, message), {
-                    content: `\`\`\`json:Response
+          const conv = res.conversation || res.data || res;
+          if (conv.messages) {
+            conv.messages = conv.messages.map((m) => {
+              if (m.role === "assistant" && typeof m.content === "string") {
+                try {
+                  const parsed = JSON.parse(m.content);
+                  if (typeof parsed === "object" && parsed !== null && !m.content.includes("```json:")) {
+                    return __spreadProps(__spreadValues({}, m), {
+                      content: `\`\`\`json:Response
 ${JSON.stringify(
-                      jsonObj,
-                      null,
-                      2
-                    )}
+                        parsed,
+                        null,
+                        2
+                      )}
 \`\`\``
-                  });
+                    });
+                  }
+                } catch (e) {
                 }
               }
-              return message;
+              return m;
             });
           }
-          return conversation;
-        },
-        create: async (title, agentId) => {
-          return fetchWithErrorHandling(
-            `/api/functions/AIAgent/createThread`,
-            {
-              method: "POST",
-              body: JSON.stringify(__spreadValues(__spreadValues({}, title ? { title } : {}), agentId ? { agentId } : {}))
-            }
-          );
+          return conv;
         },
-        delete: async (id) => {
-          return fetchWithErrorHandling(
-            `/api/functions/AIAgent/deleteThreadByIdAndUser`,
-            {
-              method: "POST",
-              body: JSON.stringify({ id })
-            }
-          );
-        },
-        update: async (id, data) => {
-          return fetchWithErrorHandling(
-            `/api/functions/AIAgent/renameThread`,
-            {
-              method: "POST",
-              body: JSON.stringify({ id, title: data.title })
-            }
-          );
-        }
+        create: (title, agentId) => fetchWithErrorHandling(`/api/functions/AIAgent/createThread`, {
+          method: "POST",
+          body: JSON.stringify(__spreadValues(__spreadValues({}, title && { title }), agentId && { agentId }))
+        }),
+        delete: (id) => fetchWithErrorHandling(
+          `/api/functions/AIAgent/deleteThreadByIdAndUser`,
+          { method: "POST", body: JSON.stringify({ id }) }
+        ),
+        update: (id, data) => fetchWithErrorHandling(`/api/functions/AIAgent/renameThread`, {
+          method: "POST",
+          body: JSON.stringify({ id, title: data.title })
+        })
       },
       messages: {
-        getLastMessages: async (conversationId, limit = 100) => {
-          const conversation = await chatClient.conversations.get(
-            conversationId
-          );
-          return conversation.messages.slice(-limit);
-        },
-        sendMessage: async (agentId, conversationId, content, existingMessages, signal, debug, stepData, isTemporary, streaming = true) => {
-          const idToUse = agentId;
-          if (!idToUse || typeof idToUse !== "string" || idToUse.trim() === "") {
-            const error = new Error(
-              "Assistant or Agent ID is missing or invalid. Please provide a valid Assistant or Agent ID in the URL."
-            );
-            error.isConfigurationError = true;
-            error.status = 400;
-            throw error;
-          }
-          let actualConversationId = conversationId;
+        getLastMessages: async (conversationId, limit = 100) => (await chatClient.conversations.get(conversationId)).messages.slice(
+          -limit
+        ),
+        sendMessage: async (agentId, conversationId, content, existingMessages, signal, stepData, isTemporary, streaming = true) => {
+          var _a;
+          if (!agentId)
+            throw {
+              isConfigurationError: true,
+              status: 400,
+              message: "Assistant ID missing"
+            };
+          let actualId = conversationId;
+          let createdConv;
           if (isTemporary && agentId) {
-            let title = "New Chat";
-            if (typeof content === "string") {
-              title = content.substring(0, 50);
-            } else if (Array.isArray(content)) {
-              const textContent = content.find(
-                (c) => c.type === "text"
-              );
-              if (textContent) {
-                title = textContent.text.substring(0, 50);
-              }
-            }
-            try {
-              const newConversation = await chatClient.conversations.create(title, agentId);
-              actualConversationId = newConversation.id;
-            } catch (error) {
-              console.error("Failed to create conversation:", error);
-              throw error;
-            }
+            const titleText = typeof content === "string" ? content : ((_a = content.find(
+              (c) => c.type === "text"
+            )) == null ? void 0 : _a.text) || "";
+            createdConv = await chatClient.conversations.create(
+              titleText.substring(0, 50) || "New Chat",
+              agentId
+            );
+            actualId = createdConv.id;
           }
-          const userMessage = {
-            role: "user",
-            content
+          const context = [
+            ...(existingMessages == null ? void 0 : existingMessages.map((m) => ({
+              role: m.role,
+              content: m.content
+            }))) || [],
+            { role: "user", content }
+          ].slice(-10);
+          return {
+            stream: await createAgentStream(
+              agentId,
+              context,
+              actualId,
+              signal,
+              stepData,
+              streaming
+            ),
+            threadId: actualId,
+            conversation: createdConv
           };
-          let contextMessages = [];
-          if (existingMessages && Array.isArray(existingMessages)) {
-            const formattedMessages = existingMessages.map((msg) => ({
-              role: msg.role,
-              content: msg.content
-            }));
-            contextMessages = [...formattedMessages, userMessage];
-            contextMessages = contextMessages.slice(-10);
-          } else {
-            contextMessages = [userMessage];
-          }
-          const stream = await createAgentStream(
-            idToUse,
-            contextMessages,
-            actualConversationId,
-            signal,
-            stepData,
-            streaming
-          );
-          return { stream, threadId: actualConversationId };
         }
       },
       feedback: {
-        /**
-         * Submit feedback for an AI response
-         * @param logId - The ID of the log/message
-         * @param feedbackPositive - true for like, false for dislike
-         * @param aiAgent - The agent ID
-         */
-        submit: async (logId, feedbackPositive, aiAgent) => {
-          const response = await fetchWithErrorHandling(
-            "/api/AIBuildersKit/giveAgentFeedbackAI",
-            {
-              method: "POST",
-              headers: {
-                "Content-Type": "application/json"
-              },
-              body: JSON.stringify({
-                id: logId,
-                feedbackPositive,
-                aiAgent
-              })
-            }
-          );
-          return response;
-        }
+        submit: (id, feedbackPositive, aiAgent) => fetchWithErrorHandling("/api/AIBuildersKit/giveAgentFeedbackAI", {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({ id, feedbackPositive, aiAgent })
+        })
       }
     };
   }
@@ -496,7 +332,6 @@ __export(chat_input_exports, {
 function ChatInput({
   conversationId,
   agentId,
-  debug = false,
   onAddUserMessage,
   onStreamStart,
   onStreamUpdate,
@@ -702,13 +537,12 @@ function ChatInput({
         createdAt: (/* @__PURE__ */ new Date()).toISOString()
       });
       onStreamStart();
-      const { stream, threadId } = await chatClient.messages.sendMessage(
+      const { stream, threadId, conversation } = await chatClient.messages.sendMessage(
         agentId,
         conversationId,
         finalMessageContent,
         messages,
         abortController.signal,
-        debug,
         void 0,
         // stepData
         conversationId.startsWith("temp-"),
@@ -717,7 +551,7 @@ function ChatInput({
         // streaming mode
       );
       if (threadId && threadId !== conversationId && onThreadCreated) {
-        onThreadCreated(conversationId, threadId);
+        onThreadCreated(conversationId, threadId, conversation);
       }
       if (!streaming) {
         const reader = stream.getReader();
@@ -733,9 +567,6 @@ function ChatInput({
         accumulatedResponse = outputText;
         onStreamUpdate(outputText);
         metadata = response;
-        if (response.threadID && response.threadID !== conversationId && onThreadCreated) {
-          onThreadCreated(conversationId, response.threadID);
-        }
       } else {
         const reader = stream.getReader();
         const decoder = new TextDecoder();
@@ -847,9 +678,6 @@ function ChatInput({
             done = true;
           }
         }
-        if ((metadata == null ? void 0 : metadata.threadID) && metadata.threadID !== conversationId && onThreadCreated) {
-          onThreadCreated(conversationId, metadata.threadID);
-        }
       }
     } catch (error) {
       console.error("Error during chat submission:", error);
@@ -1456,7 +1284,6 @@ var init_vector_results = __esm({
     VectorResultItem = (0, import_react4.memo)(
       ({ vector, theme, colors }) => {
         const [isExpanded, setIsExpanded] = (0, import_react4.useState)(false);
-        const isDark = theme === "dark";
         const similarityPercentage = (parseFloat(vector.similarity) * 100).toFixed(1);
         return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
           "div",
@@ -3907,13 +3734,6 @@ function ChatMessage({
             toolName: message.executingToolName
           }
         ),
-        ((_a2 = message.metadata) == null ? void 0 : _a2.steps) && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-          ToolExecutionWidget,
-          {
-            steps: message.metadata.steps,
-            theme
-          }
-        ),
         /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "markdown-content", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
           StreamingMarkdown,
           {
@@ -3923,6 +3743,14 @@ function ChatMessage({
             cursorColor: streamingTextColor
           }
         ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(StreamingIndicator, {}),
+        ((_a2 = message.metadata) == null ? void 0 : _a2.steps) && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          ToolExecutionWidget,
+          {
+            steps: message.metadata.steps,
+            theme
+          }
+        ),
         ((_b2 = message.metadata) == null ? void 0 : _b2.vectors) && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
           VectorResults,
           {
@@ -3931,8 +3759,7 @@ function ChatMessage({
             vectorColor,
             vectorColorDark
           }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(StreamingIndicator, {})
+        )
       ] });
     } else if (Array.isArray(contentToRender)) {
       return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "space-y-3", children: [
@@ -3942,13 +3769,6 @@ function ChatMessage({
             toolName: message.executingToolName
           }
         ),
-        ((_c = message.metadata) == null ? void 0 : _c.steps) && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-          ToolExecutionWidget,
-          {
-            steps: message.metadata.steps,
-            theme
-          }
-        ),
         contentToRender.map((part, i) => {
           if (part.type === "text") {
             const textContent = part.text;
@@ -4016,6 +3836,14 @@ function ChatMessage({
           }
           return null;
         }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(StreamingIndicator, {}),
+        ((_c = message.metadata) == null ? void 0 : _c.steps) && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          ToolExecutionWidget,
+          {
+            steps: message.metadata.steps,
+            theme
+          }
+        ),
         ((_d = message.metadata) == null ? void 0 : _d.vectors) && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
           VectorResults,
           {
@@ -4024,8 +3852,7 @@ function ChatMessage({
             vectorColor,
             vectorColorDark
           }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(StreamingIndicator, {})
+        )
       ] });
     }
     return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { children: "..." });
@@ -4041,6 +3868,7 @@ function ChatMessage({
         year: "numeric",
         hour: "numeric",
         minute: "numeric",
+        second: "numeric",
         hour12: false
       }).format(new Date(date));
     } catch (error) {
@@ -4468,7 +4296,6 @@ init_chat_client();
 var import_react9 = require("react");
 var import_lucide_react7 = require("lucide-react");
 var import_framer_motion = require("framer-motion");
-init_chat_client();
 
 // app/components/analytics-panel.tsx
 var import_react = require("react");
@@ -4476,8 +4303,7 @@ var import_lucide_react = require("lucide-react");
 var import_jsx_runtime = require("react/jsx-runtime");
 function AnalyticsPanel({
   name,
-  csvData,
-  theme
+  csvData
 }) {
   const { headers, data } = (0, import_react.useMemo)(() => {
     var _a;
@@ -5685,10 +5511,7 @@ var SCROLL_BOTTOM_THRESHOLD = 50;
 function ChatContent({
   conversation,
   agentId,
-  debug = false,
-  onConversationUpdate,
   theme,
-  onAppStateChange,
   onSidebarToggle,
   isReadOnly = false,
   onThreadCreated,
@@ -5722,10 +5545,10 @@ function ChatContent({
     null
   );
   const streamingMessageRef = (0, import_react9.useRef)(null);
+  const previousConversationIdRef = (0, import_react9.useRef)(conversation.id);
   const [errorDialog, setErrorDialog] = (0, import_react9.useState)(null);
   const [showScrollToBottomButton, setShowScrollToBottomButton] = (0, import_react9.useState)(false);
   const [userHasScrolledUp, setUserHasScrolledUp] = (0, import_react9.useState)(false);
-  const [openApp, setOpenApp] = (0, import_react9.useState)(null);
   const [openAnalytic, setOpenAnalytic] = (0, import_react9.useState)(null);
   const [chatWidth, setChatWidth] = (0, import_react9.useState)(30);
   const [isResizingChatApp, setIsResizingChatApp] = (0, import_react9.useState)(false);
@@ -5734,7 +5557,7 @@ function ChatContent({
   const minChatWidth = 20;
   const maxChatWidth = 80;
   const hasMessages = messages.length > 0 || !!streamingMessage;
-  const hasOpenPanel = !!openApp || !!openAnalytic;
+  const hasOpenPanel = !!openAnalytic;
   const isWaitingForInput = (0, import_react9.useMemo)(() => {
     return conversation.waiting === true || messages.some((message) => message.waiting === true);
   }, [conversation.waiting, messages]);
@@ -5818,16 +5641,61 @@ function ChatContent({
     return () => clearTimeout(timeoutId);
   }, [conversation.id, scrollToBottom]);
   (0, import_react9.useEffect)(() => {
-    setMessages(conversation.messages || []);
-  }, [conversation.id, conversation.messages]);
-  (0, import_react9.useEffect)(() => {
-    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]);
+  (0, import_react9.useEffect)(() => {
     if (openAnalytic) {
       setOpenAnalytic(null);
     }
-    onAppStateChange == null ? void 0 : onAppStateChange(false);
   }, [conversation.id]);
   (0, import_react9.useEffect)(() => {
     if (messages.length > 0 && !userHasScrolledUp) {
@@ -5962,16 +5830,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;
     },
     []
   );
@@ -5987,186 +5865,16 @@ function ChatContent({
     setStreamingMessage(null);
     streamingMessageRef.current = null;
   }, []);
-  const handleAppOpen = (0, import_react9.useCallback)(
-    (name, url) => {
-      setOpenAnalytic(null);
-      setOpenApp({ name, url });
-      onAppStateChange == null ? void 0 : onAppStateChange(true);
-    },
-    [onAppStateChange]
-  );
   const handleAnalyticOpen = (0, import_react9.useCallback)(
     (name, data) => {
-      setOpenApp(null);
       setOpenAnalytic({ name, data });
-      onAppStateChange == null ? void 0 : onAppStateChange(true);
       onSidebarToggle == null ? void 0 : onSidebarToggle();
     },
-    [onAppStateChange, onSidebarToggle]
+    [onSidebarToggle]
   );
   const handlePanelClose = (0, import_react9.useCallback)(() => {
-    setOpenApp(null);
     setOpenAnalytic(null);
-    onAppStateChange == null ? void 0 : onAppStateChange(false);
-  }, [onAppStateChange]);
-  const handleWidgetSubmit = (0, import_react9.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 = (0, import_react9.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 = (0, import_react9.useCallback)(
     (e) => {
       e.preventDefault();
@@ -6325,7 +6033,6 @@ function ChatContent({
                                     {
                                       conversationId: conversation.id,
                                       agentId,
-                                      debug,
                                       onAddUserMessage: handleAddUserMessage,
                                       onStreamStart: handleStreamStart,
                                       onStreamUpdate: handleStreamUpdate,
@@ -6370,15 +6077,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__ */ (0, import_jsx_runtime8.jsx)(
                                   import_framer_motion.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__ */ (0, import_jsx_runtime8.jsx)(
@@ -6483,7 +6192,6 @@ function ChatContent({
                           {
                             conversationId: conversation.id,
                             agentId,
-                            debug,
                             onAddUserMessage: handleAddUserMessage,
                             onStreamStart: handleStreamStart,
                             onStreamUpdate: handleStreamUpdate,
@@ -6535,8 +6243,8 @@ function ChatContent({
                 /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                   "div",
                   {
-                    className: `w-8 h-8 rounded-lg flex items-center justify-center ${openApp ? "bg-blue-500" : "bg-emerald-500"}`,
-                    children: openApp ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                    className: `w-8 h-8 rounded-lg flex items-center justify-center ${false ? "bg-blue-500" : "bg-emerald-500"}`,
+                    children: false ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                       "svg",
                       {
                         className: "w-5 h-5 text-white",
@@ -6576,7 +6284,7 @@ function ChatContent({
                   }
                 ),
                 /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h3", { className: "font-semibold text-gray-800 dark:text-gray-200", children: openApp ? openApp.name : "Analytics Dashboard" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h3", { className: "font-semibold text-gray-800 dark:text-gray-200", children: false ? "openApp" : "Analytics Dashboard" }),
                   openAnalytic && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: openAnalytic.name })
                 ] })
               ] }),
@@ -6598,12 +6306,10 @@ function ChatContent({
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex-1 relative h-full", children: [
               isResizingChatApp && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "absolute inset-0 z-50 bg-transparent cursor-col-resize" }),
-              openApp ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+              false ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                 "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"
                 }
@@ -6685,7 +6391,6 @@ var import_jsx_runtime10 = require("react/jsx-runtime");
 var useIsomorphicLayoutEffect = typeof window !== "undefined" ? import_react11.useLayoutEffect : import_react11.useEffect;
 function NeptuneChatBot({
   agentId: propAgentId,
-  debug: propDebug = false,
   theme: propTheme = "light",
   localDebug: propLocalDebug,
   title: propTitle = "Naia",
@@ -6731,14 +6436,12 @@ function NeptuneChatBot({
   const [conversationToRename, setConversationToRename] = (0, import_react11.useState)(null);
   const [theme, setTheme] = (0, import_react11.useState)(propTheme);
   const [agentId] = (0, import_react11.useState)(propAgentId);
-  const [debug] = (0, import_react11.useState)(propDebug);
   const [initialAssistantIdChecked] = (0, import_react11.useState)(true);
   const [initialLoadComplete, setInitialLoadComplete] = (0, import_react11.useState)(false);
   const [openMenuId, setOpenMenuId] = (0, import_react11.useState)(null);
   const [isCreatingConversation, setIsCreatingConversation] = (0, import_react11.useState)(false);
   const [sidebarWidth, setSidebarWidth] = (0, import_react11.useState)(250);
   const [isResizing, setIsResizing] = (0, import_react11.useState)(false);
-  const [hasOpenApp, setHasOpenApp] = (0, import_react11.useState)(false);
   const titleInputRef = (0, import_react11.useRef)(null);
   const resizeHandleRef = (0, import_react11.useRef)(null);
   const hasFetchedRef = (0, import_react11.useRef)(false);
@@ -6760,9 +6463,6 @@ function NeptuneChatBot({
   (0, import_react11.useEffect)(() => {
     applyTheme(theme);
   }, [theme, applyTheme]);
-  const handleAppStateChange = (0, import_react11.useCallback)((hasApp) => {
-    setHasOpenApp(hasApp);
-  }, []);
   const toggleTheme = () => {
     const newTheme = theme === "dark" ? "light" : "dark";
     setTheme(newTheme);
@@ -6867,17 +6567,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 {
@@ -6930,7 +6628,6 @@ function NeptuneChatBot({
     } else {
       loadConversationData(id);
     }
-    setHasOpenApp(false);
   }, []);
   const createNewConversation = async () => {
     try {
@@ -6952,39 +6649,49 @@ function NeptuneChatBot({
       };
       setSelectedConversationId(tempConversation.id);
       setSelectedConversation(tempConversation);
-      setHasOpenApp(false);
     } catch (error) {
       console.error("Failed to create new conversation:", error);
     }
   };
   const handleThreadCreated = (0, import_react11.useCallback)(
-    async (oldId, newId) => {
-      try {
-        const updatedConv = await chatClient.conversations.get(newId);
-        (0, import_react11.startTransition)(() => {
+    async (oldId, newId, backendConversation) => {
+      (0, import_react11.startTransition)(() => {
+        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);
-      }
+        }
+      });
     },
     []
   );
@@ -7405,11 +7112,11 @@ function NeptuneChatBot({
         /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
           "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__ */ (0, import_jsx_runtime10.jsx)(
               "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__ */ (0, import_jsx_runtime10.jsx)("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "animate-pulse text-gray-500", children: isLoading ? "Loading conversations..." : "Initializing Assistant..." }) }) : !agentId ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex h-full flex-col items-center justify-center p-4 text-center", children: [
                   /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("h2", { className: "text-xl font-semibold text-red-600 dark:text-red-400 mb-2", children: "Agent Not Configured" }),
                   /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("p", { className: "text-gray-700 dark:text-gray-300 max-w-md", children: [
@@ -7424,10 +7131,8 @@ function NeptuneChatBot({
                   {
                     conversation: selectedConversation,
                     agentId,
-                    debug,
                     onConversationUpdate: refreshSelectedConversation,
                     theme,
-                    onAppStateChange: handleAppStateChange,
                     onSidebarToggle: () => setSidebarOpen(false),
                     onThreadCreated: handleThreadCreated,
                     messageBubbleColor: theme === "dark" ? messageBubbleColorDark : messageBubbleColor,