@kenhkl/agent-moss 0.12.3 → 0.12.5

package/dist/static/index.html

@@ -991,6 +991,7 @@ let tokenStatsDays = 7;
 let tokenRefreshTimer = null;
 let trendChartInstance = null;
 function render_token() {
+  tokenRecentPage = 1; // 切到 Token 页时重置最近调用分页到第 1 页
   el('page-token').innerHTML = `
     <div class="ag-card">
       <div class="ag-section-title">${t('Token 用量详细统计', 'Detailed Token Statistics')
@@ -1132,22 +1133,57 @@ function renderTokenTrend(data) {
     })),
   }, true);
 }
+// Token 最近调用分页状态
+let tokenRecentPage = 1;
+const TOKEN_RECENT_PAGE_SIZE = 10;
+let tokenRecentTotal = 0; // 最近调用总条数（供跳转页时计算总页数）
 async function loadTokenRecent() {
   const recentEl = el('token-recent');
   if (!recentEl) return;
   try {
-    const records = await api('token-stats/recent?limit=10');
+    const offset = (tokenRecentPage - 1) * TOKEN_RECENT_PAGE_SIZE;
+    const data = await api(`token-stats/recent?limit=${TOKEN_RECENT_PAGE_SIZE}&offset=${offset}`);
+    const records = Array.isArray(data) ? data : (data?.records || []);
+    const total = Array.isArray(data) ? records.length : (data?.total ?? records.length);
+    tokenRecentTotal = total; // 供跳转页时计算总页数
     if (!records || records.length === 0) { recentEl.innerHTML = `<div class="ag-empty">${t('暂无记录', 'No records yet')}</div>`; return; }
     let html = '<table class="ag-table"><tr><th>' + t('时间', 'Time') + '</th><th>' + t('步骤', 'Step') + '</th><th>' + t('模型', 'Model') + '</th><th>' + t('输入', 'Input') + '</th><th>' + t('输出', 'Output') + '</th><th>' + t('总计', 'Total') + '</th></tr>';
     for (const r of records.reverse()) {
       const stepName = r.step === 'L3_security_judge' ? t('L3 安全判断', 'L3 Security Judge') : r.step === 'step2_policy_gen' ? t('策略生成', 'Policy Generation') : escapeHtml(r.step);
-      const ts = r.timestamp ? escapeHtml(r.timestamp.slice(0, 19)) : '';
-      html += '<tr><td>' + ts + '</td><td>' + stepName + '</td><td style="color:var(--ag-text-secondary)">' + escapeHtml(r.model || '') + '</td><td>' + r.prompt_tokens + '</td><td>' + r.completion_tokens + '</td><td><strong>' + r.total_tokens + '</strong></td></tr>';
+      // timestamp 是 UTC ISO（带 Z），转本地时区显示
+      let ts = '';
+      try { ts = r.timestamp ? new Date(r.timestamp).toLocaleString() : ''; } catch { ts = r.timestamp || ''; }
+      html += '<tr><td>' + escapeHtml(ts) + '</td><td>' + stepName + '</td><td style="color:var(--ag-text-secondary)">' + escapeHtml(r.model || '') + '</td><td>' + r.prompt_tokens + '</td><td>' + r.completion_tokens + '</td><td><strong>' + r.total_tokens + '</strong></td></tr>';
     }
     html += '</table>';
+    // 分页控制条：上一页 / 页码显示 / 输入页码跳转 / 下一页
+    const totalPages = Math.max(1, Math.ceil(total / TOKEN_RECENT_PAGE_SIZE));
+    html += `<div style="margin-top:10px;display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap">
+      <button class="ag-btn ag-btn-sm" onclick="tokenRecentPage<=1?null:loadTokenRecentPage(${tokenRecentPage - 1})" ${tokenRecentPage <= 1 ? 'disabled' : ''}>${t('上一页', 'Prev')}</button>
+      <span style="font-size:var(--fs-md);color:var(--ag-text-secondary)">${t('第 ', 'Page ')}${tokenRecentPage} / ${totalPages}${t('（共 ', ' (total ')}${total}${t(' 条）', ')')}</span>
+      <input id="token-recent-goto" type="number" min="1" max="${totalPages}" value="${tokenRecentPage}" style="width:60px;padding:3px 6px;font-size:var(--fs-md);border:1px solid var(--ag-input-border);border-radius:6px;background:var(--ag-input-bg);color:var(--ag-text);" placeholder="${tokenRecentPage}">
+      <button class="ag-btn ag-btn-sm" onclick="goTokenRecentPage()">${t('跳转', 'Go')}</button>
+      <button class="ag-btn ag-btn-sm" onclick="tokenRecentPage>=${totalPages}?null:loadTokenRecentPage(${tokenRecentPage + 1})" ${tokenRecentPage >= totalPages ? 'disabled' : ''}>${t('下一页', 'Next')}</button>
+    </div>`;
     recentEl.innerHTML = html;
   } catch (e) { recentEl.innerHTML = `<div class="ag-empty">${t('加载失败', 'Load failed')}</div>`; }
 }
+function loadTokenRecentPage(page) {
+  tokenRecentPage = page;
+  loadTokenRecent();
+}
+/** 跳转到用户输入的页码 */
+async function goTokenRecentPage() {
+  const input = el('token-recent-goto');
+  if (!input) return;
+  const page = parseInt(input.value, 10);
+  if (!page || page < 1) { showToast(t('页码无效', 'Invalid page number'), 'error'); return; }
+  // 计算总页数，超出则跳到最后一页
+  const totalPages = Math.max(1, Math.ceil(tokenRecentTotal / TOKEN_RECENT_PAGE_SIZE));
+  const target = Math.min(page, totalPages);
+  tokenRecentPage = target;
+  loadTokenRecent();
+}
 async function resetTokenStats() {
   if (!confirm(t('确定清除所有 Token 统计数据？', 'Clear all Token statistics?'))) return;
   try { await apiPost('token-stats/reset'); showToast(t('Token 统计已清除', 'Token statistics cleared')); loadTokenStats(7); }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kenhkl/agent-moss",
-  "version": "0.12.3",
+  "version": "0.12.5",
   "description": "Multi-layer security analysis engine for AI agents (TypeScript)",
   "type": "module",
   "main": "dist/server.js",