@meistrari/chat-nuxt 3.1.0 → 3.3.0

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

@@ -1,22 +1,33 @@
 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/runtime-core").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").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/runtime-core").PublicProps, Readonly<__VLS_Props> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:conversationId"?: ((value: string | null) => any) | undefined;
 }>, {
     hideSettings: boolean;
     hideSidebar: boolean;
     initialConversationId: string | null;
-}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, 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-inner.vue

@@ -27,11 +27,25 @@ 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 sidebarCollapsible = computed(() => props.sidebar?.collapsible ?? false);
+const isSidebarCollapsed = ref(props.sidebar?.defaultCollapsed ?? false);
+const sidebarCollapsed = computed(() => sidebarCollapsible.value && isSidebarCollapsed.value);
+const sidebarToggleIcon = computed(() => {
+  const pointsRight = sidebarPosition.value === "right" ? !sidebarCollapsed.value : sidebarCollapsed.value;
+  return pointsRight ? "i-ph-caret-right" : "i-ph-caret-left";
+});
+function toggleSidebarCollapsed() {
+  isSidebarCollapsed.value = !isSidebarCollapsed.value;
+}
 const chatApi = useChatApi();
 const embedConfig = useEmbedConfig();
 const chatAction = useChatAction();
@@ -425,36 +439,77 @@ 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"
+            class="chat-sidebar"
+            :class="[
+  sidebarPosition === 'right' ? 'chat-sidebar--right order-last' : 'chat-sidebar--left',
+  sidebarCollapsible ? 'chat-sidebar--collapsible' : '',
+  sidebarCollapsed ? 'chat-sidebar--collapsed' : ''
+]"
+            :style="{ '--chat-sidebar-width': `${sidebarWidth}px` }"
+            h-full flex-shrink-0 relative
         >
-            <div px-12px pt-16px pb-8px flex gap-8px>
-                <button
-                    flex items-center justify-center gap-6px
-                    h-32px px-12px flex-1 min-w-0
-                    bg-white b=".5px neutral-300" rounded-10px
-                    hover:bg-neutral-50 transition-colors cursor-pointer
-                    @click="() => handleNewConversation()"
+            <div class="chat-sidebar__clip">
+                <div
+                    class="chat-sidebar__panel"
+                    :inert="sidebarCollapsed || void 0"
+                    h-full flex="~ col"
+                    bg-neutral-50
+                    :style="{ width: `${sidebarWidth}px` }"
+                    :class="sidebarPosition === 'right' ? 'border-l-0.5px border-l-neutral-200' : 'border-r-0.5px border-r-neutral-200'"
                 >
-                    <span i-ph-chat-circle text-12px text-gray-900 />
-                    <span text-14px font-semibold text-neutral-900 tracking="-.15px" leading-18px>
-                        Nova conversa
-                    </span>
-                </button>
-                <ChatConversationNewGroupButton />
-            </div>
+                    <div px-12px pt-16px pb-8px flex gap-8px>
+                        <button
+                            flex items-center justify-center gap-6px
+                            h-32px px-12px flex-1 min-w-0
+                            bg-white b=".5px neutral-300" rounded-10px
+                            hover:bg-neutral-50 transition-colors cursor-pointer
+                            @click="() => handleNewConversation()"
+                        >
+                            <span i-ph-chat-circle text-12px text-gray-900 />
+                            <span text-14px font-semibold text-neutral-900 tracking="-.15px" leading-18px>
+                                Nova conversa
+                            </span>
+                        </button>
+                        <ChatConversationNewGroupButton />
+                    </div>
 
-            <div flex-1 overflow-y-auto px-4px>
-                <ChatConversationList
-                    :conversations="visibleConversations"
-                    :current-id="activeConversationId ?? void 0"
-                    :get-member-image="getMemberImage"
-                    :select-conversation="openConversation"
-                    :reset-conversation="handleNewConversation"
-                    :start-conversation="handleNewConversation"
-                    :loading="conversationsLoading"
-                />
+                    <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"
+                            :get-member-image="getMemberImage"
+                            :select-conversation="openConversation"
+                            :reset-conversation="handleNewConversation"
+                            :start-conversation="handleNewConversation"
+                            :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>
             </div>
+
+            <button
+                v-if="sidebarCollapsible"
+                type="button"
+                class="chat-sidebar__toggle"
+                :aria-label="sidebarCollapsed ? 'Expandir conversas' : 'Recolher conversas'"
+                :aria-expanded="!sidebarCollapsed"
+                @click="toggleSidebarCollapsed"
+            >
+                <span :class="sidebarToggleIcon" text-14px text-neutral-500 />
+            </button>
         </div>
 
         <!-- Main content -->
@@ -832,5 +887,5 @@ async function handleDelete() {
 </template>
 
 <style scoped>
-.loading-bar{animation:loading-pulse 1.5s ease-in-out infinite;background:linear-gradient(90deg,transparent,#ea580b,#fb923c,#fdba74,transparent);background-size:200% 100%;height:4px;left:0;position:absolute;right:0;top:0;z-index:100}@keyframes loading-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}
+.loading-bar{animation:loading-pulse 1.5s ease-in-out infinite;background:linear-gradient(90deg,transparent,#ea580b,#fb923c,#fdba74,transparent);background-size:200% 100%;height:4px;left:0;position:absolute;right:0;top:0;z-index:100}@keyframes loading-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}.chat-sidebar{width:var(--chat-sidebar-width)}.chat-sidebar__clip{display:flex;height:100%;width:100%}.chat-sidebar__panel{flex:none}.chat-sidebar--collapsible{min-width:0;transition:width .26s cubic-bezier(.2,.8,.2,1)}.chat-sidebar--collapsible .chat-sidebar__clip{overflow:hidden}.chat-sidebar--collapsible.chat-sidebar--right .chat-sidebar__clip{justify-content:flex-end}.chat-sidebar--collapsible .chat-sidebar__panel{transition:opacity .2s ease}.chat-sidebar--collapsed{width:0}.chat-sidebar--collapsed .chat-sidebar__panel{opacity:0}.chat-sidebar__toggle{align-items:center;background:#fff;border:.5px solid #e5e5e5;border-radius:8px;box-shadow:0 1px 2px rgba(16,24,40,.06);cursor:pointer;display:flex;height:44px;justify-content:center;padding:0;position:absolute;top:50%;transition:transform .26s cubic-bezier(.2,.8,.2,1),background-color .12s ease;width:20px;z-index:20}.chat-sidebar__toggle:hover{background:#fafafa}.chat-sidebar--right .chat-sidebar__toggle{left:0;transform:translate(-50%,-50%)}.chat-sidebar--right.chat-sidebar--collapsed .chat-sidebar__toggle{transform:translate(-100%,-50%)}.chat-sidebar--left .chat-sidebar__toggle{right:0;transform:translate(50%,-50%)}.chat-sidebar--left.chat-sidebar--collapsed .chat-sidebar__toggle{transform:translate(100%,-50%)}@media (prefers-reduced-motion:reduce){.chat-sidebar__clip,.chat-sidebar__panel,.chat-sidebar__toggle{transition:none}}
 </style>

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

@@ -1,22 +1,33 @@
 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/runtime-core").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").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/runtime-core").PublicProps, Readonly<__VLS_Props> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:conversationId"?: ((value: string | null) => any) | undefined;
 }>, {
     hideSettings: boolean;
     hideSidebar: boolean;
     initialConversationId: string | null;
-}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, 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,13 +1,23 @@
 import { type ChatActionPayload } from '../../messages/composables/chat-action.js';
 import { type MessageFeedbackPayload } from '../../messages/composables/chat-feedback.js';
-declare const __VLS_export: import("@vue/runtime-core").DefineComponent<import("../types.js").DefaultChatEmbedProps | import("../types.js").TelaAgentChatEmbedProps, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").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;
-}, string, import("@vue/runtime-core").PublicProps, Readonly<import("../types.js").DefaultChatEmbedProps | import("../types.js").TelaAgentChatEmbedProps> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<import("../types.js").DefaultChatEmbedProps | import("../types.js").TelaAgentChatEmbedProps> & Readonly<{
     "onUpdate:conversationId"?: ((value: string | null) => any) | undefined;
     onMessageFeedback?: ((payload: MessageFeedbackPayload) => any) | undefined;
     onAction?: ((payload: ChatActionPayload) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, 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,13 +1,23 @@
 import { type ChatActionPayload } from '../../messages/composables/chat-action.js';
 import { type MessageFeedbackPayload } from '../../messages/composables/chat-feedback.js';
-declare const __VLS_export: import("@vue/runtime-core").DefineComponent<import("../types.js").DefaultChatEmbedProps | import("../types.js").TelaAgentChatEmbedProps, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").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;
-}, string, import("@vue/runtime-core").PublicProps, Readonly<import("../types.js").DefaultChatEmbedProps | import("../types.js").TelaAgentChatEmbedProps> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<import("../types.js").DefaultChatEmbedProps | import("../types.js").TelaAgentChatEmbedProps> & Readonly<{
     "onUpdate:conversationId"?: ((value: string | null) => any) | undefined;
     onMessageFeedback?: ((payload: MessageFeedbackPayload) => any) | undefined;
     onAction?: ((payload: ChatActionPayload) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, 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-topbar.d.vue.ts

@@ -14,30 +14,30 @@ type __VLS_Props = {
     showUsageTab?: boolean;
     showDebugOption?: boolean;
 };
-declare const __VLS_export: import("@vue/runtime-core").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {} & {
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     delete: () => any;
     rename: () => any;
     duplicate: () => any;
     export: () => any;
     copyLink: () => any;
     debug: () => any;
-    tabChange: (tab: "files" | "usage" | "chat") => any;
+    tabChange: (tab: TopbarTab) => any;
     cancelEditing: () => any;
     saveTitle: () => any;
     "update:editTitle": (value: string) => any;
     "update:isEditing": (value: boolean) => any;
-}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onDelete?: (() => any) | undefined;
     onRename?: (() => any) | undefined;
     onDuplicate?: (() => any) | undefined;
     onExport?: (() => any) | undefined;
     onCopyLink?: (() => any) | undefined;
     onDebug?: (() => any) | undefined;
-    onTabChange?: ((tab: "files" | "usage" | "chat") => any) | undefined;
+    onTabChange?: ((tab: TopbarTab) => any) | undefined;
     onCancelEditing?: (() => any) | undefined;
     onSaveTitle?: (() => any) | undefined;
     "onUpdate:editTitle"?: ((value: string) => any) | undefined;
     "onUpdate:isEditing"?: ((value: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -14,30 +14,30 @@ type __VLS_Props = {
     showUsageTab?: boolean;
     showDebugOption?: boolean;
 };
-declare const __VLS_export: import("@vue/runtime-core").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {} & {
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     delete: () => any;
     rename: () => any;
     duplicate: () => any;
     export: () => any;
     copyLink: () => any;
     debug: () => any;
-    tabChange: (tab: "files" | "usage" | "chat") => any;
+    tabChange: (tab: TopbarTab) => any;
     cancelEditing: () => any;
     saveTitle: () => any;
     "update:editTitle": (value: string) => any;
     "update:isEditing": (value: boolean) => any;
-}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onDelete?: (() => any) | undefined;
     onRename?: (() => any) | undefined;
     onDuplicate?: (() => any) | undefined;
     onExport?: (() => any) | undefined;
     onCopyLink?: (() => any) | undefined;
     onDebug?: (() => any) | undefined;
-    onTabChange?: ((tab: "files" | "usage" | "chat") => any) | undefined;
+    onTabChange?: ((tab: TopbarTab) => any) | undefined;
     onCancelEditing?: (() => any) | undefined;
     onSaveTitle?: (() => any) | undefined;
     "onUpdate:editTitle"?: ((value: string) => any) | undefined;
     "onUpdate:isEditing"?: ((value: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, 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.d.vue.ts

@@ -4,10 +4,10 @@ type __VLS_Props = {
     loading: boolean;
     creating: boolean;
 };
-declare const __VLS_export: import("@vue/runtime-core").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {} & {
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     create: () => any;
-}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onCreate?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, 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.d.ts

@@ -4,10 +4,10 @@ type __VLS_Props = {
     loading: boolean;
     creating: boolean;
 };
-declare const __VLS_export: import("@vue/runtime-core").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {} & {
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     create: () => any;
-}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onCreate?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,10 +1,10 @@
 type __VLS_Props = {
     searchQuery: string;
 };
-declare const __VLS_export: import("@vue/runtime-core").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {} & {
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:searchQuery": (value: string) => any;
-}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:searchQuery"?: ((value: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,10 +1,10 @@
 type __VLS_Props = {
     searchQuery: string;
 };
-declare const __VLS_export: import("@vue/runtime-core").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {} & {
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:searchQuery": (value: string) => any;
-}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:searchQuery"?: ((value: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -7,12 +7,12 @@ type __VLS_Props = {
     selectedIds: Set<string>;
     getProjectNameForWorkstation: (w: TelaWorkstation) => string;
 };
-declare const __VLS_export: import("@vue/runtime-core").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {} & {
-    toggle: (sourceId: string) => any;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:searchQuery": (value: string) => any;
-}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onToggle?: ((sourceId: string) => any) | undefined;
+    toggle: (sourceId: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:searchQuery"?: ((value: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
+    onToggle?: ((sourceId: string) => 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-knowledge-sources-tab.vue.d.ts

@@ -7,12 +7,12 @@ type __VLS_Props = {
     selectedIds: Set<string>;
     getProjectNameForWorkstation: (w: TelaWorkstation) => string;
 };
-declare const __VLS_export: import("@vue/runtime-core").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {} & {
-    toggle: (sourceId: string) => any;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:searchQuery": (value: string) => any;
-}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onToggle?: ((sourceId: string) => any) | undefined;
+    toggle: (sourceId: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:searchQuery"?: ((value: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
+    onToggle?: ((sourceId: string) => 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-mobile-shell.d.vue.ts

@@ -13,17 +13,17 @@ declare var __VLS_19: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_19) => any;
 };
-declare const __VLS_base: import("@vue/runtime-core").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {} & {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     close: () => any;
     back: () => any;
     save: () => any;
     selectTab: (value: string) => any;
-}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onClose?: (() => any) | undefined;
     onBack?: (() => any) | undefined;
     onSave?: (() => any) | undefined;
     onSelectTab?: ((value: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, 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;

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

@@ -13,17 +13,17 @@ declare var __VLS_19: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_19) => any;
 };
-declare const __VLS_base: import("@vue/runtime-core").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {} & {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     close: () => any;
     back: () => any;
     save: () => any;
     selectTab: (value: string) => any;
-}, string, import("@vue/runtime-core").PublicProps, Readonly<__VLS_Props> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onClose?: (() => any) | undefined;
     onBack?: (() => any) | undefined;
     onSave?: (() => any) | undefined;
     onSelectTab?: ((value: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, 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;

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>