@openpalm/ui 0.12.11 → 0.12.13

package/build/server/chunks/{_page.svelte-DlYG76L7.js → _page.svelte-DM3jnL7B.js}

@@ -1,17 +1,17 @@
-import { v as version } from './environment-B7NymDAL.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-B8iuur7b.js';
+import { v as version } from './environment-DedKcJdc.js';
+import { E as head, o as derived, p as ensure_array_like, e as attr_class, d as attr, r as escape_html, a8 as stringify, F as html, g as bind_props } from './dev-B6xUe35c.js';
+import { o as onDestroy, g as goto } from './client-BVhtM1mG.js';
 import { r as require_dist } from './dist-DOFcG0Zp.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, D as Drawer, e as endpointsService } from './Navbar-Dhb8B-b0.js';
+import { g as fetchContainers, f as fetchAutomations, C as voiceState, b as buildHeaders, j as fetchServiceLogs, a as detectAkmEmbedding, z as testAkmEmbedding, p as notifications, B as upgradeStack, e as downloadUiVersion, v as setUnitImageTag, D as DowngradeConfirmationRequiredError, l as fetchVersions, n as invalidateVersionCache, i as fetchReleases, k as fetchUiVersions } from './theme-state.svelte-BsNoJAjT.js';
+import { N as Navbar, f as formatTime, D as Drawer, e as endpointsService } from './Navbar-y0AyDpcy.js';
 import { S as Spinner } from './Spinner-Bk6e83RX.js';
-import { T as ToolStrip, C as ChatMessage } from './ChatMessage-D8BaN8A9.js';
+import { T as ToolStrip, C as ChatMessage } from './ChatMessage-BEFlmHur.js';
 import './provider-constants-DPrj3yBX.js';
-import './internal-DYjrNs__.js';
+import './internal-DQFuMtuQ.js';
 import './utils-BSRjJDrZ.js';
 import 'node:module';
 import './chunk-CLZ62Ad-.js';
-import './state2-C0_95QUq.js';
+import './state2-boKye0ZJ.js';
 
 var TTS_OPTIONS = [
 	{
@@ -621,8 +621,9 @@ function latestForChannel(current, candidates) {
 function UpdatesTab($$renderer, $$props) {
 	$$renderer.component(($$renderer) => {
 		/** Every configured stack piece (assistant, guardian, chat portal, voice,
-		*  ollama as applicable) + the tag it actually runs. Each is compared
-		*  against the control plane (platformVersion) to decide "behind". */
+		*  ollama as applicable) + the tag it actually runs. Each carries its own
+		*  best-effort latest tag (latestVersion) from Docker Hub so the rows
+		*  compare per-unit, not against a single shared tag. */
 		/** Desktop (Electron) app version — null when not running in Electron. */
 		/** Newer desktop version from the app's GitHub update check, if any. */
 		/** Download URL for the newer desktop release. */
@@ -631,14 +632,22 @@ function UpdatesTab($$renderer, $$props) {
 		/** Running @openpalm/ui version (the build currently serving this page). */
 		/** Supervisor is respawning the UI server against the new build; the page
 		*  will auto-reload once it's back up (design §6.2). */
+		/** Per-unit available Docker Hub tags for the per-unit version pickers,
+		*  keyed by service id (assistant/guardian/portal/voice). Bare semver,
+		*  v-prefixed as Docker Hub returns them; the UI strips the v for display. */
 		/** 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. */
-		/** Latest published platform version from Docker Hub (bare semver, no v-prefix).
-		*  Used for "update to X" labels so they reflect what the button actually does. */
-		/** #497: preview the release migrations the selected tag would run. */
-		/** #501: set when the selected tag is a downgrade and needs confirmation. */
-		let { currentImageTag, services = [], selectedImageTag, tagChangeLoading, anyDangerousLoading, tokenStored, upgradeLoading, inElectron, electronVersion, electronLatestVersion, electronLatestUrl, harnessUpdateAvailable = false, uiVersion, uiVersions, uiVersionsLoading, selectedUiTag, uiDownloadLoading, uiDownloadReady, uiDownloadRestarting, releases, releasesLoading, platformVersion = "", latestImageTag = null, migratePreviewLoading = false, migratePreview = null, downgradePrompt = null, onSetImageTag, onPreviewMigration, onConfirmDowngrade, onCancelDowngrade, onSelectedImageTagChange, onUpgradeStack, onSelectedUiTagChange, onDownloadUiVersion, onRestartApp, onRefreshReleases } = $$props;
+		*  and for the active-channel indicator. */
+		/** Latest published @openpalm/lib on npm — the "is the platform itself up to
+		*  date?" signal, separate from the container image latest tags. */
+		/** Latest published assistant image tag from Docker Hub (bare semver, no
+		*  v-prefix). Backward-compat signal; the per-unit rows use each service's
+		*  own latestVersion. */
+		/** Per-unit image pin: the unit currently being installed (null when idle).
+		*  Any unit install disables the others so two pins can't race on stack.env. */
+		/** #501 per-unit downgrade confirmation: set when pinning a unit to an older
+		*  tag; the UI shows a plain warning + confirm, then re-applies. */
+		let { currentImageTag, services = [], anyDangerousLoading, tokenStored, upgradeLoading, inElectron, electronVersion, electronLatestVersion, electronLatestUrl, harnessUpdateAvailable = false, uiVersion, uiVersions, uiVersionsLoading, selectedUiTag, uiDownloadLoading, uiDownloadReady, uiDownloadRestarting, releases, unitTags = {}, releasesLoading, platformVersion = "", platformLatest = null, latestImageTag = null, unitInstallLoading = null, unitDowngradePrompt = null, onSetUnitImageTag, onConfirmUnitDowngrade, onCancelUnitDowngrade, onUpgradeStack, onSelectedUiTagChange, onDownloadUiVersion, onRestartApp, onRefreshReleases } = $$props;
 		function uiVersionLabel(v) {
 			const tags = [];
 			if (v.distTag) tags.push(v.distTag);
@@ -654,17 +663,40 @@ function UpdatesTab($$renderer, $$props) {
 			version: v.version,
 			prerelease: v.prerelease
 		})));
-		function serviceStatus(version) {
-			const target = latestImageTag ?? platformVersion;
+		function serviceStatus(version, latestVersion) {
+			const target = latestVersion ?? latestImageTag ?? platformVersion;
 			if (!isSemver(version) || !isSemver(target)) return "unknown";
 			return compareVersions(version, target) < 0 ? "update" : "current";
 		}
 		const serviceRows = derived(() => services.map((s) => ({
 			...s,
-			status: serviceStatus(s.version)
+			status: serviceStatus(s.version, s.latestVersion)
 		})));
 		const stackVersion = derived(() => serviceRows().find((s) => s.id === "assistant")?.version ?? currentImageTag);
 		const servicesBehind = derived(() => serviceRows().some((s) => s.status === "update"));
+		const SERVICE_ID_TO_UNIT = {
+			assistant: "assistant",
+			guardian: "guardian",
+			portal: "portals",
+			voice: "voice"
+		};
+		let selectedUnitTags = {};
+		function unitSelectedTag(unit) {
+			return selectedUnitTags[unit] ?? "latest";
+		}
+		function setUnitSelectedTag(unit, tag) {
+			selectedUnitTags[unit] = tag;
+		}
+		function unitTagList(serviceId) {
+			return unitTags[serviceId] ?? [];
+		}
+		const unitRows = derived(() => serviceRows().map((s) => {
+			return {
+				service: s,
+				unit: SERVICE_ID_TO_UNIT[s.id] ?? s.id,
+				tags: unitTagList(s.id)
+			};
+		}));
 		const appLatest = derived(() => electronLatestVersion ?? latestForChannel(electronVersion, releaseCandidates()));
 		const appStatus = derived(() => inElectron ? updateStatus(electronVersion, appLatest()) : "unknown");
 		const appDownloadUrl = derived(() => electronLatestUrl ?? RELEASES_URL);
@@ -680,7 +712,7 @@ function UpdatesTab($$renderer, $$props) {
 		function statusTitle(s) {
 			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…" : "");
+		const statusText = derived(() => upgradeLoading ? "Updating OpenPalm to the latest version…" : unitInstallLoading !== null ? "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> `);
 		if (activeChannel() !== "unknown") {
 			$$renderer.push("<!--[0-->");
@@ -694,7 +726,7 @@ function UpdatesTab($$renderer, $$props) {
 			}
 			$$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">`);
+		$$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 for newer versions">`);
 		if (releasesLoading || uiVersionsLoading) {
 			$$renderer.push("<!--[0-->");
 			Spinner($$renderer, {});
@@ -758,7 +790,7 @@ function UpdatesTab($$renderer, $$props) {
 					$$renderer.push(`<!----> Updating…`);
 				} else {
 					$$renderer.push("<!--[-1-->");
-					$$renderer.push(`Update to ${escape_html(formatVersionForDisplay(latestImageTag ?? platformVersion))}`);
+					$$renderer.push(`Update to ${escape_html(formatVersionForDisplay(s.latestVersion ?? latestImageTag ?? platformVersion))}`);
 				}
 				$$renderer.push(`<!--]--></button>`);
 			} else $$renderer.push("<!--[-1-->");
@@ -813,112 +845,84 @@ function UpdatesTab($$renderer, $$props) {
 			}
 			$$renderer.push(`<!--]-->`);
 		} else $$renderer.push("<!--[-1-->");
-		$$renderer.push(`<!--]--></dd></div></dl> <details class="advanced svelte-7mkeya"><summary class="svelte-7mkeya">Version control</summary> <div class="advanced-body svelte-7mkeya"><div class="version-section svelte-7mkeya"><h4 class="version-section-heading svelte-7mkeya">Stack version</h4> <label class="version-label svelte-7mkeya" for="stack-version-select">Install a specific version</label> <p class="version-running-note svelte-7mkeya">Install an exact version — e.g. to roll back, or to pin to a specific tested release.
-            The list shows versions up to your current control plane `);
-		if (platformVersion) {
-			$$renderer.push("<!--[0-->");
-			$$renderer.push(`(OpenPalm ${escape_html(formatVersionForDisplay(platformVersion))})`);
-		} else $$renderer.push("<!--[-1-->");
-		$$renderer.push(`<!--]-->.</p> <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
-			}, ($$renderer) => {
-				$$renderer.option({
-					value: "latest",
-					class: ""
+		$$renderer.push(`<!--]--></dd></div></dl> <section class="version-pin-section svelte-7mkeya" aria-labelledby="stack-pin-title"><div class="version-pin-header svelte-7mkeya"><h3 id="stack-pin-title" class="version-pin-title svelte-7mkeya">Stack images</h3> <p class="version-pin-subtitle svelte-7mkeya">Install a specific version per unit — roll a single image back to a known-good release or pin it to a tested build.
+          Each unit is released independently.</p></div> <!--[-->`);
+		const each_array_1 = ensure_array_like(unitRows());
+		for (let $$index_2 = 0, $$length = each_array_1.length; $$index_2 < $$length; $$index_2++) {
+			let row = each_array_1[$$index_2];
+			$$renderer.push(`<div class="version-section version-unit-row svelte-7mkeya"><div class="version-unit-head svelte-7mkeya"><label class="version-label svelte-7mkeya"${attr("for", `unit-version-select-${stringify(row.unit)}`)}>${escape_html(row.service.label)}</label> <span class="version-cell svelte-7mkeya"><code${attr_class(`version-value status-${stringify(row.service.status)}`, "svelte-7mkeya")}>${escape_html(formatVersionForDisplay(row.service.version) || "—")}</code> `);
+			if (statusEmoji(row.service.status)) {
+				$$renderer.push("<!--[0-->");
+				$$renderer.push(`<span class="status-emoji svelte-7mkeya" role="img"${attr("aria-label", statusTitle(row.service.status))}${attr("title", statusTitle(row.service.status))}>${escape_html(statusEmoji(row.service.status))}</span>`);
+			} else $$renderer.push("<!--[-1-->");
+			$$renderer.push(`<!--]--></span></div> <div class="version-input-row svelte-7mkeya">`);
+			if (releasesLoading) {
+				$$renderer.push("<!--[0-->");
+				$$renderer.push(`<div class="version-select-skeleton svelte-7mkeya"></div>`);
+			} else if (row.tags.length > 0) {
+				$$renderer.push("<!--[1-->");
+				$$renderer.select({
+					id: `unit-version-select-${stringify(row.unit)}`,
+					class: "version-select",
+					"aria-label": `${stringify(row.service.label)} version to install`,
+					value: unitSelectedTag(row.unit),
+					onchange: (e) => setUnitSelectedTag(row.unit, e.currentTarget.value),
+					disabled: unitInstallLoading !== null || anyDangerousLoading
 				}, ($$renderer) => {
-					$$renderer.push(`latest`);
-				}, "svelte-7mkeya");
-				$$renderer.push(`<!--[-->`);
-				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,
+						value: "latest",
 						class: ""
 					}, ($$renderer) => {
-						$$renderer.push(`${escape_html(r.tag)}${escape_html(r.prerelease ? " (pre-release)" : "")}`);
+						$$renderer.push(`latest`);
 					}, "svelte-7mkeya");
-				}
-				$$renderer.push(`<!--]-->`);
-			}, "svelte-7mkeya");
-		} else {
-			$$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 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, {});
-			$$renderer.push(`<!----> Installing…`);
-		} else {
-			$$renderer.push("<!--[-1-->");
-			$$renderer.push(`Install &amp; restart`);
-		}
-		$$renderer.push(`<!--]--></button></div> <p class="version-hint svelte-7mkeya">Explicit version control: installs the chosen version and restarts services (about a minute offline). Use this to roll back or pin a release.</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>`);
+					$$renderer.push(`<!--[-->`);
+					const each_array_2 = ensure_array_like(row.tags);
+					for (let $$index_1 = 0, $$length = each_array_2.length; $$index_1 < $$length; $$index_1++) {
+						let tag = each_array_2[$$index_1];
+						$$renderer.option({
+							value: tag,
+							class: ""
+						}, ($$renderer) => {
+							$$renderer.push(`${escape_html(tag)}`);
+						}, "svelte-7mkeya");
+					}
+					$$renderer.push(`<!--]-->`);
+				}, "svelte-7mkeya");
 			} 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(`<input${attr("id", `unit-version-select-${stringify(row.unit)}`)} class="version-input svelte-7mkeya" type="text"${attr("aria-label", `${stringify(row.service.label)} version to install`)} placeholder="e.g. 0.12.5 or latest"${attr("value", unitSelectedTag(row.unit))}${attr("disabled", unitInstallLoading !== null || anyDangerousLoading, true)}/>`);
 			}
-			$$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(`<!--]--> <button class="btn btn-sm btn-secondary svelte-7mkeya"${attr("disabled", !unitSelectedTag(row.unit).trim() || unitInstallLoading !== null || anyDangerousLoading, true)}${attr("aria-busy", unitInstallLoading === row.unit)}>`);
+			if (unitInstallLoading === row.unit) {
 				$$renderer.push("<!--[0-->");
 				Spinner($$renderer, {});
-				$$renderer.push(`<!----> Downgrading…`);
+				$$renderer.push(`<!----> Installing…`);
 			} else {
 				$$renderer.push("<!--[-1-->");
-				$$renderer.push(`Downgrade anyway`);
+				$$renderer.push(`Install &amp; restart`);
 			}
-			$$renderer.push(`<!--]--></button></div></div>`);
-		} else $$renderer.push("<!--[-1-->");
-		$$renderer.push(`<!--]--></div> `);
+			$$renderer.push(`<!--]--></button></div> <p class="version-hint svelte-7mkeya">Pins the ${escape_html(row.service.label.toLowerCase())} image and restarts services (about a minute offline).</p> `);
+			if (unitDowngradePrompt && unitDowngradePrompt.unit === row.unit) {
+				$$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 ${escape_html(row.service.label)} from ${escape_html(unitDowngradePrompt.currentVersion)} back to ${escape_html(unitDowngradePrompt.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", unitInstallLoading !== null, true)}>Cancel</button> <button class="btn btn-sm btn-danger svelte-7mkeya"${attr("disabled", unitInstallLoading !== null, true)}${attr("aria-busy", unitInstallLoading === row.unit)}>`);
+				if (unitInstallLoading === row.unit) {
+					$$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>`);
+		}
+		$$renderer.push(`<!--]--></section> `);
 		if (inElectron) {
 			$$renderer.push("<!--[0-->");
-			$$renderer.push(`<div class="version-divider svelte-7mkeya"></div> <div class="version-section svelte-7mkeya"><h4 class="version-section-heading svelte-7mkeya">Admin interface version</h4> <label class="version-label svelte-7mkeya" for="ui-version-select">Install a specific version</label> <div class="version-input-row svelte-7mkeya">`);
+			$$renderer.push(`<section class="version-pin-section svelte-7mkeya" aria-labelledby="ui-pin-title"><div class="version-pin-header svelte-7mkeya"><h3 id="ui-pin-title" class="version-pin-title svelte-7mkeya">Admin interface</h3> <p class="version-pin-subtitle svelte-7mkeya">Install a specific build of the admin interface — useful for testing a pre-release or rolling back after an update.</p></div> <div class="version-section svelte-7mkeya"><label class="version-label svelte-7mkeya" for="ui-version-select">Version</label> <div class="version-input-row svelte-7mkeya">`);
 			if (uiVersionsLoading) {
 				$$renderer.push("<!--[0-->");
 				$$renderer.push(`<div class="version-select-skeleton svelte-7mkeya"></div>`);
@@ -933,9 +937,9 @@ function UpdatesTab($$renderer, $$props) {
 					disabled: uiDownloadLoading
 				}, ($$renderer) => {
 					$$renderer.push(`<!--[-->`);
-					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];
+					const each_array_3 = ensure_array_like(uiVersions);
+					for (let $$index_3 = 0, $$length = each_array_3.length; $$index_3 < $$length; $$index_3++) {
+						let v = each_array_3[$$index_3];
 						$$renderer.option({
 							value: v.version,
 							class: ""
@@ -971,9 +975,9 @@ function UpdatesTab($$renderer, $$props) {
 				$$renderer.push("<!--[-1-->");
 				$$renderer.push(`<p class="version-hint svelte-7mkeya">Downloads and replaces the admin interface. Takes effect after restart.</p>`);
 			}
-			$$renderer.push(`<!--]--></div>`);
+			$$renderer.push(`<!--]--></div></section>`);
 		} else $$renderer.push("<!--[-1-->");
-		$$renderer.push(`<!--]--></div></details> `);
+		$$renderer.push(`<!--]--> `);
 		if (inElectron) {
 			$$renderer.push("<!--[0-->");
 			$$renderer.push(`<section class="desktop-settings svelte-7mkeya" aria-labelledby="desktop-settings-title"><h3 id="desktop-settings-title" class="desktop-settings-title svelte-7mkeya">Desktop settings</h3> <div class="desktop-setting-row svelte-7mkeya"><div class="version-label svelte-7mkeya">Launch on login</div> <label class="desktop-toggle svelte-7mkeya"><input type="checkbox"${attr("checked", launchOnLoginEnabled, true)}${attr("disabled", true, true)} class="svelte-7mkeya"/> <span class="svelte-7mkeya">Start OpenPalm automatically when you sign in on this device.</span></label> <p class="version-hint svelte-7mkeya">`);
@@ -3681,22 +3685,21 @@ function _page($$renderer, $$props) {
 		let electronLatestVersion = null;
 		let electronLatestUrl = null;
 		let harnessUpdateAvailable = false;
-		let tagChangeLoading = false;
-		let migratePreviewLoading = false;
-		let migratePreview = null;
-		let downgradePrompt = null;
+		let unitInstallLoading = null;
+		let unitDowngradePrompt = null;
 		let uiDownloadLoading = false;
 		let uiDownloadReady = false;
 		let uiDownloadRestarting = false;
-		let selectedImageTag = "latest";
 		let selectedUiTag = "";
 		let releases = [];
+		let unitTags = {};
 		let releasesLoading = false;
 		let platformVersion = "";
+		let platformLatest = null;
 		let latestImageTag = null;
 		let uiVersions = [];
 		let uiVersionsLoading = false;
-		const updateAvailable = derived(() => false);
+		const updateAvailable = derived(() => services.some((s) => isSemver(s.version) && isSemver(s.latestVersion ?? null) && compareVersions(s.version, s.latestVersion) < 0));
 		onDestroy(() => {
 		});
 		let anyDangerousLoading = derived(() => upgradeLoading);
@@ -3771,6 +3774,22 @@ function _page($$renderer, $$props) {
 			}
 			automationsLoading = false;
 		}
+		async function loadVersions() {
+			try {
+				const data = await fetchVersions();
+				currentImageTag = data.imageTag;
+				services = data.services;
+				inElectron = data.inElectron;
+				electronVersion = data.electronVersion;
+				electronLatestVersion = data.electronLatestVersion;
+				electronLatestUrl = data.electronLatestUrl;
+				harnessUpdateAvailable = data.harnessUpdateAvailable;
+				platformVersion = data.platformVersion;
+				platformLatest = data.platformLatest ?? null;
+				latestImageTag = data.latestImageTag ?? null;
+				unitTags = data.unitTags ?? {};
+			} catch {}
+		}
 		async function loadReleases() {
 			releasesLoading = true;
 			uiVersionsLoading = true;
@@ -3786,6 +3805,16 @@ function _page($$renderer, $$props) {
 			releasesLoading = false;
 			uiVersionsLoading = false;
 		}
+		/** "Check for updates" button: invalidate server-side caches, then re-fetch
+		*  versions (Docker Hub tags + npm platform latest) + releases (GitHub app
+		*  releases) + UI versions (npm @openpalm/ui) in parallel. The invalidate
+		*  call runs first so the GETs see a cold cache and hit the upstreams once. */
+		async function handleRefreshReleases() {
+			releasesLoading = true;
+			uiVersionsLoading = true;
+			await invalidateVersionCache();
+			await Promise.all([loadVersions(), loadReleases()]);
+		}
 		async function handleUpgradeStack() {
 			if (anyDangerousLoading()) return;
 			upgradeLoading = true;
@@ -3803,55 +3832,36 @@ function _page($$renderer, $$props) {
 			}
 			upgradeLoading = false;
 		}
-		async function handleSetImageTag(tag, confirmDowngrade = false) {
-			if (tagChangeLoading) return;
-			tagChangeLoading = true;
+		async function handleSetUnitImageTag(unit, tag, confirmDowngrade = false) {
+			if (unitInstallLoading !== null) return;
+			unitInstallLoading = unit;
 			try {
-				const result = await setStackVersion(tag, { confirmDowngrade });
-				currentImageTag = result.imageTag;
-				selectedImageTag = result.imageTag;
-				operationResult = `Image tag set to ${result.imageTag}. Restarted: ${result.restarted.join(", ") || "none"}.`;
+				const result = await setUnitImageTag(unit, tag, { confirmDowngrade });
+				operationResult = `${unit} image tag set to ${result.imageTag}. Restarted: ${result.restarted.join(", ") || "none"}.`;
 				operationResultType = "success";
-				downgradePrompt = null;
-				migratePreview = null;
+				unitDowngradePrompt = null;
+				await loadVersions();
 			} catch (e) {
-				if (e instanceof DowngradeConfirmationRequiredError) downgradePrompt = {
+				if (e instanceof DowngradeConfirmationRequiredError) unitDowngradePrompt = {
+					unit,
 					tag,
 					currentVersion: e.currentVersion,
 					targetVersion: e.targetVersion,
 					message: e.message
 				};
 				else {
-					operationResult = `Failed to apply image tag: ${e.message ?? e}`;
+					operationResult = `Failed to apply ${unit} 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;
+			unitInstallLoading = null;
 		}
-		function handleConfirmDowngrade() {
-			if (!downgradePrompt) return;
-			handleSetImageTag(downgradePrompt.tag, true);
+		function handleConfirmUnitDowngrade() {
+			if (!unitDowngradePrompt) return;
+			handleSetUnitImageTag(unitDowngradePrompt.unit, unitDowngradePrompt.tag, true);
 		}
-		function handleCancelDowngrade() {
-			downgradePrompt = null;
+		function handleCancelUnitDowngrade() {
+			unitDowngradePrompt = null;
 		}
 		async function handleDownloadUiVersion(tag) {
 			if (uiDownloadLoading) return;
@@ -3914,7 +3924,7 @@ function _page($$renderer, $$props) {
 		$$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">OpenPalm ${escape_html(formatVersionForDisplay(""))} is available.</span> <button class="update-banner-action svelte-1jef3w8">Review it</button></div>`);
+			$$renderer.push(`<div class="update-banner svelte-1jef3w8" role="status"><span class="update-banner-text svelte-1jef3w8">An OpenPalm update is available.</span> <button class="update-banner-action svelte-1jef3w8">Review it</button></div>`);
 		} else $$renderer.push("<!--[-1-->");
 		$$renderer.push(`<!--]--> `);
 		TabBar($$renderer, {
@@ -3936,8 +3946,6 @@ function _page($$renderer, $$props) {
 			UpdatesTab($$renderer, {
 				currentImageTag,
 				services,
-				selectedImageTag,
-				tagChangeLoading,
 				anyDangerousLoading: anyDangerousLoading(),
 				tokenStored: true,
 				upgradeLoading,
@@ -3954,28 +3962,23 @@ function _page($$renderer, $$props) {
 				uiDownloadReady,
 				uiDownloadRestarting,
 				releases,
+				unitTags,
 				releasesLoading,
 				platformVersion,
+				platformLatest,
 				latestImageTag,
-				migratePreviewLoading,
-				migratePreview,
-				downgradePrompt,
-				onSetImageTag: (t) => handleSetImageTag(t),
-				onPreviewMigration: handlePreviewMigration,
-				onConfirmDowngrade: handleConfirmDowngrade,
-				onCancelDowngrade: handleCancelDowngrade,
-				onSelectedImageTagChange: (t) => {
-					selectedImageTag = t;
-					migratePreview = null;
-					downgradePrompt = null;
-				},
+				unitInstallLoading,
+				unitDowngradePrompt,
+				onSetUnitImageTag: (unit, tag) => handleSetUnitImageTag(unit, tag),
+				onConfirmUnitDowngrade: handleConfirmUnitDowngrade,
+				onCancelUnitDowngrade: handleCancelUnitDowngrade,
 				onUpgradeStack: handleUpgradeStack,
 				onSelectedUiTagChange: (t) => {
 					selectedUiTag = t;
 				},
 				onDownloadUiVersion: handleDownloadUiVersion,
 				onRestartApp: handleRestartApp,
-				onRefreshReleases: loadReleases
+				onRefreshReleases: handleRefreshReleases
 			});
 		} else if (activeTab === "recovery") {
 			$$renderer.push("<!--[2-->");
@@ -4033,4 +4036,4 @@ function _page($$renderer, $$props) {
 }
 
 export { _page as default };
-//# sourceMappingURL=_page.svelte-DlYG76L7.js.map
+//# sourceMappingURL=_page.svelte-DM3jnL7B.js.map