pilotswarm 0.5.76 → 0.5.78

package/package.json

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

package/tui/src/embedded-workers.js

@@ -44,6 +44,9 @@ export async function startEmbeddedWorkers({ count, store }) {
                 useManagedIdentity: ["1", "true", "yes", "on"].includes(
                     (process.env.PILOTSWARM_USE_MANAGED_IDENTITY || "").trim().toLowerCase(),
                 ),
+                blobUseManagedIdentity: process.env.PILOTSWARM_BLOB_USE_MANAGED_IDENTITY?.trim()
+                    ? ["1", "true", "yes", "on"].includes(process.env.PILOTSWARM_BLOB_USE_MANAGED_IDENTITY.trim().toLowerCase())
+                    : undefined,
                 cmsFactsDatabaseUrl: process.env.PILOTSWARM_CMS_FACTS_DATABASE_URL || undefined,
                 aadDbUser: process.env.PILOTSWARM_DB_AAD_USER || undefined,
                 blobAccountUrl: process.env.AZURE_STORAGE_ACCOUNT_URL || undefined,

package/ui/core/src/controller.js

@@ -9698,6 +9698,7 @@ export class PilotSwarmUiController {
         await this.maybeAutoExpandActiveHistory(requestedScrollOffset, {
             pages: AUTO_HISTORY_SCROLL_PAGE_COUNT,
             preserveDomAnchor: options.preserveDomAnchor === true,
+            onLoadStarted: options.onLoadStarted,
             // Always bypass the offset gate. Every caller of this method fires
             // only when the DOM scroller is already AT the top — a direct
             // measurement. The gate is a second, weaker guess that compares a
@@ -10035,7 +10036,7 @@ export class PilotSwarmUiController {
             if (targetOffset < maxOffset) return;
         }
 
-        await this.expandSessionHistory(sessionId, {
+        const load = this.expandSessionHistory(sessionId, {
             requestedScrollOffset: targetOffset,
             autoTriggered: true,
             pages: options.pages,
@@ -10044,6 +10045,8 @@ export class PilotSwarmUiController {
             // only, so each page is transcript instead of raw event noise.
             eventTypes: CHAT_HISTORY_EVENT_TYPES,
         });
+        options.onLoadStarted?.();
+        await load;
     }
 
     async expandSessionHistory(sessionId, options = {}) {

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

@@ -94,7 +94,8 @@ 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
 // a touch pull counts as a load-older-history request.
-const TOUCH_TOP_PULL_THRESHOLD_PX = 24;
+const TOUCH_TOP_PULL_THRESHOLD_PX = 56;
+const TOUCH_TOP_PULL_MAX_PX = 84;
 // How long after the last user-driven scroll event the pane still counts as
 // momentum-scrolling (native flick glide), during which programmatic scrollTop
 // restores are suppressed so they don't kill the glide.
@@ -1107,7 +1108,24 @@ function scrollBoundaryIdentity(lines, fromEnd = false) {
     return boundary.map(scrollLineIdentity).join("\u241e");
 }
 
-function useScrollSync(ref, lines, scrollOffset, scrollMode, paneKey, controller, { stickyBottom = false } = {}) {
+// History loading belongs to the outer transcript. Let a tool result, activity
+// log or agent update consume the gesture first when it still has room.
+function nestedViewportCanScroll(viewport, target, deltaY) {
+    if (!deltaY) return false;
+    for (let node = target?.nodeType === 1 ? target : target?.parentElement;
+        node && node !== viewport; node = node.parentElement) {
+        const maxScroll = node.scrollHeight - node.clientHeight;
+        if (maxScroll <= 1 || !/^(auto|scroll)$/.test(getComputedStyle(node).overflowY)) continue;
+        if (deltaY < 0 ? node.scrollTop > 1 : node.scrollTop < maxScroll - 1) return true;
+    }
+    return false;
+}
+
+function useScrollSync(ref, lines, scrollOffset, scrollMode, paneKey, controller, {
+    stickyBottom = false,
+    historyPullEnabled = false,
+    historySessionId = null,
+} = {}) {
     const normalizedLines = React.useMemo(() => normalizeLines(lines), [lines]);
     // Programmatic scrollTop assignments fire a 'scroll' event that would
     // otherwise call onScroll → dispatch ui/scroll → clobber the user's
@@ -1122,6 +1140,9 @@ function useScrollSync(ref, lines, scrollOffset, scrollMode, paneKey, controller
     const previousContentRef = React.useRef(null);
     const historyScrollRef = React.useRef(null);
     React.useEffect(() => () => { historyScrollRef.current = null; }, []);
+    const [topPullDistance, setTopPullDistance] = React.useState(0);
+    const [loadingHistorySessionId, setLoadingHistorySessionId] = React.useState(null);
+    React.useEffect(() => { setTopPullDistance(0); }, [historySessionId]);
     // 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
@@ -1309,7 +1330,7 @@ function useScrollSync(ref, lines, scrollOffset, scrollMode, paneKey, controller
         const node = ref.current;
         const state = controller.getState();
         const sessionId = state.sessions.activeSessionId;
-        if (!node || !sessionId || historyScrollRef.current) return;
+        if (!node || !sessionId || !historyPullEnabled || historyScrollRef.current) return;
         const top = node.getBoundingClientRect().top;
         const element = [...node.children].find(child => child.textContent?.trim() && child.getBoundingClientRect().bottom > top + 6);
         const pending = {
@@ -1320,19 +1341,22 @@ function useScrollSync(ref, lines, scrollOffset, scrollMode, paneKey, controller
         historyScrollRef.current = pending;
         const load = controller.handleChatTopHistoryScrollIntent?.(
             (node.scrollHeight - node.clientHeight) / SCROLL_ROW_HEIGHT,
-            { force: true, preserveDomAnchor: true },
+            { force: true, preserveDomAnchor: true,
+                onLoadStarted: () => setLoadingHistorySessionId(sessionId) },
         );
         Promise.resolve(load).catch(() => {}).finally(() => {
+            setLoadingHistorySessionId(current => current === sessionId ? null : current);
             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]);
+    }, [controller, historyPullEnabled, ref]);
 
     const onWheel = React.useCallback((event) => {
         const node = ref.current;
         if (!node || paneKey !== "chat" || !event.deltaY || event.ctrlKey) return;
+        if (nestedViewportCanScroll(node, event.target, event.deltaY)) return;
         const pending = historyScrollRef.current;
         if (pending && event.deltaY > 0) historyScrollRef.current = null;
         else if (pending) {
@@ -1354,13 +1378,19 @@ function useScrollSync(ref, lines, scrollOffset, scrollMode, paneKey, controller
     // scroll events either — so mobile had no way to request older history.
     // A downward pull that starts while the pane is at (or near) the top fires
     // the same top-history intent, once per gesture.
-    const touchPullRef = React.useRef({ startY: null, fired: false });
+    const touchPullRef = React.useRef({ startY: null, lastY: null, distance: 0 });
     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]);
+        const node = ref.current;
+        touchPullRef.current = {
+            startY: event.touches?.length === 1 && historyPullEnabled && loadingHistorySessionId !== historySessionId
+                && paneKey === "chat" && node?.scrollTop <= PROGRAMMATIC_SCROLL_TOLERANCE_PX
+                ? event.touches?.[0]?.clientY ?? null : null,
+            lastY: event.touches?.[0]?.clientY ?? null,
+            distance: 0,
+        };
+    }, [historyPullEnabled, historySessionId, loadingHistorySessionId, paneKey, ref]);
     const onTouchEnd = React.useCallback(() => {
         userScrollRef.current.touching = false;
         // Momentum continues past the finger lift; onScroll keeps refreshing
@@ -1369,27 +1399,42 @@ function useScrollSync(ref, lines, scrollOffset, scrollMode, paneKey, controller
         if (historyScrollRef.current?.applied) {
             historyScrollRef.current.releaseAt = performance.now() + HISTORY_SCROLL_GESTURE_GAP_MS;
         }
+        const distance = touchPullRef.current.distance;
+        touchPullRef.current = { startY: null, lastY: null, distance: 0 };
+        setTopPullDistance(0);
+        if (distance >= TOUCH_TOP_PULL_THRESHOLD_PX
+            && ref.current?.scrollTop <= PROGRAMMATIC_SCROLL_TOLERANCE_PX) requestHistoryPage();
+    }, [ref, requestHistoryPage]);
+    const onTouchCancel = React.useCallback(() => {
+        userScrollRef.current.touching = false;
+        touchPullRef.current = { startY: null, lastY: null, distance: 0 };
+        setTopPullDistance(0);
     }, []);
     const onTouchMove = React.useCallback((event) => {
         const node = ref.current;
         const pull = touchPullRef.current;
         if (!node || paneKey !== "chat" || event.touches?.length !== 1) return;
+        const y = event.touches[0].clientY;
+        const deltaY = pull.lastY == null ? 0 : pull.lastY - y;
+        pull.lastY = y;
+        if (nestedViewportCanScroll(node, event.target, deltaY)) {
+            // Movement within a box must not accumulate into a history pull.
+            if (pull.startY != null) pull.startY = y;
+            pull.distance = 0;
+            setTopPullDistance(0);
+            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 (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:
-        // 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]);
+        pull.distance = Math.min(TOUCH_TOP_PULL_MAX_PX, Math.max(0, y - pull.startY));
+        setTopPullDistance(pull.distance);
+        if (pull.distance > 0) event.preventDefault();
+    }, [paneKey, ref]);
 
     React.useEffect(() => {
         const node = ref.current;
@@ -1404,7 +1449,8 @@ function useScrollSync(ref, lines, scrollOffset, scrollMode, paneKey, controller
         };
     }, [ref, onWheel, onTouchMove]);
 
-    return { normalizedLines, onScroll, onTouchStart, onTouchEnd };
+    return { normalizedLines, onScroll, onTouchStart, onTouchEnd, onTouchCancel,
+        topPullDistance, loadingOlderHistory: loadingHistorySessionId === historySessionId };
 }
 
 function Runs({ runs, theme }) {
@@ -1529,15 +1575,11 @@ function ChatActivityRun({ calls }) {
             followRef.current = getScrollDistanceToBottom(event.currentTarget) <= 24;
         },
         onWheel: (event) => {
-            event.stopPropagation();
             if (event.deltaY < 0) followRef.current = false;
         },
-        onTouchStart: (event) => {
-            event.stopPropagation();
+        onTouchStart: () => {
             followRef.current = false;
         },
-        onTouchMove: (event) => event.stopPropagation(),
-        onTouchEnd: (event) => event.stopPropagation(),
     }, calls.map((call) => React.createElement(ChatCallLine, { key: call.callKey, line: call }))),
     React.createElement("div", { className: "ps-activity-run-footer" },
         `Showing ${calls.length} ${calls.length === 1 ? "entry" : "entries"} · Scroll for earlier activity`));
@@ -3785,7 +3827,9 @@ const PreviewMessageContent = React.memo(function PreviewMessageContent({ conten
 });
 
 const AssistantPreviewCard = React.memo(function AssistantPreviewCard({ line, theme, controller }) {
-    const [open, setOpen] = React.useState(false);
+    // Saved updates should be readable immediately. The viewport below keeps
+    // long updates scrollable without taking over the whole chat pane.
+    const [open, setOpen] = React.useState(line.text === "Agent update");
     const [revealed, setRevealed] = React.useState(
         !line.liveStartedAt || Date.now() - line.liveStartedAt >= 200,
     );
@@ -3794,6 +3838,10 @@ const AssistantPreviewCard = React.memo(function AssistantPreviewCard({ line, th
     const followRef = React.useRef(true);
     const snapshotRef = React.useRef(null);
     const expanded = open || line.final;
+    React.useLayoutEffect(() => {
+        // A live preview can become a saved update in the same card.
+        if (line.text === "Agent update") setOpen(true);
+    }, [line.text]);
     // Keep already-mounted markdown/disclosures when closed, but don't parse
     // new hidden deltas. Reopening catches up in a single render.
     if (expanded) snapshotRef.current = line;
@@ -3856,15 +3904,12 @@ const AssistantPreviewCard = React.memo(function AssistantPreviewCard({ line, th
         },
         onWheel: (event) => {
             if (!line.final) {
-                event.stopPropagation();
                 if (event.deltaY < 0) followRef.current = false;
             }
         },
-        onTouchStart: (event) => {
-            if (!line.final) { event.stopPropagation(); followRef.current = false; }
+        onTouchStart: () => {
+            if (!line.final) followRef.current = false;
         },
-        onTouchMove: (event) => { if (!line.final) event.stopPropagation(); },
-        onTouchEnd: (event) => { if (!line.final) event.stopPropagation(); },
         onKeyDown: (event) => {
             if (!line.final && ["ArrowUp", "ArrowDown", "PageUp", "PageDown", "Home", "End", " "].includes(event.key)) {
                 event.stopPropagation();
@@ -4224,7 +4269,7 @@ function focusRegionForPaneKey(paneKey, override = null) {
     return PANE_KEY_FOCUS_REGIONS[String(paneKey || "")] || null;
 }
 
-function ScrollLinesPanel({ title, titleRight = null, color, focused, actions, lines, stickyLines = [], bottomStickyLines = [], reserveBottomSticky = false, scrollOffset = 0, scrollMode = "top", paneKey, controller, className = "", panelClassName = "", topContent = null, bottomContent = null, structuredBlocks = false, stickyBottom = false, renderBody = null, focusRegion = null, panelRef = null, ariaLive = null }) {
+function ScrollLinesPanel({ title, titleRight = null, color, focused, actions, lines, stickyLines = [], bottomStickyLines = [], reserveBottomSticky = false, scrollOffset = 0, scrollMode = "top", paneKey, controller, className = "", panelClassName = "", topContent = null, bottomContent = null, structuredBlocks = false, stickyBottom = false, historyPullEnabled = false, historySessionId = null, renderBody = null, focusRegion = null, panelRef = null, ariaLive = null }) {
     const themeId = useControllerSelector(controller, (state) => state.ui.themeId);
     const theme = getTheme(themeId);
     const ref = React.useRef(null);
@@ -4237,7 +4282,7 @@ function ScrollLinesPanel({ title, titleRight = null, color, focused, actions, l
     }, [panelRef]);
     const stickyRef = React.useRef(null);
     const syncingHorizontalRef = React.useRef(false);
-    const { normalizedLines, onScroll, onTouchStart, onTouchEnd } = useScrollSync(ref, lines, scrollOffset, scrollMode, paneKey, controller, { stickyBottom });
+    const { normalizedLines, onScroll, onTouchStart, onTouchEnd, onTouchCancel, topPullDistance, loadingOlderHistory } = useScrollSync(ref, lines, scrollOffset, scrollMode, paneKey, controller, { stickyBottom, historyPullEnabled, historySessionId });
     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");
@@ -4326,7 +4371,7 @@ function ScrollLinesPanel({ title, titleRight = null, color, focused, actions, l
     }, [preserveHorizontalScroll, syncScrollLeft]);
 
     return React.createElement(Panel, { title, titleRight, color, focused, actions, theme, className: panelClassName },
-        topContent,
+        typeof topContent === "function" ? topContent({ topPullDistance, loadingOlderHistory }) : topContent,
         normalizedSticky.length > 0
             ? React.createElement("div", {
                 ref: stickyRef,
@@ -4336,7 +4381,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, 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 },
             typeof renderBody === "function"
                 ? renderBody(normalizedLines, theme)
                 : structuredBlocks
@@ -6898,6 +6943,39 @@ function SessionHeaderStatus({ controller }) {
         queue ? React.createElement("span", { className: "ps-mobile-queue", title: queue }, queue) : null);
 }
 
+function HistoryUpGlyph() {
+    return React.createElement(Glyph, null,
+        React.createElement("path", { d: "M12 19V5m-5 5 5-5 5 5" }));
+}
+
+function HistorySpinnerGlyph() {
+    return React.createElement(Glyph, null,
+        React.createElement("path", { d: "M20.5 12a8.5 8.5 0 1 1-8.5-8.5" }));
+}
+
+function HistoryLoadIndicator({ loading, manual, pullDistance, onManualLoad }) {
+    const ready = pullDistance >= TOUCH_TOP_PULL_THRESHOLD_PX;
+    const label = loading ? "Loading earlier messages…"
+        : manual ? "Load older messages"
+            : ready ? "Release to load earlier messages"
+                : "Pull for earlier messages";
+    return React.createElement("div", {
+        className: `ps-history-load${loading ? " is-loading" : ""}${manual ? " is-manual" : ""}${ready ? " is-ready" : ""}`,
+        style: pullDistance > 0 ? { "--ps-history-pull": `${Math.min(pullDistance, TOUCH_TOP_PULL_MAX_PX)}px` } : undefined,
+        role: "status", "aria-live": "polite",
+    },
+        React.createElement("span", { className: "ps-history-track", "aria-hidden": "true" },
+            React.createElement("span", { className: "ps-history-tick is-first" }),
+            React.createElement("span", { className: "ps-history-tick is-second" }),
+            React.createElement("span", { className: "ps-history-marker" },
+                loading ? React.createElement(HistorySpinnerGlyph) : React.createElement(HistoryUpGlyph),
+                loading ? React.createElement("span", { className: "ps-history-text-spinner" },
+                    ["|", "/", "—", "\\"].map((frame, index) => React.createElement("span", { key: index }, frame))) : null)),
+        manual && !loading
+            ? React.createElement("button", { type: "button", className: "ps-mini-button ps-load-older-button", onClick: onManualLoad }, label)
+            : React.createElement("span", { className: "ps-history-label" }, label));
+}
+
 function ChatPane({ controller, mobile = false, fullWidth = false, showComposer = true, onEnterZen = null, activityInHeader = false }) {
     const themeId = useControllerSelector(controller, (state) => state.ui.themeId);
     const theme = getTheme(themeId);
@@ -6980,7 +7058,7 @@ function ChatPane({ controller, mobile = false, fullWidth = false, showComposer
         () => appendAnimatedDotsToRuns(chrome.titleRight, chrome.animateTitleRight ? animatedDots : ""),
         [animatedDots, chrome.animateTitleRight, chrome.titleRight],
     );
-    const [loadingOlder, setLoadingOlder] = React.useState(false);
+    const [manualLoadingSessionId, setManualLoadingSessionId] = React.useState(null);
     // Scroll-up expands the transcript automatically until the soft cap, then
     // refuses — and the portal had no control to ask for more, so a busy
     // session's history became unreachable from the browser. Surface the
@@ -7079,25 +7157,27 @@ function ChatPane({ controller, mobile = false, fullWidth = false, showComposer
         scrollMode: viewState.followBottom ? "bottom" : "top",
         stickyBottom: true,
         paneKey: "chat",
+        historySessionId: viewState.activeSessionId,
+        historyPullEnabled: Boolean(viewState.activeHistory?.hasOlderEvents && !showLoadOlder),
         ariaLive: "polite",
         className: "is-wrapped",
         panelClassName: "ps-chat-panel",
         panelRef,
         bottomContent: composer,
-        topContent: showLoadOlder
-            ? React.createElement("div", { className: "ps-load-older-bar" },
-                React.createElement("button", {
-                    type: "button",
-                    className: "ps-load-older-button",
-                    disabled: loadingOlder,
-                    onClick: () => {
-                        setLoadingOlder(true);
-                        controller.handleCommand(UI_COMMANDS.EXPAND_HISTORY)
-                            .catch(() => {})
-                            .finally(() => setLoadingOlder(false));
-                    },
-                }, loadingOlder ? "Loading older messages…" : "↑ Load older messages"))
-            : null,
+        topContent: ({ topPullDistance, loadingOlderHistory }) => {
+            const loading = loadingOlderHistory || manualLoadingSessionId === viewState.activeSessionId;
+            if (!showLoadOlder && topPullDistance <= 0 && !loading) return null;
+            return React.createElement(HistoryLoadIndicator, {
+                loading, manual: showLoadOlder, pullDistance: loading ? 0 : topPullDistance,
+                onManualLoad: () => {
+                    const sessionId = viewState.activeSessionId;
+                    setManualLoadingSessionId(sessionId);
+                    controller.handleCommand(UI_COMMANDS.EXPAND_HISTORY)
+                        .catch(() => {})
+                        .finally(() => setManualLoadingSessionId(current => current === sessionId ? null : current));
+                },
+            });
+        },
         structuredBlocks: true,
         renderBody: null,
     });
@@ -9254,13 +9334,21 @@ function PromptComposer({ controller, mobile, compact = false, active = true, on
         // A pane-splitter drag or a font-size change re-wraps the text with
         // no window resize; watch the box itself.
         const node = inputRef.current;
+        let frame = 0;
         const observer = node && typeof ResizeObserver !== "undefined"
-            ? new ResizeObserver(() => growInput(true))
+            ? new ResizeObserver(() => {
+                // growInput writes the same box's height. Defer those writes
+                // out of ResizeObserver delivery to prevent WebKit's resize
+                // loop error when a narrow pane wraps the placeholder.
+                cancelAnimationFrame(frame);
+                frame = requestAnimationFrame(() => growInput(true));
+            })
             : null;
         if (observer && node) observer.observe(node);
         return () => {
             window.removeEventListener("resize", onResize);
             observer?.disconnect();
+            cancelAnimationFrame(frame);
         };
     }, [growInput]);
 
@@ -9723,7 +9811,7 @@ function IconButton({ icon, label, onClick, disabled = false, active = false, pr
     tooltipNode);
 }
 
-function Toolbar({ controller, mobile, moa = null, canvasPaneOpen = false, onToggleCanvasPane = null, mobilePane = "workspace", onSelectMobilePane = null, mobileMainLayout = "split" }) {
+function Toolbar({ controller, mobile, moa = null, viewNavigation = null, canvasPaneOpen = false, onToggleCanvasPane = null, mobilePane = "workspace", onSelectMobilePane = null, mobileMainLayout = "split" }) {
     const [headerSlot, setHeaderSlot] = React.useState(null);
     React.useEffect(() => {
         if (typeof document === "undefined") return;
@@ -9877,6 +9965,15 @@ function Toolbar({ controller, mobile, moa = null, canvasPaneOpen = false, onTog
         },
     });
 
+    if (!mobile && moa?.desktop !== false && viewNavigation) for (const direction of ["back", "forward"]) buttonDefs.push({
+        key: direction,
+        icon: React.createElement("svg", { viewBox: "0 0 20 20", width: 16, height: 16, fill: "none", stroke: "currentColor", strokeWidth: 1.7, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true },
+            React.createElement("path", { d: direction === "back" ? "M16 10H4m5-5-5 5 5 5" : "M4 10h12m-5-5 5 5-5 5" })),
+        label: viewNavigation[`${direction}Label`],
+        disabled: !viewNavigation[direction === "back" ? "canBack" : "canForward"],
+        onClick: viewNavigation[direction],
+    });
+
     const renderButton = (def) => {
         const button = React.createElement(IconButton, {
             key: def.badge ? undefined : def.key,
@@ -9945,18 +10042,11 @@ function Toolbar({ controller, mobile, moa = null, canvasPaneOpen = false, onTog
         );
     }
 
-    // Two kinds of button, two clusters (desktop only):
-    //
-    //   left  : the workspace's — new, filter, canvas, diagnostics
-    //   right : modes [workspace, budget, admin] │ theme · sign-out
-    //
-    // The whole left cluster belongs to the workspace — new session, filter,
-    // canvas and diagnostics all act on it — so it exists only in Workspace
-    // mode. Budget and the Admin Console replace the workspace; nothing on
-    // the left applies there. Modes are exclusive (the controller closes one
-    // when the other opens) and the Workspace button is the way back.
+    // Keep navigation in one permanent slot in every desktop mode. Context
+    // controls occupy equal-width flanks; empty flanks still reserve space.
     const mode = moa?.active ? "moa" : adminVisible ? "admin" : (budgetOpen ? "budget" : "workspace");
     const ACTIONS = ["new", "filter"];
+    const HISTORY = ["back", "forward"];
     const PANELS = ["canvas", "diagnostics"];
     const MODES = ["workspace", "moa", "budget", "admin"];
 
@@ -9966,7 +10056,7 @@ function Toolbar({ controller, mobile, moa = null, canvasPaneOpen = false, onTog
     // it — is the confusing half of every full-screen mode. The Canvas toggle
     // is exempt: it already means "put the canvas away", and closing drops
     // the flag in the reducer.
-    const withRestore = (def) => ((!canvasMaximized || def.key === "canvas") && !(moa?.active && ["workspace", "budget", "admin"].includes(def.key)) ? def : {
+    const withRestore = (def) => (HISTORY.includes(def.key) || (!canvasMaximized || def.key === "canvas") && !(moa?.active && ["workspace", "budget", "admin"].includes(def.key)) ? def : {
         ...def,
         onClick: (...args) => {
             controller.dispatch({ type: "ui/canvasMaximized", on: false });
@@ -9981,10 +10071,6 @@ function Toolbar({ controller, mobile, moa = null, canvasPaneOpen = false, onTog
         .map(renderButton);
     const divider = (key) => React.createElement("span", { key, className: "ps-toolbar-divider", "aria-hidden": "true" });
 
-    // One run, no bar: all four act on the workspace.
-    const leftCluster = mode === "workspace"
-        ? [...pick(ACTIONS), ...pick(PANELS)]
-        : [];
     const rightCluster = [
         ...pick(MODES),
         divider("mode-divider"),
@@ -9992,28 +10078,21 @@ function Toolbar({ controller, mobile, moa = null, canvasPaneOpen = false, onTog
     ];
 
     const toolbar = React.createElement("div", { className: `ps-toolbar${moa?.active ? " is-moa" : ""}` },
-        // Three columns: left rail | main controls | right rail. Full-screen
-        // canvas uses the otherwise-empty left rail for the normal actions so
-        // they do not crowd the canvas metadata and controls across the top.
         React.createElement("div", { className: "ps-toolbar-side is-left" },
-            moa?.active ? React.createElement("div", { id: "ps-moa-status-slot" }) : canvasMaximized ? leftCluster : null),
-        React.createElement("div", { className: "ps-toolbar-actions" },
-            moa?.active ? React.createElement("div", { id: "ps-moa-header-slot" }) : canvasMaximized ? null : leftCluster),
+            moa?.active ? React.createElement("div", { id: "ps-moa-status-slot" }) : null,
+            // Canvas controls retain their state in CanvasPane. Their portal
+            // gets the flexible rail, so names/revisions cannot move history.
+            canvasMaximized && !moa?.active
+                ? React.createElement("span", { className: "ps-toolbar-canvas-slot", id: "ps-toolbar-canvas-slot" })
+                : null),
+        React.createElement("div", { className: "ps-toolbar-actions ps-toolbar-navigation", role: "navigation", "aria-label": moa?.active ? "Master of Agents" : "View navigation" },
+            React.createElement("div", { className: "ps-toolbar-context is-before", id: "ps-toolbar-before-history" },
+                mode === "workspace" ? pick(ACTIONS) : null),
+            React.createElement("div", { className: "ps-toolbar-history" }, pick(HISTORY)),
+            React.createElement("div", { className: "ps-toolbar-context is-after", id: "ps-toolbar-after-history" },
+                mode === "workspace" ? pick(PANELS) : null)),
         React.createElement("div", { className: "ps-toolbar-side is-right" },
-            // The portal header parks its version/status meta here, LEFT of
-            // the tool buttons, and its sign-out glyph in the slot after
-            // them — one right-aligned cluster: meta · mode · theme · out.
             React.createElement("span", { className: "ps-toolbar-meta-slot", id: "ps-toolbar-meta-slot" }),
-            // While the canvas is full screen its header controls (rev, zoom,
-            // zen, restore) portal INTO this slot from CanvasPane — zoom state
-            // lives there, so the controls come to the toolbar rather than
-            // their state moving out.
-            canvasMaximized
-                ? React.createElement("span", { className: "ps-toolbar-canvas-slot", id: "ps-toolbar-canvas-slot" })
-                : null,
-            canvasMaximized
-                ? React.createElement("span", { className: "ps-toolbar-divider", "aria-hidden": "true" })
-                : null,
             React.createElement("div", { className: "ps-toolbar-actions is-tools" }, rightCluster),
             React.createElement("span", { className: "ps-toolbar-signout-slot", id: "ps-toolbar-signout-slot" })),
     );
@@ -14778,7 +14857,7 @@ export function createWebPilotSwarmController({ transport, mode = "remote", bran
     return new PilotSwarmUiController({ store, transport });
 }
 
-export function PilotSwarmWebApp({ controller, suspended = false, moa = null }) {
+export function PilotSwarmWebApp({ controller, suspended = false, moa = null, viewNavigation = null }) {
     const viewportRef = React.useRef(null);
     const mainGridRef = React.useRef(null);
     const viewport = useMeasuredViewport(viewportRef, suspended);
@@ -14914,7 +14993,9 @@ export function PilotSwarmWebApp({ controller, suspended = false, moa = null })
     const appliedProfileSettingsJsonRef = React.useRef(null);
     const defaultProfileSettingsRef = React.useRef(null);
     const [mobilePane, setMobilePane] = React.useState("workspace");
-    const mobile = (viewport.width || window.innerWidth || 0) < MOBILE_BREAKPOINT;
+    // Match the CSS and MoA breakpoint. The padded shell is narrower than
+    // the browser and otherwise flips to mobile while the header is desktop.
+    const mobile = useMediaQuery(`(max-width: ${MOBILE_BREAKPOINT}px)`);
     const readOnlyChatPane = state.activeSessionIsGroup;
     const effectivePromptRows = readOnlyChatPane ? 0 : state.promptRows;
 
@@ -15542,7 +15623,7 @@ export function PilotSwarmWebApp({ controller, suspended = false, moa = null })
         : null;
 
     if (suspended) return React.createElement(ControllerContext.Provider, { value: controller },
-        React.createElement(Toolbar, { controller, mobile: false, moa }),
+        React.createElement(Toolbar, { controller, mobile: false, moa, viewNavigation }),
         React.createElement(ModalLayer, { controller }));
     return React.createElement(ControllerContext.Provider, { value: controller },
         React.createElement("div", { ref: viewportRef, className: "ps-web-shell" },
@@ -15550,7 +15631,7 @@ export function PilotSwarmWebApp({ controller, suspended = false, moa = null })
         // plus the Main layout cycle), so it renders on every pane — hiding it
         // anywhere would trap the user with no way back.
         React.createElement(Toolbar, {
-            controller, moa,
+            controller, moa, viewNavigation,
             mobile,
             canvasPaneOpen: mobileCanvasOpen,
             onToggleCanvasPane: toggleMobileCanvas,

package/web/dist/assets/{abnfDiagram-VRR7QNED-DHZAKybB.js → abnfDiagram-VRR7QNED-C2HGSvvf.js}

@@ -1 +1 @@
-import{g as p,r as u,d as a}from"./chunk-MOJQB5TN-B-y9e9g1.js";import{p as f}from"./chunk-JWPE2WC7-DY6_m3mf.js";import{_ as n,l as o}from"./mermaid.core-AH4mlith.js";import{M as c,b as d}from"./cynefin-VYW2F7L2-DgXpH0xt.js";import"./pilotswarm-CN9fLEV0.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-DuIGV22R.js";import{p as f}from"./chunk-JWPE2WC7-Ddh7J2Rp.js";import{_ as n,l as o}from"./mermaid.core-DWYsDHXh.js";import{M as c,b as d}from"./cynefin-VYW2F7L2-Deleul8f.js";import"./pilotswarm-3GsGwA3r.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-Bw0S8L-3.js → arc-C3faoYvN.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-AH4mlith.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-DWYsDHXh.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};