Goal
Create a TerminalLogLine component as the core primitive for structured log display.
Why
TerminalLog currently accepts strings only; structured rows enable better scanning and tooling.
Scope (atomic)
- New component with typed props + JSDoc.
- Support level, timestamp, source, and message.
- Theme-aware level coloring.
- Export from
components/terminal.tsx.
Suggested Props
message: ReactNode
level?: 'debug' | 'info' | 'warn' | 'error' | 'success'
timestamp?: string
source?: string
Acceptance Criteria
Goal
Create a
TerminalLogLinecomponent as the core primitive for structured log display.Why
TerminalLogcurrently accepts strings only; structured rows enable better scanning and tooling.Scope (atomic)
components/terminal.tsx.Suggested Props
message: ReactNodelevel?: 'debug' | 'info' | 'warn' | 'error' | 'success'timestamp?: stringsource?: stringAcceptance Criteria