work-agent 0.1.0

package/app/api/user/skills/route.ts

@@ -0,0 +1,175 @@
+import { NextRequest, NextResponse } from 'next/server';
+import {
+	getUserSkills,
+	installUserSkill,
+	uninstallUserSkill,
+	getBuiltinSkills,
+	getUserByUsername,
+} from '@/lib/db';
+import {
+	getMarketSkillByName,
+	incrementDownloadCount,
+} from '@/lib/market-db';
+import { getAvailableSkills } from '@/lib/skill-engine';
+import { listUserSkills, syncUserSkills } from '@/lib/user-skills';
+
+// 获取用户已安装的Skill列表
+export async function GET(request: NextRequest) {
+	try {
+		const userId = request.nextUrl.searchParams.get('userId');
+		const username = request.nextUrl.searchParams.get('username');
+
+		if (!userId && !username) {
+			return NextResponse.json(
+				{ error: '缺少userId或username参数' },
+				{ status: 400 }
+			);
+		}
+
+		let targetUserId = userId;
+		if (!targetUserId && username) {
+			const user = getUserByUsername(username);
+			if (!user) {
+				return NextResponse.json({ skills: [] });
+			}
+			targetUserId = user.id;
+		}
+
+		// 同步用户技能（文件系统 <-> 数据库）
+		syncUserSkills(targetUserId!);
+
+		// 获取内置技能配置
+		const builtinSkills = getBuiltinSkills();
+		const enabledBuiltin = builtinSkills.filter(s => s.enabled);
+		const builtinEnabledSet = new Set(enabledBuiltin.map(s => s.skillName));
+
+		// 获取系统技能信息
+		const systemSkills = getAvailableSkills();
+		const systemSkillMap = new Map(systemSkills.map(s => [s.name, s]));
+
+		// 从数据库获取已安装技能（用于统计信息）
+		const dbSkills = getUserSkills(targetUserId!);
+		const dbSkillMap = new Map(dbSkills.map(s => [s.skillName, s]));
+
+		// 构建返回列表
+		const result: any[] = [];
+		const addedSkills = new Set<string>();
+
+		// 1. 从用户私有目录读取技能（通过 create_skill 工具创建的）
+		const userPrivateSkills = listUserSkills(targetUserId!);
+		for (const skill of userPrivateSkills) {
+			if (!addedSkills.has(skill.name)) {
+				const dbSkill = dbSkillMap.get(skill.name);
+				result.push({
+					skillName: skill.name,
+					displayName: skill.displayName || skill.name,
+					description: skill.description,
+					version: skill.version,
+					author: skill.author,
+					source: 'personal',
+					isBuiltin: builtinEnabledSet.has(skill.name),
+					installedAt: skill.createdAt || dbSkill?.installedAt || new Date().toISOString(),
+					useCount: dbSkill?.useCount ?? 1,
+				});
+				addedSkills.add(skill.name);
+			}
+		}
+
+		// 2. 从数据库读取用户已安装的技能（从市场安装的，但目录中不存在）
+		for (const skill of dbSkills) {
+			if (!addedSkills.has(skill.skillName)) {
+				const isBuiltin = builtinEnabledSet.has(skill.skillName);
+				result.push({
+					...skill,
+					isBuiltin,
+				});
+				addedSkills.add(skill.skillName);
+			}
+		}
+
+		// 3. 添加已启用的内置技能
+		for (const builtin of enabledBuiltin) {
+			if (!addedSkills.has(builtin.skillName)) {
+				const sysSkill = systemSkillMap.get(builtin.skillName);
+				if (sysSkill) {
+					result.push({
+						skillName: sysSkill.name,
+						displayName: sysSkill.displayName || sysSkill.name,
+						description: sysSkill.description,
+						version: sysSkill.version,
+						source: 'builtin',
+						isBuiltin: true,
+						isInstalled: false,
+						installedAt: new Date().toISOString(),
+						useCount: 0,
+					});
+					addedSkills.add(builtin.skillName);
+				}
+			}
+		}
+
+		return NextResponse.json({ skills: result });
+	} catch (error) {
+		console.error('Get user skills failed:', error);
+		return NextResponse.json(
+			{ error: '获取Skill列表失败' },
+			{ status: 500 }
+		);
+	}
+}
+
+// 安装/卸载Skill
+export async function POST(request: NextRequest) {
+	try {
+		const body = await request.json();
+		const { userId, action, skillName, source, skillData } = body;
+
+		if (!userId || !action) {
+			return NextResponse.json(
+				{ error: '缺少必要参数' },
+				{ status: 400 }
+			);
+		}
+
+		if (action === 'install') {
+			if (!skillName) {
+				return NextResponse.json(
+					{ error: '缺少skillName参数' },
+					{ status: 400 }
+				);
+			}
+
+			// 如果是从市场安装，增加下载计数
+			if (source === 'market') {
+				const marketSkill = getMarketSkillByName(skillName);
+				if (marketSkill) {
+					incrementDownloadCount(marketSkill.id);
+				}
+			}
+
+			const userSkill = installUserSkill(userId, skillName, source || 'market', skillData);
+			return NextResponse.json({ skill: userSkill });
+		} else if (action === 'uninstall') {
+			if (!skillName) {
+				return NextResponse.json(
+					{ error: '缺少skillName参数' },
+					{ status: 400 }
+				);
+			}
+
+			uninstallUserSkill(userId, skillName);
+			return NextResponse.json({ success: true });
+		} else {
+			return NextResponse.json(
+				{ error: '无效的action' },
+				{ status: 400 }
+			);
+		}
+	} catch (error) {
+		console.error('Skill operation failed:', error);
+		return NextResponse.json(
+			{ error: '操作失败' },
+			{ status: 500 }
+		);
+	}
+}

package/app/api/users/route.ts

@@ -0,0 +1,80 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { createUser, getUserByUsername, updateUserLogin } from '@/lib/db';
+
+export async function POST(request: NextRequest) {
+	try {
+		const body = await request.json();
+		const { username } = body;
+
+		if (!username || typeof username !== 'string' || username.trim().length === 0) {
+			return NextResponse.json(
+				{ error: '用户名不能为空' },
+				{ status: 400 }
+			);
+		}
+
+		const trimmedUsername = username.trim().toLowerCase();
+
+		// 查找用户，不存在则创建
+		let user = getUserByUsername(trimmedUsername);
+		if (!user) {
+			user = createUser(trimmedUsername);
+		} else {
+			// 更新最后登录时间
+			updateUserLogin(user.id);
+		}
+
+		return NextResponse.json({
+			user: {
+				id: user.id,
+				username: user.username,
+				role: user.role,
+				createdAt: user.createdAt.toISOString(),
+			}
+		});
+	} catch (error) {
+		console.error('Login failed:', error);
+		return NextResponse.json(
+			{ error: '登录失败' },
+			{ status: 500 }
+		);
+	}
+}
+
+export async function GET(request: NextRequest) {
+	try {
+		const userId = request.nextUrl.searchParams.get('userId');
+		if (!userId) {
+			return NextResponse.json(
+				{ error: '缺少userId参数' },
+				{ status: 400 }
+			);
+		}
+
+		const { getUserById } = await import('@/lib/db');
+		const user = getUserById(userId);
+
+		if (!user) {
+			return NextResponse.json(
+				{ error: '用户不存在' },
+				{ status: 404 }
+			);
+		}
+
+		return NextResponse.json({
+			user: {
+				id: user.id,
+				username: user.username,
+				role: user.role,
+				createdAt: user.createdAt.toISOString(),
+				lastLoginAt: user.lastLoginAt?.toISOString(),
+			}
+		});
+	} catch (error) {
+		console.error('Get user failed:', error);
+		return NextResponse.json(
+			{ error: '获取用户信息失败' },
+			{ status: 500 }
+		);
+	}
+}

package/app/chat/page.tsx

@@ -0,0 +1,5 @@
+import { redirect } from 'next/navigation';
+
+export default function ChatPage() {
+  redirect('/');
+}

package/app/globals.css

@@ -0,0 +1,84 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@source "highlight.js/styles/github-dark.css";
+
+/* Fix streamdown code block button issues */
+@layer components {
+	/* Remove sticky positioning from code block button container */
+	[data-streamdown="code-block"] > [data-streamdown="code-block-header"] + div {
+		position: static !important;
+		top: auto !important;
+		margin-top: 0 !important;
+		pointer-events: auto !important;
+	}
+
+	/* Reverse button order to put Copy first, Download second */
+	[data-streamdown="code-block-actions"] {
+		flex-direction: row-reverse !important;
+	}
+}
+
+@layer base {
+	:root {
+		--background: 0 0% 100%;
+		--foreground: 222.2 84% 4.9%;
+		--card: 0 0% 100%;
+		--card-foreground: 222.2 84% 4.9%;
+		--popover: 0 0% 100%;
+		--popover-foreground: 222.2 84% 4.9%;
+		--primary: 221.2 83.2% 53.3%;
+		--primary-foreground: 210 40% 98%;
+		--secondary: 210 40% 96.1%;
+		--secondary-foreground: 222.2 47.4% 11.2%;
+		--muted: 210 40% 96.1%;
+		--muted-foreground: 215.4 16.3% 46.9%;
+		--accent: 210 40% 96.1%;
+		--accent-foreground: 222.2 47.4% 11.2%;
+		--destructive: 0 84.2% 60.2%;
+		--destructive-foreground: 210 40% 98%;
+		--border: 214.3 31.8% 91.4%;
+		--input: 214.3 31.8% 91.4%;
+		--ring: 221.2 83.2% 53.3%;
+		--radius: 0.5rem;
+	}
+
+	/* 移动端安全区域 */
+	.pb-safe {
+		padding-bottom: env(safe-area-inset-bottom, 0);
+	}
+
+	.pt-safe {
+		padding-top: env(safe-area-inset-top, 0);
+	}
+
+	.dark {
+		--background: 222.2 84% 4.9%;
+		--foreground: 210 40% 98%;
+		--card: 222.2 84% 4.9%;
+		--card-foreground: 210 40% 98%;
+		--popover: 222.2 84% 4.9%;
+		--popover-foreground: 210 40% 98%;
+		--primary: 217.2 91.2% 59.8%;
+		--primary-foreground: 222.2 47.4% 11.2%;
+		--secondary: 217.2 32.6% 17.5%;
+		--secondary-foreground: 210 40% 98%;
+		--muted: 217.2 32.6% 17.5%;
+		--muted-foreground: 215 20.2% 65.1%;
+		--accent: 217.2 32.6% 17.5%;
+		--accent-foreground: 210 40% 98%;
+		--destructive: 0 62.8% 30.6%;
+		--destructive-foreground: 210 40% 98%;
+		--border: 217.2 32.6% 17.5%;
+		--input: 217.2 32.6% 17.5%;
+		--ring: 224.3 76.3% 48%;
+	}
+
+	* {
+		@apply border-border;
+	}
+	body {
+		@apply bg-background text-foreground;
+	}
+}

package/app/h5/layout.tsx

@@ -0,0 +1,5 @@
+import MobilePage from './page';
+
+export default function MobileLayout() {
+  return <MobilePage />;
+}

package/app/h5/mobile-approvals-page.tsx

@@ -0,0 +1,167 @@
+'use client';
+
+import { useState, useEffect } from 'react';
+import { CheckCircle } from 'lucide-react';
+import { Button } from '@/components/ui/button';
+
+interface Ticket {
+  id: string;
+  title: string;
+  type: string;
+  status: string;
+  riskLevel: string;
+  description?: string;
+  command?: string;
+  createdAt: string;
+}
+
+export default function MobileApprovalsPage() {
+  const [tickets, setTickets] = useState<Ticket[]>([]);
+  const [loading, setLoading] = useState(true);
+  const [selectedTicket, setSelectedTicket] = useState<Ticket | null>(null);
+  const [actionLoading, setActionLoading] = useState(false);
+
+  useEffect(() => {
+    async function load() {
+      try {
+        const response = await fetch('/api/tickets?status=pending');
+        const data = await response.json();
+        setTickets(data.tickets || []);
+      } catch (error) {
+        console.error('Failed to load approvals:', error);
+      } finally {
+        setLoading(false);
+      }
+    }
+    load();
+  }, []);
+
+  const handleApprove = async (ticketId: string) => {
+    setActionLoading(true);
+    try {
+      await fetch(`/api/tickets/${ticketId}/approve`, {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ action: 'approve', approver: 'user', comment: '' }),
+      });
+      setTickets(prev => prev.filter(t => t.id !== ticketId));
+      setSelectedTicket(null);
+    } catch (error) {
+      console.error('Failed to approve:', error);
+    } finally {
+      setActionLoading(false);
+    }
+  };
+
+  const handleReject = async (ticketId: string) => {
+    setActionLoading(true);
+    try {
+      await fetch(`/api/tickets/${ticketId}/approve`, {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ action: 'reject', approver: 'user', comment: '' }),
+      });
+      setTickets(prev => prev.filter(t => t.id !== ticketId));
+      setSelectedTicket(null);
+    } catch (error) {
+      console.error('Failed to reject:', error);
+    } finally {
+      setActionLoading(false);
+    }
+  };
+
+  const getRiskBadge = (risk: string) => {
+    const config: Record<string, { label: string; className: string }> = {
+      low: { label: '低', className: 'bg-green-100 text-green-800' },
+      medium: { label: '中', className: 'bg-yellow-100 text-yellow-800' },
+      high: { label: '高', className: 'bg-orange-100 text-orange-800' },
+      critical: { label: '极高', className: 'bg-red-100 text-red-800' },
+    };
+    const { label, className } = config[risk] || config.medium;
+    return <span className={`px-1.5 py-0.5 rounded text-xs ${className}`}>{label}</span>;
+  };
+
+  if (loading) {
+    return <div className="flex-1 flex items-center justify-center">加载中...</div>;
+  }
+
+  if (selectedTicket) {
+    return (
+      <div className="flex-1 overflow-y-auto p-4">
+        <div className="flex items-center gap-2 mb-4">
+          <Button variant="ghost" size="sm" onClick={() => setSelectedTicket(null)} className="-ml-2">
+            ← 返回
+          </Button>
+        </div>
+        
+        <h3 className="font-semibold text-lg mb-3">{selectedTicket.title}</h3>
+        
+        <div className="space-y-3 mb-4">
+          <div className="flex items-center gap-2">
+            {getRiskBadge(selectedTicket.riskLevel)}
+            <span className="text-sm text-muted-foreground">
+              {selectedTicket.type === 'bash-execute' ? '命令执行' : 'Skill 脚本'}
+            </span>
+          </div>
+          
+          {selectedTicket.description && (
+            <p className="text-sm text-muted-foreground bg-muted/30 p-2 rounded">
+              {selectedTicket.description}
+            </p>
+          )}
+          
+          {selectedTicket.command && (
+            <div>
+              <p className="text-xs text-muted-foreground mb-1">执行命令:</p>
+              <pre className="text-xs bg-muted p-2 rounded overflow-x-auto">
+                {selectedTicket.command}
+              </pre>
+            </div>
+          )}
+          
+          <div className="text-xs text-muted-foreground">
+            创建时间: {new Date(selectedTicket.createdAt).toLocaleString('zh-CN')}
+          </div>
+        </div>
+
+        <div className="flex gap-2">
+          <Button onClick={() => handleApprove(selectedTicket.id)} disabled={actionLoading} className="flex-1 bg-green-600 hover:bg-green-700">
+            ✓ 批准
+          </Button>
+          <Button variant="destructive" onClick={() => handleReject(selectedTicket.id)} disabled={actionLoading} className="flex-1">
+            ✗ 拒绝
+          </Button>
+        </div>
+      </div>
+    );
+  }
+
+  return (
+    <div className="flex-1 overflow-y-auto p-3">
+      {tickets.length === 0 ? (
+        <div className="text-center text-muted-foreground py-8">
+          <CheckCircle className="h-12 w-12 mx-auto mb-2 opacity-50" />
+          <p>暂无待审核工单</p>
+        </div>
+      ) : (
+        <div className="space-y-2">
+          {tickets.map((ticket) => (
+            <div
+              key={ticket.id}
+              onClick={() => setSelectedTicket(ticket)}
+              className="p-3 bg-muted/30 hover:bg-muted rounded-lg cursor-pointer"
+            >
+              <div className="flex items-start justify-between mb-1">
+                <span className="font-medium text-sm flex-1">{ticket.title}</span>
+                {getRiskBadge(ticket.riskLevel)}
+              </div>
+              <div className="text-xs text-muted-foreground">
+                {ticket.type === 'bash-execute' ? '命令执行' : 'Skill 脚本'} · {new Date(ticket.createdAt).toLocaleDateString('zh-CN')}
+              </div>
+            </div>
+          ))}
+        </div>
+      )}
+    </div>
+  );
+}