@meistrari/chat-nuxt 4.10.0-rc.2 → 4.10.0-rc.21

package/dist/runtime/conversations/export-document.js

@@ -0,0 +1,154 @@
+export async function captureConversationDocument(root, signal, includeImages) {
+  const deadline = Date.now() + 15e3;
+  const resourceSignal = AbortSignal.any([signal, AbortSignal.timeout(15e3)]);
+  async function waitForResource(promise) {
+    resourceSignal.throwIfAborted();
+    let onAbort = () => {
+    };
+    try {
+      return await Promise.race([
+        promise,
+        new Promise((_resolve, reject) => {
+          onAbort = () => reject(resourceSignal.reason);
+          resourceSignal.addEventListener("abort", onAbort, { once: true });
+        })
+      ]);
+    } finally {
+      resourceSignal.removeEventListener("abort", onAbort);
+    }
+  }
+  await waitForResource(document.fonts.ready);
+  let previousHtml = "";
+  while (true) {
+    signal.throwIfAborted();
+    if (!root.isConnected)
+      throw new Error("A prepara\xE7\xE3o da conversa foi interrompida.");
+    if (Date.now() > deadline)
+      throw new Error("Alguns elementos n\xE3o terminaram de carregar. Tente exportar novamente.");
+    const pending = root.querySelector('[data-chat-file="loading"], [data-export-loading], [aria-busy="true"]');
+    const html = root.innerHTML;
+    if (!pending && html === previousHtml)
+      break;
+    previousHtml = html;
+    await new Promise((resolve) => setTimeout(resolve, 100));
+  }
+  const copy = root.cloneNode(true);
+  const originals = [root, ...root.querySelectorAll("*")];
+  const copies = [copy, ...copy.querySelectorAll("*")];
+  const properties = [
+    "display",
+    "color",
+    "background-color",
+    "font-size",
+    "font-weight",
+    "font-style",
+    "font-family",
+    "line-height",
+    "text-align",
+    "text-decoration",
+    "white-space",
+    "vertical-align",
+    "width",
+    "max-width",
+    "padding-top",
+    "padding-right",
+    "padding-bottom",
+    "padding-left",
+    "margin-top",
+    "margin-right",
+    "margin-bottom",
+    "margin-left",
+    "border-top",
+    "border-right",
+    "border-bottom",
+    "border-left",
+    "border-radius",
+    "border-collapse",
+    "flex-direction",
+    "flex-wrap",
+    "flex-grow",
+    "flex-shrink",
+    "flex-basis",
+    "align-items",
+    "justify-content",
+    "gap",
+    "grid-template-columns",
+    "grid-template-rows",
+    "fill",
+    "stroke",
+    "stroke-width"
+  ];
+  for (let index = 0; index < originals.length; index++) {
+    signal.throwIfAborted();
+    const original = originals[index];
+    const clone = copies[index];
+    if (!(clone instanceof HTMLElement || clone instanceof SVGElement))
+      continue;
+    const computed = getComputedStyle(original);
+    clone.removeAttribute("class");
+    clone.removeAttribute("id");
+    clone.removeAttribute("style");
+    for (const property of properties)
+      clone.style.setProperty(property, computed.getPropertyValue(property));
+    if (original instanceof HTMLElement && original.children.length === 0 && original.textContent?.trim() && !original.style.width)
+      clone.style.setProperty("width", "auto");
+    clone.style.setProperty("overflow", "visible");
+    clone.style.setProperty("max-width", "100%");
+    if (!original.textContent?.trim() && original.children.length === 0)
+      clone.style.setProperty("height", computed.height);
+    if (computed.whiteSpace === "nowrap")
+      clone.style.setProperty("white-space", "normal");
+    for (const attribute of [...clone.attributes]) {
+      if (attribute.name.startsWith("on") || ["tabindex", "autofocus", "contenteditable"].includes(attribute.name))
+        clone.removeAttribute(attribute.name);
+    }
+    if (original instanceof HTMLImageElement) {
+      if (includeImages) {
+        const response = await fetch(original.currentSrc || original.src, { signal: resourceSignal });
+        if (!response.ok)
+          throw new Error("N\xE3o foi poss\xEDvel carregar uma imagem da conversa.");
+        const blob = await response.blob();
+        if (blob.size > 8 * 1024 * 1024)
+          throw new Error("Uma imagem excede o tamanho permitido para exporta\xE7\xE3o.");
+        const imageUrl = URL.createObjectURL(blob);
+        try {
+          const image = new Image();
+          image.src = imageUrl;
+          await waitForResource(image.decode());
+          const canvas = document.createElement("canvas");
+          canvas.width = image.naturalWidth;
+          canvas.height = image.naturalHeight;
+          if (canvas.width * canvas.height > 16e6)
+            throw new Error("Uma imagem excede a resolu\xE7\xE3o permitida para exporta\xE7\xE3o.");
+          const context = canvas.getContext("2d");
+          if (!context)
+            throw new Error("N\xE3o foi poss\xEDvel preparar as imagens para exporta\xE7\xE3o.");
+          context.drawImage(image, 0, 0);
+          clone.setAttribute("src", canvas.toDataURL("image/png"));
+        } finally {
+          URL.revokeObjectURL(imageUrl);
+        }
+      } else {
+        clone.removeAttribute("src");
+      }
+      clone.removeAttribute("srcset");
+      clone.removeAttribute("loading");
+    }
+    if (original instanceof HTMLInputElement || original instanceof HTMLTextAreaElement || original instanceof HTMLSelectElement) {
+      const span = document.createElement("span");
+      span.textContent = original instanceof HTMLInputElement && ["checkbox", "radio"].includes(original.type) ? original.checked ? "\u2611" : "\u2610" : original.value || original.getAttribute("placeholder") || "";
+      span.setAttribute("style", clone.getAttribute("style") ?? "");
+      clone.replaceWith(span);
+    }
+  }
+  for (const element of copy.querySelectorAll('script, style, iframe, object, embed, audio, video, [aria-hidden="true"]'))
+    element.remove();
+  for (const button of copy.querySelectorAll("button")) {
+    const span = document.createElement("span");
+    span.setAttribute("style", button.getAttribute("style") ?? "");
+    span.append(...button.childNodes);
+    button.replaceWith(span);
+  }
+  signal.throwIfAborted();
+  return copy.outerHTML;
+}

package/dist/runtime/conversations/export.d.ts

@@ -1,2 +1,6 @@
 import type { ConversationWithMessages } from '../types/schemas/chat/conversations.js';
 export declare function exportConversationToMarkdown(conversation: ConversationWithMessages): void;
+export type ConversationExportFormat = 'md' | 'txt' | 'pdf';
+export declare function conversationExportFilename(title: string, format: ConversationExportFormat): string;
+export declare function renderedConversationToText(html: string): string;
+export declare function downloadConversationFile(blob: Blob, filename: string): void;

package/dist/runtime/conversations/export.js

@@ -1,3 +1,4 @@
+import { Parser } from "htmlparser2";
 export function exportConversationToMarkdown(conversation) {
   const formatDate = (date) => {
     const d = new Date(date);
@@ -30,14 +31,78 @@ export function exportConversationToMarkdown(conversation) {
     lines.push("");
   }
   const content = lines.join("\n");
-  const sanitizedTitle = conversation.title.replace(/[<>:"/\\|?*]/g, "_");
   const blob = new Blob([content], { type: "text/markdown;charset=utf-8" });
+  downloadConversationFile(blob, conversationExportFilename(conversation.title, "md"));
+}
+export function conversationExportFilename(title, format) {
+  return `${title.trim().replace(/[<>:"/\\|?*\p{Cc}]/gu, "_").slice(0, 150) || "Conversa"}.${format}`;
+}
+export function renderedConversationToText(html) {
+  const blocks = /* @__PURE__ */ new Set(["h1", "h2", "h3", "h4", "h5", "h6", "p", "div", "section", "article", "header", "footer", "table", "ul", "ol", "pre", "blockquote", "figure"]);
+  const ignored = /* @__PURE__ */ new Set(["script", "style", "svg"]);
+  const links = [];
+  let text = "";
+  let ignoredDepth = 0;
+  const whitespace = [];
+  let cells = 0;
+  const parser = new Parser({
+    onopentag(name, attributes) {
+      if (ignoredDepth || ignored.has(name)) {
+        ignoredDepth++;
+        return;
+      }
+      if (blocks.has(name))
+        text += "\n\n";
+      const style = attributes.style?.match(/(?:^|;)\s*white-space\s*:\s*([\w-]+)/i)?.[1]?.toLowerCase();
+      whitespace.push(style ?? (name === "pre" ? "pre" : whitespace.at(-1) ?? "normal"));
+      if (name === "tr") {
+        cells = 0;
+        text += "\n";
+      }
+      if (name === "td" || name === "th") {
+        if (cells++)
+          text += "	";
+      }
+      if (name === "li")
+        text += "\n- ";
+      if (name === "br" || name === "hr")
+        text += "\n";
+      if (name === "img" && attributes.alt)
+        text += `[${attributes.alt}]`;
+      if (name === "a")
+        links.push(attributes.href ?? "");
+    },
+    ontext(value) {
+      if (!ignoredDepth) {
+        const mode = whitespace.at(-1);
+        text += mode === "pre" || mode === "pre-wrap" || mode === "break-spaces" ? value : mode === "pre-line" ? value.replace(/[^\S\r\n]+/g, " ") : value.replace(/\s+/g, " ");
+      }
+    },
+    onclosetag(name) {
+      if (ignoredDepth) {
+        ignoredDepth--;
+        return;
+      }
+      whitespace.pop();
+      if (name === "a") {
+        const href = links.pop();
+        if (href && /^(?:https?:|mailto:|vault:|cite:)/.test(href))
+          text += ` (${href})`;
+      }
+      if (blocks.has(name))
+        text += "\n\n";
+    }
+  }, { decodeEntities: true });
+  parser.end(html);
+  return text.replace(/[ \t]+\n/g, "\n").replace(/\n{3,}/g, "\n\n").trim();
+}
+export function downloadConversationFile(blob, filename) {
   const url = URL.createObjectURL(blob);
   const link = document.createElement("a");
   link.href = url;
-  link.download = `${sanitizedTitle}.md`;
+  link.download = filename;
   document.body.appendChild(link);
   link.click();
-  document.body.removeChild(link);
-  URL.revokeObjectURL(url);
+  link.remove();
+  setTimeout(() => URL.revokeObjectURL(url), 1e3);
 }

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

@@ -15,6 +15,8 @@ import ChatMobileShell from "./mobile/chat-mobile-shell.vue";
 import ChatSidebarToggle from "./chat-sidebar-toggle.vue";
 import ChatDetailsPanel from "./chat-details-panel.vue";
 import ChatMessageInput from "../../messages/components/chat-message-input.vue";
+import { confirmPendingComposerSend, prepareComposerSend, reconcileComposerSend } from "../../messages/composer-pending-send";
+import { composerDraftStorageKey, readComposerDraft, writeComposerDraft } from "../../messages/composer-draft";
 import { normalizeConversationId } from "../../conversations/scope";
 import { resolveChatFeatures } from "../feature-config";
 import { resolveConversationCreator } from "../../conversations/creator";
@@ -196,14 +198,71 @@ const resolvedSuggestions = computed(
 function applySuggestion(prompt) {
   messageInputRef.value?.setDraft(prompt);
 }
+watch([isReady, messageInputRef, activeConversationId], ([ready, input]) => {
+  if (!ready || !input || activeConversationId.value)
+    return;
+  const draft = composerExtension?.takeInitialDraft?.();
+  if (!draft)
+    return;
+  if (draft.executionProfile)
+    selectExecutionProfile(draft.executionProfile);
+  input.setDraft(draft.content);
+}, { flush: "post" });
 const breakpoints = useBreakpoints({ mobile: CHAT_MOBILE_BREAKPOINT });
 const isMobile = breakpoints.smaller("mobile");
 const showTopbarSidebarToggle = computed(() => sidebarCollapsible.value && sidebarToggle.value === "topbar" && !props.hideSidebar && !isMobile.value && !props.compact);
 const slots = useSlots();
 const hasTopbarLeading = computed(() => showTopbarSidebarToggle.value || !!slots["topbar-leading"]);
 const drawerOpen = ref(false);
+function composerKey(conversationId) {
+  return composerDraftStorageKey(
+    { userId: authUser.value?.id, workspaceId: activeOrganization.value?.id, telaAgentId: embedConfig?.telaAgentId.value, conversationScope: embedConfig?.conversationScope?.value },
+    conversationId
+  );
+}
+const draftStorageKey = computed(() => composerKey(activeConversationId.value));
+let unconfirmedDraft = null;
+function releaseUnconfirmedDraft(draft) {
+  if (readComposerDraft(draft.key) === draft.text)
+    writeComposerDraft(draft.key, "");
+}
+function confirmComposerDraft(send) {
+  confirmPendingComposerSend(composerKey(send.conversationId), send.messageId);
+  if (!unconfirmedDraft || unconfirmedDraft.content !== send.content)
+    return;
+  if (unconfirmedDraft.conversationId !== null && unconfirmedDraft.conversationId !== send.conversationId)
+    return;
+  releaseUnconfirmedDraft(unconfirmedDraft);
+  unconfirmedDraft = null;
+}
+function prepareComposerRequest(send) {
+  if (!unconfirmedDraft || unconfirmedDraft.content !== send.body.content)
+    return send.body.messageId;
+  return prepareComposerSend(unconfirmedDraft.key, unconfirmedDraft.text, send.body);
+}
+function moveUnconfirmedDraft(conversationId) {
+  if (!unconfirmedDraft || unconfirmedDraft.conversationId !== null)
+    return;
+  const key = draftStorageKey.value;
+  if (key === unconfirmedDraft.key || !unconfirmedDraft.text) {
+    unconfirmedDraft = { ...unconfirmedDraft, key, conversationId };
+    return;
+  }
+  if (!writeComposerDraft(key, unconfirmedDraft.text)) {
+    unconfirmedDraft = { ...unconfirmedDraft, conversationId };
+    return;
+  }
+  releaseUnconfirmedDraft(unconfirmedDraft);
+  unconfirmedDraft = { ...unconfirmedDraft, key, conversationId };
+}
 function restoreQueuedSend(send) {
-  messageInputRef.value?.restoreDraft(send);
+  const input = messageInputRef.value;
+  if (!input)
+    return;
+  input.restoreDraft(send);
+  if (unconfirmedDraft && unconfirmedDraft.key !== draftStorageKey.value && readComposerDraft(draftStorageKey.value))
+    releaseUnconfirmedDraft(unconfirmedDraft);
+  unconfirmedDraft = null;
 }
 const { isDragging, setupDropZone } = useFileDrop({
   onDrop: (files) => {
@@ -244,7 +303,10 @@ const {
 } = createChat({
   outboundQueueEnabled: computed(() => resolvedFeatures.value.chatOutboundQueue),
   onQueuedSendCancelled: restoreQueuedSend,
-  onQueuedSendFailed: restoreQueuedSend
+  onQueuedSendFailed: restoreQueuedSend,
+  onSendConfirmed: confirmComposerDraft,
+  onSendPrepared: prepareComposerRequest,
+  onMessagesReceived: ({ conversationId, messages: messages2 }) => reconcileComposerSend(composerKey(conversationId), messages2)
 });
 const agentWake = harnessAdapter?.requiresSandboxWake === false ? null : useAgentWake();
 watch(chatError, (message) => {
@@ -544,6 +606,12 @@ function claimableWakeSessionId() {
 async function handleSend(content, files, agentInputs) {
   const prepared = composerExtension?.prepareSend?.(content);
   const outbound = prepared?.content ?? content;
+  unconfirmedDraft = {
+    key: draftStorageKey.value,
+    conversationId: activeConversationId.value,
+    content: outbound,
+    text: readComposerDraft(draftStorageKey.value)
+  };
   const resolvedAgentInputs = resolveTelaAgentInputs(agentInputs, embedConfig?.telaAgentInputs?.value);
   const sent = await dispatchMessage(outbound, files, resolvedAgentInputs);
   if (sent)
@@ -569,6 +637,7 @@ async function dispatchMessage(outbound, files, resolvedAgentInputs) {
       const grouped = groupId && await moveConversationToGroup(conversation2.id, groupId);
       adoptConversation(grouped ? { ...conversation2, groupId } : conversation2);
       updateConversationId(conversation2.id);
+      moveUnconfirmedDraft(conversation2.id);
     }
     const conversation = currentConversation.value;
     if (!conversation)
@@ -836,7 +905,7 @@ async function handleDelete() {
                 icon="i-ph-arrow-clockwise"
                 @click="reconnect"
             >
-                Reconectar
+                {{ outboundOccupied ? "Reenviar" : "Reconectar" }}
             </TelaButton>
         </div>
         <!-- Sidebar -->
@@ -943,6 +1012,7 @@ async function handleDelete() {
                 :generating-title="generatingTitle"
                 :has-messages="hasMessages"
                 :has-pending-message="composerLocked"
+                :draft-storage-key="draftStorageKey"
                 :hide-settings="hideSettings"
                 :hide-sidebar="hideSidebar"
                 :is-editing="isEditing"
@@ -1030,7 +1100,8 @@ async function handleDelete() {
                                 ref="messageInputRef"
                                 v-model:selected-model="selectedModel"
                                 v-model:selected-reasoning-effort="selectedReasoningEffort"
-                                :loading="composerLocked"
+                                :draft-storage-key="draftStorageKey"
+                                :loading="loading || composerLocked"
                                 :disabled="composerDisabled"
                                 :send-blocked="sendBlocked"
                                 :creator-name="currentUser?.name ?? void 0"
@@ -1086,8 +1157,9 @@ async function handleDelete() {
                         ref="messageInputRef"
                         v-model:selected-model="selectedModel"
                         v-model:selected-reasoning-effort="selectedReasoningEffort"
+                        :draft-storage-key="draftStorageKey"
                         class="!p-0"
-                        :loading="composerLocked"
+                        :loading="loading || composerLocked"
                         :disabled="composerDisabled"
                         :send-blocked="sendBlocked"
                         :creator-name="currentUser?.name ?? void 0"
@@ -1241,7 +1313,8 @@ async function handleDelete() {
                         ref="messageInputRef"
                         v-model:selected-model="selectedModel"
                         v-model:selected-reasoning-effort="selectedReasoningEffort"
-                        :loading="composerLocked"
+                        :draft-storage-key="draftStorageKey"
+                        :loading="loading || composerLocked"
                         :disabled="composerDisabled"
                         :send-blocked="sendBlocked"
                         :creator-name="currentUser?.name ?? void 0"
@@ -1300,8 +1373,9 @@ async function handleDelete() {
                         ref="messageInputRef"
                         v-model:selected-model="selectedModel"
                         v-model:selected-reasoning-effort="selectedReasoningEffort"
+                        :draft-storage-key="draftStorageKey"
                         class="!p-0"
-                        :loading="composerLocked"
+                        :loading="loading || composerLocked"
                         :disabled="composerDisabled"
                         :send-blocked="sendBlocked"
                         :creator-name="currentUser?.name ?? void 0"

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

@@ -22,6 +22,7 @@ type __VLS_Props = {
     conversationsLoading?: boolean;
     conversationFiles: ConversationFile[];
     drawerOpen: boolean;
+    draftStorageKey?: string | null;
     editTitle: string;
     filesCount: number;
     generatingTitle?: boolean;
@@ -71,8 +72,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     copyLink: () => any;
     debug: () => any;
     selectConversation: (id: string) => any;
-    settings: () => any;
     send: (content: string, files: FileUploadInput[], agentInputs?: TelaAgentExecutionInput[] | undefined) => any;
+    settings: () => any;
     selectExecutionProfile: (profile: ChatExecutionProfile) => any;
     tabChange: (tab: TopbarTab) => any;
     newConversation: (groupId?: string | null | undefined) => any;
@@ -93,8 +94,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     onCopyLink?: (() => any) | undefined;
     onDebug?: (() => any) | undefined;
     onSelectConversation?: ((id: string) => any) | undefined;
-    onSettings?: (() => any) | undefined;
     onSend?: ((content: string, files: FileUploadInput[], agentInputs?: TelaAgentExecutionInput[] | undefined) => any) | undefined;
+    onSettings?: (() => any) | undefined;
     onSelectExecutionProfile?: ((profile: ChatExecutionProfile) => any) | undefined;
     "onUpdate:selectedModel"?: ((value: string | null) => any) | undefined;
     "onUpdate:selectedReasoningEffort"?: ((value: any) => any) | undefined;

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

@@ -27,6 +27,7 @@ const props = defineProps({
   conversationsLoading: { type: Boolean, required: false },
   conversationFiles: { type: Array, required: true },
   drawerOpen: { type: Boolean, required: true },
+  draftStorageKey: { type: [String, null], required: false },
   editTitle: { type: String, required: true },
   filesCount: { type: Number, required: true },
   generatingTitle: { type: Boolean, required: false },
@@ -235,6 +236,7 @@ function startNewConversationFromOutdatedSettings() {
                         v-model:selected-model="selectedModel"
                         v-model:selected-reasoning-effort="selectedReasoningEffort"
                         :loading="hasPendingMessage"
+                        :draft-storage-key="draftStorageKey"
                         :creator-name="currentUser?.name ?? void 0"
                         :creator-email="currentUser?.email ?? void 0"
                         :creator-image="currentUser?.image ?? void 0"

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

@@ -22,6 +22,7 @@ type __VLS_Props = {
     conversationsLoading?: boolean;
     conversationFiles: ConversationFile[];
     drawerOpen: boolean;
+    draftStorageKey?: string | null;
     editTitle: string;
     filesCount: number;
     generatingTitle?: boolean;
@@ -71,8 +72,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     copyLink: () => any;
     debug: () => any;
     selectConversation: (id: string) => any;
-    settings: () => any;
     send: (content: string, files: FileUploadInput[], agentInputs?: TelaAgentExecutionInput[] | undefined) => any;
+    settings: () => any;
     selectExecutionProfile: (profile: ChatExecutionProfile) => any;
     tabChange: (tab: TopbarTab) => any;
     newConversation: (groupId?: string | null | undefined) => any;
@@ -93,8 +94,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     onCopyLink?: (() => any) | undefined;
     onDebug?: (() => any) | undefined;
     onSelectConversation?: ((id: string) => any) | undefined;
-    onSettings?: (() => any) | undefined;
     onSend?: ((content: string, files: FileUploadInput[], agentInputs?: TelaAgentExecutionInput[] | undefined) => any) | undefined;
+    onSettings?: (() => any) | undefined;
     onSelectExecutionProfile?: ((profile: ChatExecutionProfile) => any) | undefined;
     "onUpdate:selectedModel"?: ((value: string | null) => any) | undefined;
     "onUpdate:selectedReasoningEffort"?: ((value: any) => any) | undefined;

package/dist/runtime/embed/execution-controls.d.ts

@@ -11,6 +11,7 @@ export type ChatExecutionControls = {
     profiles: {
         default: ChatExecutionProfile;
         deep: ChatExecutionProfile;
+        intensive?: ChatExecutionProfile;
     };
 } | {
     mode: 'advanced';
@@ -23,4 +24,4 @@ export declare function resolveChatExecutionMode(profiles: Extract<ChatExecution
 }>['profiles'], selection: {
     model: string | null;
     reasoningEffort?: ChatReasoningEffort | null;
-}): 'default' | 'deep' | 'custom';
+}): 'default' | 'deep' | 'intensive' | 'custom';

package/dist/runtime/embed/execution-controls.js

@@ -9,9 +9,9 @@ export function resolveChatExecutionControls(controls, features) {
   };
 }
 export function resolveChatExecutionMode(profiles, selection) {
-  for (const mode of ["default", "deep"]) {
+  for (const mode of ["default", "deep", "intensive"]) {
     const profile = profiles[mode];
-    if (profile.model === selection.model && profile.reasoningEffort === (selection.reasoningEffort ?? null))
+    if (profile && profile.model === selection.model && profile.reasoningEffort === (selection.reasoningEffort ?? null))
       return mode;
   }
   return "custom";

package/dist/runtime/messages/components/chat-execution-mode-selector.vue

@@ -7,15 +7,19 @@ const props = defineProps({
   disabled: { type: Boolean, required: false }
 });
 const emit = defineEmits(["select"]);
-const options = [
+const options = computed(() => [
   { value: "default", label: "Padr\xE3o", description: "Para as tarefas do dia a dia." },
-  { value: "deep", label: "Aprofundar", description: "Dedica mais racioc\xEDnio a tarefas complexas. Pode demorar mais." }
-];
+  { value: "deep", label: "Aprofundado", description: "Dedica mais racioc\xEDnio a tarefas complexas. Pode demorar mais." },
+  ...props.profiles.intensive ? [{ value: "intensive", label: "Intensivo", description: "Maior esfor\xE7o de racioc\xEDnio para quest\xF5es complexas." }] : []
+]);
 const mode = computed(() => resolveChatExecutionMode(props.profiles, props));
-const label = computed(() => mode.value === "custom" ? "Personalizado" : options.find((option) => option.value === mode.value).label);
+const label = computed(() => mode.value === "custom" ? "Personalizado" : options.value.find((option) => option.value === mode.value).label);
 function select(value) {
-  if (!props.disabled && (value === "default" || value === "deep"))
-    emit("select", { ...props.profiles[value] });
+  if (props.disabled || value !== "default" && value !== "deep" && value !== "intensive")
+    return;
+  const profile = props.profiles[value];
+  if (profile)
+    emit("select", { ...profile });
 }
 </script>
 

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

@@ -338,6 +338,13 @@ const attachedFiles = computed(() => {
                             <span v-if="showTtft && formattedTtft" flex items-center gap-4px>
                                 {{ formattedTtft }}
                             </span>
+                            <TelaCopyButton
+                                :content="message.content"
+                                variant="ghost"
+                                size="sm"
+                                aria-label="Copiar mensagem"
+                                class="text-icon-tertiary hover:text-primary [&_.i-ph-copy]:!opacity-100"
+                            />
                             <ChatMessageFeedback v-if="hasMessageFeedback" :message="message" />
                             <ChatMessageActions
                                 v-if="message.role === 'assistant' && message.status === 'completed' && !streamActive"

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

@@ -26,6 +26,8 @@ type __VLS_Props = {
     hideReasoningEffortSelector?: boolean;
     executionControlsDisabled?: boolean;
     sendBlocked?: boolean;
+    /** Persists the text per conversation until the server confirms the send (see composer-draft.ts). */
+    draftStorageKey?: string | null;
 };
 declare function addFiles(files: File[], inputName?: string): void;
 declare function restoreDraft(draft: {

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

@@ -9,6 +9,7 @@ import { useFileUpload } from "../../files/composables/file-upload";
 import { useInputHistory } from "../composables/input-history";
 import { appendAttachmentMentions, useMentionAutocomplete } from "../composables/mention-autocomplete";
 import { getAgentInputReadiness } from "../input-readiness";
+import { composerDraftText, readComposerDraft, writeComposerDraft } from "../composer-draft";
 import { buildFileMentionItems } from "../mention-file-items";
 import { formatFileSize } from "../../files/formatting";
 import { getFileIcon } from "../../files/icons";
@@ -31,7 +32,8 @@ const props = defineProps({
   hideModelSelector: { type: Boolean, required: false },
   hideReasoningEffortSelector: { type: Boolean, required: false },
   executionControlsDisabled: { type: Boolean, required: false },
-  sendBlocked: { type: Boolean, required: false }
+  sendBlocked: { type: Boolean, required: false },
+  draftStorageKey: { type: [String, null], required: false }
 });
 const emit = defineEmits(["send", "cancel", "selectExecutionProfile"]);
 const selectedModel = defineModel("selectedModel", { type: [String, null], ...{ default: null } });
@@ -360,6 +362,7 @@ function setEditorContent(text) {
   if (remaining)
     editorRef.value.appendChild(document.createTextNode(remaining));
   content.value = (editorRef.value.textContent ?? "").replace(/\u00A0/g, " ");
+  writeComposerDraft(props.draftStorageKey ?? null, composerDraftText(editorRef.value));
   const range = document.createRange();
   range.selectNodeContents(editorRef.value);
   range.collapse(false);
@@ -422,6 +425,7 @@ function handleBlur() {
 }
 function handleInput() {
   content.value = (editorRef.value?.textContent ?? "").replace(/\u00A0/g, " ");
+  writeComposerDraft(props.draftStorageKey ?? null, composerDraftText(editorRef.value));
   if (!restoringHistory)
     inputHistory.resetNavigation();
   mentionAutocomplete.detectTrigger();
@@ -513,6 +517,7 @@ function restoreDraft(draft) {
 }
 function setDraft(text) {
   content.value = text;
+  writeComposerDraft(props.draftStorageKey ?? null, text);
   if (editorRef.value) {
     editorRef.value.textContent = text;
     const range = document.createRange();
@@ -527,6 +532,18 @@ function setDraft(text) {
     editorRef.value?.focus();
   });
 }
+function showStoredDraft() {
+  const stored = props.loading ? "" : readComposerDraft(props.draftStorageKey ?? null);
+  content.value = stored;
+  if (editorRef.value)
+    editorRef.value.textContent = stored;
+}
+onMounted(showStoredDraft);
+watch(() => props.draftStorageKey, showStoredDraft);
+watch(() => props.loading, (loading) => {
+  if (!loading && !content.value.trim())
+    showStoredDraft();
+});
 defineExpose({
   addFiles,
   restoreDraft,

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

@@ -26,6 +26,8 @@ type __VLS_Props = {
     hideReasoningEffortSelector?: boolean;
     executionControlsDisabled?: boolean;
     sendBlocked?: boolean;
+    /** Persists the text per conversation until the server confirms the send (see composer-draft.ts). */
+    draftStorageKey?: string | null;
 };
 declare function addFiles(files: File[], inputName?: string): void;
 declare function restoreDraft(draft: {