@8wave/ai-elements 0.115.0-beta.34 → 0.115.0-beta.52

package/dist-vue/_chunks/PkChatbotViewChat-BFImSy1X.js

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