pi-umbra 0.2.0 → 0.3.0

package/node_modules/pi-umbra-theme/extensions/umbra-image-viewer.ts

@@ -0,0 +1,230 @@
+// umbra-image-viewer: a full-screen viewer for an image under a tool card. The wheel zooms toward
+// the pointer and a drag pans, the way a map does.
+//
+// Kitty only. Its graphics protocol crops (x,y,w,h) and scales (c,r) on the terminal side, so a
+// zoom step never decodes or re-encodes the image. The image goes out once through pi's own kitty
+// cache, keyed by its id; every later frame is a placement with new crop controls.
+//
+// The click that opens it belongs to umbra-toolbox, which already owns pi's fullscreen mouse input
+// and knows which card a row belongs to. The two meet on globalThis.__umbraImageViewer rather than
+// an import, so either one loads, updates or goes away without the other.
+import {
+	allocateImageId,
+	deleteKittyImage,
+	getCapabilities,
+	getCellDimensions,
+	matchesKey,
+	renderImage,
+	truncateToWidth,
+} from "@earendil-works/pi-tui";
+
+/** Highest zoom, in screen pixels per image pixel. Past this a pixel is a block. */
+const MAX_PIXEL_SCALE = 8;
+const WHEEL_STEP = 1.2;
+const KEY_STEP = 1.5;
+
+/** One axis of the view: the source pixels shown, and where on screen they land. */
+export type Axis = { srcStart: number; srcSpan: number; dispStart: number; dispSpan: number; center: number };
+
+/** Centred when the image fits the view on this axis, clamped to its edges when it does not. */
+export const axis = (imagePx: number, viewPx: number, scale: number, center: number): Axis => {
+	const span = viewPx / scale;
+	if (span >= imagePx) {
+		const dispSpan = imagePx * scale;
+		return { srcStart: 0, srcSpan: imagePx, dispStart: (viewPx - dispSpan) / 2, dispSpan, center: imagePx / 2 };
+	}
+	const clamped = Math.min(Math.max(center, span / 2), imagePx - span / 2);
+	return { srcStart: clamped - span / 2, srcSpan: span, dispStart: 0, dispSpan: viewPx, center: clamped };
+};
+
+/** The centre that keeps the image point under `at` in place while the scale goes `from` → `to`. */
+export const zoomCenter = (current: Axis, viewPx: number, at: number, from: number, to: number): number => {
+	const point = current.srcStart + (at - current.dispStart) / from;
+	return point - (at - viewPx / 2) / to;
+};
+
+const imageIdOf = (line: string): number | undefined => {
+	const found = /\x1b_G(?:[^;]*,)?i=(\d+)[,;]/.exec(line);
+	return found ? Number(found[1]) : undefined;
+};
+
+class ImageViewer {
+	private zoom = 1;
+	private cx: number;
+	private cy: number;
+	private drag?: { x: number; y: number; cx: number; cy: number };
+	private head: string[];
+	private tail: string;
+
+	constructor(
+		private readonly tui: any,
+		private readonly widthPx: number,
+		private readonly heightPx: number,
+		sequence: string,
+		private readonly close: () => void,
+	) {
+		this.cx = widthPx / 2;
+		this.cy = heightPx / 2;
+		// The transmission renderImage built, minus its size: every frame puts its own crop and
+		// cell size in front of the same payload.
+		const first = /^\x1b_G([^;]*);/.exec(sequence)!;
+		this.head = first[1]!.split(",").filter((control) => !/^[cr]=/.test(control));
+		this.tail = sequence.slice(first[0].length);
+	}
+
+	private geometry() {
+		const cell = getCellDimensions();
+		const cols = Math.max(1, Number(this.tui.terminal?.columns) || 80);
+		const rows = Math.max(1, (Number(this.tui.terminal?.rows) || 24) - 1);
+		const viewW = cols * cell.widthPx;
+		const viewH = rows * cell.heightPx;
+		// Fit only shrinks. Stretching a screenshot a few percent to fill the window blurs every
+		// pixel and shows nothing more; the wheel is there for a closer look.
+		const fit = Math.min(viewW / this.widthPx, viewH / this.heightPx, 1);
+		const scale = fit * this.zoom;
+		return {
+			cell,
+			cols,
+			rows,
+			viewW,
+			viewH,
+			fit,
+			scale,
+			x: axis(this.widthPx, viewW, scale, this.cx),
+			y: axis(this.heightPx, viewH, scale, this.cy),
+		};
+	}
+
+	private zoomAt(px: number, py: number, factor: number): void {
+		const g = this.geometry();
+		const maxZoom = Math.max(1, MAX_PIXEL_SCALE / g.fit);
+		this.zoom = Math.min(Math.max(this.zoom * factor, 1), maxZoom);
+		const next = g.fit * this.zoom;
+		this.cx = zoomCenter(g.x, g.viewW, px, g.scale, next);
+		this.cy = zoomCenter(g.y, g.viewH, py, g.scale, next);
+		this.tui.requestRender();
+	}
+
+	private pan(dx: number, dy: number): void {
+		const g = this.geometry();
+		this.cx = g.x.center + dx / g.scale;
+		this.cy = g.y.center + dy / g.scale;
+		this.tui.requestRender();
+	}
+
+	render(width: number): string[] {
+		const { cell, cols, rows, scale, x, y } = this.geometry();
+		this.cx = x.center;
+		this.cy = y.center;
+		const col = Math.floor(x.dispStart / cell.widthPx);
+		const row = Math.floor(y.dispStart / cell.heightPx);
+		const srcX = Math.round(x.srcStart);
+		const srcY = Math.round(y.srcStart);
+		const controls = [
+			`x=${srcX}`,
+			`y=${srcY}`,
+			`w=${Math.max(1, Math.min(this.widthPx - srcX, Math.round(x.srcSpan)))}`,
+			`h=${Math.max(1, Math.min(this.heightPx - srcY, Math.round(y.srcSpan)))}`,
+			`c=${Math.max(1, Math.min(cols - col, Math.round(x.dispSpan / cell.widthPx)))}`,
+			`r=${Math.max(1, Math.min(rows - row, Math.round(y.dispSpan / cell.heightPx)))}`,
+			`X=${Math.floor(x.dispStart - col * cell.widthPx)}`,
+			`Y=${Math.floor(y.dispStart - row * cell.heightPx)}`,
+		];
+		const lines = Array.from({ length: rows }, () => "");
+		lines[row] = " ".repeat(col) + `\x1b_G${[...this.head, ...controls].join(",")};${this.tail}`;
+		const status = `  ${Math.round(scale * 100)}%  ·  wheel zoom  ·  drag move  ·  double-click zoom in  ·  0 fit  ·  esc close`;
+		lines.push(`\x1b[2m${truncateToWidth(status, width)}\x1b[22m`);
+		return lines;
+	}
+
+	handleMouse(event: any): { handled?: boolean; capture?: boolean } {
+		const cell = getCellDimensions();
+		const px = event.screenX * cell.widthPx + cell.widthPx / 2;
+		const py = event.screenY * cell.heightPx + cell.heightPx / 2;
+		if (event.type === "wheel") {
+			// Only the sign: a touchpad sends many small steps, a wheel a few large ones.
+			if (event.wheelDelta) this.zoomAt(px, py, event.wheelDelta < 0 ? WHEEL_STEP : 1 / WHEEL_STEP);
+			return { handled: true };
+		}
+		if (event.type === "press" && event.button === "left") {
+			this.drag = { x: event.screenX, y: event.screenY, cx: this.cx, cy: this.cy };
+			return { capture: true };
+		}
+		if (event.type === "drag" && this.drag) {
+			const { scale } = this.geometry();
+			this.cx = this.drag.cx - ((event.screenX - this.drag.x) * cell.widthPx) / scale;
+			this.cy = this.drag.cy - ((event.screenY - this.drag.y) * cell.heightPx) / scale;
+			this.tui.requestRender();
+			return { handled: true };
+		}
+		if (event.type === "release") this.drag = undefined;
+		if (event.type === "click" && event.clickCount === 2) this.zoomAt(px, py, 2);
+		return { handled: true };
+	}
+
+	handleInput(data: string): void {
+		const g = this.geometry();
+		if (matchesKey(data, "escape") || data === "q") return this.close();
+		if (data === "+" || data === "=") return this.zoomAt(g.viewW / 2, g.viewH / 2, KEY_STEP);
+		if (data === "-") return this.zoomAt(g.viewW / 2, g.viewH / 2, 1 / KEY_STEP);
+		if (data === "0") {
+			this.zoom = 1;
+			return this.tui.requestRender();
+		}
+		const step = 8;
+		if (matchesKey(data, "left")) return this.pan(-g.viewW / step, 0);
+		if (matchesKey(data, "right")) return this.pan(g.viewW / step, 0);
+		if (matchesKey(data, "up")) return this.pan(0, -g.viewH / step);
+		if (matchesKey(data, "down")) return this.pan(0, g.viewH / step);
+	}
+
+	invalidate(): void {}
+}
+
+/**
+ * Opens the viewer when `row` of `tool` (a ToolExecutionComponent rendered at `width`) falls on
+ * one of its images. False when it does not, or when the terminal is not kitty.
+ */
+export function openToolImageAt(tui: any, tool: any, row: number, width: number): boolean {
+	if (getCapabilities().images !== "kitty" || typeof tui?.showOverlay !== "function") return false;
+	const images: any[] = tool.imageComponents ?? [];
+	if (images.length === 0) return false;
+	const lines: string[] = tool.render(width);
+	for (const image of images) {
+		const id = image.getImageId?.();
+		if (id === undefined) continue;
+		const start = lines.findIndex((line) => imageIdOf(line) === id);
+		if (start === -1 || row < start || row >= start + image.render(width).length) continue;
+		open(tui, image.base64Data, image.dimensions);
+		return true;
+	}
+	return false;
+}
+
+function open(tui: any, data: string, size: { widthPx: number; heightPx: number }): void {
+	const id = allocateImageId();
+	// Registers the id with pi's kitty cache, so only the first frame carries the payload.
+	const sequence = renderImage(data, size, { maxWidthCells: 1, maxHeightCells: 1, imageId: id, moveCursor: false })!.sequence;
+	// pi hands extensions a Proxy of the TUI that forwards `set` but not `delete`, so the override
+	// is undone by assigning the old method back, never by deleting it.
+	const ownComposite = tui.compositeOverlays;
+	const close = () => {
+		handle.hide();
+		tui.compositeOverlays = ownComposite;
+		tui.terminal?.write?.(deleteKittyImage(id));
+		tui.requestRender();
+	};
+	const viewer = new ImageViewer(tui, size.widthPx, size.heightPx, sequence, close);
+	// pi keeps a base line that holds an image instead of drawing an overlay over it, and the
+	// viewer covers the whole screen. So the overlays are laid out over a blank screen, which
+	// keeps their bounds and mouse routing right, and the frame is the viewer's own lines.
+	tui.compositeOverlays = function (this: any, screen: string[], width: number, height: number) {
+		ownComposite.call(this, screen.map(() => ""), width, height);
+		return viewer.render(width);
+	};
+	const handle = tui.showOverlay(viewer, { width: "100%", maxHeight: "100%", anchor: "top-left" });
+}
+
+export default function () {
+	(globalThis as { __umbraImageViewer?: unknown }).__umbraImageViewer = { openToolImageAt };
+}

package/node_modules/pi-umbra-theme/extensions/umbra-toolbox/renderer/compact-mode.ts

@@ -9,7 +9,7 @@
  * 底部 Agents/Tasks 面板由 pi-subagents/pi-tasks 独立 widget 负责，不经 tool 卡外置。
  *
  * 工具计数：read 按非空路径去重、其余按调用计数（首次出现顺序）；edit/write 不进摘要。
- * 时长 = 回合流逝挂钟；进行中 Running...，结束 Ran for。
+ * 时长 = 回合流逝挂钟；进行中 Running…，结束 Ran for。
  * abort/error/length 状态行挂在摘要外层，避免被折叠吞掉。
  * 最终 agent 回合摘要由 feature/agent-summary 独占（bash/read/edit/write/other）。
  *
@@ -209,7 +209,7 @@ function buildMessagesSummary(
 
 	runningActive = runningActiveOverride ?? runningActive;
 	if (runningActive) {
-		parts.push(durationMs > 0 ? `Running... · ${formatThoughtDuration(durationMs)}` : "Running...");
+		parts.push(durationMs > 0 ? `Running… · ${formatThoughtDuration(durationMs)}` : "Running…");
 	} else if (durationMs > 0) parts.push(`Ran for ${formatThoughtDuration(durationMs)}`);
 	for (const [name, count] of counts) parts.push(`${name}×${count}`);
 	return parts.join(", ");
@@ -823,7 +823,7 @@ function compactAssistantLineComponent(
 			const hintText = hint ? ` • ${showMoreHintText()}` : "";
 			const summaryWidth = Math.max(0, available - visibleWidth(hintText));
 			const resolved = typeof summary === "function" ? summary() : summary;
-			const runningActive = resolved.startsWith("Running...");
+			const runningActive = resolved.startsWith("Running…");
 			const hover = hoveredAssistantComponent === component;
 			const frame = runningActive ? (query?.getThinkingAnimationFrame?.() ?? 0) : 0;
 			const leadingBlank = options.leadingBlank !== false;

package/node_modules/pi-umbra-theme/extensions/umbra-toolbox/renderer/mouse/hover.ts

@@ -9,7 +9,6 @@ import {
 } from "../tool/result.ts";
 import type { ToolGroupComponent } from "../tool/grouping.ts";
 import { componentAtLocalRow, type ComponentRowHit } from "./layout.ts";
-import { setScrollButtonHovered } from "./scroll.ts";
 
 type SharedToolHoverState = { toolCallId: string | null };
 
@@ -112,7 +111,6 @@ export function cachedFullscreenComponentAtRow(
 
 /** fullscreen 鼠标悬停目标。 */
 export type FullscreenHoverTarget =
-	| { kind: "button" }
 	| { kind: "group"; component: ToolGroupComponent }
 	| { kind: "thinking"; component: ThinkingPreviewBlock }
 	| { kind: "message"; component: any }
@@ -146,7 +144,5 @@ export function applyFullscreenHover(tui: any, target: FullscreenHoverTarget | n
 	const nextView = target?.kind === "tool" ? target.view : null;
 	const nextSection = target?.kind === "tool" ? target.section : null;
 	if (setHoveredToolIo(nextView, nextSection)) changed = true;
-	const nextButton = target?.kind === "button";
-	if (setScrollButtonHovered(nextButton)) changed = true;
 	if (changed) tui.requestRender?.();
 }

package/node_modules/pi-umbra-theme/extensions/umbra-toolbox/renderer/mouse/interaction.ts

@@ -48,22 +48,10 @@ import {
 } from "./layout.ts";
 import {
 	fullscreenLazyTui,
-	hideScrollButton,
 	restoreOfficialScrollToEnd,
-	syncOfficialScrollToEnd,
-	isScrollBottomInput,
-	renderScrollButton,
-	resetScrollButtonState,
-	scheduleScrollButtonSync,
-	setScrollButtonHovered,
-	setScrollButtonVisible,
-	setScrollButtonWidget,
 	setToolMouseTui,
-	getScrollButtonVisible,
-	getScrollButtonWidget,
 	getToolMouseTui,
 	toolMouseInteractionActive,
-	updateScrollButtonFromInput,
 } from "./scroll.ts";
 import {
 	applyFullscreenHover,
@@ -84,7 +72,7 @@ type FrameToolRender = {
 };
 
 type InteractionRegion = {
-	kind: "collapsed-hint" | "collapse-hint" | "expanded-card" | "show-more" | "scroll-bottom";
+	kind: "collapsed-hint" | "collapse-hint" | "expanded-card" | "show-more";
 	row: number;
 	startCol: number;
 	endCol: number;
@@ -125,7 +113,6 @@ function interactionRegionAt(packet: SgrMousePacket): InteractionRegion | null {
 	);
 	return (
 		matches.find((region) => region.kind === "show-more") ??
-		matches.find((region) => region.kind === "scroll-bottom") ??
 		matches.find((region) => region.kind === "collapsed-hint") ??
 		matches.find((region) => region.kind === "collapse-hint") ??
 		matches.find((region) => region.kind === "expanded-card") ??
@@ -151,8 +138,6 @@ function tryOpenToolIoShowMore(region: InteractionRegion): boolean {
 function updateToolSummaryHover(tui: any, packet: SgrMousePacket): void {
 	if (!isSgrIdleMotion(packet)) return;
 	const region = interactionRegionAt(packet);
-	const nextScrollButtonHovered = region?.kind === "scroll-bottom";
-	const scrollButtonChanged = setScrollButtonHovered(nextScrollButtonHovered);
 	const component = region?.component;
 	const nextToolCallId = region?.kind === "collapsed-hint" ? (component?.toolCallId ?? null) : null;
 	// group 只在提示文字上高亮（展开卡整行都是 expanded-card，不能算 hint）。
@@ -166,7 +151,6 @@ function updateToolSummaryHover(tui: any, packet: SgrMousePacket): void {
 	const changed = nextToolCallId !== sharedToolHoverState().toolCallId;
 	setHoveredToolCallId(nextToolCallId);
 	if (
-		scrollButtonChanged ||
 		setHoveredToolIo(nextIoView, nextIoSection) ||
 		setHoveredToolGroup(nextGroup) ||
 		changed
@@ -265,7 +249,6 @@ function resolveCollapsePress(
 function toggleToolAtMouseClick(tui: any, packet: SgrMousePacket): boolean {
 	const region = interactionRegionAt(packet);
 	if (!region) return false;
-	if (region.kind === "scroll-bottom") return false;
 	if (region.kind === "show-more") return tryOpenToolIoShowMore(region);
 	const component = region.component;
 	if (!component) return false;
@@ -399,10 +382,11 @@ function handleFullscreenToolClick(tui: any, packet: SgrMousePacket): boolean {
 	// 否则 skipOfficialCards 会把内部工具当成官方卡跳过。
 	const card = target.group ?? target.owner ?? component;
 	const pressComponent = target.owner ?? component;
-	// 回到底部按钮：按组件引用命中，不依赖渲染行缓存。
-	if (getScrollButtonVisible() && component === getScrollButtonWidget()) {
-		tui.scrollToBottom?.();
-		hideScrollButton(tui);
+	// An image under a tool card opens full screen, collapsed card or not, when umbra-image-viewer
+	// is loaded.
+	const viewer = (globalThis as any).__umbraImageViewer;
+	if (isToolExecutionComponent(component) && viewer?.openToolImageAt(tui, component, target.row, contentWidth)) {
+		clearPendingCollapsePress();
 		return true;
 	}
 	const line = hit.box.lines?.[hit.localRow];
@@ -494,14 +478,7 @@ function handleFullscreenToolHover(tui: any, packet: SgrMousePacket): void {
 	const hit = fullscreenLeafAt(layout, x, y);
 	if (hit) {
 		const line = hit.box.lines?.[hit.localRow];
-		// 回到底部按钮：渲染行文本 + 列区间识别（零组件树开销）。
-		if (typeof line === "string" && getScrollButtonVisible() && line.includes("[ ↓")) {
-			const plain = stripTerminalSequencesPreservingLayout(line);
-			const idx = plain.indexOf("[ ↓");
-			if (idx >= 0 && x >= idx && x <= idx + plain.length - 1) {
-				target = { kind: "button" };
-			}
-		} else if (typeof line === "string" && !/\x1b]8;/.test(line)) {
+		if (typeof line === "string" && !/\x1b]8;/.test(line)) {
 			const width = Math.max(1, Number(tui.terminal?.columns) || 80);
 			const contentWidth = fullscreenContentWidth(hit.box, width);
 			// 与点击共用同一定位算法，避免 hover 自建行段与真实组件树错位。
@@ -570,9 +547,6 @@ function patchFullscreenViewportInput(tui: any): void {
 	tui[FULLSCREEN_VIEWPORT_PATCH] = true;
 	tui.handleViewportInput = function (this: any, data: string) {
 		if (toolMouseInteractionActive() && tui.mode === "fullscreen") {
-			// 滚动输入（wheel/pageUp/end 等）后同步回到底部按钮显隐；
-			// 官方 viewport 会消费键盘，扩展监听器无法补偿，必须在这里调度。
-			scheduleScrollButtonSync(tui, data);
 			const packets = parseSgrMousePackets(data);
 			// 官方 fullscreen 会消费全部鼠标；文本预览 overlay 活动时放行给 focused
 			// custom component，使 [esc] 点击和滚轮可用。
@@ -919,24 +893,12 @@ function handleToolMouseInput(data: string): { consume: true } | undefined {
 	if (!getToolMouseTui()) return undefined;
 	// 惰性 Proxy fullscreen：鼠标由 handleViewportInput 包装消费（官方链之前），
 	// 此处只处理键盘（鼠标事件在官方 listener 已被 consume，到不了这里）。
-	if (fullscreenLazyTui(getToolMouseTui())) {
-		scheduleScrollButtonSync(getToolMouseTui(), data);
-		if (isScrollBottomInput(data)) {
-			getToolMouseTui().scrollToBottom?.();
-			hideScrollButton(getToolMouseTui());
-			return { consume: true };
-		}
-		return undefined;
-	}
-	updateScrollButtonFromInput(getToolMouseTui(), data);
+	if (fullscreenLazyTui(getToolMouseTui())) return undefined;
 	// Off mode restores native input: wheel keeps scrolling through Pi's normal
 	// dispatcher, while hover/click affordances are entirely inactive.
 	if (!toolMouseInteractionActive()) return undefined;
 	const packets = parseSgrMousePackets(data);
-	if (!packets) {
-		scheduleScrollButtonSync(getToolMouseTui(), data);
-		return undefined;
-	}
+	if (!packets) return undefined;
 
 	let consumed = false;
 	for (const packet of packets) {
@@ -957,7 +919,6 @@ function handleToolMouseInput(data: string): { consume: true } | undefined {
 
 	// Let scrolling, motion, release, and clicks outside tool results reach the
 	// normal TUI input chain (including other extensions such as pi-zentui).
-	scheduleScrollButtonSync(getToolMouseTui(), data);
 	return consumed ? { consume: true } : undefined;
 }
 
@@ -994,23 +955,18 @@ export function teardownToolMouseInteraction(
 	}
 	restoreToolMouseRenderPatch();
 	restoreFullscreenViewportInput(getToolMouseTui());
-	restoreOfficialScrollToEnd(getToolMouseTui());
-	resetScrollButtonState();
 	setToolMouseTui(null);
 	toolMouseUi = null;
 	patchRegistry.dispose(TOOL_MOUSE_OWNER_KEY, owner);
 	if (toolMouseInstallationOwner === owner) toolMouseInstallationOwner = null;
 }
 
-/** off 模式清理：清空 hover 与回到底部按钮状态（跨模块 rebind 统一经由此函数）。 */
+/** off 模式清理：清空 hover 状态（跨模块 rebind 统一经由此函数）。 */
 export function resetToolHoverState(): void {
 	setHoveredToolCallId(null);
 	setHoveredThinking(null);
 	setHoveredMessageDisplay(null);
 	setHoveredCompactAssistant(null);
-	setScrollButtonVisible(false);
-	setScrollButtonHovered(false);
-	restoreOfficialScrollToEnd(getToolMouseTui());
 	releaseFullscreenToolMouseMotion(getToolMouseTui());
 }
 
@@ -1087,33 +1043,29 @@ export function installToolMouseInteraction(
 	toolMouseUi = ctx.ui;
 	// 0.84+ 的 tui 是惰性 Proxy：regular 保留原生 scrollback；fullscreen
 	// 由官方 LayoutFrame 命中，并由扩展补齐 hover 所需的 all-motion 上报。
-	ctx.ui.setWidget(TOOL_MOUSE_WIDGET_KEY, (tui: any, theme: any) => {
+	ctx.ui.setWidget(TOOL_MOUSE_WIDGET_KEY, (tui: any) => {
 		setToolMouseTui(tui);
 		setToolTuiFullscreen(fullscreenLazyTui(tui));
+		// The widget draws nothing. It is how the toolbox reaches the TUI, and in fullscreen its
+		// render re-applies the input patches after pi swaps the TUI. pi's own jump-to-latest
+		// indicator is left alone; an older toolbox replaced it with a button, so undo that.
+		restoreOfficialScrollToEnd(tui);
 		if (isLazyProxyTui(tui)) {
 			patchFullscreenViewportInput(tui);
 			ensureFullscreenToolMouseMotion(tui);
-			syncOfficialScrollToEnd(tui);
-			setScrollButtonWidget({
-				render: (width: number) => {
+			return {
+				render: () => {
 					patchFullscreenViewportInput(tui);
 					ensureFullscreenToolMouseMotion(tui);
-					syncOfficialScrollToEnd(tui);
-					return renderScrollButton(width, theme);
+					return [];
 				},
 				invalidate() {},
-			});
-			return getScrollButtonWidget();
+			};
 		}
 		// Wrap doRender to capture the live frame for tool click/hover mapping.
 		patchToolMouseMotionAfterRender(tui);
 		if (toolMouseInteractionActive()) tui?.terminal?.write?.(TOOL_MOUSE_MOTION_ENABLE);
-		const widget = {
-			render: (width: number) => renderScrollButton(width, theme),
-			invalidate() {},
-		};
-		setScrollButtonWidget(widget);
-		return widget;
+		return { render: () => [], invalidate() {} };
 	});
 	toolMouseInputUnsubscribe = ctx.ui.onTerminalInput(handleToolMouseInput);
 }

package/node_modules/pi-umbra-theme/extensions/umbra-toolbox/renderer/mouse/layout.ts

@@ -4,7 +4,6 @@ import { isCompactAssistantComponent } from "../compact-mode.ts";
 import { ToolGroupComponent } from "../tool/grouping.ts";
 import { isMessageDisplayComponent } from "../tool/message-display.ts";
 import { isToolExecutionComponent, stripTerminalSequencesPreservingLayout } from "./packets.ts";
-import { getScrollButtonWidget } from "./scroll.ts";
 
 export type ComponentRowHit = {
 	component: any;
@@ -143,9 +142,6 @@ export function componentAtLocalRow(
 	if (isMessageDisplayComponent(component)) {
 		return { component, row: localRow };
 	}
-	if (component === getScrollButtonWidget()) {
-		return { component, row: localRow };
-	}
 	if (!Array.isArray(component.children)) return null;
 	let offset = 0;
 	for (const child of component.children) {