pi-jar 0.1.0

package/src/usage-view.ts

@@ -0,0 +1,98 @@
+import type { Quota, QuotaWindow } from "./quota.ts";
+import type { SideCall } from "./side-model.ts";
+import { bar, duration, money, row, tokens, type Paint } from "./panel.ts";
+
+export interface ModelUsage { label: string; cost: number; input: number; output: number; cacheRead: number; cacheWrite: number; calls: number }
+export interface UsageStats { started?: number; prompts: number; responses: number; models: ModelUsage[]; side: ModelUsage[]; total: ModelUsage }
+
+type Entry = { type: string; timestamp?: string; message?: { role?: string; provider?: string; model?: string;
+  usage?: { input?: number; output?: number; cacheRead?: number; cacheWrite?: number; cost?: { total?: number } } } };
+
+const empty = (label: string): ModelUsage => ({ label, cost: 0, input: 0, output: 0, cacheRead: 0, cacheWrite: 0, calls: 0 });
+const num = (value: unknown) => typeof value === "number" && Number.isFinite(value) && value > 0 ? value : 0;
+function add(target: ModelUsage, usage: { input?: number; output?: number; cacheRead?: number; cacheWrite?: number; cost?: number }): void {
+  target.input += num(usage.input); target.output += num(usage.output); target.cacheRead += num(usage.cacheRead);
+  target.cacheWrite += num(usage.cacheWrite); target.cost += num(usage.cost); target.calls++;
+}
+
+/** Session totals from the active branch plus pi-jar's own side calls (advisor, commit, ...). */
+export function collectUsage(entries: readonly Entry[], side: readonly SideCall[]): UsageStats {
+  const models = new Map<string, ModelUsage>();
+  const sideModels = new Map<string, ModelUsage>();
+  const total = empty("total");
+  let started: number | undefined;
+  let prompts = 0;
+  let responses = 0;
+  for (const entry of entries) {
+    const at = entry.timestamp ? Date.parse(entry.timestamp) : NaN;
+    if (Number.isFinite(at) && (started === undefined || at < started)) started = at;
+    const message = entry.type === "message" ? entry.message : undefined;
+    if (message?.role === "user") prompts++;
+    if (message?.role !== "assistant" || !message.usage) continue;
+    responses++;
+    const label = `${message.provider ?? "?"}/${message.model ?? "?"}`;
+    const usage = { ...message.usage, cost: message.usage.cost?.total };
+    add(models.get(label) ?? models.set(label, empty(label)).get(label)!, usage);
+    add(total, usage);
+  }
+  for (const call of side) {
+    const label = `${call.role} → ${call.model}`;
+    add(sideModels.get(label) ?? sideModels.set(label, empty(label)).get(label)!, call);
+    add(total, call);
+  }
+  const byCost = (a: ModelUsage, b: ModelUsage) => b.cost - a.cost || b.calls - a.calls;
+  return { ...(started !== undefined ? { started } : {}), prompts, responses, models: [...models.values()].sort(byCost), side: [...sideModels.values()].sort(byCost), total };
+}
+
+function resetText(window: QuotaWindow, now: number): string {
+  if (!window.resetsAt) return "";
+  const at = window.resetsAt < 1e12 ? window.resetsAt * 1000 : window.resetsAt;
+  const date = new Date(at);
+  const soon = at - now < 24 * 3_600_000;
+  const when = date.toLocaleString(undefined, soon ? { hour: "numeric", minute: "2-digit" } : { weekday: "short", hour: "numeric", minute: "2-digit" });
+  return `Resets ${when} (in ${duration(Math.max(0, at - now))})`;
+}
+
+export interface UsageView { stats: UsageStats; provider?: string; quota?: Quota; quotaEnabled: boolean; now: number }
+
+/** Claude-style usage page: session totals, per-model breakdown, then plan limit bars. */
+export function usageLines(view: UsageView, width: number, fg: Paint): string[] {
+  const { stats, now } = view;
+  const heading = (text: string) => fg("accent", text);
+  const inner = Math.max(20, width - 2);
+  const tokenLine = (usage: ModelUsage) => [`${tokens(usage.input)} in`, `${tokens(usage.output)} out`,
+    ...(usage.cacheRead ? [`${tokens(usage.cacheRead)} cache read`] : []), ...(usage.cacheWrite ? [`${tokens(usage.cacheWrite)} cache write`] : [])].join(" · ");
+  const lines = [
+    heading("Session"),
+    "  " + row("Total cost", money(stats.total.cost), inner - 2),
+    "  " + row("Total duration", stats.started !== undefined ? duration(now - stats.started) : "—", inner - 2),
+    "  " + row("Turns", `${stats.prompts} prompt${stats.prompts === 1 ? "" : "s"} · ${stats.responses} response${stats.responses === 1 ? "" : "s"}`, inner - 2),
+    "  " + row("Tokens", tokenLine(stats.total), inner - 2),
+    "",
+    heading("Usage by model")
+  ];
+  if (!stats.models.length && !stats.side.length) lines.push(fg("dim", "  No model calls yet in this session."));
+  for (const usage of [...stats.models, ...stats.side]) {
+    const calls = stats.side.includes(usage) ? ` · ${usage.calls} call${usage.calls === 1 ? "" : "s"}` : "";
+    lines.push("  " + row(usage.label, fg("success", money(usage.cost)), inner - 2), fg("dim", "    " + tokenLine(usage) + calls));
+  }
+  lines.push("", heading(`Plan usage limits${view.provider ? " · " + view.provider : ""}`));
+  const windows: [string, QuotaWindow | undefined][] = [["Current session (5h)", view.quota?.fiveHour], ["Current week", view.quota?.week]];
+  if (!windows.some(([, window]) => window)) {
+    lines.push(fg("dim", view.provider === "anthropic" || view.provider === "openai-codex"
+      ? view.quotaEnabled ? "  Loading limits… reopen in a moment." : "  Limit lookup is off; enable it with /jar quota on."
+      : "  Plan limits are available for anthropic and openai-codex subscriptions."));
+    return lines;
+  }
+  for (const [label, window] of windows) {
+    if (!window) continue;
+    const used = Math.round(window.used);
+    const color = used >= 90 ? "error" : used >= 70 ? "warning" : "accent";
+    const suffix = ` ${used}% used`;
+    lines.push("  " + label, "  " + bar(fg, window.used, Math.min(50, inner - 4 - suffix.length), color) + suffix);
+    const reset = resetText(window, now);
+    if (reset) lines.push(fg("dim", "  " + reset));
+    lines.push("");
+  }
+  return lines;
+}

package/src/usage.ts

@@ -0,0 +1,16 @@
+import type { ExtensionContext } from "@earendil-works/pi-coding-agent";
+
+/** Sum the active session branch, not all historical branches, using Pi's reported monetary cost. */
+export function sessionCost(ctx: Pick<ExtensionContext, "sessionManager">): number {
+  let total = 0;
+  for (const entry of ctx.sessionManager.getBranch()) {
+    if (entry.type !== "message" || entry.message.role !== "assistant") continue;
+    const value = entry.message.usage.cost.total;
+    if (Number.isFinite(value) && value >= 0) total += value;
+  }
+  return total;
+}
+
+export function formatCost(value: number): string {
+  return `cost $${value < 0.01 && value > 0 ? value.toFixed(4) : value.toFixed(2)}`;
+}

package/src/welcome.ts

@@ -0,0 +1,260 @@
+import { sliceByColumn, stripTerminalSequences, truncateToWidth, visibleWidth } from "@earendil-works/pi-tui";
+import { FLAME_RAMP, FLAME_WIDTH, flameFrame, rgb, supportsTruecolor } from "./flame.ts";
+import { cleanText } from "./status.ts";
+
+export type WelcomeAction = "settings" | "refresh" | "roles" | "plan" | "goal" | `resume:${number}`;
+
+export interface WelcomeInfo {
+  version?: string;
+  model?: string;
+  effort?: string;
+  activeRole?: string;
+  project?: string;
+  context?: string;
+  cost?: string;
+  managers?: readonly ("tasks" | "subagents")[];
+  quotaEnabled?: boolean;
+  quota?: number;
+  /** Publisher-supplied live roles (other extensions, subagents). */
+  roles?: readonly { name: string; state: string; task?: string }[];
+  tasks?: number;
+  nextTask?: string;
+  plan?: { enabled: boolean; title?: string; steps: number };
+  goal?: string;
+  rolesSummary?: string;
+  branch?: string;
+  dirty?: boolean;
+  message?: string;
+  /** Pi fullscreen mode delivers mouse events; otherwise keyboard hints are shown. */
+  settingsClickable?: boolean;
+  flameSeed?: number;
+  /** Recent sessions for this project (loaded in the background). */
+  recent?: readonly { title: string; age: string; goal?: string; plan?: string }[];
+}
+
+type WelcomeColor = "accent" | "warning" | "error" | "muted" | "dim";
+type Paint = (color: WelcomeColor, text: string) => string;
+
+export const HOPEFUL_WELCOME_MESSAGES = [
+  "A small spark is enough to begin.",
+  "Keep the light on. There is a way through.",
+  "Even long nights end. One clear step at a time.",
+  "Carry the light forward. The path will meet you.",
+  "Steady hands, warm light, good work ahead.",
+  "The next clear step is enough for now.",
+  "Leave a little light for the work ahead.",
+  "Every useful thing starts as a small spark."
+] as const;
+
+export function hopefulWelcomeMessage(random: () => number = Math.random, previous?: string): string {
+  const pick = () => {
+    const value = random();
+    return HOPEFUL_WELCOME_MESSAGES[Math.min(HOPEFUL_WELCOME_MESSAGES.length - 1,
+      Math.max(0, Math.floor((Number.isFinite(value) ? value : 0) * HOPEFUL_WELCOME_MESSAGES.length)))]!;
+  };
+  let message = pick();
+  // Refresh should visibly change the message.
+  for (let attempt = 0; previous && message === previous && attempt < 4; attempt++) message = pick();
+  return message;
+}
+
+const PI_LARGE = [
+  "    ▄▄▄▄▄▄▄▄▄▄▄    ",
+  "   ▄█████████████▄   ",
+  "      ██     ██      ",
+  "      ██     ██      ",
+  "      ██     ██      ",
+  "      ██     ██      ",
+  "     ▄██▄   ▄██▄     "
+] as const;
+const PI_COMPACT = [
+  "  ▄▄▄▄▄▄▄  ",
+  " ▄███████▄ ",
+  "   █   █   ",
+  "   █   █   ",
+  "  ▄█   █▄  "
+] as const;
+
+const ART_WIDTH = 28;
+const ACTIONS: readonly { action: WelcomeAction; label: string; hint: string }[] = [
+  { action: "settings", label: "[ ⚙ Settings ]", hint: "ctrl+alt+s settings" },
+  { action: "refresh", label: "[ ↻ Refresh ]", hint: "ctrl+alt+r refresh" },
+  { action: "roles", label: "[ ◆ Roles ]", hint: "/roles" },
+  { action: "plan", label: "[ ▤ Plan ]", hint: "/plan" },
+  { action: "goal", label: "[ ◎ Goal ]", hint: "/goal" }
+];
+
+const center = (line: string, width: number) => {
+  const room = Math.max(0, width - visibleWidth(line));
+  const left = Math.floor(room / 2);
+  return " ".repeat(left) + line + " ".repeat(room - left);
+};
+const fixedCell = (line: string, width: number) => {
+  const value = truncateToWidth(line, width);
+  return value + " ".repeat(Math.max(0, width - visibleWidth(value)));
+};
+
+/** Word-wrap plain text into lines no wider than `width` columns. */
+function wrap(text: string, width: number, space = " "): string[] {
+  const lines: string[] = [];
+  for (const word of text.split(" ").filter(Boolean)) {
+    const last = lines.length - 1;
+    if (last >= 0 && visibleWidth(lines[last]! + space + word) <= width) lines[last] += space + word;
+    else lines.push(word);
+  }
+  return lines;
+}
+
+/** Double-width (fullwidth) forms of printable ASCII: the closest a terminal gets to larger type. */
+export function fullwidth(text: string): string {
+  return [...text].map((char) => {
+    const code = char.charCodeAt(0);
+    return code > 0x20 && code < 0x7f ? String.fromCharCode(code + 0xfee0) : char;
+  }).join("");
+}
+
+/**
+ * The welcome message as a hero: bold, flame-colored and double-width when it fits in
+ * three lines, otherwise bold at normal width. Returns centered lines of exactly `width`.
+ */
+export function heroMessage(message: string, width: number, fg: Paint, truecolor = supportsTruecolor()): string[] {
+  const text = cleanText(message, 100);
+  const big = wrap(fullwidth(text), width - 2, "  ");
+  const lines = big.length <= 3 && big.every((line) => visibleWidth(line) <= width - 2) ? big : wrap(text, width - 2);
+  return lines.map((line) => {
+    const chars = [...line];
+    // Pale gold at the start cooling to orange, like the flame's core.
+    const painted = chars.map((char, index) => {
+      if (char === " ") return char;
+      const heat = 9 - Math.round((index / Math.max(1, chars.length - 1)) * 3);
+      return truecolor ? rgb(FLAME_RAMP[heat]!, char) : fg("warning", char);
+    }).join("");
+    return center("\x1b[1m" + painted + "\x1b[22m", width);
+  });
+}
+
+/** Pack chips into rows no wider than `width`. */
+function pack(items: readonly string[], width: number, gap = " "): string[] {
+  const rows: string[] = [];
+  for (const item of items) {
+    const last = rows.length - 1;
+    if (last >= 0 && visibleWidth(rows[last]!) + visibleWidth(gap) + visibleWidth(item) <= width) rows[last] += gap + item;
+    else rows.push(item);
+  }
+  return rows;
+}
+
+function card(width: number, fg: Paint, info: WelcomeInfo): string[] {
+  const w = Math.max(12, width);
+  const inner = w - 4;
+  const narrow = w < 48;
+  const cell = (value: string) => {
+    const text = truncateToWidth(value, inner);
+    return fg("dim", "│ ") + text + " ".repeat(Math.max(0, inner - visibleWidth(text))) + fg("dim", " │");
+  };
+  const divider = fg("dim", "├" + "─".repeat(w - 2) + "┤");
+  const labelWidth = narrow ? 8 : 10;
+  const label = (name: string, value: string, color: WelcomeColor = "muted") =>
+    fg("dim", name.padEnd(labelWidth)) + fg(color, cleanText(value, 120));
+
+  const header = [fg("accent", "pi-jar" + (info.version ? " " + info.version : "")),
+    info.model ? fg("muted", cleanText(info.model, 40)) : fg("dim", "no model"),
+    info.effort && info.effort !== "off" ? fg("muted", info.effort) : "",
+    info.activeRole ? fg("warning", "role:" + cleanText(info.activeRole, 16)) : ""].filter(Boolean).join(fg("dim", " · "));
+
+  const git = info.branch ? "git " + cleanText(info.branch, 24) + (info.dirty ? " · dirty" : "") : "git unavailable";
+  const quota = info.quota != null ? `quota ${Math.round(info.quota)}%` : `quota ${info.quotaEnabled ? "unavailable" : "off"}`;
+  const plan = info.plan?.enabled ? "◆ planning" + (info.plan.title ? " · " + info.plan.title : "")
+    : info.plan?.title ? "last · " + info.plan.title + ` (${info.plan.steps} steps)` : "none · /plan <idea>";
+  const tasks = info.tasks ? `${info.tasks} open${info.nextTask ? " · next: " + info.nextTask : ""}` : "none open";
+  const live = info.roles?.filter((role) => role.name !== "assistant") ?? [];
+  const lead = info.roles?.find((item) => ["working", "thinking", "reviewing", "failed"].includes(item.state));
+  const managers = info.managers?.length ? info.managers.map((m) => m === "tasks" ? "/tasks" : "/subagents-fleet").join(" · ") : "";
+  const team = [lead ? `${cleanText(lead.name, 16)} ${lead.state}` : "", live.length ? `${live.length} subagent${live.length === 1 ? "" : "s"}` : "",
+    lead?.task ? cleanText(lead.task, 30) : "", managers].filter(Boolean).join(" · ");
+
+  const actions = info.settingsClickable === false
+    ? pack(ACTIONS.map((item) => item.hint), inner, fg("dim", " · ")).map((row) => fg("dim", row))
+    : pack(ACTIONS.map((item) => fg(item.action === "settings" ? "accent" : "muted", item.label)), inner);
+  return [
+    fg("dim", "╭" + "─".repeat(w - 2) + "╮"),
+    cell(header),
+    divider,
+    cell(""),
+    ...heroMessage(info.message ?? HOPEFUL_WELCOME_MESSAGES[0], inner, fg).map(cell),
+    cell(center(fg("dim", "— welcome to ") + fg("accent", "pi-jar") + fg("dim", " —"), inner)),
+    cell(""),
+    divider,
+    cell(label("PROJECT", (info.project || "unavailable") + " · " + git, info.dirty ? "warning" : "muted")),
+    cell(label("SESSION", [info.context ?? "ctx ?", quota, info.cost ?? ""].filter(Boolean).join(" · "))),
+    divider,
+    cell(label("PLAN", plan, info.plan?.enabled ? "warning" : "muted")),
+    cell(label("GOAL", info.goal ?? "none · /goal <outcome>", info.goal ? "accent" : "muted")),
+    cell(label("TASKS", tasks, info.tasks ? "accent" : "muted")),
+    cell(label("ROLES", info.rolesSummary ?? "all roles follow the current model")),
+    ...(team ? [cell(label("TEAM", team, lead?.state === "failed" ? "error" : "muted"))] : []),
+    ...(info.recent?.length ? [divider, ...info.recent.map((session, index) => cell(
+      fg("dim", (index ? "" : "RECENT").padEnd(labelWidth)) + fg("accent", `↺ ${index + 1} `) + fg("muted", cleanText(session.title, 60))
+      + fg("dim", " · " + session.age + (session.goal ? " · goal: " + session.goal : "") + (session.plan ? " · plan: " + session.plan : ""))
+    )), ...(info.settingsClickable === false ? [cell(fg("dim", " ".repeat(labelWidth) + "/jar resume N to continue"))] : [])] : []),
+    divider,
+    ...actions.map(cell),
+    fg("dim", "╰" + "─".repeat(w - 2) + "╯")
+  ];
+}
+
+/** Which welcome action (if any) sits under a zero-based cell in the rendered lines. */
+export function welcomeHit(lines: readonly string[], x: number, y: number): WelcomeAction | undefined {
+  const line = lines[y];
+  if (!line) return undefined;
+  const text = stripTerminalSequences(line);
+  // A whole RECENT row resumes that session.
+  const recent = /│ (?:RECENT)?\s*↺ (\d) /.exec(text);
+  if (recent && x >= visibleWidth(text.slice(0, recent.index))) return `resume:${Number(recent[1])}`;
+  for (const item of ACTIONS) {
+    const offset = text.indexOf(item.label);
+    if (offset < 0) continue;
+    const start = visibleWidth(text.slice(0, offset));
+    if (x >= start && x < start + visibleWidth(item.label)) return item.action;
+  }
+  return undefined;
+}
+
+/** Back-compat helper: true when the Settings chip is under the pointer. */
+export function welcomeSettingsHit(lines: readonly string[], x: number, y: number): boolean {
+  return welcomeHit(lines, x, y) === "settings";
+}
+
+export function welcomeLines(width: number, frame: number, fg: Paint, info: WelcomeInfo = {}): string[] {
+  if (width <= 0) return [];
+  const fit = (line: string) => truncateToWidth(line, width);
+  const seed = info.flameSeed ?? 1;
+  const flame = flameFrame(frame, seed, (color, text) => fg(color, text));
+  if (width < 32) {
+    const start = Math.max(0, Math.floor((FLAME_WIDTH - width) / 2));
+    return [
+      ...flame.slice(4).map((line) => fit(sliceByColumn(line, start, Math.min(width, FLAME_WIDTH)))),
+      ...PI_COMPACT.map((line) => fit(fg("accent", line))),
+      fit(fg("accent", "pi-jar")),
+      ...wrap(cleanText(info.message ?? HOPEFUL_WELCOME_MESSAGES[0], 100), width).map((line) => fit("\x1b[1m" + fg("warning", line) + "\x1b[22m")),
+      fit(fg(info.settingsClickable === false ? "dim" : "accent", info.settingsClickable === false ? "ctrl+alt+s settings" : "[ ⚙ Settings ]")),
+      ""
+    ];
+  }
+  const wide = width >= 72;
+  const flameArt = flame.map((line) => center(fixedCell(line, FLAME_WIDTH), ART_WIDTH));
+  if (!wide) {
+    const art = [...flame.slice(2).map((line) => center(fixedCell(line, FLAME_WIDTH), Math.min(width, ART_WIDTH))),
+      ...PI_COMPACT.map((line) => fg("accent", center(line, Math.min(width, ART_WIDTH))))];
+    return [...art.map(fit), ...card(width, fg, info).map(fit), ""];
+  }
+  const art = [...flameArt, ...PI_LARGE.map((line) => fg("accent", center(fixedCell(line, 21), ART_WIDTH)))];
+  const details = card(width - ART_WIDTH - 2, fg, info);
+  const topPad = Math.max(0, Math.floor((details.length - art.length) / 2));
+  const artRows = [...Array.from({ length: topPad }, () => " ".repeat(ART_WIDTH)), ...art];
+  const merged = Array.from({ length: Math.max(artRows.length, details.length) }, (_, index) => {
+    const left = artRows[index] ?? " ".repeat(ART_WIDTH);
+    return fit(left + "  " + (details[index] ?? ""));
+  });
+  return [...merged, "", ""];
+}

package/src/working.ts

@@ -0,0 +1,60 @@
+import { cleanText } from "./status.ts";
+
+export type WorkingPhase = "idle" | "generating" | "tool" | "waiting";
+export type WorkingColor = "accent" | "warning" | "success" | "muted";
+export interface WorkingView { message?: string; frames: string[]; color: WorkingColor }
+
+const PROGRESSION = [
+  "A spark remains…", "Kindling a thought…", "Following the faint light…",
+  "Gathering scattered sparks…", "The path is beginning to glow…",
+  "There is a way through…", "A clearer path is forming…", "The horizon is clearer now…"
+] as const;
+const STAGES = [0, 8, 20, 35, 50, 70, 90, 120] as const;
+function duration(seconds: number): string {
+  return seconds < 60 ? `${seconds}s` : `${Math.floor(seconds / 60)}m ${seconds % 60}s`;
+}
+function tokenCount(tokens: number): string {
+  return tokens < 1000 ? `${tokens}` : `${(tokens / 1000).toFixed(1)}k`;
+}
+
+/** A label describes only observed Pi lifecycle activity, never hidden reasoning. */
+export class WorkingState {
+  private generating = false;
+  private waiting = false;
+  private tools = new Map<string, string>();
+  private startedAt?: number;
+  private outputTokens = 0;
+  get phase(): WorkingPhase {
+    if (this.waiting) return "waiting";
+    if (this.tools.size) return "tool";
+    return this.generating ? "generating" : "idle";
+  }
+  start(now = Date.now()): void {
+    if (this.startedAt === undefined) { this.startedAt = now; this.outputTokens = 0; }
+    this.generating = true; this.waiting = false;
+  }
+  end(): void { this.generating = false; this.waiting = false; this.tools.clear(); this.startedAt = undefined; this.outputTokens = 0; }
+  reportOutputTokens(tokens: number): void {
+    if (this.startedAt !== undefined && Number.isSafeInteger(tokens) && tokens >= 0) this.outputTokens += tokens;
+  }
+  prompt(open: boolean): void { this.waiting = open; }
+  toolStart(id: string, name: string): void { this.tools.set(id, cleanText(name, 24) || "tool"); }
+  toolEnd(id: string): void { this.tools.delete(id); }
+  /** `task` is the running jar_todo's active form; like Claude, it replaces the generic wording. */
+  view(animations: boolean, fg: (color: WorkingColor, text: string) => string, now = Date.now(), effort?: string, task?: string): WorkingView {
+    const phase = this.phase;
+    const activity = task ? cleanText(task, 60).replace(/[.…]+$/, "") : "";
+    const elapsed = this.startedAt === undefined ? 0 : Math.max(0, Math.floor((now - this.startedAt) / 1000));
+    const stage = STAGES.reduce<number>((index, threshold, next) => elapsed >= threshold ? next : index, 0);
+    const word = activity && (phase === "tool" || phase === "generating") ? activity + "…"
+      : phase === "tool" ? `Tracing light through ${[...this.tools.values()][0] ?? "tool"}…`
+      : phase === "generating" ? PROGRESSION[Math.max(0, stage)]
+      : phase === "waiting" ? "Holding the lantern for your answer…" : undefined;
+    const color: WorkingColor = phase === "tool" ? "warning" : phase === "waiting" ? "muted" : "accent";
+    const symbols = phase === "tool" ? ["◐", "◓", "◑", "◒"] : phase === "generating" ? ["✢", "✣", "✤", "✣"] : ["✢"];
+    const frames = animations ? symbols.map((symbol) => fg(color, symbol)) : [fg(color, symbols[0] ?? "✢")];
+    const details = phase === "idle" || this.startedAt === undefined ? "" :
+      ` (${duration(elapsed)}${this.outputTokens ? ` · ↓ ${tokenCount(this.outputTokens)} tokens` : ""}${effort && effort !== "off" ? ` · ${effort} effort` : ""})`;
+    return { message: word ? fg(color, word) + fg("muted", details) : undefined, frames, color };
+  }
+}

package/themes/pi-jar-dark-amber.json

@@ -0,0 +1,84 @@
+{
+  "$schema": "https://raw.githubusercontent.com/earendil-works/pi/main/packages/coding-agent/src/modes/interactive/theme/theme-schema.json",
+  "name": "pi-jar-dark-amber",
+  "vars": {
+    "accent": "#F7B955",
+    "blue": "#8DB9FF",
+    "green": "#48DDAE",
+    "red": "#FF8A70",
+    "amber": "#FFC060",
+    "text": "#F7FAFF",
+    "muted": "#ADBCCD",
+    "dim": "#899AAD",
+    "border": "#405269",
+    "selected": "#3A2B0F",
+    "userBg": "#16202E",
+    "pendingBg": "#182231",
+    "successBg": "#15352E",
+    "errorBg": "#382623",
+    "customBg": "#172233"
+  },
+  "colors": {
+    "accent": "accent",
+    "border": "border",
+    "borderAccent": "accent",
+    "borderMuted": "dim",
+    "success": "green",
+    "error": "red",
+    "warning": "amber",
+    "muted": "muted",
+    "dim": "dim",
+    "text": "text",
+    "thinkingText": "blue",
+    "selectedBg": "selected",
+    "scrollbarTrack": "border",
+    "scrollbarThumb": "muted",
+    "searchMatchBg": "selected",
+    "searchMatchText": "text",
+    "userMessageBg": "userBg",
+    "userMessageText": "text",
+    "customMessageBg": "customBg",
+    "customMessageText": "text",
+    "customMessageLabel": "accent",
+    "toolPendingBg": "pendingBg",
+    "toolSuccessBg": "successBg",
+    "toolErrorBg": "errorBg",
+    "toolTitle": "accent",
+    "toolOutput": "muted",
+    "mdHeading": "amber",
+    "mdLink": "blue",
+    "mdLinkUrl": "dim",
+    "mdCode": "accent",
+    "mdCodeBlock": "green",
+    "mdCodeBlockBorder": "border",
+    "mdQuote": "muted",
+    "mdQuoteBorder": "border",
+    "mdHr": "border",
+    "mdListBullet": "accent",
+    "toolDiffAdded": "green",
+    "toolDiffRemoved": "red",
+    "toolDiffContext": "muted",
+    "syntaxComment": "#8A9CA6",
+    "syntaxKeyword": "blue",
+    "syntaxFunction": "#B5A67A",
+    "syntaxVariable": "#9FBAC1",
+    "syntaxString": "#9FB58C",
+    "syntaxNumber": "#C4A77D",
+    "syntaxType": "accent",
+    "syntaxOperator": "text",
+    "syntaxPunctuation": "muted",
+    "thinkingOff": "dim",
+    "thinkingMinimal": "#8A9CA6",
+    "thinkingLow": "#668C9B",
+    "thinkingMedium": "accent",
+    "thinkingHigh": "#A28BB8",
+    "thinkingXhigh": "#B887B5",
+    "thinkingMax": "#C78FC0",
+    "bashMode": "green"
+  },
+  "export": {
+    "pageBg": "#0B1018",
+    "cardBg": "#111927",
+    "infoBg": "#3A2E12"
+  }
+}

package/themes/pi-jar-dark-azure.json

@@ -0,0 +1,84 @@
+{
+  "$schema": "https://raw.githubusercontent.com/earendil-works/pi/main/packages/coding-agent/src/modes/interactive/theme/theme-schema.json",
+  "name": "pi-jar-dark-azure",
+  "vars": {
+    "accent": "#75BCFF",
+    "blue": "#8DB9FF",
+    "green": "#48DDAE",
+    "red": "#FF8A70",
+    "amber": "#FFC060",
+    "text": "#F7FAFF",
+    "muted": "#ADBCCD",
+    "dim": "#899AAD",
+    "border": "#405269",
+    "selected": "#132A41",
+    "userBg": "#16202E",
+    "pendingBg": "#182231",
+    "successBg": "#15352E",
+    "errorBg": "#382623",
+    "customBg": "#172233"
+  },
+  "colors": {
+    "accent": "accent",
+    "border": "border",
+    "borderAccent": "accent",
+    "borderMuted": "dim",
+    "success": "green",
+    "error": "red",
+    "warning": "amber",
+    "muted": "muted",
+    "dim": "dim",
+    "text": "text",
+    "thinkingText": "blue",
+    "selectedBg": "selected",
+    "scrollbarTrack": "border",
+    "scrollbarThumb": "muted",
+    "searchMatchBg": "selected",
+    "searchMatchText": "text",
+    "userMessageBg": "userBg",
+    "userMessageText": "text",
+    "customMessageBg": "customBg",
+    "customMessageText": "text",
+    "customMessageLabel": "accent",
+    "toolPendingBg": "pendingBg",
+    "toolSuccessBg": "successBg",
+    "toolErrorBg": "errorBg",
+    "toolTitle": "accent",
+    "toolOutput": "muted",
+    "mdHeading": "amber",
+    "mdLink": "blue",
+    "mdLinkUrl": "dim",
+    "mdCode": "accent",
+    "mdCodeBlock": "green",
+    "mdCodeBlockBorder": "border",
+    "mdQuote": "muted",
+    "mdQuoteBorder": "border",
+    "mdHr": "border",
+    "mdListBullet": "accent",
+    "toolDiffAdded": "green",
+    "toolDiffRemoved": "red",
+    "toolDiffContext": "muted",
+    "syntaxComment": "#8A9CA6",
+    "syntaxKeyword": "blue",
+    "syntaxFunction": "#B5A67A",
+    "syntaxVariable": "#9FBAC1",
+    "syntaxString": "#9FB58C",
+    "syntaxNumber": "#C4A77D",
+    "syntaxType": "accent",
+    "syntaxOperator": "text",
+    "syntaxPunctuation": "muted",
+    "thinkingOff": "dim",
+    "thinkingMinimal": "#8A9CA6",
+    "thinkingLow": "#668C9B",
+    "thinkingMedium": "accent",
+    "thinkingHigh": "#A28BB8",
+    "thinkingXhigh": "#B887B5",
+    "thinkingMax": "#C78FC0",
+    "bashMode": "green"
+  },
+  "export": {
+    "pageBg": "#0B1018",
+    "cardBg": "#111927",
+    "infoBg": "#3A2E12"
+  }
+}