@meistrari/chat-nuxt 3.11.1 → 3.12.0-rc.1

package/README.md

@@ -101,7 +101,7 @@ Installing `@meistrari/chat-nuxt` installs the runtime packages used by the laye
 
 | Package | Version | Purpose |
 |---------|---------|---------|
-| `@meistrari/auth-nuxt` | `3.5.0` | Authentication (required) |
+| `@meistrari/auth-nuxt` | `3.31.0` | Authentication (required) |
 | `@meistrari/logger` | `^2.1.3` | Structured logging for the server proxy routes |
 | `@meistrari/tela-build` | `^1.30.0` | UI component library (Nuxt layer) |
 | `@sentry/nuxt` | `^10.0.0` | Client-side error capture used by chat composables |

package/dist/module.json

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

package/dist/runtime/assets/css/markstream.css

@@ -1 +1 @@
-.markstream-vue{color:#171717;font-family:Inter,"Inter Fallback: Arial",sans-serif;font-size:16px;font-weight:400;letter-spacing:-.15px;line-height:24px;--list-item-marker:#a3a3a3}.markstream-vue code,.markstream-vue kbd,.markstream-vue pre,.markstream-vue samp{font-family:Geist Mono Variable,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-size:13px;font-variation-settings:normal;line-height:1.5}.markstream-vue ol,.markstream-vue ul{margin:8px 0;padding-left:1.5em}.markstream-vue .hr-node{border-color:#e5e5e5;border-top-width:.5px;margin-bottom:24px;margin-top:24px}.markstream-vue .strong-node{font-weight:580}.markstream-vue .list-node.list-node{margin-bottom:8px;margin-left:4px;margin-top:8px;padding-left:1em}.markstream-vue ul{list-style:disc;list-style-position:outside}.markstream-vue ol{list-style:decimal;list-style-position:outside}.markstream-vue li{margin:4px 0}.markstream-vue .paragraph-node{margin:0}.markstream-vue .my-8{margin-bottom:8px;margin-top:8px}.markstream-vue .heading-node.heading-1,.markstream-vue h1{font-size:24px;font-weight:540;letter-spacing:-.8px;line-height:28px;margin:24px 0 16px}.markstream-vue .heading-node.heading-2,.markstream-vue h2{font-size:20px;font-weight:540;letter-spacing:-.5px;line-height:24px;margin:20px 0 12px}.markstream-vue .heading-node.heading-3,.markstream-vue h3{font-size:20px;font-weight:540;letter-spacing:-.5px;line-height:24px;margin:16px 0 8px}.markstream-vue .heading-node.heading-4,.markstream-vue h4{font-size:16px;font-weight:540;letter-spacing:-.2px;line-height:20px;margin:12px 0 6px}.markstream-vue .heading-node.heading-5,.markstream-vue h5{font-size:14px;font-weight:540;letter-spacing:-.15px;line-height:16px;margin:8px 0 4px}.markstream-vue .heading-node.heading-6,.markstream-vue h6{font-size:12px;font-weight:540;letter-spacing:-.1px;line-height:14px;margin:8px 0 4px}.markstream-vue [class*=tooltip],[class*=tooltip-element]{background-color:var(--neutral-900,#1a1a1a)!important;border-radius:4px;color:#fff!important;font-size:12px;padding:4px 8px}.mention-tag{align-items:center;border-radius:9999px;display:inline-flex;font-size:.875em;font-weight:500;gap:4px;padding:2px 8px;vertical-align:middle;white-space:nowrap}.mention-tag-file{background-color:rgba(127,189,247,.12);color:#7fbdf7}.mention-tag-skill{background-color:rgba(155,111,222,.12);color:#9b6fde}.mention-tag-canvas{background-color:rgba(234,161,65,.12);color:#d4882e}.mention-tag>span[class*=i-ph]{flex-shrink:0}
+.markstream-vue{color:#171717;font-family:Inter,"Inter Fallback: Arial",sans-serif;font-size:16px;font-weight:400;letter-spacing:-.15px;line-height:24px;--list-item-marker:#a3a3a3;--list-item-counter-marker:#262626}.markstream-vue code,.markstream-vue kbd,.markstream-vue pre,.markstream-vue samp{font-family:Geist Mono Variable,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-size:13px;font-variation-settings:normal;line-height:1.5}.markstream-vue ol,.markstream-vue ul{margin:8px 0;padding-left:1.5em}.markstream-vue .hr-node{border-color:#e5e5e5;border-top-width:.5px;margin-bottom:24px;margin-top:24px}.markstream-vue .strong-node{font-weight:580}.markstream-vue .list-node.list-node{margin-bottom:8px;margin-left:4px;margin-top:8px;padding-left:1em}.markstream-vue ul{list-style:disc;list-style-position:outside}.markstream-vue ol{list-style:decimal;list-style-position:outside}.markstream-vue li{margin:4px 0}.markstream-vue .paragraph-node{margin:0}.markstream-vue .my-8{margin-bottom:8px;margin-top:8px}.markstream-vue .heading-node.heading-1,.markstream-vue h1{font-size:24px;font-weight:540;letter-spacing:-.8px;line-height:28px;margin:24px 0 16px}.markstream-vue .heading-node.heading-2,.markstream-vue h2{font-size:20px;font-weight:540;letter-spacing:-.5px;line-height:24px;margin:20px 0 12px}.markstream-vue .heading-node.heading-3,.markstream-vue h3{font-size:20px;font-weight:540;letter-spacing:-.5px;line-height:24px;margin:16px 0 8px}.markstream-vue .heading-node.heading-4,.markstream-vue h4{font-size:16px;font-weight:540;letter-spacing:-.2px;line-height:20px;margin:12px 0 6px}.markstream-vue .heading-node.heading-5,.markstream-vue h5{font-size:14px;font-weight:540;letter-spacing:-.15px;line-height:16px;margin:8px 0 4px}.markstream-vue .heading-node.heading-6,.markstream-vue h6{font-size:12px;font-weight:540;letter-spacing:-.1px;line-height:14px;margin:8px 0 4px}.markstream-vue [class*=tooltip],[class*=tooltip-element]{background-color:var(--neutral-900,#1a1a1a)!important;border-radius:4px;color:#fff!important;font-size:12px;padding:4px 8px}.mention-tag{align-items:center;border-radius:9999px;display:inline-flex;font-size:.875em;font-weight:500;gap:4px;padding:2px 8px;vertical-align:middle;white-space:nowrap}.mention-tag-file{background-color:rgba(127,189,247,.12);color:#7fbdf7}.mention-tag-skill{background-color:rgba(155,111,222,.12);color:#9b6fde}.mention-tag-canvas{background-color:rgba(234,161,65,.12);color:#d4882e}.mention-tag>span[class*=i-ph]{flex-shrink:0}

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

@@ -143,6 +143,9 @@ function applySuggestion(prompt) {
 const breakpoints = useBreakpoints({ mobile: CHAT_MOBILE_BREAKPOINT });
 const isMobile = breakpoints.smaller("mobile");
 const drawerOpen = ref(false);
+function restoreQueuedSend(send) {
+  messageInputRef.value?.restoreDraft(send);
+}
 const { isDragging, setupDropZone } = useFileDrop({
   onDrop: (files) => {
     messageInputRef.value?.addFiles(files);
@@ -155,7 +158,10 @@ const {
   loading,
   generatingTitle,
   animatedTitle,
-  hasPendingMessage,
+  composerLocked,
+  outboundOccupied,
+  sessionReady,
+  agentSessionRewakeable,
   streamingActiveMessageId,
   preparingSteps,
   loadConversation,
@@ -164,12 +170,18 @@ const {
   setConversationModel,
   pendingModelSelection,
   sendMessage,
+  flushOutboundQueue,
+  failOutboundQueue,
   retryMessage,
   cancelConversation,
   startPolling,
   clearConversation,
   error: chatError
-} = useChat();
+} = useChat({
+  outboundQueueEnabled: computed(() => resolvedFeatures.value.chatOutboundQueue),
+  onQueuedSendCancelled: restoreQueuedSend,
+  onQueuedSendFailed: restoreQueuedSend
+});
 const agentWake = useAgentWake();
 const modelUpdateInFlight = ref(null);
 watch(chatError, (message) => {
@@ -186,9 +198,11 @@ const selectedModel = computed({
     if (conversation && conversation.model !== value) {
       const previousModel = conversation.model;
       setConversationModel(value);
-      const update = updateConversationModel(conversation.id, value).then((updated) => {
+      const update = updateConversationModel(conversation.id, value).then(async (updated) => {
         if (!updated && currentConversation.value?.id === conversation.id && currentConversation.value.model === value) {
           setConversationModel(previousModel);
+        } else if (updated && value) {
+          await agentWake.wake(conversation.threadSessionId ?? void 0, value);
         }
         return updated;
       });
@@ -239,7 +253,8 @@ function updateConversationId(nextConversationId) {
 async function ensureConversationLoaded(conversationId) {
   if (currentConversation.value?.id === conversationId) {
     void agentWake.wake(
-      currentConversation.value.threadSessionId ?? void 0
+      currentConversation.value.threadSessionId ?? void 0,
+      selectedModel.value
     );
     startPolling();
     return;
@@ -259,7 +274,8 @@ async function ensureConversationLoaded(conversationId) {
       return;
     }
     void agentWake.wake(
-      currentConversation.value.threadSessionId ?? void 0
+      currentConversation.value.threadSessionId ?? void 0,
+      selectedModel.value
     );
     startPolling();
   } finally {
@@ -270,7 +286,8 @@ async function ensureConversationLoaded(conversationId) {
 }
 function resetConversation(shouldEmit = true) {
   clearConversation();
-  void agentWake.wake();
+  agentWake.consume();
+  void agentWake.wake(void 0, selectedModel.value);
   activeTab.value = "chat";
   closeFilesPanel();
   closePreview();
@@ -453,13 +470,54 @@ async function handleSend(content, files, agentInputs) {
     const conversation = currentConversation.value;
     if (!conversation)
       throw new Error("Erro ao preparar conversa");
-    if (!conversation.threadSessionId)
+    if (conversation.threadSessionId && resolvedFeatures.value.chatOutboundQueue && sessionReady.value === false) {
+      if (!agentSessionRewakeable.value)
+        return { defer: true };
+      const wake = await agentWake.wake(conversation.threadSessionId, selectedModel.value);
+      if (wake.status !== "ready")
+        throw new Error("N\xE3o foi poss\xEDvel acordar o agente. Tente novamente.");
+      return {};
+    }
+    if (!conversation.threadSessionId) {
       await agentWake.waitUntilSettled(signal);
+      if (agentWake.state.value === "idle")
+        await agentWake.wake(void 0, selectedModel.value);
+    }
     claimedWakeSessionId = claimableWakeSessionId();
+    if (!conversation.threadSessionId && !claimedWakeSessionId)
+      throw new Error("N\xE3o foi poss\xEDvel acordar o agente. Tente novamente.");
     return claimedWakeSessionId ? { wakeSessionId: claimedWakeSessionId } : {};
   });
   if (sent && claimedWakeSessionId)
     agentWake.consume();
+  if (!sent)
+    restoreQueuedSend({ content, files, agentInputs: resolvedAgentInputs });
+}
+watch(
+  [outboundOccupied, agentWake.state],
+  async ([occupied, wakeState]) => {
+    if (!occupied)
+      return;
+    if (wakeState === "ready") {
+      const wakeSessionId = claimableWakeSessionId();
+      const sent = await flushOutboundQueue(wakeSessionId);
+      if (sent && wakeSessionId)
+        agentWake.consume();
+    } else if (wakeState === "unavailable" && (agentSessionRewakeable.value || sessionReady.value === null)) {
+      failOutboundQueue("N\xE3o foi poss\xEDvel acordar o agente. Tente novamente.");
+    }
+  }
+);
+watch(
+  [outboundOccupied, agentSessionRewakeable],
+  ([occupied, rewakeable]) => {
+    const sessionId = currentConversation.value?.threadSessionId;
+    if (occupied && rewakeable && sessionId && agentWake.state.value !== "waking")
+      void agentWake.wake(sessionId, selectedModel.value);
+  }
+);
+async function handleCancel() {
+  await cancelConversation();
 }
 async function handleRetry(messageId) {
   if (!currentConversation.value?.threadSessionId)
@@ -751,7 +809,7 @@ async function handleDelete() {
                 :files-count="filesCount"
                 :generating-title="generatingTitle"
                 :has-messages="hasMessages"
-                :has-pending-message="hasPendingMessage"
+                :has-pending-message="composerLocked"
                 :hide-settings="hideSettings"
                 :hide-sidebar="hideSidebar"
                 :is-editing="isEditing"
@@ -770,7 +828,7 @@ async function handleDelete() {
                 :workspace-logo="workspaceLogo"
                 :workspace-name="workspaceName"
                 :workspace-settings="effectiveWorkspaceSettings"
-                @cancel="cancelConversation"
+                @cancel="handleCancel"
                 @cancel-editing="cancelEditing"
                 @copy-link="handleShare"
                 @debug="showDebugModal = true"
@@ -829,7 +887,7 @@ async function handleDelete() {
                             <ChatMessageInput
                                 ref="messageInputRef"
                                 v-model:selected-model="selectedModel"
-                                :loading="hasPendingMessage"
+                                :loading="composerLocked"
                                 :creator-name="currentUser?.name ?? void 0"
                                 :creator-email="
   currentConversation?.createdBy ?? currentUser?.email ?? void 0
@@ -845,7 +903,7 @@ async function handleDelete() {
                                 :show-cancel-button="resolvedFeatures.showCancelButton"
                                 centered
                                 @send="handleSend"
-                                @cancel="cancelConversation"
+                                @cancel="handleCancel"
                             />
                         </template>
                     </TelaChatEmptyState>
@@ -862,7 +920,7 @@ async function handleDelete() {
                 <ChatMessageInput
                     ref="messageInputRef"
                     v-model:selected-model="selectedModel"
-                    :loading="hasPendingMessage"
+                    :loading="composerLocked"
                     :creator-name="currentUser?.name ?? void 0"
                     :creator-email="
   currentConversation?.createdBy ?? currentUser?.email ?? void 0
@@ -878,7 +936,7 @@ async function handleDelete() {
                     :show-cancel-button="resolvedFeatures.showCancelButton"
                     has-disclaimer
                     @send="handleSend"
-                    @cancel="cancelConversation"
+                    @cancel="handleCancel"
                 />
             </ChatMobileShell>
 
@@ -1026,7 +1084,7 @@ async function handleDelete() {
                     <ChatMessageInput
                         ref="messageInputRef"
                         v-model:selected-model="selectedModel"
-                        :loading="hasPendingMessage"
+                        :loading="composerLocked"
                         :creator-name="currentUser?.name ?? void 0"
                         :creator-email="
   currentConversation?.createdBy ?? currentUser?.email ?? void 0
@@ -1042,7 +1100,7 @@ async function handleDelete() {
                         :show-cancel-button="resolvedFeatures.showCancelButton"
                         centered
                         @send="handleSend"
-                        @cancel="cancelConversation"
+                        @cancel="handleCancel"
                     />
                 </template>
             </TelaChatEmptyState>
@@ -1062,7 +1120,7 @@ async function handleDelete() {
                 <ChatMessageInput
                     ref="messageInputRef"
                     v-model:selected-model="selectedModel"
-                    :loading="hasPendingMessage"
+                    :loading="composerLocked"
                     :creator-name="currentUser?.name ?? void 0"
                     :creator-email="
   currentConversation?.createdBy ?? currentUser?.email ?? void 0
@@ -1078,7 +1136,7 @@ async function handleDelete() {
                     :show-cancel-button="resolvedFeatures.showCancelButton"
                     has-disclaimer
                     @send="handleSend"
-                    @cancel="cancelConversation"
+                    @cancel="handleCancel"
                 />
             </TelaChatBody>
 

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

@@ -57,12 +57,12 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     "update:selectedModel": (value: string | null) => any;
 } & {
     delete: () => any;
+    cancel: () => any;
     rename: () => any;
     duplicate: () => any;
     export: () => any;
     copyLink: () => any;
     selectConversation: (id: string) => any;
-    cancel: () => any;
     settings: () => any;
     send: (content: string, files: FileUploadInput[], agentInputs?: TelaAgentExecutionInput[] | undefined) => any;
     debug: () => any;
@@ -78,12 +78,12 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     "update:workspaceSheetOpen": (value: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onDelete?: (() => any) | undefined;
+    onCancel?: (() => any) | undefined;
     onRename?: (() => any) | undefined;
     onDuplicate?: (() => any) | undefined;
     onExport?: (() => any) | undefined;
     onCopyLink?: (() => any) | undefined;
     onSelectConversation?: ((id: string) => any) | undefined;
-    onCancel?: (() => any) | undefined;
     onSettings?: (() => any) | undefined;
     onSend?: ((content: string, files: FileUploadInput[], agentInputs?: TelaAgentExecutionInput[] | undefined) => any) | undefined;
     "onUpdate:selectedModel"?: ((value: string | null) => any) | undefined;

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

@@ -57,12 +57,12 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     "update:selectedModel": (value: string | null) => any;
 } & {
     delete: () => any;
+    cancel: () => any;
     rename: () => any;
     duplicate: () => any;
     export: () => any;
     copyLink: () => any;
     selectConversation: (id: string) => any;
-    cancel: () => any;
     settings: () => any;
     send: (content: string, files: FileUploadInput[], agentInputs?: TelaAgentExecutionInput[] | undefined) => any;
     debug: () => any;
@@ -78,12 +78,12 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     "update:workspaceSheetOpen": (value: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onDelete?: (() => any) | undefined;
+    onCancel?: (() => any) | undefined;
     onRename?: (() => any) | undefined;
     onDuplicate?: (() => any) | undefined;
     onExport?: (() => any) | undefined;
     onCopyLink?: (() => any) | undefined;
     onSelectConversation?: ((id: string) => any) | undefined;
-    onCancel?: (() => any) | undefined;
     onSettings?: (() => any) | undefined;
     onSend?: ((content: string, files: FileUploadInput[], agentInputs?: TelaAgentExecutionInput[] | undefined) => any) | undefined;
     "onUpdate:selectedModel"?: ((value: string | null) => any) | undefined;

package/dist/runtime/embed/composables/use-agent-wake.d.ts

@@ -5,6 +5,7 @@ export type AgentWakeSnapshot = {
 };
 export declare function pollAgentWake(options: {
     request: () => Promise<TelaAgentWakeResponse>;
+    requestStatus?: (sessionId: string) => Promise<TelaAgentWakeResponse>;
     onResponse?: (response: TelaAgentWakeResponse) => void;
     signal?: AbortSignal;
     pollIntervalMs?: number;
@@ -15,7 +16,7 @@ export declare function pollAgentWake(options: {
 export declare function useAgentWake(): {
     state: any;
     sessionId: any;
-    wake: (requestedSessionId?: string) => Promise<TelaAgentWakeResponse>;
+    wake: (requestedSessionId?: string, model?: string | null) => Promise<TelaAgentWakeResponse>;
     skip: () => void;
     consume: () => void;
     waitUntilSettled: (signal?: AbortSignal) => Promise<AgentWakeSnapshot>;

package/dist/runtime/embed/composables/use-agent-wake.js

@@ -21,21 +21,32 @@ export async function pollAgentWake(options) {
     else
       signal?.addEventListener("abort", onAbort, { once: true });
   }));
-  try {
-    while (!options.signal?.aborted && now() <= deadline) {
-      const response = await options.request();
+  let unavailableAttempts = 0;
+  let wakeSessionId;
+  while (!options.signal?.aborted && now() <= deadline) {
+    try {
+      const response = wakeSessionId && options.requestStatus ? await options.requestStatus(wakeSessionId) : await options.request();
+      wakeSessionId = response.sessionId ?? wakeSessionId;
       options.onResponse?.(response);
+      if (response.status === "unavailable" && unavailableAttempts < 2) {
+        unavailableAttempts += 1;
+        await wait(Math.min(500 * 2 ** (unavailableAttempts - 1), Math.max(0, deadline - now())), options.signal);
+        continue;
+      }
       if (response.status !== "waking")
         return response;
       const remaining = deadline - now();
       if (remaining <= 0)
         break;
       await wait(Math.min(options.pollIntervalMs ?? WAKE_POLL_INTERVAL_MS, remaining), options.signal);
+    } catch (error) {
+      if (error instanceof DOMException && error.name === "AbortError")
+        throw error;
+      if (unavailableAttempts >= 2)
+        return { status: "unavailable" };
+      unavailableAttempts += 1;
+      await wait(Math.min(500 * 2 ** (unavailableAttempts - 1), Math.max(0, deadline - now())), options.signal);
     }
-  } catch (error) {
-    if (error instanceof DOMException && error.name === "AbortError")
-      throw error;
-    return { status: "unavailable" };
   }
   return { status: "unavailable" };
 }
@@ -67,7 +78,7 @@ export function useAgentWake() {
     activeWake = null;
     setSnapshot({ state: "idle" });
   }
-  async function wake(requestedSessionId) {
+  async function wake(requestedSessionId, model) {
     generation++;
     const currentGeneration = generation;
     abortController?.abort();
@@ -93,10 +104,18 @@ export function useAgentWake() {
               method: "POST",
               signal: controller.signal,
               body: {
-                ...wakeSessionId ? { sessionId: wakeSessionId } : {}
+                ...wakeSessionId ? { sessionId: wakeSessionId } : {},
+                ...model ? { model } : {}
               }
             })
           ),
+          requestStatus: (sessionId2) => $fetch(
+            chatApi.path(`/agent/wake/${encodeURIComponent(sessionId2)}/status`),
+            chatApi.withChatHeaders({
+              method: "GET",
+              signal: controller.signal
+            })
+          ),
           onResponse: (response) => {
             if (currentGeneration !== generation)
               return;

package/dist/runtime/embed/feature-config.d.ts

@@ -8,11 +8,13 @@ export type ChatFeatureConfig = {
     showCancelButton?: boolean;
     /** Time to first token shown in assistant message metadata. Defaults to true. */
     showTtft?: boolean;
+    chatOutboundQueue?: boolean;
 };
 export type ResolvedChatFeatureConfig = {
     showUsageTab: boolean;
     showDebugOption: boolean;
     showCancelButton: boolean;
     showTtft: boolean;
+    chatOutboundQueue: boolean;
 };
 export declare function resolveChatFeatures(features?: Partial<ChatFeatureConfig>): ResolvedChatFeatureConfig;

package/dist/runtime/embed/feature-config.js

@@ -3,6 +3,7 @@ export function resolveChatFeatures(features) {
     showUsageTab: features?.showUsageTab ?? false,
     showDebugOption: features?.showDebugOption ?? false,
     showCancelButton: features?.showCancelButton ?? false,
-    showTtft: features?.showTtft ?? true
+    showTtft: features?.showTtft ?? true,
+    chatOutboundQueue: features?.chatOutboundQueue ?? false
   };
 }

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

@@ -111,13 +111,13 @@ const hasDetectedFiles = computed(() => contentSegments.value.some((s) => s.type
 <template>
     <TelaChatMessage
         :from="message.role === 'user' ? 'user' : 'assistant'"
-        :align="isOwnMessage ? 'end' : 'start'"
+        :align="message.role === 'user' ? 'end' : 'start'"
     >
         <template v-if="message.role === 'user'">
             <div
                 max-w-prose
                 flex="~ col"
-                :class="isOwnMessage ? 'items-end' : 'items-start'"
+                items-end
             >
                 <div
                     v-if="!isOwnMessage"
@@ -138,7 +138,7 @@ const hasDetectedFiles = computed(() => contentSegments.value.some((s) => s.type
 
                 <TelaChatMessageContent
                     variant="contained"
-                    :align="isOwnMessage ? 'end' : 'start'"
+                    align="end"
                     :class="isPending && 'op-80'"
                 >
                     <div v-if="hasFiles" flex="~ col" gap-4px mb-8px>
@@ -171,7 +171,7 @@ const hasDetectedFiles = computed(() => contentSegments.value.some((s) => s.type
                     mt-8px
                     body-10-regular
                     text-tertiary
-                    :class="isOwnMessage ? 'self-end' : 'self-start'"
+                    self-end
                 >
                     {{ formatTime(message.createdAt) }}
                 </div>

package/dist/runtime/messages/components/chat-message-input.d.vue.ts

@@ -1,8 +1,8 @@
 import type { DeepReadonly } from 'vue';
 import type { Message } from '../../types/schemas/chat/conversations.js';
-import type { ConversationFile } from '../../types/schemas/chat/files.js';
+import type { ConversationFile, FileUploadInput } from '../../types/schemas/chat/files.js';
 import type { WorkspaceSettingsResponse as WorkspaceSettings } from '../../types/schemas/chat/workspace-settings.js';
-import type { TelaAgentContextFile, TelaAgentInputVariable, TelaAgentSkill } from '../../types/schemas/integrations/tela-agent-api.js';
+import type { TelaAgentContextFile, TelaAgentExecutionInput, TelaAgentInputVariable, TelaAgentSkill } from '../../types/schemas/integrations/tela-agent-api.js';
 type __VLS_Props = {
     disabled?: boolean;
     loading?: boolean;
@@ -21,6 +21,11 @@ type __VLS_Props = {
     showCancelButton?: boolean;
 };
 declare function addFiles(files: File[], inputName?: string): void;
+declare function restoreDraft(draft: {
+    content: string;
+    files?: FileUploadInput[];
+    agentInputs?: TelaAgentExecutionInput[];
+}): void;
 declare function setDraft(text: string): void;
 type __VLS_ModelProps = {
     'selectedModel'?: string | null;
@@ -28,6 +33,7 @@ type __VLS_ModelProps = {
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     addFiles: typeof addFiles;
+    restoreDraft: typeof restoreDraft;
     setDraft: typeof setDraft;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:selectedModel": (value: string | null) => any;

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

@@ -196,6 +196,15 @@ function handleFileSelect(event) {
 function createPendingFile(file, inputName) {
   return {
     id: `${file.name}-${file.lastModified}-${file.size}-${Math.random().toString(36).slice(2)}`,
+    source: "browser",
+    file,
+    inputName
+  };
+}
+function createUploadedPendingFile(file, inputName) {
+  return {
+    id: `${file.vaultReference ?? file.url}-${Math.random().toString(36).slice(2)}`,
+    source: "uploaded",
     file,
     inputName
   };
@@ -231,6 +240,22 @@ function handleVariableDrop(event, inputName) {
 function getVaultRef(file) {
   return file.vaultReference?.trim() || (file.url.startsWith("vault://") ? file.url : null);
 }
+function getPendingFileMimeType(file) {
+  return file.source === "browser" ? file.file.type : file.file.mimeType;
+}
+async function resolvePendingFiles(files) {
+  const browserFiles = files.filter((file) => file.source === "browser");
+  const uploadedBrowserFiles = browserFiles.length > 0 ? await uploadFiles(browserFiles.map((file) => file.file)) : [];
+  let uploadedIndex = 0;
+  return files.map((file) => {
+    if (file.source === "uploaded")
+      return file.file;
+    const uploaded = uploadedBrowserFiles[uploadedIndex++];
+    if (!uploaded)
+      throw new Error("Falha ao preparar anexo");
+    return uploaded;
+  });
+}
 function buildAgentInputs(files, queuedFiles) {
   if (!hasAgentInputs.value)
     return [];
@@ -266,7 +291,7 @@ async function handleSend() {
   const queuedFiles = [...pendingFiles.value];
   if (queuedFiles.length > 0) {
     try {
-      files = await uploadFiles(queuedFiles.map((item) => item.file));
+      files = await resolvePendingFiles(queuedFiles);
     } catch {
       return;
     }
@@ -470,6 +495,29 @@ function addFiles(files, inputName) {
   });
   queueFiles(validFiles, inputName);
 }
+function restoreDraft(draft) {
+  setDraft(draft.content);
+  const textInputs = (draft.agentInputs ?? []).filter((input) => input.type === "text");
+  agentInputTexts.value = {
+    ...agentInputTexts.value,
+    ...Object.fromEntries(textInputs.map((input) => [input.name, input.content]))
+  };
+  const availableSlots = MAX_FILES - pendingFiles.value.length;
+  if (availableSlots <= 0 || !draft.files?.length)
+    return;
+  const fileInputs = (draft.agentInputs ?? []).filter((input) => input.type === "file");
+  const claimedInputs = /* @__PURE__ */ new Set();
+  const restoredFiles = draft.files.slice(0, availableSlots).map((file) => {
+    const vaultRef = getVaultRef(file);
+    const inputIndex = fileInputs.findIndex(
+      (input, index) => !claimedInputs.has(index) && input.vaultRef === vaultRef
+    );
+    if (inputIndex >= 0)
+      claimedInputs.add(inputIndex);
+    return createUploadedPendingFile(file, inputIndex >= 0 ? fileInputs[inputIndex]?.name : void 0);
+  });
+  pendingFiles.value = [...pendingFiles.value, ...restoredFiles];
+}
 function setDraft(text) {
   content.value = text;
   if (editorRef.value) {
@@ -488,6 +536,7 @@ function setDraft(text) {
 }
 defineExpose({
   addFiles,
+  restoreDraft,
   setDraft
 });
 </script>
@@ -641,7 +690,7 @@ defineExpose({
                             v-for="pendingFile in pendingFiles"
                             :key="pendingFile.id"
                             :name="pendingFile.file.name"
-                            :icon="getFileIcon(pendingFile.file.type)"
+                            :icon="getFileIcon(getPendingFileMimeType(pendingFile))"
                             :meta="formatFileSize(pendingFile.file.size)"
                             remove-label="Remover anexo"
                             @remove="removeFile(pendingFile.id)"

package/dist/runtime/messages/components/chat-message-input.vue.d.ts

@@ -1,8 +1,8 @@
 import type { DeepReadonly } from 'vue';
 import type { Message } from '../../types/schemas/chat/conversations.js';
-import type { ConversationFile } from '../../types/schemas/chat/files.js';
+import type { ConversationFile, FileUploadInput } from '../../types/schemas/chat/files.js';
 import type { WorkspaceSettingsResponse as WorkspaceSettings } from '../../types/schemas/chat/workspace-settings.js';
-import type { TelaAgentContextFile, TelaAgentInputVariable, TelaAgentSkill } from '../../types/schemas/integrations/tela-agent-api.js';
+import type { TelaAgentContextFile, TelaAgentExecutionInput, TelaAgentInputVariable, TelaAgentSkill } from '../../types/schemas/integrations/tela-agent-api.js';
 type __VLS_Props = {
     disabled?: boolean;
     loading?: boolean;
@@ -21,6 +21,11 @@ type __VLS_Props = {
     showCancelButton?: boolean;
 };
 declare function addFiles(files: File[], inputName?: string): void;
+declare function restoreDraft(draft: {
+    content: string;
+    files?: FileUploadInput[];
+    agentInputs?: TelaAgentExecutionInput[];
+}): void;
 declare function setDraft(text: string): void;
 type __VLS_ModelProps = {
     'selectedModel'?: string | null;
@@ -28,6 +33,7 @@ type __VLS_ModelProps = {
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     addFiles: typeof addFiles;
+    restoreDraft: typeof restoreDraft;
     setDraft: typeof setDraft;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:selectedModel": (value: string | null) => any;

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

@@ -18,9 +18,6 @@ const skeletonMessages = [
 function scrollToBottom() {
   conversationRef.value?.scrollToBottom();
 }
-const hasPendingMessage = computed(
-  () => props.messages.some((message) => message.status === "pending")
-);
 watch(
   () => [props.messages.length, props.messages.at(-1)?.content.length ?? 0],
   scrollToBottom
@@ -36,7 +33,7 @@ onMounted(scrollToBottom);
   'pt-72px pb-24px px-16px': variant === 'mobile'
 }"
     >
-        <TelaChatConversationContent class="max-w-700px!">
+        <TelaChatConversationContent class="max-w-700px! min-h-full">
             <template v-if="loading">
                 <div
                     v-for="message in skeletonMessages"
@@ -59,7 +56,8 @@ onMounted(scrollToBottom);
                     @retry="emit('retry', $event)"
                 />
                 <p
-                    v-if="messages.length > 0 && !hasPendingMessage"
+                    v-if="messages.length > 0"
+                    mt-auto mb--6px
                     text-center body-11-regular text-tertiary
                 >
                     As respostas podem conter erros. Verifique documentos originais.

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

@@ -24,7 +24,7 @@ defineExpose({
 </script>
 
 <template>
-    <div v-if="groupedReasoning.length > 0" flex="~ col" w-full p-12px>
+    <div v-if="groupedReasoning.length > 0" flex="~ col" w-full>
         <ChatReasoningMessage
             v-for="(step, index) in groupedReasoning"
             :key="getStepKey(step, index)"