Diff -- /var/www/vhosts/3dshawn.com/site1/TEMPLATES/dashboard.html

O Operator
Diff

/var/www/vhosts/3dshawn.com/site1/TEMPLATES/dashboard.html

modified on local at 2026-07-10 23:21:57

Added
+3
lines
Removed
-3
lines
Context
158
unchanged
Blobs
from c6195145cb05
to cb96493bea02
Unified diff
Naive LCS-based line diff. Additions in emerald, deletions in rose. Both sides decompressed live from BLOB_STORE.
11<div class="page-head">
22 <span class="page-eyebrow"><span class="dot"></span> Overview</span>
33 <h1 class="page-title">Dashboard</h1>
44 <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>
55</div>
66
77<!-- KPI row -->
88<div class="dash-grid">
99 <div class="module glow-teal">
1010 <div class="module-head"><div class="left">
1111 <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>
1212 <div class="module-title">File changes</div>
1313 <span class="module-subtitle">Captured in the last 24 hours across every monitored path on every server.</span>
1414 </div></div>
1515 <div class="module-body kpi kpi-teal">
1616 <div class="num">$kpi_file_today</div>
1717 <div class="lbl">Last 24h</div>
1818 <div class="sub">All watched paths + containers</div>
1919 </div>
2020 </div>
2121
2222 <div class="module glow-amber">
2323 <div class="module-head"><div class="left">
2424 <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>
2525 <div class="module-title">Schema changes</div>
2626 <span class="module-subtitle">DDL diffs across every monitored DB in the last 7 days -- caught even if no one committed them.</span>
2727 </div></div>
2828 <div class="module-body kpi kpi-amber">
2929 <div class="num">$kpi_schema_7d</div>
3030 <div class="lbl">Last 7 days</div>
3131 <div class="sub">Across all monitored databases</div>
3232 </div>
3333 </div>
3434
3535 <div class="module glow-emerald">
3636 <div class="module-head"><div class="left">
3737 <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>
3838 <div class="module-title">Named releases</div>
3939 <span class="module-subtitle">Bookmark moments you've saved. Auto-purge respects these -- their blobs stay forever.</span>
4040 </div></div>
4141 <div class="module-body kpi kpi-emerald">
4242 <div class="num">$kpi_releases</div>
4343 <div class="lbl">Bookmarked</div>
4444 <div class="sub">Point-in-time restore anchors</div>
4545 </div>
4646 </div>
4747
4848 <div class="module glow-rose">
4949 <div class="module-head"><div class="left">
5050 <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>
5151 <div class="module-title">Drift alerts</div>
5252 <span class="module-subtitle">Containers that were supposed to stay immutable but got modified at runtime. Compliance signal.</span>
5353 </div></div>
5454 <div class="module-body kpi kpi-rose">
5555 <div class="num">$kpi_drifted</div>
5656 <div class="lbl">Active drift</div>
5757 <div class="sub">On supposedly-immutable containers</div>
5858 </div>
5959 </div>
6060</div>
6161
6262<!-- 90-day activity timeline -->
6363<div class="module glow-teal" style="margin-bottom:20px">
6464 <div class="module-head"><div class="left">
6565 <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>
6666 <div class="module-title">Activity, last 90 days</div>
6767 <span class="module-subtitle">Every captured change, stacked by kind. Teal is files, amber is schema DDL. Hover for exact daily counts.</span>
6868 </div></div>
6969 <div class="module-body" style="padding-top:10px">
7070 $timeline_svg
7171 </div>
7272</div>
7373
7474<!-- Recent activity -->
7575<div class="module glow-teal" style="margin-bottom:20px">
7676 <div class="module-head"><div class="left">
7777 <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>
7878 <div class="module-title">Recent activity</div>
7979 <span class="module-subtitle">Newest first. Click any row to open its full diff. File + schema changes merged into one timeline.</span>
8080 </div></div>
8181 <div class="module-body tight">
8282 [if:$has_recent]
8383 <table class="tbl">
8484 <thead><tr>
8585 <th style="width:80px">Type</th>
8686 <th>What</th>
8787 <th>Detail</th>
8888 <th style="width:170px">When</th>
8989 </tr></thead>
9090 <tbody>
9191 [loop:@recent]
9292 <tr>
9393 <td><span class="pill $kind_pill">$kind</span></td>
9494 <td class="mono" style="font-size:12.5px"><a href="$diff_url" style="color:var(--accent-hi);text-decoration:none">$what</a></td>
9595 <td class="dim" style="font-size:12.5px">$detail</td>
96 <td class="mono dim">$ts</td>
96 <td class="mono dim"><span class="ts" data-ts="$ts_epoch" data-fmt="datetime">$ts</span></td>
9797 </tr>
9898 [/loop]
9999 </tbody>
100100 </table>
101101 [/if]
102102 [if:!$has_recent]
103103 <div style="padding:36px 14px;text-align:center;color:var(--text-dim);font-size:13.5px">
104104 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.
105105 </div>
106106 [/if]
107107 </div>
108108</div>
109109
110110<div class="dash-grid" style="grid-template-columns:2fr 1fr">
111111 <div class="module glow-emerald">
112112 <div class="module-head"><div class="left">
113113 <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>
114114 <div class="module-title">Named releases</div>
115115 <span class="module-subtitle">Recent bookmarks. Any file blob referenced from a named release is protected from auto-purge.</span>
116116 </div></div>
117117 <div class="module-body tight">
118118 [if:$has_releases]
119119 <table class="tbl">
120120 <thead><tr><th>Name</th><th>By</th><th style="width:130px">When</th></tr></thead>
121121 <tbody>
122122 [loop:@releases]
123123 <tr>
124124 <td><strong>$name</strong><div class="dim" style="font-size:11.5px">$description</div></td>
125125 <td class="dim">$released_by</td>
126 <td class="mono dim">$released_h</td>
126 <td class="mono dim"><span class="ts" data-ts="$released_epoch" data-fmt="date">$released_h</span></td>
127127 </tr>
128128 [/loop]
129129 </tbody>
130130 </table>
131131 [/if]
132132 [if:!$has_releases]
133133 <div style="padding:28px 14px;text-align:center;color:var(--text-dim);font-size:13.5px">
134134 No named releases yet. Bookmark a moment to protect it from auto-purge.
135135 </div>
136136 [/if]
137137 </div>
138138 </div>
139139
140140 <div class="module glow-sky">
141141 <div class="module-head"><div class="left">
142142 <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>
143143 <div class="module-title">Servers</div>
144144 <span class="module-subtitle">Central + agent nodes.</span>
145145 </div></div>
146146 <div class="module-body tight">
147147 <table class="tbl">
148148 <thead><tr><th>Name</th><th>Status</th><th class="dim" style="width:100px">Last seen</th></tr></thead>
149149 <tbody>
150150 [loop:@servers]
151151 <tr>
152152 <td><strong>$server_name</strong> <span class="dim mono" style="font-size:11px">$role</span></td>
153153 <td><span class="pill $status_pill">$status</span></td>
154 <td class="mono dim">$last_heartbeat_h</td>
154 <td class="mono dim"><span class="ts" data-ts="$heartbeat_epoch" data-fmt="relative">$last_heartbeat_h</span></td>
155155 </tr>
156156 [/loop]
157157 </tbody>
158158 </table>
159159 </div>
160160 </div>
161161</div>