fix: project center — repo selector dropdown, fix Gitea tab, clean UI

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

src/pages/GiteaEmbed.tsx

@@ -1,5 +1,5 @@
 import { useState } from 'react'
-import { Table, Tag, Tabs, Typography, Card, Row, Col, Spin } from 'antd'
+import { Table, Tag, Tabs, Typography, Card, Row, Col, Select, Space, Spin } from 'antd'
 import { CodeOutlined, RocketOutlined } from '@ant-design/icons'
 import { useQuery } from '@tanstack/react-query'
 import { api } from '@/services/http-client'
@@ -41,12 +41,25 @@ export default function ProjectCenter() {
     enabled: tab === 'runners',
   })
 
+  const repoOptions = (repos || []).map((r: any) => ({ label: r.fullName, value: r.fullName }))
+
+  const RepoSelector = () => (
+    <Select
+      placeholder="选择仓库"
+      value={selectedRepo}
+      onChange={setSelectedRepo}
+      options={repoOptions}
+      style={{ width: 280 }}
+      showSearch
+      filterOption={(input, option) => (option?.label as string)?.toLowerCase().includes(input.toLowerCase())}
+      allowClear
+    />
+  )
+
   const repoColumns = [
     { title: '仓库', dataIndex: 'fullName', width: 200, render: (n: string) => <a onClick={() => { setSelectedRepo(n); setTab('issues') }}>{n}</a> },
     { title: '描述', dataIndex: 'description', width: 200, ellipsis: true, render: (d: string) => d || '-' },
     { title: 'Issues', dataIndex: 'openIssues', width: 70 },
-    { title: 'PRs', dataIndex: 'openPulls', width: 70 },
-    { title: '里程碑', dataIndex: 'milestones', width: 70 },
     { title: 'Stars', dataIndex: 'stars', width: 60 },
     { title: '分支', dataIndex: 'defaultBranch', width: 80, render: (b: string) => <Tag>{b}</Tag> },
     { title: '更新', dataIndex: 'updatedAt', width: 100, render: (d: string) => d ? new Date(d).toLocaleDateString() : '-' },
@@ -70,17 +83,25 @@ export default function ProjectCenter() {
       <Tabs activeKey={tab} onChange={setTab} items={[
         {
           key: 'repos', label: '仓库列表',
-          children: <Table dataSource={repos || []} columns={repoColumns} rowKey="id" loading={isLoading} size="small" pagination={false} scroll={{ x: 900 }} />,
+          children: <Table dataSource={repos || []} columns={repoColumns} rowKey="id" loading={isLoading} size="small" pagination={false} scroll={{ x: 700 }} />,
         },
         {
-          key: 'issues', label: `Issues${selectedRepo ? ` · ${selectedRepo}` : ''}`,
-          children: selectedRepo ? (
+          key: 'issues', label: 'Issues',
+          children: (
+            <div>
+              <Space style={{ marginBottom: 12 }}><RepoSelector /></Space>
+              {selectedRepo ? (
                 <Table dataSource={issues || []} columns={issueColumns} rowKey="id" size="small" pagination={{ pageSize: 30 }} scroll={{ x: 700 }} />
-          ) : <Text type="secondary">请先选择仓库</Text>,
+              ) : <Text type="secondary">请选择仓库</Text>}
+            </div>
+          ),
         },
         {
           key: 'milestones', label: '里程碑',
-          children: selectedRepo ? (
+          children: (
+            <div>
+              <Space style={{ marginBottom: 12 }}><RepoSelector /></Space>
+              {selectedRepo ? (
                 <Row gutter={[16, 16]}>
                   {(milestones || []).map((m: any) => (
                     <Col xs={24} sm={12} lg={8} key={m.id}>
@@ -93,11 +114,16 @@ export default function ProjectCenter() {
                     </Col>
                   ))}
                 </Row>
-          ) : <Text type="secondary">请先选择仓库</Text>,
+              ) : <Text type="secondary">请选择仓库</Text>}
+            </div>
+          ),
         },
         {
           key: 'releases', label: 'Release',
-          children: selectedRepo ? (
+          children: (
+            <div>
+              <Space style={{ marginBottom: 12 }}><RepoSelector /></Space>
+              {selectedRepo ? (
                 <Table
                   dataSource={releases || []} rowKey="id" size="small" pagination={false}
                   columns={[
@@ -107,7 +133,9 @@ export default function ProjectCenter() {
                     { title: '发布时间', dataIndex: 'published_at', width: 120, render: (d: string) => d ? new Date(d).toLocaleDateString() : '-' },
                   ]}
                 />
-          ) : <Text type="secondary">请先选择仓库</Text>,
+              ) : <Text type="secondary">请选择仓库</Text>}
+            </div>
+          ),
         },
         {
           key: 'runners', label: 'Runner 状态',
@@ -123,7 +151,7 @@ export default function ProjectCenter() {
             />
           ) : <Spin />,
         },
-        tab === 'gitea' ? undefined : {
+        {
           key: 'gitea', label: 'Gitea 面板',
           children: (
             <div style={{ width: '100%', height: 'calc(100vh - 200px)' }}>
@@ -131,8 +159,7 @@ export default function ProjectCenter() {
             </div>
           ),
         },
-      ].filter(Boolean) as any}
-      />
+      ]} />
     </div>
   )
 }