sndev.io / docs

diagram

Render a manifest dependency graph, or a single Flow Designer flow outline.

The diagram command is two renderers in one entrypoint. Given <manifest.ts>, it emits an HTML graph of steps and dependencies — optionally overlaid with planner kinds (create / update / no-op). Given --flow <sys_id>, it translates a live Flow Designer flow into an outline and renders it as HTML, SVG, text, or JSON.

sn diagram <manifest.ts> [--out <path>] [--style flow|interaction|object] [--plan] [--json]

Render a manifest's dependency graph.

Arguments

NameRequiredDescription
manifest.tsYesPath to the manifest.

Flags

FlagDefaultDescription
--out <path>.sn-results/diagram.htmlOutput file.
--style <s>flow (choices: flow, interaction, object)Graph style.
--planOverlay planner kinds (create / update / no-op) on each node. Requires instance access; downgrades to a warning on failure.
--jsonPrint graph JSON to stdout instead of writing a file.

Examples

sn diagram manifests/payroll/manifest.ts --plan --out .sn-results/payroll.html
✓ Diagram written to .sn-results/payroll.html (14 steps, 23 edges)
sn diagram --flow <sys_id> --outline [--format html|svg|text|json] [--out <path>]

Render a single Flow Designer flow as an outline.

Flags

FlagDefaultDescription
--flow <sys_id>Target Flow Designer flow.
--outlineRequired — outline is currently the only view.
--format <f>html (choices: html, svg, text, json)Output format.
--out <path>.sn-results/flow-<sys_id_prefix>.<ext>Output file.
--jsonDump the raw translated flow JSON to stdout.

Examples

sn diagram --flow 4ac12...b9 --outline --format svg --out .sn-results/myflow.svg

Use --plan on manifest mode to see at a glance which steps will create vs update vs no-op on the next execute. Combined with sn preview, it's the fastest way to get a second pair of eyes on a complex manifest.