32 lines
2.0 KiB
Markdown
32 lines
2.0 KiB
Markdown
|
# engineer — PM Insights: Alert categories + Watch list as accordions
|
||
|
|
|
||
|
|
**Date:** 2026-08-29 · v2.3.1 · branch `feature/insights-accordions`
|
||
|
|
|
||
|
|
## Built
|
||
|
|
- **Client** (`pages/Insights/index.tsx`): new `Section({title, count, open, onToggle, children})`
|
||
|
|
accordion — a `<button className={sectionHead} aria-expanded aria-controls>` (chevron + title +
|
||
|
|
a category-count badge) over a `<div id={bodyId} className={grid} hidden={!open}>`. The two
|
||
|
|
sections **Alert categories** and **Watch list** are wrapped in it. Added `sections` state
|
||
|
|
(`{alerts, watch}`, both default **open**) + `toggleSection`. The per-card `open` state (which
|
||
|
|
ticket group is expanded) and the **Per-PM roll-up** table are untouched — Per-PM stays a plain
|
||
|
|
`<h2>` (not requested).
|
||
|
|
- **Icons** (`components/icons/index.tsx`): added `ChevronIcon` (right caret, shared `base()`
|
||
|
|
pattern), rotated 90° via CSS when its section is open.
|
||
|
|
- **Styles** (`Insights.module.scss`): `.section` / `.sectionHead` / `.chev` / `.sectionTitle` /
|
||
|
|
`.sectionCount` reusing the old `.h2` typographic treatment; `.sectionHead[aria-expanded='true']
|
||
|
|
.chev { transform: rotate(90deg) }`; and `.grid[hidden] { display: none }` — required, since
|
||
|
|
`.grid { display: grid }` would otherwise beat the native `hidden` attribute (specificity 0,2,0
|
||
|
|
vs 0,1,0).
|
||
|
|
- **Version/docs**: root + client `package.json` 2.3.0 → 2.3.1; CHANGELOG `[2.3.1]`.
|
||
|
|
|
||
|
|
## Verified
|
||
|
|
- client `tsc --noEmit` clean (no errors outside node_modules); `vite build` OK (139 modules).
|
||
|
|
- **verifier PASS** (see `verifier-log.md` 2026-08-29 12:07): independently reproduced tsc + build;
|
||
|
|
grepped the compiled bundle to confirm `._grid…[hidden]{display:none}` co-exists with
|
||
|
|
`._grid…{display:grid}` and wins on specificity **and** source order; `aria-controls` always
|
||
|
|
resolves (body is `hidden`, not unmounted); slugs `insights-alert-categories` /
|
||
|
|
`insights-watch-list` are distinct; per-card expand byte-for-byte unchanged → no regression;
|
||
|
|
no `package.json` dep change.
|
||
|
|
|
||
|
|
## Next: done.
|