dashboard-tab-layout

Standardizes Qt dashboard tab layouts and synchronizes table data across tabs.

Updated Apr 20, 2026
One-click install
npx skills add https://github.com/13g7895123/littile-bao --skill dashboard-tab-layout
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: dashboard-tab-layout
Source: https://github.com/13g7895123/littile-bao/tree/main/.github/skills/dashboard-tab-layout
Command: npx skills add https://github.com/13g7895123/littile-bao --skill dashboard-tab-layout

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill solves the issue of inconsistent or incorrect GUI dashboard tab layouts and stale/missing table updates after switching tabs in the Qt interface.

Core Features & Use Cases

  • Preserve dashboard content: Keeps the dashboard tab’s original overview widgets, including left strategy settings, stats cards, monitoring, event log, positions, orders, and trades.
  • Full-page strategy settings on settings tab: Ensures the settings tab shows the same strategy configuration as the dashboard sidebar, but in full-page mode (no narrow sidebar width/behavior).
  • Correct real-time synchronization across tabs: Separates “small” dashboard widgets from “full” tab widgets and maintains real-time mirroring via dedicated update flows (orders, trades, account render, and event logs).
  • Improve monitoring table usability: Updates the monitoring title count in 共 N 檔 format and auto-adjusts table column widths after each refresh so important fields remain visible (with horizontal scrolling when needed).
  • Prevent common regressions: Helps diagnose issues such as empty tables after tab switch, event log duplication/mismatch, sidebar-like settings layout, settings not applying, and truncated monitoring content.

Quick Start

Run the specific GUI tabs unit test to verify the dashboard tab layout and table synchronization behavior is working as intended.

Frequently Asked Questions about dashboard-tab-layout

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
Why does my Qt dashboard table clear or show empty data after switching tabs?

Qt dashboard tables clear after tab switching when UI synchronization lacks dedicated update flows. Separating dashboard widgets from full tab widgets and applying cross-thread UI dispatch preserves orders, trades, and positions data during tab refreshes.

How do I synchronize event logs across multiple Qt dashboard tabs without duplication?

Synchronized event log appends in Qt require cross-thread GUI updates via UI dispatch to prevent duplication. Maintaining dedicated update flows for dashboard and settings tabs ensures event logs mirror correctly without stale views.

Can I display full-page strategy settings in a Qt tab while keeping a sidebar on the dashboard?

Qt tab layouts can separate small dashboard sidebar widgets from full-page settings tabs. This preserves the dashboard overview while rendering the identical strategy configuration in full-page mode without narrow sidebar width constraints.

How do I fix truncated columns in Qt monitoring tables after data refreshes?

Qt monitoring tables require auto-adjusting column widths after each data refresh to prevent truncated content. Updating the monitoring title count and enabling horizontal scrolling ensures important fields remain visible during table rendering.

What is the best way to unit test Qt dashboard tab layout and table synchronization?

Unit testing Qt dashboard tab layout involves verifying GUI tab switching, full-table mirroring for orders and trades, and monitoring rendering. Running specific GUI tab tests validates that dashboard content and table synchronization behave correctly.