+ {/* Row 1: 5-dimension health scores */}
+
+
+
+ SYSTEM HEALTH · 5 SUBSYSTEMS
+
+
+ OVERALL{" "}
+
+ {SAMPLE.health.overall}
+
+ /100
+
+
+
+ {SAMPLE.health.subsystems.map((sub) => (
+
+
+
+ {sub.name}
+
+
+ {sub.score}
+
+
+
+
+
+
+ ))}
+
+
+
+ {/* Row 2: Fault cards (detailed) */}
+
+ {SAMPLE.faults.map((f) => (
+
+ {/* Fault header */}
+
+
+
+ {f.code}
+
+
+
+ {f.title}
+
+
+
+ {f.category}
+
+
+ LABOR {f.laborHours}h
+
+ {f.charmSourced && (
+
+ CHARM ✓
+
+ )}
+
+
+
+
+
+ ${f.cost.min}–${f.cost.max}
+
+
+
+ {f.urgency}
+
+
+
+
+ {/* Technical explanation */}
+
+ {f.technical}
+
+
+ {/* Grid: causes + steps */}
+
+ {/* Causes with probability */}
+
+
+ PROBABLE CAUSES
+
+
+
+
+ {/* Diagnostic steps */}
+
+
+ DIAGNOSTIC STEPS
+
+
+ {f.steps.map((s, i) => (
+ -
+
+ {String(i + 1).padStart(2, "0")}
+
+ {s}
+
+ ))}
+
+
+
+
+ {/* Monitoring conditions */}
+
+
+
+ WHEN MONITORED
+
+
+ {f.whenMonitored}
+
+
+
+
+ SET CONDITION
+
+
+ {f.setCondition}
+
+
+
+
+ ))}
+
+
+ {/* Row 3: Freeze Frame + Readiness + Correlation */}
+
+ {/* Freeze Frame */}
+
+
+
+ FREEZE FRAME DATA
+
+
+ CAPTURED AT FAULT
+
+
+
+ {SAMPLE.freezeFrame.map((p) => (
+
+
+ {p.label}
+
+
+
+ {p.value}
+
+
+ {p.unit}
+
+
+
+ ))}
+
+
+
+ {/* Readiness Monitors */}
+
+
+
+ {SAMPLE.readiness.map((m) => (
+ -
+ {m.name}
+
+
+
+ {m.status === "ready"
+ ? "Ready"
+ : m.status === "pending"
+ ? "Pending"
+ : m.status === "notReady"
+ ? "Not Ready"
+ : "N/A"}
+
+
+
+ ))}
+
+
+
+ {/* Fault Correlation */}
+
+
+ MULTI-CODE CORRELATION
+
+
+ {SAMPLE.correlation}
+
+
+
+ This analysis is only possible when multiple codes are present and
+ the vehicle is known (CHARM matched).
+
+
+
+
+ {/* Meta footer */}
+
+
+
+ 706 GB CHARM
+
+
+ {SAMPLE.meta.aiModel}
+
+
+ {SAMPLE.meta.analysisSeconds}s ·{" "}
+ {SAMPLE.meta.dataPoints} data points
+
+
+
Raw JSON available via /api/v1/report/{"{id}"}
+
+
+ );
+}