Skip to content

[Atomic 08] Add TerminalLogLine primitive for structured log rows #8

@clawgreen

Description

@clawgreen

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

  • Component renders cleanly in monospace layout.
  • Color and spacing are consistent with existing terminal components.
  • Playground demo included.

Metadata

Metadata

Assignees

Labels

enhancementNew feature or requesthelp wantedExtra attention is needed

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions