toppymicroservices.github.io/auditloop.html at main · ToppyMicroServices/toppymicroservices.github.io · 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
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>AuditLoop | Work-Boundary Evidence | ToppyMicroServices</title>
<meta name="viewport" content="width=device-width,initial-scale=1" />
<meta name="description" content="AuditLoop is ToppyMicroServices' work-boundary evidence layer for AI-operated workflows: decision boundaries, failure-mode reports, and delivery artifacts." />
<meta name="robots" content="index,follow" />
<meta name="theme-color" content="#0b1221" />
<meta name="color-scheme" content="dark light" />
<link rel="canonical" href="https://www.toppymicros.com/auditloop.html" />

<link rel="icon" href="/favicon.ico" sizes="any" />
<link rel="icon" type="image/png" href="/favicon-32.png" sizes="32x32" />
<link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180" />

<meta property="og:type" content="website" />
<meta property="og:title" content="AuditLoop | Work-Boundary Evidence | ToppyMicroServices" />
<meta property="og:description" content="Decision boundaries, failure-mode reports, and delivery artifacts for AI-operated workflows." />
<meta property="og:url" content="https://www.toppymicros.com/auditloop.html" />
<meta property="og:site_name" content="ToppyMicroServices" />
<meta property="og:image" content="https://www.toppymicros.com/og-brand-clean.png" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="AuditLoop | Work-Boundary Evidence | ToppyMicroServices" />
<meta name="twitter:description" content="Decision boundaries, failure-mode reports, and delivery artifacts for AI-operated workflows." />
<meta name="twitter:image" content="https://www.toppymicros.com/og-brand-clean.png" />

<style>
  :root {
    --bg: #0b1221;
    --fg: #e6e9f2;
    --muted: #a7b0c3;
    --card: #121a2e;
    --accent: #5aa7ff;
    --accent-2: #72e5b6;
    --border: #1b2540;
    --maxw: 1040px;
  }
  @media (prefers-color-scheme: light) {
    :root {
      --bg: #ffffff;
      --fg: #0b1221;
      --muted: #5b667a;
      --card: #f7f9fc;
      --accent: #0056cc;
      --accent-2: #088a5b;
      --border: #e6e9f2;
    }
  }
  * { box-sizing: border-box; }
  html, body { margin: 0; padding: 0; }
  body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, system-ui, sans-serif;
    background: var(--bg);
    color: var(--fg);
    line-height: 1.65;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  a { color: var(--accent); text-decoration: none; }
  a:hover { text-decoration: underline; }
  a:focus-visible, .btn:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
  .container { max-width: var(--maxw); margin: 0 auto; padding: 24px; }
  header { position: sticky; top: 0; z-index: 20; border-bottom: 1px solid var(--border); backdrop-filter: blur(8px) saturate(150%); background: color-mix(in hsl, var(--bg) 88%, transparent); }
  .nav { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
  .brand { display: inline-flex; align-items: center; gap: 8px; color: var(--fg); font-weight: 700; white-space: nowrap; }
  .brand-logo { height: 28px; width: auto; border-radius: 6px; }
  .links { display: flex; gap: 14px; align-items: center; flex-wrap: wrap; font-size: 13px; }
  .links a { color: var(--fg); opacity: .9; }
  .btn { display: inline-block; padding: 8px 14px; border-radius: 8px; border: 1px solid var(--border); background: var(--card); color: var(--fg); font-weight: 600; }
  .btn:hover { border-color: var(--accent); text-decoration: none; }
  .btn.primary { background: linear-gradient(90deg, var(--accent), var(--accent-2)); color: #0b1221; border: none; }
  .hero { padding: 52px 0 24px; }
  .eyebrow { margin: 0 0 10px; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--accent-2); font-weight: 700; }
  h1 { font-size: clamp(32px, 5vw, 58px); line-height: 1.05; margin: 0 0 12px; letter-spacing: 0; }
  h2 { font-size: 24px; margin: 0 0 10px; }
  h3 { font-size: 18px; margin: 0 0 6px; }
  p { margin: 0 0 10px; }
  .lead { max-width: 780px; font-size: 18px; color: var(--muted); margin: 0 0 14px; }
  .actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 16px; }
  section { padding: 30px 0; border-top: 1px solid var(--border); }
  .section-kicker { margin: 0 0 8px; font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: var(--accent-2); font-weight: 700; }
  .section-lead { color: var(--muted); margin: 0 0 14px; max-width: 760px; }
  .grid { display: grid; gap: 16px; }
  .card { padding: 18px; border: 1px solid var(--border); border-radius: 8px; background: var(--card); }
  .card p:last-child { margin-bottom: 0; }
  ul { margin: 0; padding-left: 18px; color: var(--muted); }
  ul li + li { margin-top: 8px; }
  footer { border-top: 1px solid var(--border); color: var(--muted); font-size: 14px; }
  .footer-row { display: flex; align-items: center; gap: 10px; }
  .footer-logo { height: 28px; width: auto; border-radius: 6px; }
  @media (min-width: 760px) {
    .grid.two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  }
  @media (max-width: 760px) {
    .nav { flex-wrap: wrap; }
    .links { width: 100%; }
  }
</style>
<script defer data-domain="toppymicros.com" data-auto="false" src="https://plausible.io/js/script.tag"></script>
<script defer src="/assets/global.js"></script>
</head>
<body>
  <header>
    <nav class="container nav" aria-label="Main">
      <a href="/" class="brand" aria-label="ToppyMicroServices home">
        <img src="216722720.png" alt="ToppyMicroServices logo" class="brand-logo" width="28" height="28" decoding="async" />
        <span>ToppyMicroServices OÜ</span>
      </a>
      <div class="links">
        <a href="/">Home</a>
        <a href="/#proof">Proof</a>
        <a href="/#services">Services</a>
        <a href="/contact.html" class="btn">Contact</a>
      </div>
    </nav>
  </header>

  <main class="container">
    <section class="hero" aria-label="AuditLoop hero">
      <p class="eyebrow">AuditLoop</p>
      <h1>Work-boundary evidence for AI-operated workflows</h1>
      <p class="lead">AuditLoop turns AI reliability work into concrete operating records: boundaries, failure notes, escalation rules, and launch evidence.</p>
      <div class="actions">
        <a class="btn primary" href="/contact.html">Discuss a boundary review</a>
        <a class="btn" href="https://arxiv.org/abs/2510.14925" target="_blank" rel="noopener noreferrer">Read background paper</a>
      </div>
    </section>

    <section aria-label="What AuditLoop is">
      <p class="section-kicker">Definition</p>
      <h2>What AuditLoop is</h2>
      <p class="section-lead">A lightweight workflow for deciding what an AI system may do, when it must stop, and what evidence reviewers need.</p>
      <div class="grid two">
        <div class="card">
          <h3>What it measures</h3>
          <ul>
            <li>Task boundaries, refusal behavior, confidence, and ambiguous cases.</li>
            <li>Failure modes, severity, recurrence, and operational impact.</li>
            <li>Human escalation points and evidence needed for review.</li>
          </ul>
        </div>
        <div class="card">
          <h3>What it produces</h3>
          <ul>
            <li>Evaluation criteria and test cases.</li>
            <li>Failure-mode report with unresolved risks.</li>
            <li>Escalation map and implementation priorities.</li>
          </ul>
        </div>
      </div>
    </section>

    <section aria-label="Research relationship">
      <p class="section-kicker">Research link</p>
      <h2>Where the arXiv paper fits</h2>
      <p class="section-lead">The paper supplies background on overconfidence and calibration. AuditLoop turns that concern into review questions teams can operate.</p>
      <div class="actions">
        <a class="btn" href="https://arxiv.org/abs/2510.14925" target="_blank" rel="noopener noreferrer">Paper</a>
        <a class="btn" href="https://doi.org/10.5281/zenodo.17358362" target="_blank" rel="noopener noreferrer">Zenodo concept</a>
      </div>
    </section>

    <section aria-label="Delivery">
      <p class="section-kicker">Delivery</p>
      <h2>What an engagement can look like</h2>
      <div class="grid two">
        <div class="card">
          <h3>Work-boundary sprint</h3>
          <p>Five business days for one AI-operated workflow, ending in allowed actions, stop rules, test cases, failure modes, and unresolved risks.</p>
        </div>
        <div class="card">
          <h3>Boundary review</h3>
          <p>Two-week review for teams preparing a launch, vendor decision, governance discussion, or internal automation rollout.</p>
        </div>
      </div>
    </section>
  </main>

  <footer>
    <div class="container">
      <div class="footer-row">
        <img src="216722720.png" alt="ToppyMicroServices logo" class="footer-logo" width="28" height="28" loading="lazy" decoding="async" />
        <div>© 2026 ToppyMicroServices OÜ</div>
      </div>
    </div>
  </footer>
</body>
</html>