@meistrari/chat-nuxt 4.6.0 → 4.6.1-rc.1

package/dist/module.d.mts

@@ -1,5 +1,5 @@
-export { ChatMessageStatus } from '../dist/runtime/messages/composables/chat-message-terminal.js';
 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 { 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.6.0-rc.12",
+  "version": "4.6.1-rc.1",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "unknown"

package/dist/module.mjs

@@ -3,7 +3,7 @@ import { createRequire } from 'node:module';
 import { join, dirname, isAbsolute } from 'node:path';
 import { defineNuxtModule, createResolver, addTemplate, addTypeTemplate, addPlugin, addImportsDir, addComponent, addComponentsDir } from 'nuxt/kit';
 import { TOOL_ICON_SAFELIST } from '../dist/runtime/messages/tool-registry.js';
-export { ChatMessageStatus } from '../dist/runtime/messages/composables/chat-message-terminal.js';
+export { ChatMessageStatus } from '../dist/runtime/types/message-status.js';
 
 const localRequire = createRequire(import.meta.url);
 const runtimeAliasPackages = [

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

@@ -40,6 +40,7 @@ const tooltipLabel = computed(() => `${props.open ? "Fechar" : "Abrir"} ${props.
                         <rect x="0.5" y="0.5" width="15" height="13" rx="3.5" />
                     </clipPath>
                 </defs>
+                <rect x="0.5" y="0.5" width="15" height="13" rx="3.5" fill="white" />
                 <rect
                     x="0.5"
                     y="0.5"

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

@@ -67,8 +67,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     copyLink: () => any;
     debug: () => any;
     selectConversation: (id: string) => any;
-    settings: () => any;
     send: (content: string, files: FileUploadInput[], agentInputs?: TelaAgentExecutionInput[] | undefined) => any;
+    settings: () => any;
     tabChange: (tab: TopbarTab) => any;
     newConversation: (groupId?: string | null | undefined) => any;
     switchWorkspace: () => any;
@@ -88,8 +88,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     onCopyLink?: (() => any) | undefined;
     onDebug?: (() => any) | undefined;
     onSelectConversation?: ((id: string) => any) | undefined;
-    onSettings?: (() => any) | undefined;
     onSend?: ((content: string, files: FileUploadInput[], agentInputs?: TelaAgentExecutionInput[] | undefined) => any) | undefined;
+    onSettings?: (() => any) | undefined;
     "onUpdate:selectedModel"?: ((value: string | null) => any) | undefined;
     "onUpdate:selectedReasoningEffort"?: ((value: any) => any) | undefined;
     onTabChange?: ((tab: TopbarTab) => any) | undefined;

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

@@ -67,8 +67,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     copyLink: () => any;
     debug: () => any;
     selectConversation: (id: string) => any;
-    settings: () => any;
     send: (content: string, files: FileUploadInput[], agentInputs?: TelaAgentExecutionInput[] | undefined) => any;
+    settings: () => any;
     tabChange: (tab: TopbarTab) => any;
     newConversation: (groupId?: string | null | undefined) => any;
     switchWorkspace: () => any;
@@ -88,8 +88,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     onCopyLink?: (() => any) | undefined;
     onDebug?: (() => any) | undefined;
     onSelectConversation?: ((id: string) => any) | undefined;
-    onSettings?: (() => any) | undefined;
     onSend?: ((content: string, files: FileUploadInput[], agentInputs?: TelaAgentExecutionInput[] | undefined) => any) | undefined;
+    onSettings?: (() => any) | undefined;
     "onUpdate:selectedModel"?: ((value: string | null) => any) | undefined;
     "onUpdate:selectedReasoningEffort"?: ((value: any) => any) | undefined;
     onTabChange?: ((tab: TopbarTab) => any) | undefined;

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

@@ -1,9 +1,6 @@
 import type { Message } from '../../types/schemas/chat/conversations.js';
-export declare enum ChatMessageStatus {
-    Pending = "pending",
-    Completed = "completed",
-    Failed = "failed"
-}
+import { ChatMessageStatus } from '../../types/message-status.js';
+export { ChatMessageStatus } from '../../types/message-status.js';
 export type ChatMessageTerminalPayload = {
     conversationId: string;
     messageId: string;

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

@@ -1,29 +1,27 @@
-import { inject, provide } from "vue";
-export var ChatMessageStatus = /* @__PURE__ */ ((ChatMessageStatus2) => {
-  ChatMessageStatus2["Pending"] = "pending";
-  ChatMessageStatus2["Completed"] = "completed";
-  ChatMessageStatus2["Failed"] = "failed";
-  return ChatMessageStatus2;
-})(ChatMessageStatus || {});
+import { inject, onScopeDispose, provide, ref } from "vue";
+import { useConversationUsage } from "../../usage/composables/conversation-usage.js";
+import { ChatMessageStatus } from "../../types/message-status.js";
+export { ChatMessageStatus } from "../../types/message-status.js";
 const CHAT_MESSAGE_TERMINAL_KEY = Symbol("chat-nuxt:message-terminal");
+const USAGE_REFRESH_DELAYS_MS = [1e3, 3e3, 1e4];
 export function terminalMessageTransitions(previousMessages, nextMessages) {
   const previousById = new Map(previousMessages.map((message) => [message.id, message]));
   const transitions = [];
   for (const message of nextMessages) {
-    if (message.role !== "assistant" || previousById.get(message.id)?.status !== "pending" /* Pending */)
+    if (message.role !== "assistant" || previousById.get(message.id)?.status !== ChatMessageStatus.Pending)
       continue;
-    if (message.status === "completed" /* Completed */) {
+    if (message.status === ChatMessageStatus.Completed) {
       transitions.push({
         conversationId: message.conversationId,
         messageId: message.id,
-        status: "completed" /* Completed */,
+        status: ChatMessageStatus.Completed,
         content: message.content
       });
-    } else if (message.status === "failed" /* Failed */) {
+    } else if (message.status === ChatMessageStatus.Failed) {
       transitions.push({
         conversationId: message.conversationId,
         messageId: message.id,
-        status: "failed" /* Failed */
+        status: ChatMessageStatus.Failed
       });
     }
   }
@@ -34,8 +32,31 @@ export function provideChatMessageTerminal(handler) {
 }
 export function useChatMessageTerminal() {
   const handler = inject(CHAT_MESSAGE_TERMINAL_KEY, null);
+  const conversationId = ref(null);
+  const { fetchUsage } = useConversationUsage(conversationId);
+  const scheduledRefreshes = /* @__PURE__ */ new Map();
+  function refreshUsage(id) {
+    conversationId.value = id;
+    void fetchUsage();
+  }
+  onScopeDispose(() => {
+    for (const timers of scheduledRefreshes.values()) {
+      for (const timer of timers)
+        clearTimeout(timer);
+    }
+    scheduledRefreshes.clear();
+  });
   return {
     emit(payload) {
+      const id = payload.conversationId;
+      for (const timer of scheduledRefreshes.get(id) ?? [])
+        clearTimeout(timer);
+      scheduledRefreshes.set(id, USAGE_REFRESH_DELAYS_MS.map((delay, index) => setTimeout(() => {
+        refreshUsage(id);
+        if (index === USAGE_REFRESH_DELAYS_MS.length - 1)
+          scheduledRefreshes.delete(id);
+      }, delay)));
+      refreshUsage(id);
       handler?.(payload);
     }
   };

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

@@ -3,8 +3,8 @@ 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 { ChatMessageStatus } from '../messages/composables/chat-message-terminal.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';
 export type { MessageOverviewResponse } from './schemas/chat/messages.js';
 export type { ConversationCreatorFilter } from './schemas/chat/primitives.js';

package/dist/runtime/types/embed.js

@@ -1 +1 @@
-export { ChatMessageStatus } from "../messages/composables/chat-message-terminal.js";
+export { ChatMessageStatus } from "./message-status.js";

package/dist/runtime/types/message-status.d.ts

@@ -0,0 +1,5 @@
+export declare enum ChatMessageStatus {
+    Pending = "pending",
+    Completed = "completed",
+    Failed = "failed"
+}

package/dist/runtime/types/message-status.js

@@ -0,0 +1,6 @@
+export var ChatMessageStatus = /* @__PURE__ */ ((ChatMessageStatus2) => {
+  ChatMessageStatus2["Pending"] = "pending";
+  ChatMessageStatus2["Completed"] = "completed";
+  ChatMessageStatus2["Failed"] = "failed";
+  return ChatMessageStatus2;
+})(ChatMessageStatus || {});

package/dist/runtime/usage/composables/conversation-usage.js

@@ -3,12 +3,14 @@ import { useChatApi } from "../../shared/composables/chat-api.js";
 export function useConversationUsage(conversationId) {
   const chatApi = useChatApi();
   const cache = useState("conversation-usage", () => ({}));
+  const requestVersions = useState("conversation-usage-request-versions", () => ({}));
+  const errors = useState("conversation-usage-errors", () => ({}));
   const cached = computed(() => conversationId.value ? cache.value[conversationId.value] : void 0);
   const usageData = computed(() => cached.value?.usage ?? null);
   const billing = computed(() => cached.value?.billing ?? null);
   const loaded = computed(() => cached.value !== void 0);
   const loading = ref(false);
-  const error = ref(null);
+  const error = computed(() => conversationId.value ? errors.value[conversationId.value] ?? null : null);
   function formatBillingCost(cost) {
     if (!billing.value || billing.value.mode === "credits") {
       return formatCredits(cost);
@@ -22,25 +24,28 @@ export function useConversationUsage(conversationId) {
       return;
     }
     const requestId = ++latestRequestId;
+    const version = (requestVersions.value[id] ?? 0) + 1;
+    requestVersions.value[id] = version;
     loading.value = true;
-    error.value = null;
+    errors.value[id] = null;
     try {
       const response = await $fetch(
         chatApi.path(`/conversations/${id}/usage`),
         chatApi.withChatHeaders()
       );
-      if (requestId !== latestRequestId)
+      if (requestVersions.value[id] !== version)
         return;
       if (response.error) {
-        error.value = response.error;
+        errors.value[id] = response.error;
       } else {
         cache.value = { ...cache.value, [id]: { usage: response.usage, billing: response.billing } };
+        errors.value[id] = null;
       }
     } catch (err) {
-      if (requestId !== latestRequestId)
+      if (requestVersions.value[id] !== version)
         return;
       console.error("Failed to fetch usage data:", err);
-      error.value = "Falha ao carregar dados de uso";
+      errors.value[id] = "Falha ao carregar dados de uso";
     } finally {
       if (requestId === latestRequestId)
         loading.value = false;

package/dist/types.d.mts

@@ -4,10 +4,10 @@ import type { default as Module } from './module.mjs'
 
 export type ModuleOptions = typeof Module extends NuxtModule<infer O> ? Partial<O> : Record<string, any>
 
-export { ChatMessageStatus } from '../dist/runtime/messages/composables/chat-message-terminal.js'
-
 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 { ChatMessageStatus } from '../dist/runtime/types/message-status.js'
+
 export { default } from './module.mjs'
 
 export { type ChatNuxtModuleOptions } from './module.mjs'

package/package.json

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