Release v0.1.19

Author: janvitos

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 the rounded top-left border and left rail, complemented by Pi's border color on the right rail and rounded bottom-right border; dim rounded corners with color-matched horizontal `╌` and vertical `┆` segments bridge the borders at the top right and bottom left. 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.
+- The composer uses OpenCode prompt-inspired blue/orange mode colors on the rounded top-left border and left rail, complemented by Pi's border color on the right rail and rounded bottom-right border; dim rounded corners with color-matched heavy horizontal `╍` and vertical `┇` segments bridge the borders at the top right and bottom left. 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.

index.ts

@@ -495,8 +495,8 @@ export default function planBuildModes(pi: ExtensionAPI): void {
 
 					const leftRail = `${formatModeRail(selectedMode)} `;
 					const rightRail = this.borderColor("│");
-					const topRightVerticalTransition = this.borderColor("┆");
-					const bottomLeftVerticalTransition = formatModeRail(selectedMode, "┆");
+					const topRightVerticalTransition = this.borderColor("┇");
+					const bottomLeftVerticalTransition = formatModeRail(selectedMode, "┇");
 					const metadata = truncateToWidth(
 						formatModeMetadata(selectedMode, pi.getThinkingLevel(), ctx.ui.theme, this.borderColor, {
 							modelName: ctx.model?.id ?? "no-model",

package.json

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

utils.test.ts

@@ -74,10 +74,10 @@ test("mode composer uses colored rails and mode/thinking metadata", () => {
 	const buildRail = formatModeRail("build");
 	assert.equal(planRail, "\x1b[38;2;245;167;66m│\x1b[0m");
 	assert.equal(buildRail, "\x1b[38;2;92;156;245m│\x1b[0m");
-	assert.equal(formatModeRail("build", "┆"), "\x1b[38;2;92;156;245m┆\x1b[0m");
+	assert.equal(formatModeRail("build", "┇"), "\x1b[38;2;92;156;245m┇\x1b[0m");
 	assert.equal(
 		formatModeTopBorder("plan", 4, "\x1b[2m╮\x1b[22m"),
-		"\x1b[38;2;245;167;66m╭─╌\x1b[0m\x1b[2m╮\x1b[22m",
+		"\x1b[38;2;245;167;66m╭─╍\x1b[0m\x1b[2m╮\x1b[22m",
 	);
 	assert.equal(formatModeTopBorder("build", 2, "\x1b[2m╮\x1b[22m"), "");
 	assert.equal(
@@ -88,9 +88,9 @@ test("mode composer uses colored rails and mode/thinking metadata", () => {
 		formatModeMetadata("build", "medium", theme, thinkingColor, {
 			modelName: "gpt-5.6-sol",
 			modelProvider: "openai",
-			rail: formatModeRail("build", "┆"),
+			rail: formatModeRail("build", "┇"),
 		}),
-		"\x1b[38;2;92;156;245m┆\x1b[0m \x1b[38;2;92;156;245mbuild\x1b[0m\x1b[38;2;128;128;128m • \x1b[39mgpt-5.6-sol\x1b[38;2;128;128;128m [openai]\x1b[39m\x1b[38;2;128;128;128m • \x1b[39m\x1b[38;2;0;255;0mmedium\x1b[39m",
+		"\x1b[38;2;92;156;245m┇\x1b[0m \x1b[38;2;92;156;245mbuild\x1b[0m\x1b[38;2;128;128;128m • \x1b[39mgpt-5.6-sol\x1b[38;2;128;128;128m [openai]\x1b[39m\x1b[38;2;128;128;128m • \x1b[39m\x1b[38;2;0;255;0mmedium\x1b[39m",
 	);
 });
 
@@ -119,14 +119,14 @@ test("mode composer joins border colors with dashed transitions and dim corners"
 		measure: (line: string) => line.replace(ansiPattern, "").length,
 	};
 	const lines = ["top border", "  first", "  second", "────────────────", "  autocomplete"];
-	assert.deepEqual(renderModeComposer(lines, "╭─────────────╌╮", "│ ", "│", "┆", "┆ plan · high", "╰", 2, 16, lineWidth), [
-		"╭─────────────╌╮",
-		"│              ┆",
+	assert.deepEqual(renderModeComposer(lines, "╭─────────────╍╮", "│ ", "│", "┇", "┇ plan · high", "╰", 2, 16, lineWidth), [
+		"╭─────────────╍╮",
+		"│              ┇",
 		"│ first        │",
 		"│ second       │",
 		"│              │",
-		"┆ plan · high  │",
-		"╰╌─────────────╯",
+		"┇ plan · high  │",
+		"╰╍─────────────╯",
 		"",
 		"  autocomplete",
 	]);
@@ -135,36 +135,36 @@ test("mode composer joins border colors with dashed transitions and dim corners"
 	const realisticLines = ["top", "  prompt", styledGlyph.repeat(16)];
 	const realisticResult = renderModeComposer(
 		realisticLines,
-		"╭─────────────╌╮",
+		"╭─────────────╍╮",
 		"│ ",
 		"│",
-		"┆",
-		"┆ metadata",
+		"┇",
+		"┇ metadata",
 		"╰",
 		2,
 		16,
 		lineWidth,
 	);
 	assert.equal(realisticResult.every((line) => lineWidth.measure(line) <= 16), true);
-	assert.equal(realisticResult[5]?.replace(ansiPattern, ""), "╰╌─────────────╯");
+	assert.equal(realisticResult[5]?.replace(ansiPattern, ""), "╰╍─────────────╯");
 	assert.equal(realisticResult[5]?.replace(ansiPattern, "").includes("[39m"), false);
 
 	assert.deepEqual(
 		renderModeComposer(
 			["top", "  prompt", "\x1b[38;2;128;128;128m────\x1b[0m"],
-			"╭─╌╮",
+			"╭─╍╮",
 			"│ ",
 			"│",
-			"┆",
-			"┆ metadata",
+			"┇",
+			"┇ metadata",
 			"╰",
 			2,
 			4,
 			lineWidth,
 		),
-		["╭─╌╮", "│  ┆", "│ p│", "│  │", "┆ m│", "╰\x1b[38;2;128;128;128m╌─╯\x1b[0m", ""],
+		["╭─╍╮", "│  ┇", "│ p│", "│  │", "┇ m│", "╰\x1b[38;2;128;128;128m╍─╯\x1b[0m", ""],
 	);
-	assert.deepEqual(renderModeComposer(lines, "top", "│ ", "│", "┆", "metadata", "╰", 0, 16, lineWidth), lines);
+	assert.deepEqual(renderModeComposer(lines, "top", "│ ", "│", "┇", "metadata", "╰", 0, 16, lineWidth), lines);
 });
 
 test("plan review preserves the complete plan without truncation", () => {

utils.ts

@@ -45,7 +45,7 @@ export function formatModeRail(mode: Mode, glyph = "│"): string {
 
 export function formatModeTopBorder(mode: Mode, width: number, topRightCorner: string): string {
 	if (width <= 2) return "";
-	return `${formatModeColor(mode, `╭${"─".repeat(width - 3)}╌`)}${topRightCorner}`;
+	return `${formatModeColor(mode, `╭${"─".repeat(width - 3)}╍`)}${topRightCorner}`;
 }
 
 export function formatModeMetadata(
@@ -116,7 +116,7 @@ export function renderModeComposer(
 		.map((line) => addRightRail(leftRailPrefix + line.slice(reservedPrefix.length)));
 	const ansiSequence = "(?:\\x1b\\[[0-?]*[ -/]*[@-~])*";
 	const bottomBorder = bottomLeftCorner + lineWidth.truncate(lines[bottomBorderIndex]!, width)
-		.replace(new RegExp(`^(${ansiSequence}).${ansiSequence}.`, "u"), "$1╌")
+		.replace(new RegExp(`^(${ansiSequence}).${ansiSequence}.`, "u"), "$1╍")
 		.replace(/.(?=(?:\x1b\[[0-?]*[ -/]*[@-~])*$)/u, "╯");
 	return [
 		topBorder,