feat(apollo-vertex): modular dashboard — foundation [1/5]#612
feat(apollo-vertex): modular dashboard — foundation [1/5]#612petervachon wants to merge 1 commit into
Conversation
petervachon
requested review from
angeloaltamiranom and
pieman1313
and removed request for
a team
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
Dependency License Review
License distribution
Excluded packages
|
petervachon
force-pushed
the
pr/1-dashboard-foundation
branch
from
9a25af0 to
45c6e4c
Compare
github-actions
Bot
added
size:XL
…ayer, shell Adds registry token updates (insight color palette, font tokens), nav scaffolding, preview pages, and the core dashboard shell components: DashboardTemplate, DashboardShellWrapper, DashboardRoutes, DashboardContent, DashboardLoading, DashboardDataProvider, and dashboard-data. Also adds Autopilot SVG assets and card component update. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
petervachon
force-pushed
the
pr/1-dashboard-foundation
branch
from
45c6e4c to
19dfee3
Compare
pieman1313
left a comment
pieman1313
left a comment
There was a problem hiding this comment.
its really hard to see where this pr is going towards, without probably reviewing the rest of the dependent prs.
im not clear on how this will be used / or is just for show since I see a bunch of hardcodings, and consumers will need to adapt the code to fit their needs?
There was a problem hiding this comment.
Yes — these SVGs are used across several dashboard components (the overview card, insight card actions, prompt bar, expanded drilldown, and the AI Assistant panel). They've been updated to use "AI Assistant" branding in the latest revision.
| ]; | ||
| } | ||
|
|
||
| export const defaultDataset: DashboardDataset = { |
There was a problem hiding this comment.
Good catch on visibility — defaultDataset is referenced as the 'default' key in the datasetPresets map a few lines below (line 226). It's the seed data for the Loan Setup view that renders when no dataset is explicitly selected.
| if (phase === "done") return; | ||
|
|
||
| if (phase === "logo") { | ||
| const timer = setTimeout(() => { |
There was a problem hiding this comment.
why are we simulating loading? how will consumers handle these? will they use this file, or is it just for show?
There was a problem hiding this comment.
Fair question. The intent was to show what a dataset-switch transition could feel like — a logo → skeleton → content sequence that plays when AI generates or switches a dashboard view. That said, your concern about how consumers would use this is valid, and the trigger was also accidentally wired to a constant so it never actually fired. We've removed it from this revision — it will come back later as a more intentional, documented pattern.
|
Totally fair — this PR is the first layer of a stacked series, which makes it hard to evaluate in isolation. The hardcoded values (brand names, metric data, insight copy) are intentional: this is a reference template, not a drop-in component. The design pattern is for teams to fork it and replace the data layer with their own, similar to how shadcn/ui blocks work. We're also restructuring these PRs into feature-based slices (data layer → card components → layout → interactions → full integration) to make each piece independently reviewable. The next revision will make that intent clearer in the PR descriptions. |
petervachon
changed the title
2 participants
This is the first of a 5-PR series that introduces a modular, AI-augmented dashboard template. Each PR builds on the last — this one establishes everything needed to render the shell and load data.
What's here
dashboard-data.ts— the typed data model that drives the entire dashboard. Brand info, headline text, prompt suggestions, and the four insight card configs all live here. This is the primary file a consumer edits to adapt the template.DashboardDataProvider— context provider that makes the active dataset available to all dashboard componentsDashboardContent— top-level component wiring the header, layout, and the AI Assistant panel that slides in from the right/experiment/modular-dashboardThe Vercel preview shows the full experience. The remaining components (charts, grid, interactions, glow) land in PRs #613–616.
🤖 Generated with Claude Code