@janvitos/pi-plan-build 0.1.13 → 0.1.15

package/README.md

@@ -8,7 +8,7 @@ A global [Pi coding agent](https://github.com/badlogic/pi-mono) extension that a
 
 - New sessions start in **Build** mode.
 - Bare `Tab` cycles **Build → Plan → Build**, while active autocomplete dropdowns retain Pi's normal Tab completion.
-- The composer uses OpenCode prompt-inspired blue/orange mode colors on a rounded `╭─` top border and `│` rail, plus a mode/model/thinking metadata row and Pi's bottom border. The model is shown as `model-id [provider]` (for example, `gpt-5.6-luna [openai]`), with the model ID inheriting the terminal foreground like unselected entries in `/model` and the provider using the footer's dim text color. The footer keeps the remaining path and usage stats without duplicating model metadata.
+- The composer uses OpenCode prompt-inspired blue/orange mode colors on the top and left borders, complemented by Pi's border color on the right and bottom borders; rounded corners close the frame while matching their adjoining horizontal border colors. It also includes a mode/model/thinking metadata row; cycling the thinking level updates this row without adding a duplicate status above the composer. The model is shown as `model-id [provider]` (for example, `gpt-5.6-luna [openai]`), with the model ID inheriting the terminal foreground like unselected entries in `/model` and the provider using the footer's dim text color. The footer keeps the remaining path and usage stats without duplicating model metadata.
 - `/plan`, `/build`, and the `--plan` startup flag.
 - Per-session plans at `~/.pi/agent/plans/<session-id>.md`.
 - In Plan mode, built-in `edit` and `write` are restricted to the exact plan file.

package/index.ts

@@ -2,7 +2,7 @@ import fs from "node:fs";
 import os from "node:os";
 import path from "node:path";
 import { CustomEditor, getAgentDir, getMarkdownTheme, type EntryRenderer, type ExtensionAPI, type ExtensionContext } from "@earendil-works/pi-coding-agent";
-import { Key, Markdown, matchesKey, Text, truncateToWidth } from "@earendil-works/pi-tui";
+import { Key, Markdown, matchesKey, Text, truncateToWidth, visibleWidth } from "@earendil-works/pi-tui";
 import { Type } from "typebox";
 import { registerQuestionTool } from "./question-ui.ts";
 import {
@@ -28,6 +28,7 @@ import {
 	isAllowedPlanMutation,
 	makePlanPath,
 	nextMode,
+	nextThinkingLevel,
 	PLAN_EXIT_APPROVE_CHOICE,
 	PLAN_EXIT_FRESH_CHOICE,
 	PLAN_EXIT_STAY_ACKNOWLEDGEMENT,
@@ -477,6 +478,8 @@ export default function planBuildModes(pi: ExtensionAPI): void {
 			const promptHistory = event.reason === "startup" ? [] : extractPromptHistory(ctx.sessionManager.getBranch());
 			class ModeEditor extends CustomEditor {
 				onCycle?: () => void;
+				onCycleThinking?: () => void;
+				matchesThinkingCycle?: (data: string) => boolean;
 
 				requestModeRender(): void {
 					this.tui.requestRender();
@@ -490,20 +493,29 @@ export default function planBuildModes(pi: ExtensionAPI): void {
 					const lines = super.render(width);
 					if (paddingWidth !== railWidth) return lines;
 
-					const rail = `${formatModeRail(selectedMode)} `;
+					const leftRail = `${formatModeRail(selectedMode)} `;
+					const rightRail = this.borderColor("│");
 					const metadata = truncateToWidth(
 						formatModeMetadata(selectedMode, pi.getThinkingLevel(), ctx.ui.theme, this.borderColor, {
 							modelName: ctx.model?.id ?? "no-model",
 							modelProvider: ctx.model?.provider,
 						}),
-						width,
+						width - 1,
 						"",
 					);
 					const topBorder = formatModeTopBorder(selectedMode, width);
-					return renderModeComposer(lines, topBorder, rail, metadata, railWidth);
+					return renderModeComposer(lines, topBorder, leftRail, rightRail, metadata, railWidth, width, {
+						truncate: (line, maxWidth) => truncateToWidth(line, maxWidth, ""),
+						measure: visibleWidth,
+					});
 				}
 
 				override handleInput(data: string): void {
+					if (this.matchesThinkingCycle?.(data)) {
+						if (this.onExtensionShortcut?.(data)) return;
+						this.onCycleThinking?.();
+						return;
+					}
 					if (matchesKey(data, Key.tab) && !this.isShowingAutocomplete()) {
 						this.onCycle?.();
 						return;
@@ -518,6 +530,15 @@ export default function planBuildModes(pi: ExtensionAPI): void {
 				editor.onCycle = () => {
 					if (currentContext) void selectMode(nextMode(selectedMode), currentContext, "manual");
 				};
+				editor.matchesThinkingCycle = (data) =>
+					keybindings.matches(data, "app.thinking.cycle") &&
+					!keybindings.matches(data, "tui.editor.historyPrevious") &&
+					!keybindings.matches(data, "tui.editor.historyNext");
+				editor.onCycleThinking = () => {
+					const level = nextThinkingLevel(pi.getThinkingLevel(), ctx.model);
+					if (level) pi.setThinkingLevel(level);
+					editor.requestModeRender();
+				};
 				return editor;
 			});
 		}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@janvitos/pi-plan-build",
-  "version": "0.1.13",
+  "version": "0.1.15",
   "description": "Plan safely, approve explicitly, then implement here or in a clean session.",
   "type": "module",
   "license": "MIT",

package/utils.ts

@@ -9,7 +9,6 @@ const MODE_LABELS: Record<Mode, { color: string; text: string }> = {
 };
 
 export interface ModeStatusTheme {
-	bold(text: string): string;
 	fg(color: "dim", text: string): string;
 }
 
@@ -18,6 +17,23 @@ export interface PromptMetadataOptions {
 	modelProvider?: string;
 }
 
+export type ThinkingLevel = "off" | "minimal" | "low" | "medium" | "high" | "xhigh" | "max";
+const THINKING_LEVELS: ThinkingLevel[] = ["off", "minimal", "low", "medium", "high", "xhigh", "max"];
+
+export function nextThinkingLevel(
+	current: ThinkingLevel,
+	model: { reasoning: boolean; thinkingLevelMap?: Partial<Record<ThinkingLevel, unknown>> } | undefined,
+): ThinkingLevel | undefined {
+	if (!model?.reasoning) return undefined;
+	const available = THINKING_LEVELS.filter((level) => {
+		const mapped = model.thinkingLevelMap?.[level];
+		if (mapped === null) return false;
+		return level !== "xhigh" && level !== "max" || mapped !== undefined;
+	});
+	const currentIndex = available.indexOf(current);
+	return available[(currentIndex + 1) % available.length];
+}
+
 function formatModeColor(mode: Mode, text: string): string {
 	return `\x1b[${MODE_LABELS[mode].color}m${text}${ANSI_RESET}`;
 }
@@ -27,8 +43,8 @@ export function formatModeRail(mode: Mode): string {
 }
 
 export function formatModeTopBorder(mode: Mode, width: number): string {
-	if (width <= 0) return "";
-	return formatModeColor(mode, `╭${"─".repeat(width - 1)}`);
+	if (width <= 1) return "";
+	return formatModeColor(mode, `╭${"─".repeat(width - 2)}╮`);
 }
 
 export function formatModeMetadata(
@@ -39,7 +55,7 @@ export function formatModeMetadata(
 	options?: PromptMetadataOptions,
 ): string {
 	const label = MODE_LABELS[mode];
-	const modeText = `\x1b[${label.color}m${theme.bold(label.text)}${ANSI_RESET}`;
+	const modeText = `\x1b[${label.color}m${label.text}${ANSI_RESET}`;
 	const modelText = options
 		? `${theme.fg("dim", " • ")}${options.modelName}${
 			options.modelProvider ? theme.fg("dim", ` [${options.modelProvider}]`) : ""
@@ -68,29 +84,41 @@ export function formatFooterCwd(cwd: string, home: string | undefined): string {
 	return relativeToHome === "" ? "~" : `~${sep}${relativeToHome}`;
 }
 
+export interface LineWidthTools {
+	truncate(line: string, width: number): string;
+	measure(line: string): number;
+}
+
 export function renderModeComposer(
 	lines: string[],
 	topBorder: string,
-	railPrefix: string,
+	leftRailPrefix: string,
+	rightRail: string,
 	metadata: string,
 	reservedWidth: number,
+	width: number,
+	lineWidth: LineWidthTools,
 ): string[] {
-	if (reservedWidth <= 0 || lines.length < 3) return lines;
+	if (reservedWidth <= 0 || width <= 1 || lines.length < 3) return lines;
 	const reservedPrefix = " ".repeat(reservedWidth);
 	const bottomBorderIndex = lines.findIndex((line, index) => index > 0 && !line.startsWith(reservedPrefix));
 	if (bottomBorderIndex < 2) return lines;
+
+	const addRightRail = (line: string): string => {
+		const content = lineWidth.truncate(line, width - 1);
+		return `${content}${" ".repeat(Math.max(0, width - 1 - lineWidth.measure(content)))}${rightRail}`;
+	};
 	const promptLines = lines
 		.slice(1, bottomBorderIndex)
-		.map((line) => railPrefix + line.slice(reservedPrefix.length));
-	const bottomBorder = lines[bottomBorderIndex]!.replace(
-		/^((?:\x1b\[[0-?]*[ -/]*[@-~])*)./u,
-		"$1 ",
-	);
+		.map((line) => addRightRail(leftRailPrefix + line.slice(reservedPrefix.length)));
+	const bottomBorder = lineWidth.truncate(lines[bottomBorderIndex]!, width)
+		.replace(/^((?:\x1b\[[0-?]*[ -/]*[@-~])*)./u, "$1╰")
+		.replace(/.(?=(?:\x1b\[[0-?]*[ -/]*[@-~])*$)/u, "╯");
 	return [
 		topBorder,
 		...promptLines,
-		railPrefix,
-		metadata,
+		addRightRail(leftRailPrefix),
+		addRightRail(metadata),
 		bottomBorder,
 		"",
 		...lines.slice(bottomBorderIndex + 1),