app design diagram

[jsheunis]

flowchart TD
    A[App.vue]
    A2{user selects tab}
    A3(AppHeader)
    B(MainForm)
    C(MainData)
    D(MainViewer)
    E(FormEditor)
    F(NodeShapeEditor)
    G(PropertyShapeEditor)
    H(Matched editor component)


    A --> A2
    A --> A3

    A2 -->|default| B
    A2 --> C
    A2 --> D

    B --> |user selects form| E
    E --> |exactly one instance| F
    F --> |one instance per property| G
    G --> |runs matching code| H
    

    %% B --> C{Decision}
    %% C -->|One| D[Result 1]
    %% C -->|Two| E[Result 2]

Loading