@meistrari/chat-nuxt 1.2.3 → 1.4.0

package/README.md

@@ -41,6 +41,16 @@ export default defineNuxtConfig({
     ssr: false,
 
     chatNuxt: {
+        telaApiUrl: process.env.TELA_API_URL,
+        agentApiUrl: process.env.AGENT_API_URL,
+        authApiUrl: process.env.AUTH_API_URL,
+        vaultUrl: process.env.VAULT_URL,
+        databaseUrl: '', // leave empty to use the bundled pglite database
+        features: {
+            usage: true,
+            generateTitle: false,
+            credentials: false,
+        },
         validateConfig: 'warn',
     },
 
@@ -53,36 +63,60 @@ export default defineNuxtConfig({
             dashboardUrl: process.env.AUTH_DASHBOARD_URL ?? '',
         },
     },
-
-    // Prevents duplicate Vue instances with pnpm
-    vite: {
-        resolve: {
-            dedupe: ['vue', '@vue/runtime-core', '@vue/reactivity', '@vue/runtime-dom', '@vue/shared', 'reka-ui', 'radix-vue', '@floating-ui/vue', '@vueuse/core'],
-        },
-    },
 })
 ```
 
-### 2. Set environment variables
+### 2. Module options
+
+Every `chatNuxt.*` URL accepts the value inline, or you can leave the option empty and set the matching env var. Resolution order: **module option → existing `runtimeConfig` → env var → empty (or pglite default for `databaseUrl`)**.
+
+| Option | Required | Env fallback | Description |
+|--------|----------|--------------|-------------|
+| `telaApiUrl` | ✅ Always | `TELA_API_URL` | Tela platform API base URL. |
+| `agentApiUrl` | ✅ Always | `AGENT_API_URL` | Agent runtime base URL the chat streams from. |
+| `authApiUrl` | ✅ Always | `AUTH_API_URL` | Auth API base URL used to verify session tokens. |
+| `vaultUrl` | ✅ Always | `VAULT_URL` | Vault API base URL used for file uploads and resolution. |
+| `databaseUrl` | 🔧 Optional | `DATABASE_URL` | Postgres connection string. Falls back to a file-backed pglite database for local dev. |
+| `features` | 🔧 Optional | — | Feature toggles (see below). `usage` defaults to `true`; the rest default to `false`. |
+| `validateConfig` | 🔧 Optional | — | `false` (default), `'warn'`, or `'error'`. Warns or fails fast when required runtime config is missing for the enabled features. |
+
+### 3. Set environment-only secrets
+
+These never appear in module options — set them via `.env`, Infisical, etc. Whether each one is required depends on which features are enabled.
+
+| Variable | Required when | Description |
+|----------|---------------|-------------|
+| `AUTH_API_SECRET` | `features.usage: true` | Bearer token chat-nuxt uses to call the Auth API to resolve workspace billing info for the usage feature. |
+| `TELA_API_KEY` | `features.generateTitle: true` | Authenticates the auto-title-generation endpoint, which executes a Meistrari-owned Tela canvas server-side. |
+| `CHAT_APP_SERVICE_KEY` | `features.credentials: true` | Server-to-server `X-Service-Key` used when chat-nuxt resolves workspace credentials (`POST /workspaces/:id/credentials/resolve`). |
+| `VAULT_S3_BUCKET` | 🔧 Optional | SSRF hardening: when set, `/api/vault/permalink-metadata` only follows S3 redirects to `<bucket>.s3*.amazonaws.com`. Recommended in production. |
+
+### 4. Features
 
-The module injects these into Nuxt's `runtimeConfig` automatically — just set them in your environment (Infisical, `.env`, etc.):
+`usage` defaults to `true` — the chat experience always tracks per-conversation usage out of the box. `generateTitle` and `credentials` default to `false` and layer on optional behavior with their own runtime requirements.
 
-| Variable | Description |
-|----------|-------------|
-| `DATABASE_URL` | PostgreSQL connection string |
-| `TELA_API_URL` | Tela API endpoint |
-| `TELA_API_KEY` | Tela API key |
-| `AUTH_API_URL` | Auth service URL |
-| `AUTH_API_SECRET` | Auth service secret |
-| `AUTH_JWKS_URL` | Auth JWKS endpoint |
-| `AGENT_API_URL` | Agent API endpoint |
-| `VAULT_URL` | Vault service URL |
-| `VAULT_S3_BUCKET` | Vault S3 bucket name |
-| `CHAT_APP_SERVICE_KEY` | Service key used when resolving workspace credentials |
+| Feature | What it does | Adds to required config |
+|---------|--------------|-------------------------|
+| `usage` | Per-conversation token & cost tracking, daily aggregated reports, and the usage tab UI surface. | `AUTH_API_SECRET` |
+| `generateTitle` | Auto-generates conversation titles from the first user message via a Tela canvas. Without this, titles fall back to a truncated prefix of the message. | `TELA_API_KEY` |
+| `credentials` | Resolves workspace-level credentials and injects them into agent calls so tools can authenticate as the workspace. | `CHAT_APP_SERVICE_KEY` |
 
-Set `chatNuxt.validateConfig` to `'warn'` to report missing server config during Nuxt setup, or `'error'` to fail fast in CI or production builds. The check is disabled by default because many deployments inject runtime config after build.
+Set `chatNuxt.validateConfig` to `'warn'` to log a warning when keys for an enabled feature are missing, or `'error'` to fail fast at module setup. The check is off by default since some deployments inject runtime config after build.
 
-### 3. Setup `app.vue`
+### Local mode (no database)
+
+When `databaseUrl` is empty, chat-nuxt runs an embedded [pglite](https://pglite.dev) instance — Postgres compiled to WASM, in-process, file-backed at `<rootDir>/.data/chat-nuxt.db`. Migrations are applied automatically on first boot. Tables live under a dedicated `chat` Postgres schema so the database can be safely shared with the host app's own Drizzle setup.
+
+This mode is intended for local development, demos, and single-instance prototypes. Caveats:
+
+- **Single-process only.** Multi-instance deployments (e.g. Railway with `replicas > 1`) will see divergent local databases — use real Postgres.
+- **Node runtime only.** Pglite needs a filesystem. It won't run on Cloudflare Workers / Vercel Edge.
+- **Roughly 4 MB of WASM** is loaded at server startup. Postgres consumers don't pay this cost (the import is dynamic).
+
+To explicitly opt into pglite at a custom path: `databaseUrl: 'pglite:/var/data/chat.db'` or `databaseUrl: 'file:./mydata/chat.db'`.
+
+
+### 5. Setup `app.vue`
 
 ```vue
 <!-- app.vue -->
@@ -94,23 +128,18 @@ Set `chatNuxt.validateConfig` to `'warn'` to report missing server config during
 
 `AppStatusToast`, Markstream styles, code block styles, and math delimiter defaults are auto-registered by the module.
 
-### 4. Use it
+### 6. Use it
 
 ```vue
 <!-- pages/index.vue -->
-<script setup lang="ts">
-const { activeOrganization } = useTelaApplicationAuth()
-const workspaceId = computed(() => activeOrganization.value?.id ?? null)
-</script>
-
 <template>
-    <div v-if="workspaceId" h-screen>
-        <MeistrariChatEmbed :workspace-id="workspaceId" />
+    <div h-screen>
+        <MeistrariChatEmbed />
     </div>
 </template>
 ```
 
-The `workspaceId` is typically the organization ID from `@meistrari/auth-nuxt`.
+The chat workspace is resolved from the authenticated `activeOrganization` provided by `@meistrari/auth-nuxt`.
 
 ## Embedding in Your Layout
 
@@ -126,8 +155,9 @@ The main use case: drop the chat inside your existing app UI.
             <div style="height: 600px" class="rounded-2xl overflow-hidden border">
                 <MeistrariChatEmbed
                     v-model:conversation-id="activeConversation"
-                    :workspace-id="workspaceId"
                     :hide-sidebar="true"
+                    :loading-messages="['Buscando contratos', 'Lendo documentos', 'Preparando resposta']"
+                    loading-messages-mode="ordered"
                 />
             </div>
         </main>
@@ -145,13 +175,16 @@ Key props for embedding:
 
 | Prop | Type | Default | Description |
 |------|------|---------|-------------|
-| `workspaceId` | `string` | — | **Required.** Workspace/org identifier |
 | `hideSidebar` | `boolean` | `false` | Hide conversation list sidebar |
 | `conversationId` | `string \| null` | `null` | Controlled conversation (supports v-model) |
 | `initialConversationId` | `string \| null` | `null` | Open this conversation on mount |
 | `workspaceSettings` | `WorkspaceSettings \| null` | `null` | Override settings from host app |
 | `user` | `ChatActor \| null` | `null` | Override current user display info |
 | `features` | `Partial<ChatFeatureConfig>` | `{}` | Toggle optional features |
+| `loadingMessages` | `string[] \| null` | Default chat messages | Override pending-response messages |
+| `loadingMessagesMode` | `'ordered' \| 'random' \| null` | `'ordered'` | Show custom messages sequentially or randomly |
+
+`loadingMessagesMode` only applies when `loadingMessages` has at least one non-empty message.
 
 **Events:**
 
@@ -208,14 +241,14 @@ const features = computed(() => ({
 </script>
 
 <template>
-    <MeistrariChatEmbed :workspace-id="workspaceId" :features="features" />
+    <MeistrariChatEmbed :features="features" />
 </template>
 ```
 
 Without PostHog, you can pass features statically:
 
 ```vue
-<MeistrariChatEmbed :workspace-id="workspaceId" :features="{ showUsageTab: true }" />
+<MeistrariChatEmbed :features="{ showUsageTab: true }" />
 ```
 
 ## Optional: Custom Workspace Settings
@@ -230,7 +263,6 @@ Pass settings directly from your host app:
 
 ```vue
 <MeistrariChatEmbed
-    :workspace-id="workspaceId"
     :workspace-settings="{
         workspaceId: 'ws_123',
         systemMessage: 'You are a helpful assistant for Acme Corp.',
@@ -326,7 +358,7 @@ Installing `@meistrari/chat-nuxt` installs the runtime packages used by the laye
 
 | Package | Version | Purpose |
 |---------|---------|---------|
-| `@meistrari/auth-nuxt` | `^3.4.1` | Authentication (required) |
+| `@meistrari/auth-nuxt` | `3.5.0` | Authentication (required) |
 | `@meistrari/tela-build` | `^1.30.0` | UI component library (Nuxt layer) |
 | `@sentry/nuxt` | `^10.0.0` | Client-side error capture used by chat composables |
 | `@iconify/vue` | `^5.0.0` | Icon rendering support |

package/dist/module.d.mts

@@ -1,8 +1,31 @@
 type ChatNuxtConfigValidationMode = false | 'warn' | 'error';
+interface ChatNuxtFeatures {
+    /** Track and report per-conversation token/cost usage. */
+    usage?: boolean;
+    /** Auto-generate conversation titles from the first user message. Requires `telaApiKey`. */
+    generateTitle?: boolean;
+    /** Resolve workspace-level credentials and inject them into agent calls. Requires `chatAppServiceKey`. */
+    credentials?: boolean;
+}
 interface ChatNuxtModuleOptions {
+    /** Tela platform API base URL (e.g. https://api.tela.com). */
+    telaApiUrl?: string;
+    /** Agent API base URL — the LLM/agent runtime the chat talks to. */
+    agentApiUrl?: string;
+    /** Vault API base URL used to upload and resolve user-attached files. */
+    vaultUrl?: string;
+    /** Postgres connection string. Falls back to a file-backed pglite database for local dev. */
+    databaseUrl?: string;
+    /** Optional feature toggles. `usage` defaults to `true`; `generateTitle` and `credentials` default to `false`. */
+    features?: ChatNuxtFeatures;
+    /**
+     * Whether to fail fast (`'error'`), warn (`'warn'`), or skip (`false`) when
+     * required runtime config keys are unset. Required keys depend on which
+     * features are enabled.
+     */
     validateConfig?: ChatNuxtConfigValidationMode;
 }
 declare const _default: any;
 
 export { _default as default };
-export type { ChatNuxtModuleOptions };
+export type { ChatNuxtFeatures, ChatNuxtModuleOptions };

package/dist/module.json

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

package/dist/module.mjs

@@ -1,7 +1,7 @@
 import { existsSync, readFileSync, mkdirSync, symlinkSync } from 'node:fs';
 import { createRequire } from 'node:module';
 import { join, dirname } from 'node:path';
-import { defineNuxtModule, createResolver, addPlugin, addImportsDir, addComponent, addComponentsDir } from 'nuxt/kit';
+import { defineNuxtModule, createResolver, addImportsDir, addComponent, addComponentsDir } from 'nuxt/kit';
 
 const localRequire = createRequire(import.meta.url);
 const runtimeAliasPackages = [
@@ -148,17 +148,26 @@ function resolveWorkspaceSettingsResolverEntry(srcDir, fallbackResolverBase) {
 }
 
 const _chatNuxtRequire = createRequire(import.meta.url);
-const requiredRuntimeConfigKeys = [
-  "databaseUrl",
+const DEFAULT_FEATURES = {
+  usage: true,
+  generateTitle: false,
+  credentials: false
+};
+const ALWAYS_REQUIRED_KEYS = [
   "telaApiUrl",
-  "telaApiKey",
-  "authApiUrl",
-  "authApiSecret",
   "agentApiUrl",
-  "authJwksUrl",
-  "vaultUrl",
-  "chatAppServiceKey"
+  "vaultUrl"
 ];
+function buildRequiredKeys(features) {
+  const required = [...ALWAYS_REQUIRED_KEYS];
+  if (features.generateTitle) {
+    required.push("telaApiKey");
+  }
+  if (features.credentials) {
+    required.push("chatAppServiceKey");
+  }
+  return required;
+}
 function resolvePackageRoot(packageName) {
   return dirname(_chatNuxtRequire.resolve(`${packageName}/package.json`));
 }
@@ -177,11 +186,12 @@ function ensureIconifyPackages(consumerRoot) {
     }
   }
 }
-function validateRuntimeConfig(runtimeConfig, mode) {
+function validateRuntimeConfig(runtimeConfig, mode, features) {
   if (!mode) {
     return;
   }
-  const missingKeys = requiredRuntimeConfigKeys.filter((key) => !runtimeConfig[key]);
+  const required = buildRequiredKeys(features);
+  const missingKeys = required.filter((key) => !runtimeConfig[key]);
   if (missingKeys.length === 0) {
     return;
   }
@@ -246,29 +256,23 @@ const module$1 = defineNuxtModule({
       const runtimeDirRegExp = new RegExp(runtimeDir.replace(/\\/g, "/").replace(/[.*+?^${}()|[\]\\]/g, "\\$&"));
       nuxt.options.imports.transform.include.push(runtimeDirRegExp);
     }
+    const features = { ...DEFAULT_FEATURES, ...options.features ?? {} };
+    const migrationsDir = resolver.resolve("../drizzle");
     const rc = nuxt.options.runtimeConfig;
-    rc.databaseUrl = rc.databaseUrl || process.env.DATABASE_URL || "";
-    rc.telaApiUrl = rc.telaApiUrl || process.env.TELA_API_URL || "";
+    rc.databaseUrl = options.databaseUrl || rc.databaseUrl || process.env.DATABASE_URL || `pglite:${join(nuxt.options.rootDir, ".data/chat-nuxt.db")}`;
+    rc.telaApiUrl = options.telaApiUrl || rc.telaApiUrl || process.env.TELA_API_URL || "";
     rc.telaApiKey = rc.telaApiKey || process.env.TELA_API_KEY || "";
-    rc.authApiUrl = rc.authApiUrl || process.env.AUTH_API_URL || "";
-    rc.authApiSecret = rc.authApiSecret || process.env.AUTH_API_SECRET || "";
-    rc.agentApiUrl = rc.agentApiUrl || process.env.AGENT_API_URL || "";
-    rc.authJwksUrl = rc.authJwksUrl || process.env.AUTH_JWKS_URL || "";
-    rc.vaultUrl = rc.vaultUrl || process.env.VAULT_URL || "";
+    rc.agentApiUrl = options.agentApiUrl || rc.agentApiUrl || process.env.AGENT_API_URL || "";
+    rc.vaultUrl = options.vaultUrl || rc.vaultUrl || process.env.VAULT_URL || "";
     rc.vaultS3Bucket = rc.vaultS3Bucket || process.env.VAULT_S3_BUCKET || "";
     rc.chatAppServiceKey = rc.chatAppServiceKey || process.env.CHAT_APP_SERVICE_KEY || "";
     rc.public = rc.public || {};
-    rc.public.agentApiUrl = rc.public.agentApiUrl || process.env.AGENT_API_URL || "";
-    validateRuntimeConfig(rc, options.validateConfig ?? false);
-    nuxt.options.css = nuxt.options.css || [];
-    nuxt.options.css.push(
-      _chatNuxtRequire.resolve("markstream-vue/index.css"),
-      join(runtimeDir, "assets/css/markstream.css"),
-      join(runtimeDir, "assets/css/code-theme.css")
-    );
-    addPlugin({
-      src: join(runtimeDir, "plugins/markstream")
-    });
+    rc.public.agentApiUrl = rc.agentApiUrl || rc.public.agentApiUrl || process.env.AGENT_API_URL || "";
+    rc.public.chatNuxtFeatures = features;
+    rc.chatNuxt = rc.chatNuxt || {};
+    rc.chatNuxt.migrationsDir = rc.chatNuxt.migrationsDir || migrationsDir;
+    rc.chatNuxt.features = features;
+    validateRuntimeConfig(rc, options.validateConfig ?? false, features);
     addImportsDir(join(runtimeDir, "composables"));
     addImportsDir(join(runtimeDir, "utils"));
     addComponent({
@@ -324,6 +328,7 @@ export default globalThis.ELK;
     const serverDir = join(runtimeDir, "server");
     const publicAssetsDir = join(runtimeDir, "public/assets");
     const publicFilesDir = join(runtimeDir, "public/files");
+    const dbInitPluginPath = join(runtimeDir, "server/plugins/init-db");
     nuxt.hook("nitro:config", (nitroConfig) => {
       nitroConfig.scanDirs = nitroConfig.scanDirs || [];
       nitroConfig.scanDirs.push(serverDir);
@@ -332,6 +337,10 @@ export default globalThis.ELK;
         "#chat-runtime": runtimeDir,
         "#chat-workspace-settings-resolver": workspaceSettingsResolverEntry
       };
+      nitroConfig.plugins = nitroConfig.plugins || [];
+      if (!nitroConfig.plugins.includes(dbInitPluginPath)) {
+        nitroConfig.plugins.push(dbInitPluginPath);
+      }
       nitroConfig.publicAssets = nitroConfig.publicAssets || [];
       nitroConfig.publicAssets.push({
         dir: publicAssetsDir,

package/dist/runtime/components/MeistrariChatEmbed.d.vue.ts

@@ -1,19 +1,26 @@
-import type { DeepReadonly } from 'vue';
+import type { Component, DeepReadonly } from 'vue';
 import type { WorkspaceSettings } from '../composables/useWorkspaceSettings.js';
+import type { ChatActionPayload } from '../composables/useChatAction.js';
+import type { ChatLoadingMessageMode } from '../utils/chat-loading-messages.js';
 import type { ChatActor, ChatFeatureConfig } from '../utils/tela-chat.js';
 type __VLS_Props = {
-    workspaceId: string;
     workspaceSettings?: DeepReadonly<WorkspaceSettings> | WorkspaceSettings | null;
     user?: ChatActor | null;
     conversationId?: string | null;
     initialConversationId?: string | null;
     hideSidebar?: boolean;
     features?: Partial<ChatFeatureConfig>;
+    loadingMessages?: readonly string[] | null;
+    loadingMessagesMode?: ChatLoadingMessageMode | null;
+    customComponents?: Record<string, Component>;
+    customHtmlTags?: readonly string[];
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:conversationId": (value: string | null) => any;
+    action: (payload: ChatActionPayload) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:conversationId"?: ((value: string | null) => any) | undefined;
+    onAction?: ((payload: ChatActionPayload) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/MeistrariChatEmbed.vue

@@ -1,25 +1,32 @@
 <script setup>
 defineProps({
-  workspaceId: { type: String, required: true },
   workspaceSettings: { type: null, required: false },
   user: { type: [Object, null], required: false },
   conversationId: { type: [String, null], required: false },
   initialConversationId: { type: [String, null], required: false },
   hideSidebar: { type: Boolean, required: false },
-  features: { type: Object, required: false }
+  features: { type: Object, required: false },
+  loadingMessages: { type: [Array, null], required: false },
+  loadingMessagesMode: { type: [String, null], required: false },
+  customComponents: { type: Object, required: false },
+  customHtmlTags: { type: Array, required: false }
 });
-defineEmits(["update:conversationId"]);
+defineEmits(["update:conversationId", "action"]);
 </script>
 
 <template>
     <ChatEmbed
-        :workspace-id="workspaceId"
         :workspace-settings="workspaceSettings"
         :user="user"
         :conversation-id="conversationId"
         :initial-conversation-id="initialConversationId"
         :hide-sidebar="hideSidebar"
         :features="features"
+        :loading-messages="loadingMessages"
+        :loading-messages-mode="loadingMessagesMode"
+        :custom-components="customComponents"
+        :custom-html-tags="customHtmlTags"
         @update:conversation-id="$emit('update:conversationId', $event)"
+        @action="$emit('action', $event)"
     />
 </template>

package/dist/runtime/components/MeistrariChatEmbed.vue.d.ts

@@ -1,19 +1,26 @@
-import type { DeepReadonly } from 'vue';
+import type { Component, DeepReadonly } from 'vue';
 import type { WorkspaceSettings } from '../composables/useWorkspaceSettings.js';
+import type { ChatActionPayload } from '../composables/useChatAction.js';
+import type { ChatLoadingMessageMode } from '../utils/chat-loading-messages.js';
 import type { ChatActor, ChatFeatureConfig } from '../utils/tela-chat.js';
 type __VLS_Props = {
-    workspaceId: string;
     workspaceSettings?: DeepReadonly<WorkspaceSettings> | WorkspaceSettings | null;
     user?: ChatActor | null;
     conversationId?: string | null;
     initialConversationId?: string | null;
     hideSidebar?: boolean;
     features?: Partial<ChatFeatureConfig>;
+    loadingMessages?: readonly string[] | null;
+    loadingMessagesMode?: ChatLoadingMessageMode | null;
+    customComponents?: Record<string, Component>;
+    customHtmlTags?: readonly string[];
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:conversationId": (value: string | null) => any;
+    action: (payload: ChatActionPayload) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:conversationId"?: ((value: string | null) => any) | undefined;
+    onAction?: ((payload: ChatActionPayload) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/app-markdown-render.d.vue.ts

@@ -4,12 +4,14 @@ type __VLS_Props = {
     renderCodeBlocksAsPre?: boolean;
     typewriter?: boolean;
     customComponents?: Record<string, Component>;
+    customHtmlTags?: readonly string[];
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     content: string | null;
+    customComponents: Record<string, Component>;
+    customHtmlTags: readonly string[];
     renderCodeBlocksAsPre: boolean;
     typewriter: boolean;
-    customComponents: Record<string, Component>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/app-markdown-render.vue

@@ -2,16 +2,18 @@
 import MarkdownRender, { getMarkdown, parseMarkdownToStructure, removeCustomComponents, setCustomComponents } from "markstream-vue";
 import MermaidDiagram from "./renderers/mermaid-diagram.vue";
 import { transformMarkdownNodes } from "../utils/markdown-nodes";
+import { wrapCustomMarkdownComponents } from "../utils/custom-markdown-components";
 const props = defineProps({
   content: { type: [String, null], required: false, default: "" },
   renderCodeBlocksAsPre: { type: Boolean, required: false, default: false },
   typewriter: { type: Boolean, required: false, default: true },
-  customComponents: { type: Object, required: false, default: () => ({}) }
+  customComponents: { type: Object, required: false, default: () => ({}) },
+  customHtmlTags: { type: Array, required: false, default: () => [] }
 });
 const attrs = useAttrs();
-const markdown = getMarkdown();
 const instance = getCurrentInstance();
 const scopeId = `app-markdown-render-${instance?.uid ?? Math.random().toString(36).slice(2)}`;
+const markdown = computed(() => getMarkdown(scopeId, { customHtmlTags: props.customHtmlTags }));
 function escapeSingleDollarSigns(text) {
   return text.replace(/(```[\s\S]*?```|``+[^`]*``+|`[^`]*`|!?\[(?:[^\[\]]|\[[^\[\]]*\])*\]\([^)]*\))|(?<![$\\])\$(?!\$)/g, (_match, codeSpan) => {
     if (codeSpan)
@@ -19,14 +21,23 @@ function escapeSingleDollarSigns(text) {
     return "\\$";
   });
 }
+const parseOptions = computed(() => {
+  const tags = props.customHtmlTags;
+  return tags && tags.length > 0 ? { customHtmlTags: [...tags] } : void 0;
+});
 const nodes = computed(() => {
-  const parsedNodes = parseMarkdownToStructure(escapeSingleDollarSigns(props.content ?? ""), markdown);
+  const parsedNodes = parseMarkdownToStructure(
+    escapeSingleDollarSigns(props.content ?? ""),
+    markdown.value,
+    parseOptions.value
+  );
   return transformMarkdownNodes(parsedNodes);
 });
+const customMarkdownComponents = computed(() => wrapCustomMarkdownComponents(props.customComponents));
 watchEffect(() => {
   setCustomComponents(scopeId, {
     mermaid: MermaidDiagram,
-    ...props.customComponents
+    ...customMarkdownComponents.value
   });
 });
 onBeforeUnmount(() => {

package/dist/runtime/components/app-markdown-render.vue.d.ts

@@ -4,12 +4,14 @@ type __VLS_Props = {
     renderCodeBlocksAsPre?: boolean;
     typewriter?: boolean;
     customComponents?: Record<string, Component>;
+    customHtmlTags?: readonly string[];
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     content: string | null;
+    customComponents: Record<string, Component>;
+    customHtmlTags: readonly string[];
     renderCodeBlocksAsPre: boolean;
     typewriter: boolean;
-    customComponents: Record<string, Component>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/chat/message-bubble.vue

@@ -7,6 +7,12 @@ const props = defineProps({
 const emit = defineEmits(["retry"]);
 const { user } = useTelaApplicationAuth();
 const { getMemberByEmail } = useWorkspaceMembers();
+const embedConfig = useEmbedConfig();
+const mergedCustomComponents = computed(() => ({
+  link: ChatVaultLink,
+  ...embedConfig?.customComponents.value ?? {}
+}));
+const mergedCustomHtmlTags = computed(() => embedConfig?.customHtmlTags.value ?? []);
 const senderMember = computed(() => {
   const createdBy = props.message.createdBy?.trim();
   if (!createdBy) {
@@ -241,7 +247,8 @@ const hasDetectedFiles = computed(() => contentSegments.value.some((s) => s.type
                                 <AppMarkdownRender
                                     :id="`message-${message.id}-segment-${index}`"
                                     :content="segment.content"
-                                    :custom-components="{ link: ChatVaultLink }"
+                                    :custom-components="mergedCustomComponents"
+                                    :custom-html-tags="mergedCustomHtmlTags"
                                     :render-code-blocks-as-pre="true"
                                     :typewriter="shouldAnimate"
                                 />
@@ -259,7 +266,8 @@ const hasDetectedFiles = computed(() => contentSegments.value.some((s) => s.type
                     <ClientOnly v-else>
                         <AppMarkdownRender
                             :content="displayContent"
-                            :custom-components="{ link: ChatVaultLink }"
+                            :custom-components="mergedCustomComponents"
+                            :custom-html-tags="mergedCustomHtmlTags"
                             :render-code-blocks-as-pre="true"
                             :typewriter="shouldAnimate"
                             text-black-900

package/dist/runtime/components/chat/thinking-indicator.vue

@@ -1,34 +1,45 @@
 <script setup>
-const loadingTexts = [
-  "Analisando sua pergunta",
-  "Processando informa\xE7\xF5es",
-  "Consultando base de conhecimento",
-  "Organizando ideias",
-  "Elaborando resposta",
-  "Refinando detalhes",
-  "Verificando contexto",
-  "Conectando conceitos",
-  "Preparando resultado",
-  "Quase l\xE1",
-  "Finalizando an\xE1lise",
-  "Estruturando resposta"
-];
+import {
+  DEFAULT_CHAT_LOADING_MESSAGES,
+  getNextChatLoadingMessageIndex,
+  resolveChatLoadingMessages
+} from "../../utils/chat-loading-messages";
+const embedConfig = useEmbedConfig();
 const currentTextIndex = ref(0);
 const dotCount = ref(0);
+const loadingState = computed(() => resolveChatLoadingMessages({
+  loadingMessages: embedConfig?.loadingMessages.value,
+  loadingMessagesMode: embedConfig?.loadingMessagesMode.value
+}));
 const currentText = computed(() => {
-  const base = loadingTexts[currentTextIndex.value];
+  const base = loadingState.value.messages[currentTextIndex.value] ?? loadingState.value.messages[0] ?? DEFAULT_CHAT_LOADING_MESSAGES[0];
   const dots = ".".repeat(dotCount.value);
   return `${base}${dots}`;
 });
+watch(loadingState, (state) => {
+  if (currentTextIndex.value >= state.messages.length) {
+    currentTextIndex.value = 0;
+    dotCount.value = 0;
+  }
+});
 let dotInterval;
 let textInterval;
+function advanceText() {
+  currentTextIndex.value = getNextChatLoadingMessageIndex(
+    loadingState.value.mode,
+    loadingState.value.messages.length,
+    currentTextIndex.value
+  );
+  dotCount.value = 0;
+}
 onMounted(() => {
+  if (loadingState.value.mode === "random")
+    advanceText();
   dotInterval = setInterval(() => {
     dotCount.value = (dotCount.value + 1) % 4;
   }, 500);
   textInterval = setInterval(() => {
-    currentTextIndex.value = (currentTextIndex.value + 1) % loadingTexts.length;
-    dotCount.value = 0;
+    advanceText();
   }, 7e3);
 });
 onUnmounted(() => {

package/dist/runtime/composables/useChat.js

@@ -307,11 +307,18 @@ export function useChat() {
     };
     messages.value = [...messages.value, optimisticUserMessage, optimisticAssistantMessage];
     try {
+      const workspaceSettingsSnapshot = embedConfig?.workspaceSettings.value;
+      const body = {
+        content,
+        files,
+        model,
+        ...workspaceSettingsSnapshot !== void 0 ? { workspaceSettingsSnapshot } : {}
+      };
       const response = await $fetch(
         chatApi.path(`/conversations/${currentConversation.value.id}/messages`),
         chatApi.withChatHeaders({
           method: "POST",
-          body: { content, files, model }
+          body
         })
       );
       messages.value = messages.value.map((msg) => {