@meistrari/chat-nuxt 1.13.0 → 2.0.0

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

@@ -0,0 +1,14 @@
+import type { DeepReadonly } from 'vue';
+import type { Conversation } from '../../../types/schemas/chat/conversations.js';
+type __VLS_Props = {
+    conversations: DeepReadonly<Conversation[]>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    select: (id: string) => any;
+    seeAll: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((id: string) => any) | undefined;
+    onSeeAll?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/embed/components/mobile/chat-mobile-outdated-settings-sheet.vue

@@ -0,0 +1,47 @@
+<script setup>
+import ChatMobileBottomSheet from "./chat-mobile-bottom-sheet.vue";
+defineProps({
+  open: { type: Boolean, required: true }
+});
+const emit = defineEmits(["close", "dismiss", "newConversation"]);
+</script>
+
+<template>
+    <ChatMobileBottomSheet
+        :open="open"
+        @close="emit('close')"
+    >
+        <div class="outdated-sheet">
+            <div class="outdated-sheet__icon">
+                <span i-ph-warning text-20px />
+            </div>
+
+            <div class="outdated-sheet__copy">
+                <h2>Configurações do workspace mudaram</h2>
+                <p>Esta conversa usa configurações antigas. Inicie uma nova conversa para aplicar as atualizações.</p>
+            </div>
+
+            <div class="outdated-sheet__actions">
+                <button
+                    type="button"
+                    class="outdated-sheet__button outdated-sheet__button--primary"
+                    @click="emit('newConversation')"
+                >
+                    <span i-ph-plus text-16px />
+                    <span>Iniciar nova conversa</span>
+                </button>
+                <button
+                    type="button"
+                    class="outdated-sheet__button outdated-sheet__button--ghost"
+                    @click="emit('dismiss')"
+                >
+                    Agora não
+                </button>
+            </div>
+        </div>
+    </ChatMobileBottomSheet>
+</template>
+
+<style scoped>
+.outdated-sheet{display:flex;flex-direction:column;gap:16px;padding:16px 18px 18px}.outdated-sheet__icon{align-items:center;background:#fff1d8;border-radius:14px;color:#171717;display:flex;height:40px;justify-content:center;width:40px}.outdated-sheet__copy{display:flex;flex-direction:column;gap:6px}.outdated-sheet__copy h2{color:#171717;font-size:18px;font-weight:580;letter-spacing:-.2px;line-height:22px;margin:0}.outdated-sheet__copy p{color:#737373;font-size:14px;line-height:19px;margin:0}.outdated-sheet__actions{display:flex;flex-direction:column;gap:8px}.outdated-sheet__button{align-items:center;border-radius:12px;display:flex;font-size:15px;font-weight:580;gap:8px;justify-content:center;line-height:20px;min-height:44px;padding:12px 14px;transition:background .15s,opacity .15s;width:100%}.outdated-sheet__button--primary{background:#171717;color:#fff}.outdated-sheet__button--primary:active{opacity:.88}.outdated-sheet__button--ghost{background:transparent;color:#404040}.outdated-sheet__button--ghost:active{background:#f5f5f5}
+</style>

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

@@ -0,0 +1,105 @@
+import type { DeepReadonly } from 'vue';
+import type { Conversation, ConversationWithMessages, Message } from '../../../types/schemas/chat/conversations.js';
+import type { ConversationFile } from '../../../types/schemas/chat/files.js';
+import type { ChatModel } from '../../../types/schemas/chat/models.js';
+import type { TopbarTab } from '../../../types/schemas/chat/ui.js';
+import type { WorkspaceSettingsResponse as WorkspaceSettings } from '../../../types/schemas/chat/workspace-settings.js';
+import type { TelaAgentInputVariable } from '../../../types/schemas/integrations/tela-agent-api.js';
+import type { ChatActor } from '../../types.js';
+type __VLS_Props = {
+    currentConversation: DeepReadonly<ConversationWithMessages> | null;
+    displayTitle: string;
+    conversationCreator?: ChatActor | null;
+    currentUser?: ChatActor | null;
+    activeTab: TopbarTab;
+    activeConversationId: string | null;
+    allowModelSelection?: boolean;
+    agentInputSchema?: readonly TelaAgentInputVariable[] | null;
+    agentInputSchemaLoading?: boolean;
+    conversations: DeepReadonly<Conversation[]>;
+    conversationsLoading?: boolean;
+    conversationFiles: ConversationFile[];
+    drawerOpen: boolean;
+    editTitle: string;
+    filesCount: number;
+    generatingTitle?: boolean;
+    hasMessages: boolean;
+    hasPendingMessage?: boolean;
+    hideSettings?: boolean;
+    hideSidebar?: boolean;
+    isEditing: boolean;
+    loading?: boolean;
+    messages: Message[];
+    model: ChatModel;
+    showCancelButton?: boolean;
+    showDebugOption?: boolean;
+    showModelSelector?: boolean;
+    showOutdatedBadge?: boolean;
+    showOutdatedBanner?: boolean;
+    showUsageTab?: boolean;
+    workspaceLogo?: string;
+    workspaceName: string;
+    workspaceSettings?: DeepReadonly<WorkspaceSettings> | null;
+    workspaceSheetOpen: boolean;
+};
+declare var __VLS_54: {}, __VLS_99: {}, __VLS_101: {};
+type __VLS_Slots = {} & {
+    loading?: (props: typeof __VLS_54) => any;
+} & {
+    empty?: (props: typeof __VLS_99) => any;
+} & {
+    default?: (props: typeof __VLS_101) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    delete: () => any;
+    rename: () => any;
+    duplicate: () => any;
+    export: () => any;
+    copyLink: () => any;
+    selectConversation: (id: string) => any;
+    cancel: () => any;
+    send: (content: string, files: FileUploadInput[], model?: any, agentInputs?: TelaAgentExecutionInput[] | undefined) => any;
+    settings: () => any;
+    "update:model": (value: ChatModel) => any;
+    debug: () => any;
+    tabChange: (tab: TopbarTab) => any;
+    newConversation: (groupId?: string | null | undefined) => any;
+    switchWorkspace: () => any;
+    signout: () => any;
+    cancelEditing: () => any;
+    dismissOutdatedBanner: () => any;
+    saveTitle: () => any;
+    "update:drawerOpen": (value: boolean) => any;
+    "update:editTitle": (value: string) => any;
+    "update:workspaceSheetOpen": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onDelete?: (() => any) | undefined;
+    onRename?: (() => any) | undefined;
+    onDuplicate?: (() => any) | undefined;
+    onExport?: (() => any) | undefined;
+    onCopyLink?: (() => any) | undefined;
+    onSelectConversation?: ((id: string) => any) | undefined;
+    onCancel?: (() => any) | undefined;
+    onSend?: ((content: string, files: FileUploadInput[], model?: any, agentInputs?: TelaAgentExecutionInput[] | undefined) => any) | undefined;
+    onSettings?: (() => any) | undefined;
+    "onUpdate:model"?: ((value: ChatModel) => any) | undefined;
+    onDebug?: (() => any) | undefined;
+    onTabChange?: ((tab: TopbarTab) => any) | undefined;
+    onNewConversation?: ((groupId?: string | null | undefined) => any) | undefined;
+    onSwitchWorkspace?: (() => any) | undefined;
+    onSignout?: (() => any) | undefined;
+    onCancelEditing?: (() => any) | undefined;
+    onDismissOutdatedBanner?: (() => any) | undefined;
+    onSaveTitle?: (() => any) | undefined;
+    "onUpdate:drawerOpen"?: ((value: boolean) => any) | undefined;
+    "onUpdate:editTitle"?: ((value: string) => any) | undefined;
+    "onUpdate:workspaceSheetOpen"?: ((value: boolean) => 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/mobile/chat-mobile-shell.vue

@@ -0,0 +1,283 @@
+<script setup>
+import ChatMessageInput from "../../../messages/components/chat-message-input.vue";
+import ChatMobileFilesView from "./chat-mobile-files-view.vue";
+import ChatMobileHomeHeader from "./chat-mobile-home-header.vue";
+import ChatMobileHomeRecents from "./chat-mobile-home-recents.vue";
+import ChatMobileHomeSuggestions from "./chat-mobile-home-suggestions.vue";
+import ChatMobileBottomSheet from "./chat-mobile-bottom-sheet.vue";
+import ChatMobileUsageView from "./chat-mobile-usage-view.vue";
+import ChatMobileDrawer from "./chat-mobile-drawer.vue";
+import ChatMobileHeader from "./chat-mobile-header.vue";
+import ChatMobileOutdatedSettingsSheet from "./chat-mobile-outdated-settings-sheet.vue";
+import ChatMobileWorkspaceSheet from "./chat-mobile-workspace-sheet.vue";
+const props = defineProps({
+  currentConversation: { type: null, required: true },
+  displayTitle: { type: String, required: true },
+  conversationCreator: { type: [Object, null], required: false },
+  currentUser: { type: [Object, null], required: false },
+  activeTab: { type: null, required: true },
+  activeConversationId: { type: [String, null], required: true },
+  allowModelSelection: { type: Boolean, required: false },
+  agentInputSchema: { type: [Array, null], required: false },
+  agentInputSchemaLoading: { type: Boolean, required: false },
+  conversations: { type: null, required: true },
+  conversationsLoading: { type: Boolean, required: false },
+  conversationFiles: { type: Array, required: true },
+  drawerOpen: { type: Boolean, required: true },
+  editTitle: { type: String, required: true },
+  filesCount: { type: Number, required: true },
+  generatingTitle: { type: Boolean, required: false },
+  hasMessages: { type: Boolean, required: true },
+  hasPendingMessage: { type: Boolean, required: false },
+  hideSettings: { type: Boolean, required: false },
+  hideSidebar: { type: Boolean, required: false },
+  isEditing: { type: Boolean, required: true },
+  loading: { type: Boolean, required: false },
+  messages: { type: Array, required: true },
+  model: { type: null, required: true },
+  showCancelButton: { type: Boolean, required: false },
+  showDebugOption: { type: Boolean, required: false },
+  showModelSelector: { type: Boolean, required: false },
+  showOutdatedBadge: { type: Boolean, required: false },
+  showOutdatedBanner: { type: Boolean, required: false },
+  showUsageTab: { type: Boolean, required: false },
+  workspaceLogo: { type: String, required: false },
+  workspaceName: { type: String, required: true },
+  workspaceSettings: { type: null, required: false },
+  workspaceSheetOpen: { type: Boolean, required: true }
+});
+const emit = defineEmits(["cancel", "cancelEditing", "copyLink", "debug", "delete", "dismissOutdatedBanner", "duplicate", "export", "newConversation", "rename", "saveTitle", "selectConversation", "send", "settings", "signout", "switchWorkspace", "tabChange", "update:drawerOpen", "update:editTitle", "update:model", "update:workspaceSheetOpen"]);
+const renameInputRef = ref(null);
+const homeInputRef = ref(null);
+const outdatedSettingsSheetOpen = ref(false);
+const showConversationHistory = computed(() => !props.hideSidebar);
+const showWorkspaceSettings = computed(() => !props.hideSettings);
+const editTitleModel = computed({
+  get: () => props.editTitle,
+  set: (value) => emit("update:editTitle", value)
+});
+const selectedModel = computed({
+  get: () => props.model,
+  set: (value) => emit("update:model", value)
+});
+watch(() => props.isEditing, async (editing) => {
+  if (!editing)
+    return;
+  await nextTick();
+  renameInputRef.value?.focus();
+  renameInputRef.value?.select();
+});
+watch(() => props.showOutdatedBanner, (show) => {
+  if (show) {
+    outdatedSettingsSheetOpen.value = true;
+  }
+}, { immediate: true });
+watch(showConversationHistory, (show) => {
+  if (!show && props.drawerOpen)
+    setDrawerOpen(false);
+});
+watch(showWorkspaceSettings, (show) => {
+  if (!show && props.workspaceSheetOpen)
+    setWorkspaceSheetOpen(false);
+});
+function setDrawerOpen(open) {
+  if (open && !showConversationHistory.value)
+    return;
+  emit("update:drawerOpen", open);
+}
+function setWorkspaceSheetOpen(open) {
+  if (open && !showWorkspaceSettings.value)
+    return;
+  emit("update:workspaceSheetOpen", open);
+}
+function applySuggestion(label) {
+  homeInputRef.value?.setDraft(label);
+}
+function handleSeeAllConversations() {
+  if (!showConversationHistory.value)
+    return;
+  setDrawerOpen(true);
+}
+function openOutdatedSettingsSheet() {
+  outdatedSettingsSheetOpen.value = true;
+}
+function dismissOutdatedSettingsSheet() {
+  outdatedSettingsSheetOpen.value = false;
+  emit("dismissOutdatedBanner");
+}
+function startNewConversationFromOutdatedSettings() {
+  outdatedSettingsSheetOpen.value = false;
+  emit("newConversation");
+}
+</script>
+
+<template>
+    <ChatMobileHeader
+        v-if="currentConversation"
+        :title="displayTitle"
+        :creator-name="conversationCreator?.name ?? void 0"
+        :creator-email="currentConversation.createdBy ?? void 0"
+        :creator-image="conversationCreator?.image ?? void 0"
+        :updated-at="currentConversation.updatedAt"
+        :generating-title="generatingTitle"
+        :files-count="filesCount"
+        :active-tab="activeTab"
+        :show-outdated-badge="showOutdatedBanner || showOutdatedBadge"
+        :show-usage-tab="showUsageTab"
+        :show-debug-option="showDebugOption"
+        :show-drawer-button="showConversationHistory"
+        @open-drawer="setDrawerOpen(true)"
+        @open-outdated-settings="openOutdatedSettingsSheet"
+        @rename="emit('rename')"
+        @duplicate="emit('duplicate')"
+        @export="emit('export')"
+        @copy-link="emit('copyLink')"
+        @debug="emit('debug')"
+        @delete="emit('delete')"
+        @tab-change="emit('tabChange', $event)"
+    />
+
+    <ChatMobileDrawer
+        v-if="showConversationHistory"
+        :open="drawerOpen"
+        :conversations="conversations"
+        :active-id="activeConversationId"
+        :loading="conversationsLoading"
+        :user-name="currentUser?.name ?? void 0"
+        :user-email="currentUser?.email ?? void 0"
+        :user-image="currentUser?.image ?? void 0"
+        @close="setDrawerOpen(false)"
+        @select="emit('selectConversation', $event)"
+        @new-convo="emit('newConversation', $event)"
+    />
+
+    <ChatMobileBottomSheet
+        :open="isEditing"
+        title="Renomear conversa"
+        @close="emit('cancelEditing')"
+    >
+        <div flex="~ col" gap-12px px-18px py-12px>
+            <input
+                ref="renameInputRef"
+                v-model="editTitleModel"
+                type="text"
+                class="rename-input"
+                placeholder="Nome da conversa"
+                @keydown.enter.prevent="emit('saveTitle')"
+                @keydown.escape.prevent="emit('cancelEditing')"
+            >
+            <div flex items-center justify-end gap-8px>
+                <button class="rename-btn rename-btn--ghost" @click="emit('cancelEditing')">
+                    Cancelar
+                </button>
+                <button class="rename-btn rename-btn--primary" :disabled="!editTitleModel.trim()" @click="emit('saveTitle')">
+                    Salvar
+                </button>
+            </div>
+        </div>
+    </ChatMobileBottomSheet>
+
+    <ChatMobileOutdatedSettingsSheet
+        :open="outdatedSettingsSheetOpen"
+        @close="dismissOutdatedSettingsSheet"
+        @dismiss="dismissOutdatedSettingsSheet"
+        @new-conversation="startNewConversationFromOutdatedSettings"
+    />
+
+    <template v-if="activeTab === 'files' && currentConversation">
+        <ChatMobileFilesView
+            :conversation-id="currentConversation.id"
+            @view-in-chat="emit('tabChange', 'chat')"
+        />
+    </template>
+
+    <template v-else-if="activeTab === 'usage' && showUsageTab && currentConversation">
+        <ChatMobileUsageView
+            :conversation-id="currentConversation.id"
+            :created-at="currentConversation.createdAt"
+            :updated-at="currentConversation.updatedAt"
+        />
+    </template>
+
+    <template v-else-if="loading">
+        <slot name="loading" />
+    </template>
+
+    <template v-else-if="!currentConversation">
+        <ChatMobileHomeHeader
+            :workspace-name="workspaceName"
+            :workspace-logo="workspaceLogo"
+            :workspace-initial="workspaceName"
+            :show-drawer-button="showConversationHistory"
+            :show-workspace-button="showWorkspaceSettings"
+            @open-drawer="setDrawerOpen(true)"
+            @open-workspace="setWorkspaceSheetOpen(true)"
+        />
+        <div flex="~ col 1" overflow-y-auto pt-54px min-h-0>
+            <div flex="~ col 1" justify-center>
+                <div px-20px pb-20px text-center>
+                    <h1 text-24px font-580 text-neutral-900 leading-28px tracking="-.4px">
+                        Olá, {{ currentUser?.name?.split(" ")[0] ?? "usu\xE1rio" }}
+                    </h1>
+                    <p text-14px text-neutral-500 leading-18px mt-6px>
+                        Como posso te ajudar hoje?
+                    </p>
+                </div>
+
+                <div px-14px pb-12px>
+                    <ChatMessageInput
+                        ref="homeInputRef"
+                        v-model:model="selectedModel"
+                        :disabled="hasPendingMessage"
+                        :loading="hasPendingMessage"
+                        :creator-name="currentUser?.name ?? void 0"
+                        :creator-email="currentUser?.email ?? void 0"
+                        :creator-image="currentUser?.image ?? void 0"
+                        :messages="messages"
+                        :conversation-files="conversationFiles"
+                        :workspace-settings="workspaceSettings"
+                        :allow-model-selection="allowModelSelection"
+                        :agent-input-schema="agentInputSchema"
+                        :agent-input-schema-loading="agentInputSchemaLoading"
+                        :show-model-selector="showModelSelector"
+                        :show-cancel-button="showCancelButton"
+                        centered
+                        @send="(content, files, model, agentInputs) => emit('send', content, files, model, agentInputs)"
+                        @cancel="emit('cancel')"
+                    />
+                </div>
+
+                <ChatMobileHomeSuggestions @pick="applySuggestion" />
+            </div>
+
+            <div v-if="showConversationHistory" mt-auto pt-12px pb-20px b-t=".5px solid #E8E8E8">
+                <ChatMobileHomeRecents
+                    :conversations="conversations"
+                    @select="emit('selectConversation', $event)"
+                    @see-all="handleSeeAllConversations"
+                />
+            </div>
+        </div>
+
+        <ChatMobileWorkspaceSheet
+            v-if="showWorkspaceSettings"
+            :open="workspaceSheetOpen"
+            :workspace-name="workspaceName"
+            :workspace-logo="workspaceLogo"
+            @close="setWorkspaceSheetOpen(false)"
+            @settings="emit('settings')"
+            @switch-workspace="emit('switchWorkspace')"
+            @signout="emit('signout')"
+        />
+    </template>
+
+    <template v-else-if="!hasMessages">
+        <slot name="empty" />
+    </template>
+
+    <slot v-else />
+</template>
+
+<style scoped>
+.rename-input{background:#fff;border:.5px solid #d9d9d9;border-radius:10px;color:#171717;font-size:16px;letter-spacing:-.2px;line-height:20px;outline:none;padding:12px 14px;transition:border-color .15s;width:100%}.rename-input:focus{border-color:#171717}.rename-btn{border-radius:10px;font-size:14px;font-weight:500;letter-spacing:-.15px;line-height:18px;padding:9px 14px;transition:background .12s,opacity .12s}.rename-btn--ghost{background:transparent;color:#171717}.rename-btn--ghost:active{background:#f5f5f5}.rename-btn--primary{background:#171717;color:#fff}.rename-btn--primary:disabled{opacity:.4}
+</style>

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

@@ -0,0 +1,105 @@
+import type { DeepReadonly } from 'vue';
+import type { Conversation, ConversationWithMessages, Message } from '../../../types/schemas/chat/conversations.js';
+import type { ConversationFile } from '../../../types/schemas/chat/files.js';
+import type { ChatModel } from '../../../types/schemas/chat/models.js';
+import type { TopbarTab } from '../../../types/schemas/chat/ui.js';
+import type { WorkspaceSettingsResponse as WorkspaceSettings } from '../../../types/schemas/chat/workspace-settings.js';
+import type { TelaAgentInputVariable } from '../../../types/schemas/integrations/tela-agent-api.js';
+import type { ChatActor } from '../../types.js';
+type __VLS_Props = {
+    currentConversation: DeepReadonly<ConversationWithMessages> | null;
+    displayTitle: string;
+    conversationCreator?: ChatActor | null;
+    currentUser?: ChatActor | null;
+    activeTab: TopbarTab;
+    activeConversationId: string | null;
+    allowModelSelection?: boolean;
+    agentInputSchema?: readonly TelaAgentInputVariable[] | null;
+    agentInputSchemaLoading?: boolean;
+    conversations: DeepReadonly<Conversation[]>;
+    conversationsLoading?: boolean;
+    conversationFiles: ConversationFile[];
+    drawerOpen: boolean;
+    editTitle: string;
+    filesCount: number;
+    generatingTitle?: boolean;
+    hasMessages: boolean;
+    hasPendingMessage?: boolean;
+    hideSettings?: boolean;
+    hideSidebar?: boolean;
+    isEditing: boolean;
+    loading?: boolean;
+    messages: Message[];
+    model: ChatModel;
+    showCancelButton?: boolean;
+    showDebugOption?: boolean;
+    showModelSelector?: boolean;
+    showOutdatedBadge?: boolean;
+    showOutdatedBanner?: boolean;
+    showUsageTab?: boolean;
+    workspaceLogo?: string;
+    workspaceName: string;
+    workspaceSettings?: DeepReadonly<WorkspaceSettings> | null;
+    workspaceSheetOpen: boolean;
+};
+declare var __VLS_54: {}, __VLS_99: {}, __VLS_101: {};
+type __VLS_Slots = {} & {
+    loading?: (props: typeof __VLS_54) => any;
+} & {
+    empty?: (props: typeof __VLS_99) => any;
+} & {
+    default?: (props: typeof __VLS_101) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    delete: () => any;
+    rename: () => any;
+    duplicate: () => any;
+    export: () => any;
+    copyLink: () => any;
+    selectConversation: (id: string) => any;
+    cancel: () => any;
+    send: (content: string, files: FileUploadInput[], model?: any, agentInputs?: TelaAgentExecutionInput[] | undefined) => any;
+    settings: () => any;
+    "update:model": (value: ChatModel) => any;
+    debug: () => any;
+    tabChange: (tab: TopbarTab) => any;
+    newConversation: (groupId?: string | null | undefined) => any;
+    switchWorkspace: () => any;
+    signout: () => any;
+    cancelEditing: () => any;
+    dismissOutdatedBanner: () => any;
+    saveTitle: () => any;
+    "update:drawerOpen": (value: boolean) => any;
+    "update:editTitle": (value: string) => any;
+    "update:workspaceSheetOpen": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onDelete?: (() => any) | undefined;
+    onRename?: (() => any) | undefined;
+    onDuplicate?: (() => any) | undefined;
+    onExport?: (() => any) | undefined;
+    onCopyLink?: (() => any) | undefined;
+    onSelectConversation?: ((id: string) => any) | undefined;
+    onCancel?: (() => any) | undefined;
+    onSend?: ((content: string, files: FileUploadInput[], model?: any, agentInputs?: TelaAgentExecutionInput[] | undefined) => any) | undefined;
+    onSettings?: (() => any) | undefined;
+    "onUpdate:model"?: ((value: ChatModel) => any) | undefined;
+    onDebug?: (() => any) | undefined;
+    onTabChange?: ((tab: TopbarTab) => any) | undefined;
+    onNewConversation?: ((groupId?: string | null | undefined) => any) | undefined;
+    onSwitchWorkspace?: (() => any) | undefined;
+    onSignout?: (() => any) | undefined;
+    onCancelEditing?: (() => any) | undefined;
+    onDismissOutdatedBanner?: (() => any) | undefined;
+    onSaveTitle?: (() => any) | undefined;
+    "onUpdate:drawerOpen"?: ((value: boolean) => any) | undefined;
+    "onUpdate:editTitle"?: ((value: string) => any) | undefined;
+    "onUpdate:workspaceSheetOpen"?: ((value: boolean) => 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;
+    };
+};