@8wave/ai-elements 0.90.0 → 0.91.0

package/dist-vue/_chunks/{PkChatbotViewChat-BZ9IH-sz.js → PkChatbotViewChat-C_t6qEEV.js}

@@ -1,9 +1,9 @@
-import { t as e } from "./useChatbotStore-GEO6rQ74.js";
-import { t } from "./useLocalizedString-DPX1ED4p.js";
-import { t as n } from "./PkAvatar-Dv3e4aUl.js";
-import { t as r } from "./PkChatbotMessages-DLP7utmG.js";
-import { t as i } from "./PkChatbotInput-BTszEUj2.js";
-import { t as a } from "./PkChatbotEmptyState-C70aTfG-.js";
+import { t as e } from "./useChatbotStore-WPRS7mhR.js";
+import { t } from "./useLocalizedString-BQzGZyu0.js";
+import { t as n } from "./PkAvatar-Bpf6cD4N.js";
+import { t as r } from "./PkChatbotMessages-BR5JUybd.js";
+import { t as i } from "./PkChatbotInput-DWS7vqC5.js";
+import { t as a } from "./PkChatbotEmptyState-JTlPPXdI.js";
 import { VvIcon as o } from "@volverjs/ui-vue/components";
 import { Transition as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createSlots as p, createVNode as m, defineAsyncComponent as h, defineComponent as g, isRef as _, normalizeClass as v, onBeforeUnmount as y, onMounted as b, onUnmounted as x, openBlock as S, ref as C, toDisplayString as w, toValue as T, unref as E, useTemplateRef as D, withCtx as O } from "vue";
 import { useI18n as k } from "vue-i18n";
@@ -28,7 +28,7 @@ var j = {
 }, M = {
 	key: 1,
 	class: "pk-aurora__fallback"
-}, N = "\nattribute vec2 a_position;\nvoid main() {\n    gl_Position = vec4(a_position, 0.0, 1.0);\n}", P = "\nprecision mediump float;\nuniform vec2 u_resolution;\nuniform float u_time;\nuniform vec3 u_color;\nuniform vec2 u_center;\nuniform vec2 u_half;\nuniform float u_spread;\n\nvec3 permute(vec3 x) { return mod(((x * 34.0) + 1.0) * x, 289.0); }\n\nfloat snoise(vec2 v) {\n    const vec4 C = vec4(0.211324865405187, 0.366025403784439,\n        -0.577350269189626, 0.024390243902439);\n    vec2 i = floor(v + dot(v, C.yy));\n    vec2 x0 = v - i + dot(i, C.xx);\n    vec2 i1 = (x0.x > x0.y) ? vec2(1.0, 0.0) : vec2(0.0, 1.0);\n    vec4 x12 = x0.xyxy + C.xxzz;\n    x12.xy -= i1;\n    i = mod(i, 289.0);\n    vec3 p = permute(permute(i.y + vec3(0.0, i1.y, 1.0))\n        + i.x + vec3(0.0, i1.x, 1.0));\n    vec3 m = max(0.5 - vec3(dot(x0, x0), dot(x12.xy, x12.xy),\n        dot(x12.zw, x12.zw)), 0.0);\n    m = m * m;\n    m = m * m;\n    vec3 x = 2.0 * fract(p * C.www) - 1.0;\n    vec3 h = abs(x) - 0.5;\n    vec3 ox = floor(x + 0.5);\n    vec3 a0 = x - ox;\n    m *= 1.79284291400159 - 0.85373472095314 * (a0 * a0 + h * h);\n    vec3 g;\n    g.x = a0.x * x0.x + h.x * x0.y;\n    g.yz = a0.yz * x12.xz + h.yz * x12.yw;\n    return 130.0 * dot(m, g);\n}\n\nvoid main() {\n    vec2 px = gl_FragCoord.xy;\n    vec2 rel = px - u_center;\n\n    // Ignition: the ellipse lights up expanding from the center on mount\n    float intro = smoothstep(0.0, 1.4, u_time);\n\n    // Breathing: size and brightness oscillate gently but visibly\n    float breath = 1.0\n        + 0.12 * sin(u_time * 0.55)\n        + 0.06 * snoise(vec2(u_time * 0.1, 3.7));\n    float pulse = 1.0 + 0.2 * sin(u_time * 0.55 + 1.3);\n\n    // Keep it simple (Gemini-style): one huge soft elliptical glow\n    // centered on the pill\n    vec2 radii = vec2(u_half.x * 0.95, u_half.y * 6.5)\n        * u_spread\n        * breath\n        * mix(0.15, 1.0, intro);\n    float r = length(rel / max(radii, vec2(1.0)));\n    float glow = exp(-r * r * 2.2);\n\n    // Never cut hard against the canvas bounds\n    vec2 m = min(px, u_resolution - px);\n    glow *= smoothstep(0.0, 32.0, min(m.x, m.y));\n\n    // Dither: breaks the 8-bit banding rings of the very soft gradient\n    // (no CSS blur on the canvas, the noise must fully mask the bands)\n    glow = max(glow + (snoise(px * 0.9) - 0.5) * 0.03, 0.0);\n\n    float alpha = glow * 0.2 * pulse * intro;\n\n    // Premultiplied alpha (default canvas compositing)\n    gl_FragColor = vec4(u_color * alpha, alpha);\n}", F = /* @__PURE__ */ g({
+}, N = "\nattribute vec2 a_position;\nvoid main() {\n    gl_Position = vec4(a_position, 0.0, 1.0);\n}", P = "\nprecision mediump float;\nuniform vec2 u_resolution;\nuniform float u_time;\nuniform vec3 u_color;\nuniform vec2 u_center;\nuniform vec2 u_half;\nuniform float u_spread;\n\nvec3 permute(vec3 x) { return mod(((x * 34.0) + 1.0) * x, 289.0); }\n\nfloat snoise(vec2 v) {\n    const vec4 C = vec4(0.211324865405187, 0.366025403784439,\n        -0.577350269189626, 0.024390243902439);\n    vec2 i = floor(v + dot(v, C.yy));\n    vec2 x0 = v - i + dot(i, C.xx);\n    vec2 i1 = (x0.x > x0.y) ? vec2(1.0, 0.0) : vec2(0.0, 1.0);\n    vec4 x12 = x0.xyxy + C.xxzz;\n    x12.xy -= i1;\n    i = mod(i, 289.0);\n    vec3 p = permute(permute(i.y + vec3(0.0, i1.y, 1.0))\n        + i.x + vec3(0.0, i1.x, 1.0));\n    vec3 m = max(0.5 - vec3(dot(x0, x0), dot(x12.xy, x12.xy),\n        dot(x12.zw, x12.zw)), 0.0);\n    m = m * m;\n    m = m * m;\n    vec3 x = 2.0 * fract(p * C.www) - 1.0;\n    vec3 h = abs(x) - 0.5;\n    vec3 ox = floor(x + 0.5);\n    vec3 a0 = x - ox;\n    m *= 1.79284291400159 - 0.85373472095314 * (a0 * a0 + h * h);\n    vec3 g;\n    g.x = a0.x * x0.x + h.x * x0.y;\n    g.yz = a0.yz * x12.xz + h.yz * x12.yw;\n    return 130.0 * dot(m, g);\n}\n\nvoid main() {\n    vec2 px = gl_FragCoord.xy;\n    vec2 rel = px - u_center;\n\n    // Ignition: the ellipse lights up expanding from the center on mount\n    float intro = smoothstep(0.0, 1.4, u_time);\n\n    // Breathing: size and brightness oscillate gently but visibly\n    float breath = 1.0\n        + 0.12 * sin(u_time * 0.55)\n        + 0.06 * snoise(vec2(u_time * 0.1, 3.7));\n    float pulse = 1.0 + 0.2 * sin(u_time * 0.55 + 1.3);\n\n    // Keep it simple (Gemini-style): one huge soft elliptical glow\n    // centered on the pill\n    vec2 radii = vec2(u_half.x * 0.95, u_half.y * 6.5)\n        * u_spread\n        * breath\n        * mix(0.15, 1.0, intro);\n    float r = length(rel / max(radii, vec2(1.0)));\n    float glow = exp(-r * r * 2.2);\n\n    // Never cut hard against the canvas bounds\n    vec2 m = min(px, u_resolution - px);\n    glow *= smoothstep(0.0, 32.0, min(m.x, m.y));\n\n    // Dither: breaks the 8-bit banding rings of the very soft gradient\n    // (no CSS blur on the canvas, the noise must fully mask the bands)\n    glow = max(glow + (snoise(px * 0.9) - 0.5) * 0.03, 0.0);\n\n    float alpha = glow * 0.2 * pulse * intro;\n\n    // Premultiplied alpha (default canvas compositing)\n    gl_FragColor = vec4(u_color * alpha, alpha);\n}", re = /* @__PURE__ */ g({
 	__name: "PkAuroraCanvas",
 	props: { sourceSelector: {} },
 	setup(e) {
@@ -110,16 +110,16 @@ var j = {
 			class: "pk-aurora__canvas"
 		}, null, 512))]));
 	}
-}), re = { class: "pk-chatbot-view-chat__input-stage" }, ie = {
+}), ie = { class: "pk-chatbot-view-chat__input-stage" }, ae = {
 	key: 0,
 	class: "p-md border-t border-surface-3 text-center text-12 text-danger-darken-2 bg-surface-danger"
-}, ae = { class: "pk-chatbot-view-chat__agent-chip" }, oe = {
+}, oe = { class: "pk-chatbot-view-chat__agent-chip" }, se = {
 	key: 0,
 	class: "pk-chatbot-view-chat__agent-chip-name"
-}, se = {
+}, ce = {
 	key: 0,
 	class: "pk-chatbot-view-chat__drop-overlay"
-}, I = /* @__PURE__ */ g({
+}, F = /* @__PURE__ */ g({
 	__name: "PkChatbotViewChat",
 	props: {
 		agentId: {},
@@ -128,10 +128,13 @@ var j = {
 	},
 	emits: ["show-info", "revise"],
 	setup(g, { emit: y }) {
-		let b = h(() => import("./PkToolShowForm-BhVSPIAR.js").then((e) => e.n)), x = h(() => import("./PkToolRequestConfirm-DAnxGAxc.js")), C = h(() => import("./PkToolShowContactForm-CdgD4fd8.js").then((e) => e.n)), T = h(() => import("./PkToolShowSuggestedReply-DKiYUsaZ.js").then((e) => e.n)), k = h(() => import("./PkToolShowSources-DRewYfe-.js").then((e) => e.n)), A = h(() => import("./PkToolRequestGeolocation-CCx0_-Cn.js")), j = h(() => import("./PkToolRequestOAuthConnection-DklJCqEW.js")), M = h(() => import("./PkToolShowLocation-RVbaQoU5.js").then((e) => e.n)), N = h(() => import("./PkToolShowDiagram-DGYQjjGj.js")), P = g, I = y, L = e(P.agentId), { agentInterface: R, agentFileUpload: z, actions: ce, revisedAnswers: le, messages: B, chat: V, messageFeedbacks: ue, feedbackDialogMessage: H, isFeedbackSubmitting: de, isFeedbackSubmitted: fe, feedbackSubmitError: pe, isLeadSubmitted: me, isLoadingSubmitLead: he, submitLeadError: ge, input: U, inputMessagePlaceholder: _e, isConversationBlocked: ve, baseUrl: ye, pendingAttachments: W, apiClient: G, isDark: K } = te(L), { handleSubmit: q, stopGeneration: be, regenerate: J, onUpvote: xe, onDownvote: Se, onFeedback: Ce, onFeedbackSubmit: we, onLeadSubmit: Te, startNewChat: Ee, addToolOutput: Y, handleFileSelect: X } = L, Z = t(() => R.value?.dismissableNotice), De = c(() => B.value.some((e) => e.role === "user")), Q = c(() => P.modifier === "fullscreen" && !De.value), Oe = ne(R, () => P.userName), $ = D("chatViewEl"), ke = async (e) => (await G.value.expandSourceContext(P.agentId, e.documentId, e.chunkIndex)).content, Ae = async (e) => {
-			let t = await G.value.downloadSourceDocument(P.agentId, e);
+		let b = h(() => import("./PkToolShowForm-C7bOdRse.js").then((e) => e.n)), x = h(() => import("./PkToolRequestConfirm-DAnxGAxc.js")), C = h(() => import("./PkToolShowContactForm-DjX9G8CD.js").then((e) => e.n)), T = h(() => import("./PkToolShowSuggestedReply-B516t3Nb.js").then((e) => e.n)), A = h(() => import("./PkToolShowSources-B9d3iLVk.js").then((e) => e.n)), j = h(() => import("./PkToolRequestGeolocation-CCx0_-Cn.js")), M = h(() => import("./PkToolRequestOAuthConnection-DklJCqEW.js")), N = h(() => import("./PkToolShowLocation-DE-dbJEw.js").then((e) => e.n)), P = h(() => import("./PkToolShowDiagram-DHwAckwN.js")), F = g, I = y, L = e(F.agentId), { agentInterface: R, agentFileUpload: z, actions: le, revisedAnswers: ue, messages: B, chat: V, messageFeedbacks: de, feedbackDialogMessage: H, isFeedbackSubmitting: fe, isFeedbackSubmitted: pe, feedbackSubmitError: me, isLeadSubmitted: he, isLoadingSubmitLead: ge, submitLeadError: _e, input: U, inputMessagePlaceholder: ve, isConversationBlocked: ye, baseUrl: be, pendingAttachments: W, isAttachmentLimitReached: xe, fileLimitError: Se, apiClient: G, isDark: K } = te(L), { handleSubmit: q, stopGeneration: Ce, regenerate: J, onUpvote: we, onDownvote: Te, onFeedback: Ee, onFeedbackSubmit: De, onLeadSubmit: Oe, startNewChat: ke, addToolOutput: Y, handleFileSelect: X, clearFileLimitError: Ae } = L, { t: Z } = k({ useScope: "global" }), je = c(() => {
+			let e = Se.value;
+			if (e) return e.reason === "per-chat" ? Z("message.fileLimitPerChat", { max: e.max }) : Z("message.fileLimitPerMessage", { max: e.max });
+		}), Me = t(() => R.value?.dismissableNotice), Ne = c(() => B.value.some((e) => e.role === "user")), Q = c(() => F.modifier === "fullscreen" && !Ne.value), Pe = ne(R, () => F.userName), Fe = D("chatViewEl"), Ie = async (e) => (await G.value.expandSourceContext(F.agentId, e.documentId, e.chunkIndex)).content, Le = async (e) => {
+			let t = await G.value.downloadSourceDocument(F.agentId, e);
 			window.open(t.downloadUrl, "_blank");
-		}, { isOverDropZone: je } = ee($, {
+		}, { isOverDropZone: $ } = ee(Fe, {
 			dataTypes: c(() => z.value?.allowedMimeTypes ?? []),
 			onDrop: (e) => {
 				if (!(!z.value?.enabled || !e)) for (let t of e) X(t);
@@ -141,9 +144,9 @@ var j = {
 			let c = o;
 			return S(), d("div", {
 				ref_key: "chatViewEl",
-				ref: $,
+				ref: Fe,
 				class: v(["pk-chatbot-view-chat", {
-					"pk-chatbot-view-chat--dragover": E(je) && E(z)?.enabled,
+					"pk-chatbot-view-chat--dragover": E($) && E(z)?.enabled,
 					"pk-chatbot-view-chat--empty": Q.value
 				}])
 			}, [
@@ -153,7 +156,7 @@ var j = {
 				}, {
 					default: O(() => [Q.value ? (S(), l(a, {
 						key: 0,
-						greeting: E(Oe),
+						greeting: E(Pe),
 						logo: E(R)?.logo,
 						name: E(L).name
 					}, null, 8, [
@@ -168,35 +171,35 @@ var j = {
 						error: E(V).error,
 						"main-color": E(R)?.mainColor,
 						"text-color": E(R)?.textColor,
-						"revised-answers": E(le),
-						actions: E(ce),
-						"message-feedbacks": E(ue),
+						"revised-answers": E(ue),
+						actions: E(le),
+						"message-feedbacks": E(de),
 						"feedback-message-id": E(H)?.id,
-						"feedback-loading": E(de),
-						"feedback-submitted": E(fe),
-						"feedback-error": E(pe),
+						"feedback-loading": E(fe),
+						"feedback-submitted": E(pe),
+						"feedback-error": E(me),
 						"show-extended-steps": E(R)?.showExtendedSteps,
 						"is-dark": E(K),
 						"show-scroll-to-bottom": g.modifier === "fullscreen",
-						onFeedbackSubmit: t[1] ||= (e) => E(we)(e),
+						onFeedbackSubmit: t[1] ||= (e) => E(De)(e),
 						onFeedbackClose: t[2] ||= (e) => H.value = void 0,
 						onRegenerate: E(J),
 						onAutoRetry: E(J),
-						onResetChat: E(Ee),
+						onResetChat: E(ke),
 						onShowInfo: t[3] ||= (e) => I("show-info", e),
 						onRevise: t[4] ||= (e) => I("revise", e),
-						onUpvote: E(xe),
-						onDownvote: E(Se),
-						onFeedback: E(Ce)
+						onUpvote: E(we),
+						onDownvote: E(Te),
+						onFeedback: E(Ee)
 					}, {
 						"tool-showContactForm": O(({ part: e }) => [m(E(C), {
 							part: e,
-							readonly: !E(ye),
-							submitted: E(me),
-							loading: E(he),
-							error: E(ge),
+							readonly: !E(be),
+							submitted: E(he),
+							loading: E(ge),
+							error: E(_e),
 							"privacy-policy-notice": E(R)?.privacyPolicyNotice,
-							onSubmit: E(Te)
+							onSubmit: E(Oe)
 						}, null, 8, [
 							"part",
 							"readonly",
@@ -212,10 +215,10 @@ var j = {
 								U.value = e, E(q)();
 							}
 						}, null, 8, ["part"])]),
-						"tool-showSources": O(({ part: e }) => [m(E(k), {
+						"tool-showSources": O(({ part: e }) => [m(E(A), {
 							part: e,
-							"on-expand-context": ke,
-							"on-download": Ae
+							"on-expand-context": Ie,
+							"on-download": Le
 						}, null, 8, ["part"])]),
 						"tool-showForm": O(({ part: e }) => [m(s, { mode: "out-in" }, {
 							default: O(() => [m(E(b), {
@@ -248,9 +251,9 @@ var j = {
 								output: t ? "confirmed" : "cancelled"
 							})
 						}, null, 8, ["part", "onConfirm"])]),
-						"tool-requestOAuthConnection": O(({ part: e }) => [m(E(j), {
+						"tool-requestOAuthConnection": O(({ part: e }) => [m(E(M), {
 							part: e,
-							"resolve-connection": (e) => E(G).getOAuthAuthorizeUrl(P.agentId, e),
+							"resolve-connection": (e) => E(G).getOAuthAuthorizeUrl(F.agentId, e),
 							onConnected: (t) => E(Y)({
 								tool: "requestOAuthConnection",
 								toolCallId: e.toolCallId,
@@ -264,7 +267,7 @@ var j = {
 							"resolve-connection",
 							"onConnected"
 						])]),
-						"tool-requestGeolocation": O(({ part: e }) => [m(E(A), {
+						"tool-requestGeolocation": O(({ part: e }) => [m(E(j), {
 							part: e,
 							"reverse-geocode": (e, t) => E(G).reverseGeocode(e, t),
 							onResult: (t) => E(Y)({
@@ -277,7 +280,7 @@ var j = {
 							"reverse-geocode",
 							"onResult"
 						])]),
-						"tool-showLocation": O(({ part: e }) => [m(E(M), {
+						"tool-showLocation": O(({ part: e }) => [m(E(N), {
 							part: e,
 							"is-dark": E(K),
 							"main-color": E(R)?.mainColor,
@@ -288,7 +291,7 @@ var j = {
 							"main-color",
 							"forward-geocode"
 						])]),
-						"tool-showDiagram": O(({ part: e }) => [m(E(N), {
+						"tool-showDiagram": O(({ part: e }) => [m(E(P), {
 							part: e,
 							"is-dark": E(K)
 						}, null, 8, ["part", "is-dark"])]),
@@ -318,35 +321,38 @@ var j = {
 					]))]),
 					_: 1
 				}),
-				f("div", re, [m(s, { name: "pk-chatbot-view-chat-fade" }, {
-					default: O(() => [Q.value ? (S(), l(F, {
+				f("div", ie, [m(s, { name: "pk-chatbot-view-chat-fade" }, {
+					default: O(() => [Q.value ? (S(), l(re, {
 						key: 0,
 						class: "pk-chatbot-view-chat__aurora",
 						"source-selector": ".pk-chatbot-input__form"
 					})) : u("", !0)]),
 					_: 1
-				}), E(ve) ? (S(), d("div", ie, w(e.$t("message.chatErrorConversationBlocked")), 1)) : (S(), l(i, {
+				}), E(ye) ? (S(), d("div", ae, w(E(Z)("message.chatErrorConversationBlocked")), 1)) : (S(), l(i, {
 					key: 1,
 					modelValue: E(U),
 					"onUpdate:modelValue": t[5] ||= (e) => _(U) ? U.value = e : null,
 					"pending-attachments": E(W),
 					"onUpdate:pendingAttachments": t[6] ||= (e) => _(W) ? W.value = e : null,
-					placeholder: E(_e),
-					"dismissable-notice": E(Z) && E(V).messages.length <= 1 ? E(Z) : void 0,
+					placeholder: E(ve),
+					"dismissable-notice": E(Me) && E(V).messages.length <= 1 ? E(Me) : void 0,
 					status: E(V).status,
 					"max-message-length": E(R)?.maxMessageLength,
 					"file-upload": E(z),
-					onStopGeneration: E(be),
+					"attachment-limit-reached": E(xe),
+					"attachment-notice": je.value,
+					onStopGeneration: E(Ce),
 					onSubmit: E(q),
-					onFileSelect: E(X)
+					onFileSelect: E(X),
+					onDismissAttachmentNotice: E(Ae)
 				}, p({ _: 2 }, [g.modifier === "fullscreen" ? {
 					name: "prepend",
-					fn: O(() => [f("span", ae, [m(n, {
+					fn: O(() => [f("span", oe, [m(n, {
 						modifiers: "surface",
 						class: "pk-chatbot-view-chat__agent-chip-avatar",
 						"img-src": E(R)?.logo,
 						name: E(L).name
-					}, null, 8, ["img-src", "name"]), E(L).name ? (S(), d("strong", oe, w(E(L).name), 1)) : u("", !0)])]),
+					}, null, 8, ["img-src", "name"]), E(L).name ? (S(), d("strong", se, w(E(L).name), 1)) : u("", !0)])]),
 					key: "0"
 				} : void 0]), 1032, [
 					"modelValue",
@@ -356,15 +362,18 @@ var j = {
 					"status",
 					"max-message-length",
 					"file-upload",
+					"attachment-limit-reached",
+					"attachment-notice",
 					"onStopGeneration",
 					"onSubmit",
-					"onFileSelect"
+					"onFileSelect",
+					"onDismissAttachmentNotice"
 				]))]),
 				m(s, null, {
-					default: O(() => [E(je) && E(z)?.enabled ? (S(), d("div", se, [m(c, {
+					default: O(() => [E($) && E(z)?.enabled ? (S(), d("div", ce, [m(c, {
 						name: "ri:upload-cloud-2-line",
 						class: "pk-chatbot-view-chat__drop-overlay-icon"
-					}), f("span", null, w(e.$t("action.dropFile")), 1)])) : u("", !0)]),
+					}), f("span", null, w(E(Z)("action.dropFile")), 1)])) : u("", !0)]),
 					_: 1
 				})
 			], 2);
@@ -372,6 +381,6 @@ var j = {
 	}
 });
 //#endregion
-export { F as n, I as t };
+export { re as n, F as t };
 
-//# sourceMappingURL=PkChatbotViewChat-BZ9IH-sz.js.map
+//# sourceMappingURL=PkChatbotViewChat-C_t6qEEV.js.map

package/dist-vue/_chunks/PkChatbotViewChat-C_t6qEEV.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PkChatbotViewChat-C_t6qEEV.js","names":[],"sources":["../../../../packages/composable/src/chatbot/useGreeting.ts","../../../../packages/components/src/chat/PkAuroraCanvas.vue","../../../../packages/components/src/chat/PkAuroraCanvas.vue","../../../../packages/components/src/chat/PkChatbotViewChat.vue","../../../../packages/components/src/chat/PkChatbotViewChat.vue"],"sourcesContent":["import { computed, toValue } from 'vue'\nimport type { ComputedRef, MaybeRefOrGetter } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport type { AgentInterface } from 'models'\n\n/**\n * Resolves the greeting shown in the fullscreen empty state.\n *\n * v1 behavior (docs/specs/public-chat-page.md): uses the first entry of the\n * `agentInterface.greeting` pool and supports only the `{name}` placeholder.\n * Fallback chain: `greeting[0]` → `initialMessage` → default welcome message.\n * Pool rotation and `{timeGreeting}` are planned follow-ups.\n */\nexport function useGreeting(\n    agentInterface: MaybeRefOrGetter<AgentInterface | undefined>,\n    userName: MaybeRefOrGetter<string | undefined>,\n): ComputedRef<string> {\n    const { locale, t, te } = useI18n({ useScope: 'global' })\n\n    return computed(() => {\n        const ui = toValue(agentInterface)\n        const template =\n            ui?.greeting?.[0]?.[locale.value] ||\n            ui?.initialMessage?.[locale.value] ||\n            (te('message.defaultAgentWelcome')\n                ? t('message.defaultAgentWelcome')\n                : '')\n        return resolveNamePlaceholder(template, toValue(userName))\n    })\n}\n\nfunction resolveNamePlaceholder(template: string, name?: string): string {\n    const result = name\n        ? template.replace(/\\{name\\}/g, name)\n        : // No name available: drop the placeholder along with any\n          // adjacent punctuation (\", {name}!\" → \"\")\n          template.replace(/[,\\s]*\\{name\\}[!?]?/g, '')\n    return result.trim()\n}\n","<script setup lang=\"ts\">\n    import {\n        onBeforeUnmount,\n        onMounted,\n        onUnmounted,\n        ref,\n        useTemplateRef,\n    } from 'vue'\n\n    /**\n     * Ambient animated \"aurora\" rendered with a raw WebGL fragment shader\n     * (simplex noise blending two tints of the inherited `color`). No\n     * dependencies; falls back to CSS blobs when WebGL is unavailable.\n     * The accent comes from the CSS cascade: set `color` on the host.\n     */\n\n    const props = defineProps<{\n        /** CSS selector (within the positioned parent) of the element the glow radiates from; defaults to the positioned parent box itself */\n        sourceSelector?: string\n    }>()\n\n    const canvasEl = useTemplateRef<HTMLCanvasElement>('canvasEl')\n    const failed = ref(false)\n\n    const VERTEX_SHADER = `\nattribute vec2 a_position;\nvoid main() {\n    gl_Position = vec4(a_position, 0.0, 1.0);\n}`\n\n    // snoise: 2D simplex noise by Ian McEwan / Stefan Gustavson (MIT)\n    const FRAGMENT_SHADER = `\nprecision mediump float;\nuniform vec2 u_resolution;\nuniform float u_time;\nuniform vec3 u_color;\nuniform vec2 u_center;\nuniform vec2 u_half;\nuniform float u_spread;\n\nvec3 permute(vec3 x) { return mod(((x * 34.0) + 1.0) * x, 289.0); }\n\nfloat snoise(vec2 v) {\n    const vec4 C = vec4(0.211324865405187, 0.366025403784439,\n        -0.577350269189626, 0.024390243902439);\n    vec2 i = floor(v + dot(v, C.yy));\n    vec2 x0 = v - i + dot(i, C.xx);\n    vec2 i1 = (x0.x > x0.y) ? vec2(1.0, 0.0) : vec2(0.0, 1.0);\n    vec4 x12 = x0.xyxy + C.xxzz;\n    x12.xy -= i1;\n    i = mod(i, 289.0);\n    vec3 p = permute(permute(i.y + vec3(0.0, i1.y, 1.0))\n        + i.x + vec3(0.0, i1.x, 1.0));\n    vec3 m = max(0.5 - vec3(dot(x0, x0), dot(x12.xy, x12.xy),\n        dot(x12.zw, x12.zw)), 0.0);\n    m = m * m;\n    m = m * m;\n    vec3 x = 2.0 * fract(p * C.www) - 1.0;\n    vec3 h = abs(x) - 0.5;\n    vec3 ox = floor(x + 0.5);\n    vec3 a0 = x - ox;\n    m *= 1.79284291400159 - 0.85373472095314 * (a0 * a0 + h * h);\n    vec3 g;\n    g.x = a0.x * x0.x + h.x * x0.y;\n    g.yz = a0.yz * x12.xz + h.yz * x12.yw;\n    return 130.0 * dot(m, g);\n}\n\nvoid main() {\n    vec2 px = gl_FragCoord.xy;\n    vec2 rel = px - u_center;\n\n    // Ignition: the ellipse lights up expanding from the center on mount\n    float intro = smoothstep(0.0, 1.4, u_time);\n\n    // Breathing: size and brightness oscillate gently but visibly\n    float breath = 1.0\n        + 0.12 * sin(u_time * 0.55)\n        + 0.06 * snoise(vec2(u_time * 0.1, 3.7));\n    float pulse = 1.0 + 0.2 * sin(u_time * 0.55 + 1.3);\n\n    // Keep it simple (Gemini-style): one huge soft elliptical glow\n    // centered on the pill\n    vec2 radii = vec2(u_half.x * 0.95, u_half.y * 6.5)\n        * u_spread\n        * breath\n        * mix(0.15, 1.0, intro);\n    float r = length(rel / max(radii, vec2(1.0)));\n    float glow = exp(-r * r * 2.2);\n\n    // Never cut hard against the canvas bounds\n    vec2 m = min(px, u_resolution - px);\n    glow *= smoothstep(0.0, 32.0, min(m.x, m.y));\n\n    // Dither: breaks the 8-bit banding rings of the very soft gradient\n    // (no CSS blur on the canvas, the noise must fully mask the bands)\n    glow = max(glow + (snoise(px * 0.9) - 0.5) * 0.03, 0.0);\n\n    float alpha = glow * 0.2 * pulse * intro;\n\n    // Premultiplied alpha (default canvas compositing)\n    gl_FragColor = vec4(u_color * alpha, alpha);\n}`\n\n    let gl: WebGLRenderingContext | null = null\n    let rafId = 0\n    let resizeObserver: ResizeObserver | null = null\n    let timeLocation: WebGLUniformLocation | null = null\n    let resolutionLocation: WebGLUniformLocation | null = null\n    let centerLocation: WebGLUniformLocation | null = null\n    let halfLocation: WebGLUniformLocation | null = null\n    let spreadLocation: WebGLUniformLocation | null = null\n    const startTime = performance.now()\n\n    const compile = (type: number, source: string): WebGLShader | null => {\n        if (!gl) {\n            return null\n        }\n        const shader = gl.createShader(type)\n        if (!shader) {\n            return null\n        }\n        gl.shaderSource(shader, source)\n        gl.compileShader(shader)\n        if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {\n            return null\n        }\n        return shader\n    }\n\n    const parseInheritedColor = (): [number, number, number] | null => {\n        if (!canvasEl.value) {\n            return null\n        }\n        const raw = getComputedStyle(canvasEl.value).color\n        const match = raw.match(/rgba?\\(([\\d.]+)[,\\s]+([\\d.]+)[,\\s]+([\\d.]+)/)\n        if (!match) {\n            return null\n        }\n        return [\n            Number(match[1]) / 255,\n            Number(match[2]) / 255,\n            Number(match[3]) / 255,\n        ]\n    }\n\n    const resize = () => {\n        if (!gl || !canvasEl.value) {\n            return\n        }\n        // The glow is blurred anyway: cap the DPR to keep the GPU cost low\n        const dpr = Math.min(window.devicePixelRatio || 1, 1.5)\n        const { clientWidth, clientHeight } = canvasEl.value\n        canvasEl.value.width = Math.max(1, Math.round(clientWidth * dpr))\n        canvasEl.value.height = Math.max(1, Math.round(clientHeight * dpr))\n        gl.viewport(0, 0, canvasEl.value.width, canvasEl.value.height)\n\n        // The glow radiates from the source element (by selector within the\n        // positioned parent, or the parent box itself): measure it into\n        // shader pixel coordinates (gl origin is bottom-left)\n        const host = canvasEl.value.parentElement?.offsetParent\n        const source =\n            (props.sourceSelector\n                ? host?.querySelector(props.sourceSelector)\n                : host) ?? host\n        const canvasRect = canvasEl.value.getBoundingClientRect()\n        const sourceRect = source?.getBoundingClientRect()\n        if (sourceRect && canvasRect.width > 0) {\n            const scaleX = canvasEl.value.width / canvasRect.width\n            const scaleY = canvasEl.value.height / canvasRect.height\n            const centerX =\n                (sourceRect.left + sourceRect.width / 2 - canvasRect.left) *\n                scaleX\n            const centerY =\n                (canvasRect.bottom - (sourceRect.top + sourceRect.height / 2)) *\n                scaleY\n            const halfWidth = (sourceRect.width / 2) * scaleX\n            const halfHeight = (sourceRect.height / 2) * scaleY\n            gl.uniform2f(centerLocation, centerX, centerY)\n            gl.uniform2f(halfLocation, halfWidth, halfHeight)\n            // Optional responsive boost of the glow size (e.g. mobile)\n            const spread = Number.parseFloat(\n                getComputedStyle(canvasEl.value).getPropertyValue(\n                    '--aurora-spread',\n                ),\n            )\n            gl.uniform1f(spreadLocation, Number.isNaN(spread) ? 1 : spread)\n        }\n\n        // Redraw before the next paint: setting the canvas size reallocates\n        // the drawing buffer, and presenting it undrawn can flash as an\n        // uninitialized (white) frame. With reduced motion (no loop) this\n        // also keeps the settled static frame across resizes.\n        drawFrame(prefersReducedMotion() ? 10 : undefined)\n    }\n\n    const prefersReducedMotion = () =>\n        window.matchMedia('(prefers-reduced-motion: reduce)').matches\n\n    const drawFrame = (timeSeconds?: number) => {\n        if (!gl || !canvasEl.value) {\n            return\n        }\n        gl.uniform1f(\n            timeLocation,\n            timeSeconds ?? (performance.now() - startTime) / 1000,\n        )\n        gl.uniform2f(\n            resolutionLocation,\n            canvasEl.value.width,\n            canvasEl.value.height,\n        )\n        gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4)\n    }\n\n    const loop = () => {\n        drawFrame()\n        rafId = requestAnimationFrame(loop)\n    }\n\n    onMounted(() => {\n        const canvas = canvasEl.value\n        gl = canvas?.getContext('webgl', { alpha: true }) ?? null\n        const color = parseInheritedColor()\n        if (!canvas || !gl || !color) {\n            failed.value = true\n            return\n        }\n\n        const vertex = compile(gl.VERTEX_SHADER, VERTEX_SHADER)\n        const fragment = compile(gl.FRAGMENT_SHADER, FRAGMENT_SHADER)\n        const program = gl.createProgram()\n        if (!vertex || !fragment || !program) {\n            failed.value = true\n            return\n        }\n        gl.attachShader(program, vertex)\n        gl.attachShader(program, fragment)\n        gl.linkProgram(program)\n        if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {\n            failed.value = true\n            return\n        }\n        gl.useProgram(program)\n\n        // Fullscreen quad\n        const buffer = gl.createBuffer()\n        gl.bindBuffer(gl.ARRAY_BUFFER, buffer)\n        gl.bufferData(\n            gl.ARRAY_BUFFER,\n            new Float32Array([-1, -1, 1, -1, -1, 1, 1, 1]),\n            gl.STATIC_DRAW,\n        )\n        const positionLocation = gl.getAttribLocation(program, 'a_position')\n        gl.enableVertexAttribArray(positionLocation)\n        gl.vertexAttribPointer(positionLocation, 2, gl.FLOAT, false, 0, 0)\n\n        timeLocation = gl.getUniformLocation(program, 'u_time')\n        resolutionLocation = gl.getUniformLocation(program, 'u_resolution')\n        centerLocation = gl.getUniformLocation(program, 'u_center')\n        halfLocation = gl.getUniformLocation(program, 'u_half')\n        spreadLocation = gl.getUniformLocation(program, 'u_spread')\n        gl.uniform3f(gl.getUniformLocation(program, 'u_color'), ...color)\n\n        resizeObserver = new ResizeObserver(resize)\n        resizeObserver.observe(canvas)\n        resize()\n\n        if (prefersReducedMotion()) {\n            // Static frame: the color stays, the motion goes\n            drawFrame(10)\n            return\n        }\n        loop()\n    })\n\n    onBeforeUnmount(() => {\n        cancelAnimationFrame(rafId)\n        resizeObserver?.disconnect()\n    })\n\n    // Release the context (Chrome caps live WebGL contexts per page) only\n    // after the compositor committed the removal: dropping the backing\n    // buffer while the last frame is still on screen paints an undefined\n    // (white) frame — a visible flash on the dark theme\n    onUnmounted(() => {\n        const context = gl\n        gl = null\n        setTimeout(() => {\n            context?.getExtension('WEBGL_lose_context')?.loseContext()\n        }, 150)\n    })\n</script>\n\n<template>\n    <div class=\"pk-aurora\" aria-hidden=\"true\">\n        <canvas v-if=\"!failed\" ref=\"canvasEl\" class=\"pk-aurora__canvas\" />\n        <div v-else class=\"pk-aurora__fallback\" />\n    </div>\n</template>\n\n<style lang=\"scss\">\n    .pk-aurora {\n        position: absolute;\n        inset: 0;\n        // The accent resolved by the canvas (and the CSS fallback)\n        color: var(--chat-page-accent, var(--color-brand));\n        pointer-events: none;\n\n        &__canvas {\n            width: 100%;\n            height: 100%;\n            // No CSS filter on purpose: a filtered accelerated canvas gets\n            // its own compositor surface, which Chrome can present\n            // uninitialized (a white flash) when the layer is created or\n            // torn down. The glow is smoothed in the shader instead.\n        }\n\n        // CSS blobs when WebGL is unavailable\n        &__fallback {\n            position: absolute;\n            inset: 0;\n            background:\n                radial-gradient(\n                    45% 65% at 32% 38%,\n                    color-mix(in srgb, currentColor 26%, transparent),\n                    transparent 70%\n                ),\n                radial-gradient(\n                    40% 55% at 68% 62%,\n                    color-mix(in srgb, currentColor 16%, transparent),\n                    transparent 70%\n                );\n            filter: blur(48px);\n            animation: pk-aurora-drift 14s var(--ease-in-out) infinite alternate;\n\n            @media (prefers-reduced-motion: reduce) {\n                animation: none;\n            }\n        }\n    }\n\n    @keyframes pk-aurora-drift {\n        from {\n            transform: rotate(-10deg) scale(1);\n        }\n\n        to {\n            transform: rotate(10deg) scale(1.2);\n        }\n    }\n</style>\n","<script setup lang=\"ts\">\n    import {\n        onBeforeUnmount,\n        onMounted,\n        onUnmounted,\n        ref,\n        useTemplateRef,\n    } from 'vue'\n\n    /**\n     * Ambient animated \"aurora\" rendered with a raw WebGL fragment shader\n     * (simplex noise blending two tints of the inherited `color`). No\n     * dependencies; falls back to CSS blobs when WebGL is unavailable.\n     * The accent comes from the CSS cascade: set `color` on the host.\n     */\n\n    const props = defineProps<{\n        /** CSS selector (within the positioned parent) of the element the glow radiates from; defaults to the positioned parent box itself */\n        sourceSelector?: string\n    }>()\n\n    const canvasEl = useTemplateRef<HTMLCanvasElement>('canvasEl')\n    const failed = ref(false)\n\n    const VERTEX_SHADER = `\nattribute vec2 a_position;\nvoid main() {\n    gl_Position = vec4(a_position, 0.0, 1.0);\n}`\n\n    // snoise: 2D simplex noise by Ian McEwan / Stefan Gustavson (MIT)\n    const FRAGMENT_SHADER = `\nprecision mediump float;\nuniform vec2 u_resolution;\nuniform float u_time;\nuniform vec3 u_color;\nuniform vec2 u_center;\nuniform vec2 u_half;\nuniform float u_spread;\n\nvec3 permute(vec3 x) { return mod(((x * 34.0) + 1.0) * x, 289.0); }\n\nfloat snoise(vec2 v) {\n    const vec4 C = vec4(0.211324865405187, 0.366025403784439,\n        -0.577350269189626, 0.024390243902439);\n    vec2 i = floor(v + dot(v, C.yy));\n    vec2 x0 = v - i + dot(i, C.xx);\n    vec2 i1 = (x0.x > x0.y) ? vec2(1.0, 0.0) : vec2(0.0, 1.0);\n    vec4 x12 = x0.xyxy + C.xxzz;\n    x12.xy -= i1;\n    i = mod(i, 289.0);\n    vec3 p = permute(permute(i.y + vec3(0.0, i1.y, 1.0))\n        + i.x + vec3(0.0, i1.x, 1.0));\n    vec3 m = max(0.5 - vec3(dot(x0, x0), dot(x12.xy, x12.xy),\n        dot(x12.zw, x12.zw)), 0.0);\n    m = m * m;\n    m = m * m;\n    vec3 x = 2.0 * fract(p * C.www) - 1.0;\n    vec3 h = abs(x) - 0.5;\n    vec3 ox = floor(x + 0.5);\n    vec3 a0 = x - ox;\n    m *= 1.79284291400159 - 0.85373472095314 * (a0 * a0 + h * h);\n    vec3 g;\n    g.x = a0.x * x0.x + h.x * x0.y;\n    g.yz = a0.yz * x12.xz + h.yz * x12.yw;\n    return 130.0 * dot(m, g);\n}\n\nvoid main() {\n    vec2 px = gl_FragCoord.xy;\n    vec2 rel = px - u_center;\n\n    // Ignition: the ellipse lights up expanding from the center on mount\n    float intro = smoothstep(0.0, 1.4, u_time);\n\n    // Breathing: size and brightness oscillate gently but visibly\n    float breath = 1.0\n        + 0.12 * sin(u_time * 0.55)\n        + 0.06 * snoise(vec2(u_time * 0.1, 3.7));\n    float pulse = 1.0 + 0.2 * sin(u_time * 0.55 + 1.3);\n\n    // Keep it simple (Gemini-style): one huge soft elliptical glow\n    // centered on the pill\n    vec2 radii = vec2(u_half.x * 0.95, u_half.y * 6.5)\n        * u_spread\n        * breath\n        * mix(0.15, 1.0, intro);\n    float r = length(rel / max(radii, vec2(1.0)));\n    float glow = exp(-r * r * 2.2);\n\n    // Never cut hard against the canvas bounds\n    vec2 m = min(px, u_resolution - px);\n    glow *= smoothstep(0.0, 32.0, min(m.x, m.y));\n\n    // Dither: breaks the 8-bit banding rings of the very soft gradient\n    // (no CSS blur on the canvas, the noise must fully mask the bands)\n    glow = max(glow + (snoise(px * 0.9) - 0.5) * 0.03, 0.0);\n\n    float alpha = glow * 0.2 * pulse * intro;\n\n    // Premultiplied alpha (default canvas compositing)\n    gl_FragColor = vec4(u_color * alpha, alpha);\n}`\n\n    let gl: WebGLRenderingContext | null = null\n    let rafId = 0\n    let resizeObserver: ResizeObserver | null = null\n    let timeLocation: WebGLUniformLocation | null = null\n    let resolutionLocation: WebGLUniformLocation | null = null\n    let centerLocation: WebGLUniformLocation | null = null\n    let halfLocation: WebGLUniformLocation | null = null\n    let spreadLocation: WebGLUniformLocation | null = null\n    const startTime = performance.now()\n\n    const compile = (type: number, source: string): WebGLShader | null => {\n        if (!gl) {\n            return null\n        }\n        const shader = gl.createShader(type)\n        if (!shader) {\n            return null\n        }\n        gl.shaderSource(shader, source)\n        gl.compileShader(shader)\n        if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {\n            return null\n        }\n        return shader\n    }\n\n    const parseInheritedColor = (): [number, number, number] | null => {\n        if (!canvasEl.value) {\n            return null\n        }\n        const raw = getComputedStyle(canvasEl.value).color\n        const match = raw.match(/rgba?\\(([\\d.]+)[,\\s]+([\\d.]+)[,\\s]+([\\d.]+)/)\n        if (!match) {\n            return null\n        }\n        return [\n            Number(match[1]) / 255,\n            Number(match[2]) / 255,\n            Number(match[3]) / 255,\n        ]\n    }\n\n    const resize = () => {\n        if (!gl || !canvasEl.value) {\n            return\n        }\n        // The glow is blurred anyway: cap the DPR to keep the GPU cost low\n        const dpr = Math.min(window.devicePixelRatio || 1, 1.5)\n        const { clientWidth, clientHeight } = canvasEl.value\n        canvasEl.value.width = Math.max(1, Math.round(clientWidth * dpr))\n        canvasEl.value.height = Math.max(1, Math.round(clientHeight * dpr))\n        gl.viewport(0, 0, canvasEl.value.width, canvasEl.value.height)\n\n        // The glow radiates from the source element (by selector within the\n        // positioned parent, or the parent box itself): measure it into\n        // shader pixel coordinates (gl origin is bottom-left)\n        const host = canvasEl.value.parentElement?.offsetParent\n        const source =\n            (props.sourceSelector\n                ? host?.querySelector(props.sourceSelector)\n                : host) ?? host\n        const canvasRect = canvasEl.value.getBoundingClientRect()\n        const sourceRect = source?.getBoundingClientRect()\n        if (sourceRect && canvasRect.width > 0) {\n            const scaleX = canvasEl.value.width / canvasRect.width\n            const scaleY = canvasEl.value.height / canvasRect.height\n            const centerX =\n                (sourceRect.left + sourceRect.width / 2 - canvasRect.left) *\n                scaleX\n            const centerY =\n                (canvasRect.bottom - (sourceRect.top + sourceRect.height / 2)) *\n                scaleY\n            const halfWidth = (sourceRect.width / 2) * scaleX\n            const halfHeight = (sourceRect.height / 2) * scaleY\n            gl.uniform2f(centerLocation, centerX, centerY)\n            gl.uniform2f(halfLocation, halfWidth, halfHeight)\n            // Optional responsive boost of the glow size (e.g. mobile)\n            const spread = Number.parseFloat(\n                getComputedStyle(canvasEl.value).getPropertyValue(\n                    '--aurora-spread',\n                ),\n            )\n            gl.uniform1f(spreadLocation, Number.isNaN(spread) ? 1 : spread)\n        }\n\n        // Redraw before the next paint: setting the canvas size reallocates\n        // the drawing buffer, and presenting it undrawn can flash as an\n        // uninitialized (white) frame. With reduced motion (no loop) this\n        // also keeps the settled static frame across resizes.\n        drawFrame(prefersReducedMotion() ? 10 : undefined)\n    }\n\n    const prefersReducedMotion = () =>\n        window.matchMedia('(prefers-reduced-motion: reduce)').matches\n\n    const drawFrame = (timeSeconds?: number) => {\n        if (!gl || !canvasEl.value) {\n            return\n        }\n        gl.uniform1f(\n            timeLocation,\n            timeSeconds ?? (performance.now() - startTime) / 1000,\n        )\n        gl.uniform2f(\n            resolutionLocation,\n            canvasEl.value.width,\n            canvasEl.value.height,\n        )\n        gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4)\n    }\n\n    const loop = () => {\n        drawFrame()\n        rafId = requestAnimationFrame(loop)\n    }\n\n    onMounted(() => {\n        const canvas = canvasEl.value\n        gl = canvas?.getContext('webgl', { alpha: true }) ?? null\n        const color = parseInheritedColor()\n        if (!canvas || !gl || !color) {\n            failed.value = true\n            return\n        }\n\n        const vertex = compile(gl.VERTEX_SHADER, VERTEX_SHADER)\n        const fragment = compile(gl.FRAGMENT_SHADER, FRAGMENT_SHADER)\n        const program = gl.createProgram()\n        if (!vertex || !fragment || !program) {\n            failed.value = true\n            return\n        }\n        gl.attachShader(program, vertex)\n        gl.attachShader(program, fragment)\n        gl.linkProgram(program)\n        if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {\n            failed.value = true\n            return\n        }\n        gl.useProgram(program)\n\n        // Fullscreen quad\n        const buffer = gl.createBuffer()\n        gl.bindBuffer(gl.ARRAY_BUFFER, buffer)\n        gl.bufferData(\n            gl.ARRAY_BUFFER,\n            new Float32Array([-1, -1, 1, -1, -1, 1, 1, 1]),\n            gl.STATIC_DRAW,\n        )\n        const positionLocation = gl.getAttribLocation(program, 'a_position')\n        gl.enableVertexAttribArray(positionLocation)\n        gl.vertexAttribPointer(positionLocation, 2, gl.FLOAT, false, 0, 0)\n\n        timeLocation = gl.getUniformLocation(program, 'u_time')\n        resolutionLocation = gl.getUniformLocation(program, 'u_resolution')\n        centerLocation = gl.getUniformLocation(program, 'u_center')\n        halfLocation = gl.getUniformLocation(program, 'u_half')\n        spreadLocation = gl.getUniformLocation(program, 'u_spread')\n        gl.uniform3f(gl.getUniformLocation(program, 'u_color'), ...color)\n\n        resizeObserver = new ResizeObserver(resize)\n        resizeObserver.observe(canvas)\n        resize()\n\n        if (prefersReducedMotion()) {\n            // Static frame: the color stays, the motion goes\n            drawFrame(10)\n            return\n        }\n        loop()\n    })\n\n    onBeforeUnmount(() => {\n        cancelAnimationFrame(rafId)\n        resizeObserver?.disconnect()\n    })\n\n    // Release the context (Chrome caps live WebGL contexts per page) only\n    // after the compositor committed the removal: dropping the backing\n    // buffer while the last frame is still on screen paints an undefined\n    // (white) frame — a visible flash on the dark theme\n    onUnmounted(() => {\n        const context = gl\n        gl = null\n        setTimeout(() => {\n            context?.getExtension('WEBGL_lose_context')?.loseContext()\n        }, 150)\n    })\n</script>\n\n<template>\n    <div class=\"pk-aurora\" aria-hidden=\"true\">\n        <canvas v-if=\"!failed\" ref=\"canvasEl\" class=\"pk-aurora__canvas\" />\n        <div v-else class=\"pk-aurora__fallback\" />\n    </div>\n</template>\n\n<style lang=\"scss\">\n    .pk-aurora {\n        position: absolute;\n        inset: 0;\n        // The accent resolved by the canvas (and the CSS fallback)\n        color: var(--chat-page-accent, var(--color-brand));\n        pointer-events: none;\n\n        &__canvas {\n            width: 100%;\n            height: 100%;\n            // No CSS filter on purpose: a filtered accelerated canvas gets\n            // its own compositor surface, which Chrome can present\n            // uninitialized (a white flash) when the layer is created or\n            // torn down. The glow is smoothed in the shader instead.\n        }\n\n        // CSS blobs when WebGL is unavailable\n        &__fallback {\n            position: absolute;\n            inset: 0;\n            background:\n                radial-gradient(\n                    45% 65% at 32% 38%,\n                    color-mix(in srgb, currentColor 26%, transparent),\n                    transparent 70%\n                ),\n                radial-gradient(\n                    40% 55% at 68% 62%,\n                    color-mix(in srgb, currentColor 16%, transparent),\n                    transparent 70%\n                );\n            filter: blur(48px);\n            animation: pk-aurora-drift 14s var(--ease-in-out) infinite alternate;\n\n            @media (prefers-reduced-motion: reduce) {\n                animation: none;\n            }\n        }\n    }\n\n    @keyframes pk-aurora-drift {\n        from {\n            transform: rotate(-10deg) scale(1);\n        }\n\n        to {\n            transform: rotate(10deg) scale(1.2);\n        }\n    }\n</style>\n","<script setup lang=\"ts\">\n    import { computed, useTemplateRef, defineAsyncComponent } from 'vue'\n    import { useI18n } from 'vue-i18n'\n    import { useDropZone } from '@vueuse/core'\n    import { storeToRefs } from 'pinia'\n    import PkAuroraCanvas from './PkAuroraCanvas.vue'\n    import PkAvatar from './PkAvatar.vue'\n    import PkChatbotMessages from './PkChatbotMessages.vue'\n    import PkChatbotInput from './PkChatbotInput.vue'\n    import PkChatbotEmptyState from './PkChatbotEmptyState.vue'\n    import {\n        useChatbotStore,\n        useLocalizedString,\n        useGreeting,\n    } from 'composables'\n    import type { UIChatMessage } from 'models'\n\n    const PkToolShowForm = defineAsyncComponent(\n        () => import('./PkToolShowForm.vue'),\n    )\n    const PkToolRequestConfirm = defineAsyncComponent(\n        () => import('./PkToolRequestConfirm.vue'),\n    )\n    const PkToolShowContactForm = defineAsyncComponent(\n        () => import('./PkToolShowContactForm.vue'),\n    )\n    const PkToolShowSuggestedReply = defineAsyncComponent(\n        () => import('./PkToolShowSuggestedReply.vue'),\n    )\n    const PkToolShowSources = defineAsyncComponent(\n        () => import('./PkToolShowSources.vue'),\n    )\n    const PkToolRequestGeolocation = defineAsyncComponent(\n        () => import('./PkToolRequestGeolocation.vue'),\n    )\n    const PkToolRequestOAuthConnection = defineAsyncComponent(\n        () => import('./PkToolRequestOAuthConnection.vue'),\n    )\n    const PkToolShowLocation = defineAsyncComponent(\n        () => import('./PkToolShowLocation.vue'),\n    )\n    const PkToolShowDiagram = defineAsyncComponent(\n        () => import('./PkToolShowDiagram.vue'),\n    )\n\n    const props = defineProps<{\n        agentId: string\n        /** Mirrors the PkChatbot `modifier` prop: `fullscreen` shows a centered empty state (greeting) instead of the welcome message */\n        modifier?: 'widget' | 'fullscreen'\n        /** Display name of the current user, used for the `{name}` greeting placeholder */\n        userName?: string\n    }>()\n\n    const emit = defineEmits<{\n        'show-info': [message: UIChatMessage]\n        revise: [message: UIChatMessage]\n    }>()\n\n    const store = useChatbotStore(props.agentId)\n\n    const {\n        agentInterface,\n        agentFileUpload,\n        actions,\n        revisedAnswers,\n        messages,\n        chat,\n        messageFeedbacks,\n        feedbackDialogMessage,\n        isFeedbackSubmitting,\n        isFeedbackSubmitted,\n        feedbackSubmitError,\n        isLeadSubmitted,\n        isLoadingSubmitLead,\n        submitLeadError,\n        input,\n        inputMessagePlaceholder,\n        isConversationBlocked,\n        baseUrl,\n        pendingAttachments,\n        isAttachmentLimitReached,\n        fileLimitError,\n        apiClient,\n        isDark,\n    } = storeToRefs(store)\n\n    const {\n        handleSubmit: storeHandleSubmit,\n        stopGeneration,\n        regenerate,\n        onUpvote,\n        onDownvote,\n        onFeedback,\n        onFeedbackSubmit,\n        onLeadSubmit,\n        startNewChat,\n        addToolOutput,\n        handleFileSelect,\n        clearFileLimitError,\n    } = store\n\n    const { t: $t } = useI18n({ useScope: 'global' })\n\n    const attachmentNotice = computed(() => {\n        const err = fileLimitError.value\n        if (!err) {\n            return undefined\n        }\n        return err.reason === 'per-chat'\n            ? $t('message.fileLimitPerChat', { max: err.max })\n            : $t('message.fileLimitPerMessage', { max: err.max })\n    })\n\n    const dismissableNotice = useLocalizedString(\n        () => agentInterface.value?.dismissableNotice,\n    )\n\n    // Fullscreen empty state: shown until the user sends the first message.\n    // The synthetic welcome message is suppressed by the store in fullscreen\n    // (`hideWelcomeMessage`), the greeting takes its place.\n    const hasUserMessages = computed(() =>\n        messages.value.some((message) => message.role === 'user'),\n    )\n    const showEmptyState = computed(\n        () => props.modifier === 'fullscreen' && !hasUserMessages.value,\n    )\n    const greeting = useGreeting(agentInterface, () => props.userName)\n\n    const chatViewEl = useTemplateRef<HTMLDivElement>('chatViewEl')\n\n    const handleExpandSourceContext = async (payload: {\n        documentId: string\n        chunkIndex: number\n    }) => {\n        const result = await apiClient.value.expandSourceContext(\n            props.agentId,\n            payload.documentId,\n            payload.chunkIndex,\n        )\n        return result.content\n    }\n\n    const handleDownloadSource = async (documentId: string) => {\n        const result = await apiClient.value.downloadSourceDocument(\n            props.agentId,\n            documentId,\n        )\n        window.open(result.downloadUrl, '_blank')\n    }\n\n    const handleFileDrop = (files: File[] | null) => {\n        if (!agentFileUpload.value?.enabled || !files) {\n            return\n        }\n        for (const file of files) {\n            handleFileSelect(file)\n        }\n    }\n\n    const { isOverDropZone } = useDropZone(chatViewEl, {\n        dataTypes: computed(\n            () => agentFileUpload.value?.allowedMimeTypes ?? [],\n        ),\n        onDrop: handleFileDrop,\n    })\n</script>\n\n<template>\n    <div\n        ref=\"chatViewEl\"\n        class=\"pk-chatbot-view-chat\"\n        :class=\"{\n            'pk-chatbot-view-chat--dragover':\n                isOverDropZone && agentFileUpload?.enabled,\n            'pk-chatbot-view-chat--empty': showEmptyState,\n        }\">\n        <!-- #region empty state (fullscreen) / messages — crossfade out-in -->\n        <Transition name=\"pk-chatbot-view-chat-fade\" mode=\"out-in\">\n            <PkChatbotEmptyState\n                v-if=\"showEmptyState\"\n                :greeting=\"greeting\"\n                :logo=\"agentInterface?.logo\"\n                :name=\"store.name\" />\n            <PkChatbotMessages\n                v-else\n                class=\"flex flex-col flex-1 min-h-0 p-md overflow-y-auto\"\n                :messages=\"messages\"\n                :status=\"chat.status\"\n                :error=\"chat.error\"\n                :main-color=\"agentInterface?.mainColor\"\n                :text-color=\"agentInterface?.textColor\"\n                :revised-answers=\"revisedAnswers\"\n                :actions=\"actions\"\n                :message-feedbacks=\"messageFeedbacks\"\n                :feedback-message-id=\"feedbackDialogMessage?.id\"\n                :feedback-loading=\"isFeedbackSubmitting\"\n                :feedback-submitted=\"isFeedbackSubmitted\"\n                :feedback-error=\"feedbackSubmitError\"\n                :show-extended-steps=\"agentInterface?.showExtendedSteps\"\n                :is-dark=\"isDark\"\n                :show-scroll-to-bottom=\"modifier === 'fullscreen'\"\n                @feedback-submit=\"onFeedbackSubmit($event)\"\n                @feedback-close=\"feedbackDialogMessage = undefined\"\n                @regenerate=\"regenerate\"\n                @auto-retry=\"regenerate\"\n                @reset-chat=\"startNewChat\"\n                @show-info=\"emit('show-info', $event)\"\n                @revise=\"emit('revise', $event)\"\n                @upvote=\"onUpvote\"\n                @downvote=\"onDownvote\"\n                @feedback=\"onFeedback\">\n                <template #tool-showContactForm=\"{ part }\">\n                    <PkToolShowContactForm\n                        :part\n                        :readonly=\"!baseUrl\"\n                        :submitted=\"isLeadSubmitted\"\n                        :loading=\"isLoadingSubmitLead\"\n                        :error=\"submitLeadError\"\n                        :privacy-policy-notice=\"\n                            agentInterface?.privacyPolicyNotice\n                        \"\n                        @submit=\"onLeadSubmit\" />\n                </template>\n                <template #tool-showSuggestedReply=\"{ part }\">\n                    <PkToolShowSuggestedReply\n                        :part\n                        @select=\"\n                            ($event) => {\n                                input = $event\n                                storeHandleSubmit()\n                            }\n                        \" />\n                </template>\n                <template #tool-showSources=\"{ part }\">\n                    <PkToolShowSources\n                        :part\n                        :on-expand-context=\"handleExpandSourceContext\"\n                        :on-download=\"handleDownloadSource\" />\n                </template>\n                <template #tool-showForm=\"{ part }\">\n                    <transition mode=\"out-in\">\n                        <PkToolShowForm\n                            :part\n                            @select=\"\n                                addToolOutput({\n                                    tool: 'showForm',\n                                    toolCallId: (part as any).toolCallId,\n                                    output: $event,\n                                })\n                            \" />\n                    </transition>\n                </template>\n                <template #tool-showMultipleChoice=\"{ part }\">\n                    <transition mode=\"out-in\">\n                        <PkToolShowForm\n                            :part\n                            allow-custom-answer\n                            @select=\"\n                                addToolOutput({\n                                    tool: 'showMultipleChoice',\n                                    toolCallId: (part as any).toolCallId,\n                                    output: $event,\n                                })\n                            \" />\n                    </transition>\n                </template>\n                <template #tool-requestConfirm=\"{ part }\">\n                    <PkToolRequestConfirm\n                        :part\n                        @confirm=\"\n                            addToolOutput({\n                                tool: 'requestConfirm',\n                                toolCallId: (part as any).toolCallId,\n                                output: $event ? 'confirmed' : 'cancelled',\n                            })\n                        \" />\n                </template>\n                <template #tool-requestOAuthConnection=\"{ part }\">\n                    <PkToolRequestOAuthConnection\n                        :part\n                        :resolve-connection=\"\n                            (serverName: string) =>\n                                apiClient.getOAuthAuthorizeUrl(\n                                    props.agentId,\n                                    serverName,\n                                )\n                        \"\n                        @connected=\"\n                            addToolOutput({\n                                tool: 'requestOAuthConnection',\n                                toolCallId: (part as any).toolCallId,\n                                output: {\n                                    connected: true,\n                                    mcpServerId: $event,\n                                },\n                            })\n                        \" />\n                </template>\n                <template #tool-requestGeolocation=\"{ part }\">\n                    <PkToolRequestGeolocation\n                        :part\n                        :reverse-geocode=\"\n                            (lat: number, lon: number) =>\n                                apiClient.reverseGeocode(lat, lon)\n                        \"\n                        @result=\"\n                            addToolOutput({\n                                tool: 'requestGeolocation',\n                                toolCallId: (part as any).toolCallId,\n                                output: $event,\n                            })\n                        \" />\n                </template>\n                <template #tool-showLocation=\"{ part }\">\n                    <PkToolShowLocation\n                        :part\n                        :is-dark\n                        :main-color=\"agentInterface?.mainColor\"\n                        :forward-geocode=\"\n                            (query: string, lang?: string) =>\n                                apiClient.forwardGeocode(query, lang)\n                        \" />\n                </template>\n                <template #tool-showDiagram=\"{ part }\">\n                    <PkToolShowDiagram :part :is-dark />\n                </template>\n            </PkChatbotMessages>\n        </Transition>\n        <!-- #endregion -->\n\n        <!-- #region input -->\n        <div class=\"pk-chatbot-view-chat__input-stage\">\n            <!-- Animated accent glow radiating from the input pill -->\n            <Transition name=\"pk-chatbot-view-chat-fade\">\n                <PkAuroraCanvas\n                    v-if=\"showEmptyState\"\n                    class=\"pk-chatbot-view-chat__aurora\"\n                    source-selector=\".pk-chatbot-input__form\" />\n            </Transition>\n            <div\n                v-if=\"isConversationBlocked\"\n                class=\"p-md border-t border-surface-3 text-center text-12 text-danger-darken-2 bg-surface-danger\">\n                {{ $t('message.chatErrorConversationBlocked') }}\n            </div>\n            <PkChatbotInput\n                v-else\n                v-model=\"input\"\n                v-model:pending-attachments=\"pendingAttachments\"\n                :placeholder=\"inputMessagePlaceholder\"\n                :dismissable-notice=\"\n                    dismissableNotice && chat.messages.length <= 1\n                        ? dismissableNotice\n                        : undefined\n                \"\n                :status=\"chat.status\"\n                :max-message-length=\"agentInterface?.maxMessageLength\"\n                :file-upload=\"agentFileUpload\"\n                :attachment-limit-reached=\"isAttachmentLimitReached\"\n                :attachment-notice=\"attachmentNotice\"\n                @stop-generation=\"stopGeneration\"\n                @submit=\"storeHandleSubmit\"\n                @file-select=\"handleFileSelect\"\n                @dismiss-attachment-notice=\"clearFileLimitError\">\n                <!-- Fullscreen has no header: the agent identity lives in the\n                 input pill -->\n                <template v-if=\"modifier === 'fullscreen'\" #prepend>\n                    <span class=\"pk-chatbot-view-chat__agent-chip\">\n                        <PkAvatar\n                            modifiers=\"surface\"\n                            class=\"pk-chatbot-view-chat__agent-chip-avatar\"\n                            :img-src=\"agentInterface?.logo\"\n                            :name=\"store.name\" />\n                        <strong\n                            v-if=\"store.name\"\n                            class=\"pk-chatbot-view-chat__agent-chip-name\">\n                            {{ store.name }}\n                        </strong>\n                    </span>\n                </template>\n            </PkChatbotInput>\n        </div>\n        <!-- #endregion -->\n        <Transition>\n            <div\n                v-if=\"isOverDropZone && agentFileUpload?.enabled\"\n                class=\"pk-chatbot-view-chat__drop-overlay\">\n                <VvIcon\n                    name=\"ri:upload-cloud-2-line\"\n                    class=\"pk-chatbot-view-chat__drop-overlay-icon\" />\n                <span>{{ $t('action.dropFile') }}</span>\n            </div>\n        </Transition>\n    </div>\n</template>\n\n<style lang=\"scss\">\n    .pk-chatbot-view-chat {\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        flex: 1;\n        min-height: 0;\n\n        // Empty state (fullscreen): center the greeting + input block\n        // vertically in the available space\n        &--empty {\n            justify-content: center;\n            gap: var(--spacing-md);\n\n            // On phones the input docks to the bottom edge instead\n            // (Gemini-like), with the greeting centered in the space above\n            @include media-breakpoint-down('xs', $breakpoints) {\n                justify-content: flex-start;\n\n                .pk-chatbot-empty-state {\n                    flex: 1;\n                    justify-content: center;\n                }\n            }\n        }\n\n        // Anchors the glow to the input pill\n        &__input-stage {\n            position: relative;\n        }\n\n        // Radiates outwards from the pill, biased upwards (the pill itself\n        // paints above, being later in the DOM)\n        &__input-stage &__aurora {\n            inset: calc(-1 * var(--spacing-224)) calc(-1 * var(--spacing-96))\n                calc(-1 * var(--spacing-160));\n\n            // With the input docked at the bottom the glow becomes a wide\n            // dome filling the lower part of the screen (Gemini-like)\n            @include media-breakpoint-down('xs', $breakpoints) {\n                --aurora-spread: 1.6;\n\n                // Tall enough that the glow tail never meets the canvas\n                // edge fade (it would draw a visible horizontal band)\n                inset: calc(-1 * var(--spacing-384) - var(--spacing-128))\n                    calc(-1 * var(--spacing-96)) calc(-1 * var(--spacing-160));\n            }\n        }\n\n        // Agent identity inside the input pill (fullscreen has no header)\n        &__agent-chip {\n            display: inline-flex;\n            align-items: center;\n            gap: var(--spacing-6);\n            flex-shrink: 0;\n            padding: var(--spacing-4) var(--spacing-10) var(--spacing-4)\n                var(--spacing-4);\n            border: 1px solid var(--color-surface-3);\n            border-radius: var(--rounded-full);\n            background-color: var(--color-surface);\n\n            // Don't crowd the textarea on small screens\n            @include media-breakpoint-down('md', $breakpoints) {\n                display: none;\n            }\n        }\n\n        &__agent-chip-avatar {\n            width: var(--spacing-24);\n            height: var(--spacing-24);\n            font-size: var(--text-10);\n            border-radius: var(--rounded-full);\n        }\n\n        &__agent-chip-name {\n            font-size: var(--text-12);\n            font-weight: var(--font-semibold);\n            color: var(--color-word-2);\n            white-space: nowrap;\n        }\n\n        // Crossfade empty state ↔ messages: exit faster than enter so the\n        // switch never feels like a snap\n        &-fade-enter-active {\n            transition: opacity 250ms var(--ease-out);\n        }\n\n        &-fade-leave-active {\n            transition: opacity 150ms var(--ease-out);\n        }\n\n        &-fade-enter-from,\n        &-fade-leave-to {\n            opacity: 0;\n        }\n\n        @media (prefers-reduced-motion: reduce) {\n            &-fade-enter-active,\n            &-fade-leave-active {\n                transition: none;\n            }\n        }\n\n        &__drop-overlay {\n            position: absolute;\n            inset: var(--spacing-sm) var(--spacing-sm) var(--spacing-sm)\n                var(--spacing-sm);\n            z-index: 1;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            gap: var(--spacing-xs);\n            background-color: color-mix(\n                in srgb,\n                var(--color-surface) 85%,\n                transparent\n            );\n            border-radius: var(--rounded-xl);\n            border: var(--spacing-2) dashed var(--color-surface-5);\n            pointer-events: none;\n            color: var(--color-word-3);\n\n            &-icon {\n                font-size: var(--spacing-32);\n            }\n        }\n    }\n</style>\n","<script setup lang=\"ts\">\n    import { computed, useTemplateRef, defineAsyncComponent } from 'vue'\n    import { useI18n } from 'vue-i18n'\n    import { useDropZone } from '@vueuse/core'\n    import { storeToRefs } from 'pinia'\n    import PkAuroraCanvas from './PkAuroraCanvas.vue'\n    import PkAvatar from './PkAvatar.vue'\n    import PkChatbotMessages from './PkChatbotMessages.vue'\n    import PkChatbotInput from './PkChatbotInput.vue'\n    import PkChatbotEmptyState from './PkChatbotEmptyState.vue'\n    import {\n        useChatbotStore,\n        useLocalizedString,\n        useGreeting,\n    } from 'composables'\n    import type { UIChatMessage } from 'models'\n\n    const PkToolShowForm = defineAsyncComponent(\n        () => import('./PkToolShowForm.vue'),\n    )\n    const PkToolRequestConfirm = defineAsyncComponent(\n        () => import('./PkToolRequestConfirm.vue'),\n    )\n    const PkToolShowContactForm = defineAsyncComponent(\n        () => import('./PkToolShowContactForm.vue'),\n    )\n    const PkToolShowSuggestedReply = defineAsyncComponent(\n        () => import('./PkToolShowSuggestedReply.vue'),\n    )\n    const PkToolShowSources = defineAsyncComponent(\n        () => import('./PkToolShowSources.vue'),\n    )\n    const PkToolRequestGeolocation = defineAsyncComponent(\n        () => import('./PkToolRequestGeolocation.vue'),\n    )\n    const PkToolRequestOAuthConnection = defineAsyncComponent(\n        () => import('./PkToolRequestOAuthConnection.vue'),\n    )\n    const PkToolShowLocation = defineAsyncComponent(\n        () => import('./PkToolShowLocation.vue'),\n    )\n    const PkToolShowDiagram = defineAsyncComponent(\n        () => import('./PkToolShowDiagram.vue'),\n    )\n\n    const props = defineProps<{\n        agentId: string\n        /** Mirrors the PkChatbot `modifier` prop: `fullscreen` shows a centered empty state (greeting) instead of the welcome message */\n        modifier?: 'widget' | 'fullscreen'\n        /** Display name of the current user, used for the `{name}` greeting placeholder */\n        userName?: string\n    }>()\n\n    const emit = defineEmits<{\n        'show-info': [message: UIChatMessage]\n        revise: [message: UIChatMessage]\n    }>()\n\n    const store = useChatbotStore(props.agentId)\n\n    const {\n        agentInterface,\n        agentFileUpload,\n        actions,\n        revisedAnswers,\n        messages,\n        chat,\n        messageFeedbacks,\n        feedbackDialogMessage,\n        isFeedbackSubmitting,\n        isFeedbackSubmitted,\n        feedbackSubmitError,\n        isLeadSubmitted,\n        isLoadingSubmitLead,\n        submitLeadError,\n        input,\n        inputMessagePlaceholder,\n        isConversationBlocked,\n        baseUrl,\n        pendingAttachments,\n        isAttachmentLimitReached,\n        fileLimitError,\n        apiClient,\n        isDark,\n    } = storeToRefs(store)\n\n    const {\n        handleSubmit: storeHandleSubmit,\n        stopGeneration,\n        regenerate,\n        onUpvote,\n        onDownvote,\n        onFeedback,\n        onFeedbackSubmit,\n        onLeadSubmit,\n        startNewChat,\n        addToolOutput,\n        handleFileSelect,\n        clearFileLimitError,\n    } = store\n\n    const { t: $t } = useI18n({ useScope: 'global' })\n\n    const attachmentNotice = computed(() => {\n        const err = fileLimitError.value\n        if (!err) {\n            return undefined\n        }\n        return err.reason === 'per-chat'\n            ? $t('message.fileLimitPerChat', { max: err.max })\n            : $t('message.fileLimitPerMessage', { max: err.max })\n    })\n\n    const dismissableNotice = useLocalizedString(\n        () => agentInterface.value?.dismissableNotice,\n    )\n\n    // Fullscreen empty state: shown until the user sends the first message.\n    // The synthetic welcome message is suppressed by the store in fullscreen\n    // (`hideWelcomeMessage`), the greeting takes its place.\n    const hasUserMessages = computed(() =>\n        messages.value.some((message) => message.role === 'user'),\n    )\n    const showEmptyState = computed(\n        () => props.modifier === 'fullscreen' && !hasUserMessages.value,\n    )\n    const greeting = useGreeting(agentInterface, () => props.userName)\n\n    const chatViewEl = useTemplateRef<HTMLDivElement>('chatViewEl')\n\n    const handleExpandSourceContext = async (payload: {\n        documentId: string\n        chunkIndex: number\n    }) => {\n        const result = await apiClient.value.expandSourceContext(\n            props.agentId,\n            payload.documentId,\n            payload.chunkIndex,\n        )\n        return result.content\n    }\n\n    const handleDownloadSource = async (documentId: string) => {\n        const result = await apiClient.value.downloadSourceDocument(\n            props.agentId,\n            documentId,\n        )\n        window.open(result.downloadUrl, '_blank')\n    }\n\n    const handleFileDrop = (files: File[] | null) => {\n        if (!agentFileUpload.value?.enabled || !files) {\n            return\n        }\n        for (const file of files) {\n            handleFileSelect(file)\n        }\n    }\n\n    const { isOverDropZone } = useDropZone(chatViewEl, {\n        dataTypes: computed(\n            () => agentFileUpload.value?.allowedMimeTypes ?? [],\n        ),\n        onDrop: handleFileDrop,\n    })\n</script>\n\n<template>\n    <div\n        ref=\"chatViewEl\"\n        class=\"pk-chatbot-view-chat\"\n        :class=\"{\n            'pk-chatbot-view-chat--dragover':\n                isOverDropZone && agentFileUpload?.enabled,\n            'pk-chatbot-view-chat--empty': showEmptyState,\n        }\">\n        <!-- #region empty state (fullscreen) / messages — crossfade out-in -->\n        <Transition name=\"pk-chatbot-view-chat-fade\" mode=\"out-in\">\n            <PkChatbotEmptyState\n                v-if=\"showEmptyState\"\n                :greeting=\"greeting\"\n                :logo=\"agentInterface?.logo\"\n                :name=\"store.name\" />\n            <PkChatbotMessages\n                v-else\n                class=\"flex flex-col flex-1 min-h-0 p-md overflow-y-auto\"\n                :messages=\"messages\"\n                :status=\"chat.status\"\n                :error=\"chat.error\"\n                :main-color=\"agentInterface?.mainColor\"\n                :text-color=\"agentInterface?.textColor\"\n                :revised-answers=\"revisedAnswers\"\n                :actions=\"actions\"\n                :message-feedbacks=\"messageFeedbacks\"\n                :feedback-message-id=\"feedbackDialogMessage?.id\"\n                :feedback-loading=\"isFeedbackSubmitting\"\n                :feedback-submitted=\"isFeedbackSubmitted\"\n                :feedback-error=\"feedbackSubmitError\"\n                :show-extended-steps=\"agentInterface?.showExtendedSteps\"\n                :is-dark=\"isDark\"\n                :show-scroll-to-bottom=\"modifier === 'fullscreen'\"\n                @feedback-submit=\"onFeedbackSubmit($event)\"\n                @feedback-close=\"feedbackDialogMessage = undefined\"\n                @regenerate=\"regenerate\"\n                @auto-retry=\"regenerate\"\n                @reset-chat=\"startNewChat\"\n                @show-info=\"emit('show-info', $event)\"\n                @revise=\"emit('revise', $event)\"\n                @upvote=\"onUpvote\"\n                @downvote=\"onDownvote\"\n                @feedback=\"onFeedback\">\n                <template #tool-showContactForm=\"{ part }\">\n                    <PkToolShowContactForm\n                        :part\n                        :readonly=\"!baseUrl\"\n                        :submitted=\"isLeadSubmitted\"\n                        :loading=\"isLoadingSubmitLead\"\n                        :error=\"submitLeadError\"\n                        :privacy-policy-notice=\"\n                            agentInterface?.privacyPolicyNotice\n                        \"\n                        @submit=\"onLeadSubmit\" />\n                </template>\n                <template #tool-showSuggestedReply=\"{ part }\">\n                    <PkToolShowSuggestedReply\n                        :part\n                        @select=\"\n                            ($event) => {\n                                input = $event\n                                storeHandleSubmit()\n                            }\n                        \" />\n                </template>\n                <template #tool-showSources=\"{ part }\">\n                    <PkToolShowSources\n                        :part\n                        :on-expand-context=\"handleExpandSourceContext\"\n                        :on-download=\"handleDownloadSource\" />\n                </template>\n                <template #tool-showForm=\"{ part }\">\n                    <transition mode=\"out-in\">\n                        <PkToolShowForm\n                            :part\n                            @select=\"\n                                addToolOutput({\n                                    tool: 'showForm',\n                                    toolCallId: (part as any).toolCallId,\n                                    output: $event,\n                                })\n                            \" />\n                    </transition>\n                </template>\n                <template #tool-showMultipleChoice=\"{ part }\">\n                    <transition mode=\"out-in\">\n                        <PkToolShowForm\n                            :part\n                            allow-custom-answer\n                            @select=\"\n                                addToolOutput({\n                                    tool: 'showMultipleChoice',\n                                    toolCallId: (part as any).toolCallId,\n                                    output: $event,\n                                })\n                            \" />\n                    </transition>\n                </template>\n                <template #tool-requestConfirm=\"{ part }\">\n                    <PkToolRequestConfirm\n                        :part\n                        @confirm=\"\n                            addToolOutput({\n                                tool: 'requestConfirm',\n                                toolCallId: (part as any).toolCallId,\n                                output: $event ? 'confirmed' : 'cancelled',\n                            })\n                        \" />\n                </template>\n                <template #tool-requestOAuthConnection=\"{ part }\">\n                    <PkToolRequestOAuthConnection\n                        :part\n                        :resolve-connection=\"\n                            (serverName: string) =>\n                                apiClient.getOAuthAuthorizeUrl(\n                                    props.agentId,\n                                    serverName,\n                                )\n                        \"\n                        @connected=\"\n                            addToolOutput({\n                                tool: 'requestOAuthConnection',\n                                toolCallId: (part as any).toolCallId,\n                                output: {\n                                    connected: true,\n                                    mcpServerId: $event,\n                                },\n                            })\n                        \" />\n                </template>\n                <template #tool-requestGeolocation=\"{ part }\">\n                    <PkToolRequestGeolocation\n                        :part\n                        :reverse-geocode=\"\n                            (lat: number, lon: number) =>\n                                apiClient.reverseGeocode(lat, lon)\n                        \"\n                        @result=\"\n                            addToolOutput({\n                                tool: 'requestGeolocation',\n                                toolCallId: (part as any).toolCallId,\n                                output: $event,\n                            })\n                        \" />\n                </template>\n                <template #tool-showLocation=\"{ part }\">\n                    <PkToolShowLocation\n                        :part\n                        :is-dark\n                        :main-color=\"agentInterface?.mainColor\"\n                        :forward-geocode=\"\n                            (query: string, lang?: string) =>\n                                apiClient.forwardGeocode(query, lang)\n                        \" />\n                </template>\n                <template #tool-showDiagram=\"{ part }\">\n                    <PkToolShowDiagram :part :is-dark />\n                </template>\n            </PkChatbotMessages>\n        </Transition>\n        <!-- #endregion -->\n\n        <!-- #region input -->\n        <div class=\"pk-chatbot-view-chat__input-stage\">\n            <!-- Animated accent glow radiating from the input pill -->\n            <Transition name=\"pk-chatbot-view-chat-fade\">\n                <PkAuroraCanvas\n                    v-if=\"showEmptyState\"\n                    class=\"pk-chatbot-view-chat__aurora\"\n                    source-selector=\".pk-chatbot-input__form\" />\n            </Transition>\n            <div\n                v-if=\"isConversationBlocked\"\n                class=\"p-md border-t border-surface-3 text-center text-12 text-danger-darken-2 bg-surface-danger\">\n                {{ $t('message.chatErrorConversationBlocked') }}\n            </div>\n            <PkChatbotInput\n                v-else\n                v-model=\"input\"\n                v-model:pending-attachments=\"pendingAttachments\"\n                :placeholder=\"inputMessagePlaceholder\"\n                :dismissable-notice=\"\n                    dismissableNotice && chat.messages.length <= 1\n                        ? dismissableNotice\n                        : undefined\n                \"\n                :status=\"chat.status\"\n                :max-message-length=\"agentInterface?.maxMessageLength\"\n                :file-upload=\"agentFileUpload\"\n                :attachment-limit-reached=\"isAttachmentLimitReached\"\n                :attachment-notice=\"attachmentNotice\"\n                @stop-generation=\"stopGeneration\"\n                @submit=\"storeHandleSubmit\"\n                @file-select=\"handleFileSelect\"\n                @dismiss-attachment-notice=\"clearFileLimitError\">\n                <!-- Fullscreen has no header: the agent identity lives in the\n                 input pill -->\n                <template v-if=\"modifier === 'fullscreen'\" #prepend>\n                    <span class=\"pk-chatbot-view-chat__agent-chip\">\n                        <PkAvatar\n                            modifiers=\"surface\"\n                            class=\"pk-chatbot-view-chat__agent-chip-avatar\"\n                            :img-src=\"agentInterface?.logo\"\n                            :name=\"store.name\" />\n                        <strong\n                            v-if=\"store.name\"\n                            class=\"pk-chatbot-view-chat__agent-chip-name\">\n                            {{ store.name }}\n                        </strong>\n                    </span>\n                </template>\n            </PkChatbotInput>\n        </div>\n        <!-- #endregion -->\n        <Transition>\n            <div\n                v-if=\"isOverDropZone && agentFileUpload?.enabled\"\n                class=\"pk-chatbot-view-chat__drop-overlay\">\n                <VvIcon\n                    name=\"ri:upload-cloud-2-line\"\n                    class=\"pk-chatbot-view-chat__drop-overlay-icon\" />\n                <span>{{ $t('action.dropFile') }}</span>\n            </div>\n        </Transition>\n    </div>\n</template>\n\n<style lang=\"scss\">\n    .pk-chatbot-view-chat {\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        flex: 1;\n        min-height: 0;\n\n        // Empty state (fullscreen): center the greeting + input block\n        // vertically in the available space\n        &--empty {\n            justify-content: center;\n            gap: var(--spacing-md);\n\n            // On phones the input docks to the bottom edge instead\n            // (Gemini-like), with the greeting centered in the space above\n            @include media-breakpoint-down('xs', $breakpoints) {\n                justify-content: flex-start;\n\n                .pk-chatbot-empty-state {\n                    flex: 1;\n                    justify-content: center;\n                }\n            }\n        }\n\n        // Anchors the glow to the input pill\n        &__input-stage {\n            position: relative;\n        }\n\n        // Radiates outwards from the pill, biased upwards (the pill itself\n        // paints above, being later in the DOM)\n        &__input-stage &__aurora {\n            inset: calc(-1 * var(--spacing-224)) calc(-1 * var(--spacing-96))\n                calc(-1 * var(--spacing-160));\n\n            // With the input docked at the bottom the glow becomes a wide\n            // dome filling the lower part of the screen (Gemini-like)\n            @include media-breakpoint-down('xs', $breakpoints) {\n                --aurora-spread: 1.6;\n\n                // Tall enough that the glow tail never meets the canvas\n                // edge fade (it would draw a visible horizontal band)\n                inset: calc(-1 * var(--spacing-384) - var(--spacing-128))\n                    calc(-1 * var(--spacing-96)) calc(-1 * var(--spacing-160));\n            }\n        }\n\n        // Agent identity inside the input pill (fullscreen has no header)\n        &__agent-chip {\n            display: inline-flex;\n            align-items: center;\n            gap: var(--spacing-6);\n            flex-shrink: 0;\n            padding: var(--spacing-4) var(--spacing-10) var(--spacing-4)\n                var(--spacing-4);\n            border: 1px solid var(--color-surface-3);\n            border-radius: var(--rounded-full);\n            background-color: var(--color-surface);\n\n            // Don't crowd the textarea on small screens\n            @include media-breakpoint-down('md', $breakpoints) {\n                display: none;\n            }\n        }\n\n        &__agent-chip-avatar {\n            width: var(--spacing-24);\n            height: var(--spacing-24);\n            font-size: var(--text-10);\n            border-radius: var(--rounded-full);\n        }\n\n        &__agent-chip-name {\n            font-size: var(--text-12);\n            font-weight: var(--font-semibold);\n            color: var(--color-word-2);\n            white-space: nowrap;\n        }\n\n        // Crossfade empty state ↔ messages: exit faster than enter so the\n        // switch never feels like a snap\n        &-fade-enter-active {\n            transition: opacity 250ms var(--ease-out);\n        }\n\n        &-fade-leave-active {\n            transition: opacity 150ms var(--ease-out);\n        }\n\n        &-fade-enter-from,\n        &-fade-leave-to {\n            opacity: 0;\n        }\n\n        @media (prefers-reduced-motion: reduce) {\n            &-fade-enter-active,\n            &-fade-leave-active {\n                transition: none;\n            }\n        }\n\n        &__drop-overlay {\n            position: absolute;\n            inset: var(--spacing-sm) var(--spacing-sm) var(--spacing-sm)\n                var(--spacing-sm);\n            z-index: 1;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            gap: var(--spacing-xs);\n            background-color: color-mix(\n                in srgb,\n                var(--color-surface) 85%,\n                transparent\n            );\n            border-radius: var(--rounded-xl);\n            border: var(--spacing-2) dashed var(--color-surface-5);\n            pointer-events: none;\n            color: var(--color-word-3);\n\n            &-icon {\n                font-size: var(--spacing-32);\n            }\n        }\n    }\n</style>\n"],"mappings":"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"}

package/dist-vue/_chunks/{PkChatbotViewConversations-q5KPJt_D.js → PkChatbotViewConversations-CEaEsnBy.js}

@@ -1,8 +1,8 @@
-import { t as e } from "./useChatbotStore-GEO6rQ74.js";
+import { t as e } from "./useChatbotStore-WPRS7mhR.js";
 import { d as t, v as n } from "./src-BCYjA3mm.js";
 import { t as r } from "./useDialogConfirm-CCGTnprd.js";
-import { t as i } from "./PkRelativeTime-D72zYq42.js";
-import { t as a } from "./chatbotProfileContext-R95aQ5bH.js";
+import { t as i } from "./PkRelativeTime-2HoOjv_T.js";
+import { t as a } from "./chatbotProfileContext-R1zi561l.js";
 import { VvButton as o, VvButtonGroup as s, VvDropdown as c, VvDropdownAction as l, VvIcon as u, VvInputText as ee } from "@volverjs/ui-vue/components";
 import { Fragment as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createTextVNode as g, createVNode as _, defineComponent as v, inject as y, isRef as te, mergeProps as b, normalizeClass as x, openBlock as S, ref as C, renderList as w, toDisplayString as T, unref as E, withCtx as D, withModifiers as O } from "vue";
 import { useI18n as k } from "vue-i18n";
@@ -187,4 +187,4 @@ var ne = { class: "flex flex-col flex-1 min-h-0 relative" }, re = {
 //#endregion
 export { j as n, M as r, V as t };
 
-//# sourceMappingURL=PkChatbotViewConversations-q5KPJt_D.js.map
+//# sourceMappingURL=PkChatbotViewConversations-CEaEsnBy.js.map