graph TD ===== LANDING PAGE ===== LANDING_PAGE[Landing Page]:::page --->|"Clicked (Sign In) → redirect to app.booky.com"| SIGN_IN[Sign In]:::navigate --> LOGIN_PAGE[Login Page]:::page LANDING_PAGE[Landing Page]:::page --->|"Clicked (Sign Up) → redirect to app.booky.com"| SIGN_UP[Sign Up]:::navigate --> SIGNUP_PAGE ===== APP LAYOUT ===== APP_LAYOUT[App Layout]:::layout APP_LAYOUT --> SIDEBAR[Left Sidebar]:::component APP_LAYOUT --> CONTENT[Main Right Content Area]:::page READER[Reading View]:::layout === Home Page Components === HOME --> MISSION[Mission Board]:::component HOME --> GOALS[Goals & Challenges]:::component HOME --> ACTIVITY[Activity Feed]:::component HOME --> STATS[Reading Stats]:::component === Sidebar Navigation === SIDEBAR --> SIDEBAR_HEADER[Sidebar Header]:::component SIDEBAR --> SIDEBAR_MENU[Sidebar Menu]:::component SIDEBAR --> SIDEBAR_CONTENT[Sidebar Content List]:::component SIDEBAR --> SIDEBAR_FOOTER[Sidebar Footer]:::component SIDEBAR_HEADER --> SEARCH[Search Bar]:::navigate SIDEBAR_HEADER --> HOME_LINK[Home]:::navigate SIDEBAR_MENU --> LIB_LINK[Library]:::navigate SIDEBAR_CONTENT --> TAGS[Tag List]:::navigate -->|Tag Filtered| LIBRARY SIDEBAR_FOOTER --> BULK_UPLOAD[Upload Here]:::navigate SIDEBAR_FOOTER --> PREFERENCES[Preferences]:::navigate ===== Book Profile ===== BOOK_PROFILE --> TAB1(Tab 1: For Metadata):::page BOOK_PROFILE --> TAB2(Tab 2: For User's Context):::page ===== Book Profile Tab 2 ===== TAB2 --> CONTEXT_TIMELINE(Context Timeline):::component TAB2 --> HIGHLIGHT(Highlights Chronologically):::component TAB2 --> FILE_ATTACHMENT(Content File Attachment):::component TAB1 --> READ_NOW(Read Now Button):::navigate --> READER TAB2 --> READ_NOW --> READER === Preferences === PREFERENCES --> USER_PROFILE[User Profile]:::page PREFERENCES --> SETTING[Setting]:::page % === Reader Right Sidebar === READER_RIGHT --> TAB1_READER(Highlights, Notes):::component READER_RIGHT --> TAB2_READER(Manual Progress Tracking):::component