@adeildo/pi-look 5.1.0 → 5.3.0

package/README.md

@@ -1,64 +1,74 @@
-# @adeildo/pi-look
+<h1 align="center">@adeildo/pi-look</h1>
 
-[![npm](https://img.shields.io/npm/v/@adeildo/pi-look)](https://www.npmjs.com/package/@adeildo/pi-look)
+<p align="center">
+  <a href="https://www.npmjs.com/package/@adeildo/pi-look"><img src="https://img.shields.io/npm/v/@adeildo/pi-look" alt="npm"></a>
+  <a href="https://pi.dev"><img src="https://img.shields.io/badge/dynamic/json?url=https%3A%2F%2Fraw.githubusercontent.com%2Ffelipeadeildo%2Fpi-harness%2Fmain%2Fpackage.json&query=%24.devDependencies%5B%22%40earendil-works%2Fpi-coding-agent%22%5D&label=pi%20SDK&color=6E56CF" alt="pi SDK"></a>
+</p>
 
-[Pi](https://pi.dev)'s start screen, editor, footer and working line, redrawn around the numbers that matter while the agent works. It paints only with the colours of the theme you run, and the screen holds still while the numbers change.
+<p align="center">
+  <strong>Pi's screen, drawn around the numbers that matter while the agent works.</strong><br>
+  The start card, the editor framed with the branch and the model, a box around every command, and a footer with what the session costs.
+</p>
 
-```bash
-pi install npm:@adeildo/pi-look
-```
+<p align="center"><code>pi install npm:@adeildo/pi-look</code></p>
 
-It also comes in [`@adeildo/pi-harness`](../harness), with the rest of the pieces.
+<!-- docs:look/preview -->
 
 <p align="center">
-  <img src="https://raw.githubusercontent.com/felipeadeildo/pi-harness/main/packages/look/assets/preview.png" alt="The start card with the model, the folder, the branch and the keys, and below it the framed editor with the branch and folder in its top border and the model and context in its bottom border." width="860">
+  <img src="https://raw.githubusercontent.com/felipeadeildo/pi-harness/main/packages/look/assets/preview.png" alt="Pi with the look: the start card, then the strip with the stopwatch and the last call, the framed editor with the branch, the model and the context, and below it the cost, the tokens, the cache and the average speeds." width="860">
+  <br>
+  <em>The start card, then a prompt halfway through its answer.</em>
 </p>
 
-## What is on the screen
+<!-- /docs -->
 
-**The start card** says what the session starts with: the model and its effort, the folder and the state of the tree, the machine, how many tools, skills, prompts and extensions loaded, and the keys worth knowing, read from your keybindings.
+## The screen
 
-**The strip above the editor** is calm on purpose. Nothing in it moves while the model streams except the stopwatch.
+A finished answer takes a box of its own, so you can see what the model wants to run before it runs. The mark of the tool and its name sit on the top line, the command under them, and the reason it was allowed under that, when another model answered it. A line cuts the command off from what it printed, and the bottom line says how it went: a check, a cross, and how long it took. A command still running says `running` with the time so far. A tool from an MCP server shows its server and tool instead of `mcp__server__tool`. A tool with no drawing of its own, like the memory calls, gets the same box with its name and arguments on top and its text under the cut.
 
-| Piece                                            | Means                                                                                                                                   |
-| ------------------------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------- |
-| `0:12  3 calls`                                  | How long the agent has worked on this prompt, and how many calls to the model it made                                                   |
-| `last call 1.7s wait  900ms thought  ↓906 tok/s` | The last call that finished: how long the model took to start, how long it thought before writing, and how fast it wrote. Final numbers |
+<!-- docs:look/call -->
 
-**The frame** around the editor carries the branch with its distance and changes, the folder, the permission mode, the model with an effort meter, and the context. The border takes pi's own effort colour, so it warms up as the model thinks harder and turns to the bash colour in shell mode.
+<p align="center">
+  <img src="https://raw.githubusercontent.com/felipeadeildo/pi-harness/main/packages/look/assets/call.png" alt="Three commands, each in its own box: a bash command with the reason it was allowed and the time it took, a file read, and a command still running." width="860">
+  <br>
+  <em>One command that ran, one a rule let through, and one still going.</em>
+</p>
 
-**The spinner** names the state instead of saying "Working": `waiting` for the first token, `thinking`, `writing`, `drafting bash` while the model writes the call, `running bash` while it runs.
+<!-- /docs -->
 
-**The footer** is the session: the cost, tokens sent and received, the cache hit of the last prompt, the average speeds, and last what other packages report, because it changes the most.
+The strip above the editor is calm on purpose. Nothing moves while the model streams except the stopwatch.
 
-## It holds still
+| Piece                                            | Means                                                                                                   |
+| ------------------------------------------------ | ------------------------------------------------------------------------------------------------------- |
+| `0:12  3 calls`                                  | How long the agent has worked on this prompt, and how many calls to the model it made                   |
+| `last call 1.7s wait  900ms thought  ↓906 tok/s` | The last call: how long the model took to start, how long it thought then wrote, and how fast it writes |
 
-Numbers change on every frame and the screen must not move with them.
+The border around the editor carries the branch with its distance and changes, the folder, the permission mode, the model with an effort meter, and the context. It takes pi's own effort colour, so it warms up as the model thinks harder and turns to the shell colour in bash mode.
 
-- Every number sits in a cell of fixed width, so `  17` and `2.8k` take the same room.
-- A value not known yet shows as `–` in its cell and does not appear later in the middle of the line.
-- The working time is a stopwatch, `0:59` then `1:00`, instead of `59s` then `1m 0s`.
-- An estimate is drawn quieter and does not gain a `~`.
-- The strip and the footer keep their line from the start, so the editor does not jump when the first answer arrives.
+The spinner names the state instead of saying "Working": `waiting` for the first token, `thinking`, `writing`, `drafting bash` while the model writes the call, `running bash` while it runs.
 
-Every finished answer leaves a small entry in the session with its time to first token and writing time, because pi records usage without a duration. That keeps the averages right after a resume.
+The footer is the session: the cost, the tokens sent and received, the cache of the last prompt, the average speeds, and last what other packages report, because that changes the most.
 
-## Your theme, not ours
+## It holds still
 
-The look never names a colour. Every piece names a **theme token**, so it follows whatever theme pi runs: `system`, `dark`, `light`, a JSON of yours, or the desktop theme below. Change the theme and every piece moves with it. The [reference](docs/reference.md#colours) maps each piece to its token.
+Numbers change on every frame, and the screen must not move with them.
 
-### The desktop theme
+- Every number sits in a cell of fixed width, so `  17` and `2.8k` take the same room.
+- A value nobody knows yet shows as `–` and does not appear later in the middle of the line.
+- The working time counts as a stopwatch, `0:59` then `1:00`.
+- An estimate is drawn quieter, so you know it is one.
+- The strip and the footer hold their line from the start, so the editor does not jump when the first answer arrives.
 
-If you run [DankMaterialShell](https://github.com/AvengeMedia/DankMaterialShell), matugen already made a palette from your wallpaper. The look turns it into the pi theme `desktop`, writes it to `~/.pi/agent/themes/desktop.json` and rewrites it when the palette changes. Pi reloads the active theme from that folder by itself, so a new wallpaper recolours a running pi. `Switch to it now`, in the Desktop theme section of the settings (`Alt+S`), writes the theme and makes it pi's.
+Pi records usage without a duration, so every finished answer leaves one small entry in the session with its time to the first token and its writing time. That is what keeps the averages right after a resume.
 
-## Settings
+## Your theme
 
-`Alt+S` opens them, on the Look tab. You can reorder and move every piece of the strip, the frame and the footer, pick the frame style, the icons and the separator, and switch off what you do not want. The [reference](docs/reference.md#settings) lists every key and every segment.
+The look never names a colour. Every piece names a theme token, so it follows whatever theme pi runs, and it moves with it when you change themes. The [reference](docs/reference.md#colours) maps each piece to its token.
 
-## Credit
+## Settings
 
-The framed editor and the idea of writing into its borders come from [pi-open-tui](https://github.com/OldSuns/pi-open-tui), which this replaces. The segments with priorities, and the status line in the editor border, come from [oh-my-pi](https://github.com/can1357/oh-my-pi).
+`Alt+S` opens them on the Look tab. You can reorder every piece of the strip, the frame and the footer, pick the frame style, the icons and the separator, and switch off what you do not want. The [reference](docs/reference.md#settings) lists every key and every segment.
 
-## License
+The framed editor, and the idea of writing into its borders, come from [pi-open-tui](https://github.com/OldSuns/pi-open-tui), which this replaces. The segments with priorities come from [oh-my-pi](https://github.com/can1357/oh-my-pi).
 
-[MIT](LICENSE)
+Part of [pi-harness](https://github.com/felipeadeildo/pi-harness), which brings every piece in one install.

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@adeildo/pi-look",
-	"version": "5.1.0",
+	"version": "5.3.0",
 	"description": "Pi's start screen, a framed editor and the footer, redrawn around the data that matters and painted only with the theme's colours.",
 	"keywords": [
 		"pi",
@@ -38,7 +38,7 @@
 		"access": "public"
 	},
 	"dependencies": {
-		"@adeildo/pi-kit": "5.1.0"
+		"@adeildo/pi-kit": "5.3.0"
 	},
 	"peerDependencies": {
 		"@earendil-works/pi-ai": "*",

package/src/data/snapshot.ts

@@ -1,5 +1,6 @@
 import { hostname } from "node:os";
 
+import type { AccountState } from "@adeildo/pi-kit";
 import { VERSION, type ExtensionContext, type SessionEntry } from "@earendil-works/pi-coding-agent";
 
 import type { GitState } from "./git.ts";
@@ -36,6 +37,7 @@ export interface Snapshot {
 	sessionName: string | undefined;
 	version: string;
 	model: ModelInfo | undefined;
+	account: AccountState | undefined;
 	thinking: string | undefined;
 	context: ContextInfo | undefined;
 	totals: Totals;
@@ -60,6 +62,7 @@ export function emptySnapshot(): Snapshot {
 		sessionName: undefined,
 		version: VERSION,
 		model: undefined,
+		account: undefined,
 		thinking: undefined,
 		context: undefined,
 		totals: emptyTotals(),
@@ -77,6 +80,7 @@ export function emptySnapshot(): Snapshot {
 export interface LiveInputs {
 	branch: string | null;
 	git: GitState | undefined;
+	account?: AccountState | undefined;
 	request: RequestView | undefined;
 	last: RequestView | undefined;
 	run: RunView | undefined;
@@ -117,6 +121,7 @@ export class SnapshotReader {
 							reasoning: model.reasoning,
 						},
 			thinking: ctx.thinkingLevel,
+			account: live.account,
 			context: contextOf(ctx),
 			...derived,
 			subscription: model === undefined ? false : ctx.modelRegistry.isUsingOAuth(model),

package/src/index.ts

@@ -1,4 +1,4 @@
-import { createApp, defineFeature, type FeatureScope } from "@adeildo/pi-kit";
+import { accountStateOf, createApp, defineFeature, type FeatureScope } from "@adeildo/pi-kit";
 import type {
 	ExtensionAPI,
 	ExtensionContext,
@@ -11,18 +11,15 @@ import { emptySnapshot, type Snapshot, SnapshotReader } from "./data/snapshot.ts
 import { Telemetry } from "./data/telemetry.ts";
 import type { DeltaKind } from "./data/telemetry.ts";
 import { REQUEST_ENTRY, type RequestRecord } from "./data/totals.ts";
-import { DESKTOP_THEME } from "./desktop/palette.ts";
-import { syncDesktopTheme, watchDesktopPalette } from "./desktop/sync.ts";
 import { resolveIcons } from "./render/glyphs.ts";
 import { PLAIN, themePaint } from "./render/paint.ts";
 import { claimedStatuses, renderSegments, SEGMENTS } from "./render/segments.ts";
 import {
 	below,
+	belowRight,
 	bottomLeft,
 	bottomRight,
 	cursor,
-	desktop,
-	desktopSource,
 	frame,
 	gaugeCells,
 	header,
@@ -42,11 +39,11 @@ import { applyCursor, LookEditor } from "./ui/editor.ts";
 import { FooterComponent, StripComponent } from "./ui/footer.ts";
 import { HeaderComponent, type LoadedCounts } from "./ui/header.ts";
 import type { Screen, SlotName } from "./ui/screen.ts";
+import { registerToolFrames } from "./ui/tool-frame.ts";
 import { type Activity, describe, draftedTool } from "./ui/working.ts";
 
 export { SEGMENT_IDS, SEGMENTS, type SegmentId } from "./render/segments.ts";
 export { ROLE_TOKENS } from "./render/paint.ts";
-export { desktopTheme, parseDesktopColors } from "./desktop/palette.ts";
 
 const STRIP_WIDGET = "pi-look:strip";
 const TICK_MS = 500;
@@ -59,7 +56,6 @@ interface Live {
 	git: GitState | undefined;
 	probing: boolean;
 	ticker: ReturnType<typeof setInterval> | undefined;
-	stopWatching: (() => void) | undefined;
 	frame: Snapshot | undefined;
 	activity: string | undefined;
 }
@@ -81,12 +77,12 @@ export const look = defineFeature({
 			git: undefined,
 			probing: false,
 			ticker: undefined,
-			stopWatching: undefined,
 			frame: undefined,
 			activity: undefined,
 		};
 
 		const screen = createScreen(scope, live, reader, telemetry);
+		registerToolFrames(scope);
 		const repaint = () => live.repaint?.();
 
 		for (const entry of LOOK_SETTINGS) entry.listen(scope, repaint);
@@ -95,7 +91,7 @@ export const look = defineFeature({
 		cursor.listen(scope, (style) => live.tui && applyCursor(live.tui, style));
 		peek.listen(scope, (on) => !on && live.ctx?.ui.setWorkingMessage());
 
-		scope.onSessionStart(async (ctx) => {
+		scope.onSessionStart((ctx) => {
 			live.ctx = ctx;
 			telemetry.reset();
 			void probeGit(live);
@@ -119,13 +115,10 @@ export const look = defineFeature({
 			});
 			installEditor(ctx, screen, live, scope);
 			installHeader(ctx, screen, scope);
-			if (desktop.get(scope)) await startDesktopSync(ctx, scope, live);
 		});
 
 		scope.onShutdown(() => {
 			stopTicking(live);
-			live.stopWatching?.();
-			live.stopWatching = undefined;
 			const ctx = live.ctx;
 			if (ctx?.mode === "tui") {
 				ctx.ui.setFooter(undefined);
@@ -212,28 +205,9 @@ export const look = defineFeature({
 			description: "Every piece the slots show right now, and what it means.",
 			run: () => explain(screen),
 		});
-
-		scope.screen.action({
-			id: "desktop.apply",
-			section: "Desktop theme",
-			label: "Switch to it now",
-			description: "Builds the desktop theme from the palette file and makes it pi's theme.",
-			run: (ctx) => switchToDesktopTheme(ctx, scope),
-		});
 	},
 });
 
-async function switchToDesktopTheme(ctx: ExtensionContext, scope: FeatureScope): Promise<string> {
-	const source = desktopSource.get(scope);
-	const result = await syncDesktopTheme(source);
-	if (result.kind === "missing") throw new Error(`no palette at ${source}`);
-	if (result.kind === "invalid") throw new Error(`cannot build the theme: ${result.reason}`);
-	const switched = ctx.ui.setTheme(DESKTOP_THEME);
-	if (!switched.success)
-		throw new Error(`wrote ${result.path}, but pi did not load it: ${switched.error ?? "unknown"}`);
-	return `Now on the ${DESKTOP_THEME} theme, built from ${source}.`;
-}
-
 const SLOT_TITLES: Record<SlotName, string> = {
 	strip: "Above the editor, this answer",
 	topLeft: "Frame, top left",
@@ -241,6 +215,7 @@ const SLOT_TITLES: Record<SlotName, string> = {
 	bottomLeft: "Frame, bottom left",
 	bottomRight: "Frame, bottom right",
 	below: "Below the editor, the session",
+	belowRight: "Below the editor, on the right",
 };
 
 function explain(screen: Screen): string {
@@ -288,6 +263,7 @@ function createScreen(
 		bottomLeft,
 		bottomRight,
 		below,
+		belowRight,
 	};
 
 	return {
@@ -298,6 +274,7 @@ function createScreen(
 			const snapshot = reader.read(ctx, {
 				branch: live.footerData?.getGitBranch() ?? null,
 				git: live.git,
+				account: accountStateOf(scope.events, ctx.model?.provider),
 				request: telemetry.request(),
 				last: telemetry.last(),
 				run: telemetry.run(),
@@ -375,23 +352,6 @@ function loadedCounts(pi: ExtensionAPI): LoadedCounts {
 	};
 }
 
-async function startDesktopSync(ctx: ExtensionContext, scope: FeatureScope, live: Live) {
-	const source = desktopSource.get(scope);
-	const sync = async () => {
-		const result = await syncDesktopTheme(source);
-		if (result.kind === "invalid") scope.warn(`desktop theme: ${result.reason}`);
-		return result;
-	};
-
-	const first = await sync();
-	if (first.kind === "missing") return;
-	if (first.kind === "written" && ctx.ui.theme.name !== DESKTOP_THEME) {
-		ctx.ui.notify(`look: wrote the ${DESKTOP_THEME} theme. /look theme switches to it.`, "info");
-	}
-	live.stopWatching?.();
-	live.stopWatching = watchDesktopPalette(source, () => void sync());
-}
-
 function setActivity(live: Live, scope: FeatureScope, activity: Activity): void {
 	if (!peek.get(scope)) return;
 	const message = describe(activity);

package/src/render/format.ts

@@ -56,6 +56,7 @@ export function latency(milliseconds: number): string {
 }
 
 export function money(amount: number): string {
+	if (amount === 0) return "$0.00";
 	return amount >= 10 ? `$${amount.toFixed(2)}` : `$${amount.toFixed(3)}`;
 }
 

package/src/render/segments.ts

@@ -1,3 +1,5 @@
+import type { AccountWindow } from "@adeildo/pi-kit";
+
 import type { Snapshot } from "../data/snapshot.ts";
 import { promptOf, tokensOf, type Totals } from "../data/totals.ts";
 import type { Piece } from "./fit.ts";
@@ -38,6 +40,7 @@ export const SEGMENT_IDS = [
 	"request",
 	"costRate",
 	"cost",
+	"quota",
 	"tokens",
 	"cache",
 	"average",
@@ -58,11 +61,19 @@ export function isSegmentId(value: string): value is SegmentId {
 	);
 }
 
+/** Status keys a builtin segment already draws, so the statuses segment skips them. */
+const CLAIMED_BY_SEGMENT: Partial<Record<BuiltinSegment, string>> = {
+	model: "pi-providers:account",
+};
+
 export function claimedStatuses(slots: readonly (readonly SegmentId[])[]): Set<string> {
 	const claimed = new Set<string>();
 	for (const ids of slots) {
-		for (const id of ids)
+		for (const id of ids) {
 			if (id.startsWith(STATUS_PREFIX)) claimed.add(id.slice(STATUS_PREFIX.length));
+			const bySegment = CLAIMED_BY_SEGMENT[id as BuiltinSegment];
+			if (bySegment !== undefined) claimed.add(bySegment);
+		}
 	}
 	return claimed;
 }
@@ -180,13 +191,32 @@ export const SEGMENTS: Record<BuiltinSegment, Segment> = {
 	},
 	model: {
 		priority: 100,
-		describe: "the model doing the work, after its provider",
+		describe: "the model doing the work, after its provider and the account it runs on",
 		render: ({ snapshot, glyphs, paint }) => {
 			const icon = mark(glyphs.model, paint, "provider");
 			if (snapshot.model === undefined) return { text: `${icon}${paint.dim("no model")}` };
 			const name = paint.bold(paint.role("model", snapshot.model.name));
-			const provider = `${paint.role("provider", snapshot.model.provider)}${paint.dim("/")}`;
-			return { text: `${icon}${provider}${name}`, compact: `${icon}${name}` };
+			const account =
+				snapshot.account === undefined
+					? ""
+					: `${paint.dim("(")}${paint.role("provider", snapshot.account.label)}${paint.dim(")")}`;
+			const provider = `${paint.role("provider", snapshot.model.provider)}${account}${paint.dim("/")}`;
+			return {
+				text: `${icon}${provider}${name}`,
+				compact: account === "" ? `${icon}${name}` : `${icon}${name} ${account}`,
+			};
+		},
+	},
+	quota: {
+		priority: 58,
+		describe: "what each window of the plan spent, and when it resets",
+		render: ({ snapshot, paint }) => {
+			const account = snapshot.account;
+			if (account === undefined) return undefined;
+			if (account.needsLogin === true) return { text: paint.stress(100, "sign in again") };
+			if (account.windows.length === 0) return undefined;
+			const text = account.windows.map((window) => quotaWindow(paint, window)).join("  ");
+			return { text };
 		},
 	},
 	effort: {
@@ -350,6 +380,7 @@ export const SEGMENTS: Record<BuiltinSegment, Segment> = {
 			"what the session cost; `sub` means a subscription, so it is what the tokens would have cost",
 		render: ({ snapshot, glyphs, paint }) => {
 			const amount = snapshot.totals.cost;
+			// A session that spent nothing has nothing to say yet.
 			if (amount === 0) return undefined;
 			const value = paint.money(amount, money(amount));
 			const sub = snapshot.subscription ? paint.dim(" sub") : "";
@@ -445,6 +476,14 @@ export function renderSegments(ids: readonly SegmentId[], input: SegmentInput):
 	});
 }
 
+/** One plan window, like `5h 62% resets in 2h`. The percent carries the color. */
+function quotaWindow(paint: Paint, window: AccountWindow): string {
+	const used = paint.stress(window.used, `${window.used}%`);
+	const reset =
+		window.resetsIn === undefined ? "" : ` ${paint.muted(`resets in ${window.resetsIn}`)}`;
+	return `${paint.dim(window.name)} ${used}${reset}`;
+}
+
 function mark(glyph: string, paint: Paint, role: Role): string {
 	return glyph === "" ? "" : `${paint.role(role, glyph)} `;
 }

package/src/render/tools.ts

@@ -0,0 +1,105 @@
+// The mark and the name a tool call is drawn with. The mark follows the icon set in the look's
+// settings, like every other glyph on the screen.
+import type { IconSet } from "./glyphs.ts";
+
+type ToolKind = "shell" | "read" | "search" | "edit" | "web" | "agent" | "mcp" | "other";
+
+const ICONS: Record<IconSet, Record<ToolKind, string>> = {
+	nerd: {
+		shell: "\u{f120}", // nf-fa-terminal
+		read: "\u{f15c}", // nf-fa-file_lines
+		search: "\u{f002}", // nf-fa-search
+		edit: "\u{f044}", // nf-fa-pencil
+		web: "\u{f0ac}", // nf-fa-globe
+		agent: "\u{f06a9}", // nf-md-robot
+		mcp: "\u{f1e6}", // nf-fa-plug
+		other: "\u{f013}", // nf-fa-gear
+	},
+	unicode: {
+		shell: "\u276f",
+		read: "\u25a4",
+		search: "\u2315",
+		edit: "\u270e",
+		web: "\u25cd",
+		agent: "\u25c6",
+		mcp: "\u226b",
+		other: "\u25cb",
+	},
+	ascii: {
+		shell: "$",
+		read: "=",
+		search: "?",
+		edit: "+",
+		web: "@",
+		agent: "*",
+		mcp: ">",
+		other: "-",
+	},
+};
+
+export type CallPhase = "writing" | "waiting" | "running" | "done" | "failed";
+
+const MARKS: Record<IconSet, Record<CallPhase, string>> = {
+	nerd: {
+		writing: "\u{f044}", // nf-fa-pencil
+		waiting: "\u{f252}", // nf-fa-hourglass_half
+		running: "\u{f017}", // nf-fa-clock_o
+		done: "\u{f00c}", // nf-fa-check
+		failed: "\u{f00d}", // nf-fa-times
+	},
+	unicode: {
+		writing: "\u270e",
+		waiting: "\u29d6",
+		running: "\u25f7",
+		done: "\u2713",
+		failed: "\u2717",
+	},
+	ascii: { writing: "~", waiting: ":", running: "...", done: "ok", failed: "!" },
+};
+
+export function stateMark(phase: CallPhase, set: IconSet): string {
+	return MARKS[set][phase];
+}
+
+export function toolIcon(toolName: string, set: IconSet): string {
+	return ICONS[set][toolKind(toolName)];
+}
+
+/** The name as it reads on the frame: an MCP tool says its server rather than `mcp__server__tool`. */
+export function toolLabel(toolName: string): string {
+	const mcp = toolName.match(/^mcp__([^_]+)__(.+)$/u);
+	return mcp === null ? toolName : `${mcp[1]}:${mcp[2]}`;
+}
+
+function toolKind(toolName: string): ToolKind {
+	if (toolName.startsWith("mcp__")) return "mcp";
+	switch (toolName) {
+		case "bash":
+		case "powershell":
+		case "shell":
+			return "shell";
+		case "read":
+		case "ls":
+		case "find":
+			return "read";
+		case "grep":
+		case "glob":
+		case "tool_search":
+			return "search";
+		case "edit":
+		case "write":
+		case "apply_patch":
+			return "edit";
+		case "web_search":
+		case "fetch":
+		case "webfetch":
+		case "web_fetch":
+			return "web";
+		case "task":
+		case "agent":
+		case "subagent":
+			return "agent";
+		default:
+			return "other";
+	}
+}

package/src/settings.ts

@@ -7,7 +7,6 @@ import {
 	pass,
 	problem,
 	setting,
-	string,
 } from "@adeildo/pi-kit";
 
 import type { FrameStyle } from "./render/frame.ts";
@@ -15,21 +14,12 @@ import type { IconMode } from "./render/glyphs.ts";
 import { isSegmentId, SEGMENT_IDS, SEGMENTS, type SegmentId } from "./render/segments.ts";
 
 const PERMISSION_STATUS: SegmentId = "status:pi-ask-permission:mode";
-const ACCOUNT_STATUS: SegmentId = "status:pi-providers:account";
 
 const STATUS_LABELS: Partial<Record<SegmentId, string>> = {
 	[PERMISSION_STATUS]: "permission mode",
-	[ACCOUNT_STATUS]: "account",
 };
 
-export const SECTIONS = [
-	"Editor",
-	"Slots",
-	"Footer",
-	"Start screen",
-	"Working line",
-	"Desktop theme",
-];
+export const SECTIONS = ["Editor", "Slots", "Footer", "Start screen", "Working line"];
 
 export type HeaderStyle = "card" | "compact" | "off";
 export type SeparatorStyle = "dot" | "bar" | "slash" | "space";
@@ -65,11 +55,7 @@ function segments(fallback: readonly SegmentId[]): Decoder<SegmentId[]> {
 
 // Any other package's status can have a slot of its own, so the ones already placed are offered too.
 function slotControl(fallback: readonly SegmentId[]): Control {
-	const statuses = [
-		PERMISSION_STATUS,
-		ACCOUNT_STATUS,
-		...fallback.filter((id) => id.startsWith("status:")),
-	];
+	const statuses = [PERMISSION_STATUS, ...fallback.filter((id) => id.startsWith("status:"))];
 	return {
 		type: "list",
 		options: [
@@ -113,7 +99,7 @@ export const bottomLeft = slot(
 	"frame.bottomLeft",
 	"Frame, bottom left",
 	"How what you type is handled, and who does the work.",
-	[PERMISSION_MODE, "model", ACCOUNT_STATUS, "effort"],
+	[PERMISSION_MODE, "model", "effort"],
 );
 export const bottomRight = slot("frame.bottomRight", "Frame, bottom right", "How full it is.", [
 	"context",
@@ -124,6 +110,12 @@ export const below = slot(
 	"The session: cost, tokens, cache, average speeds, and what other packages report, last because it changes the most.",
 	["cost", "tokens", "cache", "average", "statuses"],
 );
+export const belowRight = slot(
+	"belowRight",
+	"Below the editor, on the right",
+	"The plan's quota: what each window spent, and when it resets.",
+	["quota"],
+);
 
 export const frame = setting<FrameStyle | "off">({
 	id: "look.frame.style",
@@ -225,29 +217,6 @@ export const peek = setting({
 	},
 });
 
-export const desktop = setting({
-	id: "look.desktop.theme",
-	default: true,
-	decoder: boolean,
-	ui: {
-		section: "Desktop theme",
-		label: "Desktop theme",
-		description:
-			"Write the matugen palette from DankMaterialShell as the pi theme `desktop`, and keep it in sync.",
-	},
-});
-
-export const desktopSource = setting({
-	id: "look.desktop.source",
-	default: "~/.cache/DankMaterialShell/dms-colors.json",
-	decoder: string,
-	ui: {
-		section: "Desktop theme",
-		label: "Desktop palette",
-		description: "The DankMaterialShell colour file the desktop theme is made from.",
-	},
-});
-
 export const LOOK_SETTINGS = [
 	strip,
 	topLeft,
@@ -255,6 +224,7 @@ export const LOOK_SETTINGS = [
 	bottomLeft,
 	bottomRight,
 	below,
+	belowRight,
 	frame,
 	cursor,
 	header,
@@ -264,6 +234,4 @@ export const LOOK_SETTINGS = [
 	gaugeCells,
 	labels,
 	peek,
-	desktop,
-	desktopSource,
 ];

package/src/ui/footer.ts

@@ -57,7 +57,7 @@ export class FooterComponent implements Component {
 			lines.push(spread(screen, "topLeft", "topRight", room));
 			lines.push(spread(screen, "bottomLeft", "bottomRight", room));
 		}
-		lines.push(renderSlot(screen, "below", room));
+		lines.push(spread(screen, "below", "belowRight", room));
 
 		const kept = lines.filter((line) => line !== "").map((line) => `${pad}${line}`);
 		return kept.length === 0 ? [""] : kept;