@datatechsolutions/ui 3.13.0 → 3.14.0

package/dist/{chunk-OY5HUZSD.js → chunk-PXGESUKI.js}

@@ -1,10 +1,10 @@
 "use client";
 'use strict';
 
-var chunkQGLGQXJE_js = require('./chunk-QGLGQXJE.js');
-var chunk5ETT54QS_js = require('./chunk-5ETT54QS.js');
+var chunkA5OMGPMR_js = require('./chunk-A5OMGPMR.js');
+var chunkFZUV7GNB_js = require('./chunk-FZUV7GNB.js');
 var chunkY5VN4SPH_js = require('./chunk-Y5VN4SPH.js');
-var chunkBHOT22QL_js = require('./chunk-BHOT22QL.js');
+var chunkMXQ2EYG2_js = require('./chunk-MXQ2EYG2.js');
 var chunkUZ3CMNUJ_js = require('./chunk-UZ3CMNUJ.js');
 var react = require('react');
 var outline = require('@heroicons/react/24/outline');
@@ -88,7 +88,7 @@ function AdminUserList({ client, onUserSelect }) {
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
-      chunk5ETT54QS_js.SectionCard,
+      chunkFZUV7GNB_js.SectionCard,
       {
         header: {
           icon: /* @__PURE__ */ jsxRuntime.jsx(outline.UsersIcon, { className: "h-5 w-5 text-white" }),
@@ -98,19 +98,19 @@ function AdminUserList({ client, onUserSelect }) {
         },
         padded: false,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b border-gray-200/60 p-4 dark:border-white/10", children: /* @__PURE__ */ jsxRuntime.jsx(
-            chunk5ETT54QS_js.SearchInput,
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liquid-divider p-4", children: /* @__PURE__ */ jsxRuntime.jsx(
+            chunkFZUV7GNB_js.SearchInput,
             {
               value: search,
               onChange: (event) => handleSearch(event.target.value),
               placeholder: t("admin.users.searchPlaceholder")
             }
           ) }),
-          isLoading ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-center gap-2 p-8 text-sm text-gray-500 dark:text-gray-400", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.InlineSpinner, {}),
+          isLoading ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-center gap-2 p-8 text-sm text-slate-500 dark:text-slate-400", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(chunkFZUV7GNB_js.InlineSpinner, {}),
             /* @__PURE__ */ jsxRuntime.jsx("span", { children: t("admin.users.loading") })
           ] }) : users.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4 sm:p-6", children: /* @__PURE__ */ jsxRuntime.jsx(
-            chunk5ETT54QS_js.EmptyState,
+            chunkFZUV7GNB_js.EmptyState,
             {
               message: t("admin.users.emptyMessage"),
               description: t("admin.users.emptyDescription"),
@@ -119,13 +119,13 @@ function AdminUserList({ client, onUserSelect }) {
             }
           ) }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "w-full text-sm", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "border-b border-gray-200/60 dark:border-white/10", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-medium uppercase tracking-wide text-gray-500 dark:text-gray-400", children: t("admin.users.columnUser") }),
-                /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-medium uppercase tracking-wide text-gray-500 dark:text-gray-400", children: t("admin.users.columnRole") }),
-                /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-medium uppercase tracking-wide text-gray-500 dark:text-gray-400", children: t("admin.users.columnStatus") }),
-                /* @__PURE__ */ jsxRuntime.jsx("th", { className: "hidden px-4 py-3 text-left text-xs font-medium uppercase tracking-wide text-gray-500 dark:text-gray-400 sm:table-cell", children: t("admin.users.columnSecurity") }),
-                /* @__PURE__ */ jsxRuntime.jsx("th", { className: "hidden px-4 py-3 text-left text-xs font-medium uppercase tracking-wide text-gray-500 dark:text-gray-400 md:table-cell", children: t("admin.users.columnLastLogin") }),
-                /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-right text-xs font-medium uppercase tracking-wide text-gray-500 dark:text-gray-400", children: t("admin.users.columnActions") })
+              /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "liquid-divider", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-medium uppercase tracking-wide text-slate-500 dark:text-slate-400", children: t("admin.users.columnUser") }),
+                /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-medium uppercase tracking-wide text-slate-500 dark:text-slate-400", children: t("admin.users.columnRole") }),
+                /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-medium uppercase tracking-wide text-slate-500 dark:text-slate-400", children: t("admin.users.columnStatus") }),
+                /* @__PURE__ */ jsxRuntime.jsx("th", { className: "hidden px-4 py-3 text-left text-xs font-medium uppercase tracking-wide text-slate-500 dark:text-slate-400 sm:table-cell", children: t("admin.users.columnSecurity") }),
+                /* @__PURE__ */ jsxRuntime.jsx("th", { className: "hidden px-4 py-3 text-left text-xs font-medium uppercase tracking-wide text-slate-500 dark:text-slate-400 md:table-cell", children: t("admin.users.columnLastLogin") }),
+                /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-right text-xs font-medium uppercase tracking-wide text-slate-500 dark:text-slate-400", children: t("admin.users.columnActions") })
               ] }) }),
               /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: "divide-y divide-gray-200/60 dark:divide-white/10", children: users.map((user) => /* @__PURE__ */ jsxRuntime.jsxs(
                 "tr",
@@ -135,7 +135,7 @@ function AdminUserList({ client, onUserSelect }) {
                   children: [
                     /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-3", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
                       /* @__PURE__ */ jsxRuntime.jsx(
-                        chunk5ETT54QS_js.Avatar,
+                        chunkFZUV7GNB_js.Avatar,
                         {
                           src: user.image ?? void 0,
                           initials: (user.name ?? user.email).slice(0, 2).toUpperCase(),
@@ -143,13 +143,13 @@ function AdminUserList({ client, onUserSelect }) {
                         }
                       ),
                       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
-                        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate text-sm font-medium text-gray-900 dark:text-white", children: user.name ?? user.email }),
-                        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate text-xs text-gray-500 dark:text-gray-400", children: user.email })
+                        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate text-sm font-medium text-slate-900 dark:text-white", children: user.name ?? user.email }),
+                        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate text-xs text-slate-500 dark:text-slate-400", children: user.email })
                       ] })
                     ] }) }),
-                    /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-3", children: /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Badge, { color: roleBadgeColor(user.role), children: user.role }) }),
+                    /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-3", children: /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Badge, { color: roleBadgeColor(user.role), children: user.role }) }),
                     /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-3", children: /* @__PURE__ */ jsxRuntime.jsx(
-                      chunk5ETT54QS_js.StatusBadge,
+                      chunkFZUV7GNB_js.StatusBadge,
                       {
                         status: user.status === "active" ? "active" : "inactive",
                         label: user.status,
@@ -160,9 +160,9 @@ function AdminUserList({ client, onUserSelect }) {
                       user.mfaEnabled && /* @__PURE__ */ jsxRuntime.jsx("span", { title: t("admin.users.mfaEnabled"), children: /* @__PURE__ */ jsxRuntime.jsx(outline.ShieldCheckIcon, { className: "h-4 w-4 text-emerald-500" }) }),
                       user.emailVerified && /* @__PURE__ */ jsxRuntime.jsx("span", { title: t("admin.users.emailVerified"), children: /* @__PURE__ */ jsxRuntime.jsx(outline.KeyIcon, { className: "h-4 w-4 text-blue-500" }) })
                     ] }) }),
-                    /* @__PURE__ */ jsxRuntime.jsx("td", { className: "hidden px-4 py-3 text-gray-500 dark:text-gray-400 md:table-cell", children: user.lastLoginAt ? format.relativeTime(new Date(user.lastLoginAt)) : t("admin.users.neverLoggedIn") }),
+                    /* @__PURE__ */ jsxRuntime.jsx("td", { className: "hidden px-4 py-3 text-slate-500 dark:text-slate-400 md:table-cell", children: user.lastLoginAt ? format.relativeTime(new Date(user.lastLoginAt)) : t("admin.users.neverLoggedIn") }),
                     /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-3 text-right", children: /* @__PURE__ */ jsxRuntime.jsx(
-                      chunkBHOT22QL_js.Button,
+                      chunkMXQ2EYG2_js.Button,
                       {
                         size: "sm",
                         color: "ios-glass-red",
@@ -178,11 +178,11 @@ function AdminUserList({ client, onUserSelect }) {
                 user.id
               )) })
             ] }) }),
-            totalPages > 1 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between border-t border-gray-200/60 px-4 py-3 dark:border-white/10", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: t("admin.users.pagination", { current: currentPage, total: totalPages, count: total }) }),
+            totalPages > 1 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between border-t border-slate-200/60 px-4 py-3 dark:border-white/10", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-slate-500 dark:text-slate-400", children: t("admin.users.pagination", { current: currentPage, total: totalPages, count: total }) }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkBHOT22QL_js.Button,
+                  chunkMXQ2EYG2_js.Button,
                   {
                     size: "sm",
                     outline: true,
@@ -192,7 +192,7 @@ function AdminUserList({ client, onUserSelect }) {
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkBHOT22QL_js.Button,
+                  chunkMXQ2EYG2_js.Button,
                   {
                     size: "sm",
                     outline: true,
@@ -208,7 +208,7 @@ function AdminUserList({ client, onUserSelect }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunk5ETT54QS_js.DynamicIslandConfirm,
+      chunkFZUV7GNB_js.DynamicIslandConfirm,
       {
         open: deleteTarget !== null,
         onClose: handleDeleteCancel,
@@ -275,7 +275,7 @@ function AdminUserForm({
     }
   }, [email, name, password, selectedRole, onSubmit, onClose, resetForm, t]);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunk5ETT54QS_js.GlassModal,
+    chunkFZUV7GNB_js.GlassModal,
     {
       open,
       onClose: handleClose,
@@ -293,7 +293,7 @@ function AdminUserForm({
           className: "space-y-4 p-4 sm:p-6",
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunk5ETT54QS_js.Input,
+              chunkFZUV7GNB_js.Input,
               {
                 label: t("admin.userForm.emailLabel"),
                 type: "email",
@@ -306,7 +306,7 @@ function AdminUserForm({
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunk5ETT54QS_js.Input,
+              chunkFZUV7GNB_js.Input,
               {
                 label: t("admin.userForm.nameLabel"),
                 value: name,
@@ -317,7 +317,7 @@ function AdminUserForm({
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunk5ETT54QS_js.PasswordInput,
+              chunkFZUV7GNB_js.PasswordInput,
               {
                 label: t("admin.userForm.passwordLabel"),
                 value: password,
@@ -327,17 +327,14 @@ function AdminUserForm({
                 autoComplete: "new-password"
               }
             ),
-            password && /* @__PURE__ */ jsxRuntime.jsx(chunkQGLGQXJE_js.PasswordStrengthMeter, { password }),
+            password && /* @__PURE__ */ jsxRuntime.jsx(chunkA5OMGPMR_js.PasswordStrengthMeter, { password }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
               /* @__PURE__ */ jsxRuntime.jsx("label", { className: "mb-1.5 block text-sm font-medium text-gray-900 dark:text-white", children: t("admin.userForm.roleLabel") }),
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-3 gap-2 sm:grid-cols-4", children: roles.map((role) => /* @__PURE__ */ jsxRuntime.jsx(
-                "button",
+                chunkFZUV7GNB_js.PickerTile,
                 {
-                  type: "button",
-                  onClick: () => {
-                    setSelectedRole(role);
-                    chunkUZ3CMNUJ_js.triggerHaptic("light");
-                  },
+                  selected: selectedRole === role,
+                  onClick: () => setSelectedRole(role),
                   className: `rounded-xl border px-2 py-2 text-xs font-semibold backdrop-blur-xl transition ${selectedRole === role ? "border-indigo-400/80 bg-gradient-to-br from-indigo-100/85 via-white/80 to-sky-100/75 text-slate-900 dark:border-indigo-300/70 dark:bg-[linear-gradient(140deg,rgba(99,102,241,0.32)_0%,rgba(30,41,59,0.72)_100%)] dark:text-indigo-100" : "border-white/55 bg-gradient-to-br from-white/82 via-white/66 to-slate-100/62 text-slate-700 hover:from-white/92 hover:to-sky-100/72 dark:border-white/15 dark:bg-[linear-gradient(140deg,rgba(30,41,59,0.72)_0%,rgba(15,23,42,0.62)_100%)] dark:text-slate-100 dark:hover:bg-[linear-gradient(140deg,rgba(51,65,85,0.76)_0%,rgba(30,41,59,0.68)_100%)]"}`,
                   children: role
                 },
@@ -347,7 +344,7 @@ function AdminUserForm({
             error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-red-600 dark:text-red-400", role: "alert", children: error }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-3 pt-2", children: [
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunkBHOT22QL_js.Button,
+                chunkMXQ2EYG2_js.Button,
                 {
                   type: "button",
                   outline: true,
@@ -358,7 +355,7 @@ function AdminUserForm({
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunkBHOT22QL_js.Button,
+                chunkMXQ2EYG2_js.Button,
                 {
                   type: "submit",
                   color: "ios-glass-blue",
@@ -438,7 +435,7 @@ function AdminOrganizationList({ client, onOrganizationSelect }) {
   }, []);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
-      chunk5ETT54QS_js.SectionCard,
+      chunkFZUV7GNB_js.SectionCard,
       {
         header: {
           icon: /* @__PURE__ */ jsxRuntime.jsx(outline.BuildingOffice2Icon, { className: "h-5 w-5 text-white" }),
@@ -448,19 +445,19 @@ function AdminOrganizationList({ client, onOrganizationSelect }) {
         },
         padded: false,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b border-gray-200/60 p-4 dark:border-white/10", children: /* @__PURE__ */ jsxRuntime.jsx(
-            chunk5ETT54QS_js.SearchInput,
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liquid-divider p-4", children: /* @__PURE__ */ jsxRuntime.jsx(
+            chunkFZUV7GNB_js.SearchInput,
             {
               value: search,
               onChange: (event) => setSearch(event.target.value),
               placeholder: t("admin.organizations.searchPlaceholder")
             }
           ) }),
-          isLoading ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-center gap-2 p-8 text-sm text-gray-500 dark:text-gray-400", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.InlineSpinner, {}),
+          isLoading ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-center gap-2 p-8 text-sm text-slate-500 dark:text-slate-400", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(chunkFZUV7GNB_js.InlineSpinner, {}),
             /* @__PURE__ */ jsxRuntime.jsx("span", { children: t("admin.organizations.loading") })
           ] }) : filteredOrganizations.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4 sm:p-6", children: /* @__PURE__ */ jsxRuntime.jsx(
-            chunk5ETT54QS_js.EmptyState,
+            chunkFZUV7GNB_js.EmptyState,
             {
               message: t("admin.organizations.emptyMessage"),
               description: t("admin.organizations.emptyDescription"),
@@ -468,12 +465,12 @@ function AdminOrganizationList({ client, onOrganizationSelect }) {
               variant: "card"
             }
           ) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "w-full text-sm", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "border-b border-gray-200/60 dark:border-white/10", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-medium uppercase tracking-wide text-gray-500 dark:text-gray-400", children: t("admin.organizations.columnName") }),
-              /* @__PURE__ */ jsxRuntime.jsx("th", { className: "hidden px-4 py-3 text-left text-xs font-medium uppercase tracking-wide text-gray-500 dark:text-gray-400 sm:table-cell", children: t("admin.organizations.columnDisplayName") }),
-              /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-medium uppercase tracking-wide text-gray-500 dark:text-gray-400", children: t("admin.organizations.columnStatus") }),
-              /* @__PURE__ */ jsxRuntime.jsx("th", { className: "hidden px-4 py-3 text-left text-xs font-medium uppercase tracking-wide text-gray-500 dark:text-gray-400 md:table-cell", children: t("admin.organizations.columnCreated") }),
-              /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-right text-xs font-medium uppercase tracking-wide text-gray-500 dark:text-gray-400", children: t("admin.organizations.columnActions") })
+            /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "liquid-divider", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-medium uppercase tracking-wide text-slate-500 dark:text-slate-400", children: t("admin.organizations.columnName") }),
+              /* @__PURE__ */ jsxRuntime.jsx("th", { className: "hidden px-4 py-3 text-left text-xs font-medium uppercase tracking-wide text-slate-500 dark:text-slate-400 sm:table-cell", children: t("admin.organizations.columnDisplayName") }),
+              /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-medium uppercase tracking-wide text-slate-500 dark:text-slate-400", children: t("admin.organizations.columnStatus") }),
+              /* @__PURE__ */ jsxRuntime.jsx("th", { className: "hidden px-4 py-3 text-left text-xs font-medium uppercase tracking-wide text-slate-500 dark:text-slate-400 md:table-cell", children: t("admin.organizations.columnCreated") }),
+              /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-right text-xs font-medium uppercase tracking-wide text-slate-500 dark:text-slate-400", children: t("admin.organizations.columnActions") })
             ] }) }),
             /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: "divide-y divide-gray-200/60 dark:divide-white/10", children: filteredOrganizations.map((organization) => /* @__PURE__ */ jsxRuntime.jsxs(
               "tr",
@@ -482,25 +479,25 @@ function AdminOrganizationList({ client, onOrganizationSelect }) {
                 onClick: () => handleOrganizationClick(organization),
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsxs("td", { className: "px-4 py-3", children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-gray-900 dark:text-white", children: organization.name }),
-                    organization.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 truncate text-xs text-gray-500 dark:text-gray-400", children: organization.description })
+                    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-slate-900 dark:text-white", children: organization.name }),
+                    organization.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 truncate text-xs text-slate-500 dark:text-slate-400", children: organization.description })
                   ] }),
-                  /* @__PURE__ */ jsxRuntime.jsx("td", { className: "hidden px-4 py-3 text-gray-500 dark:text-gray-400 sm:table-cell", children: organization.displayName ?? "\u2014" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("td", { className: "hidden px-4 py-3 text-slate-500 dark:text-slate-400 sm:table-cell", children: organization.displayName ?? "\u2014" }),
                   /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-3", children: /* @__PURE__ */ jsxRuntime.jsx(
-                    chunk5ETT54QS_js.StatusBadge,
+                    chunkFZUV7GNB_js.StatusBadge,
                     {
                       status: organization.enabled ? "active" : "inactive",
                       label: organization.enabled ? t("admin.organizations.statusEnabled") : t("admin.organizations.statusDisabled"),
                       size: "sm"
                     }
                   ) }),
-                  /* @__PURE__ */ jsxRuntime.jsx("td", { className: "hidden px-4 py-3 text-gray-500 dark:text-gray-400 md:table-cell", children: format.dateTime(new Date(organization.createdAt), {
+                  /* @__PURE__ */ jsxRuntime.jsx("td", { className: "hidden px-4 py-3 text-slate-500 dark:text-slate-400 md:table-cell", children: format.dateTime(new Date(organization.createdAt), {
                     year: "numeric",
                     month: "short",
                     day: "numeric"
                   }) }),
                   /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-3 text-right", children: /* @__PURE__ */ jsxRuntime.jsx(
-                    chunkBHOT22QL_js.Button,
+                    chunkMXQ2EYG2_js.Button,
                     {
                       size: "sm",
                       color: "ios-glass-red",
@@ -520,7 +517,7 @@ function AdminOrganizationList({ client, onOrganizationSelect }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunk5ETT54QS_js.DynamicIslandConfirm,
+      chunkFZUV7GNB_js.DynamicIslandConfirm,
       {
         open: deleteTarget !== null,
         onClose: handleDeleteCancel,
@@ -600,7 +597,7 @@ function AdminOrganizationForm({
     }
   }, [name, displayName, description, isEditing, onSubmit, onClose, t]);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunk5ETT54QS_js.GlassModal,
+    chunkFZUV7GNB_js.GlassModal,
     {
       open,
       onClose: handleClose,
@@ -618,7 +615,7 @@ function AdminOrganizationForm({
           className: "space-y-4 p-4 sm:p-6",
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunk5ETT54QS_js.Input,
+              chunkFZUV7GNB_js.Input,
               {
                 label: t("admin.organizationForm.nameLabel"),
                 value: name,
@@ -629,7 +626,7 @@ function AdminOrganizationForm({
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunk5ETT54QS_js.Input,
+              chunkFZUV7GNB_js.Input,
               {
                 label: t("admin.organizationForm.displayNameLabel"),
                 value: displayName,
@@ -639,7 +636,7 @@ function AdminOrganizationForm({
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunk5ETT54QS_js.Input,
+              chunkFZUV7GNB_js.Input,
               {
                 label: t("admin.organizationForm.descriptionLabel"),
                 value: description,
@@ -651,7 +648,7 @@ function AdminOrganizationForm({
             error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-red-600 dark:text-red-400", role: "alert", children: error }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-3 pt-2", children: [
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunkBHOT22QL_js.Button,
+                chunkMXQ2EYG2_js.Button,
                 {
                   type: "button",
                   outline: true,
@@ -662,7 +659,7 @@ function AdminOrganizationForm({
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunkBHOT22QL_js.Button,
+                chunkMXQ2EYG2_js.Button,
                 {
                   type: "submit",
                   color: "ios-glass-blue",
@@ -819,33 +816,33 @@ function AdminPermissionList({ client }) {
   }, []);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
-      chunk5ETT54QS_js.SectionCard,
+      chunkFZUV7GNB_js.SectionCard,
       {
         header: {
           icon: /* @__PURE__ */ jsxRuntime.jsx(outline.KeyIcon, { className: "h-5 w-5 text-white" }),
           title: t("admin.permissions.title"),
           subtitle: t("admin.permissions.subtitle"),
           gradient: "from-violet-500 via-purple-500 to-pink-500",
-          rightContent: /* @__PURE__ */ jsxRuntime.jsxs(chunkBHOT22QL_js.Button, { size: "sm", color: "ios-glass-blue", onClick: handleOpenCreate, children: [
+          rightContent: /* @__PURE__ */ jsxRuntime.jsxs(chunkMXQ2EYG2_js.Button, { size: "sm", color: "ios-glass-blue", onClick: handleOpenCreate, children: [
             /* @__PURE__ */ jsxRuntime.jsx(outline.PlusIcon, { className: "mr-1 h-3.5 w-3.5" }),
             t("admin.permissions.createButton")
           ] })
         },
         padded: false,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b border-gray-200/60 p-4 dark:border-white/10", children: /* @__PURE__ */ jsxRuntime.jsx(
-            chunk5ETT54QS_js.SearchInput,
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liquid-divider p-4", children: /* @__PURE__ */ jsxRuntime.jsx(
+            chunkFZUV7GNB_js.SearchInput,
             {
               value: search,
               onChange: (event) => setSearch(event.target.value),
               placeholder: t("admin.permissions.searchPlaceholder")
             }
           ) }),
-          isLoading ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-center gap-2 p-8 text-sm text-gray-500 dark:text-gray-400", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(chunk5ETT54QS_js.InlineSpinner, {}),
+          isLoading ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-center gap-2 p-8 text-sm text-slate-500 dark:text-slate-400", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(chunkFZUV7GNB_js.InlineSpinner, {}),
             /* @__PURE__ */ jsxRuntime.jsx("span", { children: t("admin.permissions.loading") })
           ] }) : filteredPermissions.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4 sm:p-6", children: /* @__PURE__ */ jsxRuntime.jsx(
-            chunk5ETT54QS_js.EmptyState,
+            chunkFZUV7GNB_js.EmptyState,
             {
               message: t("admin.permissions.emptyMessage"),
               description: t("admin.permissions.emptyDescription"),
@@ -857,28 +854,28 @@ function AdminPermissionList({ client }) {
               variant: "card"
             }
           ) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "w-full text-sm", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "border-b border-gray-200/60 dark:border-white/10", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-medium uppercase tracking-wide text-gray-500 dark:text-gray-400", children: t("admin.permissions.columnName") }),
-              /* @__PURE__ */ jsxRuntime.jsx("th", { className: "hidden px-4 py-3 text-left text-xs font-medium uppercase tracking-wide text-gray-500 dark:text-gray-400 sm:table-cell", children: t("admin.permissions.columnResource") }),
-              /* @__PURE__ */ jsxRuntime.jsx("th", { className: "hidden px-4 py-3 text-left text-xs font-medium uppercase tracking-wide text-gray-500 dark:text-gray-400 sm:table-cell", children: t("admin.permissions.columnAction") }),
-              /* @__PURE__ */ jsxRuntime.jsx("th", { className: "hidden px-4 py-3 text-left text-xs font-medium uppercase tracking-wide text-gray-500 dark:text-gray-400 md:table-cell", children: t("admin.permissions.columnCreated") }),
-              /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-right text-xs font-medium uppercase tracking-wide text-gray-500 dark:text-gray-400", children: t("admin.permissions.columnActions") })
+            /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "liquid-divider", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-left text-xs font-medium uppercase tracking-wide text-slate-500 dark:text-slate-400", children: t("admin.permissions.columnName") }),
+              /* @__PURE__ */ jsxRuntime.jsx("th", { className: "hidden px-4 py-3 text-left text-xs font-medium uppercase tracking-wide text-slate-500 dark:text-slate-400 sm:table-cell", children: t("admin.permissions.columnResource") }),
+              /* @__PURE__ */ jsxRuntime.jsx("th", { className: "hidden px-4 py-3 text-left text-xs font-medium uppercase tracking-wide text-slate-500 dark:text-slate-400 sm:table-cell", children: t("admin.permissions.columnAction") }),
+              /* @__PURE__ */ jsxRuntime.jsx("th", { className: "hidden px-4 py-3 text-left text-xs font-medium uppercase tracking-wide text-slate-500 dark:text-slate-400 md:table-cell", children: t("admin.permissions.columnCreated") }),
+              /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-3 text-right text-xs font-medium uppercase tracking-wide text-slate-500 dark:text-slate-400", children: t("admin.permissions.columnActions") })
             ] }) }),
             /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: "divide-y divide-gray-200/60 dark:divide-white/10", children: filteredPermissions.map((permission) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "transition-colors hover:bg-white/40 dark:hover:bg-white/5", children: [
               /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-3", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-gray-900 dark:text-white", children: permission.name }),
-                permission.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 truncate text-xs text-gray-500 dark:text-gray-400", children: permission.description })
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-slate-900 dark:text-white", children: permission.name }),
+                permission.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 truncate text-xs text-slate-500 dark:text-slate-400", children: permission.description })
               ] }) }),
-              /* @__PURE__ */ jsxRuntime.jsx("td", { className: "hidden px-4 py-3 sm:table-cell", children: permission.resource ? /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Badge, { color: "blue", children: permission.resource }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-400 dark:text-gray-500", children: "\u2014" }) }),
-              /* @__PURE__ */ jsxRuntime.jsx("td", { className: "hidden px-4 py-3 sm:table-cell", children: permission.action ? /* @__PURE__ */ jsxRuntime.jsx(chunkBHOT22QL_js.Badge, { color: "amber", children: permission.action }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-400 dark:text-gray-500", children: "\u2014" }) }),
-              /* @__PURE__ */ jsxRuntime.jsx("td", { className: "hidden px-4 py-3 text-gray-500 dark:text-gray-400 md:table-cell", children: format.dateTime(new Date(permission.createdAt), {
+              /* @__PURE__ */ jsxRuntime.jsx("td", { className: "hidden px-4 py-3 sm:table-cell", children: permission.resource ? /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Badge, { color: "blue", children: permission.resource }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-slate-400 dark:text-slate-500", children: "\u2014" }) }),
+              /* @__PURE__ */ jsxRuntime.jsx("td", { className: "hidden px-4 py-3 sm:table-cell", children: permission.action ? /* @__PURE__ */ jsxRuntime.jsx(chunkMXQ2EYG2_js.Badge, { color: "amber", children: permission.action }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-slate-400 dark:text-slate-500", children: "\u2014" }) }),
+              /* @__PURE__ */ jsxRuntime.jsx("td", { className: "hidden px-4 py-3 text-slate-500 dark:text-slate-400 md:table-cell", children: format.dateTime(new Date(permission.createdAt), {
                 year: "numeric",
                 month: "short",
                 day: "numeric"
               }) }),
               /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-3 text-right", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-end gap-1", children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkBHOT22QL_js.Button,
+                  chunkMXQ2EYG2_js.Button,
                   {
                     size: "sm",
                     outline: true,
@@ -887,7 +884,7 @@ function AdminPermissionList({ client }) {
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkBHOT22QL_js.Button,
+                  chunkMXQ2EYG2_js.Button,
                   {
                     size: "sm",
                     color: "ios-glass-red",
@@ -902,7 +899,7 @@ function AdminPermissionList({ client }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunk5ETT54QS_js.Sheet,
+      chunkFZUV7GNB_js.Sheet,
       {
         open: isFormOpen,
         onClose: handleCloseForm,
@@ -911,7 +908,7 @@ function AdminPermissionList({ client }) {
         size: "md",
         children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4 p-4 sm:p-6", children: [
           !editingPermission && /* @__PURE__ */ jsxRuntime.jsx(
-            chunk5ETT54QS_js.Input,
+            chunkFZUV7GNB_js.Input,
             {
               label: t("admin.permissions.formIdLabel"),
               value: formId,
@@ -922,7 +919,7 @@ function AdminPermissionList({ client }) {
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunk5ETT54QS_js.Input,
+            chunkFZUV7GNB_js.Input,
             {
               label: t("admin.permissions.formNameLabel"),
               value: formName,
@@ -933,7 +930,7 @@ function AdminPermissionList({ client }) {
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunk5ETT54QS_js.Input,
+            chunkFZUV7GNB_js.Input,
             {
               label: t("admin.permissions.formDescriptionLabel"),
               value: formDescription,
@@ -944,7 +941,7 @@ function AdminPermissionList({ client }) {
           ),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunk5ETT54QS_js.Input,
+              chunkFZUV7GNB_js.Input,
               {
                 label: t("admin.permissions.formResourceLabel"),
                 value: formResource,
@@ -954,7 +951,7 @@ function AdminPermissionList({ client }) {
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunk5ETT54QS_js.Input,
+              chunkFZUV7GNB_js.Input,
               {
                 label: t("admin.permissions.formActionLabel"),
                 value: formAction,
@@ -967,7 +964,7 @@ function AdminPermissionList({ client }) {
           formError && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-red-600 dark:text-red-400", role: "alert", children: formError }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-3", children: [
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkBHOT22QL_js.Button,
+              chunkMXQ2EYG2_js.Button,
               {
                 outline: true,
                 onClick: handleCloseForm,
@@ -977,7 +974,7 @@ function AdminPermissionList({ client }) {
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkBHOT22QL_js.Button,
+              chunkMXQ2EYG2_js.Button,
               {
                 color: "ios-glass-blue",
                 onClick: handleSubmitForm,
@@ -992,7 +989,7 @@ function AdminPermissionList({ client }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunk5ETT54QS_js.DynamicIslandConfirm,
+      chunkFZUV7GNB_js.DynamicIslandConfirm,
       {
         open: deleteTarget !== null,
         onClose: handleDeleteCancel,
@@ -1012,5 +1009,5 @@ exports.AdminOrganizationList = AdminOrganizationList;
 exports.AdminPermissionList = AdminPermissionList;
 exports.AdminUserForm = AdminUserForm;
 exports.AdminUserList = AdminUserList;
-//# sourceMappingURL=chunk-OY5HUZSD.js.map
-//# sourceMappingURL=chunk-OY5HUZSD.js.map
+//# sourceMappingURL=chunk-PXGESUKI.js.map
+//# sourceMappingURL=chunk-PXGESUKI.js.map