refactor: 前后端目录结构模块化 + v2 优化移植与缺陷修复

前端:
- src/srv/api → src/api，按域分文件夹(auth/cluster/host/storage/deployment/collector)
- 新增 http.ts 引擎(http.get/post/put/delete)，域模块改用语义化调用
- index.html 增加 favicon(匹配应用 logo 的 emerald + Activity 脉冲)

后端分层增强(保留包名):
- 新增 repository/：从 models 拆出 JsonDB 持久化层(InitDB/GetDB/Shutdown/RequestSave)
- 新增 dto/：从 controllers 抽出各域请求契约(带 binding 校验)
- 新增 pkg/crypto、pkg/jwt：从 utils 拆出安全原语(外部 jwt 别名 jwtv5 避免冲突)
- models 只留领域实体 + sanitizer；utils 只留 gin/应用相关(response/errors)

v2 优化移植与缺陷修复:
- 移植密钥分离/SSH TOFU/并发写安全/Loki 生产级配置/Docker 加固
- 修复 deployment.go 并发丢更新、Helm values 重复键、EncryptField 哨兵、loki-gateway 端点等审计缺陷
- 实现真正的优雅关停(main.go http.Server + signal + repository.Shutdown)
- 修复登录契约:后端返回 accessToken，前端 auth.ts/Login.tsx 对齐
- 补 crypto/jwt/repository 单元测试(含并发写回归)

验证: go build/vet/test 全绿；npm run build 通过；登录→鉴权→优雅关停冒烟通过

Co-Authored-By: Claude <noreply@anthropic.com>

frontend/src/components/StatusBadge.tsx

@@ -0,0 +1,152 @@
+import { memo, useMemo } from 'react'
+import {
+  CheckCircle,
+  AlertTriangle,
+  Clock,
+  PauseCircle,
+  Activity,
+  type LucideIcon,
+} from 'lucide-react'
+import { cn } from '@/lib/utils'
+import { statusLabel } from '@/lib/utils'
+
+export type StatusSize = 'sm' | 'md'
+
+interface StatusBadgeProps {
+  status: string
+  showLabel?: boolean
+  size?: StatusSize
+  className?: string
+}
+
+interface StatusConfig {
+  icon: LucideIcon
+  color: string
+  bg: string
+  label: string
+}
+
+const STATUS_CONFIG: Record<string, Omit<StatusConfig, 'label'>> = {
+  running: {
+    icon: CheckCircle,
+    color: 'text-emerald-500',
+    bg: 'bg-emerald-100 text-emerald-700',
+  },
+  active: {
+    icon: CheckCircle,
+    color: 'text-emerald-500',
+    bg: 'bg-emerald-100 text-emerald-700',
+  },
+  failed: {
+    icon: AlertTriangle,
+    color: 'text-red-500',
+    bg: 'bg-red-100 text-red-700',
+  },
+  error: {
+    icon: AlertTriangle,
+    color: 'text-red-500',
+    bg: 'bg-red-100 text-red-700',
+  },
+  pending: {
+    icon: Clock,
+    color: 'text-amber-500',
+    bg: 'bg-amber-100 text-amber-700',
+  },
+  stopped: {
+    icon: PauseCircle,
+    color: 'text-slate-400',
+    bg: 'bg-slate-100 text-slate-600',
+  },
+  inactive: {
+    icon: PauseCircle,
+    color: 'text-slate-400',
+    bg: 'bg-slate-100 text-slate-600',
+  },
+  deploying: {
+    icon: Activity,
+    color: 'text-blue-500',
+    bg: 'bg-blue-100 text-blue-700',
+  },
+}
+
+function getStatusConfig(status: string): StatusConfig {
+  const config = STATUS_CONFIG[status] || {
+    icon: Clock,
+    color: 'text-slate-400',
+    bg: 'bg-slate-100 text-slate-600',
+  }
+  return {
+    ...config,
+    label: statusLabel(status),
+  }
+}
+
+const SIZE_MAP: Record<StatusSize, { icon: string; badge: string }> = {
+  sm: { icon: 'w-4 h-4', badge: 'px-2 py-0.5 text-xs' },
+  md: { icon: 'w-5 h-5', badge: 'px-2.5 py-0.5 text-sm' },
+}
+
+/**
+ * 统一状态徽章组件
+ * 接收status字符串，返回对应的图标+颜色+标签
+ * 替换所有页面中重复的getStatusIcon/getStatusColor
+ */
+export const StatusBadge = memo(function StatusBadge({
+  status,
+  showLabel = true,
+  size = 'sm',
+  className,
+}: StatusBadgeProps) {
+  const config = useMemo(() => getStatusConfig(status), [status])
+  const sizeClasses = SIZE_MAP[size]
+  const Icon = config.icon
+
+  return (
+    <span
+      className={cn(
+        'inline-flex items-center gap-1 rounded-full font-medium',
+        sizeClasses.badge,
+        config.bg,
+        className
+      )}
+    >
+      <Icon
+        className={cn(
+          sizeClasses.icon,
+          config.color,
+          status === 'deploying' && 'animate-pulse'
+        )}
+      />
+      {showLabel && <span>{config.label}</span>}
+    </span>
+  )
+})
+
+/** 独立状态图标组件（仅图标，无标签） */
+export const StatusIcon = memo(function StatusIcon({
+  status,
+  size = 'sm',
+  className,
+}: Omit<StatusBadgeProps, 'showLabel'>) {
+  const config = useMemo(() => getStatusConfig(status), [status])
+  const sizeClasses = SIZE_MAP[size]
+  const Icon = config.icon
+
+  return (
+    <Icon
+      className={cn(
+        sizeClasses.icon,
+        config.color,
+        status === 'deploying' && 'animate-pulse',
+        className
+      )}
+    />
+  )
+})
+
+/** 独立状态颜色工具函数（用于需要className的场景） */
+export function getStatusColorClass(status: string): string {
+  return STATUS_CONFIG[status]?.bg || 'bg-slate-100 text-slate-600'
+}
+
+export default StatusBadge