@meistrari/chat-nuxt 4.6.0-rc.1 → 4.6.0-rc.10

package/dist/module.json

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

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

@@ -6,6 +6,7 @@ type __VLS_Props = {
     draggable?: boolean;
     itemClass?: HTMLAttributes['class'];
     userImage?: string;
+    userName?: string;
     selectConversation?: (id: string) => void | Promise<void>;
     copyLink?: (id: string) => void | Promise<void>;
     debug?: (id: string) => void;

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

@@ -6,6 +6,7 @@ const props = defineProps({
   draggable: { type: Boolean, required: false },
   itemClass: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true },
   userImage: { type: String, required: false },
+  userName: { type: String, required: false },
   selectConversation: { type: Function, required: false },
   copyLink: { type: Function, required: false },
   debug: { type: Function, required: false }
@@ -53,13 +54,13 @@ function setRenameInputRef(element) {
         <div flex items-center justify-between h-full :class="props.itemClass">
             <!-- User Avatar -->
             <div
-                v-if="userImage"
+                v-if="userName"
                 translate-x--48px w-0 opacity-0 shrink-0 overflow-hidden
                 class="[transition:width_0.26s_cubic-bezier(0.22,1,0.36,1),transform_0.26s_cubic-bezier(0.22,1,0.36,1),opacity_0.2s] group-hover:w-22px group-hover:translate-x-0 group-hover:opacity-100"
             >
                 <TelaAvatar
                     :image="userImage"
-                    alt="Usuário"
+                    :alt="userName"
                     size="2xs"
                     class="rounded-full!"
                 />

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

@@ -6,6 +6,7 @@ type __VLS_Props = {
     draggable?: boolean;
     itemClass?: HTMLAttributes['class'];
     userImage?: string;
+    userName?: string;
     selectConversation?: (id: string) => void | Promise<void>;
     copyLink?: (id: string) => void | Promise<void>;
     debug?: (id: string) => void;

package/dist/runtime/conversations/components/chat-conversation-list.d.vue.ts

@@ -3,7 +3,10 @@ import type { Conversation } from '../../types/schemas/chat/conversations.js';
 type __VLS_Props = {
     conversations: DeepReadonly<Conversation[]>;
     currentId?: string;
-    getMemberImage?: (userId: string) => string | undefined;
+    getMember?: (userId: string) => {
+        name: string;
+        image?: string;
+    } | undefined;
     selectConversation?: (id: string) => void | Promise<void>;
     resetConversation?: () => void | Promise<void>;
     startConversation?: (groupId?: string | null) => void | Promise<void>;

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

@@ -4,7 +4,7 @@ import { useConversationList } from "../composables/conversation-list";
 const props = defineProps({
   conversations: { type: null, required: true },
   currentId: { type: String, required: false },
-  getMemberImage: { type: Function, required: false },
+  getMember: { type: Function, required: false },
   selectConversation: { type: Function, required: false },
   resetConversation: { type: Function, required: false },
   startConversation: { type: Function, required: false },

package/dist/runtime/conversations/components/chat-conversation-list.vue.d.ts

@@ -3,7 +3,10 @@ import type { Conversation } from '../../types/schemas/chat/conversations.js';
 type __VLS_Props = {
     conversations: DeepReadonly<Conversation[]>;
     currentId?: string;
-    getMemberImage?: (userId: string) => string | undefined;
+    getMember?: (userId: string) => {
+        name: string;
+        image?: string;
+    } | undefined;
     selectConversation?: (id: string) => void | Promise<void>;
     resetConversation?: () => void | Promise<void>;
     startConversation?: (groupId?: string | null) => void | Promise<void>;

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

@@ -5,6 +5,7 @@ export type ConversationItemOptions = {
     active: boolean;
     draggable?: boolean;
     userImage?: string;
+    userName?: string;
     selectConversation?: (id: string) => void | Promise<void>;
     copyLink?: (id: string) => void | Promise<void>;
     debug?: (id: string) => void;

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

@@ -3,7 +3,10 @@ import type { Conversation } from '../../types/schemas/chat/conversations.js';
 export type ConversationListOptions = {
     conversations: DeepReadonly<Conversation[]>;
     currentId?: string;
-    getMemberImage?: (userId: string) => string | undefined;
+    getMember?: (userId: string) => {
+        name: string;
+        image?: string;
+    } | undefined;
     selectConversation?: (id: string) => void | Promise<void>;
     resetConversation?: () => void | Promise<void>;
     startConversation?: (groupId?: string | null) => void | Promise<void>;
@@ -120,6 +123,7 @@ export declare function useConversationList(options: ConversationListOptions): {
         active: boolean;
         draggable: boolean;
         userImage: string | undefined;
+        userName: string | undefined;
         selectConversation: ((id: string) => void | Promise<void>) | undefined;
         copyLink: (conversationId: string) => Promise<void>;
         debug: (() => void) | undefined;

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

@@ -492,11 +492,13 @@ export function useConversationList(options) {
     return draggedConversationId.value !== null && dropTargetGroupId.value === groupId;
   }
   function getConversationItemProps(conversation) {
+    const author = options.getMember?.(conversation.userId);
     return {
       conversation,
       active: conversation.id === options.currentId,
       draggable: true,
-      userImage: options.getMemberImage?.(conversation.userId),
+      userImage: author?.image,
+      userName: author?.name,
       selectConversation: options.selectConversation,
       copyLink: copyConversationLink,
       debug: options.showDebugOption ? () => {

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

@@ -85,7 +85,7 @@ const route = useRoute();
 const embedConfig = useEmbedConfig();
 const chatAction = useChatAction();
 const { user: authUser, activeOrganization, logout } = useChatAuth();
-const { getMember, getMemberImage } = useWorkspaceMembers();
+const { getMember } = useWorkspaceMembers();
 const statusToast = useStatusToast();
 const {
   conversations,
@@ -928,7 +928,7 @@ async function handleDelete() {
                         <ChatConversationList
                             :conversations="visibleConversations"
                             :current-id="activeConversationId ?? void 0"
-                            :get-member-image="getMemberImage"
+                            :get-member="getMember"
                             :select-conversation="openConversation"
                             :reset-conversation="handleNewConversation"
                             :start-conversation="handleNewConversation"

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

@@ -42,6 +42,7 @@ const props = defineProps({
   user: { type: null, required: false },
   features: { type: Object, required: false },
   variant: { type: String, required: false },
+  position: { type: String, required: false },
   defaultOpen: { type: Boolean, required: false },
   closeOnOutsideClick: { type: Boolean, required: false },
   keepMounted: { type: Boolean, required: false },

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

@@ -34,6 +34,7 @@ const { hideSidebar = void 0, syncBrowserState = true, closeOnOutsideClick = tru
   user: { type: null, required: false },
   features: { type: Object, required: false },
   variant: { type: String, required: false },
+  position: { type: String, required: false },
   defaultOpen: { type: Boolean, required: false },
   closeOnOutsideClick: { type: Boolean, required: false },
   keepMounted: { type: Boolean, required: false },
@@ -132,7 +133,7 @@ const widgetEmbedProps = computed(() => ({
 
     <ClientOnly v-else>
         <!-- Floating: popover anchored to the launcher pill -->
-        <TelaChatFloatingWindow v-if="variant === 'floating'" :open="isOpen" :close-on-outside-click="closeOnOutsideClick" :keep-mounted="props.keepMounted" @update:open="setOpen">
+        <TelaChatFloatingWindow v-if="variant === 'floating'" :open="isOpen" :position="props.position" :close-on-outside-click="closeOnOutsideClick" :keep-mounted="props.keepMounted" @update:open="setOpen">
             <template #launcher>
                 <TelaChatFloatingWindowTrigger :open="isOpen" :label="props.launcherLabel" />
             </template>

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/embed/types.d.ts

@@ -189,6 +189,8 @@ export type ChatEmbedVariantProps = {
      * client-only and default to `hideSidebar`.
      */
     variant?: ChatEmbedVariant;
+    /** Floating variant only: launcher corner and animation origin. Defaults to right. */
+    position?: 'left' | 'right';
     /** Floating variant only: start with the widget window open. */
     defaultOpen?: boolean;
     /** Floating variant only: close on outside clicks. Defaults to true. */

package/dist/runtime/lightweight/messages/composables/use-direct-stream.d.ts

@@ -1,17 +1,17 @@
 import { applyLightweightPart } from '../../../types/schemas/integrations/lightweight.js';
 import type { LightweightTurn } from '../../../types/schemas/integrations/lightweight.js';
+import { createMessagePartsAccumulator as createClaudeMessagePartsAccumulator } from '../../../messages/composables/use-direct-stream.js';
 import type { DirectStreamOptions, MessagePartsEvent } from '../../../messages/composables/use-direct-stream.js';
 type MessagePartsAccumulator = {
     runId: string | null;
     lightweight?: LightweightTurn;
+    claude?: ReturnType<typeof createClaudeMessagePartsAccumulator>;
 };
 export declare function createMessagePartsAccumulator(runId?: string | null): MessagePartsAccumulator;
 export declare function applyMessagePartsEvent(accumulator: MessagePartsAccumulator, input: MessagePartsEvent): {
-    text: any;
-    thinking: any;
+    text: string;
+    thinking: string;
     changed: boolean;
-    reasoning?: undefined;
-    files?: undefined;
 } | {
     text: any;
     thinking: any;

package/dist/runtime/lightweight/messages/composables/use-direct-stream.js

@@ -1,13 +1,20 @@
 import { applyLightweightPart, createLightweightTurn } from "../../../types/schemas/integrations/lightweight.js";
-import { useDirectStreamWithProtocol } from "../../../messages/composables/use-direct-stream.js";
+import {
+  applyMessagePartsEvent as applyClaudeMessagePartsEvent,
+  createMessagePartsAccumulator as createClaudeMessagePartsAccumulator,
+  useDirectStreamWithProtocol
+} from "../../../messages/composables/use-direct-stream.js";
 export function createMessagePartsAccumulator(runId = null) {
   return {
     runId
   };
 }
 export function applyMessagePartsEvent(accumulator, input) {
-  if (input.harness !== "lightweight" && accumulator.lightweight?.runId !== input.runId)
-    return { text: accumulator.lightweight?.stepText ?? "", thinking: accumulator.lightweight?.thinking ?? "", changed: false };
+  if (input.harness !== "lightweight" && accumulator.lightweight?.runId !== input.runId) {
+    accumulator.claude ??= createClaudeMessagePartsAccumulator();
+    accumulator.runId = input.runId;
+    return applyClaudeMessagePartsEvent(accumulator.claude, input);
+  }
   if (accumulator.lightweight?.runId !== input.runId)
     accumulator.lightweight = createLightweightTurn(input.runId, input.sessionId ?? "");
   accumulator.runId = input.runId;

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,
@@ -341,7 +342,7 @@ export function useChat(options = {}, adapter = {}) {
       if (generation !== pollGeneration)
         return;
       const statusCode = getChatApiErrorStatus(err);
-      const terminalError = statusCode === 501 || statusCode !== null && statusCode >= 400 && statusCode < 500 && statusCode !== 408 && statusCode !== 429;
+      const terminalError = statusCode === 501 || statusCode !== null && statusCode >= 400 && statusCode < 500 && statusCode !== 401 && statusCode !== 408 && statusCode !== 429;
       consecutivePollFailures++;
       pollOutageStartedAt ??= Date.now();
       pollInterval.value = Math.min(POLL_INTERVAL_MS * 2 ** consecutivePollFailures, POLL_MAX_BACKOFF_MS);
@@ -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/messages/tool-registry.js

@@ -9,6 +9,11 @@ const TOOL_REGISTRY = {
     widgetId: "generic",
     labels: { active: "Pesquisando na web", executed: "Pesquisou na web" }
   },
+  "super_search_tool": {
+    icon: "i-ph-globe",
+    widgetId: "generic",
+    labels: { active: "Pesquisando em v\xE1rias fontes", executed: "Pesquisou em v\xE1rias fontes" }
+  },
   "WebFetch": {
     icon: "i-ph-browser",
     widgetId: "generic",
@@ -152,6 +157,16 @@ function stringInput(toolUse, ...keys) {
   }
   return null;
 }
+function batchedQueries(toolUse) {
+  const queries = toolUse.input?.queries;
+  if (!Array.isArray(queries))
+    return null;
+  const filled = queries.filter((query) => typeof query === "string" && query.trim() !== "");
+  if (!filled.length)
+    return null;
+  const first = filled[0].trim();
+  return filled.length > 1 ? `${first} +${filled.length - 1}` : first;
+}
 function basename(path) {
   return path.split("/").filter(Boolean).at(-1) ?? path;
 }
@@ -164,6 +179,8 @@ export function resolveToolMeta(toolUse) {
     return stringInput(toolUse, "pattern", "query");
   if (["WebSearch", "WebFetch", "web_search"].includes(toolUse.name))
     return stringInput(toolUse, "query", "url");
+  if (toolUse.name === "super_search_tool")
+    return stringInput(toolUse, "query") ?? batchedQueries(toolUse);
   if (toolUse.name === "Bash" || toolUse.name === "Execute")
     return stringInput(toolUse, "description", "command");
   if (toolUse.name === "Skill")

package/dist/runtime/rendering/components/app-markdown-render.vue

@@ -3,6 +3,7 @@ import MarkdownRender, { removeCustomComponents, setCustomComponents } from "mar
 import { wrapCustomMarkdownComponents } from "../markdown/custom-components";
 import { STREAMING_TEXT_FADE_MS } from "../markdown/streaming-text-segments";
 import { escapeSingleDollarSigns } from "../markdown/escape-dollar-signs";
+import { normalizeCustomTagJson } from "../markdown/normalize-custom-tag-json";
 import StreamingTextNode from "../markdown/streaming-text-node.vue";
 const props = defineProps({
   content: { type: [String, null], required: false, default: "" },
@@ -15,7 +16,7 @@ const props = defineProps({
 const attrs = useAttrs();
 const instance = getCurrentInstance();
 const scopeId = `app-markdown-render-${instance?.uid ?? Math.random().toString(36).slice(2)}`;
-const escapedContent = computed(() => escapeSingleDollarSigns(props.content ?? ""));
+const escapedContent = computed(() => escapeSingleDollarSigns(normalizeCustomTagJson(props.content ?? "", props.customHtmlTags)));
 const customMarkdownComponents = computed(() => wrapCustomMarkdownComponents(props.customComponents));
 const streamingTextActive = ref(props.typewriter);
 let streamingTextTimer;

package/dist/runtime/rendering/markdown/normalize-custom-tag-json.d.ts

@@ -0,0 +1 @@
+export declare function normalizeCustomTagJson(text: string, customHtmlTags: readonly string[]): string;

package/dist/runtime/rendering/markdown/normalize-custom-tag-json.js

@@ -0,0 +1,15 @@
+export function normalizeCustomTagJson(text, customHtmlTags) {
+  if (!customHtmlTags.length)
+    return text;
+  return text.replace(/(^[ \t]{0,3}(`{3,}|~{3,})[^\n]*\n[\s\S]*?(?:\n[ \t]{0,3}(?=\2)(?:`+|~+)[ \t]*(?=\n|$)|(?![\s\S]))|(`+)[\s\S]*?\3)|^([ \t]{0,3}<([a-z][\w-]*)(?:\s+[\w-]+=(?:"[^"\n]*"|'[^'\n]*'))*\s+[\w-]+=')([\[{][^\n]*[\]}])([ \t]*\/>)[ \t]*(?=\n|$)/gm, (match, code, _fence, _inline, prefix, tag, json, closing) => {
+    if (code || !customHtmlTags.includes(tag))
+      return match;
+    try {
+      JSON.parse(json);
+    } catch {
+      return match;
+    }
+    const escaped = json.replace(/&/g, "\\u0026").replace(/'/g, "\\u0027").replace(/</g, "\\u003c").replace(/>/g, "\\u003e");
+    return `${prefix}${escaped}'${closing}`;
+  });
+}

package/dist/runtime/server/utils/chat-api-proxy.js

@@ -206,6 +206,10 @@ export async function proxyChatApiRequest(event, targetPath, options = {}) {
         networkErrorCodes: networkErrorCodes(error)
       }, "Chat API proxy upstream request failed");
     }
+    if (event.node.res.headersSent) {
+      event.node.res.destroy();
+      return;
+    }
     throw error;
   }
 }

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/dist/runtime/workspace/composables/workspace-members.d.ts

@@ -6,7 +6,6 @@ type MemberUser = {
 export declare function useWorkspaceMembers(): {
     members: any;
     membersMap: any;
-    getMemberImage: (userId: string) => string | undefined;
     getMember: (userId: string) => MemberUser | undefined;
     getMemberByEmail: (email: string) => MemberUser | undefined;
 };

package/dist/runtime/workspace/composables/workspace-members.js

@@ -19,9 +19,6 @@ export function useWorkspaceMembers() {
     }
     return map;
   });
-  function getMemberImage(userId) {
-    return membersMap.value.get(userId)?.image ?? void 0;
-  }
   function getMember(userId) {
     return membersMap.value.get(userId);
   }
@@ -31,7 +28,6 @@ export function useWorkspaceMembers() {
   return {
     members,
     membersMap,
-    getMemberImage,
     getMember,
     getMemberByEmail
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meistrari/chat-nuxt",
-  "version": "4.6.0-rc.1",
+  "version": "4.6.0-rc.10",
   "type": "module",
   "exports": {
     ".": {
@@ -53,7 +53,7 @@
     "@iconify/vue": "^5.0.0",
     "@meistrari/auth-nuxt": "3.31.0",
     "@meistrari/logger": "^2.1.3",
-    "@meistrari/tela-build": "^1.76.0",
+    "@meistrari/tela-build": "^1.79.0",
     "@sentry/nuxt": "^10.0.0",
     "@vueuse/components": "^12.8.0",
     "@vueuse/core": "^12.8.0",