Produce ONE single self-contained static HTML file named index.html (NO React, NO Next.js, NO frameworks, NO external assets/CDN/fonts — inline SVG + inline CSS only) that renders a professional, enterprise-grade HIGH-LEVEL ARCHITECTURE DIAGRAM for a system called "Triage Workflow Manager". It must render correctly when opened directly as a file:// and look clean for a printed design document: pure white background (#ffffff), crisp 1px borders, generous spacing, rounded corners, soft shadows, a calm professional palette (slate #334155 text, indigo #4f46e5 and teal #0d9488 accents, light fills #eef2ff / #f0fdfa / #f8fafc), and a system font stack. Fixed canvas exactly 1640 x 1080, no scrolling, no interactivity, no animations. All text must be crisp and large enough to read in print (>= 13px). Arrows must have clear arrowheads and short labels; never let arrows cross through text boxes.
The diagram MUST depict these layers, top to bottom, with directional arrows showing data/control flow:
Include a small LEGEND in a corner that explains: solid box = durable journaled DBOS step; dashed box = in-process deterministic control (not journaled); cylinder = Postgres-backed store. Add the title "Triage Workflow Manager — High-Level Architecture" at the top and a thin subtitle "config-driven · durable · deterministic replay". Output ONLY the single index.html file, nothing else.
I've created a self-contained index.html file with a professional enterprise-grade architecture diagram for the Triage Workflow Manager. The diagram renders at exactly 1640×1080 pixels with:
#334155) text, indigo (#4f46e5) for authoring/loader elements, teal (#0d9488) for execution plane, with appropriate light fills