@openpalm/ui 0.12.0-rc.1 → 0.12.0-rc.3

package/build/server/chunks/{_page.svelte-BsDNnBfz.js → _page.svelte-F2VqpLAW.js}

@@ -1,17 +1,17 @@
-import { v as version } from './environment-BTWh1E9j.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, g as goto } from './client-BQEOyapc.js';
+import { v as version } from './environment-DevEAj_M.js';
+import { E as head, r as escape_html, o as derived, p as ensure_array_like, e as attr_class, d as attr, a8 as stringify, F as html, g as bind_props } from './dev-B6xUe35c.js';
+import { o as onDestroy, g as goto } from './client-CnOg1BpV.js';
 import { r as require_dist } from './dist-DOFcG0Zp.js';
-import { g as fetchContainers, f as fetchAutomations, A as voiceState, b as buildHeaders, j as fetchServiceLogs, a as detectAkmEmbedding, x as testAkmEmbedding, n as notifications, z as upgradeStack, e as downloadUiVersion, i as fetchReleases, k as fetchUiVersions, t as setStackVersion } from './theme-state.svelte-CUVpUHOv.js';
-import { N as Navbar, f as formatTime, e as endpointsService, D as Drawer } from './Navbar-Dnxvfk10.js';
+import { g as fetchContainers, f as fetchAutomations, B as voiceState, b as buildHeaders, j as fetchServiceLogs, a as detectAkmEmbedding, y as testAkmEmbedding, n as notifications, p as previewMigration, A as upgradeStack, e as downloadUiVersion, u as setStackVersion, D as DowngradeConfirmationRequiredError, i as fetchReleases, k as fetchUiVersions } from './theme-state.svelte-8qSluhfu.js';
+import { N as Navbar, f as formatTime, e as endpointsService, D as Drawer } from './Navbar-Bdk7TDAb.js';
 import { S as Spinner } from './Spinner-Bk6e83RX.js';
-import { T as ToolStrip, C as ChatMessage } from './ChatMessage-DfLmvrJq.js';
+import { T as ToolStrip, C as ChatMessage } from './ChatMessage-BAWjgbc_.js';
 import './provider-constants-DPrj3yBX.js';
-import './internal-CXonuT4k.js';
+import './internal-CQdgWpT6.js';
 import './utils-BSRjJDrZ.js';
 import 'node:module';
 import './chunk-CLZ62Ad-.js';
-import './state2-CGTr4dHs.js';
+import './state2-DkQitSl6.js';
 
 var TTS_OPTIONS = [
 	{
@@ -528,6 +528,24 @@ function isSemver(v) {
 function isPrerelease(v) {
 	return v.replace(/^v/, "").split("+")[0].includes("-");
 }
+/**
+* Client-safe mirror of @openpalm/lib's `formatForDisplay` (#503): one canonical
+* user-facing spelling regardless of whether the value arrived as a Docker tag
+* (`v0.12.0`) or an npm version (`0.12.0`). Drops a single leading `v`; leaves
+* a moving tag like `latest`/`dev` untouched. The lib helper is server-only
+* (its module imports package.json), so this stays a tiny dependency-free copy
+* used everywhere the browser renders a version label.
+*/
+function formatVersionForDisplay(v) {
+	return (v ?? "").trim().replace(/^v/, "");
+}
+/** Active release channel for `current`: pre-release installs ride the
+*  prerelease channel, everything else the stable channel. Non-semver (a moving
+*  `latest` tag, or no data) → 'unknown' so the UI shows nothing misleading. */
+function channelOf(current) {
+	if (!isSemver(current)) return "unknown";
+	return isPrerelease(current) ? "prerelease" : "stable";
+}
 /** Returns 1 if a > b, -1 if a < b, 0 if equal. Strips a leading `v`. */
 function compareVersions(a, b) {
 	const parse = (v) => {
@@ -600,7 +618,14 @@ function UpdatesTab($$renderer, $$props) {
 		/** Newer desktop version from the app's GitHub update check, if any. */
 		/** Download URL for the newer desktop release. */
 		/** Running @openpalm/ui version (the build currently serving this page). */
-		let { currentImageTag, selectedImageTag, tagChangeLoading, anyDangerousLoading, tokenStored, upgradeLoading, inElectron, electronVersion, electronLatestVersion, electronLatestUrl, uiVersion, uiVersions, uiVersionsLoading, selectedUiTag, uiDownloadLoading, uiDownloadReady, releases, releasesLoading, onSetImageTag, onSelectedImageTagChange, onUpgradeStack, onSelectedUiTagChange, onDownloadUiVersion, onRestartApp, onRefreshReleases } = $$props;
+		/** Supervisor is respawning the UI server against the new build; the page
+		*  will auto-reload once it's back up (design §6.2). */
+		/** Running control-plane version (PLATFORM_VERSION). The dropdown is already
+		*  filtered to tags ≤ this server-side (#492); used to label "you are on X"
+		*  and to keep the version picker from offering an unreachable newer tag. */
+		/** #497: preview the release migrations the selected tag would run. */
+		/** #501: set when the selected tag is a downgrade and needs confirmation. */
+		let { currentImageTag, selectedImageTag, tagChangeLoading, anyDangerousLoading, tokenStored, upgradeLoading, inElectron, electronVersion, electronLatestVersion, electronLatestUrl, uiVersion, uiVersions, uiVersionsLoading, selectedUiTag, uiDownloadLoading, uiDownloadReady, uiDownloadRestarting, releases, releasesLoading, platformVersion = "", migratePreviewLoading = false, migratePreview = null, downgradePrompt = null, onSetImageTag, onPreviewMigration, onConfirmDowngrade, onCancelDowngrade, onSelectedImageTagChange, onUpgradeStack, onSelectedUiTagChange, onDownloadUiVersion, onRestartApp, onRefreshReleases } = $$props;
 		function uiVersionLabel(v) {
 			const tags = [];
 			if (v.distTag) tags.push(v.distTag);
@@ -623,6 +648,7 @@ function UpdatesTab($$renderer, $$props) {
 		const appDownloadUrl = derived(() => electronLatestUrl ?? (appLatest() ? `${RELEASES_URL}/tag/v${appLatest()}` : RELEASES_URL));
 		const uiLatest = derived(() => latestForChannel(uiVersion, uiCandidates()));
 		const uiStatus = derived(() => updateStatus(uiVersion, uiLatest()));
+		const activeChannel = derived(() => channelOf(currentImageTag));
 		let notificationsEnabled = false;
 		let replyPreviewEnabled = false;
 		let launchOnLoginEnabled = false;
@@ -633,7 +659,20 @@ function UpdatesTab($$renderer, $$props) {
 			return s === "current" ? "Up to date" : s === "update" ? "Update available" : "Update status unknown";
 		}
 		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">`);
+		$$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> `);
+		if (activeChannel() !== "unknown") {
+			$$renderer.push("<!--[0-->");
+			$$renderer.push(`<p class="channel-indicator svelte-7mkeya">You're on the <strong class="svelte-7mkeya">${escape_html(activeChannel() === "prerelease" ? "prerelease" : "stable")}</strong> channel. `);
+			if (activeChannel() === "prerelease") {
+				$$renderer.push("<!--[0-->");
+				$$renderer.push(`Prereleases get new features early and may be less stable.`);
+			} else {
+				$$renderer.push("<!--[-1-->");
+				$$renderer.push(`You'll only be offered stable releases.`);
+			}
+			$$renderer.push(`<!--]--></p>`);
+		} else $$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--></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, {});
@@ -642,7 +681,11 @@ function UpdatesTab($$renderer, $$props) {
 			$$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,
+		$$renderer.push(`<!--]--></button></div> <p class="status-live svelte-7mkeya" role="status" aria-live="polite">${escape_html(statusText())}</p> `);
+		$$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--> `);
+		$$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--> <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-->");
@@ -652,7 +695,7 @@ function UpdatesTab($$renderer, $$props) {
 			$$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 Assistant</dt> <dd class="svelte-7mkeya"><span class="version-cell svelte-7mkeya"><code${attr_class(`version-value status-${stringify(assistantStatus())}`, "svelte-7mkeya")}>${escape_html(currentImageTag || "—")}</code> `);
+		$$renderer.push(`<!--]--></button></section> <dl class="versions svelte-7mkeya"><div class="versions-row svelte-7mkeya"><dt class="svelte-7mkeya">OpenPalm Assistant</dt> <dd class="svelte-7mkeya"><span class="version-cell svelte-7mkeya"><code${attr_class(`version-value status-${stringify(assistantStatus())}`, "svelte-7mkeya")}>${escape_html(formatVersionForDisplay(currentImageTag) || "—")}</code> `);
 		if (statusEmoji(assistantStatus())) {
 			$$renderer.push("<!--[0-->");
 			$$renderer.push(`<span class="status-emoji svelte-7mkeya" role="img"${attr("aria-label", statusTitle(assistantStatus()))}${attr("title", statusTitle(assistantStatus()))}>${escape_html(statusEmoji(assistantStatus()))}</span>`);
@@ -667,11 +710,11 @@ function UpdatesTab($$renderer, $$props) {
 				$$renderer.push(`<!----> Updating…`);
 			} else {
 				$$renderer.push("<!--[-1-->");
-				$$renderer.push(`Update to ${escape_html(assistantLatest())}`);
+				$$renderer.push(`Update to ${escape_html(formatVersionForDisplay(assistantLatest()))}`);
 			}
 			$$renderer.push(`<!--]--></button>`);
 		} else $$renderer.push("<!--[-1-->");
-		$$renderer.push(`<!--]--></dd></div> <div class="versions-row svelte-7mkeya"><dt class="svelte-7mkeya">OpenPalm App</dt> <dd class="svelte-7mkeya"><span class="version-cell svelte-7mkeya"><code${attr_class(`version-value status-${stringify(appStatus())}`, "svelte-7mkeya")}>${escape_html(electronVersion || "—")}</code> `);
+		$$renderer.push(`<!--]--></dd></div> <div class="versions-row svelte-7mkeya"><dt class="svelte-7mkeya">OpenPalm App</dt> <dd class="svelte-7mkeya"><span class="version-cell svelte-7mkeya"><code${attr_class(`version-value status-${stringify(appStatus())}`, "svelte-7mkeya")}>${escape_html(formatVersionForDisplay(electronVersion) || "—")}</code> `);
 		if (statusEmoji(appStatus())) {
 			$$renderer.push("<!--[0-->");
 			$$renderer.push(`<span class="status-emoji svelte-7mkeya" role="img"${attr("aria-label", statusTitle(appStatus()))}${attr("title", statusTitle(appStatus()))}>${escape_html(statusEmoji(appStatus()))}</span>`);
@@ -679,9 +722,9 @@ function UpdatesTab($$renderer, $$props) {
 		$$renderer.push(`<!--]--></span> `);
 		if (appStatus() === "update") {
 			$$renderer.push("<!--[0-->");
-			$$renderer.push(`<a class="btn btn-sm btn-secondary version-action svelte-7mkeya"${attr("href", appDownloadUrl())} target="_blank" rel="noopener noreferrer">Download ${escape_html(appLatest())}</a>`);
+			$$renderer.push(`<a class="btn btn-sm btn-secondary version-action svelte-7mkeya"${attr("href", appDownloadUrl())} target="_blank" rel="noopener noreferrer">Download ${escape_html(formatVersionForDisplay(appLatest()))}</a>`);
 		} else $$renderer.push("<!--[-1-->");
-		$$renderer.push(`<!--]--></dd></div> <div class="versions-row svelte-7mkeya"><dt class="svelte-7mkeya">OpenPalm UI</dt> <dd class="svelte-7mkeya"><span class="version-cell svelte-7mkeya"><code${attr_class(`version-value status-${stringify(uiStatus())}`, "svelte-7mkeya")}>${escape_html(uiVersion || "—")}</code> `);
+		$$renderer.push(`<!--]--></dd></div> <div class="versions-row svelte-7mkeya"><dt class="svelte-7mkeya">OpenPalm UI</dt> <dd class="svelte-7mkeya"><span class="version-cell svelte-7mkeya"><code${attr_class(`version-value status-${stringify(uiStatus())}`, "svelte-7mkeya")}>${escape_html(formatVersionForDisplay(uiVersion) || "—")}</code> `);
 		if (statusEmoji(uiStatus())) {
 			$$renderer.push("<!--[0-->");
 			$$renderer.push(`<span class="status-emoji svelte-7mkeya" role="img"${attr("aria-label", statusTitle(uiStatus()))}${attr("title", statusTitle(uiStatus()))}>${escape_html(statusEmoji(uiStatus()))}</span>`);
@@ -689,8 +732,13 @@ function UpdatesTab($$renderer, $$props) {
 		$$renderer.push(`<!--]--></span> `);
 		if (uiStatus() === "update") {
 			$$renderer.push("<!--[0-->");
-			if (uiDownloadReady) {
+			if (uiDownloadRestarting) {
 				$$renderer.push("<!--[0-->");
+				$$renderer.push(`<span class="version-action-note svelte-7mkeya" role="status">`);
+				Spinner($$renderer, {});
+				$$renderer.push(`<!----> Admin interface updated — reconnecting…</span>`);
+			} else if (uiDownloadReady) {
+				$$renderer.push("<!--[1-->");
 				$$renderer.push(`<span class="version-action-note svelte-7mkeya">Downloaded. `);
 				if (inElectron) {
 					$$renderer.push("<!--[0-->");
@@ -709,13 +757,28 @@ function UpdatesTab($$renderer, $$props) {
 					$$renderer.push(`<!----> Downloading…`);
 				} else {
 					$$renderer.push("<!--[-1-->");
-					$$renderer.push(`Download ${escape_html(uiLatest())}`);
+					$$renderer.push(`Download ${escape_html(formatVersionForDisplay(uiLatest()))}`);
 				}
 				$$renderer.push(`<!--]--></button>`);
 			}
 			$$renderer.push(`<!--]-->`);
 		} else $$renderer.push("<!--[-1-->");
-		$$renderer.push(`<!--]--></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">`);
+		$$renderer.push(`<!--]--></dd></div></dl> <section class="backups-section svelte-7mkeya" aria-labelledby="backups-title"><div class="backups-header svelte-7mkeya"><h3 id="backups-title" class="backups-title svelte-7mkeya">Backups</h3> `);
+		$$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--></div> <p class="backups-desc svelte-7mkeya">Each update copies your settings here first. To restore one, point OpenPalm at
+        the snapshot directory below (or run <code class="svelte-7mkeya">openpalm rollback</code> for the last update).
+        Nothing is ever deleted automatically.</p> `);
+		$$renderer.push("<!--[2-->");
+		$$renderer.push(`<p class="backups-empty svelte-7mkeya">No backups yet — one is created the first time you update.</p>`);
+		$$renderer.push(`<!--]--> `);
+		$$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--></section> <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> `);
+		if (platformVersion) {
+			$$renderer.push("<!--[0-->");
+			$$renderer.push(`<p class="version-running-note svelte-7mkeya">You're running OpenPalm ${escape_html(platformVersion)}. Newer versions appear here
+              only after you update the app.</p>`);
+		} else $$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--> <div class="version-input-row svelte-7mkeya">`);
 		if (releasesLoading) {
 			$$renderer.push("<!--[0-->");
 			$$renderer.push(`<div class="version-select-skeleton svelte-7mkeya"></div>`);
@@ -736,9 +799,9 @@ function UpdatesTab($$renderer, $$props) {
 					$$renderer.push(`latest`);
 				}, "svelte-7mkeya");
 				$$renderer.push(`<!--[-->`);
-				const each_array = ensure_array_like(releases);
-				for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
-					let r = each_array[$$index];
+				const each_array_1 = ensure_array_like(releases);
+				for (let $$index_1 = 0, $$length = each_array_1.length; $$index_1 < $$length; $$index_1++) {
+					let r = each_array_1[$$index_1];
 					$$renderer.option({
 						value: r.tag,
 						class: ""
@@ -752,7 +815,16 @@ function UpdatesTab($$renderer, $$props) {
 			$$renderer.push("<!--[-1-->");
 			$$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-secondary svelte-7mkeya"${attr("disabled", !selectedImageTag.trim() || tagChangeLoading || anyDangerousLoading, true)}${attr("aria-busy", tagChangeLoading)}>`);
+		$$renderer.push(`<!--]--> <button class="btn btn-sm btn-secondary version-preview-btn svelte-7mkeya"${attr("disabled", !selectedImageTag.trim() || migratePreviewLoading || tagChangeLoading || anyDangerousLoading, true)}${attr("aria-busy", migratePreviewLoading)}>`);
+		if (migratePreviewLoading) {
+			$$renderer.push("<!--[0-->");
+			Spinner($$renderer, {});
+			$$renderer.push(`<!----> Checking…`);
+		} else {
+			$$renderer.push("<!--[-1-->");
+			$$renderer.push(`Preview changes`);
+		}
+		$$renderer.push(`<!--]--></button> <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, {});
@@ -761,7 +833,48 @@ function UpdatesTab($$renderer, $$props) {
 			$$renderer.push("<!--[-1-->");
 			$$renderer.push(`Install &amp; restart`);
 		}
-		$$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> `);
+		$$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> `);
+		if (migratePreview) {
+			$$renderer.push("<!--[0-->");
+			$$renderer.push(`<div class="migrate-preview svelte-7mkeya" role="status"><p class="migrate-preview-title svelte-7mkeya">What an update to ${escape_html(migratePreview.targetVersion)} would change to your files:</p> `);
+			if (migratePreview.applied.length === 0) {
+				$$renderer.push("<!--[0-->");
+				$$renderer.push(`<p class="migrate-preview-empty svelte-7mkeya">Nothing — your files are already compatible. Only the images and version are updated.</p>`);
+			} else {
+				$$renderer.push("<!--[-1-->");
+				$$renderer.push(`<ul class="migrate-preview-list svelte-7mkeya"><!--[-->`);
+				const each_array_2 = ensure_array_like(migratePreview.lines);
+				for (let i = 0, $$length = each_array_2.length; i < $$length; i++) {
+					let line = each_array_2[i];
+					$$renderer.push(`<li class="svelte-7mkeya">${escape_html(line)}</li>`);
+				}
+				$$renderer.push(`<!--]--></ul> <p class="version-hint svelte-7mkeya">These are copy-only, backup-first changes. Nothing is deleted. Your settings are backed up before anything is written.</p>`);
+			}
+			$$renderer.push(`<!--]--> <!--[-->`);
+			const each_array_3 = ensure_array_like(migratePreview.notes);
+			for (let i = 0, $$length = each_array_3.length; i < $$length; i++) {
+				let note = each_array_3[i];
+				$$renderer.push(`<p class="migrate-preview-note svelte-7mkeya">Note: ${escape_html(note)}</p>`);
+			}
+			$$renderer.push(`<!--]--></div>`);
+		} else $$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--> `);
+		if (downgradePrompt) {
+			$$renderer.push("<!--[0-->");
+			$$renderer.push(`<div class="downgrade-warning svelte-7mkeya" role="alertdialog" aria-label="Confirm downgrade"><p class="downgrade-warning-title svelte-7mkeya">This is a downgrade.</p> <p class="svelte-7mkeya">You're moving from ${escape_html(downgradePrompt.currentVersion)} back to ${escape_html(downgradePrompt.targetVersion)}.
+                Release migrations don't run backward; your data may not be compatible with the older
+                version — restore from a backup if needed.</p> <div class="downgrade-actions svelte-7mkeya"><button class="btn btn-sm btn-secondary svelte-7mkeya"${attr("disabled", tagChangeLoading, true)}>Cancel</button> <button class="btn btn-sm btn-danger svelte-7mkeya"${attr("disabled", tagChangeLoading, true)}${attr("aria-busy", tagChangeLoading)}>`);
+			if (tagChangeLoading) {
+				$$renderer.push("<!--[0-->");
+				Spinner($$renderer, {});
+				$$renderer.push(`<!----> Downgrading…`);
+			} else {
+				$$renderer.push("<!--[-1-->");
+				$$renderer.push(`Downgrade anyway`);
+			}
+			$$renderer.push(`<!--]--></button></div></div>`);
+		} else $$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--></div> `);
 		if (inElectron) {
 			$$renderer.push("<!--[0-->");
 			$$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">`);
@@ -779,9 +892,9 @@ function UpdatesTab($$renderer, $$props) {
 					disabled: uiDownloadLoading
 				}, ($$renderer) => {
 					$$renderer.push(`<!--[-->`);
-					const each_array_1 = ensure_array_like(uiVersions);
-					for (let $$index_1 = 0, $$length = each_array_1.length; $$index_1 < $$length; $$index_1++) {
-						let v = each_array_1[$$index_1];
+					const each_array_4 = ensure_array_like(uiVersions);
+					for (let $$index_4 = 0, $$length = each_array_4.length; $$index_4 < $$length; $$index_4++) {
+						let v = each_array_4[$$index_4];
 						$$renderer.option({
 							value: v.version,
 							class: ""
@@ -805,8 +918,13 @@ function UpdatesTab($$renderer, $$props) {
 				$$renderer.push(`Download`);
 			}
 			$$renderer.push(`<!--]--></button></div> `);
-			if (uiDownloadReady) {
+			if (uiDownloadRestarting) {
 				$$renderer.push("<!--[0-->");
+				$$renderer.push(`<div class="version-restart-prompt svelte-7mkeya" role="status">`);
+				Spinner($$renderer, {});
+				$$renderer.push(`<!----> Admin interface updated — reconnecting…</div>`);
+			} else if (uiDownloadReady) {
+				$$renderer.push("<!--[1-->");
 				$$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-->");
@@ -3410,14 +3528,24 @@ function _page($$renderer, $$props) {
 		let electronLatestVersion = null;
 		let electronLatestUrl = null;
 		let tagChangeLoading = false;
+		let migratePreviewLoading = false;
+		let migratePreview = null;
+		let downgradePrompt = null;
 		let uiDownloadLoading = false;
 		let uiDownloadReady = false;
+		let uiDownloadRestarting = false;
 		let selectedImageTag = "latest";
 		let selectedUiTag = "";
 		let releases = [];
 		let releasesLoading = false;
+		let platformVersion = "";
 		let uiVersions = [];
 		let uiVersionsLoading = false;
+		const platformLatest = derived(() => latestForChannel(currentImageTag, releases.map((r) => ({
+			version: r.tag,
+			prerelease: r.prerelease
+		}))));
+		const updateAvailable = derived(() => updateStatus(currentImageTag, platformLatest()) === "update");
 		onDestroy(() => {
 		});
 		let anyDangerousLoading = derived(() => upgradeLoading);
@@ -3498,6 +3626,7 @@ function _page($$renderer, $$props) {
 			try {
 				const [releaseData, uiData] = await Promise.all([fetchReleases(), fetchUiVersions()]);
 				releases = releaseData.releases;
+				if (releaseData.platformVersion) platformVersion = releaseData.platformVersion;
 				uiVersions = uiData.versions;
 				if (!selectedUiTag) {
 					const channelPick = uiData.versions.find((v) => v.distTag === "next" || v.distTag === "latest") ?? uiData.versions[0];
@@ -3524,35 +3653,90 @@ function _page($$renderer, $$props) {
 			}
 			upgradeLoading = false;
 		}
-		async function handleSetImageTag(tag) {
+		async function handleSetImageTag(tag, confirmDowngrade = false) {
 			if (tagChangeLoading) return;
 			tagChangeLoading = true;
 			try {
-				const result = await setStackVersion(tag);
+				const result = await setStackVersion(tag, { confirmDowngrade });
 				currentImageTag = result.imageTag;
 				selectedImageTag = result.imageTag;
 				operationResult = `Image tag set to ${result.imageTag}. Restarted: ${result.restarted.join(", ") || "none"}.`;
 				operationResultType = "success";
+				downgradePrompt = null;
+				migratePreview = null;
 			} catch (e) {
-				operationResult = `Failed to apply image tag: ${e.message ?? e}`;
-				operationResultType = "error";
+				if (e instanceof DowngradeConfirmationRequiredError) downgradePrompt = {
+					tag,
+					currentVersion: e.currentVersion,
+					targetVersion: e.targetVersion,
+					message: e.message
+				};
+				else {
+					operationResult = `Failed to apply image tag: ${e.message ?? e}`;
+					operationResultType = "error";
+				}
 			}
 			tagChangeLoading = false;
 		}
+		async function handlePreviewMigration(tag) {
+			if (migratePreviewLoading) return;
+			migratePreviewLoading = true;
+			migratePreview = null;
+			try {
+				const result = await previewMigration(tag);
+				migratePreview = {
+					targetVersion: result.targetVersion,
+					applied: result.applied,
+					lines: result.lines,
+					notes: result.notes
+				};
+			} catch (e) {
+				operationResult = `Failed to preview changes: ${e.message ?? e}`;
+				operationResultType = "error";
+			}
+			migratePreviewLoading = false;
+		}
+		function handleConfirmDowngrade() {
+			if (!downgradePrompt) return;
+			handleSetImageTag(downgradePrompt.tag, true);
+		}
+		function handleCancelDowngrade() {
+			downgradePrompt = null;
+		}
 		async function handleDownloadUiVersion(tag) {
 			if (uiDownloadLoading) return;
 			uiDownloadLoading = true;
 			uiDownloadReady = false;
+			uiDownloadRestarting = false;
 			try {
-				await downloadUiVersion(tag);
+				const result = await downloadUiVersion(tag);
 				selectedUiTag = tag;
 				uiDownloadReady = true;
+				if (result.restarting) {
+					uiDownloadRestarting = true;
+					waitForUiServerAndReload();
+				}
 			} catch (e) {
 				operationResult = `Failed to download UI version: ${e.message ?? e}`;
 				operationResultType = "error";
 			}
 			uiDownloadLoading = false;
 		}
+		async function waitForUiServerAndReload() {
+			const deadline = Date.now() + 3e4;
+			await new Promise((r) => setTimeout(r, 1500));
+			while (Date.now() < deadline) {
+				try {
+					const res = await fetch("/health", { signal: AbortSignal.timeout(1e3) });
+					if (res.ok || res.status === 401) {
+						window.location.reload();
+						return;
+					}
+				} catch {}
+				await new Promise((r) => setTimeout(r, 750));
+			}
+			uiDownloadRestarting = false;
+		}
 		function handleRestartApp() {
 			window.openpalm?.restart?.();
 		}
@@ -3578,6 +3762,11 @@ function _page($$renderer, $$props) {
 		});
 		Navbar($$renderer);
 		$$renderer.push(`<!----> `);
+		if (updateAvailable() && activeTab !== "updates") {
+			$$renderer.push("<!--[0-->");
+			$$renderer.push(`<div class="update-banner svelte-1jef3w8" role="status"><span class="update-banner-text svelte-1jef3w8">An update is ready${escape_html(platformLatest() ? ` — OpenPalm ${formatVersionForDisplay(platformLatest())}` : "")}.</span> <button class="update-banner-action svelte-1jef3w8">Review it</button></div>`);
+		} else $$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--> `);
 		TabBar($$renderer, {
 			active: activeTab});
 		$$renderer.push(`<!----> <main class="svelte-1jef3w8">`);
@@ -3611,11 +3800,21 @@ function _page($$renderer, $$props) {
 				selectedUiTag,
 				uiDownloadLoading,
 				uiDownloadReady,
+				uiDownloadRestarting,
 				releases,
 				releasesLoading,
-				onSetImageTag: handleSetImageTag,
+				platformVersion,
+				migratePreviewLoading,
+				migratePreview,
+				downgradePrompt,
+				onSetImageTag: (t) => handleSetImageTag(t),
+				onPreviewMigration: handlePreviewMigration,
+				onConfirmDowngrade: handleConfirmDowngrade,
+				onCancelDowngrade: handleCancelDowngrade,
 				onSelectedImageTagChange: (t) => {
 					selectedImageTag = t;
+					migratePreview = null;
+					downgradePrompt = null;
 				},
 				onUpgradeStack: handleUpgradeStack,
 				onSelectedUiTagChange: (t) => {
@@ -3677,4 +3876,4 @@ function _page($$renderer, $$props) {
 }
 
 export { _page as default };
-//# sourceMappingURL=_page.svelte-BsDNnBfz.js.map
+//# sourceMappingURL=_page.svelte-F2VqpLAW.js.map