%%{ init: { "theme": "default" } }%%

graph TD

%% === Roles (RBAC) ===
role_editor["🧑‍💼 editor"]:::rbac
role_moderator["🧑‍💼 moderator"]:::rbac

%% === Entities (RBAC) ===
entity_article["📄 article"]:::rbac
entity_comment["💬 comment"]:::rbac

%% === Permissions ===
role_editor -->|edit, publish| entity_article
role_moderator -->|approve, delete| entity_comment

%% === UI Components ===
component_article_form["🧩 ArticleForm"]:::ui
component_comment_list["🧩 CommentList"]:::ui

component_article_form -->|displays| entity_article
component_comment_list -->|displays| entity_comment

%% === Pages (Sitemap) ===
page_about["📘 /about"]:::sitemap
page_contact["📘 /contact"]:::sitemap
page_comments["📘 /comments"]:::sitemap

page_about --> page_contact
page_about --> page_comments
page_comments --> component_comment_list

%% === Attachments ===
asset_form["📷 Form Screenshot"]:::attachment
asset_guide["📷 Comment Guide"]:::attachment

component_article_form --> asset_form
component_comment_list --> asset_guide

%% === Inferred Link ===
entity_comment -.-> entity_article:::inferred

%% === Plugin Classes
classDef rbac fill:#ffd6d6,stroke:#e53935,color:#333
classDef ui fill:#e0f7fa,stroke:#00acc1,color:#000
classDef sitemap fill:#e8f5e9,stroke:#43a047,color:#000
classDef attachment fill:#fce4ec,stroke:#d81b60,color:#000
classDef inferred stroke-dasharray: 5,5,stroke:#aaa,fill:#f3f3f3

Loading