@openpalm/ui 0.11.0-rc.13 → 0.11.0-rc.14

package/build/server/chunks/{_page.svelte-CEjRvc8B.js → _page.svelte-BXcDqPDM.js}

@@ -1,10 +1,11 @@
+import { v as version } from './environment-qSeYk7Wm.js';
 import { E as head, p as ensure_array_like, e as attr_class, d as attr, r as escape_html, a8 as stringify, F as html, o as derived, g as bind_props } from './dev-B6xUe35c.js';
-import { o as onDestroy } from './state-CFHLgqLs.js';
-import { g as fetchHealth, a as fetchContainers, f as fetchAutomations, k as fetchVersions, h as fetchReleases, j as fetchUiVersions, v as voiceState, b as buildHeaders, i as fetchServiceLogs } from './theme-state.svelte-y-mfJax7.js';
-import { A as AuthGate, N as Navbar } from './AuthGate-BcB49fE5.js';
+import { o as onDestroy } from './state-B_UDC_bs.js';
+import { h as fetchHealth, e as fetchContainers, f as fetchAutomations, l as fetchVersions, i as fetchReleases, k as fetchUiVersions, w as voiceState, b as buildHeaders, j as fetchServiceLogs, a as downloadUiVersion, q as setStackVersion, v as upgradeStack } from './theme-state.svelte-CWo8vi7P.js';
+import { A as AuthGate, N as Navbar } from './AuthGate-UzM0ufsa.js';
 import { S as Spinner } from './Spinner-Bk6e83RX.js';
 import { V as VoiceEngineSelector, a as VoiceProfileSelector } from './VoiceProfileSelector-CbOV_v5A.js';
-import './internal-B08Y9iTe.js';
+import './internal-COESfFAd.js';
 import './utils-BSRjJDrZ.js';
 import 'node:module';
 import './chunk-CLZ62Ad-.js';
@@ -159,7 +160,11 @@ function StatusHero($$renderer, $$props) {
 //#endregion
 //#region src/lib/components/admin/overview/OperationOutput.svelte
 function OperationOutput($$renderer, $$props) {
-	$$renderer.push("<!--[-1-->");
+	let { operationResult, operationResultType} = $$props;
+	if (operationResult) {
+		$$renderer.push("<!--[0-->");
+		$$renderer.push(`<section${attr_class(`output-section output-section--${stringify(operationResultType)}`, "svelte-10sij3c")}><div class="output-header svelte-10sij3c"><h3 class="svelte-10sij3c">Operation output</h3> <button class="btn-ghost" aria-label="Dismiss"><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"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></button></div> <pre class="output-code svelte-10sij3c">${escape_html(operationResult)}</pre></section>`);
+	} else $$renderer.push("<!--[-1-->");
 	$$renderer.push(`<!--]-->`);
 }
 //#endregion
@@ -219,7 +224,7 @@ function ConfigureShortcuts($$renderer, $$props) {
 //#region src/lib/components/admin/overview/OverviewTab.svelte
 function OverviewTab($$renderer, $$props) {
 	$$renderer.component(($$renderer) => {
-		let { healthLoading, anyDangerousLoading, mergedServices, onNavigate } = $$props;
+		let { operationResult, operationResultType, healthLoading, anyDangerousLoading, mergedServices, onNavigate } = $$props;
 		let akmBadge = derived(() => {
 			return {
 				label: "Unavailable",
@@ -268,7 +273,9 @@ function OverviewTab($$renderer, $$props) {
 				anyDangerousLoading});
 		} else $$renderer.push("<!--[-1-->");
 		$$renderer.push(`<!--]--> `);
-		OperationOutput($$renderer);
+		OperationOutput($$renderer, {
+			operationResult,
+			operationResultType});
 		$$renderer.push(`<!----> <div class="tile-grid svelte-xz862u">`);
 		MetricTile($$renderer, {
 			label: "Services running",
@@ -310,21 +317,44 @@ function OverviewTab($$renderer, $$props) {
 //#region src/lib/components/admin/updates/UpdatesTab.svelte
 function UpdatesTab($$renderer, $$props) {
 	$$renderer.component(($$renderer) => {
-		let { currentImageTag, selectedImageTag, tagChangeLoading, anyDangerousLoading, inElectron, uiVersions, uiVersionsLoading, selectedUiTag, uiDownloadLoading, releases, releasesLoading, onSelectedImageTagChange, onSelectedUiTagChange} = $$props;
+		/** Running @openpalm/ui version (the build currently serving this page). */
+		let { currentImageTag, selectedImageTag, tagChangeLoading, anyDangerousLoading, tokenStored, upgradeLoading, inElectron, uiVersion, uiVersions, uiVersionsLoading, selectedUiTag, uiDownloadLoading, uiDownloadReady, releases, releasesLoading, onSetImageTag, onSelectedImageTagChange, onUpgradeStack, onSelectedUiTagChange, onDownloadUiVersion, onRestartApp, onRefreshReleases } = $$props;
 		function uiVersionLabel(v) {
 			const tags = [];
 			if (v.distTag) tags.push(v.distTag);
 			else if (v.prerelease) tags.push("pre-release");
 			return tags.length ? `${v.version} (${tags.join(", ")})` : v.version;
 		}
-		$$renderer.push(`<div class="panel svelte-7mkeya" role="tabpanel"><div class="panel-header svelte-7mkeya"><div class="svelte-7mkeya"><h2 class="svelte-7mkeya">Updates</h2> <p class="panel-subtitle svelte-7mkeya">Pull new stack images, upgrade to the latest release, and update the UI.</p></div></div> <div class="panel-body svelte-7mkeya"><div class="version-section svelte-7mkeya"><div class="version-row svelte-7mkeya"><span class="version-label svelte-7mkeya">Stack images</span> <code class="version-value svelte-7mkeya">${escape_html(currentImageTag || "—")}</code></div> <div class="version-input-row svelte-7mkeya">`);
+		const statusText = derived(() => upgradeLoading ? "Updating OpenPalm to the latest version…" : tagChangeLoading ? "Installing the selected version and restarting…" : uiDownloadLoading ? "Downloading the admin interface…" : releasesLoading || uiVersionsLoading ? "Checking for updates…" : "");
+		$$renderer.push(`<div class="panel svelte-7mkeya" role="tabpanel"><div class="panel-header svelte-7mkeya"><div class="svelte-7mkeya"><h2 class="svelte-7mkeya">Check-up</h2> <p class="panel-subtitle svelte-7mkeya">Keep OpenPalm up to date. An update backs up your settings first, then briefly restarts your assistant.</p></div> <button class="btn btn-sm btn-secondary refresh-releases svelte-7mkeya"${attr("disabled", releasesLoading || uiVersionsLoading, true)}${attr("aria-busy", releasesLoading || uiVersionsLoading)} title="Check GitHub for newer versions">`);
+		if (releasesLoading || uiVersionsLoading) {
+			$$renderer.push("<!--[0-->");
+			Spinner($$renderer, {});
+			$$renderer.push(`<!----> Checking…`);
+		} else {
+			$$renderer.push("<!--[-1-->");
+			$$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" class="svelte-7mkeya"><path d="M23 4v6h-6" class="svelte-7mkeya"></path><path d="M1 20v-6h6" class="svelte-7mkeya"></path><path d="M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15" class="svelte-7mkeya"></path></svg> Check for updates`);
+		}
+		$$renderer.push(`<!--]--></button></div> <p class="status-live svelte-7mkeya" role="status" aria-live="polite">${escape_html(statusText())}</p> <div class="panel-body svelte-7mkeya"><section class="update-card svelte-7mkeya" aria-labelledby="update-primary-title"><div class="update-card-text svelte-7mkeya"><h3 id="update-primary-title" class="update-title svelte-7mkeya">Update to the latest version</h3> <p class="update-desc svelte-7mkeya">Downloads and installs the newest OpenPalm release. Your settings are backed up first,
+          then your assistant restarts — it will be offline for about a minute. Your data is kept.</p></div> <button class="btn btn-primary update-go svelte-7mkeya"${attr("disabled", anyDangerousLoading || !tokenStored, true)}${attr("aria-busy", upgradeLoading)}>`);
+		if (upgradeLoading) {
+			$$renderer.push("<!--[0-->");
+			Spinner($$renderer, {});
+			$$renderer.push(`<!----> Updating…`);
+		} else {
+			$$renderer.push("<!--[-1-->");
+			$$renderer.push(`Update now`);
+		}
+		$$renderer.push(`<!--]--></button></section> <dl class="versions svelte-7mkeya"><div class="versions-row svelte-7mkeya"><dt class="svelte-7mkeya">OpenPalm</dt> <dd class="svelte-7mkeya"><code class="version-value svelte-7mkeya">${escape_html(currentImageTag || "—")}</code></dd></div> <div class="versions-row svelte-7mkeya"><dt class="svelte-7mkeya">Admin interface</dt> <dd class="svelte-7mkeya"><code class="version-value svelte-7mkeya">${escape_html(uiVersion || "—")}</code></dd></div></dl> <details class="advanced svelte-7mkeya"><summary class="svelte-7mkeya">Advanced options</summary> <div class="advanced-body svelte-7mkeya"><div class="version-section svelte-7mkeya"><label class="version-label svelte-7mkeya" for="stack-version-select">Install a specific version</label> <div class="version-input-row svelte-7mkeya">`);
 		if (releasesLoading) {
 			$$renderer.push("<!--[0-->");
 			$$renderer.push(`<div class="version-select-skeleton svelte-7mkeya"></div>`);
 		} else if (releases.length > 0) {
 			$$renderer.push("<!--[1-->");
 			$$renderer.select({
+				id: "stack-version-select",
 				class: "version-select",
+				"aria-label": "OpenPalm version to install",
 				value: selectedImageTag,
 				onchange: (e) => onSelectedImageTagChange(e.currentTarget.value),
 				disabled: tagChangeLoading || anyDangerousLoading
@@ -350,33 +380,30 @@ function UpdatesTab($$renderer, $$props) {
 			}, "svelte-7mkeya");
 		} else {
 			$$renderer.push("<!--[-1-->");
-			$$renderer.push(`<input class="version-input svelte-7mkeya" type="text" placeholder="e.g. 0.11.0 or latest"${attr("value", selectedImageTag)}${attr("disabled", tagChangeLoading || anyDangerousLoading, true)}/>`);
+			$$renderer.push(`<input id="stack-version-select" class="version-input svelte-7mkeya" type="text" aria-label="OpenPalm version to install" placeholder="e.g. 0.11.0 or latest"${attr("value", selectedImageTag)}${attr("disabled", tagChangeLoading || anyDangerousLoading, true)}/>`);
 		}
-		$$renderer.push(`<!--]--> <button class="btn btn-sm btn-primary svelte-7mkeya"${attr("disabled", !selectedImageTag.trim() || tagChangeLoading || anyDangerousLoading, true)}>`);
+		$$renderer.push(`<!--]--> <button class="btn btn-sm btn-secondary svelte-7mkeya"${attr("disabled", !selectedImageTag.trim() || tagChangeLoading || anyDangerousLoading, true)}${attr("aria-busy", tagChangeLoading)}>`);
 		if (tagChangeLoading) {
 			$$renderer.push("<!--[0-->");
 			Spinner($$renderer, {});
-			$$renderer.push(`<!----> Applying…`);
+			$$renderer.push(`<!----> Installing…`);
 		} else {
 			$$renderer.push("<!--[-1-->");
-			$$renderer.push(`Pull &amp; Restart`);
+			$$renderer.push(`Install &amp; restart`);
 		}
-		$$renderer.push(`<!--]--></button></div> <p class="version-hint svelte-7mkeya">Pulls the selected images and restarts services.</p></div> <div class="version-divider svelte-7mkeya"></div> <div class="version-section svelte-7mkeya"><div class="version-row svelte-7mkeya"><span class="version-label svelte-7mkeya">Upgrade Stack</span></div> <div class="version-input-row svelte-7mkeya"><button class="btn btn-sm btn-secondary svelte-7mkeya"${attr("disabled", anyDangerousLoading || false, true)}>`);
-		{
-			$$renderer.push("<!--[-1-->");
-			$$renderer.push(`Upgrade to Latest`);
-		}
-		$$renderer.push(`<!--]--></button></div> <p class="version-hint svelte-7mkeya">Downloads the latest assets, pulls images, and restarts services. Backs up current config first.</p></div> `);
+		$$renderer.push(`<!--]--></button></div> <p class="version-hint svelte-7mkeya">For rollback or troubleshooting. Installs the chosen version and restarts services (about a minute offline).</p></div> `);
 		if (inElectron) {
 			$$renderer.push("<!--[0-->");
-			$$renderer.push(`<div class="version-divider svelte-7mkeya"></div> <div class="version-section svelte-7mkeya"><div class="version-row svelte-7mkeya"><span class="version-label svelte-7mkeya">UI Version</span></div> <div class="version-input-row svelte-7mkeya">`);
+			$$renderer.push(`<div class="version-divider svelte-7mkeya"></div> <div class="version-section svelte-7mkeya"><label class="version-label svelte-7mkeya" for="ui-version-select">Admin interface version</label> <div class="version-input-row svelte-7mkeya">`);
 			if (uiVersionsLoading) {
 				$$renderer.push("<!--[0-->");
 				$$renderer.push(`<div class="version-select-skeleton svelte-7mkeya"></div>`);
 			} else if (uiVersions.length > 0) {
 				$$renderer.push("<!--[1-->");
 				$$renderer.select({
+					id: "ui-version-select",
 					class: "version-select",
+					"aria-label": "Admin interface version to download",
 					value: selectedUiTag,
 					onchange: (e) => onSelectedUiTagChange(e.currentTarget.value),
 					disabled: uiDownloadLoading
@@ -396,9 +423,9 @@ function UpdatesTab($$renderer, $$props) {
 				}, "svelte-7mkeya");
 			} else {
 				$$renderer.push("<!--[-1-->");
-				$$renderer.push(`<input class="version-input svelte-7mkeya" type="text" placeholder="e.g. 0.11.0-beta.7"${attr("value", selectedUiTag)}${attr("disabled", uiDownloadLoading, true)}/>`);
+				$$renderer.push(`<input id="ui-version-select" class="version-input svelte-7mkeya" type="text" aria-label="Admin interface version to download" placeholder="e.g. 0.11.0-beta.7"${attr("value", selectedUiTag)}${attr("disabled", uiDownloadLoading, true)}/>`);
 			}
-			$$renderer.push(`<!--]--> <button class="btn btn-sm svelte-7mkeya"${attr("disabled", !selectedUiTag.trim() || uiDownloadLoading, true)}>`);
+			$$renderer.push(`<!--]--> <button class="btn btn-sm btn-secondary svelte-7mkeya"${attr("disabled", !selectedUiTag.trim() || uiDownloadLoading, true)}${attr("aria-busy", uiDownloadLoading)}>`);
 			if (uiDownloadLoading) {
 				$$renderer.push("<!--[0-->");
 				Spinner($$renderer, {});
@@ -408,13 +435,16 @@ function UpdatesTab($$renderer, $$props) {
 				$$renderer.push(`Download`);
 			}
 			$$renderer.push(`<!--]--></button></div> `);
-			{
+			if (uiDownloadReady) {
+				$$renderer.push("<!--[0-->");
+				$$renderer.push(`<div class="version-restart-prompt svelte-7mkeya">Admin interface updated. <button class="btn btn-sm btn-primary svelte-7mkeya">Restart app</button></div>`);
+			} else {
 				$$renderer.push("<!--[-1-->");
-				$$renderer.push(`<p class="version-hint svelte-7mkeya">Downloads and replaces the UI from GitHub. Takes effect on restart.</p>`);
+				$$renderer.push(`<p class="version-hint svelte-7mkeya">Downloads and replaces the admin interface. Takes effect after restart.</p>`);
 			}
 			$$renderer.push(`<!--]--></div>`);
 		} else $$renderer.push("<!--[-1-->");
-		$$renderer.push(`<!--]--></div></div>`);
+		$$renderer.push(`<!--]--></div></details></div></div>`);
 	});
 }
 //#endregion
@@ -2291,6 +2321,8 @@ function _page($$renderer, $$props) {
 		let upgradeLoading = false;
 		let containersLoading = false;
 		let automationsLoading = false;
+		let operationResult = "";
+		let operationResultType = "info";
 		let containerData = null;
 		let containerError = "";
 		let containersLastUpdated = null;
@@ -2302,6 +2334,7 @@ function _page($$renderer, $$props) {
 		let inElectron = false;
 		let tagChangeLoading = false;
 		let uiDownloadLoading = false;
+		let uiDownloadReady = false;
 		let selectedImageTag = "latest";
 		let selectedUiTag = "";
 		let releases = [];
@@ -2466,6 +2499,55 @@ function _page($$renderer, $$props) {
 			releasesLoading = false;
 			uiVersionsLoading = false;
 		}
+		async function handleUpgradeStack() {
+			if (anyDangerousLoading()) return;
+			upgradeLoading = true;
+			try {
+				const result = await upgradeStack();
+				operationResult = `Upgrade complete (image: ${result.imageTag}). ${result.assetsUpdated.length} asset(s) updated, ${result.restarted.length} service(s) restarted.`;
+				operationResultType = "success";
+			} catch (e) {
+				const err = e;
+				if (err.status === 401) applyInvalidTokenState();
+				else {
+					operationResult = `Error upgrading stack: ${err.message ?? e}`;
+					operationResultType = "error";
+				}
+			}
+			upgradeLoading = false;
+		}
+		async function handleSetImageTag(tag) {
+			if (tagChangeLoading) return;
+			tagChangeLoading = true;
+			try {
+				const result = await setStackVersion(tag);
+				currentImageTag = result.imageTag;
+				selectedImageTag = result.imageTag;
+				operationResult = `Image tag set to ${result.imageTag}. Restarted: ${result.restarted.join(", ") || "none"}.`;
+				operationResultType = "success";
+			} catch (e) {
+				operationResult = `Failed to apply image tag: ${e.message ?? e}`;
+				operationResultType = "error";
+			}
+			tagChangeLoading = false;
+		}
+		async function handleDownloadUiVersion(tag) {
+			if (uiDownloadLoading) return;
+			uiDownloadLoading = true;
+			uiDownloadReady = false;
+			try {
+				await downloadUiVersion(tag);
+				selectedUiTag = tag;
+				uiDownloadReady = true;
+			} catch (e) {
+				operationResult = `Failed to download UI version: ${e.message ?? e}`;
+				operationResultType = "error";
+			}
+			uiDownloadLoading = false;
+		}
+		function handleRestartApp() {
+			window.openpalm?.restart?.();
+		}
 		/** Derive service names from container data for the logs tab */
 		let serviceNames = derived(() => {
 			if (!containerData) return [];
@@ -2496,13 +2578,15 @@ function _page($$renderer, $$props) {
 		} else {
 			$$renderer.push("<!--[-1-->");
 			Navbar($$renderer);
-			$$renderer.push(`<!----> <main class="svelte-1jef3w8">`);
+			$$renderer.push(`<!----> `);
 			TabBar($$renderer, {
 				active: activeTab});
-			$$renderer.push(`<!----> `);
+			$$renderer.push(`<!----> <main class="svelte-1jef3w8">`);
 			if (activeTab === "overview") {
 				$$renderer.push("<!--[0-->");
 				OverviewTab($$renderer, {
+					operationResult,
+					operationResultType,
 					healthLoading,
 					anyDangerousLoading: anyDangerousLoading(),
 					mergedServices: mergedServices(),
@@ -2515,19 +2599,29 @@ function _page($$renderer, $$props) {
 					selectedImageTag,
 					tagChangeLoading,
 					anyDangerousLoading: anyDangerousLoading(),
+					tokenStored: true,
+					upgradeLoading,
 					inElectron,
+					uiVersion: version,
 					uiVersions,
 					uiVersionsLoading,
 					selectedUiTag,
 					uiDownloadLoading,
+					uiDownloadReady,
 					releases,
 					releasesLoading,
+					onSetImageTag: handleSetImageTag,
 					onSelectedImageTagChange: (t) => {
 						selectedImageTag = t;
 					},
+					onUpgradeStack: handleUpgradeStack,
 					onSelectedUiTagChange: (t) => {
 						selectedUiTag = t;
-					}});
+					},
+					onDownloadUiVersion: handleDownloadUiVersion,
+					onRestartApp: handleRestartApp,
+					onRefreshReleases: loadReleases
+				});
 			} else if (activeTab === "addons") {
 				$$renderer.push("<!--[2-->");
 				AddonsTab($$renderer);
@@ -2576,4 +2670,4 @@ function _page($$renderer, $$props) {
 }
 
 export { _page as default };
-//# sourceMappingURL=_page.svelte-CEjRvc8B.js.map
+//# sourceMappingURL=_page.svelte-BXcDqPDM.js.map