// LogiHub PRD v1.0 — System Data pages: Warehouse Directory, Seasonal Events const { useState: useStateSys } = React; // ════════════════════════════════════════════════════════════ // 04 — WAREHOUSE DIRECTORY (F-04 · F-06 · US-06) // ════════════════════════════════════════════════════════════ function PageDirectory() { const [tab, setTab] = useStateSys("catalog"); // catalog | distance | corridors const dir = window.DIRECTORY; return (
04 · Warehouse Directory · F-04 + F-06

Warehouse directory & distance matrix

The system manages {window.fmtNum(dir.total)} warehouses across 17 provinces, refreshed quarterly (refreshed {dir.refreshedOn}). The business uploads nothing — the engine looks these up automatically for any expansion plan.
c.id === "cold_deep").n + dir.byCert.find(c => c.id === "cold_mild").n)} foot="deep + mild · certified"/> c.id === "high_security").n)} foot="Premium electronics ready"/> c.id === "gdp").n)} foot="Vaccine + drug-compliant"/> {tab === "catalog" && } {tab === "distance" && } {tab === "corridors" && }
); } function DirectoryCatalog() { const dir = window.DIRECTORY; return ( <>
({ label: k.k === "owned" ? "Owned" : k.k === "long_lease" ? "Long-term lease" : k.k === "short_lease" ? "Short-term lease" : "Seasonal", value: k.n, formatted: window.fmtNum(k.n) }))}/>
{dir.byCert.map(c => (
{c.name} {window.fmtNum(c.n)}
))}
{dir.trust.map(t => (
{t.level} {window.fmtPct(t.pct, 0)}
))}
Engine adjusts cost confidence intervals based on trust level.
}> {window.DIRECTORY_SAMPLE.map(w => ( ))}
IDNameRegion CapacityCertifications Rent statusMonthly cost Cost / m³Trust
{w.id} {w.name} {window.REGION_BY_ID[w.region].name} {window.fmtNum(w.cap)} m³
{w.certs.map(c => ( {c} ))}
{w.rent} ₩{window.fmtKRW(w.monthlyKRW)} ₩{window.fmtNum(w.cost_m3)} {w.trust}
[r.region, Math.min(1, r.n / 1100)]))} legend={
0 → 1,100 warehouses
}/>
); } function DistanceMatrix() { const D = window.DISTANCE; const regions = window.REGIONS.slice(0, 10); // show first 10 for fit const max = Math.max(...regions.flatMap(o => regions.map(d => D[o.id][d.id]))); return ( <> {}}/>}>
{regions.map(r => ( ))} {regions.map(o => ( {regions.map(d => { const v = D[o.id][d.id]; const intensity = v / max; return ( ); })} ))}
From ↓ / To →{r.name.slice(0,4)}
{o.name} 0.55 ? "white" : "var(--ink)" }}> {o.id === d.id ? "—" : v}
Each pair carries 3 layers: distance (km), truck-hours at normal hours, truck-hours at peak. The engine uses the peak layer for every event in Filter 2 (seasonal multiplier).
{window.PORTS.map(p => (
{p.type}
{p.name}
lat/lng {p.x.toFixed(3)}, {p.y.toFixed(3)}
))}
); } function Corridors() { return ( <> Export full 50}> {window.CORRIDORS.map(c => { const [tone, lbl] = c.status === "congested" ? ["danger","Congested"] : c.status === "near" ? ["warn","Near capacity"] : ["healthy","Healthy"]; return ( ); })}
Corridor km Hrs · normal Hrs · peak Lanes Utilisation Status
{window.REGION_BY_ID[c.origin].name} {window.REGION_BY_ID[c.dest].name}
{c.km} {c.hrs.toFixed(1)} {c.peak.toFixed(1)} {c.lanes}
= 1 ? "danger" : c.util >= 0.9 ? "warn" : "ok"} style={{ width: Math.min(100, c.util * 100) + "%" }}>
{window.fmtPct(c.util)}
{lbl}
); } window.PageDirectory = PageDirectory; // ════════════════════════════════════════════════════════════ // 05 — SEASONAL EVENTS (F-05 · US-07) // ════════════════════════════════════════════════════════════ function PageEvents() { const [typeFilter, setTypeFilter] = useStateSys("all"); const events = typeFilter === "all" ? window.EVENTS : window.EVENTS.filter(e => e.type === typeFilter); const co = window.COMPANY; const industry = window.INDUSTRY_BY_ID[co.industry]; return (
05 · Seasonal Events · F-05

Seasonal events library

30+ events across 4 types, refreshed quarterly. Each event carries exact dates, a demand multiplier × per 7 product groups, and affected regions. The engine filters by the company's industry when generating the playbook.
e.type === "culture").length} foot="Recurring · holidays + harvests"/> e.type === "commerce").length} foot="11.11 · Black Friday · year-end"/> e.type === "surprise").length} foot="Strikes · typhoon · pandemic proxies"/> Filtered by profile}/>
({ value: t.id, label: t.en })), ]} value={typeFilter} onChange={setTypeFilter}/>
{events.map(e => { const type = window.EVENT_TYPES.find(t => t.id === e.type); const maxUp = Math.max(...Object.values(e.impact)); const minUp = Math.min(...Object.values(e.impact)); const isDisruption = minUp < 1.0; return (
{type.en}
{e.id}
{e.name}
{e.start} → {e.end} · {Math.ceil((new Date(e.end) - new Date(e.start)) / 86400000) + 1} days
{Object.entries(e.impact).map(([g, mult]) => (
= 1 ? "var(--surface-2)" : "var(--danger-soft)", borderRadius: 6, fontSize: 11.5 }}> {g} = 1 ? (mult > 1.5 ? "var(--danger)" : "var(--accent)") : "var(--danger)" }}> ×{mult.toFixed(2)}
))}
Affected: {e.regions.map(r => window.REGION_BY_ID[r].name).join(" · ")}
{e.note}
1.5 ? "warn" : "info")} style={{ fontSize: 10 }}> {isDisruption ? "Disruption" : maxUp > 1.5 ? "High uplift" : "Mild uplift"}
); })}
Seollal · 2027-02-06 → 02-12
Darker = demand up · lighter = demand down
}/>
); } function EventTimeline({ events }) { const months = ["Jun-26","Jul","Aug","Sep","Oct","Nov","Dec","Jan-27","Feb","Mar","Apr","May"]; const monthIndex = (date) => { const d = new Date(date); const base = new Date("2026-06-01"); return Math.floor((d - base) / (1000 * 60 * 60 * 24 * 30)); }; return (
Event
{months.map(m => (
{m}
))} {events.map(e => { const idx = monthIndex(e.start); const max = Math.max(...Object.values(e.impact)); const min = Math.min(...Object.values(e.impact)); const disruption = min < 1; const intensity = disruption ? Math.min(1, (1 - min) * 2) : Math.min(1, (max - 1)); const type = window.EVENT_TYPES.find(t => t.id === e.type); return (
{e.name}
{type.en}
{months.map((m, i) => (
{i === idx && (
0.5 ? "white" : "var(--ink)", fontFamily: "var(--font-mono)", fontSize: 10, fontWeight: 600, padding: "3px 6px", borderRadius: 4, whiteSpace: "nowrap" }}> {disruption ? "↓" : "↑"}{disruption ? (1 - min).toFixed(2) : "×" + max.toFixed(1)}
)}
))} ); })}
); } window.PageEvents = PageEvents;