@openpalm/ui 0.11.4 → 0.11.5-rc.2

package/build/server/chunks/{_page.svelte-mld1jqX5.js → _page.svelte-C6_O57B-.js}

@@ -1,15 +1,16 @@
-import { v as version } from './environment-BSan9M-f.js';
+import { v as version } from './environment-WkaY56eW.js';
 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, g as goto } from './client-BhIdOLuN.js';
-import { g as fetchContainers, f as fetchAutomations, w as voiceState, b as buildHeaders, j as fetchServiceLogs, t as testAkmEmbedding, n as notifications, a as detectAkmEmbedding, v as upgradeStack, e as downloadUiVersion, i as fetchReleases, k as fetchUiVersions, p as setStackVersion } from './theme-state.svelte-CeABRes-.js';
-import { N as Navbar, f as formatTime } from './Navbar-DDD0LQ9P.js';
+import { o as onDestroy, g as goto } from './client-DsJcfz5L.js';
+import { g as fetchContainers, f as fetchAutomations, A as voiceState, b as buildHeaders, j as fetchServiceLogs, x as testAkmEmbedding, n as notifications, a as detectAkmEmbedding, z as upgradeStack, e as downloadUiVersion, i as fetchReleases, k as fetchUiVersions, t as setStackVersion } from './theme-state.svelte-_CMr5Hu9.js';
+import { N as Navbar, f as formatTime } from './Navbar-C72vlTUN.js';
 import { S as Spinner } from './Spinner-Bk6e83RX.js';
 import { V as VoiceEngineSelector, a as VoiceProfileSelector } from './VoiceProfileSelector-CbOV_v5A.js';
-import './internal-Df9GLXoC.js';
+import { C as ChatMessage } from './ChatMessage-jkPoi0IR.js';
+import './internal-BxZRZr_z.js';
 import './utils-BSRjJDrZ.js';
 import 'node:module';
 import './chunk-CLZ62Ad-.js';
-import './state-oTjIGK6_.js';
+import './state-Cp7JnmAS.js';
 
 //#region src/lib/components/chrome/TabBar.svelte
 function TabBar($$renderer, $$props) {
@@ -21,7 +22,9 @@ function TabBar($$renderer, $$props) {
 			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" />`,
@@ -38,6 +41,11 @@ function TabBar($$renderer, $$props) {
 						label: "Overview",
 						icon: ICONS.overview
 					},
+					{
+						id: "activity",
+						label: "Activity",
+						icon: ICONS.activity
+					},
 					{
 						id: "containers",
 						label: "Systems",
@@ -100,6 +108,11 @@ function TabBar($$renderer, $$props) {
 						label: "Memory",
 						icon: ICONS.akm
 					},
+					{
+						id: "assistant",
+						label: "Assistant",
+						icon: ICONS.assistant
+					},
 					{
 						id: "secrets",
 						label: "Secrets",
@@ -1374,6 +1387,125 @@ function SecretsTab($$renderer, $$props) {
 	});
 }
 //#endregion
+//#region src/lib/components/admin/assistant/AssistantTab.svelte
+function AssistantTab($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		let saving = false;
+		let projectName = "openpalm";
+		let lanExposureEnabled = false;
+		let personaPath = "config/assistant/openpalm.md";
+		let stackEnvPath = "knowledge/env/stack.env";
+		let personaContent = "";
+		$$renderer.push(`<div class="panel" role="tabpanel"><div class="panel-header svelte-obkjlq"><div><h2>Assistant</h2> <p class="panel-subtitle svelte-obkjlq">Configure the Docker Compose project name in <code>${escape_html(stackEnvPath)}</code> and edit the assistant persona file mounted from <code>${escape_html(personaPath)}</code>.</p></div> <div class="panel-header-actions svelte-obkjlq"><button class="btn btn-secondary btn-sm"${attr("disabled", false, true)}>`);
+		$$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--> Refresh</button> <button class="btn btn-primary btn-sm"${attr("disabled", false, true)}>`);
+		$$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)}>`);
+		const $$body = escape_html(personaContent);
+		if ($$body) $$renderer.push(`${$$body}`);
+		$$renderer.push(`</textarea></section></div></div>`);
+	});
+}
+//#endregion
+//#region src/lib/components/admin/activity/ActivityTab.svelte
+function ActivityTab($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		let loading = false;
+		let messagesLoading = false;
+		let streamState = "connecting";
+		let sessions = [];
+		let selectedSessionId = null;
+		let selectedMessages = [];
+		let attentionFeed = [];
+		let clock = Date.now();
+		function fmtTime(timestamp) {
+			if (!timestamp) return "n/a";
+			return new Date(timestamp).toLocaleTimeString([], {
+				hour: "2-digit",
+				minute: "2-digit",
+				second: "2-digit"
+			});
+		}
+		function fmtDateTime(timestamp) {
+			return new Date(timestamp).toLocaleString([], {
+				month: "short",
+				day: "numeric",
+				hour: "2-digit",
+				minute: "2-digit",
+				second: "2-digit"
+			});
+		}
+		let selectedSession = derived(() => sessions.find((session) => session.id === selectedSessionId) ?? null);
+		let waitingItems = derived(() => attentionFeed.filter((item) => item.title === "Approval needed" || item.title === "Answer requested").length);
+		let failingItems = derived(() => attentionFeed.filter((item) => item.severity === "high").length);
+		let activeSessions = derived(() => sessions.filter((session) => clock - session.updatedAt <= 5 * 6e4).length);
+		let latestAttention = derived(() => attentionFeed.slice(0, 10));
+		onDestroy(() => {});
+		$$renderer.push(`<div class="panel" role="tabpanel"><div class="panel-header svelte-z6w8je"><div><h2>Activity</h2> <p class="panel-subtitle svelte-z6w8je">A readable view of what the assistant is doing right now, which sessions need attention, and the recent history for a selected conversation.</p></div> <div class="panel-header-actions svelte-z6w8je"><button class="btn btn-secondary btn-sm"${attr("disabled", loading, true)}>`);
+		$$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--> Refresh</button></div></div> `);
+		$$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--> `);
+		$$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--> <div class="summary-grid svelte-z6w8je"><div class="summary-card svelte-z6w8je"><span class="summary-label svelte-z6w8je">Stream</span> <strong class="summary-value svelte-z6w8je">${escape_html(streamState)}</strong> <small class="svelte-z6w8je">${escape_html("Connecting to the assistant event stream.")}</small></div> <div class="summary-card svelte-z6w8je"><span class="summary-label svelte-z6w8je">Sessions</span> <strong class="summary-value svelte-z6w8je">${escape_html(sessions.length)}</strong> <small class="svelte-z6w8je">${escape_html(activeSessions())} active in the last 5 minutes</small></div> <div class="summary-card summary-card--warning svelte-z6w8je"><span class="summary-label svelte-z6w8je">Waiting on people</span> <strong class="summary-value svelte-z6w8je">${escape_html(waitingItems())}</strong> <small class="svelte-z6w8je">Permissions and answers that block the assistant.</small></div> <div${attr_class("summary-card svelte-z6w8je", void 0, { "summary-card--danger": failingItems() > 0 })}><span class="summary-label svelte-z6w8je">Attention items</span> <strong class="summary-value svelte-z6w8je">${escape_html(failingItems())}</strong> <small class="svelte-z6w8je">${escape_html(failingItems() > 0 ? "Tool or session failures need review." : "No current failures seen.")}</small></div></div> <div class="activity-layout svelte-z6w8je"><section class="card-section svelte-z6w8je"><div class="card-head svelte-z6w8je"><h3 class="svelte-z6w8je">Needs attention</h3> <span class="svelte-z6w8je">${escape_html(latestAttention().length)}</span></div> <div class="attention-list svelte-z6w8je">`);
+		if (latestAttention().length === 0) {
+			$$renderer.push("<!--[0-->");
+			$$renderer.push(`<div class="empty-card svelte-z6w8je">Nothing urgent has happened yet.</div>`);
+		} else $$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--> <!--[-->`);
+		const each_array = ensure_array_like(latestAttention());
+		for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+			let item = each_array[$$index];
+			$$renderer.push(`<article${attr_class(`attention-item attention-item--${stringify(item.severity)}`, "svelte-z6w8je")}><div class="attention-top svelte-z6w8je"><strong class="svelte-z6w8je">${escape_html(item.title)}</strong> <span class="svelte-z6w8je">${escape_html(fmtTime(item.timestamp))}</span></div> <p class="svelte-z6w8je">${escape_html(item.detail)}</p> `);
+			if (item.sessionId) {
+				$$renderer.push("<!--[0-->");
+				$$renderer.push(`<button class="attention-session mono svelte-z6w8je" type="button">${escape_html(item.sessionId)}</button>`);
+			} else $$renderer.push("<!--[-1-->");
+			$$renderer.push(`<!--]--></article>`);
+		}
+		$$renderer.push(`<!--]--></div></section> <section class="card-section svelte-z6w8je"><div class="card-head svelte-z6w8je"><h3 class="svelte-z6w8je">Recent sessions</h3> <span class="svelte-z6w8je">${escape_html(sessions.length)}</span></div> <div class="session-list svelte-z6w8je">`);
+		if (sessions.length === 0 && true) {
+			$$renderer.push("<!--[0-->");
+			$$renderer.push(`<div class="empty-card svelte-z6w8je">No sessions found on the active assistant endpoint.</div>`);
+		} else $$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--> <!--[-->`);
+		const each_array_1 = ensure_array_like(sessions.slice(0, 12));
+		for (let $$index_1 = 0, $$length = each_array_1.length; $$index_1 < $$length; $$index_1++) {
+			let session = each_array_1[$$index_1];
+			$$renderer.push(`<button${attr_class("session-row svelte-z6w8je", void 0, { "selected": selectedSessionId === session.id })}><div><div class="session-title svelte-z6w8je">${escape_html(session.title || "Untitled session")}</div> <div class="session-meta svelte-z6w8je">Updated ${escape_html(fmtDateTime(session.updatedAt))}</div></div> <div class="session-id mono svelte-z6w8je">${escape_html(session.id.slice(0, 12))}…</div></button>`);
+		}
+		$$renderer.push(`<!--]--></div></section></div> <section class="card-section session-details svelte-z6w8je"><div class="card-head svelte-z6w8je"><h3 class="svelte-z6w8je">Selected session</h3> `);
+		if (selectedSession()) {
+			$$renderer.push("<!--[0-->");
+			$$renderer.push(`<span class="svelte-z6w8je">${escape_html(selectedSession().title || selectedSession().id)}</span>`);
+		} else $$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--></div> `);
+		if (selectedSession()) {
+			$$renderer.push("<!--[0-->");
+			$$renderer.push(`<div class="selected-meta svelte-z6w8je"><div class="svelte-z6w8je"><span class="svelte-z6w8je">Created</span><strong class="svelte-z6w8je">${escape_html(fmtDateTime(selectedSession().createdAt))}</strong></div> <div class="svelte-z6w8je"><span class="svelte-z6w8je">Updated</span><strong class="svelte-z6w8je">${escape_html(fmtDateTime(selectedSession().updatedAt))}</strong></div> <div class="svelte-z6w8je"><span class="svelte-z6w8je">Session ID</span><strong class="mono svelte-z6w8je">${escape_html(selectedSession().id)}</strong></div></div> <div class="message-panel-head svelte-z6w8je"><span>Recent activity</span> <button class="btn btn-ghost btn-sm"${attr("disabled", messagesLoading, true)}>`);
+			$$renderer.push("<!--[-1-->");
+			$$renderer.push(`<!--]--> Refresh</button></div> `);
+			if (selectedMessages.length === 0 && true) {
+				$$renderer.push("<!--[0-->");
+				$$renderer.push(`<div class="empty-card svelte-z6w8je">No chat or tool activity available for this session yet.</div>`);
+			} else $$renderer.push("<!--[-1-->");
+			$$renderer.push(`<!--]--> <div class="selected-message-list svelte-z6w8je"><!--[-->`);
+			const each_array_2 = ensure_array_like(selectedMessages.slice(-12));
+			for (let $$index_2 = 0, $$length = each_array_2.length; $$index_2 < $$length; $$index_2++) {
+				let entry = each_array_2[$$index_2];
+				ChatMessage($$renderer, { entry });
+			}
+			$$renderer.push(`<!--]--></div>`);
+		} else {
+			$$renderer.push("<!--[-1-->");
+			$$renderer.push(`<div class="empty-card svelte-z6w8je">Select a session to inspect its recent chat and tool activity.</div>`);
+		}
+		$$renderer.push(`<!--]--></section></div>`);
+	});
+}
+//#endregion
 //#region src/lib/components/common/PasswordInput.svelte
 function PasswordInput($$renderer, $$props) {
 	$$renderer.component(($$renderer) => {
@@ -2056,7 +2188,7 @@ function AkmTab($$renderer, $$props) {
 				$$renderer.push("<!--[0-->");
 				$$renderer.push(`<div class="error-banner svelte-19wb2va"><span>${escape_html(error)}</span></div>`);
 			} else $$renderer.push("<!--[-1-->");
-			$$renderer.push(`<!--]--> <div class="panel-body svelte-19wb2va"><div class="k-tabs svelte-19wb2va" role="tablist" aria-label="Knowledge sections"><button role="tab"${attr_class("k-tab svelte-19wb2va", void 0, { "k-tab--active": true })}${attr("aria-selected", true)}>AI Services</button> <button role="tab"${attr_class("k-tab svelte-19wb2va", void 0, { "k-tab--active": false })}${attr("aria-selected", false)}>Behavior</button></div> `);
+			$$renderer.push(`<!--]--> <div class="panel-body svelte-19wb2va"><div class="k-tabs svelte-19wb2va" role="tablist" aria-label="Knowledge sections"><button role="tab"${attr_class("k-tab svelte-19wb2va", void 0, { "k-tab--active": true })}${attr("aria-selected", true)}>AI Services</button> <button role="tab"${attr_class("k-tab svelte-19wb2va", void 0, { "k-tab--active": false })}${attr("aria-selected", false)}>Behavior</button> <button role="tab"${attr_class("k-tab svelte-19wb2va", void 0, { "k-tab--active": false })}${attr("aria-selected", false)}>Health Report</button></div> `);
 			$$renderer.push("<!--[0-->");
 			$$renderer.push(`<p class="section-note section-note--lead svelte-19wb2va">The AI services your assistant uses to build and search its memory — the language models that organize memories, the embedding provider for semantic search, and the maintenance pipeline.</p> `);
 			LlmProfilesSection($$renderer, {
@@ -2211,6 +2343,8 @@ function AkmTab($$renderer, $$props) {
 			$$renderer.push(`<!---->`);
 			$$renderer.push(`<!--]--> `);
 			$$renderer.push("<!--[-1-->");
+			$$renderer.push(`<!--]--> `);
+			$$renderer.push("<!--[-1-->");
 			$$renderer.push(`<!--]--></div> `);
 			if (drawerType === "llm" && drawerLlm) {
 				$$renderer.push("<!--[0-->");
@@ -2792,11 +2926,17 @@ function _page($$renderer, $$props) {
 				data: automationsData,
 				loading: automationsLoading,
 				error: automationsError});
-		} else if (activeTab === "connections") {
+		} else if (activeTab === "activity") {
 			$$renderer.push("<!--[5-->");
+			ActivityTab($$renderer);
+		} else if (activeTab === "connections") {
+			$$renderer.push("<!--[6-->");
 			ProvidersPanel($$renderer);
+		} else if (activeTab === "assistant") {
+			$$renderer.push("<!--[7-->");
+			AssistantTab($$renderer);
 		} else if (activeTab === "secrets") {
-			$$renderer.push("<!--[6-->");
+			$$renderer.push("<!--[8-->");
 			SecretsTab($$renderer);
 		} else $$renderer.push("<!--[-1-->");
 		$$renderer.push(`<!--]--> `);
@@ -2820,4 +2960,4 @@ function _page($$renderer, $$props) {
 }
 
 export { _page as default };
-//# sourceMappingURL=_page.svelte-mld1jqX5.js.map
+//# sourceMappingURL=_page.svelte-C6_O57B-.js.map