refactor(frontend): P1-P2 续 — API 子模块化、大组件拆分、Query 铺开

- api/server/ 与 api/cloud/ 子目录拆分，保持 @/api 导入不变
- hooks/api 新增 useCredentials、usePromDatasources，增强 useServers
- 拆分 CredentialManager、DeploymentWorkload、PrometheusDatasourceManager
- ServerManager、CredentialManager、PromDs 接入 TanStack Query

frontend/src/components/deploy/credential-manager/constants.ts

@@ -0,0 +1,26 @@
+// 凭据类型配置常量 // Logan.Li
+
+import {
+  Key, Server, Container, Shield, Cloud, Database, FileText, Globe,
+} from 'lucide-react';
+import type { SecretType } from './types';
+
+export const TYPE_CONFIG: Record<SecretType, { label: string; icon: typeof Key; color: string; desc: string }> = {
+  ssh:      { label: 'SSH 密钥', icon: Server, color: 'text-amber-400', desc: 'SSH 私钥/公钥/密码' },
+  docker:   { label: 'Docker 凭证', icon: Container, color: 'text-cyan-400', desc: 'Docker Registry 登录凭据' },
+  tls:      { label: 'TLS 证书', icon: Shield, color: 'text-green-400', desc: 'TLS/SSL 证书与私钥' },
+  aksk:     { label: 'AKSK 密钥', icon: Cloud, color: 'text-purple-400', desc: '云服务 AccessKey/SecretKey' },
+  database: { label: '数据库凭证', icon: Database, color: 'text-blue-400', desc: '数据库连接信息' },
+  api:      { label: 'API 密钥', icon: Globe, color: 'text-orange-400', desc: 'API Token/Key + 端点' },
+  generic:  { label: '通用凭证', icon: FileText, color: 'text-gray-400', desc: '自定义 Key/Value 键值对' },
+};
+
+export const TYPE_BADGE_CLASS: Record<SecretType, string> = {
+  ssh: 'bg-amber-500/20 text-amber-400 border-amber-500/30',
+  docker: 'bg-cyan-500/20 text-cyan-400 border-cyan-500/30',
+  tls: 'bg-green-500/20 text-green-400 border-green-500/30',
+  aksk: 'bg-purple-500/20 text-purple-400 border-purple-500/30',
+  database: 'bg-blue-500/20 text-blue-400 border-blue-500/30',
+  api: 'bg-orange-500/20 text-orange-400 border-orange-500/30',
+  generic: 'bg-gray-500/20 text-gray-400 border-gray-500/30',
+};