@pagelines/sdk 1.0.820 → 1.0.822

package/dist/agent/ui/VoiceMode.vue.d.ts

@@ -4,6 +4,13 @@ type __VLS_Props = {
     agent: Agent;
     chatController?: AgentChatController;
     isLight?: boolean;
+    /**
+     * The avatar to fill the background with, already decoded by the host
+     * (`resolveVoiceBackdrop`). The whole surface enters as one root, so the
+     * backdrop is decided before presentation: absent means the dark fallback
+     * for this call, never an image that pops in over the slide-up.
+     */
+    backdropSrc?: string;
 };
 /** Await provider teardown before the host reloads the persisted transcript. */
 declare function end(): Promise<void>;

package/dist/agent/voice/provider.d.ts

@@ -10,10 +10,12 @@ export interface VoiceSessionError {
     code: string;
     message: string;
 }
+export type VoiceDisconnectCause = 'agent' | 'error' | 'network' | 'unknown';
 export interface VoiceProviderClient {
     connect: (handlers: {
-        onDisconnected: () => void;
+        onDisconnected: (cause: VoiceDisconnectCause) => void;
         onError: (error: VoiceSessionError) => void;
+        onThinkingChange?: (thinking: boolean) => void;
     }) => Promise<void>;
     disconnect: () => Promise<void>;
     sampleLevel: () => VoiceLevelEvent | undefined;

package/dist/agent/voice/providers/elevenlabs/provider.d.ts

@@ -27,7 +27,9 @@ type StartSession = (options: {
             voiceId?: string;
         };
     };
-    onDisconnect: () => void;
+    onDisconnect: (details: {
+        reason: 'agent' | 'error' | 'user';
+    }) => void;
     onError: (message: string) => void;
 }) => Promise<ElevenLabsConversation>;
 export declare class ElevenLabsVoiceProvider implements VoiceProviderClient {

package/dist/agent/voice/voice-session-client.d.ts

@@ -4,7 +4,11 @@ import { SettingsObject } from '@pagelines/core';
 export type { VoiceLevelEvent, VoiceSessionError } from './provider';
 export { VOICE_SPECTRUM_BANDS, voiceSpectrum } from './provider';
 export type VoiceSessionClientState = 'idle' | 'minting' | 'connecting' | 'live' | 'ended';
-export type VoiceChimeKind = 'start' | 'engaged' | 'end';
+export type VoiceChimeKind = 'start' | 'end';
+export interface VoiceWorkStatus {
+    active: boolean;
+    description?: string;
+}
 /** Client-owned latency phases — speech-end-to-first-text is measured on the handler. */
 export type VoiceMetricName = 'voice.ready' | 'voice.first_playback';
 export interface VoiceMetric {
@@ -15,8 +19,10 @@ export interface VoiceClientHandlers {
     onStateChange?: (state: VoiceSessionClientState) => void;
     onLevel?: (event: VoiceLevelEvent) => void;
     onError?: (error: VoiceSessionError) => void;
+    onThinkingChange?: (thinking: boolean) => void;
     /** Fire-and-forget latency phases for product observability. */
     onMetric?: (metric: VoiceMetric) => void;
+    onWorkChange?: (work: VoiceWorkStatus) => void;
 }
 export interface VoiceSessionClientSettings extends VoiceClientHandlers, Record<string, unknown> {
     agentId: string;
@@ -29,6 +35,8 @@ export interface VoiceSessionClientSettings extends VoiceClientHandlers, Record<
     /** Provider composition seam; the default dynamically loads the minted provider. */
     createProvider?: CreateVoiceProviderClient;
     playChime?: (kind: VoiceChimeKind) => void;
+    /** Test seam; production uses the quiet looping work asset. */
+    setWorkCue?: (active: boolean) => void;
 }
 /**
  * The readiness cue is the only signal an eyes-off user gets, so it is served
@@ -41,13 +49,18 @@ export declare class VoiceSessionClient extends SettingsObject<VoiceSessionClien
     readonly isMuted: Ref<boolean>;
     private provider?;
     private readonly chime;
+    private readonly workCue;
     private generation;
     private levelTimer;
     private startAtMs;
     private liveAtMs;
     private firstPlaybackEmitted;
-    private engagedChimed;
     private mutePending;
+    private conversationId?;
+    private workAbort?;
+    private workState;
+    private workCuePlaying;
+    private audible;
     constructor(settings: VoiceSessionClientSettings);
     start(): Promise<void>;
     end(): Promise<void>;
@@ -63,6 +76,9 @@ export declare class VoiceSessionClient extends SettingsObject<VoiceSessionClien
     private teardown;
     private startLevelTimer;
     private authHeaders;
+    private startWorkStream;
+    private updateWorkCue;
+    private setWorkCue;
     private post;
     private mintSession;
     private toSessionError;

package/dist/agent/voice/voice-work-state.d.ts

@@ -0,0 +1,9 @@
+import { ChatEvent } from '@pagelines/core';
+export interface VoiceWorkState {
+    turnIds: ReadonlySet<string>;
+    activeTurnId?: string;
+    description?: string;
+}
+export declare function createVoiceWorkState(): VoiceWorkState;
+/** Project canonical conversation events onto the one active voice work line. */
+export declare function reduceVoiceWorkEvent(state: VoiceWorkState, event: ChatEvent): VoiceWorkState;

package/dist/agent.js

@@ -3,16 +3,16 @@ import { c as e, s as t } from "./sdkClient.js";
 import { a as n, h as r, m as i, n as a, p as o, r as s, t as c } from "./AgentWrap.js";
 import { n as l, t as u } from "./AgentProvider.js";
 import { t as d } from "./provider.js";
-import { SettingsObject as f, zVoiceSessionMint as p } from "@pagelines/core";
-import { Fragment as m, createBlock as h, createCommentVNode as g, createElementBlock as _, createElementVNode as v, createVNode as y, defineComponent as b, nextTick as x, normalizeClass as S, normalizeStyle as C, openBlock as w, ref as T, renderList as E, watch as D, withCtx as O } from "vue";
+import { SettingsObject as f, readChatEventStream as p, zVoiceSessionMint as m } from "@pagelines/core";
+import { Fragment as h, createBlock as g, createCommentVNode as _, createElementBlock as v, createElementVNode as y, createVNode as b, defineComponent as x, nextTick as S, normalizeClass as C, normalizeStyle as w, openBlock as T, ref as E, renderList as D, watch as O, withCtx as k } from "vue";
 //#region agent/ui/AgentWidget.vue?vue&type=script&setup=true&lang.ts
-var k = {
+var A = {
 	key: 0,
 	class: "relative h-full w-full"
-}, A = { class: "group relative h-full w-full rounded-3xl overflow-hidden shadow-lg transition-all duration-300 ease-[cubic-bezier(0.25,1,0.33,1)] hover:shadow-2xl hover:translate-y-[-1px] hover:brightness-110 active:scale-[1.06] active:-translate-y-0.5 active:duration-100" }, j = ["src", "alt"], M = {
+}, j = { class: "group relative h-full w-full rounded-3xl overflow-hidden shadow-lg transition-all duration-300 ease-[cubic-bezier(0.25,1,0.33,1)] hover:shadow-2xl hover:translate-y-[-1px] hover:brightness-110 active:scale-[1.06] active:-translate-y-0.5 active:duration-100" }, M = ["src", "alt"], N = {
 	key: 0,
 	class: "absolute top-0.5 right-0.5"
-}, N = /* @__PURE__ */ b({
+}, P = /* @__PURE__ */ x({
 	__name: "AgentWidget",
 	props: {
 		sdk: {},
@@ -22,12 +22,12 @@ var k = {
 		position: {}
 	},
 	setup(e, { expose: t }) {
-		let n = e, r = T(!1), i = T(!1);
+		let n = e, r = E(!1), i = E(!1);
 		function toggle() {
 			r.value = !r.value;
 		}
-		D(r, async (e) => {
-			e ? (await x(), setTimeout(() => {
+		O(r, async (e) => {
+			e ? (await S(), setTimeout(() => {
 				i.value = !0;
 			}, 400)) : i.value = !1;
 		});
@@ -44,29 +44,29 @@ var k = {
 			toggle,
 			open,
 			close
-		}), (t, a) => (w(), h(c, {
+		}), (t, a) => (T(), g(c, {
 			sdk: e.sdk,
 			handle: e.handle,
 			context: e.context,
 			"first-message": e.firstMessage
 		}, {
-			default: O(({ agent: t, sdk: o }) => [t ? (w(), _("div", {
+			default: k(({ agent: t, sdk: o }) => [t ? (T(), v("div", {
 				key: 0,
-				class: S(["fixed z-[999999] pointer-events-auto", [n.position === "bottom-left" ? "bottom-6 left-6" : n.position === "top-right" ? "top-6 right-6" : n.position === "top-left" ? "top-6 left-6" : "bottom-6 right-6"]])
-			}, [v("div", {
-				class: S(["transition-all duration-500 ease-[cubic-bezier(0.25,1,0.33,1)] transform-gpu", [r.value ? "widget-expanded w-96 h-[600px] max-w-[calc(100vw-48px)] max-h-[calc(100vh-48px)] rounded-3xl opacity-100 scale-100" : "widget-button w-[80px] h-[80px] opacity-100 scale-100  flex items-center justify-center  cursor-pointer"]]),
-				style: C({ "transform-origin": n.position === "bottom-left" ? "bottom left" : n.position === "top-right" ? "top right" : n.position === "top-left" ? "top left" : "bottom right" }),
+				class: C(["fixed z-[999999] pointer-events-auto", [n.position === "bottom-left" ? "bottom-6 left-6" : n.position === "top-right" ? "top-6 right-6" : n.position === "top-left" ? "top-6 left-6" : "bottom-6 right-6"]])
+			}, [y("div", {
+				class: C(["transition-all duration-500 ease-[cubic-bezier(0.25,1,0.33,1)] transform-gpu", [r.value ? "widget-expanded w-96 h-[600px] max-w-[calc(100vw-48px)] max-h-[calc(100vh-48px)] rounded-3xl opacity-100 scale-100" : "widget-button w-[80px] h-[80px] opacity-100 scale-100  flex items-center justify-center  cursor-pointer"]]),
+				style: w({ "transform-origin": n.position === "bottom-left" ? "bottom left" : n.position === "top-right" ? "top right" : n.position === "top-left" ? "top left" : "bottom right" }),
 				onClick: a[0] || (a[0] = (e) => r.value ? void 0 : toggle())
-			}, [r.value ? g("", !0) : (w(), _("div", k, [v("div", A, [v("img", {
+			}, [r.value ? _("", !0) : (T(), v("div", A, [y("div", j, [y("img", {
 				src: t.avatarUrl.value,
 				alt: `${t.displayName.value} assistant`,
 				class: "h-full w-full object-cover pointer-events-none",
 				width: "80",
 				height: "80"
-			}, null, 8, j), a[1] || (a[1] = v("div", { class: "absolute inset-0 pointer-events-none bg-gradient-to-br from-transparent via-black/10 to-black/40 opacity-60 transition-opacity duration-300 group-hover:opacity-40" }, null, -1))]), t.state.value.lifecycle === "running" ? (w(), _("div", M, [...a[2] || (a[2] = [v("div", {
+			}, null, 8, M), a[1] || (a[1] = y("div", { class: "absolute inset-0 pointer-events-none bg-gradient-to-br from-transparent via-black/10 to-black/40 opacity-60 transition-opacity duration-300 group-hover:opacity-40" }, null, -1))]), t.state.value.lifecycle === "running" ? (T(), v("div", N, [...a[2] || (a[2] = [y("div", {
 				class: "size-3 bg-green-500 rounded-full ring-2 ring-white absolute animate-ping",
 				style: { "animation-duration": "3s" }
-			}, null, -1), v("div", { class: "size-3 bg-green-500 rounded-full ring-2 ring-white" }, null, -1)])])) : g("", !0)])), r.value && t ? (w(), h(l, {
+			}, null, -1), y("div", { class: "size-3 bg-green-500 rounded-full ring-2 ring-white" }, null, -1)])])) : _("", !0)])), r.value && t ? (T(), g(l, {
 				key: 1,
 				class: "rounded-3xl shadow-2xl border border-white/10",
 				sdk: o,
@@ -82,7 +82,7 @@ var k = {
 				"context",
 				"first-message",
 				"is-active"
-			])) : g("", !0)], 6)], 2)) : g("", !0)]),
+			])) : _("", !0)], 6)], 2)) : _("", !0)]),
 			_: 1
 		}, 8, [
 			"sdk",
@@ -91,52 +91,101 @@ var k = {
 			"first-message"
 		]));
 	}
-}), P = ["data-sender"], F = /* @__PURE__ */ b({
+}), F = ["data-sender"], I = /* @__PURE__ */ x({
 	__name: "ElAgentChatPreview",
 	props: {
 		messages: {},
 		variant: {}
 	},
 	setup(e) {
-		return (t, r) => (w(), _("div", {
-			class: S(["@container/chat-preview flex flex-col gap-3", e.variant === "dark" ? "text-white" : "text-slate-950"]),
+		return (t, r) => (T(), v("div", {
+			class: C(["@container/chat-preview flex flex-col gap-3", e.variant === "dark" ? "text-white" : "text-slate-950"]),
 			"data-test": "agent-chat-preview"
-		}, [(w(!0), _(m, null, E(e.messages, (t, r) => (w(), _("div", {
+		}, [(T(!0), v(h, null, D(e.messages, (t, r) => (T(), v("div", {
 			key: `${t.sender}-${r}`,
-			class: S(["flex", t.sender === "user" ? "justify-end" : "justify-start"]),
+			class: C(["flex", t.sender === "user" ? "justify-end" : "justify-start"]),
 			"data-test": "agent-chat-preview-message",
 			"data-sender": t.sender
-		}, [v("div", { class: S(["max-w-[88%] rounded-2xl px-4 py-3 text-sm shadow-sm @sm/chat-preview:max-w-[78%]", t.sender === "user" ? "bg-slate-950 text-white" : e.variant === "dark" ? "border border-white/10 bg-white/10 text-white" : "border border-slate-200 bg-white text-slate-950"]) }, [y(n, {
+		}, [y("div", { class: C(["max-w-[88%] rounded-2xl px-4 py-3 text-sm shadow-sm @sm/chat-preview:max-w-[78%]", t.sender === "user" ? "bg-slate-950 text-white" : e.variant === "dark" ? "border border-white/10 bg-white/10 text-white" : "border border-slate-200 bg-white text-slate-950"]) }, [b(n, {
 			text: t.text,
 			inverted: t.sender === "user" || e.variant === "dark"
-		}, null, 8, ["text", "inverted"])], 2)], 10, P))), 128))], 2));
+		}, null, 8, ["text", "inverted"])], 2)], 10, F))), 128))], 2));
 	}
-}), I = {
+});
+//#endregion
+//#region agent/voice/voice-work-state.ts
+function createVoiceWorkState() {
+	return { turnIds: /* @__PURE__ */ new Set() };
+}
+function reduceVoiceWorkEvent(e, t) {
+	if (t.event === "message") {
+		let n = t.data.message;
+		if (n.role === "user" && n.metadata?.clientContext === "voice") return {
+			...e,
+			turnIds: new Set(e.turnIds).add(n.messageId)
+		};
+		let r = typeof n.metadata?.turnId == "string" ? n.metadata.turnId : void 0;
+		if (r && e.turnIds.has(r)) {
+			let t = new Set(e.turnIds);
+			return t.delete(r), e.activeTurnId === r ? { turnIds: t } : {
+				...e,
+				turnIds: t
+			};
+		}
+		return e;
+	}
+	let n = "turnId" in t.data && typeof t.data.turnId == "string" ? t.data.turnId : void 0;
+	return !n || !e.turnIds.has(n) ? e : t.event === "working_state" ? {
+		...e,
+		activeTurnId: n,
+		description: t.data.description.trim() || "Working on it"
+	} : t.event === "tool_activity" && t.data.status === "started" ? {
+		...e,
+		activeTurnId: n,
+		description: e.activeTurnId === n && e.description ? e.description : t.data.label
+	} : t.event === "working_end" || t.event === "stream_end" ? {
+		...e,
+		activeTurnId: void 0,
+		description: void 0
+	} : e;
+}
+//#endregion
+//#region agent/voice/voice-session-client.ts
+var L = {
 	start: "/audio/start-call.mp3",
-	engaged: "/audio/engaged-call.mp3",
 	end: "/audio/end-call.mp3"
-}, L = .7, R = 50, z = 15e3;
+}, R = .7, z = 50, B = 15e3;
 function createBrowserVoiceChimePlayer(e) {
-	let t = Object.fromEntries(Object.entries(I).map(([t, n]) => {
+	let t = Object.fromEntries(Object.entries(L).map(([t, n]) => {
 		let r = new Audio(`${e}${n}`);
-		return r.preload = "auto", r.volume = L, [t, r];
+		return r.preload = "auto", r.volume = R, [t, r];
 	}));
 	return (e) => {
 		t[e].currentTime = 0, t[e].play().catch(() => {});
 	};
 }
-var B = .08, V = .12, VoiceSessionClient = class extends f {
+function createBrowserVoiceWorkCue(e) {
+	let t = new Audio(`${e}/audio/thinking.mp3`);
+	return t.preload = "auto", t.loop = !0, t.volume = .16, (e) => {
+		if (e) {
+			t.play().catch(() => {});
+			return;
+		}
+		t.pause(), t.currentTime = 0;
+	};
+}
+var V = .08, H = .08, VoiceSessionClient = class extends f {
 	constructor(n) {
-		super("VoiceSessionClient", n), t(this, "state", T("idle")), t(this, "isMuted", T(!1)), t(this, "provider", void 0), t(this, "chime", void 0), t(this, "generation", 0), t(this, "levelTimer", void 0), t(this, "startAtMs", 0), t(this, "liveAtMs", 0), t(this, "firstPlaybackEmitted", !1), t(this, "engagedChimed", !1), t(this, "mutePending", !1), this.chime = n.playChime ?? createBrowserVoiceChimePlayer(e(n.apiBase, n.isDev));
+		super("VoiceSessionClient", n), t(this, "state", E("idle")), t(this, "isMuted", E(!1)), t(this, "provider", void 0), t(this, "chime", void 0), t(this, "workCue", void 0), t(this, "generation", 0), t(this, "levelTimer", void 0), t(this, "startAtMs", 0), t(this, "liveAtMs", 0), t(this, "firstPlaybackEmitted", !1), t(this, "mutePending", !1), t(this, "conversationId", void 0), t(this, "workAbort", void 0), t(this, "workState", createVoiceWorkState()), t(this, "workCuePlaying", !1), t(this, "audible", !1), this.chime = n.playChime ?? createBrowserVoiceChimePlayer(e(n.apiBase, n.isDev)), this.workCue = n.setWorkCue ?? (n.onWorkChange ? createBrowserVoiceWorkCue(e(n.apiBase, n.isDev)) : () => {});
 	}
 	async start() {
 		if (this.state.value !== "idle") return;
 		let e = ++this.generation;
-		this.startAtMs = Date.now(), this.liveAtMs = 0, this.firstPlaybackEmitted = !1, this.engagedChimed = !1, this.setState("minting");
+		this.startAtMs = Date.now(), this.liveAtMs = 0, this.firstPlaybackEmitted = !1, this.workState = createVoiceWorkState(), this.setState("minting");
 		try {
 			let t = await this.mintSession(e);
 			if (!t || e !== this.generation) return;
-			this.setState("connecting"), await this.connect({
+			this.conversationId && this.startWorkStream(this.conversationId, e), this.setState("connecting"), await this.connect({
 				mint: t,
 				generation: e
 			});
@@ -158,19 +207,28 @@ var B = .08, V = .12, VoiceSessionClient = class extends f {
 		}
 		this.provider = r;
 		let i = r.connect({
-			onDisconnected: () => {
-				n !== this.generation || this.provider !== r || this.fail({
-					code: this.state.value === "live" ? "VOICE_CONNECTION_LOST" : "VOICE_CONNECT_FAILED",
-					message: this.state.value === "live" ? "The voice connection dropped." : "Could not open the voice connection."
-				});
+			onDisconnected: (e) => {
+				if (!(n !== this.generation || this.provider !== r)) {
+					if (this.state.value === "live" && e === "agent") {
+						this.generation++, this.chime("end"), this.setState("ended"), this.teardown();
+						return;
+					}
+					this.fail({
+						code: this.state.value === "live" ? "VOICE_CONNECTION_LOST" : "VOICE_CONNECT_FAILED",
+						message: this.state.value === "live" ? "The voice connection dropped." : "Could not open the voice connection."
+					});
+				}
 			},
 			onError: (e) => {
 				n === this.generation && this.provider === r && this.fail(e);
+			},
+			onThinkingChange: (e) => {
+				n === this.generation && this.provider === r && this.settings.onThinkingChange?.(e);
 			}
 		}), a;
 		try {
 			await Promise.race([i, new Promise((e, t) => {
-				a = setTimeout(() => t(Object.assign(/* @__PURE__ */ Error("Voice connection timed out."), { code: "VOICE_CONNECT_TIMEOUT" })), z);
+				a = setTimeout(() => t(Object.assign(/* @__PURE__ */ Error("Voice connection timed out."), { code: "VOICE_CONNECT_TIMEOUT" })), B);
 			})]);
 		} catch (e) {
 			if (i.then(() => r.disconnect()).catch(() => {}), n !== this.generation || this.provider !== r) return;
@@ -179,7 +237,7 @@ var B = .08, V = .12, VoiceSessionClient = class extends f {
 		} finally {
 			a && clearTimeout(a);
 		}
-		n !== this.generation || this.provider !== r || (this.startLevelTimer(r, n), this.liveAtMs = Date.now(), this.setState("live"), this.emitMetric("voice.ready", this.liveAtMs - this.startAtMs), this.chime("start"));
+		n !== this.generation || this.provider !== r || (this.startLevelTimer(r, n), this.liveAtMs = Date.now(), this.setState("live"), this.updateWorkCue(), this.emitMetric("voice.ready", this.liveAtMs - this.startAtMs), this.chime("start"));
 	}
 	get canSendUserMessage() {
 		return this.state.value === "live" && !!this.provider?.sendUserMessage;
@@ -211,26 +269,60 @@ var B = .08, V = .12, VoiceSessionClient = class extends f {
 		this.state.value !== e && (this.state.value = e, this.settings.onStateChange?.(e));
 	}
 	fail(e) {
-		this.generation++, this.settings.onError?.(e), this.setState("ended"), this.teardown();
+		let t = this.state.value === "live";
+		this.generation++, t && this.chime("end"), this.settings.onError?.(e), this.setState("ended"), this.teardown();
 	}
 	async teardown() {
-		this.levelTimer !== void 0 && (clearInterval(this.levelTimer), this.levelTimer = void 0);
-		let e = this.provider;
+		this.workAbort?.abort(), this.workAbort = void 0;
+		let e = !!this.workState.activeTurnId;
+		this.workState = createVoiceWorkState(), e && this.settings.onWorkChange?.({ active: !1 }), this.audible = !1, this.settings.onThinkingChange?.(!1), this.setWorkCue(!1), this.levelTimer !== void 0 && (clearInterval(this.levelTimer), this.levelTimer = void 0);
+		let t = this.provider;
 		this.provider = void 0, this.isMuted.value = !1, this.settings.onLevel?.({
 			source: "playback",
 			level: 0
-		}), e && await e.disconnect().catch(() => {});
+		}), t && await t.disconnect().catch(() => {});
 	}
 	startLevelTimer(e, t) {
 		this.levelTimer === void 0 && (this.levelTimer = setInterval(() => {
 			if (t !== this.generation || this.provider !== e) return;
 			let n = e.sampleLevel();
-			n && (this.settings.onLevel?.(n), !this.engagedChimed && n.source === "mic" && n.level >= V && this.liveAtMs > 0 && (this.engagedChimed = !0, this.chime("engaged")), !this.firstPlaybackEmitted && n.source === "playback" && n.level >= B && this.liveAtMs > 0 && (this.firstPlaybackEmitted = !0, this.emitMetric("voice.first_playback", Date.now() - this.liveAtMs)));
-		}, R));
+			n && (this.settings.onLevel?.(n), this.audible = n.level >= H, this.updateWorkCue(), !this.firstPlaybackEmitted && n.source === "playback" && n.level >= V && this.liveAtMs > 0 && (this.firstPlaybackEmitted = !0, this.emitMetric("voice.first_playback", Date.now() - this.liveAtMs)));
+		}, z));
 	}
 	authHeaders() {
 		return this.settings.token ? { Authorization: `Bearer ${this.settings.token}` } : {};
 	}
+	startWorkStream(t, n) {
+		if (!this.settings.onWorkChange) return;
+		this.workAbort?.abort();
+		let r = new AbortController();
+		this.workAbort = r;
+		let i = e(this.settings.apiBase, this.settings.isDev), a = this.settings.fetchFn ?? fetch;
+		(async () => {
+			let e = await a(`${i}/api/conversations/${encodeURIComponent(t)}/stream`, {
+				headers: {
+					Accept: "text/event-stream",
+					...this.authHeaders()
+				},
+				credentials: "include",
+				signal: r.signal
+			});
+			if (!(!e.ok || !e.body)) for await (let t of p(e.body.getReader())) {
+				if (r.signal.aborted || n !== this.generation) return;
+				let e = this.workState, i = reduceVoiceWorkEvent(e, t);
+				i !== e && (this.workState = i, (i.activeTurnId !== e.activeTurnId || i.description !== e.description) && (this.settings.onWorkChange?.({
+					active: !!i.activeTurnId,
+					...i.description ? { description: i.description } : {}
+				}), this.updateWorkCue()));
+			}
+		})().catch(() => {});
+	}
+	updateWorkCue() {
+		this.setWorkCue(this.state.value === "live" && !!this.workState.activeTurnId && !this.audible);
+	}
+	setWorkCue(e) {
+		this.workCuePlaying !== e && (this.workCuePlaying = e, this.workCue(e));
+	}
 	async post(t) {
 		let n = e(this.settings.apiBase, this.settings.isDev), r = await (this.settings.fetchFn ?? fetch)(`${n}${t.path}`, {
 			method: "POST",
@@ -264,9 +356,9 @@ var B = .08, V = .12, VoiceSessionClient = class extends f {
 			body: { conversationId: t }
 		});
 		if (e !== this.generation) return null;
-		let r = p.safeParse(n);
+		let r = m.safeParse(n);
 		if (!r.success) throw Object.assign(/* @__PURE__ */ Error("Voice session mint returned an unexpected shape."), { code: "VOICE_MINT_INVALID" });
-		return r.data;
+		return this.conversationId = t, r.data;
 	}
 	toSessionError(e, t) {
 		return e instanceof Error ? {
@@ -279,6 +371,6 @@ var B = .08, V = .12, VoiceSessionClient = class extends f {
 	}
 };
 //#endregion
-export { i as AGENT_MODES, r as Agent, l as AgentChat, o as AgentChatController, o as AgentController, u as AgentProvider, N as AgentWidget, c as AgentWrap, a as ElAgentChat, F as ElAgentChatPreview, s as VoiceMode, VoiceSessionClient };
+export { i as AGENT_MODES, r as Agent, l as AgentChat, o as AgentChatController, o as AgentController, u as AgentProvider, P as AgentWidget, c as AgentWrap, a as ElAgentChat, I as ElAgentChatPreview, s as VoiceMode, VoiceSessionClient };
 
 //# sourceMappingURL=agent.js.map