Complete platform management workflows

platform_web/components/PageFrame.tsx

@@ -23,14 +23,16 @@ export function PageFrame({ kicker, title, status, metrics }: PageFrameProps) {
         </div>
         <span className="page-status">{status}</span>
       </header>
-      <div className="metric-grid">
-        {metrics.map((metric) => (
-          <article key={metric.label} className={cx("metric-card", `metric-tone-${metric.tone}`)}>
-            <span className="metric-label">{metric.label}</span>
-            <strong className="metric-value">{metric.value}</strong>
-          </article>
-        ))}
-      </div>
+      {metrics.length > 0 && (
+        <dl className="page-summary-strip" aria-label={`${title} 快速状态`}>
+          {metrics.map((metric) => (
+            <div key={metric.label} className={cx("page-summary-chip", `summary-tone-${metric.tone}`)}>
+              <dt>{metric.label}</dt>
+              <dd>{metric.value}</dd>
+            </div>
+          ))}
+        </dl>
+      )}
     </section>
   );
 }