@openpalm/ui 0.11.0-rc.7 → 0.11.0-rc.9

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

@@ -0,0 +1,414 @@
+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-D0tEXcn4.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 } from './AuthGate-DL3Htqtl.js';
+import './internal-DRqRyEjV.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" />`,
+			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: "system",
+				label: "System",
+				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: "configure",
+				label: "Configure",
+				tabs: [
+					{
+						id: "connections",
+						label: "AI Providers",
+						icon: ICONS.connections
+					},
+					{
+						id: "akm",
+						label: "Knowledge",
+						icon: ICONS.akm
+					},
+					{
+						id: "voice",
+						label: "Voice",
+						icon: ICONS.voice
+					}
+				]
+			},
+			{
+				id: "extend",
+				label: "Extend",
+				tabs: [
+					{
+						id: "addons",
+						label: "Addons",
+						icon: ICONS.addons
+					},
+					{
+						id: "automations",
+						label: "Automations",
+						icon: ICONS.automations
+					},
+					{
+						id: "secrets",
+						label: "Secrets",
+						icon: ICONS.secrets
+					}
+				]
+			}
+		];
+		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> <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></nav>`);
+	});
+}
+//#endregion
+//#region src/lib/components/OverviewTab.svelte
+function OverviewTab($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		let { adminHealth, healthLoading, anyDangerousLoading, automationsData, mergedServices} = $$props;
+		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 guardianContainerStatus = derived(() => {
+			const status = mergedServices.get("guardian");
+			if (status === "running") return "running";
+			if (status === "stopped" || status === "exited" || status === "created") return "stopped";
+			if (status) return "stopped";
+			return "unknown";
+		});
+		let assistantStatus = derived(() => {
+			const status = mergedServices.get("assistant");
+			if (status === "running") return "connected";
+			if (status === "stopped" || status === "exited" || status === "created") return "disconnected";
+			if (status) return "disconnected";
+			return "unknown";
+		});
+		let healthSummary = derived(() => {
+			if (!containerCounts()) return {
+				status: "unknown",
+				message: "Checking services…"
+			};
+			if (containerCounts().running === containerCounts().total && containerCounts().total > 0) return {
+				status: "ok",
+				message: `All ${containerCounts().total} services running`
+			};
+			return {
+				status: "warning",
+				message: `${containerCounts().total - containerCounts().running} of ${containerCounts().total} services not running — check the Containers tab`
+			};
+		});
+		$$renderer.push(`<div${attr_class(`health-summary health-summary--${stringify(healthSummary().status)}`, "svelte-1ob1zsm")} role="status" aria-live="polite"><span class="health-icon svelte-1ob1zsm" aria-hidden="true">`);
+		if (healthSummary().status === "warning") {
+			$$renderer.push("<!--[0-->");
+			$$renderer.push(`<svg width="18" height="18" 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 (healthSummary().status === "ok") {
+			$$renderer.push("<!--[1-->");
+			$$renderer.push(`<svg width="18" height="18" 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="18" height="18" 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> <span class="health-msg">${escape_html(healthSummary().message)}</span></div> `);
+		$$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--> <div class="panel-grid svelte-1ob1zsm" role="tabpanel"><div class="panel"><div class="panel-header"><h2>Quick Actions</h2></div> <div class="panel-body"><div class="action-list svelte-1ob1zsm"><button class="action-item svelte-1ob1zsm"${attr("disabled", healthLoading, true)}><span class="action-icon action-icon--blue svelte-1ob1zsm">`);
+		if (healthLoading) {
+			$$renderer.push("<!--[0-->");
+			$$renderer.push(`<span class="spinner"></span>`);
+		} else {
+			$$renderer.push("<!--[-1-->");
+			$$renderer.push(`<svg aria-hidden="true" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 12h-4l-3 9L9 3l-3 9H2"></path></svg>`);
+		}
+		$$renderer.push(`<!--]--></span> <div class="action-content svelte-1ob1zsm"><span class="action-title svelte-1ob1zsm">Health Check</span> <span class="action-desc svelte-1ob1zsm">Verify admin and guardian services are reachable</span></div> <span class="action-arrow svelte-1ob1zsm"><svg aria-hidden="true" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg></span></button> <button class="action-item svelte-1ob1zsm"${attr("disabled", anyDangerousLoading || false, true)}><span class="action-icon action-icon--blue svelte-1ob1zsm">`);
+		{
+			$$renderer.push("<!--[-1-->");
+			$$renderer.push(`<svg aria-hidden="true" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 16 12 12 8 16"></polyline><line x1="12" y1="12" x2="12" y2="21"></line><path d="M20.39 18.39A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.3"></path></svg>`);
+		}
+		$$renderer.push(`<!--]--></span> <div class="action-content svelte-1ob1zsm"><span class="action-title svelte-1ob1zsm">Apply Config + Restart</span> <span class="action-desc svelte-1ob1zsm">Update configuration and restart running services</span> <span class="action-hint svelte-1ob1zsm">Restarts services with updated compose config.</span></div> <span class="action-arrow svelte-1ob1zsm"><svg aria-hidden="true" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg></span></button> <a class="action-item svelte-1ob1zsm" href="/setup?rerun=1"><span class="action-icon action-icon--purple svelte-1ob1zsm"><svg aria-hidden="true" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"></circle><path d="M19.07 4.93a10 10 0 0 1 0 14.14M4.93 4.93a10 10 0 0 0 0 14.14"></path></svg></span> <div class="action-content svelte-1ob1zsm"><span class="action-title svelte-1ob1zsm">Update Settings</span> <span class="action-desc svelte-1ob1zsm">Re-run setup wizard to change providers, channels, or options</span></div> <span class="action-arrow svelte-1ob1zsm"><svg aria-hidden="true" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"></polyline></svg></span></a></div></div></div> <div class="panel"><div class="panel-header"><h2>System Information</h2></div> <div class="panel-body"><div class="info-grid svelte-1ob1zsm"><div class="info-item svelte-1ob1zsm"><span class="info-label svelte-1ob1zsm">Admin API</span> <span class="info-value svelte-1ob1zsm">`);
+		if (adminHealth) {
+			$$renderer.push("<!--[0-->");
+			$$renderer.push(`<span${attr_class("badge", void 0, {
+				"badge-success": adminHealth.status === "ok",
+				"badge-danger": adminHealth.status !== "ok"
+			})}>${escape_html(adminHealth.status)}</span>`);
+		} else {
+			$$renderer.push("<!--[-1-->");
+			$$renderer.push(`<span class="badge badge-idle">Unknown</span>`);
+		}
+		$$renderer.push(`<!--]--></span></div> <div class="info-item svelte-1ob1zsm"><span class="info-label svelte-1ob1zsm">Guardian</span> <span class="info-value svelte-1ob1zsm">`);
+		if (guardianContainerStatus() === "running") {
+			$$renderer.push("<!--[0-->");
+			$$renderer.push(`<span class="badge badge-success">Running</span>`);
+		} else if (guardianContainerStatus() === "stopped") {
+			$$renderer.push("<!--[1-->");
+			$$renderer.push(`<span class="badge badge-danger">Stopped</span>`);
+		} else {
+			$$renderer.push("<!--[-1-->");
+			$$renderer.push(`<span class="badge badge-idle">Unknown</span>`);
+		}
+		$$renderer.push(`<!--]--></span></div> <div class="info-item svelte-1ob1zsm"><span class="info-label svelte-1ob1zsm">Containers</span> <span class="info-value svelte-1ob1zsm">`);
+		if (containerCounts()) {
+			$$renderer.push("<!--[0-->");
+			if (containerCounts().running === containerCounts().total) {
+				$$renderer.push("<!--[0-->");
+				$$renderer.push(`<span class="badge badge-success">${escape_html(containerCounts().running)} / ${escape_html(containerCounts().total)} running</span>`);
+			} else if (containerCounts().running > 0) {
+				$$renderer.push("<!--[1-->");
+				$$renderer.push(`<span class="badge badge-warning">${escape_html(containerCounts().running)} / ${escape_html(containerCounts().total)} running</span>`);
+			} else {
+				$$renderer.push("<!--[-1-->");
+				$$renderer.push(`<span class="badge badge-danger">0 / ${escape_html(containerCounts().total)} running</span>`);
+			}
+			$$renderer.push(`<!--]-->`);
+		} else {
+			$$renderer.push("<!--[-1-->");
+			$$renderer.push(`<span class="badge badge-idle">Unknown</span>`);
+		}
+		$$renderer.push(`<!--]--></span></div> <div class="info-item svelte-1ob1zsm"><span class="info-label svelte-1ob1zsm">Assistant</span> <span class="info-value svelte-1ob1zsm">`);
+		if (assistantStatus() === "connected") {
+			$$renderer.push("<!--[0-->");
+			$$renderer.push(`<span class="badge badge-success">Connected</span>`);
+		} else if (assistantStatus() === "disconnected") {
+			$$renderer.push("<!--[1-->");
+			$$renderer.push(`<span class="badge badge-danger">Disconnected</span>`);
+		} else {
+			$$renderer.push("<!--[-1-->");
+			$$renderer.push(`<span class="badge badge-idle">Unknown</span>`);
+		}
+		$$renderer.push(`<!--]--></span></div> <div class="info-item svelte-1ob1zsm"><span class="info-label svelte-1ob1zsm">Automations</span> <span class="info-value svelte-1ob1zsm">`);
+		if (automationsData) {
+			$$renderer.push("<!--[0-->");
+			$$renderer.push(`<span class="info-mono svelte-1ob1zsm">${escape_html(enabledAutomationCount())} active / ${escape_html(automationCount())} total</span>`);
+		} else {
+			$$renderer.push("<!--[-1-->");
+			$$renderer.push(`<span class="badge badge-idle">Loading</span>`);
+		}
+		$$renderer.push(`<!--]--></span></div></div></div></div></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(`<!----> `);
+			{
+				$$renderer.push("<!--[0-->");
+				OverviewTab($$renderer, {
+					adminHealth,
+					healthLoading,
+					anyDangerousLoading: anyDangerousLoading(),
+					automationsData,
+					mergedServices: mergedServices()});
+			}
+			$$renderer.push(`<!--]--> `);
+			$$renderer.push("<!--[-1-->");
+			$$renderer.push(`<!--]--></main>`);
+		}
+		$$renderer.push(`<!--]-->`);
+	});
+}
+
+export { _page as default };
+//# sourceMappingURL=_page.svelte-BNcatsUe.js.map