feat(P03): 7 S&P-themed mermaid diagrams + render helper (D-246)

---ci--- project: acdl phase: 3 milestone: v1.30 status: execute wave: 2 persona: ci-doc-writer + backend-engineer ---/ci---
2026-08-20 14:21:31 +00:00
parent 246c0e93b3
commit b51dfb1c03
15 changed files with 141 additions and 0 deletions
@@ -0,0 +1,23 @@
+%%{init: {'theme':'base', 'themeVariables': {'primaryColor':'#1B1B1B','primaryBorderColor':'#D6002A','primaryTextColor':'#fff','secondaryColor':'#fff','secondaryBorderColor':'#D6002A','secondaryTextColor':'#1B1B1B','tertiaryColor':'#F0F0F0','lineColor':'#1B1B1B','fontFamily':'"Helvetica Neue","Arial",sans-serif'}}}%%
+flowchart LR
+    subgraph F["The friction"]
+        F1["Authored by<br/>non-specialists"]
+        F2["Every change<br/>gated"]
+        F3["Compliance<br/>checked late"]
+    end
+    F1 --- F2
+    F2 --- F3
+    F --> N
+    subgraph N["Nova absorbs all three"]
+        N1["Owned<br/>building blocks"]
+        N2["Separation<br/>of concerns"]
+        N3["Attested compliance<br/>up front"]
+    end
+    style F fill:#F0F0F0,color:#1B1B1B,stroke:#D6002A
+    style N fill:#1B1B1B,color:#fff,stroke:#D6002A
+    style F1 fill:#F0F0F0,color:#1B1B1B,stroke:#D6002A
+    style F2 fill:#F0F0F0,color:#1B1B1B,stroke:#D6002A
+    style F3 fill:#F0F0F0,color:#1B1B1B,stroke:#D6002A
+    style N1 fill:#1B1B1B,color:#fff,stroke:#D6002A
+    style N2 fill:#1B1B1B,color:#fff,stroke:#D6002A
+    style N3 fill:#1B1B1B,color:#fff,stroke:#D6002A
@@ -0,0 +1,10 @@
+%%{init: {'theme':'base', 'themeVariables': {'primaryColor':'#1B1B1B','primaryBorderColor':'#D6002A','primaryTextColor':'#fff','secondaryColor':'#fff','secondaryBorderColor':'#D6002A','secondaryTextColor':'#1B1B1B','tertiaryColor':'#F0F0F0','lineColor':'#1B1B1B','fontFamily':'"Helvetica Neue","Arial",sans-serif'}}}%%
+flowchart TB
+    CIT["Central IT curates<br/>the golden OS image"]
+    NOVA["Nova curates<br/>the cloud infrastructure"]
+    CONSUMER["Consumer declares<br/>a contract"]
+    CIT -->|own, patch, ship| NOVA
+    NOVA -->|own, patch, attest| CONSUMER
+    style CIT fill:#F0F0F0,color:#1B1B1B,stroke:#D6002A
+    style NOVA fill:#1B1B1B,color:#fff,stroke:#D6002A
+    style CONSUMER fill:#fff,color:#1B1B1B,stroke:#D6002A
@@ -0,0 +1,17 @@
+%%{init: {'theme':'base', 'themeVariables': {'primaryColor':'#1B1B1B','primaryBorderColor':'#D6002A','primaryTextColor':'#fff','secondaryColor':'#fff','secondaryBorderColor':'#D6002A','secondaryTextColor':'#1B1B1B','tertiaryColor':'#F0F0F0','lineColor':'#1B1B1B','fontFamily':'"Helvetica Neue","Arial",sans-serif'}}}%%
+flowchart LR
+    T1["Sovereign<br/>boundary"]
+    T2["Lower autonomous<br/>higher attested"]
+    I1["Four-layer<br/>model"]
+    I2["HITL<br/>gates"]
+    I3["Contract<br/>schema"]
+    T1 --> I1
+    T1 --> I3
+    T2 --> I2
+    T2 --> I3
+    T1 -.-> T2
+    style T1 fill:#1B1B1B,color:#fff,stroke:#D6002A
+    style T2 fill:#1B1B1B,color:#fff,stroke:#D6002A
+    style I1 fill:#F0F0F0,color:#1B1B1B,stroke:#D6002A
+    style I2 fill:#F0F0F0,color:#1B1B1B,stroke:#D6002A
+    style I3 fill:#F0F0F0,color:#1B1B1B,stroke:#D6002A
@@ -0,0 +1,9 @@
+%%{init: {'theme':'base', 'themeVariables': {'primaryColor':'#1B1B1B','primaryBorderColor':'#D6002A','primaryTextColor':'#fff','secondaryColor':'#fff','secondaryBorderColor':'#D6002A','secondaryTextColor':'#1B1B1B','tertiaryColor':'#F0F0F0','lineColor':'#1B1B1B','fontFamily':'"Helvetica Neue","Arial",sans-serif'}}}%%
+flowchart LR
+    L["Live today<br/>41 capabilities<br/>12 domains"]
+    A["Attested on<br/>promotion<br/>named human approver"]
+    H["Stays human<br/>by design<br/>escalation below threshold"]
+    L --> A --> H
+    style L fill:#1B1B1B,color:#fff,stroke:#D6002A
+    style A fill:#1B1B1B,color:#fff,stroke:#D6002A
+    style H fill:#1B1B1B,color:#fff,stroke:#D6002A
@@ -0,0 +1,23 @@
+%%{init: {'theme':'base', 'themeVariables': {'primaryColor':'#1B1B1B','primaryBorderColor':'#D6002A','primaryTextColor':'#fff','secondaryColor':'#fff','secondaryBorderColor':'#D6002A','secondaryTextColor':'#1B1B1B','tertiaryColor':'#F0F0F0','lineColor':'#1B1B1B','fontFamily':'"Helvetica Neue","Arial",sans-serif'}}}%%
+flowchart LR
+    subgraph IN["In Nova's lane"]
+        I1["Infrastructure<br/>primitives"]
+        I2["Operational<br/>guardrails"]
+        I3["CVE response<br/>infra layer"]
+    end
+    C["The<br/>contract"]
+    subgraph OUT["Outside Nova's lane"]
+        O1["Application<br/>business logic"]
+        O2["IDE & sprint<br/>workflows"]
+        O3["AppSec &<br/>dependency review"]
+    end
+    IN --- C --- OUT
+    style IN fill:#1B1B1B,color:#fff,stroke:#D6002A
+    style OUT fill:#F0F0F0,color:#1B1B1B,stroke:#D6002A
+    style C fill:#fff,color:#D6002A,stroke:#D6002A
+    style I1 fill:#1B1B1B,color:#fff,stroke:#D6002A
+    style I2 fill:#1B1B1B,color:#fff,stroke:#D6002A
+    style I3 fill:#1B1B1B,color:#fff,stroke:#D6002A
+    style O1 fill:#F0F0F0,color:#1B1B1B,stroke:#D6002A
+    style O2 fill:#F0F0F0,color:#1B1B1B,stroke:#D6002A
+    style O3 fill:#F0F0F0,color:#1B1B1B,stroke:#D6002A
@@ -0,0 +1,11 @@
+%%{init: {'theme':'base', 'themeVariables': {'primaryColor':'#1B1B1B','primaryBorderColor':'#D6002A','primaryTextColor':'#fff','secondaryColor':'#fff','secondaryBorderColor':'#D6002A','secondaryTextColor':'#1B1B1B','tertiaryColor':'#F0F0F0','lineColor':'#1B1B1B','fontFamily':'"Helvetica Neue","Arial",sans-serif'}}}%%
+flowchart LR
+    A["α<br/>Now → Q4'26<br/>Operating model +<br/>federated governance"]
+    B["β<br/>Q1'27<br/>Auto-published<br/>infra observability"]
+    G["γ<br/>Q2'27<br/>Runbook generation<br/>from telemetry"]
+    D["δ<br/>Q3'27 → Q4'27<br/>Audit ledger<br/>tamper-resistant"]
+    A --> B --> G --> D
+    style A fill:#1B1B1B,color:#fff,stroke:#D6002A
+    style B fill:#F0F0F0,color:#1B1B1B,stroke:#D6002A
+    style G fill:#1B1B1B,color:#fff,stroke:#D6002A
+    style D fill:#F0F0F0,color:#1B1B1B,stroke:#D6002A
@@ -0,0 +1,13 @@
+%%{init: {'theme':'base', 'themeVariables': {'primaryColor':'#1B1B1B','primaryBorderColor':'#D6002A','primaryTextColor':'#fff','secondaryColor':'#fff','secondaryBorderColor':'#D6002A','secondaryTextColor':'#1B1B1B','tertiaryColor':'#F0F0F0','lineColor':'#1B1B1B','fontFamily':'"Helvetica Neue","Arial",sans-serif'}}}%%
+flowchart LR
+    W["What works now<br/>L1 & L2 stacks live<br/>confidence 0.800"]
+    N1["Ingest greenfield<br/>pilot projects"]
+    N2["Promote sandbox<br/>to production"]
+    N3["Integrate SPGE<br/>constitutional library"]
+    N4["Serve as the<br/>infrastructure layer"]
+    W --> N1 --> N2 --> N3 --> N4
+    style W fill:#1B1B1B,color:#fff,stroke:#D6002A
+    style N1 fill:#F0F0F0,color:#1B1B1B,stroke:#D6002A
+    style N2 fill:#F0F0F0,color:#1B1B1B,stroke:#D6002A
+    style N3 fill:#F0F0F0,color:#1B1B1B,stroke:#D6002A
+    style N4 fill:#1B1B1B,color:#fff,stroke:#D6002A