@meistrari/chat-nuxt 3.15.0-rc.0 → 3.15.0-rc.2

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@meistrari/chat-nuxt",
   "configKey": "chatNuxt",
-  "version": "3.15.0-rc.0",
+  "version": "3.15.0-rc.2",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "unknown"

package/dist/runtime/messages/composables/chat-message-terminal.js

@@ -10,16 +10,15 @@ export function terminalMessageTransitions(previousMessages, nextMessages) {
   const previousById = new Map(previousMessages.map((message) => [message.id, message]));
   const transitions = [];
   for (const message of nextMessages) {
-    const previous = previousById.get(message.id);
-    if (message.role !== "assistant" || !previous)
+    if (message.role !== "assistant" || previousById.get(message.id)?.status !== "pending" /* Pending */)
       continue;
-    if (previous.status === "pending" /* Pending */ && message.status === "completed" /* Completed */) {
+    if (message.status === "completed" /* Completed */) {
       transitions.push({
         conversationId: message.conversationId,
         messageId: message.id,
         status: "completed" /* Completed */
       });
-    } else if (message.status === "failed" /* Failed */ && (previous.status === "pending" /* Pending */ || previous.status === "completed" /* Completed */)) {
+    } else if (message.status === "failed" /* Failed */) {
       transitions.push({
         conversationId: message.conversationId,
         messageId: message.id,

package/dist/runtime/messages/composables/chat.js

@@ -16,6 +16,7 @@ import {
   CANCELLATION_FAILED_TEXT,
   GENERATION_FAILED_TEXT
 } from "../message-state.js";
+import { useConversations } from "../../conversations/composables/conversations.js";
 import { exportConversationToMarkdown } from "../../conversations/export.js";
 import { resolveChatStateScope } from "../../conversations/scope.js";
 import { getChatApiErrorCode, getChatApiErrorMessage, getChatApiErrorStatus } from "../../shared/chat-api-error.js";
@@ -45,6 +46,7 @@ export function useChat(options = {}) {
   const embedConfig = useEmbedConfig();
   const { user: authUser, activeOrganization } = useChatAuth();
   const { addFilesToConversation } = useConversationFileActions();
+  const { updateConversationInList } = useConversations();
   const chatScope = computed(() => resolveChatStateScope(
     embedConfig?.workspaceId.value || activeOrganization.value?.id,
     embedConfig?.telaAgentId.value,
@@ -118,9 +120,26 @@ export function useChat(options = {}) {
     schedulePreparingStep(0);
   }
   const error = ref(null);
-  const titleGenerated = ref(false);
-  const generatingTitle = ref(false);
-  const animatedTitle = ref(null);
+  const titleGeneratedBuckets = useState("chat-title-generated", () => ({}));
+  const generatingTitleBuckets = useState("chat-generating-title", () => ({}));
+  const animatedTitleBuckets = useState("chat-animated-title", () => ({}));
+  const generatingTitle = computed(() => {
+    const conversationId = currentConversation.value?.id;
+    return conversationId ? generatingTitleBuckets.value[conversationId] ?? false : false;
+  });
+  const animatedTitle = computed(() => {
+    const conversationId = currentConversation.value?.id;
+    return conversationId ? animatedTitleBuckets.value[conversationId] ?? null : null;
+  });
+  function markTitleGenerated(conversationId, generated) {
+    titleGeneratedBuckets.value = { ...titleGeneratedBuckets.value, [conversationId]: generated };
+  }
+  function setGeneratingTitle(conversationId, generating) {
+    generatingTitleBuckets.value = { ...generatingTitleBuckets.value, [conversationId]: generating };
+  }
+  function setAnimatedTitle(conversationId, title) {
+    animatedTitleBuckets.value = { ...animatedTitleBuckets.value, [conversationId]: title };
+  }
   const hasPendingMessage = computed(
     () => messages.value.some((m) => m.status === "pending")
   );
@@ -142,10 +161,10 @@ export function useChat(options = {}) {
     const messageId = streamingMessageId.value;
     if (!messageId)
       return;
-    const pendingMessage = messages.value.find(
+    const isPendingAssistant = messages.value.some(
       (message) => message.id === messageId && message.role === "assistant" && message.status === ChatMessageStatus.Pending
     );
-    if (!pendingMessage)
+    if (!isPendingAssistant)
       return;
     pendingStreamReconciliationIds.value = /* @__PURE__ */ new Set([
       ...pendingStreamReconciliationIds.value,
@@ -160,11 +179,9 @@ export function useChat(options = {}) {
       content: resolveStreamingContent(message.content, result.text),
       status: ChatMessageStatus.Completed
     } : message);
-    chatMessageTerminal.emit({
-      conversationId: pendingMessage.conversationId,
-      messageId,
-      status: ChatMessageStatus.Completed
-    });
+  }
+  function durableKnownMessages() {
+    return messages.value.map((message) => pendingStreamReconciliationIds.value.has(message.id) ? { ...message, status: ChatMessageStatus.Pending } : message);
   }
   function confirmStreamedResult(result) {
     if (result.status === "waiting_messages") {
@@ -242,7 +259,7 @@ export function useChat(options = {}) {
         const optimisticMessage = currentMessagesById.get(message.id);
         return optimisticMessage?.status === ChatMessageStatus.Completed ? optimisticMessage : message;
       });
-      const terminalMessages = terminalMessageTransitions(messages.value, reconciledMessages);
+      const terminalMessages = terminalMessageTransitions(durableKnownMessages(), response.messages);
       pendingStreamReconciliationIds.value = remainingReconciliationIds;
       pendingRealResultIds.value = remainingRealResultIds;
       messages.value = reconciledMessages;
@@ -284,7 +301,7 @@ export function useChat(options = {}) {
             status: ChatMessageStatus.Failed
           };
         });
-        const terminalMessages = terminalMessageTransitions(previousMessages, failedMessages);
+        const terminalMessages = terminalMessageTransitions(durableKnownMessages(), failedMessages);
         pendingStreamReconciliationIds.value = /* @__PURE__ */ new Set();
         pendingRealResultIds.value = /* @__PURE__ */ new Set();
         messages.value = failedMessages;
@@ -338,7 +355,6 @@ export function useChat(options = {}) {
   };
   const adoptConversation = (conv) => {
     currentConversation.value = { ...conv, messages: messages.value };
-    titleGenerated.value = false;
   };
   const setConversation = (conv) => {
     if (currentConversation.value && currentConversation.value.id !== conv.id) {
@@ -353,13 +369,11 @@ export function useChat(options = {}) {
     agentSessionStatus.value = null;
     agentSessionExecutable.value = false;
     agentSessionRewakeable.value = false;
-    titleGenerated.value = false;
     error.value = null;
   };
   const loadConversation = async (id) => {
     loading.value = true;
     error.value = null;
-    titleGenerated.value = false;
     try {
       const data = await $fetch(
         chatApi.path(`/conversations/${id}`),
@@ -369,9 +383,8 @@ export function useChat(options = {}) {
       messages.value = data.messages;
       pendingStreamReconciliationIds.value = /* @__PURE__ */ new Set();
       pendingRealResultIds.value = /* @__PURE__ */ new Set();
-      if (shouldTreatLoadedConversationTitleAsGenerated(data.messages)) {
-        titleGenerated.value = true;
-      }
+      if (shouldTreatLoadedConversationTitleAsGenerated(data.messages))
+        markTitleGenerated(data.id, true);
       const pendingAssistant = data.messages.findLast((m) => m.role === "assistant" && m.status === "pending");
       if (pendingAssistant) {
         streamingMessageId.value = pendingAssistant.id;
@@ -750,30 +763,35 @@ export function useChat(options = {}) {
       return false;
     }
   };
-  const animateTitle = (title) => {
+  const animateTitle = (title, conversationId) => {
     return new Promise((resolve) => {
-      animatedTitle.value = "";
+      setAnimatedTitle(conversationId, "");
       let index = 0;
       const interval = setInterval(() => {
-        if (index < title.length) {
-          animatedTitle.value = title.slice(0, index + 1);
+        if (currentConversation.value?.id !== conversationId) {
+          clearInterval(interval);
+          setAnimatedTitle(conversationId, null);
+          resolve(false);
+        } else if (index < title.length) {
+          setAnimatedTitle(conversationId, title.slice(0, index + 1));
           index++;
         } else {
           clearInterval(interval);
-          animatedTitle.value = null;
-          resolve();
+          setAnimatedTitle(conversationId, null);
+          resolve(true);
         }
       }, 30);
     });
   };
   const generateTitle = async () => {
-    if (!currentConversation.value || titleGenerated.value)
+    const conversation = currentConversation.value;
+    if (!conversation || titleGeneratedBuckets.value[conversation.id])
       return;
     const titleMessages = selectTitleGenerationMessages(messages.value);
     if (!titleMessages)
       return;
-    titleGenerated.value = true;
-    generatingTitle.value = true;
+    markTitleGenerated(conversation.id, true);
+    setGeneratingTitle(conversation.id, true);
     try {
       const { title } = await $fetch(
         chatApi.path("/conversations/generate-title"),
@@ -785,24 +803,27 @@ export function useChat(options = {}) {
           }
         })
       );
-      if (title && currentConversation.value) {
-        await animateTitle(title);
-        await $fetch(chatApi.path(`/conversations/${currentConversation.value.id}`), {
-          ...chatApi.withChatHeaders({
-            method: "PATCH",
-            body: { title }
-          })
-        });
-        currentConversation.value = {
-          ...currentConversation.value,
-          title
-        };
+      if (!title)
+        return;
+      const updated = await $fetch(
+        chatApi.path(`/conversations/${conversation.id}`),
+        chatApi.withChatHeaders({
+          method: "PATCH",
+          body: { title }
+        })
+      );
+      updateConversationInList(updated);
+      if (currentConversation.value?.id === conversation.id && await animateTitle(title, conversation.id)) {
+        const current = currentConversation.value;
+        if (current?.id === conversation.id)
+          currentConversation.value = { ...current, title };
       }
     } catch (err) {
+      markTitleGenerated(conversation.id, false);
       Sentry.captureException(err);
     } finally {
-      generatingTitle.value = false;
-      animatedTitle.value = null;
+      setGeneratingTitle(conversation.id, false);
+      setAnimatedTitle(conversation.id, null);
     }
   };
   const exportToMarkdown = () => {

package/dist/runtime/server/api/chat/conversations/generate-title.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("h3").EventHandler<import("h3").EventHandlerRequest, Promise<any>>;
+export default _default;

package/dist/runtime/server/api/chat/conversations/generate-title.js

@@ -0,0 +1,3 @@
+import { defineEventHandler } from "h3";
+import { proxyChatApiRequest } from "../../../utils/chat-api-proxy.js";
+export default defineEventHandler((event) => proxyChatApiRequest(event, "conversations/generate-title"));

package/dist/runtime/server/api/chat/conversations/groups/[groupId].d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("h3").EventHandler<import("h3").EventHandlerRequest, Promise<any>>;
+export default _default;

package/dist/runtime/server/api/chat/conversations/groups/[groupId].js

@@ -0,0 +1,6 @@
+import { defineEventHandler, getRouterParam } from "h3";
+import { prefixProxyPath, proxyChatApiRequest } from "../../../../utils/chat-api-proxy.js";
+export default defineEventHandler((event) => {
+  const groupId = getRouterParam(event, "groupId") || "";
+  return proxyChatApiRequest(event, prefixProxyPath("conversations/groups", groupId));
+});

package/dist/runtime/server/api/chat/conversations/groups.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("h3").EventHandler<import("h3").EventHandlerRequest, Promise<any>>;
+export default _default;

package/dist/runtime/server/api/chat/conversations/groups.js

@@ -0,0 +1,3 @@
+import { defineEventHandler } from "h3";
+import { proxyChatApiRequest } from "../../../utils/chat-api-proxy.js";
+export default defineEventHandler((event) => proxyChatApiRequest(event, "conversations/groups"));

package/dist/runtime/server/api/chat/conversations/metadata.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("h3").EventHandler<import("h3").EventHandlerRequest, Promise<any>>;
+export default _default;

package/dist/runtime/server/api/chat/conversations/metadata.js

@@ -0,0 +1,3 @@
+import { defineEventHandler } from "h3";
+import { proxyChatApiRequest } from "../../../utils/chat-api-proxy.js";
+export default defineEventHandler((event) => proxyChatApiRequest(event, "conversations/metadata"));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meistrari/chat-nuxt",
-  "version": "3.15.0-rc.0",
+  "version": "3.15.0-rc.2",
   "type": "module",
   "exports": {
     ".": {