/**
* ReportSummary — Reusable report summary card (Swift Reports-tab styling).
*
* Props:
* scans (array) — Scans to summarise
* title (string) — Section heading (default: "Report Summary")
* properties (array) — Properties array (for general summary property count).
* Passing an array (even empty) selects the "general"
* context; omitting it selects "per-property/unassigned".
* unassignedCount (number) — Count of unassigned scans (general summary only)
* roomCount (number) — Override room count (optional — auto-computed if omitted)
*
* Computes: total scans, unique rooms, latest scan date, highest severity, average risk.
* Works for both general (all scans) and per-property (filtered) contexts.
*
* Layout (ported from the Swift app's canonical Reports tab):
* 1. Three stat tiles — Scans, Properties (general) or Rooms (per-property/unassigned),
* Avg risk.
* 2. Centrepiece "Average Risk · Confidence Bands" card: a segmented band bar
* (LOW/MODERATE/HIGH/CRITICAL) whose segment widths mirror SeverityConfig's real
* thresholds (0-40/40-60/60-80/80-100), with a marker + numeral positioned at the
* average-risk percentage. Secondary chips (latest scan date, highest severity) and
* the photo-provenance line are folded in beneath so no prior information is lost.
*
* rs* local helpers are namespaced to this file per CLAUDE.md (no module system —
* every top-level var is a window global).
*/
// Band colours for the segmented bar — CLAUDE.md's four design tokens (good/fair/poor/
// very_poor). Kept local rather than added to SeverityConfig because SeverityConfig's
// shared levels intentionally reuse `text-warning` for both high and critical elsewhere
// in the app; this gauge needs all four visually distinct, as in the Swift reference.
var rsBandOrder = ['low', 'moderate', 'high', 'critical'];
var rsBands = {
low: { label: 'Low', widthPct: 40, solid: '#0fbd80', muted: 'rgba(15,189,128,0.55)' },
moderate: { label: 'Moderate', widthPct: 20, solid: '#d4a373', muted: 'rgba(212,163,115,0.65)' },
high: { label: 'High', widthPct: 20, solid: '#D4836B', muted: 'rgba(212,131,107,0.65)' },
critical: { label: 'Critical', widthPct: 20, solid: '#c1440e', muted: 'rgba(193,68,14,0.7)' },
};
// Divider colour between bar segments — matches the bio-bg card's base fill so the gap
// reads as a seam rather than a stray line, regardless of which bio-bg-N offset wraps it.
var rsBarDividerColor = '#F7F3E0';
// Inline SVG camera glyph — "photo_camera"/"camera" are not in the Material Symbols
// subset (assets/fonts/symbols.icons.txt); the closest listed icon (add_a_photo) carries
// a misleading "+" badge for a stat count, so this matches the Swift look directly.
var rsCameraIcon = function (className) {
return (
);
};
// One stat tile — icon chip (green), big forest numeral, muted uppercase caption.
var rsStatTile = function (iconNode, value, label) {
return (
{iconNode}
{value}
{label}
);
};
var ReportSummary = function (props) {
var scans = props.scans || [];
var title = props.title || 'Report Summary';
var properties = props.properties !== undefined ? props.properties : null;
var unassignedCount = props.unassignedCount || 0;
if (scans.length === 0) return null;
// Compute stats from the scan array
var totalScans = scans.length;
// Unique rooms
var roomMap = {};
for (var i = 0; i < scans.length; i++) {
var rn = scans[i].roomName || 'Unassigned';
roomMap[rn] = true;
}
var roomCount = props.roomCount !== undefined ? props.roomCount : 0;
if (props.roomCount === undefined) {
for (var r in roomMap) { roomCount++; }
}
// Latest scan
var latest = scans[0];
for (var l = 1; l < scans.length; l++) {
if (scans[l].timestamp > latest.timestamp) latest = scans[l];
}
// Highest severity
var highestSev = 'low';
for (var h = 0; h < scans.length; h++) {
if (SeverityConfig.order(scans[h].severity) > SeverityConfig.order(highestSev)) {
highestSev = scans[h].severity;
}
}
var hSev = SeverityConfig.get(highestSev);
// Average risk
var sum = 0;
for (var a = 0; a < scans.length; a++) { sum += scans[a].percentage; }
var avgPct = Math.round(sum / scans.length);
var avgSeverity = SeverityConfig.fromPercentage(avgPct).severity;
var avgBand = rsBands[avgSeverity] || rsBands.low;
// Clamp only the marker/numeral's horizontal position so it never clips the card edge
// at 0% or 100%; segment widths (the actual threshold geometry) are never clamped.
var markerPct = Math.max(6, Math.min(94, avgPct));
// Photo provenance. Whether a photo still carries its original camera
// metadata is an evidential property, not a technical curiosity: an image
// with an intact capture timestamp, device and location is materially
// stronger evidence than one re-saved through a messaging app, which strips
// all three. Counted here so a report states its own evidential strength.
var withCaptureData = 0;
if (typeof ExifService !== 'undefined') {
for (var c = 0; c < scans.length; c++) {
var ctx = scans[c].captureContext;
if (!ctx) continue;
if (ExifService.hasCameraData(ExifService.fieldsFromCaptureContext(ctx))) withCaptureData++;
}
}
// Tile 2 — Properties (general context) or Rooms (per-property/unassigned context)
var showProperties = properties !== null;
// A scan always belongs to SOME property, so zero is never the honest count:
// without MANAGE_PROPERTY (the professional multi-property subscription) the
// page passes an empty array and everything implicitly lives on one property.
// Floor at 1; the count only exceeds 1 once the flag unlocks multi-property.
var propertyCount = showProperties ? Math.max(1, properties.length) : 0;
var tile2Value = showProperties ? propertyCount : roomCount;
var tile2Label = showProperties ? (propertyCount === 1 ? 'Property' : 'Properties') : (roomCount === 1 ? 'Room' : 'Rooms');
var tile2Icon = showProperties ? 'apartment' : 'nest_multi_room';
return (