@meistrari/chat-nuxt 1.13.0 → 2.0.0

package/dist/runtime/components/chat/mobile/shell/header.vue

@@ -1,139 +0,0 @@
-<script setup>
-import { formatRelativeTime } from "../../../../utils/format-time";
-import { capitalizeFirst } from "../../../../utils/string";
-const props = defineProps({
-  title: { type: String, required: true },
-  creatorName: { type: String, required: false },
-  creatorEmail: { type: String, required: false },
-  creatorImage: { type: String, required: false },
-  updatedAt: { type: [String, Date], required: true },
-  generatingTitle: { type: Boolean, required: false },
-  filesCount: { type: Number, required: false },
-  activeTab: { type: String, required: false },
-  showOutdatedBadge: { type: Boolean, required: false },
-  showUsageTab: { type: Boolean, required: false },
-  showDebugOption: { type: Boolean, required: false },
-  showDrawerButton: { type: Boolean, required: false, default: true }
-});
-const emit = defineEmits(["openDrawer", "openOutdatedSettings", "rename", "duplicate", "export", "copyLink", "debug", "delete", "tabChange"]);
-const currentTab = computed(() => props.activeTab ?? "chat");
-const tabItems = computed(() => {
-  const items = [
-    { id: "chat", icon: "i-ph-chat-circle", label: "Chat" },
-    { id: "files", icon: "i-ph-folder", label: "Arquivos" }
-  ];
-  if (props.showUsageTab) {
-    items.push({ id: "usage", icon: "i-ph-chart-bar", label: "Uso" });
-  }
-  return items;
-});
-const headerMenuItems = computed(() => {
-  const items = [
-    { label: "Renomear", icon: "i-ph-pencil-simple", click: () => emit("rename") },
-    { label: "Duplicar", icon: "i-ph-copy", click: () => emit("duplicate") },
-    { label: "Exportar", icon: "i-ph-download-simple", click: () => emit("export") },
-    { label: "Copiar link", icon: "i-ph-link", click: () => emit("copyLink") }
-  ];
-  if (props.showDebugOption) {
-    items.push({ label: "Debug", icon: "i-ph-bug", click: () => emit("debug") });
-  }
-  items.push({ label: "Excluir", icon: "i-ph-trash", color: "negative", click: () => emit("delete") });
-  return items;
-});
-</script>
-
-<template>
-    <div
-        flex items-center gap-8px
-        px-10px pt-10px pb-8px
-        b-b=".5px solid rgba(0,0,0,0.08)"
-        bg-white
-        absolute top-0 right-0 left-0 z-10
-    >
-        <button
-            v-if="showDrawerButton"
-            flex items-center justify-center
-            w-32px h-32px rounded-8px
-            class="hover:bg-neutral-100 active:scale-94"
-            transition-all
-            aria-label="Abrir menu"
-            @click="emit('openDrawer')"
-        >
-            <span i-ph-list text-20px text-neutral-700 />
-        </button>
-
-        <div flex="~ col 1" gap-2px min-w-0>
-            <p
-                text-14px font-580 text-neutral-900 leading-18px tracking="-.15px"
-                truncate
-            >
-                {{ capitalizeFirst(title) }}<span v-if="generatingTitle" class="typing-cursor">|</span>
-            </p>
-            <div flex items-center gap-4px text-11px text-secondary leading-14px truncate>
-                <div w-12px h-12px rounded-full overflow-hidden flex-shrink-0>
-                    <img
-                        v-if="creatorImage"
-                        :src="creatorImage"
-                        :alt="creatorName ?? 'Usu\xE1rio'"
-                        w-full h-full object-cover
-                    >
-                    <div v-else w-full h-full bg-purple-500 flex items-center justify-center>
-                        <span text-7px text-white font-semibold>
-                            {{ (creatorName ?? creatorEmail ?? "U").charAt(0).toUpperCase() }}
-                        </span>
-                    </div>
-                </div>
-                <span truncate>
-                    {{ creatorName ?? creatorEmail ?? "Usu\xE1rio" }} · {{ formatRelativeTime(updatedAt) }}
-                </span>
-            </div>
-        </div>
-
-        <div
-            inline-flex items-center shrink-0
-            p-2px rounded-8px bg-neutral-100
-        >
-            <button
-                v-for="tab in tabItems"
-                :key="tab.id"
-                class="segmented-tab"
-                :class="{ 'segmented-tab--active': currentTab === tab.id }"
-                :aria-label="tab.label"
-                :title="tab.label"
-                @click="emit('tabChange', tab.id)"
-            >
-                <span :class="tab.icon" />
-            </button>
-        </div>
-
-        <button
-            v-if="showOutdatedBadge"
-            flex items-center justify-center shrink-0
-            w-28px h-28px rounded-8px
-            bg="#FFF1D8"
-            class="hover:bg-[#FFE9BE] active:scale-94"
-            transition-transform
-            aria-label="Configurações do workspace atualizadas"
-            title="Configurações do workspace atualizadas"
-            @click="emit('openOutdatedSettings')"
-        >
-            <span i-ph-warning text-14px text-neutral-800 />
-        </button>
-
-        <TelaDropdownMenu :items="headerMenuItems" align="end">
-            <button
-                flex items-center justify-center
-                w-32px h-32px rounded-8px
-                class="hover:bg-neutral-100"
-                transition-colors
-                aria-label="Mais opções"
-            >
-                <span i-ph-dots-three text-18px text-neutral-700 />
-            </button>
-        </TelaDropdownMenu>
-    </div>
-</template>
-
-<style scoped>
-.segmented-tab{align-items:center;background:transparent;border:.5px solid transparent;border-radius:6px;box-sizing:border-box;color:#a3a3a3;display:inline-flex;font-size:16px;height:24px;justify-content:center;line-height:0;padding:0;transition:background .15s,border-color .15s,box-shadow .15s,color .15s;width:28px}.segmented-tab--active{background:#fff;border-color:rgba(0,0,0,.06);box-shadow:0 1px 2px rgba(64,64,64,.04);color:#171717}.typing-cursor{animation:blink .7s infinite;color:#6b7280;font-weight:400}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}
-</style>

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

@@ -1,40 +0,0 @@
-import type { TopbarTab } from '../../../../types/chat.js';
-type __VLS_Props = {
-    title: string;
-    creatorName?: string;
-    creatorEmail?: string;
-    creatorImage?: string;
-    updatedAt: string | Date;
-    generatingTitle?: boolean;
-    filesCount?: number;
-    activeTab?: TopbarTab;
-    showOutdatedBadge?: boolean;
-    showUsageTab?: boolean;
-    showDebugOption?: boolean;
-    showDrawerButton?: boolean;
-};
-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: TopbarTab) => any;
-    openDrawer: () => any;
-    openOutdatedSettings: () => any;
-}, 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: TopbarTab) => any) | undefined;
-    onOpenDrawer?: (() => any) | undefined;
-    onOpenOutdatedSettings?: (() => any) | undefined;
-}>, {
-    showDrawerButton: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

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

@@ -1,47 +0,0 @@
-<script setup>
-import ChatMobileBottomSheet from "../primitives/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/components/chat/mobile/shell/shell.d.vue.ts

@@ -1,122 +0,0 @@
-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;
-    copyLink: () => any;
-    selectConversation: (id: string) => 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;
-    saveTitle: () => any;
-    cancelEditing: () => any;
-    debug: () => any;
-    tabChange: (tab: TopbarTab) => any;
-    newConversation: (groupId?: string | null | undefined) => any;
-    switchWorkspace: () => any;
-    signout: () => any;
-    dismissOutdatedBanner: () => 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;
-    onCopyLink?: (() => any) | undefined;
-    onSelectConversation?: ((id: string) => 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;
-    onSaveTitle?: (() => any) | undefined;
-    onCancelEditing?: (() => any) | undefined;
-    onDebug?: (() => any) | undefined;
-    onTabChange?: ((tab: TopbarTab) => any) | undefined;
-    onNewConversation?: ((groupId?: string | null | undefined) => any) | undefined;
-    onSwitchWorkspace?: (() => any) | undefined;
-    onSignout?: (() => any) | undefined;
-    onDismissOutdatedBanner?: (() => 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

@@ -1,283 +0,0 @@
-<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', $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>