Move the console onto ReUI PRO

Install ReUI (MCP, skill, @reui registry, Tailwind v4, shadcn base-nova) and move
the shared UI onto it: Button, Tag, Check, Input/Textarea, Segmented, Alert, Panel,
Dialog, Tooltip, Menu and Select (Popover), Toast (sonner), the Table frame
(DataGrid), the Dashboard KPI strip, the shnt Ops palette, Geist and the type scale.

Design only: behaviour, texts and roles are unchanged. Tests that asserted the old
DOM were updated; the tests now format numbers in English wherever they run.
docs/reui-migration-plan.md records the plan and its decisions.

Co-Authored-By: Claude Sonnet 5.5 <[email protected]>
This commit is contained in:
DenozordecandClaude Sonnet 5.5 committed 2026-10-27 00:06:06 +07:00
commit f3531c64f9
680 files changed
+139836

No files matched your search

+23
View File
@@ -0,0 +1,23 @@
/*
Enlarge the target without enlarging the drawing.
In a dense table, a 70×20 px link is visually right and wrong for a finger: the
recommendation is 44 px and there are six controls here between 14 and 20 px tall
(a zone name, the sortable header, a user's link). Actually enlarging them would
break the table, which is what this console does best.
`.hitArea` extends the HIT AREA with an invisible pseudo-element, without moving a
single pixel of what is seen. The control still measures 20 px and is clicked as
if it measured 36.
*/
.hitArea {
position: relative;
}
.hitArea::after {
content: '';
position: absolute;
inset: -8px -6px;
/* It only widens the target: it must not cover whatever sits beside it. */
z-index: var(--layer-hit);
}