feat: opsx-loki 全面升级 — 前端重构/用户与LDAP/部署向导/日志查询

基于 WEB-UI-Development-Guide 标准的整体升级,并更名 LokiDeploy → opsx-loki。

前端(Gin+React+shadcn/ui):
- 按 02/07 章重构:页面域化拆分(无超 400 行文件)、PageContainer/ListQuery、
  反馈分级(成功静默/失败 toast/危险确认)、401 单飞刷新+队列重放
- 暗色模式(next-themes)+ 语义 Token(--primary 品牌色/success/warning/info)
- 部署向导(状态推导四步:环境→存储→Loki→采集,内嵌表单闭环)
- 日志查询页:LogQL 标签构建器/拖拽直方图/日志上下文/Live Tail/查询历史
- 按用户+标签策略的查询授权(服务端强制合并策略)

后端(Go+Gin+JSON DB):
- 简单用户管理(仅 admin,无 RBAC)+ TokenVersion 会话吊销 + 登录 IP 限流
- LDAP 接入:配置(AES 加密存储/hasPassword 脱敏)/测试连接/批量导入/登录
- 存储配置测试连接(SigV4 零依赖)+ 桶不存在自动创建
- Loki 三模式部署修复:SSH 密钥认证、3.x 配置模板、ruler 对象存储嵌套块、
  凭证解密、孤儿 deploying 状态恢复、Grafana 部署(可选默认关)+面板导入
- DaemonSet 采集纯 YAML(去 helm 依赖)+ DNS 自愈回退 ClusterIP + 集群名标签
- 日志查询代理:cluster-svc 经 kube-apiserver proxy/url 直连 + cursor 翻页
- 统一 log 命名空间;部署就绪探活;Grafana 访问地址自动记录

修复:run.sh 增量编译检测、Sanitized 脱敏补全、LokiDeployment Update 白名单、
健康检查 CreatedAt 零值等 10+ 存量 bug。

数据兼容:DB 沿用旧 lokideploy.json(新名优先);localStorage 一次性迁移;
HKDF 加密前缀保留(已加密凭证不受影响)。

frontend/src/components/StatusBadge.tsx

@@ -1,14 +1,8 @@
 import { memo, useMemo } from 'react'
-import {
-  CheckCircle,
-  AlertTriangle,
-  Clock,
-  PauseCircle,
-  Activity,
-  type LucideIcon,
-} from 'lucide-react'
+import { Clock } from 'lucide-react'
 import { cn } from '@/lib/utils'
 import { statusLabel } from '@/lib/utils'
+import { STATUS_CONFIG } from './status-config'
 
 export type StatusSize = 'sm' | 'md'
 
@@ -19,61 +13,11 @@ interface StatusBadgeProps {
   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 {
+function getStatusConfig(status: string): { icon: typeof Clock; color: string; bg: string; label: string } {
   const config = STATUS_CONFIG[status] || {
     icon: Clock,
-    color: 'text-slate-400',
-    bg: 'bg-slate-100 text-slate-600',
+    color: 'text-muted-foreground',
+    bg: 'bg-muted text-muted-foreground',
   }
   return {
     ...config,
@@ -144,9 +88,4 @@ export const StatusIcon = memo(function StatusIcon({
   )
 })
 
-/** 独立状态颜色工具函数（用于需要className的场景） */
-export function getStatusColorClass(status: string): string {
-  return STATUS_CONFIG[status]?.bg || 'bg-slate-100 text-slate-600'
-}
-
 export default StatusBadge