@meistrari/chat-nuxt 3.5.0 → 3.7.0

package/dist/module.d.mts

@@ -6,6 +6,8 @@ type ChatNuxtConfigValidationMode = false | 'warn' | 'error';
 interface ChatNuxtModuleOptions {
     /** Dedicated Chat API base URL used by Nuxt server routes. */
     chatApiUrl?: string;
+    /** Host app identifier reported to the chat-api (e.g. `'chat-app'`). */
+    source?: string;
     /**
      * Whether to fail fast (`'error'`), warn (`'warn'`), or skip (`false`) when
      * required runtime config keys are unset.

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@meistrari/chat-nuxt",
   "configKey": "chatNuxt",
-  "version": "3.5.0",
+  "version": "3.7.0",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "unknown"

package/dist/module.mjs

@@ -149,6 +149,7 @@ function resolveWorkspaceSettingsResolverEntry(srcDir, fallbackResolverBase) {
 }
 
 const _chatNuxtRequire = createRequire(import.meta.url);
+const _chatNuxtPackageVersion = _chatNuxtRequire("../package.json").version;
 const VUE_COMPONENT_EXTENSIONS = [".vue"];
 const FEATURE_DIRS = ["conversations", "embed", "files", "messages", "rendering", "shared", "usage", "workspace"];
 const FULL_NAME_COMPONENT_DIRS = ["conversations", "embed", "files", "messages", "usage"];
@@ -358,7 +359,9 @@ const module$1 = defineNuxtModule({
     rc.public = rc.public || {};
     const existingChatNuxtRuntimeConfig = rc.chatNuxt;
     rc.chatNuxt = {
-      chatApiUrl: existingChatNuxtRuntimeConfig?.chatApiUrl || rc.chatApiUrl
+      chatApiUrl: existingChatNuxtRuntimeConfig?.chatApiUrl || rc.chatApiUrl,
+      source: options.source || existingChatNuxtRuntimeConfig?.source,
+      clientVersion: _chatNuxtPackageVersion
     };
     validateRuntimeConfig(rc, options.validateConfig ?? false);
     nuxt.options.css = nuxt.options.css || [];

package/dist/runtime/conversations/components/chat-conversation-list.d.vue.ts

@@ -8,6 +8,7 @@ type __VLS_Props = {
     resetConversation?: () => void | Promise<void>;
     startConversation?: (groupId?: string | null) => void | Promise<void>;
     loading?: boolean;
+    hideFolderHint?: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/conversations/components/chat-conversation-list.vue

@@ -7,7 +7,8 @@ const props = defineProps({
   selectConversation: { type: Function, required: false },
   resetConversation: { type: Function, required: false },
   startConversation: { type: Function, required: false },
-  loading: { type: Boolean, required: false }
+  loading: { type: Boolean, required: false },
+  hideFolderHint: { type: Boolean, required: false }
 });
 const {
   conversationSearch,
@@ -112,7 +113,7 @@ const {
                         <span h-10px w-84px rounded-full bg-neutral-100 />
                     </div>
                 </div>
-                <p px-4px text-14px text-neutral-500 leading-20px>
+                <p v-if="!hideFolderHint" px-4px text-14px text-neutral-500 leading-20px>
                     Suas pastas aparecem aqui. Crie uma para começar a agrupar conversas.
                 </p>
                 <ChatConversationNewGroupButton label="Criar pasta" variant="empty-state" />

package/dist/runtime/conversations/components/chat-conversation-list.vue.d.ts

@@ -8,6 +8,7 @@ type __VLS_Props = {
     resetConversation?: () => void | Promise<void>;
     startConversation?: (groupId?: string | null) => void | Promise<void>;
     loading?: boolean;
+    hideFolderHint?: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

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

@@ -293,6 +293,7 @@ export function useConversations() {
   };
   const createConversation = async (input) => {
     error.value = null;
+    const statusToast = useStatusToast();
     const requestRuntimeScope = runtimeScope.value;
     const metadataSnapshot = snapshotConversationMetadata(requestRuntimeScope);
     const now = /* @__PURE__ */ new Date();
@@ -333,6 +334,10 @@ export function useConversations() {
       restoreConversationMetadata(requestRuntimeScope, metadataSnapshot);
       const message = err instanceof Error ? err.message : "Erro ao criar conversa";
       error.value = message;
+      statusToast.update({
+        text: "Erro ao criar conversa",
+        icon: "i-ph-warning"
+      });
       return null;
     }
   };

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

@@ -7,6 +7,7 @@ type __VLS_Props = {
     hideSidebar?: boolean;
     sidebar?: ChatSidebarConfig;
     hideSettings?: boolean;
+    hideFolderHint?: boolean;
     user?: EmbedUser | null;
     features?: Partial<ChatFeatureConfig>;
 };
@@ -19,6 +20,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:conversationId"?: ((value: string | null) => any) | undefined;
 }>, {
+    hideFolderHint: boolean;
     hideSettings: boolean;
     hideSidebar: boolean;
     initialConversationId: string | null;

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

@@ -30,6 +30,7 @@ const props = defineProps({
   hideSidebar: { type: Boolean, required: false, default: true },
   sidebar: { type: Object, required: false },
   hideSettings: { type: Boolean, required: false, default: false },
+  hideFolderHint: { type: Boolean, required: false, default: false },
   user: { type: [Object, null], required: false },
   features: { type: Object, required: false }
 });
@@ -397,6 +398,32 @@ const editTitle = ref("");
 const justStartedEditing = ref(false);
 const showDebugModal = ref(false);
 const debugSessionId = computed(() => currentConversation.value?.threadSessionId ?? "Sess\xE3o ainda n\xE3o criada");
+async function copyDebugInfo() {
+  const conversation = currentConversation.value;
+  const conversationId = conversation?.id ?? activeConversationId.value;
+  const sessionId = conversation?.threadSessionId ?? null;
+  const telaAgentId = conversation?.telaAgentId ?? null;
+  const createdAt = conversation?.createdAt ? new Date(conversation.createdAt) : null;
+  const datadogTimeRange = createdAt ? `&from_ts=${createdAt.getTime()}&to_ts=${Date.now()}&live=false` : "";
+  const datadogLogsUrl = (facet, value) => `https://us5.datadoghq.com/logs?query=${encodeURIComponent(`@${facet}:${value}`)}${datadogTimeRange}`;
+  const environment = useRuntimeConfig().public.environment;
+  const telaAppUrl = environment === "production" ? "https://app.tela.com" : "https://app.telastaging.com";
+  const debugInfo = {
+    conversationId: conversationId ?? null,
+    sessionId,
+    telaAgentId,
+    createdAt: createdAt?.toISOString() ?? null,
+    seeConversationInDatadog: conversationId ? datadogLogsUrl("conversationId", conversationId) : null,
+    seeSessionInDatadog: sessionId ? datadogLogsUrl("sessionId", sessionId) : null,
+    linkToTelaAgent: telaAgentId ? `${telaAppUrl}/agent/${telaAgentId}` : null
+  };
+  try {
+    await navigator.clipboard.writeText(JSON.stringify(debugInfo, null, 2));
+    statusToast.update({ text: "Dados de debug copiados", icon: "i-ph-check" });
+  } catch {
+    statusToast.update({ text: "Erro ao copiar dados de debug", icon: "i-ph-warning" });
+  }
+}
 function startEditing() {
   editTitle.value = displayTitle.value;
   isEditing.value = true;
@@ -522,6 +549,7 @@ async function handleDelete() {
                             :reset-conversation="handleNewConversation"
                             :start-conversation="handleNewConversation"
                             :loading="conversationsLoading"
+                            :hide-folder-hint="hideFolderHint"
                         />
                     </div>
 
@@ -573,6 +601,7 @@ async function handleDelete() {
                 :has-pending-message="hasPendingMessage"
                 :hide-settings="hideSettings"
                 :hide-sidebar="hideSidebar"
+                :hide-folder-hint="hideFolderHint"
                 :is-editing="isEditing"
                 :loading="loading"
                 :messages="messages"
@@ -885,7 +914,7 @@ async function handleDelete() {
                 <div flex="~ col" w-full my-24px gap-24px>
                     <div flex="~ col" gap-4px w-full>
                         <p text-14px font-580 text-gray-700 leading-18px>
-                            Chat Id
+                            Conversation Id
                         </p>
                         <div
                             px-12px py-10px
@@ -903,7 +932,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
+                            Session Id
                         </p>
                         <div
                             px-12px py-10px
@@ -920,6 +949,16 @@ async function handleDelete() {
                         </div>
                     </div>
                 </div>
+                <template #footer>
+                    <div flex justify-between items-center gap-12px w-full>
+                        <p text-12px font-400 leading-16px text-tertiary>
+                            Inclui os ids da conversa e os links de debug no Datadog e no Tela
+                        </p>
+                        <TelaButton variant="primary" icon="i-ph-copy" leading flex-shrink-0 @click="copyDebugInfo">
+                            Copiar dados completos
+                        </TelaButton>
+                    </div>
+                </template>
             </TelaModal>
         </div>
 

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

@@ -7,6 +7,7 @@ type __VLS_Props = {
     hideSidebar?: boolean;
     sidebar?: ChatSidebarConfig;
     hideSettings?: boolean;
+    hideFolderHint?: boolean;
     user?: EmbedUser | null;
     features?: Partial<ChatFeatureConfig>;
 };
@@ -19,6 +20,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:conversationId"?: ((value: string | null) => any) | undefined;
 }>, {
+    hideFolderHint: boolean;
     hideSettings: boolean;
     hideSidebar: boolean;
     initialConversationId: string | null;

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

@@ -15,6 +15,7 @@ const props = defineProps({
   hideSidebar: { type: Boolean, required: false },
   sidebar: { type: Object, required: false },
   hideSettings: { type: Boolean, required: false },
+  hideFolderHint: { type: Boolean, required: false },
   loadingMessages: { type: [Array, null], required: false },
   loadingMessagesMode: { type: [String, null], required: false },
   customComponents: { type: Object, required: false },
@@ -95,6 +96,7 @@ provideChatMessageTerminal((payload) => {
         :hide-sidebar="hideSidebar"
         :sidebar="sidebar"
         :hide-settings="hideSettings"
+        :hide-folder-hint="hideFolderHint"
         :user="normalizedTelaAgentId ? null : user"
         :features="features"
         @update:conversation-id="$emit('update:conversationId', $event)"

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

@@ -8,6 +8,7 @@ const props = defineProps({
   hideSidebar: { type: Boolean, required: false },
   sidebar: { type: Object, required: false },
   hideSettings: { type: Boolean, required: false },
+  hideFolderHint: { type: Boolean, required: false },
   loadingMessages: { type: [Array, null], required: false },
   loadingMessagesMode: { type: [String, null], required: false },
   customComponents: { type: Object, required: false },
@@ -37,6 +38,7 @@ const hideSettings = computed(() => props.hideSettings ?? false);
         :hide-sidebar="hideSidebar"
         :sidebar="sidebar"
         :hide-settings="hideSettings"
+        :hide-folder-hint="hideFolderHint"
         :features="features"
         :loading-messages="loadingMessages"
         :loading-messages-mode="loadingMessagesMode"
@@ -64,6 +66,7 @@ const hideSettings = computed(() => props.hideSettings ?? false);
         :hide-sidebar="hideSidebar"
         :sidebar="sidebar"
         :hide-settings="hideSettings"
+        :hide-folder-hint="hideFolderHint"
         :features="features"
         :loading-messages="loadingMessages"
         :loading-messages-mode="loadingMessagesMode"

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

@@ -5,6 +5,7 @@ type __VLS_Props = {
     conversations: DeepReadonly<Conversation[]>;
     activeId: string | null;
     loading?: boolean;
+    hideFolderHint?: boolean;
     userName?: string;
     userEmail?: string;
     userImage?: string;

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

@@ -13,6 +13,7 @@ const props = defineProps({
   conversations: { type: null, required: true },
   activeId: { type: [String, null], required: true },
   loading: { type: Boolean, required: false },
+  hideFolderHint: { type: Boolean, required: false },
   userName: { type: String, required: false },
   userEmail: { type: String, required: false },
   userImage: { type: String, required: false }
@@ -338,7 +339,7 @@ async function handleConversationDrop(event, groupId) {
                             <span h-10px w-84px rounded-full bg-neutral-100 />
                         </div>
                     </div>
-                    <p px-4px text-14px text-neutral-500 leading-20px>
+                    <p v-if="!hideFolderHint" px-4px text-14px text-neutral-500 leading-20px>
                         Suas pastas aparecem aqui. Crie uma para começar a agrupar conversas.
                     </p>
                     <ChatConversationNewGroupButton label="Criar pasta" variant="empty-state" />

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

@@ -5,6 +5,7 @@ type __VLS_Props = {
     conversations: DeepReadonly<Conversation[]>;
     activeId: string | null;
     loading?: boolean;
+    hideFolderHint?: boolean;
     userName?: string;
     userEmail?: string;
     userImage?: string;

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

@@ -27,6 +27,7 @@ type __VLS_Props = {
     hasPendingMessage?: boolean;
     hideSettings?: boolean;
     hideSidebar?: boolean;
+    hideFolderHint?: boolean;
     isEditing: boolean;
     loading?: boolean;
     messages: Message[];

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

@@ -32,6 +32,7 @@ const props = defineProps({
   hasPendingMessage: { type: Boolean, required: false },
   hideSettings: { type: Boolean, required: false },
   hideSidebar: { type: Boolean, required: false },
+  hideFolderHint: { type: Boolean, required: false },
   isEditing: { type: Boolean, required: true },
   loading: { type: Boolean, required: false },
   messages: { type: Array, required: true },
@@ -139,6 +140,7 @@ function startNewConversationFromOutdatedSettings() {
         :conversations="conversations"
         :active-id="activeConversationId"
         :loading="conversationsLoading"
+        :hide-folder-hint="hideFolderHint"
         :user-name="currentUser?.name ?? void 0"
         :user-email="currentUser?.email ?? void 0"
         :user-image="currentUser?.image ?? void 0"

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

@@ -27,6 +27,7 @@ type __VLS_Props = {
     hasPendingMessage?: boolean;
     hideSettings?: boolean;
     hideSidebar?: boolean;
+    hideFolderHint?: boolean;
     isEditing: boolean;
     loading?: boolean;
     messages: Message[];

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

@@ -44,6 +44,8 @@ export type ChatEmbedSharedProps = {
     sidebar?: ChatSidebarConfig;
     /** Hide workspace settings actions while keeping the chat header and content unchanged. */
     hideSettings?: boolean;
+    /** Hide the folder onboarding hint while keeping folder creation actions available. */
+    hideFolderHint?: boolean;
     /** Custom pending-response messages shown while the assistant is working. */
     loadingMessages?: readonly string[] | null;
     /** How custom loading messages rotate. Defaults to ordered behavior when omitted. */

package/dist/runtime/server/utils/chat-api-proxy.js

@@ -58,8 +58,17 @@ function buildProxyHeaders(event) {
     });
   }
   const headers = {
-    authorization: `Bearer ${token}`
+    "authorization": `Bearer ${token}`,
+    "x-chat-client": "chat-nuxt"
   };
+  const config = useRuntimeConfig(event);
+  if (config.chatNuxt?.clientVersion) {
+    headers["x-chat-client-version"] = config.chatNuxt.clientVersion;
+  }
+  const source = config.chatNuxt?.source || getRequestURL(event).host;
+  if (source) {
+    headers["x-chat-source"] = source;
+  }
   for (const headerName of CHAT_COMPAT_HEADERS) {
     const value = getHeader(event, headerName)?.trim();
     if (value) {

package/dist/runtime/shared/composables/feature-flags.d.ts

@@ -8,7 +8,14 @@ type Workspace = {
     id: string;
     name?: string | null;
 };
-export declare function initPosthog(publicKey: string, host: string, defaults: string): Promise<void>;
+export type PosthogLogsOptions = {
+    captureConsoleLogs?: boolean;
+    /** Shown as `service.name` in the PostHog Logs UI. Defaults to `unknown_service`. */
+    serviceName?: string;
+    /** Shown as `deployment.environment` in the PostHog Logs UI. */
+    environment?: string;
+};
+export declare function initPosthog(publicKey: string, host: string, defaults: string, logs?: PosthogLogsOptions): Promise<void>;
 export declare function identifyPosthogUser(user: AuthUser): void;
 export declare function resetPosthogIdentity(): void;
 export declare function setPosthogWorkspace(workspace: Workspace): void;

package/dist/runtime/shared/composables/feature-flags.js

@@ -1,7 +1,7 @@
 const posthogClient = shallowRef(null);
 const flagsVersion = ref(0);
 let identifiedUserFingerprint = null;
-export async function initPosthog(publicKey, host, defaults) {
+export async function initPosthog(publicKey, host, defaults, logs) {
   if (posthogClient.value)
     return;
   try {
@@ -10,6 +10,15 @@ export async function initPosthog(publicKey, host, defaults) {
       api_host: host,
       defaults,
       person_profiles: "identified_only",
+      // serviceName/environment are supported at runtime but missing
+      // from PostHogConfig['logs'] in the pinned posthog-js version.
+      ...logs?.captureConsoleLogs ? {
+        logs: {
+          captureConsoleLogs: true,
+          serviceName: logs.serviceName,
+          environment: logs.environment
+        }
+      } : {},
       loaded: (c) => {
         if (import.meta.dev)
           c.debug();

package/dist/runtime/types/schemas/chat/usage.d.ts

@@ -183,6 +183,7 @@ export declare const workspaceUsageResponseSchema: z.ZodObject<{
 export type WorkspaceUsageResponse = z.infer<typeof workspaceUsageResponseSchema>;
 export declare const dailyUsageRowSchema: z.ZodObject<{
     workspaceId: z.ZodString;
+    source: z.ZodNullable<z.ZodString>;
     totalTokens: z.ZodNumber;
     totalCost: z.ZodNumber;
     promptTokens: z.ZodNumber;
@@ -196,6 +197,7 @@ export type DailyUsageRow = z.infer<typeof dailyUsageRowSchema>;
 export declare const dailyUsageResponseSchema: z.ZodObject<{
     rows: z.ZodArray<z.ZodObject<{
         workspaceId: z.ZodString;
+        source: z.ZodNullable<z.ZodString>;
         totalTokens: z.ZodNumber;
         totalCost: z.ZodNumber;
         promptTokens: z.ZodNumber;

package/dist/runtime/types/schemas/chat/usage.js

@@ -86,6 +86,7 @@ export const workspaceUsageResponseSchema = z.object({
 });
 export const dailyUsageRowSchema = z.object({
     workspaceId: z.string(),
+    source: z.string().nullable(),
     totalTokens: z.number(),
     totalCost: z.number(),
     promptTokens: z.number(),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meistrari/chat-nuxt",
-  "version": "3.5.0",
+  "version": "3.7.0",
   "type": "module",
   "exports": {
     ".": {