From aa5ddc5161175ebb48cb20c1dbb8e820063f8ca4 Mon Sep 17 00:00:00 2001 From: Jack Zhuang <277994282+os-zhuang@users.noreply.github.com> Date: Wed, 1 Jul 2026 05:26:58 +0800 Subject: [PATCH] =?UTF-8?q?fix(showcase):=20command-center=20throughput=20?= =?UTF-8?q?bars=20render=20=E2=80=94=20native=20div=20grid=20+=20width:100?= =?UTF-8?q?%=20(ADR-0065)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Browser verification of the command-center html page on a real objectstack serve console showed the Weekly Throughput bars rendering empty. Two html-tier nuances: - emits responsive classes (grid-cols-1 sm:grid-cols-2 md:grid-cols-7) that collapse to 1 column inside the narrow card → use a native
for a fixed 7-track grid; - the bar items (display:flex, no children) collapsed to width:0 and the grid container (a flex-column child) didn't stretch → native block
bars + width:100% on the container. Verified in a live console: header typography, KPI cards, the primary-bg card, the 7 throughput bars (now visible), and the activity dots all render correctly. Co-Authored-By: Claude Opus 4.8 --- .../src/pages/command-center-jsx.page.ts | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) diff --git a/examples/app-showcase/src/pages/command-center-jsx.page.ts b/examples/app-showcase/src/pages/command-center-jsx.page.ts index cc7c327f7..340a4c66a 100644 --- a/examples/app-showcase/src/pages/command-center-jsx.page.ts +++ b/examples/app-showcase/src/pages/command-center-jsx.page.ts @@ -54,15 +54,15 @@ export const CommandCenterJsxPage = definePage({
Weekly Throughput
- - - - - - - - - +
+
+
+
+
+
+
+
+
Recent Activity