53 lines
2.6 KiB
Markdown
53 lines
2.6 KiB
Markdown
---
|
|
id: TASK-50
|
|
title: Refactor dashboard views into compact cards
|
|
status: In Progress
|
|
assignee: []
|
|
created_date: '2026-06-08 19:56'
|
|
updated_date: '2026-06-08 20:21'
|
|
labels: []
|
|
dependencies: []
|
|
priority: high
|
|
ordinal: 52000
|
|
---
|
|
|
|
## Description
|
|
|
|
<!-- SECTION:DESCRIPTION:BEGIN -->
|
|
Implement the planned internal Ops UX refactor for Campaigns, Leads, Audits, and Review Workspace using compact shadcn-style cards, modal/detail disclosure, and accessible status feedback.
|
|
<!-- SECTION:DESCRIPTION:END -->
|
|
|
|
## Acceptance Criteria
|
|
<!-- AC:BEGIN -->
|
|
- [x] #1 Campaigns render as a responsive card grid while preserving existing campaign actions and run logs.
|
|
- [x] #2 Leads show compact cards and open the review form in an accessible modal from Mehr anzeigen.
|
|
- [x] #3 Audits use responsive cards with detail links for audit rows and non-clickable pipeline states for generation rows.
|
|
- [x] #4 Review Workspace uses compact queue cards with a single selected detail editor while preserving existing save, publish, approve, and send flows.
|
|
- [x] #5 Relevant tests, lint, and build pass or any remaining blockers are documented.
|
|
<!-- AC:END -->
|
|
|
|
## Implementation Plan
|
|
|
|
<!-- SECTION:PLAN:BEGIN -->
|
|
1. Add failing UI/source tests for card-grid, lead modal, audit cards, and review master-detail
|
|
2. Implement Campaigns responsive grid and accessible card semantics
|
|
3. Move Leads inline review details into Dialog modal
|
|
4. Replace Audits row table with responsive cards
|
|
5. Convert Review Workspace to queue cards plus selected detail editor
|
|
6. Run focused tests, then lint/build where feasible
|
|
7. Record verification notes on TASK-50 without marking Done
|
|
<!-- SECTION:PLAN:END -->
|
|
|
|
## Implementation Notes
|
|
|
|
<!-- SECTION:NOTES:BEGIN -->
|
|
Implemented compact card UX for Campaigns, Leads, Audits, and Review Workspace.
|
|
Verification: pnpm test -- campaigns-board-layout leads-review-table audits-board-layout outreach-review-workspace-ui passed with 399/399 tests.
|
|
Verification: pnpm lint passed with 0 errors and 2 pre-existing generated Convex warnings.
|
|
Verification: pnpm build passed outside sandbox; sandbox build failed only because next/font could not fetch Google Fonts.
|
|
Smoke check: production server routes /dashboard/campaigns, /dashboard/leads, /dashboard/audits, /dashboard/outreach returned 307 /login as expected for protected routes.
|
|
Task remains In Progress pending user manual confirmation before Done.
|
|
|
|
Independent code-review agent found no correctness, hook-order, or broken-interaction blockers. Residual risk: current UI tests are source-regex based, so future work should consider render-level interaction tests for modal opening, filters, and selected detail behavior.
|
|
<!-- SECTION:NOTES:END -->
|