Skip to content

feat(web): dashboard redesign + backend reference page#64

Open
Pattermesh wants to merge 1 commit into
mainfrom
feat/web-dashboard-2026-05-27
Open

feat(web): dashboard redesign + backend reference page#64
Pattermesh wants to merge 1 commit into
mainfrom
feat/web-dashboard-2026-05-27

Conversation

@Pattermesh
Copy link
Copy Markdown
Collaborator

Rewrite web/index.html as a scrollable hybrid dashboard and add web/docs.html as a module-by-module backend reference. Both consume the kcolbchain/brand tokens from CDN — depends on the identity-layer additions in kcolbchain/brand#5 (mergeable separately).

what lands

web/index.html — dashboard

web/docs.html — backend reference

design system

Brutalist control-panel aesthetic per the brand kit:

  • JetBrains Mono only. No serif, no sans.
  • Near-black background, three greys, one yellow mark.
  • 1px hairline borders everywhere; no shadows, no gradients.
  • Body 15px, section heads 28px, hero 44px+ — large readable type, no compression.
  • Responsive 1/2/3/4-col grid, fluid up to 1280px.

No build, no framework, no install — single static HTML. Replaces the old 422-line scene-viewer index that was dense and 13px-bodied.

preview

cd switchboard/web && python3 -m http.server 17402

Then:

depends on

Brand additions in kcolbchain/brand#5:

  • --col-wide: 1280px token (for .container max-width)
  • .card.module variant (used by the module grid)
  • the identity layer overall (logos, shapes, layout)

This PR will render correctly once kcolbchain/brand#5 lands and the GH Pages CDN refreshes. Until then, the --col-wide reference falls back to fluid width (no max), which is still presentable.

cc @abhicris

@abhicris
Copy link
Copy Markdown
Contributor

🤖 Audit skipped — diff is 98KB (limit 64KB). Labelling for human review.

Rewrite web/index.html as a scrollable hybrid dashboard and add
web/docs.html as a module-by-module backend reference. Both consume
the kcolbchain/brand tokens from CDN — JetBrains Mono, near-black +
three greys + a single yellow mark, hairline 1px borders, space-as-
the-design. Large readable type (15px body, 28px section heads,
44px+ hero), responsive 1/2/3/4-col grid, fluid up to 1280px.

web/index.html
- Sticky header with kcolbchain/switchboard lockup + anchor nav.
- Hero: "programmable payments for agents" with token-agnostic,
  chain-agnostic, post-quantum, agent-native positioning chips.
- At-a-glance stat row (modules, PRs merged, lab scenes, chains).
- Module grid: x402_middleware, zap_transport, gas_tracker,
  nonce_manager, AgentEscrow.sol, pq, a2a_x402, SettlementRegistry
  (incl. the forthcoming LUX settlement surface from #59).
- Multi-chain section: execution chains (TRON/AVAX/Base/ETH) →
  settlement on LUX, with the SettlementRegistry highlighted in
  the mark color.
- Rails compatibility matrix: x402 / MPP / AP2 / Circle Nano /
  AgentEscrow across 7 capabilities (HTTP 402 paywall, streaming
  micropayments, trustless escrow, refund/dispute, chain-agnostic,
  PQ-signed, ZAP binary wire).
- "What's novel" section surfacing innovation issues #42-#46
  (.well-known/agent-payment.json, receipt aggregation, private
  x402, adversarial conformance, composable refund policies) plus
  the EIP draft #50.
- Post-quantum section with a working code sample.
- Scene index linking into agents-demo.html with URL fragments.
- 30-second quickstart with FastAPI + X402Middleware.

web/docs.html
- Two-column layout with sticky TOC grouped by surface (http /
  wire / chain / crypto / adapters / future).
- One section per module: status chip, file path, what / why,
  parameters table or solidity surface, example, links to PRs.
- Includes the forthcoming SettlementRegistry as a "design"
  section anchored to #59.

Frontend is built against tokens, not framework — no build step,
no install, single static HTML. Replaces the old 422-line scene-
viewer index that was dense and 13px-bodied.
@Pattermesh
Copy link
Copy Markdown
Collaborator Author

Updated to reflect everything that landed in the last 24h on main:

Rebased onto current origin/main. Force-pushed.

@Pattermesh Pattermesh force-pushed the feat/web-dashboard-2026-05-27 branch from 32609c8 to 0977f6f Compare May 28, 2026 13:58
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants