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

package/dist/module.json

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

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

@@ -4,6 +4,7 @@ import type { ChatFeatureConfig } from '../feature-config.js';
 import type { ChatActor, ChatSidebarConfig, ChatSuggestion } from '../types.js';
 type EmbedUser = ChatActor;
 type __VLS_Props = {
+    syncBrowserState?: boolean;
     conversationId?: string | null;
     conversationEvents?: readonly ConversationEvent[] | null;
     composerDisabled?: boolean;
@@ -40,6 +41,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     compact: boolean;
     hideSettings: boolean;
     hideSidebar: boolean;
+    syncBrowserState: boolean;
     initialConversationId: string | null;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -43,6 +43,7 @@ import { useWorkspaceMembers } from "../../workspace/composables/workspace-membe
 import { useWorkspaceSettings } from "../../workspace/composables/workspace-settings";
 import { useWorkspaceSwitchModal } from "../../workspace/composables/workspace-switch-modal";
 const props = defineProps({
+  syncBrowserState: { type: Boolean, required: false, default: true },
   conversationId: { type: [String, null], required: false },
   conversationEvents: { type: [Array, null], required: false },
   composerDisabled: { type: Boolean, required: false },
@@ -138,7 +139,7 @@ const {
   closePreview
 } = useFilePreviewPanel();
 const { isOpen: isCitationPanelOpen } = useCitationPanel();
-const sharedConversationId = getSharedConversationId(route.query);
+const sharedConversationId = props.syncBrowserState === false ? null : getSharedConversationId(route.query);
 const activeConversationId = ref(
   normalizeConversationId(props.conversationId) ?? normalizeConversationId(props.initialConversationId) ?? normalizeConversationId(sharedConversationId)
 );
@@ -157,6 +158,11 @@ const {
 const resolvedFeatures = computed(() => resolveChatFeatures(props.features));
 const dropZoneRef = ref(null);
 const activeTab = ref("chat");
+const answerTarget = ref(null);
+provide("chat-answer-target", answerTarget);
+function setAnswerTarget(el) {
+  answerTarget.value = el instanceof HTMLElement ? el : null;
+}
 const messageInputRef = ref(null);
 const PROMPT_INPUT_HINTS = [
   { icon: "i-ph-at-bold", label: "Para mencionar arquivos" },
@@ -507,7 +513,7 @@ useConversationBrowserState(activeConversationId, computed(() => {
   if (currentConversation.value?.id !== activeConversationId.value)
     return null;
   return optimisticTitle.value ?? currentConversation.value?.title ?? null;
-}));
+}), () => props.syncBrowserState !== false);
 const displayTitle = computed(() => {
   if (optimisticTitle.value !== null)
     return optimisticTitle.value;
@@ -1144,29 +1150,33 @@ async function handleDelete() {
                         <slot name="failed-message-actions" v-bind="slotProps" />
                     </template>
                 </ChatMessageList>
-                <ChatMessageInput
-                    ref="messageInputRef"
-                    v-model:selected-model="selectedModel"
-                    v-model:selected-reasoning-effort="selectedReasoningEffort"
-                    :loading="composerLocked"
-                    :disabled="composerDisabled"
-                    :creator-name="currentUser?.name ?? void 0"
-                    :creator-email="
+                <div data-chat-composer flex="~ col" gap-12px min-h-0>
+                    <div :ref="setAnswerTarget" data-chat-answer-dock class="empty:hidden max-h-[50dvh] overflow-y-auto" />
+                    <ChatMessageInput
+                        ref="messageInputRef"
+                        v-model:selected-model="selectedModel"
+                        v-model:selected-reasoning-effort="selectedReasoningEffort"
+                        class="!p-0"
+                        :loading="composerLocked"
+                        :disabled="composerDisabled"
+                        :creator-name="currentUser?.name ?? void 0"
+                        :creator-email="
   currentConversation?.createdBy ?? currentUser?.email ?? void 0
 "
-                    :creator-image="currentUser?.image ?? void 0"
-                    :messages="messages"
-                    :conversation-files="conversationFiles"
-                    :workspace-settings="effectiveWorkspaceSettings"
-                    :agent-input-schema="visibleTelaAgentInputSchema"
-                    :agent-input-schema-loading="visibleTelaAgentInputSchemaLoading"
-                    :agent-skills="agentSkills"
-                    :agent-context-files="agentContextFiles"
-                    :show-cancel-button="resolvedFeatures.showCancelButton"
-                    has-disclaimer
-                    @send="handleSend"
-                    @cancel="handleCancel"
-                />
+                        :creator-image="currentUser?.image ?? void 0"
+                        :messages="messages"
+                        :conversation-files="conversationFiles"
+                        :workspace-settings="effectiveWorkspaceSettings"
+                        :agent-input-schema="visibleTelaAgentInputSchema"
+                        :agent-input-schema-loading="visibleTelaAgentInputSchemaLoading"
+                        :agent-skills="agentSkills"
+                        :agent-context-files="agentContextFiles"
+                        :show-cancel-button="resolvedFeatures.showCancelButton"
+                        has-disclaimer
+                        @send="handleSend"
+                        @cancel="handleCancel"
+                    />
+                </div>
             </ChatMobileShell>
 
             <ChatTopbar
@@ -1359,29 +1369,33 @@ async function handleDelete() {
                         <slot name="failed-message-actions" v-bind="slotProps" />
                     </template>
                 </ChatMessageList>
-                <ChatMessageInput
-                    ref="messageInputRef"
-                    v-model:selected-model="selectedModel"
-                    v-model:selected-reasoning-effort="selectedReasoningEffort"
-                    :loading="composerLocked"
-                    :disabled="composerDisabled"
-                    :creator-name="currentUser?.name ?? void 0"
-                    :creator-email="
+                <div data-chat-composer flex="~ col" gap-12px min-h-0>
+                    <div :ref="setAnswerTarget" data-chat-answer-dock class="empty:hidden max-h-[50dvh] overflow-y-auto" />
+                    <ChatMessageInput
+                        ref="messageInputRef"
+                        v-model:selected-model="selectedModel"
+                        v-model:selected-reasoning-effort="selectedReasoningEffort"
+                        class="!p-0"
+                        :loading="composerLocked"
+                        :disabled="composerDisabled"
+                        :creator-name="currentUser?.name ?? void 0"
+                        :creator-email="
   currentConversation?.createdBy ?? currentUser?.email ?? void 0
 "
-                    :creator-image="currentUser?.image ?? void 0"
-                    :messages="messages"
-                    :conversation-files="conversationFiles"
-                    :workspace-settings="effectiveWorkspaceSettings"
-                    :agent-input-schema="visibleTelaAgentInputSchema"
-                    :agent-input-schema-loading="visibleTelaAgentInputSchemaLoading"
-                    :agent-skills="agentSkills"
-                    :agent-context-files="agentContextFiles"
-                    :show-cancel-button="resolvedFeatures.showCancelButton"
-                    has-disclaimer
-                    @send="handleSend"
-                    @cancel="handleCancel"
-                />
+                        :creator-image="currentUser?.image ?? void 0"
+                        :messages="messages"
+                        :conversation-files="conversationFiles"
+                        :workspace-settings="effectiveWorkspaceSettings"
+                        :agent-input-schema="visibleTelaAgentInputSchema"
+                        :agent-input-schema-loading="visibleTelaAgentInputSchemaLoading"
+                        :agent-skills="agentSkills"
+                        :agent-context-files="agentContextFiles"
+                        :show-cancel-button="resolvedFeatures.showCancelButton"
+                        has-disclaimer
+                        @send="handleSend"
+                        @cancel="handleCancel"
+                    />
+                </div>
             </TelaChatBody>
 
             <Transition name="fade">
@@ -1545,5 +1559,5 @@ async function handleDelete() {
 </style>
 
 <style>
-[data-chat-body][data-variant=page] [data-chat-prompt-input]{margin-inline:auto!important;max-width:700px}
+[data-chat-body][data-variant=page] :is([data-chat-composer],[data-chat-prompt-input]){margin-inline:auto!important;max-width:700px}
 </style>

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

@@ -4,6 +4,7 @@ import type { ChatFeatureConfig } from '../feature-config.js';
 import type { ChatActor, ChatSidebarConfig, ChatSuggestion } from '../types.js';
 type EmbedUser = ChatActor;
 type __VLS_Props = {
+    syncBrowserState?: boolean;
     conversationId?: string | null;
     conversationEvents?: readonly ConversationEvent[] | null;
     composerDisabled?: boolean;
@@ -40,6 +41,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     compact: boolean;
     hideSettings: boolean;
     hideSidebar: boolean;
+    syncBrowserState: boolean;
     initialConversationId: string | null;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -1,7 +1,4 @@
 import { useChatAuth } from '#chat-auth';
-import { type ChatActionPayload } from '../../messages/composables/chat-action.js';
-import { type MessageFeedbackPayload } from '../../messages/composables/chat-feedback.js';
-import { type ChatMessageTerminalPayload } from '../../messages/composables/chat-message-terminal.js';
 declare var __VLS_13: {}, __VLS_16: {
     message: useChatAuth;
 };
@@ -10,45 +7,7 @@ type __VLS_Slots = {} & {
 } & {
     'failed-message-actions'?: (props: typeof __VLS_16) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<(import("../types.js").ChatEmbedSharedProps & {
-    telaAgentId?: undefined;
-    telaAgentInputs?: undefined;
-    workspaceSettings?: import("vue").DeepReadonly<useChatAuth> | useChatAuth | null;
-    user?: import("../types.js").ChatActor | null;
-    features?: Partial<import("../feature-config.js").ChatFeatureConfig>;
-} & import("../types.js").ChatEmbedVariantProps) | (import("../types.js").ChatEmbedSharedProps & {
-    telaAgentId: string;
-    telaAgentInputs?: import("vue").DeepReadonly<useChatAuth[]> | null;
-    workspaceSettings?: never;
-    user?: never;
-    features?: Partial<import("../feature-config.js").ChatFeatureConfig>;
-} & import("../types.js").ChatEmbedVariantProps), {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "update:conversationId": (value: string | null) => any;
-    "update:conversationTitle": (value: string | null) => any;
-    "update:conversationCreatorFilter": (value: "all" | "mine") => any;
-    messageFeedback: (payload: MessageFeedbackPayload) => any;
-    action: (payload: ChatActionPayload) => any;
-    messageTerminal: (payload: ChatMessageTerminalPayload) => any;
-}, string, import("vue").PublicProps, Readonly<(import("../types.js").ChatEmbedSharedProps & {
-    telaAgentId?: undefined;
-    telaAgentInputs?: undefined;
-    workspaceSettings?: import("vue").DeepReadonly<useChatAuth> | useChatAuth | null;
-    user?: import("../types.js").ChatActor | null;
-    features?: Partial<import("../feature-config.js").ChatFeatureConfig>;
-} & import("../types.js").ChatEmbedVariantProps) | (import("../types.js").ChatEmbedSharedProps & {
-    telaAgentId: string;
-    telaAgentInputs?: import("vue").DeepReadonly<useChatAuth[]> | null;
-    workspaceSettings?: never;
-    user?: never;
-    features?: Partial<import("../feature-config.js").ChatFeatureConfig>;
-} & import("../types.js").ChatEmbedVariantProps)> & Readonly<{
-    "onUpdate:conversationId"?: ((value: string | null) => any) | undefined;
-    "onUpdate:conversationTitle"?: ((value: string | null) => any) | undefined;
-    "onUpdate:conversationCreatorFilter"?: ((value: "all" | "mine") => any) | undefined;
-    onMessageFeedback?: ((payload: MessageFeedbackPayload) => any) | undefined;
-    onAction?: ((payload: ChatActionPayload) => any) | undefined;
-    onMessageTerminal?: ((payload: ChatMessageTerminalPayload) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: import("vue").DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import("vue").PublicProps>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -9,6 +9,7 @@ import { provideEmbedConfig, useEmbedConfig } from "../composables/embed-config"
 import { normalizeConversationScope, normalizeTelaAgentId, resolveConversationScopeKeySegment } from "../../conversations/scope";
 import ChatEmbedInner from "./chat-embed-inner.vue";
 const props = defineProps({
+  syncBrowserState: { type: Boolean, required: false, default: true },
   chatConfig: { type: Object, required: false },
   telaAgentBranch: { type: [String, null], required: false },
   conversationId: { type: [String, null], required: false },
@@ -42,6 +43,7 @@ const props = defineProps({
   features: { type: Object, required: false },
   variant: { type: String, required: false },
   defaultOpen: { type: Boolean, required: false },
+  closeOnOutsideClick: { type: Boolean, required: false },
   launcherLabel: { type: String, required: false }
 });
 const emit = defineEmits(["update:conversationId", "update:conversationTitle", "update:conversationCreatorFilter", "action", "messageFeedback", "messageTerminal"]);
@@ -120,6 +122,7 @@ provideChatMessageTerminal((payload) => {
     <ChatEmbedInner
         v-if="workspaceId"
         :key="`${workspaceId}:${normalizedTelaAgentId ?? 'default-chat'}:branch:${telaAgentBranch ?? ''}:scope:${resolveConversationScopeKeySegment(normalizedConversationScope)}`"
+        :sync-browser-state="syncBrowserState"
         :conversation-id="conversationId"
         :conversation-events="conversationEvents"
         :composer-disabled="composerDisabled"

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

@@ -1,7 +1,4 @@
 import { useChatAuth } from '#chat-auth';
-import { type ChatActionPayload } from '../../messages/composables/chat-action.js';
-import { type MessageFeedbackPayload } from '../../messages/composables/chat-feedback.js';
-import { type ChatMessageTerminalPayload } from '../../messages/composables/chat-message-terminal.js';
 declare var __VLS_13: {}, __VLS_16: {
     message: useChatAuth;
 };
@@ -10,45 +7,7 @@ type __VLS_Slots = {} & {
 } & {
     'failed-message-actions'?: (props: typeof __VLS_16) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<(import("../types.js").ChatEmbedSharedProps & {
-    telaAgentId?: undefined;
-    telaAgentInputs?: undefined;
-    workspaceSettings?: import("vue").DeepReadonly<useChatAuth> | useChatAuth | null;
-    user?: import("../types.js").ChatActor | null;
-    features?: Partial<import("../feature-config.js").ChatFeatureConfig>;
-} & import("../types.js").ChatEmbedVariantProps) | (import("../types.js").ChatEmbedSharedProps & {
-    telaAgentId: string;
-    telaAgentInputs?: import("vue").DeepReadonly<useChatAuth[]> | null;
-    workspaceSettings?: never;
-    user?: never;
-    features?: Partial<import("../feature-config.js").ChatFeatureConfig>;
-} & import("../types.js").ChatEmbedVariantProps), {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "update:conversationId": (value: string | null) => any;
-    "update:conversationTitle": (value: string | null) => any;
-    "update:conversationCreatorFilter": (value: "all" | "mine") => any;
-    messageFeedback: (payload: MessageFeedbackPayload) => any;
-    action: (payload: ChatActionPayload) => any;
-    messageTerminal: (payload: ChatMessageTerminalPayload) => any;
-}, string, import("vue").PublicProps, Readonly<(import("../types.js").ChatEmbedSharedProps & {
-    telaAgentId?: undefined;
-    telaAgentInputs?: undefined;
-    workspaceSettings?: import("vue").DeepReadonly<useChatAuth> | useChatAuth | null;
-    user?: import("../types.js").ChatActor | null;
-    features?: Partial<import("../feature-config.js").ChatFeatureConfig>;
-} & import("../types.js").ChatEmbedVariantProps) | (import("../types.js").ChatEmbedSharedProps & {
-    telaAgentId: string;
-    telaAgentInputs?: import("vue").DeepReadonly<useChatAuth[]> | null;
-    workspaceSettings?: never;
-    user?: never;
-    features?: Partial<import("../feature-config.js").ChatFeatureConfig>;
-} & import("../types.js").ChatEmbedVariantProps)> & Readonly<{
-    "onUpdate:conversationId"?: ((value: string | null) => any) | undefined;
-    "onUpdate:conversationTitle"?: ((value: string | null) => any) | undefined;
-    "onUpdate:conversationCreatorFilter"?: ((value: "all" | "mine") => any) | undefined;
-    onMessageFeedback?: ((payload: MessageFeedbackPayload) => any) | undefined;
-    onAction?: ((payload: ChatActionPayload) => any) | undefined;
-    onMessageTerminal?: ((payload: ChatMessageTerminalPayload) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: import("vue").DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import("vue").PublicProps>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,7 +1,8 @@
 <script setup>
 import { computed, ref, watch } from "vue";
 import { provideConversationCreatorFilterState } from "../../conversations/composables/conversation-creator-filter-state";
-const { hideSidebar = void 0, ...props } = defineProps({
+const { hideSidebar = void 0, syncBrowserState = true, closeOnOutsideClick = true, ...props } = defineProps({
+  syncBrowserState: { type: Boolean, required: false },
   chatConfig: { type: Object, required: false },
   telaAgentBranch: { type: [String, null], required: false },
   conversationId: { type: [String, null], required: false },
@@ -35,6 +36,7 @@ const { hideSidebar = void 0, ...props } = defineProps({
   features: { type: Object, required: false },
   variant: { type: String, required: false },
   defaultOpen: { type: Boolean, required: false },
+  closeOnOutsideClick: { type: Boolean, required: false },
   launcherLabel: { type: String, required: false }
 });
 const emit = defineEmits(["update:conversationId", "update:conversationCreatorFilter", "update:open", "action", "messageFeedback", "messageTerminal"]);
@@ -67,6 +69,7 @@ function startWidgetConversation() {
 }
 const sharedEmbedProps = computed(() => ({
   telaAgentBranch: props.telaAgentBranch,
+  syncBrowserState,
   conversationId: props.conversationId,
   conversationEvents: props.conversationEvents,
   composerDisabled: props.composerDisabled,
@@ -123,7 +126,7 @@ const widgetEmbedProps = computed(() => ({
 
     <ClientOnly v-else>
         <!-- Floating: popover anchored to the launcher pill -->
-        <TelaChatFloatingWindow v-if="variant === 'floating'" :open="isOpen" @update:open="setOpen">
+        <TelaChatFloatingWindow v-if="variant === 'floating'" :open="isOpen" :close-on-outside-click="closeOnOutsideClick" @update:open="setOpen">
             <template #launcher>
                 <TelaChatFloatingWindowTrigger :open="isOpen" :label="props.launcherLabel" />
             </template>

package/dist/runtime/embed/composables/conversation-browser-state.d.ts

@@ -1,2 +1,2 @@
 import type { Ref } from 'vue';
-export declare function useConversationBrowserState(conversationId: Ref<string | null>, title: Ref<string | null>): void;
+export declare function useConversationBrowserState(conversationId: Ref<string | null>, title: Ref<string | null>, enabled?: () => boolean): void;

package/dist/runtime/embed/composables/conversation-browser-state.js

@@ -1,9 +1,11 @@
-export function useConversationBrowserState(conversationId, title) {
+export function useConversationBrowserState(conversationId, title, enabled = () => true) {
   const route = useRoute();
   const router = useRouter();
-  useHead(computed(() => title.value ? { title: title.value } : {}));
+  useHead(computed(() => enabled() && title.value ? { title: title.value } : {}));
   onMounted(() => {
-    watch(conversationId, async (id) => {
+    watch([conversationId, enabled], async ([id, sync]) => {
+      if (!sync)
+        return;
       if (route.query.conversationId === (id ?? void 0) && route.query.conversation === void 0)
         return;
       const query = { ...route.query };

package/dist/runtime/embed/types.d.ts

@@ -48,6 +48,8 @@ export type ChatSidebarConfig = {
     defaultCollapsed?: boolean;
 };
 export type ChatEmbedSharedProps = {
+    /** Let the embed synchronize its conversation with the browser URL and title. Defaults to true. */
+    syncBrowserState?: boolean;
     /** Defaults to Claude. Lightweight uses its own execution and rendering path. */
     chatConfig?: {
         harness?: ChatHarness;
@@ -182,6 +184,8 @@ export type ChatEmbedVariantProps = {
     variant?: ChatEmbedVariant;
     /** Floating variant only: start with the widget window open. */
     defaultOpen?: boolean;
+    /** Floating variant only: close on outside clicks. Defaults to true. */
+    closeOnOutsideClick?: boolean;
     /** Floating variant only: label of the launcher pill. Defaults to `'Ask Tela'`. */
     launcherLabel?: string;
 };

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

@@ -0,0 +1,23 @@
+import { z } from 'zod';
+declare const questionSchema: z.ZodObject<{
+    id: z.ZodString;
+    title: z.ZodString;
+    type: z.ZodDefault<z.ZodEnum<{
+        multiple: "multiple";
+        single: "single";
+    }>>;
+    recommendFirst: z.ZodDefault<z.ZodBoolean>;
+    options: z.ZodArray<z.ZodObject<{
+        id: z.ZodString;
+        label: z.ZodString;
+        description: z.ZodOptional<z.ZodString>;
+    }, z.core.$strip>>;
+}, z.core.$strip>;
+export type ChatQuestion = z.infer<typeof questionSchema>;
+export type ChatQuestionAnswer = {
+    selected: string[];
+    skipped?: boolean;
+};
+export declare function parseChatQuestions(raw: unknown): ChatQuestion[];
+export declare function formatChatAnswers(requestId: string, questions: ChatQuestion[], answers: Record<string, ChatQuestionAnswer>): string | null;
+export {};

package/dist/runtime/messages/answer.js

@@ -0,0 +1,42 @@
+import { z } from "zod";
+const optionSchema = z.object({
+  id: z.string().trim().min(1),
+  label: z.string().trim().min(1),
+  description: z.string().optional()
+});
+const questionSchema = z.object({
+  id: z.string().trim().min(1),
+  title: z.string().trim().min(1),
+  type: z.enum(["single", "multiple"]).default("single"),
+  recommendFirst: z.boolean().default(true),
+  options: z.array(optionSchema).min(1).max(3)
+}).refine((question) => new Set(question.options.map((option) => option.id)).size === question.options.length);
+const questionsSchema = z.array(questionSchema).min(1).max(3).refine((questions) => new Set(questions.map((question) => question.id)).size === questions.length);
+export function parseChatQuestions(raw) {
+  if (typeof raw !== "string")
+    return [];
+  try {
+    const parsed = questionsSchema.safeParse(JSON.parse(raw));
+    return parsed.success ? parsed.data : [];
+  } catch {
+    return [];
+  }
+}
+export function formatChatAnswers(requestId, questions, answers) {
+  if (!requestId.trim() || questions.length === 0)
+    return null;
+  const lines = [];
+  for (const question of questions) {
+    const answer = answers[question.id];
+    if (answer?.skipped) {
+      lines.push(`${question.title}: Pulada pelo usu\xE1rio`);
+      continue;
+    }
+    const selected = question.options.filter((option) => answer?.selected.includes(option.id));
+    if (!selected.length || question.type === "single" && selected.length > 1)
+      return null;
+    lines.push(`${question.title}: ${selected.map((option) => option.label).join("; ")}`);
+  }
+  return `Respostas (${requestId.trim()}):
+${lines.join("\n")}`;
+}

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

@@ -0,0 +1,14 @@
+type __VLS_Props = {
+    requestId?: string;
+    questions?: string;
+    loading?: boolean;
+    autoClosed?: boolean;
+    submitLabel?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    submitting: (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSubmitting?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/messages/components/chat-answer.vue

@@ -0,0 +1,154 @@
+<script setup>
+import { CHAT_MESSAGE_CONTEXT_KEY, CHAT_MESSAGE_SEND_KEY, CHAT_ANSWER_TARGET_KEY } from "../../types/messages";
+import { formatChatAnswers, parseChatQuestions } from "../answer";
+const props = defineProps({
+  requestId: { type: String, required: false },
+  questions: { type: String, required: false },
+  loading: { type: Boolean, required: false },
+  autoClosed: { type: Boolean, required: false },
+  submitLabel: { type: String, required: false }
+});
+const emit = defineEmits(["submitting"]);
+const answerTarget = inject(CHAT_ANSWER_TARGET_KEY, null);
+const send = inject(CHAT_MESSAGE_SEND_KEY, null);
+const context = inject(CHAT_MESSAGE_CONTEXT_KEY, null);
+const questions = computed(() => parseChatQuestions(props.questions));
+const answers = reactive(/* @__PURE__ */ Object.create(null));
+const sending = ref(false);
+const sent = ref(false);
+const error = ref(false);
+const currentIndex = ref(0);
+const expanded = ref(true);
+const dismissed = ref(false);
+const root = ref(null);
+const keyboardTarget = ref(null);
+watchEffect(() => {
+  keyboardTarget.value = root.value?.closest('[data-chat-body], [data-chat-message-list], [role="log"]') ?? null;
+});
+const question = computed(() => questions.value[currentIndex.value]);
+const currentAnswer = computed(() => question.value ? formatChatAnswers(props.requestId ?? "", [question.value], answers) : null);
+const isLast = computed(() => currentIndex.value === questions.value.length - 1);
+const showContinue = computed(() => question.value?.type !== "single" || error.value);
+watch(() => [props.requestId, props.questions], () => {
+  currentIndex.value = 0;
+  expanded.value = true;
+  dismissed.value = false;
+  sent.value = false;
+  error.value = false;
+  for (const id of Object.keys(answers))
+    delete answers[id];
+  for (const item of questions.value)
+    answers[item.id] = { selected: [] };
+}, { immediate: true });
+const interactive = computed(() => Boolean(
+  send && context?.role === "assistant" && context.isLatestMessage.value && !context.streaming.value && !props.loading && !props.autoClosed && !sent.value && !sending.value && !dismissed.value
+));
+const message = computed(() => formatChatAnswers(props.requestId ?? "", questions.value, answers));
+function selectSingle(id, value) {
+  if (!interactive.value)
+    return;
+  answers[id].skipped = false;
+  answers[id].selected = [value];
+  advance();
+}
+function skip() {
+  if (!interactive.value || !question.value)
+    return;
+  answers[question.value.id] = { selected: [], skipped: true };
+  advance();
+}
+function advance() {
+  if (!interactive.value || !currentAnswer.value)
+    return;
+  if (isLast.value)
+    void submit();
+  else
+    currentIndex.value++;
+}
+function selectMultiple(id, optionId, checked) {
+  if (!interactive.value)
+    return;
+  answers[id].skipped = false;
+  const selected = answers[id].selected.filter((value) => value !== optionId);
+  answers[id].selected = checked === true ? [...selected, optionId] : selected;
+}
+function navigateQuestion(direction) {
+  if (!interactive.value)
+    return;
+  if (direction === -1 && currentIndex.value > 0)
+    currentIndex.value--;
+  else if (direction === 1 && !isLast.value)
+    advance();
+}
+async function submit() {
+  if (!interactive.value || !send || !message.value)
+    return;
+  sending.value = true;
+  error.value = false;
+  emit("submitting", true);
+  try {
+    sent.value = await send(message.value);
+    error.value = !sent.value;
+    if (sent.value)
+      expanded.value = false;
+  } catch {
+    error.value = true;
+  } finally {
+    sending.value = false;
+    emit("submitting", false);
+  }
+}
+</script>
+
+<template>
+    <div v-if="dismissed" />
+    <div v-else-if="context && !context.isLatestMessage.value && !sending && !error" my-12px flex="~ col" gap-4px>
+        <p v-for="item in questions" :key="item.id" body-14-medium text-secondary>
+            {{ item.title }}
+        </p>
+    </div>
+    <Teleport v-else :to="answerTarget" :disabled="!answerTarget || !question || !requestId">
+        <div ref="root" data-chat-answer>
+            <TelaChatAnswer
+                v-if="question && requestId"
+                v-model:expanded="expanded"
+                :question="question"
+                :selected="answers[question.id].selected"
+                :current="currentIndex + 1"
+                :total="questions.length"
+                :disabled="!interactive"
+                :submitting="sending"
+                :error="error ? 'N\xE3o foi poss\xEDvel enviar. Tente novamente.' : ''"
+                :show-navigation="currentIndex > 0"
+                :can-previous="currentIndex > 0"
+                :can-next="Boolean(currentAnswer) && !isLast"
+                :show-continue="showContinue"
+                :can-continue="Boolean(currentAnswer)"
+                :keyboard-target="keyboardTarget"
+                :labels="{
+  minimize: 'Minimizar respostas',
+  expand: 'Expandir respostas',
+  dismiss: 'Dispensar perguntas',
+  previous: 'Pergunta anterior',
+  next: 'Pr\xF3xima pergunta',
+  skip: 'Pular',
+  continue: isLast ? submitLabel || 'Enviar respostas' : 'Continuar',
+  recommended: '(recomendado)',
+  selected: (count) => `${count} selecionadas`,
+  progress: (current, total) => `${current} de ${total}`,
+  submitting: 'Enviando respostas\u2026'
+}"
+                @select="selectSingle(question.id, $event)"
+                @toggle="(id, checked) => selectMultiple(question.id, id, checked)"
+                @previous="navigateQuestion(-1)"
+                @next="navigateQuestion(1)"
+                @skip="skip"
+                @continue="advance"
+                @dismiss="dismissed = true"
+            />
+            <TelaCard v-else size="sm">
+                <span body-14-regular text-secondary>Responda às perguntas pela conversa.</span>
+            </TelaCard>
+        </div>
+    </Teleport>
+</template>

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

@@ -0,0 +1,14 @@
+type __VLS_Props = {
+    requestId?: string;
+    questions?: string;
+    loading?: boolean;
+    autoClosed?: boolean;
+    submitLabel?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    submitting: (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSubmitting?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -34,7 +34,10 @@ const mergedCustomComponents = computed(() => ({
   link: ChatVaultLink,
   ...embedConfig?.customComponents.value ?? {}
 }));
-const mergedCustomHtmlTags = computed(() => embedConfig?.customHtmlTags.value ?? []);
+const mergedCustomHtmlTags = computed(() => {
+  const tags = embedConfig?.customHtmlTags.value ?? [];
+  return mergedCustomComponents.value["chat-answer"] ? [.../* @__PURE__ */ new Set([...tags, "chat-answer"])] : tags;
+});
 const hasMessageFeedback = computed(() => embedConfig?.feedbackConfig.value != null);
 const senderMember = computed(() => {
   const createdBy = props.message.createdBy?.trim();

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

@@ -83,7 +83,9 @@ defineExpose({
 
 <template>
     <div
-        class="chat-message-list"
+        class="chat-message-list outline-none"
+        data-chat-message-list
+        tabindex="-1"
         :data-chat-bottom-pinned="isPinned"
         :data-variant="variant ?? 'page'"
         flex="~ col"

package/dist/runtime/messages/composables/chat-message-terminal.d.ts

@@ -7,6 +7,7 @@ export declare enum ChatMessageStatus {
 export type ChatMessageTerminalPayload = {
     conversationId: string;
     messageId: string;
+    content?: string | null;
     status: ChatMessageStatus.Completed | ChatMessageStatus.Failed;
 };
 export type ChatMessageTerminalHandler = (payload: ChatMessageTerminalPayload) => void;

package/dist/runtime/messages/composables/chat-message-terminal.js

@@ -16,7 +16,8 @@ export function terminalMessageTransitions(previousMessages, nextMessages) {
       transitions.push({
         conversationId: message.conversationId,
         messageId: message.id,
-        status: "completed" /* Completed */
+        status: "completed" /* Completed */,
+        content: message.content
       });
     } else if (message.status === "failed" /* Failed */) {
       transitions.push({

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

@@ -2,6 +2,7 @@
 import MarkdownRender, { removeCustomComponents, setCustomComponents } from "markstream-vue";
 import { wrapCustomMarkdownComponents } from "../markdown/custom-components";
 import { STREAMING_TEXT_FADE_MS } from "../markdown/streaming-text-segments";
+import { escapeSingleDollarSigns } from "../markdown/escape-dollar-signs";
 import StreamingTextNode from "../markdown/streaming-text-node.vue";
 const props = defineProps({
   content: { type: [String, null], required: false, default: "" },
@@ -14,13 +15,6 @@ const props = defineProps({
 const attrs = useAttrs();
 const instance = getCurrentInstance();
 const scopeId = `app-markdown-render-${instance?.uid ?? Math.random().toString(36).slice(2)}`;
-function escapeSingleDollarSigns(text) {
-  return text.replace(/(```[\s\S]*?```|``+[^`]*``+|`[^`]*`|!?\[(?:[^\[\]]|\[[^\[\]]*\])*\]\([^)]*\))|(?<![$\\])\$(?!\$)/g, (_match, codeSpan) => {
-    if (codeSpan)
-      return codeSpan;
-    return "\\$";
-  });
-}
 const escapedContent = computed(() => escapeSingleDollarSigns(props.content ?? ""));
 const customMarkdownComponents = computed(() => wrapCustomMarkdownComponents(props.customComponents));
 const streamingTextActive = ref(props.typewriter);

package/dist/runtime/rendering/markdown/escape-dollar-signs.d.ts

@@ -0,0 +1 @@
+export declare function escapeSingleDollarSigns(text: string): string;

package/dist/runtime/rendering/markdown/escape-dollar-signs.js

@@ -0,0 +1,7 @@
+export function escapeSingleDollarSigns(text) {
+  return text.replace(/(<\/?[a-zA-Z](?:[^"'<>]|"[^"]*"|'[^']*')*>|```[\s\S]*?```|``+[^`]*``+|`[^`]*`|!?\[(?:[^\[\]]|\[[^\[\]]*\])*\]\([^)]*\))|(?<![$\\])\$(?!\$)/g, (_match, protectedSpan) => {
+    if (protectedSpan)
+      return protectedSpan;
+    return "\\$";
+  });
+}

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

@@ -2,6 +2,8 @@ import type { Ref } from 'vue';
 /** Stable string keys, also compatible with hosts injecting the literal key. */
 export declare const CHAT_MESSAGE_SEND_KEY = "chat-message-send";
 export declare const CHAT_MESSAGE_CONTEXT_KEY = "chat-message-context";
+/** Embed-owned destination above the composer for the active Answer widget. */
+export declare const CHAT_ANSWER_TARGET_KEY = "chat-answer-target";
 /**
  * Provided by the embed to components rendered inside message content
  * (`customComponents`). Sends `content` as the user through the same path as

package/dist/runtime/types/messages.js

@@ -1,2 +1,3 @@
 export const CHAT_MESSAGE_SEND_KEY = "chat-message-send";
 export const CHAT_MESSAGE_CONTEXT_KEY = "chat-message-context";
+export const CHAT_ANSWER_TARGET_KEY = "chat-answer-target";

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

@@ -194,18 +194,3 @@ export declare const dailyUsageRowSchema: z.ZodObject<{
     userCount: z.ZodNumber;
 }, z.core.$strip>;
 export type DailyUsageRow = z.infer<typeof dailyUsageRowSchema>;
-export declare const dailyUsageResponseSchema: z.ZodObject<{
-    rows: z.ZodArray<z.ZodObject<{
-        workspaceId: z.ZodString;
-        source: z.ZodNullable<z.ZodString>;
-        totalTokens: z.ZodNumber;
-        totalCost: z.ZodNumber;
-        promptTokens: z.ZodNumber;
-        completionTokens: z.ZodNumber;
-        promptCost: z.ZodNumber;
-        completionCost: z.ZodNumber;
-        conversationCount: z.ZodNumber;
-        userCount: z.ZodNumber;
-    }, z.core.$strip>>;
-}, z.core.$strip>;
-export type DailyUsageResponse = z.infer<typeof dailyUsageResponseSchema>;

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

@@ -96,6 +96,3 @@ export const dailyUsageRowSchema = z.object({
     conversationCount: z.number(),
     userCount: z.number(),
 });
-export const dailyUsageResponseSchema = z.object({
-    rows: z.array(dailyUsageRowSchema),
-});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meistrari/chat-nuxt",
-  "version": "4.4.0-rc.4",
+  "version": "4.4.0-rc.6",
   "type": "module",
   "exports": {
     ".": {
@@ -18,6 +18,10 @@
     "./types/*": {
       "types": "./dist/runtime/types/*.d.ts",
       "import": "./dist/runtime/types/*.js"
+    },
+    "./components/ChatAnswer": {
+      "types": "./dist/runtime/messages/components/chat-answer.vue.d.ts",
+      "import": "./dist/runtime/messages/components/chat-answer.vue"
     }
   },
   "main": "./dist/module.mjs",
@@ -49,7 +53,7 @@
     "@iconify/vue": "^5.0.0",
     "@meistrari/auth-nuxt": "3.31.0",
     "@meistrari/logger": "^2.1.3",
-    "@meistrari/tela-build": "^1.70.2",
+    "@meistrari/tela-build": "^1.74.2",
     "@sentry/nuxt": "^10.0.0",
     "@vueuse/components": "^12.8.0",
     "@vueuse/core": "^12.8.0",