- {({ reporter: "报告 Agent", human: "人工", system: "系统" } as Record)[e.actor] ??
- e.actor}{" "}
+ {(
+ {
+ reporter: ui("screen.2181e612bd0b2b"),
+ human: ui("screen.f21f45e7986472"),
+ system: ui("screen.5b50d7c4b5950d"),
+ } as Record
+ )[e.actor] ?? e.actor}{" "}
·{" "}
{(
{
- merge: "归并",
- detach: "移出成员",
- member_deleted: "成员移出或删除",
- report_updated: "更新统一报告",
+ merge: ui("screen.c63a1da7b7ad44"),
+ detach: ui("screen.71bc4e9f153b8e"),
+ member_deleted: ui("screen.27c02ea4653866"),
+ report_updated: ui("screen.43a4e2bb711282"),
} as Record
)[e.action] ?? e.action}{" "}
- · {new Date(e.created_at).toLocaleString("zh-CN")}
+ · {new Date(e.created_at).toLocaleString(ui("screen.91610255157661"))}
{e.reason}
diff --git a/web/src/app/(main)/function/findings/detail/lineage.tsx b/web/src/app/(main)/function/findings/detail/lineage.tsx
index 2bb1b8c..cf803b2 100644
--- a/web/src/app/(main)/function/findings/detail/lineage.tsx
+++ b/web/src/app/(main)/function/findings/detail/lineage.tsx
@@ -1,8 +1,8 @@
"use client";
-
import * as React from "react";
import { ExplorationGraph } from "@/components/exploration-graph";
+import { useUITranslation } from "@/i18n/use-ui-translation";
import { api } from "@/lib/api";
import type { Edge, TaskNode } from "@/lib/types";
@@ -10,6 +10,8 @@ import type { Edge, TaskNode } from "@/lib/types";
// node down to this finding's node — the same 攻击链路图 canvas as the task graph,
// scoped to just this finding's lineage.
export function FindingLineageView({ findingId }: { findingId: string }) {
+ const { ui } = useUITranslation();
+
const [nodes, setNodes] = React.useState([]);
const [edges, setEdges] = React.useState([]);
const [loaded, setLoaded] = React.useState(false);
@@ -33,11 +35,7 @@ export function FindingLineageView({ findingId }: { findingId: string }) {
}, [findingId]);
if (loaded && nodes.length === 0) {
- return (
-
- 无链路可展示（该漏洞未关联探索节点，或所属任务已删除）。
-
- );
+ return {ui("screen.081f5367ee5cc5")}
;
}
return (
@@ -45,7 +43,7 @@ export function FindingLineageView({ findingId }: { findingId: string }) {
nodes={nodes}
edges={edges}
className="h-[68vh]"
- emptyHint={loaded ? "无链路" : "加载中…"}
+ emptyHint={loaded ? ui("screen.8a14e9e5a50155") : ui("screen.4927a53bcc886a")}
/>
);
}
diff --git a/web/src/app/(main)/function/findings/detail/page.tsx b/web/src/app/(main)/function/findings/detail/page.tsx
index f8db407..35d959c 100644
--- a/web/src/app/(main)/function/findings/detail/page.tsx
+++ b/web/src/app/(main)/function/findings/detail/page.tsx
@@ -1,11 +1,11 @@
"use client";
-
import * as React from "react";
import Link from "next/link";
import { useSearchParams } from "next/navigation";
import { ArrowLeftIcon, ArrowUpRightIcon, BotIcon, FileTextIcon, Loader2Icon, ShieldAlertIcon } from "lucide-react";
+import { useTranslation } from "react-i18next";
import { toast } from "sonner";
import { CopyButton } from "@/components/copy-button";
@@ -23,6 +23,7 @@ import { Select, SelectContent, SelectGroup, SelectItem, SelectTrigger } from "@
import { Separator } from "@/components/ui/separator";
import { SidebarTrigger } from "@/components/ui/sidebar";
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
+import { type UITranslate, useUITranslation } from "@/i18n/use-ui-translation";
import { api } from "@/lib/api";
import { statusMeta } from "@/lib/status";
import type { Finding, FindingStatus, Severity } from "@/lib/types";
@@ -42,8 +43,8 @@ const FINDING_STATUSES: FindingStatus[] = [
"risk_accepted",
];
-function fmtTime(ts: string) {
- return new Date(ts).toLocaleString("zh-CN");
+function fmtTime(ts: string, ui: UITranslate) {
+ return new Date(ts).toLocaleString(ui("screen.91610255157661"));
}
function usesStructuredReproduction(report: string) {
@@ -63,6 +64,9 @@ function FieldRow({ label, children }: { label: string; children: React.ReactNod
}
function FindingDetailInner() {
+ const { ui, liveUI } = useUITranslation();
+
+ const { t } = useTranslation();
const searchParams = useSearchParams();
const id = searchParams.get("id") ?? "";
const contextTaskId = searchParams.get("context_task") ?? "";
@@ -73,7 +77,7 @@ function FindingDetailInner() {
const [reportGenerating, setReportGenerating] = React.useState(false);
const [autoChatOpen, setAutoChatOpen] = React.useState(false);
const [reportChatOpen, setReportChatOpen] = React.useState(false);
- const title = finding?.name || finding?.vulnclass || "未分类";
+ const title = finding?.name || finding?.vulnclass || ui("screen.54b89f90127458");
const load = React.useCallback(() => {
if (!id) {
@@ -98,13 +102,13 @@ function FindingDetailInner() {
try {
const updated = await api.setFindingSeverity(id, next);
setFinding(updated);
- toast.success(`严重等级已改为「${statusMeta("severity", next).label}」`);
+ toast.success(liveUI("screen.2ef0f1dd23335c", { v0: statusMeta("severity", next, t).label }));
} catch (e) {
setFinding((cur) => (cur ? { ...cur, severity: prev } : cur));
- toast.error("更新失败：" + (e as Error).message);
+ toast.error(liveUI("screen.4f2e8a8d4cb328") + (e as Error).message);
}
},
- [finding, id],
+ [finding, id, t, liveUI],
);
const changeStatus = React.useCallback(
@@ -115,13 +119,13 @@ function FindingDetailInner() {
try {
const updated = await api.setFindingStatus(id, next);
setFinding(updated);
- toast.success(`处理状态已改为「${statusMeta("finding", next).label}」`);
+ toast.success(liveUI("screen.96d69e2bc13dcd", { v0: statusMeta("finding", next, t).label }));
} catch (e) {
setFinding((cur) => (cur ? { ...cur, status: prev } : cur));
- toast.error("更新失败：" + (e as Error).message);
+ toast.error(liveUI("screen.4f2e8a8d4cb328") + (e as Error).message);
}
},
- [finding, id],
+ [finding, id, t, liveUI],
);
const generateReport = React.useCallback(async () => {
@@ -129,26 +133,28 @@ function FindingDetailInner() {
setReportGenerating(true);
try {
await api.generateFindingReport(id);
- toast.success("已提交生成请求，报告 Agent 将补全步骤与详细报告");
+ toast.success(liveUI("screen.111a2943460953"));
// The reporter runs asynchronously. Refresh once after it has had a
// chance to persist the report, while keeping the button available if
// the run is delayed or interrupted.
window.setTimeout(() => void load(), 2000);
} catch (e) {
- toast.error("提交生成请求失败：" + (e as Error).message);
+ toast.error(liveUI("screen.e89e7c308d04f7") + (e as Error).message);
} finally {
setReportGenerating(false);
}
- }, [finding, id, load, reportGenerating]);
+ }, [finding, id, load, reportGenerating, liveUI]);
if (!finding) {
return (
-
{loaded ? `未找到发现 ${id}` : "加载中…"}
+
+ {loaded ? ui("screen.ffa4db03812c67", { v0: id }) : ui("screen.4927a53bcc886a")}
+
{loaded && (
)}
@@ -161,268 +167,288 @@ function FindingDetailInner() {
return (
<>
- {/* Sticky header */}
-
-
-
-
-
- {finding.case_id ? (
-
@@ -1137,13 +1156,13 @@ export default function FindingsPage() {