@openpalm/ui 0.12.13 → 0.12.14-rc.1

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

@@ -1,203 +1,17 @@
-import { v as version } from './environment-DedKcJdc.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-BVhtM1mG.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, 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 { 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-BEFlmHur.js';
-import './provider-constants-DPrj3yBX.js';
-import './internal-DQFuMtuQ.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-boKye0ZJ.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) {
@@ -713,7 +527,7 @@ function UpdatesTab($$renderer, $$props) {
 			return s === "current" ? "Up to date" : s === "update" ? "Update available" : "Update status unknown";
 		}
 		const statusText = derived(() => upgradeLoading ? "Updating OpenPalm to the latest version…" : 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> `);
+		$$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. `);
@@ -1000,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-->");
@@ -1058,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) {
@@ -1583,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-->");
@@ -1671,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, {});
@@ -1834,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, {});
@@ -2052,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-->");
@@ -2108,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) {
@@ -2142,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()) {
@@ -2160,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) => {
@@ -2214,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-->");
@@ -2279,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) {
@@ -2566,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>`);
@@ -2768,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
@@ -3027,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-->");
@@ -3261,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) => {
@@ -3578,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, {
@@ -4036,4 +3814,4 @@ function _page($$renderer, $$props) {
 }
 
 export { _page as default };
-//# sourceMappingURL=_page.svelte-DM3jnL7B.js.map
+//# sourceMappingURL=_page.svelte-DR9NaaO2.js.map