@openpalm/ui 0.11.0-rc.2

package/build/server/chunks/AuthGate-keg7G6rX.js

@@ -0,0 +1,707 @@
+import { v as version } from './environment-BnT49Gi3.js';
+import { d as attr, p as escape_html, m as derived, n as ensure_array_like, e as attr_class } from './dev-DjANv7AF.js';
+import { o as onDestroy, p as page } from './state-BI-lJPhE.js';
+import { g as fetchEndpoints, m as setActiveEndpoint, l as listSessions, k as getSessionMessages, c as createSession, s as sendChatMessage, v as voiceState, p as speakText, q as stopSpeaking, d as destroyVoice } from './voice-state.svelte-CQp8u0bn.js';
+
+//#region src/lib/chat/session-events.ts
+var INITIAL_BACKOFF_MS = 1e3;
+var MAX_BACKOFF_MS = 3e4;
+var STREAM_URL = "/proxy/assistant/event";
+/**
+* Parse one `\n\n`-delimited SSE frame. Multi-line `data:` fields are
+* concatenated with `\n` per the SSE spec.
+*/
+function parseFrame(chunk) {
+	const frame = {};
+	const dataLines = [];
+	for (const rawLine of chunk.split("\n")) {
+		if (!rawLine || rawLine.startsWith(":")) continue;
+		if (rawLine.startsWith("data:")) dataLines.push(rawLine.replace(/^data:\s?/, ""));
+		else if (rawLine.startsWith("event:")) frame.event = rawLine.replace(/^event:\s?/, "");
+		else if (rawLine.startsWith("id:")) frame.id = rawLine.replace(/^id:\s?/, "");
+	}
+	if (dataLines.length > 0) frame.data = dataLines.join("\n");
+	return frame;
+}
+function dispatch(handlers, payload) {
+	const info = payload.properties?.info;
+	const id = info?.id;
+	if (!id) return;
+	switch (payload.type) {
+		case "session.created":
+			handlers.onCreated(id);
+			return;
+		case "session.updated":
+			handlers.onUpdated(id, {
+				title: info?.title,
+				updatedAt: info?.time?.updated
+			});
+			return;
+		case "session.deleted":
+			handlers.onDeleted(id);
+			return;
+		default: return;
+	}
+}
+/**
+* Open an SSE connection to `/proxy/assistant/event` and dispatch
+* session-scoped events. Returns an unsubscribe function that aborts the
+* stream and prevents reconnection.
+*/
+function subscribeSessionEvents(handlers) {
+	let stopped = false;
+	let controller = new AbortController();
+	let lastEventId;
+	const sleep = (ms) => new Promise((resolve) => {
+		const timer = setTimeout(resolve, ms);
+		controller.signal.addEventListener("abort", () => {
+			clearTimeout(timer);
+			resolve();
+		}, { once: true });
+	});
+	async function readStream() {
+		const headers = { accept: "text/event-stream" };
+		if (lastEventId !== void 0) headers["Last-Event-ID"] = lastEventId;
+		const response = await fetch(STREAM_URL, {
+			method: "GET",
+			headers,
+			credentials: "include",
+			signal: controller.signal
+		});
+		if (!response.ok || !response.body) throw new Error(`SSE stream failed: ${response.status} ${response.statusText}`);
+		handlers.onConnect?.();
+		const reader = response.body.pipeThrough(new TextDecoderStream()).getReader();
+		let buffer = "";
+		try {
+			while (true) {
+				const { done, value } = await reader.read();
+				if (done) break;
+				buffer += value;
+				const chunks = buffer.split("\n\n");
+				buffer = chunks.pop() ?? "";
+				for (const chunk of chunks) {
+					if (!chunk) continue;
+					const frame = parseFrame(chunk);
+					if (frame.id !== void 0) lastEventId = frame.id;
+					if (!frame.data) continue;
+					let payload;
+					try {
+						payload = JSON.parse(frame.data);
+					} catch (err) {
+						console.warn("[session-events] Bad JSON in SSE frame", err);
+						continue;
+					}
+					dispatch(handlers, payload);
+				}
+			}
+		} finally {
+			try {
+				reader.releaseLock();
+			} catch {}
+		}
+	}
+	(async () => {
+		let attempt = 0;
+		while (!stopped) try {
+			attempt++;
+			await readStream();
+			attempt = 0;
+			if (!stopped) await sleep(500);
+		} catch (err) {
+			if (stopped) return;
+			const error = err instanceof Error ? err : new Error(String(err));
+			if (error.name !== "AbortError") {
+				console.warn("[session-events] SSE error, reconnecting", error);
+				handlers.onDisconnect?.(error);
+			}
+			await sleep(Math.min(INITIAL_BACKOFF_MS * 2 ** Math.max(0, attempt - 1), MAX_BACKOFF_MS));
+			if (controller.signal.aborted && !stopped) controller = new AbortController();
+		}
+	})();
+	return () => {
+		stopped = true;
+		try {
+			controller.abort();
+		} catch {}
+	};
+}
+//#endregion
+//#region src/lib/chat/chat-state.svelte.ts
+function emptyEndpointState() {
+	return {
+		sessions: [],
+		sessionsLoaded: false,
+		sessionsLoading: false,
+		sessionsError: "",
+		activeSessionId: null
+	};
+}
+var ChatService = class {
+	/**
+	* Per-endpoint session cache. Reassigned on every mutation so Svelte 5
+	* picks up the change. Never mutate the existing Map in place.
+	*/
+	byEndpoint = /* @__PURE__ */ new Map();
+	/**
+	* Mirrored from `endpointsService.activeId` via `onEndpointChanged()`
+	* so the chat layer doesn't have to import the endpoint store.
+	*/
+	activeEndpointId = "default";
+	/** Messages for the currently rendered session only. */
+	entries = [];
+	entriesLoading = false;
+	sending = false;
+	error = "";
+	/**
+	* Set true while the SSE event stream is connected. Surfaced by the
+	* SessionPicker as a tiny green/gray dot so the operator can see at a
+	* glance whether live updates are flowing.
+	*/
+	liveConnected = false;
+	/**
+	* Active SSE subscription handle. Reassigned on every endpoint switch.
+	* Plain field (not `$state`) — only the chat service touches it.
+	*/
+	_unsubscribeEvents = null;
+	#activeSessionId = derived(() => this.byEndpoint.get(this.activeEndpointId)?.activeSessionId ?? null);
+	get activeSessionId() {
+		return this.#activeSessionId();
+	}
+	set activeSessionId($$value) {
+		return this.#activeSessionId($$value);
+	}
+	setEndpointState(id, patch) {
+		const next = {
+			...this.byEndpoint.get(id) ?? emptyEndpointState(),
+			...patch
+		};
+		this.byEndpoint = new Map(this.byEndpoint).set(id, next);
+		return next;
+	}
+	/**
+	* Handle an endpoint switch: load sessions, restore prior or pick
+	* newest, fetch messages. Mid-generation switches are blocked.
+	*/
+	async onEndpointChanged(id) {
+		if (this.sending) {
+			this.error = "Wait for the current reply to finish before switching.";
+			return;
+		}
+		this.activeEndpointId = id;
+		this.entries = [];
+		this.error = "";
+		if (!this.byEndpoint.get(id)?.sessionsLoaded) await this.loadSessions();
+		const state = this.byEndpoint.get(id) ?? emptyEndpointState();
+		const sessions = state.sessions;
+		const previous = state.activeSessionId;
+		let nextSessionId = null;
+		if (previous && sessions.some((s) => s.id === previous)) nextSessionId = previous;
+		else if (sessions.length > 0) nextSessionId = sessions[0].id;
+		if (nextSessionId !== state.activeSessionId) this.setEndpointState(id, { activeSessionId: nextSessionId });
+		if (nextSessionId) await this.openSession(nextSessionId);
+		this._resubscribeEvents();
+	}
+	/**
+	* Tear down any prior SSE subscription and open a new one. Handlers
+	* dispatch session.created / updated / deleted into the per-endpoint
+	* cache, mirroring out-of-band changes (CLI, other clients).
+	*/
+	_resubscribeEvents() {
+		if (this._unsubscribeEvents) {
+			try {
+				this._unsubscribeEvents();
+			} catch (err) {
+				console.warn("[chat] failed to unsubscribe from previous event stream", err);
+			}
+			this._unsubscribeEvents = null;
+		}
+		this.liveConnected = false;
+		this._unsubscribeEvents = subscribeSessionEvents({
+			onCreated: (id) => {
+				this._onSessionCreated(id);
+			},
+			onUpdated: (id, info) => {
+				this._onSessionUpdated(id, info);
+			},
+			onDeleted: (id) => {
+				this._onSessionDeleted(id);
+			},
+			onConnect: () => {
+				this.liveConnected = true;
+			},
+			onDisconnect: () => {
+				this.liveConnected = false;
+			}
+		});
+	}
+	/**
+	* A session was created out-of-band — prepend to the active endpoint's
+	* list if not already known. Do not auto-switch to it: the user owns
+	* navigation.
+	*/
+	_onSessionCreated(sessionId) {
+		const endpointId = this.activeEndpointId;
+		const prev = this.byEndpoint.get(endpointId) ?? emptyEndpointState();
+		if (prev.sessions.some((s) => s.id === sessionId)) return;
+		const now = Date.now();
+		const summary = {
+			id: sessionId,
+			title: "",
+			createdAt: now,
+			updatedAt: now
+		};
+		this.setEndpointState(endpointId, {
+			sessions: [summary, ...prev.sessions],
+			sessionsLoaded: true
+		});
+	}
+	/**
+	* A session was touched out-of-band — patch its updatedAt (and title if
+	* the event carries one) and re-sort. Do NOT refetch messages: if the
+	* user is viewing this session, leave the in-memory entries alone for
+	* v1. A follow-up phase can reconcile message deltas via the assistant
+	* event stream.
+	*/
+	_onSessionUpdated(sessionId, info) {
+		const endpointId = this.activeEndpointId;
+		const prev = this.byEndpoint.get(endpointId);
+		if (!prev) return;
+		const idx = prev.sessions.findIndex((s) => s.id === sessionId);
+		if (idx === -1) return;
+		const existing = prev.sessions[idx];
+		const sessions = [{
+			...existing,
+			title: info?.title ?? existing.title,
+			updatedAt: info?.updatedAt ?? Date.now()
+		}, ...prev.sessions.filter((s) => s.id !== sessionId)];
+		sessions.sort((a, b) => b.updatedAt - a.updatedAt);
+		this.setEndpointState(endpointId, { sessions });
+	}
+	/**
+	* A session was deleted out-of-band. Remove it from the list; if it was
+	* the active session, fall back to the newest remaining session (or
+	* null) and reload its messages.
+	*/
+	async _onSessionDeleted(sessionId) {
+		const endpointId = this.activeEndpointId;
+		const prev = this.byEndpoint.get(endpointId);
+		if (!prev) return;
+		if (!prev.sessions.some((s) => s.id === sessionId)) return;
+		const sessions = prev.sessions.filter((s) => s.id !== sessionId);
+		const wasActive = prev.activeSessionId === sessionId;
+		const nextActive = wasActive ? sessions[0]?.id ?? null : prev.activeSessionId;
+		this.setEndpointState(endpointId, {
+			sessions,
+			activeSessionId: nextActive
+		});
+		if (wasActive) {
+			this.entries = [];
+			if (nextActive) await this.openSession(nextActive);
+		}
+	}
+	/** Fetch the session list for the active endpoint. */
+	async loadSessions() {
+		const id = this.activeEndpointId;
+		this.setEndpointState(id, {
+			sessionsLoading: true,
+			sessionsError: ""
+		});
+		try {
+			const sessions = await listSessions();
+			this.setEndpointState(id, {
+				sessions,
+				sessionsLoaded: true,
+				sessionsLoading: false,
+				sessionsError: ""
+			});
+		} catch (e) {
+			const err = e;
+			const message = err.status === 503 || err.status === 502 ? "Assistant is not reachable." : err.message ?? "Failed to load sessions.";
+			this.setEndpointState(id, {
+				sessionsLoading: false,
+				sessionsError: message
+			});
+		}
+	}
+	/** Select a session and render its messages. */
+	async openSession(sessionId) {
+		if (this.sending) {
+			this.error = "Wait for the current reply to finish before switching.";
+			return;
+		}
+		const endpointId = this.activeEndpointId;
+		this.setEndpointState(endpointId, { activeSessionId: sessionId });
+		this.entries = [];
+		this.entriesLoading = true;
+		this.error = "";
+		try {
+			const messages = await getSessionMessages(sessionId);
+			if (this.activeEndpointId === endpointId && this.byEndpoint.get(endpointId)?.activeSessionId === sessionId) this.entries = messages;
+		} catch (e) {
+			const err = e;
+			if (err.status === 503 || err.status === 502) this.error = "Assistant is not reachable. Try reconnecting.";
+			else if (err.status === 401) this.error = "Sign-in required.";
+			else this.error = err.message ?? "Failed to load messages.";
+		} finally {
+			this.entriesLoading = false;
+		}
+	}
+	/** Create a new session on the active endpoint and select it. */
+	async startNewSession() {
+		if (this.sending) {
+			this.error = "Wait for the current reply to finish before switching.";
+			return null;
+		}
+		const endpointId = this.activeEndpointId;
+		this.error = "";
+		try {
+			const { id } = await createSession();
+			const now = Date.now();
+			const summary = {
+				id,
+				title: "",
+				createdAt: now,
+				updatedAt: now
+			};
+			const prev = this.byEndpoint.get(endpointId) ?? emptyEndpointState();
+			this.setEndpointState(endpointId, {
+				sessions: [summary, ...prev.sessions.filter((s) => s.id !== id)],
+				sessionsLoaded: true,
+				activeSessionId: id
+			});
+			this.entries = [];
+			return id;
+		} catch (e) {
+			const err = e;
+			this.error = `Failed to start session: ${err.message ?? "unknown error"}`;
+			return null;
+		}
+	}
+	/**
+	* Send a message in the active session. If none is active, create one
+	* first (matches the "zero sessions" empty-state flow).
+	*/
+	async send(text) {
+		if (this.sending) return;
+		const trimmed = text.trim();
+		if (!trimmed) return;
+		let sessionId = this.activeSessionId;
+		if (!sessionId) {
+			sessionId = await this.startNewSession();
+			if (!sessionId) return;
+		}
+		const userEntry = {
+			id: crypto.randomUUID(),
+			role: "user",
+			text: trimmed,
+			timestamp: Date.now()
+		};
+		this.entries = [...this.entries, userEntry];
+		this.error = "";
+		this.sending = true;
+		try {
+			const replyText = (await sendChatMessage(sessionId, trimmed)).parts.filter((p) => p.type === "text" && p.text).map((p) => p.text ?? "").join("");
+			const assistantEntry = {
+				id: crypto.randomUUID(),
+				role: "assistant",
+				text: replyText || "(no response)",
+				timestamp: Date.now()
+			};
+			this.entries = [...this.entries, assistantEntry];
+			const endpointId = this.activeEndpointId;
+			const prev = this.byEndpoint.get(endpointId);
+			if (prev) {
+				const now = Date.now();
+				const existing = prev.sessions.find((s) => s.id === sessionId);
+				const updated = existing ? {
+					...existing,
+					updatedAt: now
+				} : {
+					id: sessionId,
+					title: "",
+					createdAt: now,
+					updatedAt: now
+				};
+				const rest = prev.sessions.filter((s) => s.id !== sessionId);
+				this.setEndpointState(endpointId, { sessions: [updated, ...rest] });
+			}
+			if (voiceState.ttsSupported && voiceState.ttsAutoEnabled && replyText) speakText(replyText);
+		} catch (e) {
+			const err = e;
+			if (err.status === 503 || err.status === 502) {
+				this.error = "Assistant is not reachable. Try reconnecting.";
+				this.setEndpointState(this.activeEndpointId, { activeSessionId: null });
+			} else if (err.status === 401) this.error = "Sign-in required.";
+			else this.error = err.message ?? "Message failed.";
+		} finally {
+			this.sending = false;
+		}
+	}
+	reset() {
+		stopSpeaking();
+		this.entries = [];
+		this.error = "";
+		this.byEndpoint = /* @__PURE__ */ new Map();
+		if (this._unsubscribeEvents) {
+			try {
+				this._unsubscribeEvents();
+			} catch (err) {
+				console.warn("[chat] failed to unsubscribe from event stream during reset", err);
+			}
+			this._unsubscribeEvents = null;
+		}
+		this.liveConnected = false;
+	}
+};
+var chat = new ChatService();
+//#endregion
+//#region src/lib/components/VoiceControl.svelte
+function VoiceControl($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		const MAX_INTERIM_CHARS = 48;
+		let mounted = false;
+		onDestroy(() => {
+			destroyVoice();
+		});
+		let supported = derived(() => mounted);
+		let ttsAvailable = derived(() => mounted);
+		let isRecording = derived(() => voiceState.status === "recording");
+		let isTranscribing = derived(() => voiceState.status === "transcribing");
+		let isProcessing = derived(() => !isRecording() && !isTranscribing() && chat.sending);
+		let isSpeaking = derived(() => voiceState.status === "speaking");
+		if (supported() || ttsAvailable() || voiceState.autoplayBlocked) {
+			$$renderer.push("<!--[0-->");
+			$$renderer.push(`<div class="voice-control svelte-1a5q9sh" role="toolbar" aria-label="Voice controls">`);
+			if (isRecording() && voiceState.interimTranscript) {
+				$$renderer.push("<!--[0-->");
+				$$renderer.push(`<span class="voice-interim svelte-1a5q9sh" aria-hidden="true"${attr("title", voiceState.interimTranscript)}>${escape_html(voiceState.interimTranscript.length > MAX_INTERIM_CHARS ? voiceState.interimTranscript.slice(0, MAX_INTERIM_CHARS) + "…" : voiceState.interimTranscript)}</span>`);
+			} else $$renderer.push("<!--[-1-->");
+			$$renderer.push(`<!--]--> `);
+			if (voiceState.autoplayBlocked) {
+				$$renderer.push("<!--[0-->");
+				$$renderer.push(`<button type="button" class="voice-autoplay-banner svelte-1a5q9sh" aria-label="Resume paused audio" title="Audio was blocked by the browser. Click to resume."><svg aria-hidden="true" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="svelte-1a5q9sh"><polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5" class="svelte-1a5q9sh"></polygon><line x1="23" y1="9" x2="17" y2="15" class="svelte-1a5q9sh"></line><line x1="17" y1="9" x2="23" y2="15" class="svelte-1a5q9sh"></line></svg> <span class="svelte-1a5q9sh">Audio paused — click to resume</span></button>`);
+			} else $$renderer.push("<!--[-1-->");
+			$$renderer.push(`<!--]--> `);
+			if (ttsAvailable()) {
+				$$renderer.push("<!--[0-->");
+				$$renderer.push(`<button${attr_class("voice-btn svelte-1a5q9sh", void 0, {
+					"voice-btn-on": voiceState.ttsAutoEnabled,
+					"voice-btn-speaking": isSpeaking()
+				})}${attr("aria-label", voiceState.ttsAutoEnabled ? "Turn off spoken responses" : "Turn on spoken responses")}${attr("aria-pressed", voiceState.ttsAutoEnabled)}${attr("title", isSpeaking() ? "Speaking — click to turn off spoken responses" : voiceState.ttsAutoEnabled ? "Spoken responses are on — click to turn off" : "Spoken responses are off — click to turn on")}><svg aria-hidden="true" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="svelte-1a5q9sh"><polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5" class="svelte-1a5q9sh"></polygon>`);
+				if (voiceState.ttsAutoEnabled) {
+					$$renderer.push("<!--[0-->");
+					$$renderer.push(`<path d="M15.54 8.46a5 5 0 0 1 0 7.07"${attr_class("svelte-1a5q9sh", void 0, { "wave-anim": isSpeaking() })}></path><path d="M19.07 4.93a10 10 0 0 1 0 14.14"${attr_class("svelte-1a5q9sh", void 0, { "wave-anim-2": isSpeaking() })}></path>`);
+				} else {
+					$$renderer.push("<!--[-1-->");
+					$$renderer.push(`<line x1="23" y1="9" x2="17" y2="15" class="svelte-1a5q9sh"></line><line x1="17" y1="9" x2="23" y2="15" class="svelte-1a5q9sh"></line>`);
+				}
+				$$renderer.push(`<!--]--></svg></button>`);
+			} else $$renderer.push("<!--[-1-->");
+			$$renderer.push(`<!--]--> `);
+			if (supported()) {
+				$$renderer.push("<!--[0-->");
+				$$renderer.push(`<button${attr_class("voice-btn svelte-1a5q9sh", void 0, {
+					"voice-btn-active": isRecording(),
+					"voice-btn-processing": isProcessing() || isTranscribing()
+				})}${attr("disabled", isProcessing(), true)}${attr("aria-label", isRecording() ? "Stop recording" : isTranscribing() ? "Transcribing…" : isProcessing() ? "Sending message…" : "Start recording")}${attr("aria-pressed", isRecording())}${attr("title", isRecording() ? "Stop recording" : isTranscribing() ? "Transcribing…" : isProcessing() ? "Sending message…" : "Speak — message will be sent to the selected assistant")}>`);
+				if (isTranscribing() || isProcessing()) {
+					$$renderer.push("<!--[0-->");
+					$$renderer.push(`<span class="voice-spinner svelte-1a5q9sh" aria-hidden="true"></span>`);
+				} else if (isRecording()) {
+					$$renderer.push("<!--[1-->");
+					$$renderer.push(`<svg aria-hidden="true" width="14" height="14" viewBox="0 0 24 24" fill="currentColor" class="svelte-1a5q9sh"><rect x="6" y="6" width="12" height="12" rx="1.5" class="svelte-1a5q9sh"></rect></svg> <span class="voice-pulse svelte-1a5q9sh" aria-hidden="true"></span>`);
+				} else {
+					$$renderer.push("<!--[-1-->");
+					$$renderer.push(`<svg aria-hidden="true" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="svelte-1a5q9sh"><path d="M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z" class="svelte-1a5q9sh"></path><path d="M19 10v2a7 7 0 0 1-14 0v-2" class="svelte-1a5q9sh"></path><line x1="12" y1="19" x2="12" y2="23" class="svelte-1a5q9sh"></line><line x1="8" y1="23" x2="16" y2="23" class="svelte-1a5q9sh"></line></svg>`);
+				}
+				$$renderer.push(`<!--]--></button>`);
+			} else $$renderer.push("<!--[-1-->");
+			$$renderer.push(`<!--]--> <span class="sr-only svelte-1a5q9sh" aria-live="polite">${escape_html(isRecording() && voiceState.interimTranscript ? voiceState.interimTranscript : isRecording() ? "Recording" : isTranscribing() ? "Transcribing" : isProcessing() ? "Sending message to assistant" : isSpeaking() ? "Assistant is speaking" : voiceState.ttsAutoEnabled ? "Spoken responses on" : "")}</span></div>`);
+		} else $$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]-->`);
+	});
+}
+//#endregion
+//#region src/lib/endpoints-state.svelte.ts
+var EndpointsService = class {
+	endpoints = [];
+	activeId = "default";
+	loading = false;
+	loaded = false;
+	error = "";
+	#active = derived(() => this.endpoints.find((e) => e.id === this.activeId) ?? this.endpoints[0] ?? null);
+	get active() {
+		return this.#active();
+	}
+	set active($$value) {
+		return this.#active($$value);
+	}
+	async load(force = false) {
+		if (this.loading) return;
+		if (this.loaded && !force) return;
+		this.loading = true;
+		this.error = "";
+		try {
+			const { endpoints, activeId } = await fetchEndpoints();
+			this.endpoints = endpoints;
+			this.activeId = activeId;
+			this.loaded = true;
+		} catch (e) {
+			const err = e;
+			if (err.status !== 401) this.error = err.message ?? "Failed to load endpoints";
+		} finally {
+			this.loading = false;
+		}
+	}
+	async activate(id) {
+		if (id === this.activeId) return;
+		if (chat.sending) {
+			this.error = "Wait for the current reply to finish before switching.";
+			throw new Error(this.error);
+		}
+		const previous = this.activeId;
+		this.activeId = id;
+		try {
+			await setActiveEndpoint(id);
+			await chat.onEndpointChanged(id);
+		} catch (e) {
+			this.activeId = previous;
+			const err = e;
+			this.error = err.message ?? "Failed to switch endpoint";
+			throw e;
+		}
+	}
+};
+var endpointsService = new EndpointsService();
+//#endregion
+//#region src/lib/components/EndpointSwitcher.svelte
+function EndpointSwitcher($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		let open = false;
+		const active = derived(() => endpointsService.active);
+		$$renderer.push(`<div class="switcher svelte-1gh51ee"><button type="button" class="trigger svelte-1gh51ee" aria-haspopup="menu"${attr("aria-expanded", open)}${attr("aria-label", active() ? `Assistant endpoint: ${active().label}` : "Assistant endpoints")}${attr("title", active() ? `Connected to: ${active().label} (${active().url})` : "Assistant endpoints")}${attr("disabled", endpointsService.loading, true)}><svg class="trigger-icon svelte-1gh51ee" aria-hidden="true" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="2" width="20" height="8" rx="2" ry="2"></rect><rect x="2" y="14" width="20" height="8" rx="2" ry="2"></rect><line x1="6" y1="6" x2="6.01" y2="6"></line><line x1="6" y1="18" x2="6.01" y2="18"></line></svg> <span class="dot svelte-1gh51ee" aria-hidden="true"></span> <span class="label svelte-1gh51ee">${escape_html(active()?.label ?? "Endpoint…")}</span> <span class="caret svelte-1gh51ee" aria-hidden="true">▾</span></button> `);
+		$$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--></div>`);
+	});
+}
+//#endregion
+//#region src/lib/components/SessionPicker.svelte
+function SessionPicker($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		let open = false;
+		const active = derived(() => endpointsService.active);
+		const endpointState = derived(() => active() ? chat.byEndpoint.get(active().id) ?? null : null);
+		const sessions = derived(() => endpointState()?.sessions ?? []);
+		const activeSessionId = derived(() => chat.activeSessionId);
+		const activeSummary = derived(() => sessions().find((s) => s.id === activeSessionId()) ?? null);
+		const triggerLabel = derived(() => activeSummary() ? activeSummary().title || `Untitled · ${formatRelative(activeSummary().updatedAt)}` : "New session");
+		/**
+		* Live-updates indicator. True when the chat service's SSE stream to
+		* `/proxy/assistant/event` is connected — out-of-band session changes
+		* (CLI, other clients) will flow through. Shown as a tiny dot so the
+		* operator can tell at a glance whether the picker is reactive or
+		* snapshot.
+		*/
+		const liveConnected = derived(() => chat.liveConnected);
+		/**
+		* Tiny relative-time helper. No date-fns dep — that would be ~30 KB for
+		* 4 cases.
+		*/
+		function formatRelative(ts) {
+			if (!ts) return "";
+			const diffSec = Math.max(0, (Date.now() - ts) / 1e3);
+			if (diffSec < 60) return "just now";
+			const min = Math.floor(diffSec / 60);
+			if (min < 60) return `${min}m ago`;
+			const hr = Math.floor(min / 60);
+			if (hr < 24) return `${hr}h ago`;
+			const day = Math.floor(hr / 24);
+			if (day === 1) return "yesterday";
+			if (day < 7) return `${day}d ago`;
+			const wk = Math.floor(day / 7);
+			if (wk < 5) return `${wk}w ago`;
+			const mo = Math.floor(day / 30);
+			if (mo < 12) return `${mo}mo ago`;
+			return `${Math.floor(day / 365)}y ago`;
+		}
+		$$renderer.push(`<div class="picker svelte-1owsj0q"><button type="button" class="trigger svelte-1owsj0q" aria-haspopup="menu"${attr("aria-expanded", open)} aria-label="Sessions"${attr("title", triggerLabel())}><svg class="trigger-icon svelte-1owsj0q" aria-hidden="true" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 9a2 2 0 0 1-2 2H6l-4 4V4c0-1.1.9-2 2-2h8a2 2 0 0 1 2 2z"></path><path d="M18 9h2a2 2 0 0 1 2 2v11l-4-4h-6a2 2 0 0 1-2-2v-1"></path></svg> <span${attr_class("dot svelte-1owsj0q", void 0, { "connected": liveConnected() })} aria-hidden="true"${attr("title", liveConnected() ? "Live updates connected" : "Live updates disconnected")}></span> <span class="label svelte-1owsj0q">${escape_html(triggerLabel())}</span> <span class="caret svelte-1owsj0q" aria-hidden="true">▾</span></button> `);
+		$$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--></div>`);
+	});
+}
+//#endregion
+//#region src/lib/components/Navbar.svelte
+function Navbar($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		const NAV_ITEMS = [
+			{
+				href: "/chat",
+				label: "Chat",
+				icon: "chat"
+			},
+			{
+				href: "/advanced",
+				label: "Advanced",
+				icon: "advanced"
+			},
+			{
+				href: "/admin",
+				label: "Admin",
+				icon: "admin"
+			}
+		];
+		const pathname = derived(() => page.url?.pathname ?? "");
+		function isActive(href) {
+			return pathname() === href || pathname().startsWith(href + "/");
+		}
+		$$renderer.push(`<nav class="navbar svelte-rfuq4y" aria-label="Main navigation"><div class="navbar-inner svelte-rfuq4y"><div class="navbar-brand svelte-rfuq4y"><span class="brand-icon svelte-rfuq4y"><img src="/logo-128.png" alt="OpenPalm Logo" class="svelte-rfuq4y"/></span> <div><span class="brand-text svelte-rfuq4y">OpenPalm</span> <span class="version-badge svelte-rfuq4y">v${escape_html(version)}</span></div></div> <div class="navbar-nav svelte-rfuq4y" aria-label="Primary navigation"><!--[-->`);
+		const each_array = ensure_array_like(NAV_ITEMS);
+		for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+			let item = each_array[$$index];
+			$$renderer.push(`<a${attr("href", item.href)}${attr_class("nav-btn svelte-rfuq4y", void 0, { "active": isActive(item.href) })}${attr("aria-current", isActive(item.href) ? "page" : void 0)}${attr("title", item.label)}>`);
+			if (item.icon === "chat") {
+				$$renderer.push("<!--[0-->");
+				$$renderer.push(`<svg aria-hidden="true" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path></svg>`);
+			} else if (item.icon === "advanced") {
+				$$renderer.push("<!--[1-->");
+				$$renderer.push(`<svg aria-hidden="true" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><path d="m7 9 3 3-3 3"></path><line x1="13" y1="15" x2="17" y2="15"></line></svg>`);
+			} else {
+				$$renderer.push("<!--[-1-->");
+				$$renderer.push(`<svg aria-hidden="true" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="4" y1="21" x2="4" y2="14"></line><line x1="4" y1="10" x2="4" y2="3"></line><line x1="12" y1="21" x2="12" y2="12"></line><line x1="12" y1="8" x2="12" y2="3"></line><line x1="20" y1="21" x2="20" y2="16"></line><line x1="20" y1="12" x2="20" y2="3"></line><line x1="1" y1="14" x2="7" y2="14"></line><line x1="9" y1="8" x2="15" y2="8"></line><line x1="17" y1="16" x2="23" y2="16"></line></svg>`);
+			}
+			$$renderer.push(`<!--]--> <span class="nav-label svelte-rfuq4y">${escape_html(item.label)}</span></a>`);
+		}
+		$$renderer.push(`<!--]--></div> <div class="navbar-actions svelte-rfuq4y">`);
+		EndpointSwitcher($$renderer);
+		$$renderer.push(`<!----> `);
+		SessionPicker($$renderer);
+		$$renderer.push(`<!----> `);
+		VoiceControl($$renderer);
+		$$renderer.push(`<!----></div></div></nav>`);
+	});
+}
+//#endregion
+//#region src/lib/components/AuthGate.svelte
+function AuthGate($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		let { onSuccess, loading, error } = $$props;
+		let tokenInput = "";
+		$$renderer.push(`<main class="auth-gate svelte-1vviwqr" aria-label="Admin login gate"><section class="auth-card svelte-1vviwqr"><div class="auth-brand svelte-1vviwqr"><span class="brand-icon svelte-1vviwqr"><img src="/logo-128.png" alt="OpenPalm Logo" class="svelte-1vviwqr"/></span> <div><h1 class="svelte-1vviwqr">OpenPalm Console</h1> <p class="svelte-1vviwqr">Enter your admin password to unlock the control plane.</p></div></div> <form class="auth-form svelte-1vviwqr"><label for="admin-token" class="svelte-1vviwqr">Admin Password</label> <input type="text" name="username" autocomplete="username" value="admin" class="sr-only svelte-1vviwqr" tabindex="-1" aria-hidden="true"/> <div class="token-input-wrapper svelte-1vviwqr"><input id="admin-token" name="admin-token"${attr("type", "password")}${attr("value", tokenInput)} placeholder="Enter admin password" autocomplete="current-password" class="svelte-1vviwqr"/> <button type="button" class="btn-toggle svelte-1vviwqr"${attr("aria-label", "Show token")}>`);
+		$$renderer.push("<!--[-1-->");
+		$$renderer.push(`<svg aria-hidden="true" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg>`);
+		$$renderer.push(`<!--]--></button></div> `);
+		if (error) {
+			$$renderer.push("<!--[0-->");
+			$$renderer.push(`<p class="auth-error svelte-1vviwqr" role="alert">${escape_html(error)}</p>`);
+		} else $$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--> <button class="btn btn-primary" type="submit"${attr("disabled", loading || !tokenInput.trim(), true)}>`);
+		if (loading) {
+			$$renderer.push("<!--[0-->");
+			$$renderer.push(`<span class="spinner"></span>`);
+		} else $$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--> Unlock Console</button></form></section></main>`);
+	});
+}
+
+export { AuthGate as A, Navbar as N, chat as c, endpointsService as e };
+//# sourceMappingURL=AuthGate-keg7G6rX.js.map