@oh-my-pi/pi-tui 18.14.2 → 18.16.0

package/src/tools/ast-grep.ts

@@ -1,8 +1,7 @@
-import { isRecord, sanitizeText } from "@oh-my-pi/pi-utils";
 import type { Component } from "../tui";
 import { Text } from "../components/text";
 import type { Theme } from "../theme/theme";
-import { fileHyperlink, renderStatusLine, renderTreeList } from "../render";
+import { renderStatusLine, renderTreeList } from "../render";
 import {
 	appendParseErrorsBulletList,
 	createCachedComponent,
@@ -17,8 +16,13 @@ import {
 import {
 	classifyGroupedLines,
 	createCodeFrameStyler,
+	createGroupedRowStyler,
 	describeGroupedOutput,
+	fitGroupsToBudget,
+	groupedLinkTargets,
 	groupLineIndicesByBlank,
+	groupsByFile,
+	isMatchRow,
 } from "./grouped-file-output";
 import { code, compact, node, span } from "../native/describe";
 import type { NativeChild } from "../native/node";
@@ -128,64 +132,21 @@ export const astGrepToolRenderer = {
 
 		const textContent = result.details?.displayContent ?? result.content?.find(c => c.type === "text")?.text ?? "";
 		const allLines = textContent.split("\n");
-		// Resolve hyperlinks over the whole output so nested directory headers
-		// reconstruct across the blank-line groups the tree list collapses by.
+		// Classify the whole output so nested directory headers resolve across blank-line groups.
 		const contexts = classifyGroupedLines(allLines, details?.cwd ?? details?.searchPath, details?.searchPath);
 		const styleCodeFrame = createCodeFrameStyler(allLines, contexts, "toolOutput", uiTheme, args?.lang);
-		// The displayed lines are sanitized, but OSC 8 destinations must retain the
-		// original path bytes. Only substitute targets for headers already linked
-		// by the sanitized output; never let raw text create additional links.
-		const rawDetails = options.renderContext?.rawDetails;
-		const rawContent =
-			isRecord(rawDetails) && typeof rawDetails.displayContent === "string" ? rawDetails.displayContent : undefined;
-		const rawLines = rawContent?.split("\n");
-		const rawCwd = isRecord(rawDetails) && typeof rawDetails.cwd === "string" ? rawDetails.cwd : undefined;
-		const rawSearchPath =
-			isRecord(rawDetails) && typeof rawDetails.searchPath === "string" ? rawDetails.searchPath : undefined;
-		const rawContexts =
-			rawContent !== undefined && rawLines?.length === allLines.length && sanitizeText(rawContent) === textContent
-				? classifyGroupedLines(rawLines, rawCwd ?? rawSearchPath, rawSearchPath)
-				: undefined;
-		// Style lazily: the collapsed tree list only renders the first few groups,
-		// so a large result never styles/hyperlinks rows nobody sees.
-		const styledLines: (string | undefined)[] = Array.from({ length: allLines.length }, () => undefined);
-		const styleLine = (index: number): string => {
-			const cached = styledLines[index];
-			if (cached !== undefined) return cached;
-			const line = allLines[index]!;
-			const ctx = contexts[index]!;
-			const rawContext = rawContexts?.[index];
-			const target =
-				ctx.headerPath && rawContext?.kind === ctx.kind && rawContext.depth === ctx.depth
-					? (rawContext.headerPath ?? ctx.headerPath)
-					: ctx.headerPath;
-			let styled: string;
-			if (ctx.kind === "dir") {
-				const accent = uiTheme.fg("accent", line);
-				styled = target ? fileHyperlink(target, accent) : accent;
-			} else if (ctx.kind === "file") {
-				const tinted = uiTheme.fg(ctx.depth === 1 ? "accent" : "dim", line);
-				styled = target ? fileHyperlink(target, tinted) : tinted;
-			} else {
-				styled = styleCodeFrame(index) ?? uiTheme.fg(line.startsWith("  meta:") ? "dim" : "toolOutput", line);
-			}
-			styledLines[index] = styled;
-			return styled;
-		};
-		const matchGroups = groupLineIndicesByBlank(allLines).filter(indices => {
+		const styleLine = createGroupedRowStyler(allLines, contexts, uiTheme, {
+			linkTarget: groupedLinkTargets(contexts, textContent, details, options.renderContext?.rawDetails),
+			styleBody: index => {
+				const line = allLines[index]!;
+				return styleCodeFrame(index) ?? uiTheme.fg(line.startsWith("  meta:") ? "dim" : "toolOutput", line);
+			},
+			linkLines: true,
+		});
+		const matchGroups = groupsByFile(groupLineIndicesByBlank(allLines), contexts).filter(indices => {
 			const first = allLines[indices[0]!]!;
 			return !first.startsWith("Result limit reached") && !first.startsWith("Parse issues:");
 		});
-		// Line offset at which each group starts. A collapsed tree list stops at the
-		// first group that overflows its line budget, so groups starting at or past
-		// the budget are never shown — hand it same-length placeholders instead of
-		// styling them (renderTreeList only needs their line counts).
-		const groupStarts: number[] = [];
-		let groupStart = 0;
-		for (const group of matchGroups) {
-			groupStarts.push(groupStart);
-			groupStart += group.length;
-		}
 
 		const extraLines: string[] = [];
 		if (limitReached) {
@@ -200,18 +161,13 @@ export const astGrepToolRenderer = {
 		return createCachedComponent(
 			() => options.expanded,
 			width => {
+				const { shown, summary } = fitGroupsToBudget(
+					matchGroups,
+					options.expanded ? Number.POSITIVE_INFINITY : COLLAPSED_MATCH_LIMIT,
+					{ isUnit: index => isMatchRow(allLines[index]!), unit: "match", total: matchCount },
+				);
 				const matchLines = renderTreeList(
-					{
-						items: matchGroups,
-						expanded: options.expanded,
-						maxCollapsed: matchGroups.length,
-						maxCollapsedLines: COLLAPSED_MATCH_LIMIT,
-						itemType: "match",
-						renderItem: (group, context) =>
-							!options.expanded && groupStarts[context.index]! >= COLLAPSED_MATCH_LIMIT
-								? Array.from({ length: group.length }, () => "")
-								: group.map(styleLine),
-					},
+					{ items: shown, trailingSummary: summary, renderItem: group => group.map(styleLine) },
 					uiTheme,
 				);
 				return fitHeaderedRows(header, [...matchLines, ...extraLines], width);

package/src/tools/bash.ts

@@ -13,6 +13,7 @@ import {
 	replaceTabs,
 } from "../render/render-utils";
 import {
+	formatMinimizedMeta,
 	formatStyledTruncationWarning,
 	type OutputMeta,
 	stripOutputNotice,
@@ -351,6 +352,10 @@ function bashStatsParts(
 	if (artifactId) {
 		statsParts.push(`Artifact: ${artifactId}`);
 	}
+	const minimized = details?.meta?.minimized;
+	if (minimized) {
+		statsParts.push(`Minimized: ${formatMinimizedMeta(minimized)}`);
+	}
 	if (isError && typeof details?.exitCode === "number") {
 		statsParts.push(`Exit: ${details.exitCode}`);
 	}
@@ -400,6 +405,8 @@ function shellFootParts(details: BashToolDetails | undefined, artifactId: string
 		if (service.pid !== undefined) parts.push(`PID ${service.pid}`);
 	}
 	if (artifactId) parts.push(`Artifact ${artifactId}`);
+	const minimized = details?.meta?.minimized;
+	if (minimized) parts.push(`Minimized ${formatMinimizedMeta(minimized)}`);
 	return parts;
 }
 

package/src/tools/default-renderer.ts

@@ -51,7 +51,7 @@ function buildDefaultToolStatus(input: DefaultToolRenderInput): { status: Status
 				? "info"
 				: result?.isError
 					? "error"
-					: "done",
+					: "success",
 		spinnerFrame: options.spinnerFrame,
 		title: input.label,
 	};

package/src/tools/edit.ts

@@ -45,7 +45,13 @@ import {
 import type { ToolActivityContext, ToolActivitySummary } from "./renderer";
 import { fileHyperlink, Hasher, type RenderCache, renderStatusLine, truncateToWidth, WidthAwareText } from "../render";
 import { framedToolCard } from "../render/tool-card";
-import { HL_FILE_PREFIX, HL_FILE_SUFFIX, HL_MOVE_KEYWORD, HL_REM_KEYWORD } from "./hashline-format";
+import {
+	HASHLINE_TAG_SUFFIX_RE,
+	HL_FILE_PREFIX,
+	HL_FILE_SUFFIX,
+	HL_MOVE_KEYWORD,
+	HL_REM_KEYWORD,
+} from "./hashline-format";
 
 /** Edit payload syntax selected by the caller. */
 export type EditMode = "replace" | "patch" | "hashline" | "apply_patch" | "sloppy";
@@ -354,7 +360,8 @@ function renderEditHeader(
 	width: number,
 	uiTheme: Theme,
 	options: {
-		icon?: "pending" | "success" | "error";
+		icon?: "pending" | "running" | "success" | "error";
+		spinnerFrame?: number;
 		iconOverride?: string;
 		op?: Operation;
 		rawPath: string;
@@ -380,6 +387,7 @@ function renderEditHeader(
 		renderStatusLine(
 			{
 				icon: options.icon,
+				spinnerFrame: options.spinnerFrame,
 				iconOverride: options.iconOverride,
 				title,
 				description,
@@ -546,8 +554,6 @@ function formatStreamingDiff(
 	width: number,
 	uiTheme: Theme,
 	expanded: boolean,
-	label = "streaming",
-	spinnerFrame?: number,
 	cache?: RenderedStringCache,
 ): string {
 	if (!diff) return "";
@@ -564,7 +570,7 @@ function formatStreamingDiff(
 	// innerWidth/budget are in the cache salt so a resize re-slices.
 	const innerWidth = Math.max(1, width - 2);
 	const budget = expanded ? previewWindowRows() : Math.min(PREVIEW_LIMITS.EXPANDED_LINES, previewWindowRows());
-	let text = cachedRenderedString(cache, uiTheme, expanded, `${rawPath}:${innerWidth}:${budget}`, diff, () => {
+	return cachedRenderedString(cache, uiTheme, expanded, `${rawPath}:${innerWidth}:${budget}`, diff, () => {
 		// "Cursor" tail window: pin the last rows to the bottom so freshly streamed
 		// changes stay on screen. The whole-file diff is recomputed every chunk and
 		// its Myers alignment is not monotonic in payload length, so a hunk-aware
@@ -580,18 +586,6 @@ function formatStreamingDiff(
 		rendered += renderDiffColored(tail.content, { filePath: rawPath, theme: uiTheme });
 		return rendered;
 	});
-	// The animated glyph rides this trailing line — inside the transcript's
-	// volatile-tail holdback — never the block header: an animating head row
-	// pins the native-scrollback commit boundary at the top of the block, so a
-	// tall expanded preview could never scroll-append mid-stream.
-	const spinner = spinnerFrame !== undefined ? `${formatStatusIcon("running", uiTheme, spinnerFrame)} ` : "";
-	// Expanded approval previews hide the "(preview)" label (#1992) but keep
-	// the animated glyph when one is active so the volatile tail stays live.
-	const hideLabel = expanded && label === "preview";
-	if (spinner || !hideLabel) {
-		text += `\n${hideLabel ? spinner.trimEnd() : `${spinner}${uiTheme.fg("dim", `(${label})`)}`}`;
-	}
-	return text;
 }
 
 function formatMultiFileStreamingDiff(
@@ -599,7 +593,6 @@ function formatMultiFileStreamingDiff(
 	width: number,
 	uiTheme: Theme,
 	expanded: boolean,
-	spinnerFrame?: number,
 	caches?: RenderedStringCache[],
 ): string {
 	const parts: string[] = [];
@@ -612,19 +605,19 @@ function formatMultiFileStreamingDiff(
 			continue;
 		}
 		if (preview.diff) {
-			// Only the last file's preview carries the animated streaming glyph;
-			// earlier files have settled and must stay byte-stable so their rows
-			// can commit to native scrollback mid-stream.
-			const isLast = index === previews.length - 1;
 			const cache = previewCacheAt(caches, index);
-			parts.push(
-				`${header}${formatStreamingDiff(preview.diff, preview.path, width, uiTheme, expanded, "preview", isLast ? spinnerFrame : undefined, cache)}`,
-			);
+			parts.push(`${header}${formatStreamingDiff(preview.diff, preview.path, width, uiTheme, expanded, cache)}`);
 		}
 	}
 	return parts.join("");
 }
 
+/** A call's streamed preview body, and the label its card shows in the bottom border. */
+interface CallPreview {
+	text: string;
+	footer?: "preview" | "streaming";
+}
+
 function getCallPreview(
 	args: EditRenderArgs,
 	rawPath: string,
@@ -632,41 +625,49 @@ function getCallPreview(
 	uiTheme: Theme,
 	renderContext: EditRenderContext | undefined,
 	expanded: boolean,
-	spinnerFrame?: number,
 	caches?: RenderedStringCache[],
-): string {
+): CallPreview {
 	const multi = renderContext?.perFileDiffPreview;
 	if (multi && multi.length > 1 && multi.some(p => p.diff || p.error)) {
-		return formatMultiFileStreamingDiff(multi, width, uiTheme, expanded, spinnerFrame, caches);
+		return {
+			text: formatMultiFileStreamingDiff(multi, width, uiTheme, expanded, caches),
+			footer: multi.some(p => p.diff) ? "preview" : undefined,
+		};
 	}
 	const cache = previewCacheAt(caches, 0);
 	if (args.previewDiff) {
-		return formatStreamingDiff(args.previewDiff, rawPath, width, uiTheme, expanded, "preview", spinnerFrame, cache);
+		return {
+			text: formatStreamingDiff(args.previewDiff, rawPath, width, uiTheme, expanded, cache),
+			footer: "preview",
+		};
 	}
 	if (args.diff && args.op) {
-		return formatStreamingDiff(args.diff, rawPath, width, uiTheme, expanded, "streaming", spinnerFrame, cache);
+		return { text: formatStreamingDiff(args.diff, rawPath, width, uiTheme, expanded, cache), footer: "streaming" };
 	}
 	if (args.diff) {
-		return renderPlainTextPreview(args.diff, uiTheme, rawPath);
+		return { text: renderPlainTextPreview(args.diff, uiTheme, rawPath) };
 	}
 	if (args.newText || args.patch) {
-		return renderPlainTextPreview(args.newText ?? args.patch ?? "", uiTheme, rawPath);
+		return { text: renderPlainTextPreview(args.newText ?? args.patch ?? "", uiTheme, rawPath) };
 	}
 	if (renderContext?.editStreamingFallback) {
-		return renderContext.editStreamingFallback;
+		return { text: renderContext.editStreamingFallback };
 	}
 	const contextPreview = renderContext?.editDiffPreview;
 	if (contextPreview && "error" in contextPreview && contextPreview.error) {
-		return uiTheme.fg("error", replaceTabs(contextPreview.error));
+		return { text: uiTheme.fg("error", replaceTabs(contextPreview.error)) };
 	}
-	return "";
+	return { text: "" };
 }
 
 const MISSING_APPLY_PATCH_END_ERROR = "The last line of the patch must be '*** End Patch'";
 
+/** A model-typed `[path#tag]` header may spell the tag in lowercase. */
+const TYPED_TAG_SUFFIX_RE = new RegExp(HASHLINE_TAG_SUFFIX_RE.source, "i");
+
 function normalizeHashlineInputPreviewPath(rawPath: string): string {
 	const trimmed = rawPath.trim();
-	const hashStart = /#[0-9a-fA-F]{4}$/u.exec(trimmed)?.index;
+	const hashStart = TYPED_TAG_SUFFIX_RE.exec(trimmed)?.index;
 	const withoutHash = hashStart === undefined ? trimmed : trimmed.slice(0, hashStart);
 	if (withoutHash.length < 2) return withoutHash;
 	const first = withoutHash[0];
@@ -1143,34 +1144,40 @@ export const editToolRenderer = {
 		return framedToolCard(
 			uiTheme,
 			({ width }) => {
-				// No status icon on the head row: it's the head of the framed block,
-				// and native-scrollback commits are prefix-only — an animated glyph
-				// would pin the commit boundary at the top, and the pending hourglass
-				// just adds noise. The liveness cue rides the trailing "(preview)" /
-				// "(streaming)" line instead.
+				// Only a live spinner fills the icon slot: a pending hourglass after it
+				// stops would read as a step backwards while the edit executes.
 				const header = renderEditHeader(width, uiTheme, {
+					icon: options.spinnerFrame === undefined ? undefined : "running",
+					spinnerFrame: options.spinnerFrame,
 					op,
 					rawPath,
 					rename,
 					extraSuffix: fileCount > 1 ? uiTheme.fg("dim", ` (+${fileCount - 1} more)`) : undefined,
 				});
-				let body = getCallPreview(
+				const preview = getCallPreview(
 					editArgs,
 					rawPath,
 					width,
 					uiTheme,
 					renderContext,
 					options.expanded,
-					options?.spinnerFrame,
 					callPreviewCaches,
 				);
+				let body = preview.text;
 				if (applyPatchError) {
 					body += `\n${uiTheme.fg("error", truncateToWidth(replaceTabs(applyPatchError), Math.max(1, width - 2)))}`;
 				}
 				const bodyLines = body ? body.split("\n") : [];
 				while (bodyLines.length > 0 && bodyLines[0].trim() === "") bodyLines.shift();
+				// Expanded approval previews hide the "preview" label (#1992); "streaming" ends with the args.
+				const footer =
+					(preview.footer === "preview" && options.expanded) ||
+					(preview.footer === "streaming" && options.argsComplete)
+						? undefined
+						: preview.footer;
 				return {
 					header,
+					footerMeta: footer ? uiTheme.fg("dim", footer) : undefined,
 					sections:
 						bodyLines.length > 0
 							? [{ content: bodyLines.flatMap(line => wrapEditRendererLine(line, Math.max(1, width - 2))) }]

package/src/tools/fetch.ts

@@ -14,6 +14,7 @@ import { framedToolCard } from "../render/tool-card";
 import {
 	formatExpandHint,
 	formatMoreItems,
+	formatStatusIcon,
 	getDomain,
 	PREVIEW_LIMITS,
 	sanitizeDisplayLines,
@@ -274,7 +275,7 @@ export function renderReadUrlResult(
 	metadataLines.push(`${uiTheme.fg("muted", "Lines:")} ${lineLabel}`);
 	metadataLines.push(`${uiTheme.fg("muted", "Chars:")} ${charCount}`);
 	if (truncated) {
-		metadataLines.push(uiTheme.fg("warning", `${uiTheme.status.warning} Output truncated`));
+		metadataLines.push(`${formatStatusIcon("warning", uiTheme)} ${uiTheme.fg("warning", "Output truncated")}`);
 		if (truncation?.artifactId) metadataLines.push(formatStyledArtifactReference(truncation.artifactId, uiTheme));
 	}
 	if (hasNotes) {

package/src/tools/find.ts

@@ -10,10 +10,12 @@ import { Text } from "../components/text";
 import { fileHyperlink, getTreeBranch, renderStatusLine, renderTreeList, uriHyperlink } from "../render";
 import {
 	createCachedComponent,
+	FILE_NAME_COLOR,
 	fitHeaderedRows,
 	formatCount,
 	formatEmptyMessage,
 	formatErrorMessage,
+	formatStyledPath,
 	PREVIEW_LIMITS,
 	replaceTabs,
 } from "../render/render-utils";
@@ -168,9 +170,10 @@ function renderHit(hit: FindHit, rangeLimit: number, cwd: string | undefined, ra
 		return absPath === undefined ? text : fileHyperlink(absPath, text, { line });
 	};
 	const coverage = hit.truncated ? `${hit.linesSeen} lines judged, partial` : `${hit.linesSeen} lines judged`;
-	const lines = [
-		`${gauge(hit.contentScore, theme)} ${theme.fg(scoreColor(hit.contentScore), hit.contentScore.toFixed(2))} ${link(theme.fg("accent", hit.rel))} ${theme.fg("dim", coverage)}`,
-	];
+	// URL hits show whole in the file-name color; file hits get the dim directory.
+	const label = isUrlHit ? theme.fg(FILE_NAME_COLOR, hit.rel) : formatStyledPath(hit.rel, theme);
+	const score = theme.fg(scoreColor(hit.contentScore), hit.contentScore.toFixed(2));
+	const lines = [`${gauge(hit.contentScore, theme)} ${score} ${link(label)} ${theme.fg("dim", coverage)}`];
 	const ranges = [...hit.ranges].sort((a, b) => b.p - a.p || a.start - b.start).slice(0, rangeLimit);
 	const lang = getLanguageFromPath(hit.rel);
 	ranges.forEach((range, index) => {

package/src/tools/github.ts

@@ -18,7 +18,6 @@ import {
 	formatStatusIcon,
 	PREVIEW_LIMITS,
 	replaceTabs,
-	type ToolUIColor,
 	type ToolUIStatus,
 	TRUNCATE_LENGTHS,
 	sanitizeDisplayWarning,
@@ -165,52 +164,22 @@ function formatRunLine(run: GhRunWatchRunDetails, theme: Theme): string {
 	return [title, ...meta].join("  ");
 }
 
-function getJobStateVisual(
-	job: GhRunWatchJobDetails,
-	theme: Theme,
-): { iconRaw: string; iconColor: ToolUIColor; textColor: ThemeColor } {
-	if (job.conclusion && SUCCESS_CONCLUSIONS.has(job.conclusion)) {
-		return {
-			iconRaw: theme.status.success,
-			iconColor: "accent",
-			textColor: "success",
-		};
-	}
-
-	if (job.conclusion && FAILURE_CONCLUSIONS.has(job.conclusion)) {
-		return {
-			iconRaw: theme.status.error,
-			iconColor: "error",
-			textColor: "error",
-		};
-	}
-
-	if (job.status && RUNNING_STATUSES.has(job.status)) {
-		return {
-			iconRaw: theme.status.enabled,
-			iconColor: "warning",
-			textColor: "warning",
-		};
-	}
-
-	if (job.status && PENDING_STATUSES.has(job.status)) {
-		return {
-			iconRaw: theme.status.shadowed,
-			iconColor: "muted",
-			textColor: "muted",
-		};
-	}
-
-	return {
-		iconRaw: theme.status.shadowed,
-		iconColor: "muted",
-		textColor: "muted",
-	};
+function getJobStateVisual(job: GhRunWatchJobDetails, theme: Theme): { icon: string; textColor: ThemeColor } {
+	if (job.conclusion && SUCCESS_CONCLUSIONS.has(job.conclusion))
+		return { icon: formatStatusIcon("success", theme), textColor: "success" };
+	if (job.conclusion && FAILURE_CONCLUSIONS.has(job.conclusion))
+		return { icon: formatStatusIcon("error", theme), textColor: "error" };
+	if (job.status && RUNNING_STATUSES.has(job.status))
+		return { icon: formatStatusIcon("running", theme), textColor: "warning" };
+	if (job.status && PENDING_STATUSES.has(job.status))
+		return { icon: formatStatusIcon("pending", theme), textColor: "muted" };
+	// An unrecognized state (e.g. a finished job with a new conclusion) claims neither queued nor settled.
+	return { icon: theme.styledSymbol("status.shadowed", "muted"), textColor: "muted" };
 }
 
 function renderJobLine(job: GhRunWatchJobDetails, width: number, theme: Theme): string {
 	const visual = getJobStateVisual(job, theme);
-	const prefix = theme.fg(visual.iconColor, `${visual.iconRaw} `);
+	const prefix = `${visual.icon} `;
 	const durationLabel = job.durationSeconds !== undefined ? `${job.durationSeconds}s` : undefined;
 	const styledDuration = durationLabel ? theme.fg(visual.textColor, durationLabel) : undefined;
 	const reservedWidth = visibleWidth(prefix) + (styledDuration ? 1 + visibleWidth(styledDuration) : 0);
@@ -255,9 +224,8 @@ function renderFailedLogs(
 	const lines: string[] = [];
 	for (const entry of failedLogs) {
 		const context = entry.workflowName ? `${entry.workflowName}  #${entry.runId}` : `run #${entry.runId}`;
-		lines.push(
-			theme.fg("error", `${theme.status.error} ${replaceTabs(entry.jobName)}  ${theme.fg("muted", context)}`),
-		);
+		const jobName = theme.fg("error", replaceTabs(entry.jobName));
+		lines.push(`${formatStatusIcon("error", theme)} ${jobName}  ${theme.fg("muted", context)}`);
 
 		if (!entry.available || !entry.tail) {
 			lines.push(theme.fg("dim", truncateVisualWidth(`  ${formatUnavailableLog(entry)}`, Math.max(8, width))));

package/src/tools/glob.ts

@@ -22,6 +22,7 @@ import {
 	formatCount,
 	formatEmptyMessage,
 	formatErrorMessage,
+	formatStyledPath,
 	PREVIEW_LIMITS,
 } from "../render/render-utils";
 import { formatFullOutputReference } from "./output-meta";
@@ -202,7 +203,7 @@ export const globToolRenderer = {
 							expanded: options.expanded,
 							maxCollapsed: PREVIEW_LIMITS.COLLAPSED_ITEMS,
 							itemType: "file",
-							renderItem: line => uiTheme.fg("accent", line),
+							renderItem: line => formatStyledPath(line, uiTheme),
 						},
 						uiTheme,
 					);