mirror of
https://github.com/luxfi/work-board.git
synced 2026-09-24 00:24:57 +00:00
Run the live 4-org Dework hub on the @luxfi/ui / @hanzo/gui (Tamagui) engine without regressing the owner-approved look/feel. - Vite+Tamagui weld (proven exchange recipe): react-native->react-native-web alias, dedupe + single-copy of @hanzo/gui/@hanzogui/core/@hanzogui/web, optimizeDeps pre-bundle, __DEV__/EXPO_OS/IS_WEB defines, commonjsOptions so the engine stays in React's chunk. guiPlugin extraction deferred (its 7.3.0 peer pins [email protected]); app renders on the runtime style-injection path. - Wrap in AppProvider (GuiProvider + TanStack Query); brand = VALUE: root theme row dark_${BRAND_KEY} + --brand sourced from @luxfi/ui LUX_BRAND (hex identical to brands.ts, zero cross-brand leak). - tokens.css remap layer maps the @luxfi/ui --color-* contract onto the Dework palette + brand (no wholesale exchange-palette import). - Text fields -> @luxfi/ui Input/Textarea (native inputs, onChangeText<->onChange bridge): CommandPalette ⌘K, Suggestions editor, TaskDetail comment, chrome Toolbar, Leaderboards search. Keystroke round-trip verified. - Fix Leaderboards mobile clip: page container was a flex item whose mx-auto disabled cross-axis stretch, so min-w-[460px] tables forced cards to 460px and bled past 390px. w-full + min-w-0 chain + overflow-hidden cards -> tables now scroll inside rounded cards, no horizontal page scroll. Build green (tsc + vite). Visual-regression: 19/21 golden views pixel-match (<=2%); 2 mobile bottom-sheet overlays (task-detail, palette) diverge ~3% (under review). Preview branch — do NOT merge to main until owner review. Co-authored-by: Hanzo Dev <[email protected]>