@8wave/ai-elements 0.110.0 → 0.111.0-beta.11

package/dist-vue/_chunks/Document-CaUfI_SZ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Document-CaUfI_SZ.js","names":[],"sources":["../../../../packages/models/src/schema/Header.ts","../../../../packages/models/src/schema/Document.ts"],"sourcesContent":["import * as z from 'zod'\nimport { decodeOnly } from '../utils'\n\nexport const HeaderSchema = z.object({\n    key: z.string().optional(),\n    value: z.string().optional(),\n})\n\nexport const HeadesSchema = decodeOnly(\n    z.array(HeaderSchema),\n    z.array(z.object({ key: z.string(), value: z.string() })),\n    (headers) =>\n        headers?.filter(\n            (header) => header.key?.trim() && header.value?.trim(),\n        ) as Array<{ key: string; value: string }>,\n)\n\nexport type Header = z.infer<typeof HeaderSchema>\nexport type Headers = z.infer<typeof HeadesSchema>\n","import * as z from 'zod'\nimport { zodQs, decodeOnly } from '../utils'\nimport {\n    SupportedLanguage,\n    ExtractionStrategy,\n    BrowserEngine,\n} from './constants'\nimport { MediaSchema } from './Media'\nimport { HeadesSchema } from './Header'\n\n/**\n * Processing status for document indexing and embedding generation\n */\nexport enum IndexStatus {\n    Pending = 'pending',\n    Processing = 'processing',\n    Success = 'success',\n    Failed = 'failed',\n}\n\n// ===== Document Source Types =====\n\n/**\n * Conversion options for document processing\n * Used when creating or reprocessing documents\n */\nexport const ConversionOptionsSchema = z.object({\n    extractionStrategy: z.enum(ExtractionStrategy).optional(),\n    browserEngine: z\n        .enum(BrowserEngine)\n        .optional()\n        .default(BrowserEngine.FETCH),\n    headers: HeadesSchema.nullish(),\n    aiDescriptionModel: z.string().optional(),\n    aiDescriptionPrompt: z.string().max(5000).optional(),\n    language: z.string().optional(),\n    forceOcr: z.boolean().default(false),\n    pages: z\n        .string()\n        .max(100)\n        .regex(/^\\d+(\\s*-\\s*\\d+)?(\\s*,\\s*\\d+(\\s*-\\s*\\d+)?)*$/)\n        .optional(),\n})\n\nexport type ConversionOptions = z.infer<typeof ConversionOptionsSchema>\n\n// ===== Document Source (metadata.source) =====\n\n/**\n * Who keeps a document's content up to date.\n *\n * `web` is a page the platform re-reads on its own; the others are cloud\n * document sources. Distinct from `documents.source_provider`, which carries\n * only the providers that OWN their documents (the cloud ones) and is null for\n * everything else: a web page discovered by a source stays editable.\n */\nexport enum DocumentSourceProvider {\n    Web = 'web',\n    SharePoint = 'sharepoint',\n    GoogleDrive = 'google-drive',\n}\n\n/**\n * Outcome of the last pass over a document's source.\n *\n * `unchanged` is the one that pays for the whole mechanism: the source was read\n * and produced the same text, so no chunk was rewritten and no embedding was\n * charged. `shrunk` is a refusal, not a failure: the page answered but with far\n * less content than before, so the good version was kept.\n */\nexport enum DocumentRefreshResult {\n    Updated = 'updated',\n    Unchanged = 'unchanged',\n    Failed = 'failed',\n    Shrunk = 'shrunk',\n    Gone = 'gone',\n}\n\n/**\n * How often a document re-reads its source on its own.\n *\n * `null` is the fourth value and the default: manual, which is what every\n * document is today and what every type other than `url` can ever be.\n */\nexport enum DocumentRefreshInterval {\n    Daily = 'daily',\n    Weekly = 'weekly',\n    Monthly = 'monthly',\n}\n\n/**\n * The Postgres interval each trigger advances by.\n *\n * One table, read by the two places that move a deadline: the service, when\n * somebody sets or changes the trigger, and the timer, when a due document has\n * been queued. Written as literals rather than composed at the call site\n * because they end up inside SQL.\n */\nexport const REFRESH_INTERVAL_SQL: Record<DocumentRefreshInterval, string> = {\n    [DocumentRefreshInterval.Daily]: '1 day',\n    [DocumentRefreshInterval.Weekly]: '7 days',\n    [DocumentRefreshInterval.Monthly]: '1 month',\n}\n\n/**\n * Hours after which a document left `processing` is treated as abandoned.\n *\n * A killed worker leaves that status behind, and nothing else moves it: the row\n * would drop out of the refresh timer's selection for good, because the timer\n * only claims documents that are `success` or `failed`. Past this window the\n * timer takes it anyway, and a manual refresh stops being refused.\n *\n * Generous on purpose: a scrape is bounded by the Functions host timeout, so\n * anything still `processing` after six hours is not running.\n */\nexport const STALE_PROCESSING_HOURS = 6\n\nexport const DocumentLastRefreshSchema = z.object({\n    at: z.string(),\n    result: z.enum(DocumentRefreshResult),\n    httpStatus: z.number().optional(),\n    error: z.string().optional(),\n    /** Reset by the first good outcome; the notification threshold reads it. */\n    consecutiveFailures: z.number().optional(),\n    /**\n     * Words before and after, written by the shrink guard. They are kept rather\n     * than only compared because the guard's thresholds are a starting point:\n     * after a month of real pages one can tell whether they cut too much.\n     */\n    previousWordCount: z.number().optional(),\n    newWordCount: z.number().optional(),\n})\n\nexport type DocumentLastRefresh = z.infer<typeof DocumentLastRefreshSchema>\n\n/** Fields every source branch shares, whatever keeps the document up to date. */\nconst commonSourceFields = {\n    /**\n     * Hash of the text that actually reaches the chunks, so an unchanged source\n     * costs no chunking and no embedding. Written by the processor on every\n     * pass, which is what lets a document imported before this existed start\n     * comparing from its second pass on.\n     */\n    contentHash: z.string().optional(),\n    lastRefresh: DocumentLastRefreshSchema.optional(),\n}\n\nconst WebDocumentSourceSchema = z.object({\n    provider: z.literal(DocumentSourceProvider.Web),\n    url: z.string(),\n    // Written by a successful conversion, and only then: at insert time the\n    // page has not been read yet, so a value here would attest a scrape that\n    // never happened.\n    lastScrapedAt: z.string().optional(),\n    /**\n     * Hash of the deterministic text handed to the extraction step, before the\n     * model. With `extractionStrategy: 'ai'` the model's output differs on every\n     * call, so comparing the final markdown would always say \"changed\" and\n     * every interval would pay conversion, chunking and embedding. This is what\n     * the AI path compares, and it decides whether to call the model at all.\n     */\n    extractionInputHash: z.string().optional(),\n    /**\n     * Where the last successful pass actually landed after redirects.\n     *\n     * The shrink guard compares this with the new final URL, and not with `url`\n     * on purpose: plenty of sites always redirect (a locale prefix, a trailing\n     * slash, http to https), so comparing against the stored URL would refuse\n     * every update of those pages forever. What says a page is gone is its\n     * destination changing from the one it has been landing on.\n     */\n    finalUrl: z.string().optional(),\n    /**\n     * The web source that discovered this page. It says who found it, not who\n     * governs it: the page stays editable like any other.\n     */\n    sourceId: z.uuid().optional(),\n    ...commonSourceFields,\n})\n\n/** Coordinates a cloud adapter needs to find the item again, plus its content fingerprint. */\nconst cloudSourceFields = {\n    /** The `document_sync_sources` row that owns this document. */\n    sourceId: z.uuid(),\n    remoteId: z.string(),\n    webUrl: z.string(),\n    path: z.string(),\n    /**\n     * The provider's own content fingerprint, compared for equality only and\n     * never interpreted. It is what lets a sync skip the download entirely.\n     */\n    fingerprint: z.string(),\n    /** Marks the document as seen by a run: the reconciliation after a resync reads it. */\n    lastSyncedAt: z.string(),\n    /** When the provider says the item last changed. Shown, never compared: the fingerprint decides. */\n    lastModified: z.string().optional(),\n    /**\n     * A newly downloaded blob waiting to be converted. It sits here instead of\n     * replacing `metadata.media` so that a conversion failure cannot destroy the\n     * version that works: the processor promotes it only on success.\n     */\n    candidate: z\n        .object({\n            media: MediaSchema,\n            fingerprint: z.string(),\n            name: z.string(),\n            webUrl: z.string(),\n            path: z.string(),\n            lastModified: z.string().optional(),\n        })\n        .optional(),\n    ...commonSourceFields,\n}\n\nconst SharePointDocumentSourceSchema = z.object({\n    provider: z.literal(DocumentSourceProvider.SharePoint),\n    ...cloudSourceFields,\n})\n\nconst GoogleDriveDocumentSourceSchema = z.object({\n    provider: z.literal(DocumentSourceProvider.GoogleDrive),\n    ...cloudSourceFields,\n})\n\n/**\n * `metadata.source`, discriminated on `provider`.\n *\n * One object cannot hold both shapes: a web page has a URL and a scrape date, a\n * cloud file has remote coordinates and a fingerprint, and making every field\n * optional to fit both is the same as having no schema. Rows written before the\n * discriminator existed carry no `provider`, so they are normalized to the web\n * branch before routing: that is the only shape that could have been written.\n *\n * The normalization runs on parse, and responses are serialized by the\n * parse-based compiler (see `apps/backend/src/utils/responseSerializer.ts`), so\n * a legacy row still comes out of the API intact.\n */\nexport const DocumentSourceSchema = z.preprocess(\n    (value) => {\n        if (\n            value &&\n            typeof value === 'object' &&\n            !Array.isArray(value) &&\n            !('provider' in value)\n        ) {\n            return { provider: DocumentSourceProvider.Web, ...value }\n        }\n        return value\n    },\n    z.discriminatedUnion('provider', [\n        WebDocumentSourceSchema,\n        SharePointDocumentSourceSchema,\n        GoogleDriveDocumentSourceSchema,\n    ]),\n)\n\nexport type DocumentSource = z.infer<typeof DocumentSourceSchema>\nexport type WebDocumentSource = z.infer<typeof WebDocumentSourceSchema>\n\n/**\n * The page URL of a document's source, when its source is a web page.\n *\n * One place to narrow the union, so the views that show \"where this came from\"\n * do not each grow their own check, and a cloud-synced document returns nothing\n * here instead of a broken link: its address is `webUrl` on the remote item,\n * which is a different thing to show and to say.\n */\nexport function documentSourceUrl(source?: DocumentSource): string | undefined {\n    return source && 'url' in source ? source.url : undefined\n}\n\n// ===== Processing queue contract =====\n\n/**\n * Why a document is being processed again. Absent means the ingestion of a new\n * document, which is the only case whose natural key is the document id alone.\n */\nexport type DocumentProcessingKind = 'refresh' | 'reprocess' | 'reindex'\n\n/**\n * The `document-processing` queue message.\n *\n * Lives here because two processes read it: the backend publishes it and the\n * Azure Function consumes it. It used to be declared in each, and the copy in\n * the function app was already a field behind.\n */\nexport interface DocumentProcessingJob {\n    documentId: string\n    conversionOptions?: ConversionOptions\n    /**\n     * Set by every caller that processes a document which already exists. It\n     * shapes the message id (see `publishProcessingJob`) and, for `refresh`,\n     * turns on the refresh mode of the processor.\n     */\n    kind?: DocumentProcessingKind\n    /**\n     * Only a scheduled refresh enforces the shrink guard. A person who clicked\n     * \"refresh now\" is looking at the result and may well be refreshing a page\n     * that really did get shorter, so the guard would only stand in their way.\n     */\n    guarded?: boolean\n}\n\n/**\n * Metadata structure for document.metadata column\n * Consolidates all metadata from converters and source info\n */\nexport const DocumentMetadataSchema = z\n    .object({\n        // === Source Info (URL and synced documents) ===\n        source: DocumentSourceSchema.optional(),\n\n        // === Media Info (File documents only) ===\n        media: MediaSchema.optional(),\n\n        // === Common Fields (all document types) ===\n        title: z.string().optional(),\n        author: z.string().optional(),\n        description: z.string().optional(),\n        summary: z.string().optional(),\n        keywords: z.array(z.string()).optional(),\n\n        // === PDF Specific ===\n        subject: z.string().optional(),\n        creator: z.string().optional(), // Original application\n        producer: z.string().optional(), // PDF generator software\n        creationDate: z.string().optional(),\n        modificationDate: z.string().optional(),\n        pageCount: decodeOnly(\n            z.union([z.number(), z.array(z.unknown())]),\n            z.number(),\n            (val) => (Array.isArray(val) ? val.length : val),\n        ).optional(),\n        encrypted: z.boolean().optional(),\n\n        // === DOCX Specific ===\n        characterCount: z.number().optional(),\n        lineCount: z.number().optional(),\n\n        // === URL Specific ===\n        siteName: z.string().optional(),\n        canonicalUrl: z.url().optional(),\n        imageUrl: z.url().optional(),\n        favicon: z.url().optional(),\n        type: z.string().optional(), // og:type (article, website, etc.)\n        locale: z.string().optional(),\n        tags: z.array(z.string()).optional(),\n        publishedTime: z.string().optional(),\n        modifiedTime: z.string().optional(),\n\n        // === Metrics (all document types) ===\n        wordCount: z.number().optional(),\n        paragraphCount: z.number().optional(),\n        readingTime: z.number().optional(), // in minutes\n\n        // === OCR (PDF documents) ===\n        ocrUsed: z.boolean().optional(),\n        ocrProvider: z.string().optional(),\n        ocrModel: z.string().optional(),\n        ocrPages: z.string().optional(),\n        ocrCost: z.number().optional(),\n        ocrError: z.string().optional(),\n\n        // === RAG / Duplicates / Sync Info ===\n        chunksCount: z.number().optional(),\n        redundantChunksCount: z.number().optional(),\n        hasRedundantChunks: z.boolean().optional(),\n        qdrantSynced: z.boolean().optional(),\n\n        // === Conversion Options (for reprocessing) ===\n        conversionOptions: ConversionOptionsSchema.optional(),\n    })\n    .loose() // Allow additional custom fields\n\nexport type DocumentMetadata = z.infer<typeof DocumentMetadataSchema>\n\n/**\n * Document type enum\n *\n * - 'file': Document created from uploaded file (PDF, DOCX)\n * - 'url': Document created from web scraping\n * - 'revised-answer': Document created from revised AI answer\n * - 'plain-text': Document created from plain text input\n */\nexport enum DocumentType {\n    File = 'file',\n    Url = 'url',\n    RevisedAnswer = 'revised-answer',\n    PlainText = 'plain-text',\n}\n\n// ===== Schemas =====\n\n/**\n * Full document schema from database\n * Extended with computed field chunksCount\n */\nconst BaseDocumentSchema = z.object({\n    id: z.string(),\n    externalId: z.string().nullable(),\n    name: z.string(),\n    content: z.string(),\n    type: z.string(),\n    language: z.string(),\n    metadata: z.record(z.string(), z.unknown()),\n    indexStatus: z.string(),\n    processedAt: z.coerce.date().nullable(),\n    createdAt: z.coerce.date(),\n    createdBy: z.string(),\n    updatedAt: z.coerce.date(),\n    updatedBy: z.string(),\n    deleted: z.boolean(),\n    deletedAt: z.coerce.date().nullable(),\n    deletedBy: z.string().nullable(),\n    organizationId: z.string(),\n    priority: z.number().int().min(1).max(5).default(3),\n    /** The automatic refresh trigger; null is manual, and only `url` can have one. */\n    refreshInterval: z.enum(DocumentRefreshInterval).nullable().optional(),\n    /**\n     * When the trigger next comes due. Null with an interval set means paused:\n     * the source answered that the page is gone for good.\n     */\n    nextRefreshAt: z.coerce.date().nullable().optional(),\n    /**\n     * Which sync source owns this document, when one does.\n     *\n     * Null is the ordinary case. A non-null value means a job keeps the\n     * document up to date, which is what makes it read only: editing it, moving\n     * it or deleting it by hand would be undone at the next run, silently.\n     * Written only by providers that own their documents, never by a crawl that\n     * merely discovered a page.\n     */\n    sourceProvider: z.enum(DocumentSourceProvider).nullable().optional(),\n})\n\nexport const DocumentSchema = BaseDocumentSchema.extend({\n    type: z.enum(DocumentType),\n    indexStatus: z.enum(IndexStatus),\n    metadata: DocumentMetadataSchema,\n    // Add computed field for chunks count (populated by service layer)\n    chunksCount: z.number().optional(),\n    // Computed fields for redundancy tracking\n    redundantChunksCount: z.number().optional(),\n    hasRedundantChunks: z.boolean().optional(),\n    // Qdrant sync status\n    qdrantSynced: z.boolean().optional(),\n    // Agent IDs associated with this document (populated in single-item reads)\n    agentIds: z.array(z.string()).optional(),\n    // Folder ID for this document within an agent context (populated in agent-scoped reads)\n    folderId: z.string().nullable().optional(),\n    // Full folder path string e.g. \"Parent / Child\" (populated in list reads when agentId is set)\n    folderPath: z.string().nullable().optional(),\n})\n\n/**\n * Query parameters for listing documents with pagination, sorting, and filters\n */\nexport const DocumentQuerystringSchema = z.object({\n    ...zodQs.pagination(),\n    ...zodQs.sort(['id', 'updatedAt', 'createdAt', 'name']),\n    ...zodQs.filters(['type', 'language', 'agentId', 'indexStatus']),\n    ...zodQs.fullText(),\n    ...zodQs.ids(),\n    'filter[similarity]': z.string().optional(),\n    // UUID = documents in that folder; 'null' = documents at root (no folder); absent = all documents\n    'filter[folderId]': z.string().optional(),\n    'filter[hasRedundantChunks]': z.string().optional(),\n    // One of the intervals, 'null' for the documents left on manual, 'auto' for\n    // any of the three. Same convention as `filter[folderId]`, and handled\n    // outside `getFilters` for the same reason: `inArray` cannot say IS NULL.\n    'filter[refreshInterval]': z.string().optional(),\n    // A provider, 'null' for the documents nobody syncs, 'any' for the ones a\n    // source owns whoever it is. Same convention and the same reason as above.\n    'filter[sourceProvider]': z.string().optional(),\n})\n\n/**\n * Document creation schema for POST /documents endpoint\n *\n * Supports three types:\n * - 'file': Requires media object with uploaded file info\n * - 'url': Requires url string for web scraping\n * - 'revised-answer': Requires content (created from revisedAnswer service)\n */\nexport const DocumentCreateDtoSchema = z\n    .object({\n        type: z.enum(DocumentType).default(DocumentType.File),\n        name: z.string().min(1).max(255).optional(),\n        language: z.enum(SupportedLanguage).optional(),\n        organizationId: z.string(),\n        agentIds: z.array(z.string()).min(1, 'At least one agent is required'),\n        folderId: z.uuid().nullable().optional(),\n        media: MediaSchema.optional(),\n        url: z.url().optional(),\n        content: z.string().optional(),\n        metadata: z.record(z.string(), z.unknown()).optional(),\n        extractionStrategy: z.enum(ExtractionStrategy).optional(),\n        browserEngine: z.enum(BrowserEngine).optional(),\n        headers: HeadesSchema.nullish().default([]),\n        aiDescriptionModel: z.string().optional(),\n        aiDescriptionPrompt: z.string().max(5000).optional(),\n        forceOcr: z.boolean().default(false),\n        pages: z\n            .string()\n            .max(100)\n            .regex(/^\\d+(\\s*-\\s*\\d+)?(\\s*,\\s*\\d+(\\s*-\\s*\\d+)?)*$/)\n            .optional(),\n        priority: z.number().int().min(1).max(5).default(3).optional(),\n        refreshInterval: z.enum(DocumentRefreshInterval).nullable().optional(),\n    })\n    .superRefine((data, ctx) => {\n        if (data.type === DocumentType.File && !data.media) {\n            ctx.addIssue({\n                code: 'custom',\n                params: {\n                    i18n: 'errors.required',\n                },\n                path: ['media'],\n            })\n            return\n        }\n        if (data.type === DocumentType.Url && !data.url) {\n            ctx.addIssue({\n                code: 'custom',\n                params: {\n                    i18n: 'errors.required',\n                },\n                path: ['url'],\n            })\n        }\n        // The database has the same CHECK, but a 400 saying which field is\n        // wrong beats a constraint violation surfacing as a 500.\n        if (data.refreshInterval && data.type !== DocumentType.Url) {\n            ctx.addIssue({\n                code: 'custom',\n                params: {\n                    i18n: 'errors.refreshIntervalUrlOnly',\n                },\n                path: ['refreshInterval'],\n            })\n        }\n        if (\n            data.type === DocumentType.PlainText &&\n            !(data.name || data.language)\n        ) {\n            if (!data.name) {\n                ctx.addIssue({\n                    code: 'custom',\n                    params: {\n                        i18n: 'errors.required',\n                    },\n                    path: ['name'],\n                })\n            }\n            if (!data.language) {\n                ctx.addIssue({\n                    code: 'custom',\n                    params: {\n                        i18n: 'errors.required',\n                    },\n                    path: ['language'],\n                })\n            }\n        }\n    })\n\n/**\n * Document update schema for PUT /documents/:id endpoint\n *\n * All fields are optional, but at least one must be provided\n */\nexport const DocumentUpdateDtoSchema = z.object({\n    id: z.string(),\n    organizationId: z.string(),\n    content: z.string().optional(),\n    name: z.string().min(1).max(255).optional(),\n    language: z.enum(SupportedLanguage).optional(),\n    priority: z.number().int().min(1).max(5).optional(),\n    agentIds: z.array(z.string()).min(1).optional(),\n    metadata: z.record(z.string(), z.unknown()).optional(),\n    refreshInterval: z.enum(DocumentRefreshInterval).nullable().optional(),\n})\n\n/** Body of `PATCH /documents/:id/refresh-interval`, twin of the priority route. */\nexport const DocumentRefreshIntervalDtoSchema = z.object({\n    refreshInterval: z.enum(DocumentRefreshInterval).nullable(),\n})\n\n/** Body of `POST /documents/bulk-refresh-interval`. */\nexport const DocumentBulkRefreshIntervalDtoSchema = z.object({\n    ids: z.array(z.uuid()).min(1).max(100),\n    refreshInterval: z.enum(DocumentRefreshInterval).nullable(),\n})\n\n/** Body of `POST /documents/bulk-refresh`, twin of `bulk-reprocess`. */\nexport const DocumentBulkRefreshDtoSchema = z.object({\n    ids: z.array(z.uuid()).min(1).max(100),\n})\n\n// ===== Type Exports =====\n\nexport type Document = z.infer<typeof DocumentSchema>\nexport type DocumentQuerystring = z.infer<typeof DocumentQuerystringSchema>\nexport type DocumentCreateDto = z.infer<typeof DocumentCreateDtoSchema>\nexport type DocumentUpdateDto = z.infer<typeof DocumentUpdateDtoSchema>\nexport type DocumentRefreshIntervalDto = z.infer<\n    typeof DocumentRefreshIntervalDtoSchema\n>\nexport type DocumentBulkRefreshIntervalDto = z.infer<\n    typeof DocumentBulkRefreshIntervalDtoSchema\n>\nexport type DocumentBulkRefreshDto = z.infer<\n    typeof DocumentBulkRefreshDtoSchema\n>\n\n// ===== Helper Functions =====\n\nexport const getStatusColor = (status: IndexStatus) => {\n    switch (status) {\n        case IndexStatus.Success:\n            return 'success'\n        case IndexStatus.Failed:\n            return 'danger'\n        case IndexStatus.Processing:\n            return 'warning'\n        default:\n            return 'info'\n    }\n}\n\nexport const getStatusIcon = (status: IndexStatus) => {\n    switch (status) {\n        case IndexStatus.Success:\n            return 'ri:check-line'\n        case IndexStatus.Failed:\n            return 'ri:error-warning-line'\n        case IndexStatus.Processing:\n            return 'ri:hourglass-line'\n        default:\n            return 'ri:time-line'\n    }\n}\n\nexport const getTypeIcon = (type: DocumentType) => {\n    switch (type) {\n        case DocumentType.File:\n            return 'ri:file-line'\n        case DocumentType.Url:\n            return 'ri:link'\n        case DocumentType.RevisedAnswer:\n            return 'ri:feedback-line'\n        default:\n            return 'ri:input-method-line'\n    }\n}\n\nexport const getFileIcon = (extension: string) => {\n    const ext = (\n        extension.startsWith('.') ? extension.slice(1) : extension\n    ).toLowerCase()\n    switch (ext) {\n        case 'pdf':\n            return 'ri:file-pdf-2-line'\n        case 'doc':\n        case 'docx':\n            return 'ri:file-word-line'\n        case 'xls':\n        case 'xlsx':\n            return 'ri:file-excel-line'\n        case 'ppt':\n        case 'pptx':\n            return 'ri:file-ppt-line'\n        case 'txt':\n            return 'ri:file-text-line'\n        case 'mp3':\n        case 'wav':\n        case 'ogg':\n            return 'ri:file-music-line'\n        case 'mp4':\n        case 'avi':\n        case 'mkv':\n            return 'ri:file-video-line'\n        case 'jpg':\n        case 'jpeg':\n        case 'png':\n        case 'gif':\n        case 'bmp':\n        case 'svg':\n            return 'ri:file-image-line'\n        case 'zip':\n        case 'rar':\n        case '7z':\n            return 'ri:file-zip-line'\n        default:\n            return 'ri:file-line'\n    }\n}\n\n/** Whether a MIME type is an image. */\nexport const isImageMime = (mimeType?: string | null): boolean =>\n    (mimeType ?? '').startsWith('image/')\n\n/** Whether a file MIME type can be previewed inline in the browser (image or\n * PDF) instead of being forced as a download. Shared by every file-list surface\n * so the preview/download decision stays consistent. */\nexport const isInlineViewable = (mimeType?: string | null): boolean =>\n    isImageMime(mimeType) || mimeType === 'application/pdf'\n\n/** File-type identity for list rows and previews: icon, accent color\n * (CSS value driving glyph and tile tint) and a short human kind label. */\nexport interface FileKind {\n    icon: string\n    accent: string\n    label: string\n}\n\n/** File-type identity derived from a MIME type. Accents match the chat\n * attachment cards (PkChatbotFilePreview) so files read the same everywhere. */\nexport const fileKindForMime = (mimeType?: string | null): FileKind => {\n    const mime = mimeType ?? ''\n    if (isImageMime(mime)) {\n        return { icon: 'ri:image-line', accent: '#ec4899', label: 'Image' }\n    }\n    if (mime === 'application/pdf') {\n        return { icon: 'ri:file-pdf-2-line', accent: '#e2483d', label: 'PDF' }\n    }\n    if (mime === 'application/msword' || mime.includes('wordprocessingml')) {\n        return { icon: 'ri:file-word-line', accent: '#2b7de9', label: 'Word' }\n    }\n    if (mime === 'application/vnd.ms-excel' || mime.includes('spreadsheetml')) {\n        return {\n            icon: 'ri:file-excel-line',\n            accent: '#1f9d57',\n            label: 'Spreadsheet',\n        }\n    }\n    if (\n        mime === 'application/vnd.ms-powerpoint' ||\n        mime.includes('presentationml')\n    ) {\n        return {\n            icon: 'ri:file-ppt-line',\n            accent: '#d98324',\n            label: 'Presentation',\n        }\n    }\n    if (mime.startsWith('audio/')) {\n        return { icon: 'ri:file-music-line', accent: '#8b5cf6', label: 'Audio' }\n    }\n    if (mime.startsWith('video/')) {\n        return { icon: 'ri:file-video-line', accent: '#6366f1', label: 'Video' }\n    }\n    if (\n        mime === 'application/zip' ||\n        mime === 'application/x-rar-compressed' ||\n        mime === 'application/x-7z-compressed'\n    ) {\n        return { icon: 'ri:file-zip-line', accent: '#c08a1e', label: 'Archive' }\n    }\n    if (mime.startsWith('text/')) {\n        return { icon: 'ri:file-text-line', accent: '#64748b', label: 'Text' }\n    }\n    return { icon: 'ri:file-line', accent: '#64748b', label: 'File' }\n}\n\n/** Icon for a file-list row, derived from its MIME type. */\nexport const fileIconForMime = (mimeType?: string | null): string =>\n    fileKindForMime(mimeType).icon\n"],"mappings":"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"}

package/dist-vue/_chunks/PkChatbot-o7k7d-fj.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PkChatbot-o7k7d-fj.js","names":[],"sources":["../../../../packages/components/src/chat/PkChatbot.vue","../../../../packages/components/src/chat/PkChatbot.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import {\n        computed,\n        inject,\n        toRef,\n        useTemplateRef,\n        watch,\n        watchEffect,\n        useSlots,\n    } from 'vue'\n    import { useElementSize } from '@vueuse/core'\n    import { storeToRefs } from 'pinia'\n    import { useI18n } from 'vue-i18n'\n    import type {\n        AgentInterface,\n        AgentModel,\n        AgentFileUpload,\n        AgentGatewayOptions,\n        AgentVoiceCapability,\n        ChatMessageActions,\n        RevisedAnswer,\n        UIChatMessage,\n        AgentTools,\n    } from 'models'\n    import {\n        useChatbotStore,\n        useLocalizedString,\n        provideShortUrlResolver,\n    } from 'composables'\n    import PkAvatar from './PkAvatar.vue'\n    import PkChatbotViewChat from './PkChatbotViewChat.vue'\n    import PkChatbotViewConversations from './PkChatbotViewConversations.vue'\n    import PkChatbotViewFiles from './PkChatbotViewFiles.vue'\n    import PkChatbotViewProfile from './PkChatbotViewProfile.vue'\n    import PkStreamingMarkdown from './PkStreamingMarkdown.vue'\n    import { ChatbotProfileContextKey } from './chatbotProfileContext'\n    import { resolveContrastColor } from './utils'\n\n    // Captured in script setup to avoid TS7022 circular inference in template\n    const slots = useSlots()\n\n    const { t: $t } = useI18n({\n        useScope: 'global',\n    })\n\n    const props = defineProps<{\n        baseUrl: string\n        basePath?: string\n        agentId: string\n        agentType?: 'reasoning' | 'chat'\n        userId?: string\n        name?: string\n        model?: string\n        agentModel?: AgentModel\n        agentTools?: AgentTools\n        agentInterface?: AgentInterface\n        actions?: ChatMessageActions[]\n        revisedAnswers?: RevisedAnswer[]\n        headers?: Record<string, string>\n        systemTheme?: 'light' | 'dark'\n        agentFileUpload?: AgentFileUpload\n        /** Voice configuration from the agent settings: enables the talk button. */\n        voice?: AgentVoiceCapability\n        fallbackModels?: string[]\n        gatewayOptions?: Partial<AgentGatewayOptions>\n        externalContext?: Record<string, unknown>\n        /** Layout modifier: `widget` (default) keeps the contained layout with header, `fullscreen` removes header/background for full-page usage (the page provides the chrome), `panel` keeps the header but slims it down for a docked side panel (the host provides background and border) */\n        modifier?: 'widget' | 'fullscreen' | 'panel'\n        /** Display name of the current user, used for the `{name}` placeholder in the fullscreen greeting */\n        userName?: string\n        /** Show the \"Files in this chat\" menu for hosts that don't provide the\n         * profile context but whose user is authenticated (e.g. the backoffice\n         * playground). The widget host relies on `canManageProfile` instead. */\n        userFilesEnabled?: boolean\n    }>()\n    const emit = defineEmits<{\n        'message-update': [message: UIChatMessage]\n        'show-info': [message: UIChatMessage]\n        revise: [message: UIChatMessage]\n        error: [error: { type: string; title: string; status: number }]\n    }>()\n\n    const chatId = defineModel<string | undefined>('chatId', {\n        type: String,\n        default: undefined,\n    })\n\n    const store = useChatbotStore(props.agentId)\n\n    // Resolve backend short-urls (`/api/r/<hash>`) back to their real target\n    // for display in tool components. Batched + cached across the chat tree.\n    provideShortUrlResolver((hashes) =>\n        store.apiClient.resolveShortUrls(hashes),\n    )\n\n    const { messages, chat, localChatId, activeView, chatError, isDark } =\n        storeToRefs(store)\n\n    // Ref to store.agentId for watchers (avoids duplicate-key with agentId prop)\n    const storeAgentId = toRef(store, 'agentId')\n\n    const { startNewChat, stopGeneration, regenerate, navigate, sendMessage } =\n        store\n\n    // Optional profile-management context provided by the host widget.\n    // Present only for authenticated, non-anonymous sessions.\n    const profile = inject(ChatbotProfileContextKey, undefined)\n    const canManageProfile = computed(\n        () => profile?.canManageProfile.value ?? false,\n    )\n    // Anonymous users get a \"Sign in\" entry instead of the profile one,\n    // provided the host filled the `view-auth` slot and the agent has at\n    // least one auth method enabled.\n    const canSignIn = computed(\n        () =>\n            !canManageProfile.value &&\n            (profile?.canSignIn?.value ?? false) &&\n            slots['view-auth'] !== undefined,\n    )\n\n    // Once the sign-in completes (the session becomes non-anonymous) leave\n    // the auth view and return to the conversation.\n    watch(canManageProfile, (canManage) => {\n        if (canManage && activeView.value === 'auth') {\n            navigate('chat')\n        }\n    })\n\n    // Sync props → store reactively\n    watchEffect(() => {\n        store.baseUrl = props.baseUrl\n        store.basePath = props.basePath\n        store.name = props.name\n        store.agentType = props.agentType\n        store.userId = props.userId\n        store.agentInterface = props.agentInterface\n        store.agentModel = props.agentModel\n        store.agentTools = props.agentTools\n        store.headers = props.headers\n        store.revisedAnswers = props.revisedAnswers\n        store.model = props.model\n        store.actionsInput = props.actions\n        store.agentFileUpload = props.agentFileUpload\n        store.agentVoice = props.voice\n        store.fallbackModels = props.fallbackModels\n        store.gatewayOptions = props.gatewayOptions\n        store.externalContext = props.externalContext\n        store.systemTheme = props.systemTheme\n        store.hideWelcomeMessage = props.modifier === 'fullscreen'\n    })\n\n    // Sync chatId v-model ↔ store (bidirectional)\n    // Parent → store: if the parent provides an external chatId, push it into\n    // the store so the Chat instance picks it up.\n    watch(\n        () => chatId.value,\n        (id) => {\n            if (id && id !== store.localChatId) {\n                store.localChatId = id\n            }\n        },\n        { immediate: true },\n    )\n    // Store → parent: keep the v-model in sync whenever the store changes\n    // the chatId internally (e.g. startNewChat).\n    watch(localChatId, (id) => {\n        chatId.value = id\n    })\n\n    // Emit structured errors from chat to the parent component\n    watch(chatError, (error) => {\n        if (!error) {\n            return\n        }\n        try {\n            const parsedError = JSON.parse(error.message) as {\n                type: string\n                title: string\n                status: number\n            }\n            emit('error', parsedError)\n        } catch {\n            // ignore non-JSON errors\n        }\n    })\n\n    // ui\n    const isFullscreen = computed(() => props.modifier === 'fullscreen')\n    const isPanel = computed(() => props.modifier === 'panel')\n\n    /**\n     * How much room the chat has, measured on the chat and not on the window.\n     *\n     * The same chat renders in a phone page, in a 408px widget, in a docked\n     * panel and in a preview frame that the side panels squeeze to phone width\n     * on a desktop screen, so the viewport says nothing about the space the\n     * layout actually has. A CSS container query would read the same number\n     * with no JavaScript, but `container-type` makes the element a containing\n     * block for `position: fixed` descendants on every engine except Chrome\n     * 129 and later, which displaces every dropdown in the chat: see\n     * docs/agents/gotchas.md, \"The chat measures its own width, and not with a\n     * container query\".\n     *\n     * The thresholds carry the modifiers, so the CSS stays declarative:\n     * `--phone` has as much room as a phone page, `--tight` is too tight for\n     * the agent chip beside the field, `--wide` has room for the outline rail\n     * beside the reading column. Before the first measurement the width is 0\n     * and no modifier applies, which is the roomy layout the base CSS writes.\n     */\n    const chatbotEl = useTemplateRef<HTMLDivElement>('chatbotEl')\n    const { width: chatbotWidth } = useElementSize(chatbotEl)\n    const isPhoneWidth = computed(\n        () => chatbotWidth.value > 0 && chatbotWidth.value < 576,\n    )\n    const isTightWidth = computed(\n        () => chatbotWidth.value > 0 && chatbotWidth.value < 640,\n    )\n    const isWideWidth = computed(() => chatbotWidth.value >= 848)\n    const isReasoningAgent = computed(() => props.agentType === 'reasoning')\n    const useColorsForAgentHeader = computed(\n        () => props.agentInterface?.useColorsForAgentHeader,\n    )\n    // Panel mode promotes the everyday actions (new chat, history) from the\n    // dropdown to direct header buttons: the dropdown then only remains for\n    // the secondary entries (files, profile, sign-in) and disappears when\n    // none of them applies.\n    const showHeaderMenu = computed(\n        () =>\n            !isPanel.value ||\n            canManageProfile.value ||\n            canSignIn.value ||\n            (!!props.userFilesEnabled && !!localChatId.value),\n    )\n    const themeClass = computed(() => [\n        'theme',\n        `theme--${isDark.value ? 'dark' : 'light'}`,\n    ])\n    const mainColor = computed(() => props.agentInterface?.mainColor)\n    const contrastColor = computed(() =>\n        resolveContrastColor(props.agentInterface?.textColor, mainColor.value),\n    )\n    const footerMessage = useLocalizedString(\n        () => props.agentInterface?.footerMessage,\n    )\n    const title = computed(() => {\n        if (activeView.value === 'conversations') {\n            return $t('label.conversations')\n        }\n        if (activeView.value === 'profile') {\n            return $t('label.profile')\n        }\n        if (activeView.value === 'auth') {\n            return $t('label.authentication')\n        }\n        if (activeView.value === 'files') {\n            return $t('userFiles.chatFilesTitle')\n        }\n        return props.name\n    })\n\n    // state\n    const isReady = computed(() => chat.value.status === 'ready')\n    const activeMessage = computed(() => {\n        return messages.value?.[messages.value.length - 1]\n    })\n\n    // expose\n    defineExpose({\n        startNewChat,\n        regenerate,\n        stopGeneration,\n        sendMessage,\n    })\n\n    // load chat, conversations and feedbacks on agent or chat change\n    watch(\n        [storeAgentId, localChatId],\n        async ([newAgentId, newChatId]) => {\n            await store.initialize(newAgentId, newChatId)\n        },\n        {\n            immediate: true,\n        },\n    )\n    // load conversations when navigating to conversations view\n    watch(activeView, (newView) => {\n        if (newView === 'conversations') {\n            store.loadConversations(storeAgentId.value)\n        } else if (newView === 'files') {\n            store.loadChatFiles()\n        }\n    })\n    // emit message updates for up-to-date context in parent components\n    watch(\n        activeMessage,\n        (message) => {\n            if (message) {\n                emit('message-update', message)\n            }\n        },\n        {\n            deep: true,\n            immediate: true,\n        },\n    )\n</script>\n\n<template>\n    <div\n        ref=\"chatbotEl\"\n        class=\"pk-chatbot\"\n        :class=\"[\n            themeClass,\n            {\n                'pk-chatbot--fullscreen': isFullscreen,\n                'pk-chatbot--panel': isPanel,\n                'pk-chatbot--phone': isPhoneWidth,\n                'pk-chatbot--tight': isTightWidth,\n                'pk-chatbot--wide': isWideWidth,\n            },\n        ]\">\n        <!-- #region title -->\n        <div\n            v-if=\"!isFullscreen\"\n            class=\"pk-chatbot__header\"\n            :style=\"\n                useColorsForAgentHeader\n                    ? {\n                          backgroundColor: mainColor,\n                      }\n                    : undefined\n            \">\n            <div class=\"pk-chatbot__header-start\">\n                <template v-if=\"activeView !== 'chat'\">\n                    <VvButton\n                        v-bind=\"{\n                            modifiers: useColorsForAgentHeader\n                                ? `action-quiet-${contrastColor}`\n                                : 'action-quiet',\n                            icon: 'ri:arrow-left-s-line',\n                            title: $t('action.goBack'),\n                        }\"\n                        @click=\"navigate('chat')\" />\n                    <VvIcon\n                        :name=\"\n                            activeView === 'conversations'\n                                ? 'ri:history-line'\n                                : activeView === 'files'\n                                  ? 'ri:attachment-2'\n                                  : 'ri:user-line'\n                        \"\n                        class=\"pk-chatbot__nav-icon\"\n                        :style=\"\n                            useColorsForAgentHeader\n                                ? {\n                                      color: contrastColor,\n                                  }\n                                : undefined\n                        \" />\n                </template>\n                <!-- Panel mode: no avatar, the docked panel identifies the\n                     agent with the title alone -->\n                <PkAvatar\n                    v-else-if=\"!isPanel\"\n                    modifiers=\"surface ring shrink-0\"\n                    class=\"pk-chatbot__avatar\"\n                    :name\n                    :img-src=\"agentInterface?.logo\" />\n                <strong\n                    class=\"pk-chatbot__title\"\n                    :title=\"title\"\n                    :style=\"\n                        useColorsForAgentHeader\n                            ? {\n                                  color: contrastColor,\n                              }\n                            : undefined\n                    \">\n                    {{ title }}\n                </strong>\n            </div>\n            <VvButtonGroup class=\"pk-chatbot__header-end\" modifiers=\"compact\">\n                <slot\n                    name=\"header-actions\"\n                    v-bind=\"{\n                        mainColor,\n                        useColorsForAgentHeader,\n                        contrastColor,\n                        startNewChat,\n                        stopGeneration,\n                    }\" />\n                <template v-if=\"isPanel\">\n                    <VvButton\n                        :modifiers=\"\n                            useColorsForAgentHeader\n                                ? `action-quiet-${contrastColor}`\n                                : 'action-quiet'\n                        \"\n                        icon=\"ri:edit-box-line\"\n                        :disabled=\"!isReady\"\n                        :title=\"$t('action.startNewChat')\"\n                        @click=\"startNewChat()\" />\n                    <VvButton\n                        v-if=\"!isReasoningAgent\"\n                        :modifiers=\"\n                            useColorsForAgentHeader\n                                ? `action-quiet-${contrastColor}`\n                                : 'action-quiet'\n                        \"\n                        icon=\"ri:history-line\"\n                        :disabled=\"!isReady\"\n                        :title=\"$t('action.viewRecentChats')\"\n                        @click=\"navigate('conversations')\" />\n                </template>\n                <VvDropdown\n                    v-if=\"showHeaderMenu\"\n                    v-bind=\"{\n                        placement: 'bottom-end',\n                        modifiers: 'menu',\n                        flip: true,\n                        offset: 3,\n                        strategy: 'fixed',\n                    }\">\n                    <VvButton\n                        v-bind=\"{\n                            modifiers: useColorsForAgentHeader\n                                ? `action-quiet-${contrastColor}`\n                                : 'action-quiet',\n                            icon: 'ri:more-2-fill',\n                            disabled: !isReady,\n                            title: $t('action.moreActions'),\n                        }\" />\n                    <template #items>\n                        <VvDropdownAction\n                            v-if=\"!isPanel\"\n                            @click=\"startNewChat()\">\n                            <VvIcon name=\"ri:edit-box-line\" />\n                            {{ $t('action.startNewChat') }}\n                        </VvDropdownAction>\n                        <VvDropdownAction\n                            v-if=\"!isReasoningAgent && !isPanel\"\n                            @click=\"navigate('conversations')\">\n                            <VvIcon name=\"ri:history-line\" />\n                            {{ $t('action.viewRecentChats') }}\n                        </VvDropdownAction>\n                        <VvDropdownAction\n                            v-if=\"\n                                (canManageProfile || userFilesEnabled) &&\n                                localChatId\n                            \"\n                            @click=\"navigate('files')\">\n                            <VvIcon name=\"ri:attachment-2\" />\n                            {{ $t('userFiles.chatFilesTitle') }}\n                        </VvDropdownAction>\n                        <VvDropdownAction\n                            v-if=\"canManageProfile\"\n                            @click=\"navigate('profile')\">\n                            <VvIcon name=\"ri:user-line\" />\n                            {{ $t('label.profile') }}\n                        </VvDropdownAction>\n                        <VvDropdownAction\n                            v-else-if=\"canSignIn\"\n                            @click=\"navigate('auth')\">\n                            <VvIcon name=\"ri:account-circle-line\" />\n                            {{ $t('action.signIn') }}\n                        </VvDropdownAction>\n                    </template>\n                </VvDropdown>\n                <slot\n                    name=\"actions\"\n                    v-bind=\"{\n                        mainColor,\n                        useColorsForAgentHeader,\n                        contrastColor,\n                        startNewChat,\n                        stopGeneration,\n                    }\" />\n            </VvButtonGroup>\n        </div>\n        <!-- #endregion -->\n\n        <div v-if=\"isReasoningAgent\">\n            <div class=\"pk-chatbot__warning-body\">\n                <VvAlert modifiers=\"callout\">\n                    <div class=\"pk-chatbot__warning-header\">\n                        <VvIcon\n                            name=\"ri:alert-line\"\n                            class=\"pk-chatbot__warning-icon\" />\n                        <strong class=\"pk-chatbot__warning-title\">\n                            {{ $t('message.warning') }}\n                        </strong>\n                    </div>\n                    <p class=\"pk-chatbot__warning-text\">\n                        {{ $t('message.reasoningAgent') }}\n                    </p>\n                </VvAlert>\n            </div>\n        </div>\n\n        <!-- #region views -->\n        <PkChatbotViewChat\n            v-if=\"activeView === 'chat'\"\n            :agent-id\n            :modifier\n            :user-name\n            @show-info=\"emit('show-info', $event)\"\n            @revise=\"emit('revise', $event)\">\n            <template\n                v-for=\"slotName in Object.keys(slots)\"\n                #[slotName]=\"slotData\"\n                ><slot :name=\"slotName\" v-bind=\"slotData\"\n            /></template>\n        </PkChatbotViewChat>\n        <PkChatbotViewConversations\n            v-else-if=\"activeView === 'conversations'\"\n            :agent-id>\n            <template\n                v-for=\"slotName in Object.keys(slots)\"\n                #[slotName]=\"slotData\"\n                ><slot :name=\"slotName\" v-bind=\"slotData\"\n            /></template>\n        </PkChatbotViewConversations>\n        <PkChatbotViewFiles v-else-if=\"activeView === 'files'\" :agent-id />\n        <div\n            v-else-if=\"activeView === 'auth'\"\n            class=\"pk-chatbot__view-auth flex-1 min-h-0 overflow-y-auto\">\n            <!-- Sign-in form provided by the host widget (owns the auth client) -->\n            <slot name=\"view-auth\" />\n        </div>\n        <PkChatbotViewProfile v-else :agent-id>\n            <template\n                v-for=\"slotName in Object.keys(slots)\"\n                #[slotName]=\"slotData\"\n                ><slot :name=\"slotName\" v-bind=\"slotData\"\n            /></template>\n        </PkChatbotViewProfile>\n        <!-- #endregion -->\n\n        <!-- #region footer -->\n        <div v-if=\"footerMessage\" class=\"pk-chatbot__footer\">\n            <PkStreamingMarkdown :markdown=\"footerMessage\" class=\"wysiwyg\" />\n        </div>\n        <!-- #endregion -->\n    </div>\n</template>\n\n<style lang=\"scss\">\n    .pk-chatbot {\n        display: flex;\n        flex-direction: column;\n        position: relative;\n        height: 100%;\n        background-color: var(--color-surface);\n\n        &__header {\n            position: sticky;\n            top: 0;\n            z-index: 1;\n            display: flex;\n            justify-content: space-between;\n            gap: var(--spacing-14);\n            background-color: var(--color-surface-1);\n            padding: var(--spacing-14);\n            border-bottom: 1px solid var(--color-surface-3);\n        }\n\n        &__header-start {\n            display: flex;\n            align-items: center;\n            gap: var(--spacing-sm);\n            min-width: 0;\n        }\n\n        &__nav-icon {\n            font-size: var(--text-18);\n        }\n\n        &__avatar {\n            width: var(--spacing-24);\n            height: var(--spacing-24);\n        }\n\n        &__title {\n            font-size: var(--text-16);\n            font-weight: var(--font-semibold);\n            overflow: hidden;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n        }\n\n        &__header-end {\n            flex-shrink: 0;\n        }\n\n        &__warning-body {\n            padding: var(--spacing-md);\n            border-bottom: 1px solid var(--color-surface-3);\n        }\n\n        &__warning-header {\n            display: flex;\n            align-items: center;\n            gap: var(--spacing-4);\n            margin-bottom: var(--spacing-4);\n        }\n\n        &__warning-icon {\n            width: var(--spacing-16);\n            height: var(--spacing-16);\n        }\n\n        &__warning-title {\n            font-weight: 600;\n            font-size: var(--text-14);\n        }\n\n        &__warning-text {\n            font-size: var(--text-12);\n            color: var(--color-word-3);\n        }\n\n        &__footer {\n            padding: var(--spacing-md);\n            border-top: 1px solid var(--color-surface-3);\n            text-align: center;\n            font-size: var(--text-12);\n            color: var(--color-word-2);\n        }\n\n        // Modifier: fullscreen — layout full-page (Gemini-style): nessun\n        // header interno, sfondo trasparente, input pill centrato.\n        // Il chrome (sidebar, navigazione) è gestito dalla pagina ospite.\n        &--fullscreen {\n            background-color: transparent;\n\n            .pk-chatbot__footer {\n                border-top: none;\n                padding: 0 var(--spacing-md) var(--spacing-sm) var(--spacing-md);\n            }\n\n            // Reading column aligned with the input (Gemini-style). The\n            // constraint lives on the inner wrapper so the scroll container\n            // spans the page and the scrollbar sits at its edge.\n            .pk-chatbot-messages {\n                // Symmetric gutters: a visible scrollbar would otherwise\n                // shrink the content box on one side only, shifting the\n                // column off the input axis\n                scrollbar-gutter: stable both-edges;\n                // Dissolve the content at both edges (works on any page\n                // background, dots included — a surface-colored fade band\n                // would cut through the pattern instead)\n                mask-image: linear-gradient(\n                    to bottom,\n                    transparent 0,\n                    #000 var(--spacing-40),\n                    #000 calc(100% - var(--spacing-40)),\n                    transparent 100%\n                );\n                // Resting clearance so the first/last lines sit inside the\n                // fully opaque zone\n                padding-block: var(--spacing-48);\n            }\n\n            .pk-chatbot-messages__wrapper {\n                width: 100%;\n                max-width: 768px;\n                margin-inline: auto;\n            }\n\n            // Outline rail: wide chats only, measured on the chat and not on\n            // the viewport, so a preview frame squeezed by side panels loses\n            // it like a phone does. The rail sits at the edge of the scroll\n            // area beside the reading column: below the `--wide` threshold\n            // (768px column plus a 40px rail on each side) it would cover the\n            // messages instead.\n            .pk-chatbot-messages__outline {\n                display: none;\n            }\n\n            &.pk-chatbot--wide .pk-chatbot-messages__outline {\n                display: block;\n            }\n\n            .pk-chatbot-file-preview {\n                background-color: var(--color-surface);\n            }\n\n            .pk-chatbot-input__notice {\n                background-color: var(--color-surface);\n                border-inline: 1px solid var(--color-surface-3);\n                border-top: 1px solid var(--color-surface-2);\n                padding: var(--spacing-10) var(--spacing-16);\n\n                &::after {\n                    background-color: var(--color-surface);\n                    border-inline: 1px solid var(--color-surface-2);\n                    bottom: calc(-1 * var(--spacing-20));\n                    height: var(--spacing-20);\n                    left: -1px;\n                    right: -1px;\n                }\n            }\n\n            .pk-chatbot-input {\n                width: calc(100% - var(--spacing-sm) * 2);\n                max-width: 768px;\n                margin-inline: auto;\n\n                &__form {\n                    border-radius: var(--rounded-xxxl); // pill shape\n                    padding: var(--spacing-12) var(--spacing-16);\n                    background-color: var(--color-surface-1);\n                    border-color: var(--color-surface-2);\n                    box-shadow: none;\n                    transition:\n                        border-color var(--duration-200) var(--ease-in-out),\n                        box-shadow var(--duration-200) var(--ease-in-out);\n\n                    &:has(:focus-within) {\n                        border-color: var(--color-surface-4);\n                        box-shadow: var(--shadow-sm);\n                    }\n\n                    @media (prefers-reduced-motion: reduce) {\n                        transition: none;\n                    }\n                }\n\n                &__textarea {\n                    background-color: transparent;\n                }\n            }\n\n            // Touch target ≥44px: estende l'hit area dei pulsanti\n            // (icona 20px + padding 4px ≈ 28px) senza ingrandire l'icona.\n            // Vale per l'input e per la barra della chiamata, che montano\n            // lo stesso pulsante.\n            .pk-chat-button {\n                position: relative;\n\n                &::after {\n                    content: '';\n                    position: absolute;\n                    inset: calc(-1 * var(--spacing-8));\n                }\n            }\n\n            // A live call takes the place of the input, so it takes its shape,\n            // its column and its height: full-bleed here would break the\n            // reading axis, and a different height would make the dock jump\n            // the moment the call starts.\n            .pk-voice-session {\n                // 60px. There is no 60 in the spacing scale and a raw `60px`\n                // would stop following the root font size, which the label\n                // inside does follow.\n                --pk-chat-dock-height: calc(\n                    var(--spacing-56) + var(--spacing-4)\n                );\n                --pk-voice-orb-size: var(--spacing-40);\n                --pk-voice-orb-bars-height: var(--spacing-20);\n                --pk-voice-session-surface: var(--color-surface-1);\n                width: calc(100% - var(--spacing-sm) * 2);\n                max-width: 768px;\n                margin-inline: auto;\n                padding-inline: var(--spacing-16);\n                border-color: var(--color-surface-2);\n                border-radius: var(--rounded-xxxl); // pill shape\n                box-shadow: none;\n\n                &__timer {\n                    font-size: var(--text-14);\n                }\n            }\n        }\n\n        // Modifier: panel — compact chrome for a docked side panel: the host\n        // container owns background and border, the header slims down and\n        // drops its own surface so the chat blends into the panel.\n        &--panel {\n            background-color: transparent;\n\n            .pk-chatbot__header {\n                background-color: transparent;\n\n                // Fixed height so the panel header lines up with the host's\n                // own chrome. Custom properties inherit through the shadow\n                // root: an embedding host can override it to match its\n                // header (the default matches the platform header, 50px).\n                height: var(--pk-chatbot-panel-header-height, 50px);\n                align-items: center;\n                padding-block: 0;\n                padding-inline: var(--spacing-10);\n                border-bottom: 1px solid var(--color-surface-3);\n            }\n\n            .pk-chatbot__title {\n                font-size: var(--text-14);\n            }\n\n            .pk-chatbot__footer {\n                border-top: none;\n                padding: var(--spacing-6) var(--spacing-md);\n            }\n        }\n    }\n</style>\n","<script setup lang=\"ts\">\n    import {\n        computed,\n        inject,\n        toRef,\n        useTemplateRef,\n        watch,\n        watchEffect,\n        useSlots,\n    } from 'vue'\n    import { useElementSize } from '@vueuse/core'\n    import { storeToRefs } from 'pinia'\n    import { useI18n } from 'vue-i18n'\n    import type {\n        AgentInterface,\n        AgentModel,\n        AgentFileUpload,\n        AgentGatewayOptions,\n        AgentVoiceCapability,\n        ChatMessageActions,\n        RevisedAnswer,\n        UIChatMessage,\n        AgentTools,\n    } from 'models'\n    import {\n        useChatbotStore,\n        useLocalizedString,\n        provideShortUrlResolver,\n    } from 'composables'\n    import PkAvatar from './PkAvatar.vue'\n    import PkChatbotViewChat from './PkChatbotViewChat.vue'\n    import PkChatbotViewConversations from './PkChatbotViewConversations.vue'\n    import PkChatbotViewFiles from './PkChatbotViewFiles.vue'\n    import PkChatbotViewProfile from './PkChatbotViewProfile.vue'\n    import PkStreamingMarkdown from './PkStreamingMarkdown.vue'\n    import { ChatbotProfileContextKey } from './chatbotProfileContext'\n    import { resolveContrastColor } from './utils'\n\n    // Captured in script setup to avoid TS7022 circular inference in template\n    const slots = useSlots()\n\n    const { t: $t } = useI18n({\n        useScope: 'global',\n    })\n\n    const props = defineProps<{\n        baseUrl: string\n        basePath?: string\n        agentId: string\n        agentType?: 'reasoning' | 'chat'\n        userId?: string\n        name?: string\n        model?: string\n        agentModel?: AgentModel\n        agentTools?: AgentTools\n        agentInterface?: AgentInterface\n        actions?: ChatMessageActions[]\n        revisedAnswers?: RevisedAnswer[]\n        headers?: Record<string, string>\n        systemTheme?: 'light' | 'dark'\n        agentFileUpload?: AgentFileUpload\n        /** Voice configuration from the agent settings: enables the talk button. */\n        voice?: AgentVoiceCapability\n        fallbackModels?: string[]\n        gatewayOptions?: Partial<AgentGatewayOptions>\n        externalContext?: Record<string, unknown>\n        /** Layout modifier: `widget` (default) keeps the contained layout with header, `fullscreen` removes header/background for full-page usage (the page provides the chrome), `panel` keeps the header but slims it down for a docked side panel (the host provides background and border) */\n        modifier?: 'widget' | 'fullscreen' | 'panel'\n        /** Display name of the current user, used for the `{name}` placeholder in the fullscreen greeting */\n        userName?: string\n        /** Show the \"Files in this chat\" menu for hosts that don't provide the\n         * profile context but whose user is authenticated (e.g. the backoffice\n         * playground). The widget host relies on `canManageProfile` instead. */\n        userFilesEnabled?: boolean\n    }>()\n    const emit = defineEmits<{\n        'message-update': [message: UIChatMessage]\n        'show-info': [message: UIChatMessage]\n        revise: [message: UIChatMessage]\n        error: [error: { type: string; title: string; status: number }]\n    }>()\n\n    const chatId = defineModel<string | undefined>('chatId', {\n        type: String,\n        default: undefined,\n    })\n\n    const store = useChatbotStore(props.agentId)\n\n    // Resolve backend short-urls (`/api/r/<hash>`) back to their real target\n    // for display in tool components. Batched + cached across the chat tree.\n    provideShortUrlResolver((hashes) =>\n        store.apiClient.resolveShortUrls(hashes),\n    )\n\n    const { messages, chat, localChatId, activeView, chatError, isDark } =\n        storeToRefs(store)\n\n    // Ref to store.agentId for watchers (avoids duplicate-key with agentId prop)\n    const storeAgentId = toRef(store, 'agentId')\n\n    const { startNewChat, stopGeneration, regenerate, navigate, sendMessage } =\n        store\n\n    // Optional profile-management context provided by the host widget.\n    // Present only for authenticated, non-anonymous sessions.\n    const profile = inject(ChatbotProfileContextKey, undefined)\n    const canManageProfile = computed(\n        () => profile?.canManageProfile.value ?? false,\n    )\n    // Anonymous users get a \"Sign in\" entry instead of the profile one,\n    // provided the host filled the `view-auth` slot and the agent has at\n    // least one auth method enabled.\n    const canSignIn = computed(\n        () =>\n            !canManageProfile.value &&\n            (profile?.canSignIn?.value ?? false) &&\n            slots['view-auth'] !== undefined,\n    )\n\n    // Once the sign-in completes (the session becomes non-anonymous) leave\n    // the auth view and return to the conversation.\n    watch(canManageProfile, (canManage) => {\n        if (canManage && activeView.value === 'auth') {\n            navigate('chat')\n        }\n    })\n\n    // Sync props → store reactively\n    watchEffect(() => {\n        store.baseUrl = props.baseUrl\n        store.basePath = props.basePath\n        store.name = props.name\n        store.agentType = props.agentType\n        store.userId = props.userId\n        store.agentInterface = props.agentInterface\n        store.agentModel = props.agentModel\n        store.agentTools = props.agentTools\n        store.headers = props.headers\n        store.revisedAnswers = props.revisedAnswers\n        store.model = props.model\n        store.actionsInput = props.actions\n        store.agentFileUpload = props.agentFileUpload\n        store.agentVoice = props.voice\n        store.fallbackModels = props.fallbackModels\n        store.gatewayOptions = props.gatewayOptions\n        store.externalContext = props.externalContext\n        store.systemTheme = props.systemTheme\n        store.hideWelcomeMessage = props.modifier === 'fullscreen'\n    })\n\n    // Sync chatId v-model ↔ store (bidirectional)\n    // Parent → store: if the parent provides an external chatId, push it into\n    // the store so the Chat instance picks it up.\n    watch(\n        () => chatId.value,\n        (id) => {\n            if (id && id !== store.localChatId) {\n                store.localChatId = id\n            }\n        },\n        { immediate: true },\n    )\n    // Store → parent: keep the v-model in sync whenever the store changes\n    // the chatId internally (e.g. startNewChat).\n    watch(localChatId, (id) => {\n        chatId.value = id\n    })\n\n    // Emit structured errors from chat to the parent component\n    watch(chatError, (error) => {\n        if (!error) {\n            return\n        }\n        try {\n            const parsedError = JSON.parse(error.message) as {\n                type: string\n                title: string\n                status: number\n            }\n            emit('error', parsedError)\n        } catch {\n            // ignore non-JSON errors\n        }\n    })\n\n    // ui\n    const isFullscreen = computed(() => props.modifier === 'fullscreen')\n    const isPanel = computed(() => props.modifier === 'panel')\n\n    /**\n     * How much room the chat has, measured on the chat and not on the window.\n     *\n     * The same chat renders in a phone page, in a 408px widget, in a docked\n     * panel and in a preview frame that the side panels squeeze to phone width\n     * on a desktop screen, so the viewport says nothing about the space the\n     * layout actually has. A CSS container query would read the same number\n     * with no JavaScript, but `container-type` makes the element a containing\n     * block for `position: fixed` descendants on every engine except Chrome\n     * 129 and later, which displaces every dropdown in the chat: see\n     * docs/agents/gotchas.md, \"The chat measures its own width, and not with a\n     * container query\".\n     *\n     * The thresholds carry the modifiers, so the CSS stays declarative:\n     * `--phone` has as much room as a phone page, `--tight` is too tight for\n     * the agent chip beside the field, `--wide` has room for the outline rail\n     * beside the reading column. Before the first measurement the width is 0\n     * and no modifier applies, which is the roomy layout the base CSS writes.\n     */\n    const chatbotEl = useTemplateRef<HTMLDivElement>('chatbotEl')\n    const { width: chatbotWidth } = useElementSize(chatbotEl)\n    const isPhoneWidth = computed(\n        () => chatbotWidth.value > 0 && chatbotWidth.value < 576,\n    )\n    const isTightWidth = computed(\n        () => chatbotWidth.value > 0 && chatbotWidth.value < 640,\n    )\n    const isWideWidth = computed(() => chatbotWidth.value >= 848)\n    const isReasoningAgent = computed(() => props.agentType === 'reasoning')\n    const useColorsForAgentHeader = computed(\n        () => props.agentInterface?.useColorsForAgentHeader,\n    )\n    // Panel mode promotes the everyday actions (new chat, history) from the\n    // dropdown to direct header buttons: the dropdown then only remains for\n    // the secondary entries (files, profile, sign-in) and disappears when\n    // none of them applies.\n    const showHeaderMenu = computed(\n        () =>\n            !isPanel.value ||\n            canManageProfile.value ||\n            canSignIn.value ||\n            (!!props.userFilesEnabled && !!localChatId.value),\n    )\n    const themeClass = computed(() => [\n        'theme',\n        `theme--${isDark.value ? 'dark' : 'light'}`,\n    ])\n    const mainColor = computed(() => props.agentInterface?.mainColor)\n    const contrastColor = computed(() =>\n        resolveContrastColor(props.agentInterface?.textColor, mainColor.value),\n    )\n    const footerMessage = useLocalizedString(\n        () => props.agentInterface?.footerMessage,\n    )\n    const title = computed(() => {\n        if (activeView.value === 'conversations') {\n            return $t('label.conversations')\n        }\n        if (activeView.value === 'profile') {\n            return $t('label.profile')\n        }\n        if (activeView.value === 'auth') {\n            return $t('label.authentication')\n        }\n        if (activeView.value === 'files') {\n            return $t('userFiles.chatFilesTitle')\n        }\n        return props.name\n    })\n\n    // state\n    const isReady = computed(() => chat.value.status === 'ready')\n    const activeMessage = computed(() => {\n        return messages.value?.[messages.value.length - 1]\n    })\n\n    // expose\n    defineExpose({\n        startNewChat,\n        regenerate,\n        stopGeneration,\n        sendMessage,\n    })\n\n    // load chat, conversations and feedbacks on agent or chat change\n    watch(\n        [storeAgentId, localChatId],\n        async ([newAgentId, newChatId]) => {\n            await store.initialize(newAgentId, newChatId)\n        },\n        {\n            immediate: true,\n        },\n    )\n    // load conversations when navigating to conversations view\n    watch(activeView, (newView) => {\n        if (newView === 'conversations') {\n            store.loadConversations(storeAgentId.value)\n        } else if (newView === 'files') {\n            store.loadChatFiles()\n        }\n    })\n    // emit message updates for up-to-date context in parent components\n    watch(\n        activeMessage,\n        (message) => {\n            if (message) {\n                emit('message-update', message)\n            }\n        },\n        {\n            deep: true,\n            immediate: true,\n        },\n    )\n</script>\n\n<template>\n    <div\n        ref=\"chatbotEl\"\n        class=\"pk-chatbot\"\n        :class=\"[\n            themeClass,\n            {\n                'pk-chatbot--fullscreen': isFullscreen,\n                'pk-chatbot--panel': isPanel,\n                'pk-chatbot--phone': isPhoneWidth,\n                'pk-chatbot--tight': isTightWidth,\n                'pk-chatbot--wide': isWideWidth,\n            },\n        ]\">\n        <!-- #region title -->\n        <div\n            v-if=\"!isFullscreen\"\n            class=\"pk-chatbot__header\"\n            :style=\"\n                useColorsForAgentHeader\n                    ? {\n                          backgroundColor: mainColor,\n                      }\n                    : undefined\n            \">\n            <div class=\"pk-chatbot__header-start\">\n                <template v-if=\"activeView !== 'chat'\">\n                    <VvButton\n                        v-bind=\"{\n                            modifiers: useColorsForAgentHeader\n                                ? `action-quiet-${contrastColor}`\n                                : 'action-quiet',\n                            icon: 'ri:arrow-left-s-line',\n                            title: $t('action.goBack'),\n                        }\"\n                        @click=\"navigate('chat')\" />\n                    <VvIcon\n                        :name=\"\n                            activeView === 'conversations'\n                                ? 'ri:history-line'\n                                : activeView === 'files'\n                                  ? 'ri:attachment-2'\n                                  : 'ri:user-line'\n                        \"\n                        class=\"pk-chatbot__nav-icon\"\n                        :style=\"\n                            useColorsForAgentHeader\n                                ? {\n                                      color: contrastColor,\n                                  }\n                                : undefined\n                        \" />\n                </template>\n                <!-- Panel mode: no avatar, the docked panel identifies the\n                     agent with the title alone -->\n                <PkAvatar\n                    v-else-if=\"!isPanel\"\n                    modifiers=\"surface ring shrink-0\"\n                    class=\"pk-chatbot__avatar\"\n                    :name\n                    :img-src=\"agentInterface?.logo\" />\n                <strong\n                    class=\"pk-chatbot__title\"\n                    :title=\"title\"\n                    :style=\"\n                        useColorsForAgentHeader\n                            ? {\n                                  color: contrastColor,\n                              }\n                            : undefined\n                    \">\n                    {{ title }}\n                </strong>\n            </div>\n            <VvButtonGroup class=\"pk-chatbot__header-end\" modifiers=\"compact\">\n                <slot\n                    name=\"header-actions\"\n                    v-bind=\"{\n                        mainColor,\n                        useColorsForAgentHeader,\n                        contrastColor,\n                        startNewChat,\n                        stopGeneration,\n                    }\" />\n                <template v-if=\"isPanel\">\n                    <VvButton\n                        :modifiers=\"\n                            useColorsForAgentHeader\n                                ? `action-quiet-${contrastColor}`\n                                : 'action-quiet'\n                        \"\n                        icon=\"ri:edit-box-line\"\n                        :disabled=\"!isReady\"\n                        :title=\"$t('action.startNewChat')\"\n                        @click=\"startNewChat()\" />\n                    <VvButton\n                        v-if=\"!isReasoningAgent\"\n                        :modifiers=\"\n                            useColorsForAgentHeader\n                                ? `action-quiet-${contrastColor}`\n                                : 'action-quiet'\n                        \"\n                        icon=\"ri:history-line\"\n                        :disabled=\"!isReady\"\n                        :title=\"$t('action.viewRecentChats')\"\n                        @click=\"navigate('conversations')\" />\n                </template>\n                <VvDropdown\n                    v-if=\"showHeaderMenu\"\n                    v-bind=\"{\n                        placement: 'bottom-end',\n                        modifiers: 'menu',\n                        flip: true,\n                        offset: 3,\n                        strategy: 'fixed',\n                    }\">\n                    <VvButton\n                        v-bind=\"{\n                            modifiers: useColorsForAgentHeader\n                                ? `action-quiet-${contrastColor}`\n                                : 'action-quiet',\n                            icon: 'ri:more-2-fill',\n                            disabled: !isReady,\n                            title: $t('action.moreActions'),\n                        }\" />\n                    <template #items>\n                        <VvDropdownAction\n                            v-if=\"!isPanel\"\n                            @click=\"startNewChat()\">\n                            <VvIcon name=\"ri:edit-box-line\" />\n                            {{ $t('action.startNewChat') }}\n                        </VvDropdownAction>\n                        <VvDropdownAction\n                            v-if=\"!isReasoningAgent && !isPanel\"\n                            @click=\"navigate('conversations')\">\n                            <VvIcon name=\"ri:history-line\" />\n                            {{ $t('action.viewRecentChats') }}\n                        </VvDropdownAction>\n                        <VvDropdownAction\n                            v-if=\"\n                                (canManageProfile || userFilesEnabled) &&\n                                localChatId\n                            \"\n                            @click=\"navigate('files')\">\n                            <VvIcon name=\"ri:attachment-2\" />\n                            {{ $t('userFiles.chatFilesTitle') }}\n                        </VvDropdownAction>\n                        <VvDropdownAction\n                            v-if=\"canManageProfile\"\n                            @click=\"navigate('profile')\">\n                            <VvIcon name=\"ri:user-line\" />\n                            {{ $t('label.profile') }}\n                        </VvDropdownAction>\n                        <VvDropdownAction\n                            v-else-if=\"canSignIn\"\n                            @click=\"navigate('auth')\">\n                            <VvIcon name=\"ri:account-circle-line\" />\n                            {{ $t('action.signIn') }}\n                        </VvDropdownAction>\n                    </template>\n                </VvDropdown>\n                <slot\n                    name=\"actions\"\n                    v-bind=\"{\n                        mainColor,\n                        useColorsForAgentHeader,\n                        contrastColor,\n                        startNewChat,\n                        stopGeneration,\n                    }\" />\n            </VvButtonGroup>\n        </div>\n        <!-- #endregion -->\n\n        <div v-if=\"isReasoningAgent\">\n            <div class=\"pk-chatbot__warning-body\">\n                <VvAlert modifiers=\"callout\">\n                    <div class=\"pk-chatbot__warning-header\">\n                        <VvIcon\n                            name=\"ri:alert-line\"\n                            class=\"pk-chatbot__warning-icon\" />\n                        <strong class=\"pk-chatbot__warning-title\">\n                            {{ $t('message.warning') }}\n                        </strong>\n                    </div>\n                    <p class=\"pk-chatbot__warning-text\">\n                        {{ $t('message.reasoningAgent') }}\n                    </p>\n                </VvAlert>\n            </div>\n        </div>\n\n        <!-- #region views -->\n        <PkChatbotViewChat\n            v-if=\"activeView === 'chat'\"\n            :agent-id\n            :modifier\n            :user-name\n            @show-info=\"emit('show-info', $event)\"\n            @revise=\"emit('revise', $event)\">\n            <template\n                v-for=\"slotName in Object.keys(slots)\"\n                #[slotName]=\"slotData\"\n                ><slot :name=\"slotName\" v-bind=\"slotData\"\n            /></template>\n        </PkChatbotViewChat>\n        <PkChatbotViewConversations\n            v-else-if=\"activeView === 'conversations'\"\n            :agent-id>\n            <template\n                v-for=\"slotName in Object.keys(slots)\"\n                #[slotName]=\"slotData\"\n                ><slot :name=\"slotName\" v-bind=\"slotData\"\n            /></template>\n        </PkChatbotViewConversations>\n        <PkChatbotViewFiles v-else-if=\"activeView === 'files'\" :agent-id />\n        <div\n            v-else-if=\"activeView === 'auth'\"\n            class=\"pk-chatbot__view-auth flex-1 min-h-0 overflow-y-auto\">\n            <!-- Sign-in form provided by the host widget (owns the auth client) -->\n            <slot name=\"view-auth\" />\n        </div>\n        <PkChatbotViewProfile v-else :agent-id>\n            <template\n                v-for=\"slotName in Object.keys(slots)\"\n                #[slotName]=\"slotData\"\n                ><slot :name=\"slotName\" v-bind=\"slotData\"\n            /></template>\n        </PkChatbotViewProfile>\n        <!-- #endregion -->\n\n        <!-- #region footer -->\n        <div v-if=\"footerMessage\" class=\"pk-chatbot__footer\">\n            <PkStreamingMarkdown :markdown=\"footerMessage\" class=\"wysiwyg\" />\n        </div>\n        <!-- #endregion -->\n    </div>\n</template>\n\n<style lang=\"scss\">\n    .pk-chatbot {\n        display: flex;\n        flex-direction: column;\n        position: relative;\n        height: 100%;\n        background-color: var(--color-surface);\n\n        &__header {\n            position: sticky;\n            top: 0;\n            z-index: 1;\n            display: flex;\n            justify-content: space-between;\n            gap: var(--spacing-14);\n            background-color: var(--color-surface-1);\n            padding: var(--spacing-14);\n            border-bottom: 1px solid var(--color-surface-3);\n        }\n\n        &__header-start {\n            display: flex;\n            align-items: center;\n            gap: var(--spacing-sm);\n            min-width: 0;\n        }\n\n        &__nav-icon {\n            font-size: var(--text-18);\n        }\n\n        &__avatar {\n            width: var(--spacing-24);\n            height: var(--spacing-24);\n        }\n\n        &__title {\n            font-size: var(--text-16);\n            font-weight: var(--font-semibold);\n            overflow: hidden;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n        }\n\n        &__header-end {\n            flex-shrink: 0;\n        }\n\n        &__warning-body {\n            padding: var(--spacing-md);\n            border-bottom: 1px solid var(--color-surface-3);\n        }\n\n        &__warning-header {\n            display: flex;\n            align-items: center;\n            gap: var(--spacing-4);\n            margin-bottom: var(--spacing-4);\n        }\n\n        &__warning-icon {\n            width: var(--spacing-16);\n            height: var(--spacing-16);\n        }\n\n        &__warning-title {\n            font-weight: 600;\n            font-size: var(--text-14);\n        }\n\n        &__warning-text {\n            font-size: var(--text-12);\n            color: var(--color-word-3);\n        }\n\n        &__footer {\n            padding: var(--spacing-md);\n            border-top: 1px solid var(--color-surface-3);\n            text-align: center;\n            font-size: var(--text-12);\n            color: var(--color-word-2);\n        }\n\n        // Modifier: fullscreen — layout full-page (Gemini-style): nessun\n        // header interno, sfondo trasparente, input pill centrato.\n        // Il chrome (sidebar, navigazione) è gestito dalla pagina ospite.\n        &--fullscreen {\n            background-color: transparent;\n\n            .pk-chatbot__footer {\n                border-top: none;\n                padding: 0 var(--spacing-md) var(--spacing-sm) var(--spacing-md);\n            }\n\n            // Reading column aligned with the input (Gemini-style). The\n            // constraint lives on the inner wrapper so the scroll container\n            // spans the page and the scrollbar sits at its edge.\n            .pk-chatbot-messages {\n                // Symmetric gutters: a visible scrollbar would otherwise\n                // shrink the content box on one side only, shifting the\n                // column off the input axis\n                scrollbar-gutter: stable both-edges;\n                // Dissolve the content at both edges (works on any page\n                // background, dots included — a surface-colored fade band\n                // would cut through the pattern instead)\n                mask-image: linear-gradient(\n                    to bottom,\n                    transparent 0,\n                    #000 var(--spacing-40),\n                    #000 calc(100% - var(--spacing-40)),\n                    transparent 100%\n                );\n                // Resting clearance so the first/last lines sit inside the\n                // fully opaque zone\n                padding-block: var(--spacing-48);\n            }\n\n            .pk-chatbot-messages__wrapper {\n                width: 100%;\n                max-width: 768px;\n                margin-inline: auto;\n            }\n\n            // Outline rail: wide chats only, measured on the chat and not on\n            // the viewport, so a preview frame squeezed by side panels loses\n            // it like a phone does. The rail sits at the edge of the scroll\n            // area beside the reading column: below the `--wide` threshold\n            // (768px column plus a 40px rail on each side) it would cover the\n            // messages instead.\n            .pk-chatbot-messages__outline {\n                display: none;\n            }\n\n            &.pk-chatbot--wide .pk-chatbot-messages__outline {\n                display: block;\n            }\n\n            .pk-chatbot-file-preview {\n                background-color: var(--color-surface);\n            }\n\n            .pk-chatbot-input__notice {\n                background-color: var(--color-surface);\n                border-inline: 1px solid var(--color-surface-3);\n                border-top: 1px solid var(--color-surface-2);\n                padding: var(--spacing-10) var(--spacing-16);\n\n                &::after {\n                    background-color: var(--color-surface);\n                    border-inline: 1px solid var(--color-surface-2);\n                    bottom: calc(-1 * var(--spacing-20));\n                    height: var(--spacing-20);\n                    left: -1px;\n                    right: -1px;\n                }\n            }\n\n            .pk-chatbot-input {\n                width: calc(100% - var(--spacing-sm) * 2);\n                max-width: 768px;\n                margin-inline: auto;\n\n                &__form {\n                    border-radius: var(--rounded-xxxl); // pill shape\n                    padding: var(--spacing-12) var(--spacing-16);\n                    background-color: var(--color-surface-1);\n                    border-color: var(--color-surface-2);\n                    box-shadow: none;\n                    transition:\n                        border-color var(--duration-200) var(--ease-in-out),\n                        box-shadow var(--duration-200) var(--ease-in-out);\n\n                    &:has(:focus-within) {\n                        border-color: var(--color-surface-4);\n                        box-shadow: var(--shadow-sm);\n                    }\n\n                    @media (prefers-reduced-motion: reduce) {\n                        transition: none;\n                    }\n                }\n\n                &__textarea {\n                    background-color: transparent;\n                }\n            }\n\n            // Touch target ≥44px: estende l'hit area dei pulsanti\n            // (icona 20px + padding 4px ≈ 28px) senza ingrandire l'icona.\n            // Vale per l'input e per la barra della chiamata, che montano\n            // lo stesso pulsante.\n            .pk-chat-button {\n                position: relative;\n\n                &::after {\n                    content: '';\n                    position: absolute;\n                    inset: calc(-1 * var(--spacing-8));\n                }\n            }\n\n            // A live call takes the place of the input, so it takes its shape,\n            // its column and its height: full-bleed here would break the\n            // reading axis, and a different height would make the dock jump\n            // the moment the call starts.\n            .pk-voice-session {\n                // 60px. There is no 60 in the spacing scale and a raw `60px`\n                // would stop following the root font size, which the label\n                // inside does follow.\n                --pk-chat-dock-height: calc(\n                    var(--spacing-56) + var(--spacing-4)\n                );\n                --pk-voice-orb-size: var(--spacing-40);\n                --pk-voice-orb-bars-height: var(--spacing-20);\n                --pk-voice-session-surface: var(--color-surface-1);\n                width: calc(100% - var(--spacing-sm) * 2);\n                max-width: 768px;\n                margin-inline: auto;\n                padding-inline: var(--spacing-16);\n                border-color: var(--color-surface-2);\n                border-radius: var(--rounded-xxxl); // pill shape\n                box-shadow: none;\n\n                &__timer {\n                    font-size: var(--text-14);\n                }\n            }\n        }\n\n        // Modifier: panel — compact chrome for a docked side panel: the host\n        // container owns background and border, the header slims down and\n        // drops its own surface so the chat blends into the panel.\n        &--panel {\n            background-color: transparent;\n\n            .pk-chatbot__header {\n                background-color: transparent;\n\n                // Fixed height so the panel header lines up with the host's\n                // own chrome. Custom properties inherit through the shadow\n                // root: an embedding host can override it to match its\n                // header (the default matches the platform header, 50px).\n                height: var(--pk-chatbot-panel-header-height, 50px);\n                align-items: center;\n                padding-block: 0;\n                padding-inline: var(--spacing-10);\n                border-bottom: 1px solid var(--color-surface-3);\n            }\n\n            .pk-chatbot__title {\n                font-size: var(--text-14);\n            }\n\n            .pk-chatbot__footer {\n                border-top: none;\n                padding: var(--spacing-6) var(--spacing-md);\n            }\n        }\n    }\n</style>\n"],"mappings":"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"}

package/dist-vue/_chunks/PkChatbotError-CBP2mf-n.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PkChatbotError-CBP2mf-n.js","names":["$emit"],"sources":["../../../../packages/models/src/schema/StreamError.ts","../../../../packages/composable/src/useChatbotError.ts","../../../../packages/components/src/chat/PkChatbotError.vue","../../../../packages/components/src/chat/PkChatbotError.vue"],"sourcesContent":["export const STREAM_ERROR_PREFIX = 'STREAM_ERROR:'\n\nexport const StreamErrorCode = {\n    GATEWAY_CONFIG: 'GATEWAY_CONFIG',\n} as const\n\nexport type StreamErrorCode =\n    (typeof StreamErrorCode)[keyof typeof StreamErrorCode]\n\nexport interface StreamErrorPayload {\n    reason: string\n    model?: string\n    [key: string]: unknown\n}\n\nexport function formatStreamError(\n    code: string,\n    payload: StreamErrorPayload,\n): string {\n    return `${STREAM_ERROR_PREFIX}${code}:${JSON.stringify(payload)}`\n}\n\nexport function parseStreamError(\n    message: string | undefined,\n): { code: string; payload: StreamErrorPayload } | undefined {\n    if (!message?.startsWith(STREAM_ERROR_PREFIX)) {\n        return undefined\n    }\n    const afterPrefix = message.slice(STREAM_ERROR_PREFIX.length)\n    const colonIndex = afterPrefix.indexOf(':')\n    if (colonIndex === -1) {\n        return undefined\n    }\n    const code = afterPrefix.slice(0, colonIndex)\n    try {\n        const payload = JSON.parse(\n            afterPrefix.slice(colonIndex + 1),\n        ) as StreamErrorPayload\n        return { code, payload }\n    } catch {\n        return undefined\n    }\n}\n\nexport function matchesStreamErrorCode(\n    message: string | undefined,\n    code: string,\n): boolean {\n    return message?.startsWith(`${STREAM_ERROR_PREFIX}${code}:`) ?? false\n}\n","import { computed, toValue, type MaybeRefOrGetter } from 'vue'\nimport {\n    matchesStreamErrorCode as matchesStreamCode,\n    parseStreamError,\n    type StreamErrorPayload,\n} from 'models'\n\nexport type { StreamErrorPayload }\n\ntype ErrorCode =\n    | 'context_length_exceeded'\n    | 'entity-not-found'\n    | 'rate-limit-exceeded'\n    | 'origin-not-allowed'\n    | 'credit-exhausted'\n    | 'conversation-blocked'\n    | 'bad request'\n    | 'internal-server-error'\n\nfunction matchesCode(error: Error | undefined, code: ErrorCode): boolean {\n    return error?.message?.toLowerCase().includes(code) ?? false\n}\n\nexport function getStreamErrorPayload(\n    error: Error | undefined,\n): StreamErrorPayload | undefined {\n    return parseStreamError(error?.message)?.payload\n}\n\nexport function useChatbotError(error: MaybeRefOrGetter<Error | undefined>) {\n    const isContextWindowError = computed(() =>\n        matchesCode(toValue(error), 'context_length_exceeded'),\n    )\n    const isNotFoundError = computed(() =>\n        matchesCode(toValue(error), 'entity-not-found'),\n    )\n    const isRateLimitError = computed(() =>\n        matchesCode(toValue(error), 'rate-limit-exceeded'),\n    )\n    const isOriginNotAllowedError = computed(() =>\n        matchesCode(toValue(error), 'origin-not-allowed'),\n    )\n    const isCreditExhaustedError = computed(() =>\n        matchesCode(toValue(error), 'credit-exhausted'),\n    )\n    const isConversationBlockedError = computed(() =>\n        matchesCode(toValue(error), 'conversation-blocked'),\n    )\n    const isBadRequestError = computed(() =>\n        matchesCode(toValue(error), 'bad request'),\n    )\n    const isInternalServerError = computed(() =>\n        matchesCode(toValue(error), 'internal-server-error'),\n    )\n    const isGatewayConfigError = computed(() =>\n        matchesStreamCode(toValue(error)?.message, 'GATEWAY_CONFIG'),\n    )\n\n    /** Errors that trigger an automatic retry countdown */\n    const isRefreshableError = computed(\n        () =>\n            !isContextWindowError.value &&\n            !isNotFoundError.value &&\n            !isOriginNotAllowedError.value &&\n            !isCreditExhaustedError.value &&\n            !isConversationBlockedError.value &&\n            !isBadRequestError.value &&\n            !isInternalServerError.value &&\n            !isGatewayConfigError.value,\n    )\n\n    return {\n        isContextWindowError,\n        isNotFoundError,\n        isRateLimitError,\n        isOriginNotAllowedError,\n        isCreditExhaustedError,\n        isConversationBlockedError,\n        isBadRequestError,\n        isInternalServerError,\n        isGatewayConfigError,\n        isRefreshableError,\n    }\n}\n","<script lang=\"ts\" setup>\n    import { computed, onBeforeUnmount, ref, watch } from 'vue'\n    import { useI18n } from 'vue-i18n'\n    import { useChatbotError, getStreamErrorPayload } from 'composables'\n\n    const props = defineProps<{\n        error?: Error\n    }>()\n\n    const emit = defineEmits<{\n        (e: 'retry'): void\n        (e: 'reset'): void\n    }>()\n\n    const { t: $t } = useI18n({\n        useScope: 'global',\n    })\n\n    const {\n        isContextWindowError,\n        isNotFoundError,\n        isRateLimitError,\n        isOriginNotAllowedError,\n        isCreditExhaustedError,\n        isConversationBlockedError,\n        isBadRequestError,\n        isInternalServerError,\n        isGatewayConfigError,\n        isRefreshableError,\n    } = useChatbotError(() => props.error)\n\n    const errorMessage = computed(() => {\n        if (isGatewayConfigError.value) {\n            const payload = getStreamErrorPayload(props.error)\n            if (payload?.reason === 'disallowPromptTraining') {\n                return $t('message.chatErrorGatewayPromptTraining', {\n                    model: payload.model,\n                })\n            }\n            if (payload?.reason === 'zeroDataRetention') {\n                return $t('message.chatErrorGatewayZdr', {\n                    model: payload.model,\n                })\n            }\n            return $t('message.chatErrorGeneric')\n        }\n        if (isContextWindowError.value) {\n            return $t('message.chatErrorContextWindow')\n        }\n        if (isNotFoundError.value) {\n            return $t('message.chatErrorNotFound')\n        }\n        if (isRateLimitError.value) {\n            return $t('message.chatErrorRateLimit', {\n                seconds: retryCountdown.value,\n            })\n        }\n        if (isOriginNotAllowedError.value) {\n            return $t('message.chatErrorOriginNotAllowed')\n        }\n        if (isCreditExhaustedError.value) {\n            return $t('message.chatErrorCreditExhausted')\n        }\n        if (isConversationBlockedError.value) {\n            return $t('message.chatErrorConversationBlocked')\n        }\n        if (isBadRequestError.value) {\n            return $t('message.chatErrorBadRequest')\n        }\n        if (isInternalServerError.value) {\n            return $t('message.chatErrorInternalServer')\n        }\n        return $t('message.chatErrorGeneric', { seconds: retryCountdown.value })\n    })\n\n    const retryCountdown = ref<number>(0)\n    const retryTimer = ref<ReturnType<typeof setTimeout>>()\n\n    watch(\n        () => props.error,\n        (error) => {\n            if (retryTimer.value) {\n                clearTimeout(retryTimer.value)\n            }\n\n            if (error && isRefreshableError.value) {\n                retryCountdown.value = 10\n                const tick = () => {\n                    retryCountdown.value--\n                    if (retryCountdown.value <= 0) {\n                        emit('retry')\n                        return\n                    }\n                    retryTimer.value = setTimeout(tick, 1000)\n                }\n                retryTimer.value = setTimeout(tick, 1000)\n            } else {\n                retryCountdown.value = 0\n            }\n        },\n        { immediate: true },\n    )\n\n    onBeforeUnmount(() => {\n        if (retryTimer.value) {\n            clearTimeout(retryTimer.value)\n        }\n    })\n</script>\n\n<template>\n    <VvAlert\n        :modifiers=\"isRefreshableError ? 'warning' : 'danger'\"\n        class=\"rounded-lg\">\n        <!-- The modifier already paints the alert and picks its icon: tinting\n             the content again, with a 32px glyph nothing else in the chat\n             matches, said the same thing three times (DESIGN.md). -->\n        {{ errorMessage }}\n        <template\n            v-if=\"\n                isRefreshableError ||\n                (!isOriginNotAllowedError &&\n                    !isCreditExhaustedError &&\n                    !isGatewayConfigError)\n            \"\n            #footer>\n            <VvButton\n                v-if=\"isRefreshableError\"\n                icon=\"ri:reset-right-line\"\n                modifiers=\"action\"\n                class=\"text-12\"\n                :label=\"$t('action.retryNow')\"\n                @click=\"$emit('retry')\" />\n            <VvButton\n                v-else-if=\"\n                    !isOriginNotAllowedError &&\n                    !isCreditExhaustedError &&\n                    !isGatewayConfigError\n                \"\n                icon=\"reload\"\n                modifiers=\"action\"\n                :label=\"$t('label.newChat')\"\n                @click=\"$emit('reset')\" />\n        </template>\n    </VvAlert>\n</template>\n","<script lang=\"ts\" setup>\n    import { computed, onBeforeUnmount, ref, watch } from 'vue'\n    import { useI18n } from 'vue-i18n'\n    import { useChatbotError, getStreamErrorPayload } from 'composables'\n\n    const props = defineProps<{\n        error?: Error\n    }>()\n\n    const emit = defineEmits<{\n        (e: 'retry'): void\n        (e: 'reset'): void\n    }>()\n\n    const { t: $t } = useI18n({\n        useScope: 'global',\n    })\n\n    const {\n        isContextWindowError,\n        isNotFoundError,\n        isRateLimitError,\n        isOriginNotAllowedError,\n        isCreditExhaustedError,\n        isConversationBlockedError,\n        isBadRequestError,\n        isInternalServerError,\n        isGatewayConfigError,\n        isRefreshableError,\n    } = useChatbotError(() => props.error)\n\n    const errorMessage = computed(() => {\n        if (isGatewayConfigError.value) {\n            const payload = getStreamErrorPayload(props.error)\n            if (payload?.reason === 'disallowPromptTraining') {\n                return $t('message.chatErrorGatewayPromptTraining', {\n                    model: payload.model,\n                })\n            }\n            if (payload?.reason === 'zeroDataRetention') {\n                return $t('message.chatErrorGatewayZdr', {\n                    model: payload.model,\n                })\n            }\n            return $t('message.chatErrorGeneric')\n        }\n        if (isContextWindowError.value) {\n            return $t('message.chatErrorContextWindow')\n        }\n        if (isNotFoundError.value) {\n            return $t('message.chatErrorNotFound')\n        }\n        if (isRateLimitError.value) {\n            return $t('message.chatErrorRateLimit', {\n                seconds: retryCountdown.value,\n            })\n        }\n        if (isOriginNotAllowedError.value) {\n            return $t('message.chatErrorOriginNotAllowed')\n        }\n        if (isCreditExhaustedError.value) {\n            return $t('message.chatErrorCreditExhausted')\n        }\n        if (isConversationBlockedError.value) {\n            return $t('message.chatErrorConversationBlocked')\n        }\n        if (isBadRequestError.value) {\n            return $t('message.chatErrorBadRequest')\n        }\n        if (isInternalServerError.value) {\n            return $t('message.chatErrorInternalServer')\n        }\n        return $t('message.chatErrorGeneric', { seconds: retryCountdown.value })\n    })\n\n    const retryCountdown = ref<number>(0)\n    const retryTimer = ref<ReturnType<typeof setTimeout>>()\n\n    watch(\n        () => props.error,\n        (error) => {\n            if (retryTimer.value) {\n                clearTimeout(retryTimer.value)\n            }\n\n            if (error && isRefreshableError.value) {\n                retryCountdown.value = 10\n                const tick = () => {\n                    retryCountdown.value--\n                    if (retryCountdown.value <= 0) {\n                        emit('retry')\n                        return\n                    }\n                    retryTimer.value = setTimeout(tick, 1000)\n                }\n                retryTimer.value = setTimeout(tick, 1000)\n            } else {\n                retryCountdown.value = 0\n            }\n        },\n        { immediate: true },\n    )\n\n    onBeforeUnmount(() => {\n        if (retryTimer.value) {\n            clearTimeout(retryTimer.value)\n        }\n    })\n</script>\n\n<template>\n    <VvAlert\n        :modifiers=\"isRefreshableError ? 'warning' : 'danger'\"\n        class=\"rounded-lg\">\n        <!-- The modifier already paints the alert and picks its icon: tinting\n             the content again, with a 32px glyph nothing else in the chat\n             matches, said the same thing three times (DESIGN.md). -->\n        {{ errorMessage }}\n        <template\n            v-if=\"\n                isRefreshableError ||\n                (!isOriginNotAllowedError &&\n                    !isCreditExhaustedError &&\n                    !isGatewayConfigError)\n            \"\n            #footer>\n            <VvButton\n                v-if=\"isRefreshableError\"\n                icon=\"ri:reset-right-line\"\n                modifiers=\"action\"\n                class=\"text-12\"\n                :label=\"$t('action.retryNow')\"\n                @click=\"$emit('retry')\" />\n            <VvButton\n                v-else-if=\"\n                    !isOriginNotAllowedError &&\n                    !isCreditExhaustedError &&\n                    !isGatewayConfigError\n                \"\n                icon=\"reload\"\n                modifiers=\"action\"\n                :label=\"$t('label.newChat')\"\n                @click=\"$emit('reset')\" />\n        </template>\n    </VvAlert>\n</template>\n"],"mappings":"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"}

package/dist-vue/_chunks/PkChatbotFeedbackForm-DO1QIgmo.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PkChatbotFeedbackForm-DO1QIgmo.js","names":["$emit"],"sources":["../../../../packages/components/src/chat/PkChatbotFeedbackForm.vue","../../../../packages/components/src/chat/PkChatbotFeedbackForm.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { useI18n } from 'vue-i18n'\n    import { useForm } from '@volverjs/form-vue'\n    import * as z from 'zod'\n\n    const { t: $t } = useI18n({ useScope: 'global' })\n\n    defineProps<{\n        submitted?: boolean\n        loading?: boolean\n        error?: string\n    }>()\n\n    const emit = defineEmits<{\n        submit: [comment: string]\n        close: []\n    }>()\n\n    const FeedbackFormSchema = z.object({\n        comment: z.string().min(1).default(''),\n    })\n\n    const { VvForm, VvFormField, formData } = useForm(FeedbackFormSchema, {\n        lazyLoad: true,\n    })\n\n    const onSubmit = (data: { comment: string }) => {\n        emit('submit', data.comment)\n    }\n</script>\n\n<template>\n    <div\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden bg-surface\">\n        <div\n            class=\"px-sm py-6 bg-surface-1 min-h-40 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8 min-h-40\">\n            <VvIcon name=\"ri:feedback-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">{{ $t('action.feedback') }}</strong>\n            <VvButton\n                icon=\"ri:close-line\"\n                modifiers=\"action-quiet-small\"\n                :title=\"$t('action.close')\"\n                class=\"ml-auto\"\n                @click.stop=\"$emit('close')\" />\n        </div>\n        <Transition mode=\"out-in\">\n            <div v-if=\"!submitted\">\n                <VvForm v-model=\"formData\" @submit=\"onSubmit\">\n                    <div class=\"p-sm\">\n                        <VvAlert\n                            v-if=\"error\"\n                            modifiers=\"danger\"\n                            class=\"mb-sm\"\n                            :content=\"error\" />\n                        <VvFormField\n                            name=\"comment\"\n                            type=\"textarea\"\n                            rows=\"3\"\n                            :label=\"$t('label.comment')\"\n                            :placeholder=\"$t('placeholder.comment')\"\n                            modifiers=\"compact no-label\"\n                            class=\"mb-0\" />\n                    </div>\n                    <div\n                        class=\"flex justify-end border-t border-surface-3 px-sm py-10\">\n                        <VvButtonGroup>\n                            <VvButton\n                                type=\"button\"\n                                modifiers=\"action-quiet\"\n                                icon=\"ri:close-line\"\n                                icon-position=\"right\"\n                                :label=\"$t('action.close')\"\n                                @click=\"$emit('close')\" />\n                            <VvButton\n                                type=\"submit\"\n                                modifiers=\"action-primary\"\n                                icon=\"ri:send-plane-2-line\"\n                                icon-position=\"right\"\n                                :loading\n                                :disabled=\"loading\"\n                                :label=\"$t('action.submit')\" />\n                        </VvButtonGroup>\n                    </div>\n                </VvForm>\n            </div>\n            <div v-else class=\"p-sm\">\n                <!-- One confirmation row across every tool card: a neutral\n                     check, the title in weight, the body quiet. A completed\n                     submission is a confirmation, not an alarm (DESIGN.md). -->\n                <div class=\"flex items-center gap-sm\">\n                    <VvIcon name=\"ri:check-line\" class=\"text-16 text-word-3\" />\n                    <div>\n                        <strong class=\"font-medium block text-word-1\">\n                            {{ $t('message.feedbackSubmittedTitle') }}\n                        </strong>\n                        <p class=\"text-word-3\">\n                            {{ $t('message.feedbackSubmittedMessage') }}\n                        </p>\n                    </div>\n                </div>\n            </div>\n        </Transition>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { useI18n } from 'vue-i18n'\n    import { useForm } from '@volverjs/form-vue'\n    import * as z from 'zod'\n\n    const { t: $t } = useI18n({ useScope: 'global' })\n\n    defineProps<{\n        submitted?: boolean\n        loading?: boolean\n        error?: string\n    }>()\n\n    const emit = defineEmits<{\n        submit: [comment: string]\n        close: []\n    }>()\n\n    const FeedbackFormSchema = z.object({\n        comment: z.string().min(1).default(''),\n    })\n\n    const { VvForm, VvFormField, formData } = useForm(FeedbackFormSchema, {\n        lazyLoad: true,\n    })\n\n    const onSubmit = (data: { comment: string }) => {\n        emit('submit', data.comment)\n    }\n</script>\n\n<template>\n    <div\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden bg-surface\">\n        <div\n            class=\"px-sm py-6 bg-surface-1 min-h-40 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8 min-h-40\">\n            <VvIcon name=\"ri:feedback-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">{{ $t('action.feedback') }}</strong>\n            <VvButton\n                icon=\"ri:close-line\"\n                modifiers=\"action-quiet-small\"\n                :title=\"$t('action.close')\"\n                class=\"ml-auto\"\n                @click.stop=\"$emit('close')\" />\n        </div>\n        <Transition mode=\"out-in\">\n            <div v-if=\"!submitted\">\n                <VvForm v-model=\"formData\" @submit=\"onSubmit\">\n                    <div class=\"p-sm\">\n                        <VvAlert\n                            v-if=\"error\"\n                            modifiers=\"danger\"\n                            class=\"mb-sm\"\n                            :content=\"error\" />\n                        <VvFormField\n                            name=\"comment\"\n                            type=\"textarea\"\n                            rows=\"3\"\n                            :label=\"$t('label.comment')\"\n                            :placeholder=\"$t('placeholder.comment')\"\n                            modifiers=\"compact no-label\"\n                            class=\"mb-0\" />\n                    </div>\n                    <div\n                        class=\"flex justify-end border-t border-surface-3 px-sm py-10\">\n                        <VvButtonGroup>\n                            <VvButton\n                                type=\"button\"\n                                modifiers=\"action-quiet\"\n                                icon=\"ri:close-line\"\n                                icon-position=\"right\"\n                                :label=\"$t('action.close')\"\n                                @click=\"$emit('close')\" />\n                            <VvButton\n                                type=\"submit\"\n                                modifiers=\"action-primary\"\n                                icon=\"ri:send-plane-2-line\"\n                                icon-position=\"right\"\n                                :loading\n                                :disabled=\"loading\"\n                                :label=\"$t('action.submit')\" />\n                        </VvButtonGroup>\n                    </div>\n                </VvForm>\n            </div>\n            <div v-else class=\"p-sm\">\n                <!-- One confirmation row across every tool card: a neutral\n                     check, the title in weight, the body quiet. A completed\n                     submission is a confirmation, not an alarm (DESIGN.md). -->\n                <div class=\"flex items-center gap-sm\">\n                    <VvIcon name=\"ri:check-line\" class=\"text-16 text-word-3\" />\n                    <div>\n                        <strong class=\"font-medium block text-word-1\">\n                            {{ $t('message.feedbackSubmittedTitle') }}\n                        </strong>\n                        <p class=\"text-word-3\">\n                            {{ $t('message.feedbackSubmittedMessage') }}\n                        </p>\n                    </div>\n                </div>\n            </div>\n        </Transition>\n    </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAKI,IAAM,EAAE,GAAG,MAAO,EAAQ,EAAE,UAAU,SAAS,CAAC,GAQ1C,IAAO,GAKP,IAAqB,EAAS,EAChC,SAAS,EAAS,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,EAAE,EACzC,CAAC,GAEK,EAAE,WAAQ,gBAAa,gBAAa,EAAQ,GAAoB,EAClE,UAAU,GACd,CAAC,GAEK,KAAY,MAA8B;GAC5C,EAAK,UAAU,EAAK,OAAO;EAC/B;;;GAIA,OAAA,EAAA,GAAA,EAsEM,OAtEN,GAsEM,CApEF,EAUM,OAVN,GAUM;IARF,EAAkD,GAAA;KAA1C,MAAK;KAAmB,OAAM;;IACtC,EAA8D,UAA9D,GAA8D,EAAjC,EAAA,CAAA,CAAE,CAAA,iBAAA,CAAA,GAAA,CAAA;IAC/B,EAKmC,GAAA;KAJ/B,MAAK;KACL,WAAU;KACT,OAAO,EAAA,CAAA,CAAE,CAAA,cAAA;KACV,OAAM;KACL,SAAK,AAAA,EAAA,OAAA,GAAA,MAAOA,EAAAA,MAAK,OAAA,GAAA,CAAA,MAAA,CAAA;;GAE1B,CAAA,GAAA,EAwDa,GAAA,EAxDD,MAAK,SAAQ,GAAA;IACrB,SAAA,QAsCM,CAtCM,EAAA,aAuCZ,EAAA,GAAA,EAeM,OAfN,GAeM,CAXF,EAUM,OAVN,GAUM,CATF,EAA2D,GAAA;KAAnD,MAAK;KAAgB,OAAM;IACnC,CAAA,GAAA,EAOM,OAAA,MAAA,CANF,EAES,UAFT,GAES,EADF,EAAA,CAAA,CAAE,CAAA,gCAAA,CAAA,GAAA,CAAA,GAET,EAEI,KAFJ,GAEI,EADG,EAAA,CAAA,CAAE,CAAA,kCAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,MAlDrB,EAAA,GAAA,EAsCM,OAAA,GAAA,CArCF,EAoCS,EAAA,CAAA,GAAA;KApCQ,YAAA,EAAA,CAAA;KAAA,uBAAA,AAAA,EAAA,QAAA,MAAA,EAAA,CAAA,IAAA,EAAQ,QAAA,IAAA;KAAW;;KAChC,SAAA,QAcM,CAdN,EAcM,OAdN,GAcM,CAZQ,EAAA,SADV,EAAA,GAAA,EAIuB,GAAA;;MAFnB,WAAU;MACV,OAAM;MACL,SAAS,EAAA;KACd,GAAA,MAAA,GAAA,CAAA,SAAA,CAAA,KAAA,EAAA,IAAA,EAAA,GAAA,EAOmB,EAAA,CAAA,GAAA;MANf,MAAK;MACL,MAAK;MACL,MAAK;MACJ,OAAO,EAAA,CAAA,CAAE,CAAA,eAAA;MACT,aAAa,EAAA,CAAA,CAAE,CAAA,qBAAA;MAChB,WAAU;MACV,OAAM;KAEd,GAAA,MAAA,GAAA,CAAA,SAAA,aAAA,CAAA,CAAA,CAAA,GAAA,EAmBM,OAnBN,GAmBM,CAjBF,EAgBgB,GAAA,MAAA;MAfZ,SAAA,QAM8B,CAN9B,EAM8B,GAAA;OAL1B,MAAK;OACL,WAAU;OACV,MAAK;OACL,iBAAc;OACb,OAAO,EAAA,CAAA,CAAE,CAAA,cAAA;OACT,SAAK,AAAA,EAAA,QAAA,MAAEA,EAAAA,MAAK,OAAA;MACjB,GAAA,MAAA,GAAA,CAAA,OAAA,CAAA,GAAA,EAOmC,GAAA;OAN/B,MAAK;OACL,WAAU;OACV,MAAK;OACL,iBAAc;OACb,SAAA,EAAA;OACA,UAAU,EAAA;OACV,OAAO,EAAA,CAAA,CAAE,CAAA,eAAA;;;;;;;;;IAK9B,GAAA,GAAA,CAAA,YAAA,CAAA,CAAA,CAAA,EAWqB,CAAA"}

package/dist-vue/_chunks/PkChatbotFilePreview-DO1wZPPj.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PkChatbotFilePreview-DO1wZPPj.js","names":["$t","$emit"],"sources":["../../../../packages/components/src/composables/useLightbox.ts","../../../../packages/components/src/chat/PkChatbotFilePreview.vue","../../../../packages/components/src/chat/PkChatbotFilePreview.vue"],"sourcesContent":["import {\n    onBeforeUnmount,\n    ref,\n    shallowRef,\n    type Ref,\n    type ShallowRef,\n} from 'vue'\nimport type PhotoSwipeLightbox from 'photoswipe/lightbox'\nimport type PhotoSwipe from 'photoswipe'\nimport { loadCdnCss } from 'utils'\n\nconst PHOTOSWIPE_CSS =\n    'https://cdn.jsdelivr.net/npm/photoswipe@5/dist/photoswipe.css'\n\nconst DEFAULT_IMAGE_SIZE = { width: 1200, height: 800 }\n\nexport interface LightboxImage {\n    url: string\n    caption?: string\n    alt?: string\n    /** Natural width in px — used by PhotoSwipe for proper sizing. */\n    width?: number\n    /** Natural height in px — used by PhotoSwipe for proper sizing. */\n    height?: number\n}\n\nexport interface LightboxOptions {\n    /** Container element whose child anchors are the gallery items */\n    gallery: Ref<HTMLElement | undefined>\n    /** CSS selector for gallery items inside the container (default: `'a[data-pswp-src]'`) */\n    children?: string\n    loop?: boolean\n    /** Show a download button in the lightbox toolbar */\n    downloadable?: boolean\n    /** Show an open-in-new-tab button in the lightbox toolbar */\n    openInNewTab?: boolean\n}\n\nexport interface UseLightboxReturn {\n    lightbox: ShallowRef<PhotoSwipeLightbox | null>\n    /** Initialises PhotoSwipe. Call this inside `onMounted`. */\n    init: () => Promise<void>\n}\n\n/**\n * Encapsulates PhotoSwipe 5 initialisation, toolbar customisation, and lifecycle cleanup.\n * CSS is injected into `document.head` so the overlay works in both regular DOM and Shadow DOM.\n *\n * Usage:\n * ```ts\n * const { init } = useLightbox({ gallery: galleryRef, downloadable: true })\n * onMounted(init)\n * ```\n */\nexport function useLightbox(options: LightboxOptions): UseLightboxReturn {\n    const {\n        gallery,\n        children = 'a[data-pswp-src]',\n        loop = true,\n        downloadable = true,\n        openInNewTab = true,\n    } = options\n\n    const lightbox = shallowRef<PhotoSwipeLightbox | null>(null)\n\n    const init = async () => {\n        if (!gallery.value) {\n            return\n        }\n\n        // PhotoSwipe renders its overlay into document.body, so CSS must be in\n        // document.head — not inside a shadow root.\n        loadCdnCss(PHOTOSWIPE_CSS)\n        injectPhotoSwipeOverrides()\n\n        const { default: PhotoSwipeLightbox } =\n            await import('photoswipe/lightbox')\n\n        lightbox.value = new PhotoSwipeLightbox({\n            gallery: gallery.value,\n            children,\n            pswpModule: () => import('photoswipe'),\n            loop,\n            arrowPrevSVG:\n                '<svg aria-hidden=\"true\" class=\"pswp__icn\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path fill=\"#ffffff\" d=\"m10.828 12l4.95 4.95l-1.414 1.415L8 12l6.364-6.364l1.414 1.414z\"/></svg>',\n            arrowNextSVG:\n                '<svg aria-hidden=\"true\" class=\"pswp__icn\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path fill=\"#ffffff\" d=\"m13.172 12l-4.95-4.95l1.414-1.413L16 12l-6.364 6.364l-1.414-1.415z\"/></svg>',\n            closeSVG:\n                '<svg aria-hidden=\"true\" class=\"pswp__icn\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path fill=\"#ffffff\" d=\"m12 10.587l4.95-4.95l1.414 1.414l-4.95 4.95l4.95 4.95l-1.415 1.414l-4.95-4.95l-4.949 4.95l-1.414-1.415l4.95-4.95l-4.95-4.95L7.05 5.638z\"/></svg>',\n            zoomSVG:\n                '<svg aria-hidden=\"true\" class=\"pswp__icn\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><g class=\"pswp__icn--zoom-in\"><path fill=\"#ffffff\" d=\"m18.031 16.617l4.283 4.282l-1.415 1.415l-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9s9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617m-2.006-.742A6.98 6.98 0 0 0 18 11c0-3.867-3.133-7-7-7s-7 3.133-7 7s3.133 7 7 7a6.98 6.98 0 0 0 4.875-1.975zM10 10V7h2v3h3v2h-3v3h-2v-3H7v-2z\"/></g><g class=\"pswp__icn--zoom-out\"><path fill=\"#ffffff\" d=\"m18.031 16.617l4.283 4.282l-1.415 1.415l-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9s9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617m-2.006-.742A6.98 6.98 0 0 0 18 11c0-3.867-3.133-7-7-7s-7 3.133-7 7s3.133 7 7 7a6.98 6.98 0 0 0 4.875-1.975zM7 10h8v2H7z\"/></g></svg>',\n        })\n\n        if (openInNewTab || downloadable) {\n            lightbox.value.on('uiRegister', () => {\n                const ui = lightbox.value!.pswp?.ui\n                if (!ui) {\n                    return\n                }\n\n                if (openInNewTab) {\n                    ui.registerElement({\n                        name: 'open-in-new-tab-button',\n                        order: 8,\n                        isButton: true,\n                        html: '<svg aria-hidden=\"true\" class=\"pswp__icn\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path fill=\"#ffffff\" d=\"M10 6v2H5v11h11v-5h2v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1zm11-3v8h-2V6.413l-7.793 7.794l-1.414-1.414L17.585 5H13V3z\"/></svg>',\n                        title: 'Open in new tab',\n                        onClick: (_, __, pswp) => {\n                            const url = getCurrentSlideUrl(pswp)\n                            if (url) {\n                                window.open(\n                                    url,\n                                    '_blank',\n                                    'noopener,noreferrer',\n                                )\n                            }\n                        },\n                    })\n                }\n\n                if (downloadable) {\n                    ui.registerElement({\n                        name: 'download-button',\n                        order: 9,\n                        isButton: true,\n                        html: '<svg aria-hidden=\"true\" class=\"pswp__icn\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path fill=\"#ffffff\" d=\"M3 19h18v2H3zm10-5.828L19.071 7.1l1.414 1.414L12 17L3.515 8.515L4.929 7.1L11 13.173V2h2z\"/></svg>',\n                        title: 'Download',\n                        onClick: (_, __, pswp) => {\n                            const url = getCurrentSlideUrl(pswp)\n                            if (url) {\n                                downloadImage(url)\n                            }\n                        },\n                    })\n                }\n            })\n        }\n\n        lightbox.value.init()\n    }\n\n    onBeforeUnmount(() => {\n        lightbox.value?.destroy()\n        lightbox.value = null\n    })\n\n    return { lightbox, init }\n}\n\n// ---------------------------------------------------------------------------\n// Image size preloading\n// ---------------------------------------------------------------------------\n\nexport interface UseImageSizesReturn {\n    preload: (\n        images: Array<{ url: string; width?: number; height?: number }>,\n    ) => void\n    getSize: (url: string) => { width: number; height: number }\n}\n\n/**\n * Preloads natural image dimensions so PhotoSwipe can size its slides correctly.\n * When `width`/`height` are already provided they are used as-is;\n * otherwise the image is loaded in the background to read `naturalWidth`/`naturalHeight`.\n */\nexport function useImageSizes(): UseImageSizesReturn {\n    const sizes = ref(new Map<string, { width: number; height: number }>())\n\n    const preload = (\n        images: Array<{ url: string; width?: number; height?: number }>,\n    ) => {\n        for (const image of images) {\n            if (image.width && image.height) {\n                sizes.value.set(image.url, {\n                    width: image.width,\n                    height: image.height,\n                })\n                continue\n            }\n            const img = new Image()\n            img.onload = () => {\n                sizes.value.set(image.url, {\n                    width: img.naturalWidth,\n                    height: img.naturalHeight,\n                })\n            }\n            img.src = image.url\n        }\n    }\n\n    const getSize = (url: string) => sizes.value.get(url) ?? DEFAULT_IMAGE_SIZE\n\n    return { preload, getSize }\n}\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\nfunction getCurrentSlideUrl(pswp: PhotoSwipe): string | undefined {\n    return (\n        pswp.currSlide?.data?.src ??\n        pswp.currSlide?.data?.element\n            ?.querySelector('img')\n            ?.getAttribute('src') ??\n        pswp.currSlide?.data?.element\n            ?.querySelector('source')\n            ?.getAttribute('srcset') ??\n        pswp.currSlide?.data?.element?.getAttribute('src') ??\n        undefined\n    )\n}\n\n/**\n * Triggers a client-side download for an image URL.\n *\n * For backend media URLs (.../media/:file/view), navigates to the\n * corresponding /download endpoint which redirects to an Azure SAS URL\n * with `Content-Disposition: attachment` — no CORS issues.\n *\n * For blob: URLs (in-session uploads), uses the fetch → blob approach.\n *\n * For data: URLs (inline SVGs, etc.), use the download attribute.\n *\n * Falls back to opening in a new tab for all other cases.\n */\nfunction downloadImage(url: string): void {\n    const downloadUrl = toDownloadUrl(url)\n\n    const anchor = document.createElement('a')\n    anchor.href = downloadUrl\n    anchor.target = '_blank'\n    anchor.rel = 'noopener noreferrer'\n    // `download` attribute works for same-origin, data: and blob: URLs; for\n    // cross-origin it is ignored but the browser still follows Content-Disposition.\n    anchor.download = getFilenameFromUrl(url)\n    document.body.appendChild(anchor)\n    anchor.click()\n    document.body.removeChild(anchor)\n}\n\n/**\n * Converts a `/view` media URL to its `/download` counterpart.\n * Leaves blob:, data: and all other URLs untouched.\n */\nfunction toDownloadUrl(url: string): string {\n    return url.replace(/\\/view(\\?|$)/, '/download$1')\n}\n\nfunction getFilenameFromUrl(url: string): string {\n    if (url.startsWith('data:image/svg+xml')) {\n        return 'diagram.svg'\n    }\n    if (url.startsWith('data:')) {\n        const mime = url.split(':')[1].split(';')[0]\n        const ext = mime.split('/')[1] || 'bin'\n        return `image.${ext}`\n    }\n    try {\n        const pathname = new URL(url).pathname\n        const name = pathname.split('/').pop()\n        return name && name.includes('.') ? name : 'image'\n    } catch {\n        return 'image'\n    }\n}\n\nlet overridesInjected = false\n\n/**\n * Injects a one-time `<style>` into `document.head` that raises\n * PhotoSwipe's z-index above any host UI (e.g. floating chat widgets\n * that use `z-index: 2147483647`).\n */\nfunction injectPhotoSwipeOverrides(): void {\n    if (overridesInjected) {\n        return\n    }\n    overridesInjected = true\n    const style = document.createElement('style')\n    style.textContent = [\n        '.pswp__counter { font-family: sans-serif; }',\n        '.pswp { z-index: 2147483647 !important; }',\n        '.pswp__icn { width: 20px; height: 20px; }',\n        '.pswp__button { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; }',\n        '.pswp__icn--zoom-out { display: none; }',\n        '.pswp--zoomed-in .pswp__icn--zoom-in { display: none; }',\n        '.pswp--zoomed-in .pswp__icn--zoom-out { display: block; }',\n        '.pswp__button--arrow .pswp__icn {left: auto; right: auto; width: 40px; height: 40px; transform: none; margin-top: -20px; }',\n    ].join(' ')\n    document.head.appendChild(style)\n}\n","<script lang=\"ts\" setup>\n    import { computed, ref, onMounted } from 'vue'\n    import { useLightbox } from '../composables/useLightbox'\n\n    const props = defineProps<{\n        mediaType: string\n        url: string\n        filename?: string\n        /** Size in bytes, when known (e.g. local uploads). */\n        size?: number\n        loading?: boolean\n        error?: string\n        removable?: boolean\n        /**\n         * Dense layout for the composer: a small square thumbnail / slim row,\n         * without the metadata caption. The full card is reserved for the\n         * message log where the details matter.\n         */\n        compact?: boolean\n    }>()\n\n    defineEmits<{\n        remove: []\n    }>()\n\n    const isImage = computed(() => props.mediaType.startsWith('image/'))\n\n    // --- File-type identity (icon + accent + human kind label) ---\n\n    const extension = computed(() => {\n        const name = props.filename ?? ''\n        const dot = name.lastIndexOf('.')\n        return dot > 0 ? name.slice(dot + 1).toLowerCase() : ''\n    })\n\n    // mediaType subtype, e.g. \"pdf\" from \"application/pdf\"\n    const subtype = computed(\n        () => props.mediaType.split('/')[1]?.split(';')[0] ?? '',\n    )\n\n    type FileKind = {\n        icon: string\n        // CSS color driving the icon glyph + tile tint\n        accent: string\n        label: string\n    }\n\n    const KINDS: Array<{ test: RegExp; kind: FileKind }> = [\n        {\n            test: /pdf/,\n            kind: {\n                icon: 'ri:file-pdf-2-line',\n                accent: '#e2483d',\n                label: 'PDF',\n            },\n        },\n        {\n            // Match Word specifically: the generic `document` substring also\n            // appears in the XLSX/PPTX OOXML mime types (…officedocument…), so\n            // matching it here would mis-label spreadsheets/decks as Word.\n            test: /msword|wordprocessingml/,\n            kind: {\n                icon: 'ri:file-word-2-line',\n                accent: '#2b7de9',\n                label: 'Word',\n            },\n        },\n        {\n            test: /sheet|excel|csv/,\n            kind: {\n                icon: 'ri:file-excel-2-line',\n                accent: '#1f9d57',\n                label: 'Spreadsheet',\n            },\n        },\n        {\n            test: /presentation|powerpoint/,\n            kind: {\n                icon: 'ri:file-ppt-2-line',\n                accent: '#d98324',\n                label: 'Presentation',\n            },\n        },\n        {\n            test: /zip|compressed|x-7z|x-rar|x-tar|gzip/,\n            kind: {\n                icon: 'ri:file-zip-line',\n                accent: '#c08a1e',\n                label: 'Archive',\n            },\n        },\n        {\n            test: /^audio\\//,\n            kind: {\n                icon: 'ri:file-music-line',\n                accent: '#8b5cf6',\n                label: 'Audio',\n            },\n        },\n        {\n            test: /^video\\//,\n            kind: {\n                icon: 'ri:film-line',\n                accent: '#6366f1',\n                label: 'Video',\n            },\n        },\n        {\n            test: /json|javascript|typescript|xml|html|x-sh|x-python/,\n            kind: {\n                icon: 'ri:file-code-line',\n                accent: '#0d9488',\n                label: 'Code',\n            },\n        },\n        {\n            test: /^text\\//,\n            kind: {\n                icon: 'ri:file-text-line',\n                accent: '#64748b',\n                label: 'Text',\n            },\n        },\n    ]\n\n    const fileKind = computed<FileKind>(() => {\n        const haystack = `${props.mediaType} ${extension.value}`\n        for (const { test, kind } of KINDS) {\n            if (test.test(haystack)) {\n                return kind\n            }\n        }\n        return {\n            icon: 'ri:file-line',\n            accent: '#64748b',\n            label: 'File',\n        }\n    })\n\n    // Short type tag shown in the meta line: prefer the real extension, fall\n    // back to the mime subtype, then the generic kind label.\n    const typeTag = computed(() =>\n        (\n            extension.value ||\n            subtype.value ||\n            fileKind.value.label\n        ).toUpperCase(),\n    )\n\n    // --- Size & dimensions ---\n\n    const formattedSize = computed(() => {\n        const bytes = props.size\n        if (bytes === undefined || bytes < 0) {\n            return undefined\n        }\n        if (bytes < 1024) {\n            return `${bytes} B`\n        }\n        const units = ['KB', 'MB', 'GB', 'TB']\n        let value = bytes / 1024\n        let unitIndex = 0\n        while (value >= 1024 && unitIndex < units.length - 1) {\n            value /= 1024\n            unitIndex += 1\n        }\n        return `${value < 10 ? value.toFixed(1) : Math.round(value)} ${units[unitIndex]}`\n    })\n\n    // Thumbnail load lifecycle. Driving the spinner and the error fallback\n    // off the real <img> events (not a second background fetch) means the\n    // image is requested exactly once and reuses the browser cache on any\n    // later re-render, instead of re-downloading every time the message list\n    // repaints.\n    // Not `useImageFallback`: this tile also needs `loading` vs `loaded` and the\n    // decoded dimensions, cached across remounts, so the error flag is one field\n    // of a richer per-url entry rather than a standalone broken-url set.\n    type ThumbStatus = 'loading' | 'loaded' | 'error'\n\n    // Module-level, keyed by URL: survives component recreation. In polled\n    // views (e.g. admin chat-logs, refreshed every few seconds) the whole\n    // message array is replaced on each poll, so this component can be torn\n    // down and rebuilt. Seeding from the cache means a URL that already\n    // decoded starts in `loaded` (no spinner flash, no re-decode) instead of\n    // flickering back through `loading`. This is a client-side, per-session\n    // cache (no server/Redis involved); bounded to a max size so a long-lived\n    // session browsing many images can't grow it without limit — the oldest\n    // entry is evicted first (Map preserves insertion order).\n    type ThumbEntry = {\n        status: ThumbStatus\n        dimensions?: { width: number; height: number }\n    }\n    const THUMB_CACHE_MAX = 300\n    const thumbCache = new Map<string, ThumbEntry>()\n    const setThumbCache = (url: string, entry: ThumbEntry) => {\n        // Re-insert to mark as most-recently used, then trim from the front.\n        thumbCache.delete(url)\n        thumbCache.set(url, entry)\n        if (thumbCache.size > THUMB_CACHE_MAX) {\n            thumbCache.delete(thumbCache.keys().next().value as string)\n        }\n    }\n\n    const cached = thumbCache.get(props.url)\n    const thumbStatus = ref<ThumbStatus>(cached?.status ?? 'loading')\n\n    // Natural pixel dimensions, captured once the thumbnail decodes. Doubles\n    // as the size hint PhotoSwipe needs for its slide (falls back until known).\n    const dimensions = ref<{ width: number; height: number } | undefined>(\n        cached?.dimensions,\n    )\n    const onImageLoad = (event: Event) => {\n        const img = event.target as HTMLImageElement\n        if (img.naturalWidth && img.naturalHeight) {\n            dimensions.value = {\n                width: img.naturalWidth,\n                height: img.naturalHeight,\n            }\n        }\n        thumbStatus.value = 'loaded'\n        setThumbCache(props.url, {\n            status: 'loaded',\n            dimensions: dimensions.value,\n        })\n    }\n    const onImageError = () => {\n        thumbStatus.value = 'error'\n        setThumbCache(props.url, { status: 'error' })\n    }\n\n    const pswpSize = computed(() => dimensions.value ?? DEFAULT_PSWP_SIZE)\n\n    // Meta fragments joined with \" · \" for the caption / doc subtitle.\n    const imageMeta = computed(() =>\n        [\n            dimensions.value &&\n                `${dimensions.value.width}×${dimensions.value.height}`,\n            formattedSize.value,\n        ].filter(Boolean),\n    )\n    const docMeta = computed(() =>\n        [typeTag.value, formattedSize.value].filter(Boolean),\n    )\n\n    // --- Lightbox ---\n\n    // Slide size PhotoSwipe assumes before the real dimensions are known.\n    const DEFAULT_PSWP_SIZE = { width: 1200, height: 800 }\n\n    const galleryRef = ref<HTMLElement>()\n    const { init } = useLightbox({ gallery: galleryRef, loop: false })\n\n    onMounted(async () => {\n        if (!isImage.value) {\n            return\n        }\n        await init()\n    })\n</script>\n\n<template>\n    <!-- Image attachment: a thumbnail tile with a metadata caption -->\n    <figure\n        v-if=\"isImage\"\n        class=\"pk-chatbot-file-preview pk-chatbot-file-preview--image\"\n        :class=\"{ 'pk-chatbot-file-preview--compact': compact }\">\n        <div ref=\"galleryRef\" class=\"pk-chatbot-file-preview__thumb-wrap\">\n            <a\n                :href=\"url\"\n                :data-pswp-src=\"url\"\n                :data-pswp-width=\"pswpSize.width\"\n                :data-pswp-height=\"pswpSize.height\"\n                :data-pswp-caption=\"filename ?? ''\"\n                class=\"pk-chatbot-file-preview__thumb-link\"\n                :aria-label=\"filename ?? $t('label.file')\">\n                <img\n                    v-show=\"thumbStatus === 'loaded'\"\n                    :src=\"url\"\n                    :alt=\"filename\"\n                    decoding=\"async\"\n                    class=\"pk-chatbot-file-preview__thumb\"\n                    @load=\"onImageLoad\"\n                    @error=\"onImageError\" />\n            </a>\n            <!-- Spinner until the thumbnail decodes (or while an upload is in\n                 flight); a fixed box keeps this from shifting the layout. -->\n            <span\n                v-if=\"loading || thumbStatus === 'loading'\"\n                class=\"pk-chatbot-file-preview__status pk-chatbot-file-preview__status--overlay\">\n                <VvIcon name=\"line-md:loading-loop\" />\n            </span>\n            <!-- Failed to load: a quiet icon instead of the browser's broken\n                 image glyph. -->\n            <span\n                v-else-if=\"thumbStatus === 'error'\"\n                class=\"pk-chatbot-file-preview__status pk-chatbot-file-preview__status--overlay pk-chatbot-file-preview__status--error\">\n                <VvIcon name=\"ri:image-2-line\" />\n            </span>\n        </div>\n        <figcaption v-if=\"!compact\" class=\"pk-chatbot-file-preview__caption\">\n            <span\n                v-if=\"filename\"\n                class=\"pk-chatbot-file-preview__name\"\n                :title=\"filename\"\n                >{{ filename }}</span\n            >\n            <span class=\"pk-chatbot-file-preview__meta\">\n                <span\n                    v-if=\"error\"\n                    class=\"pk-chatbot-file-preview__error\"\n                    :title=\"error\">\n                    <VvIcon name=\"ri:error-warning-line\" />\n                    {{ error }}\n                </span>\n                <template v-else>{{ imageMeta.join(' · ') }}</template>\n            </span>\n        </figcaption>\n        <button\n            v-if=\"removable && !loading\"\n            type=\"button\"\n            class=\"pk-chatbot-file-preview__remove\"\n            :title=\"$t('action.remove')\"\n            :aria-label=\"$t('action.remove')\"\n            @click.prevent=\"$emit('remove')\">\n            <VvIcon name=\"ri:close-line\" />\n        </button>\n    </figure>\n\n    <!-- Document attachment: an icon tile + name + type · size -->\n    <div\n        v-else\n        class=\"pk-chatbot-file-preview pk-chatbot-file-preview--doc\"\n        :class=\"{\n            'pk-chatbot-file-preview--error': error,\n            'pk-chatbot-file-preview--compact': compact,\n        }\">\n        <span\n            class=\"pk-chatbot-file-preview__icon-tile\"\n            :style=\"{ '--file-accent': fileKind.accent }\">\n            <VvIcon\n                v-if=\"loading\"\n                name=\"line-md:loading-loop\"\n                class=\"pk-chatbot-file-preview__icon\" />\n            <VvIcon\n                v-else\n                :name=\"fileKind.icon\"\n                class=\"pk-chatbot-file-preview__icon\" />\n        </span>\n        <span class=\"pk-chatbot-file-preview__body\">\n            <span\n                v-if=\"filename\"\n                class=\"pk-chatbot-file-preview__name\"\n                :title=\"filename\"\n                >{{ filename }}</span\n            >\n            <span class=\"pk-chatbot-file-preview__meta\">\n                <span\n                    v-if=\"error\"\n                    class=\"pk-chatbot-file-preview__error\"\n                    :title=\"error\">\n                    <VvIcon name=\"ri:error-warning-line\" />\n                    {{ error }}\n                </span>\n                <template v-else>{{ docMeta.join(' · ') }}</template>\n            </span>\n        </span>\n        <a\n            v-if=\"!loading && !error && !compact\"\n            :href=\"url\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            class=\"pk-chatbot-file-preview__open\"\n            :title=\"$t('action.download')\"\n            :aria-label=\"`${$t('action.download')}${filename ? ` — ${filename}` : ''}`\">\n            <VvIcon name=\"ri:download-2-line\" />\n        </a>\n        <button\n            v-if=\"removable && !loading\"\n            type=\"button\"\n            class=\"pk-chatbot-file-preview__remove\"\n            :class=\"{ 'pk-chatbot-file-preview__remove--inline': !compact }\"\n            :title=\"$t('action.remove')\"\n            :aria-label=\"$t('action.remove')\"\n            @click=\"$emit('remove')\">\n            <VvIcon name=\"ri:close-line\" />\n        </button>\n    </div>\n</template>\n\n<style lang=\"scss\">\n    .pk-chatbot-file-preview {\n        // Concentric radii: outer card and inner tiles share an 8px step.\n        --file-radius: var(--rounded-lg, 12px);\n        position: relative;\n        max-width: 280px;\n        background-color: var(--color-surface-1);\n        border: 1px solid var(--color-surface-3);\n        border-radius: var(--file-radius);\n        color: var(--color-word-2);\n        font-size: var(--text-12);\n\n        &--error {\n            border-color: var(--color-danger);\n        }\n\n        // --- Document card ---\n        &--doc {\n            display: flex;\n            align-items: center;\n            gap: var(--spacing-8);\n            padding: var(--spacing-8);\n            min-width: 0;\n            transition:\n                border-color 0.18s var(--ease-out),\n                background-color 0.18s var(--ease-out),\n                box-shadow 0.18s var(--ease-out);\n\n            &:hover {\n                border-color: var(--color-surface-4);\n                background-color: var(--color-surface-2);\n                box-shadow: var(--shadow-sm);\n            }\n        }\n\n        &__icon-tile {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            width: var(--spacing-36);\n            height: var(--spacing-36);\n            // One step down from the card radius keeps the nested tile concentric.\n            border-radius: var(--rounded-md, 6px);\n            // Tint derived from the file-type accent; glyph sits at full accent.\n            background-color: color-mix(\n                in srgb,\n                var(--file-accent) 14%,\n                transparent\n            );\n            color: var(--file-accent);\n        }\n\n        &__icon {\n            width: var(--spacing-20);\n            height: var(--spacing-20);\n        }\n\n        &__body {\n            display: flex;\n            flex-direction: column;\n            gap: 1px;\n            min-width: 0;\n            flex: 1;\n        }\n\n        &__open {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            width: var(--spacing-28);\n            height: var(--spacing-28);\n            margin-inline-start: var(--spacing-4);\n            border-radius: var(--rounded);\n            color: var(--color-word-3);\n            text-decoration: none;\n            opacity: 0;\n            transition:\n                opacity 0.18s var(--ease-out),\n                color 0.18s var(--ease-out),\n                background-color 0.18s var(--ease-out);\n\n            &:hover {\n                background-color: var(--color-surface-3);\n                color: var(--color-word-1);\n            }\n        }\n\n        &--doc:hover &__open,\n        &--doc:focus-within &__open {\n            opacity: 1;\n        }\n\n        // Touch devices have no hover: keep the open affordance visible.\n        @media (hover: none) {\n            &--doc &__open {\n                opacity: 1;\n            }\n        }\n\n        // --- Image card ---\n        &--image {\n            display: inline-flex;\n            flex-direction: column;\n            margin: 0;\n        }\n\n        &__thumb-wrap {\n            position: relative;\n            display: flex;\n            // Fixed box: the card claims its final footprint before the\n            // image decodes, so the message log never shifts on load.\n            width: 280px;\n            max-width: 100%;\n            height: 200px;\n            background-color: var(--color-surface);\n            border-radius: var(--file-radius);\n            overflow: hidden;\n        }\n\n        &__thumb-link {\n            display: flex;\n            width: 100%;\n            height: 100%;\n            cursor: pointer;\n        }\n\n        &__thumb {\n            display: block;\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n\n        &__caption {\n            display: flex;\n            flex-direction: column;\n            gap: 1px;\n            padding: var(--spacing-8);\n            min-width: 0;\n        }\n\n        &__name {\n            min-width: 0;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n            font-weight: var(--font-medium, 500);\n            color: var(--color-word-1);\n        }\n\n        &__meta {\n            min-width: 0;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n            font-size: var(--text-10);\n            line-height: var(--leading-normal);\n            // Reserve the line even while empty: image dimensions arrive\n            // only after decode and must not grow the caption.\n            min-height: 1.4em;\n            color: var(--color-word-4);\n            // Stable column for the dimensions/size figures.\n            font-variant-numeric: tabular-nums;\n        }\n\n        &__error {\n            display: inline-flex;\n            align-items: center;\n            gap: var(--spacing-4);\n            color: var(--color-danger);\n\n            .vv-icon {\n                flex-shrink: 0;\n            }\n        }\n\n        &__status {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n\n            .vv-icon {\n                width: var(--spacing-32);\n                height: var(--spacing-32);\n            }\n\n            &--overlay {\n                position: absolute;\n                inset: 0;\n                background-color: color-mix(\n                    in srgb,\n                    var(--color-surface-1) 70%,\n                    transparent\n                );\n                color: var(--color-word-1);\n            }\n\n            &--error {\n                color: var(--color-word-4);\n            }\n        }\n\n        // --- Remove button (input context) ---\n        &__remove {\n            position: absolute;\n            top: 0;\n            right: 0;\n            transform: translate(50%, -50%);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            // Visible glyph is 18px but the hit area stays a comfortable 28px.\n            width: var(--spacing-28);\n            height: var(--spacing-28);\n            padding: 0;\n            border: none;\n            border-radius: var(--rounded-full, 9999px);\n            background-color: color-mix(\n                in srgb,\n                var(--color-surface-1) 85%,\n                transparent\n            );\n            color: var(--color-word-2);\n            cursor: pointer;\n            line-height: 1;\n            box-shadow: var(--shadow-sm);\n            transition:\n                background-color 0.18s var(--ease-out),\n                color 0.18s var(--ease-out),\n                scale 0.12s var(--ease-out);\n\n            &:hover {\n                background-color: var(--color-surface-2);\n                color: var(--color-word-1);\n            }\n\n            &:active {\n                scale: 0.96;\n            }\n\n            // Inside the document row the button rides inline, not overlaid\n            // (size is inherited from the base).\n            &--inline {\n                position: static;\n                flex-shrink: 0;\n                box-shadow: none;\n                background-color: transparent;\n                color: var(--color-word-4);\n\n                &:hover {\n                    background-color: var(--color-surface-3);\n                    color: var(--color-word-1);\n                }\n            }\n        }\n\n        // --- Compact (composer) chips ---\n        // ChatGPT/Gemini-style: every attachment is the SAME height and carries\n        // an always-visible round remove control in the top-right corner — no\n        // hover-revealed actions, no size mismatch between image and file chips.\n        &--compact {\n            // Shared chip height so image and file chips align in the row.\n            --chip-size: var(--spacing-56);\n            max-width: 240px;\n\n            &.pk-chatbot-file-preview--image {\n                width: var(--chip-size);\n                height: var(--chip-size);\n                border-radius: var(--rounded-md, 6px);\n            }\n\n            // Fill the square; the root's `overflow: hidden` rounds the corners.\n            .pk-chatbot-file-preview__thumb-wrap,\n            .pk-chatbot-file-preview__thumb-link {\n                width: 100%;\n                height: 100%;\n            }\n\n            &.pk-chatbot-file-preview--doc {\n                height: var(--chip-size);\n                gap: var(--spacing-8);\n                padding: var(--spacing-8);\n                // Reserve room so the corner remove button never overlaps the\n                // name/meta text.\n                padding-inline-end: var(--spacing-28);\n            }\n\n            // Square icon tile that fills the chip height, so file chips read at\n            // the same scale as image thumbnails.\n            .pk-chatbot-file-preview__icon-tile {\n                align-self: stretch;\n                width: auto;\n                height: auto;\n                aspect-ratio: 1;\n            }\n\n            .pk-chatbot-file-preview__icon {\n                width: var(--spacing-20);\n                height: var(--spacing-20);\n            }\n        }\n\n        // Always-visible round remove control in the top-right corner. Sits\n        // just inside the chip (an ancestor clips overflow), bigger than before,\n        // with an extended hit area for easy tapping.\n        &--compact &__remove {\n            top: var(--spacing-4);\n            right: var(--spacing-4);\n            width: var(--spacing-24);\n            height: var(--spacing-24);\n            border: 1px solid var(--color-surface-4);\n            background-color: var(--color-surface);\n            color: var(--color-word-1);\n            font-size: var(--text-16);\n            box-shadow: var(--shadow-sm);\n\n            // Comfortable touch/click target beyond the small visible glyph.\n            &::after {\n                content: '';\n                position: absolute;\n                inset: calc(-1 * var(--spacing-4));\n            }\n\n            &:hover {\n                background-color: var(--color-surface-2);\n                color: var(--color-word-1);\n            }\n        }\n\n        @media (prefers-reduced-motion: reduce) {\n            &--doc,\n            &__open,\n            &__remove {\n                transition: none;\n            }\n        }\n    }\n</style>\n","<script lang=\"ts\" setup>\n    import { computed, ref, onMounted } from 'vue'\n    import { useLightbox } from '../composables/useLightbox'\n\n    const props = defineProps<{\n        mediaType: string\n        url: string\n        filename?: string\n        /** Size in bytes, when known (e.g. local uploads). */\n        size?: number\n        loading?: boolean\n        error?: string\n        removable?: boolean\n        /**\n         * Dense layout for the composer: a small square thumbnail / slim row,\n         * without the metadata caption. The full card is reserved for the\n         * message log where the details matter.\n         */\n        compact?: boolean\n    }>()\n\n    defineEmits<{\n        remove: []\n    }>()\n\n    const isImage = computed(() => props.mediaType.startsWith('image/'))\n\n    // --- File-type identity (icon + accent + human kind label) ---\n\n    const extension = computed(() => {\n        const name = props.filename ?? ''\n        const dot = name.lastIndexOf('.')\n        return dot > 0 ? name.slice(dot + 1).toLowerCase() : ''\n    })\n\n    // mediaType subtype, e.g. \"pdf\" from \"application/pdf\"\n    const subtype = computed(\n        () => props.mediaType.split('/')[1]?.split(';')[0] ?? '',\n    )\n\n    type FileKind = {\n        icon: string\n        // CSS color driving the icon glyph + tile tint\n        accent: string\n        label: string\n    }\n\n    const KINDS: Array<{ test: RegExp; kind: FileKind }> = [\n        {\n            test: /pdf/,\n            kind: {\n                icon: 'ri:file-pdf-2-line',\n                accent: '#e2483d',\n                label: 'PDF',\n            },\n        },\n        {\n            // Match Word specifically: the generic `document` substring also\n            // appears in the XLSX/PPTX OOXML mime types (…officedocument…), so\n            // matching it here would mis-label spreadsheets/decks as Word.\n            test: /msword|wordprocessingml/,\n            kind: {\n                icon: 'ri:file-word-2-line',\n                accent: '#2b7de9',\n                label: 'Word',\n            },\n        },\n        {\n            test: /sheet|excel|csv/,\n            kind: {\n                icon: 'ri:file-excel-2-line',\n                accent: '#1f9d57',\n                label: 'Spreadsheet',\n            },\n        },\n        {\n            test: /presentation|powerpoint/,\n            kind: {\n                icon: 'ri:file-ppt-2-line',\n                accent: '#d98324',\n                label: 'Presentation',\n            },\n        },\n        {\n            test: /zip|compressed|x-7z|x-rar|x-tar|gzip/,\n            kind: {\n                icon: 'ri:file-zip-line',\n                accent: '#c08a1e',\n                label: 'Archive',\n            },\n        },\n        {\n            test: /^audio\\//,\n            kind: {\n                icon: 'ri:file-music-line',\n                accent: '#8b5cf6',\n                label: 'Audio',\n            },\n        },\n        {\n            test: /^video\\//,\n            kind: {\n                icon: 'ri:film-line',\n                accent: '#6366f1',\n                label: 'Video',\n            },\n        },\n        {\n            test: /json|javascript|typescript|xml|html|x-sh|x-python/,\n            kind: {\n                icon: 'ri:file-code-line',\n                accent: '#0d9488',\n                label: 'Code',\n            },\n        },\n        {\n            test: /^text\\//,\n            kind: {\n                icon: 'ri:file-text-line',\n                accent: '#64748b',\n                label: 'Text',\n            },\n        },\n    ]\n\n    const fileKind = computed<FileKind>(() => {\n        const haystack = `${props.mediaType} ${extension.value}`\n        for (const { test, kind } of KINDS) {\n            if (test.test(haystack)) {\n                return kind\n            }\n        }\n        return {\n            icon: 'ri:file-line',\n            accent: '#64748b',\n            label: 'File',\n        }\n    })\n\n    // Short type tag shown in the meta line: prefer the real extension, fall\n    // back to the mime subtype, then the generic kind label.\n    const typeTag = computed(() =>\n        (\n            extension.value ||\n            subtype.value ||\n            fileKind.value.label\n        ).toUpperCase(),\n    )\n\n    // --- Size & dimensions ---\n\n    const formattedSize = computed(() => {\n        const bytes = props.size\n        if (bytes === undefined || bytes < 0) {\n            return undefined\n        }\n        if (bytes < 1024) {\n            return `${bytes} B`\n        }\n        const units = ['KB', 'MB', 'GB', 'TB']\n        let value = bytes / 1024\n        let unitIndex = 0\n        while (value >= 1024 && unitIndex < units.length - 1) {\n            value /= 1024\n            unitIndex += 1\n        }\n        return `${value < 10 ? value.toFixed(1) : Math.round(value)} ${units[unitIndex]}`\n    })\n\n    // Thumbnail load lifecycle. Driving the spinner and the error fallback\n    // off the real <img> events (not a second background fetch) means the\n    // image is requested exactly once and reuses the browser cache on any\n    // later re-render, instead of re-downloading every time the message list\n    // repaints.\n    // Not `useImageFallback`: this tile also needs `loading` vs `loaded` and the\n    // decoded dimensions, cached across remounts, so the error flag is one field\n    // of a richer per-url entry rather than a standalone broken-url set.\n    type ThumbStatus = 'loading' | 'loaded' | 'error'\n\n    // Module-level, keyed by URL: survives component recreation. In polled\n    // views (e.g. admin chat-logs, refreshed every few seconds) the whole\n    // message array is replaced on each poll, so this component can be torn\n    // down and rebuilt. Seeding from the cache means a URL that already\n    // decoded starts in `loaded` (no spinner flash, no re-decode) instead of\n    // flickering back through `loading`. This is a client-side, per-session\n    // cache (no server/Redis involved); bounded to a max size so a long-lived\n    // session browsing many images can't grow it without limit — the oldest\n    // entry is evicted first (Map preserves insertion order).\n    type ThumbEntry = {\n        status: ThumbStatus\n        dimensions?: { width: number; height: number }\n    }\n    const THUMB_CACHE_MAX = 300\n    const thumbCache = new Map<string, ThumbEntry>()\n    const setThumbCache = (url: string, entry: ThumbEntry) => {\n        // Re-insert to mark as most-recently used, then trim from the front.\n        thumbCache.delete(url)\n        thumbCache.set(url, entry)\n        if (thumbCache.size > THUMB_CACHE_MAX) {\n            thumbCache.delete(thumbCache.keys().next().value as string)\n        }\n    }\n\n    const cached = thumbCache.get(props.url)\n    const thumbStatus = ref<ThumbStatus>(cached?.status ?? 'loading')\n\n    // Natural pixel dimensions, captured once the thumbnail decodes. Doubles\n    // as the size hint PhotoSwipe needs for its slide (falls back until known).\n    const dimensions = ref<{ width: number; height: number } | undefined>(\n        cached?.dimensions,\n    )\n    const onImageLoad = (event: Event) => {\n        const img = event.target as HTMLImageElement\n        if (img.naturalWidth && img.naturalHeight) {\n            dimensions.value = {\n                width: img.naturalWidth,\n                height: img.naturalHeight,\n            }\n        }\n        thumbStatus.value = 'loaded'\n        setThumbCache(props.url, {\n            status: 'loaded',\n            dimensions: dimensions.value,\n        })\n    }\n    const onImageError = () => {\n        thumbStatus.value = 'error'\n        setThumbCache(props.url, { status: 'error' })\n    }\n\n    const pswpSize = computed(() => dimensions.value ?? DEFAULT_PSWP_SIZE)\n\n    // Meta fragments joined with \" · \" for the caption / doc subtitle.\n    const imageMeta = computed(() =>\n        [\n            dimensions.value &&\n                `${dimensions.value.width}×${dimensions.value.height}`,\n            formattedSize.value,\n        ].filter(Boolean),\n    )\n    const docMeta = computed(() =>\n        [typeTag.value, formattedSize.value].filter(Boolean),\n    )\n\n    // --- Lightbox ---\n\n    // Slide size PhotoSwipe assumes before the real dimensions are known.\n    const DEFAULT_PSWP_SIZE = { width: 1200, height: 800 }\n\n    const galleryRef = ref<HTMLElement>()\n    const { init } = useLightbox({ gallery: galleryRef, loop: false })\n\n    onMounted(async () => {\n        if (!isImage.value) {\n            return\n        }\n        await init()\n    })\n</script>\n\n<template>\n    <!-- Image attachment: a thumbnail tile with a metadata caption -->\n    <figure\n        v-if=\"isImage\"\n        class=\"pk-chatbot-file-preview pk-chatbot-file-preview--image\"\n        :class=\"{ 'pk-chatbot-file-preview--compact': compact }\">\n        <div ref=\"galleryRef\" class=\"pk-chatbot-file-preview__thumb-wrap\">\n            <a\n                :href=\"url\"\n                :data-pswp-src=\"url\"\n                :data-pswp-width=\"pswpSize.width\"\n                :data-pswp-height=\"pswpSize.height\"\n                :data-pswp-caption=\"filename ?? ''\"\n                class=\"pk-chatbot-file-preview__thumb-link\"\n                :aria-label=\"filename ?? $t('label.file')\">\n                <img\n                    v-show=\"thumbStatus === 'loaded'\"\n                    :src=\"url\"\n                    :alt=\"filename\"\n                    decoding=\"async\"\n                    class=\"pk-chatbot-file-preview__thumb\"\n                    @load=\"onImageLoad\"\n                    @error=\"onImageError\" />\n            </a>\n            <!-- Spinner until the thumbnail decodes (or while an upload is in\n                 flight); a fixed box keeps this from shifting the layout. -->\n            <span\n                v-if=\"loading || thumbStatus === 'loading'\"\n                class=\"pk-chatbot-file-preview__status pk-chatbot-file-preview__status--overlay\">\n                <VvIcon name=\"line-md:loading-loop\" />\n            </span>\n            <!-- Failed to load: a quiet icon instead of the browser's broken\n                 image glyph. -->\n            <span\n                v-else-if=\"thumbStatus === 'error'\"\n                class=\"pk-chatbot-file-preview__status pk-chatbot-file-preview__status--overlay pk-chatbot-file-preview__status--error\">\n                <VvIcon name=\"ri:image-2-line\" />\n            </span>\n        </div>\n        <figcaption v-if=\"!compact\" class=\"pk-chatbot-file-preview__caption\">\n            <span\n                v-if=\"filename\"\n                class=\"pk-chatbot-file-preview__name\"\n                :title=\"filename\"\n                >{{ filename }}</span\n            >\n            <span class=\"pk-chatbot-file-preview__meta\">\n                <span\n                    v-if=\"error\"\n                    class=\"pk-chatbot-file-preview__error\"\n                    :title=\"error\">\n                    <VvIcon name=\"ri:error-warning-line\" />\n                    {{ error }}\n                </span>\n                <template v-else>{{ imageMeta.join(' · ') }}</template>\n            </span>\n        </figcaption>\n        <button\n            v-if=\"removable && !loading\"\n            type=\"button\"\n            class=\"pk-chatbot-file-preview__remove\"\n            :title=\"$t('action.remove')\"\n            :aria-label=\"$t('action.remove')\"\n            @click.prevent=\"$emit('remove')\">\n            <VvIcon name=\"ri:close-line\" />\n        </button>\n    </figure>\n\n    <!-- Document attachment: an icon tile + name + type · size -->\n    <div\n        v-else\n        class=\"pk-chatbot-file-preview pk-chatbot-file-preview--doc\"\n        :class=\"{\n            'pk-chatbot-file-preview--error': error,\n            'pk-chatbot-file-preview--compact': compact,\n        }\">\n        <span\n            class=\"pk-chatbot-file-preview__icon-tile\"\n            :style=\"{ '--file-accent': fileKind.accent }\">\n            <VvIcon\n                v-if=\"loading\"\n                name=\"line-md:loading-loop\"\n                class=\"pk-chatbot-file-preview__icon\" />\n            <VvIcon\n                v-else\n                :name=\"fileKind.icon\"\n                class=\"pk-chatbot-file-preview__icon\" />\n        </span>\n        <span class=\"pk-chatbot-file-preview__body\">\n            <span\n                v-if=\"filename\"\n                class=\"pk-chatbot-file-preview__name\"\n                :title=\"filename\"\n                >{{ filename }}</span\n            >\n            <span class=\"pk-chatbot-file-preview__meta\">\n                <span\n                    v-if=\"error\"\n                    class=\"pk-chatbot-file-preview__error\"\n                    :title=\"error\">\n                    <VvIcon name=\"ri:error-warning-line\" />\n                    {{ error }}\n                </span>\n                <template v-else>{{ docMeta.join(' · ') }}</template>\n            </span>\n        </span>\n        <a\n            v-if=\"!loading && !error && !compact\"\n            :href=\"url\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            class=\"pk-chatbot-file-preview__open\"\n            :title=\"$t('action.download')\"\n            :aria-label=\"`${$t('action.download')}${filename ? ` — ${filename}` : ''}`\">\n            <VvIcon name=\"ri:download-2-line\" />\n        </a>\n        <button\n            v-if=\"removable && !loading\"\n            type=\"button\"\n            class=\"pk-chatbot-file-preview__remove\"\n            :class=\"{ 'pk-chatbot-file-preview__remove--inline': !compact }\"\n            :title=\"$t('action.remove')\"\n            :aria-label=\"$t('action.remove')\"\n            @click=\"$emit('remove')\">\n            <VvIcon name=\"ri:close-line\" />\n        </button>\n    </div>\n</template>\n\n<style lang=\"scss\">\n    .pk-chatbot-file-preview {\n        // Concentric radii: outer card and inner tiles share an 8px step.\n        --file-radius: var(--rounded-lg, 12px);\n        position: relative;\n        max-width: 280px;\n        background-color: var(--color-surface-1);\n        border: 1px solid var(--color-surface-3);\n        border-radius: var(--file-radius);\n        color: var(--color-word-2);\n        font-size: var(--text-12);\n\n        &--error {\n            border-color: var(--color-danger);\n        }\n\n        // --- Document card ---\n        &--doc {\n            display: flex;\n            align-items: center;\n            gap: var(--spacing-8);\n            padding: var(--spacing-8);\n            min-width: 0;\n            transition:\n                border-color 0.18s var(--ease-out),\n                background-color 0.18s var(--ease-out),\n                box-shadow 0.18s var(--ease-out);\n\n            &:hover {\n                border-color: var(--color-surface-4);\n                background-color: var(--color-surface-2);\n                box-shadow: var(--shadow-sm);\n            }\n        }\n\n        &__icon-tile {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            width: var(--spacing-36);\n            height: var(--spacing-36);\n            // One step down from the card radius keeps the nested tile concentric.\n            border-radius: var(--rounded-md, 6px);\n            // Tint derived from the file-type accent; glyph sits at full accent.\n            background-color: color-mix(\n                in srgb,\n                var(--file-accent) 14%,\n                transparent\n            );\n            color: var(--file-accent);\n        }\n\n        &__icon {\n            width: var(--spacing-20);\n            height: var(--spacing-20);\n        }\n\n        &__body {\n            display: flex;\n            flex-direction: column;\n            gap: 1px;\n            min-width: 0;\n            flex: 1;\n        }\n\n        &__open {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-shrink: 0;\n            width: var(--spacing-28);\n            height: var(--spacing-28);\n            margin-inline-start: var(--spacing-4);\n            border-radius: var(--rounded);\n            color: var(--color-word-3);\n            text-decoration: none;\n            opacity: 0;\n            transition:\n                opacity 0.18s var(--ease-out),\n                color 0.18s var(--ease-out),\n                background-color 0.18s var(--ease-out);\n\n            &:hover {\n                background-color: var(--color-surface-3);\n                color: var(--color-word-1);\n            }\n        }\n\n        &--doc:hover &__open,\n        &--doc:focus-within &__open {\n            opacity: 1;\n        }\n\n        // Touch devices have no hover: keep the open affordance visible.\n        @media (hover: none) {\n            &--doc &__open {\n                opacity: 1;\n            }\n        }\n\n        // --- Image card ---\n        &--image {\n            display: inline-flex;\n            flex-direction: column;\n            margin: 0;\n        }\n\n        &__thumb-wrap {\n            position: relative;\n            display: flex;\n            // Fixed box: the card claims its final footprint before the\n            // image decodes, so the message log never shifts on load.\n            width: 280px;\n            max-width: 100%;\n            height: 200px;\n            background-color: var(--color-surface);\n            border-radius: var(--file-radius);\n            overflow: hidden;\n        }\n\n        &__thumb-link {\n            display: flex;\n            width: 100%;\n            height: 100%;\n            cursor: pointer;\n        }\n\n        &__thumb {\n            display: block;\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n\n        &__caption {\n            display: flex;\n            flex-direction: column;\n            gap: 1px;\n            padding: var(--spacing-8);\n            min-width: 0;\n        }\n\n        &__name {\n            min-width: 0;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n            font-weight: var(--font-medium, 500);\n            color: var(--color-word-1);\n        }\n\n        &__meta {\n            min-width: 0;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n            font-size: var(--text-10);\n            line-height: var(--leading-normal);\n            // Reserve the line even while empty: image dimensions arrive\n            // only after decode and must not grow the caption.\n            min-height: 1.4em;\n            color: var(--color-word-4);\n            // Stable column for the dimensions/size figures.\n            font-variant-numeric: tabular-nums;\n        }\n\n        &__error {\n            display: inline-flex;\n            align-items: center;\n            gap: var(--spacing-4);\n            color: var(--color-danger);\n\n            .vv-icon {\n                flex-shrink: 0;\n            }\n        }\n\n        &__status {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n\n            .vv-icon {\n                width: var(--spacing-32);\n                height: var(--spacing-32);\n            }\n\n            &--overlay {\n                position: absolute;\n                inset: 0;\n                background-color: color-mix(\n                    in srgb,\n                    var(--color-surface-1) 70%,\n                    transparent\n                );\n                color: var(--color-word-1);\n            }\n\n            &--error {\n                color: var(--color-word-4);\n            }\n        }\n\n        // --- Remove button (input context) ---\n        &__remove {\n            position: absolute;\n            top: 0;\n            right: 0;\n            transform: translate(50%, -50%);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            // Visible glyph is 18px but the hit area stays a comfortable 28px.\n            width: var(--spacing-28);\n            height: var(--spacing-28);\n            padding: 0;\n            border: none;\n            border-radius: var(--rounded-full, 9999px);\n            background-color: color-mix(\n                in srgb,\n                var(--color-surface-1) 85%,\n                transparent\n            );\n            color: var(--color-word-2);\n            cursor: pointer;\n            line-height: 1;\n            box-shadow: var(--shadow-sm);\n            transition:\n                background-color 0.18s var(--ease-out),\n                color 0.18s var(--ease-out),\n                scale 0.12s var(--ease-out);\n\n            &:hover {\n                background-color: var(--color-surface-2);\n                color: var(--color-word-1);\n            }\n\n            &:active {\n                scale: 0.96;\n            }\n\n            // Inside the document row the button rides inline, not overlaid\n            // (size is inherited from the base).\n            &--inline {\n                position: static;\n                flex-shrink: 0;\n                box-shadow: none;\n                background-color: transparent;\n                color: var(--color-word-4);\n\n                &:hover {\n                    background-color: var(--color-surface-3);\n                    color: var(--color-word-1);\n                }\n            }\n        }\n\n        // --- Compact (composer) chips ---\n        // ChatGPT/Gemini-style: every attachment is the SAME height and carries\n        // an always-visible round remove control in the top-right corner — no\n        // hover-revealed actions, no size mismatch between image and file chips.\n        &--compact {\n            // Shared chip height so image and file chips align in the row.\n            --chip-size: var(--spacing-56);\n            max-width: 240px;\n\n            &.pk-chatbot-file-preview--image {\n                width: var(--chip-size);\n                height: var(--chip-size);\n                border-radius: var(--rounded-md, 6px);\n            }\n\n            // Fill the square; the root's `overflow: hidden` rounds the corners.\n            .pk-chatbot-file-preview__thumb-wrap,\n            .pk-chatbot-file-preview__thumb-link {\n                width: 100%;\n                height: 100%;\n            }\n\n            &.pk-chatbot-file-preview--doc {\n                height: var(--chip-size);\n                gap: var(--spacing-8);\n                padding: var(--spacing-8);\n                // Reserve room so the corner remove button never overlaps the\n                // name/meta text.\n                padding-inline-end: var(--spacing-28);\n            }\n\n            // Square icon tile that fills the chip height, so file chips read at\n            // the same scale as image thumbnails.\n            .pk-chatbot-file-preview__icon-tile {\n                align-self: stretch;\n                width: auto;\n                height: auto;\n                aspect-ratio: 1;\n            }\n\n            .pk-chatbot-file-preview__icon {\n                width: var(--spacing-20);\n                height: var(--spacing-20);\n            }\n        }\n\n        // Always-visible round remove control in the top-right corner. Sits\n        // just inside the chip (an ancestor clips overflow), bigger than before,\n        // with an extended hit area for easy tapping.\n        &--compact &__remove {\n            top: var(--spacing-4);\n            right: var(--spacing-4);\n            width: var(--spacing-24);\n            height: var(--spacing-24);\n            border: 1px solid var(--color-surface-4);\n            background-color: var(--color-surface);\n            color: var(--color-word-1);\n            font-size: var(--text-16);\n            box-shadow: var(--shadow-sm);\n\n            // Comfortable touch/click target beyond the small visible glyph.\n            &::after {\n                content: '';\n                position: absolute;\n                inset: calc(-1 * var(--spacing-4));\n            }\n\n            &:hover {\n                background-color: var(--color-surface-2);\n                color: var(--color-word-1);\n            }\n        }\n\n        @media (prefers-reduced-motion: reduce) {\n            &--doc,\n            &__open,\n            &__remove {\n                transition: none;\n            }\n        }\n    }\n</style>\n"],"mappings":"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"}