feat: PTY kubectl终端 + 侧边栏对齐修复 + 构建缓存清理

**kubectl WebShell 修复：** - 引入 github.com/creack/pty 库实现真正的伪终端 - 替换 bash --noediting + TERM=dumb 方案为 PTY-backed bash - 支持 xterm-256color、窗口自适应、readline 交互 - 修复键盘输入无响应问题 **侧边栏优化：** - 独立菜单项高度从 py-1.5 改为 h-8，与父菜单对齐 - 独立菜单图标从 h-3 w-3 改为 h-3.5 w-3.5，统一 14px **构建优化：** - run.sh docker up 增加 docker image prune -f 清理悬空镜像 - 每次部署自动清理 builder cache + dangling images **认证修复（历史）：** - Token 存储：Zustand + localStorage 双写，http.ts 双源 fallback - YamlViewer/DeploymentDetail token 来源统一为 Zustand store
2026-06-19 11:22:45 +00:00
1 parent cac1414917
commit a3cd0d3910
@@ -0,0 +1,97 @@
+import { useState, useEffect, useCallback } from 'react';
+import { useParams, Link } from 'react-router-dom';
+import { Card, CardContent } from '@/components/ui/card';
+import {
+  RefreshCw, Loader2, ChevronRight, Cloud,
+  Boxes, Container, Network, FileText, Shield, Activity, Clock,
+} from 'lucide-react';
+import { kubernetesApi } from '@/services/api';
+
+const RESOURCE_LINKS = [
+  { type: 'deployments', label: 'Deployments', icon: Boxes, desc: '工作负载副本管理' },
+  { type: 'pods', label: 'Pods', icon: Container, desc: '容器实例运行状态' },
+  { type: 'cronjobs', label: 'CronJobs', icon: Clock, desc: '定时任务管理' },
+  { type: 'services', label: 'Services', icon: Network, desc: '服务发现与负载均衡' },
+  { type: 'ingresses', label: 'Ingresses', icon: Network, desc: '外部流量路由规则' },
+  { type: 'configmaps', label: 'ConfigMaps', icon: FileText, desc: '配置字典' },
+  { type: 'secrets', label: 'Secrets', icon: Shield, desc: '密钥与凭证' },
+  { type: 'hpas', label: 'HPAs', icon: Activity, desc: '水平自动伸缩策略' },
+];
+
+export default function NamespaceOverviewPage() {
+  const { clusterCode, namespace } = useParams<{ clusterCode: string; namespace: string }>();
+  const [counts, setCounts] = useState<Record<string, number>>({});
+  const [loading, setLoading] = useState(false);
+
+  const loadCounts = useCallback(async () => {
+    if (!clusterCode || !namespace) return;
+    setLoading(true);
+    try {
+      const results = await Promise.allSettled([
+        kubernetesApi.getNamespaceDeployments(clusterCode, namespace!),
+        kubernetesApi.getNamespacePods(clusterCode, namespace!),
+        kubernetesApi.getNamespaceServices(clusterCode, namespace!),
+        kubernetesApi.getNamespaceIngresses(clusterCode, namespace!),
+        kubernetesApi.getNamespaceConfigMaps(clusterCode, namespace!),
+        kubernetesApi.getNamespaceSecrets(clusterCode, namespace!),
+        kubernetesApi.getHPAs(clusterCode, namespace!),
+        kubernetesApi.getCronJobs(clusterCode, namespace!),
+      ]);
+      const toArr = (v: any) => Array.isArray(v) ? v : (v?.list || v?.data || []);
+      setCounts({
+        deployments: toArr(results[0].status === 'fulfilled' ? results[0].value : []).length,
+        pods: toArr(results[1].status === 'fulfilled' ? results[1].value : []).length,
+        services: toArr(results[2].status === 'fulfilled' ? results[2].value : []).length,
+        ingresses: toArr(results[3].status === 'fulfilled' ? results[3].value : []).length,
+        configmaps: toArr(results[4].status === 'fulfilled' ? results[4].value : []).length,
+        secrets: toArr(results[5].status === 'fulfilled' ? results[5].value : []).length,
+        hpas: toArr(results[6].status === 'fulfilled' ? results[6].value : []).length,
+        cronjobs: toArr(results[7].status === 'fulfilled' ? results[7].value : []).length,
+      });
+    } catch { setCounts({}); } finally { setLoading(false); }
+  }, [clusterCode, namespace]);
+
+  useEffect(() => { loadCounts(); }, [loadCounts]);
+
+  return (
+    <div className="space-y-4">
+      {/* Breadcrumb */}
+      <div className="flex items-center gap-2 text-sm text-slate-500">
+        <Link to="/kubernetes" className="hover:text-slate-300 transition-colors">集群</Link>
+        <ChevronRight className="h-3 w-3" />
+        <Link to={`/kubernetes/${clusterCode}`} className="hover:text-slate-300 transition-colors">{clusterCode}</Link>
+        <ChevronRight className="h-3 w-3" />
+        <span className="text-slate-300">{namespace}</span>
+      </div>
+
+      {/* Header */}
+      <div className="flex items-center justify-between">
+        <div>
+          <h1 className="text-2xl font-bold text-slate-100 flex items-center gap-2">
+            <Cloud className="h-6 w-6 text-blue-400" />
+            {namespace}
+          </h1>
+          <p className="text-sm text-slate-500 mt-1">命名空间概览</p>
+        </div>
+      </div>
+
+      {/* Resource grid */}
+      <div className="grid grid-cols-2 md:grid-cols-4 gap-4">
+        {RESOURCE_LINKS.map((r) => (
+          <Link key={r.type}
+            to={`/kubernetes/${clusterCode}/namespace/${namespace}/${r.type}`}
+            className="bg-slate-900 border border-slate-800 rounded-lg p-4 hover:border-slate-600 hover:bg-slate-800/50 transition-all group"
+          >
+            <div className="flex items-center justify-between mb-2">
+              <r.icon className="h-5 w-5 text-slate-500 group-hover:text-blue-400 transition-colors" />
+              <ChevronRight className="h-4 w-4 text-slate-600 group-hover:text-slate-400 transition-colors" />
+            </div>
+            <div className="text-lg font-bold text-slate-100">{loading ? '-' : (counts[r.type] ?? 0)}</div>
+            <div className="text-sm text-slate-500">{r.label}</div>
+            <div className="text-xs text-slate-600 mt-1">{r.desc}</div>
+          </Link>
+        ))}
+      </div>
+    </div>
+  );
+}