refactor(ui): use native terminal row buttons

[BillLeoutsakosvl346]

Summary

• Replace terminal log rows' role-based divs with native buttons while reusing their EMCN chip treatment.
• Keep selection, expansion, status, and block tile visuals; use inline descendants so button markup stays valid.

Type of Change

• Improvement

Testing

• Terminal row tests: 4 passed; shared block tile tests: 7 passed.
• App, workflow-renderer, and EMCN type checks and Biome passed.
• Local design diff 3.10.7: no confirmed findings; one reviewed local-control advisory for the feature-owned row button.
• Matched light and dark captures at 16px and 20px root text: idle, focus, Enter, and Space states are pixel-identical below the fixture label.

Checklist

• Code follows project style guidelines
• Self-reviewed my changes
• Tests added and passing
• I confirm that I have read and agree to the terms outlined in the Contributor License Agreement (CLA)

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

1 Skipped Deployment

Project	Deployment	Actions	Updated
docs	Skipped		Sep 24, 2026 8:09pm UTC

[BillLeoutsakosvl346]

@greptile

[BillLeoutsakosvl346]

@cubic-dev-ai review this PR

[cubic-dev-ai]

@cubic-dev-ai review this PR

@BillLeoutsakosvl346 I have started the AI code review. It will take a few minutes to complete.

[cubic-dev-ai]

All reported issues were addressed across 9 files

<sub>Reply with feedback, questions, or to request a fix.

Fix all with cubic | Re-trigger cubic</sub>

[cubic-dev-ai]

All reported issues were addressed across 9 files

<sub>Requires human review: Auto-approval blocked by 1 unresolved issue from a previous review of this commit.

Re-trigger cubic</sub>

[greptile-apps]

Confidence Score: 5/5

The PR appears safe to merge; no outstanding findings remain.

Summary

Replaces terminal log rows with native buttons while preserving selection, disclosure, status, and tile presentation. Updates the shared tile renderer to support inline button content and adds rendering and interaction tests.

_{Reviews (3) · Last reviewed commit: "fix(terminal): identify current output w..."}

[BillLeoutsakosvl346]

@greptile

[BillLeoutsakosvl346]

@cubic-dev-ai review this PR

[cubic-dev-ai]

@cubic-dev-ai review this PR

@BillLeoutsakosvl346 I have started the AI code review. It will take a few minutes to complete.

[cubic-dev-ai]

No issues found across 9 files

Confidence score: 5/5

• Automated review surfaced no issues in the provided summaries.
• No files require special attention.

_{Re-trigger cubic}

[BillLeoutsakosvl346]

@greptile

[BillLeoutsakosvl346]

@cubic-dev-ai review this PR

[cubic-dev-ai]

@cubic-dev-ai review this PR

@BillLeoutsakosvl346 I have started the AI code review. It will take a few minutes to complete.

[cubic-dev-ai]

No issues found across 9 files

Confidence score: 5/5

• Automated review surfaced no issues in the provided summaries.
• No files require special attention.

_{Re-trigger cubic}

[BillLeoutsakosvl346]

Visual and interaction review: native terminal rows

Change. Terminal output rows use a native button through TerminalRowButton. It preserves the EMCN chip surface, block tile, labels, status badge, selection, and disclosure behavior. Native Enter/Space activation replaces the hand-written role='button' keyboard handler. The selected output is marked with aria-current; inline span tile/status markup keeps button contents valid.

Representative source excerpts from the block row:

Before

<div
  data-entry-id={entry.id}
  role='button'
  tabIndex={0}
  className={isSelected ? ROW_STYLES.rowSelected : ROW_STYLES.row}
  onClick={(e) => {
    e.stopPropagation()
    onSelect(entry)
  }}
  onKeyDown={(event) =>
    handleKeyboardActivation(event, () => onSelect(entry), { stopPropagation: true })
  }
>

After

<TerminalRowButton
  data-entry-id={entry.id}
  selected={isSelected}
  onClick={() => onSelect(entry)}
>

Images. These are isolated source-derived terminal-row fixtures, not a running workflow terminal. The Before side recreates the staged row markup and the After side renders TerminalRowButton with the real tile and status recipes. Four row kinds are shown. The later PR commits added aria-current and tests without changing these visual classes; separate focused tests cover the semantic and keyboard behavior.

Idle state	Before	After
Light, 16px root
Dark, 16px root
Light, 20px root
Dark, 20px root