{/* CRT glow at top */}

{/* Title bar */}

COM1 · 80×25 · vga mddosem /dev/console

{lines.slice(0, shown).map((l, i) => (

{l.t || "\u00a0"}

))} {shown < lines.length && ( )}

); } // ---------- Stat tile ---------- function StatTile({ value, label, accent = "amber" }) { return (

{value}

{label}

); } // ---------- Architecture stack (interactive) ---------- function ArchitectureStack({ layers }) { const [activeId, setActiveId] = useState(layers[2].id); // default: DOS · BIOS const active = layers.find(l => l.id === activeId) || layers[0]; return (

{/* Stack */}

{layers.map((l) => { const isActive = l.id === activeId; return ( ); })}

{/* Detail */}

layer · {active.id}

{active.label}

{active.sub}

{active.detail}

); } // ---------- Hardware accordion grid ---------- function HardwareGrid({ groups }) { return (

{groups.map((g) => (

{g.group} {String(g.items.length).padStart(2, "0")}

{g.items.map(([name, note], i) => (

{name} {note}

))}

); } // ---------- CLI playground ---------- function CliPlayground({ scenarios }) { const [idx, setIdx] = useState(0); const [typed, setTyped] = useState(""); const [done, setDone] = useState(false); const s = scenarios[idx]; useEffect(() => { setTyped(""); setDone(false); const full = s.cmd; let i = 0; const tick = () => { i += 1; setTyped(full.slice(0, i)); if (i < full.length) { timer = setTimeout(tick, 14 + Math.random() * 22); } else { setDone(true); } }; let timer = setTimeout(tick, 80); return () => clearTimeout(timer); }, [idx, s.cmd]); return (

{/* Scenario list */}

{scenarios.map((sc, i) => { const active = i === idx; return ( ); })}

{/* Terminal */}

~/projects/mddosem — bash

mddosem@host : ~/mddosem $ {typed} {!done && }

{s.explain}

); } // ---------- Testing panel ---------- function TestingPanel({ suites }) { return (

{suites.map((s, i) => (

{s.name} {s.scale}

{s.note}

))}

); } // ---------- Fuzz target grid ---------- function FuzzGrid({ targets }) { // sort by priority desc const sorted = [...targets].sort((a, b) => b[2] - a[2]); const maxPri = Math.max(...sorted.map(t => t[2])); const catColor = (c) => ({ JIT: "var(--magenta)", CPU: "var(--amber)", DOS: "var(--cyan)", DPMI: "var(--cyan)", Win16: "var(--magenta)", Hardware: "var(--amber)", BIOS: "var(--cyan)", Audio: "var(--magenta)", }[c] || "var(--text)"); return (

# Target Category What it catches Priority

{sorted.map(([name, cat, pri, desc], i) => (

{String(i + 1).padStart(2, "0")} {name} {cat} {desc} {pri.toFixed(1)}

))}

); } // ---------- Crate map ---------- function CrateMap({ crates }) { return (

{crates.map((c) => (

{c.name} {c.role}

))}

); } // ---------- Trace target list ---------- function TraceTargetList({ targets }) { return (

{targets.map(([t, d]) => (

{t} {d}

))}

); } // ---------- Memory map illustration ---------- function MemoryMap() { const regions = [ { from: "0x00000", to: "0x9FFFF", size: "640 K", name: "Conventional", note: "Programs + DOS itself", c: "amber" }, { from: "0xA0000", to: "0xAFFFF", size: " 64 K", name: "VGA framebuffer", note: "Mode 13h / planar", c: "cyan" }, { from: "0xB0000", to: "0xB7FFF", size: " 32 K", name: "MDA text", note: "monochrome legacy", c: "cyan" }, { from: "0xB8000", to: "0xBFFFF", size: " 32 K", name: "CGA / VGA text", note: "80×25 attribute pairs", c: "cyan" }, { from: "0xC0000", to: "0xC7FFF", size: " 32 K", name: "Video BIOS", note: "HLE — or SeaVGABIOS", c: "amber" }, { from: "0xF0000", to: "0xFFFFF", size: " 64 K", name: "System BIOS", note: "F000:xxxx HLE stubs", c: "amber" }, { from: "0x100000", to: "...", size: " + ∞", name: "HMA · XMS · EMS", note: "extended memory", c: "cyan" }, ]; return (

FromToSizeRegionNotes

{regions.map((r, i) => (

{r.from} {r.to} {r.size} {r.name} {r.note}

))}

); } Object.assign(window, { Container, Eyebrow, SectionHeader, Nav, LogoMark, BootTerminal, StatTile, ArchitectureStack, HardwareGrid, CliPlayground, TestingPanel, FuzzGrid, CrateMap, TraceTargetList, MemoryMap, });