pilotswarm 0.5.69 → 0.5.70

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "pilotswarm",
-    "version": "0.5.69",
+    "version": "0.5.70",
     "description": "PilotSwarm application package: terminal UI, browser portal + Web API server, and MCP server — one install, three bins.",
     "type": "module",
     "license": "MIT",
@@ -81,7 +81,7 @@
         "ink": "^6.8.0",
         "jose": "^6.2.2",
         "mermaid": "^11.16.0",
-        "pilotswarm-sdk": "0.5.69",
+        "pilotswarm-sdk": "0.5.70",
         "react": "^19.2.4",
         "react-dom": "^19.2.4",
         "ws": "^8.18.2"

package/ui/core/src/history.js

@@ -3,7 +3,7 @@ import { isCanvasActionContent, parseCanvasActionContent } from "./canvas-action
 import { formatCompactionActivityRuns } from "./context-usage.js";
 import { canonicalSystemTitle } from "./system-titles.js";
 import { matchesSessionError } from "./session-warning.js";
-import { appendNativeTaskEvent } from "./native-tasks.js";
+import { appendNativeTaskEvent, appendNativeTaskCall } from "./native-tasks.js";
 import { buildSessionWarning } from "./session-errors.js";
 import { appendChatCall, CHAT_CALL_EVENT_TYPES } from "./chat-activity.js";
 
@@ -21,6 +21,7 @@ export const HISTORY_EVENT_LIMIT_STEPS = [
 // load transcript pages instead of raw-stream pages.
 export const CHAT_HISTORY_EVENT_TYPES = [
     ...CHAT_CALL_EVENT_TYPES,
+    ...CHAT_CALL_EVENT_TYPES.filter(type => type !== "session.agent_spawned").map(type => `native.${type}`),
     "user.message",
     "assistant.message",
     // Needed to distinguish interim assistant output from the final answer
@@ -137,6 +138,7 @@ function appendSessionWarning(chat, event) {
 
 const parentChatCallTypes = new Set(CHAT_CALL_EVENT_TYPES);
 function appendParentChatCall(chat, event) {
+    if (appendNativeTaskCall(chat, event)) return;
     if (!parentChatCallTypes.has(event?.eventType)) return;
     const data = event?.data || {};
     // Native tasks have their own abridged disclosure. Generic call cards

package/ui/core/src/native-tasks.js

@@ -1,3 +1,5 @@
+import { appendChatCall, CHAT_CALL_EVENT_TYPES } from "./chat-activity.js";
+
 // Native Copilot work is local to one parent turn. Durable spawn_agent
 // sessions deliberately do not enter this projection.
 const TERMINAL = new Set(["completed", "failed", "cancelled", "interrupted"]);
@@ -61,6 +63,7 @@ function updateTask(chat, patch, event, { authoritative = false } = {}) {
         if (previous?.inferredTerminal) next.error = patch.error || "";
     }
     next.title = clip(next.title, 160) || "Native task";
+    if (next.title === "Native task" && previous?.title) next.title = previous.title;
     next.preview = clip(next.preview);
     next.result = clip(next.result, 4000);
     next.error = clip(next.error, 1000);
@@ -89,6 +92,47 @@ function updateTask(chat, patch, event, { authoritative = false } = {}) {
     }
 }
 
+// Correlate by runtime identity, never by tool name or arrival time. External
+// callbacks may arrive before the child event; move that existing disclosure
+// under its owner as soon as the explicit relationship becomes available.
+export function appendNativeTaskCall(chat, event) {
+    const type = (event?.eventType || "").replace(/^native\./, "");
+    if (!CHAT_CALL_EVENT_TYPES.includes(type) || type === "session.agent_spawned") return false;
+    const data = event.data || {};
+    const explicit = Boolean(data.nativeAgentId || data.parentToolCallId || event.eventType.startsWith("native."));
+    const keys = [data.toolCallId && `call:${data.toolCallId}`, data.requestId && `request:${data.requestId}`].filter(Boolean);
+    let match = explicit ? findTask(chat, { toolCallId: data.parentToolCallId, agentId: data.nativeAgentId }) : null;
+    const namespace = `${event.sessionId}:${data.durableSessionId || ""}`;
+    if (!match && !explicit) {
+        for (let g = chat.length - 1; g >= 0 && !match; g--) {
+            if (chat[g].kind !== "native-task-group") continue;
+            const t = chat[g].tasks.findIndex(task => task.calls?.some(call => call.namespace === namespace
+                && call.callKeys.some(key => keys.includes(key))));
+            if (t >= 0) match = { groupIndex: g, taskIndex: t };
+        }
+    }
+    if (!match && explicit && (data.parentToolCallId || data.nativeAgentId)) {
+        updateTask(chat, { toolCallId: data.parentToolCallId, agentId: data.nativeAgentId, status: "running" }, event);
+        match = findTask(chat, { toolCallId: data.parentToolCallId, agentId: data.nativeAgentId });
+    }
+    if (!match) return explicit; // Unknown child activity must not impersonate the parent.
+    const group = chat[match.groupIndex];
+    const task = group.tasks[match.taskIndex];
+    const calls = [...(task.calls || [])];
+    for (let i = chat.length - 1; i >= 0; i--) {
+        const call = chat[i];
+        if (call.kind !== "chat-call" || call.namespace !== namespace || !call.callKeys.some(key => keys.includes(key))) continue;
+        if (!calls.some(item => item.callKeys.some(key => call.callKeys.includes(key)))) calls.push(call);
+        chat.splice(i, 1);
+    }
+    appendChatCall(calls, { ...event, eventType: type });
+    const tasks = [...group.tasks];
+    tasks[match.taskIndex] = { ...task, calls, toolCalls: Math.max(task.toolCalls || 0, calls.length) };
+    // Removing a parent disclosure can shift the group's index.
+    chat[chat.indexOf(group)] = { ...group, tasks };
+    return true;
+}
+
 export function appendNativeTaskEvent(chat, event) {
     const type = event?.eventType || "";
     const data = event?.data || {};
@@ -119,7 +163,7 @@ export function appendNativeTaskEvent(chat, event) {
     const previous = found ? chat[found.groupIndex].tasks[found.taskIndex] : null;
     if (!previous && !lifecycle && !taskTool) return;
     if (!previous || taskTool || type === "subagent.started") Object.assign(patch, {
-        title: args.description || data.agentDisplayName || args.name || data.agentName || "Native task",
+        title: args.description || args.name || (previous?.title !== "Native task" ? previous?.title : null) || data.agentDisplayName || "Native task",
         profile: args.agent_type || data.agentName || data.agentType,
         model: data.model,
     });
@@ -145,7 +189,7 @@ export function appendNativeTaskEvent(chat, event) {
     } else if (type === "native.tool.execution_start") {
         const ids = previous.toolCallIds || [];
         patch.toolCallIds = data.toolCallId && !ids.includes(data.toolCallId) ? [...ids, data.toolCallId].slice(-500) : ids;
-        patch.toolCalls = (previous.toolCalls || 0) + (patch.toolCallIds !== ids ? 1 : 0);
+        patch.toolCalls = Math.max(previous.toolCalls || 0, patch.toolCallIds.length);
         patch.preview = args.description || (data.toolName ? `Using ${data.toolName}` : "Working");
     } else if (type === "native.assistant.message") {
         // Do not expose reasoning, tool arguments, or the whole child transcript.

package/ui/core/src/selectors.js

@@ -638,11 +638,20 @@ function distinctHumanOwnerCount(state, stopAt = Infinity) {
     return owners.size;
 }
 
+const sessionOwnerDecorationCache = new WeakMap();
 function shouldDecorateSessionOwners(state) {
     // One rule: the chip earns its place when the list holds more than one
     // distinct human owner. Otherwise it is noise on every row — you are
     // always "you".
-    return distinctHumanOwnerCount(state, 2) > 1;
+    const byId = state?.sessions?.byId;
+    if (!byId) return false;
+    const filter = state.sessions.ownerFilter;
+    const auth = state.auth;
+    const cached = sessionOwnerDecorationCache.get(byId);
+    if (cached && cached.filter === filter && cached.auth === auth) return cached.value;
+    const value = distinctHumanOwnerCount(state, 2) > 1;
+    sessionOwnerDecorationCache.set(byId, { filter, auth, value });
+    return value;
 }
 
 function groupMemberSessions(group, byId = {}) {
@@ -1293,6 +1302,7 @@ function matchesSearchQuery(value, query) {
 }
 
 const searchedSessionFlatCache = new WeakMap();
+const sessionSearchIndexCache = new WeakMap();
 
 function sessionGroupTitle(session, byId) {
     if (session?.isGroup) return session.title || "";
@@ -1320,14 +1330,11 @@ function sessionSearchOwner(session, byId) {
     return null;
 }
 
-function buildSearchedSessionFlat(state, query) {
-    const existingFlat = Array.isArray(state.sessions?.flat) ? state.sessions.flat : [];
-    if (!query) return existingFlat;
-    const cached = searchedSessionFlatCache.get(existingFlat);
-    if (cached?.query === query) return cached.result;
-
+function sessionSearchIndex(state) {
     const byId = state.sessions?.byId || {};
-    const parsed = parseSessionSearchQuery(query);
+    const deps = [state.sessions?.orderById, state.sessions?.pinnedIds, state.sessions?.manualOrder];
+    const cached = sessionSearchIndexCache.get(byId);
+    if (cached && sameRowDeps(cached.deps, deps)) return cached;
     const expanded = buildSessionTree(
         Object.values(byId),
         new Set(),
@@ -1348,16 +1355,34 @@ function buildSearchedSessionFlat(state, query) {
         baseIndex.set(entry.sessionId, index);
     }
 
+    const documents = new Map(expanded.map(entry => {
+        const session = byId[entry.sessionId] || entry.standIn;
+        return [entry.sessionId, buildSessionSearchDocument(session, {
+            owner: sessionSearchOwner(session, byId), groupTitle: sessionGroupTitle(session, byId),
+        })];
+    }));
+    const index = { deps, expanded, parentById, entryById, baseIndex, documents };
+    sessionSearchIndexCache.set(byId, index);
+    return index;
+}
+
+function buildSearchedSessionFlat(state, query) {
+    const existingFlat = Array.isArray(state.sessions?.flat) ? state.sessions.flat : [];
+    if (!query) return existingFlat;
+    const cached = searchedSessionFlatCache.get(existingFlat);
+    const deps = [state.sessions?.byId, state.sessions?.ownerFilter, state.auth, state.sessions?.orderById,
+        state.sessions?.pinnedIds, state.sessions?.manualOrder, state.sessions?.filterExceptionId];
+    if (cached?.query === query && sameRowDeps(cached.deps, deps)) return cached.result;
+
+    const byId = state.sessions?.byId || {};
+    const parsed = parseSessionSearchQuery(query);
+    const { expanded, parentById, entryById, baseIndex, documents } = sessionSearchIndex(state);
+
     const directScores = new Map();
     for (const entry of expanded) {
         const session = byId[entry.sessionId] || entry.standIn;
         if (!session || !matchesOwnerFilter(session, state.sessions?.ownerFilter, state.auth || {}, byId)) continue;
-        const owner = sessionSearchOwner(session, byId);
-        const document = buildSessionSearchDocument(session, {
-            owner,
-            groupTitle: sessionGroupTitle(session, byId),
-        });
-        const score = scoreSessionSearchDocument(document, parsed);
+        const score = scoreSessionSearchDocument(documents.get(entry.sessionId), parsed);
         if (score > 0) directScores.set(entry.sessionId, score);
     }
     const matchedIds = new Set(directScores.keys());
@@ -1414,7 +1439,7 @@ function buildSearchedSessionFlat(state, query) {
     // A user can type an unbounded number of distinct queries while the
     // catalog array keeps the same identity. Keep only the latest result for
     // that catalog rather than retaining every intermediate keystroke.
-    searchedSessionFlatCache.set(existingFlat, { query, result });
+    searchedSessionFlatCache.set(existingFlat, { query, deps, result });
     return result;
 }
 

package/ui/react/src/chat-call-line.js

@@ -0,0 +1,17 @@
+import React from "react";
+
+export function ChatCallLine({ line }) {
+    const [open, setOpen] = React.useState(false);
+    return React.createElement("details", {
+        className: "ps-system-notice ps-chat-call",
+        "data-call-id": line.callKey,
+        onToggle: event => setOpen(event.currentTarget.open),
+    },
+    React.createElement("summary", { className: "ps-system-notice-summary ps-chat-call-summary" },
+        React.createElement("span", { className: "ps-chat-call-tag" }, line.category || "Tool"),
+        React.createElement("span", { className: "ps-system-notice-summary-text" }, line.text),
+        line.status ? React.createElement("span", { className: `ps-chat-call-status${line.status === "Failed" ? " is-failed" : ""}` }, line.status) : null),
+    open ? React.createElement("div", { className: "ps-system-notice-body" },
+        line.time ? React.createElement("div", { className: "ps-chat-call-time" }, line.time) : null,
+        React.createElement("pre", { className: "ps-chat-call-payload" }, line.body)) : null);
+}

package/ui/react/src/native-task-card.js

@@ -1,4 +1,6 @@
 import React from "react";
+import { ChatCallLine } from "./chat-call-line.js";
+import { chatCallLine } from "../../core/src/chat-activity.js";
 import { NATIVE_TASK_LABELS } from "../../core/src/native-tasks.js";
 
 const TERMINAL = new Set(["completed", "failed", "cancelled", "interrupted"]);
@@ -31,29 +33,57 @@ export const NativeTaskCard = React.memo(function NativeTaskCard({ group, colors
             React.createElement("span", { className: "ps-native-tasks-title" },
                 React.createElement("span", { className: "ps-native-task-branch", "aria-hidden": true }, "⑂"), "Native tasks"),
             React.createElement("span", { className: "ps-native-tasks-count", "aria-live": "polite" }, countLabel)),
-        tasks.map(task => {
-            const color = colors[task.status] || colors.running;
-            const preview = task.error || task.result || task.preview || (task.status === "completed" ? "Task completed." : "");
-            const time = duration(task, now);
-            return React.createElement("details", { key: task.id, className: "ps-native-task", "data-task-id": task.id, "data-status": task.status,
-                style: { "--ps-native-task-accent": color } },
-                React.createElement("summary", null,
-                    React.createElement("span", { className: "ps-native-task-mark", "aria-hidden": true }, MARKS[task.status] || "?"),
-                    React.createElement("span", { className: "ps-native-task-main" },
-                        React.createElement("span", { className: "ps-native-task-title" }, task.title),
-                        preview ? React.createElement("span", { className: "ps-native-task-preview" }, preview.replace(/\s+/g, " ").slice(0, 240)) : null),
-                    React.createElement("span", { className: "ps-native-task-meta" },
-                        React.createElement("span", { className: "ps-native-task-status" }, task.telemetryStale ? "Reconnecting" : NATIVE_TASK_LABELS[task.status] || task.status),
-                        React.createElement("span", null, [time, `${task.toolCalls || 0} calls`].filter(Boolean).join(" · "))),
-                    React.createElement("span", { className: "ps-native-task-chevron", "aria-hidden": true }, "›")),
-                React.createElement("div", { className: "ps-native-task-detail" },
-                    React.createElement("div", { className: "ps-native-task-scope" }, [task.profile, task.model, task.reasoningEffort, "Same worker"].filter(Boolean).join(" · ")),
-                    task.result && !task.error ? React.createElement("div", { className: "ps-native-task-scope" }, "Result excerpt") : null,
-                    React.createElement("p", { className: "ps-native-task-result" }, task.error || task.result || task.preview
-                        || (task.status === "completed" ? "Task completed. A result excerpt is not available in this recording." : "No result available yet.")),
-                    task.recentActivity?.length ? React.createElement("ul", { className: "ps-native-task-activity" },
-                        task.recentActivity.map((activity, i) => React.createElement("li", { key: i }, activity.message))) : null));
-        }),
+        tasks.map(task => React.createElement(NativeTask, { key: task.id, task, colors, now })),
         group.tasks.length > 3 ? React.createElement("button", { type: "button", className: "ps-native-tasks-more", "aria-expanded": showAll,
             onClick: () => setShowAll(value => !value) }, showAll ? "Show fewer tasks" : `Show ${group.tasks.length - 3} more tasks`) : null);
 });
+
+function NativeTask({ task, colors, now }) {
+    const failed = ["failed", "cancelled", "interrupted"].includes(task.status);
+    const [open, setOpen] = React.useState(!TERMINAL.has(task.status) || failed);
+    const inspected = React.useRef(false);
+    const viewport = React.useRef(null);
+    const follow = React.useRef(true);
+    const calls = React.useMemo(() => (task.calls || []).map(chatCallLine), [task.calls]);
+    React.useLayoutEffect(() => {
+        if (open && viewport.current && follow.current) viewport.current.scrollTop = viewport.current.scrollHeight;
+    }, [open, calls.length]);
+    React.useEffect(() => {
+        if (failed || !inspected.current) setOpen(!TERMINAL.has(task.status) || failed);
+    }, [task.status, failed]);
+    const preview = task.error || task.result || task.preview || (task.status === "completed" ? "Task completed." : "");
+    const time = duration(task, now);
+    const profile = task.profile === "swarm-explore" ? "Explore" : task.profile === "swarm-task" ? "Task" : "Native task";
+    return React.createElement("details", {
+        className: "ps-native-task", "data-task-id": task.id, "data-status": task.status, open,
+        onToggle: event => { if (event.target === event.currentTarget) setOpen(event.currentTarget.open); },
+        style: { "--ps-native-task-accent": colors[task.status] || colors.running },
+    },
+        React.createElement("summary", {
+            onClick: () => { inspected.current = true; },
+            onKeyDown: event => { if (["Enter", " "].includes(event.key)) inspected.current = true; },
+        },
+            React.createElement("span", { className: "ps-native-task-mark", "aria-hidden": true }, MARKS[task.status] || "?"),
+            React.createElement("span", { className: "ps-native-task-main" },
+                React.createElement("span", { className: "ps-native-task-title" },
+                    React.createElement("span", { className: "ps-native-task-profile" }, profile),
+                    task.title === "Native task" ? "Working on delegated request" : task.title),
+                preview ? React.createElement("span", { className: "ps-native-task-preview" }, preview.replace(/\s+/g, " ").slice(0, 240)) : null),
+            React.createElement("span", { className: "ps-native-task-meta" },
+                React.createElement("span", { className: "ps-native-task-status" }, task.telemetryStale ? "Reconnecting" : NATIVE_TASK_LABELS[task.status] || task.status),
+                React.createElement("span", null, [time, `${task.toolCalls || 0} ${task.toolCalls === 1 ? "call" : "calls"}`].filter(Boolean).join(" · "))),
+            React.createElement("span", { className: "ps-native-task-chevron", "aria-hidden": true }, "›")),
+        React.createElement("div", { className: "ps-native-task-detail", onClick: () => { inspected.current = true; } },
+            React.createElement("div", { className: "ps-native-task-scope" }, [task.model, task.reasoningEffort, "Same worker"].filter(Boolean).join(" · ")),
+            calls.length ? React.createElement("div", {
+                ref: viewport, className: "ps-native-task-calls", role: "region", "aria-label": `Tool calls for ${task.title}`, tabIndex: 0,
+                onScroll: event => { const node = event.currentTarget; follow.current = node.scrollHeight - node.scrollTop - node.clientHeight <= 24; },
+                onWheel: event => { inspected.current = true; if (event.deltaY < 0) follow.current = false; },
+                onTouchStart: () => { inspected.current = true; follow.current = false; },
+                onFocus: () => { inspected.current = true; },
+            }, calls.map(line => React.createElement(ChatCallLine, { key: line.callKey, line }))) :
+                React.createElement("p", { className: "ps-native-task-scope" }, task.toolCalls ? "Tool details are not available in this recording." : "Waiting for task activity…"),
+            task.result || task.error ? React.createElement("p", { className: "ps-native-task-result" }, task.error || task.result) : null,
+            task.recentActivity?.length && !task.calls?.length ? React.createElement("ul", { className: "ps-native-task-activity" },
+                task.recentActivity.map((activity, i) => React.createElement("li", { key: i }, activity.message))) : null));
+}

package/ui/react/src/web-app.js

@@ -1,3 +1,4 @@
+import { ChatCallLine } from "./chat-call-line.js";
 import React from "react";
 import { FeatureFlagsPanel } from "./feature-flags-panel.js";
 import { NativeTaskCard } from "./native-task-card.js";
@@ -1380,21 +1381,6 @@ function SystemNoticeLine({ line, theme }) {
             : null);
 }
 
-function ChatCallLine({ line }) {
-    const [open, setOpen] = React.useState(false);
-    return React.createElement("details", {
-        className: "ps-system-notice ps-chat-call",
-        "data-call-id": line.callKey,
-        onToggle: event => setOpen(event.currentTarget.open),
-    },
-    React.createElement("summary", { className: "ps-system-notice-summary ps-chat-call-summary" },
-        React.createElement("span", { className: "ps-chat-call-tag" }, line.category || "Tool"),
-        React.createElement("span", { className: "ps-system-notice-summary-text" }, line.text),
-        line.status ? React.createElement("span", { className: `ps-chat-call-status${line.status === "Failed" ? " is-failed" : ""}` }, line.status) : null),
-    open ? React.createElement("div", { className: "ps-system-notice-body" },
-        line.time ? React.createElement("div", { className: "ps-chat-call-time" }, line.time) : null,
-        React.createElement("pre", { className: "ps-chat-call-payload" }, line.body)) : null);
-}
 
 function ChatActivityRun({ calls }) {
     const latest = calls[calls.length - 1] || {};
@@ -5053,8 +5039,28 @@ function useAxisLockedPan(ref, enabled = true) {
     }, [ref, enabled]);
 }
 
-function SessionSearchControl({ query = "", onQuery, matchCount = 0, mobile = false, listRef = null }) {
+const SessionSearchControl = React.memo(function SessionSearchControl({ query = "", onQuery, matchCount = 0, mobile = false, listRef = null }) {
+    // Keep typing local: expensive list filtering and external-store updates
+    // must never be part of the input's immediate render path.
+    const [draft, setDraft] = React.useState(query);
     const [mobileOpen, setMobileOpen] = React.useState(Boolean(query));
+    const timer = React.useRef(null);
+    const published = React.useRef(query);
+    const composing = React.useRef(false);
+    const onQueryRef = React.useRef(onQuery);
+    onQueryRef.current = onQuery;
+    const cancel = () => { clearTimeout(timer.current); timer.current = null; };
+    const publish = value => { cancel(); published.current = value; onQueryRef.current?.(value); };
+    const schedule = value => {
+        cancel();
+        if (!composing.current) timer.current = setTimeout(() => publish(value), 150);
+    };
+    React.useEffect(() => () => clearTimeout(timer.current), []);
+    React.useEffect(() => {
+        // An acknowledgement of our prior edit must not erase newer typing.
+        if (query === published.current) return;
+        cancel(); published.current = query; setDraft(query);
+    }, [query]);
     const inputRef = React.useRef(null);
     React.useEffect(() => {
         if (query) setMobileOpen(true);
@@ -5064,12 +5070,11 @@ function SessionSearchControl({ query = "", onQuery, matchCount = 0, mobile = fa
         requestAnimationFrame(() => inputRef.current?.focus({ preventScroll: true }));
     };
     const closeOrClear = () => {
-        if (query) onQuery?.("");
+        if (draft || query) { setDraft(""); publish(""); }
         else setMobileOpen(false);
     };
-    const resultLabel = query
-        ? `${matchCount} ${matchCount === 1 ? "match" : "matches"}`
-        : "";
+    const resultLabel = draft !== query ? "Searching…" : draft
+        ? `${matchCount} ${matchCount === 1 ? "match" : "matches"}` : "";
     return React.createElement("div", {
         className: `ps-session-search${mobileOpen ? " is-open" : ""}`,
         "data-session-search": "true",
@@ -5089,8 +5094,10 @@ function SessionSearchControl({ query = "", onQuery, matchCount = 0, mobile = fa
             inputMode: "search",
             "aria-label": "Find a session",
             placeholder: "Find a session…",
-            value: query,
-            onChange: (event) => onQuery?.(event.target.value),
+            value: draft,
+            onChange: event => { const value = event.target.value; setDraft(value); schedule(value); },
+            onCompositionStart: () => { composing.current = true; cancel(); },
+            onCompositionEnd: event => { composing.current = false; schedule(event.currentTarget.value); },
             onKeyDown: (event) => {
                 if (event.key === "Escape") {
                     event.preventDefault();
@@ -5098,10 +5105,9 @@ function SessionSearchControl({ query = "", onQuery, matchCount = 0, mobile = fa
                     return;
                 }
                 if (event.key !== "ArrowDown") return;
-                const first = listRef?.current?.querySelector?.(".ps-session-list-button");
-                if (!first) return;
                 event.preventDefault();
-                first.focus({ preventScroll: true });
+                if (draft !== query) publish(draft);
+                requestAnimationFrame(() => listRef?.current?.querySelector?.(".ps-session-list-button")?.focus({ preventScroll: true }));
             },
         }),
         resultLabel ? React.createElement("span", {
@@ -5109,14 +5115,16 @@ function SessionSearchControl({ query = "", onQuery, matchCount = 0, mobile = fa
             role: "status",
             "aria-live": "polite",
         }, resultLabel) : null,
-        (query || mobile) ? React.createElement("button", {
+        (draft || mobile) ? React.createElement("button", {
             type: "button",
             className: "ps-session-search-clear",
-            "aria-label": query ? "Clear session search" : "Close session search",
-            title: query ? "Clear" : "Close",
+            "aria-label": draft ? "Clear session search" : "Close session search",
+            title: draft ? "Clear" : "Close",
             onClick: closeOrClear,
         }, "×") : null));
-}
+});
+
+const EMPTY_PICKER_SELECTION = Object.freeze([]);
 
 function SessionPane({ controller, actions = null, panelClassName = "", structuredRows = false, showDetailBox = null, selection = null, actionsOnly = false, actionsHost = null, onAction = null, onDialogChange = null }) {
     // Mobile keeps its inline detail line and normally gets no detail box — a
@@ -5142,25 +5150,25 @@ function SessionPane({ controller, actions = null, panelClassName = "", structur
         (state) => Boolean(state.ui.sessionDetailCollapsed),
     );
     const sessionButtonRefs = React.useRef(new Map());
-    const viewState = useControllerSelector(controller, (state) => ({
+    const controllerViewState = useControllerSelector(controller, (state) => ({
         branding: state.branding,
-        activeSessionId: selection ? selection.sessionId : state.sessions.activeSessionId,
+        activeSessionId: state.sessions.activeSessionId,
         sessionsById: state.sessions.byId,
         sessionsFlat: state.sessions.flat,
-        filterQuery: selection ? selection.query || "" : state.sessions.filterQuery || "",
+        filterQuery: state.sessions.filterQuery || "",
         ownerFilter: state.sessions.ownerFilter,
         pinnedIds: state.sessions.pinnedIds,
         manualOrder: state.sessions.manualOrder,
-        selectedIds: selection ? [] : state.sessions.selectedIds,
-        selectMode: selection ? false : state.sessions.selectMode,
+        selectedIds: state.sessions.selectedIds,
+        selectMode: state.sessions.selectMode,
         auth: state.auth,
         connectionMode: state.connection?.mode || "local",
         modalOpen: Boolean(state.ui.modal),
-        focused: selection ? true : state.ui.focusRegion === "sessions",
+        focused: state.ui.focusRegion === "sessions",
         // Clicking empty space clears the list highlight; the row VM reads it,
         // so the reconstruction below must carry it or the click does nothing
         // visible (the same omission that blinded the Node Map).
-        listDeselected: selection ? !selection.sessionId : Boolean(state.sessions.listDeselected),
+        listDeselected: Boolean(state.sessions.listDeselected),
         // The canvas markers read these. This synthetic state is exactly the
         // trap the branding comment below describes: omit a slice here and
         // every row computes as if it were empty — the markers were null on
@@ -5173,6 +5181,14 @@ function SessionPane({ controller, actions = null, panelClassName = "", structur
         // "waiting".
         budgetPaused: state.budget?.paused,
     }), shallowEqualObject);
+    // Picker state is local React state, not controller state. Reading these
+    // props inside the subscription selector delays changes until the next
+    // unrelated store notification (sometimes seconds later).
+    const viewState = selection ? { ...controllerViewState,
+        activeSessionId: selection.sessionId, filterQuery: selection.query || "",
+        selectedIds: EMPTY_PICKER_SELECTION, selectMode: false, focused: true,
+        listDeselected: !selection.sessionId,
+    } : controllerViewState;
     const computedRows = React.useMemo(() => selectSessionRows({
         sessions: {
             activeSessionId: viewState.activeSessionId,

package/web/dist/assets/{abnfDiagram-VRR7QNED-DCEEpIGf.js → abnfDiagram-VRR7QNED-CidJDJrY.js}

@@ -1 +1 @@
-import{g as p,r as u,d as a}from"./chunk-MOJQB5TN-CS-m-Pv3.js";import{p as f}from"./chunk-JWPE2WC7-By7oiTbd.js";import{_ as n,l as o}from"./mermaid.core-BEG_GOf7.js";import{M as c,b as d}from"./cynefin-VYW2F7L2-CUvcvCFo.js";import"./pilotswarm-BNTnbu9f.js";var v=d().RailroadAbnf.parser.LangiumParser,i=n(e=>{const r=e.alternatives.map(g);return r.length===1?r[0]:{type:"choice",alternatives:r}},"transformAlternation"),g=n(e=>{const r=e.elements.map(y);return r.length===1?r[0]:{type:"sequence",elements:r}},"transformConcatenation"),b=n(e=>{if(e.includes("*")){const[t,s]=e.split("*"),l=t?parseInt(t,10):0,m=s?parseInt(s,10):1/0;return{min:l,max:m}}const r=parseInt(e,10);return{min:r,max:r}},"parseRepeat"),y=n(e=>{const r=A(e.primary);if(!e.repeat)return r;const{min:t,max:s}=b(e.repeat);return t===0&&s===1?{type:"optional",element:r}:{type:"repetition",element:r,min:t,max:s}},"transformElement"),A=n(e=>{switch(e.$type){case"AbnfStringLiteral":return{type:"terminal",value:e.value};case"AbnfNumVal":return{type:"terminal",value:e.value};case"AbnfRuleName":return{type:"nonterminal",name:e.name};case"AbnfGroup":return i(e.element);case"AbnfOptionalGroup":return{type:"optional",element:i(e.element)};default:throw new Error(`Unsupported ABNF primary node: ${e.$type}`)}},"transformPrimary"),P=n(e=>({name:e.name,definition:i(e.definition)}),"transformRule"),h=n(e=>{f(e,a),e.title&&a.setTitle(e.title),e.rules.map(r=>a.addRule(P(r)))},"populateDb"),R={parse:n(e=>{a.clear(),o.debug("[ABNF Parser] Starting Langium parse");const r=v.parse(e);if(r.lexerErrors.length>0||r.parserErrors.length>0)throw new c(r);const t=r.value;o.debug("[ABNF Parser] Parsed rules:",t.rules.length),h(t),o.debug("[ABNF Parser] Parse complete")},"parse"),parser:{yy:a}},B={parser:R,db:a,renderer:u,styles:p};export{B as diagram};
+import{g as p,r as u,d as a}from"./chunk-MOJQB5TN-CDyGPb8L.js";import{p as f}from"./chunk-JWPE2WC7-AhysI3TD.js";import{_ as n,l as o}from"./mermaid.core-BPC8y2lr.js";import{M as c,b as d}from"./cynefin-VYW2F7L2-CHVeQsGv.js";import"./pilotswarm-BnfVgmru.js";var v=d().RailroadAbnf.parser.LangiumParser,i=n(e=>{const r=e.alternatives.map(g);return r.length===1?r[0]:{type:"choice",alternatives:r}},"transformAlternation"),g=n(e=>{const r=e.elements.map(y);return r.length===1?r[0]:{type:"sequence",elements:r}},"transformConcatenation"),b=n(e=>{if(e.includes("*")){const[t,s]=e.split("*"),l=t?parseInt(t,10):0,m=s?parseInt(s,10):1/0;return{min:l,max:m}}const r=parseInt(e,10);return{min:r,max:r}},"parseRepeat"),y=n(e=>{const r=A(e.primary);if(!e.repeat)return r;const{min:t,max:s}=b(e.repeat);return t===0&&s===1?{type:"optional",element:r}:{type:"repetition",element:r,min:t,max:s}},"transformElement"),A=n(e=>{switch(e.$type){case"AbnfStringLiteral":return{type:"terminal",value:e.value};case"AbnfNumVal":return{type:"terminal",value:e.value};case"AbnfRuleName":return{type:"nonterminal",name:e.name};case"AbnfGroup":return i(e.element);case"AbnfOptionalGroup":return{type:"optional",element:i(e.element)};default:throw new Error(`Unsupported ABNF primary node: ${e.$type}`)}},"transformPrimary"),P=n(e=>({name:e.name,definition:i(e.definition)}),"transformRule"),h=n(e=>{f(e,a),e.title&&a.setTitle(e.title),e.rules.map(r=>a.addRule(P(r)))},"populateDb"),R={parse:n(e=>{a.clear(),o.debug("[ABNF Parser] Starting Langium parse");const r=v.parse(e);if(r.lexerErrors.length>0||r.parserErrors.length>0)throw new c(r);const t=r.value;o.debug("[ABNF Parser] Parsed rules:",t.rules.length),h(t),o.debug("[ABNF Parser] Parse complete")},"parse"),parser:{yy:a}},B={parser:R,db:a,renderer:u,styles:p};export{B as diagram};

package/web/dist/assets/{arc-_RJw0dJ3.js → arc-BDO1TDjs.js}

@@ -1 +1 @@
-import{Y as ln,$ as an,a0 as F,a1 as q,a2 as j,a3 as un,a4 as y,a5 as tn,a6 as J,a7 as _,a8 as rn,a9 as o,aa as on,ab as sn,ac as fn}from"./mermaid.core-BEG_GOf7.js";function cn(l){return l.innerRadius}function yn(l){return l.outerRadius}function gn(l){return l.startAngle}function dn(l){return l.endAngle}function mn(l){return l&&l.padAngle}function pn(l,h,I,D,v,A,z,a){var O=I-l,i=D-h,n=z-v,d=a-A,u=d*O-n*i;if(!(u*u<y))return u=(n*(h-A)-d*(l-v))/u,[l+u*O,h+u*i]}function U(l,h,I,D,v,A,z){var a=l-I,O=h-D,i=(z?A:-A)/J(a*a+O*O),n=i*O,d=-i*a,u=l+n,s=h+d,f=I+n,c=D+d,B=(u+f)/2,t=(s+c)/2,m=f-u,g=c-s,R=m*m+g*g,T=v-A,P=u*c-f*s,S=(g<0?-1:1)*J(on(0,T*T*R-P*P)),Y=(P*g-m*S)/R,$=(-P*m-g*S)/R,w=(P*g+m*S)/R,p=(-P*m+g*S)/R,x=Y-B,e=$-t,r=w-B,C=p-t;return x*x+e*e>r*r+C*C&&(Y=w,$=p),{cx:Y,cy:$,x01:-n,y01:-d,x11:Y*(v/T-1),y11:$*(v/T-1)}}function hn(){var l=cn,h=yn,I=j(0),D=null,v=gn,A=dn,z=mn,a=null,O=ln(i);function i(){var n,d,u=+l.apply(this,arguments),s=+h.apply(this,arguments),f=v.apply(this,arguments)-un,c=A.apply(this,arguments)-un,B=rn(c-f),t=c>f;if(a||(a=n=O()),s<u&&(d=s,s=u,u=d),!(s>y))a.moveTo(0,0);else if(B>tn-y)a.moveTo(s*F(f),s*q(f)),a.arc(0,0,s,f,c,!t),u>y&&(a.moveTo(u*F(c),u*q(c)),a.arc(0,0,u,c,f,t));else{var m=f,g=c,R=f,T=c,P=B,S=B,Y=z.apply(this,arguments)/2,$=Y>y&&(D?+D.apply(this,arguments):J(u*u+s*s)),w=_(rn(s-u)/2,+I.apply(this,arguments)),p=w,x=w,e,r;if($>y){var C=sn($/u*q(Y)),K=sn($/s*q(Y));(P-=C*2)>y?(C*=t?1:-1,R+=C,T-=C):(P=0,R=T=(f+c)/2),(S-=K*2)>y?(K*=t?1:-1,m+=K,g-=K):(S=0,m=g=(f+c)/2)}var G=s*F(m),H=s*q(m),L=u*F(T),M=u*q(T);if(w>y){var N=s*F(g),Q=s*q(g),V=u*F(R),W=u*q(R),E;if(B<an)if(E=pn(G,H,V,W,N,Q,L,M)){var X=G-E[0],Z=H-E[1],b=N-E[0],k=Q-E[1],nn=1/q(fn((X*b+Z*k)/(J(X*X+Z*Z)*J(b*b+k*k)))/2),en=J(E[0]*E[0]+E[1]*E[1]);p=_(w,(u-en)/(nn-1)),x=_(w,(s-en)/(nn+1))}else p=x=0}S>y?x>y?(e=U(V,W,G,H,s,x,t),r=U(N,Q,L,M,s,x,t),a.moveTo(e.cx+e.x01,e.cy+e.y01),x<w?a.arc(e.cx,e.cy,x,o(e.y01,e.x01),o(r.y01,r.x01),!t):(a.arc(e.cx,e.cy,x,o(e.y01,e.x01),o(e.y11,e.x11),!t),a.arc(0,0,s,o(e.cy+e.y11,e.cx+e.x11),o(r.cy+r.y11,r.cx+r.x11),!t),a.arc(r.cx,r.cy,x,o(r.y11,r.x11),o(r.y01,r.x01),!t))):(a.moveTo(G,H),a.arc(0,0,s,m,g,!t)):a.moveTo(G,H),!(u>y)||!(P>y)?a.lineTo(L,M):p>y?(e=U(L,M,N,Q,u,-p,t),r=U(G,H,V,W,u,-p,t),a.lineTo(e.cx+e.x01,e.cy+e.y01),p<w?a.arc(e.cx,e.cy,p,o(e.y01,e.x01),o(r.y01,r.x01),!t):(a.arc(e.cx,e.cy,p,o(e.y01,e.x01),o(e.y11,e.x11),!t),a.arc(0,0,u,o(e.cy+e.y11,e.cx+e.x11),o(r.cy+r.y11,r.cx+r.x11),t),a.arc(r.cx,r.cy,p,o(r.y11,r.x11),o(r.y01,r.x01),!t))):a.arc(0,0,u,T,R,t)}if(a.closePath(),n)return a=null,n+""||null}return i.centroid=function(){var n=(+l.apply(this,arguments)+ +h.apply(this,arguments))/2,d=(+v.apply(this,arguments)+ +A.apply(this,arguments))/2-an/2;return[F(d)*n,q(d)*n]},i.innerRadius=function(n){return arguments.length?(l=typeof n=="function"?n:j(+n),i):l},i.outerRadius=function(n){return arguments.length?(h=typeof n=="function"?n:j(+n),i):h},i.cornerRadius=function(n){return arguments.length?(I=typeof n=="function"?n:j(+n),i):I},i.padRadius=function(n){return arguments.length?(D=n==null?null:typeof n=="function"?n:j(+n),i):D},i.startAngle=function(n){return arguments.length?(v=typeof n=="function"?n:j(+n),i):v},i.endAngle=function(n){return arguments.length?(A=typeof n=="function"?n:j(+n),i):A},i.padAngle=function(n){return arguments.length?(z=typeof n=="function"?n:j(+n),i):z},i.context=function(n){return arguments.length?(a=n??null,i):a},i}export{hn as d};
+import{Y as ln,$ as an,a0 as F,a1 as q,a2 as j,a3 as un,a4 as y,a5 as tn,a6 as J,a7 as _,a8 as rn,a9 as o,aa as on,ab as sn,ac as fn}from"./mermaid.core-BPC8y2lr.js";function cn(l){return l.innerRadius}function yn(l){return l.outerRadius}function gn(l){return l.startAngle}function dn(l){return l.endAngle}function mn(l){return l&&l.padAngle}function pn(l,h,I,D,v,A,z,a){var O=I-l,i=D-h,n=z-v,d=a-A,u=d*O-n*i;if(!(u*u<y))return u=(n*(h-A)-d*(l-v))/u,[l+u*O,h+u*i]}function U(l,h,I,D,v,A,z){var a=l-I,O=h-D,i=(z?A:-A)/J(a*a+O*O),n=i*O,d=-i*a,u=l+n,s=h+d,f=I+n,c=D+d,B=(u+f)/2,t=(s+c)/2,m=f-u,g=c-s,R=m*m+g*g,T=v-A,P=u*c-f*s,S=(g<0?-1:1)*J(on(0,T*T*R-P*P)),Y=(P*g-m*S)/R,$=(-P*m-g*S)/R,w=(P*g+m*S)/R,p=(-P*m+g*S)/R,x=Y-B,e=$-t,r=w-B,C=p-t;return x*x+e*e>r*r+C*C&&(Y=w,$=p),{cx:Y,cy:$,x01:-n,y01:-d,x11:Y*(v/T-1),y11:$*(v/T-1)}}function hn(){var l=cn,h=yn,I=j(0),D=null,v=gn,A=dn,z=mn,a=null,O=ln(i);function i(){var n,d,u=+l.apply(this,arguments),s=+h.apply(this,arguments),f=v.apply(this,arguments)-un,c=A.apply(this,arguments)-un,B=rn(c-f),t=c>f;if(a||(a=n=O()),s<u&&(d=s,s=u,u=d),!(s>y))a.moveTo(0,0);else if(B>tn-y)a.moveTo(s*F(f),s*q(f)),a.arc(0,0,s,f,c,!t),u>y&&(a.moveTo(u*F(c),u*q(c)),a.arc(0,0,u,c,f,t));else{var m=f,g=c,R=f,T=c,P=B,S=B,Y=z.apply(this,arguments)/2,$=Y>y&&(D?+D.apply(this,arguments):J(u*u+s*s)),w=_(rn(s-u)/2,+I.apply(this,arguments)),p=w,x=w,e,r;if($>y){var C=sn($/u*q(Y)),K=sn($/s*q(Y));(P-=C*2)>y?(C*=t?1:-1,R+=C,T-=C):(P=0,R=T=(f+c)/2),(S-=K*2)>y?(K*=t?1:-1,m+=K,g-=K):(S=0,m=g=(f+c)/2)}var G=s*F(m),H=s*q(m),L=u*F(T),M=u*q(T);if(w>y){var N=s*F(g),Q=s*q(g),V=u*F(R),W=u*q(R),E;if(B<an)if(E=pn(G,H,V,W,N,Q,L,M)){var X=G-E[0],Z=H-E[1],b=N-E[0],k=Q-E[1],nn=1/q(fn((X*b+Z*k)/(J(X*X+Z*Z)*J(b*b+k*k)))/2),en=J(E[0]*E[0]+E[1]*E[1]);p=_(w,(u-en)/(nn-1)),x=_(w,(s-en)/(nn+1))}else p=x=0}S>y?x>y?(e=U(V,W,G,H,s,x,t),r=U(N,Q,L,M,s,x,t),a.moveTo(e.cx+e.x01,e.cy+e.y01),x<w?a.arc(e.cx,e.cy,x,o(e.y01,e.x01),o(r.y01,r.x01),!t):(a.arc(e.cx,e.cy,x,o(e.y01,e.x01),o(e.y11,e.x11),!t),a.arc(0,0,s,o(e.cy+e.y11,e.cx+e.x11),o(r.cy+r.y11,r.cx+r.x11),!t),a.arc(r.cx,r.cy,x,o(r.y11,r.x11),o(r.y01,r.x01),!t))):(a.moveTo(G,H),a.arc(0,0,s,m,g,!t)):a.moveTo(G,H),!(u>y)||!(P>y)?a.lineTo(L,M):p>y?(e=U(L,M,N,Q,u,-p,t),r=U(G,H,V,W,u,-p,t),a.lineTo(e.cx+e.x01,e.cy+e.y01),p<w?a.arc(e.cx,e.cy,p,o(e.y01,e.x01),o(r.y01,r.x01),!t):(a.arc(e.cx,e.cy,p,o(e.y01,e.x01),o(e.y11,e.x11),!t),a.arc(0,0,u,o(e.cy+e.y11,e.cx+e.x11),o(r.cy+r.y11,r.cx+r.x11),t),a.arc(r.cx,r.cy,p,o(r.y11,r.x11),o(r.y01,r.x01),!t))):a.arc(0,0,u,T,R,t)}if(a.closePath(),n)return a=null,n+""||null}return i.centroid=function(){var n=(+l.apply(this,arguments)+ +h.apply(this,arguments))/2,d=(+v.apply(this,arguments)+ +A.apply(this,arguments))/2-an/2;return[F(d)*n,q(d)*n]},i.innerRadius=function(n){return arguments.length?(l=typeof n=="function"?n:j(+n),i):l},i.outerRadius=function(n){return arguments.length?(h=typeof n=="function"?n:j(+n),i):h},i.cornerRadius=function(n){return arguments.length?(I=typeof n=="function"?n:j(+n),i):I},i.padRadius=function(n){return arguments.length?(D=n==null?null:typeof n=="function"?n:j(+n),i):D},i.startAngle=function(n){return arguments.length?(v=typeof n=="function"?n:j(+n),i):v},i.endAngle=function(n){return arguments.length?(A=typeof n=="function"?n:j(+n),i):A},i.padAngle=function(n){return arguments.length?(z=typeof n=="function"?n:j(+n),i):z},i.context=function(n){return arguments.length?(a=n??null,i):a},i}export{hn as d};