@meistrari/chat-nuxt 4.8.0 → 4.9.0-rc.0

package/dist/module.d.mts

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

package/dist/module.json

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

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

@@ -4,6 +4,7 @@ import { provideConversationCreatorFilterState } from "../../conversations/compo
 import { provideChatAction } from "../../messages/composables/chat-action";
 import { provideMessageFeedback } from "../../messages/composables/chat-feedback";
 import { provideChatMessageTerminal } from "../../messages/composables/chat-message-terminal";
+import { provideChatMessageSent } from "../../messages/composables/chat-message-sent";
 import { provideChatRequestContext } from "../../shared/composables/chat-request-context";
 import { provideEmbedConfig, useEmbedConfig } from "../composables/embed-config";
 import { normalizeConversationScope, normalizeTelaAgentId, resolveConversationScopeKeySegment } from "../../conversations/scope";
@@ -49,7 +50,7 @@ const props = defineProps({
   keepMounted: { type: Boolean, required: false },
   launcherLabel: { type: String, required: false }
 });
-const emit = defineEmits(["update:conversationId", "update:conversationTitle", "update:conversationCreatorFilter", "action", "messageFeedback", "messageTerminal"]);
+const emit = defineEmits(["update:conversationId", "update:conversationTitle", "update:conversationCreatorFilter", "action", "messageFeedback", "messageTerminal", "messageSent"]);
 const LightweightAdapter = defineAsyncComponent(() => import("../../lightweight/embed/components/chat-embed-adapter.vue"));
 const parentEmbedConfig = useEmbedConfig();
 const { activeOrganization } = useChatAuth();
@@ -141,6 +142,9 @@ provideMessageFeedback((payload) => {
 provideChatMessageTerminal((payload) => {
   emit("messageTerminal", payload);
 });
+provideChatMessageSent((payload) => {
+  emit("messageSent", payload);
+});
 </script>
 
 <template>

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

@@ -2,6 +2,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 { ChatMessageSentPayload } from '../../messages/composables/chat-message-sent.js';
 import type { Message } from '../../types/schemas/chat/conversations.js';
 import type { ChatFeatureConfig } from '../feature-config.js';
 import type { AvailableChatModels, ChatEmbedVariant, ChatEmbedVariantProps, ChatSidebarConfig, ChatSuggestion, DefaultChatEmbedProps, MeistrariChatEmbedProps, TelaAgentChatEmbedProps } from '../types.js';
@@ -19,6 +20,8 @@ type MeistrariChatEmbedEmits = {
     'messageFeedback': (payload: MessageFeedbackPayload) => any;
     /** Fired after polling observes an assistant message reach a terminal status. */
     'messageTerminal': (payload: ChatMessageTerminalPayload) => any;
+    /** Fired once the server accepts a user message, including retries of a failed answer. */
+    'messageSent': (payload: ChatMessageSentPayload) => any;
 };
 
 type MeistrariChatEmbedSlots = SlotsType<{
@@ -61,4 +64,4 @@ type MeistrariChatEmbedSlots = SlotsType<{
 declare const MeistrariChatEmbed: DefineSetupFnComponent<MeistrariChatEmbedProps, MeistrariChatEmbedEmits, MeistrariChatEmbedSlots>;
 
 export default MeistrariChatEmbed;
-export type { AvailableChatModels, ChatActionPayload, ChatEmbedVariant, ChatEmbedVariantProps, ChatFeatureConfig, ChatMessageTerminalPayload, ChatSidebarConfig, ChatSuggestion, DefaultChatEmbedProps, MeistrariChatEmbedProps, Message, MessageFeedbackPayload, TelaAgentChatEmbedProps };
+export type { AvailableChatModels, ChatActionPayload, ChatEmbedVariant, ChatEmbedVariantProps, ChatFeatureConfig, ChatMessageSentPayload, ChatMessageTerminalPayload, ChatSidebarConfig, ChatSuggestion, DefaultChatEmbedProps, MeistrariChatEmbedProps, Message, MessageFeedbackPayload, TelaAgentChatEmbedProps };

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

@@ -41,7 +41,7 @@ const { hideSidebar = void 0, syncBrowserState = true, closeOnOutsideClick = tru
   keepMounted: { type: Boolean, required: false },
   launcherLabel: { type: String, required: false }
 });
-const emit = defineEmits(["update:conversationId", "update:conversationCreatorFilter", "update:open", "action", "messageFeedback", "messageTerminal"]);
+const emit = defineEmits(["update:conversationId", "update:conversationCreatorFilter", "update:open", "action", "messageFeedback", "messageTerminal", "messageSent"]);
 defineSlots();
 provideConversationCreatorFilterState({
   defaultConversationCreatorFilter: () => props.defaultConversationCreatorFilter,
@@ -118,6 +118,7 @@ const widgetEmbedProps = computed(() => ({
         @action="emit('action', $event)"
         @message-feedback="emit('messageFeedback', $event)"
         @message-terminal="emit('messageTerminal', $event)"
+        @message-sent="emit('messageSent', $event)"
     >
         <template v-if="$slots['sidebar-bottom']" #sidebar-bottom>
             <slot name="sidebar-bottom" />
@@ -160,6 +161,7 @@ const widgetEmbedProps = computed(() => ({
                     @action="emit('action', $event)"
                     @message-feedback="emit('messageFeedback', $event)"
                     @message-terminal="emit('messageTerminal', $event)"
+                    @message-sent="emit('messageSent', $event)"
                 >
                     <template v-if="$slots['failed-message-actions']" #failed-message-actions="slotProps">
                         <slot name="failed-message-actions" v-bind="slotProps" />
@@ -189,6 +191,7 @@ const widgetEmbedProps = computed(() => ({
                     @action="emit('action', $event)"
                     @message-feedback="emit('messageFeedback', $event)"
                     @message-terminal="emit('messageTerminal', $event)"
+                    @message-sent="emit('messageSent', $event)"
                 >
                     <template v-if="$slots['failed-message-actions']" #failed-message-actions="slotProps">
                         <slot name="failed-message-actions" v-bind="slotProps" />

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

@@ -2,6 +2,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 { ChatMessageSentPayload } from '../../messages/composables/chat-message-sent.js';
 import type { Message } from '../../types/schemas/chat/conversations.js';
 import type { ChatFeatureConfig } from '../feature-config.js';
 import type { AvailableChatModels, ChatEmbedVariant, ChatEmbedVariantProps, ChatSidebarConfig, ChatSuggestion, DefaultChatEmbedProps, MeistrariChatEmbedProps, TelaAgentChatEmbedProps } from '../types.js';
@@ -19,6 +20,8 @@ type MeistrariChatEmbedEmits = {
     'messageFeedback': (payload: MessageFeedbackPayload) => any;
     /** Fired after polling observes an assistant message reach a terminal status. */
     'messageTerminal': (payload: ChatMessageTerminalPayload) => any;
+    /** Fired once the server accepts a user message, including retries of a failed answer. */
+    'messageSent': (payload: ChatMessageSentPayload) => any;
 };
 
 type MeistrariChatEmbedSlots = SlotsType<{
@@ -61,4 +64,4 @@ type MeistrariChatEmbedSlots = SlotsType<{
 declare const MeistrariChatEmbed: DefineSetupFnComponent<MeistrariChatEmbedProps, MeistrariChatEmbedEmits, MeistrariChatEmbedSlots>;
 
 export default MeistrariChatEmbed;
-export type { AvailableChatModels, ChatActionPayload, ChatEmbedVariant, ChatEmbedVariantProps, ChatFeatureConfig, ChatMessageTerminalPayload, ChatSidebarConfig, ChatSuggestion, DefaultChatEmbedProps, MeistrariChatEmbedProps, Message, MessageFeedbackPayload, TelaAgentChatEmbedProps };
+export type { AvailableChatModels, ChatActionPayload, ChatEmbedVariant, ChatEmbedVariantProps, ChatFeatureConfig, ChatMessageSentPayload, ChatMessageTerminalPayload, ChatSidebarConfig, ChatSuggestion, DefaultChatEmbedProps, MeistrariChatEmbedProps, Message, MessageFeedbackPayload, TelaAgentChatEmbedProps };

package/dist/runtime/messages/composables/chat-message-sent.d.ts

@@ -0,0 +1,15 @@
+export type ChatMessageSentPayload = {
+    conversationId: string;
+    /** Persisted id of the user message the server accepted. */
+    messageId: string;
+    /** Assistant message answering it; the same id a later `messageTerminal` event carries. */
+    assistantMessageId: string;
+    hasFiles: boolean;
+    /** True when the user retried a failed answer instead of writing a new message. */
+    retry: boolean;
+};
+export type ChatMessageSentHandler = (payload: ChatMessageSentPayload) => void;
+export declare function provideChatMessageSent(handler: ChatMessageSentHandler): void;
+export declare function useChatMessageSent(): {
+    emit(payload: ChatMessageSentPayload): void;
+};

package/dist/runtime/messages/composables/chat-message-sent.js

@@ -0,0 +1,13 @@
+import { inject, provide } from "vue";
+const CHAT_MESSAGE_SENT_KEY = Symbol("chat-nuxt:message-sent");
+export function provideChatMessageSent(handler) {
+  provide(CHAT_MESSAGE_SENT_KEY, handler);
+}
+export function useChatMessageSent() {
+  const handler = inject(CHAT_MESSAGE_SENT_KEY, null);
+  return {
+    emit(payload) {
+      handler?.(payload);
+    }
+  };
+}

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

@@ -27,6 +27,7 @@ import { useEmbedConfig } from "../../embed/composables/embed-config.js";
 import { CHAT_PREPARING_STEPS, nextChatPreparingStepDelay } from "../../embed/loading-messages.js";
 import { usePolling } from "../../shared/composables/polling.js";
 import { ChatMessageStatus, terminalMessageTransitions, useChatMessageTerminal } from "./chat-message-terminal.js";
+import { useChatMessageSent } from "./chat-message-sent.js";
 import { useDirectStream } from "./use-direct-stream.js";
 import { overlayStreamedMessage } from "../stream-overlay.js";
 import { useOutboundQueue } from "./outbound-queue.js";
@@ -53,6 +54,7 @@ export function useChat(options = {}, adapter = {}) {
   const runtimeBlocked = ref(false);
   let streamConnecting = false;
   const chatMessageTerminal = useChatMessageTerminal();
+  const chatMessageSent = useChatMessageSent();
   const embedConfig = useEmbedConfig();
   const { user: authUser, activeOrganization } = useChatAuth();
   const { addFilesToConversation } = useConversationFileActions();
@@ -615,7 +617,21 @@ export function useChat(options = {}, adapter = {}) {
           ...standInOutputAtMs !== null ? { standInOutputAtMs } : {}
         }
       };
+      let sentEmitted = false;
+      const emitMessageSent = (response2) => {
+        if (sentEmitted)
+          return;
+        sentEmitted = true;
+        chatMessageSent.emit({
+          conversationId: response2.userMessage.conversationId,
+          messageId: response2.userMessage.id,
+          assistantMessageId: response2.assistantMessage.id,
+          hasFiles: (files?.length ?? 0) > 0,
+          retry: false
+        });
+      };
       const acceptMessagePair = (response2) => {
+        emitMessageSent(response2);
         messages.value = messages.value.map((msg) => {
           if (msg.id === optimisticUserMessage.id)
             return response2.userMessage;
@@ -648,6 +664,7 @@ export function useChat(options = {}, adapter = {}) {
           chatApi.withChatHeaders({ method: "POST", body: v2Body, retry: 1, timeout: CHAT_REQUEST_TIMEOUT_MS })
         );
         response = accepted;
+        emitMessageSent(accepted);
         if (currentConversation.value?.id !== conversationId2)
           return accepted.userMessage;
         runtimeBlocked.value = accepted.conversation.runtimeState === "blocked";
@@ -939,6 +956,16 @@ export function useChat(options = {}, adapter = {}) {
         chatApi.path(`/conversations/${conversationId}/messages/${messageId}/retry`),
         chatApi.withChatHeaders({ method: "POST", ...prepared?.executionSettings ? { body: { executionSettings: prepared.executionSettings } } : {} })
       );
+      const retriedUserMessage = retry.messages.slice(0, retry.messages.findIndex((message) => message.id === messageId)).findLast((message) => message.role === "user");
+      if (retriedUserMessage) {
+        chatMessageSent.emit({
+          conversationId,
+          messageId: retriedUserMessage.id,
+          assistantMessageId: messageId,
+          hasFiles: (retriedUserMessage.files?.length ?? 0) > 0,
+          retry: true
+        });
+      }
       if (currentConversation.value?.id !== conversationId)
         return true;
       messages.value = messages.value.map((message) => message.id === messageId ? { ...message, ...retriedMessage } : message);

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

@@ -4,6 +4,7 @@ export type { ChatFeatureConfig } from '../embed/feature-config.js';
 export type { AvailableChatModels, ChatActor, ChatEmbedSharedProps, ChatEmbedVariant, ChatEmbedVariantProps, ChatLabels, ChatSidebarConfig, ChatSuggestion, DefaultChatEmbedProps, MeistrariChatEmbedProps, TelaAgentChatEmbedProps, } from '../embed/types.js';
 export type { ChatActionPayload } from '../messages/composables/chat-action.js';
 export type { MessageFeedbackConfig, MessageFeedbackPayload, MessageFeedbackRating, MessageFeedbackSubmitHandler, MessageFeedbackSubmitResult, } from '../messages/composables/chat-feedback.js';
+export type { ChatMessageSentPayload } from '../messages/composables/chat-message-sent.js';
 export type { ChatMessageTerminalPayload } from '../messages/composables/chat-message-terminal.js';
 export { ChatMessageStatus } from './message-status.js';
 export type { ConversationEvent, Message } from './schemas/chat/conversations.js';

package/dist/types.d.mts

@@ -4,7 +4,7 @@ import type { default as Module } from './module.mjs'
 
 export type ModuleOptions = typeof Module extends NuxtModule<infer O> ? Partial<O> : Record<string, any>
 
-export { type AvailableChatModels, type ChatActionPayload, type ChatActor, type ChatEmbedSharedProps, type ChatEmbedVariant, type ChatEmbedVariantProps, type ChatFeatureConfig, type ChatLabels, type ChatMessageTerminalPayload, type ChatSidebarConfig, type ChatSuggestion, type DefaultChatEmbedProps, type MeistrariChatEmbedProps, type MessageFeedbackConfig, type MessageFeedbackPayload, type MessageFeedbackRating, type MessageFeedbackSubmitHandler, type MessageFeedbackSubmitResult, type MessageOverviewResponse, type TelaAgentChatEmbedProps, type TelaAgentExecutionInput } from '../dist/runtime/types/embed.js'
+export { type AvailableChatModels, type ChatActionPayload, type ChatActor, type ChatEmbedSharedProps, type ChatEmbedVariant, type ChatEmbedVariantProps, type ChatFeatureConfig, type ChatLabels, type ChatMessageSentPayload, type ChatMessageTerminalPayload, type ChatSidebarConfig, type ChatSuggestion, type DefaultChatEmbedProps, type MeistrariChatEmbedProps, type MessageFeedbackConfig, type MessageFeedbackPayload, type MessageFeedbackRating, type MessageFeedbackSubmitHandler, type MessageFeedbackSubmitResult, type MessageOverviewResponse, type TelaAgentChatEmbedProps, type TelaAgentExecutionInput } from '../dist/runtime/types/embed.js'
 
 export { ChatMessageStatus } from '../dist/runtime/types/message-status.js'
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meistrari/chat-nuxt",
-  "version": "4.8.0",
+  "version": "4.9.0-rc.0",
   "type": "module",
   "exports": {
     ".": {