feat: GitHub API integration for PR create/merge

- Add src/api/github.ts: createPR, mergePR, getPR with token auth
- Store submitForReview: real GitHub PR creation when token configured
- Store mergePr: real GitHub PR merge when token configured
- Add SettingsPanel.vue: GitHub PAT input with show/hide toggle
- App.vue: integrate SettingsPanel into Settings tab
- Fallback to mock mode when token not configured

Author: HelloWorldU

docs/ARCHITECTURE.md

@@ -5,7 +5,8 @@
 ```
 UI (Vue) ←→ useSwarmStore (AgentTask[])
   ←→ Tauri IPC ←→ Rust Main Process ←→ git / spawn CLI
-  ←→ GitHub API (PR create/merge)
+  ←→ GitHub API (PR create/merge/review)
+  ←→ localStorage (GitHub Token)
 ```
 
 ## 状态分层

docs/COMPONENT_PATTERNS.md

@@ -24,6 +24,6 @@ const emit = defineEmits<{...}>()
 
 | 类型 | 规则 | 示例 |
 |------|------|------|
-| 组件 | PascalCase.vue | `TaskCard.vue` |
+| 组件 | PascalCase.vue | `TaskCard.vue`, `SettingsPanel.vue` |
 | Composable | camelCase.ts | `useSwarmStore.ts` |
 | 事件 | kebab-case | `@send-command` |

docs/FRONTEND.md

@@ -18,6 +18,9 @@ Vue 3 + TypeScript + Vite + Tailwind CSS + lucide-vue-next + Tauri v2
 
 - `store/useSwarmStore.ts` — 状态必须通过方法修改；核心模型 AgentTask 含状态机 + PR 追踪
 - `types/index.ts` — AgentTask / LogEntry / CommandCenterStats；修改前检查上下游依赖
+- `api/github.ts` — GitHub API 封装（PR 创建/合并/查询）
+- `api/ipc.ts` — Tauri IPC 适配层
+- `components/SettingsPanel.vue` — 系统设置（GitHub Token 配置）
 
 ## 快速启动
 

kimi-code-swarm/src/App.vue

@@ -1,10 +1,11 @@
 <script setup lang="ts">
 import { ref } from 'vue'
-import { Plus, Activity, ClipboardList, Coins, CheckCircle } from 'lucide-vue-next'
+import { Plus, Activity, ClipboardList, Coins, CheckCircle, Github } from 'lucide-vue-next'
 import Sidebar from './components/Sidebar.vue'
 import TaskCard from './components/TaskCard.vue'
 import CreateTaskModal from './components/CreateTaskModal.vue'
 import TaskDetail from './components/TaskDetail.vue'
+import SettingsPanel from './components/SettingsPanel.vue'
 import { useSwarmStore } from './store/useSwarmStore'
 
 const store = useSwarmStore()
@@ -114,11 +115,15 @@ const statCards = [
             <p class="text-sm mt-2">Token 使用趋势、任务负载图表等功能即将上线</p>
           </div>
         </div>
-        <div v-else class="flex items-center justify-center h-full text-gray-500">
-          <div class="text-center">
-            <ClipboardList class="w-16 h-16 mx-auto mb-4 text-gray-700" />
-            <p class="text-lg font-medium">系统设置</p>
-            <p class="text-sm mt-2">CLI 路径配置、Token 限额、通知设置等功能即将上线</p>
+        <div v-else class="h-full max-w-2xl mx-auto">
+          <h3 class="text-lg font-semibold text-white mb-6">系统设置</h3>
+          <div class="space-y-6">
+            <div class="bg-gray-800/40 border border-gray-700/50 rounded-xl p-6">
+              <h4 class="text-sm font-semibold text-white mb-4 flex items-center gap-2">
+                <Github class="w-4 h-4" /> GitHub 配置
+              </h4>
+              <SettingsPanel />
+            </div>
           </div>
         </div>
       </div>

kimi-code-swarm/src/api/github.ts

@@ -0,0 +1,82 @@
+const GITHUB_API = 'https://api.github.com'
+
+function getToken(): string | null {
+  return localStorage.getItem('github-token')
+}
+
+export function setToken(token: string): void {
+  localStorage.setItem('github-token', token)
+}
+
+export function hasToken(): boolean {
+  return !!getToken()
+}
+
+function parseRepoUrl(url: string): { owner: string; repo: string } | null {
+  try {
+    const match = url.match(/github\.com\/([^/]+)\/([^/]+?)(?:\.git)?$/)
+    if (!match) return null
+    return { owner: match[1], repo: match[2] }
+  } catch {
+    return null
+  }
+}
+
+async function githubFetch<T = Record<string, unknown>>(path: string, options: RequestInit = {}): Promise<T> {
+  const token = getToken()
+  if (!token) throw new Error('GitHub Token 未配置')
+
+  const res = await fetch(`${GITHUB_API}${path}`, {
+    ...options,
+    headers: {
+      'Authorization': `token ${token}`,
+      'Accept': 'application/vnd.github.v3+json',
+      'Content-Type': 'application/json',
+      ...options.headers,
+    },
+  })
+
+  if (!res.ok) {
+    const err = await res.json().catch(() => ({}))
+    throw new Error(err.message || `GitHub API ${res.status}: ${res.statusText}`)
+  }
+
+  return res.json() as Promise<T>
+}
+
+export async function createPullRequest(
+  repoUrl: string,
+  title: string,
+  head: string,
+  base: string = 'main',
+  body: string = ''
+): Promise<{ number: number; html_url: string }> {
+  const parsed = parseRepoUrl(repoUrl)
+  if (!parsed) throw new Error('无法解析仓库地址')
+
+  return githubFetch(`/repos/${parsed.owner}/${parsed.repo}/pulls`, {
+    method: 'POST',
+    body: JSON.stringify({ title, head, base, body }),
+  })
+}
+
+export async function mergePullRequest(
+  repoUrl: string,
+  number: number,
+  method: 'merge' | 'squash' | 'rebase' = 'squash'
+): Promise<{ sha: string; message: string }> {
+  const parsed = parseRepoUrl(repoUrl)
+  if (!parsed) throw new Error('无法解析仓库地址')
+
+  return githubFetch(`/repos/${parsed.owner}/${parsed.repo}/pulls/${number}/merge`, {
+    method: 'PUT',
+    body: JSON.stringify({ merge_method: method }),
+  })
+}
+
+export async function getPullRequest(repoUrl: string, number: number): Promise<Record<string, unknown>> {
+  const parsed = parseRepoUrl(repoUrl)
+  if (!parsed) throw new Error('无法解析仓库地址')
+
+  return githubFetch(`/repos/${parsed.owner}/${parsed.repo}/pulls/${number}`)
+}

kimi-code-swarm/src/components/SettingsPanel.vue

@@ -0,0 +1,83 @@
+<script setup lang="ts">
+import { ref, onMounted } from 'vue'
+import { Github, KeyRound, Check, AlertCircle } from 'lucide-vue-next'
+import { setToken, hasToken } from '../api/github'
+
+const token = ref('')
+const saved = ref(hasToken())
+const showToken = ref(false)
+
+onMounted(() => {
+  saved.value = hasToken()
+})
+
+function handleSave() {
+  if (!token.value.trim()) return
+  setToken(token.value.trim())
+  saved.value = true
+  token.value = ''
+}
+
+function handleClear() {
+  localStorage.removeItem('github-token')
+  saved.value = false
+}
+</script>
+
+<template>
+  <div class="space-y-4">
+    <div class="flex items-center gap-3">
+      <div class="w-10 h-10 rounded-lg bg-gray-700/50 flex items-center justify-center">
+        <Github class="w-5 h-5 text-gray-400" />
+      </div>
+      <div>
+        <p class="text-sm font-medium text-white">GitHub Personal Access Token</p>
+        <p class="text-xs text-gray-500">用于创建和合并 Pull Request</p>
+      </div>
+    </div>
+
+    <div v-if="saved" class="flex items-center gap-2 text-sm text-emerald-400 bg-emerald-500/10 border border-emerald-500/20 rounded-lg px-3 py-2">
+      <Check class="w-4 h-4" />
+      <span>Token 已配置</span>
+      <button class="ml-auto text-xs text-gray-400 hover:text-white transition-colors" @click="handleClear">
+        清除
+      </button>
+    </div>
+
+    <div v-else class="flex items-start gap-2 text-sm text-amber-400 bg-amber-500/10 border border-amber-500/20 rounded-lg px-3 py-2">
+      <AlertCircle class="w-4 h-4 mt-0.5 shrink-0" />
+      <span>未配置 Token，PR 创建/合并将以模拟模式运行</span>
+    </div>
+
+    <div class="flex gap-3">
+      <div class="flex-1 relative">
+        <KeyRound class="w-4 h-4 text-gray-500 absolute left-3 top-1/2 -translate-y-1/2" />
+        <input
+          v-model="token"
+          :type="showToken ? 'text' : 'password'"
+          placeholder="ghp_xxxxxxxxxxxxxxxxxxxx"
+          class="w-full pl-9 pr-4 py-2.5 bg-gray-800 border border-gray-700 rounded-lg text-gray-100 placeholder-gray-500 focus:outline-none focus:border-swarm-500 focus:ring-1 focus:ring-swarm-500/30 transition-all text-sm"
+        />
+      </div>
+      <button
+        type="button"
+        class="px-3 py-2.5 text-xs text-gray-400 hover:text-white bg-gray-800 border border-gray-700 rounded-lg transition-colors"
+        @click="showToken = !showToken"
+      >
+        {{ showToken ? '隐藏' : '显示' }}
+      </button>
+      <button
+        class="px-4 py-2.5 bg-swarm-600 text-white rounded-lg text-sm font-medium hover:bg-swarm-500 disabled:opacity-40 disabled:cursor-not-allowed transition-colors"
+        :disabled="!token.trim()"
+        @click="handleSave"
+      >
+        保存
+      </button>
+    </div>
+
+    <p class="text-xs text-gray-600">
+      在 GitHub Settings → Developer settings → Personal access tokens → Tokens (classic) 中创建。
+      需要 <code class="text-gray-400 bg-gray-800 px-1 py-0.5 rounded">repo</code> 权限。
+    </p>
+  </div>
+</template>

kimi-code-swarm/src/store/useSwarmStore.ts

@@ -1,6 +1,7 @@
 import { reactive, computed } from 'vue'
 import type { AgentTask, LogEntry } from '../types'
 import { isTauri, execGit, execCommand, killProcess } from '../api/ipc'
+import { createPullRequest, mergePullRequest, hasToken } from '../api/github'
 
 const generateId = () => Math.random().toString(36).substring(2, 10)
 
@@ -218,19 +219,44 @@ export function useSwarmStore() {
       }
     }
 
-    task.status = 'reviewing'
-    task.prStatus = 'open'
-    task.prNumber = Math.floor(Math.random() * 100) + 1
-    task.prUrl = `https://github.com/HelloWorldU/Kimi-Code-Swarm/pull/${task.prNumber}`
-    task.logs.push({ id: generateId(), timestamp: new Date(), type: 'system', content: `PR #${task.prNumber} 已创建（${isTauri ? '真实' : '模拟'}）` })
+    if (hasToken()) {
+      try {
+        const pr = await createPullRequest(task.repoUrl, `feat: ${task.name}`, task.branch)
+        task.status = 'reviewing'
+        task.prStatus = 'open'
+        task.prNumber = pr.number
+        task.prUrl = pr.html_url
+        task.logs.push({ id: generateId(), timestamp: new Date(), type: 'system', content: `PR #${pr.number} 已创建: ${pr.html_url}` })
+      } catch (err) {
+        task.logs.push({ id: generateId(), timestamp: new Date(), type: 'error', content: `创建 PR 失败: ${String(err)}` })
+      }
+    } else {
+      task.status = 'reviewing'
+      task.prStatus = 'open'
+      task.prNumber = Math.floor(Math.random() * 100) + 1
+      task.prUrl = `${task.repoUrl.replace(/\.git$/, '')}/pull/${task.prNumber}`
+      task.logs.push({ id: generateId(), timestamp: new Date(), type: 'system', content: `PR #${task.prNumber} 已创建（模拟，未配置 GitHub Token）` })
+    }
   }
 
-  function mergePr(id: string) {
+  async function mergePr(id: string) {
     const task = state.tasks.find(t => t.id === id)
     if (!task || task.status !== 'reviewing') return
-    task.status = 'completed'
-    task.prStatus = 'merged'
-    task.logs.push({ id: generateId(), timestamp: new Date(), type: 'system', content: `PR #${task.prNumber} 已合并到 main` })
+
+    if (hasToken() && task.prNumber) {
+      try {
+        await mergePullRequest(task.repoUrl, task.prNumber)
+        task.status = 'completed'
+        task.prStatus = 'merged'
+        task.logs.push({ id: generateId(), timestamp: new Date(), type: 'system', content: `PR #${task.prNumber} 已合并到 main` })
+      } catch (err) {
+        task.logs.push({ id: generateId(), timestamp: new Date(), type: 'error', content: `合并失败: ${String(err)}` })
+      }
+    } else {
+      task.status = 'completed'
+      task.prStatus = 'merged'
+      task.logs.push({ id: generateId(), timestamp: new Date(), type: 'system', content: `PR #${task.prNumber} 已合并到 main（模拟）` })
+    }
   }
 
   function rejectPr(id: string) {