feat(website): PMS portfolio cockpit hero — replaces ski-racing demo#176
Open
blove wants to merge 17 commits into
Open
feat(website): PMS portfolio cockpit hero — replaces ski-racing demo#176blove wants to merge 17 commits into
blove wants to merge 17 commits into
Conversation
Brainstormed replacement for the ski-racing homepage hero: a buy-side portfolio-manager cockpit that proves both streaming speed (ticking prices/P&L) and the wrapped-text/variable-height wedge (a streaming AI Analyst column) in one demo. Reuses the existing element-stream + rAF replay engine. Scope: hero example + adjacent copy + README positioning alignment. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Task-by-task TDD plan to replace the ski-racing hero with a buy-side PMS cockpit: PositionRow model, seeded deterministic recording, tick/commentary/ flag replay engine, flashing-price + wrapped-analyst columns, PortfolioSummary sidebar, ticks/s control bar, copy + README alignment, and a drift-validation task with a single-shot fallback. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Use a -1 sentinel for the virtual-clock baseline instead of overloading 0, so the first real rAF timestamp of 0 (as in tests) isn't mistaken for uninitialized. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
…rts) Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
- Add a homepage smoke test: positions grid renders, control bar shows ticks/s, AI Analyst commentary streams in, and the grid frame does not drift while wrapped rows grow (the demo's headline correctness claim). - Reduced-motion users now see a settled snapshot of the book (shared startingPositions() extracted to roster.ts) instead of a blank hero; generator refactored to reuse it (recording byte-identical). - Pause the stream before asserting row-selection persistence: the grid is rebuilt on every rows update (createGrid memoized on rows), which clears selection mid-stream. Known core limitation, tracked separately. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Addresses final-review nits: a flat book now reads "$0 0.00%" consistently instead of "$0 +0.00%"; clarify that the HEAVY-tier tick duplication happens in the engine, not a caller. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
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
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
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
Replaces the homepage's ski-racing hero with a buy-side portfolio-manager cockpit that better positions Pretable for GTM as an MIT-licensed data grid. The demo proves both stories at once:
wrap: false).It reuses the existing two-phase replay engine (element-stream row assembly + rAF virtual clock draining timestamped patches) — now driving
tick/commentary/flagevents from a committed, deterministic, offline recording (no LLM calls). Real tickers (public facts) + synthetic prices/commentary with an "illustrative — not investment advice" disclaimer.Scope: the hero example + adjacent copy + README positioning (per the design spec). Mountain/footer re-theme intentionally deferred.
Notable
PositionRowmodel;PortfolioSummarysidebar (NAV, Day P&L, sector allocation, streaming AI Alerts); control bar relabeled toticks/s(Calm/Active/Volatile).rowsupdate becauseusePretablerebuilds the grid viauseMemo([...,rows]). Pre-existing core@pretable/reactbehavior, out of scope here; the smoke test pauses the stream before asserting selection.Design + plan:
docs/superpowers/specs/2026-06-09-pms-hero-demo-design.md,docs/superpowers/plans/2026-06-09-pms-hero-demo.md.Test Plan
pnpm --filter @pretable/app-website typecheckpnpm --filter @pretable/app-website lintpnpm --filter @pretable/app-website test(178/178)pnpm --filter @pretable/app-website buildpnpm --filter @pretable/app-website smoke(5/5 chromium) — incl. new test asserting grid renders,ticks/svisible, analyst commentary streams in, and grid frame drift < 2px🤖 Generated with Claude Code