Skip to content

Render generic rollout projections in frontstage #785

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.

Sign up for GitHub

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

Merged
huangruiteng merged 1 commit into from
Jun 27, 2026
Merged

Render generic rollout projections in frontstage #785

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
96 changes: 90 additions & 6 deletions apps/dashboard/smoke/frontstage-route-smoke.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -31,6 +31,7 @@ const dataSource = readFileSync("src/data/goal-channel-frontstage.ts", "utf8");
const localStatusQuerySource = readFileSync("src/data/local-status-query.ts", "utf8");
const statusSource = readFileSync("src/data/status.ts", "utf8");
const catalogSource = readFileSync("../../docs/showcases/showcase-catalog.json", "utf8");
const rolloutProjectionFixtureSource = readFileSync("../../examples/fixtures/frontstage-rollout-projections.public.json", "utf8");
const privateTrapFixtureSource = readFileSync("../../examples/fixtures/frontstage-private-status-trap.public.json", "utf8");
const readmeSource = readFileSync("README.md", "utf8");
const selectionSource = readFileSync("../../docs/dashboard-frontend-selection.md", "utf8");
Expand Down Expand Up @@ -167,13 +168,54 @@ includes(frontstageSource, "estimated_developer_days", "efficiency baseline rang
includes(frontstageSource, "single_engineer_calendar_compression", "efficiency compression range");
includes(frontstageSource, "maturity-adjusted", "maturity adjusted copy");
includes(frontstageSource, 'data-testid="frontstage-trajectory-analysis"', "trajectory analysis panel");
includes(frontstageSource, "rolloutProjectionFixture", "rollout projection public fixture import");
includes(frontstageSource, "RolloutProjectionBundle", "rollout projection bundle type");
includes(frontstageSource, 'data-testid="frontstage-rollout-projection-constellation"', "rollout projection constellation");
includes(frontstageSource, 'data-testid="frontstage-rollout-projection-model-contract"', "generic projection model contract");
includes(frontstageSource, 'data-testid="frontstage-rollout-relationship-mesh"', "generic rollout relationship mesh");
includes(frontstageSource, 'data-testid="frontstage-rollout-timeline"', "generic rollout timeline");
includes(frontstageSource, 'data-testid="frontstage-rollout-timeline-scale"', "generic rollout timeline scale");
includes(frontstageSource, 'data-testid="frontstage-rollout-timeline-tick"', "generic rollout timeline ticks");
includes(frontstageSource, 'data-testid="frontstage-rollout-timeline-point"', "generic rollout timeline points");
includes(frontstageSource, 'data-testid="frontstage-rollout-time-milestone"', "generic rollout time milestones");
includes(frontstageSource, 'data-node-time={rolloutNodeTimeLabel(node)}', "generic rollout node time attribute");
includes(frontstageSource, 'data-testid="frontstage-rollout-mesh-node"', "generic rollout mesh nodes");
includes(frontstageSource, 'data-testid="frontstage-rollout-mesh-node-tooltip"', "generic rollout node tooltip");
includes(frontstageSource, 'data-testid="frontstage-rollout-mesh-edge"', "generic rollout mesh edges");
includes(frontstageSource, 'data-testid="frontstage-rollout-mesh-edge-hit"', "generic rollout mesh edge hit targets");
includes(frontstageSource, 'data-testid="frontstage-rollout-mesh-edge-hotspot"', "generic rollout mesh edge hover hotspots");
includes(frontstageSource, 'data-testid="frontstage-rollout-mesh-edge-hover-card"', "generic rollout edge hover card");
includes(frontstageSource, 'data-testid="frontstage-rollout-mesh-time-tick"', "generic rollout mesh wall-clock ticks");
includes(frontstageSource, 'data-edge-kind={edge.edge_kind}', "generic rollout edge kind attribute");
includes(frontstageSource, 'data-edge-label={edge.label}', "generic rollout edge label attribute");
includes(frontstageSource, 'data-testid="frontstage-rollout-mesh-lane"', "generic rollout mesh lanes");
includes(frontstageSource, 'data-testid="frontstage-rollout-requirement-spine"', "rollout requirement spine");
includes(frontstageSource, 'data-testid="frontstage-rollout-sequence-ribbon"', "rollout sequence ribbon");
includes(frontstageSource, 'data-testid="frontstage-rollout-sequence-chip"', "rollout sequence chips");
includes(frontstageSource, 'data-testid="frontstage-rollout-requirement-unit"', "rollout requirement units");
includes(frontstageSource, 'data-testid="frontstage-rollout-requirement-step"', "rollout requirement steps");
includes(frontstageSource, 'data-testid="frontstage-rollout-capability-map"', "rollout capability map");
includes(frontstageSource, 'data-testid="frontstage-rollout-mapping-layer"', "rollout mapping layer cards");
includes(frontstageSource, 'data-testid="frontstage-rollout-flow-signals"', "rollout flow signals");
includes(frontstageSource, 'data-testid="frontstage-rollout-relationship-summaries"', "rollout relationship grammar");
includes(frontstageSource, 'data-testid="frontstage-rollout-attention-hotspots"', "rollout attention hotspots");
includes(frontstageSource, 'data-testid="frontstage-trajectory-stage-confidence"', "trajectory stage confidence card");
includes(frontstageSource, 'data-testid="frontstage-rollout-stage-flow"', "rollout stage flow");
includes(frontstageSource, 'data-testid="frontstage-rollout-lane-graph"', "rollout lane graph");
includes(frontstageSource, 'data-testid="frontstage-rollout-edge-list"', "rollout edge list");
includes(frontstageSource, "projection.scene.title", "rollout projection scene title render");
includes(frontstageSource, 'data-testid="frontstage-trajectory-stage-curve"', "trajectory stage progress curve");
includes(frontstageSource, 'data-testid="frontstage-trajectory-current-scene"', "trajectory current-stage scene");
includes(frontstageSource, 'data-testid="frontstage-trajectory-verdict-card"', "trajectory verdict card");
includes(frontstageSource, 'data-testid="frontstage-trajectory-evidence-drawer"', "trajectory evidence drawer");
includes(frontstageSource, "buildTrajectoryAnalysis", "projection-backed trajectory analysis helper");
includes(frontstageSource, "not a raw trajectory replay", "trajectory avoids raw replay copy");
includes(frontstageSource, "raw trajectory logs out of the browser surface", "trajectory public boundary copy");
includes(frontstageSource, "RolloutProjectionConstellation", "rollout projection renderer component");
includes(frontstageSource, "RolloutRelationshipMesh", "generic rollout relationship mesh renderer component");
includes(frontstageSource, "RolloutRequirementSpine", "rollout requirement spine renderer component");
includes(frontstageSource, "RolloutProjectionCapabilityMap", "rollout capability map component");
includes(frontstageSource, "RolloutProjectionStageFlow", "rollout stage renderer component");
includes(frontstageSource, "RolloutProjectionLaneGraph", "rollout lane graph renderer component");
includes(frontstageSource, "required_sections.join", "generic projection required sections render");
includes(frontstageSource, "raw trajectories and local state stay outside", "trajectory public boundary copy");
includes(frontstageSource, 'data-testid="frontstage-state-flow-hero"', "showcase state-flow hero");
includes(frontstageSource, "State flow control plane", "state-flow hero label");
includes(frontstageSource, "Work keeps moving. Judgment stays in charge.", "state-flow hero punchline");
Expand Down Expand Up @@ -220,6 +262,43 @@ includes(catalogSource, '"public_safe_interactive_case"', "hardware-agent intera
includes(catalogSource, '"interactive_page"', "hardware-agent interactive page field");
includes(catalogSource, '"2026-06-20-creator-operator-case-spec"', "creator operator showcase case");

includes(rolloutProjectionFixtureSource, '"frontstage_rollout_projection_bundle_v0"', "rollout projection bundle schema");
includes(rolloutProjectionFixtureSource, '"frontstage_rollout_projection_model_v0"', "rollout projection model schema");
includes(rolloutProjectionFixtureSource, '"optional_rich_sections"', "rollout projection rich sections");
includes(rolloutProjectionFixtureSource, '"timeline"', "rollout timeline fixture");
includes(rolloutProjectionFixtureSource, '"item_node_ids"', "rollout timeline item ids");
includes(rolloutProjectionFixtureSource, '"axis_kind": "wall_clock"', "rollout wall-clock timeline axis");
includes(rolloutProjectionFixtureSource, '"timezone": "Asia/Shanghai"', "rollout timeline timezone");
includes(rolloutProjectionFixtureSource, '"started_at"', "rollout node started time");
includes(rolloutProjectionFixtureSource, '"completed_at"', "rollout node completed time");
includes(rolloutProjectionFixtureSource, '"duration_label"', "rollout node duration label");
includes(rolloutProjectionFixtureSource, '"wall-clock timeline ticks"', "rollout wall-clock acceptance item");
includes(rolloutProjectionFixtureSource, '"node time and duration hover details"', "rollout time hover acceptance item");
includes(rolloutProjectionFixtureSource, '"rollout_sequence"', "rollout sequence fixture");
includes(rolloutProjectionFixtureSource, '"sequence_id": "overnight_requirement_rollout_spine"', "rollout sequence id");
includes(rolloutProjectionFixtureSource, '"mapping_layers"', "rollout projection mapping layers");
includes(rolloutProjectionFixtureSource, '"flow_signals"', "rollout projection flow signals");
includes(rolloutProjectionFixtureSource, '"relationship_summaries"', "rollout projection relationship summaries");
includes(rolloutProjectionFixtureSource, '"attention_hotspots"', "rollout projection attention hotspots");
includes(rolloutProjectionFixtureSource, '"projection_id": "overnight_pr_batch_20260627"', "overnight PR projection id");
includes(rolloutProjectionFixtureSource, '"sample_window": "#746-#775"', "overnight PR sample window");
includes(rolloutProjectionFixtureSource, '"projection_is_writable": false', "rollout projection read-only contract");
includes(rolloutProjectionFixtureSource, '"Review mesh over a 30-PR public batch"', "rollout projection scene title");
includes(rolloutProjectionFixtureSource, '"generic projection model contract"', "rollout projection acceptance item");
includes(rolloutProjectionFixtureSource, '"30 PR relationship mesh"', "rollout relationship mesh acceptance item");
includes(rolloutProjectionFixtureSource, '"timeline axis"', "rollout timeline acceptance item");
includes(rolloutProjectionFixtureSource, '"hoverable node and edge details"', "rollout hover acceptance item");
includes(rolloutProjectionFixtureSource, '"sequential requirement rollout"', "rollout sequence acceptance item");
includes(rolloutProjectionFixtureSource, '"Show frontstage trajectory as a reusable projection"', "first rollout requirement");
includes(rolloutProjectionFixtureSource, '"Monitor tasks become due work instead of hidden polling"', "monitor rollout requirement");
includes(rolloutProjectionFixtureSource, '"planned_projections"', "planned projection section");
includes(rolloutProjectionFixtureSource, '"loopx_overall_iteration"', "planned LoopX overall iteration projection");
excludes(rolloutProjectionFixtureSource, "/Users/", "rollout projection local path");
excludes(rolloutProjectionFixtureSource, "/home/", "rollout projection home path");
excludes(rolloutProjectionFixtureSource, "Bearer ", "rollout projection credential marker");
excludes(rolloutProjectionFixtureSource, "GH_FAKE_PRIVATE", "rollout projection private trap marker");
excludes(rolloutProjectionFixtureSource, '"private_material_body_recorded": true', "rollout projection private body flag");

const motionSource = sourceBetween(frontstageSource, "function ShowcaseMotionBoard", "function rolloutKindTone", "showcase motion board");
includes(motionSource, "frontstageShowcases", "motion board catalog source");
includes(motionSource, "journeySegments", "motion board journey summary");
Expand All @@ -238,13 +317,18 @@ includes(stylesSource, ".frontstage-showcase-motion-beam", "motion board beam CS
includes(stylesSource, "@keyframes frontstage-case-traffic", "motion board case traffic keyframes");

const trajectorySource = sourceBetween(frontstageSource, "function TrajectoryAnalysisPanel", "const showcaseMotionTones", "trajectory analysis panel");
includes(trajectorySource, "buildTrajectoryAnalysis(selfIterationRollout)", "trajectory uses rollout fixture projection");
includes(trajectorySource, "overnightPrProjection", "trajectory uses overnight rollout projection");
includes(trajectorySource, "RolloutProjectionConstellation", "trajectory renders generic projection constellation");
includes(trajectorySource, "RolloutProjectionCapabilityMap", "trajectory renders capability map");
includes(trajectorySource, "RolloutProjectionStageFlow", "trajectory renders stage flow from projection");
includes(trajectorySource, "RolloutProjectionLaneGraph", "trajectory renders lane graph from projection");
includes(trajectorySource, "frontstage-trajectory-stage", "trajectory stage render loop");
includes(trajectorySource, "Stage progress curve", "trajectory curve label");
includes(trajectorySource, "Evidence drawer", "trajectory evidence drawer label");
includes(trajectorySource, "Anchor {anchorNode?.label", "trajectory anchor node explanation");
includes(trajectorySource, "read-only projection", "trajectory read-only projection label");
includes(trajectorySource, "inferenceReason", "trajectory surfaces bridge inference reason");
includes(trajectorySource, "local prose, private docs, and raw trajectory logs", "trajectory private-source exclusion copy");
includes(trajectorySource, "projection.source_contract.next_projection_hint", "trajectory surfaces next projection hint");
includes(trajectorySource, "raw trajectories and local state stay outside", "trajectory private-source exclusion copy");
excludes(trajectorySource, "fetchFrontstageStatusPayload", "trajectory live status dependency");
excludes(trajectorySource, "statusUrl", "trajectory status URL dependency");

Expand Down
Loading
Loading