@openpalm/ui 0.13.0-beta.7 → 0.13.0-beta.8

package/build/server/chunks/voice-state.svelte-CSmyLPRH.js

@@ -1,561 +0,0 @@
-import { t as toSpeakableText } from './speakable-text-BflxDDdY.js';
-
-//#region src/lib/notifications.svelte.ts
-var DEFAULT_TIMEOUTS = {
-	info: 4e3,
-	success: 5e3,
-	error: 8e3
-};
-var Notifications = class {
-	toasts = [];
-	timers = /* @__PURE__ */ new Map();
-	push(kind, message, opts = {}) {
-		const id = opts.replaceId ?? (typeof crypto !== "undefined" && "randomUUID" in crypto ? crypto.randomUUID() : `t-${Date.now()}-${Math.random().toString(36).slice(2)}`);
-		const ttlMs = opts.sticky ? null : opts.ttlMs ?? DEFAULT_TIMEOUTS[kind];
-		const toast = {
-			id,
-			kind,
-			message,
-			ttlMs
-		};
-		const existingTimer = this.timers.get(id);
-		if (existingTimer) {
-			clearTimeout(existingTimer);
-			this.timers.delete(id);
-		}
-		const existingIdx = this.toasts.findIndex((t) => t.id === id);
-		if (existingIdx >= 0) {
-			const next = [...this.toasts];
-			next[existingIdx] = toast;
-			this.toasts = next;
-		} else this.toasts = [...this.toasts, toast];
-		if (ttlMs !== null) {
-			const timer = setTimeout(() => this.dismiss(id), ttlMs);
-			this.timers.set(id, timer);
-		}
-		return id;
-	}
-	dismiss(id) {
-		const timer = this.timers.get(id);
-		if (timer) {
-			clearTimeout(timer);
-			this.timers.delete(id);
-		}
-		this.toasts = this.toasts.filter((t) => t.id !== id);
-	}
-	clear() {
-		for (const timer of this.timers.values()) clearTimeout(timer);
-		this.timers.clear();
-		this.toasts = [];
-	}
-};
-var notifications = new Notifications();
-//#endregion
-//#region src/lib/theme-state.svelte.ts
-var THEME_STORAGE_KEY = "openpalm.theme";
-var THEME_ATTR = "data-theme";
-var DARK_THEME_COLOR = "#161c22";
-var LIGHT_THEME_COLOR = "#f9fafb";
-function isThemePreference(value) {
-	return value === "light" || value === "dark" || value === "system";
-}
-var ThemeService = class {
-	preference = "system";
-	resolved = "light";
-	initialized = false;
-	#mediaQuery = null;
-	#mediaChangeHandler = () => {
-		if (this.preference !== "system") return;
-		this.resolved = this.#resolvePreference("system");
-		this.#applyResolvedTheme();
-	};
-	init() {
-		if (typeof window === "undefined" || this.initialized) return;
-		this.preference = this.#readStoredPreference();
-		this.resolved = this.#resolvePreference(this.preference);
-		this.#subscribeToSystemTheme();
-		this.#applyResolvedTheme();
-		this.initialized = true;
-	}
-	setPreference(preference) {
-		this.preference = preference;
-		this.resolved = this.#resolvePreference(preference);
-		this.#writeStoredPreference(preference);
-		this.#applyResolvedTheme();
-	}
-	toggle() {
-		const next = this.preference === "system" ? "light" : this.preference === "light" ? "dark" : "system";
-		this.setPreference(next);
-	}
-	dispose() {
-		if (this.#mediaQuery) if (typeof this.#mediaQuery.removeEventListener === "function") this.#mediaQuery.removeEventListener("change", this.#mediaChangeHandler);
-		else this.#mediaQuery.removeListener(this.#mediaChangeHandler);
-		this.#mediaQuery = null;
-		this.initialized = false;
-	}
-	#readStoredPreference() {
-		if (typeof window === "undefined") return "system";
-		try {
-			const stored = window.localStorage.getItem(THEME_STORAGE_KEY);
-			return isThemePreference(stored) ? stored : "system";
-		} catch {
-			return "system";
-		}
-	}
-	#writeStoredPreference(preference) {
-		if (typeof window === "undefined") return;
-		try {
-			window.localStorage.setItem(THEME_STORAGE_KEY, preference);
-		} catch {}
-	}
-	#resolvePreference(preference) {
-		if (preference === "light" || preference === "dark") return preference;
-		if (typeof window === "undefined" || typeof window.matchMedia !== "function") return "light";
-		return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
-	}
-	#subscribeToSystemTheme() {
-		if (typeof window === "undefined" || typeof window.matchMedia !== "function") return;
-		const nextQuery = window.matchMedia("(prefers-color-scheme: dark)");
-		if (this.#mediaQuery === nextQuery) return;
-		if (this.#mediaQuery) if (typeof this.#mediaQuery.removeEventListener === "function") this.#mediaQuery.removeEventListener("change", this.#mediaChangeHandler);
-		else this.#mediaQuery.removeListener(this.#mediaChangeHandler);
-		this.#mediaQuery = nextQuery;
-		if (typeof nextQuery.addEventListener === "function") nextQuery.addEventListener("change", this.#mediaChangeHandler);
-		else nextQuery.addListener(this.#mediaChangeHandler);
-	}
-	#applyResolvedTheme() {
-		if (typeof document === "undefined") return;
-		const root = document.documentElement;
-		root.setAttribute(THEME_ATTR, this.resolved);
-		root.style.colorScheme = this.resolved;
-		const themeColorMeta = document.querySelector("meta[name=\"theme-color\"]");
-		if (themeColorMeta) themeColorMeta.content = this.resolved === "dark" ? DARK_THEME_COLOR : LIGHT_THEME_COLOR;
-		const colorSchemeMeta = document.querySelector("meta[name=\"color-scheme\"]");
-		if (colorSchemeMeta) colorSchemeMeta.content = this.resolved;
-	}
-};
-var themeService = new ThemeService();
-//#endregion
-//#region src/lib/random-id.ts
-/**
-* Random id generation that works in EVERY browsing context.
-*
-* `crypto.randomUUID()` is secure-context-only: on a plain-http LAN origin
-* (the LAN-served tier) it is undefined and calling it throws. Every
-* browser-side id mint (connection ids, secret refs, request ids, local chat
-* entry ids) must go through this guard instead of bare `crypto.randomUUID()`
-* — the fallback builds a v4 UUID from `crypto.getRandomValues`, which IS
-* available in insecure contexts.
-*
-* Zero-import leaf module so any $lib code can use it without cycles.
-*/
-function randomId() {
-	if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") return crypto.randomUUID();
-	const b = crypto.getRandomValues(new Uint8Array(16));
-	b[6] = b[6] & 15 | 64;
-	b[8] = b[8] & 63 | 128;
-	const h = Array.from(b, (x) => x.toString(16).padStart(2, "0")).join("");
-	return `${h.slice(0, 8)}-${h.slice(8, 12)}-${h.slice(12, 16)}-${h.slice(16, 20)}-${h.slice(20)}`;
-}
-//#endregion
-//#region src/lib/api/core.ts
-var apiBase = "";
-function buildHeaders() {
-	return {
-		"x-request-id": randomId(),
-		"x-requested-by": "ui"
-	};
-}
-async function request(method, path, body, init) {
-	const headers = {
-		...body !== void 0 ? { "content-type": "application/json" } : {},
-		...buildHeaders()
-	};
-	return fetch(`${apiBase}${path}`, {
-		...init,
-		method,
-		headers,
-		credentials: "include",
-		...body !== void 0 ? { body: JSON.stringify(body) } : {}
-	});
-}
-async function readErrorMessage(res, fallback = `Request failed (HTTP ${res.status})`) {
-	if ((res.headers.get("content-type") ?? "").includes("application/json")) {
-		const data = await res.clone().json().catch((e) => {
-			console.warn("[api] Failed to parse JSON error response:", e);
-			return null;
-		});
-		if (data && typeof data.message === "string" && data.message.length > 0) return data.message;
-		if (data && typeof data.error === "string" && data.error.length > 0) return data.error;
-	}
-	return await res.text().catch((e) => {
-		console.warn("[api] Failed to read error response text:", e);
-		return "";
-	}) || fallback;
-}
-/** Throw on 401; throw readErrorMessage on non-OK. Returns the response. */
-async function requireOk(res, fallback) {
-	if (res.status === 401) throw Object.assign(/* @__PURE__ */ new Error("Sign-in required."), { status: 401 });
-	if (!res.ok) throw Object.assign(new Error(await readErrorMessage(res, fallback)), { status: res.status });
-	return res;
-}
-//#endregion
-//#region src/lib/voice/audio-playback.ts
-/**
-* AudioPlaybackController — the imperative TTS audio engine extracted from
-* voice-state.svelte.ts. Owns the speak queue, the HTMLAudioElement +
-* blob-URL lifecycle, the browser autoplay-policy fallback, and the
-* per-utterance playback (playOne). The reactive `voiceState` store
-* composes an instance of this and delegates speak/resume/stop to it.
-*
-* The controller never holds reactive `$state` itself — it mutates the
-* host store's reactive fields (status / errorMessage / autoplayBlocked)
-* through the `AudioPlaybackHost` it is constructed with, exactly as the
-* old module-global engine mutated `voiceState` directly.
-*
-* Only touch browser APIs (window, Audio, AudioContext, speechSynthesis)
-* from methods — never at construction — for SSR safety.
-*/
-var SPEAK_QUEUE_MAX = 20;
-var AudioPlaybackController = class {
-	host;
-	/**
-	* Optional hook fired when the speak queue fully drains (the last
-	* utterance reached a terminal state with nothing queued behind it).
-	* Conversation mode uses this to re-arm listening — an explicit
-	* callback instead of polling reactive status. Deliberately NOT fired
-	* from stop(): an explicit stop (barge-in, toggle off) must not re-arm
-	* anything by itself.
-	*/
-	onQueueDrained = null;
-	activeAudio = null;
-	activeAudioUrl = null;
-	speakQueue = [];
-	busy = false;
-	generation = 0;
-	overflowNoticed = false;
-	pendingAutoplayAudio = null;
-	pendingAutoplayUrl = null;
-	constructor(host) {
-		this.host = host;
-	}
-	/**
-	* Play a 1-frame silent AudioBuffer through a transient AudioContext to
-	* register the current user gesture with the browser's autoplay policy.
-	* Safe to call repeatedly; failures are swallowed.
-	*/
-	primeForAutoplay() {
-		if (typeof window === "undefined") return;
-		const Ctor = window.AudioContext ?? window.webkitAudioContext;
-		if (!Ctor) return;
-		try {
-			const ctx = new Ctor();
-			const buffer = ctx.createBuffer(1, 1, 22050);
-			const source = ctx.createBufferSource();
-			source.buffer = buffer;
-			source.connect(ctx.destination);
-			source.start(0);
-			setTimeout(() => {
-				ctx.close().catch(() => {});
-			}, 100);
-		} catch {}
-	}
-	teardownActiveAudio() {
-		if (this.activeAudio) {
-			this.activeAudio.onerror = null;
-			this.activeAudio.onended = null;
-			try {
-				this.activeAudio.pause();
-			} catch {}
-			this.activeAudio.src = "";
-			this.activeAudio = null;
-		}
-		if (this.activeAudioUrl) {
-			URL.revokeObjectURL(this.activeAudioUrl);
-			this.activeAudioUrl = null;
-		}
-	}
-	teardownPendingAutoplay() {
-		if (this.pendingAutoplayAudio) {
-			this.pendingAutoplayAudio.onerror = null;
-			this.pendingAutoplayAudio.onended = null;
-			try {
-				this.pendingAutoplayAudio.pause();
-			} catch {}
-			this.pendingAutoplayAudio.src = "";
-			this.pendingAutoplayAudio = null;
-		}
-		if (this.pendingAutoplayUrl) {
-			URL.revokeObjectURL(this.pendingAutoplayUrl);
-			this.pendingAutoplayUrl = null;
-		}
-		this.host.autoplayBlocked = false;
-	}
-	/**
-	* User clicked the "click to resume" banner — promote the stashed audio
-	* to the active slot and play. Called from VoiceControl's banner button;
-	* the click on the button itself satisfies the autoplay-policy gesture
-	* requirement.
-	*/
-	resume() {
-		const a = this.pendingAutoplayAudio;
-		if (!a) {
-			this.host.autoplayBlocked = false;
-			return;
-		}
-		this.host.autoplayBlocked = false;
-		this.host.errorMessage = "";
-		this.host.status = "speaking";
-		this.busy = true;
-		this.activeAudio = a;
-		this.activeAudioUrl = this.pendingAutoplayUrl;
-		this.pendingAutoplayAudio = null;
-		this.pendingAutoplayUrl = null;
-		a.play().catch(() => {
-			this.host.status = "idle";
-			this.host.errorMessage = "Audio playback failed.";
-			this.teardownActiveAudio();
-			this.drainNext();
-		});
-	}
-	/**
-	* Read text aloud. Tries server-side TTS via /api/speak first (when the
-	* configured engine is openpalm-voice or remote); falls back to browser
-	* speech synthesis. Silent no-op if neither path is available.
-	*
-	* If a previous utterance is still synthesizing, playing, or stashed
-	* behind an autoplay block, queues this one (FIFO, cap 20) instead of
-	* cutting it off mid-sentence.
-	*/
-	async speak(text) {
-		if (typeof window === "undefined" || !text.trim()) return;
-		if (this.busy) {
-			this.speakQueue.push(text);
-			let dropped = 0;
-			while (this.speakQueue.length > SPEAK_QUEUE_MAX) {
-				this.speakQueue.shift();
-				dropped += 1;
-			}
-			if (dropped > 0 && !this.overflowNoticed) {
-				this.overflowNoticed = true;
-				notifications.push("info", `Skipped ${dropped} spoken ${dropped === 1 ? "reply" : "replies"} — too much overlap. Lower the auto-speak chat rate.`);
-			}
-			return;
-		}
-		await this.playOne(text);
-	}
-	/**
-	* Advance the pump: play the next queued utterance, or release the busy
-	* flag so a future speak() can start a fresh burst. Every terminal path
-	* of an utterance must land here (or hold `busy` deliberately, as the
-	* autoplay-block stash does).
-	*/
-	drainNext() {
-		const next = this.speakQueue.shift();
-		if (next) this.playOne(next);
-		else {
-			this.busy = false;
-			this.overflowNoticed = false;
-			this.onQueueDrained?.();
-		}
-	}
-	/** Internal: actually trigger the audio for one text chunk. */
-	async playOne(text) {
-		if (typeof window === "undefined") return;
-		this.busy = true;
-		const gen = this.generation;
-		const speakableText = toSpeakableText(text);
-		if (!speakableText) {
-			this.drainNext();
-			return;
-		}
-		this.teardownActiveAudio();
-		if ("speechSynthesis" in window) window.speechSynthesis.cancel();
-		this.host.errorMessage = "";
-		const engine = this.host.ttsEngine;
-		const useServer = engine === "openpalm-voice" || engine === "remote";
-		if (useServer) {
-			let res;
-			try {
-				res = await fetch("/api/speak", {
-					method: "POST",
-					headers: { "content-type": "application/json" },
-					credentials: "include",
-					body: JSON.stringify({ text: speakableText })
-				});
-			} catch {}
-			if (gen !== this.generation) return;
-			if (res?.ok && res.headers.get("content-type")?.startsWith("audio/")) {
-				const blob = await res.blob();
-				if (gen !== this.generation) return;
-				const url = URL.createObjectURL(blob);
-				const audio = new Audio(url);
-				this.activeAudio = audio;
-				this.activeAudioUrl = url;
-				audio.onended = () => {
-					this.host.status = "idle";
-					this.teardownActiveAudio();
-					this.drainNext();
-				};
-				audio.onerror = () => {
-					this.host.status = "idle";
-					this.host.errorMessage = "Audio playback failed.";
-					this.teardownActiveAudio();
-					this.drainNext();
-				};
-				this.host.status = "speaking";
-				try {
-					await audio.play();
-				} catch {
-					this.host.status = "idle";
-					this.pendingAutoplayAudio = audio;
-					this.pendingAutoplayUrl = url;
-					this.activeAudio = null;
-					this.activeAudioUrl = null;
-					this.host.autoplayBlocked = true;
-				}
-				return;
-			}
-			if (res && !res.ok) {
-				const errMsg = await this.extractSpeakError(res);
-				this.host.errorMessage = errMsg;
-			}
-		}
-		if (!("speechSynthesis" in window)) {
-			this.drainNext();
-			return;
-		}
-		if (useServer) this.host.errorMessage = "";
-		const utterance = new SpeechSynthesisUtterance(speakableText);
-		utterance.onstart = () => {
-			if (gen !== this.generation) return;
-			this.host.status = "speaking";
-		};
-		utterance.onend = () => {
-			if (gen !== this.generation) return;
-			this.host.status = "idle";
-			this.drainNext();
-		};
-		utterance.onerror = () => {
-			if (gen !== this.generation) return;
-			this.host.status = "idle";
-			this.drainNext();
-		};
-		window.speechSynthesis.speak(utterance);
-	}
-	/**
-	* Convert a non-OK /api/speak response into a human-readable string.
-	* Recognises the two common shapes the route returns; falls back to a
-	* generic message keyed off the HTTP status.
-	*/
-	async extractSpeakError(res) {
-		let code;
-		try {
-			const data = await res.clone().json();
-			if (typeof data.error === "string") code = data.error;
-		} catch {}
-		if (code === "tts_not_configured") return "TTS is not configured.";
-		if (code === "upstream_error" || res.status === 502 || res.status === 503) return "Voice engine is warming up — try again in a moment.";
-		return `TTS failed (HTTP ${res.status}).`;
-	}
-	/** Cancel speech synthesis. Drops the entire queue. */
-	stop() {
-		this.speakQueue.length = 0;
-		this.busy = false;
-		this.generation += 1;
-		this.overflowNoticed = false;
-		this.teardownPendingAutoplay();
-		this.teardownActiveAudio();
-		if (typeof window !== "undefined" && "speechSynthesis" in window) window.speechSynthesis.cancel();
-		this.host.status = "idle";
-	}
-};
-var VoiceState = class {
-	status = "idle";
-	/** True when the configured STT engine is actually usable from this browser. */
-	sttSupported = false;
-	ttsSupported = false;
-	errorMessage = "";
-	/** Partial transcript text while browser STT is mid-utterance. Cleared on stop/error. */
-	interimTranscript = "";
-	/** Active engine resolved from /api/host/voice. */
-	sttEngine = "disabled";
-	ttsEngine = "disabled";
-	/** Optional language hint (forwarded to /api/transcribe). */
-	sttLanguage = "";
-	/** Global toggle: when true, assistant chat replies are spoken automatically. */
-	ttsAutoEnabled = false;
-	/**
-	* True when an audio.play() was rejected by the browser's autoplay
-	* policy and we have a pending utterance waiting for a user gesture.
-	* The chat UI renders a small "click to resume" banner; clicking it
-	* calls resumeAutoplay() to actually play.
-	*/
-	autoplayBlocked = false;
-	/**
-	* True while hands-free conversation mode owns the mic (the chat page's
-	* listen → deliver → speak → listen loop). `status` keeps cycling
-	* through the normal VoiceStatus values while this is set.
-	*/
-	conversationActive = false;
-	/**
-	* Set when the configured STT engine is technically present in the
-	* window but known to fail at runtime on this UA (e.g. iOS Safari
-	* exposes SpeechRecognition but `start()` immediately errors with
-	* `service-not-allowed`). The Voice settings tab uses this to hide or
-	* disable the Browser STT card with the reason as a tooltip.
-	*/
-	browserSttUnsupportedReason = "";
-};
-var voiceState = new VoiceState();
-/**
-* The imperative TTS audio engine (speak queue, blob-URL lifecycle,
-* autoplay fallback, playOne). The reactive store composes it and
-* delegates the exported speak/resume/stop wrappers below to it; the
-* controller mutates `voiceState`'s reactive fields in place.
-*/
-var audioPlayback = new AudioPlaybackController(voiceState);
-audioPlayback.onQueueDrained = () => {
-	if (voiceState.conversationActive && voiceState.status === "idle") voiceState.status = "recording";
-};
-/** Exit conversation mode and tear down the listening loop (whichever engine). */
-function stopConversation() {
-	if (!voiceState.conversationActive) return;
-	voiceState.conversationActive = false;
-	voiceState.interimTranscript = "";
-	if (voiceState.status === "recording" || voiceState.status === "transcribing") voiceState.status = "idle";
-}
-/**
-* Read text aloud. Tries server-side TTS via /api/speak first (when the
-* configured engine is openpalm-voice or remote); falls back to browser
-* speech synthesis. Silent no-op if neither path is available.
-*
-* If a previous utterance is still playing, queues this one (FIFO, cap 20)
-* instead of cutting it off mid-sentence.
-*/
-function speakText(text) {
-	return audioPlayback.speak(text);
-}
-/** Cancel speech synthesis. Drops the entire queue. */
-function stopSpeaking() {
-	audioPlayback.stop();
-}
-/**
-* Tear down per-component voice resources on unmount. Only cancels
-* any in-flight recording / recognition (including the conversation
-* loop).
-*
-* Deliberately does NOT cancel `speechSynthesis` — that queue is a
-* window-level singleton and the user's auto-TTS toggle is persistent,
-* so a page navigation must not interrupt the assistant mid-utterance.
-* Explicit user actions (logout, mic click, toggle off) call
-* `stopSpeaking` directly.
-*/
-function destroyVoice() {
-	stopConversation();
-	voiceState.interimTranscript = "";
-	voiceState.status = "idle";
-}
-
-export { request as a, requireOk as b, stopSpeaking as c, destroyVoice as d, notifications as n, randomId as r, speakText as s, themeService as t, voiceState as v };
-//# sourceMappingURL=voice-state.svelte-CSmyLPRH.js.map