@meistrari/chat-nuxt 3.3.1 → 3.4.0

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@meistrari/chat-nuxt",
   "configKey": "chatNuxt",
-  "version": "3.3.1",
+  "version": "3.4.0",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "unknown"

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

@@ -8,9 +8,12 @@ export declare function useConversations(): {
     fetchConversations: (options?: {
         force?: boolean;
     }) => Promise<void>;
-    createConversation: () => Promise<Conversation | null>;
+    createConversation: (input?: {
+        model?: string | null;
+    }) => Promise<Conversation | null>;
     deleteConversation: (id: string) => Promise<boolean>;
     renameConversation: (id: string, title: string) => Promise<boolean>;
+    updateConversationModel: (id: string, model: string | null) => Promise<boolean>;
     moveConversationToGroup: (id: string, groupId: string | null) => Promise<boolean>;
     duplicateConversation: (id: string) => Promise<ConversationWithMessages | null>;
     conversationCreatorFilter: any;

package/dist/runtime/conversations/composables/conversations.js

@@ -291,7 +291,7 @@ export function useConversations() {
       setBucketValue(loadingBuckets, requestScope, false);
     }
   };
-  const createConversation = async () => {
+  const createConversation = async (input) => {
     error.value = null;
     const requestRuntimeScope = runtimeScope.value;
     const metadataSnapshot = snapshotConversationMetadata(requestRuntimeScope);
@@ -303,7 +303,7 @@ export function useConversations() {
       userId: authUser.value?.id ?? "",
       title: "Nova conversa",
       threadSessionId: null,
-      model: null,
+      model: input?.model ?? null,
       appliedSettingsAt: null,
       appliedSettingsSnapshot: null,
       telaAgentId: embedConfig?.telaAgentId.value ?? null,
@@ -318,7 +318,8 @@ export function useConversations() {
       const conversation = await $fetch(
         chatApi.path("/conversations"),
         chatApi.withChatHeaders({
-          method: "POST"
+          method: "POST",
+          ...input?.model ? { body: { model: input.model } } : {}
         })
       );
       upsertConversationInLoadedBuckets(conversation, requestRuntimeScope, optimisticConversation.id);
@@ -440,6 +441,32 @@ export function useConversations() {
       return false;
     }
   };
+  const updateConversationModel = async (id, model) => {
+    error.value = null;
+    const requestRuntimeScope = runtimeScope.value;
+    const affectedScopes = activeAndLoadedRuntimeConversationScopes(requestRuntimeScope);
+    const conversationSnapshot = snapshotConversationBuckets(affectedScopes);
+    const conversation = findConversationInLoadedBuckets(id, requestRuntimeScope);
+    if (conversation)
+      updateConversationInLoadedBuckets({ ...conversation, model, updatedAt: /* @__PURE__ */ new Date() }, requestRuntimeScope);
+    try {
+      const updated = await $fetch(
+        chatApi.path(`/conversations/${id}`),
+        chatApi.withChatHeaders({
+          method: "PATCH",
+          body: { model }
+        })
+      );
+      updateConversationInLoadedBuckets(updated, requestRuntimeScope);
+      return true;
+    } catch (err) {
+      restoreConversationBuckets(conversationSnapshot, id);
+      const message = err instanceof Error ? err.message : "Erro ao atualizar modelo da conversa";
+      error.value = message;
+      Sentry.captureException(err);
+      return false;
+    }
+  };
   const duplicateConversation = async (id) => {
     error.value = null;
     const statusToast = useStatusToast();
@@ -476,6 +503,7 @@ export function useConversations() {
     createConversation,
     deleteConversation,
     renameConversation,
+    updateConversationModel,
     moveConversationToGroup,
     duplicateConversation,
     conversationCreatorFilter,

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

@@ -52,7 +52,7 @@ const chatAction = useChatAction();
 const { user: authUser, activeOrganization, logout } = useChatAuth();
 const { getMember, getMemberImage } = useWorkspaceMembers();
 const statusToast = useStatusToast();
-const { conversations, loading: conversationsLoading, fetchConversations, createConversation, deleteConversation, renameConversation, duplicateConversation, moveConversationToGroup, updateConversationInList } = useConversations();
+const { conversations, loading: conversationsLoading, fetchConversations, createConversation, deleteConversation, renameConversation, updateConversationModel, duplicateConversation, moveConversationToGroup, updateConversationInList } = useConversations();
 const { settings: workspaceSettingsState, fetchSettings } = useWorkspaceSettings();
 const { metadata: telaAgentMetadata, loading: telaAgentMetadataLoading, fetchAgentMetadata } = useTelaAgentMetadata();
 const isTelaAgentMode = computed(() => !!embedConfig?.telaAgentId.value);
@@ -100,6 +100,8 @@ const {
   hasPendingMessage,
   loadConversation,
   setConversation,
+  setConversationModel,
+  pendingModelSelection,
   sendMessage,
   retryMessage,
   cancelConversation,
@@ -108,6 +110,21 @@ const {
 } = useChat();
 const conversationIdRef = computed(() => currentConversation.value?.id ?? null);
 const { total, files: conversationFiles } = useConversationFiles(conversationIdRef);
+const selectedModel = computed({
+  get: () => currentConversation.value ? currentConversation.value.model : pendingModelSelection.value,
+  set: (value) => {
+    pendingModelSelection.value = value;
+    const conversation = currentConversation.value;
+    if (conversation && conversation.model !== value) {
+      const previousModel = conversation.model;
+      setConversationModel(value);
+      void updateConversationModel(conversation.id, value).then((updated) => {
+        if (!updated && currentConversation.value?.id === conversation.id && currentConversation.value.model === value)
+          setConversationModel(previousModel);
+      });
+    }
+  }
+});
 const filesCount = computed(() => total.value);
 const hasMessages = computed(() => messages.value.length > 0);
 const mobilePreviewFile = computed(() => {
@@ -296,7 +313,9 @@ const conversationCreator = computed(
 async function handleSend(content, files, agentInputs) {
   let createdConversationId = null;
   if (!activeConversationId.value || !currentConversation.value) {
-    const conversation = await createConversation();
+    const conversation = await createConversation(
+      selectedModel.value ? { model: selectedModel.value } : void 0
+    );
     if (!conversation)
       return;
     const groupId = pendingConversationGroupId.value;
@@ -520,6 +539,7 @@ async function handleDelete() {
                 v-if="isMobile"
                 v-model:drawer-open="drawerOpen"
                 v-model:edit-title="editTitle"
+                v-model:selected-model="selectedModel"
                 v-model:workspace-sheet-open="workspaceSheetOpen"
                 :current-conversation="currentConversation"
                 :display-title="displayTitle"
@@ -573,6 +593,7 @@ async function handleDelete() {
                         loading
                     />
                     <ChatMessageInput
+                        v-model:selected-model="selectedModel"
                         :disabled="true"
                         :agent-input-schema="visibleTelaAgentInputSchema"
                         :agent-input-schema-loading="visibleTelaAgentInputSchemaLoading"
@@ -595,6 +616,7 @@ async function handleDelete() {
                         </div>
                         <ChatMessageInput
                             ref="messageInputRef"
+                            v-model:selected-model="selectedModel"
                             :disabled="hasPendingMessage"
                             :loading="hasPendingMessage"
                             :creator-name="currentUser?.name ?? void 0"
@@ -619,6 +641,7 @@ async function handleDelete() {
                 />
                 <ChatMessageInput
                     ref="messageInputRef"
+                    v-model:selected-model="selectedModel"
                     :disabled="hasPendingMessage"
                     :loading="hasPendingMessage"
                     :creator-name="currentUser?.name ?? void 0"
@@ -718,6 +741,7 @@ async function handleDelete() {
                     loading
                 />
                 <ChatMessageInput
+                    v-model:selected-model="selectedModel"
                     :disabled="true"
                     :agent-input-schema="visibleTelaAgentInputSchema"
                     :agent-input-schema-loading="visibleTelaAgentInputSchemaLoading"
@@ -740,6 +764,7 @@ async function handleDelete() {
                     </div>
                     <ChatMessageInput
                         ref="messageInputRef"
+                        v-model:selected-model="selectedModel"
                         :disabled="hasPendingMessage"
                         :loading="hasPendingMessage"
                         :creator-name="currentUser?.name ?? void 0"
@@ -765,6 +790,7 @@ async function handleDelete() {
                 />
                 <ChatMessageInput
                     ref="messageInputRef"
+                    v-model:selected-model="selectedModel"
                     :disabled="hasPendingMessage"
                     :loading="hasPendingMessage"
                     :creator-name="currentUser?.name ?? void 0"

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

@@ -38,6 +38,10 @@ type __VLS_Props = {
     workspaceSettings?: DeepReadonly<WorkspaceSettings> | null;
     workspaceSheetOpen: boolean;
 };
+type __VLS_ModelProps = {
+    'selectedModel'?: string | null;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare var __VLS_54: {}, __VLS_99: {}, __VLS_101: {};
 type __VLS_Slots = {} & {
     loading?: (props: typeof __VLS_54) => any;
@@ -46,7 +50,9 @@ type __VLS_Slots = {} & {
 } & {
     default?: (props: typeof __VLS_101) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:selectedModel": (value: string | null) => any;
+} & {
     delete: () => any;
     rename: () => any;
     duplicate: () => any;
@@ -67,7 +73,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     "update:drawerOpen": (value: boolean) => any;
     "update:editTitle": (value: string) => any;
     "update:workspaceSheetOpen": (value: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onDelete?: (() => any) | undefined;
     onRename?: (() => any) | undefined;
     onDuplicate?: (() => any) | undefined;
@@ -77,6 +83,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     onCancel?: (() => any) | undefined;
     onSettings?: (() => any) | undefined;
     onSend?: ((content: string, files: FileUploadInput[], agentInputs?: TelaAgentExecutionInput[] | undefined) => any) | undefined;
+    "onUpdate:selectedModel"?: ((value: string | null) => any) | undefined;
     onDebug?: (() => any) | undefined;
     onTabChange?: ((tab: TopbarTab) => any) | undefined;
     onNewConversation?: ((groupId?: string | null | undefined) => any) | undefined;

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

@@ -44,6 +44,7 @@ const props = defineProps({
   workspaceSheetOpen: { type: Boolean, required: true }
 });
 const emit = defineEmits(["cancel", "cancelEditing", "copyLink", "debug", "delete", "dismissOutdatedBanner", "duplicate", "export", "newConversation", "rename", "saveTitle", "selectConversation", "send", "settings", "signout", "switchWorkspace", "tabChange", "update:drawerOpen", "update:editTitle", "update:workspaceSheetOpen"]);
+const selectedModel = defineModel("selectedModel", { type: [String, null], ...{ default: null } });
 const renameInputRef = ref(null);
 const homeInputRef = ref(null);
 const outdatedSettingsSheetOpen = ref(false);
@@ -220,6 +221,7 @@ function startNewConversationFromOutdatedSettings() {
                 <div px-14px pb-12px>
                     <ChatMessageInput
                         ref="homeInputRef"
+                        v-model:selected-model="selectedModel"
                         :disabled="hasPendingMessage"
                         :loading="hasPendingMessage"
                         :creator-name="currentUser?.name ?? void 0"

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

@@ -38,6 +38,10 @@ type __VLS_Props = {
     workspaceSettings?: DeepReadonly<WorkspaceSettings> | null;
     workspaceSheetOpen: boolean;
 };
+type __VLS_ModelProps = {
+    'selectedModel'?: string | null;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare var __VLS_54: {}, __VLS_99: {}, __VLS_101: {};
 type __VLS_Slots = {} & {
     loading?: (props: typeof __VLS_54) => any;
@@ -46,7 +50,9 @@ type __VLS_Slots = {} & {
 } & {
     default?: (props: typeof __VLS_101) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:selectedModel": (value: string | null) => any;
+} & {
     delete: () => any;
     rename: () => any;
     duplicate: () => any;
@@ -67,7 +73,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     "update:drawerOpen": (value: boolean) => any;
     "update:editTitle": (value: string) => any;
     "update:workspaceSheetOpen": (value: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onDelete?: (() => any) | undefined;
     onRename?: (() => any) | undefined;
     onDuplicate?: (() => any) | undefined;
@@ -77,6 +83,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     onCancel?: (() => any) | undefined;
     onSettings?: (() => any) | undefined;
     onSend?: ((content: string, files: FileUploadInput[], agentInputs?: TelaAgentExecutionInput[] | undefined) => any) | undefined;
+    "onUpdate:selectedModel"?: ((value: string | null) => any) | undefined;
     onDebug?: (() => any) | undefined;
     onTabChange?: ((tab: TopbarTab) => any) | undefined;
     onNewConversation?: ((groupId?: string | null | undefined) => any) | undefined;

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

@@ -20,15 +20,22 @@ type __VLS_Props = {
 };
 declare function addFiles(files: File[], inputName?: string): void;
 declare function setDraft(text: string): void;
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
+type __VLS_ModelProps = {
+    'selectedModel'?: string | null;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     addFiles: typeof addFiles;
     setDraft: typeof setDraft;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:selectedModel": (value: string | null) => any;
+} & {
     cancel: () => any;
     send: (content: string, files: FileUploadInput[], agentInputs?: TelaAgentExecutionInput[] | undefined) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onCancel?: (() => any) | undefined;
     onSend?: ((content: string, files: FileUploadInput[], agentInputs?: TelaAgentExecutionInput[] | undefined) => any) | undefined;
+    "onUpdate:selectedModel"?: ((value: string | null) => 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

@@ -22,6 +22,7 @@ const props = defineProps({
   showCancelButton: { type: Boolean, required: false }
 });
 const emit = defineEmits(["send", "cancel"]);
+const selectedModel = defineModel("selectedModel", { type: [String, null], ...{ default: null } });
 const { uploadFiles, uploading, uploadError } = useFileUpload();
 const isCancelEnabled = computed(() => props.showCancelButton === true);
 const content = ref("");
@@ -633,6 +634,11 @@ defineExpose({
                     @blur="handleBlur"
                 />
                 <div flex items-center gap-8px>
+                    <ChatModelSelector
+                        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

@@ -20,15 +20,22 @@ type __VLS_Props = {
 };
 declare function addFiles(files: File[], inputName?: string): void;
 declare function setDraft(text: string): void;
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
+type __VLS_ModelProps = {
+    'selectedModel'?: string | null;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     addFiles: typeof addFiles;
     setDraft: typeof setDraft;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:selectedModel": (value: string | null) => any;
+} & {
     cancel: () => any;
     send: (content: string, files: FileUploadInput[], agentInputs?: TelaAgentExecutionInput[] | undefined) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onCancel?: (() => any) | undefined;
     onSend?: ((content: string, files: FileUploadInput[], agentInputs?: TelaAgentExecutionInput[] | undefined) => any) | undefined;
+    "onUpdate:selectedModel"?: ((value: string | null) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -0,0 +1,14 @@
+type __VLS_Props = {
+    disabled?: boolean;
+};
+type __VLS_ModelProps = {
+    modelValue?: string | null;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | null) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/messages/components/chat-model-selector.vue

@@ -0,0 +1,56 @@
+<script setup>
+import { chatModelOptions } from "../../types/schemas/chat/ui.js";
+import AnthropicIcon from "../../shared/components/icons/anthropic.vue";
+import GeminiIcon from "../../shared/components/icons/gemini.vue";
+import OpenAiIcon from "../../shared/components/icons/openai.vue";
+defineProps({
+  disabled: { type: Boolean, required: false }
+});
+const model = defineModel({ type: [String, null], ...{ default: null } });
+const providerIcons = {
+  Anthropic: AnthropicIcon,
+  OpenAI: OpenAiIcon,
+  Google: GeminiIcon
+};
+const options = chatModelOptions.map((option) => ({
+  value: option.value,
+  label: option.label,
+  description: option.description,
+  group: option.provider,
+  icon: providerIcons[option.provider],
+  cost: option.cost,
+  maxInputTokens: option.maxInputTokens,
+  maxOutputTokens: option.maxOutputTokens,
+  isMultiModal: option.isMultiModal,
+  tabs: [...option.tabs]
+}));
+const tabLabels = {
+  all: "Todos",
+  advanced: "Avan\xE7ados",
+  cheap: "Econ\xF4micos",
+  multimodal: "Multimodal"
+};
+function getTabLabel(tab) {
+  return tabLabels[tab] ?? tab;
+}
+</script>
+
+<template>
+    <TelaCombobox
+        :model-value="model ?? void 0"
+        :options="options"
+        :class="disabled && 'opacity-50 pointer-events-none'"
+        placeholder="Modelo"
+        input-placeholder="Buscar modelo..."
+        :get-tab-label="getTabLabel"
+        trigger-class="border-none!"
+        label-class="!text-14px !leading-18px !font-normal -tracking-0.01em! !text-gray-500"
+        icon-class="scale-110 mr-1px !text-gray-500"
+        label-item-class="!text-gray-500"
+        @update:model-value="model = $event ?? null"
+    />
+</template>
+
+<style>
+[role=option] svg{color:#6b7280}
+</style>

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

@@ -0,0 +1,14 @@
+type __VLS_Props = {
+    disabled?: boolean;
+};
+type __VLS_ModelProps = {
+    modelValue?: string | null;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | null) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

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

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

@@ -1,5 +1,6 @@
 import { useChatAuth } from "#chat-auth";
 import * as Sentry from "@sentry/nuxt";
+import { defaultChatModel } from "../../types/schemas/chat/models.js";
 import {
   createReasoningCache,
   resolveReasoningDisplayMessages
@@ -117,6 +118,25 @@ export function useChat() {
     pollGeneration++;
     endPolling();
   }
+  const pendingModelBuckets = useState("chat-pending-model-selection", () => ({}));
+  const pendingModelSelection = computed({
+    get: () => {
+      const buckets = pendingModelBuckets.value;
+      return chatScope.value in buckets ? buckets[chatScope.value] ?? null : defaultChatModel;
+    },
+    set: (value) => {
+      pendingModelBuckets.value = {
+        ...pendingModelBuckets.value,
+        [chatScope.value]: value
+      };
+    }
+  });
+  const setConversationModel = (model) => {
+    const conversation = currentConversation.value;
+    if (!conversation || conversation.model === model)
+      return;
+    currentConversation.value = { ...conversation, model };
+  };
   const setConversation = (conv) => {
     const conversationMessages = "messages" in conv ? conv.messages : [];
     currentConversation.value = { ...conv, messages: conversationMessages };
@@ -394,6 +414,8 @@ export function useChat() {
     animatedTitle: readonly(animatedTitle),
     loadConversation,
     setConversation,
+    setConversationModel,
+    pendingModelSelection,
     sendMessage,
     retryMessage,
     cancelConversation,

package/dist/runtime/shared/components/icons/anthropic.vue

@@ -1,5 +1,5 @@
 <template>
-    <svg viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+    <svg viewBox="0 0 24 24" width="16" height="16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
         <path d="M13.827 3.52h3.603L24 20h-3.603l-6.57-16.48zM6.396 3.52L0 20h3.603l1.351-3.384h6.827l1.351 3.384h3.603L10.119 3.52H6.396zm.663 10.155 2.33-5.879 2.33 5.879H7.06z" />
     </svg>
 </template>

package/dist/runtime/shared/components/icons/gemini.d.vue.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/shared/components/icons/gemini.vue

@@ -0,0 +1,3 @@
+<template>
+    <svg width="16" height="16" fill="currentColor" fill-rule="evenodd" viewBox="-2 -2 28 28" xmlns="http://www.w3.org/2000/svg"><path d="M12 24A14.304 14.304 0 000 12 14.304 14.304 0 0012 0a14.305 14.305 0 0012 12 14.305 14.305 0 00-12 12" /></svg>
+</template>

package/dist/runtime/shared/components/icons/gemini.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/shared/components/icons/openai.d.vue.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/shared/components/icons/openai.vue

@@ -0,0 +1,3 @@
+<template>
+    <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M18.8545 10.5474C19.0334 10.0086 19.0953 9.43791 19.036 8.87334C18.9767 8.30877 18.7977 7.76335 18.5107 7.27352C18.0854 6.53313 17.4359 5.94695 16.6559 5.59949C15.876 5.25202 15.0058 5.16122 14.1709 5.34018C13.6966 4.81256 13.0917 4.41903 12.4172 4.19912C11.7426 3.97922 11.0221 3.94068 10.3279 4.08737C9.63377 4.23406 8.99043 4.56082 8.46252 5.03484C7.93461 5.50885 7.54072 6.11343 7.32041 6.78785C6.76419 6.90191 6.23872 7.13337 5.77912 7.46678C5.31951 7.80018 4.93637 8.22784 4.65528 8.72118C4.2253 9.46033 4.04153 10.3171 4.13054 11.1675C4.21955 12.018 4.57672 12.8181 5.15041 13.4522C4.97086 13.9907 4.90836 14.5614 4.96711 15.1259C5.02586 15.6905 5.2045 16.2361 5.49108 16.726C5.91697 17.4667 6.56703 18.053 7.34755 18.4005C8.12808 18.7479 8.99877 18.8386 9.83415 18.6594C10.211 19.0838 10.674 19.4229 11.1924 19.6541C11.7107 19.8852 12.2724 20.0032 12.8399 20C13.6956 20.0008 14.5295 19.7296 15.2211 19.2256C15.9127 18.7217 16.4263 18.011 16.6877 17.1961C17.2439 17.0819 17.7693 16.8503 18.2289 16.5169C18.6885 16.1835 19.0716 15.7559 19.3529 15.2627C19.7778 14.5247 19.9584 13.6711 19.8689 12.8242C19.7794 11.9773 19.4243 11.1803 18.8545 10.5474ZM12.8399 18.9528C12.139 18.9539 11.4601 18.7082 10.9223 18.2589L11.0169 18.2053L14.2024 16.3665C14.2817 16.32 14.3475 16.2537 14.3934 16.1741C14.4393 16.0944 14.4637 16.0042 14.4642 15.9123V11.421L15.8109 12.2001C15.8175 12.2035 15.8233 12.2084 15.8277 12.2144C15.8321 12.2204 15.835 12.2274 15.8362 12.2348V15.9565C15.8345 16.7507 15.5183 17.5118 14.9567 18.0734C14.3952 18.6349 13.634 18.9511 12.8399 18.9528ZM6.39941 16.2025C6.04793 15.5956 5.92173 14.8842 6.04301 14.1934L6.13768 14.2502L9.32635 16.089C9.40525 16.1353 9.49507 16.1597 9.58655 16.1597C9.67803 16.1597 9.76785 16.1353 9.84675 16.089L13.7419 13.8433V15.3982C13.7416 15.4063 13.7394 15.4142 13.7356 15.4213C13.7317 15.4284 13.7264 15.4345 13.7198 15.4392L10.4933 17.3001C9.8047 17.6968 8.98685 17.804 8.21929 17.5982C7.45173 17.3924 6.7972 16.8905 6.39941 16.2025ZM5.56048 9.26372C5.9144 8.6529 6.47304 8.187 7.13748 7.94852V11.7333C7.13628 11.8248 7.15964 11.9148 7.20513 11.9942C7.25062 12.0735 7.31656 12.1392 7.39608 12.1843L11.2723 14.4205L9.92561 15.1995C9.91833 15.2034 9.9102 15.2054 9.90195 15.2054C9.8937 15.2054 9.88557 15.2034 9.87828 15.1995L6.65808 13.3418C5.97079 12.9435 5.46938 12.2889 5.26366 11.5216C5.05794 10.7543 5.16467 9.93676 5.56048 9.24798V9.26372ZM16.6247 11.8342L12.7358 9.57598L14.0794 8.79998C14.0867 8.79611 14.0948 8.79409 14.1031 8.79409C14.1113 8.79409 14.1195 8.79611 14.1267 8.79998L17.3469 10.6608C17.8393 10.945 18.2407 11.3633 18.5043 11.8669C18.7678 12.3706 18.8826 12.9388 18.8354 13.5053C18.7881 14.0718 18.5806 14.6131 18.2372 15.0661C17.8938 15.5191 17.4286 15.8651 16.8959 16.0637V12.2788C16.8932 12.1876 16.8667 12.0986 16.8191 12.0206C16.7715 11.9427 16.7046 11.8785 16.6247 11.8342ZM17.9651 9.81885L17.8705 9.76205L14.6881 7.90752C14.6088 7.86093 14.5184 7.83637 14.4263 7.83637C14.3343 7.83637 14.2439 7.86093 14.1645 7.90752L10.2726 10.1531V8.59825C10.2718 8.59034 10.2731 8.58236 10.2764 8.57515C10.2798 8.56793 10.285 8.56175 10.2915 8.55725L13.5117 6.69952C14.0053 6.4152 14.5696 6.27728 15.1386 6.30189C15.7077 6.3265 16.258 6.51263 16.7251 6.83851C17.1923 7.16438 17.557 7.61653 17.7766 8.14207C17.9962 8.66761 18.0616 9.24482 17.9652 9.80618L17.9651 9.81885ZM9.53761 12.5753L8.19095 11.7994C8.18421 11.7954 8.17845 11.7899 8.17407 11.7834C8.16969 11.7768 8.16681 11.7694 8.16561 11.7616V8.04945C8.16636 7.47997 8.3292 6.92246 8.63512 6.44212C8.94103 5.96177 9.37736 5.57844 9.89311 5.33694C10.4089 5.09544 10.9827 5.00576 11.5475 5.07837C12.1124 5.15098 12.6449 5.38289 13.0827 5.74698L12.9881 5.80065L9.80261 7.63932C9.72333 7.68582 9.65751 7.75214 9.61161 7.83177C9.56571 7.9114 9.54131 8.0016 9.54081 8.09352L9.53761 12.5753ZM10.2693 10.9984L12.004 9.99852L13.7419 10.9984V12.998L12.0103 13.9978L10.2725 12.998L10.2693 10.9984Z" /></svg>
+</template>

package/dist/runtime/shared/components/icons/openai.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -210,11 +210,20 @@ export declare const conversationWithMessagesSchema: z.ZodObject<{
 }, z.core.$strip>;
 export type ConversationWithMessages = z.infer<typeof conversationWithMessagesSchema>;
 export declare const createConversationRequestSchema: z.ZodObject<{
-    model: z.ZodOptional<z.ZodNullable<z.ZodString>>;
+    model: z.ZodOptional<z.ZodNullable<z.ZodEnum<{
+        "claude-opus-4-8": "claude-opus-4-8";
+        "claude-sonnet-5": "claude-sonnet-5";
+        "claude-haiku-4-5": "claude-haiku-4-5";
+    }>>>;
 }, z.core.$strict>;
 export type CreateConversationRequest = z.infer<typeof createConversationRequestSchema>;
 export declare const updateConversationRequestSchema: z.ZodObject<{
     title: z.ZodOptional<z.ZodString>;
+    model: z.ZodOptional<z.ZodNullable<z.ZodEnum<{
+        "claude-opus-4-8": "claude-opus-4-8";
+        "claude-sonnet-5": "claude-sonnet-5";
+        "claude-haiku-4-5": "claude-haiku-4-5";
+    }>>>;
 }, z.core.$strict>;
 export type UpdateConversationRequest = z.infer<typeof updateConversationRequestSchema>;
 export declare const moveConversationRequestSchema: z.ZodObject<{

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

@@ -1,5 +1,6 @@
 import { z } from 'zod';
 import { messageFileSchema } from './files';
+import { chatModelSchema } from './models';
 import { conversationCreatorFilterSchema, messageRoleSchema, messageStatusSchema, } from './primitives';
 import { resolvedWorkspaceSettingsSchema } from './workspace-settings';
 export const conversationSchema = z.object({
@@ -50,10 +51,11 @@ export const conversationWithMessagesSchema = conversationSchema.extend({
     messages: z.array(messageSchema),
 });
 export const createConversationRequestSchema = z.strictObject({
-    model: z.string().nullable().optional(),
+    model: chatModelSchema.nullable().optional(),
 });
 export const updateConversationRequestSchema = z.strictObject({
     title: z.string().optional(),
+    model: chatModelSchema.nullable().optional(),
 });
 export const moveConversationRequestSchema = z.object({
     groupId: z.string().nullable(),

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

@@ -1,12 +1,10 @@
 import { z } from 'zod';
-export declare const chatModelIds: readonly ["claude-sonnet-4-5", "claude-sonnet-4-6", "claude-haiku-4-5", "claude-opus-4-5", "claude-opus-4-6"];
+export declare const chatModelIds: readonly ["claude-opus-4-8", "claude-sonnet-5", "claude-haiku-4-5"];
 export declare const chatModelSchema: z.ZodEnum<{
-    "claude-sonnet-4-5": "claude-sonnet-4-5";
-    "claude-sonnet-4-6": "claude-sonnet-4-6";
+    "claude-opus-4-8": "claude-opus-4-8";
+    "claude-sonnet-5": "claude-sonnet-5";
     "claude-haiku-4-5": "claude-haiku-4-5";
-    "claude-opus-4-5": "claude-opus-4-5";
-    "claude-opus-4-6": "claude-opus-4-6";
 }>;
 export type ChatModel = z.infer<typeof chatModelSchema>;
-export declare const defaultChatModel = "claude-sonnet-4-6";
+export declare const defaultChatModel = "claude-opus-4-8";
 export declare function isValidChatModel(value: unknown): value is ChatModel;

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

@@ -1,13 +1,11 @@
 import { z } from 'zod';
 export const chatModelIds = [
-    'claude-sonnet-4-5',
-    'claude-sonnet-4-6',
+    'claude-opus-4-8',
+    'claude-sonnet-5',
     'claude-haiku-4-5',
-    'claude-opus-4-5',
-    'claude-opus-4-6',
 ];
 export const chatModelSchema = z.enum(chatModelIds);
-export const defaultChatModel = 'claude-sonnet-4-6';
+export const defaultChatModel = 'claude-opus-4-8';
 export function isValidChatModel(value) {
     return typeof value === 'string' && chatModelIds.includes(value);
 }

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

@@ -1,4 +1,5 @@
 import { z } from 'zod';
+import type { ChatModel } from './models';
 export declare const conversationCreatorFilterOptions: readonly [{
     readonly label: "Todas";
     readonly value: "all";
@@ -6,26 +7,48 @@ export declare const conversationCreatorFilterOptions: readonly [{
     readonly label: "Minhas";
     readonly value: "mine";
 }];
+export type ChatModelProvider = 'Anthropic' | 'OpenAI' | 'Google';
+export type ChatModelOption = {
+    value: ChatModel;
+    label: string;
+    description: string;
+    provider: ChatModelProvider;
+    cost: number;
+    maxInputTokens: number;
+    maxOutputTokens: number;
+    isMultiModal: boolean;
+    tabs: readonly string[];
+};
 export declare const chatModelOptions: readonly [{
-    readonly value: "claude-sonnet-4-5";
-    readonly label: "Sonnet 4.5";
-    readonly description: "High performant agent for complex tasks";
+    readonly value: "claude-opus-4-8";
+    readonly label: "Claude 4.8 Opus";
+    readonly description: "Agente de ponta para tarefas complexas";
+    readonly provider: "Anthropic";
+    readonly cost: 4;
+    readonly maxInputTokens: 1000000;
+    readonly maxOutputTokens: 128000;
+    readonly isMultiModal: true;
+    readonly tabs: readonly ["all", "advanced", "multimodal"];
 }, {
-    readonly value: "claude-sonnet-4-6";
-    readonly label: "Sonnet 4.6";
-    readonly description: "Fast and intelligent agent";
+    readonly value: "claude-sonnet-5";
+    readonly label: "Claude Sonnet 5";
+    readonly description: "Agente rápido e inteligente de nova geração";
+    readonly provider: "Anthropic";
+    readonly cost: 4;
+    readonly maxInputTokens: 1000000;
+    readonly maxOutputTokens: 64000;
+    readonly isMultiModal: true;
+    readonly tabs: readonly ["all", "advanced", "multimodal"];
 }, {
     readonly value: "claude-haiku-4-5";
-    readonly label: "Haiku 4.5";
-    readonly description: "Fast and efficient agent for simple tasks";
-}, {
-    readonly value: "claude-opus-4-5";
-    readonly label: "Opus 4.5";
-    readonly description: "Most powerful agent for complex tasks";
-}, {
-    readonly value: "claude-opus-4-6";
-    readonly label: "Opus 4.6";
-    readonly description: "Top-tier agent with extended thinking";
+    readonly label: "Claude 4.5 Haiku";
+    readonly description: "Agente rápido e eficiente para tarefas simples";
+    readonly provider: "Anthropic";
+    readonly cost: 3;
+    readonly maxInputTokens: 200000;
+    readonly maxOutputTokens: 64000;
+    readonly isMultiModal: true;
+    readonly tabs: readonly ["all", "cheap", "multimodal"];
 }];
 export declare const topbarTabs: readonly ["chat", "files", "usage"];
 export declare const topbarTabSchema: z.ZodEnum<{

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

@@ -3,12 +3,12 @@ export const conversationCreatorFilterOptions = [
     { label: 'Todas', value: 'all' },
     { label: 'Minhas', value: 'mine' },
 ];
+// Metadata follows the agent model catalog on the Tela platform
+// (packages/application/composables/model.ts), curated to the models this app offers.
 export const chatModelOptions = [
-    { value: 'claude-sonnet-4-5', label: 'Sonnet 4.5', description: 'High performant agent for complex tasks' },
-    { value: 'claude-sonnet-4-6', label: 'Sonnet 4.6', description: 'Fast and intelligent agent' },
-    { value: 'claude-haiku-4-5', label: 'Haiku 4.5', description: 'Fast and efficient agent for simple tasks' },
-    { value: 'claude-opus-4-5', label: 'Opus 4.5', description: 'Most powerful agent for complex tasks' },
-    { value: 'claude-opus-4-6', label: 'Opus 4.6', description: 'Top-tier agent with extended thinking' },
+    { value: 'claude-opus-4-8', label: 'Claude 4.8 Opus', description: 'Agente de ponta para tarefas complexas', provider: 'Anthropic', cost: 4, maxInputTokens: 1_000_000, maxOutputTokens: 128_000, isMultiModal: true, tabs: ['all', 'advanced', 'multimodal'] },
+    { value: 'claude-sonnet-5', label: 'Claude Sonnet 5', description: 'Agente rápido e inteligente de nova geração', provider: 'Anthropic', cost: 4, maxInputTokens: 1_000_000, maxOutputTokens: 64_000, isMultiModal: true, tabs: ['all', 'advanced', 'multimodal'] },
+    { value: 'claude-haiku-4-5', label: 'Claude 4.5 Haiku', description: 'Agente rápido e eficiente para tarefas simples', provider: 'Anthropic', cost: 3, maxInputTokens: 200_000, maxOutputTokens: 64_000, isMultiModal: true, tabs: ['all', 'cheap', 'multimodal'] },
 ];
 export const topbarTabs = ['chat', 'files', 'usage'];
 export const topbarTabSchema = z.enum(topbarTabs);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meistrari/chat-nuxt",
-  "version": "3.3.1",
+  "version": "3.4.0",
   "type": "module",
   "exports": {
     ".": {