diff --git a/.claude/metrics/hooks-metrics.json b/.claude/metrics/hooks-metrics.json
index d9d0c107..d26d7b28 100644
--- a/.claude/metrics/hooks-metrics.json
+++ b/.claude/metrics/hooks-metrics.json
@@ -4717,6 +4717,20 @@
       "file": "/home/theflow/projects/tractatus/public/js/demos/deliberation-demo.js",
       "result": "passed",
       "reason": null
+    },
+    {
+      "hook": "validate-file-edit",
+      "timestamp": "2025-10-19T09:06:22.056Z",
+      "file": "/home/theflow/projects/tractatus/public/js/components/pressure-chart.js",
+      "result": "passed",
+      "reason": null
+    },
+    {
+      "hook": "validate-file-edit",
+      "timestamp": "2025-10-19T09:09:35.997Z",
+      "file": "/home/theflow/projects/tractatus/public/js/components/activity-timeline.js",
+      "result": "passed",
+      "reason": null
     }
   ],
   "blocks": [
@@ -4980,9 +4994,9 @@
     }
   ],
   "session_stats": {
-    "total_edit_hooks": 484,
+    "total_edit_hooks": 486,
     "total_edit_blocks": 36,
-    "last_updated": "2025-10-19T09:02:17.123Z",
+    "last_updated": "2025-10-19T09:09:35.997Z",
     "total_write_hooks": 190,
     "total_write_blocks": 7
   }
diff --git a/public/js/components/activity-timeline.js b/public/js/components/activity-timeline.js
index b918a6e4..665f05a3 100644
--- a/public/js/components/activity-timeline.js
+++ b/public/js/components/activity-timeline.js
@@ -122,12 +122,19 @@ class ActivityTimeline {
 
 // Auto-initialize if container exists
 if (typeof window !== 'undefined') {
-  document.addEventListener('DOMContentLoaded', () => {
+  function initActivityTimeline() {
     const container = document.getElementById('activity-timeline');
     if (container) {
       window.activityTimeline = new ActivityTimeline('activity-timeline');
     }
-  });
+  }
+
+  // Initialize immediately if DOM is already loaded, otherwise wait for DOMContentLoaded
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', initActivityTimeline);
+  } else {
+    initActivityTimeline();
+  }
 }
 
 // Export for module systems
diff --git a/public/js/components/pressure-chart.js b/public/js/components/pressure-chart.js
index d5bbcb10..32e1a123 100644
--- a/public/js/components/pressure-chart.js
+++ b/public/js/components/pressure-chart.js
@@ -211,12 +211,19 @@ class PressureChart {
 
 // Auto-initialize if container exists
 if (typeof window !== 'undefined') {
-  document.addEventListener('DOMContentLoaded', () => {
+  function initPressureChart() {
     const container = document.getElementById('pressure-chart');
     if (container) {
       window.pressureChart = new PressureChart('pressure-chart');
     }
-  });
+  }
+
+  // Initialize immediately if DOM is already loaded, otherwise wait for DOMContentLoaded
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', initPressureChart);
+  } else {
+    initPressureChart();
+  }
 }
 
 // Export for module systems