Skip to content

Commit 605c35e

Browse files
ToolboxAidToolboxAid
committed
Resolve main merge for environment governance model
2 parents 8bf4de8 + f237619 commit 605c35e

138 files changed

Lines changed: 4810 additions & 170 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎admin/system-health.html‎

Lines changed: 43 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -40,6 +40,7 @@ <h2>Admin</h2>
4040
<div class="accordion-body content-stack">
4141
<p>Environment Identity</p>
4242
<p>Environment Map</p>
43+
<p>Environment Health Comparison</p>
4344
<p>Environment Capabilities</p>
4445
<p>Health API Contract</p>
4546
<p>Admin API Registry</p>
@@ -51,6 +52,7 @@ <h2>Admin</h2>
5152
<p>Notifications &amp; Alerts</p>
5253
<p>Local API Startup</p>
5354
<p>Database Health</p>
55+
<p>Postgres Metrics</p>
5456
<p>Storage Health</p>
5557
<p>Runtime Health</p>
5658
<p>Health Check History</p>
@@ -109,6 +111,25 @@ <h2 id="admin-system-health-title">System Health Tables</h2>
109111
</tbody>
110112
</table>
111113
</div>
114+
<div class="table-wrapper">
115+
<table class="data-table" aria-label="Environment health comparison">
116+
<caption>Environment Health Comparison</caption>
117+
<thead>
118+
<tr>
119+
<th scope="col">Environment</th>
120+
<th scope="col">Hosting model</th>
121+
<th scope="col">Runtime expectation</th>
122+
<th scope="col">Database model</th>
123+
<th scope="col">Storage folder</th>
124+
<th scope="col">State</th>
125+
<th scope="col">Status</th>
126+
</tr>
127+
</thead>
128+
<tbody data-admin-system-health-environment-comparison-rows>
129+
<tr><td>Environment comparison</td><td>Reference-only</td><td>Waiting for safe API status</td><td>Reference-only</td><td>Reference-only</td><td>Unavailable</td><td data-health-status="PENDING" title="Reason: environment comparison has not loaded yet." aria-label="PENDING: environment comparison has not loaded yet.">PENDING</td></tr>
130+
</tbody>
131+
</table>
132+
</div>
112133
<div class="table-wrapper">
113134
<table class="data-table" aria-label="Environment capabilities">
114135
<caption>Environment Capabilities</caption>
@@ -293,23 +314,39 @@ <h3>Manual Health Actions</h3>
293314
</tbody>
294315
</table>
295316
</div>
317+
<div class="table-wrapper">
318+
<table class="data-table" aria-label="Postgres metrics">
319+
<caption>Postgres Metrics</caption>
320+
<thead>
321+
<tr>
322+
<th scope="col">Metric</th>
323+
<th scope="col">Safe Value</th>
324+
<th scope="col">Status</th>
325+
</tr>
326+
</thead>
327+
<tbody data-admin-system-health-postgres-metric-rows>
328+
<tr><td>Postgres metrics</td><td>Unavailable until safe API status loads</td><td data-health-status="PENDING" title="Reason: Postgres metrics have not loaded yet." aria-label="PENDING: Postgres metrics have not loaded yet.">PENDING</td></tr>
329+
</tbody>
330+
</table>
331+
</div>
296332
<div class="table-wrapper">
297333
<table class="data-table" aria-label="Storage health">
298334
<caption>Storage Health - Cloudflare R2</caption>
299335
<thead>
300336
<tr>
301337
<th scope="col">Check</th>
302338
<th scope="col">Target</th>
339+
<th scope="col">Timing</th>
303340
<th scope="col">Status</th>
304341
</tr>
305342
</thead>
306343
<tbody>
307-
<tr><td>Bucket connectivity</td><td data-admin-system-health-storage-value="bucket">Loading</td><td data-health-status="PENDING" data-admin-system-health-storage-status="bucket" title="Reason: R2 bucket connectivity has not loaded yet." aria-label="PENDING: R2 bucket connectivity has not loaded yet.">PENDING</td></tr>
308-
<tr><td>List</td><td data-admin-system-health-storage-value="list">Loading</td><td data-health-status="PENDING" data-admin-system-health-storage-status="list" title="Reason: R2 list check has not loaded yet." aria-label="PENDING: R2 list check has not loaded yet.">PENDING</td></tr>
309-
<tr><td>Upload</td><td data-admin-system-health-storage-value="upload">Loading</td><td data-health-status="PENDING" data-admin-system-health-storage-status="upload" title="Reason: R2 upload check has not loaded yet." aria-label="PENDING: R2 upload check has not loaded yet.">PENDING</td></tr>
310-
<tr><td>Read</td><td data-admin-system-health-storage-value="read">Loading</td><td data-health-status="PENDING" data-admin-system-health-storage-status="read" title="Reason: R2 read check has not loaded yet." aria-label="PENDING: R2 read check has not loaded yet.">PENDING</td></tr>
311-
<tr><td>Delete</td><td data-admin-system-health-storage-value="delete">Loading</td><td data-health-status="PENDING" data-admin-system-health-storage-status="delete" title="Reason: R2 delete check has not loaded yet." aria-label="PENDING: R2 delete check has not loaded yet.">PENDING</td></tr>
312-
<tr><td>Last checked</td><td data-admin-system-health-storage-value="lastChecked">Loading</td><td data-health-status="PENDING" data-admin-system-health-storage-status="lastChecked" title="Reason: R2 health has not loaded yet." aria-label="PENDING: R2 health has not loaded yet.">PENDING</td></tr>
344+
<tr><td>Bucket connectivity</td><td data-admin-system-health-storage-value="bucket">Loading</td><td data-admin-system-health-storage-timing="bucket">Loading</td><td data-health-status="PENDING" data-admin-system-health-storage-status="bucket" title="Reason: R2 bucket connectivity has not loaded yet." aria-label="PENDING: R2 bucket connectivity has not loaded yet.">PENDING</td></tr>
345+
<tr><td>List</td><td data-admin-system-health-storage-value="list">Loading</td><td data-admin-system-health-storage-timing="list">Loading</td><td data-health-status="PENDING" data-admin-system-health-storage-status="list" title="Reason: R2 list check has not loaded yet." aria-label="PENDING: R2 list check has not loaded yet.">PENDING</td></tr>
346+
<tr><td>Upload</td><td data-admin-system-health-storage-value="upload">Loading</td><td data-admin-system-health-storage-timing="upload">Loading</td><td data-health-status="PENDING" data-admin-system-health-storage-status="upload" title="Reason: R2 upload check has not loaded yet." aria-label="PENDING: R2 upload check has not loaded yet.">PENDING</td></tr>
347+
<tr><td>Read</td><td data-admin-system-health-storage-value="read">Loading</td><td data-admin-system-health-storage-timing="read">Loading</td><td data-health-status="PENDING" data-admin-system-health-storage-status="read" title="Reason: R2 read check has not loaded yet." aria-label="PENDING: R2 read check has not loaded yet.">PENDING</td></tr>
348+
<tr><td>Delete</td><td data-admin-system-health-storage-value="delete">Loading</td><td data-admin-system-health-storage-timing="delete">Loading</td><td data-health-status="PENDING" data-admin-system-health-storage-status="delete" title="Reason: R2 delete check has not loaded yet." aria-label="PENDING: R2 delete check has not loaded yet.">PENDING</td></tr>
349+
<tr><td>Last checked</td><td data-admin-system-health-storage-value="lastChecked">Loading</td><td data-admin-system-health-storage-timing="lastChecked">Loading</td><td data-health-status="PENDING" data-admin-system-health-storage-status="lastChecked" title="Reason: R2 health has not loaded yet." aria-label="PENDING: R2 health has not loaded yet.">PENDING</td></tr>
313350
</tbody>
314351
</table>
315352
</div>

‎assets/theme-v2/css/status.css‎

Lines changed: 52 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -289,3 +289,55 @@ body.tool-focus-mode .tool-center-panel {
289289
max-width: 30vw
290290
}
291291
}
292+
293+
[data-admin-system-health] [data-health-status] {
294+
font-weight: var(--font-weight-heavy);
295+
letter-spacing: 0;
296+
text-transform: uppercase
297+
}
298+
299+
[data-admin-system-health] td[data-health-status] {
300+
width: 1%;
301+
min-width: 7rem;
302+
text-align: center;
303+
white-space: nowrap
304+
}
305+
306+
[data-admin-system-health] p[data-health-status] {
307+
display: inline-flex;
308+
align-items: center;
309+
justify-content: center;
310+
width: fit-content;
311+
max-width: 100%;
312+
min-height: var(--space-28);
313+
padding: var(--space-4) var(--space-10);
314+
border: var(--border-standard);
315+
border-radius: var(--radius-pill);
316+
overflow-wrap: anywhere
317+
}
318+
319+
[data-admin-system-health] [data-health-status="PASS"] {
320+
border-color: color-mix(in srgb, var(--green) 58%, var(--line));
321+
background: color-mix(in srgb, var(--green) 16%, transparent);
322+
color: var(--green)
323+
}
324+
325+
[data-admin-system-health] [data-health-status="WARN"],
326+
[data-admin-system-health] [data-health-status="PENDING"] {
327+
border-color: color-mix(in srgb, var(--gold) 54%, var(--line));
328+
background: color-mix(in srgb, var(--gold) 13%, transparent);
329+
color: var(--gold)
330+
}
331+
332+
[data-admin-system-health] [data-health-status="FAIL"] {
333+
border-color: color-mix(in srgb, var(--red) 58%, var(--line));
334+
background: color-mix(in srgb, var(--red) 15%, transparent);
335+
color: var(--deep-red)
336+
}
337+
338+
[data-admin-system-health] [data-health-status="INFO"],
339+
[data-admin-system-health] [data-health-status="SKIP"] {
340+
border-color: color-mix(in srgb, var(--cyan) 52%, var(--line));
341+
background: color-mix(in srgb, var(--cyan) 12%, transparent);
342+
color: var(--cyan)
343+
}

‎assets/theme-v2/css/tables.css‎

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -178,3 +178,40 @@ td {
178178
max-width: 100%;
179179
width: 100%
180180
}
181+
182+
[data-admin-system-health] .table-wrapper {
183+
border: var(--border-standard);
184+
border-radius: var(--radius-lg);
185+
background: var(--panel-overlay);
186+
box-shadow: var(--shadow-sm)
187+
}
188+
189+
[data-admin-system-health] .data-table {
190+
min-width: 720px;
191+
background: transparent
192+
}
193+
194+
[data-admin-system-health] .data-table caption {
195+
padding: var(--space-12) var(--space-14);
196+
border-bottom: var(--border-standard);
197+
background: var(--panel-soft);
198+
color: var(--gold)
199+
}
200+
201+
[data-admin-system-health] .data-table th,
202+
[data-admin-system-health] .data-table td {
203+
padding: var(--space-10) var(--space-12);
204+
vertical-align: top
205+
}
206+
207+
[data-admin-system-health] .data-table th {
208+
color: var(--cyan)
209+
}
210+
211+
[data-admin-system-health] .data-table tbody tr:nth-child(even) {
212+
background: var(--panel-soft-subtle)
213+
}
214+
215+
[data-admin-system-health] .data-table td {
216+
overflow-wrap: anywhere
217+
}

0 commit comments

Comments
 (0)