Skip to content
| Marketplace
Sign in
Visual Studio Code>Visualization>ADI Flow NavNew to Visual Studio Code? Get it now.
ADI Flow Nav

ADI Flow Nav

ADI Flow Nav

|
3 installs
| (0) | Free
Visualize AdInsure document status model flows (documentFlow.json) like Next.Nav
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

ADI Flow Nav

VS Code extension for visualizing AdInsure document status models (documentFlow.json + configuration.json) as an interactive graph.

Install from Extensions (search ADI Flow Nav), open an AdInsure workspace, then run ADI Flow Nav: Open.

Features

  • Open any document/* that has both configuration.json and documentFlow.json
  • Context menu Open in ADI Flow Nav on the flow file, configuration, or document folder
  • Recent / pinned documents in the toolbar (persisted per workspace)
  • Graph: states as nodes, transitions as edges
  • Kind filters: Main / Errors / Returns / Discard / Self
  • Actor lens from configuration.json
  • Search, shortest path, Diff vs git base, consistency issues
  • Layout: Auto (dagre) or Studio (documentFlow.ui.json)
  • Jump to related flowRules / ClientAction when files exist
  • Export PNG / SVG (kind legend, layout mode, extension version on the image)
  • Copy selection / issues / diff as Markdown for tickets and MRs

Usage

  1. Open a workspace that contains AdInsure document/* folders.
  2. Command Palette → ADI Flow Nav: Open, or right‑click a document folder / documentFlow.json → Open in ADI Flow Nav.
  3. Use filters, actor lens, search, path, Diff, and Issues in the panel.
  4. Export PNG or SVG from the toolbar when you need a shareable diagram.

Read-only viewer — it does not edit documentFlow.json.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft