faultline/index.html at main · voidd0/faultline · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Faultline · resilient agents first slice</title>
  <meta name="description" content="Faultline is a resilience console for autonomous operators. Fixture mode + live TrueFoundry AI Gateway mode with proven authenticated calls — gemini-2.5-flash-lite primary, gemma-3-27b-it free fallback.">
  <link rel="stylesheet" href="./assets/styles.css">
</head>
<body>
  <header class="topbar">
    <a class="brand" href="https://voiddo.com" aria-label="vøiddo">
      <img src="https://voiddo.com/images/emblem-clean.png" alt="">
      <span>faultline</span>
    </a>
    <nav>
      <a href="#console">console</a>
      <a href="#failures">failures</a>
      <a href="#timeline">timeline</a>
      <a href="#live-system">live system</a>
      <a href="#next">next path</a>
    </nav>
  </header>

  <main>
    <section class="hero">
      <div class="hero-copy">
        <p class="eyebrow">devnetwork ai + ml 2026 · truefoundry resilient agents · first slice</p>
        <h1>an operator console that shows the system choosing a safe failure mode instead of pretending the job succeeded.</h1>
        <p class="lead">Faultline turns agent reliability into something a non-operator can understand in seconds. Two truth layers: deterministic fixture mode for full local exploration, and live TrueFoundry AI Gateway mode — real authenticated calls with captured request IDs proving the sponsor integration.</p>
        <div class="cta-row">
          <a class="button primary" href="#console">open the harness</a>
          <a class="button secondary" href="#next">view gateway proof</a>
        </div>
      </div>
      <aside class="hero-panel" aria-label="faultline snapshot">
        <div class="meter">
          <span>resilience score</span>
          <strong id="resilienceScore">91</strong>
        </div>
        <div class="snapshot-grid">
          <div><span>mode</span><b id="modeBadge">fixture</b></div>
          <div><span>job</span><b id="jobBadge">paid triage</b></div>
          <div><span>safe status</span><b id="safeState">degraded safe</b></div>
          <div><span>proof path</span><b id="proofBadge">captured</b></div>
        </div>
        <p class="panel-note">Fixture mode is fully explorable. TrueFoundry AI Gateway mode is proven with 2× HTTP 200 responses through <code>faultlinevd.truefoundry.cloud</code>, models: gemini-2.5-flash-lite + gemma-3-27b-it fallback.</p>
      </aside>
    </section>

    <section id="console" class="workspace">
      <div class="control-card">
        <div class="section-head">
          <p class="eyebrow">mode control</p>
          <h2>one truthful harness, two clear truth layers.</h2>
        </div>
        <div class="mode-switch" role="tablist" aria-label="faultline modes">
          <button id="fixtureBtn" class="mode-tab active" role="tab" aria-selected="true">fixture mode</button>
          <button id="truefoundryBtn" class="mode-tab" role="tab" aria-selected="false">truefoundry mode</button>
        </div>
        <div id="modeSummary" class="mode-summary"></div>
        <div class="snapshot-box">
          <p class="snapshot-label">current run envelope</p>
          <pre id="payload"></pre>
        </div>
      </div>

      <div class="mission-card">
        <div class="section-head">
          <p class="eyebrow">active mission</p>
          <h2 id="missionTitle">paid funnel triage</h2>
        </div>
        <div id="missionBody" class="mission-body"></div>
      </div>
    </section>

    <section class="strip">
      <div class="strip-card">
        <span>failure classes</span>
        <strong>4 deterministic incidents</strong>
      </div>
      <div class="strip-card">
        <span>operator promise</span>
        <strong>show the safe fallback, not fake success</strong>
      </div>
      <div class="strip-card">
        <span>fastest sponsor proof</span>
        <strong>AI Gateway live run</strong>
      </div>
    </section>

    <section id="failures" class="scenario-shell">
      <div class="section-head">
        <p class="eyebrow">incident classes</p>
        <h2>mcp failure, llm brownout, queue stall, upstream outage.</h2>
      </div>
      <div id="scenarioTabs" class="scenario-tabs" role="tablist" aria-label="fault classes"></div>
      <div id="scenarioPanel" class="scenario-panel"></div>
    </section>

    <section class="graph-section">
      <div class="section-head">
        <p class="eyebrow">dependency graph</p>
        <h2>the same job through the healthy path and the degraded path.</h2>
      </div>
      <div id="graphGrid" class="graph-grid"></div>
    </section>

    <section id="timeline" class="timeline-section">
      <div class="section-head">
        <p class="eyebrow">operator timeline</p>
        <h2>the job does not disappear when dependencies wobble.</h2>
      </div>
      <ol id="timelineList" class="timeline-list"></ol>
    </section>

    <section id="live-system" class="live-system-section">
      <div class="section-head">
        <p class="eyebrow">live operator system</p>
        <h2>Faultline runs on a real autonomous production daemon — not a toy.</h2>
        <p class="section-desc">Every metric below is pulled live from the vøiddo operator daemon running 24/7 across urweb, tells, portal, SMM, Devpost, extensions, and games. The incidents shown are real events the system handled safely today.</p>
      </div>
      <div id="liveGrid" class="live-grid">
        <p class="live-loading">loading live system state…</p>
      </div>
    </section>

    <section id="next" class="next-step">
      <div class="section-head">
        <p class="eyebrow">truefoundry proof path</p>
        <h2>what unlocks a real sponsor-tech claim</h2>
      </div>
      <div id="nextBody" class="next-body"></div>
    </section>
  </main>

  <footer>
    <span>Built by vøiddo — a small studio shipping AI-flavoured products, free dev tools, Chrome extensions and weird browser games.</span>
  </footer>

  <script src="./data/truefoundry-proof.js"></script>
  <script src="./assets/app.js"></script>
</body>
</html>