powr-sdk-web 3.2.0 → 3.2.2

package/dist/admin/index.js

@@ -1,57 +1,12 @@
 "use strict";
 
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "AdminDashboard", {
-  enumerable: true,
-  get: function get() {
-    return _AdminDashboard["default"];
-  }
-});
-Object.defineProperty(exports, "PowrBaseFormsAdmin", {
-  enumerable: true,
-  get: function get() {
-    return _admin6["default"];
-  }
-});
-Object.defineProperty(exports, "PowrBaseFunctionsAdmin", {
-  enumerable: true,
-  get: function get() {
-    return _admin2["default"];
-  }
-});
-Object.defineProperty(exports, "PowrBaseInvoicesAdmin", {
-  enumerable: true,
-  get: function get() {
-    return _admin4["default"];
-  }
-});
-Object.defineProperty(exports, "PowrBaseNotificationsAdmin", {
-  enumerable: true,
-  get: function get() {
-    return _admin3["default"];
-  }
-});
-Object.defineProperty(exports, "PowrBaseSlidesAdmin", {
-  enumerable: true,
-  get: function get() {
-    return _admin5["default"];
-  }
-});
-Object.defineProperty(exports, "PowrBaseUsersAdmin", {
-  enumerable: true,
-  get: function get() {
-    return _admin["default"];
-  }
-});
-Object.defineProperty(exports, "PowrBaseWaitListAdmin", {
-  enumerable: true,
-  get: function get() {
-    return _admin7["default"];
-  }
-});
-var _AdminDashboard = _interopRequireDefault(require("./AdminDashboard"));
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
 var _admin = _interopRequireDefault(require("../users/admin"));
 var _admin2 = _interopRequireDefault(require("../functions/admin"));
 var _admin3 = _interopRequireDefault(require("../notifications/admin"));
@@ -59,4 +14,310 @@ var _admin4 = _interopRequireDefault(require("../invoices/admin"));
 var _admin5 = _interopRequireDefault(require("../slides/admin"));
 var _admin6 = _interopRequireDefault(require("../forms/admin"));
 var _admin7 = _interopRequireDefault(require("../waitlists/admin"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; } // Import all admin components
+var AdminDashboard = function AdminDashboard(_ref) {
+  var projectId = _ref.projectId,
+    _ref$sections = _ref.sections,
+    sections = _ref$sections === void 0 ? [] : _ref$sections,
+    _ref$theme = _ref.theme,
+    theme = _ref$theme === void 0 ? "default" : _ref$theme;
+  var _useState = (0, _react.useState)(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    currentSection = _useState2[0],
+    setCurrentSection = _useState2[1];
+  var getThemeStyles = function getThemeStyles() {
+    var baseStyles = {
+      container: {
+        fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif',
+        padding: '24px',
+        maxWidth: '1200px',
+        margin: '0 auto'
+      },
+      header: {
+        marginBottom: '32px'
+      },
+      title: {
+        fontSize: '32px',
+        fontWeight: '800',
+        color: '#1f2937',
+        margin: '0 0 8px 0',
+        lineHeight: '1.2'
+      },
+      subtitle: {
+        fontSize: '16px',
+        color: '#6b7280',
+        margin: '0'
+      },
+      backButton: {
+        background: 'none',
+        border: 'none',
+        color: '#3b82f6',
+        fontSize: '16px',
+        cursor: 'pointer',
+        padding: '8px 0',
+        marginBottom: '16px',
+        display: 'flex',
+        alignItems: 'center',
+        gap: '8px'
+      },
+      grid: {
+        display: 'grid',
+        gridTemplateColumns: 'repeat(auto-fit, minmax(300px, 1fr))',
+        gap: '24px',
+        marginBottom: '32px'
+      },
+      card: {
+        background: '#ffffff',
+        border: '1px solid #e5e7eb',
+        borderRadius: '12px',
+        padding: '24px',
+        transition: 'all 0.2s ease',
+        cursor: 'pointer',
+        boxShadow: '0 1px 3px rgba(0, 0, 0, 0.1)'
+      },
+      cardHover: {
+        boxShadow: '0 4px 12px rgba(0, 0, 0, 0.15)',
+        transform: 'translateY(-2px)'
+      },
+      cardHeader: {
+        display: 'flex',
+        alignItems: 'center',
+        marginBottom: '16px'
+      },
+      cardIcon: {
+        width: '24px',
+        height: '24px',
+        marginRight: '12px'
+      },
+      cardTitle: {
+        fontSize: '18px',
+        fontWeight: '600',
+        color: '#1f2937',
+        margin: '0'
+      },
+      cardDescription: {
+        fontSize: '14px',
+        color: '#6b7280',
+        margin: '0 0 16px 0',
+        lineHeight: '1.5'
+      },
+      cardButton: {
+        width: '100%',
+        padding: '12px 16px',
+        background: '#3b82f6',
+        color: '#ffffff',
+        border: 'none',
+        borderRadius: '8px',
+        fontSize: '14px',
+        fontWeight: '500',
+        cursor: 'pointer',
+        transition: 'background-color 0.2s ease'
+      },
+      cardButtonHover: {
+        background: '#2563eb'
+      },
+      statsCard: {
+        background: '#ffffff',
+        border: '1px solid #e5e7eb',
+        borderRadius: '12px',
+        padding: '24px',
+        marginTop: '32px'
+      },
+      statsGrid: {
+        display: 'grid',
+        gridTemplateColumns: 'repeat(auto-fit, minmax(150px, 1fr))',
+        gap: '16px'
+      },
+      statItem: {
+        textAlign: 'center'
+      },
+      statValue: {
+        fontSize: '24px',
+        fontWeight: '700',
+        color: '#3b82f6',
+        margin: '0 0 4px 0'
+      },
+      statLabel: {
+        fontSize: '14px',
+        color: '#6b7280',
+        margin: '0'
+      },
+      sectionContainer: {
+        background: '#ffffff',
+        border: '1px solid #e5e7eb',
+        borderRadius: '12px',
+        padding: '24px',
+        marginTop: '16px'
+      }
+    };
+
+    // Theme variations
+    if (theme === 'dark') {
+      baseStyles.container.backgroundColor = '#1f2937';
+      baseStyles.title.color = '#f9fafb';
+      baseStyles.subtitle.color = '#9ca3af';
+      baseStyles.card.backgroundColor = '#374151';
+      baseStyles.card.borderColor = '#4b5563';
+      baseStyles.cardTitle.color = '#f9fafb';
+      baseStyles.cardDescription.color = '#9ca3af';
+      baseStyles.statsCard.backgroundColor = '#374151';
+      baseStyles.statsCard.borderColor = '#4b5563';
+      baseStyles.statLabel.color = '#9ca3af';
+      baseStyles.sectionContainer.backgroundColor = '#374151';
+      baseStyles.sectionContainer.borderColor = '#4b5563';
+    }
+    return baseStyles;
+  };
+  var styles = getThemeStyles();
+  var handleCardClick = function handleCardClick(section) {
+    setCurrentSection(section.toLowerCase());
+  };
+  var handleBackToDashboard = function handleBackToDashboard() {
+    setCurrentSection(null);
+  };
+  var renderAdminSection = function renderAdminSection() {
+    var sectionProps = {
+      projectId: projectId,
+      theme: theme === 'dark' ? 'dark' : 'blue'
+    };
+    switch (currentSection) {
+      case 'users':
+        return /*#__PURE__*/_react["default"].createElement(_admin["default"], _extends({}, sectionProps, {
+          showActions: true
+        }));
+      case 'functions':
+        return /*#__PURE__*/_react["default"].createElement(_admin2["default"], sectionProps);
+      case 'notifications':
+        return /*#__PURE__*/_react["default"].createElement(_admin3["default"], sectionProps);
+      case 'invoices':
+        return /*#__PURE__*/_react["default"].createElement(_admin4["default"], sectionProps);
+      case 'slides':
+        return /*#__PURE__*/_react["default"].createElement(_admin5["default"], sectionProps);
+      case 'forms':
+        return /*#__PURE__*/_react["default"].createElement(_admin6["default"], sectionProps);
+      case 'waitlist':
+        return /*#__PURE__*/_react["default"].createElement(_admin7["default"], sectionProps);
+      default:
+        return null;
+    }
+  };
+  if (!projectId) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      style: _objectSpread(_objectSpread({}, styles.container), {}, {
+        textAlign: 'center',
+        padding: '40px'
+      })
+    }, /*#__PURE__*/_react["default"].createElement("p", {
+      style: {
+        color: '#6b7280',
+        fontSize: '16px'
+      }
+    }, "Project ID is required for admin functionality"));
+  }
+
+  // If a section is selected, show that section
+  if (currentSection) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      style: styles.container
+    }, /*#__PURE__*/_react["default"].createElement("button", {
+      style: styles.backButton,
+      onClick: handleBackToDashboard
+    }, "\u2190 Back to Dashboard"), /*#__PURE__*/_react["default"].createElement("div", {
+      style: styles.header
+    }, /*#__PURE__*/_react["default"].createElement("h1", {
+      style: styles.title
+    }, currentSection.charAt(0).toUpperCase() + currentSection.slice(1), " Management"), /*#__PURE__*/_react["default"].createElement("p", {
+      style: styles.subtitle
+    }, "Manage your ", currentSection, " settings")), /*#__PURE__*/_react["default"].createElement("div", {
+      style: styles.sectionContainer
+    }, renderAdminSection()));
+  }
+
+  // Show the main dashboard
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: styles.container
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    style: styles.header
+  }, /*#__PURE__*/_react["default"].createElement("h1", {
+    style: styles.title
+  }, "Admin Dashboard"), /*#__PURE__*/_react["default"].createElement("p", {
+    style: styles.subtitle
+  }, "Manage your project settings and users")), /*#__PURE__*/_react["default"].createElement("div", {
+    style: styles.grid
+  }, sections.map(function (section, index) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      key: section,
+      style: styles.card,
+      onMouseEnter: function onMouseEnter(e) {
+        e.currentTarget.style.transform = styles.cardHover.transform;
+        e.currentTarget.style.boxShadow = styles.cardHover.boxShadow;
+      },
+      onMouseLeave: function onMouseLeave(e) {
+        e.currentTarget.style.transform = 'none';
+        e.currentTarget.style.boxShadow = styles.card.boxShadow;
+      },
+      onClick: function onClick() {
+        return handleCardClick(section);
+      }
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      style: styles.cardHeader
+    }, /*#__PURE__*/_react["default"].createElement("h3", {
+      style: styles.cardTitle
+    }, section)), /*#__PURE__*/_react["default"].createElement("p", {
+      style: styles.cardDescription
+    }, "Manage your ", section.toLowerCase(), " settings"), /*#__PURE__*/_react["default"].createElement("button", {
+      style: styles.cardButton,
+      onMouseEnter: function onMouseEnter(e) {
+        e.target.style.background = styles.cardButtonHover.background;
+      },
+      onMouseLeave: function onMouseLeave(e) {
+        e.target.style.background = styles.cardButton.background;
+      }
+    }, "Manage ", section));
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    style: styles.statsCard
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    style: styles.cardHeader
+  }, /*#__PURE__*/_react["default"].createElement("h3", {
+    style: styles.cardTitle
+  }, "Quick Stats")), /*#__PURE__*/_react["default"].createElement("div", {
+    style: styles.statsGrid
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    style: styles.statItem
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    style: styles.statValue
+  }, "0"), /*#__PURE__*/_react["default"].createElement("div", {
+    style: styles.statLabel
+  }, "Total Users")), /*#__PURE__*/_react["default"].createElement("div", {
+    style: styles.statItem
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    style: styles.statValue
+  }, "0"), /*#__PURE__*/_react["default"].createElement("div", {
+    style: styles.statLabel
+  }, "Active Projects")), /*#__PURE__*/_react["default"].createElement("div", {
+    style: styles.statItem
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    style: styles.statValue
+  }, "0"), /*#__PURE__*/_react["default"].createElement("div", {
+    style: styles.statLabel
+  }, "Pending Tasks")))));
+};
+AdminDashboard.propTypes = {
+  projectId: _propTypes["default"].string.isRequired,
+  sections: _propTypes["default"].arrayOf(_propTypes["default"].string),
+  theme: _propTypes["default"].oneOf(['default', 'dark'])
+};
+var _default = exports["default"] = AdminDashboard;

package/dist/index.js

@@ -3,16 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "AdminDashboard", {
+Object.defineProperty(exports, "PowrBaseActivities", {
   enumerable: true,
   get: function get() {
-    return _admin8.AdminDashboard;
+    return _activities["default"];
   }
 });
-Object.defineProperty(exports, "PowrBaseActivities", {
+Object.defineProperty(exports, "PowrBaseAdmin", {
   enumerable: true,
   get: function get() {
-    return _activities["default"];
+    return _admin["default"];
   }
 });
 Object.defineProperty(exports, "PowrBaseBlogs", {
@@ -39,30 +39,12 @@ Object.defineProperty(exports, "PowrBaseForm", {
     return _forms["default"];
   }
 });
-Object.defineProperty(exports, "PowrBaseFormsAdmin", {
-  enumerable: true,
-  get: function get() {
-    return _admin2["default"];
-  }
-});
-Object.defineProperty(exports, "PowrBaseFunctionsAdmin", {
-  enumerable: true,
-  get: function get() {
-    return _admin7["default"];
-  }
-});
 Object.defineProperty(exports, "PowrBaseInvoice", {
   enumerable: true,
   get: function get() {
     return _invoices["default"];
   }
 });
-Object.defineProperty(exports, "PowrBaseInvoicesAdmin", {
-  enumerable: true,
-  get: function get() {
-    return _admin4["default"];
-  }
-});
 Object.defineProperty(exports, "PowrBaseLike", {
   enumerable: true,
   get: function get() {
@@ -75,24 +57,12 @@ Object.defineProperty(exports, "PowrBaseLogin", {
     return _auth["default"];
   }
 });
-Object.defineProperty(exports, "PowrBaseNotificationsAdmin", {
-  enumerable: true,
-  get: function get() {
-    return _admin5["default"];
-  }
-});
 Object.defineProperty(exports, "PowrBaseReviews", {
   enumerable: true,
   get: function get() {
     return _reviews["default"];
   }
 });
-Object.defineProperty(exports, "PowrBaseSlidesAdmin", {
-  enumerable: true,
-  get: function get() {
-    return _admin3["default"];
-  }
-});
 Object.defineProperty(exports, "PowrBaseSwiper", {
   enumerable: true,
   get: function get() {
@@ -105,12 +75,6 @@ Object.defineProperty(exports, "PowrBaseUploader", {
     return _uploader["default"];
   }
 });
-Object.defineProperty(exports, "PowrBaseUsersAdmin", {
-  enumerable: true,
-  get: function get() {
-    return _admin6["default"];
-  }
-});
 Object.defineProperty(exports, "PowrBaseWaitlist", {
   enumerable: true,
   get: function get() {
@@ -123,12 +87,6 @@ Object.defineProperty(exports, "PowrTable", {
     return _table["default"];
   }
 });
-Object.defineProperty(exports, "PowrWaitListAdmin", {
-  enumerable: true,
-  get: function get() {
-    return _admin["default"];
-  }
-});
 var _table = _interopRequireDefault(require("./table"));
 var _swiper = _interopRequireDefault(require("./swiper"));
 var _reviews = _interopRequireDefault(require("./reviews"));
@@ -142,12 +100,5 @@ var _likes = _interopRequireDefault(require("./likes"));
 var _auth = _interopRequireDefault(require("./auth"));
 var _forms = _interopRequireDefault(require("./forms"));
 var _chat = _interopRequireDefault(require("./chat"));
-var _admin = _interopRequireDefault(require("./waitlists/admin"));
-var _admin2 = _interopRequireDefault(require("./forms/admin"));
-var _admin3 = _interopRequireDefault(require("./slides/admin"));
-var _admin4 = _interopRequireDefault(require("./invoices/admin"));
-var _admin5 = _interopRequireDefault(require("./notifications/admin"));
-var _admin6 = _interopRequireDefault(require("./users/admin"));
-var _admin7 = _interopRequireDefault(require("./functions/admin"));
-var _admin8 = require("./admin");
+var _admin = _interopRequireDefault(require("./admin"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "powr-sdk-web",
-    "version": "3.2.0",
+    "version": "3.2.2",
     "main": "dist/index.js",
     "scripts": {
         "build": "babel src -d dist --copy-files",

package/ADMIN_USAGE.md

@@ -1,129 +0,0 @@
-# Admin Dashboard Usage Guide
-
-The `powr-sdk-web` now includes a **complete self-contained admin system** that eliminates the need for separate routes and components.
-
-## 🚀 **Revolutionary Approach**
-
-**No more separate admin routes!** The AdminDashboard now handles everything internally:
-
-- ✅ **Single Component** - Everything in one place
-- ✅ **No Route Management** - No need for `/admin/users`, `/admin/functions`, etc.
-- ✅ **Internal Navigation** - Click cards to switch between sections
-- ✅ **Back Button** - Easy navigation back to dashboard
-- ✅ **Consistent Styling** - Unified look across all sections
-
-## Basic Usage
-
-```jsx
-// spriny-web/src/app/admin/page.tsx
-"use client";
-
-import ProtectedAdminRoute from "@/components/ProtectedAdminRoute";
-import { AdminDashboard } from 'powr-sdk-web';
-import { Users, FileText, Bell, Code } from "lucide-react";
-
-export default function AdminPage() {
-  const adminCards = [
-    {
-      title: "Users",
-      description: "Manage project users, roles, and access levels",
-      icon: Users
-    },
-    {
-      title: "Functions", 
-      description: "Manage dynamic API functions and endpoints",
-      icon: Code
-    },
-    {
-      title: "Invoices",
-      description: "View and manage project invoices", 
-      icon: FileText
-    },
-    {
-      title: "Notifications",
-      description: "Manage system notifications and alerts",
-      icon: Bell
-    }
-  ];
-
-  return (
-    <ProtectedAdminRoute>
-      <AdminDashboard 
-        projectId={process.env.NEXT_PUBLIC_PROJECT_ID}
-        adminCards={adminCards}
-      />
-    </ProtectedAdminRoute>
-  );
-}
-```
-
-## Admin Card Configuration
-
-Each admin card only needs these properties:
-
-```jsx
-{
-  title: "Section Name",           // Required: Display name
-  description: "Description",      // Required: Section description  
-  icon: IconComponent             // Optional: Lucide React icon
-}
-```
-
-## How It Works
-
-1. **Dashboard View** - Shows all admin cards
-2. **Click Any Card** - Opens that section internally
-3. **Back Button** - Returns to dashboard
-4. **No Page Reloads** - Smooth SPA experience
-
-## Supported Admin Sections
-
-The dashboard automatically handles these sections:
-- **Users** - User management
-- **Functions** - Dynamic API functions  
-- **Notifications** - System notifications
-- **Invoices** - Invoice management
-- **Slides** - Slide management
-- **Forms** - Form management
-- **Waitlist** - Waitlist management
-
-## Benefits
-
-✅ **Zero Route Management** - No need to create `/admin/*` routes
-✅ **Single Component** - Everything in one place
-✅ **No Duplication** - Single source of truth
-✅ **Consistent UX** - Same interface everywhere
-✅ **Easy Maintenance** - Update once, affects all projects
-✅ **SPA Experience** - No page reloads, smooth navigation
-
-## Customization
-
-### Themes
-- `"default"` - Light theme
-- `"dark"` - Dark theme
-
-```jsx
-<AdminDashboard 
-  projectId={process.env.NEXT_PUBLIC_PROJECT_ID}
-  adminCards={adminCards}
-  theme="dark"  // Optional: "default" or "dark"
-/>
-```
-
-## Migration from Old Approach
-
-**Before (Multiple Routes):**
-```
-/admin/page.tsx
-/admin/users/page.tsx  
-/admin/functions/page.tsx
-/admin/notifications/page.tsx
-/admin/invoices/page.tsx
-```
-
-**After (Single Component):**
-```
-/admin/page.tsx  // That's it!
-```
-
-**All the individual admin route files can now be deleted!** 🎉