feat(insights): collapsible Alert categories + Watch list accordions

The PM Insights "Alert categories" and "Watch list" sections are now
accordions: each heading is a button (chevron + category-count badge,
aria-expanded/aria-controls) that collapses/expands its card grid. Both
default open; the per-card ticket expand and the Per-PM roll-up table
are unchanged.

- Section accordion component + sections state in Insights/index.tsx
- ChevronIcon that rotates with the section's open state
- .grid[hidden] rule so a collapsed grid actually hides (beats .grid
  on specificity + source order)
- bump 2.3.0 -> 2.3.1 (root + client), CHANGELOG [2.3.1]
- engineer artifact + INDEX line; verifier-log PASS entry

verifier PASS (verifier-log 2026-08-29 12:07): reproduced tsc + vite
build; confirmed the [hidden] collapse in the compiled CSS; no
per-card regression; no new dependency.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01VEsaHQx8cXr1hFrKU42UK6
This commit is contained in:
Dmytro Tkachenko
2026-08-29 12:09:36 +03:00
parent 28d817ebe9
commit 3de14164fc
9 changed files with 112 additions and 10 deletions
+1
View File
@@ -1,4 +1,5 @@
# Artifact index
- [engineer-20260829-120746](engineer-20260829-120746.md) — PM Insights: "Alert categories" + "Watch list" now collapsible accordions (new `Section`, `ChevronIcon`, `.grid[hidden]` collapse, `aria-expanded`/`aria-controls`). v2.3.1. verifier PASS.
- [engineer-20260827-190753](engineer-20260827-190753.md) — Jira statusDurations+movements + chart #17 (Active tab), /api/analytics/jira-durations, seed-enriched from board_state. v2.3.0.
- [engineer-20260827-185932](engineer-20260827-185932.md) — Extension Jira sync (SNOW→Jira, attach-only /api/sync/jira, custom-domain + PAT). v2.2.0. Live-verified attach-only.
@@ -0,0 +1,31 @@
# 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.
+1
View File
@@ -16,3 +16,4 @@
- 2026-08-27 19:02 · engineer · Extension Jira-sync (SNOW+Jira attach-only) · VERDICT: PASS · re-ran: server tsc 0, node --check bg/options/popup OK, tests 9 pass (6 client+3 root), live psql TEMP-TABLE smoke of exact attachJira UPDATE (real RITM2653436 untouched) · probed: Jira payload with top-level "status"+SQLi string lands ONLY inside jira jsonb (ticket status stays closed, table survives)→no clobber/no injection; '||' merge preserves omitted keys (extraKept=KEEPME, assignee=Old Person); jira_key WFN-100→605 via COALESCE; non-matching number→UPDATE 0 (no stub); endpoint requireToken not session (401 w/o bearer, index.ts:241); schema additive-only (jira JSONB pre-existing, all ALTER ADD COLUMN IF NOT EXISTS) · PASS
- 2026-08-27 19:11 · engineer · Jira statusDurations+movements+chart #17 · VERDICT: PASS · re-ran: server+client tsc=0, root vitest 3/3, client vitest 6/6, live SQL agg on tickets(jira?statusDurations)=73 rows, booted dist+curl endpoint · probed: 401 unauth (got 401), min-2 filter drops Cancelled n=1, ordering known-workflow-first + extras avgDays-desc, ms/86.4M day math matches SQL exactly (UAT 16.14d/21, Closed 23.51d/16, InProgress 4.90d/37), guards NaN/<=0, client null-safe (jiraDur=[] + length>0 gate), static SQL no user input, additive jsonb no DDL · PASS
- 2026-08-29 11:20 · devops · SSH NAS host → mycloud.dp.ua:2323 · VERDICT: PASS · re-ran: grep 192.168.50.2 (only comment+artifact), grep NAS_HOST (all mycloud), bash -n push-to-nas.sh OK · probed: all ssh/scp/rsync hops use $NAS_HOST not hardcoded IP; port 2323 preserved; illustrative comment+historical artifact intentional · PASS
- 2026-08-29 12:07 · engineer · Insights alert/watch sections as accordions · VERDICT: PASS · re-ran: tsc -p (clean), vite build (139 modules, exit 0), grep compiled CSS (.grid[hidden]{display:none} present, specificity/order beats .grid), token defs in globals.scss · probed: collapse hides grid via hidden+override; aria-controls id always-rendered (no dangling ref when collapsed); unique slugs alert-categories/watch-list (no dup id); per-card open state diff-unchanged (no regression); chevron rotate(90deg) bound to aria-expanded=true · PASS