{r.tab === "cli" ? {t(r.kind)} : }
{r.tab === "cli" ? t("高危 CLI") : actLabel(r.actKey)}
{r.when}
{meta.map(([k, v]) => (
{k}
{v}
))}
{r.tab === "cli" && (
{r.detail.missing_permission && {t("缺權限")} {r.detail.missing_permission}}
{r.detail.backup && {t("已備份")}}
{r.detail.api && {r.detail.api}}
{r.detail.mode && {t("模式")} {r.detail.mode}}
)}
{blocks.map(([k, v]) => (
))}
{t("直接吩咐秘書")}
{t("頁面只讀 · 追查與處置交秘書,全程留痕。")}
);
};
/* ── 頁面 ── */
const Page = () => {
const [logs, setLogs] = _s(null); // /api/audit/logs → {rows, summary}
const [cli, setCli] = _s(null); // /api/audit/cli → {rows, summary}
const [tick, setTick] = _s(0);
const [tab, setTab] = _s("all");
const [q, setQ] = _s("");
const [act, setAct] = _s("all");
const [op, setOp] = _s("all");
const [sel, setSel] = _s(null);
_e(() => {
W2.json("/api/audit/logs?limit=500").then(d => setLogs(d && typeof d === "object" ? d : {})).catch(() => setLogs({}));
W2.json("/api/audit/cli?limit=500").then(d => setCli(d && typeof d === "object" ? d : {})).catch(() => setCli({}));
}, [tick]);
_e(() => {
const h = (e) => { if (e.key === "Escape") setSel(null); };
window.addEventListener("keydown", h);
return () => window.removeEventListener("keydown", h);
}, []);
const busy = logs === null || cli === null;
const lsum = (logs && logs.summary) || {};
const csum = (cli && cli.summary) || {};
const logRows = _mm(() => (logs && Array.isArray(logs.rows) ? logs.rows : []).map((r, i) => ({
key: "a" + (r && r.id != null ? r.id : "i" + i), tab: "all",
when: S(r.occurred_at || r.created_at),
opName: S(r.operator_name || r.actor),
role: r.operator_role, level: r.permission_level,
actKey: r.action || "", entity: r.entity_type, entityId: r.entity_id,
source: r.source || "system", status: r.operation_status || "completed",
command: "", kind: "", detail: {}, raw: r || {},
})), [logs]);
const cliRows = _mm(() => (cli && Array.isArray(cli.rows) ? cli.rows : []).map((r, i) => ({
key: "c" + (r && r.id != null ? r.id : "i" + i), tab: "cli",
when: S(r.when), opName: S(r.operator), role: r.role, level: r.level,
kind: S(r.kind), command: r.command || "",
write: r.write, status: r.status || "completed", source: r.source || "system",
actKey: r.kind_key || "", entity: "", entityId: "",
detail: (r.detail && typeof r.detail === "object") ? r.detail : {}, raw: r || {},
})), [cli]);
const rows = tab === "all" ? logRows : cliRows;
const actKeyOf = (r) => tab === "all" ? (r.actKey || "—") : (r.kind || "—");
const actChips = _mm(() => {
const m = {};
rows.forEach(r => { const k = actKeyOf(r); m[k] = (m[k] || 0) + 1; });
return Object.entries(m).sort((a, b) => b[1] - a[1]).slice(0, 7);
}, [rows, tab]);
const opChips = _mm(() => {
const m = {};
rows.forEach(r => { if (r.opName && r.opName !== "—") m[r.opName] = (m[r.opName] || 0) + 1; });
return Object.entries(m).sort((a, b) => b[1] - a[1]).slice(0, 6);
}, [rows, tab]);
const shown = _mm(() => {
let arr = rows;
if (act !== "all") arr = arr.filter(r => actKeyOf(r) === act);
if (op !== "all") arr = arr.filter(r => r.opName === op);
const s = q.trim().toLowerCase();
if (s) arr = arr.filter(r =>
[r.opName, r.actKey, r.kind, r.entity, r.entityId, r.command, r.when, r.source, r.status]
.map(x => String(x || "")).join(" ").toLowerCase().includes(s));
return arr;
}, [rows, act, op, q, tab]);
const CAP = 150;
const visible = shown.slice(0, CAP);
const switchTab = (k) => { setTab(k); setAct("all"); setOp("all"); setSel(null); };
const aiCnt = logRows.filter(r => String(r.source).toLowerCase() === "ai").length;
const total = num(lsum.total) || logRows.length;
const writes = num(lsum.writes);
const failed = num(lsum.failed) + num(csum.failed);
const cliTotal = num(csum.total) || cliRows.length;
const denied = num(csum.denied);
const opsAll = _mm(() => {
const m = {};
logRows.concat(cliRows).forEach(r => { if (r.opName && r.opName !== "—") m[r.opName] = (m[r.opName] || 0) + 1; });
return Object.entries(m).sort((a, b) => b[1] - a[1]).slice(0, 6);
}, [logRows, cliRows]);
const opsTotal = logRows.length + cliRows.length;
return (<>
setTick(v => v + 1)}>{t("刷新")}
ask(t("把最近的審計日誌審一遍:標出異常操作、失敗操作和高危 CLI,給我一份審計簡報"))}>{t("審計簡報")}
}/>
{t("最新")} {S(lsum.latest)}}/>
{t("AI 來源 {n} 條", { n: aiCnt })}}/>
0} delay={.1}
foot={failed > 0
?
: {t("全部成功")}}/>
0} delay={.15}
foot={denied > 0
?
: {t("無越權")}}/>
{!!rows.length && (
{t("類型")}
{actChips.map(([k, c]) => (
))}
{t("人員")}
{opChips.map(([k, c]) => (
))}
)}
{visible.map((r, i) => (
setSel(sel && sel.key === r.key ? null : r)}>
{pad2(i + 1)}
{r.when}
{tab === "all" ? (
{actLabel(r.actKey)}
{S(r.entity)}{r.entityId ? " · " + r.entityId : ""}
) : (
{r.command || "—"}
{t(r.kind)}
)}
{r.opName}
{S(r.role)} · L{S(r.level)}
{tab === "all" ?
: }
{ e.stopPropagation(); ask(explainPrompt(r)); }}>{t("解釋")}
))}
{!visible.length && (busy
?
{t("讀取中…")}
: rows.length
?
: ask(t("最近系統裡發生了什麼操作?幫我查審計日誌"))}>{t("問秘書")}}/>)}
{shown.length > CAP && (
{t("僅顯示最近 {n} 條 · 更早的記錄請吩咐秘書調取", { n: CAP })}
)}
{sel &&
setSel(null)}/>}
{opsAll.length ? (
{opsAll.map(([name, cnt]) => (
ask(tracePrompt(name))}>{t("追查")}
))}