sa2kit 1.6.5 → 1.6.7

package/dist/index.mjs

@@ -1,14 +1,14 @@
-export { SearchBox } from './chunk-KFDEOLDH.mjs';
+export { SearchBox } from './chunk-R2F4BXUU.mjs';
 import { cn } from './chunk-3BGPZN4X.mjs';
 export { arrayUtils, cn, debugUtils, errorUtils, fileUtils, formatTime, japaneseUtils, stringUtils, validators } from './chunk-3BGPZN4X.mjs';
 export { useAsyncStorage, useElectronStorage, useLocalStorage, useStorage, useTaroStorage } from './chunk-T5OZHYVM.mjs';
 import './chunk-OLHGZXN3.mjs';
 export { ConsoleLoggerAdapter, LogLevel, Logger, createLogger, logger } from './chunk-KQGP6BTS.mjs';
 import './chunk-BJTO5JO5.mjs';
-import * as React3 from 'react';
-import React3__default, { useState, useRef, useCallback, useEffect } from 'react';
+import * as React37 from 'react';
+import React37__default, { useState, useRef, useCallback, useEffect } from 'react';
 import { createWorker } from 'tesseract.js';
-import { X, ChevronRight, Check, Circle, ChevronDown, ChevronUp, Upload, Loader2, FileText, Eraser, Download, MessageSquare, Send, Bot, User, Meh, Frown, Smile } from 'lucide-react';
+import { X, ChevronRight, Check, Circle, ChevronDown, ChevronUp, Upload, Loader2, FileText, Eraser, Download, MessageSquare, Send, Bot, User, RotateCcw, Save, AlertCircle, GripVertical, Meh, Frown, Smile } from 'lucide-react';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
 import * as LabelPrimitive from '@radix-ui/react-label';
@@ -23,7 +23,9 @@ import * as SelectPrimitive from '@radix-ui/react-select';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
-import ReactDOM, { createPortal } from 'react-dom';
+import { useRouter } from 'next/navigation';
+import Link from 'next/link';
+import { createPortal } from 'react-dom';
 
 var useOCR = (options = {}) => {
   const [state, setState] = useState({
@@ -152,43 +154,43 @@ var OCRScanner = ({
       handleFileChange(mockEvent);
     }
   };
-  return /* @__PURE__ */ React3__default.createElement(
+  return /* @__PURE__ */ React37__default.createElement(
     "div",
     {
       className: `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__ */ React3__default.createElement(
+    !imagePreview ? /* @__PURE__ */ React37__default.createElement(
       "div",
       {
         className: "flex flex-col items-center justify-center cursor-pointer space-y-4",
         onClick: () => fileInputRef.current?.click()
       },
-      /* @__PURE__ */ React3__default.createElement("div", { className: "p-4 bg-blue-50 rounded-full text-blue-500" }, /* @__PURE__ */ React3__default.createElement(Upload, { size: 32 })),
-      /* @__PURE__ */ React3__default.createElement("div", { className: "text-center" }, /* @__PURE__ */ React3__default.createElement("p", { className: "text-lg font-medium text-gray-700" }, "\u70B9\u51FB\u6216\u62D6\u62FD\u56FE\u7247\u8FDB\u884C OCR \u8BC6\u522B"), /* @__PURE__ */ React3__default.createElement("p", { className: "text-sm text-gray-500" }, "\u652F\u6301 JPG, PNG, WebP"))
-    ) : /* @__PURE__ */ React3__default.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React3__default.createElement("div", { className: "relative group rounded-lg overflow-hidden border border-gray-200" }, /* @__PURE__ */ React3__default.createElement(
+      /* @__PURE__ */ React37__default.createElement("div", { className: "p-4 bg-blue-50 rounded-full text-blue-500" }, /* @__PURE__ */ React37__default.createElement(Upload, { size: 32 })),
+      /* @__PURE__ */ React37__default.createElement("div", { className: "text-center" }, /* @__PURE__ */ React37__default.createElement("p", { className: "text-lg font-medium text-gray-700" }, "\u70B9\u51FB\u6216\u62D6\u62FD\u56FE\u7247\u8FDB\u884C OCR \u8BC6\u522B"), /* @__PURE__ */ React37__default.createElement("p", { className: "text-sm text-gray-500" }, "\u652F\u6301 JPG, PNG, WebP"))
+    ) : /* @__PURE__ */ React37__default.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React37__default.createElement("div", { className: "relative group rounded-lg overflow-hidden border border-gray-200" }, /* @__PURE__ */ React37__default.createElement(
       "img",
       {
         src: imagePreview,
         alt: "Preview",
         className: `max-h-64 mx-auto object-contain transition-opacity ${isProcessing ? "opacity-50" : "opacity-100"}`
       }
-    ), !isProcessing && /* @__PURE__ */ React3__default.createElement(
+    ), !isProcessing && /* @__PURE__ */ React37__default.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__ */ React3__default.createElement(X, { size: 18 })
-    ), isProcessing && /* @__PURE__ */ React3__default.createElement("div", { className: "absolute inset-0 flex flex-col items-center justify-center bg-black/5" }, /* @__PURE__ */ React3__default.createElement(Loader2, { className: "animate-spin text-blue-500 mb-2", size: 32 }), /* @__PURE__ */ React3__default.createElement("div", { className: "w-48 bg-gray-200 rounded-full h-1.5 overflow-hidden" }, /* @__PURE__ */ React3__default.createElement(
+      /* @__PURE__ */ React37__default.createElement(X, { size: 18 })
+    ), isProcessing && /* @__PURE__ */ React37__default.createElement("div", { className: "absolute inset-0 flex flex-col items-center justify-center bg-black/5" }, /* @__PURE__ */ React37__default.createElement(Loader2, { className: "animate-spin text-blue-500 mb-2", size: 32 }), /* @__PURE__ */ React37__default.createElement("div", { className: "w-48 bg-gray-200 rounded-full h-1.5 overflow-hidden" }, /* @__PURE__ */ React37__default.createElement(
       "div",
       {
         className: "bg-blue-500 h-full transition-all duration-300",
         style: { width: `${progress * 100}%` }
       }
-    )), /* @__PURE__ */ React3__default.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__default.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__default.createElement("div", { className: "flex items-center gap-2 mb-2 text-gray-600 font-medium" }, /* @__PURE__ */ React3__default.createElement(FileText, { size: 18 }), /* @__PURE__ */ React3__default.createElement("span", null, "\u8BC6\u522B\u7ED3\u679C (\u7F6E\u4FE1\u5EA6: ", Math.round(result.confidence), "%)")), /* @__PURE__ */ React3__default.createElement("pre", { className: "text-sm text-gray-800 whitespace-pre-wrap font-sans" }, result.text)), error && /* @__PURE__ */ React3__default.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__default.createElement(
+    )), /* @__PURE__ */ React37__default.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__ */ React37__default.createElement("div", { className: "bg-gray-50 p-4 rounded-lg border border-gray-100 animate-in fade-in slide-in-from-bottom-2" }, /* @__PURE__ */ React37__default.createElement("div", { className: "flex items-center gap-2 mb-2 text-gray-600 font-medium" }, /* @__PURE__ */ React37__default.createElement(FileText, { size: 18 }), /* @__PURE__ */ React37__default.createElement("span", null, "\u8BC6\u522B\u7ED3\u679C (\u7F6E\u4FE1\u5EA6: ", Math.round(result.confidence), "%)")), /* @__PURE__ */ React37__default.createElement("pre", { className: "text-sm text-gray-800 whitespace-pre-wrap font-sans" }, result.text)), error && /* @__PURE__ */ React37__default.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__ */ React37__default.createElement(
       "input",
       {
         type: "file",
@@ -336,37 +338,37 @@ var BackgroundRemover = ({
     a.download = "removed_background.png";
     a.click();
   };
-  return /* @__PURE__ */ React3__default.createElement("div", { className: `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__default.createElement(
+  return /* @__PURE__ */ React37__default.createElement("div", { className: `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__ */ React37__default.createElement(
     "div",
     {
       className: "flex flex-col items-center justify-center cursor-pointer space-y-4",
       onClick: () => fileInputRef.current?.click()
     },
-    /* @__PURE__ */ React3__default.createElement("div", { className: "p-4 bg-purple-50 rounded-full text-purple-500" }, /* @__PURE__ */ React3__default.createElement(Eraser, { size: 32 })),
-    /* @__PURE__ */ React3__default.createElement("div", { className: "text-center" }, /* @__PURE__ */ React3__default.createElement("p", { className: "text-lg font-medium text-gray-700" }, "\u4E0A\u4F20\u56FE\u7247\u79FB\u9664\u80CC\u666F"), /* @__PURE__ */ React3__default.createElement("p", { className: "text-sm text-gray-500" }, "\u5EFA\u8BAE\u4F7F\u7528\u4E3B\u4F53\u660E\u786E\u7684\u56FE\u7247"))
-  ) : /* @__PURE__ */ React3__default.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React3__default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ React3__default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React3__default.createElement("p", { className: "text-xs font-medium text-gray-500 uppercase tracking-wider" }, "\u539F\u56FE"), /* @__PURE__ */ React3__default.createElement("div", { className: "relative rounded-lg overflow-hidden border border-gray-200 bg-gray-50" }, /* @__PURE__ */ React3__default.createElement("img", { src: imagePreview, alt: "Original", className: "max-h-64 mx-auto object-contain" }))), /* @__PURE__ */ React3__default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React3__default.createElement("p", { className: "text-xs font-medium text-gray-500 uppercase tracking-wider" }, "\u5904\u7406\u7ED3\u679C"), /* @__PURE__ */ React3__default.createElement("div", { className: "relative rounded-lg overflow-hidden border border-gray-200 bg-grid-slate-100 bg-[size:20px_20px]" }, resultUrl ? /* @__PURE__ */ React3__default.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__default.createElement("div", { className: "h-64 flex flex-col items-center justify-center text-gray-400" }, isProcessing ? /* @__PURE__ */ React3__default.createElement(React3__default.Fragment, null, /* @__PURE__ */ React3__default.createElement(Loader2, { className: "animate-spin text-purple-500 mb-2", size: 32 }), /* @__PURE__ */ React3__default.createElement("div", { className: "w-32 bg-gray-200 rounded-full h-1.5 overflow-hidden" }, /* @__PURE__ */ React3__default.createElement(
+    /* @__PURE__ */ React37__default.createElement("div", { className: "p-4 bg-purple-50 rounded-full text-purple-500" }, /* @__PURE__ */ React37__default.createElement(Eraser, { size: 32 })),
+    /* @__PURE__ */ React37__default.createElement("div", { className: "text-center" }, /* @__PURE__ */ React37__default.createElement("p", { className: "text-lg font-medium text-gray-700" }, "\u4E0A\u4F20\u56FE\u7247\u79FB\u9664\u80CC\u666F"), /* @__PURE__ */ React37__default.createElement("p", { className: "text-sm text-gray-500" }, "\u5EFA\u8BAE\u4F7F\u7528\u4E3B\u4F53\u660E\u786E\u7684\u56FE\u7247"))
+  ) : /* @__PURE__ */ React37__default.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React37__default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ React37__default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React37__default.createElement("p", { className: "text-xs font-medium text-gray-500 uppercase tracking-wider" }, "\u539F\u56FE"), /* @__PURE__ */ React37__default.createElement("div", { className: "relative rounded-lg overflow-hidden border border-gray-200 bg-gray-50" }, /* @__PURE__ */ React37__default.createElement("img", { src: imagePreview, alt: "Original", className: "max-h-64 mx-auto object-contain" }))), /* @__PURE__ */ React37__default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React37__default.createElement("p", { className: "text-xs font-medium text-gray-500 uppercase tracking-wider" }, "\u5904\u7406\u7ED3\u679C"), /* @__PURE__ */ React37__default.createElement("div", { className: "relative rounded-lg overflow-hidden border border-gray-200 bg-grid-slate-100 bg-[size:20px_20px]" }, resultUrl ? /* @__PURE__ */ React37__default.createElement("img", { src: resultUrl, alt: "Result", className: "max-h-64 mx-auto object-contain animate-in fade-in zoom-in-95 duration-500" }) : /* @__PURE__ */ React37__default.createElement("div", { className: "h-64 flex flex-col items-center justify-center text-gray-400" }, isProcessing ? /* @__PURE__ */ React37__default.createElement(React37__default.Fragment, null, /* @__PURE__ */ React37__default.createElement(Loader2, { className: "animate-spin text-purple-500 mb-2", size: 32 }), /* @__PURE__ */ React37__default.createElement("div", { className: "w-32 bg-gray-200 rounded-full h-1.5 overflow-hidden" }, /* @__PURE__ */ React37__default.createElement(
     "div",
     {
       className: "bg-purple-500 h-full transition-all duration-300",
       style: { width: `${progress * 100}%` }
     }
-  )), /* @__PURE__ */ React3__default.createElement("p", { className: "text-[10px] mt-2 font-mono uppercase" }, status.replace(/-/g, " "))) : /* @__PURE__ */ React3__default.createElement("span", { className: "text-sm italic" }, "\u7B49\u5F85\u5904\u7406..."))))), /* @__PURE__ */ React3__default.createElement("div", { className: "flex justify-between items-center pt-2" }, !isProcessing && /* @__PURE__ */ React3__default.createElement(
+  )), /* @__PURE__ */ React37__default.createElement("p", { className: "text-[10px] mt-2 font-mono uppercase" }, status.replace(/-/g, " "))) : /* @__PURE__ */ React37__default.createElement("span", { className: "text-sm italic" }, "\u7B49\u5F85\u5904\u7406..."))))), /* @__PURE__ */ React37__default.createElement("div", { className: "flex justify-between items-center pt-2" }, !isProcessing && /* @__PURE__ */ React37__default.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__ */ React3__default.createElement(X, { size: 16 }),
+    /* @__PURE__ */ React37__default.createElement(X, { size: 16 }),
     "\u91CD\u65B0\u5F00\u59CB"
-  ), resultUrl && !isProcessing && /* @__PURE__ */ React3__default.createElement(
+  ), resultUrl && !isProcessing && /* @__PURE__ */ React37__default.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__ */ React3__default.createElement(Download, { size: 16 }),
+    /* @__PURE__ */ React37__default.createElement(Download, { size: 16 }),
     "\u4E0B\u8F7D PNG"
-  )), error && /* @__PURE__ */ React3__default.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__default.createElement(
+  )), error && /* @__PURE__ */ React37__default.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__ */ React37__default.createElement(
     "input",
     {
       type: "file",
@@ -485,11 +487,11 @@ var SentimentAnalyzer = ({
     if (!result) return null;
     switch (result.sentiment) {
       case "positive":
-        return /* @__PURE__ */ React3__default.createElement(Smile, { className: "text-green-500", size: 24 });
+        return /* @__PURE__ */ React37__default.createElement(Smile, { className: "text-green-500", size: 24 });
       case "negative":
-        return /* @__PURE__ */ React3__default.createElement(Frown, { className: "text-red-500", size: 24 });
+        return /* @__PURE__ */ React37__default.createElement(Frown, { className: "text-red-500", size: 24 });
       default:
-        return /* @__PURE__ */ React3__default.createElement(Meh, { className: "text-yellow-500", size: 24 });
+        return /* @__PURE__ */ React37__default.createElement(Meh, { className: "text-yellow-500", size: 24 });
     }
   };
   const getSentimentColor = () => {
@@ -503,7 +505,7 @@ var SentimentAnalyzer = ({
         return "bg-yellow-50 border-yellow-200 text-yellow-700";
     }
   };
-  return /* @__PURE__ */ React3__default.createElement("div", { className: `p-6 border rounded-xl bg-white dark:bg-gray-800 shadow-sm ${className}` }, /* @__PURE__ */ React3__default.createElement("div", { className: "flex items-center gap-2 mb-4 text-gray-700 dark:text-gray-300 font-medium" }, /* @__PURE__ */ React3__default.createElement(MessageSquare, { size: 20 }), /* @__PURE__ */ React3__default.createElement("span", null, "\u6587\u672C\u60C5\u611F\u5206\u6790")), /* @__PURE__ */ React3__default.createElement("div", { className: "relative" }, /* @__PURE__ */ React3__default.createElement(
+  return /* @__PURE__ */ React37__default.createElement("div", { className: `p-6 border rounded-xl bg-white dark:bg-gray-800 shadow-sm ${className}` }, /* @__PURE__ */ React37__default.createElement("div", { className: "flex items-center gap-2 mb-4 text-gray-700 dark:text-gray-300 font-medium" }, /* @__PURE__ */ React37__default.createElement(MessageSquare, { size: 20 }), /* @__PURE__ */ React37__default.createElement("span", null, "\u6587\u672C\u60C5\u611F\u5206\u6790")), /* @__PURE__ */ React37__default.createElement("div", { className: "relative" }, /* @__PURE__ */ React37__default.createElement(
     "textarea",
     {
       value: text,
@@ -512,15 +514,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__ */ React3__default.createElement(
+  ), /* @__PURE__ */ React37__default.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__ */ React3__default.createElement(Loader2, { className: "animate-spin", size: 18 }) : /* @__PURE__ */ React3__default.createElement(Send, { size: 18 })
-  )), isProcessing && /* @__PURE__ */ React3__default.createElement("div", { className: "mt-4 flex items-center gap-2 text-sm text-blue-600 animate-pulse" }, /* @__PURE__ */ React3__default.createElement(Loader2, { size: 14, className: "animate-spin" }), /* @__PURE__ */ React3__default.createElement("span", null, "\u6B63\u5728\u5206\u6790 (\u9996\u6B21\u8FD0\u884C\u5C06\u52A0\u8F7D\u6A21\u578B\u8D44\u6E90)...")), result && !isProcessing && /* @__PURE__ */ React3__default.createElement("div", { className: `mt-4 p-4 border rounded-lg flex items-center gap-4 animate-in fade-in slide-in-from-top-2 ${getSentimentColor()}` }, /* @__PURE__ */ React3__default.createElement("div", { className: "p-2 bg-white rounded-full shadow-sm" }, getSentimentIcon()), /* @__PURE__ */ React3__default.createElement("div", null, /* @__PURE__ */ React3__default.createElement("p", { className: "font-bold text-lg capitalize" }, result.sentiment), /* @__PURE__ */ React3__default.createElement("p", { className: "text-sm opacity-80" }, "\u7F6E\u4FE1\u5EA6: ", (result.score * 100).toFixed(1), "% (", result.label, ")"))), error && /* @__PURE__ */ React3__default.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__ */ React37__default.createElement(Loader2, { className: "animate-spin", size: 18 }) : /* @__PURE__ */ React37__default.createElement(Send, { size: 18 })
+  )), isProcessing && /* @__PURE__ */ React37__default.createElement("div", { className: "mt-4 flex items-center gap-2 text-sm text-blue-600 animate-pulse" }, /* @__PURE__ */ React37__default.createElement(Loader2, { size: 14, className: "animate-spin" }), /* @__PURE__ */ React37__default.createElement("span", null, "\u6B63\u5728\u5206\u6790 (\u9996\u6B21\u8FD0\u884C\u5C06\u52A0\u8F7D\u6A21\u578B\u8D44\u6E90)...")), result && !isProcessing && /* @__PURE__ */ React37__default.createElement("div", { className: `mt-4 p-4 border rounded-lg flex items-center gap-4 animate-in fade-in slide-in-from-top-2 ${getSentimentColor()}` }, /* @__PURE__ */ React37__default.createElement("div", { className: "p-2 bg-white rounded-full shadow-sm" }, getSentimentIcon()), /* @__PURE__ */ React37__default.createElement("div", null, /* @__PURE__ */ React37__default.createElement("p", { className: "font-bold text-lg capitalize" }, result.sentiment), /* @__PURE__ */ React37__default.createElement("p", { className: "text-sm opacity-80" }, "\u7F6E\u4FE1\u5EA6: ", (result.score * 100).toFixed(1), "% (", result.label, ")"))), error && /* @__PURE__ */ React37__default.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({
@@ -660,7 +662,7 @@ AI\u56DE\u5E94\uFF1A\u201C`;
       setChatHistory((prev) => [...prev, { role: "assistant", content: "\uFF08\u672C\u5730\u6A21\u578B\u601D\u8003\u8FC7\u5EA6\uFF0C\u6682\u65F6\u4F11\u606F\u4E2D...\uFF09" }]);
     }
   };
-  return /* @__PURE__ */ React3__default.createElement("div", { className: `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__default.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__default.createElement("div", { className: "h-full flex flex-col items-center justify-center text-gray-400 space-y-2" }, /* @__PURE__ */ React3__default.createElement(Bot, { size: 48, className: "opacity-20" }), /* @__PURE__ */ React3__default.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__default.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__default.createElement("div", { key: i, className: `flex ${msg.role === "user" ? "justify-end" : "justify-start"} animate-in fade-in slide-in-from-bottom-2` }, /* @__PURE__ */ React3__default.createElement("div", { className: `flex gap-3 max-w-[85%] ${msg.role === "user" ? "flex-row-reverse" : ""}` }, /* @__PURE__ */ React3__default.createElement("div", { className: `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__default.createElement(User, { size: 18 }) : /* @__PURE__ */ React3__default.createElement(Bot, { size: 18 })), /* @__PURE__ */ React3__default.createElement("div", { className: `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__default.createElement("div", { className: "flex justify-start" }, /* @__PURE__ */ React3__default.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__default.createElement(Loader2, { className: "animate-spin text-blue-500", size: 16 }), /* @__PURE__ */ React3__default.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React3__default.createElement("span", { className: "text-xs text-gray-500 font-medium" }, "\u601D\u8003\u4E2D..."), /* @__PURE__ */ React3__default.createElement("span", { className: "text-[10px] text-blue-400 font-mono tracking-tighter" }, genStatus))))), /* @__PURE__ */ React3__default.createElement("div", { className: "p-4 bg-white dark:bg-gray-800 border-t border-gray-100 dark:border-gray-700" }, /* @__PURE__ */ React3__default.createElement("div", { className: "relative flex items-center gap-2" }, /* @__PURE__ */ React3__default.createElement(
+  return /* @__PURE__ */ React37__default.createElement("div", { className: `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__ */ React37__default.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__ */ React37__default.createElement("div", { className: "h-full flex flex-col items-center justify-center text-gray-400 space-y-2" }, /* @__PURE__ */ React37__default.createElement(Bot, { size: 48, className: "opacity-20" }), /* @__PURE__ */ React37__default.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__ */ React37__default.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__ */ React37__default.createElement("div", { key: i, className: `flex ${msg.role === "user" ? "justify-end" : "justify-start"} animate-in fade-in slide-in-from-bottom-2` }, /* @__PURE__ */ React37__default.createElement("div", { className: `flex gap-3 max-w-[85%] ${msg.role === "user" ? "flex-row-reverse" : ""}` }, /* @__PURE__ */ React37__default.createElement("div", { className: `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__ */ React37__default.createElement(User, { size: 18 }) : /* @__PURE__ */ React37__default.createElement(Bot, { size: 18 })), /* @__PURE__ */ React37__default.createElement("div", { className: `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__ */ React37__default.createElement("div", { className: "flex justify-start" }, /* @__PURE__ */ React37__default.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__ */ React37__default.createElement(Loader2, { className: "animate-spin text-blue-500", size: 16 }), /* @__PURE__ */ React37__default.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React37__default.createElement("span", { className: "text-xs text-gray-500 font-medium" }, "\u601D\u8003\u4E2D..."), /* @__PURE__ */ React37__default.createElement("span", { className: "text-[10px] text-blue-400 font-mono tracking-tighter" }, genStatus))))), /* @__PURE__ */ React37__default.createElement("div", { className: "p-4 bg-white dark:bg-gray-800 border-t border-gray-100 dark:border-gray-700" }, /* @__PURE__ */ React37__default.createElement("div", { className: "relative flex items-center gap-2" }, /* @__PURE__ */ React37__default.createElement(
     "input",
     {
       type: "text",
@@ -671,14 +673,14 @@ AI\u56DE\u5E94\uFF1A\u201C`;
       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__ */ React3__default.createElement(
+  ), /* @__PURE__ */ React37__default.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__ */ React3__default.createElement(Send, { size: 18 })
+    /* @__PURE__ */ React37__default.createElement(Send, { size: 18 })
   ))));
 };
 var buttonVariants = cva(
@@ -706,10 +708,10 @@ var buttonVariants = cva(
     }
   }
 );
-var Button = React3.forwardRef(
+var Button = React37.forwardRef(
   ({ className, variant, size, asChild = false, ...props }, ref) => {
     const Comp = asChild ? Slot : "button";
-    return /* @__PURE__ */ React3.createElement(
+    return /* @__PURE__ */ React37.createElement(
       Comp,
       {
         className: cn(buttonVariants({ variant, size, className })),
@@ -720,7 +722,7 @@ var Button = React3.forwardRef(
   }
 );
 Button.displayName = "Button";
-var Card = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3.createElement(
+var Card = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37.createElement(
   "div",
   {
     ref,
@@ -732,7 +734,7 @@ var Card = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ R
   }
 ));
 Card.displayName = "Card";
-var CardHeader = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3.createElement(
+var CardHeader = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37.createElement(
   "div",
   {
     ref,
@@ -741,7 +743,7 @@ var CardHeader = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 CardHeader.displayName = "CardHeader";
-var CardTitle = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3.createElement(
+var CardTitle = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37.createElement(
   "div",
   {
     ref,
@@ -750,7 +752,7 @@ var CardTitle = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 CardTitle.displayName = "CardTitle";
-var CardDescription = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3.createElement(
+var CardDescription = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37.createElement(
   "div",
   {
     ref,
@@ -759,9 +761,9 @@ var CardDescription = React3.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 CardDescription.displayName = "CardDescription";
-var CardContent = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3.createElement("div", { ref, className: cn("p-6 pt-0", className), ...props }));
+var CardContent = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37.createElement("div", { ref, className: cn("p-6 pt-0", className), ...props }));
 CardContent.displayName = "CardContent";
-var CardFooter = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3.createElement(
+var CardFooter = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37.createElement(
   "div",
   {
     ref,
@@ -787,11 +789,11 @@ var badgeVariants = cva(
   }
 );
 function Badge({ className, variant, ...props }) {
-  return /* @__PURE__ */ React3.createElement("div", { className: cn(badgeVariants({ variant }), className), ...props });
+  return /* @__PURE__ */ React37.createElement("div", { className: cn(badgeVariants({ variant }), className), ...props });
 }
-var Input = React3.forwardRef(
+var Input = React37.forwardRef(
   ({ className, type, ...props }, ref) => {
-    return /* @__PURE__ */ React3.createElement(
+    return /* @__PURE__ */ React37.createElement(
       "input",
       {
         type,
@@ -809,7 +811,7 @@ Input.displayName = "Input";
 var labelVariants = cva(
   "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
 );
-var Label = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3.createElement(
+var Label = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37.createElement(
   LabelPrimitive.Root,
   {
     ref,
@@ -819,7 +821,7 @@ var Label = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
 ));
 Label.displayName = LabelPrimitive.Root.displayName;
 var Tabs = TabsPrimitive.Root;
-var TabsList = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3.createElement(
+var TabsList = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37.createElement(
   TabsPrimitive.List,
   {
     ref,
@@ -831,7 +833,7 @@ var TabsList = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3.createElement(
+var TabsTrigger = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37.createElement(
   TabsPrimitive.Trigger,
   {
     ref,
@@ -843,7 +845,7 @@ var TabsTrigger = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3.createElement(
+var TabsContent = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37.createElement(
   TabsPrimitive.Content,
   {
     ref,
@@ -859,7 +861,7 @@ var Dialog = DialogPrimitive.Root;
 var DialogTrigger = DialogPrimitive.Trigger;
 var DialogPortal = DialogPrimitive.Portal;
 var DialogClose = DialogPrimitive.Close;
-var DialogOverlay = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3.createElement(
+var DialogOverlay = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37.createElement(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -871,7 +873,7 @@ var DialogOverlay = React3.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContent = React3.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React3.createElement(DialogPortal, null, /* @__PURE__ */ React3.createElement(DialogOverlay, null), /* @__PURE__ */ React3.createElement(
+var DialogContent = React37.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React37.createElement(DialogPortal, null, /* @__PURE__ */ React37.createElement(DialogOverlay, null), /* @__PURE__ */ React37.createElement(
   DialogPrimitive.Content,
   {
     ref,
@@ -882,13 +884,13 @@ var DialogContent = React3.forwardRef(({ className, children, ...props }, ref) =
     ...props
   },
   children,
-  /* @__PURE__ */ React3.createElement(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground" }, /* @__PURE__ */ React3.createElement(X, { className: "h-4 w-4" }), /* @__PURE__ */ React3.createElement("span", { className: "sr-only" }, "Close"))
+  /* @__PURE__ */ React37.createElement(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground" }, /* @__PURE__ */ React37.createElement(X, { className: "h-4 w-4" }), /* @__PURE__ */ React37.createElement("span", { className: "sr-only" }, "Close"))
 )));
 DialogContent.displayName = DialogPrimitive.Content.displayName;
 var DialogHeader = ({
   className,
   ...props
-}) => /* @__PURE__ */ React3.createElement(
+}) => /* @__PURE__ */ React37.createElement(
   "div",
   {
     className: cn(
@@ -902,7 +904,7 @@ DialogHeader.displayName = "DialogHeader";
 var DialogFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ React3.createElement(
+}) => /* @__PURE__ */ React37.createElement(
   "div",
   {
     className: cn(
@@ -913,7 +915,7 @@ var DialogFooter = ({
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3.createElement(
+var DialogTitle = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37.createElement(
   DialogPrimitive.Title,
   {
     ref,
@@ -925,7 +927,7 @@ var DialogTitle = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3.createElement(
+var DialogDescription = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37.createElement(
   DialogPrimitive.Description,
   {
     ref,
@@ -937,7 +939,7 @@ DialogDescription.displayName = DialogPrimitive.Description.displayName;
 var AlertDialog = AlertDialogPrimitive.Root;
 var AlertDialogTrigger = AlertDialogPrimitive.Trigger;
 var AlertDialogPortal = AlertDialogPrimitive.Portal;
-var AlertDialogOverlay = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3.createElement(
+var AlertDialogOverlay = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37.createElement(
   AlertDialogPrimitive.Overlay,
   {
     className: cn(
@@ -949,7 +951,7 @@ var AlertDialogOverlay = React3.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
-var AlertDialogContent = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3.createElement(AlertDialogPortal, null, /* @__PURE__ */ React3.createElement(AlertDialogOverlay, null), /* @__PURE__ */ React3.createElement(
+var AlertDialogContent = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37.createElement(AlertDialogPortal, null, /* @__PURE__ */ React37.createElement(AlertDialogOverlay, null), /* @__PURE__ */ React37.createElement(
   AlertDialogPrimitive.Content,
   {
     ref,
@@ -964,7 +966,7 @@ AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
 var AlertDialogHeader = ({
   className,
   ...props
-}) => /* @__PURE__ */ React3.createElement(
+}) => /* @__PURE__ */ React37.createElement(
   "div",
   {
     className: cn(
@@ -978,7 +980,7 @@ AlertDialogHeader.displayName = "AlertDialogHeader";
 var AlertDialogFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ React3.createElement(
+}) => /* @__PURE__ */ React37.createElement(
   "div",
   {
     className: cn(
@@ -989,7 +991,7 @@ var AlertDialogFooter = ({
   }
 );
 AlertDialogFooter.displayName = "AlertDialogFooter";
-var AlertDialogTitle = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3.createElement(
+var AlertDialogTitle = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37.createElement(
   AlertDialogPrimitive.Title,
   {
     ref,
@@ -998,7 +1000,7 @@ var AlertDialogTitle = React3.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
-var AlertDialogDescription = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3.createElement(
+var AlertDialogDescription = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37.createElement(
   AlertDialogPrimitive.Description,
   {
     ref,
@@ -1007,7 +1009,7 @@ var AlertDialogDescription = React3.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
-var AlertDialogAction = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3.createElement(
+var AlertDialogAction = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37.createElement(
   AlertDialogPrimitive.Action,
   {
     ref,
@@ -1016,7 +1018,7 @@ var AlertDialogAction = React3.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
-var AlertDialogCancel = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3.createElement(
+var AlertDialogCancel = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37.createElement(
   AlertDialogPrimitive.Cancel,
   {
     ref,
@@ -1035,7 +1037,7 @@ var DropdownMenuGroup = DropdownMenuPrimitive.Group;
 var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
 var DropdownMenuSub = DropdownMenuPrimitive.Sub;
 var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
-var DropdownMenuSubTrigger = React3.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ React3.createElement(
+var DropdownMenuSubTrigger = React37.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ React37.createElement(
   DropdownMenuPrimitive.SubTrigger,
   {
     ref,
@@ -1047,10 +1049,10 @@ var DropdownMenuSubTrigger = React3.forwardRef(({ className, inset, children, ..
     ...props
   },
   children,
-  /* @__PURE__ */ React3.createElement(ChevronRight, { className: "ml-auto" })
+  /* @__PURE__ */ React37.createElement(ChevronRight, { className: "ml-auto" })
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3.createElement(
+var DropdownMenuSubContent = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37.createElement(
   DropdownMenuPrimitive.SubContent,
   {
     ref,
@@ -1062,7 +1064,7 @@ var DropdownMenuSubContent = React3.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React3.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React3.createElement(DropdownMenuPrimitive.Portal, null, /* @__PURE__ */ React3.createElement(
+var DropdownMenuContent = React37.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React37.createElement(DropdownMenuPrimitive.Portal, null, /* @__PURE__ */ React37.createElement(
   DropdownMenuPrimitive.Content,
   {
     ref,
@@ -1076,7 +1078,7 @@ var DropdownMenuContent = React3.forwardRef(({ className, sideOffset = 4, ...pro
   }
 )));
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React3.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ React3.createElement(
+var DropdownMenuItem = React37.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ React37.createElement(
   DropdownMenuPrimitive.Item,
   {
     ref,
@@ -1089,7 +1091,7 @@ var DropdownMenuItem = React3.forwardRef(({ className, inset, ...props }, ref) =
   }
 ));
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React3.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ React3.createElement(
+var DropdownMenuCheckboxItem = React37.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ React37.createElement(
   DropdownMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -1100,11 +1102,11 @@ var DropdownMenuCheckboxItem = React3.forwardRef(({ className, children, checked
     checked,
     ...props
   },
-  /* @__PURE__ */ React3.createElement("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center" }, /* @__PURE__ */ React3.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React3.createElement(Check, { className: "h-4 w-4" }))),
+  /* @__PURE__ */ React37.createElement("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center" }, /* @__PURE__ */ React37.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React37.createElement(Check, { className: "h-4 w-4" }))),
   children
 ));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React3.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React3.createElement(
+var DropdownMenuRadioItem = React37.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React37.createElement(
   DropdownMenuPrimitive.RadioItem,
   {
     ref,
@@ -1114,11 +1116,11 @@ var DropdownMenuRadioItem = React3.forwardRef(({ className, children, ...props }
     ),
     ...props
   },
-  /* @__PURE__ */ React3.createElement("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center" }, /* @__PURE__ */ React3.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React3.createElement(Circle, { className: "h-2 w-2 fill-current" }))),
+  /* @__PURE__ */ React37.createElement("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center" }, /* @__PURE__ */ React37.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React37.createElement(Circle, { className: "h-2 w-2 fill-current" }))),
   children
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React3.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ React3.createElement(
+var DropdownMenuLabel = React37.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ React37.createElement(
   DropdownMenuPrimitive.Label,
   {
     ref,
@@ -1131,7 +1133,7 @@ var DropdownMenuLabel = React3.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3.createElement(
+var DropdownMenuSeparator = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37.createElement(
   DropdownMenuPrimitive.Separator,
   {
     ref,
@@ -1144,7 +1146,7 @@ var DropdownMenuShortcut = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ React3.createElement(
+  return /* @__PURE__ */ React37.createElement(
     "span",
     {
       className: cn("ml-auto text-xs tracking-widest opacity-60", className),
@@ -1156,7 +1158,7 @@ DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
 var PopoverAnchor = PopoverPrimitive.Anchor;
-var PopoverContent = React3.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React3.createElement(PopoverPrimitive.Portal, null, /* @__PURE__ */ React3.createElement(
+var PopoverContent = React37.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React37.createElement(PopoverPrimitive.Portal, null, /* @__PURE__ */ React37.createElement(
   PopoverPrimitive.Content,
   {
     ref,
@@ -1170,7 +1172,7 @@ var PopoverContent = React3.forwardRef(({ className, align = "center", sideOffse
   }
 )));
 PopoverContent.displayName = PopoverPrimitive.Content.displayName;
-var Progress = React3.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ React3.createElement(
+var Progress = React37.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ React37.createElement(
   ProgressPrimitive.Root,
   {
     ref,
@@ -1180,7 +1182,7 @@ var Progress = React3.forwardRef(({ className, value, ...props }, ref) => /* @__
     ),
     ...props
   },
-  /* @__PURE__ */ React3.createElement(
+  /* @__PURE__ */ React37.createElement(
     ProgressPrimitive.Indicator,
     {
       className: "h-full w-full flex-1 bg-primary transition-all",
@@ -1189,19 +1191,19 @@ var Progress = React3.forwardRef(({ className, value, ...props }, ref) => /* @__
   )
 ));
 Progress.displayName = ProgressPrimitive.Root.displayName;
-var ScrollArea = React3.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React3.createElement(
+var ScrollArea = React37.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React37.createElement(
   ScrollAreaPrimitive.Root,
   {
     ref,
     className: cn("relative overflow-hidden", className),
     ...props
   },
-  /* @__PURE__ */ React3.createElement(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]" }, children),
-  /* @__PURE__ */ React3.createElement(ScrollBar, null),
-  /* @__PURE__ */ React3.createElement(ScrollAreaPrimitive.Corner, null)
+  /* @__PURE__ */ React37.createElement(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]" }, children),
+  /* @__PURE__ */ React37.createElement(ScrollBar, null),
+  /* @__PURE__ */ React37.createElement(ScrollAreaPrimitive.Corner, null)
 ));
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React3.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React3.createElement(
+var ScrollBar = React37.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React37.createElement(
   ScrollAreaPrimitive.ScrollAreaScrollbar,
   {
     ref,
@@ -1214,13 +1216,13 @@ var ScrollBar = React3.forwardRef(({ className, orientation = "vertical", ...pro
     ),
     ...props
   },
-  /* @__PURE__ */ React3.createElement(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+  /* @__PURE__ */ React37.createElement(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
 ));
 ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
 var Select = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React3.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React3.createElement(
+var SelectTrigger = React37.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React37.createElement(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -1231,10 +1233,10 @@ var SelectTrigger = React3.forwardRef(({ className, children, ...props }, ref) =
     ...props
   },
   children,
-  /* @__PURE__ */ React3.createElement(SelectPrimitive.Icon, { asChild: true }, /* @__PURE__ */ React3.createElement(ChevronDown, { className: "h-4 w-4 opacity-50" }))
+  /* @__PURE__ */ React37.createElement(SelectPrimitive.Icon, { asChild: true }, /* @__PURE__ */ React37.createElement(ChevronDown, { className: "h-4 w-4 opacity-50" }))
 ));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3.createElement(
+var SelectScrollUpButton = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37.createElement(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
@@ -1244,10 +1246,10 @@ var SelectScrollUpButton = React3.forwardRef(({ className, ...props }, ref) => /
     ),
     ...props
   },
-  /* @__PURE__ */ React3.createElement(ChevronUp, { className: "h-4 w-4" })
+  /* @__PURE__ */ React37.createElement(ChevronUp, { className: "h-4 w-4" })
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3.createElement(
+var SelectScrollDownButton = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37.createElement(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
@@ -1257,10 +1259,10 @@ var SelectScrollDownButton = React3.forwardRef(({ className, ...props }, ref) =>
     ),
     ...props
   },
-  /* @__PURE__ */ React3.createElement(ChevronDown, { className: "h-4 w-4" })
+  /* @__PURE__ */ React37.createElement(ChevronDown, { className: "h-4 w-4" })
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React3.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ React3.createElement(SelectPrimitive.Portal, null, /* @__PURE__ */ React3.createElement(
+var SelectContent = React37.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ React37.createElement(SelectPrimitive.Portal, null, /* @__PURE__ */ React37.createElement(
   SelectPrimitive.Content,
   {
     ref,
@@ -1272,8 +1274,8 @@ var SelectContent = React3.forwardRef(({ className, children, position = "popper
     position,
     ...props
   },
-  /* @__PURE__ */ React3.createElement(SelectScrollUpButton, null),
-  /* @__PURE__ */ React3.createElement(
+  /* @__PURE__ */ React37.createElement(SelectScrollUpButton, null),
+  /* @__PURE__ */ React37.createElement(
     SelectPrimitive.Viewport,
     {
       className: cn(
@@ -1283,10 +1285,10 @@ var SelectContent = React3.forwardRef(({ className, children, position = "popper
     },
     children
   ),
-  /* @__PURE__ */ React3.createElement(SelectScrollDownButton, null)
+  /* @__PURE__ */ React37.createElement(SelectScrollDownButton, null)
 )));
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3.createElement(
+var SelectLabel = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37.createElement(
   SelectPrimitive.Label,
   {
     ref,
@@ -1295,7 +1297,7 @@ var SelectLabel = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React3.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React3.createElement(
+var SelectItem = React37.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React37.createElement(
   SelectPrimitive.Item,
   {
     ref,
@@ -1305,11 +1307,11 @@ var SelectItem = React3.forwardRef(({ className, children, ...props }, ref) => /
     ),
     ...props
   },
-  /* @__PURE__ */ React3.createElement("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center" }, /* @__PURE__ */ React3.createElement(SelectPrimitive.ItemIndicator, null, /* @__PURE__ */ React3.createElement(Check, { className: "h-4 w-4" }))),
-  /* @__PURE__ */ React3.createElement(SelectPrimitive.ItemText, null, children)
+  /* @__PURE__ */ React37.createElement("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center" }, /* @__PURE__ */ React37.createElement(SelectPrimitive.ItemIndicator, null, /* @__PURE__ */ React37.createElement(Check, { className: "h-4 w-4" }))),
+  /* @__PURE__ */ React37.createElement(SelectPrimitive.ItemText, null, children)
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3.createElement(
+var SelectSeparator = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37.createElement(
   SelectPrimitive.Separator,
   {
     ref,
@@ -1318,8 +1320,8 @@ var SelectSeparator = React3.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
-var Separator3 = React3.forwardRef(
-  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ React3.createElement(
+var Separator3 = React37.forwardRef(
+  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ React37.createElement(
     SeparatorPrimitive.Root,
     {
       ref,
@@ -1339,7 +1341,7 @@ var Sheet = DialogPrimitive.Root;
 var SheetTrigger = DialogPrimitive.Trigger;
 var SheetClose = DialogPrimitive.Close;
 var SheetPortal = DialogPrimitive.Portal;
-var SheetOverlay = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3.createElement(
+var SheetOverlay = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37.createElement(
   DialogPrimitive.Overlay,
   {
     className: cn(
@@ -1367,21 +1369,21 @@ var sheetVariants = cva(
     }
   }
 );
-var SheetContent = React3.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ React3.createElement(SheetPortal, null, /* @__PURE__ */ React3.createElement(SheetOverlay, null), /* @__PURE__ */ React3.createElement(
+var SheetContent = React37.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ React37.createElement(SheetPortal, null, /* @__PURE__ */ React37.createElement(SheetOverlay, null), /* @__PURE__ */ React37.createElement(
   DialogPrimitive.Content,
   {
     ref,
     className: cn(sheetVariants({ side }), className),
     ...props
   },
-  /* @__PURE__ */ React3.createElement(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary" }, /* @__PURE__ */ React3.createElement(X, { className: "h-4 w-4" }), /* @__PURE__ */ React3.createElement("span", { className: "sr-only" }, "Close")),
+  /* @__PURE__ */ React37.createElement(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary" }, /* @__PURE__ */ React37.createElement(X, { className: "h-4 w-4" }), /* @__PURE__ */ React37.createElement("span", { className: "sr-only" }, "Close")),
   children
 )));
 SheetContent.displayName = DialogPrimitive.Content.displayName;
 var SheetHeader = ({
   className,
   ...props
-}) => /* @__PURE__ */ React3.createElement(
+}) => /* @__PURE__ */ React37.createElement(
   "div",
   {
     className: cn(
@@ -1395,7 +1397,7 @@ SheetHeader.displayName = "SheetHeader";
 var SheetFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ React3.createElement(
+}) => /* @__PURE__ */ React37.createElement(
   "div",
   {
     className: cn(
@@ -1406,7 +1408,7 @@ var SheetFooter = ({
   }
 );
 SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3.createElement(
+var SheetTitle = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37.createElement(
   DialogPrimitive.Title,
   {
     ref,
@@ -1415,7 +1417,7 @@ var SheetTitle = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 SheetTitle.displayName = DialogPrimitive.Title.displayName;
-var SheetDescription = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3.createElement(
+var SheetDescription = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37.createElement(
   DialogPrimitive.Description,
   {
     ref,
@@ -1424,8 +1426,8 @@ var SheetDescription = React3.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 SheetDescription.displayName = DialogPrimitive.Description.displayName;
-var Textarea = React3.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ React3.createElement(
+var Textarea = React37.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ React37.createElement(
     "textarea",
     {
       className: cn(
@@ -1441,7 +1443,7 @@ Textarea.displayName = "Textarea";
 var TooltipProvider = TooltipPrimitive.Provider;
 var Tooltip = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = React3.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React3.createElement(TooltipPrimitive.Portal, null, /* @__PURE__ */ React3.createElement(
+var TooltipContent = React37.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React37.createElement(TooltipPrimitive.Portal, null, /* @__PURE__ */ React37.createElement(
   TooltipPrimitive.Content,
   {
     ref,
@@ -1454,7 +1456,7 @@ var TooltipContent = React3.forwardRef(({ className, sideOffset = 4, ...props },
   }
 )));
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
-var Avatar = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3.createElement(
+var Avatar = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37.createElement(
   AvatarPrimitive.Root,
   {
     ref,
@@ -1466,7 +1468,7 @@ var Avatar = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ));
 Avatar.displayName = AvatarPrimitive.Root.displayName;
-var AvatarImage = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3.createElement(
+var AvatarImage = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37.createElement(
   AvatarPrimitive.Image,
   {
     ref,
@@ -1475,7 +1477,7 @@ var AvatarImage = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 AvatarImage.displayName = AvatarPrimitive.Image.displayName;
-var AvatarFallback = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3.createElement(
+var AvatarFallback = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37.createElement(
   AvatarPrimitive.Fallback,
   {
     ref,
@@ -1487,6 +1489,50 @@ var AvatarFallback = React3.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
+function buildGridColsClasses(columns) {
+  return [
+    "grid-cols-1",
+    // 默认单列
+    columns.sm ? `sm:grid-cols-${columns.sm}` : "",
+    columns.md ? `md:grid-cols-${columns.md}` : "md:grid-cols-2",
+    columns.lg ? `lg:grid-cols-${columns.lg}` : "lg:grid-cols-3",
+    columns.xl ? `xl:grid-cols-${columns.xl}` : ""
+  ].filter(Boolean).join(" ");
+}
+function getGapClassName(gap) {
+  const gapClasses = {
+    sm: "gap-3",
+    md: "gap-6",
+    lg: "gap-8",
+    xl: "gap-10"
+  };
+  return gapClasses[gap];
+}
+function Grid({
+  items,
+  renderItem,
+  columns = { md: 2, lg: 3 },
+  gap = "md",
+  className = "",
+  style
+}) {
+  const gridColsClasses = buildGridColsClasses(columns);
+  const gapClass = getGapClassName(gap);
+  return /* @__PURE__ */ React37__default.createElement(
+    "div",
+    {
+      className: `grid ${gridColsClasses} ${gapClass} ${className}`.trim(),
+      style
+    },
+    items.map((item, index) => /* @__PURE__ */ React37__default.createElement("div", { key: item.id }, renderItem(item, index)))
+  );
+}
+var Timeline = ({ items = [] }) => {
+  if (!items || items.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ React37__default.createElement("div", { className: "relative" }, /* @__PURE__ */ React37__default.createElement("div", { className: "absolute left-4 top-0 bottom-0 w-0.5 bg-gray-200" }), items.map((item, index) => /* @__PURE__ */ React37__default.createElement("div", { key: index, className: "relative pl-12 pb-8" }, /* @__PURE__ */ React37__default.createElement("div", { className: "absolute left-0 w-8 h-8 rounded-full bg-blue-500 border-4 border-white shadow-md flex items-center justify-center" }, /* @__PURE__ */ React37__default.createElement("div", { className: "w-2 h-2 rounded-full bg-white" })), /* @__PURE__ */ React37__default.createElement("div", { className: "bg-white rounded-lg p-4 shadow-md" }, /* @__PURE__ */ React37__default.createElement("div", { className: "text-sm text-gray-500 mb-2" }, item.date), /* @__PURE__ */ React37__default.createElement("h4", { className: "text-lg font-semibold mb-2" }, item.title), /* @__PURE__ */ React37__default.createElement("p", { className: "text-gray-600" }, item.description)))));
+};
 var CollisionBalls = ({
   collisionBallsConfig: {
     balls,
@@ -1748,7 +1794,7 @@ var CollisionBalls = ({
       y: (event.clientY - rect.top) * scaleY
     };
   };
-  return /* @__PURE__ */ React3__default.createElement("div", { style: { width: "100%", height: "100%", position: "relative", backgroundColor: "#f9fafb", borderRadius: "0.5rem" } }, /* @__PURE__ */ React3__default.createElement("div", { ref: containerRef, style: { width: "100%", height: "100%", position: "absolute", top: 0, left: 0 } }, /* @__PURE__ */ React3__default.createElement(
+  return /* @__PURE__ */ React37__default.createElement("div", { style: { width: "100%", height: "100%", position: "relative", backgroundColor: "#f9fafb", borderRadius: "0.5rem" } }, /* @__PURE__ */ React37__default.createElement("div", { ref: containerRef, style: { width: "100%", height: "100%", position: "absolute", top: 0, left: 0 } }, /* @__PURE__ */ React37__default.createElement(
     "canvas",
     {
       ref: canvasRef,
@@ -1763,14 +1809,14 @@ var CollisionBalls = ({
       onMouseUp: handleMouseUp,
       onMouseLeave: handleMouseUp
     }
-  )), /* @__PURE__ */ React3__default.createElement("div", { className: "absolute bottom-4 right-4 flex gap-2" }, /* @__PURE__ */ React3__default.createElement(
+  )), /* @__PURE__ */ React37__default.createElement("div", { className: "absolute bottom-4 right-4 flex gap-2" }, /* @__PURE__ */ React37__default.createElement(
     "button",
     {
       onClick: shake,
       className: `px-4 py-2 bg-blue-500 text-white rounded-lg hover:bg-blue-600 transition-colors ${isShaking ? "animate-pulse" : ""}`
     },
     "\u6447\u4E00\u6447"
-  ), /* @__PURE__ */ React3__default.createElement(
+  ), /* @__PURE__ */ React37__default.createElement(
     "button",
     {
       onClick: slowdown,
@@ -1779,135 +1825,294 @@ var CollisionBalls = ({
     "\u51CF\u901F"
   )));
 };
-var CollisionBalls_default = CollisionBalls;
-var Timeline = ({ items = [] }) => {
-  if (!items || items.length === 0) {
-    return null;
-  }
-  return /* @__PURE__ */ React3__default.createElement("div", { className: "relative" }, /* @__PURE__ */ React3__default.createElement("div", { className: "absolute left-4 top-0 bottom-0 w-0.5 bg-gray-200" }), items.map((item, index) => /* @__PURE__ */ React3__default.createElement("div", { key: index, className: "relative pl-12 pb-8" }, /* @__PURE__ */ React3__default.createElement("div", { className: "absolute left-0 w-8 h-8 rounded-full bg-blue-500 border-4 border-white shadow-md flex items-center justify-center" }, /* @__PURE__ */ React3__default.createElement("div", { className: "w-2 h-2 rounded-full bg-white" })), /* @__PURE__ */ React3__default.createElement("div", { className: "bg-white rounded-lg p-4 shadow-md" }, /* @__PURE__ */ React3__default.createElement("div", { className: "text-sm text-gray-500 mb-2" }, item.date), /* @__PURE__ */ React3__default.createElement("h4", { className: "text-lg font-semibold mb-2" }, item.title), /* @__PURE__ */ React3__default.createElement("p", { className: "text-gray-600" }, item.description)))));
-};
-var Timeline_default = Timeline;
-var Modal = ({
-  isOpen,
-  onClose,
-  title,
-  width = 400,
-  height = "auto",
-  maskClosable = true,
-  showCloseButton = true,
+function GenericOrderManager({
+  operations,
+  renderItem,
   className = "",
-  contentClassName = "",
-  zIndex = 1e3,
-  children
-}) => {
-  const modalRef = useRef(null);
-  const [mounted, setMounted] = useState(false);
+  title = "\u987A\u5E8F\u7BA1\u7406",
+  description = "\u62D6\u62FD\u6216\u4F7F\u7528\u6309\u94AE\u8C03\u6574\u663E\u793A\u987A\u5E8F",
+  onOrderChanged,
+  emptyMessage = "\u6682\u65E0\u6570\u636E",
+  loadingMessage = "\u52A0\u8F7D\u6570\u636E..."
+}) {
+  const [items, setItems] = useState([]);
+  const [originalOrder, setOriginalOrder] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [saving, setSaving] = useState(false);
+  const [error, setError] = useState(null);
+  const [hasChanges, setHasChanges] = useState(false);
+  const [draggedItem, setDraggedItem] = useState(null);
+  const loadItems = useCallback(async () => {
+    try {
+      setLoading(true);
+      setError(null);
+      const data = await operations.loadItems();
+      setItems(data);
+      setOriginalOrder([...data]);
+      setHasChanges(false);
+    } catch (err) {
+      console.error("\u274C [\u901A\u7528\u6392\u5E8F] \u52A0\u8F7D\u6570\u636E\u9519\u8BEF:", err);
+      setError(err instanceof Error ? err.message : "\u52A0\u8F7D\u6570\u636E\u5931\u8D25");
+    } finally {
+      setLoading(false);
+    }
+  }, [operations]);
   useEffect(() => {
-    setMounted(true);
-    return () => {
-      setMounted(false);
-    };
-  }, []);
+    loadItems();
+  }, [loadItems]);
   useEffect(() => {
-    const handleEscKey = (event) => {
-      if (event.key === "Escape" && isOpen) {
-        onClose();
+    const hasOrderChanged = items.some(
+      (item, index) => originalOrder[index]?.id !== item.id
+    );
+    setHasChanges(hasOrderChanged);
+  }, [items, originalOrder]);
+  const handleMoveUp = async (itemId) => {
+    try {
+      setError(null);
+      const currentIndex = items.findIndex((item) => item.id === itemId);
+      if (currentIndex === -1) {
+        setError("\u9879\u76EE\u4E0D\u5B58\u5728");
+        return;
       }
-    };
-    if (isOpen && typeof document !== "undefined" && document.body) {
-      document.body.style.overflow = "hidden";
-      document.addEventListener("keydown", handleEscKey);
+      if (currentIndex === 0) {
+        setError("\u9879\u76EE\u5DF2\u7ECF\u5728\u6700\u524D\u9762\uFF0C\u65E0\u6CD5\u4E0A\u79FB");
+        return;
+      }
+      await operations.moveItemUp(itemId);
+      await loadItems();
+      onOrderChanged?.();
+    } catch (err) {
+      console.error("\u274C [\u901A\u7528\u6392\u5E8F] \u4E0A\u79FB\u9879\u76EE\u9519\u8BEF:", err);
+      setError(err instanceof Error ? err.message : "\u4E0A\u79FB\u5931\u8D25");
     }
-    return () => {
-      try {
-        if (typeof document !== "undefined" && document.body) {
-          document.body.style.overflow = "";
-          document.removeEventListener("keydown", handleEscKey);
-        }
-      } catch (error) {
-        console.warn("\u6E05\u7406Modal\u4E8B\u4EF6\u76D1\u542C\u5668\u65F6\u51FA\u9519:", error);
+  };
+  const handleMoveDown = async (itemId) => {
+    try {
+      setError(null);
+      const currentIndex = items.findIndex((item) => item.id === itemId);
+      if (currentIndex === -1) {
+        setError("\u9879\u76EE\u4E0D\u5B58\u5728");
+        return;
       }
-    };
-  }, [isOpen, onClose]);
-  const handleMaskClick = (e) => {
-    if (maskClosable && e.target === e.currentTarget) {
-      onClose();
+      if (currentIndex === items.length - 1) {
+        setError("\u9879\u76EE\u5DF2\u7ECF\u5728\u6700\u540E\u9762\uFF0C\u65E0\u6CD5\u4E0B\u79FB");
+        return;
+      }
+      await operations.moveItemDown(itemId);
+      await loadItems();
+      onOrderChanged?.();
+    } catch (err) {
+      console.error("\u274C [\u901A\u7528\u6392\u5E8F] \u4E0B\u79FB\u9879\u76EE\u9519\u8BEF:", err);
+      setError(err instanceof Error ? err.message : "\u4E0B\u79FB\u5931\u8D25");
     }
   };
-  const modalStyle = {
-    width: typeof width === "number" ? `${width}px` : width,
-    height: typeof height === "number" ? `${height}px` : height,
-    zIndex
+  const handleDragStart = (e, index) => {
+    setDraggedItem(index);
+    e.dataTransfer.effectAllowed = "move";
   };
-  if (!mounted || !isOpen) return null;
-  if (typeof document === "undefined" || !document.body) {
-    return null;
-  }
-  try {
-    return ReactDOM.createPortal(
-      /* @__PURE__ */ React3__default.createElement(
-        "div",
-        {
-          className: "fixed inset-0 bg-black/50 flex items-center justify-center z-[1000] animate-fade-in",
-          onClick: handleMaskClick
-        },
-        /* @__PURE__ */ React3__default.createElement(
-          "div",
-          {
-            className: cn(
-              "bg-white rounded-lg shadow-[0_4px_20px_rgba(0,0,0,0.15)] max-w-[90vw] max-h-[90vh] overflow-hidden flex flex-col animate-slide-up",
-              className
-            ),
-            style: modalStyle,
-            ref: modalRef
-          },
-          (title || showCloseButton) && /* @__PURE__ */ React3__default.createElement("div", { className: "flex justify-between items-center px-5 py-4 border-b border-gray-100" }, title && /* @__PURE__ */ React3__default.createElement("div", { className: "text-lg font-semibold text-gray-800 m-0" }, title), showCloseButton && /* @__PURE__ */ React3__default.createElement(
-            "button",
-            {
-              className: "bg-transparent border-none text-2xl leading-none text-gray-400 cursor-pointer p-0 m-0 w-6 h-6 flex items-center justify-center transition-colors hover:text-gray-800",
-              onClick: onClose
-            },
-            "\xD7"
-          )),
-          /* @__PURE__ */ React3__default.createElement("div", { className: cn("p-5 overflow-y-auto", contentClassName) }, children)
-        )
-      ),
-      document.body
-    );
-  } catch (error) {
-    console.error("Portal\u521B\u5EFA\u5931\u8D25:", error);
-    return null;
+  const handleDragOver = (e, _index) => {
+    e.preventDefault();
+    e.dataTransfer.dropEffect = "move";
+  };
+  const handleDrop = async (e, dropIndex) => {
+    e.preventDefault();
+    if (draggedItem === null || draggedItem === dropIndex) {
+      setDraggedItem(null);
+      return;
+    }
+    try {
+      setError(null);
+      const newItems = [...items];
+      const draggedItemData = newItems[draggedItem];
+      if (!draggedItemData) return;
+      newItems.splice(draggedItem, 1);
+      newItems.splice(dropIndex, 0, draggedItemData);
+      const itemOrders = newItems.map((item, index) => ({
+        id: item.id,
+        order: index
+      }));
+      await operations.updateItemOrder(itemOrders);
+      await loadItems();
+      onOrderChanged?.();
+    } catch (err) {
+      console.error("\u274C [\u901A\u7528\u6392\u5E8F] \u62D6\u62FD\u6392\u5E8F\u9519\u8BEF:", err);
+      setError(err instanceof Error ? err.message : "\u6392\u5E8F\u5931\u8D25");
+    } finally {
+      setDraggedItem(null);
+    }
+  };
+  const handleSaveOrder = async () => {
+    try {
+      setSaving(true);
+      setError(null);
+      const itemOrders = items.map((item, index) => ({
+        id: item.id,
+        order: index
+      }));
+      await operations.updateItemOrder(itemOrders);
+      setOriginalOrder([...items]);
+      setHasChanges(false);
+      onOrderChanged?.();
+    } catch (err) {
+      console.error("\u274C [\u901A\u7528\u6392\u5E8F] \u4FDD\u5B58\u987A\u5E8F\u9519\u8BEF:", err);
+      setError(err instanceof Error ? err.message : "\u4FDD\u5B58\u5931\u8D25");
+      await loadItems();
+    } finally {
+      setSaving(false);
+    }
+  };
+  const handleResetOrder = () => {
+    setItems([...originalOrder]);
+  };
+  if (loading) {
+    return /* @__PURE__ */ React37__default.createElement("div", { className: cn("flex flex-col items-center justify-center p-12 text-gray-500", className) }, /* @__PURE__ */ React37__default.createElement("div", { className: "w-6 h-6 border-2 border-gray-200 border-t-blue-500 rounded-full animate-spin mb-2" }), /* @__PURE__ */ React37__default.createElement("span", null, loadingMessage));
   }
-};
-var Modal_default = Modal;
-var Avatar2 = ({
-  src,
-  alt,
-  size = 80,
-  borderColor,
-  className = ""
-}) => {
-  return /* @__PURE__ */ React3__default.createElement(
+  return /* @__PURE__ */ React37__default.createElement("div", { className: cn("bg-white rounded-xl p-6 shadow-md border-2 border-gray-100", className) }, /* @__PURE__ */ React37__default.createElement("div", { className: "flex items-center justify-between mb-4 pb-3 border-b border-gray-100 sm:flex-row flex-col sm:items-center items-start gap-4" }, /* @__PURE__ */ React37__default.createElement("h3", { className: "m-0 text-gray-900 text-lg font-semibold" }, title), /* @__PURE__ */ React37__default.createElement("div", { className: "flex gap-3 w-full sm:w-auto" }, hasChanges && /* @__PURE__ */ React37__default.createElement(React37__default.Fragment, null, /* @__PURE__ */ React37__default.createElement(
+    "button",
+    {
+      onClick: handleResetOrder,
+      className: "flex items-center gap-2 bg-amber-500 hover:bg-amber-600 text-white px-4 py-2 rounded-lg font-medium transition-colors",
+      title: "\u91CD\u7F6E\u4E3A\u539F\u59CB\u987A\u5E8F"
+    },
+    /* @__PURE__ */ React37__default.createElement(RotateCcw, { size: 16 }),
+    "\u91CD\u7F6E"
+  ), /* @__PURE__ */ React37__default.createElement(
+    "button",
+    {
+      onClick: handleSaveOrder,
+      disabled: saving,
+      className: "flex items-center gap-2 bg-blue-500 hover:bg-blue-600 disabled:opacity-50 disabled:cursor-not-allowed text-white px-4 py-2 rounded-lg font-medium transition-colors",
+      title: "\u4FDD\u5B58\u65B0\u987A\u5E8F"
+    },
+    /* @__PURE__ */ React37__default.createElement(Save, { size: 16 }),
+    saving ? "\u4FDD\u5B58\u4E2D..." : "\u4FDD\u5B58\u987A\u5E8F"
+  )))), error && /* @__PURE__ */ React37__default.createElement("div", { className: "flex items-center gap-2 bg-red-50 text-red-600 p-3 rounded-lg mb-4 border border-red-200" }, /* @__PURE__ */ React37__default.createElement(AlertCircle, { size: 16 }), /* @__PURE__ */ React37__default.createElement("span", null, error)), /* @__PURE__ */ React37__default.createElement("div", { className: "bg-slate-50 border border-slate-200 rounded-lg p-4 mb-6" }, /* @__PURE__ */ React37__default.createElement("p", { className: "m-0 mb-2 color-slate-500 text-sm" }, description), /* @__PURE__ */ React37__default.createElement("ul", { className: "m-0 pl-6 color-slate-500 text-sm list-disc" }, /* @__PURE__ */ React37__default.createElement("li", { className: "mb-1" }, "\u4F7F\u7528\u62D6\u62FD\uFF1A\u70B9\u51FB\u5E76\u62D6\u52A8 ", /* @__PURE__ */ React37__default.createElement(GripVertical, { size: 14, className: "inline-block align-middle text-gray-500" }), " \u56FE\u6807"), /* @__PURE__ */ React37__default.createElement("li", { className: "mb-1" }, "\u4F7F\u7528\u6309\u94AE\uFF1A\u70B9\u51FB ", /* @__PURE__ */ React37__default.createElement(ChevronUp, { size: 14, className: "inline-block align-middle text-gray-500" }), " \u6216 ", /* @__PURE__ */ React37__default.createElement(ChevronDown, { size: 14, className: "inline-block align-middle text-gray-500" }), " \u6309\u94AE"), /* @__PURE__ */ React37__default.createElement("li", null, '\u5B8C\u6210\u8C03\u6574\u540E\uFF0C\u70B9\u51FB"\u4FDD\u5B58\u987A\u5E8F"\u6309\u94AE\u4FDD\u5B58\u66F4\u6539'))), /* @__PURE__ */ React37__default.createElement("div", { className: "flex flex-col gap-3" }, items.map((item, index) => /* @__PURE__ */ React37__default.createElement(
     "div",
     {
-      className: cn("rounded-full overflow-hidden border-[3px] border-transparent", className),
-      style: {
-        width: `${size}px`,
-        height: `${size}px`,
-        borderColor: borderColor || "transparent"
-      }
+      key: item.id,
+      className: cn(
+        "flex items-center gap-3 p-4 bg-gray-50 border-2 border-gray-200 rounded-lg transition-all hover:border-gray-300 hover:shadow-sm",
+        draggedItem === index && "opacity-50 rotate-2 border-blue-500"
+      ),
+      draggable: true,
+      onDragStart: (e) => handleDragStart(e, index),
+      onDragOver: (e) => handleDragOver(e),
+      onDrop: (e) => handleDrop(e, index)
     },
-    /* @__PURE__ */ React3__default.createElement("img", { src, alt, className: "w-full h-full object-cover" })
+    /* @__PURE__ */ React37__default.createElement("div", { className: "flex items-center cursor-grab active:cursor-grabbing text-gray-400 p-1 rounded hover:text-gray-500 hover:bg-gray-100 transition-colors" }, /* @__PURE__ */ React37__default.createElement(GripVertical, { size: 20 })),
+    /* @__PURE__ */ React37__default.createElement("div", { className: "flex-1 min-w-0" }, renderItem(item, index, index === 0, index === items.length - 1)),
+    /* @__PURE__ */ React37__default.createElement("div", { className: "flex items-center mx-3" }, /* @__PURE__ */ React37__default.createElement("span", { className: "flex items-center justify-center w-8 h-8 bg-blue-500 text-white text-sm font-semibold rounded-full sm:w-8 sm:h-8 w-7 h-7 sm:text-sm text-xs" }, "#", index + 1)),
+    /* @__PURE__ */ React37__default.createElement("div", { className: "flex flex-col gap-1 sm:flex-col flex-row" }, /* @__PURE__ */ React37__default.createElement(
+      "button",
+      {
+        onClick: () => handleMoveUp(item.id),
+        disabled: index === 0,
+        className: "flex items-center justify-center w-8 h-8 p-0 border border-gray-300 bg-white text-gray-500 rounded cursor-pointer transition-all hover:bg-gray-100 hover:border-gray-400 hover:text-gray-700 disabled:opacity-40 disabled:cursor-not-allowed disabled:bg-gray-50 sm:w-8 sm:h-8 w-7 h-7",
+        title: "\u4E0A\u79FB"
+      },
+      /* @__PURE__ */ React37__default.createElement(ChevronUp, { size: 18 })
+    ), /* @__PURE__ */ React37__default.createElement(
+      "button",
+      {
+        onClick: () => handleMoveDown(item.id),
+        disabled: index === items.length - 1,
+        className: "flex items-center justify-center w-8 h-8 p-0 border border-gray-300 bg-white text-gray-500 rounded cursor-pointer transition-all hover:bg-gray-100 hover:border-gray-400 hover:text-gray-700 disabled:opacity-40 disabled:cursor-not-allowed disabled:bg-gray-50 sm:w-8 sm:h-8 w-7 h-7",
+        title: "\u4E0B\u79FB"
+      },
+      /* @__PURE__ */ React37__default.createElement(ChevronDown, { size: 18 })
+    ))
+  ))), items.length === 0 && /* @__PURE__ */ React37__default.createElement("div", { className: "text-center p-12 text-gray-400 italic" }, /* @__PURE__ */ React37__default.createElement("p", { className: "m-0" }, emptyMessage)));
+}
+var BackButton = ({ href, className = "" }) => {
+  const router = useRouter();
+  const handleClick = () => {
+    if (href) {
+      router.push(href);
+    } else {
+      router.back();
+    }
+  };
+  return /* @__PURE__ */ React37__default.createElement(
+    "button",
+    {
+      onClick: handleClick,
+      className: cn(
+        "inline-flex items-center px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 transition-colors",
+        className
+      )
+    },
+    /* @__PURE__ */ React37__default.createElement(
+      "svg",
+      {
+        className: "w-5 h-5 mr-2",
+        fill: "none",
+        stroke: "currentColor",
+        viewBox: "0 0 24 24"
+      },
+      /* @__PURE__ */ React37__default.createElement(
+        "path",
+        {
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: 2,
+          d: "M10 19l-7-7m0 0l7-7m-7 7h18"
+        }
+      )
+    ),
+    "\u8FD4\u56DE"
   );
 };
-
-// src/components/popover/ProfileModal.tsx
+function getColorValue(bgClass) {
+  const colorMap = {
+    "bg-blue-500": "#3b82f6",
+    "bg-green-500": "#10b981",
+    "bg-red-500": "#ef4444",
+    "bg-purple-500": "#8b5cf6",
+    "bg-slate-500": "#64748b",
+    "bg-emerald-500": "#10b981",
+    "bg-orange-500": "#f97316"
+  };
+  return colorMap[bgClass] || "#3b82f6";
+}
+function FilterButtonGroup({
+  label,
+  value,
+  options,
+  onChange,
+  className
+}) {
+  return /* @__PURE__ */ React37__default.createElement("div", { className: cn("space-y-4", className) }, /* @__PURE__ */ React37__default.createElement("h3", { className: "text-lg font-semibold text-gray-800" }, label), /* @__PURE__ */ React37__default.createElement("div", { className: "flex gap-3" }, options.map((option) => {
+    const isActive = value === option.value;
+    return /* @__PURE__ */ React37__default.createElement(
+      "button",
+      {
+        key: option.value,
+        onClick: () => onChange(option.value),
+        style: isActive ? { backgroundColor: getColorValue(option.activeColor.bg) } : void 0,
+        className: cn(
+          "flex-1 h-12 rounded-lg font-medium text-sm transition-all duration-200 ease-out focus:outline-none focus:ring-2 focus:ring-opacity-50 border",
+          isActive ? "text-white border-transparent shadow-md focus:ring-white" : "bg-white text-gray-700 border-gray-200 shadow-sm hover:bg-gray-50 hover:border-gray-300 hover:shadow focus:ring-blue-300"
+        )
+      },
+      /* @__PURE__ */ React37__default.createElement("div", { className: "flex items-center justify-center space-x-2" }, /* @__PURE__ */ React37__default.createElement("span", { className: "text-lg" }, option.icon), /* @__PURE__ */ React37__default.createElement("span", null, option.label), option.showCount && option.count !== void 0 && /* @__PURE__ */ React37__default.createElement("span", { className: cn(
+        "text-xs font-semibold px-2 py-0.5 rounded-full min-w-[1.25rem] text-center",
+        isActive ? "bg-white/20 text-white" : "bg-gray-100 text-gray-600"
+      ) }, option.count))
+    );
+  })));
+}
+function SearchResultHint({ searchQuery, resultCount, className }) {
+  if (!searchQuery) return null;
+  return /* @__PURE__ */ React37__default.createElement("div", { className: cn("mb-6 p-4 bg-blue-50 border border-blue-200 rounded-lg", className) }, /* @__PURE__ */ React37__default.createElement("p", { className: "text-sm text-blue-700" }, '\u641C\u7D22 "', /* @__PURE__ */ React37__default.createElement("span", { className: "font-medium" }, searchQuery), '" \u627E\u5230 ', resultCount, " \u4E2A\u7ED3\u679C"));
+}
 var themeStyles = {
   light: "",
-  dark: "bg-[#222] text-[#eee]",
-  blue: "bg-[#f0f8ff]"
+  dark: "bg-[#222] text-[#eee] border-[#444]",
+  blue: "bg-[#f0f8ff] border-[#1890ff]/20"
 };
 var ProfileModal = ({
+  isOpen,
+  onClose,
   data,
   showAvatar = true,
   showContacts = true,
@@ -1918,16 +2123,19 @@ var ProfileModal = ({
   onSocialLinkClick,
   onContactClick,
   themeName = "light",
-  ...modalProps
+  className
 }) => {
   const renderSocialLinks = () => {
     if (!data.socialLinks || data.socialLinks.length === 0) return null;
-    return /* @__PURE__ */ React3__default.createElement("div", { className: "flex gap-3 mt-2" }, data.socialLinks.map((link, index) => /* @__PURE__ */ React3__default.createElement(
+    return /* @__PURE__ */ React37__default.createElement("div", { className: "flex gap-3 mt-2" }, data.socialLinks.map((link, index) => /* @__PURE__ */ React37__default.createElement(
       "a",
       {
         key: index,
         href: link.url,
-        className: "w-8 h-8 flex items-center justify-center bg-gray-100 rounded-full text-gray-800 no-underline transition-all hover:bg-gray-200 hover:-translate-y-0.5",
+        className: cn(
+          "w-8 h-8 flex items-center justify-center rounded-full no-underline transition-all hover:-translate-y-0.5",
+          themeName === "dark" ? "bg-gray-800 text-gray-200 hover:bg-gray-700" : "bg-gray-100 text-gray-800 hover:bg-gray-200"
+        ),
         title: link.type,
         target: "_blank",
         rel: "noopener noreferrer",
@@ -1938,84 +2146,72 @@ var ProfileModal = ({
           }
         }
       },
-      link.icon ? /* @__PURE__ */ React3__default.createElement("span", { className: "text-base" }, link.icon) : /* @__PURE__ */ React3__default.createElement("span", { className: "text-[10px] font-semibold" }, link.type)
+      link.icon ? /* @__PURE__ */ React37__default.createElement("span", { className: "text-base" }, link.icon) : /* @__PURE__ */ React37__default.createElement("span", { className: "text-[10px] font-semibold" }, link.type)
     )));
   };
   const renderContacts = () => {
     if (!data.contacts || Object.keys(data.contacts).length === 0) return null;
-    return /* @__PURE__ */ React3__default.createElement("div", { className: "mt-4 border-t border-gray-100 pt-4" }, Object.entries(data.contacts).map(([type, value], index) => /* @__PURE__ */ React3__default.createElement(
+    return /* @__PURE__ */ React37__default.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__ */ React37__default.createElement(
       "div",
       {
         key: index,
-        className: "flex mb-2 cursor-pointer py-1.5 hover:bg-gray-50 transition-colors",
+        className: cn(
+          "flex mb-2 cursor-pointer py-1.5 px-2 rounded transition-colors",
+          themeName === "dark" ? "hover:bg-gray-800" : "hover:bg-gray-50"
+        ),
         onClick: () => onContactClick && onContactClick(type, value)
       },
-      /* @__PURE__ */ React3__default.createElement("span", { className: "font-medium text-gray-500 w-[70px] shrink-0" }, type, ":"),
-      /* @__PURE__ */ React3__default.createElement("span", { className: "text-gray-800" }, value)
+      /* @__PURE__ */ React37__default.createElement("span", { className: cn(
+        "font-medium w-[70px] shrink-0",
+        themeName === "dark" ? "text-gray-400" : "text-gray-500"
+      ) }, type, ":"),
+      /* @__PURE__ */ React37__default.createElement("span", { className: themeName === "dark" ? "text-gray-200" : "text-gray-800" }, value)
     )));
   };
-  return /* @__PURE__ */ React3__default.createElement(
-    Modal_default,
+  return /* @__PURE__ */ React37__default.createElement(Dialog, { open: isOpen, onOpenChange: (open) => !open && onClose() }, /* @__PURE__ */ React37__default.createElement(DialogContent, { className: cn(
+    "sm:max-w-[500px] p-0 overflow-hidden border-none shadow-2xl",
+    themeStyles[themeName] || "",
+    className
+  ) }, /* @__PURE__ */ React37__default.createElement("div", { className: "p-6" }, /* @__PURE__ */ React37__default.createElement("div", { className: "flex gap-5 mb-5" }, showAvatar && /* @__PURE__ */ React37__default.createElement(
+    "div",
     {
-      ...modalProps,
-      title: "",
-      className: cn("w-[500px]", themeStyles[themeName] || "")
+      className: "shrink-0",
+      onClick: onAvatarClick,
+      style: { cursor: onAvatarClick ? "pointer" : "default" }
     },
-    /* @__PURE__ */ React3__default.createElement("div", { className: "flex gap-5 mb-5" }, showAvatar && data.avatar && /* @__PURE__ */ React3__default.createElement(
-      "div",
-      {
-        className: "shrink-0",
-        onClick: onAvatarClick,
-        style: { cursor: onAvatarClick ? "pointer" : "default" }
-      },
-      /* @__PURE__ */ React3__default.createElement(
-        Avatar2,
-        {
-          src: data.avatar,
-          alt: data.name,
-          size: avatarSize
-        }
-      )
-    ), /* @__PURE__ */ React3__default.createElement("div", { className: "flex-1 min-w-0" }, /* @__PURE__ */ React3__default.createElement("h2", { className: "text-2xl font-semibold m-0 mb-1 text-gray-800" }, data.name), data.title && /* @__PURE__ */ React3__default.createElement("div", { className: "text-sm text-gray-500 mb-2" }, data.title), showSocial && renderSocialLinks())),
-    showBio && data.bio && /* @__PURE__ */ React3__default.createElement("div", { className: "mb-5 leading-relaxed text-gray-600" }, /* @__PURE__ */ React3__default.createElement("p", null, data.bio)),
-    showContacts && renderContacts(),
-    data.customContent && /* @__PURE__ */ React3__default.createElement("div", { className: "mt-5" }, data.customContent)
-  );
+    /* @__PURE__ */ React37__default.createElement(Avatar, { className: "border-2 border-primary/10 shadow-sm", style: { width: avatarSize, height: avatarSize } }, data.avatar && /* @__PURE__ */ React37__default.createElement(AvatarImage, { src: data.avatar, alt: data.name, className: "object-cover" }), /* @__PURE__ */ React37__default.createElement(AvatarFallback, { className: "text-xl" }, data.name.substring(0, 2).toUpperCase()))
+  ), /* @__PURE__ */ React37__default.createElement("div", { className: "flex-1 min-w-0 flex flex-col justify-center" }, /* @__PURE__ */ React37__default.createElement("h2", { className: cn(
+    "text-2xl font-bold m-0 mb-1",
+    themeName === "dark" ? "text-white" : "text-gray-900"
+  ) }, data.name), data.title && /* @__PURE__ */ React37__default.createElement("div", { className: cn(
+    "text-sm mb-2",
+    themeName === "dark" ? "text-gray-400" : "text-gray-500"
+  ) }, data.title), showSocial && renderSocialLinks())), showBio && data.bio && /* @__PURE__ */ React37__default.createElement("div", { className: cn(
+    "mb-5 leading-relaxed text-sm",
+    themeName === "dark" ? "text-gray-300" : "text-gray-600"
+  ) }, /* @__PURE__ */ React37__default.createElement("p", null, data.bio)), showContacts && renderContacts(), data.customContent && /* @__PURE__ */ React37__default.createElement("div", { className: "mt-5" }, data.customContent))));
 };
 var ProfileModal_default = ProfileModal;
-
-// src/components/popover/internal/Badge.tsx
-var badgeTypeStyles = {
-  default: "bg-gray-100 text-gray-600",
-  primary: "bg-blue-50 text-blue-600",
-  success: "bg-green-50 text-green-600",
-  warning: "bg-yellow-50 text-yellow-600",
-  danger: "bg-red-50 text-red-600",
-  info: "bg-blue-50 text-blue-600"
-};
-var Badge2 = ({
-  label,
-  type = "default",
-  icon,
-  className = ""
-}) => {
-  return /* @__PURE__ */ React.createElement("span", { className: cn(
-    "inline-flex items-center px-2 py-1 rounded text-xs font-medium",
-    badgeTypeStyles[type] || badgeTypeStyles.default,
-    className
-  ) }, icon && /* @__PURE__ */ React.createElement("span", { className: "mr-1 flex items-center" }, icon), /* @__PURE__ */ React.createElement("span", null, label));
-};
-
-// src/components/popover/internal/BadgeList.tsx
 var BadgeList = ({
   badges,
   className = ""
 }) => {
   if (!badges || badges.length === 0) return null;
-  return /* @__PURE__ */ React.createElement("div", { className: cn("flex flex-wrap gap-2 mt-4", className) }, badges.map((badge, index) => /* @__PURE__ */ React.createElement(Badge2, { key: index, ...badge })));
+  return /* @__PURE__ */ React37__default.createElement("div", { className: cn("flex flex-wrap gap-2 mt-4", className) }, badges.map((badge, index) => /* @__PURE__ */ React37__default.createElement(
+    Badge,
+    {
+      key: index,
+      variant: badge.type === "default" ? "default" : badge.type
+    },
+    badge.icon && /* @__PURE__ */ React37__default.createElement("span", { className: "mr-1" }, badge.icon),
+    badge.label
+  )));
 };
 
-// src/components/popover/internal/Stat.tsx
+// src/features/profile/internal/Stat.tsx
 var Stat = ({
   label,
   value,
@@ -2025,7 +2221,7 @@ var Stat = ({
   return /* @__PURE__ */ React.createElement("div", { className: cn("flex flex-col items-center flex-1 text-center", className) }, icon && /* @__PURE__ */ React.createElement("span", { className: "mb-2 text-2xl text-gray-400" }, icon), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: "text-lg font-semibold text-gray-800" }, value), /* @__PURE__ */ React.createElement("div", { className: "text-xs text-gray-400 mt-1" }, label)));
 };
 
-// src/components/popover/internal/StatList.tsx
+// src/features/profile/internal/StatList.tsx
 var StatList = ({
   stats,
   className = ""
@@ -2034,7 +2230,7 @@ var StatList = ({
   return /* @__PURE__ */ React.createElement("div", { className: cn("flex justify-between mt-4 pt-4 border-t border-gray-100", className) }, stats.map((stat, index) => /* @__PURE__ */ React.createElement(Stat, { key: index, ...stat })));
 };
 
-// src/components/popover/ProfileButton.tsx
+// src/features/profile/ProfileButton.tsx
 var exampleProfileData = {
   name: "\u5F20\u4E09",
   avatar: "https://randomuser.me/api/portraits/men/32.jpg",
@@ -2061,12 +2257,14 @@ var exampleProfileData = {
     { label: "\u7C89\u4E1D", value: 1024 },
     { label: "\u8BC4\u5206", value: "4.9" }
   ],
-  customContent: /* @__PURE__ */ React3__default.createElement("div", { style: { marginTop: 20, borderTop: "1px solid #eee", paddingTop: 15 } }, /* @__PURE__ */ React3__default.createElement("h3", { style: { fontSize: 16, marginBottom: 10 } }, "\u4E13\u4E1A\u6280\u80FD"), /* @__PURE__ */ React3__default.createElement("p", { style: { margin: 0, lineHeight: 1.6 } }, "\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__ */ React37__default.createElement("div", { className: "mt-5 border-t border-gray-100 pt-4" }, /* @__PURE__ */ React37__default.createElement("h3", { className: "text-sm font-semibold mb-2" }, "\u4E13\u4E1A\u6280\u80FD"), /* @__PURE__ */ React37__default.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,
   buttonText = "\u67E5\u770B\u4E2A\u4EBA\u4FE1\u606F",
-  buttonClassName = "",
+  variant = "default",
+  size = "default",
+  className = "",
   modalTheme = "light"
 }) => {
   const [isModalOpen, setIsModalOpen] = useState(false);
@@ -2079,7 +2277,16 @@ var ProfileButton = ({
       window.open(`tel:${value}`);
     }
   };
-  return /* @__PURE__ */ React3__default.createElement(React3__default.Fragment, null, /* @__PURE__ */ React3__default.createElement("button", { onClick: openModal, className: buttonClassName }, buttonText), /* @__PURE__ */ React3__default.createElement(
+  return /* @__PURE__ */ React37__default.createElement(React37__default.Fragment, null, /* @__PURE__ */ React37__default.createElement(
+    Button,
+    {
+      variant,
+      size,
+      onClick: openModal,
+      className
+    },
+    buttonText
+  ), /* @__PURE__ */ React37__default.createElement(
     ProfileModal_default,
     {
       isOpen: isModalOpen,
@@ -2090,11 +2297,10 @@ var ProfileButton = ({
       onSocialLinkClick: (url) => window.open(url, "_blank")
     },
     data.customContent,
-    data.badges && /* @__PURE__ */ React3__default.createElement(BadgeList, { badges: data.badges }),
-    data.stats && /* @__PURE__ */ React3__default.createElement(StatList, { stats: data.stats })
+    data.badges && /* @__PURE__ */ React37__default.createElement(BadgeList, { badges: data.badges }),
+    data.stats && /* @__PURE__ */ React37__default.createElement(StatList, { stats: data.stats })
   ));
 };
-var ProfileButton_default = ProfileButton;
 var AutoOpenModal = ({
   data,
   delay = 500,
@@ -2122,7 +2328,7 @@ var AutoOpenModal = ({
       window.open(`tel:${value}`);
     }
   };
-  return /* @__PURE__ */ React3__default.createElement(
+  return /* @__PURE__ */ React37__default.createElement(
     ProfileModal_default,
     {
       isOpen: isModalOpen,
@@ -2132,11 +2338,299 @@ var AutoOpenModal = ({
       onContactClick: handleContactClick,
       onSocialLinkClick: (url) => window.open(url, "_blank")
     },
-    data.badges && /* @__PURE__ */ React3__default.createElement(BadgeList, { badges: data.badges }),
-    data.stats && /* @__PURE__ */ React3__default.createElement(StatList, { stats: data.stats })
+    data.badges && /* @__PURE__ */ React37__default.createElement(BadgeList, { badges: data.badges }),
+    data.stats && /* @__PURE__ */ React37__default.createElement(StatList, { stats: data.stats })
   );
 };
-var AutoOpenModal_default = AutoOpenModal;
+var sizeMap = {
+  small: "h-8 w-8",
+  medium: "h-12 w-12",
+  large: "h-16 w-16"
+};
+var moodColors = {
+  online: "bg-green-500",
+  offline: "bg-gray-500",
+  away: "bg-yellow-500"
+};
+var EnhancedAvatar = ({
+  src,
+  name,
+  size = "medium",
+  mood = "online",
+  statusText,
+  onClick,
+  className
+}) => {
+  const sizeClass = typeof size === "string" ? sizeMap[size] : "";
+  const customSizeStyle = typeof size === "number" ? { width: size, height: size } : {};
+  return /* @__PURE__ */ React37__default.createElement("div", { className: cn("relative inline-block", className), onClick }, /* @__PURE__ */ React37__default.createElement(Avatar, { className: cn(sizeClass, onClick && "cursor-pointer hover:ring-2 hover:ring-blue-500 transition-all"), style: customSizeStyle }, src && /* @__PURE__ */ React37__default.createElement(AvatarImage, { src, alt: name || "Avatar", className: "object-cover" }), /* @__PURE__ */ React37__default.createElement(AvatarFallback, { className: "bg-primary/10 text-primary-foreground" }, name ? name.substring(0, 2).toUpperCase() : "??")), mood && /* @__PURE__ */ React37__default.createElement(
+    "div",
+    {
+      className: cn(
+        "absolute bottom-0 right-0 rounded-full border-2 border-white",
+        moodColors[mood],
+        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__ */ React37__default.createElement("div", { className: "absolute -bottom-6 left-1/2 transform -translate-x-1/2 whitespace-nowrap" }, /* @__PURE__ */ React37__default.createElement("span", { className: "text-xs text-muted-foreground" }, statusText)));
+};
+var About = ({
+  timelineConfig,
+  collisionBallsConfig
+}) => {
+  return /* @__PURE__ */ React37__default.createElement("section", { id: "about", className: "py-16 bg-white" }, /* @__PURE__ */ React37__default.createElement("div", { className: "container mx-auto px-4" }, /* @__PURE__ */ React37__default.createElement("h2", { className: "text-3xl font-bold text-center mb-12" }, "\u5173\u4E8E\u6211"), /* @__PURE__ */ React37__default.createElement("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-12" }, /* @__PURE__ */ React37__default.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6" }, /* @__PURE__ */ React37__default.createElement("h3", { className: "text-2xl font-semibold mb-6" }, "\u4E2A\u4EBA\u7ECF\u5386"), /* @__PURE__ */ React37__default.createElement(Timeline, { items: timelineConfig.items })), /* @__PURE__ */ React37__default.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6" }, /* @__PURE__ */ React37__default.createElement("h3", { className: "text-2xl font-semibold mb-6" }, "\u6280\u80FD\u5C55\u793A"), /* @__PURE__ */ React37__default.createElement("div", { style: { height: "400px", position: "relative" } }, /* @__PURE__ */ React37__default.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__ */ React37__default.createElement("section", { id: "contact", className: "py-16 bg-gray-50" }, /* @__PURE__ */ React37__default.createElement("div", { className: "max-w-4xl mx-auto px-4 sm:px-6 lg:px-8" }, /* @__PURE__ */ React37__default.createElement("div", { className: "text-center mb-12" }, /* @__PURE__ */ React37__default.createElement("h2", { className: "text-3xl font-bold text-gray-900 sm:text-4xl" }, "\u8054\u7CFB\u6211"), /* @__PURE__ */ React37__default.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__ */ React37__default.createElement("div", { className: "bg-white rounded-lg shadow-xl p-6 sm:p-8" }, /* @__PURE__ */ React37__default.createElement("form", { onSubmit: handleSubmit, className: "space-y-6" }, /* @__PURE__ */ React37__default.createElement("div", null, /* @__PURE__ */ React37__default.createElement("label", { htmlFor: "name", className: "block text-sm font-medium text-gray-700" }, "\u59D3\u540D"), /* @__PURE__ */ React37__default.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__ */ React37__default.createElement("div", null, /* @__PURE__ */ React37__default.createElement("label", { htmlFor: "email", className: "block text-sm font-medium text-gray-700" }, "\u90AE\u7BB1"), /* @__PURE__ */ React37__default.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__ */ React37__default.createElement("div", null, /* @__PURE__ */ React37__default.createElement("label", { htmlFor: "message", className: "block text-sm font-medium text-gray-700" }, "\u6D88\u606F"), /* @__PURE__ */ React37__default.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__ */ React37__default.createElement("div", { className: "flex items-center justify-end" }, /* @__PURE__ */ React37__default.createElement(
+    "button",
+    {
+      type: "submit",
+      disabled: isSubmitting,
+      className: `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__ */ React37__default.createElement("div", { className: "rounded-md bg-green-50 p-4" }, /* @__PURE__ */ React37__default.createElement("div", { className: "flex" }, /* @__PURE__ */ React37__default.createElement("div", { className: "flex-shrink-0" }, /* @__PURE__ */ React37__default.createElement("svg", { className: "h-5 w-5 text-green-400", viewBox: "0 0 20 20", fill: "currentColor" }, /* @__PURE__ */ React37__default.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__ */ React37__default.createElement("div", { className: "ml-3" }, /* @__PURE__ */ React37__default.createElement("p", { className: "text-sm font-medium text-green-800" }, "\u6D88\u606F\u5DF2\u6210\u529F\u53D1\u9001\uFF01")))), submitStatus === "error" && /* @__PURE__ */ React37__default.createElement("div", { className: "rounded-md bg-red-50 p-4" }, /* @__PURE__ */ React37__default.createElement("div", { className: "flex" }, /* @__PURE__ */ React37__default.createElement("div", { className: "flex-shrink-0" }, /* @__PURE__ */ React37__default.createElement("svg", { className: "h-5 w-5 text-red-400", viewBox: "0 0 20 20", fill: "currentColor" }, /* @__PURE__ */ React37__default.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__ */ React37__default.createElement("div", { className: "ml-3" }, /* @__PURE__ */ React37__default.createElement("p", { className: "text-sm font-medium text-red-800" }, "\u53D1\u9001\u5931\u8D25\uFF0C\u8BF7\u7A0D\u540E\u91CD\u8BD5")))))), /* @__PURE__ */ React37__default.createElement("div", { className: "mt-12 grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3" }, /* @__PURE__ */ React37__default.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6 text-center" }, /* @__PURE__ */ React37__default.createElement("div", { className: "text-blue-600 mb-4" }, /* @__PURE__ */ React37__default.createElement("svg", { className: "h-8 w-8 mx-auto", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React37__default.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__ */ React37__default.createElement("h3", { className: "text-lg font-medium text-gray-900" }, "\u90AE\u7BB1"), /* @__PURE__ */ React37__default.createElement("p", { className: "mt-2 text-gray-600" }, "your.email@example.com")), /* @__PURE__ */ React37__default.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6 text-center" }, /* @__PURE__ */ React37__default.createElement("div", { className: "text-blue-600 mb-4" }, /* @__PURE__ */ React37__default.createElement("svg", { className: "h-8 w-8 mx-auto", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React37__default.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__ */ React37__default.createElement("h3", { className: "text-lg font-medium text-gray-900" }, "\u7535\u8BDD"), /* @__PURE__ */ React37__default.createElement("p", { className: "mt-2 text-gray-600" }, "+86 123 4567 8900")), /* @__PURE__ */ React37__default.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6 text-center" }, /* @__PURE__ */ React37__default.createElement("div", { className: "text-blue-600 mb-4" }, /* @__PURE__ */ React37__default.createElement("svg", { className: "h-8 w-8 mx-auto", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React37__default.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__ */ React37__default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M15 11a3 3 0 11-6 0 3 3 0 016 0z" }))), /* @__PURE__ */ React37__default.createElement("h3", { className: "text-lg font-medium text-gray-900" }, "\u5730\u5740"), /* @__PURE__ */ React37__default.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__ */ React37__default.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__ */ React37__default.createElement("div", { className: "container mx-auto px-4" }, /* @__PURE__ */ React37__default.createElement("div", { className: "flex flex-col md:flex-row items-center gap-12" }, /* @__PURE__ */ React37__default.createElement("div", { className: "flex-1 text-center md:text-left" }, /* @__PURE__ */ React37__default.createElement("h1", { className: "text-4xl md:text-6xl font-bold mb-6 text-gray-900" }, /* @__PURE__ */ React37__default.createElement("span", { className: "inline-block" }, displayText), /* @__PURE__ */ React37__default.createElement("span", { className: "animate-pulse ml-1 text-blue-500" }, "|")), /* @__PURE__ */ React37__default.createElement("p", { className: "text-xl md:text-2xl text-gray-600 mb-8" }, subtitle), /* @__PURE__ */ React37__default.createElement("div", { className: "flex flex-wrap gap-4 justify-center md:justify-start" }, buttons.map((button) => /* @__PURE__ */ React37__default.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__ */ React37__default.createElement("div", { className: "flex-1" }, /* @__PURE__ */ React37__default.createElement("div", { className: "relative group" }, /* @__PURE__ */ React37__default.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__ */ React37__default.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__ */ React37__default.createElement(Link, { href, className: cn("block group", className) }, /* @__PURE__ */ React37__default.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__ */ React37__default.createElement("div", { className: "p-6" }, /* @__PURE__ */ React37__default.createElement("div", { className: "flex items-start justify-between mb-4" }, /* @__PURE__ */ React37__default.createElement("h3", { className: "text-xl font-semibold text-gray-900 flex-1 pr-4 leading-tight" }, title), /* @__PURE__ */ React37__default.createElement("div", { className: "flex flex-col gap-2 flex-shrink-0" }, /* @__PURE__ */ React37__default.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__ */ React37__default.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__ */ React37__default.createElement("p", { className: "text-gray-600 mb-4" }, description), updatedAt && /* @__PURE__ */ React37__default.createElement("div", { className: "flex items-center gap-1 mb-3 text-xs text-gray-500" }, /* @__PURE__ */ React37__default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-4 w-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" }, /* @__PURE__ */ React37__default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" })), /* @__PURE__ */ React37__default.createElement("span", null, "\u66F4\u65B0\u4E8E: ", formatDate(updatedAt)), createdAt && createdAt !== updatedAt && /* @__PURE__ */ React37__default.createElement("span", { className: "ml-2 text-gray-400" }, "\u521B\u5EFA\u4E8E: ", formatDate(createdAt))), /* @__PURE__ */ React37__default.createElement("div", { className: "flex flex-wrap gap-2" }, tags.map((tag) => /* @__PURE__ */ React37__default.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__ */ React37__default.createElement("section", { id: "projects", className: cn("py-16 bg-gray-50", className) }, /* @__PURE__ */ React37__default.createElement("div", { className: "container mx-auto px-4" }, /* @__PURE__ */ React37__default.createElement("h2", { className: "text-3xl font-bold text-center mb-12 text-gray-900" }, "\u9879\u76EE\u5C55\u793A"), /* @__PURE__ */ React37__default.createElement("div", { className: "relative max-w-4xl mx-auto" }, /* @__PURE__ */ React37__default.createElement("div", { className: "relative h-[400px] overflow-hidden rounded-lg shadow-xl" }, projects.map((project, index) => /* @__PURE__ */ React37__default.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__ */ React37__default.createElement(
+      ExperimentCard,
+      {
+        href: project.link || "#",
+        title: project.title,
+        description: project.description,
+        tags: project.tags,
+        category: "utility"
+      }
+    )
+  ))), /* @__PURE__ */ React37__default.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__ */ React37__default.createElement(
+      "svg",
+      {
+        className: "w-6 h-6 text-gray-600",
+        fill: "none",
+        stroke: "currentColor",
+        viewBox: "0 0 24 24"
+      },
+      /* @__PURE__ */ React37__default.createElement(
+        "path",
+        {
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: 2,
+          d: "M15 19l-7-7 7-7"
+        }
+      )
+    )
+  ), /* @__PURE__ */ React37__default.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__ */ React37__default.createElement(
+      "svg",
+      {
+        className: "w-6 h-6 text-gray-600",
+        fill: "none",
+        stroke: "currentColor",
+        viewBox: "0 0 24 24"
+      },
+      /* @__PURE__ */ React37__default.createElement(
+        "path",
+        {
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: 2,
+          d: "M9 5l7 7-7 7"
+        }
+      )
+    )
+  ), /* @__PURE__ */ React37__default.createElement("div", { className: "absolute bottom-4 left-1/2 transform -translate-x-1/2 flex space-x-2 z-10" }, projects.map((_, index) => /* @__PURE__ */ React37__default.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,
@@ -2158,7 +2652,7 @@ var NavigationItemComponent = ({
     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__ */ React3__default.createElement(
+  return /* @__PURE__ */ React37__default.createElement(
     "a",
     {
       href: item.href,
@@ -2167,9 +2661,9 @@ var NavigationItemComponent = ({
       rel: item.isExternal ? "noopener noreferrer" : void 0,
       className: getItemClasses()
     },
-    item.icon && /* @__PURE__ */ React3__default.createElement("span", { className: "flex-shrink-0" }, item.icon),
-    /* @__PURE__ */ React3__default.createElement("span", { className: `font-medium ${direction === "vertical" ? "text-sm" : "text-xs"}` }, item.label),
-    item.isExternal && /* @__PURE__ */ React3__default.createElement(
+    item.icon && /* @__PURE__ */ React37__default.createElement("span", { className: "flex-shrink-0" }, item.icon),
+    /* @__PURE__ */ React37__default.createElement("span", { className: `font-medium ${direction === "vertical" ? "text-sm" : "text-xs"}` }, item.label),
+    item.isExternal && /* @__PURE__ */ React37__default.createElement(
       "svg",
       {
         className: "w-3 h-3 opacity-60 group-hover:opacity-100 transition-opacity",
@@ -2177,7 +2671,7 @@ var NavigationItemComponent = ({
         stroke: "currentColor",
         viewBox: "0 0 24 24"
       },
-      /* @__PURE__ */ React3__default.createElement(
+      /* @__PURE__ */ React37__default.createElement(
         "path",
         {
           strokeLinecap: "round",
@@ -2187,12 +2681,12 @@ var NavigationItemComponent = ({
         }
       )
     ),
-    direction === "vertical" && isActive && /* @__PURE__ */ React3__default.createElement("div", { className: "absolute left-1 top-1/2 transform -translate-y-1/2 w-1 h-6 bg-white rounded-full" })
+    direction === "vertical" && isActive && /* @__PURE__ */ React37__default.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;
 
-// src/components/navigation/Navigation.tsx
+// src/features/navigation/Navigation.tsx
 var Navigation = ({
   config,
   isOpen,
@@ -2247,14 +2741,14 @@ var Navigation = ({
     onItemClick?.(item);
   };
   if (!isOpen) return null;
-  return /* @__PURE__ */ React3__default.createElement("nav", { className: `${getContainerClasses()} ${className}` }, /* @__PURE__ */ React3__default.createElement("div", { className: getContentClasses() }, logo && /* @__PURE__ */ React3__default.createElement("div", { className: "flex items-center justify-center mb-4" }, /* @__PURE__ */ React3__default.createElement(
+  return /* @__PURE__ */ React37__default.createElement("nav", { className: `${getContainerClasses()} ${className}` }, /* @__PURE__ */ React37__default.createElement("div", { className: getContentClasses() }, logo && /* @__PURE__ */ React37__default.createElement("div", { className: "flex items-center justify-center mb-4" }, /* @__PURE__ */ React37__default.createElement(
     "img",
     {
       src: logo.src,
       alt: logo.alt || "Logo",
       className: "h-8 w-auto"
     }
-  )), direction === "vertical" && /* @__PURE__ */ React3__default.createElement("div", { className: "h-12 flex-shrink-0" }), /* @__PURE__ */ React3__default.createElement("div", { className: getItemsListClasses() }, items.map((item) => /* @__PURE__ */ React3__default.createElement(
+  )), direction === "vertical" && /* @__PURE__ */ React37__default.createElement("div", { className: "h-12 flex-shrink-0" }), /* @__PURE__ */ React37__default.createElement("div", { className: getItemsListClasses() }, items.map((item) => /* @__PURE__ */ React37__default.createElement(
     NavigationItem_default,
     {
       key: item.id,
@@ -2263,14 +2757,14 @@ var Navigation = ({
       isActive: activeItemId === item.id,
       onClick: handleItemClick
     }
-  ))), avatar && direction === "vertical" && /* @__PURE__ */ React3__default.createElement("div", { className: "flex items-center justify-center mt-auto pt-4" }, /* @__PURE__ */ React3__default.createElement(
+  ))), avatar && direction === "vertical" && /* @__PURE__ */ React37__default.createElement("div", { className: "flex items-center justify-center mt-auto pt-4" }, /* @__PURE__ */ React37__default.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__ */ React3__default.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ React3__default.createElement(
+  )), avatar && direction === "horizontal" && /* @__PURE__ */ React37__default.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ React37__default.createElement(
     "img",
     {
       src: avatar.src,
@@ -2299,7 +2793,7 @@ var NavigationToggle = ({
         return "top-4 left-4";
     }
   };
-  return /* @__PURE__ */ React3__default.createElement(
+  return /* @__PURE__ */ React37__default.createElement(
     "button",
     {
       onClick,
@@ -2315,7 +2809,7 @@ var NavigationToggle = ({
       `,
       "aria-label": isOpen ? "\u5173\u95ED\u5BFC\u822A\u680F" : "\u6253\u5F00\u5BFC\u822A\u680F"
     },
-    /* @__PURE__ */ React3__default.createElement("div", { className: "w-5 h-5 flex flex-col justify-center items-center" }, /* @__PURE__ */ React3__default.createElement(
+    /* @__PURE__ */ React37__default.createElement("div", { className: "w-5 h-5 flex flex-col justify-center items-center" }, /* @__PURE__ */ React37__default.createElement(
       "span",
       {
         className: `
@@ -2324,7 +2818,7 @@ var NavigationToggle = ({
             ${isOpen ? "rotate-45 translate-y-0.5" : ""}
           `
       }
-    ), /* @__PURE__ */ React3__default.createElement(
+    ), /* @__PURE__ */ React37__default.createElement(
       "span",
       {
         className: `
@@ -2333,7 +2827,7 @@ var NavigationToggle = ({
             ${isOpen ? "opacity-0 scale-0" : "opacity-100 scale-100"}
           `
       }
-    ), /* @__PURE__ */ React3__default.createElement(
+    ), /* @__PURE__ */ React37__default.createElement(
       "span",
       {
         className: `
@@ -2482,7 +2976,7 @@ var FloatingMenu = ({
   }, [mounted]);
   if (!mounted) return null;
   return createPortal(
-    /* @__PURE__ */ React3__default.createElement(
+    /* @__PURE__ */ React37__default.createElement(
       "div",
       {
         ref: containerRef,
@@ -2493,7 +2987,7 @@ var FloatingMenu = ({
           zIndex
         }
       },
-      /* @__PURE__ */ React3__default.createElement(
+      /* @__PURE__ */ React37__default.createElement(
         "div",
         {
           className: `
@@ -2511,7 +3005,7 @@ var FloatingMenu = ({
         },
         trigger
       ),
-      isMenuOpen && /* @__PURE__ */ React3__default.createElement(
+      isMenuOpen && /* @__PURE__ */ React37__default.createElement(
         "div",
         {
           className: `
@@ -2540,77 +3034,58 @@ var FloatingMenu = ({
   );
 };
 var FloatingMenu_default = FloatingMenu;
-function buildGridColsClasses(columns) {
-  return [
-    "grid-cols-1",
-    // 默认单列
-    columns.sm ? `sm:grid-cols-${columns.sm}` : "",
-    columns.md ? `md:grid-cols-${columns.md}` : "md:grid-cols-2",
-    columns.lg ? `lg:grid-cols-${columns.lg}` : "lg:grid-cols-3",
-    columns.xl ? `xl:grid-cols-${columns.xl}` : ""
-  ].filter(Boolean).join(" ");
-}
-function getGapClassName(gap) {
-  const gapClasses = {
-    sm: "gap-3",
-    md: "gap-6",
-    lg: "gap-8",
-    xl: "gap-10"
-  };
-  return gapClasses[gap];
-}
-function Grid({
-  items,
-  renderItem,
-  columns = { md: 2, lg: 3 },
-  gap = "md",
-  className = "",
-  style
-}) {
-  const gridColsClasses = buildGridColsClasses(columns);
-  const gapClass = getGapClassName(gap);
-  return /* @__PURE__ */ React3__default.createElement(
-    "div",
-    {
-      className: `grid ${gridColsClasses} ${gapClass} ${className}`.trim(),
-      style
-    },
-    items.map((item, index) => /* @__PURE__ */ React3__default.createElement("div", { key: item.id }, renderItem(item, index)))
-  );
-}
-var Avatar3 = ({
-  src,
-  size = "medium",
-  mood = "online",
-  statusText,
-  onClick
-}) => {
-  const sizeClasses = {
-    small: "w-8 h-8",
-    medium: "w-12 h-12",
-    large: "w-16 h-16"
-  };
-  const moodColors = {
-    online: "bg-green-500",
-    offline: "bg-gray-500",
-    away: "bg-yellow-500"
+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__ */ React3__default.createElement("div", { className: "relative inline-block", onClick }, /* @__PURE__ */ React3__default.createElement(
-    "img",
+  return /* @__PURE__ */ React37__default.createElement("div", { className: "w-full h-screen bg-gray-100 relative p-8" }, /* @__PURE__ */ React37__default.createElement("div", { className: "max-w-2xl mx-auto bg-white rounded-2xl shadow-sm p-8 mt-12" }, /* @__PURE__ */ React37__default.createElement("h1", { className: "text-3xl font-bold mb-4 text-gray-900" }, "\u60AC\u6D6E\u83DC\u5355\u793A\u4F8B"), /* @__PURE__ */ React37__default.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__ */ React37__default.createElement("span", { className: "font-bold text-blue-600" }, "\u84DD\u8272\u6309\u94AE"), " \u5230\u5904\u79FB\u52A8\u3002"), /* @__PURE__ */ React37__default.createElement("div", { className: "bg-blue-50 border-l-4 border-blue-500 p-4 mb-6" }, /* @__PURE__ */ React37__default.createElement("p", { className: "text-sm text-blue-700" }, /* @__PURE__ */ React37__default.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__ */ React37__default.createElement(
+    FloatingMenu_default,
     {
-      src: src || "/images/avatar.jpg",
-      alt: "User Avatar",
-      className: `${sizeClasses[size]} rounded-full object-cover border-2 border-white shadow-md cursor-pointer hover:ring-2 hover:ring-blue-500 transition-all duration-200`
+      trigger: /* @__PURE__ */ React37__default.createElement("div", { className: "w-12 h-12 bg-blue-600 rounded-full flex items-center justify-center text-white shadow-lg cursor-pointer" }, /* @__PURE__ */ React37__default.createElement("span", { className: "text-xl" }, "\u2795")),
+      menu: /* @__PURE__ */ React37__default.createElement("div", { className: "w-48 bg-white rounded-xl shadow-xl border border-gray-100 overflow-hidden" }, /* @__PURE__ */ React37__default.createElement("div", { className: "px-4 py-3 border-b border-gray-100" }, /* @__PURE__ */ React37__default.createElement("h3", { className: "text-sm font-bold text-gray-900" }, "\u5FEB\u6377\u83DC\u5355")), /* @__PURE__ */ React37__default.createElement("ul", { className: "py-1" }, menuItems.map((item) => /* @__PURE__ */ React37__default.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__ */ React37__default.createElement("span", { className: "text-lg" }, item.icon),
+        /* @__PURE__ */ React37__default.createElement("span", { className: "font-medium" }, item.label)
+      )))),
+      initialPosition: { x: 100, y: 100 }
     }
-  ), /* @__PURE__ */ React3__default.createElement(
-    "div",
+  ), windowWidth > 0 && /* @__PURE__ */ React37__default.createElement(
+    FloatingMenu_default,
     {
-      className: `absolute bottom-0 right-0 w-3 h-3 rounded-full border-2 border-white ${moodColors[mood]}`
+      trigger: /* @__PURE__ */ React37__default.createElement("div", { className: "w-12 h-12 bg-purple-600 rounded-full flex items-center justify-center text-white shadow-lg cursor-pointer" }, /* @__PURE__ */ React37__default.createElement("span", { className: "text-xl" }, "\u{1F50D}")),
+      menu: /* @__PURE__ */ React37__default.createElement("div", { className: "w-64 bg-white rounded-xl shadow-xl border border-gray-100 p-4" }, /* @__PURE__ */ React37__default.createElement("h3", { className: "text-sm font-bold text-gray-900 mb-3" }, "\u5FEB\u901F\u641C\u7D22"), /* @__PURE__ */ React37__default.createElement("div", { className: "space-y-3" }, /* @__PURE__ */ React37__default.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__ */ React37__default.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 }
     }
-  ), statusText && /* @__PURE__ */ React3__default.createElement("div", { className: "absolute -bottom-6 left-1/2 transform -translate-x-1/2 whitespace-nowrap" }, /* @__PURE__ */ React3__default.createElement("span", { className: "text-xs text-gray-600" }, statusText)));
+  ));
 };
-var Avatar_default = Avatar3;
+var FloatingMenuExample_default = FloatingMenuExample;
 
-export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AutoOpenModal_default as AutoOpenModal, Avatar_default as Avatar, AvatarFallback, AvatarImage, BackgroundRemover, Badge, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CollisionBalls_default as CollisionBalls, 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, FloatingMenu_default as FloatingMenu, Grid, Input, Label, Navigation_default as Navigation, NavigationItem_default as NavigationItem, NavigationToggle_default as NavigationToggle, OCRScanner, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, ProfileButton_default as ProfileButton, ProfileModal_default as ProfileModal, Progress, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SentimentAnalyzer, Separator3 as Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SmartAssistant, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Timeline_default as Timeline, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buildGridColsClasses, buttonVariants, getGapClassName, useBackgroundRemoval, useOCR, useSentimentAnalysis, useTextGeneration };
+export { About_default as About, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AutoOpenModal, Avatar, AvatarFallback, AvatarImage, BackButton, BackgroundRemover, Badge, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CollisionBalls, Contact_default as Contact, 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, EnhancedAvatar, ExperimentCard, FilterButtonGroup, FloatingMenu_default as FloatingMenu, FloatingMenuExample_default as FloatingMenuExample, GenericOrderManager, Grid, Home_default as Home, Input, Label, Navigation_default as Navigation, NavigationItem_default as NavigationItem, NavigationToggle_default as NavigationToggle, OCRScanner, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, ProfileButton, ProfileModal, Progress, ProjectCarousel, ScrollArea, ScrollBar, SearchResultHint, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SentimentAnalyzer, Separator3 as Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SmartAssistant, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Timeline, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, useBackgroundRemoval, useOCR, useSentimentAnalysis, useTextGeneration };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map