@infuro/cms-core 1.0.2 → 1.0.4

package/dist/admin.cjs

@@ -312,8 +312,8 @@ function AdminHeader() {
               }
             ) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "text-xs font-medium text-gray-100", children: session?.user?.name?.charAt(0).toUpperCase() || session?.user?.email?.charAt(0).toUpperCase() || "A" }) }),
             /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex flex-col items-start", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "text-xs font-medium text-gray-900", children: session?.user?.name || session?.user?.email || "Admin" }),
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "text-[10px] text-gray-500", children: "Administrator" })
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "text-[13px] font-medium text-gray-900", children: session?.user?.name || session?.user?.email || "Admin" }),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "text-[11px] text-gray-500", children: "Administrator" })
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react2.ChevronDown, { className: "h-3.5 w-3.5 text-gray-400" })
           ]
@@ -385,9 +385,9 @@ function AdminSidebar() {
   const linkInactive = "text-gray-600 hover:bg-gray-100 hover:text-gray-900";
   const iconActive = "text-gray-700";
   const iconInactive = "text-gray-400";
-  const linkCls = "flex items-center px-2.5 py-1.5 text-xs font-medium rounded-md transition-colors";
+  const linkCls = "flex items-center px-2.5 py-[7px] text-[13px] font-medium rounded-md transition-colors";
   const sectionCls = "mb-5";
-  const headingCls = "text-[10px] font-semibold text-gray-400 uppercase tracking-wider px-2.5 mb-1.5";
+  const headingCls = "text-[11px] font-semibold text-gray-400 uppercase tracking-wider px-2.5 mb-1.5";
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("aside", { className: "w-52 h-full min-h-0 bg-white border-r border-gray-200 flex-shrink-0 flex flex-col overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex flex-col flex-1 min-h-0 overflow-hidden", children: [
     /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("nav", { className: "admin-scroll flex-1 min-h-0 px-3 py-4 pb-4 overflow-y-auto overscroll-contain", children: [
       /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: sectionCls, children: [
@@ -398,7 +398,7 @@ function AdminSidebar() {
             href: "/admin/dashboard",
             className: `${linkCls} ${isActive("/admin/dashboard") ? linkActive : linkInactive}`,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.LayoutDashboard, { className: `h-3.5 w-3.5 mr-2 ${isActive("/admin/dashboard") ? iconActive : iconInactive}` }),
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.LayoutDashboard, { className: `h-4 w-4 mr-2 ${isActive("/admin/dashboard") ? iconActive : iconInactive}` }),
               "Dashboard"
             ]
           }
@@ -409,7 +409,7 @@ function AdminSidebar() {
         /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("ul", { className: "space-y-0.5", children: section.items.map((item) => {
           const Icon2 = getIconForItem(item.icon);
           return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_link2.default, { href: item.href, className: `${linkCls} ${isActive(item.href) ? linkActive : linkInactive}`, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon2, { className: `h-3.5 w-3.5 mr-2 ${isActive(item.href) ? iconActive : iconInactive}` }),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon2, { className: `h-4 w-4 mr-2 ${isActive(item.href) ? iconActive : iconInactive}` }),
             item.label
           ] }) }, item.href);
         }) })
@@ -419,7 +419,7 @@ function AdminSidebar() {
         /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("ul", { className: "space-y-0.5", children: customNavItems.map((item) => {
           const Icon2 = getIconForItem(item.icon);
           return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_link2.default, { href: item.href, className: `${linkCls} ${isActive(item.href) ? linkActive : linkInactive}`, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon2, { className: `h-3.5 w-3.5 mr-2 ${isActive(item.href) ? iconActive : iconInactive}` }),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon2, { className: `h-4 w-4 mr-2 ${isActive(item.href) ? iconActive : iconInactive}` }),
             item.label
           ] }) }, item.href);
         }) })
@@ -428,23 +428,23 @@ function AdminSidebar() {
         /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h3", { className: headingCls, children: "Management" }),
         /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("ul", { className: "space-y-0.5", children: [
           /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_link2.default, { href: "/admin/contacts", className: `${linkCls} ${isActive("/admin/contacts") ? linkActive : linkInactive}`, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.Inbox, { className: `h-3.5 w-3.5 mr-2 ${isActive("/admin/contacts") ? iconActive : iconInactive}` }),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.Inbox, { className: `h-4 w-4 mr-2 ${isActive("/admin/contacts") ? iconActive : iconInactive}` }),
             "Contacts"
           ] }) }),
           /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_link2.default, { href: "/admin/blogs", className: `${linkCls} ${isActive("/admin/blogs") ? linkActive : linkInactive}`, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.File, { className: `h-3.5 w-3.5 mr-2 ${isActive("/admin/blogs") ? iconActive : iconInactive}` }),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.File, { className: `h-4 w-4 mr-2 ${isActive("/admin/blogs") ? iconActive : iconInactive}` }),
             "Blogs"
           ] }) }),
           /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_link2.default, { href: "/admin/pages", className: `${linkCls} ${isActive("/admin/pages") ? linkActive : linkInactive}`, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.LinkIcon, { className: `h-3.5 w-3.5 mr-2 ${isActive("/admin/pages") ? iconActive : iconInactive}` }),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.LinkIcon, { className: `h-4 w-4 mr-2 ${isActive("/admin/pages") ? iconActive : iconInactive}` }),
             "Pages"
           ] }) }),
           /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_link2.default, { href: "/admin/submissions", className: `${linkCls} ${isActive("/admin/submissions") ? linkActive : linkInactive}`, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.MessageSquare, { className: `h-3.5 w-3.5 mr-2 ${isActive("/admin/submissions") ? iconActive : iconInactive}` }),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.MessageSquare, { className: `h-4 w-4 mr-2 ${isActive("/admin/submissions") ? iconActive : iconInactive}` }),
             "Submissions"
           ] }) }),
           /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_link2.default, { href: "/admin/media", className: `${linkCls} ${isActive("/admin/media") ? linkActive : linkInactive}`, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.Image, { className: `h-3.5 w-3.5 mr-2 ${isActive("/admin/media") ? iconActive : iconInactive}` }),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.Image, { className: `h-4 w-4 mr-2 ${isActive("/admin/media") ? iconActive : iconInactive}` }),
             "Media"
           ] }) })
         ] })
@@ -453,19 +453,19 @@ function AdminSidebar() {
         /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h3", { className: headingCls, children: "System" }),
         /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("ul", { className: "space-y-0.5", children: [
           /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_link2.default, { href: "/admin/forms", className: `${linkCls} ${isActive("/admin/forms") ? linkActive : linkInactive}`, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.ClipboardList, { className: `h-3.5 w-3.5 mr-2 ${isActive("/admin/forms") ? iconActive : iconInactive}` }),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.ClipboardList, { className: `h-4 w-4 mr-2 ${isActive("/admin/forms") ? iconActive : iconInactive}` }),
             "Forms"
           ] }) }),
           /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_link2.default, { href: "/admin/users", className: `${linkCls} ${isActive("/admin/users") ? linkActive : linkInactive}`, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.Users, { className: `h-3.5 w-3.5 mr-2 ${isActive("/admin/users") ? iconActive : iconInactive}` }),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.Users, { className: `h-4 w-4 mr-2 ${isActive("/admin/users") ? iconActive : iconInactive}` }),
             "Users"
           ] }) }),
           /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_link2.default, { href: "/admin/plugins", className: `${linkCls} ${isActive("/admin/plugins") ? linkActive : linkInactive}`, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.Puzzle, { className: `h-3.5 w-3.5 mr-2 ${isActive("/admin/plugins") ? iconActive : iconInactive}` }),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.Puzzle, { className: `h-4 w-4 mr-2 ${isActive("/admin/plugins") ? iconActive : iconInactive}` }),
             "Plugins"
           ] }) }),
           /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_link2.default, { href: "/admin/settings", className: `${linkCls} ${isActive("/admin/settings") ? linkActive : linkInactive}`, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.Settings, { className: `h-3.5 w-3.5 mr-2 ${isActive("/admin/settings") ? iconActive : iconInactive}` }),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react3.Settings, { className: `h-4 w-4 mr-2 ${isActive("/admin/settings") ? iconActive : iconInactive}` }),
             "Settings"
           ] }) })
         ] })
@@ -480,7 +480,7 @@ function AdminSidebar() {
         className: "flex items-center gap-2 text-gray-500 hover:text-gray-700 transition-colors",
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_image2.default, { src: INFURO_FAVICON_BASE64, alt: INFURO_FOOTER_LABEL, width: 32, height: 32, className: "rounded object-contain", unoptimized: true }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "text-[10px] font-medium leading-tight", children: INFURO_FOOTER_LABEL })
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "text-[11px] font-medium leading-tight", children: INFURO_FOOTER_LABEL })
         ]
       }
     ) })
@@ -494,34 +494,35 @@ var ADMIN_THEME_CSS = `
 .dark{--background:0 0% 3.9%;--foreground:0 0% 98%;--card:0 0% 3.9%;--card-foreground:0 0% 98%;--primary:0 0% 98%;--primary-foreground:0 0% 9%;--secondary:0 0% 14.9%;--secondary-foreground:0 0% 98%;--muted:0 0% 14.9%;--muted-foreground:0 0% 63.9%;--border:0 0% 14.9%;--input:0 0% 14.9%;--ring:0 0% 83.1%;--sidebar-background:0 0% 9%;--sidebar-foreground:0 0% 98%;--sidebar-primary:0 0% 98%;--sidebar-primary-foreground:0 0% 9%;--sidebar-accent:0 0% 14.9%;--sidebar-accent-foreground:0 0% 98%;--sidebar-border:0 0% 14.9%;--sidebar-ring:0 0% 83.1%}
 *,*::before,*::after{border-color:hsl(var(--border))}
 body{font-family:"Inter",ui-sans-serif,system-ui,sans-serif;font-size:14px}
-.admin-app{font-size:13px}
-.admin-app main{padding:0.75rem 1rem}
-.admin-app .rounded-lg .p-6,.admin-app [class*="p-6"]{padding:0.75rem 1rem}
-.admin-app .px-6{padding-left:1rem;padding-right:1rem}
-.admin-app .py-4{padding-top:0.5rem;padding-bottom:0.5rem}
-.admin-app .py-6{padding-top:0.75rem;padding-bottom:0.75rem}
-.admin-app .text-xl{font-size:1rem}
-.admin-app .text-lg{font-size:0.9375rem}
-.admin-app .text-sm{font-size:0.8125rem}
-.admin-app .text-xs{font-size:0.75rem}
-.admin-app table td,.admin-app table th{padding:0.25rem 0.5rem;font-size:0.8125rem}
-.admin-app h1{font-size:1rem;font-weight:600}
-.admin-app h2{font-size:0.9375rem;font-weight:600}
-.admin-app h3{font-size:0.8125rem;font-weight:600}
-.admin-app .space-y-8 > * + *{margin-top:0.5rem}
-.admin-app .gap-4{gap:0.5rem}
-.admin-app .gap-6{gap:0.75rem}
-.admin-app .mb-6{margin-bottom:0.75rem}
-.admin-app .mb-8{margin-bottom:1rem}
+.admin-app{font-size:13.5px}
+.admin-app main{padding:0.85rem 1.15rem}
+.admin-app .rounded-lg .p-6,.admin-app [class*="p-6"]{padding:0.85rem 1.15rem}
+.admin-app .px-6{padding-left:1.15rem;padding-right:1.15rem}
+.admin-app .py-4{padding-top:0.6rem;padding-bottom:0.6rem}
+.admin-app .py-6{padding-top:0.85rem;padding-bottom:0.85rem}
+.admin-app .text-xl{font-size:1.0625rem}
+.admin-app .text-lg{font-size:1rem}
+.admin-app .text-sm{font-size:0.8375rem}
+.admin-app .text-xs{font-size:0.775rem}
+.admin-app table td,.admin-app table th{padding:0.3rem 0.6rem;font-size:0.8375rem}
+.admin-app h1{font-size:1.0625rem;font-weight:600}
+.admin-app h2{font-size:1rem;font-weight:600}
+.admin-app h3{font-size:0.8375rem;font-weight:600}
+.admin-app .space-y-8 > * + *{margin-top:0.6rem}
+.admin-app .gap-4{gap:0.625rem}
+.admin-app .gap-6{gap:0.875rem}
+.admin-app .mb-6{margin-bottom:0.875rem}
+.admin-app .mb-8{margin-bottom:1.125rem}
 
 /* Sleek scrollbar: thin, rounded; visible on hover/scroll */
-#admin-root .admin-scroll,.admin-scroll{scrollbar-width:thin;scrollbar-color:transparent transparent}
+#admin-root .admin-scroll,.admin-scroll{scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color 0.2s ease}
 #admin-root .admin-scroll:hover,.admin-scroll:hover{scrollbar-color:rgba(0,0,0,.18) transparent}
-#admin-root .admin-scroll::-webkit-scrollbar,.admin-scroll::-webkit-scrollbar{width:6px;height:6px}
+#admin-root .admin-scroll::-webkit-scrollbar,.admin-scroll::-webkit-scrollbar{width:5px;height:5px}
 #admin-root .admin-scroll::-webkit-scrollbar-track,.admin-scroll::-webkit-scrollbar-track{background:transparent}
-#admin-root .admin-scroll::-webkit-scrollbar-thumb,.admin-scroll::-webkit-scrollbar-thumb{background:transparent;border-radius:3px}
+#admin-root .admin-scroll::-webkit-scrollbar-thumb,.admin-scroll::-webkit-scrollbar-thumb{background:transparent;border-radius:2.5px;transition:background 0.2s ease}
 #admin-root .admin-scroll:hover::-webkit-scrollbar-thumb,.admin-scroll:hover::-webkit-scrollbar-thumb{background:rgba(0,0,0,.18)}
 #admin-root .admin-scroll::-webkit-scrollbar-thumb:hover,.admin-scroll::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.28)}
+#admin-root .admin-scroll::-webkit-scrollbar-thumb:active,.admin-scroll::-webkit-scrollbar-thumb:active{background:rgba(0,0,0,.35)}
 `;
 
 // src/admin/pages/AdminLayout.tsx
@@ -580,10 +581,10 @@ function AdminLayoutInner({ children }) {
   if (!session) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { id: "admin-root", className: "admin-app min-h-screen bg-gray-100 flex flex-col", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { id: "admin-root", className: "admin-app h-screen bg-gray-100 flex flex-col overflow-hidden", children: [
     /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AdminStyle, {}),
     /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AdminHeader, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex flex-1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex flex-1 min-h-0", children: [
       /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AdminSidebar, {}),
       /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("main", { className: "admin-scroll flex-1 p-4 bg-gray-100 overflow-auto", children })
     ] }),