Is your shipment going to make it? Did you check the pulse?
Live cargo aircraft, active wildfires, weather-grounded airports, California traffic,
earthquakes near freight infrastructure, every refinery — overlaid in one map. Public
data, stitched.
{!isAuthed && (
Anonymous view
Sign in for the full intel.
You're seeing every signal we track — but tap any pin and you'll see "sign in for details."
Free magic-link · no password · no credit card.
);
}
// =============================================================================
// AIR HORN — easter egg on truck click. Pure Web Audio synth (no audio file).
// =============================================================================
let _audioCtx = null;
function honkAirHorn() {
try {
if (!_audioCtx) {
const Ctx = window.AudioContext || window.webkitAudioContext;
if (!Ctx) return;
_audioCtx = new Ctx();
}
const ctx = _audioCtx;
if (ctx.state === "suspended") ctx.resume();
const now = ctx.currentTime;
const duration = 0.85;
// Three slightly detuned square-wave oscillators give the "blat" of a real air horn
const freqs = [220, 277, 330];
const master = ctx.createGain();
master.gain.setValueAtTime(0, now);
master.gain.linearRampToValueAtTime(0.18, now + 0.04);
master.gain.setValueAtTime(0.18, now + duration - 0.18);
master.gain.exponentialRampToValueAtTime(0.001, now + duration);
master.connect(ctx.destination);
// Slight low-pass to take harsh edges off the squarewave
const filter = ctx.createBiquadFilter();
filter.type = "lowpass";
filter.frequency.value = 1800;
filter.Q.value = 1.2;
filter.connect(master);
freqs.forEach((f, i) => {
const osc = ctx.createOscillator();
osc.type = "square";
osc.frequency.setValueAtTime(f, now);
// Tiny pitch wobble for realism
osc.frequency.linearRampToValueAtTime(f * 1.02, now + 0.15);
osc.frequency.linearRampToValueAtTime(f * 0.98, now + duration - 0.1);
const oscGain = ctx.createGain();
oscGain.gain.value = i === 0 ? 0.6 : 0.4;
osc.connect(oscGain);
oscGain.connect(filter);
osc.start(now);
osc.stop(now + duration + 0.05);
});
} catch (e) {
console.warn("honk failed", e);
}
}
window.honkAirHorn = honkAirHorn;
// =============================================================================
// LIVE NETWORK RADAR — public-facing teaser of the operator-signal pipeline.
// Pulls verified+public intel via the anon supabase client and shows a live
// counter, a top-3 chronic-pattern list, and a 4-row recent feed (text faded
// out so non-subscribers see the shape of the signal but not every word).
// =============================================================================
function LiveRadar({ onNav }) {
const [rows, setRows] = useStateH([]);
const [loading, setLoading] = useStateH(true);
useEffectH(() => {
let alive = true;
async function load() {
if (!window.SI_DB || !window.SI_DB.raw) { setLoading(false); return; }
try {
const data = await window.SI_DB.raw.select(
"intel_submissions",
"select=parsed_carrier,parsed_intel_type,parsed_city,severity,raw_text,created_at&order=created_at.desc&limit=300"
);
if (!alive) return;
setRows(Array.isArray(data) ? data : []);
} catch {}
finally { if (alive) setLoading(false); }
}
load();
return () => { alive = false; };
}, []);
const day = 86400000;
const now = Date.now();
const recent7 = rows.filter(r => now - new Date(r.posted_at || r.created_at).getTime() < 7 * day);
const recent30 = rows.filter(r => now - new Date(r.posted_at || r.created_at).getTime() < 30 * day);
// Build top patterns the same way the dashboard does
const sevWeight = { critical: 4, high: 3, moderate: 1.5, low: 1 };
const carrierIdx = {};
recent30.forEach(r => {
if (!r.parsed_carrier || !r.parsed_intel_type) return;
const k = `${r.parsed_carrier}|${r.parsed_intel_type}`;
if (!carrierIdx[k]) carrierIdx[k] = { carrier: r.parsed_carrier, type: r.parsed_intel_type, count: 0, score: 0, sev: { high: 0, critical: 0 } };
carrierIdx[k].count += 1;
carrierIdx[k].score += sevWeight[r.severity] || 1;
if (r.severity === "high" || r.severity === "critical") carrierIdx[k].sev[r.severity] += 1;
});
const topPatterns = Object.values(carrierIdx)
.filter(p => p.count >= 3)
.sort((a, b) => b.score - a.score)
.slice(0, 3);
const carriers = (window.SI_DATA && window.SI_DATA.LA_REPORT && window.SI_DATA.LA_REPORT.carriers) || {};
function carrierName(slug) {
for (const cat of Object.values(carriers)) {
const hit = (cat || []).find(c => c.id === slug);
if (hit) return hit.name;
}
return (slug || "").toUpperCase();
}
function fmtType(t) { return (t || "").replace(/_/g, " "); }
function fmtAge(ts) {
const d = Math.floor((now - new Date(ts).getTime()) / day);
if (d <= 0) return "today";
if (d === 1) return "1d ago";
return `${d}d ago`;
}
const recentFeed = recent7.slice(0, 4);
const totalVerified = rows.length;
const high7 = recent7.filter(r => r.severity === "high" || r.severity === "critical").length;
const carriersTracked = new Set(recent30.map(r => r.parsed_carrier).filter(Boolean)).size;
return (
LIVE NETWORK RADAR · UPDATED CONTINUOUSLY
The freight reality your carrier didn't email you about.
Live patterns, carrier-by-carrier and metro-by-metro — the operational
picture you'd otherwise piece together from twelve emails, three Slacks,
and a phone call you didn't make. Updated through the day.
One email a morning. Top patterns, carrier alerts, weather + road
conditions, port and fuel signals — all scoped to the metros you
care about. Drivers stay anonymous. We never sell your address.
);
}
// =============================================================
// TONIGHT'S PULSE — live alerts strip above the hero. Pulls the
// synthesizer output (intel_alerts) and surfaces the top critical/
// high-severity pattern in a breaking-news ribbon. Anonymous-readable
// (RLS allows status=published). Cycles through if multiple.
// =============================================================
function TonightsPulse({ onNav }) {
const [alerts, setAlerts] = useStateH([]);
const [idx, setIdx] = useStateH(0);
useEffectH(() => {
let alive = true;
if (!window.SI_DB || !window.SI_DB.raw) return;
(async () => {
try {
const rows = await window.SI_DB.raw.select(
"intel_alerts",
"select=id,topic,severity,city_id,carrier_slug,evidence_count&status=eq.published&order=published_at.desc&limit=5"
);
if (!alive) return;
// Sort by severity weight (critical first), then keep the order from DB.
const W = { critical: 0, high: 1, moderate: 2, low: 3 };
const sorted = (Array.isArray(rows) ? rows : []).slice().sort(
(a,b) => (W[a.severity] ?? 9) - (W[b.severity] ?? 9)
);
setAlerts(sorted);
} catch {}
})();
return () => { alive = false; };
}, []);
useEffectH(() => {
if (alerts.length <= 1) return;
const t = setInterval(() => setIdx(i => (i + 1) % alerts.length), 6000);
return () => clearInterval(t);
}, [alerts.length]);
if (alerts.length === 0) return null;
const a = alerts[idx];
// Soft tinted-blue treatment matches the dashboard `.dash-bar` command bar
// (hue 250). Severity now rides the badge color only — not the whole ribbon —
// so the ribbon visually ties to BigRadar above and the dashboard surface
// it links to, rather than blasting red across the homepage.
const sevBadge = {
critical: { bg: "oklch(0.50 0.22 25)", fg: "#fff" },
high: { bg: "oklch(0.55 0.20 25)", fg: "#fff" },
moderate: { bg: "oklch(0.60 0.15 75)", fg: "#fff" },
low: { bg: "oklch(0.50 0.12 250)", fg: "#fff" },
}[a.severity] || { bg: "oklch(0.45 0.10 250)", fg: "#fff" };
return (
);
}
// =============================================================
// LIVE ALERTS FEED — sits below TonightsPulse on the home page.
// While the ribbon cycles through alerts one at a time, this is
// the persistent "what's open right now" board: up to 5 published
// intel_alerts rendered as cards, each a click-through to the
// dashboard's full "What we're watching" panel. Anon-readable
// (RLS allows SELECT on intel_alerts where status='published').
// =============================================================
function LiveAlertsFeed({ onNav }) {
const [alerts, setAlerts] = useStateH([]);
useEffectH(() => {
let alive = true;
if (!window.SI_DB || !window.SI_DB.raw) return;
(async () => {
try {
const rows = await window.SI_DB.raw.select(
"intel_alerts",
"select=id,topic,severity,city_id,carrier_slug,evidence_count,published_at" +
"&status=eq.published&order=published_at.desc&limit=5"
);
if (!alive) return;
setAlerts(Array.isArray(rows) ? rows : []);
} catch {}
})();
return () => { alive = false; };
}, []);
if (alerts.length === 0) return null;
// Severity → color. Same hue-25 deep-red palette the dashboard uses, so
// a critical alert reads the same on home as on /#/account.
const sevColor = {
critical: "oklch(0.50 0.22 25)",
high: "oklch(0.55 0.20 25)",
moderate: "oklch(0.55 0.16 75)",
low: "oklch(0.55 0.05 250)",
};
// "Friday 4:11 PM" / "12 min ago" — short, glanceable.
function ago(ts) {
if (!ts) return null;
const ms = Date.now() - new Date(ts).getTime();
if (ms < 60_000) return "just now";
if (ms < 3_600_000) return `${Math.floor(ms / 60_000)}m ago`;
if (ms < 86_400_000) return `${Math.floor(ms / 3_600_000)}h ago`;
if (ms < 7 * 86_400_000) return `${Math.floor(ms / 86_400_000)}d ago`;
return new Date(ts).toLocaleDateString(undefined, { month: "short", day: "numeric" });
}
return (
{alerts.map(a => {
const sev = a.severity || "moderate";
const color = sevColor[sev] || sevColor.moderate;
return (
);
})}
);
}
// =============================================================
// THREE-DOOR FRAME — every audience sees their own door above the
// fold. Shippers/brokers go to the Pulse signup. Drivers go to The
// Yard. Oil/finance go straight to the dashboard.
// =============================================================
function ThreeDoors({ onNav }) {
const doors = [
{
id: "ship",
icon: "📦",
eyebrow: "Ship freight?",
title: "See your carriers from the inside.",
body: "Daily metro Pulse — terminal status, lane conditions, carrier reliability. Read it before freight starts moving.",
cta: "Subscribe to a metro Pulse →",
action: () => { document.getElementById("dash-pulse-signup")?.scrollIntoView({ behavior: "smooth", block: "start" }); },
accent: "var(--red, oklch(0.50 0.16 250))",
},
{
id: "drive",
icon: "🛻",
eyebrow: "Drive?",
title: "Free tools the carriers won't show you.",
body: "Find your dock, check the truck stops, read the trust contract. Submit a tip — sealed by default, deletable any time.",
cta: "Open The Yard →",
action: () => onNav("drivers"),
accent: "oklch(0.50 0.18 145)",
},
{
id: "watch",
icon: "🛢",
eyebrow: "Watch oil & finance?",
title: "The market read others miss.",
body: "Refinery utilization · crack spreads · state-by-state crude · per-carrier financial dirt · synthesized cross-source alerts.",
cta: "See the dashboard →",
action: () => onNav("account"),
accent: "oklch(0.50 0.20 50)",
},
];
return (
{doors.map(d => (
))}
);
}
// =============================================================
// CONNECTION BOARD PREVIEW — homepage section that promotes the
// shippers-connect load board. For signed-in users we pull a few
// recent open loads (RLS-protected, so anon gets a teaser). Either
// way, two big CTAs: post a load, browse loads. This is the active
// shipper entrance — Pulse subscription is the passive one.
// =============================================================
function ConnectionBoardPreview({ onNav, user }) {
const [loads, setLoads] = useStateH([]);
const [loading, setLoading] = useStateH(!!user);
useEffectH(() => {
if (!user) return;
let alive = true;
(async () => {
try {
const rows = await window.SI_DB.raw.selectAuthed(
"shipper_loads",
"select=id,origin_city,origin_state,dest_city,dest_state,pickup_earliest,equipment_type,willing_to_share,total_pallets,rate_offered_usd&status=in.(open,matched)&order=created_at.desc&limit=4"
);
if (!alive) return;
setLoads(Array.isArray(rows) ? rows : []);
} catch {} finally { if (alive) setLoading(false); }
})();
return () => { alive = false; };
}, [user]);
const TEASERS = [
{ origin_city: "Los Angeles", origin_state: "CA", dest_city: "Phoenix", dest_state: "AZ",
equipment_type: "dry_van", willing_to_share: true, total_pallets: 18,
pickup_earliest: "2026-05-04T14:00:00Z" },
{ origin_city: "Chicago", origin_state: "IL", dest_city: "Atlanta", dest_state: "GA",
equipment_type: "reefer", willing_to_share: false, total_pallets: 22,
pickup_earliest: "2026-05-05T07:00:00Z" },
{ origin_city: "Dallas", origin_state: "TX", dest_city: "Memphis", dest_state: "TN",
equipment_type: "flatbed", willing_to_share: true, total_pallets: 8,
pickup_earliest: "2026-05-06T10:00:00Z" },
{ origin_city: "Newark", origin_state: "NJ", dest_city: "Charlotte", dest_state: "NC",
equipment_type: "dry_van", willing_to_share: true, total_pallets: 14,
pickup_earliest: "2026-05-04T18:00:00Z" },
];
const display = (user && loads.length > 0) ? loads : TEASERS;
const isLive = user && loads.length > 0;
function fmtPickup(iso) {
if (!iso) return "—";
return new Date(iso).toLocaleString(undefined, {
weekday: "short", month: "short", day: "numeric", hour: "numeric",
});
}
function fmtEquip(t) {
return ({
dry_van: "Dry van", vented_van: "Vented van", insulated_van: "Insulated van",
reefer: "Reefer · frozen", reefer_fresh: "Reefer · fresh", reefer_temp: "Reefer · temp",
flatbed: "Flatbed", step_deck: "Step deck", rgn: "RGN",
conestoga: "Conestoga", tanker: "Tanker",
oversized: "Oversized", partial: "Partial / LTL", box_truck: "Box truck",
})[t] || t;
}
return (
Connection Board · Live
Post a load. Find a partner.
Shippers heading the same way split the truck. Carriers see the
open board and pick a run that matches their next available
trailer. Email the load owner directly — no broker in the middle,
no commission on a handshake.
{display.map((l, idx) => (
))}
{!user && (
)}
{isLive
? `Showing the 4 most recent open loads · live from the board`
: (user
? `No open loads on the board right now — yours could be the first.`
: `The Connection Board is for signed-in users · sample lanes shown above`)}
);
}
// =============================================================
// HUB GROUP PROOF BLOCK — credibility anchor. The synthesizer caught
// Hub Group's financial distress on Apr 28, 2026 (delisting + late
// 10-K + Item 4.02 restatement) before mainstream trade press picked
// it up. Permanent feature on the home page.
// =============================================================
function HubGroupProof({ onNav }) {
return (
Real-time market intelligence
Distress signals, caught early.
Our system reads SEC filings, court dockets, and operational data side by
side — the kind of cross-source synthesis that takes a research team
weeks to assemble manually. When a carrier’s financial picture
starts to wobble, we tend to see it before it shows up in trade press,
and well before it disrupts a shipper’s freight.
{[
["SEC EDGAR", "8-K, NT 10-K, Item 4.02 restatements, Item 3.01 listing notices"],
["Court dockets", "Chapter 11 filings, lien notices, judgment liens via CourtListener"],
["Operational data","Port flows, lane disruption signals, fuel + weather context"],
].map(([d, t]) => (
{d}
{t}
))}
Every input is a public record. The work is the synthesis — connecting
signals across the three streams above so a shipper sees the picture
before it’s too late to route around it.
);
}
// =============================================================
// CARRIER DEEP-DIVE SEARCH — the conversion surface. Sits directly
// after HubGroupProof to ride the credibility moment: "we caught
// Hub Group three weeks early → run this on the carrier you book."
// Search matches against tracked carriers + investigated names;
// fallback works for any typed string (we'll run on any active
// US carrier with a USDOT). Order CTA is a mailto with the
// carrier name pre-filled into hello@shippingclarity.com.
// =============================================================
function CarrierDeepDiveSearch() {
const [query, setQuery] = useStateH("");
const [focused, setFocused] = useStateH(false);
const [picked, setPicked] = useStateH(null);
const carriers = useMemoH(() => {
const out = [];
const seen = new Set();
const la = (window.SI_DATA && window.SI_DATA.LA_REPORT && window.SI_DATA.LA_REPORT.carriers) || {};
const labels = { small: "Small Package", ltl: "LTL Freight", ftl: "Truckload", courier: "Last-Mile", intl: "International" };
for (const cat of Object.keys(la)) {
for (const c of la[cat]) {
if (seen.has(c.id)) continue;
seen.add(c.id);
out.push({ id: c.id, name: c.name, category: labels[cat] || cat, tracked: true });
}
}
// Investigated and well-known carriers we surface even if
// they don't appear in the LA category grid.
const extras = [
{ id: "hub-group", name: "Hub Group", category: "Intermodal · Investigated", tracked: true,
articleSlug: "hub-group-distress-three-weeks-early-2026" },
{ id: "ffe", name: "FFE Transportation Services", category: "Refrigerated LTL · Investigated", tracked: true,
articleSlug: "ffe-discipline-in-refrigerated-2026" },
{ id: "ups-investigation", name: "UPS · 51 facility closures", category: "Small Package · Investigated", tracked: true,
articleSlug: "when-a-ups-hub-goes-dark-2026" },
{ id: "ch-robinson", name: "C.H. Robinson", category: "Brokerage", tracked: false },
{ id: "yellow", name: "Yellow Corp", category: "LTL · Defunct 2023", tracked: false },
{ id: "kal-freight", name: "Kal Freight", category: "Refrigerated · Defunct 2025", tracked: false },
{ id: "rxo", name: "RXO", category: "Brokerage", tracked: false },
{ id: "landstar", name: "Landstar System", category: "Truckload", tracked: false },
{ id: "stg-logistics", name: "STG Logistics", category: "Intermodal", tracked: false },
];
for (const e of extras) {
if (seen.has(e.id)) continue;
seen.add(e.id);
out.push(e);
}
return out;
}, []);
const matches = useMemoH(() => {
const q = query.trim().toLowerCase();
if (!q) return [];
return carriers.filter(c => c.name.toLowerCase().includes(q)).slice(0, 6);
}, [query, carriers]);
// What we'll pre-fill in the order email: explicit pick, else first match,
// else just the typed string (any US carrier with a USDOT works).
const target = picked
|| matches[0]
|| (query.trim() ? { id: null, name: query.trim(), tracked: false } : null);
function orderHref(carrier) {
const name = carrier ? carrier.name : "";
const subj = encodeURIComponent("Deep-dive report request" + (name ? ` · ${name}` : ""));
const body = encodeURIComponent(
`Carrier name: ${name}\r\n\r\n` +
`Your name:\r\n\r\n` +
`Best email:\r\n\r\n` +
`Carrier USDOT or MC (if known):\r\n\r\n` +
`Anything specific you want us to dig into:\r\n\r\n` +
`(We deliver the 10-page PDF inside 24 hours of payment. Reply with how you'd like to pay.)\r\n`
);
return `mailto:hello@shippingclarity.com?subject=${subj}&body=${body}`;
}
// Show preview when user has explicitly picked, or typed a name we don't
// recognize (zero matches). While they're still typing into a recognized
// carrier, the dropdown is enough — don't double up the surface.
const showPreview = picked || (query.trim() && matches.length === 0);
return (
On-demand · Any US carrier with a USDOT · 24-hour turnaround
Want this kind of read on the carrier you book?
Per-carrier deep-dive: Z-Score history, full SEC filing scan, court-record creditor pattern,
FMCSA inspection trail, BBB, driver-network chatter — assembled into a 10-page PDF inside
24 hours. $500 per carrier. The on-demand alternative to the subscription-only
ratings reports the freight industry has run on for thirty years.
{target.tracked && target.articleSlug ? (
<>
We've already published an investigation on {target.name}.{" "}
Read it →
{" "}
The deep-dive layers full court records, inspection-by-inspection FMCSA history, and
Z-Score modeling on top.
) : target.tracked ? (
<>
{target.name} is in our public profile graph. Your deep-dive will
pull every public source we run — SEC, FMCSA, CourtListener, BBB, driver-network
chatter — assembled into a single PDF.
) : (
<>
We don't have a public profile on {target.name} yet — but the
deep-dive runs on any active US carrier with a USDOT number. Order and we'll have
the PDF back in your inbox inside 24 hours.
)}
);
}
// =============================================================
// FEATURED INVESTIGATIONS — two-card grid surfacing the major
// public-records investigations on the home page above the fold.
// Replaces the LiveRadar slot we cleared earlier (LiveRadar
// duplicated the BigRadar / TonightsPulse / LiveReceipts story).
// Each card carries dek + 3 punchy stats + click-through to the
// full article. Hand-curated list — add new investigations here
// as they publish.
// =============================================================
function FeaturedInvestigations() {
const articles = [
{
slug: "hub-group-distress-three-weeks-early-2026",
tag: "Hub Group · Investigation",
title: "Thirteen Chapter 11s at Hub Group's door",
dek: "$77 million of payables to underlying carriers, understated. Internal controls, admitted ineffective. Thirteen customers in Chapter 11 since March 2024. A covenant waiver. A Nasdaq deficiency notice.",
stats: [
["$77M", "Payables understated · Q1-Q3 2025"],
["13", "Customer Ch.11s · since March 2024"],
["−20%", "Stock drop on the day"],
],
accent: "oklch(0.50 0.22 25)",
},
{
slug: "when-a-ups-hub-goes-dark-2026",
tag: "UPS · Investigation",
title: "When a UPS hub goes dark",
dek: "Fifty-one permanent UPS facility closures announced for 2026. An unspecified number of temporary remodels. The Worldport plane crash that took the largest UPS air hub offline for three days. UPS does not email its shippers when a hub goes dark.",
stats: [
["51", "Permanent closures · 2026"],
["30,000", "Workforce reduction · 2026"],
["Nov 5 2025", "Worldport plane crash"],
],
accent: "oklch(0.50 0.16 50)",
},
{
slug: "ffe-discipline-in-refrigerated-2026",
tag: "FFE · Profile",
title: "Refrigerated trucking is in distress. FFE is not.",
dek: "Kal Freight took down with fraud allegations and liquidated. Reefer capacity contracted. Rates moved. FFE — the largest refrigerated LTL carrier in the U.S. — kept its trucks moving. The federal data explains how.",
stats: [
["0", "Fatal crashes · 24 mo · 829 PU"],
["0.71%", "Driver OOS · vs 6.67% national"],
["14.35%", "Vehicle OOS · vs 22.26% national"],
],
accent: "oklch(0.55 0.16 165)",
},
];
return (
Investigations
Public-records reporting on the carriers in your network.
{articles.map(a => (
))}
);
}
// =============================================================
// LIVE RECEIPTS — public-readable counts pulled from anon RLS
// tables. Each tile is a "we know this right now" card. Renders
// a tile only when there's something concrete to show.
// =============================================================
function LiveReceipts({ onNav }) {
const [data, setData] = useStateH(null);
useEffectH(() => {
let alive = true;
if (!window.SI_DB || !window.SI_DB.raw) return;
(async () => {
const since24h = new Date(Date.now() - 24*3600*1000).toISOString();
const [
chpCount, chpCollisions, chpHazards,
topFire, fireCount,
metars,
receiverCount,
fuel,
] = await Promise.all([
window.SI_DB.raw.count("chp_incidents", `last_seen_at=gte.${since24h}`).catch(() => null),
window.SI_DB.raw.count("chp_incidents", `last_seen_at=gte.${since24h}&category=eq.collision`).catch(() => null),
window.SI_DB.raw.count("chp_incidents", `last_seen_at=gte.${since24h}&category=eq.hazard`).catch(() => null),
window.SI_DB.raw.select("wildfires",
"select=name,acres,pct_contained,state&status=neq.Out&order=acres.desc&limit=1"
).catch(() => []),
window.SI_DB.raw.count("wildfires", "status=neq.Out&acres=gte.500").catch(() => null),
window.SI_DB.raw.select("airport_weather",
"select=icao_id,flight_cat,visibility,station_name&order=observed_at.desc&limit=20"
).catch(() => []),
window.SI_DB.raw.count("receiver_locations", "").catch(() => null),
window.SI_DB.raw.select("fuel_signals",
"select=series,value_num&series=in.(diesel_retail_us,ulsd_diesel_futures)&order=period.desc"
).catch(() => []),
]);
if (!alive) return;
const retailUS = (fuel || []).find(f => f.series === "diesel_retail_us");
const ulsd = (fuel || []).find(f => f.series === "ulsd_diesel_futures");
const pumpGap = (retailUS && ulsd)
? parseFloat(retailUS.value_num) - (parseFloat(ulsd.value_num) + 1.10)
: null;
setData({
chpCount, chpCollisions, chpHazards,
topFire: (topFire && topFire[0]) || null,
fireCount,
metars: metars || [],
receiverCount,
retailUS: retailUS ? parseFloat(retailUS.value_num) : null,
pumpGap,
});
})();
return () => { alive = false; };
}, []);
if (!data) return null;
// Build tiles. Each tile is { key, emoji, num, label, sub, onClick? }
const tiles = [];
if (data.chpCount && data.chpCount > 0) {
tiles.push({
key: "chp",
emoji: "🛣",
num: data.chpCount.toLocaleString(),
label: "California live now",
// Drop "CHP feed" attribution — name of the dataset is moat-adjacent.
// The number itself + "California live now" frame is the value.
sub: `${data.chpCollisions || 0} collisions · ${data.chpHazards || 0} hazards reported · across CA freeways`,
cta: "Operational dashboard",
});
}
if (data.topFire && Number(data.topFire.acres) >= 1000) {
const ac = Number(data.topFire.acres);
const acStr = ac >= 1000 ? `${(ac/1000).toFixed(ac >= 10000 ? 0 : 1)}K` : Math.round(ac).toLocaleString();
const fireState = (data.topFire.state || "").replace(/^US-/, "");
tiles.push({
key: "fire",
emoji: "🔥",
num: `${acStr} ac`,
// NIFC fire names are typically ALL CAPS — smartCase normalizes
// ("PARK FIRE" → "Park Fire") without breaking already-cased names.
label: smartCase(data.topFire.name) || "Largest active fire",
// joinClean drops empty fields so we never get a leading " · " when
// state is null or pct_contained is missing.
sub: joinClean([
fireState,
data.topFire.pct_contained != null ? `${data.topFire.pct_contained}% contained` : null,
`${data.fireCount || 0} fires ≥500 ac`,
]),
cta: "Wildfire watch",
});
} else if (data.fireCount && data.fireCount > 0) {
tiles.push({
key: "fire",
emoji: "🔥",
num: data.fireCount.toLocaleString(),
label: "Active wildfires ≥500 acres",
sub: "burning across the lower 48",
cta: "Wildfire watch",
});
}
// Air cargo: surface degraded conditions if any, else "all hubs VFR".
const degraded = (data.metars || []).filter(m => m.flight_cat && m.flight_cat !== "VFR");
if (degraded.length > 0) {
const worst = ["LIFR", "IFR", "MVFR"].map(c => degraded.find(m => m.flight_cat === c)).find(Boolean);
tiles.push({
key: "metar",
emoji: "✈️",
num: worst.flight_cat,
label: (worst.station_name || worst.icao_id || "").split("·")[0].trim(),
sub: `${degraded.length} of ${(data.metars || []).length} hubs flying degraded · live conditions`,
cta: "Air cargo dashboard",
});
} else if ((data.metars || []).length > 0) {
tiles.push({
key: "metar",
emoji: "✈️",
num: `${(data.metars || []).length} VFR`,
label: "Air cargo hubs clear",
sub: "all hubs flying VFR · live conditions",
cta: "Air cargo dashboard",
});
}
if (data.pumpGap != null && data.retailUS != null) {
const sign = data.pumpGap >= 0 ? "+" : "";
tiles.push({
key: "fuel",
emoji: "🛢",
num: `${sign}$${data.pumpGap.toFixed(2)}`,
label: "Diesel pump-vs-futures gap",
sub: `US retail $${data.retailUS.toFixed(2)} · ULSD futures + $1.10/gal benchmark`,
cta: "Fuel & oil dashboard",
});
}
if (data.receiverCount && data.receiverCount > 1000) {
tiles.push({
key: "receivers",
emoji: "📦",
num: data.receiverCount.toLocaleString(),
label: "Delivery docks mapped",
sub: "Walmart · Home Depot · Lowe's · Walgreens · CVS · Dollar General · 23 more",
cta: "Find your dock",
});
}
if (tiles.length === 0) return null;
// Each tile drops the visitor at its specific dashboard section. The
// dashboard has two tabs ("now" / "carriers") — air-cargo lives under
// "carriers" so we route there explicitly. AccountPage reads
// sc.scrollAnchor after data loads and scrolls once. Receivers has
// its own page, no anchor needed.
const TILE_NAV = {
chp: { hash: "#/account", anchor: "dash-chp-california" },
fire: { hash: "#/account", anchor: "dash-wildfires" },
metar: { hash: "#/account/carriers", anchor: "dash-air-cargo" },
fuel: { hash: "#/account", anchor: "dash-markets" },
receivers: { hash: "#/receivers", anchor: null },
};
function tileNav(key) {
const cfg = TILE_NAV[key] || TILE_NAV.chp;
if (cfg.anchor) {
try { sessionStorage.setItem("sc.scrollAnchor", cfg.anchor); } catch {}
}
if (window.location.hash === cfg.hash) {
// already there — fire the scroll directly
window.dispatchEvent(new HashChangeEvent("hashchange"));
} else {
window.location.hash = cfg.hash;
}
}
return (
What we're tracking right now
Live receipts.
600 ? "inline-flex" : "none" }}>
Updated every cron tick · public sources only
{tiles.map(t => (
))}
Real-time public records, stitched into one read. Updated every cron tick.
);
}
// =============================================================
// HERO STAT STRIP — four live numbers from anon-readable tables.
// Brand-aligned, OPAQUE labels: never reference the source
// mechanism (no "posts analyzed", no "forums", no platform names).
// Numbers fall back to current-state defaults so the strip never
// reads as "0 / 0 / 0" while the queries resolve.
// =============================================================
function HeroStatStrip() {
const [stats, setStats] = useStateH({
metros: 22, carriers: 31, refineries: 30, signals: null,
});
useEffectH(() => {
let alive = true;
if (!window.SI_DB || !window.SI_DB.raw || !window.SI_DB.raw.count) return;
(async () => {
const [carriers, refineries, signals, docks, planes] = await Promise.all([
window.SI_DB.raw.count("entities", "type=eq.carrier").catch(() => null),
window.SI_DB.raw.count("refineries", "").catch(() => null),
window.SI_DB.raw.count("intel_submissions",
"status=eq.verified&visibility=eq.public&published_at=not.is.null"
).catch(() => null),
window.SI_DB.raw.count("receiver_locations", "").catch(() => null),
window.SI_DB.raw.count("cargo_aircraft", "on_ground=eq.false").catch(() => null),
]);
if (!alive) return;
setStats(s => ({
...s,
carriers: carriers || s.carriers,
refineries: refineries || s.refineries,
signals: signals,
docks: docks,
planes: planes,
}));
})();
return () => { alive = false; };
}, []);
const fmt = (n) => n == null ? "—" : n.toLocaleString();
return (
{fmt(stats.docks || 86080)}
Delivery docks mapped
{fmt(stats.carriers)}
Carriers tracked
{fmt(stats.refineries)}
Refineries monitored
{stats.planes != null ? fmt(stats.planes) : "—"}
Cargo aircraft live
);
}
// =============================================================
// HEADLINE CRAWLER — Bloomberg-style scrolling ticker that pulls
// the most recent published intel_alerts and glides them across
// the top of the homepage. Anon-readable. Click anywhere to dive
// into the Clarity dashboard. Pauses on hover.
// =============================================================
function HeadlineCrawler({ onNav }) {
const [alerts, setAlerts] = useStateH([]);
useEffectH(() => {
let alive = true;
if (!window.SI_DB || !window.SI_DB.raw) return;
(async () => {
try {
const rows = await window.SI_DB.raw.select(
"intel_alerts",
"select=id,topic,severity&status=eq.published&order=published_at.desc&limit=12"
);
if (!alive) return;
setAlerts(Array.isArray(rows) ? rows : []);
} catch {}
})();
return () => { alive = false; };
}, []);
if (alerts.length === 0) return null;
// Duplicate so the keyframe translateX(-50%) gives a seamless loop.
const items = [...alerts, ...alerts];
return (
);
}
// =============================================================
// SHIPPERS CONNECT HOME PAGE — the new front door (2026-04-30 brand
// pivot). The marketplace is the headline product. The intel/scoring
// surface (formerly the homepage) lives at /#/clarity now and is
// reachable from this page via the "More" tiles. Tone: respectable,
// inviting for carriers, no gotcha framing.
// =============================================================
function ShippersConnectHomePage({ onNav, onCity }) {
const [authedUser, setAuthedUser] = useStateH(null);
useEffectH(() => {
let alive = true;
if (window.SI_DB && window.SI_DB.auth && window.SI_DB.auth.getCurrentUser) {
window.SI_DB.auth.getCurrentUser().then(u => { if (alive) setAuthedUser(u); }).catch(() => {});
}
return () => { alive = false; };
}, []);
return (
{/* LIVE SIGNALS CRAWLER — Bloomberg-style ticker pulling published
intel_alerts. Sits at the very top, edge-to-edge. Click → /clarity. */}
{/* HOW IT WORKS — top of the home content. Step numbers are
rendered as a rotating freight-themed icon set (mile marker /
exit sign / smoke stack / fuel pump / gear shift) so the page
feels playful instead of stamped. */}
How it works
Three simple steps. No middleman.
Shippers post a load.
Origin, destination, equipment, pickup window, rate. Open to
consolidation if you've got room to share.
Carriers and partners reach out.
Browse the open board, filter by lane and equipment, send your
MC and message. The load owner sees it the moment it lands.
You connect directly.
We email the shipper your message and your contact info. They
reply straight to you. We don't take a cut of the handshake.
{/* HERO — sits below How it works, full width, no side stats */}
Shippers Connect · Live
Where shippers and carriers connect.
Post your load. See open trucks. Reach the load owner directly — no
broker in the middle, no commission on a handshake. A respectful
marketplace built for the people who actually move the freight.
{/* BY THE NUMBERS — 8 stats grouped into Coverage / Intelligence / Trust.
Sits between the Hero and the Connection Board so the credibility
signals land before the live load board preview. */}
By the numbers · live network
A marketplace built on real coverage.
{[
{ v: "33,455", l: "Receiver docks", d: "Across 18 retail + cold-storage brands. Searchable by state and brand." },
{ v: "22", l: "Freight metros", d: "Major US lanes — LA, Chicago, Dallas, Atlanta, Newark, Memphis, and more." },
{ v: "2,254", l: "Truck stops mapped",d: "Every TA, Pilot, Love's, Petro plus regional independents." },
{ v: "Major carriers", l: "Hub atlas", d: "Old Dominion, FedEx Freight, XPO, Saia, Estes, ABF, UPS, Amazon — every named hub we track." },
{ v: "30", l: "US refineries", d: "PADD-level utilization tracked daily so fuel cost shifts don't surprise you." },
{ v: "1,162", l: "Market signals", d: "Verified intel from public records, court dockets, news, and operator chatter." },
{ v: "24 hr", l: "Risk Report", d: "Public-records synthesis on any US carrier — in your inbox tomorrow morning." },
{ v: "$0", l: "Commission", d: "We don't take a cut of any deal closed on Shippers Connect. Ever." },
].map((s, i) => (
{s.v}
{s.l}
{s.d}
))}
{/* WHAT THE DATA SHOWS — specific data-driven findings, not generic stats.
Each card is one real finding from our pipeline, with a punchy
number + the supporting context + a CTA to the page that proves it. */}
What the data shows · live
Specific findings, not generic stats.
Real numbers from this week's market. Click any card to see the data behind it.
{[
{ num: "?", numSub: "before you tender", tag: "Verification",
accent: "oklch(0.50 0.22 25)",
title: "How do you know the carrier you booked is actually legal to haul your freight?",
body: "Lapsed MC authority. No MC at all. Broker-only operations posting trucks they don't own. We run a real-time check against the federal carrier registry so you don't tender a load to a chain that breaks the second something goes sideways.",
cta: "Verify a carrier", goto: "find-carrier" },
{ num: "$4.06", numSub: "per mile · Chicago→Detroit", tag: "Hot lane",
accent: "oklch(0.50 0.22 25)",
title: "Auto industry corridor is the tightest market we've measured.",
body: "1,303 similar loads available, $4.06/mi rate — 71% above the dry-van national median. Detroit factories pulling Midwest distribution at peak demand.",
cta: "See the lane heat map", goto: "rates" },
{ num: "$4.41", numSub: "per mile · McAllen→Atlanta", tag: "Reefer",
accent: "oklch(0.50 0.18 145)",
title: "Mexico-Texas produce season opens at premium rates.",
body: "Reefer rates spike May 1 as TX/MX produce season starts. 51% premium over dry van on the same lane.",
cta: "See the rate map", goto: "rates" },
{ num: "8x", numSub: "named for #1 customer", tag: "Concentration",
accent: "oklch(0.45 0.22 60)",
title: "Walmart is the largest customer for 8+ public CPG companies.",
body: "Tyson 18.7%, General Mills 22%, Kraft Heinz 21%, P&G 16%, Kimberly-Clark 16%, Hormel 15.6%, Colgate 11%, PepsiCo 14%. CPG concentration risk made structured.",
cta: "Browse the directory", goto: "shippers" },
{ num: "34%", numSub: "backhaul discount · LA↔Dallas", tag: "Asymmetry",
accent: "oklch(0.50 0.18 250)",
title: "Backhauls run 19-34% below headhauls. The biggest gap is LA-Dallas.",
body: "A carrier doing LA→Dallas at $2.64/mi headhaul + Dallas→LA at $1.73/mi backhaul leaves $1,311 per truck on the table per round trip. Empty miles cost real money.",
cta: "See asymmetry table", goto: "rates" },
{ num: "29,762", numSub: "shippers indexed", tag: "Coverage",
accent: "oklch(0.40 0.16 250)",
title: "Every meaningful US freight shipper, free to browse.",
body: "Stacked from SEC filings + OpenStreetMap industrial polygons + Wayback Machine + craft-brewery registry + manual seeds. 8,300+ food shippers tagged. Nobody else does this end-to-end.",
cta: "Open the directory", goto: "shippers" },
].map((f, i) => (
))}
{/* CONNECTION BOARD PREVIEW — reused */}
{/* FOR SHIPPERS / FOR CARRIERS */}
For shippers
Move freight without the broker tax.
Post a load in two minutes
See who's heading to the same dock — share the truck
Manage your loads, mark them booked, see who reached out
Email arrives the moment a carrier responds
For carriers
Find runs that match your trailer.
Browse open loads by destination radius and equipment
Reach out directly — no booking fees, no commission
List your company so shippers find you
Backed by real market data, not just spot-rate boards
{/* CARRIER RISK REPORT — paid product. Sits right after the
For Shippers / For Carriers split because it's the natural
adjacency: the marketplace is free, this is the paid
intelligence product for shippers who want a deeper read. */}
Carrier Risk Report · 24-hour delivery
Know what your carrier looks like — before you book.
Ten pages. Public records, synthesized. SEC filings, court dockets,
listing-status changes, FMCSA inspections, operational signals.
The picture that takes a research team three days to assemble — in
your inbox tomorrow morning.
$499per carrier
{/* DRIVER TIP — modest, single line */}
Drivers — see something on the road that other
drivers should know? Detention, parking, a dock that needs a heads-up?
We collect it carefully and you can always delete what you submit.
{/* MORE — surfaces the data products */}
The data behind the marketplace
Free public data, stacked into something nobody else has.
);
}
window.ShippersConnectHomePage = ShippersConnectHomePage;
// =============================================================================
// CLARITY DASHBOARD — Bloomberg-style data wall on /#/clarity. The point of
// this surface is density: a visitor lands here and immediately sees how
// large the dataset behind the platform is. Live counts across every layer
// (shippers, carriers, lanes, metros, refineries, signals) sit in a tight
// stat strip; below it, four panels summarize what's currently moving in
// the market with deep-links into the entity pages.
// =============================================================================
function ClarityDashboard({ onNav, onCity }) {
const [counts, setCounts] = useStateH({
shippers: null, facilities: null, signals: null,
carriers: null, refineries: null, intelLast30: null,
lanes: null, receivers: null,
bondRisk: null, locksClosed: null, warn30: null, bk30: null,
});
const [recentSignals, setRecentSignals] = useStateH([]);
const [hotLanes, setHotLanes] = useStateH([]);
const [topShippers, setTopShippers] = useStateH([]);
const [riskCarriers, setRiskCarriers] = useStateH([]);
const [newsItems, setNewsItems] = useStateH([]);
const [newsLens, setNewsLens] = useStateH("all");
useEffectH(() => {
let alive = true;
if (!window.SI_DB || !window.SI_DB.raw) return;
(async () => {
const day = 24 * 3600 * 1000;
const cutoff = new Date(Date.now() - 30 * day).toISOString();
const cutoffDate = new Date(Date.now() - 30 * day).toISOString().slice(0, 10);
const [shippers, facilities, signals, carriers, refineries, intel30, lanes, receivers,
bondRisk, locksClosed, warn30, bk30,
recent, hot, leaders, risky, news] = await Promise.all([
window.SI_DB.raw.count("shippers", "").catch(() => null),
window.SI_DB.raw.count("shipper_facilities", "").catch(() => null),
window.SI_DB.raw.count("shipper_signals", "").catch(() => null),
window.SI_DB.raw.count("entities", "type=eq.carrier").catch(() => null),
window.SI_DB.raw.count("refineries", "").catch(() => null),
window.SI_DB.raw.count(
"intel_submissions",
`status=eq.verified&visibility=eq.public&created_at=gte.${encodeURIComponent(cutoff)}`
).catch(() => null),
window.SI_DB.raw.count("dat_lane_rates", "").catch(() => null),
window.SI_DB.raw.count("receiver_locations", "").catch(() => null),
// New live-distress counts:
window.SI_DB.raw.count("broker_bond_red_flags", "").catch(() => null),
window.SI_DB.raw.count("waterway_locks_now", "status=eq.closed").catch(() => null),
window.SI_DB.raw.count("warn_notices",
`notice_date=gte.${cutoffDate}`).catch(() => null),
window.SI_DB.raw.count("bankruptcy_filings",
`filed_date=gte.${cutoffDate}&business_filing=eq.true`).catch(() => null),
window.SI_DB.raw.select(
"intel_submissions",
`select=id,parsed_carrier,parsed_intel_type,severity,raw_text,created_at,city_id`
+ `&status=eq.verified&visibility=eq.public&order=created_at.desc&limit=8`
).catch(() => []),
window.SI_DB.raw.select(
"dat_lane_rates",
`select=*&order=lane_rate_per_mi.desc&limit=6`
).catch(() => []),
window.SI_DB.raw.select(
"shippers",
`select=canonical_name,slug,size_band,description&size_band=eq.enterprise&limit=8&order=canonical_name.asc`
).catch(() => []),
window.SI_DB.raw.select(
"dat_carriers",
`select=canonical_name,dot_number,mc_status,authority_status&mc_status=in.(no_mc_dot_only,has_mc_inactive)&limit=6`
).catch(() => []),
// Aggregated news firehose — Google News + direct publisher RSS
// (lands via ingest-news.py). 30 freshest; client filters by lens.
window.SI_DB.raw.select(
"forum_raw_posts",
`select=source,source_id,source_url,subforum,author_handle,posted_at,raw_title`
+ `&source=in.(google-news,publisher-rss)`
+ `&order=posted_at.desc.nullslast&limit=30`
).catch(() => []),
]);
if (!alive) return;
setCounts({
shippers, facilities, signals, carriers, refineries,
intelLast30: intel30, lanes, receivers,
bondRisk, locksClosed, warn30, bk30,
});
setRecentSignals(Array.isArray(recent) ? recent : []);
setHotLanes(Array.isArray(hot) ? hot : []);
setTopShippers(Array.isArray(leaders) ? leaders : []);
setRiskCarriers(Array.isArray(risky) ? risky : []);
setNewsItems(Array.isArray(news) ? news : []);
})();
return () => { alive = false; };
}, []);
const fmt = (n) => n == null ? "—" : n.toLocaleString();
const sev = (r) => r.severity || "low";
const sevColor = (s) => ({
critical: "oklch(0.50 0.22 25)",
high: "oklch(0.55 0.18 25)",
moderate: "oklch(0.55 0.14 80)",
low: "var(--ink-soft)",
}[s] || "var(--ink-soft)");
function fmtAge(s) {
const d = new Date(s);
const days = Math.round((Date.now() - d.getTime()) / (24 * 3600 * 1000));
if (days === 0) return "today";
if (days === 1) return "1d";
if (days < 30) return `${days}d`;
return d.toLocaleDateString("en-US", { month: "short", day: "numeric" });
}
// ── Audience-lens classifier ──────────────────────────────────────
// Maps a news item's subforum (= the ingest query label or publisher
// slug) onto an audience lens. Lightweight + deterministic — no LLM
// round-trip at fetch time. The lens drives the editorial framing
// beneath each headline ("why this matters · for shippers", etc.).
const NEWS_LENSES = [
{ id: "all", label: "All", framing: "" },
{ id: "shippers", label: "Shippers", framing: "Shipper signal" },
{ id: "carriers", label: "Carriers", framing: "Carrier signal" },
{ id: "fuel", label: "Fuel + diesel", framing: "Fuel cost driver" },
{ id: "regional", label: "Regional", framing: "Regional flow" },
{ id: "macro", label: "Macro", framing: "Macro disruption" },
];
// Tag heuristics keyed on the subforum value the ingest writes.
// First match wins; fall through to "macro" for anything generic.
function newsLensFor(item) {
const sf = (item.subforum || "").toLowerCase();
const ah = (item.author_handle || "").toLowerCase();
// Direct publisher RSS — assign by publication mix.
if (item.source === "publisher-rss") {
if (/gcaptain|maritime-executive|loadstar|joc|splash247/.test(sf)) return "regional";
if (/land-line|overdrive|the-trucker|truckinginfo|ccj-digital/.test(sf)) return "carriers";
if (/dc-velocity|supply-chain-dive/.test(sf)) return "shippers";
return "macro"; // freightwaves + general
}
// Google News query labels — the ingest sets subforum = label.
if (/walmart|amazon|target|costco|home depot|lowe|best buy|kroger|albertsons|publix|cvs|walgreens|dollar |tjx|gap inc|macy|kohl|nike|lululemon/.test(sf)) return "shippers";
if (/general motors|ford motor|stellantis|tesla|toyota|honda|hyundai|volkswagen|rivian|lucid/.test(sf)) return "shippers";
if (/procter|unilever|pepsi|coca-cola|kraft|general mills|mondelez|tyson|jbs|cargill|archer daniels/.test(sf)) return "shippers";
if (/caterpillar|john deere|3m company|whirlpool|usg|vulcan|martin marietta/.test(sf)) return "shippers";
if (/apple|microsoft|dell|hp inc/.test(sf)) return "shippers";
if (/prologis|duke realty|americold|lineage/.test(sf)) return "shippers";
if (/international paper|smurfit|amcor|sonoco/.test(sf)) return "shippers";
if (/ups|fedex|usps|amazon logistics|dhl|ontrac|old dominion|saia|arcbest|estes|xpo|forward air|yellow|knight-swift|jb hunt|schneider|werner|heartland|marten|usa truck|covenant|gxo|rxo|hub group|ryder|penske|robinson|uber freight|convoy|coyote|union pacific|bnsf|norfolk southern|csx|kansas city|canadian pacific|maersk|msc mediterranean|zim|hapag|one ocean|cma cgm|evergreen|yang ming|hmm korea|cosco/.test(sf)) return "carriers";
if (/exxonmobil|chevron|shell usa|bp america|conocophillips|phillips 66|marathon petroleum|valero|hf sinclair|pbf|eia weekly|diesel inventory padd|diesel|fuel|padd/.test(sf)) return "fuel";
if (/freight|port|logistics|trucking|shipping|drayage|border|corridor/.test(sf)) {
// Cities live here — match against "X freight", "X port", etc.
return "regional";
}
return "macro";
}
function newsLensLabel(lensId) {
return (NEWS_LENSES.find((l) => l.id === lensId) || NEWS_LENSES[0]).label;
}
function newsFraming(lensId) {
return (NEWS_LENSES.find((l) => l.id === lensId) || NEWS_LENSES[0]).framing;
}
// Pretty publisher name from the slug we store in author_handle.
const PUBLISHER_NAMES = {
"freightwaves": "FreightWaves",
"dc-velocity": "DC Velocity",
"supply-chain-dive": "Supply Chain Dive",
"ccj-digital": "CCJ",
"overdrive": "Overdrive",
"land-line": "Land Line",
"the-trucker": "The Trucker",
"heavy-duty-trucking": "Heavy Duty Trucking",
"the-loadstar": "The Loadstar",
"gcaptain": "gCaptain",
"maritime-executive": "Maritime Executive",
"joc": "JOC",
"splash247": "Splash247",
"google-news": "Google News",
};
function publisherName(item) {
const ah = (item.author_handle || "").toLowerCase();
if (PUBLISHER_NAMES[ah]) return PUBLISHER_NAMES[ah];
// For Google News rows the source publisher comes through as the
// element parsed into author_handle (or the literal label).
if (item.author_handle && item.author_handle !== "google-news") {
return item.author_handle;
}
return "Google News";
}
// Generate a branded 1200×630 share card for a news item and trigger
// a PNG download. Kris uploads it manually on x.com after the intent
// dialog opens. Keeps the API-free path: no auth, no rate limit, no
// server. Visual vocabulary mirrors the admin Share-card studio
// (radar mark + accent stripe + dark navy ground) but stripped to
// the one template that fits a news headline.
function downloadNewsShareCard(item) {
const W = 1200, H = 630;
const PAD = 64;
const canvas = document.createElement("canvas");
canvas.width = W; canvas.height = H;
const ctx = canvas.getContext("2d");
// Background — dark navy radial gradient
const grad = ctx.createRadialGradient(W * 0.30, H * 0.20, 0, W * 0.30, H * 0.20, W * 0.95);
grad.addColorStop(0, "#1d2d52");
grad.addColorStop(0.55, "#0a1224");
grad.addColorStop(1, "#050913");
ctx.fillStyle = grad;
ctx.fillRect(0, 0, W, H);
// Subtle grid texture
ctx.save();
ctx.globalAlpha = 0.06;
ctx.strokeStyle = "#5fa9ff";
ctx.lineWidth = 1;
for (let x = 0; x <= W; x += 60) { ctx.beginPath(); ctx.moveTo(x, 0); ctx.lineTo(x, H); ctx.stroke(); }
for (let y = 0; y <= H; y += 60) { ctx.beginPath(); ctx.moveTo(0, y); ctx.lineTo(W, y); ctx.stroke(); }
ctx.restore();
// Top accent stripe
ctx.fillStyle = "#5fa9ff";
ctx.fillRect(0, 0, W, 4);
// Radar mark
const cx = PAD + 18, cy = 74, r = 16;
ctx.save();
ctx.strokeStyle = "rgba(255,255,255,0.85)"; ctx.lineWidth = 1.6;
ctx.beginPath(); ctx.arc(cx, cy, r, 0, Math.PI * 2); ctx.stroke();
ctx.strokeStyle = "rgba(255,255,255,0.40)"; ctx.lineWidth = 1;
ctx.beginPath(); ctx.arc(cx, cy, r * 0.62, 0, Math.PI * 2); ctx.stroke();
ctx.strokeStyle = "rgba(255,255,255,0.30)";
ctx.beginPath(); ctx.moveTo(cx - r, cy); ctx.lineTo(cx + r, cy); ctx.stroke();
ctx.beginPath(); ctx.moveTo(cx, cy - r); ctx.lineTo(cx, cy + r); ctx.stroke();
const wedge = ctx.createLinearGradient(cx, cy, cx + r * 0.86, cy - r * 0.50);
wedge.addColorStop(0, "rgba(95,169,255,0.65)");
wedge.addColorStop(1, "rgba(95,169,255,0.00)");
ctx.fillStyle = wedge;
ctx.beginPath();
ctx.moveTo(cx, cy); ctx.lineTo(cx, cy - r);
ctx.arc(cx, cy, r, -Math.PI / 2, -Math.PI / 4);
ctx.closePath(); ctx.fill();
ctx.strokeStyle = "#5fa9ff"; ctx.lineWidth = 1.6;
ctx.beginPath();
ctx.moveTo(cx, cy);
ctx.lineTo(cx + Math.cos(-Math.PI / 4) * r, cy + Math.sin(-Math.PI / 4) * r);
ctx.stroke();
ctx.restore();
// Wordmark
ctx.fillStyle = "#ffffff";
ctx.font = "700 22px 'Helvetica Neue', Helvetica, Arial, sans-serif";
ctx.textBaseline = "alphabetic";
ctx.fillText("Shipping", PAD + 50, 80);
ctx.fillStyle = "#5fa9ff";
ctx.fillText("Clarity", PAD + 50 + ctx.measureText("Shipping").width + 4, 80);
// Lens framing pill (e.g., "CARRIER SIGNAL")
const lens = newsLensFor(item);
const framing = newsFraming(lens);
if (framing) {
const text = framing.toUpperCase();
ctx.font = "700 13px 'Helvetica Neue', Helvetica, Arial, sans-serif";
const textW = ctx.measureText(text).width;
const pillW = textW + 28;
const pillH = 28;
ctx.fillStyle = "#5fa9ff";
ctx.beginPath();
const px = PAD, py = 130;
ctx.moveTo(px + pillH / 2, py);
ctx.arcTo(px + pillW, py, px + pillW, py + pillH, pillH / 2);
ctx.arcTo(px + pillW, py + pillH, px, py + pillH, pillH / 2);
ctx.arcTo(px, py + pillH, px, py, pillH / 2);
ctx.arcTo(px, py, px + pillW, py, pillH / 2);
ctx.closePath(); ctx.fill();
ctx.fillStyle = "#0a1224";
ctx.textBaseline = "middle";
ctx.fillText(text, px + 14, py + pillH / 2 + 1);
}
// Headline — serif, wrapped
ctx.fillStyle = "#ffffff";
ctx.font = "700 56px Georgia, 'Times New Roman', serif";
ctx.textBaseline = "top";
const maxW = W - PAD * 2;
const headline = (item.raw_title || "").trim();
const words = headline.split(/\s+/);
const lines = [];
let line = "";
for (const w of words) {
const test = line ? line + " " + w : w;
if (ctx.measureText(test).width > maxW && line) {
lines.push(line); line = w;
} else {
line = test;
}
}
if (line) lines.push(line);
const maxLines = 4;
const showLines = lines.slice(0, maxLines);
if (lines.length > maxLines) {
// Truncate with ellipsis on last line
let last = showLines[maxLines - 1];
while (last && ctx.measureText(last + "…").width > maxW) {
last = last.slice(0, -1);
}
showLines[maxLines - 1] = last + "…";
}
let y = 195;
for (const ln of showLines) {
ctx.fillText(ln, PAD, y);
y += 68;
}
// Footer — publisher attribution + domain
ctx.fillStyle = "rgba(255,255,255,0.62)";
ctx.font = "500 18px 'Helvetica Neue', Helvetica, Arial, sans-serif";
ctx.textBaseline = "alphabetic";
const pubLine = `via ${publisherName(item)}${item.subforum && item.subforum !== item.author_handle ? ` · ${item.subforum}` : ""}`;
ctx.fillText(pubLine, PAD, H - 60);
ctx.fillStyle = "#5fa9ff";
ctx.font = "700 16px 'Helvetica Neue', Helvetica, Arial, sans-serif";
ctx.fillText("shippingclarity.com", PAD, H - 32);
// Right-rule accent
ctx.fillStyle = "rgba(255,255,255,0.16)";
ctx.fillRect(W - PAD - 1, 110, 1, H - 200);
// Trigger download
const safeName = headline.toLowerCase()
.replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "").slice(0, 50) || "share-card";
canvas.toBlob((blob) => {
if (!blob) return;
const url = URL.createObjectURL(blob);
const a = document.createElement("a");
a.href = url;
a.download = `sc-${safeName}-1200x630.png`;
document.body.appendChild(a);
a.click();
a.remove();
setTimeout(() => URL.revokeObjectURL(url), 1000);
}, "image/png");
}
const filteredNews = (newsItems || []).filter((n) =>
newsLens === "all" ? true : newsLensFor(n) === newsLens
).slice(0, 14);
const lensCounts = NEWS_LENSES.reduce((acc, l) => {
acc[l.id] = l.id === "all"
? newsItems.length
: newsItems.filter((n) => newsLensFor(n) === l.id).length;
return acc;
}, {});
return (
Pulse · Live data wall
The shipping market, at a glance.
Eight layers of freight intelligence in one view: shippers indexed,
carriers verified, lanes priced, signals corroborated, refineries
monitored, receiver docks mapped. Click any tile to drill into the
entity behind it.
{fmt(counts.shippers)}
Shippers indexed
{fmt(counts.facilities)}
Facilities tracked
{fmt(counts.receivers)}
Receiver docks
{fmt(counts.carriers)}
Carriers tracked
{fmt(counts.lanes)}
Lane rates priced
{fmt(counts.refineries)}
Refineries monitored
{fmt(counts.intelLast30)}
Signals · 30d
22
Freight metros
⚠ Active distress signals
{fmt(counts.bondRisk)}
Broker bond red flags
{fmt(counts.locksClosed)}
USACE locks closed
{fmt(counts.warn30)}
WARN notices · 30d
{fmt(counts.bk30)}
Business bankruptcies · 30d
{/* News firehose — public-facing aggregated headlines from Google News
+ direct publisher RSS, lensed by audience. See ingest-news.py. */}
News firehose · live
{newsItems.length ? `${newsItems.length} fresh` : "—"}
{NEWS_LENSES.map((l) => (
))}
{filteredNews.length === 0 ? (
{newsItems.length === 0 ? "Loading the firehose…" : "Nothing in this lens right now."}
) : (
filteredNews.map((n) => {
const lens = newsLensFor(n);
const framing = newsFraming(lens);
// Build the X (Twitter) intent URL. We pre-fill the post with
// the headline + a #freight tag for discoverability; the user
// can edit before posting. Including the article URL lets X
// auto-attach the publisher's Open Graph card image — no API
// call, no auth, no rate limit. Branded share cards live in
// the admin Share-cards tab (next step: per-news share-card).
const tweetText = `${n.raw_title}\n\nvia ${publisherName(n)}`;
const xIntent = "https://x.com/intent/post"
+ "?text=" + encodeURIComponent(tweetText)
+ (n.source_url ? "&url=" + encodeURIComponent(n.source_url) : "");
return (
{/* Anchor — keep the radar + alerts the home page already shows below
so signed-in visitors who are used to the rest of the home flow
can keep scrolling without losing context. */}
);
}
window.ClarityDashboard = ClarityDashboard;
// =============================================================================
// SHIPPING CLARITY HOME — the all-products showcase. Different from the
// load-board home (now /#/shippers-connect) and the data wall (/#/clarity).
// This page exists to answer "what does Shipping Clarity actually do?" with
// a grid of every product surface plus the credibility proof and contact CTA.
// =============================================================================
function ShippingClarityHomePage({ onNav }) {
const [counts, setCounts] = useStateH({
shippers: null, carriers: null, lanes: null, signals: null,
docks: null, refineries: null,
});
useEffectH(() => {
let alive = true;
if (!window.SI_DB || !window.SI_DB.raw) return;
(async () => {
const [sh, ca, la, sg, dk, rf] = await Promise.all([
window.SI_DB.raw.count("shippers", "").catch(() => null),
window.SI_DB.raw.count("entities", "type=eq.carrier").catch(() => null),
window.SI_DB.raw.count("dat_lane_rates", "").catch(() => null),
window.SI_DB.raw.count(
"intel_submissions",
"status=eq.verified&visibility=eq.public&published_at=not.is.null"
).catch(() => null),
window.SI_DB.raw.count("receiver_locations", "").catch(() => null),
window.SI_DB.raw.count("refineries", "").catch(() => null),
]);
if (!alive) return;
setCounts({ shippers: sh, carriers: ca, lanes: la, signals: sg, docks: dk, refineries: rf });
})();
return () => { alive = false; };
}, []);
const fmt = (n) => n == null ? "—" : n.toLocaleString();
// Product tiles. Each has an icon, title, one-line proposition, route, and
// an accent color. Order matters: data products lead, marketplace center,
// editorial + driver tools at the end.
const products = [
{
key: "wms-software",
eyebrow: "New · Founding-customer program",
title: "Shipping Clarity SCE",
body: "Unified Supply Chain Execution Platform — WMS, TMS, LMS, inventory, picking, carriers, returns, quality. One system that configures itself around how your operation actually works. Built by a 30-year ops veteran.",
cta: "See the SCE platform",
accent: "oklch(0.45 0.18 25)",
onClick: () => onNav("wms-software"),
},
{
key: "wizard",
eyebrow: "New · Early-access list open",
title: "The Wizard",
body: "A 5-minute AI interview, then your team's tools configure themselves around each user. Live on Shipping Clarity SCE today. Salesforce coming Q4 2026, NetSuite + HubSpot in 2027.",
cta: "Get on the list",
accent: "oklch(0.50 0.18 25)",
onClick: () => onNav("wizard"),
},
{
key: "clarity",
eyebrow: "Live data wall",
title: "Clarity Dashboard",
body: "Every layer of the freight network in one view: shippers, carriers, lanes, signals, refineries. The control room.",
cta: "Open the dashboard",
accent: "oklch(0.50 0.18 250)",
onClick: () => onNav("clarity"),
},
{
key: "shippers-connect",
eyebrow: "Marketplace",
title: "Shippers Connect Load Board",
body: "Where shippers post loads and carriers find runs. Direct, no commission, full visibility.",
cta: "Browse the load board",
accent: "oklch(0.50 0.20 25)",
onClick: () => onNav("shippers-connect"),
},
{
key: "rates",
eyebrow: "Rate intelligence",
title: "Lane Rates",
body: "Live $/mi by lane, hot/cold heat bands, headhaul-vs-backhaul asymmetry. Defend a number with a customer.",
cta: "See the lane heat",
accent: "oklch(0.55 0.16 50)",
onClick: () => onNav("rates"),
},
{
key: "markets",
eyebrow: "Live markets",
title: "Fuel & Oil Markets",
body: "Crude futures, diesel retail, futures-vs-pump gap, refinery utilization across all five PADDs, top 30 US refineries.",
cta: "Open the markets dashboard",
accent: "oklch(0.55 0.16 145)",
onClick: () => onNav("markets"),
},
{
key: "find-carrier",
eyebrow: "Verification",
title: "Verify a Carrier",
body: "Authority, safety, fleet, MC status, federal cross-check. Catch the broken chain before it touches your freight.",
cta: "Run a check",
accent: "oklch(0.50 0.22 25)",
onClick: () => onNav("find-carrier"),
},
{
key: "shippers",
eyebrow: "Directory",
title: "Shipper Directory",
body: `${fmt(counts.shippers)} shippers indexed with relationships, facilities, and material events on file.`,
cta: "Browse shippers",
accent: "oklch(0.50 0.16 165)",
onClick: () => onNav("shippers"),
},
{
key: "top100",
eyebrow: "Company intelligence",
title: "Top 100 — Carriers & Shippers",
body: "365 curated dossiers cross-referenced against SEC EDGAR + FMCSA. Trust verdicts, hex US footprint, sealed-intel counts, $499 deep-dive ready.",
cta: "Browse the Top 100",
accent: "oklch(0.55 0.18 250)",
onClick: () => onNav("top100"),
},
{
key: "opportunities",
eyebrow: "Findings",
title: "Opportunities",
body: "Specific actions you can take this quarter — for carriers, shippers, and the broader market.",
cta: "See findings",
accent: "oklch(0.50 0.14 145)",
onClick: () => onNav("opportunities"),
},
{
key: "report",
eyebrow: "Per metro",
title: "City Reports",
body: "Live pulse for 22 freight metros — signals, lane heat, top shippers, carrier hubs, weather, fuel.",
cta: "Pick a metro",
accent: "oklch(0.50 0.18 250)",
onClick: () => onNav("report"),
},
{
key: "risk-report",
eyebrow: "$499 deep-dive",
title: "Carrier Risk Report",
body: "10-page synthesis on any US carrier — financial, regulatory, lane density, operational signal — in 24 hours.",
cta: "Order a Risk Report",
accent: "oklch(0.45 0.22 25)",
onClick: () => onNav("risk-report"),
},
{
key: "drivers",
eyebrow: "Free for drivers",
title: "The Yard",
body: "Detention timer, HOS clock, weigh stations, repair shops, toll passes, carrier hubs. Built for drivers, free forever.",
cta: "Open The Yard",
accent: "oklch(0.45 0.16 145)",
onClick: () => onNav("drivers"),
},
{
key: "insights",
eyebrow: "Editorial",
title: "Stories",
body: "Investigations and trend reports — Hub Group's exposure, the FedEx Ground contractor wave, what nobody else is publishing.",
cta: "Read the latest",
accent: "oklch(0.40 0.16 250)",
onClick: () => onNav("insights"),
},
{
key: "for-carriers",
eyebrow: "$99/mo subscription",
title: "For Carriers",
body: "Claim your profile, earn the green Verified ✓ badge on every reach-out, get listed first when shippers compare carriers.",
cta: "Claim a profile",
accent: "oklch(0.50 0.18 165)",
onClick: () => onNav("for-carriers"),
},
{
key: "methodology",
eyebrow: "How it works",
title: "Methodology",
body: "Nine metrics, four data sources, the trust contract with drivers, and the math behind every score.",
cta: "Read the method",
accent: "var(--ink)",
onClick: () => onNav("methodology"),
},
];
return (
{/* Video strip removed per Kris — was distracting from the new Software pitch.
Component definition (HomeVideoStrip) is preserved below for easy revert. */}
Independent freight intelligence · live
The shipping market, told straight — plus the load board where shippers and carriers meet direct.
Shipping Clarity is the independent intelligence layer for U.S. freight: shippers, carriers, lanes, fuel, refineries, regulators, and the operator-network signal nobody else publishes. Inside it, Shippers Connect is the marketplace — direct connections, no commission, no middleman tax on a handshake.
{fmt(counts.shippers)}
Shippers indexed
{fmt(counts.carriers)}
Carriers tracked
{fmt(counts.lanes)}
Lanes priced
{fmt(counts.docks)}
Receiver docks
{fmt(counts.refineries)}
Refineries
22
Freight metros
What we make
Twelve products. One data graph.
{products.map(p => (
))}
{/* Hub Group credibility receipt — stays as the proof anchor */}
Want a deep-dive on a specific carrier you book?
Z-Score history, full SEC filing scan, court-record creditor pattern, FMCSA inspection trail, lane density, operator-network chatter — all in a 10-page PDF inside 24 hours. $499 per carrier.
);
}
window.NationalFreightRadar = NationalFreightRadar;
// =============================================================================
// STEP ICON — freight-themed numbered visual for the "How it works" steps.
// One theme is picked once per page-load and used consistently for all
// three steps in that view (so the icons feel like a set, not a salad).
// Refreshing the page rolls a new theme.
// =============================================================================
// Drivers asked for one consistent professional icon — no rotation, no
// children's-toy variety. Mile marker is universal: every interstate has
// them, instantly recognized. Holding the other variants (exit-sign /
// smoke-stack / fuel-pump / gear-shift) in code as future-options but
// not exposing them.
const STEP_THEME = "mile-marker";
function StepIcon({ n }) {
const t = STEP_THEME;
return (
);
}
// Highway-style mile marker — green pentagon with white "MILE" + number.
function MileMarker({ n }) {
return (
);
}
// Highway exit sign — yellow EXIT tab + number on green field.
function ExitSign({ n }) {
return (
);
}
// Industrial smoke stack with rising puffs — number lives on the stack.
function SmokeStack({ n }) {
return (
);
}
// Diesel fuel pump — yellow body, pump handle, number on the side.
function FuelPump({ n }) {
return (
);
}
// Manual gear shift knob — round ball with labeled number on top.
function GearShift({ n }) {
return (
);
}
// =============================================================================
// HOME VIDEO STRIP — pinned-to-home videos posted by the editor.
// Sits above the freight radar. Holds up to 3 published+featured rows.
// Self-hides when nothing is featured. Featured embeds get an iframe;
// MP4 uploads get a poster-with-play-overlay (no MP4 bytes loaded
// until the user clicks through — egress-friendly).
// =============================================================================
const HARDCODED_HOME_VIDEOS = [
{
slug: "hub-group-decade-nonpayment",
embed_url: "https://www.youtube.com/embed/ywMHxBJeH3U",
youtube_url: "https://youtu.be/ywMHxBJeH3U",
title: "Hub Group shows over a decade of continued non payment to Carriers",
published_at: null,
duration_seconds: null,
},
{
slug: "ups-closes-50-distribution-centers",
embed_url: "https://www.youtube.com/embed/75tcYshTRX4",
youtube_url: "https://youtu.be/75tcYshTRX4",
title: "UPS Closes over 50 Distribution Centers",
published_at: null,
duration_seconds: null,
},
];
function HomeVideoStrip({ onNav }) {
const videos = HARDCODED_HOME_VIDEOS;
const isAdmin = false;
return (
{/* Admin empty-state — three placeholder upload cards. Only ever
rendered when isAdmin && videos.length === 0 (the gate above
self-hides for the public). Each card links to the admin
Video Studio upload form. */}
{videos.length === 0 && [0, 1, 2].map((i) => (
);
}
// Best-effort YouTube/Vimeo poster derivation. Returns null if we can't
// figure it out from the embed URL alone.
function ytPoster(embedUrl) {
if (!embedUrl) return null;
try {
const u = new URL(embedUrl);
const m = u.pathname.match(/\/embed\/([^/?#]+)/);
if (u.hostname.includes("youtube.com") && m) {
return `https://i.ytimg.com/vi/${m[1]}/hqdefault.jpg`;
}
} catch (_) { /* noop */ }
return null;
}
window.HomeVideoStrip = HomeVideoStrip;
// =============================================================================
// PULSE SIGNUP — daily intelligence subscription waitlist
// =============================================================================
function PulseSignupSection() {
const [email, setEmail] = useStateH("");
const [city, setCity] = useStateH("denver");
const [submitted, setSubmitted] = useStateH(false);
const cities = (window.SI_DATA && window.SI_DATA.FEATURED_CITIES) || [
{ id: "denver", name: "Denver" },
{ id: "los-angeles", name: "Los Angeles" },
{ id: "new-york", name: "New York" },
{ id: "chicago", name: "Chicago" },
{ id: "atlanta", name: "Atlanta" },
];
const cityName = (cities.find((c) => c.id === city) || cities[0]).name;
async function submit(e) {
e.preventDefault();
if (!email.trim() || !email.includes("@")) return;
// Write to pulse_subscriptions (per-metro, has unsubscribe token).
// Fall back to newsletter_signups if the new table isn't deployed yet.
if (window.SI_DB) {
try {
if (window.SI_DB.submitPulseSubscription) {
await window.SI_DB.submitPulseSubscription(email.trim(), city, "homepage");
} else if (window.SI_DB.submitNewsletterSignup) {
await window.SI_DB.submitNewsletterSignup(email.trim(), `pulse_${city}`);
}
} catch (err) { console.warn("pulse signup err", err); }
}
setSubmitted(true);
}
return (
Shippers Connect Pulse
Daily intelligence for your shipping reality.
Every morning at 7am, get the pulse for your metro: which terminals
are running hot, where wait times are spiking, which lanes are degraded,
and what's expected this week. The intelligence shippers need before
freight starts moving.
Terminal status changes and live wait times
Lane conditions and corridor health
Capacity shifts and carrier ratings updates
Weekly trend reports per metro
Daily intelligence · Get notified
{submitted ? (
✓ You're on the list.
We'll let you know when the {cityName} Pulse goes live.
) : (
)}
);
}
// =============================================================================
// PERSPECTIVES — kept defined but unused on homepage. Will reuse on internal
// audience-specific pages once the four Reports launch.
// =============================================================================
function PerspectivesSection() {
const PERSPECTIVES = [
{
key: "shippers",
tone: "blue",
audience: "Shippers don't see",
body: (<>
Did you know that when you ship UPS air freight out of Denver, your package
isn't moved by one truck? It's relayed between drivers — Commerce City to
Englewood — to make the plane that night. Hope they relayed them all.
Right now Commerce City is closed for remodel. Trucks are routing through
Littleton. Every relay just got longer. Your package's odds of making the
plane just got shorter.
),
pitch: <>Shippers Report shows you the chain you're paying for, not just the carrier name on the invoice.,
},
{
key: "receivers",
tone: "green",
audience: "Receivers don't see",
body: (<>
Did you know the freight that just hit your dock came off a relay from a driver
who waited 4 hours at a shipper, then ran tired? Or that one of your regular
inbound carriers is known across the operator network as "the one that pays
for damage and never pays the claim"?
Receivers judge carriers by what arrives. We show you the trip that got it
there — and what the next one will look like.
),
pitch: <>Receivers Report turns inbound freight from a black box into a forecast.,
},
{
key: "carriers",
tone: "amber",
audience: "What carriers learn from us",
body: (<>
What does the operator community say about your service when they're not
on a customer call? What permits, regulatory changes, or capacity shifts
are reshaping your competitive set this quarter?
You shouldn't have to wait for the RFP loss to find out. Verified carriers
on Shippers Connect see the same market read shippers see — including
how their own service is being read.
),
pitch: <>Carriers Report is your ground truth — including the parts about you.,
},
];
return (
What you don't see
Three perspectives. One picture.
Every player in the supply chain sees a different slice of the truth.
Shippers Connect is the first time everyone sees the whole thing.