Skip to content

Conversation

@mReXiTuS
Copy link

Add a persistent, resizable bottom panel to display torrent details as an alternative to the modal popup. The panel can be enabled/disabled via user settings and includes the following features:

Features:

  • Persistent bottom panel showing torrent details (Details, Files, Peers, Trackers, MediaInfo tabs)
  • Vertically resizable with height persistence (200px min, viewport-200px max)
  • Configurable via Settings > User Interface > "Show details as bottom panel"
  • Single-click shows panel on desktop (when enabled)
  • ESC key closes panel
  • Mobile devices continue using modal (responsive design)
  • Panel background matches torrent list for visual consistency

Implementation:

  • Add UIStore.detailsPanelHash and detailsPanelVisible state management
  • Add FloodSettings.UITorrentDetailsPanel and detailsPanelHeight settings
  • Create TorrentDetailsPanel and TorrentDetailsPanelResizeHandle components
  • Update modal tab components to support dual-source (panel or modal)
  • Add settings UI in UITab for panel configuration
  • Update click handlers to respect panel setting
  • Add CSS Grid layout for panel integration

Breaking Changes: None

  • Default behavior shows panel (enabled by default)
  • Users can disable to restore original modal-only behavior
  • Mobile behavior unchanged (always uses modal)

Screenshots

Screenshot 2026-01-27 at 18 23 35

Add a persistent, resizable bottom panel to display torrent details as an
alternative to the modal popup. The panel can be enabled/disabled via user
settings and includes the following features:

Features:
- Persistent bottom panel showing torrent details (Details, Files, Peers, Trackers, MediaInfo tabs)
- Vertically resizable with height persistence (200px min, viewport-200px max)
- Configurable via Settings > User Interface > "Show details as bottom panel"
- Single-click shows panel on desktop (when enabled)
- ESC key closes panel
- Mobile devices continue using modal (responsive design)
- Panel background matches torrent list for visual consistency

Implementation:
- Add UIStore.detailsPanelHash and detailsPanelVisible state management
- Add FloodSettings.UITorrentDetailsPanel and detailsPanelHeight settings
- Create TorrentDetailsPanel and TorrentDetailsPanelResizeHandle components
- Update modal tab components to support dual-source (panel or modal)
- Add settings UI in UITab for panel configuration
- Update click handlers to respect panel setting
- Add CSS Grid layout for panel integration

Breaking Changes: None
- Default behavior shows panel (enabled by default)
- Users can disable to restore original modal-only behavior
- Mobile behavior unchanged (always uses modal)
@trim21 trim21 requested a review from jesec January 27, 2026 18:11
@trim21
Copy link
Collaborator

trim21 commented Jan 28, 2026

please fix build errors

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants