@prediktif/ui 0.1.23 → 0.1.25

package/dist/index.js

@@ -60,8 +60,16 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
+  ActiveTokensStatus: () => ActiveTokensStatus,
   AppSidebar: () => AppSidebar,
+  AvatarGroupInvitations: () => AvatarGroupInvitations,
+  AvatarGroupUsers: () => AvatarGroupUsers,
+  AvatarInvitations: () => AvatarInvitations,
   AvatarUser: () => AvatarUser,
+  AvatarUsers: () => AvatarUsers,
+  CodeLabel: () => CodeLabel,
+  CopyableCode: () => CopyableCode,
+  DEFAULT_METADATA_FIELDS: () => DEFAULT_METADATA_FIELDS,
   DataTable: () => DataTable,
   DataTableContentBody: () => DataTableContentBody,
   DataTableContentHeader: () => DataTableContentHeader,
@@ -74,15 +82,32 @@ __export(index_exports, {
   DataTableHeaderSearch: () => DataTableHeaderSearch,
   DataTableHeaderSort: () => DataTableHeaderSort,
   DataTableHeaderToggle: () => DataTableHeaderToggle,
+  DescriptionLabel: () => DescriptionLabel,
   EmailLabel: () => EmailLabel,
   EmailVerified: () => EmailVerified,
   GoogleIcon: () => GoogleIcon,
   HeaderTabs: () => HeaderTabs,
   HeaderTitle: () => HeaderTitle,
+  ItemStatus: () => ItemStatus,
   JoinedLabel: () => JoinedLabel,
-  LoginServer: () => LoginServer,
+  MetadataProgress: () => MetadataProgress,
+  MetadataStatus: () => MetadataStatus,
+  OrganizationInvitations: () => OrganizationInvitations,
+  OrganizationRoleBadge: () => OrganizationRoleBadge,
+  OrganizationRoles: () => OrganizationRoles,
+  PermissionBadges: () => PermissionBadges,
+  PermissionsBadges: () => PermissionsBadges,
+  ProgressStatus: () => ProgressStatus,
+  RedirectUriLabel: () => RedirectUriLabel,
+  RedirectUris: () => RedirectUris,
   RowActions: () => RowActions,
+  RunningStatus: () => RunningStatus,
+  SlugLabel: () => SlugLabel,
   StateEmpty: () => StateEmpty,
+  StatusBadge: () => StatusBadge,
+  TokenActivity: () => TokenActivity,
+  UrisLabel: () => UrisLabel,
+  UrisList: () => UrisList,
   UserRole: () => UserRole,
   UserStatus: () => UserStatus,
   exportToCSV: () => exportToCSV,
@@ -91,7 +116,6 @@ __export(index_exports, {
   features: () => features,
   flexRender: () => import_react_table4.flexRender,
   getTableExportData: () => getTableExportData,
-  loginSchema: () => loginSchema,
   printTable: () => printTable,
   smartFilterFn: () => smartFilterFn,
   useTable: () => import_react_table4.useTable
@@ -371,6 +395,36 @@ function AvatarFallback(_a) {
     }, props)
   );
 }
+function AvatarGroup(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    "div",
+    __spreadValues({
+      "data-slot": "avatar-group",
+      className: (0, import_cn3.cn)(
+        "group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:ring-background",
+        className
+      )
+    }, props)
+  );
+}
+function AvatarGroupCount(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    "div",
+    __spreadValues({
+      "data-slot": "avatar-group-count",
+      className: (0, import_cn3.cn)(
+        "relative flex size-8 shrink-0 items-center justify-center rounded-full bg-muted text-xs/relaxed text-muted-foreground ring-2 ring-background group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3",
+        className
+      )
+    }, props)
+  );
+}
 
 // src/components/ui/breadcrumb.tsx
 var import_merge_props = require("@base-ui/react/merge-props");
@@ -1539,44 +1593,319 @@ var AppSidebar = (0, import_react.memo)(function AppSidebar2({
   ] });
 });
 
-// src/components/composed/columns/avatar-user.tsx
+// src/components/composed/columns/avatar-group-invitations.tsx
 var import_react2 = require("react");
 var import_jsx_runtime13 = require("react/jsx-runtime");
-function getInitials(name) {
+function getInitials(name, email) {
+  const target = (name || email || "U").trim();
+  return target.split(/[\s.@]/).filter(Boolean).map((n) => n[0]).join("").slice(0, 2).toUpperCase();
+}
+var AvatarGroupInvitations = (0, import_react2.memo)(function AvatarGroupInvitations2({
+  invitations,
+  maxDisplay = 3,
+  onlyPending = true,
+  fallback = null,
+  size = "default",
+  className
+}) {
+  const list = invitations != null ? invitations : [];
+  const targetInvites = onlyPending ? list.filter((i) => {
+    var _a;
+    return ((_a = i.status) == null ? void 0 : _a.toLowerCase()) === "pending";
+  }) : list;
+  if (targetInvites.length === 0) {
+    if (!fallback) return null;
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_jsx_runtime13.Fragment, { children: fallback });
+  }
+  const visibleInvites = targetInvites.slice(0, maxDisplay);
+  const remainingCount = targetInvites.length - visibleInvites.length;
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(AvatarGroup, { className, children: [
+    visibleInvites.map((inv, index) => {
+      var _a, _b, _c, _d, _e;
+      const displayName = ((_a = inv.invitedUser) == null ? void 0 : _a.name) || inv.email;
+      const initials = getInitials((_b = inv.invitedUser) == null ? void 0 : _b.name, inv.email);
+      return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Tooltip, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          TooltipTrigger,
+          {
+            render: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+              Avatar,
+              {
+                size,
+                className: "cursor-pointer border border-dashed border-primary/40",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                    AvatarImage,
+                    {
+                      src: (_e = (_d = inv.invitedUser) == null ? void 0 : _d.image) != null ? _e : void 0,
+                      alt: displayName
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(AvatarFallback, { className: "bg-muted text-xs", children: initials })
+                ]
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(TooltipContent, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "font-medium text-xs", children: displayName }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("p", { className: "text-xs text-muted-foreground", children: [
+            "Invited as ",
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "capitalize", children: inv.role })
+          ] })
+        ] })
+      ] }, (_c = inv.id) != null ? _c : `${displayName}-${index}`);
+    }),
+    remainingCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Tooltip, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        TooltipTrigger,
+        {
+          render: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(AvatarGroupCount, { className: "cursor-pointer border border-dashed border-primary/40 font-mono", children: [
+            "+",
+            remainingCount
+          ] })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(TooltipContent, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex flex-col gap-0.5 text-xs", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "font-semibold text-xs mb-0.5", children: onlyPending ? "Other Pending Invitations:" : "Other Invitations:" }),
+        targetInvites.slice(maxDisplay).map((rem, idx) => {
+          var _a, _b;
+          return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { className: "text-xs", children: [
+            ((_b = rem.invitedUser) == null ? void 0 : _b.name) || rem.email,
+            " (",
+            rem.role,
+            ")"
+          ] }, (_a = rem.id) != null ? _a : `${rem.email}-${idx}`);
+        })
+      ] }) })
+    ] })
+  ] });
+});
+var AvatarInvitations = AvatarGroupInvitations;
+var OrganizationInvitations = AvatarGroupInvitations;
+
+// src/components/composed/columns/avatar-group-users.tsx
+var import_react3 = require("react");
+var import_jsx_runtime14 = require("react/jsx-runtime");
+function getInitials2(name, email) {
+  const target = (name || email || "U").trim();
+  return target.split(" ").map((w) => w[0]).join("").slice(0, 2).toUpperCase();
+}
+var AvatarGroupUsers = (0, import_react3.memo)(function AvatarGroupUsers2({
+  users,
+  maxDisplay = 3,
+  fallback = null,
+  className,
+  size = "default"
+}) {
+  const list = users != null ? users : [];
+  if (list.length === 0) {
+    if (!fallback) return null;
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_jsx_runtime14.Fragment, { children: fallback });
+  }
+  const visibleUsers = list.slice(0, maxDisplay);
+  const remainingCount = list.length - visibleUsers.length;
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(AvatarGroup, { className, children: [
+    visibleUsers.map((u, index) => {
+      var _a, _b;
+      const initials = getInitials2(u.name, u.email);
+      const displayName = u.name || u.email || "User";
+      return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(Tooltip, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          TooltipTrigger,
+          {
+            render: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(Avatar, { size, className: "cursor-pointer", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(AvatarImage, { src: (_b = u.image) != null ? _b : void 0, alt: displayName }),
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(AvatarFallback, { children: initials })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(TooltipContent, { children: displayName })
+      ] }, (_a = u.id) != null ? _a : `${displayName}-${index}`);
+    }),
+    remainingCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(Tooltip, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        TooltipTrigger,
+        {
+          render: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(AvatarGroupCount, { className: "cursor-pointer font-mono", children: [
+            "+",
+            remainingCount
+          ] })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(TooltipContent, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "flex flex-col gap-0.5 text-xs", children: list.slice(maxDisplay).map((rem, idx) => {
+        var _a, _b;
+        return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: rem.name || rem.email }, (_b = rem.id) != null ? _b : `${(_a = rem.name) != null ? _a : rem.email}-${idx}`);
+      }) }) })
+    ] })
+  ] });
+});
+var AvatarUsers = AvatarGroupUsers;
+
+// src/components/composed/columns/avatar-user.tsx
+var import_cn12 = require("cn");
+var import_react4 = require("react");
+var import_jsx_runtime15 = require("react/jsx-runtime");
+function getInitials3(name) {
   if (name) {
     return name.split(" ").map((w) => w[0]).join("").slice(0, 2).toUpperCase();
   }
   return "U";
 }
-var AvatarUser = (0, import_react2.memo)(function AvatarUser2({
+var AvatarUser = (0, import_react4.memo)(function AvatarUser2({
   name,
-  image
+  image,
+  className,
+  size = "sm"
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex items-center gap-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Avatar, { size: "sm", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(AvatarImage, { src: image != null ? image : void 0, alt: name != null ? name : void 0 }),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(AvatarFallback, { children: getInitials(name) })
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: (0, import_cn12.cn)("flex items-center gap-2", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Avatar, { size, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(AvatarImage, { src: image != null ? image : void 0, alt: name != null ? name : void 0 }),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(AvatarFallback, { children: getInitials3(name) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "text-xs font-medium", children: name })
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "text-xs font-medium truncate", children: name })
+  ] });
+});
+
+// src/components/composed/columns/copyable-code.tsx
+var import_cn14 = require("cn");
+var import_lucide_react7 = require("lucide-react");
+var import_react5 = require("react");
+
+// src/components/ui/toast.tsx
+var import_toast = require("@base-ui/react/toast");
+var import_cn13 = require("cn");
+var import_lucide_react6 = require("lucide-react");
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var toast = import_toast.Toast.createToastManager();
+var createToastManager = import_toast.Toast.createToastManager;
+var useToastManager = import_toast.Toast.useToastManager;
+
+// src/components/composed/columns/copyable-code.tsx
+var import_jsx_runtime17 = require("react/jsx-runtime");
+var CopyableCode = (0, import_react5.memo)(function CopyableCode2({
+  value,
+  label,
+  copyMessage,
+  toastOnCopy = true,
+  showTooltip = true,
+  fallback = null,
+  className,
+  codeClassName,
+  onCopy
+}) {
+  const [copied, setCopied] = (0, import_react5.useState)(false);
+  const handleCopy = (0, import_react5.useCallback)(
+    async (e) => {
+      e.stopPropagation();
+      if (!value) return;
+      try {
+        await navigator.clipboard.writeText(value);
+        setCopied(true);
+        setTimeout(() => setCopied(false), 2e3);
+      } catch (err) {
+        console.error("Failed to copy to clipboard:", err);
+      }
+      if (onCopy) {
+        onCopy(value);
+      } else if (toastOnCopy) {
+        try {
+          toast.add({
+            description: copyMessage || `${label || "Value"} copied to clipboard`
+          });
+        } catch (e2) {
+        }
+      }
+    },
+    [value, onCopy, toastOnCopy, copyMessage, label]
+  );
+  if (!value) {
+    if (!fallback) return null;
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_jsx_runtime17.Fragment, { children: fallback });
+  }
+  const tooltipText = copied ? "Copied!" : `Copy ${label || "value"}`;
+  const copyButton = /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    Button,
+    {
+      size: "icon-xs",
+      variant: "ghost",
+      className: "text-muted-foreground hover:text-foreground cursor-pointer",
+      onClick: handleCopy,
+      title: tooltipText,
+      children: copied ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react7.CheckIcon, { className: "size-3 text-emerald-500" }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react7.CopyIcon, { className: "size-3" })
+    }
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: (0, import_cn14.cn)("flex items-center gap-1.5", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      "code",
+      {
+        className: (0, import_cn14.cn)(
+          "font-mono text-xs text-muted-foreground bg-muted/50 px-1.5 py-0.5 rounded select-all",
+          codeClassName
+        ),
+        children: value
+      }
+    ),
+    showTooltip ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(Tooltip, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TooltipTrigger, { render: copyButton }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TooltipContent, { children: tooltipText })
+    ] }) : copyButton
+  ] });
+});
+var CodeLabel = CopyableCode;
+var SlugLabel = CopyableCode;
+
+// src/components/composed/columns/description-label.tsx
+var import_cn15 = require("cn");
+var import_react6 = require("react");
+var import_jsx_runtime18 = require("react/jsx-runtime");
+var DescriptionLabel = (0, import_react6.memo)(function DescriptionLabel2({
+  description,
+  fallback = null,
+  className
+}) {
+  const text = description == null ? void 0 : description.trim();
+  if (!text) {
+    if (!fallback) return null;
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: (0, import_cn15.cn)("text-xs text-muted-foreground", className), children: fallback });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(Tooltip, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      TooltipTrigger,
+      {
+        render: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+          "p",
+          {
+            className: (0, import_cn15.cn)(
+              "text-xs text-muted-foreground truncate max-w-xs cursor-default",
+              className
+            ),
+            children: text
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TooltipContent, { className: "max-w-xs break-words", children: text })
   ] });
 });
 
 // src/components/composed/columns/email-label.tsx
-var import_react3 = require("react");
-var import_jsx_runtime14 = require("react/jsx-runtime");
-var EmailLabel = (0, import_react3.memo)(function EmailLabel2({ email }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-xs font-mono", children: email });
+var import_react7 = require("react");
+var import_jsx_runtime19 = require("react/jsx-runtime");
+var EmailLabel = (0, import_react7.memo)(function EmailLabel2({ email }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-xs font-mono", children: email });
 });
 
 // src/components/composed/columns/email-verified.tsx
-var import_lucide_react6 = require("lucide-react");
-var import_react4 = require("react");
+var import_cn17 = require("cn");
+var import_lucide_react8 = require("lucide-react");
+var import_react8 = require("react");
 
 // src/components/ui/badge.tsx
 var import_merge_props3 = require("@base-ui/react/merge-props");
 var import_use_render3 = require("@base-ui/react/use-render");
 var import_class_variance_authority3 = require("class-variance-authority");
-var import_cn12 = require("cn");
+var import_cn16 = require("cn");
 var badgeVariants = (0, import_class_variance_authority3.cva)(
   "group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border border-transparent px-2 py-0.5 text-[0.625rem] font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-2.5!",
   {
@@ -1609,7 +1938,7 @@ function Badge(_a) {
     defaultTagName: "span",
     props: (0, import_merge_props3.mergeProps)(
       {
-        className: (0, import_cn12.cn)(badgeVariants({ variant }), className)
+        className: (0, import_cn16.cn)(badgeVariants({ variant }), className)
       },
       props
     ),
@@ -1622,151 +1951,839 @@ function Badge(_a) {
 }
 
 // src/components/composed/columns/email-verified.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
-var EmailVerified = (0, import_react4.memo)(function EmailVerified2({
-  verified
+var import_jsx_runtime20 = require("react/jsx-runtime");
+var EmailVerified = (0, import_react8.memo)(function EmailVerified2({
+  verified,
+  label,
+  className
 }) {
-  return verified ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Badge, { variant: "default", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react6.BadgeCheck, { "data-icon": "inline-start" }),
-    "Verified"
-  ] }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Badge, { variant: "destructive", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react6.BadgeCheck, { "data-icon": "inline-start" }),
-    "Unverified"
-  ] });
+  const isVerified = Boolean(verified);
+  if (isVerified) {
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+      Badge,
+      {
+        variant: "outline",
+        className: (0, import_cn17.cn)(
+          "border-emerald-500/30 bg-emerald-500/10 text-emerald-700 dark:text-emerald-300 font-normal",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+            import_lucide_react8.CheckIcon,
+            {
+              "data-icon": "inline-start",
+              className: "text-emerald-600 dark:text-emerald-400"
+            }
+          ),
+          label != null ? label : "Verified"
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+    Badge,
+    {
+      variant: "outline",
+      className: (0, import_cn17.cn)(
+        "border-amber-500/30 bg-amber-500/10 text-amber-700 dark:text-amber-300 font-normal",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+          import_lucide_react8.XIcon,
+          {
+            "data-icon": "inline-start",
+            className: "text-amber-600 dark:text-amber-400"
+          }
+        ),
+        label != null ? label : "Unverified"
+      ]
+    }
+  );
 });
 
 // src/components/composed/columns/joined-label.tsx
-var import_react5 = require("react");
-var import_jsx_runtime16 = require("react/jsx-runtime");
-var JoinedLabel = (0, import_react5.memo)(function JoinedLabel2({
+var import_react9 = require("react");
+var import_jsx_runtime21 = require("react/jsx-runtime");
+var JoinedLabel = (0, import_react9.memo)(function JoinedLabel2({
   joined,
   locale = "id-ID"
 }) {
   if (!joined) return null;
   const date = typeof joined === "string" ? new Date(joined) : joined;
   if (Number.isNaN(date.getTime())) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-xs font-mono", children: new Intl.DateTimeFormat(locale, {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "text-xs font-mono", children: new Intl.DateTimeFormat(locale, {
     day: "numeric",
     month: "long",
     year: "numeric"
   }).format(date) });
 });
 
-// src/components/composed/columns/user-role.tsx
-var import_lucide_react7 = require("lucide-react");
-var import_react6 = require("react");
-var import_jsx_runtime17 = require("react/jsx-runtime");
-var UserRole = (0, import_react6.memo)(function UserRole2({ role }) {
-  const isAdmin = role === "admin";
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(Badge, { variant: "outline", className: "capitalize", children: [
-    isAdmin ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react7.UserStarIcon, { "data-icon": "inline-start" }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react7.UserIcon, { "data-icon": "inline-start" }),
-    role
-  ] });
-});
-
-// src/components/composed/columns/user-status.tsx
-var import_lucide_react8 = require("lucide-react");
-var import_react7 = require("react");
-var import_jsx_runtime18 = require("react/jsx-runtime");
-var UserStatus = (0, import_react7.memo)(function UserStatus2({
-  status
+// src/components/composed/columns/metadata-progress.tsx
+var import_cn18 = require("cn");
+var import_react10 = require("react");
+var import_jsx_runtime22 = require("react/jsx-runtime");
+var DEFAULT_METADATA_FIELDS = [
+  { key: "title", label: "Page Title" },
+  { key: "description", label: "Meta Description" },
+  { key: "keywords", label: "Keywords" },
+  { key: "author", label: "Author" },
+  { key: "canonicalUrl", label: "Canonical URL" },
+  { key: "favicon", label: "Favicon URL" },
+  { key: "ogImage", label: "OG Image URL" },
+  { key: "ogType", label: "OG Type" },
+  { key: "twitterCard", label: "Twitter Card" },
+  { key: "twitterHandle", label: "Twitter Handle" },
+  { key: "robots", label: "Robots" },
+  { key: "customJsonLd", label: "Custom JSON-LD" }
+];
+var MetadataProgress = (0, import_react10.memo)(function MetadataProgress2({
+  metadata,
+  fields = DEFAULT_METADATA_FIELDS,
+  completedCount: propCompleted,
+  totalCount: propTotal,
+  title = "Website Metadata",
+  fallback = null,
+  className
 }) {
-  return status ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(Badge, { variant: "destructive", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react8.BadgeCheck, { "data-icon": "inline-start" }),
-    "Inactive"
-  ] }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(Badge, { variant: "default", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react8.BadgeCheck, { "data-icon": "inline-start" }),
-    "Active"
-  ] });
-});
-
-// src/components/composed/data-table/data-table.tsx
-var import_react_table4 = require("@tanstack/react-table");
-var import_lucide_react21 = require("lucide-react");
-var import_navigation3 = require("next/navigation");
-var import_react12 = require("react");
-
-// src/components/composed/state-empty.tsx
-var import_react8 = require("react");
-
-// src/components/ui/empty.tsx
-var import_class_variance_authority4 = require("class-variance-authority");
-var import_cn13 = require("cn");
-var import_jsx_runtime19 = require("react/jsx-runtime");
-function Empty(_a) {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-    "div",
-    __spreadValues({
-      "data-slot": "empty",
-      className: (0, import_cn13.cn)(
-        "flex w-full min-w-0 flex-1 flex-col items-center justify-center gap-4 rounded-xl border-dashed p-6 text-center text-balance",
-        className
-      )
-    }, props)
-  );
-}
-function EmptyHeader(_a) {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-    "div",
-    __spreadValues({
-      "data-slot": "empty-header",
-      className: (0, import_cn13.cn)("flex max-w-sm flex-col items-center gap-1", className)
-    }, props)
-  );
-}
-var emptyMediaVariants = (0, import_class_variance_authority4.cva)(
-  "mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0",
-  {
-    variants: {
-      variant: {
-        default: "bg-transparent",
-        icon: "flex size-8 shrink-0 items-center justify-center rounded-md bg-muted text-foreground [&_svg:not([class*='size-'])]:size-4"
+  const stats = (0, import_react10.useMemo)(() => {
+    if (propCompleted !== void 0 && propTotal !== void 0) {
+      const total3 = Math.max(1, propTotal);
+      const completed3 = Math.min(propCompleted, total3);
+      const percentage3 = Math.round(completed3 / total3 * 100);
+      return {
+        completed: completed3,
+        total: total3,
+        percentage: percentage3,
+        missing: []
+      };
+    }
+    if (!metadata) {
+      return {
+        completed: 0,
+        total: fields.length,
+        percentage: 0,
+        missing: fields.map((f) => f.label)
+      };
+    }
+    const completedList = [];
+    const missingList = [];
+    for (const field of fields) {
+      const val = metadata[field.key];
+      let isFilled = false;
+      if (field.key === "keywords") {
+        isFilled = Array.isArray(val) ? val.length > 0 : Boolean(typeof val === "string" && val.trim().length > 0);
+      } else if (typeof val === "string") {
+        isFilled = val.trim().length > 0;
+      } else {
+        isFilled = Boolean(val);
+      }
+      if (isFilled) {
+        completedList.push(field.label);
+      } else {
+        missingList.push(field.label);
       }
-    },
-    defaultVariants: {
-      variant: "default"
     }
+    const total2 = fields.length;
+    const completed2 = completedList.length;
+    const percentage2 = Math.round(completed2 / Math.max(1, total2) * 100);
+    return {
+      completed: completed2,
+      total: total2,
+      percentage: percentage2,
+      missing: missingList
+    };
+  }, [metadata, fields, propCompleted, propTotal]);
+  const { completed, total, percentage, missing } = stats;
+  if (completed === 0 && fallback !== null) {
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_jsx_runtime22.Fragment, { children: fallback });
   }
-);
-function EmptyMedia(_a) {
-  var _b = _a, {
-    className,
-    variant = "default"
-  } = _b, props = __objRest(_b, [
-    "className",
-    "variant"
-  ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-    "div",
-    __spreadValues({
-      "data-slot": "empty-icon",
-      "data-variant": variant,
-      className: (0, import_cn13.cn)(emptyMediaVariants({ variant, className }))
-    }, props)
-  );
-}
-function EmptyTitle(_a) {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-    "div",
-    __spreadValues({
-      "data-slot": "empty-title",
-      className: (0, import_cn13.cn)(
-        "font-heading text-sm font-medium tracking-tight",
-        className
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(Tooltip, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+      TooltipTrigger,
+      {
+        render: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+          "div",
+          {
+            className: (0, import_cn18.cn)(
+              "inline-flex items-center gap-2 cursor-pointer select-none",
+              className
+            ),
+            children: percentage === 100 ? /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+              Badge,
+              {
+                variant: "outline",
+                className: "border-emerald-500/30 bg-emerald-500/10 text-emerald-700 dark:text-emerald-300 font-mono text-[11px] gap-1.5 font-normal",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "size-1.5 rounded-full bg-emerald-500" }),
+                  "100%"
+                ]
+              }
+            ) : /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex items-center gap-2 w-24", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "flex-1 h-1.5 rounded-full bg-muted/60 overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+                "div",
+                {
+                  className: (0, import_cn18.cn)(
+                    "h-full rounded-full transition-all duration-300",
+                    percentage >= 50 ? "bg-primary" : "bg-amber-500"
+                  ),
+                  style: { width: `${percentage}%` }
+                }
+              ) }),
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("span", { className: "font-mono text-[11px] text-muted-foreground shrink-0", children: [
+                completed,
+                "/",
+                total
+              ] })
+            ] })
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(TooltipContent, { className: "max-w-xs text-xs space-y-1.5 p-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "flex items-center justify-between border-b pb-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "font-semibold text-xs", children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("span", { className: "font-mono text-[11px] text-muted-foreground", children: [
+          completed,
+          "/",
+          total,
+          " (",
+          percentage,
+          "%)"
+        ] })
+      ] }),
+      missing.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("p", { className: "text-[11px] text-muted-foreground leading-relaxed", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("span", { className: "text-amber-600 dark:text-amber-400 font-medium", children: [
+          "Missing:",
+          " "
+        ] }),
+        missing.slice(0, 4).join(", "),
+        missing.length > 4 ? ` +${missing.length - 4} more` : ""
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-[11px] text-emerald-600 dark:text-emerald-400 font-medium", children: "All metadata fields completed!" })
+    ] })
+  ] });
+});
+var MetadataStatus = MetadataProgress;
+var ProgressStatus = MetadataProgress;
+
+// src/components/composed/columns/organization-roles.tsx
+var import_cn19 = require("cn");
+var import_lucide_react9 = require("lucide-react");
+var import_react11 = require("react");
+var import_jsx_runtime23 = require("react/jsx-runtime");
+var OrganizationRoleBadge = (0, import_react11.forwardRef)(function OrganizationRoleBadge2(_a, ref) {
+  var _b = _a, { role, roleName, className } = _b, props = __objRest(_b, ["role", "roleName", "className"]);
+  const roleValue = roleName != null ? roleName : role;
+  if (!roleValue) return null;
+  const normalized = roleValue.toLowerCase().trim();
+  if (normalized === "owner") {
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+      Badge,
+      __spreadProps(__spreadValues({
+        ref,
+        variant: "outline",
+        className: (0, import_cn19.cn)(
+          "capitalize border-purple-500/30 bg-purple-500/10 text-purple-700 dark:text-purple-300 font-normal",
+          className
+        )
+      }, props), {
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+            import_lucide_react9.CrownIcon,
+            {
+              "data-icon": "inline-start",
+              className: "text-purple-600 dark:text-purple-400"
+            }
+          ),
+          roleValue
+        ]
+      })
+    );
+  }
+  if (normalized === "admin") {
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+      Badge,
+      __spreadProps(__spreadValues({
+        ref,
+        variant: "outline",
+        className: (0, import_cn19.cn)(
+          "capitalize border-blue-500/30 bg-blue-500/10 text-blue-700 dark:text-blue-300 font-normal",
+          className
+        )
+      }, props), {
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+            import_lucide_react9.ShieldCheckIcon,
+            {
+              "data-icon": "inline-start",
+              className: "text-blue-600 dark:text-blue-400"
+            }
+          ),
+          roleValue
+        ]
+      })
+    );
+  }
+  if (normalized === "redaktur") {
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+      Badge,
+      __spreadProps(__spreadValues({
+        ref,
+        variant: "outline",
+        className: (0, import_cn19.cn)(
+          "capitalize border-amber-500/30 bg-amber-500/10 text-amber-700 dark:text-amber-300 font-normal",
+          className
+        )
+      }, props), {
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+            import_lucide_react9.NewspaperIcon,
+            {
+              "data-icon": "inline-start",
+              className: "text-amber-600 dark:text-amber-400"
+            }
+          ),
+          roleValue
+        ]
+      })
+    );
+  }
+  if (normalized === "editor") {
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+      Badge,
+      __spreadProps(__spreadValues({
+        ref,
+        variant: "outline",
+        className: (0, import_cn19.cn)(
+          "capitalize border-emerald-500/30 bg-emerald-500/10 text-emerald-700 dark:text-emerald-300 font-normal",
+          className
+        )
+      }, props), {
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+            import_lucide_react9.PenLineIcon,
+            {
+              "data-icon": "inline-start",
+              className: "text-emerald-600 dark:text-emerald-400"
+            }
+          ),
+          roleValue
+        ]
+      })
+    );
+  }
+  if (normalized === "staff") {
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+      Badge,
+      __spreadProps(__spreadValues({
+        ref,
+        variant: "outline",
+        className: (0, import_cn19.cn)(
+          "capitalize border-slate-500/30 bg-slate-500/10 text-slate-700 dark:text-slate-300 font-normal",
+          className
+        )
+      }, props), {
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+            import_lucide_react9.UserIcon,
+            {
+              "data-icon": "inline-start",
+              className: "text-slate-600 dark:text-slate-400"
+            }
+          ),
+          roleValue
+        ]
+      })
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+    Badge,
+    __spreadProps(__spreadValues({
+      ref,
+      variant: "secondary",
+      className: (0, import_cn19.cn)("capitalize font-normal", className)
+    }, props), {
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+          import_lucide_react9.Building2Icon,
+          {
+            "data-icon": "inline-start",
+            className: "text-muted-foreground"
+          }
+        ),
+        roleValue
+      ]
+    })
+  );
+});
+OrganizationRoleBadge.displayName = "OrganizationRoleBadge";
+var OrganizationRoles = (0, import_react11.memo)(function OrganizationRoles2({
+  roles,
+  className
+}) {
+  const orgRoles = roles != null ? roles : [];
+  if (orgRoles.length === 0) return null;
+  if (orgRoles.length === 1) {
+    const item = orgRoles[0];
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(Tooltip, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        TooltipTrigger,
+        {
+          render: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+            OrganizationRoleBadge,
+            {
+              roleName: item.roleName,
+              className
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(TooltipContent, { children: [
+        item.roleName,
+        " at ",
+        item.organizationName
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: (0, import_cn19.cn)("flex items-center gap-1.5", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(Tooltip, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        TooltipTrigger,
+        {
+          render: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(OrganizationRoleBadge, { roleName: orgRoles[0].roleName })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(TooltipContent, { children: [
+        orgRoles[0].roleName,
+        " at ",
+        orgRoles[0].organizationName
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(Tooltip, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        TooltipTrigger,
+        {
+          render: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(Badge, { variant: "secondary", className: "font-mono", children: [
+            "+",
+            orgRoles.length - 1
+          ] })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TooltipContent, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "flex flex-col", children: orgRoles.slice(1).map((item, index) => {
+        var _a, _b;
+        return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+          "span",
+          {
+            children: [
+              item.roleName,
+              " at ",
+              item.organizationName
+            ]
+          },
+          (_b = item.membershipId) != null ? _b : `${(_a = item.organizationName) != null ? _a : ""}-${index}`
+        );
+      }) }) })
+    ] })
+  ] });
+});
+
+// src/components/composed/columns/permission-badges.tsx
+var import_cn20 = require("cn");
+var import_react12 = require("react");
+var import_jsx_runtime24 = require("react/jsx-runtime");
+var PermissionBadges = (0, import_react12.memo)(function PermissionBadges2({
+  permissions,
+  maxDisplay = 3,
+  className
+}) {
+  const perms = permissions != null ? permissions : [];
+  if (perms.length === 0) return null;
+  const visible = perms.slice(0, maxDisplay);
+  const remaining = perms.slice(maxDisplay);
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: (0, import_cn20.cn)("flex flex-wrap items-center gap-1", className), children: [
+    visible.map((p) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+      Badge,
+      {
+        variant: "outline",
+        className: "text-[10px] font-mono py-0 font-normal",
+        children: p
+      },
+      p
+    )),
+    remaining.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(Tooltip, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+        TooltipTrigger,
+        {
+          render: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+            Badge,
+            {
+              variant: "secondary",
+              className: "text-[10px] font-mono py-0 cursor-default font-normal",
+              children: [
+                "+",
+                remaining.length
+              ]
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TooltipContent, { className: "max-w-xs", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "flex flex-col gap-0.5 text-xs font-mono", children: remaining.map((p) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { children: p }, p)) }) })
+    ] })
+  ] });
+});
+var PermissionsBadges = PermissionBadges;
+
+// src/components/composed/columns/redirect-uris.tsx
+var import_cn21 = require("cn");
+var import_react13 = require("react");
+var import_jsx_runtime25 = require("react/jsx-runtime");
+var RedirectUris = (0, import_react13.memo)(function RedirectUris2({
+  uris,
+  maxDisplay = 1,
+  fallback = null,
+  tooltipTitle = "All Redirect URIs:",
+  className
+}) {
+  const list = (0, import_react13.useMemo)(() => {
+    if (!uris) return [];
+    if (Array.isArray(uris)) return uris.filter(Boolean);
+    return [uris];
+  }, [uris]);
+  if (list.length === 0) {
+    if (!fallback) return null;
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_jsx_runtime25.Fragment, { children: fallback });
+  }
+  const primaryUri = list[0];
+  const remainingCount = list.length - maxDisplay;
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: (0, import_cn21.cn)("flex items-center gap-2", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+      "p",
+      {
+        className: "text-xs text-muted-foreground font-mono truncate",
+        title: primaryUri,
+        children: primaryUri
+      }
+    ),
+    remainingCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(Tooltip, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        TooltipTrigger,
+        {
+          render: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(Badge, { variant: "outline", className: "font-mono cursor-pointer", children: [
+            "+",
+            remainingCount
+          ] })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TooltipContent, { className: "text-xs font-mono", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex flex-col gap-1", children: [
+        tooltipTitle && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "font-semibold text-xs", children: tooltipTitle }),
+        list.map((uri) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { children: uri }, uri))
+      ] }) })
+    ] })
+  ] });
+});
+var RedirectUriLabel = RedirectUris;
+var UrisList = RedirectUris;
+var UrisLabel = RedirectUris;
+
+// src/components/composed/columns/running-status.tsx
+var import_cn22 = require("cn");
+var import_react14 = require("react");
+var import_jsx_runtime26 = require("react/jsx-runtime");
+var RunningStatus = (0, import_react14.memo)(function RunningStatus2({
+  count = 0,
+  isRunning,
+  accessTokens = 0,
+  refreshTokens = 0,
+  usersCount = 0,
+  runningLabel = "Running",
+  idleLabel = "Idle",
+  tooltipTitle = "Sessions & Active Tokens",
+  className
+}) {
+  const activeCount = count != null ? count : 0;
+  const running = isRunning != null ? isRunning : activeCount > 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(Tooltip, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+      TooltipTrigger,
+      {
+        render: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+          "div",
+          {
+            className: (0, import_cn22.cn)(
+              "inline-flex items-center cursor-pointer select-none",
+              className
+            ),
+            children: running ? /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+              Badge,
+              {
+                variant: "outline",
+                className: "border-emerald-500/30 bg-emerald-500/10 text-emerald-700 dark:text-emerald-300 gap-1.5 text-xs font-normal",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "size-1.5 rounded-full bg-emerald-500 animate-pulse" }),
+                  runningLabel,
+                  " (",
+                  activeCount,
+                  ")"
+                ]
+              }
+            ) : /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+              Badge,
+              {
+                variant: "outline",
+                className: "border-border/60 bg-muted/40 text-muted-foreground gap-1.5 text-xs font-normal",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "size-1.5 rounded-full bg-muted-foreground/40" }),
+                  idleLabel
+                ]
+              }
+            )
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(TooltipContent, { className: "text-xs space-y-2 p-3 min-w-[200px]", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-center justify-between border-b pb-1.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "font-semibold text-xs", children: tooltipTitle }),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+          "span",
+          {
+            className: (0, import_cn22.cn)(
+              "text-[10px] px-1.5 py-0.5 rounded font-medium",
+              running ? "bg-emerald-500/10 text-emerald-600 dark:text-emerald-400" : "bg-muted text-muted-foreground"
+            ),
+            children: running ? "Active" : "Idle"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex flex-col gap-1 text-[11px]", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-center justify-between text-muted-foreground", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { children: "Active Access Tokens:" }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "font-mono font-medium text-foreground", children: accessTokens != null ? accessTokens : 0 })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-center justify-between text-muted-foreground", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { children: "Active Refresh Tokens:" }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "font-mono font-medium text-foreground", children: refreshTokens != null ? refreshTokens : 0 })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-center justify-between text-muted-foreground", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { children: "Authorized Users:" }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "font-mono font-medium text-foreground", children: usersCount != null ? usersCount : 0 })
+        ] })
+      ] })
+    ] })
+  ] });
+});
+var TokenActivity = RunningStatus;
+var ActiveTokensStatus = RunningStatus;
+
+// src/components/composed/columns/user-role.tsx
+var import_cn23 = require("cn");
+var import_lucide_react10 = require("lucide-react");
+var import_react15 = require("react");
+var import_jsx_runtime27 = require("react/jsx-runtime");
+var UserRole = (0, import_react15.memo)(function UserRole2({
+  role,
+  className
+}) {
+  if (!role) return null;
+  const normalized = role.toLowerCase().trim();
+  if (normalized === "admin") {
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+      Badge,
+      {
+        variant: "outline",
+        className: (0, import_cn23.cn)(
+          "capitalize border-amber-500/30 bg-amber-500/10 text-amber-700 dark:text-amber-300",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+            import_lucide_react10.UserStarIcon,
+            {
+              "data-icon": "inline-start",
+              className: "text-amber-500 dark:text-amber-400"
+            }
+          ),
+          role
+        ]
+      }
+    );
+  }
+  if (normalized === "client") {
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+      Badge,
+      {
+        variant: "outline",
+        className: (0, import_cn23.cn)(
+          "capitalize border-sky-500/30 bg-sky-500/10 text-sky-700 dark:text-sky-300",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+            import_lucide_react10.BriefcaseIcon,
+            {
+              "data-icon": "inline-start",
+              className: "text-sky-500 dark:text-sky-400"
+            }
+          ),
+          role
+        ]
+      }
+    );
+  }
+  if (normalized === "user") {
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(Badge, { variant: "outline", className: (0, import_cn23.cn)("capitalize", className), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react10.UserIcon, { "data-icon": "inline-start", className: "text-muted-foreground" }),
+      role
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+    Badge,
+    {
+      variant: "secondary",
+      className: (0, import_cn23.cn)("capitalize font-normal", className),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react10.ShieldIcon, { "data-icon": "inline-start", className: "text-muted-foreground" }),
+        role
+      ]
+    }
+  );
+});
+
+// src/components/composed/columns/user-status.tsx
+var import_cn24 = require("cn");
+var import_react16 = require("react");
+var import_jsx_runtime28 = require("react/jsx-runtime");
+var UserStatus = (0, import_react16.memo)(function UserStatus2({
+  status,
+  label,
+  activeLabel = "Active",
+  inactiveLabel,
+  className
+}) {
+  var _a;
+  const isInactive = typeof status === "string" ? status.toLowerCase() !== "active" : Boolean(status);
+  if (isInactive) {
+    const displayLabel = (_a = label != null ? label : inactiveLabel) != null ? _a : typeof status === "string" ? status : "Inactive";
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+      Badge,
+      {
+        variant: "outline",
+        className: (0, import_cn24.cn)(
+          "capitalize border-destructive/30 bg-destructive/10 text-destructive dark:text-red-400 gap-1.5 font-normal",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "size-1.5 rounded-full bg-destructive" }),
+          displayLabel
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+    Badge,
+    {
+      variant: "outline",
+      className: (0, import_cn24.cn)(
+        "capitalize border-emerald-500/30 bg-emerald-500/10 text-emerald-700 dark:text-emerald-300 gap-1.5 font-normal",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "size-1.5 rounded-full bg-emerald-500" }),
+        label != null ? label : activeLabel
+      ]
+    }
+  );
+});
+var ItemStatus = UserStatus;
+var StatusBadge = UserStatus;
+
+// src/components/composed/data-table/data-table.tsx
+var import_react_table4 = require("@tanstack/react-table");
+var import_lucide_react23 = require("lucide-react");
+var import_navigation3 = require("next/navigation");
+var import_react21 = require("react");
+
+// src/components/composed/state-empty.tsx
+var import_react17 = require("react");
+
+// src/components/ui/empty.tsx
+var import_class_variance_authority4 = require("class-variance-authority");
+var import_cn25 = require("cn");
+var import_jsx_runtime29 = require("react/jsx-runtime");
+function Empty(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    "div",
+    __spreadValues({
+      "data-slot": "empty",
+      className: (0, import_cn25.cn)(
+        "flex w-full min-w-0 flex-1 flex-col items-center justify-center gap-4 rounded-xl border-dashed p-6 text-center text-balance",
+        className
+      )
+    }, props)
+  );
+}
+function EmptyHeader(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    "div",
+    __spreadValues({
+      "data-slot": "empty-header",
+      className: (0, import_cn25.cn)("flex max-w-sm flex-col items-center gap-1", className)
+    }, props)
+  );
+}
+var emptyMediaVariants = (0, import_class_variance_authority4.cva)(
+  "mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        icon: "flex size-8 shrink-0 items-center justify-center rounded-md bg-muted text-foreground [&_svg:not([class*='size-'])]:size-4"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function EmptyMedia(_a) {
+  var _b = _a, {
+    className,
+    variant = "default"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "variant"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    "div",
+    __spreadValues({
+      "data-slot": "empty-icon",
+      "data-variant": variant,
+      className: (0, import_cn25.cn)(emptyMediaVariants({ variant, className }))
+    }, props)
+  );
+}
+function EmptyTitle(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    "div",
+    __spreadValues({
+      "data-slot": "empty-title",
+      className: (0, import_cn25.cn)(
+        "font-heading text-sm font-medium tracking-tight",
+        className
       )
     }, props)
   );
 }
 function EmptyDescription(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     "div",
     __spreadValues({
       "data-slot": "empty-description",
-      className: (0, import_cn13.cn)(
+      className: (0, import_cn25.cn)(
         "text-xs/relaxed text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary",
         className
       )
@@ -1775,11 +2792,11 @@ function EmptyDescription(_a) {
 }
 function EmptyContent(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     "div",
     __spreadValues({
       "data-slot": "empty-content",
-      className: (0, import_cn13.cn)(
+      className: (0, import_cn25.cn)(
         "flex w-full max-w-sm min-w-0 flex-col items-center gap-2 text-xs/relaxed text-balance",
         className
       )
@@ -1788,18 +2805,18 @@ function EmptyContent(_a) {
 }
 
 // src/lib/utils.ts
-var import_cn14 = require("cn");
+var import_cn26 = require("cn");
 
 // src/components/composed/state-empty.tsx
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 function renderStateIcon(icon) {
   if (typeof icon === "function" || typeof icon === "object" && icon !== null && "render" in icon) {
     const IconComp = icon;
-    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(IconComp, {});
+    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(IconComp, {});
   }
   return icon;
 }
-var StateEmpty = (0, import_react8.memo)(function StateEmpty2({
+var StateEmpty = (0, import_react17.memo)(function StateEmpty2({
   icon,
   title,
   description,
@@ -1812,17 +2829,17 @@ var StateEmpty = (0, import_react8.memo)(function StateEmpty2({
   const actionHandler = isFunctionAction ? render : onClick;
   const buttonRender = isFunctionAction ? void 0 : render;
   const hasAction = Boolean(buttonText || render || onClick);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
     Empty,
     {
-      className: (0, import_cn14.cn)("w-full", state === "outline" && "border border-dashed"),
+      className: (0, import_cn26.cn)("w-full", state === "outline" && "border border-dashed"),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(EmptyHeader, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(EmptyMedia, { variant: "icon", children: renderStateIcon(icon) }),
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(EmptyTitle, { children: title }),
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(EmptyDescription, { children: description })
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(EmptyHeader, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(EmptyMedia, { variant: "icon", children: renderStateIcon(icon) }),
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(EmptyTitle, { children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(EmptyDescription, { children: description })
         ] }),
-        hasAction && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(EmptyContent, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        hasAction && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(EmptyContent, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
           Button,
           {
             variant: "outline",
@@ -1839,20 +2856,20 @@ var StateEmpty = (0, import_react8.memo)(function StateEmpty2({
 });
 
 // src/components/ui/table.tsx
-var import_cn15 = require("cn");
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_cn27 = require("cn");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 function Table(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     "div",
     {
       "data-slot": "table-container",
       className: "relative w-full overflow-x-auto",
-      children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
         "table",
         __spreadValues({
           "data-slot": "table",
-          className: (0, import_cn15.cn)("w-full caption-bottom text-xs", className)
+          className: (0, import_cn27.cn)("w-full caption-bottom text-xs", className)
         }, props)
       )
     }
@@ -1860,31 +2877,31 @@ function Table(_a) {
 }
 function TableHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     "thead",
     __spreadValues({
       "data-slot": "table-header",
-      className: (0, import_cn15.cn)("[&_tr]:border-b", className)
+      className: (0, import_cn27.cn)("[&_tr]:border-b", className)
     }, props)
   );
 }
 function TableBody(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     "tbody",
     __spreadValues({
       "data-slot": "table-body",
-      className: (0, import_cn15.cn)("[&_tr:last-child]:border-0", className)
+      className: (0, import_cn27.cn)("[&_tr:last-child]:border-0", className)
     }, props)
   );
 }
 function TableRow(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     "tr",
     __spreadValues({
       "data-slot": "table-row",
-      className: (0, import_cn15.cn)(
+      className: (0, import_cn27.cn)(
         "border-b transition-colors hover:bg-muted/50 has-aria-expanded:bg-muted/50 data-[state=selected]:bg-muted",
         className
       )
@@ -1893,11 +2910,11 @@ function TableRow(_a) {
 }
 function TableHead(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     "th",
     __spreadValues({
       "data-slot": "table-head",
-      className: (0, import_cn15.cn)(
+      className: (0, import_cn27.cn)(
         "h-10 px-2 text-left align-middle font-medium whitespace-nowrap text-foreground [&:has([role=checkbox])]:pr-0",
         className
       )
@@ -1906,11 +2923,11 @@ function TableHead(_a) {
 }
 function TableCell(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     "td",
     __spreadValues({
       "data-slot": "table-cell",
-      className: (0, import_cn15.cn)(
+      className: (0, import_cn27.cn)(
         "p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0",
         className
       )
@@ -1946,20 +2963,20 @@ var features = (0, import_react_table.tableFeatures)({
 
 // src/components/composed/data-table/table-content-body.tsx
 var import_react_table2 = require("@tanstack/react-table");
-var import_lucide_react9 = require("lucide-react");
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_lucide_react11 = require("lucide-react");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 function DataTableContentBody({
   table,
   columns
 }) {
   const rows = table.getRowModel().rows;
   if (rows == null ? void 0 : rows.length) {
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(TableBody, { children: rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(TableRow, { children: row.getVisibleCells().map((cell) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(TableCell, { children: (0, import_react_table2.flexRender)(cell.column.columnDef.cell, cell.getContext()) }, cell.id)) }, row.id)) });
+    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(TableBody, { children: rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(TableRow, { children: row.getVisibleCells().map((cell) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(TableCell, { children: (0, import_react_table2.flexRender)(cell.column.columnDef.cell, cell.getContext()) }, cell.id)) }, row.id)) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(TableBody, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(TableCell, { colSpan: columns.length, className: "h-48 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(TableBody, { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(TableCell, { colSpan: columns.length, className: "h-48 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
     StateEmpty,
     {
-      icon: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react9.SearchXIcon, {}),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_lucide_react11.SearchXIcon, {}),
       title: "No matching results",
       description: "No records matched your search query or filter criteria.",
       buttonText: "Clear search & filters",
@@ -1973,18 +2990,18 @@ function DataTableContentBody({
 
 // src/components/composed/data-table/table-content-header.tsx
 var import_react_table3 = require("@tanstack/react-table");
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 function DataTableContentHeader({
   table
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TableRow, { children: headerGroup.headers.map((header) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TableHead, { children: header.isPlaceholder ? null : (0, import_react_table3.flexRender)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(TableRow, { children: headerGroup.headers.map((header) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(TableHead, { children: header.isPlaceholder ? null : (0, import_react_table3.flexRender)(
     header.column.columnDef.header,
     header.getContext()
   ) }, header.id)) }, headerGroup.id)) });
 }
 
 // src/components/composed/data-table/table-footer-entries.tsx
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 function DataTableFooterEntries({
   table
 }) {
@@ -1995,131 +3012,131 @@ function DataTableFooterEntries({
   const totalRows = table.getFilteredRowModel().rows.length;
   const startRow = totalRows === 0 ? 0 : pageIndex * pageSize + 1;
   const endRow = Math.min((pageIndex + 1) * pageSize, totalRows);
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex-1 text-xs text-muted-foreground", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex-1 text-xs text-muted-foreground", children: [
     "Showing",
     " ",
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("span", { className: "font-medium text-foreground", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("span", { className: "font-medium text-foreground", children: [
       startRow,
       "-",
       endRow
     ] }),
     " ",
     "of ",
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "font-medium text-foreground", children: totalRows }),
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "font-medium text-foreground", children: totalRows }),
     " ",
     "entries."
   ] });
 }
 
 // src/components/composed/data-table/table-footer-pagination.tsx
-var import_lucide_react10 = require("lucide-react");
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_lucide_react12 = require("lucide-react");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 function DataTableFooterPagination({
   table
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-center gap-1", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(Tooltip, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-center gap-1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(Tooltip, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
         TooltipTrigger,
         {
-          render: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+          render: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
             Button,
             {
               variant: "outline",
               size: "icon-xs",
               onClick: () => table.firstPage(),
               disabled: !table.getCanPreviousPage(),
-              children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react10.ChevronsLeftIcon, {})
+              children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react12.ChevronsLeftIcon, {})
             }
           )
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TooltipContent, { children: "Go to first page" })
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(TooltipContent, { children: "Go to first page" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(Tooltip, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(Tooltip, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
         TooltipTrigger,
         {
-          render: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+          render: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
             Button,
             {
               variant: "outline",
               size: "icon-xs",
               onClick: () => table.previousPage(),
               disabled: !table.getCanPreviousPage(),
-              children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react10.ChevronLeftIcon, {})
+              children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react12.ChevronLeftIcon, {})
             }
           )
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TooltipContent, { children: "Go to previous page" })
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(TooltipContent, { children: "Go to previous page" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(Tooltip, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(Tooltip, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
         TooltipTrigger,
         {
-          render: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+          render: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
             Button,
             {
               variant: "outline",
               size: "icon-xs",
               onClick: () => table.nextPage(),
               disabled: !table.getCanNextPage(),
-              children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react10.ChevronRightIcon, {})
+              children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react12.ChevronRightIcon, {})
             }
           )
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TooltipContent, { children: "Go to next page" })
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(TooltipContent, { children: "Go to next page" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(Tooltip, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(Tooltip, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
         TooltipTrigger,
         {
-          render: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+          render: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
             Button,
             {
               variant: "outline",
               size: "icon-xs",
               onClick: () => table.lastPage(),
               disabled: !table.getCanNextPage(),
-              children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react10.ChevronsRightIcon, {})
+              children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react12.ChevronsRightIcon, {})
             }
           )
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TooltipContent, { children: "Go to last page" })
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(TooltipContent, { children: "Go to last page" })
     ] })
   ] });
 }
 
 // src/components/composed/data-table/table-header-add.tsx
-var import_lucide_react11 = require("lucide-react");
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_lucide_react13 = require("lucide-react");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 function DataTableHeaderAdd({
   onAdd,
   addLabel
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_jsx_runtime26.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(Tooltip, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_jsx_runtime36.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(Tooltip, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
         TooltipTrigger,
         {
           className: "flex sm:hidden",
-          render: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Button, { variant: "default", size: "icon", onClick: onAdd, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react11.PlusIcon, {}) })
+          render: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Button, { variant: "default", size: "icon", onClick: onAdd, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react13.PlusIcon, {}) })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TooltipContent, { children: addLabel != null ? addLabel : "Add" })
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(TooltipContent, { children: addLabel != null ? addLabel : "Add" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(Button, { variant: "default", onClick: onAdd, className: "hidden sm:flex", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react11.PlusIcon, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(Button, { variant: "default", onClick: onAdd, className: "hidden sm:flex", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react13.PlusIcon, {}),
       addLabel != null ? addLabel : "Add"
     ] })
   ] });
 }
 
 // src/components/composed/data-table/table-header-download.tsx
-var import_lucide_react12 = require("lucide-react");
+var import_lucide_react14 = require("lucide-react");
 
 // src/components/composed/data-table/export.ts
 var XLSX = __toESM(require("xlsx"));
@@ -2259,7 +3276,7 @@ function printTable(headers, rows, title = "Data Export") {
 }
 
 // src/components/composed/data-table/table-header-download.tsx
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 function getTableExportData(table) {
   const columns = table.getAllColumns().filter(
     (col) => typeof col.accessorFn !== "undefined" && col.getIsVisible()
@@ -2302,25 +3319,25 @@ function DataTableHeaderDownload({
   exportFilename,
   onDownload
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(DropdownMenu, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(Tooltip, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(DropdownMenu, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(Tooltip, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
         DropdownMenuTrigger,
         {
-          render: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+          render: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
             TooltipTrigger,
             {
-              render: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Button, { variant: "outline", size: "icon", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react12.DownloadIcon, {}) })
+              render: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Button, { variant: "outline", size: "icon", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react14.DownloadIcon, {}) })
             }
           )
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(TooltipContent, { children: "Download options" })
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(TooltipContent, { children: "Download options" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(DropdownMenuContent, { align: "end", className: "w-48", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(DropdownMenuGroup, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(DropdownMenuLabel, { children: "Download data" }),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(DropdownMenuSeparator, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(DropdownMenuContent, { align: "end", className: "w-48", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(DropdownMenuGroup, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(DropdownMenuLabel, { children: "Download data" }),
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(DropdownMenuSeparator, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
         DropdownMenuItem,
         {
           className: "hover:cursor-pointer",
@@ -2330,12 +3347,12 @@ function DataTableHeaderDownload({
             onDownload == null ? void 0 : onDownload();
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react12.FileTextIcon, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react14.FileTextIcon, {}),
             "Download PDF"
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
         DropdownMenuItem,
         {
           className: "hover:cursor-pointer",
@@ -2345,12 +3362,12 @@ function DataTableHeaderDownload({
             onDownload == null ? void 0 : onDownload();
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react12.FileSpreadsheetIcon, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react14.FileSpreadsheetIcon, {}),
             "Download Excel"
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
         DropdownMenuItem,
         {
           className: "hover:cursor-pointer",
@@ -2360,13 +3377,13 @@ function DataTableHeaderDownload({
             onDownload == null ? void 0 : onDownload();
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react12.FileCodeIcon, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react14.FileCodeIcon, {}),
             "Download CSV"
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(DropdownMenuSeparator, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(DropdownMenuSeparator, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
         DropdownMenuItem,
         {
           className: "hover:cursor-pointer",
@@ -2375,7 +3392,7 @@ function DataTableHeaderDownload({
             printTable(headers, rows, exportFilename);
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react12.PrinterIcon, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react14.PrinterIcon, {}),
             "Print Table"
           ]
         }
@@ -2386,15 +3403,15 @@ function DataTableHeaderDownload({
 
 // src/components/composed/data-table/table-header-filter.tsx
 var import_date_fns = require("date-fns");
-var import_lucide_react15 = require("lucide-react");
-var import_react9 = require("react");
+var import_lucide_react17 = require("lucide-react");
+var import_react18 = require("react");
 
 // src/components/ui/calendar.tsx
-var import_cn16 = require("cn");
-var import_lucide_react13 = require("lucide-react");
+var import_cn28 = require("cn");
+var import_lucide_react15 = require("lucide-react");
 var React3 = __toESM(require("react"));
 var import_react_day_picker = require("react-day-picker");
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 function Calendar(_a) {
   var _b = _a, {
     className,
@@ -2416,11 +3433,11 @@ function Calendar(_a) {
     "components"
   ]);
   const defaultClassNames = (0, import_react_day_picker.getDefaultClassNames)();
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
     import_react_day_picker.DayPicker,
     __spreadValues({
       showOutsideDays,
-      className: (0, import_cn16.cn)(
+      className: (0, import_cn28.cn)(
         "group/calendar bg-background p-3 [--cell-radius:var(--radius-md)] [--cell-size:--spacing(6)] in-data-[slot=card-content]:bg-transparent in-data-[slot=popover-content]:bg-transparent",
         String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
         String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
@@ -2432,124 +3449,124 @@ function Calendar(_a) {
         formatMonthDropdown: (date) => date.toLocaleString(locale == null ? void 0 : locale.code, { month: "short" })
       }, formatters),
       classNames: __spreadValues({
-        root: (0, import_cn16.cn)("w-fit", defaultClassNames.root),
-        months: (0, import_cn16.cn)(
+        root: (0, import_cn28.cn)("w-fit", defaultClassNames.root),
+        months: (0, import_cn28.cn)(
           "relative flex flex-col gap-4 md:flex-row",
           defaultClassNames.months
         ),
-        month: (0, import_cn16.cn)("flex w-full flex-col gap-4", defaultClassNames.month),
-        nav: (0, import_cn16.cn)(
+        month: (0, import_cn28.cn)("flex w-full flex-col gap-4", defaultClassNames.month),
+        nav: (0, import_cn28.cn)(
           "absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1",
           defaultClassNames.nav
         ),
-        button_previous: (0, import_cn16.cn)(
+        button_previous: (0, import_cn28.cn)(
           buttonVariants({ variant: buttonVariant }),
           "size-(--cell-size) p-0 select-none aria-disabled:opacity-50",
           defaultClassNames.button_previous
         ),
-        button_next: (0, import_cn16.cn)(
+        button_next: (0, import_cn28.cn)(
           buttonVariants({ variant: buttonVariant }),
           "size-(--cell-size) p-0 select-none aria-disabled:opacity-50",
           defaultClassNames.button_next
         ),
-        month_caption: (0, import_cn16.cn)(
+        month_caption: (0, import_cn28.cn)(
           "flex h-(--cell-size) w-full items-center justify-center px-(--cell-size)",
           defaultClassNames.month_caption
         ),
-        dropdowns: (0, import_cn16.cn)(
+        dropdowns: (0, import_cn28.cn)(
           "flex h-(--cell-size) w-full items-center justify-center gap-1.5 text-sm font-medium",
           defaultClassNames.dropdowns
         ),
-        dropdown_root: (0, import_cn16.cn)(
+        dropdown_root: (0, import_cn28.cn)(
           "relative rounded-(--cell-radius)",
           defaultClassNames.dropdown_root
         ),
-        dropdown: (0, import_cn16.cn)(
+        dropdown: (0, import_cn28.cn)(
           "absolute inset-0 bg-popover opacity-0",
           defaultClassNames.dropdown
         ),
-        caption_label: (0, import_cn16.cn)(
+        caption_label: (0, import_cn28.cn)(
           "font-medium select-none",
           captionLayout === "label" ? "text-sm" : "flex items-center gap-1 rounded-(--cell-radius) text-sm [&>svg]:size-3.5 [&>svg]:text-muted-foreground",
           defaultClassNames.caption_label
         ),
-        month_grid: (0, import_cn16.cn)("w-full border-collapse", defaultClassNames.month_grid),
-        weekdays: (0, import_cn16.cn)("flex", defaultClassNames.weekdays),
-        weekday: (0, import_cn16.cn)(
+        month_grid: (0, import_cn28.cn)("w-full border-collapse", defaultClassNames.month_grid),
+        weekdays: (0, import_cn28.cn)("flex", defaultClassNames.weekdays),
+        weekday: (0, import_cn28.cn)(
           "flex-1 rounded-(--cell-radius) text-[0.8rem] font-normal text-muted-foreground select-none",
           defaultClassNames.weekday
         ),
-        week: (0, import_cn16.cn)("mt-2 flex w-full", defaultClassNames.week),
-        week_number_header: (0, import_cn16.cn)(
+        week: (0, import_cn28.cn)("mt-2 flex w-full", defaultClassNames.week),
+        week_number_header: (0, import_cn28.cn)(
           "w-(--cell-size) select-none",
           defaultClassNames.week_number_header
         ),
-        week_number: (0, import_cn16.cn)(
+        week_number: (0, import_cn28.cn)(
           "text-[0.8rem] text-muted-foreground select-none",
           defaultClassNames.week_number
         ),
-        day: (0, import_cn16.cn)(
+        day: (0, import_cn28.cn)(
           "group/day relative aspect-square h-full w-full rounded-(--cell-radius) p-0 text-center select-none [&:last-child[data-selected=true]_button]:rounded-r-(--cell-radius)",
           props.showWeekNumber ? "[&:nth-child(2)[data-selected=true]_button]:rounded-l-(--cell-radius)" : "[&:first-child[data-selected=true]_button]:rounded-l-(--cell-radius)",
           defaultClassNames.day
         ),
-        range_start: (0, import_cn16.cn)(
+        range_start: (0, import_cn28.cn)(
           "relative isolate z-0 rounded-l-(--cell-radius) bg-muted after:absolute after:inset-y-0 after:right-0 after:w-4 after:bg-muted",
           defaultClassNames.range_start
         ),
-        range_middle: (0, import_cn16.cn)("rounded-none", defaultClassNames.range_middle),
-        range_end: (0, import_cn16.cn)(
+        range_middle: (0, import_cn28.cn)("rounded-none", defaultClassNames.range_middle),
+        range_end: (0, import_cn28.cn)(
           "relative isolate z-0 rounded-r-(--cell-radius) bg-muted after:absolute after:inset-y-0 after:left-0 after:w-4 after:bg-muted",
           defaultClassNames.range_end
         ),
-        today: (0, import_cn16.cn)(
+        today: (0, import_cn28.cn)(
           "rounded-(--cell-radius) bg-muted text-foreground data-[selected=true]:rounded-none",
           defaultClassNames.today
         ),
-        outside: (0, import_cn16.cn)(
+        outside: (0, import_cn28.cn)(
           "text-muted-foreground aria-selected:text-muted-foreground",
           defaultClassNames.outside
         ),
-        disabled: (0, import_cn16.cn)(
+        disabled: (0, import_cn28.cn)(
           "text-muted-foreground opacity-50",
           defaultClassNames.disabled
         ),
-        hidden: (0, import_cn16.cn)("invisible", defaultClassNames.hidden)
+        hidden: (0, import_cn28.cn)("invisible", defaultClassNames.hidden)
       }, classNames),
       components: __spreadValues({
         Root: (_a2) => {
           var _b2 = _a2, { className: className2, rootRef } = _b2, props2 = __objRest(_b2, ["className", "rootRef"]);
-          return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
             "div",
             __spreadValues({
               "data-slot": "calendar",
               ref: rootRef,
-              className: (0, import_cn16.cn)(className2)
+              className: (0, import_cn28.cn)(className2)
             }, props2)
           );
         },
         Chevron: (_c) => {
           var _d = _c, { className: className2, orientation } = _d, props2 = __objRest(_d, ["className", "orientation"]);
           if (orientation === "left") {
-            return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react13.ChevronLeftIcon, __spreadValues({ className: (0, import_cn16.cn)("size-4", className2) }, props2));
+            return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react15.ChevronLeftIcon, __spreadValues({ className: (0, import_cn28.cn)("size-4", className2) }, props2));
           }
           if (orientation === "right") {
-            return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-              import_lucide_react13.ChevronRightIcon,
+            return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+              import_lucide_react15.ChevronRightIcon,
               __spreadValues({
-                className: (0, import_cn16.cn)("size-4", className2)
+                className: (0, import_cn28.cn)("size-4", className2)
               }, props2)
             );
           }
-          return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react13.ChevronDownIcon, __spreadValues({ className: (0, import_cn16.cn)("size-4", className2) }, props2));
+          return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react15.ChevronDownIcon, __spreadValues({ className: (0, import_cn28.cn)("size-4", className2) }, props2));
         },
         DayButton: (_e) => {
           var props2 = __objRest(_e, []);
-          return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(CalendarDayButton, __spreadValues({ locale }, props2));
+          return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(CalendarDayButton, __spreadValues({ locale }, props2));
         },
         WeekNumber: (_f) => {
           var _g = _f, { children } = _g, props2 = __objRest(_g, ["children"]);
-          return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("td", __spreadProps(__spreadValues({}, props2), { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children }) }));
+          return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("td", __spreadProps(__spreadValues({}, props2), { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children }) }));
         }
       }, components)
     }, props)
@@ -2573,7 +3590,7 @@ function CalendarDayButton(_a) {
     var _a2;
     if (modifiers.focused) (_a2 = ref.current) == null ? void 0 : _a2.focus();
   }, [modifiers.focused]);
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
     Button,
     __spreadValues({
       variant: "ghost",
@@ -2583,7 +3600,7 @@ function CalendarDayButton(_a) {
       "data-range-start": modifiers.range_start,
       "data-range-end": modifiers.range_end,
       "data-range-middle": modifiers.range_middle,
-      className: (0, import_cn16.cn)(
+      className: (0, import_cn28.cn)(
         "relative isolate z-10 flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 border-0 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-[3px] group-data-[focused=true]/day:ring-ring/50 data-[range-end=true]:rounded-(--cell-radius) data-[range-end=true]:rounded-r-(--cell-radius) data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground data-[range-middle=true]:rounded-none data-[range-middle=true]:bg-muted data-[range-middle=true]:text-foreground data-[range-start=true]:rounded-(--cell-radius) data-[range-start=true]:rounded-l-(--cell-radius) data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground dark:hover:text-foreground [&>span]:text-xs [&>span]:opacity-70",
         defaultClassNames.day,
         className
@@ -2594,15 +3611,15 @@ function CalendarDayButton(_a) {
 
 // src/components/ui/popover.tsx
 var import_popover = require("@base-ui/react/popover");
-var import_cn17 = require("cn");
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_cn29 = require("cn");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 function Popover(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_popover.Popover.Root, __spreadValues({ "data-slot": "popover" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_popover.Popover.Root, __spreadValues({ "data-slot": "popover" }, props));
 }
 function PopoverTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_popover.Popover.Trigger, __spreadValues({ "data-slot": "popover-trigger" }, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_popover.Popover.Trigger, __spreadValues({ "data-slot": "popover-trigger" }, props));
 }
 function PopoverContent(_a) {
   var _b = _a, {
@@ -2618,7 +3635,7 @@ function PopoverContent(_a) {
     "side",
     "sideOffset"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_popover.Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_popover.Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     import_popover.Popover.Positioner,
     {
       align,
@@ -2626,11 +3643,11 @@ function PopoverContent(_a) {
       side,
       sideOffset,
       className: "isolate z-50",
-      children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
         import_popover.Popover.Popup,
         __spreadValues({
           "data-slot": "popover-content",
-          className: (0, import_cn17.cn)(
+          className: (0, import_cn29.cn)(
             "z-50 flex w-72 origin-(--transform-origin) flex-col gap-4 rounded-lg bg-popover p-2.5 text-xs text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
             className
           )
@@ -2642,17 +3659,17 @@ function PopoverContent(_a) {
 
 // src/components/ui/select.tsx
 var import_select = require("@base-ui/react/select");
-var import_cn18 = require("cn");
-var import_lucide_react14 = require("lucide-react");
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_cn30 = require("cn");
+var import_lucide_react16 = require("lucide-react");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 var Select = import_select.Select.Root;
 function SelectValue(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
     import_select.Select.Value,
     __spreadValues({
       "data-slot": "select-value",
-      className: (0, import_cn18.cn)("flex flex-1 text-left", className)
+      className: (0, import_cn30.cn)("flex flex-1 text-left", className)
     }, props)
   );
 }
@@ -2666,22 +3683,22 @@ function SelectTrigger(_a) {
     "size",
     "children"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
     import_select.Select.Trigger,
     __spreadProps(__spreadValues({
       "data-slot": "select-trigger",
       "data-size": size,
-      className: (0, import_cn18.cn)(
+      className: (0, import_cn30.cn)(
         "flex w-fit items-center justify-between gap-1.5 rounded-md border border-input bg-input/20 px-2 py-1.5 text-xs/relaxed whitespace-nowrap transition-colors outline-none focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/30 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20 data-placeholder:text-muted-foreground data-[size=default]:h-7 data-[size=sm]:h-6 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-3.5",
         className
       )
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
           import_select.Select.Icon,
           {
-            render: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react14.ChevronDownIcon, { className: "pointer-events-none size-3.5 text-muted-foreground" })
+            render: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react16.ChevronDownIcon, { className: "pointer-events-none size-3.5 text-muted-foreground" })
           }
         )
       ]
@@ -2706,7 +3723,7 @@ function SelectContent(_a) {
     "alignOffset",
     "alignItemWithTrigger"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_select.Select.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_select.Select.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
     import_select.Select.Positioner,
     {
       side,
@@ -2715,20 +3732,20 @@ function SelectContent(_a) {
       alignOffset,
       alignItemWithTrigger,
       className: "isolate z-50",
-      children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
         import_select.Select.Popup,
         __spreadProps(__spreadValues({
           "data-slot": "select-content",
           "data-align-trigger": alignItemWithTrigger,
-          className: (0, import_cn18.cn)(
+          className: (0, import_cn30.cn)(
             "relative isolate z-50 max-h-(--available-height) w-(--anchor-width) min-w-32 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-lg bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[align-trigger=true]:animate-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
             className
           )
         }, props), {
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SelectScrollUpButton, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_select.Select.List, { children }),
-            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SelectScrollDownButton, {})
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(SelectScrollUpButton, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_select.Select.List, { children }),
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(SelectScrollDownButton, {})
           ]
         })
       )
@@ -2743,22 +3760,22 @@ function SelectItem(_a) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
     import_select.Select.Item,
     __spreadProps(__spreadValues({
       "data-slot": "select-item",
-      className: (0, import_cn18.cn)(
+      className: (0, import_cn30.cn)(
         "relative flex min-h-7 w-full cursor-default items-center gap-2 rounded-md px-2 py-1 text-xs/relaxed outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-3.5 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
         className
       )
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_select.Select.ItemText, { className: "flex flex-1 shrink-0 gap-2 whitespace-nowrap", children }),
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_select.Select.ItemText, { className: "flex flex-1 shrink-0 gap-2 whitespace-nowrap", children }),
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
           import_select.Select.ItemIndicator,
           {
-            render: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "pointer-events-none absolute right-2 flex items-center justify-center" }),
-            children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react14.CheckIcon, { className: "pointer-events-none" })
+            render: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "pointer-events-none absolute right-2 flex items-center justify-center" }),
+            children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react16.CheckIcon, { className: "pointer-events-none" })
           }
         )
       ]
@@ -2771,16 +3788,16 @@ function SelectScrollUpButton(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
     import_select.Select.ScrollUpArrow,
     __spreadProps(__spreadValues({
       "data-slot": "select-scroll-up-button",
-      className: (0, import_cn18.cn)(
+      className: (0, import_cn30.cn)(
         "top-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-3.5",
         className
       )
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react14.ChevronUpIcon, {})
+      children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react16.ChevronUpIcon, {})
     })
   );
 }
@@ -2790,22 +3807,22 @@ function SelectScrollDownButton(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
     import_select.Select.ScrollDownArrow,
     __spreadProps(__spreadValues({
       "data-slot": "select-scroll-down-button",
-      className: (0, import_cn18.cn)(
+      className: (0, import_cn30.cn)(
         "bottom-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-3.5",
         className
       )
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react14.ChevronDownIcon, {})
+      children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react16.ChevronDownIcon, {})
     })
   );
 }
 
 // src/components/composed/data-table/table-header-filter.tsx
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 function smartFilterFn(row, columnId, filterValue) {
   var _a, _b, _c;
   if (filterValue === void 0 || filterValue === null || filterValue === "" || filterValue === "all") {
@@ -2946,13 +3963,13 @@ function ColumnFilterInput({
   table,
   headerText
 }) {
-  const [calendarOpen, setCalendarOpen] = (0, import_react9.useState)(false);
+  const [calendarOpen, setCalendarOpen] = (0, import_react18.useState)(false);
   const filterValue = column.getFilterValue();
-  const variant = (0, import_react9.useMemo)(
+  const variant = (0, import_react18.useMemo)(
     () => getFilterVariant(column, table),
     [column, table]
   );
-  const options = (0, import_react9.useMemo)(() => {
+  const options = (0, import_react18.useMemo)(() => {
     if (variant === "boolean") {
       return [
         { label: "True / Yes", value: "true" },
@@ -2966,7 +3983,7 @@ function ColumnFilterInput({
   }, [column, table, variant]);
   if (variant === "boolean" || variant === "select") {
     const currentValue = filterValue === void 0 || filterValue === null || filterValue === "" ? "all" : String(filterValue);
-    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "relative flex items-center w-full", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "relative flex items-center w-full", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
       Select,
       {
         value: currentValue,
@@ -2978,13 +3995,13 @@ function ColumnFilterInput({
           }
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
             SelectTrigger,
             {
               className: "w-full",
               onKeyDown: (e) => e.stopPropagation(),
               onPointerDown: (e) => e.stopPropagation(),
-              children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                 SelectValue,
                 {
                   placeholder: `Select ${headerText.toLowerCase()}...`,
@@ -2993,9 +4010,9 @@ function ColumnFilterInput({
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(SelectContent, { align: "start", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SelectItem, { value: "all", children: "All" }),
-            options.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(SelectContent, { align: "start", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SelectItem, { value: "all", children: "All" }),
+            options.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
               SelectItem,
               {
                 value: opt.value,
@@ -3022,36 +4039,36 @@ function ColumnFilterInput({
       }
     }
     const formattedDateLabel = dateObj ? (0, import_date_fns.format)(dateObj, "yyyy-MM-dd") : "";
-    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "relative flex items-center w-full", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(Popover, { open: calendarOpen, onOpenChange: setCalendarOpen, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "relative flex items-center w-full", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(Popover, { open: calendarOpen, onOpenChange: setCalendarOpen, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
         PopoverTrigger,
         {
-          render: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+          render: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
             Button,
             {
               variant: "outline",
-              className: (0, import_cn14.cn)(
+              className: (0, import_cn26.cn)(
                 "w-full justify-start",
                 !formattedDateLabel && "text-muted-foreground"
               ),
               onKeyDown: (e) => e.stopPropagation(),
               onPointerDown: (e) => e.stopPropagation(),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react15.CalendarIcon, { className: "mr-1 size-3 shrink-0" }),
-                /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "truncate", children: formattedDateLabel || `Pick ${headerText.toLowerCase()}...` })
+                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react17.CalendarIcon, { className: "mr-1 size-3 shrink-0" }),
+                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "truncate", children: formattedDateLabel || `Pick ${headerText.toLowerCase()}...` })
               ]
             }
           )
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
         PopoverContent,
         {
           className: "w-auto p-0",
           align: "start",
           onPointerDown: (e) => e.stopPropagation(),
           onKeyDown: (e) => e.stopPropagation(),
-          children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
             Calendar,
             {
               mode: "single",
@@ -3070,7 +4087,7 @@ function ColumnFilterInput({
       )
     ] }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "relative flex items-center w-full", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "relative flex items-center w-full", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     Input,
     {
       id: `filter-${column.id}`,
@@ -3087,46 +4104,46 @@ function DataTableHeaderFilter({
   table,
   columnFilters
 }) {
-  const filterableColumns = (0, import_react9.useMemo)(
+  const filterableColumns = (0, import_react18.useMemo)(
     () => table.getAllColumns().filter(
       (column) => typeof column.accessorFn !== "undefined" && column.getCanFilter()
     ),
     [table]
   );
   if (filterableColumns.length === 0) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(DropdownMenu, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(Tooltip, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(DropdownMenu, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(Tooltip, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
         DropdownMenuTrigger,
         {
-          render: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+          render: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
             TooltipTrigger,
             {
-              render: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+              render: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                 Button,
                 {
                   variant: columnFilters.length > 0 ? "secondary" : "outline",
                   size: "icon",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react15.ListFilterIcon, {})
+                  children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react17.ListFilterIcon, {})
                 }
               )
             }
           )
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(TooltipContent, { children: "Filter options" })
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(TooltipContent, { children: "Filter options" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(DropdownMenuContent, { align: "end", className: "w-80", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(DropdownMenuGroup, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(DropdownMenuLabel, { children: "Filter by column" }),
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(DropdownMenuSeparator, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "max-h-64 overflow-y-auto space-y-2.5 p-1", children: filterableColumns.map((column) => {
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(DropdownMenuContent, { align: "end", className: "w-80", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(DropdownMenuGroup, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(DropdownMenuLabel, { children: "Filter by column" }),
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(DropdownMenuSeparator, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "max-h-64 overflow-y-auto space-y-2.5 p-1", children: filterableColumns.map((column) => {
         const headerText = typeof column.columnDef.header === "string" ? column.columnDef.header : column.id;
-        return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
           "div",
           {
             className: "flex items-center justify-between px-1",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                 "label",
                 {
                   htmlFor: `filter-${column.id}`,
@@ -3134,7 +4151,7 @@ function DataTableHeaderFilter({
                   children: headerText
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                 ColumnFilterInput,
                 {
                   column,
@@ -3147,9 +4164,9 @@ function DataTableHeaderFilter({
           column.id
         );
       }) }),
-      columnFilters.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_jsx_runtime31.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(DropdownMenuSeparator, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+      columnFilters.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_jsx_runtime41.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(DropdownMenuSeparator, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
           DropdownMenuItem,
           {
             className: "hover:cursor-pointer text-destructive focus:text-destructive",
@@ -3163,13 +4180,13 @@ function DataTableHeaderFilter({
 }
 
 // src/components/composed/data-table/table-header-refresh.tsx
-var import_lucide_react16 = require("lucide-react");
+var import_lucide_react18 = require("lucide-react");
 var import_navigation2 = require("next/navigation");
-var import_react10 = require("react");
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_react19 = require("react");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 function DataTableHeaderRefresh() {
   const router = (0, import_navigation2.useRouter)();
-  const [isRefreshing, setIsRefreshing] = (0, import_react10.useState)(false);
+  const [isRefreshing, setIsRefreshing] = (0, import_react19.useState)(false);
   const handleRefresh = () => {
     setIsRefreshing(true);
     router.refresh();
@@ -3177,21 +4194,21 @@ function DataTableHeaderRefresh() {
       setIsRefreshing(false);
     }, 750);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(Tooltip, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(Tooltip, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
       TooltipTrigger,
       {
-        render: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+        render: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
           Button,
           {
             variant: "outline",
             size: "icon",
             onClick: handleRefresh,
             disabled: isRefreshing,
-            children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-              import_lucide_react16.RotateCwIcon,
+            children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+              import_lucide_react18.RotateCwIcon,
               {
-                className: (0, import_cn14.cn)(
+                className: (0, import_cn26.cn)(
                   "transition-transform duration-750",
                   isRefreshing && "animate-spin"
                 )
@@ -3201,19 +4218,19 @@ function DataTableHeaderRefresh() {
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(TooltipContent, { children: "Refresh data" })
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(TooltipContent, { children: "Refresh data" })
   ] });
 }
 
 // src/components/composed/data-table/table-header-search.tsx
-var import_lucide_react17 = require("lucide-react");
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_lucide_react19 = require("lucide-react");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 function DataTableHeaderSearch({
   value = "",
   onChange
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "relative flex items-center max-w-sm w-full", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "relative flex items-center max-w-sm w-full", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
       Input,
       {
         placeholder: "Search...",
@@ -3222,56 +4239,56 @@ function DataTableHeaderSearch({
         className: "pr-7"
       }
     ),
-    Boolean(value) && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+    Boolean(value) && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
       "button",
       {
         type: "button",
         onClick: () => onChange(""),
         className: "absolute right-2 text-muted-foreground hover:text-foreground p-0.5 rounded cursor-pointer",
         "aria-label": "Clear search text",
-        children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react17.XIcon, { className: "size-3.5" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react19.XIcon, { className: "size-3.5" })
       }
     )
   ] });
 }
 
 // src/components/composed/data-table/table-header-sort.tsx
-var import_lucide_react18 = require("lucide-react");
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_lucide_react20 = require("lucide-react");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 function DataTableHeaderSort({
   table,
   sorting
 }) {
   const sortableColumns = table.getAllColumns().filter((column) => column.getCanSort());
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(DropdownMenu, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(Tooltip, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(DropdownMenu, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(Tooltip, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
         DropdownMenuTrigger,
         {
-          render: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+          render: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
             TooltipTrigger,
             {
-              render: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+              render: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
                 Button,
                 {
                   variant: sorting.length > 0 ? "secondary" : "outline",
                   size: "icon",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react18.ArrowUpDownIcon, {})
+                  children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react20.ArrowUpDownIcon, {})
                 }
               )
             }
           )
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(TooltipContent, { children: "Sort options" })
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(TooltipContent, { children: "Sort options" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(DropdownMenuContent, { align: "end", className: "w-48", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(DropdownMenuGroup, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(DropdownMenuLabel, { children: "Sort by column" }),
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(DropdownMenuSeparator, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(DropdownMenuContent, { align: "end", className: "w-48", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(DropdownMenuGroup, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(DropdownMenuLabel, { children: "Sort by column" }),
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(DropdownMenuSeparator, {}),
       sortableColumns.map((column) => {
         const isSorted = column.getIsSorted();
         const headerText = typeof column.columnDef.header === "string" ? column.columnDef.header : column.id;
-        return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
           DropdownMenuItem,
           {
             className: "flex items-center justify-between hover:cursor-pointer capitalize",
@@ -3286,16 +4303,16 @@ function DataTableHeaderSort({
             },
             children: [
               headerText,
-              isSorted === "asc" && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react18.ArrowUpIcon, { className: "size-3.5" }),
-              isSorted === "desc" && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react18.ArrowDownIcon, { className: "size-3.5" })
+              isSorted === "asc" && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react20.ArrowUpIcon, { className: "size-3.5" }),
+              isSorted === "desc" && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react20.ArrowDownIcon, { className: "size-3.5" })
             ]
           },
           column.id
         );
       }),
-      sorting.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(DropdownMenuSeparator, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+      sorting.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_jsx_runtime44.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(DropdownMenuSeparator, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
           DropdownMenuItem,
           {
             className: "hover:cursor-pointer text-destructive focus:text-destructive",
@@ -3309,34 +4326,34 @@ function DataTableHeaderSort({
 }
 
 // src/components/composed/data-table/table-header-toggle.tsx
-var import_lucide_react19 = require("lucide-react");
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_lucide_react21 = require("lucide-react");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 function DataTableHeaderToggle({
   table
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(DropdownMenu, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(Tooltip, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(DropdownMenu, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(Tooltip, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
         DropdownMenuTrigger,
         {
-          render: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+          render: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
             TooltipTrigger,
             {
-              render: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Button, { variant: "outline", size: "icon", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react19.Columns3CogIcon, {}) })
+              render: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Button, { variant: "outline", size: "icon", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react21.Columns3CogIcon, {}) })
             }
           )
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(TooltipContent, { children: "Toggle columns" })
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(TooltipContent, { children: "Toggle columns" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(DropdownMenuContent, { align: "end", className: "w-48", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(DropdownMenuGroup, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(DropdownMenuLabel, { children: "Toggle columns" }),
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(DropdownMenuSeparator, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(DropdownMenuContent, { align: "end", className: "w-48", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(DropdownMenuGroup, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(DropdownMenuLabel, { children: "Toggle columns" }),
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(DropdownMenuSeparator, {}),
       table.getAllColumns().filter(
         (column) => typeof column.accessorFn !== "undefined" && column.getCanHide()
       ).map((column) => {
         const headerText = typeof column.columnDef.header === "string" ? column.columnDef.header : column.id;
-        return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           DropdownMenuCheckboxItem,
           {
             className: "capitalize hover:cursor-pointer",
@@ -3352,9 +4369,9 @@ function DataTableHeaderToggle({
 }
 
 // src/components/composed/data-table/data-row-actions.tsx
-var import_lucide_react20 = require("lucide-react");
-var import_react11 = require("react");
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_lucide_react22 = require("lucide-react");
+var import_react20 = require("react");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 function RowActions({
   label = "Actions",
   items = [],
@@ -3368,50 +4385,50 @@ function RowActions({
   if (visibleItems.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     "div",
     {
-      className: (0, import_cn14.cn)("flex items-center justify-end w-full", containerClassName),
-      children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(DropdownMenu, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+      className: (0, import_cn26.cn)("flex items-center justify-end w-full", containerClassName),
+      children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(DropdownMenu, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
           DropdownMenuTrigger,
           {
-            render: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Button, { variant: "ghost", size: "icon-xs", "aria-label": triggerLabel, children: triggerIcon != null ? triggerIcon : /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react20.MoreHorizontal, { className: "size-4" }) })
+            render: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Button, { variant: "ghost", size: "icon-xs", "aria-label": triggerLabel, children: triggerIcon != null ? triggerIcon : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react22.MoreHorizontal, { className: "size-4" }) })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
           DropdownMenuContent,
           {
             align,
-            className: (0, import_cn14.cn)("w-40", contentClassName),
-            children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(DropdownMenuGroup, { children: [
-              label && /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_jsx_runtime36.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(DropdownMenuLabel, { children: label }),
-                /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(DropdownMenuSeparator, {})
+            className: (0, import_cn26.cn)("w-40", contentClassName),
+            children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(DropdownMenuGroup, { children: [
+              label && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_jsx_runtime46.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(DropdownMenuLabel, { children: label }),
+                /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(DropdownMenuSeparator, {})
               ] }),
               visibleItems.map((item, index) => {
                 var _a;
                 const itemKey = (_a = item.id) != null ? _a : `${item.label}-${index}`;
                 const isDestructive = item.variant === "destructive";
-                return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_react11.Fragment, { children: [
-                  item.separatorBefore && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(DropdownMenuSeparator, {}),
-                  /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+                return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_react20.Fragment, { children: [
+                  item.separatorBefore && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(DropdownMenuSeparator, {}),
+                  /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
                     DropdownMenuItem,
                     {
                       onClick: item.onClick,
                       disabled: item.disabled,
-                      className: (0, import_cn14.cn)(
+                      className: (0, import_cn26.cn)(
                         "hover:cursor-pointer flex items-center gap-2",
                         isDestructive && "text-destructive focus:text-destructive",
                         item.className
                       ),
                       children: [
-                        item.icon && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "size-4 shrink-0 flex items-center justify-center", children: item.icon }),
-                        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { children: item.label })
+                        item.icon && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "size-4 shrink-0 flex items-center justify-center", children: item.icon }),
+                        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { children: item.label })
                       ]
                     }
                   ),
-                  item.separatorAfter && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(DropdownMenuSeparator, {})
+                  item.separatorAfter && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(DropdownMenuSeparator, {})
                 ] }, itemKey);
               })
             ] })
@@ -3423,7 +4440,7 @@ function RowActions({
 }
 
 // src/components/composed/data-table/data-table.tsx
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 function DataTable({
   columns,
   data,
@@ -3441,12 +4458,12 @@ function DataTable({
   showAddButton = true
 }) {
   const router = (0, import_navigation3.useRouter)();
-  const [createOpen, setCreateOpen] = (0, import_react12.useState)(false);
-  const [sorting, setSorting] = (0, import_react12.useState)([]);
-  const [columnFilters, setColumnFilters] = (0, import_react12.useState)([]);
-  const [columnVisibility, setColumnVisibility] = (0, import_react12.useState)(initialColumnVisibility != null ? initialColumnVisibility : {});
-  const [globalFilter, setGlobalFilter] = (0, import_react12.useState)("");
-  const columnsWithSmartFilters = (0, import_react12.useMemo)(() => {
+  const [createOpen, setCreateOpen] = (0, import_react21.useState)(false);
+  const [sorting, setSorting] = (0, import_react21.useState)([]);
+  const [columnFilters, setColumnFilters] = (0, import_react21.useState)([]);
+  const [columnVisibility, setColumnVisibility] = (0, import_react21.useState)(initialColumnVisibility != null ? initialColumnVisibility : {});
+  const [globalFilter, setGlobalFilter] = (0, import_react21.useState)("");
+  const columnsWithSmartFilters = (0, import_react21.useMemo)(() => {
     return columns.map((col) => __spreadValues({
       filterFn: smartFilterFn
     }, col));
@@ -3476,12 +4493,12 @@ function DataTable({
   });
   if (data.length === 0) {
     const hasCreateAction = Boolean(renderCreateDialog);
-    return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
         StateEmpty,
         {
           state: "outline",
-          icon: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react21.FolderOpenIcon, { className: "size-6 text-muted-foreground" }),
+          icon: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react23.FolderOpenIcon, { className: "size-6 text-muted-foreground" }),
           title: "No Data Available",
           description: "There are currently no records to display. Create a new record to get started.",
           buttonText: hasCreateAction ? addLabel != null ? addLabel : "Add Record" : "Refresh",
@@ -3491,26 +4508,26 @@ function DataTable({
       renderCreateDialog == null ? void 0 : renderCreateDialog(createOpen, setCreateOpen)
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "space-y-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex flex-row items-center justify-between gap-1", children: [
-      showSearchInput ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex flex-row items-center justify-between gap-1", children: [
+      showSearchInput ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
         DataTableHeaderSearch,
         {
           value: globalFilter,
           onChange: setGlobalFilter
         }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", {}),
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex flex-row items-center gap-1", children: [
-        showRefreshButton && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(DataTableHeaderRefresh, {}),
-        showSortButton && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(DataTableHeaderSort, { table, sorting }),
-        showFilterButton && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      ) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", {}),
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex flex-row items-center gap-1", children: [
+        showRefreshButton && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(DataTableHeaderRefresh, {}),
+        showSortButton && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(DataTableHeaderSort, { table, sorting }),
+        showFilterButton && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
           DataTableHeaderFilter,
           {
             table,
             columnFilters
           }
         ),
-        showDownloadButton && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+        showDownloadButton && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
           DataTableHeaderDownload,
           {
             table,
@@ -3518,8 +4535,8 @@ function DataTable({
             onDownload
           }
         ),
-        showColumnToggleButton && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(DataTableHeaderToggle, { table }),
-        showAddButton && renderCreateDialog && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+        showColumnToggleButton && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(DataTableHeaderToggle, { table }),
+        showAddButton && renderCreateDialog && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
           DataTableHeaderAdd,
           {
             onAdd: () => setCreateOpen(true),
@@ -3529,13 +4546,13 @@ function DataTable({
       ] })
     ] }),
     renderCreateDialog == null ? void 0 : renderCreateDialog(createOpen, setCreateOpen),
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "overflow-hidden rounded-md border [&_[data-slot=table-container]]:no-scrollbar", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(Table, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(DataTableContentHeader, { table }),
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(DataTableContentBody, { table, columns })
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "overflow-hidden rounded-md border [&_[data-slot=table-container]]:no-scrollbar", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(Table, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(DataTableContentHeader, { table }),
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(DataTableContentBody, { table, columns })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex items-center justify-between px-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(DataTableFooterEntries, { table }),
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(DataTableFooterPagination, { table })
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-center justify-between px-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(DataTableFooterEntries, { table }),
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(DataTableFooterPagination, { table })
     ] })
   ] });
 }
@@ -3543,13 +4560,13 @@ function DataTable({
 // src/components/composed/header-tabs.tsx
 var import_link2 = __toESM(require("next/link"));
 var import_navigation4 = require("next/navigation");
-var import_react13 = require("react");
+var import_react22 = require("react");
 
 // src/components/ui/tabs.tsx
 var import_tabs = require("@base-ui/react/tabs");
 var import_class_variance_authority5 = require("class-variance-authority");
-var import_cn19 = require("cn");
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_cn31 = require("cn");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 function Tabs(_a) {
   var _b = _a, {
     className,
@@ -3558,12 +4575,12 @@ function Tabs(_a) {
     "className",
     "orientation"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     import_tabs.Tabs.Root,
     __spreadValues({
       "data-slot": "tabs",
       "data-orientation": orientation,
-      className: (0, import_cn19.cn)(
+      className: (0, import_cn31.cn)(
         "group/tabs flex gap-2 data-horizontal:flex-col",
         className
       )
@@ -3592,22 +4609,22 @@ function TabsList(_a) {
     "className",
     "variant"
   ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     import_tabs.Tabs.List,
     __spreadValues({
       "data-slot": "tabs-list",
       "data-variant": variant,
-      className: (0, import_cn19.cn)(tabsListVariants({ variant }), className)
+      className: (0, import_cn31.cn)(tabsListVariants({ variant }), className)
     }, props)
   );
 }
 function TabsTrigger(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     import_tabs.Tabs.Tab,
     __spreadValues({
       "data-slot": "tabs-trigger",
-      className: (0, import_cn19.cn)(
+      className: (0, import_cn31.cn)(
         "relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-xs font-medium whitespace-nowrap text-foreground/60 transition-all group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start group-data-vertical/tabs:py-[calc(--spacing(1.25))] hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 has-data-[icon=inline-end]:pr-1 has-data-[icon=inline-start]:pl-1 aria-disabled:pointer-events-none aria-disabled:opacity-50 dark:text-muted-foreground dark:hover:text-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-3.5",
         "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent",
         "data-active:bg-background data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 dark:data-active:text-foreground",
@@ -3619,16 +4636,16 @@ function TabsTrigger(_a) {
 }
 
 // src/components/composed/header-tabs.tsx
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 function renderTabIcon(icon) {
   if (!icon) return null;
   if (typeof icon === "function" || typeof icon === "object" && icon !== null && "render" in icon) {
     const IconComp = icon;
-    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(IconComp, {});
+    return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(IconComp, {});
   }
   return icon;
 }
-var HeaderTabs = (0, import_react13.memo)(function HeaderTabs2({
+var HeaderTabs = (0, import_react22.memo)(function HeaderTabs2({
   items,
   value,
   onValueChange,
@@ -3640,12 +4657,12 @@ var HeaderTabs = (0, import_react13.memo)(function HeaderTabs2({
     (item) => item.url === pathname || pathname.endsWith(item.url) || pathname.split("/").includes(item.value)
   ) : void 0;
   const activeTab = (_b = value != null ? value : matchedItem == null ? void 0 : matchedItem.value) != null ? _b : (_a = items[0]) == null ? void 0 : _a.value;
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(Tabs, { value: activeTab, onValueChange, className: "space-y-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "w-full overflow-x-auto overflow-y-hidden border-b no-scrollbar", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(TabsList, { variant: "line", className: "inline-flex w-max justify-start", children: items.map(({ title, value: tabValue, url, icon }) => /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(Tabs, { value: activeTab, onValueChange, className: "space-y-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "w-full overflow-x-auto overflow-y-hidden border-b no-scrollbar", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(TabsList, { variant: "line", className: "inline-flex w-max justify-start", children: items.map(({ title, value: tabValue, url, icon }) => /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
       TabsTrigger,
       {
         nativeButton: false,
-        render: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_link2.default, { href: url }),
+        render: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_link2.default, { href: url }),
         value: tabValue,
         children: [
           renderTabIcon(icon),
@@ -3659,27 +4676,27 @@ var HeaderTabs = (0, import_react13.memo)(function HeaderTabs2({
 });
 
 // src/components/composed/header-title.tsx
-var import_react14 = require("react");
-var import_jsx_runtime40 = require("react/jsx-runtime");
-var HeaderTitle = (0, import_react14.memo)(function HeaderTitle2({
+var import_react23 = require("react");
+var import_jsx_runtime50 = require("react/jsx-runtime");
+var HeaderTitle = (0, import_react23.memo)(function HeaderTitle2({
   title,
   subtitle,
   children
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "w-full space-y-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("h1", { className: "font-semibold", children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "text-xs text-muted-foreground", children: subtitle })
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "w-full space-y-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("h1", { className: "font-semibold", children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: "text-xs text-muted-foreground", children: subtitle })
     ] }),
     children
   ] });
 });
 
 // src/components/composed/icons/google.tsx
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 function GoogleIcon(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
     "svg",
     __spreadProps(__spreadValues({
       role: "img",
@@ -3689,28 +4706,28 @@ function GoogleIcon(_a) {
       xmlns: "http://www.w3.org/2000/svg"
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
           "path",
           {
             fill: "#4285F4",
             d: "M23.745 12.27c0-.7-.06-1.4-.19-2.07H12v4.51h6.6c-.29 1.52-1.14 2.82-2.4 3.68v3.05h3.88c2.27-2.09 3.665-5.17 3.665-9.17z"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
           "path",
           {
             fill: "#34A853",
             d: "M12 24c3.24 0 5.95-1.08 7.93-2.91l-3.88-3.05c-1.08.72-2.45 1.16-4.05 1.16-3.12 0-5.77-2.1-6.72-4.93H1.24v3.15C3.26 21.36 7.33 24 12 24z"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
           "path",
           {
             fill: "#FBBC05",
             d: "M5.28 14.27c-.25-.72-.38-1.49-.38-2.27s.13-1.55.38-2.27V6.58H1.24C.45 8.16 0 9.97 0 12s.45 3.84 1.24 5.42l4.04-3.15z"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
           "path",
           {
             fill: "#EA4335",
@@ -3721,470 +4738,18 @@ function GoogleIcon(_a) {
     })
   );
 }
-
-// src/components/composed/login-server.tsx
-var import_zod = require("@hookform/resolvers/zod");
-var import_cn24 = require("cn");
-var import_lucide_react23 = require("lucide-react");
-var import_link3 = __toESM(require("next/link"));
-var import_react16 = require("react");
-var import_react_hook_form = require("react-hook-form");
-var import_zod2 = require("zod");
-
-// src/components/ui/card.tsx
-var import_cn20 = require("cn");
-var import_jsx_runtime42 = require("react/jsx-runtime");
-function Card(_a) {
-  var _b = _a, {
-    className,
-    size = "default"
-  } = _b, props = __objRest(_b, [
-    "className",
-    "size"
-  ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-    "div",
-    __spreadValues({
-      "data-slot": "card",
-      "data-size": size,
-      className: (0, import_cn20.cn)(
-        "group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded-lg bg-card py-(--card-spacing) text-xs/relaxed text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-[>img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] *:[img:first-child]:rounded-t-lg *:[img:last-child]:rounded-b-lg",
-        className
-      )
-    }, props)
-  );
-}
-function CardHeader(_a) {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-    "div",
-    __spreadValues({
-      "data-slot": "card-header",
-      className: (0, import_cn20.cn)(
-        "group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-lg px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)",
-        className
-      )
-    }, props)
-  );
-}
-function CardTitle(_a) {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-    "div",
-    __spreadValues({
-      "data-slot": "card-title",
-      className: (0, import_cn20.cn)("font-heading text-sm font-medium", className)
-    }, props)
-  );
-}
-function CardDescription(_a) {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-    "div",
-    __spreadValues({
-      "data-slot": "card-description",
-      className: (0, import_cn20.cn)("text-xs/relaxed text-muted-foreground", className)
-    }, props)
-  );
-}
-function CardContent(_a) {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-    "div",
-    __spreadValues({
-      "data-slot": "card-content",
-      className: (0, import_cn20.cn)("px-(--card-spacing)", className)
-    }, props)
-  );
-}
-
-// src/components/ui/field.tsx
-var import_class_variance_authority6 = require("class-variance-authority");
-var import_cn22 = require("cn");
-var import_react15 = require("react");
-
-// src/components/ui/label.tsx
-var import_cn21 = require("cn");
-var import_jsx_runtime43 = require("react/jsx-runtime");
-function Label(_a) {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-    "label",
-    __spreadValues({
-      "data-slot": "label",
-      className: (0, import_cn21.cn)(
-        "flex items-center gap-2 text-xs/relaxed leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
-        className
-      )
-    }, props)
-  );
-}
-
-// src/components/ui/field.tsx
-var import_jsx_runtime44 = require("react/jsx-runtime");
-function FieldGroup(_a) {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-    "div",
-    __spreadValues({
-      "data-slot": "field-group",
-      className: (0, import_cn22.cn)(
-        "group/field-group @container/field-group flex w-full flex-col gap-4 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4",
-        className
-      )
-    }, props)
-  );
-}
-var fieldVariants = (0, import_class_variance_authority6.cva)(
-  "group/field flex w-full gap-2 data-[invalid=true]:text-destructive",
-  {
-    variants: {
-      orientation: {
-        vertical: "flex-col *:w-full [&>.sr-only]:w-auto",
-        horizontal: "flex-row items-center has-[>[data-slot=field-content]]:items-start *:data-[slot=field-label]:flex-auto has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
-        responsive: "flex-col *:w-full @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:*:data-[slot=field-label]:flex-auto [&>.sr-only]:w-auto @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
-      }
-    },
-    defaultVariants: {
-      orientation: "vertical"
-    }
-  }
-);
-function Field(_a) {
-  var _b = _a, {
-    className,
-    orientation = "vertical"
-  } = _b, props = __objRest(_b, [
-    "className",
-    "orientation"
-  ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-    "div",
-    __spreadValues({
-      role: "group",
-      "data-slot": "field",
-      "data-orientation": orientation,
-      className: (0, import_cn22.cn)(fieldVariants({ orientation }), className)
-    }, props)
-  );
-}
-function FieldLabel(_a) {
-  var _b = _a, {
-    className
-  } = _b, props = __objRest(_b, [
-    "className"
-  ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-    Label,
-    __spreadValues({
-      "data-slot": "field-label",
-      className: (0, import_cn22.cn)(
-        "group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50 has-data-checked:bg-primary/5 has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border has-[>[data-slot=field]]:not-has-[:disabled,[data-disabled]]:hover:bg-input/40 has-[>[data-slot=field]]:has-[:focus-visible]:border-ring has-[>[data-slot=field]]:has-[:focus-visible]:ring-2 has-[>[data-slot=field]]:has-[:focus-visible]:ring-ring/30 *:data-[slot=field]:p-2 dark:has-data-checked:bg-primary/10",
-        "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col",
-        className
-      )
-    }, props)
-  );
-}
-function FieldDescription(_a) {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-    "p",
-    __spreadValues({
-      "data-slot": "field-description",
-      className: (0, import_cn22.cn)(
-        "text-left text-xs/relaxed leading-normal font-normal text-muted-foreground group-has-data-horizontal/field:text-balance [[data-variant=legend]+&]:-mt-1.5",
-        "last:mt-0 nth-last-2:-mt-1",
-        "[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary",
-        className
-      )
-    }, props)
-  );
-}
-function FieldSeparator(_a) {
-  var _b = _a, {
-    children,
-    className
-  } = _b, props = __objRest(_b, [
-    "children",
-    "className"
-  ]);
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
-    "div",
-    __spreadProps(__spreadValues({
-      "data-slot": "field-separator",
-      "data-content": !!children,
-      className: (0, import_cn22.cn)(
-        "relative -my-2 h-5 text-xs/relaxed group-data-[variant=outline]/field-group:-mb-2",
-        className
-      )
-    }, props), {
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Separator, { className: "absolute inset-0 top-1/2" }),
-        children && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-          "span",
-          {
-            className: "relative mx-auto block w-fit bg-background px-2 text-muted-foreground",
-            "data-slot": "field-separator-content",
-            children
-          }
-        )
-      ]
-    })
-  );
-}
-function FieldError(_a) {
-  var _b = _a, {
-    className,
-    children,
-    errors
-  } = _b, props = __objRest(_b, [
-    "className",
-    "children",
-    "errors"
-  ]);
-  const content = (0, import_react15.useMemo)(() => {
-    var _a2;
-    if (children) {
-      return children;
-    }
-    if (!(errors == null ? void 0 : errors.length)) {
-      return null;
-    }
-    const uniqueErrors = [
-      ...new Map(errors.map((error) => [error == null ? void 0 : error.message, error])).values()
-    ];
-    if ((uniqueErrors == null ? void 0 : uniqueErrors.length) === 1) {
-      return (_a2 = uniqueErrors[0]) == null ? void 0 : _a2.message;
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: uniqueErrors.map(
-      (error, index) => (error == null ? void 0 : error.message) && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("li", { children: error.message }, index)
-    ) });
-  }, [children, errors]);
-  if (!content) {
-    return null;
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-    "div",
-    __spreadProps(__spreadValues({
-      role: "alert",
-      "data-slot": "field-error",
-      className: (0, import_cn22.cn)("text-xs/relaxed font-normal text-destructive", className)
-    }, props), {
-      children: content
-    })
-  );
-}
-
-// src/components/ui/toast.tsx
-var import_toast = require("@base-ui/react/toast");
-var import_cn23 = require("cn");
-var import_lucide_react22 = require("lucide-react");
-var import_jsx_runtime45 = require("react/jsx-runtime");
-var toast = import_toast.Toast.createToastManager();
-var createToastManager = import_toast.Toast.createToastManager;
-var useToastManager = import_toast.Toast.useToastManager;
-
-// src/components/composed/login-server.tsx
-var import_jsx_runtime46 = require("react/jsx-runtime");
-var loginSchema = import_zod2.z.object({
-  email: import_zod2.z.string().trim().toLowerCase().min(1, "Email is required").max(254, "Email is too long").pipe(import_zod2.z.email("Invalid email format")),
-  password: import_zod2.z.string().min(1, "Password is required").min(8, "Password must be at least 8 characters").max(128, "Password must not exceed 128 characters")
-});
-function LoginServer({
-  onSubmit,
-  onGoogleSignIn,
-  isSubmitting: externalIsSubmitting
-}) {
-  const [isRedirecting, setIsRedirecting] = (0, import_react16.useState)(false);
-  const [isGoogleLoading, setIsGoogleLoading] = (0, import_react16.useState)(false);
-  const form = (0, import_react_hook_form.useForm)({
-    resolver: (0, import_zod.zodResolver)(loginSchema),
-    defaultValues: {
-      email: "",
-      password: ""
-    }
-  });
-  const isPending = externalIsSubmitting != null ? externalIsSubmitting : form.formState.isSubmitting || isRedirecting || isGoogleLoading;
-  const handleFormSubmit = async (values) => {
-    try {
-      if (!onSubmit) {
-        toast.add({
-          description: "Login action handler is not configured."
-        });
-        return;
-      }
-      const res = await onSubmit(values);
-      if (res && typeof res === "object" && "error" in res && typeof res.error === "string" && res.error) {
-        setIsRedirecting(false);
-        toast.add({ description: res.error });
-        return;
-      }
-      setIsRedirecting(true);
-    } catch (e) {
-      setIsRedirecting(false);
-      toast.add({ description: "Unable to process your login request." });
-    }
-  };
-  const handleGoogleSignIn = async () => {
-    if (isPending) return;
-    if (!onGoogleSignIn) {
-      toast.add({
-        description: "Google Sign-In is not currently available."
-      });
-      return;
-    }
-    try {
-      setIsGoogleLoading(true);
-      await onGoogleSignIn();
-    } catch (e) {
-      setIsGoogleLoading(false);
-      toast.add({ description: "Google Sign-In failed to initialize." });
-    }
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "flex min-h-svh flex-col items-center justify-center gap-6 bg-muted p-6 md:p-10", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex w-full max-w-sm flex-col gap-6", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex items-center gap-2 self-center font-medium", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "flex size-6 items-center justify-center rounded-md bg-primary text-primary-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react23.GalleryVerticalEndIcon, { className: "size-4" }) }),
-      "Prediktif"
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex flex-col gap-6", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(Card, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(CardHeader, { className: "text-center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(CardTitle, { children: "Welcome back" }),
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(CardDescription, { children: "Login with your Google account" })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(CardContent, { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("form", { onSubmit: form.handleSubmit(handleFormSubmit), noValidate: true, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(FieldGroup, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Field, { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
-            Button,
-            {
-              type: "button",
-              variant: "outline",
-              disabled: isPending,
-              onClick: handleGoogleSignIn,
-              children: [
-                isGoogleLoading ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
-                  import_lucide_react23.LoaderCircleIcon,
-                  {
-                    className: "animate-spin",
-                    "data-icon": "inline-start"
-                  }
-                ) : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(GoogleIcon, { className: "size-4 shrink-0" }),
-                "Login with Google"
-              ]
-            }
-          ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(FieldSeparator, { className: "*:data-[slot=field-separator-content]:bg-card", children: "Or continue with" }),
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
-            import_react_hook_form.Controller,
-            {
-              name: "email",
-              control: form.control,
-              render: ({ field, fieldState }) => /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(Field, { "data-invalid": fieldState.invalid, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(FieldLabel, { htmlFor: field.name, children: "Email" }),
-                /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
-                  Input,
-                  __spreadProps(__spreadValues({}, field), {
-                    id: field.name,
-                    "aria-invalid": fieldState.invalid,
-                    disabled: isPending,
-                    placeholder: "m@example.com",
-                    type: "email",
-                    autoComplete: "email"
-                  })
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(FieldDescription, { children: "Enter the email address associated with your account." }),
-                fieldState.invalid && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(FieldError, { errors: [fieldState.error] })
-              ] })
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
-            import_react_hook_form.Controller,
-            {
-              name: "password",
-              control: form.control,
-              render: ({ field, fieldState }) => /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(Field, { "data-invalid": fieldState.invalid, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex items-center", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(FieldLabel, { htmlFor: field.name, children: "Password" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
-                    import_link3.default,
-                    {
-                      href: "/forgot-password",
-                      className: "ml-auto inline-block underline-offset-4 hover:underline",
-                      children: "Forgot your password?"
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
-                  Input,
-                  __spreadProps(__spreadValues({}, field), {
-                    id: field.name,
-                    "aria-invalid": fieldState.invalid,
-                    disabled: isPending,
-                    placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022",
-                    type: "password",
-                    autoComplete: "current-password"
-                  })
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(FieldDescription, { children: "Enter your account password." }),
-                fieldState.invalid && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(FieldError, { errors: [fieldState.error] })
-              ] })
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(Field, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
-              Button,
-              {
-                type: "submit",
-                disabled: isPending,
-                className: "w-full",
-                children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
-                    import_lucide_react23.LoaderCircleIcon,
-                    {
-                      className: (0, import_cn24.cn)(
-                        "animate-spin",
-                        isPending && !isGoogleLoading ? "block" : "hidden"
-                      ),
-                      "data-icon": "inline-start"
-                    }
-                  ),
-                  /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
-                    import_lucide_react23.LogInIcon,
-                    {
-                      className: (0, import_cn24.cn)(
-                        !isPending || isGoogleLoading ? "block" : "hidden"
-                      ),
-                      "data-icon": "inline-start"
-                    }
-                  ),
-                  isRedirecting ? "Redirecting to application..." : form.formState.isSubmitting ? "Signing in..." : "Login"
-                ]
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(FieldDescription, { className: "text-center", children: [
-              "Don't have an account?",
-              " ",
-              /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_link3.default, { href: "/register", children: "Sign up" })
-            ] })
-          ] })
-        ] }) }) })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(FieldDescription, { className: "px-6 text-center", children: [
-        "By clicking continue, you agree to our",
-        " ",
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_link3.default, { href: "/terms", children: "Terms of Service" }),
-        " and",
-        " ",
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_link3.default, { href: "/privacy", children: "Privacy Policy" }),
-        "."
-      ] })
-    ] })
-  ] }) });
-}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  ActiveTokensStatus,
   AppSidebar,
+  AvatarGroupInvitations,
+  AvatarGroupUsers,
+  AvatarInvitations,
   AvatarUser,
+  AvatarUsers,
+  CodeLabel,
+  CopyableCode,
+  DEFAULT_METADATA_FIELDS,
   DataTable,
   DataTableContentBody,
   DataTableContentHeader,
@@ -4197,15 +4762,32 @@ function LoginServer({
   DataTableHeaderSearch,
   DataTableHeaderSort,
   DataTableHeaderToggle,
+  DescriptionLabel,
   EmailLabel,
   EmailVerified,
   GoogleIcon,
   HeaderTabs,
   HeaderTitle,
+  ItemStatus,
   JoinedLabel,
-  LoginServer,
+  MetadataProgress,
+  MetadataStatus,
+  OrganizationInvitations,
+  OrganizationRoleBadge,
+  OrganizationRoles,
+  PermissionBadges,
+  PermissionsBadges,
+  ProgressStatus,
+  RedirectUriLabel,
+  RedirectUris,
   RowActions,
+  RunningStatus,
+  SlugLabel,
   StateEmpty,
+  StatusBadge,
+  TokenActivity,
+  UrisLabel,
+  UrisList,
   UserRole,
   UserStatus,
   exportToCSV,
@@ -4214,7 +4796,6 @@ function LoginServer({
   features,
   flexRender,
   getTableExportData,
-  loginSchema,
   printTable,
   smartFilterFn,
   useTable