@datatechsolutions/ui 3.12.1 → 3.13.1

package/dist/{chunk-ID55ABBB.js → chunk-B3TA74C4.js}

@@ -1,10 +1,10 @@
 "use client";
 'use strict';
 
-var chunkQGLGQXJE_js = require('./chunk-QGLGQXJE.js');
-var chunkULKZGM2T_js = require('./chunk-ULKZGM2T.js');
-var chunkYXN2K77G_js = require('./chunk-YXN2K77G.js');
-var chunkBHOT22QL_js = require('./chunk-BHOT22QL.js');
+var chunkFV42SSLP_js = require('./chunk-FV42SSLP.js');
+var chunkRWZ2PLMQ_js = require('./chunk-RWZ2PLMQ.js');
+var chunkY5VN4SPH_js = require('./chunk-Y5VN4SPH.js');
+var chunkEBARYRSA_js = require('./chunk-EBARYRSA.js');
 var chunkUZ3CMNUJ_js = require('./chunk-UZ3CMNUJ.js');
 var react = require('react');
 var outline = require('@heroicons/react/24/outline');
@@ -12,8 +12,8 @@ var jsxRuntime = require('react/jsx-runtime');
 
 var PAGE_SIZE = 20;
 function AdminUserList({ client, onUserSelect }) {
-  const t = chunkYXN2K77G_js.useTranslations("windsock");
-  const format = chunkYXN2K77G_js.useFormatter();
+  const t = chunkY5VN4SPH_js.useTranslations("windsock");
+  const format = chunkY5VN4SPH_js.useFormatter();
   const [users, setUsers] = react.useState([]);
   const [total, setTotal] = react.useState(0);
   const [isLoading, setIsLoading] = react.useState(true);
@@ -88,7 +88,7 @@ function AdminUserList({ client, onUserSelect }) {
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
-      chunkULKZGM2T_js.SectionCard,
+      chunkRWZ2PLMQ_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(
-            chunkULKZGM2T_js.SearchInput,
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liquid-divider p-4", children: /* @__PURE__ */ jsxRuntime.jsx(
+            chunkRWZ2PLMQ_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(chunkULKZGM2T_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(chunkRWZ2PLMQ_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(
-            chunkULKZGM2T_js.EmptyState,
+            chunkRWZ2PLMQ_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(
-                        chunkULKZGM2T_js.Avatar,
+                        chunkRWZ2PLMQ_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(chunkEBARYRSA_js.Badge, { color: roleBadgeColor(user.role), children: user.role }) }),
                     /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-3", children: /* @__PURE__ */ jsxRuntime.jsx(
-                      chunkULKZGM2T_js.StatusBadge,
+                      chunkRWZ2PLMQ_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,
+                      chunkEBARYRSA_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,
+                  chunkEBARYRSA_js.Button,
                   {
                     size: "sm",
                     outline: true,
@@ -192,7 +192,7 @@ function AdminUserList({ client, onUserSelect }) {
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkBHOT22QL_js.Button,
+                  chunkEBARYRSA_js.Button,
                   {
                     size: "sm",
                     outline: true,
@@ -208,7 +208,7 @@ function AdminUserList({ client, onUserSelect }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkULKZGM2T_js.DynamicIslandConfirm,
+      chunkRWZ2PLMQ_js.DynamicIslandConfirm,
       {
         open: deleteTarget !== null,
         onClose: handleDeleteCancel,
@@ -229,7 +229,7 @@ function AdminUserForm({
   onSubmit,
   roles = DEFAULT_ROLES
 }) {
-  const t = chunkYXN2K77G_js.useTranslations("windsock");
+  const t = chunkY5VN4SPH_js.useTranslations("windsock");
   const [email, setEmail] = react.useState("");
   const [name, setName] = react.useState("");
   const [password, setPassword] = react.useState("");
@@ -275,7 +275,7 @@ function AdminUserForm({
     }
   }, [email, name, password, selectedRole, onSubmit, onClose, resetForm, t]);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkULKZGM2T_js.GlassModal,
+    chunkRWZ2PLMQ_js.GlassModal,
     {
       open,
       onClose: handleClose,
@@ -293,7 +293,7 @@ function AdminUserForm({
           className: "space-y-4 p-4 sm:p-6",
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkULKZGM2T_js.Input,
+              chunkRWZ2PLMQ_js.Input,
               {
                 label: t("admin.userForm.emailLabel"),
                 type: "email",
@@ -306,7 +306,7 @@ function AdminUserForm({
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkULKZGM2T_js.Input,
+              chunkRWZ2PLMQ_js.Input,
               {
                 label: t("admin.userForm.nameLabel"),
                 value: name,
@@ -317,7 +317,7 @@ function AdminUserForm({
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkULKZGM2T_js.PasswordInput,
+              chunkRWZ2PLMQ_js.PasswordInput,
               {
                 label: t("admin.userForm.passwordLabel"),
                 value: password,
@@ -327,7 +327,7 @@ function AdminUserForm({
                 autoComplete: "new-password"
               }
             ),
-            password && /* @__PURE__ */ jsxRuntime.jsx(chunkQGLGQXJE_js.PasswordStrengthMeter, { password }),
+            password && /* @__PURE__ */ jsxRuntime.jsx(chunkFV42SSLP_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(
@@ -347,7 +347,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,
+                chunkEBARYRSA_js.Button,
                 {
                   type: "button",
                   outline: true,
@@ -358,7 +358,7 @@ function AdminUserForm({
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunkBHOT22QL_js.Button,
+                chunkEBARYRSA_js.Button,
                 {
                   type: "submit",
                   color: "ios-glass-blue",
@@ -376,8 +376,8 @@ function AdminUserForm({
   );
 }
 function AdminOrganizationList({ client, onOrganizationSelect }) {
-  const t = chunkYXN2K77G_js.useTranslations("windsock");
-  const format = chunkYXN2K77G_js.useFormatter();
+  const t = chunkY5VN4SPH_js.useTranslations("windsock");
+  const format = chunkY5VN4SPH_js.useFormatter();
   const [organizations, setOrganizations] = react.useState([]);
   const [filteredOrganizations, setFilteredOrganizations] = react.useState([]);
   const [isLoading, setIsLoading] = react.useState(true);
@@ -438,7 +438,7 @@ function AdminOrganizationList({ client, onOrganizationSelect }) {
   }, []);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
-      chunkULKZGM2T_js.SectionCard,
+      chunkRWZ2PLMQ_js.SectionCard,
       {
         header: {
           icon: /* @__PURE__ */ jsxRuntime.jsx(outline.BuildingOffice2Icon, { className: "h-5 w-5 text-white" }),
@@ -448,19 +448,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(
-            chunkULKZGM2T_js.SearchInput,
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liquid-divider p-4", children: /* @__PURE__ */ jsxRuntime.jsx(
+            chunkRWZ2PLMQ_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(chunkULKZGM2T_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(chunkRWZ2PLMQ_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(
-            chunkULKZGM2T_js.EmptyState,
+            chunkRWZ2PLMQ_js.EmptyState,
             {
               message: t("admin.organizations.emptyMessage"),
               description: t("admin.organizations.emptyDescription"),
@@ -468,12 +468,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 +482,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(
-                    chunkULKZGM2T_js.StatusBadge,
+                    chunkRWZ2PLMQ_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,
+                    chunkEBARYRSA_js.Button,
                     {
                       size: "sm",
                       color: "ios-glass-red",
@@ -520,7 +520,7 @@ function AdminOrganizationList({ client, onOrganizationSelect }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkULKZGM2T_js.DynamicIslandConfirm,
+      chunkRWZ2PLMQ_js.DynamicIslandConfirm,
       {
         open: deleteTarget !== null,
         onClose: handleDeleteCancel,
@@ -540,7 +540,7 @@ function AdminOrganizationForm({
   organization,
   onSubmit
 }) {
-  const t = chunkYXN2K77G_js.useTranslations("windsock");
+  const t = chunkY5VN4SPH_js.useTranslations("windsock");
   const isEditing = organization !== null && organization !== void 0;
   const [name, setName] = react.useState("");
   const [displayName, setDisplayName] = react.useState("");
@@ -600,7 +600,7 @@ function AdminOrganizationForm({
     }
   }, [name, displayName, description, isEditing, onSubmit, onClose, t]);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkULKZGM2T_js.GlassModal,
+    chunkRWZ2PLMQ_js.GlassModal,
     {
       open,
       onClose: handleClose,
@@ -618,7 +618,7 @@ function AdminOrganizationForm({
           className: "space-y-4 p-4 sm:p-6",
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkULKZGM2T_js.Input,
+              chunkRWZ2PLMQ_js.Input,
               {
                 label: t("admin.organizationForm.nameLabel"),
                 value: name,
@@ -629,7 +629,7 @@ function AdminOrganizationForm({
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkULKZGM2T_js.Input,
+              chunkRWZ2PLMQ_js.Input,
               {
                 label: t("admin.organizationForm.displayNameLabel"),
                 value: displayName,
@@ -639,7 +639,7 @@ function AdminOrganizationForm({
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkULKZGM2T_js.Input,
+              chunkRWZ2PLMQ_js.Input,
               {
                 label: t("admin.organizationForm.descriptionLabel"),
                 value: description,
@@ -651,7 +651,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,
+                chunkEBARYRSA_js.Button,
                 {
                   type: "button",
                   outline: true,
@@ -662,7 +662,7 @@ function AdminOrganizationForm({
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunkBHOT22QL_js.Button,
+                chunkEBARYRSA_js.Button,
                 {
                   type: "submit",
                   color: "ios-glass-blue",
@@ -680,8 +680,8 @@ function AdminOrganizationForm({
   );
 }
 function AdminPermissionList({ client }) {
-  const t = chunkYXN2K77G_js.useTranslations("windsock");
-  const format = chunkYXN2K77G_js.useFormatter();
+  const t = chunkY5VN4SPH_js.useTranslations("windsock");
+  const format = chunkY5VN4SPH_js.useFormatter();
   const [permissions, setPermissions] = react.useState([]);
   const [filteredPermissions, setFilteredPermissions] = react.useState([]);
   const [isLoading, setIsLoading] = react.useState(true);
@@ -819,33 +819,33 @@ function AdminPermissionList({ client }) {
   }, []);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
-      chunkULKZGM2T_js.SectionCard,
+      chunkRWZ2PLMQ_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(chunkEBARYRSA_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(
-            chunkULKZGM2T_js.SearchInput,
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "liquid-divider p-4", children: /* @__PURE__ */ jsxRuntime.jsx(
+            chunkRWZ2PLMQ_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(chunkULKZGM2T_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(chunkRWZ2PLMQ_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(
-            chunkULKZGM2T_js.EmptyState,
+            chunkRWZ2PLMQ_js.EmptyState,
             {
               message: t("admin.permissions.emptyMessage"),
               description: t("admin.permissions.emptyDescription"),
@@ -857,28 +857,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(chunkEBARYRSA_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(chunkEBARYRSA_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,
+                  chunkEBARYRSA_js.Button,
                   {
                     size: "sm",
                     outline: true,
@@ -887,7 +887,7 @@ function AdminPermissionList({ client }) {
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkBHOT22QL_js.Button,
+                  chunkEBARYRSA_js.Button,
                   {
                     size: "sm",
                     color: "ios-glass-red",
@@ -902,7 +902,7 @@ function AdminPermissionList({ client }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkULKZGM2T_js.Sheet,
+      chunkRWZ2PLMQ_js.Sheet,
       {
         open: isFormOpen,
         onClose: handleCloseForm,
@@ -911,7 +911,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(
-            chunkULKZGM2T_js.Input,
+            chunkRWZ2PLMQ_js.Input,
             {
               label: t("admin.permissions.formIdLabel"),
               value: formId,
@@ -922,7 +922,7 @@ function AdminPermissionList({ client }) {
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkULKZGM2T_js.Input,
+            chunkRWZ2PLMQ_js.Input,
             {
               label: t("admin.permissions.formNameLabel"),
               value: formName,
@@ -933,7 +933,7 @@ function AdminPermissionList({ client }) {
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkULKZGM2T_js.Input,
+            chunkRWZ2PLMQ_js.Input,
             {
               label: t("admin.permissions.formDescriptionLabel"),
               value: formDescription,
@@ -944,7 +944,7 @@ function AdminPermissionList({ client }) {
           ),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkULKZGM2T_js.Input,
+              chunkRWZ2PLMQ_js.Input,
               {
                 label: t("admin.permissions.formResourceLabel"),
                 value: formResource,
@@ -954,7 +954,7 @@ function AdminPermissionList({ client }) {
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkULKZGM2T_js.Input,
+              chunkRWZ2PLMQ_js.Input,
               {
                 label: t("admin.permissions.formActionLabel"),
                 value: formAction,
@@ -967,7 +967,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,
+              chunkEBARYRSA_js.Button,
               {
                 outline: true,
                 onClick: handleCloseForm,
@@ -977,7 +977,7 @@ function AdminPermissionList({ client }) {
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx(
-              chunkBHOT22QL_js.Button,
+              chunkEBARYRSA_js.Button,
               {
                 color: "ios-glass-blue",
                 onClick: handleSubmitForm,
@@ -992,7 +992,7 @@ function AdminPermissionList({ client }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkULKZGM2T_js.DynamicIslandConfirm,
+      chunkRWZ2PLMQ_js.DynamicIslandConfirm,
       {
         open: deleteTarget !== null,
         onClose: handleDeleteCancel,
@@ -1012,5 +1012,5 @@ exports.AdminOrganizationList = AdminOrganizationList;
 exports.AdminPermissionList = AdminPermissionList;
 exports.AdminUserForm = AdminUserForm;
 exports.AdminUserList = AdminUserList;
-//# sourceMappingURL=chunk-ID55ABBB.js.map
-//# sourceMappingURL=chunk-ID55ABBB.js.map
+//# sourceMappingURL=chunk-B3TA74C4.js.map
+//# sourceMappingURL=chunk-B3TA74C4.js.map