sa2kit 1.6.6 → 1.6.7

package/dist/index.mjs

@@ -5,10 +5,10 @@ export { useAsyncStorage, useElectronStorage, useLocalStorage, useStorage, useTa
 import './chunk-OLHGZXN3.mjs';
 export { ConsoleLoggerAdapter, LogLevel, Logger, createLogger, logger } from './chunk-KQGP6BTS.mjs';
 import './chunk-BJTO5JO5.mjs';
-import * as React33 from 'react';
-import React33__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,6 +23,8 @@ 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 { useRouter } from 'next/navigation';
+import Link from 'next/link';
 import { createPortal } from 'react-dom';
 
 var useOCR = (options = {}) => {
@@ -152,43 +154,43 @@ var OCRScanner = ({
       handleFileChange(mockEvent);
     }
   };
-  return /* @__PURE__ */ React33__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__ */ React33__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__ */ React33__default.createElement("div", { className: "p-4 bg-blue-50 rounded-full text-blue-500" }, /* @__PURE__ */ React33__default.createElement(Upload, { size: 32 })),
-      /* @__PURE__ */ React33__default.createElement("div", { className: "text-center" }, /* @__PURE__ */ React33__default.createElement("p", { className: "text-lg font-medium text-gray-700" }, "\u70B9\u51FB\u6216\u62D6\u62FD\u56FE\u7247\u8FDB\u884C OCR \u8BC6\u522B"), /* @__PURE__ */ React33__default.createElement("p", { className: "text-sm text-gray-500" }, "\u652F\u6301 JPG, PNG, WebP"))
-    ) : /* @__PURE__ */ React33__default.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React33__default.createElement("div", { className: "relative group rounded-lg overflow-hidden border border-gray-200" }, /* @__PURE__ */ React33__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__ */ React33__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__ */ React33__default.createElement(X, { size: 18 })
-    ), isProcessing && /* @__PURE__ */ React33__default.createElement("div", { className: "absolute inset-0 flex flex-col items-center justify-center bg-black/5" }, /* @__PURE__ */ React33__default.createElement(Loader2, { className: "animate-spin text-blue-500 mb-2", size: 32 }), /* @__PURE__ */ React33__default.createElement("div", { className: "w-48 bg-gray-200 rounded-full h-1.5 overflow-hidden" }, /* @__PURE__ */ React33__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__ */ React33__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__ */ React33__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__ */ React33__default.createElement("div", { className: "flex items-center gap-2 mb-2 text-gray-600 font-medium" }, /* @__PURE__ */ React33__default.createElement(FileText, { size: 18 }), /* @__PURE__ */ React33__default.createElement("span", null, "\u8BC6\u522B\u7ED3\u679C (\u7F6E\u4FE1\u5EA6: ", Math.round(result.confidence), "%)")), /* @__PURE__ */ React33__default.createElement("pre", { className: "text-sm text-gray-800 whitespace-pre-wrap font-sans" }, result.text)), error && /* @__PURE__ */ React33__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__ */ React33__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__ */ React33__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__ */ React33__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__ */ React33__default.createElement("div", { className: "p-4 bg-purple-50 rounded-full text-purple-500" }, /* @__PURE__ */ React33__default.createElement(Eraser, { size: 32 })),
-    /* @__PURE__ */ React33__default.createElement("div", { className: "text-center" }, /* @__PURE__ */ React33__default.createElement("p", { className: "text-lg font-medium text-gray-700" }, "\u4E0A\u4F20\u56FE\u7247\u79FB\u9664\u80CC\u666F"), /* @__PURE__ */ React33__default.createElement("p", { className: "text-sm text-gray-500" }, "\u5EFA\u8BAE\u4F7F\u7528\u4E3B\u4F53\u660E\u786E\u7684\u56FE\u7247"))
-  ) : /* @__PURE__ */ React33__default.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React33__default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ React33__default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React33__default.createElement("p", { className: "text-xs font-medium text-gray-500 uppercase tracking-wider" }, "\u539F\u56FE"), /* @__PURE__ */ React33__default.createElement("div", { className: "relative rounded-lg overflow-hidden border border-gray-200 bg-gray-50" }, /* @__PURE__ */ React33__default.createElement("img", { src: imagePreview, alt: "Original", className: "max-h-64 mx-auto object-contain" }))), /* @__PURE__ */ React33__default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React33__default.createElement("p", { className: "text-xs font-medium text-gray-500 uppercase tracking-wider" }, "\u5904\u7406\u7ED3\u679C"), /* @__PURE__ */ React33__default.createElement("div", { className: "relative rounded-lg overflow-hidden border border-gray-200 bg-grid-slate-100 bg-[size:20px_20px]" }, resultUrl ? /* @__PURE__ */ React33__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__ */ React33__default.createElement("div", { className: "h-64 flex flex-col items-center justify-center text-gray-400" }, isProcessing ? /* @__PURE__ */ React33__default.createElement(React33__default.Fragment, null, /* @__PURE__ */ React33__default.createElement(Loader2, { className: "animate-spin text-purple-500 mb-2", size: 32 }), /* @__PURE__ */ React33__default.createElement("div", { className: "w-32 bg-gray-200 rounded-full h-1.5 overflow-hidden" }, /* @__PURE__ */ React33__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__ */ React33__default.createElement("p", { className: "text-[10px] mt-2 font-mono uppercase" }, status.replace(/-/g, " "))) : /* @__PURE__ */ React33__default.createElement("span", { className: "text-sm italic" }, "\u7B49\u5F85\u5904\u7406..."))))), /* @__PURE__ */ React33__default.createElement("div", { className: "flex justify-between items-center pt-2" }, !isProcessing && /* @__PURE__ */ React33__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__ */ React33__default.createElement(X, { size: 16 }),
+    /* @__PURE__ */ React37__default.createElement(X, { size: 16 }),
     "\u91CD\u65B0\u5F00\u59CB"
-  ), resultUrl && !isProcessing && /* @__PURE__ */ React33__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__ */ React33__default.createElement(Download, { size: 16 }),
+    /* @__PURE__ */ React37__default.createElement(Download, { size: 16 }),
     "\u4E0B\u8F7D PNG"
-  )), error && /* @__PURE__ */ React33__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__ */ React33__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__ */ React33__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__ */ React33__default.createElement(Frown, { className: "text-red-500", size: 24 });
+        return /* @__PURE__ */ React37__default.createElement(Frown, { className: "text-red-500", size: 24 });
       default:
-        return /* @__PURE__ */ React33__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__ */ React33__default.createElement("div", { className: `p-6 border rounded-xl bg-white dark:bg-gray-800 shadow-sm ${className}` }, /* @__PURE__ */ React33__default.createElement("div", { className: "flex items-center gap-2 mb-4 text-gray-700 dark:text-gray-300 font-medium" }, /* @__PURE__ */ React33__default.createElement(MessageSquare, { size: 20 }), /* @__PURE__ */ React33__default.createElement("span", null, "\u6587\u672C\u60C5\u611F\u5206\u6790")), /* @__PURE__ */ React33__default.createElement("div", { className: "relative" }, /* @__PURE__ */ React33__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__ */ React33__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__ */ React33__default.createElement(Loader2, { className: "animate-spin", size: 18 }) : /* @__PURE__ */ React33__default.createElement(Send, { size: 18 })
-  )), isProcessing && /* @__PURE__ */ React33__default.createElement("div", { className: "mt-4 flex items-center gap-2 text-sm text-blue-600 animate-pulse" }, /* @__PURE__ */ React33__default.createElement(Loader2, { size: 14, className: "animate-spin" }), /* @__PURE__ */ React33__default.createElement("span", null, "\u6B63\u5728\u5206\u6790 (\u9996\u6B21\u8FD0\u884C\u5C06\u52A0\u8F7D\u6A21\u578B\u8D44\u6E90)...")), result && !isProcessing && /* @__PURE__ */ React33__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__ */ React33__default.createElement("div", { className: "p-2 bg-white rounded-full shadow-sm" }, getSentimentIcon()), /* @__PURE__ */ React33__default.createElement("div", null, /* @__PURE__ */ React33__default.createElement("p", { className: "font-bold text-lg capitalize" }, result.sentiment), /* @__PURE__ */ React33__default.createElement("p", { className: "text-sm opacity-80" }, "\u7F6E\u4FE1\u5EA6: ", (result.score * 100).toFixed(1), "% (", result.label, ")"))), error && /* @__PURE__ */ React33__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__ */ React33__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__ */ React33__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__ */ React33__default.createElement("div", { className: "h-full flex flex-col items-center justify-center text-gray-400 space-y-2" }, /* @__PURE__ */ React33__default.createElement(Bot, { size: 48, className: "opacity-20" }), /* @__PURE__ */ React33__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__ */ React33__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__ */ React33__default.createElement("div", { key: i, className: `flex ${msg.role === "user" ? "justify-end" : "justify-start"} animate-in fade-in slide-in-from-bottom-2` }, /* @__PURE__ */ React33__default.createElement("div", { className: `flex gap-3 max-w-[85%] ${msg.role === "user" ? "flex-row-reverse" : ""}` }, /* @__PURE__ */ React33__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__ */ React33__default.createElement(User, { size: 18 }) : /* @__PURE__ */ React33__default.createElement(Bot, { size: 18 })), /* @__PURE__ */ React33__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__ */ React33__default.createElement("div", { className: "flex justify-start" }, /* @__PURE__ */ React33__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__ */ React33__default.createElement(Loader2, { className: "animate-spin text-blue-500", size: 16 }), /* @__PURE__ */ React33__default.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React33__default.createElement("span", { className: "text-xs text-gray-500 font-medium" }, "\u601D\u8003\u4E2D..."), /* @__PURE__ */ React33__default.createElement("span", { className: "text-[10px] text-blue-400 font-mono tracking-tighter" }, genStatus))))), /* @__PURE__ */ React33__default.createElement("div", { className: "p-4 bg-white dark:bg-gray-800 border-t border-gray-100 dark:border-gray-700" }, /* @__PURE__ */ React33__default.createElement("div", { className: "relative flex items-center gap-2" }, /* @__PURE__ */ React33__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__ */ React33__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__ */ React33__default.createElement(Send, { size: 18 })
+    /* @__PURE__ */ React37__default.createElement(Send, { size: 18 })
   ))));
 };
 var buttonVariants = cva(
@@ -706,10 +708,10 @@ var buttonVariants = cva(
     }
   }
 );
-var Button = React33.forwardRef(
+var Button = React37.forwardRef(
   ({ className, variant, size, asChild = false, ...props }, ref) => {
     const Comp = asChild ? Slot : "button";
-    return /* @__PURE__ */ React33.createElement(
+    return /* @__PURE__ */ React37.createElement(
       Comp,
       {
         className: cn(buttonVariants({ variant, size, className })),
@@ -720,7 +722,7 @@ var Button = React33.forwardRef(
   }
 );
 Button.displayName = "Button";
-var Card = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33.createElement(
+var Card = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37.createElement(
   "div",
   {
     ref,
@@ -732,7 +734,7 @@ var Card = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ));
 Card.displayName = "Card";
-var CardHeader = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33.createElement(
+var CardHeader = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37.createElement(
   "div",
   {
     ref,
@@ -741,7 +743,7 @@ var CardHeader = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 CardHeader.displayName = "CardHeader";
-var CardTitle = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33.createElement(
+var CardTitle = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37.createElement(
   "div",
   {
     ref,
@@ -750,7 +752,7 @@ var CardTitle = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 CardTitle.displayName = "CardTitle";
-var CardDescription = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33.createElement(
+var CardDescription = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37.createElement(
   "div",
   {
     ref,
@@ -759,9 +761,9 @@ var CardDescription = React33.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 CardDescription.displayName = "CardDescription";
-var CardContent = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33.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 = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33.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__ */ React33.createElement("div", { className: cn(badgeVariants({ variant }), className), ...props });
+  return /* @__PURE__ */ React37.createElement("div", { className: cn(badgeVariants({ variant }), className), ...props });
 }
-var Input = React33.forwardRef(
+var Input = React37.forwardRef(
   ({ className, type, ...props }, ref) => {
-    return /* @__PURE__ */ React33.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 = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33.createElement(
+var Label = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37.createElement(
   LabelPrimitive.Root,
   {
     ref,
@@ -819,7 +821,7 @@ var Label = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
 ));
 Label.displayName = LabelPrimitive.Root.displayName;
 var Tabs = TabsPrimitive.Root;
-var TabsList = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33.createElement(
+var TabsList = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37.createElement(
   TabsPrimitive.List,
   {
     ref,
@@ -831,7 +833,7 @@ var TabsList = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33.createElement(
+var TabsTrigger = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37.createElement(
   TabsPrimitive.Trigger,
   {
     ref,
@@ -843,7 +845,7 @@ var TabsTrigger = React33.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33.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 = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33.createElement(
+var DialogOverlay = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37.createElement(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -871,7 +873,7 @@ var DialogOverlay = React33.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContent = React33.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React33.createElement(DialogPortal, null, /* @__PURE__ */ React33.createElement(DialogOverlay, null), /* @__PURE__ */ React33.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 = React33.forwardRef(({ className, children, ...props }, ref)
     ...props
   },
   children,
-  /* @__PURE__ */ React33.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__ */ React33.createElement(X, { className: "h-4 w-4" }), /* @__PURE__ */ React33.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__ */ React33.createElement(
+}) => /* @__PURE__ */ React37.createElement(
   "div",
   {
     className: cn(
@@ -902,7 +904,7 @@ DialogHeader.displayName = "DialogHeader";
 var DialogFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ React33.createElement(
+}) => /* @__PURE__ */ React37.createElement(
   "div",
   {
     className: cn(
@@ -913,7 +915,7 @@ var DialogFooter = ({
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33.createElement(
+var DialogTitle = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37.createElement(
   DialogPrimitive.Title,
   {
     ref,
@@ -925,7 +927,7 @@ var DialogTitle = React33.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33.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 = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33.createElement(
+var AlertDialogOverlay = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37.createElement(
   AlertDialogPrimitive.Overlay,
   {
     className: cn(
@@ -949,7 +951,7 @@ var AlertDialogOverlay = React33.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
-var AlertDialogContent = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33.createElement(AlertDialogPortal, null, /* @__PURE__ */ React33.createElement(AlertDialogOverlay, null), /* @__PURE__ */ React33.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__ */ React33.createElement(
+}) => /* @__PURE__ */ React37.createElement(
   "div",
   {
     className: cn(
@@ -978,7 +980,7 @@ AlertDialogHeader.displayName = "AlertDialogHeader";
 var AlertDialogFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ React33.createElement(
+}) => /* @__PURE__ */ React37.createElement(
   "div",
   {
     className: cn(
@@ -989,7 +991,7 @@ var AlertDialogFooter = ({
   }
 );
 AlertDialogFooter.displayName = "AlertDialogFooter";
-var AlertDialogTitle = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33.createElement(
+var AlertDialogTitle = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37.createElement(
   AlertDialogPrimitive.Title,
   {
     ref,
@@ -998,7 +1000,7 @@ var AlertDialogTitle = React33.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
-var AlertDialogDescription = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33.createElement(
+var AlertDialogDescription = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37.createElement(
   AlertDialogPrimitive.Description,
   {
     ref,
@@ -1007,7 +1009,7 @@ var AlertDialogDescription = React33.forwardRef(({ className, ...props }, ref) =
   }
 ));
 AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
-var AlertDialogAction = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33.createElement(
+var AlertDialogAction = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37.createElement(
   AlertDialogPrimitive.Action,
   {
     ref,
@@ -1016,7 +1018,7 @@ var AlertDialogAction = React33.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
-var AlertDialogCancel = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33.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 = React33.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ React33.createElement(
+var DropdownMenuSubTrigger = React37.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ React37.createElement(
   DropdownMenuPrimitive.SubTrigger,
   {
     ref,
@@ -1047,10 +1049,10 @@ var DropdownMenuSubTrigger = React33.forwardRef(({ className, inset, children, .
     ...props
   },
   children,
-  /* @__PURE__ */ React33.createElement(ChevronRight, { className: "ml-auto" })
+  /* @__PURE__ */ React37.createElement(ChevronRight, { className: "ml-auto" })
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33.createElement(
+var DropdownMenuSubContent = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37.createElement(
   DropdownMenuPrimitive.SubContent,
   {
     ref,
@@ -1062,7 +1064,7 @@ var DropdownMenuSubContent = React33.forwardRef(({ className, ...props }, ref) =
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React33.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React33.createElement(DropdownMenuPrimitive.Portal, null, /* @__PURE__ */ React33.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 = React33.forwardRef(({ className, sideOffset = 4, ...pr
   }
 )));
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React33.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ React33.createElement(
+var DropdownMenuItem = React37.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ React37.createElement(
   DropdownMenuPrimitive.Item,
   {
     ref,
@@ -1089,7 +1091,7 @@ var DropdownMenuItem = React33.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React33.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ React33.createElement(
+var DropdownMenuCheckboxItem = React37.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ React37.createElement(
   DropdownMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -1100,11 +1102,11 @@ var DropdownMenuCheckboxItem = React33.forwardRef(({ className, children, checke
     checked,
     ...props
   },
-  /* @__PURE__ */ React33.createElement("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center" }, /* @__PURE__ */ React33.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React33.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 = React33.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React33.createElement(
+var DropdownMenuRadioItem = React37.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React37.createElement(
   DropdownMenuPrimitive.RadioItem,
   {
     ref,
@@ -1114,11 +1116,11 @@ var DropdownMenuRadioItem = React33.forwardRef(({ className, children, ...props
     ),
     ...props
   },
-  /* @__PURE__ */ React33.createElement("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center" }, /* @__PURE__ */ React33.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React33.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 = React33.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ React33.createElement(
+var DropdownMenuLabel = React37.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ React37.createElement(
   DropdownMenuPrimitive.Label,
   {
     ref,
@@ -1131,7 +1133,7 @@ var DropdownMenuLabel = React33.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33.createElement(
+var DropdownMenuSeparator = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37.createElement(
   DropdownMenuPrimitive.Separator,
   {
     ref,
@@ -1144,7 +1146,7 @@ var DropdownMenuShortcut = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ React33.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 = React33.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React33.createElement(PopoverPrimitive.Portal, null, /* @__PURE__ */ React33.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 = React33.forwardRef(({ className, align = "center", sideOffs
   }
 )));
 PopoverContent.displayName = PopoverPrimitive.Content.displayName;
-var Progress = React33.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ React33.createElement(
+var Progress = React37.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ React37.createElement(
   ProgressPrimitive.Root,
   {
     ref,
@@ -1180,7 +1182,7 @@ var Progress = React33.forwardRef(({ className, value, ...props }, ref) => /* @_
     ),
     ...props
   },
-  /* @__PURE__ */ React33.createElement(
+  /* @__PURE__ */ React37.createElement(
     ProgressPrimitive.Indicator,
     {
       className: "h-full w-full flex-1 bg-primary transition-all",
@@ -1189,19 +1191,19 @@ var Progress = React33.forwardRef(({ className, value, ...props }, ref) => /* @_
   )
 ));
 Progress.displayName = ProgressPrimitive.Root.displayName;
-var ScrollArea = React33.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React33.createElement(
+var ScrollArea = React37.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React37.createElement(
   ScrollAreaPrimitive.Root,
   {
     ref,
     className: cn("relative overflow-hidden", className),
     ...props
   },
-  /* @__PURE__ */ React33.createElement(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]" }, children),
-  /* @__PURE__ */ React33.createElement(ScrollBar, null),
-  /* @__PURE__ */ React33.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 = React33.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React33.createElement(
+var ScrollBar = React37.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React37.createElement(
   ScrollAreaPrimitive.ScrollAreaScrollbar,
   {
     ref,
@@ -1214,13 +1216,13 @@ var ScrollBar = React33.forwardRef(({ className, orientation = "vertical", ...pr
     ),
     ...props
   },
-  /* @__PURE__ */ React33.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 = React33.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React33.createElement(
+var SelectTrigger = React37.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React37.createElement(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -1231,10 +1233,10 @@ var SelectTrigger = React33.forwardRef(({ className, children, ...props }, ref)
     ...props
   },
   children,
-  /* @__PURE__ */ React33.createElement(SelectPrimitive.Icon, { asChild: true }, /* @__PURE__ */ React33.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 = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33.createElement(
+var SelectScrollUpButton = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37.createElement(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
@@ -1244,10 +1246,10 @@ var SelectScrollUpButton = React33.forwardRef(({ className, ...props }, ref) =>
     ),
     ...props
   },
-  /* @__PURE__ */ React33.createElement(ChevronUp, { className: "h-4 w-4" })
+  /* @__PURE__ */ React37.createElement(ChevronUp, { className: "h-4 w-4" })
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33.createElement(
+var SelectScrollDownButton = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37.createElement(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
@@ -1257,10 +1259,10 @@ var SelectScrollDownButton = React33.forwardRef(({ className, ...props }, ref) =
     ),
     ...props
   },
-  /* @__PURE__ */ React33.createElement(ChevronDown, { className: "h-4 w-4" })
+  /* @__PURE__ */ React37.createElement(ChevronDown, { className: "h-4 w-4" })
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React33.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ React33.createElement(SelectPrimitive.Portal, null, /* @__PURE__ */ React33.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 = React33.forwardRef(({ className, children, position = "poppe
     position,
     ...props
   },
-  /* @__PURE__ */ React33.createElement(SelectScrollUpButton, null),
-  /* @__PURE__ */ React33.createElement(
+  /* @__PURE__ */ React37.createElement(SelectScrollUpButton, null),
+  /* @__PURE__ */ React37.createElement(
     SelectPrimitive.Viewport,
     {
       className: cn(
@@ -1283,10 +1285,10 @@ var SelectContent = React33.forwardRef(({ className, children, position = "poppe
     },
     children
   ),
-  /* @__PURE__ */ React33.createElement(SelectScrollDownButton, null)
+  /* @__PURE__ */ React37.createElement(SelectScrollDownButton, null)
 )));
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33.createElement(
+var SelectLabel = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37.createElement(
   SelectPrimitive.Label,
   {
     ref,
@@ -1295,7 +1297,7 @@ var SelectLabel = React33.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React33.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React33.createElement(
+var SelectItem = React37.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React37.createElement(
   SelectPrimitive.Item,
   {
     ref,
@@ -1305,11 +1307,11 @@ var SelectItem = React33.forwardRef(({ className, children, ...props }, ref) =>
     ),
     ...props
   },
-  /* @__PURE__ */ React33.createElement("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center" }, /* @__PURE__ */ React33.createElement(SelectPrimitive.ItemIndicator, null, /* @__PURE__ */ React33.createElement(Check, { className: "h-4 w-4" }))),
-  /* @__PURE__ */ React33.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 = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33.createElement(
+var SelectSeparator = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37.createElement(
   SelectPrimitive.Separator,
   {
     ref,
@@ -1318,8 +1320,8 @@ var SelectSeparator = React33.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
-var Separator3 = React33.forwardRef(
-  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ React33.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 = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33.createElement(
+var SheetOverlay = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37.createElement(
   DialogPrimitive.Overlay,
   {
     className: cn(
@@ -1367,21 +1369,21 @@ var sheetVariants = cva(
     }
   }
 );
-var SheetContent = React33.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ React33.createElement(SheetPortal, null, /* @__PURE__ */ React33.createElement(SheetOverlay, null), /* @__PURE__ */ React33.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__ */ React33.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__ */ React33.createElement(X, { className: "h-4 w-4" }), /* @__PURE__ */ React33.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__ */ React33.createElement(
+}) => /* @__PURE__ */ React37.createElement(
   "div",
   {
     className: cn(
@@ -1395,7 +1397,7 @@ SheetHeader.displayName = "SheetHeader";
 var SheetFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ React33.createElement(
+}) => /* @__PURE__ */ React37.createElement(
   "div",
   {
     className: cn(
@@ -1406,7 +1408,7 @@ var SheetFooter = ({
   }
 );
 SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33.createElement(
+var SheetTitle = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37.createElement(
   DialogPrimitive.Title,
   {
     ref,
@@ -1415,7 +1417,7 @@ var SheetTitle = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 SheetTitle.displayName = DialogPrimitive.Title.displayName;
-var SheetDescription = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33.createElement(
+var SheetDescription = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37.createElement(
   DialogPrimitive.Description,
   {
     ref,
@@ -1424,8 +1426,8 @@ var SheetDescription = React33.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 SheetDescription.displayName = DialogPrimitive.Description.displayName;
-var Textarea = React33.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ React33.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 = React33.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React33.createElement(TooltipPrimitive.Portal, null, /* @__PURE__ */ React33.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 = React33.forwardRef(({ className, sideOffset = 4, ...props }
   }
 )));
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
-var Avatar = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33.createElement(
+var Avatar = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37.createElement(
   AvatarPrimitive.Root,
   {
     ref,
@@ -1466,7 +1468,7 @@ var Avatar = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
   }
 ));
 Avatar.displayName = AvatarPrimitive.Root.displayName;
-var AvatarImage = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33.createElement(
+var AvatarImage = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37.createElement(
   AvatarPrimitive.Image,
   {
     ref,
@@ -1475,7 +1477,7 @@ var AvatarImage = React33.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 AvatarImage.displayName = AvatarPrimitive.Image.displayName;
-var AvatarFallback = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React33.createElement(
+var AvatarFallback = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37.createElement(
   AvatarPrimitive.Fallback,
   {
     ref,
@@ -1516,20 +1518,20 @@ function Grid({
 }) {
   const gridColsClasses = buildGridColsClasses(columns);
   const gapClass = getGapClassName(gap);
-  return /* @__PURE__ */ React33__default.createElement(
+  return /* @__PURE__ */ React37__default.createElement(
     "div",
     {
       className: `grid ${gridColsClasses} ${gapClass} ${className}`.trim(),
       style
     },
-    items.map((item, index) => /* @__PURE__ */ React33__default.createElement("div", { key: item.id }, renderItem(item, index)))
+    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__ */ React33__default.createElement("div", { className: "relative" }, /* @__PURE__ */ React33__default.createElement("div", { className: "absolute left-4 top-0 bottom-0 w-0.5 bg-gray-200" }), items.map((item, index) => /* @__PURE__ */ React33__default.createElement("div", { key: index, className: "relative pl-12 pb-8" }, /* @__PURE__ */ React33__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__ */ React33__default.createElement("div", { className: "w-2 h-2 rounded-full bg-white" })), /* @__PURE__ */ React33__default.createElement("div", { className: "bg-white rounded-lg p-4 shadow-md" }, /* @__PURE__ */ React33__default.createElement("div", { className: "text-sm text-gray-500 mb-2" }, item.date), /* @__PURE__ */ React33__default.createElement("h4", { className: "text-lg font-semibold mb-2" }, item.title), /* @__PURE__ */ React33__default.createElement("p", { className: "text-gray-600" }, item.description)))));
+  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: {
@@ -1792,7 +1794,7 @@ var CollisionBalls = ({
       y: (event.clientY - rect.top) * scaleY
     };
   };
-  return /* @__PURE__ */ React33__default.createElement("div", { style: { width: "100%", height: "100%", position: "relative", backgroundColor: "#f9fafb", borderRadius: "0.5rem" } }, /* @__PURE__ */ React33__default.createElement("div", { ref: containerRef, style: { width: "100%", height: "100%", position: "absolute", top: 0, left: 0 } }, /* @__PURE__ */ React33__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,
@@ -1807,14 +1809,14 @@ var CollisionBalls = ({
       onMouseUp: handleMouseUp,
       onMouseLeave: handleMouseUp
     }
-  )), /* @__PURE__ */ React33__default.createElement("div", { className: "absolute bottom-4 right-4 flex gap-2" }, /* @__PURE__ */ React33__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__ */ React33__default.createElement(
+  ), /* @__PURE__ */ React37__default.createElement(
     "button",
     {
       onClick: slowdown,
@@ -1823,6 +1825,286 @@ var CollisionBalls = ({
     "\u51CF\u901F"
   )));
 };
+function GenericOrderManager({
+  operations,
+  renderItem,
+  className = "",
+  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(() => {
+    loadItems();
+  }, [loadItems]);
+  useEffect(() => {
+    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 (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");
+    }
+  };
+  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;
+      }
+      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 handleDragStart = (e, index) => {
+    setDraggedItem(index);
+    e.dataTransfer.effectAllowed = "move";
+  };
+  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));
+  }
+  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",
+    {
+      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__ */ 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"
+  );
+};
+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] border-[#444]",
@@ -1845,7 +2127,7 @@ var ProfileModal = ({
 }) => {
   const renderSocialLinks = () => {
     if (!data.socialLinks || data.socialLinks.length === 0) return null;
-    return /* @__PURE__ */ React33__default.createElement("div", { className: "flex gap-3 mt-2" }, data.socialLinks.map((link, index) => /* @__PURE__ */ React33__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,
@@ -1864,15 +2146,15 @@ var ProfileModal = ({
           }
         }
       },
-      link.icon ? /* @__PURE__ */ React33__default.createElement("span", { className: "text-base" }, link.icon) : /* @__PURE__ */ React33__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__ */ React33__default.createElement("div", { className: cn(
+    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__ */ React33__default.createElement(
+    ) }, Object.entries(data.contacts).map(([type, value], index) => /* @__PURE__ */ React37__default.createElement(
       "div",
       {
         key: index,
@@ -1882,35 +2164,35 @@ var ProfileModal = ({
         ),
         onClick: () => onContactClick && onContactClick(type, value)
       },
-      /* @__PURE__ */ React33__default.createElement("span", { className: cn(
+      /* @__PURE__ */ React37__default.createElement("span", { className: cn(
         "font-medium w-[70px] shrink-0",
         themeName === "dark" ? "text-gray-400" : "text-gray-500"
       ) }, type, ":"),
-      /* @__PURE__ */ React33__default.createElement("span", { className: themeName === "dark" ? "text-gray-200" : "text-gray-800" }, value)
+      /* @__PURE__ */ React37__default.createElement("span", { className: themeName === "dark" ? "text-gray-200" : "text-gray-800" }, value)
     )));
   };
-  return /* @__PURE__ */ React33__default.createElement(Dialog, { open: isOpen, onOpenChange: (open) => !open && onClose() }, /* @__PURE__ */ React33__default.createElement(DialogContent, { className: cn(
+  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__ */ React33__default.createElement("div", { className: "p-6" }, /* @__PURE__ */ React33__default.createElement("div", { className: "flex gap-5 mb-5" }, showAvatar && /* @__PURE__ */ React33__default.createElement(
+  ) }, /* @__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",
     {
       className: "shrink-0",
       onClick: onAvatarClick,
       style: { cursor: onAvatarClick ? "pointer" : "default" }
     },
-    /* @__PURE__ */ React33__default.createElement(Avatar, { className: "border-2 border-primary/10 shadow-sm", style: { width: avatarSize, height: avatarSize } }, data.avatar && /* @__PURE__ */ React33__default.createElement(AvatarImage, { src: data.avatar, alt: data.name, className: "object-cover" }), /* @__PURE__ */ React33__default.createElement(AvatarFallback, { className: "text-xl" }, data.name.substring(0, 2).toUpperCase()))
-  ), /* @__PURE__ */ React33__default.createElement("div", { className: "flex-1 min-w-0 flex flex-col justify-center" }, /* @__PURE__ */ React33__default.createElement("h2", { className: cn(
+    /* @__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__ */ React33__default.createElement("div", { className: cn(
+  ) }, 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__ */ React33__default.createElement("div", { className: cn(
+  ) }, 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__ */ React33__default.createElement("p", null, data.bio)), showContacts && renderContacts(), data.customContent && /* @__PURE__ */ React33__default.createElement("div", { className: "mt-5" }, data.customContent))));
+  ) }, /* @__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;
 var BadgeList = ({
@@ -1918,13 +2200,13 @@ var BadgeList = ({
   className = ""
 }) => {
   if (!badges || badges.length === 0) return null;
-  return /* @__PURE__ */ React33__default.createElement("div", { className: cn("flex flex-wrap gap-2 mt-4", className) }, badges.map((badge, index) => /* @__PURE__ */ React33__default.createElement(
+  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__ */ React33__default.createElement("span", { className: "mr-1" }, badge.icon),
+    badge.icon && /* @__PURE__ */ React37__default.createElement("span", { className: "mr-1" }, badge.icon),
     badge.label
   )));
 };
@@ -1975,7 +2257,7 @@ var exampleProfileData = {
     { label: "\u7C89\u4E1D", value: 1024 },
     { label: "\u8BC4\u5206", value: "4.9" }
   ],
-  customContent: /* @__PURE__ */ React33__default.createElement("div", { className: "mt-5 border-t border-gray-100 pt-4" }, /* @__PURE__ */ React33__default.createElement("h3", { className: "text-sm font-semibold mb-2" }, "\u4E13\u4E1A\u6280\u80FD"), /* @__PURE__ */ React33__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"))
+  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,
@@ -1995,7 +2277,7 @@ var ProfileButton = ({
       window.open(`tel:${value}`);
     }
   };
-  return /* @__PURE__ */ React33__default.createElement(React33__default.Fragment, null, /* @__PURE__ */ React33__default.createElement(
+  return /* @__PURE__ */ React37__default.createElement(React37__default.Fragment, null, /* @__PURE__ */ React37__default.createElement(
     Button,
     {
       variant,
@@ -2004,7 +2286,7 @@ var ProfileButton = ({
       className
     },
     buttonText
-  ), /* @__PURE__ */ React33__default.createElement(
+  ), /* @__PURE__ */ React37__default.createElement(
     ProfileModal_default,
     {
       isOpen: isModalOpen,
@@ -2015,8 +2297,8 @@ var ProfileButton = ({
       onSocialLinkClick: (url) => window.open(url, "_blank")
     },
     data.customContent,
-    data.badges && /* @__PURE__ */ React33__default.createElement(BadgeList, { badges: data.badges }),
-    data.stats && /* @__PURE__ */ React33__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 = ({
@@ -2046,7 +2328,7 @@ var AutoOpenModal = ({
       window.open(`tel:${value}`);
     }
   };
-  return /* @__PURE__ */ React33__default.createElement(
+  return /* @__PURE__ */ React37__default.createElement(
     ProfileModal_default,
     {
       isOpen: isModalOpen,
@@ -2056,8 +2338,8 @@ var AutoOpenModal = ({
       onContactClick: handleContactClick,
       onSocialLinkClick: (url) => window.open(url, "_blank")
     },
-    data.badges && /* @__PURE__ */ React33__default.createElement(BadgeList, { badges: data.badges }),
-    data.stats && /* @__PURE__ */ React33__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 sizeMap = {
@@ -2081,7 +2363,7 @@ var EnhancedAvatar = ({
 }) => {
   const sizeClass = typeof size === "string" ? sizeMap[size] : "";
   const customSizeStyle = typeof size === "number" ? { width: size, height: size } : {};
-  return /* @__PURE__ */ React33__default.createElement("div", { className: cn("relative inline-block", className), onClick }, /* @__PURE__ */ React33__default.createElement(Avatar, { className: cn(sizeClass, onClick && "cursor-pointer hover:ring-2 hover:ring-blue-500 transition-all"), style: customSizeStyle }, src && /* @__PURE__ */ React33__default.createElement(AvatarImage, { src, alt: name || "Avatar", className: "object-cover" }), /* @__PURE__ */ React33__default.createElement(AvatarFallback, { className: "bg-primary/10 text-primary-foreground" }, name ? name.substring(0, 2).toUpperCase() : "??")), mood && /* @__PURE__ */ React33__default.createElement(
+  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(
@@ -2090,13 +2372,13 @@ var EnhancedAvatar = ({
         typeof size === "number" ? size > 60 ? "h-4 w-4" : "h-3 w-3" : size === "large" ? "h-4 w-4" : "h-3 w-3"
       )
     }
-  ), statusText && /* @__PURE__ */ React33__default.createElement("div", { className: "absolute -bottom-6 left-1/2 transform -translate-x-1/2 whitespace-nowrap" }, /* @__PURE__ */ React33__default.createElement("span", { className: "text-xs text-muted-foreground" }, statusText)));
+  ), 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__ */ React33__default.createElement("section", { id: "about", className: "py-16 bg-white" }, /* @__PURE__ */ React33__default.createElement("div", { className: "container mx-auto px-4" }, /* @__PURE__ */ React33__default.createElement("h2", { className: "text-3xl font-bold text-center mb-12" }, "\u5173\u4E8E\u6211"), /* @__PURE__ */ React33__default.createElement("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-12" }, /* @__PURE__ */ React33__default.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6" }, /* @__PURE__ */ React33__default.createElement("h3", { className: "text-2xl font-semibold mb-6" }, "\u4E2A\u4EBA\u7ECF\u5386"), /* @__PURE__ */ React33__default.createElement(Timeline, { items: timelineConfig.items })), /* @__PURE__ */ React33__default.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6" }, /* @__PURE__ */ React33__default.createElement("h3", { className: "text-2xl font-semibold mb-6" }, "\u6280\u80FD\u5C55\u793A"), /* @__PURE__ */ React33__default.createElement("div", { style: { height: "400px", position: "relative" } }, /* @__PURE__ */ React33__default.createElement(CollisionBalls, { 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 = () => {
@@ -2128,7 +2410,7 @@ var Contact = () => {
       setIsSubmitting(false);
     }
   };
-  return /* @__PURE__ */ React33__default.createElement("section", { id: "contact", className: "py-16 bg-gray-50" }, /* @__PURE__ */ React33__default.createElement("div", { className: "max-w-4xl mx-auto px-4 sm:px-6 lg:px-8" }, /* @__PURE__ */ React33__default.createElement("div", { className: "text-center mb-12" }, /* @__PURE__ */ React33__default.createElement("h2", { className: "text-3xl font-bold text-gray-900 sm:text-4xl" }, "\u8054\u7CFB\u6211"), /* @__PURE__ */ React33__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__ */ React33__default.createElement("div", { className: "bg-white rounded-lg shadow-xl p-6 sm:p-8" }, /* @__PURE__ */ React33__default.createElement("form", { onSubmit: handleSubmit, className: "space-y-6" }, /* @__PURE__ */ React33__default.createElement("div", null, /* @__PURE__ */ React33__default.createElement("label", { htmlFor: "name", className: "block text-sm font-medium text-gray-700" }, "\u59D3\u540D"), /* @__PURE__ */ React33__default.createElement(
+  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",
@@ -2140,7 +2422,7 @@ var Contact = () => {
       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__ */ React33__default.createElement("div", null, /* @__PURE__ */ React33__default.createElement("label", { htmlFor: "email", className: "block text-sm font-medium text-gray-700" }, "\u90AE\u7BB1"), /* @__PURE__ */ React33__default.createElement(
+  )), /* @__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",
@@ -2152,7 +2434,7 @@ var Contact = () => {
       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__ */ React33__default.createElement("div", null, /* @__PURE__ */ React33__default.createElement("label", { htmlFor: "message", className: "block text-sm font-medium text-gray-700" }, "\u6D88\u606F"), /* @__PURE__ */ React33__default.createElement(
+  )), /* @__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",
@@ -2164,7 +2446,7 @@ var Contact = () => {
       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__ */ React33__default.createElement("div", { className: "flex items-center justify-end" }, /* @__PURE__ */ React33__default.createElement(
+  )), /* @__PURE__ */ React37__default.createElement("div", { className: "flex items-center justify-end" }, /* @__PURE__ */ React37__default.createElement(
     "button",
     {
       type: "submit",
@@ -2173,9 +2455,182 @@ var Contact = () => {
                   ${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__ */ React33__default.createElement("div", { className: "rounded-md bg-green-50 p-4" }, /* @__PURE__ */ React33__default.createElement("div", { className: "flex" }, /* @__PURE__ */ React33__default.createElement("div", { className: "flex-shrink-0" }, /* @__PURE__ */ React33__default.createElement("svg", { className: "h-5 w-5 text-green-400", viewBox: "0 0 20 20", fill: "currentColor" }, /* @__PURE__ */ React33__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__ */ React33__default.createElement("div", { className: "ml-3" }, /* @__PURE__ */ React33__default.createElement("p", { className: "text-sm font-medium text-green-800" }, "\u6D88\u606F\u5DF2\u6210\u529F\u53D1\u9001\uFF01")))), submitStatus === "error" && /* @__PURE__ */ React33__default.createElement("div", { className: "rounded-md bg-red-50 p-4" }, /* @__PURE__ */ React33__default.createElement("div", { className: "flex" }, /* @__PURE__ */ React33__default.createElement("div", { className: "flex-shrink-0" }, /* @__PURE__ */ React33__default.createElement("svg", { className: "h-5 w-5 text-red-400", viewBox: "0 0 20 20", fill: "currentColor" }, /* @__PURE__ */ React33__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__ */ React33__default.createElement("div", { className: "ml-3" }, /* @__PURE__ */ React33__default.createElement("p", { className: "text-sm font-medium text-red-800" }, "\u53D1\u9001\u5931\u8D25\uFF0C\u8BF7\u7A0D\u540E\u91CD\u8BD5")))))), /* @__PURE__ */ React33__default.createElement("div", { className: "mt-12 grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3" }, /* @__PURE__ */ React33__default.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6 text-center" }, /* @__PURE__ */ React33__default.createElement("div", { className: "text-blue-600 mb-4" }, /* @__PURE__ */ React33__default.createElement("svg", { className: "h-8 w-8 mx-auto", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React33__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__ */ React33__default.createElement("h3", { className: "text-lg font-medium text-gray-900" }, "\u90AE\u7BB1"), /* @__PURE__ */ React33__default.createElement("p", { className: "mt-2 text-gray-600" }, "your.email@example.com")), /* @__PURE__ */ React33__default.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6 text-center" }, /* @__PURE__ */ React33__default.createElement("div", { className: "text-blue-600 mb-4" }, /* @__PURE__ */ React33__default.createElement("svg", { className: "h-8 w-8 mx-auto", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React33__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__ */ React33__default.createElement("h3", { className: "text-lg font-medium text-gray-900" }, "\u7535\u8BDD"), /* @__PURE__ */ React33__default.createElement("p", { className: "mt-2 text-gray-600" }, "+86 123 4567 8900")), /* @__PURE__ */ React33__default.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6 text-center" }, /* @__PURE__ */ React33__default.createElement("div", { className: "text-blue-600 mb-4" }, /* @__PURE__ */ React33__default.createElement("svg", { className: "h-8 w-8 mx-auto", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React33__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__ */ React33__default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M15 11a3 3 0 11-6 0 3 3 0 016 0z" }))), /* @__PURE__ */ React33__default.createElement("h3", { className: "text-lg font-medium text-gray-900" }, "\u5730\u5740"), /* @__PURE__ */ React33__default.createElement("p", { className: "mt-2 text-gray-600" }, "\u4E2D\u56FD\uFF0C\u5317\u4EAC")))));
+  )), 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,
@@ -2197,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__ */ React33__default.createElement(
+  return /* @__PURE__ */ React37__default.createElement(
     "a",
     {
       href: item.href,
@@ -2206,9 +2661,9 @@ var NavigationItemComponent = ({
       rel: item.isExternal ? "noopener noreferrer" : void 0,
       className: getItemClasses()
     },
-    item.icon && /* @__PURE__ */ React33__default.createElement("span", { className: "flex-shrink-0" }, item.icon),
-    /* @__PURE__ */ React33__default.createElement("span", { className: `font-medium ${direction === "vertical" ? "text-sm" : "text-xs"}` }, item.label),
-    item.isExternal && /* @__PURE__ */ React33__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",
@@ -2216,7 +2671,7 @@ var NavigationItemComponent = ({
         stroke: "currentColor",
         viewBox: "0 0 24 24"
       },
-      /* @__PURE__ */ React33__default.createElement(
+      /* @__PURE__ */ React37__default.createElement(
         "path",
         {
           strokeLinecap: "round",
@@ -2226,7 +2681,7 @@ var NavigationItemComponent = ({
         }
       )
     ),
-    direction === "vertical" && isActive && /* @__PURE__ */ React33__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;
@@ -2286,14 +2741,14 @@ var Navigation = ({
     onItemClick?.(item);
   };
   if (!isOpen) return null;
-  return /* @__PURE__ */ React33__default.createElement("nav", { className: `${getContainerClasses()} ${className}` }, /* @__PURE__ */ React33__default.createElement("div", { className: getContentClasses() }, logo && /* @__PURE__ */ React33__default.createElement("div", { className: "flex items-center justify-center mb-4" }, /* @__PURE__ */ React33__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__ */ React33__default.createElement("div", { className: "h-12 flex-shrink-0" }), /* @__PURE__ */ React33__default.createElement("div", { className: getItemsListClasses() }, items.map((item) => /* @__PURE__ */ React33__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,
@@ -2302,14 +2757,14 @@ var Navigation = ({
       isActive: activeItemId === item.id,
       onClick: handleItemClick
     }
-  ))), avatar && direction === "vertical" && /* @__PURE__ */ React33__default.createElement("div", { className: "flex items-center justify-center mt-auto pt-4" }, /* @__PURE__ */ React33__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__ */ React33__default.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ React33__default.createElement(
+  )), avatar && direction === "horizontal" && /* @__PURE__ */ React37__default.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ React37__default.createElement(
     "img",
     {
       src: avatar.src,
@@ -2338,7 +2793,7 @@ var NavigationToggle = ({
         return "top-4 left-4";
     }
   };
-  return /* @__PURE__ */ React33__default.createElement(
+  return /* @__PURE__ */ React37__default.createElement(
     "button",
     {
       onClick,
@@ -2354,7 +2809,7 @@ var NavigationToggle = ({
       `,
       "aria-label": isOpen ? "\u5173\u95ED\u5BFC\u822A\u680F" : "\u6253\u5F00\u5BFC\u822A\u680F"
     },
-    /* @__PURE__ */ React33__default.createElement("div", { className: "w-5 h-5 flex flex-col justify-center items-center" }, /* @__PURE__ */ React33__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: `
@@ -2363,7 +2818,7 @@ var NavigationToggle = ({
             ${isOpen ? "rotate-45 translate-y-0.5" : ""}
           `
       }
-    ), /* @__PURE__ */ React33__default.createElement(
+    ), /* @__PURE__ */ React37__default.createElement(
       "span",
       {
         className: `
@@ -2372,7 +2827,7 @@ var NavigationToggle = ({
             ${isOpen ? "opacity-0 scale-0" : "opacity-100 scale-100"}
           `
       }
-    ), /* @__PURE__ */ React33__default.createElement(
+    ), /* @__PURE__ */ React37__default.createElement(
       "span",
       {
         className: `
@@ -2521,7 +2976,7 @@ var FloatingMenu = ({
   }, [mounted]);
   if (!mounted) return null;
   return createPortal(
-    /* @__PURE__ */ React33__default.createElement(
+    /* @__PURE__ */ React37__default.createElement(
       "div",
       {
         ref: containerRef,
@@ -2532,7 +2987,7 @@ var FloatingMenu = ({
           zIndex
         }
       },
-      /* @__PURE__ */ React33__default.createElement(
+      /* @__PURE__ */ React37__default.createElement(
         "div",
         {
           className: `
@@ -2550,7 +3005,7 @@ var FloatingMenu = ({
         },
         trigger
       ),
-      isMenuOpen && /* @__PURE__ */ React33__default.createElement(
+      isMenuOpen && /* @__PURE__ */ React37__default.createElement(
         "div",
         {
           className: `
@@ -2579,7 +3034,58 @@ var FloatingMenu = ({
   );
 };
 var FloatingMenu_default = FloatingMenu;
+var FloatingMenuExample = () => {
+  const [windowWidth, setWindowWidth] = useState(0);
+  useEffect(() => {
+    setWindowWidth(window.innerWidth);
+    const handleResize = () => setWindowWidth(window.innerWidth);
+    window.addEventListener("resize", handleResize);
+    return () => window.removeEventListener("resize", handleResize);
+  }, []);
+  const menuItems = [
+    { id: 1, label: "\u9996\u9875", icon: "\u{1F3E0}" },
+    { id: 2, label: "\u8BBE\u7F6E", icon: "\u2699\uFE0F" },
+    { id: 3, label: "\u6D88\u606F", icon: "\u{1F4E9}" },
+    { id: 4, label: "\u5E2E\u52A9", icon: "\u2753" },
+    { id: 5, label: "\u9000\u51FA", icon: "\u{1F6AA}" }
+  ];
+  const handleMenuItemClick = (id) => {
+    console.log(`\u70B9\u51FB\u4E86\u83DC\u5355\u9879: ${id}`);
+  };
+  return /* @__PURE__ */ 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,
+    {
+      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 }
+    }
+  ), windowWidth > 0 && /* @__PURE__ */ React37__default.createElement(
+    FloatingMenu_default,
+    {
+      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 }
+    }
+  ));
+};
+var FloatingMenuExample_default = FloatingMenuExample;
 
-export { About_default as About, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AutoOpenModal, Avatar, AvatarFallback, AvatarImage, 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, 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, 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, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, 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