@openpalm/ui 0.12.14-rc.2 → 0.12.14-rc.3

package/build/server/chunks/{_page.svelte-Bu9dlKgJ.js → _page.svelte-Dauq1qtZ.js}

@@ -1,38 +1,102 @@
-import { v as version } from './environment-_alEnmZ3.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-CrZpBhn6.js';
+import { v as version } from './environment-RkCHtNRX.js';
+import { d as attr, e as attr_class, a9 as stringify, F as head, p as derived, q as ensure_array_like, s as escape_html, g as bind_props } from './dev-D85DamNs.js';
+import { o as onDestroy, g as goto } from './client-DGHd5bAO.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 { g as formatTime, f as endpointsService } from './SessionList-CWKGPQSI.js';
-import { N as Navbar, D as Drawer } from './Navbar-WKJhx255.js';
-import { S as Spinner } from './Spinner-Bk6e83RX.js';
-import { C as ChatMessage } from './ChatMessage-ClLIqnwB.js';
-import './internal-CeRZ03-m.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-X1AAjj_J.js';
+import { I as IconInfo } from './IconInfo-yYiI9uGe.js';
+import { n as formatTime, m as endpointsService, a as IconClose } from './IconSoundOn-Dras8sRQ.js';
+import { N as Navbar, a as IconServer, I as IconMic, D as Drawer } from './Navbar-DAdn8Q8R.js';
+import { S as Spinner } from './Spinner-CITitSMt.js';
+import { C as ChatMessage } from './ChatMessage-DhpP_Bir.js';
+import './internal-CZXS5gg1.js';
 import './utils-BSRjJDrZ.js';
 import 'node:module';
 import './chunk-CLZ62Ad-.js';
-import './state2-Clg3QDTN.js';
+import './state2-DWJks95y.js';
+import './IconLogo-Iv-7q8aY.js';
 
+//#region src/lib/components/icons/IconAlert.svelte
+function IconAlert($$renderer, $$props) {
+	let { size = 20, class: className = "" } = $$props;
+	$$renderer.push(`<svg aria-hidden="true"${attr("width", size)}${attr("height", size)} viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"${attr_class(`s-icon ${stringify(className)}`)}><path d="M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path><line x1="12" y1="9" x2="12" y2="13"></line><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>`);
+}
+
+//#region src/lib/components/icons/IconOverview.svelte
+function IconOverview($$renderer, $$props) {
+	let { size = 20, class: className = "" } = $$props;
+	$$renderer.push(`<svg aria-hidden="true"${attr("width", size)}${attr("height", size)} viewBox="0 0 24 24"${attr_class(`s-icon ${stringify(className)}`)}><rect fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" x="4" y="4" width="7" height="7" rx="1.4"></rect><rect fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" x="13" y="4" width="7" height="7" rx="1.4"></rect><rect fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" x="4" y="13" width="7" height="7" rx="1.4"></rect><rect fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" x="13" y="13" width="7" height="7" rx="1.4"></rect></svg>`);
+}
+//#endregion
+//#region src/lib/components/icons/IconJournal.svelte
+function IconJournal($$renderer, $$props) {
+	let { size = 20, class: className = "" } = $$props;
+	$$renderer.push(`<svg aria-hidden="true"${attr("width", size)}${attr("height", size)} viewBox="0 0 24 24"${attr_class(`s-icon ${stringify(className)}`)}><path fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" d="M6 4.5h10.5a1.8 1.8 0 0 1 1.8 1.8v13.2H7.5a1.5 1.5 0 0 1-1.5-1.5z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" d="M6 17.5h12.3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" d="M9.5 8.5h6"></path><path fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" d="M9.5 12h4"></path></svg>`);
+}
+//#endregion
+//#region src/lib/components/icons/IconLink.svelte
+function IconLink($$renderer, $$props) {
+	let { size = 20, class: className = "" } = $$props;
+	$$renderer.push(`<svg aria-hidden="true"${attr("width", size)}${attr("height", size)} viewBox="0 0 24 24"${attr_class(`s-icon ${stringify(className)}`)}><path fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" d="M9.5 14.5a4 4 0 0 1 0-5.4l2-2a4 4 0 0 1 5.6 5.6l-1 1"></path><path fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" d="M14.5 9.5a4 4 0 0 1 0 5.4l-2 2a4 4 0 0 1-5.6-5.6l1-1"></path></svg>`);
+}
+//#endregion
+//#region src/lib/components/icons/IconMemory.svelte
+function IconMemory($$renderer, $$props) {
+	let { size = 20, class: className = "" } = $$props;
+	$$renderer.push(`<svg aria-hidden="true"${attr("width", size)}${attr("height", size)} viewBox="0 0 24 24"${attr_class(`s-icon ${stringify(className)}`)}><path fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" d="M12 7.5a5.5 5.5 0 0 0-9.5 0v10.5a5.5 5.5 0 0 1 9.5 0"></path><path fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" d="M12 7.5a5.5 5.5 0 0 1 9.5 0v10.5a5.5 5.5 0 0 0-9.5 0"></path></svg>`);
+}
+//#endregion
+//#region src/lib/components/icons/IconAgent.svelte
+function IconAgent($$renderer, $$props) {
+	let { size = 20, class: className = "" } = $$props;
+	$$renderer.push(`<svg aria-hidden="true"${attr("width", size)}${attr("height", size)} viewBox="0 0 24 24"${attr_class(`s-icon ${stringify(className)}`)}><rect fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" x="5.5" y="8" width="13" height="10.5" rx="2.5"></rect><path fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" d="M9 8l-1.5-2"></path><path fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" d="M15 8l1.5-2"></path><path fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" d="M9.5 16.5a2.5 2.5 0 0 0 5 0"></path><circle fill="currentColor" stroke="none" cx="9.5" cy="12.5" r="1.4"></circle><circle fill="currentColor" stroke="none" cx="14.5" cy="12.5" r="1.4"></circle></svg>`);
+}
+//#endregion
+//#region src/lib/components/icons/IconSharing.svelte
+function IconSharing($$renderer, $$props) {
+	let { size = 20, class: className = "" } = $$props;
+	$$renderer.push(`<svg aria-hidden="true"${attr("width", size)}${attr("height", size)} viewBox="0 0 24 24"${attr_class(`s-icon ${stringify(className)}`)}><rect fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" x="3" y="9" width="7" height="6" rx="1.5"></rect><rect fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" x="14" y="9" width="7" height="6" rx="1.5"></rect><path fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" d="M10 12h4"></path><path fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" d="M12 10l2 2-2 2"></path></svg>`);
+}
+//#endregion
+//#region src/lib/components/icons/IconActivity.svelte
+function IconActivity($$renderer, $$props) {
+	let { size = 20, class: className = "" } = $$props;
+	$$renderer.push(`<svg aria-hidden="true"${attr("width", size)}${attr("height", size)} viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"${attr_class(`s-icon ${stringify(className)}`)}><path d="M3 12h4l2-5 4 10 2-5h6"></path></svg>`);
+}
+//#endregion
+//#region src/lib/components/icons/IconAddons.svelte
+function IconAddons($$renderer, $$props) {
+	let { size = 20, class: className = "" } = $$props;
+	$$renderer.push(`<svg aria-hidden="true"${attr("width", size)}${attr("height", size)} viewBox="0 0 24 24"${attr_class(`s-icon ${stringify(className)}`)}><path fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" d="M12 5L3 9.5l9 4.5 9-4.5z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" d="M3 14.5l9 4.5 9-4.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" d="M3 18.5l9 4.5 9-4.5"></path></svg>`);
+}
+//#endregion
+//#region src/lib/components/icons/IconAutomations.svelte
+function IconAutomations($$renderer, $$props) {
+	let { size = 20, class: className = "" } = $$props;
+	$$renderer.push(`<svg aria-hidden="true"${attr("width", size)}${attr("height", size)} viewBox="0 0 24 24"${attr_class(`s-icon ${stringify(className)}`)}><circle fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" cx="12" cy="12" r="8.5"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" d="M13.5 6.5l-4.5 6h4.5l-4.5 7"></path></svg>`);
+}
+//#endregion
+//#region src/lib/components/icons/IconLock.svelte
+function IconLock($$renderer, $$props) {
+	let { size = 20, class: className = "" } = $$props;
+	$$renderer.push(`<svg aria-hidden="true"${attr("width", size)}${attr("height", size)} viewBox="0 0 24 24"${attr_class(`s-icon ${stringify(className)}`)}><rect fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" x="5" y="10.5" width="14" height="9.5" rx="1.8"></rect><path fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" d="M8 10.5V7a4 4 0 0 1 8 0v3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" d="M12 14v2.5"></path></svg>`);
+}
+//#endregion
+//#region src/lib/components/icons/IconCloudDownload.svelte
+function IconCloudDownload($$renderer, $$props) {
+	let { size = 20, class: className = "" } = $$props;
+	$$renderer.push(`<svg aria-hidden="true"${attr("width", size)}${attr("height", size)} viewBox="0 0 24 24"${attr_class(`s-icon ${stringify(className)}`)}><path fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" d="M6.5 18.5a4.5 4.5 0 0 1 .5-9H8a6 6 0 0 1 11.5 2.5 3.5 3.5 0 0 1-.5 6.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" d="M12 11v7"></path><path fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" d="M9.5 15.5l2.5 2.5 2.5-2.5"></path></svg>`);
+}
+//#endregion
+//#region src/lib/components/icons/IconHome.svelte
+function IconHome($$renderer, $$props) {
+	let { size = 20, class: className = "" } = $$props;
+	$$renderer.push(`<svg aria-hidden="true"${attr("width", size)}${attr("height", size)} viewBox="0 0 24 24"${attr_class(`s-icon ${stringify(className)}`)}><path fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" d="M4 11L12 4l8 7"></path><path fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" d="M6 10v9.5h12V10"></path><path fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" d="M10 19.5v-5.5h4v5.5"></path></svg>`);
+}
+//#endregion
 //#region src/lib/components/chrome/TabBar.svelte
 function TabBar($$renderer, $$props) {
 	$$renderer.component(($$renderer) => {
 		let { active} = $$props;
-		const ICONS = {
-			overview: `<rect x="3" y="3" width="7" height="7" /><rect x="14" y="3" width="7" height="7" /><rect x="14" y="14" width="7" height="7" /><rect x="3" y="14" width="7" height="7" />`,
-			containers: `<rect x="2" y="2" width="20" height="8" rx="2" ry="2" /><rect x="2" y="14" width="20" height="8" rx="2" ry="2" /><line x1="6" y1="6" x2="6.01" y2="6" /><line x1="6" y1="18" x2="6.01" y2="18" />`,
-			logs: `<polyline points="4 17 10 11 4 5" /><line x1="12" y1="19" x2="20" y2="19" />`,
-			connections: `<path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" /><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" />`,
-			akm: `<path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z" /><path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z" />`,
-			assistant: `<path d="M12 2a4 4 0 0 1 4 4v2h1a3 3 0 0 1 3 3v6a5 5 0 0 1-5 5H9a5 5 0 0 1-5-5v-6a3 3 0 0 1 3-3h1V6a4 4 0 0 1 4-4z" /><path d="M9 8h6" /><circle cx="9" cy="14" r="1" /><circle cx="15" cy="14" r="1" /><path d="M9 18c1 .8 2 .8 3 .8s2 0 3-.8" />`,
-			"host-sharing": `<circle cx="18" cy="5" r="3" /><circle cx="6" cy="12" r="3" /><circle cx="18" cy="19" r="3" /><line x1="8.59" y1="13.51" x2="15.42" y2="17.49" /><line x1="15.41" y1="6.51" x2="8.59" y2="10.49" />`,
-			activity: `<path d="M3 12h4l2-5 4 10 2-5h6" />`,
-			voice: `<path d="M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z" /><path d="M19 10v2a7 7 0 0 1-14 0v-2" /><line x1="12" y1="19" x2="12" y2="23" /><line x1="8" y1="23" x2="16" y2="23" />`,
-			addons: `<path d="M12 2L2 7l10 5 10-5-10-5z" /><path d="M2 17l10 5 10-5" /><path d="M2 12l10 5 10-5" />`,
-			automations: `<circle cx="12" cy="12" r="10" /><polyline points="12 6 12 12 16 14" />`,
-			secrets: `<rect x="3" y="11" width="18" height="11" rx="2" ry="2" /><path d="M7 11V7a5 5 0 0 1 10 0v4" />`,
-			updates: `<polyline points="8 17 12 21 16 17" /><line x1="12" y1="12" x2="12" y2="21" /><path d="M20.88 18.09A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.29" />`,
-			recovery: `<path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" /><polyline points="9 22 9 12 15 12 15 22" />`
-		};
 		const SECTIONS = [
 			{
 				id: "health",
@@ -41,32 +105,32 @@ function TabBar($$renderer, $$props) {
 					{
 						id: "overview",
 						label: "Overview",
-						icon: ICONS.overview
+						icon: IconOverview
 					},
 					{
 						id: "activity",
 						label: "Activity",
-						icon: ICONS.activity
+						icon: IconActivity
 					},
 					{
 						id: "containers",
 						label: "Systems",
-						icon: ICONS.containers
+						icon: IconServer
 					},
 					{
 						id: "logs",
 						label: "Journal",
-						icon: ICONS.logs
+						icon: IconJournal
 					},
 					{
 						id: "updates",
 						label: "Check-up",
-						icon: ICONS.updates
+						icon: IconCloudDownload
 					},
 					{
 						id: "recovery",
 						label: "Recovery",
-						icon: ICONS.recovery
+						icon: IconHome
 					}
 				]
 			},
@@ -76,7 +140,7 @@ function TabBar($$renderer, $$props) {
 				tabs: [{
 					id: "connections",
 					label: "AI Providers",
-					icon: ICONS.connections
+					icon: IconLink
 				}]
 			},
 			{
@@ -85,7 +149,7 @@ function TabBar($$renderer, $$props) {
 				tabs: [{
 					id: "voice",
 					label: "Voice",
-					icon: ICONS.voice
+					icon: IconMic
 				}]
 			},
 			{
@@ -94,7 +158,7 @@ function TabBar($$renderer, $$props) {
 				tabs: [{
 					id: "automations",
 					label: "Automations",
-					icon: ICONS.automations
+					icon: IconAutomations
 				}]
 			},
 			{
@@ -103,7 +167,7 @@ function TabBar($$renderer, $$props) {
 				tabs: [{
 					id: "addons",
 					label: "Add-ons",
-					icon: ICONS.addons
+					icon: IconAddons
 				}]
 			},
 			{
@@ -113,22 +177,22 @@ function TabBar($$renderer, $$props) {
 					{
 						id: "akm",
 						label: "Memory",
-						icon: ICONS.akm
+						icon: IconMemory
 					},
 					{
 						id: "assistant",
 						label: "Assistant",
-						icon: ICONS.assistant
+						icon: IconAgent
 					},
 					{
 						id: "secrets",
 						label: "Secrets",
-						icon: ICONS.secrets
+						icon: IconLock
 					},
 					{
 						id: "host-sharing",
 						label: "Sharing",
-						icon: ICONS["host-sharing"]
+						icon: IconSharing
 					}
 				]
 			}
@@ -147,7 +211,16 @@ function TabBar($$renderer, $$props) {
 			const each_array_1 = ensure_array_like(activeSection().tabs);
 			for (let $$index_1 = 0, $$length = each_array_1.length; $$index_1 < $$length; $$index_1++) {
 				let tab = each_array_1[$$index_1];
-				$$renderer.push(`<button${attr_class("tab svelte-7673iv", void 0, { "tab-active": active === tab.id })} role="tab"${attr("aria-selected", active === tab.id)}><svg aria-hidden="true" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">${html(tab.icon)}</svg> ${escape_html(tab.label)}</button>`);
+				$$renderer.push(`<button${attr_class("tab svelte-7673iv", void 0, { "tab-active": active === tab.id })} role="tab"${attr("aria-selected", active === tab.id)}>`);
+				if (tab.icon) {
+					$$renderer.push("<!--[-->");
+					tab.icon($$renderer, { size: 13 });
+					$$renderer.push("<!--]-->");
+				} else {
+					$$renderer.push("<!--[!-->");
+					$$renderer.push("<!--]-->");
+				}
+				$$renderer.push(` ${escape_html(tab.label)}</button>`);
 			}
 			$$renderer.push(`<!--]--></div></div>`);
 		} else $$renderer.push("<!--[-1-->");
@@ -155,6 +228,12 @@ function TabBar($$renderer, $$props) {
 	});
 }
 //#endregion
+//#region src/lib/components/icons/IconDoneCircle.svelte
+function IconDoneCircle($$renderer, $$props) {
+	let { size = 20, class: className = "" } = $$props;
+	$$renderer.push(`<svg aria-hidden="true"${attr("width", size)}${attr("height", size)} viewBox="0 0 24 24"${attr_class(`s-icon ${stringify(className)}`)}><circle fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" cx="12" cy="12" r="8.5"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" d="M8.5 12.5l2.5 2.5 5-5"></path></svg>`);
+}
+//#endregion
 //#region src/lib/components/admin/overview/StatusHero.svelte
 function StatusHero($$renderer, $$props) {
 	$$renderer.component(($$renderer) => {
@@ -162,13 +241,13 @@ function StatusHero($$renderer, $$props) {
 		$$renderer.push(`<section${attr_class(`hero hero--${stringify(status)}`, "svelte-10n23hu")} role="status" aria-live="polite"><span class="hero-icon svelte-10n23hu" aria-hidden="true">`);
 		if (status === "warning") {
 			$$renderer.push("<!--[0-->");
-			$$renderer.push(`<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z"></path><line x1="12" y1="9" x2="12" y2="13"></line><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>`);
+			IconAlert($$renderer, { size: 22 });
 		} else if (status === "ok") {
 			$$renderer.push("<!--[1-->");
-			$$renderer.push(`<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>`);
+			IconDoneCircle($$renderer, { size: 22 });
 		} else {
 			$$renderer.push("<!--[-1-->");
-			$$renderer.push(`<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="8" x2="12" y2="12"></line><line x1="12" y1="16" x2="12.01" y2="16"></line></svg>`);
+			IconInfo($$renderer, { size: 22 });
 		}
 		$$renderer.push(`<!--]--></span> <div class="hero-text svelte-10n23hu"><h2 class="hero-title svelte-10n23hu">${escape_html(title)}</h2> <p class="hero-detail svelte-10n23hu">${escape_html(detail)}</p></div> <div class="hero-actions svelte-10n23hu"><button class="btn btn-secondary"${attr("disabled", healthLoading, true)}>${escape_html(healthLoading ? "Checking…" : "Re-check")}</button> `);
 		if (status === "warning") {
@@ -184,7 +263,9 @@ function OperationOutput($$renderer, $$props) {
 	let { operationResult, operationResultType} = $$props;
 	if (operationResult) {
 		$$renderer.push("<!--[0-->");
-		$$renderer.push(`<section${attr_class(`output-section output-section--${stringify(operationResultType)}`, "svelte-10sij3c")}><div class="output-header svelte-10sij3c"><h3 class="svelte-10sij3c">Operation output</h3> <button class="btn-ghost" aria-label="Dismiss"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></button></div> <pre class="output-code svelte-10sij3c">${escape_html(operationResult)}</pre></section>`);
+		$$renderer.push(`<section${attr_class(`output-section output-section--${stringify(operationResultType)}`, "svelte-10sij3c")}><div class="output-header svelte-10sij3c"><h3 class="svelte-10sij3c">Operation output</h3> <button class="btn-ghost" aria-label="Dismiss">`);
+		IconClose($$renderer, { size: 14 });
+		$$renderer.push(`<!----></button></div> <pre class="output-code svelte-10sij3c">${escape_html(operationResult)}</pre></section>`);
 	} else $$renderer.push("<!--[-1-->");
 	$$renderer.push(`<!--]-->`);
 }
@@ -195,7 +276,9 @@ function MetricTile($$renderer, $$props) {
 	/** Secondary "/total" fragment shown next to the value. */
 	/** Whether enough data has loaded to show value/sub (else shows an em dash). */
 	/** Decorative icon, mutually exclusive with value. */
-	let { label, onClick, value = null, sub = null, loaded = true, icon } = $$props;
+	/** Status for value and badge color: 'ok' (moss) or 'warn' (seal). */
+	/** Optional status badge text (e.g. "configured", "3 active"). */
+	let { label, onClick, value = null, sub = null, loaded = true, icon, status, badge } = $$props;
 	$$renderer.push(`<button class="tile svelte-19hpfg">`);
 	if (icon) {
 		$$renderer.push("<!--[0-->");
@@ -204,7 +287,10 @@ function MetricTile($$renderer, $$props) {
 		$$renderer.push(`<!----></span>`);
 	} else {
 		$$renderer.push("<!--[-1-->");
-		$$renderer.push(`<span class="tile-metric svelte-19hpfg">`);
+		$$renderer.push(`<span${attr_class("tile-metric svelte-19hpfg", void 0, {
+			"tile-metric--ok": status === "ok",
+			"tile-metric--warn": status === "warn"
+		})}>`);
 		if (loaded) {
 			$$renderer.push("<!--[0-->");
 			$$renderer.push(`${escape_html(value)}`);
@@ -219,7 +305,15 @@ function MetricTile($$renderer, $$props) {
 		}
 		$$renderer.push(`<!--]--></span>`);
 	}
-	$$renderer.push(`<!--]--> <span class="tile-label svelte-19hpfg">${escape_html(label)}</span></button>`);
+	$$renderer.push(`<!--]--> <span class="tile-label svelte-19hpfg">${escape_html(label)}</span> `);
+	if (badge) {
+		$$renderer.push("<!--[0-->");
+		$$renderer.push(`<span${attr_class("s-tile-badge svelte-19hpfg", void 0, {
+			"s-tile-badge--ok": status === "ok",
+			"s-tile-badge--warn": status === "warn"
+		})}>${escape_html(badge)}</span>`);
+	} else $$renderer.push("<!--[-1-->");
+	$$renderer.push(`<!--]--></button>`);
 }
 //#endregion
 //#region src/lib/components/admin/overview/AkmHealthCard.svelte
@@ -242,6 +336,12 @@ function ConfigureShortcuts($$renderer, $$props) {
 	});
 }
 //#endregion
+//#region src/lib/components/icons/IconTerminal.svelte
+function IconTerminal($$renderer, $$props) {
+	let { size = 20, class: className = "" } = $$props;
+	$$renderer.push(`<svg aria-hidden="true"${attr("width", size)}${attr("height", size)} viewBox="0 0 24 24"${attr_class(`s-icon ${stringify(className)}`)}><rect fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" x="3.5" y="5" width="17" height="14" rx="2"></rect><path fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" d="M7 10l3 2.5-3 2.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" d="M12.5 15.5h4.5"></path></svg>`);
+}
+//#endregion
 //#region src/lib/components/admin/overview/OverviewTab.svelte
 function OverviewTab($$renderer, $$props) {
 	$$renderer.component(($$renderer) => {
@@ -288,16 +388,13 @@ function OverviewTab($$renderer, $$props) {
 				detail: names ? `Not running: ${names}.` : "One or more services need attention."
 			};
 		});
-		if (health().status !== "ok") {
-			$$renderer.push("<!--[0-->");
-			StatusHero($$renderer, {
-				status: health().status,
-				title: health().title,
-				detail: health().detail,
-				healthLoading,
-				anyDangerousLoading});
-		} else $$renderer.push("<!--[-1-->");
-		$$renderer.push(`<!--]--> `);
+		StatusHero($$renderer, {
+			status: health().status,
+			title: health().title,
+			detail: health().detail,
+			healthLoading,
+			anyDangerousLoading});
+		$$renderer.push(`<!----> `);
 		OperationOutput($$renderer, {
 			operationResult,
 			operationResultType});
@@ -307,12 +404,14 @@ function OverviewTab($$renderer, $$props) {
 			onClick: () => onNavigate("containers"),
 			value: containerCounts()?.running,
 			sub: containerCounts() ? `/${containerCounts().total}` : null,
-			loaded: !!containerCounts()
+			loaded: !!containerCounts(),
+			status: containerCounts()?.running === containerCounts()?.total ? "ok" : "warn",
+			badge: containerCounts()?.running === containerCounts()?.total ? "operational" : `${(containerCounts()?.total ?? 0) - (containerCounts()?.running ?? 0)} down`
 		});
 		$$renderer.push(`<!----> `);
 		{
 			function icon($$renderer) {
-				$$renderer.push(`<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="4 17 10 11 4 5"></polyline><line x1="12" y1="19" x2="20" y2="19"></line></svg>`);
+				IconTerminal($$renderer, { size: 22 });
 			}
 			MetricTile($$renderer, {
 				label: "View logs",
@@ -322,7 +421,7 @@ function OverviewTab($$renderer, $$props) {
 		$$renderer.push(`<!----> `);
 		{
 			function icon($$renderer) {
-				$$renderer.push(`<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="8 17 12 21 16 17"></polyline><line x1="12" y1="12" x2="12" y2="21"></line><path d="M20.88 18.09A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.29"></path></svg>`);
+				IconCloudDownload($$renderer, { size: 22 });
 			}
 			MetricTile($$renderer, {
 				label: "Check for updates",
@@ -549,7 +648,10 @@ function UpdatesTab($$renderer, $$props) {
 			$$renderer.push("<!--[-1-->");
 			$$renderer.push(`<svg aria-hidden="true" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="svelte-7mkeya"><path d="M23 4v6h-6" class="svelte-7mkeya"></path><path d="M1 20v-6h6" class="svelte-7mkeya"></path><path d="M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15" class="svelte-7mkeya"></path></svg> Check for updates`);
 		}
-		$$renderer.push(`<!--]--></button></div> <p class="status-live svelte-7mkeya" role="status" aria-live="polite">${escape_html(statusText())}</p> <div class="panel-body svelte-7mkeya"><section${attr_class("update-card svelte-7mkeya", void 0, { "update-card-ok": !servicesBehind() })} aria-labelledby="update-primary-title"><div class="update-card-text svelte-7mkeya">`);
+		$$renderer.push(`<!--]--></button></div> <p class="status-live svelte-7mkeya" role="status" aria-live="polite">${escape_html(statusText())}</p> <div class="panel-body svelte-7mkeya"><section${attr_class("update-card svelte-7mkeya", void 0, {
+			"update-card-ok": !servicesBehind(),
+			"alert": servicesBehind()
+		})} aria-labelledby="update-primary-title"><div class="update-card-text svelte-7mkeya">`);
 		if (servicesBehind()) {
 			$$renderer.push("<!--[0-->");
 			$$renderer.push(`<h3 id="update-primary-title" class="update-title svelte-7mkeya">Your services are on ${escape_html(formatVersionForDisplay(stackVersion()) || "—")} — update to ${escape_html(formatVersionForDisplay(latestImageTag ?? platformVersion) || "the latest version")}</h3> <p class="update-desc svelte-7mkeya">Brings every stack service up to the version of OpenPalm you're running. Your settings
@@ -879,7 +981,7 @@ function AddonsTab($$renderer, $$props) {
 				$$renderer.push("<!--[2-->");
 				{
 					function icon($$renderer) {
-						$$renderer.push(`<svg aria-hidden="true" width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2L2 7l10 5 10-5-10-5z"></path><path d="M2 17l10 5 10-5"></path><path d="M2 12l10 5 10-5"></path></svg>`);
+						IconAddons($$renderer, { size: 40 });
 					}
 					EmptyState($$renderer, {
 						icon,
@@ -976,6 +1078,12 @@ function fmtState(s) {
 	return s.charAt(0).toUpperCase() + s.slice(1);
 }
 //#endregion
+//#region src/lib/components/icons/IconExpand.svelte
+function IconExpand($$renderer, $$props) {
+	let { size = 20, class: className = "" } = $$props;
+	$$renderer.push(`<svg aria-hidden="true"${attr("width", size)}${attr("height", size)} viewBox="0 0 24 24"${attr_class(`s-icon ${stringify(className)}`)}><path fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" d="M5 9l7 7 7-7"></path></svg>`);
+}
+//#endregion
 //#region src/lib/components/admin/containers/ContainerRow.svelte
 function ContainerRow($$renderer, $$props) {
 	$$renderer.component(($$renderer) => {
@@ -997,7 +1105,12 @@ function ContainerRow($$renderer, $$props) {
 			$$renderer.push("<!--[-1-->");
 			$$renderer.push(`<span class="ct-not-created svelte-1clpuus">--</span>`);
 		}
-		$$renderer.push(`<!--]--></span> <span class="ct-col ct-col--status"><span${attr_class(`badge badge-${stringify(containerStatusColor(entry.state))}`, "svelte-1clpuus")}>${escape_html(fmtState(entry.state))}</span></span> <span class="ct-col ct-col--actions"><svg aria-hidden="true" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"${attr_class("svelte-1clpuus", void 0, { "ct-chevron-open": selected })}><polyline points="6 9 12 15 18 9"></polyline></svg></span></button>`);
+		$$renderer.push(`<!--]--></span> <span class="ct-col ct-col--status"><span${attr_class(`badge badge-${stringify(containerStatusColor(entry.state))}`, "svelte-1clpuus")}>${escape_html(fmtState(entry.state))}</span></span> <span class="ct-col ct-col--actions">`);
+		IconExpand($$renderer, {
+			size: 14,
+			class: selected ? "ct-chevron-open" : ""
+		});
+		$$renderer.push(`<!----></span></button>`);
 	});
 }
 //#endregion
@@ -1110,7 +1223,9 @@ function ContainerDetail($$renderer, $$props) {
 function ContainersEmptyState($$renderer, $$props) {
 	$$renderer.component(($$renderer) => {
 		let { loading, error, containerData} = $$props;
-		$$renderer.push(`<div class="empty-state svelte-llpoy7"><svg aria-hidden="true" width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="2" width="20" height="8" rx="2" ry="2"></rect><rect x="2" y="14" width="20" height="8" rx="2" ry="2"></rect><line x1="6" y1="6" x2="6.01" y2="6"></line><line x1="6" y1="18" x2="6.01" y2="18"></line></svg> `);
+		$$renderer.push(`<div class="empty-state svelte-llpoy7">`);
+		IconServer($$renderer, { size: 40 });
+		$$renderer.push(`<!----> `);
 		if (loading) {
 			$$renderer.push("<!--[0-->");
 			$$renderer.push(`<p>Loading container status...</p>`);
@@ -1485,7 +1600,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 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)}>`);
+		$$renderer.push(`<div class="panel" role="tabpanel"><div class="ph svelte-1xltcby"><div><h2 class="ph-title svelte-1xltcby">Routines</h2> <p class="ph-sub svelte-1xltcby">Scheduled tasks from knowledge/tasks/</p></div> <div class="ph-actions svelte-1xltcby"><button class="btn btn-primary btn-outline btn-sm"${attr("disabled", false, true)}>New task</button> <button class="btn btn-primary btn-outline btn-sm"${attr("disabled", loading || false, true)}>`);
 		if (loading) {
 			$$renderer.push("<!--[0-->");
 			Spinner($$renderer, {});
@@ -1497,7 +1612,7 @@ function AutomationsTab($$renderer, $$props) {
 			const each_array = ensure_array_like(data.automations);
 			for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
 				let automation = each_array[$$index];
-				$$renderer.push(`<div class="automation-card svelte-1xltcby"><div class="automation-row svelte-1xltcby"><div class="automation-main svelte-1xltcby"><div class="automation-name svelte-1xltcby">${escape_html(automation.name)} <span${attr_class("badge", void 0, {
+				$$renderer.push(`<div class="automation-card svelte-1xltcby"><div class="automation-row svelte-1xltcby"><div class="automation-main svelte-1xltcby"><div class="automation-name svelte-1xltcby">${escape_html(automation.name)} <span${attr_class("badge svelte-1xltcby", void 0, {
 					"badge-enabled": automation.enabled,
 					"badge-disabled": !automation.enabled
 				})}>${escape_html(automation.enabled ? "Enabled" : "Disabled")}</span> <span class="badge badge-type svelte-1xltcby">${escape_html(automation.action.type)}</span></div> `);
@@ -1672,7 +1787,7 @@ function ProvidersPanel($$renderer, $$props) {
 			$$renderer.push("<!--[2-->");
 			{
 				function icon($$renderer) {
-					$$renderer.push(`<svg aria-hidden="true" width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path></svg>`);
+					IconLock($$renderer, { size: 40 });
 				}
 				EmptyState($$renderer, {
 					icon,
@@ -1747,18 +1862,18 @@ function ProvidersPanel($$renderer, $$props) {
 				$$renderer.push("<!--[0-->");
 				$$renderer.push(`<p class="model-error svelte-19zt4ct">${escape_html(modelSaveError)}</p>`);
 			} else $$renderer.push("<!--[-1-->");
-			$$renderer.push(`<!--]--></div> <!--[-->`);
+			$$renderer.push(`<!--]--></div> <div class="providers-container svelte-19zt4ct"><!--[-->`);
 			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)}>`);
+				$$renderer.push(`<div class="provider-row svelte-19zt4ct"><div class="provider-id svelte-19zt4ct"><div class="svelte-19zt4ct"><span class="provider-name svelte-19zt4ct">${escape_html(p.name)}</span> <span class="provider-desc svelte-19zt4ct">${escape_html(authBadge(p))}</span></div></div> <button class="btn btn-outline btn-sm"${attr("disabled", disconnectingId === p.id, true)}>`);
 				if (disconnectingId === p.id) {
 					$$renderer.push("<!--[0-->");
 					Spinner($$renderer, {});
 				} else $$renderer.push("<!--[-1-->");
 				$$renderer.push(`<!--]--> Disconnect</button></div>`);
 			}
-			$$renderer.push(`<!--]-->`);
+			$$renderer.push(`<!--]--></div>`);
 		}
 		$$renderer.push(`<!--]-->`);
 		$$renderer.push(`<!--]--></div></div> `);
@@ -1939,7 +2054,9 @@ function SecretsTab($$renderer, $$props) {
 		}
 		$$renderer.push(`<!--]--> <div class="new-secret svelte-epscb2"><label class="new-secret-label svelte-epscb2" for="new-secret-name">New secret file</label> <div class="new-secret-row svelte-epscb2"><input id="new-secret-name" class="control-input" type="text" spellcheck="false" placeholder="new-file-name"${attr("value", newName)}${attr("disabled", busy, true)}/> <button class="btn btn-secondary btn-sm"${attr("disabled", !newName.trim(), true)}>Add</button></div></div></div> <div class="secrets-editor svelte-epscb2">`);
 		$$renderer.push("<!--[-1-->");
-		$$renderer.push(`<div class="editor-empty svelte-epscb2"><svg aria-hidden="true" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="svelte-epscb2"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg> <p class="svelte-epscb2">Select a file to view or edit its contents.</p> <button class="btn btn-secondary btn-sm">New secret</button></div>`);
+		$$renderer.push(`<div class="editor-empty svelte-epscb2">`);
+		IconLock($$renderer, { size: 24 });
+		$$renderer.push(`<!----> <p class="svelte-epscb2">Select a file to view or edit its contents.</p> <button class="btn btn-secondary btn-sm">New secret</button></div>`);
 		$$renderer.push(`<!--]--></div></div></div>`);
 	});
 }
@@ -1965,7 +2082,7 @@ function AssistantTab($$renderer, $$props) {
 		$$renderer.push("<!--[-1-->");
 		$$renderer.push(`<!--]--> Save</button></div></div> `);
 		$$renderer.push("<!--[-1-->");
-		$$renderer.push(`<!--]--> <div class="settings-grid svelte-obkjlq"><section class="settings-card svelte-obkjlq"><h3 class="svelte-obkjlq">Compose Project Name</h3> <p class="section-note svelte-obkjlq">This writes <code>OP_PROJECT_NAME</code> in <code>${escape_html(stackEnvPath)}</code>. If unset, OpenPalm defaults to <code>openpalm</code>.</p> <label class="field svelte-obkjlq" for="project-name"><span>Project name</span> <input id="project-name" class="control-input mono svelte-obkjlq" type="text" spellcheck="false" placeholder="openpalm"${attr("value", projectName)}${attr("disabled", saving, true)}/></label> <p class="field-hint svelte-obkjlq">Lowercase letters, numbers, dashes, and underscores only. This affects Docker Compose naming and collision detection.</p></section> <section class="settings-card svelte-obkjlq"><h3 class="svelte-obkjlq">LAN Exposure</h3> <p class="section-note svelte-obkjlq">This writes <code>OP_ASSISTANT_BIND_ADDRESS</code> in <code>${escape_html(stackEnvPath)}</code>.</p> <label class="field-inline svelte-obkjlq" for="assistant-lan-exposure"><input id="assistant-lan-exposure" type="checkbox"${attr("checked", lanExposureEnabled, true)}${attr("disabled", saving, true)}/> <span>Expose the assistant OpenCode server on the host LAN</span></label> <p class="field-hint svelte-obkjlq">Off keeps the host bind on <code>127.0.0.1</code>. On switches it to <code>0.0.0.0</code> so other devices on your LAN can reach the host port.</p></section> <section class="settings-card svelte-obkjlq"><h3 class="svelte-obkjlq">Persona</h3> <p class="section-note svelte-obkjlq">Edit the assistant persona markdown mounted into the assistant OpenCode instance.</p> <div class="path-chip svelte-obkjlq">${escape_html(personaPath)}</div> <textarea class="control-input persona-editor mono svelte-obkjlq" rows="20" spellcheck="false"${attr("disabled", saving, true)}>`);
+		$$renderer.push(`<!--]--> <div class="settings-grid svelte-obkjlq"><section class="settings-card svelte-obkjlq"><h3 class="svelte-obkjlq">Compose Project Name</h3> <p class="section-note svelte-obkjlq">This writes <code>OP_PROJECT_NAME</code> in <code>${escape_html(stackEnvPath)}</code>. If unset, OpenPalm defaults to <code>openpalm</code>.</p> <label class="field svelte-obkjlq" for="project-name"><span>Project name</span> <input id="project-name" class="control-input mono svelte-obkjlq" type="text" spellcheck="false" placeholder="openpalm"${attr("value", projectName)}${attr("disabled", saving, true)}/></label> <p class="field-hint svelte-obkjlq">Lowercase letters, numbers, dashes, and underscores only. This affects Docker Compose naming and collision detection.</p></section> <section class="settings-card svelte-obkjlq"><h3 class="svelte-obkjlq">LAN Exposure</h3> <p class="section-note svelte-obkjlq">This writes <code>OP_ASSISTANT_BIND_ADDRESS</code> in <code>${escape_html(stackEnvPath)}</code>.</p> <label class="field-inline svelte-obkjlq" for="assistant-lan-exposure"><input id="assistant-lan-exposure" type="checkbox"${attr("checked", lanExposureEnabled, true)}${attr("disabled", saving, true)} class="svelte-obkjlq"/> <span>Expose the assistant OpenCode server on the host LAN</span></label> <p class="field-hint svelte-obkjlq">Off keeps the host bind on <code>127.0.0.1</code>. On switches it to <code>0.0.0.0</code> so other devices on your LAN can reach the host port.</p></section> <section class="settings-card svelte-obkjlq"><h3 class="svelte-obkjlq">Persona</h3> <p class="section-note svelte-obkjlq">Edit the assistant persona markdown mounted into the assistant OpenCode instance.</p> <div class="path-chip svelte-obkjlq">${escape_html(personaPath)}</div> <textarea class="control-input persona-editor mono svelte-obkjlq" rows="20" spellcheck="false"${attr("disabled", saving, true)}>`);
 		const $$body = escape_html(personaContent);
 		if ($$body) $$renderer.push(`${$$body}`);
 		$$renderer.push(`</textarea></section></div></div>`);
@@ -2294,6 +2411,12 @@ function ProfileRow($$renderer, $$props) {
 	$$renderer.push(`<!--]--> <button class="btn btn-sm"${attr("disabled", disabled, true)}>Edit</button> <button class="btn btn-sm btn-danger"${attr("disabled", disabled, true)}>Remove</button></div></div>`);
 }
 //#endregion
+//#region src/lib/components/icons/IconDatabase.svelte
+function IconDatabase($$renderer, $$props) {
+	let { size = 20, class: className = "" } = $$props;
+	$$renderer.push(`<svg aria-hidden="true"${attr("width", size)}${attr("height", size)} viewBox="0 0 24 24"${attr_class(`s-icon ${stringify(className)}`)}><path fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" d="M5 6.5c0-1.4 3.1-2.5 7-2.5s7 1.1 7 2.5-3.1 2.5-7 2.5-7-1.1-7-2.5z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" d="M5 6.5v11c0 1.4 3.1 2.5 7 2.5s7-1.1 7-2.5v-11"></path><path fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" d="M5 12c0 1.4 3.1 2.5 7 2.5s7-1.1 7-2.5"></path></svg>`);
+}
+//#endregion
 //#region src/lib/components/akm/LlmProfilesSection.svelte
 function LlmProfilesSection($$renderer, $$props) {
 	$$renderer.component(($$renderer) => {
@@ -2301,7 +2424,9 @@ function LlmProfilesSection($$renderer, $$props) {
 		$$renderer.push(`<section class="config-section svelte-zwwvog"><h3 class="section-title svelte-zwwvog">Language models <span class="section-title-aka svelte-zwwvog">akm LLM profiles</span></h3> <p class="section-note svelte-zwwvog">The language models your assistant uses to organize and improve its memory. Add one per LLM service.</p> `);
 		if (profiles.length === 0) {
 			$$renderer.push("<!--[0-->");
-			$$renderer.push(`<div class="profile-empty svelte-zwwvog"><svg aria-hidden="true" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="svelte-zwwvog"><ellipse cx="12" cy="5" rx="9" ry="3"></ellipse><path d="M3 5v14c0 1.66 4.03 3 9 3s9-1.34 9-3V5"></path><path d="M3 12c0 1.66 4.03 3 9 3s9-1.34 9-3"></path></svg> <p class="empty-note svelte-zwwvog">No LLM profiles configured — add one below.</p></div>`);
+			$$renderer.push(`<div class="profile-empty svelte-zwwvog">`);
+			IconDatabase($$renderer, { size: 24 });
+			$$renderer.push(`<!----> <p class="empty-note svelte-zwwvog">No LLM profiles configured — add one below.</p></div>`);
 		} else {
 			$$renderer.push("<!--[-1-->");
 			$$renderer.push(`<div class="profile-list svelte-zwwvog"><!--[-->`);
@@ -2336,7 +2461,9 @@ function AgentProfilesSection($$renderer, $$props) {
 		$$renderer.push(`<section class="config-section svelte-anyxpa"><h3 class="section-title svelte-anyxpa">Agent runners <span class="section-title-aka svelte-anyxpa">akm agent profiles</span></h3> <p class="section-note svelte-anyxpa">Runner configs for maintenance steps that spawn a subprocess (opencode or claude CLI).</p> `);
 		if (profiles.length === 0) {
 			$$renderer.push("<!--[0-->");
-			$$renderer.push(`<div class="profile-empty svelte-anyxpa"><svg aria-hidden="true" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="svelte-anyxpa"><rect x="2" y="3" width="20" height="14" rx="2"></rect><path d="M8 21h8m-4-4v4"></path><circle cx="12" cy="10" r="2"></circle><path d="M9 10H7m10 0h-2"></path></svg> <p class="empty-note svelte-anyxpa">No agent profiles defined.</p></div>`);
+			$$renderer.push(`<div class="profile-empty svelte-anyxpa">`);
+			IconAgent($$renderer, { size: 24 });
+			$$renderer.push(`<!----> <p class="empty-note svelte-anyxpa">No agent profiles defined.</p></div>`);
 		} else {
 			$$renderer.push("<!--[-1-->");
 			$$renderer.push(`<div class="profile-list svelte-anyxpa"><!--[-->`);
@@ -2369,6 +2496,12 @@ function AgentProfilesSection($$renderer, $$props) {
 	});
 }
 //#endregion
+//#region src/lib/components/icons/IconFlame.svelte
+function IconFlame($$renderer, $$props) {
+	let { size = 20, class: className = "" } = $$props;
+	$$renderer.push(`<svg aria-hidden="true"${attr("width", size)}${attr("height", size)} viewBox="0 0 24 24"${attr_class(`s-icon ${stringify(className)}`)}><path fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" d="M12 22c-3.3 0-5.5-2-5.5-4.5 0-3 2.5-5 3.5-7 .5 1.5 1.5 2 2 3 .5-2.5 1-5.5 1.5-8 1.5 2.5 2 5.5 1.5 8.5.5-1.5 1-3 .5-4.5 1 2 1.5 4 0 5.5 0 2.5-1.5 7-3.5 7z"></path></svg>`);
+}
+//#endregion
 //#region src/lib/components/akm/ImproveProfilesSection.svelte
 function ImproveProfilesSection($$renderer, $$props) {
 	$$renderer.component(($$renderer) => {
@@ -2376,7 +2509,9 @@ function ImproveProfilesSection($$renderer, $$props) {
 		$$renderer.push(`<section class="config-section svelte-1ngozvb"><h3 class="section-title svelte-1ngozvb">Memory maintenance <span class="section-title-aka svelte-1ngozvb">akm improve</span></h3> <p class="section-note svelte-1ngozvb">Scheduled runs that distill, deduplicate, and improve stored memories. Each configuration picks which steps run and which language model they use — add a language model above first.</p> `);
 		if (profiles.length === 0) {
 			$$renderer.push("<!--[0-->");
-			$$renderer.push(`<div class="profile-empty svelte-1ngozvb"><svg aria-hidden="true" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="svelte-1ngozvb"><path d="M12 3c-1 2-2 3-3 4 1 3 3 5 3 8a6 6 0 0 1-6-6c0-3 2-5 3-6"></path><path d="M17.5 3.5c.5 1.5.5 3-.5 4.5 1 1 2 2.5 2 4a4 4 0 0 1-4-4c0-2 1-3.5 2.5-4.5z"></path></svg> <p class="empty-note svelte-1ngozvb">No improve profiles defined — add one below.</p></div>`);
+			$$renderer.push(`<div class="profile-empty svelte-1ngozvb">`);
+			IconFlame($$renderer, { size: 24 });
+			$$renderer.push(`<!----> <p class="empty-note svelte-1ngozvb">No improve profiles defined — add one below.</p></div>`);
 		} else {
 			$$renderer.push("<!--[-1-->");
 			$$renderer.push(`<div class="profile-list svelte-1ngozvb"><!--[-->`);
@@ -2893,7 +3028,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"><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(`<div class="panel" role="tabpanel"><div class="panel-header"><div><h2 class="svelte-19wb2va">Knowledge</h2> <p class="panel-header-sub svelte-19wb2va">Memory · LLM · embedding config</p></div> <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-->");
@@ -3814,4 +3949,4 @@ function _page($$renderer, $$props) {
 }
 
 export { _page as default };
-//# sourceMappingURL=_page.svelte-Bu9dlKgJ.js.map
+//# sourceMappingURL=_page.svelte-Dauq1qtZ.js.map