Update docs, visual inspector

Author: MrEricSir

CONFIGURATION.md

@@ -217,7 +217,7 @@ python lib/detection.py tests/images/muni_snapshot_20251207_092107.jpg
 pytest tests/test_system_status.py -v
 
 # Interactive detection viewer
-python scripts/station_viewer.py
+python scripts/detection_viewer.py
 ```
 
 ## Notes

README.md

@@ -121,7 +121,7 @@ Contributors can collect their own test images:
 
 3. Visualize detection interactively:
    ```bash
-   python scripts/station_viewer.py  # Interactive detection viewer
+   python scripts/detection_viewer.py  # Interactive detection viewer
    ```
 
 4. Run tests:
@@ -136,15 +136,18 @@ munimet.ro/
 ├── lib/                    # Shared library code
 │   ├── muni_lib.py        # Core download & detection functions
 │   ├── detection.py       # OpenCV-based status detection
+│   ├── station_detector.py # Station position detection
+│   ├── train_detector.py  # Train ID detection (OCR)
+│   ├── station_constants.py # Station definitions
 │   ├── analytics.py       # SQLite-based delay analytics
 │   └── notifiers/         # Notification channels (Bluesky, RSS)
 │
-├── scripts/               # Detection and utility scripts
-│   ├── analyze.py              # CLI tool for image analysis
-│   ├── station_detector.py     # Station position detection
-│   ├── train_detector.py       # Train ID detection (OCR)
-│   ├── detect_stations.py      # Station configuration
-│   └── station_viewer.py       # Debug visualization tool
+├── scripts/               # Development and utility scripts
+│   ├── analyze.py         # CLI tool for image analysis
+│   ├── detect_stations.py # Station detection CLI
+│   ├── detection_viewer.py # Interactive detection viewer
+│   ├── validate.sh        # Local validation (lint + tests)
+│   └── install-hooks.sh   # Git hooks installer
 │
 ├── api/                   # Production web API
 │   ├── api.py             # Falcon web server
@@ -240,7 +243,7 @@ Users
 ## Development Workflow
 
 1. **Collect Data** - Run `download_muni_image.py` periodically
-2. **Test Detection** - Use `scripts/station_viewer.py` to visualize detection
+2. **Test Detection** - Use `scripts/detection_viewer.py` to visualize detection
 3. **Run Tests** - Execute `pytest tests/` to verify detection accuracy
 4. **Test Locally** - Deploy with `./deploy/local/setup.sh && ./deploy/local/start.sh`
 5. **Deploy Cloud** - Deploy to Cloud Run with `./deploy/cloud/deploy-services.sh`

lib/detection.py

@@ -2,8 +2,8 @@
 """
 OpenCV-based detection library for SF Muni Metro status.
 
-This module wraps the detection logic from scripts/station_viewer.py
-to provide a clean API for the status detection service.
+This module provides the detection API used by the status service,
+combining station detection, train detection, and delay analysis.
 """
 
 from pathlib import Path

scripts/detection_viewer.py

@@ -774,8 +774,18 @@ def image_to_base64(image_path):
             </div>
 
             <div class="info-section">
-                <h3>Trains Detected ({{ detection.trains|length }})</h3>
-                <div id="trainsInfo">
+                <h3>Click Info</h3>
+                <div class="click-info" id="clickInfo">
+                    Click on stations or track segments to see details.
+                </div>
+            </div>
+
+            <div class="info-section">
+                <div class="section-header" onclick="toggleSection('trains')">
+                    <h3>Trains Detected ({{ detection.trains|length }})</h3>
+                    <span class="section-toggle" id="trains-toggle">[+]</span>
+                </div>
+                <div class="section-content collapsed" id="trains-content">
                     {% if detection.trains %}
                         {% for t in detection.trains %}
                         {% if t.confidence == 'high' %}
@@ -798,13 +808,6 @@ def image_to_base64(image_path):
                 </div>
             </div>
 
-            <div class="info-section">
-                <h3>Click Info</h3>
-                <div class="click-info" id="clickInfo">
-                    Click on stations or track segments to see details.
-                </div>
-            </div>
-
             <div class="info-section">
                 <div class="section-header" onclick="toggleSection('stations')">
                     <h3>Stations ({{ detection.stations|length }})</h3>