@openpalm/ui 0.11.5-rc.3 → 0.11.5-rc.7

package/build/server/chunks/{Navbar-C9kE6wR-.js → Navbar-EBUPxUnS.js}

@@ -1,7 +1,7 @@
-import { o as derived, r as escape_html, p as ensure_array_like, e as attr_class, d as attr, a8 as stringify, f as attr_style } from './dev-B6xUe35c.js';
-import { a as afterNavigate, o as onDestroy, g as goto } from './client-DchoQXpW.js';
-import { h as fetchEndpoints, o as setActiveEndpoint, m as listSessions, l as getSessionMessages, c as createSession, s as sendChatMessage, w as voiceState, q as speakText, r as stopSpeaking, d as destroyVoice, u as themeService } from './theme-state.svelte-CeABRes-.js';
-import { p as page } from './state-BcUnjLg5.js';
+import { d as attr, o as derived, r as escape_html, p as ensure_array_like, e as attr_class, a8 as stringify, f as attr_style } from './dev-B6xUe35c.js';
+import { a as afterNavigate, o as onDestroy, g as goto } from './client-DuNIsVic.js';
+import { h as fetchEndpoints, q as setActiveEndpoint, A as voiceState, u as speakText, m as listSessions, l as getSessionMessages, c as createSession, v as startChatMessageTurn, s as sendChatMessage, o as replyChatPermission, p as replyChatQuestion, r as rejectChatQuestion, w as stopSpeaking, d as destroyVoice, y as themeService } from './theme-state.svelte-BNtUaCD7.js';
+import { p as page } from './state-z9dl5k8n.js';
 import { S as Spinner } from './Spinner-Bk6e83RX.js';
 
 //#region src/lib/format-date.ts
@@ -112,112 +112,187 @@ function ToggleButton($$renderer, $$props) {
 	});
 }
 //#endregion
-//#region src/lib/components/chrome/ModeSwitch.svelte
-function advancedIcon($$renderer) {
-	$$renderer.push(`<svg 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>`);
-}
-function ModeSwitch($$renderer, $$props) {
-	$$renderer.component(($$renderer) => {
-		const pathname = derived(() => page.url?.pathname ?? "");
-		const onAdvanced = derived(() => pathname() === "/advanced" || pathname().startsWith("/advanced/"));
-		function toggle() {
-			goto(onAdvanced() ? "/chat" : "/advanced");
+//#region src/lib/advanced-mode-state.svelte.ts
+var ADVANCED_MODE_STORAGE_KEY = "openpalm.chat.advanced";
+var AdvancedModeService = class {
+	enabled = false;
+	initialized = false;
+	init() {
+		if (typeof window === "undefined" || this.initialized) return;
+		this.enabled = this.#readStoredPreference();
+		this.initialized = true;
+	}
+	setEnabled(value) {
+		this.enabled = value;
+		this.#writeStoredPreference(value);
+	}
+	toggle() {
+		const next = !this.enabled;
+		this.setEnabled(next);
+		return next;
+	}
+	preferredChatPath() {
+		return this.enabled ? "/advanced" : "/chat";
+	}
+	#readStoredPreference() {
+		if (typeof window === "undefined") return false;
+		try {
+			return window.localStorage.getItem(ADVANCED_MODE_STORAGE_KEY) === "1";
+		} catch {
+			return false;
 		}
-		ToggleButton($$renderer, {
-			pressed: onAdvanced(),
-			onToggle: toggle,
-			ariaLabel: "Advanced mode",
-			title: "Advanced mode (embedded OpenCode)",
-			icon: advancedIcon
-		});
-	});
-}
+	}
+	#writeStoredPreference(value) {
+		if (typeof window === "undefined") return;
+		try {
+			window.localStorage.setItem(ADVANCED_MODE_STORAGE_KEY, value ? "1" : "0");
+		} catch {}
+	}
+};
+var advancedModeService = new AdvancedModeService();
 //#endregion
-//#region src/lib/components/common/Drawer.svelte
-function Drawer($$renderer, $$props) {
-	$$renderer.component(($$renderer) => {
-		/** Optional content rendered at the start of the header (e.g. a back button). */
-		/** Drawer width (CSS length). */
-		let { open, title, onClose, children, footer, headerStart, width = "32rem" } = $$props;
-		if (open) {
-			$$renderer.push("<!--[0-->");
-			$$renderer.push(`<div class="drawer-scrim svelte-1u2o1qj"></div> <div class="drawer svelte-1u2o1qj"${attr_style(`--drawer-width: ${stringify(width)}`)} role="dialog" aria-modal="true"${attr("aria-label", title)} tabindex="-1"><header class="drawer-header svelte-1u2o1qj">`);
-			if (headerStart) {
-				$$renderer.push("<!--[0-->");
-				headerStart($$renderer);
-				$$renderer.push(`<!---->`);
-			} else $$renderer.push("<!--[-1-->");
-			$$renderer.push(`<!--]--> <h3 class="drawer-title svelte-1u2o1qj">${escape_html(title)}</h3> <button class="drawer-close svelte-1u2o1qj" aria-label="Close"><svg aria-hidden="true" width="18" height="18" 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></header> <div class="drawer-body svelte-1u2o1qj">`);
-			children($$renderer);
-			$$renderer.push(`<!----></div> `);
-			if (footer) {
-				$$renderer.push("<!--[0-->");
-				$$renderer.push(`<footer class="drawer-footer svelte-1u2o1qj">`);
-				footer($$renderer);
-				$$renderer.push(`<!----></footer>`);
-			} else $$renderer.push("<!--[-1-->");
-			$$renderer.push(`<!--]--></div>`);
-		} else $$renderer.push("<!--[-1-->");
-		$$renderer.push(`<!--]-->`);
-	});
+//#region src/lib/chat/oc-events.ts
+function propStr(props, key) {
+	const value = props?.[key];
+	return typeof value === "string" ? value : void 0;
 }
-//#endregion
-//#region src/lib/components/chrome/SettingsDrawer.svelte
-function gearIcon($$renderer) {
-	$$renderer.push(`<svg aria-hidden="true" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>`);
+function partSnapshotType(event) {
+	if (event.type !== "message.part.updated") return null;
+	const part = event.properties?.part;
+	if (typeof part?.id === "string" && typeof part.type === "string") return {
+		partID: part.id,
+		type: part.type
+	};
+	return null;
 }
-function SettingsDrawer($$renderer, $$props) {
-	$$renderer.component(($$renderer) => {
-		let { showManageAssistant = true } = $$props;
-		let open = false;
-		afterNavigate(() => {
-			open = false;
-		});
-		function setTheme(event) {
-			const next = event.currentTarget.value;
-			if (next === "light" || next === "dark" || next === "system") themeService.setPreference(next);
-		}
-		IconButton($$renderer, {
-			icon: gearIcon,
-			ariaLabel: "Settings",
-			title: "Settings",
-			selected: open,
-			ariaPressed: open,
-			onclick: () => open = true
+function extractTextDelta(event, sessionId, reasoningPartIds) {
+	const props = event.properties ?? {};
+	if (propStr(props, "sessionID") !== sessionId) return null;
+	if (event.type === "session.next.text.delta") return propStr(props, "delta") ?? propStr(props, "text") ?? null;
+	if (event.type === "message.part.delta") {
+		const field = propStr(props, "field");
+		if (field && field !== "text") return null;
+		const partID = propStr(props, "partID");
+		if (partID && reasoningPartIds?.has(partID)) return null;
+		return propStr(props, "delta") ?? null;
+	}
+	return null;
+}
+function statusName(status) {
+	if (typeof status === "string") return status;
+	if (status && typeof status === "object" && typeof status.type === "string") return status.type;
+}
+function isTurnEnd(event, sessionId) {
+	const props = event.properties ?? {};
+	if (propStr(props, "sessionID") !== sessionId) return false;
+	if (event.type === "session.idle") return true;
+	if (event.type === "session.status") {
+		const name = statusName(props.status);
+		return name === "idle" || name === "completed" || name === "done";
+	}
+	return false;
+}
+function valueToText(value) {
+	if (typeof value === "string") return value;
+	if (value == null) return void 0;
+	if (typeof value === "number" || typeof value === "boolean") return String(value);
+	try {
+		return JSON.stringify(value);
+	} catch {
+		return;
+	}
+}
+function firstText(...values) {
+	for (const value of values) {
+		const text = valueToText(value);
+		if (text) return text;
+	}
+}
+function extractToolUpdate(event, sessionId) {
+	const props = event.properties ?? {};
+	if (propStr(props, "sessionID") !== sessionId) return null;
+	const part = props.part ?? props.tool;
+	if (event.type === "message.part.updated" && part && (part.type === "tool" || part.state)) {
+		const state = part.state ?? {};
+		return {
+			callID: String(part.callID ?? part.id ?? ""),
+			tool: String(part.tool ?? "tool"),
+			status: String(state.status ?? "running"),
+			title: typeof state.title === "string" ? state.title : void 0,
+			detail: firstText(state.input, state.metadata, state.progress, state.output),
+			output: valueToText(state.output),
+			error: typeof state.error === "string" ? state.error : void 0
+		};
+	}
+	if (event.type.startsWith("session.next.tool.")) {
+		const type = event.type.replace("session.next.tool.", "");
+		return {
+			callID: propStr(props, "callID") ?? "",
+			tool: propStr(props, "tool") ?? "tool",
+			status: type === "completed" ? "completed" : type === "failed" ? "error" : type === "called" ? "running" : propStr(props, "status") ?? "running",
+			title: propStr(props, "title") ?? propStr(props, "tool"),
+			detail: firstText(props.message, props.delta, props.progress, props.input, props.metadata),
+			output: firstText(props.output, props.result),
+			error: firstText(props.error)
+		};
+	}
+	return null;
+}
+function isSessionError(event, sessionId) {
+	return event.type === "session.error" && propStr(event.properties, "sessionID") === sessionId;
+}
+function extractPermissionAsk(event, sessionId) {
+	if (event.type !== "permission.asked") return null;
+	if (propStr(event.properties, "sessionID") !== sessionId) return null;
+	const id = propStr(event.properties, "id");
+	if (!id) return null;
+	const patterns = Array.isArray(event.properties?.patterns) ? event.properties.patterns.filter((item) => typeof item === "string") : [];
+	const always = Array.isArray(event.properties?.always) ? event.properties.always.filter((item) => typeof item === "string") : [];
+	const toolRecord = event.properties?.tool;
+	return {
+		requestID: id,
+		permission: propStr(event.properties, "permission") ?? "tool",
+		patterns,
+		always,
+		tool: propStr(toolRecord, "callID") ?? propStr(event.properties, "permission") ?? "tool",
+		detail: firstText(event.properties?.metadata, event.properties?.message) ?? ""
+	};
+}
+function extractQuestionAsk(event, sessionId) {
+	if (event.type !== "question.asked") return null;
+	if (propStr(event.properties, "sessionID") !== sessionId) return null;
+	const id = propStr(event.properties, "id");
+	if (!id) return null;
+	const rawQuestions = Array.isArray(event.properties?.questions) ? event.properties.questions : [];
+	const questions = [];
+	for (const raw of rawQuestions) {
+		const item = raw;
+		const options = Array.isArray(item.options) ? item.options.map((option) => option).filter((option) => typeof option.label === "string").map((option) => ({
+			label: option.label,
+			description: typeof option.description === "string" ? option.description : ""
+		})) : [];
+		questions.push({
+			question: typeof item.question === "string" ? item.question : "",
+			header: typeof item.header === "string" ? item.header : "",
+			options
 		});
-		$$renderer.push(`<!----> `);
-		Drawer($$renderer, {
-			open,
-			title: "Settings",
-			onClose: () => open = false,
-			width: "24rem",
-			children: ($$renderer) => {
-				$$renderer.push(`<div class="settings-drawer svelte-4kbm5j"><label class="field svelte-4kbm5j" for="theme-preference"><span class="field-label svelte-4kbm5j">Theme</span> `);
-				$$renderer.select({
-					id: "theme-preference",
-					class: "field-select",
-					value: themeService.preference,
-					onchange: setTheme
-				}, ($$renderer) => {
-					$$renderer.option({ value: "system" }, ($$renderer) => {
-						$$renderer.push(`System`);
-					});
-					$$renderer.option({ value: "light" }, ($$renderer) => {
-						$$renderer.push(`Light`);
-					});
-					$$renderer.option({ value: "dark" }, ($$renderer) => {
-						$$renderer.push(`Dark`);
-					});
-				}, "svelte-4kbm5j");
-				$$renderer.push(`</label> <nav class="settings-links svelte-4kbm5j" aria-label="Settings links">`);
-				if (showManageAssistant) {
-					$$renderer.push("<!--[0-->");
-					$$renderer.push(`<a class="settings-link svelte-4kbm5j" href="/admin">Manage this assistant...</a>`);
-				} else $$renderer.push("<!--[-1-->");
-				$$renderer.push(`<!--]--> <a class="settings-link svelte-4kbm5j" href="/admin/endpoints">Manage assistant connections...</a></nav></div>`);
-			}});
-		$$renderer.push(`<!---->`);
-	});
+	}
+	if (questions.length === 0) return null;
+	return {
+		requestID: id,
+		questions
+	};
+}
+function extractStepUpdate(event, sessionId) {
+	const props = event.properties ?? {};
+	if (propStr(props, "sessionID") !== sessionId) return null;
+	if (event.type !== "session.next.step.started" && event.type !== "session.next.step.ended") return null;
+	return {
+		id: propStr(props, "stepID") ?? propStr(props, "id") ?? event.type,
+		title: propStr(props, "title") ?? propStr(props, "step") ?? (event.type === "session.next.step.started" ? "Working" : "Step complete"),
+		status: event.type === "session.next.step.ended" ? "completed" : "running",
+		detail: firstText(props.detail, props.message)
+	};
 }
 //#endregion
 //#region src/lib/chat/session-events.ts
@@ -308,6 +383,7 @@ function subscribeSessionEvents(handlers) {
 						console.warn("[session-events] Bad JSON in SSE frame", err);
 						continue;
 					}
+					handlers.onEvent?.(payload);
 					dispatch(handlers, payload);
 				}
 			}
@@ -343,7 +419,41 @@ function subscribeSessionEvents(handlers) {
 	};
 }
 //#endregion
+//#region src/lib/desktop-notifications.ts
+var DESKTOP_NOTIFY_ENABLED_KEY = "openpalm.desktop.notify";
+var DESKTOP_NOTIFY_PREVIEW_KEY = "openpalm.desktop.notify.preview";
+function readFlag(key) {
+	if (typeof window === "undefined") return false;
+	try {
+		return window.localStorage.getItem(key) === "1";
+	} catch {
+		return false;
+	}
+}
+function desktopNotifyEnabled() {
+	return readFlag(DESKTOP_NOTIFY_ENABLED_KEY);
+}
+function desktopReplyPreviewEnabled() {
+	return readFlag(DESKTOP_NOTIFY_PREVIEW_KEY);
+}
+function shouldNotifyDesktop() {
+	if (typeof document === "undefined") return false;
+	if (document.hasFocus()) return false;
+	if (!desktopNotifyEnabled()) return false;
+	return typeof window !== "undefined" && typeof window.openpalm?.notify === "function";
+}
+function notifyAssistantReply(replyText) {
+	if (!shouldNotifyDesktop()) return;
+	const body = desktopReplyPreviewEnabled() && replyText.trim() ? replyText.trim() : "Assistant replied";
+	window.openpalm?.notify?.("OpenPalm", body);
+}
+function notifyAssistantError() {
+	if (!shouldNotifyDesktop()) return;
+	window.openpalm?.notify?.("OpenPalm", "Assistant error");
+}
+//#endregion
 //#region src/lib/chat/chat-state.svelte.ts
+var STREAM_TURN_TIMEOUT_MS = 15e4;
 function emptyEndpointState() {
 	return {
 		sessions: [],
@@ -369,6 +479,10 @@ var ChatService = class {
 	entriesLoading = false;
 	sending = false;
 	error = "";
+	pendingAssistantText = "";
+	pendingToolStates = [];
+	pendingPermission = null;
+	pendingQuestion = null;
 	/**
 	* 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
@@ -380,6 +494,7 @@ var ChatService = class {
 	* Plain field (not `$state`) — only the chat service touches it.
 	*/
 	_unsubscribeEvents = null;
+	_pendingTurn = null;
 	#activeSessionId = derived(() => this.byEndpoint.get(this.activeEndpointId)?.activeSessionId ?? null);
 	get activeSessionId() {
 		return this.#activeSessionId();
@@ -443,14 +558,161 @@ var ChatService = class {
 			onDeleted: (id) => {
 				this._onSessionDeleted(id);
 			},
+			onEvent: (event) => {
+				this._onLiveEvent(event);
+			},
 			onConnect: () => {
 				this.liveConnected = true;
 			},
 			onDisconnect: () => {
 				this.liveConnected = false;
+				if (this._pendingTurn) this._failPendingTurn(/* @__PURE__ */ new Error("Assistant event stream disconnected."));
 			}
 		});
 	}
+	_toRawEvent(event) {
+		return {
+			type: event.type,
+			properties: event.properties ?? {}
+		};
+	}
+	_upsertPendingToolState(update) {
+		const id = update.callID || `${update.tool}:${this.pendingToolStates.length}`;
+		const next = {
+			id,
+			kind: "tool",
+			tool: update.tool,
+			status: update.status,
+			title: update.title ?? update.tool,
+			detail: update.detail ?? "",
+			output: update.output ?? "",
+			error: update.error ?? "",
+			updatedAt: Date.now()
+		};
+		if (!this.pendingToolStates.find((item) => item.id === id)) {
+			this.pendingToolStates = [...this.pendingToolStates, next];
+			return;
+		}
+		this.pendingToolStates = this.pendingToolStates.map((item) => item.id === id ? {
+			...item,
+			...next
+		} : item);
+	}
+	_upsertPendingStepState(update) {
+		const next = {
+			id: update.id,
+			kind: "step",
+			tool: "step",
+			status: update.status,
+			title: update.title,
+			detail: update.detail ?? "",
+			output: "",
+			error: "",
+			updatedAt: Date.now()
+		};
+		if (!this.pendingToolStates.find((item) => item.id === update.id)) {
+			this.pendingToolStates = [...this.pendingToolStates, next];
+			return;
+		}
+		this.pendingToolStates = this.pendingToolStates.map((item) => item.id === update.id ? {
+			...item,
+			...next
+		} : item);
+	}
+	_resetPendingRenderState() {
+		this.pendingAssistantText = "";
+		this.pendingToolStates = [];
+		this.pendingPermission = null;
+		this.pendingQuestion = null;
+	}
+	_appendAssistantReply(text) {
+		const assistantEntry = {
+			id: crypto.randomUUID(),
+			role: "assistant",
+			text,
+			timestamp: Date.now()
+		};
+		this.entries = [...this.entries, assistantEntry];
+	}
+	_clearPendingTurn() {
+		const pending = this._pendingTurn;
+		if (!pending) return null;
+		clearTimeout(pending.timeout);
+		this._pendingTurn = null;
+		return pending;
+	}
+	_finishPendingTurn(replyText) {
+		const pending = this._clearPendingTurn();
+		if (!pending) return;
+		const text = (replyText ?? this.pendingAssistantText).trim() || "(no response)";
+		this._appendAssistantReply(text);
+		this._resetPendingRenderState();
+		this._bumpSession(pending.sessionId);
+		if (voiceState.ttsSupported && voiceState.ttsAutoEnabled && text && text !== "(no response)") speakText(text, {
+			mode: "chat_reply",
+			userText: pending.userText,
+			assistantText: text
+		});
+		notifyAssistantReply(text === "(no response)" ? "" : text);
+		pending.resolve();
+	}
+	_failPendingTurn(error) {
+		const pending = this._clearPendingTurn();
+		if (!pending) return;
+		this._resetPendingRenderState();
+		pending.reject(error);
+	}
+	_bumpSession(sessionId) {
+		const endpointId = this.activeEndpointId;
+		const prev = this.byEndpoint.get(endpointId);
+		if (!prev) return;
+		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] });
+	}
+	_onLiveEvent(event) {
+		const pending = this._pendingTurn;
+		if (!pending) return;
+		const raw = this._toRawEvent(event);
+		if (pending.endpointId !== this.activeEndpointId) return;
+		const snapshot = partSnapshotType(raw);
+		if (snapshot?.type === "reasoning") pending.reasoningPartIds.add(snapshot.partID);
+		const textDelta = extractTextDelta(raw, pending.sessionId, pending.reasoningPartIds);
+		if (textDelta) this.pendingAssistantText += textDelta;
+		const toolUpdate = extractToolUpdate(raw, pending.sessionId);
+		if (toolUpdate) this._upsertPendingToolState(toolUpdate);
+		const stepUpdate = extractStepUpdate(raw, pending.sessionId);
+		if (stepUpdate) this._upsertPendingStepState(stepUpdate);
+		const permissionAsk = extractPermissionAsk(raw, pending.sessionId);
+		if (permissionAsk) this.pendingPermission = {
+			...permissionAsk,
+			status: "pending",
+			decision: "",
+			message: ""
+		};
+		const questionAsk = extractQuestionAsk(raw, pending.sessionId);
+		if (questionAsk) this.pendingQuestion = {
+			...questionAsk,
+			status: "pending",
+			answers: questionAsk.questions.map(() => ""),
+			message: ""
+		};
+		if (isSessionError(raw, pending.sessionId)) {
+			this._failPendingTurn(/* @__PURE__ */ new Error("Assistant session ended unexpectedly."));
+			return;
+		}
+		if (isTurnEnd(raw, pending.sessionId)) this._finishPendingTurn();
+	}
 	/**
 	* 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
@@ -549,6 +811,7 @@ var ChatService = class {
 		const endpointId = this.activeEndpointId;
 		this.setEndpointState(endpointId, { activeSessionId: sessionId });
 		this.entries = [];
+		this._resetPendingRenderState();
 		this.entriesLoading = true;
 		this.error = "";
 		try {
@@ -587,6 +850,7 @@ var ChatService = class {
 				activeSessionId: id
 			});
 			this.entries = [];
+			this._resetPendingRenderState();
 			return id;
 		} catch (e) {
 			const err = e;
@@ -599,9 +863,21 @@ var ChatService = class {
 	* first (matches the "zero sessions" empty-state flow).
 	*/
 	async send(text) {
-		if (this.sending) return;
 		const trimmed = text.trim();
 		if (!trimmed) return;
+		if (this.pendingQuestion && this.pendingQuestion.questions.length === 1 && this.sending) {
+			await this.answerQuestion(trimmed);
+			return;
+		}
+		if (this.pendingQuestion && this.sending) {
+			this.pendingQuestion = {
+				...this.pendingQuestion,
+				status: "error",
+				message: "This question has multiple parts and must be answered with the provided controls."
+			};
+			return;
+		}
+		if (this.sending) return;
 		let sessionId = this.activeSessionId;
 		if (!sessionId) {
 			sessionId = await this.startNewSession();
@@ -614,50 +890,159 @@ var ChatService = class {
 			timestamp: Date.now()
 		};
 		this.entries = [...this.entries, userEntry];
+		this._resetPendingRenderState();
 		this.error = "";
 		this.sending = true;
+		if (voiceState.ttsSupported && voiceState.ttsAutoEnabled) speakText("Working on it.", {
+			mode: "chat_ack",
+			userText: trimmed
+		});
 		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
+			if (this._unsubscribeEvents && this.liveConnected) await new Promise((resolve, reject) => {
+				const timeout = setTimeout(() => {
+					this._failPendingTurn(/* @__PURE__ */ new Error("Timed out waiting for the assistant response."));
+				}, STREAM_TURN_TIMEOUT_MS);
+				this._pendingTurn = {
+					endpointId: this.activeEndpointId,
+					sessionId,
+					userText: trimmed,
+					reasoningPartIds: /* @__PURE__ */ new Set(),
+					resolve,
+					reject,
+					timeout
 				};
-				const rest = prev.sessions.filter((s) => s.id !== sessionId);
-				this.setEndpointState(endpointId, { sessions: [updated, ...rest] });
+				startChatMessageTurn(sessionId, trimmed).catch((error) => {
+					this._failPendingTurn(error instanceof Error ? error : new Error(String(error)));
+				});
+			});
+			else {
+				const text = (await sendChatMessage(sessionId, trimmed)).parts.filter((p) => p.type === "text" && p.text).map((p) => p.text ?? "").join("").trim() || "(no response)";
+				this._appendAssistantReply(text);
+				this._bumpSession(sessionId);
+				if (voiceState.ttsSupported && voiceState.ttsAutoEnabled && text !== "(no response)") speakText(text, {
+					mode: "chat_reply",
+					userText: trimmed,
+					assistantText: text
+				});
+				notifyAssistantReply(text === "(no response)" ? "" : text);
 			}
-			if (voiceState.ttsSupported && voiceState.ttsAutoEnabled && replyText) speakText(replyText);
 		} catch (e) {
 			const err = e;
+			this._resetPendingRenderState();
 			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.";
+			notifyAssistantError();
 		} finally {
 			this.sending = false;
 		}
 	}
+	async answerPermission(reply) {
+		if (!this.pendingPermission || this.pendingPermission.status === "submitting") return;
+		const current = this.pendingPermission;
+		this.pendingPermission = {
+			...current,
+			status: "submitting",
+			decision: reply,
+			message: ""
+		};
+		try {
+			await replyChatPermission(current.requestID, reply);
+			this.pendingPermission = {
+				...current,
+				status: "resolved",
+				decision: reply,
+				message: reply === "once" ? `Allowed ${current.permission} once. Waiting for the assistant to continue...` : reply === "always" ? `Always allowed future matching ${current.permission} requests.` : `Denied ${current.permission}. Waiting for the assistant to continue...`
+			};
+		} catch (error) {
+			const message = error instanceof Error ? error.message : "Failed to record permission reply.";
+			this.pendingPermission = {
+				...current,
+				status: "error",
+				decision: reply,
+				message
+			};
+		}
+	}
+	setQuestionAnswer(index, answer) {
+		if (!this.pendingQuestion) return;
+		if (index < 0 || index >= this.pendingQuestion.questions.length) return;
+		const answers = [...this.pendingQuestion.answers];
+		answers[index] = answer;
+		this.pendingQuestion = {
+			...this.pendingQuestion,
+			answers,
+			message: ""
+		};
+	}
+	async answerQuestion(answer) {
+		if (!this.pendingQuestion || this.pendingQuestion.status === "submitting") return;
+		const current = this.pendingQuestion;
+		const answers = current.questions.length === 1 && typeof answer === "string" ? [answer.trim()] : current.answers.map((item) => item.trim());
+		if (answers.some((item) => !item)) {
+			this.pendingQuestion = {
+				...current,
+				status: "error",
+				message: "Answer every question before submitting."
+			};
+			return;
+		}
+		this.pendingQuestion = {
+			...current,
+			status: "submitting",
+			answers,
+			message: ""
+		};
+		try {
+			await replyChatQuestion(current.requestID, answers.map((item) => [item]));
+			this.pendingQuestion = {
+				...current,
+				status: "answered",
+				answers,
+				message: "Answer sent."
+			};
+		} catch (error) {
+			const message = error instanceof Error ? error.message : "Failed to send answer.";
+			this.pendingQuestion = {
+				...current,
+				status: "error",
+				answers,
+				message
+			};
+		}
+	}
+	async rejectQuestion() {
+		if (!this.pendingQuestion || this.pendingQuestion.status === "submitting") return;
+		const current = this.pendingQuestion;
+		this.pendingQuestion = {
+			...current,
+			status: "submitting",
+			message: ""
+		};
+		try {
+			await rejectChatQuestion(current.requestID);
+			this.pendingQuestion = {
+				...current,
+				status: "rejected",
+				message: "Question declined."
+			};
+		} catch (error) {
+			const message = error instanceof Error ? error.message : "Failed to reject question.";
+			this.pendingQuestion = {
+				...current,
+				status: "error",
+				message
+			};
+		}
+	}
 	reset() {
 		stopSpeaking();
+		this._clearPendingTurn();
 		this.entries = [];
 		this.error = "";
+		this._resetPendingRenderState();
 		this.byEndpoint = /* @__PURE__ */ new Map();
 		if (this._unsubscribeEvents) {
 			try {
@@ -672,6 +1057,146 @@ var ChatService = class {
 };
 var chat = new ChatService();
 //#endregion
+//#region src/lib/chat/navigation.ts
+var DEFAULT_WORKSPACE_PATH = "/work/itlackey/openpalm";
+function encodeWorkspacePath(path) {
+	if (typeof window === "undefined" || typeof window.btoa !== "function") return "L3dvcmsvaXRsYWNrZXkvb3BlbnBhbG0";
+	const bytes = new TextEncoder().encode(path);
+	let binary = "";
+	for (const byte of bytes) binary += String.fromCharCode(byte);
+	return window.btoa(binary).replace(/=+$/g, "");
+}
+function currentChatSessionId() {
+	return chat.activeSessionId;
+}
+function buildAdvancedPath(sessionId) {
+	const params = new URLSearchParams();
+	if (sessionId) params.set("session", sessionId);
+	const query = params.toString();
+	return query ? `/advanced?${query}` : "/advanced";
+}
+function buildChatPath(sessionId, options) {
+	const params = new URLSearchParams();
+	if (sessionId) params.set("session", sessionId);
+	const query = params.toString();
+	return query ? `/chat?${query}` : "/chat";
+}
+function buildAdvancedIframeUrl(baseUrl, sessionId) {
+	if (!sessionId) return baseUrl;
+	return `${baseUrl.replace(/\/$/, "")}/${encodeWorkspacePath(DEFAULT_WORKSPACE_PATH)}/session/${encodeURIComponent(sessionId)}`;
+}
+//#endregion
+//#region src/lib/components/chrome/ModeSwitch.svelte
+function advancedIcon($$renderer) {
+	$$renderer.push(`<svg 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>`);
+}
+function ModeSwitch($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		const pathname = derived(() => page.url?.pathname ?? "");
+		const onAdmin = derived(() => pathname() === "/admin" || pathname().startsWith("/admin/"));
+		function toggle() {
+			const enabled = advancedModeService.toggle();
+			if (onAdmin()) return;
+			const sessionId = page.url.searchParams.get("session") ?? currentChatSessionId();
+			goto(enabled ? buildAdvancedPath(sessionId) : buildChatPath(sessionId));
+		}
+		ToggleButton($$renderer, {
+			pressed: advancedModeService.enabled,
+			onToggle: toggle,
+			ariaLabel: "Advanced mode",
+			title: "Advanced mode (embedded OpenCode)",
+			icon: advancedIcon
+		});
+	});
+}
+//#endregion
+//#region src/lib/components/common/Drawer.svelte
+function Drawer($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		/** Optional content rendered at the start of the header (e.g. a back button). */
+		/** Drawer width (CSS length). */
+		let { open, title, onClose, children, footer, headerStart, width = "32rem" } = $$props;
+		if (open) {
+			$$renderer.push("<!--[0-->");
+			$$renderer.push(`<div class="drawer-scrim svelte-1u2o1qj"></div> <div class="drawer svelte-1u2o1qj"${attr_style(`--drawer-width: ${stringify(width)}`)} role="dialog" aria-modal="true"${attr("aria-label", title)} tabindex="-1"><header class="drawer-header svelte-1u2o1qj">`);
+			if (headerStart) {
+				$$renderer.push("<!--[0-->");
+				headerStart($$renderer);
+				$$renderer.push(`<!---->`);
+			} else $$renderer.push("<!--[-1-->");
+			$$renderer.push(`<!--]--> <h3 class="drawer-title svelte-1u2o1qj">${escape_html(title)}</h3> <button class="drawer-close svelte-1u2o1qj" aria-label="Close"><svg aria-hidden="true" width="18" height="18" 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></header> <div class="drawer-body svelte-1u2o1qj">`);
+			children($$renderer);
+			$$renderer.push(`<!----></div> `);
+			if (footer) {
+				$$renderer.push("<!--[0-->");
+				$$renderer.push(`<footer class="drawer-footer svelte-1u2o1qj">`);
+				footer($$renderer);
+				$$renderer.push(`<!----></footer>`);
+			} else $$renderer.push("<!--[-1-->");
+			$$renderer.push(`<!--]--></div>`);
+		} else $$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]-->`);
+	});
+}
+//#endregion
+//#region src/lib/components/chrome/SettingsDrawer.svelte
+function gearIcon($$renderer) {
+	$$renderer.push(`<svg aria-hidden="true" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>`);
+}
+function SettingsDrawer($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		let { showManageAssistant = true } = $$props;
+		let open = false;
+		afterNavigate(() => {
+			open = false;
+		});
+		function setTheme(event) {
+			const next = event.currentTarget.value;
+			if (next === "light" || next === "dark" || next === "system") themeService.setPreference(next);
+		}
+		IconButton($$renderer, {
+			icon: gearIcon,
+			ariaLabel: "Settings",
+			title: "Settings",
+			selected: open,
+			ariaPressed: open,
+			onclick: () => open = true
+		});
+		$$renderer.push(`<!----> `);
+		Drawer($$renderer, {
+			open,
+			title: "Settings",
+			onClose: () => open = false,
+			width: "24rem",
+			children: ($$renderer) => {
+				$$renderer.push(`<div class="settings-drawer svelte-4kbm5j"><label class="field svelte-4kbm5j" for="theme-preference"><span class="field-label svelte-4kbm5j">Theme</span> `);
+				$$renderer.select({
+					id: "theme-preference",
+					class: "field-select",
+					value: themeService.preference,
+					onchange: setTheme
+				}, ($$renderer) => {
+					$$renderer.option({ value: "system" }, ($$renderer) => {
+						$$renderer.push(`System`);
+					});
+					$$renderer.option({ value: "light" }, ($$renderer) => {
+						$$renderer.push(`Light`);
+					});
+					$$renderer.option({ value: "dark" }, ($$renderer) => {
+						$$renderer.push(`Dark`);
+					});
+				}, "svelte-4kbm5j");
+				$$renderer.push(`</label> <nav class="settings-links svelte-4kbm5j" aria-label="Settings links">`);
+				if (showManageAssistant) {
+					$$renderer.push("<!--[0-->");
+					$$renderer.push(`<a class="settings-link svelte-4kbm5j" href="/admin">Manage this assistant...</a>`);
+				} else $$renderer.push("<!--[-1-->");
+				$$renderer.push(`<!--]--> <a class="settings-link svelte-4kbm5j" href="/admin/endpoints">Manage assistant connections...</a></nav></div>`);
+			}});
+		$$renderer.push(`<!---->`);
+	});
+}
+//#endregion
 //#region src/lib/endpoints-state.svelte.ts
 var EndpointsService = class {
 	endpoints = [];
@@ -967,23 +1492,29 @@ function Navbar($$renderer, $$props) {
 		const onAdmin = derived(() => pathname() === "/admin" || pathname().startsWith("/admin/"));
 		const onChatSurface = derived(() => pathname() === "/chat" || pathname().startsWith("/chat/"));
 		const onAdvancedSurface = derived(() => pathname() === "/advanced" || pathname().startsWith("/advanced/"));
+		const onConversationSurface = derived(() => onChatSurface() || onAdvancedSurface());
 		const isLocalAssistant = derived(() => {
 			return isLocalAssistantUrl(endpointsService.active?.url);
 		});
-		$$renderer.push(`<header class="navbar svelte-66bgq1"><div class="navbar-inner svelte-66bgq1"><a class="navbar-brand svelte-66bgq1" href="/chat" aria-label="OpenPalm — go to chat"><span class="brand-icon svelte-66bgq1" aria-hidden="true"><img src="/logo-128.png" alt="" class="svelte-66bgq1"/></span> <span class="brand-text svelte-66bgq1">OpenPalm</span></a> <div class="navbar-actions svelte-66bgq1">`);
+		const preferredChatHref = derived(() => {
+			const sessionId = page.url.searchParams.get("session") ?? currentChatSessionId();
+			return advancedModeService.enabled ? buildAdvancedPath(sessionId) : buildChatPath(sessionId);
+		});
+		$$renderer.push(`<header class="navbar svelte-66bgq1"><div class="navbar-inner svelte-66bgq1"><a class="navbar-brand svelte-66bgq1"${attr("href", preferredChatHref())} aria-label="OpenPalm — go to chat"><span class="brand-icon svelte-66bgq1" aria-hidden="true"><img src="/logo-128.png" alt="" class="svelte-66bgq1"/></span> <span class="brand-text svelte-66bgq1">OpenPalm</span></a> <div class="navbar-actions svelte-66bgq1">`);
 		if (onAdmin()) {
 			$$renderer.push("<!--[0-->");
 			IconButton($$renderer, {
-				href: "/chat",
+				href: preferredChatHref(),
 				ariaLabel: "Back to chat",
 				title: "Chat",
 				icon: chatIcon
 			});
+		} else if (onConversationSurface()) {
+			$$renderer.push("<!--[1-->");
+			SettingsDrawer($$renderer, { showManageAssistant: isLocalAssistant() });
 		} else $$renderer.push("<!--[-1-->");
 		$$renderer.push(`<!--]--> `);
-		SettingsDrawer($$renderer, { showManageAssistant: isLocalAssistant() });
-		$$renderer.push(`<!----> `);
-		if (onChatSurface()) {
+		if (onConversationSurface()) {
 			$$renderer.push("<!--[0-->");
 			$$renderer.push(`<span class="chat-selectors svelte-66bgq1">`);
 			EndpointSwitcher($$renderer);
@@ -992,15 +1523,12 @@ function Navbar($$renderer, $$props) {
 			$$renderer.push(`<!----></span>`);
 		} else $$renderer.push("<!--[-1-->");
 		$$renderer.push(`<!--]--> `);
-		if (onChatSurface() || onAdvancedSurface()) {
-			$$renderer.push("<!--[0-->");
-			ModeSwitch($$renderer);
-		} else $$renderer.push("<!--[-1-->");
-		$$renderer.push(`<!--]--> `);
+		ModeSwitch($$renderer);
+		$$renderer.push(`<!----> `);
 		VoiceControl($$renderer);
 		$$renderer.push(`<!----></div></div></header>`);
 	});
 }
 
-export { EndpointList as E, IconButton as I, Navbar as N, SessionList as S, chat as c, endpointsService as e, formatTime as f };
-//# sourceMappingURL=Navbar-C9kE6wR-.js.map
+export { EndpointList as E, IconButton as I, Navbar as N, SessionList as S, buildAdvancedIframeUrl as b, chat as c, endpointsService as e, formatTime as f };
+//# sourceMappingURL=Navbar-EBUPxUnS.js.map