@openpalm/ui 0.11.0-rc.10

package/build/server/chunks/_page.svelte-CKARhLvT.js

@@ -0,0 +1,408 @@
+import { B as head, n as ensure_array_like, e as attr_class, d as attr, p as escape_html, a6 as stringify, C as html, m as derived } from './dev-DjANv7AF.js';
+import { o as onDestroy } from './state-D7JS-l_D.js';
+import { e as fetchHealth, a as fetchContainers, f as fetchAutomations, i as fetchVersions, g as fetchReleases, h as fetchUiVersions } from './theme-state.svelte-PtPMmKGN.js';
+import { A as AuthGate, N as Navbar, e as endpointsService } from './AuthGate-UhfWI3rb.js';
+import './internal-CeK24Lte.js';
+import './utils-BSRjJDrZ.js';
+import 'node:module';
+import './chunk-CLZ62Ad-.js';
+
+//#region src/lib/components/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" />`,
+			"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" />`,
+			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" />`
+		};
+		const SECTIONS = [
+			{
+				id: "health",
+				label: "Health",
+				tabs: [
+					{
+						id: "overview",
+						label: "Overview",
+						icon: ICONS.overview
+					},
+					{
+						id: "containers",
+						label: "Containers",
+						icon: ICONS.containers
+					},
+					{
+						id: "logs",
+						label: "Logs",
+						icon: ICONS.logs
+					},
+					{
+						id: "updates",
+						label: "Updates",
+						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: "voice",
+				label: "Voice",
+				tabs: [{
+					id: "voice",
+					label: "Voice",
+					icon: ICONS.voice
+				}]
+			},
+			{
+				id: "mind",
+				label: "Mind",
+				tabs: [{
+					id: "connections",
+					label: "AI Providers",
+					icon: ICONS.connections
+				}]
+			},
+			{
+				id: "capabilities",
+				label: "Capabilities",
+				tabs: [{
+					id: "addons",
+					label: "Add-ons",
+					icon: ICONS.addons
+				}, {
+					id: "automations",
+					label: "Automations",
+					icon: ICONS.automations
+				}]
+			}
+		];
+		let activeSection = derived(() => SECTIONS.find((s) => s.tabs.some((t) => t.id === active)) ?? SECTIONS[0]);
+		$$renderer.push(`<nav class="nav-shell svelte-1wwzsr0" aria-label="Admin sections"><div class="section-strip svelte-1wwzsr0" role="tablist" aria-label="Sections"><!--[-->`);
+		const each_array = ensure_array_like(SECTIONS);
+		for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+			let section = each_array[$$index];
+			$$renderer.push(`<button${attr_class("section-tab svelte-1wwzsr0", void 0, { "section-tab-active": activeSection().id === section.id })} role="tab"${attr("aria-selected", activeSection().id === section.id)}>${escape_html(section.label)}</button>`);
+		}
+		$$renderer.push(`<!--]--></div> `);
+		if (activeSection().tabs.length > 1) {
+			$$renderer.push("<!--[0-->");
+			$$renderer.push(`<div class="subtab-row svelte-1wwzsr0"><div class="tabs svelte-1wwzsr0" role="tablist"${attr("aria-label", `${stringify(activeSection().label)} tabs`)}><!--[-->`);
+			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-1wwzsr0", 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(`<!--]--></div></div>`);
+		} else $$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--></nav>`);
+	});
+}
+//#endregion
+//#region src/lib/components/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-zyzzee", void 0, { "scope-bar--remote": remote() })}><span class="scope-main svelte-zyzzee"><svg class="scope-icon svelte-zyzzee" 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-zyzzee">Managing <strong class="svelte-zyzzee">this OpenPalm</strong> on this machine <span class="scope-local svelte-zyzzee">(local)</span></span></span> `);
+		if (remote()) {
+			$$renderer.push("<!--[0-->");
+			$$renderer.push(`<span class="scope-remote svelte-zyzzee" title="You're chatting with a remote assistant. Its settings are managed on that machine.">Chatting with <strong class="svelte-zyzzee">${escape_html(remote())}</strong> (remote) — managed there, not here</span>`);
+		} else $$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--></div>`);
+	});
+}
+//#endregion
+//#region src/lib/components/OverviewTab.svelte
+function OverviewTab($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		let { healthLoading, anyDangerousLoading, automationsData, mergedServices} = $$props;
+		let akmBadge = derived(() => {
+			return {
+				label: "Unavailable",
+				cls: "badge-neutral"
+			};
+		});
+		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 {
+				total: mergedServices.size,
+				running: [...mergedServices.values()].filter((s) => s === "running").length
+			};
+		});
+		let downServices = derived(() => {
+			const out = [];
+			for (const [name, status] of mergedServices) if (status !== "running") out.push(name);
+			return out;
+		});
+		let health = derived(() => {
+			if (!containerCounts()) return {
+				status: "unknown",
+				title: "Checking services…",
+				detail: "Fetching the latest status from Docker."
+			};
+			if (containerCounts().running === containerCounts().total && containerCounts().total > 0) return {
+				status: "ok",
+				title: "All systems operational",
+				detail: `${containerCounts().total} of ${containerCounts().total} services are running normally.`
+			};
+			const down = containerCounts().total - containerCounts().running;
+			const names = downServices().map((n) => n.charAt(0).toUpperCase() + n.slice(1)).join(", ");
+			return {
+				status: "warning",
+				title: `${down} of ${containerCounts().total} services not running`,
+				detail: names ? `Not running: ${names}.` : "One or more services need attention."
+			};
+		});
+		$$renderer.push(`<section${attr_class(`hero hero--${stringify(health().status)}`, "svelte-1ob1zsm")} role="status" aria-live="polite"><span class="hero-icon svelte-1ob1zsm" aria-hidden="true">`);
+		if (health().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>`);
+		} else if (health().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>`);
+		} 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>`);
+		}
+		$$renderer.push(`<!--]--></span> <div class="hero-text svelte-1ob1zsm"><h2 class="hero-title svelte-1ob1zsm">${escape_html(health().title)}</h2> <p class="hero-detail svelte-1ob1zsm">${escape_html(health().detail)}</p></div> <div class="hero-actions svelte-1ob1zsm"><button class="btn btn-secondary"${attr("disabled", healthLoading, true)}>${escape_html(healthLoading ? "Checking…" : "Re-check")}</button> `);
+		if (health().status === "warning") {
+			$$renderer.push("<!--[0-->");
+			$$renderer.push(`<button class="btn btn-secondary">View containers</button>`);
+		} else $$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--> <button class="btn btn-secondary"${attr("disabled", anyDangerousLoading || false, true)}>${escape_html("Apply config & restart")}</button></div></section> `);
+		$$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--> <div class="tile-grid svelte-1ob1zsm"><button class="tile svelte-1ob1zsm"><span class="tile-metric svelte-1ob1zsm">`);
+		if (containerCounts()) {
+			$$renderer.push("<!--[0-->");
+			$$renderer.push(`${escape_html(containerCounts().running)}<span class="tile-metric-sub svelte-1ob1zsm">/${escape_html(containerCounts().total)}</span>`);
+		} else {
+			$$renderer.push("<!--[-1-->");
+			$$renderer.push(`—`);
+		}
+		$$renderer.push(`<!--]--></span> <span class="tile-label svelte-1ob1zsm">Services running</span></button> <button class="tile svelte-1ob1zsm"><span class="tile-metric svelte-1ob1zsm">`);
+		if (automationsData) {
+			$$renderer.push("<!--[0-->");
+			$$renderer.push(`${escape_html(enabledAutomationCount())}<span class="tile-metric-sub svelte-1ob1zsm">/${escape_html(automationCount())}</span>`);
+		} else {
+			$$renderer.push("<!--[-1-->");
+			$$renderer.push(`—`);
+		}
+		$$renderer.push(`<!--]--></span> <span class="tile-label svelte-1ob1zsm">Automations active</span></button> <button class="tile svelte-1ob1zsm"><span class="tile-metric tile-metric--icon svelte-1ob1zsm" aria-hidden="true"><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></span> <span class="tile-label svelte-1ob1zsm">View logs</span></button> <button class="tile svelte-1ob1zsm"><span class="tile-metric tile-metric--icon svelte-1ob1zsm" aria-hidden="true"><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></span> <span class="tile-label svelte-1ob1zsm">Check for updates</span></button></div> <h3 class="section-heading svelte-1ob1zsm">Knowledge base (AKM)</h3> <button class="akm-card svelte-1ob1zsm" aria-label="AKM health — open Knowledge settings"><div class="akm-head svelte-1ob1zsm"><span class="akm-title svelte-1ob1zsm">AKM runtime health</span> <span${attr_class(`badge ${stringify(akmBadge().cls)}`, "svelte-1ob1zsm")}>${escape_html(akmBadge().label)}</span></div> `);
+		$$renderer.push("<!--[-1-->");
+		$$renderer.push(`<p class="akm-unavailable svelte-1ob1zsm">Metrics unavailable — the akm CLI isn't reachable from the admin host.</p>`);
+		$$renderer.push(`<!--]--></button> <h3 class="section-heading svelte-1ob1zsm">Configure</h3> <div class="shortcut-grid svelte-1ob1zsm"><button class="shortcut svelte-1ob1zsm"><span class="shortcut-name svelte-1ob1zsm">AI Providers</span> <span class="shortcut-desc svelte-1ob1zsm">Models &amp; provider credentials</span></button> <button class="shortcut svelte-1ob1zsm"><span class="shortcut-name svelte-1ob1zsm">Knowledge</span> <span class="shortcut-desc svelte-1ob1zsm">Assistant memory &amp; behavior</span></button> <button class="shortcut svelte-1ob1zsm"><span class="shortcut-name svelte-1ob1zsm">Voice</span> <span class="shortcut-desc svelte-1ob1zsm">Speech-to-text &amp; text-to-speech</span></button> <button class="shortcut svelte-1ob1zsm"><span class="shortcut-name svelte-1ob1zsm">Channels &amp; add-ons</span> <span class="shortcut-desc svelte-1ob1zsm">Discord, Slack, API &amp; more</span></button> <button class="shortcut svelte-1ob1zsm"><span class="shortcut-name svelte-1ob1zsm">Secrets</span> <span class="shortcut-desc svelte-1ob1zsm">Stack &amp; channel credentials</span></button> <a class="shortcut svelte-1ob1zsm" href="/setup?rerun=1"><span class="shortcut-name svelte-1ob1zsm">Re-run setup</span> <span class="shortcut-desc svelte-1ob1zsm">Walk through the setup wizard again</span></a></div>`);
+	});
+}
+//#endregion
+//#region src/routes/admin/+page.svelte
+function _page($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		let authLocked = true;
+		let authLoading = false;
+		let authError = "";
+		let adminHealth = null;
+		let healthLoading = false;
+		let upgradeLoading = false;
+		let containerData = null;
+		let automationsData = null;
+		let activeTab = "overview";
+		let currentImageTag = "";
+		let inElectron = false;
+		let selectedUiTag = "";
+		let releases = [];
+		let uiVersions = [];
+		const POLL_INTERVAL_MS = 1e4;
+		let pollTimer = null;
+		function startContainerPolling() {
+			stopContainerPolling();
+			pollTimer = setInterval(() => {
+				if (!authLocked && containerData) loadContainers();
+			}, POLL_INTERVAL_MS);
+		}
+		function stopContainerPolling() {
+			if (pollTimer !== null) {
+				clearInterval(pollTimer);
+				pollTimer = null;
+			}
+		}
+		onDestroy(() => {
+			stopContainerPolling();
+		});
+		let anyDangerousLoading = derived(() => upgradeLoading);
+		/** Merged service → state map (used by OverviewTab for health indicators) */
+		let mergedServices = derived(() => {
+			if (!containerData) return /* @__PURE__ */ new Map();
+			const merged = /* @__PURE__ */ new Map();
+			if (containerData.containers) for (const [name, state] of Object.entries(containerData.containers)) merged.set(name, state);
+			if (containerData.dockerContainers) for (const c of containerData.dockerContainers) merged.set(c.Service, c.State);
+			return merged;
+		});
+		function applyInvalidTokenState() {
+			authLocked = true;
+			authError = "Invalid password.";
+		}
+		async function handleAuthSuccess(token) {
+			if (authLoading) return false;
+			authLoading = true;
+			authError = "";
+			try {
+				if (!(await fetch("/admin/auth/login", {
+					method: "POST",
+					headers: { "content-type": "application/json" },
+					body: JSON.stringify({ password: token }),
+					credentials: "include"
+				})).ok) {
+					applyInvalidTokenState();
+					return false;
+				}
+				authLocked = false;
+				authError = "";
+				startContainerPolling();
+				await loadHealth();
+				loadContainers();
+				loadAutomations();
+				loadVersions();
+				loadReleases();
+				return true;
+			} catch (e) {
+				console.warn("[page] Auth failed:", e);
+				authError = "Unable to reach admin API.";
+				return false;
+			} finally {
+				authLoading = false;
+			}
+		}
+		async function loadHealth() {
+			healthLoading = true;
+			try {
+				const health = await fetchHealth();
+				adminHealth = health.admin;
+				health.guardian;
+			} catch (e) {
+				console.warn("[page] Health check failed:", e);
+				adminHealth = {
+					status: "error",
+					service: "admin"
+				};
+			}
+			healthLoading = false;
+		}
+		async function loadContainers() {
+			try {
+				containerData = await fetchContainers();
+			} catch (e) {
+				containerData = null;
+				const err = e;
+				if (err.status === 401) {
+					applyInvalidTokenState();
+				} else `Failed to load containers: ${err.message ?? e}`;
+			}
+			if (containerData) (/* @__PURE__ */ new Date()).toLocaleTimeString();
+		}
+		async function loadAutomations() {
+			try {
+				automationsData = await fetchAutomations();
+			} catch (e) {
+				automationsData = null;
+				const err = e;
+				if (err.status === 401) {
+					applyInvalidTokenState();
+				} else `Failed to load automations: ${err.message ?? e}`;
+			}
+		}
+		async function loadVersions() {
+			try {
+				const data = await fetchVersions();
+				currentImageTag = data.imageTag;
+				inElectron = data.inElectron;
+			} catch {}
+		}
+		async function loadReleases() {
+			try {
+				const [releaseData, uiData] = await Promise.all([fetchReleases(), fetchUiVersions()]);
+				releases = releaseData.releases;
+				uiVersions = uiData.versions;
+				if (!selectedUiTag) {
+					const channelPick = uiData.versions.find((v) => v.distTag === "next" || v.distTag === "latest") ?? uiData.versions[0];
+					if (channelPick) selectedUiTag = channelPick.version;
+				}
+			} catch {}
+		}
+		head("1jef3w8", $$renderer, ($$renderer) => {
+			$$renderer.title(($$renderer) => {
+				$$renderer.push(`<title>OpenPalm Console</title>`);
+			});
+		});
+		if (authLocked) {
+			$$renderer.push("<!--[0-->");
+			AuthGate($$renderer, {
+				onSuccess: handleAuthSuccess,
+				loading: authLoading,
+				error: authError
+			});
+		} else {
+			$$renderer.push("<!--[-1-->");
+			Navbar($$renderer);
+			$$renderer.push(`<!----> <main class="svelte-1jef3w8">`);
+			TabBar($$renderer, {
+				active: activeTab});
+			$$renderer.push(`<!----> `);
+			AdminScopeBar($$renderer);
+			$$renderer.push(`<!----> `);
+			{
+				$$renderer.push("<!--[0-->");
+				OverviewTab($$renderer, {
+					healthLoading,
+					anyDangerousLoading: anyDangerousLoading(),
+					automationsData,
+					mergedServices: mergedServices()});
+			}
+			$$renderer.push(`<!--]--> `);
+			$$renderer.push("<!--[-1-->");
+			$$renderer.push(`<!--]--></main>`);
+		}
+		$$renderer.push(`<!--]-->`);
+	});
+}
+
+export { _page as default };
+//# sourceMappingURL=_page.svelte-CKARhLvT.js.map