Panels

InfoMarkets uses a modular panel system. Each panel can be shown/hidden, reordered via drag-and-drop, and resized. Panels are arranged in a right sidebar (max 2 columns) and a bottom bar (max 3 columns).

Panel Reference

📋 Markets

Browse all tracked Polymarket events with probability, volume, and category filters.

🔍 Market Detail

Deep-dive into a single market: price chart, orderbook, news, and trading interface.

💎 Smart Money

Leaderboard of top PnL wallets. Click any wallet to see their positions and recent trades.

🐋 Whale Trades

Real-time feed of large trades ($500+) across all markets, filterable by wallet.

⚡ Signal

AI-generated signals from 7 detection algorithms, ranked by strength and recency.

📰 News

Matched news articles from RSS feeds, linked to relevant markets by AI.

📈 Chart

Price history chart for the selected market with configurable timeframes.

🧠 Sentiment

AI-powered sentiment summary combining news, social, and smart money data.

📊 Orderbook

Live CLOB orderbook for the selected market with bid/ask spread visualization.

💼 Portfolio

Your open positions, P&L, and trade history when a wallet is connected.

🗺️ Country

Markets filtered by selected country on the map.

⏰ Resolution

Monitors markets approaching resolution with alert triggers.

⭐ Watchlist

Your saved markets for quick access.

🔴 Live

Real-time trade ticker showing all trades as they happen.

Adding a New Panel

Registering a new panel requires synchronized changes across 6 files. Missing any step will cause runtime errors or invisible panels.

Update Store

src/stores/uiStore.ts — Add to DEFAULT_PANEL_VISIBILITY, DEFAULT_PANEL_ORDER, and the hydrateFromPrefs migration logic.

src/components/SettingsModal.tsx — Add to the PanelVisibility interface and PANEL_LABELS map.

Update Preferences

src/hooks/usePreferences.ts — Add default value in DEFAULT_PREFERENCES and include in panelOrder.

Register in Page

src/app/page.tsx — Import the component, add to DEFAULT_COL_SPANS, panelHandlers ids array, and renderPanel switch case.

Layout System

Zone	Max Columns	Typical Usage
Right sidebar	2	Market Detail, Smart Money, Portfolio
Bottom bar	3	Charts, Orderbook, Whale Trades, Signals

Panels are identified by data-panel DOM attributes for drag-and-drop sorting. Column spans are configurable per-panel via DEFAULT_COL_SPANS.