feat(canvas): 前端重构与渠道兼容 - 重构工作区、任务中心等多页面，修复智能体对话与节点生成

Co-authored-by: sikongyue <3155157671@qq.com> Original-PR: https://github.com/ddcat-ai/open-ai-canvas/pull/217
2026-08-14 12:01:21 +08:00
1 parent 239c1bcd37
commit 7946625be9
@@ -0,0 +1,43 @@
+import { FolderKanban, RotateCcw } from "lucide-react";
+
+import { CONTENT_MODERATION_ERROR_CODE, isContentModerationError } from "@/lib/generation-error";
+import type { GenerationTask } from "@/services/api/task-center";
+import { isTaskFailed } from "./task-shared";
+
+export type TaskGroup = { key: string; title: string; projectName: string; tasks: GenerationTask[] };
+
+export function TaskGroupHeader({ group, retrying = false, onRetryFailed }: { group: TaskGroup; retrying?: boolean; onRetryFailed: () => void }) {
+    const succeeded = group.tasks.filter((task) => task.status === "succeeded").length;
+    const active = group.tasks.filter((task) => task.status === "queued" || task.status === "running").length;
+    const failed = group.tasks.filter((task) => isTaskFailed(task) && task.errorCode !== CONTENT_MODERATION_ERROR_CODE && !isContentModerationError(task.error)).length;
+    const title = group.projectName ? `${group.title} · ${group.projectName}` : group.title;
+    return (
+        <div className="task-group-head">
+            <span className="task-group-ic">
+                <FolderKanban />
+            </span>
+            <div className="min-w-0">
+                <div className="task-group-name">
+                    <span>{title}</span>
+                    <span className="task-group-count">
+                        共 {group.tasks.length} 项 · 完成 {succeeded}
+                    </span>
+                </div>
+                <span className="task-group-sub">
+                    {active ? <span>{active} 运行中</span> : null}
+                    {active && failed ? <span aria-hidden="true"> · </span> : null}
+                    {failed ? <b className="is-bad">{failed} 失败</b> : null}
+                    {(active || failed) && succeeded ? <span aria-hidden="true"> · </span> : null}
+                    {succeeded ? <span>{succeeded} 已完成</span> : null}
+                    {!active && !failed && !succeeded ? "暂无进行中的任务" : null}
+                </span>
+            </div>
+            {failed ? (
+                <button type="button" className="task-group-reset" disabled={retrying} onClick={onRetryFailed}>
+                    <RotateCcw className={retrying ? "animate-spin" : undefined} />
+                    {retrying ? "重试中..." : "重试失败任务"}
+                </button>
+            ) : null}
+        </div>
+    );
+}