@8wave/ai-elements 0.99.0-beta.2 → 0.100.0-beta.1

package/dist/_chunks/PkToolShowWebPages-DkMJrWmT.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PkToolShowWebPages-DkMJrWmT.js","names":["$t"],"sources":["../../../../packages/components/src/chat/PkToolShowWebPages.vue","../../../../packages/components/src/chat/PkToolShowWebPages.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed, ref } from 'vue'\n    import { isSameSite } from 'utils'\n    import PkUrl from '../PkUrl.vue'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                pages: Array<{\n                    title: string\n                    url: string\n                    image?: string\n                    description?: string\n                }>\n            }\n        }\n        return part\n    })\n\n    // The model often passes the same URL several times (e.g. multiple KB\n    // chunks from one page), so collapse duplicates, keeping the first (richest)\n    // entry. Normalize by dropping the hash and any trailing slash.\n    const normalizeUrl = (url: string) => {\n        try {\n            const u = new URL(url)\n            u.hash = ''\n            return u.toString().replace(/\\/$/, '')\n        } catch {\n            return url.trim().replace(/\\/$/, '')\n        }\n    }\n    const uniquePages = computed(() => {\n        const seen = new Set<string>()\n        const result: NonNullable<typeof toolPart.value.input>['pages'] = []\n        for (const page of toolPart.value.input?.pages || []) {\n            const key = normalizeUrl(page.url)\n            if (seen.has(key)) {\n                continue\n            }\n            seen.add(key)\n            result.push(page)\n        }\n        return result\n    })\n\n    const showMore = ref(false)\n    const pages = computed(() => {\n        if (showMore.value) {\n            return uniquePages.value\n        }\n        return uniquePages.value.slice(0, 2)\n    })\n    const hasMore = computed(() => uniquePages.value.length > 2)\n</script>\n\n<template>\n    <ul v-if=\"pages?.length\" class=\"flex flex-col gap-xs w-full\">\n        <li\n            v-for=\"(page, index) in pages\"\n            :key=\"index\"\n            class=\"border border-surface-3 rounded-xl overflow-hidden hover:border-surface-4 transition-colors shrink-0\">\n            <a\n                :href=\"page.url\"\n                :title=\"$t('action.open')\"\n                :target=\"isSameSite(page.url) ? undefined : '_blank'\"\n                :rel=\"isSameSite(page.url) ? undefined : 'noopener noreferrer'\"\n                class=\"flex gap-8 p-8 hover:bg-surface-1 transition-colors\">\n                <img\n                    v-if=\"page.image\"\n                    :src=\"page.image\"\n                    :alt=\"page.title\"\n                    class=\"w-48 h-48 object-contain rounded shrink-0 border border-surface-3 bg-surface\" />\n                <div class=\"flex flex-col gap-4 min-w-0 flex-1\">\n                    <strong class=\"font-bold text-12 text-word-1 truncate\">\n                        {{ page.title }}\n                    </strong>\n                    <span\n                        class=\"text-10 text-word-4 truncate flex items-center gap-4\">\n                        <VvIcon name=\"ri:link\" class=\"shrink-0 text-12\" />\n                        <PkUrl :url=\"page.url\" />\n                    </span>\n                    <p\n                        v-if=\"page.description\"\n                        class=\"text-12 text-word-3 line-clamp-2\">\n                        {{ page.description }}\n                    </p>\n                </div>\n            </a>\n        </li>\n        <li v-if=\"hasMore\" class=\"text-center\">\n            <button\n                class=\"text-12 text-word-3 cursor-pointer hover:underline flex items-center gap-4 mx-auto\"\n                @click=\"showMore = !showMore\">\n                <VvIcon\n                    :name=\"\n                        showMore ? 'ri:arrow-up-s-line' : 'ri:arrow-down-s-line'\n                    \"\n                    class=\"text-16\" />\n                {{\n                    showMore\n                        ? $t('action.showLess')\n                        : $t('action.showMore', {\n                              count: uniquePages.length - 2,\n                          })\n                }}\n            </button>\n        </li>\n    </ul>\n</template>\n","<script setup lang=\"ts\">\n    import { computed, ref } from 'vue'\n    import { isSameSite } from 'utils'\n    import PkUrl from '../PkUrl.vue'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                pages: Array<{\n                    title: string\n                    url: string\n                    image?: string\n                    description?: string\n                }>\n            }\n        }\n        return part\n    })\n\n    // The model often passes the same URL several times (e.g. multiple KB\n    // chunks from one page), so collapse duplicates, keeping the first (richest)\n    // entry. Normalize by dropping the hash and any trailing slash.\n    const normalizeUrl = (url: string) => {\n        try {\n            const u = new URL(url)\n            u.hash = ''\n            return u.toString().replace(/\\/$/, '')\n        } catch {\n            return url.trim().replace(/\\/$/, '')\n        }\n    }\n    const uniquePages = computed(() => {\n        const seen = new Set<string>()\n        const result: NonNullable<typeof toolPart.value.input>['pages'] = []\n        for (const page of toolPart.value.input?.pages || []) {\n            const key = normalizeUrl(page.url)\n            if (seen.has(key)) {\n                continue\n            }\n            seen.add(key)\n            result.push(page)\n        }\n        return result\n    })\n\n    const showMore = ref(false)\n    const pages = computed(() => {\n        if (showMore.value) {\n            return uniquePages.value\n        }\n        return uniquePages.value.slice(0, 2)\n    })\n    const hasMore = computed(() => uniquePages.value.length > 2)\n</script>\n\n<template>\n    <ul v-if=\"pages?.length\" class=\"flex flex-col gap-xs w-full\">\n        <li\n            v-for=\"(page, index) in pages\"\n            :key=\"index\"\n            class=\"border border-surface-3 rounded-xl overflow-hidden hover:border-surface-4 transition-colors shrink-0\">\n            <a\n                :href=\"page.url\"\n                :title=\"$t('action.open')\"\n                :target=\"isSameSite(page.url) ? undefined : '_blank'\"\n                :rel=\"isSameSite(page.url) ? undefined : 'noopener noreferrer'\"\n                class=\"flex gap-8 p-8 hover:bg-surface-1 transition-colors\">\n                <img\n                    v-if=\"page.image\"\n                    :src=\"page.image\"\n                    :alt=\"page.title\"\n                    class=\"w-48 h-48 object-contain rounded shrink-0 border border-surface-3 bg-surface\" />\n                <div class=\"flex flex-col gap-4 min-w-0 flex-1\">\n                    <strong class=\"font-bold text-12 text-word-1 truncate\">\n                        {{ page.title }}\n                    </strong>\n                    <span\n                        class=\"text-10 text-word-4 truncate flex items-center gap-4\">\n                        <VvIcon name=\"ri:link\" class=\"shrink-0 text-12\" />\n                        <PkUrl :url=\"page.url\" />\n                    </span>\n                    <p\n                        v-if=\"page.description\"\n                        class=\"text-12 text-word-3 line-clamp-2\">\n                        {{ page.description }}\n                    </p>\n                </div>\n            </a>\n        </li>\n        <li v-if=\"hasMore\" class=\"text-center\">\n            <button\n                class=\"text-12 text-word-3 cursor-pointer hover:underline flex items-center gap-4 mx-auto\"\n                @click=\"showMore = !showMore\">\n                <VvIcon\n                    :name=\"\n                        showMore ? 'ri:arrow-up-s-line' : 'ri:arrow-down-s-line'\n                    \"\n                    class=\"text-16\" />\n                {{\n                    showMore\n                        ? $t('action.showLess')\n                        : $t('action.showMore', {\n                              count: uniquePages.length - 2,\n                          })\n                }}\n            </button>\n        </li>\n    </ul>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EAKI,IAAM,IAAQ,GAIR,IAAW,QACA,EAAM,IAWtB,GAKK,KAAgB,MAAgB;GAClC,IAAI;IACA,IAAM,IAAI,IAAI,IAAI,CAAG;IAErB,OADA,EAAE,OAAO,IACF,EAAE,SAAS,CAAC,CAAC,QAAQ,OAAO,EAAE;GACzC,QAAQ;IACJ,OAAO,EAAI,KAAK,CAAC,CAAC,QAAQ,OAAO,EAAE;GACvC;EACJ,GACM,IAAc,QAAe;GAC/B,IAAM,oBAAO,IAAI,IAAY,GACvB,IAA4D,CAAC;GACnE,KAAK,IAAM,KAAQ,EAAS,MAAM,OAAO,SAAS,CAAC,GAAG;IAClD,IAAM,IAAM,EAAa,EAAK,GAAG;IAC7B,EAAK,IAAI,CAAG,MAGhB,EAAK,IAAI,CAAG,GACZ,EAAO,KAAK,CAAI;GACpB;GACA,OAAO;EACX,CAAC,GAEK,IAAW,EAAI,EAAK,GACpB,IAAQ,QACN,EAAS,QACF,EAAY,QAEhB,EAAY,MAAM,MAAM,GAAG,CAAC,CACtC,GACK,IAAU,QAAe,EAAY,MAAM,SAAS,CAAC;;;UAIjD,EAAA,OAAO,UAAA,EAAA,GAAjB,EAmDK,MAnDL,GAmDK,EAAA,EAAA,EAAA,GAlDD,EA+BK,GAAA,MAAA,EA9BuB,EAAA,QAAhB,GAAM,YADlB,EA+BK,MAAA;IA7BA,KAAK;IACN,OAAM;OACN,EA0BI,KAAA;IAzBC,MAAM,EAAK;IACX,OAAOA,EAAAA,GAAE,aAAA;IACT,QAAQ,EAAA,CAAA,CAAU,CAAC,EAAK,GAAG,IAAI,KAAA,IAAS;IACxC,KAAK,EAAA,CAAA,CAAU,CAAC,EAAK,GAAG,IAAI,KAAA,IAAS;IACtC,OAAM;OAEI,EAAK,SAAA,EAAA,GADf,EAI2F,OAAA;;IAFtF,KAAK,EAAK;IACV,KAAK,EAAK;IACX,OAAM;gCACV,EAcM,OAdN,GAcM;IAbF,EAES,UAFT,GAES,EADF,EAAK,KAAK,GAAA,CAAA;IAEjB,EAIO,QAJP,GAIO,CAFH,EAAkD,GAAA;KAA1C,MAAK;KAAU,OAAM;QAC7B,EAAyB,GAAA,EAAjB,KAAK,EAAK,IAAA,GAAA,MAAA,GAAA,CAAA,KAAA,CAAA,CAAA,CAAA;IAGZ,EAAK,eAAA,EAAA,GADf,EAII,KAJJ,GAII,EADG,EAAK,WAAW,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA;0BAKzB,EAAA,SAAA,EAAA,GAAV,EAiBK,MAjBL,GAiBK,CAhBD,EAeS,UAAA;IAdL,OAAM;IACL,SAAK,AAAA,EAAA,QAAA,MAAE,EAAA,QAAQ,CAAI,EAAA;OACpB,EAIsB,GAAA;IAHjB,MAA+B,EAAA,QAAQ,uBAAA;IAGxC,OAAM;4BAAY,MACtB,EACI,EAAA,QAAmCA,EAAAA,GAAE,iBAAA,IAA8CA,EAAAA,GAAE,mBAAA,EAAA,OAA2D,EAAA,MAAY,SAAM,EAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,CAAA,KAAA,EAAA,IAAA,EAAA"}

package/dist-vue/_chunks/PkAvatar-CyIgsndA.js

@@ -1,31 +0,0 @@
-import { VvAvatar as e } from "@volverjs/ui-vue/components";
-import { createBlock as t, createSlots as n, createTextVNode as r, defineComponent as i, openBlock as a, toDisplayString as o, withCtx as s } from "vue";
-//#endregion
-//#region ../../packages/components/src/chat/PkAvatar.vue
-var c = /* @__PURE__ */ i({
-	__name: "PkAvatar",
-	props: {
-		name: {},
-		imgSrc: {},
-		modifiers: {}
-	},
-	setup(i) {
-		let c = (e) => e ? e.split(" ").slice(0, 2).map((e) => e.charAt(0).toUpperCase()).join("") : "";
-		return (l, u) => {
-			let d = e;
-			return a(), t(d, {
-				class: "pk-avatar",
-				"img-src": i.imgSrc ? i.imgSrc : void 0,
-				modifiers: `rounded ${i.imgSrc ? "transparent" : i.modifiers}`
-			}, n({ _: 2 }, [i.name && !i.imgSrc ? {
-				name: "default",
-				fn: s(() => [r(o(c(i.name)), 1)]),
-				key: "0"
-			} : void 0]), 1032, ["img-src", "modifiers"]);
-		};
-	}
-});
-//#endregion
-export { c as t };
-
-//# sourceMappingURL=PkAvatar-CyIgsndA.js.map

package/dist-vue/_chunks/PkAvatar-CyIgsndA.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PkAvatar-CyIgsndA.js","names":[],"sources":["../../../../packages/components/src/chat/PkAvatar.vue","../../../../packages/components/src/chat/PkAvatar.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    defineProps<{\n        name?: string\n        imgSrc?: string | null\n        modifiers?: string\n    }>()\n    const getInitials = (name?: string) => {\n        if (!name) {\n            return ''\n        }\n        return name\n            .split(' ')\n            .slice(0, 2)\n            .map((n) => n.charAt(0).toUpperCase())\n            .join('')\n    }\n</script>\n\n<template>\n    <VvAvatar\n        class=\"pk-avatar\"\n        :img-src=\"imgSrc ? imgSrc : undefined\"\n        :modifiers=\"`rounded ${!imgSrc ? modifiers : 'transparent'}`\">\n        <template v-if=\"name && !imgSrc\" #default>\n            {{ getInitials(name) }}\n        </template>\n    </VvAvatar>\n</template>\n\n<style lang=\"scss\">\n    .pk-avatar {\n        // Users can upload any image shape: always crop it to the circle\n        // (the inner img inherits object-fit from the avatar root)\n        object-fit: cover;\n        overflow: hidden;\n    }\n</style>\n","<script setup lang=\"ts\">\n    defineProps<{\n        name?: string\n        imgSrc?: string | null\n        modifiers?: string\n    }>()\n    const getInitials = (name?: string) => {\n        if (!name) {\n            return ''\n        }\n        return name\n            .split(' ')\n            .slice(0, 2)\n            .map((n) => n.charAt(0).toUpperCase())\n            .join('')\n    }\n</script>\n\n<template>\n    <VvAvatar\n        class=\"pk-avatar\"\n        :img-src=\"imgSrc ? imgSrc : undefined\"\n        :modifiers=\"`rounded ${!imgSrc ? modifiers : 'transparent'}`\">\n        <template v-if=\"name && !imgSrc\" #default>\n            {{ getInitials(name) }}\n        </template>\n    </VvAvatar>\n</template>\n\n<style lang=\"scss\">\n    .pk-avatar {\n        // Users can upload any image shape: always crop it to the circle\n        // (the inner img inherits object-fit from the avatar root)\n        object-fit: cover;\n        overflow: hidden;\n    }\n</style>\n"],"mappings":";;;;;;;;;;;;EAMI,IAAM,KAAe,MACZ,IAGE,EACF,MAAM,GAAG,CAAA,CACT,MAAM,GAAG,CAAC,CAAA,CACV,KAAK,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,CAAA,CACpC,KAAK,EAAE,IAND;;;eAWf,EAOW,GAAA;IANP,OAAM;IACL,WAAS,EAAA,SAAS,EAAA,SAAS,KAAA;IAC3B,WAAS,WAAc,EAAA,SAAkB,gBAAT,EAAA;mBACjB,EAAA,QAAI,CAAK,EAAA,SAAA;UAAS;gBACP,CAAA,EAAA,EAApB,EAAY,EAAA,IAAI,CAAA,GAAA,CAAA,CAAA,CAAA"}

package/dist-vue/_chunks/PkChatbotAuth-BGn2MDYD.js

@@ -1,347 +0,0 @@
-import { g as e, n as t, o as n, u as r, v as i } from "./schemas-DnUKIqgi.js";
-import { i as a, n as o } from "./Media-B_7Yj-ml.js";
-import { t as s } from "./index.es-Bk1O0p8N.js";
-import { VvAlert as ee, VvButton as te, VvButtonGroup as ne, VvIcon as re } from "@volverjs/ui-vue/components";
-import { Fragment as c, Transition as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createTextVNode as h, createVNode as g, defineComponent as _, mergeModels as v, openBlock as y, ref as b, resolveDynamicComponent as x, toDisplayString as S, unref as C, useModel as w, watch as T, withCtx as E } from "vue";
-import { useI18n as ie } from "vue-i18n";
-//#region ../../packages/models/src/schema/User.ts
-var D = t(["user", "admin"]), O = i().min(8);
-e({
-	id: i(),
-	name: i(),
-	email: i(),
-	emailVerified: n(),
-	image: i().nullable(),
-	media: o.optional().nullable(),
-	createdAt: a(),
-	updatedAt: a(),
-	banned: n().nullable(),
-	banReason: i().nullable(),
-	banExpires: a().nullable(),
-	isAnonymous: n().nullable(),
-	role: D
-}), e({
-	id: i(),
-	name: i(),
-	email: i().nullable(),
-	image: i().nullable(),
-	isAnonymous: n().nullable(),
-	banned: n().nullable()
-});
-var k = e({
-	password: O,
-	passwordConfirmation: O
-}).refine((e) => e.password === e.passwordConfirmation, {
-	params: { i18n: "errors.passwordsDoNotMatch" },
-	path: ["passwordConfirmation"]
-});
-k.extend({ currentPassword: O }), k.extend({
-	name: i().min(1),
-	email: r(),
-	media: o.optional(),
-	role: D.optional().default("user")
-}), e({
-	id: i(),
-	name: i(),
-	email: i(),
-	emailVerified: n().optional(),
-	image: i().nullish(),
-	role: D,
-	media: o.optional().nullable(),
-	banned: n().nullish(),
-	banReason: i().nullish(),
-	banExpires: i().nullish(),
-	isAnonymous: n().nullish()
-});
-var A = k.extend({
-	name: i().min(1),
-	email: r(),
-	rememberMe: n().optional()
-}), j = { class: "pk-chatbot-auth flex flex-col items-center justify-center w-full min-h-full p-lg overflow-y-auto" }, M = { class: "pk-chatbot-auth__flip w-full max-w-384 mx-auto my-auto" }, N = { class: "pk-chatbot-auth__success-icon w-64 h-64 border border-surface-3 rounded-full bg-surface-0 flex items-center justify-center overflow-hidden bg-surface mx-auto mb-md" }, P = { class: "font-bold text-18 mb-xs" }, F = { class: "mb-lg text-16 text-word-3" }, I = {
-	key: "form",
-	class: "pk-chatbot-auth__flip-card flex flex-col"
-}, L = { class: "flex flex-col" }, R = {
-	key: 0,
-	class: "flex justify-center mb-md"
-}, z = ["src", "alt"], B = { class: "text-center leading-normal mb-lg" }, V = {
-	key: 0,
-	class: "font-bold text-20 m-0"
-}, H = { class: "mb-md" }, U = { class: "mb-md" }, ae = { class: "mb-md" }, W = { class: "hr mt-xs" }, G = { class: "pt-lg text-center text-word-3" }, K = /* @__PURE__ */ _({
-	__name: "PkChatbotAuth",
-	props: /*@__PURE__*/ v({
-		branding: { default: void 0 },
-		authMethods: { default: void 0 },
-		loading: {
-			type: Boolean,
-			default: !1
-		}
-	}, {
-		errorMessage: {},
-		errorMessageModifiers: {},
-		success: {},
-		successModifiers: {}
-	}),
-	emits: /*@__PURE__*/ v([
-		"sign-in",
-		"sign-up",
-		"request-reset",
-		"social",
-		"update:errorMessage",
-		"update:success"
-	], ["update:errorMessage", "update:success"]),
-	setup(t, { emit: a }) {
-		let { t: o } = ie({ useScope: "global" }), _ = t, v = w(t, "errorMessage"), D = w(t, "success"), O = a, k = b("sign-in");
-		T(k, () => {
-			v.value = void 0, D.value = void 0;
-		});
-		function K() {
-			D.value = void 0, k.value = "sign-in";
-		}
-		let q = u(() => _.authMethods?.google || _.authMethods?.microsoft), J = e({
-			email: r(),
-			password: i().min(8).max(64),
-			rememberMe: n().default(!1)
-		}), oe = e({ email: r() }), { VvForm: se, VvFormField: Y } = s(J, { lazyLoad: !0 }), { VvForm: ce, VvFormField: X, clear: Z } = s(A, { lazyLoad: !0 }), { VvForm: le, VvFormField: ue, clear: de } = s(oe, { lazyLoad: !0 });
-		T(D, (e) => {
-			e && (Z(), de());
-		});
-		let Q = b();
-		function fe() {
-			D.value && Q.value?.focus();
-		}
-		function pe(e) {
-			O("sign-in", {
-				email: e.email,
-				password: e.password,
-				rememberMe: e.rememberMe ?? !1
-			});
-		}
-		function me(e) {
-			O("sign-up", {
-				name: e.name.trim(),
-				email: e.email,
-				password: e.password
-			});
-		}
-		function he(e) {
-			O("request-reset", { email: e.email });
-		}
-		function $(e) {
-			O("social", e);
-		}
-		return (e, n) => {
-			let r = re, i = te, a = ee, s = ne;
-			return y(), p("div", j, [m("div", M, [g(l, {
-				name: "pk-flip",
-				mode: "out-in",
-				onAfterEnter: fe
-			}, {
-				default: E(() => [D.value ? (y(), p("div", {
-					ref_key: "successCard",
-					ref: Q,
-					key: "success",
-					tabindex: "-1",
-					class: "pk-chatbot-auth__flip-card outline-none flex flex-col text-center leading-normal"
-				}, [
-					m("div", N, [g(r, {
-						name: "ri:mail-check-line",
-						"aria-hidden": "true",
-						class: "text-success w-32 h-32"
-					})]),
-					m("h1", P, S(D.value.title), 1),
-					m("p", F, S(D.value.message), 1),
-					g(i, {
-						type: "button",
-						modifiers: "link",
-						icon: "chevron-left",
-						label: C(o)("action.backToSignIn"),
-						onClick: K
-					}, null, 8, ["label"])
-				], 512)) : (y(), p("div", I, [m("div", L, [
-					t.branding?.interface.logo ? (y(), p("div", R, [m("img", {
-						src: t.branding.interface.logo,
-						alt: t.branding.name,
-						class: "w-64 h-64 border border-surface-3 rounded-full bg-surface-0 overflow-hidden bg-surface object-contain"
-					}, null, 8, z)])) : f("", !0),
-					m("div", B, [t.branding?.name ? (y(), p("h1", V, S(t.branding.name), 1)) : f("", !0), (y(), d(x(t.branding?.name ? "h2" : "h1"), { class: "text-word-3 mb-0" }, {
-						default: E(() => [k.value === "sign-in" ? (y(), p(c, { key: 0 }, [h(S(C(o)("auth.signInTitle")), 1)], 64)) : k.value === "sign-up" ? (y(), p(c, { key: 1 }, [h(S(C(o)("auth.signUpTitle")), 1)], 64)) : k.value === "reset" ? (y(), p(c, { key: 2 }, [h(S(C(o)("auth.resetTitle")), 1)], 64)) : f("", !0)]),
-						_: 1
-					}))]),
-					v.value ? (y(), d(a, {
-						key: 1,
-						modifiers: "danger",
-						class: "mb-md",
-						content: v.value
-					}, null, 8, ["content"])) : f("", !0),
-					k.value === "sign-in" ? (y(), d(C(se), {
-						key: 2,
-						class: "flex flex-col",
-						readonly: t.loading,
-						onSubmit: pe
-					}, {
-						default: E(() => [m("div", H, [
-							g(C(Y), {
-								name: "email",
-								type: "email",
-								autocomplete: "username",
-								label: C(o)("label.email"),
-								floating: ""
-							}, null, 8, ["label"]),
-							g(C(Y), {
-								name: "password",
-								type: "password",
-								autocomplete: "current-password",
-								label: C(o)("label.password"),
-								floating: ""
-							}, null, 8, ["label"]),
-							m("div", U, [g(i, {
-								type: "button",
-								modifiers: "link",
-								label: C(o)("action.forgetPassword"),
-								onClick: n[0] ||= (e) => k.value = "reset"
-							}, null, 8, ["label"])]),
-							g(C(Y), {
-								name: "rememberMe",
-								type: "checkbox",
-								label: C(o)("label.rememberMe"),
-								switch: ""
-							}, null, 8, ["label"])
-						]), g(i, {
-							type: "submit",
-							modifiers: "primary",
-							loading: t.loading,
-							disabled: t.loading,
-							label: C(o)("action.signIn")
-						}, null, 8, [
-							"loading",
-							"disabled",
-							"label"
-						])]),
-						_: 1
-					}, 8, ["readonly"])) : k.value === "sign-up" ? (y(), d(C(ce), {
-						key: 3,
-						class: "flex flex-col",
-						readonly: t.loading,
-						onSubmit: me
-					}, {
-						default: E(() => [m("div", ae, [
-							g(C(X), {
-								name: "name",
-								type: "text",
-								autocomplete: "name",
-								label: C(o)("label.name"),
-								floating: ""
-							}, null, 8, ["label"]),
-							g(C(X), {
-								name: "email",
-								type: "email",
-								autocomplete: "username",
-								label: C(o)("label.email"),
-								floating: ""
-							}, null, 8, ["label"]),
-							g(C(X), {
-								name: "password",
-								type: "password",
-								autocomplete: "new-password",
-								label: C(o)("label.password"),
-								floating: ""
-							}, null, 8, ["label"]),
-							g(C(X), {
-								name: "passwordConfirmation",
-								type: "password",
-								autocomplete: "new-password",
-								label: C(o)("label.confirmPassword"),
-								floating: ""
-							}, null, 8, ["label"])
-						]), g(i, {
-							type: "submit",
-							modifiers: "primary",
-							loading: t.loading,
-							disabled: t.loading,
-							label: C(o)("action.continue")
-						}, null, 8, [
-							"loading",
-							"disabled",
-							"label"
-						])]),
-						_: 1
-					}, 8, ["readonly"])) : k.value === "reset" ? (y(), d(C(le), {
-						key: 4,
-						class: "flex flex-col",
-						readonly: t.loading,
-						onSubmit: he
-					}, {
-						default: E(() => [g(C(ue), {
-							name: "email",
-							type: "email",
-							autocomplete: "username",
-							label: C(o)("label.email"),
-							floating: ""
-						}, null, 8, ["label"]), g(s, { modifiers: "vertical" }, {
-							default: E(() => [g(i, {
-								type: "submit",
-								modifiers: "primary",
-								loading: t.loading,
-								disabled: t.loading,
-								label: C(o)("action.submit")
-							}, null, 8, [
-								"loading",
-								"disabled",
-								"label"
-							])]),
-							_: 1
-						})]),
-						_: 1
-					}, 8, ["readonly"])) : f("", !0),
-					(k.value === "sign-in" || k.value === "sign-up") && q.value ? (y(), p(c, { key: 5 }, [m("div", W, [m("span", null, S(C(o)("label.or")), 1)]), g(s, {
-						modifiers: "vertical",
-						class: "gap-xs mt-xs"
-					}, {
-						default: E(() => [t.authMethods?.google ? (y(), d(i, {
-							key: 0,
-							type: "button",
-							modifiers: "secondary",
-							icon: "logos:google-icon",
-							disabled: t.loading,
-							label: C(o)("action.signInWithSocialProvider", { provider: "Google" }),
-							onClick: n[1] ||= (e) => $("google")
-						}, null, 8, ["disabled", "label"])) : f("", !0), t.authMethods?.microsoft ? (y(), d(i, {
-							key: 1,
-							type: "button",
-							modifiers: "secondary",
-							icon: "logos:microsoft-icon",
-							disabled: t.loading,
-							label: C(o)("action.signInWithSocialProvider", { provider: "Microsoft" }),
-							onClick: n[2] ||= (e) => $("microsoft")
-						}, null, 8, ["disabled", "label"])) : f("", !0)]),
-						_: 1
-					})], 64)) : f("", !0)
-				]), m("div", G, [k.value === "sign-in" ? (y(), p(c, { key: 0 }, [h(S(C(o)("auth.noAccount")) + " ", 1), g(i, {
-					type: "button",
-					modifiers: "link",
-					class: "font-semibold",
-					label: C(o)("action.signUp"),
-					onClick: n[3] ||= (e) => k.value = "sign-up"
-				}, null, 8, ["label"])], 64)) : k.value === "sign-up" ? (y(), p(c, { key: 1 }, [h(S(C(o)("auth.haveAccount")) + " ", 1), g(i, {
-					type: "button",
-					modifiers: "link",
-					class: "font-semibold",
-					label: C(o)("action.signIn"),
-					onClick: n[4] ||= (e) => k.value = "sign-in"
-				}, null, 8, ["label"])], 64)) : (y(), d(i, {
-					key: 2,
-					type: "button",
-					modifiers: "link",
-					icon: "chevron-left",
-					label: C(o)("action.backToSignIn"),
-					onClick: n[5] ||= (e) => k.value = "sign-in"
-				}, null, 8, ["label"]))])]))]),
-				_: 1
-			})])]);
-		};
-	}
-});
-//#endregion
-export { K as t };
-
-//# sourceMappingURL=PkChatbotAuth-BGn2MDYD.js.map

package/dist-vue/_chunks/PkChatbotAuth-BGn2MDYD.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PkChatbotAuth-BGn2MDYD.js","names":[],"sources":["../../../../packages/models/src/schema/User.ts","../../../../packages/components/src/chat/PkChatbotAuth.vue","../../../../packages/components/src/chat/PkChatbotAuth.vue"],"sourcesContent":["import * as z from 'zod'\nimport { MediaSchema } from './Media'\n\nconst RoleSchema = z.enum(['user', 'admin'])\nconst PasswordSchema = z.string().min(8)\n\nexport const UserSchema = z.object({\n    id: z.string(),\n    name: z.string(),\n    email: z.string(),\n    emailVerified: z.boolean(),\n    image: z.string().nullable(),\n    media: MediaSchema.optional().nullable(),\n    createdAt: z.coerce.date(),\n    updatedAt: z.coerce.date(),\n    banned: z.boolean().nullable(),\n    banReason: z.string().nullable(),\n    banExpires: z.coerce.date().nullable(),\n    isAnonymous: z.boolean().nullable(),\n    role: RoleSchema,\n})\n\nexport type User = z.infer<typeof UserSchema>\n\n/**\n * Trimmed user shape for org-scoped lookups (avatars, chat logs, member\n * lists). Served by GET /:audience/users/:id, which only resolves users\n * visible to the caller's active organization.\n */\nexport const UserPreviewSchema = z.object({\n    id: z.string(),\n    name: z.string(),\n    email: z.string().nullable(),\n    image: z.string().nullable(),\n    isAnonymous: z.boolean().nullable(),\n    banned: z.boolean().nullable(),\n})\n\nexport type UserPreview = z.infer<typeof UserPreviewSchema>\n\nexport const PasswordChangeSchema = z\n    .object({\n        password: PasswordSchema,\n        passwordConfirmation: PasswordSchema,\n    })\n    .refine((data) => data.password === data.passwordConfirmation, {\n        params: {\n            i18n: 'errors.passwordsDoNotMatch',\n        },\n        path: ['passwordConfirmation'],\n    })\n\nexport type PasswordChange = z.infer<typeof PasswordChangeSchema>\n\nexport const PasswordChangeWithCurrentSchema = PasswordChangeSchema.extend({\n    currentPassword: PasswordSchema,\n})\n\nexport type PasswordChangeWithCurrent = z.infer<\n    typeof PasswordChangeWithCurrentSchema\n>\n\nexport const UserCreateSchema = PasswordChangeSchema.extend({\n    name: z.string().min(1),\n    email: z.email(),\n    media: MediaSchema.optional(),\n    role: RoleSchema.optional().default('user'),\n})\n\nexport type UserCreate = z.infer<typeof UserCreateSchema>\n\nexport const UserUpdateSchema = z.object({\n    id: z.string(),\n    name: z.string(),\n    email: z.string(),\n    emailVerified: z.boolean().optional(),\n    image: z.string().nullish(),\n    role: RoleSchema,\n    media: MediaSchema.optional().nullable(),\n    banned: z.boolean().nullish(),\n    banReason: z.string().nullish(),\n    banExpires: z.string().nullish(),\n    isAnonymous: z.boolean().nullish(),\n})\n\nexport type UserUpdate = z.infer<typeof UserUpdateSchema>\n\nexport const SignUpSchema = PasswordChangeSchema.extend({\n    name: z.string().min(1),\n    email: z.email(),\n    rememberMe: z.boolean().optional(),\n})\n\nexport type SignUp = z.infer<typeof SignUpSchema>\n","<script setup lang=\"ts\">\n    import { computed, ref, watch } from 'vue'\n    import { useI18n } from 'vue-i18n'\n    import { useForm } from '@volverjs/form-vue'\n    import * as z from 'zod'\n    import { SignUpSchema } from 'models'\n    import type { AgentBranding, AuthMethods } from 'models'\n\n    const { t: $t } = useI18n({\n        useScope: 'global',\n    })\n\n    const props = withDefaults(\n        defineProps<{\n            branding?: AgentBranding\n            authMethods?: AuthMethods\n            loading?: boolean\n        }>(),\n        {\n            branding: undefined,\n            authMethods: undefined,\n            loading: false,\n        },\n    )\n\n    const errorMessage = defineModel<string>('errorMessage')\n    /**\n     * Non-error feedback (e.g. \"check your inbox\" after sign-up / reset).\n     * When set, a dedicated success screen replaces the form.\n     */\n    const success = defineModel<{ title: string; message: string }>('success')\n\n    const emit = defineEmits<{\n        (\n            e: 'sign-in',\n            payload: {\n                email: string\n                password: string\n                rememberMe: boolean\n            },\n        ): void\n        (\n            e: 'sign-up',\n            payload: { email: string; password: string; name: string },\n        ): void\n        (e: 'request-reset', payload: { email: string }): void\n        (e: 'social', provider: 'google' | 'microsoft'): void\n        (e: 'update:errorMessage', message?: string): void\n        (e: 'update:success', value?: { title: string; message: string }): void\n    }>()\n\n    type Mode = 'sign-in' | 'sign-up' | 'reset'\n    const mode = ref<Mode>('sign-in')\n    watch(mode, () => {\n        errorMessage.value = undefined\n        success.value = undefined\n    })\n\n    /** Returns to the sign-in form, clearing any success feedback. */\n    function backToSignIn() {\n        success.value = undefined\n        mode.value = 'sign-in'\n    }\n\n    const showSocialButtons = computed(\n        () => props.authMethods?.google || props.authMethods?.microsoft,\n    )\n\n    const signInSchema = z.object({\n        email: z.email(),\n        password: z.string().min(8).max(64),\n        rememberMe: z.boolean().default(false),\n    })\n\n    const resetSchema = z.object({\n        email: z.email(),\n    })\n\n    const { VvForm: VvSignInForm, VvFormField: VvSignInField } = useForm(\n        signInSchema,\n        { lazyLoad: true },\n    )\n    const {\n        VvForm: VvSignUpForm,\n        VvFormField: VvSignUpField,\n        clear: clearSignUp,\n    } = useForm(SignUpSchema, { lazyLoad: true })\n    const {\n        VvForm: VvResetForm,\n        VvFormField: VvResetField,\n        clear: clearReset,\n    } = useForm(resetSchema, { lazyLoad: true })\n\n    // Empty the sign-up / reset forms once their submission succeeds so a\n    // later \"back to sign in\" doesn't reveal stale input.\n    watch(success, (value) => {\n        if (value) {\n            clearSignUp()\n            clearReset()\n        }\n    })\n\n    // Move focus to the success card once the flip animation has finished\n    // (the out-in transition mounts it only after the form leaves), so\n    // screen-reader/keyboard users are announced the result.\n    const successCard = ref<HTMLElement>()\n    function focusSuccessCard() {\n        if (success.value) {\n            successCard.value?.focus()\n        }\n    }\n\n    function onSignIn(data: {\n        email: string\n        password: string\n        rememberMe?: boolean\n    }) {\n        emit('sign-in', {\n            email: data.email,\n            password: data.password,\n            rememberMe: data.rememberMe ?? false,\n        })\n    }\n\n    function onSignUp(data: { name: string; email: string; password: string }) {\n        emit('sign-up', {\n            name: data.name.trim(),\n            email: data.email,\n            password: data.password,\n        })\n    }\n\n    function onReset(data: { email: string }) {\n        emit('request-reset', { email: data.email })\n    }\n\n    function handleSocial(provider: 'google' | 'microsoft') {\n        emit('social', provider)\n    }\n</script>\n\n<template>\n    <div\n        class=\"pk-chatbot-auth flex flex-col items-center justify-center w-full min-h-full p-lg overflow-y-auto\">\n        <div class=\"pk-chatbot-auth__flip w-full max-w-384 mx-auto my-auto\">\n            <Transition\n                name=\"pk-flip\"\n                mode=\"out-in\"\n                @after-enter=\"focusSuccessCard\">\n                <!-- Success screen (sign-up / reset feedback) -->\n                <div\n                    v-if=\"success\"\n                    ref=\"successCard\"\n                    key=\"success\"\n                    tabindex=\"-1\"\n                    class=\"pk-chatbot-auth__flip-card outline-none flex flex-col text-center leading-normal\">\n                    <div\n                        class=\"pk-chatbot-auth__success-icon w-64 h-64 border border-surface-3 rounded-full bg-surface-0 flex items-center justify-center overflow-hidden bg-surface mx-auto mb-md\">\n                        <VvIcon\n                            name=\"ri:mail-check-line\"\n                            aria-hidden=\"true\"\n                            class=\"text-success w-32 h-32\" />\n                    </div>\n                    <h1 class=\"font-bold text-18 mb-xs\">\n                        {{ success.title }}\n                    </h1>\n                    <p class=\"mb-lg text-16 text-word-3\">\n                        {{ success.message }}\n                    </p>\n                    <VvButton\n                        type=\"button\"\n                        modifiers=\"link\"\n                        icon=\"chevron-left\"\n                        :label=\"$t('action.backToSignIn')\"\n                        @click=\"backToSignIn\" />\n                </div>\n\n                <!-- Sign-in / sign-up / reset forms -->\n                <div\n                    v-else\n                    key=\"form\"\n                    class=\"pk-chatbot-auth__flip-card flex flex-col\">\n                    <!-- Form Container -->\n                    <div class=\"flex flex-col\">\n                        <!-- Relative Header Logo -->\n                        <div\n                            v-if=\"branding?.interface.logo\"\n                            class=\"flex justify-center mb-md\">\n                            <img\n                                :src=\"branding.interface.logo\"\n                                :alt=\"branding.name\"\n                                class=\"w-64 h-64 border border-surface-3 rounded-full bg-surface-0 overflow-hidden bg-surface object-contain\" />\n                        </div>\n\n                        <div class=\"text-center leading-normal mb-lg\">\n                            <h1\n                                v-if=\"branding?.name\"\n                                class=\"font-bold text-20 m-0\">\n                                {{ branding.name }}\n                            </h1>\n                            <component\n                                :is=\"branding?.name ? 'h2' : 'h1'\"\n                                class=\"text-word-3 mb-0\">\n                                <template v-if=\"mode === 'sign-in'\">\n                                    {{ $t('auth.signInTitle') }}\n                                </template>\n                                <template v-else-if=\"mode === 'sign-up'\">\n                                    {{ $t('auth.signUpTitle') }}\n                                </template>\n                                <template v-else-if=\"mode === 'reset'\">\n                                    {{ $t('auth.resetTitle') }}\n                                </template>\n                            </component>\n                        </div>\n\n                        <!-- Error message -->\n                        <VvAlert\n                            v-if=\"errorMessage\"\n                            modifiers=\"danger\"\n                            class=\"mb-md\"\n                            :content=\"errorMessage\" />\n\n                        <!-- Sign In -->\n                        <VvSignInForm\n                            v-if=\"mode === 'sign-in'\"\n                            class=\"flex flex-col\"\n                            :readonly=\"loading\"\n                            @submit=\"onSignIn\">\n                            <div class=\"mb-md\">\n                                <VvSignInField\n                                    name=\"email\"\n                                    type=\"email\"\n                                    autocomplete=\"username\"\n                                    :label=\"$t('label.email')\"\n                                    floating />\n                                <VvSignInField\n                                    name=\"password\"\n                                    type=\"password\"\n                                    autocomplete=\"current-password\"\n                                    :label=\"$t('label.password')\"\n                                    floating />\n                                <div class=\"mb-md\">\n                                    <VvButton\n                                        type=\"button\"\n                                        modifiers=\"link\"\n                                        :label=\"$t('action.forgetPassword')\"\n                                        @click=\"mode = 'reset'\" />\n                                </div>\n                                <VvSignInField\n                                    name=\"rememberMe\"\n                                    type=\"checkbox\"\n                                    :label=\"$t('label.rememberMe')\"\n                                    switch />\n                            </div>\n                            <VvButton\n                                type=\"submit\"\n                                modifiers=\"primary\"\n                                :loading=\"loading\"\n                                :disabled=\"loading\"\n                                :label=\"$t('action.signIn')\" />\n                        </VvSignInForm>\n\n                        <!-- Sign Up -->\n                        <VvSignUpForm\n                            v-else-if=\"mode === 'sign-up'\"\n                            class=\"flex flex-col\"\n                            :readonly=\"loading\"\n                            @submit=\"onSignUp\">\n                            <div class=\"mb-md\">\n                                <VvSignUpField\n                                    name=\"name\"\n                                    type=\"text\"\n                                    autocomplete=\"name\"\n                                    :label=\"$t('label.name')\"\n                                    floating />\n                                <VvSignUpField\n                                    name=\"email\"\n                                    type=\"email\"\n                                    autocomplete=\"username\"\n                                    :label=\"$t('label.email')\"\n                                    floating />\n                                <VvSignUpField\n                                    name=\"password\"\n                                    type=\"password\"\n                                    autocomplete=\"new-password\"\n                                    :label=\"$t('label.password')\"\n                                    floating />\n                                <VvSignUpField\n                                    name=\"passwordConfirmation\"\n                                    type=\"password\"\n                                    autocomplete=\"new-password\"\n                                    :label=\"$t('label.confirmPassword')\"\n                                    floating />\n                            </div>\n                            <VvButton\n                                type=\"submit\"\n                                modifiers=\"primary\"\n                                :loading=\"loading\"\n                                :disabled=\"loading\"\n                                :label=\"$t('action.continue')\" />\n                        </VvSignUpForm>\n\n                        <!-- Reset Password -->\n                        <VvResetForm\n                            v-else-if=\"mode === 'reset'\"\n                            class=\"flex flex-col\"\n                            :readonly=\"loading\"\n                            @submit=\"onReset\">\n                            <VvResetField\n                                name=\"email\"\n                                type=\"email\"\n                                autocomplete=\"username\"\n                                :label=\"$t('label.email')\"\n                                floating />\n                            <VvButtonGroup modifiers=\"vertical\">\n                                <VvButton\n                                    type=\"submit\"\n                                    modifiers=\"primary\"\n                                    :loading=\"loading\"\n                                    :disabled=\"loading\"\n                                    :label=\"$t('action.submit')\" />\n                            </VvButtonGroup>\n                        </VvResetForm>\n\n                        <!-- Social providers (shared by sign-in and sign-up) -->\n                        <template\n                            v-if=\"\n                                (mode === 'sign-in' || mode === 'sign-up') &&\n                                showSocialButtons\n                            \">\n                            <div class=\"hr mt-xs\">\n                                <span>{{ $t('label.or') }}</span>\n                            </div>\n                            <VvButtonGroup\n                                modifiers=\"vertical\"\n                                class=\"gap-xs mt-xs\">\n                                <VvButton\n                                    v-if=\"authMethods?.google\"\n                                    type=\"button\"\n                                    modifiers=\"secondary\"\n                                    icon=\"logos:google-icon\"\n                                    :disabled=\"loading\"\n                                    :label=\"\n                                        $t('action.signInWithSocialProvider', {\n                                            provider: 'Google',\n                                        })\n                                    \"\n                                    @click=\"handleSocial('google')\" />\n                                <VvButton\n                                    v-if=\"authMethods?.microsoft\"\n                                    type=\"button\"\n                                    modifiers=\"secondary\"\n                                    icon=\"logos:microsoft-icon\"\n                                    :disabled=\"loading\"\n                                    :label=\"\n                                        $t('action.signInWithSocialProvider', {\n                                            provider: 'Microsoft',\n                                        })\n                                    \"\n                                    @click=\"handleSocial('microsoft')\" />\n                            </VvButtonGroup>\n                        </template>\n                    </div>\n\n                    <!-- Footer below Form -->\n                    <div class=\"pt-lg text-center text-word-3\">\n                        <template v-if=\"mode === 'sign-in'\">\n                            {{ $t('auth.noAccount') }}\n                            <VvButton\n                                type=\"button\"\n                                modifiers=\"link\"\n                                class=\"font-semibold\"\n                                :label=\"$t('action.signUp')\"\n                                @click=\"mode = 'sign-up'\" />\n                        </template>\n                        <template v-else-if=\"mode === 'sign-up'\">\n                            {{ $t('auth.haveAccount') }}\n                            <VvButton\n                                type=\"button\"\n                                modifiers=\"link\"\n                                class=\"font-semibold\"\n                                :label=\"$t('action.signIn')\"\n                                @click=\"mode = 'sign-in'\" />\n                        </template>\n                        <template v-else>\n                            <VvButton\n                                type=\"button\"\n                                modifiers=\"link\"\n                                icon=\"chevron-left\"\n                                :label=\"$t('action.backToSignIn')\"\n                                @click=\"mode = 'sign-in'\" />\n                        </template>\n                    </div>\n                </div>\n            </Transition>\n        </div>\n    </div>\n</template>\n\n<style lang=\"scss\">\n    .pk-chatbot-auth {\n        // Flip-card reveal between the form and the success screen, mirroring\n        // the classic login in apps/frontend.\n        &__flip {\n            display: grid;\n            transform-style: preserve-3d;\n            perspective: 1000px;\n        }\n\n        &__flip-card {\n            grid-area: 1 / 1;\n            backface-visibility: hidden;\n            transform-style: preserve-3d;\n        }\n\n        // Subtle pop on the success check icon once the card has flipped in.\n        &__success-icon {\n            animation: pk-chatbot-auth-check-pop 0.4s ease-out 0.3s backwards;\n        }\n    }\n\n    .pk-flip-enter-active {\n        animation: pk-chatbot-auth-flip-in 0.6s ease-out;\n    }\n\n    .pk-flip-leave-active {\n        animation: pk-chatbot-auth-flip-out 0.6s ease-in;\n    }\n\n    @keyframes pk-chatbot-auth-flip-in {\n        0% {\n            transform: rotateY(-180deg);\n            opacity: 0;\n        }\n\n        100% {\n            transform: rotateY(0deg);\n            opacity: 1;\n        }\n    }\n\n    @keyframes pk-chatbot-auth-flip-out {\n        0% {\n            transform: rotateY(0deg);\n            opacity: 1;\n        }\n\n        100% {\n            transform: rotateY(180deg);\n            opacity: 0;\n        }\n    }\n\n    @keyframes pk-chatbot-auth-check-pop {\n        0% {\n            transform: scale(0);\n            opacity: 0;\n        }\n\n        60% {\n            transform: scale(1.15);\n        }\n\n        100% {\n            transform: scale(1);\n            opacity: 1;\n        }\n    }\n</style>\n","<script setup lang=\"ts\">\n    import { computed, ref, watch } from 'vue'\n    import { useI18n } from 'vue-i18n'\n    import { useForm } from '@volverjs/form-vue'\n    import * as z from 'zod'\n    import { SignUpSchema } from 'models'\n    import type { AgentBranding, AuthMethods } from 'models'\n\n    const { t: $t } = useI18n({\n        useScope: 'global',\n    })\n\n    const props = withDefaults(\n        defineProps<{\n            branding?: AgentBranding\n            authMethods?: AuthMethods\n            loading?: boolean\n        }>(),\n        {\n            branding: undefined,\n            authMethods: undefined,\n            loading: false,\n        },\n    )\n\n    const errorMessage = defineModel<string>('errorMessage')\n    /**\n     * Non-error feedback (e.g. \"check your inbox\" after sign-up / reset).\n     * When set, a dedicated success screen replaces the form.\n     */\n    const success = defineModel<{ title: string; message: string }>('success')\n\n    const emit = defineEmits<{\n        (\n            e: 'sign-in',\n            payload: {\n                email: string\n                password: string\n                rememberMe: boolean\n            },\n        ): void\n        (\n            e: 'sign-up',\n            payload: { email: string; password: string; name: string },\n        ): void\n        (e: 'request-reset', payload: { email: string }): void\n        (e: 'social', provider: 'google' | 'microsoft'): void\n        (e: 'update:errorMessage', message?: string): void\n        (e: 'update:success', value?: { title: string; message: string }): void\n    }>()\n\n    type Mode = 'sign-in' | 'sign-up' | 'reset'\n    const mode = ref<Mode>('sign-in')\n    watch(mode, () => {\n        errorMessage.value = undefined\n        success.value = undefined\n    })\n\n    /** Returns to the sign-in form, clearing any success feedback. */\n    function backToSignIn() {\n        success.value = undefined\n        mode.value = 'sign-in'\n    }\n\n    const showSocialButtons = computed(\n        () => props.authMethods?.google || props.authMethods?.microsoft,\n    )\n\n    const signInSchema = z.object({\n        email: z.email(),\n        password: z.string().min(8).max(64),\n        rememberMe: z.boolean().default(false),\n    })\n\n    const resetSchema = z.object({\n        email: z.email(),\n    })\n\n    const { VvForm: VvSignInForm, VvFormField: VvSignInField } = useForm(\n        signInSchema,\n        { lazyLoad: true },\n    )\n    const {\n        VvForm: VvSignUpForm,\n        VvFormField: VvSignUpField,\n        clear: clearSignUp,\n    } = useForm(SignUpSchema, { lazyLoad: true })\n    const {\n        VvForm: VvResetForm,\n        VvFormField: VvResetField,\n        clear: clearReset,\n    } = useForm(resetSchema, { lazyLoad: true })\n\n    // Empty the sign-up / reset forms once their submission succeeds so a\n    // later \"back to sign in\" doesn't reveal stale input.\n    watch(success, (value) => {\n        if (value) {\n            clearSignUp()\n            clearReset()\n        }\n    })\n\n    // Move focus to the success card once the flip animation has finished\n    // (the out-in transition mounts it only after the form leaves), so\n    // screen-reader/keyboard users are announced the result.\n    const successCard = ref<HTMLElement>()\n    function focusSuccessCard() {\n        if (success.value) {\n            successCard.value?.focus()\n        }\n    }\n\n    function onSignIn(data: {\n        email: string\n        password: string\n        rememberMe?: boolean\n    }) {\n        emit('sign-in', {\n            email: data.email,\n            password: data.password,\n            rememberMe: data.rememberMe ?? false,\n        })\n    }\n\n    function onSignUp(data: { name: string; email: string; password: string }) {\n        emit('sign-up', {\n            name: data.name.trim(),\n            email: data.email,\n            password: data.password,\n        })\n    }\n\n    function onReset(data: { email: string }) {\n        emit('request-reset', { email: data.email })\n    }\n\n    function handleSocial(provider: 'google' | 'microsoft') {\n        emit('social', provider)\n    }\n</script>\n\n<template>\n    <div\n        class=\"pk-chatbot-auth flex flex-col items-center justify-center w-full min-h-full p-lg overflow-y-auto\">\n        <div class=\"pk-chatbot-auth__flip w-full max-w-384 mx-auto my-auto\">\n            <Transition\n                name=\"pk-flip\"\n                mode=\"out-in\"\n                @after-enter=\"focusSuccessCard\">\n                <!-- Success screen (sign-up / reset feedback) -->\n                <div\n                    v-if=\"success\"\n                    ref=\"successCard\"\n                    key=\"success\"\n                    tabindex=\"-1\"\n                    class=\"pk-chatbot-auth__flip-card outline-none flex flex-col text-center leading-normal\">\n                    <div\n                        class=\"pk-chatbot-auth__success-icon w-64 h-64 border border-surface-3 rounded-full bg-surface-0 flex items-center justify-center overflow-hidden bg-surface mx-auto mb-md\">\n                        <VvIcon\n                            name=\"ri:mail-check-line\"\n                            aria-hidden=\"true\"\n                            class=\"text-success w-32 h-32\" />\n                    </div>\n                    <h1 class=\"font-bold text-18 mb-xs\">\n                        {{ success.title }}\n                    </h1>\n                    <p class=\"mb-lg text-16 text-word-3\">\n                        {{ success.message }}\n                    </p>\n                    <VvButton\n                        type=\"button\"\n                        modifiers=\"link\"\n                        icon=\"chevron-left\"\n                        :label=\"$t('action.backToSignIn')\"\n                        @click=\"backToSignIn\" />\n                </div>\n\n                <!-- Sign-in / sign-up / reset forms -->\n                <div\n                    v-else\n                    key=\"form\"\n                    class=\"pk-chatbot-auth__flip-card flex flex-col\">\n                    <!-- Form Container -->\n                    <div class=\"flex flex-col\">\n                        <!-- Relative Header Logo -->\n                        <div\n                            v-if=\"branding?.interface.logo\"\n                            class=\"flex justify-center mb-md\">\n                            <img\n                                :src=\"branding.interface.logo\"\n                                :alt=\"branding.name\"\n                                class=\"w-64 h-64 border border-surface-3 rounded-full bg-surface-0 overflow-hidden bg-surface object-contain\" />\n                        </div>\n\n                        <div class=\"text-center leading-normal mb-lg\">\n                            <h1\n                                v-if=\"branding?.name\"\n                                class=\"font-bold text-20 m-0\">\n                                {{ branding.name }}\n                            </h1>\n                            <component\n                                :is=\"branding?.name ? 'h2' : 'h1'\"\n                                class=\"text-word-3 mb-0\">\n                                <template v-if=\"mode === 'sign-in'\">\n                                    {{ $t('auth.signInTitle') }}\n                                </template>\n                                <template v-else-if=\"mode === 'sign-up'\">\n                                    {{ $t('auth.signUpTitle') }}\n                                </template>\n                                <template v-else-if=\"mode === 'reset'\">\n                                    {{ $t('auth.resetTitle') }}\n                                </template>\n                            </component>\n                        </div>\n\n                        <!-- Error message -->\n                        <VvAlert\n                            v-if=\"errorMessage\"\n                            modifiers=\"danger\"\n                            class=\"mb-md\"\n                            :content=\"errorMessage\" />\n\n                        <!-- Sign In -->\n                        <VvSignInForm\n                            v-if=\"mode === 'sign-in'\"\n                            class=\"flex flex-col\"\n                            :readonly=\"loading\"\n                            @submit=\"onSignIn\">\n                            <div class=\"mb-md\">\n                                <VvSignInField\n                                    name=\"email\"\n                                    type=\"email\"\n                                    autocomplete=\"username\"\n                                    :label=\"$t('label.email')\"\n                                    floating />\n                                <VvSignInField\n                                    name=\"password\"\n                                    type=\"password\"\n                                    autocomplete=\"current-password\"\n                                    :label=\"$t('label.password')\"\n                                    floating />\n                                <div class=\"mb-md\">\n                                    <VvButton\n                                        type=\"button\"\n                                        modifiers=\"link\"\n                                        :label=\"$t('action.forgetPassword')\"\n                                        @click=\"mode = 'reset'\" />\n                                </div>\n                                <VvSignInField\n                                    name=\"rememberMe\"\n                                    type=\"checkbox\"\n                                    :label=\"$t('label.rememberMe')\"\n                                    switch />\n                            </div>\n                            <VvButton\n                                type=\"submit\"\n                                modifiers=\"primary\"\n                                :loading=\"loading\"\n                                :disabled=\"loading\"\n                                :label=\"$t('action.signIn')\" />\n                        </VvSignInForm>\n\n                        <!-- Sign Up -->\n                        <VvSignUpForm\n                            v-else-if=\"mode === 'sign-up'\"\n                            class=\"flex flex-col\"\n                            :readonly=\"loading\"\n                            @submit=\"onSignUp\">\n                            <div class=\"mb-md\">\n                                <VvSignUpField\n                                    name=\"name\"\n                                    type=\"text\"\n                                    autocomplete=\"name\"\n                                    :label=\"$t('label.name')\"\n                                    floating />\n                                <VvSignUpField\n                                    name=\"email\"\n                                    type=\"email\"\n                                    autocomplete=\"username\"\n                                    :label=\"$t('label.email')\"\n                                    floating />\n                                <VvSignUpField\n                                    name=\"password\"\n                                    type=\"password\"\n                                    autocomplete=\"new-password\"\n                                    :label=\"$t('label.password')\"\n                                    floating />\n                                <VvSignUpField\n                                    name=\"passwordConfirmation\"\n                                    type=\"password\"\n                                    autocomplete=\"new-password\"\n                                    :label=\"$t('label.confirmPassword')\"\n                                    floating />\n                            </div>\n                            <VvButton\n                                type=\"submit\"\n                                modifiers=\"primary\"\n                                :loading=\"loading\"\n                                :disabled=\"loading\"\n                                :label=\"$t('action.continue')\" />\n                        </VvSignUpForm>\n\n                        <!-- Reset Password -->\n                        <VvResetForm\n                            v-else-if=\"mode === 'reset'\"\n                            class=\"flex flex-col\"\n                            :readonly=\"loading\"\n                            @submit=\"onReset\">\n                            <VvResetField\n                                name=\"email\"\n                                type=\"email\"\n                                autocomplete=\"username\"\n                                :label=\"$t('label.email')\"\n                                floating />\n                            <VvButtonGroup modifiers=\"vertical\">\n                                <VvButton\n                                    type=\"submit\"\n                                    modifiers=\"primary\"\n                                    :loading=\"loading\"\n                                    :disabled=\"loading\"\n                                    :label=\"$t('action.submit')\" />\n                            </VvButtonGroup>\n                        </VvResetForm>\n\n                        <!-- Social providers (shared by sign-in and sign-up) -->\n                        <template\n                            v-if=\"\n                                (mode === 'sign-in' || mode === 'sign-up') &&\n                                showSocialButtons\n                            \">\n                            <div class=\"hr mt-xs\">\n                                <span>{{ $t('label.or') }}</span>\n                            </div>\n                            <VvButtonGroup\n                                modifiers=\"vertical\"\n                                class=\"gap-xs mt-xs\">\n                                <VvButton\n                                    v-if=\"authMethods?.google\"\n                                    type=\"button\"\n                                    modifiers=\"secondary\"\n                                    icon=\"logos:google-icon\"\n                                    :disabled=\"loading\"\n                                    :label=\"\n                                        $t('action.signInWithSocialProvider', {\n                                            provider: 'Google',\n                                        })\n                                    \"\n                                    @click=\"handleSocial('google')\" />\n                                <VvButton\n                                    v-if=\"authMethods?.microsoft\"\n                                    type=\"button\"\n                                    modifiers=\"secondary\"\n                                    icon=\"logos:microsoft-icon\"\n                                    :disabled=\"loading\"\n                                    :label=\"\n                                        $t('action.signInWithSocialProvider', {\n                                            provider: 'Microsoft',\n                                        })\n                                    \"\n                                    @click=\"handleSocial('microsoft')\" />\n                            </VvButtonGroup>\n                        </template>\n                    </div>\n\n                    <!-- Footer below Form -->\n                    <div class=\"pt-lg text-center text-word-3\">\n                        <template v-if=\"mode === 'sign-in'\">\n                            {{ $t('auth.noAccount') }}\n                            <VvButton\n                                type=\"button\"\n                                modifiers=\"link\"\n                                class=\"font-semibold\"\n                                :label=\"$t('action.signUp')\"\n                                @click=\"mode = 'sign-up'\" />\n                        </template>\n                        <template v-else-if=\"mode === 'sign-up'\">\n                            {{ $t('auth.haveAccount') }}\n                            <VvButton\n                                type=\"button\"\n                                modifiers=\"link\"\n                                class=\"font-semibold\"\n                                :label=\"$t('action.signIn')\"\n                                @click=\"mode = 'sign-in'\" />\n                        </template>\n                        <template v-else>\n                            <VvButton\n                                type=\"button\"\n                                modifiers=\"link\"\n                                icon=\"chevron-left\"\n                                :label=\"$t('action.backToSignIn')\"\n                                @click=\"mode = 'sign-in'\" />\n                        </template>\n                    </div>\n                </div>\n            </Transition>\n        </div>\n    </div>\n</template>\n\n<style lang=\"scss\">\n    .pk-chatbot-auth {\n        // Flip-card reveal between the form and the success screen, mirroring\n        // the classic login in apps/frontend.\n        &__flip {\n            display: grid;\n            transform-style: preserve-3d;\n            perspective: 1000px;\n        }\n\n        &__flip-card {\n            grid-area: 1 / 1;\n            backface-visibility: hidden;\n            transform-style: preserve-3d;\n        }\n\n        // Subtle pop on the success check icon once the card has flipped in.\n        &__success-icon {\n            animation: pk-chatbot-auth-check-pop 0.4s ease-out 0.3s backwards;\n        }\n    }\n\n    .pk-flip-enter-active {\n        animation: pk-chatbot-auth-flip-in 0.6s ease-out;\n    }\n\n    .pk-flip-leave-active {\n        animation: pk-chatbot-auth-flip-out 0.6s ease-in;\n    }\n\n    @keyframes pk-chatbot-auth-flip-in {\n        0% {\n            transform: rotateY(-180deg);\n            opacity: 0;\n        }\n\n        100% {\n            transform: rotateY(0deg);\n            opacity: 1;\n        }\n    }\n\n    @keyframes pk-chatbot-auth-flip-out {\n        0% {\n            transform: rotateY(0deg);\n            opacity: 1;\n        }\n\n        100% {\n            transform: rotateY(180deg);\n            opacity: 0;\n        }\n    }\n\n    @keyframes pk-chatbot-auth-check-pop {\n        0% {\n            transform: scale(0);\n            opacity: 0;\n        }\n\n        60% {\n            transform: scale(1.15);\n        }\n\n        100% {\n            transform: scale(1);\n            opacity: 1;\n        }\n    }\n</style>\n"],"mappings":"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"}

package/dist-vue/_chunks/PkChatbotViewFiles-BipRoidH.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PkChatbotViewFiles-BipRoidH.js","names":[],"sources":["../../../../packages/composable/src/useFileRow.ts","../../../../packages/components/src/chat/PkChatbotViewFiles.vue","../../../../packages/components/src/chat/PkChatbotViewFiles.vue"],"sourcesContent":["import { reactive } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { isImageMime, isInlineViewable } from 'models'\n\n/** Minimal shape a file-list row needs for the shared display helpers. */\nexport interface FileRowLike {\n    documentId: string\n    mimeType: string | null\n}\n\n/**\n * Shared display logic for the user-files list rows, used by both the in-app\n * table (PjUserFilesTable) and the embedded widget (PkChatbotViewFiles). The two\n * surfaces differ only in how they build URLs (authenticated store vs widget API\n * client), so the URL builders are injected.\n *\n * - `view(id, inline)` → opens/downloads the original file.\n * - `preview(id)`      → small resized blob for the row thumbnail.\n */\nexport function useFileRow(urls: {\n    view: (documentId: string, inline: boolean) => string\n    preview: (documentId: string) => string\n}) {\n    const { locale } = useI18n({ useScope: 'global' })\n\n    // Image rows show a thumbnail; if it fails to load (auth/redirect, or the\n    // preview isn't generated yet) we fall back to the file-type icon.\n    const thumbError = reactive(new Set<string>())\n    const showThumb = (file: FileRowLike): boolean =>\n        isImageMime(file.mimeType) && !thumbError.has(file.documentId)\n    const thumbUrl = (file: FileRowLike): string =>\n        urls.preview(file.documentId)\n    const onThumbError = (file: FileRowLike): void => {\n        thumbError.add(file.documentId)\n    }\n\n    // Name click previews images/PDF inline; an explicit download forces an\n    // attachment (inline=false → download SAS).\n    const openFile = (file: FileRowLike, download = false): void => {\n        const inline = !download && isInlineViewable(file.mimeType)\n        window.open(urls.view(file.documentId, inline), '_blank', 'noopener')\n    }\n\n    const formatDate = (iso: string): string =>\n        new Date(iso).toLocaleDateString(locale.value, {\n            year: 'numeric',\n            month: 'short',\n            day: 'numeric',\n        })\n\n    return { showThumb, thumbUrl, onThumbError, openFile, formatDate }\n}\n","<script setup lang=\"ts\">\n    import { ref } from 'vue'\n    import { storeToRefs } from 'pinia'\n    import { useI18n } from 'vue-i18n'\n    import { fileIconForMime } from 'models'\n    import {\n        useChatbotStore,\n        useDialogConfirm,\n        useFileRow,\n        type ChatbotFile,\n    } from 'composables'\n\n    const props = defineProps<{ agentId: string }>()\n\n    const { t: $t } = useI18n({ useScope: 'global' })\n    const { openDialogConfirm } = useDialogConfirm()\n\n    const store = useChatbotStore(props.agentId)\n    const { chatFiles, isLoadingChatFiles } = storeToRefs(store)\n    const { showThumb, thumbUrl, onThumbError, openFile, formatDate } =\n        useFileRow({\n            view: store.getChatFileUrl,\n            preview: store.getChatFilePreviewUrl,\n        })\n\n    const deletingId = ref<string | null>(null)\n\n    const handleExclude = async (file: ChatbotFile) => {\n        const proceed = await openDialogConfirm({\n            title: $t('userFiles.excludeTitle'),\n            questionLabel: $t('userFiles.excludeConfirm'),\n        })\n        if (!proceed) {\n            return\n        }\n        deletingId.value = file.documentId\n        try {\n            await store.deleteChatFile(file.documentId)\n        } catch {\n            // surfaced by the host's error handling\n        } finally {\n            deletingId.value = null\n        }\n    }\n</script>\n\n<template>\n    <div class=\"flex flex-col flex-1 min-h-0 relative\">\n        <!-- Loading skeleton -->\n        <div\n            v-if=\"isLoadingChatFiles && chatFiles.length === 0\"\n            class=\"flex flex-col gap-8 p-16 vv-skeleton\">\n            <div\n                v-for=\"i in 4\"\n                :key=\"i\"\n                class=\"vv-skeleton__item rounded-md h-56\" />\n        </div>\n\n        <!-- Empty state -->\n        <div\n            v-else-if=\"chatFiles.length === 0\"\n            class=\"flex flex-col flex-1 items-center justify-center gap-12 p-24 text-center\">\n            <div\n                class=\"w-64 h-64 rounded-full bg-surface-1 border border-surface-3 flex items-center justify-center\">\n                <VvIcon\n                    name=\"ri:folder-open-line\"\n                    class=\"w-28 h-28 text-word-4\" />\n            </div>\n            <span class=\"text-14 text-word-3 leading-relaxed\">\n                {{ $t('userFiles.chatFilesEmpty') }}\n            </span>\n        </div>\n\n        <!-- File list -->\n        <ul v-else class=\"pk-chatbot-files\">\n            <li\n                v-for=\"file in chatFiles\"\n                :key=\"file.documentId\"\n                class=\"pk-chatbot-files__item\">\n                <span class=\"pk-chatbot-files__icon\">\n                    <img\n                        v-if=\"showThumb(file)\"\n                        :src=\"thumbUrl(file)\"\n                        loading=\"lazy\"\n                        decoding=\"async\"\n                        alt=\"\"\n                        class=\"pk-chatbot-files__thumb\"\n                        @error=\"onThumbError(file)\" />\n                    <VvIcon v-else :name=\"fileIconForMime(file.mimeType)\" />\n                </span>\n                <button\n                    type=\"button\"\n                    class=\"pk-chatbot-files__main\"\n                    :title=\"$t('userFiles.open')\"\n                    @click=\"openFile(file)\">\n                    <span class=\"pk-chatbot-files__name\">\n                        {{ file.name || $t('userFiles.untitled') }}\n                    </span>\n                    <span class=\"pk-chatbot-files__date\">\n                        {{ formatDate(file.createdAt) }}\n                    </span>\n                </button>\n                <div class=\"pk-chatbot-files__actions\">\n                    <VvButton\n                        modifiers=\"action-quiet xs\"\n                        icon=\"ri:download-line\"\n                        :title=\"$t('action.download')\"\n                        @click=\"openFile(file, true)\" />\n                    <VvButton\n                        modifiers=\"action-quiet-danger xs\"\n                        icon=\"ri:delete-bin-line\"\n                        :title=\"$t('userFiles.exclude')\"\n                        :loading=\"deletingId === file.documentId\"\n                        :disabled=\"deletingId === file.documentId\"\n                        @click=\"handleExclude(file)\" />\n                </div>\n            </li>\n        </ul>\n    </div>\n</template>\n\n<style lang=\"scss\">\n    .pk-chatbot-files {\n        display: flex;\n        flex-direction: column;\n        list-style: none;\n        margin: 0;\n        padding: var(--spacing-8);\n        overflow-y: auto;\n\n        &__item {\n            display: flex;\n            align-items: center;\n            gap: var(--spacing-10);\n            padding: var(--spacing-8) var(--spacing-10);\n            border-radius: var(--rounded-md);\n            transition: var(--transition-colors);\n\n            // Separator between files\n            & + & {\n                border-top: 1px solid var(--color-surface-3);\n            }\n\n            &:hover {\n                background-color: var(--color-surface-2);\n            }\n        }\n\n        &__icon {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            width: var(--spacing-36);\n            height: var(--spacing-36);\n            flex-shrink: 0;\n            border-radius: var(--rounded-md);\n            background-color: var(--color-surface-1);\n            color: var(--color-word-3);\n            overflow: hidden;\n        }\n\n        &__thumb {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n\n        &__main {\n            display: flex;\n            flex-direction: column;\n            min-width: 0;\n            flex: 1;\n            text-align: left;\n            background: none;\n            border: 0;\n            padding: 0;\n            cursor: pointer;\n        }\n\n        &__name {\n            font-size: var(--text-14);\n            color: var(--color-word-1);\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n        }\n\n        &__date {\n            font-size: var(--text-12);\n            color: var(--color-word-3);\n        }\n\n        &__actions {\n            display: flex;\n            align-items: center;\n            gap: var(--spacing-2);\n            flex-shrink: 0;\n        }\n    }\n</style>\n","<script setup lang=\"ts\">\n    import { ref } from 'vue'\n    import { storeToRefs } from 'pinia'\n    import { useI18n } from 'vue-i18n'\n    import { fileIconForMime } from 'models'\n    import {\n        useChatbotStore,\n        useDialogConfirm,\n        useFileRow,\n        type ChatbotFile,\n    } from 'composables'\n\n    const props = defineProps<{ agentId: string }>()\n\n    const { t: $t } = useI18n({ useScope: 'global' })\n    const { openDialogConfirm } = useDialogConfirm()\n\n    const store = useChatbotStore(props.agentId)\n    const { chatFiles, isLoadingChatFiles } = storeToRefs(store)\n    const { showThumb, thumbUrl, onThumbError, openFile, formatDate } =\n        useFileRow({\n            view: store.getChatFileUrl,\n            preview: store.getChatFilePreviewUrl,\n        })\n\n    const deletingId = ref<string | null>(null)\n\n    const handleExclude = async (file: ChatbotFile) => {\n        const proceed = await openDialogConfirm({\n            title: $t('userFiles.excludeTitle'),\n            questionLabel: $t('userFiles.excludeConfirm'),\n        })\n        if (!proceed) {\n            return\n        }\n        deletingId.value = file.documentId\n        try {\n            await store.deleteChatFile(file.documentId)\n        } catch {\n            // surfaced by the host's error handling\n        } finally {\n            deletingId.value = null\n        }\n    }\n</script>\n\n<template>\n    <div class=\"flex flex-col flex-1 min-h-0 relative\">\n        <!-- Loading skeleton -->\n        <div\n            v-if=\"isLoadingChatFiles && chatFiles.length === 0\"\n            class=\"flex flex-col gap-8 p-16 vv-skeleton\">\n            <div\n                v-for=\"i in 4\"\n                :key=\"i\"\n                class=\"vv-skeleton__item rounded-md h-56\" />\n        </div>\n\n        <!-- Empty state -->\n        <div\n            v-else-if=\"chatFiles.length === 0\"\n            class=\"flex flex-col flex-1 items-center justify-center gap-12 p-24 text-center\">\n            <div\n                class=\"w-64 h-64 rounded-full bg-surface-1 border border-surface-3 flex items-center justify-center\">\n                <VvIcon\n                    name=\"ri:folder-open-line\"\n                    class=\"w-28 h-28 text-word-4\" />\n            </div>\n            <span class=\"text-14 text-word-3 leading-relaxed\">\n                {{ $t('userFiles.chatFilesEmpty') }}\n            </span>\n        </div>\n\n        <!-- File list -->\n        <ul v-else class=\"pk-chatbot-files\">\n            <li\n                v-for=\"file in chatFiles\"\n                :key=\"file.documentId\"\n                class=\"pk-chatbot-files__item\">\n                <span class=\"pk-chatbot-files__icon\">\n                    <img\n                        v-if=\"showThumb(file)\"\n                        :src=\"thumbUrl(file)\"\n                        loading=\"lazy\"\n                        decoding=\"async\"\n                        alt=\"\"\n                        class=\"pk-chatbot-files__thumb\"\n                        @error=\"onThumbError(file)\" />\n                    <VvIcon v-else :name=\"fileIconForMime(file.mimeType)\" />\n                </span>\n                <button\n                    type=\"button\"\n                    class=\"pk-chatbot-files__main\"\n                    :title=\"$t('userFiles.open')\"\n                    @click=\"openFile(file)\">\n                    <span class=\"pk-chatbot-files__name\">\n                        {{ file.name || $t('userFiles.untitled') }}\n                    </span>\n                    <span class=\"pk-chatbot-files__date\">\n                        {{ formatDate(file.createdAt) }}\n                    </span>\n                </button>\n                <div class=\"pk-chatbot-files__actions\">\n                    <VvButton\n                        modifiers=\"action-quiet xs\"\n                        icon=\"ri:download-line\"\n                        :title=\"$t('action.download')\"\n                        @click=\"openFile(file, true)\" />\n                    <VvButton\n                        modifiers=\"action-quiet-danger xs\"\n                        icon=\"ri:delete-bin-line\"\n                        :title=\"$t('userFiles.exclude')\"\n                        :loading=\"deletingId === file.documentId\"\n                        :disabled=\"deletingId === file.documentId\"\n                        @click=\"handleExclude(file)\" />\n                </div>\n            </li>\n        </ul>\n    </div>\n</template>\n\n<style lang=\"scss\">\n    .pk-chatbot-files {\n        display: flex;\n        flex-direction: column;\n        list-style: none;\n        margin: 0;\n        padding: var(--spacing-8);\n        overflow-y: auto;\n\n        &__item {\n            display: flex;\n            align-items: center;\n            gap: var(--spacing-10);\n            padding: var(--spacing-8) var(--spacing-10);\n            border-radius: var(--rounded-md);\n            transition: var(--transition-colors);\n\n            // Separator between files\n            & + & {\n                border-top: 1px solid var(--color-surface-3);\n            }\n\n            &:hover {\n                background-color: var(--color-surface-2);\n            }\n        }\n\n        &__icon {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            width: var(--spacing-36);\n            height: var(--spacing-36);\n            flex-shrink: 0;\n            border-radius: var(--rounded-md);\n            background-color: var(--color-surface-1);\n            color: var(--color-word-3);\n            overflow: hidden;\n        }\n\n        &__thumb {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n\n        &__main {\n            display: flex;\n            flex-direction: column;\n            min-width: 0;\n            flex: 1;\n            text-align: left;\n            background: none;\n            border: 0;\n            padding: 0;\n            cursor: pointer;\n        }\n\n        &__name {\n            font-size: var(--text-14);\n            color: var(--color-word-1);\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n        }\n\n        &__date {\n            font-size: var(--text-12);\n            color: var(--color-word-3);\n        }\n\n        &__actions {\n            display: flex;\n            align-items: center;\n            gap: var(--spacing-2);\n            flex-shrink: 0;\n        }\n    }\n</style>\n"],"mappings":"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"}