@openpalm/ui 0.12.0-rc.2 → 0.12.0-rc.4

package/build/server/chunks/{_layout.svelte-DKvvz-xQ.js → _layout.svelte-CFKjimed.js}

@@ -1,6 +1,6 @@
 import { p as ensure_array_like, e as attr_class, a8 as stringify, d as attr, r as escape_html } from './dev-B6xUe35c.js';
 import 'node:module';
-import { n as notifications } from './theme-state.svelte-CUVpUHOv.js';
+import { n as notifications } from './theme-state.svelte-8qSluhfu.js';
 
 //#region src/lib/components/common/UpdateBanner.svelte
 function UpdateBanner($$renderer, $$props) {
@@ -57,4 +57,4 @@ function _layout($$renderer, $$props) {
 }
 
 export { _layout as default };
-//# sourceMappingURL=_layout.svelte-DKvvz-xQ.js.map
+//# sourceMappingURL=_layout.svelte-CFKjimed.js.map

package/build/server/chunks/{_layout.svelte-DKvvz-xQ.js.map → _layout.svelte-CFKjimed.js.map}

@@ -1 +1 @@
-{"version":3,"file":"_layout.svelte-DKvvz-xQ.js","sources":["../../../.svelte-kit/adapter-node/entries/pages/_layout.svelte.js"],"sourcesContent":["import { H as escape_html, V as attr, n as attr_class, o as ensure_array_like, u as stringify } from \"../../chunks/dev.js\";\nimport \"../../chunks/index-server.js\";\nimport { u as notifications } from \"../../chunks/theme-state.svelte.js\";\n//#region src/lib/components/common/UpdateBanner.svelte\nfunction UpdateBanner($$renderer, $$props) {\n\t$$renderer.component(($$renderer) => {\n\t\t$$renderer.push(\"<!--[-1-->\");\n\t\t$$renderer.push(`<!--]-->`);\n\t});\n}\n//#endregion\n//#region src/lib/components/common/Toast.svelte\nfunction Toast($$renderer, $$props) {\n\t$$renderer.component(($$renderer) => {\n\t\tfunction kindLabel(t) {\n\t\t\tif (t.kind === \"success\") return \"Success\";\n\t\t\tif (t.kind === \"error\") return \"Error\";\n\t\t\treturn \"Notice\";\n\t\t}\n\t\tif (notifications.toasts.length > 0) {\n\t\t\t$$renderer.push(\"<!--[0-->\");\n\t\t\t$$renderer.push(`<div class=\"toast-stack svelte-c82lj3\" aria-live=\"polite\"><!--[-->`);\n\t\t\tconst each_array = ensure_array_like(notifications.toasts);\n\t\t\tfor (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {\n\t\t\t\tlet t = each_array[$$index];\n\t\t\t\t$$renderer.push(`<div${attr_class(`toast toast-${stringify(t.kind)}`, \"svelte-c82lj3\")}${attr(\"role\", t.kind === \"error\" ? \"alert\" : \"status\")}${attr(\"aria-live\", t.kind === \"error\" ? \"assertive\" : \"polite\")}><span class=\"toast-icon svelte-c82lj3\" aria-hidden=\"true\">`);\n\t\t\t\tif (t.kind === \"success\") {\n\t\t\t\t\t$$renderer.push(\"<!--[0-->\");\n\t\t\t\t\t$$renderer.push(`<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"></polyline></svg>`);\n\t\t\t\t} else if (t.kind === \"error\") {\n\t\t\t\t\t$$renderer.push(\"<!--[1-->\");\n\t\t\t\t\t$$renderer.push(`<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"></circle><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"></line><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"></line></svg>`);\n\t\t\t\t} else {\n\t\t\t\t\t$$renderer.push(\"<!--[-1-->\");\n\t\t\t\t\t$$renderer.push(`<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"></circle><line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"></line><line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"></line></svg>`);\n\t\t\t\t}\n\t\t\t\t$$renderer.push(`<!--]--> <span class=\"sr-only svelte-c82lj3\">${escape_html(kindLabel(t))}:</span></span> <span class=\"toast-message svelte-c82lj3\">${escape_html(t.message)}</span> <button type=\"button\" class=\"toast-dismiss svelte-c82lj3\" aria-label=\"Dismiss\">×</button></div>`);\n\t\t\t}\n\t\t\t$$renderer.push(`<!--]--></div>`);\n\t\t} else $$renderer.push(\"<!--[-1-->\");\n\t\t$$renderer.push(`<!--]-->`);\n\t});\n}\n//#endregion\n//#region src/routes/+layout.svelte\nfunction _layout($$renderer, $$props) {\n\t$$renderer.component(($$renderer) => {\n\t\tlet { children } = $$props;\n\t\tUpdateBanner($$renderer, {});\n\t\t$$renderer.push(`<!----> `);\n\t\tchildren?.($$renderer);\n\t\t$$renderer.push(`<!----> `);\n\t\tToast($$renderer, {});\n\t\t$$renderer.push(`<!---->`);\n\t});\n}\n//#endregion\nexport { _layout as default };\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"_layout.svelte-CFKjimed.js","sources":["../../../.svelte-kit/adapter-node/entries/pages/_layout.svelte.js"],"sourcesContent":["import { H as escape_html, V as attr, n as attr_class, o as ensure_array_like, u as stringify } from \"../../chunks/dev.js\";\nimport \"../../chunks/index-server.js\";\nimport { u as notifications } from \"../../chunks/theme-state.svelte.js\";\n//#region src/lib/components/common/UpdateBanner.svelte\nfunction UpdateBanner($$renderer, $$props) {\n\t$$renderer.component(($$renderer) => {\n\t\t$$renderer.push(\"<!--[-1-->\");\n\t\t$$renderer.push(`<!--]-->`);\n\t});\n}\n//#endregion\n//#region src/lib/components/common/Toast.svelte\nfunction Toast($$renderer, $$props) {\n\t$$renderer.component(($$renderer) => {\n\t\tfunction kindLabel(t) {\n\t\t\tif (t.kind === \"success\") return \"Success\";\n\t\t\tif (t.kind === \"error\") return \"Error\";\n\t\t\treturn \"Notice\";\n\t\t}\n\t\tif (notifications.toasts.length > 0) {\n\t\t\t$$renderer.push(\"<!--[0-->\");\n\t\t\t$$renderer.push(`<div class=\"toast-stack svelte-c82lj3\" aria-live=\"polite\"><!--[-->`);\n\t\t\tconst each_array = ensure_array_like(notifications.toasts);\n\t\t\tfor (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {\n\t\t\t\tlet t = each_array[$$index];\n\t\t\t\t$$renderer.push(`<div${attr_class(`toast toast-${stringify(t.kind)}`, \"svelte-c82lj3\")}${attr(\"role\", t.kind === \"error\" ? \"alert\" : \"status\")}${attr(\"aria-live\", t.kind === \"error\" ? \"assertive\" : \"polite\")}><span class=\"toast-icon svelte-c82lj3\" aria-hidden=\"true\">`);\n\t\t\t\tif (t.kind === \"success\") {\n\t\t\t\t\t$$renderer.push(\"<!--[0-->\");\n\t\t\t\t\t$$renderer.push(`<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"></polyline></svg>`);\n\t\t\t\t} else if (t.kind === \"error\") {\n\t\t\t\t\t$$renderer.push(\"<!--[1-->\");\n\t\t\t\t\t$$renderer.push(`<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"></circle><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"></line><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"></line></svg>`);\n\t\t\t\t} else {\n\t\t\t\t\t$$renderer.push(\"<!--[-1-->\");\n\t\t\t\t\t$$renderer.push(`<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"></circle><line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"></line><line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"></line></svg>`);\n\t\t\t\t}\n\t\t\t\t$$renderer.push(`<!--]--> <span class=\"sr-only svelte-c82lj3\">${escape_html(kindLabel(t))}:</span></span> <span class=\"toast-message svelte-c82lj3\">${escape_html(t.message)}</span> <button type=\"button\" class=\"toast-dismiss svelte-c82lj3\" aria-label=\"Dismiss\">×</button></div>`);\n\t\t\t}\n\t\t\t$$renderer.push(`<!--]--></div>`);\n\t\t} else $$renderer.push(\"<!--[-1-->\");\n\t\t$$renderer.push(`<!--]-->`);\n\t});\n}\n//#endregion\n//#region src/routes/+layout.svelte\nfunction _layout($$renderer, $$props) {\n\t$$renderer.component(($$renderer) => {\n\t\tlet { children } = $$props;\n\t\tUpdateBanner($$renderer, {});\n\t\t$$renderer.push(`<!----> `);\n\t\tchildren?.($$renderer);\n\t\t$$renderer.push(`<!----> `);\n\t\tToast($$renderer, {});\n\t\t$$renderer.push(`<!---->`);\n\t});\n}\n//#endregion\nexport { _layout as default };\n"],"names":[],"mappings":"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"}

package/build/server/chunks/{_page.svelte-CMyq-t3Q.js → _page.svelte-BGI4E82g.js}

@@ -1,17 +1,17 @@
-import { v as version } from './environment-BQh6a8iU.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-B3vN-Uvc.js';
+import { v as version } from './environment-D344CnXa.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-CK_EEC7q.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, t as setStackVersion, z as upgradeStack, e as downloadUiVersion, i as fetchReleases, k as fetchUiVersions } from './theme-state.svelte-CUVpUHOv.js';
-import { N as Navbar, f as formatTime, e as endpointsService, D as Drawer } from './Navbar-UVOusnw-.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-BUZwbKR7.js';
 import { S as Spinner } from './Spinner-Bk6e83RX.js';
-import { T as ToolStrip, C as ChatMessage } from './ChatMessage-BNxQgrRW.js';
+import { T as ToolStrip, C as ChatMessage } from './ChatMessage-DqfLIJ0l.js';
 import './provider-constants-DPrj3yBX.js';
-import './internal-CP-qQJfY.js';
+import './internal-Da04QZzQ.js';
 import './utils-BSRjJDrZ.js';
 import 'node:module';
 import './chunk-CLZ62Ad-.js';
-import './state2-3fEu-ReG.js';
+import './state2-BqCIx1V7.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) => {
@@ -605,7 +623,9 @@ function UpdatesTab($$renderer, $$props) {
 		/** 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. */
-		let { currentImageTag, selectedImageTag, tagChangeLoading, anyDangerousLoading, tokenStored, upgradeLoading, inElectron, electronVersion, electronLatestVersion, electronLatestUrl, uiVersion, uiVersions, uiVersionsLoading, selectedUiTag, uiDownloadLoading, uiDownloadReady, uiDownloadRestarting, releases, releasesLoading, platformVersion = "", onSetImageTag, onSelectedImageTagChange, onUpgradeStack, onSelectedUiTagChange, onDownloadUiVersion, onRestartApp, onRefreshReleases } = $$props;
+		/** #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);
@@ -628,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;
@@ -638,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, {});
@@ -647,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-->");
@@ -657,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>`);
@@ -672,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>`);
@@ -684,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>`);
@@ -719,13 +757,22 @@ 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> `);
+		$$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
@@ -752,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: ""
@@ -768,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, {});
@@ -777,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">`);
@@ -795,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: ""
@@ -3431,6 +3528,9 @@ 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;
@@ -3441,6 +3541,11 @@ function _page($$renderer, $$props) {
 		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);
@@ -3548,21 +3653,56 @@ 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;
@@ -3622,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">`);
@@ -3659,9 +3804,17 @@ function _page($$renderer, $$props) {
 				releases,
 				releasesLoading,
 				platformVersion,
-				onSetImageTag: handleSetImageTag,
+				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) => {
@@ -3723,4 +3876,4 @@ function _page($$renderer, $$props) {
 }
 
 export { _page as default };
-//# sourceMappingURL=_page.svelte-CMyq-t3Q.js.map
+//# sourceMappingURL=_page.svelte-BGI4E82g.js.map