pi-zentui 0.1.4 → 0.1.6

package/README.md

@@ -1,6 +1,6 @@
 # Zentui
 
-A Starship-inspired statusline and Opencode-style TUI for [Pi](https://github.com/badlogic/pi-mono).
+A Starship-inspired statusline and Opencode-style TUI for [Pi](https://pi.dev).
 
 ## Screenshots
 
@@ -11,7 +11,7 @@ A Starship-inspired statusline and Opencode-style TUI for [Pi](https://github.co
 Zentui brings two popular aesthetics to Pi:
 
 - **[Starship](https://starship.rs/) footer** — shows your current directory, git branch, git status indicators, and runtime/version detection in a compact, icon-rich format
-- **[Opencode](https://github.com/opencode-ai/opencode) editor and messages** — clean bordered input box with accent rail, transparent previous messages, and model/provider display inside the editor frame
+- **[Opencode](https://github.com/opencode-ai/opencode) editor** — clean bordered input box with accent rail and model/provider display inside the editor frame
 
 ## Features
 
@@ -20,7 +20,7 @@ Zentui brings two popular aesthetics to Pi:
 - `󰝰 dirname` — current directory with icon
 - `on  branch` — git branch with icon
 - `[!?↑]` — git status indicators (modified, untracked, ahead/behind, stashed, etc.)
-- `via  v5.5.0` — runtime detection with version (Bun, Deno, Node, Python, Go, Rust, Lua, Java, Ruby, PHP)
+- `via  v5.5.0` — runtime detection with version and Starship terminal styles for Nerd Font runtime/language modules
 - Right side shows context usage, token counts, and cost
 
 ### Editor (Opencode-inspired)
@@ -28,7 +28,6 @@ Zentui brings two popular aesthetics to Pi:
 - Bordered input box with accent-colored left rail
 - Model name and provider displayed inside the editor frame
 - Thinking level indicator when enabled
-- Matching style for previous user messages
 
 ### Git Status Icons
 
@@ -47,20 +46,67 @@ Zentui brings two popular aesthetics to Pi:
 
 ### Runtime Detection
 
-Detects project type and shows runtime version:
-
-| Runtime | Detection                                                   |
-| ------- | ----------------------------------------------------------- |
-| Bun     | `bun.lock`, `bun.lockb`                                     |
-| Deno    | `deno.json`, `deno.jsonc`, `deno.lock`                      |
-| Node.js | `package.json`, `.nvmrc`, `.node-version`                   |
-| Python  | `pyproject.toml`, `requirements.txt`, `setup.py`, `Pipfile` |
-| Go      | `go.mod`                                                    |
-| Rust    | `Cargo.toml`                                                |
-| Lua     | `stylua.toml`, `.luarc.json`, `init.lua`, `lua/` dir        |
-| Java    | `pom.xml`, `build.gradle`                                   |
-| Ruby    | `Gemfile`, `.ruby-version`                                  |
-| PHP     | `composer.json`                                             |
+Detects Starship Nerd Font runtime/language modules, uses the Starship Nerd Font symbols, and styles each runtime with Starship's terminal style strings (for example, Node.js uses `bold green`, so your terminal colorscheme supplies the actual green):
+
+| Runtime/language | Detection examples                                           |
+| ---------------- | ------------------------------------------------------------ |
+| Buf              | `buf.yaml`, `buf.gen.yaml`, `buf.work.yaml`                  |
+| Bun              | `bun.lock`, `bun.lockb`                                      |
+| C                | `.c`, `.h` files                                             |
+| C++              | `.cpp`, `.cc`, `.cxx`, `.hpp` files                          |
+| CMake            | `CMakeLists.txt`, `CMakeCache.txt`                           |
+| COBOL            | `.cbl`, `.cob` files                                         |
+| Conda            | `CONDA_DEFAULT_ENV` environment                              |
+| Crystal          | `.cr` files, `shard.yml`                                     |
+| Dart             | `.dart` files, `pubspec.yaml`, `.dart_tool/`                 |
+| Deno             | `deno.json`, `deno.jsonc`, `deno.lock`                       |
+| .NET             | `.csproj`, `.fsproj`, `global.json`, `Directory.Build.*`     |
+| Elixir           | `mix.exs`                                                    |
+| Elm              | `.elm` files, `elm.json`, `elm-stuff/`                       |
+| Erlang           | `rebar.config`, `erlang.mk`                                  |
+| Fennel           | `.fnl` files                                                 |
+| Fortran          | `.f`, `.f90`, `.f95`, `.f03`, `.f08`, `.f18`, `fpm.toml`     |
+| Gleam            | `.gleam` files, `gleam.toml`                                 |
+| Go               | `go.mod`                                                     |
+| Gradle           | `build.gradle`, `build.gradle.kts`, `gradle/`                |
+| Guix shell       | `GUIX_ENVIRONMENT` environment                               |
+| Haskell          | `.hs`, `.cabal`, `stack.yaml`, `cabal.project`               |
+| Haxe             | `.hx`, `.hxml`, `haxelib.json`, `.haxerc`                    |
+| Helm             | `helmfile.yaml`, `Chart.yaml`                                |
+| Java             | `.java-version`                                              |
+| Julia            | `.jl` files, `Project.toml`, `Manifest.toml`                 |
+| Kotlin           | `.kt`, `.kts` files                                          |
+| Lua              | `.lua` files, `stylua.toml`, `.luarc.json`, `lua/` dir       |
+| Maven            | `pom.xml`                                                    |
+| Meson            | `MESON_DEVENV=1` and `MESON_PROJECT_NAME` environment        |
+| Mojo             | `.mojo` files                                                |
+| Nim              | `.nim`, `.nims`, `.nimble`, `nim.cfg`                        |
+| Nix shell        | `IN_NIX_SHELL=pure` or `IN_NIX_SHELL=impure` environment     |
+| Node.js          | `package.json`, `.nvmrc`, `.node-version`                    |
+| OCaml            | `.opam`, `.ml`, `.mli`, `dune`, `_opam/`, `esy.lock/`        |
+| Odin             | `.odin` files                                                |
+| OPA/Rego         | `.rego` files                                                |
+| Perl             | `.pl`, `.pm`, `Makefile.PL`, `cpanfile`, `META.*`            |
+| PHP              | `composer.json`                                              |
+| Pixi             | `pixi.toml`, `pixi.lock`, `PIXI_ENVIRONMENT_NAME` environment |
+| Pulumi           | `Pulumi.yaml`, `Pulumi.yml`                                  |
+| PureScript       | `.purs` files, `spago.dhall`, `spago.yaml`, `spago.lock`     |
+| Python           | `pyproject.toml`, `requirements.txt`, `setup.py`, `Pipfile`  |
+| R                | `.R`, `.Rmd`, `.Rproj`, `DESCRIPTION`, `.Rproj.user/`        |
+| Raku             | `.raku`, `.rakumod`, `.p6`, `.pm6`, `META6.json`             |
+| Red              | `.red`, `.reds` files                                        |
+| Ruby             | `Gemfile`, `.ruby-version`                                   |
+| Rust             | `Cargo.toml`                                                  |
+| Scala            | `.scala`, `.sbt`, `build.sbt`, `.metals/`                    |
+| Solidity         | `.sol` files                                                 |
+| Spack            | `SPACK_ENV` environment                                      |
+| Swift            | `.swift` files, `Package.swift`                              |
+| Terraform        | `.tf`, `.tfplan`, `.tfstate`, `.terraform/`                  |
+| Typst            | `.typ` files, `template.typ`                                 |
+| Vagrant          | `Vagrantfile`                                                |
+| V                | `.v` files, `v.mod`, `vpkg.json`                             |
+| Xmake            | `xmake.lua`                                                  |
+| Zig              | `.zig` files, `build.zig`                                    |
 
 ## Install
 
@@ -127,7 +173,7 @@ This means Zentui works with any Pi theme — it uses your theme's colors by def
 
 ## Requirements
 
-- [Pi](https://github.com/badlogic/pi-mono) coding agent
+- [Pi](https://pi.dev) coding agent 0.74 or newer
 - A [Nerd Font](https://www.nerdfonts.com/) for icons
 
 ## Development

package/extensions/zentui/config.ts

@@ -1,6 +1,6 @@
 import { existsSync, readFileSync, writeFileSync } from "node:fs";
 import { join } from "node:path";
-import { getAgentDir } from "@mariozechner/pi-coding-agent";
+import { getAgentDir } from "@earendil-works/pi-coding-agent";
 
 export type ColorSpec = string;
 
@@ -129,6 +129,46 @@ function hexToAnsi(hex: string, isBackground = false): string {
 	return `\x1b[${isBackground ? 48 : 38};2;${r};${g};${b}m`;
 }
 
+const terminalColorCodes = new Map([
+	["black", 30],
+	["red", 31],
+	["green", 32],
+	["yellow", 33],
+	["blue", 34],
+	["purple", 35],
+	["cyan", 36],
+	["white", 37],
+	["bright-black", 90],
+	["bright-red", 91],
+	["bright-green", 92],
+	["bright-yellow", 93],
+	["bright-blue", 94],
+	["bright-purple", 95],
+	["bright-cyan", 96],
+	["bright-white", 97],
+]);
+
+const terminalStyleModifiers = new Map([
+	["bold", 1],
+	["dim", 2],
+	["dimmed", 2],
+	["italic", 3],
+	["underline", 4],
+]);
+
+function terminalColorToAnsi(color: string): string | undefined {
+	const normalized = color.toLowerCase();
+	const colorCode = terminalColorCodes.get(normalized);
+	if (colorCode !== undefined) return `${colorCode}`;
+
+	if (/^(?:[0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5])$/.test(normalized)) {
+		return `38;5;${normalized}`;
+	}
+
+	if (isHexColor(normalized)) return hexToAnsi(normalized).slice(2, -1);
+	return undefined;
+}
+
 type ThemeLike = {
 	fg(color: string, text: string): string;
 };
@@ -161,6 +201,26 @@ export function colorize(theme: ThemeLike, color: ColorSpec, text: string): stri
 	return theme.fg("text", text);
 }
 
+export function renderTerminalStyle(style: string, text: string): string {
+	const codes: string[] = [];
+	for (const token of style.trim().split(/\s+/)) {
+		if (!token) continue;
+
+		const normalized = token.toLowerCase();
+		const modifier = terminalStyleModifiers.get(normalized);
+		if (modifier !== undefined) {
+			codes.push(`${modifier}`);
+			continue;
+		}
+
+		const foreground = normalized.startsWith("fg:") ? normalized.slice(3) : normalized;
+		const color = terminalColorToAnsi(foreground);
+		if (color) codes.push(color);
+	}
+
+	return codes.length ? `\x1b[${codes.join(";")}m${text}\x1b[0m` : text;
+}
+
 export function ensureConfigExists(): void {
 	try {
 		if (!existsSync(configPath)) {

package/extensions/zentui/index.ts

@@ -1,16 +1,22 @@
-import type { AssistantMessage } from "@mariozechner/pi-ai";
+import type { AssistantMessage } from "@earendil-works/pi-ai";
 import type {
 	ExtensionAPI,
 	ExtensionContext,
 	KeybindingsManager,
 	Theme,
-} from "@mariozechner/pi-coding-agent";
-import { type EditorTheme, type TUI, truncateToWidth, visibleWidth } from "@mariozechner/pi-tui";
-import { type PolishedTuiConfig, colorize, ensureConfigExists, loadConfig } from "./config";
+} from "@earendil-works/pi-coding-agent";
+import { type EditorTheme, type TUI, truncateToWidth, visibleWidth } from "@earendil-works/pi-tui";
+import {
+	type PolishedTuiConfig,
+	colorize,
+	ensureConfigExists,
+	loadConfig,
+	renderTerminalStyle,
+} from "./config";
 import { type GitStatusSummary, emptyGitStatus, readGitStatus } from "./git";
 import { type StopProjectRefreshInterval, startProjectRefreshInterval } from "./project-refresh";
 import { type RuntimeInfo, readRuntimeInfo } from "./runtime";
-import { PolishedEditor, patchUserMessageComponent, restoreUserMessageComponent } from "./ui";
+import { PolishedEditor } from "./ui";
 
 type FooterState = GitStatusSummary & {
 	modelLabel: string;
@@ -85,30 +91,6 @@ function buildContextLabel(ctx: ExtensionContext): string {
 	return `${percent}/${formatCount(contextWindow)}`;
 }
 
-function getRuntimeColorToken(runtime: RuntimeInfo | undefined): string {
-	switch (runtime?.name) {
-		case "nodejs":
-			return "success";
-		case "deno":
-			return "syntaxType";
-		case "bun":
-			return "warning";
-		case "python":
-		case "java":
-			return "warning";
-		case "rust":
-		case "ruby":
-			return "error";
-		case "golang":
-			return "syntaxType";
-		case "lua":
-		case "php":
-			return "accent";
-		default:
-			return "text";
-	}
-}
-
 function formatRuntimeSegment(
 	theme: Pick<Theme, "fg">,
 	runtime: RuntimeInfo | undefined,
@@ -116,7 +98,7 @@ function formatRuntimeSegment(
 ): string {
 	if (!runtime) return "";
 	const label = runtime.version ? `${runtime.symbol} ${runtime.version}` : runtime.symbol;
-	return `${colorize(theme, mutedColor, "via")} ${colorize(theme, getRuntimeColorToken(runtime), label)}`;
+	return `${colorize(theme, mutedColor, "via")} ${renderTerminalStyle(runtime.style, label)}`;
 }
 
 function formatCwdLabel(cwd: string, cwdIcon: string): string {
@@ -145,6 +127,25 @@ export default function (pi: ExtensionAPI) {
 
 	const refresh = () => requestFooterRender?.();
 
+	const cleanupUi = (ctx?: ExtensionContext) => {
+		stopProjectRefreshInterval();
+		stopProjectRefreshInterval = () => {};
+		projectRefreshInFlight = false;
+		projectRefreshPending = false;
+		requestFooterRender = undefined;
+		if (ctx?.hasUI) {
+			ctx.ui.setFooter(undefined);
+			ctx.ui.setEditorComponent(undefined);
+		}
+	};
+
+	const refreshInteractiveState = (ctx: ExtensionContext, project = false) => {
+		if (!ctx.hasUI) return;
+		syncState(ctx);
+		if (project) scheduleProjectRefresh(ctx);
+		refresh();
+	};
+
 	const syncState = (ctx: ExtensionContext) => {
 		const totals = getUsageTotals(ctx);
 		state.modelLabel = ctx.model?.id ?? "no-model";
@@ -198,6 +199,7 @@ export default function (pi: ExtensionAPI) {
 				},
 				invalidate() {},
 				render(width: number): string[] {
+					if (width <= 0) return [""];
 					const innerWidth = Math.max(1, width - 2);
 					const cwdLabel = colorize(
 						theme,
@@ -254,11 +256,12 @@ export default function (pi: ExtensionAPI) {
 					const rightWidth = visibleWidth(right);
 					const content =
 						leftWidth >= innerWidth
-							? truncateToWidth(left, innerWidth)
+							? truncateToWidth(left, innerWidth, "")
 							: leftWidth + 1 + rightWidth <= innerWidth
 								? `${left}${" ".repeat(innerWidth - leftWidth - rightWidth)}${right}`
-								: left;
-					return [` ${content} `];
+								: truncateToWidth(left, innerWidth, "");
+					const framed = width > 2 ? ` ${truncateToWidth(content, width - 2, "")} ` : content;
+					return [truncateToWidth(framed, width, "")];
 				},
 			};
 		});
@@ -285,9 +288,9 @@ export default function (pi: ExtensionAPI) {
 	};
 
 	const installUi = (ctx: ExtensionContext) => {
+		if (!ctx.hasUI) return;
 		ensureConfigExists();
 		currentConfig = loadConfig();
-		patchUserMessageComponent(ctx.ui.theme);
 		installFooter(ctx);
 		installEditor(ctx);
 		stopProjectRefreshInterval();
@@ -303,43 +306,31 @@ export default function (pi: ExtensionAPI) {
 		installUi(ctx);
 	});
 
-	pi.on("session_shutdown", async () => {
-		stopProjectRefreshInterval();
-		stopProjectRefreshInterval = () => {};
-		restoreUserMessageComponent();
+	pi.on("session_shutdown", async (_event, ctx) => {
+		cleanupUi(ctx);
 	});
 
 	pi.on("agent_start", async (_event, ctx) => {
-		syncState(ctx);
-		refresh();
+		refreshInteractiveState(ctx);
 	});
 
 	pi.on("agent_end", async (_event, ctx) => {
-		syncState(ctx);
-		scheduleProjectRefresh(ctx);
-		refresh();
+		refreshInteractiveState(ctx, true);
 	});
 
 	pi.on("model_select", async (_event, ctx) => {
-		syncState(ctx);
-		refresh();
+		refreshInteractiveState(ctx);
 	});
 
 	pi.on("message_end", async (_event, ctx) => {
-		syncState(ctx);
-		scheduleProjectRefresh(ctx);
-		refresh();
+		refreshInteractiveState(ctx, true);
 	});
 
 	pi.on("tool_execution_end", async (_event, ctx) => {
-		syncState(ctx);
-		scheduleProjectRefresh(ctx);
-		refresh();
+		refreshInteractiveState(ctx, true);
 	});
 
 	pi.on("session_compact", async (_event, ctx) => {
-		syncState(ctx);
-		scheduleProjectRefresh(ctx);
-		refresh();
+		refreshInteractiveState(ctx, true);
 	});
 }