merge PR #7 (DevilGenius:dev) and resolve local conflicts

- Merge feat(accounts) table styling and backend test additions
- Keep PR version for AccountsPage grid layout conflicts
- Include local Makefile changes for kiro plugin support

Author: DouDOU-start

Makefile

@@ -13,13 +13,15 @@ PLAYGROUND_DIR := ../airgate-playground
 PLAYGROUND_PLUGIN := $(PLAYGROUND_DIR)/web
 EPAY_PLUGIN := ../airgate-epay/web
 HEALTH_PLUGIN := ../airgate-health/web
+KIRO_PLUGIN := ../airgate-kiro/web
 # build-plugins 阶段（生产）同步各插件的 admin dist/index.js 到
 # core 的 plugin assets dir；health 的公开状态页仍走 /status 反代，不经过这套 assets。
 OPENAI_ASSETS := $(BACKEND_DIR)/data/plugins/gateway-openai/assets
 CLAUDE_ASSETS := $(BACKEND_DIR)/data/plugins/gateway-anthropic/assets
 PLAYGROUND_ASSETS := $(BACKEND_DIR)/data/plugins/airgate-playground/assets
 EPAY_ASSETS := $(BACKEND_DIR)/data/plugins/payment-epay/assets
 HEALTH_ASSETS := $(BACKEND_DIR)/data/plugins/airgate-health/assets
+KIRO_ASSETS := $(BACKEND_DIR)/data/plugins/gateway-kiro/assets
 BINARY := $(BACKEND_DIR)/server
 WEBDIST := $(BACKEND_DIR)/internal/web/webdist
 GO := GOTOOLCHAIN=local go
@@ -28,7 +30,7 @@ GO := GOTOOLCHAIN=local go
 VERSION ?= $(shell git describe --tags --always --dirty 2>/dev/null || echo dev)
 LDFLAGS := -X github.com/DouDOU-start/airgate-core/internal/version.Version=$(VERSION)
 
-.PHONY: help dev dev-backend dev-frontend dev-sdk dev-plugins dev-plugin-openai dev-plugin-claude dev-plugin-playground dev-plugin-epay dev-plugin-health \
+.PHONY: help dev dev-backend dev-frontend dev-sdk dev-plugins dev-plugin-openai dev-plugin-claude dev-plugin-playground dev-plugin-epay dev-plugin-health dev-plugin-kiro \
         build build-backend build-frontend \
         build-plugins sync-plugins \
         ent lint fmt test clean install ci pre-commit setup-hooks \
@@ -58,11 +60,13 @@ dev-plugins: ## 启动所有插件前端 watch 模式
 	@echo "  - playground  → ../airgate-playground/web/dist/"
 	@echo "  - epay        → ../airgate-epay/web/dist/"
 	@echo "  - health      → ../airgate-health/web/dist/  （含 admin index.js + standalone status page）"
+	@echo "  - kiro        → ../airgate-kiro/web/dist/"
 	@$(MAKE) dev-plugin-openai &
 	@$(MAKE) dev-plugin-claude &
 	@$(MAKE) dev-plugin-playground &
 	@$(MAKE) dev-plugin-epay &
 	@$(MAKE) dev-plugin-health &
+	@$(MAKE) dev-plugin-kiro &
 	@wait
 
 dev-plugin-openai: ## 单独 watch openai 插件前端（输出到 ../airgate-openai/web/dist）
@@ -100,6 +104,13 @@ dev-plugin-health: ## 单独 watch health 插件前端（同时 watch admin inde
 		echo "跳过 health 插件前端 watch：$(HEALTH_PLUGIN) 不存在"; \
 	fi
 
+dev-plugin-kiro: ## 单独 watch kiro 插件前端（输出到 ../airgate-kiro/web/dist）
+	@if [ -d $(KIRO_PLUGIN) ]; then \
+		cd $(KIRO_PLUGIN) && npx vite build --watch; \
+	else \
+		echo "跳过 kiro 插件前端 watch：$(KIRO_PLUGIN) 不存在"; \
+	fi
+
 dev-backend: ## 启动后端（带热重载，需要 air）
 	@cd $(BACKEND_DIR) && \
 	if command -v air > /dev/null 2>&1; then \
@@ -186,6 +197,15 @@ sync-plugins: ## 构建插件前端并同步 admin 资源到 data/plugins/
 	else \
 		echo "跳过 health 插件前端构建：$(HEALTH_PLUGIN) 不存在"; \
 	fi
+	@if [ -d $(KIRO_PLUGIN) ]; then \
+		echo "构建并同步 kiro 插件前端..."; \
+		(cd $(KIRO_PLUGIN) && npm run build); \
+		mkdir -p $(KIRO_ASSETS); \
+		cp $(KIRO_PLUGIN)/dist/index.js $(KIRO_ASSETS)/index.js; \
+		echo "kiro 插件前端已同步到 $(KIRO_ASSETS)/"; \
+	else \
+		echo "跳过 kiro 插件前端构建：$(KIRO_PLUGIN) 不存在"; \
+	fi
 
 # ===================== 代码生成 =====================
 

web/src/pages/admin/AccountsPage.tsx

@@ -859,7 +859,7 @@ export default function AccountsPage() {
     ...[{
       key: 'usage_window',
       title: t('accounts.usage_window'),
-      width: '560px',
+      width: '240px',
       align: 'center' as const,
       hideOnMobile: true,
       render: (row: AccountResp) => {
@@ -1024,13 +1024,13 @@ export default function AccountsPage() {
             </span>
           )
           : formatCompact(todayStats?.requests ?? 0, false);
-        const todayMetricClass = 'inline-grid h-5 min-w-0 grid-cols-[3.5rem_minmax(0,1fr)] items-center gap-1 rounded-[var(--field-radius)] border px-1.5 text-[11px] leading-none shadow-sm';
+        const todayMetricClass = 'inline-grid h-5 min-w-0 grid-cols-[2.5rem_minmax(0,1fr)] items-center gap-0.5 rounded-[var(--field-radius)] border px-1 text-[11px] leading-none shadow-sm';
         const todayMetricStyle = (color: string, foreground = color) => ({
           background: `color-mix(in srgb, ${color} 10%, transparent)`,
           borderColor: `color-mix(in srgb, ${color} 22%, var(--ag-border))`,
           color: foreground,
         });
-        const todayMetricColumnClass = 'grid w-[18rem] justify-self-end grid-cols-2 gap-1';
+        const todayMetricColumnClass = 'grid w-full grid-cols-2 gap-0.5';
         const todayMetricChips = hasTodayStats && todayStats ? (
           <div
             className={todayMetricColumnClass}
@@ -1084,30 +1084,30 @@ export default function AccountsPage() {
             title={canRefresh ? t('accounts.refresh_usage', '点击刷新用量') : undefined}
             onClick={canRefresh ? handleRefreshClick : undefined}
           >
-            <div className="grid w-full grid-cols-[minmax(0,1fr)_1rem_18rem] items-start justify-center gap-0">
+            <div className="flex w-full flex-col gap-2">
               <div className="flex min-w-0 flex-col gap-1">
                 {windowRows.map((item) => {
                   const w = item.window;
                   if (!w) {
                     return <div key={item.id} className="h-5" aria-hidden="true" />;
                   }
                   return (
-                    <div key={item.id} className="grid h-5 grid-cols-[2.5rem_minmax(7rem,1fr)_2.25rem_3rem] items-center gap-1.5">
-                      <span className="inline-flex min-w-0 items-center justify-center truncate rounded px-1 py-0 text-[11px] font-semibold text-text-secondary leading-none" style={badgeStyle} title={w.label}>
-                        {shortLabel(w.label)}
-                      </span>
+                    <div key={item.id} className="flex min-w-0 flex-col gap-1">
+                      <div className="flex items-baseline justify-between">
+                        <span className="inline-flex min-w-0 items-center truncate rounded px-1 py-0 text-[11px] font-semibold text-text-secondary leading-none" style={badgeStyle} title={w.label}>
+                          {shortLabel(w.label)}
+                        </span>
+                        <span className="flex items-center gap-1.5 text-[11px] font-semibold leading-none">
+                          <span style={{ color: usageColor(w.used_percent) }}>{Math.round(w.used_percent)}%</span>
+                          <span style={{ color: 'var(--ag-text-tertiary)' }}>{formatReset(w.reset_seconds)}</span>
+                        </span>
+                      </div>
                       <div className="h-1.5 min-w-0 overflow-hidden rounded-full" style={{ background: 'var(--ag-glass-border)' }}>
                         <div
                           className="h-full rounded-full transition-all"
                           style={{ width: `${Math.min(100, Math.round(w.used_percent))}%`, background: usageColor(w.used_percent) }}
                         />
                       </div>
-                      <span className="text-right leading-none" style={{ color: usageColor(w.used_percent), fontSize: 11, fontWeight: 600 }}>
-                        {Math.round(w.used_percent)}%
-                      </span>
-                      <span className="text-right leading-none" style={{ color: 'var(--ag-text-secondary)', fontSize: 11, fontWeight: 600 }}>
-                        {formatReset(w.reset_seconds)}
-                      </span>
                     </div>
                   );
                 })}
@@ -1122,8 +1122,7 @@ export default function AccountsPage() {
                   </div>
                 )}
               </div>
-              <span aria-hidden="true" />
-              {todayMetricChips ?? <div className={todayMetricColumnClass} />}
+              {todayMetricChips}
             </div>
           </div>
         );