@openpalm/ui 0.12.12 → 0.12.14-rc.1

package/build/server/chunks/{_page.svelte-CmqaniiZ.js → _page.svelte-DR9NaaO2.js}

@@ -1,203 +1,17 @@
-import { v as version } from './environment-Dgk7Zpzu.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-COlNBMpO.js';
+import { v as version } from './environment-C4mqyQco.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-DnRnUa51.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-CqHAp9Qh.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 { g as formatTime, f as endpointsService } from './SessionList-CWKGPQSI.js';
+import { N as Navbar, D as Drawer } from './Navbar-K3AsG60E.js';
 import { S as Spinner } from './Spinner-Bk6e83RX.js';
-import { T as ToolStrip, C as ChatMessage } from './ChatMessage-nFk7W8JO.js';
-import './provider-constants-DPrj3yBX.js';
-import './internal-D1Iu5LHn.js';
+import { C as ChatMessage } from './ChatMessage-ClLIqnwB.js';
+import './internal-DtzAdxjF.js';
 import './utils-BSRjJDrZ.js';
 import 'node:module';
 import './chunk-CLZ62Ad-.js';
-import './state2-BvcX1tGj.js';
-
-var TTS_OPTIONS = [
-	{
-		id: "openpalm-voice",
-		name: "Built-in voice",
-		type: "local",
-		recommended: true,
-		desc: "Free — runs on this computer. Downloads once when you turn it on."
-	},
-	{
-		id: "openai-tts",
-		name: "OpenAI voices",
-		type: "cloud",
-		desc: "Uses your OpenAI account."
-	},
-	{
-		id: "elevenlabs-tts",
-		name: "ElevenLabs",
-		type: "cloud",
-		desc: "High-quality voices. Needs an ElevenLabs account."
-	},
-	{
-		id: "browser-tts",
-		name: "Your web browser",
-		type: "builtin",
-		desc: "Free, no setup needed."
-	},
-	{
-		id: "skip-tts",
-		name: "Skip for now",
-		type: "skip",
-		desc: "Add voice later from the dashboard."
-	}
-];
-var STT_OPTIONS = [
-	{
-		id: "openpalm-voice",
-		name: "Built-in voice",
-		type: "local",
-		recommended: true,
-		desc: "Free — runs on this computer. Downloads once when you turn it on."
-	},
-	{
-		id: "openai-stt",
-		name: "OpenAI",
-		type: "cloud",
-		desc: "Uses your OpenAI account."
-	},
-	{
-		id: "browser-stt",
-		name: "Your web browser",
-		type: "builtin",
-		desc: "Free, no setup needed."
-	},
-	{
-		id: "skip-stt",
-		name: "Skip for now",
-		type: "skip",
-		desc: "Add later from the dashboard."
-	}
-];
-/**
-* Per-engine configuration fields. Empty `fields` means "no extra settings".
-* `provider` is written to stack.env as OP_TTS_PROVIDER / OP_STT_PROVIDER
-* so the voice channel can resolve the runtime URL.
-*
-* Shared between the setup wizard's VoiceStep and the admin Capabilities tab.
-*/
-var BASE_URL_FIELD = (placeholder, hint) => ({
-	key: "baseURL",
-	label: "Endpoint URL",
-	placeholder,
-	hint
-});
-var TTS_ENGINES = {
-	"openpalm-voice": {
-		id: "openpalm-voice",
-		provider: "openpalm-voice",
-		fields: []
-	},
-	"openai-tts": {
-		id: "openai-tts",
-		provider: "openai",
-		fields: [
-			BASE_URL_FIELD("https://api.openai.com/v1", "Leave empty to use the default OpenAI endpoint. Override for proxies / Azure-compat."),
-			{
-				key: "model",
-				label: "Model",
-				options: [
-					"tts-1",
-					"tts-1-hd",
-					"gpt-4o-mini-tts"
-				]
-			},
-			{
-				key: "voice",
-				label: "Voice",
-				options: [
-					"alloy",
-					"echo",
-					"fable",
-					"onyx",
-					"nova",
-					"shimmer"
-				]
-			}
-		]
-	},
-	"elevenlabs-tts": {
-		id: "elevenlabs-tts",
-		provider: "elevenlabs",
-		fields: [
-			{
-				key: "apiKey",
-				label: "API Key",
-				placeholder: "sk_...",
-				hint: "Your ElevenLabs API key from elevenlabs.io."
-			},
-			{
-				key: "voice",
-				label: "Voice ID",
-				placeholder: "EXAVITQu4vr4xnSDxMaL",
-				hint: "ElevenLabs voice ID (from your Voice Library)."
-			},
-			{
-				key: "model",
-				label: "Model",
-				options: [
-					"eleven_multilingual_v2",
-					"eleven_turbo_v2_5",
-					"eleven_flash_v2_5"
-				]
-			}
-		]
-	},
-	"browser-tts": {
-		id: "browser-tts",
-		fields: []
-	},
-	"skip-tts": {
-		id: "skip-tts",
-		fields: []
-	}
-};
-var STT_ENGINES = {
-	"openpalm-voice": {
-		id: "openpalm-voice",
-		provider: "openpalm-voice",
-		fields: []
-	},
-	"openai-stt": {
-		id: "openai-stt",
-		provider: "openai",
-		fields: [
-			BASE_URL_FIELD("https://api.openai.com/v1", "Leave empty to use the default OpenAI endpoint."),
-			{
-				key: "model",
-				label: "Model",
-				options: [
-					"whisper-1",
-					"gpt-4o-mini-transcribe",
-					"gpt-4o-transcribe"
-				]
-			},
-			{
-				key: "language",
-				label: "Language",
-				placeholder: "en",
-				hint: "A language code like `en` or `fr`, or leave blank to detect automatically."
-			}
-		]
-	},
-	"browser-stt": {
-		id: "browser-stt",
-		fields: [{
-			key: "language",
-			label: "Language",
-			placeholder: "en-US",
-			hint: "A language code like `en` or `fr`, or leave blank to detect automatically."
-		}]
-	},
-	"skip-stt": {
-		id: "skip-stt",
-		fields: []
-	}
-};
+import './state2-DZ2pu1L6.js';
 
 //#region src/lib/components/chrome/TabBar.svelte
 function TabBar($$renderer, $$props) {
@@ -621,8 +435,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 +446,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 +477,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,8 +526,8 @@ 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…" : "");
-		$$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> `);
+		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</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. `);
@@ -694,7 +540,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 +604,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,109 +659,81 @@ function UpdatesTab($$renderer, $$props) {
 			}
 			$$renderer.push(`<!--]-->`);
 		} else $$renderer.push("<!--[-1-->");
-		$$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 — roll back to a known-good release or pin to a tested build.
-          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> <div class="version-section svelte-7mkeya"><label class="version-label svelte-7mkeya" for="stack-version-select">Version</label> <div class="version-input-row svelte-7mkeya">`);
-		if (releasesLoading) {
-			$$renderer.push("<!--[0-->");
-			$$renderer.push(`<div class="version-select-skeleton svelte-7mkeya"></div>`);
-		} else if (releases.length > 0) {
-			$$renderer.push("<!--[1-->");
-			$$renderer.select({
-				id: "stack-version-select",
-				class: "version-select",
-				"aria-label": "OpenPalm version to install",
-				value: selectedImageTag,
-				onchange: (e) => onSelectedImageTagChange(e.currentTarget.value),
-				disabled: tagChangeLoading || anyDangerousLoading
-			}, ($$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">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>`);
+					$$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(`<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(`<!--]--> <!--[-->`);
-			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(`<!--]--> <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></section> `);
+			$$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(`<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">`);
@@ -933,9 +751,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: ""
@@ -996,7 +814,7 @@ function UpdatesTab($$renderer, $$props) {
 //#region src/lib/components/admin/updates/RecoveryTab.svelte
 function RecoveryTab($$renderer, $$props) {
 	$$renderer.component(($$renderer) => {
-		$$renderer.push(`<div class="panel" role="tabpanel"><div class="panel-header"><div><h2>Recovery</h2> <p class="panel-subtitle svelte-54nov7">Backups, lock recovery, and secret migration notices.</p></div></div> <div class="panel-body">`);
+		$$renderer.push(`<div class="panel" role="tabpanel"><div class="panel-header"><div><h2>Recovery</h2> <p class="panel-subtitle">Backups · recovery · migration</p></div></div> <div class="panel-body">`);
 		$$renderer.push("<!--[-1-->");
 		$$renderer.push(`<!--]--> `);
 		$$renderer.push("<!--[-1-->");
@@ -1054,7 +872,7 @@ function AddonsTab($$renderer, $$props) {
 		let $$settled = true;
 		let $$inner_renderer;
 		function $$render_inner($$renderer) {
-			$$renderer.push(`<div class="panel" role="tabpanel"><div class="panel-header"><div><h2>Addons</h2> <p class="panel-subtitle">Optional features you can enable or disable. Credentials are written to the stack config and applied when the addon container restarts.</p></div> <button class="btn btn-secondary btn-sm"${attr("disabled", loading, true)}>`);
+			$$renderer.push(`<div class="panel" role="tabpanel"><div class="panel-header"><div><h2>Addons</h2> <p class="panel-subtitle">Optional features · capabilities</p></div> <button class="btn btn-secondary btn-sm"${attr("disabled", loading, true)}>`);
 			$$renderer.push("<!--[-1-->");
 			$$renderer.push(`<!--]--> Refresh</button></div> <div class="panel-body panel-body--flush">`);
 			if (addons.length === 0) {
@@ -1579,7 +1397,7 @@ function TaskDrawer($$renderer, $$props) {
 						}
 						$$renderer.push(`<!--]--></div></details></fieldset> <fieldset class="field-group svelte-m3wayn"${attr("disabled", saving, true)}><legend class="field-label svelte-m3wayn">Action type</legend> <div class="radio-row svelte-m3wayn"><label class="radio-label svelte-m3wayn"><input type="radio" name="tf-kind" value="command"${attr("checked", true, true)}/> Shell command</label> <label class="radio-label svelte-m3wayn"><input type="radio" name="tf-kind" value="prompt"${attr("checked", false, true)}/> Assistant prompt</label> <label class="radio-label svelte-m3wayn"><input type="radio" name="tf-kind" value="workflow"${attr("checked", false, true)}/> Workflow</label></div> `);
 						$$renderer.push("<!--[0-->");
-						$$renderer.push(`<div class="field-group svelte-m3wayn" style="margin-top: var(--space-3)"><label class="field-label svelte-m3wayn" for="tf-cmd">Shell command</label> <input id="tf-cmd" class="field-input field-mono svelte-m3wayn" type="text" placeholder="echo hello" spellcheck="false"${attr("value", commandShell)}/> <span class="field-hint svelte-m3wayn">Runs as: <code class="svelte-m3wayn">sh -c "&lt;command>"</code></span></div>`);
+						$$renderer.push(`<div class="field-group svelte-m3wayn" style="margin-top: var(--s-sp-3)"><label class="field-label svelte-m3wayn" for="tf-cmd">Shell command</label> <input id="tf-cmd" class="field-input field-mono svelte-m3wayn" type="text" placeholder="echo hello" spellcheck="false"${attr("value", commandShell)}/> <span class="field-hint svelte-m3wayn">Runs as: <code class="svelte-m3wayn">sh -c "&lt;command>"</code></span></div>`);
 						$$renderer.push(`<!--]--></fieldset> `);
 						if (Object.keys(draft.unknownKeys).length > 0) {
 							$$renderer.push("<!--[0-->");
@@ -1667,7 +1485,7 @@ function AutomationsTab($$renderer, $$props) {
 				default: return automation.action.type;
 			}
 		}
-		$$renderer.push(`<div class="panel" role="tabpanel"><div class="panel-header"><div><h2>Routines</h2> <p class="panel-subtitle">Scheduled tasks from <code>~/.openpalm/knowledge/tasks/</code>. Run them now, edit them, or inspect the latest output.</p></div> <div class="panel-header-actions"><button class="btn btn-secondary btn-sm"${attr("disabled", false, true)}>New task</button> <button class="btn btn-secondary btn-sm"${attr("disabled", loading || false, true)}>`);
+		$$renderer.push(`<div class="panel" role="tabpanel"><div class="panel-header"><div><h2>Routines</h2> <p class="panel-subtitle">Scheduled tasks from knowledge/tasks/</p></div> <div class="panel-header-actions"><button class="btn btn-secondary btn-sm"${attr("disabled", false, true)}>New task</button> <button class="btn btn-secondary btn-sm"${attr("disabled", loading || false, true)}>`);
 		if (loading) {
 			$$renderer.push("<!--[0-->");
 			Spinner($$renderer, {});
@@ -1830,7 +1648,7 @@ function ProvidersPanel($$renderer, $$props) {
 				label: "Pi"
 			}
 		];
-		$$renderer.push(`<div class="panel" role="tabpanel"><div class="panel-header"><div><h2>Connections</h2> <p class="panel-subtitle">Sign in to AI providers. Credentials are stored in OpenCode's auth.json.</p></div> <div class="panel-header-actions"><button type="button" class="btn btn-secondary btn-sm"${attr("disabled", true, true)}${attr("title", "No host OpenCode installation detected")}>Import from host</button> <button type="button" class="btn btn-primary btn-sm">Add provider</button> <button class="btn btn-secondary btn-sm"${attr("disabled", loading, true)}>`);
+		$$renderer.push(`<div class="panel" role="tabpanel"><div class="panel-header"><div><h2>Connections</h2> <p class="panel-subtitle">AI providers · model defaults</p></div> <div class="panel-header-actions"><button type="button" class="btn btn-secondary btn-sm"${attr("disabled", true, true)}${attr("title", "No host OpenCode installation detected")}>Import from host</button> <button type="button" class="btn btn-primary btn-sm">Add provider</button> <button class="btn btn-secondary btn-sm"${attr("disabled", loading, true)}>`);
 		{
 			$$renderer.push("<!--[0-->");
 			Spinner($$renderer, {});
@@ -2048,7 +1866,7 @@ function LogsTab($$renderer, $$props) {
 					}, "svelte-coqj2u");
 					$$renderer.push(`</div> `);
 					$$renderer.push("<!--[0-->");
-					$$renderer.push(`<div class="control-group control-group--toggle svelte-coqj2u"><label class="toggle-label svelte-coqj2u"><input type="checkbox"${attr("checked", autoScroll, true)} class="svelte-coqj2u"/> <span>Auto-scroll</span></label></div>`);
+					$$renderer.push(`<div class="control-group control-group--toggle svelte-coqj2u"><label class="toggle-label svelte-coqj2u"><input type="checkbox"${attr("checked", autoScroll, true)}/> <span>Auto-scroll</span></label></div>`);
 					$$renderer.push(`<!--]--> <button class="btn btn-primary btn-sm"${attr("disabled", loading || false, true)}>`);
 					if (loading) {
 						$$renderer.push("<!--[0-->");
@@ -2104,11 +1922,9 @@ function SecretsTab($$renderer, $$props) {
 			if (n < 1024) return `${n} B`;
 			return `${(n / 1024).toFixed(1)} KB`;
 		}
-		$$renderer.push(`<div class="panel" role="tabpanel"><div class="panel-header svelte-epscb2"><h2>Secrets</h2> <div class="panel-header-actions"><button class="btn btn-secondary btn-sm"${attr("disabled", false, true)}>`);
+		$$renderer.push(`<div class="panel" role="tabpanel"><div class="panel-header"><div><h2>Secrets</h2> <p class="panel-subtitle">Encrypted key files under knowledge/secrets/</p></div> <div class="panel-header-actions"><button class="btn btn-secondary btn-sm"${attr("disabled", false, true)}>`);
 		$$renderer.push("<!--[-1-->");
-		$$renderer.push(`<!--]--> Refresh</button></div></div> <p class="section-note svelte-epscb2">Files in the assistant's secrets directory (<code>/stash/secrets</code> → <code>knowledge/secrets</code>). These are mounted into the assistant and granted to
-    services via Docker secrets. Files are stored 0600. Editing here changes the live
-    file — restart affected services to pick up changes.</p> `);
+		$$renderer.push(`<!--]--> Refresh</button></div></div> `);
 		$$renderer.push("<!--[-1-->");
 		$$renderer.push(`<!--]--> <div class="secrets-layout svelte-epscb2"><div class="secrets-list svelte-epscb2">`);
 		if (files.length === 0 && true) {
@@ -2138,7 +1954,7 @@ function AssistantTab($$renderer, $$props) {
 		let stackEnvPath = "knowledge/env/stack.env";
 		let personaContent = "";
 		let isDirty = derived(() => false);
-		$$renderer.push(`<div class="panel" role="tabpanel"><div class="panel-header svelte-obkjlq"><div><h2>Assistant</h2> <p class="panel-subtitle svelte-obkjlq">Configure the Docker Compose project name in <code>${escape_html(stackEnvPath)}</code> and edit the assistant persona file mounted from <code>${escape_html(personaPath)}</code>.</p></div> <div class="panel-header-actions svelte-obkjlq"><button class="btn btn-secondary btn-sm"${attr("disabled", false, true)}>`);
+		$$renderer.push(`<div class="panel" role="tabpanel"><div class="panel-header"><div><h2>Assistant</h2> <p class="panel-subtitle">Persona · stack config</p></div> <div class="panel-header-actions"><button class="btn btn-secondary btn-sm"${attr("disabled", false, true)}>`);
 		$$renderer.push("<!--[-1-->");
 		$$renderer.push(`<!--]--> Refresh</button> `);
 		if (isDirty()) {
@@ -2156,6 +1972,60 @@ function AssistantTab($$renderer, $$props) {
 	});
 }
 //#endregion
+//#region src/lib/components/chat/ToolStrip.svelte
+function ToolStrip($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		let { items, muted = false, bordered = false, ariaLabel = "Assistant tool activity" } = $$props;
+		let selectedToolId = null;
+		function toolEmoji(tool, status) {
+			const name = tool.toLowerCase();
+			if (status === "error" || status === "failed") return "⚠️";
+			if (name === "step") return status === "completed" ? "🧩" : "🔄";
+			if (name.includes("bash") || name.includes("shell") || name.includes("command")) return "🛠️";
+			if (name.includes("grep") || name.includes("search")) return "🔎";
+			if (name.includes("read") || name.includes("file")) return "📄";
+			if (name.includes("edit") || name.includes("write") || name.includes("patch")) return "✍️";
+			if (name.includes("web") || name.includes("http") || name.includes("fetch")) return "🌐";
+			if (name.includes("task") || name.includes("agent")) return "🤖";
+			return status === "completed" ? "✅" : "⏳";
+		}
+		function timelineTitle(entry) {
+			return entry.kind === "step" ? entry.title : entry.title || entry.tool;
+		}
+		function toolKindLabel(entry) {
+			return entry.kind === "step" ? "Step" : "Tool";
+		}
+		function toolStatusLabel(status) {
+			switch (status) {
+				case "completed": return "completed";
+				case "error":
+				case "failed": return "failed";
+				case "pending": return "queued";
+				default: return "running";
+			}
+		}
+		function toolAriaLabel(entry) {
+			return `${toolKindLabel(entry)}: ${timelineTitle(entry)} (${toolStatusLabel(entry.status)})`;
+		}
+		if (items.length > 0) {
+			$$renderer.push("<!--[0-->");
+			$$renderer.push(`<div${attr_class("tool-strip svelte-icksz3", void 0, {
+				"tool-strip-muted": muted,
+				"tool-strip-bordered": bordered
+			})}${attr("aria-label", ariaLabel)}><!--[-->`);
+			const each_array = ensure_array_like(items);
+			for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+				let tool = each_array[$$index];
+				$$renderer.push(`<button${attr_class("tool-emoji-btn svelte-icksz3", void 0, { "selected": selectedToolId === tool.id })} type="button"${attr("aria-label", toolAriaLabel(tool))}${attr("title", toolAriaLabel(tool))}><span class="tool-emoji svelte-icksz3" aria-hidden="true">${escape_html(toolEmoji(tool.tool, tool.status))}</span></button>`);
+			}
+			$$renderer.push(`<!--]--></div>`);
+		} else $$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--> `);
+		$$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]-->`);
+	});
+}
+//#endregion
 //#region src/lib/components/admin/activity/ActivityTab.svelte
 function ActivityTab($$renderer, $$props) {
 	$$renderer.component(($$renderer) => {
@@ -2210,7 +2080,7 @@ function ActivityTab($$renderer, $$props) {
 			events: sessionEventCounts[session.id] ?? 0
 		})).sort((left, right) => right.events - left.events || right.updatedAt - left.updatedAt).slice(0, 8));
 		onDestroy(() => {});
-		$$renderer.push(`<div class="panel" role="tabpanel"><div class="panel-header svelte-z6w8je"><div><h2>Activity</h2> <p class="panel-subtitle svelte-z6w8je">Readable operator telemetry for the active assistant endpoint: what is blocked, what is failing, which sessions are busiest, and the recent history for a selected conversation.</p></div> <div class="panel-header-actions svelte-z6w8je"><button class="btn btn-secondary btn-sm"${attr("disabled", loading, true)}>`);
+		$$renderer.push(`<div class="panel" role="tabpanel"><div class="panel-header"><div><h2>Activity</h2> <p class="panel-subtitle">Operator telemetry · live</p></div> <div class="panel-header-actions"><button class="btn btn-secondary btn-sm"${attr("disabled", loading, true)}>`);
 		$$renderer.push("<!--[-1-->");
 		$$renderer.push(`<!--]--> Refresh</button></div></div> `);
 		$$renderer.push("<!--[-1-->");
@@ -2275,13 +2145,13 @@ function ActivityTab($$renderer, $$props) {
 		$$renderer.push(`<!--]--></div> <div class="subsection-head svelte-z6w8je"><h4 class="svelte-z6w8je">Event breakdown</h4> <span class="svelte-z6w8je">${escape_html(eventTypeRows().length)}</span></div> <div class="table-scroll svelte-z6w8je"><table class="data-table svelte-z6w8je"><thead><tr><th class="svelte-z6w8je">Type</th><th class="svelte-z6w8je">Total</th></tr></thead><tbody>`);
 		if (eventTypeRows().length === 0) {
 			$$renderer.push("<!--[0-->");
-			$$renderer.push(`<tr><td colspan="2" class="empty-cell svelte-z6w8je">No events observed yet.</td></tr>`);
+			$$renderer.push(`<tr class="svelte-z6w8je"><td colspan="2" class="empty-cell svelte-z6w8je">No events observed yet.</td></tr>`);
 		} else $$renderer.push("<!--[-1-->");
 		$$renderer.push(`<!--]--><!--[-->`);
 		const each_array_3 = ensure_array_like(eventTypeRows());
 		for (let $$index_3 = 0, $$length = each_array_3.length; $$index_3 < $$length; $$index_3++) {
 			let [type, count] = each_array_3[$$index_3];
-			$$renderer.push(`<tr><td class="mono svelte-z6w8je">${escape_html(type)}</td><td class="svelte-z6w8je">${escape_html(count)}</td></tr>`);
+			$$renderer.push(`<tr class="svelte-z6w8je"><td class="mono svelte-z6w8je">${escape_html(type)}</td><td class="svelte-z6w8je">${escape_html(count)}</td></tr>`);
 		}
 		$$renderer.push(`<!--]--></tbody></table></div> <div class="subsection-head svelte-z6w8je"><h4 class="svelte-z6w8je">Most active sessions</h4> <span class="svelte-z6w8je">${escape_html(hotSessions().length)}</span></div> <div class="hot-session-list svelte-z6w8je">`);
 		if (hotSessions().length === 0) {
@@ -2562,7 +2432,7 @@ function LlmProfileDrawer($$renderer, $$props) {
 					$$settled = false;
 				}
 			});
-			$$renderer.push(`<!----></div> <div class="control-group svelte-1gmn25z"><label class="control-label svelte-1gmn25z" for="d-llm-temperature">Temperature (0–2)</label> <input id="d-llm-temperature" class="control-input control-input--narrow svelte-1gmn25z" type="number" min="0" max="2" step="0.1"${attr("value", draft.temperature)}/></div> <div class="control-group svelte-1gmn25z"><label class="control-label svelte-1gmn25z" for="d-llm-maxtokens">Max tokens</label> <input id="d-llm-maxtokens" class="control-input control-input--narrow svelte-1gmn25z" type="number" min="1"${attr("value", draft.maxTokens)}/></div> <div class="control-group svelte-1gmn25z"><label class="control-label svelte-1gmn25z" for="d-llm-timeout">Timeout (ms)</label> <input id="d-llm-timeout" class="control-input control-input--narrow svelte-1gmn25z" type="number" min="1"${attr("value", draft.timeoutMs)}/></div> <div class="control-group svelte-1gmn25z"><label class="control-label svelte-1gmn25z" for="d-llm-concurrency">Concurrency</label> <input id="d-llm-concurrency" class="control-input control-input--narrow svelte-1gmn25z" type="number" min="1"${attr("value", draft.concurrency)}/></div> <div class="control-group svelte-1gmn25z"><label class="control-label svelte-1gmn25z" for="d-llm-contextlength">Context length</label> <input id="d-llm-contextlength" class="control-input control-input--narrow svelte-1gmn25z" type="number" min="1"${attr("value", draft.contextLength)}/></div> <div class="control-group svelte-1gmn25z"><label class="control-label svelte-1gmn25z" for="d-llm-judgemodel">Judge model</label> <input id="d-llm-judgemodel" class="control-input svelte-1gmn25z" type="text" spellcheck="false" placeholder="gpt-4o"${attr("value", draft.judgeModel)}/></div></div> <label class="toggle-row svelte-1gmn25z" style="margin-top: var(--space-4)"><input type="checkbox"${attr("checked", draft.supportsJsonSchema, true)} class="svelte-1gmn25z"/> <span class="toggle-label svelte-1gmn25z">Supports JSON schema</span> <span class="toggle-hint svelte-1gmn25z">Use response_format: json_schema for structured output</span></label> <label class="toggle-row svelte-1gmn25z"><input type="checkbox"${attr("checked", draft.structuredOutput, true)} class="svelte-1gmn25z"/> <span class="toggle-label svelte-1gmn25z">Structured output capability</span> <span class="toggle-hint svelte-1gmn25z">capabilities.structuredOutput — model reliably returns valid structured JSON</span></label> <label class="toggle-row svelte-1gmn25z"><input type="checkbox"${attr("checked", draft.enableThinking, true)} class="svelte-1gmn25z"/> <span class="toggle-label svelte-1gmn25z">Enable thinking</span> <span class="toggle-hint svelte-1gmn25z">Allow extended/thinking tokens for reasoning models</span></label> <div class="control-group control-group--wide svelte-1gmn25z" style="margin-top: var(--space-4)"><label class="control-label svelte-1gmn25z" for="d-llm-extra">Extra params (JSON)</label> <textarea id="d-llm-extra" class="control-input svelte-1gmn25z" rows="3" spellcheck="false" placeholder="{ &quot;top_p&quot;: 0.9 }">`);
+			$$renderer.push(`<!----></div> <div class="control-group svelte-1gmn25z"><label class="control-label svelte-1gmn25z" for="d-llm-temperature">Temperature (0–2)</label> <input id="d-llm-temperature" class="control-input control-input--narrow svelte-1gmn25z" type="number" min="0" max="2" step="0.1"${attr("value", draft.temperature)}/></div> <div class="control-group svelte-1gmn25z"><label class="control-label svelte-1gmn25z" for="d-llm-maxtokens">Max tokens</label> <input id="d-llm-maxtokens" class="control-input control-input--narrow svelte-1gmn25z" type="number" min="1"${attr("value", draft.maxTokens)}/></div> <div class="control-group svelte-1gmn25z"><label class="control-label svelte-1gmn25z" for="d-llm-timeout">Timeout (ms)</label> <input id="d-llm-timeout" class="control-input control-input--narrow svelte-1gmn25z" type="number" min="1"${attr("value", draft.timeoutMs)}/></div> <div class="control-group svelte-1gmn25z"><label class="control-label svelte-1gmn25z" for="d-llm-concurrency">Concurrency</label> <input id="d-llm-concurrency" class="control-input control-input--narrow svelte-1gmn25z" type="number" min="1"${attr("value", draft.concurrency)}/></div> <div class="control-group svelte-1gmn25z"><label class="control-label svelte-1gmn25z" for="d-llm-contextlength">Context length</label> <input id="d-llm-contextlength" class="control-input control-input--narrow svelte-1gmn25z" type="number" min="1"${attr("value", draft.contextLength)}/></div> <div class="control-group svelte-1gmn25z"><label class="control-label svelte-1gmn25z" for="d-llm-judgemodel">Judge model</label> <input id="d-llm-judgemodel" class="control-input svelte-1gmn25z" type="text" spellcheck="false" placeholder="gpt-4o"${attr("value", draft.judgeModel)}/></div></div> <label class="toggle-row svelte-1gmn25z" style="margin-top: var(--s-sp-4)"><input type="checkbox"${attr("checked", draft.supportsJsonSchema, true)} class="svelte-1gmn25z"/> <span class="toggle-label svelte-1gmn25z">Supports JSON schema</span> <span class="toggle-hint svelte-1gmn25z">Use response_format: json_schema for structured output</span></label> <label class="toggle-row svelte-1gmn25z"><input type="checkbox"${attr("checked", draft.structuredOutput, true)} class="svelte-1gmn25z"/> <span class="toggle-label svelte-1gmn25z">Structured output capability</span> <span class="toggle-hint svelte-1gmn25z">capabilities.structuredOutput — model reliably returns valid structured JSON</span></label> <label class="toggle-row svelte-1gmn25z"><input type="checkbox"${attr("checked", draft.enableThinking, true)} class="svelte-1gmn25z"/> <span class="toggle-label svelte-1gmn25z">Enable thinking</span> <span class="toggle-hint svelte-1gmn25z">Allow extended/thinking tokens for reasoning models</span></label> <div class="control-group control-group--wide svelte-1gmn25z" style="margin-top: var(--s-sp-4)"><label class="control-label svelte-1gmn25z" for="d-llm-extra">Extra params (JSON)</label> <textarea id="d-llm-extra" class="control-input svelte-1gmn25z" rows="3" spellcheck="false" placeholder="{ &quot;top_p&quot;: 0.9 }">`);
 			const $$body = escape_html(draft.extraParams);
 			if ($$body) $$renderer.push(`${$$body}`);
 			$$renderer.push(`</textarea> <span class="feat-hint svelte-1gmn25z">Merged into the provider request body. Must be a JSON object.</span></div></div> <div class="drawer-footer svelte-1gmn25z"><button class="btn btn-secondary">Cancel</button> <button class="btn btn-primary">Apply</button></div></div>`);
@@ -2764,7 +2634,7 @@ function ImproveProfileDrawer($$renderer, $$props) {
 						$$renderer.push(`Promote`);
 					});
 				}, "svelte-1ndbe78");
-				$$renderer.push(`</label> <label class="adv-field svelte-1ndbe78"><span class="svelte-1ndbe78">Policy</span> <input class="control-input svelte-1ndbe78" type="text" spellcheck="false" placeholder="policy name/ref"${attr("value", proc.policy)}/></label> <label class="adv-field svelte-1ndbe78"><span class="svelte-1ndbe78">Max accepts per run</span> <input class="control-input control-input--narrow svelte-1ndbe78" type="number" min="1"${attr("value", proc.maxAcceptsPerRun)}/></label> <label class="adv-field svelte-1ndbe78"><span class="svelte-1ndbe78">Max diff lines</span> <input class="control-input control-input--narrow svelte-1ndbe78" type="number" min="1"${attr("value", proc.maxDiffLines)}/></label> <label class="adv-field adv-field--check svelte-1ndbe78"><input type="checkbox"${attr("checked", proc.rejectEmpty, true)}/> <span class="svelte-1ndbe78">Reject empty diffs</span></label> <div class="adv-field adv-field--wide svelte-1ndbe78"><span class="adv-sublabel svelte-1ndbe78">Judgment (overrides for the accept/reject decision)</span> <div class="proc-adv-grid svelte-1ndbe78"><label class="adv-field svelte-1ndbe78"><span class="svelte-1ndbe78">Mode</span> `);
+				$$renderer.push(`</label> <label class="adv-field svelte-1ndbe78"><span class="svelte-1ndbe78">Policy</span> <input class="control-input svelte-1ndbe78" type="text" spellcheck="false" placeholder="policy name/ref"${attr("value", proc.policy)}/></label> <label class="adv-field svelte-1ndbe78"><span class="svelte-1ndbe78">Max accepts per run</span> <input class="control-input control-input--narrow svelte-1ndbe78" type="number" min="1"${attr("value", proc.maxAcceptsPerRun)}/></label> <label class="adv-field svelte-1ndbe78"><span class="svelte-1ndbe78">Max diff lines</span> <input class="control-input control-input--narrow svelte-1ndbe78" type="number" min="1"${attr("value", proc.maxDiffLines)}/></label> <label class="adv-field adv-field--check svelte-1ndbe78"><input type="checkbox"${attr("checked", proc.rejectEmpty, true)} class="svelte-1ndbe78"/> <span class="svelte-1ndbe78">Reject empty diffs</span></label> <div class="adv-field adv-field--wide svelte-1ndbe78"><span class="adv-sublabel svelte-1ndbe78">Judgment (overrides for the accept/reject decision)</span> <div class="proc-adv-grid svelte-1ndbe78"><label class="adv-field svelte-1ndbe78"><span class="svelte-1ndbe78">Mode</span> `);
 				$$renderer.select({
 					class: "control-input",
 					value: proc.judgment.mode
@@ -3023,7 +2893,7 @@ function AkmTab($$renderer, $$props) {
 		let $$settled = true;
 		let $$inner_renderer;
 		function $$render_inner($$renderer) {
-			$$renderer.push(`<div class="panel" role="tabpanel"><div class="panel-header svelte-19wb2va"><h2 class="svelte-19wb2va">Knowledge</h2> <div class="panel-header-actions svelte-19wb2va"><button class="btn btn-secondary btn-sm"${attr("disabled", detectingEmbedding || testingEmbedding || false, true)}>`);
+			$$renderer.push(`<div class="panel" role="tabpanel"><div class="panel-header"><h2>Knowledge</h2> <div class="panel-header-actions svelte-19wb2va"><button class="btn btn-secondary btn-sm"${attr("disabled", detectingEmbedding || testingEmbedding || false, true)}>`);
 			$$renderer.push("<!--[-1-->");
 			$$renderer.push(`<!--]--> Refresh</button> <button class="btn btn-secondary btn-sm"${attr("disabled", detectingEmbedding || testingEmbedding || false, true)}>`);
 			$$renderer.push("<!--[-1-->");
@@ -3257,139 +3127,6 @@ function HostSharingSection($$renderer, $$props) {
 	});
 }
 //#endregion
-//#region src/lib/components/voice/VoiceEngineSelector.svelte
-function VoiceEngineSelector($$renderer, $$props) {
-	$$renderer.component(($$renderer) => {
-		let { kind, value, onchange, reachable, reachabilityEngineId, disabledEngines, hiddenEngines, engineOptions, engineConfigs } = $$props;
-		const allOptions = derived(() => engineOptions ?? (kind === "tts" ? TTS_OPTIONS : STT_OPTIONS));
-		const engines = derived(() => engineConfigs ?? (kind === "tts" ? TTS_ENGINES : STT_ENGINES));
-		const options = derived(() => hiddenEngines ? allOptions().filter((o) => !hiddenEngines.has(o.id)) : allOptions());
-		function updateField(key, val) {
-			const next = { ...value };
-			if (val) next[key] = val;
-			else delete next[key];
-			onchange(next);
-		}
-		$$renderer.push(`<div class="engine-list svelte-1e5u5jo" role="radiogroup"${attr("aria-label", `${kind === "tts" ? "Text-to-speech" : "Speech-to-text"} engine`)}><!--[-->`);
-		const each_array = ensure_array_like(options());
-		for (let $$index_2 = 0, $$length = each_array.length; $$index_2 < $$length; $$index_2++) {
-			let o = each_array[$$index_2];
-			const selected = value.engine === o.id;
-			const config = engines()[o.id];
-			const engineState = disabledEngines?.[o.id];
-			const isDisabled = engineState?.disabled ?? false;
-			$$renderer.push(`<button type="button"${attr_class("engine-card svelte-1e5u5jo", void 0, {
-				"engine-card--selected": selected,
-				"engine-card--disabled": isDisabled
-			})} role="radio"${attr("aria-checked", selected)}${attr("disabled", isDisabled, true)}><div class="engine-body svelte-1e5u5jo"><span class="engine-name svelte-1e5u5jo">${escape_html(o.name)}</span> <span class="engine-desc svelte-1e5u5jo">${escape_html(o.desc)}</span> `);
-			if (isDisabled && engineState?.reason) {
-				$$renderer.push("<!--[0-->");
-				$$renderer.push(`<span class="engine-subtitle svelte-1e5u5jo">${escape_html(engineState.reason)}</span>`);
-			} else $$renderer.push("<!--[-1-->");
-			$$renderer.push(`<!--]--> `);
-			if (o.id === (reachabilityEngineId ?? (kind === "tts" ? "openai-tts" : "openai-stt")) && reachable?.remoteConfigured) {
-				$$renderer.push("<!--[0-->");
-				$$renderer.push(`<span${attr_class("engine-reachability svelte-1e5u5jo", void 0, { "engine-reachability--ok": reachable.remoteReachable })}>${escape_html(reachable.remoteReachable ? "● Endpoint reachable" : "○ Endpoint not reachable")}</span>`);
-			} else $$renderer.push("<!--[-1-->");
-			$$renderer.push(`<!--]--></div> `);
-			if (o.recommended) {
-				$$renderer.push("<!--[0-->");
-				$$renderer.push(`<span class="badge badge-recommended">Recommended</span>`);
-			} else $$renderer.push("<!--[-1-->");
-			$$renderer.push(`<!--]--></button> `);
-			if (selected && config && config.fields.length > 0) {
-				$$renderer.push("<!--[0-->");
-				$$renderer.push(`<div class="engine-config svelte-1e5u5jo"><!--[-->`);
-				const each_array_1 = ensure_array_like(config.fields);
-				for (let $$index_1 = 0, $$length = each_array_1.length; $$index_1 < $$length; $$index_1++) {
-					let field = each_array_1[$$index_1];
-					$$renderer.push(`<div class="form-field"><label class="form-label"${attr("for", `voice-${stringify(kind)}-${stringify(field.key)}`)}>${escape_html(field.label)}</label> `);
-					if (field.options) {
-						$$renderer.push("<!--[0-->");
-						$$renderer.select({
-							id: `voice-${stringify(kind)}-${stringify(field.key)}`,
-							class: "form-input",
-							value: value[field.key] ?? "",
-							onchange: (e) => updateField(field.key, e.currentTarget.value)
-						}, ($$renderer) => {
-							$$renderer.option({ value: "" }, ($$renderer) => {
-								$$renderer.push(`— default —`);
-							});
-							$$renderer.push(`<!--[-->`);
-							const each_array_2 = ensure_array_like(field.options);
-							for (let $$index = 0, $$length = each_array_2.length; $$index < $$length; $$index++) {
-								let opt = each_array_2[$$index];
-								$$renderer.option({ value: opt }, ($$renderer) => {
-									$$renderer.push(`${escape_html(opt)}`);
-								});
-							}
-							$$renderer.push(`<!--]-->`);
-						});
-					} else {
-						$$renderer.push("<!--[-1-->");
-						$$renderer.push(`<input${attr("id", `voice-${stringify(kind)}-${stringify(field.key)}`)}${attr("type", field.key === "baseURL" ? "url" : field.key === "apiKey" ? "password" : "text")} class="form-input"${attr("value", value[field.key] ?? "")}${attr("placeholder", field.placeholder ?? "")} autocomplete="off"${attr("spellcheck", field.key === "baseURL" ? false : void 0)}/>`);
-					}
-					$$renderer.push(`<!--]--> `);
-					if (field.hint) {
-						$$renderer.push("<!--[0-->");
-						$$renderer.push(`<span class="field-hint svelte-1e5u5jo">${escape_html(field.hint)}</span>`);
-					} else $$renderer.push("<!--[-1-->");
-					$$renderer.push(`<!--]--></div>`);
-				}
-				$$renderer.push(`<!--]--></div>`);
-			} else $$renderer.push("<!--[-1-->");
-			$$renderer.push(`<!--]-->`);
-		}
-		$$renderer.push(`<!--]--></div>`);
-	});
-}
-//#endregion
-//#region src/lib/components/voice/VoiceTtsSection.svelte
-function VoiceTtsSection($$renderer, $$props) {
-	$$renderer.component(($$renderer) => {
-		let { value, onchange, engineOptions, engineConfigs, reachable, hiddenEngines, engineSelected, ttsAutoEnabled, busy } = $$props;
-		$$renderer.push(`<section class="engine-section svelte-1b9l1t7"><h3 class="engine-heading svelte-1b9l1t7">Text-to-Speech</h3> <p class="engine-subheading svelte-1b9l1t7">How your assistant speaks</p> `);
-		VoiceEngineSelector($$renderer, {
-			kind: "tts",
-			value,
-			onchange,
-			engineOptions,
-			engineConfigs,
-			reachable,
-			reachabilityEngineId: "remote",
-			hiddenEngines
-		});
-		$$renderer.push(`<!----> `);
-		if (engineSelected) {
-			$$renderer.push("<!--[0-->");
-			$$renderer.push(`<div class="tts-extras svelte-1b9l1t7"><div class="test-voice-row svelte-1b9l1t7"><button type="button" class="btn btn-secondary btn-sm"${attr("disabled", busy, true)}>`);
-			$$renderer.push("<!--[-1-->");
-			$$renderer.push(`<!--]--> Test voice</button> `);
-			$$renderer.push("<!--[-1-->");
-			$$renderer.push(`<!--]--></div> <label class="auto-speak-toggle svelte-1b9l1t7"><input type="checkbox"${attr("checked", ttsAutoEnabled, true)} class="svelte-1b9l1t7"/> <span>Speak assistant replies aloud automatically</span></label></div>`);
-		} else $$renderer.push("<!--[-1-->");
-		$$renderer.push(`<!--]--></section>`);
-	});
-}
-//#endregion
-//#region src/lib/components/voice/VoiceSttSection.svelte
-function VoiceSttSection($$renderer, $$props) {
-	let { value, onchange, engineOptions, engineConfigs, reachable, disabledEngines, hiddenEngines } = $$props;
-	$$renderer.push(`<section class="engine-section svelte-1qwlk8j"><h3 class="engine-heading svelte-1qwlk8j">Speech-to-Text</h3> <p class="engine-subheading svelte-1qwlk8j">How your assistant listens</p> `);
-	VoiceEngineSelector($$renderer, {
-		kind: "stt",
-		value,
-		onchange,
-		engineOptions,
-		engineConfigs,
-		reachable,
-		reachabilityEngineId: "remote",
-		disabledEngines,
-		hiddenEngines
-	});
-	$$renderer.push(`<!----></section>`);
-}
-//#endregion
 //#region src/lib/components/voice/VoiceProfileSelector.svelte
 function VoiceProfileSelector($$renderer, $$props) {
 	$$renderer.component(($$renderer) => {
@@ -3574,78 +3311,123 @@ function VoiceTab($$renderer, $$props) {
 			voice: "",
 			language: ""
 		});
-		let loading = false;
 		let tts = EMPTY_SECTION();
 		let stt = EMPTY_SECTION();
-		let availability = {
-			stt: {
-				remoteConfigured: false,
-				remoteReachable: false
-			},
-			tts: {
-				remoteConfigured: false,
-				remoteReachable: false
-			}
-		};
 		let addonProfiles = [];
 		let selectedProfile = "";
 		const wantsOpenpalmVoice = derived(() => tts.engine === "openpalm-voice" || stt.engine === "openpalm-voice");
-		function sectionToValue(s) {
-			return {
-				engine: s.engine,
-				...s.baseURL ? { baseURL: s.baseURL } : {},
-				...s.model ? { model: s.model } : {},
-				...s.voice ? { voice: s.voice } : {},
-				...s.language ? { language: s.language } : {}
-			};
-		}
-		function applyTtsChange(v) {
-			tts.engine = v.engine || "";
-			tts.baseURL = v.baseURL ?? "";
-			tts.model = v.model ?? "";
-			tts.voice = v.voice ?? "";
-		}
-		function applySttChange(v) {
-			stt.engine = v.engine || "";
-			stt.baseURL = v.baseURL ?? "";
-			stt.model = v.model ?? "";
-			stt.language = v.language ?? "";
-		}
-		const sttDisabledEngines = derived(() => {
-			return {};
-		});
-		const ttsHiddenEngines = derived(() => new Set(["browser"]));
-		const sttHiddenEngines = derived(() => new Set(["browser"]));
-		$$renderer.push(`<div class="panel" role="tabpanel"><div class="panel-header svelte-nokcxu"><h2 class="svelte-nokcxu">Voice</h2> <div class="panel-header-actions svelte-nokcxu"><button class="btn btn-secondary btn-sm"${attr("disabled", false, true)}>`);
+		let browserSttAvailable = false;
+		const browserSttDisabled = derived(() => browserSttAvailable);
+		const browserSttDisabledReason = derived(() => voiceState.browserSttUnsupportedReason ?? "");
+		$$renderer.push(`<div class="panel" role="tabpanel"><div class="panel-header"><div><h2>Voice</h2> <p class="panel-subtitle">Speech-to-text · text-to-speech</p></div> <div class="panel-header-actions"><button class="btn btn-secondary btn-sm"${attr("disabled", false, true)}>`);
 		$$renderer.push("<!--[-1-->");
 		$$renderer.push(`<!--]--> Refresh</button> <button class="btn btn-primary btn-sm"${attr("disabled", false, true)}>`);
 		$$renderer.push("<!--[-1-->");
 		$$renderer.push(`<!--]--> Save</button></div></div> `);
 		$$renderer.push("<!--[-1-->");
-		$$renderer.push(`<!--]--> <div class="panel-body svelte-nokcxu"><p class="section-desc svelte-nokcxu">Configure how the assistant listens and speaks. Choose an engine for each;
-			the in-app mic uses STT and the optional auto-speak toggle uses TTS.</p> `);
-		VoiceTtsSection($$renderer, {
-			value: sectionToValue(tts),
-			onchange: applyTtsChange,
-			engineOptions: ADMIN_TTS_OPTIONS,
-			engineConfigs: ADMIN_TTS_ENGINES,
-			reachable: availability.tts,
-			hiddenEngines: ttsHiddenEngines(),
-			engineSelected: !!tts.engine,
-			ttsAutoEnabled: voiceState.ttsAutoEnabled,
-			busy: loading
-		});
-		$$renderer.push(`<!----> `);
-		VoiceSttSection($$renderer, {
-			value: sectionToValue(stt),
-			onchange: applySttChange,
-			engineOptions: ADMIN_STT_OPTIONS,
-			engineConfigs: ADMIN_STT_ENGINES,
-			reachable: availability.stt,
-			disabledEngines: sttDisabledEngines(),
-			hiddenEngines: sttHiddenEngines()
-		});
-		$$renderer.push(`<!----> `);
+		$$renderer.push(`<!--]--> <div class="panel-body svelte-nokcxu"><div class="voice-grid svelte-nokcxu"><div class="section-card svelte-nokcxu"><div class="sc-title svelte-nokcxu">Speech-to-text (STT)</div> <div class="field svelte-nokcxu"><label class="field-label svelte-nokcxu" for="stt-engine">Engine</label> `);
+		$$renderer.select({
+			id: "stt-engine",
+			class: "field-select",
+			value: stt.engine,
+			onchange: (e) => {
+				stt.engine = e.currentTarget.value;
+			},
+			disabled: false
+		}, ($$renderer) => {
+			$$renderer.option({ value: "" }, ($$renderer) => {
+				$$renderer.push(`— select engine —`);
+			});
+			$$renderer.push(`<!--[-->`);
+			const each_array = ensure_array_like(ADMIN_STT_OPTIONS);
+			for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+				let o = each_array[$$index];
+				if (o.id !== "browser") {
+					$$renderer.push("<!--[0-->");
+					$$renderer.option({
+						value: o.id,
+						disabled: o.id === "browser" && browserSttDisabled()
+					}, ($$renderer) => {
+						$$renderer.push(`${escape_html(o.name)}`);
+					});
+				} else $$renderer.push("<!--[-1-->");
+				$$renderer.push(`<!--]-->`);
+			}
+			$$renderer.push(`<!--]-->`);
+		}, "svelte-nokcxu");
+		$$renderer.push(` `);
+		$$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--></div> `);
+		if (stt.engine) {
+			$$renderer.push("<!--[0-->");
+			$$renderer.push(`<!--[-->`);
+			const each_array_1 = ensure_array_like(ADMIN_STT_ENGINES[stt.engine]?.fields ?? []);
+			for (let $$index_1 = 0, $$length = each_array_1.length; $$index_1 < $$length; $$index_1++) {
+				let field = each_array_1[$$index_1];
+				$$renderer.push(`<div class="field svelte-nokcxu"><label class="field-label svelte-nokcxu"${attr("for", `stt-${stringify(field.key)}`)}>${escape_html(field.label)}</label> <input${attr("id", `stt-${stringify(field.key)}`)}${attr("type", field.key === "baseURL" ? "url" : "text")} class="field-input svelte-nokcxu"${attr("placeholder", field.placeholder ?? "")}${attr("value", field.key === "baseURL" ? stt.baseURL : field.key === "model" ? stt.model : stt.language)}${attr("disabled", false, true)} autocomplete="off"/> `);
+				if (field.hint) {
+					$$renderer.push("<!--[0-->");
+					$$renderer.push(`<p class="field-hint svelte-nokcxu">${escape_html(field.hint)}</p>`);
+				} else $$renderer.push("<!--[-1-->");
+				$$renderer.push(`<!--]--></div>`);
+			}
+			$$renderer.push(`<!--]--> `);
+			if (stt.engine === "browser" && browserSttDisabled()) {
+				$$renderer.push("<!--[0-->");
+				$$renderer.push(`<p class="field-hint field-hint--warn svelte-nokcxu">${escape_html(browserSttDisabledReason())}</p>`);
+			} else $$renderer.push("<!--[-1-->");
+			$$renderer.push(`<!--]-->`);
+		} else $$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--></div> <div class="section-card svelte-nokcxu"><div class="sc-title svelte-nokcxu">Text-to-speech (TTS)</div> <div class="field svelte-nokcxu"><label class="field-label svelte-nokcxu" for="tts-engine">Engine</label> `);
+		$$renderer.select({
+			id: "tts-engine",
+			class: "field-select",
+			value: tts.engine,
+			onchange: (e) => {
+				tts.engine = e.currentTarget.value;
+			},
+			disabled: false
+		}, ($$renderer) => {
+			$$renderer.option({ value: "" }, ($$renderer) => {
+				$$renderer.push(`— select engine —`);
+			});
+			$$renderer.push(`<!--[-->`);
+			const each_array_2 = ensure_array_like(ADMIN_TTS_OPTIONS);
+			for (let $$index_2 = 0, $$length = each_array_2.length; $$index_2 < $$length; $$index_2++) {
+				let o = each_array_2[$$index_2];
+				if (o.id !== "browser") {
+					$$renderer.push("<!--[0-->");
+					$$renderer.option({ value: o.id }, ($$renderer) => {
+						$$renderer.push(`${escape_html(o.name)}`);
+					});
+				} else $$renderer.push("<!--[-1-->");
+				$$renderer.push(`<!--]-->`);
+			}
+			$$renderer.push(`<!--]-->`);
+		}, "svelte-nokcxu");
+		$$renderer.push(` `);
+		$$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--></div> `);
+		if (tts.engine) {
+			$$renderer.push("<!--[0-->");
+			$$renderer.push(`<!--[-->`);
+			const each_array_3 = ensure_array_like(ADMIN_TTS_ENGINES[tts.engine]?.fields ?? []);
+			for (let $$index_3 = 0, $$length = each_array_3.length; $$index_3 < $$length; $$index_3++) {
+				let field = each_array_3[$$index_3];
+				$$renderer.push(`<div class="field svelte-nokcxu"><label class="field-label svelte-nokcxu"${attr("for", `tts-${stringify(field.key)}`)}>${escape_html(field.label)}</label> <input${attr("id", `tts-${stringify(field.key)}`)}${attr("type", field.key === "baseURL" ? "url" : "text")} class="field-input svelte-nokcxu"${attr("placeholder", field.placeholder ?? "")}${attr("value", field.key === "baseURL" ? tts.baseURL : field.key === "model" ? tts.model : tts.voice)}${attr("disabled", false, true)} autocomplete="off"/> `);
+				if (field.hint) {
+					$$renderer.push("<!--[0-->");
+					$$renderer.push(`<p class="field-hint svelte-nokcxu">${escape_html(field.hint)}</p>`);
+				} else $$renderer.push("<!--[-1-->");
+				$$renderer.push(`<!--]--></div>`);
+			}
+			$$renderer.push(`<!--]-->`);
+		} else $$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--> <div class="sc-foot svelte-nokcxu"><div class="test-row svelte-nokcxu"><button type="button" class="btn btn-secondary btn-sm"${attr("disabled", !tts.engine, true)}>`);
+		$$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--> Test speaker</button> `);
+		$$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--></div> <label class="auto-speak-toggle svelte-nokcxu"><input type="checkbox"${attr("checked", voiceState.ttsAutoEnabled, true)} class="svelte-nokcxu"/> <span>Speak replies automatically</span></label></div></div></div> `);
 		if (wantsOpenpalmVoice() && addonProfiles.length > 0) {
 			$$renderer.push("<!--[0-->");
 			VoiceAddonProfileSection($$renderer, {
@@ -3681,22 +3463,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 +3552,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 +3583,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 +3610,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 +3702,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 +3724,6 @@ function _page($$renderer, $$props) {
 			UpdatesTab($$renderer, {
 				currentImageTag,
 				services,
-				selectedImageTag,
-				tagChangeLoading,
 				anyDangerousLoading: anyDangerousLoading(),
 				tokenStored: true,
 				upgradeLoading,
@@ -3954,28 +3740,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 +3814,4 @@ function _page($$renderer, $$props) {
 }
 
 export { _page as default };
-//# sourceMappingURL=_page.svelte-CmqaniiZ.js.map
+//# sourceMappingURL=_page.svelte-DR9NaaO2.js.map