添加详情页的点赞计数，添加网站图标

app/tasks/page.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { AlertTriangle, CheckCircle2, Clock, ExternalLink, Link2, Loader2, PlayCircle, Plus, Square, Trash2, X } from "lucide-react";
+import { AlertTriangle, CheckCircle2, Clipboard, Clock, ExternalLink, Link2, Loader2, PlayCircle, Plus, Square, Trash2, X } from "lucide-react";
 
 type TaskStatus = "pending" | "running" | "success" | "error";
 
@@ -74,6 +74,21 @@ export default function TasksPage() {
     setInput("");
   }, [input, addTasks]);
 
+  const handlePasteAndAdd = useCallback(async () => {
+    try {
+      const text = await navigator.clipboard.readText();
+      const urls = extractDouyinLinks(text);
+      if (!urls.length) {
+        alert("剪贴板中未检测到 Douyin 短链，请复制包含 https://v.douyin.com/... 的文本");
+        return;
+      }
+      addTasks(urls);
+    } catch (err) {
+      alert("无法读取剪贴板内容，请检查浏览器权限设置");
+      console.error("Clipboard read error:", err);
+    }
+  }, [addTasks]);
+
   const startTask = useCallback(async (task: Task) => {
     // 若已存在控制器，避免重复启动
     if (controllers.current.has(task.id)) return;
@@ -199,10 +214,13 @@ export default function TasksPage() {
               </div>
             </div>
           </div>
-          <div className="mt-4 flex items-center gap-3">
+          <div className="mt-4 flex flex-wrap items-center gap-3">
             <button type="submit" className="inline-flex items-center gap-2 rounded-md bg-indigo-600/90 px-3 py-2 text-sm font-medium text-white transition-colors hover:bg-indigo-600 focus:outline-none focus:ring-2 focus:ring-indigo-400/40">
               <Plus className="h-4 w-4" /> 添加任务
             </button>
+            <button type="button" onClick={handlePasteAndAdd} className="inline-flex items-center gap-2 rounded-md bg-emerald-600/90 px-3 py-2 text-sm font-medium text-white transition-colors hover:bg-emerald-600 focus:outline-none focus:ring-2 focus:ring-emerald-400/40">
+              <Clipboard className="h-4 w-4" /> 粘贴并添加
+            </button>
             <button type="button" onClick={clearFinished} className="inline-flex items-center gap-2 rounded-md bg-neutral-800 px-3 py-2 text-sm text-neutral-200 transition-colors hover:bg-neutral-700 focus:outline-none focus:ring-2 focus:ring-white/10">
               <Trash2 className="h-4 w-4" /> 清除已完成
             </button>