@meistrari/chat-nuxt 4.2.0-rc.1 → 4.2.0-rc.2

package/dist/module.json

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

package/dist/runtime/conversations/components/chat-conversation-item.vue

@@ -20,7 +20,7 @@ const {
   confirmDelete,
   cancelDelete,
   handleConversationClick,
-  handleConversationDoubleClick,
+  startRename,
   handleConversationDragStart,
   handleConversationDragEnd,
   cancelRename,
@@ -81,7 +81,7 @@ function setRenameInputRef(element) {
         class="group data-[active=true]:bg-muted data-[active=false]:hover:bg-subtle"
         :data-active="active"
         @click="handleConversationClick"
-        @dblclick.prevent.stop="handleConversationDoubleClick"
+        @dblclick.prevent.stop="startRename"
         @dragstart="handleConversationDragStart"
         @dragend="handleConversationDragEnd"
     >

package/dist/runtime/conversations/composables/conversation-item.d.ts

@@ -37,7 +37,6 @@ export declare function useConversationItem(options: ConversationItemOptions, em
     cancelDelete: () => void;
     handleConversationClick: (event: MouseEvent) => void;
     startRename: () => void;
-    handleConversationDoubleClick: () => void;
     handleConversationDragStart: (event: DragEvent) => void;
     handleConversationDragEnd: () => void;
     cancelRename: () => void;

package/dist/runtime/conversations/composables/conversation-item.js

@@ -1,6 +1,5 @@
 import { resolveConversationRenameTitle } from "../title.js";
 import { capitalizeFirst } from "../../shared/string.js";
-const conversationNavigationDelayMs = 250;
 export function useConversationItem(options, emit) {
   const isRenamingInline = ref(false);
   const renameTitle = ref("");
@@ -9,7 +8,6 @@ export function useConversationItem(options, emit) {
   const showDeleteModal = ref(false);
   const conversationPath = computed(() => `/${options.conversation.id}`);
   const displayTitle = computed(() => capitalizeFirst(options.conversation.title));
-  let conversationNavigationTimer = null;
   let renameBlurTimer = null;
   const escapeCancellable = computed(() => isRenamingInline.value || showDeleteModal.value);
   function handleEscapeKeydown(event) {
@@ -28,12 +26,6 @@ export function useConversationItem(options, emit) {
     else
       window.removeEventListener("keydown", handleEscapeKeydown);
   });
-  function clearPendingConversationNavigation() {
-    if (conversationNavigationTimer === null)
-      return;
-    clearTimeout(conversationNavigationTimer);
-    conversationNavigationTimer = null;
-  }
   function clearRenameBlurTimer() {
     if (renameBlurTimer === null)
       return;
@@ -58,17 +50,13 @@ export function useConversationItem(options, emit) {
     if (event.defaultPrevented || event.button !== 0 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey)
       return;
     event.preventDefault();
-    clearPendingConversationNavigation();
     if (event.detail > 1)
       return;
-    conversationNavigationTimer = setTimeout(() => {
-      if (options.selectConversation) {
-        void options.selectConversation(options.conversation.id);
-      } else {
-        navigateTo(conversationPath.value);
-      }
-      conversationNavigationTimer = null;
-    }, conversationNavigationDelayMs);
+    if (options.selectConversation) {
+      void options.selectConversation(options.conversation.id);
+    } else {
+      navigateTo(conversationPath.value);
+    }
   }
   async function focusRenameInput() {
     await nextTick();
@@ -77,17 +65,12 @@ export function useConversationItem(options, emit) {
     allowRenameBlurSoon();
   }
   function startRename() {
-    clearPendingConversationNavigation();
     clearRenameBlurTimer();
     renameTitle.value = options.conversation.title;
     isIgnoringInitialRenameBlur.value = true;
     isRenamingInline.value = true;
     void focusRenameInput();
   }
-  function handleConversationDoubleClick() {
-    clearPendingConversationNavigation();
-    startRename();
-  }
   function handleConversationDragStart(event) {
     if (!options.draggable)
       return;
@@ -146,7 +129,6 @@ export function useConversationItem(options, emit) {
     }
   ];
   onBeforeUnmount(() => {
-    clearPendingConversationNavigation();
     clearRenameBlurTimer();
     if (typeof window !== "undefined")
       window.removeEventListener("keydown", handleEscapeKeydown);
@@ -163,7 +145,6 @@ export function useConversationItem(options, emit) {
     cancelDelete,
     handleConversationClick,
     startRename,
-    handleConversationDoubleClick,
     handleConversationDragStart,
     handleConversationDragEnd,
     cancelRename,

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

@@ -347,7 +347,9 @@ async function ensureConversationLoaded(conversationId) {
   }
   loadingConversationId.value = conversationId;
   try {
-    await loadConversation(conversationId);
+    const ownsChatState = await loadConversation(conversationId);
+    if (!ownsChatState)
+      return;
     if (currentConversation.value?.id !== conversationId) {
       agentWake.skip();
       statusToast.update({

package/dist/runtime/messages/components/chat-message-bubble.vue

@@ -196,7 +196,7 @@ const hasDetectedFiles = computed(() => contentSegments.value.some((s) => s.type
                 :completed="!isPending"
                 :preparing-steps="preparingSteps"
                 :started-at="message.generationStartedAt ?? message.createdAt"
-                :updated-at="message.updatedAt"
+                :ended-at="message.generationEndedAt"
             />
 
             <div

package/dist/runtime/messages/components/reasoning/chat-reasoning-thought.d.vue.ts

@@ -3,7 +3,7 @@ type __VLS_Props = {
     reasoningData: ReasoningStep[];
     completed: boolean;
     startedAt: Date | string;
-    updatedAt?: Date | string | null;
+    endedAt?: Date | string | null;
     preparingSteps?: readonly string[] | null;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/messages/components/reasoning/chat-reasoning-thought.vue

@@ -1,6 +1,6 @@
 <script setup>
 import { resolveDisplayedReasoning } from "../../reasoning";
-import { useReasoningTimer } from "../../composables/reasoning-timer";
+import { formatThinkingDuration, useReasoningTimer } from "../../composables/reasoning-timer";
 import { resolveToolTitle } from "../../tool-registry";
 import ChatReasoningCollapsibleContent from "./chat-reasoning-collapsible-content.vue";
 import ChatReasoningSteps from "./chat-reasoning-steps.vue";
@@ -8,14 +8,14 @@ const props = defineProps({
   reasoningData: { type: Array, required: true },
   completed: { type: Boolean, required: true },
   startedAt: { type: [Date, String], required: true },
-  updatedAt: { type: [Date, String, null], required: false },
+  endedAt: { type: [Date, String, null], required: false },
   preparingSteps: { type: [Array, null], required: false }
 });
 const TEXT_TRUNCATE_LENGTH = 40;
 const isExpanded = ref(false);
 const { elapsedTime, thinkingDuration } = useReasoningTimer({
   startedAt: computed(() => props.startedAt),
-  updatedAt: computed(() => props.updatedAt),
+  endedAt: computed(() => props.endedAt),
   completed: computed(() => props.completed)
 });
 const displayedReasoning = computed(
@@ -40,18 +40,7 @@ const currentStepName = computed(() => {
   }
   return "Trabalhando";
 });
-const formattedDuration = computed(() => {
-  if (!thinkingDuration.value)
-    return null;
-  const seconds = Math.round(thinkingDuration.value / 1e3);
-  if (seconds < 60)
-    return `${seconds}s`;
-  const minutes = Math.floor(seconds / 60);
-  const remainingSeconds = seconds % 60;
-  if (remainingSeconds === 0)
-    return `${minutes}m`;
-  return `${minutes}m ${remainingSeconds}s`;
-});
+const formattedDuration = computed(() => formatThinkingDuration(thinkingDuration.value));
 const liveFormattedDuration = computed(() => {
   const seconds = Math.round(elapsedTime.value / 1e3);
   return seconds > 0 ? `${seconds}s` : "";
@@ -101,7 +90,8 @@ const liveFormattedDuration = computed(() => {
                             group-hover:text-primary
                             transition-colors
                         >
-                            Trabalhou por {{ formattedDuration || "alguns momentos" }}
+                            <template v-if="formattedDuration">Trabalhou por {{ formattedDuration }}</template>
+                            <template v-else>Trabalhou</template>
                         </span>
                         <div
                             v-else

package/dist/runtime/messages/components/reasoning/chat-reasoning-thought.vue.d.ts

@@ -3,7 +3,7 @@ type __VLS_Props = {
     reasoningData: ReasoningStep[];
     completed: boolean;
     startedAt: Date | string;
-    updatedAt?: Date | string | null;
+    endedAt?: Date | string | null;
     preparingSteps?: readonly string[] | null;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -30,7 +30,7 @@ export declare function useChat(options?: {
     cancelling: any;
     generatingTitle: any;
     animatedTitle: any;
-    loadConversation: (id: string) => Promise<void>;
+    loadConversation: (id: string) => Promise<boolean>;
     setConversation: (conv: Conversation | ConversationWithMessages) => void;
     adoptConversation: (conv: Conversation) => void;
     setConversationModel: (model: string | null) => void;

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

@@ -427,11 +427,13 @@ export function useChat(options = {}) {
     agentSessionRewakeable.value = false;
     error.value = null;
   };
+  let loadGeneration = 0;
   const loadConversation = async (id) => {
     if (chatApi.conversationV2Enabled) {
       stopPolling();
       directStream.disconnect();
     }
+    const generation = ++loadGeneration;
     runtimeBlocked.value = false;
     loading.value = true;
     error.value = null;
@@ -440,6 +442,8 @@ export function useChat(options = {}) {
         chatApi.path(`/conversations/${id}`),
         chatApi.withChatHeaders()
       );
+      if (generation !== loadGeneration)
+        return false;
       currentConversation.value = data;
       messages.value = data.messages;
       pendingStreamReconciliationIds.value = /* @__PURE__ */ new Set();
@@ -457,14 +461,19 @@ export function useChat(options = {}) {
         streamingMessageId.value = null;
         directStream.disconnect();
       }
+      return true;
     } catch (err) {
+      Sentry.captureException(err);
+      if (generation !== loadGeneration)
+        return false;
       currentConversation.value = null;
       messages.value = [];
       const message = err instanceof Error ? err.message : "Erro ao carregar conversa";
       error.value = message;
-      Sentry.captureException(err);
+      return true;
     } finally {
-      loading.value = false;
+      if (generation === loadGeneration)
+        loading.value = false;
     }
   };
   const sendMessage = async (content, files, agentInputs, prepare, queuedSend) => {

package/dist/runtime/messages/composables/reasoning-timer.d.ts

@@ -1,7 +1,8 @@
 import { type Ref } from 'vue';
+export declare function formatThinkingDuration(durationMs: number | null): string | null;
 export declare function useReasoningTimer(options: {
     startedAt: Readonly<Ref<Date | string>>;
-    updatedAt: Readonly<Ref<Date | string | null | undefined>>;
+    endedAt: Readonly<Ref<Date | string | null | undefined>>;
     completed: Readonly<Ref<boolean>>;
 }): {
     elapsedTime: Ref<number, number>;

package/dist/runtime/messages/composables/reasoning-timer.js

@@ -1,11 +1,29 @@
 import { computed, ref, watch } from "vue";
+const MINUTE_SECONDS = 60;
+const HOUR_SECONDS = 60 * MINUTE_SECONDS;
+const DAY_SECONDS = 24 * HOUR_SECONDS;
+function withRemainder(whole, wholeUnit, remainder, remainderUnit) {
+  return remainder === 0 ? `${whole}${wholeUnit}` : `${whole}${wholeUnit} ${remainder}${remainderUnit}`;
+}
+export function formatThinkingDuration(durationMs) {
+  if (!durationMs)
+    return null;
+  const seconds = Math.round(durationMs / 1e3);
+  if (seconds < MINUTE_SECONDS)
+    return `${seconds}s`;
+  if (seconds < HOUR_SECONDS)
+    return withRemainder(Math.floor(seconds / MINUTE_SECONDS), "m", seconds % MINUTE_SECONDS, "s");
+  if (seconds < DAY_SECONDS)
+    return withRemainder(Math.floor(seconds / HOUR_SECONDS), "h", Math.floor(seconds % HOUR_SECONDS / MINUTE_SECONDS), "m");
+  return withRemainder(Math.floor(seconds / DAY_SECONDS), "d", Math.floor(seconds % DAY_SECONDS / HOUR_SECONDS), "h");
+}
 export function useReasoningTimer(options) {
   const elapsedTime = ref(0);
   const startTime = computed(() => new Date(options.startedAt.value).getTime());
   const thinkingDuration = computed(() => {
-    if (!options.updatedAt.value)
+    if (!options.endedAt.value)
       return null;
-    const duration = new Date(options.updatedAt.value).getTime() - startTime.value;
+    const duration = new Date(options.endedAt.value).getTime() - startTime.value;
     return Number.isFinite(duration) && duration >= 0 ? duration : null;
   });
   watch([startTime, options.completed], ([start, completed], _previous, onCleanup) => {

package/dist/runtime/messages/debug/chat-debug-scenarios.js

@@ -89,6 +89,7 @@ function message(baseTime, offsetMs, input) {
     externalUuid: null,
     ttft: null,
     generationStartedAt: null,
+    generationEndedAt: input.updatedAt ?? null,
     createdBy: input.role === "user" ? "debugger@tela.com" : null,
     createdAt,
     updatedAt: input.updatedAt ?? createdAt,

package/dist/runtime/messages/message-state.js

@@ -39,6 +39,7 @@ export function beginAssistantMessageRetry(messages, messageId) {
         failReason: null,
         reasoningData: null,
         generationStartedAt: /* @__PURE__ */ new Date(),
+        generationEndedAt: null,
         updatedAt: null
       };
     })

package/dist/runtime/types/schemas/chat/conversation-runtime.d.ts

@@ -115,6 +115,7 @@ export declare const sendMessageV2ResponseSchema: z.ZodObject<{
         createdAt: z.ZodDate;
         updatedAt: z.ZodNullable<z.ZodDate>;
         generationStartedAt: z.ZodNullable<z.ZodDate>;
+        generationEndedAt: z.ZodOptional<z.ZodNullable<z.ZodDate>>;
     }, z.core.$strip>;
     assistantMessage: z.ZodObject<{
         id: z.ZodString;
@@ -148,6 +149,7 @@ export declare const sendMessageV2ResponseSchema: z.ZodObject<{
         createdAt: z.ZodDate;
         updatedAt: z.ZodNullable<z.ZodDate>;
         generationStartedAt: z.ZodNullable<z.ZodDate>;
+        generationEndedAt: z.ZodOptional<z.ZodNullable<z.ZodDate>>;
     }, z.core.$strip>;
     turn: z.ZodNullable<z.ZodObject<{
         id: z.ZodString;
@@ -228,6 +230,8 @@ export declare const conversationRuntimeWebhookPayloadSchema: z.ZodObject<{
         "session.waiting_messages": "session.waiting_messages";
     }>;
     sessionId: z.ZodString;
+    runId: z.ZodOptional<z.ZodString>;
+    timestamp: z.ZodOptional<z.ZodString>;
     status: z.ZodOptional<z.ZodString>;
     error: z.ZodOptional<z.ZodNullable<z.ZodString>>;
     failReason: z.ZodOptional<z.ZodNullable<z.ZodString>>;

package/dist/runtime/types/schemas/chat/conversation-runtime.js

@@ -58,6 +58,8 @@ export const conversationRuntimeWebhookPayloadSchema = z.object({
         'session.waiting_messages',
     ]),
     sessionId: z.string().min(1),
+    runId: z.string().optional(),
+    timestamp: z.string().optional(),
     status: z.string().optional(),
     error: z.string().nullable().optional(),
     failReason: z.string().nullable().optional(),

package/dist/runtime/types/schemas/chat/conversations.d.ts

@@ -111,6 +111,7 @@ export declare const messageSchema: z.ZodObject<{
     createdAt: z.ZodDate;
     updatedAt: z.ZodNullable<z.ZodDate>;
     generationStartedAt: z.ZodNullable<z.ZodDate>;
+    generationEndedAt: z.ZodOptional<z.ZodNullable<z.ZodDate>>;
 }, z.core.$strip>;
 export type Message = z.infer<typeof messageSchema>;
 export declare const conversationCreatorFilterCountsSchema: z.ZodRecord<z.ZodEnum<{
@@ -224,6 +225,7 @@ export declare const conversationWithMessagesSchema: z.ZodObject<{
         createdAt: z.ZodDate;
         updatedAt: z.ZodNullable<z.ZodDate>;
         generationStartedAt: z.ZodNullable<z.ZodDate>;
+        generationEndedAt: z.ZodOptional<z.ZodNullable<z.ZodDate>>;
     }, z.core.$strip>>;
 }, z.core.$strip>;
 export type ConversationWithMessages = z.infer<typeof conversationWithMessagesSchema>;

package/dist/runtime/types/schemas/chat/conversations.js

@@ -50,6 +50,7 @@ export const messageSchema = z.object({
     createdAt: z.date(),
     updatedAt: z.date().nullable(),
     generationStartedAt: z.date().nullable(),
+    generationEndedAt: z.date().nullable().optional(),
 });
 export const conversationCreatorFilterCountsSchema = z.record(conversationCreatorFilterSchema, z.number());
 export const conversationListMetadataSchema = z.object({

package/dist/runtime/types/schemas/chat/messages.d.ts

@@ -120,6 +120,7 @@ export declare const sendMessageResponseSchema: z.ZodObject<{
         createdAt: z.ZodDate;
         updatedAt: z.ZodNullable<z.ZodDate>;
         generationStartedAt: z.ZodNullable<z.ZodDate>;
+        generationEndedAt: z.ZodOptional<z.ZodNullable<z.ZodDate>>;
     }, z.core.$strip>;
     assistantMessage: z.ZodObject<{
         id: z.ZodString;
@@ -153,6 +154,7 @@ export declare const sendMessageResponseSchema: z.ZodObject<{
         createdAt: z.ZodDate;
         updatedAt: z.ZodNullable<z.ZodDate>;
         generationStartedAt: z.ZodNullable<z.ZodDate>;
+        generationEndedAt: z.ZodOptional<z.ZodNullable<z.ZodDate>>;
     }, z.core.$strip>;
 }, z.core.$strip>;
 export type SendMessageResponse = z.infer<typeof sendMessageResponseSchema>;
@@ -189,6 +191,7 @@ export declare const messagePollResponseSchema: z.ZodObject<{
         createdAt: z.ZodDate;
         updatedAt: z.ZodNullable<z.ZodDate>;
         generationStartedAt: z.ZodNullable<z.ZodDate>;
+        generationEndedAt: z.ZodOptional<z.ZodNullable<z.ZodDate>>;
     }, z.core.$strip>>;
     newFiles: z.ZodOptional<z.ZodArray<z.ZodObject<{
         url: z.ZodString;

package/package.json

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