Skip to content

Add collective chain view and guided onboarding UX#5

Merged
m0r6aN merged 1 commit intomainfrom
claude/stoic-wilbur
Mar 18, 2026
Merged

Add collective chain view and guided onboarding UX#5
m0r6aN merged 1 commit intomainfrom
claude/stoic-wilbur

Conversation

@m0r6aN
Copy link
Collaborator

@m0r6aN m0r6aN commented Mar 18, 2026

Summary

  • Read-only constitutional chain visualization: Reform > Legitimacy > Adoption > Mutation > Delegation > Permission > Activation > Prepared Effect
  • Reusable components: stage cards, edge connectors, detail rail with native deep links, empty/partial state handling
  • Dismissible onboarding panel explaining each pipeline stage, persisted via localStorage
  • Prepared effects rendered with orange dashed border, INERT badge, and explicit no-execution-authority text
  • Thin API route over Codex chain repositories (no second data layer)
  • Route: /collective/chain/[kind]/[id] supporting artifact, activation, preparedEffect, decision, delegation entrypoints

Files

  • 7 new components in src/components/collective/
  • 1 page route + 1 client component in src/app/collective/chain/[kind]/[id]/
  • 1 API route in src/app/api/collective/chain/[kind]/[id]/
  • Updated src/components/collective/index.ts barrel export

Test plan

  • Navigate to /collective/chain/artifact/reform-001 - full chain renders with all 8 stages
  • Navigate to /collective/chain/artifact/reform-002 - partial chain (ends at adoption), missing stages visible
  • Navigate to /collective/chain/artifact/reform-005 - partial chain (ends at activation), prepared effect missing
  • Click prepared effect node - detail rail shows inert warning, card shows orange border + INERT badge
  • Click reform node - detail rail shows View detail link to /collective/reforms/reform-001
  • Click delegation node - detail rail shows No dedicated page
  • Dismiss onboarding panel, refresh page - panel stays dismissed
  • Verify no action buttons or execution verbs anywhere on the surface
  • Resize to mobile - detail rail stacks below chain, horizontal scroll works

Generated with Claude Code

Read-only constitutional chain visualization showing the full pipeline:
Reform > Legitimacy > Adoption > Mutation > Delegation > Permission >
Activation > Prepared Effect.

Components: stage cards, edge connectors, detail rail with native deep
links, empty/partial state handling, and a dismissible onboarding panel
with localStorage persistence.

Prepared effects are visually harsh (orange border, INERT badge, explicit
no-execution-authority text). Missing stages render as dashed/dimmed cards.
API route is a thin pass-through over Codex chain repositories.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@m0r6aN m0r6aN merged commit 214da27 into main Mar 18, 2026
@m0r6aN m0r6aN deleted the claude/stoic-wilbur branch March 18, 2026 18:12
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant