Flattened Dash UI System
Consistent 1px hairline management language across apps/dash (Staff Ops) and home/dash (User Console).
Viet Co Tuong · UI showcase
A non-deployed playground for every shared component in the monorepo. All pages run on 100% dummy data so we can demo and capture evidence for shared-ui,xqboard, importers and previews — in isolation and in combination.
App UI redesign (WP0+)
Edge Chrome, home Google search Results stage, explore collections — docs/new-design/idea.
@vietcotuong/shared-ui
Lit web components: overlays, forms, data display.
- Gallery overviewIndex of every vct-* element
- OverlaysDropdown, context menu, dialog, message box, toaster, shortcut guide — outside-click & Escape dismissal
- Data displayTable, data-table, list, badge, breadcrumb, eval bar
- Forms & primitivesInput, button, panel, empty state, rotating messages, loader
- Loading indicatorsvct-loader variants and sizes, vct-wait rows, button/toast/result loading, SSR overlay, engine thinking
- Markdownvct-markdown — lite/full profiles and xs–lg sizes
Application blocks
Reusable app templates: search, results, related lists, media cards, and dashboard blocks.
- Block overviewInventory of reusable vct-* application blocks
- Game detail pageFull 3-column game detail layout with board, sidebars, and controls
- Search and resultsSearch block, result list, media-card rows, pagination, loading, and empty states
- PaginationOne-row listing pager — resize the column or the window
- Related contentRelated games, openings, and articles using one reusable shell
- Feedback dialogCompact bug/idea form; environment details as a second view
- Markdown editorCarta Write/Preview composer with optional attachment upload
@vietcotuong/xqboard
Framework-agnostic Xiangqi board and its toolbar ecosystem.
- All features
- All features (dark override)
- Board navigation + annotation keys
- Setup and import/export
- Load board data
- Modes and premove
- Metadata + notation + style
- Board themes
- Board appearance menuRight-click menu with visual Board theme, Pieces, and Board preview grids
- Piece hover previewBoard & pieces hover cards — each disc in a 7 by 2 grid
- Piece appearance
- Live annotations
- In-check indicatorPulsing ring on the attacked general until the reply is safe
- Analysis / opening / session / a11y
- Session simple (offline + controlled)
- Mystery Chinese ChessCovered backs, seat vs spectator projection, Advisor/Elephant house rules
- Share embed sizesPublic iframe player at blog/snippet sizes; river brand; open-in links in chrome
@vietcotuong/xqboard-thumbnail
Static board thumbnails rendered from positions.
@vietcotuong/xqboard-preview
Inline article preview of a game.
@vietcotuong/xqboard-fen-builder
Interactive Xiangqi position editor for FEN and feature terms.
@vietcotuong/xq-importer
Parse external game formats into board state.
@vietcotuong/cbl-browser
Browse a Chinese chess library (CBL) of games.
Chess engine (Fairy-Stockfish)
Local-only WASM analysis via npm fairy-stockfish-nnue.wasm — no DB/catalog. COOP/COEP on this route.
@vietcotuong/canvas-workspace
Canvas island engine — world camera, board anchors, morph toolbar.
- Canvas workspaceFull-viewport island lab — browse, study, segment progress, comments, shortcuts
- Board hostStandalone vct-canvas-board thumbnail and interactive modes
- Canvas gameSingle-game study — mirrors explore /canvas/:id (fixture games)
- Workspace chess gameA1 migration demo — single-game study on @workspace/engine + workspace-chess
@vietcotuong/xq-fps-meter
Circular FPS meter web component for performance debugging.