@cortexasystem/ui 0.1.0 → 1.0.0

package/dist/index.js

@@ -68,6 +68,505 @@ function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
 
+// src/components/ai/ai-chat.tsx
+import * as React4 from "react";
+import { Bot, Clock3, MessageSquareText, PanelRightOpen, Send, Sparkles } from "lucide-react";
+
+// src/components/overlays/sheet.tsx
+import * as React from "react";
+import * as SheetPrimitive from "@radix-ui/react-dialog";
+import { cva } from "class-variance-authority";
+import { X } from "lucide-react";
+import { jsx as jsx2, jsxs } from "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__ */ jsx2(
+  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 = 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__ */ jsxs(SheetPortal, { children: [
+    /* @__PURE__ */ jsx2(SheetOverlay, {}),
+    /* @__PURE__ */ jsxs(SheetPrimitive.Content, { ref, className: cn(sheetVariants({ side }), className), ...props, children: [
+      children,
+      /* @__PURE__ */ 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__ */ jsx2(X, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsx2("span", { className: "sr-only", children: "Close" })
+      ] })
+    ] })
+  ] })
+);
+SheetContent.displayName = SheetPrimitive.Content.displayName;
+var SheetHeader = ({ className, ...props }) => /* @__PURE__ */ jsx2("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
+SheetHeader.displayName = "SheetHeader";
+var SheetFooter = ({ className, ...props }) => /* @__PURE__ */ jsx2("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__ */ jsx2(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__ */ jsx2(SheetPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
+SheetDescription.displayName = SheetPrimitive.Description.displayName;
+
+// src/components/primitives/badge.tsx
+import { cva as cva2 } from "class-variance-authority";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var badgeVariants = cva2("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__ */ jsx3("div", { className: cn(badgeVariants({ variant }), className), ...props });
+}
+
+// src/components/primitives/button.tsx
+import * as React2 from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cva as cva3 } from "class-variance-authority";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var buttonVariants = cva3(
+  "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 ? Slot : "button";
+    return /* @__PURE__ */ jsx4(Comp, { className: cn(buttonVariants({ variant, size, className })), ref, ...props });
+  }
+);
+Button.displayName = "Button";
+
+// src/components/primitives/textarea.tsx
+import * as React3 from "react";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var Textarea = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx5(
+  "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
+import { jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
+function AiChatLayout({ className, variant = "screen", ...props }) {
+  return /* @__PURE__ */ jsx6(
+    "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__ */ jsx6(
+    "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__ */ jsx6("div", { className: cn("border-b px-4 py-4", className), ...props, children: /* @__PURE__ */ jsxs2("div", { className: "flex items-start justify-between gap-3", children: [
+    /* @__PURE__ */ jsxs2("div", { className: "grid gap-1", children: [
+      /* @__PURE__ */ jsx6("p", { className: "text-sm font-semibold text-foreground", children: title }),
+      description ? /* @__PURE__ */ jsx6("p", { className: "text-xs text-muted-foreground", children: description }) : null
+    ] }),
+    action ? /* @__PURE__ */ jsx6("div", { className: "shrink-0", children: action }) : null
+  ] }) });
+}
+var AiChatThreadList = React4.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx6("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 = MessageSquareText,
+    type = "button",
+    ...props
+  }, ref) => /* @__PURE__ */ jsxs2(
+    "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__ */ jsx6(
+          "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__ */ jsx6(Icon2, { className: "h-4 w-4" })
+          }
+        ),
+        /* @__PURE__ */ jsxs2("span", { className: "grid min-w-0 flex-1 gap-1", children: [
+          /* @__PURE__ */ jsxs2("span", { className: "flex items-start justify-between gap-3", children: [
+            /* @__PURE__ */ jsx6("span", { className: "truncate text-sm font-medium text-foreground", children: title }),
+            timestamp ? /* @__PURE__ */ jsxs2("span", { className: "inline-flex shrink-0 items-center gap-1 text-[11px] text-muted-foreground", children: [
+              /* @__PURE__ */ jsx6(Clock3, { className: "h-3 w-3" }),
+              timestamp
+            ] }) : null
+          ] }),
+          preview ? /* @__PURE__ */ jsx6("span", { className: "line-clamp-2 text-xs text-muted-foreground", children: preview }) : null
+        ] }),
+        typeof unreadCount === "number" && unreadCount > 0 ? /* @__PURE__ */ jsx6(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__ */ jsx6("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__ */ jsx6("header", { className: cn("border-b bg-card/95 px-5 py-4 backdrop-blur", className), ...props, children: /* @__PURE__ */ jsxs2("div", { className: "flex flex-wrap items-start justify-between gap-4", children: [
+    /* @__PURE__ */ jsxs2("div", { className: "grid gap-1", children: [
+      /* @__PURE__ */ jsxs2("div", { className: "flex flex-wrap items-center gap-2", children: [
+        /* @__PURE__ */ jsx6("p", { className: "text-base font-semibold text-foreground", children: title }),
+        meta ? /* @__PURE__ */ jsx6("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: meta }) : null
+      ] }),
+      description ? /* @__PURE__ */ jsx6("p", { className: "text-sm text-muted-foreground", children: description }) : null
+    ] }),
+    actions ? /* @__PURE__ */ jsx6("div", { className: "flex flex-wrap items-center gap-2", children: actions }) : null
+  ] }) });
+}
+var AiChatMessageList = React4.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx6(
+    "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__ */ jsx6("span", { className: "flex h-9 w-9 items-center justify-center rounded-full bg-[var(--color-brand)] text-white shadow-sm", children: /* @__PURE__ */ jsx6(Bot, { className: "h-4 w-4" }) });
+  }
+  if (role === "system") {
+    return /* @__PURE__ */ jsx6("span", { className: "flex h-9 w-9 items-center justify-center rounded-full bg-secondary text-secondary-foreground shadow-sm", children: /* @__PURE__ */ jsx6(Sparkles, { className: "h-4 w-4" }) });
+  }
+  return /* @__PURE__ */ jsx6("span", { className: "flex h-9 w-9 items-center justify-center rounded-full bg-foreground text-background shadow-sm", children: /* @__PURE__ */ jsx6("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__ */ jsxs2(
+    "article",
+    {
+      className: cn("flex gap-3", isUser ? "justify-end" : "justify-start", className),
+      ...props,
+      children: [
+        !isUser ? /* @__PURE__ */ jsx6("div", { className: "shrink-0", children: avatar ?? getDefaultAvatar(role) }) : null,
+        /* @__PURE__ */ jsxs2("div", { className: cn("grid max-w-[90%] gap-2 md:max-w-[74%]", isUser && "justify-items-end"), children: [
+          /* @__PURE__ */ jsxs2("div", { className: cn("flex items-center gap-2", isUser && "justify-end"), children: [
+            /* @__PURE__ */ jsx6("span", { className: "text-xs font-medium text-foreground", children: author ?? (isUser ? "Tu" : "Cortexa AI") }),
+            timestamp ? /* @__PURE__ */ jsx6("span", { className: "text-xs text-muted-foreground", children: timestamp }) : null,
+            status !== "complete" ? /* @__PURE__ */ jsx6(Badge, { variant: status === "error" ? "destructive" : "secondary", children: status === "streaming" ? "Generando" : "Error" }) : null
+          ] }),
+          /* @__PURE__ */ jsx6(
+            "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__ */ jsx6("div", { className: "whitespace-pre-wrap", children })
+            }
+          ),
+          sources?.length ? /* @__PURE__ */ jsx6("div", { className: cn("flex flex-wrap gap-2", isUser && "justify-end"), children: sources.map(
+            (source) => source.href ? /* @__PURE__ */ jsxs2(
+              "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__ */ jsx6(PanelRightOpen, { className: "h-3 w-3" })
+                ]
+              },
+              `${source.label}-${source.href}`
+            ) : /* @__PURE__ */ jsx6(
+              "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__ */ jsx6("div", { className: cn("flex flex-wrap gap-2", isUser && "justify-end"), children: actions }) : null
+        ] }),
+        isUser ? /* @__PURE__ */ jsx6("div", { className: "shrink-0", children: avatar ?? getDefaultAvatar(role) }) : null
+      ]
+    }
+  );
+}
+function AiChatAssistantMessage(props) {
+  return /* @__PURE__ */ jsx6(AiChatMessage, { role: "assistant", ...props });
+}
+function AiChatUserMessage(props) {
+  return /* @__PURE__ */ jsx6(AiChatMessage, { role: "user", ...props });
+}
+function AiChatSummaryActions({
+  className,
+  title = "Quick actions",
+  description,
+  actionsClassName,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs2("section", { className: cn("grid gap-3 rounded-2xl border bg-card p-4 shadow-sm", className), ...props, children: [
+    /* @__PURE__ */ jsxs2("div", { className: "grid gap-1", children: [
+      /* @__PURE__ */ jsx6("p", { className: "text-sm font-semibold text-foreground", children: title }),
+      description ? /* @__PURE__ */ jsx6("p", { className: "text-xs text-muted-foreground", children: description }) : null
+    ] }),
+    /* @__PURE__ */ jsx6("div", { className: cn("grid gap-3 md:grid-cols-3", actionsClassName), children })
+  ] });
+}
+var AiChatSummaryAction = React4.forwardRef(
+  ({
+    className,
+    title,
+    description,
+    icon: Icon2 = Sparkles,
+    active = false,
+    badge,
+    type = "button",
+    ...props
+  }, ref) => /* @__PURE__ */ jsxs2(
+    "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__ */ jsx6("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__ */ jsx6(Icon2, { className: "h-5 w-5" }) }),
+        /* @__PURE__ */ jsxs2("span", { className: "grid flex-1 gap-1", children: [
+          /* @__PURE__ */ jsxs2("span", { className: "flex flex-wrap items-center gap-2", children: [
+            /* @__PURE__ */ jsx6("span", { className: "text-sm font-medium text-foreground", children: title }),
+            badge ? /* @__PURE__ */ jsx6(Badge, { variant: "secondary", children: badge }) : null
+          ] }),
+          description ? /* @__PURE__ */ jsx6("span", { className: "text-xs leading-5 text-muted-foreground", children: description }) : null
+        ] })
+      ]
+    }
+  )
+);
+AiChatSummaryAction.displayName = "AiChatSummaryAction";
+function AiChatComposer({
+  className,
+  textareaProps,
+  onSubmit,
+  submitLabel = "Send",
+  submitIcon = /* @__PURE__ */ jsx6(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__ */ jsxs2("form", { className: cn("border-t bg-card px-4 py-4", className), onSubmit, ...props, children: [
+    /* @__PURE__ */ jsxs2("div", { className: "rounded-2xl border bg-background p-3 shadow-sm", children: [
+      /* @__PURE__ */ jsx6(
+        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__ */ jsxs2("div", { className: "mt-3 flex flex-wrap items-center justify-between gap-3", children: [
+        /* @__PURE__ */ jsx6("div", { className: "flex flex-wrap items-center gap-2", children: leadingActions }),
+        /* @__PURE__ */ jsxs2("div", { className: "flex flex-wrap items-center gap-2", children: [
+          trailingActions,
+          /* @__PURE__ */ jsxs2(Button, { type: "submit", disabled: isDisabled, children: [
+            submitIcon,
+            submitLabel
+          ] })
+        ] })
+      ] })
+    ] }),
+    helperText ? /* @__PURE__ */ jsx6("p", { className: "mt-2 text-xs text-muted-foreground", children: helperText }) : null
+  ] });
+}
+function AiChatEmptyState({
+  className,
+  title,
+  description,
+  prompts,
+  onPromptSelect,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs2(
+    "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__ */ jsx6("span", { className: "flex h-14 w-14 items-center justify-center rounded-2xl bg-[var(--color-brand)]/10 text-[var(--color-brand)]", children: /* @__PURE__ */ jsx6(Sparkles, { className: "h-6 w-6" }) }),
+        /* @__PURE__ */ jsxs2("div", { className: "grid max-w-xl gap-2", children: [
+          /* @__PURE__ */ jsx6("p", { className: "text-lg font-semibold text-foreground", children: title }),
+          /* @__PURE__ */ jsx6("p", { className: "text-sm leading-6 text-muted-foreground", children: description })
+        ] }),
+        prompts?.length ? /* @__PURE__ */ jsx6("div", { className: "flex max-w-2xl flex-wrap items-center justify-center gap-2", children: prompts.map((prompt) => /* @__PURE__ */ jsx6(Button, { type: "button", variant: "outline", size: "sm", onClick: () => onPromptSelect?.(prompt), children: prompt }, prompt)) }) : null
+      ]
+    }
+  );
+}
+function AiChatFloatingButton({
+  className,
+  label = "Asistente IA",
+  unreadCount,
+  icon: Icon2 = Sparkles,
+  variant = "default",
+  size = "lg",
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs2(
+    Button,
+    {
+      variant,
+      size,
+      className: cn("fixed bottom-6 right-6 h-14 rounded-full px-5 shadow-lg", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx6(Icon2, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsx6("span", { children: children ?? label }),
+        typeof unreadCount === "number" && unreadCount > 0 ? /* @__PURE__ */ jsx6("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__ */ jsx6(AiChatFloatingButton, {});
+  return /* @__PURE__ */ jsxs2(Sheet, { open, defaultOpen, onOpenChange, children: [
+    /* @__PURE__ */ jsx6(SheetTrigger, { asChild: triggerAsChild, children: resolvedTrigger }),
+    /* @__PURE__ */ jsx6(SheetContent, { side, className: cn("w-full p-0 sm:max-w-[460px]", contentClassName), children: /* @__PURE__ */ jsx6(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";
 
@@ -75,7 +574,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
-import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx as jsx7, jsxs as jsxs3 } from "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" },
@@ -85,8 +584,8 @@ function BrandLogo({ className, size = "md", href }) {
   const { resolvedTheme } = useTheme();
   const isDark = resolvedTheme === "dark";
   const s = sizeMap[size];
-  const content = /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx2(
+  const content = /* @__PURE__ */ jsxs3(Fragment, { children: [
+    /* @__PURE__ */ jsx7(
       "div",
       {
         className: cn(
@@ -94,7 +593,7 @@ function BrandLogo({ className, size = "md", href }) {
           s.icon,
           isDark ? "bg-[var(--color-brand)] p-1" : "bg-transparent"
         ),
-        children: /* @__PURE__ */ jsx2(
+        children: /* @__PURE__ */ jsx7(
           "img",
           {
             src: isDark ? isotipo_cortexa_dark_default : isotipo_cortexa_light_default,
@@ -104,8 +603,8 @@ function BrandLogo({ className, size = "md", href }) {
         )
       }
     ),
-    /* @__PURE__ */ jsxs("div", { className: "flex items-baseline", children: [
-      /* @__PURE__ */ jsx2(
+    /* @__PURE__ */ jsxs3("div", { className: "flex items-baseline", children: [
+      /* @__PURE__ */ jsx7(
         "span",
         {
           className: cn(
@@ -116,7 +615,7 @@ function BrandLogo({ className, size = "md", href }) {
           children: "Cortexa"
         }
       ),
-      /* @__PURE__ */ jsx2(
+      /* @__PURE__ */ jsx7(
         "span",
         {
           className: cn(
@@ -131,13 +630,13 @@ function BrandLogo({ className, size = "md", href }) {
   ] });
   const wrapperClass = cn("flex items-center", s.gap, className);
   if (href) {
-    return /* @__PURE__ */ jsx2("a", { href, className: wrapperClass, "aria-label": "Cortexa Fiscal \u2014 Inicio", children: content });
+    return /* @__PURE__ */ jsx7("a", { href, className: wrapperClass, "aria-label": "Cortexa Fiscal \u2014 Inicio", children: content });
   }
-  return /* @__PURE__ */ jsx2("div", { className: wrapperClass, "aria-label": "Cortexa Fiscal", children: content });
+  return /* @__PURE__ */ jsx7("div", { className: wrapperClass, "aria-label": "Cortexa Fiscal", children: content });
 }
 
 // src/components/data-display/icons.tsx
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs4 } from "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)]",
@@ -153,7 +652,7 @@ var sizeStyles = {
 };
 function FeatureIcon({ className, icon: Icon2, tone = "brand", size = "md", iconClassName }) {
   const classes = sizeStyles[size];
-  return /* @__PURE__ */ jsx3("span", { className: cn("inline-flex items-center justify-center", classes.wrapper, toneStyles[tone], className), children: /* @__PURE__ */ jsx3(Icon2, { className: cn(classes.icon, iconClassName) }) });
+  return /* @__PURE__ */ jsx8("span", { className: cn("inline-flex items-center justify-center", classes.wrapper, toneStyles[tone], className), children: /* @__PURE__ */ jsx8(Icon2, { className: cn(classes.icon, iconClassName) }) });
 }
 function ModuleIconButton({
   className,
@@ -164,7 +663,7 @@ function ModuleIconButton({
   tone = "brand",
   ...props
 }) {
-  return /* @__PURE__ */ jsxs2(
+  return /* @__PURE__ */ jsxs4(
     "button",
     {
       type,
@@ -174,7 +673,7 @@ function ModuleIconButton({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx3(
+        /* @__PURE__ */ jsx8(
           FeatureIcon,
           {
             icon,
@@ -183,9 +682,9 @@ function ModuleIconButton({
             className: "transition-colors group-hover:bg-[var(--color-brand)]/20"
           }
         ),
-        /* @__PURE__ */ jsxs2("span", { className: "grid gap-1", children: [
-          /* @__PURE__ */ jsx3("span", { className: "text-sm font-medium text-foreground", children: label }),
-          description ? /* @__PURE__ */ jsx3("span", { className: "text-xs text-muted-foreground", children: description }) : null
+        /* @__PURE__ */ jsxs4("span", { className: "grid gap-1", children: [
+          /* @__PURE__ */ jsx8("span", { className: "text-sm font-medium text-foreground", children: label }),
+          description ? /* @__PURE__ */ jsx8("span", { className: "text-xs text-muted-foreground", children: description }) : null
         ] })
       ]
     }
@@ -193,10 +692,10 @@ function ModuleIconButton({
 }
 
 // src/components/primitives/avatar.tsx
-import * as React from "react";
+import * as React5 from "react";
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
-import { jsx as jsx4 } from "react/jsx-runtime";
-var Avatar = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
+import { jsx as jsx9 } from "react/jsx-runtime";
+var Avatar = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
   AvatarPrimitive.Root,
   {
     ref,
@@ -205,9 +704,9 @@ var Avatar = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ));
 Avatar.displayName = AvatarPrimitive.Root.displayName;
-var AvatarImage = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx4(AvatarPrimitive.Image, { ref, className: cn("aspect-square h-full w-full", className), ...props }));
+var AvatarImage = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(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__ */ jsx4(
+var AvatarFallback = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
   AvatarPrimitive.Fallback,
   {
     ref,
@@ -218,7 +717,7 @@ var AvatarFallback = React.forwardRef(({ className, ...props }, ref) => /* @__PU
 AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
 
 // src/components/data-display/profile-avatar.tsx
-import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs5 } from "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" },
@@ -246,12 +745,12 @@ function ProfileAvatar({
   status
 }) {
   const classes = sizeMap2[size];
-  return /* @__PURE__ */ jsxs3("div", { className: cn("relative inline-flex", className), children: [
-    /* @__PURE__ */ jsxs3(Avatar, { className: cn(classes.avatar, avatarClassName), children: [
-      src ? /* @__PURE__ */ jsx5(AvatarImage, { src, alt: alt ?? name }) : null,
-      /* @__PURE__ */ jsx5(AvatarFallback, { className: cn("bg-[var(--color-brand)] text-white font-medium", classes.text, fallbackClassName), children: initials ?? getInitials(name) })
+  return /* @__PURE__ */ jsxs5("div", { className: cn("relative inline-flex", className), children: [
+    /* @__PURE__ */ jsxs5(Avatar, { className: cn(classes.avatar, avatarClassName), children: [
+      src ? /* @__PURE__ */ jsx10(AvatarImage, { src, alt: alt ?? name }) : null,
+      /* @__PURE__ */ jsx10(AvatarFallback, { className: cn("bg-[var(--color-brand)] text-white font-medium", classes.text, fallbackClassName), children: initials ?? getInitials(name) })
     ] }),
-    status ? /* @__PURE__ */ jsx5(
+    status ? /* @__PURE__ */ jsx10(
       "span",
       {
         "aria-hidden": "true",
@@ -264,9 +763,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__ */ jsxs3("div", { className: cn("flex items-center gap-3", className), children: [
-    /* @__PURE__ */ jsxs3("div", { className: "flex -space-x-2", children: [
-      visibleUsers.map((user) => /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsxs5("div", { className: cn("flex items-center gap-3", className), children: [
+    /* @__PURE__ */ jsxs5("div", { className: "flex -space-x-2", children: [
+      visibleUsers.map((user) => /* @__PURE__ */ jsx10(
         ProfileAvatar,
         {
           name: user.name,
@@ -278,7 +777,7 @@ function AvatarGroup({ className, users, size = "xs", limit = 4, extraLabel }) {
         },
         user.id ?? user.name
       )),
-      hiddenCount > 0 ? /* @__PURE__ */ jsxs3(
+      hiddenCount > 0 ? /* @__PURE__ */ jsxs5(
         "div",
         {
           className: cn(
@@ -293,16 +792,16 @@ function AvatarGroup({ className, users, size = "xs", limit = 4, extraLabel }) {
         }
       ) : null
     ] }),
-    extraLabel ? /* @__PURE__ */ jsx5("div", { className: "text-sm text-muted-foreground", children: extraLabel }) : null
+    extraLabel ? /* @__PURE__ */ jsx10("div", { className: "text-sm text-muted-foreground", children: extraLabel }) : null
   ] });
 }
 function ProfileAvatarRow({ className, name, role, src, initials, status, size = "sm", aside }) {
-  return /* @__PURE__ */ jsxs3("div", { className: cn("flex items-center justify-between gap-3", className), children: [
-    /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ jsx5(ProfileAvatar, { name, src, initials, status, size }),
-      /* @__PURE__ */ jsxs3("div", { className: "grid gap-0.5", children: [
-        /* @__PURE__ */ jsx5("p", { className: "text-sm font-medium text-foreground", children: name }),
-        role ? /* @__PURE__ */ jsx5("p", { className: "text-xs text-muted-foreground", children: role }) : null
+  return /* @__PURE__ */ jsxs5("div", { className: cn("flex items-center justify-between gap-3", className), children: [
+    /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsx10(ProfileAvatar, { name, src, initials, status, size }),
+      /* @__PURE__ */ jsxs5("div", { className: "grid gap-0.5", children: [
+        /* @__PURE__ */ jsx10("p", { className: "text-sm font-medium text-foreground", children: name }),
+        role ? /* @__PURE__ */ jsx10("p", { className: "text-xs text-muted-foreground", children: role }) : null
       ] })
     ] }),
     aside
@@ -310,9 +809,9 @@ function ProfileAvatarRow({ className, name, role, src, initials, status, size =
 }
 
 // src/components/data-display/typography.tsx
-import { cva } from "class-variance-authority";
-import { jsx as jsx6 } from "react/jsx-runtime";
-var typographyVariants = cva("text-foreground", {
+import { cva as cva4 } from "class-variance-authority";
+import { jsx as jsx11 } from "react/jsx-runtime";
+var typographyVariants = cva4("text-foreground", {
   variants: {
     variant: {
       h1: "font-display text-4xl font-bold tracking-tight",
@@ -338,17 +837,63 @@ function Typography({
   ...props
 }) {
   const Component = as ?? "p";
-  return /* @__PURE__ */ jsx6(Component, { className: cn(typographyVariants({ variant }), className), ...props, children });
+  return /* @__PURE__ */ jsx11(Component, { className: cn(typographyVariants({ variant }), className), ...props, children });
+}
+
+// src/components/feedback/empty-state.tsx
+import { Inbox } from "lucide-react";
+import { jsx as jsx12, jsxs as jsxs6 } from "react/jsx-runtime";
+function EmptyState({
+  className,
+  icon: Icon2 = Inbox,
+  title,
+  description,
+  action,
+  secondaryAction,
+  align = "center",
+  compact = false
+}) {
+  const isCentered = align === "center";
+  return /* @__PURE__ */ jsx12(
+    "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__ */ jsxs6(
+        "div",
+        {
+          className: cn(
+            "flex flex-col gap-5",
+            isCentered ? "items-center text-center" : "items-start text-left"
+          ),
+          children: [
+            /* @__PURE__ */ jsx12("div", { className: "flex h-14 w-14 items-center justify-center rounded-2xl bg-[var(--color-brand)]/10 text-[var(--color-brand)]", children: /* @__PURE__ */ jsx12(Icon2, { className: "h-6 w-6" }) }),
+            /* @__PURE__ */ jsxs6("div", { className: "grid max-w-xl gap-2", children: [
+              /* @__PURE__ */ jsx12("p", { className: "text-lg font-semibold text-foreground", children: title }),
+              description ? /* @__PURE__ */ jsx12("div", { className: "text-sm leading-6 text-muted-foreground", children: description }) : null
+            ] }),
+            action || secondaryAction ? /* @__PURE__ */ jsxs6("div", { className: cn("flex flex-wrap gap-3", isCentered && "justify-center"), children: [
+              action,
+              secondaryAction
+            ] }) : null
+          ]
+        }
+      )
+    }
+  );
 }
 
 // src/components/primitives/card.tsx
-import * as React2 from "react";
-import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
+import * as React6 from "react";
+import { jsx as jsx13, jsxs as jsxs7 } from "react/jsx-runtime";
 var cardBaseClassName = "rounded-lg border bg-card text-card-foreground shadow-sm";
-var Card = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx7("div", { ref, className: cn(cardBaseClassName, className), ...props }));
+var Card = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13("div", { ref, className: cn(cardBaseClassName, className), ...props }));
 Card.displayName = "Card";
-var ClickableCard = React2.forwardRef(
-  ({ className, type = "button", ...props }, ref) => /* @__PURE__ */ jsx7(
+var ClickableCard = React6.forwardRef(
+  ({ className, type = "button", ...props }, ref) => /* @__PURE__ */ jsx13(
     "button",
     {
       ref,
@@ -363,8 +908,8 @@ var ClickableCard = React2.forwardRef(
   )
 );
 ClickableCard.displayName = "ClickableCard";
-var CenteredIconCard = React2.forwardRef(
-  ({ className, type = "button", icon: Icon2, title, iconClassName, ...props }, ref) => /* @__PURE__ */ jsxs4(
+var CenteredIconCard = React6.forwardRef(
+  ({ className, type = "button", icon: Icon2, title, iconClassName, ...props }, ref) => /* @__PURE__ */ jsxs7(
     "button",
     {
       ref,
@@ -376,67 +921,67 @@ var CenteredIconCard = React2.forwardRef(
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx7("span", { className: "flex h-12 w-12 items-center justify-center rounded-xl bg-[var(--color-brand)]/10 text-[var(--color-brand)]", children: /* @__PURE__ */ jsx7(Icon2, { className: cn("h-6 w-6", iconClassName) }) }),
-        /* @__PURE__ */ jsx7("span", { className: "text-sm font-semibold text-foreground", children: title })
+        /* @__PURE__ */ jsx13("span", { className: "flex h-12 w-12 items-center justify-center rounded-xl bg-[var(--color-brand)]/10 text-[var(--color-brand)]", children: /* @__PURE__ */ jsx13(Icon2, { className: cn("h-6 w-6", iconClassName) }) }),
+        /* @__PURE__ */ jsx13("span", { className: "text-sm font-semibold text-foreground", children: title })
       ]
     }
   )
 );
 CenteredIconCard.displayName = "CenteredIconCard";
-var CardHeader = React2.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx7("div", { ref, className: cn("flex flex-col space-y-1.5 p-6", className), ...props })
+var CardHeader = React6.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx13("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__ */ jsx7("div", { ref, className: cn("text-2xl font-semibold leading-none tracking-tight", className), ...props })
+var CardTitle = React6.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx13("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__ */ jsx7("div", { ref, className: cn("text-sm text-muted-foreground", className), ...props })
+var CardDescription = React6.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx13("div", { ref, className: cn("text-sm text-muted-foreground", className), ...props })
 );
 CardDescription.displayName = "CardDescription";
-var CardContent = React2.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx7("div", { ref, className: cn("p-6 pt-0", className), ...props })
+var CardContent = React6.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx13("div", { ref, className: cn("p-6 pt-0", className), ...props })
 );
 CardContent.displayName = "CardContent";
-var CardFooter = React2.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx7("div", { ref, className: cn("flex items-center p-6 pt-0", className), ...props })
+var CardFooter = React6.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx13("div", { ref, className: cn("flex items-center p-6 pt-0", className), ...props })
 );
 CardFooter.displayName = "CardFooter";
 
 // src/components/feedback/skeleton.tsx
-import { jsx as jsx8 } from "react/jsx-runtime";
+import { jsx as jsx14 } from "react/jsx-runtime";
 function Skeleton({ className, ...props }) {
-  return /* @__PURE__ */ jsx8("div", { className: cn("animate-pulse rounded-md bg-muted", className), ...props });
+  return /* @__PURE__ */ jsx14("div", { className: cn("animate-pulse rounded-md bg-muted", className), ...props });
 }
 
 // src/components/feedback/spinner.tsx
 import { Loader2 } from "lucide-react";
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "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__ */ jsx9(Loader2, { className: cn("animate-spin text-current", sizeMap3[size], className) });
+  return /* @__PURE__ */ jsx15(Loader2, { className: cn("animate-spin text-current", sizeMap3[size], className) });
 }
 
 // src/components/tables/table.tsx
-import * as React3 from "react";
-import { jsx as jsx10 } from "react/jsx-runtime";
-var Table = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx10("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx10("table", { ref, className: cn("w-full caption-bottom text-sm", className), ...props }) }));
+import * as React7 from "react";
+import { jsx as jsx16 } from "react/jsx-runtime";
+var Table = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx16("table", { ref, className: cn("w-full caption-bottom text-sm", className), ...props }) }));
 Table.displayName = "Table";
-var TableHeader = React3.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx10("thead", { ref, className: cn("[&_tr]:border-b", className), ...props })
+var TableHeader = React7.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx16("thead", { ref, className: cn("[&_tr]:border-b", className), ...props })
 );
 TableHeader.displayName = "TableHeader";
-var TableBody = React3.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx10("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props })
+var TableBody = React7.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx16("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props })
 );
 TableBody.displayName = "TableBody";
-var TableFooter = React3.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx10(
+var TableFooter = React7.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
     "tfoot",
     {
       ref,
@@ -446,8 +991,8 @@ var TableFooter = React3.forwardRef(
   )
 );
 TableFooter.displayName = "TableFooter";
-var TableRow = React3.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx10(
+var TableRow = React7.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
     "tr",
     {
       ref,
@@ -457,8 +1002,8 @@ var TableRow = React3.forwardRef(
   )
 );
 TableRow.displayName = "TableRow";
-var TableHead = React3.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx10(
+var TableHead = React7.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
     "th",
     {
       ref,
@@ -468,17 +1013,17 @@ var TableHead = React3.forwardRef(
   )
 );
 TableHead.displayName = "TableHead";
-var TableCell = React3.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx10("td", { ref, className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className), ...props })
+var TableCell = React7.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx16("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__ */ jsx10("caption", { ref, className: cn("mt-4 text-sm text-muted-foreground", className), ...props })
+var TableCaption = React7.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx16("caption", { ref, className: cn("mt-4 text-sm text-muted-foreground", className), ...props })
 );
 TableCaption.displayName = "TableCaption";
 
 // src/components/feedback/loading-state.tsx
-import { jsx as jsx11, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs8 } from "react/jsx-runtime";
 function LoadingState({
   className,
   title = "Cargando datos",
@@ -486,86 +1031,92 @@ function LoadingState({
   size = "md",
   icon
 }) {
-  return /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs8(
     "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__ */ jsx11(Spinner, { size, className: "text-primary" }),
-        /* @__PURE__ */ jsxs5("div", { className: "grid gap-0.5", children: [
-          /* @__PURE__ */ jsx11("p", { className: "text-sm font-medium", children: title }),
-          /* @__PURE__ */ jsx11("p", { className: "text-xs text-muted-foreground", children: description })
+        icon ?? /* @__PURE__ */ jsx17(Spinner, { size, className: "text-primary" }),
+        /* @__PURE__ */ jsxs8("div", { className: "grid gap-0.5", children: [
+          /* @__PURE__ */ jsx17("p", { className: "text-sm font-medium", children: title }),
+          /* @__PURE__ */ jsx17("p", { className: "text-xs text-muted-foreground", children: description })
         ] })
       ]
     }
   );
 }
 function LoadingCard({ className, rows = 3 }) {
-  return /* @__PURE__ */ jsx11(Card, { className, children: /* @__PURE__ */ jsxs5(CardContent, { className: "grid gap-3 p-5", children: [
-    /* @__PURE__ */ jsx11(Skeleton, { className: "h-6 w-40" }),
-    Array.from({ length: rows }).map((_, index) => /* @__PURE__ */ jsx11(Skeleton, { className: cn("h-4", index === rows - 1 ? "w-2/3" : "w-full") }, index)),
-    /* @__PURE__ */ jsx11(Skeleton, { className: "mt-1 h-10 w-full rounded-lg" })
+  return /* @__PURE__ */ jsx17(Card, { className, children: /* @__PURE__ */ jsxs8(CardContent, { className: "grid gap-3 p-5", children: [
+    /* @__PURE__ */ jsx17(Skeleton, { className: "h-6 w-40" }),
+    Array.from({ length: rows }).map((_, index) => /* @__PURE__ */ jsx17(Skeleton, { className: cn("h-4", index === rows - 1 ? "w-2/3" : "w-full") }, index)),
+    /* @__PURE__ */ jsx17(Skeleton, { className: "mt-1 h-10 w-full rounded-lg" })
   ] }) });
 }
 function LoadingTableRows({ className, columns = 5, rows = 4 }) {
-  return /* @__PURE__ */ jsx11("div", { className: cn("rounded-xl border", className), children: /* @__PURE__ */ jsxs5(Table, { children: [
-    /* @__PURE__ */ jsx11(TableHeader, { children: /* @__PURE__ */ jsx11(TableRow, { children: Array.from({ length: columns }).map((_, index) => /* @__PURE__ */ jsx11(TableHead, { children: /* @__PURE__ */ jsx11(Skeleton, { className: "h-4 w-20" }) }, index)) }) }),
-    /* @__PURE__ */ jsx11(TableBody, { children: Array.from({ length: rows }).map((_, rowIndex) => /* @__PURE__ */ jsx11(TableRow, { children: Array.from({ length: columns }).map((_2, columnIndex) => /* @__PURE__ */ jsx11(TableCell, { children: /* @__PURE__ */ jsx11(Skeleton, { className: cn("h-4", columnIndex === 0 ? "w-24" : "w-full") }) }, columnIndex)) }, rowIndex)) })
+  return /* @__PURE__ */ jsx17("div", { className: cn("rounded-xl border", className), children: /* @__PURE__ */ jsxs8(Table, { children: [
+    /* @__PURE__ */ jsx17(TableHeader, { children: /* @__PURE__ */ jsx17(TableRow, { children: Array.from({ length: columns }).map((_, index) => /* @__PURE__ */ jsx17(TableHead, { children: /* @__PURE__ */ jsx17(Skeleton, { className: "h-4 w-20" }) }, index)) }) }),
+    /* @__PURE__ */ jsx17(TableBody, { children: Array.from({ length: rows }).map((_, rowIndex) => /* @__PURE__ */ jsx17(TableRow, { children: Array.from({ length: columns }).map((_2, columnIndex) => /* @__PURE__ */ jsx17(TableCell, { children: /* @__PURE__ */ jsx17(Skeleton, { className: cn("h-4", columnIndex === 0 ? "w-24" : "w-full") }) }, columnIndex)) }, rowIndex)) })
   ] }) });
 }
 
+// src/components/feedback/module-skeleton.tsx
+import { jsx as jsx18, jsxs as jsxs9 } from "react/jsx-runtime";
+function ModuleSkeleton({
+  className,
+  variant = "cards",
+  cardCount = 6,
+  showHeaderAction = true
+}) {
+  return /* @__PURE__ */ jsxs9("div", { role: "status", "aria-label": "Cargando modulo", className: cn("grid gap-6 p-6", className), children: [
+    /* @__PURE__ */ jsxs9("div", { className: "flex flex-wrap items-center justify-between gap-4", children: [
+      /* @__PURE__ */ jsxs9("div", { className: "grid gap-2", children: [
+        /* @__PURE__ */ jsx18(Skeleton, { className: "h-8 w-52" }),
+        /* @__PURE__ */ jsx18(Skeleton, { className: "h-4 w-72 max-w-full" })
+      ] }),
+      showHeaderAction ? /* @__PURE__ */ jsx18(Skeleton, { className: "h-10 w-36" }) : null
+    ] }),
+    variant === "cards" ? /* @__PURE__ */ jsx18("div", { className: "grid gap-4 md:grid-cols-2 xl:grid-cols-3", children: Array.from({ length: cardCount }).map((_, index) => /* @__PURE__ */ jsx18(Skeleton, { className: "h-32 w-full rounded-xl" }, index)) }) : null,
+    variant === "table" ? /* @__PURE__ */ jsxs9("div", { className: "rounded-xl border bg-card p-4", children: [
+      /* @__PURE__ */ jsxs9("div", { className: "mb-4 flex flex-wrap gap-3", children: [
+        /* @__PURE__ */ jsx18(Skeleton, { className: "h-10 w-64 max-w-full" }),
+        /* @__PURE__ */ jsx18(Skeleton, { className: "h-10 w-36" })
+      ] }),
+      /* @__PURE__ */ jsxs9("div", { className: "grid gap-3", children: [
+        /* @__PURE__ */ jsx18(Skeleton, { className: "h-10 w-full rounded-lg" }),
+        Array.from({ length: 6 }).map((_, index) => /* @__PURE__ */ jsx18(Skeleton, { className: "h-14 w-full rounded-lg" }, index))
+      ] })
+    ] }) : null,
+    variant === "form" ? /* @__PURE__ */ jsxs9("div", { className: "rounded-xl border bg-card p-5", children: [
+      /* @__PURE__ */ jsxs9("div", { className: "grid gap-5 md:grid-cols-2", children: [
+        Array.from({ length: 6 }).map((_, index) => /* @__PURE__ */ jsxs9("div", { className: "grid gap-2", children: [
+          /* @__PURE__ */ jsx18(Skeleton, { className: "h-4 w-28" }),
+          /* @__PURE__ */ jsx18(Skeleton, { className: "h-10 w-full" })
+        ] }, index)),
+        /* @__PURE__ */ jsxs9("div", { className: "grid gap-2 md:col-span-2", children: [
+          /* @__PURE__ */ jsx18(Skeleton, { className: "h-4 w-32" }),
+          /* @__PURE__ */ jsx18(Skeleton, { className: "h-28 w-full rounded-xl" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs9("div", { className: "mt-6 flex flex-wrap justify-end gap-3", children: [
+        /* @__PURE__ */ jsx18(Skeleton, { className: "h-10 w-24" }),
+        /* @__PURE__ */ jsx18(Skeleton, { className: "h-10 w-36" })
+      ] })
+    ] }) : null
+  ] });
+}
+
 // src/components/feedback/notification.tsx
 import { AlertCircle, AlertTriangle, CheckCircle2, Info, Loader2 as Loader22 } from "lucide-react";
 import { toast } from "sonner";
-
-// src/components/primitives/button.tsx
-import * as React4 from "react";
-import { Slot } from "@radix-ui/react-slot";
-import { cva as cva2 } from "class-variance-authority";
-import { jsx as jsx12 } from "react/jsx-runtime";
-var buttonVariants = cva2(
-  "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 ? Slot : "button";
-    return /* @__PURE__ */ jsx12(Comp, { className: cn(buttonVariants({ variant, size, className })), ref, ...props });
-  }
-);
-Button.displayName = "Button";
-
-// src/components/feedback/notification.tsx
-import { jsx as jsx13, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs10 } from "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: Info,
@@ -583,20 +1134,24 @@ function NotificationMessage({
   icon
 }) {
   const Icon2 = icon ?? notificationIcons[tone];
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs10(
     "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__ */ jsxs6("div", { className: "flex items-start gap-3", children: [
-          /* @__PURE__ */ jsx13(Icon2, { className: cn("mt-0.5 h-4 w-4 shrink-0", tone === "loading" && "animate-spin") }),
-          /* @__PURE__ */ jsxs6("div", { className: "grid gap-1", children: [
-            /* @__PURE__ */ jsx13("p", { className: "text-sm font-medium", children: title }),
-            description ? /* @__PURE__ */ jsx13("div", { className: "text-xs opacity-85", children: description }) : null
+        /* @__PURE__ */ jsxs10("div", { className: "flex items-start gap-3", children: [
+          /* @__PURE__ */ jsx19("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__ */ jsx19(Icon2, { className: cn("h-4 w-4", tone === "loading" && "animate-spin") }) }),
+          /* @__PURE__ */ jsxs10("div", { className: "grid gap-1", children: [
+            /* @__PURE__ */ jsx19("p", { className: "text-sm font-semibold", children: title }),
+            description ? /* @__PURE__ */ jsx19("div", { className: "text-xs leading-5 opacity-90", children: description }) : null
           ] })
         ] }),
-        action ? /* @__PURE__ */ jsx13("div", { className: "shrink-0", children: action }) : null
+        action ? /* @__PURE__ */ jsx19("div", { className: "shrink-0", children: action }) : null
       ]
     }
   );
@@ -604,6 +1159,7 @@ function NotificationMessage({
 function buildToastOptions(payload) {
   return {
     description: payload.description,
+    duration: payload.duration,
     action: payload.actionLabel ? {
       label: payload.actionLabel,
       onClick: payload.onAction ?? (() => void 0)
@@ -611,22 +1167,20 @@ function buildToastOptions(payload) {
   };
 }
 var notify = {
-  info: (payload) => toast(payload.title, buildToastOptions(payload)),
+  info: (payload) => toast.info(payload.title, buildToastOptions(payload)),
   success: (payload) => toast.success(payload.title, buildToastOptions(payload)),
-  warning: (payload) => toast(payload.title, {
-    ...buildToastOptions(payload),
-    icon: /* @__PURE__ */ jsx13(AlertTriangle, { className: "h-4 w-4 text-[var(--color-warning)]" })
-  }),
+  warning: (payload) => toast.warning(payload.title, buildToastOptions(payload)),
   danger: (payload) => toast.error(payload.title, buildToastOptions(payload)),
+  error: (payload) => toast.error(payload.title, buildToastOptions(payload)),
   loading: (payload) => toast.loading(payload.title, buildToastOptions(payload))
 };
 function NotificationAction({ children, variant = "outline", size = "sm", ...props }) {
-  return /* @__PURE__ */ jsx13(Button, { variant, size, ...props, children });
+  return /* @__PURE__ */ jsx19(Button, { variant, size, ...props, children });
 }
 
 // src/components/feedback/status-badge.tsx
-import { AlertCircle as AlertCircle2, CheckCircle2 as CheckCircle22, Clock3, Loader2 as Loader23 } from "lucide-react";
-import { jsx as jsx14, jsxs as jsxs7 } from "react/jsx-runtime";
+import { AlertCircle as AlertCircle2, CheckCircle2 as CheckCircle22, Clock3 as Clock32, Loader2 as Loader23 } from "lucide-react";
+import { jsx as jsx20, jsxs as jsxs11 } from "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)]",
@@ -636,14 +1190,14 @@ var toneStyles2 = {
 };
 var toneIcons = {
   success: CheckCircle22,
-  warning: Clock3,
+  warning: Clock32,
   danger: AlertCircle2,
   info: CheckCircle22,
   loading: Loader23
 };
 function StatusBadge({ children, tone = "info", className }) {
   const Icon2 = toneIcons[tone];
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs11(
     "span",
     {
       className: cn(
@@ -652,30 +1206,146 @@ function StatusBadge({ children, tone = "info", className }) {
         className
       ),
       children: [
-        /* @__PURE__ */ jsx14(Icon2, { className: cn("h-3.5 w-3.5", tone === "loading" && "animate-spin") }),
+        /* @__PURE__ */ jsx20(Icon2, { className: cn("h-3.5 w-3.5", tone === "loading" && "animate-spin") }),
         children
       ]
     }
   );
 }
 
+// src/components/feedback/sync-status-badge.tsx
+import { AlertCircle as AlertCircle3, CheckCircle2 as CheckCircle23, Clock3 as Clock33, Loader2 as Loader24, WifiOff } from "lucide-react";
+import { jsx as jsx21, jsxs as jsxs12 } from "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: CheckCircle23,
+  pending: Clock33,
+  syncing: Loader24,
+  conflict: AlertCircle3,
+  offline: WifiOff
+};
+var badgeLabels = {
+  synced: "Sincronizado",
+  pending: "Pendiente",
+  syncing: "Sincronizando",
+  conflict: "Conflicto",
+  offline: "Offline"
+};
+function SyncStatusBadge({ className, status, label }) {
+  const Icon2 = badgeIcons[status];
+  return /* @__PURE__ */ jsxs12(
+    "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__ */ jsx21(Icon2, { className: cn("h-3.5 w-3.5", status === "syncing" && "animate-spin") }),
+        label ?? badgeLabels[status]
+      ]
+    }
+  );
+}
+
+// src/components/feedback/sync-status-bar.tsx
+import { AlertTriangle as AlertTriangle2, CheckCircle2 as CheckCircle24, Loader2 as Loader25, RefreshCw, WifiOff as WifiOff2 } from "lucide-react";
+import { jsx as jsx22, jsxs as jsxs13 } from "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: AlertTriangle2,
+      text: label ?? `${pluralize(errorCount || 1, "operacion", "operaciones")} con error`,
+      className: "bg-destructive/15 text-destructive"
+    },
+    offline: {
+      icon: WifiOff2,
+      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: Loader25,
+      text: label ?? `Sincronizando ${pluralize(syncingCount || 1, "operacion", "operaciones")}...`,
+      className: "bg-[var(--color-info-bg)] text-[var(--color-accent-blue)]",
+      spinning: true
+    },
+    pending: {
+      icon: RefreshCw,
+      text: label ?? `${pluralize(pendingCount || 1, "pendiente", "pendientes")} por sincronizar`,
+      className: "bg-[var(--color-warning-bg)] text-[var(--color-warning)]"
+    },
+    synced: {
+      icon: CheckCircle24,
+      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__ */ jsxs13(
+    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__ */ jsx22(Icon2, { className: cn("h-3.5 w-3.5", current.spinning && "animate-spin") }),
+        /* @__PURE__ */ jsx22("span", { children: current.text }),
+        isClickable ? /* @__PURE__ */ jsx22("span", { className: "ml-1 text-[10px] opacity-60", children: "\u2192" }) : null
+      ]
+    }
+  );
+}
+
 // src/components/feedback/toaster.tsx
+import { LoaderCircle } from "lucide-react";
 import { Toaster as Sonner } from "sonner";
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { jsx as jsx23 } from "react/jsx-runtime";
 function Toaster(props) {
   const { resolvedTheme } = useTheme();
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx23(
     Sonner,
     {
       theme: resolvedTheme,
+      position: "top-right",
+      richColors: true,
       className: "toaster group",
+      icons: {
+        loading: /* @__PURE__ */ jsx23(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
@@ -684,15 +1354,15 @@ function Toaster(props) {
 }
 
 // src/components/forms/searchable-select.tsx
-import * as React6 from "react";
-import { Check, ChevronDown, ChevronUp, Loader2 as Loader24, Search } from "lucide-react";
+import * as React9 from "react";
+import { Check, ChevronDown, ChevronUp, Loader2 as Loader26, Search } from "lucide-react";
 
 // src/components/primitives/input.tsx
-import * as React5 from "react";
-import { jsx as jsx16 } from "react/jsx-runtime";
-var Input = React5.forwardRef(
+import * as React8 from "react";
+import { jsx as jsx24 } from "react/jsx-runtime";
+var Input = React8.forwardRef(
   ({ className, type, ...props }, ref) => {
-    return /* @__PURE__ */ jsx16(
+    return /* @__PURE__ */ jsx24(
       "input",
       {
         type,
@@ -709,11 +1379,11 @@ var Input = React5.forwardRef(
 Input.displayName = "Input";
 
 // src/components/forms/searchable-select.tsx
-import { jsx as jsx17, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs14 } from "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,
@@ -726,12 +1396,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;
       }
@@ -757,7 +1427,7 @@ var SearchableSelect = React6.forwardRef(
         setSearch("");
       }
     }
-    React6.useEffect(() => {
+    React9.useEffect(() => {
       if (!open) {
         return;
       }
@@ -770,15 +1440,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__ */ jsxs8("div", { ref: wrapperRef, className: cn("relative w-full", className), onKeyDown: handleKeyDown, children: [
-      /* @__PURE__ */ jsxs8(
+    return /* @__PURE__ */ jsxs14("div", { ref: wrapperRef, className: cn("relative w-full", className), onKeyDown: handleKeyDown, children: [
+      /* @__PURE__ */ jsxs14(
         "button",
         {
           ref,
@@ -793,26 +1463,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__ */ jsxs8("span", { className: "flex items-center gap-2 text-muted-foreground", children: [
-              /* @__PURE__ */ jsx17(Loader24, { className: "h-4 w-4 animate-spin" }),
+            loading ? /* @__PURE__ */ jsxs14("span", { className: "flex items-center gap-2 text-muted-foreground", children: [
+              /* @__PURE__ */ jsx25(Loader26, { className: "h-4 w-4 animate-spin" }),
               "Loading..."
-            ] }) : selected ? /* @__PURE__ */ jsxs8("span", { className: "flex items-center gap-2 truncate", children: [
-              selected.sublabel ? /* @__PURE__ */ jsx17("span", { className: "shrink-0 font-mono text-xs text-muted-foreground", children: selected.sublabel }) : null,
-              /* @__PURE__ */ jsx17("span", { className: "truncate", children: selected.label })
-            ] }) : /* @__PURE__ */ jsx17("span", { className: "text-muted-foreground", children: placeholder }),
-            /* @__PURE__ */ jsx17("span", { className: "ml-2 shrink-0 opacity-50", children: open ? /* @__PURE__ */ jsx17(ChevronUp, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx17(ChevronDown, { className: "h-4 w-4" }) })
+            ] }) : selected ? /* @__PURE__ */ jsxs14("span", { className: "flex items-center gap-2 truncate", children: [
+              selected.sublabel ? /* @__PURE__ */ jsx25("span", { className: "shrink-0 font-mono text-xs text-muted-foreground", children: selected.sublabel }) : null,
+              /* @__PURE__ */ jsx25("span", { className: "truncate", children: selected.label })
+            ] }) : /* @__PURE__ */ jsx25("span", { className: "text-muted-foreground", children: placeholder }),
+            /* @__PURE__ */ jsx25("span", { className: "ml-2 shrink-0 opacity-50", children: open ? /* @__PURE__ */ jsx25(ChevronUp, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx25(ChevronDown, { className: "h-4 w-4" }) })
           ]
         }
       ),
-      open ? /* @__PURE__ */ jsxs8(
+      open ? /* @__PURE__ */ jsxs14(
         "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__ */ jsxs8("div", { className: "sticky top-0 flex items-center gap-2 border-b border-border bg-popover px-3 py-2", children: [
-              /* @__PURE__ */ jsx17(Search, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
-              /* @__PURE__ */ jsx17(
+            /* @__PURE__ */ jsxs14("div", { className: "sticky top-0 flex items-center gap-2 border-b border-border bg-popover px-3 py-2", children: [
+              /* @__PURE__ */ jsx25(Search, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
+              /* @__PURE__ */ jsx25(
                 Input,
                 {
                   ref: searchRef,
@@ -824,9 +1494,9 @@ var SearchableSelect = React6.forwardRef(
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx17("ul", { className: "max-h-60 overflow-y-auto overscroll-contain p-1", children: filtered.length === 0 ? /* @__PURE__ */ jsx17("li", { className: "px-4 py-3 text-center text-xs text-muted-foreground", children: emptyMessage }) : filtered.map((option) => {
+            /* @__PURE__ */ jsx25("ul", { className: "max-h-60 overflow-y-auto overscroll-contain p-1", children: filtered.length === 0 ? /* @__PURE__ */ jsx25("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__ */ jsxs8(
+              return /* @__PURE__ */ jsxs14(
                 "li",
                 {
                   role: "option",
@@ -837,10 +1507,10 @@ var SearchableSelect = React6.forwardRef(
                     isSelected && "bg-accent/50 font-medium"
                   ),
                   children: [
-                    /* @__PURE__ */ jsx17("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: isSelected ? /* @__PURE__ */ jsx17(Check, { className: "h-4 w-4" }) : null }),
-                    /* @__PURE__ */ jsxs8("span", { className: "flex items-center gap-2 truncate", children: [
-                      option.sublabel ? /* @__PURE__ */ jsx17("span", { className: "shrink-0 font-mono text-xs text-muted-foreground", children: option.sublabel }) : null,
-                      /* @__PURE__ */ jsx17("span", { className: "truncate", children: option.label })
+                    /* @__PURE__ */ jsx25("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: isSelected ? /* @__PURE__ */ jsx25(Check, { className: "h-4 w-4" }) : null }),
+                    /* @__PURE__ */ jsxs14("span", { className: "flex items-center gap-2 truncate", children: [
+                      option.sublabel ? /* @__PURE__ */ jsx25("span", { className: "shrink-0 font-mono text-xs text-muted-foreground", children: option.sublabel }) : null,
+                      /* @__PURE__ */ jsx25("span", { className: "truncate", children: option.label })
                     ] })
                   ]
                 },
@@ -856,14 +1526,14 @@ var SearchableSelect = React6.forwardRef(
 SearchableSelect.displayName = "SearchableSelect";
 
 // src/components/forms/select.tsx
-import * as React7 from "react";
+import * as React10 from "react";
 import * as SelectPrimitive from "@radix-ui/react-select";
 import { Check as Check2, ChevronDown as ChevronDown2, ChevronUp as ChevronUp2 } from "lucide-react";
-import { jsx as jsx18, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs15 } from "react/jsx-runtime";
 var Select = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React7.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs9(
+var SelectTrigger = React10.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs15(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -874,24 +1544,24 @@ var SelectTrigger = React7.forwardRef(({ className, children, ...props }, ref) =
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx18(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx18(ChevronDown2, { className: "h-4 w-4 opacity-50" }) })
+      /* @__PURE__ */ jsx26(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx26(ChevronDown2, { className: "h-4 w-4 opacity-50" }) })
     ]
   }
 ));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(SelectPrimitive.ScrollUpButton, { ref, className: cn("flex cursor-default items-center justify-center py-1", className), ...props, children: /* @__PURE__ */ jsx18(ChevronUp2, { className: "h-4 w-4" }) }));
+var SelectScrollUpButton = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(SelectPrimitive.ScrollUpButton, { ref, className: cn("flex cursor-default items-center justify-center py-1", className), ...props, children: /* @__PURE__ */ jsx26(ChevronUp2, { className: "h-4 w-4" }) }));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
+var SelectScrollDownButton = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
     className: cn("flex cursor-default items-center justify-center py-1", className),
     ...props,
-    children: /* @__PURE__ */ jsx18(ChevronDown2, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ jsx26(ChevronDown2, { className: "h-4 w-4" })
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React7.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx18(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs9(
+var SelectContent = React10.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx26(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs15(
   SelectPrimitive.Content,
   {
     ref,
@@ -903,8 +1573,8 @@ var SelectContent = React7.forwardRef(({ className, children, position = "popper
     position,
     ...props,
     children: [
-      /* @__PURE__ */ jsx18(SelectScrollUpButton, {}),
-      /* @__PURE__ */ jsx18(
+      /* @__PURE__ */ jsx26(SelectScrollUpButton, {}),
+      /* @__PURE__ */ jsx26(
         SelectPrimitive.Viewport,
         {
           className: cn(
@@ -914,14 +1584,14 @@ var SelectContent = React7.forwardRef(({ className, children, position = "popper
           children
         }
       ),
-      /* @__PURE__ */ jsx18(SelectScrollDownButton, {})
+      /* @__PURE__ */ jsx26(SelectScrollDownButton, {})
     ]
   }
 ) }));
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(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__ */ jsx26(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__ */ jsxs9(
+var SelectItem = React10.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs15(
   SelectPrimitive.Item,
   {
     ref,
@@ -931,80 +1601,80 @@ var SelectItem = React7.forwardRef(({ className, children, ...props }, ref) => /
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx18("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx18(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx18(Check2, { className: "h-4 w-4" }) }) }),
-      /* @__PURE__ */ jsx18(SelectPrimitive.ItemText, { children })
+      /* @__PURE__ */ jsx26("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx26(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx26(Check2, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx26(SelectPrimitive.ItemText, { children })
     ]
   }
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(SelectPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-muted", className), ...props }));
+var SelectSeparator = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(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
 import { useState as useState3 } from "react";
 
 // src/components/overlays/drawer.tsx
-import * as React8 from "react";
+import * as React11 from "react";
 import { Drawer as DrawerPrimitive } from "vaul";
-import { jsx as jsx19, jsxs as jsxs10 } from "react/jsx-runtime";
-var Drawer = ({ shouldScaleBackground = true, ...props }) => /* @__PURE__ */ jsx19(DrawerPrimitive.Root, { shouldScaleBackground, ...props });
+import { jsx as jsx27, jsxs as jsxs16 } from "react/jsx-runtime";
+var Drawer = ({ shouldScaleBackground = true, ...props }) => /* @__PURE__ */ jsx27(DrawerPrimitive.Root, { shouldScaleBackground, ...props });
 Drawer.displayName = "Drawer";
 var DrawerTrigger = DrawerPrimitive.Trigger;
 var DrawerPortal = DrawerPrimitive.Portal;
 var DrawerClose = DrawerPrimitive.Close;
-var DrawerOverlay = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(DrawerPrimitive.Overlay, { ref, className: cn("fixed inset-0 z-50 bg-black/80", className), ...props }));
+var DrawerOverlay = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(DrawerPrimitive.Overlay, { ref, className: cn("fixed inset-0 z-50 bg-black/80", className), ...props }));
 DrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName;
-var DrawerContent = React8.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs10(DrawerPortal, { children: [
-  /* @__PURE__ */ jsx19(DrawerOverlay, {}),
-  /* @__PURE__ */ jsxs10(
+var DrawerContent = React11.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs16(DrawerPortal, { children: [
+  /* @__PURE__ */ jsx27(DrawerOverlay, {}),
+  /* @__PURE__ */ jsxs16(
     DrawerPrimitive.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__ */ jsx19("div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" }),
+        /* @__PURE__ */ jsx27("div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" }),
         children
       ]
     }
   )
 ] }));
 DrawerContent.displayName = "DrawerContent";
-var DrawerHeader = ({ className, ...props }) => /* @__PURE__ */ jsx19("div", { className: cn("grid gap-1.5 p-4 text-center sm:text-left", className), ...props });
+var DrawerHeader = ({ className, ...props }) => /* @__PURE__ */ jsx27("div", { className: cn("grid gap-1.5 p-4 text-center sm:text-left", className), ...props });
 DrawerHeader.displayName = "DrawerHeader";
-var DrawerFooter = ({ className, ...props }) => /* @__PURE__ */ jsx19("div", { className: cn("mt-auto flex flex-col gap-2 p-4", className), ...props });
+var DrawerFooter = ({ className, ...props }) => /* @__PURE__ */ jsx27("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__ */ jsx19(DrawerPrimitive.Title, { ref, className: cn("text-lg font-semibold leading-none tracking-tight", className), ...props }));
+var DrawerTitle = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(DrawerPrimitive.Title, { ref, className: cn("text-lg font-semibold leading-none tracking-tight", className), ...props }));
 DrawerTitle.displayName = DrawerPrimitive.Title.displayName;
-var DrawerDescription = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(DrawerPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
+var DrawerDescription = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(DrawerPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
 DrawerDescription.displayName = DrawerPrimitive.Description.displayName;
 
 // src/components/navigation/navbar.tsx
 import { Menu } from "lucide-react";
-import { jsx as jsx20, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs17 } from "react/jsx-runtime";
 function Navbar({ brand, actions, onMenuClick, className }) {
-  return /* @__PURE__ */ jsx20("header", { className: cn("h-14 shrink-0 border-b border-border bg-card/80 px-4 backdrop-blur-sm", className), children: /* @__PURE__ */ jsxs11("div", { className: "mx-auto flex h-full w-full max-w-7xl items-center justify-between gap-3", children: [
-    /* @__PURE__ */ jsxs11("div", { className: "flex min-w-0 flex-1 items-center gap-3", children: [
-      onMenuClick ? /* @__PURE__ */ jsx20(Button, { type: "button", variant: "ghost", size: "icon", onClick: onMenuClick, "aria-label": "Open navigation", children: /* @__PURE__ */ jsx20(Menu, { size: 20 }) }) : null,
+  return /* @__PURE__ */ jsx28("header", { className: cn("h-14 shrink-0 border-b border-border bg-card/80 px-4 backdrop-blur-sm", className), children: /* @__PURE__ */ jsxs17("div", { className: "mx-auto flex h-full w-full max-w-7xl items-center justify-between gap-3", children: [
+    /* @__PURE__ */ jsxs17("div", { className: "flex min-w-0 flex-1 items-center gap-3", children: [
+      onMenuClick ? /* @__PURE__ */ jsx28(Button, { type: "button", variant: "ghost", size: "icon", onClick: onMenuClick, "aria-label": "Open navigation", children: /* @__PURE__ */ jsx28(Menu, { size: 20 }) }) : null,
       brand
     ] }),
-    actions ? /* @__PURE__ */ jsx20("div", { className: "flex shrink-0 items-center gap-3", children: actions }) : null
+    actions ? /* @__PURE__ */ jsx28("div", { className: "flex shrink-0 items-center gap-3", children: actions }) : null
   ] }) });
 }
 
 // src/components/navigation/sidebar.tsx
-import { jsx as jsx21, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs18 } from "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__ */ jsxs12("aside", { className: cn("flex h-full w-72 max-w-[85vw] flex-col border-r border-border bg-background", className), children: [
-    /* @__PURE__ */ jsx21("div", { className: "border-b border-border px-5 py-4", children: brand }),
-    /* @__PURE__ */ jsx21("nav", { className: "flex-1 space-y-6 overflow-y-auto px-3 py-4", children: groups.map((group) => /* @__PURE__ */ jsxs12("div", { children: [
-      /* @__PURE__ */ jsx21("p", { className: "mb-2 px-2 text-xs font-semibold uppercase tracking-widest text-muted-foreground", children: group.label }),
-      /* @__PURE__ */ jsx21("ul", { className: "space-y-0.5", children: group.items.map((item) => {
+  return /* @__PURE__ */ jsxs18("aside", { className: cn("flex h-full w-72 max-w-[85vw] flex-col border-r border-border bg-background", className), children: [
+    /* @__PURE__ */ jsx29("div", { className: "border-b border-border px-5 py-4", children: brand }),
+    /* @__PURE__ */ jsx29("nav", { className: "flex-1 space-y-6 overflow-y-auto px-3 py-4", children: groups.map((group) => /* @__PURE__ */ jsxs18("div", { children: [
+      /* @__PURE__ */ jsx29("p", { className: "mb-2 px-2 text-xs font-semibold uppercase tracking-widest text-muted-foreground", children: group.label }),
+      /* @__PURE__ */ jsx29("ul", { className: "space-y-0.5", children: group.items.map((item) => {
         const Icon2 = item.icon;
-        return /* @__PURE__ */ jsx21("li", { children: /* @__PURE__ */ jsxs12(
+        return /* @__PURE__ */ jsx29("li", { children: /* @__PURE__ */ jsxs18(
           "a",
           {
             href: item.href,
@@ -1014,26 +1684,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__ */ jsx21(Icon2, { size: 17, className: "shrink-0" }) : null,
-              /* @__PURE__ */ jsx21("span", { className: "flex-1", children: item.label })
+              Icon2 ? /* @__PURE__ */ jsx29(Icon2, { size: 17, className: "shrink-0" }) : null,
+              /* @__PURE__ */ jsx29("span", { className: "flex-1", children: item.label })
             ]
           }
         ) }, `${group.label}-${item.label}`);
       }) })
     ] }, group.label)) }),
-    user ? /* @__PURE__ */ jsx21("div", { className: "border-t border-border px-5 py-4", children: /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ jsx21(Avatar, { className: "h-9 w-9 shrink-0", children: /* @__PURE__ */ jsx21(AvatarFallback, { className: "bg-primary text-xs font-semibold text-primary-foreground", children: user.initials ?? getInitials2(user.name) }) }),
-      /* @__PURE__ */ jsxs12("div", { className: "min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsx21("p", { className: "truncate text-sm font-medium text-foreground", children: user.name }),
-        user.role ? /* @__PURE__ */ jsx21("p", { className: "truncate text-xs text-muted-foreground", children: user.role }) : null
+    user ? /* @__PURE__ */ jsx29("div", { className: "border-t border-border px-5 py-4", children: /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsx29(Avatar, { className: "h-9 w-9 shrink-0", children: /* @__PURE__ */ jsx29(AvatarFallback, { className: "bg-primary text-xs font-semibold text-primary-foreground", children: user.initials ?? getInitials2(user.name) }) }),
+      /* @__PURE__ */ jsxs18("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsx29("p", { className: "truncate text-sm font-medium text-foreground", children: user.name }),
+        user.role ? /* @__PURE__ */ jsx29("p", { className: "truncate text-xs text-muted-foreground", children: user.role }) : null
       ] }),
-      footerAction ? /* @__PURE__ */ jsx21(Button, { type: "button", variant: "ghost", size: "sm", onClick: footerAction.onClick, children: footerAction.label }) : null
+      footerAction ? /* @__PURE__ */ jsx29(Button, { type: "button", variant: "ghost", size: "sm", onClick: footerAction.onClick, children: footerAction.label }) : null
     ] }) }) : null
   ] });
 }
 
 // src/components/layout/app-shell.tsx
-import { jsx as jsx22, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs19 } from "react/jsx-runtime";
 function AppShell({
   brand,
   actions,
@@ -1043,248 +1713,129 @@ function AppShell({
   children
 }) {
   const [open, setOpen] = useState3(false);
-  return /* @__PURE__ */ jsxs13("div", { className: "min-h-screen bg-background", children: [
-    /* @__PURE__ */ jsx22(Navbar, { brand, actions, onMenuClick: () => setOpen(true) }),
-    /* @__PURE__ */ jsx22(Drawer, { open, onOpenChange: setOpen, direction: "left", children: /* @__PURE__ */ jsx22(DrawerContent, { className: "h-full w-72 rounded-none border-r border-border p-0", children: /* @__PURE__ */ jsx22(Sidebar, { brand, groups: sidebarGroups, user: sidebarUser, footerAction: sidebarFooterAction }) }) }),
-    /* @__PURE__ */ jsx22("main", { className: "mx-auto w-full max-w-7xl px-4 py-6 sm:px-6", children })
+  return /* @__PURE__ */ jsxs19("div", { className: "min-h-screen bg-background", children: [
+    /* @__PURE__ */ jsx30(Navbar, { brand, actions, onMenuClick: () => setOpen(true) }),
+    /* @__PURE__ */ jsx30(Drawer, { open, onOpenChange: setOpen, direction: "left", children: /* @__PURE__ */ jsx30(DrawerContent, { className: "h-full w-72 rounded-none border-r border-border p-0", children: /* @__PURE__ */ jsx30(Sidebar, { brand, groups: sidebarGroups, user: sidebarUser, footerAction: sidebarFooterAction }) }) }),
+    /* @__PURE__ */ jsx30("main", { className: "mx-auto w-full max-w-7xl px-4 py-6 sm:px-6", children })
   ] });
 }
 
 // src/components/layout/form-section.tsx
-import { jsx as jsx23, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs20 } from "react/jsx-runtime";
 function FormSection({ title, description, children }) {
-  return /* @__PURE__ */ jsxs14(Card, { children: [
-    /* @__PURE__ */ jsxs14(CardHeader, { children: [
-      /* @__PURE__ */ jsx23(CardTitle, { children: title }),
-      description ? /* @__PURE__ */ jsx23(CardDescription, { children: description }) : null
+  return /* @__PURE__ */ jsxs20(Card, { children: [
+    /* @__PURE__ */ jsxs20(CardHeader, { children: [
+      /* @__PURE__ */ jsx31(CardTitle, { children: title }),
+      description ? /* @__PURE__ */ jsx31(CardDescription, { children: description }) : null
     ] }),
-    /* @__PURE__ */ jsx23(CardContent, { children })
+    /* @__PURE__ */ jsx31(CardContent, { children })
   ] });
 }
 
 // src/components/layout/page-header.tsx
-import { jsx as jsx24, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs21 } from "react/jsx-runtime";
 function PageHeader({ title, description, action }) {
-  return /* @__PURE__ */ jsxs15("div", { className: "flex items-start justify-between gap-4 sm:flex-row sm:items-center", children: [
-    /* @__PURE__ */ jsxs15("div", { children: [
-      /* @__PURE__ */ jsx24("h1", { className: "text-2xl font-semibold text-foreground", style: { fontFamily: "var(--font-display)" }, children: title }),
-      description ? /* @__PURE__ */ jsx24("p", { className: "mt-0.5 text-sm text-muted-foreground", children: description }) : null
+  return /* @__PURE__ */ jsxs21("div", { className: "flex items-start justify-between gap-4 sm:flex-row sm:items-center", children: [
+    /* @__PURE__ */ jsxs21("div", { children: [
+      /* @__PURE__ */ jsx32("h1", { className: "text-2xl font-semibold text-foreground", style: { fontFamily: "var(--font-display)" }, children: title }),
+      description ? /* @__PURE__ */ jsx32("p", { className: "mt-0.5 text-sm text-muted-foreground", children: description }) : null
     ] }),
-    action ? /* @__PURE__ */ jsx24("div", { children: action }) : null
+    action ? /* @__PURE__ */ jsx32("div", { children: action }) : null
   ] });
 }
 
 // src/components/layout/theme-toggle.tsx
-import { Moon, Sun } from "lucide-react";
-import { jsx as jsx25, jsxs as jsxs16 } from "react/jsx-runtime";
-var options = [
-  { value: "light", Icon: Sun, label: "Light" },
-  { value: "dark", Icon: Moon, label: "Dark" }
-];
-function ThemeToggle({ className }) {
-  const { theme, setTheme } = useTheme();
-  return /* @__PURE__ */ jsx25("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__ */ jsxs16(
-    "button",
-    {
-      type: "button",
-      onClick: () => setTheme(value),
-      "aria-label": label,
-      className: cn(
-        "flex cursor-pointer items-center gap-1.5 rounded-md px-3 py-1.5 text-xs font-medium transition-all",
-        theme === value ? "bg-card text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"
-      ),
-      children: [
-        /* @__PURE__ */ jsx25(Icon2, { size: 13 }),
-        /* @__PURE__ */ jsx25("span", { children: label })
-      ]
-    },
-    value
-  )) });
-}
-
-// src/components/navigation/breadcrumb.tsx
-import * as React9 from "react";
-import { Slot as Slot2 } from "@radix-ui/react-slot";
-import { ChevronRight, MoreHorizontal } from "lucide-react";
-import { jsx as jsx26, jsxs as jsxs17 } from "react/jsx-runtime";
-var Breadcrumb = React9.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx26("nav", { ref, "aria-label": "breadcrumb", ...props }));
-Breadcrumb.displayName = "Breadcrumb";
-var BreadcrumbList = React9.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
-    "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__ */ jsx26("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 ? Slot2 : "a";
-  return /* @__PURE__ */ jsx26(Comp, { ref, className: cn("transition-colors hover:text-foreground", className), ...props });
-});
-BreadcrumbLink.displayName = "BreadcrumbLink";
-var BreadcrumbPage = React9.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
-    "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__ */ jsx26("li", { role: "presentation", "aria-hidden": "true", className: cn("[&>svg]:h-3.5 [&>svg]:w-3.5", className), ...props, children: children ?? /* @__PURE__ */ jsx26(ChevronRight, {}) });
-BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
-var BreadcrumbEllipsis = ({ className, ...props }) => /* @__PURE__ */ jsxs17("span", { role: "presentation", "aria-hidden": "true", className: cn("flex h-9 w-9 items-center justify-center", className), ...props, children: [
-  /* @__PURE__ */ jsx26(MoreHorizontal, { className: "h-4 w-4" }),
-  /* @__PURE__ */ jsx26("span", { className: "sr-only", children: "More" })
-] });
-BreadcrumbEllipsis.displayName = "BreadcrumbElipssis";
-
-// src/components/navigation/page-breadcrumb.tsx
-import { Fragment as Fragment2 } from "react";
-import { jsx as jsx27, jsxs as jsxs18 } from "react/jsx-runtime";
-function PageBreadcrumb({ items }) {
-  return /* @__PURE__ */ jsx27(Breadcrumb, { children: /* @__PURE__ */ jsx27(BreadcrumbList, { children: items.map((item, index) => {
-    const isLast = index === items.length - 1;
-    return /* @__PURE__ */ jsxs18(Fragment2, { children: [
-      /* @__PURE__ */ jsx27(BreadcrumbItem, { children: !isLast && item.href ? /* @__PURE__ */ jsx27(BreadcrumbLink, { href: item.href, children: item.label }) : /* @__PURE__ */ jsx27(BreadcrumbPage, { children: item.label }) }),
-      !isLast ? /* @__PURE__ */ jsx27(BreadcrumbSeparator, {}) : null
-    ] }, `${item.label}-${index}`);
-  }) }) });
-}
-
-// src/components/navigation/steps.tsx
-import { AlertCircle as AlertCircle3, Check as Check3 } from "lucide-react";
-import { jsx as jsx28, jsxs as jsxs19 } from "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__ */ jsx28("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__ */ jsxs19(
-      "li",
-      {
-        className: cn("relative", orientation === "horizontal" ? "flex-1" : "pb-6 last:pb-0"),
-        children: [
-          !isLast ? /* @__PURE__ */ jsx28(
-            "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__ */ jsxs19("div", { className: cn(
-            orientation === "horizontal" ? "flex flex-col items-center gap-2 text-center" : "flex items-start gap-3"
-          ), children: [
-            /* @__PURE__ */ jsxs19(
-              "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__ */ jsx28(Check3, { className: "h-4 w-4" }) : null,
-                  status === "error" ? /* @__PURE__ */ jsx28(AlertCircle3, { className: "h-4 w-4" }) : null,
-                  status === "current" || status === "upcoming" ? index + 1 : null
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsxs19("div", { className: cn("grid gap-1", orientation === "vertical" && "pt-1"), children: [
-              /* @__PURE__ */ jsx28("p", { className: cn("text-sm font-medium", status === "upcoming" ? "text-muted-foreground" : "text-foreground"), children: item.title }),
-              item.description ? /* @__PURE__ */ jsx28("p", { className: "text-xs text-muted-foreground", children: item.description }) : null
-            ] })
-          ] })
-        ]
-      },
-      item.id ?? item.title
-    );
-  }) });
-}
-
-// src/components/overlays/dialog.tsx
-import * as React10 from "react";
-import * as DialogPrimitive from "@radix-ui/react-dialog";
-import { X } from "lucide-react";
-import { jsx as jsx29, jsxs as jsxs20 } from "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__ */ jsx29(
-  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__ */ jsxs20(DialogPortal, { children: [
-  /* @__PURE__ */ jsx29(DialogOverlay, {}),
-  /* @__PURE__ */ jsxs20(
-    DialogPrimitive.Content,
+import { Moon, Sun } from "lucide-react";
+import { jsx as jsx33, jsxs as jsxs22 } from "react/jsx-runtime";
+var options = [
+  { value: "light", Icon: Sun, label: "Light" },
+  { value: "dark", Icon: Moon, label: "Dark" }
+];
+function ThemeToggle({ className }) {
+  const { theme, setTheme } = useTheme();
+  return /* @__PURE__ */ jsx33("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__ */ jsxs22(
+    "button",
     {
-      ref,
+      type: "button",
+      onClick: () => setTheme(value),
+      "aria-label": label,
       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
+        "flex cursor-pointer items-center gap-1.5 rounded-md px-3 py-1.5 text-xs font-medium transition-all",
+        theme === value ? "bg-card text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"
       ),
-      ...props,
       children: [
-        children,
-        /* @__PURE__ */ jsxs20(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__ */ jsx29(X, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsx29("span", { className: "sr-only", children: "Close" })
-        ] })
+        /* @__PURE__ */ jsx33(Icon2, { size: 13 }),
+        /* @__PURE__ */ jsx33("span", { children: label })
       ]
+    },
+    value
+  )) });
+}
+
+// src/components/navigation/breadcrumb.tsx
+import * as React12 from "react";
+import { Slot as Slot2 } from "@radix-ui/react-slot";
+import { ChevronRight, MoreHorizontal } from "lucide-react";
+import { jsx as jsx34, jsxs as jsxs23 } from "react/jsx-runtime";
+var Breadcrumb = React12.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx34("nav", { ref, "aria-label": "breadcrumb", ...props }));
+Breadcrumb.displayName = "Breadcrumb";
+var BreadcrumbList = React12.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx34(
+    "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
     }
   )
-] }));
-DialogContent.displayName = DialogPrimitive.Content.displayName;
-var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx29("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__ */ jsx29("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__ */ jsx29(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__ */ jsx29(DialogPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
-DialogDescription.displayName = DialogPrimitive.Description.displayName;
+);
+BreadcrumbList.displayName = "BreadcrumbList";
+var BreadcrumbItem = React12.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx34("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 ? Slot2 : "a";
+  return /* @__PURE__ */ jsx34(Comp, { ref, className: cn("transition-colors hover:text-foreground", className), ...props });
+});
+BreadcrumbLink.displayName = "BreadcrumbLink";
+var BreadcrumbPage = React12.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx34(
+    "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__ */ jsx34("li", { role: "presentation", "aria-hidden": "true", className: cn("[&>svg]:h-3.5 [&>svg]:w-3.5", className), ...props, children: children ?? /* @__PURE__ */ jsx34(ChevronRight, {}) });
+BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
+var BreadcrumbEllipsis = ({ className, ...props }) => /* @__PURE__ */ jsxs23("span", { role: "presentation", "aria-hidden": "true", className: cn("flex h-9 w-9 items-center justify-center", className), ...props, children: [
+  /* @__PURE__ */ jsx34(MoreHorizontal, { className: "h-4 w-4" }),
+  /* @__PURE__ */ jsx34("span", { className: "sr-only", children: "More" })
+] });
+BreadcrumbEllipsis.displayName = "BreadcrumbElipssis";
+
+// src/components/navigation/header-user-menu.tsx
+import { LogOut } from "lucide-react";
 
 // src/components/overlays/dropdown-menu.tsx
-import * as React11 from "react";
+import * as React13 from "react";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-import { Check as Check4, ChevronRight as ChevronRight2, Circle } from "lucide-react";
-import { jsx as jsx30, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Check as Check3, ChevronRight as ChevronRight2, Circle } from "lucide-react";
+import { jsx as jsx35, jsxs as jsxs24 } from "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__ */ jsxs21(
+var DropdownMenuSubTrigger = React13.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs24(
   DropdownMenuPrimitive.SubTrigger,
   {
     ref,
@@ -1296,12 +1847,12 @@ var DropdownMenuSubTrigger = React11.forwardRef(({ className, inset, children, .
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx30(ChevronRight2, { className: "ml-auto" })
+      /* @__PURE__ */ jsx35(ChevronRight2, { className: "ml-auto" })
     ]
   }
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx30(
+var DropdownMenuSubContent = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx35(
   DropdownMenuPrimitive.SubContent,
   {
     ref,
@@ -1313,7 +1864,7 @@ var DropdownMenuSubContent = React11.forwardRef(({ className, ...props }, ref) =
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React11.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx30(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx30(
+var DropdownMenuContent = React13.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx35(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx35(
   DropdownMenuPrimitive.Content,
   {
     ref,
@@ -1326,7 +1877,7 @@ var DropdownMenuContent = React11.forwardRef(({ className, sideOffset = 4, ...pr
   }
 ) }));
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React11.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx30(
+var DropdownMenuItem = React13.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx35(
   DropdownMenuPrimitive.Item,
   {
     ref,
@@ -1339,7 +1890,7 @@ var DropdownMenuItem = React11.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React11.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs21(
+var DropdownMenuCheckboxItem = React13.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs24(
   DropdownMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -1350,13 +1901,13 @@ var DropdownMenuCheckboxItem = React11.forwardRef(({ className, children, checke
     ...checked !== void 0 ? { checked } : {},
     ...props,
     children: [
-      /* @__PURE__ */ jsx30("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx30(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx30(Check4, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx35("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx35(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx35(Check3, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
 ));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React11.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs21(
+var DropdownMenuRadioItem = React13.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs24(
   DropdownMenuPrimitive.RadioItem,
   {
     ref,
@@ -1366,84 +1917,208 @@ var DropdownMenuRadioItem = React11.forwardRef(({ className, children, ...props
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx30("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx30(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx30(Circle, { className: "h-2 w-2 fill-current" }) }) }),
+      /* @__PURE__ */ jsx35("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx35(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx35(Circle, { className: "h-2 w-2 fill-current" }) }) }),
       children
     ]
   }
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React11.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx30(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__ */ jsx35(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__ */ jsx30(DropdownMenuPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-muted", className), ...props }));
+var DropdownMenuSeparator = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx35(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__ */ jsx30("span", { className: cn("ml-auto text-xs tracking-widest opacity-60", className), ...props });
+var DropdownMenuShortcut = ({ className, ...props }) => /* @__PURE__ */ jsx35("span", { className: cn("ml-auto text-xs tracking-widest opacity-60", className), ...props });
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 
-// src/components/overlays/sheet.tsx
-import * as React12 from "react";
-import * as SheetPrimitive from "@radix-ui/react-dialog";
-import { cva as cva3 } from "class-variance-authority";
+// src/components/navigation/header-user-menu.tsx
+import { Fragment as Fragment2, jsx as jsx36, jsxs as jsxs25 } from "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__ */ jsxs25(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx36(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx36(
+      "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__ */ jsxs25(Avatar, { className: "h-8 w-8", children: [
+          avatarSrc ? /* @__PURE__ */ jsx36(AvatarImage, { src: avatarSrc, alt: name }) : null,
+          /* @__PURE__ */ jsx36(AvatarFallback, { className: "bg-primary text-xs font-semibold text-primary-foreground", children: initials ?? getInitials3(name) })
+        ] })
+      }
+    ) }),
+    /* @__PURE__ */ jsxs25(DropdownMenuContent, { align: "end", className: "w-60", children: [
+      /* @__PURE__ */ jsx36(DropdownMenuLabel, { className: "font-normal", children: /* @__PURE__ */ jsxs25("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsxs25("div", { className: "grid min-w-0 flex-1 gap-1", children: [
+          /* @__PURE__ */ jsx36("p", { className: "truncate text-sm font-semibold text-foreground", children: name }),
+          email ? /* @__PURE__ */ jsx36("p", { className: "truncate text-xs text-muted-foreground", children: email }) : null
+        ] }),
+        role ? /* @__PURE__ */ jsx36(Badge, { variant: "outline", className: "h-fit max-w-[110px] truncate", children: role }) : null
+      ] }) }),
+      extraItems ? /* @__PURE__ */ jsxs25(Fragment2, { children: [
+        /* @__PURE__ */ jsx36(DropdownMenuSeparator, {}),
+        extraItems
+      ] }) : null,
+      onLogout ? /* @__PURE__ */ jsxs25(Fragment2, { children: [
+        /* @__PURE__ */ jsx36(DropdownMenuSeparator, {}),
+        /* @__PURE__ */ jsxs25(
+          DropdownMenuItem,
+          {
+            onClick: onLogout,
+            className: "cursor-pointer gap-2 text-destructive focus:bg-destructive/10 focus:text-destructive",
+            children: [
+              /* @__PURE__ */ jsx36(LogOut, { className: "h-4 w-4" }),
+              logoutLabel
+            ]
+          }
+        )
+      ] }) : null
+    ] })
+  ] });
+}
+
+// src/components/navigation/page-breadcrumb.tsx
+import { Fragment as Fragment3 } from "react";
+import { jsx as jsx37, jsxs as jsxs26 } from "react/jsx-runtime";
+function PageBreadcrumb({ items }) {
+  return /* @__PURE__ */ jsx37(Breadcrumb, { children: /* @__PURE__ */ jsx37(BreadcrumbList, { children: items.map((item, index) => {
+    const isLast = index === items.length - 1;
+    return /* @__PURE__ */ jsxs26(Fragment3, { children: [
+      /* @__PURE__ */ jsx37(BreadcrumbItem, { children: !isLast && item.href ? /* @__PURE__ */ jsx37(BreadcrumbLink, { href: item.href, children: item.label }) : /* @__PURE__ */ jsx37(BreadcrumbPage, { children: item.label }) }),
+      !isLast ? /* @__PURE__ */ jsx37(BreadcrumbSeparator, {}) : null
+    ] }, `${item.label}-${index}`);
+  }) }) });
+}
+
+// src/components/navigation/steps.tsx
+import { AlertCircle as AlertCircle4, Check as Check4 } from "lucide-react";
+import { jsx as jsx38, jsxs as jsxs27 } from "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__ */ jsx38("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__ */ jsxs27(
+      "li",
+      {
+        className: cn("relative", orientation === "horizontal" ? "flex-1" : "pb-6 last:pb-0"),
+        children: [
+          !isLast ? /* @__PURE__ */ jsx38(
+            "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__ */ jsxs27("div", { className: cn(
+            orientation === "horizontal" ? "flex flex-col items-center gap-2 text-center" : "flex items-start gap-3"
+          ), children: [
+            /* @__PURE__ */ jsxs27(
+              "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__ */ jsx38(Check4, { className: "h-4 w-4" }) : null,
+                  status === "error" ? /* @__PURE__ */ jsx38(AlertCircle4, { className: "h-4 w-4" }) : null,
+                  status === "current" || status === "upcoming" ? index + 1 : null
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs27("div", { className: cn("grid gap-1", orientation === "vertical" && "pt-1"), children: [
+              /* @__PURE__ */ jsx38("p", { className: cn("text-sm font-medium", status === "upcoming" ? "text-muted-foreground" : "text-foreground"), children: item.title }),
+              item.description ? /* @__PURE__ */ jsx38("p", { className: "text-xs text-muted-foreground", children: item.description }) : null
+            ] })
+          ] })
+        ]
+      },
+      item.id ?? item.title
+    );
+  }) });
+}
+
+// src/components/overlays/dialog.tsx
+import * as React14 from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { X as X2 } from "lucide-react";
-import { jsx as jsx31, jsxs as jsxs22 } from "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__ */ jsx31(
-  SheetPrimitive.Overlay,
+import { jsx as jsx39, jsxs as jsxs28 } from "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__ */ jsx39(
+  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 = cva3(
-  "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__ */ jsxs28(DialogPortal, { children: [
+  /* @__PURE__ */ jsx39(DialogOverlay, {}),
+  /* @__PURE__ */ jsxs28(
+    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__ */ jsxs28(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__ */ jsx39(X2, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx39("span", { className: "sr-only", children: "Close" })
+        ] })
+      ]
     }
-  }
-);
-var SheetContent = React12.forwardRef(
-  ({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs22(SheetPortal, { children: [
-    /* @__PURE__ */ jsx31(SheetOverlay, {}),
-    /* @__PURE__ */ jsxs22(SheetPrimitive.Content, { ref, className: cn(sheetVariants({ side }), className), ...props, children: [
-      children,
-      /* @__PURE__ */ jsxs22(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__ */ jsx31(X2, { className: "h-4 w-4" }),
-        /* @__PURE__ */ jsx31("span", { className: "sr-only", children: "Close" })
-      ] })
-    ] })
-  ] })
-);
-SheetContent.displayName = SheetPrimitive.Content.displayName;
-var SheetHeader = ({ className, ...props }) => /* @__PURE__ */ jsx31("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
-SheetHeader.displayName = "SheetHeader";
-var SheetFooter = ({ className, ...props }) => /* @__PURE__ */ jsx31("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__ */ jsx31(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__ */ jsx31(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__ */ jsx39("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__ */ jsx39("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__ */ jsx39(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__ */ jsx39(DialogPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
+DialogDescription.displayName = DialogPrimitive.Description.displayName;
 
 // src/components/primitives/alert.tsx
-import * as React13 from "react";
-import { cva as cva4 } from "class-variance-authority";
-import { jsx as jsx32 } from "react/jsx-runtime";
-var alertVariants = cva4("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", {
+import * as React15 from "react";
+import { cva as cva5 } from "class-variance-authority";
+import { jsx as jsx40 } from "react/jsx-runtime";
+var alertVariants = cva5("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",
@@ -1454,43 +2129,23 @@ var alertVariants = cva4("relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [
     variant: "default"
   }
 });
-var Alert = React13.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx32("div", { ref, role: "alert", className: cn(alertVariants({ variant }), className), ...props }));
+var Alert = React15.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx40("div", { ref, role: "alert", className: cn(alertVariants({ variant }), className), ...props }));
 Alert.displayName = "Alert";
-var AlertTitle = React13.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx32("h5", { ref, className: cn("mb-1 font-medium leading-none tracking-tight", className), ...props })
+var AlertTitle = React15.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx40("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__ */ jsx32("div", { ref, className: cn("text-sm [&_p]:leading-relaxed", className), ...props })
+var AlertDescription = React15.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx40("div", { ref, className: cn("text-sm [&_p]:leading-relaxed", className), ...props })
 );
 AlertDescription.displayName = "AlertDescription";
 
-// src/components/primitives/badge.tsx
-import { cva as cva5 } from "class-variance-authority";
-import { jsx as jsx33 } from "react/jsx-runtime";
-var badgeVariants = cva5("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__ */ jsx33("div", { className: cn(badgeVariants({ variant }), className), ...props });
-}
-
 // src/components/primitives/checkbox.tsx
-import * as React14 from "react";
+import * as React16 from "react";
 import { Check as Check5 } from "lucide-react";
-import { jsx as jsx34, jsxs as jsxs23 } from "react/jsx-runtime";
-var Checkbox = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs23("span", { className: "relative inline-flex h-4 w-4 shrink-0", children: [
-  /* @__PURE__ */ jsx34(
+import { jsx as jsx41, jsxs as jsxs29 } from "react/jsx-runtime";
+var Checkbox = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs29("span", { className: "relative inline-flex h-4 w-4 shrink-0", children: [
+  /* @__PURE__ */ jsx41(
     "input",
     {
       ref,
@@ -1502,7 +2157,7 @@ var Checkbox = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__
       ...props
     }
   ),
-  /* @__PURE__ */ jsx34(
+  /* @__PURE__ */ jsx41(
     Check5,
     {
       "aria-hidden": "true",
@@ -1512,18 +2167,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__ */ jsxs23(
+  return /* @__PURE__ */ jsxs29(
     "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__ */ jsx34(Checkbox, { id: inputId, className, ...props }),
-        /* @__PURE__ */ jsxs23("span", { className: "grid gap-1", children: [
-          /* @__PURE__ */ jsx34("span", { className: "text-sm font-medium text-foreground", children: label }),
-          description ? /* @__PURE__ */ jsx34("span", { className: "text-xs text-muted-foreground", children: description }) : null
+        /* @__PURE__ */ jsx41(Checkbox, { id: inputId, className, ...props }),
+        /* @__PURE__ */ jsxs29("span", { className: "grid gap-1", children: [
+          /* @__PURE__ */ jsx41("span", { className: "text-sm font-medium text-foreground", children: label }),
+          description ? /* @__PURE__ */ jsx41("span", { className: "text-xs text-muted-foreground", children: description }) : null
         ] })
       ]
     }
@@ -1531,21 +2186,21 @@ function CheckboxField({ id, label, description, containerClassName, className,
 }
 
 // src/components/primitives/label.tsx
-import * as React15 from "react";
+import * as React17 from "react";
 import * as LabelPrimitive from "@radix-ui/react-label";
 import { cva as cva6 } from "class-variance-authority";
-import { jsx as jsx35 } from "react/jsx-runtime";
+import { jsx as jsx42 } from "react/jsx-runtime";
 var labelVariants = cva6("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70");
-var Label3 = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx35(LabelPrimitive.Root, { ref, className: cn(labelVariants(), className), ...props }));
+var Label3 = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx42(LabelPrimitive.Root, { ref, className: cn(labelVariants(), className), ...props }));
 Label3.displayName = LabelPrimitive.Root.displayName;
 
 // src/components/primitives/radio-group.tsx
-import * as React16 from "react";
-import { jsx as jsx36, jsxs as jsxs24 } from "react/jsx-runtime";
-var RadioGroup2 = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx36("div", { ref, role: "radiogroup", className: cn("grid gap-3", className), ...props }));
+import * as React18 from "react";
+import { jsx as jsx43, jsxs as jsxs30 } from "react/jsx-runtime";
+var RadioGroup2 = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx43("div", { ref, role: "radiogroup", className: cn("grid gap-3", className), ...props }));
 RadioGroup2.displayName = "RadioGroup";
-var RadioGroupItem = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs24("span", { className: "relative inline-flex h-4 w-4 shrink-0", children: [
-  /* @__PURE__ */ jsx36(
+var RadioGroupItem = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs30("span", { className: "relative inline-flex h-4 w-4 shrink-0", children: [
+  /* @__PURE__ */ jsx43(
     "input",
     {
       ref,
@@ -1557,7 +2212,7 @@ var RadioGroupItem = React16.forwardRef(({ className, ...props }, ref) => /* @__
       ...props
     }
   ),
-  /* @__PURE__ */ jsx36(
+  /* @__PURE__ */ jsx43(
     "span",
     {
       "aria-hidden": "true",
@@ -1567,18 +2222,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__ */ jsxs24(
+  return /* @__PURE__ */ jsxs30(
     "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__ */ jsx36(RadioGroupItem, { id: inputId, className, ...props }),
-        /* @__PURE__ */ jsxs24("span", { className: "grid gap-1", children: [
-          /* @__PURE__ */ jsx36("span", { className: "text-sm font-medium text-foreground", children: label }),
-          description ? /* @__PURE__ */ jsx36("span", { className: "text-xs text-muted-foreground", children: description }) : null
+        /* @__PURE__ */ jsx43(RadioGroupItem, { id: inputId, className, ...props }),
+        /* @__PURE__ */ jsxs30("span", { className: "grid gap-1", children: [
+          /* @__PURE__ */ jsx43("span", { className: "text-sm font-medium text-foreground", children: label }),
+          description ? /* @__PURE__ */ jsx43("span", { className: "text-xs text-muted-foreground", children: description }) : null
         ] })
       ]
     }
@@ -1586,10 +2241,10 @@ function RadioField({ id, label, description, containerClassName, className, ...
 }
 
 // src/components/primitives/separator.tsx
-import * as React17 from "react";
+import * as React19 from "react";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
-import { jsx as jsx37 } from "react/jsx-runtime";
-var Separator3 = React17.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx37(
+import { jsx as jsx44 } from "react/jsx-runtime";
+var Separator3 = React19.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx44(
   SeparatorPrimitive.Root,
   {
     ref,
@@ -1602,11 +2257,11 @@ var Separator3 = React17.forwardRef(({ className, orientation = "horizontal", de
 Separator3.displayName = SeparatorPrimitive.Root.displayName;
 
 // src/components/primitives/switch.tsx
-import * as React18 from "react";
-import { jsx as jsx38, jsxs as jsxs25 } from "react/jsx-runtime";
-var Switch = React18.forwardRef(({ className, size = "default", ...props }, ref) => {
+import * as React20 from "react";
+import { jsx as jsx45, jsxs as jsxs31 } from "react/jsx-runtime";
+var Switch = React20.forwardRef(({ className, size = "default", ...props }, ref) => {
   const isSm = size === "sm";
-  return /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsxs31(
     "span",
     {
       className: cn(
@@ -1614,7 +2269,7 @@ var Switch = React18.forwardRef(({ className, size = "default", ...props }, ref)
         isSm ? "h-4 w-7" : "h-6 w-10"
       ),
       children: [
-        /* @__PURE__ */ jsx38(
+        /* @__PURE__ */ jsx45(
           "input",
           {
             ref,
@@ -1630,7 +2285,7 @@ var Switch = React18.forwardRef(({ className, size = "default", ...props }, ref)
             ...props
           }
         ),
-        /* @__PURE__ */ jsx38(
+        /* @__PURE__ */ jsx45(
           "span",
           {
             "aria-hidden": "true",
@@ -1646,9 +2301,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__ */ jsxs25(
+  return /* @__PURE__ */ jsxs31(
     "label",
     {
       htmlFor: inputId,
@@ -1658,43 +2313,27 @@ function SwitchField({ id, label, description, containerClassName, size, classNa
         containerClassName
       ),
       children: [
-        /* @__PURE__ */ jsxs25("span", { className: "grid gap-0.5", children: [
-          /* @__PURE__ */ jsx38("span", { className: "text-sm font-medium text-foreground", children: label }),
-          description ? /* @__PURE__ */ jsx38("span", { className: "text-xs text-muted-foreground", children: description }) : null
+        /* @__PURE__ */ jsxs31("span", { className: "grid gap-0.5", children: [
+          /* @__PURE__ */ jsx45("span", { className: "text-sm font-medium text-foreground", children: label }),
+          description ? /* @__PURE__ */ jsx45("span", { className: "text-xs text-muted-foreground", children: description }) : null
         ] }),
-        /* @__PURE__ */ jsx38(Switch, { id: inputId, size, className, ...props })
+        /* @__PURE__ */ jsx45(Switch, { id: inputId, size, className, ...props })
       ]
     }
   );
 }
 
-// src/components/primitives/textarea.tsx
-import * as React19 from "react";
-import { jsx as jsx39 } from "react/jsx-runtime";
-var Textarea = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39(
-  "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
 import { useMemo as useMemo3, useState as useState4 } from "react";
 import { ChevronLeft, ChevronRight as ChevronRight3, Search as Search2 } from "lucide-react";
-import { jsx as jsx40, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs32 } from "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__ */ jsx40("span", { className: "text-muted-foreground/40", children: "-" });
+    return /* @__PURE__ */ jsx46("span", { className: "text-muted-foreground/40", children: "-" });
   }
   if (typeof value === "boolean") {
     return value ? "Yes" : "No";
@@ -1731,10 +2370,10 @@ function DataTable({
     setSearch(value);
     setPage(0);
   }
-  return /* @__PURE__ */ jsxs26("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsxs26("div", { className: "relative", children: [
-      /* @__PURE__ */ jsx40(Search2, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
-      /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsxs32("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxs32("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx46(Search2, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
+      /* @__PURE__ */ jsx46(
         Input,
         {
           placeholder: "Search...",
@@ -1744,25 +2383,25 @@ function DataTable({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx40("div", { className: "hidden rounded-lg border md:block", children: /* @__PURE__ */ jsxs26(Table, { children: [
-      /* @__PURE__ */ jsx40(TableHeader, { children: /* @__PURE__ */ jsxs26(TableRow, { children: [
-        columns.map((column) => /* @__PURE__ */ jsx40(TableHead, { children: column.label }, String(column.key))),
-        actions ? /* @__PURE__ */ jsx40(TableHead, { className: "w-[100px] text-right", children: "Actions" }) : null
+    /* @__PURE__ */ jsx46("div", { className: "hidden rounded-lg border md:block", children: /* @__PURE__ */ jsxs32(Table, { children: [
+      /* @__PURE__ */ jsx46(TableHeader, { children: /* @__PURE__ */ jsxs32(TableRow, { children: [
+        columns.map((column) => /* @__PURE__ */ jsx46(TableHead, { children: column.label }, String(column.key))),
+        actions ? /* @__PURE__ */ jsx46(TableHead, { className: "w-[100px] text-right", children: "Actions" }) : null
       ] }) }),
-      /* @__PURE__ */ jsx40(TableBody, { children: isLoading ? Array.from({ length: SKELETON_ROWS }).map((_, index) => /* @__PURE__ */ jsxs26(TableRow, { children: [
-        columns.map((column) => /* @__PURE__ */ jsx40(TableCell, { children: /* @__PURE__ */ jsx40(Skeleton, { className: "h-4 w-full" }) }, String(column.key))),
-        actions ? /* @__PURE__ */ jsx40(TableCell, { children: /* @__PURE__ */ jsx40(Skeleton, { className: "ml-auto h-8 w-20" }) }) : null
-      ] }, index)) : paginated.length === 0 ? /* @__PURE__ */ jsx40(TableRow, { children: /* @__PURE__ */ jsx40(TableCell, { colSpan: columns.length + (actions ? 1 : 0), className: "py-12 text-center text-muted-foreground", children: emptyMessage }) }) : paginated.map((row, index) => /* @__PURE__ */ jsxs26(TableRow, { children: [
-        columns.map((column) => /* @__PURE__ */ jsx40(TableCell, { children: getCellContent(row, column) }, String(column.key))),
-        actions ? /* @__PURE__ */ jsx40(TableCell, { children: /* @__PURE__ */ jsx40("div", { className: "flex justify-end gap-1.5", children: actions(row) }) }) : null
+      /* @__PURE__ */ jsx46(TableBody, { children: isLoading ? Array.from({ length: SKELETON_ROWS }).map((_, index) => /* @__PURE__ */ jsxs32(TableRow, { children: [
+        columns.map((column) => /* @__PURE__ */ jsx46(TableCell, { children: /* @__PURE__ */ jsx46(Skeleton, { className: "h-4 w-full" }) }, String(column.key))),
+        actions ? /* @__PURE__ */ jsx46(TableCell, { children: /* @__PURE__ */ jsx46(Skeleton, { className: "ml-auto h-8 w-20" }) }) : null
+      ] }, index)) : paginated.length === 0 ? /* @__PURE__ */ jsx46(TableRow, { children: /* @__PURE__ */ jsx46(TableCell, { colSpan: columns.length + (actions ? 1 : 0), className: "py-12 text-center text-muted-foreground", children: emptyMessage }) }) : paginated.map((row, index) => /* @__PURE__ */ jsxs32(TableRow, { children: [
+        columns.map((column) => /* @__PURE__ */ jsx46(TableCell, { children: getCellContent(row, column) }, String(column.key))),
+        actions ? /* @__PURE__ */ jsx46(TableCell, { children: /* @__PURE__ */ jsx46("div", { className: "flex justify-end gap-1.5", children: actions(row) }) }) : null
       ] }, index)) })
     ] }) }),
-    /* @__PURE__ */ jsx40("div", { className: "space-y-3 md:hidden", children: isLoading ? Array.from({ length: SKELETON_ROWS }).map((_, index) => /* @__PURE__ */ jsx40(Card, { children: /* @__PURE__ */ jsxs26(CardContent, { className: "space-y-2 p-4", children: [
-      /* @__PURE__ */ jsx40(Skeleton, { className: "h-5 w-1/2" }),
-      /* @__PURE__ */ jsx40(Skeleton, { className: "h-4 w-2/3" }),
-      /* @__PURE__ */ jsx40(Skeleton, { className: "h-4 w-1/3" })
-    ] }) }, index)) : paginated.length === 0 ? /* @__PURE__ */ jsx40("p", { className: "py-10 text-center text-muted-foreground", children: emptyMessage }) : paginated.map((row, index) => /* @__PURE__ */ jsx40(Card, { children: /* @__PURE__ */ jsxs26(CardContent, { className: "space-y-3 p-4", children: [
-      /* @__PURE__ */ jsx40("div", { className: "space-y-1.5", children: mobileColumns.map((column, mobileIndex) => /* @__PURE__ */ jsxs26(
+    /* @__PURE__ */ jsx46("div", { className: "space-y-3 md:hidden", children: isLoading ? Array.from({ length: SKELETON_ROWS }).map((_, index) => /* @__PURE__ */ jsx46(Card, { children: /* @__PURE__ */ jsxs32(CardContent, { className: "space-y-2 p-4", children: [
+      /* @__PURE__ */ jsx46(Skeleton, { className: "h-5 w-1/2" }),
+      /* @__PURE__ */ jsx46(Skeleton, { className: "h-4 w-2/3" }),
+      /* @__PURE__ */ jsx46(Skeleton, { className: "h-4 w-1/3" })
+    ] }) }, index)) : paginated.length === 0 ? /* @__PURE__ */ jsx46("p", { className: "py-10 text-center text-muted-foreground", children: emptyMessage }) : paginated.map((row, index) => /* @__PURE__ */ jsx46(Card, { children: /* @__PURE__ */ jsxs32(CardContent, { className: "space-y-3 p-4", children: [
+      /* @__PURE__ */ jsx46("div", { className: "space-y-1.5", children: mobileColumns.map((column, mobileIndex) => /* @__PURE__ */ jsxs32(
         "div",
         {
           className: cn(
@@ -1770,27 +2409,27 @@ function DataTable({
             mobileIndex === 0 ? "text-sm font-medium text-foreground" : "text-xs text-muted-foreground"
           ),
           children: [
-            mobileIndex > 0 ? /* @__PURE__ */ jsxs26("span", { className: "shrink-0 font-medium text-foreground/50", children: [
+            mobileIndex > 0 ? /* @__PURE__ */ jsxs32("span", { className: "shrink-0 font-medium text-foreground/50", children: [
               column.label,
               ":"
             ] }) : null,
-            /* @__PURE__ */ jsx40("span", { className: "truncate", children: getCellContent(row, column) })
+            /* @__PURE__ */ jsx46("span", { className: "truncate", children: getCellContent(row, column) })
           ]
         },
         String(column.key)
       )) }),
-      actions ? /* @__PURE__ */ jsx40("div", { className: "flex gap-2 border-t border-border pt-2", children: actions(row) }) : null
+      actions ? /* @__PURE__ */ jsx46("div", { className: "flex gap-2 border-t border-border pt-2", children: actions(row) }) : null
     ] }) }, index)) }),
-    !isLoading && filtered.length > pageSize ? /* @__PURE__ */ jsxs26("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsxs26("span", { className: "text-sm text-muted-foreground", children: [
+    !isLoading && filtered.length > pageSize ? /* @__PURE__ */ jsxs32("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs32("span", { className: "text-sm text-muted-foreground", children: [
         filtered.length,
         " records \xB7 Page ",
         currentPage + 1,
         " of ",
         totalPages
       ] }),
-      /* @__PURE__ */ jsxs26("div", { className: "flex gap-1", children: [
-        /* @__PURE__ */ jsx40(
+      /* @__PURE__ */ jsxs32("div", { className: "flex gap-1", children: [
+        /* @__PURE__ */ jsx46(
           Button,
           {
             variant: "outline",
@@ -1798,10 +2437,10 @@ function DataTable({
             className: "h-8 w-8",
             onClick: () => setPage((previous) => Math.max(0, previous - 1)),
             disabled: currentPage === 0,
-            children: /* @__PURE__ */ jsx40(ChevronLeft, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ jsx46(ChevronLeft, { className: "h-4 w-4" })
           }
         ),
-        /* @__PURE__ */ jsx40(
+        /* @__PURE__ */ jsx46(
           Button,
           {
             variant: "outline",
@@ -1809,7 +2448,7 @@ function DataTable({
             className: "h-8 w-8",
             onClick: () => setPage((previous) => Math.min(totalPages - 1, previous + 1)),
             disabled: currentPage >= totalPages - 1,
-            children: /* @__PURE__ */ jsx40(ChevronRight3, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ jsx46(ChevronRight3, { className: "h-4 w-4" })
           }
         )
       ] })
@@ -1819,14 +2458,14 @@ function DataTable({
 
 // src/components/tables/table-row-actions.tsx
 import { MoreHorizontal as MoreHorizontal2 } from "lucide-react";
-import { jsx as jsx41, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs33 } from "react/jsx-runtime";
 function TableRowActions({ className, label = "Abrir acciones", menuLabel = "Acciones", items }) {
-  return /* @__PURE__ */ jsxs27(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx41(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx41(Button, { variant: "ghost", size: "icon", className: cn("h-8 w-8 shadow-none", className), "aria-label": label, children: /* @__PURE__ */ jsx41(MoreHorizontal2, { className: "h-4 w-4" }) }) }),
-    /* @__PURE__ */ jsxs27(DropdownMenuContent, { align: "end", className: "w-48", children: [
-      /* @__PURE__ */ jsx41(DropdownMenuLabel, { children: menuLabel }),
-      /* @__PURE__ */ jsx41(DropdownMenuSeparator, {}),
-      items.map((item) => /* @__PURE__ */ jsxs27(
+  return /* @__PURE__ */ jsxs33(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx47(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx47(Button, { variant: "ghost", size: "icon", className: cn("h-8 w-8 shadow-none", className), "aria-label": label, children: /* @__PURE__ */ jsx47(MoreHorizontal2, { className: "h-4 w-4" }) }) }),
+    /* @__PURE__ */ jsxs33(DropdownMenuContent, { align: "end", className: "w-48", children: [
+      /* @__PURE__ */ jsx47(DropdownMenuLabel, { children: menuLabel }),
+      /* @__PURE__ */ jsx47(DropdownMenuSeparator, {}),
+      items.map((item) => /* @__PURE__ */ jsxs33(
         DropdownMenuItem,
         {
           disabled: item.disabled,
@@ -1835,7 +2474,7 @@ function TableRowActions({ className, label = "Abrir acciones", menuLabel = "Acc
           children: [
             item.icon,
             item.label,
-            item.shortcut ? /* @__PURE__ */ jsx41(DropdownMenuShortcut, { children: item.shortcut }) : null
+            item.shortcut ? /* @__PURE__ */ jsx47(DropdownMenuShortcut, { children: item.shortcut }) : null
           ]
         },
         item.label
@@ -1844,6 +2483,23 @@ function TableRowActions({ className, label = "Abrir acciones", menuLabel = "Acc
   ] });
 }
 export {
+  AiChatAssistantMessage,
+  AiChatComposer,
+  AiChatEmptyState,
+  AiChatFloatingButton,
+  AiChatFloatingSidebar,
+  AiChatHeader,
+  AiChatLayout,
+  AiChatMessage,
+  AiChatMessageList,
+  AiChatPanel,
+  AiChatSidebar,
+  AiChatSidebarHeader,
+  AiChatSummaryAction,
+  AiChatSummaryActions,
+  AiChatThreadButton,
+  AiChatThreadList,
+  AiChatUserMessage,
   Alert,
   AlertDescription,
   AlertTitle,
@@ -1908,14 +2564,17 @@ export {
   DropdownMenuSubContent,
   DropdownMenuSubTrigger,
   DropdownMenuTrigger,
+  EmptyState,
   FeatureIcon,
   FormSection,
+  HeaderUserMenu,
   Input,
   Label3 as Label,
   LoadingCard,
   LoadingState,
   LoadingTableRows,
   ModuleIconButton,
+  ModuleSkeleton,
   Navbar,
   NotificationAction,
   NotificationMessage,
@@ -1955,6 +2614,8 @@ export {
   Steps,
   Switch,
   SwitchField,
+  SyncStatusBadge,
+  SyncStatusBar,
   Table,
   TableBody,
   TableCaption,