Catalog: add portrait flowchart-vertical (1440x2560) variant

[sidorovanthon]

Summary

Catalog block flowchart is authored at 1920x1080. Vertical short-form episodes (1440x2560) need a portrait variant; the parent composer cannot override data-width/data-height from outside the block.

Use case

Vertical podcast/explainer episodes targeting Shorts/Reels/TikTok render at 1440x2560. Embedding the existing flowchart block produces letterbox bars or stretched layout depending on CSS choices in the block itself.

Concrete request

A new catalog block, e.g., flowchart-vertical, authored at 1440x2560 with the same data-binding API (same variable names, same node/edge schema) so callers can swap landscape vs portrait by name only.

If a single block can express both orientations via a data-orientation attribute or media query, that's even better — but a separate block is sufficient.

Cross-reference

Real-world hit: https://github.com/sidorovanthon/anticodeguy-video-editing-studio episode 2026-04-29-desktop-software-licensing-it-turns-out had to drop flowchart from a beat that wanted one. Workaround in place: planner prompts gate flowchart out of vertical episodes.

Related

• Nested compositions: sibling instances share CSS scope under attribute selectors #556 — Nested compositions: sibling instances share CSS scope under attribute selectors (independent issue, but co-discovered while working around the same flowchart block).
• Catalog block flowchart triggers HF lint rule template_literal_selector #559 — Catalog block flowchart triggers HF lint rule template_literal_selector (also independent, also same block).

---

Generated by Claude Code (Opus 4.7).