hunkdiff 0.12.0-beta.0 → 0.12.0-beta.1

package/dist/npm/opentui/index.js

@@ -0,0 +1,2114 @@
+// src/opentui/index.ts
+import { parseDiffFromFile, parsePatchFiles as parsePatchFiles2 } from "@pierre/diffs";
+
+// src/opentui/themes.ts
+var HUNK_DIFF_THEME_NAMES = ["graphite", "midnight", "paper", "ember"];
+// src/opentui/HunkDiffBody.tsx
+import { useMemo } from "react";
+
+// src/ui/diff/codeColumns.ts
+var DIFF_CODE_TAB_WIDTH = 2;
+var DIFF_RAIL_PREFIX_WIDTH = 1;
+var DIFF_SPLIT_SEPARATOR_WIDTH = 1;
+function expandDiffTabs(text) {
+  return text.replaceAll("\t", " ".repeat(DIFF_CODE_TAB_WIDTH));
+}
+function findMaxLineNumber(file) {
+  let highest = 0;
+  for (const hunk of file.metadata.hunks) {
+    highest = Math.max(highest, hunk.deletionStart + hunk.deletionCount, hunk.additionStart + hunk.additionCount);
+  }
+  return Math.max(highest, 1);
+}
+function resolveSplitPaneWidths(width) {
+  const usableWidth = Math.max(0, width - DIFF_RAIL_PREFIX_WIDTH - DIFF_SPLIT_SEPARATOR_WIDTH);
+  const leftWidth = Math.max(0, DIFF_RAIL_PREFIX_WIDTH + Math.floor(usableWidth / 2));
+  const rightWidth = Math.max(0, DIFF_SPLIT_SEPARATOR_WIDTH + usableWidth - Math.floor(usableWidth / 2));
+  return { leftWidth, rightWidth };
+}
+function resolveSplitCellGeometry(width, lineNumberDigits, showLineNumbers, prefixWidth = DIFF_RAIL_PREFIX_WIDTH) {
+  const availableWidth = Math.max(0, width - prefixWidth);
+  const gutterWidth = Math.min(availableWidth, showLineNumbers ? lineNumberDigits + 3 : 2);
+  return {
+    gutterWidth,
+    contentWidth: Math.max(0, availableWidth - gutterWidth)
+  };
+}
+function resolveStackCellGeometry(width, lineNumberDigits, showLineNumbers, prefixWidth = DIFF_RAIL_PREFIX_WIDTH) {
+  const availableWidth = Math.max(0, width - prefixWidth);
+  const gutterWidth = Math.min(availableWidth, showLineNumbers ? lineNumberDigits * 2 + 5 : 2);
+  return {
+    gutterWidth,
+    contentWidth: Math.max(0, availableWidth - gutterWidth)
+  };
+}
+
+// src/ui/diff/pierre.ts
+import {
+  cleanLastNewline,
+  getHighlighterOptions,
+  getSharedHighlighter,
+  renderDiffWithHighlighter
+} from "@pierre/diffs";
+
+// src/core/hunkHeader.ts
+function formatHunkHeader(hunk) {
+  const specs = hunk.hunkSpecs ?? `@@ -${hunk.deletionStart},${hunk.deletionLines} +${hunk.additionStart},${hunk.additionLines} @@`;
+  return hunk.hunkContext ? `${specs} ${hunk.hunkContext}` : specs;
+}
+
+// src/ui/lib/color.ts
+function hexToRgb(hex) {
+  const normalized = /^#?[0-9a-f]{6}$/i.test(hex) ? hex.replace(/^#/, "") : "000000";
+  const value = parseInt(normalized, 16);
+  return {
+    r: value >> 16 & 255,
+    g: value >> 8 & 255,
+    b: value & 255
+  };
+}
+function blendHex(fg, bg, ratio) {
+  const foreground = hexToRgb(fg);
+  const background = hexToRgb(bg);
+  const mix = (front, back) => Math.max(0, Math.min(255, Math.round(back + (front - back) * ratio)));
+  return `#${(mix(foreground.r, background.r) << 16 | mix(foreground.g, background.g) << 8 | mix(foreground.b, background.b)).toString(16).padStart(6, "0")}`;
+}
+function hexColorDistance(left, right) {
+  const a = hexToRgb(left);
+  const b = hexToRgb(right);
+  return Math.abs(a.r - b.r) + Math.abs(a.g - b.g) + Math.abs(a.b - b.b);
+}
+
+// src/ui/diff/pierre.ts
+var PIERRE_THEME = {
+  light: "pierre-light",
+  dark: "pierre-dark"
+};
+function pierreThemeName(appearance) {
+  return PIERRE_THEME[appearance];
+}
+var PIERRE_RENDER_OPTIONS_BY_APPEARANCE = {
+  light: {
+    theme: pierreThemeName("light"),
+    useTokenTransformer: false,
+    tokenizeMaxLineLength: 1000,
+    lineDiffType: "word-alt",
+    maxLineDiffLength: 1e4
+  },
+  dark: {
+    theme: pierreThemeName("dark"),
+    useTokenTransformer: false,
+    tokenizeMaxLineLength: 1000,
+    lineDiffType: "word-alt",
+    maxLineDiffLength: 1e4
+  }
+};
+function pierreRenderOptions(appearance) {
+  return PIERRE_RENDER_OPTIONS_BY_APPEARANCE[appearance];
+}
+var highlighterOptionsByKey = new Map;
+var queuedHighlightWork = Promise.resolve();
+function tabify(text) {
+  return expandDiffTabs(text);
+}
+var EMPTY_STYLE_VALUES = new Map;
+var parsedStyleValueCache = new Map;
+function parseStyleValue(styleValue) {
+  if (typeof styleValue !== "string") {
+    return EMPTY_STYLE_VALUES;
+  }
+  const cached = parsedStyleValueCache.get(styleValue);
+  if (cached) {
+    return cached;
+  }
+  const styles = new Map;
+  for (const segment of styleValue.split(";")) {
+    const separator = segment.indexOf(":");
+    if (separator <= 0) {
+      continue;
+    }
+    const key = segment.slice(0, separator).trim();
+    const value = segment.slice(separator + 1).trim();
+    if (key && value) {
+      styles.set(key, value);
+    }
+  }
+  parsedStyleValueCache.set(styleValue, styles);
+  return styles;
+}
+var RESERVED_PIERRE_TOKEN_COLORS = {
+  dark: {
+    "#ff6762": "keyword",
+    "#5ecc71": "string"
+  },
+  light: {
+    "#d52c36": "keyword",
+    "#199f43": "string"
+  }
+};
+var normalizedColorCache = new Map;
+var flattenedHighlightedLineCache = new WeakMap;
+var MIN_WORD_DIFF_BG_DISTANCE = 28;
+var WORD_DIFF_BLEND_STEP = 0.005;
+var WORD_DIFF_MAX_BLEND = 0.2;
+var wordDiffBackgroundCache = new Map;
+function strengthenWordDiffBg(lineBg, signColor) {
+  let strongestCandidate = lineBg;
+  const maxSteps = Math.floor(WORD_DIFF_MAX_BLEND / WORD_DIFF_BLEND_STEP);
+  for (let step = 1;step <= maxSteps; step += 1) {
+    const blendRatio = step * WORD_DIFF_BLEND_STEP;
+    const candidate = blendHex(signColor, lineBg, blendRatio);
+    strongestCandidate = candidate;
+    if (hexColorDistance(candidate, lineBg) >= MIN_WORD_DIFF_BG_DISTANCE) {
+      return candidate;
+    }
+  }
+  return strongestCandidate;
+}
+function wordDiffHighlightBg(kind, theme) {
+  let cached = wordDiffBackgroundCache.get(theme.id);
+  if (!cached) {
+    const addition = hexColorDistance(theme.addedContentBg, theme.addedBg) >= MIN_WORD_DIFF_BG_DISTANCE ? theme.addedContentBg : strengthenWordDiffBg(theme.addedBg, theme.addedSignColor);
+    const deletion = hexColorDistance(theme.removedContentBg, theme.removedBg) >= MIN_WORD_DIFF_BG_DISTANCE ? theme.removedContentBg : strengthenWordDiffBg(theme.removedBg, theme.removedSignColor);
+    cached = {
+      addition,
+      context: theme.contextContentBg,
+      deletion,
+      empty: theme.panelAlt
+    };
+    wordDiffBackgroundCache.set(theme.id, cached);
+  }
+  return cached[kind];
+}
+function normalizeHighlightedColor(color, theme) {
+  if (!color) {
+    return color;
+  }
+  let cacheForTheme = normalizedColorCache.get(theme.id);
+  if (!cacheForTheme) {
+    cacheForTheme = new Map;
+    normalizedColorCache.set(theme.id, cacheForTheme);
+  }
+  const cached = cacheForTheme.get(color);
+  if (cached) {
+    return cached;
+  }
+  const normalized = color.trim().toLowerCase();
+  const reserved = RESERVED_PIERRE_TOKEN_COLORS[theme.appearance][normalized];
+  const resolvedColor = reserved ? theme.syntaxColors[reserved] : color;
+  cacheForTheme.set(color, resolvedColor);
+  return resolvedColor;
+}
+function mergeSpan(target, next) {
+  if (next.text.length === 0) {
+    return;
+  }
+  const previous = target[target.length - 1];
+  if (previous && previous.fg === next.fg && previous.bg === next.bg) {
+    previous.text += next.text;
+    return;
+  }
+  target.push(next);
+}
+function flattenHighlightedLine(node, theme, emphasisBg) {
+  if (!node) {
+    return [];
+  }
+  const cacheKey = `${theme.id}:${emphasisBg}`;
+  const cachedByTheme = flattenedHighlightedLineCache.get(node);
+  const cached = cachedByTheme?.get(cacheKey);
+  if (cached) {
+    return cached;
+  }
+  const spans = [];
+  const colorVariable = theme.appearance === "light" ? "--diffs-token-light" : "--diffs-token-dark";
+  const visit = (current, inherited) => {
+    if (!current) {
+      return;
+    }
+    if (current.type === "text") {
+      mergeSpan(spans, {
+        text: tabify(cleanLastNewline(current.value)),
+        fg: inherited.fg,
+        bg: inherited.bg
+      });
+      return;
+    }
+    const properties = current.properties ?? {};
+    const styles = parseStyleValue(properties.style);
+    const nextStyle = {
+      fg: normalizeHighlightedColor(styles.get(colorVariable) ?? styles.get("color") ?? inherited.fg, theme),
+      bg: Object.hasOwn(properties, "data-diff-span") ? emphasisBg : inherited.bg
+    };
+    for (const child of current.children ?? []) {
+      visit(child, nextStyle);
+    }
+  };
+  visit(node, {});
+  const nextCachedByTheme = cachedByTheme ?? new Map;
+  nextCachedByTheme.set(cacheKey, spans);
+  if (!cachedByTheme) {
+    flattenedHighlightedLineCache.set(node, nextCachedByTheme);
+  }
+  return spans;
+}
+function cleanDiffLine(line) {
+  return tabify(cleanLastNewline(line ?? ""));
+}
+function makeSplitCell(kind, lineNumber, rawLine, highlightedLine, theme) {
+  if (kind === "empty") {
+    return {
+      kind,
+      sign: " ",
+      spans: []
+    };
+  }
+  let spans;
+  if (highlightedLine === undefined) {
+    const fallbackText = cleanDiffLine(rawLine);
+    spans = fallbackText.length > 0 ? [{ text: fallbackText }] : [];
+  } else {
+    spans = flattenHighlightedLine(highlightedLine, theme, wordDiffHighlightBg(kind, theme));
+    if (spans.length === 0) {
+      const fallbackText = cleanDiffLine(rawLine);
+      spans = fallbackText.length > 0 ? [{ text: fallbackText }] : [];
+    }
+  }
+  return {
+    kind,
+    sign: kind === "addition" ? "+" : kind === "deletion" ? "-" : " ",
+    lineNumber,
+    spans
+  };
+}
+function makeStackCell(kind, oldLineNumber, newLineNumber, rawLine, highlightedLine, theme) {
+  let spans;
+  if (highlightedLine === undefined) {
+    const fallbackText = cleanDiffLine(rawLine);
+    spans = fallbackText.length > 0 ? [{ text: fallbackText }] : [];
+  } else {
+    spans = flattenHighlightedLine(highlightedLine, theme, wordDiffHighlightBg(kind, theme));
+    if (spans.length === 0) {
+      const fallbackText = cleanDiffLine(rawLine);
+      spans = fallbackText.length > 0 ? [{ text: fallbackText }] : [];
+    }
+  }
+  return {
+    kind,
+    sign: kind === "addition" ? "+" : kind === "deletion" ? "-" : " ",
+    oldLineNumber,
+    newLineNumber,
+    spans
+  };
+}
+function collapsedRowText(lines) {
+  return `${lines} unchanged ${lines === 1 ? "line" : "lines"}`;
+}
+function trailingCollapsedLines(metadata) {
+  const lastHunk = metadata.hunks.at(-1);
+  if (!lastHunk || metadata.isPartial) {
+    return 0;
+  }
+  const additionRemaining = metadata.additionLines.length - (lastHunk.additionLineIndex + lastHunk.additionCount);
+  const deletionRemaining = metadata.deletionLines.length - (lastHunk.deletionLineIndex + lastHunk.deletionCount);
+  if (additionRemaining !== deletionRemaining) {
+    return 0;
+  }
+  return Math.max(additionRemaining, 0);
+}
+async function prepareHighlighter(language, appearance) {
+  const resolvedLanguage = language ?? "text";
+  const cacheKey = `${appearance}:${resolvedLanguage}`;
+  const options = highlighterOptionsByKey.get(cacheKey) ?? getHighlighterOptions(resolvedLanguage, {
+    theme: pierreThemeName(appearance)
+  });
+  if (!highlighterOptionsByKey.has(cacheKey)) {
+    highlighterOptionsByKey.set(cacheKey, options);
+  }
+  return getSharedHighlighter({
+    ...options,
+    preferredHighlighter: "shiki-wasm"
+  });
+}
+function queueHighlightedDiff(run) {
+  const queued = queuedHighlightWork.then(() => new Promise((resolve, reject) => {
+    queueMicrotask(() => {
+      try {
+        resolve(run());
+      } catch (error) {
+        reject(error);
+      }
+    });
+  }));
+  queuedHighlightWork = queued.then(() => {
+    return;
+  }, () => {
+    return;
+  });
+  return queued;
+}
+function aliasHighlightedContextLines(file, highlighted) {
+  for (const hunk of file.metadata.hunks) {
+    let deletionLineIndex = hunk.deletionLineIndex;
+    let additionLineIndex = hunk.additionLineIndex;
+    for (const content of hunk.hunkContent) {
+      if (content.type === "context") {
+        for (let offset = 0;offset < content.lines; offset += 1) {
+          const sharedLine = highlighted.additionLines[additionLineIndex + offset] ?? highlighted.deletionLines[deletionLineIndex + offset];
+          if (!sharedLine) {
+            continue;
+          }
+          highlighted.deletionLines[deletionLineIndex + offset] = sharedLine;
+          highlighted.additionLines[additionLineIndex + offset] = sharedLine;
+        }
+        deletionLineIndex += content.lines;
+        additionLineIndex += content.lines;
+        continue;
+      }
+      deletionLineIndex += content.deletions;
+      additionLineIndex += content.additions;
+    }
+  }
+  return highlighted;
+}
+async function loadHighlightedDiff(file, appearance = "dark") {
+  try {
+    const highlighter = await prepareHighlighter(file.language, appearance);
+    return queueHighlightedDiff(() => {
+      const highlighted = renderDiffWithHighlighter(file.metadata, highlighter, pierreRenderOptions(appearance));
+      return aliasHighlightedContextLines(file, {
+        deletionLines: highlighted.code.deletionLines,
+        additionLines: highlighted.code.additionLines
+      });
+    });
+  } catch {
+    const highlighter = await prepareHighlighter("text", appearance);
+    return queueHighlightedDiff(() => {
+      const highlighted = renderDiffWithHighlighter({ ...file.metadata, lang: "text" }, highlighter, pierreRenderOptions(appearance));
+      return aliasHighlightedContextLines(file, {
+        deletionLines: highlighted.code.deletionLines,
+        additionLines: highlighted.code.additionLines
+      });
+    });
+  }
+}
+function buildSplitRows(file, highlighted, theme) {
+  const rows = [];
+  const deletionLines = highlighted?.deletionLines ?? [];
+  const additionLines = highlighted?.additionLines ?? [];
+  for (const [hunkIndex, hunk] of file.metadata.hunks.entries()) {
+    if (hunk.collapsedBefore > 0) {
+      rows.push({
+        type: "collapsed",
+        key: `${file.id}:collapsed:${hunkIndex}`,
+        fileId: file.id,
+        hunkIndex,
+        text: collapsedRowText(hunk.collapsedBefore)
+      });
+    }
+    rows.push({
+      type: "hunk-header",
+      key: `${file.id}:header:${hunkIndex}`,
+      fileId: file.id,
+      hunkIndex,
+      text: formatHunkHeader(hunk)
+    });
+    let deletionLineIndex = hunk.deletionLineIndex;
+    let additionLineIndex = hunk.additionLineIndex;
+    let deletionLineNumber = hunk.deletionStart;
+    let additionLineNumber = hunk.additionStart;
+    for (const content of hunk.hunkContent) {
+      if (content.type === "context") {
+        for (let offset = 0;offset < content.lines; offset += 1) {
+          rows.push({
+            type: "split-line",
+            key: `${file.id}:split:${hunkIndex}:context:${deletionLineIndex + offset}:${additionLineIndex + offset}`,
+            fileId: file.id,
+            hunkIndex,
+            left: makeSplitCell("context", deletionLineNumber + offset, file.metadata.deletionLines[deletionLineIndex + offset], deletionLines[deletionLineIndex + offset], theme),
+            right: makeSplitCell("context", additionLineNumber + offset, file.metadata.additionLines[additionLineIndex + offset], additionLines[additionLineIndex + offset], theme)
+          });
+        }
+        deletionLineIndex += content.lines;
+        additionLineIndex += content.lines;
+        deletionLineNumber += content.lines;
+        additionLineNumber += content.lines;
+        continue;
+      }
+      const pairedLines = Math.max(content.deletions, content.additions);
+      for (let offset = 0;offset < pairedLines; offset += 1) {
+        const hasDeletion = offset < content.deletions;
+        const hasAddition = offset < content.additions;
+        rows.push({
+          type: "split-line",
+          key: `${file.id}:split:${hunkIndex}:change:${deletionLineIndex + offset}:${additionLineIndex + offset}`,
+          fileId: file.id,
+          hunkIndex,
+          left: hasDeletion ? makeSplitCell("deletion", deletionLineNumber + offset, file.metadata.deletionLines[deletionLineIndex + offset], deletionLines[deletionLineIndex + offset], theme) : makeSplitCell("empty", undefined, undefined, undefined, theme),
+          right: hasAddition ? makeSplitCell("addition", additionLineNumber + offset, file.metadata.additionLines[additionLineIndex + offset], additionLines[additionLineIndex + offset], theme) : makeSplitCell("empty", undefined, undefined, undefined, theme)
+        });
+      }
+      deletionLineIndex += content.deletions;
+      additionLineIndex += content.additions;
+      deletionLineNumber += content.deletions;
+      additionLineNumber += content.additions;
+    }
+  }
+  const trailingLines = trailingCollapsedLines(file.metadata);
+  if (trailingLines > 0) {
+    rows.push({
+      type: "collapsed",
+      key: `${file.id}:collapsed:trailing`,
+      fileId: file.id,
+      hunkIndex: Math.max(file.metadata.hunks.length - 1, 0),
+      text: collapsedRowText(trailingLines)
+    });
+  }
+  return rows;
+}
+function buildStackRows(file, highlighted, theme) {
+  const rows = [];
+  const deletionLines = highlighted?.deletionLines ?? [];
+  const additionLines = highlighted?.additionLines ?? [];
+  for (const [hunkIndex, hunk] of file.metadata.hunks.entries()) {
+    if (hunk.collapsedBefore > 0) {
+      rows.push({
+        type: "collapsed",
+        key: `${file.id}:stack:collapsed:${hunkIndex}`,
+        fileId: file.id,
+        hunkIndex,
+        text: collapsedRowText(hunk.collapsedBefore)
+      });
+    }
+    rows.push({
+      type: "hunk-header",
+      key: `${file.id}:stack:header:${hunkIndex}`,
+      fileId: file.id,
+      hunkIndex,
+      text: formatHunkHeader(hunk)
+    });
+    let deletionLineIndex = hunk.deletionLineIndex;
+    let additionLineIndex = hunk.additionLineIndex;
+    let deletionLineNumber = hunk.deletionStart;
+    let additionLineNumber = hunk.additionStart;
+    for (const content of hunk.hunkContent) {
+      if (content.type === "context") {
+        for (let offset = 0;offset < content.lines; offset += 1) {
+          rows.push({
+            type: "stack-line",
+            key: `${file.id}:stack:${hunkIndex}:context:${deletionLineIndex + offset}:${additionLineIndex + offset}`,
+            fileId: file.id,
+            hunkIndex,
+            cell: makeStackCell("context", deletionLineNumber + offset, additionLineNumber + offset, file.metadata.additionLines[additionLineIndex + offset], additionLines[additionLineIndex + offset], theme)
+          });
+        }
+        deletionLineIndex += content.lines;
+        additionLineIndex += content.lines;
+        deletionLineNumber += content.lines;
+        additionLineNumber += content.lines;
+        continue;
+      }
+      for (let offset = 0;offset < content.deletions; offset += 1) {
+        rows.push({
+          type: "stack-line",
+          key: `${file.id}:stack:${hunkIndex}:deletion:${deletionLineIndex + offset}`,
+          fileId: file.id,
+          hunkIndex,
+          cell: makeStackCell("deletion", deletionLineNumber + offset, undefined, file.metadata.deletionLines[deletionLineIndex + offset], deletionLines[deletionLineIndex + offset], theme)
+        });
+      }
+      for (let offset = 0;offset < content.additions; offset += 1) {
+        rows.push({
+          type: "stack-line",
+          key: `${file.id}:stack:${hunkIndex}:addition:${additionLineIndex + offset}`,
+          fileId: file.id,
+          hunkIndex,
+          cell: makeStackCell("addition", undefined, additionLineNumber + offset, file.metadata.additionLines[additionLineIndex + offset], additionLines[additionLineIndex + offset], theme)
+        });
+      }
+      deletionLineIndex += content.deletions;
+      additionLineIndex += content.additions;
+      deletionLineNumber += content.deletions;
+      additionLineNumber += content.additions;
+    }
+  }
+  const trailingLines = trailingCollapsedLines(file.metadata);
+  if (trailingLines > 0) {
+    rows.push({
+      type: "collapsed",
+      key: `${file.id}:stack:collapsed:trailing`,
+      fileId: file.id,
+      hunkIndex: Math.max(file.metadata.hunks.length - 1, 0),
+      text: collapsedRowText(trailingLines)
+    });
+  }
+  return rows;
+}
+
+// src/ui/diff/renderRows.tsx
+import { memo } from "react";
+
+// src/ui/diff/rowStyle.ts
+var INACTIVE_RAIL_BLEND = 0.35;
+function diffRailMarker() {
+  return "▌";
+}
+function neutralRailColor(theme) {
+  return theme.lineNumberFg;
+}
+function dimRailColor(color, theme) {
+  return blendHex(color, theme.panel, INACTIVE_RAIL_BLEND);
+}
+function stackRailColor(kind, theme, selected) {
+  let color;
+  if (kind === "addition") {
+    color = theme.addedSignColor;
+  } else if (kind === "deletion") {
+    color = theme.removedSignColor;
+  } else {
+    color = neutralRailColor(theme);
+  }
+  return selected ? color : dimRailColor(color, theme);
+}
+function splitLeftRailColor(kind, theme, selected) {
+  const color = kind === "deletion" ? theme.removedSignColor : neutralRailColor(theme);
+  return selected ? color : dimRailColor(color, theme);
+}
+function splitRightRailColor(kind, theme, selected) {
+  const color = kind === "addition" ? theme.addedSignColor : neutralRailColor(theme);
+  return selected ? color : dimRailColor(color, theme);
+}
+function splitCellPalette(kind, theme) {
+  if (kind === "addition") {
+    return {
+      gutterBg: theme.addedBg,
+      contentBg: theme.addedBg,
+      signColor: theme.addedSignColor,
+      numberColor: theme.addedSignColor
+    };
+  }
+  if (kind === "deletion") {
+    return {
+      gutterBg: theme.removedBg,
+      contentBg: theme.removedBg,
+      signColor: theme.removedSignColor,
+      numberColor: theme.removedSignColor
+    };
+  }
+  if (kind === "empty") {
+    return {
+      gutterBg: theme.lineNumberBg,
+      contentBg: theme.panelAlt,
+      signColor: theme.muted,
+      numberColor: theme.lineNumberFg
+    };
+  }
+  return {
+    gutterBg: theme.lineNumberBg,
+    contentBg: theme.contextBg,
+    signColor: theme.muted,
+    numberColor: theme.lineNumberFg
+  };
+}
+function stackCellPalette(kind, theme) {
+  if (kind === "addition") {
+    return {
+      gutterBg: theme.addedBg,
+      contentBg: theme.addedBg,
+      signColor: theme.addedSignColor,
+      numberColor: theme.addedSignColor
+    };
+  }
+  if (kind === "deletion") {
+    return {
+      gutterBg: theme.removedBg,
+      contentBg: theme.removedBg,
+      signColor: theme.removedSignColor,
+      numberColor: theme.removedSignColor
+    };
+  }
+  return {
+    gutterBg: theme.lineNumberBg,
+    contentBg: theme.contextBg,
+    signColor: theme.muted,
+    numberColor: theme.lineNumberFg
+  };
+}
+function diffLineNumberText(value, width) {
+  return value === undefined ? " ".repeat(width) : String(value).padStart(width, " ");
+}
+function stackGutterText(cell, lineNumberDigits, showLineNumbers) {
+  if (!showLineNumbers) {
+    return `${cell.sign} `;
+  }
+  const oldNumber = diffLineNumberText(cell.oldLineNumber, lineNumberDigits);
+  const newNumber = diffLineNumberText(cell.newLineNumber, lineNumberDigits);
+  return `${oldNumber} ${newNumber} ${cell.sign}`;
+}
+
+// src/ui/diff/renderRows.tsx
+import { jsxDEV, Fragment } from "@opentui/react/jsx-dev-runtime";
+function fitText(text, width) {
+  if (width <= 0) {
+    return "";
+  }
+  if (text.length <= width) {
+    return text;
+  }
+  if (width === 1) {
+    return "…";
+  }
+  return `${text.slice(0, width - 1)}…`;
+}
+function sliceSpansWindow(spans, offset, width) {
+  if (width <= 0) {
+    return {
+      spans: [],
+      usedWidth: 0
+    };
+  }
+  const sliced = [];
+  let remainingOffset = Math.max(0, offset);
+  let remaining = width;
+  let usedWidth = 0;
+  for (const span of spans) {
+    if (remaining <= 0) {
+      break;
+    }
+    if (remainingOffset >= span.text.length) {
+      remainingOffset -= span.text.length;
+      continue;
+    }
+    const start = remainingOffset;
+    const text = span.text.slice(start, start + remaining);
+    remainingOffset = 0;
+    if (text.length === 0) {
+      continue;
+    }
+    const nextSpan = {
+      ...span,
+      text
+    };
+    const previous = sliced.at(-1);
+    if (previous && previous.fg === nextSpan.fg && previous.bg === nextSpan.bg) {
+      previous.text += nextSpan.text;
+    } else {
+      sliced.push(nextSpan);
+    }
+    remaining -= text.length;
+    usedWidth += text.length;
+  }
+  return {
+    spans: sliced,
+    usedWidth
+  };
+}
+var marker = diffRailMarker;
+function renderInlineSpans(spans, width, fallbackColor, fallbackBg, keyPrefix, horizontalOffset = 0) {
+  const { spans: trimmed, usedWidth } = sliceSpansWindow(spans, horizontalOffset, width);
+  let padding = Math.max(0, width - usedWidth);
+  if (padding > 0) {
+    const lastSpan = trimmed.at(-1);
+    if (lastSpan && (lastSpan.fg ?? fallbackColor) === fallbackColor && (lastSpan.bg ?? fallbackBg) === fallbackBg) {
+      lastSpan.text += " ".repeat(padding);
+      padding = 0;
+    }
+  }
+  return /* @__PURE__ */ jsxDEV(Fragment, {
+    children: [
+      trimmed.map((span, index) => /* @__PURE__ */ jsxDEV("span", {
+        fg: span.fg ?? fallbackColor,
+        bg: span.bg ?? fallbackBg,
+        children: span.text
+      }, `${keyPrefix}:${index}`, false, undefined, this)),
+      padding > 0 ? /* @__PURE__ */ jsxDEV("span", {
+        fg: fallbackColor,
+        bg: fallbackBg,
+        children: `${" ".repeat(padding)}`
+      }, `${keyPrefix}:padding`, false, undefined, this) : null
+    ]
+  }, undefined, true, undefined, this);
+}
+function wrapSpans(spans, width) {
+  if (width <= 0) {
+    return [[]];
+  }
+  const lines = [[]];
+  let current = lines[0];
+  let remaining = width;
+  for (const span of spans) {
+    let offset = 0;
+    while (offset < span.text.length) {
+      if (remaining <= 0) {
+        current = [];
+        lines.push(current);
+        remaining = width;
+      }
+      const text = span.text.slice(offset, offset + remaining);
+      if (text.length === 0) {
+        break;
+      }
+      const nextSpan = {
+        ...span,
+        text
+      };
+      const previous = current.at(-1);
+      if (previous && previous.fg === nextSpan.fg && previous.bg === nextSpan.bg) {
+        previous.text += nextSpan.text;
+      } else {
+        current.push(nextSpan);
+      }
+      offset += text.length;
+      remaining -= text.length;
+    }
+  }
+  return lines;
+}
+function buildWrappedSplitCell(cell, width, lineNumberDigits, showLineNumbers, prefixWidth, theme) {
+  const palette = splitCellPalette(cell.kind, theme);
+  const { gutterWidth, contentWidth } = resolveSplitCellGeometry(width, lineNumberDigits, showLineNumbers, prefixWidth);
+  const firstGutterText = showLineNumbers ? `${cell.lineNumber ? String(cell.lineNumber).padStart(lineNumberDigits, " ") : " ".repeat(lineNumberDigits)} ${cell.sign}`.padEnd(gutterWidth) : `${cell.sign} `.padEnd(gutterWidth);
+  const wrappedSpans = wrapSpans(cell.spans, contentWidth);
+  return {
+    gutterWidth,
+    palette,
+    lines: wrappedSpans.map((spans, index) => ({
+      gutterText: index === 0 ? firstGutterText : " ".repeat(gutterWidth),
+      spans
+    }))
+  };
+}
+function buildWrappedStackCell(cell, width, lineNumberDigits, showLineNumbers, prefixWidth, theme) {
+  const palette = stackCellPalette(cell.kind, theme);
+  const { gutterWidth, contentWidth } = resolveStackCellGeometry(width, lineNumberDigits, showLineNumbers, prefixWidth);
+  const firstGutterText = stackGutterText(cell, lineNumberDigits, showLineNumbers).padEnd(gutterWidth);
+  const wrappedSpans = wrapSpans(cell.spans, contentWidth);
+  return {
+    gutterWidth,
+    palette,
+    lines: wrappedSpans.map((spans, index) => ({
+      gutterText: index === 0 ? firstGutterText : " ".repeat(gutterWidth),
+      spans
+    }))
+  };
+}
+function renderSplitCell(cell, width, lineNumberDigits, showLineNumbers, theme, keyPrefix, contentOffset = 0, prefix) {
+  const palette = splitCellPalette(cell.kind, theme);
+  const prefixWidth = prefix?.text.length ?? 0;
+  const { gutterWidth, contentWidth } = resolveSplitCellGeometry(width, lineNumberDigits, showLineNumbers, prefixWidth);
+  const gutterText = showLineNumbers ? `${cell.lineNumber ? String(cell.lineNumber).padStart(lineNumberDigits, " ") : " ".repeat(lineNumberDigits)} ${cell.sign}`.padEnd(gutterWidth) : `${cell.sign} `.padEnd(gutterWidth);
+  return /* @__PURE__ */ jsxDEV(Fragment, {
+    children: [
+      prefix ? /* @__PURE__ */ jsxDEV("span", {
+        fg: prefix.fg,
+        bg: prefix.bg,
+        children: prefix.text
+      }, `${keyPrefix}:prefix`, false, undefined, this) : null,
+      /* @__PURE__ */ jsxDEV("span", {
+        fg: palette.numberColor,
+        bg: palette.gutterBg,
+        children: gutterText
+      }, `${keyPrefix}:gutter`, false, undefined, this),
+      renderInlineSpans(cell.spans, contentWidth, theme.text, palette.contentBg, `${keyPrefix}:content`, contentOffset)
+    ]
+  }, undefined, true, undefined, this);
+}
+function renderStackCell(cell, width, lineNumberDigits, showLineNumbers, theme, keyPrefix, contentOffset = 0, prefix) {
+  const palette = stackCellPalette(cell.kind, theme);
+  const prefixWidth = prefix?.text.length ?? 0;
+  const { gutterWidth, contentWidth } = resolveStackCellGeometry(width, lineNumberDigits, showLineNumbers, prefixWidth);
+  return /* @__PURE__ */ jsxDEV(Fragment, {
+    children: [
+      prefix ? /* @__PURE__ */ jsxDEV("span", {
+        fg: prefix.fg,
+        bg: prefix.bg,
+        children: prefix.text
+      }, `${keyPrefix}:prefix`, false, undefined, this) : null,
+      /* @__PURE__ */ jsxDEV("span", {
+        fg: palette.numberColor,
+        bg: palette.gutterBg,
+        children: stackGutterText(cell, lineNumberDigits, showLineNumbers).padEnd(gutterWidth)
+      }, `${keyPrefix}:gutter`, false, undefined, this),
+      renderInlineSpans(cell.spans, contentWidth, theme.text, palette.contentBg, `${keyPrefix}:content`, contentOffset)
+    ]
+  }, undefined, true, undefined, this);
+}
+function renderWrappedSplitCellLine(line, palette, contentWidth, theme, keyPrefix, prefix) {
+  return /* @__PURE__ */ jsxDEV(Fragment, {
+    children: [
+      /* @__PURE__ */ jsxDEV("span", {
+        fg: prefix.fg,
+        bg: prefix.bg,
+        children: prefix.text
+      }, `${keyPrefix}:prefix`, false, undefined, this),
+      /* @__PURE__ */ jsxDEV("span", {
+        fg: palette.numberColor,
+        bg: palette.gutterBg,
+        children: line.gutterText
+      }, `${keyPrefix}:gutter`, false, undefined, this),
+      renderInlineSpans(line.spans, contentWidth, theme.text, palette.contentBg, `${keyPrefix}:content`)
+    ]
+  }, undefined, true, undefined, this);
+}
+function renderWrappedStackCellLine(line, palette, contentWidth, theme, keyPrefix, prefix) {
+  return /* @__PURE__ */ jsxDEV(Fragment, {
+    children: [
+      /* @__PURE__ */ jsxDEV("span", {
+        fg: prefix.fg,
+        bg: prefix.bg,
+        children: prefix.text
+      }, `${keyPrefix}:prefix`, false, undefined, this),
+      /* @__PURE__ */ jsxDEV("span", {
+        fg: palette.numberColor,
+        bg: palette.gutterBg,
+        children: line.gutterText
+      }, `${keyPrefix}:gutter`, false, undefined, this),
+      renderInlineSpans(line.spans, contentWidth, theme.text, palette.contentBg, `${keyPrefix}:content`)
+    ]
+  }, undefined, true, undefined, this);
+}
+function diffMessage(file) {
+  if (file.metadata.type === "rename-pure") {
+    return "No textual hunks. This change only renames the file.";
+  }
+  if (file.isBinary) {
+    return "Binary file skipped";
+  }
+  if (file.isTooLarge) {
+    return "File too large to render automatically.";
+  }
+  if (file.metadata.type === "new") {
+    return "No textual hunks. The file is marked as new.";
+  }
+  if (file.metadata.type === "deleted") {
+    return "No textual hunks. The file is marked as deleted.";
+  }
+  return "No textual hunks to render for this file.";
+}
+function renderHeaderRow(row, width, theme, selected, annotated, anchorId, onOpenAgentNotesAtHunk) {
+  const badgeText = annotated ? "[AI]" : "";
+  const badgeWidth = annotated ? badgeText.length + 1 : 0;
+  const label = row.type === "collapsed" ? fitText(`··· ${row.text} ···`, Math.max(0, width - 1 - badgeWidth)) : fitText(row.text, Math.max(0, width - 1 - badgeWidth));
+  if (!annotated) {
+    return /* @__PURE__ */ jsxDEV("box", {
+      id: anchorId,
+      style: {
+        width: "100%",
+        height: 1,
+        backgroundColor: theme.panelAlt
+      },
+      children: /* @__PURE__ */ jsxDEV("text", {
+        children: [
+          /* @__PURE__ */ jsxDEV("span", {
+            fg: selected ? neutralRailColor(theme) : dimRailColor(neutralRailColor(theme), theme),
+            bg: theme.panelAlt,
+            children: marker()
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV("span", {
+            fg: row.type === "collapsed" ? theme.muted : theme.badgeNeutral,
+            bg: theme.panelAlt,
+            children: label
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    }, row.key, false, undefined, this);
+  }
+  return /* @__PURE__ */ jsxDEV("box", {
+    id: anchorId,
+    style: {
+      width: "100%",
+      height: 1,
+      flexDirection: "row",
+      backgroundColor: theme.panelAlt
+    },
+    children: [
+      /* @__PURE__ */ jsxDEV("box", {
+        style: { width: Math.max(0, width - badgeWidth), height: 1 },
+        children: /* @__PURE__ */ jsxDEV("text", {
+          children: [
+            /* @__PURE__ */ jsxDEV("span", {
+              fg: selected ? neutralRailColor(theme) : dimRailColor(neutralRailColor(theme), theme),
+              bg: theme.panelAlt,
+              children: marker()
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV("span", {
+              fg: row.type === "collapsed" ? theme.muted : theme.badgeNeutral,
+              bg: theme.panelAlt,
+              children: label
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV("box", {
+        style: { width: badgeWidth, height: 1 },
+        onMouseUp: () => onOpenAgentNotesAtHunk?.(row.hunkIndex),
+        children: /* @__PURE__ */ jsxDEV("text", {
+          fg: theme.noteTitleText,
+          bg: theme.noteTitleBackground,
+          children: ` ${badgeText}`
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this)
+    ]
+  }, row.key, true, undefined, this);
+}
+function renderRow(row, width, lineNumberDigits, showLineNumbers, showHunkHeaders, wrapLines, codeHorizontalOffset, theme, selected, annotated, anchorId, noteGuideSide, onOpenAgentNotesAtHunk) {
+  let baseRow;
+  if (row.type === "collapsed") {
+    baseRow = renderHeaderRow(row, width, theme, selected, annotated, anchorId, onOpenAgentNotesAtHunk);
+  } else if (row.type === "hunk-header") {
+    baseRow = showHunkHeaders ? renderHeaderRow(row, width, theme, selected, annotated, anchorId, onOpenAgentNotesAtHunk) : null;
+  } else if (row.type === "split-line") {
+    const guideOnOldSide = noteGuideSide === "old";
+    const guideOnNewSide = noteGuideSide === "new";
+    const { leftWidth, rightWidth } = resolveSplitPaneWidths(width);
+    const rightRenderWidth = Math.max(0, rightWidth - (guideOnNewSide ? 1 : 0));
+    const leftPrefix = {
+      text: guideOnOldSide ? "│" : marker(),
+      fg: guideOnOldSide ? theme.noteBorder : splitLeftRailColor(row.left.kind, theme, selected),
+      bg: theme.panel
+    };
+    const rightPrefix = {
+      text: "▌",
+      fg: splitRightRailColor(row.right.kind, theme, selected),
+      bg: theme.panel
+    };
+    if (!wrapLines) {
+      baseRow = /* @__PURE__ */ jsxDEV("box", {
+        id: anchorId,
+        style: { width: "100%", height: 1 },
+        children: /* @__PURE__ */ jsxDEV("text", {
+          children: [
+            renderSplitCell(row.left, leftWidth, lineNumberDigits, showLineNumbers, theme, `${row.key}:left`, codeHorizontalOffset, leftPrefix),
+            renderSplitCell(row.right, rightRenderWidth, lineNumberDigits, showLineNumbers, theme, `${row.key}:right`, codeHorizontalOffset, rightPrefix),
+            guideOnNewSide ? /* @__PURE__ */ jsxDEV("span", {
+              fg: theme.noteBorder,
+              children: "│"
+            }, `${row.key}:note-guide`, false, undefined, this) : null
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this);
+    } else {
+      const leftLayout = buildWrappedSplitCell(row.left, leftWidth, lineNumberDigits, showLineNumbers, leftPrefix.text.length, theme);
+      const rightLayout = buildWrappedSplitCell(row.right, rightRenderWidth, lineNumberDigits, showLineNumbers, rightPrefix.text.length, theme);
+      const leftContentWidth = Math.max(0, leftWidth - leftPrefix.text.length - leftLayout.gutterWidth);
+      const rightContentWidth = Math.max(0, rightRenderWidth - rightPrefix.text.length - rightLayout.gutterWidth);
+      const visualLineCount = Math.max(leftLayout.lines.length, rightLayout.lines.length);
+      baseRow = /* @__PURE__ */ jsxDEV("box", {
+        id: anchorId,
+        style: { width: "100%", flexDirection: "column" },
+        children: Array.from({ length: visualLineCount }, (_, index) => {
+          const leftLine = leftLayout.lines[index] ?? {
+            gutterText: " ".repeat(leftLayout.gutterWidth),
+            spans: []
+          };
+          const rightLine = rightLayout.lines[index] ?? {
+            gutterText: " ".repeat(rightLayout.gutterWidth),
+            spans: []
+          };
+          return /* @__PURE__ */ jsxDEV("box", {
+            style: { width: "100%", height: 1 },
+            children: /* @__PURE__ */ jsxDEV("text", {
+              children: [
+                renderWrappedSplitCellLine(leftLine, leftLayout.palette, leftContentWidth, theme, `${row.key}:left:${index}`, leftPrefix),
+                renderWrappedSplitCellLine(rightLine, rightLayout.palette, rightContentWidth, theme, `${row.key}:right:${index}`, rightPrefix),
+                guideOnNewSide ? /* @__PURE__ */ jsxDEV("span", {
+                  fg: theme.noteBorder,
+                  children: "│"
+                }, `${row.key}:note-guide:${index}`, false, undefined, this) : null
+              ]
+            }, undefined, true, undefined, this)
+          }, `${row.key}:wrap:${index}`, false, undefined, this);
+        })
+      }, undefined, false, undefined, this);
+    }
+  } else if (row.type === "stack-line") {
+    const guideOnOldSide = noteGuideSide === "old";
+    const guideOnNewSide = noteGuideSide === "new";
+    const contentWidth = Math.max(0, width - (guideOnNewSide ? 1 : 0));
+    const prefix = {
+      text: guideOnOldSide ? "│" : marker(),
+      fg: guideOnOldSide ? theme.noteBorder : stackRailColor(row.cell.kind, theme, selected),
+      bg: theme.panel
+    };
+    if (!wrapLines) {
+      baseRow = /* @__PURE__ */ jsxDEV("box", {
+        id: anchorId,
+        style: { width: "100%", height: 1 },
+        children: /* @__PURE__ */ jsxDEV("text", {
+          children: [
+            renderStackCell(row.cell, contentWidth, lineNumberDigits, showLineNumbers, theme, `${row.key}:stack`, codeHorizontalOffset, prefix),
+            guideOnNewSide ? /* @__PURE__ */ jsxDEV("span", {
+              fg: theme.noteBorder,
+              children: "│"
+            }, `${row.key}:note-guide`, false, undefined, this) : null
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this);
+    } else {
+      const layout = buildWrappedStackCell(row.cell, contentWidth, lineNumberDigits, showLineNumbers, prefix.text.length, theme);
+      const wrappedContentWidth = Math.max(0, contentWidth - prefix.text.length - layout.gutterWidth);
+      baseRow = /* @__PURE__ */ jsxDEV("box", {
+        id: anchorId,
+        style: { width: "100%", flexDirection: "column" },
+        children: layout.lines.map((line, index) => /* @__PURE__ */ jsxDEV("box", {
+          style: { width: "100%", height: 1 },
+          children: /* @__PURE__ */ jsxDEV("text", {
+            children: [
+              renderWrappedStackCellLine(line, layout.palette, wrappedContentWidth, theme, `${row.key}:stack:${index}`, prefix),
+              guideOnNewSide ? /* @__PURE__ */ jsxDEV("span", {
+                fg: theme.noteBorder,
+                children: "│"
+              }, `${row.key}:note-guide:${index}`, false, undefined, this) : null
+            ]
+          }, undefined, true, undefined, this)
+        }, `${row.key}:wrap:${index}`, false, undefined, this))
+      }, undefined, false, undefined, this);
+    }
+  } else {
+    baseRow = /* @__PURE__ */ jsxDEV("box", {
+      style: { width: "100%", height: 1 },
+      children: /* @__PURE__ */ jsxDEV("text", {
+        fg: theme.muted,
+        children: "Unsupported row."
+      }, undefined, false, undefined, this)
+    }, undefined, false, undefined, this);
+  }
+  return baseRow;
+}
+var DiffRowView = memo(function DiffRowViewComponent({
+  row,
+  width,
+  lineNumberDigits,
+  showLineNumbers,
+  showHunkHeaders,
+  wrapLines,
+  codeHorizontalOffset,
+  theme,
+  selected,
+  annotated,
+  anchorId,
+  noteGuideSide,
+  onOpenAgentNotesAtHunk
+}) {
+  return renderRow(row, width, lineNumberDigits, showLineNumbers, showHunkHeaders, wrapLines, codeHorizontalOffset, theme, selected, annotated, anchorId, noteGuideSide, onOpenAgentNotesAtHunk);
+}, (previous, next) => {
+  return previous.row === next.row && previous.width === next.width && previous.lineNumberDigits === next.lineNumberDigits && previous.showLineNumbers === next.showLineNumbers && previous.showHunkHeaders === next.showHunkHeaders && previous.wrapLines === next.wrapLines && previous.codeHorizontalOffset === next.codeHorizontalOffset && previous.theme === next.theme && previous.selected === next.selected && previous.annotated === next.annotated && previous.anchorId === next.anchorId && previous.noteGuideSide === next.noteGuideSide;
+});
+
+// src/ui/diff/useHighlightedDiff.ts
+import { useLayoutEffect, useState } from "react";
+var MAX_CACHE_ENTRIES = 150;
+var SHARED_HIGHLIGHTED_DIFF_CACHE = new Map;
+var SHARED_HIGHLIGHT_PROMISES = new Map;
+function enforceCacheLimit() {
+  while (SHARED_HIGHLIGHTED_DIFF_CACHE.size > MAX_CACHE_ENTRIES) {
+    const oldest = SHARED_HIGHLIGHTED_DIFF_CACHE.keys().next().value;
+    if (oldest !== undefined) {
+      SHARED_HIGHLIGHTED_DIFF_CACHE.delete(oldest);
+    }
+  }
+}
+function lineSetFingerprint(lines) {
+  let totalChars = 0;
+  let hash = 2166136261;
+  for (const line of lines ?? []) {
+    totalChars += line.length;
+    for (let index = 0;index < line.length; index += 1) {
+      hash ^= line.charCodeAt(index);
+      hash = Math.imul(hash, 16777619);
+    }
+    hash ^= 10;
+    hash = Math.imul(hash, 16777619);
+  }
+  return `${lines?.length ?? 0}:${totalChars}:${(hash >>> 0).toString(36)}`;
+}
+function metadataFingerprint(file) {
+  const hunkSummary = file.metadata.hunks.map((hunk) => `${hunk.hunkSpecs ?? ""}:${hunk.deletionStart}:${hunk.deletionCount}:${hunk.additionStart}:${hunk.additionCount}:${hunk.hunkContent.length}`).join("|");
+  return [
+    file.metadata.name,
+    file.metadata.prevName ?? "",
+    file.metadata.type,
+    lineSetFingerprint(file.metadata.deletionLines),
+    lineSetFingerprint(file.metadata.additionLines),
+    hunkSummary
+  ].join(":");
+}
+function patchFingerprint(file) {
+  const { patch } = file;
+  if (patch.length === 0) {
+    return metadataFingerprint(file);
+  }
+  const mid = Math.floor(patch.length / 2);
+  return `${patch.length}:${patch.slice(0, 64)}:${patch.slice(mid, mid + 64)}:${patch.slice(-64)}`;
+}
+function buildCacheKey(appearance, file) {
+  return `${appearance}:${file.id}:${patchFingerprint(file)}`;
+}
+function commitHighlightResult(cacheKey, promise, result) {
+  if (SHARED_HIGHLIGHT_PROMISES.get(cacheKey) !== promise) {
+    return false;
+  }
+  SHARED_HIGHLIGHT_PROMISES.delete(cacheKey);
+  SHARED_HIGHLIGHTED_DIFF_CACHE.set(cacheKey, result);
+  enforceCacheLimit();
+  return true;
+}
+function ensureHighlightedDiffLoaded(file, appearance, cacheKey = buildCacheKey(appearance, file)) {
+  const cached = SHARED_HIGHLIGHTED_DIFF_CACHE.get(cacheKey);
+  if (cached) {
+    return Promise.resolve(cached);
+  }
+  const existing = SHARED_HIGHLIGHT_PROMISES.get(cacheKey);
+  if (existing) {
+    return existing;
+  }
+  let pending;
+  pending = loadHighlightedDiff(file, appearance).then((nextHighlighted) => {
+    commitHighlightResult(cacheKey, pending, nextHighlighted);
+    return nextHighlighted;
+  }).catch(() => {
+    const fallback = {
+      deletionLines: [],
+      additionLines: []
+    };
+    commitHighlightResult(cacheKey, pending, fallback);
+    return fallback;
+  });
+  SHARED_HIGHLIGHT_PROMISES.set(cacheKey, pending);
+  return pending;
+}
+function resolveHighlightedSnapshot({
+  appearanceCacheKey,
+  highlighted,
+  highlightedCacheKey
+}) {
+  if (!appearanceCacheKey) {
+    return null;
+  }
+  if (highlightedCacheKey === appearanceCacheKey) {
+    return highlighted;
+  }
+  return SHARED_HIGHLIGHTED_DIFF_CACHE.get(appearanceCacheKey) ?? null;
+}
+function useHighlightedDiff({
+  file,
+  appearance,
+  shouldLoadHighlight
+}) {
+  const [highlighted, setHighlighted] = useState(null);
+  const [highlightedCacheKey, setHighlightedCacheKey] = useState(null);
+  const appearanceCacheKey = file ? buildCacheKey(appearance, file) : null;
+  useLayoutEffect(() => {
+    if (!file || !appearanceCacheKey) {
+      setHighlighted(null);
+      setHighlightedCacheKey(null);
+      return;
+    }
+    if (highlightedCacheKey === appearanceCacheKey) {
+      return;
+    }
+    const cached = SHARED_HIGHLIGHTED_DIFF_CACHE.get(appearanceCacheKey);
+    if (cached) {
+      setHighlighted(cached);
+      setHighlightedCacheKey(appearanceCacheKey);
+      return;
+    }
+    if (!shouldLoadHighlight) {
+      return;
+    }
+    let cancelled = false;
+    setHighlighted(null);
+    ensureHighlightedDiffLoaded(file, appearance, appearanceCacheKey).then((nextHighlighted) => {
+      if (cancelled) {
+        return;
+      }
+      setHighlighted(nextHighlighted);
+      setHighlightedCacheKey(appearanceCacheKey);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [appearance, appearanceCacheKey, file, highlightedCacheKey, shouldLoadHighlight]);
+  return resolveHighlightedSnapshot({
+    appearanceCacheKey,
+    highlighted,
+    highlightedCacheKey
+  });
+}
+
+// src/ui/themes.ts
+import { RGBA, SyntaxStyle } from "@opentui/core";
+function createSyntaxStyle(colors) {
+  return SyntaxStyle.fromStyles({
+    default: { fg: RGBA.fromHex(colors.default) },
+    keyword: { fg: RGBA.fromHex(colors.keyword), bold: true },
+    string: { fg: RGBA.fromHex(colors.string) },
+    comment: { fg: RGBA.fromHex(colors.comment), italic: true },
+    number: { fg: RGBA.fromHex(colors.number) },
+    function: { fg: RGBA.fromHex(colors.function) },
+    method: { fg: RGBA.fromHex(colors.function) },
+    property: { fg: RGBA.fromHex(colors.property) },
+    variable: { fg: RGBA.fromHex(colors.default) },
+    constant: { fg: RGBA.fromHex(colors.number), bold: true },
+    type: { fg: RGBA.fromHex(colors.type) },
+    class: { fg: RGBA.fromHex(colors.type) },
+    punctuation: { fg: RGBA.fromHex(colors.punctuation) }
+  });
+}
+function withLazySyntaxStyle(theme, syntaxColors) {
+  let syntaxStyle = null;
+  return {
+    ...theme,
+    syntaxColors,
+    get syntaxStyle() {
+      syntaxStyle ??= createSyntaxStyle(syntaxColors);
+      return syntaxStyle;
+    }
+  };
+}
+var THEMES = [
+  withLazySyntaxStyle({
+    id: "graphite",
+    label: "Graphite",
+    appearance: "dark",
+    background: "#111315",
+    panel: "#171a1d",
+    panelAlt: "#1d2126",
+    border: "#343c45",
+    accent: "#d5e0ea",
+    accentMuted: "#414a54",
+    text: "#f2f4f6",
+    muted: "#9aa4af",
+    addedBg: "#1f3025",
+    removedBg: "#372526",
+    contextBg: "#181c20",
+    addedContentBg: "#24362a",
+    removedContentBg: "#432b2d",
+    contextContentBg: "#1e2328",
+    addedSignColor: "#88d39b",
+    removedSignColor: "#f0a0a0",
+    lineNumberBg: "#14181b",
+    lineNumberFg: "#798592",
+    selectedHunk: "#3b434b",
+    badgeAdded: "#88d39b",
+    badgeRemoved: "#f0a0a0",
+    badgeNeutral: "#a9b4bf",
+    fileNew: "#88d39b",
+    fileDeleted: "#f0a0a0",
+    fileRenamed: "#e6cf98",
+    fileModified: "#c49bff",
+    fileUntracked: "#7fd1ff",
+    noteBorder: "#c6a0ff",
+    noteBackground: "#241c31",
+    noteTitleBackground: "#322446",
+    noteTitleText: "#f5edff"
+  }, {
+    default: "#f2f4f6",
+    keyword: "#c4d0da",
+    string: "#d8c6ef",
+    comment: "#7f8b97",
+    number: "#e6cf98",
+    function: "#dfe6ed",
+    property: "#bac8d4",
+    type: "#d3d9e2",
+    punctuation: "#7f8b97"
+  }),
+  withLazySyntaxStyle({
+    id: "midnight",
+    label: "Midnight",
+    appearance: "dark",
+    background: "#08111f",
+    panel: "#0e1b2e",
+    panelAlt: "#13243a",
+    border: "#284264",
+    accent: "#7fd1ff",
+    accentMuted: "#355578",
+    text: "#eef4ff",
+    muted: "#8da5c7",
+    addedBg: "#153526",
+    removedBg: "#47262a",
+    contextBg: "#0f1b2d",
+    addedContentBg: "#102a1f",
+    removedContentBg: "#371b1e",
+    contextContentBg: "#132238",
+    addedSignColor: "#69d69a",
+    removedSignColor: "#ff8e8e",
+    lineNumberBg: "#0b1627",
+    lineNumberFg: "#56739a",
+    selectedHunk: "#20466a",
+    badgeAdded: "#5ad188",
+    badgeRemoved: "#ff8b8b",
+    badgeNeutral: "#89a5d3",
+    fileNew: "#5ad188",
+    fileDeleted: "#ff8b8b",
+    fileRenamed: "#ffd883",
+    fileModified: "#b794f6",
+    fileUntracked: "#7fd1ff",
+    noteBorder: "#c49bff",
+    noteBackground: "#211a36",
+    noteTitleBackground: "#30234f",
+    noteTitleText: "#f5eeff"
+  }, {
+    default: "#e8f1ff",
+    keyword: "#8ed4ff",
+    string: "#c7b4ff",
+    comment: "#6e85a7",
+    number: "#ffd883",
+    function: "#b6c9ff",
+    property: "#a8d6ff",
+    type: "#a4b7ff",
+    punctuation: "#6e85a7"
+  }),
+  withLazySyntaxStyle({
+    id: "paper",
+    label: "Paper",
+    appearance: "light",
+    background: "#f4efe6",
+    panel: "#fffaf3",
+    panelAlt: "#f8f1e7",
+    border: "#d8c8b3",
+    accent: "#77593a",
+    accentMuted: "#d7ccbe",
+    text: "#2f2417",
+    muted: "#786753",
+    addedBg: "#dff0e1",
+    removedBg: "#f6ddde",
+    contextBg: "#faf6ee",
+    addedContentBg: "#eaf8ec",
+    removedContentBg: "#fbebeb",
+    contextContentBg: "#fffaf3",
+    addedSignColor: "#3f8d58",
+    removedSignColor: "#b4545b",
+    lineNumberBg: "#f2e9dc",
+    lineNumberFg: "#9b8367",
+    selectedHunk: "#eadcc5",
+    badgeAdded: "#3f8d58",
+    badgeRemoved: "#b4545b",
+    badgeNeutral: "#8e7355",
+    fileNew: "#3f8d58",
+    fileDeleted: "#b4545b",
+    fileRenamed: "#9f6c1f",
+    fileModified: "#7d5bc4",
+    fileUntracked: "#4a6890",
+    noteBorder: "#7d5bc4",
+    noteBackground: "#efe6ff",
+    noteTitleBackground: "#e3d7ff",
+    noteTitleText: "#462b74"
+  }, {
+    default: "#2f2417",
+    keyword: "#7b5a35",
+    string: "#4a6890",
+    comment: "#8f7a65",
+    number: "#9f6c1f",
+    function: "#5a4a8e",
+    property: "#356b7f",
+    type: "#5f5f9a",
+    punctuation: "#8f7a65"
+  }),
+  withLazySyntaxStyle({
+    id: "ember",
+    label: "Ember",
+    appearance: "dark",
+    background: "#140b08",
+    panel: "#22120d",
+    panelAlt: "#2c1710",
+    border: "#643627",
+    accent: "#ffb07a",
+    accentMuted: "#5d3428",
+    text: "#fff0e6",
+    muted: "#c7a18d",
+    addedBg: "#183424",
+    removedBg: "#4a1f1f",
+    contextBg: "#24140e",
+    addedContentBg: "#21432c",
+    removedContentBg: "#5a2727",
+    contextContentBg: "#2b1711",
+    addedSignColor: "#83d99d",
+    removedSignColor: "#ff9d8f",
+    lineNumberBg: "#1c100c",
+    lineNumberFg: "#9a735f",
+    selectedHunk: "#6a3829",
+    badgeAdded: "#83d99d",
+    badgeRemoved: "#ff9d8f",
+    badgeNeutral: "#f1be9d",
+    fileNew: "#83d99d",
+    fileDeleted: "#ff9d8f",
+    fileRenamed: "#ffd08f",
+    fileModified: "#d8b4fe",
+    fileUntracked: "#ffb07a",
+    noteBorder: "#e1a3ff",
+    noteBackground: "#311d36",
+    noteTitleBackground: "#452650",
+    noteTitleText: "#fff0ff"
+  }, {
+    default: "#fff0e6",
+    keyword: "#ffb47f",
+    string: "#ffd3a8",
+    comment: "#a17d69",
+    number: "#ffd08f",
+    function: "#ffd9b3",
+    property: "#ffc89f",
+    type: "#f7c5b0",
+    punctuation: "#a17d69"
+  })
+];
+function resolveTheme(requested, _themeMode) {
+  const exact = THEMES.find((theme) => theme.id === requested);
+  if (exact) {
+    return exact;
+  }
+  return THEMES.find((theme) => theme.id === "graphite") ?? THEMES[0];
+}
+
+// src/opentui/model.ts
+import { parsePatchFiles } from "@pierre/diffs";
+
+// src/core/binary.ts
+function patchLooksBinary(patch) {
+  return /(^|\n)Binary files .* differ(?:\n|$)/.test(patch) || patch.includes(`
+GIT binary patch
+`);
+}
+
+// src/core/diffPaths.ts
+function normalizeDiffPath(path) {
+  return path?.replace(/[\r\n]+$/u, "");
+}
+function normalizeDiffMetadataPaths(metadata) {
+  const name = normalizeDiffPath(metadata.name) ?? metadata.name;
+  const prevName = normalizeDiffPath(metadata.prevName);
+  if (name === metadata.name && prevName === metadata.prevName) {
+    return metadata;
+  }
+  return {
+    ...metadata,
+    name,
+    prevName
+  };
+}
+
+// src/opentui/model.ts
+var NORMALIZED_HUNK_DIFF_FILES = new WeakSet;
+function splitPatchIntoFileChunks(rawPatch) {
+  const patch = rawPatch.replaceAll(`\r
+`, `
+`);
+  const lines = patch.split(`
+`);
+  const chunks = [];
+  let current = [];
+  const hasGitHeaders = lines.some((line) => line.startsWith("diff --git "));
+  const flush = () => {
+    if (current.length > 0) {
+      chunks.push(`${current.join(`
+`).trimEnd()}
+`);
+      current = [];
+    }
+  };
+  for (let index = 0;index < lines.length; index += 1) {
+    const line = lines[index];
+    if (hasGitHeaders && line.startsWith("diff --git ")) {
+      flush();
+      current.push(line);
+      continue;
+    }
+    if (!hasGitHeaders && line.startsWith("--- ") && lines[index + 1]?.startsWith("+++ ")) {
+      flush();
+      current.push(line);
+      current.push(lines[index + 1]);
+      index += 1;
+      continue;
+    }
+    if (current.length > 0) {
+      current.push(line);
+    }
+  }
+  flush();
+  return chunks;
+}
+function findPatchChunk(metadata, chunks, index) {
+  const byIndex = chunks[index];
+  if (byIndex) {
+    return byIndex;
+  }
+  const paths = [metadata.name, metadata.prevName].map(normalizeDiffPath).filter((value) => Boolean(value));
+  return chunks.find((chunk) => paths.some((path) => chunk.includes(path))) ?? "";
+}
+function countHunkDiffStats(metadata) {
+  let additions = 0;
+  let deletions = 0;
+  for (const hunk of metadata.hunks) {
+    for (const content of hunk.hunkContent) {
+      if (content.type === "change") {
+        additions += content.additions;
+        deletions += content.deletions;
+      }
+    }
+  }
+  return { additions, deletions };
+}
+function createHunkDiffFile(input) {
+  const metadata = normalizeDiffMetadataPaths(input.metadata);
+  const path = normalizeDiffPath(input.path) ?? metadata.name;
+  const previousPath = normalizeDiffPath(input.previousPath) ?? metadata.prevName;
+  const normalized = {
+    ...input,
+    id: input.id,
+    metadata,
+    path,
+    previousPath,
+    stats: input.stats ?? countHunkDiffStats(metadata)
+  };
+  NORMALIZED_HUNK_DIFF_FILES.add(normalized);
+  return normalized;
+}
+function resolveHunkDiffFile(input) {
+  if (NORMALIZED_HUNK_DIFF_FILES.has(input)) {
+    return input;
+  }
+  return createHunkDiffFile(input);
+}
+function toInternalDiffFile(diff) {
+  const normalized = resolveHunkDiffFile(diff);
+  const patch = normalized.patch ?? "";
+  return {
+    agent: null,
+    id: normalized.id,
+    isBinary: normalized.isBinary ?? patchLooksBinary(patch),
+    isTooLarge: normalized.isTooLarge,
+    isUntracked: normalized.isUntracked,
+    language: normalized.language,
+    metadata: normalized.metadata,
+    patch,
+    path: normalized.path ?? normalized.metadata.name,
+    previousPath: normalized.previousPath,
+    stats: normalized.stats,
+    statsTruncated: normalized.statsTruncated
+  };
+}
+function createHunkDiffFilesFromPatch(patchText, sourceId = "patch") {
+  const chunks = splitPatchIntoFileChunks(patchText);
+  return parsePatchFiles(patchText, sourceId, true).flatMap((entry) => entry.files).map((metadata, index) => createHunkDiffFile({
+    id: `${sourceId}:${index}:${normalizeDiffPath(metadata.name) ?? metadata.name}`,
+    metadata,
+    patch: findPatchChunk(metadata, chunks, index)
+  }));
+}
+function toInternalDiffFiles(files) {
+  return files.map(toInternalDiffFile);
+}
+
+// src/opentui/HunkDiffBody.tsx
+import { jsxDEV as jsxDEV2 } from "@opentui/react/jsx-dev-runtime";
+var EMPTY_ANNOTATED_HUNK_INDICES = new Set;
+function HunkDiffBody({
+  file,
+  layout = "split",
+  width,
+  theme = "graphite",
+  showLineNumbers = true,
+  showHunkHeaders = true,
+  wrapLines = false,
+  horizontalOffset = 0,
+  highlight = true,
+  selectedHunkIndex = 0
+}) {
+  const resolvedTheme = resolveTheme(theme, null);
+  const internalFile = useMemo(() => file ? toInternalDiffFile(file) : undefined, [file]);
+  const resolvedHighlighted = useHighlightedDiff({
+    file: internalFile,
+    appearance: resolvedTheme.appearance,
+    shouldLoadHighlight: highlight
+  });
+  const rows = useMemo(() => internalFile ? layout === "split" ? buildSplitRows(internalFile, resolvedHighlighted, resolvedTheme) : buildStackRows(internalFile, resolvedHighlighted, resolvedTheme) : [], [internalFile, layout, resolvedHighlighted, resolvedTheme]);
+  const lineNumberDigits = useMemo(() => String(internalFile ? findMaxLineNumber(internalFile) : 1).length, [internalFile]);
+  if (!internalFile) {
+    return /* @__PURE__ */ jsxDEV2("box", {
+      style: { width: "100%", paddingLeft: 1, paddingRight: 1 },
+      children: /* @__PURE__ */ jsxDEV2("text", {
+        fg: resolvedTheme.muted,
+        children: fitText("No file selected.", Math.max(1, width - 2))
+      }, undefined, false, undefined, this)
+    }, undefined, false, undefined, this);
+  }
+  if (internalFile.metadata.hunks.length === 0) {
+    return /* @__PURE__ */ jsxDEV2("box", {
+      style: { width: "100%", paddingLeft: 1, paddingRight: 1, paddingBottom: 1 },
+      children: /* @__PURE__ */ jsxDEV2("text", {
+        fg: resolvedTheme.muted,
+        children: fitText(diffMessage(internalFile), Math.max(1, width - 2))
+      }, undefined, false, undefined, this)
+    }, undefined, false, undefined, this);
+  }
+  return /* @__PURE__ */ jsxDEV2("box", {
+    style: { width: "100%", flexDirection: "column" },
+    children: rows.map((row) => /* @__PURE__ */ jsxDEV2("box", {
+      style: { width: "100%", flexDirection: "column" },
+      children: /* @__PURE__ */ jsxDEV2(DiffRowView, {
+        row,
+        width,
+        lineNumberDigits,
+        showLineNumbers,
+        showHunkHeaders,
+        wrapLines,
+        codeHorizontalOffset: horizontalOffset,
+        theme: resolvedTheme,
+        selected: row.hunkIndex === selectedHunkIndex,
+        annotated: EMPTY_ANNOTATED_HUNK_INDICES.has(row.hunkIndex)
+      }, undefined, false, undefined, this)
+    }, row.key, false, undefined, this))
+  }, undefined, false, undefined, this);
+}
+// src/opentui/HunkDiffFileHeader.tsx
+import { useMemo as useMemo2 } from "react";
+
+// src/ui/lib/files.ts
+import { basename, dirname } from "node:path/posix";
+function sidebarFileName(file) {
+  const path = normalizeDiffPath(file.path) ?? file.path;
+  const previousPath = normalizeDiffPath(file.previousPath);
+  if (!previousPath || previousPath === path) {
+    return basename(path);
+  }
+  const previousName = basename(previousPath);
+  const nextName = basename(path);
+  return previousName === nextName ? nextName : `${previousName} -> ${nextName}`;
+}
+function formatSidebarStat(prefix, value, truncated = false) {
+  return value > 0 ? `${prefix}${value}${truncated ? "+" : ""}` : null;
+}
+function sidebarEntryStats(entry) {
+  const stats = [];
+  if (entry.agentCommentsText) {
+    stats.push({ kind: "agent-comment", text: entry.agentCommentsText });
+  }
+  if (entry.additionsText) {
+    stats.push({ kind: "addition", text: entry.additionsText });
+  }
+  if (entry.deletionsText) {
+    stats.push({ kind: "deletion", text: entry.deletionsText });
+  }
+  return stats;
+}
+function sidebarEntryStatsWidth(entry) {
+  return sidebarEntryStats(entry).reduce((width, stat, index) => width + stat.text.length + (index > 0 ? 1 : 0), 0);
+}
+function buildSidebarEntries(files) {
+  const entries = [];
+  let activeGroup = null;
+  files.forEach((file, index) => {
+    const path = normalizeDiffPath(file.path) ?? file.path;
+    const group = dirname(path);
+    const nextGroup = group === "." ? null : group;
+    if (nextGroup !== activeGroup) {
+      activeGroup = nextGroup;
+      if (activeGroup) {
+        entries.push({
+          kind: "group",
+          id: `group:${activeGroup}:${index}`,
+          label: `${activeGroup}/`
+        });
+      }
+    }
+    const agentCommentCount = file.agent?.annotations.length ?? 0;
+    entries.push({
+      kind: "file",
+      id: file.id,
+      name: sidebarFileName(file),
+      agentCommentsText: agentCommentCount > 0 ? `*${agentCommentCount}` : null,
+      additionsText: formatSidebarStat("+", file.stats.additions, file.statsTruncated),
+      deletionsText: formatSidebarStat("-", file.stats.deletions),
+      changeType: file.metadata.type,
+      isUntracked: file.isUntracked ?? false
+    });
+  });
+  return entries;
+}
+function fileLabelParts(file) {
+  if (!file) {
+    return { filename: "No file selected", stateLabel: null };
+  }
+  const path = normalizeDiffPath(file.path) ?? file.path;
+  const previousPath = normalizeDiffPath(file.previousPath);
+  const baseLabel = previousPath && previousPath !== path ? `${previousPath} -> ${path}` : path;
+  let stateLabel = null;
+  if (file.isUntracked) {
+    stateLabel = " (untracked)";
+  } else if (file.metadata.type === "new") {
+    stateLabel = " (new)";
+  } else if (file.metadata.type === "deleted") {
+    stateLabel = " (deleted)";
+  }
+  return { filename: baseLabel, stateLabel };
+}
+
+// src/ui/lib/text.ts
+function fitText2(text, width) {
+  if (width <= 0) {
+    return "";
+  }
+  if (text.length <= width) {
+    return text;
+  }
+  if (width === 1) {
+    return ".";
+  }
+  return `${text.slice(0, width - 1)}.`;
+}
+function padText(text, width) {
+  const trimmed = fitText2(text, width);
+  return trimmed.padEnd(width, " ");
+}
+
+// src/ui/components/panes/DiffFileHeaderRow.tsx
+import { jsxDEV as jsxDEV3 } from "@opentui/react/jsx-dev-runtime";
+function DiffFileHeaderRow({
+  file,
+  headerLabelWidth,
+  headerStatsWidth,
+  theme,
+  onSelect
+}) {
+  const additionsText = `+${file.stats.additions}${file.statsTruncated ? "+" : ""}`;
+  const deletionsText = `-${file.stats.deletions}`;
+  const { filename, stateLabel } = fileLabelParts(file);
+  return /* @__PURE__ */ jsxDEV3("box", {
+    style: {
+      width: "100%",
+      height: 1,
+      flexShrink: 0,
+      flexDirection: "row",
+      justifyContent: "space-between",
+      paddingLeft: 1,
+      paddingRight: 1,
+      backgroundColor: theme.panel
+    },
+    onMouseUp: onSelect,
+    children: [
+      /* @__PURE__ */ jsxDEV3("box", {
+        style: { flexDirection: "row" },
+        children: [
+          /* @__PURE__ */ jsxDEV3("text", {
+            fg: theme.text,
+            children: fitText2(filename, Math.max(1, headerLabelWidth - (stateLabel?.length ?? 0)))
+          }, undefined, false, undefined, this),
+          stateLabel && /* @__PURE__ */ jsxDEV3("text", {
+            fg: theme.muted,
+            children: stateLabel
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV3("box", {
+        style: {
+          width: headerStatsWidth,
+          height: 1,
+          flexDirection: "row",
+          justifyContent: "flex-end"
+        },
+        children: [
+          /* @__PURE__ */ jsxDEV3("text", {
+            fg: theme.badgeAdded,
+            children: additionsText
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV3("text", {
+            fg: theme.muted,
+            children: " "
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV3("text", {
+            fg: theme.badgeRemoved,
+            children: deletionsText
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
+// src/opentui/HunkDiffFileHeader.tsx
+import { jsxDEV as jsxDEV4 } from "@opentui/react/jsx-dev-runtime";
+function HunkDiffFileHeader({
+  file,
+  width,
+  theme = "graphite",
+  onSelect
+}) {
+  const resolvedTheme = resolveTheme(theme, null);
+  const internalFile = useMemo2(() => toInternalDiffFile(file), [file]);
+  const headerStatsWidth = Math.max(7, `+${internalFile.stats.additions}${internalFile.statsTruncated ? "+" : ""} -${internalFile.stats.deletions}`.length);
+  return /* @__PURE__ */ jsxDEV4(DiffFileHeaderRow, {
+    file: internalFile,
+    headerLabelWidth: Math.max(1, width - headerStatsWidth - 2),
+    headerStatsWidth,
+    theme: resolvedTheme,
+    onSelect
+  }, undefined, false, undefined, this);
+}
+// src/opentui/HunkDiffView.tsx
+import { jsxDEV as jsxDEV5 } from "@opentui/react/jsx-dev-runtime";
+function HunkDiffView({ diff, scrollable = true, ...props }) {
+  const content = /* @__PURE__ */ jsxDEV5(HunkDiffBody, {
+    file: diff,
+    ...props
+  }, undefined, false, undefined, this);
+  if (!scrollable) {
+    return content;
+  }
+  return /* @__PURE__ */ jsxDEV5("scrollbox", {
+    width: "100%",
+    height: "100%",
+    scrollY: true,
+    viewportCulling: true,
+    focused: false,
+    children: content
+  }, undefined, false, undefined, this);
+}
+// src/opentui/HunkFileNav.tsx
+import { useMemo as useMemo3 } from "react";
+
+// src/ui/lib/ids.ts
+function fileRowId(fileId) {
+  return `file-row:${fileId}`;
+}
+
+// src/ui/components/panes/FileListItem.tsx
+import { jsxDEV as jsxDEV6 } from "@opentui/react/jsx-dev-runtime";
+function getFileStateIcon(entry, theme) {
+  if (entry.isUntracked) {
+    return { icon: "?", color: theme.fileUntracked };
+  }
+  switch (entry.changeType) {
+    case "new":
+      return { icon: "A", color: theme.fileNew };
+    case "deleted":
+      return { icon: "D", color: theme.fileDeleted };
+    case "rename-pure":
+    case "rename-changed":
+      return { icon: "R", color: theme.fileRenamed };
+    case "change":
+      return { icon: "M", color: theme.fileModified };
+    default:
+      return { icon: "", color: theme.text };
+  }
+}
+function FileGroupHeader({
+  entry,
+  paddingLeft = 1,
+  textWidth,
+  theme
+}) {
+  return /* @__PURE__ */ jsxDEV6("box", {
+    style: {
+      width: "100%",
+      height: 1,
+      paddingLeft,
+      backgroundColor: theme.panel
+    },
+    children: /* @__PURE__ */ jsxDEV6("text", {
+      fg: theme.muted,
+      children: fitText2(entry.label, Math.max(1, textWidth))
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+function FileListItem({
+  entry,
+  paddingLeft = 1,
+  selected,
+  statsWidth,
+  textWidth,
+  theme,
+  onSelect
+}) {
+  const rowBackground = selected ? theme.panelAlt : theme.panel;
+  const stats = sidebarEntryStats(entry);
+  const { icon, color } = getFileStateIcon(entry, theme);
+  const iconWidth = icon ? 2 : 0;
+  const statsSectionWidth = statsWidth > 0 ? statsWidth + 1 : 0;
+  const nameWidth = Math.max(1, textWidth - 1 - iconWidth - statsSectionWidth);
+  return /* @__PURE__ */ jsxDEV6("box", {
+    id: fileRowId(entry.id),
+    style: {
+      width: "100%",
+      height: 1,
+      backgroundColor: rowBackground,
+      flexDirection: "row"
+    },
+    onMouseUp: onSelect,
+    children: [
+      /* @__PURE__ */ jsxDEV6("box", {
+        style: {
+          width: 1,
+          height: 1,
+          backgroundColor: selected ? theme.accent : rowBackground
+        }
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV6("box", {
+        style: {
+          flexGrow: 1,
+          height: 1,
+          paddingLeft,
+          flexDirection: "row",
+          backgroundColor: rowBackground
+        },
+        children: [
+          icon && /* @__PURE__ */ jsxDEV6("text", {
+            fg: color,
+            children: [
+              icon,
+              " "
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV6("text", {
+            fg: theme.text,
+            children: padText(fitText2(entry.name, nameWidth), nameWidth)
+          }, undefined, false, undefined, this),
+          statsSectionWidth > 0 && /* @__PURE__ */ jsxDEV6("box", {
+            style: {
+              width: statsSectionWidth,
+              height: 1,
+              flexDirection: "row",
+              justifyContent: "flex-end",
+              backgroundColor: rowBackground
+            },
+            children: stats.map((stat, index) => /* @__PURE__ */ jsxDEV6("box", {
+              style: { height: 1, flexDirection: "row", backgroundColor: rowBackground },
+              children: [
+                index > 0 && /* @__PURE__ */ jsxDEV6("text", {
+                  fg: selected ? theme.text : theme.muted,
+                  children: " "
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV6("text", {
+                  fg: stat.kind === "agent-comment" ? theme.noteBorder : stat.kind === "addition" ? theme.badgeAdded : theme.badgeRemoved,
+                  children: stat.text
+                }, undefined, false, undefined, this)
+              ]
+            }, `${entry.id}:${stat.kind}`, true, undefined, this))
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
+// src/opentui/HunkFileNav.tsx
+import { jsxDEV as jsxDEV7 } from "@opentui/react/jsx-dev-runtime";
+function HunkFileNav({
+  files,
+  selectedFileId,
+  width,
+  theme = "graphite",
+  onSelectFile = () => {}
+}) {
+  const resolvedTheme = resolveTheme(theme, null);
+  const internalFiles = useMemo3(() => toInternalDiffFiles(files), [files]);
+  const entries = useMemo3(() => buildSidebarEntries(internalFiles), [internalFiles]);
+  const fileEntries = entries.filter((entry) => entry.kind === "file");
+  const statsWidth = Math.max(0, ...fileEntries.map((entry) => sidebarEntryStatsWidth(entry)));
+  const textWidth = Math.max(1, width - 1);
+  return /* @__PURE__ */ jsxDEV7("box", {
+    style: { width: "100%", flexDirection: "column", backgroundColor: resolvedTheme.panel },
+    children: entries.map((entry) => entry.kind === "group" ? /* @__PURE__ */ jsxDEV7(FileGroupHeader, {
+      entry,
+      paddingLeft: 0,
+      textWidth: Math.max(1, width),
+      theme: resolvedTheme
+    }, entry.id, false, undefined, this) : /* @__PURE__ */ jsxDEV7(FileListItem, {
+      entry,
+      paddingLeft: 0,
+      selected: entry.id === selectedFileId,
+      statsWidth,
+      textWidth,
+      theme: resolvedTheme,
+      onSelect: () => onSelectFile(entry.id)
+    }, entry.id, false, undefined, this))
+  }, undefined, false, undefined, this);
+}
+// src/opentui/HunkReviewStream.tsx
+import { jsxDEV as jsxDEV8 } from "@opentui/react/jsx-dev-runtime";
+function resolveSelection(files, selection) {
+  if (selection && files.some((file) => file.id === selection.fileId)) {
+    return selection;
+  }
+  const first = files[0];
+  return first ? { fileId: first.id, hunkIndex: 0 } : undefined;
+}
+function HunkReviewStream({
+  files,
+  layout = "split",
+  width,
+  theme = "graphite",
+  selection,
+  showFileHeaders = true,
+  showFileSeparators = true,
+  showLineNumbers = true,
+  showHunkHeaders = true,
+  wrapLines = false,
+  horizontalOffset = 0,
+  highlight = true,
+  onSelectionChange
+}) {
+  const resolvedTheme = resolveTheme(theme, null);
+  const activeSelection = resolveSelection(files, selection);
+  if (files.length === 0) {
+    return /* @__PURE__ */ jsxDEV8("box", {
+      style: { width: "100%", paddingLeft: 1, paddingRight: 1 },
+      children: /* @__PURE__ */ jsxDEV8("text", {
+        fg: resolvedTheme.muted,
+        children: "No files to render."
+      }, undefined, false, undefined, this)
+    }, undefined, false, undefined, this);
+  }
+  return /* @__PURE__ */ jsxDEV8("box", {
+    style: { width: "100%", flexDirection: "column", backgroundColor: resolvedTheme.panel },
+    children: files.map((file, index) => {
+      const selectedHunkIndex = activeSelection?.fileId === file.id ? activeSelection.hunkIndex : -1;
+      return /* @__PURE__ */ jsxDEV8("box", {
+        style: {
+          width: "100%",
+          flexDirection: "column",
+          backgroundColor: resolvedTheme.panel
+        },
+        children: [
+          showFileSeparators && index > 0 ? /* @__PURE__ */ jsxDEV8("box", {
+            style: { width: "100%", height: 1, paddingLeft: 1, paddingRight: 1 },
+            children: /* @__PURE__ */ jsxDEV8("text", {
+              fg: resolvedTheme.border,
+              children: "─".repeat(Math.max(1, width - 2))
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this) : null,
+          showFileHeaders ? /* @__PURE__ */ jsxDEV8(HunkDiffFileHeader, {
+            file,
+            width,
+            theme,
+            onSelect: () => onSelectionChange?.({ fileId: file.id, hunkIndex: 0 })
+          }, undefined, false, undefined, this) : null,
+          /* @__PURE__ */ jsxDEV8(HunkDiffBody, {
+            file,
+            layout,
+            width,
+            theme,
+            showLineNumbers,
+            showHunkHeaders,
+            wrapLines,
+            horizontalOffset,
+            highlight,
+            selectedHunkIndex
+          }, undefined, false, undefined, this)
+        ]
+      }, file.id, true, undefined, this);
+    })
+  }, undefined, false, undefined, this);
+}
+export {
+  parsePatchFiles2 as parsePatchFiles,
+  parseDiffFromFile,
+  createHunkDiffFilesFromPatch,
+  createHunkDiffFile,
+  countHunkDiffStats,
+  HunkReviewStream,
+  HunkFileNav,
+  HunkDiffView,
+  HunkDiffFileHeader,
+  HunkDiffBody,
+  HUNK_DIFF_THEME_NAMES
+};