pilotswarm 0.5.71 → 0.5.73

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "pilotswarm",
-    "version": "0.5.71",
+    "version": "0.5.73",
     "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.71",
+        "pilotswarm-sdk": "0.5.73",
         "react": "^19.2.4",
         "react-dom": "^19.2.4",
         "ws": "^8.18.2"

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

@@ -89,6 +89,7 @@ const PORTAL_MIN_CHAT_COLUMN_PX = 224;
 const PORTAL_SESSION_COMPACT_COLUMN_PX = 190;
 const PORTAL_SESSION_HIDDEN_COLUMN_PX = 48;
 const SCROLL_ROW_HEIGHT = 16;
+const HISTORY_SCROLL_GESTURE_GAP_MS = 200;
 const SCROLL_BOTTOM_EPSILON_PX = 0.5;
 const PROGRAMMATIC_SCROLL_TOLERANCE_PX = SCROLL_BOTTOM_EPSILON_PX;
 // Minimum downward finger travel (px) while at the top of the chat pane before
@@ -1119,6 +1120,8 @@ function useScrollSync(ref, lines, scrollOffset, scrollMode, paneKey, controller
         scrollOffset,
     });
     const previousContentRef = React.useRef(null);
+    const historyScrollRef = React.useRef(null);
+    React.useEffect(() => () => { historyScrollRef.current = null; }, []);
     // Touch scrolling relies on native momentum for speed: a hard flick keeps
     // scrolling long after the finger lifts. Re-asserting scrollTop from state
     // on every render (live events, status updates) kills that momentum at the
@@ -1151,6 +1154,31 @@ function useScrollSync(ref, lines, scrollOffset, scrollMode, paneKey, controller
         const firstLine = scrollBoundaryIdentity(normalizedLines);
         const lastLine = scrollBoundaryIdentity(normalizedLines, true);
         const previousContent = previousContentRef.current;
+        let historyScroll = historyScrollRef.current;
+        const activeSessionId = controller.getState().sessions.activeSessionId;
+        if (historyScroll && historyScroll.sessionId !== activeSessionId) {
+            historyScrollRef.current = null;
+            historyScroll = null;
+        }
+        const oldestSeq = controller.getState().history.bySessionId.get(activeSessionId)?.events?.[0]?.seq;
+        const pageArrived = historyScroll && !historyScroll.applied && oldestSeq < historyScroll.oldestSeq;
+        let pageScrollTop = null;
+        if (pageArrived) {
+            // Measure the same visible block, not the total transcript height:
+            // live content can also grow at the bottom while a page is loading.
+            const anchor = historyScroll.anchor;
+            const element = anchor?.element.isConnected && anchor.element.textContent === anchor.text
+                ? anchor.element
+                : [...node.children].find(child => child.textContent === anchor?.text);
+            const delta = element
+                ? element.getBoundingClientRect().top - anchor.top
+                : node.scrollHeight - historyScroll.height;
+            pageScrollTop = Math.max(0, Math.min(node.scrollHeight - node.clientHeight,
+                node.scrollTop + delta - SCROLL_ROW_HEIGHT));
+            historyScroll.applied = true;
+            historyScroll.target = pageScrollTop;
+            historyScroll.releaseAt = performance.now() + HISTORY_SCROLL_GESTURE_GAP_MS;
+        }
         const interaction = userScrollRef.current;
         const now = typeof performance !== "undefined" ? performance.now() : Date.now();
         const interacting = interaction.touching
@@ -1165,13 +1193,13 @@ function useScrollSync(ref, lines, scrollOffset, scrollMode, paneKey, controller
         // state normally preserves scrollTop, which would push the same visible
         // message down by the inserted height. Compensate with the measured DOM
         // height delta. Appended live text keeps the old scrollTop unchanged.
-        const prependedWhilePaused = stickyBottom
+        const prependedWhilePaused = !historyScroll && stickyBottom
             && previousContent?.lastLine === lastLine
             && previousContent?.firstLine !== firstLine
             && node.scrollHeight > previousContent.scrollHeight
             && (preservePausedStickyScroll || node.scrollTop <= PROGRAMMATIC_SCROLL_TOLERANCE_PX);
         if (
-            !prependedWhilePaused
+            !pageArrived && !prependedWhilePaused
             && interacting
             && scrollMode === previousViewportState?.scrollMode
             && (scrollOffset === previousViewportState?.scrollOffset || isEchoOffset)
@@ -1180,7 +1208,7 @@ function useScrollSync(ref, lines, scrollOffset, scrollMode, paneKey, controller
             previousContentRef.current = { firstLine, lastLine, scrollHeight: node.scrollHeight };
             return;
         }
-        const nextScrollTop = prependedWhilePaused
+        const nextScrollTop = pageArrived ? pageScrollTop : prependedWhilePaused
             ? Math.max(0, Math.min(
                 node.scrollTop + (node.scrollHeight - previousContent.scrollHeight),
                 node.scrollHeight - node.clientHeight,
@@ -1198,7 +1226,7 @@ function useScrollSync(ref, lines, scrollOffset, scrollMode, paneKey, controller
                 }
             });
         }
-        if (prependedWhilePaused && paneKey && typeof controller.updatePaneScrollFromViewport === "function") {
+        if ((pageArrived || prependedWhilePaused) && paneKey && typeof controller.updatePaneScrollFromViewport === "function") {
             // The measured DOM compensation above is the new durable paused
             // position. Persist it too: otherwise switching sessions and back
             // reapplies the pre-page offset and moves the reader by the full
@@ -1221,6 +1249,15 @@ function useScrollSync(ref, lines, scrollOffset, scrollMode, paneKey, controller
     const onScroll = React.useCallback(() => {
         const node = ref.current;
         if (!node || !paneKey) return;
+        const historyScroll = historyScrollRef.current;
+        if (historyScroll?.applied && performance.now() <= historyScroll.releaseAt
+            && node.scrollTop < historyScroll.target) {
+            // Native touch momentum may continue without another touchmove.
+            node.scrollTop = historyScroll.target;
+            historyScroll.releaseAt = performance.now() + HISTORY_SCROLL_GESTURE_GAP_MS;
+            return;
+        }
+        if (historyScroll?.applied && performance.now() > historyScroll.releaseAt) historyScrollRef.current = null;
         const pendingProgrammatic = programmaticScrollRef.current;
         if (pendingProgrammatic) {
             if (Math.abs(node.scrollTop - pendingProgrammatic.target) <= PROGRAMMATIC_SCROLL_TOLERANCE_PX) {
@@ -1268,13 +1305,49 @@ function useScrollSync(ref, lines, scrollOffset, scrollMode, paneKey, controller
         }
     }, [controller, dispatchScrollOffset, paneKey, ref, scrollMode, stickyBottom]);
 
+    const requestHistoryPage = React.useCallback(() => {
+        const node = ref.current;
+        const state = controller.getState();
+        const sessionId = state.sessions.activeSessionId;
+        if (!node || !sessionId || historyScrollRef.current) return;
+        const top = node.getBoundingClientRect().top;
+        const element = [...node.children].find(child => child.textContent?.trim() && child.getBoundingClientRect().bottom > top + 6);
+        const pending = {
+            sessionId, oldestSeq: state.history.bySessionId.get(sessionId)?.events?.[0]?.seq,
+            height: node.scrollHeight, applied: false,
+            anchor: element ? { element, text: element.textContent, top: element.getBoundingClientRect().top } : null,
+        };
+        historyScrollRef.current = pending;
+        const load = controller.handleChatTopHistoryScrollIntent?.(
+            (node.scrollHeight - node.clientHeight) / SCROLL_ROW_HEIGHT,
+            { force: true, preserveDomAnchor: true },
+        );
+        Promise.resolve(load).catch(() => {}).finally(() => {
+            if (historyScrollRef.current !== pending) return;
+            const oldest = controller.getState().history.bySessionId.get(sessionId)?.events?.[0]?.seq;
+            if (!(oldest < pending.oldestSeq)) historyScrollRef.current = null;
+            else setViewportRevision(revision => revision + 1);
+        });
+    }, [controller, ref]);
+
     const onWheel = React.useCallback((event) => {
         const node = ref.current;
-        if (!node || paneKey !== "chat" || event.deltaY >= 0) return;
+        if (!node || paneKey !== "chat" || !event.deltaY || event.ctrlKey) return;
+        const pending = historyScrollRef.current;
+        if (pending && event.deltaY > 0) historyScrollRef.current = null;
+        else if (pending) {
+            if (!pending.applied || performance.now() <= pending.releaseAt) {
+                pending.releaseAt = performance.now() + HISTORY_SCROLL_GESTURE_GAP_MS;
+                event.preventDefault();
+                return;
+            }
+            historyScrollRef.current = null;
+        }
+        if (event.deltaY >= 0) return;
         if (node.scrollTop > PROGRAMMATIC_SCROLL_TOLERANCE_PX) return;
-        const maxScroll = Math.max(0, node.scrollHeight - node.clientHeight);
-        controller.handleChatTopHistoryScrollIntent?.(maxScroll / SCROLL_ROW_HEIGHT, { preserveDomAnchor: true });
-    }, [controller, paneKey, ref]);
+        event.preventDefault();
+        requestHistoryPage();
+    }, [paneKey, ref, requestHistoryPage]);
 
     // Touch equivalent of the wheel-at-top gesture: touch devices never fire
     // wheel events, and once scrollTop sits at 0 a further swipe-down emits no
@@ -1284,6 +1357,7 @@ function useScrollSync(ref, lines, scrollOffset, scrollMode, paneKey, controller
     const touchPullRef = React.useRef({ startY: null, fired: false });
     const onTouchStart = React.useCallback((event) => {
         userScrollRef.current.touching = true;
+        if (historyScrollRef.current?.applied) historyScrollRef.current = null;
         if (paneKey !== "chat") return;
         touchPullRef.current = { startY: event.touches?.[0]?.clientY ?? null, fired: false };
     }, [paneKey]);
@@ -1292,26 +1366,45 @@ function useScrollSync(ref, lines, scrollOffset, scrollMode, paneKey, controller
         // Momentum continues past the finger lift; onScroll keeps refreshing
         // lastUserScrollAt for as long as the glide emits scroll events.
         userScrollRef.current.lastUserScrollAt = typeof performance !== "undefined" ? performance.now() : Date.now();
+        if (historyScrollRef.current?.applied) {
+            historyScrollRef.current.releaseAt = performance.now() + HISTORY_SCROLL_GESTURE_GAP_MS;
+        }
     }, []);
     const onTouchMove = React.useCallback((event) => {
         const node = ref.current;
         const pull = touchPullRef.current;
-        if (!node || paneKey !== "chat") return;
+        if (!node || paneKey !== "chat" || event.touches?.length !== 1) return;
+        if (historyScrollRef.current) {
+            historyScrollRef.current.releaseAt = performance.now() + HISTORY_SCROLL_GESTURE_GAP_MS;
+            event.preventDefault();
+            return;
+        }
         if (pull.fired || pull.startY == null) return;
         if (node.scrollTop > PROGRAMMATIC_SCROLL_TOLERANCE_PX) return;
         const y = event.touches?.[0]?.clientY;
         if (y == null || y - pull.startY < TOUCH_TOP_PULL_THRESHOLD_PX) return;
         pull.fired = true;
         // A deliberate pull at the top of the pane is an unambiguous request:
-        // force the load, bypassing both the arm/load two-stage handshake and
-        // the DOM-vs-render-metric offset gate (the two measurements disagree
-        // on narrow viewports). The wheel path keeps the handshake — one
-        // physical scroll emits MANY wheel events, so it needs debouncing.
-        const maxScroll = Math.max(0, node.scrollHeight - node.clientHeight);
-        controller.handleChatTopHistoryScrollIntent?.(maxScroll / SCROLL_ROW_HEIGHT + 1, { force: true, preserveDomAnchor: true });
-    }, [controller, paneKey, ref]);
+        // Request one page at the measured DOM boundary. The shared gesture
+        // guard absorbs repeated wheel events and the remainder of this pull.
+        event.preventDefault();
+        requestHistoryPage();
+    }, [paneKey, ref, requestHistoryPage]);
 
-    return { normalizedLines, onScroll, onWheel, onTouchStart, onTouchMove, onTouchEnd };
+    React.useEffect(() => {
+        const node = ref.current;
+        if (!node) return;
+        // React's delegated wheel/touch listeners are passive. These must be
+        // cancellable so one in-flight gesture cannot consume the new page.
+        node.addEventListener("wheel", onWheel, { passive: false });
+        node.addEventListener("touchmove", onTouchMove, { passive: false });
+        return () => {
+            node.removeEventListener("wheel", onWheel);
+            node.removeEventListener("touchmove", onTouchMove);
+        };
+    }, [ref, onWheel, onTouchMove]);
+
+    return { normalizedLines, onScroll, onTouchStart, onTouchEnd };
 }
 
 function Runs({ runs, theme }) {
@@ -4144,7 +4237,7 @@ function ScrollLinesPanel({ title, titleRight = null, color, focused, actions, l
     }, [panelRef]);
     const stickyRef = React.useRef(null);
     const syncingHorizontalRef = React.useRef(false);
-    const { normalizedLines, onScroll, onWheel, onTouchStart, onTouchMove, onTouchEnd } = useScrollSync(ref, lines, scrollOffset, scrollMode, paneKey, controller, { stickyBottom });
+    const { normalizedLines, onScroll, onTouchStart, onTouchEnd } = useScrollSync(ref, lines, scrollOffset, scrollMode, paneKey, controller, { stickyBottom });
     const normalizedSticky = React.useMemo(() => normalizeLines(stickyLines), [stickyLines]);
     const normalizedBottomSticky = React.useMemo(() => normalizeLines(bottomStickyLines), [bottomStickyLines]);
     const preserveHorizontalScroll = className.includes("is-preserve") && panelClassName.includes("has-preserved-sticky");
@@ -4243,7 +4336,7 @@ function ScrollLinesPanel({ title, titleRight = null, color, focused, actions, l
                 normalizedSticky.map((line, index) => React.createElement(Line, { key: `sticky:${index}`, line, theme })),
             )
             : null,
-        React.createElement("div", { ref: setPanelNode, className: `ps-scroll-panel ${className}${scrollShadow.down ? " is-scrolled-down" : ""}${scrollShadow.up ? " is-scrolled-up" : ""}`.trim(), "data-session-scroll": focusRegion === "sessions" ? "1" : undefined, "aria-live": ariaLive || undefined, "aria-atomic": ariaLive ? "false" : undefined, onScroll: handleBodyScroll, onMouseDown: claimFocus, onTouchStart, onWheel, onTouchMove, onTouchEnd, onTouchCancel: onTouchEnd },
+        React.createElement("div", { ref: setPanelNode, className: `ps-scroll-panel ${className}${scrollShadow.down ? " is-scrolled-down" : ""}${scrollShadow.up ? " is-scrolled-up" : ""}`.trim(), "data-session-scroll": focusRegion === "sessions" ? "1" : undefined, "aria-live": ariaLive || undefined, "aria-atomic": ariaLive ? "false" : undefined, onScroll: handleBodyScroll, onMouseDown: claimFocus, onTouchStart, onTouchEnd, onTouchCancel: onTouchEnd },
             typeof renderBody === "function"
                 ? renderBody(normalizedLines, theme)
                 : structuredBlocks
@@ -4558,28 +4651,26 @@ function SessionDetailBox({ session, childCount = 0, pause = null, controller =
  * fleet. That only holds while every prop is referentially stable — hence the
  * hoisted click handler and ref setter rather than closures built per row.
  */
-/**
- * True when the primary input is a finger. Drag-to-folder is armed on
- * pointerdown and needs `touch-action: none` to receive a move stream — which
- * on a touch screen also means the list can no longer be scrolled by dragging
- * it, so the gesture is withheld there entirely.
- */
-function useCoarsePointer() {
-    const query = "(pointer: coarse)";
+/** Subscribe to viewport or input changes without remounting the pane. */
+function useMediaQuery(query) {
     const read = () => (typeof window !== "undefined" && typeof window.matchMedia === "function"
         ? window.matchMedia(query).matches
         : false);
-    const [coarse, setCoarse] = React.useState(read);
+    const [matches, setMatches] = React.useState(read);
     React.useEffect(() => {
         if (typeof window === "undefined" || typeof window.matchMedia !== "function") return undefined;
         const media = window.matchMedia(query);
-        const onChange = (event) => setCoarse(event.matches);
+        const onChange = (event) => setMatches(event.matches);
+        setMatches(media.matches);
         media.addEventListener?.("change", onChange);
         return () => media.removeEventListener?.("change", onChange);
-    }, []);
-    return coarse;
+    }, [query]);
+    return matches;
 }
 
+// Withhold drag-to-folder on touch screens so finger drags can scroll the list.
+function useCoarsePointer() { return useMediaQuery("(pointer: coarse)"); }
+
 const RAIL_ORIGIN_PX = 13;
 const RAIL_STEP_PX = 11;
 const RAIL_WIDTH_PX = 1.5;
@@ -5052,11 +5143,10 @@ function useAxisLockedPan(ref, enabled = true) {
     }, [ref, enabled]);
 }
 
-const SessionSearchControl = React.memo(function SessionSearchControl({ query = "", onQuery, matchCount = 0, mobile = false, listRef = null }) {
+const SessionSearchControl = React.memo(function SessionSearchControl({ query = "", onQuery, matchCount = 0, mobile = false, expanded = false, onOpen, onClose, triggerRef, 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);
@@ -5075,29 +5165,24 @@ const SessionSearchControl = React.memo(function SessionSearchControl({ query =
         cancel(); published.current = query; setDraft(query);
     }, [query]);
     const inputRef = React.useRef(null);
-    React.useEffect(() => {
-        if (query) setMobileOpen(true);
-    }, [query]);
-    const open = () => {
-        setMobileOpen(true);
-        requestAnimationFrame(() => inputRef.current?.focus({ preventScroll: true }));
-    };
     const closeOrClear = () => {
         if (draft || query) { setDraft(""); publish(""); }
-        else setMobileOpen(false);
+        else onClose?.();
     };
     const resultLabel = draft !== query ? "Searching…" : draft
         ? `${matchCount} ${matchCount === 1 ? "match" : "matches"}` : "";
     return React.createElement("div", {
-        className: `ps-session-search${mobileOpen ? " is-open" : ""}`,
+        className: `ps-session-search${expanded ? " is-open" : ""}`,
         "data-session-search": "true",
     },
     mobile ? React.createElement("button", {
         type: "button",
         className: "ps-session-search-trigger",
+        ref: triggerRef,
+        "aria-expanded": expanded,
         "aria-label": "Search sessions",
         title: "Search sessions",
-        onClick: open,
+        onClick: onOpen,
     }, React.createElement(SearchGlyph)) : null,
     React.createElement("div", { className: "ps-session-search-fields" },
         React.createElement(SearchGlyph),
@@ -5128,7 +5213,7 @@ const SessionSearchControl = React.memo(function SessionSearchControl({ query =
             role: "status",
             "aria-live": "polite",
         }, resultLabel) : null,
-        (draft || mobile) ? React.createElement("button", {
+        draft ? React.createElement("button", {
             type: "button",
             className: "ps-session-search-clear",
             "aria-label": draft ? "Clear session search" : "Close session search",
@@ -5145,6 +5230,11 @@ function SessionPane({ controller, actions = null, panelClassName = "", structur
     // sessions-ONLY layout is the exception: it has the whole screen and the
     // detail box is the point of asking for it.
     const isMobilePane = String(panelClassName).includes("ps-mobile-session-pane");
+    const compactSearch = useMediaQuery("(max-width: 920px)");
+    const [searchOpen, setSearchOpen] = React.useState(false);
+    const searchOverlay = compactSearch && searchOpen;
+    const searchDialogRef = React.useRef(null);
+    const searchTriggerRef = React.useRef(null);
     // Vertical is the primary scroll axis; sideways takes a deliberate swipe.
     const sessionListRef = React.useRef(null);
     // Selection reverts to plain taps wherever the primary input is a finger:
@@ -5253,6 +5343,35 @@ function SessionPane({ controller, actions = null, panelClassName = "", structur
         }
         searchEnvRef.current?.setQuery?.(next);
     }, []);
+    const closeSearch = React.useCallback(() => {
+        setSearchOpen(false);
+        setSearchQuery("");
+        requestAnimationFrame(() => searchTriggerRef.current?.focus({ preventScroll: true }));
+    }, [setSearchQuery]);
+    React.useLayoutEffect(() => {
+        const dialog = searchDialogRef.current;
+        if (!searchOverlay || !dialog) return undefined;
+        const viewport = window.visualViewport;
+        const resize = () => {
+            dialog.style.top = `${(viewport?.offsetTop || 0) + 8}px`;
+            dialog.style.left = `${(viewport?.offsetLeft || 0) + 8}px`;
+            dialog.style.width = `${(viewport?.width || window.innerWidth) - 16}px`;
+            dialog.style.height = `${(viewport?.height || window.innerHeight) - 16}px`;
+        };
+        resize();
+        dialog.showModal();
+        dialog.querySelector("input")?.focus({ preventScroll: true });
+        viewport?.addEventListener("resize", resize);
+        viewport?.addEventListener("scroll", resize);
+        window.addEventListener("resize", resize);
+        return () => {
+            viewport?.removeEventListener("resize", resize);
+            viewport?.removeEventListener("scroll", resize);
+            window.removeEventListener("resize", resize);
+            dialog.close();
+        };
+    }, [searchOverlay]);
+    React.useEffect(() => { if (!compactSearch) setSearchOpen(false); }, [compactSearch]);
     React.useLayoutEffect(() => {
         if (viewState.filterQuery || !searchScrollRef.current.restore || !sessionListRef.current) return;
         sessionListRef.current.scrollTop = searchScrollRef.current.top;
@@ -5386,7 +5505,7 @@ function SessionPane({ controller, actions = null, panelClassName = "", structur
     // rows/viewState from a ref that is refreshed on every render instead of
     // closing over them.
     const clickEnv = React.useRef(null);
-    clickEnv.current = { rows, viewState, controller, selection };
+    clickEnv.current = { rows, viewState, controller, selection, searchOverlay, closeSearch };
     // ── Drag sessions into / out of groups ────────────────────────────
     // Pointer-driven so it works from <button> rows, can render a collection
     // ghost for a multi-selection, and can highlight the destination folder.
@@ -5712,6 +5831,15 @@ function SessionPane({ controller, actions = null, panelClassName = "", structur
 
     const handleRowClick = React.useCallback((event, row) => {
         const { rows: currentRows, viewState: current, controller: ctl, selection: pick } = clickEnv.current;
+        if (clickEnv.current.searchOverlay && !row.isGroup) {
+            if (pick) pick.onSelect(row.sessionId);
+            else {
+                ctl.setFocus("sessions");
+                ctl.loadSession(row.sessionId).catch(() => {});
+            }
+            clickEnv.current.closeSearch();
+            return;
+        }
         if (pick) {
             if (row.isGroup || (row.hasChildren && row.active)) ctl.dispatch({ type: row.collapsed ? "sessions/expand" : "sessions/collapse", sessionId: row.sessionId });
             if (!row.isGroup) pick.onSelect(row.sessionId);
@@ -5955,14 +6083,12 @@ function SessionPane({ controller, actions = null, panelClassName = "", structur
                     : "Release to cancel"))
         : null;
 
-    return React.createElement(React.Fragment, null,
-    dragGhost,
-    actionsOnly ? (actionsHost ? createPortal(React.createElement("div", { className: "ps-moa-control-actions", onClick: onAction }, panelActions), actionsHost) : null) : React.createElement(Panel, {
-        title: [{ text: "Sessions", color: "yellow", bold: true }],
+    const sessionPanel = actionsOnly ? (actionsHost ? createPortal(React.createElement("div", { className: "ps-moa-control-actions", onClick: onAction }, panelActions), actionsHost) : null) : React.createElement(Panel, {
+        title: [{ text: searchOverlay ? "Find a session" : "Sessions", color: "yellow", bold: true }],
         color: "yellow",
         focused: viewState.focused,
         theme,
-        actions: selection ? React.createElement(React.Fragment, null,
+        actions: searchOverlay ? React.createElement(IconButton, { label: "Close session search", icon: "×", onClick: closeSearch }) : selection ? React.createElement(React.Fragment, null,
             selection.onCreate ? React.createElement(IconButton, {
                 className: "ps-mini-button", icon: React.createElement(PlusGlyph),
                 label: "Create New Session", onClick: selection.onCreate,
@@ -6010,7 +6136,16 @@ function SessionPane({ controller, actions = null, panelClassName = "", structur
                 // touch hijacks the finger that should be scrolling the list.
                 drag: selection || touchInput || viewState.sortMode !== "saved" ? null : dragHandlers,
             }))),
-    React.createElement("div", { className: "ps-session-find-controls" },
+    React.createElement("div", {
+        className: "ps-session-find-controls",
+        onPointerDown: (event) => {
+            // Keep the search keyboard open while tapping sort, refresh, or clear.
+            // Safari otherwise blurs the field without focusing the button.
+            if (compactSearch && event.button === 0 && event.target.closest?.("button")
+                && event.currentTarget.contains(document.activeElement)
+                && document.activeElement?.matches("input")) event.preventDefault();
+        },
+    },
         React.createElement("div", { className: "ps-session-sort-controls" },
             React.createElement("div", { className: "ps-session-sort-modes", role: "group", "aria-label": "Session sort order" },
                 ...[["used", "Recently used", "M12 8v4l3 2", true], ["updated", "Recently updated", "M3 12h4l3-7 4 14 3-7h4"], ["saved", "Saved order", "M6 3h12v18l-6-4-6 4Z"]].map(([mode, label, path, clock]) => React.createElement(IconButton, {
@@ -6030,10 +6165,14 @@ function SessionPane({ controller, actions = null, panelClassName = "", structur
             query: viewState.filterQuery,
             onQuery: setSearchQuery,
             matchCount: searchMatchCount,
-            mobile: isMobilePane,
+            mobile: compactSearch,
+            expanded: searchOverlay,
+            onOpen: () => setSearchOpen(true),
+            onClose: closeSearch,
+            triggerRef: searchTriggerRef,
             listRef: sessionListRef,
         })),
-    (showDetailBox === null ? !isMobilePane : showDetailBox)
+    !searchOverlay && (showDetailBox === null ? !isMobilePane : showDetailBox)
         ? React.createElement(SessionDetailBox, {
             session: activeSession,
             childCount: activeRow?.childCount || 0,
@@ -6047,7 +6186,21 @@ function SessionPane({ controller, actions = null, panelClassName = "", structur
                 collapsed: !detailCollapsed,
             }),
         })
-        : null),
+        : null);
+
+    return React.createElement(React.Fragment, null,
+    dragGhost,
+    !searchOverlay ? sessionPanel : null,
+    React.createElement("dialog", {
+        ref: searchDialogRef,
+        className: "ps-session-search-overlay",
+        "aria-label": "Find a session",
+        onCancel: event => { event.preventDefault(); closeSearch(); },
+        onKeyDownCapture: event => {
+            if (event.key === "Escape") { event.preventDefault(); event.stopPropagation(); closeSearch(); }
+        },
+        onClick: event => { if (event.target === event.currentTarget) closeSearch(); },
+    }, searchOverlay ? sessionPanel : null),
     (manageOpen && activeSession && !activeSession.isGroup)
         ? React.createElement(SessionModifyModal, {
             controller,
@@ -7225,14 +7378,14 @@ export function evaluateKeyboardTakeover(baseline, viewportWidth, viewportHeight
 }
 
 /**
- * True while the on-screen keyboard is up AND the chat composer summoned it.
+ * True while the on-screen keyboard is up AND a matching control has focus.
  * Both conditions matter: height alone would fire for a modal's text field
  * and collapse the workspace behind the modal; focus alone would fire for
  * hardware keyboards that shrink nothing. State-driven on the keyboard
  * itself, so it reverts the moment the keyboard goes away — including the
  * iOS swipe-dismiss that closes the keyboard without blurring the input.
  */
-function useKeyboardTakeover(enabled) {
+function useKeyboardTakeover(enabled, focusSelector = ".ps-prompt-input") {
     const [takeover, setTakeover] = React.useState(false);
     React.useEffect(() => {
         if (!enabled || typeof window === "undefined" || !window.visualViewport) {
@@ -7244,7 +7397,7 @@ function useKeyboardTakeover(enabled) {
         let frame = 0;
         const evaluate = () => {
             frame = 0;
-            const composerFocused = Boolean(document.activeElement?.classList?.contains("ps-prompt-input"));
+            const composerFocused = Boolean(document.activeElement?.matches?.(focusSelector));
             const next = evaluateKeyboardTakeover(baseline, viewport.width, viewport.height, composerFocused);
             baseline = next.baseline;
             setTakeover(next.takeover);
@@ -7262,7 +7415,7 @@ function useKeyboardTakeover(enabled) {
             window.removeEventListener("focusin", schedule);
             window.removeEventListener("focusout", schedule);
         };
-    }, [enabled]);
+    }, [enabled, focusSelector]);
     return enabled ? takeover : false;
 }
 

package/web/dist/assets/{abnfDiagram-VRR7QNED-C1caNr4U.js → abnfDiagram-VRR7QNED-BnkQIEhH.js}

@@ -1 +1 @@
-import{g as p,r as u,d as a}from"./chunk-MOJQB5TN-CHdrVT1z.js";import{p as f}from"./chunk-JWPE2WC7-CGM2GAMX.js";import{_ as n,l as o}from"./mermaid.core-i8uqvLPa.js";import{M as c,b as d}from"./cynefin-VYW2F7L2-3zVj2GvI.js";import"./pilotswarm-D7Q48waO.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-CHa4SOoq.js";import{p as f}from"./chunk-JWPE2WC7-pjfQBm7p.js";import{_ as n,l as o}from"./mermaid.core-DPy_PtTG.js";import{M as c,b as d}from"./cynefin-VYW2F7L2-B8cRqvMz.js";import"./pilotswarm-BchtZfEr.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-BufdFJYK.js → arc-CGyB8bDx.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-i8uqvLPa.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-DPy_PtTG.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};