新增发布表现校准界面

src/app/globals.css

@@ -295,9 +295,26 @@ h3 {
   padding: 0.25rem 0.55rem;
 }
 
+.calibration-metrics {
+  display: grid;
+  gap: 0.75rem;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+}
+
+.calibration-observations {
+  border: 1px solid #e5e9f0;
+  border-radius: 8px;
+  color: #586174;
+  display: grid;
+  gap: 0.45rem;
+  margin: 0;
+  padding: 0.75rem 0.75rem 0.75rem 1.4rem;
+}
+
 @media (max-width: 900px) {
   .workflow-grid,
-  .two-col {
+  .two-col,
+  .calibration-metrics {
     grid-template-columns: 1fr;
   }
 

src/app/page.tsx

@@ -11,6 +11,7 @@ import {
   toConfirmedFactCard,
 } from "../components/fact-card-editor";
 import { OptimizedPreview } from "../components/optimized-preview";
+import { PerformanceCalibrationPanel } from "../components/performance-calibration-panel";
 import { ProgressPanel } from "../components/progress-panel";
 import { QaReportPanel } from "../components/qa-report-panel";
 import type {
@@ -270,6 +271,12 @@ export default function Home() {
           jobId={jobId}
         />
         <QaReportPanel report={qaReport} />
+        <PerformanceCalibrationPanel
+          apiAccessKey={apiAccessKey}
+          jobId={jobId}
+          key={`${jobId ?? "no-job"}-${optimizedArticle?.revision ?? "no-revision"}`}
+          optimizedRevision={optimizedArticle?.revision ?? null}
+        />
       </div>
     </main>
   );