work-board: consume @luxfi/ui@7.4.0 from npm + drop local line-height pin

Phase-1 built @luxfi/ui locally and consumed it via `file:`, which blocked the
merge. 7.4.0 is now published to npm WITH dist/ (real tarball, 192 dist entries)
via the KMS-gated release path, so switch the dep `file:` -> `@luxfi/ui@7.4.0`
(exact, matching the sibling @hanzogui pins). package-lock now resolves the
registry tarball (integrity sha512-LfUYgZFP…).

Drop the local `body .font_body { line-height: 1.5 }` pin from src/index.css:
7.4.0's AppProvider now ships that Tailwind-Preflight reset itself (injected once
via useInsertionEffect), so every consumer — not just the work-board — inherits
it. One place, one way.

Verified against the npm package: build green (tsc + vite 8.1.5, 1622 modules);
visual-regression 25/25 goldens within 2% (21 zoo + 4 pars white-label), incl.
the task-detail sheet + ⌘K palette overlays that the pin originally fixed.

Co-authored-by: Hanzo Dev <dev@hanzo.ai>
This commit is contained in:
zeekay
2026-07-18 16:13:31 -07:00
co-authored by Hanzo Dev
parent 8ef4d5dc82
commit a6efa84d86
3 changed files with 1197 additions and 81 deletions
+1196 -66
View File
File diff suppressed because it is too large Load Diff
+1 -1
View File
@@ -17,7 +17,7 @@
"@hanzogui/lucide-icons-2": "7.3.0",
"@hanzogui/themes": "7.3.0",
"@hanzogui/web": "7.3.0",
"@luxfi/ui": "file:/Users/z/work/luxfi/ui/packages/ui",
"@luxfi/ui": "7.4.0",
"@tanstack/react-query": "^5.76.0",
"react": "^19.2.7",
"react-dom": "^19.2.7",
-14
View File
@@ -40,20 +40,6 @@ body,
height: 100%;
}
/* @hanzo/gui's GuiProvider wraps the app in a Tamagui `font_body` context that
pins an ABSOLUTE line-height (23px). That cascades into the work-board's
arbitrary-size text (e.g. the text-[11px] field labels in the task detail),
which carry no line-height utility of their own — making each ~6.5px too tall
and reflowing dense sheets. Restore proportional line-height so the app keeps
its native Dework text metrics; elements with a Tailwind text-* utility set
their own line-height and are unaffected. */
body .font_body {
/* Match Tailwind Preflight's `html { line-height: 1.5 }` — the baseline the
work-board's arbitrary-size text (text-[11px] labels, etc.) was authored
against — instead of font_body's absolute 23px. */
line-height: 1.5;
}
body {
margin: 0;
background-color: var(--bg);