@meistrari/chat-nuxt 1.2.3 → 1.3.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.3.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,14 +1,16 @@
 import type { DeepReadonly } from 'vue';
 import type { WorkspaceSettings } from '../composables/useWorkspaceSettings.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;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:conversationId": (value: string | null) => any;

package/dist/runtime/components/MeistrariChatEmbed.vue

@@ -1,25 +1,27 @@
 <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 }
 });
 defineEmits(["update:conversationId"]);
 </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"
         @update:conversation-id="$emit('update:conversationId', $event)"
     />
 </template>

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

@@ -1,14 +1,16 @@
 import type { DeepReadonly } from 'vue';
 import type { WorkspaceSettings } from '../composables/useWorkspaceSettings.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;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:conversationId": (value: string | null) => any;

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/useEmbedConfig.d.ts

@@ -1,14 +1,19 @@
 import type { DeepReadonly, MaybeRefOrGetter, Ref } from 'vue';
+import type { ChatLoadingMessageMode } from '../utils/chat-loading-messages.js';
 import type { WorkspaceSettings } from './useWorkspaceSettings.js';
 export type EmbedConfig = {
     workspaceId: Ref<string>;
     workspaceSettings: Ref<DeepReadonly<WorkspaceSettings> | WorkspaceSettings | null | undefined>;
     hideSidebar: Ref<boolean>;
+    loadingMessages: Ref<readonly string[] | null | undefined>;
+    loadingMessagesMode: Ref<ChatLoadingMessageMode | null | undefined>;
 };
 type EmbedConfigInput = {
     workspaceId: MaybeRefOrGetter<string>;
     workspaceSettings?: MaybeRefOrGetter<DeepReadonly<WorkspaceSettings> | WorkspaceSettings | null | undefined>;
     hideSidebar?: MaybeRefOrGetter<boolean | undefined>;
+    loadingMessages?: MaybeRefOrGetter<readonly string[] | null | undefined>;
+    loadingMessagesMode?: MaybeRefOrGetter<ChatLoadingMessageMode | null | undefined>;
 };
 type ProvideEmbedConfigOptions = {
     syncGlobal?: boolean;

package/dist/runtime/composables/useEmbedConfig.js

@@ -4,14 +4,18 @@ function useGlobalEmbedConfigState() {
     provided: useState("chat-embed-config-provided", () => false),
     workspaceId: useState("chat-embed-config-workspace-id", () => ""),
     workspaceSettings: useState("chat-embed-config-workspace-settings", () => void 0),
-    hideSidebar: useState("chat-embed-config-hide-sidebar", () => void 0)
+    hideSidebar: useState("chat-embed-config-hide-sidebar", () => void 0),
+    loadingMessages: useState("chat-embed-config-loading-messages", () => void 0),
+    loadingMessagesMode: useState("chat-embed-config-loading-messages-mode", () => void 0)
   };
 }
 export function provideEmbedConfig(input, options = {}) {
   const config = {
     workspaceId: computed(() => toValue(input.workspaceId)),
     workspaceSettings: computed(() => toValue(input.workspaceSettings)),
-    hideSidebar: computed(() => toValue(input.hideSidebar) ?? true)
+    hideSidebar: computed(() => toValue(input.hideSidebar) ?? true),
+    loadingMessages: computed(() => toValue(input.loadingMessages)),
+    loadingMessagesMode: computed(() => toValue(input.loadingMessagesMode))
   };
   const globalConfig = useGlobalEmbedConfigState();
   if (options.syncGlobal ?? true) {
@@ -20,6 +24,8 @@ export function provideEmbedConfig(input, options = {}) {
       globalConfig.workspaceId.value = config.workspaceId.value;
       globalConfig.workspaceSettings.value = config.workspaceSettings.value;
       globalConfig.hideSidebar.value = config.hideSidebar.value;
+      globalConfig.loadingMessages.value = config.loadingMessages.value;
+      globalConfig.loadingMessagesMode.value = config.loadingMessagesMode.value;
     });
   }
   provide(EMBED_CONFIG_KEY, config);
@@ -34,6 +40,8 @@ export function useEmbedConfig() {
   return {
     workspaceId: computed(() => globalConfig.workspaceId.value),
     workspaceSettings: computed(() => globalConfig.workspaceSettings.value),
-    hideSidebar: computed(() => globalConfig.hideSidebar.value ?? true)
+    hideSidebar: computed(() => globalConfig.hideSidebar.value ?? true),
+    loadingMessages: computed(() => globalConfig.loadingMessages.value),
+    loadingMessagesMode: computed(() => globalConfig.loadingMessagesMode.value)
   };
 }

package/dist/runtime/embed/components/ChatConfigurationModal.vue

@@ -18,6 +18,7 @@ const {
   fetchSettings,
   updateSettings
 } = useWorkspaceSettings();
+const features = useChatNuxtFeatures();
 const searchQuery = ref("");
 const activeTab = ref(props.initialTab);
 const showDiscardConfirm = ref(false);
@@ -34,14 +35,14 @@ const telaTools = useWorkspaceTelaTools(canvas, projects, searchQuery, currentCa
 const knowledgeSources = useWorkspaceKnowledgeSources(workstations, canvas, projects, searchQuery, currentKnowledgeSources);
 const contextFiles = useWorkspaceContextFiles(searchQuery, currentContextFiles);
 const externalSkills = useWorkspaceExternalSkills(currentExternalSkills, searchQuery);
-const settingsTabs = [
+const settingsTabs = computed(() => [
   { value: "personalization", label: "Personaliza\xE7\xE3o", icon: "i-ph-sliders" },
   { value: "context-files", label: "Arquivos de contexto", icon: "i-ph-file-text" },
   { value: "knowledge-sources", label: "Tela workstations", icon: "i-ph-database" },
   { value: "tela-tools", label: "Skills Tela", icon: "i-ph-puzzle-piece" },
   { value: "external-skills", label: "Skills Externas", icon: "i-ph-wrench" },
-  { value: "credentials", label: "Credenciais", icon: "i-ph-password-bold" }
-];
+  ...features.credentials ? [{ value: "credentials", label: "Credenciais", icon: "i-ph-password-bold" }] : []
+]);
 const hasChanges = computed(
   () => personalization.hasChanges.value || contextFiles.hasChanges.value || telaTools.hasChanges.value || knowledgeSources.hasChanges.value || externalSkills.hasChanges.value
 );
@@ -84,9 +85,10 @@ function initializeConfigurationState() {
   externalSkills.initialize();
 }
 function activateTab(tab) {
-  activeTab.value = tab;
+  const isVisible = settingsTabs.value.some((t) => t.value === tab);
+  activeTab.value = isVisible ? tab : "personalization";
   searchQuery.value = "";
-  if (tab === "external-skills")
+  if (activeTab.value === "external-skills")
     void externalSkills.fetchGitHubConnection();
 }
 async function loadSettings() {
@@ -336,7 +338,7 @@ function cancelDiscard() {
                     />
 
                     <ChatConfigurationCredentialsTab
-                        v-else-if="activeTab === 'credentials'"
+                        v-else-if="activeTab === 'credentials' && features.credentials"
                         :search-query="searchQuery"
                         @update:search-query="searchQuery = $event"
                     />

package/dist/runtime/embed/components/ChatEmbed.d.vue.ts

@@ -1,15 +1,17 @@
 import type { DeepReadonly } from 'vue';
 import type { WorkspaceSettings } from '../../composables/useWorkspaceSettings.js';
+import type { ChatLoadingMessageMode } from '../../utils/chat-loading-messages.js';
 import type { ChatActor, ChatFeatureConfig } from '../../utils/tela-chat.js';
 type EmbedUser = ChatActor;
 type __VLS_Props = {
-    workspaceId: string;
     workspaceSettings?: DeepReadonly<WorkspaceSettings> | WorkspaceSettings | null;
     conversationId?: string | null;
     initialConversationId?: string | null;
     hideSidebar?: boolean;
     user?: EmbedUser | null;
     features?: Partial<ChatFeatureConfig>;
+    loadingMessages?: readonly string[] | null;
+    loadingMessagesMode?: ChatLoadingMessageMode | null;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:conversationId": (value: string | null) => any;