@openpalm/ui 0.11.5-rc.3 → 0.11.5-rc.7

package/build/server/chunks/{_page.svelte-Dl3WoXNo.js → _page.svelte-CXGT7iVI.js}

@@ -1,15 +1,16 @@
-import { v as version } from './environment-B0PbsX5P.js';
+import { v as version } from './environment-C9HyCxX9.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-DchoQXpW.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-C9kE6wR-.js';
+import { o as onDestroy, g as goto } from './client-DuNIsVic.js';
+import { g as fetchContainers, f as fetchAutomations, A as voiceState, b as buildHeaders, j as fetchServiceLogs, a as detectAkmEmbedding, x as testAkmEmbedding, n as notifications, z as upgradeStack, e as downloadUiVersion, i as fetchReleases, k as fetchUiVersions, t as setStackVersion } from './theme-state.svelte-BNtUaCD7.js';
+import { N as Navbar, f as formatTime, e as endpointsService } from './Navbar-EBUPxUnS.js';
 import { S as Spinner } from './Spinner-Bk6e83RX.js';
 import { V as VoiceEngineSelector, a as VoiceProfileSelector } from './VoiceProfileSelector-CbOV_v5A.js';
-import './internal-DriC3vi3.js';
+import { T as ToolStrip, C as ChatMessage } from './ChatMessage-CzW3dV57.js';
+import './internal-LXD6a4Om.js';
 import './utils-BSRjJDrZ.js';
 import 'node:module';
 import './chunk-CLZ62Ad-.js';
-import './state-BcUnjLg5.js';
+import './state-z9dl5k8n.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",
@@ -423,6 +436,9 @@ function UpdatesTab($$renderer, $$props) {
 		const appDownloadUrl = derived(() => electronLatestUrl ?? (appLatest() ? `${RELEASES_URL}/tag/v${appLatest()}` : RELEASES_URL));
 		const uiLatest = derived(() => latestForChannel(uiVersion, uiCandidates()));
 		const uiStatus = derived(() => updateStatus(uiVersion, uiLatest()));
+		let notificationsEnabled = false;
+		let replyPreviewEnabled = false;
+		let launchOnLoginEnabled = false;
 		function statusEmoji(s) {
 			return s === "current" ? "✅" : s === "update" ? "⬆️" : "";
 		}
@@ -609,7 +625,10 @@ function UpdatesTab($$renderer, $$props) {
 				$$renderer.push("<!--[-1-->");
 				$$renderer.push(`<p class="version-hint svelte-7mkeya">Downloads and replaces the admin interface. Takes effect after restart.</p>`);
 			}
-			$$renderer.push(`<!--]--></div>`);
+			$$renderer.push(`<!--]--></div> <div class="version-divider svelte-7mkeya"></div> <div class="version-section svelte-7mkeya"><div class="version-label svelte-7mkeya">Launch on login</div> <label class="desktop-toggle svelte-7mkeya"><input type="checkbox"${attr("checked", launchOnLoginEnabled, true)}${attr("disabled", true, true)} class="svelte-7mkeya"/> <span class="svelte-7mkeya">Start OpenPalm automatically when you sign in on this device.</span></label> <p class="version-hint svelte-7mkeya">`);
+			$$renderer.push("<!--[-1-->");
+			$$renderer.push(`Not wired on this platform yet. The current desktop build only exposes this safely on macOS and Windows.`);
+			$$renderer.push(`<!--]--></p></div> <div class="version-divider svelte-7mkeya"></div> <div class="version-section svelte-7mkeya"><div class="version-label svelte-7mkeya">Desktop notifications</div> <label class="desktop-toggle svelte-7mkeya"><input type="checkbox"${attr("checked", notificationsEnabled, true)} class="svelte-7mkeya"/> <span class="svelte-7mkeya">Notify when the assistant replies or errors while the app is in the background.</span></label> <label class="desktop-toggle desktop-toggle--nested svelte-7mkeya"><input type="checkbox"${attr("checked", replyPreviewEnabled, true)}${attr("disabled", true, true)} class="svelte-7mkeya"/> <span class="svelte-7mkeya">Include reply preview in the notification body.</span></label> <p class="version-hint svelte-7mkeya">Reply previews stay off by default because desktop notifications can persist outside the app.</p></div>`);
 		} else $$renderer.push("<!--[-1-->");
 		$$renderer.push(`<!--]--></div></details></div></div>`);
 	});
@@ -1374,6 +1393,201 @@ 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 eventFeed = [];
+		let eventCounts = {};
+		let sessionEventCounts = {};
+		let minuteTimestamps = [];
+		let lastEventAt = null;
+		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));
+		let eventsLastMinute = derived(() => minuteTimestamps.filter((timestamp) => clock - timestamp <= 6e4).length);
+		let eventsLastFiveMinutes = derived(() => minuteTimestamps.filter((timestamp) => clock - timestamp <= 5 * 6e4).length);
+		let eventTypeRows = derived(() => Object.entries(eventCounts).sort((left, right) => right[1] - left[1]).slice(0, 8));
+		let hotSessions = derived(() => sessions.map((session) => ({
+			...session,
+			events: sessionEventCounts[session.id] ?? 0
+		})).sort((left, right) => right.events - left.events || right.updatedAt - left.updatedAt).slice(0, 8));
+		onDestroy(() => {});
+		$$renderer.push(`<div class="panel" role="tabpanel"><div class="panel-header svelte-z6w8je"><div><h2>Activity</h2> <p class="panel-subtitle svelte-z6w8je">Readable operator telemetry for the active assistant endpoint: what is blocked, what is failing, which sessions are busiest, 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="endpoint-banner svelte-z6w8je"><div><div class="endpoint-label svelte-z6w8je">Endpoint</div> <div class="endpoint-value svelte-z6w8je">${escape_html(endpointsService.active?.label ?? "Active assistant endpoint")}</div> <div class="endpoint-url mono svelte-z6w8je">${escape_html(endpointsService.active?.url ?? "Loading endpoint URL...")}</div></div> <div${attr_class(`stream-badge stream-badge--${stringify(streamState)}`, "svelte-z6w8je")}>${escape_html(streamState)}</div></div> <div class="summary-grid svelte-z6w8je"><div class="summary-card svelte-z6w8je"><span class="summary-label svelte-z6w8je">Events / minute</span> <strong class="summary-value svelte-z6w8je">${escape_html(eventsLastMinute())}</strong> <small class="svelte-z6w8je">${escape_html(eventsLastFiveMinutes())} events seen in the last 5 minutes</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">Last event</span> <strong class="summary-value summary-value--small svelte-z6w8je">${escape_html(fmtTime(lastEventAt))}</strong> <small class="svelte-z6w8je">${escape_html(failingItems() > 0 ? `${failingItems()} failure${failingItems() === 1 ? "" : "s"} need review.` : "Reconnect needed.")}</small></div> <div class="summary-card svelte-z6w8je"><span class="summary-label svelte-z6w8je">Observed types</span> <strong class="summary-value svelte-z6w8je">${escape_html(Object.keys(eventCounts).length)}</strong> <small class="svelte-z6w8je">${escape_html(eventFeed.length)} recent events buffered</small></div> <div${attr_class("summary-card svelte-z6w8je", void 0, { "summary-card--danger": failingItems() > 0 })}><span class="summary-label svelte-z6w8je">Failures seen</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> <div class="subsection-head svelte-z6w8je"><h4 class="svelte-z6w8je">Live event feed</h4> <span class="svelte-z6w8je">${escape_html(eventFeed.length)}</span></div> <div class="feed-list svelte-z6w8je">`);
+		if (eventFeed.length === 0) {
+			$$renderer.push("<!--[0-->");
+			$$renderer.push(`<div class="empty-card svelte-z6w8je">Waiting for OpenCode events...</div>`);
+		} else $$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--> <!--[-->`);
+		const each_array_1 = ensure_array_like(eventFeed.slice(0, 12));
+		for (let $$index_1 = 0, $$length = each_array_1.length; $$index_1 < $$length; $$index_1++) {
+			let event = each_array_1[$$index_1];
+			$$renderer.push(`<article class="feed-row svelte-z6w8je"><div class="feed-top svelte-z6w8je"><span class="feed-type mono svelte-z6w8je">${escape_html(event.type)}</span> <span class="svelte-z6w8je">${escape_html(fmtTime(event.timestamp))}</span></div> <strong class="svelte-z6w8je">${escape_html(event.title)}</strong> `);
+			if (event.toolState) {
+				$$renderer.push("<!--[0-->");
+				ToolStrip($$renderer, {
+					items: [event.toolState],
+					ariaLabel: "Activity tool event"
+				});
+			} else if (event.detail) {
+				$$renderer.push("<!--[1-->");
+				$$renderer.push(`<p class="svelte-z6w8je">${escape_html(event.detail)}</p>`);
+			} else $$renderer.push("<!--[-1-->");
+			$$renderer.push(`<!--]--> `);
+			if (event.sessionId) {
+				$$renderer.push("<!--[0-->");
+				$$renderer.push(`<button class="attention-session mono svelte-z6w8je" type="button">${escape_html(event.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_2 = ensure_array_like(sessions.slice(0, 12));
+		for (let $$index_2 = 0, $$length = each_array_2.length; $$index_2 < $$length; $$index_2++) {
+			let session = each_array_2[$$index_2];
+			$$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-stats svelte-z6w8je"><strong>${escape_html(sessionEventCounts[session.id] ?? 0)} evt</strong> <span class="session-id mono svelte-z6w8je">${escape_html(session.id.slice(0, 12))}...</span></div></button>`);
+		}
+		$$renderer.push(`<!--]--></div> <div class="subsection-head svelte-z6w8je"><h4 class="svelte-z6w8je">Event breakdown</h4> <span class="svelte-z6w8je">${escape_html(eventTypeRows().length)}</span></div> <table class="data-table svelte-z6w8je"><thead><tr><th class="svelte-z6w8je">Type</th><th class="svelte-z6w8je">Total</th></tr></thead><tbody>`);
+		if (eventTypeRows().length === 0) {
+			$$renderer.push("<!--[0-->");
+			$$renderer.push(`<tr><td colspan="2" class="empty-cell svelte-z6w8je">No events observed yet.</td></tr>`);
+		} else $$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--><!--[-->`);
+		const each_array_3 = ensure_array_like(eventTypeRows());
+		for (let $$index_3 = 0, $$length = each_array_3.length; $$index_3 < $$length; $$index_3++) {
+			let [type, count] = each_array_3[$$index_3];
+			$$renderer.push(`<tr><td class="mono svelte-z6w8je">${escape_html(type)}</td><td class="svelte-z6w8je">${escape_html(count)}</td></tr>`);
+		}
+		$$renderer.push(`<!--]--></tbody></table> <div class="subsection-head svelte-z6w8je"><h4 class="svelte-z6w8je">Most active sessions</h4> <span class="svelte-z6w8je">${escape_html(hotSessions().length)}</span></div> <div class="hot-session-list svelte-z6w8je">`);
+		if (hotSessions().length === 0) {
+			$$renderer.push("<!--[0-->");
+			$$renderer.push(`<div class="empty-card svelte-z6w8je">No session activity captured yet.</div>`);
+		} else $$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--> <!--[-->`);
+		const each_array_4 = ensure_array_like(hotSessions());
+		for (let $$index_4 = 0, $$length = each_array_4.length; $$index_4 < $$length; $$index_4++) {
+			let session = each_array_4[$$index_4];
+			$$renderer.push(`<div class="hot-session-row svelte-z6w8je"><div><div class="session-title svelte-z6w8je">${escape_html(session.title || "Untitled session")}</div> <div class="session-meta mono svelte-z6w8je">${escape_html(session.id)}</div></div> <strong>${escape_html(session.events)}</strong></div>`);
+		}
+		$$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 class="svelte-z6w8je"><span class="svelte-z6w8je">Events seen</span><strong class="svelte-z6w8je">${escape_html(sessionEventCounts[selectedSession().id] ?? 0)}</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_5 = ensure_array_like(selectedMessages.slice(-12));
+			for (let $$index_5 = 0, $$length = each_array_5.length; $$index_5 < $$length; $$index_5++) {
+				let entry = each_array_5[$$index_5];
+				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/akm/AkmKnowledgeStatsSection.svelte
+function AkmKnowledgeStatsSection($$renderer, $$props) {
+	$$renderer.component(($$renderer) => {
+		let { disabled } = $$props;
+		$$renderer.push(`<section class="stats-section svelte-1jrmvb5"><div class="stats-header svelte-1jrmvb5"><div><h3 class="svelte-1jrmvb5">Knowledge &amp; Learning</h3> <p class="section-note">Read-only AKM health, memory counts, improve activity, and pending proposals from live CLI JSON output.</p></div> <button class="btn btn-secondary btn-sm" type="button"${attr("disabled", disabled, true)}>`);
+		$$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--> Refresh stats</button></div> `);
+		$$renderer.push("<!--[1-->");
+		$$renderer.push(`<div class="stats-loading svelte-1jrmvb5">`);
+		Spinner($$renderer, {});
+		$$renderer.push(`<!----> <span>Loading knowledge stats…</span></div>`);
+		$$renderer.push(`<!--]--></section>`);
+	});
+}
+//#endregion
 //#region src/lib/components/common/PasswordInput.svelte
 function PasswordInput($$renderer, $$props) {
 	$$renderer.component(($$renderer) => {
@@ -2026,10 +2240,23 @@ function AkmTab($$renderer, $$props) {
 			testingEmbedding = true;
 			error = "";
 			try {
+				let endpoint = embEndpoint.trim();
+				let model = embModel.trim();
+				let provider = embProvider.trim();
+				if (!endpoint || !model) {
+					const detected = await detectAkmEmbedding();
+					endpoint = detected.endpoint;
+					model = detected.model;
+					provider = detected.provider;
+					embEndpoint = detected.endpoint;
+					embModel = detected.model;
+					embProvider = detected.provider;
+					embDimension = detected.dimension;
+				}
 				const result = await testAkmEmbedding({
-					endpoint: embEndpoint,
-					model: embModel,
-					provider: embProvider,
+					endpoint,
+					model,
+					provider,
 					apiKey: embApiKey,
 					dimension: embDimension
 				});
@@ -2056,9 +2283,10 @@ 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> `);
+			AkmKnowledgeStatsSection($$renderer, { disabled: detectingEmbedding || testingEmbedding || false });
+			$$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, {
 				disabled: saving,
 				onedit: (p) => openLlmDrawer(p),
@@ -2211,6 +2439,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 +3022,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 +3056,4 @@ function _page($$renderer, $$props) {
 }
 
 export { _page as default };
-//# sourceMappingURL=_page.svelte-Dl3WoXNo.js.map
+//# sourceMappingURL=_page.svelte-CXGT7iVI.js.map