feat: add detailed performance profiling with interactive toggle

2026-03-02 22:34:06 +01:00
parent 7d05e3812c
commit b0276f68b3
4 changed files with 119 additions and 1 deletions
--- a/templates/reconcile.html
+++ b/templates/reconcile.html
@@ -343,6 +343,23 @@
            color: #888;
            font-style: italic;
        }
+
+        .footer {
+            margin-top: 50px;
+            margin-bottom: 20px;
+            color: #333;
+            font-size: 9px;
+            text-align: center;
+            width: 100%;
+            cursor: pointer;
+            user-select: none;
+        }
+
+        .perf-breakdown {
+            display: none;
+            margin-top: 5px;
+            color: #222;
+        }
    </style>
 </head>

@@ -485,6 +502,15 @@
        </div>
    </div>

+    {% set rt = get_render_time() %}
+    <div class="footer"
+        onclick="document.getElementById('perf-details').style.display = (document.getElementById('perf-details').style.display === 'block' ? 'none' : 'block')">
+        render time: {{ rt.total }}s
+        <div id="perf-details" class="perf-breakdown">
+            {{ rt.breakdown }}
+        </div>
+    </div>
+
    <script>
        const memberData = {{ member_data| safe }};
        const sortedMonths = {{ raw_months| tojson }};