@meistrari/chat-nuxt 1.7.0 → 1.8.0

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

@@ -0,0 +1,122 @@
+import type { DeepReadonly } from 'vue';
+import type { Conversation, ConversationFile, ConversationWithMessages, FileUploadInput, Message, ModelOption, TopbarTab } from '../../../../types/chat.js';
+import type { TelaAgentInputVariable } from '../../../../types/tela-agent.js';
+import type { WorkspaceSettings } from '../../../../types/workspace-settings-data.js';
+import type { ChatActor } from '../../../../utils/tela-chat.js';
+type __VLS_Props = {
+    currentConversation: 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: ModelOption;
+    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;
+    cancel: () => any;
+    rename: () => any;
+    duplicate: () => any;
+    export: () => any;
+    saveTitle: () => any;
+    send: (content: string, files: FileUploadInput[], model?: "claude-sonnet-4-5" | "claude-sonnet-4-6" | "claude-haiku-4-5" | "claude-opus-4-5" | "claude-opus-4-6" | undefined, agentInputs?: ({
+        type: "file";
+        name: string;
+        vaultRef: string;
+        filename: string;
+        metadata?: string | undefined;
+    } | {
+        type: "text";
+        name: string;
+        content: string;
+    })[] | undefined) => any;
+    "update:model": (value: "claude-sonnet-4-5" | "claude-sonnet-4-6" | "claude-haiku-4-5" | "claude-opus-4-5" | "claude-opus-4-6") => any;
+    settings: () => any;
+    "update:editTitle": (value: string) => any;
+    cancelEditing: () => any;
+    copyLink: () => any;
+    debug: () => any;
+    tabChange: (tab: TopbarTab) => any;
+    newConversation: () => any;
+    switchWorkspace: () => any;
+    signout: () => any;
+    dismissOutdatedBanner: () => any;
+    selectConversation: (id: string) => any;
+    "update:drawerOpen": (value: boolean) => any;
+    "update:workspaceSheetOpen": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onDelete?: (() => any) | undefined;
+    onCancel?: (() => any) | undefined;
+    onRename?: (() => any) | undefined;
+    onDuplicate?: (() => any) | undefined;
+    onExport?: (() => any) | undefined;
+    onSaveTitle?: (() => any) | undefined;
+    onSend?: ((content: string, files: FileUploadInput[], model?: "claude-sonnet-4-5" | "claude-sonnet-4-6" | "claude-haiku-4-5" | "claude-opus-4-5" | "claude-opus-4-6" | undefined, agentInputs?: ({
+        type: "file";
+        name: string;
+        vaultRef: string;
+        filename: string;
+        metadata?: string | undefined;
+    } | {
+        type: "text";
+        name: string;
+        content: string;
+    })[] | undefined) => any) | undefined;
+    "onUpdate:model"?: ((value: "claude-sonnet-4-5" | "claude-sonnet-4-6" | "claude-haiku-4-5" | "claude-opus-4-5" | "claude-opus-4-6") => any) | undefined;
+    onSettings?: (() => any) | undefined;
+    "onUpdate:editTitle"?: ((value: string) => any) | undefined;
+    onCancelEditing?: (() => any) | undefined;
+    onCopyLink?: (() => any) | undefined;
+    onDebug?: (() => any) | undefined;
+    onTabChange?: ((tab: TopbarTab) => any) | undefined;
+    onNewConversation?: (() => any) | undefined;
+    onSwitchWorkspace?: (() => any) | undefined;
+    onSignout?: (() => any) | undefined;
+    onDismissOutdatedBanner?: (() => any) | undefined;
+    onSelectConversation?: ((id: string) => any) | undefined;
+    "onUpdate:drawerOpen"?: ((value: boolean) => 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/components/chat/mobile/shell/shell.vue

@@ -0,0 +1,283 @@
+<script setup>
+import ChatMessageInput from "../../message-input.vue";
+import ChatMobileFilesView from "../files/files-view.vue";
+import ChatMobileHomeHeader from "../home/header.vue";
+import ChatMobileHomeRecents from "../home/recents.vue";
+import ChatMobileHomeSuggestions from "../home/suggestions.vue";
+import ChatMobileBottomSheet from "../primitives/bottom-sheet.vue";
+import ChatMobileUsageView from "../usage/usage-view.vue";
+import ChatMobileDrawer from "./drawer.vue";
+import ChatMobileHeader from "./header.vue";
+import ChatMobileOutdatedSettingsSheet from "./outdated-settings-sheet.vue";
+import ChatMobileWorkspaceSheet from "./workspace-sheet.vue";
+const props = defineProps({
+  currentConversation: { type: [Object, null], required: true },
+  displayTitle: { type: String, required: true },
+  conversationCreator: { type: [Object, null], required: false },
+  currentUser: { type: [Object, null], required: false },
+  activeTab: { type: String, 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')"
+    />
+
+    <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/components/chat/mobile/shell/shell.vue.d.ts

@@ -0,0 +1,122 @@
+import type { DeepReadonly } from 'vue';
+import type { Conversation, ConversationFile, ConversationWithMessages, FileUploadInput, Message, ModelOption, TopbarTab } from '../../../../types/chat.js';
+import type { TelaAgentInputVariable } from '../../../../types/tela-agent.js';
+import type { WorkspaceSettings } from '../../../../types/workspace-settings-data.js';
+import type { ChatActor } from '../../../../utils/tela-chat.js';
+type __VLS_Props = {
+    currentConversation: 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: ModelOption;
+    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;
+    cancel: () => any;
+    rename: () => any;
+    duplicate: () => any;
+    export: () => any;
+    saveTitle: () => any;
+    send: (content: string, files: FileUploadInput[], model?: "claude-sonnet-4-5" | "claude-sonnet-4-6" | "claude-haiku-4-5" | "claude-opus-4-5" | "claude-opus-4-6" | undefined, agentInputs?: ({
+        type: "file";
+        name: string;
+        vaultRef: string;
+        filename: string;
+        metadata?: string | undefined;
+    } | {
+        type: "text";
+        name: string;
+        content: string;
+    })[] | undefined) => any;
+    "update:model": (value: "claude-sonnet-4-5" | "claude-sonnet-4-6" | "claude-haiku-4-5" | "claude-opus-4-5" | "claude-opus-4-6") => any;
+    settings: () => any;
+    "update:editTitle": (value: string) => any;
+    cancelEditing: () => any;
+    copyLink: () => any;
+    debug: () => any;
+    tabChange: (tab: TopbarTab) => any;
+    newConversation: () => any;
+    switchWorkspace: () => any;
+    signout: () => any;
+    dismissOutdatedBanner: () => any;
+    selectConversation: (id: string) => any;
+    "update:drawerOpen": (value: boolean) => any;
+    "update:workspaceSheetOpen": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onDelete?: (() => any) | undefined;
+    onCancel?: (() => any) | undefined;
+    onRename?: (() => any) | undefined;
+    onDuplicate?: (() => any) | undefined;
+    onExport?: (() => any) | undefined;
+    onSaveTitle?: (() => any) | undefined;
+    onSend?: ((content: string, files: FileUploadInput[], model?: "claude-sonnet-4-5" | "claude-sonnet-4-6" | "claude-haiku-4-5" | "claude-opus-4-5" | "claude-opus-4-6" | undefined, agentInputs?: ({
+        type: "file";
+        name: string;
+        vaultRef: string;
+        filename: string;
+        metadata?: string | undefined;
+    } | {
+        type: "text";
+        name: string;
+        content: string;
+    })[] | undefined) => any) | undefined;
+    "onUpdate:model"?: ((value: "claude-sonnet-4-5" | "claude-sonnet-4-6" | "claude-haiku-4-5" | "claude-opus-4-5" | "claude-opus-4-6") => any) | undefined;
+    onSettings?: (() => any) | undefined;
+    "onUpdate:editTitle"?: ((value: string) => any) | undefined;
+    onCancelEditing?: (() => any) | undefined;
+    onCopyLink?: (() => any) | undefined;
+    onDebug?: (() => any) | undefined;
+    onTabChange?: ((tab: TopbarTab) => any) | undefined;
+    onNewConversation?: (() => any) | undefined;
+    onSwitchWorkspace?: (() => any) | undefined;
+    onSignout?: (() => any) | undefined;
+    onDismissOutdatedBanner?: (() => any) | undefined;
+    onSelectConversation?: ((id: string) => any) | undefined;
+    "onUpdate:drawerOpen"?: ((value: boolean) => 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/components/chat/mobile/shell/workspace-sheet.d.vue.ts

@@ -0,0 +1,19 @@
+type __VLS_Props = {
+    open: boolean;
+    workspaceName?: string;
+    workspaceLogo?: string;
+    workspaceSubtitle?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: () => void;
+    settings: () => void;
+    switchWorkspace: () => void;
+    signout: () => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: (() => any) | undefined;
+    onSettings?: (() => any) | undefined;
+    onSwitchWorkspace?: (() => any) | undefined;
+    onSignout?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/chat/mobile/shell/workspace-sheet.vue

@@ -0,0 +1,51 @@
+<script setup>
+import ChatMobileBottomSheet from "../primitives/bottom-sheet.vue";
+const props = defineProps({
+  open: { type: Boolean, required: true },
+  workspaceName: { type: String, required: false },
+  workspaceLogo: { type: String, required: false },
+  workspaceSubtitle: { type: String, required: false }
+});
+const emit = defineEmits(["close", "settings", "switchWorkspace", "signout"]);
+const initial = computed(() => (props.workspaceName ?? "M").charAt(0).toUpperCase());
+function pick(action) {
+  emit(action);
+  emit("close");
+}
+</script>
+
+<template>
+    <ChatMobileBottomSheet :open="open" @close="emit('close')">
+        <div class="identity-row">
+            <div class="ws-tile">
+                <img v-if="workspaceLogo" :src="workspaceLogo" :alt="workspaceName ?? ''" class="ws-tile__img">
+                <span v-else>{{ initial }}</span>
+            </div>
+            <div flex="~ col" gap-2px min-w-0 flex-1>
+                <span class="ws-name">{{ workspaceName ?? "Workspace" }}</span>
+                <span class="ws-subtitle">{{ workspaceSubtitle ?? "Workspace pessoal" }}</span>
+            </div>
+        </div>
+
+        <div class="menu">
+            <button class="menu__item" @click="pick('settings')">
+                <span i-ph-gear-six class="menu__icon" />
+                <span class="menu__label">Configurações</span>
+            </button>
+            <div class="menu__divider" />
+            <button class="menu__item" @click="pick('switchWorkspace')">
+                <span i-ph-arrows-left-right class="menu__icon" />
+                <span class="menu__label">Trocar Workspace</span>
+            </button>
+            <div class="menu__divider" />
+            <button class="menu__item" @click="pick('signout')">
+                <span i-ph-sign-out class="menu__icon" />
+                <span class="menu__label">Sair</span>
+            </button>
+        </div>
+    </ChatMobileBottomSheet>
+</template>
+
+<style scoped>
+.identity-row{align-items:center;border-bottom:.5px solid #f5f5f5;display:flex;gap:12px;padding:8px 18px 14px}.ws-tile{align-items:center;background:#171717;border-radius:8px;color:#fff;display:inline-flex;flex-shrink:0;font-size:16px;font-weight:580;height:40px;justify-content:center;overflow:hidden;width:40px}.ws-tile__img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.ws-name{color:#171717;font-size:14px;font-weight:580;letter-spacing:-.15px;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-subtitle{color:#a3a3a3;font-size:12px;line-height:16px}.menu{padding-bottom:18px}.menu__item{align-items:center;background:transparent;color:#171717;display:flex;gap:14px;padding:14px 18px;transition:background .12s;width:100%}.menu__item:active{background:#f5f5f5}.menu__icon{color:#404040;font-size:20px}.menu__label{color:#171717;font-size:15px;font-weight:500;line-height:20px}.menu__divider{background:#f5f5f5;height:.5px;margin:0 18px}
+</style>

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

@@ -0,0 +1,19 @@
+type __VLS_Props = {
+    open: boolean;
+    workspaceName?: string;
+    workspaceLogo?: string;
+    workspaceSubtitle?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: () => void;
+    settings: () => void;
+    switchWorkspace: () => void;
+    signout: () => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: (() => any) | undefined;
+    onSettings?: (() => any) | undefined;
+    onSwitchWorkspace?: (() => any) | undefined;
+    onSignout?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/chat/mobile/usage/usage-view.d.vue.ts

@@ -0,0 +1,8 @@
+type __VLS_Props = {
+    conversationId: string;
+    createdAt?: string | Date;
+    updatedAt?: string | Date;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;