Skip to content

docs(profile): add architecture-at-a-glance Mermaid diagram#35

Merged
amavashev merged 2 commits into
mainfrom
docs/profile-architecture-diagram
May 2, 2026
Merged

docs(profile): add architecture-at-a-glance Mermaid diagram#35
amavashev merged 2 commits into
mainfrom
docs/profile-architecture-diagram

Conversation

@amavashev
Copy link
Copy Markdown
Contributor

@amavashev amavashev commented May 2, 2026

Summary

Adds a minimal architecture diagram to the org profile README, with the full deep-dive version moved to a new ARCHITECTURE.md at the repo root.

Why split

The first iteration of this PR put the full architecture (11 nodes, governance plane, state store, events) on the landing page. That's the right diagram for someone evaluating the system, but the wrong diagram for someone who just landed and is asking "what does this do?" — too dense to parse in 5 seconds, especially on mobile.

Profile README — minimal 4-node loop

Shows just the enforcement core:

agent → SDK → runtime → action
              ↑___________↓
            reserve / commit / release
  • 4 nodes, 6 arrows, 3 colors
  • Numbered labels (1 reserve, 2 execute, 3 commit/release) encode the lifecycle without requiring a sequence diagram
  • Reads in ~5 seconds on mobile
  • Caption links to ARCHITECTURE.md for the deep dive

ARCHITECTURE.md (new file at repo root)

The full diagram preserved as a deep-dive reference:

  • All 11 nodes including admin server, dashboard, state store, events
  • Component table with links to each repo
  • Dashed DENY → AGENT return path showing the synchronous authority check
  • "Where to go next" pointing to runcycles.io for component-level docs (ports, Lua scripts, auth, deployment topology — already covered there by the existing <ArchDiagramFull /> Vue component)

Commits

  1. 73caf6c — initial detailed diagram (replaced by simpler version)
  2. 6d9faa5 — split into minimal profile + ARCHITECTURE.md

Test plan

  • After merge, visit https://github.com/runcycles to confirm the minimal Mermaid diagram renders cleanly
  • Check on mobile (narrow viewport) — should fit without horizontal scroll
  • Open ARCHITECTURE.md from the GitHub repo file list to confirm the full diagram renders
  • Click the ARCHITECTURE.md link in the profile README caption to verify the relative path resolves

amavashev added 2 commits May 2, 2026 11:58
GitHub renders Mermaid natively in profile READMEs, so visitors landing on
the org page now see the agent → SDK → Cycles → action → commit flow
visually before they read the repo list.

Two tweaks against the original proposal:
- AGENT label trimmed to "AI agent"; supported runtimes moved to a caption
  line below the diagram so the node doesn't overflow on narrow viewports
  and so the runtime list is easier to maintain than YAML inside a Mermaid
  node.
- Added a dashed return path from SDK to AGENT on DENY so the
  "synchronous authority check" claim is visually obvious.

Sits right above "Start here" — visitors evaluating the org now get a
mental model in the first ~3 seconds before scanning the repo links.
The first iteration put the full architecture (11 nodes, governance plane,
state store, events) on the org profile README. That's the right diagram
for someone evaluating the system, but the wrong diagram for someone who
just landed and is asking "what does this do?"

Profile README now shows the minimal 4-node enforcement loop:
  agent → SDK → runtime → action, with reserve/commit return arrows.
6 arrows, 3 colors, reads in ~5 seconds on mobile.

Full diagram moves to a new ARCHITECTURE.md at the repo root. It's
discoverable from the profile diagram caption ("Want the full picture?
See ARCHITECTURE.md"), preserved as a deep-dive reference, and easier to
maintain as a standalone doc than as the README's lead visual.

Component-level deep dive (ports, Lua scripts, auth, deployment topology)
already lives at runcycles.io/quickstart/architecture-overview — linked
from ARCHITECTURE.md so visitors can follow the trail.
@amavashev amavashev merged commit e22c48c into main May 2, 2026
3 checks passed
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