TenantAtlas/specs/343-customer-review-attestation-accepted-risk-lifecycle/artifacts/screenshots/index.html
ahmido 0987527d0e feat: customer review acknowledgement lifecycle (343) (#415)
## Summary
- add persisted customer review acknowledgement truth with capability gating and audit emission
- extend the customer review workspace with acknowledgement state, evidence basis details, and accepted-risk lifecycle visibility
- add focused feature and browser coverage plus Spec 343 screenshot artifacts and UI audit updates

## Scope
- Livewire v4 / Filament v5 surface only; no panel provider changes
- no new global assets; no `filament:assets` deployment change for this slice
- includes a PostgreSQL migration for `environment_review_acknowledgements`

## Guardrail / Exception / Smoke Coverage
- reachable UI surface changed: existing `/admin/reviews/workspace` customer-safe page
- UI audit updated in `docs/ui-ux-enterprise-audit/page-reports/ui-006-customer-review-workspace.md`
- screenshot artifacts included under `specs/343-customer-review-attestation-accepted-risk-lifecycle/artifacts/screenshots/`
- spec package includes plan, tasks, repo-truth map, and state contract for the implemented slice

## Notes
- target branch requested: `platform-dev`
- branch pushed from commit `aaaad441fd13dbac54e971ab48765c502ced6b3f`

Co-authored-by: Ahmed Darrazi <ahmed.darrazi@live.de>
Reviewed-on: #415
2026-06-01 18:00:37 +00:00

31 lines
2.1 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Spec 343 Screenshots</title>
<style>
:root { color-scheme: light dark; }
body { font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; margin: 24px; }
h1 { font-size: 18px; margin: 0 0 12px; }
.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 12px; }
a { display: block; text-decoration: none; color: inherit; border: 1px solid rgba(127,127,127,.3); border-radius: 10px; overflow: hidden; background: rgba(127,127,127,.06); }
.label { padding: 10px 12px; font-size: 12px; border-top: 1px solid rgba(127,127,127,.25); }
img { display: block; width: 100%; height: auto; }
</style>
</head>
<body>
<h1>Spec 343 — Customer Review Workspace (Ack + Accepted Risk lifecycle)</h1>
<div class="grid">
<a href="01-acknowledgement-required.png"><img src="01-acknowledgement-required.png" alt="01" /><div class="label">01 — acknowledgement required</div></a>
<a href="02-review-acknowledged.png"><img src="02-review-acknowledged.png" alt="02" /><div class="label">02 — review acknowledged</div></a>
<a href="03-accepted-risks-present.png"><img src="03-accepted-risks-present.png" alt="03" /><div class="label">03 — accepted risks present</div></a>
<a href="04-accepted-risk-due-for-review.png"><img src="04-accepted-risk-due-for-review.png" alt="04" /><div class="label">04 — due for review</div></a>
<a href="05-accepted-risk-expired.png"><img src="05-accepted-risk-expired.png" alt="05" /><div class="label">05 — expired</div></a>
<a href="06-no-accepted-risks.png"><img src="06-no-accepted-risks.png" alt="06" /><div class="label">06 — no accepted risks</div></a>
<a href="07-diagnostics-collapsed.png"><img src="07-diagnostics-collapsed.png" alt="07" /><div class="label">07 — diagnostics collapsed</div></a>
<a href="08-dark-mode.png"><img src="08-dark-mode.png" alt="08" /><div class="label">08 — dark mode</div></a>
</div>
</body>
</html>