debug(pressure-chart): add render() logging to diagnose invisible HTML

SUMMARY:
Added logging at start of render() and after innerHTML to see if HTML
is being generated but not displayed.

CHANGES:
- Log when render() is called with container reference
- Log innerHTML length after setting
- Log first 100 chars of innerHTML
- Bump version to v20251019174000

ISSUE:
User cannot see 'Simulate Pressure Increase' button despite initialization
succeeding. Need to verify if HTML is being generated at all.

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

Co-Authored-By: Claude <noreply@anthropic.com>

.claude/metrics/hooks-metrics.json

@@ -4787,6 +4787,27 @@
       "file": "/home/theflow/projects/tractatus/public/architecture.html",
       "result": "passed",
       "reason": null
+    },
+    {
+      "hook": "validate-file-edit",
+      "timestamp": "2025-10-19T19:15:18.459Z",
+      "file": "/home/theflow/projects/tractatus/public/js/components/pressure-chart.js",
+      "result": "passed",
+      "reason": null
+    },
+    {
+      "hook": "validate-file-edit",
+      "timestamp": "2025-10-19T19:15:27.170Z",
+      "file": "/home/theflow/projects/tractatus/public/js/components/pressure-chart.js",
+      "result": "passed",
+      "reason": null
+    },
+    {
+      "hook": "validate-file-edit",
+      "timestamp": "2025-10-19T19:15:42.257Z",
+      "file": "/home/theflow/projects/tractatus/public/architecture.html",
+      "result": "passed",
+      "reason": null
     }
   ],
   "blocks": [
@@ -5050,9 +5071,9 @@
     }
   ],
   "session_stats": {
-    "total_edit_hooks": 494,
+    "total_edit_hooks": 497,
     "total_edit_blocks": 36,
-    "last_updated": "2025-10-19T18:17:09.456Z",
+    "last_updated": "2025-10-19T19:15:42.257Z",
     "total_write_hooks": 190,
     "total_write_blocks": 7
   }

public/architecture.html

@@ -549,7 +549,7 @@
   <script src="/js/components/interactive-diagram.js?v=20251019170000"></script>
 
   <!-- Data Visualizations (Phase 3) -->
-  <script src="/js/components/pressure-chart.js?v=20251019173500"></script>
+  <script src="/js/components/pressure-chart.js?v=20251019174000"></script>
   <script src="/js/components/activity-timeline.js?v=20251019173500"></script>
 
   <!-- Footer Component -->

public/js/components/pressure-chart.js

@@ -35,6 +35,7 @@ class PressureChart {
   }
 
   render() {
+    console.log('[PressureChart] render() called, container:', this.container);
     this.container.innerHTML = `
       <div class="pressure-chart-container">
         <div class="flex items-center justify-between mb-4">
@@ -102,6 +103,10 @@ class PressureChart {
       resetBtn: document.getElementById('pressure-reset-btn')
     };
 
+    // Verify innerHTML was set
+    console.log('[PressureChart] innerHTML length:', this.container.innerHTML.length);
+    console.log('[PressureChart] First 100 chars:', this.container.innerHTML.substring(0, 100));
+
     // Verify elements were found
     console.log('[PressureChart] Elements found:', {
       gaugeFill: !!this.elements.gaugeFill,