-
Notifications
You must be signed in to change notification settings - Fork 0
feat(webui)!: LyteNyte grid, modular OrdersTable, in-table filters; upgrade to React 19 + Tailwind 4 #10
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
* Replace table with RevoGrid + column visibility controls & sorting * Add SSE listeners for orders and prices; auto-refresh bots/deals/stats * Add cancel-order action with confirm dialog * New “Event Log” tab in order detail; richer status/side/type parsing * Show market BBO vs order price with movement indicators * Full-height layout; tighter paddings; consistent badges/tones * Add `useHyperliquidPrices` hook and runtime `logger` * Extend API types; simplify filters; minor UI tweaks Affects: `App`, `BotsDealsExplorer`, `OrderDetailDialog`, `OrdersTable`, `StatsCards`, `ui/tabs`, `styles/globals.css`, `config/opsApi`, `types/api`, `hooks/useHyperliquidPrices`, `utils/logger`
…, MVP grid, bulk-cancel & deal details * Replace RevoGrid with `@1771technologies/lytenyte-core`; import `grid.css`. * Add `OrdersGridMvp` as temporary MVP grid and render alongside `OrdersTable`. * Rewrite `OrdersTable` to LyteNyte Grid: * Group rows by deal with full-width “deal header” rows; per-deal and global expand/collapse. * Fetch and map deals; add `DealDetailDialog`, bot/3Commas links, and “View Details”. * Bulk cancel all orders in a deal with progress/toast feedback; refresh affected metadata. * Implement cell renderers for metadata, order type, side badges, price with BBO comparison, quantity, observedAt, status tone, history count, and actions. * Define columns via LyteNyte `Column<TableRow>` and configure full-width predicate/renderer. * Update deps: add `@1771technologies/lytenyte-core` (and shared), remove `@revolist/*`. * Rename package to `recomma-ui` in lockfile; minor UI/logging tweaks.
…emporary render * Introduce `SIMPLE_MODE` with lightweight columns/datasource and `simpleRows` mapping. * Early-return minimal `Grid` view to display core fields while full grid integration is rebuilt.
* Add `quantity` and `observedAt` columns. * Ensure unique row IDs by prefixing index in `rowIdLeaf`. * Reduce `rowHeight` to 20 for a denser table. * Increase viewport height to 2000 for longer lists. * Minor cleanups: compact `useMemo` for `simpleRows`.
…VP/simple paths * Remove `OrdersGridMvp` from `App.tsx` and delete SIMPLE_MODE render path. * Use single LyteNyte grid: add `reflectData`, stable `rowIdLeaf(index-id)`. * Tweak UX: reduce `rowHeight` 80→60. * Trim debug logging.
…eNyte migration - extract OrdersTable into components/OrdersTable/* (hooks, renderers, utils, types) - replace monolithic component and keep public API via barrel export - wire full-width deal headers and stable row ids; reflectData on - move data fetching/SSE into useOrdersData() - add BBO-aware price/status/action cell renderers chore(webui): rename package to "recomma-ui"; remove stray output.log fix(webui): ensure full-height grid by forcing html, body, #root to 100%
…r; upgrade to React 19 & Tailwind v4 * New: popover-based `FilterControls` with `BotsFilter`, `DealsFilter`, `AdvancedFilter` (badges, clear actions, SSE refresh); column visibility popover; autosize + movable columns. * Refactor: integrate filters into `OrdersTable` (new props), remove `FilterBar`/`BotsDealsExplorer` from `App`; switch `cn` helper to `src/lib/utils`; update `Button`/`Popover` to use `@/lib/utils`. * Build/Deps: React/ReactDOM `19.2.0`, `react-day-picker@9`, `date-fns@4` (+ `@date-fns/tz`, `date-fns-jalali`); Tailwind CSS `4.1.16` with `@tailwindcss/vite`; add `tailwind-merge`, `tw-animate-css`; add `@1771technologies/lytenyte-core`; update types; wire Tailwind plugin in `vite.config.ts`; add `@/*` path alias in `tsconfig.json`. * Chore: regenerate lockfile. BREAKING CHANGE: * Upgraded to React 19 and Tailwind CSS 4. * `OrdersTable` API changed (now requires `selectedBotId`, `selectedDealId`, `onBotSelect`, `onDealSelect`, `onFiltersChange`). * Imports expecting `./components/ui/utils` must use `@/lib/utils`.
…adata Hex" to "Client Order ID" in the UI; UI/a11y polish; deps bump - OrdersTable: add BotDetailDialog + viewBotDetails(); add bulk-cancel confirmation flow (prompt + execute) with progress state; center-align grid header/cells; use Card layout; enable columnSizeToFit. - FilterControls: wrap in role="group"; make Popovers non-modal; tighten button styling. - DealHeaderRenderer: replace links with Button actions; add “Bot Details” and external 3Commas actions; simplify badges; “Cancel All Orders” button. - Labels: rename to “Client Order ID” in FilterBar, AdvancedFilter, COLUMN_LABELS; remove bg from metadata cell code tag. - Calendar: refactor to custom DayPicker with Button-based nav/day cells; support captionLayout/buttonVariant; improved focus handling. - CSS: switch to Tailwind @import; add lng-grid row gradient/hover and cell alignment overrides. - deps: bump @radix-ui/react-separator to ^1.1.7; add date-fns ^4.1.0.
Collaborator
Author
Summary
Testing
|
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Summary
@1771technologies/lytenyte-core; full-width deal headers; stable row IDs;reflectData@/*; deps bumps; recompiled distrecomma-ui; supportdebugflagDetailed changes
components/OrdersTable/*(hooks, renderers, utils, types); barrel exportrole="group"html, body, #root { height: 100% })react-day-picker@9,date-fns@4(+ tz/jalali),@radix-ui/react-separator@^1.1.7,@1771technologies/lytenyte-coreBreaking changes
selectedBotId,selectedDealId,onBotSelect,onDealSelect,onFiltersChange./components/ui/utilsmoved@/lib/utilsTest plan