@octo-cyber/ai 0.5.4 → 0.5.6

package/web/messages/zh-CN.json

@@ -1,24 +1,160 @@
 {
+  "aiTools": {
+    "title": "AI 工具",
+    "description": "本地 AI CLI 工具管理",
+    "pages": {
+      "tools": "工具集管理",
+      "workspaces": "工作空间",
+      "skills": "技能管理",
+      "skillMarket": "Skill 市场",
+      "agentRuns": "执行历史",
+      "agents": "Agent 能力",
+      "approvals": "审批中心",
+      "sessions": "会话管理",
+      "agentMarket": "Agent 市场",
+      "orchestrator": "自动编排"
+    },
+    "agentGateway": {
+      "title": "Agent 能力",
+      "description": "管理和测试已注册的 Agent 能力",
+      "loadError": "加载 Agent 列表失败",
+      "noAgents": "暂无 Agent",
+      "available": "可用",
+      "unavailable": "不可用",
+      "testAgent": "测试",
+      "prompt": "提示词",
+      "promptPlaceholder": "输入任务描述，例如：截图并分析当前页面内容",
+      "running": "执行中...",
+      "run": "执行",
+      "runId": "运行 ID",
+      "viewRun": "查看执行"
+    },
+    "approvals": {
+      "title": "审批中心",
+      "description": "查看并处理 Agent 执行中的人工确认请求",
+      "question": "审批问题",
+      "runId": "关联执行",
+      "createdAt": "提交时间",
+      "status": "状态",
+      "pending": "待审批",
+      "approved": "已批准",
+      "rejected": "已拒绝",
+      "noPending": "暂无审批请求",
+      "responsePlaceholder": "填写审批意见（可选）",
+      "response": "审批意见",
+      "approve": "批准",
+      "reject": "拒绝",
+      "approveSuccess": "已批准",
+      "rejectSuccess": "已拒绝"
+    },
+    "sessions": {
+      "title": "会话管理",
+      "description": "管理 Agent 执行会话，共享上下文",
+      "context": "共享上下文",
+      "active": "活跃",
+      "completed": "已完成",
+      "paused": "已暂停",
+      "name": "名称",
+      "status": "状态",
+      "runs": "执行数",
+      "createdAt": "创建时间",
+      "noSessions": "暂无会话",
+      "unnamed": "未命名",
+      "close": "关闭",
+      "newSession": "新建会话",
+      "sessionName": "为新会话命名（可选）",
+      "namePlaceholder": "例如：项目自动化任务",
+      "createSuccess": "会话已创建",
+      "closeSuccess": "会话已关闭"
+    },
+    "agentMarket": {
+      "title": "Agent 市场",
+      "description": "管理已注册的远端 Agent，支持局域网多机协作",
+      "online": "在线",
+      "offline": "离线",
+      "loadError": "加载 Agent 列表失败",
+      "noAgents": "暂无已注册的 Agent",
+      "name": "名称",
+      "agentId": "Agent ID",
+      "endpoint": "接入地址",
+      "capabilities": "能力标签",
+      "status": "状态",
+      "lastHeartbeat": "最近心跳",
+      "never": "从未",
+      "registerAgent": "注册 Agent",
+      "agentIdPlaceholder": "例如：machine01/computer-use",
+      "namePlaceholder": "例如：桌面控制 Agent",
+      "endpointPlaceholder": "例如：http://192.168.1.100:8080/invoke",
+      "capabilitiesPlaceholder": "例如：screenshot, click, type",
+      "capabilitiesHint": "多个能力用英文逗号分隔",
+      "register": "注册",
+      "registerSuccess": "Agent 注册成功",
+      "unregister": "注销",
+      "unregisterSuccess": "Agent 已注销"
+    },
+    "orchestrator": {
+      "title": "自动编排",
+      "description": "用自然语言描述目标，AI 自动规划并执行多 Agent 工作流",
+      "goalPlaceholder": "描述你想完成的目标，例如：每天自动整理销售数据并生成周报发给团队",
+      "generatePlan": "生成计划",
+      "generating": "生成中...",
+      "executePlan": "执行计划",
+      "executing": "执行中...",
+      "planCreated": "计划已生成",
+      "planCompleted": "计划执行完成",
+      "planFailed": "计划执行失败",
+      "recentPlans": "历史计划",
+      "goal": "目标描述",
+      "status": "状态",
+      "stepsProgress": "步骤进度",
+      "steps": "执行步骤",
+      "result": "执行结果",
+      "noPlans": "暂无计划",
+      "feedback": "执行反馈",
+      "commentPlaceholder": "填写反馈意见（可选）",
+      "submitFeedback": "提交反馈",
+      "feedbackThanks": "感谢反馈！",
+      "draft": "草稿",
+      "running": "执行中",
+      "completed": "已完成",
+      "failed": "失败",
+      "pending": "待执行",
+      "steps-running": "执行中",
+      "steps-completed": "已完成",
+      "steps-failed": "失败"
+    }
+  },
   "nav": {
     "aiTools": {
       "title": "AI 工具",
       "description": "本地 AI CLI 工具管理",
       "pages": {
-        "tools": "CLI 工具",
+        "tools": "工具集管理",
         "workspaces": "工作空间",
-        "skills": "技能管理"
+        "skills": "技能管理",
+        "skillMarket": "Skill 市场",
+        "agentRuns": "执行历史",
+        "agents": "Agent 能力",
+        "approvals": "审批中心",
+        "sessions": "会话管理",
+        "agentMarket": "Agent 市场",
+        "orchestrator": "自动编排"
       }
     }
   },
   "aiCli": {
-    "title": "AI CLI 工具",
-    "description": "管理本地 AI 工具（Claude、Gemini、Codex、Antigravity）的状态和测试",
+    "title": "工具集管理",
+    "description": "管理本地 AI 工具（CLI 工具与 API 工具）的状态和测试",
     "summary": "{available}/{total} 个工具可用",
-    "noTools": "未检测到任何 CLI 工具",
+    "noTools": "未检测到任何工具",
     "status": {
       "available": "可用",
       "unavailable": "不可用"
     },
+    "toolType": {
+      "cli": "CLI",
+      "api": "API"
+    },
     "actions": {
       "healthCheck": "检测",
       "testRun": "测试"
@@ -37,6 +173,9 @@
       "noOutput": "无输出"
     },
     "modelCount": "{count} 个模型",
+    "installedSkills": "已安装 Skills",
+    "noInstalledSkills": "暂无已安装的 Skills",
+    "skillCount": "{count} 个 Skill",
     "toast": {
       "loadFailed": "加载工具列表失败",
       "healthOk": "{name} 检测通过",
@@ -68,13 +207,24 @@
         "typeGithubDesc": "从 GitHub 仓库克隆代码作为工作空间",
         "nameLabel": "名称",
         "namePlaceholder": "例如：my-project",
+        "descriptionLabel": "描述",
+        "descriptionPlaceholder": "简要描述工作空间用途，方便 Skill 快速定位",
         "localPathLabel": "本地目录路径",
         "localPathPlaceholder": "例如：/Users/user/projects/my-project",
+        "browse": "浏览",
+        "parentDir": "上级目录",
+        "selectThisDir": "选择此目录",
+        "emptyDir": "此目录为空",
+        "gitDetected": "检测到 Git 仓库",
+        "gitNotDetected": "未检测到 Git 仓库",
+        "detecting": "检测中...",
         "repoUrlLabel": "仓库地址",
         "repoUrlPlaceholder": "例如：https://github.com/user/repo.git",
         "branchLabel": "分支",
         "branchPlaceholder": "例如：main"
       },
+      "installedSkills": "已安装 Skills",
+      "noInstalledSkills": "暂无",
       "deleteConfirm": "确定要删除工作空间「{name}」吗？",
       "deleteConfirmLocal": "仅移除工作空间记录，不会删除原目录。",
       "deleteConfirmGithub": "将删除克隆的仓库目录。",
@@ -86,7 +236,10 @@
         "deleteFailed": "删除失败",
         "pulled": "已拉取最新代码",
         "pullFailed": "拉取失败"
-      }
+      },
+      "selectPlaceholder": "选择工作空间",
+      "noWorkspace": "不绑定工作空间",
+      "loading": "加载工作空间..."
     }
   },
   "aiSkills": {
@@ -140,6 +293,80 @@
     },
     "pages": {
       "skills": "AI Skills"
+    },
+    "market": {
+      "title": "Skill 市场",
+      "description": "浏览和安装 Skill 到 AI 工具",
+      "comingSoon": "敬请期待"
+    }
+  },
+  "aiSkillMarket": {
+    "title": "Skill 市场",
+    "description": "搜索和安装社区 Agent Skills",
+    "searchPlaceholder": "搜索 Skills，例如 excel, react, testing...",
+    "search": "搜索",
+    "searching": "搜索中...",
+    "featuredRepos": "精选仓库",
+    "searchResults": "搜索结果",
+    "noResults": "未找到相关 Skills",
+    "installTitle": "安装 Skill",
+    "installDesc": "选择要安装到的 AI 工具",
+    "install": "安装",
+    "installing": "安装中...",
+    "installed": "已安装",
+    "installSuccess": "Skill 安装成功",
+    "installFailed": "安装失败",
+    "from": "来自",
+    "skills": "个 Skills",
+    "stars": "Star",
+    "category": "分类",
+    "browseSkills": "浏览 Skills",
+    "loading": "加载中...",
+    "selectTargets": "选择安装目标",
+    "installScopeLabel": "安装范围",
+    "userLevel": "用户级",
+    "userLevelDesc": "安装到用户级 skills 目录（所有项目可用）",
+    "workspaceLevel": "工作空间",
+    "workspaceLevelDesc": "安装到指定工作空间目录（仅该项目可用）",
+    "selectWorkspace": "选择工作空间",
+    "tokenConfig": {
+      "title": "GitHub Token",
+      "description": "配置 GitHub Token 以提升 API 速率限制（未配置时限制 60 次/小时，配置后 5000 次/小时）",
+      "inputLabel": "GitHub Personal Access Token",
+      "inputPlaceholder": "ghp_xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx",
+      "currentToken": "当前 Token",
+      "source": "来源",
+      "sourceConfig": "手动配置",
+      "sourceEnv": "环境变量",
+      "noToken": "未配置 Token",
+      "noTokenHint": "未配置 GitHub Token，API 请求限制为 60 次/小时，可能导致搜索失败",
+      "save": "保存",
+      "clear": "清除",
+      "saved": "Token 已保存",
+      "cleared": "Token 已清除",
+      "saveFailed": "保存失败",
+      "settings": "设置"
+    }
+  },
+  "agentRuns": {
+    "title": "执行历史",
+    "description": "查看所有 Agent 异步执行记录及状态",
+    "columns": {
+      "status": "状态",
+      "agentType": "Agent 类型",
+      "prompt": "任务描述",
+      "createdAt": "创建时间",
+      "duration": "耗时"
+    },
+    "status": {
+      "pending": "等待中",
+      "running": "执行中",
+      "completed": "已完成",
+      "failed": "失败",
+      "cancelled": "已取消"
+    },
+    "toast": {
+      "loadFailed": "加载执行记录失败"
     }
   }
-}
+}

package/web/pages/AgentMarketPage.tsx

@@ -0,0 +1,318 @@
+'use client'
+
+import { useState, useEffect, useCallback } from 'react'
+import { useTranslations } from 'next-intl'
+import { toast } from 'sonner'
+import { RefreshCw, Loader2, Plus, Trash2 } from 'lucide-react'
+
+import { PageHeader } from '@octo-cyber/ui/components/shared/page-header'
+import { Button } from '@octo-cyber/ui/components/ui/button'
+import { Badge } from '@octo-cyber/ui/components/ui/badge'
+import { Input } from '@octo-cyber/ui/components/ui/input'
+import { Label } from '@octo-cyber/ui/components/ui/label'
+import { Textarea } from '@octo-cyber/ui/components/ui/textarea'
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from '@octo-cyber/ui/components/ui/table'
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from '@octo-cyber/ui/components/ui/dialog'
+
+import { externalAgentService } from '../services/external-agent.service'
+import type { ExternalAgent } from '../services/external-agent.service'
+
+const REFRESH_INTERVAL_MS = 15_000
+
+function StatusBadge({ status }: { status: ExternalAgent['status'] }) {
+  const t = useTranslations('aiTools.agentMarket')
+  return (
+    <Badge
+      variant="outline"
+      className={
+        status === 'online'
+          ? 'bg-green-500 hover:bg-green-500/80 text-white border-transparent'
+          : 'text-muted-foreground'
+      }
+    >
+      {t(status)}
+    </Badge>
+  )
+}
+
+function CapabilitiesList({ capabilities }: { capabilities: string[] | null }) {
+  if (!capabilities || capabilities.length === 0) return <span className="text-muted-foreground">—</span>
+  return (
+    <div className="flex flex-wrap gap-1">
+      {capabilities.map((cap) => (
+        <Badge key={cap} variant="secondary" className="text-xs">
+          {cap}
+        </Badge>
+      ))}
+    </div>
+  )
+}
+
+interface RegisterFormState {
+  agentId: string
+  name: string
+  description: string
+  endpoint: string
+  capabilities: string
+}
+
+const EMPTY_FORM: RegisterFormState = {
+  agentId: '',
+  name: '',
+  description: '',
+  endpoint: '',
+  capabilities: '',
+}
+
+export default function AgentMarketPage() {
+  const t = useTranslations('aiTools.agentMarket')
+  const tc = useTranslations('common')
+
+  const [agents, setAgents] = useState<ExternalAgent[]>([])
+  const [loading, setLoading] = useState(true)
+  const [dialogOpen, setDialogOpen] = useState(false)
+  const [form, setForm] = useState<RegisterFormState>(EMPTY_FORM)
+  const [registering, setRegistering] = useState(false)
+  const [unregisteringId, setUnregisteringId] = useState<string | null>(null)
+
+  const loadAgents = useCallback(async () => {
+    try {
+      const data = await externalAgentService.listAgents()
+      setAgents(data)
+    } catch {
+      toast.error(t('loadError'))
+    } finally {
+      setLoading(false)
+    }
+  }, [t])
+
+  useEffect(() => {
+    loadAgents()
+    const timer = setInterval(loadAgents, REFRESH_INTERVAL_MS)
+    return () => clearInterval(timer)
+  }, [loadAgents])
+
+  const handleRegister = async () => {
+    setRegistering(true)
+    try {
+      const capabilities = form.capabilities
+        .split(',')
+        .map((s) => s.trim())
+        .filter(Boolean)
+      await externalAgentService.registerAgent({
+        agentId: form.agentId.trim(),
+        name: form.name.trim(),
+        description: form.description.trim() || undefined,
+        endpoint: form.endpoint.trim(),
+        capabilities: capabilities.length > 0 ? capabilities : undefined,
+      })
+      toast.success(t('registerSuccess'))
+      setDialogOpen(false)
+      setForm(EMPTY_FORM)
+      await loadAgents()
+    } catch {
+      toast.error(tc('operationFailed'))
+    } finally {
+      setRegistering(false)
+    }
+  }
+
+  const handleUnregister = async (agentId: string) => {
+    setUnregisteringId(agentId)
+    try {
+      await externalAgentService.unregisterAgent(agentId)
+      toast.success(t('unregisterSuccess'))
+      await loadAgents()
+    } catch {
+      toast.error(tc('operationFailed'))
+    } finally {
+      setUnregisteringId(null)
+    }
+  }
+
+  const isFormValid = form.agentId.trim() && form.name.trim() && form.endpoint.trim()
+
+  return (
+    <div className="space-y-6">
+      <PageHeader title={t('title')} description={t('description')}>
+        <div className="flex gap-2">
+          <Button variant="outline" onClick={loadAgents} disabled={loading}>
+            {loading ? (
+              <Loader2 className="mr-2 h-4 w-4 animate-spin" />
+            ) : (
+              <RefreshCw className="mr-2 h-4 w-4" />
+            )}
+            {tc('refresh')}
+          </Button>
+          <Button onClick={() => setDialogOpen(true)}>
+            <Plus className="mr-2 h-4 w-4" />
+            {t('registerAgent')}
+          </Button>
+        </div>
+      </PageHeader>
+
+      <div className="rounded-lg border dark:border-zinc-800">
+        <Table>
+          <TableHeader>
+            <TableRow>
+              <TableHead className="w-[18%]">{t('name')}</TableHead>
+              <TableHead className="w-[14%]">{t('agentId')}</TableHead>
+              <TableHead className="w-[20%]">{t('endpoint')}</TableHead>
+              <TableHead>{t('capabilities')}</TableHead>
+              <TableHead className="w-[10%]">{t('status')}</TableHead>
+              <TableHead className="w-[14%]">{t('lastHeartbeat')}</TableHead>
+              <TableHead className="text-right w-[10%]">{tc('actions')}</TableHead>
+            </TableRow>
+          </TableHeader>
+          <TableBody>
+            {loading ? (
+              <TableRow>
+                <TableCell colSpan={7} className="h-32 text-center text-muted-foreground">
+                  {tc('loading')}
+                </TableCell>
+              </TableRow>
+            ) : agents.length === 0 ? (
+              <TableRow>
+                <TableCell colSpan={7} className="h-32 text-center text-muted-foreground">
+                  {t('noAgents')}
+                </TableCell>
+              </TableRow>
+            ) : (
+              agents.map((agent) => (
+                <TableRow key={agent.id}>
+                  <TableCell className="font-medium text-sm">{agent.name}</TableCell>
+                  <TableCell>
+                    <code className="text-xs font-mono bg-muted dark:bg-zinc-800 px-1.5 py-0.5 rounded">
+                      {agent.agentId}
+                    </code>
+                  </TableCell>
+                  <TableCell className="text-sm text-muted-foreground max-w-[160px] truncate" title={agent.endpoint}>
+                    {agent.endpoint}
+                  </TableCell>
+                  <TableCell>
+                    <CapabilitiesList capabilities={agent.capabilities} />
+                  </TableCell>
+                  <TableCell>
+                    <StatusBadge status={agent.status} />
+                  </TableCell>
+                  <TableCell className="text-sm text-muted-foreground">
+                    {agent.lastHeartbeatAt
+                      ? new Date(agent.lastHeartbeatAt).toLocaleString()
+                      : t('never')}
+                  </TableCell>
+                  <TableCell className="text-right">
+                    <Button
+                      size="sm"
+                      variant="outline"
+                      onClick={() => handleUnregister(agent.agentId)}
+                      disabled={unregisteringId === agent.agentId}
+                      className="h-7 px-2 text-xs text-destructive hover:text-destructive"
+                    >
+                      {unregisteringId === agent.agentId ? (
+                        <Loader2 className="h-3 w-3 animate-spin" />
+                      ) : (
+                        <Trash2 className="h-3 w-3" />
+                      )}
+                      <span className="ml-1">{t('unregister')}</span>
+                    </Button>
+                  </TableCell>
+                </TableRow>
+              ))
+            )}
+          </TableBody>
+        </Table>
+      </div>
+
+      <Dialog open={dialogOpen} onOpenChange={(open) => { if (!registering) setDialogOpen(open) }}>
+        <DialogContent className="sm:max-w-lg dark:bg-zinc-900 dark:border-zinc-700">
+          <DialogHeader>
+            <DialogTitle>{t('registerAgent')}</DialogTitle>
+            <DialogDescription>{t('description')}</DialogDescription>
+          </DialogHeader>
+          <div className="space-y-4 py-2">
+            <div className="space-y-2">
+              <Label htmlFor="agent-id">{t('agentId')} *</Label>
+              <Input
+                id="agent-id"
+                placeholder={t('agentIdPlaceholder')}
+                value={form.agentId}
+                onChange={(e) => setForm((f) => ({ ...f, agentId: e.target.value }))}
+                disabled={registering}
+                className="dark:bg-zinc-800 dark:border-zinc-700 font-mono"
+              />
+            </div>
+            <div className="space-y-2">
+              <Label htmlFor="agent-name">{t('name')} *</Label>
+              <Input
+                id="agent-name"
+                placeholder={t('namePlaceholder')}
+                value={form.name}
+                onChange={(e) => setForm((f) => ({ ...f, name: e.target.value }))}
+                disabled={registering}
+                className="dark:bg-zinc-800 dark:border-zinc-700"
+              />
+            </div>
+            <div className="space-y-2">
+              <Label htmlFor="agent-desc">{tc('description')}</Label>
+              <Textarea
+                id="agent-desc"
+                placeholder={tc('noDescription')}
+                value={form.description}
+                onChange={(e) => setForm((f) => ({ ...f, description: e.target.value }))}
+                disabled={registering}
+                rows={2}
+                className="dark:bg-zinc-800 dark:border-zinc-700 resize-none"
+              />
+            </div>
+            <div className="space-y-2">
+              <Label htmlFor="agent-endpoint">{t('endpoint')} *</Label>
+              <Input
+                id="agent-endpoint"
+                placeholder={t('endpointPlaceholder')}
+                value={form.endpoint}
+                onChange={(e) => setForm((f) => ({ ...f, endpoint: e.target.value }))}
+                disabled={registering}
+                className="dark:bg-zinc-800 dark:border-zinc-700"
+              />
+            </div>
+            <div className="space-y-2">
+              <Label htmlFor="agent-capabilities">{t('capabilities')}</Label>
+              <Input
+                id="agent-capabilities"
+                placeholder={t('capabilitiesPlaceholder')}
+                value={form.capabilities}
+                onChange={(e) => setForm((f) => ({ ...f, capabilities: e.target.value }))}
+                disabled={registering}
+                className="dark:bg-zinc-800 dark:border-zinc-700"
+              />
+              <p className="text-xs text-muted-foreground">{t('capabilitiesHint')}</p>
+            </div>
+          </div>
+          <DialogFooter>
+            <Button variant="outline" onClick={() => setDialogOpen(false)} disabled={registering}>
+              {tc('cancel')}
+            </Button>
+            <Button onClick={handleRegister} disabled={registering || !isFormValid}>
+              {registering && <Loader2 className="mr-2 h-4 w-4 animate-spin" />}
+              {t('register')}
+            </Button>
+          </DialogFooter>
+        </DialogContent>
+      </Dialog>
+    </div>
+  )
+}