@goplusvn/core 0.1.0

package/dist/rbac/index.mjs

@@ -0,0 +1,4722 @@
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import * as React12 from 'react';
+import { memo, useState, useEffect, useCallback, createContext, useMemo, useRef, useContext } from 'react';
+import { cva } from 'class-variance-authority';
+import { Slot } from '@radix-ui/react-slot';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import { Shield, ShieldCheck, Key, Users, Search, X, Upload, Download, Plus, Edit, Copy, Trash2, ChevronDown, Check, ChevronUp, Loader2, KeyRound, UserCheck, UserX, PanelLeft, ChevronsUpDown } from 'lucide-react';
+import '@radix-ui/react-dropdown-menu';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+import 'next/link';
+import { useRouter } from 'next/navigation';
+import 'next/image';
+import 'react-day-picker';
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+import * as SelectPrimitive from '@radix-ui/react-select';
+import '@radix-ui/react-popover';
+import '@radix-ui/react-switch';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import 'react-resizable-panels';
+import '@radix-ui/react-slider';
+import '@radix-ui/react-toggle';
+import '@radix-ui/react-toggle-group';
+import '@radix-ui/react-menubar';
+import '@radix-ui/react-navigation-menu';
+import '@radix-ui/react-context-menu';
+import 'vaul';
+import '@radix-ui/react-progress';
+import { toast } from 'sonner';
+import 'framer-motion';
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+import { useSession } from 'next-auth/react';
+import 'react-use';
+import '@radix-ui/react-direction';
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+import '@radix-ui/react-radio-group';
+import 'cmdk';
+import 'date-fns';
+import dynamic from 'next/dynamic';
+import 'emoji-picker-react';
+import 'react-dropzone';
+import 'input-otp';
+import 'react-phone-number-input';
+import '@tiptap/extension-color';
+import '@tiptap/extension-image';
+import '@tiptap/extension-link';
+import '@tiptap/extension-placeholder';
+import '@tiptap/extension-text-align';
+import '@tiptap/extension-text-style';
+import '@tiptap/extension-typography';
+import '@tiptap/extension-underline';
+import '@tiptap/react';
+import '@tiptap/starter-kit';
+import 'react-hook-form';
+import 'recharts';
+import 'embla-carousel-react';
+import '@radix-ui/react-accordion';
+import '@dnd-kit/sortable';
+import '@dnd-kit/utilities';
+import '@dnd-kit/core';
+import 'react-dom';
+import '@radix-ui/react-aspect-ratio';
+import 'hast-util-to-jsx-runtime';
+import 'shiki/bundle/web';
+import '@radix-ui/react-collapsible';
+import '@radix-ui/react-hover-card';
+import '@hookform/resolvers/zod';
+import useSWR from 'swr';
+
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __esm = (fn, res) => function __init() {
+  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+};
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+var Logger, logger;
+var init_utils = __esm({
+  "src/utils/index.ts"() {
+    Logger = class {
+      log(level, message, context, error) {
+        const entry = {
+          timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+          level,
+          message,
+          context
+        };
+        if (error instanceof Error) {
+          entry.error = {
+            name: error.name,
+            message: error.message,
+            stack: error.stack
+          };
+        } else if (error) {
+          entry.error = error;
+        }
+        const logString = JSON.stringify(entry);
+        switch (level) {
+          case "error":
+            console.error(logString);
+            break;
+          case "warn":
+            console.warn(logString);
+            break;
+          case "debug":
+            if (process.env.NODE_ENV === "development") console.debug(logString);
+            break;
+          default:
+            console.log(logString);
+        }
+      }
+      info(message, context) {
+        this.log("info", message, context);
+      }
+      warn(message, context) {
+        this.log("warn", message, context);
+      }
+      error(message, error, context) {
+        this.log("error", message, context, error);
+      }
+      debug(message, context) {
+        this.log("debug", message, context);
+      }
+    };
+    logger = new Logger();
+  }
+});
+var buttonVariants, Button;
+var init_button = __esm({
+  "src/ui/primitives/button.tsx"() {
+    init_utils();
+    buttonVariants = cva(
+      "inline-flex items-center justify-center gap-1.5 whitespace-nowrap rounded-md text-sm font-medium 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",
+      {
+        variants: {
+          variant: {
+            // Existing variants (backwards-compatible)
+            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 hover:bg-accent hover:text-accent-foreground",
+            secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+            ghost: "hover:bg-accent hover:text-accent-foreground",
+            link: "text-primary underline-offset-4 hover:underline",
+            // New Plane-inspired variants using semantic tokens
+            accent: "bg-accent-primary text-text-on-color hover:bg-accent-primary-hover active:bg-accent-primary-active disabled:bg-layer-disabled disabled:text-text-disabled",
+            danger: "bg-danger text-text-on-color hover:bg-danger-hover active:bg-danger-hover disabled:bg-layer-disabled disabled:text-text-disabled",
+            "danger-outline": "border border-danger bg-layer-2 text-danger-text hover:bg-danger-subtle active:bg-danger-subtle disabled:border-border-subtle disabled:bg-layer-2 disabled:text-text-disabled",
+            success: "bg-success-semantic text-text-on-color hover:bg-success-semantic/90 active:bg-success-semantic/80 disabled:bg-layer-disabled disabled:text-text-disabled",
+            tertiary: "bg-layer-3 text-text-secondary hover:bg-layer-3-hover active:bg-layer-3-hover disabled:bg-transparent disabled:text-text-disabled"
+          },
+          size: {
+            // Existing sizes (backwards-compatible)
+            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",
+            // New ERP-specific compact sizes
+            xs: "h-7 rounded-sm px-2 text-xs",
+            compact: "h-8 rounded-md px-3 text-xs",
+            "icon-sm": "h-8 w-8",
+            "icon-xs": "h-7 w-7"
+          }
+        },
+        defaultVariants: {
+          variant: "default",
+          size: "default"
+        }
+      }
+    );
+    Button = React12.forwardRef(
+      ({ className, variant, size, asChild = false, loading = false, prependIcon, appendIcon, children, disabled, ...props }, ref) => {
+        if (asChild) {
+          return /* @__PURE__ */ jsx(
+            Slot,
+            {
+              className: cn(buttonVariants({ variant, size }), className),
+              ref,
+              ...{ disabled: disabled || loading },
+              ...props,
+              children: React12.isValidElement(children) && (prependIcon || appendIcon) ? React12.cloneElement(children, {}, /* @__PURE__ */ jsxs(Fragment, { children: [
+                prependIcon && React12.cloneElement(prependIcon, {
+                  className: cn("shrink-0", size === "xs" || size === "compact" ? "size-3.5" : "size-4")
+                }),
+                children.props.children,
+                appendIcon && React12.cloneElement(appendIcon, {
+                  className: cn("shrink-0", size === "xs" || size === "compact" ? "size-3.5" : "size-4")
+                })
+              ] })) : children
+            }
+          );
+        }
+        return /* @__PURE__ */ jsxs(
+          "button",
+          {
+            className: cn(buttonVariants({ variant, size }), className),
+            ref,
+            disabled: disabled || loading,
+            ...props,
+            children: [
+              prependIcon && React12.cloneElement(prependIcon, {
+                className: cn("shrink-0", size === "xs" || size === "compact" ? "size-3.5" : "size-4")
+              }),
+              children,
+              appendIcon && React12.cloneElement(appendIcon, {
+                className: cn("shrink-0", size === "xs" || size === "compact" ? "size-3.5" : "size-4")
+              })
+            ]
+          }
+        );
+      }
+    );
+    Button.displayName = "Button";
+  }
+});
+function Badge({ className, variant, size, ...props }) {
+  return /* @__PURE__ */ jsx("div", { className: cn(badgeVariants({ variant, size }), className), ...props });
+}
+var badgeVariants;
+var init_badge = __esm({
+  "src/ui/primitives/badge.tsx"() {
+    init_utils();
+    badgeVariants = cva(
+      "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+      {
+        variants: {
+          variant: {
+            // Existing variants (backwards-compatible)
+            default: "border-transparent bg-primary text-primary-foreground",
+            secondary: "border-transparent bg-secondary text-secondary-foreground",
+            destructive: "border-transparent bg-destructive text-destructive-foreground",
+            outline: "text-foreground",
+            // Enhanced semantic variants (using Design Tokens)
+            success: "border-transparent bg-success-subtle text-success-text",
+            warning: "border-transparent bg-warning-subtle text-warning-text",
+            danger: "border-transparent bg-danger-subtle text-danger-text",
+            info: "border-transparent bg-info-subtle text-info-text",
+            accent: "border-transparent bg-accent-primary-subtle text-accent-primary"
+          },
+          size: {
+            default: "",
+            sm: "px-1.5 py-0 text-[10px]",
+            lg: "px-3 py-1 text-sm"
+          }
+        },
+        defaultVariants: {
+          variant: "default",
+          size: "default"
+        }
+      }
+    );
+  }
+});
+var Input;
+var init_input = __esm({
+  "src/ui/primitives/input.tsx"() {
+    init_utils();
+    Input = React12.forwardRef(
+      ({ className, type, ...props }, ref) => {
+        return /* @__PURE__ */ jsx(
+          "input",
+          {
+            type,
+            className: cn(
+              "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium 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
+            ),
+            ref,
+            ...props
+          }
+        );
+      }
+    );
+    Input.displayName = "Input";
+  }
+});
+var Checkbox;
+var init_checkbox = __esm({
+  "src/ui/primitives/checkbox.tsx"() {
+    "use client";
+    init_utils();
+    Checkbox = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+      CheckboxPrimitive.Root,
+      {
+        ref,
+        className: cn(
+          "peer h-4 w-4 shrink-0 rounded-sm border border-primary 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 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
+          className
+        ),
+        ...props,
+        children: /* @__PURE__ */ jsx(
+          CheckboxPrimitive.Indicator,
+          {
+            className: cn("flex items-center justify-center text-current"),
+            children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" })
+          }
+        )
+      }
+    ));
+    Checkbox.displayName = CheckboxPrimitive.Root.displayName;
+  }
+});
+var Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter;
+var init_card = __esm({
+  "src/ui/primitives/card.tsx"() {
+    init_utils();
+    Card = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn(
+          "rounded-lg border bg-card text-card-foreground shadow-sm",
+          className
+        ),
+        ...props
+      }
+    ));
+    Card.displayName = "Card";
+    CardHeader = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn("flex flex-col space-y-1.5 p-6", className),
+        ...props
+      }
+    ));
+    CardHeader.displayName = "CardHeader";
+    CardTitle = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+      "h3",
+      {
+        ref,
+        className: cn(
+          "text-2xl font-semibold leading-none tracking-tight",
+          className
+        ),
+        ...props
+      }
+    ));
+    CardTitle.displayName = "CardTitle";
+    CardDescription = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+      "p",
+      {
+        ref,
+        className: cn("text-sm text-muted-foreground", className),
+        ...props
+      }
+    ));
+    CardDescription.displayName = "CardDescription";
+    CardContent = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("p-6 pt-0", className), ...props }));
+    CardContent.displayName = "CardContent";
+    CardFooter = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn("flex items-center p-6 pt-0", className),
+        ...props
+      }
+    ));
+    CardFooter.displayName = "CardFooter";
+  }
+});
+var Separator;
+var init_separator = __esm({
+  "src/ui/primitives/separator.tsx"() {
+    init_utils();
+    Separator = React12.forwardRef(
+      ({ className, orientation = "horizontal", ...props }, ref) => /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref,
+          className: cn(
+            "shrink-0 bg-border",
+            orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
+            className
+          ),
+          ...props
+        }
+      )
+    );
+    Separator.displayName = "Separator";
+  }
+});
+var Table, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell, TableCaption;
+var init_table = __esm({
+  "src/ui/primitives/table.tsx"() {
+    init_utils();
+    Table = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx(
+      "table",
+      {
+        ref,
+        className: cn("w-max min-w-full caption-bottom text-xs", className),
+        ...props
+      }
+    ) }));
+    Table.displayName = "Table";
+    TableHeader = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+    TableHeader.displayName = "TableHeader";
+    TableBody = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+      "tbody",
+      {
+        ref,
+        className: cn("[&_tr:last-child]:border-0", className),
+        ...props
+      }
+    ));
+    TableBody.displayName = "TableBody";
+    TableFooter = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+      "tfoot",
+      {
+        ref,
+        className: cn(
+          "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
+          className
+        ),
+        ...props
+      }
+    ));
+    TableFooter.displayName = "TableFooter";
+    TableRow = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+      "tr",
+      {
+        ref,
+        className: cn(
+          "border-b transition-colors even:bg-muted/30 data-[state=selected]:bg-muted",
+          className
+        ),
+        ...props
+      }
+    ));
+    TableRow.displayName = "TableRow";
+    TableHead = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+      "th",
+      {
+        ref,
+        className: cn(
+          "h-9 px-3 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0",
+          className
+        ),
+        ...props
+      }
+    ));
+    TableHead.displayName = "TableHead";
+    TableCell = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+      "td",
+      {
+        ref,
+        className: cn("px-3 py-1.5 align-middle [&:has([role=checkbox])]:pr-0 text-xs", className),
+        ...props
+      }
+    ));
+    TableCell.displayName = "TableCell";
+    TableCaption = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+      "caption",
+      {
+        ref,
+        className: cn("mt-4 text-sm text-muted-foreground", className),
+        ...props
+      }
+    ));
+    TableCaption.displayName = "TableCaption";
+  }
+});
+var init_dropdown_menu = __esm({
+  "src/ui/primitives/dropdown-menu.tsx"() {
+    "use client";
+  }
+});
+var Dialog, DialogPortal, DialogOverlay, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription;
+var init_dialog = __esm({
+  "src/ui/primitives/dialog.tsx"() {
+    "use client";
+    init_utils();
+    Dialog = DialogPrimitive.Root;
+    DialogPortal = DialogPrimitive.Portal;
+    DialogOverlay = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+      DialogPrimitive.Overlay,
+      {
+        ref,
+        className: cn(
+          "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+          className
+        ),
+        ...props
+      }
+    ));
+    DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
+    DialogContent = React12.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DialogPortal, { children: [
+      /* @__PURE__ */ jsx(DialogOverlay, {}),
+      /* @__PURE__ */ jsxs(
+        DialogPrimitive.Content,
+        {
+          ref,
+          className: cn(
+            "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
+            className
+          ),
+          ...props,
+          children: [
+            children,
+            /* @__PURE__ */ jsxs(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
+              /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }),
+              /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+            ] })
+          ]
+        }
+      )
+    ] }));
+    DialogContent.displayName = DialogPrimitive.Content.displayName;
+    DialogHeader = ({
+      className,
+      ...props
+    }) => /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "flex flex-col space-y-1.5 text-center sm:text-left",
+          className
+        ),
+        ...props
+      }
+    );
+    DialogHeader.displayName = "DialogHeader";
+    DialogFooter = ({
+      className,
+      ...props
+    }) => /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+          className
+        ),
+        ...props
+      }
+    );
+    DialogFooter.displayName = "DialogFooter";
+    DialogTitle = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+      DialogPrimitive.Title,
+      {
+        ref,
+        className: cn(
+          "text-lg font-semibold leading-none tracking-tight",
+          className
+        ),
+        ...props
+      }
+    ));
+    DialogTitle.displayName = DialogPrimitive.Title.displayName;
+    DialogDescription = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+      DialogPrimitive.Description,
+      {
+        ref,
+        className: cn("text-sm text-muted-foreground", className),
+        ...props
+      }
+    ));
+    DialogDescription.displayName = DialogPrimitive.Description.displayName;
+  }
+});
+var TabsList, TabsTrigger, TabsContent;
+var init_tabs = __esm({
+  "src/ui/primitives/tabs.tsx"() {
+    "use client";
+    init_utils();
+    TabsList = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+      TabsPrimitive.List,
+      {
+        ref,
+        className: cn(
+          "inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground",
+          className
+        ),
+        ...props
+      }
+    ));
+    TabsList.displayName = TabsPrimitive.List.displayName;
+    TabsTrigger = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+      TabsPrimitive.Trigger,
+      {
+        ref,
+        className: cn(
+          "inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm",
+          className
+        ),
+        ...props
+      }
+    ));
+    TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
+    TabsContent = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+      TabsPrimitive.Content,
+      {
+        ref,
+        className: cn(
+          "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+          className
+        ),
+        ...props
+      }
+    ));
+    TabsContent.displayName = TabsPrimitive.Content.displayName;
+  }
+});
+var init_breadcrumb = __esm({
+  "src/ui/primitives/breadcrumb.tsx"() {
+  }
+});
+var init_keyboard = __esm({
+  "src/ui/primitives/keyboard.tsx"() {
+  }
+});
+var init_pagination = __esm({
+  "src/ui/primitives/pagination.tsx"() {
+  }
+});
+var init_status_badge = __esm({
+  "src/ui/primitives/status-badge.tsx"() {
+  }
+});
+var init_command_menu = __esm({
+  "src/ui/layout/command-menu.tsx"() {
+    "use client";
+  }
+});
+var init_logo = __esm({
+  "src/ui/layout/logo.tsx"() {
+    "use client";
+  }
+});
+var init_sidebar_group_icon_menu = __esm({
+  "src/ui/layout/sidebar-group-icon-menu.tsx"() {
+    "use client";
+  }
+});
+var init_sidebar = __esm({
+  "src/ui/layout/sidebar.tsx"() {
+    "use client";
+  }
+});
+var init_calendar = __esm({
+  "src/ui/primitives/calendar.tsx"() {
+    "use client";
+    init_utils();
+    init_button();
+  }
+});
+function ScrollArea({
+  orientation,
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    ScrollAreaPrimitive.Root,
+    {
+      "data-slot": "scroll-area",
+      className: cn("relative overflow-hidden", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          ScrollAreaPrimitive.Viewport,
+          {
+            "data-slot": "scroll-area-viewport",
+            className: "h-full w-full rounded-[inherit]",
+            children
+          }
+        ),
+        /* @__PURE__ */ jsx(ScrollBar, { orientation }),
+        /* @__PURE__ */ jsx(ScrollAreaPrimitive.Corner, {})
+      ]
+    }
+  );
+}
+function ScrollBar({
+  className,
+  orientation = "vertical",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    ScrollAreaPrimitive.ScrollAreaScrollbar,
+    {
+      "data-slot": "scroll-area-scrollbar",
+      orientation,
+      className: cn(
+        "flex touch-none select-none transition-colors",
+        orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
+        orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+    }
+  );
+}
+var init_scroll_area = __esm({
+  "src/ui/primitives/scroll-area.tsx"() {
+    "use client";
+    init_utils();
+  }
+});
+var init_combobox = __esm({
+  "src/ui/primitives/combobox.tsx"() {
+    "use client";
+  }
+});
+function Select({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(SelectPrimitive.Root, { "data-slot": "select", ...props });
+}
+function SelectValue({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
+}
+function SelectTrigger({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    SelectPrimitive.Trigger,
+    {
+      "data-slot": "select-trigger",
+      className: cn(
+        "cursor-pointer flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-hidden focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 opacity-50" }) })
+      ]
+    }
+  );
+}
+function SelectScrollUpButton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    SelectPrimitive.ScrollUpButton,
+    {
+      "data-slot": "select-scroll-up-button",
+      className: cn(
+        "flex cursor-pointer items-center justify-center py-1",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(ChevronUp, { className: "h-4 w-4" })
+    }
+  );
+}
+function SelectScrollDownButton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    SelectPrimitive.ScrollDownButton,
+    {
+      "data-slot": "select-scroll-down-button",
+      className: cn(
+        "flex cursor-pointer items-center justify-center py-1",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4" })
+    }
+  );
+}
+function SelectContent({
+  className,
+  children,
+  position = "popper",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+    SelectPrimitive.Content,
+    {
+      "data-slot": "select-content",
+      className: cn(
+        "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+        position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+        className
+      ),
+      position,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(SelectScrollUpButton, {}),
+        /* @__PURE__ */ jsx(
+          SelectPrimitive.Viewport,
+          {
+            className: cn(
+              "p-1",
+              position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+            ),
+            children
+          }
+        ),
+        /* @__PURE__ */ jsx(SelectScrollDownButton, {})
+      ]
+    }
+  ) });
+}
+function SelectItem({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    SelectPrimitive.Item,
+    {
+      "data-slot": "select-item",
+      className: cn(
+        "relative flex w-full cursor-pointer select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) }) }),
+        /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children })
+      ]
+    }
+  );
+}
+var init_select = __esm({
+  "src/ui/primitives/select.tsx"() {
+    "use client";
+    init_utils();
+  }
+});
+var init_popover = __esm({
+  "src/ui/primitives/popover.tsx"() {
+    "use client";
+  }
+});
+var init_switch = __esm({
+  "src/ui/primitives/switch.tsx"() {
+    "use client";
+  }
+});
+var Label3;
+var init_label = __esm({
+  "src/ui/primitives/label.tsx"() {
+    "use client";
+    init_utils();
+    Label3 = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+      LabelPrimitive.Root,
+      {
+        ref,
+        className: cn(
+          "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+          className
+        ),
+        ...props
+      }
+    ));
+    Label3.displayName = LabelPrimitive.Root.displayName;
+  }
+});
+function TooltipProvider({
+  delayDuration = 0,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    TooltipPrimitive.Provider,
+    {
+      "data-slot": "tooltip-provider",
+      delayDuration,
+      ...props
+    }
+  );
+}
+function Tooltip({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsx(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props }) });
+}
+function TooltipTrigger({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    TooltipPrimitive.Trigger,
+    {
+      "data-slot": "tooltip-trigger",
+      className: cn("cursor-pointer", className),
+      ...props
+    }
+  );
+}
+function TooltipContent({
+  className,
+  sideOffset = 0,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    TooltipPrimitive.Content,
+    {
+      "data-slot": "tooltip-content",
+      sideOffset,
+      className: cn(
+        "z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-sm text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+        className
+      ),
+      ...props
+    }
+  );
+}
+var init_tooltip = __esm({
+  "src/ui/primitives/tooltip.tsx"() {
+    "use client";
+    init_utils();
+  }
+});
+var init_resizable = __esm({
+  "src/ui/primitives/resizable.tsx"() {
+    "use client";
+  }
+});
+var init_slider = __esm({
+  "src/ui/primitives/slider.tsx"() {
+    "use client";
+  }
+});
+var init_toggle = __esm({
+  "src/ui/primitives/toggle.tsx"() {
+    "use client";
+    cva(
+      "cursor-pointer inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground",
+      {
+        variants: {
+          variant: {
+            default: "bg-transparent",
+            outline: "border border-input bg-transparent hover:bg-accent hover:text-accent-foreground"
+          },
+          size: {
+            default: "h-9 px-3",
+            sm: "h-8 px-2",
+            lg: "h-10 px-3"
+          }
+        },
+        defaultVariants: {
+          variant: "default",
+          size: "default"
+        }
+      }
+    );
+  }
+});
+var init_toggle_group = __esm({
+  "src/ui/primitives/toggle-group.tsx"() {
+    "use client";
+    createContext({
+      size: "default",
+      variant: "default"
+    });
+  }
+});
+var init_menubar = __esm({
+  "src/ui/primitives/menubar.tsx"() {
+    "use client";
+  }
+});
+var init_navigation_menu = __esm({
+  "src/ui/primitives/navigation-menu.tsx"() {
+    cva(
+      "group cursor-pointer inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1"
+    );
+  }
+});
+var init_sticky_layout = __esm({
+  "src/ui/primitives/sticky-layout.tsx"() {
+  }
+});
+var init_prefetch_link = __esm({
+  "src/ui/primitives/prefetch-link.tsx"() {
+    "use client";
+  }
+});
+var init_dynamic_icon = __esm({
+  "src/ui/primitives/dynamic-icon.tsx"() {
+    "use client";
+  }
+});
+var InputNumber;
+var init_input_number = __esm({
+  "src/ui/primitives/input-number.tsx"() {
+    "use client";
+    init_utils();
+    init_input();
+    InputNumber = React12.forwardRef(
+      ({ value, onChange, className, decimalScale = 0, suffix, ...props }, ref) => {
+        const [displayValue, setDisplayValue] = React12.useState("");
+        const parseDisplayValue = (val) => {
+          const clean = val.replace(/\./g, "").replace(",", ".");
+          return Number(clean);
+        };
+        const formatNumber = React12.useCallback(
+          (num) => {
+            return new Intl.NumberFormat("vi-VN", {
+              maximumFractionDigits: decimalScale,
+              minimumFractionDigits: 0
+            }).format(num);
+          },
+          [decimalScale]
+        );
+        React12.useEffect(() => {
+          if (value === null || value === void 0 || value === "") {
+            setDisplayValue("");
+            return;
+          }
+          const numValue = Number(value);
+          if (isNaN(numValue)) return;
+          const currentNum = parseDisplayValue(displayValue);
+          if (currentNum !== numValue) {
+            setDisplayValue(formatNumber(numValue));
+          }
+        }, [value, decimalScale, displayValue, formatNumber]);
+        const handleChange = (e) => {
+          const rawValue = e.target.value;
+          let cleanVal = rawValue.replace(/[^0-9,]/g, "");
+          const parts = cleanVal.split(",");
+          if (parts.length > 2) {
+            cleanVal = parts[0] + "," + parts.slice(1).join("");
+          }
+          if (cleanVal === "") {
+            setDisplayValue("");
+            onChange?.(null);
+            return;
+          }
+          const [integerPart, decimalPart] = cleanVal.split(",");
+          let formattedInteger = integerPart;
+          if (integerPart) {
+            formattedInteger = new Intl.NumberFormat("vi-VN").format(
+              Number(integerPart)
+            );
+          }
+          let newDisplayValue = formattedInteger;
+          let finalDecimalPart = decimalPart;
+          if (decimalPart !== void 0) {
+            if (decimalScale !== void 0 && decimalPart.length > decimalScale) {
+              finalDecimalPart = decimalPart.substring(0, decimalScale);
+            }
+            newDisplayValue += "," + finalDecimalPart;
+          }
+          setDisplayValue(newDisplayValue);
+          let numStr = integerPart;
+          if (finalDecimalPart !== void 0) {
+            numStr += "." + finalDecimalPart;
+          }
+          const numValue = Number(numStr.replace(/\./g, ""));
+          onChange?.(numValue);
+        };
+        return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              ...props,
+              ref,
+              type: "text",
+              inputMode: "numeric",
+              value: displayValue,
+              onChange: handleChange,
+              className: cn("pr-8", className)
+            }
+          ),
+          suffix && /* @__PURE__ */ jsx("div", { className: "absolute inset-y-0 right-0 flex items-center pr-3 pointer-events-none text-muted-foreground text-sm", children: suffix })
+        ] });
+      }
+    );
+    InputNumber.displayName = "InputNumber";
+  }
+});
+function Sheet({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Root, { "data-slot": "sheet", ...props });
+}
+function SheetPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
+}
+function SheetOverlay({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Overlay,
+    {
+      "data-slot": "sheet-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
+    }
+  );
+}
+function SheetContent({
+  className,
+  children,
+  side = "right",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(SheetPortal, { children: [
+    /* @__PURE__ */ jsx(SheetOverlay, {}),
+    /* @__PURE__ */ jsx(
+      DialogPrimitive.Content,
+      {
+        "data-slot": "sheet-content",
+        className: cn(sheetVariants({ side }), className),
+        ...props,
+        children
+      }
+    )
+  ] });
+}
+function SheetTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Title,
+    {
+      "data-slot": "sheet-title",
+      className: cn("text-lg font-semibold text-foreground", className),
+      ...props
+    }
+  );
+}
+var sheetVariants;
+var init_sheet = __esm({
+  "src/ui/feedback/sheet.tsx"() {
+    "use client";
+    init_utils();
+    sheetVariants = cva(
+      "fixed z-50 gap-4 bg-background p-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out",
+      {
+        variants: {
+          side: {
+            top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
+            bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
+            left: "inset-y-0 left-0 h-full w-72 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-72 border-s data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm",
+            start: "inset-y-0 start-0 h-full w-72 border-e data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left data-[state=closed]:rtl:slide-out-to-right data-[state=open]:rtl:slide-in-from-right sm:max-w-sm",
+            end: "inset-y-0 end-0 h-full w-72 border-s data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right data-[state=closed]:rtl:slide-out-to-left data-[state=open]:rtl:slide-in-from-left sm:max-w-sm"
+          }
+        },
+        defaultVariants: {
+          side: "right"
+        }
+      }
+    );
+  }
+});
+var init_context_menu = __esm({
+  "src/ui/feedback/context-menu.tsx"() {
+    "use client";
+  }
+});
+var init_drawer = __esm({
+  "src/ui/feedback/drawer.tsx"() {
+    "use client";
+  }
+});
+var init_progress = __esm({
+  "src/ui/feedback/progress.tsx"() {
+    "use client";
+  }
+});
+var init_sonner = __esm({
+  "src/ui/feedback/sonner.tsx"() {
+    "use client";
+  }
+});
+
+// src/ui/primitives/client.ts
+var init_client = __esm({
+  "src/ui/primitives/client.ts"() {
+    "use client";
+    init_calendar();
+    init_combobox();
+    init_scroll_area();
+    init_select();
+    init_popover();
+    init_dropdown_menu();
+    init_switch();
+    init_checkbox();
+    init_label();
+    init_tooltip();
+    init_sidebar2();
+    init_resizable();
+    init_slider();
+    init_toggle();
+    init_toggle_group();
+    init_menubar();
+    init_navigation_menu();
+    init_sticky_layout();
+    init_prefetch_link();
+    init_dynamic_icon();
+    init_input_number();
+    init_sheet();
+    init_context_menu();
+    init_drawer();
+    init_progress();
+    init_sonner();
+  }
+});
+var init_language_dropdown = __esm({
+  "src/ui/layout/language-dropdown.tsx"() {
+    "use client";
+  }
+});
+var init_footer = __esm({
+  "src/ui/layout/footer.tsx"() {
+  }
+});
+var init_header_breadcrumb = __esm({
+  "src/ui/layout/header-breadcrumb.tsx"() {
+    "use client";
+  }
+});
+var init_animated_list = __esm({
+  "src/ui/layout/animated-list.tsx"() {
+  }
+});
+var init_animated_sidebar = __esm({
+  "src/ui/layout/animated-sidebar.tsx"() {
+    "use client";
+  }
+});
+var init_customizer = __esm({
+  "src/ui/layout/customizer.tsx"() {
+    "use client";
+  }
+});
+function Avatar({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    AvatarPrimitive.Root,
+    {
+      "data-slot": "avatar",
+      className: cn("relative flex h-10 w-10 shrink-0", className),
+      ...props
+    }
+  );
+}
+function AvatarImage({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    AvatarPrimitive.Image,
+    {
+      "data-slot": "avatar-image",
+      className: cn(
+        "aspect-square h-full w-full bg-muted rounded-lg object-cover",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AvatarFallback({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    AvatarPrimitive.Fallback,
+    {
+      className: cn(
+        "flex h-full w-full items-center justify-center bg-muted rounded-lg",
+        className
+      ),
+      ...props
+    }
+  );
+}
+var init_avatar = __esm({
+  "src/ui/data-display/avatar.tsx"() {
+    "use client";
+    init_utils();
+    cva(
+      "transition duration-300 hover:scale-105 hover:z-10",
+      {
+        variants: {
+          size: {
+            default: "h-10 w-10",
+            sm: "h-9 w-9 text-sm",
+            lg: "h-11 w-11"
+          }
+        },
+        defaultVariants: {
+          size: "default"
+        }
+      }
+    );
+  }
+});
+function useTabContentCache() {
+  const context = useContext(TabContentCacheContext);
+  return context ?? noopTabContentCache;
+}
+var TabContentCacheContext, noopTabContentCache;
+var init_tab_content_cache = __esm({
+  "src/ui/layout/tab-content-cache.tsx"() {
+    "use client";
+    TabContentCacheContext = createContext(void 0);
+    noopTabContentCache = {
+      getCachedContent: () => null,
+      setCachedContent: () => {
+      },
+      clearCache: () => {
+      },
+      clearAllCache: () => {
+      },
+      isCached: () => false
+    };
+  }
+});
+function useTabNavigation() {
+  const context = useContext(TabNavigationContext);
+  return context ?? noopTabNavigation;
+}
+var TabNavigationContext, noopTabNavigation;
+var init_tab_navigation_provider = __esm({
+  "src/ui/layout/tab-navigation-provider.tsx"() {
+    "use client";
+    TabNavigationContext = createContext(void 0);
+    noopTabNavigation = {
+      tabs: [],
+      activeTabId: null,
+      addTab: () => {
+      },
+      removeTab: () => {
+      },
+      setActiveTab: () => {
+      },
+      clearTabs: () => {
+      },
+      removeOtherTabs: () => {
+      },
+      removeTabsToRight: () => {
+      },
+      goToNextTab: () => {
+      },
+      goToPreviousTab: () => {
+      },
+      goToTabByIndex: () => {
+      },
+      closeAndGoToParent: () => {
+      }
+    };
+  }
+});
+var init_user_dropdown = __esm({
+  "src/ui/layout/user-dropdown.tsx"() {
+    "use client";
+  }
+});
+var init_notification_dropdown = __esm({
+  "src/ui/layout/notification-dropdown.tsx"() {
+    "use client";
+  }
+});
+var init_mode_dropdown = __esm({
+  "src/ui/layout/mode-dropdown.tsx"() {
+    "use client";
+  }
+});
+var init_full_screen_toggle = __esm({
+  "src/ui/layout/full-screen-toggle.tsx"() {
+    "use client";
+  }
+});
+var init_route_cache = __esm({
+  "src/ui/layout/route-cache.tsx"() {
+    "use client";
+    createContext(
+      void 0
+    );
+  }
+});
+var init_page_tabs = __esm({
+  "src/ui/layout/page-tabs.tsx"() {
+    "use client";
+  }
+});
+var init_toggle_mobile_sidebar = __esm({
+  "src/ui/layout/toggle-mobile-sidebar.tsx"() {
+    "use client";
+  }
+});
+var init_top_bar_header_menubar = __esm({
+  "src/ui/layout/top-bar-header-menubar.tsx"() {
+    "use client";
+  }
+});
+var init_vertical_layout_header = __esm({
+  "src/ui/layout/vertical-layout-header.tsx"() {
+    "use client";
+  }
+});
+var init_horizontal_layout_header = __esm({
+  "src/ui/layout/horizontal-layout-header.tsx"() {
+    "use client";
+  }
+});
+var init_vertical_layout = __esm({
+  "src/ui/layout/vertical-layout.tsx"() {
+    "use client";
+  }
+});
+var init_horizontal_layout = __esm({
+  "src/ui/layout/horizontal-layout.tsx"() {
+    "use client";
+  }
+});
+var init_main_layout = __esm({
+  "src/ui/layout/main-layout.tsx"() {
+    "use client";
+  }
+});
+
+// src/ui/layout/index.tsx
+var init_layout = __esm({
+  "src/ui/layout/index.tsx"() {
+    init_sidebar();
+    init_language_dropdown();
+    init_footer();
+    init_logo();
+    init_header_breadcrumb();
+    init_animated_list();
+    init_animated_sidebar();
+    init_command_menu();
+    init_sidebar_group_icon_menu();
+    init_customizer();
+    init_user_dropdown();
+    init_notification_dropdown();
+    init_mode_dropdown();
+    init_full_screen_toggle();
+    init_page_tabs();
+    init_tab_navigation_provider();
+    init_route_cache();
+    init_toggle_mobile_sidebar();
+    init_top_bar_header_menubar();
+    init_vertical_layout_header();
+    init_horizontal_layout_header();
+    init_vertical_layout();
+    init_horizontal_layout();
+    init_main_layout();
+    init_tab_content_cache();
+  }
+});
+
+// src/hooks/use-tenant.ts
+var init_use_tenant = __esm({
+  "src/hooks/use-tenant.ts"() {
+  }
+});
+function useMediaQuery(query) {
+  const [matches, setMatches] = useState(false);
+  useEffect(() => {
+    if (typeof window !== "undefined") {
+      const media = window.matchMedia(query);
+      setMatches(media.matches);
+      const listener = (event) => setMatches(event.matches);
+      media.addEventListener("change", listener);
+      return () => media.removeEventListener("change", listener);
+    }
+  }, [query]);
+  return matches;
+}
+function useMobile() {
+  return useMediaQuery("(max-width: 768px)");
+}
+var init_hooks = __esm({
+  "src/hooks/index.tsx"() {
+    "use client";
+    init_use_tenant();
+    createContext(null);
+  }
+});
+var init_alert = __esm({
+  "src/ui/feedback/alert.tsx"() {
+    cva(
+      "relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7",
+      {
+        variants: {
+          variant: {
+            default: "bg-background text-foreground",
+            destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive"
+          }
+        },
+        defaultVariants: {
+          variant: "default"
+        }
+      }
+    );
+  }
+});
+var GlobalErrorEmitter;
+var init_error_dialog = __esm({
+  "src/ui/feedback/error-dialog.tsx"() {
+    "use client";
+    GlobalErrorEmitter = class {
+      constructor() {
+        this.listeners = [];
+      }
+      subscribe(listener) {
+        this.listeners.push(listener);
+        return () => {
+          this.listeners = this.listeners.filter((l) => l !== listener);
+        };
+      }
+      emit(data) {
+        this.listeners.forEach((listener) => listener(data));
+      }
+    };
+    new GlobalErrorEmitter();
+    createContext(null);
+  }
+});
+function AlertDialog({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(AlertDialogPrimitive.Root, { "data-slot": "alert-dialog", ...props });
+}
+function AlertDialogPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(AlertDialogPrimitive.Portal, { "data-slot": "alert-dialog-portal", ...props });
+}
+function AlertDialogOverlay({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    AlertDialogPrimitive.Overlay,
+    {
+      "data-slot": "alert-dialog-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
+    }
+  );
+}
+function AlertDialogContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [
+    /* @__PURE__ */ jsx(AlertDialogOverlay, {}),
+    /* @__PURE__ */ jsx(
+      AlertDialogPrimitive.Content,
+      {
+        "data-slot": "alert-dialog-content",
+        className: cn(
+          "fixed top-[50%] left-[50%] z-50 w-full max-w-[calc(100%-2rem)] grid bg-background translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border 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 sm:max-w-lg",
+          className
+        ),
+        ...props
+      }
+    )
+  ] });
+}
+function AlertDialogHeader({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "alert-dialog-header",
+      className: cn(
+        "flex flex-col space-y-2 text-center sm:text-left",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AlertDialogFooter({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "alert-dialog-footer",
+      className: cn(
+        "flex flex-col-reverse sm:flex-row sm:justify-end sm:gap-x-2",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AlertDialogTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    AlertDialogPrimitive.Title,
+    {
+      "data-slot": "alert-dialog-title",
+      className: cn("text-lg font-semibold", className),
+      ...props
+    }
+  );
+}
+function AlertDialogDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    AlertDialogPrimitive.Description,
+    {
+      "data-slot": "alert-dialog-description",
+      className: cn("text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+function AlertDialogAction({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    AlertDialogPrimitive.Action,
+    {
+      className: cn(buttonVariants(), className),
+      ...props
+    }
+  );
+}
+function AlertDialogCancel({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    AlertDialogPrimitive.Cancel,
+    {
+      className: cn(
+        buttonVariants({ variant: "outline" }),
+        "mt-2 sm:mt-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+var init_feedback = __esm({
+  "src/ui/feedback/index.tsx"() {
+    init_primitives();
+    init_utils();
+    init_primitives();
+    init_progress();
+    init_sheet();
+    init_alert();
+    init_context_menu();
+    init_drawer();
+    init_sonner();
+    init_error_dialog();
+  }
+});
+function useSidebar() {
+  const context = React12.useContext(SidebarContext);
+  if (!context) {
+    throw new Error("useSidebar must be used within a SidebarProvider.");
+  }
+  return context;
+}
+var SIDEBAR_WIDTH, SIDEBAR_WIDTH_MOBILE, SIDEBAR_WIDTH_ICON, SIDEBAR_KEYBOARD_SHORTCUT, SidebarContext, SidebarProvider, Sidebar, SidebarTrigger, SidebarRail, SidebarInset, SidebarInput, SidebarHeader, SidebarFooter, SidebarSeparator, SidebarContent, SidebarGroup, SidebarGroupLabel, SidebarGroupAction, SidebarGroupContent, SidebarMenu, SidebarMenuItem, sidebarMenuButtonVariants, SidebarMenuButton, SidebarMenuAction, SidebarMenuBadge, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubItem, SidebarMenuSubButton;
+var init_sidebar2 = __esm({
+  "src/ui/primitives/sidebar.tsx"() {
+    "use client";
+    init_hooks();
+    init_utils();
+    init_button();
+    init_feedback();
+    init_tooltip();
+    SIDEBAR_WIDTH = "16rem";
+    SIDEBAR_WIDTH_MOBILE = "18rem";
+    SIDEBAR_WIDTH_ICON = "3rem";
+    SIDEBAR_KEYBOARD_SHORTCUT = "b";
+    SidebarContext = React12.createContext(null);
+    SidebarProvider = React12.forwardRef(
+      ({
+        defaultOpen = false,
+        open: openProp,
+        onOpenChange: setOpenProp,
+        className,
+        style,
+        children,
+        ...props
+      }, ref) => {
+        const isMobile = useMobile();
+        const [openMobile, setOpenMobile] = React12.useState(false);
+        const [hoverOpen, setHoverOpen] = React12.useState(false);
+        const [_open, _setOpen] = React12.useState(defaultOpen);
+        const open = openProp ?? _open;
+        const setOpen = React12.useCallback(
+          (value) => {
+            if (setOpenProp) {
+              return setOpenProp(typeof value === "function" ? value(open) : value);
+            }
+            _setOpen(value);
+          },
+          [setOpenProp, open]
+        );
+        const toggleSidebar = React12.useCallback(() => {
+          return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
+        }, [isMobile, setOpen, setOpenMobile]);
+        React12.useEffect(() => {
+          const handleKeyDown = (event) => {
+            if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
+              event.preventDefault();
+              toggleSidebar();
+            }
+          };
+          window.addEventListener("keydown", handleKeyDown);
+          return () => window.removeEventListener("keydown", handleKeyDown);
+        }, [toggleSidebar]);
+        const state = open ? "expanded" : "collapsed";
+        const isHoverExpanded = !open && hoverOpen;
+        const contextValue = React12.useMemo(
+          () => ({
+            state,
+            open,
+            setOpen,
+            isMobile,
+            openMobile,
+            setOpenMobile,
+            toggleSidebar,
+            hoverOpen,
+            setHoverOpen,
+            isHoverExpanded
+          }),
+          [
+            state,
+            open,
+            setOpen,
+            isMobile,
+            openMobile,
+            setOpenMobile,
+            toggleSidebar,
+            hoverOpen,
+            setHoverOpen,
+            isHoverExpanded
+          ]
+        );
+        return /* @__PURE__ */ jsx(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              "--sidebar-width": SIDEBAR_WIDTH,
+              "--sidebar-width-icon": SIDEBAR_WIDTH_ICON,
+              ...style
+            },
+            className: cn(
+              "group/sidebar-wrapper flex min-h-svh w-full has-[[data-variant=inset]]:bg-sidebar",
+              className
+            ),
+            ref,
+            ...props,
+            children
+          }
+        ) }) });
+      }
+    );
+    SidebarProvider.displayName = "SidebarProvider";
+    Sidebar = React12.forwardRef(
+      ({
+        side = "left",
+        variant = "sidebar",
+        collapsible = "offcanvas",
+        hoverExpandEnabled = true,
+        className,
+        children,
+        ...props
+      }, ref) => {
+        const {
+          isMobile,
+          state,
+          openMobile,
+          setOpenMobile,
+          setHoverOpen,
+          isHoverExpanded
+        } = useSidebar();
+        const handleMouseEnter = React12.useCallback(() => {
+          if (hoverExpandEnabled && state === "collapsed" && collapsible === "icon") {
+            setHoverOpen(true);
+          }
+        }, [hoverExpandEnabled, state, collapsible, setHoverOpen]);
+        const handleMouseLeave = React12.useCallback(() => {
+          if (hoverExpandEnabled) {
+            setHoverOpen(false);
+          }
+        }, [hoverExpandEnabled, setHoverOpen]);
+        if (collapsible === "none") {
+          return /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground",
+                className
+              ),
+              ref,
+              ...props,
+              children
+            }
+          );
+        }
+        if (isMobile) {
+          return /* @__PURE__ */ jsx(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ jsxs(
+            SheetContent,
+            {
+              "data-sidebar": "sidebar",
+              "data-mobile": "true",
+              className: "w-(--sidebar-width) bg-background p-0 text-foreground [&>button]:hidden",
+              style: {
+                "--sidebar-width": SIDEBAR_WIDTH_MOBILE
+              },
+              side,
+              children: [
+                /* @__PURE__ */ jsx(SheetTitle, { className: "sr-only", children: "Mobile Menu" }),
+                /* @__PURE__ */ jsx("div", { className: "flex h-full w-full flex-col", children })
+              ]
+            }
+          ) });
+        }
+        return /* @__PURE__ */ jsxs(
+          "div",
+          {
+            ref,
+            className: cn(
+              "group peer hidden md:block transition-colors duration-200",
+              // Blue bg + white text when collapsed, white bg + dark text when expanded/hover
+              state === "collapsed" && !isHoverExpanded ? "text-sidebar-foreground" : "text-foreground"
+            ),
+            "data-state": state,
+            "data-hover-expanded": isHoverExpanded,
+            "data-collapsible": state === "collapsed" ? collapsible : "",
+            "data-variant": variant,
+            "data-side": side,
+            onMouseEnter: handleMouseEnter,
+            onMouseLeave: handleMouseLeave,
+            children: [
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: cn(
+                    "duration-200 relative h-svh w-(--sidebar-width) bg-transparent transition-[width] ease-linear",
+                    "group-data-[collapsible=offcanvas]:w-0",
+                    "group-data-[collapsible=icon]:w-(--sidebar-width-icon)",
+                    variant === "floating" || variant === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_2px)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)"
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: cn(
+                    "duration-200 fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] ease-linear md:flex",
+                    side === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
+                    // Adjustments for collapsible=icon
+                    variant === "floating" || variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_8px)] group-data-[collapsible=icon]:px-2.5" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[collapsible=icon]:border-r group-data-[collapsible=icon]:px-0",
+                    // Hover expand - override icon width to full width on hover
+                    "group-data-[hover-expanded=true]:!w-(--sidebar-width) group-data-[hover-expanded=true]:shadow-xl group-data-[hover-expanded=true]:z-[100]",
+                    className
+                  ),
+                  ...props,
+                  children: /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      "data-sidebar": "sidebar",
+                      className: cn(
+                        "flex h-full w-full flex-col border-r transition-colors duration-200",
+                        // Blue background when collapsed, white when expanded/hover
+                        "group-data-[state=collapsed]:bg-sidebar group-data-[state=collapsed]:border-sidebar-border",
+                        "group-data-[state=expanded]:bg-background group-data-[state=expanded]:border-border",
+                        "group-data-[hover-expanded=true]:!bg-background group-data-[hover-expanded=true]:!border-border",
+                        "group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow"
+                      ),
+                      children
+                    }
+                  )
+                }
+              )
+            ]
+          }
+        );
+      }
+    );
+    Sidebar.displayName = "Sidebar";
+    SidebarTrigger = React12.forwardRef(({ className, onClick, ...props }, ref) => {
+      const { toggleSidebar } = useSidebar();
+      return /* @__PURE__ */ jsxs(
+        Button,
+        {
+          ref,
+          "data-sidebar": "trigger",
+          variant: "ghost",
+          size: "icon",
+          className: cn("h-7 w-7", className),
+          onClick: (event) => {
+            onClick?.(event);
+            toggleSidebar();
+          },
+          ...props,
+          children: [
+            /* @__PURE__ */ jsx(PanelLeft, {}),
+            /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Toggle Sidebar" })
+          ]
+        }
+      );
+    });
+    SidebarTrigger.displayName = "SidebarTrigger";
+    SidebarRail = React12.forwardRef(({ className, ...props }, ref) => {
+      const { toggleSidebar } = useSidebar();
+      return /* @__PURE__ */ jsx(
+        "button",
+        {
+          ref,
+          "data-sidebar": "rail",
+          "aria-label": "Toggle Sidebar",
+          tabIndex: -1,
+          onClick: toggleSidebar,
+          title: "Toggle Sidebar",
+          className: cn(
+            "absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] hover:after:bg-sidebar-border group-data-[side=left]:-right-4 group-data-[side=right]:left-0 sm:flex",
+            "[[data-side=left]_&]:cursor-w-resize [[data-side=right]_&]:cursor-e-resize",
+            "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize",
+            "group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full group-data-[collapsible=offcanvas]:hover:bg-sidebar",
+            "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2",
+            "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2",
+            className
+          ),
+          ...props
+        }
+      );
+    });
+    SidebarRail.displayName = "SidebarRail";
+    SidebarInset = React12.forwardRef(({ className, ...props }, ref) => {
+      return /* @__PURE__ */ jsx(
+        "main",
+        {
+          ref,
+          className: cn(
+            "relative flex min-h-svh flex-1 flex-col bg-muted/40 transition-[margin] duration-200 ease-linear",
+            "peer-data-[variant=inset]:min-h-[calc(100svh-theme(spacing.4))] md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow",
+            className
+          ),
+          ...props
+        }
+      );
+    });
+    SidebarInset.displayName = "SidebarInset";
+    SidebarInput = React12.forwardRef(({ className, ...props }, ref) => {
+      return /* @__PURE__ */ jsx(
+        "input",
+        {
+          ref,
+          "data-sidebar": "input",
+          className: cn(
+            "flex h-8 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sidebar-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+            className
+          ),
+          ...props
+        }
+      );
+    });
+    SidebarInput.displayName = "SidebarInput";
+    SidebarHeader = React12.forwardRef(({ className, ...props }, ref) => {
+      return /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref,
+          "data-sidebar": "header",
+          className: cn("flex flex-col gap-2 p-2", className),
+          ...props
+        }
+      );
+    });
+    SidebarHeader.displayName = "SidebarHeader";
+    SidebarFooter = React12.forwardRef(({ className, ...props }, ref) => {
+      return /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref,
+          "data-sidebar": "footer",
+          className: cn("flex flex-col gap-2 p-2", className),
+          ...props
+        }
+      );
+    });
+    SidebarFooter.displayName = "SidebarFooter";
+    SidebarSeparator = React12.forwardRef(({ className, ...props }, ref) => {
+      return /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref,
+          "data-sidebar": "separator",
+          className: cn("mx-2 h-[1px] w-auto bg-sidebar-border", className),
+          ...props
+        }
+      );
+    });
+    SidebarSeparator.displayName = "SidebarSeparator";
+    SidebarContent = React12.forwardRef(({ className, ...props }, ref) => {
+      return /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref,
+          "data-sidebar": "content",
+          className: cn(
+            "flex min-h-0 flex-1 flex-col gap-2 overflow-auto",
+            // Hide overflow when collapsed, but show when hover-expanded
+            "group-data-[collapsible=icon]:overflow-hidden group-data-[hover-expanded=true]:!overflow-auto",
+            className
+          ),
+          ...props
+        }
+      );
+    });
+    SidebarContent.displayName = "SidebarContent";
+    SidebarGroup = React12.forwardRef(({ className, ...props }, ref) => {
+      return /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref,
+          "data-sidebar": "group",
+          className: cn("relative flex w-full min-w-0 flex-col p-2", className),
+          ...props
+        }
+      );
+    });
+    SidebarGroup.displayName = "SidebarGroup";
+    SidebarGroupLabel = React12.forwardRef(({ className, asChild = false, ...props }, ref) => {
+      const Comp = asChild ? Slot : "div";
+      return /* @__PURE__ */ jsx(
+        Comp,
+        {
+          ref,
+          "data-sidebar": "group-label",
+          className: cn(
+            "duration-200 flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-bold text-primary uppercase tracking-wider outline-none ring-sidebar-ring transition-[margin,opa] ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
+            // Hide when collapsed, show when hover-expanded
+            "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0",
+            "group-data-[hover-expanded=true]:!mt-0 group-data-[hover-expanded=true]:!opacity-100",
+            className
+          ),
+          ...props
+        }
+      );
+    });
+    SidebarGroupLabel.displayName = "SidebarGroupLabel";
+    SidebarGroupAction = React12.forwardRef(({ className, asChild = false, ...props }, ref) => {
+      const Comp = asChild ? Slot : "button";
+      return /* @__PURE__ */ jsx(
+        Comp,
+        {
+          ref,
+          "data-sidebar": "group-action",
+          className: cn(
+            "absolute right-3 top-3.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
+            // Increases the hit area of the button on mobile.
+            "after:absolute after:-inset-2 after:md:hidden",
+            "group-data-[collapsible=icon]:hidden",
+            className
+          ),
+          ...props
+        }
+      );
+    });
+    SidebarGroupAction.displayName = "SidebarGroupAction";
+    SidebarGroupContent = React12.forwardRef(({ className, ...props }, ref) => {
+      return /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref,
+          "data-sidebar": "group-content",
+          className: cn("w-full text-sm", className),
+          ...props
+        }
+      );
+    });
+    SidebarGroupContent.displayName = "SidebarGroupContent";
+    SidebarMenu = React12.forwardRef(({ className, ...props }, ref) => {
+      return /* @__PURE__ */ jsx(
+        "ul",
+        {
+          ref,
+          "data-sidebar": "menu",
+          className: cn("flex w-full min-w-0 flex-col gap-1", className),
+          ...props
+        }
+      );
+    });
+    SidebarMenu.displayName = "SidebarMenu";
+    SidebarMenuItem = React12.forwardRef(({ className, ...props }, ref) => {
+      return /* @__PURE__ */ jsx(
+        "li",
+        {
+          ref,
+          "data-sidebar": "menu-item",
+          className: cn("group/menu-item relative", className),
+          ...props
+        }
+      );
+    });
+    SidebarMenuItem.displayName = "SidebarMenuItem";
+    sidebarMenuButtonVariants = cva(
+      // Base styles + hover-expand overrides
+      "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:!size-8 group-data-[collapsible=icon]:!p-2 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 group-data-[hover-expanded=true]:!size-auto group-data-[hover-expanded=true]:!w-full group-data-[hover-expanded=true]:!p-2",
+      {
+        variants: {
+          variant: {
+            default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
+            outline: "bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]"
+          },
+          size: {
+            default: "h-8 text-sm",
+            sm: "h-7 text-xs",
+            lg: "h-12 text-sm group-data-[collapsible=icon]:!p-0"
+          },
+          isActive: {
+            true: "bg-primary/10 text-primary font-bold"
+          }
+        },
+        defaultVariants: {
+          variant: "default",
+          size: "default"
+        }
+      }
+    );
+    SidebarMenuButton = React12.forwardRef(
+      ({
+        asChild = false,
+        isActive = false,
+        variant = "default",
+        size = "default",
+        tooltip,
+        className,
+        ...props
+      }, ref) => {
+        const Comp = asChild ? Slot : "button";
+        const { isMobile, state } = useSidebar();
+        const button = /* @__PURE__ */ jsx(
+          Comp,
+          {
+            ref,
+            "data-sidebar": "menu-button",
+            "data-size": size,
+            "data-active": isActive,
+            className: cn(
+              sidebarMenuButtonVariants({ variant, size, isActive }),
+              className
+            ),
+            ...props
+          }
+        );
+        if (!tooltip) {
+          return button;
+        }
+        if (typeof tooltip === "string") {
+          tooltip = {
+            children: tooltip
+          };
+        }
+        return /* @__PURE__ */ jsxs(Tooltip, { children: [
+          /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: button }),
+          /* @__PURE__ */ jsx(
+            TooltipContent,
+            {
+              side: "right",
+              align: "center",
+              hidden: state !== "collapsed" || isMobile,
+              ...tooltip
+            }
+          )
+        ] });
+      }
+    );
+    SidebarMenuButton.displayName = "SidebarMenuButton";
+    SidebarMenuAction = React12.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
+      const Comp = asChild ? Slot : "button";
+      return /* @__PURE__ */ jsx(
+        Comp,
+        {
+          ref,
+          "data-sidebar": "menu-action",
+          className: cn(
+            "absolute right-1 top-1.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
+            // Increases the hit area of the button on mobile.
+            "after:absolute after:-inset-2 after:md:hidden",
+            "peer-data-[size=sm]/menu-button:top-1",
+            "peer-data-[size=default]/menu-button:top-1.5",
+            "peer-data-[size=lg]/menu-button:top-2.5",
+            "group-data-[collapsible=icon]:hidden",
+            showOnHover && "group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 md:opacity-0",
+            className
+          ),
+          ...props
+        }
+      );
+    });
+    SidebarMenuAction.displayName = "SidebarMenuAction";
+    SidebarMenuBadge = React12.forwardRef(({ className, ...props }, ref) => {
+      return /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref,
+          "data-sidebar": "menu-badge",
+          className: cn(
+            "pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-sidebar-foreground select-none",
+            "peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground",
+            "peer-data-[size=sm]/menu-button:top-1",
+            "peer-data-[size=default]/menu-button:top-1.5",
+            "peer-data-[size=lg]/menu-button:top-2.5",
+            "group-data-[collapsible=icon]:hidden",
+            className
+          ),
+          ...props
+        }
+      );
+    });
+    SidebarMenuBadge.displayName = "SidebarMenuBadge";
+    SidebarMenuSkeleton = React12.forwardRef(({ className, showIcon = false, ...props }, ref) => {
+      const width = React12.useMemo(() => {
+        return `${Math.floor(Math.random() * 40) + 50}%`;
+      }, []);
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          ref,
+          "data-sidebar": "menu-skeleton",
+          className: cn("flex h-8 items-center gap-2 rounded-md px-2", className),
+          ...props,
+          children: [
+            showIcon && /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "size-4 rounded-md animate-pulse bg-muted",
+                "data-sidebar": "menu-skeleton-icon"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "h-4 flex-1 max-w-[--skeleton-width] animate-pulse bg-muted rounded-full",
+                "data-sidebar": "menu-skeleton-text",
+                style: {
+                  "--skeleton-width": width
+                }
+              }
+            )
+          ]
+        }
+      );
+    });
+    SidebarMenuSkeleton.displayName = "SidebarMenuSkeleton";
+    SidebarMenuSub = React12.forwardRef(({ className, ...props }, ref) => {
+      return /* @__PURE__ */ jsx(
+        "ul",
+        {
+          ref,
+          "data-sidebar": "menu-sub",
+          className: cn(
+            "mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5",
+            // Hide when collapsed, show when hover-expanded
+            "group-data-[collapsible=icon]:hidden group-data-[hover-expanded=true]:!flex",
+            className
+          ),
+          ...props
+        }
+      );
+    });
+    SidebarMenuSub.displayName = "SidebarMenuSub";
+    SidebarMenuSubItem = React12.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx("li", { ref, ...props }));
+    SidebarMenuSubItem.displayName = "SidebarMenuSubItem";
+    SidebarMenuSubButton = React12.forwardRef(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
+      const Comp = asChild ? Slot : "a";
+      return /* @__PURE__ */ jsx(
+        Comp,
+        {
+          ref,
+          "data-sidebar": "menu-sub-button",
+          "data-size": size,
+          "data-active": isActive,
+          className: cn(
+            "flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground outline-none ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 text-xs",
+            "data-[active=true]:bg-primary/15 data-[active=true]:!text-primary data-[active=true]:font-bold",
+            size === "sm" && "text-xs",
+            size === "md" && "text-sm",
+            className
+          ),
+          ...props
+        }
+      );
+    });
+    SidebarMenuSubButton.displayName = "SidebarMenuSubButton";
+  }
+});
+function Spinner({ size = "md", className }) {
+  const sizeClasses = {
+    sm: "h-4 w-4",
+    md: "h-6 w-6",
+    lg: "h-8 w-8"
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "animate-spin rounded-full border-2 border-current border-t-transparent",
+        sizeClasses[size],
+        className
+      )
+    }
+  );
+}
+var Textarea, ButtonLoading;
+var init_primitives = __esm({
+  "src/ui/primitives/index.tsx"() {
+    init_utils();
+    init_button();
+    init_badge();
+    init_button();
+    init_input();
+    init_checkbox();
+    init_card();
+    init_separator();
+    init_card();
+    init_table();
+    init_dropdown_menu();
+    init_dialog();
+    init_tabs();
+    init_breadcrumb();
+    init_keyboard();
+    init_pagination();
+    init_status_badge();
+    init_sidebar2();
+    init_popover();
+    init_scroll_area();
+    init_calendar();
+    init_resizable();
+    init_slider();
+    init_switch();
+    init_tooltip();
+    init_select();
+    init_menubar();
+    init_navigation_menu();
+    init_toggle();
+    init_toggle_group();
+    init_combobox();
+    init_label();
+    Textarea = React12.forwardRef(
+      ({ className, ...props }, ref) => {
+        return /* @__PURE__ */ jsx(
+          "textarea",
+          {
+            className: cn(
+              "flex min-h-[80px] 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
+            ),
+            ref,
+            ...props
+          }
+        );
+      }
+    );
+    Textarea.displayName = "Textarea";
+    ButtonLoading = React12.forwardRef(({ className, isLoading, children, disabled, ...props }, ref) => {
+      return /* @__PURE__ */ jsxs(
+        Button,
+        {
+          className: cn("gap-2", className),
+          disabled: isLoading || disabled,
+          ref,
+          ...props,
+          children: [
+            isLoading && /* @__PURE__ */ jsx(Spinner, { size: "sm" }),
+            children
+          ]
+        }
+      );
+    });
+    ButtonLoading.displayName = "ButtonLoading";
+  }
+});
+var init_radio_group = __esm({
+  "src/ui/forms/radio-group.tsx"() {
+    "use client";
+  }
+});
+var init_rating = __esm({
+  "src/ui/forms/rating.tsx"() {
+    "use client";
+    cva(
+      "transition-all duration-100 ease-in-out hover:scale-110",
+      {
+        variants: {
+          size: {
+            sm: "w-4 h-4",
+            default: "w-6 h-6",
+            lg: "w-8 h-8"
+          },
+          variant: {
+            default: "text-yellow-400",
+            primary: "text-primary",
+            muted: "text-muted-foreground"
+          },
+          filled: {
+            true: "",
+            false: "text-gray-200"
+          }
+        },
+        defaultVariants: {
+          size: "default",
+          variant: "default",
+          filled: false
+        }
+      }
+    );
+  }
+});
+var init_command = __esm({
+  "src/ui/forms/command.tsx"() {
+    "use client";
+  }
+});
+var MultiSelect;
+var init_multi_select = __esm({
+  "src/ui/forms/multi-select.tsx"() {
+    "use client";
+    init_utils();
+    init_primitives();
+    init_client();
+    MultiSelect = React12.forwardRef(
+      ({
+        options,
+        value: controlledValue,
+        onValueChange,
+        defaultValue = [],
+        placeholder = "Select options...",
+        searchPlaceholder = "Search...",
+        emptyText = "No option found.",
+        maxCount = 3,
+        disabled = false,
+        responsive = false,
+        className,
+        id
+      }, ref) => {
+        const [internalValue, setInternalValue] = useState(defaultValue);
+        const [open, setOpen] = useState(false);
+        const [searchValue, setSearchValue] = useState("");
+        const isControlled = controlledValue !== void 0;
+        const value = isControlled ? controlledValue : internalValue;
+        const containerRef = useRef(null);
+        const searchInputRef = useRef(null);
+        const dropdownRef = useRef(null);
+        const buttonRef = useRef(null);
+        const [politeMessage, setPoliteMessage] = useState("");
+        const [assertiveMessage, setAssertiveMessage] = useState("");
+        const prevSelectedCount = useRef(value.length);
+        const announce = useCallback(
+          (message, priority = "polite") => {
+            if (priority === "assertive") {
+              setAssertiveMessage(message);
+              setTimeout(() => setAssertiveMessage(""), 100);
+            } else {
+              setPoliteMessage(message);
+              setTimeout(() => setPoliteMessage(""), 100);
+            }
+          },
+          []
+        );
+        const [screenSize, setScreenSize] = useState("desktop");
+        useEffect(() => {
+          if (typeof window === "undefined") return;
+          const handleResize = () => {
+            const width = window.innerWidth;
+            if (width < 640) {
+              setScreenSize("mobile");
+            } else if (width < 1024) {
+              setScreenSize("tablet");
+            } else {
+              setScreenSize("desktop");
+            }
+          };
+          handleResize();
+          window.addEventListener("resize", handleResize);
+          return () => window.removeEventListener("resize", handleResize);
+        }, []);
+        const getResponsiveSettings = useCallback(() => {
+          if (!responsive) {
+            return {
+              maxCount,
+              compactMode: false
+            };
+          }
+          if (responsive === true) {
+            const defaultResponsive = {
+              mobile: { maxCount: 2, compactMode: true },
+              tablet: { maxCount: 4, compactMode: false },
+              desktop: { maxCount: 6, compactMode: false }
+            };
+            const currentSettings2 = defaultResponsive[screenSize];
+            return {
+              maxCount: currentSettings2?.maxCount ?? maxCount,
+              compactMode: currentSettings2?.compactMode ?? false
+            };
+          }
+          const currentSettings = responsive[screenSize];
+          return {
+            maxCount: currentSettings?.maxCount ?? maxCount,
+            compactMode: currentSettings?.compactMode ?? false
+          };
+        }, [responsive, screenSize, maxCount]);
+        const responsiveSettings = getResponsiveSettings();
+        const filteredOptions = useMemo(() => {
+          if (!searchValue.trim()) {
+            return options;
+          }
+          const searchLower = searchValue.toLowerCase();
+          return options.filter(
+            (option) => option.label.toLowerCase().includes(searchLower) || String(option.value).toLowerCase().includes(searchLower)
+          );
+        }, [options, searchValue]);
+        useEffect(() => {
+          if (!open) {
+            setSearchValue("");
+          }
+        }, [open]);
+        useEffect(() => {
+          if (open && searchInputRef.current) {
+            setTimeout(() => {
+              searchInputRef.current?.focus();
+            }, 50);
+          }
+        }, [open]);
+        useEffect(() => {
+          if (!open) return;
+          const handleClickOutside = (event) => {
+            const target = event.target;
+            if (containerRef.current && !containerRef.current.contains(target) && dropdownRef.current && !dropdownRef.current.contains(target)) {
+              if (target.closest('[data-slot="dialog-content"]')) {
+                return;
+              }
+              setOpen(false);
+            }
+          };
+          const handleEscape = (event) => {
+            if (event.key === "Escape" && open) {
+              event.stopPropagation();
+              setOpen(false);
+            }
+          };
+          document.addEventListener("mousedown", handleClickOutside, true);
+          document.addEventListener("keydown", handleEscape, true);
+          return () => {
+            document.removeEventListener("mousedown", handleClickOutside, true);
+            document.removeEventListener("keydown", handleEscape, true);
+          };
+        }, [open]);
+        useEffect(() => {
+          const selectedCount = value.length;
+          const totalOptions = options.filter((opt) => !opt.disabled).length;
+          if (selectedCount !== prevSelectedCount.current) {
+            const diff = selectedCount - prevSelectedCount.current;
+            if (diff > 0) {
+              announce(`${selectedCount} of ${totalOptions} options selected.`);
+            } else if (diff < 0) {
+              announce(
+                `Option removed. ${selectedCount} of ${totalOptions} options selected.`
+              );
+            }
+            prevSelectedCount.current = selectedCount;
+          }
+        }, [value, announce, options]);
+        const updateValue = useCallback(
+          (newValue) => {
+            if (!isControlled) {
+              setInternalValue(newValue);
+            }
+            onValueChange?.(newValue);
+          },
+          [isControlled, onValueChange]
+        );
+        const handleSelect = useCallback(
+          (optionValue) => {
+            const option = options.find((opt) => opt.value === optionValue);
+            if (option?.disabled) {
+              return;
+            }
+            const newValue = value.includes(optionValue) ? value.filter((v) => v !== optionValue) : [...value, optionValue];
+            updateValue(newValue);
+          },
+          [value, options, updateValue]
+        );
+        const handleSelectAll = useCallback(() => {
+          updateValue(
+            filteredOptions.filter((opt) => !opt.disabled).map((opt) => opt.value)
+          );
+        }, [updateValue, filteredOptions]);
+        const handleClearAll = useCallback(() => {
+          updateValue([]);
+        }, [updateValue]);
+        const handleRemove = useCallback(
+          (optionValue, e) => {
+            e.stopPropagation();
+            updateValue(value.filter((v) => v !== optionValue));
+          },
+          [updateValue, value]
+        );
+        const clearExtraOptions = useCallback(() => {
+          const newSelectedValues = value.slice(0, responsiveSettings.maxCount);
+          updateValue(newSelectedValues);
+        }, [value, responsiveSettings.maxCount, updateValue]);
+        React12.useImperativeHandle(
+          ref,
+          () => ({
+            reset: () => {
+              updateValue(defaultValue);
+              setOpen(false);
+              setSearchValue("");
+            },
+            getSelectedValues: () => value,
+            setSelectedValues: (values) => {
+              updateValue(values);
+            },
+            clear: () => {
+              updateValue([]);
+            },
+            focus: () => {
+              buttonRef.current?.focus();
+            }
+          }),
+          [value, defaultValue, updateValue]
+        );
+        const selectedOptions = options.filter(
+          (option) => value.includes(option.value)
+        );
+        const getBadgeColor = (index) => {
+          const colors = [
+            "bg-blue-100 text-blue-700 hover:bg-blue-200",
+            "bg-green-100 text-green-700 hover:bg-green-200",
+            "bg-purple-100 text-purple-700 hover:bg-purple-200",
+            "bg-orange-100 text-orange-700 hover:bg-orange-200",
+            "bg-pink-100 text-pink-700 hover:bg-pink-200",
+            "bg-cyan-100 text-cyan-700 hover:bg-cyan-200"
+          ];
+          return colors[index % colors.length];
+        };
+        return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: "relative w-full", children: [
+          /* @__PURE__ */ jsxs("div", { className: "sr-only", children: [
+            /* @__PURE__ */ jsx("div", { "aria-live": "polite", "aria-atomic": "true", role: "status", children: politeMessage }),
+            /* @__PURE__ */ jsx("div", { "aria-live": "assertive", "aria-atomic": "true", role: "alert", children: assertiveMessage })
+          ] }),
+          /* @__PURE__ */ jsxs(
+            Button,
+            {
+              ref: buttonRef,
+              type: "button",
+              variant: "outline",
+              role: "combobox",
+              "aria-expanded": open,
+              disabled,
+              className: cn(
+                "w-full justify-between h-auto min-h-10 px-3 py-2",
+                responsiveSettings.compactMode && "min-h-8 text-sm",
+                className
+              ),
+              id,
+              onClick: (e) => {
+                e.stopPropagation();
+                setOpen(!open);
+              },
+              children: [
+                /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1", children: selectedOptions.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                  selectedOptions.slice(0, responsiveSettings.maxCount).map((option, index) => /* @__PURE__ */ jsxs(
+                    Badge,
+                    {
+                      className: cn(
+                        "mr-1 mb-1",
+                        getBadgeColor(index),
+                        responsiveSettings.compactMode && "text-xs px-1.5 py-0.5"
+                      ),
+                      onClick: (e) => handleRemove(option.value, e),
+                      children: [
+                        option.icon && !responsiveSettings.compactMode && /* @__PURE__ */ jsx(option.icon, { className: "mr-2 h-4 w-4" }),
+                        option.label,
+                        /* @__PURE__ */ jsx(
+                          "div",
+                          {
+                            role: "button",
+                            tabIndex: 0,
+                            className: "ml-1 ring-offset-background rounded-full outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 cursor-pointer",
+                            onKeyDown: (e) => {
+                              if (e.key === "Enter") {
+                                handleRemove(option.value, e);
+                              }
+                            },
+                            onMouseDown: (e) => {
+                              e.preventDefault();
+                              e.stopPropagation();
+                            },
+                            onClick: (e) => handleRemove(option.value, e),
+                            children: /* @__PURE__ */ jsx(X, { className: "h-3 w-3 text-muted-foreground hover:text-foreground" })
+                          }
+                        )
+                      ]
+                    },
+                    String(option.value)
+                  )),
+                  value.length > responsiveSettings.maxCount && /* @__PURE__ */ jsxs(
+                    Badge,
+                    {
+                      className: cn(
+                        "mr-1 mb-1 bg-muted text-muted-foreground hover:bg-muted",
+                        responsiveSettings.compactMode && "text-xs px-1.5 py-0.5"
+                      ),
+                      children: [
+                        "+",
+                        value.length - responsiveSettings.maxCount,
+                        " more",
+                        /* @__PURE__ */ jsx(
+                          "div",
+                          {
+                            role: "button",
+                            tabIndex: 0,
+                            className: "ml-1 ring-offset-background rounded-full outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 cursor-pointer",
+                            onClick: (e) => {
+                              e.stopPropagation();
+                              clearExtraOptions();
+                            },
+                            children: /* @__PURE__ */ jsx(X, { className: "h-3 w-3" })
+                          }
+                        )
+                      ]
+                    }
+                  )
+                ] }) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: placeholder }) }),
+                /* @__PURE__ */ jsx(ChevronsUpDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
+              ]
+            }
+          ),
+          open && /* @__PURE__ */ jsx(
+            "div",
+            {
+              ref: dropdownRef,
+              className: "absolute z-[100] mt-1 w-full rounded-md border bg-popover text-popover-foreground shadow-md",
+              style: {
+                top: "100%",
+                left: 0
+              },
+              children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center border-b px-3 py-2", children: [
+                  /* @__PURE__ */ jsx(Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+                  /* @__PURE__ */ jsx(
+                    Input,
+                    {
+                      ref: searchInputRef,
+                      placeholder: searchPlaceholder,
+                      value: searchValue,
+                      onChange: (e) => {
+                        e.stopPropagation();
+                        setSearchValue(e.target.value);
+                      },
+                      onKeyDown: (e) => {
+                        e.stopPropagation();
+                        if (e.key === "Escape") {
+                          e.preventDefault();
+                          setOpen(false);
+                        }
+                      },
+                      onClick: (e) => {
+                        e.stopPropagation();
+                      },
+                      onFocus: (e) => {
+                        e.stopPropagation();
+                      },
+                      className: "border-0 focus-visible:ring-0 focus-visible:ring-offset-0 h-9 bg-transparent px-0"
+                    }
+                  ),
+                  searchValue && /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      type: "button",
+                      variant: "ghost",
+                      size: "sm",
+                      className: "h-6 w-6 p-0",
+                      onClick: (e) => {
+                        e.stopPropagation();
+                        setSearchValue("");
+                        searchInputRef.current?.focus();
+                      },
+                      children: /* @__PURE__ */ jsx(X, { className: "h-3 w-3" })
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-b p-1", children: [
+                  /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      type: "button",
+                      variant: "ghost",
+                      size: "sm",
+                      className: "h-8 px-2 text-xs",
+                      onClick: (e) => {
+                        e.stopPropagation();
+                        handleSelectAll();
+                      },
+                      children: "Select All"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      type: "button",
+                      variant: "ghost",
+                      size: "sm",
+                      className: "h-8 px-2 text-xs",
+                      onClick: (e) => {
+                        e.stopPropagation();
+                        handleClearAll();
+                      },
+                      children: "Clear All"
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsx(ScrollArea, { className: "max-h-[300px]", children: filteredOptions.length === 0 ? /* @__PURE__ */ jsx("div", { className: "py-6 text-center text-sm text-muted-foreground", children: emptyText }) : /* @__PURE__ */ jsx("div", { className: "p-1", children: filteredOptions.map((option) => {
+                  const isSelected = value.includes(option.value);
+                  const isDisabled = option.disabled || false;
+                  return /* @__PURE__ */ jsxs(
+                    "div",
+                    {
+                      role: "option",
+                      "aria-selected": isSelected,
+                      "aria-disabled": isDisabled,
+                      className: cn(
+                        "relative flex select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none",
+                        isDisabled ? "cursor-not-allowed opacity-50" : "cursor-pointer hover:bg-accent hover:text-accent-foreground",
+                        isSelected && !isDisabled && "bg-accent text-accent-foreground"
+                      ),
+                      onMouseDown: (e) => {
+                        e.preventDefault();
+                        e.stopPropagation();
+                      },
+                      onClick: (e) => {
+                        e.preventDefault();
+                        e.stopPropagation();
+                        if (!isDisabled) {
+                          handleSelect(option.value);
+                        }
+                      },
+                      children: [
+                        /* @__PURE__ */ jsx(
+                          "div",
+                          {
+                            className: cn(
+                              "mr-2 flex h-4 w-4 items-center justify-center rounded-sm border border-primary",
+                              isSelected ? "bg-primary text-primary-foreground" : "opacity-50 [&_svg]:invisible"
+                            ),
+                            children: /* @__PURE__ */ jsx(Check, { className: cn("h-4 w-4") })
+                          }
+                        ),
+                        option.icon && /* @__PURE__ */ jsx(option.icon, { className: "mr-2 h-4 w-4 text-muted-foreground" }),
+                        /* @__PURE__ */ jsx("span", { className: "flex-1 truncate", children: option.label })
+                      ]
+                    },
+                    String(option.value)
+                  );
+                }) }) }),
+                /* @__PURE__ */ jsx("div", { className: "border-t p-2", children: /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    type: "button",
+                    variant: "outline",
+                    size: "sm",
+                    className: "w-full h-8 text-xs",
+                    onClick: (e) => {
+                      e.stopPropagation();
+                      setOpen(false);
+                    },
+                    children: "Close"
+                  }
+                ) })
+              ] })
+            }
+          )
+        ] });
+      }
+    );
+    MultiSelect.displayName = "MultiSelect";
+  }
+});
+var init_date_picker = __esm({
+  "src/ui/forms/date-picker.tsx"() {
+    "use client";
+  }
+});
+var init_date_range_picker = __esm({
+  "src/ui/forms/date-range-picker.tsx"() {
+    "use client";
+  }
+});
+var init_input_time = __esm({
+  "src/ui/forms/input-time.tsx"() {
+    "use client";
+  }
+});
+var init_date_time_picker = __esm({
+  "src/ui/forms/date-time-picker.tsx"() {
+    "use client";
+  }
+});
+var init_emoji_picker = __esm({
+  "src/ui/forms/emoji-picker.tsx"() {
+    "use client";
+    dynamic(
+      () => {
+        return import('emoji-picker-react');
+      },
+      { ssr: false }
+    );
+  }
+});
+var init_file_thumbnail = __esm({
+  "src/ui/forms/file-thumbnail.tsx"() {
+  }
+});
+var init_file_dropzone = __esm({
+  "src/ui/forms/file-dropzone.tsx"() {
+    "use client";
+  }
+});
+var init_input_file = __esm({
+  "src/ui/forms/input-file.tsx"() {
+    "use client";
+  }
+});
+var init_input_group = __esm({
+  "src/ui/forms/input-group.tsx"() {
+    "use client";
+  }
+});
+var init_input_otp = __esm({
+  "src/ui/forms/input-otp.tsx"() {
+    "use client";
+  }
+});
+var init_input_phone = __esm({
+  "src/ui/forms/input-phone.tsx"() {
+    "use client";
+  }
+});
+var init_input_spin = __esm({
+  "src/ui/forms/input-spin.tsx"() {
+    "use client";
+  }
+});
+var init_input_tags = __esm({
+  "src/ui/forms/input-tags.tsx"() {
+    "use client";
+  }
+});
+var init_multiple_date_picker = __esm({
+  "src/ui/forms/multiple-date-picker.tsx"() {
+    "use client";
+  }
+});
+var init_time_picker = __esm({
+  "src/ui/forms/time-picker.tsx"() {
+    "use client";
+  }
+});
+var init_editor = __esm({
+  "src/ui/forms/editor/index.tsx"() {
+    "use client";
+  }
+});
+var init_forms = __esm({
+  "src/ui/forms/index.tsx"() {
+    "use client";
+    init_radio_group();
+    init_rating();
+    init_command();
+    init_multi_select();
+    init_date_picker();
+    init_date_range_picker();
+    init_date_time_picker();
+    init_emoji_picker();
+    init_file_dropzone();
+    init_file_thumbnail();
+    init_input_file();
+    init_input_group();
+    init_input_otp();
+    init_input_phone();
+    init_input_spin();
+    init_input_tags();
+    init_input_time();
+    init_multiple_date_picker();
+    init_time_picker();
+    init_editor();
+    createContext(
+      {}
+    );
+    createContext(
+      {}
+    );
+  }
+});
+var init_formatted_number_input = __esm({
+  "src/ui/data-display/formatted-number-input.tsx"() {
+    "use client";
+  }
+});
+var init_data_table_pagination = __esm({
+  "src/ui/data-display/data-table-pagination.tsx"() {
+    "use client";
+  }
+});
+var init_kpi_card = __esm({
+  "src/ui/data-display/kpi-card.tsx"() {
+    "use client";
+  }
+});
+var THEME_STYLES, CompactStatBar;
+var init_compact_stat_bar = __esm({
+  "src/ui/data-display/compact-stat-bar.tsx"() {
+    init_utils();
+    THEME_STYLES = {
+      dark: {
+        wrapper: "hover:bg-[#181d26]/5 dark:hover:bg-slate-100/5",
+        box: "bg-[#181d26] group-hover:bg-[#0a2e0e] dark:bg-slate-800 dark:group-hover:bg-slate-700",
+        icon: "text-white",
+        label: "text-[#181d26] dark:text-slate-300"
+      },
+      green: {
+        wrapper: "hover:bg-[#006400]/10",
+        box: "bg-[#006400] group-hover:bg-[#39bf45]",
+        icon: "text-white",
+        label: "text-[#006400] dark:text-[#39bf45]"
+      },
+      blue: {
+        wrapper: "hover:bg-[#254fad]/10",
+        box: "bg-[#254fad] group-hover:bg-[#1d3d8f]",
+        icon: "text-white",
+        label: "text-[#254fad] dark:text-[#60a5fa]"
+      },
+      purple: {
+        wrapper: "hover:bg-[#7C3AED]/10",
+        box: "bg-[#7C3AED] group-hover:bg-[#6D28D9]",
+        icon: "text-white",
+        label: "text-[#7C3AED] dark:text-[#a78bfa]"
+      },
+      orange: {
+        wrapper: "hover:bg-[#EA580C]/10",
+        box: "bg-[#EA580C] group-hover:bg-[#C2410C]",
+        icon: "text-white",
+        label: "text-[#EA580C] dark:text-[#fb923c]"
+      },
+      emerald: {
+        wrapper: "hover:bg-[#059669]/10",
+        box: "bg-[#059669] group-hover:bg-[#047857]",
+        icon: "text-white",
+        label: "text-[#059669] dark:text-[#34d399]"
+      },
+      primary: {
+        wrapper: "hover:bg-primary/10",
+        box: "bg-primary group-hover:bg-primary/90",
+        icon: "text-primary-foreground",
+        label: "text-primary"
+      },
+      destructive: {
+        wrapper: "hover:bg-destructive/10",
+        box: "bg-destructive group-hover:bg-destructive/90",
+        icon: "text-destructive-foreground",
+        label: "text-destructive"
+      },
+      muted: {
+        wrapper: "hover:bg-muted/50",
+        box: "bg-muted group-hover:bg-muted-foreground/20",
+        icon: "text-muted-foreground",
+        label: "text-muted-foreground"
+      },
+      rose: {
+        wrapper: "hover:bg-[#E11D48]/10",
+        box: "bg-[#E11D48] group-hover:bg-[#BE123C]",
+        icon: "text-white",
+        label: "text-[#E11D48] dark:text-[#fb7185]"
+      }
+    };
+    CompactStatBar = memo(function CompactStatBar2({
+      items,
+      className
+    }) {
+      if (!items || items.length === 0) return null;
+      return /* @__PURE__ */ jsx("div", { className: cn("flex flex-col md:flex-row md:items-stretch gap-2 pb-1", className), children: /* @__PURE__ */ jsx("div", { className: "flex items-stretch overflow-x-auto no-scrollbar flex-1 bg-white dark:bg-[#1e293b] border border-slate-200 dark:border-slate-800 shadow-sm rounded-[10px] divide-x divide-slate-100 dark:divide-slate-800", children: items.map((item) => {
+        const theme = THEME_STYLES[item.colorTheme || "dark"];
+        const Icon2 = item.icon;
+        return /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "flex items-center gap-3 min-w-fit px-5 py-2 flex-1 transition-colors group cursor-default",
+              theme.wrapper
+            ),
+            children: [
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: cn(
+                    "p-1.5 rounded-md transition-colors shadow-sm shrink-0",
+                    theme.box
+                  ),
+                  children: /* @__PURE__ */ jsx(Icon2, { className: cn("w-3.5 h-3.5", theme.icon), strokeWidth: 2.5 })
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: cn(
+                      "text-[9px] font-bold uppercase tracking-wider mb-0.5",
+                      item.isHighlighted ? "text-emerald-600 dark:text-emerald-400" : theme.label
+                    ),
+                    children: item.label
+                  }
+                ),
+                /* @__PURE__ */ jsx("span", { className: cn(
+                  "font-black leading-none",
+                  item.isHighlighted ? "text-[22px] text-emerald-700 dark:text-emerald-400" : "text-[17px] text-slate-900 dark:text-white"
+                ), children: item.value })
+              ] })
+            ]
+          },
+          item.id
+        );
+      }) }) });
+    });
+  }
+});
+var init_show_more_text = __esm({
+  "src/ui/data-display/show-more-text.tsx"() {
+    "use client";
+  }
+});
+var init_chart = __esm({
+  "src/ui/data-display/chart.tsx"() {
+    "use client";
+    createContext(null);
+  }
+});
+var init_carousel = __esm({
+  "src/ui/data-display/carousel.tsx"() {
+    "use client";
+    createContext(null);
+  }
+});
+var init_accordion = __esm({
+  "src/ui/data-display/accordion.tsx"() {
+    "use client";
+  }
+});
+var init_kanban_item = __esm({
+  "src/ui/data-display/kanban/kanban-item.tsx"() {
+  }
+});
+var init_kanban_column = __esm({
+  "src/ui/data-display/kanban/kanban-column.tsx"() {
+  }
+});
+var init_kanban_board = __esm({
+  "src/ui/data-display/kanban/kanban-board.tsx"() {
+  }
+});
+
+// src/ui/data-display/kanban/kanban-types.ts
+var init_kanban_types = __esm({
+  "src/ui/data-display/kanban/kanban-types.ts"() {
+  }
+});
+
+// src/ui/data-display/kanban/index.ts
+var init_kanban = __esm({
+  "src/ui/data-display/kanban/index.ts"() {
+    init_kanban_board();
+    init_kanban_column();
+    init_kanban_item();
+    init_kanban_types();
+  }
+});
+var init_aspect_ratio = __esm({
+  "src/ui/data-display/aspect-ratio.tsx"() {
+    "use client";
+  }
+});
+var init_bento_grid = __esm({
+  "src/ui/data-display/bento-grid.tsx"() {
+  }
+});
+var init_highlight = __esm({
+  "src/ui/data-display/highlight.tsx"() {
+  }
+});
+var init_code_block_highlight = __esm({
+  "src/ui/data-display/code-block-highlight.tsx"() {
+    "use client";
+  }
+});
+var init_collapsible = __esm({
+  "src/ui/data-display/collapsible.tsx"() {
+    "use client";
+  }
+});
+var init_hover_card = __esm({
+  "src/ui/data-display/hover-card.tsx"() {
+    "use client";
+  }
+});
+var init_iphone_15_pro = __esm({
+  "src/ui/data-display/iphone-15-pro.tsx"() {
+  }
+});
+var init_media_grid = __esm({
+  "src/ui/data-display/media-grid.tsx"() {
+    "use client";
+  }
+});
+var init_safari = __esm({
+  "src/ui/data-display/safari.tsx"() {
+  }
+});
+var init_timeline = __esm({
+  "src/ui/data-display/timeline.tsx"() {
+    cva("grid", {
+      variants: {
+        align: {
+          left: "[&>li]:grid-cols-[0_min-content_1fr]",
+          right: "[&>li]:grid-cols-[1fr_min-content]",
+          center: "[&>li]:grid-cols-[1fr_min-content_1fr]"
+        }
+      },
+      defaultVariants: {
+        align: "left"
+      }
+    });
+    cva("grid items-center gap-x-2", {
+      variants: {
+        status: {
+          done: "text-foreground",
+          default: "text-muted-foreground"
+        }
+      },
+      defaultVariants: {
+        status: "default"
+      }
+    });
+    cva("row-start-2 row-end-2 pb-8", {
+      variants: {
+        side: {
+          start: "col-start-3 col-end-4 me-auto text-start",
+          end: "col-start-1 col-end-2 ms-auto text-end"
+        }
+      },
+      defaultVariants: {
+        side: "start"
+      }
+    });
+    cva(
+      "row-start-1 row-end-1 line-clamp-1 max-w-full truncate",
+      {
+        variants: {
+          side: {
+            start: "col-start-3 col-end-4 me-auto text-start",
+            end: "col-start-1 col-end-2 ms-auto text-end"
+          },
+          variant: {
+            primary: "text-base font-medium text-foreground",
+            secondary: "text-sm font-light text-muted-foreground"
+          }
+        },
+        defaultVariants: {
+          side: "start",
+          variant: "primary"
+        }
+      }
+    );
+  }
+});
+
+// src/ui/data-display/data-table/index.ts
+var init_data_table = __esm({
+  "src/ui/data-display/data-table/index.ts"() {
+  }
+});
+
+// src/ui/data-display/index.tsx
+var init_data_display = __esm({
+  "src/ui/data-display/index.tsx"() {
+    "use client";
+    init_formatted_number_input();
+    init_data_table_pagination();
+    init_avatar();
+    init_kpi_card();
+    init_compact_stat_bar();
+    init_show_more_text();
+    init_chart();
+    init_carousel();
+    init_accordion();
+    init_kanban();
+    init_aspect_ratio();
+    init_bento_grid();
+    init_code_block_highlight();
+    init_collapsible();
+    init_highlight();
+    init_hover_card();
+    init_iphone_15_pro();
+    init_media_grid();
+    init_safari();
+    init_timeline();
+    init_data_table();
+  }
+});
+var init_auth_layout = __esm({
+  "src/ui/auth/auth-layout.tsx"() {
+    "use client";
+  }
+});
+var init_sign_in_form = __esm({
+  "src/ui/auth/sign-in-form.tsx"() {
+    "use client";
+  }
+});
+var init_register_form = __esm({
+  "src/ui/auth/register-form.tsx"() {
+    "use client";
+  }
+});
+var init_oauth_links = __esm({
+  "src/ui/auth/oauth-links.tsx"() {
+    "use client";
+  }
+});
+var init_forgot_password_form = __esm({
+  "src/ui/auth/forgot-password-form.tsx"() {
+    "use client";
+  }
+});
+var init_new_password_form = __esm({
+  "src/ui/auth/new-password-form.tsx"() {
+    "use client";
+  }
+});
+var init_verify_email_form = __esm({
+  "src/ui/auth/verify-email-form.tsx"() {
+    "use client";
+  }
+});
+
+// src/ui/auth/index.tsx
+var init_auth = __esm({
+  "src/ui/auth/index.tsx"() {
+    init_auth_layout();
+    init_sign_in_form();
+    init_register_form();
+    init_oauth_links();
+    init_forgot_password_form();
+    init_new_password_form();
+    init_verify_email_form();
+  }
+});
+var init_job_management = __esm({
+  "src/ui/management/job-management.tsx"() {
+    "use client";
+  }
+});
+var init_audit_log_page = __esm({
+  "src/ui/management/audit-log-page.tsx"() {
+    "use client";
+  }
+});
+var init_cache_management = __esm({
+  "src/ui/management/cache-management.tsx"() {
+    "use client";
+  }
+});
+
+// src/ui/management/index.ts
+var init_management = __esm({
+  "src/ui/management/index.ts"() {
+    init_job_management();
+    init_audit_log_page();
+    init_cache_management();
+  }
+});
+var init_not_found = __esm({
+  "src/ui/pages/not-found.tsx"() {
+  }
+});
+
+// src/ui/index.tsx
+var init_ui = __esm({
+  "src/ui/index.tsx"() {
+    init_primitives();
+    init_client();
+    init_forms();
+    init_data_display();
+    init_feedback();
+    init_layout();
+    init_auth();
+    init_management();
+    init_not_found();
+  }
+});
+
+// src/rbac/index.ts
+init_utils();
+
+// src/infrastructure/cache/cache.ts
+var MemoryCache = class {
+  constructor(options) {
+    this.store = /* @__PURE__ */ new Map();
+    this.name = options.name;
+    this.defaultTtl = options.ttl || 3600;
+    this.maxSize = options.max || 1e3;
+    this.prefix = options.prefix || "";
+  }
+  getFullKey(key) {
+    return this.prefix ? `${this.prefix}:${this.name}:${key}` : `${this.name}:${key}`;
+  }
+  isExpired(entry) {
+    if (entry.expireAt === null) return false;
+    return Date.now() > entry.expireAt;
+  }
+  cleanup() {
+    for (const [key, entry] of this.store.entries()) {
+      if (this.isExpired(entry)) {
+        this.store.delete(key);
+      }
+    }
+  }
+  async get(key) {
+    const fullKey = this.getFullKey(key);
+    const entry = this.store.get(fullKey);
+    if (!entry) return void 0;
+    if (this.isExpired(entry)) {
+      this.store.delete(fullKey);
+      return void 0;
+    }
+    return entry.value;
+  }
+  async set(key, value, ttl) {
+    const fullKey = this.getFullKey(key);
+    const ttlSeconds = ttl ?? this.defaultTtl;
+    if (this.store.size >= this.maxSize) {
+      this.cleanup();
+      if (this.store.size >= this.maxSize) {
+        const firstKey = this.store.keys().next().value;
+        if (firstKey) this.store.delete(firstKey);
+      }
+    }
+    this.store.set(fullKey, {
+      value,
+      expireAt: ttlSeconds > 0 ? Date.now() + ttlSeconds * 1e3 : null
+    });
+  }
+  async del(key) {
+    const fullKey = this.getFullKey(key);
+    this.store.delete(fullKey);
+  }
+  async has(key) {
+    const value = await this.get(key);
+    return value !== void 0;
+  }
+  async reset() {
+    const prefix = this.getFullKey("");
+    for (const key of this.store.keys()) {
+      if (key.startsWith(prefix)) {
+        this.store.delete(key);
+      }
+    }
+  }
+  async keys() {
+    this.cleanup();
+    const prefix = this.getFullKey("");
+    const result = [];
+    for (const key of this.store.keys()) {
+      if (key.startsWith(prefix)) {
+        result.push(key.slice(prefix.length));
+      }
+    }
+    return result;
+  }
+  /** Get cache info for admin dashboard */
+  getInfo() {
+    return {
+      name: this.name,
+      ttl: this.defaultTtl,
+      maxSize: this.maxSize
+    };
+  }
+};
+
+// src/infrastructure/cache/cache-manager.ts
+var CacheManagerImpl = class {
+  constructor(options = {}) {
+    this.caches = /* @__PURE__ */ new Map();
+    this.options = {
+      defaultTtl: options.defaultTtl || 3600,
+      prefix: options.prefix || ""
+    };
+  }
+  create(options) {
+    const existing = this.caches.get(options.name);
+    if (existing) {
+      return existing;
+    }
+    const cache = new MemoryCache({
+      ...options,
+      ttl: options.ttl || this.options.defaultTtl,
+      prefix: this.options.prefix
+    });
+    this.caches.set(options.name, cache);
+    return cache;
+  }
+  get(name) {
+    return this.caches.get(name);
+  }
+  async flushAll() {
+    const promises = [];
+    for (const cache of this.caches.values()) {
+      promises.push(cache.reset());
+    }
+    await Promise.all(promises);
+  }
+  /** Get all cache names */
+  getAllCaches() {
+    return Array.from(this.caches.keys());
+  }
+  /** Get stats for all caches (for admin dashboard) */
+  async getStats() {
+    const stats = [];
+    for (const [name, cache] of this.caches.entries()) {
+      const keys = await cache.keys();
+      stats.push({
+        name,
+        itemCount: keys.length,
+        ttl: cache.getInfo().ttl
+      });
+    }
+    return stats;
+  }
+  /** Clear a specific cache by name */
+  async clearCache(name) {
+    const cache = this.caches.get(name);
+    if (cache) {
+      await cache.reset();
+      return true;
+    }
+    return false;
+  }
+};
+var globalForCache = globalThis;
+var cacheManager = globalForCache.coreCacheManager ?? new CacheManagerImpl();
+if (process.env.NODE_ENV !== "production") {
+  globalForCache.coreCacheManager = cacheManager;
+}
+
+// src/rbac/permission-service.ts
+init_utils();
+async function getUserPermissionsFromDB(db, userId) {
+  try {
+    const userRoles = await db.userRole.findMany({
+      where: { userId },
+      select: {
+        roleCode: true,
+        role: {
+          select: {
+            rolePermissions: {
+              select: {
+                resourceCode: true,
+                actionCode: true
+              }
+            }
+          }
+        }
+      }
+    });
+    if (userRoles.length === 0) {
+      return [];
+    }
+    const allPermissions = userRoles.flatMap(
+      (ur) => ur.role.rolePermissions.map((rp) => ({
+        resourceCode: rp.resourceCode,
+        actionCode: rp.actionCode
+      }))
+    );
+    const uniquePermissions = Array.from(
+      new Map(
+        allPermissions.map((p) => [
+          `${p.resourceCode}:${p.actionCode}`,
+          {
+            resourceCode: p.resourceCode,
+            actionCode: p.actionCode
+          }
+        ])
+      ).values()
+    );
+    return uniquePermissions;
+  } catch (error) {
+    logger.error("Error fetching user permissions from DB", error);
+    return [];
+  }
+}
+async function getCachedUserPermissions(db, userId, opts) {
+  const force = opts?.forceRefresh === true;
+  if (!force) {
+    const cached = await getFromCache(userId);
+    if (cached) return cached;
+  }
+  const pendingQuery = pendingQueries.get(userId);
+  if (pendingQuery) {
+    return pendingQuery;
+  }
+  const queryPromise = getUserPermissionsFromDB(db, userId).then(async (perms) => {
+    await setToCache(userId, perms);
+    pendingQueries.delete(userId);
+    return perms;
+  }).catch((error) => {
+    pendingQueries.delete(userId);
+    throw error;
+  });
+  pendingQueries.set(userId, queryPromise);
+  return queryPromise;
+}
+
+// src/rbac/role-service.ts
+async function getRolesData(db, params = {}) {
+  const { page = 1, pageSize = 10, search, status } = params;
+  const whereConditions = [];
+  if (search) {
+    whereConditions.push({
+      OR: [
+        { name: { contains: search, mode: "insensitive" } },
+        { code: { contains: search, mode: "insensitive" } },
+        { description: { contains: search, mode: "insensitive" } }
+      ]
+    });
+  }
+  if (status && status !== "all") {
+    whereConditions.push({ status });
+  }
+  const where = whereConditions.length > 0 ? { AND: whereConditions } : {};
+  const [total, items] = await Promise.all([
+    db.role.count({ where }),
+    db.role.findMany({
+      where,
+      orderBy: { createdAt: "desc" },
+      skip: (page - 1) * pageSize,
+      take: pageSize,
+      include: {
+        userRoles: {
+          include: {
+            user: {
+              select: {
+                id: true,
+                name: true,
+                email: true,
+                image: true,
+                isActive: true
+              }
+            }
+          }
+        },
+        rolePermissions: {
+          include: {
+            resource: {
+              select: {
+                code: true,
+                name: true,
+                icon: true
+              }
+            },
+            action: {
+              select: {
+                code: true,
+                name: true
+              }
+            }
+          }
+        }
+      }
+    })
+  ]);
+  const transformedItems = items.map((role) => ({
+    id: role.id,
+    name: role.name,
+    code: role.code,
+    description: role.description || void 0,
+    status: role.status,
+    // Transform rolePermissions to array of "action:resource" strings
+    permissions: role.rolePermissions.map(
+      (rp) => `${rp.actionCode}:${rp.resourceCode}`
+    ),
+    usersCount: role.userRoles.length,
+    users: role.userRoles.map((ur) => ({
+      id: ur.user.id,
+      name: ur.user.name,
+      email: ur.user.email,
+      image: ur.user.image,
+      isActive: ur.user.isActive
+    })),
+    createdAt: role.createdAt.toISOString(),
+    updatedAt: role.updatedAt.toISOString(),
+    createdBy: role.createdBy || void 0,
+    updatedBy: role.updatedBy || void 0
+  }));
+  return { total, page, pageSize, items: transformedItems };
+}
+
+// src/rbac/resource-service.ts
+async function getResourcesData(db, params = {}) {
+  const { page = 1, pageSize = 10, search, status, group, type } = params;
+  const where = {
+    AND: [
+      search ? {
+        OR: [
+          { code: { contains: search, mode: "insensitive" } },
+          { name: { contains: search, mode: "insensitive" } },
+          { description: { contains: search, mode: "insensitive" } },
+          { path: { contains: search, mode: "insensitive" } }
+        ]
+      } : {},
+      status && status !== "all" ? { status: { equals: status, mode: "insensitive" } } : {},
+      group && group !== "all" ? { group } : {},
+      type && type !== "all" ? { type } : {}
+    ]
+  };
+  const [total, items] = await Promise.all([
+    db.resource.count({ where }),
+    db.resource.findMany({
+      where,
+      orderBy: [{ order: "asc" }, { updatedAt: "desc" }],
+      skip: (page - 1) * pageSize,
+      take: pageSize
+    })
+  ]);
+  const transformedItems = items.map((item) => ({
+    id: item.id,
+    code: item.code,
+    name: item.name,
+    group: item.group || void 0,
+    description: item.description || void 0,
+    status: item.status,
+    parentCode: item.parentCode || void 0,
+    order: item.order || void 0,
+    type: item.type || void 0,
+    icon: item.icon || void 0,
+    path: item.path || void 0,
+    config: item.config || void 0,
+    createdAt: item.createdAt.toISOString(),
+    updatedAt: item.updatedAt.toISOString()
+  }));
+  return { total, page, pageSize, items: transformedItems };
+}
+async function getResourcesForPermissionMatrix(db) {
+  return await db.resource.findMany({
+    where: {
+      status: "active"
+    },
+    orderBy: [{ group: "asc" }, { order: "asc" }, { name: "asc" }],
+    select: {
+      id: true,
+      code: true,
+      name: true,
+      group: true,
+      description: true,
+      icon: true,
+      order: true,
+      config: true
+    }
+  });
+}
+async function getActionsForPermissionMatrix(db) {
+  return await db.action.findMany({
+    where: {
+      status: "active"
+    },
+    orderBy: {
+      code: "asc"
+    },
+    select: {
+      id: true,
+      code: true,
+      name: true,
+      description: true,
+      isDefault: true
+    }
+  });
+}
+
+// src/rbac/resource-validator.ts
+var resourceCache = cacheManager.create({
+  name: "resource-codes",
+  ttl: 3600,
+  // 1 hour - resource codes rarely change
+  max: 1e3
+});
+async function isValidResourceCode(db, resourceCode) {
+  const cacheKey = `valid:${resourceCode}`;
+  const cached = await resourceCache.get(cacheKey);
+  if (cached !== void 0) {
+    return cached;
+  }
+  const resource = await db.resource.findUnique({
+    where: { code: resourceCode }
+  });
+  const isValid = resource !== null;
+  await resourceCache.set(cacheKey, isValid);
+  return isValid;
+}
+function getPermissionResourceCode(config, entityParam) {
+  if (config?.permissionResource) {
+    return config.permissionResource;
+  }
+  if (config?.name) {
+    return config.name;
+  }
+  return entityParam;
+}
+async function validatePermissionResource(db, config, entityParam) {
+  const resourceCode = getPermissionResourceCode(config, entityParam);
+  const isValid = await isValidResourceCode(db, resourceCode);
+  return { resourceCode, isValid };
+}
+async function preloadResourceCodes(db) {
+  const resources = await db.resource.findMany({
+    select: { code: true }
+  });
+  for (const resource of resources) {
+    await resourceCache.set(`valid:${resource.code}`, true);
+  }
+}
+async function clearResourceCache() {
+  await resourceCache.reset();
+}
+
+// src/rbac/pages/role-list-page.tsx
+init_ui();
+
+// src/rbac/components/roles/role-stats-cards.tsx
+init_compact_stat_bar();
+var RoleStatsCards = memo(function RoleStatsCards2({
+  totalRoles,
+  activeRoles,
+  totalPermissions,
+  totalUsers
+}) {
+  const items = [
+    { id: "total", label: "T\u1ED5ng vai tr\xF2", value: totalRoles || 0, icon: Shield, colorTheme: "dark" },
+    { id: "active", label: "Ho\u1EA1t \u0111\u1ED9ng", value: activeRoles || 0, icon: ShieldCheck, colorTheme: "green" },
+    { id: "perms", label: "T\u1ED5ng quy\u1EC1n h\u1EA1n", value: totalPermissions || 0, icon: Key, colorTheme: "purple" },
+    { id: "users", label: "T\u1ED5ng ng\u01B0\u1EDDi d\xF9ng", value: totalUsers || 0, icon: Users, colorTheme: "orange" }
+  ];
+  return /* @__PURE__ */ jsx(CompactStatBar, { items });
+});
+
+// src/rbac/components/roles/role-toolbar.tsx
+init_ui();
+var RoleToolbar = memo(function RoleToolbar2({
+  dictionary,
+  totalRows,
+  searchTerm,
+  statusFilter,
+  onSearchChange,
+  onStatusFilterChange,
+  lang,
+  canCreate,
+  canImport,
+  canExport
+}) {
+  const router = useRouter();
+  const [localSearchTerm, setLocalSearchTerm] = useState(searchTerm);
+  useEffect(() => {
+    setLocalSearchTerm(searchTerm);
+  }, [searchTerm]);
+  useEffect(() => {
+    const handler = setTimeout(() => {
+      if (localSearchTerm !== searchTerm) {
+        onSearchChange(localSearchTerm);
+      }
+    }, 500);
+    return () => {
+      clearTimeout(handler);
+    };
+  }, [localSearchTerm, onSearchChange, searchTerm]);
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [
+    /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx(Search, { className: "absolute left-3 top-2.5 h-4 w-4 text-muted-foreground" }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          placeholder: "T\xECm ki\u1EBFm vai tr\xF2...",
+          value: localSearchTerm,
+          onChange: (e) => setLocalSearchTerm(e.target.value),
+          className: "h-9 w-[220px] lg:w-[280px] pl-9 text-[13px] bg-[#ffffff] dark:bg-[#181d26] border-[#dddddd] dark:border-[#333840] hover:bg-slate-50 transition-colors shadow-sm rounded-[6px] focus-visible:ring-1 focus-visible:ring-primary"
+        }
+      ),
+      localSearchTerm && /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "ghost",
+          size: "sm",
+          className: "absolute right-1 top-1/2 -translate-y-1/2 h-7 w-7 p-0 rounded-md hover:bg-muted",
+          onClick: () => setLocalSearchTerm(""),
+          children: /* @__PURE__ */ jsx(X, { className: "h-3.5 w-3.5" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs(Select, { value: statusFilter, onValueChange: onStatusFilterChange, children: [
+      /* @__PURE__ */ jsx(SelectTrigger, { className: "h-9 w-[160px] text-[13px] bg-[#ffffff] dark:bg-[#181d26] border-[#dddddd] dark:border-[#333840] hover:bg-slate-50 transition-colors shadow-sm rounded-[6px] focus-visible:ring-primary", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Tr\u1EA1ng th\xE1i" }) }),
+      /* @__PURE__ */ jsxs(SelectContent, { className: "rounded-lg", children: [
+        /* @__PURE__ */ jsx(SelectItem, { value: "all", children: "T\u1EA5t c\u1EA3" }),
+        /* @__PURE__ */ jsx(SelectItem, { value: "active", children: "Ho\u1EA1t \u0111\u1ED9ng" }),
+        /* @__PURE__ */ jsx(SelectItem, { value: "inactive", children: "Kh\xF4ng ho\u1EA1t \u0111\u1ED9ng" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "ml-auto flex items-center gap-2", children: [
+      canImport && /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", className: "h-9 px-3 rounded-[6px] shadow-sm bg-[#ffffff] dark:bg-[#181d26] border-[#dddddd] dark:border-[#333840] hover:bg-slate-50", children: [
+        /* @__PURE__ */ jsx(Upload, { className: "h-4 w-4 lg:mr-2" }),
+        /* @__PURE__ */ jsx("span", { className: "hidden lg:inline text-[13px]", children: "Nh\u1EADp" })
+      ] }),
+      canExport && /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", className: "h-9 px-3 rounded-[6px] shadow-sm bg-[#ffffff] dark:bg-[#181d26] border-[#dddddd] dark:border-[#333840] hover:bg-slate-50", children: [
+        /* @__PURE__ */ jsx(Download, { className: "h-4 w-4 lg:mr-2" }),
+        /* @__PURE__ */ jsx("span", { className: "hidden lg:inline text-[13px]", children: "Xu\u1EA5t" })
+      ] }),
+      canCreate && /* @__PURE__ */ jsxs(
+        Button,
+        {
+          onClick: () => router.push(`/${lang}/roles/new`),
+          size: "sm",
+          className: "h-9 px-4 text-[13px] bg-primary hover:bg-primary/90 text-primary-foreground shadow-sm rounded-[6px] font-medium border-0",
+          children: [
+            /* @__PURE__ */ jsx(Plus, { className: "mr-1.5 h-4 w-4" }),
+            /* @__PURE__ */ jsx("span", { children: "Th\xEAm m\u1EDBi" })
+          ]
+        }
+      )
+    ] })
+  ] });
+});
+
+// src/rbac/components/roles/role-card.tsx
+init_ui();
+var roleColors = {
+  admin: "bg-red-500",
+  finance_manager: "bg-blue-500",
+  purchasing_staff: "bg-green-500",
+  kitchen_manager: "bg-orange-500",
+  warehouse_staff: "bg-purple-500",
+  supplier: "bg-gray-500"
+};
+var RoleCard = memo(function RoleCard2({
+  role,
+  lang,
+  canUpdate,
+  canCreate,
+  canDelete,
+  onDuplicate,
+  onDelete
+}) {
+  const router = useRouter();
+  const permissionsCount = role.permissions.length;
+  const roleColor = roleColors[role.code] || "bg-indigo-500";
+  const handleEdit = useCallback(() => {
+    router.push(`/${lang}/roles/${role.id}/edit`);
+  }, [router, lang, role.id]);
+  const handleDuplicate = useCallback(() => {
+    onDuplicate(role);
+  }, [onDuplicate, role]);
+  const handleDelete = useCallback(() => {
+    onDelete(role);
+  }, [onDelete, role]);
+  return /* @__PURE__ */ jsxs(Card, { className: "group relative transition-all duration-300 border border-slate-200 dark:border-slate-800 bg-white dark:bg-slate-900 rounded-[12px] shadow-sm hover:shadow-md hover:border-primary/40 overflow-hidden", children: [
+    /* @__PURE__ */ jsx(CardHeader, { className: "p-4 pb-2", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-3", children: [
+        /* @__PURE__ */ jsx("div", { className: "relative flex items-center justify-center", children: /* @__PURE__ */ jsx("div", { className: `w-3 h-3 rounded-full ${roleColor} ring-4 ring-slate-50 dark:ring-slate-800/50` }) }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(CardTitle, { className: "text-[15px] font-bold text-slate-900 dark:text-slate-100 leading-tight", children: role.name }),
+          /* @__PURE__ */ jsx(CardDescription, { className: "text-[11px] font-mono text-slate-500 mt-0.5", children: role.code })
+        ] })
+      ] }),
+      role.status === "active" ? /* @__PURE__ */ jsx(
+        Badge,
+        {
+          variant: "outline",
+          className: "bg-emerald-50 text-emerald-600 border-emerald-200 dark:bg-emerald-500/10 dark:text-emerald-400 dark:border-emerald-500/20 text-[10px] px-2 py-0 h-5 font-semibold",
+          children: "Ho\u1EA1t \u0111\u1ED9ng"
+        }
+      ) : /* @__PURE__ */ jsx(
+        Badge,
+        {
+          variant: "outline",
+          className: "bg-slate-100 text-slate-500 border-slate-200 dark:bg-slate-800 dark:text-slate-400 dark:border-slate-700 text-[10px] px-2 py-0 h-5 font-semibold",
+          children: "Kh\xF3a"
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsxs(CardContent, { className: "p-4 pt-0 space-y-3", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-[13px] text-slate-500 dark:text-slate-400 line-clamp-2 min-h-[2.5rem] leading-relaxed", children: role.description || "Ch\u01B0a c\xF3 m\xF4 t\u1EA3 chi ti\u1EBFt cho vai tr\xF2 n\xE0y." }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between bg-slate-50 dark:bg-slate-800/50 rounded-lg p-2.5 border border-slate-100 dark:border-slate-800", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center flex-1 border-r border-slate-200 dark:border-slate-700", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-[16px] font-black text-primary leading-none mb-1", children: permissionsCount }),
+          /* @__PURE__ */ jsx("span", { className: "text-[9px] text-slate-500 font-bold uppercase tracking-wider", children: "Quy\u1EC1n h\u1EA1n" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center flex-1", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-[16px] font-black text-emerald-600 dark:text-emerald-500 leading-none mb-1", children: role.usersCount }),
+          /* @__PURE__ */ jsx("span", { className: "text-[9px] text-slate-500 font-bold uppercase tracking-wider", children: "Ng\u01B0\u1EDDi d\xF9ng" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex gap-2 pt-2", children: [
+        canUpdate && /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "outline",
+            size: "sm",
+            className: "flex-1 h-8 text-[12px] font-medium bg-white dark:bg-slate-900 border-slate-200 dark:border-slate-800 hover:bg-slate-50 dark:hover:bg-slate-800 hover:text-slate-900 dark:hover:text-slate-100 transition-colors rounded-[8px] shadow-sm",
+            onClick: handleEdit,
+            children: [
+              /* @__PURE__ */ jsx(Edit, { className: "mr-1.5 h-3.5 w-3.5 text-slate-400" }),
+              "S\u1EEDa"
+            ]
+          }
+        ),
+        canCreate && /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "outline",
+            size: "sm",
+            className: "flex-1 h-8 text-[12px] font-medium bg-white dark:bg-slate-900 border-slate-200 dark:border-slate-800 hover:bg-slate-50 dark:hover:bg-slate-800 hover:text-slate-900 dark:hover:text-slate-100 transition-colors rounded-[8px] shadow-sm",
+            onClick: handleDuplicate,
+            children: [
+              /* @__PURE__ */ jsx(Copy, { className: "mr-1.5 h-3.5 w-3.5 text-slate-400" }),
+              "Ch\xE9p"
+            ]
+          }
+        ),
+        canDelete && /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "outline",
+            size: "sm",
+            className: "flex-1 h-8 text-[12px] font-medium border-slate-200 dark:border-slate-800 text-red-600 dark:text-red-500 hover:bg-red-50 dark:hover:bg-red-500/10 hover:text-red-700 dark:hover:text-red-400 transition-colors bg-white dark:bg-slate-900 rounded-[8px] shadow-sm",
+            onClick: handleDelete,
+            children: [
+              /* @__PURE__ */ jsx(Trash2, { className: "mr-1.5 h-3.5 w-3.5" }),
+              "X\xF3a"
+            ]
+          }
+        )
+      ] })
+    ] })
+  ] });
+});
+var fetcher = (url) => fetch(url).then((res) => res.json());
+function useRolesData(initialData) {
+  const [page, setPage] = useState(1);
+  const [pageSize, setPageSize] = useState(20);
+  const [searchTerm, setSearchTerm] = useState("");
+  const [statusFilter, setStatusFilter] = useState("all");
+  const queryParams = useMemo(() => {
+    const params = new URLSearchParams({
+      page: page.toString(),
+      pageSize: pageSize.toString()
+    });
+    if (searchTerm) params.set("search", searchTerm);
+    if (statusFilter !== "all") params.set("status", statusFilter);
+    return params.toString();
+  }, [page, pageSize, searchTerm, statusFilter]);
+  const {
+    data: response,
+    error,
+    isLoading,
+    mutate
+  } = useSWR(`/api/roles?${queryParams}`, fetcher, {
+    fallbackData: initialData,
+    revalidateOnFocus: false,
+    revalidateOnReconnect: false,
+    keepPreviousData: true
+  });
+  const roles = response?.items || [];
+  const totalRows = response?.total || 0;
+  const activeRolesCount = useMemo(
+    () => roles.filter((r) => r.status === "active").length,
+    [roles]
+  );
+  return {
+    roles,
+    totalRows,
+    activeRolesCount,
+    page,
+    pageSize,
+    searchTerm,
+    statusFilter,
+    setPage,
+    setPageSize,
+    setSearchTerm,
+    setStatusFilter,
+    error,
+    isLoading,
+    mutate
+  };
+}
+
+// src/rbac/hooks/use-role-operations.ts
+init_tab_content_cache();
+init_tab_navigation_provider();
+function useSafeSession() {
+  try {
+    return useSession();
+  } catch (error) {
+    console.warn("[useSafeSession] Context error caught. Fallback to unauthenticated state.");
+    return { data: null, status: "unauthenticated", update: async () => null };
+  }
+}
+function useRoleOperations(mutate) {
+  const router = useRouter();
+  const { update } = useSafeSession();
+  const { clearAllCache } = useTabContentCache();
+  const { clearTabs } = useTabNavigation();
+  const afterRbacChange = useCallback(async () => {
+    try {
+      clearAllCache();
+      clearTabs();
+      if (typeof window !== "undefined") {
+        sessionStorage.removeItem("tab-content-cache");
+        sessionStorage.removeItem("tab-navigation-state");
+      }
+    } catch {
+    }
+    try {
+      await update();
+    } catch {
+    }
+    router.refresh();
+  }, [router, update, clearAllCache, clearTabs]);
+  const handleCreateRole = useCallback(
+    async (roleData) => {
+      try {
+        const res = await fetch("/api/roles", {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify(roleData)
+        });
+        if (!res.ok) {
+          const errorData = await res.json();
+          throw new Error(errorData.error || "Failed to create role");
+        }
+        toast.success("Th\xE0nh c\xF4ng", {
+          description: "\u0110\xE3 t\u1EA1o vai tr\xF2 m\u1EDBi th\xE0nh c\xF4ng"
+        });
+        mutate();
+        await afterRbacChange();
+        return true;
+      } catch (error) {
+        toast.error("L\u1ED7i", {
+          description: error.message
+        });
+        return false;
+      }
+    },
+    [mutate, afterRbacChange]
+  );
+  const handleEditRole = useCallback(
+    async (roleId, roleData) => {
+      try {
+        const res = await fetch(`/api/roles/${roleId}`, {
+          method: "PUT",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify(roleData)
+        });
+        if (!res.ok) {
+          const errorData = await res.json();
+          throw new Error(errorData.error || "Failed to update role");
+        }
+        toast.success("Th\xE0nh c\xF4ng", {
+          description: "\u0110\xE3 c\u1EADp nh\u1EADt vai tr\xF2 th\xE0nh c\xF4ng"
+        });
+        mutate();
+        await afterRbacChange();
+        return true;
+      } catch (error) {
+        toast.error("L\u1ED7i", {
+          description: error.message
+        });
+        return false;
+      }
+    },
+    [mutate, afterRbacChange]
+  );
+  const handleDeleteRole = useCallback(
+    async (roleId) => {
+      try {
+        const res = await fetch(`/api/roles/${roleId}`, {
+          method: "DELETE"
+        });
+        if (!res.ok) {
+          const errorData = await res.json();
+          throw new Error(errorData.error || "Failed to delete role");
+        }
+        toast.success("Th\xE0nh c\xF4ng", {
+          description: "\u0110\xE3 x\xF3a vai tr\xF2 th\xE0nh c\xF4ng"
+        });
+        mutate();
+        await afterRbacChange();
+        return true;
+      } catch (error) {
+        toast.error("L\u1ED7i", {
+          description: error.message
+        });
+        return false;
+      }
+    },
+    [mutate, afterRbacChange]
+  );
+  const handleDuplicateRole = useCallback(
+    async (role) => {
+      const duplicatedRoleData = {
+        name: `${role.name} (Copy)`,
+        code: `${role.code}_copy_${Date.now()}`,
+        description: role.description,
+        status: role.status,
+        permissions: role.permissions
+      };
+      return handleCreateRole(duplicatedRoleData);
+    },
+    [handleCreateRole]
+  );
+  return {
+    handleCreateRole,
+    handleEditRole,
+    handleDeleteRole,
+    handleDuplicateRole
+  };
+}
+
+// src/rbac/lib/permission-helpers.ts
+function getPermissionDescription(permission) {
+  const descriptions = {
+    "dashboard:view": "Xem b\u1EA3ng \u0111i\u1EC1u khi\u1EC3n",
+    "users:view": "Xem danh s\xE1ch ng\u01B0\u1EDDi d\xF9ng",
+    "users:create": "T\u1EA1o ng\u01B0\u1EDDi d\xF9ng m\u1EDBi",
+    "users:update": "C\u1EADp nh\u1EADt th\xF4ng tin ng\u01B0\u1EDDi d\xF9ng",
+    "users:delete": "X\xF3a ng\u01B0\u1EDDi d\xF9ng",
+    "roles:view": "Xem danh s\xE1ch vai tr\xF2",
+    "roles:create": "T\u1EA1o vai tr\xF2 m\u1EDBi",
+    "roles:update": "C\u1EADp nh\u1EADt vai tr\xF2",
+    "roles:delete": "X\xF3a vai tr\xF2",
+    "reports:view": "Xem b\xE1o c\xE1o",
+    "reconciliation:view": "Xem \u0111\u1ED1i so\xE1t",
+    "reconciliation:manage": "Qu\u1EA3n l\xFD \u0111\u1ED1i so\xE1t",
+    "payment:approve": "Duy\u1EC7t thanh to\xE1n",
+    "supplier-pricing:view": "Xem gi\xE1 nh\xE0 cung c\u1EA5p",
+    "supplier-pricing:approve": "Duy\u1EC7t gi\xE1 nh\xE0 cung c\u1EA5p",
+    "purchase-request:view": "Xem y\xEAu c\u1EA7u mua h\xE0ng",
+    "purchase-request:create": "T\u1EA1o y\xEAu c\u1EA7u mua h\xE0ng",
+    "purchase-request:update": "C\u1EADp nh\u1EADt y\xEAu c\u1EA7u mua h\xE0ng",
+    "purchase-request:approve": "Duy\u1EC7t y\xEAu c\u1EA7u mua h\xE0ng",
+    "purchase-order:view": "Xem \u0111\u01A1n h\xE0ng mua",
+    "purchase-order:create": "T\u1EA1o \u0111\u01A1n h\xE0ng mua",
+    "purchase-order:update": "C\u1EADp nh\u1EADt \u0111\u01A1n h\xE0ng mua",
+    "purchase-order:approve": "Duy\u1EC7t \u0111\u01A1n h\xE0ng mua",
+    "supplier:view": "Xem nh\xE0 cung c\u1EA5p",
+    "supplier-pricing:update": "C\u1EADp nh\u1EADt gi\xE1 nh\xE0 cung c\u1EA5p",
+    "material:view": "Xem nguy\xEAn v\u1EADt li\u1EC7u",
+    "material-category:view": "Xem nh\xF3m nguy\xEAn v\u1EADt li\u1EC7u",
+    "warehouse:view": "Xem kho",
+    "goods-receipt:view": "Xem phi\u1EBFu nh\u1EADp kho",
+    "goods-receipt:create": "T\u1EA1o phi\u1EBFu nh\u1EADp kho",
+    "goods-receipt:update": "C\u1EADp nh\u1EADt phi\u1EBFu nh\u1EADp kho"
+  };
+  return descriptions[permission] || `Quy\u1EC1n ${permission}`;
+}
+function getUsersWithPermission(permission, roles) {
+  const usersWithPermission = [];
+  roles.forEach((role) => {
+    if (role.permissions.includes(permission)) {
+      usersWithPermission.push(...role.users);
+    }
+  });
+  return Array.from(
+    new Map(usersWithPermission.map((u) => [u.id, u])).values()
+  );
+}
+function RoleListPage({
+  dictionary,
+  permissions,
+  lang,
+  initialData,
+  resources,
+  actions
+}) {
+  const canCreate = permissions.create;
+  const canUpdate = permissions.update;
+  const canDelete = permissions.delete;
+  const canImport = permissions.import;
+  const canExport = permissions.export;
+  const {
+    roles,
+    totalRows,
+    activeRolesCount,
+    searchTerm,
+    statusFilter,
+    setSearchTerm,
+    setStatusFilter,
+    error,
+    isLoading,
+    mutate
+  } = useRolesData(initialData);
+  const {
+    handleDeleteRole,
+    handleDuplicateRole
+  } = useRoleOperations(mutate);
+  const [isDeleteDialogOpen, setIsDeleteDialogOpen] = useState(false);
+  const [roleToDelete, setRoleToDelete] = useState(null);
+  const [isPermissionDetailOpen, setIsPermissionDetailOpen] = useState(false);
+  const [selectedPermission, setSelectedPermission] = useState(
+    null
+  );
+  const permissionMatrix = useMemo(() => {
+    return resources.map((resource) => {
+      let allowedActions = [];
+      const defaultActions = actions.filter((a) => a.isDefault).map((a) => a.code);
+      const effectiveDefaultActions = defaultActions.length > 0 ? defaultActions : ["view", "create", "update", "delete"];
+      if (resource.config) {
+        try {
+          const config = typeof resource.config === "string" ? JSON.parse(resource.config) : resource.config;
+          if (config.actions && Array.isArray(config.actions)) {
+            const allowedCodes = config.actions;
+            allowedActions = actions.map((a) => a.code).filter((code) => allowedCodes.includes(code));
+          } else {
+            allowedActions = actions.map((a) => a.code).filter((code) => effectiveDefaultActions.includes(code));
+          }
+        } catch (e) {
+          console.warn("Failed to parse resource config", e);
+          allowedActions = actions.map((a) => a.code).filter((code) => effectiveDefaultActions.includes(code));
+        }
+      } else {
+        allowedActions = actions.map((a) => a.code).filter((code) => effectiveDefaultActions.includes(code));
+      }
+      return {
+        resource: resource.code,
+        name: resource.name,
+        icon: resource.icon || "\u{1F4C4}",
+        actions: allowedActions
+      };
+    });
+  }, [resources, actions]);
+  const totalPermissions = useMemo(
+    () => permissionMatrix.flatMap((r) => r.actions).length,
+    [permissionMatrix]
+  );
+  const totalUsers = useMemo(
+    () => roles.reduce((sum, role) => sum + role.usersCount, 0),
+    [roles]
+  );
+  const openDeleteDialog = useCallback((role) => {
+    setRoleToDelete(role);
+    setIsDeleteDialogOpen(true);
+  }, []);
+  const handleDelete = useCallback(async () => {
+    if (!roleToDelete) return;
+    const success = await handleDeleteRole(roleToDelete.id);
+    if (success) {
+      setIsDeleteDialogOpen(false);
+      setRoleToDelete(null);
+    }
+  }, [roleToDelete, handleDeleteRole]);
+  const getUsersForPermission = useCallback(
+    (permission) => {
+      return getUsersWithPermission(permission, roles);
+    },
+    [roles]
+  );
+  if (isLoading) {
+    return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-96", children: /* @__PURE__ */ jsx(Loader2, { className: "h-8 w-8 animate-spin text-muted-foreground" }) });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsxs("div", { className: "text-red-500", children: [
+      "Kh\xF4ng th\u1EC3 t\u1EA3i d\u1EEF li\u1EC7u: ",
+      error.message
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx(
+      RoleStatsCards,
+      {
+        totalRoles: totalRows,
+        activeRoles: activeRolesCount,
+        totalPermissions,
+        totalUsers
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      RoleToolbar,
+      {
+        dictionary,
+        totalRows,
+        searchTerm,
+        statusFilter,
+        onSearchChange: setSearchTerm,
+        onStatusFilterChange: setStatusFilter,
+        lang,
+        canCreate,
+        canImport,
+        canExport
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4", children: [
+      roles.length === 0 && !isLoading ? /* @__PURE__ */ jsx("div", { className: "col-span-full text-center py-8", children: /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: roles.length === 0 ? "Kh\xF4ng c\xF3 d\u1EEF li\u1EC7u roles" : "Kh\xF4ng t\xECm th\u1EA5y roles ph\xF9 h\u1EE3p v\u1EDBi b\u1ED9 l\u1ECDc" }) }) : null,
+      roles.map((role) => /* @__PURE__ */ jsx(
+        RoleCard,
+        {
+          role,
+          lang,
+          canUpdate,
+          canCreate,
+          canDelete,
+          onDuplicate: handleDuplicateRole,
+          onDelete: openDeleteDialog
+        },
+        role.id
+      ))
+    ] }),
+    /* @__PURE__ */ jsx(
+      AlertDialog,
+      {
+        open: isDeleteDialogOpen,
+        onOpenChange: setIsDeleteDialogOpen,
+        children: /* @__PURE__ */ jsxs(AlertDialogContent, { children: [
+          /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [
+            /* @__PURE__ */ jsx(AlertDialogTitle, { children: "X\xE1c nh\u1EADn x\xF3a vai tr\xF2" }),
+            /* @__PURE__ */ jsxs(AlertDialogDescription, { children: [
+              'B\u1EA1n c\xF3 ch\u1EAFc ch\u1EAFn mu\u1ED1n x\xF3a vai tr\xF2 "',
+              roleToDelete?.name,
+              '"? H\xE0nh \u0111\u1ED9ng n\xE0y kh\xF4ng th\u1EC3 ho\xE0n t\xE1c.'
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [
+            /* @__PURE__ */ jsx(AlertDialogCancel, { onClick: () => setRoleToDelete(null), children: "H\u1EE7y" }),
+            /* @__PURE__ */ jsx(AlertDialogAction, { onClick: handleDelete, children: "X\xF3a" })
+          ] })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Dialog,
+      {
+        open: isPermissionDetailOpen,
+        onOpenChange: setIsPermissionDetailOpen,
+        children: /* @__PURE__ */ jsxs(DialogContent, { className: "max-w-2xl", children: [
+          /* @__PURE__ */ jsxs(DialogHeader, { children: [
+            /* @__PURE__ */ jsxs(DialogTitle, { className: "flex items-center space-x-2", children: [
+              /* @__PURE__ */ jsx(KeyRound, { className: "h-5 w-5" }),
+              /* @__PURE__ */ jsx("span", { children: "Chi ti\u1EBFt Quy\u1EC1n h\u1EA1n" })
+            ] }),
+            /* @__PURE__ */ jsx(DialogDescription, { children: "Xem danh s\xE1ch ng\u01B0\u1EDDi d\xF9ng \u0111\u01B0\u1EE3c g\xE1n quy\u1EC1n h\u1EA1n n\xE0y" })
+          ] }),
+          selectedPermission && /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+            /* @__PURE__ */ jsxs("div", { className: "p-4 bg-muted/50 rounded-lg", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2 mb-2", children: [
+                /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "text-sm", children: selectedPermission.split(":")[0] }),
+                /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: ":" }),
+                /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "text-sm", children: selectedPermission.split(":")[1] })
+              ] }),
+              /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: getPermissionDescription(selectedPermission) })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsxs("h4", { className: "font-medium mb-3", children: [
+                "Ng\u01B0\u1EDDi d\xF9ng c\xF3 quy\u1EC1n n\xE0y (",
+                getUsersForPermission(selectedPermission).length,
+                ")"
+              ] }),
+              /* @__PURE__ */ jsx("div", { className: "space-y-2 max-h-60 overflow-y-auto", children: getUsersForPermission(selectedPermission).length > 0 ? getUsersForPermission(selectedPermission).map((user) => /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  className: "flex items-center space-x-3 p-3 bg-muted/30 rounded-lg",
+                  children: [
+                    /* @__PURE__ */ jsxs(Avatar, { className: "h-10 w-10", children: [
+                      /* @__PURE__ */ jsx(
+                        AvatarImage,
+                        {
+                          src: user.image || void 0,
+                          alt: user.name || ""
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(AvatarFallback, { children: (user.name || "U").split(" ").map((n) => n[0]).join("") })
+                    ] }),
+                    /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+                      /* @__PURE__ */ jsx("p", { className: "font-medium", children: user.name }),
+                      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: user.jobTitle || "N/A" }),
+                      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: user.email })
+                    ] }),
+                    /* @__PURE__ */ jsx("div", { className: "flex items-center space-x-2", children: user.isActive ? /* @__PURE__ */ jsxs(Badge, { variant: "default", className: "text-xs", children: [
+                      /* @__PURE__ */ jsx(UserCheck, { className: "h-3 w-3 mr-1" }),
+                      "Active"
+                    ] }) : /* @__PURE__ */ jsxs(Badge, { variant: "secondary", className: "text-xs", children: [
+                      /* @__PURE__ */ jsx(UserX, { className: "h-3 w-3 mr-1" }),
+                      "Inactive"
+                    ] }) })
+                  ]
+                },
+                user.id
+              )) : /* @__PURE__ */ jsxs("div", { className: "text-center p-6 text-muted-foreground", children: [
+                /* @__PURE__ */ jsx(UserX, { className: "h-12 w-12 mx-auto mb-3 opacity-50" }),
+                /* @__PURE__ */ jsx("p", { children: "Kh\xF4ng c\xF3 ng\u01B0\u1EDDi d\xF9ng n\xE0o c\xF3 quy\u1EC1n n\xE0y" })
+              ] }) })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(DialogFooter, { children: /* @__PURE__ */ jsx(Button, { onClick: () => setIsPermissionDetailOpen(false), children: "\u0110\xF3ng" }) })
+        ] })
+      }
+    )
+  ] });
+}
+
+// src/rbac/index.ts
+var CRUD_ACTIONS = {
+  create: "create",
+  view: "view",
+  update: "update",
+  delete: "delete",
+  export: "export",
+  import: "import",
+  approve: "approve",
+  reject: "reject"
+};
+function getActionCode(operation) {
+  return CRUD_ACTIONS[operation];
+}
+function getAllCrudActionCodes() {
+  return Object.values(CRUD_ACTIONS);
+}
+function isCrudAction(actionCode) {
+  return Object.values(CRUD_ACTIONS).includes(actionCode);
+}
+var DEFAULT_PERMISSIONS_CACHE_TTL_SECONDS = 5 * 60;
+var PERMISSIONS_TTL_SECONDS = (() => {
+  const ttlEnv = process.env.PERMISSIONS_CACHE_TTL_MS;
+  if (!ttlEnv) {
+    return DEFAULT_PERMISSIONS_CACHE_TTL_SECONDS;
+  }
+  const parsedTtlMs = Number.parseInt(ttlEnv, 10);
+  if (Number.isNaN(parsedTtlMs) || parsedTtlMs <= 0) {
+    logger.warn(
+      `Invalid PERMISSIONS_CACHE_TTL_MS="${ttlEnv}". Falling back to default ${DEFAULT_PERMISSIONS_CACHE_TTL_SECONDS}s`
+    );
+    return DEFAULT_PERMISSIONS_CACHE_TTL_SECONDS;
+  }
+  return Math.floor(parsedTtlMs / 1e3);
+})();
+var permissionCache = cacheManager.create({
+  name: "rbac-permissions",
+  ttl: PERMISSIONS_TTL_SECONDS,
+  max: 1e4
+});
+async function getFromCache(userId) {
+  return permissionCache.get(userId);
+}
+async function setToCache(userId, data) {
+  await permissionCache.set(userId, data);
+}
+var pendingQueries = /* @__PURE__ */ new Map();
+async function clearAllPermissionsCache() {
+  await permissionCache.reset();
+  pendingQueries.clear();
+}
+async function clearUserPermissionsCache(userId) {
+  await permissionCache.del(userId);
+  pendingQueries.delete(userId);
+}
+async function invalidateUserPermissions(userId) {
+  await permissionCache.del(userId);
+  pendingQueries.delete(userId);
+}
+function getUserPermissions(session) {
+  if (!session?.user) return [];
+  const user = session.user;
+  if (!user.permissions) {
+    return [];
+  }
+  return user.permissions;
+}
+var BYPASS_AUTH = process.env.BYPASS_AUTH === "true" || process.env.BYPASS_AUTH === "1";
+var ADMIN_ROLE_CODES = ["admin", "SUPER_ADMIN"];
+function getCrudPermissionsFromSession(session, entity) {
+  if (BYPASS_AUTH) {
+    return {
+      create: true,
+      view: true,
+      update: true,
+      delete: true,
+      export: true,
+      import: true,
+      approve: true,
+      reject: true
+    };
+  }
+  if (!session?.user) {
+    return {
+      create: false,
+      view: false,
+      update: false,
+      delete: false,
+      export: false,
+      import: false,
+      approve: false,
+      reject: false
+    };
+  }
+  const user = session.user;
+  if (!user.id) {
+    return {
+      create: false,
+      view: false,
+      update: false,
+      delete: false,
+      export: false,
+      import: false,
+      approve: false,
+      reject: false
+    };
+  }
+  const isAdmin = user.roles?.some((role) => ADMIN_ROLE_CODES.includes(role));
+  if (isAdmin) {
+    return {
+      create: true,
+      view: true,
+      update: true,
+      delete: true,
+      export: true,
+      import: true,
+      approve: true,
+      reject: true
+    };
+  }
+  const permissions = user.permissions || [];
+  const permissionKeys = new Set(
+    permissions.map((p) => `${p.resourceCode}:${p.actionCode}`)
+  );
+  const hasPermission2 = (action) => {
+    const key = `${entity}:${action}`;
+    return permissionKeys.has(key);
+  };
+  return {
+    create: hasPermission2(getActionCode("create")),
+    view: hasPermission2(getActionCode("view")),
+    update: hasPermission2(getActionCode("update")),
+    delete: hasPermission2(getActionCode("delete")),
+    export: hasPermission2(getActionCode("export")),
+    import: hasPermission2(getActionCode("import")),
+    approve: hasPermission2(getActionCode("approve")),
+    reject: hasPermission2(getActionCode("reject"))
+  };
+}
+function checkPermission(session, resourceCode, actionCode) {
+  if (BYPASS_AUTH) {
+    return true;
+  }
+  if (!session?.user) return false;
+  const user = session.user;
+  if (!user.permissions || user.permissions.length === 0) {
+    return false;
+  }
+  if (user.roles?.some((role) => ADMIN_ROLE_CODES.includes(role))) {
+    return true;
+  }
+  return user.permissions.some(
+    (p) => p.resourceCode === resourceCode && p.actionCode === actionCode
+  );
+}
+function hasPermission(session, resourceCode, actionCode) {
+  return checkPermission(session, resourceCode, actionCode);
+}
+function requirePermission(session, resourceCode, actionCode) {
+  if (!checkPermission(session, resourceCode, actionCode)) {
+    throw new Error(
+      `Unauthorized: User does not have permission ${actionCode} on ${resourceCode}`
+    );
+  }
+}
+function hasRole(session, roleCode) {
+  if (!session?.user) return false;
+  const user = session.user;
+  if (!user.roles) {
+    return false;
+  }
+  return user.roles.includes(roleCode);
+}
+function hasAnyRole(session, roleCodes) {
+  if (!session?.user) return false;
+  const user = session.user;
+  if (!user.roles) {
+    return false;
+  }
+  return roleCodes.some((role) => user.roles.includes(role));
+}
+
+export { CRUD_ACTIONS, RoleListPage, checkPermission, clearAllPermissionsCache, clearResourceCache, clearUserPermissionsCache, getActionCode, getActionsForPermissionMatrix, getAllCrudActionCodes, getCachedUserPermissions, getCrudPermissionsFromSession, getFromCache, getPermissionResourceCode, getResourcesData, getResourcesForPermissionMatrix, getRolesData, getUserPermissions, getUserPermissionsFromDB, hasAnyRole, hasPermission, hasRole, invalidateUserPermissions, isCrudAction, isValidResourceCode, pendingQueries, preloadResourceCodes, requirePermission, setToCache, validatePermissionResource };
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map