feat(cli): paint the update notice in the status bar in the warning color

Author: elkaix

.changeset/status-bar-update-notice.md

@@ -0,0 +1,5 @@
+---
+"@pymodel/pythinker-code": patch
+---
+
+Highlight the update notice in the terminal status bar with the warning color.

apps/pythinker-code/src/tui/components/chrome/status-bar.ts

@@ -27,6 +27,8 @@ export type StatusBarStatus = Pick<
   | 'tokenSpeedEstimated'
 > & {
   readonly extras: readonly string[];
+  /** The `extras` entry that carries the update notice, painted in `warning`. */
+  readonly updateExtra?: string;
   readonly sessionKey: string;
   readonly statusLine: StatusLineConfig;
 };
@@ -61,7 +63,7 @@ export class StatusBarComponent implements Component {
       : undefined;
     let modesChip = status.statusLine.showModes ? renderModesChip(status) : undefined;
     const extraChips = status.extras.map((extra) =>
-      chip(currentTheme.fg('textDim', extra)),
+      chip(currentTheme.fg(extra === status.updateExtra ? 'warning' : 'textDim', extra)),
     );
     let cwdChip: string | undefined = chip(
       currentTheme.fg('textDim', shortenCwd(status.cwd, status.homeDir)),

apps/pythinker-code/src/tui/pythinker-tui.ts

@@ -141,6 +141,7 @@ import {
   foldFooterEvents,
   selectFooterViewModel,
   selectStatusBarExtras,
+  selectStatusItemParts,
   type FooterActivity,
   type FooterEvent,
   type FooterGoal,
@@ -1400,13 +1401,19 @@ export class PythinkerTUI {
         this.state.appState.statusLine,
       ),
     );
+    const statusParts = selectStatusItemParts(
+      this.state.footerState,
+      Date.now(),
+      this.state.appState.statusLine,
+    );
     this.state.statusBar.update({
       ...this.state.footerState.status,
       extras: selectStatusBarExtras(
         this.state.footerState,
         Date.now(),
         this.state.appState.statusLine,
       ),
+      updateExtra: statusParts.update ?? undefined,
       sessionKey:
         this.state.appState.sessionTitle?.trim() ||
         this.state.appState.sessionId ||

apps/pythinker-code/test/tui/components/status-bar.test.ts

@@ -108,6 +108,31 @@ describe('StatusBarComponent', () => {
     }
   });
 
+  it('paints the update extra in warning and leaves other extras dim', () => {
+    const previousLevel = chalk.level;
+    const previousPalette = currentTheme.palette;
+    chalk.level = 3;
+    currentTheme.setPalette(darkColors);
+
+    try {
+      const component = new StatusBarComponent();
+      component.update(
+        status({
+          extras: ['6% · 55.6k/1M', '↑ v0.18.0 restart to apply'],
+          updateExtra: '↑ v0.18.0 restart to apply',
+        }),
+      );
+
+      const line = renderRow(component, 160);
+
+      expect(line).toContain(chalk.hex(darkColors.warning)('↑ v0.18.0 restart to apply'));
+      expect(line).toContain(chalk.hex(darkColors.textDim)('6% · 55.6k/1M'));
+    } finally {
+      chalk.level = previousLevel;
+      currentTheme.setPalette(previousPalette);
+    }
+  });
+
   it('drops the gap, modes, and cwd in that order as width shrinks', () => {
     const component = new StatusBarComponent();
     component.update(status());