Function TranscriptLine

sdk/coding-agent-cli/src/tui/App.tsx:591–619

({ line }: { line: TranscriptLine })

}

function TranscriptLine({ line }: { line: TranscriptLine }) {
  const color = {
    assistant: "white",
    error: "red",
    meta: "cyan",
    status: "yellow",
    tool: "magenta",
    user: "green",
  }[line.kind]

  return (
    <box>
      <text fg={color} attributes={TextAttributes.BOLD}>
        {line.label.padEnd(7)}
      </text>
      <text>
        {line.parts.map((part, index) => (
          <span
            key={index}
            attributes={partToAttributes(part)}
            fg={part.color}
          >
            {part.text}
          </span>
        ))}
      </text>
    </box>
  )
}

function partToAttributes(part: TranscriptPart) {
  let attributes = TextAttributes.NONE