work-agent 0.1.0

package/app/my/knowledge/page.tsx

@@ -0,0 +1,248 @@
+'use client';
+
+import { useEffect, useState } from 'react';
+import Link from 'next/link';
+import { useRouter } from 'next/navigation';
+import { 
+  ArrowLeft,
+  Plus,
+  Trash2,
+  FileText,
+  Edit,
+  Eye,
+  Star,
+  Upload
+} 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';
+
+interface Knowledge {
+  id: string;
+  title: string;
+  content: string;
+  category?: string;
+  tags?: string[];
+  author: string;
+  marketStatus?: string;
+  createdAt: string;
+  updatedAt: string;
+}
+
+export default function MyKnowledgePage() {
+  const router = useRouter();
+  const [knowledge, setKnowledge] = useState<Knowledge[]>([]);
+  const [loading, setLoading] = useState(true);
+  const [userId, setUserId] = useState<string>('');
+
+  useEffect(() => {
+    const uid = localStorage.getItem('userId');
+    if (!uid) {
+      router.push('/login');
+      return;
+    }
+    setUserId(uid);
+    fetchKnowledge(uid);
+  }, [router]);
+
+  const fetchKnowledge = async (uid: string) => {
+    try {
+      const res = await fetch(`/api/my/knowledge?userId=${uid}`);
+      if (res.ok) {
+        const data = await res.json();
+        setKnowledge(data.knowledge || []);
+      }
+    } catch (error) {
+      console.error('Failed to fetch knowledge:', error);
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  const handleDelete = async (id: string) => {
+    if (!confirm('确定删除这条知识吗？')) return;
+    
+    try {
+      const res = await fetch(`/api/knowledge/${id}`, { method: 'DELETE' });
+      if (res.ok) {
+        setKnowledge(prev => prev.filter(k => k.id !== id));
+      }
+    } catch (error) {
+      console.error('Failed to delete:', error);
+    }
+  };
+
+  const handlePublish = async (id: string) => {
+    try {
+      const res = await fetch('/api/market/knowledge', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ id, author: userId }),
+      });
+      
+      if (!res.ok) {
+        const error = await res.json();
+        alert(error.error || '发布失败');
+        return;
+      }
+      
+      // 发布成功，更新本地状态
+      setKnowledge(prev => prev.map(k => 
+        k.id === id ? { ...k, marketStatus: 'published' } : k
+      ));
+      
+      alert('发布成功！');
+    } catch (error: any) {
+      console.error('Failed to publish:', error);
+      alert(error.message || '发布失败');
+    }
+  };
+
+  const handleRepublish = async (id: string) => {
+    if (!confirm('确定要重新发布此知识吗？这将更新市场中的内容。')) {
+      return;
+    }
+    await handlePublish(id);
+  };
+
+  const myKnowledge = knowledge.filter(k => k.author === userId);
+  const publishedKnowledge = knowledge.filter(k => k.marketStatus === 'published');
+
+  return (
+    <div className="p-6">
+      <div className="flex items-center justify-between mb-6">
+        <div />
+        <div className="flex items-center gap-2">
+          <Link href="/my/knowledge/new">
+            <Button>
+              <Plus className="w-4 h-4 mr-2" />
+              创建知识
+            </Button>
+          </Link>
+        </div>
+      </div>
+      <div>
+        {loading ? (
+          <div className="text-center py-12 text-gray-500">加载中...</div>
+        ) : knowledge.length === 0 ? (
+          <div className="text-center py-12">
+            <FileText className="w-12 h-12 mx-auto text-gray-300 mb-4" />
+            <p className="text-gray-500 mb-4">还没有创建任何知识</p>
+            <Link href="/my/knowledge/new">
+              <Button>
+                <Plus className="w-4 h-4 mr-2" />
+                创建第一条知识
+              </Button>
+            </Link>
+          </div>
+        ) : (
+          <div className="space-y-8">
+            {/* 已发布 */}
+            {publishedKnowledge.length > 0 && (
+              <section>
+                <h2 className="text-lg font-semibold mb-4 flex items-center gap-2">
+                  <Upload className="w-5 h-5 text-green-500" />
+                  已发布到市场 ({publishedKnowledge.length})
+                </h2>
+                <div className="grid gap-4 md:grid-cols-2 lg:grid-cols-3">
+                  {publishedKnowledge.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>
+                          创建于 {new Date(item.createdAt).toLocaleDateString()}
+                        </CardDescription>
+                      </CardHeader>
+                      <CardContent>
+                        <p className="text-sm text-gray-600 mb-3 line-clamp-2">
+                          {item.content?.substring(0, 100)}...
+                        </p>
+                        <div className="flex items-center justify-between">
+                          <div className="flex gap-1">
+                            <Button 
+                              variant="outline" 
+                              size="sm"
+                              onClick={() => handleRepublish(item.id)}
+                            >
+                              <Upload className="w-4 h-4 mr-1" />
+                              重新发布
+                            </Button>
+                          </div>
+                          <div className="flex gap-1">
+                            <Button variant="ghost" size="sm" asChild>
+                              <Link href={`/my/knowledge/${item.id}`}>
+                                <Edit className="w-4 h-4" />
+                              </Link>
+                            </Button>
+                            <Button variant="ghost" size="sm" onClick={() => handleDelete(item.id)}>
+                              <Trash2 className="w-4 h-4" />
+                            </Button>
+                          </div>
+                        </div>
+                      </CardContent>
+                    </Card>
+                  ))}
+                </div>
+              </section>
+            )}
+
+            {/* 未发布 */}
+            {myKnowledge.filter(k => k.marketStatus !== 'published').length > 0 && (
+              <section>
+                <h2 className="text-lg font-semibold mb-4 flex items-center gap-2">
+                  <FileText className="w-5 h-5 text-gray-500" />
+                  个人知识 ({myKnowledge.filter(k => k.marketStatus !== 'published').length})
+                </h2>
+                <div className="grid gap-4 md:grid-cols-2 lg:grid-cols-3">
+                  {myKnowledge.filter(k => k.marketStatus !== 'published').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>
+                          创建于 {new Date(item.createdAt).toLocaleDateString()}
+                        </CardDescription>
+                      </CardHeader>
+                      <CardContent>
+                        <p className="text-sm text-gray-600 mb-3 line-clamp-2">
+                          {item.content?.substring(0, 100)}...
+                        </p>
+                        <div className="flex items-center justify-between">
+                          <div className="flex gap-1">
+                            <Button 
+                              variant="outline" 
+                              size="sm"
+                              onClick={() => handlePublish(item.id)}
+                            >
+                              <Upload className="w-4 h-4 mr-1" />
+                              发布
+                            </Button>
+                            <Button variant="outline" size="sm" asChild>
+                              <Link href={`/my/knowledge/${item.id}`}>
+                                <Eye className="w-4 h-4 mr-1" />
+                                预览
+                              </Link>
+                            </Button>
+                          </div>
+                          <div className="flex gap-1">
+                            <Button variant="ghost" size="sm" asChild>
+                              <Link href={`/my/knowledge/${item.id}`}>
+                                <Edit className="w-4 h-4" />
+                              </Link>
+                            </Button>
+                            <Button variant="ghost" size="sm" onClick={() => handleDelete(item.id)}>
+                              <Trash2 className="w-4 h-4" />
+                            </Button>
+                          </div>
+                        </div>
+                      </CardContent>
+                    </Card>
+                  ))}
+                </div>
+              </section>
+            )}
+          </div>
+        )}
+      </div>
+    </div>
+  );
+}

package/app/my/layout.tsx

@@ -0,0 +1,32 @@
+'use client';
+
+import { Package, FileText, Clock, Brain, FolderOpen } from 'lucide-react';
+import { SubNav, type NavItem } from '@/components/sub-nav';
+
+const myNavItems: NavItem[] = [
+	{ href: '/my/knowledge', label: '我的知识', icon: FileText },
+	{ href: '/my/files', label: '我的文件', icon: FolderOpen },
+	{ href: '/my/skills', label: '我的Skill', icon: Package },
+	{ href: '/my/memory', label: '我的记忆', icon: Brain },
+	{ href: '/my/scheduled-tasks', label: '定时任务', icon: Clock },
+];
+
+export default function MyLayout({
+	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={myNavItems} />
+			</div>
+			<main className="flex-1 overflow-auto">
+				{children}
+			</main>
+		</div>
+	);
+}

package/app/my/memory/page.tsx

@@ -0,0 +1,164 @@
+'use client';
+
+import { useState, useEffect, useCallback } from 'react';
+import { useRouter } from 'next/navigation';
+import dynamic from 'next/dynamic';
+import { Brain, Eye, EyeOff, Save } from 'lucide-react';
+import { Button } from '@/components/ui/button';
+import ReactMarkdown from 'react-markdown';
+
+const MDEditor = dynamic(
+	() => import('@uiw/react-md-editor'),
+	{ ssr: false }
+);
+
+const DEFAULT_CONTENT = `# 用户记忆
+
+暂无记忆内容。每次您告诉我"记下来"时，我会自动将重要信息保存到这里。
+
+## 偏好
+- 在此记录您的偏好设置
+
+## 项目
+- 在此记录您的项目信息
+
+## 其他
+- 在此记录其他需要记住的信息
+`;
+
+export default function MemoryPage() {
+	const router = useRouter();
+	const [content, setContent] = useState('');
+	const [previewMode, setPreviewMode] = useState<'edit' | 'preview'>('edit');
+	const [saving, setSaving] = useState(false);
+	const [loading, setLoading] = useState(true);
+	const [userId, setUserId] = useState<string>('');
+	const [lastSaved, setLastSaved] = useState<Date | null>(null);
+
+	const loadMemory = async (uid: string) => {
+		setLoading(true);
+		try {
+			const res = await fetch(`/api/memory?userId=${uid}`);
+			if (res.ok) {
+				const data = await res.json();
+				setContent(data.content || DEFAULT_CONTENT);
+			} else {
+				setContent(DEFAULT_CONTENT);
+			}
+		} catch (error) {
+			console.error('Failed to load memory:', error);
+			setContent(DEFAULT_CONTENT);
+		} finally {
+			setLoading(false);
+		}
+	};
+
+	const handleSave = useCallback(async () => {
+		if (!userId) return;
+
+		setSaving(true);
+		try {
+			const res = await fetch('/api/memory', {
+				method: 'POST',
+				headers: { 'Content-Type': 'application/json' },
+				body: JSON.stringify({ userId, content }),
+			});
+
+			if (res.ok) {
+				setLastSaved(new Date());
+			} else {
+				const error = await res.json();
+				alert(error.error || '保存失败');
+			}
+		} catch (error) {
+			console.error('Failed to save memory:', error);
+			alert('保存失败');
+		} finally {
+			setSaving(false);
+		}
+	}, [userId, content]);
+
+	useEffect(() => {
+		const uid = localStorage.getItem('userId');
+		if (!uid) {
+			router.push('/login');
+			return;
+		}
+		setUserId(uid);
+		loadMemory(uid);
+	}, [router]);
+
+	useEffect(() => {
+		const handleKeyDown = (e: KeyboardEvent) => {
+			if ((e.ctrlKey || e.metaKey) && e.key === 's') {
+				e.preventDefault();
+				handleSave();
+			}
+			if ((e.ctrlKey || e.metaKey) && e.key === 'Enter') {
+				e.preventDefault();
+				setPreviewMode(p => p === 'edit' ? 'preview' : 'edit');
+			}
+		};
+		window.addEventListener('keydown', handleKeyDown);
+		return () => window.removeEventListener('keydown', handleKeyDown);
+	}, [handleSave]);
+
+	const wordCount = content.trim() ? content.trim().split(/\s+/).length : 0;
+
+	if (loading) {
+		return (
+			<div className="h-full flex items-center justify-center">
+				<div className="text-muted-foreground">加载中...</div>
+			</div>
+		);
+	}
+
+	return (
+		<div className="p-6 h-full flex flex-col">
+			<div className="flex items-center justify-between mb-4">
+				<div className="flex items-center gap-2">
+					<Brain className="w-5 h-5 text-purple-500" />
+					<h1 className="text-lg font-semibold">我的记忆</h1>
+				</div>
+				<div className="flex items-center gap-2">
+					<Button
+						variant="outline"
+						size="sm"
+						onClick={() => setPreviewMode(previewMode === 'edit' ? 'preview' : 'edit')}
+					>
+						{previewMode === 'edit' ? <Eye className="w-4 h-4 mr-1" /> : <EyeOff className="w-4 h-4 mr-1" />}
+						{previewMode === 'edit' ? '预览' : '编辑'}
+					</Button>
+					<Button onClick={handleSave} disabled={saving}>
+						<Save className="w-4 h-4 mr-1" />
+						{saving ? '保存中...' : '保存'}
+					</Button>
+				</div>
+			</div>
+
+			<div className="flex-1 overflow-hidden border rounded-lg">
+				{previewMode === 'preview' ? (
+					<div className="h-full overflow-auto p-6 prose prose-sm max-w-none">
+						<ReactMarkdown>{content}</ReactMarkdown>
+					</div>
+				) : (
+					<div className="h-full" data-color-mode="light">
+						<MDEditor
+							value={content}
+							onChange={(val) => setContent(val || '')}
+							height="100%"
+							preview="live"
+							hideToolbar={false}
+							visibleDragbar={false}
+						/>
+					</div>
+				)}
+			</div>
+
+			<div className="flex-shrink-0 mt-2 px-1 py-1 text-xs text-muted-foreground flex items-center justify-between">
+				<span>字数: {wordCount}</span>
+				{lastSaved && <span>上次保存: {lastSaved.toLocaleTimeString('zh-CN')}</span>}
+			</div>
+		</div>
+	);
+}

package/app/my/page.tsx

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