From 5ff76ca4ced0335adb9ceb89d936f5d4ba738ade Mon Sep 17 00:00:00 2001
From: kris <krisoso.com@gmail.com>
Date: Mon, 30 Mar 2026 00:08:34 +0800
Subject: [PATCH] feat: tighten mobile discovery and production flow summaries

---
 web/storyforge-web-v4/assets/app.js                  | 12 ++++++++++++
 web/storyforge-web-v4/tests/workbench-pages.test.mjs | 12 ++++++++++++
 2 files changed, 24 insertions(+)

diff --git a/web/storyforge-web-v4/assets/app.js b/web/storyforge-web-v4/assets/app.js
index 0eed9a4..f9521b9 100644
--- a/web/storyforge-web-v4/assets/app.js
+++ b/web/storyforge-web-v4/assets/app.js
@@ -5477,6 +5477,12 @@ function renderDiscoveryScreen() {
             </div>
             <span class="tag blue">${escapeHtml(getAccountName(selected) || "未选中")}</span>
           </div>
+          <div class="mobile-only compact-summary-row" style="margin-bottom:14px;">
+            <span class="tag blue">当前对标 ${escapeHtml(getAccountName(selected) || "未选中")}</span>
+            <span class="tag">${escapeHtml(importedSources.length ? `已接入 ${importedSources.length}` : "未接入项目")}</span>
+            <span class="tag ${tracked ? "green" : "blue"}">${escapeHtml(tracked ? "已加入跟踪" : "未加入跟踪")}</span>
+            <span class="tag ${reports.length ? "green" : "blue"}">${escapeHtml(reports.length ? `报告 ${reports.length}` : "暂无报告")}</span>
+          </div>
           ${selectedSummaryHtml}
           ${renderDetailTabs("discoveryDetailTab", detailTabs)}
           ${detailBodyHtml}
@@ -6037,6 +6043,12 @@ function renderProductionScreen() {
             <div class="panel-subtitle">把队列、恢复、录制和产物拆开看，减少一次性信息量。</div>
           </div>
         </div>
+        <div class="mobile-only compact-summary-row" style="margin-bottom:14px;">
+          <span class="tag blue">处理中 ${escapeHtml(formatNumber(activeJobs.length || jobs.filter((item) => item.status !== "completed").length))}</span>
+          <span class="tag ${failedJobs.length ? "red" : "green"}">失败 ${escapeHtml(formatNumber(failedJobs.length))}</span>
+          <span class="tag ${recoverableCount ? "orange" : "green"}">可恢复 ${escapeHtml(formatNumber(recoverableCount))}</span>
+          <span class="tag green">产物 ${escapeHtml(formatNumber(works.length))}</span>
+        </div>
         ${renderDetailTabs("productionDetailTab", tabs)}
         ${activeTab === "queue" ? `
           <div class="panel pad" style="box-shadow:none;">
diff --git a/web/storyforge-web-v4/tests/workbench-pages.test.mjs b/web/storyforge-web-v4/tests/workbench-pages.test.mjs
index bc24df7..0a25710 100644
--- a/web/storyforge-web-v4/tests/workbench-pages.test.mjs
+++ b/web/storyforge-web-v4/tests/workbench-pages.test.mjs
@@ -123,6 +123,18 @@ test("discovery, production, and admin screens use page tabs for heavy content",
   assert.match(strategy, /renderPolicyAuditFeed\(/);
 });
 
+test("discovery and production screens expose compact mobile flow summaries", () => {
+  const discovery = extractBetween(APP, "function renderDiscoveryScreen()", "function renderTrackingScreen()");
+  const production = extractBetween(APP, "function renderProductionScreen()", "function renderReviewScreen()");
+
+  assert.match(discovery, /mobile-only compact-summary-row/);
+  assert.match(discovery, /当前对标/);
+  assert.match(discovery, /已接入/);
+  assert.match(production, /mobile-only compact-summary-row/);
+  assert.match(production, /处理中/);
+  assert.match(production, /失败/);
+});
+
 test("projects screen uses an adaptive project grid instead of a fixed three-column squeeze", () => {
   const projects = extractBetween(APP, "function renderProjectsScreen()", "function getActiveDetailTab(");
   assert.match(projects, /project-status-grid/);