@8wave/ai-elements 0.84.0 → 0.85.0

package/dist-vue/PkChatbot.js

@@ -1,2 +1,2 @@
-import { t as e } from "./_chunks/PkChatbot-CoXx7Rul.js";
+import { t as e } from "./_chunks/PkChatbot-UDExD81D.js";
 export { e as default };

package/dist-vue/PkChatbotFeedbackForm.js

@@ -1,2 +1,2 @@
-import { t as e } from "./_chunks/PkChatbotFeedbackForm-BiVUo4kv.js";
+import { t as e } from "./_chunks/PkChatbotFeedbackForm-Dy2ojy2E.js";
 export { e as default };

package/dist-vue/PkChatbotFilePreview.js

@@ -1,2 +1,2 @@
-import { t as e } from "./_chunks/PkChatbotFilePreview-0N9ASbIp.js";
+import { t as e } from "./_chunks/PkChatbotFilePreview-7hRouK9o.js";
 export { e as default };

package/dist-vue/PkChatbotInput.js

@@ -1,2 +1,2 @@
-import { t as e } from "./_chunks/PkChatbotInput-CsazCkTA.js";
+import { t as e } from "./_chunks/PkChatbotInput-Dn4KFNfx.js";
 export { e as default };

package/dist-vue/PkChatbotMessages.js

@@ -1,2 +1,2 @@
-import { t as e } from "./_chunks/PkChatbotMessages-BDziUgck.js";
+import { t as e } from "./_chunks/PkChatbotMessages-DUOrit9Y.js";
 export { e as default };

package/dist-vue/PkChatbotViewChat.js

@@ -1,2 +1,2 @@
-import { t as e } from "./_chunks/PkChatbotViewChat-DMnMkELX.js";
+import { t as e } from "./_chunks/PkChatbotViewChat-BgH9Op_G.js";
 export { e as default };

package/dist-vue/PkChatbotViewConversations.js

@@ -1,2 +1,2 @@
-import { t as e } from "./_chunks/PkChatbotViewConversations-kIc1reZT.js";
+import { t as e } from "./_chunks/PkChatbotViewConversations-B9KC-0ir.js";
 export { e as default };

package/dist-vue/PkChatbotViewProfile.js

@@ -1,2 +1,2 @@
-import { t as e } from "./_chunks/PkChatbotViewProfile-pSKOgtIR.js";
+import { t as e } from "./_chunks/PkChatbotViewProfile-C0q898hz.js";
 export { e as default };

package/dist-vue/_chunks/Media-D5pFbMNh.js

@@ -0,0 +1,120 @@
+import { T as e, a as t, b as n, c as r, d as i, g as a, m as o, n as s, o as c, p as l, s as u, t as d, v as f, x as p, y as m } from "./schemas-iFPUt2Jr.js";
+//#region ../../node_modules/.pnpm/zod@4.4.3/node_modules/zod/v4/classic/coerce.js
+function h(t) {
+	return e(d, t);
+}
+//#endregion
+//#region ../../packages/models/src/utils.ts
+var g = 50 * 1024, _ = a(f(), n()).refine((e) => JSON.stringify(e).length <= g, { message: `Schema must not exceed ${g / 1024} KB` }), v = (e) => [`${e}`, `-${e}`], y = (e) => e.flatMap((e) => v(e)), b = {
+	pagination: (e = 1, t = 10) => ({
+		"page[number]": l().or(f()).transform((e) => Number(e)).default(e),
+		"page[size]": l().or(f()).transform((e) => Number(e)).default(t)
+	}),
+	filter: (e) => ({ [`filter[${e}]`]: f().optional() }),
+	include: (e) => ({ [`include[${e}]`]: f().optional() }),
+	range: (e) => ({
+		[`from[${e}]`]: f().optional(),
+		[`to[${e}]`]: f().optional()
+	}),
+	has: (e) => ({ [`has[${e}]`]: c().optional() }),
+	fullText: () => ({ "filter[fullText]": f().optional() }),
+	ids: () => ({ ids: m([f(), t(f())]).optional() }),
+	deleted: () => ({ "filter[isDeleted]": c().default(!1) }),
+	filters: (e) => e.map((e) => b.filter(e)).reduce((e, t) => ({
+		...e,
+		...t
+	})),
+	sort: (e) => {
+		let t = y(e);
+		return { sort: s(t).optional().default(t[0]) };
+	}
+}, x = /* @__PURE__ */ function(e) {
+	return e.textEmbedding3Small = "openai/text-embedding-3-small", e.gpt5Nano = "openai/gpt-5-nano", e.gpt5Mini = "openai/gpt-5-mini", e.gpt51Thinking = "openai/gpt-5.1-thinking", e.gpt51Instant = "openai/gpt-5.1-instant", e.gpt52 = "openai/gpt-5.2", e.gpt52Chat = "openai/gpt-5.2-chat", e.gpt54nano = "openai/gpt-5.4-nano", e.gpt54mini = "openai/gpt-5.4-mini", e.gpt54 = "openai/gpt-5.4", e.gpt54Pro = "openai/gpt-5.4-pro", e.gpt55 = "openai/gpt-5.5", e.gpt55Pro = "openai/gpt-5.5-pro", e.gemini25Flash = "google/gemini-2.5-flash", e.gemini25FlashLite = "google/gemini-2.5-flash-lite", e.gemini25Pro = "google/gemini-2.5-pro", e.gemini3Flash = "google/gemini-3-flash", e.gemini3ProPreview = "google/gemini-3-pro-preview", e.gemini31FlashLitePreview = "google/gemini-3.1-flash-lite-preview", e.gemini31ProPreview = "google/gemini-3.1-pro-preview", e.gemini31FlashLite = "google/gemini-3.1-flash-lite", e.gemini35Flash = "google/gemini-3.5-flash", e.claudeHaiku45 = "anthropic/claude-haiku-4.5", e.claudeSonnet45 = "anthropic/claude-sonnet-4.5", e.claudeSonnet46 = "anthropic/claude-sonnet-4.6", e.claudeOpus46 = "anthropic/claude-opus-4.6", e.claudeOpus47 = "anthropic/claude-opus-4.7", e.claudeOpus48 = "anthropic/claude-opus-4.8", e.deepseek32 = "deepseek/deepseek-v3.2", e.deepseek32Thinking = "deepseek/deepseek-v3.2-thinking", e.deepseek4pro = "deepseek/deepseek-v4-pro", e.deepseek4Flash = "deepseek/deepseek-v4-flash", e.alibabaQwen36Plus = "alibaba/qwen3.6-plus", e.xaiGrok43 = "xai/grok-4.3", e;
+}({});
+x.textEmbedding3Small;
+var S = /* @__PURE__ */ function(e) {
+	return e.it = "it", e.en = "en", e.es = "es", e.fr = "fr", e.de = "de", e;
+}({});
+S.it, S.en, S.es, S.fr, S.de;
+var C = /* @__PURE__ */ function(e) {
+	return e.READABILITY = "readability", e.AI = "ai", e;
+}({}), w = /* @__PURE__ */ function(e) {
+	return e.FETCH = "fetch", e.PUPPETEER = "puppeteer", e.REMOTE = "remote", e;
+}({}), T = /^[a-z]+\/[a-z0-9\-+.]+$/i, E = /* @__PURE__ */ function(e) {
+	return e.DEFAULT = "default", e.COLD = "cold", e.HOT = "hot", e.ARCHIVE = "archive", e;
+}({}), D = r("type", [o({
+	type: i("azure-blob"),
+	blobUri: p(),
+	containerName: f().min(1),
+	pathRelativeToContainer: f().min(1)
+}), o({
+	type: i("s3"),
+	bucket: f().min(1),
+	key: f().min(1),
+	region: f().min(1)
+})]), O = o({
+	type: f().min(1),
+	name: f().min(1),
+	mimeType: f().regex(T),
+	bytesCount: l().positive(),
+	extension: f().regex(/^\.[a-zA-Z0-9]+$/).transform((e) => e.toLowerCase()),
+	storedFileName: f().optional(),
+	metadata: a(f(), f()).default({}),
+	tags: a(f(), f()).default({})
+}).extend({
+	storageHandle: D,
+	storagePolicy: s(E),
+	signData: f().optional(),
+	storedFileName: f().min(1)
+}), k = o({
+	name: f().min(1),
+	src: O,
+	srcSet: t(O).default([]),
+	rawOptions: u().optional()
+});
+o({
+	src: O,
+	uploadHandle: o({
+		uploadSasuri: p(),
+		metadata: a(f(), f()).default({}),
+		tags: a(f(), f()).default({})
+	})
+}), o({
+	src: O,
+	downloadHandle: o({
+		downloadSasuri: p(),
+		viewSasuri: p(),
+		previewSasuri: p().optional(),
+		expiresOn: f().datetime(),
+		type: f()
+	})
+});
+var A = /* @__PURE__ */ function(e) {
+	return e.picture = "picture", e.video = "video", e.audio = "audio", e.office = "office", e.archive = "archive", e.binary = "binary", e.executable = "executable", e;
+}({});
+r("type", [
+	o({
+		type: i(A.picture),
+		width: l().positive(),
+		height: l().positive(),
+		blurhash: f().optional()
+	}),
+	o({
+		type: i(A.video),
+		width: l().positive(),
+		height: l().positive(),
+		duration: l().nonnegative()
+	}),
+	o({
+		type: i(A.audio),
+		duration: l().nonnegative()
+	}),
+	o({ type: i(A.office) }),
+	o({ type: i(A.archive) }),
+	o({ type: i(A.binary) }),
+	o({ type: i(A.executable) })
+]);
+//#endregion
+export { C as a, _ as c, w as i, b as l, k as n, x as o, A as r, S as s, T as t, h as u };
+
+//# sourceMappingURL=Media-D5pFbMNh.js.map

package/dist-vue/_chunks/Media-D5pFbMNh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Media-D5pFbMNh.js","names":["core._coercedDate","schemas.ZodDate"],"sources":["../../../../node_modules/.pnpm/zod@4.4.3/node_modules/zod/v4/classic/coerce.js","../../../../packages/models/src/utils.ts","../../../../packages/models/src/schema/constants.ts","../../../../packages/models/src/schema/Media.ts"],"sourcesContent":["import * as core from \"../core/index.js\";\nimport * as schemas from \"./schemas.js\";\nexport function string(params) {\n    return core._coercedString(schemas.ZodString, params);\n}\nexport function number(params) {\n    return core._coercedNumber(schemas.ZodNumber, params);\n}\nexport function boolean(params) {\n    return core._coercedBoolean(schemas.ZodBoolean, params);\n}\nexport function bigint(params) {\n    return core._coercedBigint(schemas.ZodBigInt, params);\n}\nexport function date(params) {\n    return core._coercedDate(schemas.ZodDate, params);\n}\n","import * as z from 'zod'\n\nconst MAX_SCHEMA_SIZE_BYTES = 50 * 1024 // 50 KB\n\n/** Reusable Zod field for JSON Schema objects with a 50 KB size limit. */\nexport const jsonSchemaField = z\n    .record(z.string(), z.unknown())\n    .refine((val) => JSON.stringify(val).length <= MAX_SCHEMA_SIZE_BYTES, {\n        message: `Schema must not exceed ${MAX_SCHEMA_SIZE_BYTES / 1024} KB`,\n    })\n\nexport type QueryStringFilter<T extends string = string> = `filter[${T}]`\nexport type Querystring = {\n    'page[number]'?: number | string\n    'page[size]'?: number | string\n    sort?: string[] | string\n    [filterKeys: QueryStringFilter]: unknown\n    [otherKeys: string]: unknown\n}\n\nexport const makeSortEnum = <const T extends string>(input: T) => {\n    return [`${input}`, `-${input}`] as [T, `-${T}`]\n}\n\nexport const makeSortEnums = <const T extends string>(input: readonly T[]) => {\n    return input.flatMap((i) => makeSortEnum(i))\n}\n\nexport const zodQs = {\n    pagination: (defaultNumber = 1, defaultSize = 10) => {\n        return {\n            'page[number]': z\n                .number()\n                .or(z.string())\n                .transform((v) => Number(v))\n                .default(defaultNumber),\n            'page[size]': z\n                .number()\n                .or(z.string())\n                .transform((v) => Number(v))\n                .default(defaultSize),\n        }\n    },\n    filter: <const T extends string>(input: T) => {\n        return { [`filter[${input}]`]: z.string().optional() } as Record<\n            `filter[${T}]`,\n            z.ZodOptional<z.ZodString | z.ZodArray<z.ZodString>>\n        >\n    },\n    include: <const T extends string>(input: T) => {\n        return { [`include[${input}]`]: z.string().optional() } as Record<\n            `include[${T}]`,\n            z.ZodOptional<z.ZodArray<z.ZodString> | z.ZodString>\n        >\n    },\n    range: <const T extends string>(input: T) => {\n        return {\n            [`from[${input}]`]: z.string().optional(),\n            [`to[${input}]`]: z.string().optional(),\n        } as Record<`from[${T}]` | `to[${T}]`, z.ZodOptional<z.ZodString>>\n    },\n    has: <const T extends string>(input: T) => {\n        return { [`has[${input}]`]: z.boolean().optional() } as Record<\n            `has[${T}]`,\n            z.ZodOptional<z.ZodBoolean>\n        >\n    },\n    fullText: () => {\n        return { [`filter[fullText]`]: z.string().optional() }\n    },\n    ids: () => {\n        return { ids: z.union([z.string(), z.array(z.string())]).optional() }\n    },\n    deleted: () => {\n        return { 'filter[isDeleted]': z.boolean().default(false) }\n    },\n    filters: <const T extends string>(input: readonly T[]) => {\n        return input\n            .map((i) => zodQs.filter(i))\n            .reduce((a, b) => ({ ...a, ...b }))\n    },\n    sort: <const S extends string>(sort: S[]) => {\n        const sortEnums = makeSortEnums(sort) as [S, ...`-${S}`[]]\n        return {\n            // @ts-expect-error: zod does not support tuple types\n            sort: z.enum(sortEnums).optional().default(sortEnums[0]),\n        }\n    },\n}\n","export enum LanguageModel {\n    // OpenAI\n    textEmbedding3Small = 'openai/text-embedding-3-small',\n    gpt5Nano = 'openai/gpt-5-nano',\n    gpt5Mini = 'openai/gpt-5-mini',\n    gpt51Thinking = 'openai/gpt-5.1-thinking',\n    gpt51Instant = 'openai/gpt-5.1-instant',\n    gpt52 = 'openai/gpt-5.2',\n    gpt52Chat = 'openai/gpt-5.2-chat',\n    gpt54nano = 'openai/gpt-5.4-nano',\n    gpt54mini = 'openai/gpt-5.4-mini',\n    gpt54 = 'openai/gpt-5.4',\n    gpt54Pro = 'openai/gpt-5.4-pro',\n    gpt55 = 'openai/gpt-5.5',\n    gpt55Pro = 'openai/gpt-5.5-pro',\n    // Google Gemini\n    gemini25Flash = 'google/gemini-2.5-flash',\n    gemini25FlashLite = 'google/gemini-2.5-flash-lite',\n    gemini25Pro = 'google/gemini-2.5-pro',\n    gemini3Flash = 'google/gemini-3-flash',\n    gemini3ProPreview = 'google/gemini-3-pro-preview',\n    gemini31FlashLitePreview = 'google/gemini-3.1-flash-lite-preview',\n    gemini31ProPreview = 'google/gemini-3.1-pro-preview',\n    gemini31FlashLite = 'google/gemini-3.1-flash-lite',\n    gemini35Flash = 'google/gemini-3.5-flash',\n    // Anthropic Claude\n    claudeHaiku45 = 'anthropic/claude-haiku-4.5',\n    claudeSonnet45 = 'anthropic/claude-sonnet-4.5',\n    claudeSonnet46 = 'anthropic/claude-sonnet-4.6',\n    claudeOpus46 = 'anthropic/claude-opus-4.6',\n    claudeOpus47 = 'anthropic/claude-opus-4.7',\n    claudeOpus48 = 'anthropic/claude-opus-4.8',\n    // Deepseek\n    deepseek32 = 'deepseek/deepseek-v3.2',\n    deepseek32Thinking = 'deepseek/deepseek-v3.2-thinking',\n    deepseek4pro = 'deepseek/deepseek-v4-pro',\n    deepseek4Flash = 'deepseek/deepseek-v4-flash',\n    // Alibaba\n    alibabaQwen36Plus = 'alibaba/qwen3.6-plus',\n    // xAI\n    xaiGrok43 = 'xai/grok-4.3',\n}\n\nexport const EMBED_MODEL = LanguageModel.textEmbedding3Small\n\nexport enum LanguageModelBrand {\n    openai = 'openai',\n    google = 'google',\n    anthropic = 'anthropic',\n    deepseek = 'deepseek',\n    xai = 'xai',\n}\n\n/**\n * Supported languages for documents and revised answers\n */\nexport enum SupportedLanguage {\n    it = 'it',\n    en = 'en',\n    es = 'es',\n    fr = 'fr',\n    de = 'de',\n}\n\n/**\n * Language display names (i18n keys)\n */\nexport const LANGUAGE_NAMES: Record<SupportedLanguage, string> = {\n    [SupportedLanguage.it]: 'language.italian',\n    [SupportedLanguage.en]: 'language.english',\n    [SupportedLanguage.es]: 'language.spanish',\n    [SupportedLanguage.fr]: 'language.french',\n    [SupportedLanguage.de]: 'language.german',\n}\n\n/**\n * Content extraction strategies for URL scraping\n */\nexport enum ExtractionStrategy {\n    /** Use Mozilla Readability for content extraction (fast, free, no API calls) */\n    READABILITY = 'readability',\n    /** Use AI-based extraction (better for complex layouts, requires API calls) */\n    AI = 'ai',\n}\n\n/**\n * Browser engine options for URL scraping\n */\nexport enum BrowserEngine {\n    /** Use simple HTTP fetch (fast, lightweight, no JavaScript support) */\n    FETCH = 'fetch',\n    /** Use Puppeteer with headless Chrome (full browser, JavaScript support) */\n    PUPPETEER = 'puppeteer',\n    /** Delegate browser rendering to an external pdf-image-generator service */\n    REMOTE = 'remote',\n}\n","import { z } from 'zod'\n\n// ===== Constants =====\n\nexport const MAX_FILE_SIZE = 100 * 1024 * 1024 // 100MB\n\nexport const MIME_TYPE_REGEX = /^[a-z]+\\/[a-z0-9\\-+.]+$/i\n\nexport const SUPPORTED_IMAGE_TYPES = [\n    'image/jpeg',\n    'image/png',\n    'image/gif',\n    'image/webp',\n    'image/svg+xml',\n] as const\n\nexport const SUPPORTED_DOCUMENT_TYPES = [\n    'application/pdf',\n    'application/msword',\n    'application/vnd.openxmlformats-officedocument.wordprocessingml.document',\n    'application/vnd.ms-excel',\n    'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',\n    'text/plain',\n    'text/markdown',\n] as const\n\nexport const SUPPORTED_VIDEO_TYPES = [\n    'video/mp4',\n    'video/webm',\n    'video/ogg',\n] as const\n\nexport const SUPPORTED_AUDIO_TYPES = [\n    'audio/mpeg',\n    'audio/wav',\n    'audio/ogg',\n] as const\n\n// ===== Enums =====\n\nexport enum StoragePolicy {\n    DEFAULT = 'default',\n    COLD = 'cold',\n    HOT = 'hot',\n    ARCHIVE = 'archive',\n}\n\nexport enum PreviewStatus {\n    Pending = 'pending',\n    Done = 'done',\n    Failed = 'failed',\n}\n\n// ===== Storage Handle Schemas =====\n\nconst AzureBlobStorageHandleSchema = z.object({\n    type: z.literal('azure-blob'),\n    blobUri: z.url(),\n    containerName: z.string().min(1),\n    pathRelativeToContainer: z.string().min(1),\n})\n\nconst S3StorageHandleSchema = z.object({\n    type: z.literal('s3'),\n    bucket: z.string().min(1),\n    key: z.string().min(1),\n    region: z.string().min(1),\n})\n\nconst StorageHandleSchema = z.discriminatedUnion('type', [\n    AzureBlobStorageHandleSchema,\n    S3StorageHandleSchema,\n])\n\n// ===== Media Upload Schema =====\n\n/**\n * Media upload information for preparing a file upload\n */\nexport const MediaUploadSchema = z.object({\n    /** Media type category (picture, video, audio, etc.) */\n    type: z.string().min(1),\n    /** Original filename */\n    name: z.string().min(1),\n    /** MIME type (e.g., 'image/jpeg') */\n    mimeType: z.string().regex(MIME_TYPE_REGEX),\n    /** File size in bytes (must be positive) */\n    bytesCount: z.number().positive(),\n    /** File extension with dot (e.g., '.jpg') */\n    extension: z\n        .string()\n        .regex(/^\\.[a-zA-Z0-9]+$/)\n        .transform((ext) => ext.toLowerCase()),\n    /** Optional custom stored filename */\n    storedFileName: z.string().optional(),\n    /** Additional metadata key-value pairs */\n    metadata: z.record(z.string(), z.string()).default({}),\n    /** Storage tags for categorization */\n    tags: z.record(z.string(), z.string()).default({}),\n})\nexport type MediaUpload = z.infer<typeof MediaUploadSchema>\n\n// ===== Media Source Schema =====\n\n/**\n * Complete media source information including storage details\n */\nexport const MediaSourceSchema = MediaUploadSchema.extend({\n    /** Storage backend configuration */\n    storageHandle: StorageHandleSchema,\n    /** Storage tier/policy */\n    storagePolicy: z.enum(StoragePolicy),\n    /** Optional signature data for verification */\n    signData: z.string().optional(),\n    /** Actual stored filename (required) */\n    storedFileName: z.string().min(1),\n})\nexport type MediaSource = z.infer<typeof MediaSourceSchema>\n\n// ===== Media Schema =====\n\n/**\n * Complete media object with source and optional variants\n */\nexport const MediaSchema = z.object({\n    /** Display name for the media */\n    name: z.string().min(1),\n    /** Primary media source */\n    src: MediaSourceSchema,\n    /** Optional additional sources (e.g., different resolutions) */\n    srcSet: z.array(MediaSourceSchema).default([]),\n    /** Type-specific metadata (dimensions, duration, etc.) */\n    rawOptions: z.custom<RawOptions>().optional(),\n})\nexport type Media = z.infer<typeof MediaSchema>\n\n// ===== Upload Handle Schema =====\n\n/**\n * Upload handle containing SAS URI and metadata for client-side upload\n */\nexport const MediaUploadHandleSchema = z.object({\n    /** Media source information */\n    src: MediaSourceSchema,\n    /** Upload credentials and metadata */\n    uploadHandle: z.object({\n        /** Shared Access Signature URI for upload */\n        uploadSasuri: z.url(),\n        /** Metadata to attach to the blob */\n        metadata: z.record(z.string(), z.string()).default({}),\n        /** Tags to attach to the blob */\n        tags: z.record(z.string(), z.string()).default({}),\n    }),\n})\nexport type MediaUploadHandle = z.infer<typeof MediaUploadHandleSchema>\n\n// ===== Download Handle Schema =====\n\n/**\n * Download handle containing SAS URIs for different access patterns\n */\nexport const MediaDownloadHandleSchema = z.object({\n    /** Media source information */\n    src: MediaSourceSchema,\n    /** Download credentials and URIs */\n    downloadHandle: z.object({\n        /** SAS URI for file download */\n        downloadSasuri: z.url(),\n        /** SAS URI for inline viewing */\n        viewSasuri: z.url(),\n        /** Optional SAS URI for preview thumbnail */\n        previewSasuri: z.url().optional(),\n        /** Expiration timestamp for the SAS URIs */\n        expiresOn: z.string().datetime(),\n        /** Storage backend type */\n        type: z.string(),\n    }),\n})\nexport type MediaDownloadHandle = z.infer<typeof MediaDownloadHandleSchema>\n\n// ===== Media Types =====\n\nexport enum MediaType {\n    picture = 'picture',\n    video = 'video',\n    audio = 'audio',\n    office = 'office',\n    archive = 'archive',\n    binary = 'binary',\n    executable = 'executable',\n}\n\n// ===== Raw Options Schemas =====\n\nconst PictureRawOptionsSchema = z.object({\n    type: z.literal(MediaType.picture),\n    width: z.number().positive(),\n    height: z.number().positive(),\n    blurhash: z.string().optional(),\n})\n\nconst VideoRawOptionsSchema = z.object({\n    type: z.literal(MediaType.video),\n    width: z.number().positive(),\n    height: z.number().positive(),\n    duration: z.number().nonnegative(),\n})\n\nconst AudioRawOptionsSchema = z.object({\n    type: z.literal(MediaType.audio),\n    duration: z.number().nonnegative(),\n})\n\nconst OfficeRawOptionsSchema = z.object({\n    type: z.literal(MediaType.office),\n})\n\nconst ArchiveRawOptionsSchema = z.object({\n    type: z.literal(MediaType.archive),\n})\n\nconst BinaryRawOptionsSchema = z.object({\n    type: z.literal(MediaType.binary),\n})\n\nconst ExecutableRawOptionsSchema = z.object({\n    type: z.literal(MediaType.executable),\n})\n\nexport const RawOptionsSchema = z.discriminatedUnion('type', [\n    PictureRawOptionsSchema,\n    VideoRawOptionsSchema,\n    AudioRawOptionsSchema,\n    OfficeRawOptionsSchema,\n    ArchiveRawOptionsSchema,\n    BinaryRawOptionsSchema,\n    ExecutableRawOptionsSchema,\n])\n\n// ===== Raw Options Types =====\n\n// ===== Raw Options Types =====\n\nexport type PictureRawOptions = z.infer<typeof PictureRawOptionsSchema>\nexport type VideoRawOptions = z.infer<typeof VideoRawOptionsSchema>\nexport type AudioRawOptions = z.infer<typeof AudioRawOptionsSchema>\nexport type OfficeRawOptions = z.infer<typeof OfficeRawOptionsSchema>\nexport type ArchiveRawOptions = z.infer<typeof ArchiveRawOptionsSchema>\nexport type BinaryRawOptions = z.infer<typeof BinaryRawOptionsSchema>\nexport type ExecutableRawOptions = z.infer<typeof ExecutableRawOptionsSchema>\n\nexport type RawOptions = z.infer<typeof RawOptionsSchema>\n\n// ===== Uploaded File Type =====\n\nexport type UploadedFile<Source = undefined> = Source extends undefined\n    ? {\n          name: string\n          size: number\n          type: string\n          url: string\n          lastModified?: number\n      }\n    : {\n          name: string\n          size: number\n          type: string\n          url: string\n          lastModified?: number\n          source: Source\n      }\n\n// ===== Helper Functions =====\n\n/**\n * Check if a MIME type is a supported image format\n */\nexport const isSupportedImageType = (mimeType: string): boolean => {\n    return mimeType.startsWith('image/')\n}\n\n/**\n * Check if a MIME type supports preview generation\n */\nexport const isSupportedPreviewType = (mimeType: string): boolean => {\n    return mimeType.startsWith('image/') || mimeType === 'application/pdf'\n}\n\n/**\n * Determine MediaType from MIME type\n */\nexport const getMediaTypeFromMime = (mimeType: string): MediaType => {\n    if (mimeType.startsWith('image/')) return MediaType.picture\n    if (mimeType.startsWith('video/')) return MediaType.video\n    if (mimeType.startsWith('audio/')) return MediaType.audio\n    if (\n        mimeType.startsWith('application/pdf') ||\n        mimeType.startsWith('application/msword') ||\n        mimeType.startsWith('application/vnd.openxmlformats') ||\n        mimeType.startsWith('application/vnd.ms-')\n    ) {\n        return MediaType.office\n    }\n    if (\n        mimeType === 'application/zip' ||\n        mimeType === 'application/x-rar-compressed' ||\n        mimeType === 'application/x-7z-compressed'\n    ) {\n        return MediaType.archive\n    }\n    if (\n        mimeType.startsWith('application/x-') &&\n        mimeType.includes('executable')\n    ) {\n        return MediaType.executable\n    }\n    return MediaType.binary\n}\n\n/**\n * Extract file extension from filename\n */\nexport const getExtensionFromFilename = (filename: string): string => {\n    const lastDot = filename.lastIndexOf('.')\n    return lastDot === -1 ? '' : filename.slice(lastDot).toLowerCase()\n}\n\n/**\n * Format bytes to human-readable string\n */\nexport const formatBytes = (bytes: number, decimals = 2): string => {\n    if (bytes === 0) return '0 Bytes'\n    const k = 1024\n    const dm = decimals < 0 ? 0 : decimals\n    const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB']\n    const i = Math.floor(Math.log(bytes) / Math.log(k))\n    return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}`\n}\n\n// ===== Type Guards =====\n\nexport const isPictureOptions = (\n    options: RawOptions,\n): options is PictureRawOptions => {\n    return options.type === MediaType.picture\n}\n\nexport const isVideoOptions = (\n    options: RawOptions,\n): options is VideoRawOptions => {\n    return options.type === MediaType.video\n}\n\nexport const isAudioOptions = (\n    options: RawOptions,\n): options is AudioRawOptions => {\n    return options.type === MediaType.audio\n}\n\nexport const isOfficeOptions = (\n    options: RawOptions,\n): options is OfficeRawOptions => {\n    return options.type === MediaType.office\n}\n\nexport const isArchiveOptions = (\n    options: RawOptions,\n): options is ArchiveRawOptions => {\n    return options.type === MediaType.archive\n}\n\nexport const isBinaryOptions = (\n    options: RawOptions,\n): options is BinaryRawOptions => {\n    return options.type === MediaType.binary\n}\n\nexport const isExecutableOptions = (\n    options: RawOptions,\n): options is ExecutableRawOptions => {\n    return options.type === MediaType.executable\n}\n"],"x_google_ignoreList":[0],"mappings":"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"}

package/dist-vue/_chunks/PkChatbot-UDExD81D.js

@@ -0,0 +1,190 @@
+import { t as e } from "./useChatbotStore-DCCWlutT.js";
+import { t } from "./PkChatbotViewConversations-B9KC-0ir.js";
+import { t as n } from "./useLocalizedString-CW0dVF2K.js";
+import { t as ee } from "./PkStreamingMarkdown-BDtjktHX.js";
+import { n as r, t as i } from "./PkChatbotViewProfile-C0q898hz.js";
+import { s as a } from "./utils-UX35fb5C.js";
+import { t as te } from "./PkChatbotViewChat-BgH9Op_G.js";
+import { VvAlert as ne, VvButton as re, VvButtonGroup as ie, VvDropdown as ae, VvDropdownAction as oe, VvIcon as se } from "@volverjs/ui-vue/components";
+import { Fragment as ce, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createSlots as d, createTextVNode as f, createVNode as p, defineComponent as m, guardReactiveProps as h, mergeModels as g, mergeProps as le, normalizeClass as _, normalizeProps as v, normalizeStyle as y, openBlock as b, renderList as x, renderSlot as S, toDisplayString as C, toRef as w, unref as T, useModel as E, useSlots as D, watch as O, watchEffect as ue, withCtx as k } from "vue";
+import { useI18n as de } from "vue-i18n";
+import { storeToRefs as fe } from "pinia";
+//#region ../../packages/components/src/chat/PkChatbot.vue?vue&type=script&setup=true&lang.ts
+var pe = { class: "pk-chatbot__header-start" }, me = ["title"], he = { key: 0 }, ge = { class: "pk-chatbot__warning-body" }, _e = { class: "pk-chatbot__warning-header" }, ve = { class: "pk-chatbot__warning-title" }, A = { class: "pk-chatbot__warning-text" }, j = {
+	key: 4,
+	class: "pk-chatbot__footer"
+}, M = /* @__PURE__ */ m({
+	__name: "PkChatbot",
+	props: /* @__PURE__ */ g({
+		baseUrl: {},
+		basePath: {},
+		agentId: {},
+		agentType: {},
+		userId: {},
+		name: {},
+		model: {},
+		agentModel: {},
+		agentTools: {},
+		agentInterface: {},
+		actions: {},
+		revisedAnswers: {},
+		headers: {},
+		systemTheme: {},
+		agentFileUpload: {},
+		fallbackModels: {},
+		gatewayOptions: {},
+		externalContext: {}
+	}, {
+		chatId: {
+			type: String,
+			default: void 0
+		},
+		chatIdModifiers: {}
+	}),
+	emits: /* @__PURE__ */ g([
+		"message-update",
+		"show-info",
+		"revise",
+		"error"
+	], ["update:chatId"]),
+	setup(m, { expose: g, emit: M }) {
+		let N = D(), { t: P } = de({ useScope: "global" }), F = m, I = M, L = E(m, "chatId"), R = e(F.agentId), { messages: z, chat: B, localChatId: V, activeView: H, chatError: ye, isDark: be } = fe(R), U = w(R, "agentId"), { startNewChat: W, stopGeneration: G, regenerate: K, navigate: q, sendMessage: xe } = R;
+		ue(() => {
+			R.baseUrl = F.baseUrl, R.basePath = F.basePath, R.name = F.name, R.agentType = F.agentType, R.userId = F.userId, R.agentInterface = F.agentInterface, R.agentModel = F.agentModel, R.agentTools = F.agentTools, R.headers = F.headers, R.revisedAnswers = F.revisedAnswers, R.model = F.model, R.actionsInput = F.actions, R.agentFileUpload = F.agentFileUpload, R.fallbackModels = F.fallbackModels, R.gatewayOptions = F.gatewayOptions, R.externalContext = F.externalContext, R.systemTheme = F.systemTheme;
+		}), O(() => L.value, (e) => {
+			e && e !== R.localChatId && (R.localChatId = e);
+		}, { immediate: !0 }), O(V, (e) => {
+			L.value = e;
+		}), O(ye, (e) => {
+			if (e) try {
+				I("error", JSON.parse(e.message));
+			} catch {}
+		});
+		let J = o(() => F.agentType === "reasoning"), Y = o(() => F.agentInterface?.useColorsForAgentHeader), Se = o(() => ["theme", `theme--${be.value ? "dark" : "light"}`]), X = o(() => F.agentInterface?.mainColor), Z = o(() => a(F.agentInterface?.textColor, X.value)), Q = n(() => F.agentInterface?.footerMessage), $ = o(() => H.value === "conversations" ? P("label.conversations") : H.value === "profile" ? P("label.profile") : F.name), Ce = o(() => B.value.status === "ready"), we = o(() => z.value?.[z.value.length - 1]);
+		return g({
+			startNewChat: W,
+			regenerate: K,
+			stopGeneration: G,
+			sendMessage: xe
+		}), O([U, V], async ([e, t]) => {
+			await R.initialize(e, t);
+		}, { immediate: !0 }), O(() => F.agentInterface?.initialMessage, () => {
+			B.value.messages.length === 1 && B.value.messages[0].role === "assistant" && (B.value.messages = []);
+		}, { deep: !0 }), O(H, (e) => {
+			e === "conversations" && R.loadConversations(U.value);
+		}), O(we, (e) => {
+			e && I("message-update", e);
+		}, {
+			deep: !0,
+			immediate: !0
+		}), (e, n) => {
+			let a = re, o = se, g = oe, w = ae, E = ie, D = ne;
+			return b(), l("div", { class: _(["pk-chatbot", Se.value]) }, [
+				u("div", {
+					class: "pk-chatbot__header",
+					style: y(Y.value ? { backgroundColor: X.value } : void 0)
+				}, [u("div", pe, [T(H) === "chat" ? (b(), s(r, {
+					key: 1,
+					modifiers: "surface ring shrink-0",
+					class: "pk-chatbot__avatar",
+					name: m.name,
+					"img-src": m.agentInterface?.logo
+				}, null, 8, ["name", "img-src"])) : (b(), l(ce, { key: 0 }, [p(a, le({
+					modifiers: Y.value ? `action-quiet-${Z.value}` : "action-quiet",
+					icon: "ri:arrow-left-s-line",
+					title: T(P)("action.goBack")
+				}, { onClick: n[0] ||= (e) => T(q)("chat") }), null, 16), p(o, {
+					name: "ri:history-line",
+					class: "pk-chatbot__nav-icon",
+					style: y(Y.value ? { color: Z.value } : void 0)
+				}, null, 8, ["style"])], 64)), u("strong", {
+					class: "pk-chatbot__title",
+					title: $.value,
+					style: y(Y.value ? { color: Z.value } : void 0)
+				}, C($.value), 13, me)]), p(E, {
+					class: "pk-chatbot__header-end",
+					modifiers: "compact"
+				}, {
+					default: k(() => [
+						S(e.$slots, "header-actions", v(h({
+							mainColor: X.value,
+							useColorsForAgentHeader: Y.value,
+							contrastColor: Z.value,
+							startNewChat: T(W),
+							stopGeneration: T(G)
+						}))),
+						p(w, v(h({
+							placement: "bottom-end",
+							modifiers: "menu",
+							flip: !0,
+							offset: 3,
+							strategy: "fixed"
+						})), {
+							items: k(() => [p(g, { onClick: n[1] ||= (e) => T(W)() }, {
+								default: k(() => [p(o, { name: "ri:edit-box-line" }), f(" " + C(T(P)("action.startNewChat")), 1)]),
+								_: 1
+							}), J.value ? c("", !0) : (b(), s(g, {
+								key: 0,
+								onClick: n[2] ||= (e) => T(q)("conversations")
+							}, {
+								default: k(() => [p(o, { name: "ri:history-line" }), f(" " + C(T(P)("action.viewRecentChats")), 1)]),
+								_: 1
+							}))]),
+							default: k(() => [p(a, v(h({
+								modifiers: Y.value ? `action-quiet-${Z.value}` : "action-quiet",
+								icon: "ri:more-2-fill",
+								disabled: !Ce.value,
+								title: T(P)("action.moreActions")
+							})), null, 16)]),
+							_: 1
+						}, 16),
+						S(e.$slots, "actions", v(h({
+							mainColor: X.value,
+							useColorsForAgentHeader: Y.value,
+							contrastColor: Z.value,
+							startNewChat: T(W),
+							stopGeneration: T(G)
+						})))
+					]),
+					_: 3
+				})], 4),
+				J.value ? (b(), l("div", he, [u("div", ge, [p(D, { modifiers: "callout" }, {
+					default: k(() => [u("div", _e, [p(o, {
+						name: "ri:alert-line",
+						class: "pk-chatbot__warning-icon"
+					}), u("strong", ve, C(T(P)("message.warning")), 1)]), u("p", A, C(T(P)("message.reasoningAgent")), 1)]),
+					_: 1
+				})])])) : c("", !0),
+				T(H) === "chat" ? (b(), s(te, {
+					key: 1,
+					"agent-id": m.agentId,
+					onShowInfo: n[3] ||= (e) => I("show-info", e),
+					onRevise: n[4] ||= (e) => I("revise", e)
+				}, d({ _: 2 }, [x(Object.keys(T(N)), (t) => ({
+					name: t,
+					fn: k((n) => [S(e.$slots, t, v(h(n)))])
+				}))]), 1032, ["agent-id"])) : T(H) === "conversations" ? (b(), s(t, {
+					key: 2,
+					"agent-id": m.agentId
+				}, d({ _: 2 }, [x(Object.keys(T(N)), (t) => ({
+					name: t,
+					fn: k((n) => [S(e.$slots, t, v(h(n)))])
+				}))]), 1032, ["agent-id"])) : (b(), s(i, {
+					key: 3,
+					"agent-id": m.agentId
+				}, d({ _: 2 }, [x(Object.keys(T(N)), (t) => ({
+					name: t,
+					fn: k((n) => [S(e.$slots, t, v(h(n)))])
+				}))]), 1032, ["agent-id"])),
+				T(Q) ? (b(), l("div", j, [p(ee, {
+					markdown: T(Q),
+					class: "wysiwyg"
+				}, null, 8, ["markdown"])])) : c("", !0)
+			], 2);
+		};
+	}
+});
+//#endregion
+export { M as t };
+
+//# sourceMappingURL=PkChatbot-UDExD81D.js.map

package/dist-vue/_chunks/PkChatbot-UDExD81D.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PkChatbot-UDExD81D.js","names":[],"sources":["../../../../packages/components/src/chat/PkChatbot.vue","../../../../packages/components/src/chat/PkChatbot.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed, toRef, watch, watchEffect, useSlots } from 'vue'\n    import { storeToRefs } from 'pinia'\n    import { useI18n } from 'vue-i18n'\n    import type {\n        AgentInterface,\n        AgentModel,\n        AgentFileUpload,\n        AgentGatewayOptions,\n        ChatMessageActions,\n        RevisedAnswer,\n        UIChatMessage,\n        AgentTools,\n    } from 'models'\n    import { useChatbotStore, useLocalizedString } from 'composables'\n    import PkAvatar from './PkAvatar.vue'\n    import PkChatbotViewChat from './PkChatbotViewChat.vue'\n    import PkChatbotViewConversations from './PkChatbotViewConversations.vue'\n    import PkChatbotViewProfile from './PkChatbotViewProfile.vue'\n    import PkStreamingMarkdown from './PkStreamingMarkdown.vue'\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        fallbackModels?: string[]\n        gatewayOptions?: Partial<AgentGatewayOptions>\n        externalContext?: Record<string, unknown>\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    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    // 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.fallbackModels = props.fallbackModels\n        store.gatewayOptions = props.gatewayOptions\n        store.externalContext = props.externalContext\n        store.systemTheme = props.systemTheme\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 isReasoningAgent = computed(() => props.agentType === 'reasoning')\n    const useColorsForAgentHeader = computed(\n        () => props.agentInterface?.useColorsForAgentHeader,\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        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    // update initial message\n    watch(\n        () => props.agentInterface?.initialMessage,\n        () => {\n            if (\n                chat.value.messages.length === 1 &&\n                chat.value.messages[0].role === 'assistant'\n            ) {\n                chat.value.messages = []\n            }\n        },\n        { deep: true },\n    )\n    // load conversations when navigating to conversations view\n    watch(activeView, (newView) => {\n        if (newView === 'conversations') {\n            store.loadConversations(storeAgentId.value)\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 class=\"pk-chatbot\" :class=\"themeClass\">\n        <!-- #region title -->\n        <div\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=\"ri:history-line\"\n                        class=\"pk-chatbot__nav-icon\"\n                        :style=\"\n                            useColorsForAgentHeader\n                                ? {\n                                      color: contrastColor,\n                                  }\n                                : undefined\n                        \" />\n                </template>\n                <PkAvatar\n                    v-else\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                <VvDropdown\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 @click=\"startNewChat()\">\n                            <VvIcon name=\"ri:edit-box-line\" />\n                            {{ $t('action.startNewChat') }}\n                        </VvDropdownAction>\n                        <VvDropdownAction\n                            v-if=\"!isReasoningAgent\"\n                            @click=\"navigate('conversations')\">\n                            <VvIcon name=\"ri:history-line\" />\n                            {{ $t('action.viewRecentChats') }}\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            @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        <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-4);\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: 700;\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-4);\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-4);\n            text-align: center;\n            font-size: var(--text-12);\n            color: var(--color-word-2);\n        }\n    }\n</style>\n","<script setup lang=\"ts\">\n    import { computed, toRef, watch, watchEffect, useSlots } from 'vue'\n    import { storeToRefs } from 'pinia'\n    import { useI18n } from 'vue-i18n'\n    import type {\n        AgentInterface,\n        AgentModel,\n        AgentFileUpload,\n        AgentGatewayOptions,\n        ChatMessageActions,\n        RevisedAnswer,\n        UIChatMessage,\n        AgentTools,\n    } from 'models'\n    import { useChatbotStore, useLocalizedString } from 'composables'\n    import PkAvatar from './PkAvatar.vue'\n    import PkChatbotViewChat from './PkChatbotViewChat.vue'\n    import PkChatbotViewConversations from './PkChatbotViewConversations.vue'\n    import PkChatbotViewProfile from './PkChatbotViewProfile.vue'\n    import PkStreamingMarkdown from './PkStreamingMarkdown.vue'\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        fallbackModels?: string[]\n        gatewayOptions?: Partial<AgentGatewayOptions>\n        externalContext?: Record<string, unknown>\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    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    // 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.fallbackModels = props.fallbackModels\n        store.gatewayOptions = props.gatewayOptions\n        store.externalContext = props.externalContext\n        store.systemTheme = props.systemTheme\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 isReasoningAgent = computed(() => props.agentType === 'reasoning')\n    const useColorsForAgentHeader = computed(\n        () => props.agentInterface?.useColorsForAgentHeader,\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        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    // update initial message\n    watch(\n        () => props.agentInterface?.initialMessage,\n        () => {\n            if (\n                chat.value.messages.length === 1 &&\n                chat.value.messages[0].role === 'assistant'\n            ) {\n                chat.value.messages = []\n            }\n        },\n        { deep: true },\n    )\n    // load conversations when navigating to conversations view\n    watch(activeView, (newView) => {\n        if (newView === 'conversations') {\n            store.loadConversations(storeAgentId.value)\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 class=\"pk-chatbot\" :class=\"themeClass\">\n        <!-- #region title -->\n        <div\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=\"ri:history-line\"\n                        class=\"pk-chatbot__nav-icon\"\n                        :style=\"\n                            useColorsForAgentHeader\n                                ? {\n                                      color: contrastColor,\n                                  }\n                                : undefined\n                        \" />\n                </template>\n                <PkAvatar\n                    v-else\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                <VvDropdown\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 @click=\"startNewChat()\">\n                            <VvIcon name=\"ri:edit-box-line\" />\n                            {{ $t('action.startNewChat') }}\n                        </VvDropdownAction>\n                        <VvDropdownAction\n                            v-if=\"!isReasoningAgent\"\n                            @click=\"navigate('conversations')\">\n                            <VvIcon name=\"ri:history-line\" />\n                            {{ $t('action.viewRecentChats') }}\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            @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        <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-4);\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: 700;\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-4);\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-4);\n            text-align: center;\n            font-size: var(--text-12);\n            color: var(--color-word-2);\n        }\n    }\n</style>\n"],"mappings":"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"}

package/dist-vue/_chunks/{PkChatbotFeedbackForm-BiVUo4kv.js → PkChatbotFeedbackForm-Dy2ojy2E.js}

@@ -1036,4 +1036,4 @@ var Ie = { class: "border border-surface-3 rounded-xl w-full overflow-hidden" },
 //#endregion
 export { Fe as n, Ge as t };
 
-//# sourceMappingURL=PkChatbotFeedbackForm-BiVUo4kv.js.map
+//# sourceMappingURL=PkChatbotFeedbackForm-Dy2ojy2E.js.map