@tablestore/tablestore-agent-cli 0.2.8 → 0.2.9

package/dist/dashboard-runtime/dashboard/src/app/(dashboard)/memory/[store]/messages/page.tsx

@@ -1,4 +1,4 @@
-'use client';
+"use client";
 
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { useParams, useSearchParams } from "next/navigation";
@@ -8,6 +8,7 @@ import { Skeleton } from "@/components/ui/skeleton";
 import { cn } from "@/lib/utils";
 import { buildMemoryScope, hasPreciseScope } from "@/lib/memory";
 import { useMemoryMessages } from "@/hooks/use-memory-messages";
+import { useI18n } from "@/i18n/i18n-context";
 import type { SessionMessage } from "@/types/memory";
 
 import {
@@ -24,6 +25,7 @@ import { TimeFilterBar } from "./time-filter-bar";
 /* ------------------------------------------------------------------ */
 
 export default function MemoryMessagesPage() {
+  const { t, locale } = useI18n();
   const params = useParams<{ store: string }>();
   const searchParams = useSearchParams();
   const memoryStoreName = decodeURIComponent(params.store);
@@ -68,7 +70,9 @@ export default function MemoryMessagesPage() {
   /* ---- Pagination & messages state ---- */
   const [fetchToken, setFetchToken] = useState<string | undefined>(undefined);
   const [loadedTokens, setLoadedTokens] = useState<Set<string>>(new Set());
-  const [nextTokens, setNextTokens] = useState<Map<string, string | undefined>>(new Map());
+  const [nextTokens, setNextTokens] = useState<Map<string, string | undefined>>(
+    new Map(),
+  );
   const [autoScroll, setAutoScroll] = useState(true);
   const containerRef = useRef<HTMLDivElement>(null);
   const [pageSize] = useState(50);
@@ -122,7 +126,10 @@ export default function MemoryMessagesPage() {
   }, []);
 
   const scrollToBottom = useCallback(() => {
-    containerRef.current?.scrollTo({ top: containerRef.current.scrollHeight, behavior: "smooth" });
+    containerRef.current?.scrollTo({
+      top: containerRef.current.scrollHeight,
+      behavior: "smooth",
+    });
     setAutoScroll(true);
   }, []);
 
@@ -135,7 +142,12 @@ export default function MemoryMessagesPage() {
         : nextTokens.get(currentToken);
     if (!tokenToFetch) return;
     setFetchToken(tokenToFetch);
-  }, [fetchToken, messagesQuery.isFetching, messagesQuery.data?.nextToken, nextTokens]);
+  }, [
+    fetchToken,
+    messagesQuery.isFetching,
+    messagesQuery.data?.nextToken,
+    nextTokens,
+  ]);
 
   const effectiveToken =
     fetchToken === undefined
@@ -153,7 +165,7 @@ export default function MemoryMessagesPage() {
     customMax,
     onCustomMinChange: setCustomMin,
     onCustomMaxChange: setCustomMax,
-    onToggleCustom: () => setUseCustomRange(p => !p),
+    onToggleCustom: () => setUseCustomRange((p) => !p),
   };
 
   /* ---- Empty / loading states ---- */
@@ -162,7 +174,7 @@ export default function MemoryMessagesPage() {
     return (
       <div className="flex flex-col items-center justify-center rounded-xl border border-dashed py-16 text-muted-foreground">
         <MessageSquare className="mb-2 h-5 w-5" />
-        <span className="text-sm">请先在上方范围栏中填写「应用」</span>
+        <span className="text-sm">{t("memory.messages.appRequired")}</span>
       </div>
     );
   }
@@ -171,7 +183,9 @@ export default function MemoryMessagesPage() {
     return (
       <div className="flex flex-col items-center justify-center rounded-xl border border-dashed py-16 text-muted-foreground">
         <MessageSquare className="mb-2 h-5 w-5" />
-        <span className="text-sm">请在上方范围栏中为所有字段设置具体值以查询短期记忆</span>
+        <span className="text-sm">
+          {t("memory.messages.preciseScopeRequired")}
+        </span>
       </div>
     );
   }
@@ -182,9 +196,20 @@ export default function MemoryMessagesPage() {
         <TimeFilterBar {...timeFilterBarProps} />
         <div className="space-y-3 p-6">
           {Array.from({ length: 5 }).map((_, i) => (
-            <div key={i} className={cn("flex gap-3", i % 2 === 0 ? "" : "flex-row-reverse")}>
+            <div
+              key={i}
+              className={cn(
+                "flex gap-3",
+                i % 2 === 0 ? "" : "flex-row-reverse",
+              )}
+            >
               <Skeleton className="h-8 w-8 shrink-0 rounded-full" />
-              <Skeleton className={cn("h-14 rounded-2xl", i % 2 === 0 ? "w-3/5" : "w-2/5")} />
+              <Skeleton
+                className={cn(
+                  "h-14 rounded-2xl",
+                  i % 2 === 0 ? "w-3/5" : "w-2/5",
+                )}
+              />
             </div>
           ))}
         </div>
@@ -200,7 +225,9 @@ export default function MemoryMessagesPage() {
         <div className="flex flex-col items-center justify-center py-20 text-muted-foreground">
           <MessageSquare className="mb-2 h-5 w-5" />
           <span className="text-sm">
-            {filters ? "该时间范围内暂无消息" : "当前范围下暂无消息记录"}
+            {filters
+              ? t("memory.messages.emptyRange")
+              : t("memory.messages.empty")}
           </span>
         </div>
       );
@@ -212,11 +239,13 @@ export default function MemoryMessagesPage() {
 
     allMessages.forEach((msg, idx) => {
       const dateKey = getDateKey(msg.timestamp);
-      const dateLabel = formatDateLabel(msg.timestamp);
+      const dateLabel = formatDateLabel(msg.timestamp, t, locale);
       const speaker = getSpeakerName(msg);
 
       if (dateKey && dateKey !== lastDateKey) {
-        elements.push(<DateDivider key={`date-${dateKey}-${idx}`} label={dateLabel} />);
+        elements.push(
+          <DateDivider key={`date-${dateKey}-${idx}`} label={dateLabel} />,
+        );
         lastSpeaker = "";
         lastDateKey = dateKey;
       }
@@ -224,7 +253,8 @@ export default function MemoryMessagesPage() {
       const nextMsg = allMessages[idx + 1];
       const nextSpeaker = nextMsg ? getSpeakerName(nextMsg) : "";
       const nextDateKey = nextMsg ? getDateKey(nextMsg.timestamp) : "";
-      const isLastInGroup = !nextMsg || nextSpeaker !== speaker || nextDateKey !== dateKey;
+      const isLastInGroup =
+        !nextMsg || nextSpeaker !== speaker || nextDateKey !== dateKey;
 
       const showName = speaker !== lastSpeaker;
       elements.push(
@@ -279,12 +309,12 @@ export default function MemoryMessagesPage() {
               {messagesQuery.isFetching ? (
                 <>
                   <Loader2 className="h-3.5 w-3.5 animate-spin" />
-                  加载中…
+                  {t("common.loading")}
                 </>
               ) : (
                 <>
                   <ChevronUp className="h-3.5 w-3.5" />
-                  加载更早的消息
+                  {t("memory.messages.loadEarlier")}
                 </>
               )}
             </Button>
@@ -293,7 +323,7 @@ export default function MemoryMessagesPage() {
 
         {!hasMore && allMessages.length > 0 && (
           <p className="mb-2 text-center text-[11px] text-muted-foreground/50">
-            — 已加载全部消息 —
+            {t("memory.messages.allLoaded")}
           </p>
         )}
 
@@ -304,7 +334,7 @@ export default function MemoryMessagesPage() {
       {allMessages.length > 0 && (
         <div className="border-t px-5 py-2.5">
           <span className="text-[11px] text-muted-foreground">
-            共 {allMessages.length} 条消息
+            {t("memory.messages.count", { count: allMessages.length })}
           </span>
         </div>
       )}

package/dist/dashboard-runtime/dashboard/src/app/(dashboard)/memory/[store]/messages/time-filter-bar.tsx

@@ -5,6 +5,7 @@ import { Calendar } from "lucide-react";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
+import { useI18n } from "@/i18n/i18n-context";
 
 interface TimeFilterBarProps {
   windowMinutes: number;
@@ -33,6 +34,7 @@ export function TimeFilterBar({
   onCustomMaxChange,
   onToggleCustom,
 }: TimeFilterBarProps) {
+  const { t } = useI18n();
   return (
     <div className="flex flex-wrap items-end gap-3 border-b bg-background/80 px-5 py-3">
       <Calendar className="h-4 w-4 shrink-0 text-muted-foreground mt-1" />
@@ -40,21 +42,21 @@ export function TimeFilterBar({
         <div className="flex items-end gap-2">
           <div className="space-y-1">
             <Label className="text-[11px] text-muted-foreground">
-              时间窗口
+              {t("memory.timeFilter.window")}
             </Label>
             <select
               className="h-8 rounded-md border bg-background px-2 text-sm"
               value={windowMinutes}
               onChange={(e) => onWindowChange(Number(e.target.value))}
             >
-              <option value={5}>最近 5 分钟</option>
-              <option value={30}>最近 30 分钟</option>
-              <option value={60}>最近 1 小时</option>
-              <option value={360}>最近 6 小时</option>
-              <option value={1440}>最近 1 天</option>
-              <option value={4320}>最近 3 天</option>
-              <option value={10080}>最近 7 天</option>
-              <option value={0}>不限</option>
+              <option value={5}>{t("memory.timeFilter.last5min")}</option>
+              <option value={30}>{t("memory.timeFilter.last30min")}</option>
+              <option value={60}>{t("memory.timeFilter.last1hour")}</option>
+              <option value={360}>{t("memory.timeFilter.last6hours")}</option>
+              <option value={1440}>{t("memory.timeFilter.last1day")}</option>
+              <option value={4320}>{t("memory.timeFilter.last3days")}</option>
+              <option value={10080}>{t("memory.timeFilter.last7days")}</option>
+              <option value={0}>{t("memory.timeFilter.unlimited")}</option>
             </select>
           </div>
           <Button
@@ -63,14 +65,14 @@ export function TimeFilterBar({
             className="text-xs h-8"
             onClick={onToggleCustom}
           >
-            自定义范围
+            {t("memory.timeFilter.customRange")}
           </Button>
         </div>
       ) : (
         <div className="flex items-end gap-2">
           <div className="space-y-1">
             <Label className="text-[11px] text-muted-foreground">
-              起始时间
+              {t("memory.timeFilter.startTime")}
             </Label>
             <Input
               type="datetime-local"
@@ -82,7 +84,7 @@ export function TimeFilterBar({
           <span className="pb-1.5 text-xs text-muted-foreground">—</span>
           <div className="space-y-1">
             <Label className="text-[11px] text-muted-foreground">
-              结束时间
+              {t("memory.timeFilter.endTime")}
             </Label>
             <Input
               type="datetime-local"
@@ -97,7 +99,7 @@ export function TimeFilterBar({
             className="text-xs h-8"
             onClick={onToggleCustom}
           >
-            快速选择
+            {t("memory.timeFilter.quickSelect")}
           </Button>
         </div>
       )}

package/dist/dashboard-runtime/dashboard/src/app/(dashboard)/memory/[store]/requests/_helpers.ts

@@ -1,4 +1,6 @@
 import type { MemoryRequestLog } from "@/types/memory";
+import type { Locale } from "@/i18n/config";
+import { formatDateTime, formatTimeOfDay } from "@/lib/format-datetime";
 
 /* ------------------------------------------------------------------ */
 /*  Constants                                                         */
@@ -13,21 +15,17 @@ export const TABLE_PAGE_SIZE = 50;
 /*  Time / duration formatting                                        */
 /* ------------------------------------------------------------------ */
 
-export function fmtTs(value: string | number | undefined): string {
-  if (!value) return "-";
-  try {
-    const d = new Date(value);
-    if (isNaN(d.getTime())) return String(value);
-    return d.toLocaleString("zh-CN", {
-      month: "2-digit",
-      day: "2-digit",
-      hour: "2-digit",
-      minute: "2-digit",
-      second: "2-digit",
-    });
-  } catch {
-    return String(value);
-  }
+export function fmtTs(
+  value: string | number | undefined,
+  locale: Locale = "zh",
+): string {
+  return formatDateTime(value, locale, {
+    month: "2-digit",
+    day: "2-digit",
+    hour: "2-digit",
+    minute: "2-digit",
+    second: "2-digit",
+  });
 }
 
 export function fmtDur(ms: number | undefined): string {
@@ -35,19 +33,11 @@ export function fmtDur(ms: number | undefined): string {
   return ms < 1000 ? `${ms}ms` : `${(ms / 1000).toFixed(2)}s`;
 }
 
-export function fmtTime(value: string | number | undefined): string {
-  if (!value) return "-";
-  try {
-    const d = new Date(value);
-    if (isNaN(d.getTime())) return String(value);
-    return d.toLocaleTimeString("zh-CN", {
-      hour: "2-digit",
-      minute: "2-digit",
-      second: "2-digit",
-    });
-  } catch {
-    return String(value);
-  }
+export function fmtTime(
+  value: string | number | undefined,
+  locale: Locale = "zh",
+): string {
+  return formatTimeOfDay(value, locale);
 }
 
 /* ------------------------------------------------------------------ */
@@ -197,6 +187,7 @@ export function buildHistogram(
   records: MemoryRequestLog[],
   minTs: number,
   maxTs: number,
+  locale: Locale = "zh",
 ): HistBucket[] {
   const rangeMs = maxTs - minTs;
   // Aim for ~30 buckets
@@ -207,7 +198,7 @@ export function buildHistogram(
   for (let i = 0; i < bucketCount; i++) {
     const t = minTs + i * bucketMs;
     buckets.push({
-      label: fmtTime(t),
+      label: fmtTime(t, locale),
       time: t,
       endTime: t + bucketMs,
       count: 0,

package/dist/dashboard-runtime/dashboard/src/app/(dashboard)/memory/[store]/requests/page.tsx

@@ -1,4 +1,4 @@
-'use client';
+"use client";
 
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { useParams, useSearchParams } from "next/navigation";
@@ -13,6 +13,7 @@ import { buildMemoryScope } from "@/lib/memory";
 import { listMemoryRequests } from "@/services/memory";
 import type { MemoryRequestLog } from "@/types/memory";
 import { RefreshButton } from "@/components/shared/refresh-button";
+import { useI18n } from "@/i18n/i18n-context";
 
 import {
   DEFAULT_WINDOW_MIN,
@@ -29,15 +30,20 @@ import { RequestsTable } from "./requests-table";
 
 // recharts is heavy (~200 KB gzipped); load it on demand so it only
 // lands in the browser bundle once the user navigates to this page.
+function ChartLoading() {
+  const { t } = useI18n();
+  return (
+    <div className="flex h-[180px] items-center justify-center text-xs text-muted-foreground">
+      {t("memory.requests.loadingChart")}
+    </div>
+  );
+}
+
 const RequestsHistogramChart = dynamic(
   () => import("@/components/memory/requests-histogram-chart"),
   {
     ssr: false,
-    loading: () => (
-      <div className="flex h-[180px] items-center justify-center text-xs text-muted-foreground">
-        加载图表…
-      </div>
-    ),
+    loading: () => <ChartLoading />,
   },
 );
 
@@ -46,6 +52,7 @@ const RequestsHistogramChart = dynamic(
 /* ------------------------------------------------------------------ */
 
 export default function MemoryRequestsPage() {
+  const { t, locale } = useI18n();
   const params = useParams<{ store: string }>();
   const searchParams = useSearchParams();
   const memoryStoreName = decodeURIComponent(params.store);
@@ -65,16 +72,28 @@ export default function MemoryRequestsPage() {
     if (useCustomRange && customMin) {
       const min = new Date(customMin).getTime();
       const max = customMax ? new Date(customMax).getTime() : Date.now();
-      return { minTs: new Date(min).toISOString(), maxTs: new Date(max).toISOString(), minMs: min, maxMs: max };
+      return {
+        minTs: new Date(min).toISOString(),
+        maxTs: new Date(max).toISOString(),
+        minMs: min,
+        maxMs: max,
+      };
     }
     const now = Date.now();
     const min = now - windowMinutes * 60_000;
-    return { minTs: new Date(min).toISOString(), maxTs: new Date(now).toISOString(), minMs: min, maxMs: now };
+    return {
+      minTs: new Date(min).toISOString(),
+      maxTs: new Date(now).toISOString(),
+      minMs: min,
+      maxMs: now,
+    };
   }, [windowMinutes, customMin, customMax, useCustomRange]);
 
   /* ---- Bulk fetch state ---- */
   const [allRecords, setAllRecords] = useState<MemoryRequestLog[]>([]);
-  const [fetchStatus, setFetchStatus] = useState<"idle" | "loading" | "done" | "error">("idle");
+  const [fetchStatus, setFetchStatus] = useState<
+    "idle" | "loading" | "done" | "error"
+  >("idle");
   const [fetchProgress, setFetchProgress] = useState(0);
   const [truncated, setTruncated] = useState(false);
   const abortRef = useRef(false);
@@ -126,13 +145,17 @@ export default function MemoryRequestsPage() {
   // Auto-fetch on mount and when time range changes
   useEffect(() => {
     fetchAll();
-    return () => { abortRef.current = true; };
+    return () => {
+      abortRef.current = true;
+    };
   }, [fetchAll]);
 
   /* ---- Query state ---- */
   const [query, setQuery] = useState("");
   const [debouncedQuery, setDebouncedQuery] = useState("");
-  const [statusFilter, setStatusFilter] = useState<"all" | "success" | "error">("all");
+  const [statusFilter, setStatusFilter] = useState<"all" | "success" | "error">(
+    "all",
+  );
   useEffect(() => {
     const t = setTimeout(() => setDebouncedQuery(query), 200);
     return () => clearTimeout(t);
@@ -140,8 +163,14 @@ export default function MemoryRequestsPage() {
 
   const filtered = useMemo(() => {
     let result = executeQuery(allRecords, debouncedQuery);
-    if (statusFilter === "success") result = result.filter(r => r.responseStatus != null && r.responseStatus < 400);
-    if (statusFilter === "error") result = result.filter(r => r.responseStatus != null && r.responseStatus >= 400);
+    if (statusFilter === "success")
+      result = result.filter(
+        (r) => r.responseStatus != null && r.responseStatus < 400,
+      );
+    if (statusFilter === "error")
+      result = result.filter(
+        (r) => r.responseStatus != null && r.responseStatus >= 400,
+      );
     return result;
   }, [allRecords, debouncedQuery, statusFilter]);
 
@@ -156,8 +185,8 @@ export default function MemoryRequestsPage() {
 
   /* ---- Histogram ---- */
   const histogram = useMemo(
-    () => buildHistogram(filtered, timeRange.minMs, timeRange.maxMs),
-    [filtered, timeRange.minMs, timeRange.maxMs],
+    () => buildHistogram(filtered, timeRange.minMs, timeRange.maxMs, locale),
+    [filtered, timeRange.minMs, timeRange.maxMs, locale],
   );
 
   const handleBarClick = useCallback((data: HistBucket | undefined) => {
@@ -176,7 +205,10 @@ export default function MemoryRequestsPage() {
   const [tablePage, setTablePage] = useState(0);
   useEffect(() => setTablePage(0), [debouncedQuery, allRecords, statusFilter]);
   const tableStart = tablePage * TABLE_PAGE_SIZE;
-  const tableSlice = sortedForTable.slice(tableStart, tableStart + TABLE_PAGE_SIZE);
+  const tableSlice = sortedForTable.slice(
+    tableStart,
+    tableStart + TABLE_PAGE_SIZE,
+  );
   const totalPages = Math.ceil(sortedForTable.length / TABLE_PAGE_SIZE);
 
   /* ---- Detail dialog ---- */
@@ -189,7 +221,7 @@ export default function MemoryRequestsPage() {
     return (
       <div className="flex flex-col items-center justify-center rounded-xl border border-dashed py-16 text-muted-foreground">
         <Search className="mb-2 h-5 w-5" />
-        <span className="text-sm">请先在上方范围栏中填写「应用」</span>
+        <span className="text-sm">{t("memory.requests.appRequired")}</span>
       </div>
     );
   }
@@ -203,38 +235,67 @@ export default function MemoryRequestsPage() {
         {!useCustomRange ? (
           <div className="flex items-end gap-2">
             <div className="space-y-1">
-              <Label className="text-[11px] text-muted-foreground">时间窗口</Label>
+              <Label className="text-[11px] text-muted-foreground">
+                {t("memory.requests.timeWindow")}
+              </Label>
               <select
                 className="h-8 rounded-md border bg-background px-2 text-sm"
                 value={windowMinutes}
                 onChange={(e) => setWindowMinutes(Number(e.target.value))}
               >
-                <option value={1}>最近 1 分钟</option>
-                <option value={5}>最近 5 分钟</option>
-                <option value={15}>最近 15 分钟</option>
-                <option value={30}>最近 30 分钟</option>
-                <option value={60}>最近 1 小时</option>
-                <option value={360}>最近 6 小时</option>
-                <option value={1440}>最近 24 小时</option>
+                <option value={1}>{t("memory.requests.last1min")}</option>
+                <option value={5}>{t("memory.requests.last5min")}</option>
+                <option value={15}>{t("memory.requests.last15min")}</option>
+                <option value={30}>{t("memory.requests.last30min")}</option>
+                <option value={60}>{t("memory.requests.last1hour")}</option>
+                <option value={360}>{t("memory.requests.last6hours")}</option>
+                <option value={1440}>{t("memory.requests.last24hours")}</option>
               </select>
             </div>
-            <Button variant="link" size="sm" className="text-xs h-8" onClick={() => setUseCustomRange(true)}>
-              <Calendar className="mr-1 h-3 w-3" /> 自定义范围
+            <Button
+              variant="link"
+              size="sm"
+              className="text-xs h-8"
+              onClick={() => setUseCustomRange(true)}
+            >
+              <Calendar className="mr-1 h-3 w-3" />{" "}
+              {t("memory.requests.customRange")}
             </Button>
           </div>
         ) : (
           <div className="flex items-end gap-2">
             <div className="space-y-1">
-              <Label className="text-[11px] text-muted-foreground">起始时间</Label>
-              <Input type="datetime-local" step="1" value={customMin} onChange={(e) => setCustomMin(e.target.value)} className="h-8 w-[210px] text-xs" />
+              <Label className="text-[11px] text-muted-foreground">
+                {t("memory.requests.startTime")}
+              </Label>
+              <Input
+                type="datetime-local"
+                step="1"
+                value={customMin}
+                onChange={(e) => setCustomMin(e.target.value)}
+                className="h-8 w-[210px] text-xs"
+              />
             </div>
             <span className="pb-1.5 text-xs text-muted-foreground">—</span>
             <div className="space-y-1">
-              <Label className="text-[11px] text-muted-foreground">结束时间</Label>
-              <Input type="datetime-local" step="1" value={customMax} onChange={(e) => setCustomMax(e.target.value)} className="h-8 w-[210px] text-xs" />
+              <Label className="text-[11px] text-muted-foreground">
+                {t("memory.requests.endTime")}
+              </Label>
+              <Input
+                type="datetime-local"
+                step="1"
+                value={customMax}
+                onChange={(e) => setCustomMax(e.target.value)}
+                className="h-8 w-[210px] text-xs"
+              />
             </div>
-            <Button variant="link" size="sm" className="text-xs h-8" onClick={() => setUseCustomRange(false)}>
-              快速选择
+            <Button
+              variant="link"
+              size="sm"
+              className="text-xs h-8"
+              onClick={() => setUseCustomRange(false)}
+            >
+              {t("memory.requests.quickSelect")}
             </Button>
           </div>
         )}
@@ -243,19 +304,28 @@ export default function MemoryRequestsPage() {
           {fetchStatus === "loading" && (
             <span className="flex items-center gap-1.5 text-xs text-muted-foreground">
               <Loader2 className="h-3.5 w-3.5 animate-spin" />
-              拉取中 {fetchProgress} 条…
+              {t("memory.requests.fetching", { count: fetchProgress })}
             </span>
           )}
           {fetchStatus === "done" && (
             <span className="text-xs text-muted-foreground">
-              共 {allRecords.length} 条{truncated ? <span className="ml-1 text-amber-600">（数据不完整，超过 {MAX_RECORDS.toLocaleString()} 条上限）</span> : ""}
+              {t("memory.requests.fetchedCount", { count: allRecords.length })}
+              {truncated ? (
+                <span className="ml-1 text-amber-600">
+                  {t("memory.requests.fetchedTruncated", {
+                    max: MAX_RECORDS.toLocaleString(),
+                  })}
+                </span>
+              ) : (
+                ""
+              )}
             </span>
           )}
           <RefreshButton
             loading={fetchStatus === "loading"}
             onClick={fetchAll}
             size="sm"
-            label="刷新"
+            label={t("memory.requests.refresh")}
             className="h-8"
           />
         </div>
@@ -265,7 +335,9 @@ export default function MemoryRequestsPage() {
       {truncated && (
         <div className="flex items-center gap-2 rounded-lg border border-amber-200 bg-amber-50 px-4 py-2.5 text-sm text-amber-800 dark:border-amber-800 dark:bg-amber-950 dark:text-amber-200">
           <AlertTriangle className="h-4 w-4 shrink-0" />
-          数据不完整：该时间范围内请求数超过 {MAX_RECORDS.toLocaleString()} 条上限，仅展示前 {MAX_RECORDS.toLocaleString()} 条。请缩小时间范围以获取完整数据。
+          {t("memory.requests.truncationWarning", {
+            max: MAX_RECORDS.toLocaleString(),
+          })}
         </div>
       )}
 
@@ -273,9 +345,14 @@ export default function MemoryRequestsPage() {
       {fetchStatus === "done" && allRecords.length > 0 && (
         <div className="rounded-xl border bg-background p-4">
           <p className="mb-3 text-xs font-medium text-muted-foreground">
-            请求分布{debouncedQuery ? "（已过滤）" : ""}
+            {debouncedQuery
+              ? t("memory.requests.distributionFiltered")
+              : t("memory.requests.distribution")}
           </p>
-          <RequestsHistogramChart data={histogram} onBarClick={handleBarClick} />
+          <RequestsHistogramChart
+            data={histogram}
+            onBarClick={handleBarClick}
+          />
         </div>
       )}
 
@@ -284,7 +361,9 @@ export default function MemoryRequestsPage() {
         <div className="space-y-3 rounded-xl border p-6">
           <Skeleton className="h-[140px] w-full rounded-lg" />
           <Skeleton className="h-8 w-full" />
-          {Array.from({ length: 5 }).map((_, i) => <Skeleton key={i} className="h-10 w-full" />)}
+          {Array.from({ length: 5 }).map((_, i) => (
+            <Skeleton key={i} className="h-10 w-full" />
+          ))}
         </div>
       )}
 
@@ -307,8 +386,8 @@ export default function MemoryRequestsPage() {
           totalCount={filtered.length}
           emptyHint={
             allRecords.length === 0
-              ? "该时间范围内暂无请求审计记录"
-              : "没有匹配查询条件的记录"
+              ? t("memory.requests.emptyRange")
+              : t("memory.requests.noMatch")
           }
           page={tablePage}
           totalPages={totalPages}