5d:["$","li","li-2",{"children":[["$","strong","strong-0",{"children":"Render"}]," — PNG with explicit width + 2x scale; PDF with ",["$","code","code-0",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"--pdfFit"}]," (see Rendering)."]}] 5e:["$","li","li-3",{"children":[["$","strong","strong-0",{"children":"Validate"}]," — pixel-variance check for PNG, page/mediabox check for PDF (see Validation). Never assume a render succeeded because the exit code was 0."]}] 5f:["$","li","li-4",{"children":[["$","strong","strong-0",{"children":"Deliver"}]," — always give the user all three files: ",["$","code","code-0",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":".mmd"}]," source, ",["$","code","code-1",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":".png"}],", ",["$","code","code-2",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":".pdf"}],"."]}] 60:["$","h3","h2-1",{"className":"mt-2 font-heading text-lg font-semibold tracking-tight","children":"Setup"}] 61:["$","p","p-1",{"children":["Check availability first: ",["$","code","code-0",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"mmdc --version"}],". If missing, install:"]}] 62:["$","pre","pre-0",{"className":"overflow-x-auto rounded-lg border bg-muted/50 p-4 font-mono text-xs leading-relaxed","children":["$","code","code-0",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0 language-bash","children":"npm install -g @mermaid-js/mermaid-cli\n"}]}] 63:["$","p","p-2",{"children":[["$","code","code-0",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"mmdc"}]," drives a headless Chrome via Puppeteer. Behavior differs by environment:"]}] 64:["$","ul","ul-0",{"children":["\n",["$","li","li-0",{"children":[["$","strong","strong-0",{"children":"Windows / macOS (typical Claude Code):"}]," Puppeteer usually downloads or finds Chrome automatically. Try rendering without a puppeteer config first; only add one if launch fails."]}],"\n",["$","li","li-1",{"children":[["$","strong","strong-0",{"children":"Linux sandboxes / containers (incl. Claude.ai computer use):"}]," Chrome needs ",["$","code","code-0",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"--no-sandbox"}],". Create ",["$","code","code-1",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"puppeteer-config.json"}],":"]}],"\n"]}] 65:["$","pre","pre-1",{"className":"overflow-x-auto rounded-lg border bg-muted/50 p-4 font-mono text-xs leading-relaxed","children":["$","code","code-0",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0 language-json","children":"{\n \"executablePath\": \"\",\n \"args\": [\"--no-sandbox\", \"--disable-setuid-sandbox\"]\n}\n"}]}] 66:["$","p","p-3",{"children":["Find the Chrome binary with ",["$","code","code-0",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"ls ~/.cache/puppeteer/chrome/*/chrome-linux64/chrome"}]," or ",["$","code","code-1",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"which chromium chromium-browser google-chrome"}],". Omit ",["$","code","code-2",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"executablePath"}]," entirely if Puppeteer's bundled Chrome resolves on its own. Pass the config with ",["$","code","code-3",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"-p puppeteer-config.json"}],". If no Chrome exists, install one via ",["$","code","code-4",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"npx puppeteer browsers install chrome"}],"."]}] 67:["$","h3","h2-2",{"className":"mt-2 font-heading text-lg font-semibold tracking-tight","children":"Authoring conventions (these prevent 90% of failures)"}] 68:["$","p","p-4",{"children":[["$","strong","strong-0",{"children":"Layout choice."}]," For content-heavy diagrams (meeting summaries, architectures, curricula), use ",["$","code","code-0",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"flowchart TD"}]," with numbered ",["$","code","code-1",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"subgraph"}]," sections stacked vertically — this reads like a document and scales to dozens of nodes. Use ",["$","code","code-2",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"flowchart LR"}]," only for shallow pipelines. Mind maps (",["$","code","code-3",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"mindmap"}],") look good but cannot be colored per-node with classDef; prefer flowcharts when color-coding matters."]}] 69:["$","p","p-5",{"children":[["$","strong","strong-0",{"children":"Node content."}]," Pack related facts into one node using ",["$","code","code-0",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"
"}]," line breaks rather than exploding into many tiny nodes. Wrap node text in double quotes. Inside quoted labels:"]}] 6a:["$","ul","ul-1",{"children":["\n",["$","li","li-0",{"children":["Escape problem characters: use ",["$","code","code-0",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"#40;"}]," ",["$","code","code-1",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"#41;"}]," for parentheses inside labels if the parser chokes, ",["$","code","code-2",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"&"}]," for ",["$","code","code-3",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"&"}],", and avoid raw ",["$","code","code-4",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"\""}]," inside labels (use ",["$","code","code-5",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"""}]," or restructure)."]}],"\n",["$","li","li-1",{"children":[["$","code","code-0",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":""}],", ",["$","code","code-1",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":""}],", ",["$","code","code-2",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"
"}]," HTML tags work in labels and are the main formatting tools."]}],"\n",["$","li","li-2",{"children":["Avoid ",["$","code","code-0",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"{}"}]," ",["$","code","code-1",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"[]"}]," ",["$","code","code-2",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"()"}]," shape-delimiters as literal text unless escaped."]}],"\n"]}] 6b:["$","p","p-6",{"children":[["$","strong","strong-0",{"children":"IDs."}]," Use short alphanumeric IDs (",["$","code","code-0",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"A1"}],", ",["$","code","code-1",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"sec2b"}],") — never IDs starting with a digit followed by ",["$","code","code-2",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"x"}]," (parser quirk) and never reserved words like ",["$","code","code-3",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"end"}],", ",["$","code","code-4",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"graph"}],", ",["$","code","code-5",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"click"}]," as bare IDs (write ",["$","code","code-6",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"End1"}]," instead)."]}] 6c:["$","p","p-7",{"children":["$","strong","strong-0",{"children":"Structure template for a multi-section visual summary:"}]}] 6d:["$","pre","pre-2",{"className":"overflow-x-auto rounded-lg border bg-muted/50 p-4 font-mono text-xs leading-relaxed","children":["$","code","code-0",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"flowchart TD\n TITLE[\"MAIN TITLE
subtitle line
context line\"]\n subgraph S1[\"1 - FIRST SECTION\"]\n A1[\"Topic
detail one
detail two\"]\n A2[\"Topic 2
details\"]\n A1 --> A2\n end\n subgraph S2[\"2 - SECOND SECTION\"]\n B1[\"...\"]\n end\n TITLE --> S1 --> S2\n"}]}] 6e:["$","h3","h2-3",{"className":"mt-2 font-heading text-lg font-semibold tracking-tight","children":"Color system"}] 6f:["$","p","p-8",{"children":["Read ",["$","code","code-0",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"references/theming.md"}]," before styling for the full palette set and per-diagram-type guidance. The core method:"]}] 70:["$","ol","ol-1",{"children":["\n",["$","li","li-0",{"children":["Set a base theme via frontmatter or init directive (only ",["$","code","code-0",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"base"}]," accepts ",["$","code","code-1",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"themeVariables"}],", hex colors only):"]}],"\n"]}] 71:["$","pre","pre-3",{"className":"overflow-x-auto rounded-lg border bg-muted/50 p-4 font-mono text-xs leading-relaxed","children":["$","code","code-0",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"%%{init: {\"theme\": \"base\", \"themeVariables\": {\"fontFamily\": \"Georgia, serif\", \"fontSize\": \"14px\"}, \"flowchart\": {\"htmlLabels\": true, \"curve\": \"basis\"}}}%%\n"}]}] 72:["$","ol","ol-2",{"start":2,"children":["\n",["$","li","li-0",{"children":["Color with ",["$","code","code-0",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"classDef"}]," + ",["$","code","code-1",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"class"}]," — one color family per section, dark title/takeaway blocks as bookends:"]}],"\n"]}] 73:["$","pre","pre-4",{"className":"overflow-x-auto rounded-lg border bg-muted/50 p-4 font-mono text-xs leading-relaxed","children":["$","code","code-0",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"classDef titleBox fill:#1a4b8c,stroke:#0d2d5c,color:#ffffff,font-size:16px\nclassDef sec1 fill:#e8f5e9,stroke:#2e7d32,color:#1b5e20\nclassDef sec1hl fill:#fce8e8,stroke:#c62828,color:#b71c1c\nclass TITLE titleBox\nclass A1,A2 sec1\n"}]}] 74:["$","ol","ol-3",{"start":3,"children":["\n",["$","li","li-0",{"children":["Style subgraph containers lightly (",["$","code","code-0",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"fill:#fafafa,stroke:#bdbdbd"}],") so node colors carry the meaning."]}],"\n"]}] 75:["$","p","p-9",{"children":"Highlight boxes (key conclusions, warnings) get a contrasting classDef (red/amber family) so they pop."}] 76:["$","h3","h2-4",{"className":"mt-2 font-heading text-lg font-semibold tracking-tight","children":"Rendering"}] 77:["$","p","p-10",{"children":["Render ",["$","strong","strong-0",{"children":"both"}]," formats from the same ",["$","code","code-0",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":".mmd"}],". Reference commands:"]}] 78:["$","pre","pre-5",{"className":"overflow-x-auto rounded-lg border bg-muted/50 p-4 font-mono text-xs leading-relaxed","children":["$","code","code-0",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0 language-bash","children":"# PNG — explicit width + 2x scale or wide diagrams render illegibly at the 800px default\nmmdc -p puppeteer-config.json -i diagram.mmd -o diagram.png -b white -s 2 -w 2600\n\n# PDF — --pdfFit sizes the page to the diagram (single-page, print-ready)\nmmdc -p puppeteer-config.json -i diagram.mmd -o diagram.pdf -b white --pdfFit\n"}]}] 79:["$","p","p-11",{"children":["Drop ",["$","code","code-0",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"-p puppeteer-config.json"}]," on systems where Puppeteer launches Chrome unaided."]}] 7a:["$","p","p-12",{"children":"Flag guidance:"}] 7b:["$","ul","ul-2",{"children":["\n",["$","li","li-0",{"children":[["$","code","code-0",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"-w 2600"}]," suits tall TD summaries; go 3200–4000 for wide LR diagrams. If unsure, render SVG first and read its ",["$","code","code-1",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"max-width"}]," to pick the PNG width."]}],"\n",["$","li","li-1",{"children":[["$","code","code-0",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"-s 2"}]," doubles pixel density — keep it for any diagram meant to be read."]}],"\n",["$","li","li-2",{"children":[["$","code","code-0",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"-b white"}]," always for documents; ",["$","code","code-1",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"transparent"}]," only when embedding."]}],"\n",["$","li","li-3",{"children":["A ",["$","code","code-0",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"-c config.json"}]," mermaid config file ",["$","strong","strong-0",{"children":"overrides"}]," ",["$","code","code-1",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"-t"}],". Use ",["$","code","code-2",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"assets/mermaid-config.json"}]," (raises ",["$","code","code-3",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"maxTextSize"}]," to 200000, sets ",["$","code","code-4",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"securityLevel: \"loose\""}]," for HTML labels) for large diagrams:"]}],"\n"]}] 7c:["$","pre","pre-6",{"className":"overflow-x-auto rounded-lg border bg-muted/50 p-4 font-mono text-xs leading-relaxed","children":["$","code","code-0",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0 language-bash","children":"mmdc -p puppeteer-config.json -c /assets/mermaid-config.json -i big.mmd -o big.png -b white -s 2 -w 2600\n"}]}] 7d:["$","h3","h2-5",{"className":"mt-2 font-heading text-lg font-semibold tracking-tight","children":"Validation (mandatory)"}] 7e:["$","p","p-13",{"children":["Large renders fail silently: blank PNGs, single-tiny-page PDFs, or the literal text \"Maximum text size in diagram exceeded\" rendered as the diagram. Run ",["$","code","code-0",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"scripts/validate_render.py"}]," after every render:"]}] 7f:["$","pre","pre-7",{"className":"overflow-x-auto rounded-lg border bg-muted/50 p-4 font-mono text-xs leading-relaxed","children":["$","code","code-0",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0 language-bash","children":"python /scripts/validate_render.py diagram.png diagram.pdf\n"}]}] 80:["$","p","p-14",{"children":["It checks the PNG has real pixel variance (not blank/near-blank) and sane dimensions, and the PDF opens with ≥1 page and a plausibly sized mediabox. If the environment supports viewing images, ALSO visually inspect the PNG top/middle/bottom — validation catches blankness, not truncated labels or overlapping text. If validation fails, consult ",["$","code","code-0",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"references/troubleshooting.md"}],"."]}] 81:["$","h3","h2-6",{"className":"mt-2 font-heading text-lg font-semibold tracking-tight","children":"Iteration etiquette"}] 82:["$","ul","ul-3",{"children":["\n",["$","li","li-0",{"children":["Keep the ",["$","code","code-0",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":".mmd"}]," as the single source of truth; edit it, never the outputs."]}],"\n",["$","li","li-1",{"children":["On syntax errors, ",["$","code","code-0",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"mmdc"}]," prints the failing line — fix exactly that construct (usually unquoted labels, illegal characters, or a reserved-word ID)."]}],"\n",["$","li","li-2",{"children":"When the user asks for scope changes (add/remove sections), re-render both formats and re-validate — don't hand back a stale PDF with a fresh PNG."}],"\n",["$","li","li-3",{"children":["Deliver ",["$","code","code-0",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":".mmd"}],", ",["$","code","code-1",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":".png"}],", ",["$","code","code-2",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":".pdf"}]," together every time so the user can re-render or edit later."]}],"\n"]}] 83:["$","h3","h2-7",{"className":"mt-2 font-heading text-lg font-semibold tracking-tight","children":"Reference files"}] 84:["$","ul","ul-4",{"children":["\n",["$","li","li-0",{"children":[["$","code","code-0",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"references/theming.md"}]," — color palettes, themeVariables catalogue, per-diagram-type styling (read before any styling work)"]}],"\n",["$","li","li-1",{"children":[["$","code","code-0",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"references/troubleshooting.md"}]," — failure catalogue: parse errors, blank output, Chrome launch failures, text clipping (read when a render fails or looks wrong)"]}],"\n",["$","li","li-2",{"children":[["$","code","code-0",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"assets/mermaid-config.json"}]," — drop-in config for large diagrams"]}],"\n",["$","li","li-3",{"children":[["$","code","code-0",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"scripts/validate_render.py"}]," — post-render sanity check (PNG variance + PDF integrity)"]}],"\n",["$","li","li-4",{"children":[["$","code","code-0",{"className":"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em] in-[pre]:bg-transparent in-[pre]:p-0","children":"scripts/render.sh"}]," — one-shot setup-detect + render-both-formats + validate wrapper"]}],"\n"]}] 85:["$","$L5c",null,{"value":"versions","className":"pt-6","children":["$","div",null,{"className":"overflow-hidden rounded-xl border bg-card","children":[["$","div",null,{"className":"flex items-center gap-1.5 border-b bg-muted/50 px-4 py-2","children":[["$","span",null,{"aria-hidden":"true","className":"size-2 rounded-full bg-border"}],["$","span",null,{"aria-hidden":"true","className":"size-2 rounded-full bg-border"}],["$","span",null,{"aria-hidden":"true","className":"size-2 rounded-full bg-border"}],["$","span",null,{"className":"ml-1.5 font-mono text-[10px] uppercase tracking-[0.14em] text-muted-foreground","children":"Version history"}]]}],["$","ol",null,{"children":[["$","li","4a83e9da-9e21-4b0d-a79b-4e6ce5bfd1db",{"className":"flex flex-col gap-1.5 border-b px-4 py-3 last:border-b-0","children":[["$","div",null,{"className":"flex flex-wrap items-center gap-x-3 gap-y-1","children":[["$","span",null,{"aria-hidden":"true","className":"font-mono text-sm text-primary","children":">"}],["$","span",null,{"className":"font-mono text-sm font-medium","children":"1.0.0"}],["$","span",null,{"data-slot":"badge","data-variant":"secondary","className":"group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3! bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80","children":"Published"}],["$","span",null,{"data-slot":"badge","data-variant":"outline","className":"group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3! border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground","children":"Latest"}],["$","span",null,{"className":"ml-auto font-mono text-xs text-muted-foreground","children":"12 Jul 2026"}]]}],["$","div",null,{"className":"flex flex-col gap-1 pl-5 text-xs","children":[["$","a",null,{"href":"https://github.com/SyedHasanCronosPMC/mermaid-diagrams-skill/commit/5ef6daeb28d66b800aaaa1e5f474fcdc96e7207f","target":"_blank","rel":"nofollow noopener noreferrer","className":"font-mono text-muted-foreground hover:underline","children":"5ef6dae"}],null,null]}]]}]]}]]}]}] 86:["$","$L5c",null,{"value":"security","className":"flex flex-col gap-4 pt-6","children":[["$","div",null,{"data-slot":"card","data-size":"default","className":"group/card flex flex-col overflow-hidden rounded-xl py-(--card-spacing) text-sm text-card-foreground ring-1 has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl gap-4 bg-primary/5 ring-primary/25 [--card-spacing:--spacing(5)]","children":[["$","div",null,{"data-slot":"card-header","className":"group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)","children":[["$","div",null,{"className":"flex items-center justify-between gap-2","children":[["$","div",null,{"data-slot":"card-title","className":"group-data-[size=sm]/card:text-sm font-mono text-xs font-medium uppercase tracking-[0.14em] text-primary","children":"Trust report"}],["$","$L52",null,{"children":[["$","$L53",null,{"render":["$","span",null,{"data-slot":"badge","data-variant":"secondary","className":"group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3! [a]:hover:bg-secondary/80 bg-accent text-accent-foreground ring-1 ring-primary/40","children":[["$","$L54",null,{"ref":"$undefined","icon":"$4c:props:children:0:props:children:0:props:children:1:props:children:0:props:render:props:children:0:props:icon","className":"$undefined","data-icon":"inline-start","aria-hidden":"true"}],"Verified"]}]}],["$","$L55",null,{"className":"max-w-64","children":[["$","p",null,{"children":"Scanned and human-reviewed by the SkillPort moderation team."}],["$","p",null,{"className":"text-muted-foreground","children":["Reviewed on ","12 Jul 2026","."]}]]}]]}]]}],["$","div",null,{"data-slot":"card-description","className":"text-sm text-muted-foreground","children":"Scanned and reviewed at version 1.0.0 on 12 July 2026."}]]}],["$","div",null,{"data-slot":"card-content","className":"px-(--card-spacing) flex flex-col gap-3 text-sm","children":[["$","div",null,{"className":"flex items-start gap-2.5","children":[["$","$L54",null,{"ref":"$undefined","icon":{"name":"scan-search","size":24,"node":[["path",{"d":"M3 7V5a2 2 0 0 1 2-2h2","key":"aa7l1z"}],["path",{"d":"M17 3h2a2 2 0 0 1 2 2v2","key":"4qcy5o"}],["path",{"d":"M21 17v2a2 2 0 0 1-2 2h-2","key":"6vwrx8"}],["path",{"d":"M7 21H5a2 2 0 0 1-2-2v-2","key":"ioqczr"}],["circle",{"cx":"12","cy":"12","r":"3","key":"1v7zrd"}],["path",{"d":"m16 16-1.9-1.9","key":"1dq9hf"}]]},"className":"mt-0.5 size-4 shrink-0 text-primary","aria-hidden":"true"}],["$","div",null,{"children":[["$","p",null,{"className":"font-medium","children":"Automated scan"}],["$","p",null,{"className":"text-muted-foreground","children":"Passed on 12 July 2026."}]]}]]}],["$","div",null,{"className":"flex items-start gap-2.5","children":[["$","$L54",null,{"ref":"$undefined","icon":{"name":"user-check","size":24,"node":[["path",{"d":"m16 11 2 2 4-4","key":"9rsbq5"}],["path",{"d":"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2","key":"1yyitq"}],["circle",{"cx":"9","cy":"7","r":"4","key":"nufk8"}]]},"className":"mt-0.5 size-4 shrink-0 text-primary","aria-hidden":"true"}],["$","div",null,{"children":[["$","p",null,{"className":"font-medium","children":"Human review"}],["$","p",null,{"className":"text-muted-foreground","children":"Approved by a moderator on 12 July 2026."}]]}]]}],["$","div",null,{"className":"flex items-start gap-2.5","children":[["$","$L54",null,{"ref":"$undefined","icon":{"name":"package","size":24,"node":[["path",{"d":"M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z","key":"1a0edw"}],["path",{"d":"M12 22V12","key":"d0xqtd"}],["polyline",{"points":"3.29 7 12 12 20.71 7","key":"ousv84"}],["path",{"d":"m7.5 4.27 9 5.15","key":"1c824w"}]]},"className":"mt-0.5 size-4 shrink-0 text-primary","aria-hidden":"true"}],"$L88"]}],"$L89"]}]]}],"$L8a","$L8b"]}] 87:["$","aside",null,{"className":"order-first flex w-full shrink-0 flex-col gap-4 lg:order-none lg:w-80","aria-label":"Install and trust","children":[["$","$2f",null,{"fallback":["$","div",null,{"aria-hidden":"true","className":"$undefined","children":["$","div",null,{"data-slot":"skeleton","className":"animate-pulse bg-muted motion-reduce:animate-none h-20 w-full rounded-lg"}]}],"children":"$L8c"}],["$","$2f",null,{"fallback":["$","p",null,{"className":"text-sm text-muted-foreground","children":"Loading bookmark…"}],"children":"$L8d"}],["$","div",null,{"className":"hidden lg:block","children":["$","div",null,{"data-slot":"card","data-size":"default","className":"group/card flex flex-col overflow-hidden rounded-xl py-(--card-spacing) text-sm text-card-foreground ring-1 has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl gap-4 bg-primary/5 ring-primary/25 [--card-spacing:--spacing(5)]","children":[["$","div",null,{"data-slot":"card-header","className":"group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)","children":[["$","div",null,{"className":"flex items-center justify-between gap-2","children":[["$","div",null,{"data-slot":"card-title","className":"group-data-[size=sm]/card:text-sm font-mono text-xs font-medium uppercase tracking-[0.14em] text-primary","children":"Trust report"}],["$","$L52",null,{"children":[["$","$L53",null,{"render":["$","span",null,{"data-slot":"badge","data-variant":"secondary","className":"group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3! [a]:hover:bg-secondary/80 bg-accent text-accent-foreground ring-1 ring-primary/40","children":[["$","$L54",null,{"ref":"$undefined","icon":"$4c:props:children:0:props:children:0:props:children:1:props:children:0:props:render:props:children:0:props:icon","className":"$undefined","data-icon":"inline-start","aria-hidden":"true"}],"Verified"]}]}],["$","$L55",null,{"className":"max-w-64","children":[["$","p",null,{"children":"Scanned and human-reviewed by the SkillPort moderation team."}],["$","p",null,{"className":"text-muted-foreground","children":["Reviewed on ","12 Jul 2026","."]}]]}]]}]]}],["$","div",null,{"data-slot":"card-description","className":"text-sm text-muted-foreground","children":"Scanned and reviewed at version 1.0.0 on 12 July 2026."}]]}],["$","div",null,{"data-slot":"card-content","className":"px-(--card-spacing) flex flex-col gap-3 text-sm","children":[["$","div",null,{"className":"flex items-start gap-2.5","children":[["$","$L54",null,{"ref":"$undefined","icon":"$86:props:children:0:props:children:1:props:children:0:props:children:0:props:icon","className":"mt-0.5 size-4 shrink-0 text-primary","aria-hidden":"true"}],["$","div",null,{"children":[["$","p",null,{"className":"font-medium","children":"Automated scan"}],["$","p",null,{"className":"text-muted-foreground","children":"Passed on 12 July 2026."}]]}]]}],["$","div",null,{"className":"flex items-start gap-2.5","children":[["$","$L54",null,{"ref":"$undefined","icon":"$86:props:children:0:props:children:1:props:children:1:props:children:0:props:icon","className":"mt-0.5 size-4 shrink-0 text-primary","aria-hidden":"true"}],["$","div",null,{"children":[["$","p",null,{"className":"font-medium","children":"Human review"}],["$","p",null,{"className":"text-muted-foreground","children":"Approved by a moderator on 12 July 2026."}]]}]]}],["$","div",null,{"className":"flex items-start gap-2.5","children":[["$","$L54",null,{"ref":"$undefined","icon":"$86:props:children:0:props:children:1:props:children:2:props:children:0:props:icon","className":"mt-0.5 size-4 shrink-0 text-primary","aria-hidden":"true"}],["$","div",null,{"children":[["$","p",null,{"className":"font-medium","children":"Version scoped"}],["$","p",null,{"className":"text-muted-foreground","children":["The verdict applies to version"," ","$L8e"," only. New versions are rescanned"," and re-reviewed"," before publishing."]}]]}]]}],"$L8f"]}]]}]}]]}]