Function renderWrappedSplitCellLine

src/ui/diff/renderRows.tsx:985–1041

Render one already-wrapped split cell line with its persistent rail/separator prefix.

(
  line: WrappedCellLine,
  palette: ReturnType<typeof splitCellPalette>,
  contentWidth: number,
  theme: AppTheme,
  keyPrefix: string,
  prefix: {
    text: string;
    fg: string;
    bg: string;
  },
  selected = false,
  selectionColRange?: CopySelectedRowRange,
  paneOffset = 0,
)

/** Render one already-wrapped split cell line with its persistent rail/separator prefix. */
function renderWrappedSplitCellLine(
  line: WrappedCellLine,
  palette: ReturnType<typeof splitCellPalette>,
  contentWidth: number,
  theme: AppTheme,
  keyPrefix: string,
  prefix: {
    text: string;
    fg: string;
    bg: string;
  },
  selected = false,
  selectionColRange?: CopySelectedRowRange,
  paneOffset = 0,
) {
  const resolvedPalette = selected ? applySelectionPalette(palette, theme) : palette;
  const resolvedPrefix = selected ? applySelectionPrefix(prefix, theme) : prefix;

  const prefixWidth = prefix.text.length;
  const gutterWidth = line.gutterText.length;
  const globalContentStart = paneOffset + prefixWidth + gutterWidth;
  const localColRange =
    selectionColRange && globalContentStart < selectionColRange.endCol
      ? {
          start: Math.max(0, selectionColRange.startCol - globalContentStart),
          end: Math.min(
            contentWidth,
            Math.max(0, selectionColRange.endCol - globalContentStart + 1),
          ),
        }
      : undefined;

  return (
    <>
      <span key={`${keyPrefix}:prefix`} fg={resolvedPrefix.fg} bg={resolvedPrefix.bg}>
        {resolvedPrefix.text}
      </span>
      <span
        key={`${keyPrefix}:gutter`}
        fg={resolvedPalette.numberColor}
        bg={resolvedPalette.gutterBg}
      >
        {line.gutterText}
      </span>
      {renderInlineSpans(
        line.spans,
        contentWidth,
        theme.syntaxColors.default,
        resolvedPalette.contentBg,
        `${keyPrefix}:content`,
        0,
        selected ? theme : undefined,
        localColRange,
      )}
    </>
  );
}