rootandClaude Opus 5.5
f0d4935fa7
- 新增 TechInfo 折叠组件(默认收起,标题「技术信息」);设置新增「界面」分区, 「默认展开技术信息」开关存本机浏览器 - 原因码表 @umt/contracts reasons.ts(identity_unknown、blocked:target_exists、below_min_size… → 一句人话 + 下一步),服务端整理记录 message 与冲突事项标题/摘要改用它 - 整理记录列表/详情、下载详情与时间线:原码、ID、hash、用时、变更序号进技术信息; 下载完成但入库失败时单独提示;时间线只列有记录的阶段,标题改「经过」 - 待处理:没识别出作品类事项主按钮「指定作品」(搜媒体库 + TMDB,走已有 resolve; 整理类事项打开重新整理),忽略为次要;去掉正常态徽章与「实时」指示;原始证据改「详细信息」进技术信息 - 整理成功后同时关闭该下载的「没识别出作品」事项 Co-Authored-By: Claude Opus 5.5 <[email protected]>
68 lines
2.5 KiB
TypeScript
68 lines
2.5 KiB
TypeScript
import { ExternalLink } from "lucide-react";
|
|
import { Link } from "react-router";
|
|
import type { TimelineEvent, TimelineStage } from "~/api/tasks.ts";
|
|
import { LoadingState } from "~/components/console/empty-state.tsx";
|
|
import { StatusBadge } from "~/components/console/status-badge.tsx";
|
|
import { Timeline } from "~/components/console/timeline.tsx";
|
|
|
|
// 业务时间线(参考 MovieClaw task-activity):把观察 → 计划 → 下载 → 整理 → Agent 串成一个业务过程,
|
|
// 阶段计数与首页/侧栏同口径;每条事件都有文字说明,不只靠颜色。
|
|
|
|
export const STAGE_LABEL: Record<TimelineStage, string> = {
|
|
observation: "发现",
|
|
plan: "计划",
|
|
download: "下载",
|
|
organization: "整理",
|
|
agent: "智能体",
|
|
engine: "任务",
|
|
};
|
|
|
|
const ORDER: TimelineStage[] = ["observation", "plan", "download", "organization", "agent", "engine"];
|
|
|
|
export function BusinessTimeline({ events, loading }: { events: TimelineEvent[]; loading?: boolean }) {
|
|
const counts = new Map<TimelineStage, number>();
|
|
for (const e of events) counts.set(e.stage, (counts.get(e.stage) ?? 0) + 1);
|
|
const ongoing = events.filter((e) => e.ongoing);
|
|
return (
|
|
<div className="space-y-3">
|
|
<div className="flex flex-wrap gap-1.5">
|
|
{ORDER.filter((s) => counts.get(s)).map((s) => {
|
|
const bad = events.some((e) => e.stage === s && e.tone === "destructive");
|
|
return (
|
|
<StatusBadge key={s} tone={bad ? "destructive" : "neutral"}>
|
|
{STAGE_LABEL[s]} · {counts.get(s)}
|
|
</StatusBadge>
|
|
);
|
|
})}
|
|
</div>
|
|
{ongoing.length ? (
|
|
<p className="text-caption text-muted-foreground">当前：{ongoing.map((e) => e.title).join(";")}</p>
|
|
) : null}
|
|
{loading && !events.length ? (
|
|
<LoadingState rows={3} />
|
|
) : (
|
|
<Timeline
|
|
items={events.map((e) => ({
|
|
id: e.key,
|
|
at: e.at,
|
|
tone: e.tone,
|
|
meta: STAGE_LABEL[e.stage],
|
|
title: e.href ? (
|
|
<Link to={e.href} className="inline-flex items-center gap-1 underline-offset-4 hover:underline">
|
|
{e.title}
|
|
<ExternalLink className="h-3 w-3" />
|
|
</Link>
|
|
) : (
|
|
e.title
|
|
),
|
|
description: e.detail ?? undefined,
|
|
}))}
|
|
/>
|
|
)}
|
|
{loading && events.length ? (
|
|
<p className="text-meta text-muted-foreground">正在加载关联的整理记录与引擎运行…</p>
|
|
) : null}
|
|
</div>
|
|
);
|
|
}
|