@meistrari/chat-nuxt 4.6.0-rc.4 → 4.6.0-rc.6

package/dist/module.json

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

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

@@ -67,8 +67,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     copyLink: () => any;
     debug: () => any;
     selectConversation: (id: string) => any;
-    send: (content: string, files: FileUploadInput[], agentInputs?: TelaAgentExecutionInput[] | undefined) => any;
     settings: () => any;
+    send: (content: string, files: FileUploadInput[], agentInputs?: TelaAgentExecutionInput[] | undefined) => any;
     tabChange: (tab: TopbarTab) => any;
     newConversation: (groupId?: string | null | undefined) => any;
     switchWorkspace: () => any;
@@ -88,8 +88,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     onCopyLink?: (() => any) | undefined;
     onDebug?: (() => any) | undefined;
     onSelectConversation?: ((id: string) => any) | undefined;
-    onSend?: ((content: string, files: FileUploadInput[], agentInputs?: TelaAgentExecutionInput[] | undefined) => any) | undefined;
     onSettings?: (() => any) | undefined;
+    onSend?: ((content: string, files: FileUploadInput[], agentInputs?: TelaAgentExecutionInput[] | undefined) => any) | undefined;
     "onUpdate:selectedModel"?: ((value: string | null) => any) | undefined;
     "onUpdate:selectedReasoningEffort"?: ((value: any) => any) | undefined;
     onTabChange?: ((tab: TopbarTab) => any) | undefined;

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

@@ -67,8 +67,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     copyLink: () => any;
     debug: () => any;
     selectConversation: (id: string) => any;
-    send: (content: string, files: FileUploadInput[], agentInputs?: TelaAgentExecutionInput[] | undefined) => any;
     settings: () => any;
+    send: (content: string, files: FileUploadInput[], agentInputs?: TelaAgentExecutionInput[] | undefined) => any;
     tabChange: (tab: TopbarTab) => any;
     newConversation: (groupId?: string | null | undefined) => any;
     switchWorkspace: () => any;
@@ -88,8 +88,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     onCopyLink?: (() => any) | undefined;
     onDebug?: (() => any) | undefined;
     onSelectConversation?: ((id: string) => any) | undefined;
-    onSend?: ((content: string, files: FileUploadInput[], agentInputs?: TelaAgentExecutionInput[] | undefined) => any) | undefined;
     onSettings?: (() => any) | undefined;
+    onSend?: ((content: string, files: FileUploadInput[], agentInputs?: TelaAgentExecutionInput[] | undefined) => any) | undefined;
     "onUpdate:selectedModel"?: ((value: string | null) => any) | undefined;
     "onUpdate:selectedReasoningEffort"?: ((value: any) => any) | undefined;
     onTabChange?: ((tab: TopbarTab) => any) | undefined;

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

@@ -27,24 +27,25 @@ const TOOL_WIDGETS = {
   "grep": ChatGrepWidget,
   "generic": ChatGenericToolWidget
 };
-const displayToolUse = computed(() => typeof props.step === "string" ? null : withReportedToolInput(props.step.toolUse, props.step.toolResult));
+const toolGroup = computed(() => typeof props.step !== "string" && props.step.type === "tool_group" ? props.step : null);
+const displayToolUse = computed(() => toolGroup.value ? withReportedToolInput(toolGroup.value.toolUse, toolGroup.value.toolResult) : null);
 const toolDisplay = computed(() => {
-  if (typeof props.step === "string")
+  if (!toolGroup.value)
     return null;
-  return resolveToolDisplay(props.step.toolUse);
+  return resolveToolDisplay(toolGroup.value.toolUse);
 });
 const stepWasExecuted = computed(
-  () => typeof props.step !== "string" && props.step.toolResult !== void 0 && !props.isActive
+  () => toolGroup.value?.toolResult !== void 0 && !props.isActive
 );
 const stepMeta = computed(() => {
-  if (typeof props.step === "string")
+  if (!toolGroup.value)
     return null;
   return resolveToolMeta(displayToolUse.value);
 });
 const stepTitle = computed(() => {
-  if (typeof props.step === "string")
+  if (!toolGroup.value)
     return "";
-  return resolveToolTitle(props.step.toolUse, stepWasExecuted.value);
+  return resolveToolTitle(toolGroup.value.toolUse, stepWasExecuted.value);
 });
 </script>
 
@@ -61,6 +62,21 @@ const stepTitle = computed(() => {
         />
     </div>
 
+    <div v-else-if="step.type === 'thinking'" class="chat-reasoning-step">
+        <ChatReasoningToolRow
+            :title="isActive && !completed ? 'Pensando' : 'Pensou'"
+            has-result
+            :is-active="isActive && !completed"
+        >
+            <ChatThinkingWidget
+                class="chat-reasoning-thinking-detail"
+                :content="step.text"
+                :is-active="isActive"
+                :completed="completed"
+            />
+        </ChatReasoningToolRow>
+    </div>
+
     <div v-else class="chat-reasoning-step">
         <ChatReasoningToolRow
             :title="stepTitle"

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

@@ -34,6 +34,9 @@ const currentStepName = computed(() => {
   if (step && typeof step !== "string" && step.type === "tool_group") {
     return resolveToolTitle(step.toolUse, false);
   }
+  if (step && typeof step !== "string" && step.type === "thinking") {
+    return "Pensando";
+  }
   if (step && typeof step === "string") {
     const truncated = step.length > TEXT_TRUNCATE_LENGTH ? `${step.slice(0, TEXT_TRUNCATE_LENGTH)}...` : step;
     return truncated;

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

@@ -8,6 +8,7 @@ import {
 } from "../message-reasoning.js";
 import {
   beginAssistantMessageRetry,
+  createOptimisticMessagePair,
   markPendingAssistantMessagesFailed,
   markPendingAssistantMessagesInterrupted,
   restoreAssistantMessageAfterRetryFailure,
@@ -531,36 +532,14 @@ export function useChat(options = {}, adapter = {}) {
     const conversationId = currentConversation.value?.id ?? "";
     const existingOptimisticUserMessage = queuedSend ? messages.value.find((message) => message.id === queuedSend.optimisticIds.user) : void 0;
     const existingOptimisticAssistantMessage = queuedSend ? messages.value.find((message) => message.id === queuedSend.optimisticIds.assistant) : void 0;
-    const optimisticUserMessage = existingOptimisticUserMessage ?? {
-      id: crypto.randomUUID(),
+    const optimisticPair = createOptimisticMessagePair({
       conversationId,
-      role: "user",
       content,
-      status: "completed",
-      reasoningData: null,
       files: filesWithSource,
-      externalUuid: null,
-      ttft: null,
-      createdBy: authUser.value?.email ?? null,
-      createdAt: /* @__PURE__ */ new Date(),
-      generationStartedAt: null,
-      updatedAt: null
-    };
-    const optimisticAssistantMessage = existingOptimisticAssistantMessage ?? {
-      id: crypto.randomUUID(),
-      conversationId,
-      role: "assistant",
-      content: "",
-      status: "pending",
-      reasoningData: null,
-      files: null,
-      externalUuid: null,
-      ttft: null,
-      createdBy: null,
-      createdAt: /* @__PURE__ */ new Date(),
-      generationStartedAt: /* @__PURE__ */ new Date(),
-      updatedAt: null
-    };
+      createdBy: authUser.value?.email ?? null
+    });
+    const optimisticUserMessage = existingOptimisticUserMessage ?? optimisticPair.user;
+    const optimisticAssistantMessage = existingOptimisticAssistantMessage ?? optimisticPair.assistant;
     streamingMessageId.value = optimisticAssistantMessage.id;
     directStream.beginMessage();
     if (!queuedSend)

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

@@ -8,6 +8,7 @@ import { applyLightweightPart, createLightweightTurn } from "../../types/schemas
 import { applyMessagePartsEvent as applyLightweightEvent, createMessagePartsAccumulator as createLightweightAccumulator } from "../../lightweight/messages/composables/use-direct-stream.js";
 import { resolveReasoningDisplayMessages } from "../message-reasoning.js";
 import { overlayStreamedMessage } from "../stream-overlay.js";
+import { createOptimisticMessagePair } from "../message-state.js";
 export const EMPTY_CHAT_DEBUG_PLAYBACK_STATE = {
   messages: [],
   loading: false,
@@ -589,6 +590,17 @@ export function createChatDebugScenarios(baseTime = Date.now()) {
     role: "assistant",
     status: "pending"
   });
+  const optimisticSendIds = ["ffffffff-0000-4000-8000-000000000001", "00000000-0000-4000-8000-000000000002"];
+  const optimisticSend = createOptimisticMessagePair({
+    conversationId: "debug-conversation",
+    content: "Resuma o parecer jur\xEDdico anexado em tr\xEAs pontos.",
+    files: null,
+    createdBy: "debugger@tela.com",
+    now: new Date(baseTime),
+    createId: () => optimisticSendIds.shift()
+  });
+  const acknowledgedSendAt = new Date(baseTime + 40);
+  const acknowledgedAssistantAt = new Date(acknowledgedSendAt.getTime() + 1);
   const allToolsReasoning = allToolTypeReasoning();
   const allToolsIntro = allToolsReasoning[0];
   const allToolGroups = allToolsReasoning.slice(1);
@@ -762,6 +774,99 @@ export function createChatDebugScenarios(baseTime = Date.now()) {
         })
       ]
     },
+    {
+      id: "optimistic-send-order",
+      name: "Optimistic send order",
+      intent: 'A fresh send renders prompt then "Trabalhando" from the first frame, and keeps that order when the server swaps in persisted ids.',
+      durationMs: 5500,
+      events: [
+        event({
+          id: "optimistic-send-user",
+          atMs: 0,
+          label: "Optimistic user message",
+          tone: "user",
+          type: "message.upsert",
+          message: optimisticSend.user
+        }),
+        event({
+          id: "optimistic-send-assistant",
+          atMs: 0,
+          label: "Optimistic assistant",
+          tone: "assistant",
+          type: "message.upsert",
+          message: optimisticSend.assistant
+        }),
+        event({
+          id: "optimistic-send-stream",
+          atMs: 0,
+          label: "Stream target",
+          tone: "neutral",
+          type: "playback.patch",
+          patch: { streamingActiveMessageId: optimisticSend.assistant.id }
+        }),
+        event({
+          id: "optimistic-send-ack-user",
+          atMs: 2500,
+          label: "Server persists user",
+          tone: "user",
+          type: "message.patch",
+          messageId: optimisticSend.user.id,
+          patch: { id: "optimistic-send-user", createdAt: acknowledgedSendAt }
+        }),
+        event({
+          id: "optimistic-send-ack-assistant",
+          atMs: 2500,
+          label: "Server persists assistant",
+          tone: "assistant",
+          type: "message.patch",
+          messageId: optimisticSend.assistant.id,
+          patch: { id: "optimistic-send-assistant", createdAt: acknowledgedAssistantAt, generationStartedAt: acknowledgedAssistantAt }
+        }),
+        event({
+          id: "optimistic-send-ack-stream",
+          atMs: 2500,
+          label: "Stream target persisted",
+          tone: "neutral",
+          type: "playback.patch",
+          patch: { streamingActiveMessageId: "optimistic-send-assistant" }
+        }),
+        event({
+          id: "optimistic-send-reasoning",
+          atMs: 3300,
+          label: "Reasoning starts",
+          tone: "reasoning",
+          type: "message.patch",
+          messageId: "optimistic-send-assistant",
+          patch: { reasoningData: ["Lendo o parecer anexado"] }
+        }),
+        event({
+          id: "optimistic-send-answer",
+          atMs: 4300,
+          label: "Answer",
+          tone: "assistant",
+          type: "message.patch",
+          messageId: "optimistic-send-assistant",
+          patch: { content: "1. O contrato \xE9 v\xE1lido.\n2. A cl\xE1usula penal \xE9 abusiva.\n3. Cabe renegocia\xE7\xE3o." }
+        }),
+        event({
+          id: "optimistic-send-complete",
+          atMs: 5e3,
+          label: "Message completed",
+          tone: "assistant",
+          type: "message.patch",
+          messageId: "optimistic-send-assistant",
+          patch: { status: "completed", updatedAt: new Date(baseTime + 5e3) }
+        }),
+        event({
+          id: "optimistic-send-close",
+          atMs: 5e3,
+          label: "Stream closes",
+          tone: "neutral",
+          type: "playback.patch",
+          patch: { streamingActiveMessageId: null }
+        })
+      ]
+    },
     {
       id: "lightweight-stream",
       name: "Lightweight stream",

package/dist/runtime/messages/message-reasoning.d.ts

@@ -2,7 +2,6 @@ import type { Message } from '../types/schemas/chat/conversations.js';
 import type { ReasoningStep } from './reasoning.js';
 type ParsedReasoning = {
     steps: ReasoningStep[];
-    thinkingTexts: Set<string>;
     currentAnswerParts: string[];
     currentAnswerStepTexts: Set<string>;
 };

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

@@ -7,6 +7,8 @@ export function createReasoningCache() {
 function getReasoningStepKey(step) {
   if (typeof step === "string")
     return `text:${step.slice(0, 100)}`;
+  if (step.type === "thinking")
+    return `thinking:${step.text.slice(0, 100)}`;
   return `tool:${step.toolUse.id}`;
 }
 function groupReasoningSteps(parsedSteps) {
@@ -15,6 +17,14 @@ function groupReasoningSteps(parsedSteps) {
   for (const step of parsedSteps) {
     if (typeof step === "string") {
       grouped.push(step);
+    } else if ("type" in step) {
+      const previous = grouped.at(-1);
+      if (typeof previous === "object" && previous.type === "thinking")
+        grouped[grouped.length - 1] = { type: "thinking", text: `${previous.text}
+
+${step.text}` };
+      else
+        grouped.push(step);
     } else if ("name" in step && "input" in step) {
       pendingToolUses.set(step.id, step);
       grouped.push({
@@ -77,7 +87,7 @@ function parseReasoningFromPolling(reasoning) {
   const allSteps = [];
   const seenContentIds = /* @__PURE__ */ new Set();
   const seenTexts = /* @__PURE__ */ new Set();
-  const thinkingTexts = /* @__PURE__ */ new Set();
+  const seenThoughts = /* @__PURE__ */ new Set();
   let currentAnswerParts = [];
   let currentAnswerStepTexts = /* @__PURE__ */ new Set();
   for (const item of reasoning) {
@@ -117,17 +127,18 @@ function parseReasoningFromPolling(reasoning) {
         if (!contentPart || typeof contentPart !== "object")
           continue;
         const part = contentPart;
-        if ((part.type === "text" || part.type === "thinking") && typeof part.text === "string") {
-          if (part.type === "text")
-            answerParts.push(part.text);
-          if (part.type === "thinking")
-            thinkingTexts.add(part.text);
+        if (part.type === "thinking" && typeof part.text === "string") {
+          if (seenThoughts.has(part.text))
+            continue;
+          seenThoughts.add(part.text);
+          allSteps.push({ type: "thinking", text: part.text });
+        } else if (part.type === "text" && typeof part.text === "string") {
+          answerParts.push(part.text);
           if (seenTexts.has(part.text))
             continue;
           seenTexts.add(part.text);
           allSteps.push(part.text);
-          if (part.type === "text")
-            answerStepTexts.add(part.text);
+          answerStepTexts.add(part.text);
         } else if (part.type === "tool_use" && part.id && part.name) {
           const toolId = part.id;
           if (seenContentIds.has(`tool_use:${toolId}`))
@@ -183,7 +194,7 @@ function parseReasoningFromPolling(reasoning) {
       });
     }
   }
-  return { steps: groupReasoningSteps(allSteps), thinkingTexts, currentAnswerParts, currentAnswerStepTexts };
+  return { steps: groupReasoningSteps(allSteps), currentAnswerParts, currentAnswerStepTexts };
 }
 export function resolveReasoningDisplayMessages(messages, cache = createReasoningCache()) {
   pruneReasoningCache(cache, messages);
@@ -198,7 +209,7 @@ export function resolveReasoningDisplayMessages(messages, cache = createReasonin
       const key = getReasoningStepKey(step);
       if (renderedSteps.has(key))
         continue;
-      if (typeof step === "string" && currentAnswerMatches && parsed.currentAnswerStepTexts.has(step) && !parsed.thinkingTexts.has(step)) {
+      if (typeof step === "string" && currentAnswerMatches && parsed.currentAnswerStepTexts.has(step)) {
         continue;
       }
       renderedSteps.add(key);

package/dist/runtime/messages/message-state.d.ts

@@ -2,6 +2,17 @@ import type { Message } from '../types/schemas/chat/conversations.js';
 export declare const INTERRUPTED_GENERATION_TEXT = "_Gera\u00E7\u00E3o interrompida pelo usu\u00E1rio_";
 export declare const GENERATION_FAILED_TEXT = "Erro: N\u00E3o foi poss\u00EDvel concluir a resposta";
 export declare const CANCELLATION_FAILED_TEXT = "Erro: N\u00E3o foi poss\u00EDvel cancelar a mensagem";
+export declare function createOptimisticMessagePair(input: {
+    conversationId: string;
+    content: string;
+    files: Message['files'];
+    createdBy: string | null;
+    now?: Date;
+    createId?: () => string;
+}): {
+    user: Message;
+    assistant: Message;
+};
 export declare function markPendingAssistantMessagesInterrupted(messages: Message[]): Message[];
 export declare function markPendingAssistantMessagesFailed(messages: Message[], content?: string): Message[];
 export declare function beginAssistantMessageRetry(messages: Message[], messageId: string): {

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

@@ -1,6 +1,43 @@
 export const INTERRUPTED_GENERATION_TEXT = "_Gera\xE7\xE3o interrompida pelo usu\xE1rio_";
 export const GENERATION_FAILED_TEXT = "Erro: N\xE3o foi poss\xEDvel concluir a resposta";
 export const CANCELLATION_FAILED_TEXT = "Erro: N\xE3o foi poss\xEDvel cancelar a mensagem";
+export function createOptimisticMessagePair(input) {
+  const createId = input.createId ?? (() => crypto.randomUUID());
+  const userCreatedAt = input.now ?? /* @__PURE__ */ new Date();
+  const assistantCreatedAt = new Date(userCreatedAt.getTime() + 1);
+  return {
+    user: {
+      id: createId(),
+      conversationId: input.conversationId,
+      role: "user",
+      content: input.content,
+      status: "completed",
+      reasoningData: null,
+      files: input.files,
+      externalUuid: null,
+      ttft: null,
+      createdBy: input.createdBy,
+      createdAt: userCreatedAt,
+      generationStartedAt: null,
+      updatedAt: null
+    },
+    assistant: {
+      id: createId(),
+      conversationId: input.conversationId,
+      role: "assistant",
+      content: "",
+      status: "pending",
+      reasoningData: null,
+      files: null,
+      externalUuid: null,
+      ttft: null,
+      createdBy: null,
+      createdAt: assistantCreatedAt,
+      generationStartedAt: assistantCreatedAt,
+      updatedAt: null
+    }
+  };
+}
 export function markPendingAssistantMessagesInterrupted(messages) {
   return messages.map((message) => {
     if (message.role !== "assistant" || message.status !== "pending")

package/dist/runtime/messages/reasoning-step-key.js

@@ -1,5 +1,7 @@
 export function getReasoningStepKey(step, index) {
   if (typeof step === "string")
     return `text-${index}`;
+  if (step.type === "thinking")
+    return `thinking-${index}`;
   return `tool-${step.toolUse.id}`;
 }

package/dist/runtime/messages/reasoning.d.ts

@@ -14,7 +14,11 @@ export type ToolGroup = {
     toolUse: ToolUse;
     toolResult?: ToolResult;
 };
-export type ReasoningStep = string | ToolGroup;
+export type ThinkingStep = {
+    type: 'thinking';
+    text: string;
+};
+export type ReasoningStep = string | ToolGroup | ThinkingStep;
 /**
  * A turn that is still working towards its first output has no reasoning of its
  * own yet, so the preparing steps stand in. That makes the wait read as an agent

package/dist/runtime/types/schemas/integrations/lightweight.js

@@ -99,7 +99,7 @@ export function applyLightweightPart(state, part, sequence, timestamp) {
         const id = `${state.runId}:thinking:${typeof part.id === 'string' ? part.id : 'default'}`;
         const existing = state.reasoning.find(item => item.uuid === id)?.message.content[0];
         const text = existing && 'text' in existing && typeof existing.text === 'string' ? existing.text : '';
-        upsertReasoning(state, reasoningItem(state.sessionId, id, { type: 'text', text: text + delta }, timestamp));
+        upsertReasoning(state, reasoningItem(state.sessionId, id, { type: 'thinking', text: text + delta }, timestamp));
         return true;
     }
     if (part.type === 'tool-call' && typeof part.toolCallId === 'string') {
@@ -134,7 +134,7 @@ export function lightweightThreadReasoning(sessionId, runId, events) {
     for (const [index, event] of events.entries()) {
         const timestamp = typeof event.timestamp === 'number' ? event.timestamp : 0;
         if ((event.type === 'thinking' || event.type === 'text') && typeof event.text === 'string') {
-            upsertReasoning(state, reasoningItem(sessionId, `${runId}:${event.type}:${event.sequenceIndex ?? index}`, { type: 'text', text: event.text }, timestamp));
+            upsertReasoning(state, reasoningItem(sessionId, `${runId}:${event.type}:${event.sequenceIndex ?? index}`, { type: event.type === 'thinking' ? 'thinking' : 'text', text: event.text }, timestamp));
         }
         else if (event.type === 'tool_call') {
             applyLightweightPart(state, { type: 'tool-call', toolCallId: event.callId, toolName: event.toolName, input: event.arguments }, index, timestamp);

package/package.json

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