@meistrari/chat-nuxt 3.3.2 → 3.5.0

package/dist/module.d.mts

@@ -1,4 +1,5 @@
-export { ChatActionPayload, ChatActor, ChatEmbedSharedProps, ChatFeatureConfig, ChatSidebarConfig, DefaultChatEmbedProps, MeistrariChatEmbedProps, MessageFeedbackConfig, MessageFeedbackPayload, MessageFeedbackRating, TelaAgentChatEmbedProps, TelaAgentExecutionInput } from '../dist/runtime/types/embed.js';
+export { ChatMessageStatus } from '../dist/runtime/messages/composables/chat-message-terminal.js';
+export { ChatActionPayload, ChatActor, ChatEmbedSharedProps, ChatFeatureConfig, ChatMessageTerminalPayload, ChatSidebarConfig, DefaultChatEmbedProps, MeistrariChatEmbedProps, MessageFeedbackConfig, MessageFeedbackPayload, MessageFeedbackRating, 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.3.2",
+  "version": "3.5.0",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "unknown"

package/dist/module.mjs

@@ -2,6 +2,7 @@ import { existsSync, readFileSync, mkdirSync, symlinkSync } from 'node:fs';
 import { createRequire } from 'node:module';
 import { join, dirname } from 'node:path';
 import { defineNuxtModule, createResolver, addTemplate, addTypeTemplate, addPlugin, addImportsDir, addComponent, addComponentsDir } from 'nuxt/kit';
+export { ChatMessageStatus } from '../dist/runtime/messages/composables/chat-message-terminal.js';
 
 const localRequire = createRequire(import.meta.url);
 const runtimeAliasPackages = [

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

@@ -1,5 +1,5 @@
 import type { DeepReadonly } from 'vue';
-import type { Conversation, ConversationWithMessages } from '../../types/schemas/chat/conversations.js';
+import type { Conversation, ConversationWithMessages, CreateConversationRequest } from '../../types/schemas/chat/conversations.js';
 export declare function mergeFetchedConversations(fetchedConversations: Conversation[], localConversations: readonly Conversation[], deletedConversationIds?: readonly string[], locallyMutatedConversationIds?: readonly string[]): Conversation[];
 export declare function useConversations(): {
     conversations: any;
@@ -8,9 +8,10 @@ export declare function useConversations(): {
     fetchConversations: (options?: {
         force?: boolean;
     }) => Promise<void>;
-    createConversation: () => Promise<Conversation | null>;
+    createConversation: (input?: CreateConversationRequest) => Promise<Conversation | null>;
     deleteConversation: (id: string) => Promise<boolean>;
     renameConversation: (id: string, title: string) => Promise<boolean>;
+    updateConversationModel: (id: string, model: string | null) => Promise<boolean>;
     moveConversationToGroup: (id: string, groupId: string | null) => Promise<boolean>;
     duplicateConversation: (id: string) => Promise<ConversationWithMessages | null>;
     conversationCreatorFilter: any;

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

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

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

@@ -8,7 +8,7 @@ import ChatMobileShell from "./mobile/chat-mobile-shell.vue";
 import { normalizeConversationId } from "../../conversations/scope";
 import { resolveChatFeatures } from "../feature-config";
 import { resolveConversationCreator } from "../../conversations/creator";
-import { useChat } from "../../messages/composables/chat";
+import { resolveTelaAgentInputs, useChat } from "../../messages/composables/chat";
 import { useChatAction } from "../../messages/composables/chat-action";
 import { useChatApi } from "../../shared/composables/chat-api";
 import { useConversationFiles } from "../../files/composables/conversation-files";
@@ -20,6 +20,7 @@ import { useFilePreviewPanel } from "../../files/composables/file-preview-panel"
 import { usePendingConversationGroup } from "../../conversations/composables/pending-conversation-group";
 import { useStatusToast } from "../../shared/composables/status-toast";
 import { useTelaAgentMetadata } from "../composables/tela-agent-metadata";
+import { useWorkspaceAgentSummary } from "../../workspace/composables/workspace-agent-summary";
 import { useWorkspaceMembers } from "../../workspace/composables/workspace-members";
 import { useWorkspaceSettings } from "../../workspace/composables/workspace-settings";
 import { useWorkspaceSwitchModal } from "../../workspace/composables/workspace-switch-modal";
@@ -52,15 +53,26 @@ const chatAction = useChatAction();
 const { user: authUser, activeOrganization, logout } = useChatAuth();
 const { getMember, getMemberImage } = useWorkspaceMembers();
 const statusToast = useStatusToast();
-const { conversations, loading: conversationsLoading, fetchConversations, createConversation, deleteConversation, renameConversation, duplicateConversation, moveConversationToGroup, updateConversationInList } = useConversations();
+const { conversations, loading: conversationsLoading, fetchConversations, createConversation, deleteConversation, renameConversation, updateConversationModel, duplicateConversation, moveConversationToGroup, updateConversationInList } = useConversations();
 const { settings: workspaceSettingsState, fetchSettings } = useWorkspaceSettings();
 const { metadata: telaAgentMetadata, loading: telaAgentMetadataLoading, fetchAgentMetadata } = useTelaAgentMetadata();
+const { summary: workspaceAgentSummary, fetchSummary: fetchWorkspaceAgentSummary } = useWorkspaceAgentSummary();
 const isTelaAgentMode = computed(() => !!embedConfig?.telaAgentId.value);
 const hasConfiguredTelaAgentInputs = computed(() => embedConfig?.telaAgentInputs?.value !== void 0 && embedConfig?.telaAgentInputs?.value !== null);
-const shouldLoadTelaAgentMetadata = computed(() => isTelaAgentMode.value && !hasConfiguredTelaAgentInputs.value);
+const shouldLoadTelaAgentMetadata = computed(() => isTelaAgentMode.value);
 const telaAgentInputSchema = computed(
   () => hasConfiguredTelaAgentInputs.value ? null : isTelaAgentMode.value ? telaAgentMetadata.value?.inputSchema ?? [] : null
 );
+const agentSkills = computed(() => {
+  if (isTelaAgentMode.value)
+    return telaAgentMetadata.value?.skills ?? [];
+  return workspaceAgentSummary.value?.skills ?? [];
+});
+const agentContextFiles = computed(() => {
+  if (isTelaAgentMode.value)
+    return telaAgentMetadata.value?.contextFiles ?? [];
+  return workspaceAgentSummary.value?.contextFiles ?? [];
+});
 const effectiveWorkspaceSettings = computed(() => {
   if (isTelaAgentMode.value)
     return void 0;
@@ -100,6 +112,8 @@ const {
   hasPendingMessage,
   loadConversation,
   setConversation,
+  setConversationModel,
+  pendingModelSelection,
   sendMessage,
   retryMessage,
   cancelConversation,
@@ -108,6 +122,21 @@ const {
 } = useChat();
 const conversationIdRef = computed(() => currentConversation.value?.id ?? null);
 const { total, files: conversationFiles } = useConversationFiles(conversationIdRef);
+const selectedModel = computed({
+  get: () => currentConversation.value ? currentConversation.value.model : pendingModelSelection.value,
+  set: (value) => {
+    pendingModelSelection.value = value;
+    const conversation = currentConversation.value;
+    if (conversation && conversation.model !== value) {
+      const previousModel = conversation.model;
+      setConversationModel(value);
+      void updateConversationModel(conversation.id, value).then((updated) => {
+        if (!updated && currentConversation.value?.id === conversation.id && currentConversation.value.model === value)
+          setConversationModel(previousModel);
+      });
+    }
+  }
+});
 const filesCount = computed(() => total.value);
 const hasMessages = computed(() => messages.value.length > 0);
 const mobilePreviewFile = computed(() => {
@@ -124,7 +153,7 @@ const mobilePreviewFile = computed(() => {
   };
 });
 const visibleTelaAgentInputSchema = computed(() => !hasMessages.value ? telaAgentInputSchema.value : null);
-const visibleTelaAgentInputSchemaLoading = computed(() => !hasMessages.value && shouldLoadTelaAgentMetadata.value && telaAgentMetadataLoading.value);
+const visibleTelaAgentInputSchemaLoading = computed(() => !hasMessages.value && isTelaAgentMode.value && !hasConfiguredTelaAgentInputs.value && telaAgentMetadataLoading.value);
 const visibleConversations = computed(
   () => conversations.value.filter((conversation) => conversation.title || conversation.id === activeConversationId.value)
 );
@@ -211,8 +240,11 @@ onMounted(async () => {
   void fetchConversations();
   if (shouldLoadTelaAgentMetadata.value) {
     void fetchAgentMetadata();
-  } else if (!effectiveWorkspaceSettings.value) {
-    void fetchSettings();
+  } else {
+    void fetchWorkspaceAgentSummary();
+    if (!effectiveWorkspaceSettings.value) {
+      void fetchSettings();
+    }
   }
   isReady.value = true;
   if (activeConversationId.value) {
@@ -295,8 +327,12 @@ const conversationCreator = computed(
 );
 async function handleSend(content, files, agentInputs) {
   let createdConversationId = null;
+  const resolvedAgentInputs = resolveTelaAgentInputs(agentInputs, embedConfig?.telaAgentInputs?.value);
   if (!activeConversationId.value || !currentConversation.value) {
-    const conversation = await createConversation();
+    const conversation = await createConversation({
+      model: selectedModel.value,
+      ...resolvedAgentInputs !== void 0 ? { agentInputs: resolvedAgentInputs } : {}
+    });
     if (!conversation)
       return;
     const groupId = pendingConversationGroupId.value;
@@ -311,7 +347,7 @@ async function handleSend(content, files, agentInputs) {
   }
   if (!currentConversation.value)
     return;
-  const sendPromise = sendMessage(content, files.length > 0 ? files : void 0, agentInputs);
+  const sendPromise = sendMessage(content, files.length > 0 ? files : void 0, resolvedAgentInputs);
   if (createdConversationId) {
     updateConversationId(createdConversationId);
   }
@@ -520,6 +556,7 @@ async function handleDelete() {
                 v-if="isMobile"
                 v-model:drawer-open="drawerOpen"
                 v-model:edit-title="editTitle"
+                v-model:selected-model="selectedModel"
                 v-model:workspace-sheet-open="workspaceSheetOpen"
                 :current-conversation="currentConversation"
                 :display-title="displayTitle"
@@ -541,6 +578,8 @@ async function handleDelete() {
                 :messages="messages"
                 :agent-input-schema="visibleTelaAgentInputSchema"
                 :agent-input-schema-loading="visibleTelaAgentInputSchemaLoading"
+                :agent-skills="agentSkills"
+                :agent-context-files="agentContextFiles"
                 :show-cancel-button="resolvedFeatures.showCancelButton"
                 :show-debug-option="resolvedFeatures.showDebugOption"
                 :show-outdated-badge="showOutdatedBadge"
@@ -573,6 +612,7 @@ async function handleDelete() {
                         loading
                     />
                     <ChatMessageInput
+                        v-model:selected-model="selectedModel"
                         :disabled="true"
                         :agent-input-schema="visibleTelaAgentInputSchema"
                         :agent-input-schema-loading="visibleTelaAgentInputSchemaLoading"
@@ -595,6 +635,7 @@ async function handleDelete() {
                         </div>
                         <ChatMessageInput
                             ref="messageInputRef"
+                            v-model:selected-model="selectedModel"
                             :disabled="hasPendingMessage"
                             :loading="hasPendingMessage"
                             :creator-name="currentUser?.name ?? void 0"
@@ -605,6 +646,8 @@ async function handleDelete() {
                             :workspace-settings="effectiveWorkspaceSettings"
                             :agent-input-schema="visibleTelaAgentInputSchema"
                             :agent-input-schema-loading="visibleTelaAgentInputSchemaLoading"
+                            :agent-skills="agentSkills"
+                            :agent-context-files="agentContextFiles"
                             :show-cancel-button="resolvedFeatures.showCancelButton"
                             centered
                             @send="handleSend"
@@ -619,6 +662,7 @@ async function handleDelete() {
                 />
                 <ChatMessageInput
                     ref="messageInputRef"
+                    v-model:selected-model="selectedModel"
                     :disabled="hasPendingMessage"
                     :loading="hasPendingMessage"
                     :creator-name="currentUser?.name ?? void 0"
@@ -629,6 +673,8 @@ async function handleDelete() {
                     :workspace-settings="effectiveWorkspaceSettings"
                     :agent-input-schema="visibleTelaAgentInputSchema"
                     :agent-input-schema-loading="visibleTelaAgentInputSchemaLoading"
+                    :agent-skills="agentSkills"
+                    :agent-context-files="agentContextFiles"
                     :show-cancel-button="resolvedFeatures.showCancelButton"
                     has-disclaimer
                     @send="handleSend"
@@ -718,6 +764,7 @@ async function handleDelete() {
                     loading
                 />
                 <ChatMessageInput
+                    v-model:selected-model="selectedModel"
                     :disabled="true"
                     :agent-input-schema="visibleTelaAgentInputSchema"
                     :agent-input-schema-loading="visibleTelaAgentInputSchemaLoading"
@@ -740,6 +787,7 @@ async function handleDelete() {
                     </div>
                     <ChatMessageInput
                         ref="messageInputRef"
+                        v-model:selected-model="selectedModel"
                         :disabled="hasPendingMessage"
                         :loading="hasPendingMessage"
                         :creator-name="currentUser?.name ?? void 0"
@@ -750,6 +798,8 @@ async function handleDelete() {
                         :workspace-settings="effectiveWorkspaceSettings"
                         :agent-input-schema="visibleTelaAgentInputSchema"
                         :agent-input-schema-loading="visibleTelaAgentInputSchemaLoading"
+                        :agent-skills="agentSkills"
+                        :agent-context-files="agentContextFiles"
                         :show-cancel-button="resolvedFeatures.showCancelButton"
                         centered
                         @send="handleSend"
@@ -765,6 +815,7 @@ async function handleDelete() {
                 />
                 <ChatMessageInput
                     ref="messageInputRef"
+                    v-model:selected-model="selectedModel"
                     :disabled="hasPendingMessage"
                     :loading="hasPendingMessage"
                     :creator-name="currentUser?.name ?? void 0"
@@ -775,6 +826,8 @@ async function handleDelete() {
                     :workspace-settings="effectiveWorkspaceSettings"
                     :agent-input-schema="visibleTelaAgentInputSchema"
                     :agent-input-schema-loading="visibleTelaAgentInputSchemaLoading"
+                    :agent-skills="agentSkills"
+                    :agent-context-files="agentContextFiles"
                     :show-cancel-button="resolvedFeatures.showCancelButton"
                     has-disclaimer
                     @send="handleSend"

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

@@ -1,5 +1,6 @@
 import { type ChatActionPayload } from '../../messages/composables/chat-action.js';
 import { type MessageFeedbackPayload } from '../../messages/composables/chat-feedback.js';
+import { type ChatMessageTerminalPayload } from '../../messages/composables/chat-message-terminal.js';
 declare var __VLS_11: {};
 type __VLS_Slots = {} & {
     'sidebar-bottom'?: (props: typeof __VLS_11) => any;
@@ -8,10 +9,12 @@ declare const __VLS_base: import("vue").DefineComponent<import("../types.js").De
     "update:conversationId": (value: string | null) => any;
     messageFeedback: (payload: MessageFeedbackPayload) => any;
     action: (payload: ChatActionPayload) => any;
+    messageTerminal: (payload: ChatMessageTerminalPayload) => any;
 }, string, import("vue").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;
+    onMessageTerminal?: ((payload: ChatMessageTerminalPayload) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -2,6 +2,7 @@
 import { useChatAuth } from "#chat-auth";
 import { provideChatAction } from "../../messages/composables/chat-action";
 import { provideMessageFeedback } from "../../messages/composables/chat-feedback";
+import { provideChatMessageTerminal } from "../../messages/composables/chat-message-terminal";
 import { provideChatRequestContext } from "../../shared/composables/chat-request-context";
 import { provideEmbedConfig, useEmbedConfig } from "../composables/embed-config";
 import { normalizeConversationScope, normalizeTelaAgentId, resolveConversationScopeKeySegment } from "../../conversations/scope";
@@ -26,7 +27,7 @@ const props = defineProps({
   user: { type: null, required: false },
   features: { type: Object, required: false }
 });
-const emit = defineEmits(["update:conversationId", "action", "messageFeedback"]);
+const emit = defineEmits(["update:conversationId", "action", "messageFeedback", "messageTerminal"]);
 const parentEmbedConfig = useEmbedConfig();
 const { activeOrganization } = useChatAuth();
 const workspaceId = computed(() => activeOrganization.value?.id?.trim() ?? "");
@@ -80,6 +81,9 @@ provideChatAction((payload) => {
 provideMessageFeedback((payload) => {
   emit("messageFeedback", payload);
 });
+provideChatMessageTerminal((payload) => {
+  emit("messageTerminal", payload);
+});
 </script>
 
 <template>

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

@@ -1,5 +1,6 @@
 import { type ChatActionPayload } from '../../messages/composables/chat-action.js';
 import { type MessageFeedbackPayload } from '../../messages/composables/chat-feedback.js';
+import { type ChatMessageTerminalPayload } from '../../messages/composables/chat-message-terminal.js';
 declare var __VLS_11: {};
 type __VLS_Slots = {} & {
     'sidebar-bottom'?: (props: typeof __VLS_11) => any;
@@ -8,10 +9,12 @@ declare const __VLS_base: import("vue").DefineComponent<import("../types.js").De
     "update:conversationId": (value: string | null) => any;
     messageFeedback: (payload: MessageFeedbackPayload) => any;
     action: (payload: ChatActionPayload) => any;
+    messageTerminal: (payload: ChatMessageTerminalPayload) => any;
 }, string, import("vue").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;
+    onMessageTerminal?: ((payload: ChatMessageTerminalPayload) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -1,5 +1,7 @@
 import type { DefineSetupFnComponent, SlotsType } from 'vue';
 import type { ChatActionPayload } from '../../messages/composables/chat-action.js';
+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 { ChatSidebarConfig, DefaultChatEmbedProps, MeistrariChatEmbedProps, TelaAgentChatEmbedProps } from '../types.js';
 
@@ -8,6 +10,10 @@ type MeistrariChatEmbedEmits = {
     'update:conversationId': (value: string | null) => any;
     /** Fired when an assistant message triggers a host-handled action. */
     'action': (payload: ChatActionPayload) => any;
+    /** Fired when a user submits feedback for an assistant message. */
+    'messageFeedback': (payload: MessageFeedbackPayload) => any;
+    /** Fired after polling observes an assistant message reach a terminal status. */
+    'messageTerminal': (payload: ChatMessageTerminalPayload) => any;
 };
 
 type MeistrariChatEmbedSlots = SlotsType<{
@@ -44,4 +50,4 @@ type MeistrariChatEmbedSlots = SlotsType<{
 declare const MeistrariChatEmbed: DefineSetupFnComponent<MeistrariChatEmbedProps, MeistrariChatEmbedEmits, MeistrariChatEmbedSlots>;
 
 export default MeistrariChatEmbed;
-export type { ChatActionPayload, ChatFeatureConfig, ChatSidebarConfig, DefaultChatEmbedProps, MeistrariChatEmbedProps, TelaAgentChatEmbedProps };
+export type { ChatActionPayload, ChatFeatureConfig, ChatMessageTerminalPayload, ChatSidebarConfig, DefaultChatEmbedProps, MeistrariChatEmbedProps, MessageFeedbackPayload, TelaAgentChatEmbedProps };

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

@@ -20,7 +20,7 @@ const props = defineProps({
   user: { type: null, required: false },
   features: { type: Object, required: false }
 });
-defineEmits(["update:conversationId", "action", "messageFeedback"]);
+defineEmits(["update:conversationId", "action", "messageFeedback", "messageTerminal"]);
 defineSlots();
 const hideSettings = computed(() => props.hideSettings ?? false);
 </script>
@@ -47,6 +47,7 @@ const hideSettings = computed(() => props.hideSettings ?? false);
         @update:conversation-id="$emit('update:conversationId', $event)"
         @action="$emit('action', $event)"
         @message-feedback="$emit('messageFeedback', $event)"
+        @message-terminal="$emit('messageTerminal', $event)"
     >
         <template v-if="$slots['sidebar-bottom']" #sidebar-bottom>
             <slot name="sidebar-bottom" />
@@ -73,6 +74,7 @@ const hideSettings = computed(() => props.hideSettings ?? false);
         @update:conversation-id="$emit('update:conversationId', $event)"
         @action="$emit('action', $event)"
         @message-feedback="$emit('messageFeedback', $event)"
+        @message-terminal="$emit('messageTerminal', $event)"
     >
         <template v-if="$slots['sidebar-bottom']" #sidebar-bottom>
             <slot name="sidebar-bottom" />

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

@@ -1,5 +1,7 @@
 import type { DefineSetupFnComponent, SlotsType } from 'vue';
 import type { ChatActionPayload } from '../../messages/composables/chat-action.js';
+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 { ChatSidebarConfig, DefaultChatEmbedProps, MeistrariChatEmbedProps, TelaAgentChatEmbedProps } from '../types.js';
 
@@ -8,6 +10,10 @@ type MeistrariChatEmbedEmits = {
     'update:conversationId': (value: string | null) => any;
     /** Fired when an assistant message triggers a host-handled action. */
     'action': (payload: ChatActionPayload) => any;
+    /** Fired when a user submits feedback for an assistant message. */
+    'messageFeedback': (payload: MessageFeedbackPayload) => any;
+    /** Fired after polling observes an assistant message reach a terminal status. */
+    'messageTerminal': (payload: ChatMessageTerminalPayload) => any;
 };
 
 type MeistrariChatEmbedSlots = SlotsType<{
@@ -44,4 +50,4 @@ type MeistrariChatEmbedSlots = SlotsType<{
 declare const MeistrariChatEmbed: DefineSetupFnComponent<MeistrariChatEmbedProps, MeistrariChatEmbedEmits, MeistrariChatEmbedSlots>;
 
 export default MeistrariChatEmbed;
-export type { ChatActionPayload, ChatFeatureConfig, ChatSidebarConfig, DefaultChatEmbedProps, MeistrariChatEmbedProps, TelaAgentChatEmbedProps };
+export type { ChatActionPayload, ChatFeatureConfig, ChatMessageTerminalPayload, ChatSidebarConfig, DefaultChatEmbedProps, MeistrariChatEmbedProps, MessageFeedbackPayload, TelaAgentChatEmbedProps };

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

@@ -3,7 +3,7 @@ import type { Conversation, ConversationWithMessages, Message } from '../../../t
 import type { ConversationFile } from '../../../types/schemas/chat/files.js';
 import type { TopbarTab } from '../../../types/schemas/chat/ui.js';
 import type { WorkspaceSettingsResponse as WorkspaceSettings } from '../../../types/schemas/chat/workspace-settings.js';
-import type { TelaAgentInputVariable } from '../../../types/schemas/integrations/tela-agent-api.js';
+import type { TelaAgentContextFile, TelaAgentInputVariable, TelaAgentSkill } from '../../../types/schemas/integrations/tela-agent-api.js';
 import type { ChatActor } from '../../types.js';
 type __VLS_Props = {
     currentConversation: DeepReadonly<ConversationWithMessages> | null;
@@ -14,6 +14,8 @@ type __VLS_Props = {
     activeConversationId: string | null;
     agentInputSchema?: readonly TelaAgentInputVariable[] | null;
     agentInputSchemaLoading?: boolean;
+    agentSkills?: readonly TelaAgentSkill[] | null;
+    agentContextFiles?: readonly TelaAgentContextFile[] | null;
     conversations: DeepReadonly<Conversation[]>;
     conversationsLoading?: boolean;
     conversationFiles: ConversationFile[];
@@ -38,6 +40,10 @@ type __VLS_Props = {
     workspaceSettings?: DeepReadonly<WorkspaceSettings> | null;
     workspaceSheetOpen: boolean;
 };
+type __VLS_ModelProps = {
+    'selectedModel'?: string | null;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare var __VLS_54: {}, __VLS_99: {}, __VLS_101: {};
 type __VLS_Slots = {} & {
     loading?: (props: typeof __VLS_54) => any;
@@ -46,7 +52,9 @@ type __VLS_Slots = {} & {
 } & {
     default?: (props: typeof __VLS_101) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:selectedModel": (value: string | null) => any;
+} & {
     delete: () => any;
     rename: () => any;
     duplicate: () => any;
@@ -67,7 +75,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     "update:drawerOpen": (value: boolean) => any;
     "update:editTitle": (value: string) => any;
     "update:workspaceSheetOpen": (value: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onDelete?: (() => any) | undefined;
     onRename?: (() => any) | undefined;
     onDuplicate?: (() => any) | undefined;
@@ -77,6 +85,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     onCancel?: (() => any) | undefined;
     onSettings?: (() => any) | undefined;
     onSend?: ((content: string, files: FileUploadInput[], agentInputs?: TelaAgentExecutionInput[] | undefined) => any) | undefined;
+    "onUpdate:selectedModel"?: ((value: string | null) => any) | undefined;
     onDebug?: (() => any) | undefined;
     onTabChange?: ((tab: TopbarTab) => any) | undefined;
     onNewConversation?: ((groupId?: string | null | undefined) => any) | undefined;

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

@@ -19,6 +19,8 @@ const props = defineProps({
   activeConversationId: { type: [String, null], required: true },
   agentInputSchema: { type: [Array, null], required: false },
   agentInputSchemaLoading: { type: Boolean, required: false },
+  agentSkills: { type: [Array, null], required: false },
+  agentContextFiles: { type: [Array, null], required: false },
   conversations: { type: null, required: true },
   conversationsLoading: { type: Boolean, required: false },
   conversationFiles: { type: Array, required: true },
@@ -44,6 +46,7 @@ const props = defineProps({
   workspaceSheetOpen: { type: Boolean, required: true }
 });
 const emit = defineEmits(["cancel", "cancelEditing", "copyLink", "debug", "delete", "dismissOutdatedBanner", "duplicate", "export", "newConversation", "rename", "saveTitle", "selectConversation", "send", "settings", "signout", "switchWorkspace", "tabChange", "update:drawerOpen", "update:editTitle", "update:workspaceSheetOpen"]);
+const selectedModel = defineModel("selectedModel", { type: [String, null], ...{ default: null } });
 const renameInputRef = ref(null);
 const homeInputRef = ref(null);
 const outdatedSettingsSheetOpen = ref(false);
@@ -220,6 +223,7 @@ function startNewConversationFromOutdatedSettings() {
                 <div px-14px pb-12px>
                     <ChatMessageInput
                         ref="homeInputRef"
+                        v-model:selected-model="selectedModel"
                         :disabled="hasPendingMessage"
                         :loading="hasPendingMessage"
                         :creator-name="currentUser?.name ?? void 0"
@@ -230,6 +234,8 @@ function startNewConversationFromOutdatedSettings() {
                         :workspace-settings="workspaceSettings"
                         :agent-input-schema="agentInputSchema"
                         :agent-input-schema-loading="agentInputSchemaLoading"
+                        :agent-skills="agentSkills"
+                        :agent-context-files="agentContextFiles"
                         :show-cancel-button="showCancelButton"
                         centered
                         @send="(content, files, agentInputs) => emit('send', content, files, agentInputs)"

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

@@ -3,7 +3,7 @@ import type { Conversation, ConversationWithMessages, Message } from '../../../t
 import type { ConversationFile } from '../../../types/schemas/chat/files.js';
 import type { TopbarTab } from '../../../types/schemas/chat/ui.js';
 import type { WorkspaceSettingsResponse as WorkspaceSettings } from '../../../types/schemas/chat/workspace-settings.js';
-import type { TelaAgentInputVariable } from '../../../types/schemas/integrations/tela-agent-api.js';
+import type { TelaAgentContextFile, TelaAgentInputVariable, TelaAgentSkill } from '../../../types/schemas/integrations/tela-agent-api.js';
 import type { ChatActor } from '../../types.js';
 type __VLS_Props = {
     currentConversation: DeepReadonly<ConversationWithMessages> | null;
@@ -14,6 +14,8 @@ type __VLS_Props = {
     activeConversationId: string | null;
     agentInputSchema?: readonly TelaAgentInputVariable[] | null;
     agentInputSchemaLoading?: boolean;
+    agentSkills?: readonly TelaAgentSkill[] | null;
+    agentContextFiles?: readonly TelaAgentContextFile[] | null;
     conversations: DeepReadonly<Conversation[]>;
     conversationsLoading?: boolean;
     conversationFiles: ConversationFile[];
@@ -38,6 +40,10 @@ type __VLS_Props = {
     workspaceSettings?: DeepReadonly<WorkspaceSettings> | null;
     workspaceSheetOpen: boolean;
 };
+type __VLS_ModelProps = {
+    'selectedModel'?: string | null;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare var __VLS_54: {}, __VLS_99: {}, __VLS_101: {};
 type __VLS_Slots = {} & {
     loading?: (props: typeof __VLS_54) => any;
@@ -46,7 +52,9 @@ type __VLS_Slots = {} & {
 } & {
     default?: (props: typeof __VLS_101) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:selectedModel": (value: string | null) => any;
+} & {
     delete: () => any;
     rename: () => any;
     duplicate: () => any;
@@ -67,7 +75,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     "update:drawerOpen": (value: boolean) => any;
     "update:editTitle": (value: string) => any;
     "update:workspaceSheetOpen": (value: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onDelete?: (() => any) | undefined;
     onRename?: (() => any) | undefined;
     onDuplicate?: (() => any) | undefined;
@@ -77,6 +85,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     onCancel?: (() => any) | undefined;
     onSettings?: (() => any) | undefined;
     onSend?: ((content: string, files: FileUploadInput[], agentInputs?: TelaAgentExecutionInput[] | undefined) => any) | undefined;
+    "onUpdate:selectedModel"?: ((value: string | null) => any) | undefined;
     onDebug?: (() => any) | undefined;
     onTabChange?: ((tab: TopbarTab) => any) | undefined;
     onNewConversation?: ((groupId?: string | null | undefined) => any) | undefined;

package/dist/runtime/embed/composables/tela-agent-metadata.d.ts

@@ -1,8 +1,8 @@
-import type { TelaAgent } from '../../types/schemas/integrations/tela-agent-api.js';
+import type { TelaAgentSummary } from '../../types/schemas/integrations/tela-agent-api.js';
 export declare function useTelaAgentMetadata(): {
     agentId: any;
     metadata: any;
     loading: any;
     error: any;
-    fetchAgentMetadata: () => Promise<TelaAgent | null>;
+    fetchAgentMetadata: () => Promise<TelaAgentSummary | null>;
 };