-
+
+ domEvent.stopPropagation(),
- items: [
- { key: "export", icon:
+
-
{editing ? (
event.stopPropagation()} onChange={(event) => setEditingTitle(event.target.value)} onKeyDown={(event) => event.key === "Enter" && saveTitle()} autoFocus />
) : (
)}
{editing ? (
@@ -70,27 +70,30 @@ export function CanvasProjectCard({ project, projectName, variant = "library" }:
) : (
- event.stopPropagation()}>
+
+ domEvent.stopPropagation(),
+ items: [
+ { key: "export", icon:
+
)}
+
);
diff --git a/web/src/components/canvas/canvas-script-node.tsx b/web/src/components/canvas/canvas-script-node.tsx
index 168eebcd1..f676549af 100644
--- a/web/src/components/canvas/canvas-script-node.tsx
+++ b/web/src/components/canvas/canvas-script-node.tsx
@@ -8,7 +8,7 @@ import { ModelPicker } from "@/components/model-picker";
import { buildGenerationConfig } from "@/lib/canvas/canvas-project-generation";
import type { CanvasResourceReference } from "@/lib/canvas/canvas-resource-references";
import { pipelineStatusLabel, type CanvasStoryboardPipelineProgress, type StoryboardPipelineStage } from "@/lib/canvas/canvas-storyboard-progress";
-import { isContentModerationError } from "@/lib/generation-error";
+import { generationErrorMessage, isContentModerationError } from "@/lib/generation-error";
import { navigateToSettings } from "@/lib/settings-navigation";
import { canvasThemes } from "@/lib/canvas-theme";
import { useEffectiveConfig } from "@/stores/use-config-store";
@@ -106,7 +106,7 @@ export function CanvasScriptNodeContent({ node, batch, pipeline, scale, mentionR
const hasActiveBatchItems = Boolean(batch?.items.some((item) => item.status === "waiting" || item.status === "submitting" || item.status === "queued" || item.status === "running"));
const taskFeedback = node.metadata?.status === "loading"
? `${node.metadata.taskStage || "正在创建任务"}${typeof node.metadata.taskProgress === "number" ? ` · ${node.metadata.taskProgress}%` : ""}`
- : node.metadata?.status === "error" ? node.metadata.errorDetails : "";
+ : node.metadata?.status === "error" ? generationErrorMessage(node.metadata.errorDetails) : "";
const submitPrompt = () => {
const value = prompt.trim();
if (value && node.metadata?.status !== "loading") onGenerateScript(value);
@@ -344,7 +344,7 @@ function GenerationBatchDetails({ batch, rows, onRetryItem, onCancelItem }: { ba
const requiresPromptChange = isContentModerationError(item.errorDetails);
return
{projectName || "自由画布"}
- {project.connections.length} 条连线
+
+ {project.connections.length} 条连线
- 更新于 {formatProjectTime(project.updatedAt)}
+更新于 {formatProjectTime(project.updatedAt)}
镜头 {shotByRowId.get(item.rowId) || "--"}
- {generationBatchItemLabel(item)}{item.retryCount ? ` · 重试 ${item.retryCount}` : ""}
+ {generationBatchItemLabel(item)}{item.retryCount ? ` · 重试 ${item.retryCount}` : ""}
{item.status === "failed" ?
;
diff --git a/web/src/components/layout/workspace-page.tsx b/web/src/components/layout/workspace-page.tsx
index daeb56798..7bab30864 100644
--- a/web/src/components/layout/workspace-page.tsx
+++ b/web/src/components/layout/workspace-page.tsx
@@ -31,9 +31,9 @@ export function PageHeader({ title, description, meta, actions, icon }: { title:
);
}
-export function ListToolbar({ children, trailing, active, onReset }: { children: ReactNode; trailing?: ReactNode; active?: boolean; onReset?: () => void }) {
+export function ListToolbar({ children, trailing, active, onReset, className }: { children: ReactNode; trailing?: ReactNode; active?: boolean; onReset?: () => void; className?: string }) {
return (
-
+
{children}
{active && onReset ? } onClick={onReset}>重置 : null}
diff --git a/web/src/components/model-picker.tsx b/web/src/components/model-picker.tsx
index c07f13852..e0bde0fb1 100644
--- a/web/src/components/model-picker.tsx
+++ b/web/src/components/model-picker.tsx
@@ -124,7 +124,7 @@ export function ModelPicker({ config, value, onChange, capability, className, fu
window.requestAnimationFrame(() => triggerRef.current?.focus());
}}
>
- ;
+ if (record.error && typeof record.error === "object") {
+ const nested = providerPayloadMessage(record.error);
+ if (nested) return nested;
+ }
+ for (const key of ["message", "msg", "detail"] as const) {
+ const value = record[key];
+ if (typeof value === "string" && value.trim()) return value.trim();
+ }
+ return typeof record.error === "string" ? record.error.trim() : "";
+}
+
+function isNetworkFailure(value: string) {
+ return /\b(?:dial tcp|connection refused|connection reset|no such host|i\/o timeout|context deadline exceeded|network error|failed to fetch|fetch failed|socket hang up|econnrefused|econnreset|etimedout)\b/i.test(value);
+}
+
+function hasHttpStatus(value: string, ...statuses: number[]) {
+ return statuses.some((status) => new RegExp(`\\b${status}\\b`).test(value));
+}
+
+function containsInfrastructureDetails(value: string) {
+ return /(?:接口请求失败|Request failed with status code|https?:\/\/|\b(?:GET|POST|PUT|PATCH|DELETE)\s+["']?|Bad Gateway|Service Unavailable|Gateway Timeout|upstream_error)/i.test(value);
+}
diff --git a/web/src/pages/canvas/canvas-project-status-dialogs.tsx b/web/src/pages/canvas/canvas-project-status-dialogs.tsx
index 716c16d05..e389ad92f 100644
--- a/web/src/pages/canvas/canvas-project-status-dialogs.tsx
+++ b/web/src/pages/canvas/canvas-project-status-dialogs.tsx
@@ -4,6 +4,7 @@ import { TaskDetailItem, taskStatusText } from "./canvas-project-feedback";
import type { GenerationTask, TaskLog } from "@/services/api/task-center";
import { CanvasNodeType, type CanvasNodeData } from "@/types/canvas";
import { VideoPlayer } from "@/components/video-player";
+import { modelDisplayName, useEffectiveConfig } from "@/stores/use-config-store";
type CanvasProjectStatusDialogsProps = {
theme: { node: { stroke: string; panel: string; muted: string; fill: string } };
@@ -21,6 +22,7 @@ type CanvasProjectStatusDialogsProps = {
};
export function CanvasProjectStatusDialogs({ theme, task, taskLogs, taskLoading, superResolveNode, previewNode, clearConfirmOpen, onCloseTask, onCloseSuperResolve, onClosePreview, onCancelClear, onConfirmClear }: CanvasProjectStatusDialogsProps) {
+ const config = useEffectiveConfig();
return (
<>
@@ -29,7 +31,7 @@ export function CanvasProjectStatusDialogs({ theme, task, taskLogs, taskLoading,
diff --git a/web/src/pages/canvas/index.tsx b/web/src/pages/canvas/index.tsx
index da3f73e8d..809cb93eb 100644
--- a/web/src/pages/canvas/index.tsx
+++ b/web/src/pages/canvas/index.tsx
@@ -154,11 +154,12 @@ export default function CanvasPage() {
/>
显示 {visibleProjects.length} / {filteredProjects.length}}
onReset={() => { setKeyword(""); setProjectFilter("all"); setSort("updated"); setPage(1); }}
>
-
+
} value={keyword} placeholder="搜索画布" aria-label="搜索画布" onChange={(event) => { setKeyword(event.target.value); setPage(1); }} />