From a08b09ea37dc9bdc8742af094a30b45939772a2e Mon Sep 17 00:00:00 2001
From: Giordon Stark <kratsg@gmail.com>
Date: Thu, 18 Sep 2025 22:13:49 -0700
Subject: [PATCH 01/30] initial commit for dashboard

---
 viewer/app.py                            |   3 +
 viewer/functions/dashboard_queries.py    | 289 ++++++++++++++++++
 viewer/pages/dashboard.py                |  76 +++++
 viewer/pages/route.py                    |   2 +
 viewer/static/assets/css/dashboard.css   | 364 ++++++++++++++++++++++
 viewer/templates/dashboard/detail.html   | 371 +++++++++++++++++++++++
 viewer/templates/dashboard/overview.html | 252 +++++++++++++++
 viewer/templates/parts/nav.html          |   4 +
 8 files changed, 1361 insertions(+)
 create mode 100644 viewer/functions/dashboard_queries.py
 create mode 100644 viewer/pages/dashboard.py
 create mode 100644 viewer/static/assets/css/dashboard.css
 create mode 100644 viewer/templates/dashboard/detail.html
 create mode 100644 viewer/templates/dashboard/overview.html

diff --git a/viewer/app.py b/viewer/app.py
index 0aa2b3e1d..f39dede1c 100755
--- a/viewer/app.py
+++ b/viewer/app.py
@@ -32,6 +32,7 @@ from pages.route import (  # noqa: E402
     checkout_api,
     component_api,
     config_api,
+    dashboard_bp,
     error_api,
     history_api,
     picture_data_api,
@@ -126,6 +127,8 @@ with app.app_context():
     ### Pages
     ## Top Page
     app.register_blueprint(toppage_api)
+    ## Dashboard
+    app.register_blueprint(dashboard_bp, url_prefix="/dashboard")
     ## Component/Result Page
     app.register_blueprint(component_api)
     ## History Page
diff --git a/viewer/functions/dashboard_queries.py b/viewer/functions/dashboard_queries.py
new file mode 100644
index 000000000..701a0f5d9
--- /dev/null
+++ b/viewer/functions/dashboard_queries.py
@@ -0,0 +1,289 @@
+from __future__ import annotations
+
+import csv
+import io
+
+from bson.objectid import ObjectId
+from functions.common import localdb, userdb
+
+
+def get_stage_config():
+    """Get stage configuration from userdb.QC.stages"""
+    return userdb.QC.stages.find_one({"code": "MODULE"})
+
+
+def get_enabled_stages(stage_config):
+    """Filter out disabled stages"""
+    return [
+        stage
+        for stage in stage_config["stage_flow"]
+        if not stage_config["disabled_tests"].get(stage, {}).get("disabled", 0)
+    ]
+
+
+def get_modules_overview(enabled_stages, search=""):
+    """Get all modules with stage status matrix"""
+    match_stage = {"componentType": {"$in": ["module", "bare_module"]}}
+
+    # Add search filter
+    if search:
+        match_stage["$or"] = [
+            {"serialNumber": {"$regex": search, "$options": "i"}},
+            {
+                "properties": {
+                    "$elemMatch": {
+                        "code": "ALTERNATIVE_IDENTIFIER",
+                        "value": {"$regex": search, "$options": "i"},
+                    }
+                }
+            },
+        ]
+
+    pipeline = [
+        {"$match": match_stage},
+        {
+            "$lookup": {
+                "from": "QC.module.status",
+                "localField": "_id",
+                "foreignField": "component",
+                "as": "qc_status",
+            }
+        },
+        {
+            "$project": {
+                "serialNumber": 1,
+                "componentType": 1,
+                "currentStage": 1,
+                "properties": 1,
+                "qc_status": {"$arrayElemAt": ["$qc_status", 0]},
+            }
+        },
+    ]
+
+    modules = list(localdb.component.aggregate(pipeline))
+
+    # Filter out archived modules and add calculated fields
+    non_archived_modules = []
+    stage_config = get_stage_config()
+
+    for module in modules:
+        # Check if module is archived
+        is_archived = any(
+            tag["name"].lower() == "archived"
+            for tag in userdb.viewer.tag.docs.find({"componentid": str(module["_id"])})
+        )
+
+        if not is_archived:
+            # Extract alternative ID
+            module["altID"] = next(
+                (
+                    prop["value"]
+                    for prop in module.get("properties", [])
+                    if prop["code"] == "ALTERNATIVE_IDENTIFIER" and prop.get("value")
+                ),
+                None,
+            )
+
+            # Calculate stage status for each enabled stage
+            module["stage_status"] = {}
+            if module.get("qc_status"):
+                for stage in enabled_stages:
+                    module["stage_status"][stage] = calculate_stage_status(
+                        module["qc_status"], stage, stage_config
+                    )
+
+            non_archived_modules.append(module)
+
+    return non_archived_modules
+
+
+def calculate_stage_status(qc_status, stage, stage_config):
+    """Calculate status for a specific stage with hover details"""
+    # Check if stage is marked as alternative (skipped)
+    upload_status = qc_status.get("upload_status", {}).get(stage, "-1")
+    if upload_status == "alternative":
+        return {
+            "status": "alternative",
+            "details": {"message": "Stage skipped (alternative path)"},
+        }
+
+    # Check upload status
+    if upload_status == "-1":
+        return {
+            "status": "not_uploaded",
+            "details": {"message": "Stage not uploaded to production DB"},
+        }
+
+    # Get required tests for this stage
+    required_tests = stage_config["stage_test"].get(stage, [])
+    if not required_tests:
+        return {
+            "status": "no_tests",
+            "details": {"message": "No tests required for this stage"},
+        }
+
+    # Analyze test results
+    qc_results = qc_status.get("QC_results", {}).get(stage, {})
+    test_details = []
+    passed_tests = 0
+    failed_tests = 0
+    completed_tests = 0
+
+    for test in required_tests:
+        test_result_id = qc_results.get(test, "-1")
+        test_name = stage_config["test_items"].get(test, test)
+
+        if test_result_id == "-1":
+            test_details.append(
+                {"name": test_name, "status": "not_done", "passed": None}
+            )
+        else:
+            completed_tests += 1
+            # Look up actual test result
+            try:
+                test_result = localdb.QC.result.find_one(
+                    {"_id": ObjectId(test_result_id)}
+                )
+                if test_result:
+                    passed = test_result.get("passed", False)
+                    test_details.append(
+                        {
+                            "name": test_name,
+                            "status": "pass" if passed else "fail",
+                            "passed": passed,
+                            "result_id": str(test_result_id),
+                        }
+                    )
+                    if passed:
+                        passed_tests += 1
+                    else:
+                        failed_tests += 1
+                else:
+                    test_details.append(
+                        {"name": test_name, "status": "missing", "passed": None}
+                    )
+            except Exception:
+                test_details.append(
+                    {"name": test_name, "status": "error", "passed": None}
+                )
+
+    # Determine overall stage status
+    if failed_tests > 0:
+        status = "fail"
+    elif completed_tests == len(required_tests):
+        status = "pass"
+    elif completed_tests > 0:
+        status = "partial"
+    else:
+        status = "not_started"
+
+    return {
+        "status": status,
+        "details": {
+            "total_tests": len(required_tests),
+            "completed_tests": completed_tests,
+            "passed_tests": passed_tests,
+            "failed_tests": failed_tests,
+            "test_details": test_details,
+        },
+    }
+
+
+def get_module_details(serial_number):
+    """Get detailed information for a specific module"""
+    pipeline = [
+        {"$match": {"serialNumber": serial_number}},
+        {
+            "$lookup": {
+                "from": "QC.module.status",
+                "localField": "_id",
+                "foreignField": "component",
+                "as": "qc_status",
+            }
+        },
+        {
+            "$project": {
+                "serialNumber": 1,
+                "componentType": 1,
+                "currentStage": 1,
+                "properties": 1,
+                "sys": 1,
+                "dbVersion": 1,
+                "qc_status": {"$arrayElemAt": ["$qc_status", 0]},
+            }
+        },
+    ]
+
+    modules = list(localdb.component.aggregate(pipeline))
+    if not modules:
+        return None
+
+    module = modules[0]
+
+    # Check if module is archived
+    is_archived = any(
+        tag["name"].lower() == "archived"
+        for tag in userdb.viewer.tag.docs.find({"componentid": str(module["_id"])})
+    )
+
+    if is_archived:
+        return None
+
+    # Extract alternative ID
+    module["altID"] = next(
+        (
+            prop["value"]
+            for prop in module.get("properties", [])
+            if prop["code"] == "ALTERNATIVE_IDENTIFIER" and prop.get("value")
+        ),
+        None,
+    )
+
+    # Get children using childParentRelation collection
+    children_relations = list(
+        userdb.childParentRelation.find({"parent": str(module["_id"])})
+    )
+    module["children"] = []
+
+    for relation in children_relations:
+        try:
+            child = localdb.component.find_one({"_id": ObjectId(relation["child"])})
+            if child:
+                module["children"].append(child)
+        except Exception:
+            continue
+
+    return module
+
+
+def export_modules_csv(modules, stages):
+    """Export module status matrix to CSV"""
+    output = io.StringIO()
+    writer = csv.writer(output)
+
+    # Header row
+    header = ["Serial Number", "Alt ID", "Component Type", "Current Stage"]
+    header.extend([stage.replace("MODULE/", "") for stage in stages])
+    writer.writerow(header)
+
+    # Data rows
+    for module in modules:
+        row = [
+            module.get("serialNumber", ""),
+            module.get("altID", ""),
+            module.get("componentType", ""),
+            module.get("currentStage", ""),
+        ]
+
+        for stage in stages:
+            stage_data = module.get("stage_status", {}).get(stage, {})
+            status = (
+                stage_data.get("status", "unknown")
+                if isinstance(stage_data, dict)
+                else stage_data
+            )
+            row.append(status)
+
+        writer.writerow(row)
+
+    return output.getvalue()
diff --git a/viewer/pages/dashboard.py b/viewer/pages/dashboard.py
new file mode 100644
index 000000000..4b3e1d4b9
--- /dev/null
+++ b/viewer/pages/dashboard.py
@@ -0,0 +1,76 @@
+from __future__ import annotations
+
+from datetime import datetime
+
+from flask import Blueprint, abort, jsonify, make_response, render_template, request
+from functions.dashboard_queries import (
+    export_modules_csv,
+    get_enabled_stages,
+    get_module_details,
+    get_modules_overview,
+    get_stage_config,
+)
+
+dashboard_bp = Blueprint("dashboard", __name__)
+
+
+@dashboard_bp.route("/")
+def overview():
+    """Dashboard overview page showing all modules in a status matrix"""
+    search = request.args.get("search", "")
+    stage_config = get_stage_config()
+    enabled_stages = get_enabled_stages(stage_config)
+    modules = get_modules_overview(enabled_stages, search)
+
+    return render_template(
+        "dashboard/overview.html",
+        modules=modules,
+        stages=enabled_stages,
+        stage_config=stage_config,
+        search=search,
+    )
+
+
+@dashboard_bp.route("/export")
+def export_csv():
+    """Export dashboard data as CSV"""
+    stage_config = get_stage_config()
+    enabled_stages = get_enabled_stages(stage_config)
+    modules = get_modules_overview(enabled_stages)
+
+    csv_data = export_modules_csv(modules, enabled_stages)
+    response = make_response(csv_data)
+    response.headers["Content-Disposition"] = (
+        "attachment; filename=module_dashboard.csv"
+    )
+    response.headers["Content-type"] = "text/csv"
+    return response
+
+
+@dashboard_bp.route("/<serial_number>")
+def detail(serial_number):
+    """Detailed module dashboard page"""
+    module = get_module_details(serial_number)
+    if not module:
+        abort(404)
+
+    stage_config = get_stage_config()
+    enabled_stages = get_enabled_stages(stage_config)
+
+    return render_template(
+        "dashboard/detail.html",
+        module=module,
+        stage_config=stage_config,
+        enabled_stages=enabled_stages,
+    )
+
+
+@dashboard_bp.route("/api/refresh")
+def api_refresh():
+    """API endpoint for auto-refresh functionality"""
+    search = request.args.get("search", "")
+    stage_config = get_stage_config()
+    enabled_stages = get_enabled_stages(stage_config)
+    modules = get_modules_overview(enabled_stages, search)
+
+    return jsonify({"modules": modules, "timestamp": datetime.now().isoformat()})
diff --git a/viewer/pages/route.py b/viewer/pages/route.py
index 332cf0ac5..37ab4c408 100644
--- a/viewer/pages/route.py
+++ b/viewer/pages/route.py
@@ -4,6 +4,7 @@ from pages.api import rest_api
 from pages.checkout import checkout_api
 from pages.component import component_api
 from pages.config import config_api
+from pages.dashboard import dashboard_bp
 from pages.error import error_api
 from pages.history import history_api
 from pages.picture_data import picture_data_api
@@ -23,6 +24,7 @@ __all__ = (
     "checkout_api",
     "component_api",
     "config_api",
+    "dashboard_bp",
     "error_api",
     "history_api",
     "picture_data_api",
diff --git a/viewer/static/assets/css/dashboard.css b/viewer/static/assets/css/dashboard.css
new file mode 100644
index 000000000..c59ce4098
--- /dev/null
+++ b/viewer/static/assets/css/dashboard.css
@@ -0,0 +1,364 @@
+/* Dashboard Overview Styles */
+.dashboard-matrix {
+  font-size: 0.85rem;
+  white-space: nowrap;
+}
+
+.fixed-column {
+  position: sticky;
+  left: 0;
+  background: white;
+  z-index: 10;
+  border-right: 2px solid #dee2e6;
+  min-width: 150px;
+}
+
+.stage-header {
+  writing-mode: vertical-lr;
+  text-orientation: mixed;
+  min-width: 35px;
+  max-width: 35px;
+  font-size: 0.7rem;
+  padding: 8px 4px !important;
+  text-align: center;
+  vertical-align: bottom;
+}
+
+.stage-cell {
+  text-align: center;
+  padding: 6px 4px !important;
+  vertical-align: middle;
+}
+
+/* Status Indicator Styles */
+.status-indicator {
+  width: 22px;
+  height: 22px;
+  border-radius: 4px;
+  margin: 0 auto;
+  border: 1px solid #ddd;
+  cursor: help;
+  transition: all 0.2s ease;
+}
+
+.status-indicator:hover {
+  transform: scale(1.1);
+  box-shadow: 0 2px 8px rgba(0,0,0,0.2);
+}
+
+/* Status Colors */
+.status-indicator.pass {
+  background: #28a745;
+  border-color: #28a745;
+}
+
+.status-indicator.fail {
+  background: #dc3545;
+  border-color: #dc3545;
+}
+
+.status-indicator.partial {
+  background: #ffc107;
+  border-color: #ffc107;
+}
+
+.status-indicator.not_started {
+  background: #e9ecef;
+  border-color: #adb5bd;
+}
+
+.status-indicator.not_uploaded {
+  background: white;
+  border: 3px solid #fd7e14;
+}
+
+.status-indicator.alternative {
+  background: #6c757d;
+  opacity: 0.5;
+  border-color: #6c757d;
+}
+
+.status-indicator.no_tests {
+  background: #6c757d;
+  border-color: #6c757d;
+}
+
+.status-indicator.unknown {
+  background: #343a40;
+  border-color: #343a40;
+}
+
+/* Row Hover Effects */
+.module-row:hover {
+  background-color: #f8f9fa !important;
+  cursor: pointer;
+  transition: background-color 0.2s ease;
+}
+
+.module-row:hover .fixed-column {
+  background-color: #f8f9fa !important;
+}
+
+/* Legend Styles */
+.dashboard-legend {
+  background: #f8f9fa;
+  padding: 15px;
+  border-radius: 8px;
+  border: 1px solid #e9ecef;
+  margin-top: 20px;
+}
+
+.legend-items {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 15px;
+  margin-top: 10px;
+}
+
+.legend-items span {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 0.9rem;
+  padding: 4px 8px;
+  background: white;
+  border-radius: 4px;
+  border: 1px solid #e9ecef;
+}
+
+.legend-items .status-indicator {
+  width: 16px;
+  height: 16px;
+  cursor: default;
+}
+
+.legend-items .status-indicator:hover {
+  transform: none;
+  box-shadow: none;
+}
+
+/* Tooltip Improvements */
+.tooltip-inner {
+  max-width: 300px;
+  text-align: left;
+}
+
+/* Search and Controls */
+.form-control:focus {
+  border-color: #80bdff;
+  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
+}
+
+.btn-group .badge {
+  font-size: 0.75em;
+}
+
+/* Detail Page Styles */
+.accordion-button:not(.collapsed) {
+  background-color: #e7f1ff;
+  border-color: #b6d7ff;
+}
+
+.accordion-button:focus {
+  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
+}
+
+.serialNumber {
+  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
+  font-weight: bold;
+}
+
+/* Stage Status Badges in Detail View */
+.stage-progress {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  margin-bottom: 15px;
+}
+
+.stage-progress .progress {
+  flex: 1;
+  height: 8px;
+}
+
+/* Property Tables */
+.table td.fw-bold {
+  width: 30%;
+  color: #495057;
+}
+
+/* Child Component Cards */
+.card-title a {
+  color: #0d6efd;
+  text-decoration: none;
+}
+
+.card-title a:hover {
+  text-decoration: underline;
+}
+
+/* Responsive Design */
+@media (max-width: 1200px) {
+  .stage-header {
+    font-size: 0.6rem;
+    min-width: 30px;
+    max-width: 30px;
+  }
+
+  .status-indicator {
+    width: 20px;
+    height: 20px;
+  }
+}
+
+@media (max-width: 768px) {
+  .dashboard-matrix {
+    font-size: 0.75rem;
+  }
+
+  .fixed-column {
+    min-width: 120px;
+  }
+
+  .stage-header {
+    font-size: 0.55rem;
+    min-width: 25px;
+    max-width: 25px;
+  }
+
+  .status-indicator {
+    width: 18px;
+    height: 18px;
+  }
+
+  .legend-items {
+    flex-direction: column;
+    gap: 8px;
+  }
+
+  .legend-items span {
+    justify-content: flex-start;
+  }
+}
+
+@media (max-width: 576px) {
+  .dashboard-legend {
+    padding: 10px;
+  }
+
+  .stage-header {
+    font-size: 0.5rem;
+    min-width: 22px;
+    max-width: 22px;
+    padding: 4px 2px !important;
+  }
+
+  .status-indicator {
+    width: 16px;
+    height: 16px;
+  }
+
+  .fixed-column {
+    min-width: 100px;
+    font-size: 0.8rem;
+  }
+}
+
+/* Loading States */
+.btn .fa-spinner {
+  animation: spin 1s linear infinite;
+}
+
+@keyframes spin {
+  0% { transform: rotate(0deg); }
+  100% { transform: rotate(360deg); }
+}
+
+/* Print Styles */
+@media print {
+  .dashboard-legend,
+  .btn,
+  .form-control,
+  .accordion-button {
+    display: none !important;
+  }
+
+  .accordion-collapse {
+    display: block !important;
+  }
+
+  .status-indicator {
+    border: 2px solid black !important;
+    print-color-adjust: exact;
+  }
+}
+
+/* Accessibility Improvements */
+.status-indicator:focus {
+  outline: 2px solid #0d6efd;
+  outline-offset: 2px;
+}
+
+.module-row:focus-within {
+  background-color: #fff3cd !important;
+  outline: 2px solid #0d6efd;
+}
+
+/* Animation for Auto-refresh */
+.refresh-animation {
+  animation: pulse 2s infinite;
+}
+
+@keyframes pulse {
+  0% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.7;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+
+/* Search Highlighting */
+.search-highlight {
+  background-color: #fff3cd;
+  padding: 2px 4px;
+  border-radius: 3px;
+}
+
+/* Summary Cards */
+.card .card-title {
+  font-size: 2rem;
+  font-weight: bold;
+  color: #0d6efd;
+}
+
+.card .card-text {
+  color: #6c757d;
+  font-size: 0.9rem;
+}
+
+/* Status Matrix Scrolling */
+.table-responsive {
+  scrollbar-width: thin;
+  scrollbar-color: #ced4da #f8f9fa;
+}
+
+.table-responsive::-webkit-scrollbar {
+  height: 8px;
+}
+
+.table-responsive::-webkit-scrollbar-track {
+  background: #f8f9fa;
+}
+
+.table-responsive::-webkit-scrollbar-thumb {
+  background: #ced4da;
+  border-radius: 4px;
+}
+
+.table-responsive::-webkit-scrollbar-thumb:hover {
+  background: #adb5bd;
+}
\ No newline at end of file
diff --git a/viewer/templates/dashboard/detail.html b/viewer/templates/dashboard/detail.html
new file mode 100644
index 000000000..3f3405bd8
--- /dev/null
+++ b/viewer/templates/dashboard/detail.html
@@ -0,0 +1,371 @@
+{% import 'widgets/datetime.html' as datetime %}
+{% extends "layout.html" %}
+
+{% block stylesheet %}
+  <link rel="stylesheet" href="{{ url_for('static', filename='assets/css/dashboard.css') }}" />
+{% endblock %}
+
+{% block body %}
+  <div class="container">
+    <!-- Breadcrumbs -->
+    <nav aria-label="breadcrumb">
+      <ol class="breadcrumb">
+        <li class="breadcrumb-item"><a href="{{ url_for('toppage_api.show_toppage') }}">Top Page</a></li>
+        <li class="breadcrumb-item"><a href="{{ url_for('dashboard_bp.overview') }}">Dashboard</a></li>
+        <li class="breadcrumb-item active">{{ module.serialNumber }}</li>
+      </ol>
+    </nav>
+
+    <!-- Header -->
+    <div class="row mb-4">
+      <div class="col">
+        <h1>
+          <span class="serialNumber">{{ module.serialNumber }}</span>
+          {% if module.altID %}
+            <small class="text-muted">({{ module.altID }})</small>
+          {% endif %}
+        </h1>
+        <h4 class="h4">
+          <span class="badge bg-{{ 'primary' if module.componentType == 'module' else 'secondary' }}">
+            {{ module.componentType.replace('_', ' ').title() }}
+          </span>
+          {% if module.currentStage %}
+            <span class="badge bg-info ms-2">{{ module.currentStage.replace('MODULE/', '') }}</span>
+          {% endif %}
+        </h4>
+
+        <div class="row mt-3">
+          <div class="col-md-8">
+            <a href="{{ url_for('dashboard_bp.overview') }}" class="btn btn-outline-primary btn-lg">
+              <i class="fa fa-arrow-left"></i> Back to Dashboard
+            </a>
+            <a
+              href="{{ url_for('component_api.show_component_sn', serialNumber=module.serialNumber) }}"
+              class="btn btn-outline-secondary btn-lg ms-2"
+            >
+              <i class="fa fa-cog"></i> Component Details
+            </a>
+          </div>
+          <div class="col-md-4 text-end">
+            <div class="btn-group" role="group">
+              <button type="button" class="btn btn-info">
+                System Rev <span class="badge bg-light text-dark">{{ module.sys.rev if module.sys else 'N/A' }}</span>
+              </button>
+              <button type="button" class="btn btn-secondary">DB v{{ module.dbVersion if module.dbVersion else 'N/A' }}</button>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <div class="accordion" id="moduleAccordion">
+      <!-- Module Status Information -->
+      <div class="accordion-item">
+        <h2 class="accordion-header">
+          <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#moduleStatus">
+            <i class="fa fa-info-circle me-2"></i> Module Status Information
+          </button>
+        </h2>
+        <div id="moduleStatus" class="accordion-collapse collapse show">
+          <div class="accordion-body">
+            <div class="row">
+              <div class="col-md-6">
+                <table class="table table-sm">
+                  <tr>
+                    <td class="fw-bold">Serial Number</td>
+                    <td>{{ module.serialNumber }}</td>
+                  </tr>
+                  <tr>
+                    <td class="fw-bold">Alternative ID</td>
+                    <td>{{ module.altID or 'Not Set' }}</td>
+                  </tr>
+                  <tr>
+                    <td class="fw-bold">Component Type</td>
+                    <td>{{ module.componentType }}</td>
+                  </tr>
+                  <tr>
+                    <td class="fw-bold">Current Stage</td>
+                    <td>{{ module.currentStage or 'Not Set' }}</td>
+                  </tr>
+                  {% if module.qc_status %}
+                    <tr>
+                      <td class="fw-bold">Latest Synced Stage</td>
+                      <td>{{ module.qc_status.latestSyncedStage or 'Not Set' }}</td>
+                    </tr>
+                    <tr>
+                      <td class="fw-bold">Status</td>
+                      <td>{{ module.qc_status.status }}</td>
+                    </tr>
+                  {% endif %}
+                </table>
+              </div>
+              <div class="col-md-6">
+                <table class="table table-sm">
+                  {% if module.sys %}
+                    <tr>
+                      <td class="fw-bold">Created</td>
+                      <td>{{ datetime.widget(module.sys.cts) }}</td>
+                    </tr>
+                    <tr>
+                      <td class="fw-bold">Last Modified</td>
+                      <td>{{ datetime.widget(module.sys.mts) }}</td>
+                    </tr>
+                    <tr>
+                      <td class="fw-bold">System Revision</td>
+                      <td>{{ module.sys.rev }}</td>
+                    </tr>
+                  {% endif %}
+                  <tr>
+                    <td class="fw-bold">DB Version</td>
+                    <td>{{ module.dbVersion or 'Not Set' }}</td>
+                  </tr>
+                  {% if module.qc_status %}
+                    <tr>
+                      <td class="fw-bold">Production DB Version</td>
+                      <td>{{ module.qc_status.proddbVersion or 'Not Set' }}</td>
+                    </tr>
+                  {% endif %}
+                </table>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      {% if module.qc_status %}
+        <!-- QC Results by Stage -->
+        {% for stage in enabled_stages %}
+          {% set stage_tests = stage_config.stage_test.get(stage, []) %}
+          {% set qc_results = module.qc_status.QC_results.get(stage, {}) %}
+          {% set qc_results_pdb = module.qc_status.QC_results_pdb.get(stage, {}) %}
+          {% set upload_status = module.qc_status.upload_status.get(stage, '-1') %}
+
+          {% if stage_tests and upload_status != 'alternative' %}
+            <div class="accordion-item">
+              <h2 class="accordion-header">
+                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#stage_{{ loop.index }}">
+                  <i class="fa fa-flask me-2"></i>
+                  {{ stage.replace('MODULE/', '') }} - {{ stage_config.stages.get(stage, stage) }}
+                  <span class="badge bg-secondary ms-2">{{ stage_tests|length }} tests</span>
+                  {% if upload_status == '1' %}
+                    <span class="badge bg-success ms-2">Uploaded</span>
+                  {% else %}
+                    <span class="badge bg-warning ms-2">Not Uploaded</span>
+                  {% endif %}
+                </button>
+              </h2>
+              <div id="stage_{{ loop.index }}" class="accordion-collapse collapse">
+                <div class="accordion-body">
+                  <!-- Stage Summary -->
+                  {% set completed_tests = [] %}
+                  {% set failed_tests = [] %}
+                  {% for test in stage_tests %}
+                    {% set local_result_id = qc_results.get(test, '-1') %}
+                    {% if local_result_id != '-1' %}
+                      {% set completed_tests = completed_tests.append(test) %}
+                    {% endif %}
+                  {% endfor %}
+
+                  <div class="alert alert-light mb-3">
+                    <div class="row">
+                      <div class="col-md-4">
+                        <strong>Progress:</strong> {{ completed_tests|length }}/{{ stage_tests|length }} tests completed
+                      </div>
+                      <div class="col-md-4">
+                        <strong>Upload Status:</strong>
+                        {% if upload_status == '1' %}
+                          <span class="badge bg-success">Uploaded to Production DB</span>
+                        {% else %}
+                          <span class="badge bg-warning">Not Uploaded</span>
+                        {% endif %}
+                      </div>
+                      <div class="col-md-4"><strong>Stage:</strong> {{ stage_config.stages.get(stage, stage) }}</div>
+                    </div>
+                  </div>
+
+                  <!-- Test Results Table -->
+                  <table class="table table-sm">
+                    <thead>
+                      <tr>
+                        <th>Test</th>
+                        <th>Local Result</th>
+                        <th>Production DB Result</th>
+                        <th>Actions</th>
+                      </tr>
+                    </thead>
+                    <tbody>
+                      {% for test in stage_tests %}
+                        {% set local_result_id = qc_results.get(test, '-1') %}
+                        {% set pdb_result_id = qc_results_pdb.get(test, '-1') %}
+                        {% set test_name = stage_config.test_items.get(test, test) %}
+                        <tr>
+                          <td class="fw-bold">{{ test_name }}</td>
+                          <td>
+                            {% if local_result_id == '-1' %}
+                              <span class="badge bg-secondary">Not Done</span>
+                            {% else %}
+                              <span class="badge bg-success">Completed</span>
+                              <small class="text-muted d-block">ID: {{ local_result_id }}</small>
+                            {% endif %}
+                          </td>
+                          <td>
+                            {% if pdb_result_id == '-1' %}
+                              <span class="badge bg-secondary">Not Done</span>
+                            {% else %}
+                              <span class="badge bg-success">Completed</span>
+                              <small class="text-muted d-block">ID: {{ pdb_result_id }}</small>
+                            {% endif %}
+                          </td>
+                          <td>
+                            {% if local_result_id != '-1' %}
+                              <a
+                                href="{{ url_for('component_api.show_component', id=module._id, test='qctest', runId=local_result_id) }}"
+                                class="btn btn-sm btn-outline-primary"
+                              >
+                                View Details
+                              </a>
+                            {% else %}
+                              <span class="text-muted">No result</span>
+                            {% endif %}
+                          </td>
+                        </tr>
+                      {% endfor %}
+                    </tbody>
+                  </table>
+                </div>
+              </div>
+            </div>
+          {% endif %}
+        {% endfor %}
+      {% endif %}
+
+      <!-- Component Properties -->
+      <div class="accordion-item">
+        <h2 class="accordion-header">
+          <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#componentProperties">
+            <i class="fa fa-list me-2"></i> Component Properties
+          </button>
+        </h2>
+        <div id="componentProperties" class="accordion-collapse collapse">
+          <div class="accordion-body">
+            {% if module.properties %}
+              <table class="table table-sm">
+                <thead>
+                  <tr>
+                    <th>Code</th>
+                    <th>Name</th>
+                    <th>Value</th>
+                    <th>Data Type</th>
+                    <th>Last Updated</th>
+                  </tr>
+                </thead>
+                <tbody>
+                  {% for prop in module.properties %}
+                    <tr>
+                      <td><code>{{ prop.code }}</code></td>
+                      <td>{{ prop.name or '—' }}</td>
+                      <td>
+                        {% if prop.dataType == 'codeTable' and prop.codeTable and prop.value %}
+                          {% set found_value = false %}
+                          {% for item in prop.codeTable %}
+                            {% if item.code == prop.value %}
+                              <span class="badge bg-info">{{ item.value }}</span>
+                              {% set found_value = true %}
+                            {% endif %}
+                          {% endfor %}
+                          {% if not found_value %}
+                            {{ prop.value }}
+                          {% endif %}
+                        {% elif prop.dataType == 'boolean' %}
+                          <span class="badge bg-{{ 'success' if prop.value else 'secondary' }}">
+                            {{ 'True' if prop.value else 'False' }}
+                          </span>
+                        {% else %}
+                          {{ prop.value or '—' }}
+                        {% endif %}
+                      </td>
+                      <td>
+                        <span class="badge bg-light text-dark">{{ prop.dataType or 'unknown' }}</span>
+                        {% if prop.required %}
+                          <span class="badge bg-warning text-dark">Required</span>
+                        {% endif %}
+                      </td>
+                      <td>{{ datetime.widget(prop.dateTime) if prop.dateTime else '—' }}</td>
+                    </tr>
+                  {% endfor %}
+                </tbody>
+              </table>
+            {% else %}
+              <div class="alert alert-info"><i class="fa fa-info-circle"></i> No properties defined for this component.</div>
+            {% endif %}
+          </div>
+        </div>
+      </div>
+
+      <!-- Sub-Component Data -->
+      {% if module.children %}
+        <div class="accordion-item">
+          <h2 class="accordion-header">
+            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#childrenData">
+              <i class="fa fa-sitemap me-2"></i> Sub-Component Data
+              <span class="badge bg-secondary ms-2">{{ module.children|length }} children</span>
+            </button>
+          </h2>
+          <div id="childrenData" class="accordion-collapse collapse">
+            <div class="accordion-body">
+              {% for child in module.children %}
+                <div class="card mb-3">
+                  <div class="card-header">
+                    <h6 class="card-title mb-0">
+                      <a
+                        href="{{ url_for('component_api.show_component_sn', serialNumber=child.serialNumber) }}"
+                        class="text-decoration-none"
+                      >
+                        {{ child.serialNumber }}
+                      </a>
+                      <span class="badge bg-secondary ms-2">{{ child.componentType }}</span>
+                    </h6>
+                  </div>
+                  {% if child.properties %}
+                    <div class="card-body">
+                      <table class="table table-sm table-borderless">
+                        {% for prop in child.properties[:5] %}
+                          <tr>
+                            <td class="fw-bold" style="width: 30%">{{ prop.name or prop.code }}</td>
+                            <td>
+                              {% if prop.dataType == 'codeTable' and prop.codeTable and prop.value %}
+                                {% for item in prop.codeTable %}
+                                  {% if item.code == prop.value %}{{ item.value }}{% endif %}
+                                {% endfor %}
+                              {% else %}
+                                {{ prop.value or '—' }}
+                              {% endif %}
+                            </td>
+                          </tr>
+                        {% endfor %}
+                        {% if child.properties|length > 5 %}
+                          <tr>
+                            <td colspan="2">
+                              <em>... and {{ child.properties|length - 5 }} more properties</em>
+                            </td>
+                          </tr>
+                        {% endif %}
+                      </table>
+                    </div>
+                  {% endif %}
+                </div>
+              {% endfor %}
+            </div>
+          </div>
+        </div>
+      {% endif %}
+    </div>
+  </div>
+
+  <script>
+    document.addEventListener("DOMContentLoaded", function () {
+      // Initialize any additional functionality
+      console.log("Module detail page loaded for {{ module.serialNumber }}");
+    });
+  </script>
+{% endblock %}
diff --git a/viewer/templates/dashboard/overview.html b/viewer/templates/dashboard/overview.html
new file mode 100644
index 000000000..6aa438859
--- /dev/null
+++ b/viewer/templates/dashboard/overview.html
@@ -0,0 +1,252 @@
+{% import 'widgets/datetime.html' as datetime %}
+{% extends "layout.html" %}
+
+{% block stylesheet %}
+  <link rel="stylesheet" href="{{ url_for('static', filename='assets/css/dashboard.css') }}" />
+{% endblock %}
+
+{% block body %}
+  <div class="container-fluid">
+    <div class="d-flex justify-content-between align-items-center mb-4">
+      <h1>Module Dashboard</h1>
+      <div class="d-flex gap-2">
+        <button onclick="refreshData()" class="btn btn-outline-secondary" id="refreshBtn"><i class="fa fa-refresh"></i> Refresh</button>
+        <a href="{{ url_for('dashboard_bp.export_csv') }}" class="btn btn-outline-primary"> <i class="fa fa-download"></i> Export CSV </a>
+      </div>
+    </div>
+
+    <!-- Search and Filters -->
+    <div class="row mb-3">
+      <div class="col-md-6">
+        <form method="GET" class="d-flex">
+          <input
+            type="text"
+            name="search"
+            class="form-control"
+            placeholder="Search by serial number or alt ID..."
+            value="{{ search }}"
+            id="searchInput"
+          />
+          <button type="submit" class="btn btn-primary ms-2">Search</button>
+          {% if search %}
+            <a href="{{ url_for('dashboard_bp.overview') }}" class="btn btn-secondary ms-2">Clear</a>
+          {% endif %}
+        </form>
+      </div>
+      <div class="col-md-6">
+        <div class="form-check form-switch">
+          <input class="form-check-input" type="checkbox" id="autoRefresh" />
+          <label class="form-check-label" for="autoRefresh">Auto-refresh (30s)</label>
+        </div>
+      </div>
+    </div>
+
+    <!-- Summary Stats -->
+    <div class="row mb-4">
+      <div class="col-md-3">
+        <div class="card text-center">
+          <div class="card-body">
+            <h5 class="card-title">{{ modules|length }}</h5>
+            <p class="card-text">Total Modules</p>
+          </div>
+        </div>
+      </div>
+      <div class="col-md-3">
+        <div class="card text-center">
+          <div class="card-body">
+            <h5 class="card-title">{{ stages|length }}</h5>
+            <p class="card-text">Active Stages</p>
+          </div>
+        </div>
+      </div>
+      <div class="col-md-3">
+        <div class="card text-center">
+          <div class="card-body">
+            <h5 class="card-title">{{ modules|selectattr('componentType', 'equalto', 'module')|list|length }}</h5>
+            <p class="card-text">Modules</p>
+          </div>
+        </div>
+      </div>
+      <div class="col-md-3">
+        <div class="card text-center">
+          <div class="card-body">
+            <h5 class="card-title">{{ modules|selectattr('componentType', 'equalto', 'bare_module')|list|length }}</h5>
+            <p class="card-text">Bare Modules</p>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    {% if modules %}
+      <!-- Status Matrix -->
+      <div class="table-responsive">
+        <table class="table table-sm table-hover dashboard-matrix" id="dashboardTable">
+          <thead class="table-dark sticky-top">
+            <tr>
+              <th rowspan="2" class="fixed-column">Serial Number</th>
+              <th rowspan="2">Alt ID</th>
+              <th rowspan="2">Type</th>
+              <th rowspan="2">Current Stage</th>
+              {% for stage in stages %}
+                <th class="stage-header" title="{{ stage_config.stages.get(stage, stage) }}">
+                  {{ stage.replace('MODULE/', '').replace('_', ' ') }}
+                </th>
+              {% endfor %}
+            </tr>
+          </thead>
+          <tbody>
+            {% for module in modules %}
+              <tr class="module-row" onclick="window.location='/dashboard/{{ module.serialNumber }}'">
+                <td class="fw-bold fixed-column">{{ module.serialNumber }}</td>
+                <td>{{ module.altID or '—' }}</td>
+                <td>
+                  <span class="badge bg-{{ 'primary' if module.componentType == 'module' else 'secondary' }}">
+                    {{ module.componentType.replace('_', ' ').title() }}
+                  </span>
+                </td>
+                <td>{{ module.currentStage.replace('MODULE/', '') if module.currentStage else '—' }}</td>
+                {% for stage in stages %}
+                  {% set stage_data = module.stage_status.get(stage, {}) %}
+                  {% set status = stage_data.status if stage_data.get('status') else 'unknown' %}
+                  {% set details = stage_data.get('details', {}) %}
+                  <td class="stage-cell">
+                    <div
+                      class="status-indicator {{ status }}"
+                      data-bs-toggle="tooltip"
+                      data-bs-html="true"
+                      data-bs-placement="top"
+                      title="{{ render_tooltip(stage, status, details, stage_config) }}"
+                    ></div>
+                  </td>
+                {% endfor %}
+              </tr>
+            {% endfor %}
+          </tbody>
+        </table>
+      </div>
+    {% else %}
+      <div class="alert alert-info">
+        <i class="fa fa-info-circle"></i>
+        No modules found{% if search %}matching "{{ search }}"{% endif %}.
+      </div>
+    {% endif %}
+
+    <!-- Legend -->
+    <div class="dashboard-legend mt-4">
+      <strong>Status Legend:</strong>
+      <div class="legend-items">
+        <span
+          ><div class="status-indicator pass"></div>
+          All Tests Pass</span
+        >
+        <span
+          ><div class="status-indicator fail"></div>
+          Any Test Failed</span
+        >
+        <span
+          ><div class="status-indicator partial"></div>
+          Partially Complete</span
+        >
+        <span
+          ><div class="status-indicator not_started"></div>
+          Not Started</span
+        >
+        <span
+          ><div class="status-indicator not_uploaded"></div>
+          Not Uploaded</span
+        >
+        <span
+          ><div class="status-indicator alternative"></div>
+          Alternative/Skipped</span
+        >
+        <span
+          ><div class="status-indicator no_tests"></div>
+          No Tests Required</span
+        >
+      </div>
+    </div>
+  </div>
+
+  <script>
+    let autoRefreshInterval;
+
+    function refreshData() {
+      const btn = document.getElementById("refreshBtn");
+      btn.innerHTML = '<i class="fa fa-spinner fa-spin"></i> Refreshing...';
+      btn.disabled = true;
+
+      const search = document.getElementById("searchInput").value;
+      const url = '{{ url_for("dashboard_bp.api_refresh") }}' + (search ? `?search=${encodeURIComponent(search)}` : "");
+
+      fetch(url)
+        .then((response) => response.json())
+        .then((data) => {
+          // For now, just reload the page with the updated data
+          location.reload();
+        })
+        .catch((error) => {
+          console.error("Refresh failed:", error);
+          btn.innerHTML = '<i class="fa fa-refresh"></i> Refresh';
+          btn.disabled = false;
+        });
+    }
+
+    document.getElementById("autoRefresh").addEventListener("change", function (e) {
+      if (e.target.checked) {
+        autoRefreshInterval = setInterval(refreshData, 30000);
+      } else {
+        clearInterval(autoRefreshInterval);
+      }
+    });
+
+    // Initialize tooltips
+    document.addEventListener("DOMContentLoaded", function () {
+      var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
+      var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
+        return new bootstrap.Tooltip(tooltipTriggerEl);
+      });
+    });
+
+    // Add keyboard shortcut for search
+    document.addEventListener("DOMContentLoaded", function () {
+      document.addEventListener("keydown", function (e) {
+        if (e.ctrlKey && e.key === "f") {
+          e.preventDefault();
+          document.getElementById("searchInput").focus();
+        }
+      });
+    });
+  </script>
+{% endblock %}
+
+{# Helper macro for tooltip rendering #}
+{% macro render_tooltip(stage, status, details, stage_config) %}
+  {% if status == 'alternative' %}
+    <strong>{{ stage.replace('MODULE/', '') }}</strong><br />{{ details.message or 'Stage skipped' }}
+  {% elif status == 'not_uploaded' %}
+    <strong>{{ stage.replace('MODULE/', '') }}</strong><br />{{ details.message or 'Not uploaded' }}
+  {% elif status in ['pass', 'fail', 'partial'] %}
+    <strong>{{ stage.replace('MODULE/', '') }}</strong><br />
+    Tests: {{ details.completed_tests or 0 }}/{{ details.total_tests or 0 }}<br />
+    {% if details.passed_tests %}✅ Passed: {{ details.passed_tests }}<br />{% endif %}
+    {% if details.failed_tests %}❌ Failed: {{ details.failed_tests }}<br />{% endif %}
+    <div style="max-height: 200px; overflow-y: auto;">
+      {% for test in details.test_details or [] %}
+        <small
+          >{{ test.name }}:
+          {% if test.status == 'pass' %}
+            ✅
+          {% elif test.status == 'fail' %}
+            ❌
+          {% else %}
+            ⏳
+          {% endif %} </small
+        ><br />
+      {% endfor %}
+    </div>
+  {% elif status == 'no_tests' %}
+    <strong>{{ stage.replace('MODULE/', '') }}</strong><br />No tests required
+  {% else %}
+    <strong>{{ stage.replace('MODULE/', '') }}</strong><br />{{ status.replace('_', ' ').title() }}
+  {% endif %}
+{% endmacro %}
diff --git a/viewer/templates/parts/nav.html b/viewer/templates/parts/nav.html
index b61512b09..dcee45ef1 100644
--- a/viewer/templates/parts/nav.html
+++ b/viewer/templates/parts/nav.html
@@ -46,6 +46,10 @@
             <a href="{{ url_for("qc_api.qc_tests") }}">QC Tests</a>
           </li>
           <li style="display: inline-block; margin-right: 2pt; font-size: 12pt;">|</li>
+          <li style="display: inline-block; margin-right: 2pt; font-size: 12pt;">
+            <a href="{{ url_for("dashboard_bp.overview") }}">Dashboard</a>
+          </li>
+          <li style="display: inline-block; margin-right: 2pt; font-size: 12pt;">|</li>
           <li style="display: inline-block; margin-right: 2pt; font-size: 12pt;">
             <a href="{{ url_for("toppage_api.show_scans") }}">YARR Scans</a>
           </li>
-- 
GitLab


From 2c0ad310f3eba5a4cac3943de9d9d4a98176f843 Mon Sep 17 00:00:00 2001
From: Giordon Stark <kratsg@gmail.com>
Date: Thu, 18 Sep 2025 22:22:18 -0700
Subject: [PATCH 02/30] fix routing

---
 viewer/templates/dashboard/detail.html   | 4 ++--
 viewer/templates/dashboard/overview.html | 6 +++---
 viewer/templates/parts/nav.html          | 2 +-
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/viewer/templates/dashboard/detail.html b/viewer/templates/dashboard/detail.html
index 3f3405bd8..e7ddacc61 100644
--- a/viewer/templates/dashboard/detail.html
+++ b/viewer/templates/dashboard/detail.html
@@ -11,7 +11,7 @@
     <nav aria-label="breadcrumb">
       <ol class="breadcrumb">
         <li class="breadcrumb-item"><a href="{{ url_for('toppage_api.show_toppage') }}">Top Page</a></li>
-        <li class="breadcrumb-item"><a href="{{ url_for('dashboard_bp.overview') }}">Dashboard</a></li>
+        <li class="breadcrumb-item"><a href="{{ url_for('dashboard.overview') }}">Dashboard</a></li>
         <li class="breadcrumb-item active">{{ module.serialNumber }}</li>
       </ol>
     </nav>
@@ -36,7 +36,7 @@
 
         <div class="row mt-3">
           <div class="col-md-8">
-            <a href="{{ url_for('dashboard_bp.overview') }}" class="btn btn-outline-primary btn-lg">
+            <a href="{{ url_for('dashboard.overview') }}" class="btn btn-outline-primary btn-lg">
               <i class="fa fa-arrow-left"></i> Back to Dashboard
             </a>
             <a
diff --git a/viewer/templates/dashboard/overview.html b/viewer/templates/dashboard/overview.html
index 6aa438859..f7f79f99d 100644
--- a/viewer/templates/dashboard/overview.html
+++ b/viewer/templates/dashboard/overview.html
@@ -11,7 +11,7 @@
       <h1>Module Dashboard</h1>
       <div class="d-flex gap-2">
         <button onclick="refreshData()" class="btn btn-outline-secondary" id="refreshBtn"><i class="fa fa-refresh"></i> Refresh</button>
-        <a href="{{ url_for('dashboard_bp.export_csv') }}" class="btn btn-outline-primary"> <i class="fa fa-download"></i> Export CSV </a>
+        <a href="{{ url_for('dashboard.export_csv') }}" class="btn btn-outline-primary"> <i class="fa fa-download"></i> Export CSV </a>
       </div>
     </div>
 
@@ -29,7 +29,7 @@
           />
           <button type="submit" class="btn btn-primary ms-2">Search</button>
           {% if search %}
-            <a href="{{ url_for('dashboard_bp.overview') }}" class="btn btn-secondary ms-2">Clear</a>
+            <a href="{{ url_for('dashboard.overview') }}" class="btn btn-secondary ms-2">Clear</a>
           {% endif %}
         </form>
       </div>
@@ -176,7 +176,7 @@
       btn.disabled = true;
 
       const search = document.getElementById("searchInput").value;
-      const url = '{{ url_for("dashboard_bp.api_refresh") }}' + (search ? `?search=${encodeURIComponent(search)}` : "");
+      const url = '{{ url_for("dashboard.api_refresh") }}' + (search ? `?search=${encodeURIComponent(search)}` : "");
 
       fetch(url)
         .then((response) => response.json())
diff --git a/viewer/templates/parts/nav.html b/viewer/templates/parts/nav.html
index dcee45ef1..855dfa4b7 100644
--- a/viewer/templates/parts/nav.html
+++ b/viewer/templates/parts/nav.html
@@ -47,7 +47,7 @@
           </li>
           <li style="display: inline-block; margin-right: 2pt; font-size: 12pt;">|</li>
           <li style="display: inline-block; margin-right: 2pt; font-size: 12pt;">
-            <a href="{{ url_for("dashboard_bp.overview") }}">Dashboard</a>
+            <a href="{{ url_for("dashboard.overview") }}">Dashboard</a>
           </li>
           <li style="display: inline-block; margin-right: 2pt; font-size: 12pt;">|</li>
           <li style="display: inline-block; margin-right: 2pt; font-size: 12pt;">
-- 
GitLab


From fe1076350b2813ca5df8a7a06a663db1aa5593f1 Mon Sep 17 00:00:00 2001
From: Giordon Stark <kratsg@gmail.com>
Date: Thu, 18 Sep 2025 22:45:36 -0700
Subject: [PATCH 03/30] more debugging information

---
 viewer/functions/dashboard_queries.py    |  9 ++-
 viewer/templates/dashboard/detail.html   | 85 ++++++++++++++++++++++--
 viewer/templates/dashboard/overview.html | 13 ++--
 viewer/templates/parts/nav.html          |  4 --
 viewer/templates/toppage.html            |  3 +
 5 files changed, 97 insertions(+), 17 deletions(-)

diff --git a/viewer/functions/dashboard_queries.py b/viewer/functions/dashboard_queries.py
index 701a0f5d9..b2ebbdadf 100644
--- a/viewer/functions/dashboard_queries.py
+++ b/viewer/functions/dashboard_queries.py
@@ -23,7 +23,7 @@ def get_enabled_stages(stage_config):
 
 def get_modules_overview(enabled_stages, search=""):
     """Get all modules with stage status matrix"""
-    match_stage = {"componentType": {"$in": ["module", "bare_module"]}}
+    match_stage = {"componentType": "module"}
 
     # Add search filter
     if search:
@@ -91,6 +91,13 @@ def get_modules_overview(enabled_stages, search=""):
                     module["stage_status"][stage] = calculate_stage_status(
                         module["qc_status"], stage, stage_config
                     )
+            else:
+                # No QC status data - mark all stages as not started
+                for stage in enabled_stages:
+                    module["stage_status"][stage] = {
+                        "status": "not_started",
+                        "details": {"message": "No QC status data available"},
+                    }
 
             non_archived_modules.append(module)
 
diff --git a/viewer/templates/dashboard/detail.html b/viewer/templates/dashboard/detail.html
index e7ddacc61..0b6f1a608 100644
--- a/viewer/templates/dashboard/detail.html
+++ b/viewer/templates/dashboard/detail.html
@@ -62,7 +62,14 @@
       <!-- Module Status Information -->
       <div class="accordion-item">
         <h2 class="accordion-header">
-          <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#moduleStatus">
+          <button
+            class="accordion-button"
+            type="button"
+            data-toggle="collapse"
+            data-target="#moduleStatus"
+            aria-expanded="true"
+            aria-controls="moduleStatus"
+          >
             <i class="fa fa-info-circle me-2"></i> Module Status Information
           </button>
         </h2>
@@ -133,6 +140,55 @@
       </div>
 
       {% if module.qc_status %}
+        <!-- Debug Info -->
+        <div class="accordion-item">
+          <h2 class="accordion-header">
+            <button
+              class="accordion-button collapsed"
+              type="button"
+              data-toggle="collapse"
+              data-target="#debugInfo"
+              aria-expanded="false"
+              aria-controls="debugInfo"
+            >
+              <i class="fa fa-bug me-2"></i> Debug Info (QC Status)
+            </button>
+          </h2>
+          <div id="debugInfo" class="accordion-collapse collapse">
+            <div class="accordion-body">
+              <h6>QC Status Keys:</h6>
+              <ul>
+                {% for key in module.qc_status.keys() %}
+                  <li><code>{{ key }}</code>: {{ module.qc_status[key].__class__.__name__ if module.qc_status[key] else 'None' }}</li>
+                {% endfor %}
+              </ul>
+              {% if module.qc_status.get('QC_results') %}
+                <h6>QC Results by Stage:</h6>
+                <ul>
+                  {% for stage, results in module.qc_status.QC_results.items() %}
+                    <li><code>{{ stage }}</code>: {{ results|length if results else 'No results' }} results</li>
+                  {% endfor %}
+                </ul>
+              {% endif %}
+              {% if module.qc_status.get('upload_status') %}
+                <h6>Upload Status by Stage:</h6>
+                <ul>
+                  {% for stage, status in module.qc_status.upload_status.items() %}
+                    <li><code>{{ stage }}</code>: {{ status }}</li>
+                  {% endfor %}
+                </ul>
+              {% endif %}
+              <h6>Enabled Stages:</h6>
+              <ul>
+                {% for stage in enabled_stages %}
+                  {% set stage_tests = stage_config.stage_test.get(stage, []) %}
+                  <li><code>{{ stage }}</code>: {{ stage_tests|length }} tests configured</li>
+                {% endfor %}
+              </ul>
+            </div>
+          </div>
+        </div>
+
         <!-- QC Results by Stage -->
         {% for stage in enabled_stages %}
           {% set stage_tests = stage_config.stage_test.get(stage, []) %}
@@ -143,7 +199,14 @@
           {% if stage_tests and upload_status != 'alternative' %}
             <div class="accordion-item">
               <h2 class="accordion-header">
-                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#stage_{{ loop.index }}">
+                <button
+                  class="accordion-button collapsed"
+                  type="button"
+                  data-toggle="collapse"
+                  data-target="#stage_{{ loop.index }}"
+                  aria-expanded="false"
+                  aria-controls="stage_{{ loop.index }}"
+                >
                   <i class="fa fa-flask me-2"></i>
                   {{ stage.replace('MODULE/', '') }} - {{ stage_config.stages.get(stage, stage) }}
                   <span class="badge bg-secondary ms-2">{{ stage_tests|length }} tests</span>
@@ -242,7 +305,14 @@
       <!-- Component Properties -->
       <div class="accordion-item">
         <h2 class="accordion-header">
-          <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#componentProperties">
+          <button
+            class="accordion-button collapsed"
+            type="button"
+            data-toggle="collapse"
+            data-target="#componentProperties"
+            aria-expanded="false"
+            aria-controls="componentProperties"
+          >
             <i class="fa fa-list me-2"></i> Component Properties
           </button>
         </h2>
@@ -306,7 +376,14 @@
       {% if module.children %}
         <div class="accordion-item">
           <h2 class="accordion-header">
-            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#childrenData">
+            <button
+              class="accordion-button collapsed"
+              type="button"
+              data-toggle="collapse"
+              data-target="#childrenData"
+              aria-expanded="false"
+              aria-controls="childrenData"
+            >
               <i class="fa fa-sitemap me-2"></i> Sub-Component Data
               <span class="badge bg-secondary ms-2">{{ module.children|length }} children</span>
             </button>
diff --git a/viewer/templates/dashboard/overview.html b/viewer/templates/dashboard/overview.html
index f7f79f99d..3a5c278bb 100644
--- a/viewer/templates/dashboard/overview.html
+++ b/viewer/templates/dashboard/overview.html
@@ -96,7 +96,7 @@
           </thead>
           <tbody>
             {% for module in modules %}
-              <tr class="module-row" onclick="window.location='/dashboard/{{ module.serialNumber }}'">
+              <tr class="module-row" onclick="window.location='{{ url_for('dashboard.detail', serial_number=module.serialNumber) }}'">
                 <td class="fw-bold fixed-column">{{ module.serialNumber }}</td>
                 <td>{{ module.altID or '—' }}</td>
                 <td>
@@ -112,9 +112,9 @@
                   <td class="stage-cell">
                     <div
                       class="status-indicator {{ status }}"
-                      data-bs-toggle="tooltip"
-                      data-bs-html="true"
-                      data-bs-placement="top"
+                      data-toggle="tooltip"
+                      data-html="true"
+                      data-placement="top"
                       title="{{ render_tooltip(stage, status, details, stage_config) }}"
                     ></div>
                   </td>
@@ -201,10 +201,7 @@
 
     // Initialize tooltips
     document.addEventListener("DOMContentLoaded", function () {
-      var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
-      var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
-        return new bootstrap.Tooltip(tooltipTriggerEl);
-      });
+      $('[data-toggle="tooltip"]').tooltip();
     });
 
     // Add keyboard shortcut for search
diff --git a/viewer/templates/parts/nav.html b/viewer/templates/parts/nav.html
index 855dfa4b7..b61512b09 100644
--- a/viewer/templates/parts/nav.html
+++ b/viewer/templates/parts/nav.html
@@ -46,10 +46,6 @@
             <a href="{{ url_for("qc_api.qc_tests") }}">QC Tests</a>
           </li>
           <li style="display: inline-block; margin-right: 2pt; font-size: 12pt;">|</li>
-          <li style="display: inline-block; margin-right: 2pt; font-size: 12pt;">
-            <a href="{{ url_for("dashboard.overview") }}">Dashboard</a>
-          </li>
-          <li style="display: inline-block; margin-right: 2pt; font-size: 12pt;">|</li>
           <li style="display: inline-block; margin-right: 2pt; font-size: 12pt;">
             <a href="{{ url_for("toppage_api.show_scans") }}">YARR Scans</a>
           </li>
diff --git a/viewer/templates/toppage.html b/viewer/templates/toppage.html
index 8ddcf782f..0bda9f61a 100644
--- a/viewer/templates/toppage.html
+++ b/viewer/templates/toppage.html
@@ -85,6 +85,9 @@
           <h4>
             &nbsp;<a href="{{ url_for('toppage_api.show_comps', view='module') }}"><i class="fa fa-database "></i> Browse Modules</a>
           </h4>
+          <h4>
+            &nbsp;<a href="{{ url_for('dashboard.overview') }}"><i class="fa fa-dashboard "></i> Module Dashboard</a>
+          </h4>
           <h4>
             &nbsp;<a href="{{ url_for('toppage_api.show_comps', view='module_pcb') }}"><i class="fa fa-database "></i> Browse PCBs</a>
           </h4>
-- 
GitLab


From 182fcfff9afb4dc0a27d42946580ea557d80a0a6 Mon Sep 17 00:00:00 2001
From: Giordon Stark <kratsg@gmail.com>
Date: Thu, 18 Sep 2025 23:00:05 -0700
Subject: [PATCH 04/30] fix qc_status query

---
 viewer/functions/dashboard_queries.py | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/viewer/functions/dashboard_queries.py b/viewer/functions/dashboard_queries.py
index b2ebbdadf..433920624 100644
--- a/viewer/functions/dashboard_queries.py
+++ b/viewer/functions/dashboard_queries.py
@@ -203,8 +203,8 @@ def get_module_details(serial_number):
         {
             "$lookup": {
                 "from": "QC.module.status",
-                "localField": "_id",
-                "foreignField": "component",
+                "let": {"idStr": {"$toString": "$_id"}},
+                "pipeline": [{"$match": {"$expr": {"$eq": ["$component", "$$idStr"]}}}],
                 "as": "qc_status",
             }
         },
-- 
GitLab


From 99404f5355a4072cc4d0d9bb86da507d1aa83eee Mon Sep 17 00:00:00 2001
From: Giordon Stark <kratsg@gmail.com>
Date: Thu, 18 Sep 2025 23:11:02 -0700
Subject: [PATCH 05/30] improve detail view.. hopefully we fix dashboard

---
 viewer/functions/dashboard_queries.py  |   4 +-
 viewer/static/assets/css/dashboard.css |  32 ++++
 viewer/templates/dashboard/detail.html | 233 ++++++++++++++-----------
 3 files changed, 168 insertions(+), 101 deletions(-)

diff --git a/viewer/functions/dashboard_queries.py b/viewer/functions/dashboard_queries.py
index 433920624..a18bb8890 100644
--- a/viewer/functions/dashboard_queries.py
+++ b/viewer/functions/dashboard_queries.py
@@ -44,8 +44,8 @@ def get_modules_overview(enabled_stages, search=""):
         {
             "$lookup": {
                 "from": "QC.module.status",
-                "localField": "_id",
-                "foreignField": "component",
+                "let": {"idStr": {"$toString": "$_id"}},
+                "pipeline": [{"$match": {"$expr": {"$eq": ["$component", "$$idStr"]}}}],
                 "as": "qc_status",
             }
         },
diff --git a/viewer/static/assets/css/dashboard.css b/viewer/static/assets/css/dashboard.css
index c59ce4098..dcc9c6398 100644
--- a/viewer/static/assets/css/dashboard.css
+++ b/viewer/static/assets/css/dashboard.css
@@ -340,6 +340,38 @@
   font-size: 0.9rem;
 }
 
+/* Detail Page Matrix Styles */
+.stage-row {
+  cursor: pointer;
+}
+
+.stage-row:hover {
+  background-color: #f8f9fa;
+}
+
+.test-indicators .badge {
+  font-size: 0.7rem;
+}
+
+.stage-details {
+  border-left: 3px solid #0d6efd;
+}
+
+.stage-details .card-sm {
+  border: 1px solid #e9ecef;
+}
+
+.stage-details .card-sm:hover {
+  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+}
+
+.btn-xs {
+  padding: 0.125rem 0.25rem;
+  font-size: 0.75rem;
+  line-height: 1.2;
+  border-radius: 0.2rem;
+}
+
 /* Status Matrix Scrolling */
 .table-responsive {
   scrollbar-width: thin;
diff --git a/viewer/templates/dashboard/detail.html b/viewer/templates/dashboard/detail.html
index 0b6f1a608..40ad00d9f 100644
--- a/viewer/templates/dashboard/detail.html
+++ b/viewer/templates/dashboard/detail.html
@@ -189,117 +189,152 @@
           </div>
         </div>
 
-        <!-- QC Results by Stage -->
-        {% for stage in enabled_stages %}
-          {% set stage_tests = stage_config.stage_test.get(stage, []) %}
-          {% set qc_results = module.qc_status.QC_results.get(stage, {}) %}
-          {% set qc_results_pdb = module.qc_status.QC_results_pdb.get(stage, {}) %}
-          {% set upload_status = module.qc_status.upload_status.get(stage, '-1') %}
-
-          {% if stage_tests and upload_status != 'alternative' %}
-            <div class="accordion-item">
-              <h2 class="accordion-header">
-                <button
-                  class="accordion-button collapsed"
-                  type="button"
-                  data-toggle="collapse"
-                  data-target="#stage_{{ loop.index }}"
-                  aria-expanded="false"
-                  aria-controls="stage_{{ loop.index }}"
-                >
-                  <i class="fa fa-flask me-2"></i>
-                  {{ stage.replace('MODULE/', '') }} - {{ stage_config.stages.get(stage, stage) }}
-                  <span class="badge bg-secondary ms-2">{{ stage_tests|length }} tests</span>
-                  {% if upload_status == '1' %}
-                    <span class="badge bg-success ms-2">Uploaded</span>
-                  {% else %}
-                    <span class="badge bg-warning ms-2">Not Uploaded</span>
-                  {% endif %}
-                </button>
-              </h2>
-              <div id="stage_{{ loop.index }}" class="accordion-collapse collapse">
-                <div class="accordion-body">
-                  <!-- Stage Summary -->
-                  {% set completed_tests = [] %}
-                  {% set failed_tests = [] %}
-                  {% for test in stage_tests %}
-                    {% set local_result_id = qc_results.get(test, '-1') %}
-                    {% if local_result_id != '-1' %}
-                      {% set completed_tests = completed_tests.append(test) %}
-                    {% endif %}
-                  {% endfor %}
-
-                  <div class="alert alert-light mb-3">
-                    <div class="row">
-                      <div class="col-md-4">
-                        <strong>Progress:</strong> {{ completed_tests|length }}/{{ stage_tests|length }} tests completed
-                      </div>
-                      <div class="col-md-4">
-                        <strong>Upload Status:</strong>
-                        {% if upload_status == '1' %}
-                          <span class="badge bg-success">Uploaded to Production DB</span>
-                        {% else %}
-                          <span class="badge bg-warning">Not Uploaded</span>
-                        {% endif %}
-                      </div>
-                      <div class="col-md-4"><strong>Stage:</strong> {{ stage_config.stages.get(stage, stage) }}</div>
-                    </div>
-                  </div>
+        <!-- QC Results Matrix -->
+        <div class="accordion-item">
+          <h2 class="accordion-header">
+            <button
+              class="accordion-button"
+              type="button"
+              data-toggle="collapse"
+              data-target="#qcMatrix"
+              aria-expanded="true"
+              aria-controls="qcMatrix"
+            >
+              <i class="fa fa-table me-2"></i> QC Test Results Matrix
+            </button>
+          </h2>
+          <div id="qcMatrix" class="accordion-collapse collapse show">
+            <div class="accordion-body">
+              <div class="table-responsive">
+                <table class="table table-sm table-hover">
+                  <thead class="table-dark">
+                    <tr>
+                      <th>Stage</th>
+                      <th>Upload Status</th>
+                      <th>Progress</th>
+                      <th>Tests</th>
+                      <th>Actions</th>
+                    </tr>
+                  </thead>
+                  <tbody>
+                    {% for stage in enabled_stages %}
+                      {% set stage_tests = stage_config.stage_test.get(stage, []) %}
+                      {% set qc_results = module.qc_status.QC_results.get(stage, {}) %}
+                      {% set qc_results_pdb = module.qc_status.QC_results_pdb.get(stage, {}) %}
+                      {% set upload_status = module.qc_status.upload_status.get(stage, '-1') %}
 
-                  <!-- Test Results Table -->
-                  <table class="table table-sm">
-                    <thead>
-                      <tr>
-                        <th>Test</th>
-                        <th>Local Result</th>
-                        <th>Production DB Result</th>
-                        <th>Actions</th>
-                      </tr>
-                    </thead>
-                    <tbody>
-                      {% for test in stage_tests %}
-                        {% set local_result_id = qc_results.get(test, '-1') %}
-                        {% set pdb_result_id = qc_results_pdb.get(test, '-1') %}
-                        {% set test_name = stage_config.test_items.get(test, test) %}
-                        <tr>
-                          <td class="fw-bold">{{ test_name }}</td>
+                      {% if stage_tests %}
+                        <tr class="stage-row" data-stage="{{ stage }}">
+                          <td class="fw-bold">
+                            {{ stage.replace('MODULE/', '') }}
+                            <small class="text-muted d-block">{{ stage_config.stages.get(stage, stage) }}</small>
+                          </td>
                           <td>
-                            {% if local_result_id == '-1' %}
-                              <span class="badge bg-secondary">Not Done</span>
+                            {% if upload_status == '1' %}
+                              <span class="badge bg-success">Uploaded</span>
+                            {% elif upload_status == 'alternative' %}
+                              <span class="badge bg-secondary">Alternative</span>
                             {% else %}
-                              <span class="badge bg-success">Completed</span>
-                              <small class="text-muted d-block">ID: {{ local_result_id }}</small>
+                              <span class="badge bg-warning">Not Uploaded</span>
                             {% endif %}
                           </td>
                           <td>
-                            {% if pdb_result_id == '-1' %}
-                              <span class="badge bg-secondary">Not Done</span>
-                            {% else %}
-                              <span class="badge bg-success">Completed</span>
-                              <small class="text-muted d-block">ID: {{ pdb_result_id }}</small>
-                            {% endif %}
+                            {% set completed_count = 0 %}
+                            {% for test in stage_tests %}
+                              {% set local_result_id = qc_results.get(test, '-1') %}
+                              {% if local_result_id != '-1' %}
+                                {% set completed_count = completed_count + 1 %}
+                              {% endif %}
+                            {% endfor %}
+                            <div class="progress" style="height: 20px;">
+                              {% set progress_pct = (completed_count / stage_tests|length * 100) if stage_tests|length > 0 else 0 %}
+                              <div class="progress-bar" style="width: {{ progress_pct }}%">
+                                {{ completed_count }}/{{ stage_tests|length }}
+                              </div>
+                            </div>
                           </td>
                           <td>
-                            {% if local_result_id != '-1' %}
-                              <a
-                                href="{{ url_for('component_api.show_component', id=module._id, test='qctest', runId=local_result_id) }}"
-                                class="btn btn-sm btn-outline-primary"
-                              >
-                                View Details
-                              </a>
-                            {% else %}
-                              <span class="text-muted">No result</span>
-                            {% endif %}
+                            <div class="test-indicators">
+                              {% for test in stage_tests %}
+                                {% set local_result_id = qc_results.get(test, '-1') %}
+                                {% set test_name = stage_config.test_items.get(test, test) %}
+                                <span
+                                  class="badge me-1 mb-1 {{ 'bg-success' if local_result_id != '-1' else 'bg-secondary' }}"
+                                  data-toggle="tooltip"
+                                  title="{{ test_name }}: {{ 'Completed' if local_result_id != '-1' else 'Not Done' }}"
+                                >
+                                  {{ test_name[:8] }}{{ '...' if test_name|length > 8 else '' }}
+                                </span>
+                              {% endfor %}
+                            </div>
+                          </td>
+                          <td>
+                            <button
+                              class="btn btn-sm btn-outline-info toggle-details"
+                              data-stage="{{ stage }}"
+                              data-toggle="collapse"
+                              data-target="#details_{{ loop.index }}"
+                            >
+                              <i class="fa fa-eye"></i> Details
+                            </button>
                           </td>
                         </tr>
-                      {% endfor %}
-                    </tbody>
-                  </table>
-                </div>
+                        <!-- Expandable details row -->
+                        <tr class="collapse stage-details" id="details_{{ loop.index }}">
+                          <td colspan="5">
+                            <div class="p-3 bg-light">
+                              <h6>{{ stage.replace('MODULE/', '') }} Test Details</h6>
+                              <div class="row">
+                                {% for test in stage_tests %}
+                                  {% set local_result_id = qc_results.get(test, '-1') %}
+                                  {% set pdb_result_id = qc_results_pdb.get(test, '-1') %}
+                                  {% set test_name = stage_config.test_items.get(test, test) %}
+                                  <div class="col-md-6 mb-2">
+                                    <div class="card card-sm">
+                                      <div class="card-body p-2">
+                                        <h6 class="card-title mb-1">{{ test_name }}</h6>
+                                        <div class="d-flex justify-content-between">
+                                          <small>
+                                            <strong>Local:</strong>
+                                            {% if local_result_id != '-1' %}
+                                              <span class="text-success">✓ {{ local_result_id }}</span>
+                                            {% else %}
+                                              <span class="text-muted">Not Done</span>
+                                            {% endif %}
+                                          </small>
+                                          <small>
+                                            <strong>PDB:</strong>
+                                            {% if pdb_result_id != '-1' %}
+                                              <span class="text-success">✓ {{ pdb_result_id }}</span>
+                                            {% else %}
+                                              <span class="text-muted">Not Done</span>
+                                            {% endif %}
+                                          </small>
+                                        </div>
+                                        {% if local_result_id != '-1' %}
+                                          <a
+                                            href="{{ url_for('component_api.show_component', id=module._id, test='qctest', runId=local_result_id) }}"
+                                            class="btn btn-xs btn-outline-primary mt-1"
+                                          >
+                                            View Result
+                                          </a>
+                                        {% endif %}
+                                      </div>
+                                    </div>
+                                  </div>
+                                {% endfor %}
+                              </div>
+                            </div>
+                          </td>
+                        </tr>
+                      {% endif %}
+                    {% endfor %}
+                  </tbody>
+                </table>
               </div>
             </div>
-          {% endif %}
-        {% endfor %}
+          </div>
+        </div>
       {% endif %}
 
       <!-- Component Properties -->
-- 
GitLab


From 9d8aa7f02c4740f9afda8cf71652b1b778266bc3 Mon Sep 17 00:00:00 2001
From: Giordon Stark <kratsg@gmail.com>
Date: Thu, 18 Sep 2025 23:31:03 -0700
Subject: [PATCH 06/30] fix up stylistic tweaks more

---
 viewer/static/assets/css/dashboard.css   |  27 +-
 viewer/templates/dashboard/detail.html   | 604 ++++++++---------------
 viewer/templates/dashboard/overview.html |  73 ++-
 3 files changed, 276 insertions(+), 428 deletions(-)

diff --git a/viewer/static/assets/css/dashboard.css b/viewer/static/assets/css/dashboard.css
index dcc9c6398..f8ff94e4a 100644
--- a/viewer/static/assets/css/dashboard.css
+++ b/viewer/static/assets/css/dashboard.css
@@ -139,8 +139,33 @@
 
 /* Tooltip Improvements */
 .tooltip-inner {
-  max-width: 300px;
+  max-width: 400px;
   text-align: left;
+  padding: 0;
+}
+
+.tooltip-inner .card {
+  margin: 0;
+  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
+}
+
+.tooltip-inner .card-header {
+  background-color: #f8f9fa;
+  border-bottom: 1px solid #dee2e6;
+}
+
+.tooltip-inner .list-group-item {
+  border-left: none;
+  border-right: none;
+  font-size: 0.85rem;
+}
+
+.tooltip-inner .list-group-item:first-child {
+  border-top: none;
+}
+
+.tooltip-inner .list-group-item:last-child {
+  border-bottom: none;
 }
 
 /* Search and Controls */
diff --git a/viewer/templates/dashboard/detail.html b/viewer/templates/dashboard/detail.html
index 40ad00d9f..042ff5186 100644
--- a/viewer/templates/dashboard/detail.html
+++ b/viewer/templates/dashboard/detail.html
@@ -58,420 +58,224 @@
       </div>
     </div>
 
-    <div class="accordion" id="moduleAccordion">
-      <!-- Module Status Information -->
-      <div class="accordion-item">
-        <h2 class="accordion-header">
-          <button
-            class="accordion-button"
-            type="button"
-            data-toggle="collapse"
-            data-target="#moduleStatus"
-            aria-expanded="true"
-            aria-controls="moduleStatus"
-          >
-            <i class="fa fa-info-circle me-2"></i> Module Status Information
-          </button>
-        </h2>
-        <div id="moduleStatus" class="accordion-collapse collapse show">
-          <div class="accordion-body">
-            <div class="row">
-              <div class="col-md-6">
-                <table class="table table-sm">
-                  <tr>
-                    <td class="fw-bold">Serial Number</td>
-                    <td>{{ module.serialNumber }}</td>
-                  </tr>
-                  <tr>
-                    <td class="fw-bold">Alternative ID</td>
-                    <td>{{ module.altID or 'Not Set' }}</td>
-                  </tr>
-                  <tr>
-                    <td class="fw-bold">Component Type</td>
-                    <td>{{ module.componentType }}</td>
-                  </tr>
-                  <tr>
-                    <td class="fw-bold">Current Stage</td>
-                    <td>{{ module.currentStage or 'Not Set' }}</td>
-                  </tr>
-                  {% if module.qc_status %}
-                    <tr>
-                      <td class="fw-bold">Latest Synced Stage</td>
-                      <td>{{ module.qc_status.latestSyncedStage or 'Not Set' }}</td>
-                    </tr>
-                    <tr>
-                      <td class="fw-bold">Status</td>
-                      <td>{{ module.qc_status.status }}</td>
-                    </tr>
-                  {% endif %}
-                </table>
-              </div>
-              <div class="col-md-6">
-                <table class="table table-sm">
-                  {% if module.sys %}
-                    <tr>
-                      <td class="fw-bold">Created</td>
-                      <td>{{ datetime.widget(module.sys.cts) }}</td>
-                    </tr>
-                    <tr>
-                      <td class="fw-bold">Last Modified</td>
-                      <td>{{ datetime.widget(module.sys.mts) }}</td>
-                    </tr>
-                    <tr>
-                      <td class="fw-bold">System Revision</td>
-                      <td>{{ module.sys.rev }}</td>
-                    </tr>
-                  {% endif %}
-                  <tr>
-                    <td class="fw-bold">DB Version</td>
-                    <td>{{ module.dbVersion or 'Not Set' }}</td>
-                  </tr>
-                  {% if module.qc_status %}
-                    <tr>
-                      <td class="fw-bold">Production DB Version</td>
-                      <td>{{ module.qc_status.proddbVersion or 'Not Set' }}</td>
-                    </tr>
-                  {% endif %}
-                </table>
-              </div>
-            </div>
-          </div>
-        </div>
+    <!-- Module Status Information -->
+    <div class="row mb-4">
+      <div class="col-md-6">
+        <table class="table table-sm">
+          <tr>
+            <td class="fw-bold">Serial Number</td>
+            <td>{{ module.serialNumber }}</td>
+          </tr>
+          <tr>
+            <td class="fw-bold">Alternative ID</td>
+            <td>{{ module.altID or 'Not Set' }}</td>
+          </tr>
+          <tr>
+            <td class="fw-bold">Component Type</td>
+            <td>{{ module.componentType }}</td>
+          </tr>
+          <tr>
+            <td class="fw-bold">Current Stage</td>
+            <td>{{ module.currentStage or 'Not Set' }}</td>
+          </tr>
+          {% if module.qc_status %}
+            <tr>
+              <td class="fw-bold">Status</td>
+              <td>{{ module.qc_status.status }}</td>
+            </tr>
+          {% endif %}
+        </table>
       </div>
+      <div class="col-md-6">
+        <table class="table table-sm">
+          {% if module.sys %}
+            <tr>
+              <td class="fw-bold">Created</td>
+              <td>{{ datetime.widget(module.sys.cts) }}</td>
+            </tr>
+            <tr>
+              <td class="fw-bold">Last Modified</td>
+              <td>{{ datetime.widget(module.sys.mts) }}</td>
+            </tr>
+          {% endif %}
+          <tr>
+            <td class="fw-bold">DB Version</td>
+            <td>{{ module.dbVersion or 'Not Set' }}</td>
+          </tr>
+          {% if module.qc_status %}
+            <tr>
+              <td class="fw-bold">Production DB Version</td>
+              <td>{{ module.qc_status.proddbVersion or 'Not Set' }}</td>
+            </tr>
+          {% endif %}
+        </table>
+      </div>
+    </div>
 
-      {% if module.qc_status %}
-        <!-- Debug Info -->
-        <div class="accordion-item">
-          <h2 class="accordion-header">
-            <button
-              class="accordion-button collapsed"
-              type="button"
-              data-toggle="collapse"
-              data-target="#debugInfo"
-              aria-expanded="false"
-              aria-controls="debugInfo"
-            >
-              <i class="fa fa-bug me-2"></i> Debug Info (QC Status)
-            </button>
-          </h2>
-          <div id="debugInfo" class="accordion-collapse collapse">
-            <div class="accordion-body">
-              <h6>QC Status Keys:</h6>
-              <ul>
-                {% for key in module.qc_status.keys() %}
-                  <li><code>{{ key }}</code>: {{ module.qc_status[key].__class__.__name__ if module.qc_status[key] else 'None' }}</li>
-                {% endfor %}
-              </ul>
-              {% if module.qc_status.get('QC_results') %}
-                <h6>QC Results by Stage:</h6>
-                <ul>
-                  {% for stage, results in module.qc_status.QC_results.items() %}
-                    <li><code>{{ stage }}</code>: {{ results|length if results else 'No results' }} results</li>
-                  {% endfor %}
-                </ul>
-              {% endif %}
-              {% if module.qc_status.get('upload_status') %}
-                <h6>Upload Status by Stage:</h6>
-                <ul>
-                  {% for stage, status in module.qc_status.upload_status.items() %}
-                    <li><code>{{ stage }}</code>: {{ status }}</li>
-                  {% endfor %}
-                </ul>
-              {% endif %}
-              <h6>Enabled Stages:</h6>
-              <ul>
-                {% for stage in enabled_stages %}
-                  {% set stage_tests = stage_config.stage_test.get(stage, []) %}
-                  <li><code>{{ stage }}</code>: {{ stage_tests|length }} tests configured</li>
-                {% endfor %}
-              </ul>
-            </div>
-          </div>
-        </div>
-
-        <!-- QC Results Matrix -->
-        <div class="accordion-item">
-          <h2 class="accordion-header">
-            <button
-              class="accordion-button"
-              type="button"
-              data-toggle="collapse"
-              data-target="#qcMatrix"
-              aria-expanded="true"
-              aria-controls="qcMatrix"
-            >
-              <i class="fa fa-table me-2"></i> QC Test Results Matrix
-            </button>
-          </h2>
-          <div id="qcMatrix" class="accordion-collapse collapse show">
-            <div class="accordion-body">
-              <div class="table-responsive">
-                <table class="table table-sm table-hover">
-                  <thead class="table-dark">
-                    <tr>
-                      <th>Stage</th>
-                      <th>Upload Status</th>
-                      <th>Progress</th>
-                      <th>Tests</th>
-                      <th>Actions</th>
-                    </tr>
-                  </thead>
-                  <tbody>
-                    {% for stage in enabled_stages %}
-                      {% set stage_tests = stage_config.stage_test.get(stage, []) %}
-                      {% set qc_results = module.qc_status.QC_results.get(stage, {}) %}
-                      {% set qc_results_pdb = module.qc_status.QC_results_pdb.get(stage, {}) %}
-                      {% set upload_status = module.qc_status.upload_status.get(stage, '-1') %}
+    {% if module.qc_status %}
+      <!-- QC Test Results Matrix -->
+      <h3><i class="fa fa-table me-2"></i> QC Test Results</h3>
+      <div class="table-responsive">
+        <table class="table table-striped table-hover">
+          <thead class="table-dark">
+            <tr>
+              <th>Stage</th>
+              <th>Upload Status</th>
+              <th>Tests Status</th>
+              <th>Actions</th>
+            </tr>
+          </thead>
+          <tbody>
+            {% for stage in enabled_stages %}
+              {% set stage_tests = stage_config.stage_test.get(stage, []) %}
+              {% set qc_results = module.qc_status.QC_results.get(stage, {}) %}
+              {% set qc_results_pdb = module.qc_status.QC_results_pdb.get(stage, {}) %}
+              {% set upload_status = module.qc_status.upload_status.get(stage, '-1') %}
 
-                      {% if stage_tests %}
-                        <tr class="stage-row" data-stage="{{ stage }}">
-                          <td class="fw-bold">
-                            {{ stage.replace('MODULE/', '') }}
-                            <small class="text-muted d-block">{{ stage_config.stages.get(stage, stage) }}</small>
-                          </td>
-                          <td>
-                            {% if upload_status == '1' %}
-                              <span class="badge bg-success">Uploaded</span>
-                            {% elif upload_status == 'alternative' %}
-                              <span class="badge bg-secondary">Alternative</span>
-                            {% else %}
-                              <span class="badge bg-warning">Not Uploaded</span>
-                            {% endif %}
-                          </td>
-                          <td>
-                            {% set completed_count = 0 %}
-                            {% for test in stage_tests %}
-                              {% set local_result_id = qc_results.get(test, '-1') %}
-                              {% if local_result_id != '-1' %}
-                                {% set completed_count = completed_count + 1 %}
-                              {% endif %}
-                            {% endfor %}
-                            <div class="progress" style="height: 20px;">
-                              {% set progress_pct = (completed_count / stage_tests|length * 100) if stage_tests|length > 0 else 0 %}
-                              <div class="progress-bar" style="width: {{ progress_pct }}%">
-                                {{ completed_count }}/{{ stage_tests|length }}
-                              </div>
-                            </div>
-                          </td>
-                          <td>
-                            <div class="test-indicators">
-                              {% for test in stage_tests %}
-                                {% set local_result_id = qc_results.get(test, '-1') %}
-                                {% set test_name = stage_config.test_items.get(test, test) %}
-                                <span
-                                  class="badge me-1 mb-1 {{ 'bg-success' if local_result_id != '-1' else 'bg-secondary' }}"
-                                  data-toggle="tooltip"
-                                  title="{{ test_name }}: {{ 'Completed' if local_result_id != '-1' else 'Not Done' }}"
-                                >
-                                  {{ test_name[:8] }}{{ '...' if test_name|length > 8 else '' }}
-                                </span>
-                              {% endfor %}
-                            </div>
-                          </td>
-                          <td>
-                            <button
-                              class="btn btn-sm btn-outline-info toggle-details"
-                              data-stage="{{ stage }}"
-                              data-toggle="collapse"
-                              data-target="#details_{{ loop.index }}"
-                            >
-                              <i class="fa fa-eye"></i> Details
-                            </button>
-                          </td>
-                        </tr>
-                        <!-- Expandable details row -->
-                        <tr class="collapse stage-details" id="details_{{ loop.index }}">
-                          <td colspan="5">
-                            <div class="p-3 bg-light">
-                              <h6>{{ stage.replace('MODULE/', '') }} Test Details</h6>
-                              <div class="row">
-                                {% for test in stage_tests %}
-                                  {% set local_result_id = qc_results.get(test, '-1') %}
-                                  {% set pdb_result_id = qc_results_pdb.get(test, '-1') %}
-                                  {% set test_name = stage_config.test_items.get(test, test) %}
-                                  <div class="col-md-6 mb-2">
-                                    <div class="card card-sm">
-                                      <div class="card-body p-2">
-                                        <h6 class="card-title mb-1">{{ test_name }}</h6>
-                                        <div class="d-flex justify-content-between">
-                                          <small>
-                                            <strong>Local:</strong>
-                                            {% if local_result_id != '-1' %}
-                                              <span class="text-success">✓ {{ local_result_id }}</span>
-                                            {% else %}
-                                              <span class="text-muted">Not Done</span>
-                                            {% endif %}
-                                          </small>
-                                          <small>
-                                            <strong>PDB:</strong>
-                                            {% if pdb_result_id != '-1' %}
-                                              <span class="text-success">✓ {{ pdb_result_id }}</span>
-                                            {% else %}
-                                              <span class="text-muted">Not Done</span>
-                                            {% endif %}
-                                          </small>
-                                        </div>
-                                        {% if local_result_id != '-1' %}
-                                          <a
-                                            href="{{ url_for('component_api.show_component', id=module._id, test='qctest', runId=local_result_id) }}"
-                                            class="btn btn-xs btn-outline-primary mt-1"
-                                          >
-                                            View Result
-                                          </a>
-                                        {% endif %}
-                                      </div>
-                                    </div>
-                                  </div>
-                                {% endfor %}
-                              </div>
-                            </div>
-                          </td>
-                        </tr>
-                      {% endif %}
-                    {% endfor %}
-                  </tbody>
-                </table>
-              </div>
-            </div>
-          </div>
-        </div>
-      {% endif %}
+              {% if stage_tests %}
+                <tr class="stage-row" data-stage="{{ stage }}">
+                  <td class="fw-bold">
+                    {{ stage.replace('MODULE/', '') }}
+                    <small class="text-muted d-block">{{ stage_config.stages.get(stage, stage) }}</small>
+                  </td>
+                  <td>
+                    {% if upload_status == '1' %}
+                      <span class="badge badge-success">Uploaded</span>
+                    {% elif upload_status == 'alternative' %}
+                      <span class="badge badge-secondary">Alternative</span>
+                    {% else %}
+                      <span class="badge badge-warning">Not Uploaded</span>
+                    {% endif %}
+                  </td>
+                  <td>
+                    <div class="test-indicators">
+                      {% for test in stage_tests %}
+                        {% set local_result_id = qc_results.get(test, '-1') %}
+                        {% set pdb_result_id = qc_results_pdb.get(test, '-1') %}
+                        {% set test_name = stage_config.test_items.get(test, test) %}
 
-      <!-- Component Properties -->
-      <div class="accordion-item">
-        <h2 class="accordion-header">
-          <button
-            class="accordion-button collapsed"
-            type="button"
-            data-toggle="collapse"
-            data-target="#componentProperties"
-            aria-expanded="false"
-            aria-controls="componentProperties"
-          >
-            <i class="fa fa-list me-2"></i> Component Properties
-          </button>
-        </h2>
-        <div id="componentProperties" class="accordion-collapse collapse">
-          <div class="accordion-body">
-            {% if module.properties %}
-              <table class="table table-sm">
-                <thead>
-                  <tr>
-                    <th>Code</th>
-                    <th>Name</th>
-                    <th>Value</th>
-                    <th>Data Type</th>
-                    <th>Last Updated</th>
-                  </tr>
-                </thead>
-                <tbody>
-                  {% for prop in module.properties %}
-                    <tr>
-                      <td><code>{{ prop.code }}</code></td>
-                      <td>{{ prop.name or '—' }}</td>
-                      <td>
-                        {% if prop.dataType == 'codeTable' and prop.codeTable and prop.value %}
-                          {% set found_value = false %}
-                          {% for item in prop.codeTable %}
-                            {% if item.code == prop.value %}
-                              <span class="badge bg-info">{{ item.value }}</span>
-                              {% set found_value = true %}
-                            {% endif %}
-                          {% endfor %}
-                          {% if not found_value %}
-                            {{ prop.value }}
-                          {% endif %}
-                        {% elif prop.dataType == 'boolean' %}
-                          <span class="badge bg-{{ 'success' if prop.value else 'secondary' }}">
-                            {{ 'True' if prop.value else 'False' }}
+                        {% if pdb_result_id != '-1' %}
+                          <span class="badge badge-success me-1 mb-1" data-toggle="tooltip" title="{{ test_name }}: Uploaded">
+                            {{ test_name[:8] }}{{ '...' if test_name|length > 8 else '' }}
+                          </span>
+                        {% elif local_result_id != '-1' %}
+                          <span class="badge badge-warning me-1 mb-1" data-toggle="tooltip" title="{{ test_name }}: Tested">
+                            {{ test_name[:8] }}{{ '...' if test_name|length > 8 else '' }}
                           </span>
                         {% else %}
-                          {{ prop.value or '—' }}
-                        {% endif %}
-                      </td>
-                      <td>
-                        <span class="badge bg-light text-dark">{{ prop.dataType or 'unknown' }}</span>
-                        {% if prop.required %}
-                          <span class="badge bg-warning text-dark">Required</span>
+                          <span class="badge badge-secondary me-1 mb-1" data-toggle="tooltip" title="{{ test_name }}: Not Done">
+                            {{ test_name[:8] }}{{ '...' if test_name|length > 8 else '' }}
+                          </span>
                         {% endif %}
-                      </td>
-                      <td>{{ datetime.widget(prop.dateTime) if prop.dateTime else '—' }}</td>
-                    </tr>
-                  {% endfor %}
-                </tbody>
-              </table>
-            {% else %}
-              <div class="alert alert-info"><i class="fa fa-info-circle"></i> No properties defined for this component.</div>
-            {% endif %}
-          </div>
-        </div>
+                      {% endfor %}
+                    </div>
+                  </td>
+                  <td>
+                    <button
+                      class="btn btn-sm btn-outline-info toggle-details"
+                      data-toggle="collapse"
+                      data-target="#details_{{ loop.index }}"
+                    >
+                      <i class="fa fa-eye"></i> View Details
+                    </button>
+                  </td>
+                </tr>
+                <!-- Expandable details row -->
+                <tr class="collapse stage-details" id="details_{{ loop.index }}">
+                  <td colspan="4">
+                    <div class="p-3 bg-light">
+                      <h6>{{ stage.replace('MODULE/', '') }} Test Details</h6>
+                      <div class="row">
+                        {% for test in stage_tests %}
+                          {% set local_result_id = qc_results.get(test, '-1') %}
+                          {% set pdb_result_id = qc_results_pdb.get(test, '-1') %}
+                          {% set test_name = stage_config.test_items.get(test, test) %}
+                          <div class="col-md-6 mb-2">
+                            <div class="card">
+                              <div class="card-body p-2">
+                                <h6 class="card-title mb-1">{{ test_name }}</h6>
+                                <div class="d-flex justify-content-between">
+                                  <small>
+                                    <strong>Local:</strong>
+                                    {% if local_result_id != '-1' %}
+                                      <span class="text-success"><i class="fa fa-check"></i> {{ local_result_id }}</span>
+                                    {% else %}
+                                      <span class="text-muted">Not Done</span>
+                                    {% endif %}
+                                  </small>
+                                  <small>
+                                    <strong>PDB:</strong>
+                                    {% if pdb_result_id != '-1' %}
+                                      <span class="text-success"><i class="fa fa-check"></i> {{ pdb_result_id }}</span>
+                                    {% else %}
+                                      <span class="text-muted">Not Done</span>
+                                    {% endif %}
+                                  </small>
+                                </div>
+                                {% if local_result_id != '-1' %}
+                                  <a
+                                    href="{{ url_for('component_api.show_component', id=module._id, test='qctest', runId=local_result_id) }}"
+                                    class="btn btn-sm btn-outline-primary mt-1"
+                                  >
+                                    <i class="fa fa-external-link"></i> View Result
+                                  </a>
+                                {% endif %}
+                              </div>
+                            </div>
+                          </div>
+                        {% endfor %}
+                      </div>
+                    </div>
+                  </td>
+                </tr>
+              {% endif %}
+            {% endfor %}
+          </tbody>
+        </table>
       </div>
+    {% endif %}
 
-      <!-- Sub-Component Data -->
-      {% if module.children %}
-        <div class="accordion-item">
-          <h2 class="accordion-header">
-            <button
-              class="accordion-button collapsed"
-              type="button"
-              data-toggle="collapse"
-              data-target="#childrenData"
-              aria-expanded="false"
-              aria-controls="childrenData"
-            >
-              <i class="fa fa-sitemap me-2"></i> Sub-Component Data
-              <span class="badge bg-secondary ms-2">{{ module.children|length }} children</span>
-            </button>
-          </h2>
-          <div id="childrenData" class="accordion-collapse collapse">
-            <div class="accordion-body">
-              {% for child in module.children %}
-                <div class="card mb-3">
-                  <div class="card-header">
-                    <h6 class="card-title mb-0">
-                      <a
-                        href="{{ url_for('component_api.show_component_sn', serialNumber=child.serialNumber) }}"
-                        class="text-decoration-none"
-                      >
-                        {{ child.serialNumber }}
-                      </a>
-                      <span class="badge bg-secondary ms-2">{{ child.componentType }}</span>
-                    </h6>
-                  </div>
-                  {% if child.properties %}
-                    <div class="card-body">
-                      <table class="table table-sm table-borderless">
-                        {% for prop in child.properties[:5] %}
-                          <tr>
-                            <td class="fw-bold" style="width: 30%">{{ prop.name or prop.code }}</td>
-                            <td>
-                              {% if prop.dataType == 'codeTable' and prop.codeTable and prop.value %}
-                                {% for item in prop.codeTable %}
-                                  {% if item.code == prop.value %}{{ item.value }}{% endif %}
-                                {% endfor %}
-                              {% else %}
-                                {{ prop.value or '—' }}
-                              {% endif %}
-                            </td>
-                          </tr>
+    <!-- Sub-Component Data -->
+    {% if module.children %}
+      <h3 class="mt-4">
+        <i class="fa fa-sitemap me-2"></i> Sub-Components <span class="badge badge-secondary">{{ module.children|length }}</span>
+      </h3>
+      <div class="row">
+        {% for child in module.children %}
+          <div class="col-md-6 mb-3">
+            <div class="card">
+              <div class="card-header">
+                <h6 class="card-title mb-0">
+                  <a href="{{ url_for('component_api.show_component_sn', serialNumber=child.serialNumber) }}" class="text-decoration-none">
+                    {{ child.serialNumber }}
+                  </a>
+                  <span class="badge badge-secondary ms-2">{{ child.componentType }}</span>
+                </h6>
+              </div>
+              {% if child.properties %}
+                <div class="card-body">
+                  {% for prop in child.properties[:3] %}
+                    <small class="d-block">
+                      <strong>{{ prop.name or prop.code }}:</strong>
+                      {% if prop.dataType == 'codeTable' and prop.codeTable and prop.value %}
+                        {% for item in prop.codeTable %}
+                          {% if item.code == prop.value %}{{ item.value }}{% endif %}
                         {% endfor %}
-                        {% if child.properties|length > 5 %}
-                          <tr>
-                            <td colspan="2">
-                              <em>... and {{ child.properties|length - 5 }} more properties</em>
-                            </td>
-                          </tr>
-                        {% endif %}
-                      </table>
-                    </div>
+                      {% else %}
+                        {{ prop.value or '—' }}
+                      {% endif %}
+                    </small>
+                  {% endfor %}
+                  {% if child.properties|length > 3 %}
+                    <small class="text-muted">... and {{ child.properties|length - 3 }} more</small>
                   {% endif %}
                 </div>
-              {% endfor %}
+              {% endif %}
             </div>
           </div>
-        </div>
-      {% endif %}
-    </div>
+        {% endfor %}
+      </div>
+    {% endif %}
   </div>
 
   <script>
diff --git a/viewer/templates/dashboard/overview.html b/viewer/templates/dashboard/overview.html
index 3a5c278bb..7ec765ca6 100644
--- a/viewer/templates/dashboard/overview.html
+++ b/viewer/templates/dashboard/overview.html
@@ -218,32 +218,51 @@
 
 {# Helper macro for tooltip rendering #}
 {% macro render_tooltip(stage, status, details, stage_config) %}
-  {% if status == 'alternative' %}
-    <strong>{{ stage.replace('MODULE/', '') }}</strong><br />{{ details.message or 'Stage skipped' }}
-  {% elif status == 'not_uploaded' %}
-    <strong>{{ stage.replace('MODULE/', '') }}</strong><br />{{ details.message or 'Not uploaded' }}
-  {% elif status in ['pass', 'fail', 'partial'] %}
-    <strong>{{ stage.replace('MODULE/', '') }}</strong><br />
-    Tests: {{ details.completed_tests or 0 }}/{{ details.total_tests or 0 }}<br />
-    {% if details.passed_tests %}✅ Passed: {{ details.passed_tests }}<br />{% endif %}
-    {% if details.failed_tests %}❌ Failed: {{ details.failed_tests }}<br />{% endif %}
-    <div style="max-height: 200px; overflow-y: auto;">
-      {% for test in details.test_details or [] %}
-        <small
-          >{{ test.name }}:
-          {% if test.status == 'pass' %}
-            ✅
-          {% elif test.status == 'fail' %}
-            ❌
-          {% else %}
-            ⏳
-          {% endif %} </small
-        ><br />
-      {% endfor %}
+  <div class="card" style="max-width: 350px; border: none;">
+    <div class="card-header py-2">
+      <h6 class="mb-0">{{ stage.replace('MODULE/', '') }}</h6>
+      <small class="text-muted">{{ stage_config.stages.get(stage, stage) }}</small>
     </div>
-  {% elif status == 'no_tests' %}
-    <strong>{{ stage.replace('MODULE/', '') }}</strong><br />No tests required
-  {% else %}
-    <strong>{{ stage.replace('MODULE/', '') }}</strong><br />{{ status.replace('_', ' ').title() }}
-  {% endif %}
+    <div class="card-body py-2">
+      {% if status == 'alternative' %}
+        <p class="mb-1">{{ details.message or 'Stage skipped' }}</p>
+      {% elif status == 'not_uploaded' %}
+        <p class="mb-1">{{ details.message or 'Not uploaded' }}</p>
+      {% elif status in ['pass', 'fail', 'partial'] %}
+        <p class="mb-2"><strong>Tests:</strong> {{ details.completed_tests or 0 }}/{{ details.total_tests or 0 }}</p>
+        {% if details.passed_tests %}
+          <p class="mb-1 text-success"><i class="fa fa-check"></i> Passed: {{ details.passed_tests }}</p>
+        {% endif %}
+        {% if details.failed_tests %}
+          <p class="mb-1 text-danger"><i class="fa fa-times"></i> Failed: {{ details.failed_tests }}</p>
+        {% endif %}
+        {% if details.test_details %}
+          <ul class="list-group list-group-flush" style="max-height: 200px; overflow-y: auto;">
+            {% for test in details.test_details %}
+              <li
+                class="list-group-item d-flex justify-content-between align-items-center py-1 px-2 {{ 'list-group-item-success' if test.status == 'pass' else 'list-group-item-danger' if test.status == 'fail' else 'list-group-item-secondary' }}"
+              >
+                <small>{{ test.name }}</small>
+                <span
+                  class="badge {{ 'badge-success' if test.status == 'pass' else 'badge-danger' if test.status == 'fail' else 'badge-secondary' }}"
+                >
+                  {% if test.status == 'pass' %}
+                    <i class="fa fa-check"></i>
+                  {% elif test.status == 'fail' %}
+                    <i class="fa fa-times"></i>
+                  {% else %}
+                    <i class="fa fa-clock-o"></i>
+                  {% endif %}
+                </span>
+              </li>
+            {% endfor %}
+          </ul>
+        {% endif %}
+      {% elif status == 'no_tests' %}
+        <p class="mb-1">No tests required</p>
+      {% else %}
+        <p class="mb-1">{{ status.replace('_', ' ').title() }}</p>
+      {% endif %}
+    </div>
+  </div>
 {% endmacro %}
-- 
GitLab


From edf25125954afe692109711895327fa1615541be Mon Sep 17 00:00:00 2001
From: Giordon Stark <kratsg@gmail.com>
Date: Thu, 18 Sep 2025 23:51:00 -0700
Subject: [PATCH 07/30] more cleaned up

---
 viewer/static/assets/css/dashboard.css   | 30 --------
 viewer/templates/dashboard/detail.html   |  5 +-
 viewer/templates/dashboard/overview.html | 97 ++++++++++++------------
 3 files changed, 53 insertions(+), 79 deletions(-)

diff --git a/viewer/static/assets/css/dashboard.css b/viewer/static/assets/css/dashboard.css
index f8ff94e4a..457bc3462 100644
--- a/viewer/static/assets/css/dashboard.css
+++ b/viewer/static/assets/css/dashboard.css
@@ -137,36 +137,6 @@
   box-shadow: none;
 }
 
-/* Tooltip Improvements */
-.tooltip-inner {
-  max-width: 400px;
-  text-align: left;
-  padding: 0;
-}
-
-.tooltip-inner .card {
-  margin: 0;
-  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
-}
-
-.tooltip-inner .card-header {
-  background-color: #f8f9fa;
-  border-bottom: 1px solid #dee2e6;
-}
-
-.tooltip-inner .list-group-item {
-  border-left: none;
-  border-right: none;
-  font-size: 0.85rem;
-}
-
-.tooltip-inner .list-group-item:first-child {
-  border-top: none;
-}
-
-.tooltip-inner .list-group-item:last-child {
-  border-bottom: none;
-}
 
 /* Search and Controls */
 .form-control:focus {
diff --git a/viewer/templates/dashboard/detail.html b/viewer/templates/dashboard/detail.html
index 042ff5186..37f4842f0 100644
--- a/viewer/templates/dashboard/detail.html
+++ b/viewer/templates/dashboard/detail.html
@@ -133,9 +133,12 @@
               {% set upload_status = module.qc_status.upload_status.get(stage, '-1') %}
 
               {% if stage_tests %}
-                <tr class="stage-row" data-stage="{{ stage }}">
+                <tr class="stage-row {{ 'table-primary' if stage == module.currentStage else '' }}" data-stage="{{ stage }}">
                   <td class="fw-bold">
                     {{ stage.replace('MODULE/', '') }}
+                    {% if stage == module.currentStage %}
+                      <i class="fa fa-arrow-right text-primary ms-1" title="Current Stage"></i>
+                    {% endif %}
                     <small class="text-muted d-block">{{ stage_config.stages.get(stage, stage) }}</small>
                   </td>
                   <td>
diff --git a/viewer/templates/dashboard/overview.html b/viewer/templates/dashboard/overview.html
index 7ec765ca6..29f9ed9b7 100644
--- a/viewer/templates/dashboard/overview.html
+++ b/viewer/templates/dashboard/overview.html
@@ -109,13 +109,14 @@
                   {% set stage_data = module.stage_status.get(stage, {}) %}
                   {% set status = stage_data.status if stage_data.get('status') else 'unknown' %}
                   {% set details = stage_data.get('details', {}) %}
-                  <td class="stage-cell">
+                  <td class="stage-cell {{ 'table-primary' if stage == module.currentStage else '' }}">
                     <div
                       class="status-indicator {{ status }}"
-                      data-toggle="tooltip"
+                      data-toggle="popover"
                       data-html="true"
                       data-placement="top"
-                      title="{{ render_tooltip(stage, status, details, stage_config) }}"
+                      data-content="{{ render_tooltip(stage, status, details, stage_config) }}"
+                      data-title="{{ stage.replace('MODULE/', '') }}"
                     ></div>
                   </td>
                 {% endfor %}
@@ -199,9 +200,12 @@
       }
     });
 
-    // Initialize tooltips
+    // Initialize popovers
     document.addEventListener("DOMContentLoaded", function () {
-      $('[data-toggle="tooltip"]').tooltip();
+      $('[data-toggle="popover"]').popover({
+        trigger: "hover",
+        html: true,
+      });
     });
 
     // Add keyboard shortcut for search
@@ -216,53 +220,50 @@
   </script>
 {% endblock %}
 
-{# Helper macro for tooltip rendering #}
+{# Helper macro for popover content rendering #}
 {% macro render_tooltip(stage, status, details, stage_config) %}
-  <div class="card" style="max-width: 350px; border: none;">
-    <div class="card-header py-2">
-      <h6 class="mb-0">{{ stage.replace('MODULE/', '') }}</h6>
+  <div class="popover-content" style="min-width: 300px;">
+    <div class="mb-2">
       <small class="text-muted">{{ stage_config.stages.get(stage, stage) }}</small>
     </div>
-    <div class="card-body py-2">
-      {% if status == 'alternative' %}
-        <p class="mb-1">{{ details.message or 'Stage skipped' }}</p>
-      {% elif status == 'not_uploaded' %}
-        <p class="mb-1">{{ details.message or 'Not uploaded' }}</p>
-      {% elif status in ['pass', 'fail', 'partial'] %}
-        <p class="mb-2"><strong>Tests:</strong> {{ details.completed_tests or 0 }}/{{ details.total_tests or 0 }}</p>
-        {% if details.passed_tests %}
-          <p class="mb-1 text-success"><i class="fa fa-check"></i> Passed: {{ details.passed_tests }}</p>
-        {% endif %}
-        {% if details.failed_tests %}
-          <p class="mb-1 text-danger"><i class="fa fa-times"></i> Failed: {{ details.failed_tests }}</p>
-        {% endif %}
-        {% if details.test_details %}
-          <ul class="list-group list-group-flush" style="max-height: 200px; overflow-y: auto;">
-            {% for test in details.test_details %}
-              <li
-                class="list-group-item d-flex justify-content-between align-items-center py-1 px-2 {{ 'list-group-item-success' if test.status == 'pass' else 'list-group-item-danger' if test.status == 'fail' else 'list-group-item-secondary' }}"
+    {% if status == 'alternative' %}
+      <p class="mb-1">{{ details.message or 'Stage skipped' }}</p>
+    {% elif status == 'not_uploaded' %}
+      <p class="mb-1">{{ details.message or 'Not uploaded' }}</p>
+    {% elif status in ['pass', 'fail', 'partial'] %}
+      <p class="mb-2"><strong>Tests:</strong> {{ details.completed_tests or 0 }}/{{ details.total_tests or 0 }}</p>
+      {% if details.passed_tests %}
+        <p class="mb-1 text-success"><i class="fa fa-check"></i> Passed: {{ details.passed_tests }}</p>
+      {% endif %}
+      {% if details.failed_tests %}
+        <p class="mb-1 text-danger"><i class="fa fa-times"></i> Failed: {{ details.failed_tests }}</p>
+      {% endif %}
+      {% if details.test_details %}
+        <ul class="list-group list-group-flush" style="max-height: 200px; overflow-y: auto;">
+          {% for test in details.test_details %}
+            <li
+              class="list-group-item d-flex justify-content-between align-items-center py-1 px-2 {{ 'list-group-item-success' if test.status == 'pass' else 'list-group-item-danger' if test.status == 'fail' else 'list-group-item-secondary' }}"
+            >
+              <small>{{ test.name }}</small>
+              <span
+                class="badge {{ 'badge-success' if test.status == 'pass' else 'badge-danger' if test.status == 'fail' else 'badge-secondary' }}"
               >
-                <small>{{ test.name }}</small>
-                <span
-                  class="badge {{ 'badge-success' if test.status == 'pass' else 'badge-danger' if test.status == 'fail' else 'badge-secondary' }}"
-                >
-                  {% if test.status == 'pass' %}
-                    <i class="fa fa-check"></i>
-                  {% elif test.status == 'fail' %}
-                    <i class="fa fa-times"></i>
-                  {% else %}
-                    <i class="fa fa-clock-o"></i>
-                  {% endif %}
-                </span>
-              </li>
-            {% endfor %}
-          </ul>
-        {% endif %}
-      {% elif status == 'no_tests' %}
-        <p class="mb-1">No tests required</p>
-      {% else %}
-        <p class="mb-1">{{ status.replace('_', ' ').title() }}</p>
+                {% if test.status == 'pass' %}
+                  <i class="fa fa-check"></i>
+                {% elif test.status == 'fail' %}
+                  <i class="fa fa-times"></i>
+                {% else %}
+                  <i class="fa fa-clock-o"></i>
+                {% endif %}
+              </span>
+            </li>
+          {% endfor %}
+        </ul>
       {% endif %}
-    </div>
+    {% elif status == 'no_tests' %}
+      <p class="mb-1">No tests required</p>
+    {% else %}
+      <p class="mb-1">{{ status.replace('_', ' ').title() }}</p>
+    {% endif %}
   </div>
 {% endmacro %}
-- 
GitLab


From 1eb66f71c926e872fd5d5f3c8eff6fe9db992aec Mon Sep 17 00:00:00 2001
From: Giordon Stark <kratsg@gmail.com>
Date: Thu, 18 Sep 2025 23:58:19 -0700
Subject: [PATCH 08/30] fix macro

---
 viewer/templates/dashboard/overview.html | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/viewer/templates/dashboard/overview.html b/viewer/templates/dashboard/overview.html
index 29f9ed9b7..8cd1c07d3 100644
--- a/viewer/templates/dashboard/overview.html
+++ b/viewer/templates/dashboard/overview.html
@@ -110,12 +110,13 @@
                   {% set status = stage_data.status if stage_data.get('status') else 'unknown' %}
                   {% set details = stage_data.get('details', {}) %}
                   <td class="stage-cell {{ 'table-primary' if stage == module.currentStage else '' }}">
+                    <!-- prettier-ignore -->
                     <div
                       class="status-indicator {{ status }}"
                       data-toggle="popover"
                       data-html="true"
                       data-placement="top"
-                      data-content="{{ render_tooltip(stage, status, details, stage_config) }}"
+                      data-content='{{ render_tooltip(stage, status, details, stage_config) }}' {# need to ignore to make sure we use single quotes #}
                       data-title="{{ stage.replace('MODULE/', '') }}"
                     ></div>
                   </td>
-- 
GitLab


From 860f3bf74af4b7de80a37b93eb23c56b6b3c6088 Mon Sep 17 00:00:00 2001
From: Giordon Stark <kratsg@gmail.com>
Date: Fri, 19 Sep 2025 00:38:30 -0700
Subject: [PATCH 09/30] fix current stage logic

---
 viewer/templates/dashboard/detail.html   | 9 ++++++---
 viewer/templates/dashboard/overview.html | 7 +++++--
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/viewer/templates/dashboard/detail.html b/viewer/templates/dashboard/detail.html
index 37f4842f0..39d0d5d33 100644
--- a/viewer/templates/dashboard/detail.html
+++ b/viewer/templates/dashboard/detail.html
@@ -76,7 +76,9 @@
           </tr>
           <tr>
             <td class="fw-bold">Current Stage</td>
-            <td>{{ module.currentStage or 'Not Set' }}</td>
+            <td>
+              {{ module.qc_status.stage.replace('MODULE/', '') if module.qc_status and module.qc_status.stage else module.currentStage.replace('MODULE/', '') if module.currentStage else 'Not Set' }}
+            </td>
           </tr>
           {% if module.qc_status %}
             <tr>
@@ -133,10 +135,11 @@
               {% set upload_status = module.qc_status.upload_status.get(stage, '-1') %}
 
               {% if stage_tests %}
-                <tr class="stage-row {{ 'table-primary' if stage == module.currentStage else '' }}" data-stage="{{ stage }}">
+                {% set current_stage = module.qc_status.stage if module.qc_status and module.qc_status.stage else module.currentStage %}
+                <tr class="stage-row {{ 'table-primary' if stage == current_stage else '' }}" data-stage="{{ stage }}">
                   <td class="fw-bold">
                     {{ stage.replace('MODULE/', '') }}
-                    {% if stage == module.currentStage %}
+                    {% if stage == current_stage %}
                       <i class="fa fa-arrow-right text-primary ms-1" title="Current Stage"></i>
                     {% endif %}
                     <small class="text-muted d-block">{{ stage_config.stages.get(stage, stage) }}</small>
diff --git a/viewer/templates/dashboard/overview.html b/viewer/templates/dashboard/overview.html
index 8cd1c07d3..f7b4623cc 100644
--- a/viewer/templates/dashboard/overview.html
+++ b/viewer/templates/dashboard/overview.html
@@ -104,12 +104,15 @@
                     {{ module.componentType.replace('_', ' ').title() }}
                   </span>
                 </td>
-                <td>{{ module.currentStage.replace('MODULE/', '') if module.currentStage else '—' }}</td>
+                <td>
+                  {{ module.qc_status.stage.replace('MODULE/', '') if module.qc_status and module.qc_status.stage else module.currentStage.replace('MODULE/', '') if module.currentStage else '—' }}
+                </td>
                 {% for stage in stages %}
                   {% set stage_data = module.stage_status.get(stage, {}) %}
                   {% set status = stage_data.status if stage_data.get('status') else 'unknown' %}
                   {% set details = stage_data.get('details', {}) %}
-                  <td class="stage-cell {{ 'table-primary' if stage == module.currentStage else '' }}">
+                  {% set current_stage = module.qc_status.stage if module.qc_status and module.qc_status.stage else module.currentStage %}
+                  <td class="stage-cell {{ 'table-primary' if stage == current_stage else '' }}">
                     <!-- prettier-ignore -->
                     <div
                       class="status-indicator {{ status }}"
-- 
GitLab


From 2fd36604b0095966a2d1c48567e45d9304cdaffa Mon Sep 17 00:00:00 2001
From: Giordon Stark <kratsg@gmail.com>
Date: Fri, 19 Sep 2025 00:49:49 -0700
Subject: [PATCH 10/30] improve upload statusing

---
 viewer/functions/dashboard_queries.py    |  8 +----
 viewer/static/assets/css/dashboard.css   | 12 +++++--
 viewer/templates/dashboard/overview.html | 44 ++++++++++++++----------
 3 files changed, 35 insertions(+), 29 deletions(-)

diff --git a/viewer/functions/dashboard_queries.py b/viewer/functions/dashboard_queries.py
index a18bb8890..6ea12b178 100644
--- a/viewer/functions/dashboard_queries.py
+++ b/viewer/functions/dashboard_queries.py
@@ -114,13 +114,6 @@ def calculate_stage_status(qc_status, stage, stage_config):
             "details": {"message": "Stage skipped (alternative path)"},
         }
 
-    # Check upload status
-    if upload_status == "-1":
-        return {
-            "status": "not_uploaded",
-            "details": {"message": "Stage not uploaded to production DB"},
-        }
-
     # Get required tests for this stage
     required_tests = stage_config["stage_test"].get(stage, [])
     if not required_tests:
@@ -192,6 +185,7 @@ def calculate_stage_status(qc_status, stage, stage_config):
             "passed_tests": passed_tests,
             "failed_tests": failed_tests,
             "test_details": test_details,
+            "uploaded": upload_status == "1",
         },
     }
 
diff --git a/viewer/static/assets/css/dashboard.css b/viewer/static/assets/css/dashboard.css
index 457bc3462..2360b618a 100644
--- a/viewer/static/assets/css/dashboard.css
+++ b/viewer/static/assets/css/dashboard.css
@@ -67,9 +67,15 @@
   border-color: #adb5bd;
 }
 
-.status-indicator.not_uploaded {
-  background: white;
-  border: 3px solid #fd7e14;
+/* Not uploaded overlay - stripes on top of any background */
+.status-indicator.not-uploaded {
+  background-image: repeating-linear-gradient(
+    45deg,
+    transparent,
+    transparent 10px,
+    #aaa 10px,
+    #aaa 20px
+  );
 }
 
 .status-indicator.alternative {
diff --git a/viewer/templates/dashboard/overview.html b/viewer/templates/dashboard/overview.html
index f7b4623cc..75b8bb96b 100644
--- a/viewer/templates/dashboard/overview.html
+++ b/viewer/templates/dashboard/overview.html
@@ -43,15 +43,15 @@
 
     <!-- Summary Stats -->
     <div class="row mb-4">
-      <div class="col-md-3">
+      <div class="col-md-4">
         <div class="card text-center">
           <div class="card-body">
             <h5 class="card-title">{{ modules|length }}</h5>
-            <p class="card-text">Total Modules</p>
+            <p class="card-text">Active Modules</p>
           </div>
         </div>
       </div>
-      <div class="col-md-3">
+      <div class="col-md-4">
         <div class="card text-center">
           <div class="card-body">
             <h5 class="card-title">{{ stages|length }}</h5>
@@ -59,19 +59,11 @@
           </div>
         </div>
       </div>
-      <div class="col-md-3">
+      <div class="col-md-4">
         <div class="card text-center">
           <div class="card-body">
-            <h5 class="card-title">{{ modules|selectattr('componentType', 'equalto', 'module')|list|length }}</h5>
-            <p class="card-text">Modules</p>
-          </div>
-        </div>
-      </div>
-      <div class="col-md-3">
-        <div class="card text-center">
-          <div class="card-body">
-            <h5 class="card-title">{{ modules|selectattr('componentType', 'equalto', 'bare_module')|list|length }}</h5>
-            <p class="card-text">Bare Modules</p>
+            <h5 class="card-title">{{ modules|selectattr('qc_status')|list|length }}</h5>
+            <p class="card-text">With QC Data</p>
           </div>
         </div>
       </div>
@@ -112,10 +104,11 @@
                   {% set status = stage_data.status if stage_data.get('status') else 'unknown' %}
                   {% set details = stage_data.get('details', {}) %}
                   {% set current_stage = module.qc_status.stage if module.qc_status and module.qc_status.stage else module.currentStage %}
+                  {% set upload_status = module.qc_status.upload_status.get(stage, '-1') if module.qc_status else '-1' %}
                   <td class="stage-cell {{ 'table-primary' if stage == current_stage else '' }}">
                     <!-- prettier-ignore -->
                     <div
-                      class="status-indicator {{ status }}"
+                      class="status-indicator {{ status }} {{ 'not-uploaded' if upload_status == '-1' and status not in ['not_started', 'alternative', 'no_tests'] else '' }}"
                       data-toggle="popover"
                       data-html="true"
                       data-placement="top"
@@ -144,21 +137,29 @@
           ><div class="status-indicator pass"></div>
           All Tests Pass</span
         >
+        <span
+          ><div class="status-indicator pass not-uploaded"></div>
+          All Tests Pass (Not Uploaded)</span
+        >
         <span
           ><div class="status-indicator fail"></div>
           Any Test Failed</span
         >
+        <span
+          ><div class="status-indicator fail not-uploaded"></div>
+          Any Test Failed (Not Uploaded)</span
+        >
         <span
           ><div class="status-indicator partial"></div>
           Partially Complete</span
         >
         <span
-          ><div class="status-indicator not_started"></div>
-          Not Started</span
+          ><div class="status-indicator partial not-uploaded"></div>
+          Partially Complete (Not Uploaded)</span
         >
         <span
-          ><div class="status-indicator not_uploaded"></div>
-          Not Uploaded</span
+          ><div class="status-indicator not_started"></div>
+          Not Started</span
         >
         <span
           ><div class="status-indicator alternative"></div>
@@ -169,6 +170,11 @@
           No Tests Required</span
         >
       </div>
+      <div class="mt-2">
+        <small class="text-muted"
+          ><strong>Note:</strong> Striped patterns indicate test results exist but are not uploaded to Production DB</small
+        >
+      </div>
     </div>
   </div>
 
-- 
GitLab


From 045c86bc378e80fd756fd938c6459022bc4452b6 Mon Sep 17 00:00:00 2001
From: Giordon Stark <kratsg@gmail.com>
Date: Fri, 19 Sep 2025 01:02:49 -0700
Subject: [PATCH 11/30] fix the stickiness

---
 viewer/templates/dashboard/overview.html | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/viewer/templates/dashboard/overview.html b/viewer/templates/dashboard/overview.html
index 75b8bb96b..586ba1293 100644
--- a/viewer/templates/dashboard/overview.html
+++ b/viewer/templates/dashboard/overview.html
@@ -71,14 +71,14 @@
 
     {% if modules %}
       <!-- Status Matrix -->
-      <div class="table-responsive">
+      <div class="row">
         <table class="table table-sm table-hover dashboard-matrix" id="dashboardTable">
-          <thead class="table-dark sticky-top">
+          <thead class="sticky-top bg-dark text-light">
             <tr>
-              <th rowspan="2" class="fixed-column">Serial Number</th>
-              <th rowspan="2">Alt ID</th>
-              <th rowspan="2">Type</th>
-              <th rowspan="2">Current Stage</th>
+              <th class="text-center fixed-column bg-dark" rowspan="2">Serial Number</th>
+              <th class="text-center" rowspan="2">Alt ID</th>
+              <th class="text-center" rowspan="2">Type</th>
+              <th class="text-center" rowspan="2">Current Stage</th>
               {% for stage in stages %}
                 <th class="stage-header" title="{{ stage_config.stages.get(stage, stage) }}">
                   {{ stage.replace('MODULE/', '').replace('_', ' ') }}
-- 
GitLab


From 697ec9ed8c8d02807b22c4fcc59e2fa86c9dab7d Mon Sep 17 00:00:00 2001
From: Giordon Stark <kratsg@gmail.com>
Date: Fri, 19 Sep 2025 01:13:29 -0700
Subject: [PATCH 12/30] improve gradient more

---
 viewer/static/assets/css/dashboard.css | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/viewer/static/assets/css/dashboard.css b/viewer/static/assets/css/dashboard.css
index 2360b618a..56fb01f6d 100644
--- a/viewer/static/assets/css/dashboard.css
+++ b/viewer/static/assets/css/dashboard.css
@@ -70,11 +70,11 @@
 /* Not uploaded overlay - stripes on top of any background */
 .status-indicator.not-uploaded {
   background-image: repeating-linear-gradient(
-    45deg,
+    315deg,
     transparent,
-    transparent 10px,
-    #aaa 10px,
-    #aaa 20px
+    transparent 4px,
+    #999 4px,
+    #999 6px
   );
 }
 
-- 
GitLab


From 07031240c6a30d5665d703029ec3b63bb5ac38f7 Mon Sep 17 00:00:00 2001
From: Giordon Stark <kratsg@gmail.com>
Date: Fri, 19 Sep 2025 01:16:38 -0700
Subject: [PATCH 13/30] drop sticky

---
 viewer/templates/dashboard/overview.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/viewer/templates/dashboard/overview.html b/viewer/templates/dashboard/overview.html
index 586ba1293..9303e7cad 100644
--- a/viewer/templates/dashboard/overview.html
+++ b/viewer/templates/dashboard/overview.html
@@ -73,7 +73,7 @@
       <!-- Status Matrix -->
       <div class="row">
         <table class="table table-sm table-hover dashboard-matrix" id="dashboardTable">
-          <thead class="sticky-top bg-dark text-light">
+          <thead class="bg-dark text-light">
             <tr>
               <th class="text-center fixed-column bg-dark" rowspan="2">Serial Number</th>
               <th class="text-center" rowspan="2">Alt ID</th>
-- 
GitLab


From 86c9aeef291c09df6b30d42acc2ea3a6497357e2 Mon Sep 17 00:00:00 2001
From: Giordon Stark <kratsg@gmail.com>
Date: Fri, 19 Sep 2025 01:25:24 -0700
Subject: [PATCH 14/30] sorting modules

---
 viewer/functions/dashboard_queries.py | 41 +++++++++++++++++++++++++++
 1 file changed, 41 insertions(+)

diff --git a/viewer/functions/dashboard_queries.py b/viewer/functions/dashboard_queries.py
index 6ea12b178..ed7d61179 100644
--- a/viewer/functions/dashboard_queries.py
+++ b/viewer/functions/dashboard_queries.py
@@ -101,6 +101,47 @@ def get_modules_overview(enabled_stages, search=""):
 
             non_archived_modules.append(module)
 
+    # Sort modules by progress - furthest along first
+    def calculate_progress_score(module, enabled_stages, stage_config):
+        """Calculate progress score based on current stage, upload status, and test completion"""
+        score = 0
+
+        # Primary: Current stage position (10, 20, 30, 40, etc.)
+        current_stage = module.get("qc_status", {}).get("stage") or module.get(
+            "currentStage"
+        )
+        if current_stage and current_stage in enabled_stages:
+            stage_position = enabled_stages.index(current_stage)
+            score += (stage_position + 1) * 10  # 10, 20, 30, 40, etc.
+
+            # Secondary: Upload status (+1 if uploaded, +0 if not)
+            upload_status = (
+                module.get("qc_status", {})
+                .get("upload_status", {})
+                .get(current_stage, "-1")
+            )
+            if upload_status == "1":
+                score += 1
+
+            # Tertiary: -1 for each incomplete test in current stage
+            stage_tests = stage_config["stage_test"].get(current_stage, [])
+            qc_results = (
+                module.get("qc_status", {}).get("QC_results", {}).get(current_stage, {})
+            )
+
+            for test in stage_tests:
+                test_result_id = qc_results.get(test, "-1")
+                if test_result_id == "-1":
+                    score -= 1  # Penalty for incomplete test
+
+        return score
+
+    # Sort by progress score (descending - highest first)
+    non_archived_modules.sort(
+        key=lambda m: calculate_progress_score(m, enabled_stages, stage_config),
+        reverse=True,
+    )
+
     return non_archived_modules
 
 
-- 
GitLab


From b8879ddbac28ab28065faa5a4ef6163e7f46dc6f Mon Sep 17 00:00:00 2001
From: Giordon Stark <kratsg@gmail.com>
Date: Fri, 19 Sep 2025 01:33:37 -0700
Subject: [PATCH 15/30] drop search functionality

---
 viewer/functions/dashboard_queries.py    | 16 +--------
 viewer/pages/dashboard.py                |  9 ++---
 viewer/templates/dashboard/overview.html | 44 +++++++++---------------
 3 files changed, 20 insertions(+), 49 deletions(-)

diff --git a/viewer/functions/dashboard_queries.py b/viewer/functions/dashboard_queries.py
index ed7d61179..4d1f4fc6b 100644
--- a/viewer/functions/dashboard_queries.py
+++ b/viewer/functions/dashboard_queries.py
@@ -21,24 +21,10 @@ def get_enabled_stages(stage_config):
     ]
 
 
-def get_modules_overview(enabled_stages, search=""):
+def get_modules_overview(enabled_stages):
     """Get all modules with stage status matrix"""
     match_stage = {"componentType": "module"}
 
-    # Add search filter
-    if search:
-        match_stage["$or"] = [
-            {"serialNumber": {"$regex": search, "$options": "i"}},
-            {
-                "properties": {
-                    "$elemMatch": {
-                        "code": "ALTERNATIVE_IDENTIFIER",
-                        "value": {"$regex": search, "$options": "i"},
-                    }
-                }
-            },
-        ]
-
     pipeline = [
         {"$match": match_stage},
         {
diff --git a/viewer/pages/dashboard.py b/viewer/pages/dashboard.py
index 4b3e1d4b9..a63c616fd 100644
--- a/viewer/pages/dashboard.py
+++ b/viewer/pages/dashboard.py
@@ -2,7 +2,7 @@ from __future__ import annotations
 
 from datetime import datetime
 
-from flask import Blueprint, abort, jsonify, make_response, render_template, request
+from flask import Blueprint, abort, jsonify, make_response, render_template
 from functions.dashboard_queries import (
     export_modules_csv,
     get_enabled_stages,
@@ -17,17 +17,15 @@ dashboard_bp = Blueprint("dashboard", __name__)
 @dashboard_bp.route("/")
 def overview():
     """Dashboard overview page showing all modules in a status matrix"""
-    search = request.args.get("search", "")
     stage_config = get_stage_config()
     enabled_stages = get_enabled_stages(stage_config)
-    modules = get_modules_overview(enabled_stages, search)
+    modules = get_modules_overview(enabled_stages)
 
     return render_template(
         "dashboard/overview.html",
         modules=modules,
         stages=enabled_stages,
         stage_config=stage_config,
-        search=search,
     )
 
 
@@ -68,9 +66,8 @@ def detail(serial_number):
 @dashboard_bp.route("/api/refresh")
 def api_refresh():
     """API endpoint for auto-refresh functionality"""
-    search = request.args.get("search", "")
     stage_config = get_stage_config()
     enabled_stages = get_enabled_stages(stage_config)
-    modules = get_modules_overview(enabled_stages, search)
+    modules = get_modules_overview(enabled_stages)
 
     return jsonify({"modules": modules, "timestamp": datetime.now().isoformat()})
diff --git a/viewer/templates/dashboard/overview.html b/viewer/templates/dashboard/overview.html
index 9303e7cad..7094923c7 100644
--- a/viewer/templates/dashboard/overview.html
+++ b/viewer/templates/dashboard/overview.html
@@ -15,29 +15,16 @@
       </div>
     </div>
 
-    <!-- Search and Filters -->
+    <!-- Controls -->
     <div class="row mb-3">
-      <div class="col-md-6">
-        <form method="GET" class="d-flex">
-          <input
-            type="text"
-            name="search"
-            class="form-control"
-            placeholder="Search by serial number or alt ID..."
-            value="{{ search }}"
-            id="searchInput"
-          />
-          <button type="submit" class="btn btn-primary ms-2">Search</button>
-          {% if search %}
-            <a href="{{ url_for('dashboard.overview') }}" class="btn btn-secondary ms-2">Clear</a>
-          {% endif %}
-        </form>
-      </div>
-      <div class="col-md-6">
-        <div class="form-check form-switch">
+      <div class="col-md-12 text-end">
+        <div class="form-check form-switch d-inline-block me-3">
           <input class="form-check-input" type="checkbox" id="autoRefresh" />
           <label class="form-check-label" for="autoRefresh">Auto-refresh (30s)</label>
         </div>
+        <a href="{{ url_for('dashboard.export_csv') }}" class="btn btn-outline-success btn-sm">
+          <i class="fa fa-download"></i> Export CSV
+        </a>
       </div>
     </div>
 
@@ -77,10 +64,10 @@
             <tr>
               <th class="text-center fixed-column bg-dark" rowspan="2">Serial Number</th>
               <th class="text-center" rowspan="2">Alt ID</th>
-              <th class="text-center" rowspan="2">Type</th>
-              <th class="text-center" rowspan="2">Current Stage</th>
+              <th class="text-center sorter-false" rowspan="2">Type</th>
+              <th class="text-center filter-select" rowspan="2">Current Stage</th>
               {% for stage in stages %}
-                <th class="stage-header" title="{{ stage_config.stages.get(stage, stage) }}">
+                <th class="stage-header sorter-false" title="{{ stage_config.stages.get(stage, stage) }}">
                   {{ stage.replace('MODULE/', '').replace('_', ' ') }}
                 </th>
               {% endfor %}
@@ -218,13 +205,14 @@
       });
     });
 
-    // Add keyboard shortcut for search
+    // Initialize tablesorter
     document.addEventListener("DOMContentLoaded", function () {
-      document.addEventListener("keydown", function (e) {
-        if (e.ctrlKey && e.key === "f") {
-          e.preventDefault();
-          document.getElementById("searchInput").focus();
-        }
+      $("#dashboardTable").tablesorter({
+        widgets: ["filter", "zebra", "columns"],
+        usNumberFormat: false,
+        sortReset: true,
+        sortRestart: true,
+        theme: "bootstrap",
       });
     });
   </script>
-- 
GitLab


From 3bfdb3e0d27abd1d4d20d0d3dfd793ad63476c5a Mon Sep 17 00:00:00 2001
From: Giordon Stark <kratsg@gmail.com>
Date: Fri, 19 Sep 2025 01:39:53 -0700
Subject: [PATCH 16/30] fix up tablesorter, disable

---
 viewer/templates/dashboard/overview.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/viewer/templates/dashboard/overview.html b/viewer/templates/dashboard/overview.html
index 7094923c7..61ac4f1bb 100644
--- a/viewer/templates/dashboard/overview.html
+++ b/viewer/templates/dashboard/overview.html
@@ -60,14 +60,14 @@
       <!-- Status Matrix -->
       <div class="row">
         <table class="table table-sm table-hover dashboard-matrix" id="dashboardTable">
-          <thead class="bg-dark text-light">
+          <thead>
             <tr>
-              <th class="text-center fixed-column bg-dark" rowspan="2">Serial Number</th>
+              <th class="text-center fixed-column" rowspan="2">Serial Number</th>
               <th class="text-center" rowspan="2">Alt ID</th>
-              <th class="text-center sorter-false" rowspan="2">Type</th>
+              <th class="text-center sorter-false filter-false" rowspan="2">Type</th>
               <th class="text-center filter-select" rowspan="2">Current Stage</th>
               {% for stage in stages %}
-                <th class="stage-header sorter-false" title="{{ stage_config.stages.get(stage, stage) }}">
+                <th class="stage-header sorter-false filter-false" title="{{ stage_config.stages.get(stage, stage) }}">
                   {{ stage.replace('MODULE/', '').replace('_', ' ') }}
                 </th>
               {% endfor %}
-- 
GitLab


From c31844109351ee91e01a2628ffd288c350d55f7d Mon Sep 17 00:00:00 2001
From: Giordon Stark <kratsg@gmail.com>
Date: Fri, 19 Sep 2025 01:50:46 -0700
Subject: [PATCH 17/30] drop unused styles

---
 viewer/static/assets/css/dashboard.css | 100 +------------------------
 1 file changed, 2 insertions(+), 98 deletions(-)

diff --git a/viewer/static/assets/css/dashboard.css b/viewer/static/assets/css/dashboard.css
index 56fb01f6d..39a861c23 100644
--- a/viewer/static/assets/css/dashboard.css
+++ b/viewer/static/assets/css/dashboard.css
@@ -1,18 +1,3 @@
-/* Dashboard Overview Styles */
-.dashboard-matrix {
-  font-size: 0.85rem;
-  white-space: nowrap;
-}
-
-.fixed-column {
-  position: sticky;
-  left: 0;
-  background: white;
-  z-index: 10;
-  border-right: 2px solid #dee2e6;
-  min-width: 150px;
-}
-
 .stage-header {
   writing-mode: vertical-lr;
   text-orientation: mixed;
@@ -94,17 +79,6 @@
   border-color: #343a40;
 }
 
-/* Row Hover Effects */
-.module-row:hover {
-  background-color: #f8f9fa !important;
-  cursor: pointer;
-  transition: background-color 0.2s ease;
-}
-
-.module-row:hover .fixed-column {
-  background-color: #f8f9fa !important;
-}
-
 /* Legend Styles */
 .dashboard-legend {
   background: #f8f9fa;
@@ -144,50 +118,6 @@
 }
 
 
-/* Search and Controls */
-.form-control:focus {
-  border-color: #80bdff;
-  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
-}
-
-.btn-group .badge {
-  font-size: 0.75em;
-}
-
-/* Detail Page Styles */
-.accordion-button:not(.collapsed) {
-  background-color: #e7f1ff;
-  border-color: #b6d7ff;
-}
-
-.accordion-button:focus {
-  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
-}
-
-.serialNumber {
-  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
-  font-weight: bold;
-}
-
-/* Stage Status Badges in Detail View */
-.stage-progress {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  margin-bottom: 15px;
-}
-
-.stage-progress .progress {
-  flex: 1;
-  height: 8px;
-}
-
-/* Property Tables */
-.table td.fw-bold {
-  width: 30%;
-  color: #495057;
-}
-
 /* Child Component Cards */
 .card-title a {
   color: #0d6efd;
@@ -322,13 +252,6 @@
   }
 }
 
-/* Search Highlighting */
-.search-highlight {
-  background-color: #fff3cd;
-  padding: 2px 4px;
-  border-radius: 3px;
-}
-
 /* Summary Cards */
 .card .card-title {
   font-size: 2rem;
@@ -373,25 +296,6 @@
   border-radius: 0.2rem;
 }
 
-/* Status Matrix Scrolling */
-.table-responsive {
-  scrollbar-width: thin;
-  scrollbar-color: #ced4da #f8f9fa;
-}
-
-.table-responsive::-webkit-scrollbar {
-  height: 8px;
-}
-
-.table-responsive::-webkit-scrollbar-track {
-  background: #f8f9fa;
+.tablesorter-bootstrap > tbody > tr > td.stage-cell.table-primary {
+  background-color: #b8daff; /* needed to override tablesorter-bootstrap */
 }
-
-.table-responsive::-webkit-scrollbar-thumb {
-  background: #ced4da;
-  border-radius: 4px;
-}
-
-.table-responsive::-webkit-scrollbar-thumb:hover {
-  background: #adb5bd;
-}
\ No newline at end of file
-- 
GitLab


From 57ef1b3b97879166c641c444cdd0df756b31d487 Mon Sep 17 00:00:00 2001
From: Giordon Stark <kratsg@gmail.com>
Date: Fri, 19 Sep 2025 01:54:15 -0700
Subject: [PATCH 18/30] drop rowspan

---
 viewer/templates/dashboard/overview.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/viewer/templates/dashboard/overview.html b/viewer/templates/dashboard/overview.html
index 61ac4f1bb..fd4c2a385 100644
--- a/viewer/templates/dashboard/overview.html
+++ b/viewer/templates/dashboard/overview.html
@@ -62,10 +62,10 @@
         <table class="table table-sm table-hover dashboard-matrix" id="dashboardTable">
           <thead>
             <tr>
-              <th class="text-center fixed-column" rowspan="2">Serial Number</th>
-              <th class="text-center" rowspan="2">Alt ID</th>
-              <th class="text-center sorter-false filter-false" rowspan="2">Type</th>
-              <th class="text-center filter-select" rowspan="2">Current Stage</th>
+              <th class="text-center fixed-column">Serial Number</th>
+              <th class="text-center">Alt ID</th>
+              <th class="text-center sorter-false filter-false">Type</th>
+              <th class="text-center filter-select">Current Stage</th>
               {% for stage in stages %}
                 <th class="stage-header sorter-false filter-false" title="{{ stage_config.stages.get(stage, stage) }}">
                   {{ stage.replace('MODULE/', '').replace('_', ' ') }}
-- 
GitLab


From cd8db588f6a5a2ce3414b43a192b05bf6e0a59f8 Mon Sep 17 00:00:00 2001
From: Giordon Stark <kratsg@gmail.com>
Date: Fri, 19 Sep 2025 01:57:04 -0700
Subject: [PATCH 19/30] add important

---
 viewer/static/assets/css/dashboard.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/viewer/static/assets/css/dashboard.css b/viewer/static/assets/css/dashboard.css
index 39a861c23..c24d1efd9 100644
--- a/viewer/static/assets/css/dashboard.css
+++ b/viewer/static/assets/css/dashboard.css
@@ -296,6 +296,6 @@
   border-radius: 0.2rem;
 }
 
-.tablesorter-bootstrap > tbody > tr > td.stage-cell.table-primary {
-  background-color: #b8daff; /* needed to override tablesorter-bootstrap */
+td.stage-cell.table-primary {
+  background-color: #b8daff !important; /* needed to override tablesorter-bootstrap */
 }
-- 
GitLab


From 45ca94f773dcd388d4085584f75c192f74af7949 Mon Sep 17 00:00:00 2001
From: Giordon Stark <kratsg@gmail.com>
Date: Fri, 19 Sep 2025 01:59:07 -0700
Subject: [PATCH 20/30] flip notests and not started colors

---
 viewer/static/assets/css/dashboard.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/viewer/static/assets/css/dashboard.css b/viewer/static/assets/css/dashboard.css
index c24d1efd9..0b611020b 100644
--- a/viewer/static/assets/css/dashboard.css
+++ b/viewer/static/assets/css/dashboard.css
@@ -47,7 +47,7 @@
   border-color: #ffc107;
 }
 
-.status-indicator.not_started {
+.status-indicator.no_tests {
   background: #e9ecef;
   border-color: #adb5bd;
 }
@@ -69,7 +69,7 @@
   border-color: #6c757d;
 }
 
-.status-indicator.no_tests {
+.status-indicator.not_started {
   background: #6c757d;
   border-color: #6c757d;
 }
-- 
GitLab


From f625db79d778fee2809d2260f739b8463ba23689 Mon Sep 17 00:00:00 2001
From: Giordon Stark <kratsg@gmail.com>
Date: Fri, 19 Sep 2025 02:07:14 -0700
Subject: [PATCH 21/30] one last change to html

---
 viewer/templates/dashboard/overview.html | 20 ++++++--------------
 1 file changed, 6 insertions(+), 14 deletions(-)

diff --git a/viewer/templates/dashboard/overview.html b/viewer/templates/dashboard/overview.html
index fd4c2a385..03da813d7 100644
--- a/viewer/templates/dashboard/overview.html
+++ b/viewer/templates/dashboard/overview.html
@@ -9,22 +9,15 @@
   <div class="container-fluid">
     <div class="d-flex justify-content-between align-items-center mb-4">
       <h1>Module Dashboard</h1>
-      <div class="d-flex gap-2">
-        <button onclick="refreshData()" class="btn btn-outline-secondary" id="refreshBtn"><i class="fa fa-refresh"></i> Refresh</button>
-        <a href="{{ url_for('dashboard.export_csv') }}" class="btn btn-outline-primary"> <i class="fa fa-download"></i> Export CSV </a>
-      </div>
-    </div>
 
-    <!-- Controls -->
-    <div class="row mb-3">
-      <div class="col-md-12 text-end">
+      <!-- Controls -->
+      <div class="d-flex gap-2">
         <div class="form-check form-switch d-inline-block me-3">
           <input class="form-check-input" type="checkbox" id="autoRefresh" />
           <label class="form-check-label" for="autoRefresh">Auto-refresh (30s)</label>
         </div>
-        <a href="{{ url_for('dashboard.export_csv') }}" class="btn btn-outline-success btn-sm">
-          <i class="fa fa-download"></i> Export CSV
-        </a>
+        <button onclick="refreshData()" class="btn btn-outline-secondary" id="refreshBtn"><i class="fa fa-refresh"></i> Refresh</button>
+        <a href="{{ url_for('dashboard.export_csv') }}" class="btn btn-outline-primary"> <i class="fa fa-download"></i> Export CSV </a>
       </div>
     </div>
 
@@ -112,7 +105,7 @@
     {% else %}
       <div class="alert alert-info">
         <i class="fa fa-info-circle"></i>
-        No modules found{% if search %}matching "{{ search }}"{% endif %}.
+        No modules found.
       </div>
     {% endif %}
 
@@ -173,8 +166,7 @@
       btn.innerHTML = '<i class="fa fa-spinner fa-spin"></i> Refreshing...';
       btn.disabled = true;
 
-      const search = document.getElementById("searchInput").value;
-      const url = '{{ url_for("dashboard.api_refresh") }}' + (search ? `?search=${encodeURIComponent(search)}` : "");
+      const url = '{{ url_for("dashboard.api_refresh") }}';
 
       fetch(url)
         .then((response) => response.json())
-- 
GitLab


From 7d9cefc69ef931cce3cfa96f9b727483781efe64 Mon Sep 17 00:00:00 2001
From: Giordon Stark <kratsg@gmail.com>
Date: Fri, 19 Sep 2025 02:12:55 -0700
Subject: [PATCH 22/30] last change to html i swear

---
 viewer/templates/dashboard/overview.html | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/viewer/templates/dashboard/overview.html b/viewer/templates/dashboard/overview.html
index 03da813d7..c5977320e 100644
--- a/viewer/templates/dashboard/overview.html
+++ b/viewer/templates/dashboard/overview.html
@@ -11,14 +11,12 @@
       <h1>Module Dashboard</h1>
 
       <!-- Controls -->
-      <div class="d-flex gap-2">
-        <div class="form-check form-switch d-inline-block me-3">
-          <input class="form-check-input" type="checkbox" id="autoRefresh" />
-          <label class="form-check-label" for="autoRefresh">Auto-refresh (30s)</label>
-        </div>
-        <button onclick="refreshData()" class="btn btn-outline-secondary" id="refreshBtn"><i class="fa fa-refresh"></i> Refresh</button>
-        <a href="{{ url_for('dashboard.export_csv') }}" class="btn btn-outline-primary"> <i class="fa fa-download"></i> Export CSV </a>
+      <div class="form-check form-switch d-inline-block me-3">
+        <input class="form-check-input" type="checkbox" id="autoRefresh" />
+        <label class="form-check-label" for="autoRefresh">Auto-refresh (30s)</label>
       </div>
+      <button onclick="refreshData()" class="btn btn-outline-secondary" id="refreshBtn"><i class="fa fa-refresh"></i> Refresh</button>
+      <a href="{{ url_for('dashboard.export_csv') }}" class="btn btn-outline-primary"> <i class="fa fa-download"></i> Export CSV </a>
     </div>
 
     <!-- Summary Stats -->
-- 
GitLab


From 1edb7cb71b84d6d073da47170de84c4e5182fab9 Mon Sep 17 00:00:00 2001
From: Giordon Stark <kratsg@gmail.com>
Date: Fri, 19 Sep 2025 02:15:48 -0700
Subject: [PATCH 23/30] fix table highlighting

---
 viewer/templates/dashboard/detail.html | 10 +---------
 1 file changed, 1 insertion(+), 9 deletions(-)

diff --git a/viewer/templates/dashboard/detail.html b/viewer/templates/dashboard/detail.html
index 39d0d5d33..d0b9b8064 100644
--- a/viewer/templates/dashboard/detail.html
+++ b/viewer/templates/dashboard/detail.html
@@ -46,14 +46,6 @@
               <i class="fa fa-cog"></i> Component Details
             </a>
           </div>
-          <div class="col-md-4 text-end">
-            <div class="btn-group" role="group">
-              <button type="button" class="btn btn-info">
-                System Rev <span class="badge bg-light text-dark">{{ module.sys.rev if module.sys else 'N/A' }}</span>
-              </button>
-              <button type="button" class="btn btn-secondary">DB v{{ module.dbVersion if module.dbVersion else 'N/A' }}</button>
-            </div>
-          </div>
         </div>
       </div>
     </div>
@@ -119,7 +111,7 @@
       <h3><i class="fa fa-table me-2"></i> QC Test Results</h3>
       <div class="table-responsive">
         <table class="table table-striped table-hover">
-          <thead class="table-dark">
+          <thead class="bg-dark text-light">
             <tr>
               <th>Stage</th>
               <th>Upload Status</th>
-- 
GitLab


From 1efd7aff837a0a95c94d2b695431a12020e74c20 Mon Sep 17 00:00:00 2001
From: Giordon Stark <kratsg@gmail.com>
Date: Fri, 19 Sep 2025 02:16:55 -0700
Subject: [PATCH 24/30] Revert "flip notests and not started colors"

This reverts commit 45ca94f773dcd388d4085584f75c192f74af7949.
---
 viewer/static/assets/css/dashboard.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/viewer/static/assets/css/dashboard.css b/viewer/static/assets/css/dashboard.css
index 0b611020b..c24d1efd9 100644
--- a/viewer/static/assets/css/dashboard.css
+++ b/viewer/static/assets/css/dashboard.css
@@ -47,7 +47,7 @@
   border-color: #ffc107;
 }
 
-.status-indicator.no_tests {
+.status-indicator.not_started {
   background: #e9ecef;
   border-color: #adb5bd;
 }
@@ -69,7 +69,7 @@
   border-color: #6c757d;
 }
 
-.status-indicator.not_started {
+.status-indicator.no_tests {
   background: #6c757d;
   border-color: #6c757d;
 }
-- 
GitLab


From 1ded9577b73c555ad26f35f1a310d532621ec0df Mon Sep 17 00:00:00 2001
From: Giordon Stark <kratsg@gmail.com>
Date: Fri, 19 Sep 2025 20:02:37 -0700
Subject: [PATCH 25/30] make sure we handle disabled tests within a stage too

---
 viewer/functions/dashboard_queries.py | 28 +++++++++++++++++++++++----
 1 file changed, 24 insertions(+), 4 deletions(-)

diff --git a/viewer/functions/dashboard_queries.py b/viewer/functions/dashboard_queries.py
index 4d1f4fc6b..e30970374 100644
--- a/viewer/functions/dashboard_queries.py
+++ b/viewer/functions/dashboard_queries.py
@@ -109,8 +109,19 @@ def get_modules_overview(enabled_stages):
             if upload_status == "1":
                 score += 1
 
-            # Tertiary: -1 for each incomplete test in current stage
-            stage_tests = stage_config["stage_test"].get(current_stage, [])
+            # Tertiary: -1 for each incomplete test in current stage (excluding disabled tests)
+            all_tests = stage_config["stage_test"].get(current_stage, [])
+            disabled_tests = stage_config.get("disabled_tests", {}).get(
+                current_stage, {}
+            )
+
+            # Filter out disabled tests
+            stage_tests = [
+                test
+                for test in all_tests
+                if not disabled_tests.get(test, {}).get("disabled", False)
+            ]
+
             qc_results = (
                 module.get("qc_status", {}).get("QC_results", {}).get(current_stage, {})
             )
@@ -141,8 +152,17 @@ def calculate_stage_status(qc_status, stage, stage_config):
             "details": {"message": "Stage skipped (alternative path)"},
         }
 
-    # Get required tests for this stage
-    required_tests = stage_config["stage_test"].get(stage, [])
+    # Get required tests for this stage, excluding disabled ones
+    all_tests = stage_config["stage_test"].get(stage, [])
+    disabled_tests = stage_config.get("disabled_tests", {}).get(stage, {})
+
+    # Filter out disabled tests
+    required_tests = [
+        test
+        for test in all_tests
+        if not disabled_tests.get(test, {}).get("disabled", False)
+    ]
+
     if not required_tests:
         return {
             "status": "no_tests",
-- 
GitLab


From bae8ff3b6a3aa78423d9c232a765abd01c3b60c8 Mon Sep 17 00:00:00 2001
From: Giordon Stark <kratsg@gmail.com>
Date: Fri, 19 Sep 2025 20:12:32 -0700
Subject: [PATCH 26/30] should be using the 'tests' array for disabled tests
 under 'disabled_tests' instead of looking at whether each test had a
 'disabled' key

---
 viewer/functions/dashboard_queries.py | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/viewer/functions/dashboard_queries.py b/viewer/functions/dashboard_queries.py
index e30970374..2a838a98b 100644
--- a/viewer/functions/dashboard_queries.py
+++ b/viewer/functions/dashboard_queries.py
@@ -111,15 +111,16 @@ def get_modules_overview(enabled_stages):
 
             # Tertiary: -1 for each incomplete test in current stage (excluding disabled tests)
             all_tests = stage_config["stage_test"].get(current_stage, [])
-            disabled_tests = stage_config.get("disabled_tests", {}).get(
+            disabled_tests_config = stage_config.get("disabled_tests", {}).get(
                 current_stage, {}
             )
 
+            # Get list of disabled tests (they're stored in a 'tests' array)
+            disabled_tests_list = disabled_tests_config.get("tests", [])
+
             # Filter out disabled tests
             stage_tests = [
-                test
-                for test in all_tests
-                if not disabled_tests.get(test, {}).get("disabled", False)
+                test for test in all_tests if test not in disabled_tests_list
             ]
 
             qc_results = (
@@ -154,14 +155,13 @@ def calculate_stage_status(qc_status, stage, stage_config):
 
     # Get required tests for this stage, excluding disabled ones
     all_tests = stage_config["stage_test"].get(stage, [])
-    disabled_tests = stage_config.get("disabled_tests", {}).get(stage, {})
+    disabled_tests_config = stage_config.get("disabled_tests", {}).get(stage, {})
+
+    # Get list of disabled tests (they're stored in a 'tests' array)
+    disabled_tests_list = disabled_tests_config.get("tests", [])
 
     # Filter out disabled tests
-    required_tests = [
-        test
-        for test in all_tests
-        if not disabled_tests.get(test, {}).get("disabled", False)
-    ]
+    required_tests = [test for test in all_tests if test not in disabled_tests_list]
 
     if not required_tests:
         return {
-- 
GitLab


From f5f940259ad4c5bbb2b25b57b22daffb22cf121a Mon Sep 17 00:00:00 2001
From: Giordon Stark <kratsg@gmail.com>
Date: Mon, 22 Sep 2025 12:40:46 -0700
Subject: [PATCH 27/30] fix pagination

---
 viewer/pages/toppage.py                | 17 ++++++++++++++---
 viewer/templates/components_table.html | 16 +++++++++-------
 2 files changed, 23 insertions(+), 10 deletions(-)

diff --git a/viewer/pages/toppage.py b/viewer/pages/toppage.py
index 0cfd6afeb..0e507a0ff 100644
--- a/viewer/pages/toppage.py
+++ b/viewer/pages/toppage.py
@@ -299,7 +299,7 @@ def show_comps():
         for tag in userdb.viewer.tag.docs.find(
             {"componentid": str(component.get("_id"))}
         ):
-            component["tags"].append(tag.get("name").upper())
+            component["tags"].append(tag.get("name").lower())
 
         if not doShowAll and "archived" in component.get("tags", []):
             continue
@@ -307,7 +307,18 @@ def show_comps():
         filtered_components.append(component)
 
     nModulesTotal = len(filtered_components)
-    maxPage = len(filtered_components) // compsPerPage + 1
+    maxPage = (
+        (len(filtered_components) + compsPerPage - 1) // compsPerPage
+        if len(filtered_components) > 0
+        else 1
+    )
+
+    # Validate page number - redirect to valid page if out of bounds
+    if page < 1:
+        page = 1
+    elif page > maxPage:
+        page = maxPage
+
     minRange = max(1, page - 2)
     maxRange = min(maxPage, minRange + 3)
     pageRange = list(range(minRange, maxRange + 1))
@@ -322,7 +333,7 @@ def show_comps():
 
     cmp_ids = []
     for component in filtered_components[
-        (page - 1) * compsPerPage : page * compsPerPage - 1
+        (page - 1) * compsPerPage : page * compsPerPage
     ]:
         logger.debug("component: {}".format(component.get("serialNumber")))
         cmp_id = str(component["_id"])
diff --git a/viewer/templates/components_table.html b/viewer/templates/components_table.html
index e466edfda..32c2ff6c8 100644
--- a/viewer/templates/components_table.html
+++ b/viewer/templates/components_table.html
@@ -111,14 +111,16 @@
                     {% endif %}
                   </td>
                   <td style="word-wrap:break-word; text-align:left;">
-                    {% for subcomponent in component['cps'] %}
-                      <a class="serialNumber" href="{{ url_for('component_api.show_component_sn', serialNumber=subcomponent['name']) }}"
-                        >{{ subcomponent['name'] }}</a
-                      >
-                      &nbsp;<span style="color:#ccc;">{{ subcomponent['typeinfo'] }}</span>
-                      {% if subcomponent['hex'] != '' %}
+                    {% for subcomponent in component.get('cps', []) %}
+                      {% if subcomponent.get('name') %}
+                        <a class="serialNumber" href="{{ url_for('component_api.show_component_sn', serialNumber=subcomponent['name']) }}"
+                          >{{ subcomponent['name'] }}</a
+                        >
+                        &nbsp;<span style="color:#ccc;">{{ subcomponent.get('typeinfo', '') }}</span>
+                        {% if subcomponent.get('hex', '') != '' %}
+                        {% endif %}
+                        <br />
                       {% endif %}
-                      <br />
                     {% endfor %}
                   </td>
                   <td style="word-wrap:break-word; text-align:left;">
-- 
GitLab


From 2825b09ea5414d2723213ee67bb290f48dabda35 Mon Sep 17 00:00:00 2001
From: Giordon Stark <kratsg@gmail.com>
Date: Mon, 22 Sep 2025 12:51:57 -0700
Subject: [PATCH 28/30] show all stages, indicate which ones are disabled, etc.

---
 viewer/functions/dashboard_queries.py    | 44 ++++++++++++-----
 viewer/pages/dashboard.py                |  7 ++-
 viewer/static/assets/css/dashboard.css   |  6 +++
 viewer/templates/dashboard/overview.html | 61 +++++++++++++++++++++++-
 4 files changed, 102 insertions(+), 16 deletions(-)

diff --git a/viewer/functions/dashboard_queries.py b/viewer/functions/dashboard_queries.py
index 2a838a98b..1173299ac 100644
--- a/viewer/functions/dashboard_queries.py
+++ b/viewer/functions/dashboard_queries.py
@@ -21,8 +21,15 @@ def get_enabled_stages(stage_config):
     ]
 
 
-def get_modules_overview(enabled_stages):
+def get_all_stages(stage_config):
+    """Get all stages including disabled ones"""
+    return stage_config["stage_flow"]
+
+
+def get_modules_overview(enabled_stages, all_stages=None):
     """Get all modules with stage status matrix"""
+    if all_stages is None:
+        all_stages = enabled_stages
     match_stage = {"componentType": "module"}
 
     pipeline = [
@@ -70,20 +77,33 @@ def get_modules_overview(enabled_stages):
                 None,
             )
 
-            # Calculate stage status for each enabled stage
+            # Calculate stage status for all stages (including disabled ones)
             module["stage_status"] = {}
             if module.get("qc_status"):
-                for stage in enabled_stages:
-                    module["stage_status"][stage] = calculate_stage_status(
-                        module["qc_status"], stage, stage_config
-                    )
+                for stage in all_stages:
+                    if stage in enabled_stages:
+                        module["stage_status"][stage] = calculate_stage_status(
+                            module["qc_status"], stage, stage_config
+                        )
+                    else:
+                        # Disabled stage
+                        module["stage_status"][stage] = {
+                            "status": "disabled",
+                            "details": {"message": "Stage is disabled"},
+                        }
             else:
-                # No QC status data - mark all stages as not started
-                for stage in enabled_stages:
-                    module["stage_status"][stage] = {
-                        "status": "not_started",
-                        "details": {"message": "No QC status data available"},
-                    }
+                # No QC status data
+                for stage in all_stages:
+                    if stage in enabled_stages:
+                        module["stage_status"][stage] = {
+                            "status": "not_started",
+                            "details": {"message": "No QC status data available"},
+                        }
+                    else:
+                        module["stage_status"][stage] = {
+                            "status": "disabled",
+                            "details": {"message": "Stage is disabled"},
+                        }
 
             non_archived_modules.append(module)
 
diff --git a/viewer/pages/dashboard.py b/viewer/pages/dashboard.py
index a63c616fd..d94295932 100644
--- a/viewer/pages/dashboard.py
+++ b/viewer/pages/dashboard.py
@@ -5,6 +5,7 @@ from datetime import datetime
 from flask import Blueprint, abort, jsonify, make_response, render_template
 from functions.dashboard_queries import (
     export_modules_csv,
+    get_all_stages,
     get_enabled_stages,
     get_module_details,
     get_modules_overview,
@@ -19,12 +20,14 @@ def overview():
     """Dashboard overview page showing all modules in a status matrix"""
     stage_config = get_stage_config()
     enabled_stages = get_enabled_stages(stage_config)
-    modules = get_modules_overview(enabled_stages)
+    all_stages = get_all_stages(stage_config)
+    modules = get_modules_overview(enabled_stages, all_stages)
 
     return render_template(
         "dashboard/overview.html",
         modules=modules,
-        stages=enabled_stages,
+        stages=all_stages,
+        enabled_stages=enabled_stages,
         stage_config=stage_config,
     )
 
diff --git a/viewer/static/assets/css/dashboard.css b/viewer/static/assets/css/dashboard.css
index c24d1efd9..9a3cbf212 100644
--- a/viewer/static/assets/css/dashboard.css
+++ b/viewer/static/assets/css/dashboard.css
@@ -79,6 +79,12 @@
   border-color: #343a40;
 }
 
+.status-indicator.disabled {
+  background: #e9ecef;
+  border: 2px dashed #adb5bd;
+  opacity: 0.7;
+}
+
 /* Legend Styles */
 .dashboard-legend {
   background: #f8f9fa;
diff --git a/viewer/templates/dashboard/overview.html b/viewer/templates/dashboard/overview.html
index c5977320e..5dce1752f 100644
--- a/viewer/templates/dashboard/overview.html
+++ b/viewer/templates/dashboard/overview.html
@@ -58,7 +58,14 @@
               <th class="text-center sorter-false filter-false">Type</th>
               <th class="text-center filter-select">Current Stage</th>
               {% for stage in stages %}
-                <th class="stage-header sorter-false filter-false" title="{{ stage_config.stages.get(stage, stage) }}">
+                <th
+                  class="stage-header sorter-false filter-false"
+                  data-toggle="popover"
+                  data-html="true"
+                  data-placement="bottom"
+                  data-content="{{ render_stage_tooltip(stage, stage_config, enabled_stages) }}"
+                  data-title="{{ stage.replace('MODULE/', '').replace('_', ' ') }}"
+                >
                   {{ stage.replace('MODULE/', '').replace('_', ' ') }}
                 </th>
               {% endfor %}
@@ -86,7 +93,7 @@
                   <td class="stage-cell {{ 'table-primary' if stage == current_stage else '' }}">
                     <!-- prettier-ignore -->
                     <div
-                      class="status-indicator {{ status }} {{ 'not-uploaded' if upload_status == '-1' and status not in ['not_started', 'alternative', 'no_tests'] else '' }}"
+                      class="status-indicator {{ status }} {{ 'not-uploaded' if upload_status == '-1' and status not in ['not_started', 'alternative', 'no_tests', 'disabled'] else '' }}"
                       data-toggle="popover"
                       data-html="true"
                       data-placement="top"
@@ -147,6 +154,10 @@
           ><div class="status-indicator no_tests"></div>
           No Tests Required</span
         >
+        <span
+          ><div class="status-indicator disabled"></div>
+          Stage Disabled</span
+        >
       </div>
       <div class="mt-2">
         <small class="text-muted"
@@ -255,3 +266,49 @@
     {% endif %}
   </div>
 {% endmacro %}
+
+{# Helper macro for stage header tooltips #}
+{% macro render_stage_tooltip(stage, stage_config, enabled_stages) %}
+  <div class="popover-content" style="min-width: 350px;">
+    <div class="mb-2">
+      <strong>{{ stage.replace('MODULE/', '').replace('_', ' ') }}</strong>
+    </div>
+
+    {% if stage in enabled_stages %}
+      <p class="mb-2 text-success"><i class="fa fa-check-circle"></i> <strong>Stage is enabled</strong></p>
+
+      {% set all_tests = stage_config.stage_test.get(stage, []) %}
+      {% set disabled_tests_config = stage_config.get('disabled_tests', {}).get(stage, {}) %}
+      {% set disabled_tests_list = disabled_tests_config.get('tests', []) %}
+
+      {% if all_tests %}
+        <div class="mb-2">
+          <strong>Tests ({{ all_tests|length }} total):</strong>
+        </div>
+        <ul class="list-group list-group-flush" style="max-height: 250px; overflow-y: auto;">
+          {% for test in all_tests %}
+            {% set test_name = stage_config.test_items.get(test, test) %}
+            {% set is_disabled = test in disabled_tests_list %}
+            <li
+              class="list-group-item d-flex justify-content-between align-items-center py-1 px-2 {{ 'list-group-item-light' if is_disabled else 'list-group-item-info' }}"
+            >
+              <small>{{ test_name }}</small>
+              <span class="badge {{ 'badge-secondary' if is_disabled else 'badge-primary' }}">
+                {% if is_disabled %}
+                  <i class="fa fa-ban"></i> Disabled
+                {% else %}
+                  <i class="fa fa-check"></i> Enabled
+                {% endif %}
+              </span>
+            </li>
+          {% endfor %}
+        </ul>
+      {% else %}
+        <p class="mb-1 text-muted">No tests configured for this stage</p>
+      {% endif %}
+    {% else %}
+      <p class="mb-2 text-warning"><i class="fa fa-ban"></i> <strong>Stage is disabled</strong></p>
+      <p class="mb-1 text-muted">This stage is not currently active in the workflow</p>
+    {% endif %}
+  </div>
+{% endmacro %}
-- 
GitLab


From b0fba48bb112c97e1b3f2aaa42d95976f0d14b7c Mon Sep 17 00:00:00 2001
From: Giordon Stark <kratsg@gmail.com>
Date: Mon, 22 Sep 2025 12:57:01 -0700
Subject: [PATCH 29/30] single quote

---
 viewer/templates/dashboard/overview.html | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)

diff --git a/viewer/templates/dashboard/overview.html b/viewer/templates/dashboard/overview.html
index 5dce1752f..49b523888 100644
--- a/viewer/templates/dashboard/overview.html
+++ b/viewer/templates/dashboard/overview.html
@@ -58,14 +58,13 @@
               <th class="text-center sorter-false filter-false">Type</th>
               <th class="text-center filter-select">Current Stage</th>
               {% for stage in stages %}
-                <th
-                  class="stage-header sorter-false filter-false"
-                  data-toggle="popover"
-                  data-html="true"
-                  data-placement="bottom"
-                  data-content="{{ render_stage_tooltip(stage, stage_config, enabled_stages) }}"
-                  data-title="{{ stage.replace('MODULE/', '').replace('_', ' ') }}"
-                >
+                <!-- prettier-ignore -->
+                <th class="stage-header sorter-false filter-false"
+                    data-toggle="popover"
+                    data-html="true"
+                    data-placement="bottom"
+                    data-content='{{ render_stage_tooltip(stage, stage_config, enabled_stages) }}' {# need to ignore to make sure we use single quotes #}
+                    data-title="{{ stage.replace('MODULE/', '').replace('_', ' ') }}">
                   {{ stage.replace('MODULE/', '').replace('_', ' ') }}
                 </th>
               {% endfor %}
-- 
GitLab


From d1cbd01103720b1b1a006b4e80c9d73e48531b73 Mon Sep 17 00:00:00 2001
From: Giordon Stark <kratsg@gmail.com>
Date: Mon, 22 Sep 2025 13:09:14 -0700
Subject: [PATCH 30/30] fix up using warning for required and not done

---
 viewer/templates/dashboard/overview.html | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/viewer/templates/dashboard/overview.html b/viewer/templates/dashboard/overview.html
index 49b523888..56a223b82 100644
--- a/viewer/templates/dashboard/overview.html
+++ b/viewer/templates/dashboard/overview.html
@@ -288,15 +288,18 @@
           {% for test in all_tests %}
             {% set test_name = stage_config.test_items.get(test, test) %}
             {% set is_disabled = test in disabled_tests_list %}
+            {% set is_required = not is_disabled %}
             <li
-              class="list-group-item d-flex justify-content-between align-items-center py-1 px-2 {{ 'list-group-item-light' if is_disabled else 'list-group-item-info' }}"
+              class="list-group-item d-flex justify-content-between align-items-center py-1 px-2 {{ 'list-group-item-light' if is_disabled else 'list-group-item-warning' if is_required else 'list-group-item-info' }}"
             >
               <small>{{ test_name }}</small>
-              <span class="badge {{ 'badge-secondary' if is_disabled else 'badge-primary' }}">
+              <span class="badge {{ 'badge-secondary' if is_disabled else 'badge-warning' if is_required else 'badge-primary' }}">
                 {% if is_disabled %}
                   <i class="fa fa-ban"></i> Disabled
+                {% elif is_required %}
+                  <i class="fa fa-clock-o"></i> Required
                 {% else %}
-                  <i class="fa fa-check"></i> Enabled
+                  <i class="fa fa-info-circle"></i> Optional
                 {% endif %}
               </span>
             </li>
-- 
GitLab