sa2kit 1.6.44 → 1.6.45

package/dist/index.mjs

@@ -1,7 +1,10 @@
+export { FloatingMenu_default as FloatingMenu, FloatingMenuExample_default as FloatingMenuExample, Navigation_default as Navigation, NavigationItem_default as NavigationItem, NavigationToggle_default as NavigationToggle } from './chunk-2PS5PIXV.mjs';
+import { ExperimentCard } from './chunk-OBIPI4GU.mjs';
+export { About_default as About, Contact_default as Contact, ExperimentCard, Home_default as Home, ProjectCarousel } from './chunk-OBIPI4GU.mjs';
 export { DANMAKU_MAX_LENGTH, DANMAKU_TRACK_COUNT, DEFAULT_MAX_ACTIVE_FIREWORKS, DEFAULT_MAX_PARTICLES, DanmakuPanel, FIREWORK_KIND_LABELS, FireworksCanvas, FireworksControlPanel, MIKU_PALETTE, MikuFireworks3D, NORMAL_PALETTE, WebSocketTransport, useDanmakuController, useFireworksEngine, useFireworksRealtime } from './chunk-CX5GPCCO.mjs';
-import { Dialog, DialogContent, Avatar, AvatarImage, AvatarFallback, Button, Timeline, CollisionBalls, FilterButtonGroup, BackButton, Grid, Badge } from './chunk-GMIUSZXC.mjs';
-export { Dialog as AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, DialogDescription as AlertDialogDescription, DialogFooter as AlertDialogFooter, DialogHeader as AlertDialogHeader, DialogOverlay as AlertDialogOverlay, DialogPortal as AlertDialogPortal, DialogTitle as AlertDialogTitle, DialogTrigger as AlertDialogTrigger, Avatar, AvatarFallback, AvatarImage, BackButton, Badge, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CollisionBalls, ConfirmModal, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FilterButtonGroup, GenericOrderManager, Grid, Input, Label, Modal, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, ScrollArea, ScrollBar, SearchBox, SearchResultHint, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Dialog as Sheet, DialogClose as SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, DialogOverlay as SheetOverlay, DialogPortal as SheetPortal, SheetTitle, DialogTrigger as SheetTrigger, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Timeline, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants } from './chunk-GMIUSZXC.mjs';
-export { ImageMappingPanel, LocalImageMappingPanel } from './chunk-EGJPS7OL.mjs';
+import { Dialog, DialogContent, Avatar, AvatarImage, AvatarFallback, Button, FilterButtonGroup, BackButton, Grid, Badge } from './chunk-3JW4X3AC.mjs';
+export { Dialog as AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, DialogDescription as AlertDialogDescription, DialogFooter as AlertDialogFooter, DialogHeader as AlertDialogHeader, DialogOverlay as AlertDialogOverlay, DialogPortal as AlertDialogPortal, DialogTitle as AlertDialogTitle, DialogTrigger as AlertDialogTrigger, Avatar, AvatarFallback, AvatarImage, BackButton, Badge, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CollisionBalls, ConfirmModal, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FilterButtonGroup, GenericOrderManager, Grid, Input, Label, Modal, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, ScrollArea, ScrollBar, SearchBox, SearchResultHint, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Dialog as Sheet, DialogClose as SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, DialogOverlay as SheetOverlay, DialogPortal as SheetPortal, SheetTitle, DialogTrigger as SheetTrigger, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Timeline, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants } from './chunk-3JW4X3AC.mjs';
+export { ImageMappingPanel, LocalImageMappingPanel } from './chunk-6BJ76BYC.mjs';
 import './chunk-LJ4CCSSY.mjs';
 import './chunk-Z36R3P62.mjs';
 import './chunk-52TN2QSS.mjs';
@@ -9,23 +12,24 @@ import './chunk-KZKIH4AS.mjs';
 import { useAuth } from './chunk-KW5JH6V6.mjs';
 import './chunk-PE5EAHZK.mjs';
 import './chunk-AIKEVVDR.mjs';
-import { cn } from './chunk-3NHAT7D4.mjs';
-export { arrayUtils, cn, debugUtils, errorUtils, fileUtils, formatTime, japaneseUtils, stringUtils, validators } from './chunk-3NHAT7D4.mjs';
-export { useAsyncStorage, useElectronStorage, useTaroStorage } from './chunk-UKT3PLON.mjs';
+import { cn } from './chunk-4VJQZSPU.mjs';
+export { arrayUtils, cn, debugUtils, errorUtils, fileUtils, formatTime, japaneseUtils, stringUtils, validators } from './chunk-4VJQZSPU.mjs';
+export { useAsyncStorage, useElectronStorage, useTaroStorage } from './chunk-NXQVTAOP.mjs';
 export { useLocalStorage, useStorage } from './chunk-VVWQTO4Y.mjs';
 import './chunk-WEEXCPSE.mjs';
-export { ConsoleLoggerAdapter, LogLevel, Logger, createLogger, logger } from './chunk-3DXPQ4YV.mjs';
-import './chunk-BJTO5JO5.mjs';
-import React12, { useState, useRef, useCallback, useEffect } from 'react';
+import { init_logger } from './chunk-PXWDQFWV.mjs';
+export { ConsoleLoggerAdapter, LogLevel, Logger, createLogger, logger } from './chunk-PXWDQFWV.mjs';
+import './chunk-WMJKH4XE.mjs';
+import React3, { useState, useRef, useCallback, useEffect } from 'react';
 import { createWorker } from 'tesseract.js';
 import { Upload, X, Loader2, FileText, Eraser, Download, MessageSquare, Send, Bot, User, Shield, AlertTriangle, FlaskConical, LogOut, Meh, Frown, Smile } from 'lucide-react';
 import { clsx } from 'clsx';
-import Link from 'next/link';
-import { createPortal } from 'react-dom';
 import { useSensors, useSensor, PointerSensor, TouchSensor, KeyboardSensor, DndContext, closestCenter } from '@dnd-kit/core';
 import { useSortable, sortableKeyboardCoordinates, SortableContext, rectSortingStrategy, arrayMove } from '@dnd-kit/sortable';
 import { CSS } from '@dnd-kit/utilities';
 
+// src/index.ts
+init_logger();
 var useOCR = (options = {}) => {
   const [state, setState] = useState({
     isProcessing: false,
@@ -153,43 +157,43 @@ var OCRScanner = ({
       handleFileChange(mockEvent);
     }
   };
-  return /* @__PURE__ */ React12.createElement(
+  return /* @__PURE__ */ React3.createElement(
     "div",
     {
       className: clsx("p-6 border-2 border-dashed rounded-xl transition-all", isProcessing ? "border-blue-400 bg-blue-50/10" : "border-gray-200 hover:border-blue-400", className),
       onDragOver: handleDragOver,
       onDrop: handleDrop
     },
-    !imagePreview ? /* @__PURE__ */ React12.createElement(
+    !imagePreview ? /* @__PURE__ */ React3.createElement(
       "div",
       {
         className: "flex flex-col items-center justify-center cursor-pointer space-y-4",
         onClick: () => fileInputRef.current?.click()
       },
-      /* @__PURE__ */ React12.createElement("div", { className: "p-4 bg-blue-50 rounded-full text-blue-500" }, /* @__PURE__ */ React12.createElement(Upload, { size: 32 })),
-      /* @__PURE__ */ React12.createElement("div", { className: "text-center" }, /* @__PURE__ */ React12.createElement("p", { className: "text-lg font-medium text-gray-700" }, "\u70B9\u51FB\u6216\u62D6\u62FD\u56FE\u7247\u8FDB\u884C OCR \u8BC6\u522B"), /* @__PURE__ */ React12.createElement("p", { className: "text-sm text-gray-500" }, "\u652F\u6301 JPG, PNG, WebP"))
-    ) : /* @__PURE__ */ React12.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React12.createElement("div", { className: "relative group rounded-lg overflow-hidden border border-gray-200" }, /* @__PURE__ */ React12.createElement(
+      /* @__PURE__ */ React3.createElement("div", { className: "p-4 bg-blue-50 rounded-full text-blue-500" }, /* @__PURE__ */ React3.createElement(Upload, { size: 32 })),
+      /* @__PURE__ */ React3.createElement("div", { className: "text-center" }, /* @__PURE__ */ React3.createElement("p", { className: "text-lg font-medium text-gray-700" }, "\u70B9\u51FB\u6216\u62D6\u62FD\u56FE\u7247\u8FDB\u884C OCR \u8BC6\u522B"), /* @__PURE__ */ React3.createElement("p", { className: "text-sm text-gray-500" }, "\u652F\u6301 JPG, PNG, WebP"))
+    ) : /* @__PURE__ */ React3.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React3.createElement("div", { className: "relative group rounded-lg overflow-hidden border border-gray-200" }, /* @__PURE__ */ React3.createElement(
       "img",
       {
         src: imagePreview,
         alt: "Preview",
         className: clsx("max-h-64 mx-auto object-contain transition-opacity", isProcessing ? "opacity-50" : "opacity-100")
       }
-    ), !isProcessing && /* @__PURE__ */ React12.createElement(
+    ), !isProcessing && /* @__PURE__ */ React3.createElement(
       "button",
       {
         onClick: reset,
         className: "absolute top-2 right-2 p-1 bg-white/80 rounded-full hover:bg-white text-gray-600 shadow-sm"
       },
-      /* @__PURE__ */ React12.createElement(X, { size: 18 })
-    ), isProcessing && /* @__PURE__ */ React12.createElement("div", { className: "absolute inset-0 flex flex-col items-center justify-center bg-black/5" }, /* @__PURE__ */ React12.createElement(Loader2, { className: "animate-spin text-blue-500 mb-2", size: 32 }), /* @__PURE__ */ React12.createElement("div", { className: "w-48 bg-gray-200 rounded-full h-1.5 overflow-hidden" }, /* @__PURE__ */ React12.createElement(
+      /* @__PURE__ */ React3.createElement(X, { size: 18 })
+    ), isProcessing && /* @__PURE__ */ React3.createElement("div", { className: "absolute inset-0 flex flex-col items-center justify-center bg-black/5" }, /* @__PURE__ */ React3.createElement(Loader2, { className: "animate-spin text-blue-500 mb-2", size: 32 }), /* @__PURE__ */ React3.createElement("div", { className: "w-48 bg-gray-200 rounded-full h-1.5 overflow-hidden" }, /* @__PURE__ */ React3.createElement(
       "div",
       {
         className: "bg-blue-500 h-full transition-all duration-300",
         style: { width: progress * 100 + "%" }
       }
-    )), /* @__PURE__ */ React12.createElement("p", { className: "text-xs font-medium text-blue-600 mt-2" }, status === "initializing" ? "\u6B63\u5728\u52A0\u8F7D\u5F15\u64CE..." : "\u8BC6\u522B\u4E2D " + Math.round(progress * 100) + "%"))), result && !isProcessing && /* @__PURE__ */ React12.createElement("div", { className: "bg-gray-50 p-4 rounded-lg border border-gray-100 animate-in fade-in slide-in-from-bottom-2" }, /* @__PURE__ */ React12.createElement("div", { className: "flex items-center gap-2 mb-2 text-gray-600 font-medium" }, /* @__PURE__ */ React12.createElement(FileText, { size: 18 }), /* @__PURE__ */ React12.createElement("span", null, "\u8BC6\u522B\u7ED3\u679C (\u7F6E\u4FE1\u5EA6: ", Math.round(result.confidence), "%)")), /* @__PURE__ */ React12.createElement("pre", { className: "text-sm text-gray-800 whitespace-pre-wrap font-sans" }, result.text)), error && /* @__PURE__ */ React12.createElement("div", { className: "p-3 bg-red-50 text-red-600 text-sm rounded-lg border border-red-100" }, "\u8BC6\u522B\u5931\u8D25: ", error.message)),
-    /* @__PURE__ */ React12.createElement(
+    )), /* @__PURE__ */ React3.createElement("p", { className: "text-xs font-medium text-blue-600 mt-2" }, status === "initializing" ? "\u6B63\u5728\u52A0\u8F7D\u5F15\u64CE..." : "\u8BC6\u522B\u4E2D " + Math.round(progress * 100) + "%"))), result && !isProcessing && /* @__PURE__ */ React3.createElement("div", { className: "bg-gray-50 p-4 rounded-lg border border-gray-100 animate-in fade-in slide-in-from-bottom-2" }, /* @__PURE__ */ React3.createElement("div", { className: "flex items-center gap-2 mb-2 text-gray-600 font-medium" }, /* @__PURE__ */ React3.createElement(FileText, { size: 18 }), /* @__PURE__ */ React3.createElement("span", null, "\u8BC6\u522B\u7ED3\u679C (\u7F6E\u4FE1\u5EA6: ", Math.round(result.confidence), "%)")), /* @__PURE__ */ React3.createElement("pre", { className: "text-sm text-gray-800 whitespace-pre-wrap font-sans" }, result.text)), error && /* @__PURE__ */ React3.createElement("div", { className: "p-3 bg-red-50 text-red-600 text-sm rounded-lg border border-red-100" }, "\u8BC6\u522B\u5931\u8D25: ", error.message)),
+    /* @__PURE__ */ React3.createElement(
       "input",
       {
         type: "file",
@@ -337,37 +341,37 @@ var BackgroundRemover = ({
     a.download = "removed_background.png";
     a.click();
   };
-  return /* @__PURE__ */ React12.createElement("div", { className: clsx("p-6 border-2 border-dashed rounded-xl transition-all", isProcessing ? "border-purple-400 bg-purple-50/10" : "border-gray-200 hover:border-purple-400", className) }, !imagePreview ? /* @__PURE__ */ React12.createElement(
+  return /* @__PURE__ */ React3.createElement("div", { className: clsx("p-6 border-2 border-dashed rounded-xl transition-all", isProcessing ? "border-purple-400 bg-purple-50/10" : "border-gray-200 hover:border-purple-400", className) }, !imagePreview ? /* @__PURE__ */ React3.createElement(
     "div",
     {
       className: "flex flex-col items-center justify-center cursor-pointer space-y-4",
       onClick: () => fileInputRef.current?.click()
     },
-    /* @__PURE__ */ React12.createElement("div", { className: "p-4 bg-purple-50 rounded-full text-purple-500" }, /* @__PURE__ */ React12.createElement(Eraser, { size: 32 })),
-    /* @__PURE__ */ React12.createElement("div", { className: "text-center" }, /* @__PURE__ */ React12.createElement("p", { className: "text-lg font-medium text-gray-700" }, "\u4E0A\u4F20\u56FE\u7247\u79FB\u9664\u80CC\u666F"), /* @__PURE__ */ React12.createElement("p", { className: "text-sm text-gray-500" }, "\u5EFA\u8BAE\u4F7F\u7528\u4E3B\u4F53\u660E\u786E\u7684\u56FE\u7247"))
-  ) : /* @__PURE__ */ React12.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React12.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ React12.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React12.createElement("p", { className: "text-xs font-medium text-gray-500 uppercase tracking-wider" }, "\u539F\u56FE"), /* @__PURE__ */ React12.createElement("div", { className: "relative rounded-lg overflow-hidden border border-gray-200 bg-gray-50" }, /* @__PURE__ */ React12.createElement("img", { src: imagePreview, alt: "Original", className: "max-h-64 mx-auto object-contain" }))), /* @__PURE__ */ React12.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React12.createElement("p", { className: "text-xs font-medium text-gray-500 uppercase tracking-wider" }, "\u5904\u7406\u7ED3\u679C"), /* @__PURE__ */ React12.createElement("div", { className: "relative rounded-lg overflow-hidden border border-gray-200 bg-grid-slate-100 bg-[size:20px_20px]" }, resultUrl ? /* @__PURE__ */ React12.createElement("img", { src: resultUrl, alt: "Result", className: "max-h-64 mx-auto object-contain animate-in fade-in zoom-in-95 duration-500" }) : /* @__PURE__ */ React12.createElement("div", { className: "h-64 flex flex-col items-center justify-center text-gray-400" }, isProcessing ? /* @__PURE__ */ React12.createElement(React12.Fragment, null, /* @__PURE__ */ React12.createElement(Loader2, { className: "animate-spin text-purple-500 mb-2", size: 32 }), /* @__PURE__ */ React12.createElement("div", { className: "w-32 bg-gray-200 rounded-full h-1.5 overflow-hidden" }, /* @__PURE__ */ React12.createElement(
+    /* @__PURE__ */ React3.createElement("div", { className: "p-4 bg-purple-50 rounded-full text-purple-500" }, /* @__PURE__ */ React3.createElement(Eraser, { size: 32 })),
+    /* @__PURE__ */ React3.createElement("div", { className: "text-center" }, /* @__PURE__ */ React3.createElement("p", { className: "text-lg font-medium text-gray-700" }, "\u4E0A\u4F20\u56FE\u7247\u79FB\u9664\u80CC\u666F"), /* @__PURE__ */ React3.createElement("p", { className: "text-sm text-gray-500" }, "\u5EFA\u8BAE\u4F7F\u7528\u4E3B\u4F53\u660E\u786E\u7684\u56FE\u7247"))
+  ) : /* @__PURE__ */ React3.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React3.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ React3.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React3.createElement("p", { className: "text-xs font-medium text-gray-500 uppercase tracking-wider" }, "\u539F\u56FE"), /* @__PURE__ */ React3.createElement("div", { className: "relative rounded-lg overflow-hidden border border-gray-200 bg-gray-50" }, /* @__PURE__ */ React3.createElement("img", { src: imagePreview, alt: "Original", className: "max-h-64 mx-auto object-contain" }))), /* @__PURE__ */ React3.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React3.createElement("p", { className: "text-xs font-medium text-gray-500 uppercase tracking-wider" }, "\u5904\u7406\u7ED3\u679C"), /* @__PURE__ */ React3.createElement("div", { className: "relative rounded-lg overflow-hidden border border-gray-200 bg-grid-slate-100 bg-[size:20px_20px]" }, resultUrl ? /* @__PURE__ */ React3.createElement("img", { src: resultUrl, alt: "Result", className: "max-h-64 mx-auto object-contain animate-in fade-in zoom-in-95 duration-500" }) : /* @__PURE__ */ React3.createElement("div", { className: "h-64 flex flex-col items-center justify-center text-gray-400" }, isProcessing ? /* @__PURE__ */ React3.createElement(React3.Fragment, null, /* @__PURE__ */ React3.createElement(Loader2, { className: "animate-spin text-purple-500 mb-2", size: 32 }), /* @__PURE__ */ React3.createElement("div", { className: "w-32 bg-gray-200 rounded-full h-1.5 overflow-hidden" }, /* @__PURE__ */ React3.createElement(
     "div",
     {
       className: "bg-purple-500 h-full transition-all duration-300",
       style: { width: progress * 100 + "%" }
     }
-  )), /* @__PURE__ */ React12.createElement("p", { className: "text-[10px] mt-2 font-mono uppercase" }, status.replace(/-/g, " "))) : /* @__PURE__ */ React12.createElement("span", { className: "text-sm italic" }, "\u7B49\u5F85\u5904\u7406..."))))), /* @__PURE__ */ React12.createElement("div", { className: "flex justify-between items-center pt-2" }, !isProcessing && /* @__PURE__ */ React12.createElement(
+  )), /* @__PURE__ */ React3.createElement("p", { className: "text-[10px] mt-2 font-mono uppercase" }, status.replace(/-/g, " "))) : /* @__PURE__ */ React3.createElement("span", { className: "text-sm italic" }, "\u7B49\u5F85\u5904\u7406..."))))), /* @__PURE__ */ React3.createElement("div", { className: "flex justify-between items-center pt-2" }, !isProcessing && /* @__PURE__ */ React3.createElement(
     "button",
     {
       onClick: reset,
       className: "flex items-center gap-2 px-4 py-2 text-sm font-medium text-gray-600 hover:text-gray-900 transition-colors"
     },
-    /* @__PURE__ */ React12.createElement(X, { size: 16 }),
+    /* @__PURE__ */ React3.createElement(X, { size: 16 }),
     "\u91CD\u65B0\u5F00\u59CB"
-  ), resultUrl && !isProcessing && /* @__PURE__ */ React12.createElement(
+  ), resultUrl && !isProcessing && /* @__PURE__ */ React3.createElement(
     "button",
     {
       onClick: downloadResult,
       className: "flex items-center gap-2 px-6 py-2 bg-purple-600 hover:bg-purple-700 text-white rounded-lg shadow-sm transition-all"
     },
-    /* @__PURE__ */ React12.createElement(Download, { size: 16 }),
+    /* @__PURE__ */ React3.createElement(Download, { size: 16 }),
     "\u4E0B\u8F7D PNG"
-  )), error && /* @__PURE__ */ React12.createElement("div", { className: "p-3 bg-red-50 text-red-600 text-sm rounded-lg border border-red-100" }, "\u5904\u7406\u5931\u8D25: ", error.message)), /* @__PURE__ */ React12.createElement(
+  )), error && /* @__PURE__ */ React3.createElement("div", { className: "p-3 bg-red-50 text-red-600 text-sm rounded-lg border border-red-100" }, "\u5904\u7406\u5931\u8D25: ", error.message)), /* @__PURE__ */ React3.createElement(
     "input",
     {
       type: "file",
@@ -486,11 +490,11 @@ var SentimentAnalyzer = ({
     if (!result) return null;
     switch (result.sentiment) {
       case "positive":
-        return /* @__PURE__ */ React12.createElement(Smile, { className: "text-green-500", size: 24 });
+        return /* @__PURE__ */ React3.createElement(Smile, { className: "text-green-500", size: 24 });
       case "negative":
-        return /* @__PURE__ */ React12.createElement(Frown, { className: "text-red-500", size: 24 });
+        return /* @__PURE__ */ React3.createElement(Frown, { className: "text-red-500", size: 24 });
       default:
-        return /* @__PURE__ */ React12.createElement(Meh, { className: "text-yellow-500", size: 24 });
+        return /* @__PURE__ */ React3.createElement(Meh, { className: "text-yellow-500", size: 24 });
     }
   };
   const getSentimentColor = () => {
@@ -504,7 +508,7 @@ var SentimentAnalyzer = ({
         return "bg-yellow-50 border-yellow-200 text-yellow-700";
     }
   };
-  return /* @__PURE__ */ React12.createElement("div", { className: clsx("p-6 border rounded-xl bg-white dark:bg-gray-800 shadow-sm", className) }, /* @__PURE__ */ React12.createElement("div", { className: "flex items-center gap-2 mb-4 text-gray-700 dark:text-gray-300 font-medium" }, /* @__PURE__ */ React12.createElement(MessageSquare, { size: 20 }), /* @__PURE__ */ React12.createElement("span", null, "\u6587\u672C\u60C5\u611F\u5206\u6790")), /* @__PURE__ */ React12.createElement("div", { className: "relative" }, /* @__PURE__ */ React12.createElement(
+  return /* @__PURE__ */ React3.createElement("div", { className: clsx("p-6 border rounded-xl bg-white dark:bg-gray-800 shadow-sm", className) }, /* @__PURE__ */ React3.createElement("div", { className: "flex items-center gap-2 mb-4 text-gray-700 dark:text-gray-300 font-medium" }, /* @__PURE__ */ React3.createElement(MessageSquare, { size: 20 }), /* @__PURE__ */ React3.createElement("span", null, "\u6587\u672C\u60C5\u611F\u5206\u6790")), /* @__PURE__ */ React3.createElement("div", { className: "relative" }, /* @__PURE__ */ React3.createElement(
     "textarea",
     {
       value: text,
@@ -513,15 +517,15 @@ var SentimentAnalyzer = ({
       className: "w-full h-32 p-4 bg-gray-50 dark:bg-gray-900 border border-gray-200 dark:border-gray-700 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all outline-none resize-none text-gray-800 dark:text-gray-200",
       disabled: isProcessing
     }
-  ), /* @__PURE__ */ React12.createElement(
+  ), /* @__PURE__ */ React3.createElement(
     "button",
     {
       onClick: handleAnalyze,
       disabled: !text.trim() || isProcessing,
       className: "absolute bottom-3 right-3 p-2 bg-blue-600 hover:bg-blue-700 disabled:bg-gray-400 text-white rounded-md transition-colors shadow-sm"
     },
-    isProcessing ? /* @__PURE__ */ React12.createElement(Loader2, { className: "animate-spin", size: 18 }) : /* @__PURE__ */ React12.createElement(Send, { size: 18 })
-  )), isProcessing && /* @__PURE__ */ React12.createElement("div", { className: "mt-4 flex items-center gap-2 text-sm text-blue-600 animate-pulse" }, /* @__PURE__ */ React12.createElement(Loader2, { size: 14, className: "animate-spin" }), /* @__PURE__ */ React12.createElement("span", null, "\u6B63\u5728\u5206\u6790 (\u9996\u6B21\u8FD0\u884C\u5C06\u52A0\u8F7D\u6A21\u578B\u8D44\u6E90)...")), result && !isProcessing && /* @__PURE__ */ React12.createElement("div", { className: clsx("mt-4 p-4 border rounded-lg flex items-center gap-4 animate-in fade-in slide-in-from-top-2", getSentimentColor()) }, /* @__PURE__ */ React12.createElement("div", { className: "p-2 bg-white rounded-full shadow-sm" }, getSentimentIcon()), /* @__PURE__ */ React12.createElement("div", null, /* @__PURE__ */ React12.createElement("p", { className: "font-bold text-lg capitalize" }, result.sentiment), /* @__PURE__ */ React12.createElement("p", { className: "text-sm opacity-80" }, "\u7F6E\u4FE1\u5EA6: ", (result.score * 100).toFixed(1), "% (", result.label, ")"))), error && /* @__PURE__ */ React12.createElement("div", { className: "mt-4 p-3 bg-red-50 text-red-600 text-sm rounded-lg border border-red-100" }, "\u5206\u6790\u5931\u8D25: ", error.message));
+    isProcessing ? /* @__PURE__ */ React3.createElement(Loader2, { className: "animate-spin", size: 18 }) : /* @__PURE__ */ React3.createElement(Send, { size: 18 })
+  )), isProcessing && /* @__PURE__ */ React3.createElement("div", { className: "mt-4 flex items-center gap-2 text-sm text-blue-600 animate-pulse" }, /* @__PURE__ */ React3.createElement(Loader2, { size: 14, className: "animate-spin" }), /* @__PURE__ */ React3.createElement("span", null, "\u6B63\u5728\u5206\u6790 (\u9996\u6B21\u8FD0\u884C\u5C06\u52A0\u8F7D\u6A21\u578B\u8D44\u6E90)...")), result && !isProcessing && /* @__PURE__ */ React3.createElement("div", { className: clsx("mt-4 p-4 border rounded-lg flex items-center gap-4 animate-in fade-in slide-in-from-top-2", getSentimentColor()) }, /* @__PURE__ */ React3.createElement("div", { className: "p-2 bg-white rounded-full shadow-sm" }, getSentimentIcon()), /* @__PURE__ */ React3.createElement("div", null, /* @__PURE__ */ React3.createElement("p", { className: "font-bold text-lg capitalize" }, result.sentiment), /* @__PURE__ */ React3.createElement("p", { className: "text-sm opacity-80" }, "\u7F6E\u4FE1\u5EA6: ", (result.score * 100).toFixed(1), "% (", result.label, ")"))), error && /* @__PURE__ */ React3.createElement("div", { className: "mt-4 p-3 bg-red-50 text-red-600 text-sm rounded-lg border border-red-100" }, "\u5206\u6790\u5931\u8D25: ", error.message));
 };
 var useTextGeneration = (options = {}) => {
   const [state, setState] = useState({
@@ -661,7 +665,7 @@ AI\u56DE\u5E94\uFF1A"`;
       setChatHistory((prev) => [...prev, { role: "assistant", content: "\uFF08\u672C\u5730\u6A21\u578B\u601D\u8003\u8FC7\u5EA6\uFF0C\u6682\u65F6\u4F11\u606F\u4E2D...\uFF09" }]);
     }
   };
-  return /* @__PURE__ */ React12.createElement("div", { className: clsx("flex flex-col h-[500px] bg-white dark:bg-gray-800 rounded-xl shadow-inner border border-gray-100 dark:border-gray-700 overflow-hidden", className) }, /* @__PURE__ */ React12.createElement("div", { ref: scrollRef, className: "flex-1 overflow-y-auto p-4 space-y-4 bg-gray-50/50 dark:bg-gray-900/50" }, chatHistory.length === 0 && /* @__PURE__ */ React12.createElement("div", { className: "h-full flex flex-col items-center justify-center text-gray-400 space-y-2" }, /* @__PURE__ */ React12.createElement(Bot, { size: 48, className: "opacity-20" }), /* @__PURE__ */ React12.createElement("p", { className: "text-sm italic text-center px-8 text-gray-400 font-sans" }, "\u4F60\u597D\uFF01\u6211\u662F 100% \u672C\u5730\u8FD0\u884C\u7684 AI\u3002", /* @__PURE__ */ React12.createElement("br", null), "\u4F60\u53EF\u4EE5\u548C\u6211\u804A\u804A\u5929\uFF0C\u6211\u4F1A\u5C1D\u8BD5\u7406\u89E3\u4F60\u7684\u610F\u601D\u3002")), chatHistory.map((msg, i) => /* @__PURE__ */ React12.createElement("div", { key: i, className: clsx("flex", msg.role === "user" ? "justify-end" : "justify-start", "animate-in fade-in slide-in-from-bottom-2") }, /* @__PURE__ */ React12.createElement("div", { className: clsx("flex gap-3 max-w-[85%]", msg.role === "user" ? "flex-row-reverse" : "") }, /* @__PURE__ */ React12.createElement("div", { className: clsx("p-2 rounded-lg h-fit", msg.role === "user" ? "bg-blue-100 text-blue-600" : "bg-white dark:bg-gray-700 shadow-sm border border-gray-100 dark:border-gray-600 text-gray-400") }, msg.role === "user" ? /* @__PURE__ */ React12.createElement(User, { size: 18 }) : /* @__PURE__ */ React12.createElement(Bot, { size: 18 })), /* @__PURE__ */ React12.createElement("div", { className: clsx("p-3 rounded-2xl shadow-sm text-sm", msg.role === "user" ? "bg-blue-600 text-white rounded-tr-none" : "bg-white dark:bg-gray-700 text-gray-800 dark:text-gray-200 rounded-tl-none border border-gray-100 dark:border-gray-600 leading-relaxed") }, msg.content)))), isGenerating && /* @__PURE__ */ React12.createElement("div", { className: "flex justify-start" }, /* @__PURE__ */ React12.createElement("div", { className: "flex gap-3 items-center bg-white dark:bg-gray-700 p-3 rounded-2xl rounded-tl-none border border-gray-100 dark:border-gray-600" }, /* @__PURE__ */ React12.createElement(Loader2, { className: "animate-spin text-blue-500", size: 16 }), /* @__PURE__ */ React12.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React12.createElement("span", { className: "text-xs text-gray-500 font-medium" }, "\u601D\u8003\u4E2D..."), /* @__PURE__ */ React12.createElement("span", { className: "text-[10px] text-blue-400 font-mono tracking-tighter" }, genStatus))))), /* @__PURE__ */ React12.createElement("div", { className: "p-4 bg-white dark:bg-gray-800 border-t border-gray-100 dark:border-gray-700" }, /* @__PURE__ */ React12.createElement("div", { className: "relative flex items-center gap-2" }, /* @__PURE__ */ React12.createElement(
+  return /* @__PURE__ */ React3.createElement("div", { className: clsx("flex flex-col h-[500px] bg-white dark:bg-gray-800 rounded-xl shadow-inner border border-gray-100 dark:border-gray-700 overflow-hidden", className) }, /* @__PURE__ */ React3.createElement("div", { ref: scrollRef, className: "flex-1 overflow-y-auto p-4 space-y-4 bg-gray-50/50 dark:bg-gray-900/50" }, chatHistory.length === 0 && /* @__PURE__ */ React3.createElement("div", { className: "h-full flex flex-col items-center justify-center text-gray-400 space-y-2" }, /* @__PURE__ */ React3.createElement(Bot, { size: 48, className: "opacity-20" }), /* @__PURE__ */ React3.createElement("p", { className: "text-sm italic text-center px-8 text-gray-400 font-sans" }, "\u4F60\u597D\uFF01\u6211\u662F 100% \u672C\u5730\u8FD0\u884C\u7684 AI\u3002", /* @__PURE__ */ React3.createElement("br", null), "\u4F60\u53EF\u4EE5\u548C\u6211\u804A\u804A\u5929\uFF0C\u6211\u4F1A\u5C1D\u8BD5\u7406\u89E3\u4F60\u7684\u610F\u601D\u3002")), chatHistory.map((msg, i) => /* @__PURE__ */ React3.createElement("div", { key: i, className: clsx("flex", msg.role === "user" ? "justify-end" : "justify-start", "animate-in fade-in slide-in-from-bottom-2") }, /* @__PURE__ */ React3.createElement("div", { className: clsx("flex gap-3 max-w-[85%]", msg.role === "user" ? "flex-row-reverse" : "") }, /* @__PURE__ */ React3.createElement("div", { className: clsx("p-2 rounded-lg h-fit", msg.role === "user" ? "bg-blue-100 text-blue-600" : "bg-white dark:bg-gray-700 shadow-sm border border-gray-100 dark:border-gray-600 text-gray-400") }, msg.role === "user" ? /* @__PURE__ */ React3.createElement(User, { size: 18 }) : /* @__PURE__ */ React3.createElement(Bot, { size: 18 })), /* @__PURE__ */ React3.createElement("div", { className: clsx("p-3 rounded-2xl shadow-sm text-sm", msg.role === "user" ? "bg-blue-600 text-white rounded-tr-none" : "bg-white dark:bg-gray-700 text-gray-800 dark:text-gray-200 rounded-tl-none border border-gray-100 dark:border-gray-600 leading-relaxed") }, msg.content)))), isGenerating && /* @__PURE__ */ React3.createElement("div", { className: "flex justify-start" }, /* @__PURE__ */ React3.createElement("div", { className: "flex gap-3 items-center bg-white dark:bg-gray-700 p-3 rounded-2xl rounded-tl-none border border-gray-100 dark:border-gray-600" }, /* @__PURE__ */ React3.createElement(Loader2, { className: "animate-spin text-blue-500", size: 16 }), /* @__PURE__ */ React3.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React3.createElement("span", { className: "text-xs text-gray-500 font-medium" }, "\u601D\u8003\u4E2D..."), /* @__PURE__ */ React3.createElement("span", { className: "text-[10px] text-blue-400 font-mono tracking-tighter" }, genStatus))))), /* @__PURE__ */ React3.createElement("div", { className: "p-4 bg-white dark:bg-gray-800 border-t border-gray-100 dark:border-gray-700" }, /* @__PURE__ */ React3.createElement("div", { className: "relative flex items-center gap-2" }, /* @__PURE__ */ React3.createElement(
     "input",
     {
       type: "text",
@@ -672,14 +676,14 @@ AI\u56DE\u5E94\uFF1A"`;
       className: "flex-1 bg-gray-50 dark:bg-gray-900 border-none rounded-full px-5 py-3 pr-12 text-sm focus:ring-2 focus:ring-blue-500 outline-none dark:text-white text-gray-800",
       disabled: isGenerating
     }
-  ), /* @__PURE__ */ React12.createElement(
+  ), /* @__PURE__ */ React3.createElement(
     "button",
     {
       onClick: handleSend,
       disabled: !input.trim() || isGenerating,
       className: "absolute right-1 p-2.5 bg-blue-600 hover:bg-blue-700 disabled:bg-gray-400 text-white rounded-full transition-all shadow-md active:scale-95 flex items-center justify-center"
     },
-    /* @__PURE__ */ React12.createElement(Send, { size: 18 })
+    /* @__PURE__ */ React3.createElement(Send, { size: 18 })
   ))));
 };
 var themeStyles = {
@@ -704,7 +708,7 @@ var ProfileModal = ({
 }) => {
   const renderSocialLinks = () => {
     if (!data.socialLinks || data.socialLinks.length === 0) return null;
-    return /* @__PURE__ */ React12.createElement("div", { className: "flex gap-3 mt-2" }, data.socialLinks.map((link, index) => /* @__PURE__ */ React12.createElement(
+    return /* @__PURE__ */ React3.createElement("div", { className: "flex gap-3 mt-2" }, data.socialLinks.map((link, index) => /* @__PURE__ */ React3.createElement(
       "a",
       {
         key: index,
@@ -723,15 +727,15 @@ var ProfileModal = ({
           }
         }
       },
-      link.icon ? /* @__PURE__ */ React12.createElement("span", { className: "text-base" }, link.icon) : /* @__PURE__ */ React12.createElement("span", { className: "text-[10px] font-semibold" }, link.type)
+      link.icon ? /* @__PURE__ */ React3.createElement("span", { className: "text-base" }, link.icon) : /* @__PURE__ */ React3.createElement("span", { className: "text-[10px] font-semibold" }, link.type)
     )));
   };
   const renderContacts = () => {
     if (!data.contacts || Object.keys(data.contacts).length === 0) return null;
-    return /* @__PURE__ */ React12.createElement("div", { className: cn(
+    return /* @__PURE__ */ React3.createElement("div", { className: cn(
       "mt-4 border-t pt-4",
       themeName === "dark" ? "border-gray-800" : "border-gray-100"
-    ) }, Object.entries(data.contacts).map(([type, value], index) => /* @__PURE__ */ React12.createElement(
+    ) }, Object.entries(data.contacts).map(([type, value], index) => /* @__PURE__ */ React3.createElement(
       "div",
       {
         key: index,
@@ -741,35 +745,35 @@ var ProfileModal = ({
         ),
         onClick: () => onContactClick && onContactClick(type, value)
       },
-      /* @__PURE__ */ React12.createElement("span", { className: cn(
+      /* @__PURE__ */ React3.createElement("span", { className: cn(
         "font-medium w-[70px] shrink-0",
         themeName === "dark" ? "text-gray-400" : "text-gray-500"
       ) }, type, ":"),
-      /* @__PURE__ */ React12.createElement("span", { className: themeName === "dark" ? "text-gray-200" : "text-gray-800" }, value)
+      /* @__PURE__ */ React3.createElement("span", { className: themeName === "dark" ? "text-gray-200" : "text-gray-800" }, value)
     )));
   };
-  return /* @__PURE__ */ React12.createElement(Dialog, { open: isOpen, onOpenChange: (open) => !open && onClose() }, /* @__PURE__ */ React12.createElement(DialogContent, { className: cn(
+  return /* @__PURE__ */ React3.createElement(Dialog, { open: isOpen, onOpenChange: (open) => !open && onClose() }, /* @__PURE__ */ React3.createElement(DialogContent, { className: cn(
     "sm:max-w-[500px] p-0 overflow-hidden border-none shadow-2xl",
     themeStyles[themeName] || "",
     className
-  ) }, /* @__PURE__ */ React12.createElement("div", { className: "p-6" }, /* @__PURE__ */ React12.createElement("div", { className: "flex gap-5 mb-5" }, showAvatar && /* @__PURE__ */ React12.createElement(
+  ) }, /* @__PURE__ */ React3.createElement("div", { className: "p-6" }, /* @__PURE__ */ React3.createElement("div", { className: "flex gap-5 mb-5" }, showAvatar && /* @__PURE__ */ React3.createElement(
     "div",
     {
       className: "shrink-0",
       onClick: onAvatarClick,
       style: { cursor: onAvatarClick ? "pointer" : "default" }
     },
-    /* @__PURE__ */ React12.createElement(Avatar, { className: "border-2 border-primary/10 shadow-sm", style: { width: avatarSize, height: avatarSize } }, data.avatar && /* @__PURE__ */ React12.createElement(AvatarImage, { src: data.avatar, alt: data.name, className: "object-cover" }), /* @__PURE__ */ React12.createElement(AvatarFallback, { className: "text-xl" }, data.name.substring(0, 2).toUpperCase()))
-  ), /* @__PURE__ */ React12.createElement("div", { className: "flex-1 min-w-0 flex flex-col justify-center" }, /* @__PURE__ */ React12.createElement("h2", { className: cn(
+    /* @__PURE__ */ React3.createElement(Avatar, { className: "border-2 border-primary/10 shadow-sm", style: { width: avatarSize, height: avatarSize } }, data.avatar && /* @__PURE__ */ React3.createElement(AvatarImage, { src: data.avatar, alt: data.name, className: "object-cover" }), /* @__PURE__ */ React3.createElement(AvatarFallback, { className: "text-xl" }, data.name.substring(0, 2).toUpperCase()))
+  ), /* @__PURE__ */ React3.createElement("div", { className: "flex-1 min-w-0 flex flex-col justify-center" }, /* @__PURE__ */ React3.createElement("h2", { className: cn(
     "text-2xl font-bold m-0 mb-1",
     themeName === "dark" ? "text-white" : "text-gray-900"
-  ) }, data.name), data.title && /* @__PURE__ */ React12.createElement("div", { className: cn(
+  ) }, data.name), data.title && /* @__PURE__ */ React3.createElement("div", { className: cn(
     "text-sm mb-2",
     themeName === "dark" ? "text-gray-400" : "text-gray-500"
-  ) }, data.title), showSocial && renderSocialLinks())), showBio && data.bio && /* @__PURE__ */ React12.createElement("div", { className: cn(
+  ) }, data.title), showSocial && renderSocialLinks())), showBio && data.bio && /* @__PURE__ */ React3.createElement("div", { className: cn(
     "mb-5 leading-relaxed text-sm",
     themeName === "dark" ? "text-gray-300" : "text-gray-600"
-  ) }, /* @__PURE__ */ React12.createElement("p", null, data.bio)), showContacts && renderContacts(), data.customContent && /* @__PURE__ */ React12.createElement("div", { className: "mt-5" }, data.customContent))));
+  ) }, /* @__PURE__ */ React3.createElement("p", null, data.bio)), showContacts && renderContacts(), data.customContent && /* @__PURE__ */ React3.createElement("div", { className: "mt-5" }, data.customContent))));
 };
 var ProfileModal_default = ProfileModal;
 var BadgeList = ({
@@ -777,13 +781,13 @@ var BadgeList = ({
   className = ""
 }) => {
   if (!badges || badges.length === 0) return null;
-  return /* @__PURE__ */ React12.createElement("div", { className: cn("flex flex-wrap gap-2 mt-4", className) }, badges.map((badge, index) => /* @__PURE__ */ React12.createElement(
+  return /* @__PURE__ */ React3.createElement("div", { className: cn("flex flex-wrap gap-2 mt-4", className) }, badges.map((badge, index) => /* @__PURE__ */ React3.createElement(
     Badge,
     {
       key: index,
       variant: badge.type === "default" ? "default" : badge.type
     },
-    badge.icon && /* @__PURE__ */ React12.createElement("span", { className: "mr-1" }, badge.icon),
+    badge.icon && /* @__PURE__ */ React3.createElement("span", { className: "mr-1" }, badge.icon),
     badge.label
   )));
 };
@@ -834,7 +838,7 @@ var exampleProfileData = {
     { label: "\u7C89\u4E1D", value: 1024 },
     { label: "\u8BC4\u5206", value: "4.9" }
   ],
-  customContent: /* @__PURE__ */ React12.createElement("div", { className: "mt-5 border-t border-gray-100 pt-4" }, /* @__PURE__ */ React12.createElement("h3", { className: "text-sm font-semibold mb-2" }, "\u4E13\u4E1A\u6280\u80FD"), /* @__PURE__ */ React12.createElement("p", { className: "text-sm text-gray-600 leading-relaxed" }, "\u7CBE\u901AReact\u3001Vue\u3001Angular\u7B49\u524D\u7AEF\u6846\u67B6\uFF0C\u719F\u6089TypeScript\u3001JavaScript\u3001CSS3\u3001HTML5\u7B49\u524D\u7AEF\u6280\u672F\u3002 \u6709\u4E30\u5BCC\u7684\u5927\u578B\u9879\u76EE\u5F00\u53D1\u7ECF\u9A8C\uFF0C\u80FD\u72EC\u7ACB\u8D1F\u8D23\u524D\u7AEF\u67B6\u6784\u8BBE\u8BA1\u3002"))
+  customContent: /* @__PURE__ */ React3.createElement("div", { className: "mt-5 border-t border-gray-100 pt-4" }, /* @__PURE__ */ React3.createElement("h3", { className: "text-sm font-semibold mb-2" }, "\u4E13\u4E1A\u6280\u80FD"), /* @__PURE__ */ React3.createElement("p", { className: "text-sm text-gray-600 leading-relaxed" }, "\u7CBE\u901AReact\u3001Vue\u3001Angular\u7B49\u524D\u7AEF\u6846\u67B6\uFF0C\u719F\u6089TypeScript\u3001JavaScript\u3001CSS3\u3001HTML5\u7B49\u524D\u7AEF\u6280\u672F\u3002 \u6709\u4E30\u5BCC\u7684\u5927\u578B\u9879\u76EE\u5F00\u53D1\u7ECF\u9A8C\uFF0C\u80FD\u72EC\u7ACB\u8D1F\u8D23\u524D\u7AEF\u67B6\u6784\u8BBE\u8BA1\u3002"))
 };
 var ProfileButton = ({
   data = exampleProfileData,
@@ -854,7 +858,7 @@ var ProfileButton = ({
       window.open("tel:" + value);
     }
   };
-  return /* @__PURE__ */ React12.createElement(React12.Fragment, null, /* @__PURE__ */ React12.createElement(
+  return /* @__PURE__ */ React3.createElement(React3.Fragment, null, /* @__PURE__ */ React3.createElement(
     Button,
     {
       variant,
@@ -863,7 +867,7 @@ var ProfileButton = ({
       className
     },
     buttonText
-  ), /* @__PURE__ */ React12.createElement(
+  ), /* @__PURE__ */ React3.createElement(
     ProfileModal_default,
     {
       isOpen: isModalOpen,
@@ -874,8 +878,8 @@ var ProfileButton = ({
       onSocialLinkClick: (url) => window.open(url, "_blank")
     },
     data.customContent,
-    data.badges && /* @__PURE__ */ React12.createElement(BadgeList, { badges: data.badges }),
-    data.stats && /* @__PURE__ */ React12.createElement(StatList, { stats: data.stats })
+    data.badges && /* @__PURE__ */ React3.createElement(BadgeList, { badges: data.badges }),
+    data.stats && /* @__PURE__ */ React3.createElement(StatList, { stats: data.stats })
   ));
 };
 var AutoOpenModal = ({
@@ -905,7 +909,7 @@ var AutoOpenModal = ({
       window.open("tel:" + value);
     }
   };
-  return /* @__PURE__ */ React12.createElement(
+  return /* @__PURE__ */ React3.createElement(
     ProfileModal_default,
     {
       isOpen: isModalOpen,
@@ -915,8 +919,8 @@ var AutoOpenModal = ({
       onContactClick: handleContactClick,
       onSocialLinkClick: (url) => window.open(url, "_blank")
     },
-    data.badges && /* @__PURE__ */ React12.createElement(BadgeList, { badges: data.badges }),
-    data.stats && /* @__PURE__ */ React12.createElement(StatList, { stats: data.stats })
+    data.badges && /* @__PURE__ */ React3.createElement(BadgeList, { badges: data.badges }),
+    data.stats && /* @__PURE__ */ React3.createElement(StatList, { stats: data.stats })
   );
 };
 var sizeMap = {
@@ -940,7 +944,7 @@ var EnhancedAvatar = ({
 }) => {
   const sizeClass = typeof size === "string" ? sizeMap[size] : "";
   const customSizeStyle = typeof size === "number" ? { width: size, height: size } : {};
-  return /* @__PURE__ */ React12.createElement("div", { className: cn("relative inline-block", className), onClick }, /* @__PURE__ */ React12.createElement(Avatar, { className: cn(sizeClass, onClick && "cursor-pointer hover:ring-2 hover:ring-blue-500 transition-all"), style: customSizeStyle }, src && /* @__PURE__ */ React12.createElement(AvatarImage, { src, alt: name || "Avatar", className: "object-cover" }), /* @__PURE__ */ React12.createElement(AvatarFallback, { className: "bg-primary/10 text-primary-foreground" }, name ? name.substring(0, 2).toUpperCase() : "??")), mood && /* @__PURE__ */ React12.createElement(
+  return /* @__PURE__ */ React3.createElement("div", { className: cn("relative inline-block", className), onClick }, /* @__PURE__ */ React3.createElement(Avatar, { className: cn(sizeClass, onClick && "cursor-pointer hover:ring-2 hover:ring-blue-500 transition-all"), style: customSizeStyle }, src && /* @__PURE__ */ React3.createElement(AvatarImage, { src, alt: name || "Avatar", className: "object-cover" }), /* @__PURE__ */ React3.createElement(AvatarFallback, { className: "bg-primary/10 text-primary-foreground" }, name ? name.substring(0, 2).toUpperCase() : "??")), mood && /* @__PURE__ */ React3.createElement(
     "div",
     {
       className: cn(
@@ -949,698 +953,8 @@ var EnhancedAvatar = ({
         typeof size === "number" ? size > 60 ? "h-4 w-4" : "h-3 w-3" : size === "large" ? "h-4 w-4" : "h-3 w-3"
       )
     }
-  ), statusText && /* @__PURE__ */ React12.createElement("div", { className: "absolute -bottom-6 left-1/2 transform -translate-x-1/2 whitespace-nowrap" }, /* @__PURE__ */ React12.createElement("span", { className: "text-xs text-muted-foreground" }, statusText)));
+  ), statusText && /* @__PURE__ */ React3.createElement("div", { className: "absolute -bottom-6 left-1/2 transform -translate-x-1/2 whitespace-nowrap" }, /* @__PURE__ */ React3.createElement("span", { className: "text-xs text-muted-foreground" }, statusText)));
 };
-var About = ({
-  timelineConfig,
-  collisionBallsConfig
-}) => {
-  return /* @__PURE__ */ React12.createElement("section", { id: "about", className: "py-16 bg-white" }, /* @__PURE__ */ React12.createElement("div", { className: "container mx-auto px-4" }, /* @__PURE__ */ React12.createElement("h2", { className: "text-3xl font-bold text-center mb-12" }, "\u5173\u4E8E\u6211"), /* @__PURE__ */ React12.createElement("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-12" }, /* @__PURE__ */ React12.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6" }, /* @__PURE__ */ React12.createElement("h3", { className: "text-2xl font-semibold mb-6" }, "\u4E2A\u4EBA\u7ECF\u5386"), /* @__PURE__ */ React12.createElement(Timeline, { items: timelineConfig.items })), /* @__PURE__ */ React12.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6" }, /* @__PURE__ */ React12.createElement("h3", { className: "text-2xl font-semibold mb-6" }, "\u6280\u80FD\u5C55\u793A"), /* @__PURE__ */ React12.createElement("div", { style: { height: "400px", position: "relative" } }, /* @__PURE__ */ React12.createElement(CollisionBalls, { collisionBallsConfig }))))));
-};
-var About_default = About;
-var Contact = () => {
-  const [formData, setFormData] = useState({
-    name: "",
-    email: "",
-    message: ""
-  });
-  const [isSubmitting, setIsSubmitting] = useState(false);
-  const [submitStatus, setSubmitStatus] = useState("idle");
-  const handleChange = (e) => {
-    const { name, value } = e.target;
-    setFormData((prev) => ({
-      ...prev,
-      [name]: value
-    }));
-  };
-  const handleSubmit = async (e) => {
-    e.preventDefault();
-    setIsSubmitting(true);
-    setSubmitStatus("idle");
-    try {
-      await new Promise((resolve) => setTimeout(resolve, 1e3));
-      setSubmitStatus("success");
-      setFormData({ name: "", email: "", message: "" });
-    } catch (error) {
-      setSubmitStatus("error");
-    } finally {
-      setIsSubmitting(false);
-    }
-  };
-  return /* @__PURE__ */ React12.createElement("section", { id: "contact", className: "py-16 bg-gray-50" }, /* @__PURE__ */ React12.createElement("div", { className: "max-w-4xl mx-auto px-4 sm:px-6 lg:px-8" }, /* @__PURE__ */ React12.createElement("div", { className: "text-center mb-12" }, /* @__PURE__ */ React12.createElement("h2", { className: "text-3xl font-bold text-gray-900 sm:text-4xl" }, "\u8054\u7CFB\u6211"), /* @__PURE__ */ React12.createElement("p", { className: "mt-4 text-lg text-gray-600" }, "\u6709\u4EFB\u4F55\u95EE\u9898\u6216\u5EFA\u8BAE\uFF1F\u8BF7\u968F\u65F6\u8054\u7CFB\u6211")), /* @__PURE__ */ React12.createElement("div", { className: "bg-white rounded-lg shadow-xl p-6 sm:p-8" }, /* @__PURE__ */ React12.createElement("form", { onSubmit: handleSubmit, className: "space-y-6" }, /* @__PURE__ */ React12.createElement("div", null, /* @__PURE__ */ React12.createElement("label", { htmlFor: "name", className: "block text-sm font-medium text-gray-700" }, "\u59D3\u540D"), /* @__PURE__ */ React12.createElement(
-    "input",
-    {
-      type: "text",
-      name: "name",
-      id: "name",
-      value: formData.name,
-      onChange: handleChange,
-      required: true,
-      className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500 sm:text-sm",
-      placeholder: "\u8BF7\u8F93\u5165\u60A8\u7684\u59D3\u540D"
-    }
-  )), /* @__PURE__ */ React12.createElement("div", null, /* @__PURE__ */ React12.createElement("label", { htmlFor: "email", className: "block text-sm font-medium text-gray-700" }, "\u90AE\u7BB1"), /* @__PURE__ */ React12.createElement(
-    "input",
-    {
-      type: "email",
-      name: "email",
-      id: "email",
-      value: formData.email,
-      onChange: handleChange,
-      required: true,
-      className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500 sm:text-sm",
-      placeholder: "\u8BF7\u8F93\u5165\u60A8\u7684\u90AE\u7BB1"
-    }
-  )), /* @__PURE__ */ React12.createElement("div", null, /* @__PURE__ */ React12.createElement("label", { htmlFor: "message", className: "block text-sm font-medium text-gray-700" }, "\u6D88\u606F"), /* @__PURE__ */ React12.createElement(
-    "textarea",
-    {
-      name: "message",
-      id: "message",
-      rows: 4,
-      value: formData.message,
-      onChange: handleChange,
-      required: true,
-      className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500 sm:text-sm",
-      placeholder: "\u8BF7\u8F93\u5165\u60A8\u7684\u6D88\u606F"
-    }
-  )), /* @__PURE__ */ React12.createElement("div", { className: "flex items-center justify-end" }, /* @__PURE__ */ React12.createElement(
-    "button",
-    {
-      type: "submit",
-      disabled: isSubmitting,
-      className: clsx("inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white", isSubmitting ? "bg-blue-400 cursor-not-allowed" : "bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500")
-    },
-    isSubmitting ? "\u53D1\u9001\u4E2D..." : "\u53D1\u9001\u6D88\u606F"
-  )), submitStatus === "success" && /* @__PURE__ */ React12.createElement("div", { className: "rounded-md bg-green-50 p-4" }, /* @__PURE__ */ React12.createElement("div", { className: "flex" }, /* @__PURE__ */ React12.createElement("div", { className: "flex-shrink-0" }, /* @__PURE__ */ React12.createElement("svg", { className: "h-5 w-5 text-green-400", viewBox: "0 0 20 20", fill: "currentColor" }, /* @__PURE__ */ React12.createElement("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z", clipRule: "evenodd" }))), /* @__PURE__ */ React12.createElement("div", { className: "ml-3" }, /* @__PURE__ */ React12.createElement("p", { className: "text-sm font-medium text-green-800" }, "\u6D88\u606F\u5DF2\u6210\u529F\u53D1\u9001\uFF01")))), submitStatus === "error" && /* @__PURE__ */ React12.createElement("div", { className: "rounded-md bg-red-50 p-4" }, /* @__PURE__ */ React12.createElement("div", { className: "flex" }, /* @__PURE__ */ React12.createElement("div", { className: "flex-shrink-0" }, /* @__PURE__ */ React12.createElement("svg", { className: "h-5 w-5 text-red-400", viewBox: "0 0 20 20", fill: "currentColor" }, /* @__PURE__ */ React12.createElement("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z", clipRule: "evenodd" }))), /* @__PURE__ */ React12.createElement("div", { className: "ml-3" }, /* @__PURE__ */ React12.createElement("p", { className: "text-sm font-medium text-red-800" }, "\u53D1\u9001\u5931\u8D25\uFF0C\u8BF7\u7A0D\u540E\u91CD\u8BD5")))))), /* @__PURE__ */ React12.createElement("div", { className: "mt-12 grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3" }, /* @__PURE__ */ React12.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6 text-center" }, /* @__PURE__ */ React12.createElement("div", { className: "text-blue-600 mb-4" }, /* @__PURE__ */ React12.createElement("svg", { className: "h-8 w-8 mx-auto", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React12.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" }))), /* @__PURE__ */ React12.createElement("h3", { className: "text-lg font-medium text-gray-900" }, "\u90AE\u7BB1"), /* @__PURE__ */ React12.createElement("p", { className: "mt-2 text-gray-600" }, "your.email@example.com")), /* @__PURE__ */ React12.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6 text-center" }, /* @__PURE__ */ React12.createElement("div", { className: "text-blue-600 mb-4" }, /* @__PURE__ */ React12.createElement("svg", { className: "h-8 w-8 mx-auto", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React12.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z" }))), /* @__PURE__ */ React12.createElement("h3", { className: "text-lg font-medium text-gray-900" }, "\u7535\u8BDD"), /* @__PURE__ */ React12.createElement("p", { className: "mt-2 text-gray-600" }, "+86 123 4567 8900")), /* @__PURE__ */ React12.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6 text-center" }, /* @__PURE__ */ React12.createElement("div", { className: "text-blue-600 mb-4" }, /* @__PURE__ */ React12.createElement("svg", { className: "h-8 w-8 mx-auto", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React12.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" }), /* @__PURE__ */ React12.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M15 11a3 3 0 11-6 0 3 3 0 016 0z" }))), /* @__PURE__ */ React12.createElement("h3", { className: "text-lg font-medium text-gray-900" }, "\u5730\u5740"), /* @__PURE__ */ React12.createElement("p", { className: "mt-2 text-gray-600" }, "\u4E2D\u56FD\uFF0C\u5317\u4EAC")))));
-};
-var Contact_default = Contact;
-var Home = ({ homeConfig, className }) => {
-  const { title, subtitle, buttons, imageSrc } = homeConfig;
-  const [displayText, setDisplayText] = useState("");
-  const [currentIndex, setCurrentIndex] = useState(0);
-  useEffect(() => {
-    if (currentIndex < title.length) {
-      const timer = setTimeout(() => {
-        setDisplayText((prev) => prev + title[currentIndex]);
-        setCurrentIndex((prev) => prev + 1);
-      }, 150);
-      return () => clearTimeout(timer);
-    }
-    return () => {
-      setDisplayText("");
-      setCurrentIndex(0);
-    };
-  }, [currentIndex, title]);
-  return /* @__PURE__ */ React12.createElement(
-    "section",
-    {
-      id: "home",
-      className: cn("min-h-screen flex items-center justify-center py-16 bg-gradient-to-b from-white to-gray-50", className)
-    },
-    /* @__PURE__ */ React12.createElement("div", { className: "container mx-auto px-4" }, /* @__PURE__ */ React12.createElement("div", { className: "flex flex-col md:flex-row items-center gap-12" }, /* @__PURE__ */ React12.createElement("div", { className: "flex-1 text-center md:text-left" }, /* @__PURE__ */ React12.createElement("h1", { className: "text-4xl md:text-6xl font-bold mb-6 text-gray-900" }, /* @__PURE__ */ React12.createElement("span", { className: "inline-block" }, displayText), /* @__PURE__ */ React12.createElement("span", { className: "animate-pulse ml-1 text-blue-500" }, "|")), /* @__PURE__ */ React12.createElement("p", { className: "text-xl md:text-2xl text-gray-600 mb-8" }, subtitle), /* @__PURE__ */ React12.createElement("div", { className: "flex flex-wrap gap-4 justify-center md:justify-start" }, buttons.map((button) => /* @__PURE__ */ React12.createElement(
-      "a",
-      {
-        key: button.link,
-        href: button.link,
-        className: "px-6 py-3 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-all duration-300 shadow-md hover:shadow-lg font-medium"
-      },
-      button.text
-    )))), /* @__PURE__ */ React12.createElement("div", { className: "flex-1" }, /* @__PURE__ */ React12.createElement("div", { className: "relative group" }, /* @__PURE__ */ React12.createElement("div", { className: "absolute -inset-1 bg-gradient-to-r from-blue-600 to-purple-600 rounded-lg blur opacity-25 group-hover:opacity-50 transition duration-1000 group-hover:duration-200" }), /* @__PURE__ */ React12.createElement(
-      "img",
-      {
-        src: imageSrc,
-        alt: "Profile",
-        className: "relative w-full max-w-md mx-auto rounded-lg shadow-xl transform hover:scale-[1.02] transition-transform duration-300 bg-white"
-      }
-    )))))
-  );
-};
-var Home_default = Home;
-var ExperimentCard = ({
-  href,
-  title,
-  description,
-  tags,
-  category,
-  isCompleted,
-  updatedAt,
-  createdAt,
-  className
-}) => {
-  const formatDate = (dateString) => {
-    if (!dateString) return "";
-    try {
-      const date = new Date(dateString);
-      return date.toLocaleDateString("zh-CN", {
-        year: "numeric",
-        month: "2-digit",
-        day: "2-digit"
-      });
-    } catch (e) {
-      return dateString;
-    }
-  };
-  return /* @__PURE__ */ React12.createElement(Link, { href, className: cn("block group", className) }, /* @__PURE__ */ React12.createElement("div", { className: "w-full h-full bg-white rounded-2xl overflow-hidden shadow-md hover:shadow-2xl transition-all duration-300 transform group-hover:-translate-y-1 border border-gray-100 hover:border-gray-200" }, /* @__PURE__ */ React12.createElement("div", { className: "p-6" }, /* @__PURE__ */ React12.createElement("div", { className: "flex items-start justify-between mb-4" }, /* @__PURE__ */ React12.createElement("h3", { className: "text-xl font-semibold text-gray-900 flex-1 pr-4 leading-tight" }, title), /* @__PURE__ */ React12.createElement("div", { className: "flex flex-col gap-2 flex-shrink-0" }, /* @__PURE__ */ React12.createElement("span", { className: cn(
-    "px-3 py-1.5 text-xs font-medium rounded-full shadow-sm",
-    category === "utility" ? "bg-gradient-to-r from-green-50 to-green-100 text-green-700 border border-green-200" : "bg-gradient-to-r from-purple-50 to-purple-100 text-purple-700 border border-purple-200"
-  ) }, category === "utility" ? "\u{1F527} \u5B9E\u7528\u5DE5\u5177" : "\u{1F3AE} \u4F11\u95F2\u5A31\u4E50"), /* @__PURE__ */ React12.createElement("span", { className: cn(
-    "px-3 py-1.5 text-xs font-medium rounded-full shadow-sm border",
-    isCompleted ? "bg-gradient-to-r from-emerald-50 to-emerald-100 text-emerald-700 border border-emerald-200" : "bg-gradient-to-r from-orange-50 to-orange-100 text-orange-700 border border-orange-200"
-  ) }, isCompleted ? "\u2705 \u5DF2\u5B8C\u6210" : "\u{1F6A7} \u8FDB\u884C\u4E2D"))), /* @__PURE__ */ React12.createElement("p", { className: "text-gray-600 mb-4" }, description), updatedAt && /* @__PURE__ */ React12.createElement("div", { className: "flex items-center gap-1 mb-3 text-xs text-gray-500" }, /* @__PURE__ */ React12.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-4 w-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" }, /* @__PURE__ */ React12.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" })), /* @__PURE__ */ React12.createElement("span", null, "\u66F4\u65B0\u4E8E: ", formatDate(updatedAt)), createdAt && createdAt !== updatedAt && /* @__PURE__ */ React12.createElement("span", { className: "ml-2 text-gray-400" }, "\u521B\u5EFA\u4E8E: ", formatDate(createdAt))), /* @__PURE__ */ React12.createElement("div", { className: "flex flex-wrap gap-2" }, tags.map((tag) => /* @__PURE__ */ React12.createElement(
-    "span",
-    {
-      key: tag,
-      className: "px-3 py-1.5 text-xs font-medium bg-gradient-to-r from-gray-50 to-gray-100 text-gray-700 rounded-full border border-gray-200 shadow-sm hover:shadow-md transition-shadow duration-200"
-    },
-    "#",
-    tag
-  ))))));
-};
-var ProjectCarousel = ({ projects, className }) => {
-  const [currentIndex, setCurrentIndex] = useState(0);
-  const nextSlide = () => {
-    setCurrentIndex(
-      (prevIndex) => prevIndex === projects.length - 1 ? 0 : prevIndex + 1
-    );
-  };
-  const prevSlide = () => {
-    setCurrentIndex(
-      (prevIndex) => prevIndex === 0 ? projects.length - 1 : prevIndex - 1
-    );
-  };
-  return /* @__PURE__ */ React12.createElement("section", { id: "projects", className: cn("py-16 bg-gray-50", className) }, /* @__PURE__ */ React12.createElement("div", { className: "container mx-auto px-4" }, /* @__PURE__ */ React12.createElement("h2", { className: "text-3xl font-bold text-center mb-12 text-gray-900" }, "\u9879\u76EE\u5C55\u793A"), /* @__PURE__ */ React12.createElement("div", { className: "relative max-w-4xl mx-auto" }, /* @__PURE__ */ React12.createElement("div", { className: "relative h-[400px] overflow-hidden rounded-lg shadow-xl" }, projects.map((project, index) => /* @__PURE__ */ React12.createElement(
-    "div",
-    {
-      key: project.id,
-      className: cn(
-        "absolute w-full h-full transition-all duration-500 transform",
-        index === currentIndex ? "translate-x-0 opacity-100" : index < currentIndex ? "-translate-x-full opacity-0" : "translate-x-full opacity-0"
-      )
-    },
-    /* @__PURE__ */ React12.createElement(
-      ExperimentCard,
-      {
-        href: project.link || "#",
-        title: project.title,
-        description: project.description,
-        tags: project.tags,
-        category: "utility"
-      }
-    )
-  ))), /* @__PURE__ */ React12.createElement(
-    "button",
-    {
-      onClick: prevSlide,
-      className: "absolute left-4 top-1/2 -translate-y-1/2 p-2 rounded-full bg-white/80 hover:bg-white shadow-lg focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all z-[10]"
-    },
-    /* @__PURE__ */ React12.createElement(
-      "svg",
-      {
-        className: "w-6 h-6 text-gray-600",
-        fill: "none",
-        stroke: "currentColor",
-        viewBox: "0 0 24 24"
-      },
-      /* @__PURE__ */ React12.createElement(
-        "path",
-        {
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          strokeWidth: 2,
-          d: "M15 19l-7-7 7-7"
-        }
-      )
-    )
-  ), /* @__PURE__ */ React12.createElement(
-    "button",
-    {
-      onClick: nextSlide,
-      className: "absolute right-4 top-1/2 -translate-y-1/2 p-2 rounded-full bg-white/80 hover:bg-white shadow-lg focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all z-[10]"
-    },
-    /* @__PURE__ */ React12.createElement(
-      "svg",
-      {
-        className: "w-6 h-6 text-gray-600",
-        fill: "none",
-        stroke: "currentColor",
-        viewBox: "0 0 24 24"
-      },
-      /* @__PURE__ */ React12.createElement(
-        "path",
-        {
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          strokeWidth: 2,
-          d: "M9 5l7 7-7 7"
-        }
-      )
-    )
-  ), /* @__PURE__ */ React12.createElement("div", { className: "absolute bottom-4 left-1/2 transform -translate-x-1/2 flex space-x-2 z-[10]" }, projects.map((_, index) => /* @__PURE__ */ React12.createElement(
-    "button",
-    {
-      key: index,
-      onClick: () => setCurrentIndex(index),
-      className: cn(
-        "w-2 h-2 rounded-full transition-all duration-300",
-        index === currentIndex ? "bg-blue-500 w-4" : "bg-gray-300"
-      )
-    }
-  ))))));
-};
-var NavigationItemComponent = ({
-  item,
-  direction,
-  isActive,
-  onClick
-}) => {
-  const handleClick = (e) => {
-    e.preventDefault();
-    onClick(item);
-  };
-  const getItemClasses = () => {
-    const baseClasses = `
-      group relative flex items-center gap-3
-      transition-all duration-300 ease-in-out
-      focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50
-      rounded-lg
-    `;
-    const directionClasses = direction === "vertical" ? "px-4 py-3 w-full justify-start" : "px-3 py-2 justify-center";
-    const stateClasses = isActive ? "bg-blue-500 text-white shadow-lg" : item.isExternal ? "text-gray-700 hover:bg-purple-50 hover:text-purple-600 border border-purple-200" : "text-gray-700 hover:bg-blue-50 hover:text-blue-600";
-    return baseClasses + " " + directionClasses + " " + stateClasses;
-  };
-  return /* @__PURE__ */ React12.createElement(
-    "a",
-    {
-      href: item.href,
-      onClick: handleClick,
-      target: item.target,
-      rel: item.isExternal ? "noopener noreferrer" : void 0,
-      className: getItemClasses()
-    },
-    item.icon && /* @__PURE__ */ React12.createElement("span", { className: "flex-shrink-0" }, item.icon),
-    /* @__PURE__ */ React12.createElement("span", { className: clsx("font-medium", direction === "vertical" ? "text-sm" : "text-xs") }, item.label),
-    item.isExternal && /* @__PURE__ */ React12.createElement(
-      "svg",
-      {
-        className: "w-3 h-3 opacity-60 group-hover:opacity-100 transition-opacity",
-        fill: "none",
-        stroke: "currentColor",
-        viewBox: "0 0 24 24"
-      },
-      /* @__PURE__ */ React12.createElement(
-        "path",
-        {
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          strokeWidth: 2,
-          d: "M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"
-        }
-      )
-    ),
-    direction === "vertical" && isActive && /* @__PURE__ */ React12.createElement("div", { className: "absolute left-1 top-1/2 transform -translate-y-1/2 w-1 h-6 bg-white rounded-full" })
-  );
-};
-var NavigationItem_default = NavigationItemComponent;
-var Navigation = ({
-  config,
-  isOpen,
-  activeItemId,
-  onItemClick,
-  className = ""
-}) => {
-  const { direction, position, items, avatar, logo } = config;
-  const getContainerClasses = () => {
-    const baseClasses = `
-      fixed z-[90]
-      bg-white/95 backdrop-blur-lg
-      border border-gray-200/50
-      shadow-2xl
-      transition-all duration-500 ease-in-out
-    `;
-    if (direction === "vertical") {
-      const verticalClasses = "h-screen w-64 flex flex-col";
-      const positionClasses = position === "left" ? "left-0 top-0 " + (isOpen ? "translate-x-0" : "-translate-x-full") : "right-0 top-0 " + (isOpen ? "translate-x-0" : "translate-x-full");
-      return baseClasses + " " + verticalClasses + " " + positionClasses;
-    } else {
-      const horizontalClasses = "w-full h-16 flex items-center";
-      const positionClasses = position === "top" ? "top-0 left-0 right-0 " + (isOpen ? "translate-y-0" : "-translate-y-full") : "bottom-0 left-0 right-0 " + (isOpen ? "translate-y-0" : "translate-y-full");
-      return baseClasses + " " + horizontalClasses + " " + positionClasses;
-    }
-  };
-  const getContentClasses = () => {
-    if (direction === "vertical") {
-      return "flex flex-col h-full p-4";
-    } else {
-      return "flex items-center justify-between w-full px-6";
-    }
-  };
-  const getItemsListClasses = () => {
-    if (direction === "vertical") {
-      return "flex flex-col gap-2 flex-1 overflow-y-auto mt-4";
-    } else {
-      return "flex items-center gap-4";
-    }
-  };
-  const handleItemClick = (item) => {
-    if (item.isExternal) {
-      window.open(item.href, item.target || "_blank");
-    } else if (item.href.startsWith("#")) {
-      const element = document.getElementById(item.id);
-      if (element) {
-        element.scrollIntoView({ behavior: "smooth" });
-      }
-    } else {
-      window.location.href = item.href;
-    }
-    onItemClick?.(item);
-  };
-  if (!isOpen) return null;
-  return /* @__PURE__ */ React12.createElement("nav", { className: clsx(getContainerClasses(), className) }, /* @__PURE__ */ React12.createElement("div", { className: getContentClasses() }, logo && /* @__PURE__ */ React12.createElement("div", { className: "flex items-center justify-center mb-4" }, /* @__PURE__ */ React12.createElement(
-    "img",
-    {
-      src: logo.src,
-      alt: logo.alt || "Logo",
-      className: "h-8 w-auto"
-    }
-  )), direction === "vertical" && /* @__PURE__ */ React12.createElement("div", { className: "h-12 flex-shrink-0" }), /* @__PURE__ */ React12.createElement("div", { className: getItemsListClasses() }, items.map((item) => /* @__PURE__ */ React12.createElement(
-    NavigationItem_default,
-    {
-      key: item.id,
-      item,
-      direction,
-      isActive: activeItemId === item.id,
-      onClick: handleItemClick
-    }
-  ))), avatar && direction === "vertical" && /* @__PURE__ */ React12.createElement("div", { className: "flex items-center justify-center mt-auto pt-4" }, /* @__PURE__ */ React12.createElement(
-    "img",
-    {
-      src: avatar.src,
-      alt: avatar.alt || "Avatar",
-      className: "w-10 h-10 rounded-full border-2 border-gray-200"
-    }
-  )), avatar && direction === "horizontal" && /* @__PURE__ */ React12.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ React12.createElement(
-    "img",
-    {
-      src: avatar.src,
-      alt: avatar.alt || "Avatar",
-      className: "w-8 h-8 rounded-full border-2 border-gray-200"
-    }
-  ))));
-};
-var Navigation_default = Navigation;
-var NavigationToggle = ({
-  isOpen,
-  onClick,
-  position
-}) => {
-  const getPositionClasses = () => {
-    switch (position) {
-      case "top":
-        return "top-4 left-4";
-      case "bottom":
-        return "bottom-4 left-4";
-      case "left":
-        return "top-4 left-4";
-      case "right":
-        return "top-4 right-4";
-      default:
-        return "top-4 left-4";
-    }
-  };
-  return /* @__PURE__ */ React12.createElement(
-    "button",
-    {
-      onClick,
-      className: clsx(
-        "fixed",
-        getPositionClasses(),
-        "z-[100] p-3 rounded-xl bg-white/90 backdrop-blur-md shadow-lg hover:shadow-xl border border-gray-200/50 transition-all duration-300 ease-in-out hover:scale-105 active:scale-95 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50"
-      ),
-      "aria-label": isOpen ? "\u5173\u95ED\u5BFC\u822A\u680F" : "\u6253\u5F00\u5BFC\u822A\u680F"
-    },
-    /* @__PURE__ */ React12.createElement("div", { className: "w-5 h-5 flex flex-col justify-center items-center" }, /* @__PURE__ */ React12.createElement(
-      "span",
-      {
-        className: clsx(
-          "block w-5 h-0.5 bg-gray-600 rounded-full transform transition-all duration-300 ease-in-out",
-          isOpen ? "rotate-45 translate-y-0.5" : ""
-        )
-      }
-    ), /* @__PURE__ */ React12.createElement(
-      "span",
-      {
-        className: clsx(
-          "block w-5 h-0.5 bg-gray-600 rounded-full transform transition-all duration-300 ease-in-out mt-1",
-          isOpen ? "opacity-0 scale-0" : "opacity-100 scale-100"
-        )
-      }
-    ), /* @__PURE__ */ React12.createElement(
-      "span",
-      {
-        className: clsx(
-          "block w-5 h-0.5 bg-gray-600 rounded-full transform transition-all duration-300 ease-in-out mt-1",
-          isOpen ? "-rotate-45 -translate-y-2.5" : ""
-        )
-      }
-    ))
-  );
-};
-var NavigationToggle_default = NavigationToggle;
-var FloatingMenu = ({
-  trigger,
-  menu,
-  initialPosition = { x: 20, y: 20 },
-  defaultOpen = false,
-  className = "",
-  menuClassName = "",
-  triggerClassName = "",
-  zIndex = 1e3
-}) => {
-  const [position, setPosition] = useState(initialPosition);
-  const [isMenuOpen, setIsMenuOpen] = useState(defaultOpen);
-  const [menuDirection, setMenuDirection] = useState("right");
-  const [isDragging, setIsDragging] = useState(false);
-  const [dragOffset, setDragOffset] = useState({ x: 0, y: 0 });
-  const containerRef = useRef(null);
-  const [mounted, setMounted] = useState(false);
-  const [hasDragged, setHasDragged] = useState(false);
-  const dragTimerRef = useRef(null);
-  const mouseDownPosRef = useRef(null);
-  useEffect(() => {
-    setMounted(true);
-    return () => setMounted(false);
-  }, []);
-  useEffect(() => {
-    if (!mounted || !containerRef.current) return;
-    const updateMenuDirection = () => {
-      const rect = containerRef.current?.getBoundingClientRect();
-      if (!rect) return;
-      const windowWidth = window.innerWidth;
-      const middlePoint = windowWidth / 2;
-      setMenuDirection(rect.left < middlePoint ? "right" : "left");
-    };
-    updateMenuDirection();
-    window.addEventListener("resize", updateMenuDirection);
-    window.addEventListener("scroll", updateMenuDirection);
-    return () => {
-      window.removeEventListener("resize", updateMenuDirection);
-      window.removeEventListener("scroll", updateMenuDirection);
-    };
-  }, [mounted]);
-  const handleMouseDown = (e) => {
-    if (!containerRef.current) return;
-    e.stopPropagation();
-    mouseDownPosRef.current = { x: e.clientX, y: e.clientY };
-    const rect = containerRef.current.getBoundingClientRect();
-    setDragOffset({
-      x: e.clientX - rect.left,
-      y: e.clientY - rect.top
-    });
-    setHasDragged(false);
-    setIsDragging(true);
-  };
-  useEffect(() => {
-    if (!isDragging) return;
-    const handleMouseMove = (e) => {
-      if (mouseDownPosRef.current) {
-        const dx = Math.abs(e.clientX - mouseDownPosRef.current.x);
-        const dy = Math.abs(e.clientY - mouseDownPosRef.current.y);
-        if (dx > 3 || dy > 3) {
-          setHasDragged(true);
-        }
-      }
-      const newX = e.clientX - dragOffset.x;
-      const newY = e.clientY - dragOffset.y;
-      const windowWidth = window.innerWidth;
-      const windowHeight = window.innerHeight;
-      setPosition({
-        x: Math.min(Math.max(newX, 0), windowWidth - 50),
-        y: Math.min(Math.max(newY, 0), windowHeight - 50)
-      });
-    };
-    const handleMouseUp = () => {
-      setIsDragging(false);
-      mouseDownPosRef.current = null;
-      if (dragTimerRef.current) {
-        window.clearTimeout(dragTimerRef.current);
-      }
-      dragTimerRef.current = window.setTimeout(() => {
-        setHasDragged(false);
-      }, 300);
-    };
-    document.addEventListener("mousemove", handleMouseMove);
-    document.addEventListener("mouseup", handleMouseUp);
-    return () => {
-      document.removeEventListener("mousemove", handleMouseMove);
-      document.removeEventListener("mouseup", handleMouseUp);
-    };
-  }, [isDragging, dragOffset]);
-  useEffect(() => {
-    return () => {
-      if (dragTimerRef.current) {
-        window.clearTimeout(dragTimerRef.current);
-      }
-    };
-  }, []);
-  const toggleMenu = (e) => {
-    e.stopPropagation();
-    if (hasDragged) {
-      return;
-    }
-    setIsMenuOpen(!isMenuOpen);
-  };
-  useEffect(() => {
-    if (!isMenuOpen) return;
-    const handleClickOutside = (e) => {
-      if (containerRef.current && !containerRef.current.contains(e.target)) {
-        setIsMenuOpen(false);
-      }
-    };
-    document.addEventListener("mousedown", handleClickOutside);
-    return () => {
-      document.removeEventListener("mousedown", handleClickOutside);
-    };
-  }, [isMenuOpen]);
-  useEffect(() => {
-    if (!mounted) return;
-    const checkBoundaries = () => {
-      const windowWidth = window.innerWidth;
-      const windowHeight = window.innerHeight;
-      setPosition((prev) => {
-        const newX = Math.min(Math.max(prev.x, 0), windowWidth - 50);
-        const newY = Math.min(Math.max(prev.y, 0), windowHeight - 50);
-        if (newX !== prev.x || newY !== prev.y) {
-          return { x: newX, y: newY };
-        }
-        return prev;
-      });
-    };
-    window.addEventListener("resize", checkBoundaries);
-    return () => {
-      window.removeEventListener("resize", checkBoundaries);
-    };
-  }, [mounted]);
-  if (!mounted) return null;
-  return createPortal(
-    /* @__PURE__ */ React12.createElement(
-      "div",
-      {
-        ref: containerRef,
-        className: clsx("fixed select-none box-border", className),
-        style: {
-          left: position.x + "px",
-          top: position.y + "px",
-          zIndex
-        }
-      },
-      /* @__PURE__ */ React12.createElement(
-        "div",
-        {
-          className: clsx(
-            "flex items-center justify-center w-12 h-12 md:w-12 md:h-12 bg-white rounded-full shadow-md hover:shadow-lg cursor-grab active:cursor-grabbing transition-all duration-200 hover:scale-105 active:scale-95",
-            triggerClassName
-          ),
-          onMouseDown: handleMouseDown,
-          onClick: toggleMenu
-        },
-        trigger
-      ),
-      isMenuOpen && /* @__PURE__ */ React12.createElement(
-        "div",
-        {
-          className: clsx(
-            "absolute top-0 bg-white rounded-lg shadow-xl p-3 min-w-[200px] md:min-w-[200px] max-w-[300px] z-[1000] transition-all duration-200",
-            isMenuOpen ? "opacity-100 scale-100" : "opacity-0 scale-95",
-            menuDirection === "left" ? "right-[calc(100%+10px)]" : "left-[calc(100%+10px)]",
-            menuClassName
-          ),
-          onClick: (e) => e.stopPropagation(),
-          onMouseDown: (e) => e.stopPropagation(),
-          onMouseUp: (e) => e.stopPropagation(),
-          onTouchStart: (e) => e.stopPropagation(),
-          onTouchMove: (e) => e.stopPropagation(),
-          onTouchEnd: (e) => e.stopPropagation(),
-          onPointerDown: (e) => e.stopPropagation(),
-          onPointerUp: (e) => e.stopPropagation()
-        },
-        menu
-      )
-    ),
-    document.body
-  );
-};
-var FloatingMenu_default = FloatingMenu;
-var FloatingMenuExample = () => {
-  const [windowWidth, setWindowWidth] = useState(0);
-  useEffect(() => {
-    setWindowWidth(window.innerWidth);
-    const handleResize = () => setWindowWidth(window.innerWidth);
-    window.addEventListener("resize", handleResize);
-    return () => window.removeEventListener("resize", handleResize);
-  }, []);
-  const menuItems = [
-    { id: 1, label: "\u9996\u9875", icon: "\u{1F3E0}" },
-    { id: 2, label: "\u8BBE\u7F6E", icon: "\u2699\uFE0F" },
-    { id: 3, label: "\u6D88\u606F", icon: "\u{1F4E9}" },
-    { id: 4, label: "\u5E2E\u52A9", icon: "\u2753" },
-    { id: 5, label: "\u9000\u51FA", icon: "\u{1F6AA}" }
-  ];
-  const handleMenuItemClick = (id) => {
-    console.log("\u70B9\u51FB\u4E86\u83DC\u5355\u9879: " + id);
-  };
-  return /* @__PURE__ */ React12.createElement("div", { className: "w-full h-screen bg-gray-100 relative p-8" }, /* @__PURE__ */ React12.createElement("div", { className: "max-w-2xl mx-auto bg-white rounded-2xl shadow-sm p-8 mt-12" }, /* @__PURE__ */ React12.createElement("h1", { className: "text-3xl font-bold mb-4 text-gray-900" }, "\u60AC\u6D6E\u83DC\u5355\u793A\u4F8B"), /* @__PURE__ */ React12.createElement("p", { className: "text-gray-600 leading-relaxed mb-6" }, "\u8FD9\u662F\u4E00\u4E2A\u53EF\u62D6\u62FD\u7684\u60AC\u6D6E\u83DC\u5355\u7EC4\u4EF6\u793A\u4F8B\u3002\u4F60\u53EF\u4EE5\u5C1D\u8BD5\u62D6\u52A8\u4E0B\u65B9\u7684 ", /* @__PURE__ */ React12.createElement("span", { className: "font-bold text-blue-600" }, "\u84DD\u8272\u6309\u94AE"), " \u5230\u5904\u79FB\u52A8\u3002"), /* @__PURE__ */ React12.createElement("div", { className: "bg-blue-50 border-l-4 border-blue-500 p-4 mb-6" }, /* @__PURE__ */ React12.createElement("p", { className: "text-sm text-blue-700" }, /* @__PURE__ */ React12.createElement("strong", null, "\u667A\u80FD\u5B9A\u4F4D\uFF1A"), " \u83DC\u5355\u4F1A\u6839\u636E\u6309\u94AE\u5728\u5C4F\u5E55\u4E0A\u7684\u4F4D\u7F6E\u81EA\u52A8\u8C03\u6574\u5F39\u51FA\u65B9\u5411\uFF08\u5411\u5DE6\u6216\u5411\u53F3\uFF09\u3002"))), /* @__PURE__ */ React12.createElement(
-    FloatingMenu_default,
-    {
-      trigger: /* @__PURE__ */ React12.createElement("div", { className: "w-12 h-12 bg-blue-600 rounded-full flex items-center justify-center text-white shadow-lg cursor-pointer" }, /* @__PURE__ */ React12.createElement("span", { className: "text-xl" }, "\u2795")),
-      menu: /* @__PURE__ */ React12.createElement("div", { className: "w-48 bg-white rounded-xl shadow-xl border border-gray-100 overflow-hidden" }, /* @__PURE__ */ React12.createElement("div", { className: "px-4 py-3 border-b border-gray-100" }, /* @__PURE__ */ React12.createElement("h3", { className: "text-sm font-bold text-gray-900" }, "\u5FEB\u6377\u83DC\u5355")), /* @__PURE__ */ React12.createElement("ul", { className: "py-1" }, menuItems.map((item) => /* @__PURE__ */ React12.createElement(
-        "li",
-        {
-          key: item.id,
-          className: "flex items-center gap-3 px-4 py-2.5 hover:bg-blue-50 text-gray-700 hover:text-blue-600 cursor-pointer transition-colors text-sm",
-          onClick: () => handleMenuItemClick(item.id)
-        },
-        /* @__PURE__ */ React12.createElement("span", { className: "text-lg" }, item.icon),
-        /* @__PURE__ */ React12.createElement("span", { className: "font-medium" }, item.label)
-      )))),
-      initialPosition: { x: 100, y: 100 }
-    }
-  ), windowWidth > 0 && /* @__PURE__ */ React12.createElement(
-    FloatingMenu_default,
-    {
-      trigger: /* @__PURE__ */ React12.createElement("div", { className: "w-12 h-12 bg-purple-600 rounded-full flex items-center justify-center text-white shadow-lg cursor-pointer" }, /* @__PURE__ */ React12.createElement("span", { className: "text-xl" }, "\u{1F50D}")),
-      menu: /* @__PURE__ */ React12.createElement("div", { className: "w-64 bg-white rounded-xl shadow-xl border border-gray-100 p-4" }, /* @__PURE__ */ React12.createElement("h3", { className: "text-sm font-bold text-gray-900 mb-3" }, "\u5FEB\u901F\u641C\u7D22"), /* @__PURE__ */ React12.createElement("div", { className: "space-y-3" }, /* @__PURE__ */ React12.createElement(
-        "input",
-        {
-          type: "text",
-          placeholder: "\u8F93\u5165\u5173\u952E\u5B57...",
-          className: "w-full px-3 py-2 text-sm border border-gray-200 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent outline-none"
-        }
-      ), /* @__PURE__ */ React12.createElement("button", { className: "w-full bg-purple-600 text-white py-2 rounded-lg text-sm font-medium hover:bg-purple-700 transition-colors" }, "\u641C\u7D22"))),
-      initialPosition: { x: windowWidth - 100, y: 100 }
-    }
-  ));
-};
-var FloatingMenuExample_default = FloatingMenuExample;
 
 // src/testField/utils/index.ts
 function filterExperiments(experiments, config) {
@@ -1825,7 +1139,7 @@ var CategoryFilter = ({
       showCount: true
     }
   ];
-  return /* @__PURE__ */ React12.createElement(
+  return /* @__PURE__ */ React3.createElement(
     FilterButtonGroup,
     {
       label: "\u9879\u76EE\u7C7B\u522B",
@@ -1877,7 +1191,7 @@ var CompletionFilterComponent = ({
       showCount: true
     }
   ];
-  return /* @__PURE__ */ React12.createElement(
+  return /* @__PURE__ */ React3.createElement(
     FilterButtonGroup,
     {
       label: "\u5B8C\u6210\u72B6\u6001",
@@ -1889,10 +1203,10 @@ var CompletionFilterComponent = ({
   );
 };
 var PageHeader = ({ counts, className }) => {
-  return /* @__PURE__ */ React12.createElement("div", { className }, /* @__PURE__ */ React12.createElement("div", { className: "mb-8" }, /* @__PURE__ */ React12.createElement(BackButton, null)), /* @__PURE__ */ React12.createElement("div", { className: "mb-8" }, /* @__PURE__ */ React12.createElement("h1", { className: "text-3xl font-bold text-gray-900" }, "\u5B9E\u9A8C\u7530"), /* @__PURE__ */ React12.createElement("p", { className: "mt-2 text-sm text-gray-600" }, "\u5728\u8FD9\u91CC\uFF0C\u4F60\u53EF\u4EE5\u5C1D\u8BD5\u5404\u79CD\u5B9E\u9A8C\u6027\u7684\u529F\u80FD\u548C\u9879\u76EE"), /* @__PURE__ */ React12.createElement("div", { className: "mt-4 flex flex-wrap gap-4 text-sm text-gray-500" }, /* @__PURE__ */ React12.createElement("span", null, "\u603B\u8BA1: ", counts.all, " \u4E2A\u9879\u76EE"), /* @__PURE__ */ React12.createElement("span", null, "\u5B9E\u7528\u5DE5\u5177: ", counts.utility, " \u4E2A"), /* @__PURE__ */ React12.createElement("span", null, "\u4F11\u95F2\u5A31\u4E50: ", counts.leisure, " \u4E2A"), /* @__PURE__ */ React12.createElement("span", null, "\u5DF2\u5B8C\u6210: ", counts.completed, " \u4E2A"))));
+  return /* @__PURE__ */ React3.createElement("div", { className }, /* @__PURE__ */ React3.createElement("div", { className: "mb-8" }, /* @__PURE__ */ React3.createElement(BackButton, null)), /* @__PURE__ */ React3.createElement("div", { className: "mb-8" }, /* @__PURE__ */ React3.createElement("h1", { className: "text-3xl font-bold text-gray-900" }, "\u5B9E\u9A8C\u7530"), /* @__PURE__ */ React3.createElement("p", { className: "mt-2 text-sm text-gray-600" }, "\u5728\u8FD9\u91CC\uFF0C\u4F60\u53EF\u4EE5\u5C1D\u8BD5\u5404\u79CD\u5B9E\u9A8C\u6027\u7684\u529F\u80FD\u548C\u9879\u76EE"), /* @__PURE__ */ React3.createElement("div", { className: "mt-4 flex flex-wrap gap-4 text-sm text-gray-500" }, /* @__PURE__ */ React3.createElement("span", null, "\u603B\u8BA1: ", counts.all, " \u4E2A\u9879\u76EE"), /* @__PURE__ */ React3.createElement("span", null, "\u5B9E\u7528\u5DE5\u5177: ", counts.utility, " \u4E2A"), /* @__PURE__ */ React3.createElement("span", null, "\u4F11\u95F2\u5A31\u4E50: ", counts.leisure, " \u4E2A"), /* @__PURE__ */ React3.createElement("span", null, "\u5DF2\u5B8C\u6210: ", counts.completed, " \u4E2A"))));
 };
 function defaultExperimentRenderer(item) {
-  return /* @__PURE__ */ React12.createElement(
+  return /* @__PURE__ */ React3.createElement(
     ExperimentCard,
     {
       href: item.path,
@@ -1914,7 +1228,7 @@ function ExperimentGrid({
   className = ""
 }) {
   const itemRenderer = renderItem || ((item) => defaultExperimentRenderer(item));
-  return /* @__PURE__ */ React12.createElement(
+  return /* @__PURE__ */ React3.createElement(
     Grid,
     {
       items,
@@ -1929,10 +1243,10 @@ function ExperimentItemGrid({
   experiments,
   ...props
 }) {
-  return /* @__PURE__ */ React12.createElement(ExperimentGrid, { items: experiments, ...props });
+  return /* @__PURE__ */ React3.createElement(ExperimentGrid, { items: experiments, ...props });
 }
 var EmptyState = ({ searchQuery, onClearSearch, className }) => {
-  return /* @__PURE__ */ React12.createElement("div", { className: clsx("text-center py-12", className) }, /* @__PURE__ */ React12.createElement(
+  return /* @__PURE__ */ React3.createElement("div", { className: clsx("text-center py-12", className) }, /* @__PURE__ */ React3.createElement(
     "svg",
     {
       className: "mx-auto h-12 w-12 text-gray-400",
@@ -1940,7 +1254,7 @@ var EmptyState = ({ searchQuery, onClearSearch, className }) => {
       stroke: "currentColor",
       viewBox: "0 0 24 24"
     },
-    /* @__PURE__ */ React12.createElement(
+    /* @__PURE__ */ React3.createElement(
       "path",
       {
         strokeLinecap: "round",
@@ -1949,7 +1263,7 @@ var EmptyState = ({ searchQuery, onClearSearch, className }) => {
         d: "M9.172 16.172a4 4 0 015.656 0M9 12h6m-6-4h6m2 5.291A7.962 7.962 0 0112 15c-2.34 0-4.47.904-6.06 2.384"
       }
     )
-  ), /* @__PURE__ */ React12.createElement("h3", { className: "mt-2 text-sm font-medium text-gray-900" }, "\u6CA1\u6709\u627E\u5230\u5339\u914D\u7684\u5B9E\u9A8C\u9879\u76EE"), /* @__PURE__ */ React12.createElement("p", { className: "mt-1 text-sm text-gray-500" }, searchQuery ? "\u5C1D\u8BD5\u8C03\u6574\u641C\u7D22\u5173\u952E\u8BCD\u6216\u7B5B\u9009\u6761\u4EF6" : "\u5F53\u524D\u5206\u7C7B\u4E0B\u6682\u65E0\u5B9E\u9A8C\u9879\u76EE"), searchQuery && /* @__PURE__ */ React12.createElement("div", { className: "mt-4" }, /* @__PURE__ */ React12.createElement(
+  ), /* @__PURE__ */ React3.createElement("h3", { className: "mt-2 text-sm font-medium text-gray-900" }, "\u6CA1\u6709\u627E\u5230\u5339\u914D\u7684\u5B9E\u9A8C\u9879\u76EE"), /* @__PURE__ */ React3.createElement("p", { className: "mt-1 text-sm text-gray-500" }, searchQuery ? "\u5C1D\u8BD5\u8C03\u6574\u641C\u7D22\u5173\u952E\u8BCD\u6216\u7B5B\u9009\u6761\u4EF6" : "\u5F53\u524D\u5206\u7C7B\u4E0B\u6682\u65E0\u5B9E\u9A8C\u9879\u76EE"), searchQuery && /* @__PURE__ */ React3.createElement("div", { className: "mt-4" }, /* @__PURE__ */ React3.createElement(
     "button",
     {
       onClick: onClearSearch,
@@ -1971,7 +1285,7 @@ var SortControl = ({
     { value: "category", label: "\u7C7B\u522B" },
     { value: "completion", label: "\u5B8C\u6210\u72B6\u6001" }
   ];
-  return /* @__PURE__ */ React12.createElement("div", { className: "flex flex-col sm:flex-row items-start sm:items-center gap-2 sm:gap-4 p-4 bg-white rounded-lg shadow-sm border border-gray-100" }, /* @__PURE__ */ React12.createElement("div", { className: "text-sm font-medium text-gray-700" }, "\u6392\u5E8F\u65B9\u5F0F\uFF1A"), /* @__PURE__ */ React12.createElement("div", { className: "flex flex-wrap gap-2" }, sortOptions.map((option) => /* @__PURE__ */ React12.createElement(
+  return /* @__PURE__ */ React3.createElement("div", { className: "flex flex-col sm:flex-row items-start sm:items-center gap-2 sm:gap-4 p-4 bg-white rounded-lg shadow-sm border border-gray-100" }, /* @__PURE__ */ React3.createElement("div", { className: "text-sm font-medium text-gray-700" }, "\u6392\u5E8F\u65B9\u5F0F\uFF1A"), /* @__PURE__ */ React3.createElement("div", { className: "flex flex-wrap gap-2" }, sortOptions.map((option) => /* @__PURE__ */ React3.createElement(
     "button",
     {
       key: option.value,
@@ -1979,30 +1293,30 @@ var SortControl = ({
       onClick: () => onSortByChange(option.value)
     },
     option.label
-  ))), /* @__PURE__ */ React12.createElement("div", { className: "ml-auto flex items-center" }, /* @__PURE__ */ React12.createElement(
+  ))), /* @__PURE__ */ React3.createElement("div", { className: "ml-auto flex items-center" }, /* @__PURE__ */ React3.createElement(
     "button",
     {
       className: "flex items-center gap-1 px-3 py-1.5 text-sm rounded-full bg-gray-100 hover:bg-gray-200",
       onClick: () => onSortOrderChange(sortOrder === "asc" ? "desc" : "asc")
     },
-    sortOrder === "asc" ? /* @__PURE__ */ React12.createElement(React12.Fragment, null, /* @__PURE__ */ React12.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-4 w-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" }, /* @__PURE__ */ React12.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 4h13M3 8h9m-9 4h6m4 0l4-4m0 0l4 4m-4-4v12" })), /* @__PURE__ */ React12.createElement("span", null, "\u5347\u5E8F")) : /* @__PURE__ */ React12.createElement(React12.Fragment, null, /* @__PURE__ */ React12.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-4 w-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" }, /* @__PURE__ */ React12.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 4h13M3 8h9m-9 4h9m5-4v12m0 0l-4-4m4 4l4-4" })), /* @__PURE__ */ React12.createElement("span", null, "\u964D\u5E8F"))
+    sortOrder === "asc" ? /* @__PURE__ */ React3.createElement(React3.Fragment, null, /* @__PURE__ */ React3.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-4 w-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" }, /* @__PURE__ */ React3.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 4h13M3 8h9m-9 4h6m4 0l4-4m0 0l4 4m-4-4v12" })), /* @__PURE__ */ React3.createElement("span", null, "\u5347\u5E8F")) : /* @__PURE__ */ React3.createElement(React3.Fragment, null, /* @__PURE__ */ React3.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-4 w-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" }, /* @__PURE__ */ React3.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 4h13M3 8h9m-9 4h9m5-4v12m0 0l-4-4m4 4l4-4" })), /* @__PURE__ */ React3.createElement("span", null, "\u964D\u5E8F"))
   )));
 };
 var SortModeToggle = ({ sortMode, onSortModeChange }) => {
-  return /* @__PURE__ */ React12.createElement("div", { className: "flex flex-col sm:flex-row sm:items-center gap-3 bg-white p-4 rounded-lg shadow-sm border border-gray-100" }, /* @__PURE__ */ React12.createElement("span", { className: "text-sm font-medium text-gray-700" }, "\u6392\u5E8F\u6A21\u5F0F\uFF1A"), /* @__PURE__ */ React12.createElement("div", { className: "flex w-full sm:w-auto p-1 bg-gray-100 rounded-lg" }, /* @__PURE__ */ React12.createElement(
+  return /* @__PURE__ */ React3.createElement("div", { className: "flex flex-col sm:flex-row sm:items-center gap-3 bg-white p-4 rounded-lg shadow-sm border border-gray-100" }, /* @__PURE__ */ React3.createElement("span", { className: "text-sm font-medium text-gray-700" }, "\u6392\u5E8F\u6A21\u5F0F\uFF1A"), /* @__PURE__ */ React3.createElement("div", { className: "flex w-full sm:w-auto p-1 bg-gray-100 rounded-lg" }, /* @__PURE__ */ React3.createElement(
     "button",
     {
       className: clsx("flex-1 sm:flex-initial px-3 py-1.5 text-sm rounded-md transition-colors", sortMode === "auto" ? "bg-white text-blue-700 font-medium shadow-sm" : "text-gray-600 hover:bg-gray-200"),
       onClick: () => onSortModeChange("auto")
     },
-    /* @__PURE__ */ React12.createElement("div", { className: "flex items-center justify-center sm:justify-start space-x-1" }, /* @__PURE__ */ React12.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-4 w-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" }, /* @__PURE__ */ React12.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 4h13M3 8h9m-9 4h9m5-4v12m0 0l-4-4m4 4l4-4" })), /* @__PURE__ */ React12.createElement("span", null, "\u81EA\u52A8\u6392\u5E8F"))
-  ), /* @__PURE__ */ React12.createElement(
+    /* @__PURE__ */ React3.createElement("div", { className: "flex items-center justify-center sm:justify-start space-x-1" }, /* @__PURE__ */ React3.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-4 w-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" }, /* @__PURE__ */ React3.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 4h13M3 8h9m-9 4h9m5-4v12m0 0l-4-4m4 4l4-4" })), /* @__PURE__ */ React3.createElement("span", null, "\u81EA\u52A8\u6392\u5E8F"))
+  ), /* @__PURE__ */ React3.createElement(
     "button",
     {
       className: clsx("flex-1 sm:flex-initial px-3 py-1.5 text-sm rounded-md transition-colors", sortMode === "manual" ? "bg-white text-blue-700 font-medium shadow-sm" : "text-gray-600 hover:bg-gray-200"),
       onClick: () => onSortModeChange("manual")
     },
-    /* @__PURE__ */ React12.createElement("div", { className: "flex items-center justify-center sm:justify-start space-x-1" }, /* @__PURE__ */ React12.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-4 w-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" }, /* @__PURE__ */ React12.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M7 11.5V14m0-2.5v-6a1.5 1.5 0 113 0m-3 6a1.5 1.5 0 00-3 0v2a7.5 7.5 0 0015 0v-5a1.5 1.5 0 013 0m-6-3V11m0-5.5v-1a1.5 1.5 0 013 0v1m0 0V11m0-5.5a1.5 1.5 0 013 0v3m0 0V11" })), /* @__PURE__ */ React12.createElement("span", null, "\u624B\u52A8\u6392\u5E8F"))
+    /* @__PURE__ */ React3.createElement("div", { className: "flex items-center justify-center sm:justify-start space-x-1" }, /* @__PURE__ */ React3.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-4 w-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" }, /* @__PURE__ */ React3.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M7 11.5V14m0-2.5v-6a1.5 1.5 0 113 0m-3 6a1.5 1.5 0 00-3 0v2a7.5 7.5 0 0015 0v-5a1.5 1.5 0 013 0m-6-3V11m0-5.5v-1a1.5 1.5 0 013 0v1m0 0V11m0-5.5a1.5 1.5 0 013 0v3m0 0V11" })), /* @__PURE__ */ React3.createElement("span", null, "\u624B\u52A8\u6392\u5E8F"))
   )));
 };
 var SortableExperimentItem = ({
@@ -2027,14 +1341,14 @@ var SortableExperimentItem = ({
     opacity: isDragging ? 0.8 : 1,
     position: "relative"
   };
-  return /* @__PURE__ */ React12.createElement(
+  return /* @__PURE__ */ React3.createElement(
     "div",
     {
       ref: setNodeRef,
       style,
       className: "relative group"
     },
-    /* @__PURE__ */ React12.createElement(
+    /* @__PURE__ */ React3.createElement(
       "div",
       {
         ...attributes,
@@ -2043,10 +1357,10 @@ var SortableExperimentItem = ({
         onClick: (e) => e.stopPropagation(),
         "aria-label": "\u62D6\u52A8\u6392\u5E8F"
       },
-      /* @__PURE__ */ React12.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-5 w-5 text-gray-500", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" }, /* @__PURE__ */ React12.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 8h16M4 16h16" })),
-      /* @__PURE__ */ React12.createElement("span", { className: "absolute top-full mt-1 left-1/2 transform -translate-x-1/2 text-xs bg-gray-800 text-white px-2 py-1 rounded whitespace-nowrap opacity-0 group-hover:opacity-100 transition-opacity" }, "\u62D6\u52A8\u6392\u5E8F")
+      /* @__PURE__ */ React3.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-5 w-5 text-gray-500", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" }, /* @__PURE__ */ React3.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 8h16M4 16h16" })),
+      /* @__PURE__ */ React3.createElement("span", { className: "absolute top-full mt-1 left-1/2 transform -translate-x-1/2 text-xs bg-gray-800 text-white px-2 py-1 rounded whitespace-nowrap opacity-0 group-hover:opacity-100 transition-opacity" }, "\u62D6\u52A8\u6392\u5E8F")
     ),
-    /* @__PURE__ */ React12.createElement("div", { className: "absolute right-2 top-2 flex flex-col gap-2 sm:hidden z-[10]" }, /* @__PURE__ */ React12.createElement(
+    /* @__PURE__ */ React3.createElement("div", { className: "absolute right-2 top-2 flex flex-col gap-2 sm:hidden z-[10]" }, /* @__PURE__ */ React3.createElement(
       "button",
       {
         onClick: (e) => {
@@ -2057,8 +1371,8 @@ var SortableExperimentItem = ({
         className: clsx("w-8 h-8 rounded-full flex items-center justify-center shadow-md", isFirst ? "bg-gray-200 cursor-not-allowed" : "bg-white/80 hover:bg-white active:bg-gray-100"),
         "aria-label": "\u5411\u4E0A\u79FB\u52A8"
       },
-      /* @__PURE__ */ React12.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: clsx("h-5 w-5", isFirst ? "text-gray-400" : "text-gray-500"), fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" }, /* @__PURE__ */ React12.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 15l7-7 7 7" }))
-    ), /* @__PURE__ */ React12.createElement(
+      /* @__PURE__ */ React3.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: clsx("h-5 w-5", isFirst ? "text-gray-400" : "text-gray-500"), fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" }, /* @__PURE__ */ React3.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 15l7-7 7 7" }))
+    ), /* @__PURE__ */ React3.createElement(
       "button",
       {
         onClick: (e) => {
@@ -2069,9 +1383,9 @@ var SortableExperimentItem = ({
         className: clsx("w-8 h-8 rounded-full flex items-center justify-center shadow-md", isLast ? "bg-gray-200 cursor-not-allowed" : "bg-white/80 hover:bg-white active:bg-gray-100"),
         "aria-label": "\u5411\u4E0B\u79FB\u52A8"
       },
-      /* @__PURE__ */ React12.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: clsx("h-5 w-5", isLast ? "text-gray-400" : "text-gray-500"), fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" }, /* @__PURE__ */ React12.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }))
+      /* @__PURE__ */ React3.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: clsx("h-5 w-5", isLast ? "text-gray-400" : "text-gray-500"), fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" }, /* @__PURE__ */ React3.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }))
     )),
-    /* @__PURE__ */ React12.createElement("div", { className: clsx("transition-all", isDragging ? "scale-105 shadow-xl" : "") }, /* @__PURE__ */ React12.createElement(
+    /* @__PURE__ */ React3.createElement("div", { className: clsx("transition-all", isDragging ? "scale-105 shadow-xl" : "") }, /* @__PURE__ */ React3.createElement(
       ExperimentCard,
       {
         href: item.path,
@@ -2150,10 +1464,10 @@ var DraggableExperimentGrid = ({
       });
     }
   };
-  React12.useEffect(() => {
+  React3.useEffect(() => {
     setItems(initialItems);
   }, [initialItems]);
-  return /* @__PURE__ */ React12.createElement("div", { className: clsx("relative", className) }, /* @__PURE__ */ React12.createElement("div", { className: "mb-4 px-4 py-3 bg-blue-50 text-blue-700 rounded-lg border border-blue-200 text-sm" }, /* @__PURE__ */ React12.createElement("div", { className: "flex items-start sm:items-center" }, /* @__PURE__ */ React12.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-5 w-5 mr-2 flex-shrink-0 mt-0.5 sm:mt-0", viewBox: "0 0 20 20", fill: "currentColor" }, /* @__PURE__ */ React12.createElement("path", { fillRule: "evenodd", d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z", clipRule: "evenodd" })), /* @__PURE__ */ React12.createElement("div", null, /* @__PURE__ */ React12.createElement("p", { className: "mb-1" }, "\u62D6\u62FD\u5361\u7247\u53EF\u4EE5\u81EA\u5B9A\u4E49\u6392\u5E8F\u3002\u70B9\u51FB\u5361\u7247\u53EF\u4EE5\u8BBF\u95EE\u5BF9\u5E94\u7684\u5B9E\u9A8C\u9879\u76EE\u3002"), /* @__PURE__ */ React12.createElement("p", { className: "text-xs text-blue-600 sm:hidden" }, "\u70B9\u51FB\u5361\u7247\u53F3\u4E0A\u89D2\u7684\u4E0A\u4E0B\u7BAD\u5934\u6309\u94AE\u8C03\u6574\u987A\u5E8F"), /* @__PURE__ */ React12.createElement("p", { className: "text-xs text-blue-600 hidden sm:block" }, "\u957F\u6309\u5361\u7247\u53F3\u4E0A\u89D2\u7684\u62D6\u52A8\u56FE\u6807\u8FDB\u884C\u6392\u5E8F")))), /* @__PURE__ */ React12.createElement(
+  return /* @__PURE__ */ React3.createElement("div", { className: clsx("relative", className) }, /* @__PURE__ */ React3.createElement("div", { className: "mb-4 px-4 py-3 bg-blue-50 text-blue-700 rounded-lg border border-blue-200 text-sm" }, /* @__PURE__ */ React3.createElement("div", { className: "flex items-start sm:items-center" }, /* @__PURE__ */ React3.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-5 w-5 mr-2 flex-shrink-0 mt-0.5 sm:mt-0", viewBox: "0 0 20 20", fill: "currentColor" }, /* @__PURE__ */ React3.createElement("path", { fillRule: "evenodd", d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z", clipRule: "evenodd" })), /* @__PURE__ */ React3.createElement("div", null, /* @__PURE__ */ React3.createElement("p", { className: "mb-1" }, "\u62D6\u62FD\u5361\u7247\u53EF\u4EE5\u81EA\u5B9A\u4E49\u6392\u5E8F\u3002\u70B9\u51FB\u5361\u7247\u53EF\u4EE5\u8BBF\u95EE\u5BF9\u5E94\u7684\u5B9E\u9A8C\u9879\u76EE\u3002"), /* @__PURE__ */ React3.createElement("p", { className: "text-xs text-blue-600 sm:hidden" }, "\u70B9\u51FB\u5361\u7247\u53F3\u4E0A\u89D2\u7684\u4E0A\u4E0B\u7BAD\u5934\u6309\u94AE\u8C03\u6574\u987A\u5E8F"), /* @__PURE__ */ React3.createElement("p", { className: "text-xs text-blue-600 hidden sm:block" }, "\u957F\u6309\u5361\u7247\u53F3\u4E0A\u89D2\u7684\u62D6\u52A8\u56FE\u6807\u8FDB\u884C\u6392\u5E8F")))), /* @__PURE__ */ React3.createElement(
     DndContext,
     {
       sensors,
@@ -2161,13 +1475,13 @@ var DraggableExperimentGrid = ({
       onDragStart: handleDragStart,
       onDragEnd: handleDragEnd
     },
-    /* @__PURE__ */ React12.createElement(
+    /* @__PURE__ */ React3.createElement(
       SortableContext,
       {
         items: items.map((item) => item.id),
         strategy: rectSortingStrategy
       },
-      /* @__PURE__ */ React12.createElement("div", { className: clsx("grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4 md:gap-6", isDragging ? "cursor-grabbing" : "") }, items.map((item, index) => /* @__PURE__ */ React12.createElement(
+      /* @__PURE__ */ React3.createElement("div", { className: clsx("grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4 md:gap-6", isDragging ? "cursor-grabbing" : "") }, items.map((item, index) => /* @__PURE__ */ React3.createElement(
         SortableExperimentItem,
         {
           key: item.id,
@@ -2194,7 +1508,7 @@ var PermissionGuard = ({
     return true;
   };
   if (!hasPermission()) {
-    return fallback || /* @__PURE__ */ React12.createElement("div", { className: "min-h-screen bg-gray-50 flex items-center justify-center" }, /* @__PURE__ */ React12.createElement("div", { className: "max-w-md w-full bg-white rounded-lg shadow-lg p-8 text-center" }, /* @__PURE__ */ React12.createElement("div", { className: "flex items-center justify-center mb-4" }, /* @__PURE__ */ React12.createElement(Shield, { className: "w-12 h-12 text-red-500" })), /* @__PURE__ */ React12.createElement("h2", { className: "text-xl font-semibold text-gray-900 mb-2" }, "\u9700\u8981\u767B\u5F55"), /* @__PURE__ */ React12.createElement("p", { className: "text-gray-600 mb-4" }, "\u8BF7\u5148\u767B\u5F55\u4EE5\u8BBF\u95EE\u5B9E\u9A8C\u7530\u529F\u80FD\u3002"), /* @__PURE__ */ React12.createElement("div", { className: "flex items-center justify-center text-sm text-gray-500 mb-4" }, /* @__PURE__ */ React12.createElement(AlertTriangle, { className: "w-4 h-4 mr-1" }), "\u5B9E\u9A8C\u7530\u5BF9\u6240\u6709\u6CE8\u518C\u7528\u6237\u5F00\u653E"), /* @__PURE__ */ React12.createElement(
+    return fallback || /* @__PURE__ */ React3.createElement("div", { className: "min-h-screen bg-gray-50 flex items-center justify-center" }, /* @__PURE__ */ React3.createElement("div", { className: "max-w-md w-full bg-white rounded-lg shadow-lg p-8 text-center" }, /* @__PURE__ */ React3.createElement("div", { className: "flex items-center justify-center mb-4" }, /* @__PURE__ */ React3.createElement(Shield, { className: "w-12 h-12 text-red-500" })), /* @__PURE__ */ React3.createElement("h2", { className: "text-xl font-semibold text-gray-900 mb-2" }, "\u9700\u8981\u767B\u5F55"), /* @__PURE__ */ React3.createElement("p", { className: "text-gray-600 mb-4" }, "\u8BF7\u5148\u767B\u5F55\u4EE5\u8BBF\u95EE\u5B9E\u9A8C\u7530\u529F\u80FD\u3002"), /* @__PURE__ */ React3.createElement("div", { className: "flex items-center justify-center text-sm text-gray-500 mb-4" }, /* @__PURE__ */ React3.createElement(AlertTriangle, { className: "w-4 h-4 mr-1" }), "\u5B9E\u9A8C\u7530\u5BF9\u6240\u6709\u6CE8\u518C\u7528\u6237\u5F00\u653E"), /* @__PURE__ */ React3.createElement(
       "button",
       {
         onClick: () => window.history.back(),
@@ -2203,7 +1517,7 @@ var PermissionGuard = ({
       "\u8FD4\u56DE\u4E0A\u4E00\u9875"
     )));
   }
-  return /* @__PURE__ */ React12.createElement(React12.Fragment, null, children);
+  return /* @__PURE__ */ React3.createElement(React3.Fragment, null, children);
 };
 var UserInfoBar = ({ apiClient }) => {
   const { user, logout, isLoggedIn } = useAuth(apiClient);
@@ -2218,17 +1532,17 @@ var UserInfoBar = ({ apiClient }) => {
   if (!isLoggedIn || !user) {
     return null;
   }
-  return /* @__PURE__ */ React12.createElement("div", { className: "bg-white border-b border-gray-200 px-4 py-3" }, /* @__PURE__ */ React12.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React12.createElement("div", { className: "flex items-center space-x-3" }, /* @__PURE__ */ React12.createElement("div", { className: "flex items-center space-x-2" }, /* @__PURE__ */ React12.createElement(User, { className: "w-5 h-5 text-gray-600" }), /* @__PURE__ */ React12.createElement("span", { className: "text-sm font-medium text-gray-900" }, user.name || user.email || "\u7528\u6237"), user.role && /* @__PURE__ */ React12.createElement("span", { className: "inline-flex items-center px-2 py-1 rounded-full text-xs font-medium bg-green-100 text-green-800" }, user.role))), /* @__PURE__ */ React12.createElement("div", { className: "flex items-center space-x-2" }, /* @__PURE__ */ React12.createElement("div", { className: "flex items-center space-x-1 text-sm text-gray-500" }, /* @__PURE__ */ React12.createElement(FlaskConical, { className: "w-4 h-4" }), /* @__PURE__ */ React12.createElement("span", null, "\u5B9E\u9A8C\u7530")), /* @__PURE__ */ React12.createElement(
+  return /* @__PURE__ */ React3.createElement("div", { className: "bg-white border-b border-gray-200 px-4 py-3" }, /* @__PURE__ */ React3.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React3.createElement("div", { className: "flex items-center space-x-3" }, /* @__PURE__ */ React3.createElement("div", { className: "flex items-center space-x-2" }, /* @__PURE__ */ React3.createElement(User, { className: "w-5 h-5 text-gray-600" }), /* @__PURE__ */ React3.createElement("span", { className: "text-sm font-medium text-gray-900" }, user.name || user.email || "\u7528\u6237"), user.role && /* @__PURE__ */ React3.createElement("span", { className: "inline-flex items-center px-2 py-1 rounded-full text-xs font-medium bg-green-100 text-green-800" }, user.role))), /* @__PURE__ */ React3.createElement("div", { className: "flex items-center space-x-2" }, /* @__PURE__ */ React3.createElement("div", { className: "flex items-center space-x-1 text-sm text-gray-500" }, /* @__PURE__ */ React3.createElement(FlaskConical, { className: "w-4 h-4" }), /* @__PURE__ */ React3.createElement("span", null, "\u5B9E\u9A8C\u7530")), /* @__PURE__ */ React3.createElement(
     "button",
     {
       onClick: handleLogout,
       className: "inline-flex items-center px-3 py-1.5 border border-gray-300 text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500"
     },
-    /* @__PURE__ */ React12.createElement(LogOut, { className: "w-4 h-4 mr-1" }),
+    /* @__PURE__ */ React3.createElement(LogOut, { className: "w-4 h-4 mr-1" }),
     "\u767B\u51FA"
   ))));
 };
 
-export { About_default as About, AutoOpenModal, BackgroundRemover, CategoryFilter, CompletionFilterComponent, Contact_default as Contact, DraggableExperimentGrid, EmptyState, EnhancedAvatar, ExperimentCard, ExperimentGrid, ExperimentItemGrid, FloatingMenu_default as FloatingMenu, FloatingMenuExample_default as FloatingMenuExample, Home_default as Home, Navigation_default as Navigation, NavigationItem_default as NavigationItem, NavigationToggle_default as NavigationToggle, OCRScanner, PageHeader, PermissionGuard, ProfileButton, ProfileModal, ProjectCarousel, SentimentAnalyzer, SmartAssistant, SortControl, SortModeToggle, SortableExperimentItem, UserInfoBar, filterExperiments, getAllTags, getCategoryColor, getCategoryDisplayName, getCompletionFilterDisplayName, getCompletionStatusColor, getCompletionStatusText, getExperimentCounts, sortExperiments, useBackgroundRemoval, useOCR, useSentimentAnalysis, useTextGeneration, validateExperiment };
+export { AutoOpenModal, BackgroundRemover, CategoryFilter, CompletionFilterComponent, DraggableExperimentGrid, EmptyState, EnhancedAvatar, ExperimentGrid, ExperimentItemGrid, OCRScanner, PageHeader, PermissionGuard, ProfileButton, ProfileModal, SentimentAnalyzer, SmartAssistant, SortControl, SortModeToggle, SortableExperimentItem, UserInfoBar, filterExperiments, getAllTags, getCategoryColor, getCategoryDisplayName, getCompletionFilterDisplayName, getCompletionStatusColor, getCompletionStatusText, getExperimentCounts, sortExperiments, useBackgroundRemoval, useOCR, useSentimentAnalysis, useTextGeneration, validateExperiment };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map