Diagram workflow states and transitions

Modeling this on the Entity Relationship Diagram, here's a series of drop downs that might power workflow diagrams:

• Chose Workflow to diagram
• Workflow #1
• Workflow #2
• Workflow #3
• Chose starting Workflow Element
• Workflow State
• Workflow Transition
• Chose starting Workflow State/Transition
• Draft
• In Review
• Published
• Chose depth

Starting from the Approved workflow state might look like this:

flowchart LR
A1(Draft)
A2(Draft)
B1(In review)
B2(In review)
C1(Approved)
C2(Approved)
C3(Approved)
D1(Published)
D2(Published)
E1(Archived)
E2(Archived)

A1 ~~~ C2 ~~~ A2
B1 -->|Approve| C2 ~~~ B2
C1 ~~~ C2 ~~~ C3
D1 ~~~ C2 -->|Publish| D2
E1 ~~~ C2 -->|Archive| E2

Starting from the Edit workflow transition might look like this:

Mermaid markdown:
flowchart LR
A(Draft)
B(In review)
D(Published)
E(Archived)
A -->|Edit| A
B -->|Edit| A
D -->|Edit| A
E -->|Edit| A