● Live https://design.p31ca.org
Governance components anyone can embed.
@p31/governance — a published package of chain timelines, verify buttons, refusal feeds, and agent identity cards. The proof made visible and consumable.
Live in production
What "governance" actually means
Try it. Click verify and watch the chain confirm.
ChainTimeline
#1humanfocus on the garden09:12:04
#2agentpropose: add a bench to the street09:12:31
#3humanapprove the bench proposal09:13:02
#4agentpropose: a reading corner09:15:44
#5humanreject — not enough spoons today09:16:10
VerifyButton
LumiIdentityCard
did:key:z6Mk…lumi
ML-DSA-65 ✓ · expires in 14:58
What's inside
ChainTimeline
Scrollable hash-linked event cards; broken chains show the exact divergence.
VerifyButton
One click → GET /api/loom/verify → "Chain intact across N events."
LumiIdentityCard
DID, capability scope, token countdown, ML-DSA-65 status.
EnforcementGauge
observe vs enforce state with a live would-refuse counter.
Built with
@p31/governance@p31/design-coreReactDTCG tokens
Questions people ask
Can I use these components in my own app?
Yes — @p31/governance is a published package.
Is the library real?
It ships live components, not screenshots — what you see above is the actual API.