@juv/codego-react-ui 1.0.6 → 1.0.8

package/dist/index.global.js

@@ -1699,18 +1699,18 @@ var CodegoUI = (() => {
         function isValidElement(object) {
           return "object" === typeof object && null !== object && object.$$typeof === REACT_ELEMENT_TYPE;
         }
-        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() {
+        var React45 = 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 = React45.__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;
         };
-        React44 = {
+        React45 = {
           react_stack_bottom_frame: function(callStackForError) {
             return callStackForError();
           }
         };
         var specialPropKeyWarningShown;
         var didWarnAboutElementRef = {};
-        var unknownOwnerDebugStack = React44.react_stack_bottom_frame.bind(
-          React44,
+        var unknownOwnerDebugStack = React45.react_stack_bottom_frame.bind(
+          React45,
           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 React44 = require_react();
+      var React45 = 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 = React44.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+      var ReactSharedInternals = React45.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
       function getCrossOriginStringAs(as, input) {
         if ("font" === as) return "";
         if ("string" === typeof input)
@@ -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 React44 = require_react(), Internals = {
+        var React45 = 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 = React44.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+        }, REACT_PORTAL_TYPE = /* @__PURE__ */ Symbol.for("react.portal"), ReactSharedInternals = React45.__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"
         );
@@ -2201,14 +2201,20 @@ var CodegoUI = (() => {
     DateRangePicker: () => DateRangePicker,
     Drawer: () => Drawer,
     Dropdown: () => Dropdown,
+    DropdownItem: () => DropdownItem,
+    DropdownLabel: () => DropdownLabel,
+    DropdownSeparator: () => DropdownSeparator,
     FileUpload: () => FileUpload,
+    FlexItem: () => FlexItem,
     FlexLayout: () => FlexLayout,
+    GridItem: () => GridItem,
     GridLayout: () => GridLayout,
     GroupNavigation: () => GroupNavigation,
     Input: () => Input,
     KanbanBoard: () => KanbanBoard,
     Label: () => Label,
     LeftSidebar: () => LeftSidebar,
+    MetricRow: () => MetricRow,
     Modal: () => Modal,
     ModalConfirmation: () => ModalConfirmation,
     ModalUnchange: () => ModalUnchange,
@@ -2223,6 +2229,7 @@ var CodegoUI = (() => {
     PanelSidebarItem: () => PanelSidebarItem,
     Popover: () => Popover,
     Progress: () => Progress,
+    PropsTable: () => PropsTable,
     RadioGroup: () => RadioGroup,
     RangeSlider: () => RangeSlider,
     Repeater: () => Repeater,
@@ -2232,6 +2239,7 @@ var CodegoUI = (() => {
     ScrollArea: () => ScrollArea,
     SectionBlock: () => SectionBlock,
     Select: () => Select,
+    Settings: () => Settings,
     Skeleton: () => Skeleton,
     Slider: () => Slider,
     StatCard: () => StatCard,
@@ -2249,6 +2257,7 @@ var CodegoUI = (() => {
     Topbar: () => Topbar,
     TreeView: () => TreeView,
     Widget: () => Widget,
+    Wizard: () => Wizard,
     useToast: () => useToast
   });
 
@@ -2450,94 +2459,102 @@ var CodegoUI = (() => {
   ];
   var ChevronsUpDown = createLucideIcon("chevrons-up-down", __iconNode14);
 
-  // node_modules/lucide-react/dist/esm/icons/circle-check-big.js
+  // node_modules/lucide-react/dist/esm/icons/circle-alert.js
   var __iconNode15 = [
+    ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+    ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }],
+    ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]
+  ];
+  var CircleAlert = createLucideIcon("circle-alert", __iconNode15);
+
+  // node_modules/lucide-react/dist/esm/icons/circle-check-big.js
+  var __iconNode16 = [
     ["path", { d: "M21.801 10A10 10 0 1 1 17 3.335", key: "yps3ct" }],
     ["path", { d: "m9 11 3 3L22 4", key: "1pflzl" }]
   ];
-  var CircleCheckBig = createLucideIcon("circle-check-big", __iconNode15);
+  var CircleCheckBig = createLucideIcon("circle-check-big", __iconNode16);
 
   // node_modules/lucide-react/dist/esm/icons/circle-x.js
-  var __iconNode16 = [
+  var __iconNode17 = [
     ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
     ["path", { d: "m15 9-6 6", key: "1uzhvr" }],
     ["path", { d: "m9 9 6 6", key: "z0biqf" }]
   ];
-  var CircleX = createLucideIcon("circle-x", __iconNode16);
+  var CircleX = createLucideIcon("circle-x", __iconNode17);
 
   // node_modules/lucide-react/dist/esm/icons/circle.js
-  var __iconNode17 = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]];
-  var Circle = createLucideIcon("circle", __iconNode17);
+  var __iconNode18 = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]];
+  var Circle = createLucideIcon("circle", __iconNode18);
 
   // node_modules/lucide-react/dist/esm/icons/clock.js
-  var __iconNode18 = [
+  var __iconNode19 = [
     ["path", { d: "M12 6v6l4 2", key: "mmk7yg" }],
     ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]
   ];
-  var Clock = createLucideIcon("clock", __iconNode18);
+  var Clock = createLucideIcon("clock", __iconNode19);
 
   // node_modules/lucide-react/dist/esm/icons/cloud-upload.js
-  var __iconNode19 = [
+  var __iconNode20 = [
     ["path", { d: "M12 13v8", key: "1l5pq0" }],
     ["path", { d: "M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242", key: "1pljnt" }],
     ["path", { d: "m8 17 4-4 4 4", key: "1quai1" }]
   ];
-  var CloudUpload = createLucideIcon("cloud-upload", __iconNode19);
+  var CloudUpload = createLucideIcon("cloud-upload", __iconNode20);
 
   // node_modules/lucide-react/dist/esm/icons/code.js
-  var __iconNode20 = [
+  var __iconNode21 = [
     ["path", { d: "m16 18 6-6-6-6", key: "eg8j8" }],
     ["path", { d: "m8 6-6 6 6 6", key: "ppft3o" }]
   ];
-  var Code = createLucideIcon("code", __iconNode20);
+  var Code = createLucideIcon("code", __iconNode21);
 
   // node_modules/lucide-react/dist/esm/icons/command.js
-  var __iconNode21 = [
+  var __iconNode22 = [
     [
       "path",
       { d: "M15 6v12a3 3 0 1 0 3-3H6a3 3 0 1 0 3 3V6a3 3 0 1 0-3 3h12a3 3 0 1 0-3-3", key: "11bfej" }
     ]
   ];
-  var Command = createLucideIcon("command", __iconNode21);
+  var Command = createLucideIcon("command", __iconNode22);
 
   // node_modules/lucide-react/dist/esm/icons/contrast.js
-  var __iconNode22 = [
+  var __iconNode23 = [
     ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
     ["path", { d: "M12 18a6 6 0 0 0 0-12v12z", key: "j4l70d" }]
   ];
-  var Contrast = createLucideIcon("contrast", __iconNode22);
+  var Contrast = createLucideIcon("contrast", __iconNode23);
 
   // node_modules/lucide-react/dist/esm/icons/corner-down-left.js
-  var __iconNode23 = [
+  var __iconNode24 = [
     ["path", { d: "M20 4v7a4 4 0 0 1-4 4H4", key: "6o5b7l" }],
     ["path", { d: "m9 10-5 5 5 5", key: "1kshq7" }]
   ];
-  var CornerDownLeft = createLucideIcon("corner-down-left", __iconNode23);
+  var CornerDownLeft = createLucideIcon("corner-down-left", __iconNode24);
 
   // node_modules/lucide-react/dist/esm/icons/crop.js
-  var __iconNode24 = [
+  var __iconNode25 = [
     ["path", { d: "M6 2v14a2 2 0 0 0 2 2h14", key: "ron5a4" }],
     ["path", { d: "M18 22V8a2 2 0 0 0-2-2H2", key: "7s9ehn" }]
   ];
-  var Crop = createLucideIcon("crop", __iconNode24);
+  var Crop = createLucideIcon("crop", __iconNode25);
 
   // node_modules/lucide-react/dist/esm/icons/ellipsis.js
-  var __iconNode25 = [
+  var __iconNode26 = [
     ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
     ["circle", { cx: "19", cy: "12", r: "1", key: "1wjl8i" }],
     ["circle", { cx: "5", cy: "12", r: "1", key: "1pcz8c" }]
   ];
-  var Ellipsis = createLucideIcon("ellipsis", __iconNode25);
+  var Ellipsis = createLucideIcon("ellipsis", __iconNode26);
 
   // node_modules/lucide-react/dist/esm/icons/file.js
-  var __iconNode26 = [
+  var __iconNode27 = [
     ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
     ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }]
   ];
-  var File = createLucideIcon("file", __iconNode26);
+  var File = createLucideIcon("file", __iconNode27);
 
   // node_modules/lucide-react/dist/esm/icons/flip-horizontal.js
-  var __iconNode27 = [
+  var __iconNode28 = [
     ["path", { d: "M8 3H5a2 2 0 0 0-2 2v14c0 1.1.9 2 2 2h3", key: "1i73f7" }],
     ["path", { d: "M16 3h3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-3", key: "saxlbk" }],
     ["path", { d: "M12 20v2", key: "1lh1kg" }],
@@ -2545,10 +2562,10 @@ var CodegoUI = (() => {
     ["path", { d: "M12 8v2", key: "1woqiv" }],
     ["path", { d: "M12 2v2", key: "tus03m" }]
   ];
-  var FlipHorizontal = createLucideIcon("flip-horizontal", __iconNode27);
+  var FlipHorizontal = createLucideIcon("flip-horizontal", __iconNode28);
 
   // node_modules/lucide-react/dist/esm/icons/flip-vertical.js
-  var __iconNode28 = [
+  var __iconNode29 = [
     ["path", { d: "M21 8V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v3", key: "14bfxa" }],
     ["path", { d: "M21 16v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-3", key: "14rx03" }],
     ["path", { d: "M4 12H2", key: "rhcxmi" }],
@@ -2556,10 +2573,10 @@ var CodegoUI = (() => {
     ["path", { d: "M16 12h-2", key: "10asgb" }],
     ["path", { d: "M22 12h-2", key: "14jgyd" }]
   ];
-  var FlipVertical = createLucideIcon("flip-vertical", __iconNode28);
+  var FlipVertical = createLucideIcon("flip-vertical", __iconNode29);
 
   // node_modules/lucide-react/dist/esm/icons/folder-open.js
-  var __iconNode29 = [
+  var __iconNode30 = [
     [
       "path",
       {
@@ -2568,10 +2585,10 @@ var CodegoUI = (() => {
       }
     ]
   ];
-  var FolderOpen = createLucideIcon("folder-open", __iconNode29);
+  var FolderOpen = createLucideIcon("folder-open", __iconNode30);
 
   // node_modules/lucide-react/dist/esm/icons/folder.js
-  var __iconNode30 = [
+  var __iconNode31 = [
     [
       "path",
       {
@@ -2580,10 +2597,10 @@ var CodegoUI = (() => {
       }
     ]
   ];
-  var Folder = createLucideIcon("folder", __iconNode30);
+  var Folder = createLucideIcon("folder", __iconNode31);
 
   // node_modules/lucide-react/dist/esm/icons/grip-vertical.js
-  var __iconNode31 = [
+  var __iconNode32 = [
     ["circle", { cx: "9", cy: "12", r: "1", key: "1vctgf" }],
     ["circle", { cx: "9", cy: "5", r: "1", key: "hp0tcf" }],
     ["circle", { cx: "9", cy: "19", r: "1", key: "fkjjf6" }],
@@ -2591,52 +2608,52 @@ var CodegoUI = (() => {
     ["circle", { cx: "15", cy: "5", r: "1", key: "19l28e" }],
     ["circle", { cx: "15", cy: "19", r: "1", key: "f4zoj3" }]
   ];
-  var GripVertical = createLucideIcon("grip-vertical", __iconNode31);
+  var GripVertical = createLucideIcon("grip-vertical", __iconNode32);
 
   // node_modules/lucide-react/dist/esm/icons/heading-2.js
-  var __iconNode32 = [
+  var __iconNode33 = [
     ["path", { d: "M4 12h8", key: "17cfdx" }],
     ["path", { d: "M4 18V6", key: "1rz3zl" }],
     ["path", { d: "M12 18V6", key: "zqpxq5" }],
     ["path", { d: "M21 18h-4c0-4 4-3 4-6 0-1.5-2-2.5-4-1", key: "9jr5yi" }]
   ];
-  var Heading2 = createLucideIcon("heading-2", __iconNode32);
+  var Heading2 = createLucideIcon("heading-2", __iconNode33);
 
   // node_modules/lucide-react/dist/esm/icons/heading-3.js
-  var __iconNode33 = [
+  var __iconNode34 = [
     ["path", { d: "M4 12h8", key: "17cfdx" }],
     ["path", { d: "M4 18V6", key: "1rz3zl" }],
     ["path", { d: "M12 18V6", key: "zqpxq5" }],
     ["path", { d: "M17.5 10.5c1.7-1 3.5 0 3.5 1.5a2 2 0 0 1-2 2", key: "68ncm8" }],
     ["path", { d: "M17 17.5c2 1.5 4 .3 4-1.5a2 2 0 0 0-2-2", key: "1ejuhz" }]
   ];
-  var Heading3 = createLucideIcon("heading-3", __iconNode33);
+  var Heading3 = createLucideIcon("heading-3", __iconNode34);
 
   // node_modules/lucide-react/dist/esm/icons/info.js
-  var __iconNode34 = [
+  var __iconNode35 = [
     ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
     ["path", { d: "M12 16v-4", key: "1dtifu" }],
     ["path", { d: "M12 8h.01", key: "e9boi3" }]
   ];
-  var Info = createLucideIcon("info", __iconNode34);
+  var Info = createLucideIcon("info", __iconNode35);
 
   // node_modules/lucide-react/dist/esm/icons/italic.js
-  var __iconNode35 = [
+  var __iconNode36 = [
     ["line", { x1: "19", x2: "10", y1: "4", y2: "4", key: "15jd3p" }],
     ["line", { x1: "14", x2: "5", y1: "20", y2: "20", key: "bu0au3" }],
     ["line", { x1: "15", x2: "9", y1: "4", y2: "20", key: "uljnxc" }]
   ];
-  var Italic = createLucideIcon("italic", __iconNode35);
+  var Italic = createLucideIcon("italic", __iconNode36);
 
   // node_modules/lucide-react/dist/esm/icons/link.js
-  var __iconNode36 = [
+  var __iconNode37 = [
     ["path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71", key: "1cjeqo" }],
     ["path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71", key: "19qd67" }]
   ];
-  var Link = createLucideIcon("link", __iconNode36);
+  var Link = createLucideIcon("link", __iconNode37);
 
   // node_modules/lucide-react/dist/esm/icons/list-ordered.js
-  var __iconNode37 = [
+  var __iconNode38 = [
     ["path", { d: "M11 5h10", key: "1cz7ny" }],
     ["path", { d: "M11 12h10", key: "1438ji" }],
     ["path", { d: "M11 19h10", key: "11t30w" }],
@@ -2644,10 +2661,10 @@ var CodegoUI = (() => {
     ["path", { d: "M4 9h2", key: "r1h2o0" }],
     ["path", { d: "M6.5 20H3.4c0-1 2.6-1.925 2.6-3.5a1.5 1.5 0 0 0-2.6-1.02", key: "xtkcd5" }]
   ];
-  var ListOrdered = createLucideIcon("list-ordered", __iconNode37);
+  var ListOrdered = createLucideIcon("list-ordered", __iconNode38);
 
   // node_modules/lucide-react/dist/esm/icons/list.js
-  var __iconNode38 = [
+  var __iconNode39 = [
     ["path", { d: "M3 5h.01", key: "18ugdj" }],
     ["path", { d: "M3 12h.01", key: "nlz23k" }],
     ["path", { d: "M3 19h.01", key: "noohij" }],
@@ -2655,14 +2672,14 @@ var CodegoUI = (() => {
     ["path", { d: "M8 12h13", key: "1za7za" }],
     ["path", { d: "M8 19h13", key: "m83p4d" }]
   ];
-  var List = createLucideIcon("list", __iconNode38);
+  var List = createLucideIcon("list", __iconNode39);
 
   // node_modules/lucide-react/dist/esm/icons/minus.js
-  var __iconNode39 = [["path", { d: "M5 12h14", key: "1ays0h" }]];
-  var Minus = createLucideIcon("minus", __iconNode39);
+  var __iconNode40 = [["path", { d: "M5 12h14", key: "1ays0h" }]];
+  var Minus = createLucideIcon("minus", __iconNode40);
 
   // node_modules/lucide-react/dist/esm/icons/moon.js
-  var __iconNode40 = [
+  var __iconNode41 = [
     [
       "path",
       {
@@ -2671,33 +2688,33 @@ var CodegoUI = (() => {
       }
     ]
   ];
-  var Moon = createLucideIcon("moon", __iconNode40);
+  var Moon = createLucideIcon("moon", __iconNode41);
 
   // node_modules/lucide-react/dist/esm/icons/panel-left-close.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: "m16 15-3-3 3-3", key: "14y99z" }]
   ];
-  var PanelLeftClose = createLucideIcon("panel-left-close", __iconNode41);
+  var PanelLeftClose = createLucideIcon("panel-left-close", __iconNode42);
 
   // node_modules/lucide-react/dist/esm/icons/panel-left-open.js
-  var __iconNode42 = [
+  var __iconNode43 = [
     ["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", __iconNode42);
+  var PanelLeftOpen = createLucideIcon("panel-left-open", __iconNode43);
 
   // node_modules/lucide-react/dist/esm/icons/plus.js
-  var __iconNode43 = [
+  var __iconNode44 = [
     ["path", { d: "M5 12h14", key: "1ays0h" }],
     ["path", { d: "M12 5v14", key: "s699le" }]
   ];
-  var Plus = createLucideIcon("plus", __iconNode43);
+  var Plus = createLucideIcon("plus", __iconNode44);
 
   // node_modules/lucide-react/dist/esm/icons/quote.js
-  var __iconNode44 = [
+  var __iconNode45 = [
     [
       "path",
       {
@@ -2713,47 +2730,47 @@ var CodegoUI = (() => {
       }
     ]
   ];
-  var Quote = createLucideIcon("quote", __iconNode44);
+  var Quote = createLucideIcon("quote", __iconNode45);
 
   // node_modules/lucide-react/dist/esm/icons/redo.js
-  var __iconNode45 = [
+  var __iconNode46 = [
     ["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", __iconNode45);
+  var Redo = createLucideIcon("redo", __iconNode46);
 
   // node_modules/lucide-react/dist/esm/icons/rotate-ccw.js
-  var __iconNode46 = [
+  var __iconNode47 = [
     ["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", __iconNode46);
+  var RotateCcw = createLucideIcon("rotate-ccw", __iconNode47);
 
   // node_modules/lucide-react/dist/esm/icons/rotate-cw.js
-  var __iconNode47 = [
+  var __iconNode48 = [
     ["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", __iconNode47);
+  var RotateCw = createLucideIcon("rotate-cw", __iconNode48);
 
   // node_modules/lucide-react/dist/esm/icons/search.js
-  var __iconNode48 = [
+  var __iconNode49 = [
     ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
     ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
   ];
-  var Search = createLucideIcon("search", __iconNode48);
+  var Search = createLucideIcon("search", __iconNode49);
 
   // node_modules/lucide-react/dist/esm/icons/settings-2.js
-  var __iconNode49 = [
+  var __iconNode50 = [
     ["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", __iconNode49);
+  var Settings2 = createLucideIcon("settings-2", __iconNode50);
 
   // node_modules/lucide-react/dist/esm/icons/sun.js
-  var __iconNode50 = [
+  var __iconNode51 = [
     ["circle", { cx: "12", cy: "12", r: "4", key: "4exip2" }],
     ["path", { d: "M12 2v2", key: "tus03m" }],
     ["path", { d: "M12 20v2", key: "1lh1kg" }],
@@ -2764,34 +2781,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", __iconNode50);
+  var Sun = createLucideIcon("sun", __iconNode51);
 
   // node_modules/lucide-react/dist/esm/icons/trash-2.js
-  var __iconNode51 = [
+  var __iconNode52 = [
     ["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", __iconNode51);
+  var Trash2 = createLucideIcon("trash-2", __iconNode52);
 
   // node_modules/lucide-react/dist/esm/icons/trending-down.js
-  var __iconNode52 = [
+  var __iconNode53 = [
     ["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", __iconNode52);
+  var TrendingDown = createLucideIcon("trending-down", __iconNode53);
 
   // node_modules/lucide-react/dist/esm/icons/trending-up.js
-  var __iconNode53 = [
+  var __iconNode54 = [
     ["path", { d: "M16 7h6v6", key: "box55l" }],
     ["path", { d: "m22 7-8.5 8.5-5-5L2 17", key: "1t1m79" }]
   ];
-  var TrendingUp = createLucideIcon("trending-up", __iconNode53);
+  var TrendingUp = createLucideIcon("trending-up", __iconNode54);
 
   // node_modules/lucide-react/dist/esm/icons/triangle-alert.js
-  var __iconNode54 = [
+  var __iconNode55 = [
     [
       "path",
       {
@@ -2802,28 +2819,28 @@ var CodegoUI = (() => {
     ["path", { d: "M12 9v4", key: "juzpu7" }],
     ["path", { d: "M12 17h.01", key: "p32p05" }]
   ];
-  var TriangleAlert = createLucideIcon("triangle-alert", __iconNode54);
+  var TriangleAlert = createLucideIcon("triangle-alert", __iconNode55);
 
   // node_modules/lucide-react/dist/esm/icons/underline.js
-  var __iconNode55 = [
+  var __iconNode56 = [
     ["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", __iconNode55);
+  var Underline = createLucideIcon("underline", __iconNode56);
 
   // node_modules/lucide-react/dist/esm/icons/undo.js
-  var __iconNode56 = [
+  var __iconNode57 = [
     ["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", __iconNode56);
+  var Undo = createLucideIcon("undo", __iconNode57);
 
   // node_modules/lucide-react/dist/esm/icons/x.js
-  var __iconNode57 = [
+  var __iconNode58 = [
     ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
     ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
   ];
-  var X = createLucideIcon("x", __iconNode57);
+  var X = createLucideIcon("x", __iconNode58);
 
   // node_modules/clsx/dist/clsx.mjs
   function r(e) {
@@ -7655,6 +7672,32 @@ var CodegoUI = (() => {
       ] })
     ] });
   }
+  function MetricRow({ items, divided = true, className }) {
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Card, { className: cn("overflow-hidden", className), children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(CardContent, { className: "p-0", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: cn("grid", `grid-cols-${Math.min(items.length, 4)}`), children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+      "div",
+      {
+        className: cn(
+          "flex flex-col gap-1 px-5 py-4",
+          divided && i > 0 && "border-l border-border"
+        ),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "text-xs font-medium text-muted-foreground", children: item.label }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: cn("text-xl font-bold tabular-nums", item.color && semanticText[item.color]), children: item.value }),
+          item.trendValue && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { className: cn(
+            "text-xs font-medium",
+            item.trend === "up" && "text-success",
+            item.trend === "down" && "text-danger",
+            item.trend === "neutral" && "text-muted-foreground"
+          ), children: [
+            item.trend === "up" && "\u2191 ",
+            item.trend === "down" && "\u2193 ",
+            item.trendValue
+          ] })
+        ]
+      },
+      i
+    )) }) }) });
+  }
 
   // src/components/ui/data-grid.tsx
   var React12 = __toESM(require_react(), 1);
@@ -10511,6 +10554,42 @@ var CodegoUI = (() => {
       )
     ] });
   }
+  function DropdownItem({
+    children,
+    onClick,
+    icon,
+    disabled = false,
+    variant = "default",
+    className
+  }) {
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+      "button",
+      {
+        onClick,
+        disabled,
+        className: cn(
+          "flex w-full items-center gap-2.5 px-3.5 py-2 text-left text-sm rounded-lg mx-1 transition-colors duration-100",
+          "w-[calc(100%-0.5rem)]",
+          variant === "danger" ? "text-red-400 hover:bg-red-500/15 hover:text-red-300" : "hover:bg-white/8 hover:text-accent-foreground",
+          disabled && "opacity-40 cursor-not-allowed pointer-events-none",
+          className
+        ),
+        children: [
+          icon && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "shrink-0 opacity-70", children: icon }),
+          children
+        ]
+      }
+    );
+  }
+  function DropdownSeparator({ className }) {
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: cn("my-1.5 h-px bg-white/8", className) });
+  }
+  function DropdownLabel({
+    children,
+    className
+  }) {
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: cn("px-3.5 py-1.5 text-xs font-semibold uppercase tracking-wider text-muted-foreground/60", className), children });
+  }
 
   // src/components/ui/file-upload.tsx
   var React17 = __toESM(require_react(), 1);
@@ -10949,6 +11028,13 @@ var CodegoUI = (() => {
     around: "justify-around",
     evenly: "justify-evenly"
   };
+  var selfMap = {
+    start: "self-start",
+    center: "self-center",
+    end: "self-end",
+    stretch: "self-stretch",
+    baseline: "self-baseline"
+  };
   function FlexLayout({
     direction = "row",
     wrap = "nowrap",
@@ -10969,6 +11055,29 @@ var CodegoUI = (() => {
       className
     ), children });
   }
+  function FlexItem({
+    grow,
+    shrink,
+    basis,
+    order,
+    alignSelf,
+    children,
+    className
+  }) {
+    const style = {};
+    if (grow !== void 0) style.flexGrow = grow === true ? 1 : grow === false ? 0 : grow;
+    if (shrink !== void 0) style.flexShrink = shrink === true ? 1 : shrink === false ? 0 : shrink;
+    if (basis) style.flexBasis = basis;
+    if (order !== void 0) style.order = order;
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+      "div",
+      {
+        className: cn(alignSelf && selfMap[alignSelf], className),
+        style,
+        children
+      }
+    );
+  }
 
   // src/components/ui/grid-layout.tsx
   var import_jsx_runtime22 = __toESM(require_jsx_runtime(), 1);
@@ -11044,6 +11153,17 @@ var CodegoUI = (() => {
     end: "justify-items-end",
     stretch: "justify-items-stretch"
   };
+  var spanMap = {
+    1: "col-span-1",
+    2: "col-span-2",
+    3: "col-span-3",
+    4: "col-span-4",
+    5: "col-span-5",
+    6: "col-span-6",
+    12: "col-span-12",
+    full: "col-span-full"
+  };
+  var rowSpanMap = { 1: "row-span-1", 2: "row-span-2", 3: "row-span-3" };
   function GridLayout({
     cols = 3,
     smCols,
@@ -11071,6 +11191,13 @@ var CodegoUI = (() => {
       className
     ), children });
   }
+  function GridItem({ span, rowSpan, children, className }) {
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: cn(
+      span && spanMap[String(span)],
+      rowSpan && rowSpanMap[rowSpan],
+      className
+    ), children });
+  }
 
   // src/components/ui/input.tsx
   var React18 = __toESM(require_react(), 1);
@@ -12785,68 +12912,354 @@ var CodegoUI = (() => {
     ] }, i)) });
   }
 
-  // src/components/ui/popover.tsx
+  // src/components/ui/panel.tsx
+  var React30 = __toESM(require_react(), 1);
+
+  // src/components/ui/tooltip.tsx
   var React28 = __toESM(require_react(), 1);
+  var ReactDOM = __toESM(require_react_dom(), 1);
   var import_jsx_runtime33 = __toESM(require_jsx_runtime(), 1);
-  var PLACEMENT_CLASSES = {
-    "top": "bottom-full left-1/2 -translate-x-1/2 mb-2",
-    "bottom": "top-full left-1/2 -translate-x-1/2 mt-2",
-    "left": "right-full top-1/2 -translate-y-1/2 mr-2",
-    "right": "left-full top-1/2 -translate-y-1/2 ml-2",
-    "top-start": "bottom-full left-0 mb-2",
-    "top-end": "bottom-full right-0 mb-2",
-    "bottom-start": "top-full left-0 mt-2",
-    "bottom-end": "top-full right-0 mt-2"
-  };
-  function Popover({
-    trigger,
+  function Tooltip({
     content,
-    placement = "bottom-start",
-    triggerOn = "click",
-    open: controlled,
-    onOpenChange,
-    className
+    children,
+    side = "right",
+    className,
+    enabled = true
   }) {
-    const [internal, setInternal] = React28.useState(false);
+    const [visible, setVisible] = React28.useState(false);
+    const [coords, setCoords] = React28.useState({ top: 0, left: 0 });
     const ref = React28.useRef(null);
-    const open = controlled ?? internal;
-    function setOpen(v) {
-      if (controlled === void 0) setInternal(v);
-      onOpenChange?.(v);
+    if (!enabled) return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_jsx_runtime33.Fragment, { children });
+    function calcCoords() {
+      const r2 = ref.current?.getBoundingClientRect();
+      if (!r2) return;
+      const GAP = 8;
+      switch (side) {
+        case "right":
+          setCoords({ top: r2.top + r2.height / 2, left: r2.right + GAP });
+          break;
+        case "left":
+          setCoords({ top: r2.top + r2.height / 2, left: r2.left - GAP });
+          break;
+        case "top":
+          setCoords({ top: r2.top - GAP, left: r2.left + r2.width / 2 });
+          break;
+        case "bottom":
+          setCoords({ top: r2.bottom + GAP, left: r2.left + r2.width / 2 });
+          break;
+      }
     }
-    React28.useEffect(() => {
-      if (triggerOn !== "click") return;
-      function handler(e) {
-        if (ref.current && !ref.current.contains(e.target)) setOpen(false);
+    const transformClass = {
+      right: "-translate-y-1/2",
+      left: "-translate-y-1/2 -translate-x-full",
+      top: "-translate-x-1/2 -translate-y-full",
+      bottom: "-translate-x-1/2"
+    }[side];
+    return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+      "div",
+      {
+        ref,
+        className: "relative inline-flex",
+        onMouseEnter: () => {
+          calcCoords();
+          setVisible(true);
+        },
+        onMouseLeave: () => setVisible(false),
+        onFocus: () => {
+          calcCoords();
+          setVisible(true);
+        },
+        onBlur: () => setVisible(false),
+        children: [
+          children,
+          visible && ReactDOM.createPortal(
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+              "div",
+              {
+                role: "tooltip",
+                style: { top: coords.top, left: coords.left },
+                className: cn(
+                  "fixed z-[9999] whitespace-nowrap rounded-md bg-foreground px-2.5 py-1 text-xs font-medium text-background shadow-lg pointer-events-none",
+                  transformClass,
+                  className
+                ),
+                children: content
+              }
+            ),
+            document.body
+          )
+        ]
       }
-      document.addEventListener("mousedown", handler);
-      return () => document.removeEventListener("mousedown", handler);
-    }, [triggerOn]);
-    const hoverProps = triggerOn === "hover" ? { onMouseEnter: () => setOpen(true), onMouseLeave: () => setOpen(false) } : {};
-    return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { ref, className: "relative inline-block", ...hoverProps, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { onClick: () => triggerOn === "click" && setOpen(!open), children: trigger }),
-      open && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: cn(
-        "absolute z-50 min-w-max rounded-xl border border-border glass shadow-2xl",
-        PLACEMENT_CLASSES[placement],
-        className
-      ), children: content })
-    ] });
+    );
   }
 
-  // src/components/ui/progress.tsx
+  // src/components/theme-provider.tsx
+  var import_react3 = __toESM(require_react(), 1);
   var import_jsx_runtime34 = __toESM(require_jsx_runtime(), 1);
-  var BAR_COLOR = {
-    default: "bg-primary",
-    success: "bg-success",
-    error: "bg-danger",
-    warning: "bg-warning",
-    info: "bg-info"
+  var defaultColors = {
+    primary: "#8b5cf6",
+    primaryHover: "#7c3aed",
+    secondary: "#171717",
+    secondaryHover: "#262626",
+    info: "#3b82f6",
+    infoHover: "#2563eb",
+    warning: "#f59e0b",
+    warningHover: "#d97706",
+    danger: "#ef4444",
+    dangerHover: "#dc2626"
   };
-  var STROKE_COLOR = {
-    default: "stroke-primary",
-    success: "stroke-success",
-    error: "stroke-danger",
-    warning: "stroke-warning",
+  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 COLOR_PALETTE = [
+    { base: "#6366f1", hover: "#4f46e5" },
+    // Indigo
+    { base: "#8b5cf6", hover: "#7c3aed" },
+    // Violet
+    { base: "#3b82f6", hover: "#2563eb" },
+    // Blue
+    { base: "#10b981", hover: "#059669" },
+    // Emerald
+    { base: "#22c55e", hover: "#16a34a" },
+    // Green
+    { base: "#eab308", hover: "#ca8a04" },
+    // Yellow
+    { base: "#f59e0b", hover: "#d97706" },
+    // Amber
+    { base: "#f97316", hover: "#ea580c" },
+    // Orange
+    { base: "#ef4444", hover: "#dc2626" },
+    // Red
+    { base: "#ec4899", hover: "#db2777" }
+    // Pink
+  ];
+  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_runtime35 = __toESM(require_jsx_runtime(), 1);
+  var PanelCollapsedContext = React30.createContext(false);
+  function PanelThemeToggle() {
+    const { theme, setTheme } = useTheme();
+    return /* @__PURE__ */ (0, import_jsx_runtime35.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_runtime35.jsx)(Sun, { className: "h-4 w-4 rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" }),
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Moon, { className: "absolute h-4 w-4 rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" })
+        ]
+      }
+    );
+  }
+  function Panel({
+    sidebar,
+    sidebarHeader,
+    sidebarFooter,
+    sidebarWidth = "w-56",
+    topbar,
+    topbarTrailing,
+    defaultCollapsed = false,
+    collapsible = false,
+    showThemeToggle = false,
+    defaultPage,
+    height = "h-[520px]",
+    children,
+    className
+  }) {
+    const [collapsed, setCollapsed] = React30.useState(defaultCollapsed);
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(PanelCollapsedContext.Provider, { value: collapsed, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+      "div",
+      {
+        className: cn(
+          "relative flex overflow-hidden rounded-xl border border-border bg-background shadow-lg",
+          height,
+          className
+        ),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "pointer-events-none absolute inset-0 overflow-hidden", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "absolute -top-[40%] -left-[20%] h-[80%] w-[60%] rounded-full bg-primary/10 blur-[120px]" }),
+            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "absolute -bottom-[40%] -right-[20%] h-[80%] w-[60%] rounded-full bg-info/10 blur-[120px]" })
+          ] }),
+          sidebar && /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+            "aside",
+            {
+              className: cn(
+                "relative z-10 flex flex-col shrink-0 border-r border-border transition-all duration-200",
+                collapsed ? "w-14" : sidebarWidth
+              ),
+              children: [
+                sidebarHeader && /* @__PURE__ */ (0, import_jsx_runtime35.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_runtime35.jsx)("div", { className: "flex-1 overflow-y-auto py-2", children: sidebar }),
+                sidebarFooter && /* @__PURE__ */ (0, import_jsx_runtime35.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_runtime35.jsxs)("div", { className: "relative z-10 flex flex-1 min-w-0 flex-col", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("header", { className: "flex h-14 shrink-0 items-center justify-between border-b glass px-4 gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-center gap-2", children: [
+                collapsible && sidebar && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+                  Tooltip,
+                  {
+                    content: collapsed ? "Expand sidebar" : "Collapse sidebar",
+                    side: "bottom",
+                    children: /* @__PURE__ */ (0, import_jsx_runtime35.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_runtime35.jsx)(PanelLeftOpen, { className: "h-5 w-5" }) : /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(PanelLeftClose, { className: "h-5 w-5" })
+                      }
+                    )
+                  }
+                ),
+                topbar && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "flex items-center gap-2", children: topbar })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-center gap-2", children: [
+                topbarTrailing,
+                showThemeToggle && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(PanelThemeToggle, {})
+              ] })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("main", { className: "flex-1 overflow-y-auto p-4", children })
+          ] })
+        ]
+      }
+    ) });
+  }
+  function PanelSidebarItem({
+    icon: Icon2,
+    label,
+    active,
+    onClick
+  }) {
+    const collapsed = React30.useContext(PanelCollapsedContext);
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Tooltip, { content: label, side: "right", enabled: collapsed, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+      "button",
+      {
+        type: "button",
+        onClick,
+        className: cn(
+          "flex w-full items-center rounded-md text-sm font-medium transition-colors",
+          collapsed ? "justify-center h-9 w-9 mx-auto px-0" : "gap-2 px-3 py-2",
+          active ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:bg-primary/20 hover:text-primary cursor-pointer"
+        ),
+        children: [
+          Icon2 && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Icon2, { className: "h-4 w-4 shrink-0" }),
+          !collapsed && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "truncate", children: label })
+        ]
+      }
+    ) });
+  }
+  function PanelSidebarGroup({
+    title,
+    children
+  }) {
+    const collapsed = React30.useContext(PanelCollapsedContext);
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "px-2 py-1", children: [
+      title && !collapsed && /* @__PURE__ */ (0, import_jsx_runtime35.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_runtime35.jsx)("div", { className: "mx-1 mb-1 h-px bg-border" }),
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("main", { className: "space-y-0.5", children })
+    ] });
+  }
+
+  // src/components/ui/popover.tsx
+  var React31 = __toESM(require_react(), 1);
+  var import_jsx_runtime36 = __toESM(require_jsx_runtime(), 1);
+  var PLACEMENT_CLASSES = {
+    "top": "bottom-full left-1/2 -translate-x-1/2 mb-2",
+    "bottom": "top-full left-1/2 -translate-x-1/2 mt-2",
+    "left": "right-full top-1/2 -translate-y-1/2 mr-2",
+    "right": "left-full top-1/2 -translate-y-1/2 ml-2",
+    "top-start": "bottom-full left-0 mb-2",
+    "top-end": "bottom-full right-0 mb-2",
+    "bottom-start": "top-full left-0 mt-2",
+    "bottom-end": "top-full right-0 mt-2"
+  };
+  function Popover({
+    trigger,
+    content,
+    placement = "bottom-start",
+    triggerOn = "click",
+    open: controlled,
+    onOpenChange,
+    className
+  }) {
+    const [internal, setInternal] = React31.useState(false);
+    const ref = React31.useRef(null);
+    const open = controlled ?? internal;
+    function setOpen(v) {
+      if (controlled === void 0) setInternal(v);
+      onOpenChange?.(v);
+    }
+    React31.useEffect(() => {
+      if (triggerOn !== "click") return;
+      function handler(e) {
+        if (ref.current && !ref.current.contains(e.target)) setOpen(false);
+      }
+      document.addEventListener("mousedown", handler);
+      return () => document.removeEventListener("mousedown", handler);
+    }, [triggerOn]);
+    const hoverProps = triggerOn === "hover" ? { onMouseEnter: () => setOpen(true), onMouseLeave: () => setOpen(false) } : {};
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { ref, className: "relative inline-block", ...hoverProps, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { onClick: () => triggerOn === "click" && setOpen(!open), children: trigger }),
+      open && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: cn(
+        "absolute z-50 min-w-max rounded-xl border border-border glass shadow-2xl",
+        PLACEMENT_CLASSES[placement],
+        className
+      ), children: content })
+    ] });
+  }
+
+  // src/components/ui/progress.tsx
+  var import_jsx_runtime37 = __toESM(require_jsx_runtime(), 1);
+  var BAR_COLOR = {
+    default: "bg-primary",
+    success: "bg-success",
+    error: "bg-danger",
+    warning: "bg-warning",
+    info: "bg-info"
+  };
+  var STROKE_COLOR = {
+    default: "stroke-primary",
+    success: "stroke-success",
+    error: "stroke-danger",
+    warning: "stroke-warning",
     info: "stroke-info"
   };
   var HEIGHT = {
@@ -12868,15 +13281,15 @@ var CodegoUI = (() => {
     className
   }) {
     const pct2 = indeterminate ? 100 : Math.min(100, Math.max(0, value / max * 100));
-    return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: cn("w-full space-y-1.5", className), children: [
-      (label || showValue) && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex items-center justify-between text-xs text-muted-foreground", children: [
-        label && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { children: label }),
-        showValue && !indeterminate && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("span", { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: cn("w-full space-y-1.5", className), children: [
+      (label || showValue) && /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex items-center justify-between text-xs text-muted-foreground", children: [
+        label && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { children: label }),
+        showValue && !indeterminate && /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("span", { children: [
           Math.round(pct2),
           "%"
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: cn("w-full overflow-hidden rounded-full bg-muted", HEIGHT[size]), children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: cn("w-full overflow-hidden rounded-full bg-muted", HEIGHT[size]), children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
         "div",
         {
           className: cn(
@@ -12906,10 +13319,10 @@ var CodegoUI = (() => {
     const circ = 2 * Math.PI * r2;
     const pct2 = indeterminate ? 0.75 : Math.min(1, Math.max(0, value / max));
     const dash = pct2 * circ;
-    return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: cn("inline-flex flex-col items-center gap-1", className), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "relative", style: { width: size, height: size }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("svg", { width: size, height: size, className: cn(indeterminate && "animate-spin"), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: cn("inline-flex flex-col items-center gap-1", className), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "relative", style: { width: size, height: size }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("svg", { width: size, height: size, className: cn(indeterminate && "animate-spin"), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
             "circle",
             {
               cx: size / 2,
@@ -12920,7 +13333,7 @@ var CodegoUI = (() => {
               className: "stroke-muted"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
             "circle",
             {
               cx: size / 2,
@@ -12935,18 +13348,55 @@ var CodegoUI = (() => {
             }
           )
         ] }),
-        showValue && !indeterminate && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("span", { className: "absolute inset-0 flex items-center justify-center text-xs font-semibold", children: [
+        showValue && !indeterminate && /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("span", { className: "absolute inset-0 flex items-center justify-center text-xs font-semibold", children: [
           Math.round(pct2 * 100),
           "%"
         ] })
       ] }),
-      label && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "text-xs text-muted-foreground", children: label })
+      label && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "text-xs text-muted-foreground", children: label })
+    ] });
+  }
+
+  // src/components/ui/props-table.tsx
+  var import_jsx_runtime38 = __toESM(require_jsx_runtime(), 1);
+  function PropsTable({ rows }) {
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "w-full space-y-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("h2", { className: "text-2xl font-bold tracking-tight text-gradient", children: "Props" }),
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: "text-muted-foreground", children: "All available props for this component." })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "rounded-xl border border-border overflow-hidden bg-card/50 backdrop-blur-sm shadow-sm", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "w-full overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("table", { className: "w-full text-sm", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("tr", { className: "border-b border-border bg-muted/40", children: ["Prop", "Type", "Default", "Description"].map((h) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("th", { className: "h-11 px-4 text-left text-xs font-semibold uppercase tracking-wider text-muted-foreground whitespace-nowrap", children: h }, h)) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("tbody", { children: rows.map((row, i) => /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+          "tr",
+          {
+            className: cn(
+              "border-b border-border/60 last:border-0 transition-colors hover:bg-muted/20",
+              i % 2 !== 0 && "bg-muted/5"
+            ),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("td", { className: "px-4 py-3 align-top whitespace-nowrap", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("code", { className: "font-mono text-xs font-semibold text-primary", children: row.prop }),
+                row.required && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "ml-1 text-[10px] font-bold text-danger", children: "*" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("td", { className: "px-4 py-3 align-top", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("code", { className: "font-mono text-xs text-info/90 whitespace-pre-wrap", children: row.type }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("td", { className: "px-4 py-3 align-top whitespace-nowrap", children: row.default ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("code", { className: "font-mono text-xs text-muted-foreground", children: row.default }) : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "text-muted-foreground/40 text-xs", children: "\u2014" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("td", { className: "px-4 py-3 align-top text-xs text-muted-foreground leading-relaxed", children: row.description })
+            ]
+          },
+          row.prop
+        )) })
+      ] }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("p", { className: "text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "text-danger font-bold", children: "*" }),
+        " Required prop"
+      ] })
     ] });
   }
 
   // src/components/ui/radio-group.tsx
-  var React29 = __toESM(require_react(), 1);
-  var import_jsx_runtime35 = __toESM(require_jsx_runtime(), 1);
+  var React32 = __toESM(require_react(), 1);
+  var import_jsx_runtime39 = __toESM(require_jsx_runtime(), 1);
   var SIZE_RADIO = {
     sm: "h-3.5 w-3.5",
     md: "h-4 w-4",
@@ -12968,14 +13418,14 @@ var CodegoUI = (() => {
     name,
     className
   }) {
-    const [internal, setInternal] = React29.useState(defaultValue ?? "");
+    const [internal, setInternal] = React32.useState(defaultValue ?? "");
     const active = controlledValue ?? internal;
     function select(val) {
       if (!controlledValue) setInternal(val);
       onChange?.(val);
     }
     if (variant === "card") {
-      return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: cn("grid gap-3", orientation === "horizontal" ? "grid-flow-col auto-cols-fr" : "grid-cols-1", className), children: options.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: cn("grid gap-3", orientation === "horizontal" ? "grid-flow-col auto-cols-fr" : "grid-cols-1", className), children: options.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
         "label",
         {
           className: cn(
@@ -12984,7 +13434,7 @@ var CodegoUI = (() => {
             active === opt.value ? "border-primary bg-primary/5 ring-1 ring-primary" : "border-border hover:border-primary/40 hover:bg-accent/30"
           ),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
               "input",
               {
                 type: "radio",
@@ -12996,414 +13446,150 @@ var CodegoUI = (() => {
                 className: "sr-only"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex w-full gap-3", children: [
-              opt.icon && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "shrink-0 mt-0.5 text-muted-foreground", children: opt.icon }),
-              /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex-1 min-w-0", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: cn("font-medium", SIZE_TEXT[size], active === opt.value && "text-primary"), children: opt.label }),
-                opt.description && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-xs text-muted-foreground mt-0.5", children: opt.description })
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex w-full gap-3", children: [
+              opt.icon && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "shrink-0 mt-0.5 text-muted-foreground", children: opt.icon }),
+              /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex-1 min-w-0", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: cn("font-medium", SIZE_TEXT[size], active === opt.value && "text-primary"), children: opt.label }),
+                opt.description && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "text-xs text-muted-foreground mt-0.5", children: opt.description })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: cn(
+              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: cn(
                 "shrink-0 mt-0.5 rounded-full border-2 flex items-center justify-center transition-colors",
                 SIZE_RADIO[size],
                 active === opt.value ? "border-primary" : "border-muted-foreground/40"
-              ), children: active === opt.value && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: cn("rounded-full bg-primary", size === "sm" ? "h-1.5 w-1.5" : size === "lg" ? "h-2.5 w-2.5" : "h-2 w-2") }) })
+              ), children: active === opt.value && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: cn("rounded-full bg-primary", size === "sm" ? "h-1.5 w-1.5" : size === "lg" ? "h-2.5 w-2.5" : "h-2 w-2") }) })
             ] })
           ]
-        },
-        opt.value
-      )) });
-    }
-    if (variant === "button") {
-      return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: cn("flex flex-wrap gap-2", className), children: options.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
-        "label",
-        {
-          className: cn(
-            "inline-flex items-center gap-2 cursor-pointer rounded-lg border px-3 py-2 font-medium transition-all",
-            SIZE_TEXT[size],
-            opt.disabled && "opacity-40 cursor-not-allowed pointer-events-none",
-            active === opt.value ? "border-primary bg-primary text-primary-foreground" : "border-border hover:border-primary/40 hover:bg-accent/30 text-muted-foreground"
-          ),
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
-              "input",
-              {
-                type: "radio",
-                name,
-                value: opt.value,
-                checked: active === opt.value,
-                disabled: opt.disabled,
-                onChange: () => select(opt.value),
-                className: "sr-only"
-              }
-            ),
-            opt.icon && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "shrink-0", children: opt.icon }),
-            opt.label
-          ]
-        },
-        opt.value
-      )) });
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: cn("flex gap-3", orientation === "horizontal" ? "flex-row flex-wrap" : "flex-col", className), children: options.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
-      "label",
-      {
-        className: cn(
-          "flex items-start gap-3 cursor-pointer",
-          opt.disabled && "opacity-40 cursor-not-allowed pointer-events-none"
-        ),
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: cn(
-            "mt-0.5 shrink-0 rounded-full border-2 flex items-center justify-center transition-colors",
-            SIZE_RADIO[size],
-            active === opt.value ? "border-primary" : "border-muted-foreground/40"
-          ), children: active === opt.value && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: cn("rounded-full bg-primary", size === "sm" ? "h-1.5 w-1.5" : size === "lg" ? "h-2.5 w-2.5" : "h-2 w-2") }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
-            "input",
-            {
-              type: "radio",
-              name,
-              value: opt.value,
-              checked: active === opt.value,
-              disabled: opt.disabled,
-              onChange: () => select(opt.value),
-              className: "sr-only"
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: cn("font-medium leading-tight", SIZE_TEXT[size]), children: opt.label }),
-            opt.description && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-xs text-muted-foreground mt-0.5", children: opt.description })
-          ] })
-        ]
-      },
-      opt.value
-    )) });
-  }
-
-  // src/components/ui/repeater.tsx
-  var import_jsx_runtime36 = __toESM(require_jsx_runtime(), 1);
-  function Repeater({
-    items,
-    onAdd,
-    onRemove,
-    renderItem,
-    addButtonText = "Add Item",
-    className
-  }) {
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: cn("space-y-3", className), children: [
-      items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
-        "div",
-        {
-          className: "group relative flex items-start gap-3 rounded-xl border border-border bg-card/50 backdrop-blur-sm p-4 shadow-sm transition-all duration-200 hover:border-primary/30 hover:shadow-md hover:shadow-primary/5",
-          style: { animation: "fadeSlideIn 0.2s ease-out" },
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "mt-1 cursor-grab text-muted-foreground/30 group-hover:text-muted-foreground/60 transition-colors shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(GripVertical, { className: "h-4 w-4" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "mt-1 flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-primary/10 text-[10px] font-semibold text-primary", children: index + 1 }),
-            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "flex-1 min-w-0", children: renderItem(item, index) }),
-            /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
-              Button,
-              {
-                type: "button",
-                variant: "ghost",
-                size: "sm",
-                className: "mt-0.5 h-7 w-7 shrink-0 opacity-0 group-hover:opacity-100 text-muted-foreground hover:text-danger hover:bg-danger/10 transition-all duration-150 p-0",
-                onClick: () => onRemove(index),
-                children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Trash2, { className: "h-3.5 w-3.5" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "sr-only", children: "Remove item" })
-                ]
-              }
-            )
-          ]
-        },
-        index
-      )),
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
-        "button",
-        {
-          type: "button",
-          onClick: onAdd,
-          className: "group flex w-full items-center justify-center gap-2 rounded-xl border border-dashed border-border py-3 text-sm font-medium text-muted-foreground transition-all duration-200 hover:border-primary/50 hover:bg-primary/5 hover:text-primary",
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "flex h-5 w-5 items-center justify-center rounded-full bg-muted group-hover:bg-primary/10 transition-colors", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Plus, { className: "h-3 w-3" }) }),
-            addButtonText
-          ]
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("style", { children: `
-        @keyframes fadeSlideIn {
-          from { opacity: 0; transform: translateY(-6px); }
-          to   { opacity: 1; transform: translateY(0); }
-        }
-      ` })
-    ] });
-  }
-
-  // src/components/ui/panel.tsx
-  var React32 = __toESM(require_react(), 1);
-
-  // src/components/ui/tooltip.tsx
-  var React30 = __toESM(require_react(), 1);
-  var ReactDOM = __toESM(require_react_dom(), 1);
-  var import_jsx_runtime37 = __toESM(require_jsx_runtime(), 1);
-  function Tooltip({
-    content,
-    children,
-    side = "right",
-    className,
-    enabled = true
-  }) {
-    const [visible, setVisible] = React30.useState(false);
-    const [coords, setCoords] = React30.useState({ top: 0, left: 0 });
-    const ref = React30.useRef(null);
-    if (!enabled) return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_jsx_runtime37.Fragment, { children });
-    function calcCoords() {
-      const r2 = ref.current?.getBoundingClientRect();
-      if (!r2) return;
-      const GAP = 8;
-      switch (side) {
-        case "right":
-          setCoords({ top: r2.top + r2.height / 2, left: r2.right + GAP });
-          break;
-        case "left":
-          setCoords({ top: r2.top + r2.height / 2, left: r2.left - GAP });
-          break;
-        case "top":
-          setCoords({ top: r2.top - GAP, left: r2.left + r2.width / 2 });
-          break;
-        case "bottom":
-          setCoords({ top: r2.bottom + GAP, left: r2.left + r2.width / 2 });
-          break;
-      }
-    }
-    const transformClass = {
-      right: "-translate-y-1/2",
-      left: "-translate-y-1/2 -translate-x-full",
-      top: "-translate-x-1/2 -translate-y-full",
-      bottom: "-translate-x-1/2"
-    }[side];
-    return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
-      "div",
-      {
-        ref,
-        className: "relative inline-flex",
-        onMouseEnter: () => {
-          calcCoords();
-          setVisible(true);
-        },
-        onMouseLeave: () => setVisible(false),
-        onFocus: () => {
-          calcCoords();
-          setVisible(true);
-        },
-        onBlur: () => setVisible(false),
-        children: [
-          children,
-          visible && ReactDOM.createPortal(
-            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-              "div",
-              {
-                role: "tooltip",
-                style: { top: coords.top, left: coords.left },
-                className: cn(
-                  "fixed z-[9999] whitespace-nowrap rounded-md bg-foreground px-2.5 py-1 text-xs font-medium text-background shadow-lg pointer-events-none",
-                  transformClass,
-                  className
-                ),
-                children: content
-              }
-            ),
-            document.body
-          )
-        ]
-      }
-    );
-  }
-
-  // src/components/theme-provider.tsx
-  var import_react3 = __toESM(require_react(), 1);
-  var import_jsx_runtime38 = __toESM(require_jsx_runtime(), 1);
-  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,
-    sidebarFooter,
-    sidebarWidth = "w-56",
-    topbar,
-    topbarTrailing,
-    defaultCollapsed = false,
-    collapsible = false,
-    showThemeToggle = false,
-    defaultPage,
-    height = "h-[520px]",
-    children,
-    className
-  }) {
-    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(
-          "relative flex overflow-hidden rounded-xl border border-border bg-background shadow-lg",
-          height,
-          className
-        ),
-        children: [
-          /* @__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(
-                "relative z-10 flex flex-col shrink-0 border-r border-border transition-all duration-200",
-                collapsed ? "w-14" : sidebarWidth
-              ),
-              children: [
-                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_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_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_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_runtime39.jsx)("div", { className: "flex items-center gap-2", children: topbar })
-              ] }),
-              /* @__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_runtime39.jsx)("main", { className: "flex-1 overflow-y-auto p-4", children })
-          ] })
-        ]
-      }
-    ) });
-  }
-  function PanelSidebarItem({
-    icon: Icon2,
-    label,
-    active,
-    onClick
-  }) {
-    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",
+        },
+        opt.value
+      )) });
+    }
+    if (variant === "button") {
+      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: cn("flex flex-wrap gap-2", className), children: options.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+        "label",
+        {
+          className: cn(
+            "inline-flex items-center gap-2 cursor-pointer rounded-lg border px-3 py-2 font-medium transition-all",
+            SIZE_TEXT[size],
+            opt.disabled && "opacity-40 cursor-not-allowed pointer-events-none",
+            active === opt.value ? "border-primary bg-primary text-primary-foreground" : "border-border hover:border-primary/40 hover:bg-accent/30 text-muted-foreground"
+          ),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+              "input",
+              {
+                type: "radio",
+                name,
+                value: opt.value,
+                checked: active === opt.value,
+                disabled: opt.disabled,
+                onChange: () => select(opt.value),
+                className: "sr-only"
+              }
+            ),
+            opt.icon && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "shrink-0", children: opt.icon }),
+            opt.label
+          ]
+        },
+        opt.value
+      )) });
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: cn("flex gap-3", orientation === "horizontal" ? "flex-row flex-wrap" : "flex-col", className), children: options.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+      "label",
       {
-        type: "button",
-        onClick,
         className: cn(
-          "flex w-full items-center rounded-md text-sm font-medium transition-colors",
-          collapsed ? "justify-center h-9 w-9 mx-auto px-0" : "gap-2 px-3 py-2",
-          active ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:bg-primary/20 hover:text-primary cursor-pointer"
+          "flex items-start gap-3 cursor-pointer",
+          opt.disabled && "opacity-40 cursor-not-allowed pointer-events-none"
         ),
         children: [
-          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 })
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: cn(
+            "mt-0.5 shrink-0 rounded-full border-2 flex items-center justify-center transition-colors",
+            SIZE_RADIO[size],
+            active === opt.value ? "border-primary" : "border-muted-foreground/40"
+          ), children: active === opt.value && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: cn("rounded-full bg-primary", size === "sm" ? "h-1.5 w-1.5" : size === "lg" ? "h-2.5 w-2.5" : "h-2 w-2") }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+            "input",
+            {
+              type: "radio",
+              name,
+              value: opt.value,
+              checked: active === opt.value,
+              disabled: opt.disabled,
+              onChange: () => select(opt.value),
+              className: "sr-only"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: cn("font-medium leading-tight", SIZE_TEXT[size]), children: opt.label }),
+            opt.description && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "text-xs text-muted-foreground mt-0.5", children: opt.description })
+          ] })
         ]
-      }
-    ) });
+      },
+      opt.value
+    )) });
   }
-  function PanelSidebarGroup({
-    title,
-    children
+
+  // src/components/ui/repeater.tsx
+  var import_jsx_runtime40 = __toESM(require_jsx_runtime(), 1);
+  function Repeater({
+    items,
+    onAdd,
+    onRemove,
+    renderItem,
+    addButtonText = "Add Item",
+    className
   }) {
-    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 })
+    return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: cn("space-y-3", className), children: [
+      items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+        "div",
+        {
+          className: "group relative flex items-start gap-3 rounded-xl border border-border bg-card/50 backdrop-blur-sm p-4 shadow-sm transition-all duration-200 hover:border-primary/30 hover:shadow-md hover:shadow-primary/5",
+          style: { animation: "fadeSlideIn 0.2s ease-out" },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "mt-1 cursor-grab text-muted-foreground/30 group-hover:text-muted-foreground/60 transition-colors shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(GripVertical, { className: "h-4 w-4" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "mt-1 flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-primary/10 text-[10px] font-semibold text-primary", children: index + 1 }),
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "flex-1 min-w-0", children: renderItem(item, index) }),
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+              Button,
+              {
+                type: "button",
+                variant: "ghost",
+                size: "sm",
+                className: "mt-0.5 h-7 w-7 shrink-0 opacity-0 group-hover:opacity-100 text-muted-foreground hover:text-danger hover:bg-danger/10 transition-all duration-150 p-0",
+                onClick: () => onRemove(index),
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Trash2, { className: "h-3.5 w-3.5" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "sr-only", children: "Remove item" })
+                ]
+              }
+            )
+          ]
+        },
+        index
+      )),
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+        "button",
+        {
+          type: "button",
+          onClick: onAdd,
+          className: "group flex w-full items-center justify-center gap-2 rounded-xl border border-dashed border-border py-3 text-sm font-medium text-muted-foreground transition-all duration-200 hover:border-primary/50 hover:bg-primary/5 hover:text-primary",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "flex h-5 w-5 items-center justify-center rounded-full bg-muted group-hover:bg-primary/10 transition-colors", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Plus, { className: "h-3 w-3" }) }),
+            addButtonText
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("style", { children: `
+        @keyframes fadeSlideIn {
+          from { opacity: 0; transform: translateY(-6px); }
+          to   { opacity: 1; transform: translateY(0); }
+        }
+      ` })
     ] });
   }
 
   // src/components/ui/resizable-panels.tsx
   var React33 = __toESM(require_react(), 1);
-  var import_jsx_runtime40 = __toESM(require_jsx_runtime(), 1);
+  var import_jsx_runtime41 = __toESM(require_jsx_runtime(), 1);
   function ResizablePanels({
     children,
     orientation = "horizontal",
@@ -13440,7 +13626,7 @@ var CodegoUI = (() => {
         document.removeEventListener("mouseup", onUp);
       };
     }, [dragging, isHorizontal, minSize, maxSize]);
-    return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
       "div",
       {
         ref: containerRef,
@@ -13451,7 +13637,7 @@ var CodegoUI = (() => {
           className
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
             "div",
             {
               className: "overflow-auto",
@@ -13459,7 +13645,7 @@ var CodegoUI = (() => {
               children: children[0]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
             "div",
             {
               onMouseDown,
@@ -13469,13 +13655,13 @@ var CodegoUI = (() => {
                 dragging && (isHorizontal ? "w-1.5 bg-primary/60" : "h-1.5 bg-primary/60"),
                 handleClassName
               ),
-              children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: cn(
+              children: /* @__PURE__ */ (0, import_jsx_runtime41.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_runtime40.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
             "div",
             {
               className: "flex-1 overflow-auto",
@@ -13490,24 +13676,24 @@ var CodegoUI = (() => {
 
   // src/components/ui/rich-text-editor.tsx
   var React34 = __toESM(require_react(), 1);
-  var import_jsx_runtime41 = __toESM(require_jsx_runtime(), 1);
+  var import_jsx_runtime42 = __toESM(require_jsx_runtime(), 1);
   var TOOLBAR = [
-    { 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" },
+    { icon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Undo, { className: "h-3.5 w-3.5" }), command: "undo", title: "Undo" },
+    { icon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Redo, { className: "h-3.5 w-3.5" }), command: "redo", title: "Redo" },
     "divider",
-    { 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" },
+    { icon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Heading2, { className: "h-3.5 w-3.5" }), command: "formatBlock", value: "h2", title: "Heading 2" },
+    { icon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Heading3, { className: "h-3.5 w-3.5" }), command: "formatBlock", value: "h3", title: "Heading 3" },
     "divider",
-    { 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" },
+    { icon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Bold, { className: "h-3.5 w-3.5" }), command: "bold", title: "Bold" },
+    { icon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Italic, { className: "h-3.5 w-3.5" }), command: "italic", title: "Italic" },
+    { icon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Underline, { className: "h-3.5 w-3.5" }), command: "underline", title: "Underline" },
+    { icon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Code, { className: "h-3.5 w-3.5" }), command: "formatBlock", value: "pre", title: "Code block" },
     "divider",
-    { 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" },
+    { icon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(List, { className: "h-3.5 w-3.5" }), command: "insertUnorderedList", title: "Bullet list" },
+    { icon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(ListOrdered, { className: "h-3.5 w-3.5" }), command: "insertOrderedList", title: "Numbered list" },
+    { icon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Quote, { className: "h-3.5 w-3.5" }), command: "formatBlock", value: "blockquote", title: "Quote" },
     "divider",
-    { icon: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Link, { className: "h-3.5 w-3.5" }), command: "createLink", title: "Insert link" }
+    { icon: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Link, { className: "h-3.5 w-3.5" }), command: "createLink", title: "Insert link" }
   ];
   function RichTextEditor({
     value: controlled,
@@ -13556,14 +13742,14 @@ var CodegoUI = (() => {
         return false;
       }
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: cn(
+    return /* @__PURE__ */ (0, import_jsx_runtime42.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_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)(
+      /* @__PURE__ */ (0, import_jsx_runtime42.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_runtime42.jsx)("span", { className: "mx-1 h-4 w-px bg-border" }, i) : /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
           "button",
           {
             type: "button",
@@ -13581,9 +13767,9 @@ var CodegoUI = (() => {
           i
         )
       ) }),
-      /* @__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)(
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "relative", children: [
+        isEmpty && !focused && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { className: "absolute top-3 left-4 text-sm text-muted-foreground pointer-events-none select-none", children: placeholder }),
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
           "div",
           {
             ref: editorRef,
@@ -13610,7 +13796,7 @@ var CodegoUI = (() => {
   }
 
   // src/components/ui/scroll-area.tsx
-  var import_jsx_runtime42 = __toESM(require_jsx_runtime(), 1);
+  var import_jsx_runtime43 = __toESM(require_jsx_runtime(), 1);
   function ScrollArea({
     maxHeight,
     maxWidth,
@@ -13625,7 +13811,7 @@ var CodegoUI = (() => {
       horizontal: "overflow-x-auto overflow-y-hidden",
       both: "overflow-auto"
     }[orientation];
-    return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
       "div",
       {
         className: cn(
@@ -13646,7 +13832,7 @@ var CodegoUI = (() => {
 
   // src/components/ui/section.tsx
   var React35 = __toESM(require_react(), 1);
-  var import_jsx_runtime43 = __toESM(require_jsx_runtime(), 1);
+  var import_jsx_runtime44 = __toESM(require_jsx_runtime(), 1);
   var variantWrap = {
     default: "",
     card: "rounded-xl glass shadow-lg overflow-hidden",
@@ -13679,8 +13865,8 @@ var CodegoUI = (() => {
     contentClassName
   }) {
     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)(
+    return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: cn(variantWrap[variant], className), children: [
+      (title || description || action) && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
         "div",
         {
           className: cn(
@@ -13691,16 +13877,16 @@ var CodegoUI = (() => {
           ),
           onClick: collapsible ? () => setOpen((o) => !o) : void 0,
           children: [
-            /* @__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_runtime44.jsxs)("div", { className: "flex items-start gap-3 min-w-0", children: [
+              icon && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "mt-0.5 shrink-0 text-primary", children: icon }),
+              /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "min-w-0", children: [
+                title && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("h3", { className: "text-base font-semibold leading-tight", children: title }),
+                description && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("p", { className: "mt-0.5 text-sm text-muted-foreground", children: description })
               ] })
             ] }),
-            /* @__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)(
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex shrink-0 items-center gap-2", children: [
+              action && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { onClick: (e) => e.stopPropagation(), children: action }),
+              collapsible && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
                 ChevronDown,
                 {
                   className: cn(
@@ -13713,17 +13899,283 @@ var CodegoUI = (() => {
           ]
         }
       ),
-      (!collapsible || open) && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: cn(variantBody[variant], contentClassName), children })
+      (!collapsible || open) && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: cn(variantBody[variant], contentClassName), children })
+    ] });
+  }
+
+  // src/components/ui/tabs.tsx
+  var React36 = __toESM(require_react(), 1);
+  var import_jsx_runtime45 = __toESM(require_jsx_runtime(), 1);
+  var sizeMap = {
+    sm: "px-3 py-1.5 text-xs",
+    md: "px-4 py-2 text-sm",
+    lg: "px-5 py-2.5 text-base"
+  };
+  var variantTrack = {
+    line: "border-b border-border gap-0",
+    pill: "bg-muted/50 rounded-xl p-1 gap-1",
+    boxed: "border border-border rounded-xl p-1 gap-1",
+    lifted: "gap-0"
+  };
+  function tabClass(variant, size, active, disabled) {
+    const base = cn(
+      "inline-flex items-center gap-2 font-medium transition-all duration-150 select-none whitespace-nowrap",
+      sizeMap[size],
+      disabled && "opacity-40 cursor-not-allowed pointer-events-none"
+    );
+    if (variant === "line") return cn(
+      base,
+      "rounded-none border-b-2 -mb-px",
+      active ? "border-primary text-primary" : "border-transparent text-muted-foreground hover:text-foreground hover:border-border"
+    );
+    if (variant === "pill") return cn(
+      base,
+      "rounded-lg",
+      active ? "bg-primary text-primary-foreground shadow-sm" : "text-muted-foreground hover:text-foreground hover:bg-background/60"
+    );
+    if (variant === "boxed") return cn(
+      base,
+      "rounded-lg",
+      active ? "bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"
+    );
+    if (variant === "lifted") return cn(
+      base,
+      "rounded-t-lg border border-b-0",
+      active ? "border-border bg-background text-foreground -mb-px" : "border-transparent text-muted-foreground hover:text-foreground"
+    );
+    return base;
+  }
+  function Tabs({
+    items,
+    value: controlledValue,
+    defaultValue,
+    onChange,
+    variant = "line",
+    size = "md",
+    fullWidth = false,
+    className
+  }) {
+    const [internal, setInternal] = React36.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_runtime45.jsxs)("div", { className: cn("w-full", className), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: cn("flex", fullWidth && "w-full", variantTrack[variant]), children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+        "button",
+        {
+          type: "button",
+          disabled: item.disabled,
+          onClick: () => select(item.value),
+          className: cn(
+            tabClass(variant, size, active === item.value, !!item.disabled),
+            fullWidth && "flex-1 justify-center"
+          ),
+          children: [
+            item.icon && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "shrink-0", children: item.icon }),
+            item.label,
+            item.badge && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "shrink-0", children: item.badge })
+          ]
+        },
+        item.value
+      )) }),
+      activeItem?.content && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "mt-4", children: activeItem.content })
+    ] });
+  }
+
+  // src/components/ui/settings.tsx
+  var import_jsx_runtime46 = __toESM(require_jsx_runtime(), 1);
+  var FONT_SIZES = [
+    { value: "14px", label: "Small (14px)" },
+    { value: "16px", label: "Medium (16px)" },
+    { value: "18px", label: "Large (18px)" },
+    { value: "20px", label: "Extra Large (20px)" }
+  ];
+  var FONT_FAMILIES = [
+    { value: '"Space Grotesk", "Inter", sans-serif', label: "Space Grotesk" },
+    { value: '"Inter", sans-serif', label: "Inter" },
+    { value: '"JetBrains Mono", monospace', label: "JetBrains Mono" },
+    { value: "system-ui, sans-serif", label: "System UI" }
+  ];
+  var THEME_OPTIONS = [
+    { value: "light", label: "Light" },
+    { value: "dark", label: "Dark" },
+    { value: "system", label: "System" }
+  ];
+  var COLOR_PAIRS = [
+    { base: "primary", hover: "primaryHover", label: "Primary" },
+    { base: "secondary", hover: "secondaryHover", label: "Secondary" },
+    { base: "info", hover: "infoHover", label: "Info" },
+    { base: "warning", hover: "warningHover", label: "Warning" },
+    { base: "danger", hover: "dangerHover", label: "Danger" }
+  ];
+  function SettingRow({ label, description, children }) {
+    return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex items-start justify-between gap-4 py-3 border-b border-border/60 last:border-0", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "text-sm font-medium", children: label }),
+        description && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "text-xs text-muted-foreground mt-0.5", children: description })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "shrink-0", children })
+    ] });
+  }
+  function SectionHeading({ children }) {
+    return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "text-xs font-semibold uppercase tracking-wider text-muted-foreground mb-3 mt-1", children });
+  }
+  function AppearancePanel({ onThemeChange }) {
+    const { theme, setTheme } = useTheme();
+    const handleTheme = (v) => {
+      const t = v;
+      setTheme(t);
+      onThemeChange?.(t);
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(SectionHeading, { children: "Display" }),
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(SettingRow, { label: "Theme", description: "Choose between light, dark, or follow system preference.", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+        Select,
+        {
+          options: THEME_OPTIONS,
+          value: theme,
+          onChange: handleTheme,
+          className: "w-32"
+        }
+      ) })
+    ] });
+  }
+  function ColorsPanel({ onColorsChange }) {
+    const { colors, setColors } = useTheme();
+    const handleColor = (key, value) => {
+      setColors({ [key]: value });
+      onColorsChange?.({ [key]: value });
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(SectionHeading, { children: "Quick Palette" }),
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "grid grid-cols-10 gap-1.5", children: COLOR_PALETTE.map((c) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+          "button",
+          {
+            type: "button",
+            title: c.base,
+            onClick: () => {
+              setColors({ primary: c.base, primaryHover: c.hover });
+              onColorsChange?.({ primary: c.base, primaryHover: c.hover });
+            },
+            className: cn(
+              "h-7 w-full rounded-md border border-white/10 transition-transform hover:scale-110 focus:outline-none focus:ring-2 focus:ring-ring",
+              colors.primary === c.base && "ring-2 ring-ring ring-offset-1"
+            ),
+            style: { backgroundColor: c.base }
+          },
+          c.base
+        )) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(SectionHeading, { children: "Custom Colors" }),
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "space-y-0", children: COLOR_PAIRS.map((pair) => /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "py-3 border-b border-border/60 last:border-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "text-xs font-semibold mb-2", children: pair.label }),
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "grid grid-cols-2 gap-3", children: ["base", "hover"].map((variant) => {
+            const key = variant === "base" ? pair.base : pair.hover;
+            return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+                Input,
+                {
+                  type: "color",
+                  value: colors[key],
+                  onChange: (e) => handleColor(key, e.target.value),
+                  className: "h-7 w-12 cursor-pointer p-0.5 rounded"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "text-[10px] text-muted-foreground capitalize", children: variant }),
+                /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "text-xs font-mono", children: colors[key] })
+              ] })
+            ] }, variant);
+          }) })
+        ] }, pair.base)) })
+      ] })
+    ] });
+  }
+  function TypographyPanel({
+    onFontSizeChange,
+    onFontFamilyChange
+  }) {
+    const { fontSize, setFontSize, fontFamily, setFontFamily } = useTheme();
+    const handleSize = (v) => {
+      setFontSize(v);
+      onFontSizeChange?.(v);
+    };
+    const handleFamily = (v) => {
+      setFontFamily(v);
+      onFontFamilyChange?.(v);
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(SectionHeading, { children: "Font" }),
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(SettingRow, { label: "Font Size", description: "Base font size applied across the UI.", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Select, { options: FONT_SIZES, value: fontSize, onChange: handleSize, className: "w-44" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(SettingRow, { label: "Font Family", description: "Primary typeface used for all text.", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Select, { options: FONT_FAMILIES, value: fontFamily, onChange: handleFamily, className: "w-44" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "pt-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(SectionHeading, { children: "Preview" }),
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
+          "div",
+          {
+            className: "rounded-lg border border-border bg-muted/30 p-4 space-y-1",
+            style: { fontFamily, fontSize },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "font-bold text-foreground", children: "The quick brown fox" }),
+              /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "text-muted-foreground", children: "jumps over the lazy dog. 0123456789" })
+            ]
+          }
+        )
+      ] })
+    ] });
+  }
+  function Settings({
+    defaultTab = "appearance",
+    onThemeChange,
+    onColorsChange,
+    onFontSizeChange,
+    onFontFamilyChange,
+    onReset,
+    className
+  }) {
+    const { resetSettings } = useTheme();
+    const handleReset = () => {
+      resetSettings();
+      onReset?.();
+    };
+    const tabs = [
+      {
+        value: "appearance",
+        label: "Appearance",
+        content: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(AppearancePanel, { onThemeChange })
+      },
+      {
+        value: "colors",
+        label: "Colors",
+        content: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(ColorsPanel, { onColorsChange })
+      },
+      {
+        value: "typography",
+        label: "Typography",
+        content: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(TypographyPanel, { onFontSizeChange, onFontFamilyChange })
+      }
+    ];
+    return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: cn("flex flex-col gap-4", className), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Tabs, { items: tabs, defaultValue: defaultTab, variant: "pill" }),
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "flex justify-end pt-1", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(Button, { variant: "outline", size: "sm", onClick: handleReset, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(RotateCcw, { className: "h-3.5 w-3.5 mr-1.5" }),
+        "Reset to Defaults"
+      ] }) })
     ] });
   }
 
   // src/components/ui/skeleton.tsx
-  var import_jsx_runtime44 = __toESM(require_jsx_runtime(), 1);
+  var import_jsx_runtime47 = __toESM(require_jsx_runtime(), 1);
   function Skeleton({
     className,
     ...props
   }) {
-    return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
       "div",
       {
         className: cn("animate-pulse rounded-md bg-white/5 backdrop-blur-sm", className),
@@ -13732,9 +14184,9 @@ var CodegoUI = (() => {
     );
   }
 
-  // src/components/ui/slider.tsx
-  var React36 = __toESM(require_react(), 1);
-  var import_jsx_runtime45 = __toESM(require_jsx_runtime(), 1);
+  // src/components/ui/slider.tsx
+  var React37 = __toESM(require_react(), 1);
+  var import_jsx_runtime48 = __toESM(require_jsx_runtime(), 1);
   function pct(val, min, max) {
     return (val - min) / (max - min) * 100;
   }
@@ -13753,8 +14205,8 @@ var CodegoUI = (() => {
     showValue = false,
     className
   }) {
-    const [internal, setInternal] = React36.useState(defaultValue);
-    const [hovering, setHovering] = React36.useState(false);
+    const [internal, setInternal] = React37.useState(defaultValue);
+    const [hovering, setHovering] = React37.useState(false);
     const val = controlled ?? internal;
     function handleChange(e) {
       const v = Number(e.target.value);
@@ -13762,20 +14214,20 @@ var CodegoUI = (() => {
       onChange?.(v);
     }
     const p = pct(val, min, max);
-    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 })
+    return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: cn("w-full space-y-2", className), children: [
+      (label || showValue) && /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center justify-between text-sm", children: [
+        label && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "font-medium", children: label }),
+        showValue && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "text-muted-foreground tabular-nums", children: val })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
         "div",
         {
           className: "relative flex items-center h-5",
           onMouseEnter: () => setHovering(true),
           onMouseLeave: () => setHovering(false),
           children: [
-            /* @__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)(
+            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "absolute w-full h-1.5 rounded-full bg-muted overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "h-full rounded-full bg-primary", style: { width: `${p}%` } }) }),
+            showTooltip && hovering && !disabled && /* @__PURE__ */ (0, import_jsx_runtime48.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",
@@ -13783,7 +14235,7 @@ var CodegoUI = (() => {
                 children: val
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
               "input",
               {
                 type: "range",
@@ -13799,7 +14251,7 @@ var CodegoUI = (() => {
                 )
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
               "div",
               {
                 className: cn(
@@ -13812,9 +14264,9 @@ var CodegoUI = (() => {
           ]
         }
       ),
-      (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 })
+      (showMarks || marks) && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "relative w-full flex justify-between px-0", children: (marks ?? [{ value: min }, { value: max }]).map((m) => /* @__PURE__ */ (0, import_jsx_runtime48.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_runtime48.jsx)("span", { className: "h-1 w-0.5 bg-border" }),
+        m.label && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "text-[10px] text-muted-foreground", children: m.label })
       ] }, m.value)) })
     ] });
   }
@@ -13831,8 +14283,8 @@ var CodegoUI = (() => {
     showValue = false,
     className
   }) {
-    const [internal, setInternal] = React36.useState(defaultValue);
-    const [active, setActive] = React36.useState(null);
+    const [internal, setInternal] = React37.useState(defaultValue);
+    const [active, setActive] = React37.useState(null);
     const val = controlled ?? internal;
     function handleChange(idx, e) {
       const v = Number(e.target.value);
@@ -13842,21 +14294,21 @@ var CodegoUI = (() => {
     }
     const p0 = pct(val[0], min, max);
     const p1 = pct(val[1], min, max);
-    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: [
+    return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: cn("w-full space-y-2", className), children: [
+      (label || showValue) && /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center justify-between text-sm", children: [
+        label && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "font-medium", children: label }),
+        showValue && /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("span", { className: "text-muted-foreground tabular-nums", children: [
           val[0],
           " \u2013 ",
           val[1]
         ] })
       ] }),
-      /* @__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}%` } }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "relative flex items-center h-5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "absolute w-full h-1.5 rounded-full bg-muted", children: /* @__PURE__ */ (0, import_jsx_runtime48.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_runtime45.jsxs)(React36.Fragment, { children: [
-            showTooltip && active === idx && !disabled && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(React37.Fragment, { children: [
+            showTooltip && active === idx && !disabled && /* @__PURE__ */ (0, import_jsx_runtime48.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",
@@ -13864,7 +14316,7 @@ var CodegoUI = (() => {
                 children: val[idx]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
               "input",
               {
                 type: "range",
@@ -13880,7 +14332,7 @@ var CodegoUI = (() => {
                 style: { zIndex: idx === 1 ? 2 : 1 }
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
               "div",
               {
                 className: "absolute h-4 w-4 rounded-full border-2 border-primary bg-background shadow-md pointer-events-none",
@@ -13894,7 +14346,7 @@ var CodegoUI = (() => {
   }
 
   // src/components/ui/stat-card.tsx
-  var import_jsx_runtime46 = __toESM(require_jsx_runtime(), 1);
+  var import_jsx_runtime49 = __toESM(require_jsx_runtime(), 1);
   function Sparkline2({ data, trend }) {
     if (data.length < 2) return null;
     const min = Math.min(...data);
@@ -13908,7 +14360,7 @@ var CodegoUI = (() => {
       return `${x},${y}`;
     }).join(" ");
     const color = trend === "up" ? "stroke-success" : trend === "down" ? "stroke-danger" : "stroke-primary";
-    return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("svg", { width: w, height: h, className: "overflow-visible", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("svg", { width: w, height: h, className: "overflow-visible", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
       "polyline",
       {
         points: pts,
@@ -13936,37 +14388,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_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_runtime49.jsxs)("div", { className: cn("rounded-xl glass p-5 space-y-3 animate-pulse", className), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "h-3 w-24 rounded bg-muted" }),
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "h-7 w-32 rounded bg-muted" }),
+        /* @__PURE__ */ (0, import_jsx_runtime49.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", 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 })
+    return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: cn("rounded-xl glass p-5 space-y-3", className), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-start justify-between gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", { className: "text-sm text-muted-foreground font-medium", children: title }),
+        icon && /* @__PURE__ */ (0, import_jsx_runtime49.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_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_runtime49.jsxs)("div", { className: "flex items-end justify-between gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", { className: "text-3xl font-bold tracking-tight", children: value }),
+        sparkline && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Sparkline2, { data: sparkline, trend: autoTrend })
       ] }),
-      /* @__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" }),
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-center gap-1.5", children: [
+        change !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("span", { className: cn("flex items-center gap-0.5 text-xs font-semibold", trendColor), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(TrendIcon, { className: "h-3.5 w-3.5" }),
           change > 0 ? "+" : "",
           change,
           "%"
         ] }),
-        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 })
+        changeLabel && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "text-xs text-muted-foreground", children: changeLabel }),
+        description && !changeLabel && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "text-xs text-muted-foreground", children: description })
       ] })
     ] });
   }
 
   // src/components/ui/stepper.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_runtime50 = __toESM(require_jsx_runtime(), 1);
   function getStatus(idx, current) {
     if (idx < current) return "complete";
     if (idx === current) return "current";
@@ -13987,7 +14439,7 @@ var CodegoUI = (() => {
     clickable = false,
     className
   }) {
-    const [internal, setInternal] = React37.useState(defaultCurrent);
+    const [internal, setInternal] = React38.useState(defaultCurrent);
     const current = controlled ?? internal;
     function go(idx) {
       if (!clickable) return;
@@ -13995,20 +14447,20 @@ var CodegoUI = (() => {
       onChange?.(idx);
     }
     const isHorizontal = orientation === "horizontal";
-    return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: cn("w-full", className), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: cn(
+    return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: cn("w-full", className), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime50.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_runtime47.jsx)(React37.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: cn(
+        return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(React38.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: cn(
           "flex",
           isHorizontal ? "flex-col items-center flex-1" : "flex-row gap-4"
         ), children: [
-          /* @__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)(
+          /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: cn("flex items-center", isHorizontal ? "w-full" : "flex-col"), children: [
+            isHorizontal && i > 0 && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: cn("flex-1 h-0.5 transition-colors", i <= current ? "bg-primary" : "bg-border") }),
+            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
               "button",
               {
                 type: "button",
@@ -14020,34 +14472,34 @@ var CodegoUI = (() => {
                   clickable && "cursor-pointer hover:scale-110",
                   !clickable && "cursor-default"
                 ),
-                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 })
+                children: status === "complete" ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Check, { className: "h-4 w-4" }) : status === "error" ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(X, { className: "h-4 w-4" }) : step.icon ?? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { children: i + 1 })
               }
             ),
-            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") })
+            isHorizontal && !isLast && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: cn("flex-1 h-0.5 transition-colors", i < current ? "bg-primary" : "bg-border") }),
+            !isHorizontal && !isLast && /* @__PURE__ */ (0, import_jsx_runtime50.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_runtime47.jsxs)("div", { className: cn(
+          /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: cn(
             isHorizontal ? "mt-2 text-center px-1" : "pb-6 min-w-0"
           ), children: [
-            /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("p", { className: cn(
+            /* @__PURE__ */ (0, import_jsx_runtime50.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_runtime47.jsx)("span", { className: "ml-1 text-xs text-muted-foreground", children: "(optional)" })
+              step.optional && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "ml-1 text-xs text-muted-foreground", children: "(optional)" })
             ] }),
-            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 })
+            step.description && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: "text-xs text-muted-foreground mt-0.5", children: step.description }),
+            !isHorizontal && step.content && i === current && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "mt-3", children: step.content })
           ] })
         ] }) }, i);
       }) }),
-      isHorizontal && steps[current]?.content && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "mt-6", children: steps[current].content })
+      isHorizontal && steps[current]?.content && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "mt-6", children: steps[current].content })
     ] });
   }
 
   // src/components/ui/table.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_runtime51 = __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",
@@ -14070,11 +14522,11 @@ var CodegoUI = (() => {
     idKey = "id",
     className
   }) {
-    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 [search, setSearch] = React39.useState("");
+    const [currentPage, setCurrentPage] = React39.useState(1);
+    const [selectedIds, setSelectedIds] = React39.useState([]);
+    const [sortKey, setSortKey] = React39.useState(null);
+    const [sortDir, setSortDir] = React39.useState(null);
     const handleSort = (key) => {
       if (sortKey !== key) {
         setSortKey(key);
@@ -14088,7 +14540,7 @@ var CodegoUI = (() => {
       setSortKey(null);
       setSortDir(null);
     };
-    const filteredData = React38.useMemo(() => {
+    const filteredData = React39.useMemo(() => {
       let d = search ? data.filter(
         (item) => Object.values(item).some(
           (val) => val && typeof val === "string" && val.toLowerCase().includes(search.toLowerCase())
@@ -14106,18 +14558,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 = React38.useMemo(() => {
+    const paginatedData = React39.useMemo(() => {
       if (!pagination) return filteredData;
       const start = (safePage - 1) * itemsPerPage;
       return filteredData.slice(start, start + itemsPerPage);
     }, [filteredData, pagination, safePage, itemsPerPage]);
-    React38.useEffect(() => {
+    React39.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 = React38.useMemo(() => {
+    const pagePills = React39.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];
@@ -14125,14 +14577,14 @@ var CodegoUI = (() => {
     }, [totalPages, safePage]);
     const SortIcon = ({ col }) => {
       if (!col.sortable) return null;
-      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" });
+      if (sortKey !== String(col.key)) return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(ChevronsUpDown, { className: "ml-1.5 h-3.5 w-3.5 opacity-40" });
+      return sortDir === "asc" ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(ChevronUp, { className: "ml-1.5 h-3.5 w-3.5 text-primary" }) : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(ChevronDown, { className: "ml-1.5 h-3.5 w-3.5 text-primary" });
     };
-    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)(
+    return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: cn("w-full space-y-3", className), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex items-center justify-between gap-3 flex-wrap", children: [
+        searchable && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "relative w-72", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime51.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_runtime51.jsx)(
             "input",
             {
               placeholder: searchPlaceholder,
@@ -14141,17 +14593,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_runtime48.jsx)(
+          search && /* @__PURE__ */ (0, import_jsx_runtime51.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_runtime48.jsx)(X, { className: "h-3.5 w-3.5" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(X, { className: "h-3.5 w-3.5" })
             }
           )
         ] }),
-        /* @__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)(
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex items-center gap-2 ml-auto", children: [
+          selectable && onBulkDelete && selectedIds.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
             "button",
             {
               onClick: () => {
@@ -14160,14 +14612,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_runtime48.jsx)(Trash2, { className: "h-3.5 w-3.5" }),
+                /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Trash2, { className: "h-3.5 w-3.5" }),
                 "Delete ",
                 selectedIds.length,
                 " selected"
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("span", { className: "text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("span", { className: "text-xs text-muted-foreground", children: [
             filteredData.length,
             " ",
             filteredData.length === 1 ? "row" : "rows",
@@ -14175,16 +14627,16 @@ var CodegoUI = (() => {
           ] })
         ] })
       ] }),
-      /* @__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)(
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "rounded-xl border border-border overflow-hidden bg-card/50 backdrop-blur-sm shadow-sm", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "w-full overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("table", { className: "w-full caption-bottom text-sm", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("tr", { className: "border-b border-border bg-muted/40", children: [
+          selectable && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("th", { className: "h-11 w-[46px] px-4 text-left align-middle", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
             Checkbox,
             {
               checked: allSelected,
               onChange: (e) => handleSelectAll(e.target.checked)
             }
           ) }),
-          columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+          columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
             "th",
             {
               onClick: () => col.sortable && handleSort(String(col.key)),
@@ -14192,29 +14644,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_runtime48.jsxs)("span", { className: "inline-flex items-center", children: [
+              children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("span", { className: "inline-flex items-center", children: [
                 col.title,
-                /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(SortIcon, { col })
+                /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(SortIcon, { col })
               ] })
             },
             String(col.key)
           ))
         ] }) }),
-        /* @__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)(
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("tbody", { children: paginatedData.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
           "td",
           {
             colSpan: columns.length + (selectable ? 1 : 0),
             className: "h-32 text-center align-middle",
-            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" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex flex-col items-center gap-1 text-muted-foreground", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Search, { className: "h-8 w-8 opacity-20" }),
+              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "text-sm", children: "No results found" }),
+              search && /* @__PURE__ */ (0, import_jsx_runtime51.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_runtime48.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
             "tr",
             {
               className: cn(
@@ -14222,38 +14674,38 @@ var CodegoUI = (() => {
                 isSelected ? "bg-primary/5 hover:bg-primary/8" : "hover:bg-muted/30"
               ),
               children: [
-                selectable && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("td", { className: "px-4 py-3 align-middle", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+                selectable && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("td", { className: "px-4 py-3 align-middle", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
                   Checkbox,
                   {
                     checked: isSelected,
                     onChange: (e) => handleSelect(id, e.target.checked)
                   }
                 ) }),
-                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)(
+                columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("td", { className: "px-4 py-3 align-middle", children: col.render ? col.render(item) : col.type === "image" ? /* @__PURE__ */ (0, import_jsx_runtime51.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_runtime48.jsxs)("span", { className: cn(
+                ) : col.type === "badge" ? /* @__PURE__ */ (0, import_jsx_runtime51.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_runtime48.jsx)("span", { className: cn(
+                  /* @__PURE__ */ (0, import_jsx_runtime51.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_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)(
+                ] }) : col.type === "stack" ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(AvatarStack, { images: Array.isArray(item[col.key]) ? item[col.key] : [], ...col.stackProps ?? {} }) : col.type === "icon" ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "flex items-center", children: item[col.key] }) : col.type === "select" ? /* @__PURE__ */ (0, import_jsx_runtime51.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_runtime48.jsx)("option", { value: opt, children: opt }, opt))
+                    children: (col.selectOptions ?? []).map((opt) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("option", { value: opt, children: opt }, opt))
                   }
-                ) : col.type === "toggle" ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+                ) : col.type === "toggle" ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
                   "button",
                   {
                     role: "switch",
@@ -14263,13 +14715,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_runtime48.jsx)("span", { className: cn(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime51.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_runtime48.jsxs)("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+                ) : col.type === "color" ? /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
                     "input",
                     {
                       type: "color",
@@ -14278,22 +14730,22 @@ var CodegoUI = (() => {
                       className: "h-7 w-7 cursor-pointer rounded border border-border bg-transparent p-0.5"
                     }
                   ),
-                  /* @__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)(
+                  /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "text-xs text-muted-foreground font-mono", children: item[col.key] })
+                ] }) : col.type === "checkbox" ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
                   Checkbox,
                   {
                     checked: !!item[col.key],
                     onChange: (e) => col.onChange?.(item, e.target.checked)
                   }
-                ) : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "text-foreground/90", children: item[col.key] }) }, String(col.key)))
+                ) : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "text-foreground/90", children: item[col.key] }) }, String(col.key)))
               ]
             },
             id
           );
         }) })
       ] }) }) }),
-      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: [
+      pagination && totalPages > 1 && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex items-center justify-between gap-2 flex-wrap", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("span", { className: "text-xs text-muted-foreground", children: [
           "Showing ",
           (safePage - 1) * itemsPerPage + 1,
           "\u2013",
@@ -14301,21 +14753,21 @@ var CodegoUI = (() => {
           " of ",
           filteredData.length
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime51.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_runtime48.jsx)(ChevronLeft, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(ChevronLeft, { className: "h-4 w-4" })
             }
           ),
-          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[0] > 1 && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime51.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_runtime51.jsx)("span", { className: "px-1 text-muted-foreground text-xs", children: "\u2026" })
           ] }),
-          pagePills.map((p) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+          pagePills.map((p) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
             "button",
             {
               onClick: () => setCurrentPage(p),
@@ -14327,17 +14779,17 @@ var CodegoUI = (() => {
             },
             p
           )),
-          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 })
+          pagePills[pagePills.length - 1] < totalPages && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
+            pagePills[pagePills.length - 1] < totalPages - 1 && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "px-1 text-muted-foreground text-xs", children: "\u2026" }),
+            /* @__PURE__ */ (0, import_jsx_runtime51.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_runtime48.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime51.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_runtime48.jsx)(ChevronRight, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(ChevronRight, { className: "h-4 w-4" })
             }
           )
         ] })
@@ -14345,91 +14797,9 @@ var CodegoUI = (() => {
     ] });
   }
 
-  // src/components/ui/tabs.tsx
-  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",
-    lg: "px-5 py-2.5 text-base"
-  };
-  var variantTrack = {
-    line: "border-b border-border gap-0",
-    pill: "bg-muted/50 rounded-xl p-1 gap-1",
-    boxed: "border border-border rounded-xl p-1 gap-1",
-    lifted: "gap-0"
-  };
-  function tabClass(variant, size, active, disabled) {
-    const base = cn(
-      "inline-flex items-center gap-2 font-medium transition-all duration-150 select-none whitespace-nowrap",
-      sizeMap[size],
-      disabled && "opacity-40 cursor-not-allowed pointer-events-none"
-    );
-    if (variant === "line") return cn(
-      base,
-      "rounded-none border-b-2 -mb-px",
-      active ? "border-primary text-primary" : "border-transparent text-muted-foreground hover:text-foreground hover:border-border"
-    );
-    if (variant === "pill") return cn(
-      base,
-      "rounded-lg",
-      active ? "bg-primary text-primary-foreground shadow-sm" : "text-muted-foreground hover:text-foreground hover:bg-background/60"
-    );
-    if (variant === "boxed") return cn(
-      base,
-      "rounded-lg",
-      active ? "bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"
-    );
-    if (variant === "lifted") return cn(
-      base,
-      "rounded-t-lg border border-b-0",
-      active ? "border-border bg-background text-foreground -mb-px" : "border-transparent text-muted-foreground hover:text-foreground"
-    );
-    return base;
-  }
-  function Tabs({
-    items,
-    value: controlledValue,
-    defaultValue,
-    onChange,
-    variant = "line",
-    size = "md",
-    fullWidth = false,
-    className
-  }) {
-    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_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",
-          disabled: item.disabled,
-          onClick: () => select(item.value),
-          className: cn(
-            tabClass(variant, size, active === item.value, !!item.disabled),
-            fullWidth && "flex-1 justify-center"
-          ),
-          children: [
-            item.icon && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "shrink-0", children: item.icon }),
-            item.label,
-            item.badge && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "shrink-0", children: item.badge })
-          ]
-        },
-        item.value
-      )) }),
-      activeItem?.content && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "mt-4", children: activeItem.content })
-    ] });
-  }
-
   // src/components/ui/tag-input.tsx
   var React40 = __toESM(require_react(), 1);
-  var import_jsx_runtime50 = __toESM(require_jsx_runtime(), 1);
+  var import_jsx_runtime52 = __toESM(require_jsx_runtime(), 1);
   function TagInput({
     value: controlled,
     defaultValue = [],
@@ -14467,7 +14837,7 @@ var CodegoUI = (() => {
         removeTag(tags.length - 1);
       }
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
       "div",
       {
         className: cn(
@@ -14478,8 +14848,8 @@ var CodegoUI = (() => {
         ),
         onClick: () => inputRef.current?.focus(),
         children: [
-          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)(
+          tags.map((tag, i) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Badge, { variant: "default", size: "sm", removable: true, onRemove: () => removeTag(i), children: tag }, i)),
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
             "input",
             {
               ref: inputRef,
@@ -14498,7 +14868,7 @@ var CodegoUI = (() => {
   }
 
   // src/components/ui/timeline.tsx
-  var import_jsx_runtime51 = __toESM(require_jsx_runtime(), 1);
+  var import_jsx_runtime53 = __toESM(require_jsx_runtime(), 1);
   var DOT_COLOR = {
     default: "bg-primary border-primary/30",
     success: "bg-success border-success/30",
@@ -14514,32 +14884,32 @@ var CodegoUI = (() => {
     info: "text-info"
   };
   var DEFAULT_ICON = {
-    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" })
+    default: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Circle, { className: "h-3 w-3" }),
+    success: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(CircleCheckBig, { className: "h-3.5 w-3.5" }),
+    error: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(CircleX, { className: "h-3.5 w-3.5" }),
+    warning: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(TriangleAlert, { className: "h-3.5 w-3.5" }),
+    info: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Info, { className: "h-3.5 w-3.5" })
   };
   function Timeline({ items, align = "left", className }) {
-    return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: cn("relative", className), children: items.map((item, i) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime53.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_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(
+      return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: cn("relative flex gap-4", align === "alternate" && "justify-center", isRight && "flex-row-reverse"), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex flex-col items-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime53.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_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" })
+          ), children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: cn("shrink-0", item.icon ? ICON_COLOR[variant] : "text-white"), children: item.icon ?? DEFAULT_ICON[variant] }) }),
+          !isLast && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "w-0.5 flex-1 bg-border mt-1 mb-1 min-h-4" })
         ] }),
-        /* @__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 })
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: cn("flex-1 pb-6 min-w-0", isRight && "text-right"), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: cn("flex items-start justify-between gap-2", isRight && "flex-row-reverse"), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "text-sm font-semibold leading-tight", children: item.title }),
+            item.time && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "shrink-0 text-xs text-muted-foreground whitespace-nowrap", children: item.time })
           ] }),
-          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.description && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "mt-0.5 text-xs text-muted-foreground leading-snug", children: item.description }),
+          item.content && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "mt-2", children: item.content })
         ] })
       ] }, item.id ?? i);
     }) });
@@ -14547,7 +14917,7 @@ var CodegoUI = (() => {
 
   // src/components/ui/toggle-switch.tsx
   var React41 = __toESM(require_react(), 1);
-  var import_jsx_runtime52 = __toESM(require_jsx_runtime(), 1);
+  var import_jsx_runtime54 = __toESM(require_jsx_runtime(), 1);
   var ToggleSwitch = React41.forwardRef(
     ({
       className,
@@ -14578,13 +14948,13 @@ var CodegoUI = (() => {
         if (!isControlled) setInternalChecked(e.target.checked);
         onChange?.(e);
       };
-      const toggle = /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
+      const toggle = /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
         "label",
         {
           htmlFor: toggleId,
           className: cn("relative inline-flex items-center cursor-pointer", disabled && "opacity-50 cursor-not-allowed"),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
               "input",
               {
                 type: "checkbox",
@@ -14597,7 +14967,7 @@ var CodegoUI = (() => {
                 ...props
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
               "div",
               {
                 className: cn(
@@ -14610,7 +14980,7 @@ var CodegoUI = (() => {
                   height: trackH,
                   ...stateColor ? { backgroundColor: stateColor } : {}
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime54.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`,
@@ -14628,9 +14998,9 @@ var CodegoUI = (() => {
         }
       );
       if (inline && label) {
-        return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "inline-flex items-center gap-2 select-none", children: [
+        return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "inline-flex items-center gap-2 select-none", children: [
           toggle,
-          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("label", { htmlFor: toggleId, className: cn("text-sm cursor-pointer", disabled && "opacity-50 cursor-not-allowed"), children: label })
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("label", { htmlFor: toggleId, className: cn("text-sm cursor-pointer", disabled && "opacity-50 cursor-not-allowed"), children: label })
         ] });
       }
       return toggle;
@@ -14640,14 +15010,14 @@ var CodegoUI = (() => {
 
   // src/components/ui/tree-view.tsx
   var React42 = __toESM(require_react(), 1);
-  var import_jsx_runtime53 = __toESM(require_jsx_runtime(), 1);
+  var import_jsx_runtime55 = __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_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)(
+    const defaultIcon = hasChildren ? isExpanded ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(FolderOpen, { className: "h-4 w-4 text-warning" }) : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Folder, { className: "h-4 w-4 text-warning" }) : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(File, { className: "h-4 w-4 text-muted-foreground" });
+    return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
         "div",
         {
           className: cn(
@@ -14661,13 +15031,13 @@ var CodegoUI = (() => {
             onSelect(node.id);
           },
           children: [
-            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 ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(ChevronRight, { className: cn("h-3.5 w-3.5 shrink-0 text-muted-foreground transition-transform", isExpanded && "rotate-90") }) : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "w-3.5 shrink-0" }),
+            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "shrink-0", children: node.icon ?? defaultIcon }),
+            /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "truncate", children: node.label })
           ]
         }
       ),
-      hasChildren && isExpanded && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { children: node.children.map((child) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+      hasChildren && isExpanded && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { children: node.children.map((child) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
         TreeNodeItem,
         {
           node: child,
@@ -14708,7 +15078,7 @@ var CodegoUI = (() => {
     function toggleExpand(id) {
       setExpanded((prev) => prev.includes(id) ? prev.filter((v) => v !== id) : [...prev, id]);
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: cn("w-full", className), children: nodes.map((node) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: cn("w-full", className), children: nodes.map((node) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
       TreeNodeItem,
       {
         node,
@@ -14725,7 +15095,7 @@ var CodegoUI = (() => {
 
   // src/components/ui/widget.tsx
   var React43 = __toESM(require_react(), 1);
-  var import_jsx_runtime54 = __toESM(require_jsx_runtime(), 1);
+  var import_jsx_runtime56 = __toESM(require_jsx_runtime(), 1);
   var iconColorMap = {
     primary: "bg-primary/10 text-primary",
     info: "bg-info/10 text-info",
@@ -14797,7 +15167,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_runtime54.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
       Card,
       {
         className: cn(
@@ -14808,27 +15178,27 @@ var CodegoUI = (() => {
         ),
         onClick,
         ...props,
-        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 })
+        children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(CardContent, { className: s.card, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex items-start justify-between gap-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "min-w-0 flex-1 space-y-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: "text-sm font-medium text-muted-foreground truncate", children: title }),
+                badge && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "shrink-0", children: badge })
               ] }),
-              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 })
+              loading ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "h-8 w-24 animate-pulse rounded-md bg-muted" }) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: cn("font-bold tabular-nums", s.value), children: displayValue }),
+              description && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: "text-xs text-muted-foreground", children: description })
             ] }),
-            icon && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: cn(
+            icon && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: cn(
               "relative flex shrink-0 items-center justify-center rounded-full",
               s.icon,
               iconColorMap[iconColor]
             ), children: [
-              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 })
+              pulse && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "absolute inset-0 rounded-full animate-ping opacity-30 bg-current" }),
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: s.iconSize, children: icon })
             ] })
           ] }),
-          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(
+          trendValue && !loading && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "mt-3 flex items-center gap-1.5 text-sm", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("span", { className: cn(
               "font-medium",
               trend === "up" && "text-success",
               trend === "down" && "text-danger",
@@ -14838,21 +15208,21 @@ var CodegoUI = (() => {
               trend === "down" && "\u2193 ",
               trendValue
             ] }),
-            previousValue !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { className: "text-muted-foreground", children: [
+            previousValue !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("span", { className: "text-muted-foreground", children: [
               "vs ",
               previousValue
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "text-muted-foreground", children: trendLabel })
+            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "text-muted-foreground", children: trendLabel })
           ] }),
-          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: [
+          progress !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "mt-4 space-y-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex justify-between text-xs text-muted-foreground", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { children: "Progress" }),
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("span", { children: [
                 Math.min(100, Math.max(0, progress)),
                 "%"
               ] })
             ] }),
-            /* @__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)(
+            /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "h-1.5 w-full rounded-full bg-muted overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
               "div",
               {
                 className: cn("h-full rounded-full transition-all duration-700", progressColorMap[progressColor]),
@@ -14860,10 +15230,460 @@ var CodegoUI = (() => {
               }
             ) })
           ] }),
-          footer && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "mt-4 border-t pt-3 text-sm text-muted-foreground", children: footer })
+          footer && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "mt-4 border-t pt-3 text-sm text-muted-foreground", children: footer })
+        ] })
+      }
+    );
+  }
+
+  // src/components/ui/wizard.tsx
+  var React44 = __toESM(require_react(), 1);
+  var import_jsx_runtime57 = __toESM(require_jsx_runtime(), 1);
+  var SIZE_MAP = {
+    sm: "max-w-sm",
+    md: "max-w-lg",
+    lg: "max-w-2xl",
+    xl: "max-w-4xl",
+    full: "max-w-full"
+  };
+  function stepStatus(idx, current) {
+    if (idx < current) return "complete";
+    if (idx === current) return "current";
+    return "upcoming";
+  }
+  function HeaderDefault({
+    steps,
+    current,
+    clickable,
+    onGo
+  }) {
+    return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "flex items-start w-full", children: steps.map((step, i) => {
+      const status = stepStatus(i, current);
+      const isLast = i === steps.length - 1;
+      return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(React44.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex flex-col items-center flex-1 min-w-0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex items-center w-full", children: [
+          i > 0 && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: cn("flex-1 h-0.5 transition-colors", i <= current ? "bg-primary" : "bg-border") }),
+          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+            "button",
+            {
+              type: "button",
+              disabled: !clickable || status === "upcoming",
+              onClick: () => clickable && status !== "upcoming" && onGo(i),
+              className: cn(
+                "flex h-8 w-8 shrink-0 items-center justify-center rounded-full border-2 text-xs font-semibold transition-all",
+                status === "complete" && "bg-primary border-primary text-primary-foreground",
+                status === "current" && "bg-background border-primary text-primary ring-4 ring-primary/20",
+                status === "upcoming" && "bg-background border-border text-muted-foreground",
+                clickable && status !== "upcoming" && "cursor-pointer hover:scale-110"
+              ),
+              children: status === "complete" ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Check, { className: "h-3.5 w-3.5" }) : step.icon ?? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { children: i + 1 })
+            }
+          ),
+          !isLast && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: cn("flex-1 h-0.5 transition-colors", i < current ? "bg-primary" : "bg-border") })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "mt-2 text-center px-1 max-w-[80px]", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { className: cn(
+            "text-xs font-medium leading-tight truncate",
+            status === "current" ? "text-primary" : status === "complete" ? "text-foreground" : "text-muted-foreground"
+          ), children: step.title }),
+          step.optional && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "text-[10px] text-muted-foreground", children: "(optional)" })
+        ] })
+      ] }) }, i);
+    }) });
+  }
+  function HeaderDots({ steps, current, clickable, onGo }) {
+    return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex flex-col items-center gap-3 w-full", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "flex items-center gap-2", children: steps.map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+        "button",
+        {
+          type: "button",
+          disabled: !clickable || i > current,
+          onClick: () => clickable && i <= current && onGo(i),
+          className: cn(
+            "rounded-full transition-all duration-200",
+            i === current ? "w-6 h-2.5 bg-primary" : i < current ? "w-2.5 h-2.5 bg-primary/60 hover:bg-primary cursor-pointer" : "w-2.5 h-2.5 bg-border"
+          )
+        },
+        i
+      )) }),
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "text-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { className: "text-sm font-semibold", children: steps[current]?.title }),
+        steps[current]?.description && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { className: "text-xs text-muted-foreground mt-0.5", children: steps[current].description })
+      ] })
+    ] });
+  }
+  function HeaderMinimal({ steps, current }) {
+    return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex items-center justify-between w-full", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { className: "text-base font-semibold", children: steps[current]?.title }),
+        steps[current]?.description && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { className: "text-xs text-muted-foreground mt-0.5", children: steps[current].description })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("span", { className: "text-xs font-medium text-muted-foreground shrink-0 ml-4", children: [
+        "Step ",
+        current + 1,
+        " of ",
+        steps.length
+      ] })
+    ] });
+  }
+  function HeaderCards({ steps, current, clickable, onGo }) {
+    return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "flex gap-2 flex-wrap", children: steps.map((step, i) => {
+      const status = stepStatus(i, current);
+      return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+        "button",
+        {
+          type: "button",
+          disabled: !clickable || status === "upcoming",
+          onClick: () => clickable && status !== "upcoming" && onGo(i),
+          className: cn(
+            "flex items-center gap-1.5 rounded-full px-3 py-1.5 text-xs font-medium border transition-all",
+            status === "complete" && "bg-primary/10 border-primary/30 text-primary cursor-pointer",
+            status === "current" && "bg-primary border-primary text-primary-foreground shadow-sm",
+            status === "upcoming" && "bg-muted/40 border-border text-muted-foreground",
+            clickable && status !== "upcoming" && "hover:scale-105"
+          ),
+          children: [
+            status === "complete" ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Check, { className: "h-3 w-3" }) : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { children: i + 1 }),
+            step.title,
+            step.optional && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "opacity-60", children: "(opt)" })
+          ]
+        },
+        i
+      );
+    }) });
+  }
+  function SidebarNav({ steps, current, clickable, onGo }) {
+    return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("nav", { className: "flex flex-col gap-0.5 w-48 shrink-0 border-r border-border pr-4 py-1", children: steps.map((step, i) => {
+      const status = stepStatus(i, current);
+      return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+        "button",
+        {
+          type: "button",
+          disabled: !clickable || status === "upcoming",
+          onClick: () => clickable && status !== "upcoming" && onGo(i),
+          className: cn(
+            "flex items-center gap-2.5 rounded-lg px-3 py-2.5 text-sm text-left transition-colors w-full",
+            status === "current" && "bg-primary text-primary-foreground",
+            status === "complete" && "text-foreground hover:bg-muted/60 cursor-pointer",
+            status === "upcoming" && "text-muted-foreground"
+          ),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: cn(
+              "flex h-5 w-5 shrink-0 items-center justify-center rounded-full text-[10px] font-bold border",
+              status === "complete" && "bg-primary/20 border-primary/40 text-primary",
+              status === "current" && "bg-primary-foreground/20 border-primary-foreground/40 text-primary-foreground",
+              status === "upcoming" && "bg-muted border-border text-muted-foreground"
+            ), children: status === "complete" ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Check, { className: "h-3 w-3" }) : i + 1 }),
+            /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("span", { className: "min-w-0", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "block truncate font-medium", children: step.title }),
+              step.optional && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "text-[10px] opacity-60", children: "Optional" })
+            ] })
+          ]
+        },
+        i
+      );
+    }) });
+  }
+  function ProgressBar({ current, total }) {
+    const pct2 = Math.round(current / (total - 1) * 100);
+    return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "w-full h-1 bg-border rounded-full overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+      "div",
+      {
+        className: "h-full bg-primary transition-all duration-300 rounded-full",
+        style: { width: `${pct2}%` }
+      }
+    ) });
+  }
+  function DefaultActions({
+    step,
+    total,
+    onBack,
+    onNext,
+    onClose,
+    isLast,
+    isFirst,
+    backLabel,
+    nextLabel,
+    finishLabel,
+    cancelLabel,
+    showCancel,
+    showBackOnFirst,
+    loading
+  }) {
+    const showBack = !isFirst || showBackOnFirst;
+    return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex items-center justify-between gap-2 w-full", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "flex items-center gap-2", children: showCancel && onClose && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+        "button",
+        {
+          type: "button",
+          onClick: onClose,
+          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: cancelLabel ?? "Cancel"
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex items-center gap-2", children: [
+        showBack && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+          "button",
+          {
+            type: "button",
+            onClick: onBack,
+            disabled: isFirst,
+            className: "inline-flex items-center gap-1.5 rounded-md border border-border bg-background px-4 py-2 text-sm font-medium text-foreground hover:bg-accent transition-colors disabled:opacity-40 disabled:pointer-events-none",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(ChevronLeft, { className: "h-4 w-4" }),
+              backLabel ?? "Back"
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+          "button",
+          {
+            type: "button",
+            onClick: onNext,
+            disabled: loading,
+            className: "inline-flex items-center gap-1.5 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary-hover transition-colors disabled:opacity-60 disabled:pointer-events-none",
+            children: loading ? /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("span", { className: "flex items-center gap-1.5", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("svg", { className: "animate-spin h-3.5 w-3.5", viewBox: "0 0 24 24", fill: "none", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
+                /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8v8z" })
+              ] }),
+              "Processing..."
+            ] }) : isLast ? /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Check, { className: "h-4 w-4" }),
+              finishLabel ?? "Finish"
+            ] }) : /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
+              nextLabel ?? "Next",
+              /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(ChevronRight, { className: "h-4 w-4" })
+            ] })
+          }
+        )
+      ] })
+    ] });
+  }
+  function WizardPanel({
+    steps,
+    current,
+    onGo,
+    variant,
+    size,
+    title,
+    description,
+    hideHeader,
+    footer,
+    renderActions,
+    backLabel,
+    nextLabel,
+    finishLabel,
+    cancelLabel,
+    showCancel,
+    showBackOnFirst,
+    loading,
+    clickableSteps,
+    onBack,
+    onNext,
+    onClose,
+    className,
+    contentClassName
+  }) {
+    const isFirst = current === 0;
+    const isLast = current === steps.length - 1;
+    const isSidebar = variant === "sidebar";
+    const [validationError, setValidationError] = React44.useState(null);
+    const handleNext = () => {
+      const validate = steps[current]?.validate;
+      if (validate) {
+        const result = validate();
+        if (result === false) {
+          setValidationError("Please complete this step before continuing.");
+          return;
+        }
+        if (typeof result === "string") {
+          setValidationError(result);
+          return;
+        }
+      }
+      setValidationError(null);
+      onNext();
+    };
+    const actionProps = {
+      step: current,
+      total: steps.length,
+      onBack,
+      onNext: handleNext,
+      onClose,
+      isFirst,
+      isLast,
+      loading
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: cn(
+      "flex flex-col w-full",
+      size && !isSidebar && SIZE_MAP[size ?? "md"],
+      className
+    ), children: [
+      !hideHeader && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: cn(
+        "shrink-0 px-6 pt-5 pb-4",
+        variant !== "sidebar" && "border-b border-border"
+      ), children: [
+        (title || description) && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "mb-4", children: [
+          title && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("h2", { className: "text-lg font-semibold", children: title }),
+          description && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { className: "text-sm text-muted-foreground mt-0.5", children: description })
+        ] }),
+        variant === "default" && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(HeaderDefault, { steps, current, clickable: !!clickableSteps, onGo }),
+        variant === "dots" && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(HeaderDots, { steps, current, clickable: !!clickableSteps, onGo }),
+        variant === "minimal" && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(HeaderMinimal, { steps, current }),
+        variant === "cards" && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(HeaderCards, { steps, current, clickable: !!clickableSteps, onGo }),
+        (variant === "default" || variant === "minimal") && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "mt-3", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(ProgressBar, { current, total: steps.length }) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: cn("flex flex-1 min-h-0", isSidebar && "gap-6 px-6 py-5"), children: [
+        isSidebar && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(SidebarNav, { steps, current, clickable: !!clickableSteps, onGo }),
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: cn(
+          "flex-1 min-w-0",
+          !isSidebar && "px-6 py-5",
+          contentClassName
+        ), children: [
+          validationError && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex items-center gap-2 rounded-lg border border-danger/30 bg-danger/10 px-3 py-2 text-sm text-danger mb-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(CircleAlert, { className: "h-4 w-4 shrink-0" }),
+            validationError
+          ] }),
+          steps[current]?.content
         ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "shrink-0 border-t border-border px-6 py-4", children: footer ?? (renderActions ? renderActions(actionProps) : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+        DefaultActions,
+        {
+          ...actionProps,
+          backLabel,
+          nextLabel,
+          finishLabel,
+          cancelLabel,
+          showCancel,
+          showBackOnFirst,
+          loading
+        }
+      )) })
+    ] });
+  }
+  function Wizard({
+    steps,
+    step: controlledStep,
+    defaultStep = 0,
+    onStepChange,
+    onFinish,
+    onClose,
+    layout = "inline",
+    variant = "default",
+    size = "md",
+    isOpen = false,
+    showClose = true,
+    unchange = false,
+    title,
+    description,
+    hideHeader = false,
+    footer,
+    renderActions,
+    backLabel,
+    nextLabel,
+    finishLabel,
+    cancelLabel,
+    showCancel = false,
+    showBackOnFirst = false,
+    loading = false,
+    clickableSteps = false,
+    className,
+    contentClassName
+  }) {
+    const [internalStep, setInternalStep] = React44.useState(defaultStep);
+    const current = controlledStep ?? internalStep;
+    const go = (idx) => {
+      const clamped = Math.max(0, Math.min(steps.length - 1, idx));
+      if (controlledStep === void 0) setInternalStep(clamped);
+      onStepChange?.(clamped);
+    };
+    const handleBack = () => go(current - 1);
+    const handleNext = () => {
+      if (current === steps.length - 1) {
+        onFinish?.();
+        return;
+      }
+      go(current + 1);
+    };
+    React44.useEffect(() => {
+      if (layout !== "modal" || !isOpen || unchange) return;
+      const handler = (e) => {
+        if (e.key === "Escape") onClose?.();
+      };
+      window.addEventListener("keydown", handler);
+      return () => window.removeEventListener("keydown", handler);
+    }, [layout, isOpen, unchange, onClose]);
+    const panel = /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+      WizardPanel,
+      {
+        steps,
+        current,
+        onGo: go,
+        onBack: handleBack,
+        onNext: handleNext,
+        onClose,
+        variant,
+        size,
+        title,
+        description,
+        hideHeader,
+        footer,
+        renderActions,
+        backLabel,
+        nextLabel,
+        finishLabel,
+        cancelLabel,
+        showCancel,
+        showBackOnFirst,
+        loading,
+        clickableSteps,
+        contentClassName
       }
     );
+    if (layout === "modal") {
+      if (!isOpen) return null;
+      return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "fixed inset-0 z-50 flex items-center justify-center p-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+          "div",
+          {
+            className: "absolute inset-0 bg-background/80 backdrop-blur-sm",
+            onClick: () => !unchange && onClose?.()
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: cn(
+          "relative z-10 w-full rounded-2xl border border-border bg-background/90 backdrop-blur-xl shadow-2xl overflow-hidden",
+          SIZE_MAP[size],
+          className
+        ), children: [
+          showClose && onClose && /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+            "button",
+            {
+              type: "button",
+              onClick: onClose,
+              className: "absolute right-4 top-4 z-10 rounded-sm opacity-60 hover:opacity-100 transition-opacity",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(X, { className: "h-4 w-4" }),
+                /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          ),
+          panel
+        ] })
+      ] });
+    }
+    if (layout === "page") {
+      return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: cn("w-full min-h-screen flex items-start justify-center p-6 bg-background", className), children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: cn(
+        "w-full rounded-2xl border border-border bg-card shadow-lg overflow-hidden",
+        SIZE_MAP[size]
+      ), children: panel }) });
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: cn(
+      "w-full rounded-xl border border-border bg-card shadow-sm overflow-hidden",
+      SIZE_MAP[size],
+      className
+    ), children: panel });
   }
   return __toCommonJS(index_exports);
 })();
@@ -14953,6 +15773,7 @@ lucide-react/dist/esm/icons/chevron-up.js:
 lucide-react/dist/esm/icons/chevrons-left.js:
 lucide-react/dist/esm/icons/chevrons-right.js:
 lucide-react/dist/esm/icons/chevrons-up-down.js:
+lucide-react/dist/esm/icons/circle-alert.js:
 lucide-react/dist/esm/icons/circle-check-big.js:
 lucide-react/dist/esm/icons/circle-x.js:
 lucide-react/dist/esm/icons/circle.js: