@8wave/ai-elements 0.86.0 → 0.88.0

package/dist-vue/_chunks/{PkChatbotViewChat-5XcFKLsL.js → PkChatbotViewChat-DdY7Xuqa.js}

@@ -1,7 +1,7 @@
-import { t as e } from "./useChatbotStore-Or_R6a3R.js";
+import { t as e } from "./useChatbotStore-VxGMdCch.js";
 import { t } from "./useLocalizedString-3DzUxOKq.js";
 import { t as n } from "./PkAvatar-CiqtXDJR.js";
-import { t as r } from "./PkChatbotMessages-Dc480HRd.js";
+import { t as r } from "./PkChatbotMessages-BTVFyrnS.js";
 import { t as i } from "./PkChatbotInput-DQ9a7P4k.js";
 import { t as a } from "./PkChatbotEmptyState-C-fRsI0f.js";
 import { VvIcon as o } from "@volverjs/ui-vue/components";
@@ -128,7 +128,7 @@ var j = {
 	},
 	emits: ["show-info", "revise"],
 	setup(g, { emit: y }) {
-		let b = h(() => import("./PkToolShowForm-BwHOBNU6.js").then((e) => e.n)), x = h(() => import("./PkToolRequestConfirm-Bg6erIT2.js")), C = h(() => import("./PkToolShowContactForm-Dpqd5tro.js").then((e) => e.n)), T = h(() => import("./PkToolShowSuggestedReply-DwuQo5jJ.js").then((e) => e.n)), k = h(() => import("./PkToolShowSources-OrX42JvT.js").then((e) => e.n)), A = h(() => import("./PkToolRequestGeolocation-DxCBFgs-.js")), j = h(() => import("./PkToolRequestOAuthConnection-DBbJM8Lh.js")), M = h(() => import("./PkToolShowLocation-BNSkfQzK.js").then((e) => e.n)), N = h(() => import("./PkToolShowDiagram-BWnW9PnQ.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 b = h(() => import("./PkToolShowForm-YwhD8noA.js").then((e) => e.n)), x = h(() => import("./PkToolRequestConfirm-Bg6erIT2.js")), C = h(() => import("./PkToolShowContactForm-Q-zWz2QT.js").then((e) => e.n)), T = h(() => import("./PkToolShowSuggestedReply-VVg-OVtH.js").then((e) => e.n)), k = h(() => import("./PkToolShowSources-ChkWKhFd.js").then((e) => e.n)), A = h(() => import("./PkToolRequestGeolocation-DxCBFgs-.js")), j = h(() => import("./PkToolRequestOAuthConnection-DBbJM8Lh.js")), M = h(() => import("./PkToolShowLocation-BvKZaaJS.js").then((e) => e.n)), N = h(() => import("./PkToolShowDiagram-BWnW9PnQ.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);
 			window.open(t.downloadUrl, "_blank");
 		}, { isOverDropZone: je } = ee($, {
@@ -374,4 +374,4 @@ var j = {
 //#endregion
 export { F as n, I as t };
 
-//# sourceMappingURL=PkChatbotViewChat-5XcFKLsL.js.map
+//# sourceMappingURL=PkChatbotViewChat-DdY7Xuqa.js.map

package/dist-vue/_chunks/{PkChatbotViewChat-5XcFKLsL.js.map → PkChatbotViewChat-DdY7Xuqa.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PkChatbotViewChat-5XcFKLsL.js","names":["$t"],"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 { 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        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    } = store\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                @stop-generation=\"stopGeneration\"\n                @submit=\"storeHandleSubmit\"\n                @file-select=\"handleFileSelect\">\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 { 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        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    } = store\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                @stop-generation=\"stopGeneration\"\n                @submit=\"storeHandleSubmit\"\n                @file-select=\"handleFileSelect\">\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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"}
+{"version":3,"file":"PkChatbotViewChat-DdY7Xuqa.js","names":["$t"],"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 { 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        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    } = store\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                @stop-generation=\"stopGeneration\"\n                @submit=\"storeHandleSubmit\"\n                @file-select=\"handleFileSelect\">\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 { 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        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    } = store\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                @stop-generation=\"stopGeneration\"\n                @submit=\"storeHandleSubmit\"\n                @file-select=\"handleFileSelect\">\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":";;;;;;;;;;;;AAaA,SAAgB,GACZ,GACA,GACmB;CACnB,IAAM,EAAE,WAAQ,MAAG,UAAO,EAAQ,EAAE,UAAU,SAAS,CAAC;CAExD,OAAO,QAAe;EAClB,IAAM,IAAK,EAAQ,CAAc;EAOjC,OAAO,EALH,GAAI,WAAW,KAAK,EAAO,UAC3B,GAAI,iBAAiB,EAAO,WAC3B,EAAG,6BAA6B,IAC3B,EAAE,6BAA6B,IAC/B,KAC8B,EAAQ,CAAQ,CAAC;CAC7D,CAAC;AACL;AAEA,SAAS,EAAuB,GAAkB,GAAuB;CAMrE,QALe,IACT,EAAS,QAAQ,aAAa,CAAI,IAGlC,EAAS,QAAQ,wBAAwB,EAAE,GACnC,KAAK;AACvB;;;;;;;;;GCdU,IAAgB,iGAOhB,IAAkB;;;;EAfxB,IAAM,IAAQ,GAKR,IAAW,EAAkC,UAAU,GACvD,IAAS,EAAI,EAAK,GAkFpB,IAAmC,MACnC,IAAQ,GACR,IAAwC,MACxC,IAA4C,MAC5C,IAAkD,MAClD,IAA8C,MAC9C,IAA4C,MAC5C,IAA8C,MAC5C,IAAY,YAAY,IAAI,GAE5B,KAAW,GAAc,MAAuC;GAClE,IAAI,CAAC,GACD,OAAO;GAEX,IAAM,IAAS,EAAG,aAAa,CAAI;GASnC,OARI,CAAC,MAGL,EAAG,aAAa,GAAQ,CAAM,GAC9B,EAAG,cAAc,CAAM,GACnB,CAAC,EAAG,mBAAmB,GAAQ,EAAG,cAAc,KACzC,OAEJ;EACX,GAEM,UAA6D;GAC/D,IAAI,CAAC,EAAS,OACV,OAAO;GAGX,IAAM,IADM,iBAAiB,EAAS,KAAK,EAAE,MAC3B,MAAM,6CAA6C;GAIrE,OAHK,IAGE;IACH,OAAO,EAAM,EAAE,IAAI;IACnB,OAAO,EAAM,EAAE,IAAI;IACnB,OAAO,EAAM,EAAE,IAAI;GACvB,IANW;EAOf,GAEM,UAAe;GACjB,IAAI,CAAC,KAAM,CAAC,EAAS,OACjB;GAGJ,IAAM,IAAM,KAAK,IAAI,OAAO,oBAAoB,GAAG,GAAG,GAChD,EAAE,gBAAa,oBAAiB,EAAS;GAG/C,AAFA,EAAS,MAAM,QAAQ,KAAK,IAAI,GAAG,KAAK,MAAM,IAAc,CAAG,CAAC,GAChE,EAAS,MAAM,SAAS,KAAK,IAAI,GAAG,KAAK,MAAM,IAAe,CAAG,CAAC,GAClE,EAAG,SAAS,GAAG,GAAG,EAAS,MAAM,OAAO,EAAS,MAAM,MAAM;GAK7D,IAAM,IAAO,EAAS,MAAM,eAAe,cACrC,KACD,EAAM,iBACD,GAAM,cAAc,EAAM,cAAc,IACxC,MAAS,GACb,IAAa,EAAS,MAAM,sBAAsB,GAClD,IAAa,GAAQ,sBAAsB;GACjD,IAAI,KAAc,EAAW,QAAQ,GAAG;IACpC,IAAM,IAAS,EAAS,MAAM,QAAQ,EAAW,OAC3C,IAAS,EAAS,MAAM,SAAS,EAAW,QAC5C,KACD,EAAW,OAAO,EAAW,QAAQ,IAAI,EAAW,QACrD,GACE,KACD,EAAW,UAAU,EAAW,MAAM,EAAW,SAAS,MAC3D,GACE,IAAa,EAAW,QAAQ,IAAK,GACrC,IAAc,EAAW,SAAS,IAAK;IAE7C,AADA,EAAG,UAAU,GAAgB,GAAS,CAAO,GAC7C,EAAG,UAAU,GAAc,GAAW,CAAU;IAEhD,IAAM,IAAS,OAAO,WAClB,iBAAiB,EAAS,KAAK,EAAE,iBAC7B,iBACJ,CACJ;IACA,EAAG,UAAU,GAAgB,OAAO,MAAM,CAAM,IAAI,IAAI,CAAM;GAClE;GAMA,EAAU,EAAqB,IAAI,KAAK,KAAA,CAAS;EACrD,GAEM,UACF,OAAO,WAAW,kCAAkC,EAAE,SAEpD,KAAa,MAAyB;GACpC,CAAC,KAAM,CAAC,EAAS,UAGrB,EAAG,UACC,GACA,MAAgB,YAAY,IAAI,IAAI,KAAa,GACrD,GACA,EAAG,UACC,GACA,EAAS,MAAM,OACf,EAAS,MAAM,MACnB,GACA,EAAG,WAAW,EAAG,gBAAgB,GAAG,CAAC;EACzC,GAEM,UAAa;GAEf,AADA,EAAU,GACV,IAAQ,sBAAsB,CAAI;EACtC;SAEA,QAAgB;GACZ,IAAM,IAAS,EAAS;GACxB,IAAK,GAAQ,WAAW,SAAS,EAAE,OAAO,GAAK,CAAC,KAAK;GACrD,IAAM,IAAQ,EAAoB;GAClC,IAAI,CAAC,KAAU,CAAC,KAAM,CAAC,GAAO;IAC1B,EAAO,QAAQ;IACf;GACJ;GAEA,IAAM,IAAS,EAAQ,EAAG,eAAe,CAAa,GAChD,IAAW,EAAQ,EAAG,iBAAiB,CAAe,GACtD,IAAU,EAAG,cAAc;GACjC,IAAI,CAAC,KAAU,CAAC,KAAY,CAAC,GAAS;IAClC,EAAO,QAAQ;IACf;GACJ;GAIA,IAHA,EAAG,aAAa,GAAS,CAAM,GAC/B,EAAG,aAAa,GAAS,CAAQ,GACjC,EAAG,YAAY,CAAO,GAClB,CAAC,EAAG,oBAAoB,GAAS,EAAG,WAAW,GAAG;IAClD,EAAO,QAAQ;IACf;GACJ;GACA,EAAG,WAAW,CAAO;GAGrB,IAAM,IAAS,EAAG,aAAa;GAE/B,AADA,EAAG,WAAW,EAAG,cAAc,CAAM,GACrC,EAAG,WACC,EAAG,cACH,IAAI,aAAa;IAAC;IAAI;IAAI;IAAG;IAAI;IAAI;IAAG;IAAG;GAAC,CAAC,GAC7C,EAAG,WACP;GACA,IAAM,IAAmB,EAAG,kBAAkB,GAAS,YAAY;GAenE,IAdA,EAAG,wBAAwB,CAAgB,GAC3C,EAAG,oBAAoB,GAAkB,GAAG,EAAG,OAAO,IAAO,GAAG,CAAC,GAEjE,IAAe,EAAG,mBAAmB,GAAS,QAAQ,GACtD,IAAqB,EAAG,mBAAmB,GAAS,cAAc,GAClE,IAAiB,EAAG,mBAAmB,GAAS,UAAU,GAC1D,IAAe,EAAG,mBAAmB,GAAS,QAAQ,GACtD,IAAiB,EAAG,mBAAmB,GAAS,UAAU,GAC1D,EAAG,UAAU,EAAG,mBAAmB,GAAS,SAAS,GAAG,GAAG,CAAK,GAEhE,IAAiB,IAAI,eAAe,CAAM,GAC1C,EAAe,QAAQ,CAAM,GAC7B,EAAO,GAEH,EAAqB,GAAG;IAExB,EAAU,EAAE;IACZ;GACJ;GACA,EAAK;EACT,CAAC,GAED,QAAsB;GAElB,AADA,qBAAqB,CAAK,GAC1B,GAAgB,WAAW;EAC/B,CAAC,GAMD,QAAkB;GACd,IAAM,IAAU;GAEhB,AADA,IAAK,MACL,iBAAiB;IACb,GAAS,aAAa,oBAAoB,GAAG,YAAY;GAC7D,GAAG,GAAG;EACV,CAAC,mBAID,EAGM,OAHN,GAGM,CAFa,EAAA,cACf,EAA0C,OAA1C,CAA0C,MAD3B,EAAA,GAAf,EAAkE,UAAA;;YAAvC;GAAJ,KAAI;GAAW,OAAM;gBACF,CAAA;;;;;;;;;;;;;;;;;;;;EEzR9C,IAAM,IAAiB,QACb,OAAO,gCAAA,MAAA,MAAA,EAAA,CAAA,CACjB,GACM,IAAuB,QACnB,OAAO,qCACjB,GACM,IAAwB,QACpB,OAAO,uCAAA,MAAA,MAAA,EAAA,CAAA,CACjB,GACM,IAA2B,QACvB,OAAO,0CAAA,MAAA,MAAA,EAAA,CAAA,CACjB,GACM,IAAoB,QAChB,OAAO,mCAAA,MAAA,MAAA,EAAA,CAAA,CACjB,GACM,IAA2B,QACvB,OAAO,yCACjB,GACM,IAA+B,QAC3B,OAAO,6CACjB,GACM,IAAqB,QACjB,OAAO,oCAAA,MAAA,MAAA,EAAA,CAAA,CACjB,GACM,IAAoB,QAChB,OAAO,kCACjB,GAEM,IAAQ,GAQR,IAAO,GAKP,IAAQ,EAAgB,EAAM,OAAO,GAErC,EACF,mBACA,oBACA,aACA,oBACA,aACA,SACA,sBACA,0BACA,0BACA,yBACA,yBACA,qBACA,yBACA,qBACA,UACA,6BACA,2BACA,aACA,uBACA,cACA,cACA,GAAY,CAAK,GAEf,EACF,cAAc,GACd,oBACA,eACA,cACA,gBACA,gBACA,sBACA,kBACA,kBACA,kBACA,wBACA,GAEE,IAAoB,QAChB,EAAe,OAAO,iBAChC,GAKM,KAAkB,QACpB,EAAS,MAAM,MAAM,MAAY,EAAQ,SAAS,MAAM,CAC5D,GACM,IAAiB,QACb,EAAM,aAAa,gBAAgB,CAAC,GAAgB,KAC9D,GACM,KAAW,GAAY,SAAsB,EAAM,QAAQ,GAE3D,IAAa,EAA+B,YAAY,GAExD,KAA4B,OAAO,OAS9B,MALc,EAAU,MAAM,oBACjC,EAAM,SACN,EAAQ,YACR,EAAQ,UACZ,GACc,SAGZ,KAAuB,OAAO,MAAuB;GACvD,IAAM,IAAS,MAAM,EAAU,MAAM,uBACjC,EAAM,SACN,CACJ;GACA,OAAO,KAAK,EAAO,aAAa,QAAQ;EAC5C,GAWM,EAAE,uBAAmB,GAAY,GAAY;GAC/C,WAAW,QACD,EAAgB,OAAO,oBAAoB,CAAC,CACtD;GACA,SAboB,MAAyB;IACzC,OAAC,EAAgB,OAAO,WAAW,CAAC,IAGxC,KAAK,IAAM,KAAQ,GACf,EAAiB,CAAI;GAE7B;EAOA,CAAC;;;eAID,EA6NM,OAAA;aA5NE;IAAJ,KAAI;IACJ,OAAK,EAAA,CAAC,wBAAsB;uCAC4C,EAAA,EAAA,KAAkB,EAAA,CAAA,GAAiB;oCAAoD,EAAA;;;IAM/J,EAsJa,GAAA;KAtJD,MAAK;KAA4B,MAAK;;sBAKrB,CAHf,EAAA,SAAA,EAAA,GADV,EAIyB,GAAA;;MAFpB,UAAU,EAAA,EAAA;MACV,MAAM,EAAA,CAAA,GAAgB;MACtB,MAAM,EAAA,CAAA,EAAM;;;;;iBACjB,EA+IoB,GAAA;;MA7IhB,OAAM;MACL,UAAU,EAAA,CAAA;MACV,QAAQ,EAAA,CAAA,EAAK;MACb,OAAO,EAAA,CAAA,EAAK;MACZ,cAAY,EAAA,CAAA,GAAgB;MAC5B,cAAY,EAAA,CAAA,GAAgB;MAC5B,mBAAiB,EAAA,EAAA;MACjB,SAAS,EAAA,EAAA;MACT,qBAAmB,EAAA,EAAA;MACnB,uBAAqB,EAAA,CAAA,GAAuB;MAC5C,oBAAkB,EAAA,EAAA;MAClB,sBAAoB,EAAA,EAAA;MACpB,kBAAgB,EAAA,EAAA;MAChB,uBAAqB,EAAA,CAAA,GAAgB;MACrC,WAAS,EAAA,CAAA;MACT,yBAAuB,EAAA,aAAQ;MAC/B,kBAAe,AAAA,EAAA,QAAA,MAAE,EAAA,EAAA,EAAiB,CAAM;MACxC,iBAAc,AAAA,EAAA,QAAA,MAAE,EAAA,QAAwB,KAAA;MACxC,cAAY,EAAA,CAAA;MACZ,aAAY,EAAA,CAAA;MACZ,aAAY,EAAA,EAAA;MACZ,YAAS,AAAA,EAAA,QAAA,MAAE,EAAI,aAAc,CAAM;MACnC,UAAM,AAAA,EAAA,QAAA,MAAE,EAAI,UAAW,CAAM;MAC7B,UAAQ,EAAA,EAAA;MACR,YAAU,EAAA,EAAA;MACV,YAAU,EAAA,EAAA;;MACA,wBAAoB,GAUE,EAVE,cAAI,CACnC,EAS6B,EAAA,CAAA,GAAA;OARxB;OACA,UAAQ,CAAG,EAAA,EAAA;OACX,WAAW,EAAA,EAAA;OACX,SAAS,EAAA,EAAA;OACT,OAAO,EAAA,EAAA;OACP,yBAAoD,EAAA,CAAA,GAAgB;OAGpE,UAAQ,EAAA,EAAA;;;;;;;;;;MAEN,2BAAuB,GAQtB,EAR0B,cAAI,CACtC,EAOQ,EAAA,CAAA,GAAA;OANH;OACA,UAAM,AAAA,EAAA,QAAgC,MAAM;QAAsF,AAA/C,EAAA,QAAQ,GAAuC,EAAA,CAAA,EAAiB;;;MAOjJ,oBAAgB,GAImB,EAJf,cAAI,CAC/B,EAG0C,EAAA,CAAA,GAAA;OAFrC;OACA,qBAAmB;OACnB,eAAa;;MAEX,iBAAa,GAWP,EAXW,cAAI,CAC5B,EAUa,GAAA,EAVD,MAAK,SAAQ,GAAA;wBASb,CARR,EAQQ,EAAA,CAAA,GAAA;QAPH;QACA,WAAM,MAAmC,EAAA,CAAA,EAAa;;qBAA0G,EAAa;iBAAwD;;;;;MASvO,2BAAuB,GAYjB,EAZqB,cAAI,CACtC,EAWa,GAAA,EAXD,MAAK,SAAQ,GAAA;wBAUb,CATR,EASQ,EAAA,CAAA,GAAA;QARH;QACD,uBAAA;QACC,WAAM,MAAmC,EAAA,CAAA,EAAa;;qBAAoH,EAAa;iBAAwD;;;;;MASjP,uBAAmB,GASlB,EATsB,cAAI,CAClC,EAQQ,EAAA,CAAA,GAAA;OAPH;OACA,YAAO,MAA+B,EAAA,CAAA,EAAa;;oBAAwG,EAAa;gBAAoD,IAAM,cAAA;;;MAQhO,+BAA2B,GAmB1B,EAnB8B,cAAI,CAC1C,EAkBQ,EAAA,CAAA,GAAA;OAjBH;OACA,uBAAkD,MAAuD,EAAA,CAAA,EAAU,qBAA0D,EAAM,SAA6C,CAAA;OAOhO,cAAS,MAA+B,EAAA,CAAA,EAAa;;oBAAgH,EAAa;;;sBAA4J;;;;;;;;MAW5U,2BAAuB,GAatB,EAb0B,cAAI,CACtC,EAYQ,EAAA,CAAA,GAAA;OAXH;OACA,oBAA+C,GAAa,MAAgD,EAAA,CAAA,EAAU,eAAe,GAAK,CAAG;OAI7I,WAAM,MAA+B,EAAA,CAAA,EAAa;;oBAA4G,EAAa;gBAAoD;;;;;;;MAQ7N,qBAAiB,GAQhB,EARoB,cAAI,CAChC,EAOQ,EAAA,CAAA,GAAA;OANH;OACA,WAAA,EAAA,CAAA;OACA,cAAY,EAAA,CAAA,GAAgB;OAC5B,oBAA+C,GAAe,MAAkD,EAAA,CAAA,EAAU,eAAe,GAAO,CAAI;;;;;;;MAKlJ,oBAAgB,GACa,EADT,cAAI,CAC/B,EAAoC,EAAA,CAAA,GAAA;OAAhB;OAAM,WAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAOtC,EA8CM,OA9CN,IA8CM,CA5CF,EAKa,GAAA,EALD,MAAK,4BAA2B,GAAA;sBAIQ,CAFtC,EAAA,SAAA,EAAA,GADV,EAGgD,GAAA;;MAD5C,OAAM;MACN,mBAAgB;;;QAGd,EAAA,EAAA,KAAA,EAAA,GADV,EAIM,OAJN,IAIM,EADCA,EAAAA,GAAE,sCAAA,CAAA,GAAA,CAAA,MAAA,EAAA,GAET,EAgCiB,GAAA;;iBA9BJ,EAAA,CAAA;qDAAK,QAAA,IAAA;KACN,uBAAqB,EAAA,CAAA;6DAAkB,QAAA,IAAA;KAC9C,aAAa,EAAA,EAAA;KACb,sBAAyC,EAAA,CAAA,KAAqB,EAAA,CAAA,EAAK,SAAS,UAAM,IAAgC,EAAA,CAAA,IAA4C,KAAA;KAK9J,QAAQ,EAAA,CAAA,EAAK;KACb,sBAAoB,EAAA,CAAA,GAAgB;KACpC,eAAa,EAAA,CAAA;KACb,kBAAiB,EAAA,EAAA;KACjB,UAAQ,EAAA,CAAA;KACR,cAAa,EAAA,CAAA;oBAGE,EAAA,aAAQ,eAAA;WAAoB;iBAYjC,CAXP,EAWO,QAXP,IAWO,CAVH,EAIyB,GAAA;MAHrB,WAAU;MACV,OAAM;MACL,WAAS,EAAA,CAAA,GAAgB;MACzB,MAAM,EAAA,CAAA,EAAM;uCAEP,EAAA,CAAA,EAAM,QAAA,EAAA,GADhB,EAIS,UAJT,IAIS,EADF,EAAA,CAAA,EAAM,IAAI,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,CAAA,CAAA,CAAA;;;;;;;;;;;;;;IAOjC,EASa,GAAA,MAAA;sBADH,CANI,EAAA,EAAA,KAAkB,EAAA,CAAA,GAAiB,WAAA,EAAA,GAD7C,EAOM,OAPN,IAOM,CAJF,EAEsD,GAAA;MADlD,MAAK;MACL,OAAM;SACV,EAAwC,QAAA,MAAA,EAA/BA,EAAAA,GAAE,iBAAA,CAAA,GAAA,CAAA,CAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,CAAA"}

package/dist-vue/_chunks/{PkChatbotViewConversations-DtMC16ye.js → PkChatbotViewConversations-C8hV9Mwm.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./useChatbotStore-Or_R6a3R.js";
+import { t as e } from "./useChatbotStore-VxGMdCch.js";
 import { c as t, h as n } from "./src-eflR9S8N.js";
 import { t as r } from "./PkRelativeTime-7RwQ0YFD.js";
 import { t as i } from "./chatbotProfileContext-7prjuHbN.js";
@@ -256,4 +256,4 @@ var ie = { class: "flex flex-col flex-1 min-h-0 relative" }, H = {
 //#endregion
 export { z as i, B as n, V as r, Y as t };
 
-//# sourceMappingURL=PkChatbotViewConversations-DtMC16ye.js.map
+//# sourceMappingURL=PkChatbotViewConversations-C8hV9Mwm.js.map