{t("loading")}
+{t("superAdminOnly")}
+{t("loadFailed")}
+
+
+
+
+ {serviceFields.map((field) => (
+ updateServiceDraft(field.key, value)}
+ />
+ ))}
+
+
+
+
+
+
+ );
+}
+
+function DetailBlock({ title, children }: { title: string; children: React.ReactNode }) {
+ return (
+ {label}
+
+ {value ?? "-"}
+
+ {title}
+{children}
+
+ {loading ? (
+
+
+
+ {detail.textAvailable && detail.decryptedText ? (
+
+
+ ) : null}
+
+ {images.length > 0 ? (
+
+
+ ) : null}
+
+
+
+
+ ) : null}
+
+
+
+ ) : detail && event ? (
+ <>
+ {t("detailText")}
+
+ {detail.decryptedText}
+
+ {t("detailImages")}
+
+ {images.map((image) => (
+ 
+ ))}
+
+ JSON
+
+
+ {JSON.stringify(
+ {
+ event: detail.event,
+ categories: detail.event.categories,
+ categoryScores: detail.categoryScores,
+ textAvailable: detail.textAvailable,
+ imagesAvailable: detail.imagesAvailable,
+ images: detail.images,
+ },
+ null,
+ 2,
+ )}
+
+
+
+ {
+ setResultFilter(value);
+ setPage(1);
+ },
+ options: [
+ { label: t("filters.all"), value: "" },
+ { label: t("results.passed"), value: "passed" },
+ { label: t("results.hit"), value: "hit" },
+ { label: t("results.failedOpen"), value: "failed_open" },
+ ],
+ },
+ {
+ key: "direction",
+ label: t("columns.direction"),
+ value: directionFilter,
+ onValueChange: (value) => {
+ setDirectionFilter(value);
+ setPage(1);
+ },
+ options: [
+ { label: t("filters.all"), value: "" },
+ { label: t("directions.input"), value: "input" },
+ { label: t("directions.output"), value: "output" },
+ ],
+ },
+ ]}
+ loading={loading}
+ onRefresh={() => void load()}
+ />
+
+
+
+
+ {
+ setPageSize(next);
+ setPage(1);
+ }}
+ />
+
+ setSelectedEventID("")}
+ />
+
+ );
+}
diff --git a/frontend/features/admin/components/sections/shared/settings-runtime-panel.tsx b/frontend/features/admin/components/sections/shared/settings-runtime-panel.tsx
index 10eb97bdc..520f4e5b2 100644
--- a/frontend/features/admin/components/sections/shared/settings-runtime-panel.tsx
+++ b/frontend/features/admin/components/sections/shared/settings-runtime-panel.tsx
@@ -1,9 +1,9 @@
"use client";
-import * as React from "react";
import { BugPlay, Pause, Play, RefreshCw } from "lucide-react";
import { motion } from "motion/react";
import { useTranslations } from "next-intl";
+import * as React from "react";
import { Badge } from "@/components/ui/badge";
import { Button } from "@/components/ui/button";
@@ -145,10 +145,11 @@ const RUNTIME_ICON_MAP = {
} as const;
function resolveRuntimeStatusKey(status?: string): ServiceRuntimeStatusKey {
- return status === "running" ? "running" : "stopped";
+ return status === "running" || status === "available" ? "running" : "stopped";
}
type RuntimeStatusLabels = {
+ available: string;
running: string;
restarting: string;
created: string;
@@ -163,6 +164,8 @@ type RuntimeStatusLabels = {
function resolveRuntimeStatusLabel(status: string | undefined, labels: RuntimeStatusLabels): string {
switch (status) {
+ case "available":
+ return labels.available;
case "running":
return labels.running;
case "restarting":
@@ -192,6 +195,7 @@ function resolveRuntimeStatusBadgeTone(runtime?: ServiceRuntimeState | null): Se
return "neutral";
}
switch (runtime.status) {
+ case "available":
case "running":
return runtime.reachable ? "success" : "warning";
case "restarting":
@@ -222,6 +226,7 @@ function resolveRuntimeMessageToneClassName({
return "text-muted-foreground";
}
switch (runtime?.status) {
+ case "available":
case "running":
return "text-emerald-700";
case "unhealthy":
@@ -378,6 +383,7 @@ export function SettingsFieldEditor({
const t = useTranslations("common");
const runtimeStatusLabels = React.useMemo
+
+ );
+}
+
+function compactNumber(value: number, locale: string): string {
+ if (!Number.isFinite(value) || value === 0) return "0";
+ return new Intl.NumberFormat(locale, {
+ notation: "compact",
+ maximumFractionDigits: 1,
+ }).format(value);
+}
+
+function formatLatency(value: number, locale: string): string {
+ if (!Number.isFinite(value) || value <= 0) return "0";
+ if (value < 1000) return `${Math.round(value).toLocaleString(locale)}ms`;
+ return `${(value / 1000).toLocaleString(locale, { maximumFractionDigits: 2 })}s`;
+}
+
+function formatPercent(value: number, locale: string): string {
+ if (!Number.isFinite(value) || value <= 0) return "0%";
+ return `${value.toLocaleString(locale, { maximumFractionDigits: 1 })}%`;
+}
+
+function parseDateKey(value: string): string {
+ return String(value ?? "").slice(0, 10);
+}
+
+function aggregateDailyStats(items: DailyStat[], locale: string): DayAggregate[] {
+ const byDate = new Map
+ {icon}
+ {label}
+
+ {loading ? (
+ {value}
+ )} +
+
+ );
+}
+
+export function AdminModerationStatisticsSection() {
+ const t = useTranslations("adminStatistics.moderation");
+ const tRoot = useTranslations("adminStatistics");
+ const locale = useLocale();
+ const [loading, setLoading] = React.useState(true);
+ const [items, setItems] = React.useState{item.fullLabel}
+
+
+
+ {t("metrics.checks")}
+
+ {new Intl.NumberFormat(locale).format(item.checks)}
+
+
+
+ {t("metrics.hits")}
+
+ {new Intl.NumberFormat(locale).format(item.hits)}
+
+
+
+ {t("metrics.failures")}
+
+ {new Intl.NumberFormat(locale).format(item.failures)}
+
+
+
+ {t("metrics.latency")}
+
+ {formatLatency(item.avgLatencyMS ?? 0, locale)}
+
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/frontend/features/admin/components/sections/statistics/admin-statistics.tsx b/frontend/features/admin/components/sections/statistics/admin-statistics.tsx
index f427edac3..32ecd5bed 100644
--- a/frontend/features/admin/components/sections/statistics/admin-statistics.tsx
+++ b/frontend/features/admin/components/sections/statistics/admin-statistics.tsx
@@ -27,6 +27,7 @@ import {
StatisticsTrendChart,
StatisticsUserRankingChart,
} from "./admin-statistics-charts";
+import { AdminModerationStatisticsSection } from "./admin-moderation-statistics";
const ALL_MODELS_VALUE = "__all_models__";
@@ -384,6 +385,10 @@ export function AdminStatisticsPage() {
/>
+
+
+
+
+ {t("title")}
+ +
+ setTrendMetric(value as TrendMetric)}>
+
+ {(["checks", "hits", "failures"] as const).map((metric) => (
+
+ {t(`metrics.${metric}`)}
+
+ ))}
+
+
+
+ {t("trendTitle")}
+
+ {loading ? (
+
+ {!loading && hasData ? (
+
+ {Array.from({ length: 10 }).map((_, index) => (
+
+ ) : !hasData ? (
+
+ {t("empty")}
+
+ ) : (
+
+
+ event.preventDefault()}
+ >
+
+
+
+
+ compactNumber(value, locale)}
+ />
+ formatLatency(value, locale)}
+ />
+
+
+
+ )}
+
+
+ ) : null}
+