@meistrari/chat-nuxt 2.0.0 → 3.0.0

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

@@ -1,7 +1,6 @@
 import type { DeepReadonly } from 'vue';
 import type { Conversation, ConversationWithMessages, Message } from '../../../types/schemas/chat/conversations.js';
 import type { ConversationFile } from '../../../types/schemas/chat/files.js';
-import type { ChatModel } from '../../../types/schemas/chat/models.js';
 import type { TopbarTab } from '../../../types/schemas/chat/ui.js';
 import type { WorkspaceSettingsResponse as WorkspaceSettings } from '../../../types/schemas/chat/workspace-settings.js';
 import type { TelaAgentInputVariable } from '../../../types/schemas/integrations/tela-agent-api.js';
@@ -13,7 +12,6 @@ type __VLS_Props = {
     currentUser?: ChatActor | null;
     activeTab: TopbarTab;
     activeConversationId: string | null;
-    allowModelSelection?: boolean;
     agentInputSchema?: readonly TelaAgentInputVariable[] | null;
     agentInputSchemaLoading?: boolean;
     conversations: DeepReadonly<Conversation[]>;
@@ -30,10 +28,8 @@ type __VLS_Props = {
     isEditing: boolean;
     loading?: boolean;
     messages: Message[];
-    model: ChatModel;
     showCancelButton?: boolean;
     showDebugOption?: boolean;
-    showModelSelector?: boolean;
     showOutdatedBadge?: boolean;
     showOutdatedBanner?: boolean;
     showUsageTab?: boolean;
@@ -58,9 +54,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     copyLink: () => any;
     selectConversation: (id: string) => any;
     cancel: () => any;
-    send: (content: string, files: FileUploadInput[], model?: any, agentInputs?: TelaAgentExecutionInput[] | undefined) => any;
     settings: () => any;
-    "update:model": (value: ChatModel) => any;
+    send: (content: string, files: FileUploadInput[], agentInputs?: TelaAgentExecutionInput[] | undefined) => any;
     debug: () => any;
     tabChange: (tab: TopbarTab) => any;
     newConversation: (groupId?: string | null | undefined) => any;
@@ -80,9 +75,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     onCopyLink?: (() => any) | undefined;
     onSelectConversation?: ((id: string) => any) | undefined;
     onCancel?: (() => any) | undefined;
-    onSend?: ((content: string, files: FileUploadInput[], model?: any, agentInputs?: TelaAgentExecutionInput[] | undefined) => any) | undefined;
     onSettings?: (() => any) | undefined;
-    "onUpdate:model"?: ((value: ChatModel) => any) | undefined;
+    onSend?: ((content: string, files: FileUploadInput[], agentInputs?: TelaAgentExecutionInput[] | undefined) => any) | undefined;
     onDebug?: (() => any) | undefined;
     onTabChange?: ((tab: TopbarTab) => any) | undefined;
     onNewConversation?: ((groupId?: string | null | undefined) => any) | undefined;

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

@@ -3,7 +3,9 @@ import type { ConversationCreatorFilter } from '../../types/schemas/chat/primiti
 import type { WorkspaceSettingsResponse as WorkspaceSettings } from '../../types/schemas/chat/workspace-settings.js';
 import type { TelaAgentExecutionInput } from '../../types/schemas/integrations/tela-agent-api.js';
 import type { ChatLoadingMessageMode } from '../loading-messages.js';
+import type { MessageFeedbackConfig, MessageFeedbackRating } from '../../messages/composables/chat-feedback.js';
 type ConfiguredTelaAgentInputs = DeepReadonly<TelaAgentExecutionInput[]> | null | undefined;
+type ConfiguredMessageFeedback = Readonly<Record<string, MessageFeedbackRating>> | null | undefined;
 export type EmbedConfig = {
     workspaceId: Ref<string>;
     telaAgentId: Ref<string | null>;
@@ -17,6 +19,8 @@ export type EmbedConfig = {
     loadingMessagesMode: Ref<ChatLoadingMessageMode | null | undefined>;
     customComponents: Ref<Record<string, Component> | undefined>;
     customHtmlTags: Ref<readonly string[] | undefined>;
+    feedbackConfig: Ref<MessageFeedbackConfig | null | undefined>;
+    messageFeedback: Ref<ConfiguredMessageFeedback>;
 };
 type EmbedConfigInput = {
     workspaceId: MaybeRefOrGetter<string>;
@@ -31,6 +35,8 @@ type EmbedConfigInput = {
     loadingMessagesMode?: MaybeRefOrGetter<ChatLoadingMessageMode | null | undefined>;
     customComponents?: MaybeRefOrGetter<Record<string, Component> | undefined>;
     customHtmlTags?: MaybeRefOrGetter<readonly string[] | undefined>;
+    feedbackConfig?: MaybeRefOrGetter<MessageFeedbackConfig | null | undefined>;
+    messageFeedback?: MaybeRefOrGetter<ConfiguredMessageFeedback>;
 };
 type ProvideEmbedConfigOptions = {
     syncGlobal?: boolean;

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

@@ -19,7 +19,9 @@ function useGlobalEmbedConfigState() {
     loadingMessages: useState("chat-embed-config-loading-messages", () => void 0),
     loadingMessagesMode: useState("chat-embed-config-loading-messages-mode", () => void 0),
     customComponents: useGlobalCustomComponentsState(),
-    customHtmlTags: useState("chat-embed-config-custom-html-tags", () => void 0)
+    customHtmlTags: useState("chat-embed-config-custom-html-tags", () => void 0),
+    feedbackConfig: useState("chat-embed-config-feedback-config", () => void 0),
+    messageFeedback: useState("chat-embed-config-message-feedback", () => void 0)
   };
 }
 export function provideEmbedConfig(input, options = {}) {
@@ -35,7 +37,9 @@ export function provideEmbedConfig(input, options = {}) {
     loadingMessages: computed(() => toValue(input.loadingMessages)),
     loadingMessagesMode: computed(() => toValue(input.loadingMessagesMode)),
     customComponents: computed(() => toValue(input.customComponents)),
-    customHtmlTags: computed(() => toValue(input.customHtmlTags))
+    customHtmlTags: computed(() => toValue(input.customHtmlTags)),
+    feedbackConfig: computed(() => toValue(input.feedbackConfig)),
+    messageFeedback: computed(() => toValue(input.messageFeedback))
   };
   const globalConfig = useGlobalEmbedConfigState();
   if (options.syncGlobal ?? true) {
@@ -53,6 +57,8 @@ export function provideEmbedConfig(input, options = {}) {
       globalConfig.loadingMessagesMode.value = config.loadingMessagesMode.value;
       globalConfig.customComponents.value = config.customComponents.value;
       globalConfig.customHtmlTags.value = config.customHtmlTags.value;
+      globalConfig.feedbackConfig.value = config.feedbackConfig.value;
+      globalConfig.messageFeedback.value = config.messageFeedback.value;
     });
   }
   provide(EMBED_CONFIG_KEY, config);
@@ -76,6 +82,8 @@ export function useEmbedConfig() {
     loadingMessages: computed(() => globalConfig.loadingMessages.value),
     loadingMessagesMode: computed(() => globalConfig.loadingMessagesMode.value),
     customComponents: computed(() => globalConfig.customComponents.value),
-    customHtmlTags: computed(() => globalConfig.customHtmlTags.value)
+    customHtmlTags: computed(() => globalConfig.customHtmlTags.value),
+    feedbackConfig: computed(() => globalConfig.feedbackConfig.value),
+    messageFeedback: computed(() => globalConfig.messageFeedback.value)
   };
 }

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

@@ -1,13 +1,11 @@
 export type ChatFeatureConfig = {
     showUsageTab?: boolean;
     showDebugOption?: boolean;
-    showModelSelector?: boolean;
     showCancelButton?: boolean;
 };
 export type ResolvedChatFeatureConfig = {
     showUsageTab: boolean;
     showDebugOption: boolean;
-    showModelSelector: boolean;
     showCancelButton: boolean;
 };
 export declare function resolveChatFeatures(features?: Partial<ChatFeatureConfig>): ResolvedChatFeatureConfig;

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

@@ -2,7 +2,6 @@ export function resolveChatFeatures(features) {
   return {
     showUsageTab: features?.showUsageTab ?? false,
     showDebugOption: features?.showDebugOption ?? false,
-    showModelSelector: features?.showModelSelector ?? false,
     showCancelButton: features?.showCancelButton ?? false
   };
 }

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

@@ -4,6 +4,7 @@ import type { TelaAgentExecutionInput } from '../types/schemas/integrations/tela
 import type { ConversationCreatorFilter } from '../types/schemas/chat/primitives.js';
 import type { ChatLoadingMessageMode } from './loading-messages.js';
 import type { ChatFeatureConfig } from './feature-config.js';
+import type { MessageFeedbackConfig, MessageFeedbackRating } from '../messages/composables/chat-feedback.js';
 export type ChatActor = {
     name?: string | null;
     email?: string | null;
@@ -30,6 +31,19 @@ export type ChatEmbedSharedProps = {
     customComponents?: Record<string, Component>;
     /** Extra HTML tags allowed by the markdown renderer. */
     customHtmlTags?: readonly string[];
+    /**
+     * Enables 👍/👎 feedback on assistant messages and configures the reason
+     * popovers. Providing the prop (even `{}`) shows the controls; votes reach
+     * the host through the `message-feedback` event and are never persisted here.
+     */
+    feedbackConfig?: MessageFeedbackConfig | null;
+    /**
+     * Ratings the host persisted, keyed by message id. When provided, this map is
+     * the single source of truth for the selected thumbs — update it as
+     * message-feedback events are saved (optimistically or after persistence).
+     * When omitted, votes are kept in component-local state only.
+     */
+    messageFeedback?: Readonly<Record<string, MessageFeedbackRating>> | null;
 };
 export type DefaultChatEmbedProps = ChatEmbedSharedProps & {
     /** Omitted in default chat mode. Set this to switch to Tela agent mode. */

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

@@ -16,6 +16,7 @@ const mergedCustomComponents = computed(() => ({
   ...embedConfig?.customComponents.value ?? {}
 }));
 const mergedCustomHtmlTags = computed(() => embedConfig?.customHtmlTags.value ?? []);
+const hasMessageFeedback = computed(() => embedConfig?.feedbackConfig.value != null);
 const senderMember = computed(() => {
   const createdBy = props.message.createdBy?.trim();
   if (!createdBy) {
@@ -286,10 +287,13 @@ const hasDetectedFiles = computed(() => contentSegments.value.some((s) => s.type
                     >
                         <div w-full flex items-center justify-between gap-12px>
                             <span>{{ formatTime(message.updatedAt || message.createdAt) }}</span>
-                            <span v-if="formattedTtft" flex items-center gap-4px text-black-300>
-                                <span i-ph-timer text-12px />
-                                TTFT: {{ formattedTtft }}
-                            </span>
+                            <div flex items-center gap-8px>
+                                <span v-if="formattedTtft" flex items-center gap-4px text-black-300>
+                                    <span i-ph-timer text-12px />
+                                    TTFT: {{ formattedTtft }}
+                                </span>
+                                <ChatMessageFeedback v-if="hasMessageFeedback" :message="message" />
+                            </div>
                         </div>
                     </div>
                 </template>

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

@@ -0,0 +1,7 @@
+import type { Message } from '../../types/schemas/chat/conversations.js';
+type __VLS_Props = {
+    message: Message;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,251 @@
+<script setup>
+import { useEmbedConfig } from "../../embed/composables/embed-config";
+import { useMessageFeedback } from "../composables/chat-feedback";
+const props = defineProps({
+  message: { type: null, required: true }
+});
+const embedConfig = useEmbedConfig();
+const { emit: emitFeedback } = useMessageFeedback();
+const config = computed(() => embedConfig?.feedbackConfig.value ?? null);
+const positiveReasons = computed(() => config.value?.positiveReasons ?? []);
+const negativeReasons = computed(() => config.value?.negativeReasons ?? []);
+const persistedMap = computed(() => embedConfig?.messageFeedback.value ?? null);
+const persistedRating = computed(() => persistedMap.value?.[props.message.id] ?? null);
+const localRating = ref(null);
+const rating = computed(() => persistedMap.value ? persistedRating.value : localRating.value);
+const openRating = ref(null);
+const positiveOpen = computed({
+  get: () => openRating.value === "positive",
+  set: (open) => {
+    openRating.value = open ? "positive" : null;
+  }
+});
+const negativeOpen = computed({
+  get: () => openRating.value === "negative",
+  set: (open) => {
+    openRating.value = open ? "negative" : null;
+  }
+});
+const selectedReasons = ref([]);
+const comment = ref("");
+watch(openRating, (opened) => {
+  if (opened) {
+    selectedReasons.value = [];
+    comment.value = "";
+  }
+});
+const canSubmitNegative = computed(() => {
+  if (!config.value?.requireReason)
+    return true;
+  if (negativeReasons.value.length > 0)
+    return selectedReasons.value.length > 0;
+  return comment.value.trim().length > 0;
+});
+function submitRating(next) {
+  emitFeedback({
+    conversationId: props.message.conversationId,
+    messageId: props.message.id,
+    rating: next,
+    reasons: [...selectedReasons.value],
+    comment: comment.value.trim()
+  });
+  localRating.value = next;
+  openRating.value = null;
+}
+function toggleReason(reason) {
+  selectedReasons.value = selectedReasons.value.includes(reason) ? selectedReasons.value.filter((item) => item !== reason) : [...selectedReasons.value, reason];
+}
+</script>
+
+<template>
+    <div flex items-center gap-2px>
+        <!-- Frictionless 👍: with no positive reasons configured there is nothing
+             to ask, so the vote submits directly instead of opening an empty popover. -->
+        <button
+            v-if="positiveReasons.length === 0"
+            type="button"
+            h-28px w-28px
+            flex items-center justify-center
+            rounded-8px
+            transition-colors
+            cursor-pointer
+            :class="rating === 'positive' ? 'bg-green-100 text-green-700' : 'text-black-400 hover:bg-neutral-100 hover:text-black-600'"
+            aria-label="Resposta útil"
+            title="Resposta útil"
+            @click="submitRating('positive')"
+        >
+            <span :class="rating === 'positive' ? 'i-ph-thumbs-up-fill' : 'i-ph-thumbs-up'" text-15px />
+        </button>
+        <TelaPopover v-else v-model:open="positiveOpen">
+            <TelaPopoverTrigger as-child>
+                <button
+                    type="button"
+                    h-28px w-28px
+                    flex items-center justify-center
+                    rounded-8px
+                    transition-colors
+                    cursor-pointer
+                    :class="rating === 'positive' ? 'bg-green-100 text-green-700' : 'text-black-400 hover:bg-neutral-100 hover:text-black-600'"
+                    aria-label="Resposta útil"
+                    title="Resposta útil"
+                >
+                    <span :class="rating === 'positive' ? 'i-ph-thumbs-up-fill' : 'i-ph-thumbs-up'" text-15px />
+                </button>
+            </TelaPopoverTrigger>
+            <TelaPopoverContent
+                align="end"
+                :side-offset="4"
+                class="!w-auto !rounded-12px !border-neutral-200 !bg-white !p-0 !text-neutral-900 !shadow-lg"
+            >
+                <div w-288px p-12px flex="~ col" gap-10px>
+                    <div flex="~ col" gap-2px>
+                        <span text-14px font-medium text-neutral-900 leading-18px>O que ajudou?</span>
+                        <span text-12px text-neutral-500 leading-16px>Marcar o que funcionou refina as próximas respostas.</span>
+                    </div>
+                    <div flex flex-wrap gap-6px>
+                        <button
+                            v-for="reason in positiveReasons"
+                            :key="reason"
+                            type="button"
+                            h-26px px-10px
+                            rounded-full
+                            b=".5px solid"
+                            text-12px leading-16px
+                            transition-colors
+                            cursor-pointer
+                            :class="selectedReasons.includes(reason) ? 'bg-green-100 text-green-700 border-transparent font-medium' : 'bg-white text-neutral-600 border-neutral-300 hover:bg-neutral-50'"
+                            @click="toggleReason(reason)"
+                        >
+                            {{ reason }}
+                        </button>
+                    </div>
+                    <textarea
+                        v-model="comment"
+                        rows="2"
+                        placeholder="Comentário (opcional)…"
+                        aria-label="Comentário"
+                        w-full
+                        px-10px py-8px
+                        rounded-8px
+                        b=".5px neutral-300"
+                        bg-white
+                        outline-none
+                        resize-none
+                        text-13px text-neutral-900 leading-18px
+                        focus:b-neutral-900
+                        @keydown.escape.prevent.stop="positiveOpen = false"
+                    />
+                    <div flex justify-end gap-6px>
+                        <button
+                            type="button"
+                            h-28px px-10px rounded-8px
+                            text-13px font-medium text-neutral-700
+                            hover:bg-neutral-100
+                            transition-colors
+                            @click="positiveOpen = false"
+                        >
+                            Cancelar
+                        </button>
+                        <button
+                            type="button"
+                            h-28px px-10px rounded-8px
+                            bg-neutral-900 text-white
+                            text-13px font-medium
+                            transition-opacity
+                            @click="submitRating('positive')"
+                        >
+                            Enviar
+                        </button>
+                    </div>
+                </div>
+            </TelaPopoverContent>
+        </TelaPopover>
+
+        <TelaPopover v-model:open="negativeOpen">
+            <TelaPopoverTrigger as-child>
+                <button
+                    type="button"
+                    h-28px w-28px
+                    flex items-center justify-center
+                    rounded-8px
+                    transition-colors
+                    cursor-pointer
+                    :class="rating === 'negative' ? 'bg-red-100 text-red-700' : 'text-black-400 hover:bg-neutral-100 hover:text-black-600'"
+                    aria-label="Resposta não útil"
+                    title="Resposta não útil"
+                >
+                    <span :class="rating === 'negative' ? 'i-ph-thumbs-down-fill' : 'i-ph-thumbs-down'" text-15px />
+                </button>
+            </TelaPopoverTrigger>
+            <TelaPopoverContent
+                align="end"
+                :side-offset="4"
+                class="!w-auto !rounded-12px !border-neutral-200 !bg-white !p-0 !text-neutral-900 !shadow-lg"
+            >
+                <div w-288px p-12px flex="~ col" gap-10px>
+                    <div flex="~ col" gap-2px>
+                        <span text-14px font-medium text-neutral-900 leading-18px>O que não funcionou?</span>
+                        <span text-12px text-neutral-500 leading-16px>Seu retorno vai para a triagem de qualidade.</span>
+                    </div>
+                    <div v-if="negativeReasons.length > 0" flex flex-wrap gap-6px>
+                        <button
+                            v-for="reason in negativeReasons"
+                            :key="reason"
+                            type="button"
+                            h-26px px-10px
+                            rounded-full
+                            b=".5px solid"
+                            text-12px leading-16px
+                            transition-colors
+                            cursor-pointer
+                            :class="selectedReasons.includes(reason) ? 'bg-blue-100 text-blue-900 border-transparent font-medium' : 'bg-white text-neutral-600 border-neutral-300 hover:bg-neutral-50'"
+                            @click="toggleReason(reason)"
+                        >
+                            {{ reason }}
+                        </button>
+                    </div>
+                    <textarea
+                        v-model="comment"
+                        rows="2"
+                        placeholder="Conte o que faltou (opcional)…"
+                        aria-label="Comentário"
+                        w-full
+                        px-10px py-8px
+                        rounded-8px
+                        b=".5px neutral-300"
+                        bg-white
+                        outline-none
+                        resize-none
+                        text-13px text-neutral-900 leading-18px
+                        focus:b-neutral-900
+                        @keydown.escape.prevent.stop="negativeOpen = false"
+                    />
+                    <div flex justify-end gap-6px>
+                        <button
+                            type="button"
+                            h-28px px-10px rounded-8px
+                            text-13px font-medium text-neutral-700
+                            hover:bg-neutral-100
+                            transition-colors
+                            @click="negativeOpen = false"
+                        >
+                            Cancelar
+                        </button>
+                        <button
+                            type="button"
+                            h-28px px-10px rounded-8px
+                            bg-neutral-900 text-white
+                            text-13px font-medium
+                            transition-opacity
+                            :disabled="!canSubmitNegative"
+                            :class="!canSubmitNegative && 'opacity-40 cursor-not-allowed'"
+                            @click="submitRating('negative')"
+                        >
+                            Enviar
+                        </button>
+                    </div>
+                </div>
+            </TelaPopoverContent>
+        </TelaPopover>
+    </div>
+</template>

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

@@ -0,0 +1,7 @@
+import type { Message } from '../../types/schemas/chat/conversations.js';
+type __VLS_Props = {
+    message: Message;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -1,7 +1,6 @@
 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 { ChatModel } from '../../types/schemas/chat/models.js';
 import type { WorkspaceSettingsResponse as WorkspaceSettings } from '../../types/schemas/chat/workspace-settings.js';
 import type { TelaAgentInputVariable } from '../../types/schemas/integrations/tela-agent-api.js';
 type __VLS_Props = {
@@ -15,30 +14,21 @@ type __VLS_Props = {
     messages?: Message[];
     conversationFiles?: ConversationFile[];
     workspaceSettings?: DeepReadonly<WorkspaceSettings> | null;
-    allowModelSelection?: boolean;
     agentInputSchema?: readonly TelaAgentInputVariable[] | null;
     agentInputSchemaLoading?: boolean;
-    showModelSelector?: boolean;
     showCancelButton?: boolean;
 };
 declare function addFiles(files: File[], inputName?: string): void;
 declare function setDraft(text: string): void;
-type __VLS_ModelProps = {
-    'model'?: ChatModel;
-};
-type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
     addFiles: typeof addFiles;
     setDraft: typeof setDraft;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:model": (value: ChatModel) => any;
-} & {
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     cancel: () => any;
-    send: (content: string, files: FileUploadInput[], model?: any, agentInputs?: TelaAgentExecutionInput[] | undefined) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    send: (content: string, files: FileUploadInput[], agentInputs?: TelaAgentExecutionInput[] | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onCancel?: (() => any) | undefined;
-    onSend?: ((content: string, files: FileUploadInput[], model?: any, agentInputs?: TelaAgentExecutionInput[] | undefined) => any) | undefined;
-    "onUpdate:model"?: ((value: ChatModel) => any) | undefined;
+    onSend?: ((content: string, files: FileUploadInput[], agentInputs?: TelaAgentExecutionInput[] | undefined) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -3,7 +3,6 @@ import { useFileUpload } from "../../files/composables/file-upload";
 import { useInputHistory } from "../composables/input-history";
 import { useMentionAutocomplete } from "../composables/mention-autocomplete";
 import { MAX_FILE_SIZE, MAX_FILES } from "../../workspace/composables/workspace-context-files";
-import { defaultChatModel } from "../../types/schemas/chat/models.js";
 import { getAgentInputReadiness } from "../input-readiness";
 import { formatFileSize } from "../../files/formatting";
 import { getMimeIcon, getMimeLabel } from "../../files/icons";
@@ -18,17 +17,13 @@ const props = defineProps({
   messages: { type: Array, required: false },
   conversationFiles: { type: Array, required: false },
   workspaceSettings: { type: null, required: false },
-  allowModelSelection: { type: Boolean, required: false },
   agentInputSchema: { type: [Array, null], required: false },
   agentInputSchemaLoading: { type: Boolean, required: false },
-  showModelSelector: { type: Boolean, required: false },
   showCancelButton: { type: Boolean, required: false }
 });
 const emit = defineEmits(["send", "cancel"]);
-const selectedModel = defineModel("model", { type: null, ...{ default: defaultChatModel } });
 const { uploadFiles, uploading, uploadError } = useFileUpload();
 const isCancelEnabled = computed(() => props.showCancelButton === true);
-const isModelSelectorEnabled = computed(() => props.showModelSelector === true && props.allowModelSelection !== false);
 const content = ref("");
 const editorRef = ref(null);
 const fileInputRef = ref(null);
@@ -240,7 +235,6 @@ async function handleSend() {
     "send",
     taggedContent.trim(),
     files,
-    isModelSelectorEnabled.value ? selectedModel.value : void 0,
     agentInputs.length > 0 ? agentInputs : void 0
   );
   content.value = "";
@@ -639,7 +633,6 @@ defineExpose({
                     @blur="handleBlur"
                 />
                 <div flex items-center gap-8px>
-                    <ChatModelSelector v-if="isModelSelectorEnabled" v-model="selectedModel" :disabled="isLocked" @click.stop />
                     <div flex-1 />
                     <TelaTooltip :content="pendingFiles.length >= MAX_FILES ? 'Limite de arquivos atingido' : 'Anexar arquivo'" side="top">
                         <TelaIconButton

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

@@ -1,7 +1,6 @@
 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 { ChatModel } from '../../types/schemas/chat/models.js';
 import type { WorkspaceSettingsResponse as WorkspaceSettings } from '../../types/schemas/chat/workspace-settings.js';
 import type { TelaAgentInputVariable } from '../../types/schemas/integrations/tela-agent-api.js';
 type __VLS_Props = {
@@ -15,30 +14,21 @@ type __VLS_Props = {
     messages?: Message[];
     conversationFiles?: ConversationFile[];
     workspaceSettings?: DeepReadonly<WorkspaceSettings> | null;
-    allowModelSelection?: boolean;
     agentInputSchema?: readonly TelaAgentInputVariable[] | null;
     agentInputSchemaLoading?: boolean;
-    showModelSelector?: boolean;
     showCancelButton?: boolean;
 };
 declare function addFiles(files: File[], inputName?: string): void;
 declare function setDraft(text: string): void;
-type __VLS_ModelProps = {
-    'model'?: ChatModel;
-};
-type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
     addFiles: typeof addFiles;
     setDraft: typeof setDraft;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:model": (value: ChatModel) => any;
-} & {
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     cancel: () => any;
-    send: (content: string, files: FileUploadInput[], model?: any, agentInputs?: TelaAgentExecutionInput[] | undefined) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    send: (content: string, files: FileUploadInput[], agentInputs?: TelaAgentExecutionInput[] | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onCancel?: (() => any) | undefined;
-    onSend?: ((content: string, files: FileUploadInput[], model?: any, agentInputs?: TelaAgentExecutionInput[] | undefined) => any) | undefined;
-    "onUpdate:model"?: ((value: ChatModel) => any) | undefined;
+    onSend?: ((content: string, files: FileUploadInput[], agentInputs?: TelaAgentExecutionInput[] | undefined) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/messages/composables/chat-feedback.d.ts

@@ -0,0 +1,21 @@
+export type MessageFeedbackRating = 'positive' | 'negative';
+export type MessageFeedbackConfig = {
+    /** Reason chips offered on a positive vote. Empty or omitted: 👍 submits directly. */
+    positiveReasons?: readonly string[];
+    /** Reason chips offered on a negative vote. */
+    negativeReasons?: readonly string[];
+    /** Require a justification on a negative vote: at least one reason chip when negativeReasons are configured, otherwise a non-empty comment. */
+    requireReason?: boolean;
+};
+export type MessageFeedbackPayload = {
+    conversationId: string;
+    messageId: string;
+    rating: MessageFeedbackRating;
+    reasons: string[];
+    comment: string;
+};
+export type MessageFeedbackHandler = (payload: MessageFeedbackPayload) => void;
+export declare function provideMessageFeedback(handler: MessageFeedbackHandler): void;
+export declare function useMessageFeedback(): {
+    emit(payload: MessageFeedbackPayload): void;
+};

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

@@ -0,0 +1,12 @@
+const MESSAGE_FEEDBACK_KEY = Symbol("chat-nuxt:message-feedback");
+export function provideMessageFeedback(handler) {
+  provide(MESSAGE_FEEDBACK_KEY, handler);
+}
+export function useMessageFeedback() {
+  const handler = inject(MESSAGE_FEEDBACK_KEY, null);
+  return {
+    emit(payload) {
+      handler?.(payload);
+    }
+  };
+}

package/dist/runtime/messages/composables/chat.d.ts

@@ -14,7 +14,7 @@ export declare function useChat(): {
     animatedTitle: any;
     loadConversation: (id: string) => Promise<void>;
     setConversation: (conv: Conversation | ConversationWithMessages) => void;
-    sendMessage: (content: string, files?: FileUploadInput[], model?: string, agentInputs?: TelaAgentExecutionInput[]) => Promise<Message | null>;
+    sendMessage: (content: string, files?: FileUploadInput[], agentInputs?: TelaAgentExecutionInput[]) => Promise<Message | null>;
     retryMessage: (messageId: string) => Promise<boolean>;
     cancelConversation: () => Promise<boolean>;
     startPolling: () => void;