[gormes-agent]

Summary

Redraw .github/social-preview.svg and re-render .github/social-preview.png (1280x640). The README shows this image at the top.

Problems fixed

• Text overflowed its containers: OP_STORE was wider than its 74px bytecode cell, and the TYPESCRIPT SOURCE code lines touched the panel edge.
• The four pipeline panels had different widths (250/180/210/180) and uneven gaps, so the row did not line up.
• The pipeline row sat low, with a large empty band at the bottom of the image.
• The PRE-RELEASE badge text was not centered.

Changes

• Four equal 238px panels with equal 56px gaps, aligned to the title margin (x=80..1176).
• Each panel has a label and a divider rule; content is centered inside the panel.
• Bytecode cells widened to 92px; all opcode labels fit with margin.
• Light syntax color in the source panel; the syntax tree is symmetric.
• Badge text centered with text-anchor="middle".
• Same palette, fonts (IBM Plex Sans / Mono), title, and description.

Verification

• Rendered with headless Chromium using IBM Plex fonts; measured every <text> bounding box with getBBox(). All text is inside its panel or cell.
• PNG is 1280x640, 50 KB (was 62 KB).