sa2kit 1.6.9 → 1.6.11

package/dist/index.js

@@ -1,83 +1,48 @@
 'use strict';
 
-var chunkG6WRJ2H2_js = require('./chunk-G6WRJ2H2.js');
+var chunkE72D5KHY_js = require('./chunk-E72D5KHY.js');
+require('./chunk-FAHLZIYQ.js');
+require('./chunk-CD77U7LZ.js');
+require('./chunk-6W5BMXJG.js');
+require('./chunk-UOFTHYIH.js');
+var chunk5QMBZP7S_js = require('./chunk-5QMBZP7S.js');
+require('./chunk-DUHZ7VZP.js');
+require('./chunk-SVWQN2LR.js');
 var chunk7Z5LLJ3A_js = require('./chunk-7Z5LLJ3A.js');
 var chunkLX4XX6W7_js = require('./chunk-LX4XX6W7.js');
 require('./chunk-QU5OT4DF.js');
 var chunk6PRFP5EG_js = require('./chunk-6PRFP5EG.js');
 require('./chunk-DGUM43GV.js');
-var React37 = require('react');
+var React12 = require('react');
 var tesseract_js = require('tesseract.js');
 var lucideReact = require('lucide-react');
-var reactSlot = require('@radix-ui/react-slot');
-var classVarianceAuthority = require('class-variance-authority');
-var LabelPrimitive = require('@radix-ui/react-label');
-var TabsPrimitive = require('@radix-ui/react-tabs');
-var DialogPrimitive = require('@radix-ui/react-dialog');
-var AlertDialogPrimitive = require('@radix-ui/react-alert-dialog');
-var DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
-var PopoverPrimitive = require('@radix-ui/react-popover');
-var ProgressPrimitive = require('@radix-ui/react-progress');
-var ScrollAreaPrimitive = require('@radix-ui/react-scroll-area');
-var SelectPrimitive = require('@radix-ui/react-select');
-var SeparatorPrimitive = require('@radix-ui/react-separator');
-var TooltipPrimitive = require('@radix-ui/react-tooltip');
-var AvatarPrimitive = require('@radix-ui/react-avatar');
-var navigation = require('next/navigation');
 var Link = require('next/link');
 var reactDom = require('react-dom');
+var core = require('@dnd-kit/core');
+var sortable = require('@dnd-kit/sortable');
+var utilities = require('@dnd-kit/utilities');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var React37__namespace = /*#__PURE__*/_interopNamespace(React37);
-var LabelPrimitive__namespace = /*#__PURE__*/_interopNamespace(LabelPrimitive);
-var TabsPrimitive__namespace = /*#__PURE__*/_interopNamespace(TabsPrimitive);
-var DialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(DialogPrimitive);
-var AlertDialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(AlertDialogPrimitive);
-var DropdownMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(DropdownMenuPrimitive);
-var PopoverPrimitive__namespace = /*#__PURE__*/_interopNamespace(PopoverPrimitive);
-var ProgressPrimitive__namespace = /*#__PURE__*/_interopNamespace(ProgressPrimitive);
-var ScrollAreaPrimitive__namespace = /*#__PURE__*/_interopNamespace(ScrollAreaPrimitive);
-var SelectPrimitive__namespace = /*#__PURE__*/_interopNamespace(SelectPrimitive);
-var SeparatorPrimitive__namespace = /*#__PURE__*/_interopNamespace(SeparatorPrimitive);
-var TooltipPrimitive__namespace = /*#__PURE__*/_interopNamespace(TooltipPrimitive);
-var AvatarPrimitive__namespace = /*#__PURE__*/_interopNamespace(AvatarPrimitive);
+var React12__default = /*#__PURE__*/_interopDefault(React12);
 var Link__default = /*#__PURE__*/_interopDefault(Link);
 
 var useOCR = (options = {}) => {
-  const [state, setState] = React37.useState({
+  const [state, setState] = React12.useState({
     isProcessing: false,
     progress: 0,
     status: "idle",
     error: null,
     result: null
   });
-  const workerRef = React37.useRef(null);
-  const cleanup = React37.useCallback(async () => {
+  const workerRef = React12.useRef(null);
+  const cleanup = React12.useCallback(async () => {
     if (workerRef.current) {
       await workerRef.current.terminate();
       workerRef.current = null;
     }
   }, []);
-  const recognize = React37.useCallback(
+  const recognize = React12.useCallback(
     async (image) => {
       setState((prev) => ({
         ...prev,
@@ -136,7 +101,7 @@ var useOCR = (options = {}) => {
     },
     [options]
   );
-  React37.useEffect(() => {
+  React12.useEffect(() => {
     return () => {
       cleanup();
     };
@@ -152,8 +117,8 @@ var OCRScanner = ({
   className = "",
   language = "eng"
 }) => {
-  const [imagePreview, setImagePreview] = React37.useState(null);
-  const fileInputRef = React37.useRef(null);
+  const [imagePreview, setImagePreview] = React12.useState(null);
+  const fileInputRef = React12.useRef(null);
   const { recognize, isProcessing, progress, status, result, error } = useOCR({
     language
   });
@@ -189,43 +154,43 @@ var OCRScanner = ({
       handleFileChange(mockEvent);
     }
   };
-  return /* @__PURE__ */ React37__namespace.default.createElement(
+  return /* @__PURE__ */ React12__default.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__ */ React37__namespace.default.createElement(
+    !imagePreview ? /* @__PURE__ */ React12__default.default.createElement(
       "div",
       {
         className: "flex flex-col items-center justify-center cursor-pointer space-y-4",
         onClick: () => fileInputRef.current?.click()
       },
-      /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "p-4 bg-blue-50 rounded-full text-blue-500" }, /* @__PURE__ */ React37__namespace.default.createElement(lucideReact.Upload, { size: 32 })),
-      /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "text-center" }, /* @__PURE__ */ React37__namespace.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__namespace.default.createElement("p", { className: "text-sm text-gray-500" }, "\u652F\u6301 JPG, PNG, WebP"))
-    ) : /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "relative group rounded-lg overflow-hidden border border-gray-200" }, /* @__PURE__ */ React37__namespace.default.createElement(
+      /* @__PURE__ */ React12__default.default.createElement("div", { className: "p-4 bg-blue-50 rounded-full text-blue-500" }, /* @__PURE__ */ React12__default.default.createElement(lucideReact.Upload, { size: 32 })),
+      /* @__PURE__ */ React12__default.default.createElement("div", { className: "text-center" }, /* @__PURE__ */ React12__default.default.createElement("p", { className: "text-lg font-medium text-gray-700" }, "\u70B9\u51FB\u6216\u62D6\u62FD\u56FE\u7247\u8FDB\u884C OCR \u8BC6\u522B"), /* @__PURE__ */ React12__default.default.createElement("p", { className: "text-sm text-gray-500" }, "\u652F\u6301 JPG, PNG, WebP"))
+    ) : /* @__PURE__ */ React12__default.default.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React12__default.default.createElement("div", { className: "relative group rounded-lg overflow-hidden border border-gray-200" }, /* @__PURE__ */ React12__default.default.createElement(
       "img",
       {
         src: imagePreview,
         alt: "Preview",
         className: `max-h-64 mx-auto object-contain transition-opacity ${isProcessing ? "opacity-50" : "opacity-100"}`
       }
-    ), !isProcessing && /* @__PURE__ */ React37__namespace.default.createElement(
+    ), !isProcessing && /* @__PURE__ */ React12__default.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__ */ React37__namespace.default.createElement(lucideReact.X, { size: 18 })
-    ), isProcessing && /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "absolute inset-0 flex flex-col items-center justify-center bg-black/5" }, /* @__PURE__ */ React37__namespace.default.createElement(lucideReact.Loader2, { className: "animate-spin text-blue-500 mb-2", size: 32 }), /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "w-48 bg-gray-200 rounded-full h-1.5 overflow-hidden" }, /* @__PURE__ */ React37__namespace.default.createElement(
+      /* @__PURE__ */ React12__default.default.createElement(lucideReact.X, { size: 18 })
+    ), isProcessing && /* @__PURE__ */ React12__default.default.createElement("div", { className: "absolute inset-0 flex flex-col items-center justify-center bg-black/5" }, /* @__PURE__ */ React12__default.default.createElement(lucideReact.Loader2, { className: "animate-spin text-blue-500 mb-2", size: 32 }), /* @__PURE__ */ React12__default.default.createElement("div", { className: "w-48 bg-gray-200 rounded-full h-1.5 overflow-hidden" }, /* @__PURE__ */ React12__default.default.createElement(
       "div",
       {
         className: "bg-blue-500 h-full transition-all duration-300",
         style: { width: `${progress * 100}%` }
       }
-    )), /* @__PURE__ */ React37__namespace.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__namespace.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__namespace.default.createElement("div", { className: "flex items-center gap-2 mb-2 text-gray-600 font-medium" }, /* @__PURE__ */ React37__namespace.default.createElement(lucideReact.FileText, { size: 18 }), /* @__PURE__ */ React37__namespace.default.createElement("span", null, "\u8BC6\u522B\u7ED3\u679C (\u7F6E\u4FE1\u5EA6: ", Math.round(result.confidence), "%)")), /* @__PURE__ */ React37__namespace.default.createElement("pre", { className: "text-sm text-gray-800 whitespace-pre-wrap font-sans" }, result.text)), error && /* @__PURE__ */ React37__namespace.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__namespace.default.createElement(
+    )), /* @__PURE__ */ React12__default.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__ */ React12__default.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__ */ React12__default.default.createElement("div", { className: "flex items-center gap-2 mb-2 text-gray-600 font-medium" }, /* @__PURE__ */ React12__default.default.createElement(lucideReact.FileText, { size: 18 }), /* @__PURE__ */ React12__default.default.createElement("span", null, "\u8BC6\u522B\u7ED3\u679C (\u7F6E\u4FE1\u5EA6: ", Math.round(result.confidence), "%)")), /* @__PURE__ */ React12__default.default.createElement("pre", { className: "text-sm text-gray-800 whitespace-pre-wrap font-sans" }, result.text)), error && /* @__PURE__ */ React12__default.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__ */ React12__default.default.createElement(
       "input",
       {
         type: "file",
@@ -239,7 +204,7 @@ var OCRScanner = ({
   );
 };
 var useBackgroundRemoval = (options = {}) => {
-  const [state, setState] = React37.useState({
+  const [state, setState] = React12.useState({
     isProcessing: false,
     progress: 0,
     status: "idle",
@@ -247,7 +212,7 @@ var useBackgroundRemoval = (options = {}) => {
     resultBlob: null,
     resultUrl: null
   });
-  const remove = React37.useCallback(async (image) => {
+  const remove = React12.useCallback(async (image) => {
     setState((prev) => ({
       ...prev,
       isProcessing: true,
@@ -326,12 +291,12 @@ var useBackgroundRemoval = (options = {}) => {
       throw err;
     }
   }, [options]);
-  const cleanup = React37.useCallback(() => {
+  const cleanup = React12.useCallback(() => {
     if (state.resultUrl) {
       URL.revokeObjectURL(state.resultUrl);
     }
   }, [state.resultUrl]);
-  React37.useEffect(() => {
+  React12.useEffect(() => {
     return () => cleanup();
   }, [cleanup]);
   return {
@@ -344,8 +309,8 @@ var BackgroundRemover = ({
   onResult,
   className = ""
 }) => {
-  const [imagePreview, setImagePreview] = React37.useState(null);
-  const fileInputRef = React37.useRef(null);
+  const [imagePreview, setImagePreview] = React12.useState(null);
+  const fileInputRef = React12.useRef(null);
   const { remove, isProcessing, progress, status, resultUrl, error } = useBackgroundRemoval();
   const handleFileChange = async (e) => {
     const file = e.target.files?.[0];
@@ -373,37 +338,37 @@ var BackgroundRemover = ({
     a.download = "removed_background.png";
     a.click();
   };
-  return /* @__PURE__ */ React37__namespace.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__namespace.default.createElement(
+  return /* @__PURE__ */ React12__default.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__ */ React12__default.default.createElement(
     "div",
     {
       className: "flex flex-col items-center justify-center cursor-pointer space-y-4",
       onClick: () => fileInputRef.current?.click()
     },
-    /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "p-4 bg-purple-50 rounded-full text-purple-500" }, /* @__PURE__ */ React37__namespace.default.createElement(lucideReact.Eraser, { size: 32 })),
-    /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "text-center" }, /* @__PURE__ */ React37__namespace.default.createElement("p", { className: "text-lg font-medium text-gray-700" }, "\u4E0A\u4F20\u56FE\u7247\u79FB\u9664\u80CC\u666F"), /* @__PURE__ */ React37__namespace.default.createElement("p", { className: "text-sm text-gray-500" }, "\u5EFA\u8BAE\u4F7F\u7528\u4E3B\u4F53\u660E\u786E\u7684\u56FE\u7247"))
-  ) : /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React37__namespace.default.createElement("p", { className: "text-xs font-medium text-gray-500 uppercase tracking-wider" }, "\u539F\u56FE"), /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "relative rounded-lg overflow-hidden border border-gray-200 bg-gray-50" }, /* @__PURE__ */ React37__namespace.default.createElement("img", { src: imagePreview, alt: "Original", className: "max-h-64 mx-auto object-contain" }))), /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React37__namespace.default.createElement("p", { className: "text-xs font-medium text-gray-500 uppercase tracking-wider" }, "\u5904\u7406\u7ED3\u679C"), /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "relative rounded-lg overflow-hidden border border-gray-200 bg-grid-slate-100 bg-[size:20px_20px]" }, resultUrl ? /* @__PURE__ */ React37__namespace.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__namespace.default.createElement("div", { className: "h-64 flex flex-col items-center justify-center text-gray-400" }, isProcessing ? /* @__PURE__ */ React37__namespace.default.createElement(React37__namespace.default.Fragment, null, /* @__PURE__ */ React37__namespace.default.createElement(lucideReact.Loader2, { className: "animate-spin text-purple-500 mb-2", size: 32 }), /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "w-32 bg-gray-200 rounded-full h-1.5 overflow-hidden" }, /* @__PURE__ */ React37__namespace.default.createElement(
+    /* @__PURE__ */ React12__default.default.createElement("div", { className: "p-4 bg-purple-50 rounded-full text-purple-500" }, /* @__PURE__ */ React12__default.default.createElement(lucideReact.Eraser, { size: 32 })),
+    /* @__PURE__ */ React12__default.default.createElement("div", { className: "text-center" }, /* @__PURE__ */ React12__default.default.createElement("p", { className: "text-lg font-medium text-gray-700" }, "\u4E0A\u4F20\u56FE\u7247\u79FB\u9664\u80CC\u666F"), /* @__PURE__ */ React12__default.default.createElement("p", { className: "text-sm text-gray-500" }, "\u5EFA\u8BAE\u4F7F\u7528\u4E3B\u4F53\u660E\u786E\u7684\u56FE\u7247"))
+  ) : /* @__PURE__ */ React12__default.default.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React12__default.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ React12__default.default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React12__default.default.createElement("p", { className: "text-xs font-medium text-gray-500 uppercase tracking-wider" }, "\u539F\u56FE"), /* @__PURE__ */ React12__default.default.createElement("div", { className: "relative rounded-lg overflow-hidden border border-gray-200 bg-gray-50" }, /* @__PURE__ */ React12__default.default.createElement("img", { src: imagePreview, alt: "Original", className: "max-h-64 mx-auto object-contain" }))), /* @__PURE__ */ React12__default.default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React12__default.default.createElement("p", { className: "text-xs font-medium text-gray-500 uppercase tracking-wider" }, "\u5904\u7406\u7ED3\u679C"), /* @__PURE__ */ React12__default.default.createElement("div", { className: "relative rounded-lg overflow-hidden border border-gray-200 bg-grid-slate-100 bg-[size:20px_20px]" }, resultUrl ? /* @__PURE__ */ React12__default.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__ */ React12__default.default.createElement("div", { className: "h-64 flex flex-col items-center justify-center text-gray-400" }, isProcessing ? /* @__PURE__ */ React12__default.default.createElement(React12__default.default.Fragment, null, /* @__PURE__ */ React12__default.default.createElement(lucideReact.Loader2, { className: "animate-spin text-purple-500 mb-2", size: 32 }), /* @__PURE__ */ React12__default.default.createElement("div", { className: "w-32 bg-gray-200 rounded-full h-1.5 overflow-hidden" }, /* @__PURE__ */ React12__default.default.createElement(
     "div",
     {
       className: "bg-purple-500 h-full transition-all duration-300",
       style: { width: `${progress * 100}%` }
     }
-  )), /* @__PURE__ */ React37__namespace.default.createElement("p", { className: "text-[10px] mt-2 font-mono uppercase" }, status.replace(/-/g, " "))) : /* @__PURE__ */ React37__namespace.default.createElement("span", { className: "text-sm italic" }, "\u7B49\u5F85\u5904\u7406..."))))), /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "flex justify-between items-center pt-2" }, !isProcessing && /* @__PURE__ */ React37__namespace.default.createElement(
+  )), /* @__PURE__ */ React12__default.default.createElement("p", { className: "text-[10px] mt-2 font-mono uppercase" }, status.replace(/-/g, " "))) : /* @__PURE__ */ React12__default.default.createElement("span", { className: "text-sm italic" }, "\u7B49\u5F85\u5904\u7406..."))))), /* @__PURE__ */ React12__default.default.createElement("div", { className: "flex justify-between items-center pt-2" }, !isProcessing && /* @__PURE__ */ React12__default.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__ */ React37__namespace.default.createElement(lucideReact.X, { size: 16 }),
+    /* @__PURE__ */ React12__default.default.createElement(lucideReact.X, { size: 16 }),
     "\u91CD\u65B0\u5F00\u59CB"
-  ), resultUrl && !isProcessing && /* @__PURE__ */ React37__namespace.default.createElement(
+  ), resultUrl && !isProcessing && /* @__PURE__ */ React12__default.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__ */ React37__namespace.default.createElement(lucideReact.Download, { size: 16 }),
+    /* @__PURE__ */ React12__default.default.createElement(lucideReact.Download, { size: 16 }),
     "\u4E0B\u8F7D PNG"
-  )), error && /* @__PURE__ */ React37__namespace.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__namespace.default.createElement(
+  )), error && /* @__PURE__ */ React12__default.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__ */ React12__default.default.createElement(
     "input",
     {
       type: "file",
@@ -416,14 +381,14 @@ var BackgroundRemover = ({
   ));
 };
 var useSentimentAnalysis = (options = {}) => {
-  const [state, setState] = React37.useState({
+  const [state, setState] = React12.useState({
     isProcessing: false,
     status: "idle",
     error: null,
     result: null
   });
-  const pipelineRef = React37.useRef(null);
-  const analyze = React37.useCallback(async (text) => {
+  const pipelineRef = React12.useRef(null);
+  const analyze = React12.useCallback(async (text) => {
     setState((prev) => ({
       ...prev,
       isProcessing: true,
@@ -507,7 +472,7 @@ var SentimentAnalyzer = ({
   className = "",
   placeholder = "\u8F93\u5165\u4E00\u6BB5\u4E2D\u6587\u6216\u82F1\u6587\uFF0C\u5206\u6790\u5176\u60C5\u611F\u503E\u5411..."
 }) => {
-  const [text, setText] = React37.useState("");
+  const [text, setText] = React12.useState("");
   const { analyze, isProcessing, status, result, error } = useSentimentAnalysis();
   const handleAnalyze = async () => {
     if (!text.trim() || isProcessing) return;
@@ -522,11 +487,11 @@ var SentimentAnalyzer = ({
     if (!result) return null;
     switch (result.sentiment) {
       case "positive":
-        return /* @__PURE__ */ React37__namespace.default.createElement(lucideReact.Smile, { className: "text-green-500", size: 24 });
+        return /* @__PURE__ */ React12__default.default.createElement(lucideReact.Smile, { className: "text-green-500", size: 24 });
       case "negative":
-        return /* @__PURE__ */ React37__namespace.default.createElement(lucideReact.Frown, { className: "text-red-500", size: 24 });
+        return /* @__PURE__ */ React12__default.default.createElement(lucideReact.Frown, { className: "text-red-500", size: 24 });
       default:
-        return /* @__PURE__ */ React37__namespace.default.createElement(lucideReact.Meh, { className: "text-yellow-500", size: 24 });
+        return /* @__PURE__ */ React12__default.default.createElement(lucideReact.Meh, { className: "text-yellow-500", size: 24 });
     }
   };
   const getSentimentColor = () => {
@@ -540,7 +505,7 @@ var SentimentAnalyzer = ({
         return "bg-yellow-50 border-yellow-200 text-yellow-700";
     }
   };
-  return /* @__PURE__ */ React37__namespace.default.createElement("div", { className: `p-6 border rounded-xl bg-white dark:bg-gray-800 shadow-sm ${className}` }, /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "flex items-center gap-2 mb-4 text-gray-700 dark:text-gray-300 font-medium" }, /* @__PURE__ */ React37__namespace.default.createElement(lucideReact.MessageSquare, { size: 20 }), /* @__PURE__ */ React37__namespace.default.createElement("span", null, "\u6587\u672C\u60C5\u611F\u5206\u6790")), /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "relative" }, /* @__PURE__ */ React37__namespace.default.createElement(
+  return /* @__PURE__ */ React12__default.default.createElement("div", { className: `p-6 border rounded-xl bg-white dark:bg-gray-800 shadow-sm ${className}` }, /* @__PURE__ */ React12__default.default.createElement("div", { className: "flex items-center gap-2 mb-4 text-gray-700 dark:text-gray-300 font-medium" }, /* @__PURE__ */ React12__default.default.createElement(lucideReact.MessageSquare, { size: 20 }), /* @__PURE__ */ React12__default.default.createElement("span", null, "\u6587\u672C\u60C5\u611F\u5206\u6790")), /* @__PURE__ */ React12__default.default.createElement("div", { className: "relative" }, /* @__PURE__ */ React12__default.default.createElement(
     "textarea",
     {
       value: text,
@@ -549,25 +514,25 @@ 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__ */ React37__namespace.default.createElement(
+  ), /* @__PURE__ */ React12__default.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__ */ React37__namespace.default.createElement(lucideReact.Loader2, { className: "animate-spin", size: 18 }) : /* @__PURE__ */ React37__namespace.default.createElement(lucideReact.Send, { size: 18 })
-  )), isProcessing && /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "mt-4 flex items-center gap-2 text-sm text-blue-600 animate-pulse" }, /* @__PURE__ */ React37__namespace.default.createElement(lucideReact.Loader2, { size: 14, className: "animate-spin" }), /* @__PURE__ */ React37__namespace.default.createElement("span", null, "\u6B63\u5728\u5206\u6790 (\u9996\u6B21\u8FD0\u884C\u5C06\u52A0\u8F7D\u6A21\u578B\u8D44\u6E90)...")), result && !isProcessing && /* @__PURE__ */ React37__namespace.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__namespace.default.createElement("div", { className: "p-2 bg-white rounded-full shadow-sm" }, getSentimentIcon()), /* @__PURE__ */ React37__namespace.default.createElement("div", null, /* @__PURE__ */ React37__namespace.default.createElement("p", { className: "font-bold text-lg capitalize" }, result.sentiment), /* @__PURE__ */ React37__namespace.default.createElement("p", { className: "text-sm opacity-80" }, "\u7F6E\u4FE1\u5EA6: ", (result.score * 100).toFixed(1), "% (", result.label, ")"))), error && /* @__PURE__ */ React37__namespace.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__ */ React12__default.default.createElement(lucideReact.Loader2, { className: "animate-spin", size: 18 }) : /* @__PURE__ */ React12__default.default.createElement(lucideReact.Send, { size: 18 })
+  )), isProcessing && /* @__PURE__ */ React12__default.default.createElement("div", { className: "mt-4 flex items-center gap-2 text-sm text-blue-600 animate-pulse" }, /* @__PURE__ */ React12__default.default.createElement(lucideReact.Loader2, { size: 14, className: "animate-spin" }), /* @__PURE__ */ React12__default.default.createElement("span", null, "\u6B63\u5728\u5206\u6790 (\u9996\u6B21\u8FD0\u884C\u5C06\u52A0\u8F7D\u6A21\u578B\u8D44\u6E90)...")), result && !isProcessing && /* @__PURE__ */ React12__default.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__ */ React12__default.default.createElement("div", { className: "p-2 bg-white rounded-full shadow-sm" }, getSentimentIcon()), /* @__PURE__ */ React12__default.default.createElement("div", null, /* @__PURE__ */ React12__default.default.createElement("p", { className: "font-bold text-lg capitalize" }, result.sentiment), /* @__PURE__ */ React12__default.default.createElement("p", { className: "text-sm opacity-80" }, "\u7F6E\u4FE1\u5EA6: ", (result.score * 100).toFixed(1), "% (", result.label, ")"))), error && /* @__PURE__ */ React12__default.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] = React37.useState({
+  const [state, setState] = React12.useState({
     isProcessing: false,
     status: "idle",
     error: null,
     result: null
   });
-  const pipelineRef = React37.useRef(null);
-  const generate = React37.useCallback(async (prompt) => {
+  const pipelineRef = React12.useRef(null);
+  const generate = React12.useCallback(async (prompt) => {
     console.log("[AI] Generating for prompt:", prompt);
     setState((prev) => ({
       ...prev,
@@ -649,11 +614,11 @@ var useTextGeneration = (options = {}) => {
   return { ...state, generate };
 };
 var SmartAssistant = ({ className = "" }) => {
-  const [input, setInput] = React37.useState("");
-  const [chatHistory, setChatHistory] = React37.useState([]);
-  const scrollRef = React37.useRef(null);
+  const [input, setInput] = React12.useState("");
+  const [chatHistory, setChatHistory] = React12.useState([]);
+  const scrollRef = React12.useRef(null);
   const { generate, isProcessing: isGenerating, status: genStatus } = useTextGeneration();
-  React37.useEffect(() => {
+  React12.useEffect(() => {
     if (scrollRef.current) {
       scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
     }
@@ -697,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__ */ React37__namespace.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__namespace.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__namespace.default.createElement("div", { className: "h-full flex flex-col items-center justify-center text-gray-400 space-y-2" }, /* @__PURE__ */ React37__namespace.default.createElement(lucideReact.Bot, { size: 48, className: "opacity-20" }), /* @__PURE__ */ React37__namespace.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__namespace.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__namespace.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__namespace.default.createElement("div", { className: `flex gap-3 max-w-[85%] ${msg.role === "user" ? "flex-row-reverse" : ""}` }, /* @__PURE__ */ React37__namespace.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__namespace.default.createElement(lucideReact.User, { size: 18 }) : /* @__PURE__ */ React37__namespace.default.createElement(lucideReact.Bot, { size: 18 })), /* @__PURE__ */ React37__namespace.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__namespace.default.createElement("div", { className: "flex justify-start" }, /* @__PURE__ */ React37__namespace.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__namespace.default.createElement(lucideReact.Loader2, { className: "animate-spin text-blue-500", size: 16 }), /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React37__namespace.default.createElement("span", { className: "text-xs text-gray-500 font-medium" }, "\u601D\u8003\u4E2D..."), /* @__PURE__ */ React37__namespace.default.createElement("span", { className: "text-[10px] text-blue-400 font-mono tracking-tighter" }, genStatus))))), /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "p-4 bg-white dark:bg-gray-800 border-t border-gray-100 dark:border-gray-700" }, /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "relative flex items-center gap-2" }, /* @__PURE__ */ React37__namespace.default.createElement(
+  return /* @__PURE__ */ React12__default.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__ */ React12__default.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__ */ React12__default.default.createElement("div", { className: "h-full flex flex-col items-center justify-center text-gray-400 space-y-2" }, /* @__PURE__ */ React12__default.default.createElement(lucideReact.Bot, { size: 48, className: "opacity-20" }), /* @__PURE__ */ React12__default.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__ */ React12__default.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__ */ React12__default.default.createElement("div", { key: i, className: `flex ${msg.role === "user" ? "justify-end" : "justify-start"} animate-in fade-in slide-in-from-bottom-2` }, /* @__PURE__ */ React12__default.default.createElement("div", { className: `flex gap-3 max-w-[85%] ${msg.role === "user" ? "flex-row-reverse" : ""}` }, /* @__PURE__ */ React12__default.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__ */ React12__default.default.createElement(lucideReact.User, { size: 18 }) : /* @__PURE__ */ React12__default.default.createElement(lucideReact.Bot, { size: 18 })), /* @__PURE__ */ React12__default.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__ */ React12__default.default.createElement("div", { className: "flex justify-start" }, /* @__PURE__ */ React12__default.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__ */ React12__default.default.createElement(lucideReact.Loader2, { className: "animate-spin text-blue-500", size: 16 }), /* @__PURE__ */ React12__default.default.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React12__default.default.createElement("span", { className: "text-xs text-gray-500 font-medium" }, "\u601D\u8003\u4E2D..."), /* @__PURE__ */ React12__default.default.createElement("span", { className: "text-[10px] text-blue-400 font-mono tracking-tighter" }, genStatus))))), /* @__PURE__ */ React12__default.default.createElement("div", { className: "p-4 bg-white dark:bg-gray-800 border-t border-gray-100 dark:border-gray-700" }, /* @__PURE__ */ React12__default.default.createElement("div", { className: "relative flex items-center gap-2" }, /* @__PURE__ */ React12__default.default.createElement(
     "input",
     {
       type: "text",
@@ -708,2022 +673,600 @@ 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__ */ React37__namespace.default.createElement(
+  ), /* @__PURE__ */ React12__default.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__ */ React37__namespace.default.createElement(lucideReact.Send, { size: 18 })
+    /* @__PURE__ */ React12__default.default.createElement(lucideReact.Send, { size: 18 })
   ))));
 };
-var buttonVariants = classVarianceAuthority.cva(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
-        destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
-        outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
-        secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
-        ghost: "hover:bg-accent hover:text-accent-foreground",
-        link: "text-primary underline-offset-4 hover:underline"
-      },
-      size: {
-        default: "h-9 px-4 py-2",
-        sm: "h-8 rounded-md px-3 text-xs",
-        lg: "h-10 rounded-md px-8",
-        icon: "h-9 w-9"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-var Button = React37__namespace.forwardRef(
-  ({ className, variant = "default", size = "default", asChild = false, ...props }, ref) => {
-    const Comp = asChild ? reactSlot.Slot : "button";
-    return /* @__PURE__ */ React37__namespace.createElement(
-      Comp,
+var themeStyles = {
+  light: "",
+  dark: "bg-[#222] text-[#eee] border-[#444]",
+  blue: "bg-[#f0f8ff] border-[#1890ff]/20"
+};
+var ProfileModal = ({
+  isOpen,
+  onClose,
+  data,
+  showAvatar = true,
+  showContacts = true,
+  showSocial = true,
+  showBio = true,
+  avatarSize = 80,
+  onAvatarClick,
+  onSocialLinkClick,
+  onContactClick,
+  themeName = "light",
+  className
+}) => {
+  const renderSocialLinks = () => {
+    if (!data.socialLinks || data.socialLinks.length === 0) return null;
+    return /* @__PURE__ */ React12__default.default.createElement("div", { className: "flex gap-3 mt-2" }, data.socialLinks.map((link, index) => /* @__PURE__ */ React12__default.default.createElement(
+      "a",
       {
-        className: chunk7Z5LLJ3A_js.cn(buttonVariants({ variant, size, className })),
-        ref,
-        ...props
-      }
-    );
-  }
-);
-Button.displayName = "Button";
-var Card = React37__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37__namespace.createElement(
-  "div",
-  {
-    ref,
-    className: chunk7Z5LLJ3A_js.cn(
-      "rounded-xl border bg-card text-card-foreground shadow",
-      className
-    ),
-    ...props
-  }
-));
-Card.displayName = "Card";
-var CardHeader = React37__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37__namespace.createElement(
-  "div",
-  {
-    ref,
-    className: chunk7Z5LLJ3A_js.cn("flex flex-col space-y-1.5 p-6", className),
-    ...props
-  }
-));
-CardHeader.displayName = "CardHeader";
-var CardTitle = React37__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37__namespace.createElement(
-  "div",
-  {
-    ref,
-    className: chunk7Z5LLJ3A_js.cn("font-semibold leading-none tracking-tight", className),
-    ...props
-  }
-));
-CardTitle.displayName = "CardTitle";
-var CardDescription = React37__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37__namespace.createElement(
-  "div",
-  {
-    ref,
-    className: chunk7Z5LLJ3A_js.cn("text-sm text-muted-foreground", className),
-    ...props
-  }
-));
-CardDescription.displayName = "CardDescription";
-var CardContent = React37__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37__namespace.createElement("div", { ref, className: chunk7Z5LLJ3A_js.cn("p-6 pt-0", className), ...props }));
-CardContent.displayName = "CardContent";
-var CardFooter = React37__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37__namespace.createElement(
-  "div",
-  {
-    ref,
-    className: chunk7Z5LLJ3A_js.cn("flex items-center p-6 pt-0", className),
-    ...props
-  }
-));
-CardFooter.displayName = "CardFooter";
-var badgeVariants = classVarianceAuthority.cva(
-  "inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
-  {
-    variants: {
-      variant: {
-        default: "border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80",
-        secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        destructive: "border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80",
-        outline: "text-foreground"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-function Badge({ className, variant, ...props }) {
-  return /* @__PURE__ */ React37__namespace.createElement("div", { className: chunk7Z5LLJ3A_js.cn(badgeVariants({ variant }), className), ...props });
-}
-var Input = React37__namespace.forwardRef(
-  ({ className, type, ...props }, ref) => {
-    return /* @__PURE__ */ React37__namespace.createElement(
-      "input",
+        key: index,
+        href: link.url,
+        className: chunk7Z5LLJ3A_js.cn(
+          "w-8 h-8 flex items-center justify-center rounded-full no-underline transition-all hover:-translate-y-0.5",
+          themeName === "dark" ? "bg-gray-800 text-gray-200 hover:bg-gray-700" : "bg-gray-100 text-gray-800 hover:bg-gray-200"
+        ),
+        title: link.type,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        onClick: (e) => {
+          if (onSocialLinkClick) {
+            e.preventDefault();
+            onSocialLinkClick(link.url, link.type);
+          }
+        }
+      },
+      link.icon ? /* @__PURE__ */ React12__default.default.createElement("span", { className: "text-base" }, link.icon) : /* @__PURE__ */ React12__default.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__ */ React12__default.default.createElement("div", { className: chunk7Z5LLJ3A_js.cn(
+      "mt-4 border-t pt-4",
+      themeName === "dark" ? "border-gray-800" : "border-gray-100"
+    ) }, Object.entries(data.contacts).map(([type, value], index) => /* @__PURE__ */ React12__default.default.createElement(
+      "div",
       {
-        type,
+        key: index,
         className: chunk7Z5LLJ3A_js.cn(
-          "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
-          className
+          "flex mb-2 cursor-pointer py-1.5 px-2 rounded transition-colors",
+          themeName === "dark" ? "hover:bg-gray-800" : "hover:bg-gray-50"
         ),
-        ref,
-        ...props
-      }
-    );
-  }
-);
-Input.displayName = "Input";
-var labelVariants = classVarianceAuthority.cva(
-  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
-);
-var Label = React37__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37__namespace.createElement(
-  LabelPrimitive__namespace.Root,
-  {
-    ref,
-    className: chunk7Z5LLJ3A_js.cn(labelVariants(), className),
-    ...props
-  }
-));
-Label.displayName = LabelPrimitive__namespace.Root.displayName;
-var Tabs = TabsPrimitive__namespace.Root;
-var TabsList = React37__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37__namespace.createElement(
-  TabsPrimitive__namespace.List,
-  {
-    ref,
-    className: chunk7Z5LLJ3A_js.cn(
-      "inline-flex h-9 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground",
-      className
-    ),
-    ...props
-  }
-));
-TabsList.displayName = TabsPrimitive__namespace.List.displayName;
-var TabsTrigger = React37__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37__namespace.createElement(
-  TabsPrimitive__namespace.Trigger,
-  {
-    ref,
-    className: chunk7Z5LLJ3A_js.cn(
-      "inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow",
-      className
-    ),
-    ...props
-  }
-));
-TabsTrigger.displayName = TabsPrimitive__namespace.Trigger.displayName;
-var TabsContent = React37__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37__namespace.createElement(
-  TabsPrimitive__namespace.Content,
-  {
-    ref,
-    className: chunk7Z5LLJ3A_js.cn(
-      "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
-      className
-    ),
-    ...props
-  }
-));
-TabsContent.displayName = TabsPrimitive__namespace.Content.displayName;
-var Dialog = DialogPrimitive__namespace.Root;
-var DialogTrigger = DialogPrimitive__namespace.Trigger;
-var DialogPortal = DialogPrimitive__namespace.Portal;
-var DialogClose = DialogPrimitive__namespace.Close;
-var DialogOverlay = React37__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37__namespace.createElement(
-  DialogPrimitive__namespace.Overlay,
-  {
-    ref,
-    className: chunk7Z5LLJ3A_js.cn(
-      "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-      className
-    ),
-    ...props
-  }
-));
-DialogOverlay.displayName = DialogPrimitive__namespace.Overlay.displayName;
-var DialogContent = React37__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React37__namespace.createElement(DialogPortal, null, /* @__PURE__ */ React37__namespace.createElement(DialogOverlay, null), /* @__PURE__ */ React37__namespace.createElement(
-  DialogPrimitive__namespace.Content,
-  {
-    ref,
-    className: chunk7Z5LLJ3A_js.cn(
-      "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
-      className
-    ),
-    ...props
-  },
-  children,
-  /* @__PURE__ */ React37__namespace.createElement(DialogPrimitive__namespace.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__namespace.createElement(lucideReact.X, { className: "h-4 w-4" }), /* @__PURE__ */ React37__namespace.createElement("span", { className: "sr-only" }, "Close"))
-)));
-DialogContent.displayName = DialogPrimitive__namespace.Content.displayName;
-var DialogHeader = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ React37__namespace.createElement(
-  "div",
-  {
-    className: chunk7Z5LLJ3A_js.cn(
-      "flex flex-col space-y-1.5 text-center sm:text-left",
-      className
-    ),
-    ...props
-  }
-);
-DialogHeader.displayName = "DialogHeader";
-var DialogFooter = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ React37__namespace.createElement(
-  "div",
-  {
-    className: chunk7Z5LLJ3A_js.cn(
-      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
-      className
-    ),
-    ...props
-  }
-);
-DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React37__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37__namespace.createElement(
-  DialogPrimitive__namespace.Title,
-  {
-    ref,
-    className: chunk7Z5LLJ3A_js.cn(
-      "text-lg font-semibold leading-none tracking-tight",
-      className
-    ),
-    ...props
-  }
-));
-DialogTitle.displayName = DialogPrimitive__namespace.Title.displayName;
-var DialogDescription = React37__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37__namespace.createElement(
-  DialogPrimitive__namespace.Description,
-  {
-    ref,
-    className: chunk7Z5LLJ3A_js.cn("text-sm text-muted-foreground", className),
-    ...props
-  }
-));
-DialogDescription.displayName = DialogPrimitive__namespace.Description.displayName;
-var AlertDialog = AlertDialogPrimitive__namespace.Root;
-var AlertDialogTrigger = AlertDialogPrimitive__namespace.Trigger;
-var AlertDialogPortal = AlertDialogPrimitive__namespace.Portal;
-var AlertDialogOverlay = React37__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37__namespace.createElement(
-  AlertDialogPrimitive__namespace.Overlay,
-  {
-    className: chunk7Z5LLJ3A_js.cn(
-      "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-      className
-    ),
-    ...props,
-    ref
-  }
-));
-AlertDialogOverlay.displayName = AlertDialogPrimitive__namespace.Overlay.displayName;
-var AlertDialogContent = React37__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37__namespace.createElement(AlertDialogPortal, null, /* @__PURE__ */ React37__namespace.createElement(AlertDialogOverlay, null), /* @__PURE__ */ React37__namespace.createElement(
-  AlertDialogPrimitive__namespace.Content,
-  {
-    ref,
-    className: chunk7Z5LLJ3A_js.cn(
-      "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
-      className
-    ),
-    ...props
-  }
-)));
-AlertDialogContent.displayName = AlertDialogPrimitive__namespace.Content.displayName;
-var AlertDialogHeader = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ React37__namespace.createElement(
-  "div",
-  {
-    className: chunk7Z5LLJ3A_js.cn(
-      "flex flex-col space-y-2 text-center sm:text-left",
-      className
-    ),
-    ...props
-  }
-);
-AlertDialogHeader.displayName = "AlertDialogHeader";
-var AlertDialogFooter = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ React37__namespace.createElement(
-  "div",
-  {
-    className: chunk7Z5LLJ3A_js.cn(
-      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
-      className
-    ),
-    ...props
-  }
-);
-AlertDialogFooter.displayName = "AlertDialogFooter";
-var AlertDialogTitle = React37__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37__namespace.createElement(
-  AlertDialogPrimitive__namespace.Title,
-  {
-    ref,
-    className: chunk7Z5LLJ3A_js.cn("text-lg font-semibold", className),
-    ...props
-  }
-));
-AlertDialogTitle.displayName = AlertDialogPrimitive__namespace.Title.displayName;
-var AlertDialogDescription = React37__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37__namespace.createElement(
-  AlertDialogPrimitive__namespace.Description,
-  {
-    ref,
-    className: chunk7Z5LLJ3A_js.cn("text-sm text-muted-foreground", className),
-    ...props
-  }
-));
-AlertDialogDescription.displayName = AlertDialogPrimitive__namespace.Description.displayName;
-var AlertDialogAction = React37__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37__namespace.createElement(
-  AlertDialogPrimitive__namespace.Action,
-  {
-    ref,
-    className: chunk7Z5LLJ3A_js.cn(buttonVariants(), className),
-    ...props
-  }
-));
-AlertDialogAction.displayName = AlertDialogPrimitive__namespace.Action.displayName;
-var AlertDialogCancel = React37__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37__namespace.createElement(
-  AlertDialogPrimitive__namespace.Cancel,
-  {
-    ref,
-    className: chunk7Z5LLJ3A_js.cn(
-      buttonVariants({ variant: "outline" }),
-      "mt-2 sm:mt-0",
-      className
-    ),
-    ...props
-  }
-));
-AlertDialogCancel.displayName = AlertDialogPrimitive__namespace.Cancel.displayName;
-var DropdownMenu = DropdownMenuPrimitive__namespace.Root;
-var DropdownMenuTrigger = DropdownMenuPrimitive__namespace.Trigger;
-var DropdownMenuGroup = DropdownMenuPrimitive__namespace.Group;
-var DropdownMenuPortal = DropdownMenuPrimitive__namespace.Portal;
-var DropdownMenuSub = DropdownMenuPrimitive__namespace.Sub;
-var DropdownMenuRadioGroup = DropdownMenuPrimitive__namespace.RadioGroup;
-var DropdownMenuSubTrigger = React37__namespace.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ React37__namespace.createElement(
-  DropdownMenuPrimitive__namespace.SubTrigger,
-  {
-    ref,
-    className: chunk7Z5LLJ3A_js.cn(
-      "flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
-      inset && "pl-8",
-      className
-    ),
-    ...props
-  },
-  children,
-  /* @__PURE__ */ React37__namespace.createElement(lucideReact.ChevronRight, { className: "ml-auto" })
-));
-DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive__namespace.SubTrigger.displayName;
-var DropdownMenuSubContent = React37__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37__namespace.createElement(
-  DropdownMenuPrimitive__namespace.SubContent,
-  {
-    ref,
-    className: chunk7Z5LLJ3A_js.cn(
-      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]",
-      className
-    ),
-    ...props
-  }
-));
-DropdownMenuSubContent.displayName = DropdownMenuPrimitive__namespace.SubContent.displayName;
-var DropdownMenuContent = React37__namespace.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React37__namespace.createElement(DropdownMenuPrimitive__namespace.Portal, null, /* @__PURE__ */ React37__namespace.createElement(
-  DropdownMenuPrimitive__namespace.Content,
-  {
-    ref,
-    sideOffset,
-    className: chunk7Z5LLJ3A_js.cn(
-      "z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md",
-      "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]",
-      className
-    ),
-    ...props
-  }
-)));
-DropdownMenuContent.displayName = DropdownMenuPrimitive__namespace.Content.displayName;
-var DropdownMenuItem = React37__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ React37__namespace.createElement(
-  DropdownMenuPrimitive__namespace.Item,
-  {
-    ref,
-    className: chunk7Z5LLJ3A_js.cn(
-      "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0",
-      inset && "pl-8",
-      className
-    ),
-    ...props
-  }
-));
-DropdownMenuItem.displayName = DropdownMenuPrimitive__namespace.Item.displayName;
-var DropdownMenuCheckboxItem = React37__namespace.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ React37__namespace.createElement(
-  DropdownMenuPrimitive__namespace.CheckboxItem,
-  {
-    ref,
-    className: chunk7Z5LLJ3A_js.cn(
-      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      className
-    ),
-    checked,
-    ...props
-  },
-  /* @__PURE__ */ React37__namespace.createElement("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center" }, /* @__PURE__ */ React37__namespace.createElement(DropdownMenuPrimitive__namespace.ItemIndicator, null, /* @__PURE__ */ React37__namespace.createElement(lucideReact.Check, { className: "h-4 w-4" }))),
-  children
-));
-DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive__namespace.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React37__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React37__namespace.createElement(
-  DropdownMenuPrimitive__namespace.RadioItem,
-  {
-    ref,
-    className: chunk7Z5LLJ3A_js.cn(
-      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      className
-    ),
-    ...props
-  },
-  /* @__PURE__ */ React37__namespace.createElement("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center" }, /* @__PURE__ */ React37__namespace.createElement(DropdownMenuPrimitive__namespace.ItemIndicator, null, /* @__PURE__ */ React37__namespace.createElement(lucideReact.Circle, { className: "h-2 w-2 fill-current" }))),
-  children
-));
-DropdownMenuRadioItem.displayName = DropdownMenuPrimitive__namespace.RadioItem.displayName;
-var DropdownMenuLabel = React37__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ React37__namespace.createElement(
-  DropdownMenuPrimitive__namespace.Label,
-  {
-    ref,
-    className: chunk7Z5LLJ3A_js.cn(
-      "px-2 py-1.5 text-sm font-semibold",
-      inset && "pl-8",
-      className
-    ),
-    ...props
-  }
-));
-DropdownMenuLabel.displayName = DropdownMenuPrimitive__namespace.Label.displayName;
-var DropdownMenuSeparator = React37__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37__namespace.createElement(
-  DropdownMenuPrimitive__namespace.Separator,
-  {
-    ref,
-    className: chunk7Z5LLJ3A_js.cn("-mx-1 my-1 h-px bg-muted", className),
-    ...props
-  }
-));
-DropdownMenuSeparator.displayName = DropdownMenuPrimitive__namespace.Separator.displayName;
-var DropdownMenuShortcut = ({
-  className,
-  ...props
-}) => {
-  return /* @__PURE__ */ React37__namespace.createElement(
-    "span",
+        onClick: () => onContactClick && onContactClick(type, value)
+      },
+      /* @__PURE__ */ React12__default.default.createElement("span", { className: chunk7Z5LLJ3A_js.cn(
+        "font-medium w-[70px] shrink-0",
+        themeName === "dark" ? "text-gray-400" : "text-gray-500"
+      ) }, type, ":"),
+      /* @__PURE__ */ React12__default.default.createElement("span", { className: themeName === "dark" ? "text-gray-200" : "text-gray-800" }, value)
+    )));
+  };
+  return /* @__PURE__ */ React12__default.default.createElement(chunkE72D5KHY_js.Dialog, { open: isOpen, onOpenChange: (open) => !open && onClose() }, /* @__PURE__ */ React12__default.default.createElement(chunkE72D5KHY_js.DialogContent, { className: chunk7Z5LLJ3A_js.cn(
+    "sm:max-w-[500px] p-0 overflow-hidden border-none shadow-2xl",
+    themeStyles[themeName] || "",
+    className
+  ) }, /* @__PURE__ */ React12__default.default.createElement("div", { className: "p-6" }, /* @__PURE__ */ React12__default.default.createElement("div", { className: "flex gap-5 mb-5" }, showAvatar && /* @__PURE__ */ React12__default.default.createElement(
+    "div",
     {
-      className: chunk7Z5LLJ3A_js.cn("ml-auto text-xs tracking-widest opacity-60", className),
-      ...props
-    }
-  );
+      className: "shrink-0",
+      onClick: onAvatarClick,
+      style: { cursor: onAvatarClick ? "pointer" : "default" }
+    },
+    /* @__PURE__ */ React12__default.default.createElement(chunkE72D5KHY_js.Avatar, { className: "border-2 border-primary/10 shadow-sm", style: { width: avatarSize, height: avatarSize } }, data.avatar && /* @__PURE__ */ React12__default.default.createElement(chunkE72D5KHY_js.AvatarImage, { src: data.avatar, alt: data.name, className: "object-cover" }), /* @__PURE__ */ React12__default.default.createElement(chunkE72D5KHY_js.AvatarFallback, { className: "text-xl" }, data.name.substring(0, 2).toUpperCase()))
+  ), /* @__PURE__ */ React12__default.default.createElement("div", { className: "flex-1 min-w-0 flex flex-col justify-center" }, /* @__PURE__ */ React12__default.default.createElement("h2", { className: chunk7Z5LLJ3A_js.cn(
+    "text-2xl font-bold m-0 mb-1",
+    themeName === "dark" ? "text-white" : "text-gray-900"
+  ) }, data.name), data.title && /* @__PURE__ */ React12__default.default.createElement("div", { className: chunk7Z5LLJ3A_js.cn(
+    "text-sm mb-2",
+    themeName === "dark" ? "text-gray-400" : "text-gray-500"
+  ) }, data.title), showSocial && renderSocialLinks())), showBio && data.bio && /* @__PURE__ */ React12__default.default.createElement("div", { className: chunk7Z5LLJ3A_js.cn(
+    "mb-5 leading-relaxed text-sm",
+    themeName === "dark" ? "text-gray-300" : "text-gray-600"
+  ) }, /* @__PURE__ */ React12__default.default.createElement("p", null, data.bio)), showContacts && renderContacts(), data.customContent && /* @__PURE__ */ React12__default.default.createElement("div", { className: "mt-5" }, data.customContent))));
 };
-DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
-var Popover = PopoverPrimitive__namespace.Root;
-var PopoverTrigger = PopoverPrimitive__namespace.Trigger;
-var PopoverAnchor = PopoverPrimitive__namespace.Anchor;
-var PopoverContent = React37__namespace.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React37__namespace.createElement(PopoverPrimitive__namespace.Portal, null, /* @__PURE__ */ React37__namespace.createElement(
-  PopoverPrimitive__namespace.Content,
-  {
-    ref,
-    align,
-    sideOffset,
-    className: chunk7Z5LLJ3A_js.cn(
-      "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-popover-content-transform-origin]",
-      className
-    ),
-    ...props
-  }
-)));
-PopoverContent.displayName = PopoverPrimitive__namespace.Content.displayName;
-var Progress = React37__namespace.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ React37__namespace.createElement(
-  ProgressPrimitive__namespace.Root,
-  {
-    ref,
-    className: chunk7Z5LLJ3A_js.cn(
-      "relative h-2 w-full overflow-hidden rounded-full bg-primary/20",
-      className
-    ),
-    ...props
-  },
-  /* @__PURE__ */ React37__namespace.createElement(
-    ProgressPrimitive__namespace.Indicator,
-    {
-      className: "h-full w-full flex-1 bg-primary transition-all",
-      style: { transform: `translateX(-${100 - (value || 0)}%)` }
-    }
-  )
-));
-Progress.displayName = ProgressPrimitive__namespace.Root.displayName;
-var ScrollArea = React37__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React37__namespace.createElement(
-  ScrollAreaPrimitive__namespace.Root,
-  {
-    ref,
-    className: chunk7Z5LLJ3A_js.cn("relative overflow-hidden", className),
-    ...props
-  },
-  /* @__PURE__ */ React37__namespace.createElement(ScrollAreaPrimitive__namespace.Viewport, { className: "h-full w-full rounded-[inherit]" }, children),
-  /* @__PURE__ */ React37__namespace.createElement(ScrollBar, null),
-  /* @__PURE__ */ React37__namespace.createElement(ScrollAreaPrimitive__namespace.Corner, null)
-));
-ScrollArea.displayName = ScrollAreaPrimitive__namespace.Root.displayName;
-var ScrollBar = React37__namespace.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React37__namespace.createElement(
-  ScrollAreaPrimitive__namespace.ScrollAreaScrollbar,
-  {
-    ref,
-    orientation,
-    className: chunk7Z5LLJ3A_js.cn(
-      "flex touch-none select-none transition-colors",
-      orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
-      orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
-      className
-    ),
-    ...props
-  },
-  /* @__PURE__ */ React37__namespace.createElement(ScrollAreaPrimitive__namespace.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
-));
-ScrollBar.displayName = ScrollAreaPrimitive__namespace.ScrollAreaScrollbar.displayName;
-var Select = SelectPrimitive__namespace.Root;
-var SelectGroup = SelectPrimitive__namespace.Group;
-var SelectValue = SelectPrimitive__namespace.Value;
-var SelectTrigger = React37__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React37__namespace.createElement(
-  SelectPrimitive__namespace.Trigger,
-  {
-    ref,
-    className: chunk7Z5LLJ3A_js.cn(
-      "flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
-      className
-    ),
-    ...props
-  },
-  children,
-  /* @__PURE__ */ React37__namespace.createElement(SelectPrimitive__namespace.Icon, { asChild: true }, /* @__PURE__ */ React37__namespace.createElement(lucideReact.ChevronDown, { className: "h-4 w-4 opacity-50" }))
-));
-SelectTrigger.displayName = SelectPrimitive__namespace.Trigger.displayName;
-var SelectScrollUpButton = React37__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37__namespace.createElement(
-  SelectPrimitive__namespace.ScrollUpButton,
-  {
-    ref,
-    className: chunk7Z5LLJ3A_js.cn(
-      "flex cursor-default items-center justify-center py-1",
-      className
-    ),
-    ...props
-  },
-  /* @__PURE__ */ React37__namespace.createElement(lucideReact.ChevronUp, { className: "h-4 w-4" })
-));
-SelectScrollUpButton.displayName = SelectPrimitive__namespace.ScrollUpButton.displayName;
-var SelectScrollDownButton = React37__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37__namespace.createElement(
-  SelectPrimitive__namespace.ScrollDownButton,
-  {
-    ref,
-    className: chunk7Z5LLJ3A_js.cn(
-      "flex cursor-default items-center justify-center py-1",
-      className
-    ),
-    ...props
-  },
-  /* @__PURE__ */ React37__namespace.createElement(lucideReact.ChevronDown, { className: "h-4 w-4" })
-));
-SelectScrollDownButton.displayName = SelectPrimitive__namespace.ScrollDownButton.displayName;
-var SelectContent = React37__namespace.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ React37__namespace.createElement(SelectPrimitive__namespace.Portal, null, /* @__PURE__ */ React37__namespace.createElement(
-  SelectPrimitive__namespace.Content,
-  {
-    ref,
-    className: chunk7Z5LLJ3A_js.cn(
-      "relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-select-content-transform-origin]",
-      position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
-      className
-    ),
-    position,
-    ...props
-  },
-  /* @__PURE__ */ React37__namespace.createElement(SelectScrollUpButton, null),
-  /* @__PURE__ */ React37__namespace.createElement(
-    SelectPrimitive__namespace.Viewport,
+var ProfileModal_default = ProfileModal;
+var BadgeList = ({
+  badges,
+  className = ""
+}) => {
+  if (!badges || badges.length === 0) return null;
+  return /* @__PURE__ */ React12__default.default.createElement("div", { className: chunk7Z5LLJ3A_js.cn("flex flex-wrap gap-2 mt-4", className) }, badges.map((badge, index) => /* @__PURE__ */ React12__default.default.createElement(
+    chunkE72D5KHY_js.Badge,
     {
-      className: chunk7Z5LLJ3A_js.cn(
-        "p-1",
-        position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
-      )
+      key: index,
+      variant: badge.type === "default" ? "default" : badge.type
     },
-    children
-  ),
-  /* @__PURE__ */ React37__namespace.createElement(SelectScrollDownButton, null)
-)));
-SelectContent.displayName = SelectPrimitive__namespace.Content.displayName;
-var SelectLabel = React37__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37__namespace.createElement(
-  SelectPrimitive__namespace.Label,
-  {
-    ref,
-    className: chunk7Z5LLJ3A_js.cn("px-2 py-1.5 text-sm font-semibold", className),
-    ...props
-  }
-));
-SelectLabel.displayName = SelectPrimitive__namespace.Label.displayName;
-var SelectItem = React37__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React37__namespace.createElement(
-  SelectPrimitive__namespace.Item,
-  {
-    ref,
-    className: chunk7Z5LLJ3A_js.cn(
-      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      className
-    ),
-    ...props
+    badge.icon && /* @__PURE__ */ React12__default.default.createElement("span", { className: "mr-1" }, badge.icon),
+    badge.label
+  )));
+};
+
+// src/profile/internal/Stat.tsx
+var Stat = ({
+  label,
+  value,
+  icon,
+  className = ""
+}) => {
+  return /* @__PURE__ */ React.createElement("div", { className: chunk7Z5LLJ3A_js.cn("flex flex-col items-center flex-1 text-center", className) }, icon && /* @__PURE__ */ React.createElement("span", { className: "mb-2 text-2xl text-gray-400" }, icon), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: "text-lg font-semibold text-gray-800" }, value), /* @__PURE__ */ React.createElement("div", { className: "text-xs text-gray-400 mt-1" }, label)));
+};
+
+// src/profile/internal/StatList.tsx
+var StatList = ({
+  stats,
+  className = ""
+}) => {
+  if (!stats || stats.length === 0) return null;
+  return /* @__PURE__ */ React.createElement("div", { className: chunk7Z5LLJ3A_js.cn("flex justify-between mt-4 pt-4 border-t border-gray-100", className) }, stats.map((stat, index) => /* @__PURE__ */ React.createElement(Stat, { key: index, ...stat })));
+};
+
+// src/profile/ProfileButton.tsx
+var exampleProfileData = {
+  name: "\u5F20\u4E09",
+  avatar: "https://randomuser.me/api/portraits/men/32.jpg",
+  title: "\u9AD8\u7EA7\u524D\u7AEF\u5DE5\u7A0B\u5E08",
+  bio: "\u4E13\u6CE8\u4E8EReact\u548CNext.js\u5F00\u53D1\u7684\u524D\u7AEF\u5DE5\u7A0B\u5E08\uFF0C\u67095\u5E74\u5DE5\u4F5C\u7ECF\u9A8C\u3002\u70ED\u7231\u5F00\u6E90\uFF0C\u559C\u6B22\u5206\u4EAB\u6280\u672F\u7ECF\u9A8C\u3002",
+  contacts: {
+    "\u90AE\u7BB1": "zhangsan@example.com",
+    "\u7535\u8BDD": "138-8888-8888",
+    "\u5730\u5740": "\u4E0A\u6D77\u5E02\u6D66\u4E1C\u65B0\u533A"
   },
-  /* @__PURE__ */ React37__namespace.createElement("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center" }, /* @__PURE__ */ React37__namespace.createElement(SelectPrimitive__namespace.ItemIndicator, null, /* @__PURE__ */ React37__namespace.createElement(lucideReact.Check, { className: "h-4 w-4" }))),
-  /* @__PURE__ */ React37__namespace.createElement(SelectPrimitive__namespace.ItemText, null, children)
-));
-SelectItem.displayName = SelectPrimitive__namespace.Item.displayName;
-var SelectSeparator = React37__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37__namespace.createElement(
-  SelectPrimitive__namespace.Separator,
-  {
-    ref,
-    className: chunk7Z5LLJ3A_js.cn("-mx-1 my-1 h-px bg-muted", className),
-    ...props
-  }
-));
-SelectSeparator.displayName = SelectPrimitive__namespace.Separator.displayName;
-var Separator3 = React37__namespace.forwardRef(
-  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ React37__namespace.createElement(
-    SeparatorPrimitive__namespace.Root,
-    {
-      ref,
-      decorative,
-      orientation,
-      className: chunk7Z5LLJ3A_js.cn(
-        "shrink-0 bg-border",
-        orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
-        className
-      ),
-      ...props
-    }
-  )
-);
-Separator3.displayName = SeparatorPrimitive__namespace.Root.displayName;
-var Sheet = DialogPrimitive__namespace.Root;
-var SheetTrigger = DialogPrimitive__namespace.Trigger;
-var SheetClose = DialogPrimitive__namespace.Close;
-var SheetPortal = DialogPrimitive__namespace.Portal;
-var SheetOverlay = React37__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37__namespace.createElement(
-  DialogPrimitive__namespace.Overlay,
-  {
-    className: chunk7Z5LLJ3A_js.cn(
-      "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-      className
-    ),
-    ...props,
-    ref
-  }
-));
-SheetOverlay.displayName = DialogPrimitive__namespace.Overlay.displayName;
-var sheetVariants = classVarianceAuthority.cva(
-  "fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out",
-  {
-    variants: {
-      side: {
-        top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
-        bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
-        left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
-        right: "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"
-      }
-    },
-    defaultVariants: {
-      side: "right"
+  socialLinks: [
+    { type: "GitHub", url: "https://github.com/zhangsan", icon: "\u2605" },
+    { type: "Twitter", url: "https://twitter.com/zhangsan", icon: "\u2726" },
+    { type: "LinkedIn", url: "https://linkedin.com/in/zhangsan", icon: "\u272A" }
+  ],
+  badges: [
+    { label: "React", type: "primary" },
+    { label: "Next.js", type: "success" },
+    { label: "TypeScript", type: "info" },
+    { label: "CSS", type: "default" }
+  ],
+  stats: [
+    { label: "\u9879\u76EE", value: 42 },
+    { label: "\u7C89\u4E1D", value: 1024 },
+    { label: "\u8BC4\u5206", value: "4.9" }
+  ],
+  customContent: /* @__PURE__ */ React12__default.default.createElement("div", { className: "mt-5 border-t border-gray-100 pt-4" }, /* @__PURE__ */ React12__default.default.createElement("h3", { className: "text-sm font-semibold mb-2" }, "\u4E13\u4E1A\u6280\u80FD"), /* @__PURE__ */ React12__default.default.createElement("p", { className: "text-sm text-gray-600 leading-relaxed" }, "\u7CBE\u901AReact\u3001Vue\u3001Angular\u7B49\u524D\u7AEF\u6846\u67B6\uFF0C\u719F\u6089TypeScript\u3001JavaScript\u3001CSS3\u3001HTML5\u7B49\u524D\u7AEF\u6280\u672F\u3002 \u6709\u4E30\u5BCC\u7684\u5927\u578B\u9879\u76EE\u5F00\u53D1\u7ECF\u9A8C\uFF0C\u80FD\u72EC\u7ACB\u8D1F\u8D23\u524D\u7AEF\u67B6\u6784\u8BBE\u8BA1\u3002"))
+};
+var ProfileButton = ({
+  data = exampleProfileData,
+  buttonText = "\u67E5\u770B\u4E2A\u4EBA\u4FE1\u606F",
+  variant = "default",
+  size = "default",
+  className = "",
+  modalTheme = "light"
+}) => {
+  const [isModalOpen, setIsModalOpen] = React12.useState(false);
+  const openModal = () => setIsModalOpen(true);
+  const closeModal = () => setIsModalOpen(false);
+  const handleContactClick = (type, value) => {
+    if (type === "\u90AE\u7BB1") {
+      window.open(`mailto:${value}`);
+    } else if (type === "\u7535\u8BDD") {
+      window.open(`tel:${value}`);
     }
-  }
-);
-var SheetContent = React37__namespace.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ React37__namespace.createElement(SheetPortal, null, /* @__PURE__ */ React37__namespace.createElement(SheetOverlay, null), /* @__PURE__ */ React37__namespace.createElement(
-  DialogPrimitive__namespace.Content,
-  {
-    ref,
-    className: chunk7Z5LLJ3A_js.cn(sheetVariants({ side }), className),
-    ...props
-  },
-  /* @__PURE__ */ React37__namespace.createElement(DialogPrimitive__namespace.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__namespace.createElement(lucideReact.X, { className: "h-4 w-4" }), /* @__PURE__ */ React37__namespace.createElement("span", { className: "sr-only" }, "Close")),
-  children
-)));
-SheetContent.displayName = DialogPrimitive__namespace.Content.displayName;
-var SheetHeader = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ React37__namespace.createElement(
-  "div",
-  {
-    className: chunk7Z5LLJ3A_js.cn(
-      "flex flex-col space-y-2 text-center sm:text-left",
-      className
-    ),
-    ...props
-  }
-);
-SheetHeader.displayName = "SheetHeader";
-var SheetFooter = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ React37__namespace.createElement(
-  "div",
-  {
-    className: chunk7Z5LLJ3A_js.cn(
-      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
-      className
-    ),
-    ...props
-  }
-);
-SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React37__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37__namespace.createElement(
-  DialogPrimitive__namespace.Title,
-  {
-    ref,
-    className: chunk7Z5LLJ3A_js.cn("text-lg font-semibold text-foreground", className),
-    ...props
-  }
-));
-SheetTitle.displayName = DialogPrimitive__namespace.Title.displayName;
-var SheetDescription = React37__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37__namespace.createElement(
-  DialogPrimitive__namespace.Description,
-  {
-    ref,
-    className: chunk7Z5LLJ3A_js.cn("text-sm text-muted-foreground", className),
-    ...props
-  }
-));
-SheetDescription.displayName = DialogPrimitive__namespace.Description.displayName;
-var Textarea = React37__namespace.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ React37__namespace.createElement(
-    "textarea",
+  };
+  return /* @__PURE__ */ React12__default.default.createElement(React12__default.default.Fragment, null, /* @__PURE__ */ React12__default.default.createElement(
+    chunkE72D5KHY_js.Button,
     {
-      className: chunk7Z5LLJ3A_js.cn(
-        "flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
-        className
-      ),
-      ref,
-      ...props
-    }
-  );
-});
-Textarea.displayName = "Textarea";
-var TooltipProvider = TooltipPrimitive__namespace.Provider;
-var Tooltip = TooltipPrimitive__namespace.Root;
-var TooltipTrigger = TooltipPrimitive__namespace.Trigger;
-var TooltipContent = React37__namespace.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React37__namespace.createElement(TooltipPrimitive__namespace.Portal, null, /* @__PURE__ */ React37__namespace.createElement(
-  TooltipPrimitive__namespace.Content,
-  {
-    ref,
-    sideOffset,
-    className: chunk7Z5LLJ3A_js.cn(
-      "z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-tooltip-content-transform-origin]",
-      className
-    ),
-    ...props
-  }
-)));
-TooltipContent.displayName = TooltipPrimitive__namespace.Content.displayName;
-var Avatar = React37__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37__namespace.createElement(
-  AvatarPrimitive__namespace.Root,
-  {
-    ref,
-    className: chunk7Z5LLJ3A_js.cn(
-      "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
-      className
-    ),
-    ...props
-  }
-));
-Avatar.displayName = AvatarPrimitive__namespace.Root.displayName;
-var AvatarImage = React37__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37__namespace.createElement(
-  AvatarPrimitive__namespace.Image,
-  {
-    ref,
-    className: chunk7Z5LLJ3A_js.cn("aspect-square h-full w-full", className),
-    ...props
-  }
-));
-AvatarImage.displayName = AvatarPrimitive__namespace.Image.displayName;
-var AvatarFallback = React37__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React37__namespace.createElement(
-  AvatarPrimitive__namespace.Fallback,
-  {
-    ref,
-    className: chunk7Z5LLJ3A_js.cn(
-      "flex h-full w-full items-center justify-center rounded-full bg-muted",
+      variant,
+      size,
+      onClick: openModal,
       className
-    ),
-    ...props
-  }
-));
-AvatarFallback.displayName = AvatarPrimitive__namespace.Fallback.displayName;
-function buildGridColsClasses(columns) {
-  return [
-    "grid-cols-1",
-    // 默认单列
-    columns.sm ? `sm:grid-cols-${columns.sm}` : "",
-    columns.md ? `md:grid-cols-${columns.md}` : "md:grid-cols-2",
-    columns.lg ? `lg:grid-cols-${columns.lg}` : "lg:grid-cols-3",
-    columns.xl ? `xl:grid-cols-${columns.xl}` : ""
-  ].filter(Boolean).join(" ");
-}
-function getGapClassName(gap) {
-  const gapClasses = {
-    sm: "gap-3",
-    md: "gap-6",
-    lg: "gap-8",
-    xl: "gap-10"
-  };
-  return gapClasses[gap];
-}
-function Grid({
-  items,
-  renderItem,
-  columns = { md: 2, lg: 3 },
-  gap = "md",
-  className = "",
-  style
-}) {
-  const gridColsClasses = buildGridColsClasses(columns);
-  const gapClass = getGapClassName(gap);
-  return /* @__PURE__ */ React37__namespace.default.createElement(
-    "div",
+    },
+    buttonText
+  ), /* @__PURE__ */ React12__default.default.createElement(
+    ProfileModal_default,
     {
-      className: `grid ${gridColsClasses} ${gapClass} ${className}`.trim(),
-      style
+      isOpen: isModalOpen,
+      onClose: closeModal,
+      data,
+      themeName: modalTheme,
+      onContactClick: handleContactClick,
+      onSocialLinkClick: (url) => window.open(url, "_blank")
     },
-    items.map((item, index) => /* @__PURE__ */ React37__namespace.default.createElement("div", { key: item.id }, renderItem(item, index)))
-  );
-}
-var Timeline = ({ items = [] }) => {
-  if (!items || items.length === 0) {
-    return null;
-  }
-  return /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "relative" }, /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "absolute left-4 top-0 bottom-0 w-0.5 bg-gray-200" }), items.map((item, index) => /* @__PURE__ */ React37__namespace.default.createElement("div", { key: index, className: "relative pl-12 pb-8" }, /* @__PURE__ */ React37__namespace.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__namespace.default.createElement("div", { className: "w-2 h-2 rounded-full bg-white" })), /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "bg-white rounded-lg p-4 shadow-md" }, /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "text-sm text-gray-500 mb-2" }, item.date), /* @__PURE__ */ React37__namespace.default.createElement("h4", { className: "text-lg font-semibold mb-2" }, item.title), /* @__PURE__ */ React37__namespace.default.createElement("p", { className: "text-gray-600" }, item.description)))));
+    data.customContent,
+    data.badges && /* @__PURE__ */ React12__default.default.createElement(BadgeList, { badges: data.badges }),
+    data.stats && /* @__PURE__ */ React12__default.default.createElement(StatList, { stats: data.stats })
+  ));
 };
-var CollisionBalls = ({
-  collisionBallsConfig: {
-    balls,
-    width,
-    height
-  }
+var AutoOpenModal = ({
+  data,
+  delay = 500,
+  // 默认延迟500毫秒
+  themeName = "light",
+  onClose
 }) => {
-  const canvasRef = React37.useRef(null);
-  const containerRef = React37.useRef(null);
-  const ballsRef = React37.useRef([]);
-  const [isShaking, setIsShaking] = React37.useState(false);
-  const [draggedBall, setDraggedBall] = React37.useState(null);
-  const [mousePos, setMousePos] = React37.useState({ x: 0, y: 0 });
-  const animationRef = React37.useRef(null);
-  const updateCanvasSize = () => {
-    const container = containerRef.current;
-    const canvas = canvasRef.current;
-    if (!container || !canvas) {
-      console.error("Container or canvas not found");
-      return;
-    }
-    const containerWidth = container.clientWidth;
-    const containerHeight = container.clientHeight;
-    console.log("Container size:", { containerWidth, containerHeight });
-    canvas.width = containerWidth;
-    canvas.height = containerHeight;
-    canvas.style.width = `${containerWidth}px`;
-    canvas.style.height = `${containerHeight}px`;
-    console.log("Canvas size updated:", {
-      width: canvas.width,
-      height: canvas.height,
-      containerWidth,
-      containerHeight
-    });
-  };
-  const initBalls = () => {
-    const canvas = canvasRef.current;
-    if (!canvas) {
-      console.error("Canvas not found during ball initialization");
-      return [];
-    }
-    console.log("Initializing balls with canvas size:", {
-      width: canvas.width,
-      height: canvas.height
-    });
-    return balls.map((ballConfig) => ({
-      x: Math.random() * (canvas.width - 100) + 50,
-      y: Math.random() * (canvas.height - 100) + 50,
-      vx: (Math.random() - 0.5) * 4,
-      vy: (Math.random() - 0.5) * 4,
-      radius: ballConfig.size,
-      color: ballConfig.color,
-      text: ballConfig.label,
-      isDragging: false
-    }));
-  };
-  React37.useEffect(() => {
-    const handleResize = () => {
-      console.log("Window resized");
-      updateCanvasSize();
-    };
-    if (typeof window !== "undefined") {
-      window.addEventListener("resize", handleResize);
-      updateCanvasSize();
-    }
-    return () => {
-      if (typeof window !== "undefined") {
-        window.removeEventListener("resize", handleResize);
-      }
-    };
-  }, []);
-  React37.useEffect(() => {
-    const canvas = canvasRef.current;
-    if (!canvas) {
-      console.error("Canvas element not found");
-      return;
-    }
-    const ctx = canvas.getContext("2d");
-    if (!ctx) {
-      console.error("Failed to get canvas context");
-      return;
+  const [isModalOpen, setIsModalOpen] = React12.useState(false);
+  React12.useEffect(() => {
+    const timer = setTimeout(() => {
+      setIsModalOpen(true);
+    }, delay);
+    return () => clearTimeout(timer);
+  }, [delay]);
+  const handleClose = () => {
+    setIsModalOpen(false);
+    if (onClose) {
+      onClose();
     }
-    console.log("Starting animation setup...");
-    updateCanvasSize();
-    ballsRef.current = initBalls();
-    console.log("Balls initialized:", ballsRef.current);
-    let lastTime = performance.now();
-    let frameCount = 0;
-    const animate = (currentTime) => {
-      try {
-        frameCount++;
-        if (currentTime - lastTime >= 1e3) {
-          console.log(`FPS: ${frameCount}`);
-          frameCount = 0;
-          lastTime = currentTime;
-        }
-        ctx.clearRect(0, 0, canvas.width, canvas.height);
-        ballsRef.current.forEach((ball) => {
-          if (!ball.isDragging) {
-            updatePosition(ball, canvas.width, canvas.height);
-          }
-          for (let i = 0; i < ballsRef.current.length; i++) {
-            for (let j = i + 1; j < ballsRef.current.length; j++) {
-              const ball1 = ballsRef.current[i];
-              const ball2 = ballsRef.current[j];
-              if (ball1 && ball2) {
-                checkCollision(ball1, ball2);
-              }
-            }
-          }
-          draw(ctx, ball);
-        });
-        animationRef.current = requestAnimationFrame(animate);
-      } catch (error) {
-        console.error("Animation error:", error);
-      }
-    };
-    console.log("Starting animation loop...");
-    animationRef.current = requestAnimationFrame(animate);
-    return () => {
-      console.log("Cleaning up animation...");
-      if (animationRef.current) {
-        cancelAnimationFrame(animationRef.current);
-        animationRef.current = null;
-      }
-    };
-  }, []);
-  const shake = () => {
-    setIsShaking(true);
-    ballsRef.current.forEach((ball) => {
-      ball.vx = (Math.random() - 0.5) * 10;
-      ball.vy = (Math.random() - 0.5) * 10;
-    });
-    setTimeout(() => setIsShaking(false), 200);
-  };
-  const slowdown = () => {
-    setIsShaking(true);
-    ballsRef.current.forEach((ball) => {
-      ball.vx = ball.vx * 0.5;
-      ball.vy = ball.vy * 0.5;
-    });
-    setTimeout(() => setIsShaking(false), 200);
   };
-  const checkCollision = (ball1, ball2) => {
-    const dx = ball2.x - ball1.x;
-    const dy = ball2.y - ball1.y;
-    const distance = Math.sqrt(dx * dx + dy * dy);
-    if (distance < ball1.radius + ball2.radius) {
-      const angle = Math.atan2(dy, dx);
-      const overlap = (ball1.radius + ball2.radius - distance) / 2;
-      if (ball1.isDragging || ball2.isDragging) {
-        const draggedBall2 = ball1.isDragging ? ball1 : ball2;
-        const otherBall = ball1.isDragging ? ball2 : ball1;
-        otherBall.x += (draggedBall2 === ball1 ? 1 : -1) * overlap * Math.cos(angle);
-        otherBall.y += (draggedBall2 === ball1 ? 1 : -1) * overlap * Math.sin(angle);
-        const pushForce = 2;
-        otherBall.vx = (draggedBall2 === ball1 ? -1 : 1) * Math.cos(angle) * pushForce;
-        otherBall.vy = (draggedBall2 === ball1 ? -1 : 1) * Math.sin(angle) * pushForce;
-        return;
-      }
-      const sin = Math.sin(angle);
-      const cos = Math.cos(angle);
-      const vx1 = ball1.vx * cos + ball1.vy * sin;
-      const vy1 = ball1.vy * cos - ball1.vx * sin;
-      const vx2 = ball2.vx * cos + ball2.vy * sin;
-      const vy2 = ball2.vy * cos - ball2.vx * sin;
-      const newVx1 = vx2;
-      const newVx2 = vx1;
-      ball1.vx = newVx1 * cos - vy1 * sin;
-      ball1.vy = vy1 * cos + newVx1 * sin;
-      ball2.vx = newVx2 * cos - vy2 * sin;
-      ball2.vy = vy2 * cos + newVx2 * sin;
-      ball1.x -= overlap * Math.cos(angle);
-      ball1.y -= overlap * Math.sin(angle);
-      ball2.x += overlap * Math.cos(angle);
-      ball2.y += overlap * Math.sin(angle);
+  const handleContactClick = (type, value) => {
+    if (type === "\u90AE\u7BB1") {
+      window.open(`mailto:${value}`);
+    } else if (type === "\u7535\u8BDD") {
+      window.open(`tel:${value}`);
     }
   };
-  const updatePosition = (ball, width2, height2) => {
-    const handleBoundaryCollision = (velocity, position, boundary, radius) => {
-      let newVelocity = velocity;
-      let newPosition = position;
-      if (position - radius < 0) {
-        newPosition = radius;
-        newVelocity = Math.abs(velocity);
-      } else if (position + radius > boundary) {
-        newPosition = boundary - radius;
-        newVelocity = -Math.abs(velocity);
-      }
-      return [newVelocity, newPosition];
-    };
-    const [newVx, newX] = handleBoundaryCollision(
-      ball.vx,
-      ball.x,
-      width2,
-      ball.radius
-    );
-    const [newVy, newY] = handleBoundaryCollision(
-      ball.vy,
-      ball.y,
-      height2,
-      ball.radius
-    );
-    ball.vx = newVx;
-    ball.vy = newVy;
-    ball.x = newX;
-    ball.y = newY;
-  };
-  const draw = (ctx, ball) => {
-    ctx.beginPath();
-    ctx.arc(ball.x, ball.y, ball.radius, 0, Math.PI * 2);
-    ctx.fillStyle = ball.color;
-    ctx.fill();
-    ctx.closePath();
-    if (ball.text) {
-      ctx.font = "14px Arial";
-      ctx.fillStyle = "#fff";
-      ctx.textAlign = "center";
-      ctx.textBaseline = "middle";
-      ctx.fillText(ball.text, ball.x, ball.y);
+  return /* @__PURE__ */ React12__default.default.createElement(
+    ProfileModal_default,
+    {
+      isOpen: isModalOpen,
+      onClose: handleClose,
+      data,
+      themeName,
+      onContactClick: handleContactClick,
+      onSocialLinkClick: (url) => window.open(url, "_blank")
+    },
+    data.badges && /* @__PURE__ */ React12__default.default.createElement(BadgeList, { badges: data.badges }),
+    data.stats && /* @__PURE__ */ React12__default.default.createElement(StatList, { stats: data.stats })
+  );
+};
+var sizeMap = {
+  small: "h-8 w-8",
+  medium: "h-12 w-12",
+  large: "h-16 w-16"
+};
+var moodColors = {
+  online: "bg-green-500",
+  offline: "bg-gray-500",
+  away: "bg-yellow-500"
+};
+var EnhancedAvatar = ({
+  src,
+  name,
+  size = "medium",
+  mood = "online",
+  statusText,
+  onClick,
+  className
+}) => {
+  const sizeClass = typeof size === "string" ? sizeMap[size] : "";
+  const customSizeStyle = typeof size === "number" ? { width: size, height: size } : {};
+  return /* @__PURE__ */ React12__default.default.createElement("div", { className: chunk7Z5LLJ3A_js.cn("relative inline-block", className), onClick }, /* @__PURE__ */ React12__default.default.createElement(chunkE72D5KHY_js.Avatar, { className: chunk7Z5LLJ3A_js.cn(sizeClass, onClick && "cursor-pointer hover:ring-2 hover:ring-blue-500 transition-all"), style: customSizeStyle }, src && /* @__PURE__ */ React12__default.default.createElement(chunkE72D5KHY_js.AvatarImage, { src, alt: name || "Avatar", className: "object-cover" }), /* @__PURE__ */ React12__default.default.createElement(chunkE72D5KHY_js.AvatarFallback, { className: "bg-primary/10 text-primary-foreground" }, name ? name.substring(0, 2).toUpperCase() : "??")), mood && /* @__PURE__ */ React12__default.default.createElement(
+    "div",
+    {
+      className: chunk7Z5LLJ3A_js.cn(
+        "absolute bottom-0 right-0 rounded-full border-2 border-white",
+        moodColors[mood],
+        typeof size === "number" ? size > 60 ? "h-4 w-4" : "h-3 w-3" : size === "large" ? "h-4 w-4" : "h-3 w-3"
+      )
     }
+  ), statusText && /* @__PURE__ */ React12__default.default.createElement("div", { className: "absolute -bottom-6 left-1/2 transform -translate-x-1/2 whitespace-nowrap" }, /* @__PURE__ */ React12__default.default.createElement("span", { className: "text-xs text-muted-foreground" }, statusText)));
+};
+var About = ({
+  timelineConfig,
+  collisionBallsConfig
+}) => {
+  return /* @__PURE__ */ React12__default.default.createElement("section", { id: "about", className: "py-16 bg-white" }, /* @__PURE__ */ React12__default.default.createElement("div", { className: "container mx-auto px-4" }, /* @__PURE__ */ React12__default.default.createElement("h2", { className: "text-3xl font-bold text-center mb-12" }, "\u5173\u4E8E\u6211"), /* @__PURE__ */ React12__default.default.createElement("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-12" }, /* @__PURE__ */ React12__default.default.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6" }, /* @__PURE__ */ React12__default.default.createElement("h3", { className: "text-2xl font-semibold mb-6" }, "\u4E2A\u4EBA\u7ECF\u5386"), /* @__PURE__ */ React12__default.default.createElement(chunkE72D5KHY_js.Timeline, { items: timelineConfig.items })), /* @__PURE__ */ React12__default.default.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6" }, /* @__PURE__ */ React12__default.default.createElement("h3", { className: "text-2xl font-semibold mb-6" }, "\u6280\u80FD\u5C55\u793A"), /* @__PURE__ */ React12__default.default.createElement("div", { style: { height: "400px", position: "relative" } }, /* @__PURE__ */ React12__default.default.createElement(chunkE72D5KHY_js.CollisionBalls, { collisionBallsConfig }))))));
+};
+var About_default = About;
+var Contact = () => {
+  const [formData, setFormData] = React12.useState({
+    name: "",
+    email: "",
+    message: ""
+  });
+  const [isSubmitting, setIsSubmitting] = React12.useState(false);
+  const [submitStatus, setSubmitStatus] = React12.useState("idle");
+  const handleChange = (e) => {
+    const { name, value } = e.target;
+    setFormData((prev) => ({
+      ...prev,
+      [name]: value
+    }));
   };
-  const handleMouseDown = (event) => {
-    const mousePos2 = getMousePos(event);
-    const ball = ballsRef.current.find((b) => {
-      const dx = b.x - mousePos2.x;
-      const dy = b.y - mousePos2.y;
-      return Math.sqrt(dx * dx + dy * dy) < b.radius;
-    });
-    if (ball) {
-      ball.isDragging = true;
-      setDraggedBall(ball);
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    setIsSubmitting(true);
+    setSubmitStatus("idle");
+    try {
+      await new Promise((resolve) => setTimeout(resolve, 1e3));
+      setSubmitStatus("success");
+      setFormData({ name: "", email: "", message: "" });
+    } catch (error) {
+      setSubmitStatus("error");
+    } finally {
+      setIsSubmitting(false);
     }
   };
-  const handleMouseMove = (event) => {
-    const mousePos2 = getMousePos(event);
-    setMousePos(mousePos2);
-    if (draggedBall) {
-      draggedBall.x = mousePos2.x;
-      draggedBall.y = mousePos2.y;
-      draggedBall.vx = 0;
-      draggedBall.vy = 0;
+  return /* @__PURE__ */ React12__default.default.createElement("section", { id: "contact", className: "py-16 bg-gray-50" }, /* @__PURE__ */ React12__default.default.createElement("div", { className: "max-w-4xl mx-auto px-4 sm:px-6 lg:px-8" }, /* @__PURE__ */ React12__default.default.createElement("div", { className: "text-center mb-12" }, /* @__PURE__ */ React12__default.default.createElement("h2", { className: "text-3xl font-bold text-gray-900 sm:text-4xl" }, "\u8054\u7CFB\u6211"), /* @__PURE__ */ React12__default.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__ */ React12__default.default.createElement("div", { className: "bg-white rounded-lg shadow-xl p-6 sm:p-8" }, /* @__PURE__ */ React12__default.default.createElement("form", { onSubmit: handleSubmit, className: "space-y-6" }, /* @__PURE__ */ React12__default.default.createElement("div", null, /* @__PURE__ */ React12__default.default.createElement("label", { htmlFor: "name", className: "block text-sm font-medium text-gray-700" }, "\u59D3\u540D"), /* @__PURE__ */ React12__default.default.createElement(
+    "input",
+    {
+      type: "text",
+      name: "name",
+      id: "name",
+      value: formData.name,
+      onChange: handleChange,
+      required: true,
+      className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500 sm:text-sm",
+      placeholder: "\u8BF7\u8F93\u5165\u60A8\u7684\u59D3\u540D"
     }
-  };
-  const handleMouseUp = () => {
-    if (draggedBall) {
-      draggedBall.isDragging = false;
-      setDraggedBall(null);
+  )), /* @__PURE__ */ React12__default.default.createElement("div", null, /* @__PURE__ */ React12__default.default.createElement("label", { htmlFor: "email", className: "block text-sm font-medium text-gray-700" }, "\u90AE\u7BB1"), /* @__PURE__ */ React12__default.default.createElement(
+    "input",
+    {
+      type: "email",
+      name: "email",
+      id: "email",
+      value: formData.email,
+      onChange: handleChange,
+      required: true,
+      className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500 sm:text-sm",
+      placeholder: "\u8BF7\u8F93\u5165\u60A8\u7684\u90AE\u7BB1"
     }
-  };
-  const getMousePos = (event) => {
-    const canvas = canvasRef.current;
-    if (!canvas) return { x: 0, y: 0 };
-    const rect = canvas.getBoundingClientRect();
-    const scaleX = canvas.width / rect.width;
-    const scaleY = canvas.height / rect.height;
-    return {
-      x: (event.clientX - rect.left) * scaleX,
-      y: (event.clientY - rect.top) * scaleY
-    };
-  };
-  return /* @__PURE__ */ React37__namespace.default.createElement("div", { style: { width: "100%", height: "100%", position: "relative", backgroundColor: "#f9fafb", borderRadius: "0.5rem" } }, /* @__PURE__ */ React37__namespace.default.createElement("div", { ref: containerRef, style: { width: "100%", height: "100%", position: "absolute", top: 0, left: 0 } }, /* @__PURE__ */ React37__namespace.default.createElement(
-    "canvas",
+  )), /* @__PURE__ */ React12__default.default.createElement("div", null, /* @__PURE__ */ React12__default.default.createElement("label", { htmlFor: "message", className: "block text-sm font-medium text-gray-700" }, "\u6D88\u606F"), /* @__PURE__ */ React12__default.default.createElement(
+    "textarea",
     {
-      ref: canvasRef,
-      style: {
-        width: "100%",
-        height: "100%",
-        display: "block"
-        // 确保canvas正确显示
-      },
-      onMouseDown: handleMouseDown,
-      onMouseMove: handleMouseMove,
-      onMouseUp: handleMouseUp,
-      onMouseLeave: handleMouseUp
+      name: "message",
+      id: "message",
+      rows: 4,
+      value: formData.message,
+      onChange: handleChange,
+      required: true,
+      className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500 sm:text-sm",
+      placeholder: "\u8BF7\u8F93\u5165\u60A8\u7684\u6D88\u606F"
     }
-  )), /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "absolute bottom-4 right-4 flex gap-2" }, /* @__PURE__ */ React37__namespace.default.createElement(
+  )), /* @__PURE__ */ React12__default.default.createElement("div", { className: "flex items-center justify-end" }, /* @__PURE__ */ React12__default.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" : ""}`
+      type: "submit",
+      disabled: isSubmitting,
+      className: `inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white 
+                  ${isSubmitting ? "bg-blue-400 cursor-not-allowed" : "bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500"}`
     },
-    "\u6447\u4E00\u6447"
-  ), /* @__PURE__ */ React37__namespace.default.createElement(
-    "button",
-    {
-      onClick: slowdown,
-      className: `px-4 py-2 bg-green-500 text-white rounded-lg hover:bg-green-600 transition-colors ${isShaking ? "animate-pulse" : ""}`
-    },
-    "\u51CF\u901F"
-  )));
+    isSubmitting ? "\u53D1\u9001\u4E2D..." : "\u53D1\u9001\u6D88\u606F"
+  )), submitStatus === "success" && /* @__PURE__ */ React12__default.default.createElement("div", { className: "rounded-md bg-green-50 p-4" }, /* @__PURE__ */ React12__default.default.createElement("div", { className: "flex" }, /* @__PURE__ */ React12__default.default.createElement("div", { className: "flex-shrink-0" }, /* @__PURE__ */ React12__default.default.createElement("svg", { className: "h-5 w-5 text-green-400", viewBox: "0 0 20 20", fill: "currentColor" }, /* @__PURE__ */ React12__default.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__ */ React12__default.default.createElement("div", { className: "ml-3" }, /* @__PURE__ */ React12__default.default.createElement("p", { className: "text-sm font-medium text-green-800" }, "\u6D88\u606F\u5DF2\u6210\u529F\u53D1\u9001\uFF01")))), submitStatus === "error" && /* @__PURE__ */ React12__default.default.createElement("div", { className: "rounded-md bg-red-50 p-4" }, /* @__PURE__ */ React12__default.default.createElement("div", { className: "flex" }, /* @__PURE__ */ React12__default.default.createElement("div", { className: "flex-shrink-0" }, /* @__PURE__ */ React12__default.default.createElement("svg", { className: "h-5 w-5 text-red-400", viewBox: "0 0 20 20", fill: "currentColor" }, /* @__PURE__ */ React12__default.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__ */ React12__default.default.createElement("div", { className: "ml-3" }, /* @__PURE__ */ React12__default.default.createElement("p", { className: "text-sm font-medium text-red-800" }, "\u53D1\u9001\u5931\u8D25\uFF0C\u8BF7\u7A0D\u540E\u91CD\u8BD5")))))), /* @__PURE__ */ React12__default.default.createElement("div", { className: "mt-12 grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3" }, /* @__PURE__ */ React12__default.default.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6 text-center" }, /* @__PURE__ */ React12__default.default.createElement("div", { className: "text-blue-600 mb-4" }, /* @__PURE__ */ React12__default.default.createElement("svg", { className: "h-8 w-8 mx-auto", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React12__default.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__ */ React12__default.default.createElement("h3", { className: "text-lg font-medium text-gray-900" }, "\u90AE\u7BB1"), /* @__PURE__ */ React12__default.default.createElement("p", { className: "mt-2 text-gray-600" }, "your.email@example.com")), /* @__PURE__ */ React12__default.default.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6 text-center" }, /* @__PURE__ */ React12__default.default.createElement("div", { className: "text-blue-600 mb-4" }, /* @__PURE__ */ React12__default.default.createElement("svg", { className: "h-8 w-8 mx-auto", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React12__default.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__ */ React12__default.default.createElement("h3", { className: "text-lg font-medium text-gray-900" }, "\u7535\u8BDD"), /* @__PURE__ */ React12__default.default.createElement("p", { className: "mt-2 text-gray-600" }, "+86 123 4567 8900")), /* @__PURE__ */ React12__default.default.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6 text-center" }, /* @__PURE__ */ React12__default.default.createElement("div", { className: "text-blue-600 mb-4" }, /* @__PURE__ */ React12__default.default.createElement("svg", { className: "h-8 w-8 mx-auto", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React12__default.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__ */ React12__default.default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M15 11a3 3 0 11-6 0 3 3 0 016 0z" }))), /* @__PURE__ */ React12__default.default.createElement("h3", { className: "text-lg font-medium text-gray-900" }, "\u5730\u5740"), /* @__PURE__ */ React12__default.default.createElement("p", { className: "mt-2 text-gray-600" }, "\u4E2D\u56FD\uFF0C\u5317\u4EAC")))));
 };
-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] = React37.useState([]);
-  const [originalOrder, setOriginalOrder] = React37.useState([]);
-  const [loading, setLoading] = React37.useState(true);
-  const [saving, setSaving] = React37.useState(false);
-  const [error, setError] = React37.useState(null);
-  const [hasChanges, setHasChanges] = React37.useState(false);
-  const [draggedItem, setDraggedItem] = React37.useState(null);
-  const loadItems = React37.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]);
-  React37.useEffect(() => {
-    loadItems();
-  }, [loadItems]);
-  React37.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");
+var Contact_default = Contact;
+var Home = ({ homeConfig, className }) => {
+  const { title, subtitle, buttons, imageSrc } = homeConfig;
+  const [displayText, setDisplayText] = React12.useState("");
+  const [currentIndex, setCurrentIndex] = React12.useState(0);
+  React12.useEffect(() => {
+    if (currentIndex < title.length) {
+      const timer = setTimeout(() => {
+        setDisplayText((prev) => prev + title[currentIndex]);
+        setCurrentIndex((prev) => prev + 1);
+      }, 150);
+      return () => clearTimeout(timer);
     }
-  };
-  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;
+    return () => {
+      setDisplayText("");
+      setCurrentIndex(0);
+    };
+  }, [currentIndex, title]);
+  return /* @__PURE__ */ React12__default.default.createElement(
+    "section",
+    {
+      id: "home",
+      className: chunk7Z5LLJ3A_js.cn("min-h-screen flex items-center justify-center py-16 bg-gradient-to-b from-white to-gray-50", className)
+    },
+    /* @__PURE__ */ React12__default.default.createElement("div", { className: "container mx-auto px-4" }, /* @__PURE__ */ React12__default.default.createElement("div", { className: "flex flex-col md:flex-row items-center gap-12" }, /* @__PURE__ */ React12__default.default.createElement("div", { className: "flex-1 text-center md:text-left" }, /* @__PURE__ */ React12__default.default.createElement("h1", { className: "text-4xl md:text-6xl font-bold mb-6 text-gray-900" }, /* @__PURE__ */ React12__default.default.createElement("span", { className: "inline-block" }, displayText), /* @__PURE__ */ React12__default.default.createElement("span", { className: "animate-pulse ml-1 text-blue-500" }, "|")), /* @__PURE__ */ React12__default.default.createElement("p", { className: "text-xl md:text-2xl text-gray-600 mb-8" }, subtitle), /* @__PURE__ */ React12__default.default.createElement("div", { className: "flex flex-wrap gap-4 justify-center md:justify-start" }, buttons.map((button) => /* @__PURE__ */ React12__default.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__ */ React12__default.default.createElement("div", { className: "flex-1" }, /* @__PURE__ */ React12__default.default.createElement("div", { className: "relative group" }, /* @__PURE__ */ React12__default.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__ */ React12__default.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"
       }
-      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;
-    }
+    )))))
+  );
+};
+var Home_default = Home;
+var ExperimentCard = ({
+  href,
+  title,
+  description,
+  tags,
+  category,
+  isCompleted,
+  updatedAt,
+  createdAt,
+  className
+}) => {
+  const formatDate = (dateString) => {
+    if (!dateString) 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 date = new Date(dateString);
+      return date.toLocaleDateString("zh-CN", {
+        year: "numeric",
+        month: "2-digit",
+        day: "2-digit"
+      });
+    } catch (e) {
+      return dateString;
     }
   };
-  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);
-    }
+  return /* @__PURE__ */ React12__default.default.createElement(Link__default.default, { href, className: chunk7Z5LLJ3A_js.cn("block group", className) }, /* @__PURE__ */ React12__default.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__ */ React12__default.default.createElement("div", { className: "p-6" }, /* @__PURE__ */ React12__default.default.createElement("div", { className: "flex items-start justify-between mb-4" }, /* @__PURE__ */ React12__default.default.createElement("h3", { className: "text-xl font-semibold text-gray-900 flex-1 pr-4 leading-tight" }, title), /* @__PURE__ */ React12__default.default.createElement("div", { className: "flex flex-col gap-2 flex-shrink-0" }, /* @__PURE__ */ React12__default.default.createElement("span", { className: chunk7Z5LLJ3A_js.cn(
+    "px-3 py-1.5 text-xs font-medium rounded-full shadow-sm",
+    category === "utility" ? "bg-gradient-to-r from-green-50 to-green-100 text-green-700 border border-green-200" : "bg-gradient-to-r from-purple-50 to-purple-100 text-purple-700 border border-purple-200"
+  ) }, category === "utility" ? "\u{1F527} \u5B9E\u7528\u5DE5\u5177" : "\u{1F3AE} \u4F11\u95F2\u5A31\u4E50"), /* @__PURE__ */ React12__default.default.createElement("span", { className: chunk7Z5LLJ3A_js.cn(
+    "px-3 py-1.5 text-xs font-medium rounded-full shadow-sm border",
+    isCompleted ? "bg-gradient-to-r from-emerald-50 to-emerald-100 text-emerald-700 border border-emerald-200" : "bg-gradient-to-r from-orange-50 to-orange-100 text-orange-700 border border-orange-200"
+  ) }, isCompleted ? "\u2705 \u5DF2\u5B8C\u6210" : "\u{1F6A7} \u8FDB\u884C\u4E2D"))), /* @__PURE__ */ React12__default.default.createElement("p", { className: "text-gray-600 mb-4" }, description), updatedAt && /* @__PURE__ */ React12__default.default.createElement("div", { className: "flex items-center gap-1 mb-3 text-xs text-gray-500" }, /* @__PURE__ */ React12__default.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__ */ React12__default.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__ */ React12__default.default.createElement("span", null, "\u66F4\u65B0\u4E8E: ", formatDate(updatedAt)), createdAt && createdAt !== updatedAt && /* @__PURE__ */ React12__default.default.createElement("span", { className: "ml-2 text-gray-400" }, "\u521B\u5EFA\u4E8E: ", formatDate(createdAt))), /* @__PURE__ */ React12__default.default.createElement("div", { className: "flex flex-wrap gap-2" }, tags.map((tag) => /* @__PURE__ */ React12__default.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] = React12.useState(0);
+  const nextSlide = () => {
+    setCurrentIndex(
+      (prevIndex) => prevIndex === projects.length - 1 ? 0 : prevIndex + 1
+    );
   };
-  const handleResetOrder = () => {
-    setItems([...originalOrder]);
+  const prevSlide = () => {
+    setCurrentIndex(
+      (prevIndex) => prevIndex === 0 ? projects.length - 1 : prevIndex - 1
+    );
   };
-  if (loading) {
-    return /* @__PURE__ */ React37__namespace.default.createElement("div", { className: chunk7Z5LLJ3A_js.cn("flex flex-col items-center justify-center p-12 text-gray-500", className) }, /* @__PURE__ */ React37__namespace.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__namespace.default.createElement("span", null, loadingMessage));
-  }
-  return /* @__PURE__ */ React37__namespace.default.createElement("div", { className: chunk7Z5LLJ3A_js.cn("bg-white rounded-xl p-6 shadow-md border-2 border-gray-100", className) }, /* @__PURE__ */ React37__namespace.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__namespace.default.createElement("h3", { className: "m-0 text-gray-900 text-lg font-semibold" }, title), /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "flex gap-3 w-full sm:w-auto" }, hasChanges && /* @__PURE__ */ React37__namespace.default.createElement(React37__namespace.default.Fragment, null, /* @__PURE__ */ React37__namespace.default.createElement(
-    "button",
+  return /* @__PURE__ */ React12__default.default.createElement("section", { id: "projects", className: chunk7Z5LLJ3A_js.cn("py-16 bg-gray-50", className) }, /* @__PURE__ */ React12__default.default.createElement("div", { className: "container mx-auto px-4" }, /* @__PURE__ */ React12__default.default.createElement("h2", { className: "text-3xl font-bold text-center mb-12 text-gray-900" }, "\u9879\u76EE\u5C55\u793A"), /* @__PURE__ */ React12__default.default.createElement("div", { className: "relative max-w-4xl mx-auto" }, /* @__PURE__ */ React12__default.default.createElement("div", { className: "relative h-[400px] overflow-hidden rounded-lg shadow-xl" }, projects.map((project, index) => /* @__PURE__ */ React12__default.default.createElement(
+    "div",
     {
-      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"
+      key: project.id,
+      className: chunk7Z5LLJ3A_js.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__namespace.default.createElement(lucideReact.RotateCcw, { size: 16 }),
-    "\u91CD\u7F6E"
-  ), /* @__PURE__ */ React37__namespace.default.createElement(
+    /* @__PURE__ */ React12__default.default.createElement(
+      ExperimentCard,
+      {
+        href: project.link || "#",
+        title: project.title,
+        description: project.description,
+        tags: project.tags,
+        category: "utility"
+      }
+    )
+  ))), /* @__PURE__ */ React12__default.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__namespace.default.createElement(lucideReact.Save, { size: 16 }),
-    saving ? "\u4FDD\u5B58\u4E2D..." : "\u4FDD\u5B58\u987A\u5E8F"
-  )))), error && /* @__PURE__ */ React37__namespace.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__namespace.default.createElement(lucideReact.AlertCircle, { size: 16 }), /* @__PURE__ */ React37__namespace.default.createElement("span", null, error)), /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "bg-slate-50 border border-slate-200 rounded-lg p-4 mb-6" }, /* @__PURE__ */ React37__namespace.default.createElement("p", { className: "m-0 mb-2 color-slate-500 text-sm" }, description), /* @__PURE__ */ React37__namespace.default.createElement("ul", { className: "m-0 pl-6 color-slate-500 text-sm list-disc" }, /* @__PURE__ */ React37__namespace.default.createElement("li", { className: "mb-1" }, "\u4F7F\u7528\u62D6\u62FD\uFF1A\u70B9\u51FB\u5E76\u62D6\u52A8 ", /* @__PURE__ */ React37__namespace.default.createElement(lucideReact.GripVertical, { size: 14, className: "inline-block align-middle text-gray-500" }), " \u56FE\u6807"), /* @__PURE__ */ React37__namespace.default.createElement("li", { className: "mb-1" }, "\u4F7F\u7528\u6309\u94AE\uFF1A\u70B9\u51FB ", /* @__PURE__ */ React37__namespace.default.createElement(lucideReact.ChevronUp, { size: 14, className: "inline-block align-middle text-gray-500" }), " \u6216 ", /* @__PURE__ */ React37__namespace.default.createElement(lucideReact.ChevronDown, { size: 14, className: "inline-block align-middle text-gray-500" }), " \u6309\u94AE"), /* @__PURE__ */ React37__namespace.default.createElement("li", null, '\u5B8C\u6210\u8C03\u6574\u540E\uFF0C\u70B9\u51FB"\u4FDD\u5B58\u987A\u5E8F"\u6309\u94AE\u4FDD\u5B58\u66F4\u6539'))), /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "flex flex-col gap-3" }, items.map((item, index) => /* @__PURE__ */ React37__namespace.default.createElement(
-    "div",
-    {
-      key: item.id,
-      className: chunk7Z5LLJ3A_js.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)
+      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__namespace.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__namespace.default.createElement(lucideReact.GripVertical, { size: 20 })),
-    /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "flex-1 min-w-0" }, renderItem(item, index, index === 0, index === items.length - 1)),
-    /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "flex items-center mx-3" }, /* @__PURE__ */ React37__namespace.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__namespace.default.createElement("div", { className: "flex flex-col gap-1 sm:flex-col flex-row" }, /* @__PURE__ */ React37__namespace.default.createElement(
-      "button",
+    /* @__PURE__ */ React12__default.default.createElement(
+      "svg",
       {
-        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"
+        className: "w-6 h-6 text-gray-600",
+        fill: "none",
+        stroke: "currentColor",
+        viewBox: "0 0 24 24"
       },
-      /* @__PURE__ */ React37__namespace.default.createElement(lucideReact.ChevronUp, { size: 18 })
-    ), /* @__PURE__ */ React37__namespace.default.createElement(
-      "button",
+      /* @__PURE__ */ React12__default.default.createElement(
+        "path",
+        {
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: 2,
+          d: "M15 19l-7-7 7-7"
+        }
+      )
+    )
+  ), /* @__PURE__ */ React12__default.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__ */ React12__default.default.createElement(
+      "svg",
       {
-        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"
+        className: "w-6 h-6 text-gray-600",
+        fill: "none",
+        stroke: "currentColor",
+        viewBox: "0 0 24 24"
       },
-      /* @__PURE__ */ React37__namespace.default.createElement(lucideReact.ChevronDown, { size: 18 })
-    ))
-  ))), items.length === 0 && /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "text-center p-12 text-gray-400 italic" }, /* @__PURE__ */ React37__namespace.default.createElement("p", { className: "m-0" }, emptyMessage)));
-}
-var BackButton = ({ href, className = "" }) => {
-  const router = navigation.useRouter();
-  const handleClick = () => {
-    if (href) {
-      router.push(href);
-    } else {
-      router.back();
-    }
-  };
-  return /* @__PURE__ */ React37__namespace.default.createElement(
+      /* @__PURE__ */ React12__default.default.createElement(
+        "path",
+        {
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: 2,
+          d: "M9 5l7 7-7 7"
+        }
+      )
+    )
+  ), /* @__PURE__ */ React12__default.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__ */ React12__default.default.createElement(
     "button",
     {
-      onClick: handleClick,
+      key: index,
+      onClick: () => setCurrentIndex(index),
       className: chunk7Z5LLJ3A_js.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
+        "w-2 h-2 rounded-full transition-all duration-300",
+        index === currentIndex ? "bg-blue-500 w-4" : "bg-gray-300"
       )
+    }
+  ))))));
+};
+var NavigationItemComponent = ({
+  item,
+  direction,
+  isActive,
+  onClick
+}) => {
+  const handleClick = (e) => {
+    e.preventDefault();
+    onClick(item);
+  };
+  const getItemClasses = () => {
+    const baseClasses = `
+      group relative flex items-center gap-3
+      transition-all duration-300 ease-in-out
+      focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50
+      rounded-lg
+    `;
+    const directionClasses = direction === "vertical" ? "px-4 py-3 w-full justify-start" : "px-3 py-2 justify-center";
+    const stateClasses = isActive ? "bg-blue-500 text-white shadow-lg" : item.isExternal ? "text-gray-700 hover:bg-purple-50 hover:text-purple-600 border border-purple-200" : "text-gray-700 hover:bg-blue-50 hover:text-blue-600";
+    return `${baseClasses} ${directionClasses} ${stateClasses}`;
+  };
+  return /* @__PURE__ */ React12__default.default.createElement(
+    "a",
+    {
+      href: item.href,
+      onClick: handleClick,
+      target: item.target,
+      rel: item.isExternal ? "noopener noreferrer" : void 0,
+      className: getItemClasses()
     },
-    /* @__PURE__ */ React37__namespace.default.createElement(
+    item.icon && /* @__PURE__ */ React12__default.default.createElement("span", { className: "flex-shrink-0" }, item.icon),
+    /* @__PURE__ */ React12__default.default.createElement("span", { className: `font-medium ${direction === "vertical" ? "text-sm" : "text-xs"}` }, item.label),
+    item.isExternal && /* @__PURE__ */ React12__default.default.createElement(
       "svg",
       {
-        className: "w-5 h-5 mr-2",
+        className: "w-3 h-3 opacity-60 group-hover:opacity-100 transition-opacity",
         fill: "none",
         stroke: "currentColor",
         viewBox: "0 0 24 24"
       },
-      /* @__PURE__ */ React37__namespace.default.createElement(
+      /* @__PURE__ */ React12__default.default.createElement(
         "path",
         {
           strokeLinecap: "round",
           strokeLinejoin: "round",
           strokeWidth: 2,
-          d: "M10 19l-7-7m0 0l7-7m-7 7h18"
+          d: "M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"
         }
       )
     ),
-    "\u8FD4\u56DE"
+    direction === "vertical" && isActive && /* @__PURE__ */ React12__default.default.createElement("div", { className: "absolute left-1 top-1/2 transform -translate-y-1/2 w-1 h-6 bg-white rounded-full" })
   );
 };
-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__namespace.default.createElement("div", { className: chunk7Z5LLJ3A_js.cn("space-y-4", className) }, /* @__PURE__ */ React37__namespace.default.createElement("h3", { className: "text-lg font-semibold text-gray-800" }, label), /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "flex gap-3" }, options.map((option) => {
-    const isActive = value === option.value;
-    return /* @__PURE__ */ React37__namespace.default.createElement(
-      "button",
-      {
-        key: option.value,
-        onClick: () => onChange(option.value),
-        style: isActive ? { backgroundColor: getColorValue(option.activeColor.bg) } : void 0,
-        className: chunk7Z5LLJ3A_js.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__namespace.default.createElement("div", { className: "flex items-center justify-center space-x-2" }, /* @__PURE__ */ React37__namespace.default.createElement("span", { className: "text-lg" }, option.icon), /* @__PURE__ */ React37__namespace.default.createElement("span", null, option.label), option.showCount && option.count !== void 0 && /* @__PURE__ */ React37__namespace.default.createElement("span", { className: chunk7Z5LLJ3A_js.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__namespace.default.createElement("div", { className: chunk7Z5LLJ3A_js.cn("mb-6 p-4 bg-blue-50 border border-blue-200 rounded-lg", className) }, /* @__PURE__ */ React37__namespace.default.createElement("p", { className: "text-sm text-blue-700" }, '\u641C\u7D22 "', /* @__PURE__ */ React37__namespace.default.createElement("span", { className: "font-medium" }, searchQuery), '" \u627E\u5230 ', resultCount, " \u4E2A\u7ED3\u679C"));
-}
-var themeStyles = {
-  light: "",
-  dark: "bg-[#222] text-[#eee] border-[#444]",
-  blue: "bg-[#f0f8ff] border-[#1890ff]/20"
-};
-var ProfileModal = ({
-  isOpen,
-  onClose,
-  data,
-  showAvatar = true,
-  showContacts = true,
-  showSocial = true,
-  showBio = true,
-  avatarSize = 80,
-  onAvatarClick,
-  onSocialLinkClick,
-  onContactClick,
-  themeName = "light",
-  className
-}) => {
-  const renderSocialLinks = () => {
-    if (!data.socialLinks || data.socialLinks.length === 0) return null;
-    return /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "flex gap-3 mt-2" }, data.socialLinks.map((link, index) => /* @__PURE__ */ React37__namespace.default.createElement(
-      "a",
-      {
-        key: index,
-        href: link.url,
-        className: chunk7Z5LLJ3A_js.cn(
-          "w-8 h-8 flex items-center justify-center rounded-full no-underline transition-all hover:-translate-y-0.5",
-          themeName === "dark" ? "bg-gray-800 text-gray-200 hover:bg-gray-700" : "bg-gray-100 text-gray-800 hover:bg-gray-200"
-        ),
-        title: link.type,
-        target: "_blank",
-        rel: "noopener noreferrer",
-        onClick: (e) => {
-          if (onSocialLinkClick) {
-            e.preventDefault();
-            onSocialLinkClick(link.url, link.type);
-          }
-        }
-      },
-      link.icon ? /* @__PURE__ */ React37__namespace.default.createElement("span", { className: "text-base" }, link.icon) : /* @__PURE__ */ React37__namespace.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__ */ React37__namespace.default.createElement("div", { className: chunk7Z5LLJ3A_js.cn(
-      "mt-4 border-t pt-4",
-      themeName === "dark" ? "border-gray-800" : "border-gray-100"
-    ) }, Object.entries(data.contacts).map(([type, value], index) => /* @__PURE__ */ React37__namespace.default.createElement(
-      "div",
-      {
-        key: index,
-        className: chunk7Z5LLJ3A_js.cn(
-          "flex mb-2 cursor-pointer py-1.5 px-2 rounded transition-colors",
-          themeName === "dark" ? "hover:bg-gray-800" : "hover:bg-gray-50"
-        ),
-        onClick: () => onContactClick && onContactClick(type, value)
-      },
-      /* @__PURE__ */ React37__namespace.default.createElement("span", { className: chunk7Z5LLJ3A_js.cn(
-        "font-medium w-[70px] shrink-0",
-        themeName === "dark" ? "text-gray-400" : "text-gray-500"
-      ) }, type, ":"),
-      /* @__PURE__ */ React37__namespace.default.createElement("span", { className: themeName === "dark" ? "text-gray-200" : "text-gray-800" }, value)
-    )));
-  };
-  return /* @__PURE__ */ React37__namespace.default.createElement(Dialog, { open: isOpen, onOpenChange: (open) => !open && onClose() }, /* @__PURE__ */ React37__namespace.default.createElement(DialogContent, { className: chunk7Z5LLJ3A_js.cn(
-    "sm:max-w-[500px] p-0 overflow-hidden border-none shadow-2xl",
-    themeStyles[themeName] || "",
-    className
-  ) }, /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "p-6" }, /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "flex gap-5 mb-5" }, showAvatar && /* @__PURE__ */ React37__namespace.default.createElement(
-    "div",
-    {
-      className: "shrink-0",
-      onClick: onAvatarClick,
-      style: { cursor: onAvatarClick ? "pointer" : "default" }
-    },
-    /* @__PURE__ */ React37__namespace.default.createElement(Avatar, { className: "border-2 border-primary/10 shadow-sm", style: { width: avatarSize, height: avatarSize } }, data.avatar && /* @__PURE__ */ React37__namespace.default.createElement(AvatarImage, { src: data.avatar, alt: data.name, className: "object-cover" }), /* @__PURE__ */ React37__namespace.default.createElement(AvatarFallback, { className: "text-xl" }, data.name.substring(0, 2).toUpperCase()))
-  ), /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "flex-1 min-w-0 flex flex-col justify-center" }, /* @__PURE__ */ React37__namespace.default.createElement("h2", { className: chunk7Z5LLJ3A_js.cn(
-    "text-2xl font-bold m-0 mb-1",
-    themeName === "dark" ? "text-white" : "text-gray-900"
-  ) }, data.name), data.title && /* @__PURE__ */ React37__namespace.default.createElement("div", { className: chunk7Z5LLJ3A_js.cn(
-    "text-sm mb-2",
-    themeName === "dark" ? "text-gray-400" : "text-gray-500"
-  ) }, data.title), showSocial && renderSocialLinks())), showBio && data.bio && /* @__PURE__ */ React37__namespace.default.createElement("div", { className: chunk7Z5LLJ3A_js.cn(
-    "mb-5 leading-relaxed text-sm",
-    themeName === "dark" ? "text-gray-300" : "text-gray-600"
-  ) }, /* @__PURE__ */ React37__namespace.default.createElement("p", null, data.bio)), showContacts && renderContacts(), data.customContent && /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "mt-5" }, data.customContent))));
-};
-var ProfileModal_default = ProfileModal;
-var BadgeList = ({
-  badges,
-  className = ""
-}) => {
-  if (!badges || badges.length === 0) return null;
-  return /* @__PURE__ */ React37__namespace.default.createElement("div", { className: chunk7Z5LLJ3A_js.cn("flex flex-wrap gap-2 mt-4", className) }, badges.map((badge, index) => /* @__PURE__ */ React37__namespace.default.createElement(
-    Badge,
-    {
-      key: index,
-      variant: badge.type === "default" ? "default" : badge.type
-    },
-    badge.icon && /* @__PURE__ */ React37__namespace.default.createElement("span", { className: "mr-1" }, badge.icon),
-    badge.label
-  )));
-};
-
-// src/profile/internal/Stat.tsx
-var Stat = ({
-  label,
-  value,
-  icon,
-  className = ""
-}) => {
-  return /* @__PURE__ */ React.createElement("div", { className: chunk7Z5LLJ3A_js.cn("flex flex-col items-center flex-1 text-center", className) }, icon && /* @__PURE__ */ React.createElement("span", { className: "mb-2 text-2xl text-gray-400" }, icon), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: "text-lg font-semibold text-gray-800" }, value), /* @__PURE__ */ React.createElement("div", { className: "text-xs text-gray-400 mt-1" }, label)));
-};
-
-// src/profile/internal/StatList.tsx
-var StatList = ({
-  stats,
-  className = ""
-}) => {
-  if (!stats || stats.length === 0) return null;
-  return /* @__PURE__ */ React.createElement("div", { className: chunk7Z5LLJ3A_js.cn("flex justify-between mt-4 pt-4 border-t border-gray-100", className) }, stats.map((stat, index) => /* @__PURE__ */ React.createElement(Stat, { key: index, ...stat })));
-};
-
-// src/profile/ProfileButton.tsx
-var exampleProfileData = {
-  name: "\u5F20\u4E09",
-  avatar: "https://randomuser.me/api/portraits/men/32.jpg",
-  title: "\u9AD8\u7EA7\u524D\u7AEF\u5DE5\u7A0B\u5E08",
-  bio: "\u4E13\u6CE8\u4E8EReact\u548CNext.js\u5F00\u53D1\u7684\u524D\u7AEF\u5DE5\u7A0B\u5E08\uFF0C\u67095\u5E74\u5DE5\u4F5C\u7ECF\u9A8C\u3002\u70ED\u7231\u5F00\u6E90\uFF0C\u559C\u6B22\u5206\u4EAB\u6280\u672F\u7ECF\u9A8C\u3002",
-  contacts: {
-    "\u90AE\u7BB1": "zhangsan@example.com",
-    "\u7535\u8BDD": "138-8888-8888",
-    "\u5730\u5740": "\u4E0A\u6D77\u5E02\u6D66\u4E1C\u65B0\u533A"
-  },
-  socialLinks: [
-    { type: "GitHub", url: "https://github.com/zhangsan", icon: "\u2605" },
-    { type: "Twitter", url: "https://twitter.com/zhangsan", icon: "\u2726" },
-    { type: "LinkedIn", url: "https://linkedin.com/in/zhangsan", icon: "\u272A" }
-  ],
-  badges: [
-    { label: "React", type: "primary" },
-    { label: "Next.js", type: "success" },
-    { label: "TypeScript", type: "info" },
-    { label: "CSS", type: "default" }
-  ],
-  stats: [
-    { label: "\u9879\u76EE", value: 42 },
-    { label: "\u7C89\u4E1D", value: 1024 },
-    { label: "\u8BC4\u5206", value: "4.9" }
-  ],
-  customContent: /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "mt-5 border-t border-gray-100 pt-4" }, /* @__PURE__ */ React37__namespace.default.createElement("h3", { className: "text-sm font-semibold mb-2" }, "\u4E13\u4E1A\u6280\u80FD"), /* @__PURE__ */ React37__namespace.default.createElement("p", { className: "text-sm text-gray-600 leading-relaxed" }, "\u7CBE\u901AReact\u3001Vue\u3001Angular\u7B49\u524D\u7AEF\u6846\u67B6\uFF0C\u719F\u6089TypeScript\u3001JavaScript\u3001CSS3\u3001HTML5\u7B49\u524D\u7AEF\u6280\u672F\u3002 \u6709\u4E30\u5BCC\u7684\u5927\u578B\u9879\u76EE\u5F00\u53D1\u7ECF\u9A8C\uFF0C\u80FD\u72EC\u7ACB\u8D1F\u8D23\u524D\u7AEF\u67B6\u6784\u8BBE\u8BA1\u3002"))
-};
-var ProfileButton = ({
-  data = exampleProfileData,
-  buttonText = "\u67E5\u770B\u4E2A\u4EBA\u4FE1\u606F",
-  variant = "default",
-  size = "default",
-  className = "",
-  modalTheme = "light"
-}) => {
-  const [isModalOpen, setIsModalOpen] = React37.useState(false);
-  const openModal = () => setIsModalOpen(true);
-  const closeModal = () => setIsModalOpen(false);
-  const handleContactClick = (type, value) => {
-    if (type === "\u90AE\u7BB1") {
-      window.open(`mailto:${value}`);
-    } else if (type === "\u7535\u8BDD") {
-      window.open(`tel:${value}`);
-    }
-  };
-  return /* @__PURE__ */ React37__namespace.default.createElement(React37__namespace.default.Fragment, null, /* @__PURE__ */ React37__namespace.default.createElement(
-    Button,
-    {
-      variant,
-      size,
-      onClick: openModal,
-      className
-    },
-    buttonText
-  ), /* @__PURE__ */ React37__namespace.default.createElement(
-    ProfileModal_default,
-    {
-      isOpen: isModalOpen,
-      onClose: closeModal,
-      data,
-      themeName: modalTheme,
-      onContactClick: handleContactClick,
-      onSocialLinkClick: (url) => window.open(url, "_blank")
-    },
-    data.customContent,
-    data.badges && /* @__PURE__ */ React37__namespace.default.createElement(BadgeList, { badges: data.badges }),
-    data.stats && /* @__PURE__ */ React37__namespace.default.createElement(StatList, { stats: data.stats })
-  ));
-};
-var AutoOpenModal = ({
-  data,
-  delay = 500,
-  // 默认延迟500毫秒
-  themeName = "light",
-  onClose
-}) => {
-  const [isModalOpen, setIsModalOpen] = React37.useState(false);
-  React37.useEffect(() => {
-    const timer = setTimeout(() => {
-      setIsModalOpen(true);
-    }, delay);
-    return () => clearTimeout(timer);
-  }, [delay]);
-  const handleClose = () => {
-    setIsModalOpen(false);
-    if (onClose) {
-      onClose();
-    }
-  };
-  const handleContactClick = (type, value) => {
-    if (type === "\u90AE\u7BB1") {
-      window.open(`mailto:${value}`);
-    } else if (type === "\u7535\u8BDD") {
-      window.open(`tel:${value}`);
-    }
-  };
-  return /* @__PURE__ */ React37__namespace.default.createElement(
-    ProfileModal_default,
-    {
-      isOpen: isModalOpen,
-      onClose: handleClose,
-      data,
-      themeName,
-      onContactClick: handleContactClick,
-      onSocialLinkClick: (url) => window.open(url, "_blank")
-    },
-    data.badges && /* @__PURE__ */ React37__namespace.default.createElement(BadgeList, { badges: data.badges }),
-    data.stats && /* @__PURE__ */ React37__namespace.default.createElement(StatList, { stats: data.stats })
-  );
-};
-var sizeMap = {
-  small: "h-8 w-8",
-  medium: "h-12 w-12",
-  large: "h-16 w-16"
-};
-var moodColors = {
-  online: "bg-green-500",
-  offline: "bg-gray-500",
-  away: "bg-yellow-500"
-};
-var EnhancedAvatar = ({
-  src,
-  name,
-  size = "medium",
-  mood = "online",
-  statusText,
-  onClick,
-  className
-}) => {
-  const sizeClass = typeof size === "string" ? sizeMap[size] : "";
-  const customSizeStyle = typeof size === "number" ? { width: size, height: size } : {};
-  return /* @__PURE__ */ React37__namespace.default.createElement("div", { className: chunk7Z5LLJ3A_js.cn("relative inline-block", className), onClick }, /* @__PURE__ */ React37__namespace.default.createElement(Avatar, { className: chunk7Z5LLJ3A_js.cn(sizeClass, onClick && "cursor-pointer hover:ring-2 hover:ring-blue-500 transition-all"), style: customSizeStyle }, src && /* @__PURE__ */ React37__namespace.default.createElement(AvatarImage, { src, alt: name || "Avatar", className: "object-cover" }), /* @__PURE__ */ React37__namespace.default.createElement(AvatarFallback, { className: "bg-primary/10 text-primary-foreground" }, name ? name.substring(0, 2).toUpperCase() : "??")), mood && /* @__PURE__ */ React37__namespace.default.createElement(
-    "div",
-    {
-      className: chunk7Z5LLJ3A_js.cn(
-        "absolute bottom-0 right-0 rounded-full border-2 border-white",
-        moodColors[mood],
-        typeof size === "number" ? size > 60 ? "h-4 w-4" : "h-3 w-3" : size === "large" ? "h-4 w-4" : "h-3 w-3"
-      )
-    }
-  ), statusText && /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "absolute -bottom-6 left-1/2 transform -translate-x-1/2 whitespace-nowrap" }, /* @__PURE__ */ React37__namespace.default.createElement("span", { className: "text-xs text-muted-foreground" }, statusText)));
-};
-var About = ({
-  timelineConfig,
-  collisionBallsConfig
-}) => {
-  return /* @__PURE__ */ React37__namespace.default.createElement("section", { id: "about", className: "py-16 bg-white" }, /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "container mx-auto px-4" }, /* @__PURE__ */ React37__namespace.default.createElement("h2", { className: "text-3xl font-bold text-center mb-12" }, "\u5173\u4E8E\u6211"), /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-12" }, /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6" }, /* @__PURE__ */ React37__namespace.default.createElement("h3", { className: "text-2xl font-semibold mb-6" }, "\u4E2A\u4EBA\u7ECF\u5386"), /* @__PURE__ */ React37__namespace.default.createElement(Timeline, { items: timelineConfig.items })), /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6" }, /* @__PURE__ */ React37__namespace.default.createElement("h3", { className: "text-2xl font-semibold mb-6" }, "\u6280\u80FD\u5C55\u793A"), /* @__PURE__ */ React37__namespace.default.createElement("div", { style: { height: "400px", position: "relative" } }, /* @__PURE__ */ React37__namespace.default.createElement(CollisionBalls, { collisionBallsConfig }))))));
-};
-var About_default = About;
-var Contact = () => {
-  const [formData, setFormData] = React37.useState({
-    name: "",
-    email: "",
-    message: ""
-  });
-  const [isSubmitting, setIsSubmitting] = React37.useState(false);
-  const [submitStatus, setSubmitStatus] = React37.useState("idle");
-  const handleChange = (e) => {
-    const { name, value } = e.target;
-    setFormData((prev) => ({
-      ...prev,
-      [name]: value
-    }));
-  };
-  const handleSubmit = async (e) => {
-    e.preventDefault();
-    setIsSubmitting(true);
-    setSubmitStatus("idle");
-    try {
-      await new Promise((resolve) => setTimeout(resolve, 1e3));
-      setSubmitStatus("success");
-      setFormData({ name: "", email: "", message: "" });
-    } catch (error) {
-      setSubmitStatus("error");
-    } finally {
-      setIsSubmitting(false);
-    }
-  };
-  return /* @__PURE__ */ React37__namespace.default.createElement("section", { id: "contact", className: "py-16 bg-gray-50" }, /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "max-w-4xl mx-auto px-4 sm:px-6 lg:px-8" }, /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "text-center mb-12" }, /* @__PURE__ */ React37__namespace.default.createElement("h2", { className: "text-3xl font-bold text-gray-900 sm:text-4xl" }, "\u8054\u7CFB\u6211"), /* @__PURE__ */ React37__namespace.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__namespace.default.createElement("div", { className: "bg-white rounded-lg shadow-xl p-6 sm:p-8" }, /* @__PURE__ */ React37__namespace.default.createElement("form", { onSubmit: handleSubmit, className: "space-y-6" }, /* @__PURE__ */ React37__namespace.default.createElement("div", null, /* @__PURE__ */ React37__namespace.default.createElement("label", { htmlFor: "name", className: "block text-sm font-medium text-gray-700" }, "\u59D3\u540D"), /* @__PURE__ */ React37__namespace.default.createElement(
-    "input",
-    {
-      type: "text",
-      name: "name",
-      id: "name",
-      value: formData.name,
-      onChange: handleChange,
-      required: true,
-      className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500 sm:text-sm",
-      placeholder: "\u8BF7\u8F93\u5165\u60A8\u7684\u59D3\u540D"
-    }
-  )), /* @__PURE__ */ React37__namespace.default.createElement("div", null, /* @__PURE__ */ React37__namespace.default.createElement("label", { htmlFor: "email", className: "block text-sm font-medium text-gray-700" }, "\u90AE\u7BB1"), /* @__PURE__ */ React37__namespace.default.createElement(
-    "input",
-    {
-      type: "email",
-      name: "email",
-      id: "email",
-      value: formData.email,
-      onChange: handleChange,
-      required: true,
-      className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500 sm:text-sm",
-      placeholder: "\u8BF7\u8F93\u5165\u60A8\u7684\u90AE\u7BB1"
-    }
-  )), /* @__PURE__ */ React37__namespace.default.createElement("div", null, /* @__PURE__ */ React37__namespace.default.createElement("label", { htmlFor: "message", className: "block text-sm font-medium text-gray-700" }, "\u6D88\u606F"), /* @__PURE__ */ React37__namespace.default.createElement(
-    "textarea",
-    {
-      name: "message",
-      id: "message",
-      rows: 4,
-      value: formData.message,
-      onChange: handleChange,
-      required: true,
-      className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500 sm:text-sm",
-      placeholder: "\u8BF7\u8F93\u5165\u60A8\u7684\u6D88\u606F"
-    }
-  )), /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "flex items-center justify-end" }, /* @__PURE__ */ React37__namespace.default.createElement(
-    "button",
-    {
-      type: "submit",
-      disabled: isSubmitting,
-      className: `inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white 
-                  ${isSubmitting ? "bg-blue-400 cursor-not-allowed" : "bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500"}`
-    },
-    isSubmitting ? "\u53D1\u9001\u4E2D..." : "\u53D1\u9001\u6D88\u606F"
-  )), submitStatus === "success" && /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "rounded-md bg-green-50 p-4" }, /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "flex" }, /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "flex-shrink-0" }, /* @__PURE__ */ React37__namespace.default.createElement("svg", { className: "h-5 w-5 text-green-400", viewBox: "0 0 20 20", fill: "currentColor" }, /* @__PURE__ */ React37__namespace.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__namespace.default.createElement("div", { className: "ml-3" }, /* @__PURE__ */ React37__namespace.default.createElement("p", { className: "text-sm font-medium text-green-800" }, "\u6D88\u606F\u5DF2\u6210\u529F\u53D1\u9001\uFF01")))), submitStatus === "error" && /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "rounded-md bg-red-50 p-4" }, /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "flex" }, /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "flex-shrink-0" }, /* @__PURE__ */ React37__namespace.default.createElement("svg", { className: "h-5 w-5 text-red-400", viewBox: "0 0 20 20", fill: "currentColor" }, /* @__PURE__ */ React37__namespace.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__namespace.default.createElement("div", { className: "ml-3" }, /* @__PURE__ */ React37__namespace.default.createElement("p", { className: "text-sm font-medium text-red-800" }, "\u53D1\u9001\u5931\u8D25\uFF0C\u8BF7\u7A0D\u540E\u91CD\u8BD5")))))), /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "mt-12 grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3" }, /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6 text-center" }, /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "text-blue-600 mb-4" }, /* @__PURE__ */ React37__namespace.default.createElement("svg", { className: "h-8 w-8 mx-auto", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React37__namespace.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__namespace.default.createElement("h3", { className: "text-lg font-medium text-gray-900" }, "\u90AE\u7BB1"), /* @__PURE__ */ React37__namespace.default.createElement("p", { className: "mt-2 text-gray-600" }, "your.email@example.com")), /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6 text-center" }, /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "text-blue-600 mb-4" }, /* @__PURE__ */ React37__namespace.default.createElement("svg", { className: "h-8 w-8 mx-auto", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React37__namespace.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__namespace.default.createElement("h3", { className: "text-lg font-medium text-gray-900" }, "\u7535\u8BDD"), /* @__PURE__ */ React37__namespace.default.createElement("p", { className: "mt-2 text-gray-600" }, "+86 123 4567 8900")), /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6 text-center" }, /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "text-blue-600 mb-4" }, /* @__PURE__ */ React37__namespace.default.createElement("svg", { className: "h-8 w-8 mx-auto", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" }, /* @__PURE__ */ React37__namespace.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__namespace.default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M15 11a3 3 0 11-6 0 3 3 0 016 0z" }))), /* @__PURE__ */ React37__namespace.default.createElement("h3", { className: "text-lg font-medium text-gray-900" }, "\u5730\u5740"), /* @__PURE__ */ React37__namespace.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] = React37.useState("");
-  const [currentIndex, setCurrentIndex] = React37.useState(0);
-  React37.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__namespace.default.createElement(
-    "section",
-    {
-      id: "home",
-      className: chunk7Z5LLJ3A_js.cn("min-h-screen flex items-center justify-center py-16 bg-gradient-to-b from-white to-gray-50", className)
-    },
-    /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "container mx-auto px-4" }, /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "flex flex-col md:flex-row items-center gap-12" }, /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "flex-1 text-center md:text-left" }, /* @__PURE__ */ React37__namespace.default.createElement("h1", { className: "text-4xl md:text-6xl font-bold mb-6 text-gray-900" }, /* @__PURE__ */ React37__namespace.default.createElement("span", { className: "inline-block" }, displayText), /* @__PURE__ */ React37__namespace.default.createElement("span", { className: "animate-pulse ml-1 text-blue-500" }, "|")), /* @__PURE__ */ React37__namespace.default.createElement("p", { className: "text-xl md:text-2xl text-gray-600 mb-8" }, subtitle), /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "flex flex-wrap gap-4 justify-center md:justify-start" }, buttons.map((button) => /* @__PURE__ */ React37__namespace.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__namespace.default.createElement("div", { className: "flex-1" }, /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "relative group" }, /* @__PURE__ */ React37__namespace.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__namespace.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__namespace.default.createElement(Link__default.default, { href, className: chunk7Z5LLJ3A_js.cn("block group", className) }, /* @__PURE__ */ React37__namespace.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__namespace.default.createElement("div", { className: "p-6" }, /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "flex items-start justify-between mb-4" }, /* @__PURE__ */ React37__namespace.default.createElement("h3", { className: "text-xl font-semibold text-gray-900 flex-1 pr-4 leading-tight" }, title), /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "flex flex-col gap-2 flex-shrink-0" }, /* @__PURE__ */ React37__namespace.default.createElement("span", { className: chunk7Z5LLJ3A_js.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__namespace.default.createElement("span", { className: chunk7Z5LLJ3A_js.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__namespace.default.createElement("p", { className: "text-gray-600 mb-4" }, description), updatedAt && /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "flex items-center gap-1 mb-3 text-xs text-gray-500" }, /* @__PURE__ */ React37__namespace.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__namespace.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__namespace.default.createElement("span", null, "\u66F4\u65B0\u4E8E: ", formatDate(updatedAt)), createdAt && createdAt !== updatedAt && /* @__PURE__ */ React37__namespace.default.createElement("span", { className: "ml-2 text-gray-400" }, "\u521B\u5EFA\u4E8E: ", formatDate(createdAt))), /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "flex flex-wrap gap-2" }, tags.map((tag) => /* @__PURE__ */ React37__namespace.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] = React37.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__namespace.default.createElement("section", { id: "projects", className: chunk7Z5LLJ3A_js.cn("py-16 bg-gray-50", className) }, /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "container mx-auto px-4" }, /* @__PURE__ */ React37__namespace.default.createElement("h2", { className: "text-3xl font-bold text-center mb-12 text-gray-900" }, "\u9879\u76EE\u5C55\u793A"), /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "relative max-w-4xl mx-auto" }, /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "relative h-[400px] overflow-hidden rounded-lg shadow-xl" }, projects.map((project, index) => /* @__PURE__ */ React37__namespace.default.createElement(
-    "div",
-    {
-      key: project.id,
-      className: chunk7Z5LLJ3A_js.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__namespace.default.createElement(
-      ExperimentCard,
-      {
-        href: project.link || "#",
-        title: project.title,
-        description: project.description,
-        tags: project.tags,
-        category: "utility"
-      }
-    )
-  ))), /* @__PURE__ */ React37__namespace.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__namespace.default.createElement(
-      "svg",
-      {
-        className: "w-6 h-6 text-gray-600",
-        fill: "none",
-        stroke: "currentColor",
-        viewBox: "0 0 24 24"
-      },
-      /* @__PURE__ */ React37__namespace.default.createElement(
-        "path",
-        {
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          strokeWidth: 2,
-          d: "M15 19l-7-7 7-7"
-        }
-      )
-    )
-  ), /* @__PURE__ */ React37__namespace.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__namespace.default.createElement(
-      "svg",
-      {
-        className: "w-6 h-6 text-gray-600",
-        fill: "none",
-        stroke: "currentColor",
-        viewBox: "0 0 24 24"
-      },
-      /* @__PURE__ */ React37__namespace.default.createElement(
-        "path",
-        {
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          strokeWidth: 2,
-          d: "M9 5l7 7-7 7"
-        }
-      )
-    )
-  ), /* @__PURE__ */ React37__namespace.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__namespace.default.createElement(
-    "button",
-    {
-      key: index,
-      onClick: () => setCurrentIndex(index),
-      className: chunk7Z5LLJ3A_js.cn(
-        "w-2 h-2 rounded-full transition-all duration-300",
-        index === currentIndex ? "bg-blue-500 w-4" : "bg-gray-300"
-      )
-    }
-  ))))));
-};
-var NavigationItemComponent = ({
-  item,
-  direction,
-  isActive,
-  onClick
-}) => {
-  const handleClick = (e) => {
-    e.preventDefault();
-    onClick(item);
-  };
-  const getItemClasses = () => {
-    const baseClasses = `
-      group relative flex items-center gap-3
-      transition-all duration-300 ease-in-out
-      focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50
-      rounded-lg
-    `;
-    const directionClasses = direction === "vertical" ? "px-4 py-3 w-full justify-start" : "px-3 py-2 justify-center";
-    const stateClasses = isActive ? "bg-blue-500 text-white shadow-lg" : item.isExternal ? "text-gray-700 hover:bg-purple-50 hover:text-purple-600 border border-purple-200" : "text-gray-700 hover:bg-blue-50 hover:text-blue-600";
-    return `${baseClasses} ${directionClasses} ${stateClasses}`;
-  };
-  return /* @__PURE__ */ React37__namespace.default.createElement(
-    "a",
-    {
-      href: item.href,
-      onClick: handleClick,
-      target: item.target,
-      rel: item.isExternal ? "noopener noreferrer" : void 0,
-      className: getItemClasses()
-    },
-    item.icon && /* @__PURE__ */ React37__namespace.default.createElement("span", { className: "flex-shrink-0" }, item.icon),
-    /* @__PURE__ */ React37__namespace.default.createElement("span", { className: `font-medium ${direction === "vertical" ? "text-sm" : "text-xs"}` }, item.label),
-    item.isExternal && /* @__PURE__ */ React37__namespace.default.createElement(
-      "svg",
-      {
-        className: "w-3 h-3 opacity-60 group-hover:opacity-100 transition-opacity",
-        fill: "none",
-        stroke: "currentColor",
-        viewBox: "0 0 24 24"
-      },
-      /* @__PURE__ */ React37__namespace.default.createElement(
-        "path",
-        {
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          strokeWidth: 2,
-          d: "M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"
-        }
-      )
-    ),
-    direction === "vertical" && isActive && /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "absolute left-1 top-1/2 transform -translate-y-1/2 w-1 h-6 bg-white rounded-full" })
-  );
-};
-var NavigationItem_default = NavigationItemComponent;
-
-// src/navigation/Navigation.tsx
-var Navigation = ({
-  config,
+var NavigationItem_default = NavigationItemComponent;
+
+// src/navigation/Navigation.tsx
+var Navigation = ({
+  config,
   isOpen,
   activeItemId,
   onItemClick,
@@ -2776,14 +1319,14 @@ var Navigation = ({
     onItemClick?.(item);
   };
   if (!isOpen) return null;
-  return /* @__PURE__ */ React37__namespace.default.createElement("nav", { className: `${getContainerClasses()} ${className}` }, /* @__PURE__ */ React37__namespace.default.createElement("div", { className: getContentClasses() }, logo && /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "flex items-center justify-center mb-4" }, /* @__PURE__ */ React37__namespace.default.createElement(
+  return /* @__PURE__ */ React12__default.default.createElement("nav", { className: `${getContainerClasses()} ${className}` }, /* @__PURE__ */ React12__default.default.createElement("div", { className: getContentClasses() }, logo && /* @__PURE__ */ React12__default.default.createElement("div", { className: "flex items-center justify-center mb-4" }, /* @__PURE__ */ React12__default.default.createElement(
     "img",
     {
       src: logo.src,
       alt: logo.alt || "Logo",
       className: "h-8 w-auto"
     }
-  )), direction === "vertical" && /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "h-12 flex-shrink-0" }), /* @__PURE__ */ React37__namespace.default.createElement("div", { className: getItemsListClasses() }, items.map((item) => /* @__PURE__ */ React37__namespace.default.createElement(
+  )), direction === "vertical" && /* @__PURE__ */ React12__default.default.createElement("div", { className: "h-12 flex-shrink-0" }), /* @__PURE__ */ React12__default.default.createElement("div", { className: getItemsListClasses() }, items.map((item) => /* @__PURE__ */ React12__default.default.createElement(
     NavigationItem_default,
     {
       key: item.id,
@@ -2792,14 +1335,14 @@ var Navigation = ({
       isActive: activeItemId === item.id,
       onClick: handleItemClick
     }
-  ))), avatar && direction === "vertical" && /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "flex items-center justify-center mt-auto pt-4" }, /* @__PURE__ */ React37__namespace.default.createElement(
+  ))), avatar && direction === "vertical" && /* @__PURE__ */ React12__default.default.createElement("div", { className: "flex items-center justify-center mt-auto pt-4" }, /* @__PURE__ */ React12__default.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__ */ React37__namespace.default.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ React37__namespace.default.createElement(
+  )), avatar && direction === "horizontal" && /* @__PURE__ */ React12__default.default.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ React12__default.default.createElement(
     "img",
     {
       src: avatar.src,
@@ -2828,7 +1371,7 @@ var NavigationToggle = ({
         return "top-4 left-4";
     }
   };
-  return /* @__PURE__ */ React37__namespace.default.createElement(
+  return /* @__PURE__ */ React12__default.default.createElement(
     "button",
     {
       onClick,
@@ -2844,7 +1387,7 @@ var NavigationToggle = ({
       `,
       "aria-label": isOpen ? "\u5173\u95ED\u5BFC\u822A\u680F" : "\u6253\u5F00\u5BFC\u822A\u680F"
     },
-    /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "w-5 h-5 flex flex-col justify-center items-center" }, /* @__PURE__ */ React37__namespace.default.createElement(
+    /* @__PURE__ */ React12__default.default.createElement("div", { className: "w-5 h-5 flex flex-col justify-center items-center" }, /* @__PURE__ */ React12__default.default.createElement(
       "span",
       {
         className: `
@@ -2853,7 +1396,7 @@ var NavigationToggle = ({
             ${isOpen ? "rotate-45 translate-y-0.5" : ""}
           `
       }
-    ), /* @__PURE__ */ React37__namespace.default.createElement(
+    ), /* @__PURE__ */ React12__default.default.createElement(
       "span",
       {
         className: `
@@ -2862,7 +1405,7 @@ var NavigationToggle = ({
             ${isOpen ? "opacity-0 scale-0" : "opacity-100 scale-100"}
           `
       }
-    ), /* @__PURE__ */ React37__namespace.default.createElement(
+    ), /* @__PURE__ */ React12__default.default.createElement(
       "span",
       {
         className: `
@@ -2885,21 +1428,21 @@ var FloatingMenu = ({
   triggerClassName = "",
   zIndex = 1e3
 }) => {
-  const [position, setPosition] = React37.useState(initialPosition);
-  const [isMenuOpen, setIsMenuOpen] = React37.useState(defaultOpen);
-  const [menuDirection, setMenuDirection] = React37.useState("right");
-  const [isDragging, setIsDragging] = React37.useState(false);
-  const [dragOffset, setDragOffset] = React37.useState({ x: 0, y: 0 });
-  const containerRef = React37.useRef(null);
-  const [mounted, setMounted] = React37.useState(false);
-  const [hasDragged, setHasDragged] = React37.useState(false);
-  const dragTimerRef = React37.useRef(null);
-  const mouseDownPosRef = React37.useRef(null);
-  React37.useEffect(() => {
+  const [position, setPosition] = React12.useState(initialPosition);
+  const [isMenuOpen, setIsMenuOpen] = React12.useState(defaultOpen);
+  const [menuDirection, setMenuDirection] = React12.useState("right");
+  const [isDragging, setIsDragging] = React12.useState(false);
+  const [dragOffset, setDragOffset] = React12.useState({ x: 0, y: 0 });
+  const containerRef = React12.useRef(null);
+  const [mounted, setMounted] = React12.useState(false);
+  const [hasDragged, setHasDragged] = React12.useState(false);
+  const dragTimerRef = React12.useRef(null);
+  const mouseDownPosRef = React12.useRef(null);
+  React12.useEffect(() => {
     setMounted(true);
     return () => setMounted(false);
   }, []);
-  React37.useEffect(() => {
+  React12.useEffect(() => {
     if (!mounted || !containerRef.current) return;
     const updateMenuDirection = () => {
       const rect = containerRef.current?.getBoundingClientRect();
@@ -2928,7 +1471,7 @@ var FloatingMenu = ({
     setHasDragged(false);
     setIsDragging(true);
   };
-  React37.useEffect(() => {
+  React12.useEffect(() => {
     if (!isDragging) return;
     const handleMouseMove = (e) => {
       if (mouseDownPosRef.current) {
@@ -2964,7 +1507,7 @@ var FloatingMenu = ({
       document.removeEventListener("mouseup", handleMouseUp);
     };
   }, [isDragging, dragOffset]);
-  React37.useEffect(() => {
+  React12.useEffect(() => {
     return () => {
       if (dragTimerRef.current) {
         window.clearTimeout(dragTimerRef.current);
@@ -2978,7 +1521,7 @@ var FloatingMenu = ({
     }
     setIsMenuOpen(!isMenuOpen);
   };
-  React37.useEffect(() => {
+  React12.useEffect(() => {
     if (!isMenuOpen) return;
     const handleClickOutside = (e) => {
       if (containerRef.current && !containerRef.current.contains(e.target)) {
@@ -2990,7 +1533,7 @@ var FloatingMenu = ({
       document.removeEventListener("mousedown", handleClickOutside);
     };
   }, [isMenuOpen]);
-  React37.useEffect(() => {
+  React12.useEffect(() => {
     if (!mounted) return;
     const checkBoundaries = () => {
       const windowWidth = window.innerWidth;
@@ -3011,7 +1554,7 @@ var FloatingMenu = ({
   }, [mounted]);
   if (!mounted) return null;
   return reactDom.createPortal(
-    /* @__PURE__ */ React37__namespace.default.createElement(
+    /* @__PURE__ */ React12__default.default.createElement(
       "div",
       {
         ref: containerRef,
@@ -3022,7 +1565,7 @@ var FloatingMenu = ({
           zIndex
         }
       },
-      /* @__PURE__ */ React37__namespace.default.createElement(
+      /* @__PURE__ */ React12__default.default.createElement(
         "div",
         {
           className: `
@@ -3040,7 +1583,7 @@ var FloatingMenu = ({
         },
         trigger
       ),
-      isMenuOpen && /* @__PURE__ */ React37__namespace.default.createElement(
+      isMenuOpen && /* @__PURE__ */ React12__default.default.createElement(
         "div",
         {
           className: `
@@ -3070,8 +1613,8 @@ var FloatingMenu = ({
 };
 var FloatingMenu_default = FloatingMenu;
 var FloatingMenuExample = () => {
-  const [windowWidth, setWindowWidth] = React37.useState(0);
-  React37.useEffect(() => {
+  const [windowWidth, setWindowWidth] = React12.useState(0);
+  React12.useEffect(() => {
     setWindowWidth(window.innerWidth);
     const handleResize = () => setWindowWidth(window.innerWidth);
     window.addEventListener("resize", handleResize);
@@ -3087,51 +1630,1023 @@ var FloatingMenuExample = () => {
   const handleMenuItemClick = (id) => {
     console.log(`\u70B9\u51FB\u4E86\u83DC\u5355\u9879: ${id}`);
   };
-  return /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "w-full h-screen bg-gray-100 relative p-8" }, /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "max-w-2xl mx-auto bg-white rounded-2xl shadow-sm p-8 mt-12" }, /* @__PURE__ */ React37__namespace.default.createElement("h1", { className: "text-3xl font-bold mb-4 text-gray-900" }, "\u60AC\u6D6E\u83DC\u5355\u793A\u4F8B"), /* @__PURE__ */ React37__namespace.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__namespace.default.createElement("span", { className: "font-bold text-blue-600" }, "\u84DD\u8272\u6309\u94AE"), " \u5230\u5904\u79FB\u52A8\u3002"), /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "bg-blue-50 border-l-4 border-blue-500 p-4 mb-6" }, /* @__PURE__ */ React37__namespace.default.createElement("p", { className: "text-sm text-blue-700" }, /* @__PURE__ */ React37__namespace.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__namespace.default.createElement(
+  return /* @__PURE__ */ React12__default.default.createElement("div", { className: "w-full h-screen bg-gray-100 relative p-8" }, /* @__PURE__ */ React12__default.default.createElement("div", { className: "max-w-2xl mx-auto bg-white rounded-2xl shadow-sm p-8 mt-12" }, /* @__PURE__ */ React12__default.default.createElement("h1", { className: "text-3xl font-bold mb-4 text-gray-900" }, "\u60AC\u6D6E\u83DC\u5355\u793A\u4F8B"), /* @__PURE__ */ React12__default.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__ */ React12__default.default.createElement("span", { className: "font-bold text-blue-600" }, "\u84DD\u8272\u6309\u94AE"), " \u5230\u5904\u79FB\u52A8\u3002"), /* @__PURE__ */ React12__default.default.createElement("div", { className: "bg-blue-50 border-l-4 border-blue-500 p-4 mb-6" }, /* @__PURE__ */ React12__default.default.createElement("p", { className: "text-sm text-blue-700" }, /* @__PURE__ */ React12__default.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__ */ React12__default.default.createElement(
     FloatingMenu_default,
     {
-      trigger: /* @__PURE__ */ React37__namespace.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__namespace.default.createElement("span", { className: "text-xl" }, "\u2795")),
-      menu: /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "w-48 bg-white rounded-xl shadow-xl border border-gray-100 overflow-hidden" }, /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "px-4 py-3 border-b border-gray-100" }, /* @__PURE__ */ React37__namespace.default.createElement("h3", { className: "text-sm font-bold text-gray-900" }, "\u5FEB\u6377\u83DC\u5355")), /* @__PURE__ */ React37__namespace.default.createElement("ul", { className: "py-1" }, menuItems.map((item) => /* @__PURE__ */ React37__namespace.default.createElement(
+      trigger: /* @__PURE__ */ React12__default.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__ */ React12__default.default.createElement("span", { className: "text-xl" }, "\u2795")),
+      menu: /* @__PURE__ */ React12__default.default.createElement("div", { className: "w-48 bg-white rounded-xl shadow-xl border border-gray-100 overflow-hidden" }, /* @__PURE__ */ React12__default.default.createElement("div", { className: "px-4 py-3 border-b border-gray-100" }, /* @__PURE__ */ React12__default.default.createElement("h3", { className: "text-sm font-bold text-gray-900" }, "\u5FEB\u6377\u83DC\u5355")), /* @__PURE__ */ React12__default.default.createElement("ul", { className: "py-1" }, menuItems.map((item) => /* @__PURE__ */ React12__default.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__namespace.default.createElement("span", { className: "text-lg" }, item.icon),
-        /* @__PURE__ */ React37__namespace.default.createElement("span", { className: "font-medium" }, item.label)
-      )))),
-      initialPosition: { x: 100, y: 100 }
+        /* @__PURE__ */ React12__default.default.createElement("span", { className: "text-lg" }, item.icon),
+        /* @__PURE__ */ React12__default.default.createElement("span", { className: "font-medium" }, item.label)
+      )))),
+      initialPosition: { x: 100, y: 100 }
+    }
+  ), windowWidth > 0 && /* @__PURE__ */ React12__default.default.createElement(
+    FloatingMenu_default,
+    {
+      trigger: /* @__PURE__ */ React12__default.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__ */ React12__default.default.createElement("span", { className: "text-xl" }, "\u{1F50D}")),
+      menu: /* @__PURE__ */ React12__default.default.createElement("div", { className: "w-64 bg-white rounded-xl shadow-xl border border-gray-100 p-4" }, /* @__PURE__ */ React12__default.default.createElement("h3", { className: "text-sm font-bold text-gray-900 mb-3" }, "\u5FEB\u901F\u641C\u7D22"), /* @__PURE__ */ React12__default.default.createElement("div", { className: "space-y-3" }, /* @__PURE__ */ React12__default.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__ */ React12__default.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;
+
+// src/testField/utils/index.ts
+function filterExperiments(experiments, config) {
+  const {
+    viewMode = "all",
+    searchQuery = "",
+    completionFilter = "all"
+  } = config;
+  return experiments.filter((experiment) => {
+    const matchesViewMode = viewMode === "all" || experiment.category === viewMode;
+    const query = searchQuery.toLowerCase();
+    const matchesSearch = !query || experiment.title.toLowerCase().includes(query) || experiment.description.toLowerCase().includes(query) || experiment.tags.some((tag) => tag.toLowerCase().includes(query));
+    const matchesCompletion = (() => {
+      switch (completionFilter) {
+        case "completed":
+          return experiment.isCompleted === true;
+        case "incomplete":
+          return experiment.isCompleted !== true;
+        case "all":
+        default:
+          return true;
+      }
+    })();
+    return matchesViewMode && matchesSearch && matchesCompletion;
+  });
+}
+function sortExperiments(experiments, sortBy = "title", sortOrder = "asc") {
+  return [...experiments].sort((a, b) => {
+    let comparison = 0;
+    switch (sortBy) {
+      case "title":
+        comparison = a.title.localeCompare(b.title);
+        break;
+      case "category":
+        comparison = a.category.localeCompare(b.category);
+        break;
+      case "completion":
+        const aCompleted = a.isCompleted ? 1 : 0;
+        const bCompleted = b.isCompleted ? 1 : 0;
+        comparison = bCompleted - aCompleted;
+        break;
+      case "createdAt":
+        if (!a.createdAt && !b.createdAt) {
+          comparison = 0;
+        } else if (!a.createdAt) {
+          comparison = 1;
+        } else if (!b.createdAt) {
+          comparison = -1;
+        } else {
+          comparison = new Date(a.createdAt).getTime() - new Date(b.createdAt).getTime();
+        }
+        break;
+      case "updatedAt":
+        if (!a.updatedAt && !b.updatedAt) {
+          comparison = 0;
+        } else if (!a.updatedAt) {
+          comparison = 1;
+        } else if (!b.updatedAt) {
+          comparison = -1;
+        } else {
+          comparison = new Date(a.updatedAt).getTime() - new Date(b.updatedAt).getTime();
+        }
+        break;
+      default:
+        comparison = 0;
+    }
+    if (comparison === 0) {
+      comparison = a.id.localeCompare(b.id);
+    }
+    return sortOrder === "asc" ? comparison : -comparison;
+  });
+}
+function getAllTags(experiments) {
+  const allTags = experiments.flatMap((experiment) => experiment.tags);
+  return Array.from(new Set(allTags)).sort();
+}
+function getExperimentCounts(experiments) {
+  const counts = {
+    all: experiments.length,
+    utility: 0,
+    leisure: 0,
+    completed: 0,
+    inProgress: 0
+  };
+  experiments.forEach((experiment) => {
+    if (experiment.category === "utility") {
+      counts.utility++;
+    } else if (experiment.category === "leisure") {
+      counts.leisure++;
+    }
+    if (experiment.isCompleted) {
+      counts.completed++;
+    } else {
+      counts.inProgress++;
+    }
+  });
+  return counts;
+}
+function validateExperiment(experiment) {
+  return !!(experiment.id && experiment.title && experiment.description && experiment.path && experiment.category && Array.isArray(experiment.tags));
+}
+function getCategoryDisplayName(category) {
+  switch (category) {
+    case "utility":
+      return "\u5B9E\u7528\u5DE5\u5177";
+    case "leisure":
+      return "\u4F11\u95F2\u5A31\u4E50";
+    case "all":
+    default:
+      return "\u5168\u90E8";
+  }
+}
+function getCategoryColor(category) {
+  switch (category) {
+    case "utility":
+      return "bg-blue-100 text-blue-800 border-blue-200";
+    case "leisure":
+      return "bg-purple-100 text-purple-800 border-purple-200";
+    default:
+      return "bg-gray-100 text-gray-800 border-gray-200";
+  }
+}
+function getCompletionFilterDisplayName(filter) {
+  switch (filter) {
+    case "completed":
+      return "\u5DF2\u5B8C\u6210";
+    case "incomplete":
+      return "\u8FDB\u884C\u4E2D";
+    case "all":
+    default:
+      return "\u5168\u90E8\u72B6\u6001";
+  }
+}
+function getCompletionStatusColor(isCompleted) {
+  if (isCompleted) {
+    return "bg-green-100 text-green-800 border-green-200";
+  }
+  return "bg-yellow-100 text-yellow-800 border-yellow-200";
+}
+function getCompletionStatusText(isCompleted) {
+  return isCompleted ? "\u5DF2\u5B8C\u6210" : "\u8FDB\u884C\u4E2D";
+}
+
+// src/testField/components/CategoryFilter.tsx
+var CategoryFilter = ({
+  viewMode,
+  onViewModeChange,
+  counts,
+  className
+}) => {
+  const options = [
+    {
+      value: "all",
+      label: getCategoryDisplayName("all"),
+      icon: "\u{1F4CA}",
+      activeColor: {
+        bg: "bg-blue-500",
+        shadow: "shadow-blue-200"
+      },
+      showCount: false
+    },
+    {
+      value: "utility",
+      label: getCategoryDisplayName("utility"),
+      icon: "\u{1F527}",
+      activeColor: {
+        bg: "bg-green-500",
+        shadow: "shadow-green-200"
+      },
+      count: counts.utility,
+      showCount: true
+    },
+    {
+      value: "leisure",
+      label: getCategoryDisplayName("leisure"),
+      icon: "\u{1F3AE}",
+      activeColor: {
+        bg: "bg-purple-500",
+        shadow: "shadow-purple-200"
+      },
+      count: counts.leisure,
+      showCount: true
+    }
+  ];
+  return /* @__PURE__ */ React12__default.default.createElement(
+    chunkE72D5KHY_js.FilterButtonGroup,
+    {
+      label: "\u9879\u76EE\u7C7B\u522B",
+      value: viewMode,
+      options,
+      onChange: onViewModeChange,
+      className
+    }
+  );
+};
+var CompletionFilterComponent = ({
+  completionFilter,
+  onCompletionFilterChange,
+  counts,
+  className
+}) => {
+  const options = [
+    {
+      value: "all",
+      label: getCompletionFilterDisplayName("all"),
+      icon: "\u{1F4CA}",
+      activeColor: {
+        bg: "bg-slate-500",
+        shadow: "shadow-slate-200"
+      },
+      count: counts.all,
+      showCount: true
+    },
+    {
+      value: "completed",
+      label: getCompletionFilterDisplayName("completed"),
+      icon: "\u2705",
+      activeColor: {
+        bg: "bg-emerald-500",
+        shadow: "shadow-emerald-200"
+      },
+      count: counts.completed,
+      showCount: true
+    },
+    {
+      value: "incomplete",
+      label: getCompletionFilterDisplayName("incomplete"),
+      icon: "\u{1F6A7}",
+      activeColor: {
+        bg: "bg-orange-500",
+        shadow: "shadow-orange-200"
+      },
+      count: counts.inProgress,
+      showCount: true
+    }
+  ];
+  return /* @__PURE__ */ React12__default.default.createElement(
+    chunkE72D5KHY_js.FilterButtonGroup,
+    {
+      label: "\u5B8C\u6210\u72B6\u6001",
+      value: completionFilter,
+      options,
+      onChange: onCompletionFilterChange,
+      className
+    }
+  );
+};
+var PageHeader = ({ counts, className }) => {
+  return /* @__PURE__ */ React12__default.default.createElement("div", { className }, /* @__PURE__ */ React12__default.default.createElement("div", { className: "mb-8" }, /* @__PURE__ */ React12__default.default.createElement(chunkE72D5KHY_js.BackButton, null)), /* @__PURE__ */ React12__default.default.createElement("div", { className: "mb-8" }, /* @__PURE__ */ React12__default.default.createElement("h1", { className: "text-3xl font-bold text-gray-900" }, "\u5B9E\u9A8C\u7530"), /* @__PURE__ */ React12__default.default.createElement("p", { className: "mt-2 text-sm text-gray-600" }, "\u5728\u8FD9\u91CC\uFF0C\u4F60\u53EF\u4EE5\u5C1D\u8BD5\u5404\u79CD\u5B9E\u9A8C\u6027\u7684\u529F\u80FD\u548C\u9879\u76EE"), /* @__PURE__ */ React12__default.default.createElement("div", { className: "mt-4 flex flex-wrap gap-4 text-sm text-gray-500" }, /* @__PURE__ */ React12__default.default.createElement("span", null, "\u603B\u8BA1: ", counts.all, " \u4E2A\u9879\u76EE"), /* @__PURE__ */ React12__default.default.createElement("span", null, "\u5B9E\u7528\u5DE5\u5177: ", counts.utility, " \u4E2A"), /* @__PURE__ */ React12__default.default.createElement("span", null, "\u4F11\u95F2\u5A31\u4E50: ", counts.leisure, " \u4E2A"), /* @__PURE__ */ React12__default.default.createElement("span", null, "\u5DF2\u5B8C\u6210: ", counts.completed, " \u4E2A"))));
+};
+function defaultExperimentRenderer(item) {
+  return /* @__PURE__ */ React12__default.default.createElement(
+    ExperimentCard,
+    {
+      href: item.path,
+      title: item.title,
+      description: item.description,
+      tags: item.tags,
+      category: item.category,
+      isCompleted: item.isCompleted,
+      updatedAt: item.updatedAt,
+      createdAt: item.createdAt
+    }
+  );
+}
+function ExperimentGrid({
+  items,
+  renderItem,
+  columns = { sm: 1, md: 2, lg: 3, xl: 4 },
+  gap = "md",
+  className = ""
+}) {
+  const itemRenderer = renderItem || ((item) => defaultExperimentRenderer(item));
+  return /* @__PURE__ */ React12__default.default.createElement(
+    chunkE72D5KHY_js.Grid,
+    {
+      items,
+      renderItem: itemRenderer,
+      columns,
+      gap,
+      className
+    }
+  );
+}
+function ExperimentItemGrid({
+  experiments,
+  ...props
+}) {
+  return /* @__PURE__ */ React12__default.default.createElement(ExperimentGrid, { items: experiments, ...props });
+}
+var EmptyState = ({ searchQuery, onClearSearch, className }) => {
+  return /* @__PURE__ */ React12__default.default.createElement("div", { className: `text-center py-12 ${className}` }, /* @__PURE__ */ React12__default.default.createElement(
+    "svg",
+    {
+      className: "mx-auto h-12 w-12 text-gray-400",
+      fill: "none",
+      stroke: "currentColor",
+      viewBox: "0 0 24 24"
+    },
+    /* @__PURE__ */ React12__default.default.createElement(
+      "path",
+      {
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 2,
+        d: "M9.172 16.172a4 4 0 015.656 0M9 12h6m-6-4h6m2 5.291A7.962 7.962 0 0112 15c-2.34 0-4.47.904-6.06 2.384"
+      }
+    )
+  ), /* @__PURE__ */ React12__default.default.createElement("h3", { className: "mt-2 text-sm font-medium text-gray-900" }, "\u6CA1\u6709\u627E\u5230\u5339\u914D\u7684\u5B9E\u9A8C\u9879\u76EE"), /* @__PURE__ */ React12__default.default.createElement("p", { className: "mt-1 text-sm text-gray-500" }, searchQuery ? "\u5C1D\u8BD5\u8C03\u6574\u641C\u7D22\u5173\u952E\u8BCD\u6216\u7B5B\u9009\u6761\u4EF6" : "\u5F53\u524D\u5206\u7C7B\u4E0B\u6682\u65E0\u5B9E\u9A8C\u9879\u76EE"), searchQuery && /* @__PURE__ */ React12__default.default.createElement("div", { className: "mt-4" }, /* @__PURE__ */ React12__default.default.createElement(
+    "button",
+    {
+      onClick: onClearSearch,
+      className: "inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md text-blue-700 bg-blue-100 hover:bg-blue-200"
+    },
+    "\u6E05\u9664\u641C\u7D22"
+  )));
+};
+var SortControl = ({
+  sortBy,
+  sortOrder,
+  onSortByChange,
+  onSortOrderChange
+}) => {
+  const sortOptions = [
+    { value: "title", label: "\u540D\u79F0" },
+    { value: "updatedAt", label: "\u66F4\u65B0\u65F6\u95F4" },
+    { value: "createdAt", label: "\u521B\u5EFA\u65F6\u95F4" },
+    { value: "category", label: "\u7C7B\u522B" },
+    { value: "completion", label: "\u5B8C\u6210\u72B6\u6001" }
+  ];
+  return /* @__PURE__ */ React12__default.default.createElement("div", { className: "flex flex-col sm:flex-row items-start sm:items-center gap-2 sm:gap-4 p-4 bg-white rounded-lg shadow-sm border border-gray-100" }, /* @__PURE__ */ React12__default.default.createElement("div", { className: "text-sm font-medium text-gray-700" }, "\u6392\u5E8F\u65B9\u5F0F\uFF1A"), /* @__PURE__ */ React12__default.default.createElement("div", { className: "flex flex-wrap gap-2" }, sortOptions.map((option) => /* @__PURE__ */ React12__default.default.createElement(
+    "button",
+    {
+      key: option.value,
+      className: `px-3 py-1.5 text-sm rounded-full transition-colors ${sortBy === option.value ? "bg-blue-100 text-blue-700 font-medium" : "bg-gray-100 text-gray-600 hover:bg-gray-200"}`,
+      onClick: () => onSortByChange(option.value)
+    },
+    option.label
+  ))), /* @__PURE__ */ React12__default.default.createElement("div", { className: "ml-auto flex items-center" }, /* @__PURE__ */ React12__default.default.createElement(
+    "button",
+    {
+      className: "flex items-center gap-1 px-3 py-1.5 text-sm rounded-full bg-gray-100 hover:bg-gray-200",
+      onClick: () => onSortOrderChange(sortOrder === "asc" ? "desc" : "asc")
+    },
+    sortOrder === "asc" ? /* @__PURE__ */ React12__default.default.createElement(React12__default.default.Fragment, null, /* @__PURE__ */ React12__default.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__ */ React12__default.default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 4h13M3 8h9m-9 4h6m4 0l4-4m0 0l4 4m-4-4v12" })), /* @__PURE__ */ React12__default.default.createElement("span", null, "\u5347\u5E8F")) : /* @__PURE__ */ React12__default.default.createElement(React12__default.default.Fragment, null, /* @__PURE__ */ React12__default.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__ */ React12__default.default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 4h13M3 8h9m-9 4h9m5-4v12m0 0l-4-4m4 4l4-4" })), /* @__PURE__ */ React12__default.default.createElement("span", null, "\u964D\u5E8F"))
+  )));
+};
+var SortModeToggle = ({ sortMode, onSortModeChange }) => {
+  return /* @__PURE__ */ React12__default.default.createElement("div", { className: "flex flex-col sm:flex-row sm:items-center gap-3 bg-white p-4 rounded-lg shadow-sm border border-gray-100" }, /* @__PURE__ */ React12__default.default.createElement("span", { className: "text-sm font-medium text-gray-700" }, "\u6392\u5E8F\u6A21\u5F0F\uFF1A"), /* @__PURE__ */ React12__default.default.createElement("div", { className: "flex w-full sm:w-auto p-1 bg-gray-100 rounded-lg" }, /* @__PURE__ */ React12__default.default.createElement(
+    "button",
+    {
+      className: `flex-1 sm:flex-initial px-3 py-1.5 text-sm rounded-md transition-colors ${sortMode === "auto" ? "bg-white text-blue-700 font-medium shadow-sm" : "text-gray-600 hover:bg-gray-200"}`,
+      onClick: () => onSortModeChange("auto")
+    },
+    /* @__PURE__ */ React12__default.default.createElement("div", { className: "flex items-center justify-center sm:justify-start space-x-1" }, /* @__PURE__ */ React12__default.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__ */ React12__default.default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 4h13M3 8h9m-9 4h9m5-4v12m0 0l-4-4m4 4l4-4" })), /* @__PURE__ */ React12__default.default.createElement("span", null, "\u81EA\u52A8\u6392\u5E8F"))
+  ), /* @__PURE__ */ React12__default.default.createElement(
+    "button",
+    {
+      className: `flex-1 sm:flex-initial px-3 py-1.5 text-sm rounded-md transition-colors ${sortMode === "manual" ? "bg-white text-blue-700 font-medium shadow-sm" : "text-gray-600 hover:bg-gray-200"}`,
+      onClick: () => onSortModeChange("manual")
+    },
+    /* @__PURE__ */ React12__default.default.createElement("div", { className: "flex items-center justify-center sm:justify-start space-x-1" }, /* @__PURE__ */ React12__default.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__ */ React12__default.default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M7 11.5V14m0-2.5v-6a1.5 1.5 0 113 0m-3 6a1.5 1.5 0 00-3 0v2a7.5 7.5 0 0015 0v-5a1.5 1.5 0 013 0m-6-3V11m0-5.5v-1a1.5 1.5 0 013 0v1m0 0V11m0-5.5a1.5 1.5 0 013 0v3m0 0V11" })), /* @__PURE__ */ React12__default.default.createElement("span", null, "\u624B\u52A8\u6392\u5E8F"))
+  )));
+};
+var SortableExperimentItem = ({
+  item,
+  onMoveUp,
+  onMoveDown,
+  isFirst,
+  isLast
+}) => {
+  const {
+    attributes,
+    listeners,
+    setNodeRef,
+    transform,
+    transition,
+    isDragging
+  } = sortable.useSortable({ id: item.id });
+  const style = {
+    transform: utilities.CSS.Transform.toString(transform),
+    transition,
+    zIndex: isDragging ? 100 : 1,
+    opacity: isDragging ? 0.8 : 1,
+    position: "relative"
+  };
+  return /* @__PURE__ */ React12__default.default.createElement(
+    "div",
+    {
+      ref: setNodeRef,
+      style,
+      className: "relative group"
+    },
+    /* @__PURE__ */ React12__default.default.createElement(
+      "div",
+      {
+        ...attributes,
+        ...listeners,
+        className: "absolute right-2 top-2 w-8 h-8 bg-white/80 hover:bg-white rounded-full flex items-center justify-center shadow-md z-10\n                  hidden sm:flex\n                  opacity-0 group-hover:opacity-100 transition-opacity\n                  cursor-grab active:cursor-grabbing\n                  touch-action-none",
+        onClick: (e) => e.stopPropagation(),
+        "aria-label": "\u62D6\u52A8\u6392\u5E8F"
+      },
+      /* @__PURE__ */ React12__default.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-5 w-5 text-gray-500", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" }, /* @__PURE__ */ React12__default.default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 8h16M4 16h16" })),
+      /* @__PURE__ */ React12__default.default.createElement("span", { className: "absolute top-full mt-1 left-1/2 transform -translate-x-1/2 text-xs bg-gray-800 text-white px-2 py-1 rounded whitespace-nowrap opacity-0 group-hover:opacity-100 transition-opacity" }, "\u62D6\u52A8\u6392\u5E8F")
+    ),
+    /* @__PURE__ */ React12__default.default.createElement("div", { className: "absolute right-2 top-2 flex flex-col gap-2 sm:hidden z-10" }, /* @__PURE__ */ React12__default.default.createElement(
+      "button",
+      {
+        onClick: (e) => {
+          e.stopPropagation();
+          onMoveUp?.();
+        },
+        disabled: isFirst,
+        className: `w-8 h-8 rounded-full flex items-center justify-center shadow-md
+                     ${isFirst ? "bg-gray-200 cursor-not-allowed" : "bg-white/80 hover:bg-white active:bg-gray-100"}`,
+        "aria-label": "\u5411\u4E0A\u79FB\u52A8"
+      },
+      /* @__PURE__ */ React12__default.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: `h-5 w-5 ${isFirst ? "text-gray-400" : "text-gray-500"}`, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" }, /* @__PURE__ */ React12__default.default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 15l7-7 7 7" }))
+    ), /* @__PURE__ */ React12__default.default.createElement(
+      "button",
+      {
+        onClick: (e) => {
+          e.stopPropagation();
+          onMoveDown?.();
+        },
+        disabled: isLast,
+        className: `w-8 h-8 rounded-full flex items-center justify-center shadow-md
+                     ${isLast ? "bg-gray-200 cursor-not-allowed" : "bg-white/80 hover:bg-white active:bg-gray-100"}`,
+        "aria-label": "\u5411\u4E0B\u79FB\u52A8"
+      },
+      /* @__PURE__ */ React12__default.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: `h-5 w-5 ${isLast ? "text-gray-400" : "text-gray-500"}`, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor" }, /* @__PURE__ */ React12__default.default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }))
+    )),
+    /* @__PURE__ */ React12__default.default.createElement("div", { className: `transition-all ${isDragging ? "scale-105 shadow-xl" : ""}` }, /* @__PURE__ */ React12__default.default.createElement(
+      ExperimentCard,
+      {
+        href: item.path,
+        title: item.title,
+        description: item.description,
+        tags: item.tags,
+        category: item.category,
+        isCompleted: item.isCompleted,
+        updatedAt: item.updatedAt,
+        createdAt: item.createdAt
+      }
+    ))
+  );
+};
+
+// src/testField/components/DraggableExperimentGrid.tsx
+var DraggableExperimentGrid = ({
+  items: initialItems,
+  onOrderChange,
+  className = ""
+}) => {
+  const [items, setItems] = React12.useState(initialItems);
+  const [isDragging, setIsDragging] = React12.useState(false);
+  const sensors = core.useSensors(
+    core.useSensor(core.PointerSensor, {
+      activationConstraint: {
+        distance: 8
+        // 需要拖动8px才激活，避免意外触发
+      }
+    }),
+    core.useSensor(core.TouchSensor, {
+      activationConstraint: {
+        delay: 250,
+        // 触摸需要按住250ms才激活，避免与点击冲突
+        tolerance: 5
+        // 允许的移动容差
+      }
+    }),
+    core.useSensor(core.KeyboardSensor, {
+      coordinateGetter: sortable.sortableKeyboardCoordinates
+    })
+  );
+  function handleDragStart() {
+    setIsDragging(true);
+  }
+  function handleDragEnd(event) {
+    setIsDragging(false);
+    const { active, over } = event;
+    if (over && active.id !== over.id) {
+      setItems((currentItems) => {
+        const oldIndex = currentItems.findIndex((item) => item.id === active.id);
+        const newIndex = currentItems.findIndex((item) => item.id === over.id);
+        const newItems = sortable.arrayMove(currentItems, oldIndex, newIndex);
+        if (onOrderChange) {
+          onOrderChange(newItems);
+        }
+        return newItems;
+      });
     }
-  ), windowWidth > 0 && /* @__PURE__ */ React37__namespace.default.createElement(
-    FloatingMenu_default,
+  }
+  const handleMoveUp = (index) => {
+    if (index > 0) {
+      setItems((currentItems) => {
+        const newItems = sortable.arrayMove(currentItems, index, index - 1);
+        onOrderChange?.(newItems);
+        return newItems;
+      });
+    }
+  };
+  const handleMoveDown = (index) => {
+    if (index < items.length - 1) {
+      setItems((currentItems) => {
+        const newItems = sortable.arrayMove(currentItems, index, index + 1);
+        onOrderChange?.(newItems);
+        return newItems;
+      });
+    }
+  };
+  React12__default.default.useEffect(() => {
+    setItems(initialItems);
+  }, [initialItems]);
+  return /* @__PURE__ */ React12__default.default.createElement("div", { className: `relative ${className}` }, /* @__PURE__ */ React12__default.default.createElement("div", { className: "mb-4 px-4 py-3 bg-blue-50 text-blue-700 rounded-lg border border-blue-200 text-sm" }, /* @__PURE__ */ React12__default.default.createElement("div", { className: "flex items-start sm:items-center" }, /* @__PURE__ */ React12__default.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-5 w-5 mr-2 flex-shrink-0 mt-0.5 sm:mt-0", viewBox: "0 0 20 20", fill: "currentColor" }, /* @__PURE__ */ React12__default.default.createElement("path", { fillRule: "evenodd", d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z", clipRule: "evenodd" })), /* @__PURE__ */ React12__default.default.createElement("div", null, /* @__PURE__ */ React12__default.default.createElement("p", { className: "mb-1" }, "\u62D6\u62FD\u5361\u7247\u53EF\u4EE5\u81EA\u5B9A\u4E49\u6392\u5E8F\u3002\u70B9\u51FB\u5361\u7247\u53EF\u4EE5\u8BBF\u95EE\u5BF9\u5E94\u7684\u5B9E\u9A8C\u9879\u76EE\u3002"), /* @__PURE__ */ React12__default.default.createElement("p", { className: "text-xs text-blue-600 sm:hidden" }, "\u70B9\u51FB\u5361\u7247\u53F3\u4E0A\u89D2\u7684\u4E0A\u4E0B\u7BAD\u5934\u6309\u94AE\u8C03\u6574\u987A\u5E8F"), /* @__PURE__ */ React12__default.default.createElement("p", { className: "text-xs text-blue-600 hidden sm:block" }, "\u957F\u6309\u5361\u7247\u53F3\u4E0A\u89D2\u7684\u62D6\u52A8\u56FE\u6807\u8FDB\u884C\u6392\u5E8F")))), /* @__PURE__ */ React12__default.default.createElement(
+    core.DndContext,
     {
-      trigger: /* @__PURE__ */ React37__namespace.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__namespace.default.createElement("span", { className: "text-xl" }, "\u{1F50D}")),
-      menu: /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "w-64 bg-white rounded-xl shadow-xl border border-gray-100 p-4" }, /* @__PURE__ */ React37__namespace.default.createElement("h3", { className: "text-sm font-bold text-gray-900 mb-3" }, "\u5FEB\u901F\u641C\u7D22"), /* @__PURE__ */ React37__namespace.default.createElement("div", { className: "space-y-3" }, /* @__PURE__ */ React37__namespace.default.createElement(
-        "input",
+      sensors,
+      collisionDetection: core.closestCenter,
+      onDragStart: handleDragStart,
+      onDragEnd: handleDragEnd
+    },
+    /* @__PURE__ */ React12__default.default.createElement(
+      sortable.SortableContext,
+      {
+        items: items.map((item) => item.id),
+        strategy: sortable.rectSortingStrategy
+      },
+      /* @__PURE__ */ React12__default.default.createElement("div", { className: `
+            grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4 md:gap-6
+            ${isDragging ? "cursor-grabbing" : ""}
+          ` }, items.map((item, index) => /* @__PURE__ */ React12__default.default.createElement(
+        SortableExperimentItem,
         {
-          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"
+          key: item.id,
+          item,
+          onMoveUp: () => handleMoveUp(index),
+          onMoveDown: () => handleMoveDown(index),
+          isFirst: index === 0,
+          isLast: index === items.length - 1
         }
-      ), /* @__PURE__ */ React37__namespace.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;
+var PermissionGuard = ({
+  apiClient,
+  children,
+  fallback
+}) => {
+  const { user, isLoggedIn } = chunk5QMBZP7S_js.useAuth(apiClient);
+  const hasPermission = () => {
+    if (!isLoggedIn || !user) {
+      return false;
+    }
+    return true;
+  };
+  if (!hasPermission()) {
+    return fallback || /* @__PURE__ */ React12__default.default.createElement("div", { className: "min-h-screen bg-gray-50 flex items-center justify-center" }, /* @__PURE__ */ React12__default.default.createElement("div", { className: "max-w-md w-full bg-white rounded-lg shadow-lg p-8 text-center" }, /* @__PURE__ */ React12__default.default.createElement("div", { className: "flex items-center justify-center mb-4" }, /* @__PURE__ */ React12__default.default.createElement(lucideReact.Shield, { className: "w-12 h-12 text-red-500" })), /* @__PURE__ */ React12__default.default.createElement("h2", { className: "text-xl font-semibold text-gray-900 mb-2" }, "\u9700\u8981\u767B\u5F55"), /* @__PURE__ */ React12__default.default.createElement("p", { className: "text-gray-600 mb-4" }, "\u8BF7\u5148\u767B\u5F55\u4EE5\u8BBF\u95EE\u5B9E\u9A8C\u7530\u529F\u80FD\u3002"), /* @__PURE__ */ React12__default.default.createElement("div", { className: "flex items-center justify-center text-sm text-gray-500 mb-4" }, /* @__PURE__ */ React12__default.default.createElement(lucideReact.AlertTriangle, { className: "w-4 h-4 mr-1" }), "\u5B9E\u9A8C\u7530\u5BF9\u6240\u6709\u6CE8\u518C\u7528\u6237\u5F00\u653E"), /* @__PURE__ */ React12__default.default.createElement(
+      "button",
+      {
+        onClick: () => window.history.back(),
+        className: "inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md text-white bg-green-600 hover:bg-green-700"
+      },
+      "\u8FD4\u56DE\u4E0A\u4E00\u9875"
+    )));
+  }
+  return /* @__PURE__ */ React12__default.default.createElement(React12__default.default.Fragment, null, children);
+};
+var UserInfoBar = ({ apiClient }) => {
+  const { user, logout, isLoggedIn } = chunk5QMBZP7S_js.useAuth(apiClient);
+  const handleLogout = async () => {
+    try {
+      await logout();
+      window.location.href = "/";
+    } catch (error) {
+      console.error("\u767B\u51FA\u5931\u8D25:", error);
+    }
+  };
+  if (!isLoggedIn || !user) {
+    return null;
+  }
+  return /* @__PURE__ */ React12__default.default.createElement("div", { className: "bg-white border-b border-gray-200 px-4 py-3" }, /* @__PURE__ */ React12__default.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React12__default.default.createElement("div", { className: "flex items-center space-x-3" }, /* @__PURE__ */ React12__default.default.createElement("div", { className: "flex items-center space-x-2" }, /* @__PURE__ */ React12__default.default.createElement(lucideReact.User, { className: "w-5 h-5 text-gray-600" }), /* @__PURE__ */ React12__default.default.createElement("span", { className: "text-sm font-medium text-gray-900" }, user.name || user.email || "\u7528\u6237"), user.role && /* @__PURE__ */ React12__default.default.createElement("span", { className: "inline-flex items-center px-2 py-1 rounded-full text-xs font-medium bg-green-100 text-green-800" }, user.role))), /* @__PURE__ */ React12__default.default.createElement("div", { className: "flex items-center space-x-2" }, /* @__PURE__ */ React12__default.default.createElement("div", { className: "flex items-center space-x-1 text-sm text-gray-500" }, /* @__PURE__ */ React12__default.default.createElement(lucideReact.FlaskConical, { className: "w-4 h-4" }), /* @__PURE__ */ React12__default.default.createElement("span", null, "\u5B9E\u9A8C\u7530")), /* @__PURE__ */ React12__default.default.createElement(
+    "button",
+    {
+      onClick: handleLogout,
+      className: "inline-flex items-center px-3 py-1.5 border border-gray-300 text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500"
+    },
+    /* @__PURE__ */ React12__default.default.createElement(lucideReact.LogOut, { className: "w-4 h-4 mr-1" }),
+    "\u767B\u51FA"
+  ))));
+};
 
+Object.defineProperty(exports, "AlertDialog", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.AlertDialog; }
+});
+Object.defineProperty(exports, "AlertDialogAction", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.AlertDialogAction; }
+});
+Object.defineProperty(exports, "AlertDialogCancel", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.AlertDialogCancel; }
+});
+Object.defineProperty(exports, "AlertDialogContent", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.AlertDialogContent; }
+});
+Object.defineProperty(exports, "AlertDialogDescription", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.AlertDialogDescription; }
+});
+Object.defineProperty(exports, "AlertDialogFooter", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.AlertDialogFooter; }
+});
+Object.defineProperty(exports, "AlertDialogHeader", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.AlertDialogHeader; }
+});
+Object.defineProperty(exports, "AlertDialogOverlay", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.AlertDialogOverlay; }
+});
+Object.defineProperty(exports, "AlertDialogPortal", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.AlertDialogPortal; }
+});
+Object.defineProperty(exports, "AlertDialogTitle", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.AlertDialogTitle; }
+});
+Object.defineProperty(exports, "AlertDialogTrigger", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.AlertDialogTrigger; }
+});
+Object.defineProperty(exports, "Avatar", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.Avatar; }
+});
+Object.defineProperty(exports, "AvatarFallback", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.AvatarFallback; }
+});
+Object.defineProperty(exports, "AvatarImage", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.AvatarImage; }
+});
+Object.defineProperty(exports, "BackButton", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.BackButton; }
+});
+Object.defineProperty(exports, "Badge", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.Badge; }
+});
+Object.defineProperty(exports, "Button", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.Button; }
+});
+Object.defineProperty(exports, "Card", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.Card; }
+});
+Object.defineProperty(exports, "CardContent", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.CardContent; }
+});
+Object.defineProperty(exports, "CardDescription", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.CardDescription; }
+});
+Object.defineProperty(exports, "CardFooter", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.CardFooter; }
+});
+Object.defineProperty(exports, "CardHeader", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.CardHeader; }
+});
+Object.defineProperty(exports, "CardTitle", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.CardTitle; }
+});
+Object.defineProperty(exports, "CollisionBalls", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.CollisionBalls; }
+});
 Object.defineProperty(exports, "ConfirmModal", {
   enumerable: true,
-  get: function () { return chunkG6WRJ2H2_js.ConfirmModal; }
+  get: function () { return chunkE72D5KHY_js.ConfirmModal; }
+});
+Object.defineProperty(exports, "Dialog", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.Dialog; }
+});
+Object.defineProperty(exports, "DialogClose", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.DialogClose; }
+});
+Object.defineProperty(exports, "DialogContent", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.DialogContent; }
+});
+Object.defineProperty(exports, "DialogDescription", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.DialogDescription; }
+});
+Object.defineProperty(exports, "DialogFooter", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.DialogFooter; }
+});
+Object.defineProperty(exports, "DialogHeader", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.DialogHeader; }
+});
+Object.defineProperty(exports, "DialogOverlay", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.DialogOverlay; }
+});
+Object.defineProperty(exports, "DialogPortal", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.DialogPortal; }
+});
+Object.defineProperty(exports, "DialogTitle", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.DialogTitle; }
+});
+Object.defineProperty(exports, "DialogTrigger", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.DialogTrigger; }
+});
+Object.defineProperty(exports, "DropdownMenu", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.DropdownMenu; }
+});
+Object.defineProperty(exports, "DropdownMenuCheckboxItem", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.DropdownMenuCheckboxItem; }
+});
+Object.defineProperty(exports, "DropdownMenuContent", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.DropdownMenuContent; }
+});
+Object.defineProperty(exports, "DropdownMenuGroup", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.DropdownMenuGroup; }
+});
+Object.defineProperty(exports, "DropdownMenuItem", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.DropdownMenuItem; }
+});
+Object.defineProperty(exports, "DropdownMenuLabel", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.DropdownMenuLabel; }
+});
+Object.defineProperty(exports, "DropdownMenuPortal", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.DropdownMenuPortal; }
+});
+Object.defineProperty(exports, "DropdownMenuRadioGroup", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.DropdownMenuRadioGroup; }
+});
+Object.defineProperty(exports, "DropdownMenuRadioItem", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.DropdownMenuRadioItem; }
+});
+Object.defineProperty(exports, "DropdownMenuSeparator", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.DropdownMenuSeparator; }
+});
+Object.defineProperty(exports, "DropdownMenuShortcut", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.DropdownMenuShortcut; }
+});
+Object.defineProperty(exports, "DropdownMenuSub", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.DropdownMenuSub; }
+});
+Object.defineProperty(exports, "DropdownMenuSubContent", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.DropdownMenuSubContent; }
+});
+Object.defineProperty(exports, "DropdownMenuSubTrigger", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.DropdownMenuSubTrigger; }
+});
+Object.defineProperty(exports, "DropdownMenuTrigger", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.DropdownMenuTrigger; }
+});
+Object.defineProperty(exports, "FilterButtonGroup", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.FilterButtonGroup; }
+});
+Object.defineProperty(exports, "GenericOrderManager", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.GenericOrderManager; }
+});
+Object.defineProperty(exports, "Grid", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.Grid; }
+});
+Object.defineProperty(exports, "Input", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.Input; }
+});
+Object.defineProperty(exports, "Label", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.Label; }
 });
 Object.defineProperty(exports, "Modal", {
   enumerable: true,
-  get: function () { return chunkG6WRJ2H2_js.Modal; }
+  get: function () { return chunkE72D5KHY_js.Modal; }
+});
+Object.defineProperty(exports, "Popover", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.Popover; }
+});
+Object.defineProperty(exports, "PopoverAnchor", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.PopoverAnchor; }
+});
+Object.defineProperty(exports, "PopoverContent", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.PopoverContent; }
+});
+Object.defineProperty(exports, "PopoverTrigger", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.PopoverTrigger; }
+});
+Object.defineProperty(exports, "Progress", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.Progress; }
+});
+Object.defineProperty(exports, "ScrollArea", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.ScrollArea; }
+});
+Object.defineProperty(exports, "ScrollBar", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.ScrollBar; }
 });
 Object.defineProperty(exports, "SearchBox", {
   enumerable: true,
-  get: function () { return chunkG6WRJ2H2_js.SearchBox; }
+  get: function () { return chunkE72D5KHY_js.SearchBox; }
+});
+Object.defineProperty(exports, "SearchResultHint", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.SearchResultHint; }
+});
+Object.defineProperty(exports, "Select", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.Select; }
+});
+Object.defineProperty(exports, "SelectContent", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.SelectContent; }
+});
+Object.defineProperty(exports, "SelectGroup", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.SelectGroup; }
+});
+Object.defineProperty(exports, "SelectItem", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.SelectItem; }
+});
+Object.defineProperty(exports, "SelectLabel", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.SelectLabel; }
+});
+Object.defineProperty(exports, "SelectScrollDownButton", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.SelectScrollDownButton; }
+});
+Object.defineProperty(exports, "SelectScrollUpButton", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.SelectScrollUpButton; }
+});
+Object.defineProperty(exports, "SelectSeparator", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.SelectSeparator; }
+});
+Object.defineProperty(exports, "SelectTrigger", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.SelectTrigger; }
+});
+Object.defineProperty(exports, "SelectValue", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.SelectValue; }
+});
+Object.defineProperty(exports, "Separator", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.Separator; }
+});
+Object.defineProperty(exports, "Sheet", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.Sheet; }
+});
+Object.defineProperty(exports, "SheetClose", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.SheetClose; }
+});
+Object.defineProperty(exports, "SheetContent", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.SheetContent; }
+});
+Object.defineProperty(exports, "SheetDescription", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.SheetDescription; }
+});
+Object.defineProperty(exports, "SheetFooter", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.SheetFooter; }
+});
+Object.defineProperty(exports, "SheetHeader", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.SheetHeader; }
+});
+Object.defineProperty(exports, "SheetOverlay", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.SheetOverlay; }
+});
+Object.defineProperty(exports, "SheetPortal", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.SheetPortal; }
+});
+Object.defineProperty(exports, "SheetTitle", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.SheetTitle; }
+});
+Object.defineProperty(exports, "SheetTrigger", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.SheetTrigger; }
+});
+Object.defineProperty(exports, "Tabs", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.Tabs; }
+});
+Object.defineProperty(exports, "TabsContent", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.TabsContent; }
+});
+Object.defineProperty(exports, "TabsList", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.TabsList; }
+});
+Object.defineProperty(exports, "TabsTrigger", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.TabsTrigger; }
+});
+Object.defineProperty(exports, "Textarea", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.Textarea; }
+});
+Object.defineProperty(exports, "Timeline", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.Timeline; }
+});
+Object.defineProperty(exports, "Tooltip", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.Tooltip; }
+});
+Object.defineProperty(exports, "TooltipContent", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.TooltipContent; }
+});
+Object.defineProperty(exports, "TooltipProvider", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.TooltipProvider; }
+});
+Object.defineProperty(exports, "TooltipTrigger", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.TooltipTrigger; }
+});
+Object.defineProperty(exports, "badgeVariants", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.badgeVariants; }
+});
+Object.defineProperty(exports, "buttonVariants", {
+  enumerable: true,
+  get: function () { return chunkE72D5KHY_js.buttonVariants; }
 });
 Object.defineProperty(exports, "arrayUtils", {
   enumerable: true,
@@ -3210,121 +2725,48 @@ Object.defineProperty(exports, "logger", {
   get: function () { return chunk6PRFP5EG_js.logger; }
 });
 exports.About = About_default;
-exports.AlertDialog = AlertDialog;
-exports.AlertDialogAction = AlertDialogAction;
-exports.AlertDialogCancel = AlertDialogCancel;
-exports.AlertDialogContent = AlertDialogContent;
-exports.AlertDialogDescription = AlertDialogDescription;
-exports.AlertDialogFooter = AlertDialogFooter;
-exports.AlertDialogHeader = AlertDialogHeader;
-exports.AlertDialogOverlay = AlertDialogOverlay;
-exports.AlertDialogPortal = AlertDialogPortal;
-exports.AlertDialogTitle = AlertDialogTitle;
-exports.AlertDialogTrigger = AlertDialogTrigger;
 exports.AutoOpenModal = AutoOpenModal;
-exports.Avatar = Avatar;
-exports.AvatarFallback = AvatarFallback;
-exports.AvatarImage = AvatarImage;
-exports.BackButton = BackButton;
 exports.BackgroundRemover = BackgroundRemover;
-exports.Badge = Badge;
-exports.Button = Button;
-exports.Card = Card;
-exports.CardContent = CardContent;
-exports.CardDescription = CardDescription;
-exports.CardFooter = CardFooter;
-exports.CardHeader = CardHeader;
-exports.CardTitle = CardTitle;
-exports.CollisionBalls = CollisionBalls;
+exports.CategoryFilter = CategoryFilter;
+exports.CompletionFilterComponent = CompletionFilterComponent;
 exports.Contact = Contact_default;
-exports.Dialog = Dialog;
-exports.DialogClose = DialogClose;
-exports.DialogContent = DialogContent;
-exports.DialogDescription = DialogDescription;
-exports.DialogFooter = DialogFooter;
-exports.DialogHeader = DialogHeader;
-exports.DialogOverlay = DialogOverlay;
-exports.DialogPortal = DialogPortal;
-exports.DialogTitle = DialogTitle;
-exports.DialogTrigger = DialogTrigger;
-exports.DropdownMenu = DropdownMenu;
-exports.DropdownMenuCheckboxItem = DropdownMenuCheckboxItem;
-exports.DropdownMenuContent = DropdownMenuContent;
-exports.DropdownMenuGroup = DropdownMenuGroup;
-exports.DropdownMenuItem = DropdownMenuItem;
-exports.DropdownMenuLabel = DropdownMenuLabel;
-exports.DropdownMenuPortal = DropdownMenuPortal;
-exports.DropdownMenuRadioGroup = DropdownMenuRadioGroup;
-exports.DropdownMenuRadioItem = DropdownMenuRadioItem;
-exports.DropdownMenuSeparator = DropdownMenuSeparator;
-exports.DropdownMenuShortcut = DropdownMenuShortcut;
-exports.DropdownMenuSub = DropdownMenuSub;
-exports.DropdownMenuSubContent = DropdownMenuSubContent;
-exports.DropdownMenuSubTrigger = DropdownMenuSubTrigger;
-exports.DropdownMenuTrigger = DropdownMenuTrigger;
+exports.DraggableExperimentGrid = DraggableExperimentGrid;
+exports.EmptyState = EmptyState;
 exports.EnhancedAvatar = EnhancedAvatar;
 exports.ExperimentCard = ExperimentCard;
-exports.FilterButtonGroup = FilterButtonGroup;
+exports.ExperimentGrid = ExperimentGrid;
+exports.ExperimentItemGrid = ExperimentItemGrid;
 exports.FloatingMenu = FloatingMenu_default;
 exports.FloatingMenuExample = FloatingMenuExample_default;
-exports.GenericOrderManager = GenericOrderManager;
-exports.Grid = Grid;
 exports.Home = Home_default;
-exports.Input = Input;
-exports.Label = Label;
 exports.Navigation = Navigation_default;
 exports.NavigationItem = NavigationItem_default;
 exports.NavigationToggle = NavigationToggle_default;
 exports.OCRScanner = OCRScanner;
-exports.Popover = Popover;
-exports.PopoverAnchor = PopoverAnchor;
-exports.PopoverContent = PopoverContent;
-exports.PopoverTrigger = PopoverTrigger;
+exports.PageHeader = PageHeader;
+exports.PermissionGuard = PermissionGuard;
 exports.ProfileButton = ProfileButton;
 exports.ProfileModal = ProfileModal;
-exports.Progress = Progress;
 exports.ProjectCarousel = ProjectCarousel;
-exports.ScrollArea = ScrollArea;
-exports.ScrollBar = ScrollBar;
-exports.SearchResultHint = SearchResultHint;
-exports.Select = Select;
-exports.SelectContent = SelectContent;
-exports.SelectGroup = SelectGroup;
-exports.SelectItem = SelectItem;
-exports.SelectLabel = SelectLabel;
-exports.SelectScrollDownButton = SelectScrollDownButton;
-exports.SelectScrollUpButton = SelectScrollUpButton;
-exports.SelectSeparator = SelectSeparator;
-exports.SelectTrigger = SelectTrigger;
-exports.SelectValue = SelectValue;
 exports.SentimentAnalyzer = SentimentAnalyzer;
-exports.Separator = Separator3;
-exports.Sheet = Sheet;
-exports.SheetClose = SheetClose;
-exports.SheetContent = SheetContent;
-exports.SheetDescription = SheetDescription;
-exports.SheetFooter = SheetFooter;
-exports.SheetHeader = SheetHeader;
-exports.SheetOverlay = SheetOverlay;
-exports.SheetPortal = SheetPortal;
-exports.SheetTitle = SheetTitle;
-exports.SheetTrigger = SheetTrigger;
 exports.SmartAssistant = SmartAssistant;
-exports.Tabs = Tabs;
-exports.TabsContent = TabsContent;
-exports.TabsList = TabsList;
-exports.TabsTrigger = TabsTrigger;
-exports.Textarea = Textarea;
-exports.Timeline = Timeline;
-exports.Tooltip = Tooltip;
-exports.TooltipContent = TooltipContent;
-exports.TooltipProvider = TooltipProvider;
-exports.TooltipTrigger = TooltipTrigger;
-exports.badgeVariants = badgeVariants;
-exports.buttonVariants = buttonVariants;
+exports.SortControl = SortControl;
+exports.SortModeToggle = SortModeToggle;
+exports.SortableExperimentItem = SortableExperimentItem;
+exports.UserInfoBar = UserInfoBar;
+exports.filterExperiments = filterExperiments;
+exports.getAllTags = getAllTags;
+exports.getCategoryColor = getCategoryColor;
+exports.getCategoryDisplayName = getCategoryDisplayName;
+exports.getCompletionFilterDisplayName = getCompletionFilterDisplayName;
+exports.getCompletionStatusColor = getCompletionStatusColor;
+exports.getCompletionStatusText = getCompletionStatusText;
+exports.getExperimentCounts = getExperimentCounts;
+exports.sortExperiments = sortExperiments;
 exports.useBackgroundRemoval = useBackgroundRemoval;
 exports.useOCR = useOCR;
 exports.useSentimentAnalysis = useSentimentAnalysis;
 exports.useTextGeneration = useTextGeneration;
+exports.validateExperiment = validateExperiment;
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map