@meistrari/chat-nuxt 1.13.0 → 2.0.0

package/dist/runtime/components/chat/message-input.vue.d.ts

@@ -1,62 +0,0 @@
-import type { ConversationFile, FileUploadInput, Message, ModelOption } from '../../types/chat.js';
-import type { DeepReadonly } from 'vue';
-import type { WorkspaceSettings } from '../../types/workspace-settings-data.js';
-import type { TelaAgentInputVariable } from '../../types/tela-agent.js';
-type __VLS_Props = {
-    disabled?: boolean;
-    loading?: boolean;
-    creatorName?: string;
-    creatorEmail?: string;
-    creatorImage?: string;
-    centered?: boolean;
-    hasDisclaimer?: boolean;
-    messages?: Message[];
-    conversationFiles?: ConversationFile[];
-    workspaceSettings?: DeepReadonly<WorkspaceSettings> | null;
-    allowModelSelection?: boolean;
-    agentInputSchema?: readonly TelaAgentInputVariable[] | null;
-    agentInputSchemaLoading?: boolean;
-    showModelSelector?: boolean;
-    showCancelButton?: boolean;
-};
-declare function addFiles(files: File[], inputName?: string): void;
-declare function setDraft(text: string): void;
-type __VLS_ModelProps = {
-    'model'?: ModelOption;
-};
-type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
-    addFiles: typeof addFiles;
-    setDraft: typeof setDraft;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:model": (value: "claude-sonnet-4-5" | "claude-sonnet-4-6" | "claude-haiku-4-5" | "claude-opus-4-5" | "claude-opus-4-6") => any;
-} & {
-    cancel: () => 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;
-}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    onCancel?: (() => 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;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/components/chat/message-list.d.vue.ts

@@ -1,12 +0,0 @@
-import type { Message } from '../../types/chat.js';
-type __VLS_Props = {
-    messages: readonly Message[];
-    loading?: boolean;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    retry: (messageId: string) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onRetry?: ((messageId: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/components/chat/message-list.vue.d.ts

@@ -1,12 +0,0 @@
-import type { Message } from '../../types/chat.js';
-type __VLS_Props = {
-    messages: readonly Message[];
-    loading?: boolean;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    retry: (messageId: string) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onRetry?: ((messageId: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/components/chat/mobile/files/file-preview.d.vue.ts

@@ -1,11 +0,0 @@
-import type { ConversationFile } from '#chat-runtime/types/chat';
-type __VLS_Props = {
-    file: ConversationFile | null;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    close: () => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onClose?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/components/chat/mobile/files/file-preview.vue

@@ -1,112 +0,0 @@
-<script setup>
-import { onKeyStroke } from "@vueuse/core";
-import { formatFileSize, getFileTypeLabel, normalizeMimeType } from "#chat-runtime/utils/file";
-const props = defineProps({
-  file: { type: null, required: true }
-});
-const emit = defineEmits(["close"]);
-const { resolveDownloadUrl, downloadFile } = useConversationFileDownloads();
-const normalizedMimeType = computed(() => normalizeMimeType(props.file?.mimeType ?? ""));
-const isImage = computed(() => normalizedMimeType.value.startsWith("image/"));
-const resolvedUrl = ref(null);
-const resolving = ref(false);
-watch(() => props.file, async (file) => {
-  resolvedUrl.value = null;
-  if (!file) {
-    return;
-  }
-  if (!file.url.startsWith("vault://")) {
-    resolvedUrl.value = file.url;
-    return;
-  }
-  resolving.value = true;
-  try {
-    const url = await resolveDownloadUrl(file);
-    if (props.file?.id === file.id) {
-      resolvedUrl.value = url;
-    }
-  } catch (err) {
-    console.error("Failed to resolve preview URL", err);
-  } finally {
-    resolving.value = false;
-  }
-}, { immediate: true });
-onKeyStroke("Escape", () => {
-  if (props.file) {
-    emit("close");
-  }
-});
-function handleDownload() {
-  if (props.file) {
-    void downloadFile(props.file);
-  }
-}
-</script>
-
-<template>
-    <Transition name="preview">
-        <div
-            v-if="file"
-            class="preview"
-            :class="isImage ? 'preview--image' : 'preview--surface'"
-            role="dialog"
-            aria-modal="true"
-        >
-            <div class="preview__topbar" :class="isImage ? 'preview__topbar--dark' : 'preview__topbar--light'">
-                <button
-                    class="preview__icon-btn"
-                    aria-label="Fechar"
-                    @click="emit('close')"
-                >
-                    <span i-ph-x />
-                </button>
-
-                <div flex="~ col 1" min-w-0 px-8px>
-                    <span class="preview__title" truncate>{{ file.name }}</span>
-                    <span class="preview__meta" truncate>
-                        {{ getFileTypeLabel(file.mimeType) }}<template v-if="file.size">
-                            · {{ formatFileSize(file.size) }}
-                        </template>
-                    </span>
-                </div>
-
-                <button
-                    class="preview__icon-btn"
-                    aria-label="Baixar"
-                    @click="handleDownload"
-                >
-                    <span i-ph-download-simple />
-                </button>
-            </div>
-
-            <div class="preview__body">
-                <div v-if="resolving && !resolvedUrl" flex items-center justify-center h-full w-full>
-                    <span
-                        i-ph-spinner animate-spin text-32px
-                        :class="isImage ? 'text-white' : 'text-neutral-400'"
-                    />
-                </div>
-
-                <img
-                    v-else-if="isImage && resolvedUrl"
-                    :src="resolvedUrl"
-                    :alt="file.name"
-                    class="preview__image"
-                >
-
-                <RenderersArtifactDisplay
-                    v-else-if="resolvedUrl"
-                    :url="resolvedUrl"
-                    :mime-type="normalizedMimeType"
-                    :name="file.name"
-                    class="preview__renderer"
-                    @download="handleDownload"
-                />
-            </div>
-        </div>
-    </Transition>
-</template>
-
-<style scoped>
-.preview{display:flex;flex-direction:column;inset:0;position:absolute;z-index:50}.preview--image{background:#0a0a0b}.preview--surface{background:#fff}.preview-enter-active,.preview-leave-active{transition:transform .26s cubic-bezier(.2,.8,.2,1)}.preview-enter-from,.preview-leave-to{transform:translateY(100%)}.preview__topbar{align-items:center;display:flex;flex-shrink:0;gap:4px;padding:10px 10px 8px}.preview__topbar--dark{background:rgba(0,0,0,.4);color:#fff}.preview__topbar--light{border-bottom:.5px solid #e8e8e8;color:#171717}.preview__icon-btn{align-items:center;background:transparent;border-radius:8px;color:inherit;display:inline-flex;font-size:20px;height:32px;justify-content:center;transition:background .15s;width:32px}.preview__icon-btn:hover{background:hsla(0,0%,100%,.08)}.preview--surface .preview__icon-btn:hover{background:rgba(0,0,0,.05)}.preview__title{display:block;font-size:14px;font-weight:600;letter-spacing:-.15px;line-height:18px}.preview__meta{display:block;font-size:11px;line-height:14px;opacity:.8}.preview__body{align-items:center;display:flex;flex:1;justify-content:center;min-height:0;overflow:auto}.preview--image .preview__body{overflow:hidden}.preview__image{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.preview__renderer{display:block;min-height:100%;width:100%}
-</style>

package/dist/runtime/components/chat/mobile/files/file-preview.vue.d.ts

@@ -1,11 +0,0 @@
-import type { ConversationFile } from '#chat-runtime/types/chat';
-type __VLS_Props = {
-    file: ConversationFile | null;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    close: () => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onClose?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/components/chat/mobile/files/files-view.vue

@@ -1,384 +0,0 @@
-<script setup>
-import ChatMobileBottomSheet from "../primitives/bottom-sheet.vue";
-import ChatMobileFilePreview from "./file-preview.vue";
-import { formatFileSize, formatUploadDate, getFileTypeLabel } from "../../../../utils/file";
-const props = defineProps({
-  conversationId: { type: String, required: true }
-});
-const emit = defineEmits(["viewInChat"]);
-const conversationIdRef = computed(() => props.conversationId);
-const { files, loading } = useConversationFiles(conversationIdRef);
-const { downloadFile } = useConversationFileDownloads();
-const typeFilter = ref(null);
-const originFilter = ref(null);
-const searchExpanded = ref(false);
-const searchQuery = ref("");
-const searchInput = ref(null);
-const typeOptions = [
-  { value: "pdf", label: "PDF" },
-  { value: "document", label: "Documento" },
-  { value: "spreadsheet", label: "Planilha" },
-  { value: "text", label: "Texto" },
-  { value: "image", label: "Imagem" },
-  { value: "video", label: "V\xEDdeo" },
-  { value: "audio", label: "\xC1udio" }
-];
-const originOptions = [
-  { value: "user", label: "Usu\xE1rio" },
-  { value: "assistant", label: "Assistente" }
-];
-function matchesType(mime, filter) {
-  const m = mime.toLowerCase();
-  switch (filter) {
-    case "pdf":
-      return m.includes("pdf");
-    case "document":
-      return m.includes("word") || m.includes("document");
-    case "spreadsheet":
-      return m.includes("excel") || m.includes("spreadsheet") || m.includes("csv");
-    case "text":
-      return m.startsWith("text/") || m.includes("json");
-    case "image":
-      return m.startsWith("image/");
-    case "video":
-      return m.startsWith("video/");
-    case "audio":
-      return m.startsWith("audio/");
-  }
-}
-const filteredFiles = computed(() => {
-  let result = files.value;
-  if (searchQuery.value.trim()) {
-    const q = searchQuery.value.toLowerCase();
-    result = result.filter((f) => f.name.toLowerCase().includes(q));
-  }
-  if (typeFilter.value) {
-    result = result.filter((f) => matchesType(f.mimeType, typeFilter.value));
-  }
-  if (originFilter.value) {
-    result = result.filter((f) => f.messageRole === originFilter.value);
-  }
-  return result;
-});
-const totalCount = computed(() => files.value.length);
-const filteredCount = computed(() => filteredFiles.value.length);
-const hasActiveFilters = computed(
-  () => typeFilter.value !== null || originFilter.value !== null || searchQuery.value.trim().length > 0
-);
-const countLabel = computed(() => {
-  if (hasActiveFilters.value) {
-    return `${filteredCount.value} de ${totalCount.value} ${totalCount.value === 1 ? "arquivo" : "arquivos"}`;
-  }
-  return `${totalCount.value} ${totalCount.value === 1 ? "arquivo" : "arquivos"}`;
-});
-const typeChipLabel = computed(() => {
-  if (!typeFilter.value)
-    return "Tipo";
-  return typeOptions.find((o) => o.value === typeFilter.value)?.label ?? "Tipo";
-});
-const originChipLabel = computed(() => {
-  if (!originFilter.value)
-    return "Origem";
-  return originOptions.find((o) => o.value === originFilter.value)?.label ?? "Origem";
-});
-const typeSheetOpen = ref(false);
-const originSheetOpen = ref(false);
-const actionsFile = ref(null);
-const previewFile = ref(null);
-function clearAll() {
-  typeFilter.value = null;
-  originFilter.value = null;
-  searchQuery.value = "";
-  searchExpanded.value = false;
-}
-async function expandSearch() {
-  searchExpanded.value = true;
-  await nextTick();
-  searchInput.value?.focus();
-}
-function collapseSearch() {
-  searchExpanded.value = false;
-  searchQuery.value = "";
-}
-function pickType(value) {
-  typeFilter.value = value;
-  typeSheetOpen.value = false;
-}
-function pickOrigin(value) {
-  originFilter.value = value;
-  originSheetOpen.value = false;
-}
-function openActions(file, event) {
-  event.stopPropagation();
-  actionsFile.value = file;
-}
-function handleRowClick(file) {
-  previewFile.value = file;
-}
-function handleVisualize() {
-  if (actionsFile.value) {
-    previewFile.value = actionsFile.value;
-  }
-  actionsFile.value = null;
-}
-function handleDownloadFromSheet() {
-  if (actionsFile.value) {
-    void downloadFile(actionsFile.value);
-  }
-  actionsFile.value = null;
-}
-function handleViewInChat() {
-  emit("viewInChat");
-  actionsFile.value = null;
-}
-function getTilePalette(file) {
-  const m = file.mimeType.toLowerCase();
-  if (m.startsWith("image/")) {
-    return { bg: "#EEF2FF", fg: "#4D46DC", icon: "i-ph-image" };
-  }
-  if (m.includes("pdf")) {
-    return { bg: "#FEE2E2", fg: "#DC2626", icon: "i-ph-file-pdf" };
-  }
-  if (m.includes("excel") || m.includes("spreadsheet") || m.includes("csv")) {
-    return { bg: "#DCFCE7", fg: "#16A34A", icon: "i-ph-file-xls" };
-  }
-  if (m.startsWith("audio/")) {
-    return { bg: "#FEF3C7", fg: "#D97706", icon: "i-ph-music-note" };
-  }
-  return { bg: "#F5F5F5", fg: "#737373", icon: "i-ph-file" };
-}
-function metaLine(file) {
-  const parts = [getFileTypeLabel(file.mimeType)];
-  if (file.size) {
-    parts.push(formatFileSize(file.size));
-  }
-  if (file.createdAt) {
-    parts.push(formatUploadDate(file.createdAt));
-  }
-  return parts.join(" \xB7 ");
-}
-</script>
-
-<template>
-    <div h-full flex="~ col" pt-54px overflow-hidden relative>
-        <div
-            flex items-center gap-8px overflow-x-auto
-            px-14px pt-10px pb-6px shrink-0
-            class="filter-bar"
-        >
-            <button
-                class="filter-chip"
-                :class="{ 'filter-chip--active': typeFilter !== null }"
-                aria-label="Filtrar por tipo"
-                @click="typeSheetOpen = true"
-            >
-                <span>{{ typeChipLabel }}</span>
-                <span i-ph-caret-down text-12px />
-            </button>
-
-            <button
-                class="filter-chip"
-                :class="{ 'filter-chip--active': originFilter !== null }"
-                aria-label="Filtrar por origem"
-                @click="originSheetOpen = true"
-            >
-                <span>{{ originChipLabel }}</span>
-                <span i-ph-caret-down text-12px />
-            </button>
-
-            <button
-                v-if="!searchExpanded"
-                class="filter-search-icon"
-                aria-label="Buscar"
-                @click="expandSearch"
-            >
-                <span i-ph-magnifying-glass text-16px />
-            </button>
-
-            <div v-else class="filter-search">
-                <span i-ph-magnifying-glass text-14px text-neutral-400 />
-                <input
-                    ref="searchInput"
-                    v-model="searchQuery"
-                    type="text"
-                    placeholder="Buscar"
-                >
-                <button
-                    aria-label="Limpar busca"
-                    class="filter-search__clear"
-                    @click="collapseSearch"
-                >
-                    <span i-ph-x text-12px />
-                </button>
-            </div>
-        </div>
-
-        <div
-            flex items-center justify-between gap-8px
-            px-16px pt-2px pb-6px shrink-0
-        >
-            <span text-12px text-neutral-400 leading-16px>
-                {{ countLabel }}
-            </span>
-            <button
-                v-if="hasActiveFilters"
-                text-12px text-neutral-900 leading-16px underline
-                @click="clearAll"
-            >
-                Limpar
-            </button>
-        </div>
-
-        <div flex-1 min-h-0 overflow-y-auto px-8px pb-16px>
-            <div v-if="loading" flex="~ col" items-center justify-center py-64px>
-                <span i-ph-spinner animate-spin text-32px text-neutral-300 />
-            </div>
-
-            <div
-                v-else-if="totalCount === 0"
-                flex="~ col" items-center justify-center
-                gap-14px px-28px py-40px text-center
-            >
-                <div
-                    w-48px h-48px rounded-14px
-                    bg-neutral-100 text-neutral-500
-                    flex items-center justify-center
-                >
-                    <span i-ph-folder text-22px />
-                </div>
-                <div flex="~ col" gap-4px>
-                    <p text-16px font-500 text-neutral-900 leading-20px tracking="-.2px">
-                        Sem arquivos
-                    </p>
-                    <p text-14px text-neutral-500 leading-18px max-w-240px>
-                        Envie arquivos no chat e eles aparecerão aqui.
-                    </p>
-                </div>
-            </div>
-
-            <div
-                v-else-if="filteredCount === 0"
-                px-24px py-48px text-center
-            >
-                <p text-14px text-neutral-400 leading-18px>
-                    Nenhum arquivo encontrado.
-                </p>
-            </div>
-
-            <div v-else flex="~ col" gap-2px>
-                <div
-                    v-for="file in filteredFiles"
-                    :key="file.id"
-                    class="file-row"
-                >
-                    <button
-                        class="file-row__main"
-                        @click="handleRowClick(file)"
-                    >
-                        <div
-                            class="file-tile"
-                            :style="{ background: getTilePalette(file).bg, color: getTilePalette(file).fg }"
-                        >
-                            <span :class="getTilePalette(file).icon" text-22px />
-                        </div>
-
-                        <div flex="~ col" gap-3px min-w-0 flex-1 text-left>
-                            <span text-14px font-500 text-neutral-900 leading-18px truncate>
-                                {{ file.name }}
-                            </span>
-                            <span text-12px text-neutral-400 leading-16px truncate>
-                                {{ metaLine(file) }}
-                            </span>
-                        </div>
-                    </button>
-
-                    <button
-                        class="file-row__more"
-                        aria-label="Ações do arquivo"
-                        @click="openActions(file, $event)"
-                    >
-                        <span i-ph-dots-three text-18px />
-                    </button>
-                </div>
-            </div>
-        </div>
-
-        <ChatMobileBottomSheet
-            :open="typeSheetOpen"
-            title="Tipo de arquivo"
-            @close="typeSheetOpen = false"
-        >
-            <button
-                class="sheet-option"
-                :class="{ 'sheet-option--active': typeFilter === null }"
-                @click="pickType(null)"
-            >
-                <span>Todos</span>
-                <span v-if="typeFilter === null" class="sheet-option__dot" />
-            </button>
-            <button
-                v-for="opt in typeOptions"
-                :key="opt.value"
-                class="sheet-option"
-                :class="{ 'sheet-option--active': typeFilter === opt.value }"
-                @click="pickType(opt.value)"
-            >
-                <span>{{ opt.label }}</span>
-                <span v-if="typeFilter === opt.value" class="sheet-option__dot" />
-            </button>
-        </ChatMobileBottomSheet>
-
-        <ChatMobileBottomSheet
-            :open="originSheetOpen"
-            title="Origem do arquivo"
-            @close="originSheetOpen = false"
-        >
-            <button
-                class="sheet-option"
-                :class="{ 'sheet-option--active': originFilter === null }"
-                @click="pickOrigin(null)"
-            >
-                <span>Todas as origens</span>
-                <span v-if="originFilter === null" class="sheet-option__dot" />
-            </button>
-            <button
-                v-for="opt in originOptions"
-                :key="opt.value"
-                class="sheet-option"
-                :class="{ 'sheet-option--active': originFilter === opt.value }"
-                @click="pickOrigin(opt.value)"
-            >
-                <span>{{ opt.label }}</span>
-                <span v-if="originFilter === opt.value" class="sheet-option__dot" />
-            </button>
-        </ChatMobileBottomSheet>
-
-        <ChatMobileBottomSheet
-            :open="actionsFile !== null"
-            :title="actionsFile?.name"
-            @close="actionsFile = null"
-        >
-            <button class="sheet-action" @click="handleVisualize">
-                <span i-ph-eye text-18px />
-                <span>Visualizar</span>
-            </button>
-            <button class="sheet-action" @click="handleDownloadFromSheet">
-                <span i-ph-download-simple text-18px />
-                <span>Baixar</span>
-            </button>
-            <button class="sheet-action" @click="handleViewInChat">
-                <span i-ph-chat-circle text-18px />
-                <span>Ver no chat</span>
-            </button>
-        </ChatMobileBottomSheet>
-
-        <ChatMobileFilePreview
-            :file="previewFile"
-            @close="previewFile = null"
-        />
-    </div>
-</template>
-
-<style scoped>
-.filter-bar{scrollbar-width:none}.filter-bar::-webkit-scrollbar{display:none}.filter-chip{align-items:center;background:#fff;border:.5px solid #d9d9d9;border-radius:999px;color:#171717;display:inline-flex;flex-shrink:0;font-size:13px;font-weight:500;gap:4px;line-height:16px;padding:7px 12px;transition:background .15s,border-color .15s;white-space:nowrap}.filter-chip--active{background:#f5f5f5;border-color:#171717}.filter-search-icon{color:#171717;height:34px;justify-content:center;width:34px}.filter-search,.filter-search-icon{align-items:center;background:#fff;border:.5px solid #d9d9d9;border-radius:999px;display:inline-flex;flex-shrink:0}.filter-search{gap:6px;min-width:160px;padding:7px 12px}.filter-search input{background:transparent;border:none;color:#171717;flex:1;font-size:13px;line-height:16px;min-width:0;outline:none}.filter-search input::-moz-placeholder{color:#a3a3a3}.filter-search input::placeholder{color:#a3a3a3}.filter-search__clear{align-items:center;background:#f5f5f5;border-radius:999px;color:#737373;display:inline-flex;flex-shrink:0;height:18px;justify-content:center;width:18px}.file-row{align-items:center;background:transparent;border-radius:10px;display:flex;gap:4px;padding:0 8px 0 0;transition:background .12s;width:100%}.file-row:has(.file-row__main:active){background:#f5f5f5}.file-row__main{align-items:center;background:transparent;border-radius:10px;display:flex;flex:1;gap:12px;min-width:0;padding:10px 8px}.file-tile{border-radius:10px;height:44px;width:44px}.file-row__more,.file-tile{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center}.file-row__more{background:transparent;border-radius:8px;color:#737373;height:32px;transition:background .12s;width:32px}.file-row__more:hover{background:#f5f5f5}.sheet-option{align-items:center;background:transparent;color:#171717;display:flex;font-size:14px;font-weight:500;justify-content:space-between;letter-spacing:-.15px;line-height:18px;padding:14px 18px;transition:background .12s;width:100%}.sheet-option--active{background:#f5f5f5}.sheet-option__dot{background:#171717;border-radius:50%;height:8px;width:8px}.sheet-action{align-items:center;background:transparent;color:#171717;display:flex;font-size:14px;font-weight:500;gap:14px;letter-spacing:-.15px;line-height:18px;padding:14px 18px;transition:background .12s;width:100%}.sheet-action:active{background:#f5f5f5}.sheet-action--danger{color:#dc2626}
-</style>

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

@@ -1,14 +0,0 @@
-import type { DeepReadonly } from 'vue';
-import type { Conversation } from '../../../../types/chat.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/components/chat/mobile/home/recents.vue

@@ -1,48 +0,0 @@
-<script setup>
-import { formatRelativeTime } from "../../../../utils/format-time";
-const props = defineProps({
-  conversations: { type: null, required: true }
-});
-const emit = defineEmits(["select", "seeAll"]);
-const recents = computed(() => props.conversations.slice(0, 2));
-</script>
-
-<template>
-    <div v-if="recents.length > 0" flex="~ col">
-        <div class="header-row">
-            <span class="eyebrow">Conversas recentes</span>
-            <span flex-1 />
-            <button
-                type="button"
-                class="see-all"
-                @click="emit('seeAll')"
-            >
-                Ver todas
-            </button>
-        </div>
-
-        <div flex="~ col" gap-2px px-8px>
-            <button
-                v-for="c in recents"
-                :key="c.id"
-                type="button"
-                class="row"
-                @click="emit('select', c.id)"
-            >
-                <div class="row__icon">
-                    <span i-ph-chat-circle text-16px />
-                </div>
-                <div flex="~ col 1" gap-2px min-w-0 text-left>
-                    <span class="row__title">{{ c.title || "Nova conversa" }}</span>
-                </div>
-                <span class="row__time">
-                    {{ formatRelativeTime(c.updatedAt) }}
-                </span>
-            </button>
-        </div>
-    </div>
-</template>
-
-<style scoped>
-.header-row{align-items:center;display:flex;padding:0 18px 4px}.eyebrow{color:#a3a3a3;font-size:11px;font-weight:580;letter-spacing:.6px;text-transform:uppercase}.see-all{color:#5167f4;font-size:12px;font-weight:500;padding:4px 6px;white-space:nowrap}.row,.see-all{background:transparent}.row{align-items:center;border-radius:10px;display:flex;gap:12px;padding:10px 12px;transition:background .12s;width:100%}.row:active,.row__icon{background:#f5f5f5}.row__icon{align-items:center;border-radius:8px;color:#737373;display:inline-flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.row__title{color:#171717;font-size:13.5px;font-weight:500;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row__time{color:#a3a3a3;flex-shrink:0;font-size:11px}
-</style>