@meistrari/chat-nuxt 2.0.0 → 3.1.0

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

@@ -2,25 +2,20 @@
 import { useBreakpoints, useMagicKeys } from "@vueuse/core";
 import { CHAT_MOBILE_BREAKPOINT } from "../../shared/breakpoints";
 import ChatConfigurationMobileShell from "./configuration/chat-configuration-mobile-shell.vue";
-import { useFileUpload } from "../../files/composables/file-upload";
 import { useKnowledgeSources } from "../../workspace/composables/knowledge-sources";
 import { useStatusToast } from "../../shared/composables/status-toast";
 import { useTela } from "../../shared/composables/tela";
-import { useWorkspaceContextFiles } from "../../workspace/composables/workspace-context-files";
-import { useWorkspaceExternalSkills } from "../../workspace/composables/workspace-external-skills";
+import { useWorkspaceAgent } from "../../workspace/composables/workspace-agent";
 import { useWorkspaceKnowledgeSources } from "../../workspace/composables/workspace-knowledge-sources";
-import { useWorkspacePersonalization } from "../../workspace/composables/workspace-personalization";
 import { useWorkspaceSettings } from "../../workspace/composables/workspace-settings";
-import { useWorkspaceTelaTools } from "../../workspace/composables/workspace-tela-tools";
 const props = defineProps({
   open: { type: Boolean, required: true },
   settings: { type: null, required: false },
-  initialTab: { type: String, required: false, default: "personalization" },
+  initialTab: { type: String, required: false, default: "agent" },
   saving: { type: Boolean, required: false, default: false },
   showCredentialsTab: { type: Boolean, required: false, default: false }
 });
 const emit = defineEmits(["update:open", "save"]);
-const { uploadFiles, uploading } = useFileUpload();
 const { canvas, projects, workstations, loadingWorkstations } = useTela();
 const { setKnowledgeSources } = useKnowledgeSources();
 const statusToast = useStatusToast();
@@ -33,6 +28,7 @@ const {
   fetchSettings,
   updateSettings
 } = useWorkspaceSettings();
+const workspaceAgent = useWorkspaceAgent();
 const searchQuery = ref("");
 const activeTab = ref(props.initialTab);
 const activeMobileTab = ref(null);
@@ -40,29 +36,15 @@ const showDiscardConfirm = ref(false);
 const loadingInitialSettings = ref(false);
 const hasSettingsOverride = computed(() => props.settings !== void 0);
 const mutableSettings = computed(() => hasSettingsOverride.value ? props.settings : workspaceSettings.value);
-const currentSystemMessage = computed(() => mutableSettings.value?.systemMessage ?? null);
-const currentContextFiles = computed(() => mutableSettings.value?.contextFiles ?? null);
-const currentCanvasTools = computed(() => mutableSettings.value?.canvasTools ?? null);
 const currentKnowledgeSources = computed(() => mutableSettings.value?.knowledgeSources ?? null);
-const currentExternalSkills = computed(() => mutableSettings.value?.externalSkills ?? null);
-const personalization = useWorkspacePersonalization(currentSystemMessage);
-const telaTools = useWorkspaceTelaTools(canvas, projects, searchQuery, currentCanvasTools);
 const knowledgeSources = useWorkspaceKnowledgeSources(workstations, canvas, projects, searchQuery, currentKnowledgeSources);
-const contextFiles = useWorkspaceContextFiles(searchQuery, currentContextFiles);
-const externalSkills = useWorkspaceExternalSkills(currentExternalSkills, searchQuery);
 const settingsTabs = computed(() => [
-  { value: "personalization", label: "Personaliza\xE7\xE3o", icon: "i-ph-sliders" },
-  { value: "context-files", label: "Arquivos de contexto", icon: "i-ph-file-text" },
+  { value: "agent", label: "Agente", icon: "i-ph-robot" },
   { value: "knowledge-sources", label: "Tela workstations", icon: "i-ph-database" },
-  { value: "tela-tools", label: "Skills Tela", icon: "i-ph-puzzle-piece" },
-  { value: "external-skills", label: "Skills Externas", icon: "i-ph-wrench" },
   ...props.showCredentialsTab ? [{ value: "credentials", label: "Credenciais", icon: "i-ph-password-bold" }] : []
 ]);
-const hasChanges = computed(
-  () => personalization.hasChanges.value || contextFiles.hasChanges.value || telaTools.hasChanges.value || knowledgeSources.hasChanges.value || externalSkills.hasChanges.value
-);
-const isBusy = computed(() => props.saving || uploading.value || !hasSettingsOverride.value && workspaceSettingsLoading.value);
-const gitHubButtonText = computed(() => externalSkills.getGitHubButtonText());
+const hasChanges = computed(() => knowledgeSources.hasChanges.value);
+const isBusy = computed(() => props.saving || !hasSettingsOverride.value && workspaceSettingsLoading.value);
 watch(() => escape?.value, (pressed) => {
   if (pressed && props.open && !showDiscardConfirm.value)
     handleClose();
@@ -72,11 +54,12 @@ watch(() => props.open, (isOpen) => {
     searchQuery.value = "";
     activateTab(props.initialTab);
     activeMobileTab.value = null;
+    void loadAgentStatus();
     if (!hasSettingsOverride.value && !mutableSettings.value) {
       void loadSettings();
       return;
     }
-    initializeConfigurationState();
+    knowledgeSources.initialize();
   } else {
     loadingInitialSettings.value = false;
   }
@@ -85,27 +68,14 @@ watch(() => props.initialTab, (tab) => {
   if (props.open)
     activateTab(tab);
 });
-watch(currentSystemMessage, () => {
-  if (props.open)
-    personalization.initialize();
-});
 watch(mutableSettings, (settings, previousSettings) => {
   if (props.open && hasSettingsOverride.value && settings && !previousSettings)
-    initializeConfigurationState();
+    knowledgeSources.initialize();
 });
-function initializeConfigurationState() {
-  personalization.initialize();
-  telaTools.initialize();
-  knowledgeSources.initialize();
-  contextFiles.initialize();
-  externalSkills.initialize();
-}
 function activateTab(tab) {
   const isVisible = settingsTabs.value.some((t) => t.value === tab);
-  activeTab.value = isVisible ? tab : "personalization";
+  activeTab.value = isVisible ? tab : "agent";
   searchQuery.value = "";
-  if (activeTab.value === "external-skills")
-    void externalSkills.fetchGitHubConnection();
 }
 function activateMobileTab(tab) {
   activateTab(tab);
@@ -115,7 +85,7 @@ async function loadSettings() {
   loadingInitialSettings.value = true;
   try {
     await fetchSettings();
-    initializeConfigurationState();
+    knowledgeSources.initialize();
   } catch (error) {
     console.error("Failed to load workspace settings:", error);
     statusToast.update({
@@ -126,44 +96,47 @@ async function loadSettings() {
     loadingInitialSettings.value = false;
   }
 }
+async function loadAgentStatus() {
+  try {
+    await workspaceAgent.fetchStatus();
+  } catch (error) {
+    console.error("Failed to load workspace agent status:", error);
+    statusToast.update({
+      text: "Erro ao carregar o status do agente",
+      icon: "i-ph-warning"
+    });
+  }
+}
+async function handleCreateAgent() {
+  try {
+    const status = await workspaceAgent.createAgent();
+    if (!status)
+      return;
+    statusToast.update({
+      text: "Agente criado no Tela",
+      icon: "i-ph-check"
+    });
+    if (status.telaAgentUrl)
+      window.open(status.telaAgentUrl, "_blank", "noopener");
+  } catch (error) {
+    console.error("Failed to create workspace agent:", error);
+    statusToast.update({
+      text: "Erro ao criar o agente no Tela",
+      icon: "i-ph-warning"
+    });
+  }
+}
 async function handleSave() {
   if (!hasChanges.value || isBusy.value)
     return;
   try {
-    const updates = {};
-    if (personalization.hasChanges.value)
-      updates.systemMessage = personalization.getSystemMessage();
-    if (contextFiles.hasChanges.value) {
-      const pendingFilesList = contextFiles.getPendingFiles();
-      const uploadedFiles = pendingFilesList.length > 0 ? await uploadFiles(pendingFilesList) : [];
-      const newContextFiles = [
-        ...contextFiles.getKeptContextFiles(),
-        ...uploadedFiles.map((f) => ({ url: f.url, name: f.name, mimeType: f.mimeType }))
-      ];
-      updates.contextFiles = newContextFiles.length > 0 ? newContextFiles : null;
-    }
-    if (telaTools.hasChanges.value) {
-      const tools = telaTools.buildCanvasTools();
-      updates.canvasTools = tools.length > 0 ? tools : null;
-    }
-    let pendingKnowledgeSources = null;
-    if (knowledgeSources.hasChanges.value) {
-      const sources = knowledgeSources.buildKnowledgeSources();
-      updates.knowledgeSources = sources.length > 0 ? sources : null;
-      pendingKnowledgeSources = sources.length > 0 ? sources : null;
-    }
-    if (externalSkills.hasChanges.value)
-      updates.externalSkills = externalSkills.buildExternalSkills();
-    const shouldUpdateKnowledgeSources = pendingKnowledgeSources !== null || knowledgeSources.hasChanges.value;
-    const shouldClearContextFiles = contextFiles.hasChanges.value;
-    const shouldResetExternalSkills = externalSkills.hasChanges.value;
+    const sources = knowledgeSources.buildKnowledgeSources();
+    const pendingKnowledgeSources = sources.length > 0 ? sources : null;
+    const updates = {
+      knowledgeSources: pendingKnowledgeSources
+    };
     const onSaved = () => {
-      if (shouldUpdateKnowledgeSources)
-        setKnowledgeSources(pendingKnowledgeSources);
-      if (shouldClearContextFiles)
-        contextFiles.clearPendingFiles();
-      if (shouldResetExternalSkills)
-        externalSkills.initialize();
+      setKnowledgeSources(pendingKnowledgeSources);
     };
     if (hasSettingsOverride.value) {
       emit("save", { updates, onSaved });
@@ -224,23 +197,12 @@ function cancelDiscard() {
                 </p>
             </div>
 
-            <ChatConfigurationPersonalizationTab
-                v-else-if="activeTab === 'personalization'"
-                v-model:system-message="personalization.localSystemMessage.value"
-            />
-
-            <ChatConfigurationContextFilesTab
-                v-else-if="activeTab === 'context-files'"
-                :search-query="searchQuery"
-                :filtered-context-files="contextFiles.filteredContextFiles.value"
-                :filtered-pending-files="contextFiles.filteredPendingFiles.value"
-                :current-file-count="contextFiles.currentFileCount.value"
-                :max-files="contextFiles.maxFiles"
-                :get-file-type="contextFiles.getFileType"
-                @update:search-query="searchQuery = $event"
-                @handle-file-select="contextFiles.handleFileSelect"
-                @remove-pending-file="contextFiles.removePendingFile"
-                @remove-context-file="contextFiles.removeContextFile"
+            <ChatConfigurationAgentTab
+                v-else-if="activeTab === 'agent'"
+                :status="workspaceAgent.status.value"
+                :loading="workspaceAgent.loading.value"
+                :creating="workspaceAgent.creating.value"
+                @create="handleCreateAgent"
             />
 
             <ChatConfigurationKnowledgeSourcesTab
@@ -255,40 +217,6 @@ function cancelDiscard() {
                 @toggle="knowledgeSources.toggleKnowledgeSource"
             />
 
-            <ChatConfigurationTelaToolsTab
-                v-else-if="activeTab === 'tela-tools'"
-                :search-query="searchQuery"
-                :canvas="canvas"
-                :filtered-canvas-tools="telaTools.filteredCanvasTools.value"
-                :selected-tool-ids="telaTools.selectedToolIds.value"
-                :all-tools-selected="telaTools.allToolsSelected.value"
-                :get-project-name="telaTools.getProjectName"
-                @update:search-query="searchQuery = $event"
-                @toggle-tool="telaTools.toggleCanvasTool"
-                @toggle-all="telaTools.toggleAllTools"
-            />
-
-            <ChatConfigurationExternalSkillsTab
-                v-else-if="activeTab === 'external-skills'"
-                :search-query="searchQuery"
-                :displayed-skills="externalSkills.displayedSkills.value"
-                :filtered-skills="externalSkills.filteredSkills.value"
-                :has-changes="externalSkills.hasChanges.value"
-                :is-pending="externalSkills.isPending"
-                :skill-modal-open="externalSkills.skillModalOpen.value"
-                :skill-ref-input="externalSkills.skillRefInput.value"
-                :skill-error="externalSkills.skillError.value"
-                :discovering-skills="externalSkills.discoveringSkills.value"
-                :git-hub-button-text="gitHubButtonText"
-                @update:search-query="searchQuery = $event"
-                @update:skill-modal-open="externalSkills.skillModalOpen.value = $event"
-                @update:skill-ref-input="externalSkills.skillRefInput.value = $event"
-                @remove-skill="externalSkills.removeSkill"
-                @close-skill-modal="externalSkills.closeSkillModal"
-                @handle-add-skill-and-close="externalSkills.handleAddSkillAndClose"
-                @connect-git-hub="externalSkills.connectGitHub"
-            />
-
             <ChatConfigurationCredentialsTab
                 v-else-if="activeTab === 'credentials' && props.showCredentialsTab"
                 :search-query="searchQuery"
@@ -388,23 +316,12 @@ function cancelDiscard() {
                         </p>
                     </div>
 
-                    <ChatConfigurationPersonalizationTab
-                        v-else-if="activeTab === 'personalization'"
-                        v-model:system-message="personalization.localSystemMessage.value"
-                    />
-
-                    <ChatConfigurationContextFilesTab
-                        v-else-if="activeTab === 'context-files'"
-                        :search-query="searchQuery"
-                        :filtered-context-files="contextFiles.filteredContextFiles.value"
-                        :filtered-pending-files="contextFiles.filteredPendingFiles.value"
-                        :current-file-count="contextFiles.currentFileCount.value"
-                        :max-files="contextFiles.maxFiles"
-                        :get-file-type="contextFiles.getFileType"
-                        @update:search-query="searchQuery = $event"
-                        @handle-file-select="contextFiles.handleFileSelect"
-                        @remove-pending-file="contextFiles.removePendingFile"
-                        @remove-context-file="contextFiles.removeContextFile"
+                    <ChatConfigurationAgentTab
+                        v-else-if="activeTab === 'agent'"
+                        :status="workspaceAgent.status.value"
+                        :loading="workspaceAgent.loading.value"
+                        :creating="workspaceAgent.creating.value"
+                        @create="handleCreateAgent"
                     />
 
                     <ChatConfigurationKnowledgeSourcesTab
@@ -419,40 +336,6 @@ function cancelDiscard() {
                         @toggle="knowledgeSources.toggleKnowledgeSource"
                     />
 
-                    <ChatConfigurationTelaToolsTab
-                        v-else-if="activeTab === 'tela-tools'"
-                        :search-query="searchQuery"
-                        :canvas="canvas"
-                        :filtered-canvas-tools="telaTools.filteredCanvasTools.value"
-                        :selected-tool-ids="telaTools.selectedToolIds.value"
-                        :all-tools-selected="telaTools.allToolsSelected.value"
-                        :get-project-name="telaTools.getProjectName"
-                        @update:search-query="searchQuery = $event"
-                        @toggle-tool="telaTools.toggleCanvasTool"
-                        @toggle-all="telaTools.toggleAllTools"
-                    />
-
-                    <ChatConfigurationExternalSkillsTab
-                        v-else-if="activeTab === 'external-skills'"
-                        :search-query="searchQuery"
-                        :displayed-skills="externalSkills.displayedSkills.value"
-                        :filtered-skills="externalSkills.filteredSkills.value"
-                        :has-changes="externalSkills.hasChanges.value"
-                        :is-pending="externalSkills.isPending"
-                        :skill-modal-open="externalSkills.skillModalOpen.value"
-                        :skill-ref-input="externalSkills.skillRefInput.value"
-                        :skill-error="externalSkills.skillError.value"
-                        :discovering-skills="externalSkills.discoveringSkills.value"
-                        :git-hub-button-text="gitHubButtonText"
-                        @update:search-query="searchQuery = $event"
-                        @update:skill-modal-open="externalSkills.skillModalOpen.value = $event"
-                        @update:skill-ref-input="externalSkills.skillRefInput.value = $event"
-                        @remove-skill="externalSkills.removeSkill"
-                        @close-skill-modal="externalSkills.closeSkillModal"
-                        @handle-add-skill-and-close="externalSkills.handleAddSkillAndClose"
-                        @connect-git-hub="externalSkills.connectGitHub"
-                    />
-
                     <ChatConfigurationCredentialsTab
                         v-else-if="activeTab === 'credentials' && props.showCredentialsTab"
                         :search-query="searchQuery"

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

@@ -8,16 +8,16 @@ type __VLS_Props = {
     saving?: boolean;
     showCredentialsTab?: boolean;
 };
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+declare const __VLS_export: import("@vue/runtime-core").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {} & {
     save: (payload: ChatConfigurationSavePayload) => any;
     "update:open": (value: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onSave?: ((payload: ChatConfigurationSavePayload) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
     saving: boolean;
     initialTab: ChatConfigurationTab;
     showCredentialsTab: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -9,14 +9,14 @@ type __VLS_Props = {
     user?: EmbedUser | null;
     features?: Partial<ChatFeatureConfig>;
 };
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+declare const __VLS_export: import("@vue/runtime-core").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {} & {
     "update:conversationId": (value: string | null) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:conversationId"?: ((value: string | null) => any) | undefined;
 }>, {
     hideSettings: boolean;
     hideSidebar: boolean;
     initialConversationId: string | null;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -18,7 +18,6 @@ import { useEmbedConfig } from "../composables/embed-config";
 import { useFileDrop } from "../../files/composables/file-drop";
 import { useFilePreviewPanel } from "../../files/composables/file-preview-panel";
 import { usePendingConversationGroup } from "../../conversations/composables/pending-conversation-group";
-import { useSelectedModel } from "../../messages/composables/selected-model";
 import { useStatusToast } from "../../shared/composables/status-toast";
 import { useTelaAgentMetadata } from "../composables/tela-agent-metadata";
 import { useWorkspaceMembers } from "../../workspace/composables/workspace-members";
@@ -93,15 +92,6 @@ const {
   startPolling,
   clearConversation
 } = useChat();
-const conversationModelTarget = computed(() => {
-  if (!currentConversation.value)
-    return null;
-  return {
-    id: currentConversation.value.id,
-    model: currentConversation.value.model
-  };
-});
-const selectedModel = useSelectedModel(conversationModelTarget);
 const conversationIdRef = computed(() => currentConversation.value?.id ?? null);
 const { total, files: conversationFiles } = useConversationFiles(conversationIdRef);
 const filesCount = computed(() => total.value);
@@ -289,10 +279,10 @@ const conversationCreator = computed(
     getMember
   })
 );
-async function handleSend(content, files, model, agentInputs) {
+async function handleSend(content, files, agentInputs) {
   let createdConversationId = null;
   if (!activeConversationId.value || !currentConversation.value) {
-    const conversation = await createConversation(isTelaAgentMode.value ? void 0 : { model: model ?? selectedModel.value });
+    const conversation = await createConversation();
     if (!conversation)
       return;
     const groupId = pendingConversationGroupId.value;
@@ -307,7 +297,7 @@ async function handleSend(content, files, model, agentInputs) {
   }
   if (!currentConversation.value)
     return;
-  const sendPromise = sendMessage(content, files.length > 0 ? files : void 0, model, agentInputs);
+  const sendPromise = sendMessage(content, files.length > 0 ? files : void 0, agentInputs);
   if (createdConversationId) {
     updateConversationId(createdConversationId);
   }
@@ -475,7 +465,6 @@ async function handleDelete() {
                 v-if="isMobile"
                 v-model:drawer-open="drawerOpen"
                 v-model:edit-title="editTitle"
-                v-model:model="selectedModel"
                 v-model:workspace-sheet-open="workspaceSheetOpen"
                 :current-conversation="currentConversation"
                 :display-title="displayTitle"
@@ -495,10 +484,8 @@ async function handleDelete() {
                 :is-editing="isEditing"
                 :loading="loading"
                 :messages="messages"
-                :allow-model-selection="!isTelaAgentMode"
                 :agent-input-schema="visibleTelaAgentInputSchema"
                 :agent-input-schema-loading="visibleTelaAgentInputSchemaLoading"
-                :show-model-selector="resolvedFeatures.showModelSelector"
                 :show-cancel-button="resolvedFeatures.showCancelButton"
                 :show-debug-option="resolvedFeatures.showDebugOption"
                 :show-outdated-badge="showOutdatedBadge"
@@ -531,12 +518,9 @@ async function handleDelete() {
                         loading
                     />
                     <ChatMessageInput
-                        v-model:model="selectedModel"
                         :disabled="true"
-                        :allow-model-selection="!isTelaAgentMode"
                         :agent-input-schema="visibleTelaAgentInputSchema"
                         :agent-input-schema-loading="visibleTelaAgentInputSchemaLoading"
-                        :show-model-selector="resolvedFeatures.showModelSelector"
                         :show-cancel-button="resolvedFeatures.showCancelButton"
                     />
                 </template>
@@ -556,7 +540,6 @@ async function handleDelete() {
                         </div>
                         <ChatMessageInput
                             ref="messageInputRef"
-                            v-model:model="selectedModel"
                             :disabled="hasPendingMessage"
                             :loading="hasPendingMessage"
                             :creator-name="currentUser?.name ?? void 0"
@@ -565,10 +548,8 @@ async function handleDelete() {
                             :messages="messages"
                             :conversation-files="conversationFiles"
                             :workspace-settings="effectiveWorkspaceSettings"
-                            :allow-model-selection="!isTelaAgentMode"
                             :agent-input-schema="visibleTelaAgentInputSchema"
                             :agent-input-schema-loading="visibleTelaAgentInputSchemaLoading"
-                            :show-model-selector="resolvedFeatures.showModelSelector"
                             :show-cancel-button="resolvedFeatures.showCancelButton"
                             centered
                             @send="handleSend"
@@ -583,7 +564,6 @@ async function handleDelete() {
                 />
                 <ChatMessageInput
                     ref="messageInputRef"
-                    v-model:model="selectedModel"
                     :disabled="hasPendingMessage"
                     :loading="hasPendingMessage"
                     :creator-name="currentUser?.name ?? void 0"
@@ -592,10 +572,8 @@ async function handleDelete() {
                     :messages="messages"
                     :conversation-files="conversationFiles"
                     :workspace-settings="effectiveWorkspaceSettings"
-                    :allow-model-selection="!isTelaAgentMode"
                     :agent-input-schema="visibleTelaAgentInputSchema"
                     :agent-input-schema-loading="visibleTelaAgentInputSchemaLoading"
-                    :show-model-selector="resolvedFeatures.showModelSelector"
                     :show-cancel-button="resolvedFeatures.showCancelButton"
                     has-disclaimer
                     @send="handleSend"
@@ -685,12 +663,9 @@ async function handleDelete() {
                     loading
                 />
                 <ChatMessageInput
-                    v-model:model="selectedModel"
                     :disabled="true"
-                    :allow-model-selection="!isTelaAgentMode"
                     :agent-input-schema="visibleTelaAgentInputSchema"
                     :agent-input-schema-loading="visibleTelaAgentInputSchemaLoading"
-                    :show-model-selector="resolvedFeatures.showModelSelector"
                     :show-cancel-button="resolvedFeatures.showCancelButton"
                 />
             </template>
@@ -710,7 +685,6 @@ async function handleDelete() {
                     </div>
                     <ChatMessageInput
                         ref="messageInputRef"
-                        v-model:model="selectedModel"
                         :disabled="hasPendingMessage"
                         :loading="hasPendingMessage"
                         :creator-name="currentUser?.name ?? void 0"
@@ -719,10 +693,8 @@ async function handleDelete() {
                         :messages="messages"
                         :conversation-files="conversationFiles"
                         :workspace-settings="effectiveWorkspaceSettings"
-                        :allow-model-selection="!isTelaAgentMode"
                         :agent-input-schema="visibleTelaAgentInputSchema"
                         :agent-input-schema-loading="visibleTelaAgentInputSchemaLoading"
-                        :show-model-selector="resolvedFeatures.showModelSelector"
                         :show-cancel-button="resolvedFeatures.showCancelButton"
                         centered
                         @send="handleSend"
@@ -738,7 +710,6 @@ async function handleDelete() {
                 />
                 <ChatMessageInput
                     ref="messageInputRef"
-                    v-model:model="selectedModel"
                     :disabled="hasPendingMessage"
                     :loading="hasPendingMessage"
                     :creator-name="currentUser?.name ?? void 0"
@@ -747,10 +718,8 @@ async function handleDelete() {
                     :messages="messages"
                     :conversation-files="conversationFiles"
                     :workspace-settings="effectiveWorkspaceSettings"
-                    :allow-model-selection="!isTelaAgentMode"
                     :agent-input-schema="visibleTelaAgentInputSchema"
                     :agent-input-schema-loading="visibleTelaAgentInputSchemaLoading"
-                    :show-model-selector="resolvedFeatures.showModelSelector"
                     :show-cancel-button="resolvedFeatures.showCancelButton"
                     has-disclaimer
                     @send="handleSend"
@@ -826,7 +795,7 @@ async function handleDelete() {
                     </div>
                     <div flex="~ col" gap-4px w-full>
                         <p text-14px font-580 text-gray-700 leading-18px>
-                            Thread Session Id (Agent API)
+                            Thread Session Id
                         </p>
                         <div
                             px-12px py-10px

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

@@ -9,14 +9,14 @@ type __VLS_Props = {
     user?: EmbedUser | null;
     features?: Partial<ChatFeatureConfig>;
 };
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+declare const __VLS_export: import("@vue/runtime-core").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {} & {
     "update:conversationId": (value: string | null) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:conversationId"?: ((value: string | null) => any) | undefined;
 }>, {
     hideSettings: boolean;
     hideSidebar: boolean;
     initialConversationId: string | null;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,10 +1,13 @@
 import { type ChatActionPayload } from '../../messages/composables/chat-action.js';
-declare const __VLS_export: import("vue").DefineComponent<import("../types.js").DefaultChatEmbedProps | import("../types.js").TelaAgentChatEmbedProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+import { type MessageFeedbackPayload } from '../../messages/composables/chat-feedback.js';
+declare const __VLS_export: import("@vue/runtime-core").DefineComponent<import("../types.js").DefaultChatEmbedProps | import("../types.js").TelaAgentChatEmbedProps, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {} & {
     "update:conversationId": (value: string | null) => any;
+    messageFeedback: (payload: MessageFeedbackPayload) => any;
     action: (payload: ChatActionPayload) => any;
-}, string, import("vue").PublicProps, Readonly<import("../types.js").DefaultChatEmbedProps | import("../types.js").TelaAgentChatEmbedProps> & Readonly<{
+}, string, import("@vue/runtime-core").PublicProps, Readonly<import("../types.js").DefaultChatEmbedProps | import("../types.js").TelaAgentChatEmbedProps> & Readonly<{
     "onUpdate:conversationId"?: ((value: string | null) => any) | undefined;
+    onMessageFeedback?: ((payload: MessageFeedbackPayload) => any) | undefined;
     onAction?: ((payload: ChatActionPayload) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,6 +1,7 @@
 <script setup>
 import { useChatAuth } from "#chat-auth";
 import { provideChatAction } from "../../messages/composables/chat-action";
+import { provideMessageFeedback } from "../../messages/composables/chat-feedback";
 import { provideChatRequestContext } from "../../shared/composables/chat-request-context";
 import { provideEmbedConfig, useEmbedConfig } from "../composables/embed-config";
 import { normalizeConversationScope, normalizeTelaAgentId, resolveConversationScopeKeySegment } from "../../conversations/scope";
@@ -16,13 +17,15 @@ const props = defineProps({
   loadingMessagesMode: { type: [String, null], required: false },
   customComponents: { type: Object, required: false },
   customHtmlTags: { type: Array, required: false },
+  feedbackConfig: { type: [Object, null], required: false },
+  messageFeedback: { type: [Object, null], required: false },
   telaAgentId: { type: null, required: false },
   telaAgentInputs: { type: null, required: false },
   workspaceSettings: { type: null, required: false },
   user: { type: null, required: false },
   features: { type: Object, required: false }
 });
-const emit = defineEmits(["update:conversationId", "action"]);
+const emit = defineEmits(["update:conversationId", "action", "messageFeedback"]);
 const parentEmbedConfig = useEmbedConfig();
 const { activeOrganization } = useChatAuth();
 const workspaceId = computed(() => activeOrganization.value?.id?.trim() ?? "");
@@ -42,7 +45,9 @@ provideEmbedConfig({
   loadingMessages: computed(() => props.loadingMessages),
   loadingMessagesMode: computed(() => props.loadingMessagesMode),
   customComponents: computed(() => props.customComponents),
-  customHtmlTags: computed(() => props.customHtmlTags)
+  customHtmlTags: computed(() => props.customHtmlTags),
+  feedbackConfig: computed(() => props.feedbackConfig),
+  messageFeedback: computed(() => props.messageFeedback)
 }, { syncGlobal: !parentEmbedConfig });
 provideChatRequestContext({
   workspaceId,
@@ -71,6 +76,9 @@ if (import.meta.dev) {
 provideChatAction((payload) => {
   emit("action", payload);
 });
+provideMessageFeedback((payload) => {
+  emit("messageFeedback", payload);
+});
 </script>
 
 <template>