@openpalm/ui 0.11.3-rc.3 → 0.11.3-rc.5

package/build/server/chunks/{_page.svelte-BVgeXONX.js → _page.svelte-Bbf63ApH.js}

@@ -1,15 +1,15 @@
-import { v as version } from './environment-DrNbPkrx.js';
+import { v as version } from './environment-CTvhscFx.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-BpVTTEK8.js';
+import { o as onDestroy, g as goto } from './client-Dsbca-ak.js';
 import { e as fetchContainers, f as fetchAutomations, v as voiceState, b as buildHeaders, i as fetchServiceLogs, u as upgradeStack, a as downloadUiVersion, h as fetchReleases, j as fetchUiVersions, o as setStackVersion } from './theme-state.svelte-CE13yM0n.js';
-import { N as Navbar, f as formatTime } from './Navbar-DaAmy7zu.js';
+import { N as Navbar, f as formatTime } from './Navbar-gUPeJtoM.js';
 import { S as Spinner } from './Spinner-Bk6e83RX.js';
 import { V as VoiceEngineSelector, a as VoiceProfileSelector } from './VoiceProfileSelector-CbOV_v5A.js';
-import './internal-CYoErXpI.js';
+import './internal-DSrdAGwB.js';
 import './utils-BSRjJDrZ.js';
 import 'node:module';
 import './chunk-CLZ62Ad-.js';
-import './state-CgTLrDbL.js';
+import './state-oJdM7425.js';
 
 //#region src/lib/components/chrome/TabBar.svelte
 function TabBar($$renderer, $$props) {
@@ -319,6 +319,80 @@ function OverviewTab($$renderer, $$props) {
 	});
 }
 //#endregion
+//#region src/lib/version-compare.ts
+/** True when `v` parses as a comparable semver (optionally `v`-prefixed). */
+function isSemver(v) {
+	if (!v) return false;
+	return /^v?\d+\.\d+\.\d+(?:[-+].*)?$/.test(v.trim());
+}
+function isPrerelease(v) {
+	return v.replace(/^v/, "").includes("-");
+}
+/** Returns 1 if a > b, -1 if a < b, 0 if equal. Strips a leading `v`. */
+function compareVersions(a, b) {
+	const parse = (v) => {
+		const clean = v.trim().replace(/^v/, "");
+		const dashIdx = clean.indexOf("-");
+		const main = dashIdx === -1 ? clean : clean.slice(0, dashIdx);
+		const pre = dashIdx === -1 ? null : clean.slice(dashIdx + 1);
+		const parts = main.split(".").map(Number);
+		return [
+			parts[0] ?? 0,
+			parts[1] ?? 0,
+			parts[2] ?? 0,
+			pre
+		];
+	};
+	const comparePre = (x, y) => {
+		const xp = x.split(".");
+		const yp = y.split(".");
+		for (let i = 0; i < Math.max(xp.length, yp.length); i++) {
+			if (i >= xp.length) return -1;
+			if (i >= yp.length) return 1;
+			const xn = Number(xp[i]);
+			const yn = Number(yp[i]);
+			const xIsNum = !isNaN(xn);
+			const yIsNum = !isNaN(yn);
+			if (xIsNum && yIsNum) {
+				if (xn !== yn) return xn > yn ? 1 : -1;
+			} else if (xIsNum !== yIsNum) return xIsNum ? -1 : 1;
+			else if (xp[i] !== yp[i]) return xp[i] > yp[i] ? 1 : -1;
+		}
+		return 0;
+	};
+	const [aM, am, ap, aPre] = parse(a);
+	const [bM, bm, bp, bPre] = parse(b);
+	if (aM !== bM) return aM > bM ? 1 : -1;
+	if (am !== bm) return am > bm ? 1 : -1;
+	if (ap !== bp) return ap > bp ? 1 : -1;
+	if (aPre === null && bPre !== null) return 1;
+	if (aPre !== null && bPre === null) return -1;
+	if (aPre !== null && bPre !== null) return comparePre(aPre, bPre);
+	return 0;
+}
+/**
+* Status of `current` against the newest `candidate` on the same channel.
+* Returns 'unknown' when either side isn't a comparable semver (e.g. a moving
+* `latest` image tag, or no release data yet) so the UI shows a neutral state
+* instead of a misleading "up to date".
+*/
+function updateStatus(current, latest) {
+	if (!isSemver(current) || !isSemver(latest)) return "unknown";
+	return compareVersions(latest, current) > 0 ? "update" : "current";
+}
+/**
+* Newest version from `candidates` on `current`'s release channel: a
+* pre-release current sees all candidates; a stable current only sees stable
+* ones (so a stable user is never nudged onto an rc). Returns null when no
+* candidate qualifies. `candidates` need not be pre-sorted.
+*/
+function latestForChannel(current, candidates) {
+	const wantPre = isSemver(current) ? isPrerelease(current) : true;
+	const pool = candidates.filter((c) => isSemver(c.version) && (wantPre || !c.prerelease));
+	if (pool.length === 0) return null;
+	return pool.reduce((best, c) => compareVersions(c.version, best.version) > 0 ? c : best).version;
+}
+//#endregion
 //#region src/lib/components/admin/updates/UpdatesTab.svelte
 function UpdatesTab($$renderer, $$props) {
 	$$renderer.component(($$renderer) => {
@@ -333,6 +407,28 @@ function UpdatesTab($$renderer, $$props) {
 			else if (v.prerelease) tags.push("pre-release");
 			return tags.length ? `${v.version} (${tags.join(", ")})` : v.version;
 		}
+		const RELEASES_URL = "https://github.com/itlackey/openpalm/releases";
+		const releaseCandidates = derived(() => releases.map((r) => ({
+			version: r.tag,
+			prerelease: r.prerelease
+		})));
+		const uiCandidates = derived(() => uiVersions.map((v) => ({
+			version: v.version,
+			prerelease: v.prerelease
+		})));
+		const assistantLatest = derived(() => latestForChannel(currentImageTag, releaseCandidates()));
+		const assistantStatus = derived(() => updateStatus(currentImageTag, assistantLatest()));
+		const appLatest = derived(() => electronLatestVersion ?? latestForChannel(electronVersion, releaseCandidates()));
+		const appStatus = derived(() => inElectron ? updateStatus(electronVersion, appLatest()) : "unknown");
+		const appDownloadUrl = derived(() => electronLatestUrl ?? (appLatest() ? `${RELEASES_URL}/tag/v${appLatest()}` : RELEASES_URL));
+		const uiLatest = derived(() => latestForChannel(uiVersion, uiCandidates()));
+		const uiStatus = derived(() => updateStatus(uiVersion, uiLatest()));
+		function statusEmoji(s) {
+			return s === "current" ? "✅" : s === "update" ? "⬆️" : "";
+		}
+		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…" : "");
 		$$renderer.push(`<div class="panel svelte-7mkeya" role="tabpanel"><div class="panel-header svelte-7mkeya"><div class="svelte-7mkeya"><h2 class="svelte-7mkeya">Check-up</h2> <p class="panel-subtitle svelte-7mkeya">Keep OpenPalm up to date. An update backs up your settings first, then briefly restarts your assistant.</p></div> <button class="btn btn-sm btn-secondary refresh-releases svelte-7mkeya"${attr("disabled", releasesLoading || uiVersionsLoading, true)}${attr("aria-busy", releasesLoading || uiVersionsLoading)} title="Check GitHub for newer versions">`);
 		if (releasesLoading || uiVersionsLoading) {
@@ -353,18 +449,70 @@ 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"><code class="version-value svelte-7mkeya">${escape_html(currentImageTag || "—")}</code></dd></div> <div class="versions-row svelte-7mkeya"><dt class="svelte-7mkeya">OpenPalm App</dt> <dd class="desktop-version svelte-7mkeya"><code class="version-value svelte-7mkeya">${escape_html(electronVersion || "—")}</code> `);
-		if (electronLatestVersion && electronLatestUrl) {
+		$$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> `);
+		if (statusEmoji(assistantStatus())) {
 			$$renderer.push("<!--[0-->");
-			$$renderer.push(`<span class="update-pill svelte-7mkeya">Update available: v${escape_html(electronLatestVersion)}</span> <a class="btn btn-sm btn-secondary svelte-7mkeya"${attr("href", electronLatestUrl)} target="_blank" rel="noopener noreferrer">Download</a>`);
-		} else if (electronLatestVersion) {
-			$$renderer.push("<!--[1-->");
-			$$renderer.push(`<span class="update-pill svelte-7mkeya">Update available: v${escape_html(electronLatestVersion)}</span>`);
-		} else if (inElectron && electronVersion) {
-			$$renderer.push("<!--[2-->");
-			$$renderer.push(`<span class="up-to-date svelte-7mkeya">Up to date</span>`);
+			$$renderer.push(`<span class="status-emoji svelte-7mkeya" role="img"${attr("aria-label", statusTitle(assistantStatus()))}${attr("title", statusTitle(assistantStatus()))}>${escape_html(statusEmoji(assistantStatus()))}</span>`);
+		} else $$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--></span> `);
+		if (assistantStatus() === "update") {
+			$$renderer.push("<!--[0-->");
+			$$renderer.push(`<button class="btn btn-sm btn-secondary version-action svelte-7mkeya"${attr("disabled", anyDangerousLoading || !tokenStored, true)}${attr("aria-busy", upgradeLoading)}>`);
+			if (upgradeLoading) {
+				$$renderer.push("<!--[0-->");
+				Spinner($$renderer, {});
+				$$renderer.push(`<!----> Updating…`);
+			} else {
+				$$renderer.push("<!--[-1-->");
+				$$renderer.push(`Update to ${escape_html(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> `);
+		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>`);
+		} else $$renderer.push("<!--[-1-->");
+		$$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>`);
+		} 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> `);
+		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>`);
+		} else $$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--></span> `);
+		if (uiStatus() === "update") {
+			$$renderer.push("<!--[0-->");
+			if (uiDownloadReady) {
+				$$renderer.push("<!--[0-->");
+				$$renderer.push(`<span class="version-action-note svelte-7mkeya">Downloaded. `);
+				if (inElectron) {
+					$$renderer.push("<!--[0-->");
+					$$renderer.push(`<button class="btn btn-sm btn-primary svelte-7mkeya">Restart app</button>`);
+				} else {
+					$$renderer.push("<!--[-1-->");
+					$$renderer.push(`Restart OpenPalm to apply.`);
+				}
+				$$renderer.push(`<!--]--></span>`);
+			} else {
+				$$renderer.push("<!--[-1-->");
+				$$renderer.push(`<button class="btn btn-sm btn-secondary version-action svelte-7mkeya"${attr("disabled", uiDownloadLoading || !uiLatest(), true)}${attr("aria-busy", uiDownloadLoading)}>`);
+				if (uiDownloadLoading) {
+					$$renderer.push("<!--[0-->");
+					Spinner($$renderer, {});
+					$$renderer.push(`<!----> Downloading…`);
+				} else {
+					$$renderer.push("<!--[-1-->");
+					$$renderer.push(`Download ${escape_html(uiLatest())}`);
+				}
+				$$renderer.push(`<!--]--></button>`);
+			}
+			$$renderer.push(`<!--]-->`);
 		} 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"><code class="version-value svelte-7mkeya">${escape_html(uiVersion || "—")}</code></dd></div></dl> <details class="advanced svelte-7mkeya"><summary class="svelte-7mkeya">Advanced options</summary> <div class="advanced-body svelte-7mkeya"><div class="version-section svelte-7mkeya"><label class="version-label svelte-7mkeya" for="stack-version-select">Install a specific version</label> <div class="version-input-row svelte-7mkeya">`);
+		$$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">`);
 		if (releasesLoading) {
 			$$renderer.push("<!--[0-->");
 			$$renderer.push(`<div class="version-select-skeleton svelte-7mkeya"></div>`);
@@ -2612,4 +2760,4 @@ function _page($$renderer, $$props) {
 }
 
 export { _page as default };
-//# sourceMappingURL=_page.svelte-BVgeXONX.js.map
+//# sourceMappingURL=_page.svelte-Bbf63ApH.js.map