work-agent 0.1.0

package/app/market/knowledge/page.tsx

@@ -0,0 +1,358 @@
+'use client';
+
+import { useEffect, useState } from 'react';
+import { useRouter } from 'next/navigation';
+import { Search, Star, Download, ArrowLeft, BookOpen, Eye, X, Trash2, Loader2 } from 'lucide-react';
+import { Button } from '@/components/ui/button';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
+import { Badge } from '@/components/ui/badge';
+import { Input } from '@/components/ui/input';
+import { Dialog, DialogContent, DialogHeader, DialogTitle } from '@/components/ui/dialog';
+import { ScrollArea } from '@/components/ui/scroll-area';
+import { Alert, AlertDescription } from '@/components/ui/alert';
+
+interface MarketKnowledge {
+  id: string;
+  title: string;
+  content: string;
+  category?: string;
+  tags?: string[] | string;
+  author?: string;
+  views: number;
+  rating: number;
+  ratingCount: number;
+  createdAt: string;
+}
+
+function parseTags(tags: string[] | string | undefined): string[] {
+  if (!tags) return [];
+  if (Array.isArray(tags)) return tags;
+  try {
+    const parsed = JSON.parse(tags);
+    return Array.isArray(parsed) ? parsed : [];
+  } catch {
+    return [];
+  }
+}
+
+function SimpleMarkdown({ content }: { content: string }) {
+  const lines = content.split('\n');
+  
+  return (
+    <div className="space-y-2">
+      {lines.map((line, i) => {
+        const trimmed = line.trim();
+        
+        if (trimmed.startsWith('# ')) {
+          return <h1 key={i} className="text-2xl font-bold mt-4 mb-2">{trimmed.slice(2)}</h1>;
+        }
+        if (trimmed.startsWith('## ')) {
+          return <h2 key={i} className="text-xl font-bold mt-4 mb-2">{trimmed.slice(3)}</h2>;
+        }
+        if (trimmed.startsWith('### ')) {
+          return <h3 key={i} className="text-lg font-semibold mt-3 mb-1">{trimmed.slice(4)}</h3>;
+        }
+        if (trimmed.startsWith('- ') || trimmed.startsWith('* ')) {
+          return <li key={i} className="ml-4">{trimmed.slice(2)}</li>;
+        }
+        if (trimmed.match(/^\d+\.\s/)) {
+          return <li key={i} className="ml-4 list-decimal">{trimmed.replace(/^\d+\.\s/, '')}</li>;
+        }
+        if (trimmed.startsWith('```')) {
+          return null;
+        }
+        if (trimmed === '') {
+          return <br key={i} />;
+        }
+        
+        let processed = trimmed
+          .replace(/`([^`]+)`/g, '<code class="bg-gray-100 px-1 rounded text-sm">$1</code>')
+          .replace(/\*\*([^*]+)\*\*/g, '<strong>$1</strong>')
+          .replace(/\*([^*]+)\*/g, '<em>$1</em>');
+        
+        return (
+          <p 
+            key={i} 
+            className="text-sm text-gray-700"
+            dangerouslySetInnerHTML={{ __html: processed }}
+          />
+        );
+      })}
+    </div>
+  );
+}
+
+export default function MarketKnowledgePage() {
+	const router = useRouter();
+	const [knowledge, setKnowledge] = useState<MarketKnowledge[]>([]);
+	const [loading, setLoading] = useState(true);
+	const [search, setSearch] = useState('');
+	const [selectedKnowledge, setSelectedKnowledge] = useState<MarketKnowledge | null>(null);
+	const [userId, setUserId] = useState<string>('');
+	const [userRole, setUserRole] = useState<'admin' | 'guest'>('guest');
+	const [deletingId, setDeletingId] = useState<string | null>(null);
+	const [alertMessage, setAlertMessage] = useState<{ type: 'success' | 'error'; message: string } | null>(null);
+
+	useEffect(() => {
+		const uid = localStorage.getItem('userId');
+		if (!uid) {
+			router.push('/login');
+			return;
+		}
+		setUserId(uid);
+
+		const role = localStorage.getItem('role') as 'admin' | 'guest' | null;
+		setUserRole(role || 'guest');
+
+		fetchKnowledge();
+	}, [router]);
+
+  const fetchKnowledge = async () => {
+    try {
+      const res = await fetch(`/api/market/knowledge?search=${encodeURIComponent(search)}`);
+      
+      if (!res.ok) {
+        const error = await res.json();
+        
+        // 显示明确的错误信息
+        if (error.code === 'MARKET_UNAVAILABLE') {
+          setAlertMessage({ type: 'error', message: error.error || '远程市场服务不可用，请联系系统管理员' });
+          setKnowledge([]);
+        } else {
+          throw new Error(error.error || '获取市场知识失败');
+        }
+        return;
+      }
+      
+      const data = await res.json();
+      setKnowledge(data.knowledge || []);
+      setAlertMessage(null); // 清除错误提示
+    } catch (error: any) {
+      console.error('Failed to fetch knowledge:', error);
+      setAlertMessage({ type: 'error', message: error.message || '获取市场知识失败' });
+      setKnowledge([]);
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  const handleSearch = (e: React.FormEvent) => {
+    e.preventDefault();
+    setLoading(true);
+    fetchKnowledge();
+  };
+
+  const handleView = (item: MarketKnowledge) => {
+		setSelectedKnowledge(item);
+	};
+
+	const handleDelete = async (id: string, title: string) => {
+		if (!userId || userRole !== 'admin') {
+			setAlertMessage({ type: 'error', message: '需要管理员权限' });
+			return;
+		}
+
+		if (!confirm(`确定要从市场中移除知识 "${title}" 吗？\n\n注意：这只会从市场中移除，不会删除您的本地知识。`)) {
+			return;
+		}
+
+		setDeletingId(id);
+		setAlertMessage(null);
+
+		try {
+			// 调用市场移除 API（不删除本地知识）
+			const res = await fetch(`/api/market/knowledge/${id}?userId=${userId}&role=${userRole}`, {
+				method: 'DELETE',
+			});
+
+			if (res.ok) {
+				setAlertMessage({ type: 'success', message: '已从市场中移除知识' });
+				setKnowledge(prev => prev.filter(k => k.id !== id));
+				if (selectedKnowledge?.id === id) {
+					setSelectedKnowledge(null);
+				}
+			} else {
+				const data = await res.json();
+				setAlertMessage({ type: 'error', message: data.error || '从市场中移除失败' });
+			}
+		} catch (error) {
+			console.error('Failed to remove from market:', error);
+			setAlertMessage({ type: 'error', message: '从市场中移除失败' });
+		} finally {
+			setDeletingId(null);
+		}
+	};
+
+  return (
+    <div className="min-h-screen bg-gray-50">
+      {/* Header */}
+      <header className="bg-white border-b">
+        <div className="max-w-6xl mx-auto px-4 py-4">
+          <div className="flex items-center gap-4">
+            <div className="flex items-center gap-2">
+              <BookOpen className="w-6 h-6 text-green-600" />
+              <h1 className="text-xl font-bold">知识市场</h1>
+            </div>
+          </div>
+        </div>
+      </header>
+
+      <main className="max-w-6xl mx-auto px-4 py-6">
+				{/* Alert Message */}
+				{alertMessage && (
+					<Alert
+						variant={alertMessage.type === 'error' ? 'destructive' : 'default'}
+						className="mb-4"
+					>
+						<AlertDescription>{alertMessage.message}</AlertDescription>
+					</Alert>
+				)}
+
+				{/* Search */}
+        <form onSubmit={handleSearch} className="mb-6">
+          <div className="flex gap-2">
+            <div className="relative flex-1">
+              <Search className="absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-gray-400" />
+              <Input
+                type="text"
+                placeholder="搜索知识..."
+                value={search}
+                onChange={(e) => setSearch(e.target.value)}
+                className="pl-10"
+              />
+            </div>
+            <Button type="submit">搜索</Button>
+          </div>
+        </form>
+
+        {/* Stats */}
+        <div className="grid grid-cols-2 gap-4 mb-6">
+          <Card>
+            <CardContent className="p-4">
+              <div className="text-2xl font-bold">{knowledge.length}</div>
+              <div className="text-sm text-gray-500">市场知识</div>
+            </CardContent>
+          </Card>
+          <Card>
+            <CardContent className="p-4">
+              <div className="text-2xl font-bold">
+                {knowledge.reduce((sum, k) => sum + (Number(k.views) || 0), 0)}
+              </div>
+              <div className="text-sm text-gray-500">总浏览</div>
+            </CardContent>
+          </Card>
+        </div>
+
+        {/* Knowledge Grid */}
+        {loading ? (
+          <div className="text-center py-12 text-gray-500">加载中...</div>
+        ) : knowledge.length === 0 ? (
+          <div className="text-center py-12">
+            <BookOpen className="w-12 h-12 mx-auto text-gray-300 mb-4" />
+            <p className="text-gray-500">暂无知识</p>
+            <p className="text-sm text-gray-400 mt-1">
+              可以在"我的知识"中创建并发布
+            </p>
+          </div>
+        ) : (
+          <div className="grid gap-4 md:grid-cols-2 lg:grid-cols-3">
+            {knowledge.map((item) => (
+              <Card key={item.id} className="hover:shadow-md transition-shadow">
+                <CardHeader className="pb-3">
+                  <CardTitle className="text-lg line-clamp-1">{item.title}</CardTitle>
+                  <CardDescription className="text-xs">
+                    by {item.author || '匿名'}
+                  </CardDescription>
+                </CardHeader>
+                <CardContent>
+                  <p className="text-sm text-gray-600 mb-3 line-clamp-3">
+                    {item.content?.substring(0, 150)}...
+                  </p>
+                  
+                  {parseTags(item.tags).length > 0 && (
+                    <div className="flex flex-wrap gap-1 mb-3">
+                      {parseTags(item.tags).slice(0, 3).map((tag: string) => (
+                        <Badge key={tag} variant="outline" className="text-xs">
+                          {tag}
+                        </Badge>
+                      ))}
+                    </div>
+                  )}
+
+                  <div className="flex items-center justify-between">
+						<div className="flex items-center gap-3 text-sm text-gray-500">
+							<span className="flex items-center gap-1">
+								<Eye className="w-4 h-4" />
+								{item.views}
+							</span>
+							<span className="flex items-center gap-1">
+								<Star className="w-4 h-4 text-yellow-500" />
+								{item.rating > 0 ? item.rating.toFixed(1) : '-'}
+							</span>
+						</div>
+						<div className="flex gap-2">
+							{userRole === 'admin' && (
+								<Button
+									variant="outline"
+									size="sm"
+									className="text-red-600 border-red-600 hover:bg-red-50"
+									onClick={() => handleDelete(item.id, item.title)}
+									disabled={deletingId === item.id}
+									title="删除知识"
+								>
+									{deletingId === item.id ? (
+										<Loader2 className="w-4 h-4 animate-spin" />
+									) : (
+										<Trash2 className="w-4 h-4" />
+									)}
+								</Button>
+							)}
+							<Button
+								variant="outline"
+								size="sm"
+								onClick={() => handleView(item)}
+							>
+								查看
+							</Button>
+						</div>
+					</div>
+                </CardContent>
+              </Card>
+            ))}
+          </div>
+        )}
+      </main>
+
+      {/* View Dialog */}
+      <Dialog open={!!selectedKnowledge} onOpenChange={(open) => !open && setSelectedKnowledge(null)}>
+        <DialogContent className="max-w-3xl max-h-[80vh]">
+          <DialogHeader>
+            <DialogTitle className="text-xl">{selectedKnowledge?.title}</DialogTitle>
+            <div className="flex items-center gap-4 text-sm text-gray-500 mt-2">
+              <span>by {selectedKnowledge?.author || '匿名'}</span>
+              <span className="flex items-center gap-1">
+                <Eye className="w-4 h-4" />
+                {selectedKnowledge?.views}
+              </span>
+              <span>{selectedKnowledge?.createdAt?.split('T')[0]}</span>
+            </div>
+            {parseTags(selectedKnowledge?.tags).length > 0 && (
+              <div className="flex flex-wrap gap-1 mt-2">
+                {parseTags(selectedKnowledge?.tags).map((tag: string) => (
+                  <Badge key={tag} variant="outline">
+                    {tag}
+                  </Badge>
+                ))}
+              </div>
+            )}
+          </DialogHeader>
+          <ScrollArea className="h-[60vh] pr-4">
+            <div className="prose prose-sm max-w-none">
+              {selectedKnowledge && <SimpleMarkdown content={selectedKnowledge.content} />}
+            </div>
+          </ScrollArea>
+        </DialogContent>
+      </Dialog>
+    </div>
+  );
+}

package/app/market/layout.tsx

@@ -0,0 +1,29 @@
+'use client';
+
+import { Package, BookOpen } from 'lucide-react';
+import { SubNav, type NavItem } from '@/components/sub-nav';
+
+const marketNavItems: NavItem[] = [
+	{ href: '/market/knowledge', label: '知识', icon: BookOpen },
+	{ href: '/market/skills', label: 'Skill', icon: Package },
+];
+
+export default function MarketLayout({
+	children,
+}: {
+	children: React.ReactNode;
+}) {
+	return (
+		<div className="flex min-h-[calc(100vh-3rem)] bg-gray-50">
+			<div className="w-48 flex-shrink-0 border-r bg-white">
+				<div className="py-4 px-3 border-b">
+					<h2 className="text-sm font-semibold text-gray-900">市场</h2>
+				</div>
+				<SubNav items={marketNavItems} />
+			</div>
+			<main className="flex-1 overflow-auto">
+				{children}
+			</main>
+		</div>
+	);
+}

package/app/market/page.tsx

@@ -0,0 +1,18 @@
+'use client';
+
+import { useEffect } from 'react';
+import { useRouter } from 'next/navigation';
+
+export default function MarketIndex() {
+	const router = useRouter();
+
+	useEffect(() => {
+		router.replace('/market/knowledge');
+	}, [router]);
+
+	return (
+		<div className="flex items-center justify-center h-full">
+			<div className="text-muted-foreground">加载中...</div>
+		</div>
+	);
+}