@8wave/ai-elements 0.102.0 → 0.103.0-beta.3

package/dist-vue/_chunks/PkChatbotViewChat-0g30_sQH.js

@@ -0,0 +1,802 @@
+import { a as e, n as t, t as n } from "./useChatbotStore-DhWHlZwO.js";
+import { t as r } from "./src-BbpxM17m.js";
+import { t as i } from "./PkChatbotMessages-BgsyN-mB.js";
+import { t as a } from "./useLocalizedString-PfaKjIQY.js";
+import { t as o } from "./PkAvatar-paEJByEA.js";
+import { r as s } from "./utils-CgxndZld.js";
+import { n as c, t as l } from "./PkChatbotInput-CpSSAW2z.js";
+import { t as u } from "./PkChatbotEmptyState-Brs9qhwj.js";
+import { VvIcon as d } from "@volverjs/ui-vue/components";
+import { Fragment as f, Transition as p, computed as m, createBlock as h, createCommentVNode as g, createElementBlock as _, createElementVNode as v, createSlots as y, createTextVNode as b, createVNode as x, defineAsyncComponent as S, defineComponent as C, isRef as w, nextTick as ee, normalizeClass as T, onBeforeUnmount as te, onMounted as ne, onScopeDispose as re, onUnmounted as ie, openBlock as E, ref as D, renderList as ae, shallowRef as O, toDisplayString as k, toValue as A, unref as j, useTemplateRef as oe, watch as se, withCtx as M } from "vue";
+import { useI18n as ce } from "vue-i18n";
+import { useDropZone as le } from "@vueuse/core";
+import { storeToRefs as ue } from "pinia";
+//#region ../../packages/composable/src/chatbot/useGreeting.ts
+function de(e, t) {
+	let { locale: n, t: r, te: i } = ce({ useScope: "global" });
+	return m(() => {
+		let a = A(e);
+		return N(a?.greeting?.[0]?.[n.value] || a?.initialMessage?.[n.value] || (i("message.defaultAgentWelcome") ? r("message.defaultAgentWelcome") : ""), A(t));
+	});
+}
+function N(e, t) {
+	return (t ? e.replace(/\{name\}/g, t) : e.replace(/[,\s]*\{name\}[!?]?/g, "")).trim();
+}
+//#endregion
+//#region ../../packages/components/src/chat/PkAuroraCanvas.vue?vue&type=script&setup=true&lang.ts
+var P = {
+	class: "pk-aurora",
+	"aria-hidden": "true"
+}, F = {
+	key: 1,
+	class: "pk-aurora__fallback"
+}, fe = "\nattribute vec2 a_position;\nvoid main() {\n    gl_Position = vec4(a_position, 0.0, 1.0);\n}", pe = "\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}", me = /* @__PURE__ */ C({
+	__name: "PkAuroraCanvas",
+	props: { sourceSelector: {} },
+	setup(e) {
+		let t = e, n = oe("canvasEl"), r = D(!1), i = null, a = 0, o = null, s = null, c = null, l = null, u = null, d = null, f = performance.now(), p = (e, t) => {
+			if (!i) return null;
+			let n = i.createShader(e);
+			return !n || (i.shaderSource(n, t), i.compileShader(n), !i.getShaderParameter(n, i.COMPILE_STATUS)) ? null : n;
+		}, m = () => {
+			if (!n.value) return null;
+			let e = getComputedStyle(n.value).color.match(/rgba?\(([\d.]+)[,\s]+([\d.]+)[,\s]+([\d.]+)/);
+			return e ? [
+				Number(e[1]) / 255,
+				Number(e[2]) / 255,
+				Number(e[3]) / 255
+			] : null;
+		}, h = () => {
+			if (!i || !n.value) return;
+			let e = Math.min(window.devicePixelRatio || 1, 1.5), { clientWidth: r, clientHeight: a } = n.value;
+			n.value.width = Math.max(1, Math.round(r * e)), n.value.height = Math.max(1, Math.round(a * e)), i.viewport(0, 0, n.value.width, n.value.height);
+			let o = n.value.parentElement?.offsetParent, s = (t.sourceSelector ? o?.querySelector(t.sourceSelector) : o) ?? o, c = n.value.getBoundingClientRect(), f = s?.getBoundingClientRect();
+			if (f && c.width > 0) {
+				let e = n.value.width / c.width, t = n.value.height / c.height, r = (f.left + f.width / 2 - c.left) * e, a = (c.bottom - (f.top + f.height / 2)) * t, o = f.width / 2 * e, s = f.height / 2 * t;
+				i.uniform2f(l, r, a), i.uniform2f(u, o, s);
+				let p = Number.parseFloat(getComputedStyle(n.value).getPropertyValue("--aurora-spread"));
+				i.uniform1f(d, Number.isNaN(p) ? 1 : p);
+			}
+			v(g() ? 10 : void 0);
+		}, g = () => window.matchMedia("(prefers-reduced-motion: reduce)").matches, v = (e) => {
+			!i || !n.value || (i.uniform1f(s, e ?? (performance.now() - f) / 1e3), i.uniform2f(c, n.value.width, n.value.height), i.drawArrays(i.TRIANGLE_STRIP, 0, 4));
+		}, y = () => {
+			v(), a = requestAnimationFrame(y);
+		};
+		return ne(() => {
+			let e = n.value;
+			i = e?.getContext("webgl", { alpha: !0 }) ?? null;
+			let t = m();
+			if (!e || !i || !t) {
+				r.value = !0;
+				return;
+			}
+			let a = p(i.VERTEX_SHADER, fe), f = p(i.FRAGMENT_SHADER, pe), _ = i.createProgram();
+			if (!a || !f || !_) {
+				r.value = !0;
+				return;
+			}
+			if (i.attachShader(_, a), i.attachShader(_, f), i.linkProgram(_), !i.getProgramParameter(_, i.LINK_STATUS)) {
+				r.value = !0;
+				return;
+			}
+			i.useProgram(_);
+			let b = i.createBuffer();
+			i.bindBuffer(i.ARRAY_BUFFER, b), i.bufferData(i.ARRAY_BUFFER, new Float32Array([
+				-1,
+				-1,
+				1,
+				-1,
+				-1,
+				1,
+				1,
+				1
+			]), i.STATIC_DRAW);
+			let x = i.getAttribLocation(_, "a_position");
+			if (i.enableVertexAttribArray(x), i.vertexAttribPointer(x, 2, i.FLOAT, !1, 0, 0), s = i.getUniformLocation(_, "u_time"), c = i.getUniformLocation(_, "u_resolution"), l = i.getUniformLocation(_, "u_center"), u = i.getUniformLocation(_, "u_half"), d = i.getUniformLocation(_, "u_spread"), i.uniform3f(i.getUniformLocation(_, "u_color"), ...t), o = new ResizeObserver(h), o.observe(e), h(), ee(h), g()) {
+				v(10);
+				return;
+			}
+			y();
+		}), te(() => {
+			cancelAnimationFrame(a), o?.disconnect();
+		}), ie(() => {
+			let e = i;
+			i = null, setTimeout(() => {
+				e?.getExtension("WEBGL_lose_context")?.loseContext();
+			}, 150);
+		}), (e, t) => (E(), _("div", P, [r.value ? (E(), _("div", F)) : (E(), _("canvas", {
+			key: 0,
+			ref_key: "canvasEl",
+			ref: n,
+			class: "pk-aurora__canvas"
+		}, null, 512))]));
+	}
+}), I = .18, he = .35, L = /* @__PURE__ */ C({
+	__name: "PkVoiceOrb",
+	props: {
+		sample: {},
+		spectrum: {
+			type: Function,
+			default: void 0
+		},
+		state: {},
+		bars: { default: 5 }
+	},
+	setup(e) {
+		let t = e, n = oe("barsEl"), r = Array.from({ length: t.bars }, () => I), i, a = () => typeof window < "u" && window.matchMedia?.("(prefers-reduced-motion: reduce)").matches === !0, o = () => {
+			let e = Math.min(1, Math.max(0, t.sample())), n = t.spectrum?.(), i = r.length;
+			if (!n?.length) {
+				let t = Date.now() / 260;
+				return Array.from({ length: i }, (n, r) => {
+					let i = .65 + .35 * Math.sin(t + r * .9);
+					return I + e * 2.4 * i;
+				});
+			}
+			let a = Math.max(1, Math.floor(n.length / 2)), o = Math.max(1, Math.floor(a / i));
+			return Array.from({ length: i }, (e, t) => {
+				let r = 0;
+				for (let e = 0; e < o; e += 1) r += n[t * o + e] ?? 0;
+				return I + r / o / 255 * 2.2;
+			});
+		}, s = () => {
+			let e = n.value?.children;
+			e && r.forEach((t, n) => {
+				e[n]?.style.setProperty("--pk-voice-orb-scale", String(t));
+			});
+		}, c = () => {
+			let e = o();
+			r = r.map((t, n) => t + (Math.min(1, Math.max(I, e[n] ?? I)) - t) * he), s(), i = requestAnimationFrame(c);
+		}, l = () => {
+			i !== void 0 && (cancelAnimationFrame(i), i = void 0);
+		};
+		return se(() => t.state, async (e) => {
+			if (e !== "listening" && e !== "speaking" || a()) {
+				l(), r = r.map(() => I * 1.6), await ee(), s();
+				return;
+			}
+			i === void 0 && (i = requestAnimationFrame(c));
+		}, { immediate: !0 }), te(l), (t, r) => (E(), _("div", {
+			class: T(["pk-voice-orb", `pk-voice-orb--${e.state}`]),
+			"aria-hidden": "true"
+		}, [v("div", {
+			ref_key: "barsEl",
+			ref: n,
+			class: "pk-voice-orb__bars"
+		}, [(E(!0), _(f, null, ae(e.bars, (e) => (E(), _("span", {
+			key: e,
+			class: "pk-voice-orb__bar"
+		}))), 128))], 512)], 2));
+	}
+}), ge = {
+	key: 0,
+	class: "pk-voice-session__badge",
+	"aria-hidden": "true"
+}, _e = {
+	class: "pk-voice-session__status",
+	role: "status"
+}, ve = {
+	key: 0,
+	class: "pk-voice-session__live-dot",
+	"aria-hidden": "true"
+}, ye = ["title"], be = ["title"], xe = { class: "pk-voice-session__actions" }, Se = /* @__PURE__ */ C({
+	__name: "PkVoiceSession",
+	props: {
+		state: {},
+		sample: { type: Function },
+		spectrum: { type: Function },
+		remainingSeconds: {},
+		muted: { type: Boolean },
+		error: {},
+		rawError: {},
+		live: { type: Boolean }
+	},
+	emits: [
+		"toggle-mute",
+		"hang-up",
+		"retry",
+		"dismiss"
+	],
+	setup(e, { emit: t }) {
+		let n = e, r = t, { t: i } = ce({ useScope: "global" }), a = m(() => n.error ? i("message.voiceFailed") : n.state === "connecting" ? i("message.voiceConnecting") : n.state === "speaking" ? i("message.voiceSpeaking") : n.muted ? i("message.voiceMuted") : i("message.voiceListening")), o = m(() => {
+			if (n.remainingSeconds === void 0) return;
+			let e = Math.floor(n.remainingSeconds / 60), t = n.remainingSeconds % 60;
+			return `${e}:${String(t).padStart(2, "0")}`;
+		}), s = m(() => n.remainingSeconds !== void 0 && n.remainingSeconds <= 30), l = m(() => !n.error && (n.state === "listening" || n.state === "speaking")), u = m(() => {
+			if (l.value) return n.state === "speaking" ? "speaking" : n.muted ? void 0 : "listening";
+		});
+		return (t, n) => {
+			let p = d;
+			return E(), _("div", { class: T(["pk-voice-session", { "pk-voice-session--failed": !!e.error }]) }, [
+				e.error ? (E(), _("span", ge, [x(p, { name: "ri:error-warning-line" })])) : (E(), h(L, {
+					key: 1,
+					state: e.state,
+					sample: e.sample,
+					spectrum: e.spectrum
+				}, null, 8, [
+					"state",
+					"sample",
+					"spectrum"
+				])),
+				v("div", _e, [v("span", { class: T(["pk-voice-session__state", u.value && `pk-voice-session__state--${u.value}`]) }, [l.value ? (E(), _("span", ve)) : g("", !0), b(" " + k(a.value), 1)], 2), e.error ? (E(), _("p", {
+					key: 0,
+					class: "pk-voice-session__detail",
+					title: e.rawError ?? e.error
+				}, k(e.error), 9, ye)) : g("", !0)]),
+				o.value ? (E(), _("span", {
+					key: 2,
+					class: T(["pk-voice-session__timer", { "pk-voice-session__timer--warning": s.value }]),
+					title: j(i)("hint.voiceRemaining"),
+					"aria-hidden": "true"
+				}, k(o.value), 11, be)) : g("", !0),
+				v("div", xe, [e.error ? (E(), _(f, { key: 0 }, [x(c, {
+					icon: "ri:refresh-line",
+					label: j(i)("action.retry"),
+					onClick: n[0] ||= (e) => r("retry")
+				}, null, 8, ["label"]), e.live ? (E(), h(c, {
+					key: 0,
+					icon: "ri:stop-circle-line",
+					modifiers: "danger",
+					title: j(i)("action.hangUp"),
+					"aria-label": j(i)("action.hangUp"),
+					onClick: n[1] ||= (e) => r("hang-up")
+				}, null, 8, ["title", "aria-label"])) : (E(), h(c, {
+					key: 1,
+					icon: "ri:close-line",
+					label: j(i)("action.close"),
+					onClick: n[2] ||= (e) => r("dismiss")
+				}, null, 8, ["label"]))], 64)) : (E(), _(f, { key: 1 }, [x(c, {
+					icon: e.muted ? "ri:mic-off-line" : "ri:mic-line",
+					title: e.muted ? j(i)("action.unmute") : j(i)("action.mute"),
+					"aria-label": e.muted ? j(i)("action.unmute") : j(i)("action.mute"),
+					"aria-pressed": e.muted,
+					onClick: n[3] ||= (e) => r("toggle-mute")
+				}, null, 8, [
+					"icon",
+					"title",
+					"aria-label",
+					"aria-pressed"
+				]), x(c, {
+					icon: "ri:stop-circle-line",
+					modifiers: "danger",
+					title: j(i)("action.hangUp"),
+					"aria-label": j(i)("action.hangUp"),
+					onClick: n[4] ||= (e) => r("hang-up")
+				}, null, 8, ["title", "aria-label"])], 64))])
+			], 2);
+		};
+	}
+}), Ce = (e) => {
+	let t = O(), n = D("disconnected"), i = D("listening"), a = D(), o = D([]), s = D(), c = D(), l, u, d = 0, f = !1, p = () => {
+		u &&= (clearInterval(u), void 0), s.value = void 0;
+	}, h = (e) => {
+		let t = Date.now() + e * 1e3, n = () => {
+			let e = Math.max(0, Math.ceil((t - Date.now()) / 1e3));
+			s.value = e, e === 0 && _();
+		};
+		n(), u = setInterval(n, 1e3);
+	}, g = async (t) => {
+		t && (l === t && (l = void 0), await e.closeGrant?.(t).catch(() => void 0));
+	}, _ = async () => {
+		d += 1, p();
+		let e = l;
+		l = void 0;
+		let r = t.value;
+		t.value = void 0, await r?.endSession().catch(() => void 0), await g(e), n.value = "disconnected", i.value = "listening";
+	}, v = async () => {
+		if (f || t.value || n.value === "connecting") return;
+		a.value = void 0, o.value = [], i.value = "listening", c.value = void 0, n.value = "connecting", d += 1;
+		let r = d, s = () => r === d && !f, u;
+		try {
+			let r = import("./web-BMnEaWK7.js");
+			r.catch(() => void 0);
+			let d = await e.fetchGrant();
+			if (!s()) {
+				await e.closeGrant?.(d.sessionId).catch(() => void 0);
+				return;
+			}
+			l = d.sessionId, u = d.sessionId, c.value = d.chatId;
+			let { VoiceConversation: f } = await r;
+			if (!s()) {
+				await g(d.sessionId);
+				return;
+			}
+			let m = await f.startSession({
+				signedUrl: d.signedUrl,
+				customLlmExtraBody: { voice_session_id: d.sessionId },
+				onStatusChange: ({ status: e }) => {
+					s() && (n.value = e);
+				},
+				onModeChange: ({ mode: t }) => {
+					if (!s()) return;
+					let n = i.value === "speaking";
+					i.value = t, n && t !== "speaking" && e.onTurnEnd?.();
+				},
+				onMessage: ({ message: t, role: n }) => {
+					if (!s()) return;
+					let r = {
+						role: n,
+						text: t
+					};
+					o.value = [...o.value, r], e.onTranscript?.(r);
+				},
+				onError: (e) => {
+					s() && (a.value = e);
+				},
+				onDisconnect: (r) => {
+					s() && (p(), t.value = void 0, n.value = "disconnected", i.value = "listening", r.reason === "error" && (a.value = r.message), g(d.sessionId), e.onTurnEnd?.());
+				}
+			});
+			if (!s()) {
+				await m.endSession().catch(() => void 0), await g(d.sessionId);
+				return;
+			}
+			t.value = m, h(d.maxSessionSeconds);
+		} catch (e) {
+			if (await g(u), !s()) return;
+			t.value = void 0, p(), n.value = "disconnected", a.value = e instanceof Error ? e.message : String(e);
+		}
+	}, y = () => {
+		a.value = void 0;
+	}, b = (e) => {
+		t.value?.setMicMuted(e);
+	}, x = (e) => {
+		let n = t.value;
+		if (!n || !e.trim()) return !1;
+		try {
+			return n.sendUserMessage(e), !0;
+		} catch (e) {
+			return r.warn("The spoken answer could not be sent", e), !1;
+		}
+	}, S = (e) => {
+		let n = t.value;
+		if (!n) return 0;
+		try {
+			return e === "input" ? n.getInputVolume() : n.getOutputVolume();
+		} catch {
+			return 0;
+		}
+	}, C = (e) => {
+		let n = t.value;
+		if (n) try {
+			return e === "input" ? n.getInputByteFrequencyData() : n.getOutputByteFrequencyData();
+		} catch {
+			return;
+		}
+	}, w = () => {
+		let e = l;
+		l = void 0, d += 1, p(), g(e);
+		let r = t.value;
+		t.value = void 0, r?.endSession().catch(() => void 0), n.value = "disconnected";
+	};
+	return typeof window < "u" && window.addEventListener("pagehide", w), re(() => {
+		f = !0, typeof window < "u" && window.removeEventListener("pagehide", w), _();
+	}), {
+		status: n,
+		mode: i,
+		error: a,
+		transcript: o,
+		remainingSeconds: s,
+		chatId: c,
+		isActive: m(() => n.value === "connected" || n.value === "connecting"),
+		isConnecting: m(() => n.value === "connecting"),
+		isSpeaking: m(() => n.value === "connected" && i.value === "speaking"),
+		isListening: m(() => n.value === "connected" && i.value === "listening"),
+		start: v,
+		stop: _,
+		dismissError: y,
+		setMuted: b,
+		sendUserMessage: x,
+		readLevel: S,
+		readSpectrum: C
+	};
+}, we = { class: "pk-chatbot-view-chat__input-stage" }, Te = {
+	key: 0,
+	class: "p-md border-t border-surface-3 text-center text-12 text-danger-darken-2 bg-surface-danger"
+}, Ee = { class: "pk-chatbot-view-chat__agent-chip" }, De = {
+	key: 0,
+	class: "pk-chatbot-view-chat__agent-chip-name"
+}, Oe = {
+	key: 0,
+	class: "pk-chatbot-view-chat__drop-overlay"
+}, ke = 3e3, Ae = 6e4, je = 3e5, Me = 6e5, Ne = /* @__PURE__ */ C({
+	__name: "PkChatbotViewChat",
+	props: {
+		agentId: {},
+		modifier: {},
+		userName: {}
+	},
+	emits: ["show-info", "revise"],
+	setup(r, { emit: c }) {
+		let f = S(() => import("./PkToolShowForm-CpY1KKUt.js").then((e) => e.n)), b = S(() => import("./PkToolShowContactForm-CMK4zR2J.js").then((e) => e.n)), C = S(() => import("./PkToolShowSuggestedReply-B-QwwART.js").then((e) => e.n)), ee = S(() => import("./PkToolShowSources-CLsbqcDd.js").then((e) => e.n)), ne = S(() => import("./PkToolRequestGeolocation-CsQghLEb.js")), re = S(() => import("./PkToolRequestOAuthConnection-D5Jq6UZh.js")), ie = S(() => import("./PkToolShowLocation-BBdeY0Ae.js").then((e) => e.n)), ae = S(() => import("./PkToolShowDiagram-DoklcF3f.js")), O = r, A = c, N = t(O.agentId), { agentInterface: P, agentFileUpload: F, agentVoice: fe, actions: pe, revisedAnswers: I, messages: he, chat: L, messageFeedbacks: ge, feedbackDialogMessage: _e, isFeedbackSubmitting: ve, isFeedbackSubmitted: ye, feedbackSubmitError: be, isLeadSubmitted: xe, isLoadingSubmitLead: Ne, submitLeadError: Pe, input: R, inputMessagePlaceholder: Fe, isConversationBlocked: Ie, baseUrl: Le, pendingAttachments: Re, isAttachmentLimitReached: ze, fileLimitError: Be, apiClient: z, isDark: Ve } = ue(N), { handleSubmit: He, stopGeneration: Ue, regenerate: We, onUpvote: Ge, onDownvote: Ke, onFeedback: qe, onFeedbackSubmit: Je, onLeadSubmit: Ye, startNewChat: Xe, addToolOutput: B, addToolApprovalResponse: Ze, handleFileSelect: Qe, clearFileLimitError: $e, refreshMessages: et, appendMessage: tt } = N, { t: V } = ce({ useScope: "global" }), nt = m(() => {
+			let e = Be.value;
+			if (e) return e.reason === "per-chat" ? V("message.fileLimitPerChat", { max: e.max }) : V("message.fileLimitPerMessage", { max: e.max });
+		}), rt = a(() => P.value?.dismissableNotice), it = m(() => he.value.some((e) => e.role === "user")), at = m(() => O.modifier === "fullscreen" && !it.value), ot = de(P, () => O.userName), st = oe("chatViewEl"), ct = async (e) => (await z.value.expandSourceContext(O.agentId, e.documentId, e.chunkIndex)).content, lt = async (e) => {
+			let t = await z.value.downloadSourceDocument(O.agentId, e);
+			window.open(t.downloadUrl, "_blank");
+		}, { isOverDropZone: ut } = le(st, {
+			dataTypes: m(() => F.value?.allowedMimeTypes ?? []),
+			onDrop: (e) => {
+				if (!(!F.value?.enabled || !e)) for (let t of e) Qe(t);
+			}
+		}), H = D(!1), U = !1, W = D(!1), dt = [
+			3e3,
+			5e3,
+			1e4
+		], G, K, q = !1, J = 0, ft = !1;
+		function pt() {
+			clearTimeout(G), G = void 0, K = void 0, q = !1, J = 0, W.value = !1;
+		}
+		function Y(e) {
+			U || (clearTimeout(G), G = setTimeout(() => {
+				mt();
+			}, e));
+		}
+		async function mt() {
+			if (U || ft) return;
+			ft = !0;
+			let e;
+			try {
+				e = await et();
+			} finally {
+				ft = !1;
+			}
+			if (U) return;
+			if (e === "caught-up" && (W.value = !1), X.isActive.value) {
+				K = void 0, q = !1, J = 0, Y(ke);
+				return;
+			}
+			K === void 0 && (K = Date.now(), q = !!X.error.value);
+			let t = Date.now() - K;
+			if (e === "caught-up" && t >= (q ? je : Ae) || t >= Me) {
+				pt();
+				return;
+			}
+			let n = dt[Math.min(J, dt.length - 1)];
+			J += 1, Y(n);
+		}
+		let ht = (e = 1200) => {
+			Y(e);
+		}, X = Ce({
+			fetchGrant: async () => {
+				let e = await z.value.createVoiceSession(O.agentId, N.localChatId, {
+					deviceContext: N.buildDeviceContext(),
+					externalContext: N.externalContext
+				});
+				return e.chatId !== N.localChatId && (N.localChatId = e.chatId), e;
+			},
+			closeGrant: (e) => z.value.closeVoiceSession(O.agentId, e),
+			onTranscript: (t) => {
+				if (t.role !== "user") {
+					W.value = !1;
+					return;
+				}
+				W.value = !0, tt({
+					id: `${n}user-${e()}`,
+					role: "user",
+					parts: [{
+						type: "text",
+						text: t.text
+					}]
+				});
+			},
+			onTurnEnd: () => {
+				ht();
+			}
+		});
+		se(() => X.error.value, (e) => {
+			e && (W.value = !1);
+		});
+		let gt = m(() => fe.value?.enabled === !0), _t = m(() => X.error.value ? "error" : X.isConnecting.value ? "connecting" : X.isSpeaking.value ? "speaking" : X.isActive.value ? "listening" : "idle"), vt = m(() => {
+			let e = X.error.value;
+			if (e) return /took too long/i.test(e) ? V("message.voiceTookTooLong") : /cascade|no response|custom_llm_error/i.test(e) ? V("message.voiceNoAnswer") : V("message.voiceInterrupted");
+		}), yt = m(() => X.isSpeaking.value ? "output" : "input"), bt = () => X.readLevel(yt.value), xt = () => X.readSpectrum(yt.value), St = async () => {
+			H.value = !1, await X.start(), X.isActive.value && (pt(), Y(ke));
+		}, Ct = async () => {
+			W.value = !1, await X.stop(), !U && ht(0);
+		}, wt = () => {
+			X.dismissError();
+		}, Tt = async () => {
+			X.dismissError(), await X.stop(), await St();
+		}, Z = (e) => e?.toolCallId ?? "", Q = D(/* @__PURE__ */ new Set()), Et = (e) => Q.value.has(Z(e)), Dt = D(/* @__PURE__ */ new Map()), $ = (e, t) => X.isActive.value ? !X.sendUserMessage(t) || (Q.value = new Set(Q.value).add(Z(e)), ht(), !0) : !1, Ot = (e, t, n) => {
+			$(t, s(t, n)) || B({
+				tool: e,
+				toolCallId: Z(t),
+				output: n
+			});
+		}, kt = (e) => {
+			let t = e.confirmed ? V("message.voiceConfirmed") : V("message.voiceCancelled");
+			if ($({ toolCallId: e.toolCallId }, t)) {
+				Q.value.has(e.toolCallId) && (Dt.value = new Map(Dt.value).set(e.toolCallId, e.confirmed));
+				return;
+			}
+			B({
+				tool: "requestConfirm",
+				toolCallId: e.toolCallId,
+				output: e.confirmed ? "confirmed" : "cancelled"
+			});
+		}, At = (e, t) => {
+			$(e, t) || (R.value = t, He());
+		}, jt = (e, t) => {
+			let n = t.error ? V("message.voiceLocationRefused") : V("message.voiceLocationShared", { place: t.displayName ?? `${t.latitude}, ${t.longitude}` });
+			$(e, n) || B({
+				tool: "requestGeolocation",
+				toolCallId: Z(e),
+				output: t
+			});
+		}, Mt = (e, t) => {
+			$(e, V("message.voiceConnectionDone")) || B({
+				tool: "requestOAuthConnection",
+				toolCallId: Z(e),
+				output: {
+					connected: !0,
+					mcpServerId: t
+				}
+			});
+		}, Nt = () => {
+			H.value = !H.value, X.setMuted(H.value);
+		};
+		return te(() => {
+			U = !0, pt();
+		}), (e, t) => {
+			let n = d;
+			return E(), _("div", {
+				ref_key: "chatViewEl",
+				ref: st,
+				class: T(["pk-chatbot-view-chat", {
+					"pk-chatbot-view-chat--dragover": j(ut) && j(F)?.enabled,
+					"pk-chatbot-view-chat--empty": at.value
+				}])
+			}, [
+				x(p, {
+					name: "pk-chatbot-view-chat-fade",
+					mode: "out-in"
+				}, {
+					default: M(() => [at.value ? (E(), h(u, {
+						key: 0,
+						greeting: j(ot),
+						logo: j(P)?.logo,
+						name: j(N).name
+					}, null, 8, [
+						"greeting",
+						"logo",
+						"name"
+					])) : (E(), h(i, {
+						key: 1,
+						class: "flex flex-col flex-1 min-h-0 p-md overflow-y-auto",
+						interactive: "",
+						messages: j(he),
+						"confirm-verdicts-on-call": Dt.value,
+						status: j(L).status,
+						error: j(L).error,
+						"main-color": j(P)?.mainColor,
+						"text-color": j(P)?.textColor,
+						"revised-answers": j(I),
+						actions: j(pe),
+						"message-feedbacks": j(ge),
+						"feedback-message-id": j(_e)?.id,
+						"feedback-loading": j(ve),
+						"feedback-submitted": j(ye),
+						"feedback-error": j(be),
+						"show-extended-steps": j(P)?.showExtendedSteps,
+						"awaiting-spoken-answer": W.value,
+						"is-dark": j(Ve),
+						"show-scroll-to-bottom": r.modifier === "fullscreen",
+						onFeedbackSubmit: t[0] ||= (e) => j(Je)(e),
+						onFeedbackClose: t[1] ||= (e) => _e.value = void 0,
+						onRegenerate: j(We),
+						onAutoRetry: j(We),
+						onResetChat: j(Xe),
+						onShowInfo: t[2] ||= (e) => A("show-info", e),
+						onRevise: t[3] ||= (e) => A("revise", e),
+						onUpvote: j(Ge),
+						onDownvote: j(Ke),
+						onFeedback: j(qe),
+						onApprovalRespond: j(Ze),
+						onConfirmRespond: kt
+					}, {
+						"tool-showContactForm": M(({ part: e }) => [x(j(b), {
+							part: e,
+							readonly: !j(Le),
+							submitted: j(xe),
+							loading: j(Ne),
+							error: j(Pe),
+							"privacy-policy-notice": j(P)?.privacyPolicyNotice,
+							onSubmit: j(Ye)
+						}, null, 8, [
+							"part",
+							"readonly",
+							"submitted",
+							"loading",
+							"error",
+							"privacy-policy-notice",
+							"onSubmit"
+						])]),
+						"tool-showSuggestedReply": M(({ part: e }) => [x(j(C), {
+							part: e,
+							onSelect: (t) => At(e, t)
+						}, null, 8, ["part", "onSelect"])]),
+						"tool-showSources": M(({ part: e }) => [x(j(ee), {
+							part: e,
+							"on-expand-context": ct,
+							"on-download": lt
+						}, null, 8, ["part"])]),
+						"tool-showForm": M(({ part: e }) => [x(p, { mode: "out-in" }, {
+							default: M(() => [x(j(f), {
+								part: e,
+								answered: Et(e),
+								onSelect: (t) => Ot("showForm", e, t)
+							}, null, 8, [
+								"part",
+								"answered",
+								"onSelect"
+							])]),
+							_: 2
+						}, 1024)]),
+						"tool-showMultipleChoice": M(({ part: e }) => [x(p, { mode: "out-in" }, {
+							default: M(() => [x(j(f), {
+								part: e,
+								"allow-custom-answer": "",
+								answered: Et(e),
+								onSelect: (t) => Ot("showMultipleChoice", e, t)
+							}, null, 8, [
+								"part",
+								"answered",
+								"onSelect"
+							])]),
+							_: 2
+						}, 1024)]),
+						"tool-requestOAuthConnection": M(({ part: e }) => [x(j(re), {
+							part: e,
+							"resolve-connection": (e) => j(z).getOAuthAuthorizeUrl(O.agentId, e),
+							"check-connection": (e) => j(z).getOAuthConnectionStatus(O.agentId, e),
+							onConnected: (t) => Mt(e, t)
+						}, null, 8, [
+							"part",
+							"resolve-connection",
+							"check-connection",
+							"onConnected"
+						])]),
+						"tool-requestGeolocation": M(({ part: e }) => [x(j(ne), {
+							part: e,
+							"call-live": j(X).isActive.value,
+							"reverse-geocode": (e, t) => j(z).reverseGeocode(e, t),
+							onResult: (t) => jt(e, t)
+						}, null, 8, [
+							"part",
+							"call-live",
+							"reverse-geocode",
+							"onResult"
+						])]),
+						"tool-showLocation": M(({ part: e }) => [x(j(ie), {
+							part: e,
+							"is-dark": j(Ve),
+							"main-color": j(P)?.mainColor,
+							"forward-geocode": (e, t) => j(z).forwardGeocode(e, t)
+						}, null, 8, [
+							"part",
+							"is-dark",
+							"main-color",
+							"forward-geocode"
+						])]),
+						"tool-showDiagram": M(({ part: e }) => [x(j(ae), {
+							part: e,
+							"is-dark": j(Ve)
+						}, null, 8, ["part", "is-dark"])]),
+						_: 1
+					}, 8, [
+						"messages",
+						"confirm-verdicts-on-call",
+						"status",
+						"error",
+						"main-color",
+						"text-color",
+						"revised-answers",
+						"actions",
+						"message-feedbacks",
+						"feedback-message-id",
+						"feedback-loading",
+						"feedback-submitted",
+						"feedback-error",
+						"show-extended-steps",
+						"awaiting-spoken-answer",
+						"is-dark",
+						"show-scroll-to-bottom",
+						"onRegenerate",
+						"onAutoRetry",
+						"onResetChat",
+						"onUpvote",
+						"onDownvote",
+						"onFeedback",
+						"onApprovalRespond"
+					]))]),
+					_: 1
+				}),
+				v("div", we, [x(p, { name: "pk-chatbot-view-chat-fade" }, {
+					default: M(() => [at.value ? (E(), h(me, {
+						key: 0,
+						class: "pk-chatbot-view-chat__aurora",
+						"source-selector": ".pk-chatbot-input__form"
+					})) : g("", !0)]),
+					_: 1
+				}), j(Ie) ? (E(), _("div", Te, k(j(V)("message.chatErrorConversationBlocked")), 1)) : _t.value === "idle" ? (E(), h(l, {
+					key: 2,
+					modelValue: j(R),
+					"onUpdate:modelValue": t[4] ||= (e) => w(R) ? R.value = e : null,
+					"pending-attachments": j(Re),
+					"onUpdate:pendingAttachments": t[5] ||= (e) => w(Re) ? Re.value = e : null,
+					placeholder: j(Fe),
+					"dismissable-notice": j(rt) && j(L).messages.length <= 1 ? j(rt) : void 0,
+					status: j(L).status,
+					"max-message-length": j(P)?.maxMessageLength,
+					"file-upload": j(F),
+					"attachment-limit-reached": j(ze),
+					"attachment-notice": nt.value,
+					"voice-enabled": gt.value,
+					onStopGeneration: j(Ue),
+					onSubmit: j(He),
+					onFileSelect: j(Qe),
+					onDismissAttachmentNotice: j($e),
+					onVoiceStart: St
+				}, y({ _: 2 }, [r.modifier === "fullscreen" ? {
+					name: "prepend",
+					fn: M(() => [v("span", Ee, [x(o, {
+						modifiers: "surface",
+						class: "pk-chatbot-view-chat__agent-chip-avatar",
+						"img-src": j(P)?.logo,
+						name: j(N).name
+					}, null, 8, ["img-src", "name"]), j(N).name ? (E(), _("strong", De, k(j(N).name), 1)) : g("", !0)])]),
+					key: "0"
+				} : void 0]), 1032, [
+					"modelValue",
+					"pending-attachments",
+					"placeholder",
+					"dismissable-notice",
+					"status",
+					"max-message-length",
+					"file-upload",
+					"attachment-limit-reached",
+					"attachment-notice",
+					"voice-enabled",
+					"onStopGeneration",
+					"onSubmit",
+					"onFileSelect",
+					"onDismissAttachmentNotice"
+				])) : (E(), h(Se, {
+					key: 1,
+					state: _t.value,
+					sample: bt,
+					spectrum: xt,
+					"remaining-seconds": j(X).remainingSeconds.value,
+					muted: H.value,
+					error: vt.value,
+					"raw-error": j(X).error.value,
+					live: j(X).isActive.value,
+					class: "pk-chatbot-view-chat__voice",
+					onToggleMute: Nt,
+					onHangUp: Ct,
+					onRetry: Tt,
+					onDismiss: wt
+				}, null, 8, [
+					"state",
+					"remaining-seconds",
+					"muted",
+					"error",
+					"raw-error",
+					"live"
+				]))]),
+				x(p, null, {
+					default: M(() => [j(ut) && j(F)?.enabled ? (E(), _("div", Oe, [x(n, {
+						name: "ri:upload-cloud-2-line",
+						class: "pk-chatbot-view-chat__drop-overlay-icon"
+					}), v("span", null, k(j(V)("action.dropFile")), 1)])) : g("", !0)]),
+					_: 1
+				})
+			], 2);
+		};
+	}
+});
+//#endregion
+export { me as i, Se as n, L as r, Ne as t };
+
+//# sourceMappingURL=PkChatbotViewChat-0g30_sQH.js.map