Skip to content

Improve Actions panel aesthetics to match eval/enrichment panels#43

Open
Copilot wants to merge 2 commits intomainfrom
copilot/fix-issue-41
Open

Improve Actions panel aesthetics to match eval/enrichment panels#43
Copilot wants to merge 2 commits intomainfrom
copilot/fix-issue-41

Conversation

Copy link
Contributor

Copilot AI commented Feb 26, 2026

The Actions panel (action-results-panel.tsx) lagged behind eval/enrichment panels in polish — no per-item rerun, no collapsible rows, no copy button on output, dense header badges, and an inconsistent amber icon.

Changes

Per-item collapsible details

  • ActionResultGroup now uses a ChevronRight expand/collapse toggle (collapsed by default) matching EvalResultRow's pattern
  • Message, output, and data are hidden until expanded; keyboard accessible (role="button", tabIndex, onKeyDown)

Output block polish

  • <pre> block now has an "Output" label header with a hover-revealed CopyButton (matches eval panel's expandable text copy pattern)

Data key-value grouping

  • Wrapped in bg-muted/30 rounded p-2 card instead of plain pl-1 grid, adding visual separation

Per-item re-run

  • Both ActionErrorRow and ActionResultGroup now expose a RefreshCw re-run button; passes forceRefresh: true to runSingle
  • Eliminates the need to "Run All" just to retry one item

Header badge consistency

  • Restructured to gap-3 with explicit labels: "N succeeded", "N errored" — matches eval panel's stat layout

Icon color

  • Zap changed from text-amber-500text-primary to align with BarChart3 (evals) and Database (enrichments)

Type of Change

  • Bug fix
  • New feature
  • Refactor
  • Documentation

Checklist

  • npm run lint passes
  • npx tsc --noEmit passes
  • npm run test:run passes
  • npm run build succeeds

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.

#41)

Co-authored-by: NiveditJain <40313233+NiveditJain@users.noreply.github.com>
Copilot AI changed the title [WIP] Fix issue #41 in the project Improve Actions panel aesthetics to match eval/enrichment panels Feb 26, 2026
@NiveditJain NiveditJain marked this pull request as ready for review February 26, 2026 12:43
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants