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

package/build/server/chunks/_page.svelte-4WHOZ298.js

@@ -1,408 +0,0 @@
-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-BCMZi_P3.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-C3ZisQbA.js';
-import './internal-CStLdOSk.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-4WHOZ298.js.map