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

package/build/server/chunks/{Navbar-Djg-dawo.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-BxrkCo8A.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-Dd9gBPIF.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,113 +112,44 @@ 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");
-		}
-		ToggleButton($$renderer, {
-			pressed: onAdvanced(),
-			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);
+//#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;
 		}
-		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(`<!---->`);
-	});
-}
+	}
+	#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/chat/oc-events.ts
 function propStr(props, key) {
@@ -969,8 +900,7 @@ var ChatService = class {
 		try {
 			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."));
+					this._failPendingTurn(/* @__PURE__ */ new Error("Timed out waiting for the assistant response."));
 				}, STREAM_TURN_TIMEOUT_MS);
 				this._pendingTurn = {
 					endpointId: this.activeEndpointId,
@@ -1127,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 = [];
@@ -1421,24 +1491,30 @@ 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 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 {
-			$$renderer.push("<!--[-1-->");
+		} else if (onConversationSurface()) {
+			$$renderer.push("<!--[1-->");
 			SettingsDrawer($$renderer, { showManageAssistant: isLocalAssistant() });
-		}
+		} else $$renderer.push("<!--[-1-->");
 		$$renderer.push(`<!--]--> `);
-		if (onChatSurface()) {
+		if (onConversationSurface()) {
 			$$renderer.push("<!--[0-->");
 			$$renderer.push(`<span class="chat-selectors svelte-66bgq1">`);
 			EndpointSwitcher($$renderer);
@@ -1454,5 +1530,5 @@ function Navbar($$renderer, $$props) {
 	});
 }
 
-export { EndpointList as E, IconButton as I, Navbar as N, SessionList as S, chat as c, endpointsService as e, formatTime as f };
-//# sourceMappingURL=Navbar-Djg-dawo.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