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

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 AIAnalysisRule data 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 alerts from botState.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

3.1 KiB Raw Blame History Unescape Escape