Diff -- /var/www/vhosts/3dshawn.com/site1/TEMPLATES/dashboard.html
Diff
/var/www/vhosts/3dshawn.com/site1/TEMPLATES/dashboard.html
modified on local at 2026-07-11 23:34:27
Added
+108
lines
Removed
-0
lines
Context
161
unchanged
Blobs
from cb96493bea02
to 13b6a8ddb8a0
to 13b6a8ddb8a0
Unified diff
Naive LCS-based line diff. Additions in emerald, deletions in rose. Both sides decompressed live from BLOB_STORE.| 1 | 1 | <div class="page-head"> |
| 2 | 2 | <span class="page-eyebrow"><span class="dot"></span> Overview</span> |
| 3 | 3 | <h1 class="page-title">Dashboard</h1> |
| 4 | 4 | <p class="page-subtitle">Portfolio-wide health at a glance. Every file change, every schema change, every drifted container -- captured silently, restorable to any moment, no workflow discipline required.</p> |
| 5 | 5 | </div> |
| 6 | 6 | |
| 7 | 7 | <!-- KPI row --> |
| 8 | 8 | <div class="dash-grid"> |
| 9 | 9 | <div class="module glow-teal"> |
| 10 | 10 | <div class="module-head"><div class="left"> |
| 11 | 11 | <div class="module-icon"><svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/></svg></div> |
| 12 | 12 | <div class="module-title">File changes</div> |
| 13 | 13 | <span class="module-subtitle">Captured in the last 24 hours across every monitored path on every server.</span> |
| 14 | 14 | </div></div> |
| 15 | 15 | <div class="module-body kpi kpi-teal"> |
| 16 | 16 | <div class="num">$kpi_file_today</div> |
| 17 | 17 | <div class="lbl">Last 24h</div> |
| 18 | 18 | <div class="sub">All watched paths + containers</div> |
| 19 | 19 | </div> |
| 20 | 20 | </div> |
| 21 | 21 | |
| 22 | 22 | <div class="module glow-amber"> |
| 23 | 23 | <div class="module-head"><div class="left"> |
| 24 | 24 | <div class="module-icon"><svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2"><ellipse cx="12" cy="5" rx="9" ry="3"/><path d="M3 5v6c0 1.7 4 3 9 3s9-1.3 9-3V5"/><path d="M3 11v6c0 1.7 4 3 9 3s9-1.3 9-3v-6"/></svg></div> |
| 25 | 25 | <div class="module-title">Schema changes</div> |
| 26 | 26 | <span class="module-subtitle">DDL diffs across every monitored DB in the last 7 days -- caught even if no one committed them.</span> |
| 27 | 27 | </div></div> |
| 28 | 28 | <div class="module-body kpi kpi-amber"> |
| 29 | 29 | <div class="num">$kpi_schema_7d</div> |
| 30 | 30 | <div class="lbl">Last 7 days</div> |
| 31 | 31 | <div class="sub">Across all monitored databases</div> |
| 32 | 32 | </div> |
| 33 | 33 | </div> |
| 34 | 34 | |
| 35 | 35 | <div class="module glow-emerald"> |
| 36 | 36 | <div class="module-head"><div class="left"> |
| 37 | 37 | <div class="module-icon"><svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2"><path d="M20 13V7a2 2 0 0 0-2-2h-4l-2-3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h5"/><path d="M14 19l2 2 4-4"/></svg></div> |
| 38 | 38 | <div class="module-title">Named releases</div> |
| 39 | 39 | <span class="module-subtitle">Bookmark moments you've saved. Auto-purge respects these -- their blobs stay forever.</span> |
| 40 | 40 | </div></div> |
| 41 | 41 | <div class="module-body kpi kpi-emerald"> |
| 42 | 42 | <div class="num">$kpi_releases</div> |
| 43 | 43 | <div class="lbl">Bookmarked</div> |
| 44 | 44 | <div class="sub">Point-in-time restore anchors</div> |
| 45 | 45 | </div> |
| 46 | 46 | </div> |
| 47 | 47 | |
| 48 | 48 | <div class="module glow-rose"> |
| 49 | 49 | <div class="module-head"><div class="left"> |
| 50 | 50 | <div class="module-icon"><svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/></svg></div> |
| 51 | 51 | <div class="module-title">Drift alerts</div> |
| 52 | 52 | <span class="module-subtitle">Containers that were supposed to stay immutable but got modified at runtime. Compliance signal.</span> |
| 53 | 53 | </div></div> |
| 54 | 54 | <div class="module-body kpi kpi-rose"> |
| 55 | 55 | <div class="num">$kpi_drifted</div> |
| 56 | 56 | <div class="lbl">Active drift</div> |
| 57 | 57 | <div class="sub">On supposedly-immutable containers</div> |
| 58 | 58 | </div> |
| 59 | 59 | </div> |
| 60 | 60 | </div> |
| 61 | 61 | |
| 62 | 62 | <!-- 90-day activity timeline --> |
| 63 | 63 | <div class="module glow-teal" style="margin-bottom:20px"> |
| 64 | 64 | <div class="module-head"><div class="left"> |
| 65 | 65 | <div class="module-icon"><svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 3v18h18"/><rect x="6" y="12" width="3" height="6"/><rect x="11" y="7" width="3" height="11"/><rect x="16" y="10" width="3" height="8"/></svg></div> |
| 66 | 66 | <div class="module-title">Activity, last 90 days</div> |
| 67 | 67 | <span class="module-subtitle">Every captured change, stacked by kind. Teal is files, amber is schema DDL. Hover for exact daily counts.</span> |
| 68 | 68 | </div></div> |
| 69 | 69 | <div class="module-body" style="padding-top:10px"> |
| 70 | 70 | $timeline_svg |
| 71 | </div> | |
| 72 | </div> | |
| 73 | ||
| 74 | <!-- ============================ Per-site health ============================ --> | |
| 75 | [if:$has_per_site] | |
| 76 | <div class="module glow-emerald" style="margin-bottom:20px"> | |
| 77 | <div class="module-head"><div class="left"> | |
| 78 | <div class="module-icon"><svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="7" height="9"/><rect x="14" y="3" width="7" height="5"/><rect x="14" y="12" width="7" height="9"/><rect x="3" y="16" width="7" height="5"/></svg></div> | |
| 79 | <div class="module-title">Per-site health</div> | |
| 80 | <span class="module-subtitle">One row per active monitor. Sparkline is the last 30 days of change activity. Click a row to drill into that site's file changes.</span> | |
| 81 | </div></div> | |
| 82 | <div class="module-body tight"> | |
| 83 | <table class="tbl"> | |
| 84 | <thead><tr> | |
| 85 | <th style="width:36%">Site / scan</th> | |
| 86 | <th style="width:120px">30-day rhythm</th> | |
| 87 | <th style="width:100px" class="mono">Active files</th> | |
| 88 | <th style="width:100px" class="mono">Captures</th> | |
| 89 | <th style="width:100px" class="mono">Last 24h</th> | |
| 90 | <th style="width:170px">Last change</th> | |
| 91 | </tr></thead> | |
| 92 | <tbody> | |
| 93 | [loop:@per_site] | |
| 94 | <tr> | |
| 95 | <td> | |
| 96 | <a href="$drilldown_url" style="color:var(--accent-hi);text-decoration:none"> | |
| 97 | <strong>$scan_name</strong> | |
| 98 | </a> | |
| 99 | <div class="mono dim" style="font-size:11px">$path_short <span class="pill $kind_pill" style="margin-left:6px;font-size:9.5px">$server_kind</span></div> | |
| 100 | </td> | |
| 101 | <td>$spark_svg</td> | |
| 102 | <td class="mono">$active_files</td> | |
| 103 | <td class="mono">$captured_ct</td> | |
| 104 | <td class="mono" style="color:var(--accent-hi)">$changes_24h</td> | |
| 105 | <td class="mono dim"><span class="ts" data-ts="$last_change_epoch" data-fmt="relative">$last_change_h</span></td> | |
| 106 | </tr> | |
| 107 | [/loop] | |
| 108 | </tbody> | |
| 109 | </table> | |
| 110 | </div> | |
| 111 | </div> | |
| 112 | [/if] | |
| 113 | ||
| 114 | <!-- ============================ Change-frequency ranking ============================ --> | |
| 115 | [if:$has_top_files] | |
| 116 | <div class="dash-grid" style="grid-template-columns:2fr 1fr;margin-bottom:20px"> | |
| 117 | <div class="module glow-amber"> | |
| 118 | <div class="module-head"><div class="left"> | |
| 119 | <div class="module-icon"><svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2"><polyline points="3 17 9 11 13 15 21 7"/><polyline points="14 7 21 7 21 14"/></svg></div> | |
| 120 | <div class="module-title">Change-frequency ranking</div> | |
| 121 | <span class="module-subtitle">Top 20 files by change count in the last 30 days — the "live-config heatmap". Files that show up here are likely candidates for pinning to a Named Release.</span> | |
| 122 | </div></div> | |
| 123 | <div class="module-body tight" style="max-height:520px;overflow:auto"> | |
| 124 | <table class="tbl"> | |
| 125 | <thead><tr> | |
| 126 | <th style="width:60px">Rank</th> | |
| 127 | <th>File</th> | |
| 128 | <th style="width:120px">Site</th> | |
| 129 | <th style="width:70px">Changes</th> | |
| 130 | <th style="width:150px">Latest</th> | |
| 131 | </tr></thead> | |
| 132 | <tbody> | |
| 133 | [loop:@top_files] | |
| 134 | <tr> | |
| 135 | <td class="mono" style="color:var(--accent-warn)"><strong>#</strong></td> | |
| 136 | <td class="mono" style="font-size:11.5px"><a href="$diff_url" style="color:var(--accent-hi);text-decoration:none">$file_short</a></td> | |
| 137 | <td class="dim" style="font-size:11.5px">$scan_name</td> | |
| 138 | <td class="mono" style="color:var(--accent-warn);font-weight:700">$change_ct</td> | |
| 139 | <td class="mono dim"><span class="ts" data-ts="$latest_epoch" data-fmt="relative">$latest_h</span></td> | |
| 140 | </tr> | |
| 141 | [/loop] | |
| 142 | </tbody> | |
| 143 | </table> | |
| 144 | </div> | |
| 145 | </div> | |
| 146 | ||
| 147 | <!-- ============================ Cross-site dedup ============================ --> | |
| 148 | <div class="module glow-teal"> | |
| 149 | <div class="module-head"><div class="left"> | |
| 150 | <div class="module-icon"><svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"/></svg></div> | |
| 151 | <div class="module-title">Cross-site dedup</div> | |
| 152 | <span class="module-subtitle">Byte-identical files that appear on multiple sites. BLOB_STORE already deduplicates — but seeing this list makes the shared files visible.</span> | |
| 153 | </div></div> | |
| 154 | <div class="module-body tight" style="max-height:520px;overflow:auto"> | |
| 155 | [if:$has_shared_blobs] | |
| 156 | <table class="tbl"> | |
| 157 | <thead><tr><th style="width:60px">Sites</th><th>Blob</th><th style="width:70px">Size</th></tr></thead> | |
| 158 | <tbody> | |
| 159 | [loop:@shared_blobs] | |
| 160 | <tr> | |
| 161 | <td class="mono"><strong style="color:var(--accent-hi)">$site_ct</strong></td> | |
| 162 | <td class="mono" style="font-size:11px"> | |
| 163 | <a href="$diff_url" style="color:var(--accent-hi);text-decoration:none">$sha_short</a> | |
| 164 | <div class="dim" style="font-size:10.5px;line-height:1.4">$scans_h</div> | |
| 165 | </td> | |
| 166 | <td class="mono dim">$size_h</td> | |
| 167 | </tr> | |
| 168 | [/loop] | |
| 169 | </tbody> | |
| 170 | </table> | |
| 171 | [/if] | |
| 172 | [if:!$has_shared_blobs] | |
| 173 | <div style="padding:26px 14px;text-align:center;color:var(--text-dim);font-size:12.5px"> | |
| 174 | Nothing shared across sites yet. | |
| 175 | </div> | |
| 176 | [/if] | |
| 177 | </div> | |
| 71 | 178 | </div> |
| 72 | 179 | </div> |
| 180 | [/if] | |
| 73 | 181 | |
| 74 | 182 | <!-- Recent activity --> |
| 75 | 183 | <div class="module glow-teal" style="margin-bottom:20px"> |
| 76 | 184 | <div class="module-head"><div class="left"> |
| 77 | 185 | <div class="module-icon"><svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg></div> |
| 78 | 186 | <div class="module-title">Recent activity</div> |
| 79 | 187 | <span class="module-subtitle">Newest first. Click any row to open its full diff. File + schema changes merged into one timeline.</span> |
| 80 | 188 | </div></div> |
| 81 | 189 | <div class="module-body tight"> |
| 82 | 190 | [if:$has_recent] |
| 83 | 191 | <table class="tbl"> |
| 84 | 192 | <thead><tr> |
| 85 | 193 | <th style="width:80px">Type</th> |
| 86 | 194 | <th>What</th> |
| 87 | 195 | <th>Detail</th> |
| 88 | 196 | <th style="width:170px">When</th> |
| 89 | 197 | </tr></thead> |
| 90 | 198 | <tbody> |
| 91 | 199 | [loop:@recent] |
| 92 | 200 | <tr> |
| 93 | 201 | <td><span class="pill $kind_pill">$kind</span></td> |
| 94 | 202 | <td class="mono" style="font-size:12.5px"><a href="$diff_url" style="color:var(--accent-hi);text-decoration:none">$what</a></td> |
| 95 | 203 | <td class="dim" style="font-size:12.5px">$detail</td> |
| 96 | 204 | <td class="mono dim"><span class="ts" data-ts="$ts_epoch" data-fmt="datetime">$ts</span></td> |
| 97 | 205 | </tr> |
| 98 | 206 | [/loop] |
| 99 | 207 | </tbody> |
| 100 | 208 | </table> |
| 101 | 209 | [/if] |
| 102 | 210 | [if:!$has_recent] |
| 103 | 211 | <div style="padding:36px 14px;text-align:center;color:var(--text-dim);font-size:13.5px"> |
| 104 | 212 | No activity captured yet. Start a file monitor or point at a database in the <a href="[url:file_monitors]" style="color:var(--accent-hi)">config</a> to begin capture. |
| 105 | 213 | </div> |
| 106 | 214 | [/if] |
| 107 | 215 | </div> |
| 108 | 216 | </div> |
| 109 | 217 | |
| 110 | 218 | <div class="dash-grid" style="grid-template-columns:2fr 1fr"> |
| 111 | 219 | <div class="module glow-emerald"> |
| 112 | 220 | <div class="module-head"><div class="left"> |
| 113 | 221 | <div class="module-icon"><svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2"><path d="M9 11l3 3L22 4"/><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"/></svg></div> |
| 114 | 222 | <div class="module-title">Named releases</div> |
| 115 | 223 | <span class="module-subtitle">Recent bookmarks. Any file blob referenced from a named release is protected from auto-purge.</span> |
| 116 | 224 | </div></div> |
| 117 | 225 | <div class="module-body tight"> |
| 118 | 226 | [if:$has_releases] |
| 119 | 227 | <table class="tbl"> |
| 120 | 228 | <thead><tr><th>Name</th><th>By</th><th style="width:130px">When</th></tr></thead> |
| 121 | 229 | <tbody> |
| 122 | 230 | [loop:@releases] |
| 123 | 231 | <tr> |
| 124 | 232 | <td><strong>$name</strong><div class="dim" style="font-size:11.5px">$description</div></td> |
| 125 | 233 | <td class="dim">$released_by</td> |
| 126 | 234 | <td class="mono dim"><span class="ts" data-ts="$released_epoch" data-fmt="date">$released_h</span></td> |
| 127 | 235 | </tr> |
| 128 | 236 | [/loop] |
| 129 | 237 | </tbody> |
| 130 | 238 | </table> |
| 131 | 239 | [/if] |
| 132 | 240 | [if:!$has_releases] |
| 133 | 241 | <div style="padding:28px 14px;text-align:center;color:var(--text-dim);font-size:13.5px"> |
| 134 | 242 | No named releases yet. Bookmark a moment to protect it from auto-purge. |
| 135 | 243 | </div> |
| 136 | 244 | [/if] |
| 137 | 245 | </div> |
| 138 | 246 | </div> |
| 139 | 247 | |
| 140 | 248 | <div class="module glow-sky"> |
| 141 | 249 | <div class="module-head"><div class="left"> |
| 142 | 250 | <div class="module-icon"><svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2"><rect x="2" y="2" width="20" height="8" rx="2"/><rect x="2" y="14" width="20" height="8" rx="2"/></svg></div> |
| 143 | 251 | <div class="module-title">Servers</div> |
| 144 | 252 | <span class="module-subtitle">Central + agent nodes.</span> |
| 145 | 253 | </div></div> |
| 146 | 254 | <div class="module-body tight"> |
| 147 | 255 | <table class="tbl"> |
| 148 | 256 | <thead><tr><th>Name</th><th>Status</th><th class="dim" style="width:100px">Last seen</th></tr></thead> |
| 149 | 257 | <tbody> |
| 150 | 258 | [loop:@servers] |
| 151 | 259 | <tr> |
| 152 | 260 | <td><strong>$server_name</strong> <span class="dim mono" style="font-size:11px">$role</span></td> |
| 153 | 261 | <td><span class="pill $status_pill">$status</span></td> |
| 154 | 262 | <td class="mono dim"><span class="ts" data-ts="$heartbeat_epoch" data-fmt="relative">$last_heartbeat_h</span></td> |
| 155 | 263 | </tr> |
| 156 | 264 | [/loop] |
| 157 | 265 | </tbody> |
| 158 | 266 | </table> |
| 159 | 267 | </div> |
| 160 | 268 | </div> |
| 161 | 269 | </div> |