@meistrari/chat-nuxt 1.0.0

package/README.md

@@ -0,0 +1,274 @@
+# @meistrari/chat-nuxt
+
+Nuxt module that adds a complete AI chat interface to your app. Powered by Tela's agent API — conversations, message streaming, file uploads, workspace settings, all out of the box.
+
+## Installation
+
+```bash
+pnpm add @meistrari/chat-nuxt @meistrari/auth-nuxt @meistrari/tela-build markstream-vue
+```
+
+## Setup
+
+### 1. Register the modules
+
+```typescript
+// nuxt.config.ts
+export default defineNuxtConfig({
+    extends: ['@meistrari/tela-build'],
+
+    modules: [
+        '@meistrari/auth-nuxt', // must come before chat-nuxt
+        '@meistrari/chat-nuxt',
+    ],
+
+    ssr: false,
+
+    telaAuth: {
+        apiUrl: process.env.AUTH_API_URL ?? '',
+        application: {
+            enabled: true,
+            applicationId: process.env.APPLICATION_ID ?? '',
+            redirectUri: process.env.AUTH_REDIRECT_URI ?? 'http://localhost:3000/auth/callback',
+            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
+
+The module injects these into Nuxt's `runtimeConfig` automatically — just set them in your environment (Infisical, `.env`, etc.):
+
+| 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 |
+
+### 3. Setup `app.vue`
+
+```vue
+<!-- app.vue -->
+<script setup lang="ts">
+import { setDefaultMathOptions } from 'markstream-vue'
+import 'markstream-vue/index.css'
+import '@meistrari/chat-nuxt/assets/css/markstream.css'
+import '@meistrari/chat-nuxt/assets/css/code-theme.css'
+
+setDefaultMathOptions({ strictDelimiters: true })
+</script>
+
+<template>
+    <NuxtPage />
+    <AppStatusToast />
+</template>
+```
+
+`AppStatusToast` is auto-registered by the module — it shows connection/error notifications.
+
+### 4. Use it
+
+```vue
+<!-- pages/index.vue -->
+<script setup lang="ts">
+definePageMeta({ auth: { required: true } })
+
+const { activeOrganization } = useTelaApplicationAuth()
+const workspaceId = computed(() => activeOrganization.value?.id ?? null)
+</script>
+
+<template>
+    <div v-if="workspaceId" h-screen>
+        <TelaChat :workspace-id="workspaceId" />
+    </div>
+</template>
+```
+
+The `workspaceId` is typically the organization ID from `@meistrari/auth-nuxt`.
+
+## Embedding in Your Layout
+
+The main use case: drop the chat inside your existing app UI.
+
+```vue
+<template>
+    <div class="my-app-layout">
+        <MyHeader />
+
+        <main>
+            <!-- Chat embedded in a card -->
+            <div style="height: 600px" class="rounded-2xl overflow-hidden border">
+                <TelaChat
+                    v-model:conversation-id="activeConversation"
+                    :workspace-id="workspaceId"
+                    :hide-sidebar="true"
+                />
+            </div>
+        </main>
+    </div>
+</template>
+```
+
+Key props for embedding:
+
+- **`:hide-sidebar="true"`** — removes the conversation list, keeps just the chat
+- **`v-model:conversation-id`** — sync the active conversation with your app's state
+- **`:initial-conversation-id`** — open a specific conversation on mount
+
+## `<TelaChat>` Props
+
+| 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 |
+
+**Events:**
+
+| Event | Payload | Description |
+|-------|---------|-------------|
+| `update:conversationId` | `string \| null` | Active conversation changed |
+
+## Optional: Feature Flags (PostHog)
+
+Some features are behind PostHog flags (debug modal, usage tab, model selector). To enable them:
+
+1. Add to your `nuxt.config.ts`:
+
+```typescript
+runtimeConfig: {
+    public: {
+        posthogPublicKey: process.env.POSTHOG_PUBLIC_KEY ?? '',
+        posthogHost: process.env.POSTHOG_HOST ?? '',
+        posthogDefaults: process.env.POSTHOG_DEFAULTS ?? '2026-01-30',
+    },
+},
+```
+
+2. Initialize in `app.vue`:
+
+```vue
+<script setup lang="ts">
+// ... existing imports ...
+
+const { posthogPublicKey, posthogHost, posthogDefaults } = useRuntimeConfig().public
+const { user, activeOrganization } = useTelaApplicationAuth()
+
+onMounted(async () => {
+    if (!posthogPublicKey || !posthogHost) return
+    await initPosthog(posthogPublicKey, posthogHost, posthogDefaults)
+    if (user.value) identifyPosthogUser(user.value)
+    if (activeOrganization.value) setPosthogWorkspace(activeOrganization.value)
+})
+</script>
+```
+
+3. Pass flags to `<TelaChat>`:
+
+```vue
+<script setup lang="ts">
+import { FEATURE_FLAGS } from '@meistrari/chat-nuxt/types/feature-flags'
+
+const { isFeatureEnabled } = useFeatureFlags()
+
+const features = computed(() => ({
+    showUsageTab: isFeatureEnabled(FEATURE_FLAGS.ENABLE_USAGE_TAB),
+    showDebugOption: isFeatureEnabled(FEATURE_FLAGS.ENABLE_DEBUG_MODE),
+}))
+</script>
+
+<template>
+    <TelaChat :workspace-id="workspaceId" :features="features" />
+</template>
+```
+
+Without PostHog, you can pass features statically:
+
+```vue
+<TelaChat :workspace-id="workspaceId" :features="{ showUsageTab: true }" />
+```
+
+## Optional: Custom Workspace Settings
+
+By default, workspace settings (system prompt, context files, tools) are managed via the module's built-in UI and stored in PostgreSQL.
+
+You can override this in two ways:
+
+### Via props (simple)
+
+Pass settings directly from your host app:
+
+```vue
+<TelaChat
+    :workspace-id="workspaceId"
+    :workspace-settings="{
+        workspaceId: 'ws_123',
+        systemMessage: 'You are a helpful assistant for Acme Corp.',
+        contextFiles: null,
+        canvasTools: null,
+        knowledgeSources: null,
+        externalSkills: null,
+        createdAt: new Date(),
+        updatedAt: new Date(),
+    }"
+/>
+```
+
+### Via server resolver (advanced)
+
+Create a file at `server/chat/resolve-workspace-settings.ts` in your app. The module auto-discovers it and calls it for every chat request:
+
+```typescript
+// server/chat/resolve-workspace-settings.ts
+import type { H3Event } from 'h3'
+
+export default async function resolveWorkspaceSettings(
+    event: H3Event,
+    context: { workspaceId: string; user: { id: string; email: string } },
+) {
+    const settings = await fetchFromYourAPI(context.workspaceId)
+    return {
+        systemMessage: settings.prompt,
+        contextFiles: settings.files,
+        canvasTools: null,
+        knowledgeSources: null,
+        externalSkills: null,
+        updatedAt: new Date(),
+    }
+}
+```
+
+## What's Included
+
+The module auto-registers everything — no manual imports needed:
+
+- **Components**: full chat UI, message bubbles, tool widgets (code, search, files), markdown rendering, file previews
+- **Composables**: `useChat`, `useConversations`, `useWorkspaceSettings`, `useFileUpload`, `useFeatureFlags`, and more
+- **Server routes**: conversation CRUD, message streaming, workspace settings, vault file storage, GitHub integration
+- **Database**: conversations, messages, usage tracking (Drizzle ORM + PostgreSQL)
+
+## Peer Dependencies
+
+| Package | Version | Purpose |
+|---------|---------|---------|
+| `@meistrari/auth-nuxt` | `^2.4.0` | Authentication (required) |
+| `@meistrari/tela-build` | `^1.30.0` | UI component library (Nuxt layer) |
+| `markstream-vue` | `0.0.3-beta.6` | Markdown streaming renderer |

package/dist/module.d.mts

@@ -0,0 +1,3 @@
+declare const _default: any;
+
+export { _default as default };

package/dist/module.json

@@ -0,0 +1,9 @@
+{
+  "name": "@meistrari/chat-nuxt",
+  "configKey": "telaChat",
+  "version": "1.0.0",
+  "builder": {
+    "@nuxt/module-builder": "1.0.2",
+    "unbuild": "unknown"
+  }
+}

package/dist/module.mjs

@@ -0,0 +1,250 @@
+import { existsSync, mkdirSync, symlinkSync } from 'node:fs';
+import { createRequire } from 'node:module';
+import { join, dirname } from 'node:path';
+import { defineNuxtModule, createResolver, addImportsDir, addComponentsDir } from 'nuxt/kit';
+
+const localRequire = createRequire(import.meta.url);
+const runtimeAliasPackages = [
+  "vue",
+  "vue/dist/vue.runtime.esm-bundler.js",
+  "@vue/runtime-core",
+  "@vue/reactivity",
+  "@vue/runtime-dom",
+  "@vue/shared",
+  "vue-router",
+  "@vueuse/core",
+  "@vueuse/components",
+  "@vueuse/shared",
+  "reka-ui",
+  "radix-vue",
+  "@floating-ui/vue"
+];
+const requiredRuntimeAliasPackages = [
+  "vue",
+  "@vue/runtime-core",
+  "@vue/reactivity",
+  "@vue/runtime-dom",
+  "@vue/shared",
+  "vue-router",
+  "@vueuse/core",
+  "@vueuse/components",
+  "@vueuse/shared"
+];
+const runtimeAliasDedupe = [...runtimeAliasPackages];
+function isExpectedResolutionError(error) {
+  if (!(error instanceof Error) || !("code" in error)) {
+    return false;
+  }
+  return error.code === "MODULE_NOT_FOUND" || error.code === "ERR_PACKAGE_PATH_NOT_EXPORTED";
+}
+function resolvePackageRoot(resolver, packageName) {
+  try {
+    return dirname(resolver.resolve(`${packageName}/package.json`));
+  } catch (error) {
+    if (!isExpectedResolutionError(error)) {
+      console.warn(`[chat-nuxt] Failed to resolve "${packageName}" via package.json`, error);
+    }
+  }
+  try {
+    let currentDir = dirname(resolver.resolve(packageName));
+    while (true) {
+      if (existsSync(join(currentDir, "package.json"))) {
+        return currentDir;
+      }
+      const parentDir = dirname(currentDir);
+      if (parentDir === currentDir) {
+        return void 0;
+      }
+      currentDir = parentDir;
+    }
+  } catch (error) {
+    if (!isExpectedResolutionError(error)) {
+      console.warn(`[chat-nuxt] Failed to resolve "${packageName}" via entrypoint`, error);
+    }
+    return void 0;
+  }
+}
+function resolvePackageEntry(resolver, specifier) {
+  try {
+    return resolver.resolve(specifier);
+  } catch (error) {
+    if (!isExpectedResolutionError(error)) {
+      console.warn(`[chat-nuxt] Failed to resolve "${specifier}" via entrypoint`, error);
+    }
+    return void 0;
+  }
+}
+function resolveTelaBuildLayer() {
+  if (process.env.TELA_BUILD_PATH) {
+    const localPath = process.env.TELA_BUILD_PATH;
+    if (existsSync(join(localPath, "nuxt.config.ts"))) {
+      return localPath;
+    }
+  }
+  const telaBuildRoot = resolvePackageRoot(localRequire, "@meistrari/tela-build");
+  if (!telaBuildRoot) {
+    throw new Error(
+      "[@meistrari/chat-nuxt] Cannot resolve @meistrari/tela-build. Ensure it is installed."
+    );
+  }
+  return telaBuildRoot;
+}
+function resolveRuntimeAliases(telaBuildPath) {
+  const nuxtRequire = createRequire(localRequire.resolve("nuxt/package.json"));
+  const vueUseCoreRequire = createRequire(localRequire.resolve("@vueuse/core/package.json"));
+  const telaBuildRequire = createRequire(join(telaBuildPath, "package.json"));
+  const vueRuntimeEntry = resolvePackageEntry(nuxtRequire, "vue/dist/vue.runtime.esm-bundler.js");
+  const aliases = [
+    ["vue", vueRuntimeEntry ?? resolvePackageRoot(nuxtRequire, "vue")],
+    ["vue/dist/vue.runtime.esm-bundler.js", vueRuntimeEntry],
+    ["@vue/runtime-core", resolvePackageEntry(nuxtRequire, "@vue/runtime-core/dist/runtime-core.esm-bundler.js") ?? resolvePackageRoot(nuxtRequire, "@vue/runtime-core")],
+    ["@vue/runtime-dom", resolvePackageEntry(nuxtRequire, "@vue/runtime-dom/dist/runtime-dom.esm-bundler.js") ?? resolvePackageRoot(nuxtRequire, "@vue/runtime-dom")],
+    ["@vue/reactivity", resolvePackageEntry(nuxtRequire, "@vue/reactivity/dist/reactivity.esm-bundler.js") ?? resolvePackageRoot(nuxtRequire, "@vue/reactivity")],
+    ["@vue/shared", resolvePackageEntry(nuxtRequire, "@vue/shared/dist/shared.esm-bundler.js") ?? resolvePackageRoot(nuxtRequire, "@vue/shared")],
+    ["vue-router", resolvePackageEntry(nuxtRequire, "vue-router/dist/vue-router.mjs") ?? resolvePackageRoot(nuxtRequire, "vue-router")],
+    ["@vueuse/core", resolvePackageRoot(localRequire, "@vueuse/core")],
+    ["@vueuse/components", resolvePackageRoot(localRequire, "@vueuse/components")],
+    ["@vueuse/shared", resolvePackageRoot(vueUseCoreRequire, "@vueuse/shared")],
+    ["reka-ui", resolvePackageRoot(telaBuildRequire, "reka-ui")],
+    ["radix-vue", resolvePackageRoot(telaBuildRequire, "radix-vue")],
+    ["@floating-ui/vue", resolvePackageRoot(telaBuildRequire, "@floating-ui/vue")]
+  ];
+  const resolvedAliases = aliases.reduce((acc, [name, resolvedPath]) => {
+    if (resolvedPath) {
+      acc[name] = resolvedPath;
+    }
+    return acc;
+  }, {});
+  for (const packageName of requiredRuntimeAliasPackages) {
+    if (!resolvedAliases[packageName]) {
+      throw new Error(`[chat-nuxt] Failed to resolve required runtime alias "${packageName}"`);
+    }
+  }
+  return resolvedAliases;
+}
+
+const workspaceSettingsResolverCandidates = [
+  "server/chat/resolve-workspace-settings.ts",
+  "server/chat/resolve-workspace-settings.js"
+];
+function resolveWorkspaceSettingsResolverEntry(srcDir, fallbackResolverEntry) {
+  for (const relativePath of workspaceSettingsResolverCandidates) {
+    const candidate = join(srcDir, relativePath);
+    if (existsSync(candidate)) {
+      return candidate;
+    }
+  }
+  return fallbackResolverEntry;
+}
+
+const _chatNuxtRequire = createRequire(import.meta.url);
+function ensureIconifyPackages(consumerRoot) {
+  const packages = ["@iconify-json/ph"];
+  for (const pkg of packages) {
+    const consumerPath = join(consumerRoot, "node_modules", ...pkg.split("/"));
+    if (existsSync(consumerPath)) {
+      continue;
+    }
+    try {
+      const realPath = dirname(_chatNuxtRequire.resolve(`${pkg}/package.json`));
+      mkdirSync(dirname(consumerPath), { recursive: true });
+      symlinkSync(realPath, consumerPath);
+    } catch (err) {
+      console.warn(`[@meistrari/chat-nuxt] Failed to symlink ${pkg} \u2014 icons may not render.`, err);
+    }
+  }
+}
+function isAuthModuleEntry(entry) {
+  if (typeof entry === "string") {
+    return entry === "@meistrari/auth-nuxt";
+  }
+  if (Array.isArray(entry)) {
+    return entry[0] === "@meistrari/auth-nuxt";
+  }
+  return false;
+}
+const module$1 = defineNuxtModule({
+  meta: {
+    name: "@meistrari/chat-nuxt",
+    configKey: "telaChat"
+  },
+  setup(_, nuxt) {
+    ensureIconifyPackages(nuxt.options.rootDir);
+    const hasAuthModule = (nuxt.options.modules ?? []).some(isAuthModuleEntry);
+    if (!hasAuthModule) {
+      throw new Error(
+        '[@meistrari/chat-nuxt] Missing required module "@meistrari/auth-nuxt". Install and enable it so useTelaApplicationAuth() and event.context.auth are available.'
+      );
+    }
+    const resolver = createResolver(import.meta.url);
+    const runtimeDir = resolver.resolve("./runtime");
+    const workspaceSettingsResolverEntry = resolveWorkspaceSettingsResolverEntry(
+      nuxt.options.srcDir,
+      resolver.resolve("./runtime/server/utils/workspace-settings-resolver.stub")
+    );
+    const telaBuildPath = resolveTelaBuildLayer();
+    const runtimeAliases = resolveRuntimeAliases(telaBuildPath);
+    if (!Array.isArray(nuxt.options.extends)) {
+      nuxt.options.extends = nuxt.options.extends ? [nuxt.options.extends] : [];
+    }
+    nuxt.options.extends.unshift(telaBuildPath);
+    nuxt.options.alias = {
+      ...nuxt.options.alias,
+      "#chat-workspace-settings-resolver": workspaceSettingsResolverEntry,
+      "#chat-runtime": runtimeDir
+    };
+    const rc = nuxt.options.runtimeConfig;
+    rc.databaseUrl = rc.databaseUrl || process.env.DATABASE_URL || "";
+    rc.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.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 || "";
+    addImportsDir(resolver.resolve("./runtime/composables"));
+    addImportsDir(resolver.resolve("./runtime/utils"));
+    addComponentsDir({
+      path: resolver.resolve("./runtime/components")
+    });
+    addComponentsDir({
+      path: resolver.resolve("./runtime/embed/components"),
+      pathPrefix: false
+    });
+    nuxt.hook("vite:extendConfig", (config, { isServer }) => {
+      if (isServer) {
+        return;
+      }
+      config.resolve = config.resolve || {};
+      config.plugins = config.plugins || [];
+      if (Array.isArray(config.resolve.alias)) {
+        config.resolve.alias.push(...Object.entries(runtimeAliases).map(([find, replacement]) => ({ find, replacement })));
+      } else {
+        config.resolve.alias = {
+          ...config.resolve.alias || {},
+          ...runtimeAliases
+        };
+      }
+      config.resolve.dedupe = Array.from(/* @__PURE__ */ new Set([
+        ...config.resolve.dedupe || [],
+        ...runtimeAliasDedupe
+      ]));
+    });
+    const serverDir = resolver.resolve("./runtime/server");
+    nuxt.hook("nitro:config", (nitroConfig) => {
+      nitroConfig.scanDirs = nitroConfig.scanDirs || [];
+      nitroConfig.scanDirs.push(serverDir);
+      nitroConfig.alias = {
+        ...nitroConfig.alias,
+        "#chat-runtime": runtimeDir,
+        "#chat-workspace-settings-resolver": workspaceSettingsResolverEntry
+      };
+    });
+  }
+});
+
+export { module$1 as default };

package/dist/runtime/assets/css/code-theme.css

@@ -0,0 +1 @@
+.code-theme pre{background-color:#1e1e1e;border-radius:8px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:13px;line-height:1.5;margin:12px 0;overflow:hidden;padding:0}.code-theme pre code{background:transparent;color:#d4d4d4;display:block;overflow-x:auto;padding:16px}.code-theme :not(pre)>code{background-color:#f3f4f6;border-radius:4px;color:#e11d48;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.875em;font-weight:500;padding:2px 6px}.code-theme pre[class*=language-]:before{background-color:#2d2d2d;border-bottom:1px solid #3d3d3d;color:#858585;content:attr(data-language);display:block;font-size:12px;font-weight:500;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase}.code-theme .token.cdata,.code-theme .token.comment,.code-theme .token.doctype,.code-theme .token.prolog{color:#6a9955}.code-theme .token.punctuation{color:#d4d4d4}.code-theme .token.boolean,.code-theme .token.constant,.code-theme .token.number,.code-theme .token.property,.code-theme .token.symbol,.code-theme .token.tag{color:#b5cea8}.code-theme .token.attr-name,.code-theme .token.builtin,.code-theme .token.char,.code-theme .token.selector,.code-theme .token.string{color:#ce9178}.code-theme .language-css .token.string,.code-theme .style .token.string,.code-theme .token.entity,.code-theme .token.operator,.code-theme .token.url{color:#d4d4d4}.code-theme .token.atrule,.code-theme .token.attr-value,.code-theme .token.keyword{color:#569cd6}.code-theme .token.function{color:#dcdcaa}.code-theme .token.class-name{color:#4ec9b0}.code-theme .token.important,.code-theme .token.regex,.code-theme .token.variable{color:#d16969}.code-theme pre code::-webkit-scrollbar{height:8px}.code-theme pre code::-webkit-scrollbar-track{background:#2d2d2d}.code-theme pre code::-webkit-scrollbar-thumb{background:#4d4d4d;border-radius:4px}.code-theme pre code::-webkit-scrollbar-thumb:hover{background:#5d5d5d}

package/dist/runtime/assets/css/markstream.css

@@ -0,0 +1 @@
+.markstream-vue{color:var(--black-900);font-family:Inter,"Inter Fallback: Arial",sans-serif;font-size:16px;font-weight:400;letter-spacing:-.15px;line-height:24px}.markstream-vue code,.markstream-vue kbd,.markstream-vue pre,.markstream-vue samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-size:13px;font-variation-settings:normal;line-height:1.5}.markstream-vue ol,.markstream-vue ul{margin:8px 0;padding-left:1.5em}.markstream-vue ul{list-style:disc;list-style-position:outside}.markstream-vue ol{list-style:decimal;list-style-position:outside}.markstream-vue li{margin:4px 0}.markstream-vue .paragraph-node{margin:0}.markstream-vue .heading-1,.markstream-vue h1{font-family:Inter,"Inter Fallback: Arial",sans-serif;font-size:32px;font-weight:580;letter-spacing:-1px;line-height:36px;margin:24px 0 16px}.markstream-vue .heading-2,.markstream-vue h2{font-family:Inter,"Inter Fallback: Arial",sans-serif;font-size:24px;font-weight:580;letter-spacing:-.8px;line-height:28px;margin:20px 0 12px}.markstream-vue .heading-3,.markstream-vue h3{font-family:Inter,"Inter Fallback: Arial",sans-serif;font-size:20px;font-weight:580;letter-spacing:-.5px;line-height:24px;margin:16px 0 8px}.markstream-vue .heading-4,.markstream-vue h4{font-family:Inter,"Inter Fallback: Arial",sans-serif;font-size:16px;font-weight:580;letter-spacing:-.2px;line-height:20px;margin:12px 0 6px}.markstream-vue .heading-5,.markstream-vue h5{font-family:Inter,"Inter Fallback: Arial",sans-serif;font-size:14px;font-weight:580;letter-spacing:-.15px;line-height:16px;margin:8px 0 4px}.markstream-vue .heading-6,.markstream-vue h6{font-family:Inter,"Inter Fallback: Arial",sans-serif;font-size:12px;font-weight:580;letter-spacing:-.1px;line-height:14px;margin:8px 0 4px}.markstream-vue [class*=tooltip],[class*=tooltip-element]{background-color:var(--black-900,#1a1a1a)!important;border-radius:4px;color:#fff!important;font-size:12px;padding:4px 8px}.mention-tag{align-items:center;border-radius:9999px;display:inline-flex;font-size:.875em;font-weight:500;gap:4px;padding:2px 8px;vertical-align:middle;white-space:nowrap}.mention-tag-file{background-color:rgba(127,189,247,.12);color:#7fbdf7}.mention-tag-skill{background-color:rgba(155,111,222,.12);color:#9b6fde}.mention-tag-canvas{background-color:rgba(234,161,65,.12);color:#d4882e}.mention-tag>span[class*=i-ph]{flex-shrink:0}

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

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/AppStatusToast.vue

@@ -0,0 +1,42 @@
+<script setup>
+const statusToast = useStatusToast();
+</script>
+
+<template>
+    <Transition name="toast">
+        <div
+            v-if="statusToast.visible.value"
+            fixed
+            bottom-24px
+            left="50%"
+            translate-x="-50%"
+            z-1000
+            flex
+            items-center
+            gap-8px
+            px-16px
+            py-12px
+            bg-black-900
+            text-white
+            rounded-8px
+            shadow-lg
+        >
+            <span
+                v-if="statusToast.icon.value"
+                :class="statusToast.icon.value"
+                text-16px
+            />
+            <div
+                v-if="statusToast.loading.value"
+                i-ph-spinner
+                animate-spin
+                text-16px
+            />
+            <span body-14-regular>{{ statusToast.text.value }}</span>
+        </div>
+    </Transition>
+</template>
+
+<style scoped>
+.toast-enter-active,.toast-leave-active{transition:all .3s ease}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateX(-50%) translateY(20px)}
+</style>

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

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,19 @@
+import type { DeepReadonly } from 'vue';
+import type { WorkspaceSettings } from '../composables/useWorkspaceSettings.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>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:conversationId": (value: string | null) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:conversationId"?: ((value: string | null) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/TelaChat.vue

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

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

@@ -0,0 +1,19 @@
+import type { DeepReadonly } from 'vue';
+import type { WorkspaceSettings } from '../composables/useWorkspaceSettings.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>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:conversationId": (value: string | null) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:conversationId"?: ((value: string | null) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;