krisolo/storyforge
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add mobile focus cards for heavy workbench screens

Browse Source
This commit is contained in:
kris
2026-03-30 00:15:34 +08:00
parent 5ff76ca4ce
commit 0466f5b672
3 changed files with 128 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
web/storyforge-web-v4/assets/app.js
View File

@@ -5477,6 +5477,18 @@ function renderDiscoveryScreen() {
</div>
<span class="tag blue">${escapeHtml(getAccountName(selected) || "未选中")}</span>
</div>
<div class="mobile-only mobile-flow-focus-card">
<div class="mobile-flow-focus-head">
<strong>下一步先做</strong>
<span class="tag blue">${escapeHtml(detailTabs.find((tab) => tab.value === activeTab)?.label || "账号概览")}</span>
</div>
<p>${escapeHtml(selected ? `先围绕 ${getAccountName(selected)} 做导入、分析和相似扩展。` : "先从账号池里选一个对象，再继续导入和分析。")}</p>
<div class="task-meta">
${actionTag("导入当前对标", "open-import-selected-account")}
${actionTag("账号分析", "analyze-selected-account")}
${actionTag("查相似", "open-similar-search")}
</div>
</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>
@@ -6043,6 +6055,31 @@ function renderProductionScreen() {
<div class="panel-subtitle">把队列、恢复、录制和产物拆开看，减少一次性信息量。</div>
</div>
</div>
<div class="mobile-only mobile-flow-focus-card">
<div class="mobile-flow-focus-head">
<strong>当前工作流</strong>
<span class="tag blue">${escapeHtml(tabs.find((tab) => tab.value === activeTab)?.label || "生产队列")}</span>
</div>
<p>${escapeHtml(
activeTab === "recovery"
? "先处理失败任务和可恢复项，再决定是否批量重开。"
: activeTab === "recorder"
? "先确认录制服务和文件状态，再回到队列继续推进。"
: activeTab === "outputs"
? "先看产物和作品，再决定是否回到复盘或继续生产。"
: "先看处理中任务，再把异常和产物安排到下一步。"
)}</p>
<div class="task-meta">
${activeTab === "recovery"
? `${actionTag("批量恢复", "batch-recover-jobs")} ${actionTag("查看恢复记录", "select-page-tab", `data-page-tab-key="productionDetailTab" data-page-tab-value="recovery"`)}`
: activeTab === "outputs"
? `${actionTag("去复盘", "goto-review")} ${actionTag("查看产物", "select-page-tab", `data-page-tab-key="productionDetailTab" data-page-tab-value="outputs"`)}`
: activeTab === "recorder"
? `${actionTag("录制维护", "select-page-tab", `data-page-tab-key="productionDetailTab" data-page-tab-value="recorder"`)} ${actionTag("交给主 Agent", "handoff-to-main-agent", productionHandoffAttrs)}`
: `${actionTag("批量恢复", "batch-recover-jobs")} ${actionTag("交给主 Agent", "handoff-to-main-agent", productionHandoffAttrs)}`
}
</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>