Files
solution-erp/.claude/agent-memory/frontend-designer/archive/2026-06.md
pqhuy1987 881783c335 [CLAUDE] Docs: S96 monthly drift audit + FD memory distill + mega-line re-tier
Monthly drift audit (2026-07-01, cron ngày 1) — workflow-prepared (wf_2d687d27-175, 4 clusters draft→adversarial-verify), em-main single-writer applied:
- ef-core-migration/SKILL.md: latest-mig 56→59 + append table rows 57/58/59 + Mig 14 + Phase-7 Budget annotate DROPPED Mig 50 (S61)
- skills/README.md: ef-core row Mig 55→59/S87 + gotcha cite #69→#76 (5 latest, authoritative gotchas.md headings)
- docs/CLAUDE.md: Budget module marked REMOVED Mig 50 — §1 item 6 + roadmap Phase 7/8 rows (strike-through, non-destructive)
- docs/governance/vocab-alias-map.md (NEW): 3 vocab-forks documented (run-trace / Ngân sách PRO / all-inherit canonical) + governance-detectors.ps1 $ExcludeExact entry (anti self-match)
- re-tier STATUS/HANDOFF mega-line 5→3 blurbs (S92/S91 → archive verbatim, conservation delta=0, BOM preserved) + hoist 3 UAT-carry items to blockers

FD memory distill (H17 loop strike-1 → CLEARED, GAPS: none):
- frontend-designer L1 26129B→21492B: 5 old Activity war-stories → archive/2026-06.md + _INDEX + gist; Lessons value-protect distilled to L1
- budget.json measured.frontend-designer refreshed

Detector 27→25 (2 real drift cleared; remaining = documented false-positives module-local/never-built-defer). AS-10 residual reviewer sub-write reverted (git-diff backstop, E-006 recurrence — guard HELD).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-07-01 13:04:15 +07:00

6.5 KiB
Raw Blame History

frontend-designer — archive 2026-06 (L2 verbatim · FROZEN additive)

Curated from L1 MEMORY.md @S96 (2026-07-01) — first-overflow distillation (L1 hit 26129B > autoinject-cap 25600B, H17-loop strike-1). Older Activity-log war-stories moved here VERBATIM (byte-exact, additive-only — NEVER rewrite existing bytes). Recent 3 (S79/S69×2) + all reference sections (design-system · FD2-rig · component-inventory · lessons) stay in L1. Map → _INDEX.md · 4-field distill → 2026-06.gist.md.

Activity log (archived — moved-set, newest-of-moved on top)

  • S66 (2026-06-16) HRM Hồ sơ Nhân sự fe-user REFINE từ eoffice LIVE (3 việc) — layout 3-cột→2-cột + tô màu detail: anh góp ý sau khi xem prod. Việc 1 (layout): 3-cột-ngang [tree 244 | list 352 | detail 1fr]2-cột lg:grid-cols-[22rem_1fr] xl:[24rem_1fr]: CỘT TRÁI = <div flex flex-col gap-4> ôm tree (TRÊN, lg:max-h-[44%] lg:shrink-0, overflow-auto) + list+filter (DƯỚI, flex-1, overflow-auto) — mỗi panel cuộn độc lập; CỘT PHẢI = detail (flex-1, rộng hơn nhiều, đỡ chật). <lg vẫn 1-col tree→list→detail + giữ nguyên treeOpenMobile toggle. Việc 2+3 (màu detail): thêm ACCENT map 5 tone (brand/teal/violet/amberx/greenx) → Card prop accent tô icon-chip nền nhạt (--chip-bg/--chip-fg) + heading text-{x}-700 + rail trái pseudo-element; Field label uppercase text-{x}-700 semibold (was slate-400 đơn điệu) + value font-medium text-slate-900; mỗi card/section gán 1 accent → có màu rõ nhưng tinh tế, brand #1F7DC1 + Be Vietnam Pro + avatar gradient brand GIỮ. Strategy chống truncation #53 = ONE atomic Write cả file (1556 LOC) → emit change-list + build status SỚM. 2 self-caught bug TRƯỚC build: (1) text-{teal,violet,greenx}-800 — accent palettes KHÔNG có stop -800 (chỉ 50/100/500/600/700) → Tailwind v4 silent no-class → đổi head sang -700 (all AA on white); (2) rail pseudo thiếu before:content-[''] → ::before không render box → thêm. npm run build (tsc -b strict + vite v8) PASS 0 TS err, 495ms (warning @import-order + chunk-size = pre-existing, không phải mình). 5 satellite CRUD + 15 satellite api endpoint + top-level del + 3 reads + 3 query keys (employees-list/employee-detail/departments-tree-hrm) + cây SOLUTION COMPANY + 5 tab + search/filter preserved VERBATIM (grep: 15 satellite api.post/put/delete + 3 queryKey + 5 form fns; tsc type-checks mọi payload shape = wiring bất biến). FD2 authed-screenshot SKIPPED per task instruction + gotcha #3 (rig chặn authed ProtectedRoute; anh xem qua deploy) → structural verify thay thế. fe-admin + BE NOT touched, no commit (em main commits). Tag [s66, hrm-2col-refine, eoffice-ref, accent-system, atomic-write-antitrunc, crud-preserved, build-pass, tailwind-v4-stop-gotcha].
  • S65 (2026-06-16) HRM Hồ sơ Nhân sự fe-user → 3-panel master-detail NamGroup-ref: RESTRUCTURE EmployeesListPage.tsx (1201→~1140 LOC) — 6 <details> → [Org tree | List | Detail 5-tab]. Strategy chống truncation #53 = ONE atomic Write (cả file) thay piecemeal Edit (atomic Write either fully-lands or errors, KHÔNG half-break) → emit change-list TRƯỚC build → DID BOTH Part A (avatar header+5 tab+section→tab redistribution) + Part B (org tree panel) trong 1 pass, không phải defer B. Org tree consume /departments/tree verified BE-side (DepartmentFeatures.cs DepartmentTreeNodeDto, controller [HttpGet("tree")], class-Authorize only). Foundation màu mới DÙNG: .app-gradient-brand header / .icon-chip / accent palette teal/violet/amberx/greenx (avatar tones) — brand #1F7DC1 + Be Vietnam Pro KEPT. 5 satellite CRUD + 16 api endpoint + query keys preserved VERBATIM (grep-verified: 16 api.post/put/delete identical payload shape, 5 form fns intact). npm run build (tsc -b strict + vite) PASS 0 TS err, 6.13s. 1 self-caught bug: typo garbage token 网络Placeholder trong lucide import (mojibake autocomplete) → removed, all 21 icons valid (node-checked). FD2 authed-screenshot SKIPPED per explicit task instruction + gotcha #3 (rig blocks authed; anh xem qua deploy) — did static structural verify instead (grep endpoint/key preservation). fe-admin NOT touched (mirror = separate pass), no commit. Tag [s65, hrm-3panel, namgroup-ref, atomic-write-antitrunc, crud-preserved, build-pass].
  • S58 (2026-06-11) fe-user redesign theo UI/UX guide AI_INFRA canonical — KEEP brand [em main proxy — truncated #53 giữa FD2 screenshot, 2nd consecutive]: Mirror design-system fe-admin S55 → 14 file fe-user (index.css heading-ladder+.label-eyebrow / 6 ui primitives — Button gần SHA-identical fe-admin chỉ khác comment / 6 shell DataTable+RowActions-additive·Layout-brand-left-rail·TopBar·PageHeader·PhaseBadge-ring·EmptyState / LoginPage polish). Rubric mới = guide 13 mục D:\Dropbox\CONG_VIEC\AI_INFRA\docs\reference\ui-ux-design-guide.md (density 14px/h32-34/radius-8/thead-sticky/action-luôn-hiện/no-font-bold). BRAND KEPT: #1F7DC1 + Be Vietnam Pro + slate (guide cho plug hue riêng). Chết NGAY TRƯỚC with_server.py screenshot /login → em main recover: build ×2 PASS 0 TS + diff-review key-stability từng file + ship e959f72; authed visual qua deploy prod (rig-gotcha #3 standing). LESSON: 2 lần liên tiếp truncate ở CÙNG điểm (sau khi sửa xong, lúc bắt đầu FD2 rig) → lần sau EMIT file-list verdict TRƯỚC khi vào screenshot loop. Tag [s58, fe-user-redesign, guide-aiinfra, keep-brand, truncated-53-proxy].
  • S55 (2026-06-09) Phase-1 fe-admin redesign — density-first NAMGROUP-ref, KEEP brand [em main proxy — truncated #53]: 14 file (index.css density ladder + 6 ui primitive Button h-7/8/10 brand-ring + 6 shell + DashboardPage KPI). Brand #1F7DC1+Be Vietnam Pro KEPT. build 0 TS. Visual loop BLOCKED authed-rig#3 → chỉ /login. → S58 mirror sang fe-user. (detail archive nếu cần). Tag [s55, density-namgroup, keep-brand].
  • S47 (2026-06-02) FD2 RIG VERIFIED — first real spawn. Ran full FD2 loop end-to-end on fe-user /login: read DS (Tailwind v4 CSS-first, corrected stale config-path assumption) → started Vite via with_server.py → Playwright screenshot 375+1440 → Read PNGs → FD4 critique → 1-line contrast fix → re-screenshot confirmed → npm run build 0 TS error. Closes adap-report 2026-06-02-Agent-frontend-designer-floor FD2 runtime proof. 2 Vite gotchas captured above. Loop is REAL, not theoretical.