refactor(frontend): services/api 迁至 src/api，http 迁至 utils/request

对齐 Vue 后台惯例：
- src/api/          域 API（原 services/api）
- src/utils/request.ts  HTTP 封装（原 services/http.ts）
- src/utils/export.ts  客户端导出工具
- src/utils/index.ts   工具统一出口

全局导入改为 @/api 与 @/utils/request，tsc + build 通过。

frontend/src/components/agent/AgentAlerts.tsx

@@ -2,7 +2,7 @@
 import { useState, useEffect, useCallback } from 'react';
 import { toast } from 'sonner';
 import { useConfirm } from '@/components/ui/confirm-dialog';
-import { agentApi } from '@/services/api';
+import { agentApi } from '@/api';
 import { Card, CardContent } from '@/components/ui/card';
 import { Button } from '@/components/ui/button';
 import { Badge } from '@/components/ui/badge';

frontend/src/components/agent/AgentMonitor.tsx

@@ -1,6 +1,6 @@
 import { useState, useEffect, useRef, useCallback } from 'react';
 import { toast } from 'sonner';
-import { agentApi } from '@/services/api';
+import { agentApi } from '@/api';
 import { AgentWizard } from './AgentWizard';
 import { HostDetailDialog } from './HostDetailDialog';
 import { isOnline, timeAgo, asList } from './agentUtils';

frontend/src/components/agent/AgentRuleDialog.tsx

@@ -1,7 +1,7 @@
 // Agent 告警规则编辑/新建弹窗（自包含表单状态，从 AgentAlerts.tsx 提取） // Logan.Li
 import { useState, useEffect } from 'react';
 import { toast } from 'sonner';
-import { agentApi } from '@/services/api';
+import { agentApi } from '@/api';
 import { Button } from '@/components/ui/button';
 import { Input } from '@/components/ui/input';
 import { Label } from '@/components/ui/label';

frontend/src/components/agent/AgentWizard.tsx

@@ -12,7 +12,7 @@ import { Button } from '@/components/ui/button';
 import { Input } from '@/components/ui/input';
 import { Label } from '@/components/ui/label';
 import { Copy, Check, Terminal, Download, Settings, Play, Cpu, Zap, Loader2, Server, Shield } from 'lucide-react';
-import { serverApi } from '@/services/api';
+import { serverApi } from '@/api';
 import { toast } from 'sonner';
 
 interface AgentWizardProps {

frontend/src/components/agent/HostDetailDialog.tsx

@@ -1,6 +1,6 @@
 // 主机详情弹窗：展示历史指标趋势图 + 端口发现列表（从 AgentMonitor.tsx 提取） // Logan.Li
 import { useState, useEffect } from 'react';
-import { agentApi } from '@/services/api';
+import { agentApi } from '@/api';
 import { isOnline, timeAgo, asList } from './agentUtils';
 import { Button } from '@/components/ui/button';
 import { Badge } from '@/components/ui/badge';

frontend/src/components/aiops/AIAlertAnalyzer.tsx

@@ -3,7 +3,7 @@ import { useState, useEffect } from 'react';
 import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
 import { Badge } from '@/components/ui/badge';
 import { ScrollArea } from '@/components/ui/scroll-area';
-import { alertApi, aiApi } from '@/services/api';
+import { alertApi, aiApi } from '@/api';
 import {
   AlertTriangle,
   Brain,

frontend/src/components/aiops/AIOpsAssistant.tsx

@@ -23,7 +23,7 @@ import {
 } from '@/components/ui/select';
 import { Switch } from '@/components/ui/switch';
 import { toast } from 'sonner';
-import { aiApi, alertApi, agentApi, dashboardStatsApi, type LLMConfigData, type ChatHistoryItem } from '@/services/api';
+import { aiApi, alertApi, agentApi, dashboardStatsApi, type LLMConfigData, type ChatHistoryItem } from '@/api';
 import {
   Bot,
   Send,

frontend/src/components/aiops/AIPredictiveAnalytics.tsx

@@ -30,7 +30,7 @@ import {
   Minus,
   Loader2,
 } from 'lucide-react';
-import { dashboardStatsApi, serverApi, alertApi } from '@/services/api';
+import { dashboardStatsApi, serverApi, alertApi } from '@/api';
 import { PredictiveCapacityTab } from './PredictiveCapacityTab';
 import {
   computePredictions,

frontend/src/components/approval/ApprovalCreateDialog.tsx

@@ -21,7 +21,7 @@ import {
 } from '@/components/ui/dialog';
 import { Loader2 } from 'lucide-react';
 import { toast } from 'sonner';
-import { approvalApi } from '@/services/api';
+import { approvalApi } from '@/api';
 import { parseFields, APPROVAL_TYPE_OPTIONS } from './helpers';
 
 interface ApprovalCreateDialogProps {

frontend/src/components/approval/ApprovalFlow.tsx

@@ -21,7 +21,7 @@ import {
   Plus,
 } from 'lucide-react';
 import { toast } from 'sonner';
-import { approvalApi } from '@/services/api';
+import { approvalApi } from '@/api';
 import { ApprovalProcessTab } from './ApprovalProcessTab';
 import { ApprovalTemplateTab } from './ApprovalTemplateTab';
 import { ApprovalDetailDialog } from './ApprovalDetailDialog';

frontend/src/components/auth/Login.tsx

@@ -2,7 +2,7 @@ import { useState, useEffect } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { User, Lock, Palette, Check, Loader2, AlertCircle, Eye, EyeOff } from 'lucide-react';
 import { useUserStore } from '@/store';
-import { userApi } from '@/services/api';
+import { userApi } from '@/api';
 import { useTheme, THEME_OPTIONS } from '@/hooks/useTheme';
 import { cn } from '@/lib/utils';
 import {

frontend/src/components/automation/CronJobFormDialog.tsx

@@ -20,7 +20,7 @@ import { Textarea } from '@/components/ui/textarea';
 import { Label } from '@/components/ui/label';
 import { Badge } from '@/components/ui/badge';
 import { toast } from 'sonner';
-import { cronJobApi, scriptApi } from '@/services/api';
+import { cronJobApi, scriptApi } from '@/api';
 
 // 定时任务类型定义 // Logan.Li
 const jobTypes = [

frontend/src/components/automation/CronJobManager.tsx

@@ -21,7 +21,7 @@ import {
   PackageOpen,
 } from 'lucide-react';
 import { toast } from 'sonner';
-import { cronJobApi } from '@/services/api';
+import { cronJobApi } from '@/api';
 import { useConfirm } from '@/components/ui/confirm-dialog';
 import { getStatusBadge, parseCron } from './cronJobHelpers';
 import { CronJobFormDialog } from './CronJobFormDialog';

frontend/src/components/automation/ExecutionHistoryDialog.tsx

@@ -15,7 +15,7 @@ import {
   TableRow,
 } from '@/components/ui/table';
 import { History, Loader2, Terminal } from 'lucide-react';
-import { taskExecutionApi } from '@/services/api';
+import { taskExecutionApi } from '@/api';
 import { getStatusBadge } from './cronJobHelpers';
 
 // 定时任务执行历史弹窗（打开时自动加载，点击行展开输出） // Logan.Li

frontend/src/components/automation/ScriptManager.tsx

@@ -10,7 +10,7 @@ import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
 import { Checkbox } from '@/components/ui/checkbox';
 import { toast } from 'sonner';
 import { useConfirm } from '@/components/ui/confirm-dialog';
-import { scriptApi, taskExecutionApi } from '@/services/api';
+import { scriptApi, taskExecutionApi } from '@/api';
 import {
   type Script, type ExecutionRecord, mapScript, scriptTypes, genCode,
 } from './script-helpers';

frontend/src/components/cloud/BillingRecordDialog.tsx

@@ -20,7 +20,7 @@ import {
 } from '@/components/ui/select';
 import { Loader2 } from 'lucide-react';
 import { toast } from 'sonner';
-import { billingApi } from '@/services/api';
+import { billingApi } from '@/api';
 import { providerLabels } from './CloudBillingHelpers';
 
 const emptyRecord = {

frontend/src/components/cloud/BillingRuleDialog.tsx

@@ -21,7 +21,7 @@ import {
 } from '@/components/ui/select';
 import { Loader2 } from 'lucide-react';
 import { toast } from 'sonner';
-import { billingApi } from '@/services/api';
+import { billingApi } from '@/api';
 import { providerLabels } from './CloudBillingHelpers';
 
 const emptyRule = { name: '', provider: '', metric: 'daily', threshold: '', operator: '>', enabled: true };

frontend/src/components/cloud/CloudAccountManager.tsx

@@ -24,7 +24,7 @@ import {
   RefreshCw,
   Loader2,
 } from 'lucide-react';
-import { cloudApi } from '@/services/api';
+import { cloudApi } from '@/api';
 import { CloudBrandIcon, getProviderColor } from '@/components/icons/CloudBrandIcon';
 
 const providerLabels: Record<string, string> = {

frontend/src/components/cloud/CloudBilling.tsx

@@ -26,7 +26,7 @@ import {
 } from 'lucide-react';
 import { toast } from 'sonner';
 import { useConfirm } from '@/components/ui/confirm-dialog';
-import { billingApi } from '@/services/api';
+import { billingApi } from '@/api';
 import { formatCurrency, StatCard, TrendChart, providerLabels, providerColors } from './CloudBillingHelpers';
 import { StatStrip } from '@/components/ui/stat-strip';
 import { BillingRecordDialog } from './BillingRecordDialog';

frontend/src/components/cloud/DomainManager.tsx

@@ -24,7 +24,7 @@ import {
   RefreshCw,
   Loader2,
 } from 'lucide-react';
-import { cloudApi } from '@/services/api';
+import { cloudApi } from '@/api';
 
 export function DomainManager() {
   const [domains, setDomains] = useState<any[]>([]);

frontend/src/components/cloud/PlatformManager.tsx

@@ -29,7 +29,7 @@ import {
   ExternalLink,
   Loader2,
 } from 'lucide-react';
-import { platformApi } from '@/services/api';
+import { platformApi } from '@/api';
 
 const typeLabels: Record<string, string> = {
   public: '公有云',

frontend/src/components/cloud/RegionManager.tsx

@@ -37,7 +37,7 @@ import {
   XCircle,
   Loader2,
 } from 'lucide-react';
-import { regionApi } from '@/services/api';
+import { regionApi } from '@/api';
 import { useConfirm } from '@/components/ui/confirm-dialog';
 import { toast } from 'sonner';
 

frontend/src/components/dashboard/Dashboard.tsx

@@ -3,7 +3,7 @@ import { useNavigate } from 'react-router-dom';
 import { Button } from '@/components/ui/button';
 import { cn } from '@/lib/utils';
 import { Clock, Server, ArrowRight } from 'lucide-react';
-import { dashboardStatsApi, serverApi, kubernetesApi } from '@/services/api';
+import { dashboardStatsApi, serverApi, kubernetesApi } from '@/api';
 import { StatStrip } from '@/components/ui/stat-strip';
 import { CostOverviewCard, TopResourceUsageCard, ResourceUsageCard } from './DashboardCharts';
 import {

frontend/src/components/deploy/AppRelease.tsx

@@ -33,7 +33,7 @@ import {
   History,
   Loader2,
 } from 'lucide-react';
-import { releaseApi } from '@/services/api';
+import { releaseApi } from '@/api';
 import { toast } from 'sonner';
 import { getStatusBadge, getEnvBadge } from './releaseHelpers';
 import { ReleaseDetailDialog } from './ReleaseDetailDialog';

frontend/src/components/deploy/CredentialFormDialog.tsx

@@ -8,7 +8,7 @@ import { Label } from '@/components/ui/label';
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
 import { Plus, Key, Globe, Container } from 'lucide-react';
 import { toast } from 'sonner';
-import { credentialApi, deployApi } from '@/services/api';
+import { credentialApi, deployApi } from '@/api';
 
 interface Repo {
   id: number; name: string; url: string; credential_id: number | null;

frontend/src/components/deploy/CredentialManager.tsx

@@ -34,7 +34,7 @@ import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, Di
 
 import { toast } from 'sonner';
 import { useConfirm } from '@/components/ui/confirm-dialog';
-import { credentialApi } from '@/services/api';
+import { credentialApi } from '@/api';
 
 // ────── Types ──────
 

frontend/src/components/deploy/DeployCredentials.tsx

@@ -9,7 +9,7 @@ import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@
 import { Dialog, DialogContent, DialogHeader, DialogTitle } from '@/components/ui/dialog';
 import { toast } from 'sonner';
 import { useConfirm } from '@/components/ui/confirm-dialog';
-import { deployApi } from '@/services/api';
+import { deployApi } from '@/api';
 import CredentialFormDialog from './CredentialFormDialog';
 import ToolConfigTab from './ToolConfigTab';
 

frontend/src/components/deploy/DeployRBAC.tsx

@@ -7,7 +7,7 @@ import { Badge } from '@/components/ui/badge';
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
 import { Label } from '@/components/ui/label';
 import { toast } from 'sonner';
-import { deployApi, userApi, pipelineApi } from '@/services/api';
+import { deployApi, userApi, pipelineApi } from '@/api';
 import { useConfirm } from '@/components/ui/confirm-dialog';
 
 interface ItemRole {

frontend/src/components/deploy/FileBrowserDialog.tsx

@@ -17,7 +17,7 @@ import {
   Minimize2,
 } from 'lucide-react';
 import { cn } from '@/lib/utils';
-import { pipelineApi } from '@/services/api';
+import { pipelineApi } from '@/api';
 import { useUserStore } from '@/store';
 
 interface FileItem {

frontend/src/components/deploy/PipelineEditor.tsx

@@ -42,7 +42,7 @@ import { Switch } from '@/components/ui/switch';
 import { Label } from '@/components/ui/label';
 import { Dialog, DialogContent, DialogHeader, DialogTitle } from '@/components/ui/dialog';
 import { toast } from 'sonner';
-import { pipelineApi, deployApi } from '@/services/api';
+import { pipelineApi, deployApi } from '@/api';
 import { useConfirm } from '@/components/ui/confirm-dialog';
 
 // ---- types ----

frontend/src/components/deploy/PipelineManager.tsx

@@ -40,7 +40,7 @@ import {
   Package,
 } from 'lucide-react';
 
-import { credentialApi, deployApi, pipelineApi } from '@/services/api';
+import { credentialApi, deployApi, pipelineApi } from '@/api';
 import { useConfirm } from '@/components/ui/confirm-dialog';
 import { toast } from 'sonner';
 import { nameToCode, getStatusBadge } from './pipeline-helpers';

frontend/src/components/deploy/PipelineRunDetail.tsx

@@ -10,7 +10,7 @@ import { Button } from '@/components/ui/button';
 import { Badge } from '@/components/ui/badge';
 import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
 import { toast } from 'sonner';
-import { pipelineApi } from '@/services/api';
+import { pipelineApi } from '@/api';
 import { FileBrowserDialog } from './FileBrowserDialog';
 
 // ═══════════ 阶段定义 (与 PipelineManager 共用) ═══════════

frontend/src/components/deploy/ReleaseApplyDialog.tsx

@@ -20,7 +20,7 @@ import {
   SelectValue,
 } from '@/components/ui/select';
 import { Loader2 } from 'lucide-react';
-import { releaseApi } from '@/services/api';
+import { releaseApi } from '@/api';
 import { toast } from 'sonner';
 
 interface ReleaseApplyDialogProps {

frontend/src/components/deploy/ReleaseApproveDialog.tsx

@@ -10,7 +10,7 @@ import {
 } from '@/components/ui/dialog';
 import { Button } from '@/components/ui/button';
 import { AlertCircle, X, Check, Loader2 } from 'lucide-react';
-import { releaseApi } from '@/services/api';
+import { releaseApi } from '@/api';
 import { toast } from 'sonner';
 
 interface ReleaseApproveDialogProps {

frontend/src/components/deploy/ReleaseCreateDialog.tsx

@@ -20,7 +20,7 @@ import {
   SelectValue,
 } from '@/components/ui/select';
 import { Plus, Loader2 } from 'lucide-react';
-import { releaseApi } from '@/services/api';
+import { releaseApi } from '@/api';
 import { toast } from 'sonner';
 
 interface ReleaseCreateDialogProps {

frontend/src/components/deploy/ReleaseDetailDialog.tsx

@@ -12,7 +12,7 @@ import {
   DialogTitle,
 } from '@/components/ui/dialog';
 import { Rocket, CheckCircle, Loader2, RotateCcw } from 'lucide-react';
-import { releaseApi } from '@/services/api';
+import { releaseApi } from '@/api';
 import { toast } from 'sonner';
 import { PIPELINE_STEPS } from './releaseHelpers';
 

frontend/src/components/deploy/ReleaseManager.tsx

@@ -31,7 +31,7 @@ import {
   Play,
   PackageOpen,
 } from 'lucide-react';
-import { releaseApi } from '@/services/api';
+import { releaseApi } from '@/api';
 import { useConfirm } from '@/components/ui/confirm-dialog';
 import { toast } from 'sonner';
 import { getStatusBadge, getEnvironmentBadge } from './releaseManagerHelpers';

frontend/src/components/deploy/ToolConfigTab.tsx

@@ -5,7 +5,7 @@ import { Badge } from '@/components/ui/badge';
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
 import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription } from '@/components/ui/dialog';
 import { toast } from 'sonner';
-import { deployApi } from '@/services/api';
+import { deployApi } from '@/api';
 
 interface ToolConfig {
   id: number; name: string; display_name: string; description: string;

frontend/src/components/deploy/UserGroupsManager.tsx

@@ -7,7 +7,7 @@ import { Dialog, DialogContent, DialogHeader, DialogTitle } from '@/components/u
 import { Label } from '@/components/ui/label';
 import { toast } from 'sonner';
 import { useConfirm } from '@/components/ui/confirm-dialog';
-import { deployApi } from '@/services/api';
+import { deployApi } from '@/api';
 
 interface Group {
   id: number; name: string; description: string;

frontend/src/components/deploy/WorkspaceTermDialog.tsx

@@ -11,7 +11,7 @@ import 'xterm/css/xterm.css';
 import { Maximize2, Minimize2, X, FolderOpen } from 'lucide-react';
 import { cn } from '@/lib/utils';
 import { useUserStore } from '@/store';
-import { pipelineApi } from '@/services/api';
+import { pipelineApi } from '@/api';
 
 interface WorkspaceTermDialogProps {
   open: boolean;

frontend/src/components/kubernetes/CapacityPage.tsx

@@ -10,7 +10,7 @@ import {
   Table, TableBody, TableCell, TableHead, TableHeader, TableRow,
 } from '@/components/ui/table';
 import { RefreshCw, ChevronRight, BarChart3, Download, Cpu, HardDrive } from 'lucide-react';
-import { kubernetesApi } from '@/services/api';
+import { kubernetesApi } from '@/api';
 
 export default function CapacityPage() {
   const { clusterCode } = useParams<{ clusterCode: string }>();

frontend/src/components/kubernetes/ClusterComparePage.tsx

@@ -28,7 +28,7 @@ import {
   TrendingUp,
 } from 'lucide-react';
 
-import { kubernetesApi } from '@/services/api';
+import { kubernetesApi } from '@/api';
 
 const CHART_COLORS = ['#3B82F6', '#207060', '#F59E0B', '#EF4444', '#8B5CF6', '#EC4899', '#14B8A6', '#F97316'];
 

frontend/src/components/kubernetes/ClusterOverviewPage.tsx

@@ -20,7 +20,7 @@ import {
   Activity,
 } from 'lucide-react';
 
-import { kubernetesApi } from '@/services/api';
+import { kubernetesApi } from '@/api';
 import { useToast } from '@/hooks/use-toast';
 
 const NAMESPACE_ICON: Record<string, React.ComponentType<any>> = {

frontend/src/components/kubernetes/DeploymentDetail.tsx

@@ -33,7 +33,7 @@ import {
   FolderOpen,
 } from 'lucide-react';
 
-import { kubernetesApi } from '@/services/api';
+import { kubernetesApi } from '@/api';
 import { useToast } from '@/hooks/use-toast';
 import { PodExecTerminal } from './PodExecTerminal';
 import { PodLogsViewer } from './PodLogsViewer';

frontend/src/components/kubernetes/DeploymentEditAdvanced.tsx

@@ -10,7 +10,7 @@ import {
   Save, Loader2, Settings, RefreshCw, Shield, Clock, Network,
 } from 'lucide-react';
 import { useToast } from '@/hooks/use-toast';
-import { kubernetesApi } from '@/services/api';
+import { kubernetesApi } from '@/api';
 import { SchedulingSection, type ScheduleMode } from './deployment-edit-advanced/SchedulingSection';
 import { DnsHostSection } from './deployment-edit-advanced/DnsHostSection';
 

frontend/src/components/kubernetes/DeploymentEditBasic.tsx

@@ -9,7 +9,7 @@ import { Label } from '@/components/ui/label';
 import { Badge } from '@/components/ui/badge';
 import { Plus, Trash2, Save, Loader2, Tags, FileText, Hash, Lock } from 'lucide-react';
 import { useToast } from '@/hooks/use-toast';
-import { kubernetesApi } from '@/services/api';
+import { kubernetesApi } from '@/api';
 
 interface DeploymentEditBasicProps {
   clusterCode: string;

frontend/src/components/kubernetes/DeploymentEditContainers.tsx

@@ -18,7 +18,7 @@ import {
 } from 'lucide-react';
 
 import { useToast } from '@/hooks/use-toast';
-import { kubernetesApi } from '@/services/api';
+import { kubernetesApi } from '@/api';
 
 import { ContainerGroupSection } from './deployment-edit/ContainerGroupSection';
 import {

frontend/src/components/kubernetes/DeploymentEditService.tsx

@@ -23,7 +23,7 @@ import {
 } from 'lucide-react';
 
 import { useToast } from '@/hooks/use-toast';
-import { kubernetesApi } from '@/services/api';
+import { kubernetesApi } from '@/api';
 
 interface Props {
   clusterCode: string;

frontend/src/components/kubernetes/DeploymentEditStorage.tsx

@@ -11,7 +11,7 @@ import {
   Plus, Trash2, Save, Loader2, HardDrive, Database, Folder, Lock, File, Disc, Server,
 } from 'lucide-react';
 import { useToast } from '@/hooks/use-toast';
-import { kubernetesApi } from '@/services/api';
+import { kubernetesApi } from '@/api';
 
 interface Props {
   clusterCode: string;

frontend/src/components/kubernetes/DeploymentView.tsx

@@ -30,7 +30,7 @@ import {
   Loader2,
 } from 'lucide-react';
 
-import { kubernetesApi } from '@/services/api';
+import { kubernetesApi } from '@/api';
 import { useToast } from '@/hooks/use-toast';
 import {
   formatK8sTime, formatDuration, elapsedSeconds, statusColor, STATUS_COLORS,

frontend/src/components/kubernetes/DeploymentWorkload.tsx

@@ -34,7 +34,7 @@ import {
   Database,
 } from 'lucide-react';
 
-import { kubernetesApi } from '@/services/api';
+import { kubernetesApi } from '@/api';
 import { useToast } from '@/hooks/use-toast';
 import { useUserStore } from '@/store';
 import { YamlViewer } from './YamlViewer';

frontend/src/components/kubernetes/EventsPage.tsx

@@ -14,7 +14,7 @@ import {
   Cell,
 } from 'recharts';
 import { RefreshCw, ChevronRight, Bell, AlertTriangle, Info, Activity, Server, Layers } from 'lucide-react';
-import { kubernetesApi } from '@/services/api';
+import { kubernetesApi } from '@/api';
 
 // Color palette for charts
 const CHART_COLORS = ['#EF4444', '#F59E0B', '#3B82F6', '#8B5CF6', '#EC4899', '#14B8A6', '#F97316', '#6366F1', '#84CC16', '#06B6D4'];

frontend/src/components/kubernetes/KubernetesClusterDetail.tsx

@@ -4,7 +4,7 @@ import { Button } from '@/components/ui/button';
 import { Badge } from '@/components/ui/badge';
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
 import { Cloud, XCircle } from 'lucide-react';
-import { kubernetesApi } from '@/services/api';
+import { kubernetesApi } from '@/api';
 import {
   AreaChart,
   Area,

frontend/src/components/kubernetes/KubernetesClusterDialog.tsx

@@ -12,7 +12,7 @@ import {
   DialogHeader,
   DialogTitle,
 } from '@/components/ui/dialog';
-import { kubernetesApi } from '@/services/api';
+import { kubernetesApi } from '@/api';
 import { toast } from 'sonner';
 
 // 名称即 code，只允许英文/数字/连字符

frontend/src/components/kubernetes/KubernetesClusters.tsx

@@ -29,7 +29,7 @@ import {
   Container,
   Download,
 } from 'lucide-react';
-import { kubernetesApi } from '@/services/api';
+import { kubernetesApi } from '@/api';
 import { toast } from 'sonner';
 import type { KubernetesCluster } from '@/types';
 import { KubernetesClusterDetail } from './KubernetesClusterDetail';

frontend/src/components/kubernetes/KubernetesNodes.tsx

@@ -10,7 +10,7 @@ import {
   Table, TableBody, TableCell, TableHead, TableHeader, TableRow,
 } from '@/components/ui/table';
 import { RefreshCw, Search, Server, Loader2 } from 'lucide-react';
-import { kubernetesApi } from '@/services/api';
+import { kubernetesApi } from '@/api';
 
 export function KubernetesNodes() {
   const [clusters, setClusters] = useState<any[]>([]);

frontend/src/components/kubernetes/KubernetesWorkloads.tsx

@@ -22,7 +22,7 @@ import {
   Eye,
 } from 'lucide-react';
 
-import { kubernetesApi } from '@/services/api';
+import { kubernetesApi } from '@/api';
 import { useToast } from '@/hooks/use-toast';
 import { DeploymentDetail } from './DeploymentDetail';
 

frontend/src/components/kubernetes/NamespaceManagementPage.tsx

@@ -15,7 +15,7 @@ import {
   RefreshCw, Loader2, ChevronRight, Plus, Trash2, Boxes, Container, Network,
   Shield, Activity, AlertTriangle, CheckCircle2,
 } from 'lucide-react';
-import { kubernetesApi } from '@/services/api';
+import { kubernetesApi } from '@/api';
 
 interface NamespaceDetail {
   name: string;

frontend/src/components/kubernetes/NamespaceOverviewPage.tsx

@@ -13,7 +13,7 @@ import {
   Clock,
 } from 'lucide-react';
 
-import { kubernetesApi } from '@/services/api';
+import { kubernetesApi } from '@/api';
 
 const RESOURCE_LINKS = [
   { type: 'deployments', label: 'Deployments', icon: Boxes, desc: '工作负载副本管理' },

frontend/src/components/kubernetes/NamespaceResourcePage.tsx

@@ -19,7 +19,7 @@ import { YamlViewer } from './YamlViewer';
 import { ResourceVisualEditor } from './ResourceVisualEditor';
 import { PodExecTerminal } from './PodExecTerminal';
 import { PodFileBrowser } from './PodFileBrowser';
-import { kubernetesApi } from '@/services/api';
+import { kubernetesApi } from '@/api';
 import { useToast } from '@/hooks/use-toast';
 
 type ResourceType =

frontend/src/components/kubernetes/NodeDetailPage.tsx

@@ -20,7 +20,7 @@ import {
   CheckCircle2,
 } from 'lucide-react';
 
-import { kubernetesApi } from '@/services/api';
+import { kubernetesApi } from '@/api';
 
 export default function NodeDetailPage() {
   const { clusterCode, nodeName } = useParams<{ clusterCode: string; nodeName: string }>();

frontend/src/components/kubernetes/PodExecTerminal.tsx

@@ -20,7 +20,7 @@ import {
   Terminal, Maximize2, Minimize2, X, Loader2, RotateCw, Box,
 } from 'lucide-react';
 import { cn } from '@/lib/utils';
-import { kubernetesApi } from '@/services/api';
+import { kubernetesApi } from '@/api';
 import { useToast } from '@/hooks/use-toast';
 
 export interface PodExecTerminalProps {

frontend/src/components/kubernetes/PodFileBrowser.tsx

@@ -1,7 +1,7 @@
 // PodFileBrowser.tsx — Pod 容器文件浏览器组件
 // 作者: Logan <admin@attacker.club>
 import { useState, useEffect, useCallback, useRef } from 'react';
-import { kubernetesApi } from '@/services/api';
+import { kubernetesApi } from '@/api';
 import { Button } from '@/components/ui/button';
 import { Badge } from '@/components/ui/badge';
 import {

frontend/src/components/kubernetes/PodLogsViewer.tsx

@@ -19,7 +19,7 @@ import {
   RefreshCw, Loader2, Box, History, Clock, Filter, AlertCircle,
 } from 'lucide-react';
 import { cn } from '@/lib/utils';
-import { kubernetesApi } from '@/services/api';
+import { kubernetesApi } from '@/api';
 import { useToast } from '@/hooks/use-toast';
 
 /**

frontend/src/components/kubernetes/PodMetricsPage.tsx

@@ -10,7 +10,7 @@ import {
   Table, TableBody, TableCell, TableHead, TableHeader, TableRow,
 } from '@/components/ui/table';
 import { Cpu, HardDrive, RefreshCw, ChevronRight, Activity } from 'lucide-react';
-import { kubernetesApi } from '@/services/api';
+import { kubernetesApi } from '@/api';
 
 export default function PodMetricsPage() {
   const { clusterCode } = useParams<{ clusterCode: string }>();

frontend/src/components/kubernetes/ResourceVisualEditor.tsx

@@ -10,7 +10,7 @@ import { Label } from '@/components/ui/label';
 import { Textarea } from '@/components/ui/textarea';
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
 import { useToast } from '@/hooks/use-toast';
-import { kubernetesApi } from '@/services/api';
+import { kubernetesApi } from '@/api';
 import CodeMirror from '@uiw/react-codemirror';
 import { yaml } from '@codemirror/lang-yaml';
 import { oneDark } from '@codemirror/theme-one-dark';

frontend/src/components/kubernetes/TopologyView.tsx

@@ -15,7 +15,7 @@ import { Textarea } from '@/components/ui/textarea';
 import {
   Search, RefreshCw, Loader2, Cloud, Save, Plus, Trash2, Link2, Pencil, RotateCcw,
 } from 'lucide-react';
-import { kubernetesApi } from '@/services/api';
+import { kubernetesApi } from '@/api';
 import { useConfirm } from '@/components/ui/confirm-dialog';
 import { toast } from 'sonner';
 import type { TopologyNode, TopologyEdge } from '@/types';

frontend/src/components/kubernetes/WorkloadViewPage.tsx

@@ -13,7 +13,7 @@ import {
   ArrowLeft, RotateCcw, FileCode, Activity, Container, Terminal,
   HardDrive, Minus, Plus, Boxes, Tag, Settings, Database,
 } from 'lucide-react';
-import { kubernetesApi } from '@/services/api';
+import { kubernetesApi } from '@/api';
 import { useToast } from '@/hooks/use-toast';
 import { YamlViewer } from './YamlViewer';
 import { PodExecTerminal } from './PodExecTerminal';

frontend/src/components/kubernetes/YamlViewer.tsx

@@ -5,7 +5,7 @@ import { useState, useEffect, useMemo} from 'react';
 import { X, Copy, Check, Save, Loader2, Sparkles} from 'lucide-react';
 import { Button } from '@/components/ui/button';
 import { useToast } from '@/hooks/use-toast';
-import { kubernetesApi } from '@/services/api';
+import { kubernetesApi } from '@/api';
 import { cleanYAML } from './k8s-yaml-utils';
 import CodeMirror from '@uiw/react-codemirror';
 import { yaml } from '@codemirror/lang-yaml';

frontend/src/components/layout/MainLayout.tsx

@@ -5,7 +5,7 @@ import { useThemeStore, useUserStore } from '@/store';
 import { Sidebar } from './Sidebar';
 import { Header } from './Header';
 import { Breadcrumb } from './Breadcrumb';
-import { userApi } from '@/services/api';
+import { userApi } from '@/api';
 
 /**
  * MainLayout - 优化后的主布局组件

frontend/src/components/monitor/AlertChannelDialog.tsx

@@ -15,7 +15,7 @@ import {
   DialogTitle,
 } from '@/components/ui/dialog';
 import { Plus, Trash2, Loader2 } from 'lucide-react';
-import { alertApi } from '@/services/api';
+import { alertApi } from '@/api';
 import { CHANNEL_TYPES, getChannelTypeLabel } from './alertShared';
 
 const defaultChannelForm = { name: '', type: 'dingtalk', config: '', enabled: true };

frontend/src/components/monitor/AlertEventsTab.tsx

@@ -13,7 +13,7 @@ import {
   TableRow,
 } from '@/components/ui/table';
 import { Search, AlertTriangle, Bell, CheckCircle, Loader2 } from 'lucide-react';
-import { alertApi } from '@/services/api';
+import { alertApi } from '@/api';
 
 export function AlertEventsTab({
   alerts,

frontend/src/components/monitor/AlertManager.tsx

@@ -12,7 +12,7 @@ import {
   CartesianGrid,
   Tooltip,
 } from 'recharts';
-import { alertApi } from '@/services/api';
+import { alertApi } from '@/api';
 import { AlertEventsTab } from './AlertEventsTab';
 import { AlertRulesTab } from './AlertRulesTab';
 import { AlertRuleDialog } from './AlertRuleDialog';

frontend/src/components/monitor/AlertRuleDialog.tsx

@@ -13,7 +13,7 @@ import {
   DialogTitle,
 } from '@/components/ui/dialog';
 import { Loader2 } from 'lucide-react';
-import { alertApi } from '@/services/api';
+import { alertApi } from '@/api';
 import { parseChannels, getChannelIcon, getChannelTypeLabel } from './alertShared';
 
 const emptyRuleForm = {

frontend/src/components/monitor/AlertRulesTab.tsx

@@ -15,7 +15,7 @@ import {
 } from '@/components/ui/table';
 import { Settings, Trash2 } from 'lucide-react';
 import { toast } from 'sonner';
-import { alertApi } from '@/services/api';
+import { alertApi } from '@/api';
 import { renderRuleChannels } from './alertShared';
 
 const COL_SPAN = 9; // 复选框 + 7 数据列 + 操作列 // Logan.Li

frontend/src/components/monitor/alert-center/AlertCenter.tsx

@@ -16,7 +16,7 @@ import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
 import { Switch } from '@/components/ui/switch';
 import { toast } from 'sonner';
 import { useConfirm } from '@/components/ui/confirm-dialog';
-import { alertCenterApi, agentApi, alertApi } from '@/services/api';
+import { alertCenterApi, agentApi, alertApi } from '@/api';
 import {
   type Alert, type AlertRule, mapAlert, getSeverityBadge, getStatusBadge,
   getChannelTypeLabel,

frontend/src/components/monitor/alert-center/AlertChannelDialog.tsx

@@ -10,7 +10,7 @@ import {
   Select, SelectContent, SelectItem, SelectTrigger, SelectValue,
 } from '@/components/ui/select';
 import { toast } from 'sonner';
-import { alertApi } from '@/services/api';
+import { alertApi } from '@/api';
 import type { NotificationChannel } from './alert-center-helpers';
 
 const CHANNEL_TYPES = [

frontend/src/components/monitor/alert-center/AlertChannelsTab.tsx

@@ -6,7 +6,7 @@ import { Badge } from '@/components/ui/badge';
 import { Card, CardHeader, CardTitle, CardContent } from '@/components/ui/card';
 import { toast } from 'sonner';
 import { useConfirm } from '@/components/ui/confirm-dialog';
-import { alertApi } from '@/services/api';
+import { alertApi } from '@/api';
 import {
   type NotificationChannel, getChannelIcon, getChannelTypeLabel,
 } from './alert-center-helpers';

frontend/src/components/monitor/alert-center/ContactDialog.tsx

@@ -10,7 +10,7 @@ import {
   Select, SelectContent, SelectItem, SelectTrigger, SelectValue,
 } from '@/components/ui/select';
 import { toast } from 'sonner';
-import { alertApi } from '@/services/api';
+import { alertApi } from '@/api';
 import type { Contact } from './alert-center-helpers';
 
 const CHANNEL_OPTIONS = [

frontend/src/components/monitor/alert-center/ContactGroupDialog.tsx

@@ -9,7 +9,7 @@ import { Label } from '@/components/ui/label';
 import { Textarea } from '@/components/ui/textarea';
 import { Badge } from '@/components/ui/badge';
 import { toast } from 'sonner';
-import { alertApi } from '@/services/api';
+import { alertApi } from '@/api';
 import type { Contact, ContactGroup } from './alert-center-helpers';
 
 export function ContactGroupDialog({

frontend/src/components/monitor/alert-center/SilenceDialog.tsx

@@ -11,7 +11,7 @@ import {
   Select, SelectContent, SelectItem, SelectTrigger, SelectValue,
 } from '@/components/ui/select';
 import { toast } from 'sonner';
-import { alertCenterApi } from '@/services/api';
+import { alertCenterApi } from '@/api';
 
 // 静默类型中文标签
 const SILENCE_TYPE_LABELS: Record<string, string> = {

frontend/src/components/monitor/alert-center/SilenceRuleTab.tsx

@@ -7,7 +7,7 @@ import { Card, CardContent } from '@/components/ui/card';
 import { Switch } from '@/components/ui/switch';
 import { toast } from 'sonner';
 import { useConfirm } from '@/components/ui/confirm-dialog';
-import { alertCenterApi } from '@/services/api';
+import { alertCenterApi } from '@/api';
 import { SilenceDialog } from './SilenceDialog';
 
 const SILENCE_TYPE_LABELS: Record<string, string> = {

frontend/src/components/monitor/dashboard/GrafanaDashboard.tsx

@@ -35,7 +35,7 @@ import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@
 import { Label } from '@/components/ui/label';
 import { toast } from 'sonner';
 import { useUserStore } from '@/store';
-import { dashboardApi, promDatasourceApi, zabbixDatasourceApi, agentApi, serverApi } from '@/services/api';
+import { dashboardApi, promDatasourceApi, zabbixDatasourceApi, agentApi, serverApi } from '@/api';
 import { GrafanaPanelContent } from './GrafanaPanelContent';
 import { ZabbixDashboard } from './ZabbixDashboard';
 import { PrometheusDashboard } from './PrometheusDashboard';

frontend/src/components/monitor/dashboard/HostMonitorDashboard.tsx

@@ -28,7 +28,7 @@ import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
 import {
   Select, SelectContent, SelectItem, SelectTrigger, SelectValue
 } from '@/components/ui/select';
-import { serverApi } from '@/services/api';
+import { serverApi } from '@/api';
 
 type SortField = 'hostname' | 'ip' | 'agent_version' | 'agent_status' | 'cpu_usage' | 'memory_usage' | 'disk_usage' | 'region';
 type SortDir = 'asc' | 'desc';

frontend/src/components/monitor/dashboard/PrometheusDashboard.tsx

@@ -6,7 +6,7 @@ import { Badge } from '@/components/ui/badge';
 import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
 import { StatStrip } from '@/components/ui/stat-strip';
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
-import { prometheusProxyApi } from '@/services/api';
+import { prometheusProxyApi } from '@/api';
 
 interface Props { dsUrl?: string; }
 

frontend/src/components/monitor/dashboard/ZabbixDashboard.tsx

@@ -16,7 +16,7 @@ import {
 import { Button } from '@/components/ui/button';
 import { Badge } from '@/components/ui/badge';
 import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
-import { zabbixProxyApi } from '@/services/api';
+import { zabbixProxyApi } from '@/api';
 
 interface ZabbixHost {
   hostid: string; hostname: string; name: string; ip: string; available: string;

frontend/src/components/monitor/datasource/PrometheusDatasourceManager.tsx

@@ -37,7 +37,7 @@ import {
 } from '@/components/ui/select';
 import { toast } from 'sonner';
 import { useConfirm } from '@/components/ui/confirm-dialog';
-import { promDatasourceApi } from '@/services/api';
+import { promDatasourceApi } from '@/api';
 
 interface PromDS {
   id: number;

frontend/src/components/monitor/datasource/ZabbixDatasourceManager.tsx

@@ -30,7 +30,7 @@ import {
 } from '@/components/ui/dialog';
 import { toast } from 'sonner';
 import { useConfirm } from '@/components/ui/confirm-dialog';
-import { zabbixDatasourceApi } from '@/services/api';
+import { zabbixDatasourceApi } from '@/api';
 
 interface ZabbixDS {
   id: number;

frontend/src/components/monitor/trace/TraceManager.tsx

@@ -38,7 +38,7 @@ import { Label } from '@/components/ui/label';
 import { Separator } from '@/components/ui/separator';
 import { ScrollArea } from '@/components/ui/scroll-area';
 import { toast } from 'sonner';
-import { traceApi } from '@/services/api';
+import { traceApi } from '@/api';
 
 interface Trace {
   id: string;

frontend/src/components/server/CloudServerImport.tsx

@@ -25,7 +25,7 @@ import {
   Search,
   AlertCircle,
 } from 'lucide-react';
-import { cloudApi } from '@/services/api';
+import { cloudApi } from '@/api';
 
 interface CloudServerImportProps {
   open: boolean;
@@ -73,7 +73,7 @@ export function CloudServerImport({ open, onClose }: CloudServerImportProps) {
   useEffect(() => {
     if (open) {
       loadAccounts();
-      import('@/services/api').then(({ credentialApi }) => {
+      import('@/api').then(({ credentialApi }) => {
         credentialApi.list().then(( res: any) => setCredentials(res?.list || []))
           .catch(() => setCredentials([]));
       });

frontend/src/components/server/ExcelServerImport.tsx

@@ -23,7 +23,7 @@ import {
   ChevronLeft,
   Loader2,
 } from 'lucide-react';
-import { regionApi, serverApi, credentialApi } from '@/services/api';
+import { regionApi, serverApi, credentialApi } from '@/api';
 
 interface RegionOption {
   id: string;

frontend/src/components/server/ServerFileBrowser.tsx

@@ -26,7 +26,7 @@ import {
   Minimize2,
 } from 'lucide-react';
 import { cn } from '@/lib/utils';
-import { serverApi } from '@/services/api';
+import { serverApi } from '@/api';
 
 interface FileItem {
   name: string;

frontend/src/components/server/ServerForm.tsx

@@ -25,7 +25,7 @@ import {
   SelectValue,
 } from '@/components/ui/select';
 import { Server, ChevronDown, Loader2, Save, Key, Shield } from 'lucide-react';
-import { credentialApi } from '@/services/api';
+import { credentialApi } from '@/api';
 
 // 表单数据结构
 export interface ServerFormData {

frontend/src/components/server/ServerManager.tsx

@@ -39,7 +39,7 @@ import {
   ChevronLeft,
   ChevronRight,
 } from 'lucide-react';
-import { serverApi } from '@/services/api';
+import { serverApi } from '@/api';
 import { ServerStatsStrip } from './ServerStatsStrip';
 import { useConfirm } from '@/components/ui/confirm-dialog';
 import { toast } from 'sonner';

frontend/src/components/server/TerminalDialog.tsx

@@ -13,7 +13,7 @@ import { Maximize2, Minimize2, X, Shield} from 'lucide-react';
 import { cn } from '@/lib/utils';
 import { attachTerminalResize, fitTerminal, mountXterm } from '@/lib/xterm-utils';
 import { useUserStore } from '@/store';
-import { credentialApi, serverCredentialApi } from '@/services/api';
+import { credentialApi, serverCredentialApi } from '@/api';
 import { toast } from 'sonner';
 
 interface TerminalDialogProps {

frontend/src/components/server/WebShell.tsx

@@ -29,7 +29,7 @@ import {
 import { Terminal as XTerm } from 'xterm';
 import { FitAddon } from 'xterm-addon-fit';
 import 'xterm/css/xterm.css';
-import { serverApi } from '@/services/api';
+import { serverApi } from '@/api';
 import { useUserStore } from '@/store';
 
 interface TerminalSession {

frontend/src/components/system/CredentialManager.tsx

@@ -16,7 +16,7 @@ import {
 import {
   Plus, Trash2, Edit3, Key, Globe, Shield, Eye, EyeOff, RefreshCw,
 } from 'lucide-react';
-import { credentialApi } from '@/services/api';
+import { credentialApi } from '@/api';
 import { useConfirm } from '@/components/ui/confirm-dialog';
 import { toast } from 'sonner';
 

frontend/src/components/system/CsvImportDialog.tsx

@@ -17,7 +17,7 @@ import {
   DialogTitle,
 } from '@/components/ui/dialog';
 import { Upload, Download, CheckCircle, XCircle } from 'lucide-react';
-import { userApi } from '@/services/api';
+import { userApi } from '@/api';
 
 interface CsvImportDialogProps {
   importDialogOpen: 'csv' | 'ldap' | null;

frontend/src/components/system/ReplayDialog.tsx

@@ -10,7 +10,7 @@ import {
   DialogTitle,
 } from '@/components/ui/dialog';
 import { Loader2 } from 'lucide-react';
-import { terminalSessionApi } from '@/services/api';
+import { terminalSessionApi } from '@/api';
 
 interface ReplayDialogProps {
   open: boolean;

frontend/src/components/system/SystemLogsTab.tsx

@@ -12,7 +12,7 @@ import {
   TableHeader,
   TableRow,
 } from '@/components/ui/table';
-import { auditApi } from '@/services/api';
+import { auditApi } from '@/api';
 import type { OperationLog } from '@/types';
 
 interface SystemLogsTabProps {