@bastani/atomic 0.8.1 → 0.8.2-0

package/dist/modes/interactive/components/chat-transcript.d.ts

@@ -0,0 +1,69 @@
+import { type Component, Container } from "@earendil-works/pi-tui";
+/**
+ * Roles that participate in pi's chat spacing contract.
+ *
+ * Assistant turns own their leading whitespace internally, and tool rows attach
+ * directly under the assistant/tool-call row they belong to. User-like rows get
+ * one blank line when they are not the first row in the transcript.
+ */
+export type ChatTranscriptRole = "assistant" | "thinking" | "tool" | "user" | "custom" | "notice" | "system" | "summary";
+export interface ChatTranscriptEntryLike {
+    readonly role: ChatTranscriptRole;
+}
+export type ChatTranscriptRenderer<TEntry extends ChatTranscriptEntryLike> = (entry: TEntry) => Component;
+export declare function addChatTranscriptEntry(container: Container, component: Component, role: ChatTranscriptRole): void;
+/**
+ * Reusable pi chat transcript scaffold for extension surfaces.
+ *
+ * This intentionally mirrors InteractiveMode.addMessageToChat spacing without
+ * coupling consumers to a full AgentSession. Extension UIs can bring their own
+ * message model while still rendering inside the same Container/Spacer rhythm
+ * as the main chat.
+ */
+export declare class ChatTranscriptComponent<TEntry extends ChatTranscriptEntryLike> implements Component {
+    private readonly entries;
+    private readonly renderEntry;
+    constructor(entries: readonly TEntry[], renderEntry: ChatTranscriptRenderer<TEntry>);
+    render(width: number): string[];
+    invalidate(): void;
+}
+/**
+ * Sticky-bottom, scrollable viewport for chat-like component stacks.
+ *
+ * Pi's main interactive chat gets terminal scrollback for free. Extension
+ * overlays render into a fixed rectangle, so they need an explicit viewport
+ * with the same sticky-bottom default plus keyboard and mouse history controls.
+ */
+export declare class ScrollableComponentViewport implements Component {
+    private components;
+    private visibleRows;
+    private scrollFromBottom;
+    private lastLineCount;
+    private lastWidth;
+    private maxScroll;
+    setComponents(components: readonly Component[]): void;
+    setVisibleRows(rows: number): void;
+    getScrollFromBottom(): number;
+    getMaxScroll(): number;
+    scrollToBottom(): void;
+    scrollToTop(): void;
+    scrollBy(deltaRows: number): void;
+    handleInput(data: string): boolean;
+    render(width: number): string[];
+    invalidate(): void;
+    private pageSize;
+    private clampScroll;
+}
+export declare class ScrollableChatTranscriptComponent<TEntry extends ChatTranscriptEntryLike> implements Component {
+    private readonly viewport;
+    private readonly transcript;
+    constructor(entries: readonly TEntry[], renderEntry: ChatTranscriptRenderer<TEntry>);
+    setVisibleRows(rows: number): void;
+    handleInput(data: string): boolean;
+    render(width: number): string[];
+    invalidate(): void;
+    getScrollFromBottom(): number;
+    getMaxScroll(): number;
+    scrollToBottom(): void;
+}
+//# sourceMappingURL=chat-transcript.d.ts.map

package/dist/modes/interactive/components/chat-transcript.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-transcript.d.ts","sourceRoot":"","sources":["../../../../src/modes/interactive/components/chat-transcript.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,SAAS,EACd,SAAS,EAEV,MAAM,wBAAwB,CAAC;AAEhC;;;;;;GAMG;AACH,MAAM,MAAM,kBAAkB,GAC1B,WAAW,GACX,UAAU,GACV,MAAM,GACN,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,SAAS,CAAC;AAEd,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,IAAI,EAAE,kBAAkB,CAAC;CACnC;AAED,MAAM,MAAM,sBAAsB,CAAC,MAAM,SAAS,uBAAuB,IAAI,CAC3E,KAAK,EAAE,MAAM,KACV,SAAS,CAAC;AAEf,wBAAgB,sBAAsB,CACpC,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,kBAAkB,GACvB,IAAI,CAKN;AAYD;;;;;;;GAOG;AACH,qBAAa,uBAAuB,CAAC,MAAM,SAAS,uBAAuB,CACzE,YAAW,SAAS;IAGlB,OAAO,CAAC,QAAQ,CAAC,OAAO;IACxB,OAAO,CAAC,QAAQ,CAAC,WAAW;IAF9B,YACmB,OAAO,EAAE,SAAS,MAAM,EAAE,EAC1B,WAAW,EAAE,sBAAsB,CAAC,MAAM,CAAC,EAC1D;IAEJ,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAM9B;IAED,UAAU,IAAI,IAAI,CAAG;CACtB;AAID;;;;;;GAMG;AACH,qBAAa,2BAA4B,YAAW,SAAS;IAC3D,OAAO,CAAC,UAAU,CAA4B;IAC9C,OAAO,CAAC,WAAW,CAAK;IACxB,OAAO,CAAC,gBAAgB,CAAK;IAC7B,OAAO,CAAC,aAAa,CAAK;IAC1B,OAAO,CAAC,SAAS,CAAK;IACtB,OAAO,CAAC,SAAS,CAAK;IAEtB,aAAa,CAAC,UAAU,EAAE,SAAS,SAAS,EAAE,GAAG,IAAI,CAEpD;IAED,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAGjC;IAED,mBAAmB,IAAI,MAAM,CAE5B;IAED,YAAY,IAAI,MAAM,CAErB;IAED,cAAc,IAAI,IAAI,CAErB;IAED,WAAW,IAAI,IAAI,CAElB;IAED,QAAQ,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,CAMhC;IAED,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAwBjC;IAED,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAe9B;IAED,UAAU,IAAI,IAAI,CAEjB;IAED,OAAO,CAAC,QAAQ;IAIhB,OAAO,CAAC,WAAW;CAGpB;AAED,qBAAa,iCAAiC,CAAC,MAAM,SAAS,uBAAuB,CACnF,YAAW,SAAS;IAEpB,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAqC;IAC9D,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAkC;IAE7D,YACE,OAAO,EAAE,SAAS,MAAM,EAAE,EAC1B,WAAW,EAAE,sBAAsB,CAAC,MAAM,CAAC,EAI5C;IAED,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAEjC;IAED,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAEjC;IAED,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAE9B;IAED,UAAU,IAAI,IAAI,CAEjB;IAED,mBAAmB,IAAI,MAAM,CAE5B;IAED,YAAY,IAAI,MAAM,CAErB;IAED,cAAc,IAAI,IAAI,CAErB;CACF","sourcesContent":["import {\n  matchesKey,\n  type Component,\n  Container,\n  Spacer,\n} from \"@earendil-works/pi-tui\";\n\n/**\n * Roles that participate in pi's chat spacing contract.\n *\n * Assistant turns own their leading whitespace internally, and tool rows attach\n * directly under the assistant/tool-call row they belong to. User-like rows get\n * one blank line when they are not the first row in the transcript.\n */\nexport type ChatTranscriptRole =\n  | \"assistant\"\n  | \"thinking\"\n  | \"tool\"\n  | \"user\"\n  | \"custom\"\n  | \"notice\"\n  | \"system\"\n  | \"summary\";\n\nexport interface ChatTranscriptEntryLike {\n  readonly role: ChatTranscriptRole;\n}\n\nexport type ChatTranscriptRenderer<TEntry extends ChatTranscriptEntryLike> = (\n  entry: TEntry,\n) => Component;\n\nexport function addChatTranscriptEntry(\n  container: Container,\n  component: Component,\n  role: ChatTranscriptRole,\n): void {\n  if (needsLeadingSpacer(role) && container.children.length > 0) {\n    container.addChild(new Spacer(1));\n  }\n  container.addChild(component);\n}\n\nfunction needsLeadingSpacer(role: ChatTranscriptRole): boolean {\n  return (\n    role === \"user\" ||\n    role === \"custom\" ||\n    role === \"notice\" ||\n    role === \"system\" ||\n    role === \"summary\"\n  );\n}\n\n/**\n * Reusable pi chat transcript scaffold for extension surfaces.\n *\n * This intentionally mirrors InteractiveMode.addMessageToChat spacing without\n * coupling consumers to a full AgentSession. Extension UIs can bring their own\n * message model while still rendering inside the same Container/Spacer rhythm\n * as the main chat.\n */\nexport class ChatTranscriptComponent<TEntry extends ChatTranscriptEntryLike>\n  implements Component\n{\n  constructor(\n    private readonly entries: readonly TEntry[],\n    private readonly renderEntry: ChatTranscriptRenderer<TEntry>,\n  ) {}\n\n  render(width: number): string[] {\n    const container = new Container();\n    for (const entry of this.entries) {\n      addChatTranscriptEntry(container, this.renderEntry(entry), entry.role);\n    }\n    return container.render(width);\n  }\n\n  invalidate(): void {}\n}\n\nconst DEFAULT_SCROLL_STEP_ROWS = 4;\n\n/**\n * Sticky-bottom, scrollable viewport for chat-like component stacks.\n *\n * Pi's main interactive chat gets terminal scrollback for free. Extension\n * overlays render into a fixed rectangle, so they need an explicit viewport\n * with the same sticky-bottom default plus keyboard and mouse history controls.\n */\nexport class ScrollableComponentViewport implements Component {\n  private components: readonly Component[] = [];\n  private visibleRows = 1;\n  private scrollFromBottom = 0;\n  private lastLineCount = 0;\n  private lastWidth = 0;\n  private maxScroll = 0;\n\n  setComponents(components: readonly Component[]): void {\n    this.components = components;\n  }\n\n  setVisibleRows(rows: number): void {\n    this.visibleRows = Math.max(1, Math.floor(rows));\n    this.clampScroll();\n  }\n\n  getScrollFromBottom(): number {\n    return this.scrollFromBottom;\n  }\n\n  getMaxScroll(): number {\n    return this.maxScroll;\n  }\n\n  scrollToBottom(): void {\n    this.scrollFromBottom = 0;\n  }\n\n  scrollToTop(): void {\n    this.scrollFromBottom = this.maxScroll;\n  }\n\n  scrollBy(deltaRows: number): void {\n    // Positive deltas move toward newer content; negative deltas move up\n    // into older history. Store the offset from the sticky bottom so new\n    // streaming output can keep following when the offset is zero.\n    this.scrollFromBottom -= deltaRows;\n    this.clampScroll();\n  }\n\n  handleInput(data: string): boolean {\n    const wheelDeltaRows = mouseWheelDeltaRows(data);\n    if (wheelDeltaRows !== 0) {\n      this.scrollBy(wheelDeltaRows);\n      return true;\n    }\n    if (isMouseSequence(data)) return true;\n    if (matchesKey(data, \"pageUp\")) {\n      this.scrollBy(-this.pageSize());\n      return true;\n    }\n    if (matchesKey(data, \"pageDown\")) {\n      this.scrollBy(this.pageSize());\n      return true;\n    }\n    if (matchesKey(data, \"home\")) {\n      this.scrollToTop();\n      return true;\n    }\n    if (matchesKey(data, \"end\")) {\n      this.scrollToBottom();\n      return true;\n    }\n    return false;\n  }\n\n  render(width: number): string[] {\n    const allLines = this.components.flatMap((component) => component.render(width));\n    const maxScroll = Math.max(0, allLines.length - this.visibleRows);\n    if (this.scrollFromBottom > 0 && this.lastWidth === width && allLines.length > this.lastLineCount) {\n      this.scrollFromBottom += allLines.length - this.lastLineCount;\n    }\n    this.lastLineCount = allLines.length;\n    this.lastWidth = width;\n    this.maxScroll = maxScroll;\n    this.clampScroll();\n\n    const start = Math.max(0, maxScroll - this.scrollFromBottom);\n    const visible = allLines.slice(start, start + this.visibleRows);\n    while (visible.length < this.visibleRows) visible.push(\" \".repeat(width));\n    return visible;\n  }\n\n  invalidate(): void {\n    for (const component of this.components) component.invalidate();\n  }\n\n  private pageSize(): number {\n    return Math.max(4, this.visibleRows - 2);\n  }\n\n  private clampScroll(): void {\n    this.scrollFromBottom = Math.max(0, Math.min(this.maxScroll, this.scrollFromBottom));\n  }\n}\n\nexport class ScrollableChatTranscriptComponent<TEntry extends ChatTranscriptEntryLike>\n  implements Component\n{\n  private readonly viewport = new ScrollableComponentViewport();\n  private readonly transcript: ChatTranscriptComponent<TEntry>;\n\n  constructor(\n    entries: readonly TEntry[],\n    renderEntry: ChatTranscriptRenderer<TEntry>,\n  ) {\n    this.transcript = new ChatTranscriptComponent(entries, renderEntry);\n    this.viewport.setComponents([this.transcript]);\n  }\n\n  setVisibleRows(rows: number): void {\n    this.viewport.setVisibleRows(rows);\n  }\n\n  handleInput(data: string): boolean {\n    return this.viewport.handleInput(data);\n  }\n\n  render(width: number): string[] {\n    return this.viewport.render(width);\n  }\n\n  invalidate(): void {\n    this.viewport.invalidate();\n  }\n\n  getScrollFromBottom(): number {\n    return this.viewport.getScrollFromBottom();\n  }\n\n  getMaxScroll(): number {\n    return this.viewport.getMaxScroll();\n  }\n\n  scrollToBottom(): void {\n    this.viewport.scrollToBottom();\n  }\n}\n\nfunction mouseWheelDeltaRows(data: string): number {\n  const sgr = data.match(/^\\x1b\\[<(\\d+);\\d+;\\d+M$/);\n  if (sgr) return wheelDeltaForButtonCode(Number.parseInt(sgr[1]!, 10));\n  if (data.startsWith(\"\\x1b[M\") && data.length >= 6) {\n    return wheelDeltaForButtonCode(data.charCodeAt(3) - 32);\n  }\n  return 0;\n}\n\nfunction wheelDeltaForButtonCode(code: number): number {\n  if ((code & 64) === 0) return 0;\n  const direction = code & 3;\n  if (direction === 0) return -DEFAULT_SCROLL_STEP_ROWS;\n  if (direction === 1) return DEFAULT_SCROLL_STEP_ROWS;\n  return 0;\n}\n\nfunction isMouseSequence(data: string): boolean {\n  return /^\\x1b\\[<\\d+;\\d+;\\d+[mM]$/.test(data) || data.startsWith(\"\\x1b[M\");\n}\n"]}

package/dist/modes/interactive/components/chat-transcript.js

@@ -0,0 +1,183 @@
+import { matchesKey, Container, Spacer, } from "@earendil-works/pi-tui";
+export function addChatTranscriptEntry(container, component, role) {
+    if (needsLeadingSpacer(role) && container.children.length > 0) {
+        container.addChild(new Spacer(1));
+    }
+    container.addChild(component);
+}
+function needsLeadingSpacer(role) {
+    return (role === "user" ||
+        role === "custom" ||
+        role === "notice" ||
+        role === "system" ||
+        role === "summary");
+}
+/**
+ * Reusable pi chat transcript scaffold for extension surfaces.
+ *
+ * This intentionally mirrors InteractiveMode.addMessageToChat spacing without
+ * coupling consumers to a full AgentSession. Extension UIs can bring their own
+ * message model while still rendering inside the same Container/Spacer rhythm
+ * as the main chat.
+ */
+export class ChatTranscriptComponent {
+    constructor(entries, renderEntry) {
+        this.entries = entries;
+        this.renderEntry = renderEntry;
+    }
+    render(width) {
+        const container = new Container();
+        for (const entry of this.entries) {
+            addChatTranscriptEntry(container, this.renderEntry(entry), entry.role);
+        }
+        return container.render(width);
+    }
+    invalidate() { }
+}
+const DEFAULT_SCROLL_STEP_ROWS = 4;
+/**
+ * Sticky-bottom, scrollable viewport for chat-like component stacks.
+ *
+ * Pi's main interactive chat gets terminal scrollback for free. Extension
+ * overlays render into a fixed rectangle, so they need an explicit viewport
+ * with the same sticky-bottom default plus keyboard and mouse history controls.
+ */
+export class ScrollableComponentViewport {
+    constructor() {
+        this.components = [];
+        this.visibleRows = 1;
+        this.scrollFromBottom = 0;
+        this.lastLineCount = 0;
+        this.lastWidth = 0;
+        this.maxScroll = 0;
+    }
+    setComponents(components) {
+        this.components = components;
+    }
+    setVisibleRows(rows) {
+        this.visibleRows = Math.max(1, Math.floor(rows));
+        this.clampScroll();
+    }
+    getScrollFromBottom() {
+        return this.scrollFromBottom;
+    }
+    getMaxScroll() {
+        return this.maxScroll;
+    }
+    scrollToBottom() {
+        this.scrollFromBottom = 0;
+    }
+    scrollToTop() {
+        this.scrollFromBottom = this.maxScroll;
+    }
+    scrollBy(deltaRows) {
+        // Positive deltas move toward newer content; negative deltas move up
+        // into older history. Store the offset from the sticky bottom so new
+        // streaming output can keep following when the offset is zero.
+        this.scrollFromBottom -= deltaRows;
+        this.clampScroll();
+    }
+    handleInput(data) {
+        const wheelDeltaRows = mouseWheelDeltaRows(data);
+        if (wheelDeltaRows !== 0) {
+            this.scrollBy(wheelDeltaRows);
+            return true;
+        }
+        if (isMouseSequence(data))
+            return true;
+        if (matchesKey(data, "pageUp")) {
+            this.scrollBy(-this.pageSize());
+            return true;
+        }
+        if (matchesKey(data, "pageDown")) {
+            this.scrollBy(this.pageSize());
+            return true;
+        }
+        if (matchesKey(data, "home")) {
+            this.scrollToTop();
+            return true;
+        }
+        if (matchesKey(data, "end")) {
+            this.scrollToBottom();
+            return true;
+        }
+        return false;
+    }
+    render(width) {
+        const allLines = this.components.flatMap((component) => component.render(width));
+        const maxScroll = Math.max(0, allLines.length - this.visibleRows);
+        if (this.scrollFromBottom > 0 && this.lastWidth === width && allLines.length > this.lastLineCount) {
+            this.scrollFromBottom += allLines.length - this.lastLineCount;
+        }
+        this.lastLineCount = allLines.length;
+        this.lastWidth = width;
+        this.maxScroll = maxScroll;
+        this.clampScroll();
+        const start = Math.max(0, maxScroll - this.scrollFromBottom);
+        const visible = allLines.slice(start, start + this.visibleRows);
+        while (visible.length < this.visibleRows)
+            visible.push(" ".repeat(width));
+        return visible;
+    }
+    invalidate() {
+        for (const component of this.components)
+            component.invalidate();
+    }
+    pageSize() {
+        return Math.max(4, this.visibleRows - 2);
+    }
+    clampScroll() {
+        this.scrollFromBottom = Math.max(0, Math.min(this.maxScroll, this.scrollFromBottom));
+    }
+}
+export class ScrollableChatTranscriptComponent {
+    constructor(entries, renderEntry) {
+        this.viewport = new ScrollableComponentViewport();
+        this.transcript = new ChatTranscriptComponent(entries, renderEntry);
+        this.viewport.setComponents([this.transcript]);
+    }
+    setVisibleRows(rows) {
+        this.viewport.setVisibleRows(rows);
+    }
+    handleInput(data) {
+        return this.viewport.handleInput(data);
+    }
+    render(width) {
+        return this.viewport.render(width);
+    }
+    invalidate() {
+        this.viewport.invalidate();
+    }
+    getScrollFromBottom() {
+        return this.viewport.getScrollFromBottom();
+    }
+    getMaxScroll() {
+        return this.viewport.getMaxScroll();
+    }
+    scrollToBottom() {
+        this.viewport.scrollToBottom();
+    }
+}
+function mouseWheelDeltaRows(data) {
+    const sgr = data.match(/^\x1b\[<(\d+);\d+;\d+M$/);
+    if (sgr)
+        return wheelDeltaForButtonCode(Number.parseInt(sgr[1], 10));
+    if (data.startsWith("\x1b[M") && data.length >= 6) {
+        return wheelDeltaForButtonCode(data.charCodeAt(3) - 32);
+    }
+    return 0;
+}
+function wheelDeltaForButtonCode(code) {
+    if ((code & 64) === 0)
+        return 0;
+    const direction = code & 3;
+    if (direction === 0)
+        return -DEFAULT_SCROLL_STEP_ROWS;
+    if (direction === 1)
+        return DEFAULT_SCROLL_STEP_ROWS;
+    return 0;
+}
+function isMouseSequence(data) {
+    return /^\x1b\[<\d+;\d+;\d+[mM]$/.test(data) || data.startsWith("\x1b[M");
+}
+//# sourceMappingURL=chat-transcript.js.map

package/dist/modes/interactive/components/chat-transcript.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-transcript.js","sourceRoot":"","sources":["../../../../src/modes/interactive/components/chat-transcript.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  matchesKey,\n  type Component,\n  Container,\n  Spacer,\n} from \"@earendil-works/pi-tui\";\n\n/**\n * Roles that participate in pi's chat spacing contract.\n *\n * Assistant turns own their leading whitespace internally, and tool rows attach\n * directly under the assistant/tool-call row they belong to. User-like rows get\n * one blank line when they are not the first row in the transcript.\n */\nexport type ChatTranscriptRole =\n  | \"assistant\"\n  | \"thinking\"\n  | \"tool\"\n  | \"user\"\n  | \"custom\"\n  | \"notice\"\n  | \"system\"\n  | \"summary\";\n\nexport interface ChatTranscriptEntryLike {\n  readonly role: ChatTranscriptRole;\n}\n\nexport type ChatTranscriptRenderer<TEntry extends ChatTranscriptEntryLike> = (\n  entry: TEntry,\n) => Component;\n\nexport function addChatTranscriptEntry(\n  container: Container,\n  component: Component,\n  role: ChatTranscriptRole,\n): void {\n  if (needsLeadingSpacer(role) && container.children.length > 0) {\n    container.addChild(new Spacer(1));\n  }\n  container.addChild(component);\n}\n\nfunction needsLeadingSpacer(role: ChatTranscriptRole): boolean {\n  return (\n    role === \"user\" ||\n    role === \"custom\" ||\n    role === \"notice\" ||\n    role === \"system\" ||\n    role === \"summary\"\n  );\n}\n\n/**\n * Reusable pi chat transcript scaffold for extension surfaces.\n *\n * This intentionally mirrors InteractiveMode.addMessageToChat spacing without\n * coupling consumers to a full AgentSession. Extension UIs can bring their own\n * message model while still rendering inside the same Container/Spacer rhythm\n * as the main chat.\n */\nexport class ChatTranscriptComponent<TEntry extends ChatTranscriptEntryLike>\n  implements Component\n{\n  constructor(\n    private readonly entries: readonly TEntry[],\n    private readonly renderEntry: ChatTranscriptRenderer<TEntry>,\n  ) {}\n\n  render(width: number): string[] {\n    const container = new Container();\n    for (const entry of this.entries) {\n      addChatTranscriptEntry(container, this.renderEntry(entry), entry.role);\n    }\n    return container.render(width);\n  }\n\n  invalidate(): void {}\n}\n\nconst DEFAULT_SCROLL_STEP_ROWS = 4;\n\n/**\n * Sticky-bottom, scrollable viewport for chat-like component stacks.\n *\n * Pi's main interactive chat gets terminal scrollback for free. Extension\n * overlays render into a fixed rectangle, so they need an explicit viewport\n * with the same sticky-bottom default plus keyboard and mouse history controls.\n */\nexport class ScrollableComponentViewport implements Component {\n  private components: readonly Component[] = [];\n  private visibleRows = 1;\n  private scrollFromBottom = 0;\n  private lastLineCount = 0;\n  private lastWidth = 0;\n  private maxScroll = 0;\n\n  setComponents(components: readonly Component[]): void {\n    this.components = components;\n  }\n\n  setVisibleRows(rows: number): void {\n    this.visibleRows = Math.max(1, Math.floor(rows));\n    this.clampScroll();\n  }\n\n  getScrollFromBottom(): number {\n    return this.scrollFromBottom;\n  }\n\n  getMaxScroll(): number {\n    return this.maxScroll;\n  }\n\n  scrollToBottom(): void {\n    this.scrollFromBottom = 0;\n  }\n\n  scrollToTop(): void {\n    this.scrollFromBottom = this.maxScroll;\n  }\n\n  scrollBy(deltaRows: number): void {\n    // Positive deltas move toward newer content; negative deltas move up\n    // into older history. Store the offset from the sticky bottom so new\n    // streaming output can keep following when the offset is zero.\n    this.scrollFromBottom -= deltaRows;\n    this.clampScroll();\n  }\n\n  handleInput(data: string): boolean {\n    const wheelDeltaRows = mouseWheelDeltaRows(data);\n    if (wheelDeltaRows !== 0) {\n      this.scrollBy(wheelDeltaRows);\n      return true;\n    }\n    if (isMouseSequence(data)) return true;\n    if (matchesKey(data, \"pageUp\")) {\n      this.scrollBy(-this.pageSize());\n      return true;\n    }\n    if (matchesKey(data, \"pageDown\")) {\n      this.scrollBy(this.pageSize());\n      return true;\n    }\n    if (matchesKey(data, \"home\")) {\n      this.scrollToTop();\n      return true;\n    }\n    if (matchesKey(data, \"end\")) {\n      this.scrollToBottom();\n      return true;\n    }\n    return false;\n  }\n\n  render(width: number): string[] {\n    const allLines = this.components.flatMap((component) => component.render(width));\n    const maxScroll = Math.max(0, allLines.length - this.visibleRows);\n    if (this.scrollFromBottom > 0 && this.lastWidth === width && allLines.length > this.lastLineCount) {\n      this.scrollFromBottom += allLines.length - this.lastLineCount;\n    }\n    this.lastLineCount = allLines.length;\n    this.lastWidth = width;\n    this.maxScroll = maxScroll;\n    this.clampScroll();\n\n    const start = Math.max(0, maxScroll - this.scrollFromBottom);\n    const visible = allLines.slice(start, start + this.visibleRows);\n    while (visible.length < this.visibleRows) visible.push(\" \".repeat(width));\n    return visible;\n  }\n\n  invalidate(): void {\n    for (const component of this.components) component.invalidate();\n  }\n\n  private pageSize(): number {\n    return Math.max(4, this.visibleRows - 2);\n  }\n\n  private clampScroll(): void {\n    this.scrollFromBottom = Math.max(0, Math.min(this.maxScroll, this.scrollFromBottom));\n  }\n}\n\nexport class ScrollableChatTranscriptComponent<TEntry extends ChatTranscriptEntryLike>\n  implements Component\n{\n  private readonly viewport = new ScrollableComponentViewport();\n  private readonly transcript: ChatTranscriptComponent<TEntry>;\n\n  constructor(\n    entries: readonly TEntry[],\n    renderEntry: ChatTranscriptRenderer<TEntry>,\n  ) {\n    this.transcript = new ChatTranscriptComponent(entries, renderEntry);\n    this.viewport.setComponents([this.transcript]);\n  }\n\n  setVisibleRows(rows: number): void {\n    this.viewport.setVisibleRows(rows);\n  }\n\n  handleInput(data: string): boolean {\n    return this.viewport.handleInput(data);\n  }\n\n  render(width: number): string[] {\n    return this.viewport.render(width);\n  }\n\n  invalidate(): void {\n    this.viewport.invalidate();\n  }\n\n  getScrollFromBottom(): number {\n    return this.viewport.getScrollFromBottom();\n  }\n\n  getMaxScroll(): number {\n    return this.viewport.getMaxScroll();\n  }\n\n  scrollToBottom(): void {\n    this.viewport.scrollToBottom();\n  }\n}\n\nfunction mouseWheelDeltaRows(data: string): number {\n  const sgr = data.match(/^\\x1b\\[<(\\d+);\\d+;\\d+M$/);\n  if (sgr) return wheelDeltaForButtonCode(Number.parseInt(sgr[1]!, 10));\n  if (data.startsWith(\"\\x1b[M\") && data.length >= 6) {\n    return wheelDeltaForButtonCode(data.charCodeAt(3) - 32);\n  }\n  return 0;\n}\n\nfunction wheelDeltaForButtonCode(code: number): number {\n  if ((code & 64) === 0) return 0;\n  const direction = code & 3;\n  if (direction === 0) return -DEFAULT_SCROLL_STEP_ROWS;\n  if (direction === 1) return DEFAULT_SCROLL_STEP_ROWS;\n  return 0;\n}\n\nfunction isMouseSequence(data: string): boolean {\n  return /^\\x1b\\[<\\d+;\\d+;\\d+[mM]$/.test(data) || data.startsWith(\"\\x1b[M\");\n}\n"]}

package/dist/modes/interactive/components/footer.d.ts

@@ -2,16 +2,28 @@ import { type Component } from "@earendil-works/pi-tui";
 import type { AgentSession } from "../../../core/agent-session.js";
 import type { ReadonlyFooterDataProvider } from "../../../core/footer-data-provider.js";
 /**
- * Footer component that shows pwd, token stats, and context usage.
- * Computes token/context stats from session, gets git branch and extension statuses from provider.
+ * Right-aligned usage meter that sits above the composer, matching the approved
+ * prototype's separate token/cost/context ribbon.
+ */
+export declare class UsageMeterComponent implements Component {
+    private session;
+    private autoCompactEnabled;
+    constructor(session: AgentSession);
+    setSession(session: AgentSession): void;
+    setAutoCompactEnabled(enabled: boolean): void;
+    invalidate(): void;
+    render(width: number): string[];
+}
+/**
+ * Sparse statusline below the composer. It mirrors the preview: model + cwd
+ * when idle, or one semantic dot with short recovery copy while work is live.
  */
 export declare class FooterComponent implements Component {
     private session;
     private footerData;
-    private autoCompactEnabled;
     constructor(session: AgentSession, footerData: ReadonlyFooterDataProvider);
     setSession(session: AgentSession): void;
-    setAutoCompactEnabled(enabled: boolean): void;
+    setAutoCompactEnabled(_enabled: boolean): void;
     /**
      * No-op: git branch caching now handled by provider.
      * Kept for compatibility with existing call sites in interactive-mode.

package/dist/modes/interactive/components/footer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../../../src/modes/interactive/components/footer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAiC,MAAM,wBAAwB,CAAC;AACvF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,uCAAuC,CAAC;AA0BxF;;;GAGG;AACH,qBAAa,eAAgB,YAAW,SAAS;IAI/C,OAAO,CAAC,OAAO;IACf,OAAO,CAAC,UAAU;IAJnB,OAAO,CAAC,kBAAkB,CAAQ;IAElC,YACS,OAAO,EAAE,YAAY,EACrB,UAAU,EAAE,0BAA0B,EAC3C;IAEJ,UAAU,CAAC,OAAO,EAAE,YAAY,GAAG,IAAI,CAEtC;IAED,qBAAqB,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAE5C;IAED;;;OAGG;IACH,UAAU,IAAI,IAAI,CAEjB;IAED;;;OAGG;IACH,OAAO,IAAI,IAAI,CAEd;IAED,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CA0J9B;CACD","sourcesContent":["import { type Component, truncateToWidth, visibleWidth } from \"@earendil-works/pi-tui\";\nimport type { AgentSession } from \"../../../core/agent-session.js\";\nimport type { ReadonlyFooterDataProvider } from \"../../../core/footer-data-provider.js\";\nimport { theme } from \"../theme/theme.js\";\n\n/**\n * Sanitize text for display in a single-line status.\n * Removes newlines, tabs, carriage returns, and other control characters.\n */\nfunction sanitizeStatusText(text: string): string {\n\t// Replace newlines, tabs, carriage returns with space, then collapse multiple spaces\n\treturn text\n\t\t.replace(/[\\r\\n\\t]/g, \" \")\n\t\t.replace(/ +/g, \" \")\n\t\t.trim();\n}\n\n/**\n * Format token counts (similar to web-ui)\n */\nfunction formatTokens(count: number): string {\n\tif (count < 1000) return count.toString();\n\tif (count < 10000) return `${(count / 1000).toFixed(1)}k`;\n\tif (count < 1000000) return `${Math.round(count / 1000)}k`;\n\tif (count < 10000000) return `${(count / 1000000).toFixed(1)}M`;\n\treturn `${Math.round(count / 1000000)}M`;\n}\n\n/**\n * Footer component that shows pwd, token stats, and context usage.\n * Computes token/context stats from session, gets git branch and extension statuses from provider.\n */\nexport class FooterComponent implements Component {\n\tprivate autoCompactEnabled = true;\n\n\tconstructor(\n\t\tprivate session: AgentSession,\n\t\tprivate footerData: ReadonlyFooterDataProvider,\n\t) {}\n\n\tsetSession(session: AgentSession): void {\n\t\tthis.session = session;\n\t}\n\n\tsetAutoCompactEnabled(enabled: boolean): void {\n\t\tthis.autoCompactEnabled = enabled;\n\t}\n\n\t/**\n\t * No-op: git branch caching now handled by provider.\n\t * Kept for compatibility with existing call sites in interactive-mode.\n\t */\n\tinvalidate(): void {\n\t\t// No-op: git branch is cached/invalidated by provider\n\t}\n\n\t/**\n\t * Clean up resources.\n\t * Git watcher cleanup now handled by provider.\n\t */\n\tdispose(): void {\n\t\t// Git watcher cleanup handled by provider\n\t}\n\n\trender(width: number): string[] {\n\t\tconst state = this.session.state;\n\n\t\t// Calculate cumulative usage from ALL session entries (not just post-compaction messages)\n\t\tlet totalInput = 0;\n\t\tlet totalOutput = 0;\n\t\tlet totalCacheRead = 0;\n\t\tlet totalCacheWrite = 0;\n\t\tlet totalCost = 0;\n\n\t\tfor (const entry of this.session.sessionManager.getEntries()) {\n\t\t\tif (entry.type === \"message\" && entry.message.role === \"assistant\") {\n\t\t\t\ttotalInput += entry.message.usage.input;\n\t\t\t\ttotalOutput += entry.message.usage.output;\n\t\t\t\ttotalCacheRead += entry.message.usage.cacheRead;\n\t\t\t\ttotalCacheWrite += entry.message.usage.cacheWrite;\n\t\t\t\ttotalCost += entry.message.usage.cost.total;\n\t\t\t}\n\t\t}\n\n\t\t// Calculate context usage from session (handles compaction correctly).\n\t\t// After compaction, tokens are unknown until the next LLM response.\n\t\tconst contextUsage = this.session.getContextUsage();\n\t\tconst contextWindow = contextUsage?.contextWindow ?? state.model?.contextWindow ?? 0;\n\t\tconst contextPercentValue = contextUsage?.percent ?? 0;\n\t\tconst contextPercent = contextUsage?.percent !== null ? contextPercentValue.toFixed(1) : \"?\";\n\n\t\t// Replace home directory with ~\n\t\tlet pwd = this.session.sessionManager.getCwd();\n\t\tconst home = process.env.HOME || process.env.USERPROFILE;\n\t\tif (home && pwd.startsWith(home)) {\n\t\t\tpwd = `~${pwd.slice(home.length)}`;\n\t\t}\n\n\t\t// Add git branch if available\n\t\tconst branch = this.footerData.getGitBranch();\n\t\tif (branch) {\n\t\t\tpwd = `${pwd} (${branch})`;\n\t\t}\n\n\t\t// Add session name if set\n\t\tconst sessionName = this.session.sessionManager.getSessionName();\n\t\tif (sessionName) {\n\t\t\tpwd = `${pwd} • ${sessionName}`;\n\t\t}\n\n\t\t// Build stats line\n\t\tconst statsParts = [];\n\t\tif (totalInput) statsParts.push(`↑${formatTokens(totalInput)}`);\n\t\tif (totalOutput) statsParts.push(`↓${formatTokens(totalOutput)}`);\n\t\tif (totalCacheRead) statsParts.push(`R${formatTokens(totalCacheRead)}`);\n\t\tif (totalCacheWrite) statsParts.push(`W${formatTokens(totalCacheWrite)}`);\n\n\t\t// Show cost with \"(sub)\" indicator if using OAuth subscription\n\t\tconst usingSubscription = state.model ? this.session.modelRegistry.isUsingOAuth(state.model) : false;\n\t\tif (totalCost || usingSubscription) {\n\t\t\tconst costStr = `$${totalCost.toFixed(3)}${usingSubscription ? \" (sub)\" : \"\"}`;\n\t\t\tstatsParts.push(costStr);\n\t\t}\n\n\t\t// Colorize context percentage based on usage\n\t\tlet contextPercentStr: string;\n\t\tconst autoIndicator = this.autoCompactEnabled ? \" (auto)\" : \"\";\n\t\tconst contextPercentDisplay =\n\t\t\tcontextPercent === \"?\"\n\t\t\t\t? `?/${formatTokens(contextWindow)}${autoIndicator}`\n\t\t\t\t: `${contextPercent}%/${formatTokens(contextWindow)}${autoIndicator}`;\n\t\tif (contextPercentValue > 90) {\n\t\t\tcontextPercentStr = theme.fg(\"error\", contextPercentDisplay);\n\t\t} else if (contextPercentValue > 70) {\n\t\t\tcontextPercentStr = theme.fg(\"warning\", contextPercentDisplay);\n\t\t} else {\n\t\t\tcontextPercentStr = contextPercentDisplay;\n\t\t}\n\t\tstatsParts.push(contextPercentStr);\n\n\t\tlet statsLeft = statsParts.join(\" \");\n\n\t\t// Add model name on the right side, plus thinking level if model supports it\n\t\tconst modelName = state.model?.id || \"no-model\";\n\n\t\tlet statsLeftWidth = visibleWidth(statsLeft);\n\n\t\t// If statsLeft is too wide, truncate it\n\t\tif (statsLeftWidth > width) {\n\t\t\tstatsLeft = truncateToWidth(statsLeft, width, \"...\");\n\t\t\tstatsLeftWidth = visibleWidth(statsLeft);\n\t\t}\n\n\t\t// Calculate available space for padding (minimum 2 spaces between stats and model)\n\t\tconst minPadding = 2;\n\n\t\t// Add thinking level indicator if model supports reasoning\n\t\tlet rightSideWithoutProvider = modelName;\n\t\tif (state.model?.reasoning) {\n\t\t\tconst thinkingLevel = state.thinkingLevel || \"off\";\n\t\t\trightSideWithoutProvider =\n\t\t\t\tthinkingLevel === \"off\" ? `${modelName} • thinking off` : `${modelName} • ${thinkingLevel}`;\n\t\t}\n\n\t\t// Prepend the provider in parentheses if there are multiple providers and there's enough room\n\t\tlet rightSide = rightSideWithoutProvider;\n\t\tif (this.footerData.getAvailableProviderCount() > 1 && state.model) {\n\t\t\trightSide = `(${state.model!.provider}) ${rightSideWithoutProvider}`;\n\t\t\tif (statsLeftWidth + minPadding + visibleWidth(rightSide) > width) {\n\t\t\t\t// Too wide, fall back\n\t\t\t\trightSide = rightSideWithoutProvider;\n\t\t\t}\n\t\t}\n\n\t\tconst rightSideWidth = visibleWidth(rightSide);\n\t\tconst totalNeeded = statsLeftWidth + minPadding + rightSideWidth;\n\n\t\tlet statsLine: string;\n\t\tif (totalNeeded <= width) {\n\t\t\t// Both fit - add padding to right-align model\n\t\t\tconst padding = \" \".repeat(width - statsLeftWidth - rightSideWidth);\n\t\t\tstatsLine = statsLeft + padding + rightSide;\n\t\t} else {\n\t\t\t// Need to truncate right side\n\t\t\tconst availableForRight = width - statsLeftWidth - minPadding;\n\t\t\tif (availableForRight > 0) {\n\t\t\t\tconst truncatedRight = truncateToWidth(rightSide, availableForRight, \"\");\n\t\t\t\tconst truncatedRightWidth = visibleWidth(truncatedRight);\n\t\t\t\tconst padding = \" \".repeat(Math.max(0, width - statsLeftWidth - truncatedRightWidth));\n\t\t\t\tstatsLine = statsLeft + padding + truncatedRight;\n\t\t\t} else {\n\t\t\t\t// Not enough space for right side at all\n\t\t\t\tstatsLine = statsLeft;\n\t\t\t}\n\t\t}\n\n\t\t// Apply dim to each part separately. statsLeft may contain color codes (for context %)\n\t\t// that end with a reset, which would clear an outer dim wrapper. So we dim the parts\n\t\t// before and after the colored section independently.\n\t\tconst dimStatsLeft = theme.fg(\"dim\", statsLeft);\n\t\tconst remainder = statsLine.slice(statsLeft.length); // padding + rightSide\n\t\tconst dimRemainder = theme.fg(\"dim\", remainder);\n\n\t\tconst pwdLine = truncateToWidth(theme.fg(\"dim\", pwd), width, theme.fg(\"dim\", \"...\"));\n\t\tconst lines = [pwdLine, dimStatsLeft + dimRemainder];\n\n\t\t// Add extension statuses on a single line, sorted by key alphabetically\n\t\tconst extensionStatuses = this.footerData.getExtensionStatuses();\n\t\tif (extensionStatuses.size > 0) {\n\t\t\tconst sortedStatuses = Array.from(extensionStatuses.entries())\n\t\t\t\t.sort(([a], [b]) => a.localeCompare(b))\n\t\t\t\t.map(([, text]) => sanitizeStatusText(text));\n\t\t\tconst statusLine = sortedStatuses.join(\" \");\n\t\t\t// Truncate to terminal width with dim ellipsis for consistency with footer style\n\t\t\tlines.push(truncateToWidth(statusLine, width, theme.fg(\"dim\", \"...\")));\n\t\t}\n\n\t\treturn lines;\n\t}\n}\n"]}
+{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../../../src/modes/interactive/components/footer.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,SAAS,EAGf,MAAM,wBAAwB,CAAC;AAChC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,uCAAuC,CAAC;AA4HxF;;;GAGG;AACH,qBAAa,mBAAoB,YAAW,SAAS;IAGvC,OAAO,CAAC,OAAO;IAF3B,OAAO,CAAC,kBAAkB,CAAQ;IAElC,YAAoB,OAAO,EAAE,YAAY,EAAI;IAE7C,UAAU,CAAC,OAAO,EAAE,YAAY,GAAG,IAAI,CAEtC;IAED,qBAAqB,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAE5C;IAED,UAAU,IAAI,IAAI,CAEjB;IAED,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAE9B;CACF;AAED;;;GAGG;AACH,qBAAa,eAAgB,YAAW,SAAS;IAE7C,OAAO,CAAC,OAAO;IACf,OAAO,CAAC,UAAU;IAFpB,YACU,OAAO,EAAE,YAAY,EACrB,UAAU,EAAE,0BAA0B,EAC5C;IAEJ,UAAU,CAAC,OAAO,EAAE,YAAY,GAAG,IAAI,CAEtC;IAED,qBAAqB,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI,CAE7C;IAED;;;OAGG;IACH,UAAU,IAAI,IAAI,CAEjB;IAED;;;OAGG;IACH,OAAO,IAAI,IAAI,CAEd;IAED,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAsB9B;CACF","sourcesContent":["import {\n  type Component,\n  truncateToWidth,\n  visibleWidth,\n} from \"@earendil-works/pi-tui\";\nimport type { AgentSession } from \"../../../core/agent-session.js\";\nimport type { ReadonlyFooterDataProvider } from \"../../../core/footer-data-provider.js\";\nimport { theme } from \"../theme/theme.js\";\n\n/**\n * Sanitize text for display in a single-line status.\n * Removes newlines, tabs, carriage returns, and other control characters.\n */\nfunction sanitizeStatusText(text: string): string {\n  // Replace newlines, tabs, carriage returns with space, then collapse multiple spaces\n  return text\n    .replace(/[\\r\\n\\t]/g, \" \")\n    .replace(/ +/g, \" \")\n    .trim();\n}\n\n/**\n * Format token counts (similar to web-ui)\n */\nfunction formatTokens(count: number): string {\n  if (count < 1000) return count.toString();\n  if (count < 10000) return `${(count / 1000).toFixed(1)}k`;\n  if (count < 1000000) return `${Math.round(count / 1000)}k`;\n  if (count < 10000000) return `${(count / 1000000).toFixed(1)}M`;\n  return `${Math.round(count / 1000000)}M`;\n}\n\nfunction replaceHome(input: string): string {\n  const home = process.env.HOME || process.env.USERPROFILE;\n  if (home && input.startsWith(home)) {\n    return `~${input.slice(home.length)}`;\n  }\n  return input;\n}\n\nfunction rightAlign(line: string, width: number): string {\n  const lineWidth = visibleWidth(line);\n  if (lineWidth >= width) {\n    return truncateToWidth(line, width, theme.fg(\"dim\", \"...\"));\n  }\n  return `${\" \".repeat(width - lineWidth)}${line}`;\n}\n\nfunction getUsageLine(\n  session: AgentSession,\n  autoCompactEnabled: boolean,\n  width: number,\n): string {\n  const state = session.state;\n\n  // Calculate cumulative usage from ALL session entries (not just post-compaction messages)\n  let totalInput = 0;\n  let totalOutput = 0;\n  let totalCacheRead = 0;\n  let totalCacheWrite = 0;\n  let totalCost = 0;\n\n  for (const entry of session.sessionManager.getEntries()) {\n    if (entry.type === \"message\" && entry.message.role === \"assistant\") {\n      totalInput += entry.message.usage.input;\n      totalOutput += entry.message.usage.output;\n      totalCacheRead += entry.message.usage.cacheRead;\n      totalCacheWrite += entry.message.usage.cacheWrite;\n      totalCost += entry.message.usage.cost.total;\n    }\n  }\n\n  // Calculate context usage from session (handles compaction correctly).\n  // After compaction, tokens are unknown until the next LLM response.\n  const contextUsage = session.getContextUsage();\n  const contextWindow =\n    contextUsage?.contextWindow ?? state.model?.contextWindow ?? 0;\n  const contextPercentValue = contextUsage?.percent ?? 0;\n  const contextPercent =\n    contextUsage?.percent !== null ? contextPercentValue.toFixed(1) : \"?\";\n\n  const usageParts = [];\n  if (totalInput)\n    usageParts.push(\n      `${theme.fg(\"dim\", \"↑\")}${theme.fg(\"muted\", formatTokens(totalInput))}`,\n    );\n  if (totalOutput)\n    usageParts.push(\n      `${theme.fg(\"dim\", \"↓\")}${theme.fg(\"muted\", formatTokens(totalOutput))}`,\n    );\n  if (totalCacheRead)\n    usageParts.push(\n      `${theme.fg(\"dim\", \"R\")}${theme.fg(\"muted\", formatTokens(totalCacheRead))}`,\n    );\n  if (totalCacheWrite)\n    usageParts.push(\n      `${theme.fg(\"dim\", \"W\")}${theme.fg(\"muted\", formatTokens(totalCacheWrite))}`,\n    );\n\n  // Show cost with \"(sub)\" indicator if using OAuth subscription\n  const usingSubscription = state.model\n    ? session.modelRegistry.isUsingOAuth(state.model)\n    : false;\n  if (totalCost || usingSubscription) {\n    usageParts.push(\n      `${theme.fg(\"muted\", `$${totalCost.toFixed(3)}`)}${usingSubscription ? ` ${theme.fg(\"dim\", \"(sub)\")}` : \"\"}`,\n    );\n  }\n\n  const autoIndicator = autoCompactEnabled ? \" (auto)\" : \"\";\n  const contextPercentDisplay =\n    contextPercent === \"?\"\n      ? `?/${formatTokens(contextWindow)}${autoIndicator}`\n      : `${contextPercent}%/${formatTokens(contextWindow)}${autoIndicator}`;\n  if (contextPercentValue > 90) {\n    usageParts.push(theme.fg(\"error\", contextPercentDisplay));\n  } else if (contextPercentValue > 70) {\n    usageParts.push(theme.fg(\"warning\", contextPercentDisplay));\n  } else {\n    usageParts.push(theme.fg(\"muted\", contextPercentDisplay));\n  }\n\n  const separator = theme.fg(\"dim\", \" • \");\n  const usageText =\n    usageParts.length > 0\n      ? usageParts.join(separator)\n      : theme.fg(\"muted\", contextPercentDisplay);\n  return rightAlign(usageText, width);\n}\n\n/**\n * Right-aligned usage meter that sits above the composer, matching the approved\n * prototype's separate token/cost/context ribbon.\n */\nexport class UsageMeterComponent implements Component {\n  private autoCompactEnabled = true;\n\n  constructor(private session: AgentSession) {}\n\n  setSession(session: AgentSession): void {\n    this.session = session;\n  }\n\n  setAutoCompactEnabled(enabled: boolean): void {\n    this.autoCompactEnabled = enabled;\n  }\n\n  invalidate(): void {\n    // Render pulls live session data.\n  }\n\n  render(width: number): string[] {\n    return [getUsageLine(this.session, this.autoCompactEnabled, width)];\n  }\n}\n\n/**\n * Sparse statusline below the composer. It mirrors the preview: model + cwd\n * when idle, or one semantic dot with short recovery copy while work is live.\n */\nexport class FooterComponent implements Component {\n  constructor(\n    private session: AgentSession,\n    private footerData: ReadonlyFooterDataProvider,\n  ) {}\n\n  setSession(session: AgentSession): void {\n    this.session = session;\n  }\n\n  setAutoCompactEnabled(_enabled: boolean): void {\n    // Usage state lives in UsageMeterComponent. Kept for compatibility with existing call sites.\n  }\n\n  /**\n   * No-op: git branch caching now handled by provider.\n   * Kept for compatibility with existing call sites in interactive-mode.\n   */\n  invalidate(): void {\n    // No-op: git branch is cached/invalidated by provider\n  }\n\n  /**\n   * Clean up resources.\n   * Git watcher cleanup now handled by provider.\n   */\n  dispose(): void {\n    // Git watcher cleanup handled by provider\n  }\n\n  render(width: number): string[] {\n    const state = this.session.state;\n    const pwd = replaceHome(this.session.sessionManager.getCwd());\n\n    const modelName = state.model?.id || \"no-model\";\n    let modelLabel = modelName;\n    if (state.model?.reasoning) {\n      const thinkingLevel = state.thinkingLevel || \"off\";\n      modelLabel =\n        thinkingLevel === \"off\" ? modelName : `${modelName} ${thinkingLevel}`;\n    }\n    if (this.footerData.getAvailableProviderCount() > 1 && state.model) {\n      modelLabel = `(${state.model.provider}) ${modelLabel}`;\n    }\n\n    const liveState = this.session.isStreaming\n      ? theme.fg(\"muted\", \"Esc to interrupt\")\n      : undefined;\n    const statusText =\n      liveState ??\n      `${theme.fg(\"dim\", modelLabel)} ${theme.fg(\"dim\", \"•\")} ${theme.fg(\"muted\", pwd)}`;\n    return [truncateToWidth(statusText, width, theme.fg(\"dim\", \"...\"))];\n  }\n}\n"]}