@bismawy/pi-arnative 0.2.8 → 0.2.9

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # Changelog
 
+## [0.2.9] - 2026-09-30
+
+### Fixed
+- The startup `[Context]`, `[Skills]`, `[Extensions]` and `[Themes]` lists stacked under the header again on pi ≥ 0.99: pi replaced `ExpandableText`'s `getCollapsedText`/`getExpandedText` fields with a `build` callback plus a `state` object, so the section detector matched nothing and the tabs stayed at `[0]`. Both shapes are read now (`sectionBodyOf`), and the same applies to the `[Extension issues]` box, which read the stale `child.text` snapshot instead of the theme-aware `build()` output.
+- Fixed NPM version badge in `README.md` to reference `@bismawy/pi-arnative` instead of placeholder `react`.
+
+---
+
 ## [0.2.8] - 2026-09-28
 
 ### Fixed

package/README.md

@@ -1,9 +1,9 @@
 # Arnative
 
-A visual layer and tool styling tailored to your vibe coding.
+Refined aesthetics. Cohesive tools. Built for Pi.
 
 [![Custom badge](https://shieldcn.dev/badge/pi-%20Packages.svg?variant=outline&size=xs&logo=ri%3APiPiBold)](https://pi.dev/packages/@bismawy/pi-arnative)
-[![badge](https://shieldcn.dev/npm/react.svg?variant=outline&size=xs)](https://www.npmjs.com/package/@bismawy/pi-arnative)
+[![badge](https://shieldcn.dev/npm/@bismawy/pi-arnative.svg?variant=outline&size=xs)](https://www.npmjs.com/package/@bismawy/pi-arnative)
 [![license](https://shieldcn.dev/github/bismawy/pi-arnative/license.svg?variant=outline&size=xs)](https://github.com/bismawy/pi-arnative)
 
 ![Arnative: tabbed header, rounded tool boxes, transcript clock and /usage dashboard](https://raw.githubusercontent.com/bismawy/pi-arnative/main/assets/pi-arnative.webp)
@@ -35,32 +35,23 @@ pi --extension ./extensions/footer.ts
 
 ## Shortcuts
 
-| Key / Action | Result |
+| Key (Linux / Win) | Action |
 | --- | --- |
+| `ctrl+alt+t` · `alt+t` | Cycle header tabs |
+| `ctrl+alt+r` · `alt+r` | Quick reload (`/reload`) |
+| `ctrl+alt+n` · `alt+n` | New session (`/new`) — requires keybinding below |
 | `/usage` | Show session usage & token metrics |
-| `ctrl+alt+t` (`alt+t` on Windows/WSL) | Cycle header tabs (Directory → Model → Context → Skills → Extensions → Themes → Shortcut) |
-| `ctrl+alt+n` (`alt+n` on Windows/WSL) | Start a new session (`/new`) — see [Keybindings](#keybindings) |
-| `ctrl+alt+r` (`alt+r` on Windows/WSL) | Quick reload runtime (`/reload`) |
 | Click tab | Open selected header tab |
 | Click tool / `ctrl+e` | Toggle tool output box |
 
-Same cheatsheet in the header's **Shortcut** tab — it shows the variant your platform actually uses (on macOS `alt` reads `option`); on narrow terminals the rightmost tabs drop off first.
+> **Notes:**
+> - **Windows / WSL:** Windows Terminal aliases `Ctrl+Alt` to AltGr; use `alt+…` (or set `"altGrAliasing": false` in WT profile).
+> - **macOS:** uses `ctrl+option+…` (plain Option composes special characters).
+> - **Herdr / tmux glitch:** if shortcuts feel delayed or type stray letters, set `PI_TUI_ESC_TIMEOUT=100` in your shell profile.
 
-### Platform notes
+### Keybindings
 
-- **Windows / WSL:** Windows Terminal ≥ 1.24 aliases every `Ctrl+Alt` combo to AltGr ([microsoft/terminal#20052](https://github.com/microsoft/terminal/pull/20052)), so the legacy `ESC` + control-byte encoding never leaves the terminal. Both variants are registered there; `alt+…` is what pi itself uses for the same reason (`alt+v` paste image, `alt+p` cycle model). Setting `"altGrAliasing": false` in your Windows Terminal profile brings `ctrl+alt+…` back.
-- **macOS:** only `ctrl+option+…` is registered — plain Option composes characters (`Option+r` = ®) unless “Use Option as Meta key” is on. Works in iTerm2 and Terminal.app as-is.
-- **Linux desktops:** `ctrl+alt+t` is “launch terminal” on Ubuntu/Fedora GNOME, which eats the key before pi sees it. Rebind it there if you want tab cycling.
-- **Multiplexers (Herdr/tmux) + slow PTYs:** every `ctrl+alt+…` / `alt+…` shortcut is sent as `ESC` followed by a byte. pi waits only ~10 ms for that second byte before treating a lone `ESC` as the Escape key — and an Escape mid-turn aborts it, leaving a stray `r`/`t`/`n` in the editor. That is why the shortcut can look “glitchy” and why it is intermittent. Raise the window with `PI_TUI_ESC_TIMEOUT=100` in the environment that launches pi (same knob pi auto-applies over SSH, at the cost of a ~100 ms delay before a real Escape registers):
-
-  ```powershell
-  $env:PI_TUI_ESC_TIMEOUT = 100; pi
-  ```
-
-## Keybindings
-
-`ctrl+alt+n` is a plain user keybinding, not a package shortcut — pi-arnative never registers it.
-Add it once to `~/.pi/agent/keybindings.json` (the list form keeps Linux and Windows working):
+Add to `~/.pi/agent/keybindings.json` to bind `app.session.new`:
 
 ```json
 {
@@ -68,8 +59,6 @@ Add it once to `~/.pi/agent/keybindings.json` (the list form keeps Linux and Win
 }
 ```
 
-Restart pi to pick it up.
-
 ## Architecture
 
 <details>

package/extensions/section-headers.ts

@@ -72,6 +72,28 @@ export function fgFirst(th: Themeish, names: string[], text: string): string {
 	return text;
 }
 
+/**
+ * Collapsed body of a pi startup section ("[Skills]\n  a, b"). pi 0.99 dropped
+ * ExpandableText's own getCollapsedText/getExpandedText fields for a `build` callback
+ * plus a `state` object, so both shapes are read here and older pi keeps working.
+ * Returns null when the child is not an expandable section.
+ */
+export function sectionBodyOf(child: any): string | null {
+	if (typeof child?.getCollapsedText === "function") return String(child.getCollapsedText());
+	if (typeof child?.build === "function" && child?.state && typeof child.state === "object") {
+		return String(child.build());
+	}
+	return null;
+}
+
+/** Text of a themed text line, whichever pi version built it (pi 0.99 defers it to `build`). */
+export function themedTextOf(child: any): string {
+	if (typeof child?.build === "function") return String(child.build());
+	const direct = child?.text ?? child?.content;
+	if (typeof direct === "string" && direct !== "") return direct;
+	return typeof child?.getText === "function" ? String(child.getText()) : "";
+}
+
 export function sectionNameOf(text: string): "Context" | "Skills" | "Extensions" | "Themes" | null {
 	const nl = text.indexOf("\n");
 	const first = stripAnsi(nl === -1 ? text : text.slice(0, nl)).trim();
@@ -587,20 +609,19 @@ if (UserMessageComponent?.prototype && !(globalThis as Record<symbol, boolean>)[
 		const origAddChild = containerProto.addChild;
 		containerProto.addChild = function (child: any): unknown {
 			try {
-				const sectionName = sectionNameOf(String(child?.getCollapsedText?.() ?? ""));
+				const body = sectionBodyOf(child);
+				const sectionName = body === null ? null : sectionNameOf(body);
 				const isSection =
-					child &&
-					typeof child.getCollapsedText === "function" &&
-					typeof child.getExpandedText === "function" &&
+					body !== null &&
 					typeof child.setText === "function" &&
+					typeof child.render === "function" &&
 					(sectionName === null ? false : SECTION_ICONS[sectionName] !== undefined);
 
-				if (isSection && sectionName) {
+				if (isSection && sectionName && body !== null) {
 					// Mark this container as the loadedResourcesContainer
 					(this as Record<string, unknown>)._isLoadedResourcesContainer = true;
 
-					const origCollapsed = child.getCollapsedText.bind(child) as () => string;
-					const rawBody = origCollapsed().split("\n").slice(1).join("\n");
+					const rawBody = body.split("\n").slice(1).join("\n");
 					const items = extractItemsFromBody(rawBody, sectionName === "Extensions");
 					tabStore.set(sectionName, items);
 
@@ -613,7 +634,7 @@ if (UserMessageComponent?.prototype && !(globalThis as Record<symbol, boolean>)[
 					}
 				} else if ((this as Record<string, unknown>)._isLoadedResourcesContainer) {
 					// pi core's "[Extension issues]" -> wrap in an arnative box.
-					const text = String(child?.text ?? child?.content ?? (typeof child?.getText === "function" ? child.getText() : ""));
+					const text = themedTextOf(child);
 					if (text.includes("[Extension issues]") && typeof child.render === "function") {
 						const origRender = child.render.bind(child);
 						child.render = (w: number) => renderBoxLines(activeThemeProxy, w, origRender(w), undefined, "warning");
@@ -893,5 +914,22 @@ if (isMain(import.meta.url)) {
 	assert(fakeSection.render(80).length === 0, "child of loadedResourcesContainer suppressed (render = [])");
 	assert(tabStore.get("Skills")?.includes("new-skill-1") === true, "new data lands in tabStore");
 
+	// pi 0.99 ExpandableText shape: `build` callback + `state` object, no getters.
+	const modernSection = {
+		state: { expanded: false },
+		build: () => "[Themes]\n  arnative-sun, arnative-dusk",
+		setText: () => {},
+		render: (_w: number) => ["should be hidden"],
+	};
+	container.addChild(modernSection);
+	assert(modernSection.render(80).length === 0, "pi 0.99 section suppressed (build + state shape)");
+	assert(tabStore.get("Themes")?.includes("arnative-sun") === true, "pi 0.99 section data lands in tabStore");
+
+	// Startup help block is not a resource section and must survive untouched.
+	const helpBlock = { build: () => "\u2580\u2580\u2588  v0.99.1\n\u2588\u2580 \u2588 escape interrupt", state: { expanded: false }, render: () => ["help"] };
+	container.addChild(helpBlock);
+	assert(sectionBodyOf(helpBlock) === "\u2580\u2580\u2588  v0.99.1\n\u2588\u2580 \u2588 escape interrupt", "sectionBodyOf reads the build shape");
+	assert(sectionNameOf(sectionBodyOf(helpBlock)!) === null, "startup help block is not a resource section");
+
 	console.log("section-headers.ts self-check OK");
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bismawy/pi-arnative",
-  "version": "0.2.8",
-  "description": "Arnative look for Pi: 11 warm-neutral themes, rounded tool boxes, branded header with tabs, 2-line footer with git/model/status, transcript clock, and a /usage dashboard.",
+  "version": "0.2.9",
+  "description": "Arnative look for Pi: warm-neutral themes, rounded tool boxes, tabbed header, compact footer, transcript clock, and a /usage dashboard.",
   "keywords": [
     "pi-package",
     "pi-theme",