tractatus/public/check-version.html
TheFlow 4f889b073c fix(audit): fix timeline chart rendering with pixel heights and count labels
Fixed broken "Decisions Over Time" chart that wasn't displaying bars.

Root cause: Empty divs with percentage heights collapsed in flex containers.

Fixes applied:
1. **Pixel heights instead of percentages**
   - Calculate absolute pixel heights from h-48 container (192px)
   - Percentage heights don't work in flex containers with items-end

2. **Non-breaking space inside bars**
   - Added   to prevent empty div collapse
   - Even with height set, empty divs can collapse in some layouts

3. **Decision count labels**
   - Display count above each bar for exact numbers
   - Shows both visual proportion (bar height) and exact value (label)

4. **Minimum 10px height**
   - Ensures small values are always visible
   - Prevents bars from disappearing for low counts

5. **Wider bars**
   - Changed from max-w-16 (64px) to w-3/4 (75% width)
   - More visible and easier to interact with

Timeline modes working:
-  6-Hourly (24h) - 4 bars showing last 24 hours in 6-hour buckets
-  Daily (7d) - 7 bars showing last 7 days
-  Weekly (4w) - 4 bars showing last 4 weeks

All modes show current snapshot updated on refresh.

Files changed:
- public/js/admin/audit-analytics.js: Timeline rendering logic
- public/admin/audit-analytics.html: Updated cache version
- public/*.html: Cache version bump for consistency

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-10-25 12:22:55 +13:00

45 lines
1.5 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equi?v="Cache-Control" content="no-cache, no-store, must-revalidate">
<meta http-equi?v="Pragma" content="no-cache">
<meta http-equi?v="Expires" content="0">
<title>Version Check</title>
<style>
body { font-family: sans-serif; padding: 2rem; background: #f9fafb; }
.box { background: white; border: 1px solid #e5e7eb; padding: 1.5rem; margin: 1rem 0; border-radius: 0.5rem; }
.good { background: #d1fae5; border-color: #10b981; }
.bad { background: #fee2e2; border-color: #ef4444; }
code { background: #1f2937; color: #f3f4f6; padding: 0.25rem 0.5rem; border-radius: 0.25rem; }
pre { background: #1f2937; color: #f3f4f6; padding: 1rem; border-radius: 0.5rem; overflow-x: auto; }
</style>
</head>
<body>
<h1>Download Fix - Version Check</h1>
<div class="box">
<h2>Expected Version</h2>
<p>JavaScript should be version: <code>1759828916</code></p>
<p>Onclick handler should include: <code>window.location.href</code></p>
</div>
<div id="results">
<div class="box">
<p>Loading test...</p>
</div>
</div>
<div class="box">
<h2>If Version is Wrong:</h2>
<ol>
<li>Close ALL browser tabs for agenticgovernance.digital</li>
<li>Clear browser cache completely (not just for this site)</li>
<li>Or use a different browser you haven't used for this site</li>
<li>Or use private/incognito window</li>
</ol>
</div>
<script src="/js/check-version.js?v=0.1.0.1761346862495"></script>
</body>
</html>