Files
UHD_Media_Tool/apps/web/app/components/schedules/runs-sheet.tsx
T
rootandClaude Opus 5.5 4480fc346d refactor(copy): 术语统一——收录版本、模型服务、智能体等(DEAI-2)
- 版本目标 → 收录版本(前后端用户可见字符串、能力描述、给模型的提示)
- Agent 上游 / 上游 → 模型服务;界面上的 Agent / Agent 会话 → 智能体 / 智能体会话
- 身份歧义 / 识别有歧义 / 无法确定作品 → 没识别出作品;待识别(池) → 未识别
- 建档 → 加入媒体库;资产 → 文件;库根 → 媒体库目录;纳管 → 本工具 / 外部任务;
  哨兵 → 标记文件 / 检查目录;站点快照 → 抓取;Feed / RSS 订阅 / 来源健康 → RSS
- 代码标识符、API 字段名、迁移文件不改;glossary.md 同步;smoke 选择器跟随

Co-Authored-By: Claude Opus 5.5 <[email protected]>
2026-09-29 20:35:43 +08:00

66 lines
2.9 KiB
TypeScript

import type { ScheduledJob } from "@umt/contracts";
import { History } from "lucide-react";
import { Link } from "react-router";
import { useScheduleRuns } from "~/api/schedules.ts";
import { DetailSheet } from "~/components/console/detail-sheet.tsx";
import { EmptyState, ErrorState, LoadingState } from "~/components/console/empty-state.tsx";
import { consolePath } from "~/components/console/nav.ts";
import { StatusBadge } from "~/components/console/status-badge.tsx";
import { agentRunLabel } from "~/lib/labels.ts";
import { describeSchedule, formatClock, formatMs, RUN_STATUS, TRIGGER_LABEL } from "./labels.ts";
/** 历史抽屉:最近 50 次运行(新→旧) */
export function RunsSheet({ job, onClose }: { job: ScheduledJob | null; onClose: () => void }) {
const runs = useScheduleRuns(job?.id ?? null);
const items = runs.data?.items ?? [];
return (
<DetailSheet
open={!!job}
onOpenChange={(o) => !o && onClose()}
title={job ? `${job.name} · 运行记录` : "运行记录"}
description={
job ? `${describeSchedule(job.schedule)} · 累计 ${job.runCount} 次,失败 ${job.failCount} 次` : undefined
}
>
{runs.isPending ? (
<LoadingState rows={5} />
) : runs.isError ? (
<ErrorState plain error={runs.error} onRetry={() => runs.refetch()} />
) : items.length === 0 ? (
<EmptyState plain icon={History} title="还没有运行记录" />
) : (
<ol className="grid gap-2">
{items.map((r) => {
const s = RUN_STATUS[r.status];
return (
<li key={r.id} className="grid gap-1 rounded-tight border border-border/70 px-3 py-2">
<div className="flex flex-wrap items-center gap-x-2 gap-y-1 text-meta text-muted-foreground">
<StatusBadge tone={s.tone}>{s.label}</StatusBadge>
<span>{TRIGGER_LABEL[r.trigger]}</span>
<span className="tabular-nums" title={r.startedAt}>
{formatClock(r.startedAt)}
</span>
<span className="ml-auto tabular-nums">{formatMs(r.durationMs)}</span>
</div>
{r.error ? (
<p className="text-caption break-words text-destructive">{r.error}</p>
) : r.summary ? (
<p className="text-caption break-words text-foreground">{r.summary}</p>
) : null}
{r.agentRunId ? (
<Link
to={consolePath("agent", r.agentRunId)}
className="w-fit text-meta text-muted-foreground underline-offset-2 hover:text-foreground hover:underline"
>
查看智能体会话{r.agentStatus ? `(${agentRunLabel(r.agentStatus).label})` : ""}
</Link>
) : null}
</li>
);
})}
</ol>
)}
</DetailSheet>
);
}