Driver opens this for roadside inspection. SharePoint-authenticated, last published from latest.json.
{/* Token revocation. Styled muted and red so it doesn't invite
casual clicks; gated behind a confirmation modal that
explains exactly what will happen. */}
);
};
// Token revocation UI. Two stages: a quiet collapsed strip, and a
// confirmation modal that the operator has to explicitly continue from.
// The actual regeneration happens via the GitHub Actions workflow
// (regenerate-driver-token.yml); this UI hands off to it.
function TokenRevocation({ drv }) {
const [open, setOpen] = React.useState(false);
const workflowUrl = "https://github.com/RayFindlay/SFC-Automation-Project/actions/workflows/regenerate-driver-token.yml";
const handleProceed = async () => {
// Copy the driver name to clipboard so Ray can just paste into the
// GitHub workflow form when the new tab opens.
try { await navigator.clipboard.writeText(drv.name); } catch (e) { /* not critical */ }
window.open(workflowUrl, "_blank", "noopener,noreferrer");
setOpen(false);
};
return (
<>
Token revocation
Regenerating this driver's token invalidates their current roadside URL. Use only when a link has leaked, a phone is lost, or the driver leaves the carrier.
Trigger the pipeline to republish, removing the old token's folder as an orphan
Make the current roadside URL return 404 within ~5 minutes
Require you to send {drv.name} their new URL once the pipeline finishes
Current token (will be invalidated)
{drv.token || "(none on file)"}
Clicking continue opens the GitHub Actions workflow in a new tab. {drv.name}'s name is copied to your clipboard - paste it into the form's Driver field, optionally add a reason, then click Run.
)}
);
}
function DayCellV2({ d, iso, c, driverId, onClick, delay = 0 }) {
const stateColor = c.state === "exempt" ? "var(--ok)" : c.state === "full-log" ? "var(--accent-600)" : "var(--steel-300)";
const has = c.state !== "none";
const bg = c.state === "exempt" ? "#F1F7F3" : c.state === "full-log" ? "#FFF7F1" : "var(--white)";
const bgHov = c.state === "exempt" ? "#E4EFE8" : c.state === "full-log" ? "#FFEFE3" : "var(--steel-50)";
const border = c.state === "exempt" ? "#CFE3D6" : c.state === "full-log" ? "#F3D3BC" : "var(--border)";
const cellRef = React.useRef(null);
const [editing, setEditing] = React.useState(false);
const [, force] = React.useReducer(x => x + 1, 0);
const onContext = (e) => { e.preventDefault(); setEditing(true); };
// Units driven that day (unique, preserves the order they first appear)
const D = window.NORFAB_DATA;
const unitsDriven = (() => {
if (!has || !driverId) return [];
const seen = new Set();
const out = [];
for (const t of (D && D.TRIPS) || []) {
if (t.driver === driverId && t.date === iso && t.unit && !seen.has(t.unit)) {
seen.add(t.unit);
out.push(t.unit);
}
}
return out;
})();
return (
<>
{editing && (
setEditing(false)} onSaved={() => force()} />
)}
);
}
function DvirDot({ ok, label, title, optional }) {
// For `optional` dots (post-trip, which is NOT legally required), use a
// neutral grey for the "missing" state instead of warning-orange.
const missBg = optional ? "var(--steel-100)" : "var(--accent-100)";
const missFg = optional ? "var(--fg-muted)" : "var(--accent-700)";
const missBorder = optional ? "var(--border)" : "#F0BFA0";
return (
{label}
);
}
function SideStat({ label, value, tone = "neutral", divider, topBorder }) {
const colors = { neutral: "var(--navy-900)", ok: "var(--ok)", flag: "var(--accent-700)" };
return (
);
}
// Renders a trip location as a Google Maps link. Falls back from named
// location (e.g., "Head Office") to raw GPS coordinates when no name is on
// file (Titan emits these for un-geofenced stops like a delivery in a
// residential neighbourhood). Either way, clicking opens Google Maps to
// the precise coordinates if we have them, or to the name's geocoded
// match if we only have a name.
function LocationCell({ name, coords }) {
const hasCoords = Array.isArray(coords) && coords.length >= 2 && coords[0] != null && coords[1] != null;
if (!name && !hasCoords) {
return ;
}
const display = name || (hasCoords ? `${coords[0].toFixed(5)}, ${coords[1].toFixed(5)}` : "");
// When we have coords, use the ?q=loc:LAT,LNG form. The 'loc:' prefix
// tells Google Maps "treat this as a literal coordinate, not a search
// query" — so it drops a pin at the EXACT lat/lng without doing the
// business-name fuzzy match. Without 'loc:', a bare ?q=LAT,LNG would
// search Google's public business directory and hit whatever's closest
// (e.g. Nelson Lumber when the truck was at the NFB Cascade Freight geofence).
// Note: the older /@LAT,LNG,Zz form centers the map but doesn't drop a
// pin, which made it hard to see exactly where the truck was.
// When no coords, fall back to a name search (least bad option).
const href = hasCoords
? `https://www.google.com/maps?q=loc:${coords[0]},${coords[1]}`
: `https://www.google.com/maps/search/?api=1&query=${encodeURIComponent(name)}`;
return (
{display}
);
}
function Lgnd({ swatch, label }) {
return (
{label}
);
}
// ============ Zone 3, Day Detail ============
const DayDetail = ({ driverId, dayISO, onClose }) => {
const D = window.NORFAB_DATA;
const drv = D.DRIVERS.find(x => x.id === driverId);
const unit = D.UNITS.find(x => x.id === drv.unit);
const c = D.dayCompliance(drv.id, dayISO);
const dateLabel = new Date(dayISO + "T12:00").toLocaleDateString("en-US", { weekday: "long", month: "long", day: "numeric", year: "numeric" });
const banner = c.state === "exempt"
? { tone: "ok", title: "160 km exempt", text: "Operated within 160 km of home terminal, returned within 1.5 km, pre-trip on file. No full daily log required." }
: c.state === "full-log"
? { tone: "flag", title: "Full daily log required", text: c.reasons.join(" · ") }
: { tone: "neutral", title: "No activity", text: "No trips logged for this day." };
return (
{[["Pre", c.pre, false], ["Post", c.post, true]].map(([k, r, optional]) => {
// Source PDF lives at the same per-day support path the phone
// view links to. The publisher writes the original SiteDocs PDF
// to /drivers//support//inspection-source.pdf
// on every run; same URL whether viewed from the dashboard or
// a worker's roadside link.
const pdfHref = (r && drv.token)
? `${D.PUBLISH_BASE}/drivers/${drv.token}/support/${dayISO}/inspection-source.pdf`
: null;
return (
);
}
// ============ Duty-Status Graph (SFC daily log) ============
// 4-row 24-hour graph: Off Duty / Sleeper Berth / Driving / On Duty (not driving)
//
// Each Titan trip is exactly one DRIVING segment (truck moving from A to B).
// The TIME BETWEEN consecutive trips is ON-DUTY (truck stopped, driver still
// working: on-site work, paperwork, breaks shorter than the work-shift edge).
// Pre-trip DVIR adds a 15-min ON-DUTY preamble before the first trip; post-trip
// DVIR (when filed) adds a 10-min ON-DUTY tail after the last trip. Everything
// outside the work shift is OFF-DUTY.
//
// Returns a list of {start, end, row} with row: 0=Off, 1=Sleeper, 2=Driving,
// 3=OnDuty. Segments are guaranteed:
// - sorted by start
// - non-overlapping
// - cover the full 24h day (sums to 1440 minutes)
// - times clamped to [0, 1440]
// - row in {0, 1, 2, 3}
function buildSegments(trips, pre, post) {
const DAY = 24 * 60;
const clamp = (v) => Math.max(0, Math.min(DAY, v));
// Sanitise input: drop NaN times, end < start, etc.
const rawTrips = (Array.isArray(trips) ? trips : [])
.filter(t => t && Number.isFinite(t.start_min) && Number.isFinite(t.end_min) && t.end_min >= t.start_min)
.map(t => ({ start: clamp(t.start_min), end: clamp(t.end_min) }))
.sort((a, b) => a.start - b.start);
if (rawTrips.length === 0) return [];
// MERGE overlapping or duplicate trip intervals so each driving block in
// the chart corresponds to one contiguous "truck was moving" window.
// Titan can emit duplicates (same start/end on different unit cells) and
// partially-overlapping trips when GPS is noisy, without merging, the
// segments sum to more than 24 hours.
const cleanTrips = [];
for (const t of rawTrips) {
const prev = cleanTrips[cleanTrips.length - 1];
if (prev && t.start <= prev.end) {
// overlap or touching, extend the previous interval
if (t.end > prev.end) prev.end = t.end;
} else {
cleanTrips.push({ start: t.start, end: t.end });
}
}
// Build the workday timeline as raw {start, end, row} segments. We'll merge
// adjacent same-row segments at the end so the path is clean.
const raw = [];
const firstStart = cleanTrips[0].start;
const lastEnd = cleanTrips[cleanTrips.length - 1].end;
// Pre-trip bookend uses the ACTUAL DVIR signed time (in minutes from
// midnight). Only draw a preamble if the pre-trip was signed strictly
// BEFORE the first trip started. Hardcoding "15 min before first trip"
// invented on-duty time that wasn't in the data, wrong.
const preTimeMin = (pre && Number.isFinite(pre.time_min)) ? clamp(pre.time_min) : null;
const postTimeMin = (post && Number.isFinite(post.time_min)) ? clamp(post.time_min) : null;
const workStart = (preTimeMin != null && preTimeMin < firstStart) ? preTimeMin : firstStart;
const workEnd = (postTimeMin != null && postTimeMin > lastEnd) ? postTimeMin : lastEnd;
// 1. Off-duty before the work day starts.
if (workStart > 0) raw.push({ start: 0, end: workStart, row: 0 });
// 2. Pre-trip on-duty bookend (only when DVIR was filed BEFORE first trip).
if (workStart < firstStart) raw.push({ start: workStart, end: firstStart, row: 3 });
// 3. Walk through trips chronologically.
// Each trip is one DRIVING segment. The gap to the next trip is ON-DUTY.
for (let i = 0; i < cleanTrips.length; i++) {
const t = cleanTrips[i];
if (t.end > t.start) raw.push({ start: t.start, end: t.end, row: 2 });
if (i < cleanTrips.length - 1) {
const nextStart = cleanTrips[i + 1].start;
if (nextStart > t.end) raw.push({ start: t.end, end: nextStart, row: 3 });
}
}
// 4. Post-trip on-duty bookend uses the ACTUAL DVIR signed time. Only
// draw a tail if post-trip was signed AFTER the last trip ended.
// Post-trip is NOT legally required (NSC Std 13), so absence just
// means the work day ends at the last trip end.
if (workEnd > lastEnd) raw.push({ start: lastEnd, end: workEnd, row: 3 });
// 5. Off-duty after the work day ends.
if (workEnd < DAY) raw.push({ start: workEnd, end: DAY, row: 0 });
// Final cleanup: drop degenerate, clamp row range, and merge consecutive
// same-row segments so the stepped path doesn't have redundant junctions.
const cleaned = raw
.map(s => ({ start: clamp(s.start), end: clamp(s.end), row: (s.row >= 0 && s.row <= 3) ? s.row : 0 }))
.filter(s => s.end > s.start);
const merged = [];
for (const s of cleaned) {
const last = merged[merged.length - 1];
if (last && last.row === s.row && last.end === s.start) {
last.end = s.end;
} else {
merged.push({ ...s });
}
}
return merged;
}
function DutyChart({ day, trips, pre, post }) {
const W = 1180, H = 200;
const padL = 110, padR = 140, padT = 16, padB = 32;
const clipId = "dutyClip-" + (day || "x");
const plotW = W - padL - padR;
const plotH = H - padT - padB;
const rowH = plotH / 4;
const xAt = (m) => padL + (m / 1440) * plotW;
const yAt = (row) => padT + row * rowH + rowH / 2;
const segs = buildSegments(trips, pre, post);
const rows = ["Off Duty", "Sleeper Berth", "Driving", "On Duty"];
const rowColors = ["#3C5E7E", "#3C5E7E", "#D9501F", "#3C5E7E"];
const totals = [0, 0, 0, 0];
segs.forEach(s => totals[s.row] += (s.end - s.start));
// Guardrail: cap each row total at 24h. With clean segments this can't be
// exceeded, but defends against any future feeder that double-counts.
for (let i = 0; i < totals.length; i++) totals[i] = Math.min(totals[i], 24 * 60);
const isEmpty = segs.length === 0;
// Format mins as H:MM and span as e.g. "08:15 – 11:30 · 3h 15m"
const fmtClock = (m) => {
const h = Math.floor(m / 60), mm = Math.floor(m % 60);
return `${String(h).padStart(2,"0")}:${String(mm).padStart(2,"0")}`;
};
const fmtDur = (m) => {
const h = Math.floor(m / 60), mm = Math.round(m % 60);
return h > 0 ? (mm > 0 ? `${h}h ${mm}m` : `${h}h`) : `${mm}m`;
};
// Build the stepped path
let path = "";
segs.forEach((s, i) => {
if (i === 0) path += `M ${xAt(s.start)} ${yAt(s.row)} `;
else path += `L ${xAt(s.start)} ${yAt(s.row)} `;
path += `L ${xAt(s.end)} ${yAt(s.row)} `;
});
return (
Driving
Other duty status
Hover any segment for time + durationSynthesized from trip + DVIR data · 24-hour local time (MDT)