@meistrari/chat-nuxt 3.0.0 → 3.2.0

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

@@ -27,11 +27,15 @@ const props = defineProps({
   conversationId: { type: [String, null], required: false },
   initialConversationId: { type: [String, null], required: false, default: null },
   hideSidebar: { type: Boolean, required: false, default: true },
+  sidebar: { type: Object, required: false },
   hideSettings: { type: Boolean, required: false, default: false },
   user: { type: [Object, null], required: false },
   features: { type: Object, required: false }
 });
 const emit = defineEmits(["update:conversationId"]);
+const sidebarPosition = computed(() => props.sidebar?.position ?? "left");
+const sidebarWidth = computed(() => props.sidebar?.width ?? 240);
+const sidebarBottomHeight = computed(() => Math.min(100, Math.max(0, props.sidebar?.bottomHeight ?? 50)));
 const chatApi = useChatApi();
 const embedConfig = useEmbedConfig();
 const chatAction = useChatAction();
@@ -425,8 +429,10 @@ async function handleDelete() {
         <!-- Sidebar -->
         <div
             v-if="!hideSidebar && !isMobile"
-            w-240px h-full flex="~ col" flex-shrink-0
-            bg-neutral-50 b-r=".5px neutral-200"
+            h-full flex="~ col" flex-shrink-0
+            bg-neutral-50
+            :style="{ width: `${sidebarWidth}px` }"
+            :class="sidebarPosition === 'right' ? 'order-last border-l-0.5px border-l-neutral-200' : 'border-r-0.5px border-r-neutral-200'"
         >
             <div px-12px pt-16px pb-8px flex gap-8px>
                 <button
@@ -444,7 +450,11 @@ async function handleDelete() {
                 <ChatConversationNewGroupButton />
             </div>
 
-            <div flex-1 overflow-y-auto px-4px>
+            <div
+                min-h-0 overflow-y-auto px-4px
+                :class="$slots['sidebar-bottom'] ? '' : 'flex-1'"
+                :style="$slots['sidebar-bottom'] ? { flexGrow: 100 - sidebarBottomHeight, flexBasis: 0 } : void 0"
+            >
                 <ChatConversationList
                     :conversations="visibleConversations"
                     :current-id="activeConversationId ?? void 0"
@@ -455,6 +465,15 @@ async function handleDelete() {
                     :loading="conversationsLoading"
                 />
             </div>
+
+            <div
+                v-if="$slots['sidebar-bottom']"
+                min-h-0 overflow-y-auto
+                b-t=".5px neutral-200"
+                :style="{ flexGrow: sidebarBottomHeight, flexBasis: 0 }"
+            >
+                <slot name="sidebar-bottom" />
+            </div>
         </div>
 
         <!-- Main content -->

package/dist/runtime/embed/components/chat-embed-inner.vue.d.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;
+    };
+};

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

@@ -1,6 +1,10 @@
 import { type ChatActionPayload } from '../../messages/composables/chat-action.js';
 import { type MessageFeedbackPayload } from '../../messages/composables/chat-feedback.js';
-declare const __VLS_export: import("vue").DefineComponent<import("../types.js").DefaultChatEmbedProps | import("../types.js").TelaAgentChatEmbedProps, {}, {}, {}, {}, 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<import("../types.js").DefaultChatEmbedProps | import("../types.js").TelaAgentChatEmbedProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:conversationId": (value: string | null) => any;
     messageFeedback: (payload: MessageFeedbackPayload) => any;
     action: (payload: ChatActionPayload) => any;
@@ -9,5 +13,11 @@ declare const __VLS_export: import("vue").DefineComponent<import("../types.js").
     onMessageFeedback?: ((payload: MessageFeedbackPayload) => any) | undefined;
     onAction?: ((payload: ChatActionPayload) => any) | undefined;
 }>, {}, {}, {}, {}, 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;
+    };
+};

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

@@ -12,6 +12,7 @@ const props = defineProps({
   conversationScope: { type: [String, null], required: false },
   defaultConversationCreatorFilter: { type: null, required: false },
   hideSidebar: { type: Boolean, required: false },
+  sidebar: { type: Object, required: false },
   hideSettings: { type: Boolean, required: false },
   loadingMessages: { type: [Array, null], required: false },
   loadingMessagesMode: { type: [String, null], required: false },
@@ -88,9 +89,14 @@ provideMessageFeedback((payload) => {
         :conversation-id="conversationId"
         :initial-conversation-id="initialConversationId"
         :hide-sidebar="hideSidebar"
+        :sidebar="sidebar"
         :hide-settings="hideSettings"
         :user="normalizedTelaAgentId ? null : user"
         :features="features"
         @update:conversation-id="$emit('update:conversationId', $event)"
-    />
+    >
+        <template v-if="$slots['sidebar-bottom']" #sidebar-bottom>
+            <slot name="sidebar-bottom" />
+        </template>
+    </ChatEmbedInner>
 </template>

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

@@ -1,6 +1,10 @@
 import { type ChatActionPayload } from '../../messages/composables/chat-action.js';
 import { type MessageFeedbackPayload } from '../../messages/composables/chat-feedback.js';
-declare const __VLS_export: import("vue").DefineComponent<import("../types.js").DefaultChatEmbedProps | import("../types.js").TelaAgentChatEmbedProps, {}, {}, {}, {}, 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<import("../types.js").DefaultChatEmbedProps | import("../types.js").TelaAgentChatEmbedProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:conversationId": (value: string | null) => any;
     messageFeedback: (payload: MessageFeedbackPayload) => any;
     action: (payload: ChatActionPayload) => any;
@@ -9,5 +13,11 @@ declare const __VLS_export: import("vue").DefineComponent<import("../types.js").
     onMessageFeedback?: ((payload: MessageFeedbackPayload) => any) | undefined;
     onAction?: ((payload: ChatActionPayload) => any) | undefined;
 }>, {}, {}, {}, {}, 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;
+    };
+};

package/dist/runtime/embed/components/configuration/chat-configuration-agent-tab.d.vue.ts

@@ -0,0 +1,13 @@
+import type { WorkspaceAgentStatusResponse } from '../../../types/schemas/chat/workspace-agent.js';
+type __VLS_Props = {
+    status: WorkspaceAgentStatusResponse | null;
+    loading: boolean;
+    creating: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    create: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onCreate?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/embed/components/configuration/chat-configuration-agent-tab.vue

@@ -0,0 +1,167 @@
+<script setup>
+const props = defineProps({
+  status: { type: null, required: true },
+  loading: { type: Boolean, required: true },
+  creating: { type: Boolean, required: true }
+});
+const emit = defineEmits(["create"]);
+const customizationLabels = {
+  system_message: "Prompt personalizado",
+  context_files: "Arquivos de contexto",
+  canvas_tools: "Skills Tela",
+  external_skills: "Skills externas"
+};
+function openInTela() {
+  if (props.status?.telaAgentUrl)
+    window.open(props.status.telaAgentUrl, "_blank", "noopener");
+}
+</script>
+
+<template>
+    <div mb-24px>
+        <h2 text-16px font-semibold text-primary tracking="-.2px" leading-20px>
+            Agente
+        </h2>
+        <div h-px bg-gray-200 mt-24px />
+    </div>
+
+    <div v-if="loading || !status" flex="~ col" gap-8px>
+        <TelaSkeleton h-88px />
+        <TelaSkeleton h-48px />
+    </div>
+
+    <div
+        v-else-if="status.mode === 'default'"
+        b=".5px gray-200" rounded-12px p-20px
+        flex="~ col" gap-16px
+    >
+        <div flex items-center gap-12px>
+            <div w-40px h-40px rounded-full bg-muted flex items-center justify-center shrink-0>
+                <div i-ph-chat-circle-text text-20px text-icon />
+            </div>
+            <div flex="~ col" gap-2px flex-1 min-w-0>
+                <span text-14px font-semibold text-primary tracking="-.15px" leading-18px>
+                    Chat genérico do Tela
+                </span>
+                <span text-13px text-secondary leading-16px>
+                    Agente padrão, mantido pela equipe Tela
+                </span>
+            </div>
+            <TelaBadge icon="i-ph-check">
+                Padrão
+            </TelaBadge>
+        </div>
+
+        <p text-14px text-secondary tracking="-.15px" leading-20px>
+            Este workspace usa o agente padrão do chat. Prompt, arquivos de contexto
+            e skills são os da configuração genérica.
+        </p>
+
+        <div bg-muted rounded-8px p-12px flex items-start gap-8px>
+            <div i-ph-info text-16px text-icon mt-1px shrink-0 />
+            <p text-13px text-secondary leading-18px>
+                Para personalizar o comportamento do chat, a configuração é feita na
+                plataforma Tela, com um agente dedicado ao seu workspace.
+            </p>
+        </div>
+    </div>
+
+    <div
+        v-else-if="status.mode === 'custom'"
+        b=".5px gray-200" rounded-12px p-20px
+        flex="~ col" gap-16px
+    >
+        <div flex items-center gap-12px>
+            <div w-40px h-40px rounded-full bg-muted flex items-center justify-center shrink-0>
+                <div i-ph-robot text-20px text-icon />
+            </div>
+            <div flex="~ col" gap-2px flex-1 min-w-0>
+                <span text-14px font-semibold text-primary tracking="-.15px" leading-18px>
+                    Agente dedicado
+                </span>
+                <span text-13px text-secondary leading-16px>
+                    Este workspace executa um agente próprio no Tela
+                </span>
+            </div>
+            <TelaBadge variant="filled" icon="i-ph-check" container-class="bg-green-100" text-class="text-green-700">
+                Ativo
+            </TelaBadge>
+        </div>
+
+        <div bg-muted rounded-8px p-12px flex items-start gap-8px>
+            <div i-ph-info text-16px text-icon mt-1px shrink-0 />
+            <p text-13px text-secondary leading-18px>
+                As configurações deste workspace foram migradas para um agente dedicado
+                no Tela. Prompt, arquivos de contexto e skills agora são gerenciados por
+                lá — alterações feitas no Tela valem para as próximas conversas.
+            </p>
+        </div>
+
+        <div flex="~ col" gap-6px>
+            <span text-12px text-secondary leading-16px>
+                ID do agente
+            </span>
+            <div
+                b=".5px gray-200" rounded-8px pl-12px pr-6px py-6px
+                flex items-center gap-8px
+            >
+                <span font-mono text-13px text-primary leading-18px truncate flex-1>
+                    {{ status.telaAgentId }}
+                </span>
+                <TelaCopyButton :content="status.telaAgentId ?? ''" variant="ghost" size="sm" />
+            </div>
+        </div>
+
+        <div flex justify-end>
+            <TelaButton icon="i-ph-arrow-square-out" @click="openInTela">
+                Abrir no Tela
+            </TelaButton>
+        </div>
+    </div>
+
+    <div
+        v-else
+        b=".5px gray-200" rounded-12px p-20px
+        flex="~ col" gap-16px
+    >
+        <div bg-warning rounded-8px p-12px flex items-start gap-8px>
+            <div i-ph-warning text-16px text-warning mt-1px shrink-0 />
+            <div flex="~ col" gap-4px>
+                <span text-13px font-semibold text-primary leading-18px>
+                    Configuração pendente
+                </span>
+                <p text-13px text-secondary leading-18px>
+                    Este workspace tem personalizações do chat antigo que ainda não foram
+                    migradas para um agente Tela. Até concluir esta configuração, novas
+                    mensagens não podem ser enviadas.
+                </p>
+            </div>
+        </div>
+
+        <div v-if="status.pendingCustomizations.length > 0" flex="~ col" gap-6px>
+            <span text-12px text-secondary leading-16px>
+                Personalizações detectadas
+            </span>
+            <div flex flex-wrap gap-6px>
+                <TelaBadge
+                    v-for="customization in status.pendingCustomizations"
+                    :key="customization"
+                >
+                    {{ customizationLabels[customization] }}
+                </TelaBadge>
+            </div>
+        </div>
+
+        <p text-14px text-secondary tracking="-.15px" leading-20px>
+            Crie um agente dedicado a partir do modelo padrão do chat. As personalizações
+            listadas não são migradas automaticamente — configure-as no Tela depois de
+            criar o agente.
+        </p>
+
+        <div flex justify-end>
+            <TelaButton icon="i-ph-plus" leading :loading="creating" @click="emit('create')">
+                Criar agente no Tela
+            </TelaButton>
+        </div>
+    </div>
+</template>

package/dist/runtime/embed/components/configuration/chat-configuration-agent-tab.vue.d.ts

@@ -0,0 +1,13 @@
+import type { WorkspaceAgentStatusResponse } from '../../../types/schemas/chat/workspace-agent.js';
+type __VLS_Props = {
+    status: WorkspaceAgentStatusResponse | null;
+    loading: boolean;
+    creating: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    create: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onCreate?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -1,7 +1,7 @@
-import type { DefineSetupFnComponent } from 'vue';
+import type { DefineSetupFnComponent, SlotsType } from 'vue';
 import type { ChatActionPayload } from '../../messages/composables/chat-action.js';
 import type { ChatFeatureConfig } from '../feature-config.js';
-import type { DefaultChatEmbedProps, MeistrariChatEmbedProps, TelaAgentChatEmbedProps } from '../types.js';
+import type { ChatSidebarConfig, DefaultChatEmbedProps, MeistrariChatEmbedProps, TelaAgentChatEmbedProps } from '../types.js';
 
 type MeistrariChatEmbedEmits = {
     /** Fired when the active conversation changes. Pairs with `v-model:conversation-id`. */
@@ -10,6 +10,11 @@ type MeistrariChatEmbedEmits = {
     'action': (payload: ChatActionPayload) => any;
 };
 
+type MeistrariChatEmbedSlots = SlotsType<{
+    /** Rendered in a dedicated bottom pane of the conversation sidebar, splitting it in half. */
+    'sidebar-bottom'?: () => any;
+}>;
+
 /**
  * Embedded Meistrari chat surface. Auto-registered by the `@meistrari/chat-nuxt`
  * module — no manual import needed in templates.
@@ -36,7 +41,7 @@ type MeistrariChatEmbedEmits = {
  * </template>
  * ```
  */
-declare const MeistrariChatEmbed: DefineSetupFnComponent<MeistrariChatEmbedProps, MeistrariChatEmbedEmits>;
+declare const MeistrariChatEmbed: DefineSetupFnComponent<MeistrariChatEmbedProps, MeistrariChatEmbedEmits, MeistrariChatEmbedSlots>;
 
 export default MeistrariChatEmbed;
-export type { ChatActionPayload, ChatFeatureConfig, DefaultChatEmbedProps, MeistrariChatEmbedProps, TelaAgentChatEmbedProps };
+export type { ChatActionPayload, ChatFeatureConfig, ChatSidebarConfig, DefaultChatEmbedProps, MeistrariChatEmbedProps, TelaAgentChatEmbedProps };

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

@@ -6,6 +6,7 @@ const props = defineProps({
   conversationScope: { type: [String, null], required: false },
   defaultConversationCreatorFilter: { type: null, required: false },
   hideSidebar: { type: Boolean, required: false },
+  sidebar: { type: Object, required: false },
   hideSettings: { type: Boolean, required: false },
   loadingMessages: { type: [Array, null], required: false },
   loadingMessagesMode: { type: [String, null], required: false },
@@ -20,6 +21,7 @@ const props = defineProps({
   features: { type: Object, required: false }
 });
 defineEmits(["update:conversationId", "action", "messageFeedback"]);
+defineSlots();
 const hideSettings = computed(() => props.hideSettings ?? false);
 </script>
 
@@ -33,6 +35,7 @@ const hideSettings = computed(() => props.hideSettings ?? false);
         :conversation-scope="conversationScope"
         :default-conversation-creator-filter="defaultConversationCreatorFilter"
         :hide-sidebar="hideSidebar"
+        :sidebar="sidebar"
         :hide-settings="hideSettings"
         :features="features"
         :loading-messages="loadingMessages"
@@ -44,7 +47,11 @@ const hideSettings = computed(() => props.hideSettings ?? false);
         @update:conversation-id="$emit('update:conversationId', $event)"
         @action="$emit('action', $event)"
         @message-feedback="$emit('messageFeedback', $event)"
-    />
+    >
+        <template v-if="$slots['sidebar-bottom']" #sidebar-bottom>
+            <slot name="sidebar-bottom" />
+        </template>
+    </ChatEmbed>
     <ChatEmbed
         v-else
         :workspace-settings="workspaceSettings"
@@ -54,6 +61,7 @@ const hideSettings = computed(() => props.hideSettings ?? false);
         :conversation-scope="conversationScope"
         :default-conversation-creator-filter="defaultConversationCreatorFilter"
         :hide-sidebar="hideSidebar"
+        :sidebar="sidebar"
         :hide-settings="hideSettings"
         :features="features"
         :loading-messages="loadingMessages"
@@ -65,5 +73,9 @@ const hideSettings = computed(() => props.hideSettings ?? false);
         @update:conversation-id="$emit('update:conversationId', $event)"
         @action="$emit('action', $event)"
         @message-feedback="$emit('messageFeedback', $event)"
-    />
+    >
+        <template v-if="$slots['sidebar-bottom']" #sidebar-bottom>
+            <slot name="sidebar-bottom" />
+        </template>
+    </ChatEmbed>
 </template>

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

@@ -1,7 +1,7 @@
-import type { DefineSetupFnComponent } from 'vue';
+import type { DefineSetupFnComponent, SlotsType } from 'vue';
 import type { ChatActionPayload } from '../../messages/composables/chat-action.js';
 import type { ChatFeatureConfig } from '../feature-config.js';
-import type { DefaultChatEmbedProps, MeistrariChatEmbedProps, TelaAgentChatEmbedProps } from '../types.js';
+import type { ChatSidebarConfig, DefaultChatEmbedProps, MeistrariChatEmbedProps, TelaAgentChatEmbedProps } from '../types.js';
 
 type MeistrariChatEmbedEmits = {
     /** Fired when the active conversation changes. Pairs with `v-model:conversation-id`. */
@@ -10,6 +10,11 @@ type MeistrariChatEmbedEmits = {
     'action': (payload: ChatActionPayload) => any;
 };
 
+type MeistrariChatEmbedSlots = SlotsType<{
+    /** Rendered in a dedicated bottom pane of the conversation sidebar, splitting it in half. */
+    'sidebar-bottom'?: () => any;
+}>;
+
 /**
  * Embedded Meistrari chat surface. Auto-registered by the `@meistrari/chat-nuxt`
  * module — no manual import needed in templates.
@@ -36,7 +41,7 @@ type MeistrariChatEmbedEmits = {
  * </template>
  * ```
  */
-declare const MeistrariChatEmbed: DefineSetupFnComponent<MeistrariChatEmbedProps, MeistrariChatEmbedEmits>;
+declare const MeistrariChatEmbed: DefineSetupFnComponent<MeistrariChatEmbedProps, MeistrariChatEmbedEmits, MeistrariChatEmbedSlots>;
 
 export default MeistrariChatEmbed;
-export type { ChatActionPayload, ChatFeatureConfig, DefaultChatEmbedProps, MeistrariChatEmbedProps, TelaAgentChatEmbedProps };
+export type { ChatActionPayload, ChatFeatureConfig, ChatSidebarConfig, DefaultChatEmbedProps, MeistrariChatEmbedProps, TelaAgentChatEmbedProps };

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

@@ -10,6 +10,18 @@ export type ChatActor = {
     email?: string | null;
     image?: string | null;
 };
+export type ChatSidebarConfig = {
+    /** Which edge of the chat surface renders the conversation sidebar. Defaults to left. */
+    position?: 'left' | 'right';
+    /** Sidebar width in pixels. Defaults to 240. */
+    width?: number;
+    /**
+     * Height of the `sidebar-bottom` slot pane as a percentage (0–100) of the
+     * sidebar's conversation area. Only applies when the slot is provided.
+     * Defaults to 50.
+     */
+    bottomHeight?: number;
+};
 export type ChatEmbedSharedProps = {
     /** Controlled conversation id. Use with `v-model:conversation-id` when the host owns active conversation state. */
     conversationId?: string | null;
@@ -21,6 +33,8 @@ export type ChatEmbedSharedProps = {
     defaultConversationCreatorFilter?: ConversationCreatorFilter;
     /** Hide the conversation list and render only the active chat surface. */
     hideSidebar?: boolean;
+    /** Layout options for the conversation sidebar (edge and `sidebar-bottom` split). */
+    sidebar?: ChatSidebarConfig;
     /** Hide workspace settings actions while keeping the chat header and content unchanged. */
     hideSettings?: boolean;
     /** Custom pending-response messages shown while the assistant is working. */

package/dist/runtime/files/file-limits.d.ts

@@ -0,0 +1,2 @@
+export declare const MAX_FILES = 10;
+export declare const MAX_FILE_SIZE: number;

package/dist/runtime/files/file-limits.js

@@ -0,0 +1,2 @@
+export const MAX_FILES = 10;
+export const MAX_FILE_SIZE = 10 * 1024 * 1024;

package/dist/runtime/messages/components/chat-context-config.vue

@@ -1,8 +1,8 @@
 <script setup>
 import { useFileUpload } from "../../files/composables/file-upload";
-import { useTela } from "../../shared/composables/tela";
-import { MAX_FILES, MAX_FILE_SIZE } from "../../workspace/composables/workspace-context-files";
+import { MAX_FILES, MAX_FILE_SIZE } from "../../files/file-limits";
 import { formatFileSize } from "../../files/formatting";
+import { useTela } from "../../shared/composables/tela";
 const props = defineProps({
   systemMessage: { type: [String, null], required: true },
   contextFiles: { type: [Array, null], required: true },

package/dist/runtime/messages/components/chat-message-input.vue

@@ -1,8 +1,8 @@
 <script setup>
 import { useFileUpload } from "../../files/composables/file-upload";
+import { MAX_FILE_SIZE, MAX_FILES } from "../../files/file-limits";
 import { useInputHistory } from "../composables/input-history";
 import { useMentionAutocomplete } from "../composables/mention-autocomplete";
-import { MAX_FILE_SIZE, MAX_FILES } from "../../workspace/composables/workspace-context-files";
 import { getAgentInputReadiness } from "../input-readiness";
 import { formatFileSize } from "../../files/formatting";
 import { getMimeIcon, getMimeLabel } from "../../files/icons";

package/dist/runtime/messages/composables/chat.js

@@ -15,11 +15,12 @@ import {
 } from "../message-state.js";
 import { exportConversationToMarkdown } from "../../conversations/export.js";
 import { resolveChatStateScope } from "../../conversations/scope.js";
-import { getChatApiErrorMessage } from "../../shared/chat-api-error.js";
+import { getChatApiErrorCode, getChatApiErrorMessage } from "../../shared/chat-api-error.js";
 import { useChatApi } from "../../shared/composables/chat-api.js";
 import { useConversationFileActions } from "../../files/composables/conversation-files.js";
 import { useEmbedConfig } from "../../embed/composables/embed-config.js";
 import { usePolling } from "../../shared/composables/polling.js";
+const WORKSPACE_AGENT_NOT_READY_TEXT = "O agente deste workspace ainda n\xE3o foi configurado no Tela. Abra as configura\xE7\xF5es do workspace para criar o agente.";
 function resolveTelaAgentInputs(messageInputs, configuredInputs) {
   const inputs = messageInputs ?? configuredInputs ?? void 0;
   return inputs?.length ? inputs.map((input) => ({ ...input })) : void 0;
@@ -221,7 +222,7 @@ export function useChat() {
         (msg) => msg.id !== optimisticUserMessage.id && msg.id !== optimisticAssistantMessage.id
       );
       stopPolling();
-      const message = err instanceof Error ? err.message : "Erro ao enviar mensagem";
+      const message = getChatApiErrorCode(err) === "workspace_agent_not_ready" ? WORKSPACE_AGENT_NOT_READY_TEXT : err instanceof Error ? err.message : "Erro ao enviar mensagem";
       error.value = message;
       Sentry.captureException(err);
       return null;
@@ -303,7 +304,7 @@ export function useChat() {
       return true;
     } catch (err) {
       messages.value = restoreAssistantMessageAfterRetryFailure(messages.value, retry.originalMessage);
-      const errorMessage = err instanceof Error ? err.message : "Erro ao reenviar mensagem";
+      const errorMessage = getChatApiErrorCode(err) === "workspace_agent_not_ready" ? WORKSPACE_AGENT_NOT_READY_TEXT : err instanceof Error ? err.message : "Erro ao reenviar mensagem";
       error.value = errorMessage;
       Sentry.captureException(err);
       return false;

package/dist/runtime/shared/chat-api-error.d.ts

@@ -1 +1,2 @@
 export declare function getChatApiErrorMessage(error: unknown): string | null;
+export declare function getChatApiErrorCode(error: unknown): string | null;

package/dist/runtime/shared/chat-api-error.js

@@ -10,3 +10,8 @@ export function getChatApiErrorMessage(error) {
   const data = root && isRecord(root.data) ? root.data : null;
   return stringField(data, "statusMessage") ?? stringField(data, "error") ?? stringField(data, "message") ?? stringField(root, "statusMessage") ?? stringField(root, "message");
 }
+export function getChatApiErrorCode(error) {
+  const root = isRecord(error) ? error : null;
+  const data = root && isRecord(root.data) ? root.data : null;
+  return stringField(data, "code");
+}

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

@@ -1,5 +1,5 @@
 export type { ChatFeatureConfig } from '../embed/feature-config.js';
-export type { ChatActor, ChatEmbedSharedProps, DefaultChatEmbedProps, MeistrariChatEmbedProps, TelaAgentChatEmbedProps, } from '../embed/types.js';
+export type { ChatActor, ChatEmbedSharedProps, ChatSidebarConfig, DefaultChatEmbedProps, MeistrariChatEmbedProps, TelaAgentChatEmbedProps, } from '../embed/types.js';
 export type { ChatActionPayload } from '../messages/composables/chat-action.js';
 export type { MessageFeedbackConfig, MessageFeedbackPayload, MessageFeedbackRating, } from '../messages/composables/chat-feedback.js';
 export type { TelaAgentExecutionInput } from './schemas/integrations/tela-agent-api.js';

package/dist/runtime/types/schemas/chat/workspace-agent.d.ts

@@ -0,0 +1,33 @@
+import { z } from 'zod';
+export declare const workspaceAgentModes: readonly ["default", "custom", "setup_required"];
+export declare const workspaceAgentModeSchema: z.ZodEnum<{
+    default: "default";
+    custom: "custom";
+    setup_required: "setup_required";
+}>;
+export type WorkspaceAgentMode = z.infer<typeof workspaceAgentModeSchema>;
+export declare const workspaceAgentCustomizations: readonly ["system_message", "context_files", "canvas_tools", "external_skills"];
+export declare const workspaceAgentCustomizationSchema: z.ZodEnum<{
+    system_message: "system_message";
+    context_files: "context_files";
+    canvas_tools: "canvas_tools";
+    external_skills: "external_skills";
+}>;
+export type WorkspaceAgentCustomization = z.infer<typeof workspaceAgentCustomizationSchema>;
+export declare const workspaceAgentStatusResponseSchema: z.ZodObject<{
+    workspaceId: z.ZodString;
+    mode: z.ZodEnum<{
+        default: "default";
+        custom: "custom";
+        setup_required: "setup_required";
+    }>;
+    telaAgentId: z.ZodNullable<z.ZodString>;
+    telaAgentUrl: z.ZodNullable<z.ZodString>;
+    pendingCustomizations: z.ZodArray<z.ZodEnum<{
+        system_message: "system_message";
+        context_files: "context_files";
+        canvas_tools: "canvas_tools";
+        external_skills: "external_skills";
+    }>>;
+}, z.core.$strip>;
+export type WorkspaceAgentStatusResponse = z.infer<typeof workspaceAgentStatusResponseSchema>;

package/dist/runtime/types/schemas/chat/workspace-agent.js

@@ -0,0 +1,12 @@
+import { z } from 'zod';
+export const workspaceAgentModes = ['default', 'custom', 'setup_required'];
+export const workspaceAgentModeSchema = z.enum(workspaceAgentModes);
+export const workspaceAgentCustomizations = ['system_message', 'context_files', 'canvas_tools', 'external_skills'];
+export const workspaceAgentCustomizationSchema = z.enum(workspaceAgentCustomizations);
+export const workspaceAgentStatusResponseSchema = z.object({
+    workspaceId: z.string().min(1),
+    mode: workspaceAgentModeSchema,
+    telaAgentId: z.string().nullable(),
+    telaAgentUrl: z.string().nullable(),
+    pendingCustomizations: z.array(workspaceAgentCustomizationSchema),
+});