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

package/build/server/chunks/{_page.svelte-DrWHHwCU.js → _page.svelte-IK34Jznq.js}

@@ -1,12 +1,11 @@
 import { E as head, d as attr, o as derived } from './dev-B6xUe35c.js';
 import 'node:module';
-import { A as AuthGate, e as endpointsService, N as Navbar } from './AuthGate-BcB49fE5.js';
-import { M as ModeSwitch } from './ModeSwitch-D26evPMy.js';
-import './state-CFHLgqLs.js';
-import './internal-B08Y9iTe.js';
+import { A as AuthGate, e as endpointsService, N as Navbar } from './AuthGate-BSSWifAW.js';
+import './state-B6RhDeid.js';
+import './internal-SzWp9pLx.js';
 import './utils-BSRjJDrZ.js';
 import './chunk-CLZ62Ad-.js';
-import './theme-state.svelte-y-mfJax7.js';
+import './theme-state.svelte-CWo8vi7P.js';
 import './Spinner-Bk6e83RX.js';
 
 //#region src/routes/advanced/+page.svelte
@@ -58,13 +57,11 @@ function _page($$renderer, $$props) {
 		} else {
 			$$renderer.push("<!--[-1-->");
 			Navbar($$renderer);
-			$$renderer.push(`<!----> <div class="advanced-layout svelte-1z0msvj"><div class="advanced-toolbar svelte-1z0msvj">`);
-			ModeSwitch($$renderer);
-			$$renderer.push(`<!----></div> <iframe class="opencode-frame svelte-1z0msvj"${attr("src", openCodeUrl())} title="OpenCode — Advanced Chat" allow="clipboard-read; clipboard-write; microphone"></iframe></div>`);
+			$$renderer.push(`<!----> <div class="advanced-layout svelte-1z0msvj"><iframe class="opencode-frame svelte-1z0msvj"${attr("src", openCodeUrl())} title="OpenCode — Advanced Chat" allow="clipboard-read; clipboard-write; microphone"></iframe></div>`);
 		}
 		$$renderer.push(`<!--]-->`);
 	});
 }
 
 export { _page as default };
-//# sourceMappingURL=_page.svelte-DrWHHwCU.js.map
+//# sourceMappingURL=_page.svelte-IK34Jznq.js.map

package/build/server/chunks/_page.svelte-IK34Jznq.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_page.svelte-IK34Jznq.js","sources":["../../../.svelte-kit/adapter-node/entries/pages/advanced/_page.svelte.js"],"sourcesContent":["import { V as attr, a as derived, s as head } from \"../../../chunks/dev.js\";\nimport \"../../../chunks/index-server.js\";\nimport { n as Navbar, r as endpointsService, t as AuthGate } from \"../../../chunks/AuthGate.js\";\n//#region src/routes/advanced/+page.svelte\nfunction _page($$renderer, $$props) {\n\t$$renderer.component(($$renderer) => {\n\t\tlet authLocked = true;\n\t\tlet authLoading = false;\n\t\tlet authError = \"\";\n\t\tlet openCodeUrl = derived(() => endpointsService.active?.url ?? \"http://127.0.0.1:3800\");\n\t\tasync function handleAuthSuccess(token) {\n\t\t\tif (authLoading) return false;\n\t\t\tauthLoading = true;\n\t\t\tauthError = \"\";\n\t\t\ttry {\n\t\t\t\tif (!(await fetch(\"/admin/auth/login\", {\n\t\t\t\t\tmethod: \"POST\",\n\t\t\t\t\theaders: { \"content-type\": \"application/json\" },\n\t\t\t\t\tbody: JSON.stringify({ password: token }),\n\t\t\t\t\tcredentials: \"include\"\n\t\t\t\t})).ok) {\n\t\t\t\t\tauthLocked = true;\n\t\t\t\t\tauthError = \"Invalid password.\";\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\t\t\t\tauthLocked = false;\n\t\t\t\tauthError = \"\";\n\t\t\t\tawait endpointsService.load();\n\t\t\t\treturn true;\n\t\t\t} catch {\n\t\t\t\tauthLocked = true;\n\t\t\t\tauthError = \"Could not reach the server.\";\n\t\t\t\treturn false;\n\t\t\t} finally {\n\t\t\t\tauthLoading = false;\n\t\t\t}\n\t\t}\n\t\thead(\"1z0msvj\", $$renderer, ($$renderer) => {\n\t\t\t$$renderer.title(($$renderer) => {\n\t\t\t\t$$renderer.push(`<title>Advanced Chat — OpenPalm</title>`);\n\t\t\t});\n\t\t});\n\t\tif (authLocked) {\n\t\t\t$$renderer.push(\"<!--[0-->\");\n\t\t\tAuthGate($$renderer, {\n\t\t\t\tonSuccess: handleAuthSuccess,\n\t\t\t\tloading: authLoading,\n\t\t\t\terror: authError\n\t\t\t});\n\t\t} else {\n\t\t\t$$renderer.push(\"<!--[-1-->\");\n\t\t\tNavbar($$renderer, {});\n\t\t\t$$renderer.push(`<!----> <div class=\"advanced-layout svelte-1z0msvj\"><iframe class=\"opencode-frame svelte-1z0msvj\"${attr(\"src\", openCodeUrl())} title=\"OpenCode — Advanced Chat\" allow=\"clipboard-read; clipboard-write; microphone\"></iframe></div>`);\n\t\t}\n\t\t$$renderer.push(`<!--]-->`);\n\t});\n}\n//#endregion\nexport { _page as default };\n"],"names":[],"mappings":";;;;;;;;;;AAGA;AACA,SAAS,KAAK,CAAC,UAAU,EAAE,OAAO,EAAE;AACpC,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,UAAU,KAAK;AACtC,EAAE,IAAI,UAAU,GAAG,IAAI;AACvB,EAAE,IAAI,WAAW,GAAG,KAAK;AACzB,EAAE,IAAI,SAAS,GAAG,EAAE;AACpB,EAAE,IAAI,WAAW,GAAG,OAAO,CAAC,MAAM,gBAAgB,CAAC,MAAM,EAAE,GAAG,IAAI,uBAAuB,CAAC;AAC1F,EAAE,eAAe,iBAAiB,CAAC,KAAK,EAAE;AAC1C,GAAG,IAAI,WAAW,EAAE,OAAO,KAAK;AAChC,GAAG,WAAW,GAAG,IAAI;AACrB,GAAG,SAAS,GAAG,EAAE;AACjB,GAAG,IAAI;AACP,IAAI,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,mBAAmB,EAAE;AAC3C,KAAK,MAAM,EAAE,MAAM;AACnB,KAAK,OAAO,EAAE,EAAE,cAAc,EAAE,kBAAkB,EAAE;AACpD,KAAK,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;AAC9C,KAAK,WAAW,EAAE;AAClB,KAAK,CAAC,EAAE,EAAE,EAAE;AACZ,KAAK,UAAU,GAAG,IAAI;AACtB,KAAK,SAAS,GAAG,mBAAmB;AACpC,KAAK,OAAO,KAAK;AACjB,IAAI;AACJ,IAAI,UAAU,GAAG,KAAK;AACtB,IAAI,SAAS,GAAG,EAAE;AAClB,IAAI,MAAM,gBAAgB,CAAC,IAAI,EAAE;AACjC,IAAI,OAAO,IAAI;AACf,GAAG,CAAC,CAAC,MAAM;AACX,IAAI,UAAU,GAAG,IAAI;AACrB,IAAI,SAAS,GAAG,6BAA6B;AAC7C,IAAI,OAAO,KAAK;AAChB,GAAG,CAAC,SAAS;AACb,IAAI,WAAW,GAAG,KAAK;AACvB,GAAG;AACH,EAAE;AACF,EAAE,IAAI,CAAC,SAAS,EAAE,UAAU,EAAE,CAAC,UAAU,KAAK;AAC9C,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC,UAAU,KAAK;AACpC,IAAI,UAAU,CAAC,IAAI,CAAC,CAAC,uCAAuC,CAAC,CAAC;AAC9D,GAAG,CAAC,CAAC;AACL,EAAE,CAAC,CAAC;AACJ,EAAE,IAAI,UAAU,EAAE;AAClB,GAAG,UAAU,CAAC,IAAI,CAAC,WAAW,CAAC;AAC/B,GAAG,QAAQ,CAAC,UAAU,EAAE;AACxB,IAAI,SAAS,EAAE,iBAAiB;AAChC,IAAI,OAAO,EAAE,WAAW;AACxB,IAAI,KAAK,EAAE;AACX,IAAI,CAAC;AACL,EAAE,CAAC,MAAM;AACT,GAAG,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC;AAChC,GAAG,MAAM,CAAC,UAAc,CAAC;AACzB,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,iGAAiG,EAAE,IAAI,CAAC,KAAK,EAAE,WAAW,EAAE,CAAC,CAAC,qGAAqG,CAAC,CAAC;AACzP,EAAE;AACF,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC;AAC7B,CAAC,CAAC,CAAC;AACH;;;;"}

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

@@ -1,10 +1,11 @@
+import { v as version } from './environment-CsmIkpXZ.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-B6RhDeid.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-BSSWifAW.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-SzWp9pLx.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-s9VofFGB.js.map