Function AnsiRenderer

web/components/tools/AnsiRenderer.tsx:206–223

({ text, className }: AnsiRendererProps)

}

export function AnsiRenderer({ text, className }: AnsiRendererProps) {
  const lines = text.split("\n");

  return (
    <span className={className}>
      {lines.map((line, lineIdx) => (
        <span key={lineIdx}>
          {lineIdx > 0 && "\n"}
          {parseAnsi(line).map((seg, segIdx) => (
            <span key={segIdx} style={segmentToStyle(seg.style)}>
              {seg.text}
            </span>
          ))}
        </span>
      ))}
    </span>
  );
}