tmux-ide 2.9.0-beta.44 → 2.9.0-beta.45

package/bin/cli.js

@@ -11279,7 +11279,7 @@ var require_package = __commonJS({
   "package.json"(exports, module) {
     module.exports = {
       name: "tmux-ide",
-      version: "2.9.0-beta.44",
+      version: "2.9.0-beta.45",
       description: "A visual, agent-aware IDE for any tmux session, with optional workspace presets",
       type: "module",
       bin: {
@@ -11343,7 +11343,7 @@ var require_package = __commonJS({
         postinstall: "node scripts/postinstall.js",
         docs: "turbo run dev --filter=@tmux-ide/docs",
         "demo:tui": "bun --preload @opentui/solid/preload docs/scripts/render-tui-demo.tsx",
-        "test:tui-renderer": "bun test --preload @opentui/solid/preload --preload ./packages/daemon/test-support/opentui-renderer-preload.ts ./packages/daemon/src/tui/mirror/automatic-contrast-renderer.test.tsx ./packages/daemon/src/tui/mirror/pane-surface-renderer.test.tsx ./packages/daemon/src/tui/mirror/native-grid-projection-renderer.test.tsx ./packages/daemon/src/tui/mirror/widget-surface-renderer.test.tsx ./packages/daemon/src/tui/mirror/missions-surface-renderer.test.tsx ./packages/daemon/src/tui/mirror/recipes-gallery-renderer.test.tsx ./packages/daemon/src/tui/mirror/shell-chrome-renderer.test.tsx ./packages/daemon/src/tui/mirror/sidebar-renderer.test.tsx ./packages/daemon/src/tui/mirror/home-files-surface-renderer.test.tsx ./packages/daemon/src/tui/mirror/changes-terminal-surface-renderer.test.tsx ./packages/daemon/src/tui/mirror/activity-surface-renderer.test.tsx ./packages/daemon/src/tui/mirror/features/files/session-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/application-terminal-workspace-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/application-shell-view-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/application-root-error-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/application-backpressure-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/application-demand-cadence-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/files-optional-feature-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/changes-optional-feature-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/missions-activity-optional-feature-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/dialogs-optional-feature-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/optional-feature-registry-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/palette-optional-feature-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/pane-scoped-terminal-surface-renderer.test.tsx ./packages/daemon/src/tui/mirror/features/rich-preview/feature.test.ts ./packages/daemon/src/tui/mirror/runtime/rich-preview-optional-feature-renderer.test.tsx ./packages/daemon/src/tui/mirror/workspace/application-shell-renderer.test.tsx ./packages/daemon/src/tui/mirror/workspace/pane-frame-renderer.test.tsx ./packages/daemon/src/tui/mirror/workspace/terminal-pane-chrome-view.test.tsx ./packages/daemon/src/tui/mirror/workspace/terminal-window-strip-renderer.test.tsx ./packages/daemon/src/tui/mirror/workspace/workbench-shell-renderer.test.tsx ./packages/daemon/src/tui/mirror/workspace/workbench-dock-dual-host-renderer.test.tsx ./packages/daemon/src/tui/mirror/workspace/agent-terminal-canvas-renderer.test.tsx ./packages/daemon/src/tui/mirror/workspace/command-palette-surface-renderer.test.tsx ./packages/daemon/src/tui/mirror/workspace/opentui-insertion-stability-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/application-shell-home-renderer.test.tsx ./packages/daemon/src/tui/mirror/workspace/terminal-pane-header-polish-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/application-home-agent-roster-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/application-home-agent-flow-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/guided-tour-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/application-shell-sidebar-catalog-renderer.test.tsx ./packages/daemon/src/tui/mirror/ui/ui-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/application-machine-sidebar-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/application-add-machine-dialog-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/application-fleet-switcher-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/application-palette-preview-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/application-fleet-palette-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/application-fleet-session-actions-renderer.test.tsx",
+        "test:tui-renderer": "bun test --preload @opentui/solid/preload --preload ./packages/daemon/test-support/opentui-renderer-preload.ts ./packages/daemon/src/tui/mirror/automatic-contrast-renderer.test.tsx ./packages/daemon/src/tui/mirror/pane-surface-renderer.test.tsx ./packages/daemon/src/tui/mirror/native-grid-projection-renderer.test.tsx ./packages/daemon/src/tui/mirror/widget-surface-renderer.test.tsx ./packages/daemon/src/tui/mirror/missions-surface-renderer.test.tsx ./packages/daemon/src/tui/mirror/recipes-gallery-renderer.test.tsx ./packages/daemon/src/tui/mirror/shell-chrome-renderer.test.tsx ./packages/daemon/src/tui/mirror/sidebar-renderer.test.tsx ./packages/daemon/src/tui/mirror/home-files-surface-renderer.test.tsx ./packages/daemon/src/tui/mirror/changes-terminal-surface-renderer.test.tsx ./packages/daemon/src/tui/mirror/activity-surface-renderer.test.tsx ./packages/daemon/src/tui/mirror/features/files/session-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/application-terminal-workspace-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/application-shell-view-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/application-root-error-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/application-backpressure-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/application-demand-cadence-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/files-optional-feature-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/changes-optional-feature-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/missions-activity-optional-feature-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/dialogs-optional-feature-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/optional-feature-registry-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/palette-optional-feature-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/pane-scoped-terminal-surface-renderer.test.tsx ./packages/daemon/src/tui/mirror/features/rich-preview/feature.test.ts ./packages/daemon/src/tui/mirror/runtime/rich-preview-optional-feature-renderer.test.tsx ./packages/daemon/src/tui/mirror/workspace/application-shell-renderer.test.tsx ./packages/daemon/src/tui/mirror/workspace/pane-frame-renderer.test.tsx ./packages/daemon/src/tui/mirror/workspace/terminal-pane-chrome-view.test.tsx ./packages/daemon/src/tui/mirror/workspace/terminal-window-strip-renderer.test.tsx ./packages/daemon/src/tui/mirror/workspace/workbench-shell-renderer.test.tsx ./packages/daemon/src/tui/mirror/workspace/workbench-dock-dual-host-renderer.test.tsx ./packages/daemon/src/tui/mirror/workspace/agent-terminal-canvas-renderer.test.tsx ./packages/daemon/src/tui/mirror/workspace/command-palette-surface-renderer.test.tsx ./packages/daemon/src/tui/mirror/workspace/opentui-insertion-stability-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/application-shell-home-renderer.test.tsx ./packages/daemon/src/tui/mirror/workspace/terminal-pane-header-polish-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/application-home-agent-roster-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/application-home-agent-flow-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/guided-tour-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/application-shell-sidebar-catalog-renderer.test.tsx ./packages/daemon/src/tui/mirror/ui/ui-renderer.test.tsx ./packages/daemon/src/tui/mirror/ui/pane-interaction-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/application-machine-sidebar-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/application-add-machine-dialog-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/application-fleet-switcher-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/application-palette-preview-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/application-fleet-palette-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/application-fleet-session-actions-renderer.test.tsx",
         "test:tui-smoke": "bun scripts/smoke-tui-missions.mjs",
         "test:tui-live": "node scripts/tui-testdrive.mjs smoke",
         "test:tui-testdrive": "node --test scripts/lib/tui-testdrive-clipboard-hook.test.mjs scripts/lib/tui-testdrive-input.test.mjs",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tmux-ide",
-  "version": "2.9.0-beta.44",
+  "version": "2.9.0-beta.45",
   "description": "A visual, agent-aware IDE for any tmux session, with optional workspace presets",
   "type": "module",
   "bin": {
@@ -64,7 +64,7 @@
     "postinstall": "node scripts/postinstall.js",
     "docs": "turbo run dev --filter=@tmux-ide/docs",
     "demo:tui": "bun --preload @opentui/solid/preload docs/scripts/render-tui-demo.tsx",
-    "test:tui-renderer": "bun test --preload @opentui/solid/preload --preload ./packages/daemon/test-support/opentui-renderer-preload.ts ./packages/daemon/src/tui/mirror/automatic-contrast-renderer.test.tsx ./packages/daemon/src/tui/mirror/pane-surface-renderer.test.tsx ./packages/daemon/src/tui/mirror/native-grid-projection-renderer.test.tsx ./packages/daemon/src/tui/mirror/widget-surface-renderer.test.tsx ./packages/daemon/src/tui/mirror/missions-surface-renderer.test.tsx ./packages/daemon/src/tui/mirror/recipes-gallery-renderer.test.tsx ./packages/daemon/src/tui/mirror/shell-chrome-renderer.test.tsx ./packages/daemon/src/tui/mirror/sidebar-renderer.test.tsx ./packages/daemon/src/tui/mirror/home-files-surface-renderer.test.tsx ./packages/daemon/src/tui/mirror/changes-terminal-surface-renderer.test.tsx ./packages/daemon/src/tui/mirror/activity-surface-renderer.test.tsx ./packages/daemon/src/tui/mirror/features/files/session-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/application-terminal-workspace-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/application-shell-view-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/application-root-error-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/application-backpressure-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/application-demand-cadence-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/files-optional-feature-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/changes-optional-feature-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/missions-activity-optional-feature-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/dialogs-optional-feature-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/optional-feature-registry-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/palette-optional-feature-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/pane-scoped-terminal-surface-renderer.test.tsx ./packages/daemon/src/tui/mirror/features/rich-preview/feature.test.ts ./packages/daemon/src/tui/mirror/runtime/rich-preview-optional-feature-renderer.test.tsx ./packages/daemon/src/tui/mirror/workspace/application-shell-renderer.test.tsx ./packages/daemon/src/tui/mirror/workspace/pane-frame-renderer.test.tsx ./packages/daemon/src/tui/mirror/workspace/terminal-pane-chrome-view.test.tsx ./packages/daemon/src/tui/mirror/workspace/terminal-window-strip-renderer.test.tsx ./packages/daemon/src/tui/mirror/workspace/workbench-shell-renderer.test.tsx ./packages/daemon/src/tui/mirror/workspace/workbench-dock-dual-host-renderer.test.tsx ./packages/daemon/src/tui/mirror/workspace/agent-terminal-canvas-renderer.test.tsx ./packages/daemon/src/tui/mirror/workspace/command-palette-surface-renderer.test.tsx ./packages/daemon/src/tui/mirror/workspace/opentui-insertion-stability-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/application-shell-home-renderer.test.tsx ./packages/daemon/src/tui/mirror/workspace/terminal-pane-header-polish-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/application-home-agent-roster-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/application-home-agent-flow-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/guided-tour-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/application-shell-sidebar-catalog-renderer.test.tsx ./packages/daemon/src/tui/mirror/ui/ui-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/application-machine-sidebar-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/application-add-machine-dialog-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/application-fleet-switcher-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/application-palette-preview-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/application-fleet-palette-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/application-fleet-session-actions-renderer.test.tsx",
+    "test:tui-renderer": "bun test --preload @opentui/solid/preload --preload ./packages/daemon/test-support/opentui-renderer-preload.ts ./packages/daemon/src/tui/mirror/automatic-contrast-renderer.test.tsx ./packages/daemon/src/tui/mirror/pane-surface-renderer.test.tsx ./packages/daemon/src/tui/mirror/native-grid-projection-renderer.test.tsx ./packages/daemon/src/tui/mirror/widget-surface-renderer.test.tsx ./packages/daemon/src/tui/mirror/missions-surface-renderer.test.tsx ./packages/daemon/src/tui/mirror/recipes-gallery-renderer.test.tsx ./packages/daemon/src/tui/mirror/shell-chrome-renderer.test.tsx ./packages/daemon/src/tui/mirror/sidebar-renderer.test.tsx ./packages/daemon/src/tui/mirror/home-files-surface-renderer.test.tsx ./packages/daemon/src/tui/mirror/changes-terminal-surface-renderer.test.tsx ./packages/daemon/src/tui/mirror/activity-surface-renderer.test.tsx ./packages/daemon/src/tui/mirror/features/files/session-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/application-terminal-workspace-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/application-shell-view-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/application-root-error-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/application-backpressure-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/application-demand-cadence-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/files-optional-feature-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/changes-optional-feature-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/missions-activity-optional-feature-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/dialogs-optional-feature-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/optional-feature-registry-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/palette-optional-feature-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/pane-scoped-terminal-surface-renderer.test.tsx ./packages/daemon/src/tui/mirror/features/rich-preview/feature.test.ts ./packages/daemon/src/tui/mirror/runtime/rich-preview-optional-feature-renderer.test.tsx ./packages/daemon/src/tui/mirror/workspace/application-shell-renderer.test.tsx ./packages/daemon/src/tui/mirror/workspace/pane-frame-renderer.test.tsx ./packages/daemon/src/tui/mirror/workspace/terminal-pane-chrome-view.test.tsx ./packages/daemon/src/tui/mirror/workspace/terminal-window-strip-renderer.test.tsx ./packages/daemon/src/tui/mirror/workspace/workbench-shell-renderer.test.tsx ./packages/daemon/src/tui/mirror/workspace/workbench-dock-dual-host-renderer.test.tsx ./packages/daemon/src/tui/mirror/workspace/agent-terminal-canvas-renderer.test.tsx ./packages/daemon/src/tui/mirror/workspace/command-palette-surface-renderer.test.tsx ./packages/daemon/src/tui/mirror/workspace/opentui-insertion-stability-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/application-shell-home-renderer.test.tsx ./packages/daemon/src/tui/mirror/workspace/terminal-pane-header-polish-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/application-home-agent-roster-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/application-home-agent-flow-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/guided-tour-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/application-shell-sidebar-catalog-renderer.test.tsx ./packages/daemon/src/tui/mirror/ui/ui-renderer.test.tsx ./packages/daemon/src/tui/mirror/ui/pane-interaction-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/application-machine-sidebar-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/application-add-machine-dialog-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/application-fleet-switcher-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/application-palette-preview-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/application-fleet-palette-renderer.test.tsx ./packages/daemon/src/tui/mirror/runtime/application-fleet-session-actions-renderer.test.tsx",
     "test:tui-smoke": "bun scripts/smoke-tui-missions.mjs",
     "test:tui-live": "node scripts/tui-testdrive.mjs smoke",
     "test:tui-testdrive": "node --test scripts/lib/tui-testdrive-clipboard-hook.test.mjs scripts/lib/tui-testdrive-input.test.mjs",

package/packages/daemon/dist/tui/mirror/runtime/application-home-agent-roster.jsx

@@ -191,7 +191,7 @@ export function HomeAgentRoster(props) {
             return (<box height={rowHeight()} width={width()} flexShrink={0} onMouseOver={() => setHovered(key)} onMouseMove={() => setHovered(key)}>
                   <AgentRow surface="canvas" theme={props.theme} id={`home-agent:${key}`} name={row().name} context={[row().machineLabel, row().serverLabel, row().sessionName]
                     .filter(Boolean)
-                    .join(" · ")} width={width()} compact={rowHeight() === 1} activity={row().activity} attention={row().attention} unavailable={row().paneId === null || stale(row())} selected={props.selection.selectedKey === key} focused={props.inputActive && !editing() && props.selection.selectedKey === key} hovered={hovered() === key} onOpen={(source) => {
+                    .join(" · ")} width={width()} compact={rowHeight() === 1} interaction={props.interactionForAgent?.(row())} paneName={props.paneName} activity={row().activity} attention={row().attention} unavailable={row().paneId === null || stale(row())} selected={props.selection.selectedKey === key} focused={props.inputActive && !editing() && props.selection.selectedKey === key} hovered={hovered() === key} onOpen={(source) => {
                     if (!props.inputActive || row().paneId === null || stale(row()))
                         return;
                     props.onSelect(key);

package/packages/daemon/dist/tui/mirror/runtime/application-machine-sidebar.jsx

@@ -380,7 +380,7 @@ export function ApplicationMachineSidebar(props) {
                         friendlySessionLabel(agent().sessionName),
                     ]
                         .filter(Boolean)
-                        .join(" · ")} width={Math.max(1, props.width - 1)} activity={agent().activity} attention={agent().attention} unavailable={row.group.state !== "ready" ||
+                        .join(" · ")} width={Math.max(1, props.width - 1)} interaction={props.interactionForAgent?.(agent())} paneName={props.paneName} activity={agent().activity} attention={agent().attention} unavailable={row.group.state !== "ready" ||
                         row.group.agentsAvailable === false ||
                         !!agent().disabled ||
                         !agent().paneId} selected={active(row)} focused={focused() && row.key === selectedKey()} onOpen={(source) => activate(row, source)}/>)}

package/packages/daemon/dist/tui/mirror/runtime/application-shell-home.jsx

@@ -1,10 +1,10 @@
-import { interactionReceiptTargetLabel } from "@tmux-ide/core";
-import { For, Show, createSignal } from "solid-js";
+import { For, Show, createEffect, createSignal } from "solid-js";
 import { clipTerminal, terminalDisplayWidth } from "../terminal-text.js";
 import { SectionHeading } from "../ui/section-heading.jsx";
 import { KeyHint } from "../ui/key-hint.jsx";
 import { CHROME_ACTIONS, HOME_ACTIONS } from "../workspace/application-action-descriptions.js";
-import { DetailRow } from "../ui/detail-row.jsx";
+import { PaneInteraction, PaneInteractionDetails } from "../ui/pane-interaction.jsx";
+import { receiptPaneInteraction, } from "../ui/pane-interaction-presentation.js";
 import { TuiButton } from "../ui/button.jsx";
 import { HomeAgentRoster } from "./application-home-agent-roster.jsx";
 import { APPLICATION_HOME_WORDMARK, APPLICATION_HOME_WORDMARK_WIDTH } from "../ui/home-wordmark.js";
@@ -14,6 +14,7 @@ export function applicationHomeBrandVariant(width, height) {
 }
 /** Presentation only: session data, commands, and keyboard admission stay with the shell. */
 export function ApplicationHomeSurface(props) {
+    const [inspection, setInspection] = createSignal(null);
     const [tipHidden, setTipHidden] = createSignal(false);
     const width = () => Math.max(0, Math.floor(props.width));
     const height = () => Math.max(0, Math.floor(props.height));
@@ -75,14 +76,22 @@ export function ApplicationHomeSurface(props) {
             return [];
         return (props.recentPaneActivity ?? []).filter((receipt) => receipt.workspaceName === selected.sessionName &&
             receipt.target.kind === "pane" &&
-            receipt.target.semanticPaneId === selected.paneId);
+            (receipt.target.semanticPaneId === selected.paneId ||
+                (receipt.phase === "observed" && receipt.sourceSemanticPaneId === selected.paneId)));
     };
     const recentActivity = () => selectedActivity().slice(0, spacious()
         ? Math.max(0, Math.min(1, Math.floor((height() - reservedRows() - (props.agentRoster ? 10 : 2) - 2) / activityRows())))
         : 0);
     const activityHeight = () => recentActivity().length > 0 ? recentActivity().length * activityRows() + 2 : 0;
+    createEffect(() => {
+        const value = inspection();
+        if (value && value.key !== `${props.activityDaemonId}:${selectedAgent()?.key}`)
+            setInspection(null);
+    });
     const paneLabel = (paneId) => {
-        const matches = props.agentRoster?.rows.filter((row) => row.paneId === paneId) ?? [];
+        const matches = props.agentRoster?.rows.filter((row) => row.paneId === paneId &&
+            row.daemonInstanceId === props.activityDaemonId &&
+            row.sessionName === selectedAgent()?.sessionName) ?? [];
         return matches.length === 1 ? matches[0].name : paneId;
     };
     const activityTime = (receipt) => {
@@ -91,17 +100,17 @@ export function ApplicationHomeSurface(props) {
             ? `${new Date(at).toISOString().slice(5, 16).replace("T", " ")}Z`
             : "Time unknown";
     };
-    const activityPhase = (receipt) => receipt.phase === "accepted"
-        ? receipt.operationKind === "workspace.pane.read"
-            ? "reading"
-            : "sending"
-        : receipt.phase === "observed"
-            ? receipt.operationKind === "workspace.pane.read"
-                ? "read"
-                : "sent"
-            : receipt.phase === "rejected"
-                ? "failed"
-                : "timed out";
+    const inspect = (event) => {
+        const names = new Map();
+        for (const id of [event.sourcePaneId, event.destinationPaneId])
+            if (id)
+                names.set(id, paneLabel(id));
+        setInspection({
+            event: { ...event },
+            names,
+            key: `${props.activityDaemonId}:${selectedAgent()?.key}`,
+        });
+    };
     const rosterHeight = () => Math.max(0, height() - reservedRows() - activityHeight());
     return (<box id="application-home" width={width()} height={height()} paddingLeft={inset()} paddingRight={inset()} paddingTop={spacious() ? 1 : 0} flexDirection="column" alignItems="flex-start" backgroundColor={props.theme.roles.surfaces.canvas} overflow="hidden">
       <box height={brandRows()} width={bodyWidth()} flexShrink={0} flexDirection="column">
@@ -134,7 +143,19 @@ export function ApplicationHomeSurface(props) {
                 {clipTerminal(summary(), bodyWidth())}
               </text>
             </>}>
-          {(snapshot) => (<HomeAgentRoster fitContent query={props.agentQuery} onQueryChange={props.onAgentQueryChange} filterLabel={props.agentFilterLabel} activityFilter={props.agentActivityFilter} onSetActivityFilter={props.onSetAgentActivityFilter} onCycleMachine={props.onCycleAgentMachine} onToggleAttention={props.onToggleAgentAttention} theme={props.theme} width={bodyWidth()} height={rosterHeight()} snapshot={snapshot()} selection={props.agentSelection ?? { selectedKey: null, scrollOffset: 0 }} inputActive={props.agentInputActive ?? false} onSelect={(key) => props.onSelectAgent?.(key)} onMove={(delta) => props.onMoveAgent?.(delta)} onViewport={(rows) => props.onAgentViewport?.(rows)} onOpen={(row, source) => props.onOpenAgent?.(row, source)} onRetry={props.onRetryAgents} onLoadMore={props.onLoadMoreAgents}/>)}
+          {(snapshot) => (<HomeAgentRoster fitContent query={props.agentQuery} onQueryChange={props.onAgentQueryChange} filterLabel={props.agentFilterLabel} activityFilter={props.agentActivityFilter} onSetActivityFilter={props.onSetAgentActivityFilter} onCycleMachine={props.onCycleAgentMachine} onToggleAttention={props.onToggleAgentAttention} theme={props.theme} width={bodyWidth()} height={rosterHeight()} paneName={paneLabel} interactionForAgent={(row) => {
+                if (!row.paneId || row.daemonInstanceId !== props.activityDaemonId)
+                    return undefined;
+                const matches = props.agentRoster?.rows.filter((other) => other.paneId === row.paneId && other.sessionName === row.sessionName);
+                if (matches?.length !== 1)
+                    return undefined;
+                const event = props.paneInteractions?.get(row.paneId);
+                return event &&
+                    props.recentPaneActivity?.some((receipt) => receipt.operationId === event.operationId &&
+                        receipt.workspaceName === row.sessionName)
+                    ? event
+                    : undefined;
+            }} snapshot={snapshot()} selection={props.agentSelection ?? { selectedKey: null, scrollOffset: 0 }} inputActive={(props.agentInputActive ?? false) && !inspection()} onSelect={(key) => props.onSelectAgent?.(key)} onMove={(delta) => props.onMoveAgent?.(delta)} onViewport={(rows) => props.onAgentViewport?.(rows)} onOpen={(row, source) => props.onOpenAgent?.(row, source)} onRetry={props.onRetryAgents} onLoadMore={props.onLoadMoreAgents}/>)}
         </Show>
         <Show when={activityHeight() > 0}>
           <box width={bodyWidth()} height={activityHeight()} flexShrink={0} flexDirection="column" overflow="hidden">
@@ -142,7 +163,16 @@ export function ApplicationHomeSurface(props) {
               {clipTerminal(`${selectedAgent()?.name ?? "Agent"} · latest activity`, bodyWidth())}
             </text>
             <For each={recentActivity()}>
-              {(receipt) => (<DetailRow theme={props.theme} width={bodyWidth()} label={interactionReceiptTargetLabel(receipt, paneLabel)} detail={activityPhase(receipt)} description={activityRows() === 2 ? activityTime(receipt) : undefined} attention={receipt.phase === "rejected" || receipt.phase === "timed-out"}/>)}
+              {(receipt) => (<box height={activityRows()} width={bodyWidth()} flexDirection="column">
+                  <Show when={receiptPaneInteraction(receipt, selectedAgent()?.paneId)} keyed>
+                    {(event) => (<PaneInteraction theme={props.theme} event={event} paneName={paneLabel} width={bodyWidth()} onDetails={() => inspect(event)}/>)}
+                  </Show>
+                  <Show when={activityRows() === 2}>
+                    <text height={1} fg={props.theme.roles.text.muted}>
+                      {activityTime(receipt)}
+                    </text>
+                  </Show>
+                </box>)}
             </For>
             <text height={1} width={bodyWidth()} fg={props.theme.roles.text.muted}>
               {clipTerminal("Activity reported through tmux-ide", bodyWidth())}
@@ -179,5 +209,10 @@ export function ApplicationHomeSurface(props) {
             {clipTerminal(note(), bodyWidth())}
           </text>)}
       </Show>
+      <Show when={inspection()} keyed>
+        {(value) => (<Show when={value.key === `${props.activityDaemonId}:${selectedAgent()?.key}`}>
+            <PaneInteractionDetails theme={props.theme} event={value.event} paneName={(id) => value.names.get(id)} width={bodyWidth()} viewportWidth={props.width} viewportHeight={props.height} onDismiss={() => setInspection(null)}/>
+          </Show>)}
+      </Show>
     </box>);
 }

package/packages/daemon/dist/tui/mirror/runtime/application-terminal-workspace.jsx

@@ -1,3 +1,4 @@
+import { PaneInteractionDetails } from "../ui/pane-interaction.jsx";
 import { Menu } from "../ui/index.js";
 import { windowLinkTarget } from "./application-terminal-workspace-policy.js";
 /* @jsxImportSource @opentui/solid */
@@ -252,6 +253,27 @@ export function ApplicationTerminalWorkspace(props) {
         },
     });
     const paneContextMenu = paneMenu.state;
+    const [interactionDetails, setInteractionDetails] = createSignal(null);
+    const paneName = (id) => props.agentIndicators?.().get(id)?.name ?? id;
+    const inspectInteraction = (paneId) => {
+        const event = props.paneInteractions?.().get(paneId);
+        if (!event)
+            return;
+        paneMenu.dismiss();
+        const names = new Map();
+        for (const id of [event.sourcePaneId, event.destinationPaneId])
+            if (id)
+                names.set(id, paneName(id));
+        setInteractionDetails({ event: { ...event }, names, paneId, epoch: props.rendererEpoch });
+    };
+    createEffect(() => {
+        const details = interactionDetails();
+        if (details &&
+            (details.epoch !== props.rendererEpoch ||
+                props.interactive === false ||
+                !projectedFrames().some((frame) => frame.visible && frame.paneId === details.paneId)))
+            setInteractionDetails(null);
+    });
     let selecting = null;
     let linkPointer = false;
     let liveReturnPointer = false;
@@ -605,6 +627,11 @@ export function ApplicationTerminalWorkspace(props) {
     const handlePaneMenuKey = (name, event) => {
         if (props.interactive === false)
             return false;
+        if (interactionDetails()) {
+            if (name === "escape" && event?.eventType !== "release")
+                setInteractionDetails(null);
+            return true;
+        }
         if (windowLinkMenu()) {
             if (event?.eventType === "release")
                 return true;
@@ -769,6 +796,7 @@ export function ApplicationTerminalWorkspace(props) {
     }, () => props.interactive !== false &&
         (drag !== null ||
             windowLinkMenu() !== null ||
+            interactionDetails() !== null ||
             paneMenu.ownsInput() ||
             keyboardCopy() !== null), () => {
         // Called only after global shortcuts, copy, and local navigation decline
@@ -789,7 +817,7 @@ export function ApplicationTerminalWorkspace(props) {
     const routePointer = (event) => {
         if (event.type === "down")
             wheelGesture.reset();
-        if (windowLinkMenu() || paneMenu.ownsInput()) {
+        if (interactionDetails() || windowLinkMenu() || paneMenu.ownsInput()) {
             event.stopPropagation?.();
             return;
         }
@@ -1284,7 +1312,7 @@ export function ApplicationTerminalWorkspace(props) {
                 ].join(":");
             });
             return (<box position="absolute" left={frame().left} top={frame().top + topOffset()} width={frame().width} height={frame().height} visible={frame().visible} backgroundColor={props.theme.roles.surfaces.canvas} onMouse={routePointer}>
-              <PaneTitleBar theme={props.theme} paneId={frame().paneId} title={`${frame().compactPosition ? `Compact ${frame().compactPosition} · Ctrl+O: next · ` : ""}${displayTitle()}${scrollback.offset(frame().paneId) > 0 ? ` ↑${scrollback.offset(frame().paneId)} · Esc: live` : ""}`} zoomed={layout().windows.some((window) => window.zoomed && window.panes.some((pane) => pane.pane === frame().paneId))} onRestoreIntent={() => props.onPaneContextAction?.(frame().paneId, "zoom-pane", displayTitle())} width={frame().width} selected={props.focusedPane === frame().paneId} terminalFocused={terminalSurfaceFocused(frame())} keyboardFocused={props.focusedPane === frame().paneId} menuOpen={paneContextMenu()?.paneId === frame().paneId} interaction={props.paneInteractions?.().get(frame().paneId)} activity={indicator()?.activity} attention={indicator()?.attention} menuAnchor={{
+              <PaneTitleBar theme={props.theme} paneId={frame().paneId} title={`${frame().compactPosition ? `Compact ${frame().compactPosition} · Ctrl+O: next · ` : ""}${displayTitle()}`} connectionStatus={props.connectionStatus} scrollback={scrollback.offset(frame().paneId) > 0} linesAboveLive={scrollback.offset(frame().paneId)} onBackToLiveIntent={() => scrollback.live(frame().paneId)} zoomed={layout().windows.some((window) => window.zoomed && window.panes.some((pane) => pane.pane === frame().paneId))} onRestoreIntent={() => props.onPaneContextAction?.(frame().paneId, "zoom-pane", displayTitle())} width={frame().width} selected={props.focusedPane === frame().paneId} terminalFocused={terminalSurfaceFocused(frame())} keyboardFocused={props.focusedPane === frame().paneId} menuOpen={paneContextMenu()?.paneId === frame().paneId} interaction={props.paneInteractions?.().get(frame().paneId)} paneName={paneName} onInteractionDetails={() => inspectInteraction(frame().paneId)} activity={indicator()?.activity} attention={indicator()?.attention} menuAnchor={{
                     x: (props.originX ?? 0) + frame().left + Math.max(0, frame().width - 1),
                     y: (props.originY ?? 0) + frame().top + topOffset(),
                 }} onSelectIntent={() => props.onSelectPane(frame().paneId)} onMenuIntent={(anchor) => openPaneContextMenu(frame().paneId, anchor)}/>
@@ -1325,6 +1353,9 @@ export function ApplicationTerminalWorkspace(props) {
       <Show when={windowLinkMenu()}>
         <Menu theme={props.theme} viewportOrigin={{ x: props.originX ?? 0, y: props.originY ?? 0 }} title="Window link" left={0} top={1} width={Math.min(36, props.width)} viewportWidth={props.width} viewportHeight={props.height} selectedId="unlink" items={[{ id: "unlink", label: "Unlink this tab", shortcut: "U" }]} footer="Other links keep their panes" onDismiss={() => setWindowLinkMenu(null)} onSelect={unlinkWindowTab}/>
       </Show>
+      <Show when={interactionDetails()} keyed>
+        {(details) => (<PaneInteractionDetails theme={props.theme} event={details.event} paneName={(id) => details.names.get(id)} width={props.width} viewportWidth={props.width} viewportHeight={props.height} viewportOrigin={{ x: props.originX ?? 0, y: props.originY ?? 0 }} onDismiss={() => setInteractionDetails(null)}/>)}
+      </Show>
       <Show when={paneContextMenu()}>
         {(menu) => (<PaneActionMenu theme={props.theme} left={menu().left} top={menu().top} width={paneContextMenuWidth()} viewportWidth={props.width} viewportHeight={props.height + topOffset()} viewportOrigin={{ x: props.originX ?? 0, y: props.originY ?? 0 }} paneTitle={menu().displayName} active onDismiss={paneMenu.dismiss} selectedId={menu().selectedId} closeArmed={menu().closeArmed} onHighlight={paneMenu.highlight} onActionIntent={paneMenu.activate}/>)}
       </Show>

package/packages/daemon/dist/tui/mirror/ui/agent-row.jsx

@@ -1,14 +1,27 @@
+import { createPaneInteractionMarker } from "./pane-interaction.jsx";
+import { paneInteractionPresentation, } from "./pane-interaction-presentation.js";
 import { Show } from "solid-js";
 import { clipTerminal } from "../terminal-text.js";
 import { NavigationRow } from "./navigation-row.jsx";
 import { createAgentStatusMarker } from "./agent-status-marker.js";
+import { statusPresentation } from "./status-presentation.js";
 import { componentPalette } from "./state.js";
 /** One agent identity and one state marker, shared by Home and fleet navigation. */
 export function AgentRow(props) {
+    const status = () => statusPresentation(props);
+    const receipt = () => !props.unavailable &&
+        props.activity !== "disconnected" &&
+        !props.attention &&
+        props.activity !== "waiting" &&
+        props.activity !== "failed" &&
+        props.interaction
+        ? paneInteractionPresentation(props.interaction, props.paneName)
+        : undefined;
+    const receiptMarker = createPaneInteractionMarker(() => (receipt() ? props.interaction : undefined), () => props.theme);
     const marker = createAgentStatusMarker({
         theme: () => props.theme,
-        status: () => props.activity,
-        attention: () => !!props.attention,
+        status: () => (receipt() ? undefined : status()?.activity),
+        attention: () => status()?.activity === "waiting",
         unavailable: () => !!props.unavailable,
     });
     const palette = () => componentPalette(props.theme, {
@@ -20,7 +33,6 @@ export function AgentRow(props) {
     const background = () => palette().state === "base" && props.surface === "canvas"
         ? props.theme.roles.surfaces.canvas
         : palette().background;
-    const exceptional = () => props.unavailable ? "unavailable" : props.activity === "disconnected" ? "unknown" : undefined;
     return (<box width={props.width} height={props.compact ? 1 : 2} flexShrink={0} flexDirection="column" backgroundColor={background()} onMouseDown={(event) => {
             if (event.button !== 0 || props.unavailable)
                 return;
@@ -28,9 +40,17 @@ export function AgentRow(props) {
             event.stopPropagation();
             props.onOpen("mouse");
         }}>
-      <NavigationRow surface={props.surface} theme={props.theme} id={props.id} width={props.width} label={props.name} marker={props.activity === "idle" && !props.attention && !props.unavailable ? " " : marker()} detail={exceptional()} selected={props.selected} focused={props.focused} hovered={props.hovered} disabled={props.unavailable} tone={props.attention || props.activity === "waiting" || props.activity === "failed"
-            ? "warning"
-            : "neutral"} onActivate={props.onOpen}/>
+      <NavigationRow surface={props.surface} theme={props.theme} id={props.id} width={props.width} label={props.name} marker={receipt()
+            ? receiptMarker()
+            : props.activity === "idle" && !props.attention && !props.unavailable
+                ? " "
+                : marker()} detail={props.width < 24
+            ? undefined
+            : receipt()
+                ? clipTerminal(receipt().compactLabel, Math.max(0, props.width - 14))
+                : status()?.label === "Idle"
+                    ? undefined
+                    : status()?.label} selected={props.selected} focused={props.focused} hovered={props.hovered} disabled={props.unavailable} tone={status()?.tone === "blocked" ? "warning" : "neutral"} onActivate={props.onOpen}/>
       <Show when={!props.compact}>
         <text height={1} width={props.width} fg={props.selected ? palette().foreground : props.theme.roles.text.muted}>
           {clipTerminal(`  ${props.context}`, props.width)}

package/packages/daemon/dist/tui/mirror/ui/pane-interaction-presentation.js

@@ -0,0 +1,72 @@
+export function receiptPaneInteraction(receipt, viewingPaneId) {
+    if (receipt.target.kind !== "pane" ||
+        !["workspace.pane.read", "workspace.pane.send"].includes(receipt.operationKind))
+        return null;
+    return {
+        direction: viewingPaneId &&
+            receipt.sourceSemanticPaneId === viewingPaneId &&
+            receipt.target.semanticPaneId !== viewingPaneId
+            ? "outgoing"
+            : "incoming",
+        operationId: receipt.operationId,
+        operationKind: receipt.operationKind,
+        phase: receipt.phase,
+        origin: receipt.origin,
+        sourcePaneId: receipt.sourceSemanticPaneId,
+        destinationPaneId: receipt.target.semanticPaneId,
+        at: receipt.at,
+    };
+}
+export function paneInteractionPresentation(event, name = () => undefined) {
+    const read = event.operationKind === "workspace.pane.read";
+    // An accepted request is not an authenticated actor or proof of delivery.
+    const source = event.phase === "observed" && event.sourcePaneId ? name(event.sourcePaneId) : undefined;
+    const target = name(event.destinationPaneId) ?? "Pane";
+    const pending = event.phase === "accepted";
+    const failed = event.phase === "rejected" || event.phase === "timed-out";
+    const label = failed
+        ? `${read ? "Read" : "Send"} ${event.phase === "timed-out" ? "timed out" : "failed"}`
+        : pending
+            ? read
+                ? "Read requested"
+                : "Input pending"
+            : event.direction === "outgoing"
+                ? read
+                    ? `Read ${target}`
+                    : `Input sent to ${target}`
+                : read
+                    ? source
+                        ? `Read by ${source}`
+                        : "Pane read · reader unknown"
+                    : source
+                        ? `Input from ${source}`
+                        : "Input observed · sender unknown";
+    return {
+        label,
+        compactLabel: !pending && !failed && !source && event.direction !== "outgoing"
+            ? read
+                ? "Pane read"
+                : "Input observed"
+            : label,
+        source: source ?? (pending ? "Not yet verified" : "Unknown"),
+        target,
+        pending,
+        failed,
+        explanation: failed
+            ? "The operation did not complete successfully."
+            : pending
+                ? "Request accepted. Completion and source attribution are not yet confirmed."
+                : read
+                    ? "Pane output was read. This does not prove comprehension or change your focus."
+                    : "Input delivery was observed. This does not mean the application processed it.",
+        phase: pending
+            ? "Requested"
+            : failed
+                ? event.phase === "timed-out"
+                    ? "Timed out"
+                    : "Failed"
+                : read
+                    ? "Read completed"
+                    : "Input delivered",
+    };
+}

package/packages/daemon/dist/tui/mirror/ui/pane-interaction.jsx

@@ -0,0 +1,76 @@
+/* @jsxImportSource @opentui/solid */
+import { createEffect, createSignal, onCleanup, Show } from "solid-js";
+import { INTERACTION_PRESENCE_MS } from "@tmux-ide/core";
+import { Badge } from "./badge.jsx";
+import { TuiButton } from "./button.jsx";
+import { createAgentStatusMarker } from "./agent-status-marker.js";
+import { OverlayFrame } from "./overlay-frame.jsx";
+import { useKeyboardRoute, usePasteRoute } from "./keyboard-router.jsx";
+import { paneInteractionPresentation, } from "./pane-interaction-presentation.js";
+export function createPaneInteractionMarker(event, theme) {
+    const [animate, setAnimate] = createSignal(false);
+    createEffect(() => {
+        const currentEvent = event();
+        setAnimate(false);
+        if (!currentEvent || currentEvent.phase !== "accepted" || theme().accessibility.reducedMotion)
+            return;
+        const age = Date.now() - Date.parse(currentEvent.at);
+        if (!Number.isFinite(age) || age < 0 || age >= INTERACTION_PRESENCE_MS)
+            return;
+        // Fast operations never acquire the spinner; old history never looks live.
+        const start = setTimeout(() => setAnimate(true), Math.max(0, 150 - age));
+        const end = setTimeout(() => setAnimate(false), INTERACTION_PRESENCE_MS - age);
+        onCleanup(() => {
+            clearTimeout(start);
+            clearTimeout(end);
+        });
+    });
+    const marker = createAgentStatusMarker({
+        theme: () => theme(),
+        status: () => (animate() ? "running" : undefined),
+    });
+    return () => {
+        const current = event();
+        if (!current)
+            return "";
+        const value = paneInteractionPresentation(current);
+        return value.failed ? "!" : value.pending ? (animate() ? marker() : "↳") : "✓";
+    };
+}
+/** The same receipt vocabulary and shared animation clock in chrome and Home. */
+export function PaneInteraction(props) {
+    const value = () => paneInteractionPresentation(props.event, props.paneName);
+    const marker = createPaneInteractionMarker(() => props.event, () => props.theme);
+    const detailsWidth = () => (props.onDetails && props.width >= 32 ? 9 : 0);
+    return (<box width={props.width} height={1} flexShrink={0} flexDirection="row">
+      <Badge theme={props.theme} width={Math.max(1, props.width - detailsWidth())} label={value().label} marker={marker()} tone={value().failed ? "warning" : value().pending ? "accent" : "done"}/>
+      <Show when={detailsWidth()}>
+        <TuiButton theme={props.theme} label="Details" size="compact" width={9} onPress={props.onDetails}/>
+      </Show>
+    </box>);
+}
+export function PaneInteractionDetails(props) {
+    const value = () => paneInteractionPresentation(props.event, props.paneName);
+    useKeyboardRoute((event) => {
+        if (event.eventType === "press" && event.name === "escape")
+            props.onDismiss();
+        return true;
+    });
+    usePasteRoute(() => true);
+    return (<OverlayFrame theme={props.theme} viewportWidth={props.viewportWidth} viewportHeight={props.viewportHeight} viewportOrigin={props.viewportOrigin} width={68} height={19} title="Pane interaction" surface modal onDismiss={props.onDismiss}>
+      <scrollbox flexGrow={1}>
+        <box flexDirection="column" gap={1}>
+          <text fg={props.theme.roles.text.primary}>
+            <strong>{value().phase}</strong>
+          </text>
+          <text fg={props.theme.roles.text.secondary}>{value().explanation}</text>
+          <text fg={props.theme.roles.text.muted}>From</text>
+          <text fg={props.theme.roles.text.primary}>{value().source}</text>
+          <text fg={props.theme.roles.text.muted}>To</text>
+          <text fg={props.theme.roles.text.primary}>{value().target}</text>
+          <text fg={props.theme.roles.text.secondary}>{props.event.at}</text>
+          <TuiButton theme={props.theme} label="Close" shortcut="Esc" onPress={props.onDismiss}/>
+        </box>
+      </scrollbox>
+    </OverlayFrame>);
+}

package/packages/daemon/dist/tui/mirror/ui/pane-mode-control.jsx

@@ -0,0 +1,23 @@
+/* @jsxImportSource @opentui/solid */
+import { Show } from "solid-js";
+import { clipTerminal, terminalDisplayWidth } from "../terminal-text.js";
+import { TuiButton } from "./button.jsx";
+/** Fixed-budget mode description and an explicit action, never terminal geometry. */
+export function PaneModeControl(props) {
+    const action = () => (props.scrollback ? "Back to live" : "Restore");
+    const actionWidth = () => Math.min(props.width, terminalDisplayWidth(action()) + 2);
+    const labelWidth = () => Math.max(0, props.width - actionWidth());
+    const label = () => props.scrollback
+        ? props.linesAboveLive && labelWidth() >= 28
+            ? ` ↑ Scrollback · ${props.linesAboveLive} lines up `
+            : " Scrollback "
+        : " Expanded ";
+    return (<box width={props.width} height={1} flexShrink={0} flexDirection="row" backgroundColor={props.theme.roles.surfaces.panel}>
+      <Show when={labelWidth() > 0}>
+        <text width={labelWidth()} fg={props.theme.roles.text.secondary}>
+          {clipTerminal(label(), labelWidth())}
+        </text>
+      </Show>
+      <TuiButton theme={props.theme} label={action()} size="compact" width={actionWidth()} onPress={() => (props.scrollback ? props.onBackToLive?.() : props.onRestore?.())}/>
+    </box>);
+}

package/packages/daemon/dist/tui/mirror/ui/status-presentation.js

@@ -0,0 +1,41 @@
+/** Availability > input capability > urgent activity > local mode > routine activity. No output inference. */
+export function statusPresentation(facts) {
+    if (facts.unavailable)
+        return { label: "Unavailable", tone: "unknown" };
+    if (facts.connection && !["live", "read-only"].includes(facts.connection)) {
+        return {
+            label: facts.connection === "connecting"
+                ? "Connecting…"
+                : facts.connection === "recovering" ||
+                    facts.connection === "reconnecting" ||
+                    facts.connection === "rebinding"
+                    ? "Reconnecting…"
+                    : facts.connection === "unavailable" || facts.connection === "disposed"
+                        ? "Unavailable"
+                        : "Disconnected",
+            tone: "unknown",
+        };
+    }
+    if (facts.activity === "disconnected")
+        return { label: "Unknown", tone: "unknown" };
+    if (facts.connection === "read-only")
+        return { label: "Read-only", tone: "unknown" };
+    if (facts.activity === "failed")
+        return { label: "Failed", tone: "blocked", activity: "failed" };
+    if (facts.attention || facts.activity === "waiting")
+        return { label: "Needs input", tone: "blocked", activity: "waiting" };
+    if (facts.scrollback)
+        return { label: "Scrollback", tone: "idle", action: "back-to-live" };
+    if (facts.expanded)
+        return { label: "Expanded", tone: "idle", action: "restore" };
+    switch (facts.activity) {
+        case "running":
+            return { label: "Working", tone: "working", activity: "running" };
+        case "complete":
+            return { label: "Done", tone: "done", activity: "complete" };
+        case "idle":
+            return { label: "Idle", tone: "idle", activity: "idle" };
+        default:
+            return undefined;
+    }
+}