@oh-my-pi/pi-tui 18.12.5 → 18.12.6

package/CHANGELOG.md

@@ -2,6 +2,16 @@
 
 ## [Unreleased]
 
+## [18.12.6] - 2026-10-21
+
+### Changed
+
+- In Tern, centered sheets (`/context`, reports, keyboard shortcuts, BTW history, session info, the pause screen) fill the pane when it is narrower than 100 columns instead of floating with margins ([#16676](https://github.com/can1357/oh-my-pi/pull/16676) by [@H4vC](https://github.com/H4vC))
+
+### Fixed
+
+- Fixed the `/agents` and `/models` hubs in Tern squeezing the left sidebar as long lines (such as a streaming new-agent draft) widen the body pane
+
 ## [18.12.4] - 2026-10-20
 
 ### Added

package/dist/types/native/overlay.d.ts

@@ -10,6 +10,8 @@ import type { TspProps, TspSpan, TspText } from "@oh-my-pi/pi-wire";
 import { type KeyName } from "../key-hint-format.js";
 import { type Keybinding } from "../keybindings.js";
 import type { NativeChild, NativeNode } from "./node.js";
+/** Below this many columns a centered sheet fills the pane instead of floating with margins. */
+export declare const NARROW_SHEET_COLS = 100;
 /** One footer hint: the keys that trigger it and what it does. */
 export interface NativeHint {
     /** Key ids (`"ctrl+o"`, `"escape"`); alternatives render side by side. */

package/package.json

@@ -1,7 +1,7 @@
 {
 	"type": "module",
 	"name": "@oh-my-pi/pi-tui",
-	"version": "18.12.5",
+	"version": "18.12.6",
 	"description": "Terminal User Interface library with differential rendering for efficient text-based applications",
 	"homepage": "https://omp.sh",
 	"author": {
@@ -41,14 +41,14 @@
 		"gen:glyphs": "bun scripts/gen-glyphs.ts"
 	},
 	"dependencies": {
-		"@oh-my-pi/omptype": "18.12.5",
-		"@oh-my-pi/pi-agent-core": "18.12.5",
-		"@oh-my-pi/pi-ai": "18.12.5",
-		"@oh-my-pi/pi-catalog": "18.12.5",
-		"@oh-my-pi/pi-natives": "18.12.5",
-		"@oh-my-pi/pi-utils": "18.12.5",
-		"@oh-my-pi/pi-wire": "18.12.5",
-		"@oh-my-pi/snapcompact": "18.12.5"
+		"@oh-my-pi/omptype": "18.12.6",
+		"@oh-my-pi/pi-agent-core": "18.12.6",
+		"@oh-my-pi/pi-ai": "18.12.6",
+		"@oh-my-pi/pi-catalog": "18.12.6",
+		"@oh-my-pi/pi-natives": "18.12.6",
+		"@oh-my-pi/pi-utils": "18.12.6",
+		"@oh-my-pi/pi-wire": "18.12.6",
+		"@oh-my-pi/snapcompact": "18.12.6"
 	},
 	"devDependencies": {
 		"kitty-vt-wasm": "^0.2.0"

package/src/native/backend.ts

@@ -54,6 +54,7 @@ import { getNativeBlob, type NativeBlob } from "./blobs";
 import { node } from "./describe";
 import { encodeTspJson, encodeTspMessage, type TspHello, TspReader, splitTspMessage } from "./encode";
 import type { DescribeContext, NativeChild, NativeNode, NativeSurface, NativeUiEvent } from "./node";
+import { NARROW_SHEET_COLS } from "./overlay";
 import { nativeComponentId, Reconciler } from "./reconcile";
 import { setNativeRendering } from "./state";
 
@@ -939,7 +940,12 @@ export class NativeBackend {
 		if (overlay.component.nativeSheet?.(this.#cx)) return overlay.component;
 		const own = overlay.component.nativeOverlay;
 		const anchor = own?.anchor ?? overlayAnchor(overlay.options);
-		const size = own?.size ?? overlaySize(overlay.options, this.#cx.cols);
+		let size = own?.size ?? overlaySize(overlay.options, this.#cx.cols);
+		// A centered sheet in a narrow pane fills it instead of floating with margins: `lg`, and a component's own `md`
+		// sheet (an undeclared `md` is a generic dialog sized from its options).
+		if (anchor === "center" && this.#cx.cols < NARROW_SHEET_COLS && (size === "lg" || own?.size === "md")) {
+			size = "full";
+		}
 		const modal = overlay.focused || overlay.options?.fullscreen === true;
 		const role = own?.role;
 		const head = own?.head;

package/src/native/overlay.ts

@@ -12,6 +12,9 @@ import { getKeybindings, type Keybinding } from "../keybindings";
 import { card, kbd, list, node, row, span, text } from "./describe";
 import type { NativeChild, NativeNode } from "./node";
 
+/** Below this many columns a centered sheet fills the pane instead of floating with margins. */
+export const NARROW_SHEET_COLS = 100;
+
 /** One footer hint: the keys that trigger it and what it does. */
 export interface NativeHint {
 	/** Key ids (`"ctrl+o"`, `"escape"`); alternatives render side by side. */

package/src/overlays/agents-hub.ts

@@ -1583,7 +1583,8 @@ export class AgentsHubComponent implements Component {
 		} else {
 			children.push(...this.#describeList());
 		}
-		return node("col", { gap: "sm", grow: 1 }, children, "body");
+		// Zero basis: the body takes the space left of the sidebar instead of sizing to its widest line.
+		return node("col", { gap: "sm", grow: 1, basis: 0, min: { w: 0 } }, children, "body");
 	}
 
 	#statusSpans(): TspSpan[] {

package/src/overlays/hub-frame.ts

@@ -96,7 +96,8 @@ export function describeHubSidebar<TEntry extends SidebarEntry<string>>(
 			),
 		);
 	}
-	return node("list", { selected: selectedId }, items, key);
+	// The sidebar keeps its width: a body line wider than the pane must not squeeze it.
+	return node("list", { selected: selectedId, shrink: 0 }, items, key);
 }
 
 /**

package/src/overlays/model-hub.ts

@@ -3046,7 +3046,8 @@ export class ModelHubComponent implements Component {
 				this.#browser,
 			);
 		}
-		return node("col", { gap: "sm", grow: 1 }, children, "body");
+		// Zero basis: the body takes the space left of the sidebar instead of sizing to its widest line.
+		return node("col", { gap: "sm", grow: 1, basis: 0, min: { w: 0 } }, children, "body");
 	}
 
 	#describeStatus(): NativeNode {