🎨 Impact dashboard redesign — two-axis (the field / our hand)#35
Closed
lksbrssr wants to merge 10 commits into
Closed
🎨 Impact dashboard redesign — two-axis (the field / our hand)#35lksbrssr wants to merge 10 commits into
lksbrssr wants to merge 10 commits into
Conversation
Adds /impact — a public, filterable dashboard that tracks PL R&D's impact via the twelve pre-registered inflection points, one set per focus area. What it does: - Filterable by focus area (vertical tab rail); a user always lands in one area rather than seeing all twelve at once. - Each inflection point is a card with a Defined -> Emerging -> Reached -> Scaling field-progress meter and a PL-role tag (Substrate / Originator / Funder & convener). Clicking opens a detail modal. - The modal traces Q1 (did it happen — the pre-registered threshold), Q2 (did it matter — the cascade), and Q3 (did our work make it happen) as Inputs -> Activities -> Outputs. - Field progress and PL contribution are kept on separate axes and never collapsed into one score: a point can be reached with little PL involvement and that is still a win for the field. - For the two Economies & Governance points with live data, the modal pulls live OUTPUTS from the same sources as the FA2 live dashboard (GainForest, Glow, Simocracy) — labelled strictly as Q3 contribution evidence, never as Q1 progress. Fetched server-side with 60s ISR and graceful fallback. - A "Measuring impact" explainer covers the logic model and the three questions. - Adds an "Impact" item to the main nav. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
- Inflection section intro: drop the "pre-registering keeps us honest / reading not an argument" tail; "pre-registered" -> "defined" threshold. - Cards: remove the redundant "Defined" status pill (the field meter already shows stage); rename the teaser label "Signal it happened" -> "Inflection point". - Detail modal: tag Q1 with "Impact" and Q2 with "Outcome" so all three questions share the logic-model row layout used by Q3's Inputs / Activities / Outputs. - Measuring impact: move the "each inflection point instantiates this chain" note above the logic-model strip; style the strip labels as grey uppercase to match the detail cards. - Three-questions explainer: surface each question's logic-model stage(s) — Impact, Outcomes, and Inputs/Activities/Outputs — to tie the section back to the cards. - Hoist LOGIC_MODEL into lib/inflection-points so the strip, the explainer, and the modal share one vocabulary. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Replace the single contributionLevel (substrate/originator/funder-convener) with an array of PL roles named by the bottleneck each releases: Infrastructure, Legibility, Connection, Capital, Translation, Permission. Cards now render one pill per role; the Measuring-impact Q3 tab lists all six roles and its copy reflects 'one or more' instruments.
The role pill descriptions in the inflection-point modal duplicated the 'Measuring impact' Q3 explainer. Keep the role pills (with hover titles) but remove the description list so the explanation lives in one place.
…tcome) + self-contained role tooltips - Q1 is now 'Did it matter?' (impact) and Q2 'Did it happen?' (outcome), consistent across the inflection-point detail modal and the Measuring- impact tabs (and doc comments / live-evidence notes). - Role pills now carry a label + description tooltip matching the Measuring-impact Q3 role explainer.
Native title was unreliable; replace with a scoped CSS tooltip (group/role) that shows the role's label + description on hover, pulled from the same ROLE_META used by the Measuring-impact Q3 section.
Add FIELD_COLOR (teal) / HAND_COLOR (violet) tokens; update ROLE_META and LOGIC_MODEL copy to the mockup wording.
Drop focus-area color coding (neutral icons). Card now shows a teal 'field' axis (meter + did it happen & matter) and a violet 'our hand' axis (role pills + did our work help), plus a LIVE SIGNAL block for points with live outputs. Modal recolored/reordered to A (our hand) / B, C (the field).
… section Measuring-impact section: color-code the logic-model chain by axis, dot legend (not tick-boxes), and three always-visible A/B/C question cards. Extract the six PL roles into a separate 'toolkit' section.
|
Someone is attempting to deploy a commit to the plrd Team on Vercel. A member of the Team first needs to authorize it. |
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
Draft
- Swap axis colors: field = purple, our hand = PL blue (#1982F4); teal removed - Live signal now a pulsing green dot; 'Live outputs' -> 'Live signal' - Cards: 'Detail' affordance (subtle top-right, not a full row); 'Methodology' removed - Detail modal: wider + two-column (our hand | the field) with full-width live signal; remove repeated status badge and the field explainer; 'the signal' -> 'the inflection point'; 'Did our work help?' -> 'Is our work making a difference?' - AI & Robotics empty state: 'inflection points' instead of 'pre-registered bets'
Collaborator
Author
📸 Updated after reviewColors swapped (🟪 field / 🟦 our hand — PL blue), teal gone, green live signal, subtle "Detail", and the detail view is now a two-column layout. Cards Detail (two columns) Measuring Toolkit |
Collaborator
Author
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
A redesign of the
/impactdashboard around a two-axis model, stacked on top of #29. Built to the mockups.Screenshots (current)
Inflection cards — THE FIELD / OUR HAND split (+ green live signal)
Detail — two columns (our hand | the field) + full-width live signal
Measuring impact — color-coded chain + A/B/C cards
Toolkit — the six roles in their own section
The two axes (color-coded throughout)
#1982F4) — our planned work / the PL toolkit: is our work making a difference (inputs · activities · outputs). The only axis we control.Commits (revert individually)
43464ffcolor tokens + copy ·c9e819fcards + modal ·6baad8dmeasuring + toolkit ·5f504f0review pass (colors swap, two-column modal, Detail affordance, green live signal, copy tweaks)Notes
FIELD_COLOR/HAND_COLOR/LIVE_COLORlive ininflection-points.ts(one place to tweak).npm run buildpasses.