@selesai/code 0.9.14 → 0.10.0

package/dist/extensions/pi-zentui/package.json

@@ -0,0 +1,60 @@
+{
+	"name": "pi-zentui",
+	"version": "0.21.0",
+	"description": "A Starship-inspired statusline and Opencode-style TUI for Pi.",
+	"type": "module",
+	"license": "MIT",
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/lmilojevicc/pi-zentui.git"
+	},
+	"homepage": "https://github.com/lmilojevicc/pi-zentui#readme",
+	"bugs": {
+		"url": "https://github.com/lmilojevicc/pi-zentui/issues"
+	},
+	"keywords": [
+		"pi-package",
+		"pi-extension",
+		"pi-theme",
+		"starship",
+		"tui"
+	],
+	"files": [
+		"extensions"
+	],
+	"scripts": {
+		"lint": "biome check .",
+		"typecheck": "tsc --noEmit",
+		"test": "vitest run",
+		"pi:dev": "${PI_BIN:-/opt/homebrew/bin/pi} --no-extensions -e ./extensions/zentui/index.ts",
+		"pi:install-local": "${PI_BIN:-/opt/homebrew/bin/pi} install ./ -l",
+		"fmt": "biome format --write .",
+		"fmt:check": "biome format .",
+		"verify": "npm run lint && npm run typecheck && npm run test",
+		"pack:check": "npm pack --dry-run",
+		"prepublishOnly": "npm run verify && npm run pack:check"
+	},
+	"peerDependencies": {
+		"@earendil-works/pi-ai": ">=0.80.5",
+		"@earendil-works/pi-coding-agent": ">=0.80.5",
+		"@earendil-works/pi-tui": ">=0.80.5"
+	},
+	"pi": {
+		"extensions": [
+			"./extensions"
+		],
+		"image": "https://raw.githubusercontent.com/lmilojevicc/pi-zentui/main/assets/zentui.png"
+	},
+	"publishConfig": {
+		"access": "public"
+	},
+	"devDependencies": {
+		"@biomejs/biome": "^2.5.0",
+		"@earendil-works/pi-ai": "^0.84.0",
+		"@earendil-works/pi-coding-agent": "^0.84.0",
+		"@earendil-works/pi-tui": "^0.84.0",
+		"@types/node": "^26.0.0",
+		"typescript": "^7.0.2",
+		"vitest": "^4.1.8"
+	}
+}

package/dist/extensions/pi-zentui/test/accent-rail-editor.test.ts

@@ -0,0 +1,232 @@
+import { stripVTControlCharacters } from "node:util";
+import type { Theme } from "@earendil-works/pi-coding-agent";
+import { visibleWidth } from "@earendil-works/pi-tui";
+import { describe, expect, it } from "vitest";
+import { renderAccentRailEditorFrame } from "../extensions/zentui/accent-rail-editor";
+import { defaultConfig, type PolishedTuiConfig } from "../extensions/zentui/config";
+
+function theme(calls: Array<{ color: string; text: string }> = []): Theme {
+	return {
+		fg(color: string, text: string) {
+			calls.push({ color, text });
+			return `\x1b[38;5;215m${text}\x1b[39m`;
+		},
+		bg(_color: string, text: string) {
+			return `\x1b[48;5;234m${text}\x1b[49m`;
+		},
+		getBgAnsi() {
+			return "\x1b[48;5;234m";
+		},
+		bold: (text: string) => text,
+		italic: (text: string) => text,
+		underline: (text: string) => text,
+		strikethrough: (text: string) => text,
+	} as unknown as Theme;
+}
+
+function config(overrides: Partial<PolishedTuiConfig["colors"]> = {}): PolishedTuiConfig {
+	const current = structuredClone(defaultConfig);
+	current.components.editor.style = "accent-rail";
+	current.components.editor.viewportIndicators = true;
+	current.icons.mode = "nerd";
+	current.colors = { ...current.colors, ...overrides };
+	return current;
+}
+
+function plain(value: string): string {
+	return stripVTControlCharacters(value);
+}
+
+describe("accent rail editor frame", () => {
+	it("renders a full-width filled rail surface for every input row", () => {
+		const rows = renderAccentRailEditorFrame({
+			width: 20,
+			editorLines: ["Ask anything", "continuation"],
+			uiTheme: theme(),
+			config: config(),
+		});
+
+		expect(rows.map(plain)).toEqual(["▎ Ask anything      ", "▎ continuation      "]);
+		for (const row of rows) {
+			expect(visibleWidth(row)).toBe(20);
+			expect(row).toContain("\x1b[48;5;234m");
+		}
+	});
+
+	it("fills autocomplete and replaces only the native selected prefix", () => {
+		const selected = "\x1b[38;5;39m→ settings\x1b[0m";
+		const unusual = "\x1b]8;;https://example.com\x07→ linked\x1b]8;;\x07";
+		const rows = renderAccentRailEditorFrame({
+			width: 20,
+			editorLines: ["draft"],
+			autocompleteLines: [selected, "  files", unusual],
+			uiTheme: theme(),
+			config: config(),
+		});
+		expect(rows).toHaveLength(4);
+		expect(rows.slice(1).map(plain)).toEqual([
+			"▎ settings          ",
+			"  files             ",
+			"→ linked            ",
+		]);
+		expect(rows[1]).toContain("\x1b[38;5;215m▎\x1b[39m \x1b[38;5;39msettings");
+		for (const row of rows.slice(1)) {
+			expect(row).toContain("\x1b[48;5;234m");
+			expect(visibleWidth(row)).toBe(20);
+		}
+	});
+
+	it("replaces C1 SGR selection while preserving control-CSI rows unchanged", () => {
+		const c1Selected = "\u009b38;5;39m→ settings\u009b0m";
+		const erased = "\x1b[2K→ unsafe";
+		const c1Erased = "\u009b2K→ c1-unsafe";
+		const rows = renderAccentRailEditorFrame({
+			width: 20,
+			editorLines: ["draft"],
+			autocompleteLines: [c1Selected, erased, c1Erased],
+			uiTheme: theme(),
+			config: config(),
+		});
+		expect(rows[1]).toContain("\x1b[38;5;215m▎\x1b[39m \u009b38;5;39msettings\u009b0m");
+		expect(rows[2]).toContain(erased);
+		expect(plain(rows[2] ?? "")).toContain("→ unsafe");
+		expect(rows[3]).toContain(c1Erased);
+		expect(plain(rows[3] ?? "")).toContain("→ c1-unsafe");
+	});
+
+	it("fails open at width two and decorates one content cell at width three", () => {
+		const narrow = renderAccentRailEditorFrame({
+			width: 2,
+			editorLines: ["draft"],
+			autocompleteLines: ["pick"],
+			uiTheme: theme(),
+			config: config(),
+		});
+		expect(narrow.map(plain)).toEqual(["dr", "pi"]);
+
+		const minimum = renderAccentRailEditorFrame({
+			width: 3,
+			editorLines: ["draft"],
+			uiTheme: theme(),
+			config: config(),
+		});
+		expect(minimum.map(plain)).toEqual(["▎ d"]);
+	});
+
+	it("keeps ANSI, combining text, and emoji within the requested width", () => {
+		const rows = renderAccentRailEditorFrame({
+			width: 12,
+			editorLines: ["\x1b[1mé\u0301dit\x1b[0m 🧠 data"],
+			uiTheme: theme(),
+			config: config(),
+		});
+		expect(plain(rows[0] ?? "")).toContain("▎ é\u0301dit");
+		expect(visibleWidth(rows[0] ?? "")).toBe(12);
+		expect(rows[0]).toContain("\x1b[0m\x1b[48;5;234m");
+	});
+
+	it.each([
+		["an unavailable getBgAnsi", undefined],
+		[
+			"a throwing getBgAnsi",
+			() => {
+				throw new Error("background unavailable");
+			},
+		],
+	] as const)("reapplies the theme.bg fallback after resets with %s", (_name, getBgAnsi) => {
+		for (const reset of ["\x1b[0m", "\x1b[m", "\x1b[49m"]) {
+			const fallbackTheme = { ...theme(), getBgAnsi } as unknown as Theme;
+			const [row] = renderAccentRailEditorFrame({
+				width: 14,
+				editorLines: [`draft${reset}█`],
+				uiTheme: fallbackTheme,
+				config: config(),
+			});
+
+			expect(visibleWidth(row ?? "")).toBe(14);
+			expect(row).toContain(`${reset}\x1b[48;5;234m█`);
+			expect(row).toMatch(/\x1b\[48;5;234m█ +\x1b\[49m$/);
+		}
+	});
+
+	it("uses the style-owned ASCII rail", () => {
+		const current = config();
+		current.icons.mode = "ascii";
+		current.components.editor.styles["accent-rail"].asciiRail = "!";
+		const rows = renderAccentRailEditorFrame({
+			width: 10,
+			editorLines: ["draft"],
+			autocompleteLines: ["→ pick"],
+			uiTheme: theme(),
+			config: current,
+		});
+		expect(rows.map(plain)).toEqual(["! draft   ", "! pick    "]);
+	});
+
+	it("uses source-specific rail defaults and an explicit editor-only override", () => {
+		const themeCalls: Array<{ color: string; text: string }> = [];
+		renderAccentRailEditorFrame({
+			width: 10,
+			editorLines: ["draft"],
+			uiTheme: theme(themeCalls),
+			config: config(),
+		});
+		expect(themeCalls).toContainEqual({ color: "syntaxNumber", text: "▎" });
+
+		const terminal = config();
+		terminal.components.editor.colorSource = "terminal";
+		const [terminalRow] = renderAccentRailEditorFrame({
+			width: 10,
+			editorLines: ["draft"],
+			uiTheme: theme(),
+			config: terminal,
+		});
+		expect(terminalRow).toContain("\x1b[38;5;215m▎\x1b[0m");
+
+		const overrideCalls: Array<{ color: string; text: string }> = [];
+		const independent = config({ editorRail: "success", editorAccent: "error" });
+		independent.components.userMessages.enabled = false;
+		independent.components.userMessages.style = "labeled";
+		independent.components.userMessages.colorSource = "terminal";
+		renderAccentRailEditorFrame({
+			width: 10,
+			editorLines: ["draft"],
+			uiTheme: theme(overrideCalls),
+			config: independent,
+		});
+		expect(overrideCalls).toContainEqual({ color: "success", text: "▎" });
+		expect(overrideCalls).not.toContainEqual({ color: "error", text: "▎" });
+	});
+
+	it("removes only owned backgrounds in transparent mode", () => {
+		const current = config();
+		current.components.editor.styles["accent-rail"].transparent = true;
+		const nativeBackground = "\x1b[48;5;52m  warning\x1b[49m";
+		const rows = renderAccentRailEditorFrame({
+			width: 16,
+			editorLines: ["draft"],
+			autocompleteLines: [nativeBackground],
+			uiTheme: theme(),
+			config: current,
+		});
+		expect(rows.map(plain)).toEqual(["▎ draft         ", "  warning       "]);
+		expect(rows[0]).not.toContain("\x1b[48;5;234m");
+		expect(rows[1]).not.toContain("\x1b[48;5;234m");
+		expect(rows[1]).toContain("\x1b[48;5;52m");
+	});
+
+	it("renders compact viewport indicators only when enabled", () => {
+		const current = config();
+		const render = () =>
+			renderAccentRailEditorFrame({
+				width: 16,
+				editorLines: ["draft"],
+				viewport: { above: "2", below: "3" },
+				uiTheme: theme(),
+				config: current,
+			}).map(plain);
+		expect(render()).toEqual(["▎ ↑ 2 more      ", "▎ draft         ", "▎ ↓ 3 more      "]);
+		current.components.editor.viewportIndicators = false;
+		expect(render()).toEqual(["▎ draft         "]);
+	});
+});