@meistrari/chat-nuxt 3.0.0 → 3.2.0

package/README.md

@@ -82,7 +82,7 @@ Set `chatNuxt.validateConfig` to `'warn'` to log a warning when `chatApiUrl` is
 
 UI features are configured per component instance, not at the module level: the embed takes a `:features` prop (`ChatFeatureConfig`) and `<ChatConfigurationModal>` takes `show-credentials-tab`.
 
-### Auth modes
+### 3. Auth modes
 
 `@meistrari/chat-nuxt` can run with either auth mode exposed by `@meistrari/auth-nuxt`:
 
@@ -120,7 +120,7 @@ The chat workspace is resolved from the authenticated `activeOrganization` provi
 
 `<MeistrariChatEmbed />` has two mutually exclusive runtimes:
 
-- **Default chat mode** uses the Chat API and the workspace's configured Tela agent. Runtime configuration, entitlements, and workspace-specific agent selection are owned by `@meistrari/chat-api`.
+- **Default chat mode** uses the Chat API and the workspace's configured Tela agent. Runtime configuration, entitlements, and workspace-specific agent selection are owned by `@meistrari/chat-api`. Workspaces whose legacy customization has not been migrated to a Tela agent are not ready to chat: sends fail with `workspace_agent_not_ready` and the embed surfaces guidance pointing to the settings modal, where the **Agente** tab offers a one-click agent creation.
 - **Tela agent mode** uses a configured Tela agent directly. Pass `telaAgentId`; the embed sends user messages to `POST /agent/:id/run`, polls `GET /agent/sessions/:sessionId`, and ends sessions with `DELETE /agent/sessions/:sessionId`.
 
 ```vue
@@ -183,12 +183,21 @@ Key props for embedding:
 All prop, feature-flag, and event payload types are importable from the package root (or the `types/embed` subpath):
 
 ```ts
-import type { ChatActionPayload, ChatFeatureConfig, MeistrariChatEmbedProps } from '@meistrari/chat-nuxt'
+import type {
+    ChatActionPayload,
+    ChatFeatureConfig,
+    MeistrariChatEmbedProps,
+    MessageFeedbackConfig,
+    MessageFeedbackPayload,
+    MessageFeedbackRating,
+} from '@meistrari/chat-nuxt'
 ```
 
 | Prop | Type | Default | Description |
 |------|------|---------|-------------|
 | `hideSidebar` | `boolean` | `false` | Hide conversation list sidebar |
+| `sidebar` | `ChatSidebarConfig` | `undefined` | Sidebar layout: `{ position?: 'left' \| 'right', width?: number, bottomHeight?: number }`. `position` picks the edge (default `'left'`); `width` is the sidebar width in pixels (default `240`); `bottomHeight` is the `sidebar-bottom` pane height as a percentage 0–100 of the conversation area (default `50`) |
+| `hideSettings` | `boolean` | `false` | Hide workspace settings actions while keeping the chat header and content unchanged |
 | `conversationId` | `string \| null` | `null` | Controlled conversation (supports v-model) |
 | `initialConversationId` | `string \| null` | `null` | Open this conversation on mount |
 | `conversationScope` | `string \| null` | `null` | Isolate conversation history by technical scope within the current workspace and runtime |
@@ -198,8 +207,12 @@ import type { ChatActionPayload, ChatFeatureConfig, MeistrariChatEmbedProps } fr
 | `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 |
+| `loadingMessages` | `readonly string[] \| null` | Default chat messages | Override pending-response messages |
 | `loadingMessagesMode` | `'ordered' \| 'random' \| null` | `'ordered'` | Show custom messages sequentially or randomly |
+| `customComponents` | `Record<string, Component>` | `undefined` | Custom markdown renderers keyed by markdown node or tag name |
+| `customHtmlTags` | `readonly string[]` | `undefined` | Extra HTML tags allowed by the markdown renderer |
+| `feedbackConfig` | `MessageFeedbackConfig \| null` | `undefined` | Enables 👍/👎 feedback on assistant messages; providing the prop (even `{}`) shows the controls |
+| `messageFeedback` | `Record<string, MessageFeedbackRating> \| null` | `undefined` | Host-persisted votes keyed by message id; when provided, it is the single source of truth for the selected thumbs |
 
 `loadingMessagesMode` only applies when `loadingMessages` has at least one non-empty message.
 
@@ -224,6 +237,22 @@ Scoped embeds only see conversations created with the same scope. Unscoped embed
 | Event | Payload | Description |
 |-------|---------|-------------|
 | `update:conversationId` | `string \| null` | Active conversation changed |
+| `action` | `ChatActionPayload` | Custom action triggered from chat content (`{ name, data, messageId? }`) |
+| `messageFeedback` | `MessageFeedbackPayload` | User voted on an assistant message (see [Message Feedback](#optional-message-feedback)) |
+
+**Slots:**
+
+| Slot | Description |
+|------|-------------|
+| `sidebar-bottom` | Splits the desktop sidebar into two panes and renders your content in the bottom one, below the conversation list. Each pane scrolls independently. Size it with `sidebar.bottomHeight` (percentage, default `50`). Not rendered on mobile or when `hideSidebar` is set. |
+
+```vue
+<MeistrariChatEmbed :sidebar="{ position: 'right', width: 300, bottomHeight: 30 }">
+    <template #sidebar-bottom>
+        <MyPinnedDocuments />
+    </template>
+</MeistrariChatEmbed>
+```
 
 ## Optional: Feature Flags
 
@@ -300,11 +329,55 @@ const features = computed(() => ({
 </template>
 ```
 
+## Optional: Message Feedback
+
+Assistant messages can carry 👍/👎 controls. The package renders the controls and collects the vote; **persistence is owned by the host** — nothing is stored by `chat-nuxt`.
+
+Passing `feedbackConfig` (even `{}`) enables the controls:
+
+```vue
+<script setup lang="ts">
+import type { MessageFeedbackPayload, MessageFeedbackRating } from '@meistrari/chat-nuxt'
+
+const votes = ref<Record<string, MessageFeedbackRating>>({})
+
+async function onFeedback(payload: MessageFeedbackPayload) {
+    // payload: { conversationId, messageId, rating, reasons, comment }
+    await saveVoteToMyBackend(payload)
+    votes.value = { ...votes.value, [payload.messageId]: payload.rating }
+}
+</script>
+
+<template>
+    <MeistrariChatEmbed
+        :feedback-config="{
+            negativeReasons: ['Resposta incorreta', 'Fora do tema', 'Incompleta'],
+            requireReason: true,
+        }"
+        :message-feedback="votes"
+        @message-feedback="onFeedback"
+    />
+</template>
+```
+
+`MessageFeedbackConfig` fields:
+
+| Field | Effect |
+|-------|--------|
+| `positiveReasons` | Reason chips offered on a positive vote. Empty or omitted: 👍 submits directly |
+| `negativeReasons` | Reason chips offered on a negative vote |
+| `requireReason` | Blocks a bare negative vote: requires at least one reason chip when `negativeReasons` are configured, otherwise a non-empty comment |
+
+`messageFeedback` controls which thumb renders selected:
+
+- **Provided** (controlled): only host-persisted votes render. Update the map as `message-feedback` events are saved — optimistically or after persistence.
+- **Omitted**: votes are kept in component-local state only.
+
 ## Optional: Custom Workspace Settings
 
-By default, workspace settings (system prompt, context files, tools) are managed via the module's built-in UI and persisted by the Chat API service.
+Agent-level configuration (system prompt, context files, tools, skills) lives in the workspace's Tela agent and is edited in the Tela app. The module's built-in settings UI manages knowledge sources (Tela workstations) and workspace credentials, persisted by the Chat API service.
 
-To override them, pass settings directly from your host app:
+To override the settings the embed reads, pass them directly from your host app:
 
 ```vue
 <MeistrariChatEmbed
@@ -315,7 +388,6 @@ To override them, pass settings directly from your host app:
         canvasTools: null,
         knowledgeSources: null,
         externalSkills: null,
-        createdAt: new Date(),
         updatedAt: new Date(),
     }"
 />
@@ -331,16 +403,22 @@ A skill that calls a host backend must implement its own callback contract with
 
 ## `<ChatConfigurationModal>`
 
-A reusable settings modal (system prompt, context files, Tela workstations, Tela skills, external skills, credentials) that any host app can open from any button. By default, the modal uses `useWorkspaceSettings()` to fetch and persist settings. If the host passes the `settings` prop, the host owns workspace settings state and persistence.
+A reusable workspace settings modal that any host app can open from any button. It has three tabs:
+
+- **`agent`** (Agente) — the workspace's Tela agent status. Shows the generic-chat state, the dedicated agent (id, copy, open in Tela), or — for workspaces whose legacy customization has not been migrated — a setup-required warning with a create-agent action. Agent configuration itself (system prompt, context files, tools, skills) is edited in the Tela app, not here.
+- **`knowledge-sources`** (Tela workstations) — the workstations injected as knowledge sources into new chat sessions.
+- **`credentials`** (Credenciais) — workspace credentials, shown when `showCredentialsTab` is set.
+
+By default, the modal uses `useWorkspaceSettings()` to fetch and persist settings. If the host passes the `settings` prop, the host owns workspace settings state and persistence.
 
 ```vue
 <script setup lang="ts">
 import type { ChatConfigurationTab } from '@meistrari/chat-nuxt/types/workspace-settings'
 
 const open = ref(false)
-const initialTab = ref<ChatConfigurationTab>('personalization')
+const initialTab = ref<ChatConfigurationTab>('agent')
 
-function openSettings(tab: ChatConfigurationTab = 'personalization') {
+function openSettings(tab: ChatConfigurationTab = 'agent') {
     initialTab.value = tab
     open.value = true
 }
@@ -362,16 +440,16 @@ function openSettings(tab: ChatConfigurationTab = 'personalization') {
 |------|------|---------|-------------|
 | `open` | `boolean` | — | Modal visibility (supports `v-model:open`) |
 | `settings` | `WorkspaceSettings \| null` | `undefined` | Optional host-controlled settings. Omit this prop to let the modal fetch and persist via `useWorkspaceSettings()`; pass `null` or a settings object to make the host own state and persistence |
-| `initialTab` | `ChatConfigurationTab` | `'personalization'` | Tab to open on |
+| `initialTab` | `ChatConfigurationTab` | `'agent'` | Tab to open on: `'agent' \| 'knowledge-sources' \| 'credentials'` |
 | `saving` | `boolean` | `false` | Host-controlled spinner/disable while persistence is in flight |
 | `showCredentialsTab` | `boolean` | `false` | Show the workspace credentials tab |
 
 | Event | Payload | Description |
 |-------|---------|-------------|
 | `update:open` | `boolean` | Modal open state changed |
-| `save` | `ChatConfigurationSavePayload` | Emitted only when the host passes `settings`; diff of the changed fields plus `onSaved`; host persists (e.g. via `useWorkspaceSettings().updateSettings()`), calls `onSaved` after persistence succeeds, and closes the modal |
+| `save` | `ChatConfigurationSavePayload` | Emitted only when the host passes `settings`; carries the knowledge-source updates plus `onSaved`; host persists (e.g. via `useWorkspaceSettings().updateSettings()`), calls `onSaved` after persistence succeeds, and closes the modal |
 
-The `credentials` tab manages its own data via the module's `/api/workspace/credentials` endpoints and is never part of the `save` payload.
+Only the knowledge-sources tab produces a `save` payload. The `agent` tab acts immediately through the module's `/api/workspace/agent` endpoints, and the `credentials` tab manages its own data via `/api/workspace/credentials` — neither is part of the `save` payload.
 
 ## What's Included
 
@@ -388,17 +466,24 @@ Installing `@meistrari/chat-nuxt` installs the runtime packages used by the laye
 | Package | Version | Purpose |
 |---------|---------|---------|
 | `@meistrari/auth-nuxt` | `3.5.0` | Authentication (required) |
+| `@meistrari/logger` | `^2.1.3` | Structured logging for the server proxy routes |
 | `@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 |
+| `@iconify/vue` + `@iconify-json/ph` | `^5.0.0` / `^1.2.2` | Icon rendering support (Phosphor set) |
 | `@vueuse/core` | `^12.8.0` | Runtime composables used by chat UI |
 | `@vueuse/components` | `^12.8.0` | VueUse component peer expected by the shared runtime |
+| `beautiful-mermaid` + `mermaid` | `^1.1.3` / `^11.13.0` | Mermaid diagram rendering in markdown |
+| `dompurify` | `^3.3.2` | HTML sanitization for rendered markdown |
 | `h3` | `^1.15.0` | Server route utilities provided by Nuxt/Nitro |
 | `markstream-vue` | `0.0.3-beta.6` | Markdown streaming renderer |
 | `motion` | `^11.13.0` | Animation component runtime |
 | `nitropack` | `^2.10.0` | Runtime config and task utilities provided by Nuxt/Nitro |
+| `pdfjs-dist` | `^5.4.530` | PDF file previews |
+| `posthog-js` | `^1.364.2` | Optional PostHog feature-flag helper |
 | `virtua` | `^0.42.0` | Virtualized list runtime expected by shared UI |
 | `vue-i18n` | `^11.0.0` | Internationalization runtime expected by shared UI |
+| `xlsx` | `^0.18.5` | Spreadsheet file previews |
+| `zod` | `^4.1.13` | Schema validation for API payloads |
 
 Peer dependencies:
 

package/dist/module.d.mts

@@ -1,4 +1,4 @@
-export { ChatActionPayload, ChatActor, ChatEmbedSharedProps, ChatFeatureConfig, DefaultChatEmbedProps, MeistrariChatEmbedProps, MessageFeedbackConfig, MessageFeedbackPayload, MessageFeedbackRating, TelaAgentChatEmbedProps, TelaAgentExecutionInput } from '../dist/runtime/types/embed.js';
+export { ChatActionPayload, ChatActor, ChatEmbedSharedProps, ChatFeatureConfig, ChatSidebarConfig, DefaultChatEmbedProps, MeistrariChatEmbedProps, MessageFeedbackConfig, MessageFeedbackPayload, MessageFeedbackRating, TelaAgentChatEmbedProps, TelaAgentExecutionInput } from '../dist/runtime/types/embed.js';
 
 type ChatNuxtConfigValidationMode = false | 'warn' | 'error';
 

package/dist/module.json

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

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

@@ -2,25 +2,20 @@
 import { useBreakpoints, useMagicKeys } from "@vueuse/core";
 import { CHAT_MOBILE_BREAKPOINT } from "../../shared/breakpoints";
 import ChatConfigurationMobileShell from "./configuration/chat-configuration-mobile-shell.vue";
-import { useFileUpload } from "../../files/composables/file-upload";
 import { useKnowledgeSources } from "../../workspace/composables/knowledge-sources";
 import { useStatusToast } from "../../shared/composables/status-toast";
 import { useTela } from "../../shared/composables/tela";
-import { useWorkspaceContextFiles } from "../../workspace/composables/workspace-context-files";
-import { useWorkspaceExternalSkills } from "../../workspace/composables/workspace-external-skills";
+import { useWorkspaceAgent } from "../../workspace/composables/workspace-agent";
 import { useWorkspaceKnowledgeSources } from "../../workspace/composables/workspace-knowledge-sources";
-import { useWorkspacePersonalization } from "../../workspace/composables/workspace-personalization";
 import { useWorkspaceSettings } from "../../workspace/composables/workspace-settings";
-import { useWorkspaceTelaTools } from "../../workspace/composables/workspace-tela-tools";
 const props = defineProps({
   open: { type: Boolean, required: true },
   settings: { type: null, required: false },
-  initialTab: { type: String, required: false, default: "personalization" },
+  initialTab: { type: String, required: false, default: "agent" },
   saving: { type: Boolean, required: false, default: false },
   showCredentialsTab: { type: Boolean, required: false, default: false }
 });
 const emit = defineEmits(["update:open", "save"]);
-const { uploadFiles, uploading } = useFileUpload();
 const { canvas, projects, workstations, loadingWorkstations } = useTela();
 const { setKnowledgeSources } = useKnowledgeSources();
 const statusToast = useStatusToast();
@@ -33,6 +28,7 @@ const {
   fetchSettings,
   updateSettings
 } = useWorkspaceSettings();
+const workspaceAgent = useWorkspaceAgent();
 const searchQuery = ref("");
 const activeTab = ref(props.initialTab);
 const activeMobileTab = ref(null);
@@ -40,29 +36,15 @@ const showDiscardConfirm = ref(false);
 const loadingInitialSettings = ref(false);
 const hasSettingsOverride = computed(() => props.settings !== void 0);
 const mutableSettings = computed(() => hasSettingsOverride.value ? props.settings : workspaceSettings.value);
-const currentSystemMessage = computed(() => mutableSettings.value?.systemMessage ?? null);
-const currentContextFiles = computed(() => mutableSettings.value?.contextFiles ?? null);
-const currentCanvasTools = computed(() => mutableSettings.value?.canvasTools ?? null);
 const currentKnowledgeSources = computed(() => mutableSettings.value?.knowledgeSources ?? null);
-const currentExternalSkills = computed(() => mutableSettings.value?.externalSkills ?? null);
-const personalization = useWorkspacePersonalization(currentSystemMessage);
-const telaTools = useWorkspaceTelaTools(canvas, projects, searchQuery, currentCanvasTools);
 const knowledgeSources = useWorkspaceKnowledgeSources(workstations, canvas, projects, searchQuery, currentKnowledgeSources);
-const contextFiles = useWorkspaceContextFiles(searchQuery, currentContextFiles);
-const externalSkills = useWorkspaceExternalSkills(currentExternalSkills, searchQuery);
 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: "agent", label: "Agente", icon: "i-ph-robot" },
   { 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" },
   ...props.showCredentialsTab ? [{ 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
-);
-const isBusy = computed(() => props.saving || uploading.value || !hasSettingsOverride.value && workspaceSettingsLoading.value);
-const gitHubButtonText = computed(() => externalSkills.getGitHubButtonText());
+const hasChanges = computed(() => knowledgeSources.hasChanges.value);
+const isBusy = computed(() => props.saving || !hasSettingsOverride.value && workspaceSettingsLoading.value);
 watch(() => escape?.value, (pressed) => {
   if (pressed && props.open && !showDiscardConfirm.value)
     handleClose();
@@ -72,11 +54,12 @@ watch(() => props.open, (isOpen) => {
     searchQuery.value = "";
     activateTab(props.initialTab);
     activeMobileTab.value = null;
+    void loadAgentStatus();
     if (!hasSettingsOverride.value && !mutableSettings.value) {
       void loadSettings();
       return;
     }
-    initializeConfigurationState();
+    knowledgeSources.initialize();
   } else {
     loadingInitialSettings.value = false;
   }
@@ -85,27 +68,14 @@ watch(() => props.initialTab, (tab) => {
   if (props.open)
     activateTab(tab);
 });
-watch(currentSystemMessage, () => {
-  if (props.open)
-    personalization.initialize();
-});
 watch(mutableSettings, (settings, previousSettings) => {
   if (props.open && hasSettingsOverride.value && settings && !previousSettings)
-    initializeConfigurationState();
+    knowledgeSources.initialize();
 });
-function initializeConfigurationState() {
-  personalization.initialize();
-  telaTools.initialize();
-  knowledgeSources.initialize();
-  contextFiles.initialize();
-  externalSkills.initialize();
-}
 function activateTab(tab) {
   const isVisible = settingsTabs.value.some((t) => t.value === tab);
-  activeTab.value = isVisible ? tab : "personalization";
+  activeTab.value = isVisible ? tab : "agent";
   searchQuery.value = "";
-  if (activeTab.value === "external-skills")
-    void externalSkills.fetchGitHubConnection();
 }
 function activateMobileTab(tab) {
   activateTab(tab);
@@ -115,7 +85,7 @@ async function loadSettings() {
   loadingInitialSettings.value = true;
   try {
     await fetchSettings();
-    initializeConfigurationState();
+    knowledgeSources.initialize();
   } catch (error) {
     console.error("Failed to load workspace settings:", error);
     statusToast.update({
@@ -126,44 +96,47 @@ async function loadSettings() {
     loadingInitialSettings.value = false;
   }
 }
+async function loadAgentStatus() {
+  try {
+    await workspaceAgent.fetchStatus();
+  } catch (error) {
+    console.error("Failed to load workspace agent status:", error);
+    statusToast.update({
+      text: "Erro ao carregar o status do agente",
+      icon: "i-ph-warning"
+    });
+  }
+}
+async function handleCreateAgent() {
+  try {
+    const status = await workspaceAgent.createAgent();
+    if (!status)
+      return;
+    statusToast.update({
+      text: "Agente criado no Tela",
+      icon: "i-ph-check"
+    });
+    if (status.telaAgentUrl)
+      window.open(status.telaAgentUrl, "_blank", "noopener");
+  } catch (error) {
+    console.error("Failed to create workspace agent:", error);
+    statusToast.update({
+      text: "Erro ao criar o agente no Tela",
+      icon: "i-ph-warning"
+    });
+  }
+}
 async function handleSave() {
   if (!hasChanges.value || isBusy.value)
     return;
   try {
-    const updates = {};
-    if (personalization.hasChanges.value)
-      updates.systemMessage = personalization.getSystemMessage();
-    if (contextFiles.hasChanges.value) {
-      const pendingFilesList = contextFiles.getPendingFiles();
-      const uploadedFiles = pendingFilesList.length > 0 ? await uploadFiles(pendingFilesList) : [];
-      const newContextFiles = [
-        ...contextFiles.getKeptContextFiles(),
-        ...uploadedFiles.map((f) => ({ url: f.url, name: f.name, mimeType: f.mimeType }))
-      ];
-      updates.contextFiles = newContextFiles.length > 0 ? newContextFiles : null;
-    }
-    if (telaTools.hasChanges.value) {
-      const tools = telaTools.buildCanvasTools();
-      updates.canvasTools = tools.length > 0 ? tools : null;
-    }
-    let pendingKnowledgeSources = null;
-    if (knowledgeSources.hasChanges.value) {
-      const sources = knowledgeSources.buildKnowledgeSources();
-      updates.knowledgeSources = sources.length > 0 ? sources : null;
-      pendingKnowledgeSources = sources.length > 0 ? sources : null;
-    }
-    if (externalSkills.hasChanges.value)
-      updates.externalSkills = externalSkills.buildExternalSkills();
-    const shouldUpdateKnowledgeSources = pendingKnowledgeSources !== null || knowledgeSources.hasChanges.value;
-    const shouldClearContextFiles = contextFiles.hasChanges.value;
-    const shouldResetExternalSkills = externalSkills.hasChanges.value;
+    const sources = knowledgeSources.buildKnowledgeSources();
+    const pendingKnowledgeSources = sources.length > 0 ? sources : null;
+    const updates = {
+      knowledgeSources: pendingKnowledgeSources
+    };
     const onSaved = () => {
-      if (shouldUpdateKnowledgeSources)
-        setKnowledgeSources(pendingKnowledgeSources);
-      if (shouldClearContextFiles)
-        contextFiles.clearPendingFiles();
-      if (shouldResetExternalSkills)
-        externalSkills.initialize();
+      setKnowledgeSources(pendingKnowledgeSources);
     };
     if (hasSettingsOverride.value) {
       emit("save", { updates, onSaved });
@@ -224,23 +197,12 @@ function cancelDiscard() {
                 </p>
             </div>
 
-            <ChatConfigurationPersonalizationTab
-                v-else-if="activeTab === 'personalization'"
-                v-model:system-message="personalization.localSystemMessage.value"
-            />
-
-            <ChatConfigurationContextFilesTab
-                v-else-if="activeTab === 'context-files'"
-                :search-query="searchQuery"
-                :filtered-context-files="contextFiles.filteredContextFiles.value"
-                :filtered-pending-files="contextFiles.filteredPendingFiles.value"
-                :current-file-count="contextFiles.currentFileCount.value"
-                :max-files="contextFiles.maxFiles"
-                :get-file-type="contextFiles.getFileType"
-                @update:search-query="searchQuery = $event"
-                @handle-file-select="contextFiles.handleFileSelect"
-                @remove-pending-file="contextFiles.removePendingFile"
-                @remove-context-file="contextFiles.removeContextFile"
+            <ChatConfigurationAgentTab
+                v-else-if="activeTab === 'agent'"
+                :status="workspaceAgent.status.value"
+                :loading="workspaceAgent.loading.value"
+                :creating="workspaceAgent.creating.value"
+                @create="handleCreateAgent"
             />
 
             <ChatConfigurationKnowledgeSourcesTab
@@ -255,40 +217,6 @@ function cancelDiscard() {
                 @toggle="knowledgeSources.toggleKnowledgeSource"
             />
 
-            <ChatConfigurationTelaToolsTab
-                v-else-if="activeTab === 'tela-tools'"
-                :search-query="searchQuery"
-                :canvas="canvas"
-                :filtered-canvas-tools="telaTools.filteredCanvasTools.value"
-                :selected-tool-ids="telaTools.selectedToolIds.value"
-                :all-tools-selected="telaTools.allToolsSelected.value"
-                :get-project-name="telaTools.getProjectName"
-                @update:search-query="searchQuery = $event"
-                @toggle-tool="telaTools.toggleCanvasTool"
-                @toggle-all="telaTools.toggleAllTools"
-            />
-
-            <ChatConfigurationExternalSkillsTab
-                v-else-if="activeTab === 'external-skills'"
-                :search-query="searchQuery"
-                :displayed-skills="externalSkills.displayedSkills.value"
-                :filtered-skills="externalSkills.filteredSkills.value"
-                :has-changes="externalSkills.hasChanges.value"
-                :is-pending="externalSkills.isPending"
-                :skill-modal-open="externalSkills.skillModalOpen.value"
-                :skill-ref-input="externalSkills.skillRefInput.value"
-                :skill-error="externalSkills.skillError.value"
-                :discovering-skills="externalSkills.discoveringSkills.value"
-                :git-hub-button-text="gitHubButtonText"
-                @update:search-query="searchQuery = $event"
-                @update:skill-modal-open="externalSkills.skillModalOpen.value = $event"
-                @update:skill-ref-input="externalSkills.skillRefInput.value = $event"
-                @remove-skill="externalSkills.removeSkill"
-                @close-skill-modal="externalSkills.closeSkillModal"
-                @handle-add-skill-and-close="externalSkills.handleAddSkillAndClose"
-                @connect-git-hub="externalSkills.connectGitHub"
-            />
-
             <ChatConfigurationCredentialsTab
                 v-else-if="activeTab === 'credentials' && props.showCredentialsTab"
                 :search-query="searchQuery"
@@ -388,23 +316,12 @@ function cancelDiscard() {
                         </p>
                     </div>
 
-                    <ChatConfigurationPersonalizationTab
-                        v-else-if="activeTab === 'personalization'"
-                        v-model:system-message="personalization.localSystemMessage.value"
-                    />
-
-                    <ChatConfigurationContextFilesTab
-                        v-else-if="activeTab === 'context-files'"
-                        :search-query="searchQuery"
-                        :filtered-context-files="contextFiles.filteredContextFiles.value"
-                        :filtered-pending-files="contextFiles.filteredPendingFiles.value"
-                        :current-file-count="contextFiles.currentFileCount.value"
-                        :max-files="contextFiles.maxFiles"
-                        :get-file-type="contextFiles.getFileType"
-                        @update:search-query="searchQuery = $event"
-                        @handle-file-select="contextFiles.handleFileSelect"
-                        @remove-pending-file="contextFiles.removePendingFile"
-                        @remove-context-file="contextFiles.removeContextFile"
+                    <ChatConfigurationAgentTab
+                        v-else-if="activeTab === 'agent'"
+                        :status="workspaceAgent.status.value"
+                        :loading="workspaceAgent.loading.value"
+                        :creating="workspaceAgent.creating.value"
+                        @create="handleCreateAgent"
                     />
 
                     <ChatConfigurationKnowledgeSourcesTab
@@ -419,40 +336,6 @@ function cancelDiscard() {
                         @toggle="knowledgeSources.toggleKnowledgeSource"
                     />
 
-                    <ChatConfigurationTelaToolsTab
-                        v-else-if="activeTab === 'tela-tools'"
-                        :search-query="searchQuery"
-                        :canvas="canvas"
-                        :filtered-canvas-tools="telaTools.filteredCanvasTools.value"
-                        :selected-tool-ids="telaTools.selectedToolIds.value"
-                        :all-tools-selected="telaTools.allToolsSelected.value"
-                        :get-project-name="telaTools.getProjectName"
-                        @update:search-query="searchQuery = $event"
-                        @toggle-tool="telaTools.toggleCanvasTool"
-                        @toggle-all="telaTools.toggleAllTools"
-                    />
-
-                    <ChatConfigurationExternalSkillsTab
-                        v-else-if="activeTab === 'external-skills'"
-                        :search-query="searchQuery"
-                        :displayed-skills="externalSkills.displayedSkills.value"
-                        :filtered-skills="externalSkills.filteredSkills.value"
-                        :has-changes="externalSkills.hasChanges.value"
-                        :is-pending="externalSkills.isPending"
-                        :skill-modal-open="externalSkills.skillModalOpen.value"
-                        :skill-ref-input="externalSkills.skillRefInput.value"
-                        :skill-error="externalSkills.skillError.value"
-                        :discovering-skills="externalSkills.discoveringSkills.value"
-                        :git-hub-button-text="gitHubButtonText"
-                        @update:search-query="searchQuery = $event"
-                        @update:skill-modal-open="externalSkills.skillModalOpen.value = $event"
-                        @update:skill-ref-input="externalSkills.skillRefInput.value = $event"
-                        @remove-skill="externalSkills.removeSkill"
-                        @close-skill-modal="externalSkills.closeSkillModal"
-                        @handle-add-skill-and-close="externalSkills.handleAddSkillAndClose"
-                        @connect-git-hub="externalSkills.connectGitHub"
-                    />
-
                     <ChatConfigurationCredentialsTab
                         v-else-if="activeTab === 'credentials' && props.showCredentialsTab"
                         :search-query="searchQuery"

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

@@ -1,15 +1,20 @@
 import type { ChatFeatureConfig } from '../feature-config.js';
-import type { ChatActor } from '../types.js';
+import type { ChatActor, ChatSidebarConfig } from '../types.js';
 type EmbedUser = ChatActor;
 type __VLS_Props = {
     conversationId?: string | null;
     initialConversationId?: string | null;
     hideSidebar?: boolean;
+    sidebar?: ChatSidebarConfig;
     hideSettings?: boolean;
     user?: EmbedUser | null;
     features?: Partial<ChatFeatureConfig>;
 };
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+declare var __VLS_11: {};
+type __VLS_Slots = {} & {
+    'sidebar-bottom'?: (props: typeof __VLS_11) => any;
+};
+declare const __VLS_base: 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;
@@ -18,5 +23,11 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     hideSidebar: boolean;
     initialConversationId: string | null;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};