From 17f8ac0dbcfaff0b29d5f394f2894c32e7d74f8c Mon Sep 17 00:00:00 2001
From: voson <voson.wang.s@aliyun.com>
Date: Sat, 21 Mar 2026 12:03:44 +0800
Subject: [PATCH] =?UTF-8?q?web:=20=E5=AE=A1=E8=AE=A1=E9=A1=B5=E6=97=B6?=
 =?UTF-8?q?=E9=97=B4=E6=8C=89=E6=B5=8F=E8=A7=88=E5=99=A8=E6=9C=AC=E5=9C=B0?=
 =?UTF-8?q?=E6=97=B6=E5=8C=BA=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Made-with: Cursor
---
 crates/secrets-mcp/src/web.rs           |  8 ++++++--
 crates/secrets-mcp/templates/audit.html | 16 ++++++++++++++--
 2 files changed, 20 insertions(+), 4 deletions(-)

diff --git a/crates/secrets-mcp/src/web.rs b/crates/secrets-mcp/src/web.rs
index 3bb8455..2d33fd7 100644
--- a/crates/secrets-mcp/src/web.rs
+++ b/crates/secrets-mcp/src/web.rs
@@ -1,4 +1,5 @@
 use askama::Template;
+use chrono::SecondsFormat;
 use std::net::SocketAddr;
 
 use axum::{
@@ -61,7 +62,8 @@ struct AuditPageTemplate {
 }
 
 struct AuditEntryView {
-    created_at: String,
+    /// RFC3339 UTC for `<time datetime>`; rendered as browser-local in audit.html.
+    created_at_iso: String,
     action: String,
     target: String,
     detail: String,
@@ -408,7 +410,9 @@ async fn audit_page(
     let entries = rows
         .into_iter()
         .map(|row| AuditEntryView {
-            created_at: row.created_at.format("%Y-%m-%d %H:%M:%S UTC").to_string(),
+            created_at_iso: row
+                .created_at
+                .to_rfc3339_opts(SecondsFormat::Secs, true),
             action: row.action,
             target: format_audit_target(&row.namespace, &row.kind, &row.name),
             detail: serde_json::to_string_pretty(&row.detail).unwrap_or_else(|_| "{}".to_string()),
diff --git a/crates/secrets-mcp/templates/audit.html b/crates/secrets-mcp/templates/audit.html
index ba299df..a254fed 100644
--- a/crates/secrets-mcp/templates/audit.html
+++ b/crates/secrets-mcp/templates/audit.html
@@ -108,7 +108,7 @@
 <main class="main">
     <section class="card">
         <div class="card-title">我的审计</div>
-        <div class="card-subtitle">展示最近 100 条与当前用户相关的新审计记录。</div>
+        <div class="card-subtitle">展示最近 100 条与当前用户相关的新审计记录。时间为浏览器本地时区。</div>
 
         {% if entries.is_empty() %}
         <div class="empty">暂无审计记录。</div>
@@ -125,7 +125,7 @@
             <tbody>
                 {% for entry in entries %}
                 <tr>
-                    <td class="col-time mono">{{ entry.created_at }}</td>
+                    <td class="col-time mono"><time class="audit-local-time" datetime="{{ entry.created_at_iso }}">{{ entry.created_at_iso }}</time></td>
                     <td class="col-action mono">{{ entry.action }}</td>
                     <td class="col-target mono">{{ entry.target }}</td>
                     <td class="col-detail"><pre class="detail">{{ entry.detail }}</pre></td>
@@ -138,5 +138,17 @@
 </main>
 </div>
 </div>
+<script>
+(function () {
+  document.querySelectorAll('time.audit-local-time[datetime]').forEach(function (el) {
+    var raw = el.getAttribute('datetime');
+    var d = raw ? new Date(raw) : null;
+    if (d && !isNaN(d.getTime())) {
+      el.textContent = d.toLocaleString(undefined, { dateStyle: 'medium', timeStyle: 'medium' });
+      el.title = raw + ' (UTC)';
+    }
+  });
+})();
+</script>
 </body>
 </html>