@juv/codego-react-ui 1.0.5 → 1.0.7

package/dist/index.global.js

@@ -410,8 +410,8 @@ var CodegoUI = (() => {
       exports.use = function(usable) {
         return ReactSharedInternals.H.use(usable);
       };
-      exports.useActionState = function(action, initialState, permalink) {
-        return ReactSharedInternals.H.useActionState(action, initialState, permalink);
+      exports.useActionState = function(action, initialState2, permalink) {
+        return ReactSharedInternals.H.useActionState(action, initialState2, permalink);
       };
       exports.useCallback = function(callback, deps) {
         return ReactSharedInternals.H.useCallback(callback, deps);
@@ -454,8 +454,8 @@ var CodegoUI = (() => {
       exports.useRef = function(initialValue) {
         return ReactSharedInternals.H.useRef(initialValue);
       };
-      exports.useState = function(initialState) {
-        return ReactSharedInternals.H.useState(initialState);
+      exports.useState = function(initialState2) {
+        return ReactSharedInternals.H.useState(initialState2);
       };
       exports.useSyncExternalStore = function(subscribe, getSnapshot, getServerSnapshot) {
         return ReactSharedInternals.H.useSyncExternalStore(
@@ -1362,10 +1362,10 @@ var CodegoUI = (() => {
         exports.use = function(usable) {
           return resolveDispatcher().use(usable);
         };
-        exports.useActionState = function(action, initialState, permalink) {
+        exports.useActionState = function(action, initialState2, permalink) {
           return resolveDispatcher().useActionState(
             action,
-            initialState,
+            initialState2,
             permalink
           );
         };
@@ -1424,8 +1424,8 @@ var CodegoUI = (() => {
         exports.useRef = function(initialValue) {
           return resolveDispatcher().useRef(initialValue);
         };
-        exports.useState = function(initialState) {
-          return resolveDispatcher().useState(initialState);
+        exports.useState = function(initialState2) {
+          return resolveDispatcher().useState(initialState2);
         };
         exports.useSyncExternalStore = function(subscribe, getSnapshot, getServerSnapshot) {
           return resolveDispatcher().useSyncExternalStore(
@@ -1699,18 +1699,18 @@ var CodegoUI = (() => {
         function isValidElement(object) {
           return "object" === typeof object && null !== object && object.$$typeof === REACT_ELEMENT_TYPE;
         }
-        var React43 = require_react(), REACT_ELEMENT_TYPE = /* @__PURE__ */ Symbol.for("react.transitional.element"), REACT_PORTAL_TYPE = /* @__PURE__ */ Symbol.for("react.portal"), REACT_FRAGMENT_TYPE = /* @__PURE__ */ Symbol.for("react.fragment"), REACT_STRICT_MODE_TYPE = /* @__PURE__ */ Symbol.for("react.strict_mode"), REACT_PROFILER_TYPE = /* @__PURE__ */ Symbol.for("react.profiler"), REACT_CONSUMER_TYPE = /* @__PURE__ */ Symbol.for("react.consumer"), REACT_CONTEXT_TYPE = /* @__PURE__ */ Symbol.for("react.context"), REACT_FORWARD_REF_TYPE = /* @__PURE__ */ Symbol.for("react.forward_ref"), REACT_SUSPENSE_TYPE = /* @__PURE__ */ Symbol.for("react.suspense"), REACT_SUSPENSE_LIST_TYPE = /* @__PURE__ */ Symbol.for("react.suspense_list"), REACT_MEMO_TYPE = /* @__PURE__ */ Symbol.for("react.memo"), REACT_LAZY_TYPE = /* @__PURE__ */ Symbol.for("react.lazy"), REACT_ACTIVITY_TYPE = /* @__PURE__ */ Symbol.for("react.activity"), REACT_CLIENT_REFERENCE = /* @__PURE__ */ Symbol.for("react.client.reference"), ReactSharedInternals = React43.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, hasOwnProperty = Object.prototype.hasOwnProperty, isArrayImpl = Array.isArray, createTask = console.createTask ? console.createTask : function() {
+        var React44 = require_react(), REACT_ELEMENT_TYPE = /* @__PURE__ */ Symbol.for("react.transitional.element"), REACT_PORTAL_TYPE = /* @__PURE__ */ Symbol.for("react.portal"), REACT_FRAGMENT_TYPE = /* @__PURE__ */ Symbol.for("react.fragment"), REACT_STRICT_MODE_TYPE = /* @__PURE__ */ Symbol.for("react.strict_mode"), REACT_PROFILER_TYPE = /* @__PURE__ */ Symbol.for("react.profiler"), REACT_CONSUMER_TYPE = /* @__PURE__ */ Symbol.for("react.consumer"), REACT_CONTEXT_TYPE = /* @__PURE__ */ Symbol.for("react.context"), REACT_FORWARD_REF_TYPE = /* @__PURE__ */ Symbol.for("react.forward_ref"), REACT_SUSPENSE_TYPE = /* @__PURE__ */ Symbol.for("react.suspense"), REACT_SUSPENSE_LIST_TYPE = /* @__PURE__ */ Symbol.for("react.suspense_list"), REACT_MEMO_TYPE = /* @__PURE__ */ Symbol.for("react.memo"), REACT_LAZY_TYPE = /* @__PURE__ */ Symbol.for("react.lazy"), REACT_ACTIVITY_TYPE = /* @__PURE__ */ Symbol.for("react.activity"), REACT_CLIENT_REFERENCE = /* @__PURE__ */ Symbol.for("react.client.reference"), ReactSharedInternals = React44.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, hasOwnProperty = Object.prototype.hasOwnProperty, isArrayImpl = Array.isArray, createTask = console.createTask ? console.createTask : function() {
           return null;
         };
-        React43 = {
+        React44 = {
           react_stack_bottom_frame: function(callStackForError) {
             return callStackForError();
           }
         };
         var specialPropKeyWarningShown;
         var didWarnAboutElementRef = {};
-        var unknownOwnerDebugStack = React43.react_stack_bottom_frame.bind(
-          React43,
+        var unknownOwnerDebugStack = React44.react_stack_bottom_frame.bind(
+          React44,
           UnknownOwner
         )();
         var unknownOwnerDebugTask = createTask(getTaskName(UnknownOwner));
@@ -1758,7 +1758,7 @@ var CodegoUI = (() => {
   var require_react_dom_production = __commonJS({
     "node_modules/react-dom/cjs/react-dom.production.js"(exports) {
       "use strict";
-      var React43 = require_react();
+      var React44 = require_react();
       function formatProdErrorMessage(code) {
         var url = "https://react.dev/errors/" + code;
         if (1 < arguments.length) {
@@ -1798,7 +1798,7 @@ var CodegoUI = (() => {
           implementation
         };
       }
-      var ReactSharedInternals = React43.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+      var ReactSharedInternals = React44.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
       function getCrossOriginStringAs(as, input) {
         if ("font" === as) return "";
         if ("string" === typeof input)
@@ -1893,8 +1893,8 @@ var CodegoUI = (() => {
       exports.unstable_batchedUpdates = function(fn, a) {
         return fn(a);
       };
-      exports.useFormState = function(action, initialState, permalink) {
-        return ReactSharedInternals.H.useFormState(action, initialState, permalink);
+      exports.useFormState = function(action, initialState2, permalink) {
+        return ReactSharedInternals.H.useFormState(action, initialState2, permalink);
       };
       exports.useFormStatus = function() {
         return ReactSharedInternals.H.useHostTransitionStatus();
@@ -1952,7 +1952,7 @@ var CodegoUI = (() => {
           return dispatcher;
         }
         "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-        var React43 = require_react(), Internals = {
+        var React44 = require_react(), Internals = {
           d: {
             f: noop,
             r: function() {
@@ -1970,7 +1970,7 @@ var CodegoUI = (() => {
           },
           p: 0,
           findDOMNode: null
-        }, REACT_PORTAL_TYPE = /* @__PURE__ */ Symbol.for("react.portal"), ReactSharedInternals = React43.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+        }, REACT_PORTAL_TYPE = /* @__PURE__ */ Symbol.for("react.portal"), ReactSharedInternals = React44.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
         "function" === typeof Map && null != Map.prototype && "function" === typeof Map.prototype.forEach && "function" === typeof Set && null != Set.prototype && "function" === typeof Set.prototype.clear && "function" === typeof Set.prototype.forEach || console.error(
           "React depends on Map and Set built-in types. Make sure that you load a polyfill in older browsers. https://reactjs.org/link/react-polyfills"
         );
@@ -2135,8 +2135,8 @@ var CodegoUI = (() => {
         exports.unstable_batchedUpdates = function(fn, a) {
           return fn(a);
         };
-        exports.useFormState = function(action, initialState, permalink) {
-          return resolveDispatcher().useFormState(action, initialState, permalink);
+        exports.useFormState = function(action, initialState2, permalink) {
+          return resolveDispatcher().useFormState(action, initialState2, permalink);
         };
         exports.useFormStatus = function() {
           return resolveDispatcher().useHostTransitionStatus();
@@ -2661,31 +2661,43 @@ var CodegoUI = (() => {
   var __iconNode39 = [["path", { d: "M5 12h14", key: "1ays0h" }]];
   var Minus = createLucideIcon("minus", __iconNode39);
 
-  // node_modules/lucide-react/dist/esm/icons/panel-left-close.js
+  // node_modules/lucide-react/dist/esm/icons/moon.js
   var __iconNode40 = [
+    [
+      "path",
+      {
+        d: "M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401",
+        key: "kfwtm"
+      }
+    ]
+  ];
+  var Moon = createLucideIcon("moon", __iconNode40);
+
+  // node_modules/lucide-react/dist/esm/icons/panel-left-close.js
+  var __iconNode41 = [
     ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
     ["path", { d: "M9 3v18", key: "fh3hqa" }],
     ["path", { d: "m16 15-3-3 3-3", key: "14y99z" }]
   ];
-  var PanelLeftClose = createLucideIcon("panel-left-close", __iconNode40);
+  var PanelLeftClose = createLucideIcon("panel-left-close", __iconNode41);
 
   // node_modules/lucide-react/dist/esm/icons/panel-left-open.js
-  var __iconNode41 = [
+  var __iconNode42 = [
     ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
     ["path", { d: "M9 3v18", key: "fh3hqa" }],
     ["path", { d: "m14 9 3 3-3 3", key: "8010ee" }]
   ];
-  var PanelLeftOpen = createLucideIcon("panel-left-open", __iconNode41);
+  var PanelLeftOpen = createLucideIcon("panel-left-open", __iconNode42);
 
   // node_modules/lucide-react/dist/esm/icons/plus.js
-  var __iconNode42 = [
+  var __iconNode43 = [
     ["path", { d: "M5 12h14", key: "1ays0h" }],
     ["path", { d: "M12 5v14", key: "s699le" }]
   ];
-  var Plus = createLucideIcon("plus", __iconNode42);
+  var Plus = createLucideIcon("plus", __iconNode43);
 
   // node_modules/lucide-react/dist/esm/icons/quote.js
-  var __iconNode43 = [
+  var __iconNode44 = [
     [
       "path",
       {
@@ -2701,47 +2713,47 @@ var CodegoUI = (() => {
       }
     ]
   ];
-  var Quote = createLucideIcon("quote", __iconNode43);
+  var Quote = createLucideIcon("quote", __iconNode44);
 
   // node_modules/lucide-react/dist/esm/icons/redo.js
-  var __iconNode44 = [
+  var __iconNode45 = [
     ["path", { d: "M21 7v6h-6", key: "3ptur4" }],
     ["path", { d: "M3 17a9 9 0 0 1 9-9 9 9 0 0 1 6 2.3l3 2.7", key: "1kgawr" }]
   ];
-  var Redo = createLucideIcon("redo", __iconNode44);
+  var Redo = createLucideIcon("redo", __iconNode45);
 
   // node_modules/lucide-react/dist/esm/icons/rotate-ccw.js
-  var __iconNode45 = [
+  var __iconNode46 = [
     ["path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8", key: "1357e3" }],
     ["path", { d: "M3 3v5h5", key: "1xhq8a" }]
   ];
-  var RotateCcw = createLucideIcon("rotate-ccw", __iconNode45);
+  var RotateCcw = createLucideIcon("rotate-ccw", __iconNode46);
 
   // node_modules/lucide-react/dist/esm/icons/rotate-cw.js
-  var __iconNode46 = [
+  var __iconNode47 = [
     ["path", { d: "M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8", key: "1p45f6" }],
     ["path", { d: "M21 3v5h-5", key: "1q7to0" }]
   ];
-  var RotateCw = createLucideIcon("rotate-cw", __iconNode46);
+  var RotateCw = createLucideIcon("rotate-cw", __iconNode47);
 
   // node_modules/lucide-react/dist/esm/icons/search.js
-  var __iconNode47 = [
+  var __iconNode48 = [
     ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
     ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
   ];
-  var Search = createLucideIcon("search", __iconNode47);
+  var Search = createLucideIcon("search", __iconNode48);
 
   // node_modules/lucide-react/dist/esm/icons/settings-2.js
-  var __iconNode48 = [
+  var __iconNode49 = [
     ["path", { d: "M14 17H5", key: "gfn3mx" }],
     ["path", { d: "M19 7h-9", key: "6i9tg" }],
     ["circle", { cx: "17", cy: "17", r: "3", key: "18b49y" }],
     ["circle", { cx: "7", cy: "7", r: "3", key: "dfmy0x" }]
   ];
-  var Settings2 = createLucideIcon("settings-2", __iconNode48);
+  var Settings2 = createLucideIcon("settings-2", __iconNode49);
 
   // node_modules/lucide-react/dist/esm/icons/sun.js
-  var __iconNode49 = [
+  var __iconNode50 = [
     ["circle", { cx: "12", cy: "12", r: "4", key: "4exip2" }],
     ["path", { d: "M12 2v2", key: "tus03m" }],
     ["path", { d: "M12 20v2", key: "1lh1kg" }],
@@ -2752,34 +2764,34 @@ var CodegoUI = (() => {
     ["path", { d: "m6.34 17.66-1.41 1.41", key: "1m8zz5" }],
     ["path", { d: "m19.07 4.93-1.41 1.41", key: "1shlcs" }]
   ];
-  var Sun = createLucideIcon("sun", __iconNode49);
+  var Sun = createLucideIcon("sun", __iconNode50);
 
   // node_modules/lucide-react/dist/esm/icons/trash-2.js
-  var __iconNode50 = [
+  var __iconNode51 = [
     ["path", { d: "M10 11v6", key: "nco0om" }],
     ["path", { d: "M14 11v6", key: "outv1u" }],
     ["path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6", key: "miytrc" }],
     ["path", { d: "M3 6h18", key: "d0wm0j" }],
     ["path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2", key: "e791ji" }]
   ];
-  var Trash2 = createLucideIcon("trash-2", __iconNode50);
+  var Trash2 = createLucideIcon("trash-2", __iconNode51);
 
   // node_modules/lucide-react/dist/esm/icons/trending-down.js
-  var __iconNode51 = [
+  var __iconNode52 = [
     ["path", { d: "M16 17h6v-6", key: "t6n2it" }],
     ["path", { d: "m22 17-8.5-8.5-5 5L2 7", key: "x473p" }]
   ];
-  var TrendingDown = createLucideIcon("trending-down", __iconNode51);
+  var TrendingDown = createLucideIcon("trending-down", __iconNode52);
 
   // node_modules/lucide-react/dist/esm/icons/trending-up.js
-  var __iconNode52 = [
+  var __iconNode53 = [
     ["path", { d: "M16 7h6v6", key: "box55l" }],
     ["path", { d: "m22 7-8.5 8.5-5-5L2 17", key: "1t1m79" }]
   ];
-  var TrendingUp = createLucideIcon("trending-up", __iconNode52);
+  var TrendingUp = createLucideIcon("trending-up", __iconNode53);
 
   // node_modules/lucide-react/dist/esm/icons/triangle-alert.js
-  var __iconNode53 = [
+  var __iconNode54 = [
     [
       "path",
       {
@@ -2790,28 +2802,28 @@ var CodegoUI = (() => {
     ["path", { d: "M12 9v4", key: "juzpu7" }],
     ["path", { d: "M12 17h.01", key: "p32p05" }]
   ];
-  var TriangleAlert = createLucideIcon("triangle-alert", __iconNode53);
+  var TriangleAlert = createLucideIcon("triangle-alert", __iconNode54);
 
   // node_modules/lucide-react/dist/esm/icons/underline.js
-  var __iconNode54 = [
+  var __iconNode55 = [
     ["path", { d: "M6 4v6a6 6 0 0 0 12 0V4", key: "9kb039" }],
     ["line", { x1: "4", x2: "20", y1: "20", y2: "20", key: "nun2al" }]
   ];
-  var Underline = createLucideIcon("underline", __iconNode54);
+  var Underline = createLucideIcon("underline", __iconNode55);
 
   // node_modules/lucide-react/dist/esm/icons/undo.js
-  var __iconNode55 = [
+  var __iconNode56 = [
     ["path", { d: "M3 7v6h6", key: "1v2h90" }],
     ["path", { d: "M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13", key: "1r6uu6" }]
   ];
-  var Undo = createLucideIcon("undo", __iconNode55);
+  var Undo = createLucideIcon("undo", __iconNode56);
 
   // node_modules/lucide-react/dist/esm/icons/x.js
-  var __iconNode56 = [
+  var __iconNode57 = [
     ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
     ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
   ];
-  var X = createLucideIcon("x", __iconNode56);
+  var X = createLucideIcon("x", __iconNode57);
 
   // node_modules/clsx/dist/clsx.mjs
   function r(e) {
@@ -6358,7 +6370,9 @@ var CodegoUI = (() => {
       debounceTime,
       throttleTime,
       confirmBeforeClick,
-      confirmMessage,
+      confirmBeforeClickModalTitle,
+      confirmBeforeClickModalContent,
+      confirmBeforeClickFooterAction,
       href,
       target,
       as = "button",
@@ -6429,12 +6443,27 @@ var CodegoUI = (() => {
         background: gradientFrom && gradientTo ? `linear-gradient(${gradientDirection === "to-r" ? "to right" : gradientDirection === "to-l" ? "to left" : gradientDirection === "to-t" ? "to top" : gradientDirection === "to-b" ? "to bottom" : gradientDirection === "to-tr" ? "to top right" : gradientDirection === "to-tl" ? "to top left" : gradientDirection === "to-br" ? "to bottom right" : "to bottom left"}, ${gradientFrom}, ${gradientTo})` : void 0,
         ...style
       };
+      const [confirmOpen, setConfirmOpen] = React3.useState(false);
+      const pendingEvent = React3.useRef(null);
       const handleClick = (e) => {
         if (preventDefault) e.preventDefault();
         if (stopPropagation) e.stopPropagation();
-        if (confirmBeforeClick && !confirm(confirmMessage || "Are you sure?")) return;
+        if (confirmBeforeClick) {
+          pendingEvent.current = e;
+          setConfirmOpen(true);
+          return;
+        }
         onClick?.(e);
       };
+      function handleConfirmProceed() {
+        setConfirmOpen(false);
+        onClick?.(pendingEvent.current ?? void 0);
+        pendingEvent.current = null;
+      }
+      function handleConfirmCancel() {
+        setConfirmOpen(false);
+        pendingEvent.current = null;
+      }
       const buttonContent = /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
         loading && loadingPosition === "left" && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "animate-spin mr-2", children: "\u27F3" }),
         leftIcon && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "mr-2", children: leftIcon }),
@@ -6459,22 +6488,72 @@ var CodegoUI = (() => {
         tabIndex,
         "data-testid": testID
       };
+      const confirmModal = confirmBeforeClick && confirmOpen ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+        "div",
+        {
+          className: "fixed inset-0 z-50 flex items-center justify-center",
+          onClick: handleConfirmCancel,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "absolute inset-0 bg-black/50 backdrop-blur-sm" }),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+              "div",
+              {
+                className: "relative z-10 w-full max-w-sm rounded-2xl border border-border bg-card p-6 shadow-2xl",
+                onClick: (e) => e.stopPropagation(),
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-base font-semibold text-foreground mb-2", children: confirmBeforeClickModalTitle ?? "Are you sure?" }),
+                  confirmBeforeClickModalContent && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "text-sm text-muted-foreground mb-5", children: confirmBeforeClickModalContent }),
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "flex justify-end gap-2 mt-4", children: confirmBeforeClickFooterAction ?? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: handleConfirmCancel,
+                        className: "inline-flex items-center justify-center rounded-md border border-border bg-background px-4 py-2 text-sm font-medium text-foreground hover:bg-accent transition-colors",
+                        children: "Cancel"
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: handleConfirmProceed,
+                        className: "inline-flex items-center justify-center rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary-hover transition-colors",
+                        children: "Proceed"
+                      }
+                    )
+                  ] }) })
+                ]
+              }
+            )
+          ]
+        }
+      ) : null;
       if (Element === "a") {
-        return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("a", { ...sharedProps, href, target, children: buttonContent });
+        return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+          confirmModal,
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("a", { ...sharedProps, href, target, children: buttonContent })
+        ] });
       }
       if (Element === "div") {
-        return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { ...sharedProps, children: buttonContent });
+        return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+          confirmModal,
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { ...sharedProps, children: buttonContent })
+        ] });
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-        "button",
-        {
-          ...sharedProps,
-          type,
-          disabled,
-          ...props,
-          children: buttonContent
-        }
-      );
+      return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+        confirmModal,
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          "button",
+          {
+            ...sharedProps,
+            type,
+            disabled,
+            ...props,
+            children: buttonContent
+          }
+        )
+      ] });
     }
   );
   Button.displayName = "Button";
@@ -7464,12 +7543,12 @@ var CodegoUI = (() => {
     const total = data.reduce((s, d) => s + d.value, 0) || 1;
     const cx = 80, cy = height / 2, r2 = Math.min(cx, cy) - 10, inner = r2 * 0.58;
     let angle = -Math.PI / 2;
-    const defaultColors = ["primary", "info", "success", "warning", "danger"];
+    const defaultColors2 = ["primary", "info", "success", "warning", "danger"];
     const slices = data.map((d, i) => {
       const sweep = d.value / total * 2 * Math.PI;
       const start = angle;
       angle += sweep;
-      const c = d.color ?? defaultColors[i % defaultColors.length];
+      const c = d.color ?? defaultColors2[i % defaultColors2.length];
       return { ...d, start, sweep, color: c };
     });
     const arc = (cx2, cy2, r3, start, end) => {
@@ -13059,7 +13138,7 @@ var CodegoUI = (() => {
   }
 
   // src/components/ui/panel.tsx
-  var React31 = __toESM(require_react(), 1);
+  var React32 = __toESM(require_react(), 1);
 
   // src/components/ui/tooltip.tsx
   var React30 = __toESM(require_react(), 1);
@@ -13139,9 +13218,59 @@ var CodegoUI = (() => {
     );
   }
 
-  // src/components/ui/panel.tsx
+  // src/components/theme-provider.tsx
+  var import_react3 = __toESM(require_react(), 1);
   var import_jsx_runtime38 = __toESM(require_jsx_runtime(), 1);
-  var PanelCollapsedContext = React31.createContext(false);
+  var defaultColors = {
+    primary: "#8b5cf6",
+    primaryHover: "#7c3aed",
+    secondary: "#171717",
+    secondaryHover: "#262626",
+    info: "#3b82f6",
+    infoHover: "#2563eb",
+    warning: "#f59e0b",
+    warningHover: "#d97706",
+    danger: "#ef4444",
+    dangerHover: "#dc2626"
+  };
+  var initialState = {
+    theme: "system",
+    colors: defaultColors,
+    fontSize: "16px",
+    fontFamily: '"Space Grotesk", "Inter", sans-serif',
+    setTheme: () => null,
+    setColors: () => null,
+    setFontSize: () => null,
+    setFontFamily: () => null,
+    resetSettings: () => null
+  };
+  var ThemeProviderContext = (0, import_react3.createContext)(initialState);
+  var useTheme = () => {
+    const context = (0, import_react3.useContext)(ThemeProviderContext);
+    if (context === void 0)
+      throw new Error("useTheme must be used within a ThemeProvider");
+    return context;
+  };
+
+  // src/components/ui/panel.tsx
+  var import_jsx_runtime39 = __toESM(require_jsx_runtime(), 1);
+  var PanelCollapsedContext = React32.createContext(false);
+  function PanelThemeToggle() {
+    const { theme, setTheme } = useTheme();
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+      "button",
+      {
+        type: "button",
+        onClick: () => setTheme(theme === "light" ? "dark" : "light"),
+        className: "text-muted-foreground hover:text-foreground transition-colors",
+        "aria-label": "Toggle theme",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Sun, { className: "h-4 w-4 rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" }),
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Moon, { className: "absolute h-4 w-4 rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" })
+        ]
+      }
+    );
+  }
   function Panel({
     sidebar,
     sidebarHeader,
@@ -13151,60 +13280,86 @@ var CodegoUI = (() => {
     topbarTrailing,
     defaultCollapsed = false,
     collapsible = false,
+    showThemeToggle = false,
+    defaultPage,
     height = "h-[520px]",
     children,
     className
   }) {
-    const [collapsed, setCollapsed] = React31.useState(defaultCollapsed);
-    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(PanelCollapsedContext.Provider, { value: collapsed, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+    const [collapsed, setCollapsed] = React32.useState(defaultCollapsed);
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(PanelCollapsedContext.Provider, { value: collapsed, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
       "div",
       {
         className: cn(
-          "flex overflow-hidden rounded-xl border border-border glass shadow-lg",
+          "relative flex overflow-hidden rounded-xl border border-border bg-background shadow-lg",
           height,
           className
         ),
         children: [
-          sidebar && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "pointer-events-none absolute inset-0 overflow-hidden", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "absolute -top-[40%] -left-[20%] h-[80%] w-[60%] rounded-full bg-primary/10 blur-[120px]" }),
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "absolute -bottom-[40%] -right-[20%] h-[80%] w-[60%] rounded-full bg-info/10 blur-[120px]" })
+          ] }),
+          sidebar && /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
             "aside",
             {
               className: cn(
-                "flex flex-col shrink-0 border-r border-border transition-all duration-200",
+                "relative z-10 flex flex-col shrink-0 border-r border-border transition-all duration-200",
                 collapsed ? "w-14" : sidebarWidth
               ),
               children: [
-                sidebarHeader && !collapsed && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "shrink-0 border-b border-border px-4 py-3 text-sm font-semibold", children: sidebarHeader }),
-                sidebarHeader && collapsed && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "shrink-0 border-b border-border flex items-center justify-center py-3", children: sidebarHeader }),
-                /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "flex-1 overflow-y-auto py-2", children: sidebar }),
-                sidebarFooter && !collapsed && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "shrink-0 border-t border-border px-4 py-3", children: sidebarFooter })
+                sidebarHeader && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+                  "div",
+                  {
+                    className: cn(
+                      "shrink-0 border-b border-border",
+                      collapsed ? "flex items-center justify-center py-3" : "px-4 py-3 text-sm font-semibold"
+                    ),
+                    children: sidebarHeader
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "flex-1 overflow-y-auto py-2", children: sidebar }),
+                sidebarFooter && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+                  "div",
+                  {
+                    className: cn(
+                      "shrink-0 border-t border-border",
+                      collapsed ? "flex items-center justify-center py-3" : "px-4 py-3"
+                    ),
+                    children: !collapsed && sidebarFooter
+                  }
+                )
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex flex-1 min-w-0 flex-col", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("header", { className: "flex h-12 shrink-0 items-center justify-between border-b border-border px-4 gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex items-center gap-2", children: [
-                collapsible && sidebar && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "relative z-10 flex flex-1 min-w-0 flex-col", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("header", { className: "flex h-14 shrink-0 items-center justify-between border-b glass px-4 gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-center gap-2", children: [
+                collapsible && sidebar && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
                   Tooltip,
                   {
                     content: collapsed ? "Expand sidebar" : "Collapse sidebar",
                     side: "bottom",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
                       "button",
                       {
                         type: "button",
                         onClick: () => setCollapsed((c) => !c),
                         className: "text-muted-foreground hover:text-foreground transition-colors",
                         "aria-label": collapsed ? "Expand sidebar" : "Collapse sidebar",
-                        children: collapsed ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(PanelLeftOpen, { className: "h-4 w-4" }) : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(PanelLeftClose, { className: "h-4 w-4" })
+                        children: collapsed ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(PanelLeftOpen, { className: "h-5 w-5" }) : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(PanelLeftClose, { className: "h-5 w-5" })
                       }
                     )
                   }
                 ),
-                topbar && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "flex items-center gap-2", children: topbar })
+                topbar && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "flex items-center gap-2", children: topbar })
               ] }),
-              topbarTrailing && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "flex items-center gap-2", children: topbarTrailing })
+              /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-center gap-2", children: [
+                topbarTrailing,
+                showThemeToggle && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(PanelThemeToggle, {})
+              ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("main", { className: "flex-1 overflow-y-auto p-4", children })
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("main", { className: "flex-1 overflow-y-auto p-4", children })
           ] })
         ]
       }
@@ -13216,8 +13371,8 @@ var CodegoUI = (() => {
     active,
     onClick
   }) {
-    const collapsed = React31.useContext(PanelCollapsedContext);
-    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Tooltip, { content: label, side: "right", enabled: collapsed, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+    const collapsed = React32.useContext(PanelCollapsedContext);
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Tooltip, { content: label, side: "right", enabled: collapsed, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
       "button",
       {
         type: "button",
@@ -13228,8 +13383,8 @@ var CodegoUI = (() => {
           active ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:bg-primary/20 hover:text-primary cursor-pointer"
         ),
         children: [
-          Icon2 && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Icon2, { className: "h-4 w-4 shrink-0" }),
-          !collapsed && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "truncate", children: label })
+          Icon2 && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Icon2, { className: "h-4 w-4 shrink-0" }),
+          !collapsed && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "truncate", children: label })
         ]
       }
     ) });
@@ -13238,17 +13393,17 @@ var CodegoUI = (() => {
     title,
     children
   }) {
-    const collapsed = React31.useContext(PanelCollapsedContext);
-    return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "px-2 py-1", children: [
-      title && !collapsed && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: "mb-1 px-2 text-[11px] font-semibold uppercase tracking-wider text-muted-foreground", children: title }),
-      title && collapsed && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "mx-1 mb-1 h-px bg-border" }),
-      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "space-y-0.5", children })
+    const collapsed = React32.useContext(PanelCollapsedContext);
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "px-2 py-1", children: [
+      title && !collapsed && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "mb-1 px-2 text-[11px] font-semibold uppercase tracking-wider text-muted-foreground", children: title }),
+      title && collapsed && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "mx-1 mb-1 h-px bg-border" }),
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("main", { className: "space-y-0.5", children })
     ] });
   }
 
   // src/components/ui/resizable-panels.tsx
-  var React32 = __toESM(require_react(), 1);
-  var import_jsx_runtime39 = __toESM(require_jsx_runtime(), 1);
+  var React33 = __toESM(require_react(), 1);
+  var import_jsx_runtime40 = __toESM(require_jsx_runtime(), 1);
   function ResizablePanels({
     children,
     orientation = "horizontal",
@@ -13258,15 +13413,15 @@ var CodegoUI = (() => {
     handleClassName,
     className
   }) {
-    const [size, setSize] = React32.useState(defaultSize);
-    const [dragging, setDragging] = React32.useState(false);
-    const containerRef = React32.useRef(null);
+    const [size, setSize] = React33.useState(defaultSize);
+    const [dragging, setDragging] = React33.useState(false);
+    const containerRef = React33.useRef(null);
     const isHorizontal = orientation === "horizontal";
     function onMouseDown(e) {
       e.preventDefault();
       setDragging(true);
     }
-    React32.useEffect(() => {
+    React33.useEffect(() => {
       if (!dragging) return;
       function onMove(e) {
         const container = containerRef.current;
@@ -13285,7 +13440,7 @@ var CodegoUI = (() => {
         document.removeEventListener("mouseup", onUp);
       };
     }, [dragging, isHorizontal, minSize, maxSize]);
-    return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
       "div",
       {
         ref: containerRef,
@@ -13296,7 +13451,7 @@ var CodegoUI = (() => {
           className
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
             "div",
             {
               className: "overflow-auto",
@@ -13304,7 +13459,7 @@ var CodegoUI = (() => {
               children: children[0]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
             "div",
             {
               onMouseDown,
@@ -13314,13 +13469,13 @@ var CodegoUI = (() => {
                 dragging && (isHorizontal ? "w-1.5 bg-primary/60" : "h-1.5 bg-primary/60"),
                 handleClassName
               ),
-              children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: cn(
+              children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: cn(
                 "rounded-full bg-muted-foreground/40",
                 isHorizontal ? "h-8 w-0.5" : "w-8 h-0.5"
               ) })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
             "div",
             {
               className: "flex-1 overflow-auto",
@@ -13334,25 +13489,25 @@ var CodegoUI = (() => {
   }
 
   // src/components/ui/rich-text-editor.tsx
-  var React33 = __toESM(require_react(), 1);
-  var import_jsx_runtime40 = __toESM(require_jsx_runtime(), 1);
+  var React34 = __toESM(require_react(), 1);
+  var import_jsx_runtime41 = __toESM(require_jsx_runtime(), 1);
   var TOOLBAR = [
-    { icon: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Undo, { className: "h-3.5 w-3.5" }), command: "undo", title: "Undo" },
-    { icon: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Redo, { className: "h-3.5 w-3.5" }), command: "redo", title: "Redo" },
+    { icon: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Undo, { className: "h-3.5 w-3.5" }), command: "undo", title: "Undo" },
+    { icon: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Redo, { className: "h-3.5 w-3.5" }), command: "redo", title: "Redo" },
     "divider",
-    { icon: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Heading2, { className: "h-3.5 w-3.5" }), command: "formatBlock", value: "h2", title: "Heading 2" },
-    { icon: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Heading3, { className: "h-3.5 w-3.5" }), command: "formatBlock", value: "h3", title: "Heading 3" },
+    { icon: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Heading2, { className: "h-3.5 w-3.5" }), command: "formatBlock", value: "h2", title: "Heading 2" },
+    { icon: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Heading3, { className: "h-3.5 w-3.5" }), command: "formatBlock", value: "h3", title: "Heading 3" },
     "divider",
-    { icon: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Bold, { className: "h-3.5 w-3.5" }), command: "bold", title: "Bold" },
-    { icon: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Italic, { className: "h-3.5 w-3.5" }), command: "italic", title: "Italic" },
-    { icon: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Underline, { className: "h-3.5 w-3.5" }), command: "underline", title: "Underline" },
-    { icon: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Code, { className: "h-3.5 w-3.5" }), command: "formatBlock", value: "pre", title: "Code block" },
+    { icon: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Bold, { className: "h-3.5 w-3.5" }), command: "bold", title: "Bold" },
+    { icon: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Italic, { className: "h-3.5 w-3.5" }), command: "italic", title: "Italic" },
+    { icon: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Underline, { className: "h-3.5 w-3.5" }), command: "underline", title: "Underline" },
+    { icon: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Code, { className: "h-3.5 w-3.5" }), command: "formatBlock", value: "pre", title: "Code block" },
     "divider",
-    { icon: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(List, { className: "h-3.5 w-3.5" }), command: "insertUnorderedList", title: "Bullet list" },
-    { icon: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(ListOrdered, { className: "h-3.5 w-3.5" }), command: "insertOrderedList", title: "Numbered list" },
-    { icon: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Quote, { className: "h-3.5 w-3.5" }), command: "formatBlock", value: "blockquote", title: "Quote" },
+    { icon: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(List, { className: "h-3.5 w-3.5" }), command: "insertUnorderedList", title: "Bullet list" },
+    { icon: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(ListOrdered, { className: "h-3.5 w-3.5" }), command: "insertOrderedList", title: "Numbered list" },
+    { icon: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Quote, { className: "h-3.5 w-3.5" }), command: "formatBlock", value: "blockquote", title: "Quote" },
     "divider",
-    { icon: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Link, { className: "h-3.5 w-3.5" }), command: "createLink", title: "Insert link" }
+    { icon: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Link, { className: "h-3.5 w-3.5" }), command: "createLink", title: "Insert link" }
   ];
   function RichTextEditor({
     value: controlled,
@@ -13363,17 +13518,17 @@ var CodegoUI = (() => {
     disabled = false,
     className
   }) {
-    const editorRef = React33.useRef(null);
-    const [focused, setFocused] = React33.useState(false);
-    const [isEmpty, setIsEmpty] = React33.useState(!defaultValue);
-    React33.useEffect(() => {
+    const editorRef = React34.useRef(null);
+    const [focused, setFocused] = React34.useState(false);
+    const [isEmpty, setIsEmpty] = React34.useState(!defaultValue);
+    React34.useEffect(() => {
       if (editorRef.current && controlled !== void 0) {
         if (editorRef.current.innerHTML !== controlled) {
           editorRef.current.innerHTML = controlled;
         }
       }
     }, [controlled]);
-    React33.useEffect(() => {
+    React34.useEffect(() => {
       if (editorRef.current && defaultValue) {
         editorRef.current.innerHTML = defaultValue;
         setIsEmpty(false);
@@ -13401,14 +13556,14 @@ var CodegoUI = (() => {
         return false;
       }
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: cn(
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: cn(
       "rounded-xl border border-border overflow-hidden transition-colors",
       focused && "ring-2 ring-ring border-primary",
       disabled && "opacity-50 pointer-events-none",
       className
     ), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "flex flex-wrap items-center gap-0.5 border-b border-border bg-muted/30 px-2 py-1.5", children: TOOLBAR.map(
-        (item, i) => item === "divider" ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "mx-1 h-4 w-px bg-border" }, i) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "flex flex-wrap items-center gap-0.5 border-b border-border bg-muted/30 px-2 py-1.5", children: TOOLBAR.map(
+        (item, i) => item === "divider" ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "mx-1 h-4 w-px bg-border" }, i) : /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
           "button",
           {
             type: "button",
@@ -13426,9 +13581,9 @@ var CodegoUI = (() => {
           i
         )
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "relative", children: [
-        isEmpty && !focused && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "absolute top-3 left-4 text-sm text-muted-foreground pointer-events-none select-none", children: placeholder }),
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "relative", children: [
+        isEmpty && !focused && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: "absolute top-3 left-4 text-sm text-muted-foreground pointer-events-none select-none", children: placeholder }),
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
           "div",
           {
             ref: editorRef,
@@ -13455,7 +13610,7 @@ var CodegoUI = (() => {
   }
 
   // src/components/ui/scroll-area.tsx
-  var import_jsx_runtime41 = __toESM(require_jsx_runtime(), 1);
+  var import_jsx_runtime42 = __toESM(require_jsx_runtime(), 1);
   function ScrollArea({
     maxHeight,
     maxWidth,
@@ -13470,7 +13625,7 @@ var CodegoUI = (() => {
       horizontal: "overflow-x-auto overflow-y-hidden",
       both: "overflow-auto"
     }[orientation];
-    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
       "div",
       {
         className: cn(
@@ -13490,8 +13645,8 @@ var CodegoUI = (() => {
   }
 
   // src/components/ui/section.tsx
-  var React34 = __toESM(require_react(), 1);
-  var import_jsx_runtime42 = __toESM(require_jsx_runtime(), 1);
+  var React35 = __toESM(require_react(), 1);
+  var import_jsx_runtime43 = __toESM(require_jsx_runtime(), 1);
   var variantWrap = {
     default: "",
     card: "rounded-xl glass shadow-lg overflow-hidden",
@@ -13523,9 +13678,9 @@ var CodegoUI = (() => {
     className,
     contentClassName
   }) {
-    const [open, setOpen] = React34.useState(defaultOpen);
-    return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: cn(variantWrap[variant], className), children: [
-      (title || description || action) && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+    const [open, setOpen] = React35.useState(defaultOpen);
+    return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: cn(variantWrap[variant], className), children: [
+      (title || description || action) && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
         "div",
         {
           className: cn(
@@ -13536,16 +13691,16 @@ var CodegoUI = (() => {
           ),
           onClick: collapsible ? () => setOpen((o) => !o) : void 0,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex items-start gap-3 min-w-0", children: [
-              icon && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "mt-0.5 shrink-0 text-primary", children: icon }),
-              /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "min-w-0", children: [
-                title && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("h3", { className: "text-base font-semibold leading-tight", children: title }),
-                description && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { className: "mt-0.5 text-sm text-muted-foreground", children: description })
+            /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex items-start gap-3 min-w-0", children: [
+              icon && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "mt-0.5 shrink-0 text-primary", children: icon }),
+              /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "min-w-0", children: [
+                title && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("h3", { className: "text-base font-semibold leading-tight", children: title }),
+                description && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "mt-0.5 text-sm text-muted-foreground", children: description })
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex shrink-0 items-center gap-2", children: [
-              action && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { onClick: (e) => e.stopPropagation(), children: action }),
-              collapsible && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex shrink-0 items-center gap-2", children: [
+              action && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { onClick: (e) => e.stopPropagation(), children: action }),
+              collapsible && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
                 ChevronDown,
                 {
                   className: cn(
@@ -13558,17 +13713,17 @@ var CodegoUI = (() => {
           ]
         }
       ),
-      (!collapsible || open) && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: cn(variantBody[variant], contentClassName), children })
+      (!collapsible || open) && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: cn(variantBody[variant], contentClassName), children })
     ] });
   }
 
   // src/components/ui/skeleton.tsx
-  var import_jsx_runtime43 = __toESM(require_jsx_runtime(), 1);
+  var import_jsx_runtime44 = __toESM(require_jsx_runtime(), 1);
   function Skeleton({
     className,
     ...props
   }) {
-    return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
       "div",
       {
         className: cn("animate-pulse rounded-md bg-white/5 backdrop-blur-sm", className),
@@ -13578,8 +13733,8 @@ var CodegoUI = (() => {
   }
 
   // src/components/ui/slider.tsx
-  var React35 = __toESM(require_react(), 1);
-  var import_jsx_runtime44 = __toESM(require_jsx_runtime(), 1);
+  var React36 = __toESM(require_react(), 1);
+  var import_jsx_runtime45 = __toESM(require_jsx_runtime(), 1);
   function pct(val, min, max) {
     return (val - min) / (max - min) * 100;
   }
@@ -13598,8 +13753,8 @@ var CodegoUI = (() => {
     showValue = false,
     className
   }) {
-    const [internal, setInternal] = React35.useState(defaultValue);
-    const [hovering, setHovering] = React35.useState(false);
+    const [internal, setInternal] = React36.useState(defaultValue);
+    const [hovering, setHovering] = React36.useState(false);
     const val = controlled ?? internal;
     function handleChange(e) {
       const v = Number(e.target.value);
@@ -13607,20 +13762,20 @@ var CodegoUI = (() => {
       onChange?.(v);
     }
     const p = pct(val, min, max);
-    return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: cn("w-full space-y-2", className), children: [
-      (label || showValue) && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex items-center justify-between text-sm", children: [
-        label && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "font-medium", children: label }),
-        showValue && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "text-muted-foreground tabular-nums", children: val })
+    return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: cn("w-full space-y-2", className), children: [
+      (label || showValue) && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex items-center justify-between text-sm", children: [
+        label && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "font-medium", children: label }),
+        showValue && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "text-muted-foreground tabular-nums", children: val })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
         "div",
         {
           className: "relative flex items-center h-5",
           onMouseEnter: () => setHovering(true),
           onMouseLeave: () => setHovering(false),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "absolute w-full h-1.5 rounded-full bg-muted overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "h-full rounded-full bg-primary", style: { width: `${p}%` } }) }),
-            showTooltip && hovering && !disabled && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "absolute w-full h-1.5 rounded-full bg-muted overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "h-full rounded-full bg-primary", style: { width: `${p}%` } }) }),
+            showTooltip && hovering && !disabled && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
               "div",
               {
                 className: "absolute -top-8 -translate-x-1/2 bg-foreground text-background text-xs font-medium px-2 py-0.5 rounded-md pointer-events-none",
@@ -13628,7 +13783,7 @@ var CodegoUI = (() => {
                 children: val
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
               "input",
               {
                 type: "range",
@@ -13644,7 +13799,7 @@ var CodegoUI = (() => {
                 )
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
               "div",
               {
                 className: cn(
@@ -13657,9 +13812,9 @@ var CodegoUI = (() => {
           ]
         }
       ),
-      (showMarks || marks) && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "relative w-full flex justify-between px-0", children: (marks ?? [{ value: min }, { value: max }]).map((m) => /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex flex-col items-center gap-0.5", style: { position: "absolute", left: `${pct(m.value, min, max)}%`, transform: "translateX(-50%)" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "h-1 w-0.5 bg-border" }),
-        m.label && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "text-[10px] text-muted-foreground", children: m.label })
+      (showMarks || marks) && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "relative w-full flex justify-between px-0", children: (marks ?? [{ value: min }, { value: max }]).map((m) => /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex flex-col items-center gap-0.5", style: { position: "absolute", left: `${pct(m.value, min, max)}%`, transform: "translateX(-50%)" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "h-1 w-0.5 bg-border" }),
+        m.label && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "text-[10px] text-muted-foreground", children: m.label })
       ] }, m.value)) })
     ] });
   }
@@ -13676,8 +13831,8 @@ var CodegoUI = (() => {
     showValue = false,
     className
   }) {
-    const [internal, setInternal] = React35.useState(defaultValue);
-    const [active, setActive] = React35.useState(null);
+    const [internal, setInternal] = React36.useState(defaultValue);
+    const [active, setActive] = React36.useState(null);
     const val = controlled ?? internal;
     function handleChange(idx, e) {
       const v = Number(e.target.value);
@@ -13687,21 +13842,21 @@ var CodegoUI = (() => {
     }
     const p0 = pct(val[0], min, max);
     const p1 = pct(val[1], min, max);
-    return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: cn("w-full space-y-2", className), children: [
-      (label || showValue) && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex items-center justify-between text-sm", children: [
-        label && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "font-medium", children: label }),
-        showValue && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("span", { className: "text-muted-foreground tabular-nums", children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: cn("w-full space-y-2", className), children: [
+      (label || showValue) && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex items-center justify-between text-sm", children: [
+        label && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "font-medium", children: label }),
+        showValue && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("span", { className: "text-muted-foreground tabular-nums", children: [
           val[0],
           " \u2013 ",
           val[1]
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "relative flex items-center h-5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "absolute w-full h-1.5 rounded-full bg-muted", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "absolute h-full rounded-full bg-primary", style: { left: `${p0}%`, width: `${p1 - p0}%` } }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "relative flex items-center h-5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "absolute w-full h-1.5 rounded-full bg-muted", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "absolute h-full rounded-full bg-primary", style: { left: `${p0}%`, width: `${p1 - p0}%` } }) }),
         [0, 1].map((idx) => {
           const p = idx === 0 ? p0 : p1;
-          return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(React35.Fragment, { children: [
-            showTooltip && active === idx && !disabled && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(React36.Fragment, { children: [
+            showTooltip && active === idx && !disabled && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
               "div",
               {
                 className: "absolute -top-8 -translate-x-1/2 bg-foreground text-background text-xs font-medium px-2 py-0.5 rounded-md pointer-events-none z-10",
@@ -13709,7 +13864,7 @@ var CodegoUI = (() => {
                 children: val[idx]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
               "input",
               {
                 type: "range",
@@ -13725,7 +13880,7 @@ var CodegoUI = (() => {
                 style: { zIndex: idx === 1 ? 2 : 1 }
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
               "div",
               {
                 className: "absolute h-4 w-4 rounded-full border-2 border-primary bg-background shadow-md pointer-events-none",
@@ -13739,7 +13894,7 @@ var CodegoUI = (() => {
   }
 
   // src/components/ui/stat-card.tsx
-  var import_jsx_runtime45 = __toESM(require_jsx_runtime(), 1);
+  var import_jsx_runtime46 = __toESM(require_jsx_runtime(), 1);
   function Sparkline2({ data, trend }) {
     if (data.length < 2) return null;
     const min = Math.min(...data);
@@ -13753,7 +13908,7 @@ var CodegoUI = (() => {
       return `${x},${y}`;
     }).join(" ");
     const color = trend === "up" ? "stroke-success" : trend === "down" ? "stroke-danger" : "stroke-primary";
-    return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("svg", { width: w, height: h, className: "overflow-visible", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("svg", { width: w, height: h, className: "overflow-visible", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
       "polyline",
       {
         points: pts,
@@ -13781,37 +13936,37 @@ var CodegoUI = (() => {
     const TrendIcon = autoTrend === "up" ? TrendingUp : autoTrend === "down" ? TrendingDown : Minus;
     const trendColor = autoTrend === "up" ? "text-success" : autoTrend === "down" ? "text-danger" : "text-muted-foreground";
     if (loading) {
-      return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: cn("rounded-xl glass p-5 space-y-3 animate-pulse", className), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "h-3 w-24 rounded bg-muted" }),
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "h-7 w-32 rounded bg-muted" }),
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "h-3 w-16 rounded bg-muted" })
+      return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: cn("rounded-xl glass p-5 space-y-3 animate-pulse", className), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "h-3 w-24 rounded bg-muted" }),
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "h-7 w-32 rounded bg-muted" }),
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "h-3 w-16 rounded bg-muted" })
       ] });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: cn("rounded-xl glass p-5 space-y-3", className), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex items-start justify-between gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { className: "text-sm text-muted-foreground font-medium", children: title }),
-        icon && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "flex h-9 w-9 items-center justify-center rounded-lg bg-primary/10 text-primary shrink-0", children: icon })
+    return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: cn("rounded-xl glass p-5 space-y-3", className), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex items-start justify-between gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "text-sm text-muted-foreground font-medium", children: title }),
+        icon && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "flex h-9 w-9 items-center justify-center rounded-lg bg-primary/10 text-primary shrink-0", children: icon })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex items-end justify-between gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { className: "text-3xl font-bold tracking-tight", children: value }),
-        sparkline && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Sparkline2, { data: sparkline, trend: autoTrend })
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex items-end justify-between gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "text-3xl font-bold tracking-tight", children: value }),
+        sparkline && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Sparkline2, { data: sparkline, trend: autoTrend })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex items-center gap-1.5", children: [
-        change !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("span", { className: cn("flex items-center gap-0.5 text-xs font-semibold", trendColor), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(TrendIcon, { className: "h-3.5 w-3.5" }),
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex items-center gap-1.5", children: [
+        change !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("span", { className: cn("flex items-center gap-0.5 text-xs font-semibold", trendColor), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(TrendIcon, { className: "h-3.5 w-3.5" }),
           change > 0 ? "+" : "",
           change,
           "%"
         ] }),
-        changeLabel && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "text-xs text-muted-foreground", children: changeLabel }),
-        description && !changeLabel && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "text-xs text-muted-foreground", children: description })
+        changeLabel && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "text-xs text-muted-foreground", children: changeLabel }),
+        description && !changeLabel && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "text-xs text-muted-foreground", children: description })
       ] })
     ] });
   }
 
   // src/components/ui/stepper.tsx
-  var React36 = __toESM(require_react(), 1);
-  var import_jsx_runtime46 = __toESM(require_jsx_runtime(), 1);
+  var React37 = __toESM(require_react(), 1);
+  var import_jsx_runtime47 = __toESM(require_jsx_runtime(), 1);
   function getStatus(idx, current) {
     if (idx < current) return "complete";
     if (idx === current) return "current";
@@ -13832,7 +13987,7 @@ var CodegoUI = (() => {
     clickable = false,
     className
   }) {
-    const [internal, setInternal] = React36.useState(defaultCurrent);
+    const [internal, setInternal] = React37.useState(defaultCurrent);
     const current = controlled ?? internal;
     function go(idx) {
       if (!clickable) return;
@@ -13840,20 +13995,20 @@ var CodegoUI = (() => {
       onChange?.(idx);
     }
     const isHorizontal = orientation === "horizontal";
-    return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: cn("w-full", className), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: cn(
+    return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: cn("w-full", className), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: cn(
         "flex",
         isHorizontal ? "flex-row items-start" : "flex-col gap-0"
       ), children: steps.map((step, i) => {
         const status = getStatus(i, current);
         const isLast = i === steps.length - 1;
-        return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(React36.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: cn(
+        return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(React37.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: cn(
           "flex",
           isHorizontal ? "flex-col items-center flex-1" : "flex-row gap-4"
         ), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: cn("flex items-center", isHorizontal ? "w-full" : "flex-col"), children: [
-            isHorizontal && i > 0 && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: cn("flex-1 h-0.5 transition-colors", i <= current ? "bg-primary" : "bg-border") }),
-            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: cn("flex items-center", isHorizontal ? "w-full" : "flex-col"), children: [
+            isHorizontal && i > 0 && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: cn("flex-1 h-0.5 transition-colors", i <= current ? "bg-primary" : "bg-border") }),
+            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
               "button",
               {
                 type: "button",
@@ -13865,34 +14020,34 @@ var CodegoUI = (() => {
                   clickable && "cursor-pointer hover:scale-110",
                   !clickable && "cursor-default"
                 ),
-                children: status === "complete" ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Check, { className: "h-4 w-4" }) : status === "error" ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(X, { className: "h-4 w-4" }) : step.icon ?? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { children: i + 1 })
+                children: status === "complete" ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Check, { className: "h-4 w-4" }) : status === "error" ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(X, { className: "h-4 w-4" }) : step.icon ?? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { children: i + 1 })
               }
             ),
-            isHorizontal && !isLast && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: cn("flex-1 h-0.5 transition-colors", i < current ? "bg-primary" : "bg-border") }),
-            !isHorizontal && !isLast && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: cn("w-0.5 flex-1 min-h-8 transition-colors mt-1", i < current ? "bg-primary" : "bg-border") })
+            isHorizontal && !isLast && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: cn("flex-1 h-0.5 transition-colors", i < current ? "bg-primary" : "bg-border") }),
+            !isHorizontal && !isLast && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: cn("w-0.5 flex-1 min-h-8 transition-colors mt-1", i < current ? "bg-primary" : "bg-border") })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: cn(
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: cn(
             isHorizontal ? "mt-2 text-center px-1" : "pb-6 min-w-0"
           ), children: [
-            /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("p", { className: cn(
+            /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("p", { className: cn(
               "text-sm font-medium leading-tight",
               status === "current" ? "text-primary" : status === "complete" ? "text-foreground" : "text-muted-foreground"
             ), children: [
               step.label,
-              step.optional && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "ml-1 text-xs text-muted-foreground", children: "(optional)" })
+              step.optional && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "ml-1 text-xs text-muted-foreground", children: "(optional)" })
             ] }),
-            step.description && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "text-xs text-muted-foreground mt-0.5", children: step.description }),
-            !isHorizontal && step.content && i === current && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "mt-3", children: step.content })
+            step.description && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: "text-xs text-muted-foreground mt-0.5", children: step.description }),
+            !isHorizontal && step.content && i === current && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "mt-3", children: step.content })
           ] })
         ] }) }, i);
       }) }),
-      isHorizontal && steps[current]?.content && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "mt-6", children: steps[current].content })
+      isHorizontal && steps[current]?.content && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "mt-6", children: steps[current].content })
     ] });
   }
 
   // src/components/ui/table.tsx
-  var React37 = __toESM(require_react(), 1);
-  var import_jsx_runtime47 = __toESM(require_jsx_runtime(), 1);
+  var React38 = __toESM(require_react(), 1);
+  var import_jsx_runtime48 = __toESM(require_jsx_runtime(), 1);
   var BADGE_COLORS = {
     active: "bg-success/10 text-success border-success/20",
     inactive: "bg-muted text-muted-foreground border-border",
@@ -13915,11 +14070,11 @@ var CodegoUI = (() => {
     idKey = "id",
     className
   }) {
-    const [search, setSearch] = React37.useState("");
-    const [currentPage, setCurrentPage] = React37.useState(1);
-    const [selectedIds, setSelectedIds] = React37.useState([]);
-    const [sortKey, setSortKey] = React37.useState(null);
-    const [sortDir, setSortDir] = React37.useState(null);
+    const [search, setSearch] = React38.useState("");
+    const [currentPage, setCurrentPage] = React38.useState(1);
+    const [selectedIds, setSelectedIds] = React38.useState([]);
+    const [sortKey, setSortKey] = React38.useState(null);
+    const [sortDir, setSortDir] = React38.useState(null);
     const handleSort = (key) => {
       if (sortKey !== key) {
         setSortKey(key);
@@ -13933,7 +14088,7 @@ var CodegoUI = (() => {
       setSortKey(null);
       setSortDir(null);
     };
-    const filteredData = React37.useMemo(() => {
+    const filteredData = React38.useMemo(() => {
       let d = search ? data.filter(
         (item) => Object.values(item).some(
           (val) => val && typeof val === "string" && val.toLowerCase().includes(search.toLowerCase())
@@ -13951,18 +14106,18 @@ var CodegoUI = (() => {
     }, [data, search, sortKey, sortDir]);
     const totalPages = Math.max(1, Math.ceil(filteredData.length / itemsPerPage));
     const safePage = Math.min(currentPage, totalPages);
-    const paginatedData = React37.useMemo(() => {
+    const paginatedData = React38.useMemo(() => {
       if (!pagination) return filteredData;
       const start = (safePage - 1) * itemsPerPage;
       return filteredData.slice(start, start + itemsPerPage);
     }, [filteredData, pagination, safePage, itemsPerPage]);
-    React37.useEffect(() => {
+    React38.useEffect(() => {
       setCurrentPage(1);
     }, [search]);
     const handleSelectAll = (checked) => setSelectedIds(checked ? paginatedData.map((item) => String(item[idKey])) : []);
     const handleSelect = (id, checked) => setSelectedIds((prev) => checked ? [...prev, id] : prev.filter((i) => i !== id));
     const allSelected = paginatedData.length > 0 && selectedIds.length === paginatedData.length;
-    const pagePills = React37.useMemo(() => {
+    const pagePills = React38.useMemo(() => {
       if (totalPages <= 5) return Array.from({ length: totalPages }, (_, i) => i + 1);
       if (safePage <= 3) return [1, 2, 3, 4, 5];
       if (safePage >= totalPages - 2) return [totalPages - 4, totalPages - 3, totalPages - 2, totalPages - 1, totalPages];
@@ -13970,14 +14125,14 @@ var CodegoUI = (() => {
     }, [totalPages, safePage]);
     const SortIcon = ({ col }) => {
       if (!col.sortable) return null;
-      if (sortKey !== String(col.key)) return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(ChevronsUpDown, { className: "ml-1.5 h-3.5 w-3.5 opacity-40" });
-      return sortDir === "asc" ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(ChevronUp, { className: "ml-1.5 h-3.5 w-3.5 text-primary" }) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(ChevronDown, { className: "ml-1.5 h-3.5 w-3.5 text-primary" });
+      if (sortKey !== String(col.key)) return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(ChevronsUpDown, { className: "ml-1.5 h-3.5 w-3.5 opacity-40" });
+      return sortDir === "asc" ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(ChevronUp, { className: "ml-1.5 h-3.5 w-3.5 text-primary" }) : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(ChevronDown, { className: "ml-1.5 h-3.5 w-3.5 text-primary" });
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: cn("w-full space-y-3", className), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-center justify-between gap-3 flex-wrap", children: [
-        searchable && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "relative w-72", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Search, { className: "absolute text-primary left-3 top-1/2 -translate-y-1/2 h-4 w-4 z-10" }),
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: cn("w-full space-y-3", className), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center justify-between gap-3 flex-wrap", children: [
+        searchable && /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "relative w-72", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Search, { className: "absolute text-primary left-3 top-1/2 -translate-y-1/2 h-4 w-4 z-10" }),
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
             "input",
             {
               placeholder: searchPlaceholder,
@@ -13986,17 +14141,17 @@ var CodegoUI = (() => {
               className: "h-9 w-full rounded-xl border border-border bg-background/50 backdrop-blur-sm pl-9 pr-8 text-sm placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 transition-colors hover:bg-background/80"
             }
           ),
-          search && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+          search && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
             "button",
             {
               onClick: () => setSearch(""),
               className: "absolute right-2.5 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground transition-colors",
-              children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(X, { className: "h-3.5 w-3.5" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(X, { className: "h-3.5 w-3.5" })
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-center gap-2 ml-auto", children: [
-          selectable && onBulkDelete && selectedIds.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center gap-2 ml-auto", children: [
+          selectable && onBulkDelete && selectedIds.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
             "button",
             {
               onClick: () => {
@@ -14005,14 +14160,14 @@ var CodegoUI = (() => {
               },
               className: "inline-flex items-center gap-1.5 rounded-lg bg-danger/10 border border-danger/20 px-3 py-1.5 text-xs font-medium text-danger hover:bg-danger/20 transition-colors",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Trash2, { className: "h-3.5 w-3.5" }),
+                /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Trash2, { className: "h-3.5 w-3.5" }),
                 "Delete ",
                 selectedIds.length,
                 " selected"
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("span", { className: "text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("span", { className: "text-xs text-muted-foreground", children: [
             filteredData.length,
             " ",
             filteredData.length === 1 ? "row" : "rows",
@@ -14020,16 +14175,16 @@ var CodegoUI = (() => {
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "rounded-xl border border-border overflow-hidden bg-card/50 backdrop-blur-sm shadow-sm", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "w-full overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("table", { className: "w-full caption-bottom text-sm", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("tr", { className: "border-b border-border bg-muted/40", children: [
-          selectable && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("th", { className: "h-11 w-[46px] px-4 text-left align-middle", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "rounded-xl border border-border overflow-hidden bg-card/50 backdrop-blur-sm shadow-sm", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "w-full overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("table", { className: "w-full caption-bottom text-sm", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("tr", { className: "border-b border-border bg-muted/40", children: [
+          selectable && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("th", { className: "h-11 w-[46px] px-4 text-left align-middle", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
             Checkbox,
             {
               checked: allSelected,
               onChange: (e) => handleSelectAll(e.target.checked)
             }
           ) }),
-          columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+          columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
             "th",
             {
               onClick: () => col.sortable && handleSort(String(col.key)),
@@ -14037,29 +14192,29 @@ var CodegoUI = (() => {
                 "h-11 px-4 text-left align-middle text-xs font-semibold uppercase tracking-wider text-muted-foreground select-none whitespace-nowrap",
                 col.sortable && "cursor-pointer hover:text-foreground transition-colors"
               ),
-              children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("span", { className: "inline-flex items-center", children: [
+              children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("span", { className: "inline-flex items-center", children: [
                 col.title,
-                /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(SortIcon, { col })
+                /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(SortIcon, { col })
               ] })
             },
             String(col.key)
           ))
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("tbody", { children: paginatedData.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("tbody", { children: paginatedData.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
           "td",
           {
             colSpan: columns.length + (selectable ? 1 : 0),
             className: "h-32 text-center align-middle",
-            children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex flex-col items-center gap-1 text-muted-foreground", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Search, { className: "h-8 w-8 opacity-20" }),
-              /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "text-sm", children: "No results found" }),
-              search && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("button", { onClick: () => setSearch(""), className: "text-xs text-primary hover:underline", children: "Clear search" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex flex-col items-center gap-1 text-muted-foreground", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Search, { className: "h-8 w-8 opacity-20" }),
+              /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "text-sm", children: "No results found" }),
+              search && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("button", { onClick: () => setSearch(""), className: "text-xs text-primary hover:underline", children: "Clear search" })
             ] })
           }
         ) }) : paginatedData.map((item, i) => {
           const id = String(item[idKey] || i);
           const isSelected = selectedIds.includes(id);
-          return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
             "tr",
             {
               className: cn(
@@ -14067,38 +14222,38 @@ var CodegoUI = (() => {
                 isSelected ? "bg-primary/5 hover:bg-primary/8" : "hover:bg-muted/30"
               ),
               children: [
-                selectable && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("td", { className: "px-4 py-3 align-middle", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                selectable && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("td", { className: "px-4 py-3 align-middle", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
                   Checkbox,
                   {
                     checked: isSelected,
                     onChange: (e) => handleSelect(id, e.target.checked)
                   }
                 ) }),
-                columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("td", { className: "px-4 py-3 align-middle", children: col.render ? col.render(item) : col.type === "image" ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("td", { className: "px-4 py-3 align-middle", children: col.render ? col.render(item) : col.type === "image" ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
                   "img",
                   {
                     src: item[col.key],
                     alt: item[col.key],
                     className: "h-9 w-9 rounded-lg object-cover ring-1 ring-border"
                   }
-                ) : col.type === "badge" ? /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("span", { className: cn(
+                ) : col.type === "badge" ? /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("span", { className: cn(
                   "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-medium",
                   badgeClass(String(item[col.key]))
                 ), children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: cn(
+                  /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: cn(
                     "mr-1.5 h-1.5 w-1.5 rounded-full",
                     badgeClass(String(item[col.key])).includes("success") ? "bg-success" : badgeClass(String(item[col.key])).includes("warning") ? "bg-warning" : badgeClass(String(item[col.key])).includes("danger") ? "bg-danger" : badgeClass(String(item[col.key])).includes("info") ? "bg-info" : "bg-primary"
                   ) }),
                   item[col.key]
-                ] }) : col.type === "stack" ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(AvatarStack, { images: Array.isArray(item[col.key]) ? item[col.key] : [], ...col.stackProps ?? {} }) : col.type === "icon" ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "flex items-center", children: item[col.key] }) : col.type === "select" ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                ] }) : col.type === "stack" ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(AvatarStack, { images: Array.isArray(item[col.key]) ? item[col.key] : [], ...col.stackProps ?? {} }) : col.type === "icon" ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "flex items-center", children: item[col.key] }) : col.type === "select" ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
                   "select",
                   {
                     value: item[col.key],
                     onChange: (e) => col.onChange?.(item, e.target.value),
                     className: "h-8 rounded-lg border border-border bg-background/50 px-2 text-xs text-foreground focus:outline-none focus:ring-2 focus:ring-ring transition-colors",
-                    children: (col.selectOptions ?? []).map((opt) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("option", { value: opt, children: opt }, opt))
+                    children: (col.selectOptions ?? []).map((opt) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("option", { value: opt, children: opt }, opt))
                   }
-                ) : col.type === "toggle" ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                ) : col.type === "toggle" ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
                   "button",
                   {
                     role: "switch",
@@ -14108,13 +14263,13 @@ var CodegoUI = (() => {
                       "relative inline-flex h-5 w-9 shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
                       item[col.key] ? "bg-primary" : "bg-muted"
                     ),
-                    children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: cn(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: cn(
                       "pointer-events-none inline-block h-4 w-4 rounded-full bg-white shadow-sm transition-transform",
                       item[col.key] ? "translate-x-4" : "translate-x-0"
                     ) })
                   }
-                ) : col.type === "color" ? /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                ) : col.type === "color" ? /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
                     "input",
                     {
                       type: "color",
@@ -14123,22 +14278,22 @@ var CodegoUI = (() => {
                       className: "h-7 w-7 cursor-pointer rounded border border-border bg-transparent p-0.5"
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "text-xs text-muted-foreground font-mono", children: item[col.key] })
-                ] }) : col.type === "checkbox" ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "text-xs text-muted-foreground font-mono", children: item[col.key] })
+                ] }) : col.type === "checkbox" ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
                   Checkbox,
                   {
                     checked: !!item[col.key],
                     onChange: (e) => col.onChange?.(item, e.target.checked)
                   }
-                ) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "text-foreground/90", children: item[col.key] }) }, String(col.key)))
+                ) : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "text-foreground/90", children: item[col.key] }) }, String(col.key)))
               ]
             },
             id
           );
         }) })
       ] }) }) }),
-      pagination && totalPages > 1 && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-center justify-between gap-2 flex-wrap", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("span", { className: "text-xs text-muted-foreground", children: [
+      pagination && totalPages > 1 && /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center justify-between gap-2 flex-wrap", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("span", { className: "text-xs text-muted-foreground", children: [
           "Showing ",
           (safePage - 1) * itemsPerPage + 1,
           "\u2013",
@@ -14146,21 +14301,21 @@ var CodegoUI = (() => {
           " of ",
           filteredData.length
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
             "button",
             {
               onClick: () => setCurrentPage((p) => Math.max(1, p - 1)),
               disabled: safePage === 1,
               className: "flex h-8 w-8 items-center justify-center rounded-lg border border-border text-muted-foreground transition-colors hover:bg-muted hover:text-foreground disabled:opacity-40 disabled:pointer-events-none",
-              children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(ChevronLeft, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(ChevronLeft, { className: "h-4 w-4" })
             }
           ),
-          pagePills[0] > 1 && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_jsx_runtime47.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("button", { onClick: () => setCurrentPage(1), className: "flex h-8 w-8 items-center justify-center rounded-lg border border-border text-xs text-muted-foreground hover:bg-muted transition-colors", children: "1" }),
-            pagePills[0] > 2 && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "px-1 text-muted-foreground text-xs", children: "\u2026" })
+          pagePills[0] > 1 && /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_jsx_runtime48.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("button", { onClick: () => setCurrentPage(1), className: "flex h-8 w-8 items-center justify-center rounded-lg border border-border text-xs text-muted-foreground hover:bg-muted transition-colors", children: "1" }),
+            pagePills[0] > 2 && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "px-1 text-muted-foreground text-xs", children: "\u2026" })
           ] }),
-          pagePills.map((p) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+          pagePills.map((p) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
             "button",
             {
               onClick: () => setCurrentPage(p),
@@ -14172,17 +14327,17 @@ var CodegoUI = (() => {
             },
             p
           )),
-          pagePills[pagePills.length - 1] < totalPages && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_jsx_runtime47.Fragment, { children: [
-            pagePills[pagePills.length - 1] < totalPages - 1 && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "px-1 text-muted-foreground text-xs", children: "\u2026" }),
-            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("button", { onClick: () => setCurrentPage(totalPages), className: "flex h-8 w-8 items-center justify-center rounded-lg border border-border text-xs text-muted-foreground hover:bg-muted transition-colors", children: totalPages })
+          pagePills[pagePills.length - 1] < totalPages && /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_jsx_runtime48.Fragment, { children: [
+            pagePills[pagePills.length - 1] < totalPages - 1 && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "px-1 text-muted-foreground text-xs", children: "\u2026" }),
+            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("button", { onClick: () => setCurrentPage(totalPages), className: "flex h-8 w-8 items-center justify-center rounded-lg border border-border text-xs text-muted-foreground hover:bg-muted transition-colors", children: totalPages })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
             "button",
             {
               onClick: () => setCurrentPage((p) => Math.min(totalPages, p + 1)),
               disabled: safePage === totalPages,
               className: "flex h-8 w-8 items-center justify-center rounded-lg border border-border text-muted-foreground transition-colors hover:bg-muted hover:text-foreground disabled:opacity-40 disabled:pointer-events-none",
-              children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(ChevronRight, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(ChevronRight, { className: "h-4 w-4" })
             }
           )
         ] })
@@ -14191,8 +14346,8 @@ var CodegoUI = (() => {
   }
 
   // src/components/ui/tabs.tsx
-  var React38 = __toESM(require_react(), 1);
-  var import_jsx_runtime48 = __toESM(require_jsx_runtime(), 1);
+  var React39 = __toESM(require_react(), 1);
+  var import_jsx_runtime49 = __toESM(require_jsx_runtime(), 1);
   var sizeMap = {
     sm: "px-3 py-1.5 text-xs",
     md: "px-4 py-2 text-sm",
@@ -14242,15 +14397,15 @@ var CodegoUI = (() => {
     fullWidth = false,
     className
   }) {
-    const [internal, setInternal] = React38.useState(defaultValue ?? items[0]?.value ?? "");
+    const [internal, setInternal] = React39.useState(defaultValue ?? items[0]?.value ?? "");
     const active = controlledValue ?? internal;
     const select = (v) => {
       if (!controlledValue) setInternal(v);
       onChange?.(v);
     };
     const activeItem = items.find((i) => i.value === active);
-    return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: cn("w-full", className), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: cn("flex", fullWidth && "w-full", variantTrack[variant]), children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: cn("w-full", className), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: cn("flex", fullWidth && "w-full", variantTrack[variant]), children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
         "button",
         {
           type: "button",
@@ -14261,20 +14416,20 @@ var CodegoUI = (() => {
             fullWidth && "flex-1 justify-center"
           ),
           children: [
-            item.icon && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "shrink-0", children: item.icon }),
+            item.icon && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "shrink-0", children: item.icon }),
             item.label,
-            item.badge && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "shrink-0", children: item.badge })
+            item.badge && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "shrink-0", children: item.badge })
           ]
         },
         item.value
       )) }),
-      activeItem?.content && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "mt-4", children: activeItem.content })
+      activeItem?.content && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "mt-4", children: activeItem.content })
     ] });
   }
 
   // src/components/ui/tag-input.tsx
-  var React39 = __toESM(require_react(), 1);
-  var import_jsx_runtime49 = __toESM(require_jsx_runtime(), 1);
+  var React40 = __toESM(require_react(), 1);
+  var import_jsx_runtime50 = __toESM(require_jsx_runtime(), 1);
   function TagInput({
     value: controlled,
     defaultValue = [],
@@ -14285,9 +14440,9 @@ var CodegoUI = (() => {
     disabled = false,
     className
   }) {
-    const [internal, setInternal] = React39.useState(defaultValue);
-    const [input, setInput] = React39.useState("");
-    const inputRef = React39.useRef(null);
+    const [internal, setInternal] = React40.useState(defaultValue);
+    const [input, setInput] = React40.useState("");
+    const inputRef = React40.useRef(null);
     const tags = controlled ?? internal;
     function addTag(raw) {
       const tag = raw.trim();
@@ -14312,7 +14467,7 @@ var CodegoUI = (() => {
         removeTag(tags.length - 1);
       }
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
       "div",
       {
         className: cn(
@@ -14323,8 +14478,8 @@ var CodegoUI = (() => {
         ),
         onClick: () => inputRef.current?.focus(),
         children: [
-          tags.map((tag, i) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Badge, { variant: "default", size: "sm", removable: true, onRemove: () => removeTag(i), children: tag }, i)),
-          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+          tags.map((tag, i) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Badge, { variant: "default", size: "sm", removable: true, onRemove: () => removeTag(i), children: tag }, i)),
+          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
             "input",
             {
               ref: inputRef,
@@ -14343,7 +14498,7 @@ var CodegoUI = (() => {
   }
 
   // src/components/ui/timeline.tsx
-  var import_jsx_runtime50 = __toESM(require_jsx_runtime(), 1);
+  var import_jsx_runtime51 = __toESM(require_jsx_runtime(), 1);
   var DOT_COLOR = {
     default: "bg-primary border-primary/30",
     success: "bg-success border-success/30",
@@ -14359,41 +14514,41 @@ var CodegoUI = (() => {
     info: "text-info"
   };
   var DEFAULT_ICON = {
-    default: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Circle, { className: "h-3 w-3" }),
-    success: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(CircleCheckBig, { className: "h-3.5 w-3.5" }),
-    error: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(CircleX, { className: "h-3.5 w-3.5" }),
-    warning: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(TriangleAlert, { className: "h-3.5 w-3.5" }),
-    info: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Info, { className: "h-3.5 w-3.5" })
+    default: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Circle, { className: "h-3 w-3" }),
+    success: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(CircleCheckBig, { className: "h-3.5 w-3.5" }),
+    error: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(CircleX, { className: "h-3.5 w-3.5" }),
+    warning: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(TriangleAlert, { className: "h-3.5 w-3.5" }),
+    info: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Info, { className: "h-3.5 w-3.5" })
   };
   function Timeline({ items, align = "left", className }) {
-    return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: cn("relative", className), children: items.map((item, i) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: cn("relative", className), children: items.map((item, i) => {
       const variant = item.variant ?? "default";
       const isLast = i === items.length - 1;
       const isRight = align === "alternate" && i % 2 === 1;
-      return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: cn("relative flex gap-4", align === "alternate" && "justify-center", isRight && "flex-row-reverse"), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex flex-col items-center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: cn(
+      return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: cn("relative flex gap-4", align === "alternate" && "justify-center", isRight && "flex-row-reverse"), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex flex-col items-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: cn(
             "flex h-8 w-8 shrink-0 items-center justify-center rounded-full border-2 z-10",
             item.icon ? "bg-background border-border" : DOT_COLOR[variant]
-          ), children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: cn("shrink-0", item.icon ? ICON_COLOR[variant] : "text-white"), children: item.icon ?? DEFAULT_ICON[variant] }) }),
-          !isLast && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "w-0.5 flex-1 bg-border mt-1 mb-1 min-h-4" })
+          ), children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: cn("shrink-0", item.icon ? ICON_COLOR[variant] : "text-white"), children: item.icon ?? DEFAULT_ICON[variant] }) }),
+          !isLast && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "w-0.5 flex-1 bg-border mt-1 mb-1 min-h-4" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: cn("flex-1 pb-6 min-w-0", isRight && "text-right"), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: cn("flex items-start justify-between gap-2", isRight && "flex-row-reverse"), children: [
-            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: "text-sm font-semibold leading-tight", children: item.title }),
-            item.time && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "shrink-0 text-xs text-muted-foreground whitespace-nowrap", children: item.time })
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: cn("flex-1 pb-6 min-w-0", isRight && "text-right"), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: cn("flex items-start justify-between gap-2", isRight && "flex-row-reverse"), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-sm font-semibold leading-tight", children: item.title }),
+            item.time && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "shrink-0 text-xs text-muted-foreground whitespace-nowrap", children: item.time })
           ] }),
-          item.description && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: "mt-0.5 text-xs text-muted-foreground leading-snug", children: item.description }),
-          item.content && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "mt-2", children: item.content })
+          item.description && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "mt-0.5 text-xs text-muted-foreground leading-snug", children: item.description }),
+          item.content && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "mt-2", children: item.content })
         ] })
       ] }, item.id ?? i);
     }) });
   }
 
   // src/components/ui/toggle-switch.tsx
-  var React40 = __toESM(require_react(), 1);
-  var import_jsx_runtime51 = __toESM(require_jsx_runtime(), 1);
-  var ToggleSwitch = React40.forwardRef(
+  var React41 = __toESM(require_react(), 1);
+  var import_jsx_runtime52 = __toESM(require_jsx_runtime(), 1);
+  var ToggleSwitch = React41.forwardRef(
     ({
       className,
       inline = false,
@@ -14411,10 +14566,10 @@ var CodegoUI = (() => {
       disabled,
       ...props
     }, ref) => {
-      const toggleId = id ?? React40.useId();
+      const toggleId = id ?? React41.useId();
       const trackW = width ? typeof width === "number" ? `${width}px` : width : "2.75rem";
       const trackH = height ? typeof height === "number" ? `${height}px` : height : "1.5rem";
-      const [internalChecked, setInternalChecked] = React40.useState(defaultChecked ?? false);
+      const [internalChecked, setInternalChecked] = React41.useState(defaultChecked ?? false);
       const isControlled = checked !== void 0;
       const isOn = accepted ? true : declined ? false : isControlled ? checked : internalChecked;
       const stateColor = accepted ? acceptedColor ?? "#22c55e" : declined ? declinedColor ?? "#ef4444" : isOn ? void 0 : void 0;
@@ -14423,13 +14578,13 @@ var CodegoUI = (() => {
         if (!isControlled) setInternalChecked(e.target.checked);
         onChange?.(e);
       };
-      const toggle = /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+      const toggle = /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
         "label",
         {
           htmlFor: toggleId,
           className: cn("relative inline-flex items-center cursor-pointer", disabled && "opacity-50 cursor-not-allowed"),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
               "input",
               {
                 type: "checkbox",
@@ -14442,7 +14597,7 @@ var CodegoUI = (() => {
                 ...props
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
               "div",
               {
                 className: cn(
@@ -14455,7 +14610,7 @@ var CodegoUI = (() => {
                   height: trackH,
                   ...stateColor ? { backgroundColor: stateColor } : {}
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
                   "span",
                   {
                     className: `absolute top-[1px] ${isOn ? "bg-slate-50/40" : "bg-primary"} rounded-full border border-slate-300/50 shadow transition-transform duration-200`,
@@ -14473,9 +14628,9 @@ var CodegoUI = (() => {
         }
       );
       if (inline && label) {
-        return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "inline-flex items-center gap-2 select-none", children: [
+        return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "inline-flex items-center gap-2 select-none", children: [
           toggle,
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("label", { htmlFor: toggleId, className: cn("text-sm cursor-pointer", disabled && "opacity-50 cursor-not-allowed"), children: label })
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("label", { htmlFor: toggleId, className: cn("text-sm cursor-pointer", disabled && "opacity-50 cursor-not-allowed"), children: label })
         ] });
       }
       return toggle;
@@ -14484,15 +14639,15 @@ var CodegoUI = (() => {
   ToggleSwitch.displayName = "ToggleSwitch";
 
   // src/components/ui/tree-view.tsx
-  var React41 = __toESM(require_react(), 1);
-  var import_jsx_runtime52 = __toESM(require_jsx_runtime(), 1);
+  var React42 = __toESM(require_react(), 1);
+  var import_jsx_runtime53 = __toESM(require_jsx_runtime(), 1);
   function TreeNodeItem({ node, depth, selected, expanded, onToggleExpand, onSelect, multiple }) {
     const hasChildren = !!node.children?.length;
     const isExpanded = expanded.includes(node.id);
     const isSelected = selected.includes(node.id);
-    const defaultIcon = hasChildren ? isExpanded ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(FolderOpen, { className: "h-4 w-4 text-warning" }) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Folder, { className: "h-4 w-4 text-warning" }) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(File, { className: "h-4 w-4 text-muted-foreground" });
-    return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
+    const defaultIcon = hasChildren ? isExpanded ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(FolderOpen, { className: "h-4 w-4 text-warning" }) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Folder, { className: "h-4 w-4 text-warning" }) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(File, { className: "h-4 w-4 text-muted-foreground" });
+    return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
         "div",
         {
           className: cn(
@@ -14506,13 +14661,13 @@ var CodegoUI = (() => {
             onSelect(node.id);
           },
           children: [
-            hasChildren ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(ChevronRight, { className: cn("h-3.5 w-3.5 shrink-0 text-muted-foreground transition-transform", isExpanded && "rotate-90") }) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "w-3.5 shrink-0" }),
-            /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "shrink-0", children: node.icon ?? defaultIcon }),
-            /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "truncate", children: node.label })
+            hasChildren ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ChevronRight, { className: cn("h-3.5 w-3.5 shrink-0 text-muted-foreground transition-transform", isExpanded && "rotate-90") }) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "w-3.5 shrink-0" }),
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "shrink-0", children: node.icon ?? defaultIcon }),
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "truncate", children: node.label })
           ]
         }
       ),
-      hasChildren && isExpanded && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { children: node.children.map((child) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+      hasChildren && isExpanded && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { children: node.children.map((child) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
         TreeNodeItem,
         {
           node: child,
@@ -14537,8 +14692,8 @@ var CodegoUI = (() => {
     className
   }) {
     const init = defaultSelected ? Array.isArray(defaultSelected) ? defaultSelected : [defaultSelected] : [];
-    const [internal, setInternal] = React41.useState(init);
-    const [expanded, setExpanded] = React41.useState(defaultExpanded);
+    const [internal, setInternal] = React42.useState(init);
+    const [expanded, setExpanded] = React42.useState(defaultExpanded);
     const selected = controlled ? Array.isArray(controlled) ? controlled : [controlled] : internal;
     function handleSelect(id) {
       let next;
@@ -14553,7 +14708,7 @@ var CodegoUI = (() => {
     function toggleExpand(id) {
       setExpanded((prev) => prev.includes(id) ? prev.filter((v) => v !== id) : [...prev, id]);
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: cn("w-full", className), children: nodes.map((node) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: cn("w-full", className), children: nodes.map((node) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
       TreeNodeItem,
       {
         node,
@@ -14569,8 +14724,8 @@ var CodegoUI = (() => {
   }
 
   // src/components/ui/widget.tsx
-  var React42 = __toESM(require_react(), 1);
-  var import_jsx_runtime53 = __toESM(require_jsx_runtime(), 1);
+  var React43 = __toESM(require_react(), 1);
+  var import_jsx_runtime54 = __toESM(require_jsx_runtime(), 1);
   var iconColorMap = {
     primary: "bg-primary/10 text-primary",
     info: "bg-info/10 text-info",
@@ -14598,8 +14753,8 @@ var CodegoUI = (() => {
     outline: "bg-transparent border-2"
   };
   function useCountUp(target, enabled, duration = 1e3) {
-    const [display, setDisplay] = React42.useState(enabled ? 0 : target);
-    React42.useEffect(() => {
+    const [display, setDisplay] = React43.useState(enabled ? 0 : target);
+    React43.useEffect(() => {
       if (!enabled) {
         setDisplay(target);
         return;
@@ -14642,7 +14797,7 @@ var CodegoUI = (() => {
     const counted = useCountUp(isNumeric ? value : 0, animate && isNumeric);
     const displayValue = animate && isNumeric ? counted : value;
     const s = sizeMap2[size];
-    return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
       Card,
       {
         className: cn(
@@ -14653,27 +14808,27 @@ var CodegoUI = (() => {
         ),
         onClick,
         ...props,
-        children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(CardContent, { className: s.card, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex items-start justify-between gap-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "min-w-0 flex-1 space-y-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "text-sm font-medium text-muted-foreground truncate", children: title }),
-                badge && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "shrink-0", children: badge })
+        children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(CardContent, { className: s.card, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex items-start justify-between gap-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "min-w-0 flex-1 space-y-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("p", { className: "text-sm font-medium text-muted-foreground truncate", children: title }),
+                badge && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "shrink-0", children: badge })
               ] }),
-              loading ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "h-8 w-24 animate-pulse rounded-md bg-muted" }) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: cn("font-bold tabular-nums", s.value), children: displayValue }),
-              description && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "text-xs text-muted-foreground", children: description })
+              loading ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "h-8 w-24 animate-pulse rounded-md bg-muted" }) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: cn("font-bold tabular-nums", s.value), children: displayValue }),
+              description && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("p", { className: "text-xs text-muted-foreground", children: description })
             ] }),
-            icon && /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: cn(
+            icon && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: cn(
               "relative flex shrink-0 items-center justify-center rounded-full",
               s.icon,
               iconColorMap[iconColor]
             ), children: [
-              pulse && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "absolute inset-0 rounded-full animate-ping opacity-30 bg-current" }),
-              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: s.iconSize, children: icon })
+              pulse && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "absolute inset-0 rounded-full animate-ping opacity-30 bg-current" }),
+              /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: s.iconSize, children: icon })
             ] })
           ] }),
-          trendValue && !loading && /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "mt-3 flex items-center gap-1.5 text-sm", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("span", { className: cn(
+          trendValue && !loading && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "mt-3 flex items-center gap-1.5 text-sm", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { className: cn(
               "font-medium",
               trend === "up" && "text-success",
               trend === "down" && "text-danger",
@@ -14683,21 +14838,21 @@ var CodegoUI = (() => {
               trend === "down" && "\u2193 ",
               trendValue
             ] }),
-            previousValue !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("span", { className: "text-muted-foreground", children: [
+            previousValue !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { className: "text-muted-foreground", children: [
               "vs ",
               previousValue
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "text-muted-foreground", children: trendLabel })
+            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "text-muted-foreground", children: trendLabel })
           ] }),
-          progress !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "mt-4 space-y-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex justify-between text-xs text-muted-foreground", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { children: "Progress" }),
-              /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("span", { children: [
+          progress !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "mt-4 space-y-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex justify-between text-xs text-muted-foreground", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { children: "Progress" }),
+              /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { children: [
                 Math.min(100, Math.max(0, progress)),
                 "%"
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "h-1.5 w-full rounded-full bg-muted overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "h-1.5 w-full rounded-full bg-muted overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
               "div",
               {
                 className: cn("h-full rounded-full transition-all duration-700", progressColorMap[progressColor]),
@@ -14705,7 +14860,7 @@ var CodegoUI = (() => {
               }
             ) })
           ] }),
-          footer && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "mt-4 border-t pt-3 text-sm text-muted-foreground", children: footer })
+          footer && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "mt-4 border-t pt-3 text-sm text-muted-foreground", children: footer })
         ] })
       }
     );
@@ -14823,6 +14978,7 @@ lucide-react/dist/esm/icons/link.js:
 lucide-react/dist/esm/icons/list-ordered.js:
 lucide-react/dist/esm/icons/list.js:
 lucide-react/dist/esm/icons/minus.js:
+lucide-react/dist/esm/icons/moon.js:
 lucide-react/dist/esm/icons/panel-left-close.js:
 lucide-react/dist/esm/icons/panel-left-open.js:
 lucide-react/dist/esm/icons/plus.js: