feat(desktop): Focus + Standup screens + burn-up cone (#16)
First real P3 screens, replacing the placeholders: - FocusScreen — Now/Next/Later cards (Now = jade + Start/Defer footer), each with #id, label tags, steeping badge, agent-font rationale, and a title link that drives the shell issue drill-in. Milestone card wraps the burn-up cone. - StandupScreen — typeset letter: overnight drift (dot + delta), per- person plan (initials avatars), warn-tint stale-blocker nag; sections settle in on a 90ms stagger, reduced-motion-safe. - charts/chart.tsx — BurnUpCone (actual polyline, forecast cone with dashed 80% bounds, jade today rule) + RunwayBar (for P3-5). Fixed sample geometry until P2 feeds it. Fixtures (today/focus/standup) mirrored from data.js. Shell routes focus/standup to the real screens; the drill-in now starts from a Focus card. Screenshot helper freezes animations so fade-in screens capture settled. typecheck + 9 e2e green; light/standup/states verified. Closes P3-3. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -37,10 +37,12 @@ export class AppPage {
|
||||
)
|
||||
}
|
||||
|
||||
/** Capture a full-page screenshot for visual review; returns the path. */
|
||||
/** Capture a full-page screenshot for visual review; returns the path.
|
||||
* `animations: 'disabled'` fast-forwards finite CSS animations to their end
|
||||
* state, so fade-in screens (e.g. Standup) capture settled, not mid-fade. */
|
||||
async screenshot(name: string): Promise<string> {
|
||||
const path = join(SCREENS_DIR, `${name}.png`)
|
||||
await this.page.screenshot({ path, fullPage: true })
|
||||
await this.page.screenshot({ path, fullPage: true, animations: 'disabled' })
|
||||
return path
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user