@meistrari/chat-nuxt 4.5.0-rc.0 → 4.5.0-rc.1

package/dist/module.json

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

package/dist/runtime/embed/components/chat-embed-inner.d.vue.ts

@@ -19,29 +19,29 @@ type __VLS_Props = {
     user?: EmbedUser | null;
     features?: Partial<ChatFeatureConfig>;
 };
-declare var __VLS_6: {}, __VLS_80: {}, __VLS_93: {
+declare var __VLS_14: {}, __VLS_88: {}, __VLS_101: {
     message: useChatAuth;
-}, __VLS_105: {}, __VLS_133: {}, __VLS_142: {}, __VLS_206: {}, __VLS_225: {
+}, __VLS_113: {}, __VLS_141: {}, __VLS_150: {}, __VLS_214: {}, __VLS_233: {
     message: useChatAuth;
-}, __VLS_237: {};
+}, __VLS_245: {};
 type __VLS_Slots = {} & {
-    'sidebar-bottom'?: (props: typeof __VLS_6) => any;
+    'sidebar-bottom'?: (props: typeof __VLS_14) => any;
 } & {
-    'composer-bottom'?: (props: typeof __VLS_80) => any;
+    'composer-bottom'?: (props: typeof __VLS_88) => any;
 } & {
-    'failed-message-actions'?: (props: typeof __VLS_93) => any;
+    'failed-message-actions'?: (props: typeof __VLS_101) => any;
 } & {
-    'composer-bottom'?: (props: typeof __VLS_105) => any;
+    'composer-bottom'?: (props: typeof __VLS_113) => any;
 } & {
-    'topbar-leading'?: (props: typeof __VLS_133) => any;
+    'topbar-leading'?: (props: typeof __VLS_141) => any;
 } & {
-    'topbar-leading'?: (props: typeof __VLS_142) => any;
+    'topbar-leading'?: (props: typeof __VLS_150) => any;
 } & {
-    'composer-bottom'?: (props: typeof __VLS_206) => any;
+    'composer-bottom'?: (props: typeof __VLS_214) => any;
 } & {
-    'failed-message-actions'?: (props: typeof __VLS_225) => any;
+    'failed-message-actions'?: (props: typeof __VLS_233) => any;
 } & {
-    'composer-bottom'?: (props: typeof __VLS_237) => any;
+    'composer-bottom'?: (props: typeof __VLS_245) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:conversationId": (value: string | null) => any;

package/dist/runtime/embed/components/chat-embed-inner.vue

@@ -203,6 +203,7 @@ const {
   generatingTitle,
   animatedTitle,
   composerLocked,
+  isPolling,
   outboundOccupied,
   sessionReady,
   agentSessionRewakeable,
@@ -221,6 +222,7 @@ const {
   retryMessage,
   cancelConversation,
   startPolling,
+  reconnect,
   clearConversation,
   error: chatError
 } = createChat({
@@ -906,6 +908,15 @@ async function handleDelete() {
             rounded-8px bg-error text-error p-12px body-14-regular
         >
             {{ chatError }}
+            <TelaButton
+                v-if="composerLocked && !isPolling"
+                variant="ghost-danger"
+                size="sm"
+                icon="i-ph-arrow-clockwise"
+                @click="reconnect"
+            >
+                Reconectar
+            </TelaButton>
         </div>
         <!-- Sidebar -->
         <div

package/dist/runtime/embed/components/chat-embed-inner.vue.d.ts

@@ -19,29 +19,29 @@ type __VLS_Props = {
     user?: EmbedUser | null;
     features?: Partial<ChatFeatureConfig>;
 };
-declare var __VLS_6: {}, __VLS_80: {}, __VLS_93: {
+declare var __VLS_14: {}, __VLS_88: {}, __VLS_101: {
     message: useChatAuth;
-}, __VLS_105: {}, __VLS_133: {}, __VLS_142: {}, __VLS_206: {}, __VLS_225: {
+}, __VLS_113: {}, __VLS_141: {}, __VLS_150: {}, __VLS_214: {}, __VLS_233: {
     message: useChatAuth;
-}, __VLS_237: {};
+}, __VLS_245: {};
 type __VLS_Slots = {} & {
-    'sidebar-bottom'?: (props: typeof __VLS_6) => any;
+    'sidebar-bottom'?: (props: typeof __VLS_14) => any;
 } & {
-    'composer-bottom'?: (props: typeof __VLS_80) => any;
+    'composer-bottom'?: (props: typeof __VLS_88) => any;
 } & {
-    'failed-message-actions'?: (props: typeof __VLS_93) => any;
+    'failed-message-actions'?: (props: typeof __VLS_101) => any;
 } & {
-    'composer-bottom'?: (props: typeof __VLS_105) => any;
+    'composer-bottom'?: (props: typeof __VLS_113) => any;
 } & {
-    'topbar-leading'?: (props: typeof __VLS_133) => any;
+    'topbar-leading'?: (props: typeof __VLS_141) => any;
 } & {
-    'topbar-leading'?: (props: typeof __VLS_142) => any;
+    'topbar-leading'?: (props: typeof __VLS_150) => any;
 } & {
-    'composer-bottom'?: (props: typeof __VLS_206) => any;
+    'composer-bottom'?: (props: typeof __VLS_214) => any;
 } & {
-    'failed-message-actions'?: (props: typeof __VLS_225) => any;
+    'failed-message-actions'?: (props: typeof __VLS_233) => any;
 } & {
-    'composer-bottom'?: (props: typeof __VLS_237) => any;
+    'composer-bottom'?: (props: typeof __VLS_245) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:conversationId": (value: string | null) => any;

package/dist/runtime/lightweight/messages/composables/chat.d.ts

@@ -35,6 +35,7 @@ export declare function useChat(options?: Parameters<typeof useSharedChat>[0]):
     retryMessage: (messageId: string, prepare?: () => Promise<void>) => Promise<boolean>;
     cancelConversation: () => Promise<boolean>;
     startPolling: () => void;
+    reconnect: () => void;
     stopPolling: () => void;
     clearConversation: () => void;
     clearConversationThread: () => Promise<boolean>;

package/dist/runtime/messages/composables/chat.d.ts

@@ -57,6 +57,7 @@ export declare function useChat(options?: {
     retryMessage: (messageId: string, prepare?: () => Promise<void>) => Promise<boolean>;
     cancelConversation: () => Promise<boolean>;
     startPolling: () => void;
+    reconnect: () => void;
     stopPolling: () => void;
     clearConversation: () => void;
     clearConversationThread: () => Promise<boolean>;

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

@@ -28,6 +28,12 @@ import { usePolling } from "../../shared/composables/polling.js";
 import { ChatMessageStatus, terminalMessageTransitions, useChatMessageTerminal } from "./chat-message-terminal.js";
 import { useDirectStream } from "./use-direct-stream.js";
 import { useOutboundQueue } from "./outbound-queue.js";
+const POLL_OUTAGE_NOTICE_FAILURES = 5;
+const POLL_OUTAGE_BUDGET_MS = 6e4;
+const POLL_INTERVAL_MS = 500;
+const POLL_MAX_BACKOFF_MS = 5e3;
+const CHAT_REQUEST_TIMEOUT_MS = 15e3;
+const CHAT_UNAVAILABLE_TEXT = "Chat temporariamente indispon\xEDvel. Tente novamente.";
 const WORKSPACE_AGENT_NOT_READY_TEXT = "O agente deste workspace ainda n\xE3o foi configurado no Tela. Abra as configura\xE7\xF5es do workspace para criar o agente.";
 export function resolveTelaAgentInputs(messageInputs, configuredInputs) {
   const inputs = messageInputs ?? configuredInputs;
@@ -241,6 +247,9 @@ export function useChat(options = {}, adapter = {}) {
     }
   }
   let pollGeneration = 0;
+  let consecutivePollFailures = 0;
+  let pollOutageStartedAt = null;
+  const pollInterval = ref(POLL_INTERVAL_MS);
   const pollMessages = async () => {
     if (!currentConversation.value)
       return;
@@ -251,14 +260,17 @@ export function useChat(options = {}, adapter = {}) {
     try {
       const runtime = chatApi.conversationV2Enabled ? await $fetch(
         chatApi.runtimePath(`/conversations/${conversationId}/runtime`),
-        chatApi.withChatHeaders()
+        chatApi.withChatHeaders({ timeout: CHAT_REQUEST_TIMEOUT_MS, retry: 0 })
       ) : null;
       const response = await $fetch(
         chatApi.path(`/conversations/${conversationId}/messages`),
-        chatApi.withChatHeaders()
+        chatApi.withChatHeaders({ timeout: CHAT_REQUEST_TIMEOUT_MS, retry: 0 })
       );
       if (generation !== pollGeneration || currentConversation.value?.id !== conversationId)
         return;
+      resetPollOutage();
+      if (error.value === CHAT_UNAVAILABLE_TEXT)
+        error.value = null;
       if (runtime)
         runtimeBlocked.value = runtime.conversation.runtimeState === "blocked";
       if (response.agentSession) {
@@ -332,16 +344,28 @@ export function useChat(options = {}, adapter = {}) {
       Sentry.captureException(err);
       if (generation !== pollGeneration)
         return;
-      const errorRecord = err && typeof err === "object" ? err : null;
-      const statusCode = typeof errorRecord?.statusCode === "number" ? errorRecord.statusCode : typeof errorRecord?.status === "number" ? errorRecord.status : typeof errorRecord?.response?.status === "number" ? errorRecord.response.status : null;
-      if (statusCode && statusCode >= 400 && statusCode < 500 && statusCode !== 408 && statusCode !== 429) {
+      const statusCode = getChatApiErrorStatus(err);
+      const terminalError = statusCode === 501 || statusCode !== null && statusCode >= 400 && statusCode < 500 && statusCode !== 408 && statusCode !== 429;
+      consecutivePollFailures++;
+      pollOutageStartedAt ??= Date.now();
+      pollInterval.value = Math.min(POLL_INTERVAL_MS * 2 ** consecutivePollFailures, POLL_MAX_BACKOFF_MS);
+      if (!terminalError && consecutivePollFailures >= POLL_OUTAGE_NOTICE_FAILURES)
+        error.value = CHAT_UNAVAILABLE_TEXT;
+      const outageExhausted = Date.now() - pollOutageStartedAt >= POLL_OUTAGE_BUDGET_MS;
+      if (terminalError || outageExhausted) {
+        const message = statusCode === 501 || !terminalError ? CHAT_UNAVAILABLE_TEXT : getChatApiErrorMessage(err) ?? "Erro ao atualizar mensagens";
+        if (!terminalError || statusCode === 501 || outbound.occupied.value) {
+          error.value = message;
+          stopPolling();
+          return;
+        }
         const previousMessages = messages.value;
-        const failedMessages = markPendingAssistantMessagesFailed(previousMessages).map((message) => {
-          if (message.role !== "assistant" || message.status !== ChatMessageStatus.Completed || !pendingStreamReconciliationIds.value.has(message.id)) {
-            return message;
+        const failedMessages = markPendingAssistantMessagesFailed(previousMessages).map((message2) => {
+          if (message2.role !== "assistant" || message2.status !== ChatMessageStatus.Completed || !pendingStreamReconciliationIds.value.has(message2.id)) {
+            return message2;
           }
           return {
-            ...message,
+            ...message2,
             content: GENERATION_FAILED_TEXT,
             status: ChatMessageStatus.Failed
           };
@@ -352,20 +376,30 @@ export function useChat(options = {}, adapter = {}) {
         messages.value = failedMessages;
         for (const terminalMessage of terminalMessages)
           chatMessageTerminal.emit(terminalMessage);
-        error.value = getChatApiErrorMessage(err) ?? "Erro ao atualizar mensagens";
+        error.value = message;
         stopPolling();
       }
     }
   };
   const { isPolling, start: beginPolling, stop: endPolling } = usePolling({
     callback: pollMessages,
-    interval: 500,
+    interval: pollInterval,
     stopCondition
   });
+  function resetPollOutage() {
+    consecutivePollFailures = 0;
+    pollOutageStartedAt = null;
+    pollInterval.value = POLL_INTERVAL_MS;
+  }
   function startPolling() {
+    resetPollOutage();
     pollGeneration++;
     beginPolling();
   }
+  function reconnect() {
+    error.value = null;
+    startPolling();
+  }
   function stopPolling() {
     pollGeneration++;
     endPolling();
@@ -614,7 +648,7 @@ export function useChat(options = {}, adapter = {}) {
         v2AdmissionRequested = true;
         const accepted = await $fetch(
           chatApi.runtimePath(`/conversations/${conversationId2}/messages`),
-          chatApi.withChatHeaders({ method: "POST", body: v2Body, retry: 1 })
+          chatApi.withChatHeaders({ method: "POST", body: v2Body, retry: 1, timeout: CHAT_REQUEST_TIMEOUT_MS })
         );
         response = accepted;
         if (currentConversation.value?.id !== conversationId2)
@@ -661,7 +695,7 @@ export function useChat(options = {}, adapter = {}) {
     } catch (err) {
       const code = getChatApiErrorCode(err);
       const status = getChatApiErrorStatus(err);
-      if (v2AdmissionRequested && !controller.signal.aborted && (status === null || status === 408 || status === 429 || status >= 500)) {
+      if (v2AdmissionRequested && !controller.signal.aborted && (status === null || status === 408 || status === 429 || status >= 500 && status !== 501)) {
         const attempts = (queuedSend?.attempts ?? 0) + 1;
         const queuedAt = queuedSend?.queuedAt ?? Date.now();
         if (outboundQueueEnabled.value) {
@@ -1029,6 +1063,7 @@ export function useChat(options = {}, adapter = {}) {
     retryMessage,
     cancelConversation,
     startPolling,
+    reconnect,
     stopPolling,
     clearConversation,
     clearConversationThread,

package/package.json

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