Ctrl+K
Please make the late orders detail view just always showing instead of a dropdown table but please keep everything else the same
a067d96 verified - 1.52 kB initial commit
- 244 Bytes Build a brand-new “Executive Commercial Summary” dashboard from scratch that includes every element below and renders correctly the first time. The dashboard is for executives, focuses on the current fiscal period, and uses daily granularity everywhere. Use a clean, compact, professional style with navy as the primary brand color (#001f3f), light-blue accents (#7FDBFF), white cards, subtle gray gridlines, dark readable text, concise legends, and thousands separators. Make the layout dense and scannable with a two-column grid for chart sections so key visuals sit side by side; avoid long vertical stacks. Start with a header titled Executive Commercial Summary and a subtitle Current Fiscal Period Performance Overview. Immediately below, add three global filters for Branch, Customer, and Product, defaulting to All; filters should drive every chart and the table. Next, create a single KPI row with five cards: Ordered Pounds, Shipped Pounds, Produced Pounds, Finished Goods Inventory, and Production Backlog. Each card shows the current value in pounds, percent vs prior year, and variance vs Budget and Forecast with green for positive and red for negative, plus small up/down arrows and simple contextual icons. First chart row: on the left, add “Daily Operational Throughput,” a three-series line chart that shows daily Ordered (navy solid), Shipped (blue solid), and Produced (light-blue solid) pounds for the current fiscal period; do not include any shaded area fills, compare only the current period, provide hover tooltips and an easy way to focus a single series. On the right, add “Performance vs Forecast,” a dual-line chart with a simple toggle to view Ordered, Shipped, or Produced; for the selected metric plot Actual as a solid line and Forecast as a dashed line, sharing the same y-axis and using daily points and tooltips. Second chart row: on the left, add “Inventory vs Order Backlog,” a combo chart with Finished Goods Inventory as green columns and Order Backlog as an orange line on the same daily x-axis; start column axes at zero and use subtle gridlines. On the right, add “Financial Performance Breakdown,” whose default view is a daily waterfall that starts at Sales, applies In-Period Adjustments, applies Out-of-Period Adjustments, and ends at Net Sales; overlay a Margin % line on a right-side y-axis; provide a toggle to switch between Daily and Cumulative views; if a true waterfall is not available, use clustered columns for Sales (blue), In-Period Adjustments (green), and Out-of-Period Adjustments (red) with a Margin % line (orange) on the secondary axis; tooltips must summarize Sales, Adjustments, Net, and Margin % for the hovered date. Below those, add “Order Lifecycle Analysis,” a stacked bar visualization over a ±15-day window around today that groups orders by their promise date and stacks status categories Open (blue), Shipped (light blue), Invoiced (green), and Cancelled (gray); show total orders and the status breakdown on hover. At the bottom, add a collapsible “Detailed Data View” that is closed by default and expands on click; it is a daily table with columns Date, Orders (lbs), Shipped (lbs), Produced (lbs), Inventory (lbs), Sales ($), and Margin (%); allow sorting, quick search, and export; when a user clicks a point or bar in any chart, filter the table and the lifecycle view to that same context. Make everything responsive and readable on a laptop without excessive scrolling. Use daily tick marks, start numeric axes at zero, and format y-axis ticks with k for thousands where helpful. Ensure charts actually render by giving every chart container an explicit height and disabling aspect-ratio locking if required; do not rely on 100% height with parents that have no height. Do not use shaded fills for line charts; lines only. Keep color contrast WCAG-friendly; inputs and labels must be dark text on light backgrounds. It is acceptable to scaffold with sample arrays for data as long as the visuals appear and interactions are wired; no truncated code; ensure legends are concise and aligned; ensure the filters, toggles, and click-to-filter behavior work across sections. The final result should present a tight, executive-ready snapshot of daily throughput, performance vs forecast, inventory vs backlog, lifecycle status around promise dates, and the financial picture with adjustments and margin, all confined to the current fiscal period.
- 50.8 kB Please make the late orders detail view just always showing instead of a dropdown table but please keep everything else the same
- 388 Bytes initial commit