@cortexasystem/ui 0.1.0 → 1.0.0

package/dist/index.cjs

@@ -30,6 +30,23 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
+  AiChatAssistantMessage: () => AiChatAssistantMessage,
+  AiChatComposer: () => AiChatComposer,
+  AiChatEmptyState: () => AiChatEmptyState,
+  AiChatFloatingButton: () => AiChatFloatingButton,
+  AiChatFloatingSidebar: () => AiChatFloatingSidebar,
+  AiChatHeader: () => AiChatHeader,
+  AiChatLayout: () => AiChatLayout,
+  AiChatMessage: () => AiChatMessage,
+  AiChatMessageList: () => AiChatMessageList,
+  AiChatPanel: () => AiChatPanel,
+  AiChatSidebar: () => AiChatSidebar,
+  AiChatSidebarHeader: () => AiChatSidebarHeader,
+  AiChatSummaryAction: () => AiChatSummaryAction,
+  AiChatSummaryActions: () => AiChatSummaryActions,
+  AiChatThreadButton: () => AiChatThreadButton,
+  AiChatThreadList: () => AiChatThreadList,
+  AiChatUserMessage: () => AiChatUserMessage,
   Alert: () => Alert,
   AlertDescription: () => AlertDescription,
   AlertTitle: () => AlertTitle,
@@ -94,14 +111,17 @@ __export(index_exports, {
   DropdownMenuSubContent: () => DropdownMenuSubContent,
   DropdownMenuSubTrigger: () => DropdownMenuSubTrigger,
   DropdownMenuTrigger: () => DropdownMenuTrigger,
+  EmptyState: () => EmptyState,
   FeatureIcon: () => FeatureIcon,
   FormSection: () => FormSection,
+  HeaderUserMenu: () => HeaderUserMenu,
   Input: () => Input,
   Label: () => Label3,
   LoadingCard: () => LoadingCard,
   LoadingState: () => LoadingState,
   LoadingTableRows: () => LoadingTableRows,
   ModuleIconButton: () => ModuleIconButton,
+  ModuleSkeleton: () => ModuleSkeleton,
   Navbar: () => Navbar,
   NotificationAction: () => NotificationAction,
   NotificationMessage: () => NotificationMessage,
@@ -141,6 +161,8 @@ __export(index_exports, {
   Steps: () => Steps,
   Switch: () => Switch,
   SwitchField: () => SwitchField,
+  SyncStatusBadge: () => SyncStatusBadge,
+  SyncStatusBar: () => SyncStatusBar,
   Table: () => Table,
   TableBody: () => TableBody,
   TableCaption: () => TableCaption,
@@ -227,6 +249,505 @@ function cn(...inputs) {
   return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
 }
 
+// src/components/ai/ai-chat.tsx
+var React4 = __toESM(require("react"), 1);
+var import_lucide_react2 = require("lucide-react");
+
+// src/components/overlays/sheet.tsx
+var React = __toESM(require("react"), 1);
+var SheetPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
+var import_class_variance_authority = require("class-variance-authority");
+var import_lucide_react = require("lucide-react");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var Sheet = SheetPrimitive.Root;
+var SheetTrigger = SheetPrimitive.Trigger;
+var SheetClose = SheetPrimitive.Close;
+var SheetPortal = SheetPrimitive.Portal;
+var SheetOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  SheetPrimitive.Overlay,
+  {
+    className: cn(
+      "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    ),
+    ...props,
+    ref
+  }
+));
+SheetOverlay.displayName = SheetPrimitive.Overlay.displayName;
+var sheetVariants = (0, import_class_variance_authority.cva)(
+  "fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
+  {
+    variants: {
+      side: {
+        top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
+        bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
+        left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
+        right: "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"
+      }
+    },
+    defaultVariants: {
+      side: "right"
+    }
+  }
+);
+var SheetContent = React.forwardRef(
+  ({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(SheetPortal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(SheetOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(SheetPrimitive.Content, { ref, className: cn(sheetVariants({ side }), className), ...props, children: [
+      children,
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react.X, { className: "h-4 w-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "sr-only", children: "Close" })
+      ] })
+    ] })
+  ] })
+);
+SheetContent.displayName = SheetPrimitive.Content.displayName;
+var SheetHeader = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
+SheetHeader.displayName = "SheetHeader";
+var SheetFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
+SheetFooter.displayName = "SheetFooter";
+var SheetTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(SheetPrimitive.Title, { ref, className: cn("text-lg font-semibold text-foreground", className), ...props }));
+SheetTitle.displayName = SheetPrimitive.Title.displayName;
+var SheetDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(SheetPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
+SheetDescription.displayName = SheetPrimitive.Description.displayName;
+
+// src/components/primitives/badge.tsx
+var import_class_variance_authority2 = require("class-variance-authority");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var badgeVariants = (0, import_class_variance_authority2.cva)("inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", {
+  variants: {
+    variant: {
+      default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
+      secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+      destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
+      outline: "text-foreground"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+function Badge({ className, variant, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: cn(badgeVariants({ variant }), className), ...props });
+}
+
+// src/components/primitives/button.tsx
+var React2 = __toESM(require("react"), 1);
+var import_react_slot = require("@radix-ui/react-slot");
+var import_class_variance_authority3 = require("class-variance-authority");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var buttonVariants = (0, import_class_variance_authority3.cva)(
+  "inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium shadow-sm ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+        outline: "border border-input bg-background text-foreground hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "text-foreground shadow-none hover:bg-accent hover:text-accent-foreground",
+        link: "h-auto px-0 py-0 text-primary underline-offset-4 shadow-none hover:underline"
+      },
+      size: {
+        default: "h-10 px-4 py-2",
+        sm: "h-9 rounded-md px-3",
+        lg: "h-11 rounded-md px-8",
+        icon: "h-10 w-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Button = React2.forwardRef(
+  ({ className, variant, size, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? import_react_slot.Slot : "button";
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Comp, { className: cn(buttonVariants({ variant, size, className })), ref, ...props });
+  }
+);
+Button.displayName = "Button";
+
+// src/components/primitives/textarea.tsx
+var React3 = __toESM(require("react"), 1);
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var Textarea = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  "textarea",
+  {
+    ref,
+    className: cn(
+      "flex min-h-24 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+      className
+    ),
+    ...props
+  }
+));
+Textarea.displayName = "Textarea";
+
+// src/components/ai/ai-chat.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
+function AiChatLayout({ className, variant = "screen", ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    "section",
+    {
+      className: cn(
+        "overflow-hidden rounded-2xl border bg-card text-card-foreground shadow-sm",
+        variant === "screen" ? "grid min-h-[720px] w-full lg:grid-cols-[320px_minmax(0,1fr)]" : "flex h-full min-h-0 w-full flex-col",
+        className
+      ),
+      ...props
+    }
+  );
+}
+var AiChatSidebar = React4.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    "aside",
+    {
+      ref,
+      className: cn(
+        "flex min-h-0 flex-col border-b bg-muted/20 lg:border-b-0 lg:border-r",
+        className
+      ),
+      ...props
+    }
+  )
+);
+AiChatSidebar.displayName = "AiChatSidebar";
+function AiChatSidebarHeader({ className, title, description, action, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: cn("border-b px-4 py-4", className), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-start justify-between gap-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "grid gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-sm font-semibold text-foreground", children: title }),
+      description ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-xs text-muted-foreground", children: description }) : null
+    ] }),
+    action ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "shrink-0", children: action }) : null
+  ] }) });
+}
+var AiChatThreadList = React4.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { ref, className: cn("flex-1 space-y-2 overflow-y-auto p-3", className), ...props })
+);
+AiChatThreadList.displayName = "AiChatThreadList";
+var AiChatThreadButton = React4.forwardRef(
+  ({
+    className,
+    title,
+    preview,
+    timestamp,
+    active = false,
+    unreadCount,
+    icon: Icon2 = import_lucide_react2.MessageSquareText,
+    type = "button",
+    ...props
+  }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+    "button",
+    {
+      ref,
+      type,
+      className: cn(
+        "flex w-full items-start gap-3 rounded-xl border px-3 py-3 text-left transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+        active ? "border-[var(--color-accent-blue)]/40 bg-[var(--color-accent-blue)]/8" : "border-transparent bg-transparent hover:border-border hover:bg-accent/40",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          "span",
+          {
+            className: cn(
+              "mt-0.5 flex h-9 w-9 shrink-0 items-center justify-center rounded-lg border",
+              active ? "border-[var(--color-accent-blue)]/30 bg-[var(--color-accent-blue)]/12 text-[var(--color-accent-blue)]" : "border-border bg-background text-muted-foreground"
+            ),
+            children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon2, { className: "h-4 w-4" })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "grid min-w-0 flex-1 gap-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "flex items-start justify-between gap-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "truncate text-sm font-medium text-foreground", children: title }),
+            timestamp ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "inline-flex shrink-0 items-center gap-1 text-[11px] text-muted-foreground", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react2.Clock3, { className: "h-3 w-3" }),
+              timestamp
+            ] }) : null
+          ] }),
+          preview ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "line-clamp-2 text-xs text-muted-foreground", children: preview }) : null
+        ] }),
+        typeof unreadCount === "number" && unreadCount > 0 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Badge, { className: "shrink-0 rounded-full px-2 py-0.5 text-[11px]", children: unreadCount > 9 ? "9+" : unreadCount }) : null
+      ]
+    }
+  )
+);
+AiChatThreadButton.displayName = "AiChatThreadButton";
+var AiChatPanel = React4.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { ref, className: cn("flex min-h-0 flex-1 flex-col bg-background/40", className), ...props })
+);
+AiChatPanel.displayName = "AiChatPanel";
+function AiChatHeader({ className, title, description, meta, actions, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("header", { className: cn("border-b bg-card/95 px-5 py-4 backdrop-blur", className), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex flex-wrap items-start justify-between gap-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "grid gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex flex-wrap items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-base font-semibold text-foreground", children: title }),
+        meta ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: meta }) : null
+      ] }),
+      description ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-sm text-muted-foreground", children: description }) : null
+    ] }),
+    actions ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex flex-wrap items-center gap-2", children: actions }) : null
+  ] }) });
+}
+var AiChatMessageList = React4.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    "div",
+    {
+      ref,
+      role: "log",
+      "aria-live": "polite",
+      className: cn("flex min-h-0 flex-1 flex-col gap-4 overflow-y-auto px-5 py-5", className),
+      ...props
+    }
+  )
+);
+AiChatMessageList.displayName = "AiChatMessageList";
+function getDefaultAvatar(role) {
+  if (role === "assistant") {
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "flex h-9 w-9 items-center justify-center rounded-full bg-[var(--color-brand)] text-white shadow-sm", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react2.Bot, { className: "h-4 w-4" }) });
+  }
+  if (role === "system") {
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "flex h-9 w-9 items-center justify-center rounded-full bg-secondary text-secondary-foreground shadow-sm", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react2.Sparkles, { className: "h-4 w-4" }) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "flex h-9 w-9 items-center justify-center rounded-full bg-foreground text-background shadow-sm", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-xs font-semibold", children: "TU" }) });
+}
+function AiChatMessage({
+  className,
+  role = "assistant",
+  author,
+  timestamp,
+  status = "complete",
+  avatar,
+  actions,
+  sources,
+  children,
+  ...props
+}) {
+  const isUser = role === "user";
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+    "article",
+    {
+      className: cn("flex gap-3", isUser ? "justify-end" : "justify-start", className),
+      ...props,
+      children: [
+        !isUser ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "shrink-0", children: avatar ?? getDefaultAvatar(role) }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: cn("grid max-w-[90%] gap-2 md:max-w-[74%]", isUser && "justify-items-end"), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: cn("flex items-center gap-2", isUser && "justify-end"), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-xs font-medium text-foreground", children: author ?? (isUser ? "Tu" : "Cortexa AI") }),
+            timestamp ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-xs text-muted-foreground", children: timestamp }) : null,
+            status !== "complete" ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Badge, { variant: status === "error" ? "destructive" : "secondary", children: status === "streaming" ? "Generando" : "Error" }) : null
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            "div",
+            {
+              className: cn(
+                "rounded-2xl border px-4 py-3 text-sm leading-6 shadow-sm",
+                isUser ? "border-primary bg-primary text-primary-foreground" : role === "system" ? "border-secondary bg-secondary text-secondary-foreground" : "bg-card text-foreground"
+              ),
+              children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "whitespace-pre-wrap", children })
+            }
+          ),
+          sources?.length ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: cn("flex flex-wrap gap-2", isUser && "justify-end"), children: sources.map(
+            (source) => source.href ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+              "a",
+              {
+                href: source.href,
+                className: "inline-flex items-center gap-1 rounded-full border px-2.5 py-1 text-xs text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground",
+                children: [
+                  source.label,
+                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react2.PanelRightOpen, { className: "h-3 w-3" })
+                ]
+              },
+              `${source.label}-${source.href}`
+            ) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+              "span",
+              {
+                className: "inline-flex items-center rounded-full border px-2.5 py-1 text-xs text-muted-foreground",
+                children: source.label
+              },
+              source.label
+            )
+          ) }) : null,
+          actions ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: cn("flex flex-wrap gap-2", isUser && "justify-end"), children: actions }) : null
+        ] }),
+        isUser ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "shrink-0", children: avatar ?? getDefaultAvatar(role) }) : null
+      ]
+    }
+  );
+}
+function AiChatAssistantMessage(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AiChatMessage, { role: "assistant", ...props });
+}
+function AiChatUserMessage(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AiChatMessage, { role: "user", ...props });
+}
+function AiChatSummaryActions({
+  className,
+  title = "Quick actions",
+  description,
+  actionsClassName,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("section", { className: cn("grid gap-3 rounded-2xl border bg-card p-4 shadow-sm", className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "grid gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-sm font-semibold text-foreground", children: title }),
+      description ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-xs text-muted-foreground", children: description }) : null
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: cn("grid gap-3 md:grid-cols-3", actionsClassName), children })
+  ] });
+}
+var AiChatSummaryAction = React4.forwardRef(
+  ({
+    className,
+    title,
+    description,
+    icon: Icon2 = import_lucide_react2.Sparkles,
+    active = false,
+    badge,
+    type = "button",
+    ...props
+  }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+    "button",
+    {
+      ref,
+      type,
+      className: cn(
+        "flex w-full items-start gap-3 rounded-xl border px-4 py-4 text-left transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+        active ? "border-[var(--color-accent-blue)]/40 bg-[var(--color-accent-blue)]/10" : "hover:border-border hover:bg-accent/40",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "mt-0.5 flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-[var(--color-brand)]/10 text-[var(--color-brand)]", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon2, { className: "h-5 w-5" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "grid flex-1 gap-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "flex flex-wrap items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-sm font-medium text-foreground", children: title }),
+            badge ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Badge, { variant: "secondary", children: badge }) : null
+          ] }),
+          description ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-xs leading-5 text-muted-foreground", children: description }) : null
+        ] })
+      ]
+    }
+  )
+);
+AiChatSummaryAction.displayName = "AiChatSummaryAction";
+function AiChatComposer({
+  className,
+  textareaProps,
+  onSubmit,
+  submitLabel = "Send",
+  submitIcon = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react2.Send, { className: "h-4 w-4" }),
+  leadingActions,
+  trailingActions,
+  helperText,
+  disabled = false,
+  ...props
+}) {
+  const { className: textareaClassName, placeholder, disabled: textareaDisabled, ...restTextareaProps } = textareaProps ?? {};
+  const isDisabled = disabled || Boolean(textareaDisabled);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("form", { className: cn("border-t bg-card px-4 py-4", className), onSubmit, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "rounded-2xl border bg-background p-3 shadow-sm", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        Textarea,
+        {
+          className: cn(
+            "min-h-24 resize-none border-0 bg-transparent p-0 text-sm shadow-none focus-visible:ring-0",
+            textareaClassName
+          ),
+          placeholder: placeholder ?? "Describe what you need from the assistant...",
+          disabled: isDisabled,
+          ...restTextareaProps
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mt-3 flex flex-wrap items-center justify-between gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex flex-wrap items-center gap-2", children: leadingActions }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex flex-wrap items-center gap-2", children: [
+          trailingActions,
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Button, { type: "submit", disabled: isDisabled, children: [
+            submitIcon,
+            submitLabel
+          ] })
+        ] })
+      ] })
+    ] }),
+    helperText ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "mt-2 text-xs text-muted-foreground", children: helperText }) : null
+  ] });
+}
+function AiChatEmptyState({
+  className,
+  title,
+  description,
+  prompts,
+  onPromptSelect,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+    "div",
+    {
+      className: cn(
+        "flex flex-1 flex-col items-center justify-center gap-5 rounded-2xl border border-dashed bg-card/70 px-6 py-10 text-center",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "flex h-14 w-14 items-center justify-center rounded-2xl bg-[var(--color-brand)]/10 text-[var(--color-brand)]", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react2.Sparkles, { className: "h-6 w-6" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "grid max-w-xl gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-lg font-semibold text-foreground", children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-sm leading-6 text-muted-foreground", children: description })
+        ] }),
+        prompts?.length ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex max-w-2xl flex-wrap items-center justify-center gap-2", children: prompts.map((prompt) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Button, { type: "button", variant: "outline", size: "sm", onClick: () => onPromptSelect?.(prompt), children: prompt }, prompt)) }) : null
+      ]
+    }
+  );
+}
+function AiChatFloatingButton({
+  className,
+  label = "Asistente IA",
+  unreadCount,
+  icon: Icon2 = import_lucide_react2.Sparkles,
+  variant = "default",
+  size = "lg",
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+    Button,
+    {
+      variant,
+      size,
+      className: cn("fixed bottom-6 right-6 h-14 rounded-full px-5 shadow-lg", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon2, { className: "h-4 w-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: children ?? label }),
+        typeof unreadCount === "number" && unreadCount > 0 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "rounded-full bg-white/15 px-2 py-0.5 text-xs font-semibold text-inherit", children: unreadCount > 9 ? "9+" : unreadCount }) : null
+      ]
+    }
+  );
+}
+function AiChatFloatingSidebar({
+  children,
+  trigger,
+  side = "right",
+  open,
+  defaultOpen,
+  onOpenChange,
+  contentClassName,
+  triggerAsChild = true
+}) {
+  const resolvedTrigger = trigger ?? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AiChatFloatingButton, {});
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Sheet, { open, defaultOpen, onOpenChange, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SheetTrigger, { asChild: triggerAsChild, children: resolvedTrigger }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SheetContent, { side, className: cn("w-full p-0 sm:max-w-[460px]", contentClassName), children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AiChatLayout, { variant: "sidebar", className: "h-full rounded-none border-0 shadow-none", children }) })
+  ] });
+}
+
 // src/assets/isotipo-cortexa-dark.png
 var isotipo_cortexa_dark_default = "./isotipo-cortexa-dark-F2MDSEEV.png";
 
@@ -234,7 +755,7 @@ var isotipo_cortexa_dark_default = "./isotipo-cortexa-dark-F2MDSEEV.png";
 var isotipo_cortexa_light_default = "./isotipo-cortexa-light-LV3O6ASR.png";
 
 // src/components/branding/brand-logo.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 var sizeMap = {
   sm: { icon: "h-6 w-6", text: "text-sm", gap: "gap-2" },
   md: { icon: "h-7 w-7", text: "text-lg", gap: "gap-3" },
@@ -244,8 +765,8 @@ function BrandLogo({ className, size = "md", href }) {
   const { resolvedTheme } = useTheme();
   const isDark = resolvedTheme === "dark";
   const s = sizeMap[size];
-  const content = /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  const content = /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       "div",
       {
         className: cn(
@@ -253,7 +774,7 @@ function BrandLogo({ className, size = "md", href }) {
           s.icon,
           isDark ? "bg-[var(--color-brand)] p-1" : "bg-transparent"
         ),
-        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
           "img",
           {
             src: isDark ? isotipo_cortexa_dark_default : isotipo_cortexa_light_default,
@@ -263,8 +784,8 @@ function BrandLogo({ className, size = "md", href }) {
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex items-baseline", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-baseline", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
         "span",
         {
           className: cn(
@@ -275,7 +796,7 @@ function BrandLogo({ className, size = "md", href }) {
           children: "Cortexa"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
         "span",
         {
           className: cn(
@@ -290,13 +811,13 @@ function BrandLogo({ className, size = "md", href }) {
   ] });
   const wrapperClass = cn("flex items-center", s.gap, className);
   if (href) {
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("a", { href, className: wrapperClass, "aria-label": "Cortexa Fiscal \u2014 Inicio", children: content });
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("a", { href, className: wrapperClass, "aria-label": "Cortexa Fiscal \u2014 Inicio", children: content });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: wrapperClass, "aria-label": "Cortexa Fiscal", children: content });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: wrapperClass, "aria-label": "Cortexa Fiscal", children: content });
 }
 
 // src/components/data-display/icons.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 var toneStyles = {
   brand: "bg-[var(--color-brand)]/10 text-[var(--color-brand)]",
   info: "bg-[var(--color-info-bg)] text-[var(--color-accent-blue)]",
@@ -312,7 +833,7 @@ var sizeStyles = {
 };
 function FeatureIcon({ className, icon: Icon2, tone = "brand", size = "md", iconClassName }) {
   const classes = sizeStyles[size];
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: cn("inline-flex items-center justify-center", classes.wrapper, toneStyles[tone], className), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Icon2, { className: cn(classes.icon, iconClassName) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: cn("inline-flex items-center justify-center", classes.wrapper, toneStyles[tone], className), children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Icon2, { className: cn(classes.icon, iconClassName) }) });
 }
 function ModuleIconButton({
   className,
@@ -323,7 +844,7 @@ function ModuleIconButton({
   tone = "brand",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
     "button",
     {
       type,
@@ -333,7 +854,7 @@ function ModuleIconButton({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
           FeatureIcon,
           {
             icon,
@@ -342,9 +863,9 @@ function ModuleIconButton({
             className: "transition-colors group-hover:bg-[var(--color-brand)]/20"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: "grid gap-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "text-sm font-medium text-foreground", children: label }),
-          description ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "text-xs text-muted-foreground", children: description }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "grid gap-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "text-sm font-medium text-foreground", children: label }),
+          description ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "text-xs text-muted-foreground", children: description }) : null
         ] })
       ]
     }
@@ -352,10 +873,10 @@ function ModuleIconButton({
 }
 
 // src/components/primitives/avatar.tsx
-var React = __toESM(require("react"), 1);
+var React5 = __toESM(require("react"), 1);
 var AvatarPrimitive = __toESM(require("@radix-ui/react-avatar"), 1);
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var Avatar = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var Avatar = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
   AvatarPrimitive.Root,
   {
     ref,
@@ -364,9 +885,9 @@ var Avatar = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ));
 Avatar.displayName = AvatarPrimitive.Root.displayName;
-var AvatarImage = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AvatarPrimitive.Image, { ref, className: cn("aspect-square h-full w-full", className), ...props }));
+var AvatarImage = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AvatarPrimitive.Image, { ref, className: cn("aspect-square h-full w-full", className), ...props }));
 AvatarImage.displayName = AvatarPrimitive.Image.displayName;
-var AvatarFallback = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+var AvatarFallback = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
   AvatarPrimitive.Fallback,
   {
     ref,
@@ -377,7 +898,7 @@ var AvatarFallback = React.forwardRef(({ className, ...props }, ref) => /* @__PU
 AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
 
 // src/components/data-display/profile-avatar.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 var sizeMap2 = {
   xs: { avatar: "h-8 w-8", text: "text-xs", dot: "h-2.5 w-2.5" },
   sm: { avatar: "h-10 w-10", text: "text-sm", dot: "h-3 w-3" },
@@ -405,12 +926,12 @@ function ProfileAvatar({
   status
 }) {
   const classes = sizeMap2[size];
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: cn("relative inline-flex", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Avatar, { className: cn(classes.avatar, avatarClassName), children: [
-      src ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AvatarImage, { src, alt: alt ?? name }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AvatarFallback, { className: cn("bg-[var(--color-brand)] text-white font-medium", classes.text, fallbackClassName), children: initials ?? getInitials(name) })
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: cn("relative inline-flex", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Avatar, { className: cn(classes.avatar, avatarClassName), children: [
+      src ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(AvatarImage, { src, alt: alt ?? name }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(AvatarFallback, { className: cn("bg-[var(--color-brand)] text-white font-medium", classes.text, fallbackClassName), children: initials ?? getInitials(name) })
     ] }),
-    status ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    status ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
       "span",
       {
         "aria-hidden": "true",
@@ -423,9 +944,9 @@ function AvatarGroup({ className, users, size = "xs", limit = 4, extraLabel }) {
   const visibleUsers = users.slice(0, limit);
   const hiddenCount = Math.max(0, users.length - limit);
   const classes = sizeMap2[size];
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: cn("flex items-center gap-3", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex -space-x-2", children: [
-      visibleUsers.map((user) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: cn("flex items-center gap-3", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex -space-x-2", children: [
+      visibleUsers.map((user) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
         ProfileAvatar,
         {
           name: user.name,
@@ -437,7 +958,7 @@ function AvatarGroup({ className, users, size = "xs", limit = 4, extraLabel }) {
         },
         user.id ?? user.name
       )),
-      hiddenCount > 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+      hiddenCount > 0 ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
         "div",
         {
           className: cn(
@@ -452,16 +973,16 @@ function AvatarGroup({ className, users, size = "xs", limit = 4, extraLabel }) {
         }
       ) : null
     ] }),
-    extraLabel ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "text-sm text-muted-foreground", children: extraLabel }) : null
+    extraLabel ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "text-sm text-muted-foreground", children: extraLabel }) : null
   ] });
 }
 function ProfileAvatarRow({ className, name, role, src, initials, status, size = "sm", aside }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: cn("flex items-center justify-between gap-3", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ProfileAvatar, { name, src, initials, status, size }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "grid gap-0.5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-sm font-medium text-foreground", children: name }),
-        role ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-xs text-muted-foreground", children: role }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: cn("flex items-center justify-between gap-3", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ProfileAvatar, { name, src, initials, status, size }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "grid gap-0.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "text-sm font-medium text-foreground", children: name }),
+        role ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "text-xs text-muted-foreground", children: role }) : null
       ] })
     ] }),
     aside
@@ -469,9 +990,9 @@ function ProfileAvatarRow({ className, name, role, src, initials, status, size =
 }
 
 // src/components/data-display/typography.tsx
-var import_class_variance_authority = require("class-variance-authority");
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var typographyVariants = (0, import_class_variance_authority.cva)("text-foreground", {
+var import_class_variance_authority4 = require("class-variance-authority");
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var typographyVariants = (0, import_class_variance_authority4.cva)("text-foreground", {
   variants: {
     variant: {
       h1: "font-display text-4xl font-bold tracking-tight",
@@ -497,17 +1018,63 @@ function Typography({
   ...props
 }) {
   const Component = as ?? "p";
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Component, { className: cn(typographyVariants({ variant }), className), ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Component, { className: cn(typographyVariants({ variant }), className), ...props, children });
+}
+
+// src/components/feedback/empty-state.tsx
+var import_lucide_react3 = require("lucide-react");
+var import_jsx_runtime12 = require("react/jsx-runtime");
+function EmptyState({
+  className,
+  icon: Icon2 = import_lucide_react3.Inbox,
+  title,
+  description,
+  action,
+  secondaryAction,
+  align = "center",
+  compact = false
+}) {
+  const isCentered = align === "center";
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    "section",
+    {
+      className: cn(
+        "rounded-2xl border border-dashed bg-card text-card-foreground shadow-sm",
+        compact ? "p-5" : "p-8 sm:p-10",
+        className
+      ),
+      children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+        "div",
+        {
+          className: cn(
+            "flex flex-col gap-5",
+            isCentered ? "items-center text-center" : "items-start text-left"
+          ),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "flex h-14 w-14 items-center justify-center rounded-2xl bg-[var(--color-brand)]/10 text-[var(--color-brand)]", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Icon2, { className: "h-6 w-6" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "grid max-w-xl gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-lg font-semibold text-foreground", children: title }),
+              description ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "text-sm leading-6 text-muted-foreground", children: description }) : null
+            ] }),
+            action || secondaryAction ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: cn("flex flex-wrap gap-3", isCentered && "justify-center"), children: [
+              action,
+              secondaryAction
+            ] }) : null
+          ]
+        }
+      )
+    }
+  );
 }
 
 // src/components/primitives/card.tsx
-var React2 = __toESM(require("react"), 1);
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var React6 = __toESM(require("react"), 1);
+var import_jsx_runtime13 = require("react/jsx-runtime");
 var cardBaseClassName = "rounded-lg border bg-card text-card-foreground shadow-sm";
-var Card = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { ref, className: cn(cardBaseClassName, className), ...props }));
+var Card = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { ref, className: cn(cardBaseClassName, className), ...props }));
 Card.displayName = "Card";
-var ClickableCard = React2.forwardRef(
-  ({ className, type = "button", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+var ClickableCard = React6.forwardRef(
+  ({ className, type = "button", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     "button",
     {
       ref,
@@ -522,8 +1089,8 @@ var ClickableCard = React2.forwardRef(
   )
 );
 ClickableCard.displayName = "ClickableCard";
-var CenteredIconCard = React2.forwardRef(
-  ({ className, type = "button", icon: Icon2, title, iconClassName, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+var CenteredIconCard = React6.forwardRef(
+  ({ className, type = "button", icon: Icon2, title, iconClassName, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
     "button",
     {
       ref,
@@ -535,67 +1102,67 @@ var CenteredIconCard = React2.forwardRef(
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "flex h-12 w-12 items-center justify-center rounded-xl bg-[var(--color-brand)]/10 text-[var(--color-brand)]", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon2, { className: cn("h-6 w-6", iconClassName) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-sm font-semibold text-foreground", children: title })
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "flex h-12 w-12 items-center justify-center rounded-xl bg-[var(--color-brand)]/10 text-[var(--color-brand)]", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Icon2, { className: cn("h-6 w-6", iconClassName) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "text-sm font-semibold text-foreground", children: title })
       ]
     }
   )
 );
 CenteredIconCard.displayName = "CenteredIconCard";
-var CardHeader = React2.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { ref, className: cn("flex flex-col space-y-1.5 p-6", className), ...props })
+var CardHeader = React6.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { ref, className: cn("flex flex-col space-y-1.5 p-6", className), ...props })
 );
 CardHeader.displayName = "CardHeader";
-var CardTitle = React2.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { ref, className: cn("text-2xl font-semibold leading-none tracking-tight", className), ...props })
+var CardTitle = React6.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { ref, className: cn("text-2xl font-semibold leading-none tracking-tight", className), ...props })
 );
 CardTitle.displayName = "CardTitle";
-var CardDescription = React2.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { ref, className: cn("text-sm text-muted-foreground", className), ...props })
+var CardDescription = React6.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { ref, className: cn("text-sm text-muted-foreground", className), ...props })
 );
 CardDescription.displayName = "CardDescription";
-var CardContent = React2.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { ref, className: cn("p-6 pt-0", className), ...props })
+var CardContent = React6.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { ref, className: cn("p-6 pt-0", className), ...props })
 );
 CardContent.displayName = "CardContent";
-var CardFooter = React2.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { ref, className: cn("flex items-center p-6 pt-0", className), ...props })
+var CardFooter = React6.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { ref, className: cn("flex items-center p-6 pt-0", className), ...props })
 );
 CardFooter.displayName = "CardFooter";
 
 // src/components/feedback/skeleton.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 function Skeleton({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: cn("animate-pulse rounded-md bg-muted", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: cn("animate-pulse rounded-md bg-muted", className), ...props });
 }
 
 // src/components/feedback/spinner.tsx
-var import_lucide_react = require("lucide-react");
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_lucide_react4 = require("lucide-react");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 var sizeMap3 = {
   sm: "h-4 w-4",
   md: "h-5 w-5",
   lg: "h-7 w-7"
 };
 function Spinner({ className, size = "md" }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react.Loader2, { className: cn("animate-spin text-current", sizeMap3[size], className) });
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react4.Loader2, { className: cn("animate-spin text-current", sizeMap3[size], className) });
 }
 
-// src/components/tables/table.tsx
-var React3 = __toESM(require("react"), 1);
-var import_jsx_runtime10 = require("react/jsx-runtime");
-var Table = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("table", { ref, className: cn("w-full caption-bottom text-sm", className), ...props }) }));
+// src/components/tables/table.tsx
+var React7 = __toESM(require("react"), 1);
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var Table = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("table", { ref, className: cn("w-full caption-bottom text-sm", className), ...props }) }));
 Table.displayName = "Table";
-var TableHeader = React3.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("thead", { ref, className: cn("[&_tr]:border-b", className), ...props })
+var TableHeader = React7.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("thead", { ref, className: cn("[&_tr]:border-b", className), ...props })
 );
 TableHeader.displayName = "TableHeader";
-var TableBody = React3.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props })
+var TableBody = React7.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props })
 );
 TableBody.displayName = "TableBody";
-var TableFooter = React3.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+var TableFooter = React7.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     "tfoot",
     {
       ref,
@@ -605,8 +1172,8 @@ var TableFooter = React3.forwardRef(
   )
 );
 TableFooter.displayName = "TableFooter";
-var TableRow = React3.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+var TableRow = React7.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     "tr",
     {
       ref,
@@ -616,8 +1183,8 @@ var TableRow = React3.forwardRef(
   )
 );
 TableRow.displayName = "TableRow";
-var TableHead = React3.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+var TableHead = React7.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     "th",
     {
       ref,
@@ -627,17 +1194,17 @@ var TableHead = React3.forwardRef(
   )
 );
 TableHead.displayName = "TableHead";
-var TableCell = React3.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("td", { ref, className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className), ...props })
+var TableCell = React7.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("td", { ref, className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className), ...props })
 );
 TableCell.displayName = "TableCell";
-var TableCaption = React3.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("caption", { ref, className: cn("mt-4 text-sm text-muted-foreground", className), ...props })
+var TableCaption = React7.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("caption", { ref, className: cn("mt-4 text-sm text-muted-foreground", className), ...props })
 );
 TableCaption.displayName = "TableCaption";
 
 // src/components/feedback/loading-state.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 function LoadingState({
   className,
   title = "Cargando datos",
@@ -645,93 +1212,99 @@ function LoadingState({
   size = "md",
   icon
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
     "div",
     {
       role: "status",
       "aria-live": "polite",
       className: cn("flex items-center gap-3 rounded-xl border border-border bg-card px-4 py-3 text-foreground", className),
       children: [
-        icon ?? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Spinner, { size, className: "text-primary" }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "grid gap-0.5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "text-sm font-medium", children: title }),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "text-xs text-muted-foreground", children: description })
+        icon ?? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Spinner, { size, className: "text-primary" }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "grid gap-0.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "text-sm font-medium", children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "text-xs text-muted-foreground", children: description })
         ] })
       ]
     }
   );
 }
 function LoadingCard({ className, rows = 3 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Card, { className, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(CardContent, { className: "grid gap-3 p-5", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Skeleton, { className: "h-6 w-40" }),
-    Array.from({ length: rows }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Skeleton, { className: cn("h-4", index === rows - 1 ? "w-2/3" : "w-full") }, index)),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Skeleton, { className: "mt-1 h-10 w-full rounded-lg" })
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Card, { className, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(CardContent, { className: "grid gap-3 p-5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Skeleton, { className: "h-6 w-40" }),
+    Array.from({ length: rows }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Skeleton, { className: cn("h-4", index === rows - 1 ? "w-2/3" : "w-full") }, index)),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Skeleton, { className: "mt-1 h-10 w-full rounded-lg" })
   ] }) });
 }
 function LoadingTableRows({ className, columns = 5, rows = 4 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: cn("rounded-xl border", className), children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Table, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(TableHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(TableRow, { children: Array.from({ length: columns }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(TableHead, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Skeleton, { className: "h-4 w-20" }) }, index)) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(TableBody, { children: Array.from({ length: rows }).map((_, rowIndex) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(TableRow, { children: Array.from({ length: columns }).map((_2, columnIndex) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Skeleton, { className: cn("h-4", columnIndex === 0 ? "w-24" : "w-full") }) }, columnIndex)) }, rowIndex)) })
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: cn("rounded-xl border", className), children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(Table, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TableHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TableRow, { children: Array.from({ length: columns }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TableHead, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Skeleton, { className: "h-4 w-20" }) }, index)) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TableBody, { children: Array.from({ length: rows }).map((_, rowIndex) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TableRow, { children: Array.from({ length: columns }).map((_2, columnIndex) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Skeleton, { className: cn("h-4", columnIndex === 0 ? "w-24" : "w-full") }) }, columnIndex)) }, rowIndex)) })
   ] }) });
 }
 
-// src/components/feedback/notification.tsx
-var import_lucide_react2 = require("lucide-react");
-var import_sonner = require("sonner");
-
-// src/components/primitives/button.tsx
-var React4 = __toESM(require("react"), 1);
-var import_react_slot = require("@radix-ui/react-slot");
-var import_class_variance_authority2 = require("class-variance-authority");
-var import_jsx_runtime12 = require("react/jsx-runtime");
-var buttonVariants = (0, import_class_variance_authority2.cva)(
-  "inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium shadow-sm ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/90",
-        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
-        outline: "border border-input bg-background text-foreground hover:bg-accent hover:text-accent-foreground",
-        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        ghost: "text-foreground shadow-none hover:bg-accent hover:text-accent-foreground",
-        link: "h-auto px-0 py-0 text-primary underline-offset-4 shadow-none hover:underline"
-      },
-      size: {
-        default: "h-10 px-4 py-2",
-        sm: "h-9 rounded-md px-3",
-        lg: "h-11 rounded-md px-8",
-        icon: "h-10 w-10"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-var Button = React4.forwardRef(
-  ({ className, variant, size, asChild = false, ...props }, ref) => {
-    const Comp = asChild ? import_react_slot.Slot : "button";
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Comp, { className: cn(buttonVariants({ variant, size, className })), ref, ...props });
-  }
-);
-Button.displayName = "Button";
+// src/components/feedback/module-skeleton.tsx
+var import_jsx_runtime18 = require("react/jsx-runtime");
+function ModuleSkeleton({
+  className,
+  variant = "cards",
+  cardCount = 6,
+  showHeaderAction = true
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { role: "status", "aria-label": "Cargando modulo", className: cn("grid gap-6 p-6", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex flex-wrap items-center justify-between gap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "grid gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Skeleton, { className: "h-8 w-52" }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Skeleton, { className: "h-4 w-72 max-w-full" })
+      ] }),
+      showHeaderAction ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Skeleton, { className: "h-10 w-36" }) : null
+    ] }),
+    variant === "cards" ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "grid gap-4 md:grid-cols-2 xl:grid-cols-3", children: Array.from({ length: cardCount }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Skeleton, { className: "h-32 w-full rounded-xl" }, index)) }) : null,
+    variant === "table" ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "rounded-xl border bg-card p-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "mb-4 flex flex-wrap gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Skeleton, { className: "h-10 w-64 max-w-full" }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Skeleton, { className: "h-10 w-36" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "grid gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Skeleton, { className: "h-10 w-full rounded-lg" }),
+        Array.from({ length: 6 }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Skeleton, { className: "h-14 w-full rounded-lg" }, index))
+      ] })
+    ] }) : null,
+    variant === "form" ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "rounded-xl border bg-card p-5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "grid gap-5 md:grid-cols-2", children: [
+        Array.from({ length: 6 }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "grid gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Skeleton, { className: "h-4 w-28" }),
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Skeleton, { className: "h-10 w-full" })
+        ] }, index)),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "grid gap-2 md:col-span-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Skeleton, { className: "h-4 w-32" }),
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Skeleton, { className: "h-28 w-full rounded-xl" })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "mt-6 flex flex-wrap justify-end gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Skeleton, { className: "h-10 w-24" }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Skeleton, { className: "h-10 w-36" })
+      ] })
+    ] }) : null
+  ] });
+}
 
 // src/components/feedback/notification.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_lucide_react5 = require("lucide-react");
+var import_sonner = require("sonner");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 var notificationStyles = {
-  info: "bg-[var(--color-info-bg)] text-[var(--color-accent-blue)] border-[var(--color-accent-blue)]/30",
-  success: "bg-[var(--color-success-bg)] text-[var(--color-success)] border-[var(--color-success)]/30",
-  warning: "bg-[var(--color-warning-bg)] text-[var(--color-warning)] border-[var(--color-warning)]/30",
-  danger: "bg-destructive/10 text-destructive border-destructive/30",
-  loading: "bg-[var(--color-info-bg)] text-[var(--color-accent-blue)] border-[var(--color-accent-blue)]/30"
+  info: "border-[var(--color-accent-blue)]/20 bg-[linear-gradient(135deg,rgba(59,130,246,0.14),rgba(239,246,255,0.96))] text-[var(--color-accent-blue)]",
+  success: "border-[var(--color-success)]/20 bg-[linear-gradient(135deg,rgba(22,163,74,0.14),rgba(220,252,231,0.96))] text-[var(--color-success)]",
+  warning: "border-[var(--color-warning)]/20 bg-[linear-gradient(135deg,rgba(217,119,6,0.16),rgba(255,251,235,0.96))] text-[var(--color-warning)]",
+  danger: "border-destructive/20 bg-[linear-gradient(135deg,rgba(220,74,65,0.16),rgba(254,242,242,0.96))] text-destructive",
+  loading: "border-[var(--color-accent-blue)]/20 bg-[linear-gradient(135deg,rgba(59,130,246,0.14),rgba(239,246,255,0.96))] text-[var(--color-accent-blue)]"
 };
 var notificationIcons = {
-  info: import_lucide_react2.Info,
-  success: import_lucide_react2.CheckCircle2,
-  warning: import_lucide_react2.AlertTriangle,
-  danger: import_lucide_react2.AlertCircle,
-  loading: import_lucide_react2.Loader2
+  info: import_lucide_react5.Info,
+  success: import_lucide_react5.CheckCircle2,
+  warning: import_lucide_react5.AlertTriangle,
+  danger: import_lucide_react5.AlertCircle,
+  loading: import_lucide_react5.Loader2
 };
 function NotificationMessage({
   className,
@@ -742,20 +1315,24 @@ function NotificationMessage({
   icon
 }) {
   const Icon2 = icon ?? notificationIcons[tone];
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
     "div",
     {
       role: "status",
-      className: cn("flex items-start justify-between gap-3 rounded-lg border px-4 py-3", notificationStyles[tone], className),
+      className: cn(
+        "flex items-start justify-between gap-3 rounded-xl border px-4 py-3 shadow-sm",
+        notificationStyles[tone],
+        className
+      ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex items-start gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Icon2, { className: cn("mt-0.5 h-4 w-4 shrink-0", tone === "loading" && "animate-spin") }),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "grid gap-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "text-sm font-medium", children: title }),
-            description ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "text-xs opacity-85", children: description }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-start gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-white/70 shadow-sm", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Icon2, { className: cn("h-4 w-4", tone === "loading" && "animate-spin") }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "grid gap-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "text-sm font-semibold", children: title }),
+            description ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "text-xs leading-5 opacity-90", children: description }) : null
           ] })
         ] }),
-        action ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "shrink-0", children: action }) : null
+        action ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "shrink-0", children: action }) : null
       ]
     }
   );
@@ -763,6 +1340,7 @@ function NotificationMessage({
 function buildToastOptions(payload) {
   return {
     description: payload.description,
+    duration: payload.duration,
     action: payload.actionLabel ? {
       label: payload.actionLabel,
       onClick: payload.onAction ?? (() => void 0)
@@ -770,22 +1348,20 @@ function buildToastOptions(payload) {
   };
 }
 var notify = {
-  info: (payload) => (0, import_sonner.toast)(payload.title, buildToastOptions(payload)),
+  info: (payload) => import_sonner.toast.info(payload.title, buildToastOptions(payload)),
   success: (payload) => import_sonner.toast.success(payload.title, buildToastOptions(payload)),
-  warning: (payload) => (0, import_sonner.toast)(payload.title, {
-    ...buildToastOptions(payload),
-    icon: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react2.AlertTriangle, { className: "h-4 w-4 text-[var(--color-warning)]" })
-  }),
+  warning: (payload) => import_sonner.toast.warning(payload.title, buildToastOptions(payload)),
   danger: (payload) => import_sonner.toast.error(payload.title, buildToastOptions(payload)),
+  error: (payload) => import_sonner.toast.error(payload.title, buildToastOptions(payload)),
   loading: (payload) => import_sonner.toast.loading(payload.title, buildToastOptions(payload))
 };
 function NotificationAction({ children, variant = "outline", size = "sm", ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Button, { variant, size, ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Button, { variant, size, ...props, children });
 }
 
 // src/components/feedback/status-badge.tsx
-var import_lucide_react3 = require("lucide-react");
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_lucide_react6 = require("lucide-react");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 var toneStyles2 = {
   success: "border-transparent bg-[var(--color-success-bg)] text-[var(--color-success)]",
   warning: "border-transparent bg-[var(--color-warning-bg)] text-[var(--color-warning)]",
@@ -794,15 +1370,15 @@ var toneStyles2 = {
   loading: "border-transparent bg-muted text-muted-foreground"
 };
 var toneIcons = {
-  success: import_lucide_react3.CheckCircle2,
-  warning: import_lucide_react3.Clock3,
-  danger: import_lucide_react3.AlertCircle,
-  info: import_lucide_react3.CheckCircle2,
-  loading: import_lucide_react3.Loader2
+  success: import_lucide_react6.CheckCircle2,
+  warning: import_lucide_react6.Clock3,
+  danger: import_lucide_react6.AlertCircle,
+  info: import_lucide_react6.CheckCircle2,
+  loading: import_lucide_react6.Loader2
 };
 function StatusBadge({ children, tone = "info", className }) {
   const Icon2 = toneIcons[tone];
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
     "span",
     {
       className: cn(
@@ -811,30 +1387,146 @@ function StatusBadge({ children, tone = "info", className }) {
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Icon2, { className: cn("h-3.5 w-3.5", tone === "loading" && "animate-spin") }),
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Icon2, { className: cn("h-3.5 w-3.5", tone === "loading" && "animate-spin") }),
         children
       ]
     }
   );
 }
 
+// src/components/feedback/sync-status-badge.tsx
+var import_lucide_react7 = require("lucide-react");
+var import_jsx_runtime21 = require("react/jsx-runtime");
+var badgeStyles = {
+  synced: "border-transparent bg-[var(--color-success-bg)] text-[var(--color-success)]",
+  pending: "border-transparent bg-[var(--color-warning-bg)] text-[var(--color-warning)]",
+  syncing: "border-transparent bg-[var(--color-info-bg)] text-[var(--color-accent-blue)]",
+  conflict: "border-transparent bg-destructive/10 text-destructive",
+  offline: "border-transparent bg-muted text-muted-foreground"
+};
+var badgeIcons = {
+  synced: import_lucide_react7.CheckCircle2,
+  pending: import_lucide_react7.Clock3,
+  syncing: import_lucide_react7.Loader2,
+  conflict: import_lucide_react7.AlertCircle,
+  offline: import_lucide_react7.WifiOff
+};
+var badgeLabels = {
+  synced: "Sincronizado",
+  pending: "Pendiente",
+  syncing: "Sincronizando",
+  conflict: "Conflicto",
+  offline: "Offline"
+};
+function SyncStatusBadge({ className, status, label }) {
+  const Icon2 = badgeIcons[status];
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+    "span",
+    {
+      className: cn(
+        "inline-flex items-center gap-1.5 rounded-full border px-2.5 py-1 text-xs font-medium",
+        badgeStyles[status],
+        className
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Icon2, { className: cn("h-3.5 w-3.5", status === "syncing" && "animate-spin") }),
+        label ?? badgeLabels[status]
+      ]
+    }
+  );
+}
+
+// src/components/feedback/sync-status-bar.tsx
+var import_lucide_react8 = require("lucide-react");
+var import_jsx_runtime22 = require("react/jsx-runtime");
+function pluralize(count, singular, plural) {
+  return `${count} ${count === 1 ? singular : plural}`;
+}
+function SyncStatusBar({
+  className,
+  state,
+  pendingCount = 0,
+  errorCount = 0,
+  syncingCount = 0,
+  onClick,
+  label
+}) {
+  const config = {
+    conflict: {
+      icon: import_lucide_react8.AlertTriangle,
+      text: label ?? `${pluralize(errorCount || 1, "operacion", "operaciones")} con error`,
+      className: "bg-destructive/15 text-destructive"
+    },
+    offline: {
+      icon: import_lucide_react8.WifiOff,
+      text: label ?? (pendingCount > 0 ? `Offline \xB7 ${pluralize(pendingCount, "pendiente", "pendientes")}` : "Offline \xB7 sin pendientes"),
+      className: "bg-[var(--color-warning-bg)] text-[var(--color-warning)]"
+    },
+    syncing: {
+      icon: import_lucide_react8.Loader2,
+      text: label ?? `Sincronizando ${pluralize(syncingCount || 1, "operacion", "operaciones")}...`,
+      className: "bg-[var(--color-info-bg)] text-[var(--color-accent-blue)]",
+      spinning: true
+    },
+    pending: {
+      icon: import_lucide_react8.RefreshCw,
+      text: label ?? `${pluralize(pendingCount || 1, "pendiente", "pendientes")} por sincronizar`,
+      className: "bg-[var(--color-warning-bg)] text-[var(--color-warning)]"
+    },
+    synced: {
+      icon: import_lucide_react8.CheckCircle2,
+      text: label ?? "Todo sincronizado",
+      className: "bg-[var(--color-success-bg)] text-[var(--color-success)]"
+    }
+  };
+  const current = config[state];
+  const Icon2 = current.icon;
+  const isClickable = typeof onClick === "function";
+  const Component = isClickable ? "button" : "div";
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+    Component,
+    {
+      ...isClickable ? { type: "button", onClick } : {},
+      className: cn(
+        "flex h-8 w-full items-center justify-center gap-1.5 px-4 text-xs font-medium transition-opacity",
+        current.className,
+        isClickable ? "cursor-pointer hover:opacity-85 active:opacity-70" : "cursor-default",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Icon2, { className: cn("h-3.5 w-3.5", current.spinning && "animate-spin") }),
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { children: current.text }),
+        isClickable ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "ml-1 text-[10px] opacity-60", children: "\u2192" }) : null
+      ]
+    }
+  );
+}
+
 // src/components/feedback/toaster.tsx
+var import_lucide_react9 = require("lucide-react");
 var import_sonner2 = require("sonner");
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 function Toaster(props) {
   const { resolvedTheme } = useTheme();
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     import_sonner2.Toaster,
     {
       theme: resolvedTheme,
+      position: "top-right",
+      richColors: true,
       className: "toaster group",
+      icons: {
+        loading: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react9.LoaderCircle, { className: "h-4 w-4 animate-spin" })
+      },
       closeButton: true,
       toastOptions: {
         classNames: {
-          toast: "group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg",
+          toast: "group toast group-[.toaster]:rounded-xl group-[.toaster]:border group-[.toaster]:border-border group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:shadow-xl",
+          title: "text-sm font-semibold",
           description: "group-[.toast]:text-muted-foreground",
-          actionButton: "group-[.toast]:bg-primary group-[.toast]:text-primary-foreground",
-          cancelButton: "group-[.toast]:bg-muted group-[.toast]:text-muted-foreground"
+          actionButton: "group-[.toast]:bg-primary group-[.toast]:text-primary-foreground group-[.toast]:rounded-md",
+          cancelButton: "group-[.toast]:bg-muted group-[.toast]:text-muted-foreground group-[.toast]:rounded-md",
+          closeButton: "pointer-events-auto cursor-pointer rounded-md border border-border bg-background text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground"
         }
       },
       ...props
@@ -843,15 +1535,15 @@ function Toaster(props) {
 }
 
 // src/components/forms/searchable-select.tsx
-var React6 = __toESM(require("react"), 1);
-var import_lucide_react4 = require("lucide-react");
+var React9 = __toESM(require("react"), 1);
+var import_lucide_react10 = require("lucide-react");
 
 // src/components/primitives/input.tsx
-var React5 = __toESM(require("react"), 1);
-var import_jsx_runtime16 = require("react/jsx-runtime");
-var Input = React5.forwardRef(
+var React8 = __toESM(require("react"), 1);
+var import_jsx_runtime24 = require("react/jsx-runtime");
+var Input = React8.forwardRef(
   ({ className, type, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       "input",
       {
         type,
@@ -868,11 +1560,11 @@ var Input = React5.forwardRef(
 Input.displayName = "Input";
 
 // src/components/forms/searchable-select.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 function normalize(str) {
   return str.toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "");
 }
-var SearchableSelect = React6.forwardRef(
+var SearchableSelect = React9.forwardRef(
   ({
     options: options2,
     value,
@@ -885,12 +1577,12 @@ var SearchableSelect = React6.forwardRef(
     id,
     className
   }, ref) => {
-    const [open, setOpen] = React6.useState(false);
-    const [search, setSearch] = React6.useState("");
-    const wrapperRef = React6.useRef(null);
-    const searchRef = React6.useRef(null);
-    const selected = React6.useMemo(() => options2.find((option) => option.value === value) ?? null, [options2, value]);
-    const filtered = React6.useMemo(() => {
+    const [open, setOpen] = React9.useState(false);
+    const [search, setSearch] = React9.useState("");
+    const wrapperRef = React9.useRef(null);
+    const searchRef = React9.useRef(null);
+    const selected = React9.useMemo(() => options2.find((option) => option.value === value) ?? null, [options2, value]);
+    const filtered = React9.useMemo(() => {
       if (!search.trim()) {
         return options2;
       }
@@ -916,7 +1608,7 @@ var SearchableSelect = React6.forwardRef(
         setSearch("");
       }
     }
-    React6.useEffect(() => {
+    React9.useEffect(() => {
       if (!open) {
         return;
       }
@@ -929,15 +1621,15 @@ var SearchableSelect = React6.forwardRef(
       document.addEventListener("mousedown", handleMouseDown);
       return () => document.removeEventListener("mousedown", handleMouseDown);
     }, [open]);
-    React6.useEffect(() => {
+    React9.useEffect(() => {
       if (!open) {
         return;
       }
       const timer = setTimeout(() => searchRef.current?.focus(), 50);
       return () => clearTimeout(timer);
     }, [open]);
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { ref: wrapperRef, className: cn("relative w-full", className), onKeyDown: handleKeyDown, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { ref: wrapperRef, className: cn("relative w-full", className), onKeyDown: handleKeyDown, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
         "button",
         {
           ref,
@@ -952,26 +1644,26 @@ var SearchableSelect = React6.forwardRef(
             "flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-left text-sm ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50"
           ),
           children: [
-            loading ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "flex items-center gap-2 text-muted-foreground", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react4.Loader2, { className: "h-4 w-4 animate-spin" }),
+            loading ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("span", { className: "flex items-center gap-2 text-muted-foreground", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react10.Loader2, { className: "h-4 w-4 animate-spin" }),
               "Loading..."
-            ] }) : selected ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "flex items-center gap-2 truncate", children: [
-              selected.sublabel ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "shrink-0 font-mono text-xs text-muted-foreground", children: selected.sublabel }) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "truncate", children: selected.label })
-            ] }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-muted-foreground", children: placeholder }),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "ml-2 shrink-0 opacity-50", children: open ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react4.ChevronUp, { className: "h-4 w-4" }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react4.ChevronDown, { className: "h-4 w-4" }) })
+            ] }) : selected ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("span", { className: "flex items-center gap-2 truncate", children: [
+              selected.sublabel ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "shrink-0 font-mono text-xs text-muted-foreground", children: selected.sublabel }) : null,
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "truncate", children: selected.label })
+            ] }) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "text-muted-foreground", children: placeholder }),
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "ml-2 shrink-0 opacity-50", children: open ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react10.ChevronUp, { className: "h-4 w-4" }) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react10.ChevronDown, { className: "h-4 w-4" }) })
           ]
         }
       ),
-      open ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+      open ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
         "div",
         {
           role: "listbox",
           className: "animate-in fade-in-0 zoom-in-95 absolute z-50 mt-1 w-full rounded-md border border-border bg-popover text-popover-foreground shadow-md",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "sticky top-0 flex items-center gap-2 border-b border-border bg-popover px-3 py-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react4.Search, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "sticky top-0 flex items-center gap-2 border-b border-border bg-popover px-3 py-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react10.Search, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
                 Input,
                 {
                   ref: searchRef,
@@ -983,9 +1675,9 @@ var SearchableSelect = React6.forwardRef(
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("ul", { className: "max-h-60 overflow-y-auto overscroll-contain p-1", children: filtered.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("li", { className: "px-4 py-3 text-center text-xs text-muted-foreground", children: emptyMessage }) : filtered.map((option) => {
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("ul", { className: "max-h-60 overflow-y-auto overscroll-contain p-1", children: filtered.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("li", { className: "px-4 py-3 text-center text-xs text-muted-foreground", children: emptyMessage }) : filtered.map((option) => {
               const isSelected = option.value === value;
-              return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+              return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
                 "li",
                 {
                   role: "option",
@@ -996,10 +1688,10 @@ var SearchableSelect = React6.forwardRef(
                     isSelected && "bg-accent/50 font-medium"
                   ),
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: isSelected ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react4.Check, { className: "h-4 w-4" }) : null }),
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "flex items-center gap-2 truncate", children: [
-                      option.sublabel ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "shrink-0 font-mono text-xs text-muted-foreground", children: option.sublabel }) : null,
-                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "truncate", children: option.label })
+                    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: isSelected ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react10.Check, { className: "h-4 w-4" }) : null }),
+                    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("span", { className: "flex items-center gap-2 truncate", children: [
+                      option.sublabel ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "shrink-0 font-mono text-xs text-muted-foreground", children: option.sublabel }) : null,
+                      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "truncate", children: option.label })
                     ] })
                   ]
                 },
@@ -1015,14 +1707,14 @@ var SearchableSelect = React6.forwardRef(
 SearchableSelect.displayName = "SearchableSelect";
 
 // src/components/forms/select.tsx
-var React7 = __toESM(require("react"), 1);
+var React10 = __toESM(require("react"), 1);
 var SelectPrimitive = __toESM(require("@radix-ui/react-select"), 1);
-var import_lucide_react5 = require("lucide-react");
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_lucide_react11 = require("lucide-react");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 var Select = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React7.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+var SelectTrigger = React10.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -1033,24 +1725,24 @@ var SelectTrigger = React7.forwardRef(({ className, children, ...props }, ref) =
     ...props,
     children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react5.ChevronDown, { className: "h-4 w-4 opacity-50" }) })
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react11.ChevronDown, { className: "h-4 w-4 opacity-50" }) })
     ]
   }
 ));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(SelectPrimitive.ScrollUpButton, { ref, className: cn("flex cursor-default items-center justify-center py-1", className), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react5.ChevronUp, { className: "h-4 w-4" }) }));
+var SelectScrollUpButton = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(SelectPrimitive.ScrollUpButton, { ref, className: cn("flex cursor-default items-center justify-center py-1", className), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react11.ChevronUp, { className: "h-4 w-4" }) }));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+var SelectScrollDownButton = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
     className: cn("flex cursor-default items-center justify-center py-1", className),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react5.ChevronDown, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react11.ChevronDown, { className: "h-4 w-4" })
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React7.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+var SelectContent = React10.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
   SelectPrimitive.Content,
   {
     ref,
@@ -1062,8 +1754,8 @@ var SelectContent = React7.forwardRef(({ className, children, position = "popper
     position,
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(SelectScrollUpButton, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(SelectScrollUpButton, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
         SelectPrimitive.Viewport,
         {
           className: cn(
@@ -1073,14 +1765,14 @@ var SelectContent = React7.forwardRef(({ className, children, position = "popper
           children
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(SelectScrollDownButton, {})
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(SelectScrollDownButton, {})
     ]
   }
 ) }));
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(SelectPrimitive.Label, { ref, className: cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className), ...props }));
+var SelectLabel = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(SelectPrimitive.Label, { ref, className: cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className), ...props }));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React7.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+var SelectItem = React10.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
   SelectPrimitive.Item,
   {
     ref,
@@ -1090,80 +1782,80 @@ var SelectItem = React7.forwardRef(({ className, children, ...props }, ref) => /
     ),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react5.Check, { className: "h-4 w-4" }) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(SelectPrimitive.ItemText, { children })
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react11.Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(SelectPrimitive.ItemText, { children })
     ]
   }
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(SelectPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-muted", className), ...props }));
+var SelectSeparator = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(SelectPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-muted", className), ...props }));
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 
 // src/components/layout/app-shell.tsx
 var import_react2 = require("react");
 
 // src/components/overlays/drawer.tsx
-var React8 = __toESM(require("react"), 1);
+var React11 = __toESM(require("react"), 1);
 var import_vaul = require("vaul");
-var import_jsx_runtime19 = require("react/jsx-runtime");
-var Drawer = ({ shouldScaleBackground = true, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_vaul.Drawer.Root, { shouldScaleBackground, ...props });
+var import_jsx_runtime27 = require("react/jsx-runtime");
+var Drawer = ({ shouldScaleBackground = true, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_vaul.Drawer.Root, { shouldScaleBackground, ...props });
 Drawer.displayName = "Drawer";
 var DrawerTrigger = import_vaul.Drawer.Trigger;
 var DrawerPortal = import_vaul.Drawer.Portal;
 var DrawerClose = import_vaul.Drawer.Close;
-var DrawerOverlay = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_vaul.Drawer.Overlay, { ref, className: cn("fixed inset-0 z-50 bg-black/80", className), ...props }));
+var DrawerOverlay = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_vaul.Drawer.Overlay, { ref, className: cn("fixed inset-0 z-50 bg-black/80", className), ...props }));
 DrawerOverlay.displayName = import_vaul.Drawer.Overlay.displayName;
-var DrawerContent = React8.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(DrawerPortal, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DrawerOverlay, {}),
-  /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+var DrawerContent = React11.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(DrawerPortal, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(DrawerOverlay, {}),
+  /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
     import_vaul.Drawer.Content,
     {
       ref,
       className: cn("fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background", className),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" }),
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" }),
         children
       ]
     }
   )
 ] }));
 DrawerContent.displayName = "DrawerContent";
-var DrawerHeader = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: cn("grid gap-1.5 p-4 text-center sm:text-left", className), ...props });
+var DrawerHeader = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: cn("grid gap-1.5 p-4 text-center sm:text-left", className), ...props });
 DrawerHeader.displayName = "DrawerHeader";
-var DrawerFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: cn("mt-auto flex flex-col gap-2 p-4", className), ...props });
+var DrawerFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: cn("mt-auto flex flex-col gap-2 p-4", className), ...props });
 DrawerFooter.displayName = "DrawerFooter";
-var DrawerTitle = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_vaul.Drawer.Title, { ref, className: cn("text-lg font-semibold leading-none tracking-tight", className), ...props }));
+var DrawerTitle = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_vaul.Drawer.Title, { ref, className: cn("text-lg font-semibold leading-none tracking-tight", className), ...props }));
 DrawerTitle.displayName = import_vaul.Drawer.Title.displayName;
-var DrawerDescription = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_vaul.Drawer.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
+var DrawerDescription = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_vaul.Drawer.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
 DrawerDescription.displayName = import_vaul.Drawer.Description.displayName;
 
 // src/components/navigation/navbar.tsx
-var import_lucide_react6 = require("lucide-react");
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_lucide_react12 = require("lucide-react");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 function Navbar({ brand, actions, onMenuClick, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("header", { className: cn("h-14 shrink-0 border-b border-border bg-card/80 px-4 backdrop-blur-sm", className), children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "mx-auto flex h-full w-full max-w-7xl items-center justify-between gap-3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex min-w-0 flex-1 items-center gap-3", children: [
-      onMenuClick ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Button, { type: "button", variant: "ghost", size: "icon", onClick: onMenuClick, "aria-label": "Open navigation", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react6.Menu, { size: 20 }) }) : null,
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("header", { className: cn("h-14 shrink-0 border-b border-border bg-card/80 px-4 backdrop-blur-sm", className), children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "mx-auto flex h-full w-full max-w-7xl items-center justify-between gap-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex min-w-0 flex-1 items-center gap-3", children: [
+      onMenuClick ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Button, { type: "button", variant: "ghost", size: "icon", onClick: onMenuClick, "aria-label": "Open navigation", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react12.Menu, { size: 20 }) }) : null,
       brand
     ] }),
-    actions ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "flex shrink-0 items-center gap-3", children: actions }) : null
+    actions ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "flex shrink-0 items-center gap-3", children: actions }) : null
   ] }) });
 }
 
 // src/components/navigation/sidebar.tsx
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 function getInitials2(name) {
   return name.trim().split(" ").filter(Boolean).slice(0, 2).map((part) => part[0]?.toUpperCase() ?? "").join("");
 }
 function Sidebar({ brand, groups, user, footerAction, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("aside", { className: cn("flex h-full w-72 max-w-[85vw] flex-col border-r border-border bg-background", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "border-b border-border px-5 py-4", children: brand }),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("nav", { className: "flex-1 space-y-6 overflow-y-auto px-3 py-4", children: groups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "mb-2 px-2 text-xs font-semibold uppercase tracking-widest text-muted-foreground", children: group.label }),
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("ul", { className: "space-y-0.5", children: group.items.map((item) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("aside", { className: cn("flex h-full w-72 max-w-[85vw] flex-col border-r border-border bg-background", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "border-b border-border px-5 py-4", children: brand }),
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("nav", { className: "flex-1 space-y-6 overflow-y-auto px-3 py-4", children: groups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "mb-2 px-2 text-xs font-semibold uppercase tracking-widest text-muted-foreground", children: group.label }),
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("ul", { className: "space-y-0.5", children: group.items.map((item) => {
         const Icon2 = item.icon;
-        return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
           "a",
           {
             href: item.href,
@@ -1173,26 +1865,26 @@ function Sidebar({ brand, groups, user, footerAction, className }) {
               item.active ? "bg-primary text-primary-foreground" : "text-foreground hover:bg-accent hover:text-accent-foreground"
             ),
             children: [
-              Icon2 ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Icon2, { size: 17, className: "shrink-0" }) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "flex-1", children: item.label })
+              Icon2 ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Icon2, { size: 17, className: "shrink-0" }) : null,
+              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "flex-1", children: item.label })
             ]
           }
         ) }, `${group.label}-${item.label}`);
       }) })
     ] }, group.label)) }),
-    user ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "border-t border-border px-5 py-4", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Avatar, { className: "h-9 w-9 shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(AvatarFallback, { className: "bg-primary text-xs font-semibold text-primary-foreground", children: user.initials ?? getInitials2(user.name) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "truncate text-sm font-medium text-foreground", children: user.name }),
-        user.role ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "truncate text-xs text-muted-foreground", children: user.role }) : null
+    user ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "border-t border-border px-5 py-4", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Avatar, { className: "h-9 w-9 shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(AvatarFallback, { className: "bg-primary text-xs font-semibold text-primary-foreground", children: user.initials ?? getInitials2(user.name) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "truncate text-sm font-medium text-foreground", children: user.name }),
+        user.role ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "truncate text-xs text-muted-foreground", children: user.role }) : null
       ] }),
-      footerAction ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Button, { type: "button", variant: "ghost", size: "sm", onClick: footerAction.onClick, children: footerAction.label }) : null
+      footerAction ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Button, { type: "button", variant: "ghost", size: "sm", onClick: footerAction.onClick, children: footerAction.label }) : null
     ] }) }) : null
   ] });
 }
 
 // src/components/layout/app-shell.tsx
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 function AppShell({
   brand,
   actions,
@@ -1202,47 +1894,47 @@ function AppShell({
   children
 }) {
   const [open, setOpen] = (0, import_react2.useState)(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "min-h-screen bg-background", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Navbar, { brand, actions, onMenuClick: () => setOpen(true) }),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Drawer, { open, onOpenChange: setOpen, direction: "left", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(DrawerContent, { className: "h-full w-72 rounded-none border-r border-border p-0", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Sidebar, { brand, groups: sidebarGroups, user: sidebarUser, footerAction: sidebarFooterAction }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("main", { className: "mx-auto w-full max-w-7xl px-4 py-6 sm:px-6", children })
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "min-h-screen bg-background", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Navbar, { brand, actions, onMenuClick: () => setOpen(true) }),
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Drawer, { open, onOpenChange: setOpen, direction: "left", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(DrawerContent, { className: "h-full w-72 rounded-none border-r border-border p-0", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Sidebar, { brand, groups: sidebarGroups, user: sidebarUser, footerAction: sidebarFooterAction }) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("main", { className: "mx-auto w-full max-w-7xl px-4 py-6 sm:px-6", children })
   ] });
 }
 
 // src/components/layout/form-section.tsx
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 function FormSection({ title, description, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(Card, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(CardHeader, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(CardTitle, { children: title }),
-      description ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(CardDescription, { children: description }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(Card, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(CardHeader, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(CardTitle, { children: title }),
+      description ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(CardDescription, { children: description }) : null
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(CardContent, { children })
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(CardContent, { children })
   ] });
 }
 
 // src/components/layout/page-header.tsx
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 function PageHeader({ title, description, action }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex items-start justify-between gap-4 sm:flex-row sm:items-center", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("h1", { className: "text-2xl font-semibold text-foreground", style: { fontFamily: "var(--font-display)" }, children: title }),
-      description ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "mt-0.5 text-sm text-muted-foreground", children: description }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex items-start justify-between gap-4 sm:flex-row sm:items-center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("h1", { className: "text-2xl font-semibold text-foreground", style: { fontFamily: "var(--font-display)" }, children: title }),
+      description ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "mt-0.5 text-sm text-muted-foreground", children: description }) : null
     ] }),
-    action ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { children: action }) : null
+    action ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { children: action }) : null
   ] });
 }
 
 // src/components/layout/theme-toggle.tsx
-var import_lucide_react7 = require("lucide-react");
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_lucide_react13 = require("lucide-react");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 var options = [
-  { value: "light", Icon: import_lucide_react7.Sun, label: "Light" },
-  { value: "dark", Icon: import_lucide_react7.Moon, label: "Dark" }
+  { value: "light", Icon: import_lucide_react13.Sun, label: "Light" },
+  { value: "dark", Icon: import_lucide_react13.Moon, label: "Dark" }
 ];
 function ThemeToggle({ className }) {
   const { theme, setTheme } = useTheme();
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: cn("flex items-center gap-1 rounded-lg border border-border bg-muted p-1", className), children: options.map(({ value, Icon: Icon2, label }) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: cn("flex items-center gap-1 rounded-lg border border-border bg-muted p-1", className), children: options.map(({ value, Icon: Icon2, label }) => /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
     "button",
     {
       type: "button",
@@ -1253,8 +1945,8 @@ function ThemeToggle({ className }) {
         theme === value ? "bg-card text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Icon2, { size: 13 }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { children: label })
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Icon2, { size: 13 }),
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { children: label })
       ]
     },
     value
@@ -1262,188 +1954,69 @@ function ThemeToggle({ className }) {
 }
 
 // src/components/navigation/breadcrumb.tsx
-var React9 = __toESM(require("react"), 1);
+var React12 = __toESM(require("react"), 1);
 var import_react_slot2 = require("@radix-ui/react-slot");
-var import_lucide_react8 = require("lucide-react");
-var import_jsx_runtime26 = require("react/jsx-runtime");
-var Breadcrumb = React9.forwardRef(({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("nav", { ref, "aria-label": "breadcrumb", ...props }));
+var import_lucide_react14 = require("lucide-react");
+var import_jsx_runtime34 = require("react/jsx-runtime");
+var Breadcrumb = React12.forwardRef(({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("nav", { ref, "aria-label": "breadcrumb", ...props }));
 Breadcrumb.displayName = "Breadcrumb";
-var BreadcrumbList = React9.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+var BreadcrumbList = React12.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     "ol",
     {
-      ref,
-      className: cn("flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5", className),
-      ...props
-    }
-  )
-);
-BreadcrumbList.displayName = "BreadcrumbList";
-var BreadcrumbItem = React9.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("li", { ref, className: cn("inline-flex items-center gap-1.5", className), ...props })
-);
-BreadcrumbItem.displayName = "BreadcrumbItem";
-var BreadcrumbLink = React9.forwardRef(({ asChild, className, ...props }, ref) => {
-  const Comp = asChild ? import_react_slot2.Slot : "a";
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Comp, { ref, className: cn("transition-colors hover:text-foreground", className), ...props });
-});
-BreadcrumbLink.displayName = "BreadcrumbLink";
-var BreadcrumbPage = React9.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-    "span",
-    {
-      ref,
-      role: "link",
-      "aria-disabled": "true",
-      "aria-current": "page",
-      className: cn("font-normal text-foreground", className),
-      ...props
-    }
-  )
-);
-BreadcrumbPage.displayName = "BreadcrumbPage";
-var BreadcrumbSeparator = ({ children, className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("li", { role: "presentation", "aria-hidden": "true", className: cn("[&>svg]:h-3.5 [&>svg]:w-3.5", className), ...props, children: children ?? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react8.ChevronRight, {}) });
-BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
-var BreadcrumbEllipsis = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("span", { role: "presentation", "aria-hidden": "true", className: cn("flex h-9 w-9 items-center justify-center", className), ...props, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react8.MoreHorizontal, { className: "h-4 w-4" }),
-  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "sr-only", children: "More" })
-] });
-BreadcrumbEllipsis.displayName = "BreadcrumbElipssis";
-
-// src/components/navigation/page-breadcrumb.tsx
-var import_react3 = require("react");
-var import_jsx_runtime27 = require("react/jsx-runtime");
-function PageBreadcrumb({ items }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Breadcrumb, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(BreadcrumbList, { children: items.map((item, index) => {
-    const isLast = index === items.length - 1;
-    return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react3.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(BreadcrumbItem, { children: !isLast && item.href ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(BreadcrumbLink, { href: item.href, children: item.label }) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(BreadcrumbPage, { children: item.label }) }),
-      !isLast ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(BreadcrumbSeparator, {}) : null
-    ] }, `${item.label}-${index}`);
-  }) }) });
-}
-
-// src/components/navigation/steps.tsx
-var import_lucide_react9 = require("lucide-react");
-var import_jsx_runtime28 = require("react/jsx-runtime");
-var indicatorStyles = {
-  complete: "border-primary bg-primary text-primary-foreground",
-  current: "border-primary bg-primary/10 text-primary",
-  upcoming: "border-border bg-background text-muted-foreground",
-  error: "border-destructive bg-destructive/10 text-destructive"
-};
-function Steps({ className, items, orientation = "horizontal" }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("ol", { className: cn("flex", orientation === "horizontal" ? "flex-col gap-4 md:flex-row" : "flex-col", className), children: items.map((item, index) => {
-    const status = item.status ?? "upcoming";
-    const isLast = index === items.length - 1;
-    return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
-      "li",
-      {
-        className: cn("relative", orientation === "horizontal" ? "flex-1" : "pb-6 last:pb-0"),
-        children: [
-          !isLast ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-            "span",
-            {
-              "aria-hidden": "true",
-              className: cn(
-                "absolute bg-border",
-                orientation === "horizontal" ? "left-[calc(50%+1rem)] top-4 hidden h-px w-[calc(100%-1rem)] md:block" : "left-4 top-9 h-[calc(100%-1rem)] w-px"
-              )
-            }
-          ) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: cn(
-            orientation === "horizontal" ? "flex flex-col items-center gap-2 text-center" : "flex items-start gap-3"
-          ), children: [
-            /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
-              "span",
-              {
-                className: cn(
-                  "relative z-10 inline-flex h-8 w-8 items-center justify-center rounded-full border text-sm font-semibold shadow-sm",
-                  indicatorStyles[status]
-                ),
-                children: [
-                  status === "complete" ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react9.Check, { className: "h-4 w-4" }) : null,
-                  status === "error" ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react9.AlertCircle, { className: "h-4 w-4" }) : null,
-                  status === "current" || status === "upcoming" ? index + 1 : null
-                ]
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: cn("grid gap-1", orientation === "vertical" && "pt-1"), children: [
-              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: cn("text-sm font-medium", status === "upcoming" ? "text-muted-foreground" : "text-foreground"), children: item.title }),
-              item.description ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "text-xs text-muted-foreground", children: item.description }) : null
-            ] })
-          ] })
-        ]
-      },
-      item.id ?? item.title
-    );
-  }) });
-}
-
-// src/components/overlays/dialog.tsx
-var React10 = __toESM(require("react"), 1);
-var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
-var import_lucide_react10 = require("lucide-react");
-var import_jsx_runtime29 = require("react/jsx-runtime");
-var Dialog = DialogPrimitive.Root;
-var DialogTrigger = DialogPrimitive.Trigger;
-var DialogPortal = DialogPrimitive.Portal;
-var DialogClose = DialogPrimitive.Close;
-var DialogOverlay = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-  DialogPrimitive.Overlay,
-  {
-    ref,
-    className: cn(
-      "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-      className
-    ),
-    ...props
-  }
-));
-DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContent = React10.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(DialogPortal, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(DialogOverlay, {}),
-  /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
-    DialogPrimitive.Content,
+      ref,
+      className: cn("flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5", className),
+      ...props
+    }
+  )
+);
+BreadcrumbList.displayName = "BreadcrumbList";
+var BreadcrumbItem = React12.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("li", { ref, className: cn("inline-flex items-center gap-1.5", className), ...props })
+);
+BreadcrumbItem.displayName = "BreadcrumbItem";
+var BreadcrumbLink = React12.forwardRef(({ asChild, className, ...props }, ref) => {
+  const Comp = asChild ? import_react_slot2.Slot : "a";
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Comp, { ref, className: cn("transition-colors hover:text-foreground", className), ...props });
+});
+BreadcrumbLink.displayName = "BreadcrumbLink";
+var BreadcrumbPage = React12.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+    "span",
     {
       ref,
-      className: cn(
-        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react10.X, { className: "h-4 w-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "sr-only", children: "Close" })
-        ] })
-      ]
+      role: "link",
+      "aria-disabled": "true",
+      "aria-current": "page",
+      className: cn("font-normal text-foreground", className),
+      ...props
     }
   )
-] }));
-DialogContent.displayName = DialogPrimitive.Content.displayName;
-var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className), ...props });
-DialogHeader.displayName = "DialogHeader";
-var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
-DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(DialogPrimitive.Title, { ref, className: cn("text-lg font-semibold leading-none tracking-tight", className), ...props }));
-DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(DialogPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
-DialogDescription.displayName = DialogPrimitive.Description.displayName;
+);
+BreadcrumbPage.displayName = "BreadcrumbPage";
+var BreadcrumbSeparator = ({ children, className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("li", { role: "presentation", "aria-hidden": "true", className: cn("[&>svg]:h-3.5 [&>svg]:w-3.5", className), ...props, children: children ?? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react14.ChevronRight, {}) });
+BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
+var BreadcrumbEllipsis = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("span", { role: "presentation", "aria-hidden": "true", className: cn("flex h-9 w-9 items-center justify-center", className), ...props, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react14.MoreHorizontal, { className: "h-4 w-4" }),
+  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "sr-only", children: "More" })
+] });
+BreadcrumbEllipsis.displayName = "BreadcrumbElipssis";
+
+// src/components/navigation/header-user-menu.tsx
+var import_lucide_react16 = require("lucide-react");
 
 // src/components/overlays/dropdown-menu.tsx
-var React11 = __toESM(require("react"), 1);
+var React13 = __toESM(require("react"), 1);
 var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"), 1);
-var import_lucide_react11 = require("lucide-react");
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_lucide_react15 = require("lucide-react");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 var DropdownMenu = DropdownMenuPrimitive.Root;
 var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
 var DropdownMenuGroup = DropdownMenuPrimitive.Group;
 var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
 var DropdownMenuSub = DropdownMenuPrimitive.Sub;
 var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
-var DropdownMenuSubTrigger = React11.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+var DropdownMenuSubTrigger = React13.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
   DropdownMenuPrimitive.SubTrigger,
   {
     ref,
@@ -1455,12 +2028,12 @@ var DropdownMenuSubTrigger = React11.forwardRef(({ className, inset, children, .
     ...props,
     children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react11.ChevronRight, { className: "ml-auto" })
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react15.ChevronRight, { className: "ml-auto" })
     ]
   }
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+var DropdownMenuSubContent = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
   DropdownMenuPrimitive.SubContent,
   {
     ref,
@@ -1472,7 +2045,7 @@ var DropdownMenuSubContent = React11.forwardRef(({ className, ...props }, ref) =
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React11.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+var DropdownMenuContent = React13.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
   DropdownMenuPrimitive.Content,
   {
     ref,
@@ -1485,7 +2058,7 @@ var DropdownMenuContent = React11.forwardRef(({ className, sideOffset = 4, ...pr
   }
 ) }));
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React11.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+var DropdownMenuItem = React13.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
   DropdownMenuPrimitive.Item,
   {
     ref,
@@ -1498,7 +2071,7 @@ var DropdownMenuItem = React11.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React11.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+var DropdownMenuCheckboxItem = React13.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
   DropdownMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -1509,13 +2082,13 @@ var DropdownMenuCheckboxItem = React11.forwardRef(({ className, children, checke
     ...checked !== void 0 ? { checked } : {},
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react11.Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react15.Check, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
 ));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React11.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+var DropdownMenuRadioItem = React13.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
   DropdownMenuPrimitive.RadioItem,
   {
     ref,
@@ -1525,84 +2098,208 @@ var DropdownMenuRadioItem = React11.forwardRef(({ className, children, ...props
     ),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react11.Circle, { className: "h-2 w-2 fill-current" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react15.Circle, { className: "h-2 w-2 fill-current" }) }) }),
       children
     ]
   }
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React11.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(DropdownMenuPrimitive.Label, { ref, className: cn("px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className), ...props }));
+var DropdownMenuLabel = React13.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(DropdownMenuPrimitive.Label, { ref, className: cn("px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className), ...props }));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(DropdownMenuPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-muted", className), ...props }));
+var DropdownMenuSeparator = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(DropdownMenuPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-muted", className), ...props }));
 DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
-var DropdownMenuShortcut = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: cn("ml-auto text-xs tracking-widest opacity-60", className), ...props });
+var DropdownMenuShortcut = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: cn("ml-auto text-xs tracking-widest opacity-60", className), ...props });
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 
-// src/components/overlays/sheet.tsx
-var React12 = __toESM(require("react"), 1);
-var SheetPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
-var import_class_variance_authority3 = require("class-variance-authority");
-var import_lucide_react12 = require("lucide-react");
-var import_jsx_runtime31 = require("react/jsx-runtime");
-var Sheet = SheetPrimitive.Root;
-var SheetTrigger = SheetPrimitive.Trigger;
-var SheetClose = SheetPrimitive.Close;
-var SheetPortal = SheetPrimitive.Portal;
-var SheetOverlay = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
-  SheetPrimitive.Overlay,
+// src/components/navigation/header-user-menu.tsx
+var import_jsx_runtime36 = require("react/jsx-runtime");
+function getInitials3(name) {
+  return name.trim().split(" ").filter(Boolean).slice(0, 2).map((part) => part[0]?.toUpperCase() ?? "").join("");
+}
+function HeaderUserMenu({
+  className,
+  name,
+  email,
+  role,
+  initials,
+  avatarSrc,
+  logoutLabel = "Cerrar sesion",
+  onLogout,
+  extraItems
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(DropdownMenu, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+      "button",
+      {
+        type: "button",
+        "aria-label": "Menu de usuario",
+        className: cn(
+          "flex cursor-pointer items-center gap-2 rounded-lg px-2 py-1.5 transition-colors hover:bg-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+          className
+        ),
+        children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(Avatar, { className: "h-8 w-8", children: [
+          avatarSrc ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(AvatarImage, { src: avatarSrc, alt: name }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(AvatarFallback, { className: "bg-primary text-xs font-semibold text-primary-foreground", children: initials ?? getInitials3(name) })
+        ] })
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(DropdownMenuContent, { align: "end", className: "w-60", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(DropdownMenuLabel, { className: "font-normal", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "grid min-w-0 flex-1 gap-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "truncate text-sm font-semibold text-foreground", children: name }),
+          email ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "truncate text-xs text-muted-foreground", children: email }) : null
+        ] }),
+        role ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Badge, { variant: "outline", className: "h-fit max-w-[110px] truncate", children: role }) : null
+      ] }) }),
+      extraItems ? /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_jsx_runtime36.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(DropdownMenuSeparator, {}),
+        extraItems
+      ] }) : null,
+      onLogout ? /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_jsx_runtime36.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(DropdownMenuSeparator, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+          DropdownMenuItem,
+          {
+            onClick: onLogout,
+            className: "cursor-pointer gap-2 text-destructive focus:bg-destructive/10 focus:text-destructive",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react16.LogOut, { className: "h-4 w-4" }),
+              logoutLabel
+            ]
+          }
+        )
+      ] }) : null
+    ] })
+  ] });
+}
+
+// src/components/navigation/page-breadcrumb.tsx
+var import_react3 = require("react");
+var import_jsx_runtime37 = require("react/jsx-runtime");
+function PageBreadcrumb({ items }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Breadcrumb, { children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(BreadcrumbList, { children: items.map((item, index) => {
+    const isLast = index === items.length - 1;
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_react3.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(BreadcrumbItem, { children: !isLast && item.href ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(BreadcrumbLink, { href: item.href, children: item.label }) : /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(BreadcrumbPage, { children: item.label }) }),
+      !isLast ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(BreadcrumbSeparator, {}) : null
+    ] }, `${item.label}-${index}`);
+  }) }) });
+}
+
+// src/components/navigation/steps.tsx
+var import_lucide_react17 = require("lucide-react");
+var import_jsx_runtime38 = require("react/jsx-runtime");
+var indicatorStyles = {
+  complete: "border-primary bg-primary text-primary-foreground",
+  current: "border-primary bg-primary/10 text-primary",
+  upcoming: "border-border bg-background text-muted-foreground",
+  error: "border-destructive bg-destructive/10 text-destructive"
+};
+function Steps({ className, items, orientation = "horizontal" }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("ol", { className: cn("flex", orientation === "horizontal" ? "flex-col gap-4 md:flex-row" : "flex-col", className), children: items.map((item, index) => {
+    const status = item.status ?? "upcoming";
+    const isLast = index === items.length - 1;
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+      "li",
+      {
+        className: cn("relative", orientation === "horizontal" ? "flex-1" : "pb-6 last:pb-0"),
+        children: [
+          !isLast ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+            "span",
+            {
+              "aria-hidden": "true",
+              className: cn(
+                "absolute bg-border",
+                orientation === "horizontal" ? "left-[calc(50%+1rem)] top-4 hidden h-px w-[calc(100%-1rem)] md:block" : "left-4 top-9 h-[calc(100%-1rem)] w-px"
+              )
+            }
+          ) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: cn(
+            orientation === "horizontal" ? "flex flex-col items-center gap-2 text-center" : "flex items-start gap-3"
+          ), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+              "span",
+              {
+                className: cn(
+                  "relative z-10 inline-flex h-8 w-8 items-center justify-center rounded-full border text-sm font-semibold shadow-sm",
+                  indicatorStyles[status]
+                ),
+                children: [
+                  status === "complete" ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react17.Check, { className: "h-4 w-4" }) : null,
+                  status === "error" ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react17.AlertCircle, { className: "h-4 w-4" }) : null,
+                  status === "current" || status === "upcoming" ? index + 1 : null
+                ]
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: cn("grid gap-1", orientation === "vertical" && "pt-1"), children: [
+              /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: cn("text-sm font-medium", status === "upcoming" ? "text-muted-foreground" : "text-foreground"), children: item.title }),
+              item.description ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: "text-xs text-muted-foreground", children: item.description }) : null
+            ] })
+          ] })
+        ]
+      },
+      item.id ?? item.title
+    );
+  }) });
+}
+
+// src/components/overlays/dialog.tsx
+var React14 = __toESM(require("react"), 1);
+var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
+var import_lucide_react18 = require("lucide-react");
+var import_jsx_runtime39 = require("react/jsx-runtime");
+var Dialog = DialogPrimitive.Root;
+var DialogTrigger = DialogPrimitive.Trigger;
+var DialogPortal = DialogPrimitive.Portal;
+var DialogClose = DialogPrimitive.Close;
+var DialogOverlay = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  DialogPrimitive.Overlay,
   {
+    ref,
     className: cn(
       "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
       className
     ),
-    ...props,
-    ref
+    ...props
   }
 ));
-SheetOverlay.displayName = SheetPrimitive.Overlay.displayName;
-var sheetVariants = (0, import_class_variance_authority3.cva)(
-  "fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
-  {
-    variants: {
-      side: {
-        top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
-        bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
-        left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
-        right: "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"
-      }
-    },
-    defaultVariants: {
-      side: "right"
+DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
+var DialogContent = React14.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(DialogPortal, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(DialogOverlay, {}),
+  /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+    DialogPrimitive.Content,
+    {
+      ref,
+      className: cn(
+        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react18.X, { className: "h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "sr-only", children: "Close" })
+        ] })
+      ]
     }
-  }
-);
-var SheetContent = React12.forwardRef(
-  ({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(SheetPortal, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SheetOverlay, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(SheetPrimitive.Content, { ref, className: cn(sheetVariants({ side }), className), ...props, children: [
-      children,
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react12.X, { className: "h-4 w-4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "sr-only", children: "Close" })
-      ] })
-    ] })
-  ] })
-);
-SheetContent.displayName = SheetPrimitive.Content.displayName;
-var SheetHeader = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
-SheetHeader.displayName = "SheetHeader";
-var SheetFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
-SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SheetPrimitive.Title, { ref, className: cn("text-lg font-semibold text-foreground", className), ...props }));
-SheetTitle.displayName = SheetPrimitive.Title.displayName;
-var SheetDescription = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SheetPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
-SheetDescription.displayName = SheetPrimitive.Description.displayName;
+  )
+] }));
+DialogContent.displayName = DialogPrimitive.Content.displayName;
+var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className), ...props });
+DialogHeader.displayName = "DialogHeader";
+var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
+DialogFooter.displayName = "DialogFooter";
+var DialogTitle = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(DialogPrimitive.Title, { ref, className: cn("text-lg font-semibold leading-none tracking-tight", className), ...props }));
+DialogTitle.displayName = DialogPrimitive.Title.displayName;
+var DialogDescription = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(DialogPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
+DialogDescription.displayName = DialogPrimitive.Description.displayName;
 
 // src/components/primitives/alert.tsx
-var React13 = __toESM(require("react"), 1);
-var import_class_variance_authority4 = require("class-variance-authority");
-var import_jsx_runtime32 = require("react/jsx-runtime");
-var alertVariants = (0, import_class_variance_authority4.cva)("relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground", {
+var React15 = __toESM(require("react"), 1);
+var import_class_variance_authority5 = require("class-variance-authority");
+var import_jsx_runtime40 = require("react/jsx-runtime");
+var alertVariants = (0, import_class_variance_authority5.cva)("relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground", {
   variants: {
     variant: {
       default: "bg-background text-foreground",
@@ -1613,43 +2310,23 @@ var alertVariants = (0, import_class_variance_authority4.cva)("relative w-full r
     variant: "default"
   }
 });
-var Alert = React13.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { ref, role: "alert", className: cn(alertVariants({ variant }), className), ...props }));
+var Alert = React15.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { ref, role: "alert", className: cn(alertVariants({ variant }), className), ...props }));
 Alert.displayName = "Alert";
-var AlertTitle = React13.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("h5", { ref, className: cn("mb-1 font-medium leading-none tracking-tight", className), ...props })
+var AlertTitle = React15.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("h5", { ref, className: cn("mb-1 font-medium leading-none tracking-tight", className), ...props })
 );
 AlertTitle.displayName = "AlertTitle";
-var AlertDescription = React13.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { ref, className: cn("text-sm [&_p]:leading-relaxed", className), ...props })
+var AlertDescription = React15.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { ref, className: cn("text-sm [&_p]:leading-relaxed", className), ...props })
 );
 AlertDescription.displayName = "AlertDescription";
 
-// src/components/primitives/badge.tsx
-var import_class_variance_authority5 = require("class-variance-authority");
-var import_jsx_runtime33 = require("react/jsx-runtime");
-var badgeVariants = (0, import_class_variance_authority5.cva)("inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", {
-  variants: {
-    variant: {
-      default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
-      secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
-      destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
-      outline: "text-foreground"
-    }
-  },
-  defaultVariants: {
-    variant: "default"
-  }
-});
-function Badge({ className, variant, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: cn(badgeVariants({ variant }), className), ...props });
-}
-
 // src/components/primitives/checkbox.tsx
-var React14 = __toESM(require("react"), 1);
-var import_lucide_react13 = require("lucide-react");
-var import_jsx_runtime34 = require("react/jsx-runtime");
-var Checkbox = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("span", { className: "relative inline-flex h-4 w-4 shrink-0", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+var React16 = __toESM(require("react"), 1);
+var import_lucide_react19 = require("lucide-react");
+var import_jsx_runtime41 = require("react/jsx-runtime");
+var Checkbox = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("span", { className: "relative inline-flex h-4 w-4 shrink-0", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     "input",
     {
       ref,
@@ -1661,8 +2338,8 @@ var Checkbox = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__
       ...props
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
-    import_lucide_react13.Check,
+  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+    import_lucide_react19.Check,
     {
       "aria-hidden": "true",
       className: "pointer-events-none absolute left-1/2 top-1/2 h-3 w-3 -translate-x-1/2 -translate-y-1/2 text-primary-foreground opacity-0 transition-opacity peer-checked:opacity-100"
@@ -1671,18 +2348,18 @@ var Checkbox = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__
 ] }));
 Checkbox.displayName = "Checkbox";
 function CheckboxField({ id, label, description, containerClassName, className, ...props }) {
-  const generatedId = React14.useId();
+  const generatedId = React16.useId();
   const inputId = id ?? generatedId;
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
     "label",
     {
       htmlFor: inputId,
       className: cn("flex items-center gap-3 rounded-lg border border-border bg-card p-3 transition-colors hover:bg-accent/30", containerClassName),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Checkbox, { id: inputId, className, ...props }),
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("span", { className: "grid gap-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "text-sm font-medium text-foreground", children: label }),
-          description ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "text-xs text-muted-foreground", children: description }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Checkbox, { id: inputId, className, ...props }),
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("span", { className: "grid gap-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "text-sm font-medium text-foreground", children: label }),
+          description ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "text-xs text-muted-foreground", children: description }) : null
         ] })
       ]
     }
@@ -1690,21 +2367,21 @@ function CheckboxField({ id, label, description, containerClassName, className,
 }
 
 // src/components/primitives/label.tsx
-var React15 = __toESM(require("react"), 1);
+var React17 = __toESM(require("react"), 1);
 var LabelPrimitive = __toESM(require("@radix-ui/react-label"), 1);
 var import_class_variance_authority6 = require("class-variance-authority");
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 var labelVariants = (0, import_class_variance_authority6.cva)("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70");
-var Label3 = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(LabelPrimitive.Root, { ref, className: cn(labelVariants(), className), ...props }));
+var Label3 = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(LabelPrimitive.Root, { ref, className: cn(labelVariants(), className), ...props }));
 Label3.displayName = LabelPrimitive.Root.displayName;
 
 // src/components/primitives/radio-group.tsx
-var React16 = __toESM(require("react"), 1);
-var import_jsx_runtime36 = require("react/jsx-runtime");
-var RadioGroup2 = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { ref, role: "radiogroup", className: cn("grid gap-3", className), ...props }));
+var React18 = __toESM(require("react"), 1);
+var import_jsx_runtime43 = require("react/jsx-runtime");
+var RadioGroup2 = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { ref, role: "radiogroup", className: cn("grid gap-3", className), ...props }));
 RadioGroup2.displayName = "RadioGroup";
-var RadioGroupItem = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("span", { className: "relative inline-flex h-4 w-4 shrink-0", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+var RadioGroupItem = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("span", { className: "relative inline-flex h-4 w-4 shrink-0", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
     "input",
     {
       ref,
@@ -1716,7 +2393,7 @@ var RadioGroupItem = React16.forwardRef(({ className, ...props }, ref) => /* @__
       ...props
     }
   ),
-  /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
     "span",
     {
       "aria-hidden": "true",
@@ -1726,18 +2403,18 @@ var RadioGroupItem = React16.forwardRef(({ className, ...props }, ref) => /* @__
 ] }));
 RadioGroupItem.displayName = "RadioGroupItem";
 function RadioField({ id, label, description, containerClassName, className, ...props }) {
-  const generatedId = React16.useId();
+  const generatedId = React18.useId();
   const inputId = id ?? generatedId;
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
     "label",
     {
       htmlFor: inputId,
       className: cn("flex items-center gap-3 rounded-lg border border-border bg-card p-3 transition-colors hover:bg-accent/30", containerClassName),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(RadioGroupItem, { id: inputId, className, ...props }),
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("span", { className: "grid gap-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "text-sm font-medium text-foreground", children: label }),
-          description ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "text-xs text-muted-foreground", children: description }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(RadioGroupItem, { id: inputId, className, ...props }),
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("span", { className: "grid gap-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "text-sm font-medium text-foreground", children: label }),
+          description ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "text-xs text-muted-foreground", children: description }) : null
         ] })
       ]
     }
@@ -1745,10 +2422,10 @@ function RadioField({ id, label, description, containerClassName, className, ...
 }
 
 // src/components/primitives/separator.tsx
-var React17 = __toESM(require("react"), 1);
+var React19 = __toESM(require("react"), 1);
 var SeparatorPrimitive = __toESM(require("@radix-ui/react-separator"), 1);
-var import_jsx_runtime37 = require("react/jsx-runtime");
-var Separator3 = React17.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+var import_jsx_runtime44 = require("react/jsx-runtime");
+var Separator3 = React19.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
   SeparatorPrimitive.Root,
   {
     ref,
@@ -1761,11 +2438,11 @@ var Separator3 = React17.forwardRef(({ className, orientation = "horizontal", de
 Separator3.displayName = SeparatorPrimitive.Root.displayName;
 
 // src/components/primitives/switch.tsx
-var React18 = __toESM(require("react"), 1);
-var import_jsx_runtime38 = require("react/jsx-runtime");
-var Switch = React18.forwardRef(({ className, size = "default", ...props }, ref) => {
+var React20 = __toESM(require("react"), 1);
+var import_jsx_runtime45 = require("react/jsx-runtime");
+var Switch = React20.forwardRef(({ className, size = "default", ...props }, ref) => {
   const isSm = size === "sm";
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
     "span",
     {
       className: cn(
@@ -1773,7 +2450,7 @@ var Switch = React18.forwardRef(({ className, size = "default", ...props }, ref)
         isSm ? "h-4 w-7" : "h-6 w-10"
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           "input",
           {
             ref,
@@ -1789,7 +2466,7 @@ var Switch = React18.forwardRef(({ className, size = "default", ...props }, ref)
             ...props
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           "span",
           {
             "aria-hidden": "true",
@@ -1805,9 +2482,9 @@ var Switch = React18.forwardRef(({ className, size = "default", ...props }, ref)
 });
 Switch.displayName = "Switch";
 function SwitchField({ id, label, description, containerClassName, size, className, ...props }) {
-  const generatedId = React18.useId();
+  const generatedId = React20.useId();
   const inputId = id ?? generatedId;
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
     "label",
     {
       htmlFor: inputId,
@@ -1817,43 +2494,27 @@ function SwitchField({ id, label, description, containerClassName, size, classNa
         containerClassName
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("span", { className: "grid gap-0.5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "text-sm font-medium text-foreground", children: label }),
-          description ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "text-xs text-muted-foreground", children: description }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("span", { className: "grid gap-0.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "text-sm font-medium text-foreground", children: label }),
+          description ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "text-xs text-muted-foreground", children: description }) : null
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Switch, { id: inputId, size, className, ...props })
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Switch, { id: inputId, size, className, ...props })
       ]
     }
   );
 }
 
-// src/components/primitives/textarea.tsx
-var React19 = __toESM(require("react"), 1);
-var import_jsx_runtime39 = require("react/jsx-runtime");
-var Textarea = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-  "textarea",
-  {
-    ref,
-    className: cn(
-      "flex min-h-24 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
-      className
-    ),
-    ...props
-  }
-));
-Textarea.displayName = "Textarea";
-
 // src/components/tables/data-table.tsx
 var import_react4 = require("react");
-var import_lucide_react14 = require("lucide-react");
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_lucide_react20 = require("lucide-react");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 function getCellContent(row, column) {
   if (column.render) {
     return column.render(row);
   }
   const value = row[column.key];
   if (value === null || value === void 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "text-muted-foreground/40", children: "-" });
+    return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "text-muted-foreground/40", children: "-" });
   }
   if (typeof value === "boolean") {
     return value ? "Yes" : "No";
@@ -1890,10 +2551,10 @@ function DataTable({
     setSearch(value);
     setPage(0);
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "relative", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react14.Search, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
-      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "relative", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react20.Search, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
         Input,
         {
           placeholder: "Search...",
@@ -1903,25 +2564,25 @@ function DataTable({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "hidden rounded-lg border md:block", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(Table, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(TableHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(TableRow, { children: [
-        columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(TableHead, { children: column.label }, String(column.key))),
-        actions ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(TableHead, { className: "w-[100px] text-right", children: "Actions" }) : null
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "hidden rounded-lg border md:block", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(Table, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(TableHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(TableRow, { children: [
+        columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(TableHead, { children: column.label }, String(column.key))),
+        actions ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(TableHead, { className: "w-[100px] text-right", children: "Actions" }) : null
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(TableBody, { children: isLoading ? Array.from({ length: SKELETON_ROWS }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(TableRow, { children: [
-        columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Skeleton, { className: "h-4 w-full" }) }, String(column.key))),
-        actions ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Skeleton, { className: "ml-auto h-8 w-20" }) }) : null
-      ] }, index)) : paginated.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(TableCell, { colSpan: columns.length + (actions ? 1 : 0), className: "py-12 text-center text-muted-foreground", children: emptyMessage }) }) : paginated.map((row, index) => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(TableRow, { children: [
-        columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(TableCell, { children: getCellContent(row, column) }, String(column.key))),
-        actions ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "flex justify-end gap-1.5", children: actions(row) }) }) : null
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(TableBody, { children: isLoading ? Array.from({ length: SKELETON_ROWS }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(TableRow, { children: [
+        columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Skeleton, { className: "h-4 w-full" }) }, String(column.key))),
+        actions ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Skeleton, { className: "ml-auto h-8 w-20" }) }) : null
+      ] }, index)) : paginated.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(TableCell, { colSpan: columns.length + (actions ? 1 : 0), className: "py-12 text-center text-muted-foreground", children: emptyMessage }) }) : paginated.map((row, index) => /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(TableRow, { children: [
+        columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(TableCell, { children: getCellContent(row, column) }, String(column.key))),
+        actions ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "flex justify-end gap-1.5", children: actions(row) }) }) : null
       ] }, index)) })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "space-y-3 md:hidden", children: isLoading ? Array.from({ length: SKELETON_ROWS }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Card, { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(CardContent, { className: "space-y-2 p-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Skeleton, { className: "h-5 w-1/2" }),
-      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Skeleton, { className: "h-4 w-2/3" }),
-      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Skeleton, { className: "h-4 w-1/3" })
-    ] }) }, index)) : paginated.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "py-10 text-center text-muted-foreground", children: emptyMessage }) : paginated.map((row, index) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Card, { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(CardContent, { className: "space-y-3 p-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "space-y-1.5", children: mobileColumns.map((column, mobileIndex) => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "space-y-3 md:hidden", children: isLoading ? Array.from({ length: SKELETON_ROWS }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Card, { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(CardContent, { className: "space-y-2 p-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Skeleton, { className: "h-5 w-1/2" }),
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Skeleton, { className: "h-4 w-2/3" }),
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Skeleton, { className: "h-4 w-1/3" })
+    ] }) }, index)) : paginated.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "py-10 text-center text-muted-foreground", children: emptyMessage }) : paginated.map((row, index) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Card, { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(CardContent, { className: "space-y-3 p-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "space-y-1.5", children: mobileColumns.map((column, mobileIndex) => /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
         "div",
         {
           className: cn(
@@ -1929,27 +2590,27 @@ function DataTable({
             mobileIndex === 0 ? "text-sm font-medium text-foreground" : "text-xs text-muted-foreground"
           ),
           children: [
-            mobileIndex > 0 ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("span", { className: "shrink-0 font-medium text-foreground/50", children: [
+            mobileIndex > 0 ? /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("span", { className: "shrink-0 font-medium text-foreground/50", children: [
               column.label,
               ":"
             ] }) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "truncate", children: getCellContent(row, column) })
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "truncate", children: getCellContent(row, column) })
           ]
         },
         String(column.key)
       )) }),
-      actions ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "flex gap-2 border-t border-border pt-2", children: actions(row) }) : null
+      actions ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "flex gap-2 border-t border-border pt-2", children: actions(row) }) : null
     ] }) }, index)) }),
-    !isLoading && filtered.length > pageSize ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("span", { className: "text-sm text-muted-foreground", children: [
+    !isLoading && filtered.length > pageSize ? /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("span", { className: "text-sm text-muted-foreground", children: [
         filtered.length,
         " records \xB7 Page ",
         currentPage + 1,
         " of ",
         totalPages
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex gap-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
           Button,
           {
             variant: "outline",
@@ -1957,10 +2618,10 @@ function DataTable({
             className: "h-8 w-8",
             onClick: () => setPage((previous) => Math.max(0, previous - 1)),
             disabled: currentPage === 0,
-            children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react14.ChevronLeft, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react20.ChevronLeft, { className: "h-4 w-4" })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
           Button,
           {
             variant: "outline",
@@ -1968,7 +2629,7 @@ function DataTable({
             className: "h-8 w-8",
             onClick: () => setPage((previous) => Math.min(totalPages - 1, previous + 1)),
             disabled: currentPage >= totalPages - 1,
-            children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react14.ChevronRight, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react20.ChevronRight, { className: "h-4 w-4" })
           }
         )
       ] })
@@ -1977,15 +2638,15 @@ function DataTable({
 }
 
 // src/components/tables/table-row-actions.tsx
-var import_lucide_react15 = require("lucide-react");
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_lucide_react21 = require("lucide-react");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 function TableRowActions({ className, label = "Abrir acciones", menuLabel = "Acciones", items }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(DropdownMenu, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Button, { variant: "ghost", size: "icon", className: cn("h-8 w-8 shadow-none", className), "aria-label": label, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react15.MoreHorizontal, { className: "h-4 w-4" }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(DropdownMenuContent, { align: "end", className: "w-48", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(DropdownMenuLabel, { children: menuLabel }),
-      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(DropdownMenuSeparator, {}),
-      items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(DropdownMenu, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Button, { variant: "ghost", size: "icon", className: cn("h-8 w-8 shadow-none", className), "aria-label": label, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react21.MoreHorizontal, { className: "h-4 w-4" }) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(DropdownMenuContent, { align: "end", className: "w-48", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(DropdownMenuLabel, { children: menuLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(DropdownMenuSeparator, {}),
+      items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
         DropdownMenuItem,
         {
           disabled: item.disabled,
@@ -1994,7 +2655,7 @@ function TableRowActions({ className, label = "Abrir acciones", menuLabel = "Acc
           children: [
             item.icon,
             item.label,
-            item.shortcut ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(DropdownMenuShortcut, { children: item.shortcut }) : null
+            item.shortcut ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(DropdownMenuShortcut, { children: item.shortcut }) : null
           ]
         },
         item.label
@@ -2004,6 +2665,23 @@ function TableRowActions({ className, label = "Abrir acciones", menuLabel = "Acc
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  AiChatAssistantMessage,
+  AiChatComposer,
+  AiChatEmptyState,
+  AiChatFloatingButton,
+  AiChatFloatingSidebar,
+  AiChatHeader,
+  AiChatLayout,
+  AiChatMessage,
+  AiChatMessageList,
+  AiChatPanel,
+  AiChatSidebar,
+  AiChatSidebarHeader,
+  AiChatSummaryAction,
+  AiChatSummaryActions,
+  AiChatThreadButton,
+  AiChatThreadList,
+  AiChatUserMessage,
   Alert,
   AlertDescription,
   AlertTitle,
@@ -2068,14 +2746,17 @@ function TableRowActions({ className, label = "Abrir acciones", menuLabel = "Acc
   DropdownMenuSubContent,
   DropdownMenuSubTrigger,
   DropdownMenuTrigger,
+  EmptyState,
   FeatureIcon,
   FormSection,
+  HeaderUserMenu,
   Input,
   Label,
   LoadingCard,
   LoadingState,
   LoadingTableRows,
   ModuleIconButton,
+  ModuleSkeleton,
   Navbar,
   NotificationAction,
   NotificationMessage,
@@ -2115,6 +2796,8 @@ function TableRowActions({ className, label = "Abrir acciones", menuLabel = "Acc
   Steps,
   Switch,
   SwitchField,
+  SyncStatusBadge,
+  SyncStatusBar,
   Table,
   TableBody,
   TableCaption,