refactor: restructure navigation and module layout

Reorganize navigation and module structure based on new requirements.

Co-authored-by: null <4804959+fnvtk@users.noreply.github.com>

app/ai-agent/smart-tag/page.tsx

@@ -0,0 +1,550 @@
+"use client"
+
+import { useState } from "react"
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
+import { Button } from "@/components/ui/button"
+import { Badge } from "@/components/ui/badge"
+import { Input } from "@/components/ui/input"
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
+import { Textarea } from "@/components/ui/textarea"
+import { Label } from "@/components/ui/label"
+import { Checkbox } from "@/components/ui/checkbox"
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from "@/components/ui/dialog"
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@/components/ui/select"
+import {
+  Tags,
+  Plus,
+  Search,
+  Play,
+  Pause,
+  CheckCircle2,
+  Clock,
+  AlertCircle,
+  Settings,
+  FileText,
+  RefreshCw,
+  Sparkles,
+  ThumbsUp,
+  ThumbsDown,
+  Eye,
+  MoreVertical,
+  Bot,
+  Zap,
+} from "lucide-react"
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu"
+
+// 第四部分：AI Agent - AI打标
+export default function AISmartTagPage() {
+  const [activeTab, setActiveTab] = useState("tasks")
+  const [searchQuery, setSearchQuery] = useState("")
+  const [showCreateDialog, setShowCreateDialog] = useState(false)
+  const [showReviewDialog, setShowReviewDialog] = useState(false)
+  const [selectedTask, setSelectedTask] = useState<any>(null)
+  const [selectedItems, setSelectedItems] = useState<string[]>([])
+
+  // AI打标任务列表
+  const tagTasks = [
+    {
+      id: "1",
+      name: "高价值用户识别",
+      prompt: "根据用户的消费金额、频次、最近活跃时间，识别高价值用户",
+      status: "completed",
+      targetTag: "高价值用户",
+      dataSource: "用户表+交易表",
+      affectedCount: 45678,
+      confidence: 0.92,
+      createdAt: "2026-01-30 10:00",
+      completedAt: "2026-01-30 10:15",
+      needReview: false,
+    },
+    {
+      id: "2",
+      name: "流失风险预警",
+      prompt: "识别最近30天未登录且之前活跃的用户，标记为流失风险",
+      status: "pending_review",
+      targetTag: "流失风险",
+      dataSource: "用户行为表",
+      affectedCount: 12456,
+      confidence: 0.87,
+      createdAt: "2026-01-31 09:00",
+      completedAt: "2026-01-31 09:12",
+      needReview: true,
+      reviewStats: { approved: 0, rejected: 0, pending: 12456 },
+    },
+    {
+      id: "3",
+      name: "兴趣标签推断",
+      prompt: "根据用户浏览和购买记录，推断用户兴趣偏好",
+      status: "running",
+      targetTag: "兴趣标签",
+      dataSource: "行为日志表",
+      affectedCount: 0,
+      confidence: 0,
+      createdAt: "2026-01-31 14:00",
+      progress: 67,
+    },
+    {
+      id: "4",
+      name: "地域特征识别",
+      prompt: "根据IP地址和收货地址，识别用户地域特征",
+      status: "failed",
+      targetTag: "地域标签",
+      dataSource: "用户表+订单表",
+      affectedCount: 0,
+      confidence: 0,
+      createdAt: "2026-01-29 15:00",
+      error: "数据源连接超时",
+    },
+  ]
+
+  // 待审核的标签结果
+  const pendingReviews = [
+    { id: "r1", userId: "U10001", userName: "张三", currentTags: ["活跃用户"], newTag: "流失风险", confidence: 0.92, reason: "30天未登录" },
+    { id: "r2", userId: "U10002", userName: "李四", currentTags: ["普通用户"], newTag: "流失风险", confidence: 0.88, reason: "25天未登录" },
+    { id: "r3", userId: "U10003", userName: "王五", currentTags: ["新用户"], newTag: "流失风险", confidence: 0.75, reason: "注册后未活跃" },
+    { id: "r4", userId: "U10004", userName: "赵六", currentTags: ["VIP用户"], newTag: "流失风险", confidence: 0.65, reason: "消费频次下降" },
+    { id: "r5", userId: "U10005", userName: "钱七", currentTags: ["活跃用户"], newTag: "流失风险", confidence: 0.58, reason: "互动减少" },
+  ]
+
+  const getStatusBadge = (status: string) => {
+    switch (status) {
+      case "completed":
+        return <Badge className="bg-green-100 text-green-700">已完成</Badge>
+      case "running":
+        return <Badge className="bg-blue-100 text-blue-700">执行中</Badge>
+      case "pending_review":
+        return <Badge className="bg-yellow-100 text-yellow-700">待审核</Badge>
+      case "failed":
+        return <Badge className="bg-red-100 text-red-700">失败</Badge>
+      default:
+        return <Badge variant="secondary">未知</Badge>
+    }
+  }
+
+  const getConfidenceColor = (confidence: number) => {
+    if (confidence >= 0.8) return "text-green-600"
+    if (confidence >= 0.6) return "text-yellow-600"
+    return "text-red-600"
+  }
+
+  const handleOpenReview = (task: any) => {
+    setSelectedTask(task)
+    setShowReviewDialog(true)
+  }
+
+  const handleBatchApprove = () => {
+    console.log("批量通过", selectedItems)
+    setSelectedItems([])
+  }
+
+  const handleBatchReject = () => {
+    console.log("批量拒绝", selectedItems)
+    setSelectedItems([])
+  }
+
+  return (
+    <div className="min-h-screen bg-gradient-to-br from-slate-50 via-blue-50/30 to-purple-50/20">
+      <div className="p-6 space-y-6">
+        {/* 顶部标题 */}
+        <div className="flex flex-col md:flex-row md:items-center md:justify-between gap-4">
+          <div>
+            <h1 className="text-2xl font-bold text-gray-900">AI智能打标</h1>
+            <p className="text-sm text-gray-500 mt-1">使用AI自动识别用户特征并打标签，支持人工审核确认</p>
+          </div>
+          <div className="flex items-center gap-3">
+            <Button onClick={() => setShowCreateDialog(true)}>
+              <Plus className="h-4 w-4 mr-2" />
+              创建打标任务
+            </Button>
+          </div>
+        </div>
+
+        {/* 统计卡片 */}
+        <div className="grid grid-cols-1 md:grid-cols-4 gap-4">
+          <Card className="bg-white/80 backdrop-blur border-0 shadow-sm">
+            <CardContent className="p-4">
+              <div className="flex items-center justify-between">
+                <div>
+                  <p className="text-sm text-gray-500">任务总数</p>
+                  <p className="text-2xl font-bold text-gray-900">{tagTasks.length}</p>
+                </div>
+                <Bot className="h-8 w-8 text-purple-500" />
+              </div>
+            </CardContent>
+          </Card>
+          <Card className="bg-white/80 backdrop-blur border-0 shadow-sm">
+            <CardContent className="p-4">
+              <div className="flex items-center justify-between">
+                <div>
+                  <p className="text-sm text-gray-500">待审核</p>
+                  <p className="text-2xl font-bold text-yellow-600">
+                    {tagTasks.filter((t) => t.status === "pending_review").length}
+                  </p>
+                </div>
+                <Clock className="h-8 w-8 text-yellow-500" />
+              </div>
+            </CardContent>
+          </Card>
+          <Card className="bg-white/80 backdrop-blur border-0 shadow-sm">
+            <CardContent className="p-4">
+              <div className="flex items-center justify-between">
+                <div>
+                  <p className="text-sm text-gray-500">已打标用户</p>
+                  <p className="text-2xl font-bold text-green-600">58,134</p>
+                </div>
+                <Tags className="h-8 w-8 text-green-500" />
+              </div>
+            </CardContent>
+          </Card>
+          <Card className="bg-white/80 backdrop-blur border-0 shadow-sm">
+            <CardContent className="p-4">
+              <div className="flex items-center justify-between">
+                <div>
+                  <p className="text-sm text-gray-500">平均置信度</p>
+                  <p className="text-2xl font-bold text-blue-600">87.5%</p>
+                </div>
+                <Sparkles className="h-8 w-8 text-blue-500" />
+              </div>
+            </CardContent>
+          </Card>
+        </div>
+
+        {/* Tabs */}
+        <Tabs value={activeTab} onValueChange={setActiveTab}>
+          <div className="flex items-center justify-between">
+            <TabsList className="bg-white">
+              <TabsTrigger value="tasks">打标任务</TabsTrigger>
+              <TabsTrigger value="review">审核中心</TabsTrigger>
+              <TabsTrigger value="history">历史记录</TabsTrigger>
+            </TabsList>
+            <div className="relative">
+              <Search className="absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-400" />
+              <Input
+                placeholder="搜索任务..."
+                value={searchQuery}
+                onChange={(e) => setSearchQuery(e.target.value)}
+                className="pl-9 w-64 bg-white"
+              />
+            </div>
+          </div>
+
+          <TabsContent value="tasks" className="mt-4">
+            <div className="space-y-4">
+              {tagTasks.map((task) => (
+                <Card key={task.id} className="bg-white/80 backdrop-blur border-0 shadow-sm">
+                  <CardContent className="p-5">
+                    <div className="flex items-start justify-between">
+                      <div className="flex-1">
+                        <div className="flex items-center gap-3 mb-2">
+                          <h3 className="font-semibold text-gray-900">{task.name}</h3>
+                          {getStatusBadge(task.status)}
+                          <Badge variant="outline">{task.targetTag}</Badge>
+                        </div>
+                        <p className="text-sm text-gray-500 mb-3">{task.prompt}</p>
+                        <div className="flex items-center gap-6 text-sm text-gray-500">
+                          <span>数据源：{task.dataSource}</span>
+                          {task.affectedCount > 0 && (
+                            <span>影响用户：{task.affectedCount.toLocaleString()}</span>
+                          )}
+                          {task.confidence > 0 && (
+                            <span className={getConfidenceColor(task.confidence)}>
+                              置信度：{(task.confidence * 100).toFixed(0)}%
+                            </span>
+                          )}
+                          <span>创建时间：{task.createdAt}</span>
+                        </div>
+                        {task.status === "running" && (
+                          <div className="mt-3">
+                            <div className="flex items-center justify-between text-sm mb-1">
+                              <span className="text-gray-500">执行进度</span>
+                              <span className="text-blue-600">{task.progress}%</span>
+                            </div>
+                            <div className="w-full h-2 bg-gray-100 rounded-full overflow-hidden">
+                              <div
+                                className="h-full bg-blue-500 rounded-full transition-all"
+                                style={{ width: `${task.progress}%` }}
+                              />
+                            </div>
+                          </div>
+                        )}
+                        {task.status === "failed" && (
+                          <div className="mt-3 p-3 bg-red-50 rounded-lg text-sm text-red-600">
+                            错误信息：{task.error}
+                          </div>
+                        )}
+                      </div>
+                      <div className="flex items-center gap-2">
+                        {task.status === "pending_review" && (
+                          <Button size="sm" onClick={() => handleOpenReview(task)}>
+                            <Eye className="h-4 w-4 mr-1" />
+                            审核
+                          </Button>
+                        )}
+                        {task.status === "failed" && (
+                          <Button size="sm" variant="outline">
+                            <RefreshCw className="h-4 w-4 mr-1" />
+                            重试
+                          </Button>
+                        )}
+                        <DropdownMenu>
+                          <DropdownMenuTrigger asChild>
+                            <Button variant="ghost" size="icon">
+                              <MoreVertical className="h-4 w-4" />
+                            </Button>
+                          </DropdownMenuTrigger>
+                          <DropdownMenuContent align="end">
+                            <DropdownMenuItem>
+                              <FileText className="h-4 w-4 mr-2" />
+                              查看日志
+                            </DropdownMenuItem>
+                            <DropdownMenuItem>
+                              <Settings className="h-4 w-4 mr-2" />
+                              编辑配置
+                            </DropdownMenuItem>
+                          </DropdownMenuContent>
+                        </DropdownMenu>
+                      </div>
+                    </div>
+                  </CardContent>
+                </Card>
+              ))}
+            </div>
+          </TabsContent>
+
+          <TabsContent value="review" className="mt-4">
+            <Card className="bg-white/80 backdrop-blur border-0 shadow-sm">
+              <CardHeader className="pb-2">
+                <div className="flex items-center justify-between">
+                  <CardTitle className="text-base font-semibold">待审核标签（共 {pendingReviews.length} 条）</CardTitle>
+                  <div className="flex items-center gap-2">
+                    {selectedItems.length > 0 && (
+                      <>
+                        <span className="text-sm text-gray-500">已选 {selectedItems.length} 项</span>
+                        <Button size="sm" onClick={handleBatchApprove}>
+                          <ThumbsUp className="h-4 w-4 mr-1" />
+                          批量通过
+                        </Button>
+                        <Button size="sm" variant="outline" onClick={handleBatchReject}>
+                          <ThumbsDown className="h-4 w-4 mr-1" />
+                          批量拒绝
+                        </Button>
+                      </>
+                    )}
+                  </div>
+                </div>
+              </CardHeader>
+              <CardContent>
+                <div className="space-y-3">
+                  {pendingReviews.map((item) => (
+                    <div
+                      key={item.id}
+                      className={`flex items-center justify-between p-4 rounded-lg border transition-colors ${
+                        selectedItems.includes(item.id) ? "bg-blue-50 border-blue-200" : "bg-gray-50 border-transparent"
+                      }`}
+                    >
+                      <div className="flex items-center gap-4">
+                        <Checkbox
+                          checked={selectedItems.includes(item.id)}
+                          onCheckedChange={(checked) => {
+                            if (checked) {
+                              setSelectedItems([...selectedItems, item.id])
+                            } else {
+                              setSelectedItems(selectedItems.filter((id) => id !== item.id))
+                            }
+                          }}
+                        />
+                        <div>
+                          <div className="flex items-center gap-2">
+                            <span className="font-medium text-gray-900">{item.userName}</span>
+                            <span className="text-sm text-gray-500">({item.userId})</span>
+                          </div>
+                          <div className="flex items-center gap-2 mt-1">
+                            <span className="text-sm text-gray-500">现有标签：</span>
+                            {item.currentTags.map((tag, index) => (
+                              <Badge key={index} variant="secondary" className="text-xs">
+                                {tag}
+                              </Badge>
+                            ))}
+                            <span className="text-gray-400">→</span>
+                            <Badge className="bg-yellow-100 text-yellow-700 text-xs">
+                              + {item.newTag}
+                            </Badge>
+                          </div>
+                          <p className="text-xs text-gray-400 mt-1">原因：{item.reason}</p>
+                        </div>
+                      </div>
+                      <div className="flex items-center gap-4">
+                        <div className="text-right">
+                          <p className="text-sm text-gray-500">置信度</p>
+                          <p className={`font-semibold ${getConfidenceColor(item.confidence)}`}>
+                            {(item.confidence * 100).toFixed(0)}%
+                          </p>
+                        </div>
+                        <div className="flex items-center gap-2">
+                          <Button size="sm" variant="outline" className="text-green-600 border-green-200 hover:bg-green-50 bg-transparent">
+                            <ThumbsUp className="h-4 w-4" />
+                          </Button>
+                          <Button size="sm" variant="outline" className="text-red-600 border-red-200 hover:bg-red-50 bg-transparent">
+                            <ThumbsDown className="h-4 w-4" />
+                          </Button>
+                        </div>
+                      </div>
+                    </div>
+                  ))}
+                </div>
+              </CardContent>
+            </Card>
+          </TabsContent>
+
+          <TabsContent value="history" className="mt-4">
+            <Card className="bg-white/80 backdrop-blur border-0 shadow-sm">
+              <CardContent className="p-6 text-center text-gray-500">
+                历史记录将显示所有已完成的打标任务及其审核结果
+              </CardContent>
+            </Card>
+          </TabsContent>
+        </Tabs>
+
+        {/* 创建任务弹窗 */}
+        <Dialog open={showCreateDialog} onOpenChange={setShowCreateDialog}>
+          <DialogContent className="max-w-2xl">
+            <DialogHeader>
+              <DialogTitle>创建AI打标任务</DialogTitle>
+              <DialogDescription>配置AI打标规则，AI将自动识别符合条件的用户并打标签</DialogDescription>
+            </DialogHeader>
+            <div className="space-y-4 py-4">
+              <div className="space-y-2">
+                <Label>任务名称</Label>
+                <Input placeholder="例如：高价值用户识别" />
+              </div>
+              <div className="space-y-2">
+                <Label>AI提示词</Label>
+                <Textarea
+                  placeholder="描述你希望AI如何识别用户，例如：根据用户的消费金额、频次、最近活跃时间，识别高价值用户"
+                  rows={4}
+                />
+                <p className="text-xs text-gray-400">
+                  提示：清晰描述识别条件，AI将自动分析数据并打标签
+                </p>
+              </div>
+              <div className="grid grid-cols-2 gap-4">
+                <div className="space-y-2">
+                  <Label>目标标签</Label>
+                  <Select>
+                    <SelectTrigger>
+                      <SelectValue placeholder="选择或创建标签" />
+                    </SelectTrigger>
+                    <SelectContent>
+                      <SelectItem value="high-value">高价值用户</SelectItem>
+                      <SelectItem value="churn-risk">流失风险</SelectItem>
+                      <SelectItem value="new-user">新用户</SelectItem>
+                      <SelectItem value="vip">VIP用户</SelectItem>
+                      <SelectItem value="custom">创建新标签...</SelectItem>
+                    </SelectContent>
+                  </Select>
+                </div>
+                <div className="space-y-2">
+                  <Label>数据源</Label>
+                  <Select>
+                    <SelectTrigger>
+                      <SelectValue placeholder="选择数据源" />
+                    </SelectTrigger>
+                    <SelectContent>
+                      <SelectItem value="users">用户表</SelectItem>
+                      <SelectItem value="transactions">交易表</SelectItem>
+                      <SelectItem value="behaviors">行为表</SelectItem>
+                      <SelectItem value="all">全部数据</SelectItem>
+                    </SelectContent>
+                  </Select>
+                </div>
+              </div>
+              <div className="space-y-2">
+                <Label>置信度阈值</Label>
+                <div className="flex items-center gap-4">
+                  <Input type="number" defaultValue="0.7" min="0" max="1" step="0.1" className="w-24" />
+                  <span className="text-sm text-gray-500">低于此阈值的结果需要人工审核</span>
+                </div>
+              </div>
+              <div className="flex items-center gap-2">
+                <Checkbox id="auto-approve" />
+                <Label htmlFor="auto-approve" className="text-sm font-normal">
+                  高置信度结果自动通过（置信度 ≥ 90%）
+                </Label>
+              </div>
+            </div>
+            <DialogFooter>
+              <Button variant="outline" onClick={() => setShowCreateDialog(false)}>
+                取消
+              </Button>
+              <Button onClick={() => setShowCreateDialog(false)}>
+                <Zap className="h-4 w-4 mr-2" />
+                开始执行
+              </Button>
+            </DialogFooter>
+          </DialogContent>
+        </Dialog>
+
+        {/* 审核弹窗 */}
+        <Dialog open={showReviewDialog} onOpenChange={setShowReviewDialog}>
+          <DialogContent className="max-w-4xl max-h-[80vh]">
+            <DialogHeader>
+              <DialogTitle>审核 - {selectedTask?.name}</DialogTitle>
+              <DialogDescription>
+                共 {selectedTask?.affectedCount.toLocaleString()} 条待审核，请确认AI打标结果
+              </DialogDescription>
+            </DialogHeader>
+            <div className="py-4 max-h-96 overflow-y-auto">
+              <div className="space-y-3">
+                {pendingReviews.map((item) => (
+                  <div key={item.id} className="flex items-center justify-between p-3 bg-gray-50 rounded-lg">
+                    <div>
+                      <span className="font-medium">{item.userName}</span>
+                      <span className="text-gray-500 ml-2">({item.userId})</span>
+                      <p className="text-sm text-gray-500 mt-1">{item.reason}</p>
+                    </div>
+                    <div className="flex items-center gap-3">
+                      <span className={getConfidenceColor(item.confidence)}>
+                        {(item.confidence * 100).toFixed(0)}%
+                      </span>
+                      <Button size="sm" variant="outline" className="text-green-600 bg-transparent">
+                        <ThumbsUp className="h-4 w-4" />
+                      </Button>
+                      <Button size="sm" variant="outline" className="text-red-600 bg-transparent">
+                        <ThumbsDown className="h-4 w-4" />
+                      </Button>
+                    </div>
+                  </div>
+                ))}
+              </div>
+            </div>
+            <DialogFooter>
+              <Button variant="outline" onClick={() => setShowReviewDialog(false)}>
+                关闭
+              </Button>
+              <Button variant="outline">全部拒绝</Button>
+              <Button>全部通过</Button>
+            </DialogFooter>
+          </DialogContent>
+        </Dialog>
+      </div>
+    </div>
+  )
+}