@meistrari/chat-nuxt 4.7.1-rc.0 → 4.8.0-rc.1

package/README.md

@@ -101,6 +101,7 @@ Declared in `src/runtime/embed/types.ts`; prop, feature-flag, and event payload
 | `defaultConversationCreatorFilter` | `'all' \| 'mine'` | `'all'` | Initial sidebar creator filter: every conversation in scope, or only the current user's |
 | `availableModels` | `AvailableChatModels` | Harness catalog | Visual filter and ordering for catalog options. Unknown ids are omitted; if no ids match, the full catalog is shown. Does not change defaults, restored selections or execution. The Agent validates availability |
 | `defaultModel` | `ChatModel` | Package default | Initial model for untouched drafts. Explicit selections and existing conversations take precedence; `availableModels` only filters the selector |
+| `executionControls` | `ChatExecutionControls` | Legacy feature flags | Choose `hidden`, `simple` (Padrão / Aprofundar), or `advanced` (model and effort pickers). See below |
 | `defaultReasoningEffort` | `ChatReasoningEffort` | Automatic (`null`) | Initial reasoning effort for untouched drafts. Explicit user choices (including automatic) take precedence |
 | `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 |
@@ -109,7 +110,7 @@ Declared in `src/runtime/embed/types.ts`; prop, feature-flag, and event payload
 | `telaAgentInputs` | `TelaAgentExecutionInput[] \| null` | `undefined` | Inputs sent with each Tela agent run; hides the variables panel when non-null |
 | `workspaceSettings` | `WorkspaceSettings \| null` | `null` | Override settings from host app; not accepted in Tela agent mode |
 | `user` | `ChatActor \| null` | `null` | Override current user display info; not accepted in Tela agent mode |
-| `features` | `Partial<ChatFeatureConfig>` | `{}` | Toggle `showUsageTab`, `showDebugOption`, `showCancelButton`, `showTtft`, `chatOutboundQueue`, `showPromptInputHints`, `showModelSelector`, and `showReasoningEffortSelector`; all released features default to `true` |
+| `features` | `Partial<ChatFeatureConfig>` | `{}` | Toggle `showUsageTab`, `showDebugOption`, `showCancelButton`, `showTtft`, `chatOutboundQueue`, `showPromptInputHints`, `showModelSelector`, and `showReasoningEffortSelector`; all released features default to `true`. The two picker flags are deprecated in favor of `executionControls` |
 | `loadingMessages` | `readonly string[] \| null` | Default chat messages | Override pending-response messages |
 | `loadingMessagesMode` | `'ordered' \| 'random' \| null` | `'ordered'` | Rotate custom messages in order or at random; only applies when `loadingMessages` has a non-empty message |
 | `labels` | `Partial<ChatLabels>` | Portuguese defaults | Override conversation-search text; see [UI labels](docs/guides/embedding.md#ui-labels) for supported keys and surfaces |
@@ -181,3 +182,61 @@ Peer dependencies:
 |---------|---------|---------|
 | `nuxt` | `^3.17.0 \|\| ^4.0.0` | Host framework |
 | `vue` | `^3.5.0` | Host Vue runtime |
+
+### Execution controls
+
+`executionControls` selects how users configure a response. Omit it to preserve
+existing behavior, including `features.showModelSelector` and
+`features.showReasoningEffortSelector`. Both legacy fields remain supported and
+are marked `@deprecated` for editor guidance. When `executionControls` is present,
+it takes precedence over both legacy flags as a whole.
+
+```vue
+<MeistrariChatEmbed
+    :execution-controls="{
+        mode: 'simple',
+        profiles: {
+            default: { model: standardModelId, reasoningEffort: 'medium' },
+            deep: { model: deepModelId, reasoningEffort: 'high' },
+        },
+    }"
+/>
+```
+
+Supply model IDs available to the configured agent and effort levels supported
+by those models. Both profiles may use the same model. An explicit `null` effort
+uses the agent's configured effort. Profile selection keeps both settings local
+until the next send or fresh retry. That request persists the settings and records
+each changed field in the conversation history. Reloading discards unsent choices;
+a rejected admission restores the prior persisted settings.
+
+In `simple` mode, new conversations start with the `default` profile, regardless
+of `defaultModel` and `defaultReasoningEffort`. A selection stays within the current
+conversation. Changing control modes preserves explicit draft choices. Starting
+a new conversation discards a simple selection even if the controls have since
+been hidden or switched to advanced mode. If only one field is manually changed in advanced mode, the remaining simple
+selection still causes both fields to reset for a new conversation. Manually
+replacing both fields in advanced mode retains the existing behavior of carrying
+them over to new conversations.
+Restored conversations keep their settings: the control shows
+**Personalizado** when the saved model and effort do not match either profile.
+The menu still offers only **Padrão** and **Aprofundar**. Changes apply to subsequent
+messages and do not regenerate earlier responses. If profiles are identical,
+**Padrão** wins the label match.
+
+In `hidden` and `advanced` modes, the existing model and effort defaults and saved
+conversation settings retain their behavior. Hiding controls does not force a
+model or effort. `availableModels` continues to filter the advanced model picker;
+it does not filter or rewrite the simple profiles.
+
+| Legacy configuration | Replacement |
+| --- | --- |
+| Both picker flags `false` | `{ mode: 'hidden' }` |
+| Both picker flags `true` | `{ mode: 'advanced' }` |
+| Only effort picker `false` | `{ mode: 'advanced', showReasoningEffortSelector: false }` |
+| Only model picker `false` | `{ mode: 'advanced', showModelSelector: false }` |
+
+Advanced picker flags default to `true`. Import `ChatExecutionControls` and
+`ChatExecutionProfile` from `@meistrari/chat-nuxt/types/embed` when declaring host
+configuration separately. `defaultModel` and `defaultReasoningEffort` are not
+deprecated.

package/dist/module.json

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

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

@@ -1,3 +1,4 @@
+import type { ChatExecutionProfile } from '../../embed/execution-controls.js';
 import type { DeepReadonly } from 'vue';
 import type { Conversation, ConversationWithMessages, CreateConversationRequest } from '../../types/schemas/chat/conversations.js';
 import type { ChatReasoningEffort } from '../../types/schemas/chat/models.js';
@@ -14,6 +15,7 @@ export declare function useConversations(): {
     renameConversation: (id: string, title: string) => Promise<boolean>;
     updateConversationModel: (id: string, model: string | null) => Promise<boolean>;
     updateConversationReasoningEffort: (id: string, reasoningEffort: ChatReasoningEffort | null) => Promise<boolean>;
+    updateConversationExecutionProfile: (id: string, profile: ChatExecutionProfile) => Promise<boolean>;
     moveConversationToGroup: (id: string, groupId: string | null) => Promise<boolean>;
     duplicateConversation: (id: string) => Promise<ConversationWithMessages | null>;
     forkConversation: (id: string, messageId: string) => Promise<ConversationWithMessages | null>;

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

@@ -505,6 +505,7 @@ export function useConversations() {
   };
   const updateConversationModel = (id, model) => patchConversationSetting(id, { model }, "Erro ao atualizar modelo da conversa");
   const updateConversationReasoningEffort = (id, reasoningEffort) => patchConversationSetting(id, { reasoningEffort }, "Erro ao atualizar o esfor\xE7o de racioc\xEDnio da conversa");
+  const updateConversationExecutionProfile = (id, profile) => patchConversationSetting(id, profile, "Erro ao atualizar o modo de resposta da conversa");
   const forkConversation = async (id, messageId) => {
     error.value = null;
     const statusToast = useStatusToast();
@@ -561,6 +562,7 @@ export function useConversations() {
     renameConversation,
     updateConversationModel,
     updateConversationReasoningEffort,
+    updateConversationExecutionProfile,
     moveConversationToGroup,
     duplicateConversation,
     forkConversation,

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

@@ -19,27 +19,27 @@ type __VLS_Props = {
     user?: EmbedUser | null;
     features?: Partial<ChatFeatureConfig>;
 };
-declare var __VLS_14: {}, __VLS_88: {}, __VLS_101: {
+declare var __VLS_14: {}, __VLS_92: {}, __VLS_105: {
     message: useChatAuth;
-}, __VLS_113: {}, __VLS_122: {}, __VLS_183: {}, __VLS_202: {
+}, __VLS_118: {}, __VLS_127: {}, __VLS_191: {}, __VLS_210: {
     message: useChatAuth;
-}, __VLS_214: {};
+}, __VLS_223: {};
 type __VLS_Slots = {} & {
     'sidebar-bottom'?: (props: typeof __VLS_14) => any;
 } & {
-    'composer-bottom'?: (props: typeof __VLS_88) => any;
+    'composer-bottom'?: (props: typeof __VLS_92) => any;
 } & {
-    'failed-message-actions'?: (props: typeof __VLS_101) => any;
+    'failed-message-actions'?: (props: typeof __VLS_105) => any;
 } & {
-    'composer-bottom'?: (props: typeof __VLS_113) => any;
+    'composer-bottom'?: (props: typeof __VLS_118) => any;
 } & {
-    'topbar-leading'?: (props: typeof __VLS_122) => any;
+    'topbar-leading'?: (props: typeof __VLS_127) => any;
 } & {
-    'composer-bottom'?: (props: typeof __VLS_183) => any;
+    'composer-bottom'?: (props: typeof __VLS_191) => any;
 } & {
-    'failed-message-actions'?: (props: typeof __VLS_202) => any;
+    'failed-message-actions'?: (props: typeof __VLS_210) => any;
 } & {
-    'composer-bottom'?: (props: typeof __VLS_214) => any;
+    'composer-bottom'?: (props: typeof __VLS_223) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:conversationId": (value: string | null) => any;

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

@@ -23,10 +23,6 @@ import {
   resolveTelaAgentInputs,
   useChat
 } from "../../messages/composables/chat";
-import {
-  ensureConversationUsesSelectedModel,
-  MODEL_UPDATE_FAILED_MESSAGE
-} 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";
@@ -95,8 +91,6 @@ const {
   createConversation,
   deleteConversation,
   renameConversation,
-  updateConversationModel,
-  updateConversationReasoningEffort,
   duplicateConversation,
   forkConversation,
   moveConversationToGroup,
@@ -173,7 +167,7 @@ const {
   setPendingConversationGroup,
   clearPendingConversationGroup
 } = usePendingConversationGroup();
-const resolvedFeatures = computed(() => resolveChatFeatures(props.features));
+const resolvedFeatures = computed(() => resolveChatFeatures(props.features, embedConfig?.executionControls?.value));
 const dropZoneRef = ref(null);
 const activeTab = ref("chat");
 const answerTarget = ref(null);
@@ -226,9 +220,7 @@ const {
   loadConversation,
   setConversation,
   adoptConversation,
-  setConversationModel,
   pendingModelSelection,
-  setConversationReasoningEffort,
   pendingReasoningEffortSelection,
   sendMessage,
   flushOutboundQueue,
@@ -245,89 +237,43 @@ const {
   onQueuedSendFailed: restoreQueuedSend
 });
 const agentWake = harnessAdapter?.requiresSandboxWake === false ? null : useAgentWake();
-const modelUpdateInFlight = ref(null);
-const reasoningEffortUpdateInFlight = ref(null);
-const REASONING_EFFORT_UPDATE_FAILED_MESSAGE = "N\xE3o foi poss\xEDvel atualizar o esfor\xE7o de racioc\xEDnio da conversa";
 watch(chatError, (message) => {
   if (message)
     statusToast.update({ text: message, icon: "i-ph-warning" });
 });
 const { total, files: conversationFiles, loading: conversationFilesLoading } = useConversationFiles(activeConversationId);
-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 (agentWake && updated && value && wakeAgent && !chatApi.conversationV2Enabled) {
-      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);
-  }
-}
-function persistConversationReasoningEffort(conversation, value) {
-  const previousEffort = conversation.reasoningEffort ?? null;
-  setConversationReasoningEffort(value);
-  const update = updateConversationReasoningEffort(conversation.id, value).then((updated) => {
-    if (!updated && currentConversation.value?.id === conversation.id && (currentConversation.value.reasoningEffort ?? null) === value) {
-      setConversationReasoningEffort(previousEffort);
-    }
-    return updated;
-  });
-  const trackedUpdate = update.finally(() => {
-    if (reasoningEffortUpdateInFlight.value === trackedUpdate)
-      reasoningEffortUpdateInFlight.value = null;
-  });
-  reasoningEffortUpdateInFlight.value = trackedUpdate;
-  return trackedUpdate;
-}
-async function waitForPendingReasoningEffortUpdate() {
-  while (reasoningEffortUpdateInFlight.value) {
-    const update = reasoningEffortUpdateInFlight.value;
-    if (!await update)
-      throw new Error(REASONING_EFFORT_UPDATE_FAILED_MESSAGE);
-  }
-}
 function resolveSelectedModel(value) {
   return nativeModels ? nativeModels.resolve(value) : value;
 }
+const draftModel = ref(void 0);
+const draftReasoningEffort = ref(void 0);
+watch(() => currentConversation.value?.id, () => {
+  draftModel.value = void 0;
+  draftReasoningEffort.value = void 0;
+}, { flush: "sync" });
 const selectedModel = computed({
-  get: () => resolveSelectedModel(
-    currentConversation.value ? currentConversation.value.model : pendingModelSelection.value
-  ),
+  get: () => resolveSelectedModel(draftModel.value !== void 0 ? draftModel.value : currentConversation.value ? currentConversation.value.model : pendingModelSelection.value),
   set: (value) => {
-    const resolvedValue = resolveSelectedModel(value);
-    pendingModelSelection.value = resolvedValue;
-    const conversation = currentConversation.value;
-    if (conversation && conversation.model !== resolvedValue)
-      void persistConversationModel(conversation, resolvedValue, true);
+    const resolved = resolveSelectedModel(value);
+    pendingModelSelection.value = resolved;
+    draftModel.value = resolved;
   }
 });
 const selectedReasoningEffort = computed({
-  get: () => currentConversation.value ? currentConversation.value.reasoningEffort ?? null : pendingReasoningEffortSelection.value,
+  get: () => draftReasoningEffort.value !== void 0 ? draftReasoningEffort.value : currentConversation.value ? currentConversation.value.reasoningEffort ?? null : pendingReasoningEffortSelection.value,
   set: (value) => {
     pendingReasoningEffortSelection.value = value;
-    const conversation = currentConversation.value;
-    if (conversation && (conversation.reasoningEffort ?? null) !== value)
-      void persistConversationReasoningEffort(conversation, value);
+    draftReasoningEffort.value = value;
   }
 });
+function selectExecutionProfile(profile) {
+  draftModel.value = resolveSelectedModel(profile.model);
+  draftReasoningEffort.value = profile.reasoningEffort;
+  if (!currentConversation.value) {
+    pendingModelSelection.value = draftModel.value;
+    pendingReasoningEffortSelection.value = profile.reasoningEffort;
+  }
+}
 const filesCount = computed(() => total.value);
 const showDetailsPanel = computed(() => !!currentConversation.value && !isMobile.value && !props.compact);
 const detailsConversationId = computed(() => activeConversationId.value ?? currentConversation.value?.id ?? null);
@@ -413,6 +359,8 @@ async function ensureConversationLoaded(conversationId) {
   }
 }
 function resetConversation(shouldEmit = true) {
+  draftModel.value = void 0;
+  draftReasoningEffort.value = void 0;
   clearConversation();
   agentWake?.consume();
   if (agentWake && !chatApi.conversationV2Enabled)
@@ -594,14 +542,14 @@ async function handleSend(content, files, agentInputs) {
     restoreQueuedSend({ content: prepared?.retryContent?.() ?? content, files, agentInputs: resolvedAgentInputs });
 }
 async function dispatchMessage(outbound, files, resolvedAgentInputs) {
+  const executionSettings = { model: selectedModel.value, reasoningEffort: selectedReasoningEffort.value };
   if (props.sendBlocked)
     return false;
   let claimedWakeSessionId;
   const sent = await sendMessage(outbound, files.length > 0 ? files : void 0, resolvedAgentInputs, async (signal) => {
     if (!activeConversationId.value || !currentConversation.value) {
       const conversation2 = await createConversation({
-        model: selectedModel.value,
-        reasoningEffort: selectedReasoningEffort.value,
+        ...executionSettings,
         ...resolvedAgentInputs !== void 0 ? { agentInputs: resolvedAgentInputs } : {}
       });
       if (!conversation2)
@@ -612,36 +560,29 @@ async function dispatchMessage(outbound, files, resolvedAgentInputs) {
       adoptConversation(grouped ? { ...conversation2, groupId } : conversation2);
       updateConversationId(conversation2.id);
     }
-    await waitForPendingModelUpdate();
-    await waitForPendingReasoningEffortUpdate();
     const conversation = currentConversation.value;
     if (!conversation)
       throw new Error("Erro ao preparar conversa");
-    await (nativeModels?.ensureSelectedModel ?? ensureConversationUsesSelectedModel)(
-      conversation.model,
-      selectedModel.value,
-      (value) => persistConversationModel(conversation, value, false)
-    );
     if (!agentWake || chatApi.conversationV2Enabled)
-      return {};
+      return { executionSettings };
     if (conversation.threadSessionId && resolvedFeatures.value.chatOutboundQueue) {
-      const wake = await agentWake.ensureReady(conversation.threadSessionId, selectedModel.value);
+      const wake = await agentWake.ensureReady(conversation.threadSessionId, executionSettings.model);
       if (wake.status !== "ready") {
         if (wake.wokenSandbox && !wake.wokenSandbox.rewakeable)
-          return { defer: true };
+          return { defer: true, executionSettings };
         throw new Error("N\xE3o foi poss\xEDvel acordar o agente. Tente novamente.");
       }
-      return {};
+      return { executionSettings };
     }
     if (!conversation.threadSessionId) {
       await agentWake.waitUntilSettled(signal);
       if (agentWake.state.value === "idle")
-        await agentWake.wake(void 0, selectedModel.value);
+        await agentWake.wake(void 0, executionSettings.model);
     }
     claimedWakeSessionId = claimableWakeSessionId();
     if (!conversation.threadSessionId && !claimedWakeSessionId)
       throw new Error("N\xE3o foi poss\xEDvel acordar o agente. Tente novamente.");
-    return claimedWakeSessionId ? { wakeSessionId: claimedWakeSessionId } : {};
+    return { executionSettings, ...claimedWakeSessionId ? { wakeSessionId: claimedWakeSessionId } : {} };
   });
   if (sent && claimedWakeSessionId)
     agentWake?.consume();
@@ -684,26 +625,21 @@ async function handleCancel() {
   await cancelConversation();
 }
 async function handleRetry(messageId) {
+  const executionSettings = { model: selectedModel.value, reasoningEffort: selectedReasoningEffort.value };
   await retryMessage(messageId, async () => {
-    await waitForPendingModelUpdate();
-    await waitForPendingReasoningEffortUpdate();
     const conversation = currentConversation.value;
     if (!conversation)
       throw new Error("Erro ao preparar conversa");
-    await (nativeModels?.ensureSelectedModel ?? ensureConversationUsesSelectedModel)(
-      conversation.model,
-      selectedModel.value,
-      (value) => persistConversationModel(conversation, value, false)
-    );
     if (!agentWake || chatApi.conversationV2Enabled)
-      return;
+      return { executionSettings };
     if (conversation.threadSessionId) {
-      const wake = await agentWake.ensureReady(conversation.threadSessionId, selectedModel.value);
+      const wake = await agentWake.ensureReady(conversation.threadSessionId, executionSettings.model);
       if (wake.status !== "ready")
         throw new Error("N\xE3o foi poss\xEDvel acordar o agente. Tente novamente.");
     } else {
       agentWake.consume();
     }
+    return { executionSettings };
   });
 }
 async function handleNewConversation(groupId) {
@@ -790,30 +726,35 @@ function handleShare(conversationId) {
   if (id)
     void copyConversationLink(id);
 }
-const forkEvents = shallowRef([]);
+const persistedConversationEvents = shallowRef([]);
 const displayConversationEvents = computed(() => [...new Map([
-  ...forkEvents.value,
+  ...persistedConversationEvents.value,
   ...props.conversationEvents ?? []
 ].filter((event) => event.conversationId === currentConversation.value?.id).map((event) => [event.id, event])).values()]);
 watch([
   () => currentConversation.value?.id,
-  () => JSON.stringify(chatApi.withChatHeaders().headers)
-], async ([conversationId], _previous, onCleanup) => {
-  forkEvents.value = [];
-  if (!conversationId || !chatApi.conversationV2Enabled)
+  () => JSON.stringify(chatApi.withChatHeaders().headers),
+  () => JSON.stringify(messages.value.filter((message) => message.role === "user").map((message) => [message.id, message.createdAt, message.externalUuid])),
+  () => isPolling.value
+], async ([conversationId], previous, onCleanup) => {
+  if (conversationId !== previous?.[0] || JSON.stringify(chatApi.withChatHeaders().headers) !== previous?.[1])
+    persistedConversationEvents.value = [];
+  if (!conversationId)
     return;
-  const controller = new AbortController();
-  onCleanup(() => controller.abort());
+  let current = true;
+  onCleanup(() => {
+    current = false;
+  });
   try {
     const { events } = await $fetch(
       chatApi.path(`/conversations/${conversationId}/events`),
-      chatApi.withChatHeaders({ signal: controller.signal })
+      chatApi.withChatHeaders()
     );
-    if (!controller.signal.aborted)
-      forkEvents.value = events.filter((event) => event.type === "conversation_forked");
+    if (current)
+      persistedConversationEvents.value = events;
   } catch {
-    if (!controller.signal.aborted)
-      statusToast.update({ text: "Erro ao carregar a origem da conversa", icon: "i-ph-warning" });
+    if (current)
+      statusToast.update({ text: "Erro ao carregar os eventos da conversa", icon: "i-ph-warning" });
   }
 }, { immediate: true });
 const forking = ref(false);
@@ -1005,6 +946,7 @@ async function handleDelete() {
                 :show-cancel-button="resolvedFeatures.showCancelButton"
                 :hide-model-selector="!resolvedFeatures.showModelSelector"
                 :hide-reasoning-effort-selector="!resolvedFeatures.showReasoningEffortSelector"
+                :execution-controls-disabled="!!modelUpdateInFlight || !!reasoningEffortUpdateInFlight"
                 :show-debug-option="resolvedFeatures.showDebugOption"
                 :show-outdated-badge="showOutdatedBadge"
                 :show-outdated-banner="showOutdatedBanner"
@@ -1012,6 +954,7 @@ async function handleDelete() {
                 :workspace-logo="workspaceLogo"
                 :workspace-name="workspaceName"
                 :workspace-settings="effectiveWorkspaceSettings"
+                @select-execution-profile="selectExecutionProfile"
                 @cancel="handleCancel"
                 @cancel-editing="cancelEditing"
                 @copy-link="handleShare()"
@@ -1048,6 +991,8 @@ async function handleDelete() {
                         :show-cancel-button="resolvedFeatures.showCancelButton"
                         :hide-model-selector="!resolvedFeatures.showModelSelector"
                         :hide-reasoning-effort-selector="!resolvedFeatures.showReasoningEffortSelector"
+                        :execution-controls-disabled="!!modelUpdateInFlight || !!reasoningEffortUpdateInFlight"
+                        @select-execution-profile="selectExecutionProfile"
                     />
                 </template>
 
@@ -1093,7 +1038,9 @@ async function handleDelete() {
                                 :show-cancel-button="resolvedFeatures.showCancelButton"
                                 :hide-model-selector="!resolvedFeatures.showModelSelector"
                                 :hide-reasoning-effort-selector="!resolvedFeatures.showReasoningEffortSelector"
+                                :execution-controls-disabled="!!modelUpdateInFlight || !!reasoningEffortUpdateInFlight"
                                 centered
+                                @select-execution-profile="selectExecutionProfile"
                                 @send="handleSend"
                                 @cancel="handleCancel"
                             />
@@ -1147,7 +1094,9 @@ async function handleDelete() {
                         :show-cancel-button="resolvedFeatures.showCancelButton"
                         :hide-model-selector="!resolvedFeatures.showModelSelector"
                         :hide-reasoning-effort-selector="!resolvedFeatures.showReasoningEffortSelector"
+                        :execution-controls-disabled="!!modelUpdateInFlight || !!reasoningEffortUpdateInFlight"
                         has-disclaimer
+                        @select-execution-profile="selectExecutionProfile"
                         @send="handleSend"
                         @cancel="handleCancel"
                     />
@@ -1246,6 +1195,8 @@ async function handleDelete() {
                     :show-cancel-button="resolvedFeatures.showCancelButton"
                     :hide-model-selector="!resolvedFeatures.showModelSelector"
                     :hide-reasoning-effort-selector="!resolvedFeatures.showReasoningEffortSelector"
+                    :execution-controls-disabled="!!modelUpdateInFlight || !!reasoningEffortUpdateInFlight"
+                    @select-execution-profile="selectExecutionProfile"
                 />
             </TelaChatBody>
 
@@ -1297,7 +1248,9 @@ async function handleDelete() {
                         :show-cancel-button="resolvedFeatures.showCancelButton"
                         :hide-model-selector="!resolvedFeatures.showModelSelector"
                         :hide-reasoning-effort-selector="!resolvedFeatures.showReasoningEffortSelector"
+                        :execution-controls-disabled="!!modelUpdateInFlight || !!reasoningEffortUpdateInFlight"
                         centered
+                        @select-execution-profile="selectExecutionProfile"
                         @send="handleSend"
                         @cancel="handleCancel"
                     />
@@ -1354,7 +1307,9 @@ async function handleDelete() {
                         :show-cancel-button="resolvedFeatures.showCancelButton"
                         :hide-model-selector="!resolvedFeatures.showModelSelector"
                         :hide-reasoning-effort-selector="!resolvedFeatures.showReasoningEffortSelector"
+                        :execution-controls-disabled="!!modelUpdateInFlight || !!reasoningEffortUpdateInFlight"
                         has-disclaimer
+                        @select-execution-profile="selectExecutionProfile"
                         @send="handleSend"
                         @cancel="handleCancel"
                     />

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

@@ -19,27 +19,27 @@ type __VLS_Props = {
     user?: EmbedUser | null;
     features?: Partial<ChatFeatureConfig>;
 };
-declare var __VLS_14: {}, __VLS_88: {}, __VLS_101: {
+declare var __VLS_14: {}, __VLS_92: {}, __VLS_105: {
     message: useChatAuth;
-}, __VLS_113: {}, __VLS_122: {}, __VLS_183: {}, __VLS_202: {
+}, __VLS_118: {}, __VLS_127: {}, __VLS_191: {}, __VLS_210: {
     message: useChatAuth;
-}, __VLS_214: {};
+}, __VLS_223: {};
 type __VLS_Slots = {} & {
     'sidebar-bottom'?: (props: typeof __VLS_14) => any;
 } & {
-    'composer-bottom'?: (props: typeof __VLS_88) => any;
+    'composer-bottom'?: (props: typeof __VLS_92) => any;
 } & {
-    'failed-message-actions'?: (props: typeof __VLS_101) => any;
+    'failed-message-actions'?: (props: typeof __VLS_105) => any;
 } & {
-    'composer-bottom'?: (props: typeof __VLS_113) => any;
+    'composer-bottom'?: (props: typeof __VLS_118) => any;
 } & {
-    'topbar-leading'?: (props: typeof __VLS_122) => any;
+    'topbar-leading'?: (props: typeof __VLS_127) => any;
 } & {
-    'composer-bottom'?: (props: typeof __VLS_183) => any;
+    'composer-bottom'?: (props: typeof __VLS_191) => any;
 } & {
-    'failed-message-actions'?: (props: typeof __VLS_202) => any;
+    'failed-message-actions'?: (props: typeof __VLS_210) => any;
 } & {
-    'composer-bottom'?: (props: typeof __VLS_214) => any;
+    'composer-bottom'?: (props: typeof __VLS_223) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:conversationId": (value: string | null) => any;

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

@@ -20,6 +20,7 @@ const props = defineProps({
   defaultConversationCreatorFilter: { type: null, required: false },
   availableModels: { type: Array, required: false },
   defaultModel: { type: String, required: false },
+  executionControls: { type: Object, required: false },
   defaultReasoningEffort: { type: null, required: false },
   conversationCreatorFilter: { type: null, required: false },
   hideConversationCreatorFilter: { type: Boolean, required: false },
@@ -86,6 +87,7 @@ provideEmbedConfig({
   conversationScope: normalizedConversationScope,
   defaultConversationCreatorFilter: computed(() => props.defaultConversationCreatorFilter),
   availableModels: computed(() => props.availableModels),
+  executionControls: computed(() => props.executionControls),
   defaultModel: computed(() => props.defaultModel),
   defaultReasoningEffort: computed(() => props.defaultReasoningEffort),
   conversationCreatorFilter: computed(() => props.conversationCreatorFilter),

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

@@ -12,6 +12,7 @@ const { hideSidebar = void 0, syncBrowserState = true, closeOnOutsideClick = tru
   defaultConversationCreatorFilter: { type: null, required: false },
   availableModels: { type: Array, required: false },
   defaultModel: { type: String, required: false },
+  executionControls: { type: Object, required: false },
   defaultReasoningEffort: { type: null, required: false },
   conversationCreatorFilter: { type: null, required: false },
   hideConversationCreatorFilter: { type: Boolean, required: false },
@@ -78,6 +79,7 @@ const sharedEmbedProps = computed(() => ({
   conversationScope: props.conversationScope,
   defaultConversationCreatorFilter: props.defaultConversationCreatorFilter,
   availableModels: props.availableModels,
+  executionControls: props.executionControls,
   defaultModel: props.defaultModel,
   defaultReasoningEffort: props.defaultReasoningEffort,
   conversationCreatorFilter: props.conversationCreatorFilter,

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

@@ -1,3 +1,4 @@
+import type { ChatExecutionProfile } from '../../execution-controls.js';
 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';
@@ -35,6 +36,7 @@ type __VLS_Props = {
     showCancelButton?: boolean;
     hideModelSelector?: boolean;
     hideReasoningEffortSelector?: boolean;
+    executionControlsDisabled?: boolean;
     showDebugOption?: boolean;
     showOutdatedBadge?: boolean;
     showOutdatedBanner?: boolean;
@@ -49,13 +51,13 @@ type __VLS_ModelProps = {
     'selectedReasoningEffort'?: ChatReasoningEffort | null;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_54: {}, __VLS_99: {}, __VLS_101: {};
+declare var __VLS_54: {}, __VLS_100: {}, __VLS_102: {};
 type __VLS_Slots = {} & {
     loading?: (props: typeof __VLS_54) => any;
 } & {
-    empty?: (props: typeof __VLS_99) => any;
+    empty?: (props: typeof __VLS_100) => any;
 } & {
-    default?: (props: typeof __VLS_101) => any;
+    default?: (props: typeof __VLS_102) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:selectedModel": (value: string | null) => any;
@@ -71,6 +73,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     selectConversation: (id: string) => any;
     settings: () => any;
     send: (content: string, files: FileUploadInput[], agentInputs?: TelaAgentExecutionInput[] | undefined) => any;
+    selectExecutionProfile: (profile: ChatExecutionProfile) => any;
     tabChange: (tab: TopbarTab) => any;
     newConversation: (groupId?: string | null | undefined) => any;
     switchWorkspace: () => any;
@@ -92,6 +95,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     onSelectConversation?: ((id: string) => any) | undefined;
     onSettings?: (() => any) | undefined;
     onSend?: ((content: string, files: FileUploadInput[], agentInputs?: TelaAgentExecutionInput[] | undefined) => any) | undefined;
+    onSelectExecutionProfile?: ((profile: ChatExecutionProfile) => any) | undefined;
     "onUpdate:selectedModel"?: ((value: string | null) => any) | undefined;
     "onUpdate:selectedReasoningEffort"?: ((value: any) => any) | undefined;
     onTabChange?: ((tab: TopbarTab) => any) | undefined;