@openpalm/ui 0.11.0-rc.12 → 0.11.0-rc.13

package/build/server/chunks/{_page.svelte-B--A9am9.js → _page.svelte-CEjRvc8B.js}

@@ -1,10 +1,10 @@
 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 } from './state-VFrVFHCZ.js';
-import { g as fetchHealth, a as fetchContainers, f as fetchAutomations, l as fetchVersions, h as fetchReleases, k as fetchUiVersions, v as voiceState, b as buildHeaders, i as fetchSecretFile, o as notifications, j as fetchServiceLogs } from './theme-state.svelte-DvRrYp_f.js';
-import { A as AuthGate, N as Navbar, e as endpointsService } from './AuthGate-BWjATBSf.js';
+import { o as onDestroy } from './state-CFHLgqLs.js';
+import { g as fetchHealth, a as fetchContainers, f as fetchAutomations, k as fetchVersions, h as fetchReleases, j as fetchUiVersions, v as voiceState, b as buildHeaders, i as fetchServiceLogs } from './theme-state.svelte-y-mfJax7.js';
+import { A as AuthGate, N as Navbar } from './AuthGate-BcB49fE5.js';
 import { S as Spinner } from './Spinner-Bk6e83RX.js';
 import { V as VoiceEngineSelector, a as VoiceProfileSelector } from './VoiceProfileSelector-CbOV_v5A.js';
-import './internal-DYJeWBcA.js';
+import './internal-B08Y9iTe.js';
 import './utils-BSRjJDrZ.js';
 import 'node:module';
 import './chunk-CLZ62Ad-.js';
@@ -38,41 +38,29 @@ function TabBar($$renderer, $$props) {
 					},
 					{
 						id: "containers",
-						label: "Containers",
+						label: "Systems",
 						icon: ICONS.containers
 					},
 					{
 						id: "logs",
-						label: "Logs",
+						label: "Journal",
 						icon: ICONS.logs
 					},
 					{
 						id: "updates",
-						label: "Updates",
+						label: "Check-up",
 						icon: ICONS.updates
 					}
 				]
 			},
 			{
-				id: "knowledge",
-				label: "Knowledge",
-				tabs: [
-					{
-						id: "akm",
-						label: "Memory",
-						icon: ICONS.akm
-					},
-					{
-						id: "host-sharing",
-						label: "Host Sharing",
-						icon: ICONS["host-sharing"]
-					},
-					{
-						id: "secrets",
-						label: "Secrets",
-						icon: ICONS.secrets
-					}
-				]
+				id: "mind",
+				label: "Mind",
+				tabs: [{
+					id: "connections",
+					label: "AI Providers",
+					icon: ICONS.connections
+				}]
 			},
 			{
 				id: "voice",
@@ -84,12 +72,12 @@ function TabBar($$renderer, $$props) {
 				}]
 			},
 			{
-				id: "mind",
-				label: "Mind",
+				id: "routines",
+				label: "Routines",
 				tabs: [{
-					id: "connections",
-					label: "AI Providers",
-					icon: ICONS.connections
+					id: "automations",
+					label: "Automations",
+					icon: ICONS.automations
 				}]
 			},
 			{
@@ -99,11 +87,28 @@ function TabBar($$renderer, $$props) {
 					id: "addons",
 					label: "Add-ons",
 					icon: ICONS.addons
-				}, {
-					id: "automations",
-					label: "Automations",
-					icon: ICONS.automations
 				}]
+			},
+			{
+				id: "knowledge",
+				label: "Knowledge",
+				tabs: [
+					{
+						id: "akm",
+						label: "Memory",
+						icon: ICONS.akm
+					},
+					{
+						id: "secrets",
+						label: "Secrets",
+						icon: ICONS.secrets
+					},
+					{
+						id: "host-sharing",
+						label: "Sharing",
+						icon: ICONS["host-sharing"]
+					}
+				]
 			}
 		];
 		let activeSection = derived(() => SECTIONS.find((s) => s.tabs.some((t) => t.id === active)) ?? SECTIONS[0]);
@@ -128,29 +133,6 @@ function TabBar($$renderer, $$props) {
 	});
 }
 //#endregion
-//#region src/lib/components/chrome/AdminScopeBar.svelte
-function AdminScopeBar($$renderer, $$props) {
-	$$renderer.component(($$renderer) => {
-		const active = derived(() => endpointsService.active);
-		const remote = derived(() => {
-			const url = active()?.url ?? "";
-			if (!url) return null;
-			try {
-				const host = new URL(url).hostname;
-				return host === "localhost" || host === "127.0.0.1" || host === "::1" || host === "host.docker.internal" ? null : active()?.label ?? host;
-			} catch {
-				return null;
-			}
-		});
-		$$renderer.push(`<div${attr_class("scope-bar svelte-a0da1h", void 0, { "scope-bar--remote": remote() })}><span class="scope-main svelte-a0da1h"><svg class="scope-icon svelte-a0da1h" 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"><rect x="2" y="2" width="20" height="8" rx="2"></rect><rect x="2" y="14" width="20" height="8" rx="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> <span class="scope-text svelte-a0da1h">Managing <strong class="svelte-a0da1h">this OpenPalm</strong> on this machine <span class="scope-local svelte-a0da1h">(local)</span></span></span> `);
-		if (remote()) {
-			$$renderer.push("<!--[0-->");
-			$$renderer.push(`<span class="scope-remote svelte-a0da1h" title="You're chatting with a remote assistant. Its settings are managed on that machine.">Chatting with <strong class="svelte-a0da1h">${escape_html(remote())}</strong> (remote) — managed there, not here</span>`);
-		} else $$renderer.push("<!--[-1-->");
-		$$renderer.push(`<!--]--></div>`);
-	});
-}
-//#endregion
 //#region src/lib/components/admin/overview/StatusHero.svelte
 function StatusHero($$renderer, $$props) {
 	$$renderer.component(($$renderer) => {
@@ -237,7 +219,7 @@ function ConfigureShortcuts($$renderer, $$props) {
 //#region src/lib/components/admin/overview/OverviewTab.svelte
 function OverviewTab($$renderer, $$props) {
 	$$renderer.component(($$renderer) => {
-		let { healthLoading, anyDangerousLoading, automationsData, mergedServices, onNavigate } = $$props;
+		let { healthLoading, anyDangerousLoading, mergedServices, onNavigate } = $$props;
 		let akmBadge = derived(() => {
 			return {
 				label: "Unavailable",
@@ -245,8 +227,6 @@ function OverviewTab($$renderer, $$props) {
 			};
 		});
 		let akmCheckTotal = derived(() => 0);
-		let automationCount = derived(() => automationsData?.automations.length ?? 0);
-		let enabledAutomationCount = derived(() => automationsData?.automations.filter((a) => a.enabled).length ?? 0);
 		let containerCounts = derived(() => {
 			if (mergedServices.size === 0) return null;
 			return {
@@ -278,13 +258,16 @@ function OverviewTab($$renderer, $$props) {
 				detail: names ? `Not running: ${names}.` : "One or more services need attention."
 			};
 		});
-		StatusHero($$renderer, {
-			status: health().status,
-			title: health().title,
-			detail: health().detail,
-			healthLoading,
-			anyDangerousLoading});
-		$$renderer.push(`<!----> `);
+		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(`<!--]--> `);
 		OperationOutput($$renderer);
 		$$renderer.push(`<!----> <div class="tile-grid svelte-xz862u">`);
 		MetricTile($$renderer, {
@@ -295,14 +278,6 @@ function OverviewTab($$renderer, $$props) {
 			loaded: !!containerCounts()
 		});
 		$$renderer.push(`<!----> `);
-		MetricTile($$renderer, {
-			label: "Automations active",
-			onClick: () => onNavigate("automations"),
-			value: enabledAutomationCount(),
-			sub: `/${automationCount()}`,
-			loaded: !!automationsData
-		});
-		$$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>`);
@@ -466,48 +441,6 @@ function EmptyState($$renderer, $$props) {
 	$$renderer.push(`<!--]--></div>`);
 }
 //#endregion
-//#region src/lib/components/common/SecretSelect.svelte
-function SecretSelect($$renderer, $$props) {
-	$$renderer.component(($$renderer) => {
-		/** Selected secret NAME (bindable). */
-		/** Stable id for the <select>, for an external <label for>. */
-		/** Called whenever the selection changes (including after quick-add). */
-		let { value = "", id = "secret-select", onChange } = $$props;
-		let names = [];
-		let loading = true;
-		let adding = false;
-		function onSelectChange(e) {
-			value = e.currentTarget.value;
-			onChange?.(value);
-		}
-		$$renderer.push(`<div class="secret-select svelte-180dg8u"><div class="ss-row svelte-180dg8u">`);
-		$$renderer.select({
-			id,
-			class: "form-input ss-select",
-			value,
-			onchange: onSelectChange,
-			disabled: loading
-		}, ($$renderer) => {
-			$$renderer.option({ value: "" }, ($$renderer) => {
-				$$renderer.push(`${escape_html("Loading secrets…")}`);
-			});
-			$$renderer.push(`<!--[-->`);
-			const each_array = ensure_array_like(names);
-			for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
-				let name = each_array[$$index];
-				$$renderer.option({ value: name }, ($$renderer) => {
-					$$renderer.push(`${escape_html(name)}`);
-				});
-			}
-			$$renderer.push(`<!--]-->`);
-		}, "svelte-180dg8u");
-		$$renderer.push(` <button type="button" class="btn btn-secondary ss-add-btn svelte-180dg8u"${attr("disabled", adding, true)}><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-180dg8u"><path d="M12 5v14"></path><path d="M5 12h14"></path></svg> <span class="ss-add-label svelte-180dg8u">New</span></button></div> `);
-		$$renderer.push("<!--[-1-->");
-		$$renderer.push(`<!--]--></div>`);
-		bind_props($$props, { value });
-	});
-}
-//#endregion
 //#region src/lib/components/addons/AddonsTab.svelte
 function AddonsTab($$renderer, $$props) {
 	$$renderer.component(($$renderer) => {
@@ -522,25 +455,6 @@ function AddonsTab($$renderer, $$props) {
 		let addons = [];
 		let loading = false;
 		let actionLoading = null;
-		let expanded = null;
-		let credFields = {};
-		let credValues = {};
-		let credSecretRef = {};
-		let credLoading = null;
-		let credSaving = null;
-		async function onSecretChosen(addonName, key, secretName) {
-			if (!secretName) {
-				credValues[addonName][key] = "";
-				return;
-			}
-			try {
-				const { value } = await fetchSecretFile(secretName);
-				credValues[addonName][key] = value;
-			} catch (err) {
-				const msg = err instanceof Error ? err.message : String(err);
-				notifications.push("error", `Could not read secret: ${msg}`);
-			}
-		}
 		let $$settled = true;
 		let $$inner_renderer;
 		function $$render_inner($$renderer) {
@@ -563,8 +477,8 @@ function AddonsTab($$renderer, $$props) {
 				$$renderer.push("<!--[-1-->");
 				$$renderer.push(`<div class="addon-table svelte-87zh26"><div class="addon-table-header svelte-87zh26"><span class="addon-col addon-col--name svelte-87zh26">Addon</span> <span class="addon-col addon-col--status svelte-87zh26">Status</span> <span class="addon-col addon-col--actions svelte-87zh26"></span></div> <!--[-->`);
 				const each_array = ensure_array_like(addons);
-				for (let $$index_1 = 0, $$length = each_array.length; $$index_1 < $$length; $$index_1++) {
-					let addon = each_array[$$index_1];
+				for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+					let addon = each_array[$$index];
 					$$renderer.push(`<div class="addon-row svelte-87zh26"><span class="addon-col addon-col--name addon-name svelte-87zh26"${attr("title", addon.name)}>${escape_html(formatAddonName(addon.name))}</span> <span class="addon-col addon-col--status svelte-87zh26"><span${attr_class("badge", void 0, {
 						"badge-enabled": addon.enabled,
 						"badge-disabled": !addon.enabled
@@ -574,7 +488,7 @@ function AddonsTab($$renderer, $$props) {
 						$$renderer.push(`<button class="btn btn-sm btn-secondary" aria-label="Configure Voice addon settings">Configure</button>`);
 					} else {
 						$$renderer.push("<!--[-1-->");
-						$$renderer.push(`<button class="btn btn-sm btn-secondary"${attr("disabled", !addon.available, true)}${attr("aria-expanded", expanded === addon.name)}>${escape_html(expanded === addon.name ? "Hide" : "Credentials")}</button>`);
+						$$renderer.push(`<button class="btn btn-sm btn-secondary"${attr("disabled", !addon.available, true)}>Credentials</button>`);
 					}
 					$$renderer.push(`<!--]--> <button${attr_class("btn btn-sm", void 0, {
 						"btn-danger": addon.enabled,
@@ -587,79 +501,13 @@ function AddonsTab($$renderer, $$props) {
 						$$renderer.push("<!--[-1-->");
 						$$renderer.push(`${escape_html(addon.enabled ? "Disable" : "Enable")}`);
 					}
-					$$renderer.push(`<!--]--></button></span></div> `);
-					if (expanded === addon.name) {
-						$$renderer.push("<!--[0-->");
-						$$renderer.push(`<div class="addon-creds svelte-87zh26">`);
-						if (credLoading === addon.name) {
-							$$renderer.push("<!--[0-->");
-							$$renderer.push(`<div class="creds-loading svelte-87zh26">`);
-							Spinner($$renderer, {});
-							$$renderer.push(`<!----> Loading credentials...</div>`);
-						} else if ((credFields[addon.name]?.length ?? 0) === 0) {
-							$$renderer.push("<!--[1-->");
-							$$renderer.push(`<p class="creds-empty svelte-87zh26">This addon has no configurable env vars (compose overlay only).</p>`);
-						} else {
-							$$renderer.push("<!--[-1-->");
-							$$renderer.push(`<p class="creds-hint svelte-87zh26">Values are written to <code>knowledge/env/stack.env</code> and read by the addon container on next recreate.</p> <!--[-->`);
-							const each_array_1 = ensure_array_like(credFields[addon.name] ?? []);
-							for (let $$index = 0, $$length = each_array_1.length; $$index < $$length; $$index++) {
-								let field = each_array_1[$$index];
-								$$renderer.push(`<div class="creds-row svelte-87zh26"><label class="creds-label svelte-87zh26"${attr("for", `cred-${stringify(addon.name)}-${stringify(field.key)}`)}><code class="svelte-87zh26">${escape_html(field.key)}</code> `);
-								if (field.sensitive) {
-									$$renderer.push("<!--[0-->");
-									$$renderer.push(`<span class="creds-tag svelte-87zh26">sensitive</span>`);
-								} else $$renderer.push("<!--[-1-->");
-								$$renderer.push(`<!--]--> `);
-								if (field.sensitive && field.set) {
-									$$renderer.push("<!--[0-->");
-									$$renderer.push(`<span class="creds-tag creds-tag--set svelte-87zh26">set</span>`);
-								} else $$renderer.push("<!--[-1-->");
-								$$renderer.push(`<!--]--></label> `);
-								if (field.description) {
-									$$renderer.push("<!--[0-->");
-									$$renderer.push(`<p class="creds-desc svelte-87zh26">${escape_html(field.description)}</p>`);
-								} else $$renderer.push("<!--[-1-->");
-								$$renderer.push(`<!--]--> `);
-								if (field.sensitive) {
-									$$renderer.push("<!--[0-->");
-									SecretSelect($$renderer, {
-										id: `cred-${stringify(addon.name)}-${stringify(field.key)}`,
-										onChange: (secretName) => void onSecretChosen(addon.name, field.key, secretName),
-										get value() {
-											return credSecretRef[addon.name][field.key];
-										},
-										set value($$value) {
-											credSecretRef[addon.name][field.key] = $$value;
-											$$settled = false;
-										}
-									});
-									$$renderer.push(`<!----> `);
-									if (field.set) {
-										$$renderer.push("<!--[0-->");
-										$$renderer.push(`<p class="creds-desc svelte-87zh26">A value is already set — choose a secret to replace it.</p>`);
-									} else $$renderer.push("<!--[-1-->");
-									$$renderer.push(`<!--]-->`);
-								} else {
-									$$renderer.push("<!--[-1-->");
-									$$renderer.push(`<input${attr("id", `cred-${stringify(addon.name)}-${stringify(field.key)}`)} type="text" class="form-input svelte-87zh26"${attr("placeholder", field.default)}${attr("value", credValues[addon.name][field.key])} autocomplete="off"/>`);
-								}
-								$$renderer.push(`<!--]--></div>`);
-							}
-							$$renderer.push(`<!--]--> <div class="creds-actions svelte-87zh26"><button class="btn btn-primary btn-sm"${attr("disabled", credSaving === addon.name, true)}>`);
-							if (credSaving === addon.name) {
-								$$renderer.push("<!--[0-->");
-								Spinner($$renderer, {});
-							} else $$renderer.push("<!--[-1-->");
-							$$renderer.push(`<!--]--> Save</button></div>`);
-						}
-						$$renderer.push(`<!--]--></div>`);
-					} else $$renderer.push("<!--[-1-->");
-					$$renderer.push(`<!--]-->`);
+					$$renderer.push(`<!--]--></button></span></div>`);
 				}
 				$$renderer.push(`<!--]--></div>`);
 			}
-			$$renderer.push(`<!--]--></div></div>`);
+			$$renderer.push(`<!--]--></div> `);
+			$$renderer.push("<!--[-1-->");
+			$$renderer.push(`<!--]--></div>`);
 		}
 		do {
 			$$settled = true;
@@ -2652,14 +2500,11 @@ function _page($$renderer, $$props) {
 			TabBar($$renderer, {
 				active: activeTab});
 			$$renderer.push(`<!----> `);
-			AdminScopeBar($$renderer);
-			$$renderer.push(`<!----> `);
 			if (activeTab === "overview") {
 				$$renderer.push("<!--[0-->");
 				OverviewTab($$renderer, {
 					healthLoading,
 					anyDangerousLoading: anyDangerousLoading(),
-					automationsData,
 					mergedServices: mergedServices(),
 					onNavigate: handleTabSelect
 				});
@@ -2731,4 +2576,4 @@ function _page($$renderer, $$props) {
 }
 
 export { _page as default };
-//# sourceMappingURL=_page.svelte-B--A9am9.js.map
+//# sourceMappingURL=_page.svelte-CEjRvc8B.js.map