@openpalm/ui 0.11.4 → 0.11.5-rc.1

package/build/server/chunks/{Navbar-DDD0LQ9P.js → Navbar-Bx4D1yFQ.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-BhIdOLuN.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-oTjIGK6_.js';
+import { a as afterNavigate, o as onDestroy, g as goto } from './client-CzWS98u-.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-_CMr5Hu9.js';
+import { p as page } from './state-DaLIIQmU.js';
 import { S as Spinner } from './Spinner-Bk6e83RX.js';
 
 //#region src/lib/format-date.ts
@@ -220,6 +220,150 @@ function SettingsDrawer($$renderer, $$props) {
 	});
 }
 //#endregion
+//#region src/lib/chat/oc-events.ts
+function propStr(props, key) {
+	const value = props?.[key];
+	return typeof value === "string" ? value : void 0;
+}
+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 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
+		});
+	}
+	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
 var INITIAL_BACKOFF_MS = 1e3;
 var MAX_BACKOFF_MS = 3e4;
@@ -308,6 +452,7 @@ function subscribeSessionEvents(handlers) {
 						console.warn("[session-events] Bad JSON in SSE frame", err);
 						continue;
 					}
+					handlers.onEvent?.(payload);
 					dispatch(handlers, payload);
 				}
 			}
@@ -344,6 +489,7 @@ function subscribeSessionEvents(handlers) {
 }
 //#endregion
 //#region src/lib/chat/chat-state.svelte.ts
+var STREAM_TURN_TIMEOUT_MS = 15e4;
 function emptyEndpointState() {
 	return {
 		sessions: [],
@@ -369,6 +515,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 +530,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 +594,160 @@ 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
+		});
+		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 +846,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 +885,7 @@ var ChatService = class {
 				activeSessionId: id
 			});
 			this.entries = [];
+			this._resetPendingRenderState();
 			return id;
 		} catch (e) {
 			const err = e;
@@ -599,9 +898,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,37 +925,45 @@ 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._pendingTurn = null;
+					reject(/* @__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
+				});
 			}
-			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 });
@@ -654,10 +973,110 @@ var ChatService = class {
 			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 {
@@ -966,7 +1385,6 @@ function Navbar($$renderer, $$props) {
 		const pathname = derived(() => page.url?.pathname ?? "");
 		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 isLocalAssistant = derived(() => {
 			return isLocalAssistantUrl(endpointsService.active?.url);
 		});
@@ -979,10 +1397,11 @@ function Navbar($$renderer, $$props) {
 				title: "Chat",
 				icon: chatIcon
 			});
-		} else $$renderer.push("<!--[-1-->");
+		} else {
+			$$renderer.push("<!--[-1-->");
+			SettingsDrawer($$renderer, { showManageAssistant: isLocalAssistant() });
+		}
 		$$renderer.push(`<!--]--> `);
-		SettingsDrawer($$renderer, { showManageAssistant: isLocalAssistant() });
-		$$renderer.push(`<!----> `);
 		if (onChatSurface()) {
 			$$renderer.push("<!--[0-->");
 			$$renderer.push(`<span class="chat-selectors svelte-66bgq1">`);
@@ -992,15 +1411,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-DDD0LQ9P.js.map
+//# sourceMappingURL=Navbar-Bx4D1yFQ.js.map