@circuitwall/jarela 2.2.1 → 2.3.0

package/.next/standalone/.next/static/chunks/app/{page-7017f07f8a7a083c.js → page-213a623b37226452.js}

@@ -1,6 +1,105 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([[8974],{
 
-/***/ 9024:
+/***/ 30737:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   D: () => (/* binding */ useTheme),
+/* harmony export */   ThemeProvider: () => (/* binding */ ThemeProvider)
+/* harmony export */ });
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(95155);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(12115);
+/* __next_internal_client_entry_do_not_use__ ThemeProvider,useTheme auto */ 
+
+const STORAGE_KEY = "jarela-theme";
+function isTheme(v) {
+    return v === "light" || v === "dark" || v === "system";
+}
+function readStored() {
+    if (false) {}
+    try {
+        const v = window.localStorage.getItem(STORAGE_KEY);
+        return isTheme(v) ? v : "system";
+    } catch  {
+        return "system";
+    }
+}
+const LIGHT_CHROME = "#ffffff";
+const DARK_CHROME = "#09090b";
+function resolveChrome(theme) {
+    if (theme === "light") return LIGHT_CHROME;
+    if (theme === "dark") return DARK_CHROME;
+    if (false) {}
+    return window.matchMedia("(prefers-color-scheme: dark)").matches ? DARK_CHROME : LIGHT_CHROME;
+}
+// Keep the single <meta name="theme-color"> tag (installed by the pre-paint
+// script in app/layout.tsx) aligned with the active surface so the PWA's
+// desktop title bar and mobile address bar match the theme.
+function syncChrome(theme) {
+    if (typeof document === "undefined") return;
+    const meta = document.querySelector('meta[name="theme-color"]');
+    if (meta) meta.setAttribute("content", resolveChrome(theme));
+}
+function apply(theme) {
+    if (typeof document === "undefined") return;
+    document.documentElement.setAttribute("data-theme", theme);
+    syncChrome(theme);
+}
+const ThemeContext = /*#__PURE__*/ (0,react__WEBPACK_IMPORTED_MODULE_1__.createContext)(null);
+function ThemeProvider({ children }) {
+    // Initial state stays "system" on the server to match the pre-paint script,
+    // which writes data-theme before React hydrates. The effect below syncs the
+    // React state to whatever the script (or localStorage) decided.
+    const [theme, setThemeState] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)("system");
+    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(()=>{
+        const stored = readStored();
+        setThemeState(stored);
+        // When in "system" mode, mirror OS-level changes into the PWA chrome.
+        if (false) {}
+        const mq = window.matchMedia("(prefers-color-scheme: dark)");
+        const onChange = ()=>{
+            if (readStored() === "system") syncChrome("system");
+        };
+        mq.addEventListener?.("change", onChange);
+        return ()=>mq.removeEventListener?.("change", onChange);
+    }, []);
+    const setTheme = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)((t)=>{
+        setThemeState(t);
+        apply(t);
+        try {
+            window.localStorage.setItem(STORAGE_KEY, t);
+        } catch  {
+        /* ignore quota / private-mode errors */ }
+    }, []);
+    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(ThemeContext.Provider, {
+        value: {
+            theme,
+            setTheme
+        },
+        children: children
+    });
+}
+function useTheme() {
+    const ctx = (0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(ThemeContext);
+    if (!ctx) throw new Error("useTheme must be used within ThemeProvider");
+    return ctx;
+}
+
+
+/***/ }),
+
+/***/ 39852:
+/***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
+
+Promise.resolve(/* import() eager */).then(__webpack_require__.bind(__webpack_require__, 54986));
+;
+Promise.resolve(/* import() eager */).then(__webpack_require__.bind(__webpack_require__, 12283));
+
+
+/***/ }),
+
+/***/ 54986:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -1114,6 +1213,26 @@ function useSSE(onDone) {
     // Cleared on every new start()/attach().
     const [authError, setAuthError] = (0,react.useState)(null);
     const abortRef = (0,react.useRef)(null);
+    // Synchronous view of whether start()/attach() owns a live stream, and when
+    // the last one settled. React's `streaming` lags a render behind, so the
+    // activity poller reads this to avoid aborting a stream that just opened
+    // or re-attaching a run whose stream has only just ended.
+    const liveRef = (0,react.useRef)({
+        busy: false,
+        settledAt: 0
+    });
+    const markLive = (0,react.useCallback)(()=>{
+        liveRef.current.busy = true;
+    }, []);
+    const markSettled = (0,react.useCallback)((ctrl)=>{
+        if (ctrl && abortRef.current !== ctrl) return;
+        liveRef.current = {
+            busy: false,
+            settledAt: Date.now()
+        };
+    }, []);
+    const isLive = (0,react.useCallback)(()=>liveRef.current.busy, []);
+    const lastSettledAt = (0,react.useCallback)(()=>liveRef.current.settledAt, []);
     const threadIdRef = (0,react.useRef)(null);
     // ADR-0080 — id of the steering message currently armed for a possible
     // continuation break, or null. Set eagerly (before the steer PATCH
@@ -1275,6 +1394,7 @@ function useSSE(onDone) {
         abortRef.current?.abort();
         const ctrl = new AbortController();
         abortRef.current = ctrl;
+        markLive();
         threadIdRef.current = threadId;
         resetBuffer();
         setStreaming(true);
@@ -1322,10 +1442,13 @@ function useSSE(onDone) {
             // them.
             setStreaming(false);
             closeActivity();
+            markSettled(ctrl);
         }
     }, [
         closeActivity,
         consume,
+        markLive,
+        markSettled,
         openActivity,
         resetBuffer
     ]);
@@ -1350,11 +1473,13 @@ function useSSE(onDone) {
         // start()/attach() — same pattern as the `done` branch in consume().
         closeActivity();
         abortRef.current?.abort();
+        markSettled(null);
         steeredContinuationIdRef.current = null;
         onDone?.();
     }, [
         closeActivity,
         flushPending,
+        markSettled,
         onDone
     ]);
     // Attach to an in-flight run for the given thread (server-side run kept
@@ -1368,6 +1493,7 @@ function useSSE(onDone) {
         abortRef.current?.abort();
         const ctrl = new AbortController();
         abortRef.current = ctrl;
+        markLive();
         threadIdRef.current = threadId;
         resetBuffer();
         setStreaming(true);
@@ -1395,10 +1521,13 @@ function useSSE(onDone) {
             // hangs in the composer and the "Reconnecting…" badge never clears.
             setStreaming(false);
             closeActivity();
+            markSettled(ctrl);
         }
     }, [
         closeActivity,
         consume,
+        markLive,
+        markSettled,
         onDone,
         openActivity,
         resetBuffer
@@ -1443,6 +1572,8 @@ function useSSE(onDone) {
         start,
         stop,
         attach,
+        isLive,
+        lastSettledAt,
         clearStreamingContent,
         clearToolEvents,
         armSteeredContinuation,
@@ -1462,6 +1593,8 @@ function useSSE(onDone) {
         start,
         stop,
         attach,
+        isLive,
+        lastSettledAt,
         clearStreamingContent,
         clearToolEvents,
         armSteeredContinuation,
@@ -1682,6 +1815,8 @@ function readLegacyGlobal() {
     };
 }
 
+// EXTERNAL MODULE: ./lib/ui/error-report.ts
+var error_report = __webpack_require__(11856);
 // EXTERNAL MODULE: ./node_modules/lucide-react/dist/esm/icons/shield-alert.mjs
 var shield_alert = __webpack_require__(69203);
 // EXTERNAL MODULE: ./node_modules/lucide-react/dist/esm/icons/chevron-up.mjs
@@ -2919,9 +3054,24 @@ var loader_circle = __webpack_require__(92571);
 var triangle_alert = __webpack_require__(11012);
 // EXTERNAL MODULE: ./node_modules/lucide-react/dist/esm/icons/minus.mjs
 var minus = __webpack_require__(36565);
+// EXTERNAL MODULE: ./node_modules/lucide-react/dist/esm/icons/rotate-ccw.mjs
+var rotate_ccw = __webpack_require__(92298);
 ;// ./components/ui/WorkflowChecklist.tsx
 
 
+const RETRYABLE_STATUSES = new Set([
+    "done",
+    "needs_attention",
+    "skipped"
+]);
+function isWorkflowItemRetryable(item) {
+    return RETRYABLE_STATUSES.has(item.status);
+}
+function statusLabel(status) {
+    if (status === "done") return "verified";
+    if (status === "needs_attention") return "needs attention";
+    return status;
+}
 function StatusIcon({ status }) {
     if (status === "done") return /*#__PURE__*/ (0,jsx_runtime.jsx)(check/* default */.A, {
         className: "h-3 w-3",
@@ -2951,11 +3101,15 @@ function statusClass(status) {
     if (status === "skipped") return "border-border/60 bg-surface text-fg-faint";
     return "border-border/60 bg-surface text-fg-faint";
 }
-function WorkflowChecklist({ eyebrow, title, phaseLabel, summary, items, error, compact = false, children }) {
+function itemTooltip(item) {
+    const note = item.status === "done" ? item.validation_evidence : item.reason;
+    return note ? `${item.label}\n${statusLabel(item.status)}: ${note}` : item.label;
+}
+function WorkflowChecklist({ eyebrow, title, phaseLabel, summary, items, error, compact = false, onRetryItem, canRetryItem, retryDisabled = false, children }) {
     return /*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
         className: compact ? "flex flex-col gap-1.5" : "absolute inset-x-0 top-0 flex flex-col gap-2 transition-opacity duration-300",
         children: [
-            /*#__PURE__*/ (0,jsx_runtime.jsx)("p", {
+            !compact && /*#__PURE__*/ (0,jsx_runtime.jsx)("p", {
                 className: "text-[10px] text-fg-faint uppercase tracking-wider text-center",
                 children: eyebrow
             }),
@@ -2975,99 +3129,59 @@ function WorkflowChecklist({ eyebrow, title, phaseLabel, summary, items, error,
                             })
                         ]
                     }),
-                    /*#__PURE__*/ (0,jsx_runtime.jsx)("p", {
+                    !compact && summary && /*#__PURE__*/ (0,jsx_runtime.jsx)("p", {
                         className: "mt-1 text-[11px] leading-snug text-fg-muted line-clamp-2",
                         children: summary
                     }),
-                    /*#__PURE__*/ (0,jsx_runtime.jsx)("div", {
-                        className: compact ? "mt-1.5 flex max-h-32 flex-col gap-1 overflow-y-auto pr-1" : "mt-2 flex max-h-32 flex-col gap-1 overflow-y-auto pr-1",
-                        children: items.map((item)=>/*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
-                                className: compact ? "rounded border border-border/30 bg-surface-2/40 px-1.5 py-1 text-[10px] leading-tight text-fg-muted" : "text-[10px] leading-tight text-fg-muted",
+                    /*#__PURE__*/ (0,jsx_runtime.jsx)("ul", {
+                        className: compact ? "mt-1.5 flex max-h-48 flex-col gap-0.5 overflow-y-auto pr-1" : "mt-2 flex max-h-32 flex-col gap-1 overflow-y-auto pr-1",
+                        children: items.map((item)=>{
+                            const retryable = !!onRetryItem && isWorkflowItemRetryable(item) && (canRetryItem ? canRetryItem(item) : true);
+                            return /*#__PURE__*/ (0,jsx_runtime.jsxs)("li", {
+                                className: "group flex items-center gap-1.5 text-[10px] leading-tight text-fg-muted",
                                 children: [
-                                    /*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
-                                        className: "flex items-start gap-1.5",
-                                        children: [
-                                            /*#__PURE__*/ (0,jsx_runtime.jsx)("span", {
-                                                "aria-label": item.status,
-                                                className: [
-                                                    "mt-0.5 flex h-4 w-4 shrink-0 items-center justify-center rounded border",
-                                                    statusClass(item.status)
-                                                ].join(" "),
-                                                children: /*#__PURE__*/ (0,jsx_runtime.jsx)(StatusIcon, {
-                                                    status: item.status
-                                                })
-                                            }),
-                                            /*#__PURE__*/ (0,jsx_runtime.jsx)("span", {
-                                                className: compact ? "min-w-0 flex-1 truncate" : "line-clamp-2",
-                                                title: item.label,
-                                                children: item.label
-                                            })
-                                        ]
+                                    /*#__PURE__*/ (0,jsx_runtime.jsx)("span", {
+                                        role: "img",
+                                        "aria-label": statusLabel(item.status),
+                                        className: [
+                                            "flex h-4 w-4 shrink-0 items-center justify-center rounded border",
+                                            statusClass(item.status)
+                                        ].join(" "),
+                                        children: /*#__PURE__*/ (0,jsx_runtime.jsx)(StatusIcon, {
+                                            status: item.status
+                                        })
+                                    }),
+                                    /*#__PURE__*/ (0,jsx_runtime.jsx)("span", {
+                                        className: compact ? "min-w-0 flex-1 truncate" : "min-w-0 flex-1 line-clamp-2",
+                                        title: itemTooltip(item),
+                                        children: item.label
                                     }),
-                                    (item.input || item.output || item.validation || item.validation_evidence) && /*#__PURE__*/ (0,jsx_runtime.jsxs)("details", {
-                                        className: "mt-1 pl-5",
+                                    (item.attempts ?? 0) > 1 && /*#__PURE__*/ (0,jsx_runtime.jsxs)("span", {
+                                        className: "shrink-0 text-[9px] tabular-nums text-fg-faint",
+                                        title: `Attempt ${item.attempts}`,
                                         children: [
-                                            /*#__PURE__*/ (0,jsx_runtime.jsx)("summary", {
-                                                className: "cursor-pointer text-fg-faint",
-                                                children: "Step contract"
-                                            }),
-                                            /*#__PURE__*/ (0,jsx_runtime.jsxs)("dl", {
-                                                className: "mt-1 grid grid-cols-[auto_minmax(0,1fr)] gap-x-2 gap-y-1",
-                                                children: [
-                                                    item.input && /*#__PURE__*/ (0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
-                                                        children: [
-                                                            /*#__PURE__*/ (0,jsx_runtime.jsx)("dt", {
-                                                                className: "text-fg-faint",
-                                                                children: "Input"
-                                                            }),
-                                                            /*#__PURE__*/ (0,jsx_runtime.jsx)("dd", {
-                                                                className: "break-words",
-                                                                children: item.input
-                                                            })
-                                                        ]
-                                                    }),
-                                                    item.output && /*#__PURE__*/ (0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
-                                                        children: [
-                                                            /*#__PURE__*/ (0,jsx_runtime.jsx)("dt", {
-                                                                className: "text-fg-faint",
-                                                                children: "Output"
-                                                            }),
-                                                            /*#__PURE__*/ (0,jsx_runtime.jsx)("dd", {
-                                                                className: "break-words",
-                                                                children: item.output
-                                                            })
-                                                        ]
-                                                    }),
-                                                    item.validation && /*#__PURE__*/ (0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
-                                                        children: [
-                                                            /*#__PURE__*/ (0,jsx_runtime.jsx)("dt", {
-                                                                className: "text-fg-faint",
-                                                                children: "Validation"
-                                                            }),
-                                                            /*#__PURE__*/ (0,jsx_runtime.jsx)("dd", {
-                                                                className: "break-words",
-                                                                children: item.validation
-                                                            })
-                                                        ]
-                                                    }),
-                                                    item.validation_evidence && /*#__PURE__*/ (0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
-                                                        children: [
-                                                            /*#__PURE__*/ (0,jsx_runtime.jsx)("dt", {
-                                                                className: "text-fg-faint",
-                                                                children: "Evidence"
-                                                            }),
-                                                            /*#__PURE__*/ (0,jsx_runtime.jsx)("dd", {
-                                                                className: "break-words",
-                                                                children: item.validation_evidence
-                                                            })
-                                                        ]
-                                                    })
-                                                ]
-                                            })
+                                            "attempt ",
+                                            item.attempts
                                         ]
+                                    }),
+                                    retryable && /*#__PURE__*/ (0,jsx_runtime.jsx)("button", {
+                                        type: "button",
+                                        onClick: ()=>onRetryItem(item),
+                                        disabled: retryDisabled,
+                                        "aria-label": `Retry ${item.label}`,
+                                        title: `Retry ${item.label}`,
+                                        className: [
+                                            "flex h-4 w-4 shrink-0 items-center justify-center rounded text-fg-faint hover:bg-surface-3 hover:text-fg disabled:opacity-40",
+                                            item.status === "needs_attention" ? "" : "opacity-0 focus:opacity-100 group-hover:opacity-100"
+                                        ].join(" "),
+                                        children: /*#__PURE__*/ (0,jsx_runtime.jsx)(rotate_ccw/* default */.A, {
+                                            className: "h-3 w-3",
+                                            "aria-hidden": true
+                                        })
                                     })
                                 ]
-                            }, item.id))
+                            }, item.id);
+                        })
                     }),
                     error && /*#__PURE__*/ (0,jsx_runtime.jsx)("p", {
                         className: "mt-2 text-[10px] leading-tight text-red-400",
@@ -3080,6 +3194,21 @@ function WorkflowChecklist({ eyebrow, title, phaseLabel, summary, items, error,
     });
 }
 
+;// ./components/chat/workflow-step-retry.ts
+
+/** Sends a retry request for one workflow step; null when the surface cannot send messages. */ const WorkflowStepRetryContext = (0,react.createContext)(null);
+function useWorkflowStepRetry() {
+    return (0,react.useContext)(WorkflowStepRetryContext);
+}
+function workflowStepRetryMessage({ workflowId, itemId, label }) {
+    const progressUpdate = workflowId === "version_adoption" ? `Call \`workflow_progress\` with \`workflow_id: "version_adoption"\`, \`item_id: "${itemId}"\`, and \`status: "checking"\`` : `Call \`workflow_progress\` for workflow \`${workflowId}\` with the complete items snapshot, setting this step to \`checking\``;
+    return [
+        `Retry workflow step "${label}" (item \`${itemId}\`) in workflow \`${workflowId}\`.`,
+        `${progressUpdate}, then redo the step from its stated input and run its validation again.`,
+        "Finally mark it `done` with newly observed `validation_evidence`, or `needs_attention` with the reason. Leave the other steps unchanged."
+    ].join(" ");
+}
+
 // EXTERNAL MODULE: ./node_modules/lucide-react/dist/esm/icons/clock.mjs
 var clock = __webpack_require__(6923);
 // EXTERNAL MODULE: ./node_modules/lucide-react/dist/esm/icons/message-circle.mjs
@@ -3268,6 +3397,7 @@ var ProviderLogo = __webpack_require__(85516);
 
 
 
+
 // Distinct lucide glyph per internal tool family so the chat transcript
 // is glanceable — operator can tell a file write from a web fetch from a
 // schedule from a memory read without reading the tool name.
@@ -3705,7 +3835,34 @@ function groupByCallId(events) {
         }
         g.absorbed = true;
     }
-    return order.map((id)=>map.get(id)).filter((g)=>!g.absorbed);
+    const groups = order.map((id)=>map.get(id)).filter((g)=>!g.absorbed);
+    annotateWorkflowAttempts(groups);
+    return groups;
+}
+// Counts each workflow step's transitions into `checking` across the
+// message's workflow_progress calls, so auto-retried steps show "attempt N".
+// Rejected updates (ok:false) changed nothing and are not counted.
+function annotateWorkflowAttempts(groups) {
+    const lastStatus = new Map();
+    const attempts = new Map();
+    for (const group of groups){
+        if (group.name !== "workflow_progress") continue;
+        if (coerceObject(unwrapLangChainSerializable(group.result))?.ok === false) continue;
+        const view = workflowViewFor(group);
+        if (!view) continue;
+        const counts = {
+            ...attempts.get(view.workflow_id) ?? {}
+        };
+        for (const item of view.items){
+            const key = `${view.workflow_id}:${item.id}`;
+            if (item.status === "checking" && lastStatus.get(key) !== "checking") {
+                counts[item.id] = (counts[item.id] ?? 0) + 1;
+            }
+            lastStatus.set(key, item.status);
+        }
+        attempts.set(view.workflow_id, counts);
+        group.workflowAttempts = counts;
+    }
 }
 function ToolCallCard({ group, startedAt }) {
     const [open, setOpen] = (0,react.useState)(false);
@@ -3818,23 +3975,27 @@ function ToolCallCard({ group, startedAt }) {
                     /*#__PURE__*/ (0,jsx_runtime.jsx)(WorkflowProgressDetails, {
                         group: group
                     }),
-                    hasVisibleArgs(group.args) ? /*#__PURE__*/ (0,jsx_runtime.jsx)(DetailSection, {
-                        label: "arguments",
-                        value: group.args
-                    }) : hasArgs ? /*#__PURE__*/ (0,jsx_runtime.jsx)(DetailSection, {
-                        label: "arguments (inferred from result)",
-                        value: effectiveArgs
-                    }) : null,
-                    group.status !== "running" && group.status !== "async" && (isToolResultRefEnvelope(group.result) ? /*#__PURE__*/ (0,jsx_runtime.jsx)(ToolResultRefDetails, {
-                        value: group.result
-                    }) : /*#__PURE__*/ (0,jsx_runtime.jsx)(DetailSection, {
-                        label: group.status === "error" ? "error" : "result",
-                        value: group.result,
-                        tone: group.status === "error" ? "error" : "default"
-                    })),
-                    group.status === "async" && /*#__PURE__*/ (0,jsx_runtime.jsx)(DetailSection, {
-                        label: "background handoff",
-                        value: group.result
+                    !hasWorkflowView(group) && /*#__PURE__*/ (0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
+                        children: [
+                            hasVisibleArgs(group.args) ? /*#__PURE__*/ (0,jsx_runtime.jsx)(DetailSection, {
+                                label: "arguments",
+                                value: group.args
+                            }) : hasArgs ? /*#__PURE__*/ (0,jsx_runtime.jsx)(DetailSection, {
+                                label: "arguments (inferred from result)",
+                                value: effectiveArgs
+                            }) : null,
+                            group.status !== "running" && group.status !== "async" && (isToolResultRefEnvelope(group.result) ? /*#__PURE__*/ (0,jsx_runtime.jsx)(ToolResultRefDetails, {
+                                value: group.result
+                            }) : /*#__PURE__*/ (0,jsx_runtime.jsx)(DetailSection, {
+                                label: group.status === "error" ? "error" : "result",
+                                value: group.result,
+                                tone: group.status === "error" ? "error" : "default"
+                            })),
+                            group.status === "async" && /*#__PURE__*/ (0,jsx_runtime.jsx)(DetailSection, {
+                                label: "background handoff",
+                                value: group.result
+                            })
+                        ]
                     })
                 ]
             })
@@ -3969,18 +4130,47 @@ function ToolResultRefDetails({ value }) {
         ]
     });
 }
-function WorkflowProgressDetails({ group }) {
+function workflowViewFor(group) {
     if (group.name !== "workflow_progress") return null;
-    const workflow = workflowProgressFrom(group.result) ?? workflowProgressPreviewFrom(group.args);
+    const view = workflowProgressFrom(group.result) ?? workflowProgressPreviewFrom(group.args);
+    const result = coerceObject(unwrapLangChainSerializable(group.result));
+    const attempts = group.workflowAttempts;
+    const withAttempts = view && attempts ? {
+        ...view,
+        items: view.items.map((item)=>attempts[item.id] ? {
+                ...item,
+                attempts: attempts[item.id]
+            } : item)
+    } : view;
+    if (withAttempts && result?.ok === false && typeof result.error === "string") {
+        return {
+            ...withAttempts,
+            error: `Update rejected: ${result.error}`
+        };
+    }
+    return withAttempts;
+}
+/** Workflow rows show only their work items; raw payloads stay visible when the call failed. */ function hasWorkflowView(group) {
+    return group.status !== "error" && workflowViewFor(group) !== null;
+}
+function WorkflowProgressDetails({ group }) {
+    const retryStep = useWorkflowStepRetry();
+    const workflow = workflowViewFor(group);
     if (!workflow) return null;
+    const workflowId = workflow.workflow_id;
     return /*#__PURE__*/ (0,jsx_runtime.jsx)(WorkflowChecklist, {
         compact: true,
         eyebrow: "workflow",
-        title: workflow.workflow_id.replace(/[_-]/g, " "),
+        title: workflowId.replace(/[_-]/g, " "),
         phaseLabel: workflow.phase ?? "in progress",
         summary: workflow.summary ?? "",
         items: workflow.items,
-        error: workflow.error
+        error: workflow.error,
+        onRetryItem: retryStep ? (item)=>retryStep({
+                workflowId,
+                itemId: item.id,
+                label: item.label
+            }) : undefined
     });
 }
 function workflowProgressFrom(payload) {
@@ -4966,8 +5156,6 @@ var shield_check = __webpack_require__(50981);
 var copy = __webpack_require__(99314);
 // EXTERNAL MODULE: ./node_modules/lucide-react/dist/esm/icons/link-2.mjs
 var link_2 = __webpack_require__(51128);
-// EXTERNAL MODULE: ./node_modules/lucide-react/dist/esm/icons/rotate-ccw.mjs
-var rotate_ccw = __webpack_require__(92298);
 // EXTERNAL MODULE: ./node_modules/lucide-react/dist/esm/icons/pause.mjs
 var pause = __webpack_require__(79267);
 // EXTERNAL MODULE: ./node_modules/lucide-react/dist/esm/icons/play.mjs
@@ -8346,7 +8534,7 @@ function StatusDot({ tone = "neutral", size = "xs", pulse, className, style, lab
 }
 
 ;// ./components/chat/ContextBoundary.tsx
-/* __next_internal_client_entry_do_not_use__ WarmSummaryCard,ContextBoundaryDivider auto */ 
+/* __next_internal_client_entry_do_not_use__ WarmSummaryCard,ContextBoundaryDivider,topicsFromSummarySections auto */ 
 // Inline visual artefacts for ADR-0042: the warm-summary card and the
 // context-boundary divider that sits below it. Rendered by MessageList in
 // the message stream — between summarised history (above) and the active
@@ -8358,17 +8546,25 @@ function StatusDot({ tone = "neutral", size = "xs", pulse, className, style, lab
 
 
 
-function WarmSummaryCard({ olderCount, summary, summaryBeforeSeq, hotSinceSeq, computedAt, streaming, topics }) {
+const CHANNEL_LABELS = {
+    bridge: "Bridge",
+    watcher: "Watchers",
+    scheduled_task: "Scheduled tasks"
+};
+function WarmSummaryCard({ olderCount, summary, summaryBeforeSeq, hotSinceSeq, computedAt, streaming, topics, channelSummaries = [] }) {
     const [expanded, setExpanded] = (0,react.useState)(false);
-    const fresh = !!summary && hotSinceSeq != null && summaryBeforeSeq === hotSinceSeq;
+    const committed = hotSinceSeq != null && summaryBeforeSeq === hotSinceSeq;
+    const fresh = !!summary && committed;
     const stale = !!summary && !fresh;
     const computing = stale && streaming;
-    const summaryTopics = summary && topics && topics.length > 0 ? topics : null;
+    // Summaries stored before topic segmentation still read as topics: their
+    // markdown sections render through the same collapsible rows.
+    const summaryTopics = summary ? topics && topics.length > 0 ? topics : topicsFromSummarySections(summary) : null;
     return /*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
         className: [
             "relative my-4 rounded-2xl border bg-gradient-to-br shadow-sm",
             "from-accent/[0.06] via-surface-2 to-surface-2",
-            fresh ? "border-accent/30" : "border-border"
+            fresh || committed ? "border-accent/30" : "border-border"
         ].join(" "),
         children: [
             /*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
@@ -8413,6 +8609,9 @@ function WarmSummaryCard({ olderCount, summary, summaryBeforeSeq, hotSinceSeq, c
                         children: /*#__PURE__*/ (0,jsx_runtime.jsx)(lib/* Markdown */.oz, {
                             children: stripWarmHeader(summary)
                         })
+                    }) : !summary && committed ? channelSummaries.length === 0 && /*#__PURE__*/ (0,jsx_runtime.jsx)("div", {
+                        className: "text-xs text-fg-faint italic",
+                        children: "No earlier chat messages needed summarising."
                     }) : !summary ? /*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
                         className: "flex items-center gap-2 text-xs text-fg-faint italic",
                         children: [
@@ -8426,6 +8625,9 @@ function WarmSummaryCard({ olderCount, summary, summaryBeforeSeq, hotSinceSeq, c
                             })
                         ]
                     }) : null,
+                    channelSummaries.map((channel)=>/*#__PURE__*/ (0,jsx_runtime.jsx)(ChannelSummarySection, {
+                            channel: channel
+                        }, channel.channel)),
                     stale && /*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
                         className: "mt-2 inline-flex items-center gap-2 text-[11px] text-fg-faint",
                         children: [
@@ -8467,6 +8669,32 @@ function WarmSummaryCard({ olderCount, summary, summaryBeforeSeq, hotSinceSeq, c
         ]
     });
 }
+function ChannelSummarySection({ channel }) {
+    const topics = channel.topics && channel.topics.length > 0 ? channel.topics : topicsFromSummarySections(channel.summary) ?? [
+        {
+            title: "Recap",
+            start_at: "",
+            end_at: "",
+            recap: stripWarmHeader(channel.summary),
+            facts: []
+        }
+    ];
+    return /*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
+        className: "mt-2",
+        children: [
+            /*#__PURE__*/ (0,jsx_runtime.jsx)("div", {
+                className: "mb-1 text-[9px] uppercase tracking-wide text-fg-faint",
+                children: CHANNEL_LABELS[channel.channel] ?? channel.channel
+            }),
+            /*#__PURE__*/ (0,jsx_runtime.jsx)("div", {
+                className: "flex flex-col gap-1",
+                children: topics.map((topic, i)=>/*#__PURE__*/ (0,jsx_runtime.jsx)(TopicSegmentRow, {
+                        topic: topic
+                    }, `${channel.channel}-${topic.title}-${i}`))
+            })
+        ]
+    });
+}
 function TopicSegmentRow({ topic }) {
     const [open, setOpen] = (0,react.useState)(false);
     const range = formatTopicRange(topic.start_at, topic.end_at);
@@ -8494,13 +8722,20 @@ function TopicSegmentRow({ topic }) {
                             range
                         ]
                     }),
+                    typeof topic.message_count === "number" && topic.message_count > 0 && /*#__PURE__*/ (0,jsx_runtime.jsxs)("span", {
+                        className: "text-fg-faint shrink-0",
+                        children: [
+                            "\xb7 ",
+                            topic.message_count,
+                            " ",
+                            topic.message_count === 1 ? "msg" : "msgs"
+                        ]
+                    }),
                     topic.facts.length > 0 && /*#__PURE__*/ (0,jsx_runtime.jsxs)("span", {
                         className: "ml-auto shrink-0 text-[9px] uppercase tracking-wide text-accent",
                         children: [
                             topic.facts.length,
-                            " ",
-                            topic.facts.length === 1 ? "fact" : "facts",
-                            " saved"
+                            " memorized"
                         ]
                     })
                 ]
@@ -8520,22 +8755,34 @@ function TopicSegmentRow({ topic }) {
                             children: topic.recap
                         })
                     }),
-                    topic.facts.length > 0 && /*#__PURE__*/ (0,jsx_runtime.jsx)("ul", {
-                        className: "space-y-0.5",
-                        children: topic.facts.map((fact, i)=>/*#__PURE__*/ (0,jsx_runtime.jsxs)("li", {
-                                className: "text-[11px] text-fg-faint",
-                                children: [
-                                    /*#__PURE__*/ (0,jsx_runtime.jsxs)("span", {
-                                        className: "font-medium text-fg-muted",
+                    topic.facts.length > 0 && /*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
+                        children: [
+                            /*#__PURE__*/ (0,jsx_runtime.jsx)("div", {
+                                className: "text-[9px] uppercase tracking-wide text-fg-faint",
+                                children: "Memorized"
+                            }),
+                            /*#__PURE__*/ (0,jsx_runtime.jsx)("ul", {
+                                className: "space-y-0.5",
+                                children: topic.facts.map((fact, i)=>/*#__PURE__*/ (0,jsx_runtime.jsxs)("li", {
+                                        className: "text-[11px] text-fg-faint",
                                         children: [
-                                            fact.subject,
-                                            ":"
+                                            /*#__PURE__*/ (0,jsx_runtime.jsxs)("span", {
+                                                className: "font-medium text-fg-muted",
+                                                children: [
+                                                    fact.subject,
+                                                    ":"
+                                                ]
+                                            }),
+                                            " ",
+                                            fact.content,
+                                            fact.key && /*#__PURE__*/ (0,jsx_runtime.jsx)("code", {
+                                                className: "ml-1 text-[10px] text-fg-faint",
+                                                children: fact.key
+                                            })
                                         ]
-                                    }),
-                                    " ",
-                                    fact.content
-                                ]
-                            }, `${fact.subject}-${i}`))
+                                    }, `${fact.key ?? fact.subject}-${i}`))
+                            })
+                        ]
                     })
                 ]
             })
@@ -8668,7 +8915,38 @@ function ContextBoundary_formatBytes(n) {
 // `buildWarmSummary` prepends a couple of plain-text header lines that read
 // awkwardly inside a card that already has its own header. Strip them.
 function stripWarmHeader(raw) {
-    return raw.replace(/^--- Warm context summary ---\n/, "").replace(/^Compressed recap of earlier messages outside the hot window:\n/, "").trimStart();
+    return raw.replace(/\r\n/g, "\n").replace(/^\s*(<!--[\s\S]*?-->\s*)+/, "").replace(/^--- Warm context summary ---\n/, "").replace(/^Compressed recap of [^\n]*:\n/, "").trimStart();
+}
+/**
+ * Splits a markdown summary into topic segments at its headings. Returns
+ * null when there are fewer than two sections, so short or unstructured
+ * summaries keep the plain prose rendering.
+ */ function topicsFromSummarySections(raw) {
+    const sections = [];
+    let title = null;
+    let body = [];
+    const flush = ()=>{
+        const recap = body.join("\n").trim();
+        if (title !== null || recap) sections.push({
+            title: title ?? "Overview",
+            start_at: "",
+            end_at: "",
+            recap,
+            facts: []
+        });
+    };
+    for (const line of stripWarmHeader(raw).split("\n")){
+        const heading = /^#{1,3}\s+(.+?)\s*#*\s*$/.exec(line);
+        if (heading) {
+            flush();
+            title = heading[1];
+            body = [];
+        } else {
+            body.push(line);
+        }
+    }
+    flush();
+    return sections.length >= 2 ? sections : null;
 }
 function summaryLong(raw) {
     // Heuristic: more than 6 lines or > 600 chars after the header strip.
@@ -8701,11 +8979,13 @@ function formatRelative(iso) {
 
 
 
+
 const ALL_FILTERS_SHOWN = Object.fromEntries(MESSAGE_FILTER_KEYS.map((k)=>[
         k,
         true
     ]));
-function MessageList({ threadId, messages, steeredSegments, notices, agentConfig, userProfile, streamingContent, thinkingContent, toolEvents, hasMore, loadingMore, onLoadMore, queuedMessages, onRemoveQueued, hotSinceSeq, warmSummary, warmSummaryBeforeSeq, warmSummaryComputedAt, warmSummarySourceMessages, warmSummarySourceChars, warmSummaryTopics, warmSummaryPending = false, compactionPending = false, onSetContextPin, streaming, contextWindowTokens, onRetryMessage, filters = ALL_FILTERS_SHOWN, onToggleFilter: toggle = ()=>{}, onResetFilters: reset = ()=>{} }) {
+const NO_CHANNEL_SUMMARIES = [];
+function MessageList({ threadId, messages, steeredSegments, agentConfig, userProfile, streamingContent, thinkingContent, toolEvents, hasMore, loadingMore, onLoadMore, queuedMessages, onRemoveQueued, hotSinceSeq, warmSummary, warmSummaryBeforeSeq, warmSummaryComputedAt, warmSummarySourceMessages, warmSummarySourceChars, warmSummaryTopics, warmChannelSummaries = NO_CHANNEL_SUMMARIES, warmSummaryPending = false, compactionPending = false, onSetContextPin, streaming, contextWindowTokens, onRetryMessage, filters = ALL_FILTERS_SHOWN, onToggleFilter: toggle = ()=>{}, onResetFilters: reset = ()=>{} }) {
     const hostRef = (0,react.useRef)(null);
     const maskRegionRef = (0,react.useRef)(null);
     const scrollRef = (0,react.useRef)(null);
@@ -8730,6 +9010,9 @@ function MessageList({ threadId, messages, steeredSegments, notices, agentConfig
     const [pendingHotSinceSeq, setPendingHotSinceSeq] = (0,react.useState)(null);
     const [topControlsOpen, setTopControlsOpen] = (0,react.useState)(false);
     const [summaryPopoverOpen, setSummaryPopoverOpen] = (0,react.useState)(false);
+    const retryWorkflowStep = (0,react.useMemo)(()=>onRetryMessage ? (request)=>onRetryMessage(workflowStepRetryMessage(request), []) : null, [
+        onRetryMessage
+    ]);
     // Apply category filter. Messages with no `category` (NULL = ordinary
     // chat) are always shown; tagged messages are gated by their toggle.
     // The `tool_use` and `thinking` filters do NOT remove whole messages —
@@ -9099,7 +9382,11 @@ function MessageList({ threadId, messages, steeredSegments, notices, agentConfig
     const nextHotCount = pendingBoundaryIndex < 0 ? null : visibleMessages.length - pendingBoundaryIndex;
     const removesFromRecent = currentHotCount !== null && nextHotCount !== null ? nextHotCount < currentHotCount : false;
     const hasWarmSummary = !!warmSummary;
+    // A committed boundary whose chat range had nothing to summarise (e.g. a
+    // bridge-only agent): the recap, if any, lives in the channel summaries.
+    const summaryCommittedEmpty = !hasWarmSummary && effectiveHotSinceSeq !== null && warmSummaryBeforeSeq === effectiveHotSinceSeq;
     const summaryFresh = hasWarmSummary && effectiveHotSinceSeq !== null && warmSummaryBeforeSeq === effectiveHotSinceSeq;
+    const summaryReady = summaryFresh || summaryCommittedEmpty;
     const summaryUpdating = hasWarmSummary && !summaryFresh && !!streaming;
     const summaryStale = hasWarmSummary && !summaryFresh && !summaryUpdating;
     (0,react.useEffect)(()=>{
@@ -9200,10 +9487,29 @@ function MessageList({ threadId, messages, steeredSegments, notices, agentConfig
         }
         boundaryAnchorRef.current = null;
     }, []);
+    // While a programmatic smooth scroll (locate boundary, deep link) animates
+    // away from the bottom, its first frames are still "near bottom". Without
+    // this lock, scroll sync re-arms bottom-follow and the post-render snap
+    // cancels the animation, so the target is never reached.
+    const programmaticScrollUntilRef = (0,react.useRef)(0);
     const syncScrollButton = (0,react.useCallback)((el)=>{
         const isAtBottom = el.scrollHeight - el.scrollTop - el.clientHeight < 100;
-        atBottomRef.current = isAtBottom;
-        setShowScrollButton(!isAtBottom && hasScrollTarget);
+        const locked = Date.now() < programmaticScrollUntilRef.current;
+        atBottomRef.current = isAtBottom && !locked;
+        setShowScrollButton(!atBottomRef.current && hasScrollTarget);
+    }, [
+        hasScrollTarget
+    ]);
+    const scrollTargetIntoView = (0,react.useCallback)((target)=>{
+        programmaticScrollUntilRef.current = Date.now() + PROGRAMMATIC_SCROLL_LOCK_MS;
+        atBottomRef.current = false;
+        setShowScrollButton(hasScrollTarget);
+        target.scrollIntoView({
+            behavior: "smooth",
+            block: "center"
+        });
+        target.classList.add("jarela-deep-link-flash");
+        window.setTimeout(()=>target.classList.remove("jarela-deep-link-flash"), 1600);
     }, [
         hasScrollTarget
     ]);
@@ -9332,14 +9638,7 @@ function MessageList({ threadId, messages, steeredSegments, notices, agentConfig
                 const safe = id.replace(/"/g, '\\"');
                 const el = root.querySelector(`[data-message-id="${safe}"]`);
                 if (!el) return;
-                atBottomRef.current = false;
-                setShowScrollButton(hasScrollTarget);
-                el.scrollIntoView({
-                    behavior: "smooth",
-                    block: "center"
-                });
-                el.classList.add("jarela-deep-link-flash");
-                setTimeout(()=>el.classList.remove("jarela-deep-link-flash"), 1600);
+                scrollTargetIntoView(el);
                 // Strip the hash so the next streaming message / list-length change
                 // doesn't yank the view back to this anchor. replaceState avoids
                 // triggering a hashchange event (which would re-enter this handler).
@@ -9352,7 +9651,7 @@ function MessageList({ threadId, messages, steeredSegments, notices, agentConfig
         return ()=>window.removeEventListener("hashchange", scrollToHashTarget);
     }, [
         messages.length,
-        hasScrollTarget
+        scrollTargetIntoView
     ]);
     // Handle orientation changes and resizes to maintain scroll position
     (0,react.useEffect)(()=>{
@@ -9383,419 +9682,411 @@ function MessageList({ threadId, messages, steeredSegments, notices, agentConfig
         if (!root) return;
         const boundary = effectiveHotSinceSeq !== null ? document.getElementById(`context-boundary-${effectiveHotSinceSeq}`) : root.querySelector("[data-focus-boundary='1']");
         if (!boundary) return;
-        atBottomRef.current = false;
-        setShowScrollButton(hasScrollTarget);
-        boundary.scrollIntoView({
-            behavior: "smooth",
-            block: "center"
-        });
+        scrollTargetIntoView(boundary);
     }
-    return /*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
-        ref: hostRef,
-        className: "flex-1 flex flex-col min-h-0 relative",
-        children: [
-            visibleMessages.length > 0 && /*#__PURE__*/ (0,jsx_runtime.jsx)("div", {
-                className: "shrink-0 px-4 pt-[calc(var(--app-safe-top)+3rem)] pb-1",
-                children: /*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
-                    className: "w-full border-b border-border/45 bg-surface/30 px-2 py-1 backdrop-blur-sm",
+    return /*#__PURE__*/ (0,jsx_runtime.jsx)(WorkflowStepRetryContext.Provider, {
+        value: retryWorkflowStep,
+        children: /*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
+            ref: hostRef,
+            className: "flex-1 flex flex-col min-h-0 relative",
+            children: [
+                visibleMessages.length > 0 && /*#__PURE__*/ (0,jsx_runtime.jsx)("div", {
+                    className: "shrink-0 px-4 pt-[calc(var(--app-safe-top)+3rem)] pb-1",
+                    children: /*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
+                        className: "w-full border-b border-border/45 bg-surface/30 px-2 py-1 backdrop-blur-sm",
+                        children: [
+                            /*#__PURE__*/ (0,jsx_runtime.jsxs)("button", {
+                                type: "button",
+                                onClick: ()=>setTopControlsOpen((v)=>!v),
+                                "aria-expanded": topControlsOpen,
+                                className: "w-full flex items-center gap-2 py-0.5 text-[11px] text-fg-faint hover:text-fg transition-colors",
+                                children: [
+                                    /*#__PURE__*/ (0,jsx_runtime.jsx)(CollapseChevron, {
+                                        open: topControlsOpen,
+                                        size: 10
+                                    }),
+                                    /*#__PURE__*/ (0,jsx_runtime.jsx)("span", {
+                                        className: "font-semibold uppercase tracking-[0.16em]",
+                                        children: "Filters & focus"
+                                    }),
+                                    hiddenCount > 0 && /*#__PURE__*/ (0,jsx_runtime.jsxs)("span", {
+                                        className: "ml-auto text-[10px] text-fg-faint",
+                                        "aria-live": "polite",
+                                        children: [
+                                            hiddenCount,
+                                            " hidden"
+                                        ]
+                                    })
+                                ]
+                            }),
+                            topControlsOpen && /*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
+                                className: "mt-1 flex items-center gap-1.5 flex-wrap py-1",
+                                children: [
+                                    availableChips.map((key)=>{
+                                        const on = filters[key];
+                                        const Icon = on ? eye/* default */.A : eye_off/* default */.A;
+                                        return /*#__PURE__*/ (0,jsx_runtime.jsxs)("button", {
+                                            type: "button",
+                                            onClick: ()=>toggle(key),
+                                            className: [
+                                                "inline-flex items-center gap-1 rounded-none border px-2 py-0.5 text-[10px] leading-4 transition-colors",
+                                                on ? "border-border/70 bg-surface-2/70 text-fg-muted hover:text-fg" : "border-border/35 bg-transparent text-fg-faint line-through decoration-fg-faint/60 hover:text-fg-muted"
+                                            ].join(" "),
+                                            title: // ADR-0044 — for the three channels the model's own
+                                            // context is scoped by, the chip's meaning is dual:
+                                            // it doesn't just show/hide rows here, it also
+                                            // decides whether that channel's history is folded
+                                            // into the next turn the agent sees.
+                                            CHANNEL_SCOPED_FILTER_KEYS.has(key) ? on ? `Hide + exclude ${CHIP_LABELS[key]} from the next turn` : `Show + include ${CHIP_LABELS[key]} in the next turn` : on ? `Hide ${CHIP_LABELS[key]} messages` : `Show ${CHIP_LABELS[key]} messages`,
+                                            "aria-pressed": on,
+                                            children: [
+                                                /*#__PURE__*/ (0,jsx_runtime.jsx)(Icon, {
+                                                    size: 10
+                                                }),
+                                                /*#__PURE__*/ (0,jsx_runtime.jsx)("span", {
+                                                    children: CHIP_LABELS[key]
+                                                })
+                                            ]
+                                        }, key);
+                                    }),
+                                    onSetContextPin && /*#__PURE__*/ (0,jsx_runtime.jsx)("button", {
+                                        type: "button",
+                                        onClick: scrollToBoundaryLine,
+                                        disabled: !hasContextPin,
+                                        className: "control-tap ml-auto rounded-none border border-border/60 bg-surface-2/70 px-2 py-0.5 text-[10px] leading-4 text-fg-faint transition-colors hover:border-accent/40 hover:text-fg disabled:cursor-not-allowed disabled:opacity-40 disabled:hover:border-border/60 disabled:hover:text-fg-faint",
+                                        title: hasContextPin ? "Locate the focus boundary in the message list" : "Set a focus boundary first (drag the divider or pin a message) to enable this",
+                                        children: "Locate boundary line"
+                                    })
+                                ]
+                            })
+                        ]
+                    })
+                }),
+                /*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
+                    ref: maskRegionRef,
+                    className: "relative flex-1 min-h-0 overflow-hidden",
                     children: [
-                        /*#__PURE__*/ (0,jsx_runtime.jsxs)("button", {
-                            type: "button",
-                            onClick: ()=>setTopControlsOpen((v)=>!v),
-                            "aria-expanded": topControlsOpen,
-                            className: "w-full flex items-center gap-2 py-0.5 text-[11px] text-fg-faint hover:text-fg transition-colors",
+                        /*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
+                            ref: scrollRef,
+                            onScroll: handleScroll,
+                            className: "flex-1 h-full overflow-y-auto overflow-x-hidden px-4 py-4 panel-scrollbar",
+                            style: {
+                                // Scroll-anchor jumps (deep-link to a message) land below the
+                                // floating header, not under it.
+                                scrollPaddingTop: "calc(3rem + var(--app-safe-top))"
+                            },
                             children: [
-                                /*#__PURE__*/ (0,jsx_runtime.jsx)(CollapseChevron, {
-                                    open: topControlsOpen,
-                                    size: 10
-                                }),
-                                /*#__PURE__*/ (0,jsx_runtime.jsx)("span", {
-                                    className: "font-semibold uppercase tracking-[0.16em]",
-                                    children: "Filters & focus"
+                                hasMore && /*#__PURE__*/ (0,jsx_runtime.jsx)("div", {
+                                    className: "text-center py-1.5 text-[11px] text-fg-faint select-none",
+                                    children: loadingMore ? "Loading earlier messages…" : "Scroll up for earlier messages"
                                 }),
-                                hiddenCount > 0 && /*#__PURE__*/ (0,jsx_runtime.jsxs)("span", {
-                                    className: "ml-auto text-[10px] text-fg-faint",
-                                    "aria-live": "polite",
+                                compactionPending && /*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
+                                    className: "my-2 flex items-center justify-center gap-2 rounded-lg border border-border bg-surface-2/70 px-3 py-1.5 text-[11px] text-fg-faint select-none",
                                     children: [
-                                        hiddenCount,
-                                        " hidden"
+                                        /*#__PURE__*/ (0,jsx_runtime.jsx)(StatusDot, {
+                                            tone: "accent",
+                                            size: "sm",
+                                            pulse: true
+                                        }),
+                                        /*#__PURE__*/ (0,jsx_runtime.jsx)("span", {
+                                            children: "Summarising earlier messages… this turn still sees the full history."
+                                        })
                                     ]
-                                })
-                            ]
-                        }),
-                        topControlsOpen && /*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
-                            className: "mt-1 flex items-center gap-1.5 flex-wrap py-1",
-                            children: [
-                                availableChips.map((key)=>{
-                                    const on = filters[key];
-                                    const Icon = on ? eye/* default */.A : eye_off/* default */.A;
-                                    return /*#__PURE__*/ (0,jsx_runtime.jsxs)("button", {
-                                        type: "button",
-                                        onClick: ()=>toggle(key),
-                                        className: [
-                                            "inline-flex items-center gap-1 rounded-none border px-2 py-0.5 text-[10px] leading-4 transition-colors",
-                                            on ? "border-border/70 bg-surface-2/70 text-fg-muted hover:text-fg" : "border-border/35 bg-transparent text-fg-faint line-through decoration-fg-faint/60 hover:text-fg-muted"
-                                        ].join(" "),
-                                        title: // ADR-0044 — for the three channels the model's own
-                                        // context is scoped by, the chip's meaning is dual:
-                                        // it doesn't just show/hide rows here, it also
-                                        // decides whether that channel's history is folded
-                                        // into the next turn the agent sees.
-                                        CHANNEL_SCOPED_FILTER_KEYS.has(key) ? on ? `Hide + exclude ${CHIP_LABELS[key]} from the next turn` : `Show + include ${CHIP_LABELS[key]} in the next turn` : on ? `Hide ${CHIP_LABELS[key]} messages` : `Show ${CHIP_LABELS[key]} messages`,
-                                        "aria-pressed": on,
+                                }),
+                                visibleMessages.length === 0 && !streamingContent && /*#__PURE__*/ (0,jsx_runtime.jsx)("div", {
+                                    className: "flex items-center justify-center h-full text-fg-faint text-sm select-none",
+                                    children: messages.length === 0 ? /*#__PURE__*/ (0,jsx_runtime.jsx)("span", {
+                                        children: "Send a message to begin"
+                                    }) : /*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
+                                        className: "flex flex-col items-center gap-2 text-center px-4",
                                         children: [
-                                            /*#__PURE__*/ (0,jsx_runtime.jsx)(Icon, {
-                                                size: 10
+                                            /*#__PURE__*/ (0,jsx_runtime.jsxs)("span", {
+                                                children: [
+                                                    hiddenCount,
+                                                    " message",
+                                                    hiddenCount === 1 ? " is" : "s are",
+                                                    " hidden by filters"
+                                                ]
                                             }),
-                                            /*#__PURE__*/ (0,jsx_runtime.jsx)("span", {
-                                                children: CHIP_LABELS[key]
+                                            /*#__PURE__*/ (0,jsx_runtime.jsx)("button", {
+                                                type: "button",
+                                                onClick: reset,
+                                                className: "control-tap text-xs px-2.5 py-1 rounded-md border border-border bg-surface-2 text-fg-muted hover:text-fg hover:bg-surface-3 transition-colors",
+                                                children: "Show all messages"
                                             })
                                         ]
-                                    }, key);
+                                    })
                                 }),
-                                onSetContextPin && /*#__PURE__*/ (0,jsx_runtime.jsx)("button", {
-                                    type: "button",
-                                    onClick: scrollToBoundaryLine,
-                                    disabled: !hasContextPin,
-                                    className: "control-tap ml-auto rounded-none border border-border/60 bg-surface-2/70 px-2 py-0.5 text-[10px] leading-4 text-fg-faint transition-colors hover:border-accent/40 hover:text-fg disabled:cursor-not-allowed disabled:opacity-40 disabled:hover:border-border/60 disabled:hover:text-fg-faint",
-                                    title: hasContextPin ? "Locate the focus boundary in the message list" : "Set a focus boundary first (drag the divider or pin a message) to enable this",
-                                    children: "Locate boundary line"
+                                (()=>{
+                                    // ADR-0042. The boundary divider + warm summary card live INSIDE the
+                                    // message stream so they scroll with content (not above as a fixed
+                                    // banner). `boundaryIndex` is the index of the first hot message in
+                                    // the visible list; everything before it is older-than-pin and gets
+                                    // covered by the warm summary card sitting above the divider.
+                                    //
+                                    const hasPin = effectiveHotSinceSeq !== null;
+                                    const boundaryIndex = hasPin ? boundaryIndexFor(effectiveHotSinceSeq) : -1;
+                                    const pinAfterAll = hasPin && visibleMessages.length > 0 && boundaryIndex === visibleMessages.length;
+                                    // The pin is the boundary's source of truth. Summary data can arrive
+                                    // later (or be unavailable on an older thread), but hiding the line
+                                    // in that interval makes a valid focus selection look like it vanished.
+                                    const hasBoundary = hasPin && boundaryIndex >= 0;
+                                    const olderInVisible = pinAfterAll ? visibleMessages.length : hasBoundary ? boundaryIndex : 0;
+                                    // "+ N more we don't know about yet" — older pages are likely unloaded.
+                                    const olderCountLabel = olderInVisible + (hasMore ? 1 : 0);
+                                    const attachedActivities = new Map();
+                                    const hiddenActivityIds = new Set();
+                                    for(let i = 0; i < visibleMessages.length - 1; i++){
+                                        const activityMessage = visibleMessages[i];
+                                        const activity = activityMessage.metadata?.automation_activity;
+                                        if (!activity) continue;
+                                        const related = visibleMessages[i + 1];
+                                        const matches = !related.metadata?.automation_activity && (activity.source_kind === "bridge" ? related.role === "user" && related.metadata?.bridge_conversation?.key === activity.source_id : related.role === "assistant" && related.category === activity.source_kind);
+                                        if (!matches) continue;
+                                        attachedActivities.set(related.id, activity);
+                                        hiddenActivityIds.add(activityMessage.id);
+                                    }
+                                    const previousVisibleRoles = new Map();
+                                    let previousVisibleRole = null;
+                                    for (const message of visibleMessages){
+                                        previousVisibleRoles.set(message.id, previousVisibleRole);
+                                        if (!hiddenActivityIds.has(message.id)) previousVisibleRole = message.role;
+                                    }
+                                    const renderBoundary = (key)=>/*#__PURE__*/ (0,jsx_runtime.jsx)("div", {
+                                            id: effectiveHotSinceSeq !== null ? `context-boundary-${effectiveHotSinceSeq}` : undefined,
+                                            "data-focus-boundary": "1",
+                                            "data-boundary-seq": effectiveHotSinceSeq ?? undefined,
+                                            children: /*#__PURE__*/ (0,jsx_runtime.jsx)(ContextBoundaryDivider, {
+                                                sourceMessages: warmSummarySourceMessages ?? null,
+                                                sourceChars: warmSummarySourceChars ?? null,
+                                                summaryChars: warmSummary ? warmSummary.length : null,
+                                                lineStats: lineStatsForHotSince(effectiveHotSinceSeq),
+                                                updating: warmSummaryPending && !summaryFresh,
+                                                draggable: !!onSetContextPin,
+                                                hidden: isDraggingFocus,
+                                                disabled: !!streaming,
+                                                onClick: handleBoundaryClick,
+                                                onPointerDown: handleBoundaryPointerDown,
+                                                onPointerMove: handleBoundaryPointerMove,
+                                                onPointerUp: handleBoundaryPointerUp,
+                                                onPointerCancel: handleBoundaryPointerCancel
+                                            })
+                                        }, key);
+                                    const nodes = visibleMessages.flatMap((msg, i)=>{
+                                        const out = [];
+                                        if (hasBoundary && !pinAfterAll && i === boundaryIndex) {
+                                            out.push(renderBoundary(`boundary-${msg.id}`));
+                                        }
+                                        if (hiddenActivityIds.has(msg.id)) return out;
+                                        const previousRole = previousVisibleRoles.get(msg.id);
+                                        const startsTurn = previousRole == null || previousRole !== msg.role;
+                                        const steeredSegment = steeredSegments?.find((segment)=>segment.id === msg.id);
+                                        if (steeredSegment) {
+                                            out.push(/*#__PURE__*/ (0,jsx_runtime.jsx)(StreamingBubble, {
+                                                content: steeredSegment.content,
+                                                threadId: threadId ?? null,
+                                                agentConfig: agentConfig ?? null,
+                                                showAvatar: i === 0 || visibleMessages[i - 1].role !== "assistant"
+                                            }, `steered-${steeredSegment.id}`));
+                                        }
+                                        out.push(/*#__PURE__*/ (0,jsx_runtime.jsx)("div", {
+                                            id: typeof msg.seq === "number" ? String(msg.seq) : `msg-${msg.id}`,
+                                            "data-message-id": msg.id,
+                                            "data-hot-candidate": "1",
+                                            "data-message-seq": msg.seq,
+                                            "data-created-at": msg.created_at,
+                                            className: startsTurn && i > 0 ? "mt-3" : undefined,
+                                            children: /*#__PURE__*/ (0,jsx_runtime.jsx)(MessageBubble, {
+                                                message: msg,
+                                                attachedActivity: attachedActivities.get(msg.id),
+                                                threadId: threadId ?? null,
+                                                agentConfig: agentConfig,
+                                                userProfile: userProfile,
+                                                showAvatar: startsTurn,
+                                                showToolEvents: filters.tool_use,
+                                                contextWindowTokens: contextWindowTokens ?? null,
+                                                isLatest: i === visibleMessages.length - 1 && !streamingContent,
+                                                onRetry: onRetryMessage
+                                            })
+                                        }, msg.id));
+                                        return out;
+                                    });
+                                    if (hasBoundary && pinAfterAll) nodes.push(renderBoundary("boundary-tail"));
+                                    return nodes;
+                                })(),
+                                /*#__PURE__*/ (0,jsx_runtime.jsx)(LiveTurnActivity, {
+                                    thinkingContent: thinkingContent,
+                                    streamingContent: streamingContent,
+                                    toolEvents: toolEvents,
+                                    filters: filters,
+                                    threadId: threadId ?? null,
+                                    agentConfig: agentConfig ?? null,
+                                    showStreamingAvatar: messages.length === 0 || messages[messages.length - 1].role !== "assistant",
+                                    streaming: streaming
+                                }),
+                                queuedMessages && queuedMessages.length > 0 && /*#__PURE__*/ (0,jsx_runtime.jsx)("div", {
+                                    className: "flex flex-col gap-1 mt-2 mb-1",
+                                    children: queuedMessages.map((q)=>/*#__PURE__*/ (0,jsx_runtime.jsx)(QueuedBubble, {
+                                            item: q,
+                                            onRemove: onRemoveQueued
+                                        }, q.id))
                                 })
                             ]
+                        }),
+                        /*#__PURE__*/ (0,jsx_runtime.jsx)("div", {
+                            ref: dragMaskRef,
+                            className: "pointer-events-none absolute left-0 right-0 top-0 z-40 opacity-0 transition-opacity duration-75",
+                            style: {
+                                transform: "translateY(0px)",
+                                height: "0px",
+                                background: "linear-gradient(to top, rgba(82,82,91,0.24) 0%, rgba(82,82,91,0.2) 22%, rgba(82,82,91,0.14) 48%, rgba(82,82,91,0.08) 72%, rgba(82,82,91,0.03) 88%, rgba(82,82,91,0) 100%)",
+                                borderBottom: "0",
+                                backdropFilter: "grayscale(0.5) saturate(0.18) contrast(0.98)",
+                                WebkitBackdropFilter: "grayscale(0.5) saturate(0.18) contrast(0.98)",
+                                maskImage: "linear-gradient(to top, black 0%, rgba(0,0,0,0.88) 72%, rgba(0,0,0,0.32) 90%, transparent 100%)",
+                                WebkitMaskImage: "linear-gradient(to top, black 0%, rgba(0,0,0,0.88) 72%, rgba(0,0,0,0.32) 90%, transparent 100%)"
+                            }
                         })
                     ]
-                })
-            }),
-            /*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
-                ref: maskRegionRef,
-                className: "relative flex-1 min-h-0 overflow-hidden",
-                children: [
-                    /*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
-                        ref: scrollRef,
-                        onScroll: handleScroll,
-                        className: "flex-1 h-full overflow-y-auto overflow-x-hidden px-4 py-4 panel-scrollbar",
+                }),
+                showScrollButton && /*#__PURE__*/ (0,jsx_runtime.jsx)("button", {
+                    onClick: scrollToBottom,
+                    style: {
+                        bottom: "calc(1rem + var(--app-safe-bottom))"
+                    },
+                    className: "absolute right-4 p-2 rounded-full bg-accent/40 hover:bg-accent/80 text-white backdrop-blur-sm shadow-md transition-all animate-in fade-in slide-in-from-bottom-2 duration-200 z-20",
+                    title: "Auto-scroll paused — resume at latest message",
+                    "aria-label": "Resume auto-scroll to latest message",
+                    children: /*#__PURE__*/ (0,jsx_runtime.jsx)(arrow_down/* default */.A, {
+                        size: 18
+                    })
+                }),
+                isDraggingFocus && /*#__PURE__*/ (0,jsx_runtime.jsx)(jsx_runtime.Fragment, {
+                    children: /*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
+                        ref: dragGuideRef,
+                        className: "pointer-events-none absolute left-4 right-4 z-50 opacity-0",
                         style: {
-                            // Scroll-anchor jumps (deep-link to a message) land below the
-                            // floating header, not under it.
-                            scrollPaddingTop: "calc(3rem + var(--app-safe-top))"
+                            transform: "translateY(0px)"
                         },
                         children: [
-                            hasMore && /*#__PURE__*/ (0,jsx_runtime.jsx)("div", {
-                                className: "text-center py-1.5 text-[11px] text-fg-faint select-none",
-                                children: loadingMore ? "Loading earlier messages…" : "Scroll up for earlier messages"
-                            }),
-                            compactionPending && /*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
-                                className: "my-2 flex items-center justify-center gap-2 rounded-lg border border-border bg-surface-2/70 px-3 py-1.5 text-[11px] text-fg-faint select-none",
-                                children: [
-                                    /*#__PURE__*/ (0,jsx_runtime.jsx)(StatusDot, {
-                                        tone: "accent",
-                                        size: "sm",
-                                        pulse: true
-                                    }),
-                                    /*#__PURE__*/ (0,jsx_runtime.jsx)("span", {
-                                        children: "Summarising earlier messages… this turn still sees the full history."
-                                    })
-                                ]
+                            /*#__PURE__*/ (0,jsx_runtime.jsx)("div", {
+                                className: "h-[2px] bg-gradient-to-r from-transparent via-accent to-transparent opacity-95 shadow-[0_0_8px_rgba(59,130,246,0.55)]"
                             }),
-                            visibleMessages.length === 0 && !streamingContent && /*#__PURE__*/ (0,jsx_runtime.jsx)("div", {
-                                className: "flex items-center justify-center h-full text-fg-faint text-sm select-none",
-                                children: messages.length === 0 ? /*#__PURE__*/ (0,jsx_runtime.jsx)("span", {
-                                    children: "Send a message to begin"
-                                }) : /*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
-                                    className: "flex flex-col items-center gap-2 text-center px-4",
+                            /*#__PURE__*/ (0,jsx_runtime.jsx)("span", {
+                                ref: dragGuideStatsRef,
+                                className: "absolute right-1 top-1/2 -translate-y-1/2 text-[10px] text-fg-faint bg-surface/75 px-1.5 rounded border border-border/60",
+                                children: lineStatsForHotSince(effectiveHotSinceSeq)
+                            })
+                        ]
+                    })
+                }),
+                summaryPopoverOpen && /*#__PURE__*/ (0,jsx_runtime.jsx)(Dialog/* Dialog */.l, {
+                    open: true,
+                    onClose: ()=>setSummaryPopoverOpen(false),
+                    title: "Earlier messages summary",
+                    size: "xl",
+                    align: "top",
+                    padded: false,
+                    children: /*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
+                        className: "p-4 space-y-3",
+                        children: [
+                            /*#__PURE__*/ (0,jsx_runtime.jsx)("div", {
+                                className: "flex items-center gap-2",
+                                children: /*#__PURE__*/ (0,jsx_runtime.jsxs)("span", {
+                                    className: [
+                                        "text-[10px] px-1.5 py-px rounded border inline-flex items-center gap-1",
+                                        summaryUpdating ? "border-accent/40 bg-accent/10 text-accent" : summaryReady ? "border-emerald-500/30 bg-emerald-500/10 text-emerald-600 dark:text-emerald-400" : summaryStale ? "border-amber-500/30 bg-amber-500/10 text-amber-700 dark:text-amber-400" : "border-border bg-surface-2 text-fg-faint"
+                                    ].join(" "),
                                     children: [
-                                        /*#__PURE__*/ (0,jsx_runtime.jsxs)("span", {
-                                            children: [
-                                                hiddenCount,
-                                                " message",
-                                                hiddenCount === 1 ? " is" : "s are",
-                                                " hidden by filters"
-                                            ]
+                                        summaryUpdating && /*#__PURE__*/ (0,jsx_runtime.jsx)("span", {
+                                            className: "h-2 w-2 rounded-full bg-accent animate-pulse",
+                                            "aria-label": "Summary updating"
                                         }),
-                                        /*#__PURE__*/ (0,jsx_runtime.jsx)("button", {
-                                            type: "button",
-                                            onClick: reset,
-                                            className: "control-tap text-xs px-2.5 py-1 rounded-md border border-border bg-surface-2 text-fg-muted hover:text-fg hover:bg-surface-3 transition-colors",
-                                            children: "Show all messages"
+                                        /*#__PURE__*/ (0,jsx_runtime.jsx)("span", {
+                                            children: summaryUpdating ? "updating" : summaryReady ? "ready" : summaryStale ? "needs refresh" : "pending"
                                         })
                                     ]
                                 })
                             }),
-                            (()=>{
-                                // ADR-0042. The boundary divider + warm summary card live INSIDE the
-                                // message stream so they scroll with content (not above as a fixed
-                                // banner). `boundaryIndex` is the index of the first hot message in
-                                // the visible list; everything before it is older-than-pin and gets
-                                // covered by the warm summary card sitting above the divider.
-                                //
-                                const hasPin = effectiveHotSinceSeq !== null;
-                                const boundaryIndex = hasPin ? boundaryIndexFor(effectiveHotSinceSeq) : -1;
-                                const pinAfterAll = hasPin && visibleMessages.length > 0 && boundaryIndex === visibleMessages.length;
-                                // The pin is the boundary's source of truth. Summary data can arrive
-                                // later (or be unavailable on an older thread), but hiding the line
-                                // in that interval makes a valid focus selection look like it vanished.
-                                const hasBoundary = hasPin && boundaryIndex >= 0;
-                                const olderInVisible = pinAfterAll ? visibleMessages.length : hasBoundary ? boundaryIndex : 0;
-                                // "+ N more we don't know about yet" — older pages are likely unloaded.
-                                const olderCountLabel = olderInVisible + (hasMore ? 1 : 0);
-                                const attachedActivities = new Map();
-                                const hiddenActivityIds = new Set();
-                                for(let i = 0; i < visibleMessages.length - 1; i++){
-                                    const activityMessage = visibleMessages[i];
-                                    const activity = activityMessage.metadata?.automation_activity;
-                                    if (!activity) continue;
-                                    const related = visibleMessages[i + 1];
-                                    const matches = !related.metadata?.automation_activity && (activity.source_kind === "bridge" ? related.role === "user" && related.metadata?.bridge_conversation?.key === activity.source_id : related.role === "assistant" && related.category === activity.source_kind);
-                                    if (!matches) continue;
-                                    attachedActivities.set(related.id, activity);
-                                    hiddenActivityIds.add(activityMessage.id);
-                                }
-                                const previousVisibleRoles = new Map();
-                                let previousVisibleRole = null;
-                                for (const message of visibleMessages){
-                                    previousVisibleRoles.set(message.id, previousVisibleRole);
-                                    if (!hiddenActivityIds.has(message.id)) previousVisibleRole = message.role;
-                                }
-                                const renderBoundary = (key)=>/*#__PURE__*/ (0,jsx_runtime.jsx)("div", {
-                                        id: effectiveHotSinceSeq !== null ? `context-boundary-${effectiveHotSinceSeq}` : undefined,
-                                        "data-focus-boundary": "1",
-                                        "data-boundary-seq": effectiveHotSinceSeq ?? undefined,
-                                        children: /*#__PURE__*/ (0,jsx_runtime.jsx)(ContextBoundaryDivider, {
-                                            sourceMessages: warmSummarySourceMessages ?? null,
-                                            sourceChars: warmSummarySourceChars ?? null,
-                                            summaryChars: warmSummary ? warmSummary.length : null,
-                                            lineStats: lineStatsForHotSince(effectiveHotSinceSeq),
-                                            updating: warmSummaryPending && !summaryFresh,
-                                            draggable: !!onSetContextPin,
-                                            hidden: isDraggingFocus,
-                                            disabled: !!streaming,
-                                            onClick: handleBoundaryClick,
-                                            onPointerDown: handleBoundaryPointerDown,
-                                            onPointerMove: handleBoundaryPointerMove,
-                                            onPointerUp: handleBoundaryPointerUp,
-                                            onPointerCancel: handleBoundaryPointerCancel
-                                        })
-                                    }, key);
-                                const nodes = visibleMessages.flatMap((msg, i)=>{
-                                    const out = [];
-                                    if (hasBoundary && !pinAfterAll && i === boundaryIndex) {
-                                        out.push(renderBoundary(`boundary-${msg.id}`));
-                                    }
-                                    if (hiddenActivityIds.has(msg.id)) return out;
-                                    const previousRole = previousVisibleRoles.get(msg.id);
-                                    const startsTurn = previousRole == null || previousRole !== msg.role;
-                                    const steeredSegment = steeredSegments?.find((segment)=>segment.id === msg.id);
-                                    if (steeredSegment) {
-                                        out.push(/*#__PURE__*/ (0,jsx_runtime.jsx)(StreamingBubble, {
-                                            content: steeredSegment.content,
-                                            threadId: threadId ?? null,
-                                            agentConfig: agentConfig ?? null,
-                                            showAvatar: i === 0 || visibleMessages[i - 1].role !== "assistant"
-                                        }, `steered-${steeredSegment.id}`));
-                                    }
-                                    out.push(/*#__PURE__*/ (0,jsx_runtime.jsx)("div", {
-                                        id: typeof msg.seq === "number" ? String(msg.seq) : `msg-${msg.id}`,
-                                        "data-message-id": msg.id,
-                                        "data-hot-candidate": "1",
-                                        "data-message-seq": msg.seq,
-                                        "data-created-at": msg.created_at,
-                                        className: startsTurn && i > 0 ? "mt-3" : undefined,
-                                        children: /*#__PURE__*/ (0,jsx_runtime.jsx)(MessageBubble, {
-                                            message: msg,
-                                            attachedActivity: attachedActivities.get(msg.id),
-                                            threadId: threadId ?? null,
-                                            agentConfig: agentConfig,
-                                            userProfile: userProfile,
-                                            showAvatar: startsTurn,
-                                            showToolEvents: filters.tool_use,
-                                            contextWindowTokens: contextWindowTokens ?? null,
-                                            isLatest: i === visibleMessages.length - 1 && !streamingContent,
-                                            onRetry: onRetryMessage
-                                        })
-                                    }, msg.id));
-                                    return out;
-                                });
-                                if (hasBoundary && pinAfterAll) nodes.push(renderBoundary("boundary-tail"));
-                                return nodes;
-                            })(),
-                            /*#__PURE__*/ (0,jsx_runtime.jsx)(LiveTurnActivity, {
-                                thinkingContent: thinkingContent,
-                                streamingContent: streamingContent,
-                                toolEvents: toolEvents,
-                                filters: filters,
-                                threadId: threadId ?? null,
-                                agentConfig: agentConfig ?? null,
-                                showStreamingAvatar: messages.length === 0 || messages[messages.length - 1].role !== "assistant",
-                                streaming: streaming
-                            }),
-                            queuedMessages && queuedMessages.length > 0 && /*#__PURE__*/ (0,jsx_runtime.jsx)("div", {
-                                className: "flex flex-col gap-1 mt-2 mb-1",
-                                children: queuedMessages.map((q)=>/*#__PURE__*/ (0,jsx_runtime.jsx)(QueuedBubble, {
-                                        item: q,
-                                        onRemove: onRemoveQueued
-                                    }, q.id))
-                            }),
-                            notices?.map((n)=>/*#__PURE__*/ (0,jsx_runtime.jsx)("div", {
-                                    className: "flex justify-center my-3",
-                                    children: /*#__PURE__*/ (0,jsx_runtime.jsx)("span", {
-                                        className: "text-xs italic text-fg-faint bg-surface-2 px-3 py-1 rounded-full border border-border",
-                                        children: n.text
-                                    })
-                                }, n.id))
+                            !summaryUpdating && /*#__PURE__*/ (0,jsx_runtime.jsx)("p", {
+                                className: "text-[11px] text-fg-faint",
+                                children: summaryFresh ? "Showing the latest summary for messages above the boundary line." : summaryCommittedEmpty ? warmChannelSummaries.length > 0 ? "No chat messages above the boundary line; automation activity there is summarised below." : "Nothing above the boundary line needed summarising." : summaryStale ? "This summary is from an older focus and will refresh after the next reply." : "No summary yet. It will appear after the next reply."
+                            }),
+                            /*#__PURE__*/ (0,jsx_runtime.jsx)(WarmSummaryCard, {
+                                olderCount: countOlderForHotSince(effectiveHotSinceSeq) + (hasMore ? 1 : 0),
+                                summary: warmSummary ?? null,
+                                summaryBeforeSeq: warmSummaryBeforeSeq ?? null,
+                                hotSinceSeq: effectiveHotSinceSeq,
+                                computedAt: warmSummaryComputedAt ?? null,
+                                streaming: !!streaming,
+                                topics: warmSummaryTopics ?? null,
+                                channelSummaries: warmChannelSummaries
+                            })
                         ]
-                    }),
-                    /*#__PURE__*/ (0,jsx_runtime.jsx)("div", {
-                        ref: dragMaskRef,
-                        className: "pointer-events-none absolute left-0 right-0 top-0 z-40 opacity-0 transition-opacity duration-75",
-                        style: {
-                            transform: "translateY(0px)",
-                            height: "0px",
-                            background: "linear-gradient(to top, rgba(82,82,91,0.24) 0%, rgba(82,82,91,0.2) 22%, rgba(82,82,91,0.14) 48%, rgba(82,82,91,0.08) 72%, rgba(82,82,91,0.03) 88%, rgba(82,82,91,0) 100%)",
-                            borderBottom: "0",
-                            backdropFilter: "grayscale(0.5) saturate(0.18) contrast(0.98)",
-                            WebkitBackdropFilter: "grayscale(0.5) saturate(0.18) contrast(0.98)",
-                            maskImage: "linear-gradient(to top, black 0%, rgba(0,0,0,0.88) 72%, rgba(0,0,0,0.32) 90%, transparent 100%)",
-                            WebkitMaskImage: "linear-gradient(to top, black 0%, rgba(0,0,0,0.88) 72%, rgba(0,0,0,0.32) 90%, transparent 100%)"
-                        }
                     })
-                ]
-            }),
-            showScrollButton && /*#__PURE__*/ (0,jsx_runtime.jsx)("button", {
-                onClick: scrollToBottom,
-                style: {
-                    bottom: "calc(1rem + var(--app-safe-bottom))"
-                },
-                className: "absolute right-4 p-2 rounded-full bg-accent/40 hover:bg-accent/80 text-white backdrop-blur-sm shadow-md transition-all animate-in fade-in slide-in-from-bottom-2 duration-200 z-20",
-                title: "Auto-scroll paused — resume at latest message",
-                "aria-label": "Resume auto-scroll to latest message",
-                children: /*#__PURE__*/ (0,jsx_runtime.jsx)(arrow_down/* default */.A, {
-                    size: 18
-                })
-            }),
-            isDraggingFocus && /*#__PURE__*/ (0,jsx_runtime.jsx)(jsx_runtime.Fragment, {
-                children: /*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
-                    ref: dragGuideRef,
-                    className: "pointer-events-none absolute left-4 right-4 z-50 opacity-0",
-                    style: {
-                        transform: "translateY(0px)"
+                }),
+                /*#__PURE__*/ (0,jsx_runtime.jsxs)(Dialog/* Dialog */.l, {
+                    open: confirmOpen,
+                    onClose: ()=>{
+                        setConfirmOpen(false);
+                        setPendingHotSinceSeq(null);
                     },
+                    size: "sm",
+                    align: "center",
+                    dismissOnBackdrop: false,
                     children: [
-                        /*#__PURE__*/ (0,jsx_runtime.jsx)("div", {
-                            className: "h-[2px] bg-gradient-to-r from-transparent via-accent to-transparent opacity-95 shadow-[0_0_8px_rgba(59,130,246,0.55)]"
+                        /*#__PURE__*/ (0,jsx_runtime.jsx)("h4", {
+                            className: "text-sm font-semibold text-fg",
+                            children: "Move conversation focus here?"
                         }),
-                        /*#__PURE__*/ (0,jsx_runtime.jsx)("span", {
-                            ref: dragGuideStatsRef,
-                            className: "absolute right-1 top-1/2 -translate-y-1/2 text-[10px] text-fg-faint bg-surface/75 px-1.5 rounded border border-border/60",
-                            children: lineStatsForHotSince(effectiveHotSinceSeq)
-                        })
-                    ]
-                })
-            }),
-            summaryPopoverOpen && /*#__PURE__*/ (0,jsx_runtime.jsx)(Dialog/* Dialog */.l, {
-                open: true,
-                onClose: ()=>setSummaryPopoverOpen(false),
-                title: "Earlier messages summary",
-                size: "xl",
-                align: "top",
-                padded: false,
-                children: /*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
-                    className: "p-4 space-y-3",
-                    children: [
-                        /*#__PURE__*/ (0,jsx_runtime.jsx)("div", {
-                            className: "flex items-center gap-2",
-                            children: /*#__PURE__*/ (0,jsx_runtime.jsxs)("span", {
-                                className: [
-                                    "text-[10px] px-1.5 py-px rounded border inline-flex items-center gap-1",
-                                    summaryUpdating ? "border-accent/40 bg-accent/10 text-accent" : summaryFresh ? "border-emerald-500/30 bg-emerald-500/10 text-emerald-600 dark:text-emerald-400" : summaryStale ? "border-amber-500/30 bg-amber-500/10 text-amber-700 dark:text-amber-400" : "border-border bg-surface-2 text-fg-faint"
-                                ].join(" "),
-                                children: [
-                                    summaryUpdating && /*#__PURE__*/ (0,jsx_runtime.jsx)("span", {
-                                        className: "h-2 w-2 rounded-full bg-accent animate-pulse",
-                                        "aria-label": "Summary updating"
-                                    }),
-                                    /*#__PURE__*/ (0,jsx_runtime.jsx)("span", {
-                                        children: summaryUpdating ? "updating" : summaryFresh ? "ready" : summaryStale ? "needs refresh" : "pending"
-                                    })
-                                ]
-                            })
+                        /*#__PURE__*/ (0,jsx_runtime.jsx)("p", {
+                            className: "text-xs text-fg-muted leading-relaxed",
+                            children: "Start a new conversation context from this point. New replies will prioritize recent messages below this line."
                         }),
-                        !summaryUpdating && /*#__PURE__*/ (0,jsx_runtime.jsx)("p", {
+                        nextHotCount !== null && /*#__PURE__*/ (0,jsx_runtime.jsxs)("p", {
                             className: "text-[11px] text-fg-faint",
-                            children: summaryFresh ? "Showing the latest summary for messages above the boundary line." : summaryStale ? "This summary is from an older focus and will refresh after the next reply." : "No summary yet. It will appear after the next reply."
+                            children: [
+                                "Recent in focus: ",
+                                nextHotCount,
+                                " loaded message",
+                                nextHotCount === 1 ? "" : "s",
+                                "; earlier loaded summary: ",
+                                Math.max(0, visibleMessages.length - nextHotCount),
+                                "."
+                            ]
                         }),
-                        /*#__PURE__*/ (0,jsx_runtime.jsx)(WarmSummaryCard, {
-                            olderCount: countOlderForHotSince(effectiveHotSinceSeq) + (hasMore ? 1 : 0),
-                            summary: warmSummary ?? null,
-                            summaryBeforeSeq: warmSummaryBeforeSeq ?? null,
-                            hotSinceSeq: effectiveHotSinceSeq,
-                            computedAt: warmSummaryComputedAt ?? null,
-                            streaming: !!streaming,
-                            topics: warmSummaryTopics ?? null
+                        removesFromRecent && /*#__PURE__*/ (0,jsx_runtime.jsx)("p", {
+                            className: "text-[11px] text-amber-600 dark:text-amber-400",
+                            children: "This reduces recent in-focus messages. You can drag upward later to add history back."
+                        }),
+                        /*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
+                            className: "flex justify-end gap-2 pt-1",
+                            children: [
+                                /*#__PURE__*/ (0,jsx_runtime.jsx)("button", {
+                                    type: "button",
+                                    onClick: ()=>{
+                                        setConfirmOpen(false);
+                                        setPendingHotSinceSeq(null);
+                                    },
+                                    className: "px-3 py-1.5 text-xs text-fg-subtle hover:text-fg transition-colors",
+                                    children: "Cancel"
+                                }),
+                                /*#__PURE__*/ (0,jsx_runtime.jsx)("button", {
+                                    type: "button",
+                                    onClick: ()=>{
+                                        if (pendingHotSinceSeq !== null && onSetContextPin) onSetContextPin(pendingHotSinceSeq);
+                                        setConfirmOpen(false);
+                                        setPendingHotSinceSeq(null);
+                                    },
+                                    className: "px-3 py-1.5 rounded-md text-xs border border-accent/40 bg-accent text-white hover:opacity-95 transition-opacity",
+                                    children: "Move focus"
+                                })
+                            ]
                         })
                     ]
                 })
-            }),
-            /*#__PURE__*/ (0,jsx_runtime.jsxs)(Dialog/* Dialog */.l, {
-                open: confirmOpen,
-                onClose: ()=>{
-                    setConfirmOpen(false);
-                    setPendingHotSinceSeq(null);
-                },
-                size: "sm",
-                align: "center",
-                dismissOnBackdrop: false,
-                children: [
-                    /*#__PURE__*/ (0,jsx_runtime.jsx)("h4", {
-                        className: "text-sm font-semibold text-fg",
-                        children: "Move conversation focus here?"
-                    }),
-                    /*#__PURE__*/ (0,jsx_runtime.jsx)("p", {
-                        className: "text-xs text-fg-muted leading-relaxed",
-                        children: "Start a new conversation context from this point. New replies will prioritize recent messages below this line."
-                    }),
-                    nextHotCount !== null && /*#__PURE__*/ (0,jsx_runtime.jsxs)("p", {
-                        className: "text-[11px] text-fg-faint",
-                        children: [
-                            "Recent in focus: ",
-                            nextHotCount,
-                            " loaded message",
-                            nextHotCount === 1 ? "" : "s",
-                            "; earlier loaded summary: ",
-                            Math.max(0, visibleMessages.length - nextHotCount),
-                            "."
-                        ]
-                    }),
-                    removesFromRecent && /*#__PURE__*/ (0,jsx_runtime.jsx)("p", {
-                        className: "text-[11px] text-amber-600 dark:text-amber-400",
-                        children: "This reduces recent in-focus messages. You can drag upward later to add history back."
-                    }),
-                    /*#__PURE__*/ (0,jsx_runtime.jsxs)("div", {
-                        className: "flex justify-end gap-2 pt-1",
-                        children: [
-                            /*#__PURE__*/ (0,jsx_runtime.jsx)("button", {
-                                type: "button",
-                                onClick: ()=>{
-                                    setConfirmOpen(false);
-                                    setPendingHotSinceSeq(null);
-                                },
-                                className: "px-3 py-1.5 text-xs text-fg-subtle hover:text-fg transition-colors",
-                                children: "Cancel"
-                            }),
-                            /*#__PURE__*/ (0,jsx_runtime.jsx)("button", {
-                                type: "button",
-                                onClick: ()=>{
-                                    if (pendingHotSinceSeq !== null && onSetContextPin) onSetContextPin(pendingHotSinceSeq);
-                                    setConfirmOpen(false);
-                                    setPendingHotSinceSeq(null);
-                                },
-                                className: "px-3 py-1.5 rounded-md text-xs border border-accent/40 bg-accent text-white hover:opacity-95 transition-opacity",
-                                children: "Move focus"
-                            })
-                        ]
-                    })
-                ]
-            })
-        ]
+            ]
+        })
     });
 }
 // ADR-0044 — the subset of MESSAGE_FILTER_KEYS that also map to a
@@ -9807,6 +10098,7 @@ const CHANNEL_SCOPED_FILTER_KEYS = new Set([
     "watcher",
     "bridge"
 ]);
+const PROGRAMMATIC_SCROLL_LOCK_MS = 1500;
 const CHIP_LABELS = {
     scheduled_task: "scheduled",
     watcher: "watcher",
@@ -9976,7 +10268,46 @@ function QueuedBubble({ item, onRemove }) {
 }
 
 ;// ./components/chat/chat-helpers.ts
-/* __next_internal_client_entry_do_not_use__ isUnconfirmed,appendUnique,applyThreadMeta,makeQueuedId,parseWarmSummaryTopics auto */ // Append-with-reconcile. Merges server-persisted rows into the local list
+/* __next_internal_client_entry_do_not_use__ compactionOutcomeToast,isUnconfirmed,appendUnique,applyThreadMeta,makeQueuedId,parseWarmSummaryTopics auto */ // Maps the /compact response to the toast the user sees. The server's reason
+// decides the text: "nothing to compact" means the thread is empty, anything
+// else means there were messages but no summary came out of them.
+function compactionOutcomeToast(result) {
+    if (result.compacted) {
+        const n = result.message_count ?? 0;
+        return {
+            kind: "success",
+            title: "Context compacted",
+            body: n > 0 ? `Summarised ${n} message${n === 1 ? "" : "s"} into warm context.` : "Started a fresh context window."
+        };
+    }
+    if (result.reason === "nothing to compact") {
+        return {
+            kind: "info",
+            title: "Nothing to compact",
+            body: "This conversation has no messages yet."
+        };
+    }
+    if (result.reason === "already compacting") {
+        return {
+            kind: "info",
+            title: "Already compacting",
+            body: "A compaction for this conversation is still running."
+        };
+    }
+    if (result.reason === "timed out") {
+        return {
+            kind: "error",
+            title: "Compaction timed out",
+            body: "The summary took too long and was discarded. Context is unchanged."
+        };
+    }
+    return {
+        kind: "info",
+        title: "Nothing was compacted",
+        body: "There was too little to summarise, or the model returned no usable summary. Context is unchanged."
+    };
+}
+// Append-with-reconcile. Merges server-persisted rows into the local list
 // with three rules, applied in order for each incoming message:
 //
 //   1. Already present by server id → update in place (handles the
@@ -10061,10 +10392,12 @@ function applyThreadMeta(meta, payload) {
     meta.setWarmSummarySourceMessages(payload.warm_summary_source_messages ?? null);
     meta.setWarmSummarySourceChars(payload.warm_summary_source_chars ?? null);
     meta.setWarmSummaryTopics?.(payload.warm_summary_topics ?? null);
+    meta.setWarmChannelSummaries?.(payload.warm_channel_summaries ?? []);
     meta.setContextWindowTokens(payload.context_window_tokens ?? null);
     const summaryFresh = hotSinceSeq !== null && summaryBeforeSeq === hotSinceSeq;
     meta.setWarmSummaryPending?.(hotSinceSeq !== null && !summaryFresh);
     meta.setCompactionPending?.(payload.pending_hot_since_seq != null);
+    meta.setManualCompactionPending?.(payload.manual_compaction_pending === true);
 }
 function makeQueuedId(prefix = "q") {
     return `${prefix}-${Date.now()}-${Math.random().toString(36).slice(2, 6)}`;
@@ -10080,8 +10413,6 @@ function makeQueuedId(prefix = "q") {
     }
 }
 
-// EXTERNAL MODULE: ./lib/ui/error-report.ts
-var error_report = __webpack_require__(11856);
 ;// ./lib/ui/error-message.ts
 /* __next_internal_client_entry_do_not_use__ friendlyErrorTitle,reportError auto */ // Centralized human-friendly error-title mapping. Used by pushErrorToast
 // callers so the headline a user sees is consistent across the UI:
@@ -10412,7 +10743,6 @@ function useThreadCrossDeviceSync({ threadId, streamingRef, messagesRef, setMess
 
 function useThreadData({ threadId, attach }) {
     const [messages, setMessages] = (0,react.useState)([]);
-    const [notices, setNotices] = (0,react.useState)([]);
     const [hasMore, setHasMore] = (0,react.useState)(false);
     const [loadingMore, setLoadingMore] = (0,react.useState)(false);
     const [messagesLoading, setMessagesLoading] = (0,react.useState)(false);
@@ -10426,8 +10756,10 @@ function useThreadData({ threadId, attach }) {
     const [warmSummarySourceMessages, setWarmSummarySourceMessages] = (0,react.useState)(null);
     const [warmSummarySourceChars, setWarmSummarySourceChars] = (0,react.useState)(null);
     const [warmSummaryTopics, setWarmSummaryTopics] = (0,react.useState)(null);
+    const [warmChannelSummaries, setWarmChannelSummaries] = (0,react.useState)([]);
     const [warmSummaryPending, setWarmSummaryPending] = (0,react.useState)(false);
     const [compactionPending, setCompactionPending] = (0,react.useState)(false);
+    const [manualCompactionPending, setManualCompactionPending] = (0,react.useState)(false);
     const [contextWindowTokens, setContextWindowTokens] = (0,react.useState)(null);
     const messagesRef = (0,react.useRef)([]);
     messagesRef.current = messages;
@@ -10444,22 +10776,14 @@ function useThreadData({ threadId, attach }) {
         setContextWindowTokens,
         setWarmSummaryPending,
         setCompactionPending,
-        setWarmSummaryTopics
+        setManualCompactionPending,
+        setWarmSummaryTopics,
+        setWarmChannelSummaries
     };
-    const addNotice = (0,react.useCallback)((text)=>{
-        setNotices((p)=>[
-                ...p,
-                {
-                    id: `notice-${Date.now()}`,
-                    text
-                }
-            ]);
-    }, []);
     (0,react.useEffect)(()=>{
         if (!threadId) {
             setMetadataThreadId(null);
             setMessages([]);
-            setNotices([]);
             setHasMore(false);
             setMessagesLoading(false);
             setHotSince(null);
@@ -10471,8 +10795,10 @@ function useThreadData({ threadId, attach }) {
             setWarmSummarySourceMessages(null);
             setWarmSummarySourceChars(null);
             setWarmSummaryTopics(null);
+            setWarmChannelSummaries([]);
             setWarmSummaryPending(false);
             setCompactionPending(false);
+            setManualCompactionPending(false);
             setContextWindowTokens(null);
             return;
         }
@@ -10490,8 +10816,10 @@ function useThreadData({ threadId, attach }) {
         setWarmSummarySourceMessages(null);
         setWarmSummarySourceChars(null);
         setWarmSummaryTopics(null);
+        setWarmChannelSummaries([]);
         setWarmSummaryPending(false);
         setCompactionPending(false);
+        setManualCompactionPending(false);
         setContextWindowTokens(null);
         client/* api */.FH.threads.get(threadId).then((d)=>{
             if (cancelled) return;
@@ -10537,6 +10865,7 @@ function useThreadData({ threadId, attach }) {
             setWarmSummarySourceMessages(updated.warm_summary_source_messages);
             setWarmSummarySourceChars(updated.warm_summary_source_chars);
             setWarmSummaryTopics(updated.warm_summary_topics);
+            setWarmChannelSummaries(updated.warm_channel_summaries ?? []);
             setCompactionPending(updated.pending_hot_since_seq != null);
             const summaryFresh = updated.hot_since_seq != null && updated.warm_summary_before_seq === updated.hot_since_seq;
             if (!updated.pending_hot_since_seq && (!updated.hot_since_seq || summaryFresh)) {
@@ -10554,7 +10883,7 @@ function useThreadData({ threadId, attach }) {
         if (!threadId) return;
         const summaryFresh = hotSinceSeq !== null && warmSummaryBeforeSeq === hotSinceSeq;
         const summaryStale = warmSummaryPending && hotSinceSeq !== null && !summaryFresh;
-        if (!summaryStale && !compactionPending) {
+        if (!summaryStale && !compactionPending && !manualCompactionPending) {
             if (warmSummaryPending && hotSinceSeq !== null && summaryFresh) setWarmSummaryPending(false);
             return;
         }
@@ -10580,6 +10909,7 @@ function useThreadData({ threadId, attach }) {
         threadId,
         warmSummaryPending,
         compactionPending,
+        manualCompactionPending,
         hotSince,
         hotSinceSeq,
         warmSummaryBefore,
@@ -10617,9 +10947,6 @@ function useThreadData({ threadId, attach }) {
         messages,
         setMessages,
         messagesRef,
-        notices,
-        setNotices,
-        addNotice,
         hasMore,
         setHasMore,
         loadingMore,
@@ -10634,8 +10961,10 @@ function useThreadData({ threadId, attach }) {
         warmSummarySourceMessages,
         warmSummarySourceChars,
         warmSummaryTopics,
+        warmChannelSummaries,
         warmSummaryPending,
         compactionPending,
+        manualCompactionPending,
         contextWindowTokens,
         metaApplier,
         loadOlder,
@@ -10643,6 +10972,96 @@ function useThreadData({ threadId, attach }) {
     };
 }
 
+;// ./components/chat/useThreadActivity.ts
+/* __next_internal_client_entry_do_not_use__ useThreadActivity auto */ 
+
+
+const BUSY_POLL_MS = 1500;
+const IDLE_POLL_MS = 5000;
+// A run's stream ends a moment before the registry marks it finished; a
+// snapshot inside this window may still report the run that just ended.
+const SETTLE_GRACE_MS = 2000;
+/**
+ * Poll what the thread is doing on the server and keep the chat in step:
+ * re-attach to a turn started elsewhere (scheduler, watcher, bridge, another
+ * device), restore compaction flags after a remount, and refresh the thread
+ * metadata once a compaction finishes.
+ */ function useThreadActivity({ threadId, attach, isLive, lastSettledAt, metaApplier }) {
+    const [activity, setActivity] = (0,react.useState)(null);
+    const deps = (0,react.useRef)({
+        attach,
+        isLive,
+        lastSettledAt,
+        metaApplier
+    });
+    deps.current = {
+        attach,
+        isLive,
+        lastSettledAt,
+        metaApplier
+    };
+    (0,react.useEffect)(()=>{
+        setActivity(null);
+        if (!threadId) return;
+        let cancelled = false;
+        let timer = null;
+        let hadCompaction = false;
+        const schedule = (ms)=>{
+            if (!cancelled) timer = window.setTimeout(tick, ms);
+        };
+        async function tick() {
+            if (cancelled || !threadId) return;
+            if (typeof document !== "undefined" && document.hidden) {
+                schedule(IDLE_POLL_MS);
+                return;
+            }
+            let next;
+            try {
+                next = await client/* api */.FH.threads.activity(threadId);
+            } catch  {
+                schedule(IDLE_POLL_MS);
+                return;
+            }
+            if (cancelled) return;
+            setActivity(next);
+            const d = deps.current;
+            const serverRunning = next.run !== null || next.queue_depth > 0;
+            const recentlySettled = Date.now() - d.lastSettledAt() < SETTLE_GRACE_MS;
+            if (serverRunning && !d.isLive() && !recentlySettled) {
+                d.attach(threadId).catch(()=>{});
+            }
+            if (next.compaction) {
+                if (next.compaction.kind !== "refresh") d.metaApplier.setCompactionPending?.(true);
+                if (next.compaction.kind === "manual") d.metaApplier.setManualCompactionPending?.(true);
+                hadCompaction = true;
+            } else if (hadCompaction) {
+                hadCompaction = false;
+                // The compaction just finished. Clear the flags from the snapshot
+                // itself so a failed refresh below can't leave the chat locked, then
+                // pull the new boundary and recap.
+                d.metaApplier.setCompactionPending?.(false);
+                d.metaApplier.setManualCompactionPending?.(false);
+                client/* api */.FH.threads.get(threadId, {
+                    limit: 1
+                }).then((meta)=>{
+                    if (!cancelled) applyThreadMeta(deps.current.metaApplier, meta);
+                }).catch(()=>{});
+            }
+            schedule(next.busy ? BUSY_POLL_MS : IDLE_POLL_MS);
+        }
+        // The thread load attaches to any in-flight run itself; give it a beat
+        // so this poller doesn't race it with a second attach.
+        schedule(BUSY_POLL_MS);
+        return ()=>{
+            cancelled = true;
+            if (timer !== null) window.clearTimeout(timer);
+        };
+    }, [
+        threadId
+    ]);
+    return activity;
+}
+
 ;// ./components/chat/useUserProfileAndAgent.ts
 /* __next_internal_client_entry_do_not_use__ useUserProfileAndAgent auto */ 
 
@@ -10850,6 +11269,9 @@ function useChatSubmitHandlers({ agentId, steerRun, attachments, setAttachments,
 
 
 
+
+
+
 
 function ChatView({ threadId, agentId, sessionLoading, sessionError, onMessageSent }) {
     const { state } = (0,AppContext/* useAppContext */.U)();
@@ -10906,6 +11328,19 @@ function ChatView({ threadId, agentId, sessionLoading, sessionError, onMessageSe
     attachRef.current = sse.attach;
     clearStreamingRef.current = sse.clearStreamingContent;
     clearToolEventsRef.current = sse.clearToolEvents;
+    // `compacting` lives in this component, which remounts per agent; the
+    // server flag keeps a /compact started before an agent switch visible.
+    const sessionCompacting = compacting || thread.manualCompactionPending;
+    const activity = useThreadActivity({
+        threadId,
+        attach: stableAttach,
+        isLive: sse.isLive,
+        lastSettledAt: sse.lastSettledAt,
+        metaApplier: thread.metaApplier
+    });
+    // Run phases come through the attached stream; background compaction
+    // outside a run has no stream, so label it from the polled activity.
+    const backgroundCompaction = !sse.streaming && !sessionCompacting ? activity?.compaction?.kind ?? null : null;
     useChatErrorReporting({
         sessionError,
         streamError: sse.error,
@@ -10915,6 +11350,8 @@ function ChatView({ threadId, agentId, sessionLoading, sessionError, onMessageSe
     });
     const streamingRef = (0,react.useRef)(false);
     streamingRef.current = sse.streaming;
+    const currentThreadIdRef = (0,react.useRef)(threadId);
+    currentThreadIdRef.current = threadId;
     // Auto compaction starts server-side during a run; poll so the banner shows live.
     (0,react.useEffect)(()=>{
         if (!threadId || !sse.streaming) return;
@@ -10945,10 +11382,13 @@ function ChatView({ threadId, agentId, sessionLoading, sessionError, onMessageSe
     });
     useTrackLoading(!!sessionLoading);
     useTrackLoading(sse.streaming);
-    useTrackLoading(compacting);
+    useTrackLoading(sessionCompacting);
     useTrackLoading(thread.loadingMore);
     useTrackLoading(thread.messagesLoading);
     useTrackLoading(agentConfigLoading);
+    useActivityWhile(sessionCompacting, "Compacting session…");
+    useActivityWhile(backgroundCompaction === "auto", "Compacting earlier messages…");
+    useActivityWhile(backgroundCompaction === "refresh", "Updating summary…");
     useActivityWhile(thread.messagesLoading, "Loading chat history…");
     useActivityWhile(agentConfigLoading, "Loading agent…");
     useActivityWhile(profileLoading, "Loading profile…");
@@ -11052,19 +11492,35 @@ function ChatView({ threadId, agentId, sessionLoading, sessionError, onMessageSe
     const queue = useChatQueue({
         threadId,
         streaming: sse.streaming,
-        compacting,
+        compacting: sessionCompacting,
         launchRun
     });
     queueApiRef.current = queue;
     drainQueueRef.current = queue.drainQueueRef.current;
     async function handleCompact() {
         if (!agentId) return;
+        const notifyCompaction = (result)=>{
+            const toast = compactionOutcomeToast(result);
+            (0,ui_toasts/* pushToast */.Iz)({
+                ...toast,
+                source: "system",
+                sourceLabel: "Chat",
+                agent_id: agentId,
+                thread_id: threadId,
+                ttl: 5000,
+                dedupeKey: `compact:${agentId}`
+            });
+        };
         setCompacting(true);
         try {
             const result = await client/* api */.FH.agents.compact(agentId, {
                 resetContext: true
             });
-            if (result.compacted) {
+            // The thread may have changed while compaction ran; never apply its
+            // result to a different thread's view.
+            const compactedThreadId = threadId;
+            const stillCurrent = ()=>compactedThreadId !== null && currentThreadIdRef.current === compactedThreadId;
+            if (result.compacted && compactedThreadId !== null && stillCurrent()) {
                 // Server moved the hot/warm pin to just after the last existing
                 // message and persisted the warm summary. Mirror that in-place so
                 // the warm card shows the fresh summary without wiping the visible
@@ -11076,16 +11532,29 @@ function ChatView({ threadId, agentId, sessionLoading, sessionError, onMessageSe
                 thread.metaApplier.setWarmSummary(result.warm_summary ?? null);
                 thread.metaApplier.setWarmSummaryBefore(result.warm_summary_before ?? null);
                 thread.metaApplier.setWarmSummaryBeforeSeq(result.warm_summary_before_seq ?? null);
-                thread.metaApplier.setWarmSummaryBeforeSeq(result.warm_summary_before_seq ?? null);
                 thread.metaApplier.setWarmSummaryComputedAt(result.warm_summary_computed_at ?? null);
                 thread.metaApplier.setWarmSummarySourceMessages(result.warm_summary_source_messages ?? null);
                 thread.metaApplier.setWarmSummarySourceChars(result.warm_summary_source_chars ?? null);
                 thread.metaApplier.setWarmSummaryTopics?.(parseWarmSummaryTopics(result.warm_summary_topics));
-            } else {
-                thread.addNotice("Nothing to compact yet — send some messages first.");
+                // The compact response carries only the chat recap; channel recaps
+                // (bridge, watcher, scheduled task) come with the thread metadata.
+                void client/* api */.FH.threads.get(compactedThreadId, {
+                    limit: 1
+                }).then((d)=>{
+                    if (stillCurrent()) applyThreadMeta(thread.metaApplier, d);
+                }).catch(()=>{});
             }
+            notifyCompaction(result);
         } catch (err) {
-            thread.addNotice(`Compaction failed: ${String(err)}`);
+            (0,error_report/* pushErrorToast */.uS)({
+                title: "Compaction failed",
+                error: err,
+                context: {
+                    panel: "chat",
+                    action: "compact",
+                    agent_id: agentId
+                }
+            });
         } finally{
             setCompacting(false);
             queue.drainQueueRef.current();
@@ -11111,7 +11580,6 @@ function ChatView({ threadId, agentId, sessionLoading, sessionError, onMessageSe
                 threadId: threadId,
                 messages: thread.messages,
                 steeredSegments: sse.steeredSegments,
-                notices: thread.notices,
                 agentConfig: agentConfig,
                 userProfile: userProfile,
                 // streamingContent stays visible past `streaming=false` so the bubble
@@ -11138,8 +11606,9 @@ function ChatView({ threadId, agentId, sessionLoading, sessionError, onMessageSe
                 warmSummarySourceMessages: thread.warmSummarySourceMessages,
                 warmSummarySourceChars: thread.warmSummarySourceChars,
                 warmSummaryTopics: thread.warmSummaryTopics,
+                warmChannelSummaries: thread.warmChannelSummaries,
                 warmSummaryPending: thread.warmSummaryPending,
-                compactionPending: thread.compactionPending || compacting,
+                compactionPending: thread.compactionPending || sessionCompacting,
                 onSetContextPin: thread.setContextPin,
                 streaming: sse.streaming,
                 contextWindowTokens: thread.contextWindowTokens,
@@ -11167,7 +11636,7 @@ function ChatView({ threadId, agentId, sessionLoading, sessionError, onMessageSe
                 onVoiceTranscript: handleVoiceTranscript,
                 disabled: !agentId,
                 placeholder: composerPlaceholder({
-                    compacting,
+                    compacting: sessionCompacting,
                     sessionLoading: !!sessionLoading,
                     streaming: sse.streaming
                 })
@@ -29901,6 +30370,22 @@ function BootScreen({ agents, agentsLoaded, activeAgentId, onPickAgent, suppress
             setAdoptionBusy(null);
         }
     }
+    async function handleAdoptionItemRetry(itemId) {
+        if (adoptionBusy || adoption?.status === "running") return;
+        setAdoptionBusy("retry");
+        try {
+            const next = await client/* api */.FH.lifecycle.adoption.retryItem(itemId);
+            setAdoption(next);
+            adoptionRunStartedRef.current = null;
+        } catch  {
+            setAdoption((prev)=>prev ? {
+                    ...prev,
+                    error: "Could not retry that step."
+                } : prev);
+        } finally{
+            setAdoptionBusy(null);
+        }
+    }
     // The agent rendered in the centered tile. During `loading` and
     // `pick` it's the default (so the user sees the same artwork as soon
     // as agents resolve). During `opening` it's whatever was picked.
@@ -30043,6 +30528,9 @@ function BootScreen({ agents, agentsLoaded, activeAgentId, onPickAgent, suppress
                                 summary: adoptionLiveLabel ?? adoption.summary,
                                 items: adoption.checklist,
                                 error: adoption.error,
+                                onRetryItem: (item)=>void handleAdoptionItemRetry(item.id),
+                                canRetryItem: (item)=>item.id !== "fetch-changes",
+                                retryDisabled: adoptionBusy !== null || adoption.status === "running",
                                 children: [
                                     adoption.status === "done" && /*#__PURE__*/ (0,jsx_runtime.jsx)("p", {
                                         className: "mt-2 rounded-lg border border-border/50 bg-surface px-2 py-1 text-[10px] leading-snug text-fg-muted",
@@ -33398,105 +33886,6 @@ function AppShell() {
 }
 
 
-/***/ }),
-
-/***/ 30737:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   D: () => (/* binding */ useTheme),
-/* harmony export */   ThemeProvider: () => (/* binding */ ThemeProvider)
-/* harmony export */ });
-/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(95155);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(12115);
-/* __next_internal_client_entry_do_not_use__ ThemeProvider,useTheme auto */ 
-
-const STORAGE_KEY = "jarela-theme";
-function isTheme(v) {
-    return v === "light" || v === "dark" || v === "system";
-}
-function readStored() {
-    if (false) {}
-    try {
-        const v = window.localStorage.getItem(STORAGE_KEY);
-        return isTheme(v) ? v : "system";
-    } catch  {
-        return "system";
-    }
-}
-const LIGHT_CHROME = "#ffffff";
-const DARK_CHROME = "#09090b";
-function resolveChrome(theme) {
-    if (theme === "light") return LIGHT_CHROME;
-    if (theme === "dark") return DARK_CHROME;
-    if (false) {}
-    return window.matchMedia("(prefers-color-scheme: dark)").matches ? DARK_CHROME : LIGHT_CHROME;
-}
-// Keep the single <meta name="theme-color"> tag (installed by the pre-paint
-// script in app/layout.tsx) aligned with the active surface so the PWA's
-// desktop title bar and mobile address bar match the theme.
-function syncChrome(theme) {
-    if (typeof document === "undefined") return;
-    const meta = document.querySelector('meta[name="theme-color"]');
-    if (meta) meta.setAttribute("content", resolveChrome(theme));
-}
-function apply(theme) {
-    if (typeof document === "undefined") return;
-    document.documentElement.setAttribute("data-theme", theme);
-    syncChrome(theme);
-}
-const ThemeContext = /*#__PURE__*/ (0,react__WEBPACK_IMPORTED_MODULE_1__.createContext)(null);
-function ThemeProvider({ children }) {
-    // Initial state stays "system" on the server to match the pre-paint script,
-    // which writes data-theme before React hydrates. The effect below syncs the
-    // React state to whatever the script (or localStorage) decided.
-    const [theme, setThemeState] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)("system");
-    (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(()=>{
-        const stored = readStored();
-        setThemeState(stored);
-        // When in "system" mode, mirror OS-level changes into the PWA chrome.
-        if (false) {}
-        const mq = window.matchMedia("(prefers-color-scheme: dark)");
-        const onChange = ()=>{
-            if (readStored() === "system") syncChrome("system");
-        };
-        mq.addEventListener?.("change", onChange);
-        return ()=>mq.removeEventListener?.("change", onChange);
-    }, []);
-    const setTheme = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)((t)=>{
-        setThemeState(t);
-        apply(t);
-        try {
-            window.localStorage.setItem(STORAGE_KEY, t);
-        } catch  {
-        /* ignore quota / private-mode errors */ }
-    }, []);
-    return /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(ThemeContext.Provider, {
-        value: {
-            theme,
-            setTheme
-        },
-        children: children
-    });
-}
-function useTheme() {
-    const ctx = (0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(ThemeContext);
-    if (!ctx) throw new Error("useTheme must be used within ThemeProvider");
-    return ctx;
-}
-
-
-/***/ }),
-
-/***/ 39852:
-/***/ ((__unused_webpack_module, __unused_webpack_exports, __webpack_require__) => {
-
-Promise.resolve(/* import() eager */).then(__webpack_require__.bind(__webpack_require__, 9024));
-;
-Promise.resolve(/* import() eager */).then(__webpack_require__.bind(__webpack_require__, 12283));
-
-
 /***/ })
 
 },
@@ -33507,4 +33896,4 @@ Promise.resolve(/* import() eager */).then(__webpack_require__.bind(__webpack_re
 /******/ _N_E = __webpack_exports__;
 /******/ }
 ]);
-//# sourceMappingURL=page-7017f07f8a7a083c.js.map
+//# sourceMappingURL=page-213a623b37226452.js.map