flowchart TB
%% Top layer - AI Services
SRAI["🧠 SelfReason Cloud"]
AWS["☁️ AWS"]
%% Inside AWS
Bedrock["Amazon Bedrock<br/>AgentCore"]
Nova["Amazon Bedrock<br/>Nova"]
AWS --> Bedrock
AWS --> Nova
%% Middle layer - Load Balancer
LB["⚖️ Load Balancer"]
LB --> SRAI
LB --> AWS
%% Web-based Applications
HBExt["🧩 HuBrowser Extension"]
HBDesktop["💻 HuBrowser Desktop<br/>(Coming Soon)"]
SRWeb["🌐 SelfReason Web App"]
SRDesktop["💻 SelfReason Desktop"]
SRBot["🤖 SelfReason Telegram Bot"]
HBExt --> LB
HBDesktop -.-> LB
SRWeb --> SRAI
SRDesktop --> SRAI
SRBot --> SRAI
%% Clickable links for web apps
click HBExt "/guide/features/hubrowser-extension" "HuBrowser Extension"
click SRWeb "/guide/ecosystem/selfreason/webapp" "SelfReason Web App"
click SRDesktop "/guide/ecosystem/selfreason/desktop" "SelfReason Desktop"
click SRBot "/guide/ecosystem/selfreason/telegram" "SelfReason Telegram Bot"
%% Android Apps Ecosystem in a grid layout
subgraph AndroidApps["📱 Android App Ecosystem (Interconnected)"]
direction TB
subgraph Row1[" "]
direction LR
HBAndroid["HuBrowser"]
SRAndroid["SelfReason Edge AI"]
MM["Middle Monitor"]
end
subgraph Row2[" "]
direction LR
Lucky["Lucky Launcher"]
Space["Space Manager"]
Parrot["Parrot Assistant"]
end
subgraph Row3[" "]
direction LR
Fantasy["Fantasy Player"]
Money["Money Downloader"]
end
end
HBAndroid --> LB
HBAndroid --> SRAndroid
SRAndroid --> SRAI
%% Clickable links for Android apps
click HBAndroid "/guide/basics" "HuBrowser"
click SRAndroid "/guide/ecosystem/selfreason/android" "SelfReason Android"
click MM "/guide/ecosystem/middle-monitor" "Middle Monitor"
click Lucky "/guide/ecosystem/lucky-launcher" "Lucky Launcher"
click Space "/guide/ecosystem/space-manager" "Space Manager"
click Parrot "/guide/features/parrot-assistant" "Parrot Assistant"
click Fantasy "/guide/ecosystem/fantasy-player" "Fantasy Player"
click Money "/guide/ecosystem/money-downloader" "Money Downloader"
%% Legend
subgraph Legend["Legend"]
direction LR
L1["🟣 Cross-platform/Desktop Apps"]
L2["🟢 Android Apps"]
end
%% Styling
classDef webApp fill:#7A56D6,stroke:#5a3ca6,color:#fff
classDef webAppComing fill:#7A56D6,stroke:#5a3ca6,color:#fff,stroke-dasharray: 5 5
classDef middleware fill:#4A90E2,stroke:#2a70c2,color:#fff
classDef ai fill:#ffffff,stroke:#000000,color:#000000
classDef cloud fill:#FF9500,stroke:#df7500,color:#fff
classDef androidApp fill:#3DDC84,stroke:#2db56e,color:#000
classDef androidAppsBox fill:#f0f0f0,stroke:#3DDC84,stroke-width:3px,color:#000
classDef legendBox fill:#f9f9f9,stroke:#ccc,color:#666
classDef invisible fill:none,stroke:none
class HBExt,SRWeb,SRDesktop,SRBot webApp
class HBDesktop webAppComing
class HBAndroid,SRAndroid,MM,Lucky,Space,Parrot,Fantasy,Money androidApp
class AndroidApps androidAppsBox
class LB middleware
class SRAI ai
class AWS,Bedrock,Nova cloud
class L1,L2 legendBox
class Row1,Row2,Row3 invisible