3.1 KiB
3.1 KiB
Live Pulse Ticker & Contextual Intelligence Panels
Added: 2026-02-20
Overview
Rather than showing the same market data widgets on every tab (which creates UI fatigue), the dashboard now uses a contextual intelligence architecture:
- A global Live Pulse Ticker visible on all pages.
- Tab-specific panels that surface relevant data based on what the user is doing.
Global: Live Pulse Ticker
Component: src/components/LivePulseTicker.tsx
Location: Persistent bar immediately below the sticky header (all tabs)
Height: 40px
Contents
| Section | Description |
|---|---|
| Market Pulse (left) | Scrolling animated ticker of all tracked symbols with 24h % change (green = up, red = down) |
| AI Top Picks (right) | Top 3 symbols ranked by AIAnalysisRule confidence score |
Design Rationale
- Provides a "Bloomberg Terminal" feel — the app feels alive and real-time at all times.
- Non-intrusive 40px height — never competes with primary tab content.
- The AI section only appears if
AIAnalysisRuledata is available; otherwise shows "SCANNING...".
Marketplace Tab — Discovery Intelligence Panels
Component: src/tabs/MarketplaceTab.tsx
Two panels rendered above the strategy grid to help users find the right template:
🧠 Best AI Setups Panel
- Shows top 5 symbols with the highest AI confidence scores.
- Includes a color-gradient progress bar (hue shifts from yellow → green as confidence rises).
- Intended message: "These markets are high-confidence right now — find a strategy to match."
🔥 Top Volatile (24h) Panel
- Shows top 6 symbols sorted by absolute 24h % change.
- Displayed in a 2-column grid for compact scanning.
- Intended message: "These markets are moving — match them with an aggressive or balanced strategy."
My Strategies Tab — Operational Intelligence Panels
Component: src/tabs/MyStrategiesTab.tsx
Two panels rendered between the header and strategy cards:
Recent Activity Panel
- Shows the last 5 system
alertsfrombotState.alerts. - Each row: icon (🚀/⏰/⚠️/ℹ️) + symbol + message + relative time ("just now", "3m ago").
- Intended message: "Here's what just happened to your bots."
Your Markets (24h) Panel
- Shows only the symbols that the user's active strategies are currently trading.
- Includes a mini bar chart showing the direction and magnitude of each move.
- Intended message: "Here's how your specific markets are performing right now."
- Personalized — empty state shows "Deploy a strategy to see its market data."
UX Design Rationale
| Feature | Where | Why |
|---|---|---|
| Live Pulse Ticker | All tabs | Keeps the app "alive" without cluttering content |
| 🧠 AI Setups | Marketplace only | Inspires strategy discovery |
| 🔥 Top Volatile | Marketplace only | Provides market context for template selection |
| Recent Activity | My Strategies only | Operational awareness without leaving the tab |
| Your Markets | My Strategies only | Personalized — only relevant symbols shown |