@underactive/pi-topping-statusline 0.2.8 → 0.3.0

package/src/settings-menu.ts

@@ -4,11 +4,18 @@
  * menu values, and the command registration.
  */
 import type { ExtensionAPI, ExtensionCommandContext, Theme } from "@earendil-works/pi-coding-agent";
+import {
+	showMenu,
+	type MenuItem,
+	type MenuSection,
+	type MenuValue,
+	type PreviewSlot,
+} from "@underactive/pi-topping-primitives/menu";
 import { makeBoxPainters, renderBoxRow } from "./box.js";
+import { CACHE_HIT_MAX_CELLS, CACHE_HIT_MIN_CELLS, clampCacheHitCells, stripCacheHitStat } from "./cache-hit.js";
 import { compactionPreviewView } from "./compaction-embed.js";
 import type { SegmentContextBuilder } from "./context.js";
 import { buildStatusLine } from "./layout.js";
-import { showMenu, type MenuSection, type MenuValue, type PreviewResult } from "./menu.js";
 import { NvidiaGreenBorder, isSwitchyardProvider } from "./nvidia-green.js";
 import { RAINBOW_CYCLE_MS, RAINBOW_FRAME_MS, RainbowBorder } from "./rainbow.js";
 import {
@@ -42,6 +49,12 @@ const SYMBOL_FROM_LABEL: Record<string, SymbolPreset> = Object.fromEntries(
 	(Object.entries(SYMBOL_LABELS) as [SymbolPreset, string][]).map(([preset, label]) => [label, preset]),
 );
 
+/** Menu values for the CH bar length: the menu cycles strings, so each size is its decimal text. */
+const CACHE_HIT_CELL_VALUES: readonly string[] = Array.from(
+	{ length: CACHE_HIT_MAX_CELLS - CACHE_HIT_MIN_CELLS + 1 },
+	(_, i) => String(CACHE_HIT_MIN_CELLS + i),
+);
+
 const SECTION_TITLES = [
 	"Top Left Segment Group",
 	"Top Right Segment Group",
@@ -66,6 +79,7 @@ const SEGMENT_ROWS: readonly {
 	{ id: "feeds", label: "Feeds", section: "Bottom Right Segment Group" },
 	{ id: "tokenRate", label: "Token rate", section: "Bottom Right Segment Group" },
 	{ id: "piStats", label: "Pi stats", section: "Bottom Right Segment Group" },
+	{ id: "cacheHitBar", label: "Cache hit bar", section: "Bottom Right Segment Group" },
 	{ id: "contextBar", label: "Context bar", section: "Bottom Right Segment Group" },
 	{ id: "contextStats", label: "Context stats", section: "Bottom Right Segment Group" },
 	{ id: "scrollHint", label: "Scroll hint", section: "Bottom Left Segment Group" },
@@ -73,8 +87,8 @@ const SEGMENT_ROWS: readonly {
 	{ id: "tokenRateBottomLeft", label: "Token rate", section: "Bottom Left Segment Group" },
 ];
 
-// Feed rows carry a stable key (independent of on-screen position) so
-// MenuComponent.rebuild's id-keyed value carry-over survives a removal.
+// Feed rows carry a stable key (independent of on-screen position) so the
+// menu's id-keyed value carry-over on a rebuild survives a removal.
 const FEED_PREFIX = "feed";
 const feedKey = (key: number, part: keyof StatusLineFeed) => `${FEED_PREFIX}.${key}.${part}`;
 const ADD_FEED_ID = `${FEED_PREFIX}.add`;
@@ -90,18 +104,18 @@ interface FeedPair {
 const pairsFromFeeds = (feeds: readonly StatusLineFeed[]): FeedPair[] => feeds.map((feed, key) => ({ key, feed }));
 
 function feedSection(pairs: readonly FeedPair[]): MenuSection {
-	const items: MenuSection["items"] = [];
+	const items: MenuItem[] = [];
 	pairs.forEach(({ key, feed }, index) => {
 		const n = index + 1;
 		items.push(
-			{ id: feedKey(key, "customType"), label: `${n}. type`, value: feed.customType, text: true, placeholder: "ext/custom-type" },
-			{ id: feedKey(key, "field"), label: `${n}. field`, value: feed.field, text: true, placeholder: "fieldName" },
-			{ id: feedKey(key, "prefix"), label: `${n}. prefix`, value: feed.prefix, text: true, placeholder: "(none)" },
-			{ id: feedKey(key, "format"), label: `${n}. format`, value: feed.format, cycleValues: FEED_FORMATS },
-			{ id: removeFeedId(key), label: `${n}. remove this feed`, value: false, action: true },
+			{ kind: "text", id: feedKey(key, "customType"), label: `${n}. type`, value: feed.customType, placeholder: "ext/custom-type" },
+			{ kind: "text", id: feedKey(key, "field"), label: `${n}. field`, value: feed.field, placeholder: "fieldName" },
+			{ kind: "text", id: feedKey(key, "prefix"), label: `${n}. prefix`, value: feed.prefix, placeholder: "(none)" },
+			{ kind: "cycle", id: feedKey(key, "format"), label: `${n}. format`, value: feed.format, values: FEED_FORMATS },
+			{ kind: "action", id: removeFeedId(key), label: `${n}. remove this feed` },
 		);
 	});
-	items.push({ id: ADD_FEED_ID, label: "+ add feed", value: false, action: true });
+	items.push({ kind: "action", id: ADD_FEED_ID, label: "+ add feed" });
 	return { title: "Feeds", items };
 }
 
@@ -133,51 +147,59 @@ function feedsFromValues(values: Record<string, MenuValue>): StatusLineFeed[] {
 	return feedPairsFromValues(values).map(({ feed }) => feed);
 }
 
-function buildSections(settings: StatusLineSettings): MenuSection[] {
+export function buildSections(settings: StatusLineSettings): MenuSection[] {
 	const seg = { ...DEFAULT_SEGMENTS, ...settings.segments };
 	const global: MenuSection = {
 		title: "Global",
 		items: [
-			{ id: "transparent", label: "Transparent Segments", value: settings.transparent ?? true },
+			{ kind: "toggle", id: "transparent", label: "Transparent Segments", value: settings.transparent ?? true },
 			{
+				kind: "cycle",
 				id: "separator",
 				label: "Separator",
 				value: settings.separator ?? "powerline-thin",
-				cycleValues: SEPARATORS,
+				values: SEPARATORS,
 			},
-			{ id: "symbols", label: "Symbols", value: SYMBOL_LABELS[settings.symbols ?? "nerd"], cycleValues: SYMBOL_VALUES },
+			{ kind: "cycle", id: "symbols", label: "Symbols", value: SYMBOL_LABELS[settings.symbols ?? "nerd"], values: SYMBOL_VALUES },
 			{
+				kind: "cycle",
 				id: "borderStyle",
 				label: "Border style",
 				value: settings.borderStyle ?? "rounded",
-				cycleValues: BORDER_STYLES,
+				values: BORDER_STYLES,
 			},
 			{
+				kind: "toggle",
 				id: "rainbowBorder",
 				label: "Rainbow border on max thinking",
 				value: settings.rainbowBorder ?? true,
 			},
 			{
+				kind: "toggle",
 				id: "rainbowAnimation",
 				label: "Animate rainbow border",
 				value: settings.rainbowAnimation ?? true,
 			},
 			{
+				kind: "toggle",
 				id: "nvidiaGreenBorder",
 				label: "NVIDIA-green when using Switchyard",
 				value: settings.nvidiaGreenBorder ?? true,
 			},
 			{
+				kind: "toggle",
 				id: "nvidiaGreenAnimation",
 				label: "Animate Switchyard green border",
 				value: settings.nvidiaGreenAnimation ?? true,
 			},
 			{
+				kind: "toggle",
 				id: "embedWorkingStatus",
 				label: "Embed status spinners",
 				value: settings.embedWorkingStatus ?? false,
 			},
 			{
+				kind: "toggle",
 				id: "embedCompactionProgress",
 				label: "Embed compaction progress",
 				value: settings.embedCompactionProgress ?? true,
@@ -188,17 +210,27 @@ function buildSections(settings: StatusLineSettings): MenuSection[] {
 		global,
 		...SECTION_TITLES.map(title => ({
 			title,
-			items: SEGMENT_ROWS.filter(row => row.section === title).map(row => ({
-				id: row.id,
-				label: row.label,
-				value: seg[row.id],
-			})),
+			items: SEGMENT_ROWS.filter(row => row.section === title).flatMap((row): MenuItem[] => {
+				const item: MenuItem = { kind: "toggle", id: row.id, label: row.label, value: seg[row.id] };
+				// The bar's length sits right under its on/off toggle.
+				if (row.id !== "cacheHitBar") return [item];
+				return [
+					item,
+					{
+						kind: "cycle",
+						id: "cacheHitBarSegments",
+						label: "CH bar segments",
+						value: String(clampCacheHitCells(settings.cacheHitBarSegments)),
+						values: CACHE_HIT_CELL_VALUES,
+					},
+				];
+			}),
 		})),
 		feedSection(pairsFromFeeds(settings.feeds ? sanitizeFeeds(settings.feeds) : DEFAULT_FEEDS)),
 	];
 }
 
-function valuesToSettings(values: Record<string, MenuValue>): StatusLineSettings {
+export function valuesToSettings(values: Record<string, MenuValue>): StatusLineSettings {
 	const segments: StatusLineSegmentToggles = {};
 	for (const row of SEGMENT_ROWS) segments[row.id] = values[row.id] === true;
 	const separator = values.separator as StatusLineSeparatorStyle;
@@ -216,6 +248,7 @@ function valuesToSettings(values: Record<string, MenuValue>): StatusLineSettings
 		nvidiaGreenAnimation: values.nvidiaGreenAnimation === true,
 		embedWorkingStatus: values.embedWorkingStatus === true,
 		embedCompactionProgress: values.embedCompactionProgress === true,
+		cacheHitBarSegments: clampCacheHitCells(Number(values.cacheHitBarSegments)),
 	};
 }
 
@@ -226,7 +259,8 @@ const CANNED_TOKEN_RATE = { rate: 87, phase: "active", fadeShade: 0 } as const;
 /** Stand-in payloads so configured feeds still preview without a live publisher. */
 const CANNED_FEED_NUMBER = 1.23;
 const CANNED_HINT = "↑ 3 more";
-const CANNED_STATS = "↑ 12.4K ↓ 3.1K R 148K W 12K 92.3% $0.42";
+const CANNED_CACHE_HIT = 92.3;
+const CANNED_STATS = `↑ 12.4K ↓ 3.1K R 148K W 12K CH${CANNED_CACHE_HIT}% $0.42`;
 const CANNED_GIT = { branch: "main", status: { staged: 1, unstaged: 2, untracked: 3 } };
 const CANNED_PERCENT = 42;
 const CANNED_WINDOW = 200_000;
@@ -250,7 +284,8 @@ function cannedFeedData(
 	return data;
 }
 
-class StatusLinePreview {
+/** The menu's preview slot: three rows of the real box, sampled synchronously on every render. */
+class StatusLinePreview implements PreviewSlot<Record<string, MenuValue>> {
 	readonly #builder: SegmentContextBuilder;
 	readonly #uiTheme: Theme;
 
@@ -261,14 +296,12 @@ class StatusLinePreview {
 
 	render(
 		values: Record<string, MenuValue>,
-		elapsedMs: number,
-		activeItemId: string | undefined,
-		innerWidth: number,
-	): PreviewResult {
+		{ elapsedMs, activeItemId, width }: { elapsedMs: number; activeItemId: string | undefined; width: number },
+	): { lines: string[]; nextRefreshInMs?: number } {
 		const effective = resolveEffectiveSettings(valuesToSettings(values));
-		// Preview lines are indented one cell by the menu; mirror renderBoxed's
-		// 6-cell chrome budget for the bars themselves.
-		const boxWidth = Math.max(24, innerWidth - 1);
+		// The menu hands over its full inner width and adds no margin, so the one-cell
+		// indent is added here; mirror renderBoxed's 6-cell chrome budget for the bars.
+		const boxWidth = Math.max(24, width - 1);
 		const barWidth = boxWidth - 6;
 
 		// The theme singleton drives glyph lookups everywhere, so swap the
@@ -281,6 +314,7 @@ class StatusLinePreview {
 				pr: true,
 				piStats: true,
 				tokenRate: true,
+				cacheHit: effective.includes.cacheHit,
 				feeds: effective.segmentOptions.feeds.map(f => f.customType),
 			};
 			const base = this.#builder.build(barWidth, effective.segmentOptions, include, CANNED_HINT);
@@ -302,7 +336,9 @@ class StatusLinePreview {
 				contextPercent: base.contextPercent ?? CANNED_PERCENT,
 				contextTokens: base.contextPercent == null ? Math.round((contextWindow * CANNED_PERCENT) / 100) : base.contextTokens,
 				contextWindow,
-				piStats: base.piStats ?? CANNED_STATS,
+				cacheHitPercent: base.cacheHitPercent ?? CANNED_CACHE_HIT,
+				// The canned line stands in for pi's, so it moves CH beside the graph exactly as the builder does.
+				piStats: base.piStats ?? (effective.includes.cacheHit ? stripCacheHitStat(CANNED_STATS) : CANNED_STATS),
 				tokenRate: base.tokenRate ?? CANNED_TOKEN_RATE,
 				feedData: cannedFeedData(effective.segmentOptions.feeds, base.feedData),
 			};
@@ -356,7 +392,7 @@ class StatusLinePreview {
 						" ".repeat(Math.max(0, boxWidth - 2)) +
 						painters.paint(1, boxWidth - 1, box.vertical),
 					renderBoxRow(painters, bottom, bottomIdx, boxWidth, box.bottomLeft, box.bottomRight),
-				],
+				].map(line => ` ${line}`),
 				// A static colorizer stays at phase zero and needs no repaint timer.
 				nextRefreshInMs: animationOn ? RAINBOW_FRAME_MS : undefined,
 			};
@@ -379,12 +415,11 @@ export function registerSettingsCommand(
 				ctx.ui.notify("/topping-statusline-settings requires TUI mode", "error");
 				return;
 			}
-			const preview = new StatusLinePreview(builder, ctx.ui.theme);
 			const result = await showMenu<Record<string, MenuValue>>(ctx, {
 				title: "Pi Topping Statusline: Settings",
 				sections: buildSections(state.settings),
 				hints: ["↑↓ move", "←→ cycle", "␣ toggle", "⏎ apply/edit", "esc cancel"],
-				preview: preview.render.bind(preview),
+				preview: new StatusLinePreview(builder, ctx.ui.theme),
 				onAction: (id, values) => {
 					const pairs = feedPairsFromValues(values);
 					let nextPairs: FeedPair[];
@@ -393,7 +428,7 @@ export function registerSettingsCommand(
 						nextPairs = [...pairs, { key, feed: { customType: "", field: "", prefix: "", format: "currency" } }];
 					} else {
 						const match = REMOVE_FEED_RE.exec(id);
-						if (!match) return undefined;
+						if (!match) return;
 						const removedKey = Number(match[1]);
 						nextPairs = pairs.filter(p => p.key !== removedKey);
 					}
@@ -402,16 +437,13 @@ export function registerSettingsCommand(
 					return [...buildSections(valuesToSettings(values)).slice(0, -1), feedSection(nextPairs)];
 				},
 			});
+			// Escape hands back the un-applied draft, so the values are only read on apply.
 			if (!result.applied) return;
 			const next = valuesToSettings(result.values);
 			applySettings(state, next);
 			onChange();
-			try {
-				saveSettings(next);
-			} catch (err) {
-				const message = err instanceof Error ? err.message : String(err);
-				ctx.ui.notify(`Failed to save statusline settings: ${message}`, "error");
-			}
+			const saved = saveSettings(next);
+			if (!saved.ok) ctx.ui.notify(`Failed to save statusline settings: ${saved.message}`, "error");
 		},
 	});
 }

package/src/settings.ts

@@ -3,9 +3,8 @@
  * statusline settings live in a small JSON at
  * ~/.pi/agent/pi-topping-statusline/settings.json.
  */
-import * as fs from "node:fs";
-import * as path from "node:path";
-import { getAgentDir } from "@earendil-works/pi-coding-agent";
+import { createSettingsStore, sanitize, toppingSettingsPath, type SettingsWriteResult } from "@underactive/pi-topping-primitives/settings";
+import { clampCacheHitCells } from "./cache-hit.js";
 import { theme, type BorderStyle, type SymbolPreset } from "./theme.js";
 import type {
 	EffectiveStatusLineSettings,
@@ -18,7 +17,8 @@ import type {
 	StatusLineSettings,
 } from "./types.js";
 
-const SETTINGS_PATH = path.join(getAgentDir(), "pi-topping-statusline", "settings.json");
+/** Resolved per call: PI_CODING_AGENT_DIR may change after import. */
+export const settingsPath = toppingSettingsPath("pi-topping-statusline");
 
 export const SEPARATORS: readonly StatusLineSeparatorStyle[] = ["powerline", "powerline-thin", "slash", "pipe", "ascii"];
 const SYMBOL_PRESETS: SymbolPreset[] = ["nerd", "unicode", "ascii"];
@@ -27,12 +27,10 @@ export const BORDER_STYLES: readonly BorderStyle[] = ["rounded", "heavy", "doubl
 export const FEED_FORMATS: readonly FeedFormat[] = ["currency", "number", "text"];
 
 /**
- * Seeded with pi-prompt-cache's published savings feed, so the segment works
- * as soon as it is switched on and doubles as a worked example of the shape.
+ * Nothing is subscribed by default: the list comes from the user's settings. The feeds
+ * segment renders nothing while the list is empty, so switching it on costs nothing.
  */
-export const DEFAULT_FEEDS: readonly StatusLineFeed[] = [
-	{ customType: "pi-prompt-cache/savings", field: "savedUsd", prefix: "CS", format: "currency" },
-];
+export const DEFAULT_FEEDS: readonly StatusLineFeed[] = [];
 
 export const DEFAULT_SEGMENTS: Required<StatusLineSegmentToggles> = {
 	pi: true,
@@ -49,6 +47,7 @@ export const DEFAULT_SEGMENTS: Required<StatusLineSegmentToggles> = {
 	feeds: false,
 	feedsBottomLeft: false,
 	tokenRateBottomLeft: false,
+	cacheHitBar: true,
 	contextBar: true,
 	contextStats: true,
 	scrollHint: true,
@@ -75,41 +74,48 @@ export function sanitizeFeeds(raw: unknown): StatusLineFeed[] {
 	return feeds;
 }
 
-function loadSettings(): StatusLineSettings {
-	try {
-		const raw = JSON.parse(fs.readFileSync(SETTINGS_PATH, "utf8")) as StatusLineSettings;
-		const settings: StatusLineSettings = {};
-		if (typeof raw.transparent === "boolean") settings.transparent = raw.transparent;
-		if (raw.separator && SEPARATORS.includes(raw.separator)) settings.separator = raw.separator;
-		if (raw.symbols && SYMBOL_PRESETS.includes(raw.symbols)) settings.symbols = raw.symbols;
-		if (raw.borderStyle && BORDER_STYLES.includes(raw.borderStyle)) settings.borderStyle = raw.borderStyle;
-		if (raw.segments && typeof raw.segments === "object") {
-			const segments: StatusLineSegmentToggles = {};
-			for (const key of SEGMENT_KEYS) {
-				if (typeof raw.segments[key] === "boolean") segments[key] = raw.segments[key];
-			}
-			settings.segments = segments;
+function sanitizeSettings(parsed: unknown): StatusLineSettings {
+	if (!sanitize.isRecord(parsed)) return {};
+	const raw = parsed as StatusLineSettings;
+	const settings: StatusLineSettings = {};
+	if (typeof raw.transparent === "boolean") settings.transparent = raw.transparent;
+	if (raw.separator && SEPARATORS.includes(raw.separator)) settings.separator = raw.separator;
+	if (raw.symbols && SYMBOL_PRESETS.includes(raw.symbols)) settings.symbols = raw.symbols;
+	if (raw.borderStyle && BORDER_STYLES.includes(raw.borderStyle)) settings.borderStyle = raw.borderStyle;
+	if (raw.segments && typeof raw.segments === "object") {
+		const segments: StatusLineSegmentToggles = {};
+		for (const key of SEGMENT_KEYS) {
+			if (typeof raw.segments[key] === "boolean") segments[key] = raw.segments[key];
 		}
-		if (raw.feeds !== undefined) settings.feeds = sanitizeFeeds(raw.feeds);
-		if (typeof raw.rainbowBorder === "boolean") settings.rainbowBorder = raw.rainbowBorder;
-		if (typeof raw.rainbowAnimation === "boolean") settings.rainbowAnimation = raw.rainbowAnimation;
-		if (typeof raw.nvidiaGreenBorder === "boolean") settings.nvidiaGreenBorder = raw.nvidiaGreenBorder;
-		if (typeof raw.nvidiaGreenAnimation === "boolean") settings.nvidiaGreenAnimation = raw.nvidiaGreenAnimation;
-		if (typeof raw.embedWorkingStatus === "boolean") settings.embedWorkingStatus = raw.embedWorkingStatus;
-		if (typeof raw.embedCompactionProgress === "boolean") settings.embedCompactionProgress = raw.embedCompactionProgress;
-		return settings;
-	} catch {
-		// Missing or corrupt settings.json falls back to defaults.
-		return {};
+		settings.segments = segments;
 	}
+	if (raw.feeds !== undefined) settings.feeds = sanitizeFeeds(raw.feeds);
+	if (typeof raw.rainbowBorder === "boolean") settings.rainbowBorder = raw.rainbowBorder;
+	if (typeof raw.rainbowAnimation === "boolean") settings.rainbowAnimation = raw.rainbowAnimation;
+	if (typeof raw.nvidiaGreenBorder === "boolean") settings.nvidiaGreenBorder = raw.nvidiaGreenBorder;
+	if (typeof raw.nvidiaGreenAnimation === "boolean") settings.nvidiaGreenAnimation = raw.nvidiaGreenAnimation;
+	if (typeof raw.embedWorkingStatus === "boolean") settings.embedWorkingStatus = raw.embedWorkingStatus;
+	if (typeof raw.embedCompactionProgress === "boolean") settings.embedCompactionProgress = raw.embedCompactionProgress;
+	if (typeof raw.cacheHitBarSegments === "number") settings.cacheHitBarSegments = clampCacheHitCells(raw.cacheHitBarSegments);
+	return settings;
 }
 
-/** Atomic write; throws so callers can surface the failure. */
-export function saveSettings(settings: StatusLineSettings): void {
-	fs.mkdirSync(path.dirname(SETTINGS_PATH), { recursive: true });
-	fs.writeFileSync(`${SETTINGS_PATH}.tmp`, `${JSON.stringify(settings, null, "\t")}\n`, { mode: 0o600 });
-	fs.renameSync(`${SETTINGS_PATH}.tmp`, SETTINGS_PATH);
-	fs.chmodSync(SETTINGS_PATH, 0o600);
+const settingsStore = createSettingsStore<StatusLineSettings>({
+	path: settingsPath,
+	codec: {
+		sanitize: sanitizeSettings,
+		serialize: (settings) => `${JSON.stringify(settings, null, "\t")}\n`,
+	},
+});
+
+/** Missing or corrupt settings.json falls back to defaults. */
+export function loadSettings(): StatusLineSettings {
+	return settingsStore.read();
+}
+
+/** Atomic write; the result says whether it landed so callers can surface a failure. */
+export function saveSettings(settings: StatusLineSettings): SettingsWriteResult<StatusLineSettings> {
+	return settingsStore.write(settings);
 }
 
 export function resolveEffectiveSettings(settings: StatusLineSettings): EffectiveStatusLineSettings {
@@ -126,6 +132,7 @@ export function resolveEffectiveSettings(settings: StatusLineSettings): Effectiv
 	if (seg.feeds) bottomRightSegments.push("feeds");
 	if (seg.tokenRate) bottomRightSegments.push("token_rate");
 	if (seg.piStats) bottomRightSegments.push("pi_stats");
+	if (seg.cacheHitBar) bottomRightSegments.push("cache_hit_graph");
 	if (seg.contextBar || seg.contextStats) bottomRightSegments.push("context_graph");
 
 	const rightSegments: StatusLineSegmentId[] = [];
@@ -145,6 +152,7 @@ export function resolveEffectiveSettings(settings: StatusLineSettings): Effectiv
 		pr: allSegments.includes("pr"),
 		piStats: allSegments.includes("pi_stats"),
 		tokenRate: allSegments.includes("token_rate"),
+		cacheHit: allSegments.includes("cache_hit_graph"),
 		feeds: allSegments.includes("feeds") ? feeds.map(feed => feed.customType) : [],
 	};
 
@@ -168,6 +176,7 @@ export function resolveEffectiveSettings(settings: StatusLineSettings): Effectiv
 			model: { showModel: seg.model, showProvider: seg.provider, showThinking: seg.thinking },
 			path: { abbreviate: true, maxLength: 40, stripWorkPrefix: true },
 			context: { showBar: seg.contextBar, showStats: seg.contextStats },
+			cacheHit: { cells: clampCacheHitCells(settings.cacheHitBarSegments) },
 			feeds,
 		},
 	};