| # Static Folder Structure |
|
|
| ## `/pages/` |
| Each subdirectory represents a standalone page with its own HTML, JS, and CSS. |
|
|
| - **dashboard/**: System overview, stats, resource categories |
| - **market/**: Market data table, trending coins, price charts |
| - **models/**: AI models list, status, statistics |
| - **sentiment/**: Multi-form sentiment analysis (global, asset, news, custom) |
| - **ai-analyst/**: AI trading advisor with decision support |
| - **trading-assistant/**: Trading signals and recommendations |
| - **news/**: News feed with filtering and AI summarization |
| - **providers/**: API provider management and health monitoring |
| - **diagnostics/**: System diagnostics, logs, health checks |
| - **api-explorer/**: Interactive API testing tool |
|
|
| ## `/shared/` |
| Reusable code and assets shared across all pages. |
|
|
| ### `/shared/js/core/` |
| Core application logic: |
| - `api-client.js`: HTTP client with caching (NO WebSocket) |
| - `polling-manager.js`: Auto-refresh system with smart pause/resume |
| - `config.js`: Central configuration (API endpoints, intervals, etc.) |
| - `layout-manager.js`: Injects shared layouts (header, sidebar, footer) |
|
|
| ### `/shared/js/components/` |
| Reusable UI components: |
| - `toast.js`: Notification system |
| - `modal.js`: Modal dialogs |
| - `table.js`: Data tables with sort/filter |
| - `chart.js`: Chart.js wrapper |
| - `loading.js`: Loading states and skeletons |
|
|
| ### `/shared/js/utils/` |
| Utility functions: |
| - `formatters.js`: Number, currency, date formatting |
| - `helpers.js`: DOM manipulation, validation, etc. |
|
|
| ### `/shared/css/` |
| Global stylesheets: |
| - `design-system.css`: CSS variables, design tokens |
| - `global.css`: Base styles, resets, typography |
| - `components.css`: Reusable component styles |
| - `layout.css`: Header, sidebar, grid layouts |
| - `utilities.css`: Utility classes |
|
|
| ### `/shared/layouts/` |
| HTML templates for shared UI: |
| - `header.html`: App header with logo, status, theme toggle |
| - `sidebar.html`: Navigation sidebar with page links |
| - `footer.html`: Footer content |
|
|
| ## `/assets/` |
| Static assets: |
| - `/icons/`: SVG icons |
| - `/images/`: Images and graphics |
|
|
