@openpalm/ui 0.11.5-rc.8 → 0.12.0-rc.1

package/build/server/chunks/{_page.svelte-CLA0ELRQ.js → _page.svelte-BsDNnBfz.js}

@@ -1,17 +1,203 @@
-import { v as version } from './environment-OK7MYhly.js';
+import { v as version } from './environment-BTWh1E9j.js';
 import { E as head, p as ensure_array_like, e as attr_class, d as attr, r as escape_html, a8 as stringify, F as html, o as derived, g as bind_props } from './dev-B6xUe35c.js';
-import { o as onDestroy, g as goto } from './client-Cjb8uvpz.js';
+import { o as onDestroy, g as goto } from './client-BQEOyapc.js';
 import { r as require_dist } from './dist-DOFcG0Zp.js';
 import { g as fetchContainers, f as fetchAutomations, A as voiceState, b as buildHeaders, j as fetchServiceLogs, a as detectAkmEmbedding, x as testAkmEmbedding, n as notifications, z as upgradeStack, e as downloadUiVersion, i as fetchReleases, k as fetchUiVersions, t as setStackVersion } from './theme-state.svelte-CUVpUHOv.js';
-import { N as Navbar, f as formatTime, e as endpointsService, D as Drawer } from './Navbar-CHNgBXIf.js';
+import { N as Navbar, f as formatTime, e as endpointsService, D as Drawer } from './Navbar-Dnxvfk10.js';
 import { S as Spinner } from './Spinner-Bk6e83RX.js';
-import { V as VoiceEngineSelector, a as VoiceProfileSelector } from './VoiceProfileSelector-Dm9LnnyW.js';
-import { T as ToolStrip, C as ChatMessage } from './ChatMessage-BHIBUzrd.js';
-import './internal-CU62uCyK.js';
+import { T as ToolStrip, C as ChatMessage } from './ChatMessage-DfLmvrJq.js';
+import './provider-constants-DPrj3yBX.js';
+import './internal-CXonuT4k.js';
 import './utils-BSRjJDrZ.js';
 import 'node:module';
 import './chunk-CLZ62Ad-.js';
-import './state-Di9Aippp.js';
+import './state2-CGTr4dHs.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: []
+	}
+};
 
 //#region src/lib/components/chrome/TabBar.svelte
 function TabBar($$renderer, $$props) {
@@ -232,7 +418,7 @@ function AkmHealthCard($$renderer, $$props) {
 //#region src/lib/components/admin/overview/ConfigureShortcuts.svelte
 function ConfigureShortcuts($$renderer, $$props) {
 	$$renderer.component(($$renderer) => {
-		$$renderer.push(`<div class="shortcut-grid svelte-8y2vdf"><button class="shortcut svelte-8y2vdf"><span class="shortcut-name svelte-8y2vdf">AI Providers</span> <span class="shortcut-desc svelte-8y2vdf">Models &amp; provider credentials</span></button> <button class="shortcut svelte-8y2vdf"><span class="shortcut-name svelte-8y2vdf">Knowledge</span> <span class="shortcut-desc svelte-8y2vdf">Assistant memory &amp; behavior</span></button> <button class="shortcut svelte-8y2vdf"><span class="shortcut-name svelte-8y2vdf">Voice</span> <span class="shortcut-desc svelte-8y2vdf">Speech-to-text &amp; text-to-speech</span></button> <button class="shortcut svelte-8y2vdf"><span class="shortcut-name svelte-8y2vdf">Channels &amp; add-ons</span> <span class="shortcut-desc svelte-8y2vdf">Discord, Slack, API &amp; more</span></button> <button class="shortcut svelte-8y2vdf"><span class="shortcut-name svelte-8y2vdf">Secrets</span> <span class="shortcut-desc svelte-8y2vdf">Stack &amp; channel credentials</span></button> <a class="shortcut svelte-8y2vdf" href="/setup?rerun=1"><span class="shortcut-name svelte-8y2vdf">Re-run setup</span> <span class="shortcut-desc svelte-8y2vdf">Walk through the setup wizard again</span></a></div>`);
+		$$renderer.push(`<div class="shortcut-grid svelte-8y2vdf"><button class="shortcut svelte-8y2vdf"><span class="shortcut-name svelte-8y2vdf">AI Providers</span> <span class="shortcut-desc svelte-8y2vdf">Models &amp; provider credentials</span></button> <button class="shortcut svelte-8y2vdf"><span class="shortcut-name svelte-8y2vdf">Knowledge</span> <span class="shortcut-desc svelte-8y2vdf">Assistant memory &amp; behavior</span></button> <button class="shortcut svelte-8y2vdf"><span class="shortcut-name svelte-8y2vdf">Voice</span> <span class="shortcut-desc svelte-8y2vdf">Speech-to-text &amp; text-to-speech</span></button> <button class="shortcut svelte-8y2vdf"><span class="shortcut-name svelte-8y2vdf">Portals &amp; add-ons</span> <span class="shortcut-desc svelte-8y2vdf">Discord, Slack, API &amp; more</span></button> <button class="shortcut svelte-8y2vdf"><span class="shortcut-name svelte-8y2vdf">Secrets</span> <span class="shortcut-desc svelte-8y2vdf">Stack &amp; portal credentials</span></button> <a class="shortcut svelte-8y2vdf" href="/setup?rerun=1"><span class="shortcut-name svelte-8y2vdf">Re-run setup</span> <span class="shortcut-desc svelte-8y2vdf">Walk through the setup wizard again</span></a></div>`);
 	});
 }
 //#endregion
@@ -242,7 +428,7 @@ function OverviewTab($$renderer, $$props) {
 		/**
 		* Services this stack actually deploys (compose model resolved with active
 		* profiles). Health is measured against THIS set so a service the stack
-		* never deploys (e.g. guardian on a no-channel install) is never counted as
+		* never deploys (e.g. guardian on a no-portal install) is never counted as
 		* a failed container. Falls back to the merged container keys when empty.
 		*/
 		let { operationResult, operationResultType, healthLoading, anyDangerousLoading, mergedServices, managedServices, onNavigate } = $$props;
@@ -1336,6 +1522,7 @@ function ProvidersPanel($$renderer, $$props) {
 		let pageState = {
 			providers: []};
 		let loading = true;
+		let activeSubtab = "opencode";
 		const connected = derived(() => pageState.providers.filter((p) => p.connected));
 		let mainModelChoice = "";
 		let smallModelChoice = "";
@@ -1367,6 +1554,24 @@ function ProvidersPanel($$renderer, $$props) {
 		function authBadge(p) {
 			return p.credentialType ? BADGE_LABEL[p.credentialType] : "";
 		}
+		const assistantCliTabs = [
+			{
+				id: "codex",
+				label: "Codex"
+			},
+			{
+				id: "claude",
+				label: "Claude Code"
+			},
+			{
+				id: "copilot",
+				label: "Copilot"
+			},
+			{
+				id: "pi",
+				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("<!--[0-->");
@@ -1374,7 +1579,14 @@ function ProvidersPanel($$renderer, $$props) {
 		}
 		$$renderer.push(`<!--]--> Refresh</button></div></div> `);
 		$$renderer.push("<!--[-1-->");
-		$$renderer.push(`<!--]--> <div class="panel-body panel-body--flush">`);
+		$$renderer.push(`<!--]--> <div class="panel-body panel-body--flush"><div class="connections-subtabs svelte-19zt4ct"><button type="button"${attr_class("svelte-19zt4ct", void 0, { "active": true })}>OpenCode</button> <!--[-->`);
+		const each_array = ensure_array_like(assistantCliTabs);
+		for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+			let tab = each_array[$$index];
+			$$renderer.push(`<button type="button"${attr_class("svelte-19zt4ct", void 0, { "active": activeSubtab === tab.id })}>${escape_html(tab.label)}</button>`);
+		}
+		$$renderer.push(`<!--]--></div> `);
+		$$renderer.push("<!--[0-->");
 		if (pageState.providers.length === 0) {
 			$$renderer.push("<!--[1-->");
 			$$renderer.push(`<div class="loading-state">`);
@@ -1405,15 +1617,15 @@ function ProvidersPanel($$renderer, $$props) {
 					$$renderer.push(`— OpenCode default —`);
 				});
 				$$renderer.push(`<!--[-->`);
-				const each_array = ensure_array_like(connected());
-				for (let $$index_1 = 0, $$length = each_array.length; $$index_1 < $$length; $$index_1++) {
-					let p = each_array[$$index_1];
+				const each_array_1 = ensure_array_like(connected());
+				for (let $$index_2 = 0, $$length = each_array_1.length; $$index_2 < $$length; $$index_2++) {
+					let p = each_array_1[$$index_2];
 					if (p.models.length > 0) {
 						$$renderer.push("<!--[0-->");
 						$$renderer.push(`<optgroup${attr("label", p.name)}><!--[-->`);
-						const each_array_1 = ensure_array_like(p.models);
-						for (let $$index = 0, $$length = each_array_1.length; $$index < $$length; $$index++) {
-							let m = each_array_1[$$index];
+						const each_array_2 = ensure_array_like(p.models);
+						for (let $$index_1 = 0, $$length = each_array_2.length; $$index_1 < $$length; $$index_1++) {
+							let m = each_array_2[$$index_1];
 							$$renderer.option({ value: `${stringify(p.id)}/${stringify(m.id)}` }, ($$renderer) => {
 								$$renderer.push(`${escape_html(m.name || m.id)}`);
 							});
@@ -1435,15 +1647,15 @@ function ProvidersPanel($$renderer, $$props) {
 					$$renderer.push(`— OpenCode default —`);
 				});
 				$$renderer.push(`<!--[-->`);
-				const each_array_2 = ensure_array_like(connected());
-				for (let $$index_3 = 0, $$length = each_array_2.length; $$index_3 < $$length; $$index_3++) {
-					let p = each_array_2[$$index_3];
+				const each_array_3 = ensure_array_like(connected());
+				for (let $$index_4 = 0, $$length = each_array_3.length; $$index_4 < $$length; $$index_4++) {
+					let p = each_array_3[$$index_4];
 					if (p.models.length > 0) {
 						$$renderer.push("<!--[0-->");
 						$$renderer.push(`<optgroup${attr("label", p.name)}><!--[-->`);
-						const each_array_3 = ensure_array_like(p.models);
-						for (let $$index_2 = 0, $$length = each_array_3.length; $$index_2 < $$length; $$index_2++) {
-							let m = each_array_3[$$index_2];
+						const each_array_4 = ensure_array_like(p.models);
+						for (let $$index_3 = 0, $$length = each_array_4.length; $$index_3 < $$length; $$index_3++) {
+							let m = each_array_4[$$index_3];
 							$$renderer.option({ value: `${stringify(p.id)}/${stringify(m.id)}` }, ($$renderer) => {
 								$$renderer.push(`${escape_html(m.name || m.id)}`);
 							});
@@ -1460,9 +1672,9 @@ function ProvidersPanel($$renderer, $$props) {
 				$$renderer.push(`<p class="model-error svelte-19zt4ct">${escape_html(modelSaveError)}</p>`);
 			} else $$renderer.push("<!--[-1-->");
 			$$renderer.push(`<!--]--></div> <!--[-->`);
-			const each_array_4 = ensure_array_like(connected());
-			for (let $$index_4 = 0, $$length = each_array_4.length; $$index_4 < $$length; $$index_4++) {
-				let p = each_array_4[$$index_4];
+			const each_array_5 = ensure_array_like(connected());
+			for (let $$index_5 = 0, $$length = each_array_5.length; $$index_5 < $$length; $$index_5++) {
+				let p = each_array_5[$$index_5];
 				$$renderer.push(`<div class="provider-row svelte-19zt4ct"><div class="provider-id svelte-19zt4ct"><span class="provider-name svelte-19zt4ct">${escape_html(p.name)}</span> <span class="badge badge-connected">${escape_html(authBadge(p))}</span></div> <button class="btn btn-outline btn-sm"${attr("disabled", disconnectingId === p.id, true)}>`);
 				if (disconnectingId === p.id) {
 					$$renderer.push("<!--[0-->");
@@ -1472,6 +1684,7 @@ function ProvidersPanel($$renderer, $$props) {
 			}
 			$$renderer.push(`<!--]-->`);
 		}
+		$$renderer.push(`<!--]-->`);
 		$$renderer.push(`<!--]--></div></div> `);
 		$$renderer.push("<!--[-1-->");
 		$$renderer.push(`<!--]--> `);
@@ -2774,6 +2987,93 @@ 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) => {
@@ -2820,6 +3120,59 @@ function VoiceSttSection($$renderer, $$props) {
 	$$renderer.push(`<!----></section>`);
 }
 //#endregion
+//#region src/lib/components/voice/VoiceProfileSelector.svelte
+function VoiceProfileSelector($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		let { profiles, selectedProfile, onchange, showDescription } = $$props;
+		const selectedInfo = derived(() => profiles.find((p) => p.id === selectedProfile) ?? profiles[0]);
+		showDescription ??= true;
+		if (profiles.length === 0) $$renderer.push("<!--[0-->");
+		else if (profiles.length === 1) {
+			$$renderer.push("<!--[1-->");
+			$$renderer.push(`<p class="profile-single svelte-11ub9pr">Using ${escape_html(selectedInfo()?.label ?? selectedInfo()?.id ?? "selected")}.</p>`);
+		} else {
+			$$renderer.push("<!--[-1-->");
+			if (showDescription) {
+				$$renderer.push("<!--[0-->");
+				$$renderer.push(`<p class="profile-desc svelte-11ub9pr">Select the profile that matches your hardware. GPU profiles are auto-selected when available.</p>`);
+			} else $$renderer.push("<!--[-1-->");
+			$$renderer.push(`<!--]--> <div class="form-field"><label class="form-label" for="voice-profile">Profile</label> `);
+			$$renderer.select({
+				id: "voice-profile",
+				class: "form-input",
+				value: selectedProfile,
+				onchange: (e) => onchange(e.currentTarget.value)
+			}, ($$renderer) => {
+				$$renderer.push(`<!--[-->`);
+				const each_array = ensure_array_like(profiles);
+				for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+					let profile = each_array[$$index];
+					$$renderer.option({
+						value: profile.id,
+						disabled: profile.available === false,
+						title: profile.available === false ? profile.reason ?? "Not available on this host" : void 0
+					}, ($$renderer) => {
+						$$renderer.push(`${escape_html(profile.label ?? profile.id)}${escape_html(profile.available === false ? " — unavailable" : "")}`);
+					});
+				}
+				$$renderer.push(`<!--]-->`);
+			});
+			$$renderer.push(` `);
+			if (selectedInfo()?.requires) {
+				$$renderer.push("<!--[0-->");
+				$$renderer.push(`<span class="field-hint svelte-11ub9pr">Requires: ${escape_html(selectedInfo().requires)}</span>`);
+			} else $$renderer.push("<!--[-1-->");
+			$$renderer.push(`<!--]--> `);
+			if (selectedInfo()?.available === false) {
+				$$renderer.push("<!--[0-->");
+				$$renderer.push(`<span class="field-hint field-hint--warning svelte-11ub9pr">${escape_html(selectedInfo().reason ?? "This profile is not available on the current host.")}</span>`);
+			} else $$renderer.push("<!--[-1-->");
+			$$renderer.push(`<!--]--></div>`);
+		}
+		$$renderer.push(`<!--]-->`);
+	});
+}
+//#endregion
 //#region src/lib/components/voice/VoiceAddonProfileSection.svelte
 function VoiceAddonProfileSection($$renderer, $$props) {
 	let { profiles, selectedProfile, onchange } = $$props;
@@ -3324,4 +3677,4 @@ function _page($$renderer, $$props) {
 }
 
 export { _page as default };
-//# sourceMappingURL=_page.svelte-CLA0ELRQ.js.map
+//# sourceMappingURL=_page.svelte-BsDNnBfz.js.map