Skip to content

feat: Agent dashboard click-to-expand — task detail view + output redaction #108

@Abernaughty

Description

@Abernaughty

Summary

Make completed tasks in the timeline clickable, expanding into a detailed view showing agent I/O, generated files, blueprint status, cost breakdown, and sandbox execution details. Includes a 4-layer output redaction model.

Context

Per the Dashboard Workflow Roadmap, Section 4. Currently, timeline events are static cards. Click-to-expand turns each event into a navigable detail view for debugging and review.

Design

Task Detail View (Expanded)

  • Agent terminal input/output (redacted — see below)
  • Expected outputs: generated files, command results, GitHub commit/PR links
  • Full blueprint with acceptance criteria status (pass/fail per criterion)
  • Cost breakdown by agent (Architect / Developer / QA token usage)
  • Sandbox execution details (sandbox type, duration, exit code)

Output Redaction — Four-Layer Defense

Layer Location Mechanism
1. Structured wrapper E2B sandbox Output wrapper returns only structured JSON (SandboxResult)
2. Regex scanning Orchestrator Known secret patterns scanned on any raw output
3. Langfuse auto-masking Observability Secrets redacted in all trace logs
4. UI-side redaction Dashboard (NEW) Client-side regex pass matching same patterns before rendering stdout/stderr

Display Defaults

  • Default: Structured SandboxResult JSON (safe by design)
  • Opt-in: Redacted stdout/stderr available as expandable section for debugging

Acceptance Criteria

  • Timeline events become clickable (completed tasks only)
  • Expanded view shows: agent I/O, files, blueprint, cost, sandbox details
  • Cost breakdown per agent displayed
  • Blueprint acceptance criteria with pass/fail indicators
  • Client-side regex redaction layer (Layer 4) matching orchestrator patterns
  • Default display: structured SandboxResult JSON
  • Expandable redacted stdout/stderr section
  • Collapse back to timeline card on click or close button
  • No new backend API calls — uses existing state data

Dependencies

None — uses existing data from SSE events and task state.

Effort

Medium (1-2 sessions)

Source

Dashboard Workflow Roadmap, Section 4 — Agent Dashboard Enhancements

Metadata

Metadata

Assignees

No one assigned

    Projects

    Status

    Done

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions