Skip to content

feat(positioning): standalone 24/7 Positioning panel with directional gauges #3140

Description

@koala73

Problem

The Hyperliquid Perp Flow feature is currently buried as a tab inside the "Metals & Materials" (Commodities) panel. It shows bare composite scores (5, 10, 11 out of 100) with no context, tiny funding rates (0.001%), and mixes crypto perps (BTC/ETH/SOL) with commodity perps (Gold/Oil) under a metals panel title. Users report it's "not usable."

Solution

Extract into a standalone "24/7 Positioning" panel with:

  • Directional gauges (arc 0-100, green=bullish/red=bearish) replacing bare numbers
  • Grouped by asset class (Commodities, Crypto, FX) with section headers
  • Always show all assets, visually elevate hot ones (score >40 gets glow/saturation)
  • Placed near intelligence/signals panels (fear & greed, AAII sentiment)
  • Remove the "Perp Flow" tab from CommoditiesPanel

Core value prop: Hyperliquid trades 24/7, so this panel shows what's brewing when traditional markets are closed.

Design Brief

Full brief at docs/plans/redesign-247-positioning-panel.md

Prerequisite

Verify the composite score formula can actually produce elevated scores (>40). Current production scores cluster at 5-11. If the formula is too conservative, the gauge will always show "calm" regardless of UX quality. May need seeder recalibration first.

Scope

  • New src/components/PositioningPanel.ts
  • CSS-only SVG arc gauge component
  • Full panel registration (panel-layout, App.ts primeTask, commands.ts, panels.ts)
  • Remove "Perp Flow" tab from CommoditiesPanel
  • No backend changes (reuse existing RPC + Redis key)

Metadata

Metadata

Assignees

No one assigned

    Labels

    area: marketsMarkets, commodities, crypto, financearea: panelsPanel system, layout, drag-and-dropenhancementNew feature or request

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions