Skip to main content
World Monitor’s panel system provides flexible control over your dashboard layout. Customize which panels appear, their order, and their size to match your workflow.

​
Panel Types

Panels are organized into several categories based on data type:

​
Core Intelligence

  • Live News - Categorized RSS feeds with clustering
  • Intelligence Insights - AI-synthesized briefs and trending keywords
  • Strategic Posture - Military theater assessments
  • Country Instability (CII) - Real-time stability scores
  • Strategic Risk - Composite risk assessment

​
Real-Time Feeds

  • Live Video Streams - Global news channels
  • Telegram Intelligence - OSINT channels
  • OREF Sirens - Israeli rocket alerts
  • Satellite Fires - NASA FIRMS thermal data
  • Climate Anomalies - Temperature/precipitation deviations

​
Market Data (Finance Variant)

  • Macro Signals - 7-signal radar
  • Crypto Prices - BTC, ETH, SOL, XRP
  • ETF Flows - Bitcoin spot ETF tracker
  • Stablecoin Health - Peg monitoring

​
Tech Ecosystem (Tech Variant)

  • Tech Hubs - Startup activity
  • AI Regulations - Policy deadlines
  • Service Status - Cloud/AI uptime
  • Tech Events - Conference calendar

​
Enabling/Disabling Panels

Control which panels appear on your dashboard:
1

Access Panel Settings

Panel visibility is controlled via the main settings interface or by closing panels individually.
2

Toggle Panel Visibility

Click the × button in a panel header to hide it. Re-enable via settings.
3

Settings Persistence

Panel visibility preferences are saved to localStorage and restored on reload.
In the desktop app, the Runtime Configuration panel is always enabled and cannot be disabled - it provides essential credential management.

​
Panel Reordering

Rearrange panels using drag-and-drop:
1

Locate Drag Handle

Hover over any panel header to reveal the drag handle (usually on the left side).
2

Click and Drag

Click and hold the drag handle, then move the panel to your desired position.
3

Drop to Place

Release the mouse button to drop the panel in its new position.
4

Order Saved

Your custom panel order is saved to localStorage as panel-order.
Touch events are supported for tablet users - use touch-and-hold to initiate drag-and-drop.

​
Panel Resizing

Adjust panel heights to prioritize important information:

​
Row Span Control

Panels support 4 height sizes:

span-1

Compact - Minimum height (~200px)

span-2

Standard - Default height (~400px)

span-3

Large - Extended height (~600px)

span-4

Extra Large - Maximum height (~800px)

​
Resizing via Drag Handle

1

Locate Resize Handle

Find the horizontal drag handle at the bottom edge of any panel.
2

Drag Vertically

Click and drag the handle up (smaller) or down (larger).
3

Snap to Span

The panel snaps to the nearest span size (1-4) based on drag distance.Resize step: 80 pixels per span level.
4

Double-Click to Reset

Double-click the resize handle to restore the panel’s default height.

​
Column Span (Width) Control

On ultra-wide monitors (≥ 2000px), panels can span multiple columns:

col-span-1

Single column (default)

col-span-2

Double width

col-span-3

Triple width
1

Locate Column Resize Handle

On ultra-wide layouts, find the vertical resize handle on the panel’s right edge.
2

Drag Horizontally

Click and drag the handle left (narrower) or right (wider).
3

Snap to Column Span

The panel snaps to 1, 2, or 3 column widths.Resize step: 80 pixels per column.
4

Auto-Clamp

Maximum span is limited by grid width (typically 3 columns max).
Panel sizes are stored separately in localStorage:
  • worldmonitor-panel-spans - Row heights
  • worldmonitor-panel-col-spans - Column widths

​
Panel-Specific Features

​
Activity Tracking

Certain panels track new content:
  • Badge counter - Shows number of new items since last view
  • Pulse animation - Draws attention to updates
  • Auto-clear on scroll - Marking items as “seen” when you scroll the panel
  • Auto-clear on click - Any click in the panel clears the badge
Activity tracking applies to: Live News, Telegram Intelligence, OREF Sirens, and other feed-based panels.

​
Panel Summaries

News panels include an AI summarization feature:
1

Locate Sparkle Button

Find the ✨ button in the panel header (next to the count).
2

Click to Summarize

Click the sparkle button to generate an AI summary of the panel’s content.
3

View Summary

A summary section appears between the header and content, showing:
  • Key themes from the top 8 headlines
  • Variant-aware framing (geopolitical, tech, or finance focus)
  • Language-aware output (matches UI language)
4

Cached Results

Summaries are cached for 10 minutes to avoid redundant API calls.

​
Virtual Scrolling

Panels with 15+ items use virtual scrolling for performance:
  • Only visible items are rendered in the DOM
  • 3-item overscan buffer above/below viewport
  • Smooth scrolling with requestAnimationFrame batching
  • Automatic ResizeObserver-based adaptation
Virtual scrolling is transparent to users but dramatically improves performance with large feeds (100+ items).

​
Layout Modes

​
Standard Layout (< 2000px)

Panels stack vertically in a single column:
  • Full-width panels
  • Consistent vertical rhythm
  • Mobile-friendly

​
Ultra-Wide Layout (≥ 2000px)

L-shaped grid with map on left:
  • Map occupies 60% width on left
  • Panels tile in a 3-column grid to the right and below
  • Automatic column adjustment based on viewport width
  • Uses CSS display: contents for efficient layout
The layout automatically adapts when you resize your browser window. No manual configuration needed.

​
Default Panel Order

Each variant has an optimized default panel order:

​
Full Variant (Geopolitical)

  1. Live News
  2. Intelligence Insights
  3. Strategic Posture
  4. Country Instability (CII)
  5. Strategic Risk
  6. Telegram Intelligence
  7. OREF Sirens (if enabled)
  8. Satellite Fires
  9. Climate Anomalies

​
Tech Variant

  1. Live News
  2. Intelligence Insights (moved to top for tech focus)
  3. Tech Hubs
  4. AI Regulations
  5. Service Status
  6. Tech Events

​
Finance Variant

  1. Live News
  2. Macro Signals
  3. Crypto Prices
  4. ETF Flows
  5. Stablecoin Health
  6. Strategic Posture
  7. Country Instability

​
Panel Migrations

World Monitor automatically migrates panel layouts when you:

​
Switch Variants

When you switch from one variant to another:
  • Old panel order is cleared
  • Default order for new variant is applied
  • Layer preferences are reset to variant defaults
  • Size preferences are preserved (if applicable)
Switching variants resets your panel configuration. Custom orders and sizes for the old variant are not preserved.

​
Update Versions

When new panels are added in updates:
  • Existing panel order is preserved
  • New panels are merged into your configuration
  • Migration keys prevent duplicate migrations
Migration keys in localStorage:
  • worldmonitor-panel-order-v1.9
  • worldmonitor-layout-reset-v2.5
  • worldmonitor-tech-insights-top-v1

​
Resetting Panel Layout

Restore default panel configuration:
1

Clear localStorage Keys

Open browser DevTools (F12) → Console, then run:
localStorage.removeItem('panel-order');
localStorage.removeItem('worldmonitor-panel-spans');
localStorage.removeItem('worldmonitor-panel-col-spans');
2

Reload Page

Refresh the page (Cmd/Ctrl+R) to apply defaults.
3

Verify Reset

Panels should now appear in default order with default sizes.
For a complete reset including layer preferences, also remove:
localStorage.removeItem('worldmonitor-map-layers');
localStorage.removeItem('worldmonitor-panels');

​
Panel-Specific Settings

Some panels have additional configuration:

​
Live News Panel

  • Keyword monitors (user-defined alerts)
  • Source filtering (tier 1/2/3)
  • Clustering mode toggle
  • Translation support

​
Live Video Streams Panel

  • Channel selection (8 default + 30 optional)
  • Global quality control (auto, 360p, 480p, 720p)
  • Idle-aware playback (pauses after 5 min)
  • HLS vs YouTube iframe mode

​
Strategic Posture Panel

  • Theater selection (9 theaters)
  • Posture level thresholds
  • Force projection indicators

​
Next Steps

News Feeds

Filter and monitor RSS feeds

Video Streams

Configure live video channels

Command Palette

Quick panel navigation

Map Controls

Layer and time filtering

Build docs developers (and LLMs) love

Get started for freeTalk to us