work-agent 0.1.0

package/app/login/page.tsx

@@ -0,0 +1,318 @@
+'use client';
+
+import { useState, useEffect, Suspense } from 'react';
+import { useRouter, useSearchParams } from 'next/navigation';
+import { Button } from '@/components/ui/button';
+import { Input } from '@/components/ui/input';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
+import { Bot, Shield, User, LogIn } from 'lucide-react';
+
+function isInFeishu(): boolean {
+	if (typeof window === 'undefined') return false;
+	const userAgent = navigator.userAgent.toLowerCase();
+	return userAgent.includes('feishu') || userAgent.includes('lark');
+}
+
+declare global {
+	interface Window {
+		tt?: any;
+	}
+}
+
+function LoginPageContent() {
+	const [username, setUsername] = useState('');
+	const [password, setPassword] = useState('');
+	const [mode, setMode] = useState<'guest' | 'admin'>('guest');
+	const [loading, setLoading] = useState(false);
+	const [feishuLoading, setFeishuLoading] = useState(false);
+	const [error, setError] = useState('');
+	const router = useRouter();
+	const searchParams = useSearchParams();
+
+	useEffect(() => {
+		console.log('[login] searchParams:', Object.fromEntries(searchParams));
+
+		const userId = localStorage.getItem('userId');
+		if (userId) {
+			console.log('[login] already logged in, redirect to home');
+			router.push('/');
+			return;
+		}
+
+		const feishuLogin = searchParams.get('feishu_login');
+		const urlUserId = searchParams.get('userId');
+		const urlUsername = searchParams.get('username');
+		const urlRole = searchParams.get('role');
+		console.log('[login] feishu_login:', feishuLogin, 'userId:', urlUserId, 'username:', urlUsername, 'role:', urlRole);
+
+		if (feishuLogin === 'true' && urlUserId) {
+			console.log('[login] set userId from url:', urlUserId);
+			localStorage.setItem('userId', urlUserId);
+			if (urlUsername) {
+				localStorage.setItem('username', urlUsername);
+			}
+			if (urlRole) {
+				localStorage.setItem('role', urlRole);
+			}
+			console.log('[login] redirect to home');
+			window.location.href = '/';
+			return;
+		}
+
+		const errorParam = searchParams.get('error');
+		if (errorParam) {
+			setError('飞书登录失败，请重试');
+		}
+
+		if (isInFeishu()) {
+			handleFeishuSSO();
+		}
+	}, [router, searchParams]);
+
+	const handleFeishuSSO = async () => {
+		if (feishuLoading) return;
+		setFeishuLoading(true);
+		setError('');
+
+		try {
+			const script = document.createElement('script');
+			script.src = 'https://lf1-cdn-tos.bytegoofy.com/goofy/lark/op/h5-js-sdk-1.5.38.js';
+			script.async = true;
+
+			await new Promise((resolve, reject) => {
+				script.onload = resolve;
+				script.onerror = reject;
+				document.body.appendChild(script);
+			});
+
+			if (window.tt) {
+				const { code } = await new Promise<{ code: string }>((resolve, reject) => {
+					(window as any).tt.oauth({
+						success: (res: any) => resolve(res),
+						fail: (err: any) => reject(err),
+					});
+				});
+
+				const res = await fetch('/api/auth/feishu/sso', {
+					method: 'POST',
+					headers: { 'Content-Type': 'application/json' },
+					body: JSON.stringify({ code }),
+				});
+
+				const data = await res.json();
+
+				if (!res.ok) {
+					throw new Error(data.error || '飞书登录失败');
+				}
+
+				localStorage.setItem('userId', data.user.id);
+				localStorage.setItem('username', data.user.displayName || data.user.username);
+				localStorage.setItem('role', data.user.role);
+				localStorage.setItem('feishuAvatar', data.user.avatar || '');
+
+				window.location.href = '/';
+			}
+		} catch (err) {
+			console.error('飞书免登录失败:', err);
+		} finally {
+			setFeishuLoading(false);
+		}
+	};
+
+	const handleFeishuLogin = async () => {
+		setLoading(true);
+		setError('');
+
+		try {
+			const res = await fetch('/api/auth/feishu/login');
+			const data = await res.json();
+
+			if (!res.ok) {
+				throw new Error(data.error || '获取飞书登录链接失败');
+			}
+
+			window.location.href = data.url;
+		} catch (err) {
+			setError(err instanceof Error ? err.message : '飞书登录失败');
+			setLoading(false);
+		}
+	};
+
+	const handleLogin = async () => {
+		if (!username.trim()) {
+			setError(mode === 'admin' ? '请输入管理员用户名' : '请输入用户名');
+			return;
+		}
+
+		if (mode === 'admin' && !password) {
+			setError('请输入管理员密码');
+			return;
+		}
+
+		setLoading(true);
+		setError('');
+
+		try {
+			const res = await fetch('/api/auth/login', {
+				method: 'POST',
+				headers: { 'Content-Type': 'application/json' },
+				body: JSON.stringify({
+					username: username.trim(),
+					password: mode === 'admin' ? password : undefined,
+					mode
+				}),
+			});
+
+			const data = await res.json();
+
+			if (!res.ok) {
+				throw new Error(data.error || '登录失败');
+			}
+
+			localStorage.setItem('userId', data.user.id);
+			localStorage.setItem('username', data.user.username);
+			localStorage.setItem('role', data.user.role);
+
+			window.location.href = '/';
+		} catch (err) {
+			setError(err instanceof Error ? err.message : '登录失败');
+		} finally {
+			setLoading(false);
+		}
+	};
+
+	const handleKeyPress = (e: React.KeyboardEvent) => {
+		if (e.key === 'Enter') {
+			handleLogin();
+		}
+	};
+
+	return (
+		<div className="min-h-screen flex items-center justify-center bg-gradient-to-br from-slate-900 via-slate-800 to-slate-900">
+			<Card className="w-[400px] bg-white/95 backdrop-blur">
+				<CardHeader className="text-center">
+					<div className="mx-auto mb-4 w-16 h-16 bg-gradient-to-br from-blue-500 to-purple-600 rounded-2xl flex items-center justify-center">
+						<Bot className="w-8 h-8 text-white" />
+					</div>
+					<CardTitle className="text-2xl font-bold">智能工作助手</CardTitle>
+					<CardDescription>
+						{mode === 'admin' ? '管理员登录' : '输入用户名开始使用'}
+					</CardDescription>
+				</CardHeader>
+				<CardContent className="space-y-4">
+					<div className="flex gap-2 p-1 bg-gray-100 rounded-lg">
+						<button
+							type="button"
+							onClick={() => setMode('guest')}
+							className={`flex-1 flex items-center justify-center gap-2 py-2 px-3 rounded-md text-sm font-medium transition-all ${
+								mode === 'guest'
+									? 'bg-white text-gray-900 shadow-sm'
+									: 'text-gray-500 hover:text-gray-700'
+							}`}
+						>
+							<User className="w-4 h-4" />
+							游客
+						</button>
+						<button
+							type="button"
+							onClick={() => setMode('admin')}
+							className={`flex-1 flex items-center justify-center gap-2 py-2 px-3 rounded-md text-sm font-medium transition-all ${
+								mode === 'admin'
+									? 'bg-white text-gray-900 shadow-sm'
+									: 'text-gray-500 hover:text-gray-700'
+							}`}
+						>
+							<Shield className="w-4 h-4" />
+							管理员
+						</button>
+					</div>
+
+					<div className="space-y-3">
+						<div>
+							<label className="text-sm text-gray-600 mb-1 block">
+								{mode === 'admin' ? '管理员用户名' : '用户名'}
+							</label>
+							<Input
+								type="text"
+								placeholder={mode === 'admin' ? '请输入管理员用户名' : '请输入用户名'}
+								value={username}
+								onChange={(e) => setUsername(e.target.value)}
+								onKeyPress={handleKeyPress}
+								disabled={loading || feishuLoading}
+								autoFocus
+							/>
+						</div>
+
+						{mode === 'admin' && (
+							<div>
+								<label className="text-sm text-gray-600 mb-1 block">密码</label>
+								<Input
+									type="password"
+									placeholder="请输入管理员密码"
+									value={password}
+									onChange={(e) => setPassword(e.target.value)}
+									onKeyPress={handleKeyPress}
+									disabled={loading || feishuLoading}
+								/>
+							</div>
+						)}
+					</div>
+
+					{error && (
+						<p className="text-sm text-red-500 text-center">{error}</p>
+					)}
+
+					<Button
+						className="w-full"
+						onClick={handleLogin}
+						disabled={loading || feishuLoading}
+					>
+						{loading ? '登录中...' : (mode === 'admin' ? '管理员登录' : '开始使用')}
+					</Button>
+
+					<div className="relative">
+						<div className="absolute inset-0 flex items-center">
+							<span className="w-full border-t" />
+						</div>
+						<div className="relative flex justify-center text-xs uppercase">
+							<span className="bg-white px-2 text-gray-500">或</span>
+						</div>
+					</div>
+
+					<Button
+						variant="outline"
+						className="w-full"
+						onClick={handleFeishuLogin}
+						disabled={loading || feishuLoading}
+					>
+						<LogIn className="w-4 h-4 mr-2" />
+						{feishuLoading ? '飞书登录中...' : '飞书账号登录'}
+					</Button>
+
+					{mode === 'guest' && (
+						<p className="text-xs text-gray-500 text-center">
+							游客模式下可体验基础功能，部分功能受限
+						</p>
+					)}
+					{mode === 'admin' && (
+						<p className="text-xs text-gray-500 text-center">
+							管理员可配置系统默认Skill和管理工单
+						</p>
+					)}
+				</CardContent>
+			</Card>
+		</div>
+	);
+}
+
+export default function LoginPage() {
+	return (
+		<Suspense fallback={
+			<div className="min-h-screen flex items-center justify-center bg-gradient-to-br from-slate-900 via-slate-800 to-slate-900">
+				<div className="text-white">Loading...</div>
+			</div>
+		}>
+			<LoginPageContent />
+		</Suspense>
+	);
+}

package/app/market/knowledge/[id]/page.tsx

@@ -0,0 +1,77 @@
+'use client';
+
+import { useState, useEffect } from 'react';
+import { useParams } from 'next/navigation';
+import { ArrowLeft } from 'lucide-react';
+import Link from 'next/link';
+import { Button } from '@/components/ui/button';
+import { KnowledgePreview } from '@/components/chat/KnowledgePreview';
+
+export default function MarketKnowledgeDetailPage() {
+	const params = useParams();
+	const knowledgeId = params.id as string;
+
+	const [knowledge, setKnowledge] = useState<any>(null);
+	const [loading, setLoading] = useState(true);
+
+	useEffect(() => {
+		async function loadKnowledge() {
+			try {
+				const response = await fetch(`/api/market/knowledge?id=${knowledgeId}`);
+				if (response.ok) {
+					const data = await response.json();
+					setKnowledge(data.knowledge);
+				}
+			} catch (error) {
+				console.error('Failed to load knowledge:', error);
+			} finally {
+				setLoading(false);
+			}
+		}
+		loadKnowledge();
+	}, [knowledgeId]);
+
+	if (loading) {
+		return (
+			<div className="min-h-screen bg-gray-50 flex items-center justify-center">
+				<div className="text-gray-500">加载中...</div>
+			</div>
+		);
+	}
+
+	if (!knowledge) {
+		return (
+			<div className="min-h-screen bg-gray-50 flex flex-col items-center justify-center">
+				<h1 className="text-2xl font-bold text-gray-900 mb-2">知识不存在</h1>
+				<p className="text-gray-500 mb-4">该知识可能已被删除或未发布到市场</p>
+				<Link href="/market/knowledge">
+					<Button variant="outline">
+						<ArrowLeft className="w-4 h-4 mr-2" />
+						返回市场知识
+					</Button>
+				</Link>
+			</div>
+		);
+	}
+
+	return (
+		<div className="min-h-screen bg-gray-50">
+			<div className="max-w-4xl mx-auto px-4 py-8">
+				<Link href="/market/knowledge" className="inline-flex items-center text-sm text-gray-500 hover:text-gray-700 mb-4">
+					<ArrowLeft className="w-4 h-4 mr-1" />
+					返回市场知识
+				</Link>
+
+				<KnowledgePreview
+					title={knowledge.title}
+					content={knowledge.content}
+					category={knowledge.category}
+					tags={knowledge.tags}
+					author={knowledge.author}
+					updatedAt={knowledge.updatedAt}
+					type={knowledge.type}
+				/>
+			</div>
+		</div>
+	);
+}