@openpalm/ui 0.11.0-rc.9 → 0.11.1

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

@@ -1,773 +0,0 @@
-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-D0tEXcn4.js';
-import { b as fetchEndpoints, k as setActiveEndpoint, l as listSessions, j as getSessionMessages, c as createSession, s as sendChatMessage, v as voiceState, m as speakText, o as stopSpeaking, d as destroyVoice, t as themeService } from './theme-state.svelte-PtPMmKGN.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) => {
-		const menuId = "endpoint-menu";
-		let switching = false;
-		let isOpen = false;
-		const active = derived(() => endpointsService.active);
-		const endpoints = derived(() => endpointsService.endpoints);
-		const hasChoices = derived(() => endpoints().length > 1);
-		$$renderer.push(`<div class="switcher svelte-1gh51ee"><button type="button" class="trigger svelte-1gh51ee" id="endpoint-trigger"${attr("popovertarget", hasChoices() ? menuId : void 0)} aria-haspopup="menu"${attr("aria-expanded", isOpen)}${attr("aria-controls", menuId)}${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> <div${attr("id", menuId)} class="menu svelte-1gh51ee" popover="auto" role="menu" tabindex="-1"><div class="menu-header svelte-1gh51ee">Assistant endpoint</div> <!--[-->`);
-		const each_array = ensure_array_like(endpoints());
-		for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
-			let ep = each_array[$$index];
-			$$renderer.push(`<button type="button"${attr_class("menu-item svelte-1gh51ee", void 0, { "active": ep.id === active()?.id })} role="menuitemradio"${attr("aria-checked", ep.id === active()?.id)}${attr("popovertarget", menuId)} popovertargetaction="hide"${attr("disabled", switching, true)}><span class="check svelte-1gh51ee" aria-hidden="true">${escape_html(ep.id === active()?.id ? "●" : "○")}</span> <span class="menu-item-text svelte-1gh51ee"><span class="menu-item-label svelte-1gh51ee">${escape_html(ep.label)}</span> <span class="menu-item-url svelte-1gh51ee">${escape_html(ep.url)}</span></span></button>`);
-		}
-		$$renderer.push(`<!--]--> <div class="menu-divider svelte-1gh51ee"></div> <a class="menu-item link svelte-1gh51ee" href="/admin/endpoints" role="menuitem">Manage endpoints…</a></div></div>`);
-	});
-}
-//#endregion
-//#region src/lib/components/SessionPicker.svelte
-function SessionPicker($$renderer, $$props) {
-	$$renderer.component(($$renderer) => {
-		const menuId = "session-menu";
-		let isOpen = false;
-		const SESSION_LIST_CAP = 50;
-		const active = derived(() => endpointsService.active);
-		const endpointState = derived(() => active() ? chat.byEndpoint.get(active().id) ?? null : null);
-		const sessions = derived(() => endpointState()?.sessions ?? []);
-		const loading = derived(() => endpointState()?.sessionsLoading ?? false);
-		const error = derived(() => endpointState()?.sessionsError ?? "");
-		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);
-		const visibleSessions = derived(() => sessions().slice(0, SESSION_LIST_CAP));
-		const overflowCount = derived(() => Math.max(0, sessions().length - SESSION_LIST_CAP));
-		/**
-		* 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" id="session-trigger"${attr("popovertarget", menuId)} aria-haspopup="menu"${attr("aria-expanded", isOpen)}${attr("aria-controls", menuId)} 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> <div${attr("id", menuId)} class="menu svelte-1owsj0q" popover="auto" role="menu" tabindex="-1"><div class="menu-header svelte-1owsj0q">Sessions on ${escape_html(active()?.label ?? "this endpoint")}</div> `);
-		if (chat.sending) {
-			$$renderer.push("<!--[0-->");
-			$$renderer.push(`<div class="notice svelte-1owsj0q">Wait for the current reply to finish before switching.</div>`);
-		} else $$renderer.push("<!--[-1-->");
-		$$renderer.push(`<!--]--> <button type="button" class="menu-item new-btn svelte-1owsj0q" role="menuitem"${attr("popovertarget", menuId)} popovertargetaction="hide"${attr("disabled", chat.sending, true)}><span class="check svelte-1owsj0q" aria-hidden="true">+</span> <span class="menu-item-text svelte-1owsj0q"><span class="menu-item-label svelte-1owsj0q">New session</span></span></button> <div class="menu-divider svelte-1owsj0q"></div> `);
-		if (loading()) {
-			$$renderer.push("<!--[0-->");
-			$$renderer.push(`<div class="empty svelte-1owsj0q"><span class="spinner svelte-1owsj0q" aria-hidden="true"></span> <span>Loading sessions…</span></div>`);
-		} else if (error()) {
-			$$renderer.push("<!--[1-->");
-			$$renderer.push(`<div class="error svelte-1owsj0q"><span class="svelte-1owsj0q">${escape_html(error())}</span> <button type="button" class="retry-btn svelte-1owsj0q">Retry</button></div>`);
-		} else if (sessions().length === 0) {
-			$$renderer.push("<!--[2-->");
-			$$renderer.push(`<div class="empty svelte-1owsj0q">No sessions yet. Start the first one.</div>`);
-		} else {
-			$$renderer.push("<!--[-1-->");
-			$$renderer.push(`<div class="session-list svelte-1owsj0q" role="none"><!--[-->`);
-			const each_array = ensure_array_like(visibleSessions());
-			for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
-				let s = each_array[$$index];
-				$$renderer.push(`<button type="button"${attr_class("menu-item session-item svelte-1owsj0q", void 0, { "active": s.id === activeSessionId() })} role="menuitemradio"${attr("aria-checked", s.id === activeSessionId())}${attr("popovertarget", menuId)} popovertargetaction="hide"${attr("disabled", chat.sending, true)}><span class="check svelte-1owsj0q" aria-hidden="true">${escape_html(s.id === activeSessionId() ? "●" : "○")}</span> <span class="menu-item-text svelte-1owsj0q"><span class="menu-item-label svelte-1owsj0q">${escape_html(s.title || "Untitled")}</span> <span class="menu-item-meta svelte-1owsj0q">${escape_html(formatRelative(s.updatedAt))}</span></span></button>`);
-			}
-			$$renderer.push(`<!--]--></div> `);
-			if (overflowCount() > 0) {
-				$$renderer.push("<!--[0-->");
-				$$renderer.push(`<button type="button" class="show-all svelte-1owsj0q">Show all (${escape_html(overflowCount())} more)</button>`);
-			} else $$renderer.push("<!--[-1-->");
-			$$renderer.push(`<!--]-->`);
-		}
-		$$renderer.push(`<!--]--></div></div>`);
-	});
-}
-//#endregion
-//#region src/lib/components/ThemeToggle.svelte
-function ThemeToggle($$renderer, $$props) {
-	$$renderer.component(($$renderer) => {
-		const isDark = derived(() => themeService.resolved === "dark");
-		const label = derived(() => isDark() ? "Switch to light mode" : "Switch to dark mode");
-		$$renderer.push(`<button type="button" class="theme-toggle svelte-1cmi4dh"${attr("aria-label", label())}${attr("aria-pressed", isDark())}${attr("title", label())}>`);
-		if (isDark()) {
-			$$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"><circle cx="12" cy="12" r="4"></circle><path d="M12 2v2"></path><path d="M12 20v2"></path><path d="m4.93 4.93 1.41 1.41"></path><path d="m17.66 17.66 1.41 1.41"></path><path d="M2 12h2"></path><path d="M20 12h2"></path><path d="m6.34 17.66-1.41 1.41"></path><path d="m19.07 4.93-1.41 1.41"></path></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"><path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9z"></path></svg>`);
-		}
-		$$renderer.push(`<!--]--></button>`);
-	});
-}
-//#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 + "/");
-		}
-		let mobileMenuOpen = false;
-		$$renderer.push(`<header class="navbar svelte-rfuq4y"><div class="navbar-inner svelte-rfuq4y"><div class="navbar-brand svelte-rfuq4y"><span class="brand-icon svelte-rfuq4y" aria-hidden="true"><img src="/logo-128.png" alt="OpenPalm Logo" class="svelte-rfuq4y"/></span> <span class="brand-text svelte-rfuq4y">OpenPalm</span></div> <nav 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-tab svelte-rfuq4y", void 0, { "active": isActive(item.href) })}${attr("aria-current", isActive(item.href) ? "page" : void 0)}>`);
-			if (item.icon === "chat") {
-				$$renderer.push("<!--[0-->");
-				$$renderer.push(`<svg class="nav-icon svelte-rfuq4y" aria-hidden="true" width="15" height="15" 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 class="nav-icon svelte-rfuq4y" aria-hidden="true" width="15" height="15" 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 class="nav-icon svelte-rfuq4y" aria-hidden="true" width="15" height="15" 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(`<!--]--></nav> <div id="navbar-drawer"${attr_class("navbar-actions svelte-rfuq4y", void 0, { "open": mobileMenuOpen })}${attr("role", void 0)}${attr("aria-modal", void 0)}${attr("aria-labelledby", void 0)}><div class="drawer-header svelte-rfuq4y"><h2 class="drawer-title svelte-rfuq4y" id="navbar-drawer-title">Settings</h2> <button type="button" class="drawer-close svelte-rfuq4y" aria-label="Close settings menu"${attr("tabindex", -1)}><svg aria-hidden="true" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></button></div> <div class="drawer-body svelte-rfuq4y"><div class="drawer-section svelte-rfuq4y"><div class="section-label svelte-rfuq4y">Endpoint</div> <div class="control-row svelte-rfuq4y">`);
-		EndpointSwitcher($$renderer);
-		$$renderer.push(`<!----></div></div> <div class="drawer-section svelte-rfuq4y"><div class="section-label svelte-rfuq4y">Session</div> <div class="control-row svelte-rfuq4y">`);
-		SessionPicker($$renderer);
-		$$renderer.push(`<!----></div></div> <div class="drawer-section svelte-rfuq4y"><div class="section-label svelte-rfuq4y">Voice</div> <div class="control-row control-row--voice svelte-rfuq4y">`);
-		VoiceControl($$renderer);
-		$$renderer.push(`<!----></div></div> <div class="drawer-section svelte-rfuq4y"><div class="utility-row svelte-rfuq4y"><div class="utility-labels svelte-rfuq4y"><span class="utility-title svelte-rfuq4y">Theme</span> <span class="utility-copy svelte-rfuq4y">Switch between light and dark mode.</span></div> `);
-		ThemeToggle($$renderer);
-		$$renderer.push(`<!----></div></div></div></div> <button type="button" class="mobile-menu-btn svelte-rfuq4y"${attr("aria-label", "Open settings menu")}${attr("aria-expanded", mobileMenuOpen)} aria-controls="navbar-drawer" aria-haspopup="dialog"><svg aria-hidden="true" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round">`);
-		$$renderer.push("<!--[-1-->");
-		$$renderer.push(`<path d="M3 6h18"></path><path d="M3 12h18"></path><path d="M3 18h18"></path>`);
-		$$renderer.push(`<!--]--></svg></button> `);
-		$$renderer.push("<!--[-1-->");
-		$$renderer.push(`<!--]--></div></header>`);
-	});
-}
-//#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-DL3Htqtl.js.map