🎉 init: 小龙的工作空间

.benchmark/crm/frontend/app/customers/page.tsx

@@ -0,0 +1,51 @@
+"use client";
+
+import { useState } from "react";
+import { Card } from "@/components/ui/Card";
+import { Button } from "@/components/ui/Button";
+import { EmptyState } from "@/components/ui/EmptyState";
+import { useCustomers } from "@/hooks/useCustomers";
+
+export default function PagePage() {
+  const { data, loading, error, refetch } = useCustomers();
+  const [open, setOpen] = useState(false);
+
+  return (
+    <div className="space-y-4">
+      <div className="flex items-center justify-between">
+        <div>
+          <h1 className="text-xl font-bold text-gray-800">客户管理</h1>
+          <p className="text-sm text-gray-500 mt-1">客户管理</p>
+        </div>
+        <Button onClick={() => setOpen(true)} variant="primary" size="sm">新增</Button>
+      </div>
+
+      {loading ? (
+        <div className="flex justify-center py-12">
+          <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-blue-500" />
+        </div>
+      ) : error ? (
+        <Card className="text-center py-8">
+          <p className="text-red-500 text-sm">{error}</p>
+          <Button onClick={refetch} variant="secondary" size="sm" className="mt-2">重试</Button>
+        </Card>
+      ) : data.length === 0 ? (
+        <EmptyState
+          icon="📭"
+          title="暂无数据"
+          description="还没有任何记录，点击上方按钮开始"
+          action={<Button onClick={() => setOpen(true)} variant="primary" size="sm">创建第一条</Button>}
+        />
+      ) : (
+        <div className="space-y-3">
+          {data.map((item: any) => (
+            <Card key={item.id}>
+              <h3 className="font-medium text-gray-800">{item.title || item.name || `Item ${item.id.slice(0, 8)}`}</h3>
+              <p className="text-xs text-gray-400 mt-1">{item.createdAt || ""}</p>
+            </Card>
+          ))}
+        </div>
+      )}
+    </div>
+  );
+}

.benchmark/crm/frontend/app/dashboard/page.tsx

@@ -0,0 +1,51 @@
+"use client";
+
+import { useState } from "react";
+import { Card } from "@/components/ui/Card";
+import { Button } from "@/components/ui/Button";
+import { EmptyState } from "@/components/ui/EmptyState";
+import { useDashboard } from "@/hooks/useDashboard";
+
+export default function PagePage() {
+  const { data, loading, error, refetch } = useDashboard();
+  const [open, setOpen] = useState(false);
+
+  return (
+    <div className="space-y-4">
+      <div className="flex items-center justify-between">
+        <div>
+          <h1 className="text-xl font-bold text-gray-800">数据分析仪表盘</h1>
+          <p className="text-sm text-gray-500 mt-1">数据分析仪表盘</p>
+        </div>
+        <Button onClick={() => setOpen(true)} variant="primary" size="sm">新增</Button>
+      </div>
+
+      {loading ? (
+        <div className="flex justify-center py-12">
+          <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-blue-500" />
+        </div>
+      ) : error ? (
+        <Card className="text-center py-8">
+          <p className="text-red-500 text-sm">{error}</p>
+          <Button onClick={refetch} variant="secondary" size="sm" className="mt-2">重试</Button>
+        </Card>
+      ) : data.length === 0 ? (
+        <EmptyState
+          icon="📭"
+          title="暂无数据"
+          description="还没有任何记录，点击上方按钮开始"
+          action={<Button onClick={() => setOpen(true)} variant="primary" size="sm">创建第一条</Button>}
+        />
+      ) : (
+        <div className="space-y-3">
+          {data.map((item: any) => (
+            <Card key={item.id}>
+              <h3 className="font-medium text-gray-800">{item.title || item.name || `Item ${item.id.slice(0, 8)}`}</h3>
+              <p className="text-xs text-gray-400 mt-1">{item.createdAt || ""}</p>
+            </Card>
+          ))}
+        </div>
+      )}
+    </div>
+  );
+}

.benchmark/crm/frontend/app/follow_ups/page.tsx

@@ -0,0 +1,51 @@
+"use client";
+
+import { useState } from "react";
+import { Card } from "@/components/ui/Card";
+import { Button } from "@/components/ui/Button";
+import { EmptyState } from "@/components/ui/EmptyState";
+import { useFollow_ups } from "@/hooks/useFollow_ups";
+
+export default function PagePage() {
+  const { data, loading, error, refetch } = useFollow_ups();
+  const [open, setOpen] = useState(false);
+
+  return (
+    <div className="space-y-4">
+      <div className="flex items-center justify-between">
+        <div>
+          <h1 className="text-xl font-bold text-gray-800">跟进记录</h1>
+          <p className="text-sm text-gray-500 mt-1">跟进记录</p>
+        </div>
+        <Button onClick={() => setOpen(true)} variant="primary" size="sm">新增</Button>
+      </div>
+
+      {loading ? (
+        <div className="flex justify-center py-12">
+          <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-blue-500" />
+        </div>
+      ) : error ? (
+        <Card className="text-center py-8">
+          <p className="text-red-500 text-sm">{error}</p>
+          <Button onClick={refetch} variant="secondary" size="sm" className="mt-2">重试</Button>
+        </Card>
+      ) : data.length === 0 ? (
+        <EmptyState
+          icon="📭"
+          title="暂无数据"
+          description="还没有任何记录，点击上方按钮开始"
+          action={<Button onClick={() => setOpen(true)} variant="primary" size="sm">创建第一条</Button>}
+        />
+      ) : (
+        <div className="space-y-3">
+          {data.map((item: any) => (
+            <Card key={item.id}>
+              <h3 className="font-medium text-gray-800">{item.title || item.name || `Item ${item.id.slice(0, 8)}`}</h3>
+              <p className="text-xs text-gray-400 mt-1">{item.createdAt || ""}</p>
+            </Card>
+          ))}
+        </div>
+      )}
+    </div>
+  );
+}

.benchmark/crm/frontend/app/globals.css

@@ -0,0 +1,8 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+body {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}

.benchmark/crm/frontend/app/layout.tsx

@@ -0,0 +1,30 @@
+import type { Metadata } from "next";
+import "./globals.css";
+import { Sidebar } from "@/components/layout/Sidebar";
+import { BottomNav } from "@/components/layout/BottomNav";
+
+export const metadata: Metadata = {
+  title: "NoteApp",
+  description: "一款支持多端同步、Markdown 编辑和标签管理的笔记应用。",
+};
+
+export default function RootLayout({ children }: { children: React.ReactNode }) {
+  return (
+    <html lang="zh-CN">
+      <body className="bg-gray-50 min-h-screen">
+        <div className="flex">
+          {/* Desktop Sidebar */}
+          <Sidebar items={[{"name":"首页","href":"/home","icon":"🏠"},{"name":"客户管理","href":"/customers","icon":"📋"},{"name":"销售漏斗","href":"/sales_pipeline","icon":"📅"},{"name":"跟进记录","href":"/follow_ups","icon":"✏️"},{"name":"数据分析仪表盘","href":"/dashboard","icon":"📸"}] } projectName="NoteApp" />
+          {/* Main Content */}
+          <main className="flex-1 lg:pl-64 pb-20 lg:pb-0">
+            <div className="max-w-2xl mx-auto px-4 py-6">
+              {children}
+            </div>
+          </main>
+        </div>
+        {/* Mobile Bottom Nav */}
+        <BottomNav items={[{"name":"首页","href":"/home","icon":"🏠"},{"name":"客户管理","href":"/customers","icon":"📋"},{"name":"销售漏斗","href":"/sales_pipeline","icon":"📅"},{"name":"跟进记录","href":"/follow_ups","icon":"✏️"}] } />
+      </body>
+    </html>
+  );
+}

.benchmark/crm/frontend/app/note/[id]/page.tsx

@@ -0,0 +1,25 @@
+"use client";
+import { useState } from "react";
+import { Input } from "@/components/ui/Input";
+import { Button } from "@/components/ui/Button";
+
+export default function NoteEditorPage() {
+  const [title, setTitle] = useState("");
+  const [content, setContent] = useState("");
+
+  return (
+    <div className="space-y-4">
+      <div className="flex items-center justify-between">
+        <h1 className="text-xl font-bold text-gray-800">编辑笔记</h1>
+        <Button variant="primary" size="sm">保存</Button>
+      </div>
+      <Input value={title} onChange={e => setTitle(e.target.value)} placeholder="笔记标题" className="text-lg font-medium border-0 px-0" />
+      <textarea
+        value={content}
+        onChange={e => setContent(e.target.value)}
+        placeholder="开始记录..."
+        className="w-full min-h-[300px] text-sm text-gray-700 resize-none focus:outline-none"
+      />
+    </div>
+  );
+}

.benchmark/crm/frontend/app/notes/page.tsx

@@ -0,0 +1,25 @@
+"use client";
+import { useState } from "react";
+import { Input } from "@/components/ui/Input";
+import { Button } from "@/components/ui/Button";
+
+export default function NoteEditorPage() {
+  const [title, setTitle] = useState("");
+  const [content, setContent] = useState("");
+
+  return (
+    <div className="space-y-4">
+      <div className="flex items-center justify-between">
+        <h1 className="text-xl font-bold text-gray-800">编辑笔记</h1>
+        <Button variant="primary" size="sm">保存</Button>
+      </div>
+      <Input value={title} onChange={e => setTitle(e.target.value)} placeholder="笔记标题" className="text-lg font-medium border-0 px-0" />
+      <textarea
+        value={content}
+        onChange={e => setContent(e.target.value)}
+        placeholder="开始记录..."
+        className="w-full min-h-[300px] text-sm text-gray-700 resize-none focus:outline-none"
+      />
+    </div>
+  );
+}

.benchmark/crm/frontend/app/page.tsx

@@ -0,0 +1,50 @@
+import Link from "next/link";
+
+export default function HomePage() {
+  return (
+    <div className="space-y-6">
+      {/* Hero Section */}
+      <section className="bg-gradient-to-br from-blue-500 to-blue-700 rounded-2xl p-6 text-white">
+        <h1 className="text-2xl font-bold">NoteApp</h1>
+        <p className="mt-2 text-blue-100 text-sm">应用首页</p>
+      </section>
+
+      {/* Quick Actions */}
+      <section>
+        <h2 className="text-lg font-semibold text-gray-800 mb-3">快捷入口</h2>
+        <div className="grid grid-cols-2 gap-3">
+          <Link key="0" href="/home" className="bg-white rounded-xl border border-gray-100 p-4 text-center hover:shadow-md transition-shadow">
+            <span className="text-2xl block mb-1">📋</span>
+            <span className="text-sm text-gray-600">客户管理</span>
+          </Link>
+          <Link key="1" href="/home" className="bg-white rounded-xl border border-gray-100 p-4 text-center hover:shadow-md transition-shadow">
+            <span className="text-2xl block mb-1">📅</span>
+            <span className="text-sm text-gray-600">销售漏斗</span>
+          </Link>
+          <Link key="2" href="/home" className="bg-white rounded-xl border border-gray-100 p-4 text-center hover:shadow-md transition-shadow">
+            <span className="text-2xl block mb-1">📝</span>
+            <span className="text-sm text-gray-600">跟进记录</span>
+          </Link>
+          <Link key="3" href="/home" className="bg-white rounded-xl border border-gray-100 p-4 text-center hover:shadow-md transition-shadow">
+            <span className="text-2xl block mb-1">📸</span>
+            <span className="text-sm text-gray-600">数据分析仪表盘</span>
+          </Link>
+        </div>
+      </section>
+
+      {/* Recent Activity / Stats */}
+      <section>
+        <h2 className="text-lg font-semibold text-gray-800 mb-3">今日概览</h2>
+        <div className="bg-white rounded-xl border border-gray-100 p-4">
+          <div className="flex items-center justify-between">
+            <div>
+              <p className="text-sm text-gray-500">欢迎使用 NoteApp</p>
+              <p className="text-xs text-gray-400 mt-1">开始探索功能吧</p>
+            </div>
+            <span className="text-3xl">👋</span>
+          </div>
+        </div>
+      </section>
+    </div>
+  );
+}

.benchmark/crm/frontend/app/sales_pipeline/page.tsx

@@ -0,0 +1,51 @@
+"use client";
+
+import { useState } from "react";
+import { Card } from "@/components/ui/Card";
+import { Button } from "@/components/ui/Button";
+import { EmptyState } from "@/components/ui/EmptyState";
+import { useSales_pipeline } from "@/hooks/useSales_pipeline";
+
+export default function PagePage() {
+  const { data, loading, error, refetch } = useSales_pipeline();
+  const [open, setOpen] = useState(false);
+
+  return (
+    <div className="space-y-4">
+      <div className="flex items-center justify-between">
+        <div>
+          <h1 className="text-xl font-bold text-gray-800">销售漏斗</h1>
+          <p className="text-sm text-gray-500 mt-1">销售漏斗</p>
+        </div>
+        <Button onClick={() => setOpen(true)} variant="primary" size="sm">新增</Button>
+      </div>
+
+      {loading ? (
+        <div className="flex justify-center py-12">
+          <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-blue-500" />
+        </div>
+      ) : error ? (
+        <Card className="text-center py-8">
+          <p className="text-red-500 text-sm">{error}</p>
+          <Button onClick={refetch} variant="secondary" size="sm" className="mt-2">重试</Button>
+        </Card>
+      ) : data.length === 0 ? (
+        <EmptyState
+          icon="📭"
+          title="暂无数据"
+          description="还没有任何记录，点击上方按钮开始"
+          action={<Button onClick={() => setOpen(true)} variant="primary" size="sm">创建第一条</Button>}
+        />
+      ) : (
+        <div className="space-y-3">
+          {data.map((item: any) => (
+            <Card key={item.id}>
+              <h3 className="font-medium text-gray-800">{item.title || item.name || `Item ${item.id.slice(0, 8)}`}</h3>
+              <p className="text-xs text-gray-400 mt-1">{item.createdAt || ""}</p>
+            </Card>
+          ))}
+        </div>
+      )}
+    </div>
+  );
+}

.benchmark/crm/frontend/app/settings/page.tsx

@@ -0,0 +1,14 @@
+"use client";
+import { Card } from "@/components/ui/Card";
+
+const settings = ["账户安全", "通知设置", "主题偏好", "数据管理", "关于应用"];
+export default function SettingsPage() {
+  return (
+    <div className="space-y-4">
+      <h1 className="text-xl font-bold text-gray-800">设置</h1>
+      <Card className="divide-y p-0">
+        {settings.map((s, i) => <div key={i} className="px-4 py-3 text-sm text-gray-700 hover:bg-gray-50 cursor-pointer flex items-center justify-between">{s} <span className="text-gray-300">›</span></div>)}
+      </Card>
+    </div>
+  );
+}

.benchmark/crm/frontend/app/tags/page.tsx

@@ -0,0 +1,14 @@
+"use client";
+import { Card } from "@/components/ui/Card";
+
+const tags = ["工作", "个人", "灵感", "读书笔记", "代码片段", "日记"];
+export default function TagPage() {
+  return (
+    <div className="space-y-4">
+      <h1 className="text-xl font-bold text-gray-800">标签管理</h1>
+      <div className="flex flex-wrap gap-2">
+        {tags.map(tag => <span key={tag} className="px-3 py-1.5 bg-gray-100 rounded-full text-sm text-gray-600 cursor-pointer hover:bg-gray-200">{tag}</span>)}
+      </div>
+    </div>
+  );
+}

.benchmark/crm/frontend/app/客户管理/page.tsx

@@ -0,0 +1,51 @@
+"use client";
+
+import { useState } from "react";
+import { Card } from "@/components/ui/Card";
+import { Button } from "@/components/ui/Button";
+import { EmptyState } from "@/components/ui/EmptyState";
+import { use客户管理 } from "@/hooks/use客户管理";
+
+export default function PagePage() {
+  const { data, loading, error, refetch } = use客户管理();
+  const [open, setOpen] = useState(false);
+
+  return (
+    <div className="space-y-4">
+      <div className="flex items-center justify-between">
+        <div>
+          <h1 className="text-xl font-bold text-gray-800">客户管理</h1>
+          <p className="text-sm text-gray-500 mt-1">客户管理</p>
+        </div>
+        <Button onClick={() => setOpen(true)} variant="primary" size="sm">新增</Button>
+      </div>
+
+      {loading ? (
+        <div className="flex justify-center py-12">
+          <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-blue-500" />
+        </div>
+      ) : error ? (
+        <Card className="text-center py-8">
+          <p className="text-red-500 text-sm">{error}</p>
+          <Button onClick={refetch} variant="secondary" size="sm" className="mt-2">重试</Button>
+        </Card>
+      ) : data.length === 0 ? (
+        <EmptyState
+          icon="📭"
+          title="暂无数据"
+          description="还没有任何记录，点击上方按钮开始"
+          action={<Button onClick={() => setOpen(true)} variant="primary" size="sm">创建第一条</Button>}
+        />
+      ) : (
+        <div className="space-y-3">
+          {data.map((item: any) => (
+            <Card key={item.id}>
+              <h3 className="font-medium text-gray-800">{item.title || item.name || `Item ${item.id.slice(0, 8)}`}</h3>
+              <p className="text-xs text-gray-400 mt-1">{item.createdAt || ""}</p>
+            </Card>
+          ))}
+        </div>
+      )}
+    </div>
+  );
+}

.benchmark/crm/frontend/app/数据分析仪表盘/page.tsx

@@ -0,0 +1,51 @@
+"use client";
+
+import { useState } from "react";
+import { Card } from "@/components/ui/Card";
+import { Button } from "@/components/ui/Button";
+import { EmptyState } from "@/components/ui/EmptyState";
+import { use数据分析仪表盘 } from "@/hooks/use数据分析仪表盘";
+
+export default function PagePage() {
+  const { data, loading, error, refetch } = use数据分析仪表盘();
+  const [open, setOpen] = useState(false);
+
+  return (
+    <div className="space-y-4">
+      <div className="flex items-center justify-between">
+        <div>
+          <h1 className="text-xl font-bold text-gray-800">数据分析仪表盘</h1>
+          <p className="text-sm text-gray-500 mt-1">数据分析仪表盘</p>
+        </div>
+        <Button onClick={() => setOpen(true)} variant="primary" size="sm">新增</Button>
+      </div>
+
+      {loading ? (
+        <div className="flex justify-center py-12">
+          <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-blue-500" />
+        </div>
+      ) : error ? (
+        <Card className="text-center py-8">
+          <p className="text-red-500 text-sm">{error}</p>
+          <Button onClick={refetch} variant="secondary" size="sm" className="mt-2">重试</Button>
+        </Card>
+      ) : data.length === 0 ? (
+        <EmptyState
+          icon="📭"
+          title="暂无数据"
+          description="还没有任何记录，点击上方按钮开始"
+          action={<Button onClick={() => setOpen(true)} variant="primary" size="sm">创建第一条</Button>}
+        />
+      ) : (
+        <div className="space-y-3">
+          {data.map((item: any) => (
+            <Card key={item.id}>
+              <h3 className="font-medium text-gray-800">{item.title || item.name || `Item ${item.id.slice(0, 8)}`}</h3>
+              <p className="text-xs text-gray-400 mt-1">{item.createdAt || ""}</p>
+            </Card>
+          ))}
+        </div>
+      )}
+    </div>
+  );
+}

.benchmark/crm/frontend/app/跟进记录/page.tsx

@@ -0,0 +1,51 @@
+"use client";
+
+import { useState } from "react";
+import { Card } from "@/components/ui/Card";
+import { Button } from "@/components/ui/Button";
+import { EmptyState } from "@/components/ui/EmptyState";
+import { use跟进记录 } from "@/hooks/use跟进记录";
+
+export default function PagePage() {
+  const { data, loading, error, refetch } = use跟进记录();
+  const [open, setOpen] = useState(false);
+
+  return (
+    <div className="space-y-4">
+      <div className="flex items-center justify-between">
+        <div>
+          <h1 className="text-xl font-bold text-gray-800">跟进记录</h1>
+          <p className="text-sm text-gray-500 mt-1">跟进记录</p>
+        </div>
+        <Button onClick={() => setOpen(true)} variant="primary" size="sm">新增</Button>
+      </div>
+
+      {loading ? (
+        <div className="flex justify-center py-12">
+          <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-blue-500" />
+        </div>
+      ) : error ? (
+        <Card className="text-center py-8">
+          <p className="text-red-500 text-sm">{error}</p>
+          <Button onClick={refetch} variant="secondary" size="sm" className="mt-2">重试</Button>
+        </Card>
+      ) : data.length === 0 ? (
+        <EmptyState
+          icon="📭"
+          title="暂无数据"
+          description="还没有任何记录，点击上方按钮开始"
+          action={<Button onClick={() => setOpen(true)} variant="primary" size="sm">创建第一条</Button>}
+        />
+      ) : (
+        <div className="space-y-3">
+          {data.map((item: any) => (
+            <Card key={item.id}>
+              <h3 className="font-medium text-gray-800">{item.title || item.name || `Item ${item.id.slice(0, 8)}`}</h3>
+              <p className="text-xs text-gray-400 mt-1">{item.createdAt || ""}</p>
+            </Card>
+          ))}
+        </div>
+      )}
+    </div>
+  );
+}

.benchmark/crm/frontend/app/销售漏斗/page.tsx

@@ -0,0 +1,51 @@
+"use client";
+
+import { useState } from "react";
+import { Card } from "@/components/ui/Card";
+import { Button } from "@/components/ui/Button";
+import { EmptyState } from "@/components/ui/EmptyState";
+import { use销售漏斗 } from "@/hooks/use销售漏斗";
+
+export default function PagePage() {
+  const { data, loading, error, refetch } = use销售漏斗();
+  const [open, setOpen] = useState(false);
+
+  return (
+    <div className="space-y-4">
+      <div className="flex items-center justify-between">
+        <div>
+          <h1 className="text-xl font-bold text-gray-800">销售漏斗</h1>
+          <p className="text-sm text-gray-500 mt-1">销售漏斗</p>
+        </div>
+        <Button onClick={() => setOpen(true)} variant="primary" size="sm">新增</Button>
+      </div>
+
+      {loading ? (
+        <div className="flex justify-center py-12">
+          <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-blue-500" />
+        </div>
+      ) : error ? (
+        <Card className="text-center py-8">
+          <p className="text-red-500 text-sm">{error}</p>
+          <Button onClick={refetch} variant="secondary" size="sm" className="mt-2">重试</Button>
+        </Card>
+      ) : data.length === 0 ? (
+        <EmptyState
+          icon="📭"
+          title="暂无数据"
+          description="还没有任何记录，点击上方按钮开始"
+          action={<Button onClick={() => setOpen(true)} variant="primary" size="sm">创建第一条</Button>}
+        />
+      ) : (
+        <div className="space-y-3">
+          {data.map((item: any) => (
+            <Card key={item.id}>
+              <h3 className="font-medium text-gray-800">{item.title || item.name || `Item ${item.id.slice(0, 8)}`}</h3>
+              <p className="text-xs text-gray-400 mt-1">{item.createdAt || ""}</p>
+            </Card>
+          ))}
+        </div>
+      )}
+    </div>
+  );
+}