@yinan_chen/pi-claude-code-ui 0.0.0-stage → 0.2.1

package/src/vendor/diff/diff-limits.ts

@@ -0,0 +1,229 @@
+import { truncateToWidth, visibleWidth } from "@earendil-works/pi-tui";
+import { DEFAULT_TOOL_DISPLAY_CONFIG, type ToolDisplayConfig } from "../diff-config.ts";
+import { showMoreHintText } from "../show-more-hint.ts";
+import {
+	buildCollapsedDiffHintText,
+	clampRenderedLineToWidth,
+	clampRenderedLinesToWidth,
+} from "./line-width-safety.ts";
+import { stabilizeBackgroundResets, type DiffTheme } from "./diff-palette.ts";
+import { countDiffLineEntries, type ParsedDiffEntry } from "./diff-parse.ts";
+import type { SplitDiffRow } from "./diff-inline.ts";
+import type { RenderedRow } from "./diff-layout.ts";
+
+const DIFF_WIDTH_OPS = {
+	measure: visibleWidth,
+	truncate: (text: string, maxWidth: number): string => truncateToWidth(text, maxWidth, ""),
+};
+
+export function clampDiffLineToWidth(text: string, width: number): string {
+	return stabilizeBackgroundResets(clampRenderedLineToWidth(text, width, DIFF_WIDTH_OPS));
+}
+
+export function clampDiffLinesToWidth(lines: string[], width: number): string[] {
+	return clampRenderedLinesToWidth(lines, width, DIFF_WIDTH_OPS).map((line) =>
+		stabilizeBackgroundResets(line),
+	);
+}
+
+function renderDiffSpacerLine(width: number): string {
+	const safeWidth = Math.max(0, width);
+	return safeWidth > 0 ? " ".repeat(safeWidth) : "";
+}
+
+/**
+ * Body lines to render before the remainder hint. Expanded diffs are never capped:
+ * clicking `click to show more` expands the card to the whole diff.
+ */
+export function resolveDiffDisplayLimit(expanded: boolean, maxCollapsedLines: number): number {
+	if (expanded) return Number.POSITIVE_INFINITY;
+	const collapsedLimit = Number.isFinite(maxCollapsedLines)
+		? maxCollapsedLines
+		: DEFAULT_TOOL_DISPLAY_CONFIG.editDiffCollapsedLines;
+	// 0 是合法值：折叠态零内容行，仅保留 remainder hint。
+	return Math.max(0, collapsedLimit);
+}
+
+export function resolveWriteCollapsedLimit(
+	config: Pick<ToolDisplayConfig, "writeDiffCollapsedLines">,
+): number {
+	return Math.max(0, config.writeDiffCollapsedLines);
+}
+
+/**
+ * Split layout prepends two decor rows (the column rule and the old/new label
+ * row) to the rendered body; they are layout chrome, not content.
+ */
+export const SPLIT_DECOR_ROWS = 2;
+
+/**
+ * Collapsed previews must surface every changed row. Pure context runs longer than
+ * `maxRun` collapse into a single omission row so changes late in the diff survive
+ * the collapsed budget; runs short enough to be worth their rows stay verbatim.
+ * Expanded rendering never compacts — the full diff stays authoritative.
+ */
+export function compactDiffContext(
+	entries: readonly ParsedDiffEntry[],
+	maxRun = 1,
+	keepAdjacent = 1,
+): ParsedDiffEntry[] {
+	const keep = new Array<boolean>(entries.length).fill(false);
+	let hasContextRun = false;
+	for (let index = 0; index < entries.length; index++) {
+		const entry = entries[index];
+		if (entry.kind !== "line") {
+			keep[index] = true;
+			continue;
+		}
+		if (entry.lineKind !== "context") {
+			for (
+				let near = Math.max(0, index - keepAdjacent);
+				near <= Math.min(entries.length - 1, index + keepAdjacent);
+				near++
+		) {
+				const neighbour = entries[near];
+				if (neighbour?.kind === "line") keep[near] = true;
+			}
+		}
+	}
+	const out: ParsedDiffEntry[] = [];
+	let pending: ParsedDiffEntry[] = [];
+	let pendingHunk = 1;
+	const flushPending = () => {
+		if (!pending.length) return;
+		const last = out[out.length - 1];
+		if (last?.kind === "omission") {
+			// An upstream omission already elides this gap; drop the pending rows
+			// instead of stacking a second ⋮ row right below it.
+			pending = [];
+			return;
+		}
+		if (pending.length > maxRun) {
+			hasContextRun = true;
+			out.push({ kind: "omission", raw: `  ... ${pending.length} lines ...`, hunkIndex: pendingHunk });
+		} else out.push(...pending);
+		pending = [];
+	};
+	for (let index = 0; index < entries.length; index++) {
+		const entry = entries[index];
+		if (keep[index]) {
+			flushPending();
+			out.push(entry);
+			continue;
+		}
+		if (entry.kind === "line" && entry.lineKind === "context") {
+			pending.push(entry);
+			pendingHunk = entry.hunkIndex;
+		}
+	}
+	flushPending();
+	return hasContextRun || out.length !== entries.length ? out : entries.slice();
+}
+
+/**
+ * How many source rows/entries to fully highlight+render before applyLineLimit.
+ * Extra headroom covers word-wrap expansion so the display limit can still fill.
+ */
+export function resolveDiffProcessBudget(displayLimit: number, wordWrap: boolean): number {
+	if (!Number.isFinite(displayLimit)) {
+		return Number.POSITIVE_INFINITY;
+	}
+	// 0 = 折叠态零预览：一条源行也不必高亮渲染。
+	if (displayLimit <= 0) return 0;
+	return wordWrap ? displayLimit * 2 + 8 : displayLimit + 4;
+}
+
+export function takeEntriesForLineBudget(
+	entries: ParsedDiffEntry[],
+	maxLineEntries: number,
+): { entries: ParsedDiffEntry[]; totalLineEntries: number; processedLineEntries: number } {
+	const totalLineEntries = countDiffLineEntries(entries);
+	if (!Number.isFinite(maxLineEntries) || maxLineEntries >= totalLineEntries) {
+		return { entries, totalLineEntries, processedLineEntries: totalLineEntries };
+	}
+	const limited: ParsedDiffEntry[] = [];
+	let processedLineEntries = 0;
+	for (const entry of entries) {
+		if (entry.kind === "line") {
+			if (processedLineEntries >= maxLineEntries) break;
+			processedLineEntries++;
+		}
+		limited.push(entry);
+	}
+	return { entries: limited, totalLineEntries, processedLineEntries };
+}
+
+export function takeSplitRowsForBudget(
+	rows: SplitDiffRow[],
+	maxRows: number,
+): { rows: SplitDiffRow[]; totalRows: number; processedRows: number } {
+	const totalRows = rows.length;
+	if (!Number.isFinite(maxRows) || maxRows >= totalRows) {
+		return { rows, totalRows, processedRows: totalRows };
+	}
+	const limited = rows.slice(0, maxRows);
+	return { rows: limited, totalRows, processedRows: limited.length };
+}
+
+export function applyLineLimit(
+	rows: RenderedRow[],
+	width: number,
+	expanded: boolean,
+	maxCollapsedLines: number,
+	totalHunks: number,
+	theme: DiffTheme,
+	/**
+	 * When the caller only rendered a prefix of the full diff, pass the unprocessed
+	 * remainder so the collapse hint still reflects total hidden content.
+	 */
+	unprocessedLogicalRows = 0,
+	hovered = false,
+): { lines: string[]; hintLine?: string } {
+	const limit = resolveDiffDisplayLimit(expanded, maxCollapsedLines);
+	const safeUnprocessed = Math.max(0, unprocessedLogicalRows);
+	if (rows.length <= limit && safeUnprocessed === 0) {
+		return { lines: rows.map((row) => clampDiffLineToWidth(row.text, width)) };
+	}
+
+	const shown = rows.length <= limit ? rows : rows.slice(0, limit);
+	const remaining = Math.max(0, rows.length - shown.length) + safeUnprocessed;
+	if (remaining === 0) {
+		return { lines: shown.map((row) => clampDiffLineToWidth(row.text, width)) };
+	}
+	const visibleHunks = new Set(
+		shown
+			.map((row) => row.hunkIndex)
+			.filter((hunkIndex): hunkIndex is number => typeof hunkIndex === "number" && hunkIndex > 0),
+	);
+	const hiddenHunks = Math.max(0, totalHunks - visibleHunks.size);
+	const hintText = buildCollapsedDiffHintText(
+		{
+			remainingLines: remaining,
+			hiddenHunks,
+		},
+		width,
+		DIFF_WIDTH_OPS,
+	);
+
+	const clickLabel = showMoreHintText();
+	const clickIndex = hintText.lastIndexOf(clickLabel);
+	// 展开态不会再截断，剩下的分支必是折叠态提示。
+	const styledHint =
+		hovered && clickIndex >= 0
+			? theme.fg("muted", hintText.slice(0, clickIndex)) +
+				theme.fg("text", clickLabel) +
+				theme.fg("muted", hintText.slice(clickIndex + clickLabel.length))
+			: theme.fg("muted", hintText);
+	// spacer 只在有正文行时才有分隔对象（split 网格 ↔ 提示行）；零预算
+	// （editDiffCollapsedLines: 0）时 shown 为空，无条件插入会在标题摘要和
+	// 提示行之间多出一个孤零零的空行（一南 2026-10-02）。
+	const spacer = shown.length ? [renderDiffSpacerLine(width)] : [];
+	return {
+		lines: [
+			...shown.map((row) => clampDiffLineToWidth(row.text, width)),
+			...spacer,
+			clampDiffLineToWidth(styledHint, width),
+		],
+		hintLine: hintText,
+	};
+}

package/src/vendor/diff/diff-palette.ts

@@ -0,0 +1,410 @@
+import {
+	ANSI_SGR_PATTERN,
+	expandSgrReset,
+	filterSgrSequences,
+	readSgrColorSequence,
+	toSgrParams,
+} from "./ansi-utils.ts";
+import { ansi256ToRgb } from "../ansi-color.ts";
+import { fitToWidth } from "./diff-text.ts";
+import { mergeSpans, type DiffSpan } from "./diff-inline.ts";
+import type { DiffLineKind } from "./diff-parse.ts";
+
+export interface DiffTheme {
+	fg(color: string, text: string): string;
+	bg?(color: string, text: string): string;
+	bold?(text: string): string;
+	getFgAnsi?(color: string): string;
+	getBgAnsi?(color: string): string;
+}
+
+export interface RgbColor {
+	r: number;
+	g: number;
+	b: number;
+}
+
+export interface DiffPalette {
+	addRowBgAnsi: string;
+	removeRowBgAnsi: string;
+	addEmphasisBgAnsi: string;
+	removeEmphasisBgAnsi: string;
+}
+
+const ADD_ROW_BACKGROUND_MIX_RATIO = 0.12;
+const REMOVE_ROW_BACKGROUND_MIX_RATIO = 0.12;
+const ADD_INLINE_EMPHASIS_MIX_RATIO = 0.26;
+const REMOVE_INLINE_EMPHASIS_MIX_RATIO = 0.26;
+const ADDITION_TINT_TARGET: RgbColor = { r: 84, g: 190, b: 118 };
+const DELETION_TINT_TARGET: RgbColor = { r: 232, g: 95, b: 122 };
+export const ANSI_BG_RESET = "\x1b[49m";
+
+export function emphasis(theme: DiffTheme, text: string): string {
+	return typeof theme.bold === "function" ? theme.bold(text) : text;
+}
+
+function sequenceResetsBackground(params: number[]): boolean {
+	let index = 0;
+	while (index < params.length) {
+		const param = params[index] ?? 0;
+		if (param === 0 || param === 49) {
+			return true;
+		}
+
+		const colorSequence = readSgrColorSequence(params, index);
+		index += colorSequence ? colorSequence.length : 1;
+	}
+
+	return false;
+}
+
+function stripBackgroundResetParams(params: number[]): number[] {
+	const filtered: number[] = [];
+
+	for (let i = 0; i < params.length; i++) {
+		const param = params[i] ?? 0;
+
+		if (param === 0) {
+			filtered.push(...expandSgrReset(param)!);
+			continue;
+		}
+
+		if (param === 49) {
+			continue;
+		}
+
+		const colorSequence = readSgrColorSequence(params, i);
+		if (colorSequence) {
+			filtered.push(...colorSequence);
+			i += colorSequence.length - 1;
+			continue;
+		}
+
+		filtered.push(param);
+	}
+
+	return filtered;
+}
+
+export function stabilizeBackgroundResets(text: string): string {
+	if (!text) {
+		return text;
+	}
+	return filterSgrSequences(text, stripBackgroundResetParams);
+}
+
+export function keepBackgroundAcrossResets(text: string, rowBg: string): string {
+	if (!text) {
+		return text;
+	}
+
+	return text.replace(ANSI_SGR_PATTERN, (sequence, rawParams: string) => {
+		const params = toSgrParams(rawParams);
+		if (params.length === 0 || !sequenceResetsBackground(params)) {
+			return sequence;
+		}
+		return `${sequence}${rowBg}`;
+	});
+}
+
+export function colorizeSegment(
+	theme: DiffTheme,
+	color: "dim" | "toolDiffAdded" | "toolDiffRemoved",
+	text: string,
+	rowBg: string | undefined,
+): string {
+	let themedText: string;
+	try {
+		themedText = theme.fg(color, text);
+	} catch {
+		themedText = text;
+	}
+
+	if (!rowBg) {
+		return themedText;
+	}
+
+	const stableText = keepBackgroundAcrossResets(themedText, rowBg);
+	return `${rowBg}${stableText}${rowBg}`;
+}
+
+function applyBackgroundToVisualRow(
+	text: string,
+	width: number,
+	rowBgAnsi: string,
+	restoreBgAnsi: string,
+): string {
+	if (width <= 0) {
+		return "";
+	}
+
+	const fitted = fitToWidth(text, width);
+	const withStableBackground = keepBackgroundAcrossResets(fitted, rowBgAnsi);
+	return stabilizeBackgroundResets(`${rowBgAnsi}${withStableBackground}${restoreBgAnsi}`);
+}
+
+export function applyLineBackgroundToWrappedRows(
+	rows: string[],
+	width: number,
+	rowBgAnsi: string,
+	restoreBgAnsi: string,
+): string[] {
+	if (rows.length === 0) {
+		return [applyBackgroundToVisualRow("", width, rowBgAnsi, restoreBgAnsi)];
+	}
+
+	return rows.map((row) => applyBackgroundToVisualRow(row, width, rowBgAnsi, restoreBgAnsi));
+}
+
+/** utils 版返回 tuple，此处适配为本文件使用的 RgbColor 形状。 */
+function ansi256ToRgbColor(code: number): RgbColor {
+	const [r, g, b] = ansi256ToRgb(code);
+	return { r, g, b };
+}
+
+export function parseAnsiColorCode(ansi: string | undefined): RgbColor | null {
+	if (!ansi) {
+		return null;
+	}
+	const rgbMatch = /\x1b\[(?:3|4)8;2;(\d{1,3});(\d{1,3});(\d{1,3})m/.exec(ansi);
+	if (rgbMatch) {
+		const r = Number.parseInt(rgbMatch[1] ?? "0", 10);
+		const g = Number.parseInt(rgbMatch[2] ?? "0", 10);
+		const b = Number.parseInt(rgbMatch[3] ?? "0", 10);
+		if (Number.isFinite(r) && Number.isFinite(g) && Number.isFinite(b)) {
+			return {
+				r: Math.max(0, Math.min(255, r)),
+				g: Math.max(0, Math.min(255, g)),
+				b: Math.max(0, Math.min(255, b)),
+			};
+		}
+	}
+
+	const bitMatch = /\x1b\[(?:3|4)8;5;(\d{1,3})m/.exec(ansi);
+	if (bitMatch) {
+		const code = Number.parseInt(bitMatch[1] ?? "0", 10);
+		if (Number.isFinite(code)) {
+			return ansi256ToRgbColor(code);
+		}
+	}
+
+	const basicMatch = /\x1b\[(?:3|4)([0-7])m/.exec(ansi);
+	if (basicMatch) return ansi256ToRgbColor(Number(basicMatch[1]));
+	const brightMatch = /\x1b\[(?:9|10)([0-7])m/.exec(ansi);
+	if (brightMatch) return ansi256ToRgbColor(Number(brightMatch[1]) + 8);
+	return null;
+}
+
+function rgbToBgAnsi(color: RgbColor): string {
+	const r = Math.max(0, Math.min(255, Math.round(color.r)));
+	const g = Math.max(0, Math.min(255, Math.round(color.g)));
+	const b = Math.max(0, Math.min(255, Math.round(color.b)));
+	return `\x1b[48;2;${r};${g};${b}m`;
+}
+
+function mixRgb(base: RgbColor, tint: RgbColor, ratio: number): RgbColor {
+	const clamped = Math.max(0, Math.min(1, ratio));
+	return {
+		r: base.r * (1 - clamped) + tint.r * clamped,
+		g: base.g * (1 - clamped) + tint.g * clamped,
+		b: base.b * (1 - clamped) + tint.b * clamped,
+	};
+}
+
+function extractThemeBackgroundAnsi(text: string): string | undefined {
+	if (!text || !text.includes("\x1b[")) {
+		return undefined;
+	}
+
+	ANSI_SGR_PATTERN.lastIndex = 0;
+	let match: RegExpExecArray | null;
+	while ((match = ANSI_SGR_PATTERN.exec(text)) !== null) {
+		const parsed = toSgrParams(match[1] ?? "");
+		for (let index = 0; index < parsed.length; index += 1) {
+			const param = parsed[index] ?? 0;
+			if ((param >= 40 && param <= 47) || (param >= 100 && param <= 107)) {
+				return `\x1b[${param}m`;
+			}
+
+			const colorSequence = readSgrColorSequence(parsed, index);
+			if (colorSequence?.[0] === 48) {
+				return `\x1b[${colorSequence.join(";")}m`;
+			}
+			if (colorSequence) {
+				index += colorSequence.length - 1;
+			}
+		}
+	}
+
+	return undefined;
+}
+
+export function readThemeAnsi(
+	theme: DiffTheme,
+	kind: "fg" | "bg",
+	slot: string,
+): string | undefined {
+	try {
+		if (kind === "fg" && typeof theme.getFgAnsi === "function") {
+			return theme.getFgAnsi(slot);
+		}
+		if (kind === "bg") {
+			if (typeof theme.getBgAnsi === "function") {
+				return theme.getBgAnsi(slot);
+			}
+			if (typeof theme.bg === "function") {
+				return extractThemeBackgroundAnsi(theme.bg(slot, " "));
+			}
+		}
+	} catch {
+		return undefined;
+	}
+	return undefined;
+}
+
+export function resolveDiffPalette(theme: DiffTheme): DiffPalette {
+	const baseBg = parseAnsiColorCode(readThemeAnsi(theme, "bg", "toolSuccessBg")) ??
+		parseAnsiColorCode(readThemeAnsi(theme, "bg", "toolPendingBg")) ??
+		parseAnsiColorCode(readThemeAnsi(theme, "bg", "userMessageBg")) ?? { r: 32, g: 35, b: 42 };
+	const addFg = parseAnsiColorCode(readThemeAnsi(theme, "fg", "toolDiffAdded")) ?? {
+		r: 88,
+		g: 173,
+		b: 88,
+	};
+	const removeFg = parseAnsiColorCode(readThemeAnsi(theme, "fg", "toolDiffRemoved")) ?? {
+		r: 196,
+		g: 98,
+		b: 98,
+	};
+	const addTint = mixRgb(addFg, ADDITION_TINT_TARGET, 0.35);
+	const removeTint = mixRgb(removeFg, DELETION_TINT_TARGET, 0.65);
+
+	const addRowBg = mixRgb(baseBg, addTint, ADD_ROW_BACKGROUND_MIX_RATIO);
+	const removeRowBg = mixRgb(baseBg, removeTint, REMOVE_ROW_BACKGROUND_MIX_RATIO);
+	const addEmphasisBg = mixRgb(baseBg, addTint, ADD_INLINE_EMPHASIS_MIX_RATIO);
+	const removeEmphasisBg = mixRgb(baseBg, removeTint, REMOVE_INLINE_EMPHASIS_MIX_RATIO);
+
+	return {
+		addRowBgAnsi: rgbToBgAnsi(addRowBg),
+		removeRowBgAnsi: rgbToBgAnsi(removeRowBg),
+		addEmphasisBgAnsi: rgbToBgAnsi(addEmphasisBg),
+		removeEmphasisBgAnsi: rgbToBgAnsi(removeEmphasisBg),
+	};
+}
+
+export function getLineBackground(
+	kind: DiffLineKind,
+	palette: DiffPalette,
+	emphasis: boolean,
+): string | undefined {
+	if (kind === "add") {
+		return emphasis ? palette.addEmphasisBgAnsi : palette.addRowBgAnsi;
+	}
+	if (kind === "remove") {
+		return emphasis ? palette.removeEmphasisBgAnsi : palette.removeRowBgAnsi;
+	}
+	return undefined;
+}
+
+function applyBackgroundToVisibleRange(
+	ansiText: string,
+	start: number,
+	end: number,
+	backgroundAnsi: string,
+	restoreBackgroundAnsi: string,
+): string {
+	if (!ansiText || start >= end || end <= 0) {
+		return ansiText;
+	}
+
+	const rangeStart = Math.max(0, start);
+	const rangeEnd = Math.max(rangeStart, end);
+	let output = "";
+	let visibleIndex = 0;
+	let index = 0;
+	let inRange = false;
+
+	while (index < ansiText.length) {
+		if (ansiText[index] === "\x1b") {
+			const sequenceEnd = ansiText.indexOf("m", index);
+			if (sequenceEnd !== -1) {
+				output += ansiText.slice(index, sequenceEnd + 1);
+				index = sequenceEnd + 1;
+				continue;
+			}
+		}
+
+		if (visibleIndex === rangeStart && !inRange) {
+			output += backgroundAnsi;
+			inRange = true;
+		}
+		if (visibleIndex === rangeEnd && inRange) {
+			output += restoreBackgroundAnsi;
+			inRange = false;
+		}
+
+		output += ansiText[index] ?? "";
+		visibleIndex++;
+		index++;
+	}
+
+	if (inRange) {
+		output += restoreBackgroundAnsi;
+	}
+
+	return output;
+}
+
+export function applyInlineSpanHighlight(
+	plainText: string,
+	renderedText: string,
+	spans: DiffSpan[],
+	emphasisBgAnsi: string | undefined,
+	rowBgAnsi: string | undefined,
+	fallbackBgAnsi: string | undefined,
+): string {
+	if (!renderedText || !plainText || spans.length === 0 || !emphasisBgAnsi) {
+		return renderedText;
+	}
+
+	const sorted = mergeSpans(
+		spans
+			.map((span) => ({
+				start: Math.max(0, Math.min(plainText.length, span.start)),
+				end: Math.max(0, Math.min(plainText.length, span.end)),
+			}))
+			.filter((span) => span.end > span.start),
+	);
+	if (sorted.length === 0) {
+		return renderedText;
+	}
+
+	const restoreBackgroundAnsi = rowBgAnsi ?? fallbackBgAnsi ?? ANSI_BG_RESET;
+	let highlighted = renderedText;
+	for (let index = sorted.length - 1; index >= 0; index--) {
+		const span = sorted[index];
+		if (!span) {
+			continue;
+		}
+		highlighted = applyBackgroundToVisibleRange(
+			highlighted,
+			span.start,
+			span.end,
+			emphasisBgAnsi,
+			restoreBackgroundAnsi,
+		);
+	}
+
+	return highlighted;
+}
+
+export function resolveShikiTheme(theme: DiffTheme): string {
+	if (process.env.DIFF_THEME) return process.env.DIFF_THEME;
+	const background =
+		parseAnsiColorCode(readThemeAnsi(theme, "bg", "toolSuccessBg")) ??
+		parseAnsiColorCode(readThemeAnsi(theme, "bg", "toolPendingBg")) ??
+		parseAnsiColorCode(readThemeAnsi(theme, "bg", "userMessageBg"));
+	if (!background) return "github-dark";
+	const luminance = (background.r * 299 + background.g * 587 + background.b * 114) / 1000;
+	return luminance >= 128 ? "github-light" : "github-dark";
+}