@meistrari/chat-nuxt 3.14.2-rc.2 → 3.15.0-rc.1

package/README.md

@@ -55,6 +55,7 @@ Declared in `src/runtime/embed/types.ts`; prop, feature-flag, and event payload
 | `initialConversationId` | `string \| null` | `null` | Conversation to open once on mount when `conversationId` is uncontrolled |
 | `conversationScope` | `string \| null` | `null` | Isolate conversation history by technical scope within the current workspace and runtime. Scoped embeds only see same-scope conversations; values are trimmed, blank becomes `null`, and the server accepts 1-200 chars from `A-Z`, `a-z`, `0-9`, `.`, `_`, `:`, `/`, `-` |
 | `defaultConversationCreatorFilter` | `'all' \| 'mine'` | `'all'` | Initial sidebar creator filter: every conversation in scope, or only the current user's |
+| `availableModels` | `AvailableChatModels` | Full catalog | Non-empty ordered list of models this embed may display and execute. A missing or invalid restored selection falls back to the first entry; an empty list fails fast |
 | `conversationCreatorFilter` | `'all' \| 'mine'` | — | Controlled sidebar creator filter; use with `v-model:conversation-creator-filter` when the host changes it at runtime |
 | `hideConversationCreatorFilter` | `boolean` | `false` | Hide the creator selector without changing the active filter |
 | `telaAgentId` | `string` | — | Use Tela agent mode for this embed |

package/dist/module.d.mts

@@ -1,5 +1,5 @@
 export { ChatMessageStatus } from '../dist/runtime/messages/composables/chat-message-terminal.js';
-export { ChatActionPayload, ChatActor, ChatEmbedSharedProps, ChatEmbedVariant, ChatEmbedVariantProps, ChatFeatureConfig, ChatMessageTerminalPayload, ChatSidebarConfig, ChatSuggestion, DefaultChatEmbedProps, MeistrariChatEmbedProps, MessageFeedbackConfig, MessageFeedbackPayload, MessageFeedbackRating, MessageFeedbackSubmitHandler, MessageFeedbackSubmitResult, MessageOverviewResponse, TelaAgentChatEmbedProps, TelaAgentExecutionInput } from '../dist/runtime/types/embed.js';
+export { AvailableChatModels, ChatActionPayload, ChatActor, ChatEmbedSharedProps, ChatEmbedVariant, ChatEmbedVariantProps, ChatFeatureConfig, ChatMessageTerminalPayload, ChatSidebarConfig, ChatSuggestion, DefaultChatEmbedProps, MeistrariChatEmbedProps, MessageFeedbackConfig, MessageFeedbackPayload, MessageFeedbackRating, MessageFeedbackSubmitHandler, MessageFeedbackSubmitResult, MessageOverviewResponse, TelaAgentChatEmbedProps, TelaAgentExecutionInput } from '../dist/runtime/types/embed.js';
 
 type ChatNuxtConfigValidationMode = false | 'warn' | 'error';
 

package/dist/module.json

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

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

@@ -56,6 +56,7 @@ function createOptimisticConversationId() {
   return `optimistic-${Date.now()}-${Math.random().toString(36).slice(2)}`;
 }
 export function useConversations() {
+  const nuxtApp = useNuxtApp();
   const chatApi = useChatApi();
   const embedConfig = useEmbedConfig();
   const { user: authUser, activeOrganization } = useChatAuth();
@@ -69,6 +70,7 @@ export function useConversations() {
   const metadataBuckets = useState("conversations-metadata", () => ({}));
   const metadataLoadingBuckets = useState("conversations-metadata-loading", () => ({}));
   const metadataFetchedBuckets = useState("conversations-metadata-fetched", () => ({}));
+  const modelUpdateTails = nuxtApp._chatConversationModelUpdateTails ??= /* @__PURE__ */ new Map();
   const providedConversationCreatorFilter = useProvidedConversationCreatorFilterState();
   const conversationCreatorFilter = providedConversationCreatorFilter ?? useState(
     "conversation-creator-filter",
@@ -462,31 +464,41 @@ 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 updateConversationModel = (id, model) => {
+    const previousUpdate = modelUpdateTails.get(id) ?? Promise.resolve(true);
+    const update = previousUpdate.catch(() => false).then(async () => {
+      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 clearUpdate = () => {
+      if (modelUpdateTails.get(id) === update)
+        modelUpdateTails.delete(id);
+    };
+    modelUpdateTails.set(id, update);
+    void update.then(clearUpdate, clearUpdate);
+    return update;
   };
   const duplicateConversation = async (id) => {
     error.value = null;

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

@@ -15,6 +15,11 @@ import {
   resolveTelaAgentInputs,
   useChat
 } from "../../messages/composables/chat";
+import {
+  ensureConversationUsesSelectedModel,
+  MODEL_UPDATE_FAILED_MESSAGE,
+  resolveChatModelSelection
+} from "../../messages/model-availability";
 import { useChatAction } from "../../messages/composables/chat-action";
 import { useChatApi } from "../../shared/composables/chat-api";
 import { useConversationFiles } from "../../files/composables/conversation-files";
@@ -201,30 +206,45 @@ watch(chatError, (message) => {
 });
 const conversationIdRef = computed(() => currentConversation.value?.id ?? null);
 const { total, files: conversationFiles } = useConversationFiles(conversationIdRef);
+function persistConversationModel(conversation, value, wakeAgent) {
+  const previousModel = conversation.model;
+  setConversationModel(value);
+  const update = updateConversationModel(conversation.id, value).then(async (updated) => {
+    if (!updated && currentConversation.value?.id === conversation.id && currentConversation.value.model === value) {
+      setConversationModel(previousModel);
+    } else if (updated && value && wakeAgent) {
+      if (conversation.threadSessionId)
+        await agentWake.ensureReady(conversation.threadSessionId, value);
+      else
+        await agentWake.wake(void 0, value);
+    }
+    return updated;
+  });
+  const trackedUpdate = update.finally(() => {
+    if (modelUpdateInFlight.value === trackedUpdate)
+      modelUpdateInFlight.value = null;
+  });
+  modelUpdateInFlight.value = trackedUpdate;
+  return trackedUpdate;
+}
+async function waitForPendingModelUpdate() {
+  while (modelUpdateInFlight.value) {
+    const update = modelUpdateInFlight.value;
+    if (!await update)
+      throw new Error(MODEL_UPDATE_FAILED_MESSAGE);
+  }
+}
 const selectedModel = computed({
-  get: () => currentConversation.value ? currentConversation.value.model : pendingModelSelection.value,
+  get: () => resolveChatModelSelection(
+    currentConversation.value ? currentConversation.value.model : pendingModelSelection.value,
+    embedConfig?.availableModels.value
+  ),
   set: (value) => {
-    pendingModelSelection.value = value;
+    const resolvedValue = resolveChatModelSelection(value, embedConfig?.availableModels.value);
+    pendingModelSelection.value = resolvedValue;
     const conversation = currentConversation.value;
-    if (conversation && conversation.model !== value) {
-      const previousModel = conversation.model;
-      setConversationModel(value);
-      const update = updateConversationModel(conversation.id, value).then(async (updated) => {
-        if (!updated && currentConversation.value?.id === conversation.id && currentConversation.value.model === value) {
-          setConversationModel(previousModel);
-        } else if (updated && value) {
-          if (conversation.threadSessionId)
-            await agentWake.ensureReady(conversation.threadSessionId, value);
-          else
-            await agentWake.wake(void 0, value);
-        }
-        return updated;
-      });
-      modelUpdateInFlight.value = update.finally(() => {
-        if (modelUpdateInFlight.value === update)
-          modelUpdateInFlight.value = null;
-      });
-    }
+    if (conversation && conversation.model !== resolvedValue)
+      void persistConversationModel(conversation, resolvedValue, true);
   }
 });
 const filesCount = computed(() => total.value);
@@ -479,11 +499,15 @@ async function handleSend(content, files, agentInputs) {
       adoptConversation(grouped ? { ...conversation2, groupId } : conversation2);
       updateConversationId(conversation2.id);
     }
-    if (modelUpdateInFlight.value)
-      await modelUpdateInFlight.value;
+    await waitForPendingModelUpdate();
     const conversation = currentConversation.value;
     if (!conversation)
       throw new Error("Erro ao preparar conversa");
+    await ensureConversationUsesSelectedModel(
+      conversation.model,
+      selectedModel.value,
+      (value) => persistConversationModel(conversation, value, false)
+    );
     if (conversation.threadSessionId && resolvedFeatures.value.chatOutboundQueue) {
       const wake = await agentWake.ensureReady(conversation.threadSessionId, selectedModel.value);
       if (wake.status !== "ready") {
@@ -535,16 +559,25 @@ async function handleCancel() {
   await cancelConversation();
 }
 async function handleRetry(messageId) {
-  if (currentConversation.value?.threadSessionId) {
-    const wake = await agentWake.ensureReady(currentConversation.value.threadSessionId, selectedModel.value);
-    if (wake.status !== "ready") {
-      statusToast.update({ text: "N\xE3o foi poss\xEDvel acordar o agente. Tente novamente.", icon: "i-ph-warning" });
-      return;
+  await retryMessage(messageId, async () => {
+    await waitForPendingModelUpdate();
+    const conversation = currentConversation.value;
+    if (!conversation)
+      throw new Error("Erro ao preparar conversa");
+    await ensureConversationUsesSelectedModel(
+      conversation.model,
+      selectedModel.value,
+      (value) => persistConversationModel(conversation, value, false)
+    );
+    if (conversation.threadSessionId) {
+      const wake = await agentWake.ensureReady(conversation.threadSessionId, selectedModel.value);
+      if (wake.status !== "ready")
+        throw new Error("N\xE3o foi poss\xEDvel acordar o agente. Tente novamente.");
+    } else {
+      await agentWake.waitUntilSettled();
     }
-  } else {
-    await agentWake.waitUntilSettled();
-  }
-  await retryMessage(messageId, claimableWakeSessionId());
+    return claimableWakeSessionId();
+  });
 }
 async function handleNewConversation(groupId) {
   setPendingConversationGroup(groupId);

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

@@ -13,6 +13,7 @@ const props = defineProps({
   initialConversationId: { type: [String, null], required: false },
   conversationScope: { type: [String, null], required: false },
   defaultConversationCreatorFilter: { type: null, required: false },
+  availableModels: { type: Array, required: false },
   conversationCreatorFilter: { type: null, required: false },
   hideConversationCreatorFilter: { type: Boolean, required: false },
   hideSidebar: { type: Boolean, required: false },
@@ -53,6 +54,7 @@ provideEmbedConfig({
   telaAgentId: normalizedTelaAgentId,
   conversationScope: normalizedConversationScope,
   defaultConversationCreatorFilter: computed(() => props.defaultConversationCreatorFilter),
+  availableModels: computed(() => props.availableModels),
   conversationCreatorFilter: computed(() => props.conversationCreatorFilter),
   telaAgentInputs: computed(() => props.telaAgentInputs),
   workspaceSettings: computed(() => props.workspaceSettings),

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

@@ -3,7 +3,7 @@ import type { ChatActionPayload } from '../../messages/composables/chat-action.j
 import type { MessageFeedbackPayload } from '../../messages/composables/chat-feedback.js';
 import type { ChatMessageTerminalPayload } from '../../messages/composables/chat-message-terminal.js';
 import type { ChatFeatureConfig } from '../feature-config.js';
-import type { ChatEmbedVariant, ChatEmbedVariantProps, ChatSidebarConfig, ChatSuggestion, DefaultChatEmbedProps, MeistrariChatEmbedProps, TelaAgentChatEmbedProps } from '../types.js';
+import type { AvailableChatModels, ChatEmbedVariant, ChatEmbedVariantProps, ChatSidebarConfig, ChatSuggestion, DefaultChatEmbedProps, MeistrariChatEmbedProps, TelaAgentChatEmbedProps } from '../types.js';
 
 type MeistrariChatEmbedEmits = {
     /** Fired when the active conversation changes. Pairs with `v-model:conversation-id`. */
@@ -54,4 +54,4 @@ type MeistrariChatEmbedSlots = SlotsType<{
 declare const MeistrariChatEmbed: DefineSetupFnComponent<MeistrariChatEmbedProps, MeistrariChatEmbedEmits, MeistrariChatEmbedSlots>;
 
 export default MeistrariChatEmbed;
-export type { ChatActionPayload, ChatEmbedVariant, ChatEmbedVariantProps, ChatFeatureConfig, ChatMessageTerminalPayload, ChatSidebarConfig, ChatSuggestion, DefaultChatEmbedProps, MeistrariChatEmbedProps, MessageFeedbackPayload, TelaAgentChatEmbedProps };
+export type { AvailableChatModels, ChatActionPayload, ChatEmbedVariant, ChatEmbedVariantProps, ChatFeatureConfig, ChatMessageTerminalPayload, ChatSidebarConfig, ChatSuggestion, DefaultChatEmbedProps, MeistrariChatEmbedProps, MessageFeedbackPayload, TelaAgentChatEmbedProps };

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

@@ -6,6 +6,7 @@ const { hideSidebar = void 0, ...props } = defineProps({
   initialConversationId: { type: [String, null], required: false },
   conversationScope: { type: [String, null], required: false },
   defaultConversationCreatorFilter: { type: null, required: false },
+  availableModels: { type: Array, required: false },
   conversationCreatorFilter: { type: null, required: false },
   hideConversationCreatorFilter: { type: Boolean, required: false },
   hideSidebar: { type: Boolean, required: false },
@@ -62,6 +63,7 @@ const sharedEmbedProps = computed(() => ({
   initialConversationId: props.initialConversationId,
   conversationScope: props.conversationScope,
   defaultConversationCreatorFilter: props.defaultConversationCreatorFilter,
+  availableModels: props.availableModels,
   conversationCreatorFilter: props.conversationCreatorFilter,
   hideConversationCreatorFilter: props.hideConversationCreatorFilter,
   hideSettings: hideSettings.value,

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

@@ -3,7 +3,7 @@ import type { ChatActionPayload } from '../../messages/composables/chat-action.j
 import type { MessageFeedbackPayload } from '../../messages/composables/chat-feedback.js';
 import type { ChatMessageTerminalPayload } from '../../messages/composables/chat-message-terminal.js';
 import type { ChatFeatureConfig } from '../feature-config.js';
-import type { ChatEmbedVariant, ChatEmbedVariantProps, ChatSidebarConfig, ChatSuggestion, DefaultChatEmbedProps, MeistrariChatEmbedProps, TelaAgentChatEmbedProps } from '../types.js';
+import type { AvailableChatModels, ChatEmbedVariant, ChatEmbedVariantProps, ChatSidebarConfig, ChatSuggestion, DefaultChatEmbedProps, MeistrariChatEmbedProps, TelaAgentChatEmbedProps } from '../types.js';
 
 type MeistrariChatEmbedEmits = {
     /** Fired when the active conversation changes. Pairs with `v-model:conversation-id`. */
@@ -54,4 +54,4 @@ type MeistrariChatEmbedSlots = SlotsType<{
 declare const MeistrariChatEmbed: DefineSetupFnComponent<MeistrariChatEmbedProps, MeistrariChatEmbedEmits, MeistrariChatEmbedSlots>;
 
 export default MeistrariChatEmbed;
-export type { ChatActionPayload, ChatEmbedVariant, ChatEmbedVariantProps, ChatFeatureConfig, ChatMessageTerminalPayload, ChatSidebarConfig, ChatSuggestion, DefaultChatEmbedProps, MeistrariChatEmbedProps, MessageFeedbackPayload, TelaAgentChatEmbedProps };
+export type { AvailableChatModels, ChatActionPayload, ChatEmbedVariant, ChatEmbedVariantProps, ChatFeatureConfig, ChatMessageTerminalPayload, ChatSidebarConfig, ChatSuggestion, DefaultChatEmbedProps, MeistrariChatEmbedProps, MessageFeedbackPayload, TelaAgentChatEmbedProps };

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

@@ -5,6 +5,7 @@ import type { TelaAgentExecutionInput } from '../../types/schemas/integrations/t
 import type { ChatLoadingMessageMode } from '../loading-messages.js';
 import type { ChatCitationsConfig } from '../../citations/types.js';
 import type { MessageFeedbackConfig, MessageFeedbackRating } from '../../messages/composables/chat-feedback.js';
+import type { AvailableChatModels } from '../../messages/model-availability.js';
 type ConfiguredTelaAgentInputs = DeepReadonly<TelaAgentExecutionInput[]> | null | undefined;
 type ConfiguredMessageFeedback = Readonly<Record<string, MessageFeedbackRating>> | null | undefined;
 export type EmbedConfig = {
@@ -12,6 +13,7 @@ export type EmbedConfig = {
     telaAgentId: Ref<string | null>;
     conversationScope: Ref<string | null>;
     defaultConversationCreatorFilter: Ref<ConversationCreatorFilter>;
+    availableModels: Ref<AvailableChatModels | undefined>;
     conversationCreatorFilter: Ref<ConversationCreatorFilter | undefined>;
     telaAgentInputs: Ref<ConfiguredTelaAgentInputs>;
     workspaceSettings: Ref<DeepReadonly<WorkspaceSettings> | WorkspaceSettings | null | undefined>;
@@ -31,6 +33,7 @@ type EmbedConfigInput = {
     telaAgentId?: MaybeRefOrGetter<string | null | undefined>;
     conversationScope?: MaybeRefOrGetter<string | null | undefined>;
     defaultConversationCreatorFilter?: MaybeRefOrGetter<ConversationCreatorFilter | null | undefined>;
+    availableModels?: MaybeRefOrGetter<AvailableChatModels | undefined>;
     conversationCreatorFilter?: MaybeRefOrGetter<ConversationCreatorFilter | undefined>;
     telaAgentInputs?: MaybeRefOrGetter<ConfiguredTelaAgentInputs>;
     workspaceSettings?: MaybeRefOrGetter<DeepReadonly<WorkspaceSettings> | WorkspaceSettings | null | undefined>;

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

@@ -22,6 +22,7 @@ function useGlobalEmbedConfigState() {
     telaAgentId: useState("chat-embed-config-tela-agent-id", () => null),
     conversationScope: useState("chat-embed-config-conversation-scope", () => null),
     defaultConversationCreatorFilter: useState("chat-embed-config-default-conversation-creator-filter", () => void 0),
+    availableModels: useState("chat-embed-config-available-models", () => void 0),
     conversationCreatorFilter: useState("chat-embed-config-conversation-creator-filter", () => void 0),
     telaAgentInputs: useState("chat-embed-config-tela-agent-inputs", () => void 0),
     workspaceSettings: useState("chat-embed-config-workspace-settings", () => void 0),
@@ -43,6 +44,7 @@ export function provideEmbedConfig(input, options = {}) {
     telaAgentId: computed(() => toValue(input.telaAgentId) ?? null),
     conversationScope: computed(() => normalizeConversationScope(toValue(input.conversationScope))),
     defaultConversationCreatorFilter: computed(() => toValue(input.defaultConversationCreatorFilter) ?? "all"),
+    availableModels: computed(() => toValue(input.availableModels)),
     conversationCreatorFilter: computed(() => toValue(input.conversationCreatorFilter)),
     telaAgentInputs: computed(() => toValue(input.telaAgentInputs)),
     workspaceSettings: computed(() => toValue(input.workspaceSettings)),
@@ -65,6 +67,7 @@ export function provideEmbedConfig(input, options = {}) {
       globalConfig.telaAgentId.value = config.telaAgentId.value;
       globalConfig.conversationScope.value = config.conversationScope.value;
       globalConfig.defaultConversationCreatorFilter.value = config.defaultConversationCreatorFilter.value;
+      globalConfig.availableModels.value = config.availableModels.value;
       globalConfig.conversationCreatorFilter.value = config.conversationCreatorFilter.value;
       globalConfig.telaAgentInputs.value = config.telaAgentInputs.value;
       globalConfig.workspaceSettings.value = config.workspaceSettings.value;
@@ -94,6 +97,7 @@ export function useEmbedConfig() {
     telaAgentId: computed(() => globalConfig.telaAgentId.value),
     conversationScope: computed(() => globalConfig.conversationScope.value),
     defaultConversationCreatorFilter: computed(() => globalConfig.defaultConversationCreatorFilter.value ?? "all"),
+    availableModels: computed(() => globalConfig.availableModels.value),
     conversationCreatorFilter: computed(() => globalConfig.conversationCreatorFilter.value),
     telaAgentInputs: computed(() => globalConfig.telaAgentInputs.value),
     workspaceSettings: computed(() => globalConfig.workspaceSettings.value),

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

@@ -6,6 +6,8 @@ import type { ChatLoadingMessageMode } from './loading-messages.js';
 import type { ChatFeatureConfig } from './feature-config.js';
 import type { ChatCitationsConfig } from '../citations/types.js';
 import type { MessageFeedbackConfig, MessageFeedbackRating } from '../messages/composables/chat-feedback.js';
+import type { AvailableChatModels } from '../messages/model-availability.js';
+export type { AvailableChatModels } from '../messages/model-availability.js';
 export type ChatEmbedVariant = 'page' | 'floating' | 'sidepanel';
 export type ChatSuggestion = {
     /** Short label rendered on the suggestion pill. */
@@ -55,6 +57,12 @@ export type ChatEmbedSharedProps = {
      * conversation in scope, `'mine'` shows only those created by the current user.
      */
     defaultConversationCreatorFilter?: ConversationCreatorFilter;
+    /**
+     * Non-empty ordered list of models this embed may display and execute.
+     * When omitted, the full chat catalog remains available. The first model is
+     * used when a new or restored selection is not allowed by this list.
+     */
+    availableModels?: AvailableChatModels;
     /** Controlled creator filter. Use with `v-model:conversation-creator-filter` when the host changes it at runtime. */
     conversationCreatorFilter?: ConversationCreatorFilter;
     /** Hide the conversation creator filter while preserving its active value. */

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

@@ -1,5 +1,7 @@
 <script setup>
 import { chatModelOptions } from "../../types/schemas/chat/ui.js";
+import { useEmbedConfig } from "../../embed/composables/embed-config";
+import { resolveAvailableChatModels } from "../model-availability";
 import TelaChatIconsAnthropic from "@meistrari/tela-build/components/tela/chat/icons/anthropic.vue";
 import TelaChatIconsGemini from "@meistrari/tela-build/components/tela/chat/icons/gemini.vue";
 import TelaChatIconsOpenai from "@meistrari/tela-build/components/tela/chat/icons/openai.vue";
@@ -7,23 +9,32 @@ defineProps({
   disabled: { type: Boolean, required: false }
 });
 const model = defineModel({ type: [String, null], ...{ default: null } });
+const embedConfig = useEmbedConfig();
 const providerIcons = {
   Anthropic: TelaChatIconsAnthropic,
   OpenAI: TelaChatIconsOpenai,
   Google: TelaChatIconsGemini
 };
-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 options = computed(() => {
+  const availableModels = resolveAvailableChatModels(embedConfig?.availableModels.value);
+  return availableModels.map((model2) => {
+    const option = chatModelOptions.find((candidate) => candidate.value === model2);
+    if (!option)
+      throw new Error(`${model2} is missing from the chat model catalog`);
+    return {
+      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",

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

@@ -40,7 +40,7 @@ export declare function useChat(options?: {
     }>, queuedSend?: QueuedSend) => Promise<Message | null>;
     flushOutboundQueue: (wakeSessionId?: string) => Promise<Message | null>;
     failOutboundQueue: (message: string) => boolean;
-    retryMessage: (messageId: string, wakeSessionId?: string) => Promise<boolean>;
+    retryMessage: (messageId: string, prepare?: () => Promise<string | undefined>) => Promise<boolean>;
     cancelConversation: () => Promise<boolean>;
     startPolling: () => void;
     stopPolling: () => void;

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

@@ -16,6 +16,7 @@ import {
   CANCELLATION_FAILED_TEXT,
   GENERATION_FAILED_TEXT
 } from "../message-state.js";
+import { useConversations } from "../../conversations/composables/conversations.js";
 import { exportConversationToMarkdown } from "../../conversations/export.js";
 import { resolveChatStateScope } from "../../conversations/scope.js";
 import { getChatApiErrorCode, getChatApiErrorMessage, getChatApiErrorStatus } from "../../shared/chat-api-error.js";
@@ -45,6 +46,7 @@ export function useChat(options = {}) {
   const embedConfig = useEmbedConfig();
   const { user: authUser, activeOrganization } = useChatAuth();
   const { addFilesToConversation } = useConversationFileActions();
+  const { updateConversationInList } = useConversations();
   const chatScope = computed(() => resolveChatStateScope(
     embedConfig?.workspaceId.value || activeOrganization.value?.id,
     embedConfig?.telaAgentId.value,
@@ -118,9 +120,26 @@ export function useChat(options = {}) {
     schedulePreparingStep(0);
   }
   const error = ref(null);
-  const titleGenerated = ref(false);
-  const generatingTitle = ref(false);
-  const animatedTitle = ref(null);
+  const titleGeneratedBuckets = useState("chat-title-generated", () => ({}));
+  const generatingTitleBuckets = useState("chat-generating-title", () => ({}));
+  const animatedTitleBuckets = useState("chat-animated-title", () => ({}));
+  const generatingTitle = computed(() => {
+    const conversationId = currentConversation.value?.id;
+    return conversationId ? generatingTitleBuckets.value[conversationId] ?? false : false;
+  });
+  const animatedTitle = computed(() => {
+    const conversationId = currentConversation.value?.id;
+    return conversationId ? animatedTitleBuckets.value[conversationId] ?? null : null;
+  });
+  function markTitleGenerated(conversationId, generated) {
+    titleGeneratedBuckets.value = { ...titleGeneratedBuckets.value, [conversationId]: generated };
+  }
+  function setGeneratingTitle(conversationId, generating) {
+    generatingTitleBuckets.value = { ...generatingTitleBuckets.value, [conversationId]: generating };
+  }
+  function setAnimatedTitle(conversationId, title) {
+    animatedTitleBuckets.value = { ...animatedTitleBuckets.value, [conversationId]: title };
+  }
   const hasPendingMessage = computed(
     () => messages.value.some((m) => m.status === "pending")
   );
@@ -338,7 +357,6 @@ export function useChat(options = {}) {
   };
   const adoptConversation = (conv) => {
     currentConversation.value = { ...conv, messages: messages.value };
-    titleGenerated.value = false;
   };
   const setConversation = (conv) => {
     if (currentConversation.value && currentConversation.value.id !== conv.id) {
@@ -353,13 +371,11 @@ export function useChat(options = {}) {
     agentSessionStatus.value = null;
     agentSessionExecutable.value = false;
     agentSessionRewakeable.value = false;
-    titleGenerated.value = false;
     error.value = null;
   };
   const loadConversation = async (id) => {
     loading.value = true;
     error.value = null;
-    titleGenerated.value = false;
     try {
       const data = await $fetch(
         chatApi.path(`/conversations/${id}`),
@@ -369,9 +385,8 @@ export function useChat(options = {}) {
       messages.value = data.messages;
       pendingStreamReconciliationIds.value = /* @__PURE__ */ new Set();
       pendingRealResultIds.value = /* @__PURE__ */ new Set();
-      if (shouldTreatLoadedConversationTitleAsGenerated(data.messages)) {
-        titleGenerated.value = true;
-      }
+      if (shouldTreatLoadedConversationTitleAsGenerated(data.messages))
+        markTitleGenerated(data.id, true);
       const pendingAssistant = data.messages.findLast((m) => m.role === "assistant" && m.status === "pending");
       if (pendingAssistant) {
         streamingMessageId.value = pendingAssistant.id;
@@ -713,19 +728,24 @@ export function useChat(options = {}) {
       return false;
     }
   };
-  const retryMessage = async (messageId, wakeSessionId) => {
+  const retryMessage = async (messageId, prepare) => {
     if (!currentConversation.value)
       return false;
+    const conversationId = currentConversation.value.id;
     error.value = null;
-    const retry = beginAssistantMessageRetry(messages.value, messageId);
-    if (!retry)
-      return false;
-    messages.value = retry.messages;
-    streamingMessageId.value = messageId;
-    directStream.beginMessage();
+    let retry = null;
     try {
+      const wakeSessionId = prepare ? await prepare() : void 0;
+      if (currentConversation.value?.id !== conversationId)
+        return false;
+      retry = beginAssistantMessageRetry(messages.value, messageId);
+      if (!retry)
+        return false;
+      messages.value = retry.messages;
+      streamingMessageId.value = messageId;
+      directStream.beginMessage();
       await $fetch(
-        chatApi.path(`/conversations/${currentConversation.value.id}/messages/${messageId}/retry`),
+        chatApi.path(`/conversations/${conversationId}/messages/${messageId}/retry`),
         chatApi.withChatHeaders({
           method: "POST",
           body: wakeSessionId ? { wakeSessionId } : {}
@@ -734,39 +754,46 @@ export function useChat(options = {}) {
       startPolling();
       return true;
     } catch (err) {
-      messages.value = restoreAssistantMessageAfterRetryFailure(messages.value, retry.originalMessage);
-      streamingMessageId.value = null;
-      directStream.disconnect();
+      if (retry) {
+        messages.value = restoreAssistantMessageAfterRetryFailure(messages.value, retry.originalMessage);
+        streamingMessageId.value = null;
+        directStream.disconnect();
+      }
       const errorMessage = getChatApiErrorCode(err) === "workspace_agent_not_ready" ? WORKSPACE_AGENT_NOT_READY_TEXT : err instanceof Error ? err.message : "Erro ao reenviar mensagem";
       error.value = errorMessage;
       Sentry.captureException(err);
       return false;
     }
   };
-  const animateTitle = (title) => {
+  const animateTitle = (title, conversationId) => {
     return new Promise((resolve) => {
-      animatedTitle.value = "";
+      setAnimatedTitle(conversationId, "");
       let index = 0;
       const interval = setInterval(() => {
-        if (index < title.length) {
-          animatedTitle.value = title.slice(0, index + 1);
+        if (currentConversation.value?.id !== conversationId) {
+          clearInterval(interval);
+          setAnimatedTitle(conversationId, null);
+          resolve(false);
+        } else if (index < title.length) {
+          setAnimatedTitle(conversationId, title.slice(0, index + 1));
           index++;
         } else {
           clearInterval(interval);
-          animatedTitle.value = null;
-          resolve();
+          setAnimatedTitle(conversationId, null);
+          resolve(true);
         }
       }, 30);
     });
   };
   const generateTitle = async () => {
-    if (!currentConversation.value || titleGenerated.value)
+    const conversation = currentConversation.value;
+    if (!conversation || titleGeneratedBuckets.value[conversation.id])
       return;
     const titleMessages = selectTitleGenerationMessages(messages.value);
     if (!titleMessages)
       return;
-    titleGenerated.value = true;
-    generatingTitle.value = true;
+    markTitleGenerated(conversation.id, true);
+    setGeneratingTitle(conversation.id, true);
     try {
       const { title } = await $fetch(
         chatApi.path("/conversations/generate-title"),
@@ -778,24 +805,27 @@ export function useChat(options = {}) {
           }
         })
       );
-      if (title && currentConversation.value) {
-        await animateTitle(title);
-        await $fetch(chatApi.path(`/conversations/${currentConversation.value.id}`), {
-          ...chatApi.withChatHeaders({
-            method: "PATCH",
-            body: { title }
-          })
-        });
-        currentConversation.value = {
-          ...currentConversation.value,
-          title
-        };
+      if (!title)
+        return;
+      const updated = await $fetch(
+        chatApi.path(`/conversations/${conversation.id}`),
+        chatApi.withChatHeaders({
+          method: "PATCH",
+          body: { title }
+        })
+      );
+      updateConversationInList(updated);
+      if (currentConversation.value?.id === conversation.id && await animateTitle(title, conversation.id)) {
+        const current = currentConversation.value;
+        if (current?.id === conversation.id)
+          currentConversation.value = { ...current, title };
       }
     } catch (err) {
+      markTitleGenerated(conversation.id, false);
       Sentry.captureException(err);
     } finally {
-      generatingTitle.value = false;
-      animatedTitle.value = null;
+      setGeneratingTitle(conversation.id, false);
+      setAnimatedTitle(conversation.id, null);
     }
   };
   const exportToMarkdown = () => {

package/dist/runtime/messages/model-availability.d.ts

@@ -0,0 +1,6 @@
+import type { ChatModel } from '../types/schemas/chat/models.js';
+export type AvailableChatModels = readonly [ChatModel, ...ChatModel[]];
+export declare const MODEL_UPDATE_FAILED_MESSAGE = "N\u00E3o foi poss\u00EDvel atualizar o modelo da conversa";
+export declare function resolveAvailableChatModels(availableModels?: readonly ChatModel[]): readonly ChatModel[];
+export declare function resolveChatModelSelection(selectedModel: string | null, availableModels?: readonly ChatModel[]): string | null;
+export declare function ensureConversationUsesSelectedModel(conversationModel: string | null, selectedModel: string | null, updateModel: (model: string | null) => Promise<boolean>): Promise<void>;

package/dist/runtime/messages/model-availability.js

@@ -0,0 +1,28 @@
+import { chatModelIds, isValidChatModel } from "../types/schemas/chat/models.js";
+export const MODEL_UPDATE_FAILED_MESSAGE = "N\xE3o foi poss\xEDvel atualizar o modelo da conversa";
+export function resolveAvailableChatModels(availableModels) {
+  if (availableModels === void 0)
+    return chatModelIds;
+  if (availableModels.length === 0)
+    throw new Error("availableModels must contain at least one model");
+  const uniqueModels = [];
+  for (const model of availableModels) {
+    if (!isValidChatModel(model))
+      throw new Error(`${model} is not a supported chat model`);
+    if (!uniqueModels.includes(model))
+      uniqueModels.push(model);
+  }
+  return uniqueModels;
+}
+export function resolveChatModelSelection(selectedModel, availableModels) {
+  if (availableModels === void 0)
+    return selectedModel;
+  const resolvedModels = resolveAvailableChatModels(availableModels);
+  return selectedModel && resolvedModels.includes(selectedModel) ? selectedModel : resolvedModels[0];
+}
+export async function ensureConversationUsesSelectedModel(conversationModel, selectedModel, updateModel) {
+  if (conversationModel === selectedModel)
+    return;
+  if (!await updateModel(selectedModel))
+    throw new Error(MODEL_UPDATE_FAILED_MESSAGE);
+}

package/dist/runtime/server/api/chat/conversations/generate-title.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("h3").EventHandler<import("h3").EventHandlerRequest, Promise<any>>;
+export default _default;

package/dist/runtime/server/api/chat/conversations/generate-title.js

@@ -0,0 +1,3 @@
+import { defineEventHandler } from "h3";
+import { proxyChatApiRequest } from "../../../utils/chat-api-proxy.js";
+export default defineEventHandler((event) => proxyChatApiRequest(event, "conversations/generate-title"));

package/dist/runtime/server/api/chat/conversations/groups/[groupId].d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("h3").EventHandler<import("h3").EventHandlerRequest, Promise<any>>;
+export default _default;

package/dist/runtime/server/api/chat/conversations/groups/[groupId].js

@@ -0,0 +1,6 @@
+import { defineEventHandler, getRouterParam } from "h3";
+import { prefixProxyPath, proxyChatApiRequest } from "../../../../utils/chat-api-proxy.js";
+export default defineEventHandler((event) => {
+  const groupId = getRouterParam(event, "groupId") || "";
+  return proxyChatApiRequest(event, prefixProxyPath("conversations/groups", groupId));
+});

package/dist/runtime/server/api/chat/conversations/groups.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("h3").EventHandler<import("h3").EventHandlerRequest, Promise<any>>;
+export default _default;

package/dist/runtime/server/api/chat/conversations/groups.js

@@ -0,0 +1,3 @@
+import { defineEventHandler } from "h3";
+import { proxyChatApiRequest } from "../../../utils/chat-api-proxy.js";
+export default defineEventHandler((event) => proxyChatApiRequest(event, "conversations/groups"));

package/dist/runtime/server/api/chat/conversations/metadata.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("h3").EventHandler<import("h3").EventHandlerRequest, Promise<any>>;
+export default _default;

package/dist/runtime/server/api/chat/conversations/metadata.js

@@ -0,0 +1,3 @@
+import { defineEventHandler } from "h3";
+import { proxyChatApiRequest } from "../../../utils/chat-api-proxy.js";
+export default defineEventHandler((event) => proxyChatApiRequest(event, "conversations/metadata"));

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

@@ -1,6 +1,6 @@
 export type { ChatCitationsConfig, CitationMeta, CitationRef, } from '../citations/types.js';
 export type { ChatFeatureConfig } from '../embed/feature-config.js';
-export type { ChatActor, ChatEmbedSharedProps, ChatEmbedVariant, ChatEmbedVariantProps, ChatSidebarConfig, ChatSuggestion, DefaultChatEmbedProps, MeistrariChatEmbedProps, TelaAgentChatEmbedProps, } from '../embed/types.js';
+export type { AvailableChatModels, ChatActor, ChatEmbedSharedProps, ChatEmbedVariant, ChatEmbedVariantProps, ChatSidebarConfig, ChatSuggestion, DefaultChatEmbedProps, MeistrariChatEmbedProps, TelaAgentChatEmbedProps, } from '../embed/types.js';
 export type { ChatActionPayload } from '../messages/composables/chat-action.js';
 export type { MessageFeedbackConfig, MessageFeedbackPayload, MessageFeedbackRating, MessageFeedbackSubmitHandler, MessageFeedbackSubmitResult, } from '../messages/composables/chat-feedback.js';
 export { ChatMessageStatus } from '../messages/composables/chat-message-terminal.js';

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

@@ -216,6 +216,7 @@ export declare const createConversationRequestSchema: z.ZodObject<{
         "claude-opus-5": "claude-opus-5";
         "claude-opus-4-8": "claude-opus-4-8";
         "claude-sonnet-5": "claude-sonnet-5";
+        "claude-sonnet-4-6": "claude-sonnet-4-6";
         "claude-haiku-4-5": "claude-haiku-4-5";
     }>>>;
     agentInputs: z.ZodOptional<z.ZodArray<z.ZodDiscriminatedUnion<[z.ZodObject<{
@@ -253,6 +254,7 @@ export declare const updateConversationRequestSchema: z.ZodObject<{
         "claude-opus-5": "claude-opus-5";
         "claude-opus-4-8": "claude-opus-4-8";
         "claude-sonnet-5": "claude-sonnet-5";
+        "claude-sonnet-4-6": "claude-sonnet-4-6";
         "claude-haiku-4-5": "claude-haiku-4-5";
     }>>>;
 }, z.core.$strict>;

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

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

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

@@ -3,6 +3,7 @@ export const chatModelIds = [
     'claude-opus-5',
     'claude-opus-4-8',
     'claude-sonnet-5',
+    'claude-sonnet-4-6',
     'claude-haiku-4-5',
 ];
 export const chatModelSchema = z.enum(chatModelIds);

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

@@ -49,6 +49,16 @@ export declare const chatModelOptions: readonly [{
     readonly maxOutputTokens: 64000;
     readonly isMultiModal: true;
     readonly tabs: readonly ["all", "advanced", "multimodal"];
+}, {
+    readonly value: "claude-sonnet-4-6";
+    readonly label: "Claude 4.6 Sonnet";
+    readonly description: "Agente rápido para tarefas avançadas";
+    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: "Claude 4.5 Haiku";

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

@@ -9,6 +9,7 @@ export const chatModelOptions = [
     { value: 'claude-opus-5', label: 'Claude Opus 5', description: 'Agente de ponta para trabalho complexo', provider: 'Anthropic', cost: 5, maxInputTokens: 1_000_000, maxOutputTokens: 128_000, isMultiModal: true, tabs: ['all', 'advanced', 'multimodal'] },
     { 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 para tarefas avançadas', provider: 'Anthropic', cost: 4, maxInputTokens: 1_000_000, maxOutputTokens: 64_000, isMultiModal: true, tabs: ['all', 'advanced', 'multimodal'] },
+    { value: 'claude-sonnet-4-6', label: 'Claude 4.6 Sonnet', description: 'Agente rápido para tarefas avançadas', 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 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'];

package/dist/runtime/types/schemas/integrations/tela-agent-api.d.ts

@@ -278,6 +278,7 @@ export declare const telaAgentWakeRequestSchema: z.ZodObject<{
         "claude-opus-5": "claude-opus-5";
         "claude-opus-4-8": "claude-opus-4-8";
         "claude-sonnet-5": "claude-sonnet-5";
+        "claude-sonnet-4-6": "claude-sonnet-4-6";
         "claude-haiku-4-5": "claude-haiku-4-5";
     }>>;
 }, z.core.$strip>;

package/dist/types.d.mts

@@ -6,7 +6,7 @@ export type ModuleOptions = typeof Module extends NuxtModule<infer O> ? Partial<
 
 export { ChatMessageStatus } from '../dist/runtime/messages/composables/chat-message-terminal.js'
 
-export { type ChatActionPayload, type ChatActor, type ChatEmbedSharedProps, type ChatEmbedVariant, type ChatEmbedVariantProps, type ChatFeatureConfig, type ChatMessageTerminalPayload, type ChatSidebarConfig, type ChatSuggestion, type DefaultChatEmbedProps, type MeistrariChatEmbedProps, type MessageFeedbackConfig, type MessageFeedbackPayload, type MessageFeedbackRating, type MessageFeedbackSubmitHandler, type MessageFeedbackSubmitResult, type MessageOverviewResponse, type TelaAgentChatEmbedProps, type TelaAgentExecutionInput } from '../dist/runtime/types/embed.js'
+export { type AvailableChatModels, type ChatActionPayload, type ChatActor, type ChatEmbedSharedProps, type ChatEmbedVariant, type ChatEmbedVariantProps, type ChatFeatureConfig, type ChatMessageTerminalPayload, type ChatSidebarConfig, type ChatSuggestion, type DefaultChatEmbedProps, type MeistrariChatEmbedProps, type MessageFeedbackConfig, type MessageFeedbackPayload, type MessageFeedbackRating, type MessageFeedbackSubmitHandler, type MessageFeedbackSubmitResult, type MessageOverviewResponse, type TelaAgentChatEmbedProps, type TelaAgentExecutionInput } from '../dist/runtime/types/embed.js'
 
 export { default } from './module.mjs'
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meistrari/chat-nuxt",
-  "version": "3.14.2-rc.2",
+  "version": "3.15.0-rc.1",
   "type": "module",
   "exports": {
     ".": {