${renderPipelineButton("aiVideo", "primary")}
${renderPipelineButton("realCut")}
+ ${button("视频录制", "focus-live-recorder-maintenance", "secondary")}
` : ""}
@@ -5655,7 +5669,7 @@ function renderIntegrationOverviewPanel(options = {}) {
${cards.map((item) => `
-
+
${escapeHtml(item.meta.label)}
@@ -6523,6 +6537,16 @@ function focusLiveRecorderMaintenance() {
});
}
+function focusAutomationHealthWorkspace(anchorId = "integration-huobao-anchor") {
+ appState.automationDetailTab = "health";
+ setScreen("automation");
+ renderAll();
+ window.requestAnimationFrame(() => {
+ (document.getElementById(anchorId) || document.querySelector('[data-screen="automation"] .integration-panel, [data-screen="automation"] .panel'))
+ ?.scrollIntoView({ behavior: "smooth", block: "start" });
+ });
+}
+
function focusReviewWorkspace(reviewId = "") {
appState.reviewFocusId = reviewId || "";
setScreen("review");
@@ -7541,7 +7565,7 @@ function renderProductionMobileTaskDeck({ activeTab, activeJobs, failedJobs, rec
${escapeHtml(status.running ? `Live Recorder 正在运行，当前有 ${activeCount} 路活动录制。` : "先确认 Live Recorder 是否在线，再检查录制源和文件。")}
${escapeHtml(status.running ? "运行中" : "待检查")}
- ${actionTag("录制维护", "select-page-tab", `data-page-tab-key="productionDetailTab" data-page-tab-value="recorder"`)}
+ ${actionTag("视频录制", "focus-live-recorder-maintenance")}
`);
@@ -7554,12 +7578,12 @@ function renderProductionMobileTaskDeck({ activeTab, activeJobs, failedJobs, rec
sourceScreen: "production",
sourceActionKey: "production-mobile-recorder-handoff",
intentKey: "production_coordination",
- title: "继续处理录制维护",
- goal: "继续处理录制维护",
- summary: "结合录制维护状态给出下一步动作。",
+ title: "继续处理视频录制",
+ goal: "继续处理视频录制",
+ summary: "结合视频录制状态给出下一步动作。",
platform: getPreferredPlatform(),
platformScope: "single_platform",
- planSteps: ["读取录制维护状态", "识别当前阻塞项", "生成下一步处理动作"]
+ planSteps: ["读取视频录制状态", "识别当前阻塞项", "生成下一步处理动作"]
}))}
@@ -7662,13 +7686,13 @@ function renderProductionScreen() {
const tabs = [
{ value: "queue", label: "生产队列" },
{ value: "recovery", label: "失败恢复" },
- { value: "recorder", label: "录制维护" },
+ { value: "recorder", label: "视频录制" },
{ value: "outputs", label: "作品与产物" }
];
const activeTab = getActiveDetailTab("productionDetailTab", tabs);
const productionActionsHtml = isMobileUi
- ? `${renderPipelineButton("aiVideo")} ${renderPipelineButton("realCut")} ${button("交给主 Agent", "handoff-to-main-agent", "secondary", { attrs: productionHandoffAttrs })}`
- : `${renderPipelineButton("aiVideo")} ${renderPipelineButton("realCut")} ${button("交给主 Agent", "handoff-to-main-agent", "secondary", { attrs: productionHandoffAttrs })} ${button("去复盘", "goto-review", "primary")} ${button("批量恢复", "batch-recover-jobs", "secondary", { disabledReason: recoverableCount ? "" : "当前没有可恢复的失败任务" })}`;
+ ? `${renderPipelineButton("aiVideo")} ${renderPipelineButton("realCut")} ${button("视频录制", "focus-live-recorder-maintenance", "secondary")} ${button("交给主 Agent", "handoff-to-main-agent", "secondary", { attrs: productionHandoffAttrs })}`
+ : `${renderPipelineButton("aiVideo")} ${renderPipelineButton("realCut")} ${button("视频录制", "focus-live-recorder-maintenance", "secondary")} ${button("交给主 Agent", "handoff-to-main-agent", "secondary", { attrs: productionHandoffAttrs })} ${button("去复盘", "goto-review", "primary")} ${button("批量恢复", "batch-recover-jobs", "secondary", { disabledReason: recoverableCount ? "" : "当前没有可恢复的失败任务" })}`;
return screenShell(
"生产中心",
"这里已经接上真实任务、失败恢复和知识库文档，适合直接推进生产、恢复和复盘。",
@@ -7717,7 +7741,7 @@ function renderProductionScreen() {
: 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("视频录制", "focus-live-recorder-maintenance")} ${actionTag("交给主 Agent", "handoff-to-main-agent", productionHandoffAttrs)}`
: `${actionTag("批量恢复", "batch-recover-jobs")} ${actionTag("交给主 Agent", "handoff-to-main-agent", productionHandoffAttrs)}`
}
@@ -12082,6 +12106,29 @@ function openGenerateCopyAction(defaults = {}) {
});
}
+function renderAiVideoProviderHintHtml(provider = "doubao") {
+ const huobao = getIntegrationDetail("huobao");
+ const route = huobao.videoConfigRoute || "/settings/ai-config -> 视频 -> 火山引擎";
+ const providerLabel = String(provider || "doubao").trim() === "seedance2" ? "Seedance 2.0" : "当前默认视频引擎";
+ const configStatus = huobao.videoConfigReady
+ ? `Huobao 视频配置已就绪${huobao.videoConfigCount ? `（${huobao.videoConfigCount} 条）` : ""}`
+ : "Huobao 视频配置页当前还没有录入视频引擎配置";
+ return `
+
+
+
${escapeHtml(`${providerLabel} 走火山视频配置`)}
+
${escapeHtml(`请在 Huobao 服务里配置火山视频 Key：${route}`)}
+
${escapeHtml("如果不是走页面配置，也可以在 huobao 服务环境变量里覆盖 HUOBAO_VIDEO_BASE_URL / HUOBAO_VIDEO_API_KEY / HUOBAO_VIDEO_MODELS。")}
+
+ ${escapeHtml(configStatus)}
+ ${huobao.deploymentLabel ? `${escapeHtml(`部署：${huobao.deploymentLabel}`)}` : ""}
+ 查看火山配置状态
+
+
+
+ `;
+}
+
function openCreateAiVideoAction(defaults = {}) {
const guard = getPipelineGuard("aiVideo");
if (!guard.enabled) {
@@ -12126,6 +12173,12 @@ function openCreateAiVideoAction(defaults = {}) {
value: defaultVideoModel,
placeholder: "例如：seedance-2.0-pro",
},
+ {
+ name: "videoProviderHint",
+ label: "Seedance 配置",
+ type: "html",
+ html: renderAiVideoProviderHintHtml(defaultVideoProvider),
+ },
{ name: "style", label: "风格", value: defaults.style || recommendCreativeStyle(sourceJob) },
{
name: "aspectRatio",
@@ -12788,6 +12841,16 @@ document.addEventListener("click", async (event) => {
setScreen("production");
return;
}
+ if (name === "focus-live-recorder-maintenance") {
+ captureMainAgentLandingContext(action, "goto-production");
+ focusLiveRecorderMaintenance();
+ return;
+ }
+ if (name === "focus-huobao-video-config") {
+ captureMainAgentLandingContext(action, "goto-automation");
+ focusAutomationHealthWorkspace("integration-huobao-anchor");
+ return;
+ }
if (name === "goto-strategy") {
captureMainAgentLandingContext(action, "goto-strategy");
setScreen("strategy");
@@ -13258,15 +13321,7 @@ document.addEventListener("click", async (event) => {
}
if (name === "open-ai-video") {
const fallbackJob = getLatestCompletedProjectJob();
- if (fallbackJob?.id) {
- await runDirectWorkbenchAction("create-ai-video", {
- busyLabel: "正在创建 AI 视频任务...",
- errorTitle: "创建 AI 视频任务失败",
- payload: { source_job_id: fallbackJob.id }
- });
- return;
- }
- openCreateAiVideoAction();
+ openCreateAiVideoAction(fallbackJob?.id ? { sourceJobId: fallbackJob.id, sourceJob: fallbackJob } : {});
return;
}
if (name === "direct-create-ai-video") {
@@ -13282,15 +13337,7 @@ document.addEventListener("click", async (event) => {
}
if (name === "open-real-cut") {
const fallbackJob = getLatestCompletedProjectJob();
- if (fallbackJob?.id) {
- await runDirectWorkbenchAction("create-real-cut", {
- busyLabel: "正在创建实拍剪辑任务...",
- errorTitle: "创建实拍剪辑任务失败",
- payload: { source_job_id: fallbackJob.id }
- });
- return;
- }
- openCreateRealCutAction();
+ openCreateRealCutAction(fallbackJob?.id ? { sourceJobId: fallbackJob.id, sourceJob: fallbackJob } : {});
return;
}
if (name === "direct-create-real-cut") {
diff --git a/web/storyforge-web-v4/tests/workbench-pages.test.mjs b/web/storyforge-web-v4/tests/workbench-pages.test.mjs
index 5a42d17..b7dcf08 100644
--- a/web/storyforge-web-v4/tests/workbench-pages.test.mjs
+++ b/web/storyforge-web-v4/tests/workbench-pages.test.mjs
@@ -254,6 +254,7 @@ test("discovery, production, and admin screens use page tabs for heavy content",
assert.match(discovery, /renderDetailTabs\("discoveryDetailTab"/);
assert.match(production, /renderDetailTabs\("productionDetailTab"/);
+ assert.match(production, /value: "recorder", label: "视频录制"/);
assert.match(admin, /renderDetailTabs\("adminWorkbenchTab"/);
assert.match(admin, /renderAdminGovernanceSummaryPanel\(/);
assert.match(admin, /覆盖与审计/);
@@ -417,8 +418,8 @@ test("pipeline follow-up tags route source-job actions through direct execute ha
const pipelineGuards = extractBetween(APP, "const PIPELINE_GUARDS = {", "const ONELINER_INTENT_LABELS = {");
const clickActions = extractBetween(APP, "document.addEventListener(\"click\", async (event) => {", "document.addEventListener(\"submit\", async (event) => {");
- assert.match(pipelineGuards, /openAction:\s*"direct-create-ai-video"/);
- assert.match(pipelineGuards, /openAction:\s*"direct-create-real-cut"/);
+ assert.match(pipelineGuards, /openAction:\s*"open-ai-video"/);
+ assert.match(pipelineGuards, /openAction:\s*"open-real-cut"/);
assert.match(pipelineGuards, /jobAction:\s*"direct-create-ai-video"/);
assert.match(pipelineGuards, /jobAction:\s*"direct-create-real-cut"/);
assert.match(clickActions, /name === "direct-create-ai-video"[\s\S]*if \(action\.dataset\.jobId\) \{[\s\S]*closeActionModal\(\);/);
@@ -472,6 +473,7 @@ test("discovery and production screens expose mobile focus cards with next-step
test("mobile discovery and production simplify duplicated top-level actions", () => {
const discovery = extractBetween(APP, "function renderDiscoveryScreen()", "function renderTrackingScreen()");
const production = extractBetween(APP, "function renderProductionScreen()", "function renderReviewScreen()");
+ const clickActions = extractBetween(APP, "document.addEventListener(\"click\", async (event) => {", "navButtons.forEach((button) => {");
assert.match(APP, /function isMobileViewport\(\)/);
assert.match(discovery, /const isMobileUi = isMobileViewport\(\);/);
@@ -482,8 +484,10 @@ test("mobile discovery and production simplify duplicated top-level actions", ()
assert.match(discovery, /saveBenchmarkActionName = similarCandidates\.length \? "direct-save-benchmark-link" : "open-benchmark-link"/);
assert.match(production, /const isMobileUi = isMobileViewport\(\);/);
assert.match(production, /const productionActionsHtml = isMobileUi/);
+ assert.match(production, /button\("视频录制", "focus-live-recorder-maintenance", "secondary"\)/);
assert.match(production, /button\("交给主 Agent", "handoff-to-main-agent"/);
assert.match(production, /button\("去复盘", "goto-review", "primary"\)/);
+ assert.match(clickActions, /name === "focus-live-recorder-maintenance"[\s\S]*captureMainAgentLandingContext\(action,\s*"goto-production"\);[\s\S]*focusLiveRecorderMaintenance\(\)/);
});
test("discovery page promotes selected-account actions into direct execute flows", () => {
@@ -1080,6 +1084,8 @@ test("playbook and review high-frequency actions now reuse direct execute handle
const playbook = extractBetween(APP, "function renderPlaybookScreen()", "function renderProductionScreen()");
const review = extractBetween(APP, "function renderReviewScreen()", "function renderStrategyScreen()");
const clickActions = extractBetween(APP, "document.addEventListener(\"click\", async (event) => {", "document.addEventListener(\"submit\", async (event) => {");
+ const openAiVideoBlock = extractBetween(clickActions, 'if (name === "open-ai-video") {', 'if (name === "direct-create-ai-video") {');
+ const openRealCutBlock = extractBetween(clickActions, 'if (name === "open-real-cut") {', 'if (name === "direct-create-real-cut") {');
assert.match(playbook, /direct-create-assistant/);
assert.match(review, /direct-review-draft/);
assert.match(APP, /payload: action\.dataset\.jobId \? \{ source_job_id: action\.dataset\.jobId \} : \{\}/);
@@ -1091,12 +1097,12 @@ test("playbook and review high-frequency actions now reuse direct execute handle
assert.match(clickActions, /name === "open-generate-copy"[\s\S]*openGenerateCopyAction\(\)/);
assert.match(clickActions, /name === "open-review-from-job"[\s\S]*runDirectWorkbenchAction\("review-draft"/);
assert.match(clickActions, /name === "open-review-from-job"[\s\S]*payload: \{ source_job_id: jobId \}/);
- assert.match(clickActions, /name === "open-ai-video"[\s\S]*const fallbackJob = getLatestCompletedProjectJob\(\)/);
- assert.match(clickActions, /name === "open-ai-video"[\s\S]*runDirectWorkbenchAction\("create-ai-video"/);
- assert.match(clickActions, /name === "open-ai-video"[\s\S]*openCreateAiVideoAction\(\)/);
- assert.match(clickActions, /name === "open-real-cut"[\s\S]*const fallbackJob = getLatestCompletedProjectJob\(\)/);
- assert.match(clickActions, /name === "open-real-cut"[\s\S]*runDirectWorkbenchAction\("create-real-cut"/);
- assert.match(clickActions, /name === "open-real-cut"[\s\S]*openCreateRealCutAction\(\)/);
+ assert.match(openAiVideoBlock, /const fallbackJob = getLatestCompletedProjectJob\(\)/);
+ assert.match(openAiVideoBlock, /openCreateAiVideoAction\(/);
+ assert.doesNotMatch(openAiVideoBlock, /runDirectWorkbenchAction\("create-ai-video"/);
+ assert.match(openRealCutBlock, /const fallbackJob = getLatestCompletedProjectJob\(\)/);
+ assert.match(openRealCutBlock, /openCreateRealCutAction\(/);
+ assert.doesNotMatch(openRealCutBlock, /runDirectWorkbenchAction\("create-real-cut"/);
assert.match(clickActions, /name === "open-create-assistant"[\s\S]*const project = getSelectedProject\(\)/);
assert.match(clickActions, /name === "open-create-assistant"[\s\S]*runDirectWorkbenchAction\("create-assistant"/);
assert.match(clickActions, /name === "open-create-assistant"[\s\S]*openCreateAssistantAction\(\)/);
@@ -1105,6 +1111,23 @@ test("playbook and review high-frequency actions now reuse direct execute handle
assert.match(clickActions, /name === "open-import-homepage"[\s\S]*openImportHomepageAction\(\)/);
});
+test("ai video form explains where Seedance 火山配置 lives", () => {
+ const clickActions = extractBetween(
+ APP,
+ 'document.addEventListener("click", async (event) => {',
+ 'navButtons.forEach((button) => {'
+ );
+ assert.match(APP, /function renderAiVideoProviderHintHtml\(provider = "doubao"\)/);
+ assert.match(APP, /Seedance 2\.0 走火山视频配置/);
+ assert.match(APP, /\/settings\/ai-config/);
+ assert.match(APP, /视频 -> 火山引擎/);
+ assert.match(APP, /HUOBAO_VIDEO_API_KEY/);
+ assert.match(APP, /data-action="focus-huobao-video-config"/);
+ assert.match(APP, /id="integration-\$\{escapeHtml\(item\.key\)\}-anchor"/);
+ assert.match(APP, /function focusAutomationHealthWorkspace\(anchorId = "integration-huobao-anchor"\)/);
+ assert.match(clickActions, /name === "focus-huobao-video-config"[\s\S]*focusAutomationHealthWorkspace\("integration-huobao-anchor"\)/);
+});
+
test("main agent landing notices expose a compact mobile follow-up strip", () => {
const landing = extractBetween(APP, "function renderMainAgentLandingNotice(screenKey)", "function renderEmptyState(title, description)");
assert.match(landing, /mobile-only compact-summary-row/);