@burdenoff/microfe-admin 2026.608.1 → 2026.624.1

package/dist/admin/AdminRoutes.js

@@ -5,22 +5,22 @@ import { Suspense as n, lazy as r } from "react";
 import { Navigate as i, Route as a, Routes as o } from "react-router-dom";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/admin/AdminRoutes.tsx
-var l = r(() => import("./pages/TenantsListPage.js").then((e) => ({ default: e.TenantsListPage }))), u = r(() => import("./pages/TenantDetailPage.js").then((e) => ({ default: e.TenantDetailPage }))), d = r(() => import("./pages/TenantFormRoutePage.js").then((e) => ({ default: e.TenantFormRoutePage }))), f = r(() => import("./pages/UsersListPage.js").then((e) => ({ default: e.UsersListPage }))), p = r(() => import("./pages/BillingPage.js").then((e) => ({ default: e.BillingPage }))), m = r(() => import("./pages/SettingsPage.js").then((e) => ({ default: e.SettingsPage }))), h = r(() => import("./pages/CommunicationsPage.js").then((e) => ({ default: e.CommunicationsPage }))), g = r(() => import("./pages/SREPage.js").then((e) => ({ default: e.SREPage }))), _ = r(() => import("./pages/SyncFailuresPage.js").then((e) => ({ default: e.SyncFailuresPage }))), v = r(() => import("./pages/AuditLogsPage.js").then((e) => ({ default: e.AuditLogsPage }))), y = r(() => import("./pages/SandboxSettingsPage.js").then((e) => ({ default: e.SandboxSettingsPage }))), b = r(() => import("./pages/OrganizationsListPage.js").then((e) => ({ default: e.OrganizationsListPage }))), x = r(() => import("./pages/WorkspacesListPage.js").then((e) => ({ default: e.WorkspacesListPage }))), S = r(() => import("./pages/FeatureFlagsPage.js").then((e) => ({ default: e.FeatureFlagsPage }))), C = r(() => import("./pages/RolesPermissionsPage.js").then((e) => ({ default: e.RolesPermissionsPage }))), w = r(() => import("./pages/WorkflowsPage.js").then((e) => ({ default: e.WorkflowsPage }))), T = r(() => import("./pages/ProductsPage.js").then((e) => ({ default: e.ProductsPage }))), E = r(() => import("./pages/WaitlistPage.js").then((e) => ({ default: e.WaitlistPage }))), D = r(() => import("./pages/ReferralsPage.js").then((e) => ({ default: e.ReferralsPage })));
-function O() {
+var l = r(() => import("./pages/TenantsListPage.js").then((e) => ({ default: e.TenantsListPage }))), u = r(() => import("./pages/TenantDetailPage.js").then((e) => ({ default: e.TenantDetailPage }))), d = r(() => import("./pages/TenantFormRoutePage.js").then((e) => ({ default: e.TenantFormRoutePage }))), f = r(() => import("./pages/UsersListPage.js").then((e) => ({ default: e.UsersListPage }))), p = r(() => import("./pages/BillingPage.js").then((e) => ({ default: e.BillingPage }))), m = r(() => import("./pages/SettingsPage.js").then((e) => ({ default: e.SettingsPage }))), h = r(() => import("./pages/CommunicationsPage.js").then((e) => ({ default: e.CommunicationsPage }))), g = r(() => import("./pages/SREPage.js").then((e) => ({ default: e.SREPage }))), _ = r(() => import("./pages/SyncFailuresPage.js").then((e) => ({ default: e.SyncFailuresPage }))), v = r(() => import("./pages/AuditLogsPage.js").then((e) => ({ default: e.AuditLogsPage }))), y = r(() => import("./pages/SandboxSettingsPage.js").then((e) => ({ default: e.SandboxSettingsPage }))), b = r(() => import("./pages/OrganizationsListPage.js").then((e) => ({ default: e.OrganizationsListPage }))), x = r(() => import("./pages/WorkspacesListPage.js").then((e) => ({ default: e.WorkspacesListPage }))), S = r(() => import("./pages/FeatureFlagsPage.js").then((e) => ({ default: e.FeatureFlagsPage }))), C = r(() => import("./pages/RolesPermissionsPage.js").then((e) => ({ default: e.RolesPermissionsPage }))), w = r(() => import("./pages/WorkflowsPage.js").then((e) => ({ default: e.WorkflowsPage }))), T = r(() => import("./pages/ProductsPage.js").then((e) => ({ default: e.ProductsPage }))), E = r(() => import("./pages/ContentPagesPage.js").then((e) => ({ default: e.ContentPagesPage }))), D = r(() => import("./pages/WaitlistPage.js").then((e) => ({ default: e.WaitlistPage }))), O = r(() => import("./pages/ReferralsPage.js").then((e) => ({ default: e.ReferralsPage })));
+function k() {
 	return /* @__PURE__ */ s("div", {
 		className: "flex h-64 items-center justify-center",
 		children: /* @__PURE__ */ s("div", { className: "h-8 w-8 animate-spin rounded-full border-4 border-primary border-t-transparent" })
 	});
 }
-function k() {
-	let { basePath: r } = e(), k = r || "/admin";
+function A() {
+	let { basePath: r } = e(), A = r || "/admin";
 	return /* @__PURE__ */ s(n, {
-		fallback: /* @__PURE__ */ s(O, {}),
+		fallback: /* @__PURE__ */ s(k, {}),
 		children: /* @__PURE__ */ c(o, { children: [
 			/* @__PURE__ */ s(a, {
 				index: !0,
 				element: /* @__PURE__ */ s(i, {
-					to: `${k}/dashboard`,
+					to: `${A}/dashboard`,
 					replace: !0
 				})
 			}),
@@ -113,7 +113,7 @@ function k() {
 			}),
 			/* @__PURE__ */ s(a, {
 				path: "referrals",
-				element: /* @__PURE__ */ s(D, {})
+				element: /* @__PURE__ */ s(O, {})
 			}),
 			/* @__PURE__ */ s(a, {
 				path: "sandbox",
@@ -124,9 +124,13 @@ function k() {
 				element: /* @__PURE__ */ s(T, {})
 			}),
 			/* @__PURE__ */ s(a, {
-				path: "waitlist",
+				path: "content",
 				element: /* @__PURE__ */ s(E, {})
 			}),
+			/* @__PURE__ */ s(a, {
+				path: "waitlist",
+				element: /* @__PURE__ */ s(D, {})
+			}),
 			/* @__PURE__ */ s(a, {
 				path: "settings",
 				element: /* @__PURE__ */ s(m, {})
@@ -134,7 +138,7 @@ function k() {
 			/* @__PURE__ */ s(a, {
 				path: "*",
 				element: /* @__PURE__ */ s(i, {
-					to: `${k}/dashboard`,
+					to: `${A}/dashboard`,
 					replace: !0
 				})
 			})
@@ -142,6 +146,6 @@ function k() {
 	});
 }
 //#endregion
-export { k as AdminRoutes };
+export { A as AdminRoutes };
 
 //# sourceMappingURL=AdminRoutes.js.map

package/dist/admin/AdminRoutes.js.map

@@ -1 +1 @@
-{"version":3,"file":"AdminRoutes.js","names":[],"sources":["../../src/admin/AdminRoutes.tsx"],"sourcesContent":["import { lazy, Suspense } from 'react';\nimport { Navigate, Route, Routes } from 'react-router-dom';\nimport { DashboardPage } from './pages';\nimport { useAdmin } from './providers/AdminProvider';\n\n// Lazy loaded pages\nconst TenantsListPage = lazy(() =>\n  import('./pages/TenantsListPage').then((m) => ({ default: m.TenantsListPage }))\n);\nconst TenantDetailPage = lazy(() =>\n  import('./pages/TenantDetailPage').then((m) => ({ default: m.TenantDetailPage }))\n);\nconst TenantFormRoutePage = lazy(() =>\n  import('./pages/TenantFormRoutePage').then((m) => ({ default: m.TenantFormRoutePage }))\n);\nconst UsersListPage = lazy(() =>\n  import('./pages/UsersListPage').then((m) => ({ default: m.UsersListPage }))\n);\nconst BillingPage = lazy(() =>\n  import('./pages/BillingPage').then((m) => ({ default: m.BillingPage }))\n);\nconst SettingsPage = lazy(() =>\n  import('./pages/SettingsPage').then((m) => ({ default: m.SettingsPage }))\n);\nconst CommunicationsPage = lazy(() =>\n  import('./pages/CommunicationsPage').then((m) => ({ default: m.CommunicationsPage }))\n);\nconst SREPage = lazy(() => import('./pages/SREPage').then((m) => ({ default: m.SREPage })));\nconst SyncFailuresPage = lazy(() =>\n  import('./pages/SyncFailuresPage').then((m) => ({ default: m.SyncFailuresPage }))\n);\nconst AuditLogsPage = lazy(() =>\n  import('./pages/AuditLogsPage').then((m) => ({ default: m.AuditLogsPage }))\n);\nconst SandboxSettingsPage = lazy(() =>\n  import('./pages/SandboxSettingsPage').then((m) => ({ default: m.SandboxSettingsPage }))\n);\nconst OrganizationsListPage = lazy(() =>\n  import('./pages/OrganizationsListPage').then((m) => ({ default: m.OrganizationsListPage }))\n);\nconst WorkspacesListPage = lazy(() =>\n  import('./pages/WorkspacesListPage').then((m) => ({ default: m.WorkspacesListPage }))\n);\nconst FeatureFlagsPage = lazy(() =>\n  import('./pages/FeatureFlagsPage').then((m) => ({ default: m.FeatureFlagsPage }))\n);\nconst RolesPermissionsPage = lazy(() =>\n  import('./pages/RolesPermissionsPage').then((m) => ({ default: m.RolesPermissionsPage }))\n);\nconst WorkflowsPage = lazy(() =>\n  import('./pages/WorkflowsPage').then((m) => ({ default: m.WorkflowsPage }))\n);\nconst ProductsPage = lazy(() =>\n  import('./pages/ProductsPage').then((m) => ({ default: m.ProductsPage }))\n);\nconst WaitlistPage = lazy(() =>\n  import('./pages/WaitlistPage').then((m) => ({ default: m.WaitlistPage }))\n);\nconst ReferralsPage = lazy(() =>\n  import('./pages/ReferralsPage').then((m) => ({ default: m.ReferralsPage }))\n);\n\n// Loading fallback component\nfunction PageLoader() {\n  return (\n    <div className=\"flex h-64 items-center justify-center\">\n      <div className=\"h-8 w-8 animate-spin rounded-full border-4 border-primary border-t-transparent\" />\n    </div>\n  );\n}\n\n/**\n * Internal router for the Admin microfrontend.\n * This component handles routing within the microfrontend using React Router v7.\n *\n * Routes:\n * - / → Dashboard (redirect)\n * - /dashboard → Dashboard\n * - /tenants → Tenants list\n * - /tenants/new → Create new tenant\n * - /tenants/:tenantId → Tenant detail\n * - /tenants/:tenantId/edit → Edit tenant\n * - /users → Users list\n * - /users/:userId → User detail\n * - /billing → Billing overview\n * - /billing/subscriptions → Subscriptions list\n * - /billing/invoices → Invoices list\n * - /billing/plans → Plans management\n * - /support → Support overview\n * - /support/tickets → Tickets list\n * - /support/tickets/:ticketId → Ticket detail\n * - /products → Products management\n * - /communications → Communications center\n * - /sre → SRE Monitoring\n * - /audit → Audit logs\n * - /sandbox → Sandbox settings\n * - /settings → Settings\n */\nexport function AdminRoutes() {\n  const { basePath } = useAdmin();\n  const base = basePath || '/admin';\n\n  return (\n    <Suspense fallback={<PageLoader />}>\n      <Routes>\n        {/* Default redirect to dashboard */}\n        <Route index element={<Navigate to={`${base}/dashboard`} replace />} />\n\n        {/* Dashboard - eager loaded for fast initial render */}\n        <Route path=\"dashboard\" element={<DashboardPage />} />\n\n        {/* Tenants */}\n        <Route path=\"tenants\" element={<TenantsListPage />} />\n        <Route path=\"tenants/new\" element={<TenantFormRoutePage mode=\"create\" />} />\n        <Route path=\"tenants/:tenantId\" element={<TenantDetailPage />} />\n        <Route path=\"tenants/:tenantId/edit\" element={<TenantFormRoutePage mode=\"edit\" />} />\n\n        {/* Organizations */}\n        <Route path=\"organizations\" element={<OrganizationsListPage />} />\n\n        {/* Workspaces */}\n        <Route path=\"workspaces\" element={<WorkspacesListPage />} />\n\n        {/* Users */}\n        <Route path=\"users\" element={<UsersListPage />} />\n        <Route path=\"users/:userId\" element={<UsersListPage />} />\n\n        {/* Roles & Permissions */}\n        <Route path=\"roles\" element={<RolesPermissionsPage />} />\n\n        {/* Feature Flags */}\n        <Route path=\"feature-flags\" element={<FeatureFlagsPage />} />\n\n        {/* Workflows */}\n        <Route path=\"workflows\" element={<WorkflowsPage />} />\n\n        {/* Billing */}\n        <Route path=\"billing\" element={<BillingPage />} />\n        <Route path=\"billing/subscriptions\" element={<BillingPage />} />\n        <Route path=\"billing/invoices\" element={<BillingPage />} />\n        <Route path=\"billing/plans\" element={<BillingPage />} />\n\n        {/* Support — redirects to shell-level /support/* route (microfe-support MFE) */}\n        <Route path=\"support/*\" element={<Navigate to=\"/support\" replace />} />\n\n        {/* Communications */}\n        <Route path=\"communications\" element={<CommunicationsPage />} />\n\n        {/* SRE Monitoring */}\n        <Route path=\"sre\" element={<SREPage />} />\n\n        {/* Sync Failures (cross-layer sync outbox) */}\n        <Route path=\"sync-failures\" element={<SyncFailuresPage />} />\n\n        {/* Audit Logs */}\n        <Route path=\"audit\" element={<AuditLogsPage />} />\n\n        {/* Referrals */}\n        <Route path=\"referrals\" element={<ReferralsPage />} />\n\n        {/* Sandbox */}\n        <Route path=\"sandbox\" element={<SandboxSettingsPage />} />\n\n        {/* Products */}\n        <Route path=\"products\" element={<ProductsPage />} />\n\n        {/* Waitlist */}\n        <Route path=\"waitlist\" element={<WaitlistPage />} />\n\n        {/* Settings */}\n        <Route path=\"settings\" element={<SettingsPage />} />\n\n        {/* Catch-all route - redirect to dashboard (absolute path to prevent infinite loops) */}\n        <Route path=\"*\" element={<Navigate to={`${base}/dashboard`} replace />} />\n      </Routes>\n    </Suspense>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"AdminRoutes.js","names":[],"sources":["../../src/admin/AdminRoutes.tsx"],"sourcesContent":["import { lazy, Suspense } from 'react';\nimport { Navigate, Route, Routes } from 'react-router-dom';\nimport { DashboardPage } from './pages';\nimport { useAdmin } from './providers/AdminProvider';\n\n// Lazy loaded pages\nconst TenantsListPage = lazy(() =>\n  import('./pages/TenantsListPage').then((m) => ({ default: m.TenantsListPage }))\n);\nconst TenantDetailPage = lazy(() =>\n  import('./pages/TenantDetailPage').then((m) => ({ default: m.TenantDetailPage }))\n);\nconst TenantFormRoutePage = lazy(() =>\n  import('./pages/TenantFormRoutePage').then((m) => ({ default: m.TenantFormRoutePage }))\n);\nconst UsersListPage = lazy(() =>\n  import('./pages/UsersListPage').then((m) => ({ default: m.UsersListPage }))\n);\nconst BillingPage = lazy(() =>\n  import('./pages/BillingPage').then((m) => ({ default: m.BillingPage }))\n);\nconst SettingsPage = lazy(() =>\n  import('./pages/SettingsPage').then((m) => ({ default: m.SettingsPage }))\n);\nconst CommunicationsPage = lazy(() =>\n  import('./pages/CommunicationsPage').then((m) => ({ default: m.CommunicationsPage }))\n);\nconst SREPage = lazy(() => import('./pages/SREPage').then((m) => ({ default: m.SREPage })));\nconst SyncFailuresPage = lazy(() =>\n  import('./pages/SyncFailuresPage').then((m) => ({ default: m.SyncFailuresPage }))\n);\nconst AuditLogsPage = lazy(() =>\n  import('./pages/AuditLogsPage').then((m) => ({ default: m.AuditLogsPage }))\n);\nconst SandboxSettingsPage = lazy(() =>\n  import('./pages/SandboxSettingsPage').then((m) => ({ default: m.SandboxSettingsPage }))\n);\nconst OrganizationsListPage = lazy(() =>\n  import('./pages/OrganizationsListPage').then((m) => ({ default: m.OrganizationsListPage }))\n);\nconst WorkspacesListPage = lazy(() =>\n  import('./pages/WorkspacesListPage').then((m) => ({ default: m.WorkspacesListPage }))\n);\nconst FeatureFlagsPage = lazy(() =>\n  import('./pages/FeatureFlagsPage').then((m) => ({ default: m.FeatureFlagsPage }))\n);\nconst RolesPermissionsPage = lazy(() =>\n  import('./pages/RolesPermissionsPage').then((m) => ({ default: m.RolesPermissionsPage }))\n);\nconst WorkflowsPage = lazy(() =>\n  import('./pages/WorkflowsPage').then((m) => ({ default: m.WorkflowsPage }))\n);\nconst ProductsPage = lazy(() =>\n  import('./pages/ProductsPage').then((m) => ({ default: m.ProductsPage }))\n);\nconst ContentPagesPage = lazy(() =>\n  import('./pages/ContentPagesPage').then((m) => ({ default: m.ContentPagesPage }))\n);\nconst WaitlistPage = lazy(() =>\n  import('./pages/WaitlistPage').then((m) => ({ default: m.WaitlistPage }))\n);\nconst ReferralsPage = lazy(() =>\n  import('./pages/ReferralsPage').then((m) => ({ default: m.ReferralsPage }))\n);\n\n// Loading fallback component\nfunction PageLoader() {\n  return (\n    <div className=\"flex h-64 items-center justify-center\">\n      <div className=\"h-8 w-8 animate-spin rounded-full border-4 border-primary border-t-transparent\" />\n    </div>\n  );\n}\n\n/**\n * Internal router for the Admin microfrontend.\n * This component handles routing within the microfrontend using React Router v7.\n *\n * Routes:\n * - / → Dashboard (redirect)\n * - /dashboard → Dashboard\n * - /tenants → Tenants list\n * - /tenants/new → Create new tenant\n * - /tenants/:tenantId → Tenant detail\n * - /tenants/:tenantId/edit → Edit tenant\n * - /users → Users list\n * - /users/:userId → User detail\n * - /billing → Billing overview\n * - /billing/subscriptions → Subscriptions list\n * - /billing/invoices → Invoices list\n * - /billing/plans → Plans management\n * - /support → Support overview\n * - /support/tickets → Tickets list\n * - /support/tickets/:ticketId → Ticket detail\n * - /products → Products management\n * - /communications → Communications center\n * - /sre → SRE Monitoring\n * - /audit → Audit logs\n * - /sandbox → Sandbox settings\n * - /settings → Settings\n */\nexport function AdminRoutes() {\n  const { basePath } = useAdmin();\n  const base = basePath || '/admin';\n\n  return (\n    <Suspense fallback={<PageLoader />}>\n      <Routes>\n        {/* Default redirect to dashboard */}\n        <Route index element={<Navigate to={`${base}/dashboard`} replace />} />\n\n        {/* Dashboard - eager loaded for fast initial render */}\n        <Route path=\"dashboard\" element={<DashboardPage />} />\n\n        {/* Tenants */}\n        <Route path=\"tenants\" element={<TenantsListPage />} />\n        <Route path=\"tenants/new\" element={<TenantFormRoutePage mode=\"create\" />} />\n        <Route path=\"tenants/:tenantId\" element={<TenantDetailPage />} />\n        <Route path=\"tenants/:tenantId/edit\" element={<TenantFormRoutePage mode=\"edit\" />} />\n\n        {/* Organizations */}\n        <Route path=\"organizations\" element={<OrganizationsListPage />} />\n\n        {/* Workspaces */}\n        <Route path=\"workspaces\" element={<WorkspacesListPage />} />\n\n        {/* Users */}\n        <Route path=\"users\" element={<UsersListPage />} />\n        <Route path=\"users/:userId\" element={<UsersListPage />} />\n\n        {/* Roles & Permissions */}\n        <Route path=\"roles\" element={<RolesPermissionsPage />} />\n\n        {/* Feature Flags */}\n        <Route path=\"feature-flags\" element={<FeatureFlagsPage />} />\n\n        {/* Workflows */}\n        <Route path=\"workflows\" element={<WorkflowsPage />} />\n\n        {/* Billing */}\n        <Route path=\"billing\" element={<BillingPage />} />\n        <Route path=\"billing/subscriptions\" element={<BillingPage />} />\n        <Route path=\"billing/invoices\" element={<BillingPage />} />\n        <Route path=\"billing/plans\" element={<BillingPage />} />\n\n        {/* Support — redirects to shell-level /support/* route (microfe-support MFE) */}\n        <Route path=\"support/*\" element={<Navigate to=\"/support\" replace />} />\n\n        {/* Communications */}\n        <Route path=\"communications\" element={<CommunicationsPage />} />\n\n        {/* SRE Monitoring */}\n        <Route path=\"sre\" element={<SREPage />} />\n\n        {/* Sync Failures (cross-layer sync outbox) */}\n        <Route path=\"sync-failures\" element={<SyncFailuresPage />} />\n\n        {/* Audit Logs */}\n        <Route path=\"audit\" element={<AuditLogsPage />} />\n\n        {/* Referrals */}\n        <Route path=\"referrals\" element={<ReferralsPage />} />\n\n        {/* Sandbox */}\n        <Route path=\"sandbox\" element={<SandboxSettingsPage />} />\n\n        {/* Products */}\n        <Route path=\"products\" element={<ProductsPage />} />\n\n        {/* Content (blog / case studies / changelog) */}\n        <Route path=\"content\" element={<ContentPagesPage />} />\n\n        {/* Waitlist */}\n        <Route path=\"waitlist\" element={<WaitlistPage />} />\n\n        {/* Settings */}\n        <Route path=\"settings\" element={<SettingsPage />} />\n\n        {/* Catch-all route - redirect to dashboard (absolute path to prevent infinite loops) */}\n        <Route path=\"*\" element={<Navigate to={`${base}/dashboard`} replace />} />\n      </Routes>\n    </Suspense>\n  );\n}\n"],"mappings":";;;;;;;AAMA,IAAM,IAAkB,QACtB,OAAO,8BAA2B,MAAM,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAChF,EACK,IAAmB,QACvB,OAAO,+BAA4B,MAAM,OAAO,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAClF,EACK,IAAsB,QAC1B,OAAO,kCAA+B,MAAM,OAAO,EAAE,SAAS,EAAE,qBAAqB,EAAE,CACxF,EACK,IAAgB,QACpB,OAAO,4BAAyB,MAAM,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,CAC5E,EACK,IAAc,QAClB,OAAO,0BAAuB,MAAM,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,CACxE,EACK,IAAe,QACnB,OAAO,2BAAwB,MAAM,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,CAC1E,EACK,IAAqB,QACzB,OAAO,iCAA8B,MAAM,OAAO,EAAE,SAAS,EAAE,oBAAoB,EAAE,CACtF,EACK,IAAU,QAAW,OAAO,sBAAmB,MAAM,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,EACrF,IAAmB,QACvB,OAAO,+BAA4B,MAAM,OAAO,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAClF,EACK,IAAgB,QACpB,OAAO,4BAAyB,MAAM,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,CAC5E,EACK,IAAsB,QAC1B,OAAO,kCAA+B,MAAM,OAAO,EAAE,SAAS,EAAE,qBAAqB,EAAE,CACxF,EACK,IAAwB,QAC5B,OAAO,oCAAiC,MAAM,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,CAC5F,EACK,IAAqB,QACzB,OAAO,iCAA8B,MAAM,OAAO,EAAE,SAAS,EAAE,oBAAoB,EAAE,CACtF,EACK,IAAmB,QACvB,OAAO,+BAA4B,MAAM,OAAO,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAClF,EACK,IAAuB,QAC3B,OAAO,mCAAgC,MAAM,OAAO,EAAE,SAAS,EAAE,sBAAsB,EAAE,CAC1F,EACK,IAAgB,QACpB,OAAO,4BAAyB,MAAM,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,CAC5E,EACK,IAAe,QACnB,OAAO,2BAAwB,MAAM,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,CAC1E,EACK,IAAmB,QACvB,OAAO,+BAA4B,MAAM,OAAO,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAClF,EACK,IAAe,QACnB,OAAO,2BAAwB,MAAM,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,CAC1E,EACK,IAAgB,QACpB,OAAO,4BAAyB,MAAM,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,CAC5E;AAGD,SAAS,IAAa;AACpB,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD,EAAK,WAAU,kFAAmF,CAAA;EAC9F,CAAA;;AA+BV,SAAgB,IAAc;CAC5B,IAAM,EAAE,gBAAa,GAAU,EACzB,IAAO,KAAY;AAEzB,QACE,kBAAC,GAAD;EAAU,UAAU,kBAAC,GAAD,EAAc,CAAA;YAChC,kBAAC,GAAD,EAAA,UAAA;GAEE,kBAAC,GAAD;IAAO,OAAA;IAAM,SAAS,kBAAC,GAAD;KAAU,IAAI,GAAG,EAAK;KAAa,SAAA;KAAU,CAAA;IAAI,CAAA;GAGvE,kBAAC,GAAD;IAAO,MAAK;IAAY,SAAS,kBAAC,GAAD,EAAiB,CAAA;IAAI,CAAA;GAGtD,kBAAC,GAAD;IAAO,MAAK;IAAU,SAAS,kBAAC,GAAD,EAAmB,CAAA;IAAI,CAAA;GACtD,kBAAC,GAAD;IAAO,MAAK;IAAc,SAAS,kBAAC,GAAD,EAAqB,MAAK,UAAW,CAAA;IAAI,CAAA;GAC5E,kBAAC,GAAD;IAAO,MAAK;IAAoB,SAAS,kBAAC,GAAD,EAAoB,CAAA;IAAI,CAAA;GACjE,kBAAC,GAAD;IAAO,MAAK;IAAyB,SAAS,kBAAC,GAAD,EAAqB,MAAK,QAAS,CAAA;IAAI,CAAA;GAGrF,kBAAC,GAAD;IAAO,MAAK;IAAgB,SAAS,kBAAC,GAAD,EAAyB,CAAA;IAAI,CAAA;GAGlE,kBAAC,GAAD;IAAO,MAAK;IAAa,SAAS,kBAAC,GAAD,EAAsB,CAAA;IAAI,CAAA;GAG5D,kBAAC,GAAD;IAAO,MAAK;IAAQ,SAAS,kBAAC,GAAD,EAAiB,CAAA;IAAI,CAAA;GAClD,kBAAC,GAAD;IAAO,MAAK;IAAgB,SAAS,kBAAC,GAAD,EAAiB,CAAA;IAAI,CAAA;GAG1D,kBAAC,GAAD;IAAO,MAAK;IAAQ,SAAS,kBAAC,GAAD,EAAwB,CAAA;IAAI,CAAA;GAGzD,kBAAC,GAAD;IAAO,MAAK;IAAgB,SAAS,kBAAC,GAAD,EAAoB,CAAA;IAAI,CAAA;GAG7D,kBAAC,GAAD;IAAO,MAAK;IAAY,SAAS,kBAAC,GAAD,EAAiB,CAAA;IAAI,CAAA;GAGtD,kBAAC,GAAD;IAAO,MAAK;IAAU,SAAS,kBAAC,GAAD,EAAe,CAAA;IAAI,CAAA;GAClD,kBAAC,GAAD;IAAO,MAAK;IAAwB,SAAS,kBAAC,GAAD,EAAe,CAAA;IAAI,CAAA;GAChE,kBAAC,GAAD;IAAO,MAAK;IAAmB,SAAS,kBAAC,GAAD,EAAe,CAAA;IAAI,CAAA;GAC3D,kBAAC,GAAD;IAAO,MAAK;IAAgB,SAAS,kBAAC,GAAD,EAAe,CAAA;IAAI,CAAA;GAGxD,kBAAC,GAAD;IAAO,MAAK;IAAY,SAAS,kBAAC,GAAD;KAAU,IAAG;KAAW,SAAA;KAAU,CAAA;IAAI,CAAA;GAGvE,kBAAC,GAAD;IAAO,MAAK;IAAiB,SAAS,kBAAC,GAAD,EAAsB,CAAA;IAAI,CAAA;GAGhE,kBAAC,GAAD;IAAO,MAAK;IAAM,SAAS,kBAAC,GAAD,EAAW,CAAA;IAAI,CAAA;GAG1C,kBAAC,GAAD;IAAO,MAAK;IAAgB,SAAS,kBAAC,GAAD,EAAoB,CAAA;IAAI,CAAA;GAG7D,kBAAC,GAAD;IAAO,MAAK;IAAQ,SAAS,kBAAC,GAAD,EAAiB,CAAA;IAAI,CAAA;GAGlD,kBAAC,GAAD;IAAO,MAAK;IAAY,SAAS,kBAAC,GAAD,EAAiB,CAAA;IAAI,CAAA;GAGtD,kBAAC,GAAD;IAAO,MAAK;IAAU,SAAS,kBAAC,GAAD,EAAuB,CAAA;IAAI,CAAA;GAG1D,kBAAC,GAAD;IAAO,MAAK;IAAW,SAAS,kBAAC,GAAD,EAAgB,CAAA;IAAI,CAAA;GAGpD,kBAAC,GAAD;IAAO,MAAK;IAAU,SAAS,kBAAC,GAAD,EAAoB,CAAA;IAAI,CAAA;GAGvD,kBAAC,GAAD;IAAO,MAAK;IAAW,SAAS,kBAAC,GAAD,EAAgB,CAAA;IAAI,CAAA;GAGpD,kBAAC,GAAD;IAAO,MAAK;IAAW,SAAS,kBAAC,GAAD,EAAgB,CAAA;IAAI,CAAA;GAGpD,kBAAC,GAAD;IAAO,MAAK;IAAI,SAAS,kBAAC,GAAD;KAAU,IAAI,GAAG,EAAK;KAAa,SAAA;KAAU,CAAA;IAAI,CAAA;GACnE,EAAA,CAAA;EACA,CAAA"}

package/dist/admin/components/AccessDenied.js

@@ -12,11 +12,11 @@ var r = ({ message: r = "You don't have permission to access this page." }) => /
 				children: /* @__PURE__ */ t(e, { className: "w-7 h-7 text-red-500" })
 			}),
 			/* @__PURE__ */ t("h2", {
-				className: "text-lg font-semibold text-foreground",
+				className: "text-lg font-semibold text-text-primary",
 				children: "Access Denied"
 			}),
 			/* @__PURE__ */ t("p", {
-				className: "text-sm text-muted-foreground max-w-sm",
+				className: "text-sm text-text-secondary max-w-sm",
 				children: r
 			})
 		]

package/dist/admin/components/AccessDenied.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccessDenied.js","names":[],"sources":["../../../src/admin/components/AccessDenied.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { ShieldOff } from 'lucide-react';\n\ninterface AccessDeniedProps {\n  message?: string;\n}\n\nexport const AccessDenied: FC<AccessDeniedProps> = ({\n  message = \"You don't have permission to access this page.\",\n}) => {\n  return (\n    <div role=\"alert\" className=\"flex items-center justify-center h-full min-h-[400px]\">\n      <div className=\"text-center space-y-3\">\n        <div className=\"w-14 h-14 mx-auto rounded-full bg-red-50 dark:bg-red-950/30 flex items-center justify-center\">\n          <ShieldOff className=\"w-7 h-7 text-red-500\" />\n        </div>\n        <h2 className=\"text-lg font-semibold text-foreground\">Access Denied</h2>\n        <p className=\"text-sm text-muted-foreground max-w-sm\">{message}</p>\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;AAOA,IAAa,KAAuC,EAClD,aAAU,uDAGR,kBAAC,OAAD;CAAK,MAAK;CAAQ,WAAU;WAC1B,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD,EAAW,WAAU,wBAAyB,CAAA;IAC1C,CAAA;GACN,kBAAC,MAAD;IAAI,WAAU;cAAwC;IAAkB,CAAA;GACxE,kBAAC,KAAD;IAAG,WAAU;cAA0C;IAAY,CAAA;GAC/D;;CACF,CAAA"}
+{"version":3,"file":"AccessDenied.js","names":[],"sources":["../../../src/admin/components/AccessDenied.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { ShieldOff } from 'lucide-react';\n\ninterface AccessDeniedProps {\n  message?: string;\n}\n\nexport const AccessDenied: FC<AccessDeniedProps> = ({\n  message = \"You don't have permission to access this page.\",\n}) => {\n  return (\n    <div role=\"alert\" className=\"flex items-center justify-center h-full min-h-[400px]\">\n      <div className=\"text-center space-y-3\">\n        <div className=\"w-14 h-14 mx-auto rounded-full bg-red-50 dark:bg-red-950/30 flex items-center justify-center\">\n          <ShieldOff className=\"w-7 h-7 text-red-500\" />\n        </div>\n        <h2 className=\"text-lg font-semibold text-text-primary\">Access Denied</h2>\n        <p className=\"text-sm text-text-secondary max-w-sm\">{message}</p>\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;AAOA,IAAa,KAAuC,EAClD,aAAU,uDAGR,kBAAC,OAAD;CAAK,MAAK;CAAQ,WAAU;WAC1B,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD,EAAW,WAAU,wBAAyB,CAAA;IAC1C,CAAA;GACN,kBAAC,MAAD;IAAI,WAAU;cAA0C;IAAkB,CAAA;GAC1E,kBAAC,KAAD;IAAG,WAAU;cAAwC;IAAY,CAAA;GAC7D;;CACF,CAAA"}

package/dist/admin/components/ActivityFeed.js

@@ -23,7 +23,7 @@ function S({ activities: e, maxItems: a = 10, loading: o, viewAllLink: s = "/act
 			className: "space-y-4",
 			children: Array.from({ length: 5 }).map((e, t) => /* @__PURE__ */ b(w, {}, t))
 		}) : l.length === 0 ? /* @__PURE__ */ b("p", {
-			className: "py-8 text-center text-sm text-muted-foreground",
+			className: "py-8 text-center text-sm text-text-secondary",
 			children: "No recent activity"
 		}) : /* @__PURE__ */ b("div", {
 			className: "space-y-4",
@@ -39,17 +39,17 @@ function C({ activity: t }) {
 			className: e("rounded-full p-2", {
 				info: "bg-info/10 text-info",
 				warning: "bg-warning/10 text-warning",
-				error: "bg-destructive/10 text-destructive",
+				error: "bg-status-error-bg/10 text-status-error-text",
 				success: "bg-success/10 text-success"
 			}[t.severity || "info"]),
 			children: n
 		}), /* @__PURE__ */ x("div", {
 			className: "min-w-0 flex-1",
 			children: [/* @__PURE__ */ b("p", {
-				className: "text-sm font-medium text-foreground",
+				className: "text-sm font-medium text-text-primary",
 				children: t.description
 			}), /* @__PURE__ */ x("div", {
-				className: "mt-1 flex items-center gap-2 text-xs text-muted-foreground",
+				className: "mt-1 flex items-center gap-2 text-xs text-text-secondary",
 				children: [
 					/* @__PURE__ */ b("span", { children: t.actor }),
 					/* @__PURE__ */ b("span", { children: "-" }),

package/dist/admin/components/ActivityFeed.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActivityFeed.js","names":[],"sources":["../../../src/admin/components/ActivityFeed.tsx"],"sourcesContent":["import { Link } from 'react-router-dom';\nimport {\n  Plus,\n  Ban,\n  AlertTriangle,\n  CheckCircle,\n  UserPlus,\n  Rocket,\n  XCircle,\n  Activity,\n  CreditCard,\n  Mail,\n  Settings,\n  Shield,\n} from 'lucide-react';\nimport { Card, CardHeader, CardTitle, CardContent, Skeleton } from './ui';\nimport { cn } from '../utils/cn';\nimport { formatRelativeTime } from '../utils/formatters';\nimport type { Activity as ActivityType } from '../types';\n\ninterface ActivityFeedProps {\n  /** List of activities */\n  activities: ActivityType[];\n  /** Maximum items to display */\n  maxItems?: number;\n  /** Loading state */\n  loading?: boolean;\n  /** Link to view all activities */\n  viewAllLink?: string;\n  /** Additional class name */\n  className?: string;\n}\n\n/**\n * Activity feed component showing recent platform activities\n */\nexport function ActivityFeed({\n  activities,\n  maxItems = 10,\n  loading,\n  viewAllLink = '/activity',\n  className,\n}: ActivityFeedProps) {\n  const displayActivities = activities.slice(0, maxItems);\n\n  return (\n    <Card className={className}>\n      <CardHeader className=\"flex flex-row items-center justify-between\">\n        <CardTitle className=\"text-lg\">Recent Activity</CardTitle>\n        <Link to={viewAllLink} className=\"text-sm text-primary hover:underline\">\n          View All\n        </Link>\n      </CardHeader>\n      <CardContent>\n        {loading ? (\n          <div className=\"space-y-4\">\n            {Array.from({ length: 5 }).map((_, i) => (\n              <ActivityItemSkeleton key={i} />\n            ))}\n          </div>\n        ) : displayActivities.length === 0 ? (\n          <p className=\"py-8 text-center text-sm text-muted-foreground\">No recent activity</p>\n        ) : (\n          <div className=\"space-y-4\">\n            {displayActivities.map((activity) => (\n              <ActivityItem key={activity.id} activity={activity} />\n            ))}\n          </div>\n        )}\n      </CardContent>\n    </Card>\n  );\n}\n\ninterface ActivityItemProps {\n  activity: ActivityType;\n}\n\nfunction ActivityItem({ activity }: ActivityItemProps) {\n  const icon = getActivityIcon(activity.type);\n  const severityColors = {\n    info: 'bg-info/10 text-info',\n    warning: 'bg-warning/10 text-warning',\n    error: 'bg-destructive/10 text-destructive',\n    success: 'bg-success/10 text-success',\n  };\n  const severity = activity.severity || 'info';\n\n  return (\n    <div className=\"flex items-start gap-3\">\n      <div className={cn('rounded-full p-2', severityColors[severity])}>{icon}</div>\n      <div className=\"min-w-0 flex-1\">\n        <p className=\"text-sm font-medium text-foreground\">{activity.description}</p>\n        <div className=\"mt-1 flex items-center gap-2 text-xs text-muted-foreground\">\n          <span>{activity.actor}</span>\n          <span>-</span>\n          <span>{formatRelativeTime(activity.timestamp)}</span>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nfunction ActivityItemSkeleton() {\n  return (\n    <div className=\"flex items-start gap-3\">\n      <Skeleton className=\"h-9 w-9 rounded-full\" />\n      <div className=\"flex-1 space-y-2\">\n        <Skeleton className=\"h-4 w-3/4\" />\n        <Skeleton className=\"h-3 w-1/2\" />\n      </div>\n    </div>\n  );\n}\n\nfunction getActivityIcon(type: string) {\n  const iconMap: Record<string, React.ReactNode> = {\n    'tenant.created': <Plus className=\"h-4 w-4\" />,\n    'tenant.suspended': <Ban className=\"h-4 w-4\" />,\n    'tenant.activated': <CheckCircle className=\"h-4 w-4\" />,\n    'payment.failed': <AlertTriangle className=\"h-4 w-4\" />,\n    'payment.succeeded': <CreditCard className=\"h-4 w-4\" />,\n    'user.created': <UserPlus className=\"h-4 w-4\" />,\n    'user.blocked': <Ban className=\"h-4 w-4\" />,\n    'deployment.started': <Rocket className=\"h-4 w-4\" />,\n    'deployment.completed': <CheckCircle className=\"h-4 w-4\" />,\n    'deployment.failed': <XCircle className=\"h-4 w-4\" />,\n    'newsletter.sent': <Mail className=\"h-4 w-4\" />,\n    'settings.changed': <Settings className=\"h-4 w-4\" />,\n    'security.alert': <Shield className=\"h-4 w-4\" />,\n  };\n\n  return iconMap[type] || <Activity className=\"h-4 w-4\" />;\n}\n"],"mappings":";;;;;;;AAoCA,SAAgB,EAAa,EAC3B,eACA,cAAW,IACX,YACA,iBAAc,aACd,gBACoB;CACpB,IAAM,IAAoB,EAAW,MAAM,GAAG,EAAS;AAEvD,QACE,kBAAC,GAAD;EAAiB;YAAjB,CACE,kBAAC,GAAD;GAAY,WAAU;aAAtB,CACE,kBAAC,GAAD;IAAW,WAAU;cAAU;IAA2B,CAAA,EAC1D,kBAAC,GAAD;IAAM,IAAI;IAAa,WAAU;cAAuC;IAEjE,CAAA,CACI;MACb,kBAAC,GAAD,EAAA,UACG,IACC,kBAAC,OAAD;GAAK,WAAU;aACZ,MAAM,KAAK,EAAE,QAAQ,GAAG,CAAC,CAAC,KAAK,GAAG,MACjC,kBAAC,GAAD,EAAgC,EAAL,EAAK,CAChC;GACE,CAAA,GACJ,EAAkB,WAAW,IAC/B,kBAAC,KAAD;GAAG,WAAU;aAAiD;GAAsB,CAAA,GAEpF,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAkB,KAAK,MACtB,kBAAC,GAAD,EAA0C,aAAY,EAAnC,EAAS,GAA0B,CACtD;GACE,CAAA,EAEI,CAAA,CACT;;;AAQX,SAAS,EAAa,EAAE,eAA+B;CACrD,IAAM,IAAO,EAAgB,EAAS,KAAK;AAS3C,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAW,EAAG,oBAVA;IACrB,MAAM;IACN,SAAS;IACT,OAAO;IACP,SAAS;IACV,CACgB,EAAS,YAAY,QAI8B;aAAG;GAAW,CAAA,EAC9E,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,KAAD;IAAG,WAAU;cAAuC,EAAS;IAAgB,CAAA,EAC7E,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,QAAD,EAAA,UAAO,EAAS,OAAa,CAAA;KAC7B,kBAAC,QAAD,EAAA,UAAM,KAAQ,CAAA;KACd,kBAAC,QAAD,EAAA,UAAO,EAAmB,EAAS,UAAU,EAAQ,CAAA;KACjD;MACF;KACF;;;AAIV,SAAS,IAAuB;AAC9B,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD,EAAU,WAAU,wBAAyB,CAAA,EAC7C,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD,EAAU,WAAU,aAAc,CAAA,EAClC,kBAAC,GAAD,EAAU,WAAU,aAAc,CAAA,CAC9B;KACF;;;AAIV,SAAS,EAAgB,GAAc;AAiBrC,QAhBiD;EAC/C,kBAAkB,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA;EAC9C,oBAAoB,kBAAC,GAAD,EAAK,WAAU,WAAY,CAAA;EAC/C,oBAAoB,kBAAC,GAAD,EAAa,WAAU,WAAY,CAAA;EACvD,kBAAkB,kBAAC,GAAD,EAAe,WAAU,WAAY,CAAA;EACvD,qBAAqB,kBAAC,GAAD,EAAY,WAAU,WAAY,CAAA;EACvD,gBAAgB,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA;EAChD,gBAAgB,kBAAC,GAAD,EAAK,WAAU,WAAY,CAAA;EAC3C,sBAAsB,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA;EACpD,wBAAwB,kBAAC,GAAD,EAAa,WAAU,WAAY,CAAA;EAC3D,qBAAqB,kBAAC,GAAD,EAAS,WAAU,WAAY,CAAA;EACpD,mBAAmB,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA;EAC/C,oBAAoB,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA;EACpD,kBAAkB,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA;EACjD,CAEc,MAAS,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA"}
+{"version":3,"file":"ActivityFeed.js","names":[],"sources":["../../../src/admin/components/ActivityFeed.tsx"],"sourcesContent":["import { Link } from 'react-router-dom';\nimport {\n  Plus,\n  Ban,\n  AlertTriangle,\n  CheckCircle,\n  UserPlus,\n  Rocket,\n  XCircle,\n  Activity,\n  CreditCard,\n  Mail,\n  Settings,\n  Shield,\n} from 'lucide-react';\nimport { Card, CardHeader, CardTitle, CardContent, Skeleton } from './ui';\nimport { cn } from '../utils/cn';\nimport { formatRelativeTime } from '../utils/formatters';\nimport type { Activity as ActivityType } from '../types';\n\ninterface ActivityFeedProps {\n  /** List of activities */\n  activities: ActivityType[];\n  /** Maximum items to display */\n  maxItems?: number;\n  /** Loading state */\n  loading?: boolean;\n  /** Link to view all activities */\n  viewAllLink?: string;\n  /** Additional class name */\n  className?: string;\n}\n\n/**\n * Activity feed component showing recent platform activities\n */\nexport function ActivityFeed({\n  activities,\n  maxItems = 10,\n  loading,\n  viewAllLink = '/activity',\n  className,\n}: ActivityFeedProps) {\n  const displayActivities = activities.slice(0, maxItems);\n\n  return (\n    <Card className={className}>\n      <CardHeader className=\"flex flex-row items-center justify-between\">\n        <CardTitle className=\"text-lg\">Recent Activity</CardTitle>\n        <Link to={viewAllLink} className=\"text-sm text-primary hover:underline\">\n          View All\n        </Link>\n      </CardHeader>\n      <CardContent>\n        {loading ? (\n          <div className=\"space-y-4\">\n            {Array.from({ length: 5 }).map((_, i) => (\n              <ActivityItemSkeleton key={i} />\n            ))}\n          </div>\n        ) : displayActivities.length === 0 ? (\n          <p className=\"py-8 text-center text-sm text-text-secondary\">No recent activity</p>\n        ) : (\n          <div className=\"space-y-4\">\n            {displayActivities.map((activity) => (\n              <ActivityItem key={activity.id} activity={activity} />\n            ))}\n          </div>\n        )}\n      </CardContent>\n    </Card>\n  );\n}\n\ninterface ActivityItemProps {\n  activity: ActivityType;\n}\n\nfunction ActivityItem({ activity }: ActivityItemProps) {\n  const icon = getActivityIcon(activity.type);\n  const severityColors = {\n    info: 'bg-info/10 text-info',\n    warning: 'bg-warning/10 text-warning',\n    error: 'bg-status-error-bg/10 text-status-error-text',\n    success: 'bg-success/10 text-success',\n  };\n  const severity = activity.severity || 'info';\n\n  return (\n    <div className=\"flex items-start gap-3\">\n      <div className={cn('rounded-full p-2', severityColors[severity])}>{icon}</div>\n      <div className=\"min-w-0 flex-1\">\n        <p className=\"text-sm font-medium text-text-primary\">{activity.description}</p>\n        <div className=\"mt-1 flex items-center gap-2 text-xs text-text-secondary\">\n          <span>{activity.actor}</span>\n          <span>-</span>\n          <span>{formatRelativeTime(activity.timestamp)}</span>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nfunction ActivityItemSkeleton() {\n  return (\n    <div className=\"flex items-start gap-3\">\n      <Skeleton className=\"h-9 w-9 rounded-full\" />\n      <div className=\"flex-1 space-y-2\">\n        <Skeleton className=\"h-4 w-3/4\" />\n        <Skeleton className=\"h-3 w-1/2\" />\n      </div>\n    </div>\n  );\n}\n\nfunction getActivityIcon(type: string) {\n  const iconMap: Record<string, React.ReactNode> = {\n    'tenant.created': <Plus className=\"h-4 w-4\" />,\n    'tenant.suspended': <Ban className=\"h-4 w-4\" />,\n    'tenant.activated': <CheckCircle className=\"h-4 w-4\" />,\n    'payment.failed': <AlertTriangle className=\"h-4 w-4\" />,\n    'payment.succeeded': <CreditCard className=\"h-4 w-4\" />,\n    'user.created': <UserPlus className=\"h-4 w-4\" />,\n    'user.blocked': <Ban className=\"h-4 w-4\" />,\n    'deployment.started': <Rocket className=\"h-4 w-4\" />,\n    'deployment.completed': <CheckCircle className=\"h-4 w-4\" />,\n    'deployment.failed': <XCircle className=\"h-4 w-4\" />,\n    'newsletter.sent': <Mail className=\"h-4 w-4\" />,\n    'settings.changed': <Settings className=\"h-4 w-4\" />,\n    'security.alert': <Shield className=\"h-4 w-4\" />,\n  };\n\n  return iconMap[type] || <Activity className=\"h-4 w-4\" />;\n}\n"],"mappings":";;;;;;;AAoCA,SAAgB,EAAa,EAC3B,eACA,cAAW,IACX,YACA,iBAAc,aACd,gBACoB;CACpB,IAAM,IAAoB,EAAW,MAAM,GAAG,EAAS;AAEvD,QACE,kBAAC,GAAD;EAAiB;YAAjB,CACE,kBAAC,GAAD;GAAY,WAAU;aAAtB,CACE,kBAAC,GAAD;IAAW,WAAU;cAAU;IAA2B,CAAA,EAC1D,kBAAC,GAAD;IAAM,IAAI;IAAa,WAAU;cAAuC;IAEjE,CAAA,CACI;MACb,kBAAC,GAAD,EAAA,UACG,IACC,kBAAC,OAAD;GAAK,WAAU;aACZ,MAAM,KAAK,EAAE,QAAQ,GAAG,CAAC,CAAC,KAAK,GAAG,MACjC,kBAAC,GAAD,EAAgC,EAAL,EAAK,CAChC;GACE,CAAA,GACJ,EAAkB,WAAW,IAC/B,kBAAC,KAAD;GAAG,WAAU;aAA+C;GAAsB,CAAA,GAElF,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAkB,KAAK,MACtB,kBAAC,GAAD,EAA0C,aAAY,EAAnC,EAAS,GAA0B,CACtD;GACE,CAAA,EAEI,CAAA,CACT;;;AAQX,SAAS,EAAa,EAAE,eAA+B;CACrD,IAAM,IAAO,EAAgB,EAAS,KAAK;AAS3C,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAW,EAAG,oBAVA;IACrB,MAAM;IACN,SAAS;IACT,OAAO;IACP,SAAS;IACV,CACgB,EAAS,YAAY,QAI8B;aAAG;GAAW,CAAA,EAC9E,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,KAAD;IAAG,WAAU;cAAyC,EAAS;IAAgB,CAAA,EAC/E,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,QAAD,EAAA,UAAO,EAAS,OAAa,CAAA;KAC7B,kBAAC,QAAD,EAAA,UAAM,KAAQ,CAAA;KACd,kBAAC,QAAD,EAAA,UAAO,EAAmB,EAAS,UAAU,EAAQ,CAAA;KACjD;MACF;KACF;;;AAIV,SAAS,IAAuB;AAC9B,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD,EAAU,WAAU,wBAAyB,CAAA,EAC7C,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD,EAAU,WAAU,aAAc,CAAA,EAClC,kBAAC,GAAD,EAAU,WAAU,aAAc,CAAA,CAC9B;KACF;;;AAIV,SAAS,EAAgB,GAAc;AAiBrC,QAhBiD;EAC/C,kBAAkB,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA;EAC9C,oBAAoB,kBAAC,GAAD,EAAK,WAAU,WAAY,CAAA;EAC/C,oBAAoB,kBAAC,GAAD,EAAa,WAAU,WAAY,CAAA;EACvD,kBAAkB,kBAAC,GAAD,EAAe,WAAU,WAAY,CAAA;EACvD,qBAAqB,kBAAC,GAAD,EAAY,WAAU,WAAY,CAAA;EACvD,gBAAgB,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA;EAChD,gBAAgB,kBAAC,GAAD,EAAK,WAAU,WAAY,CAAA;EAC3C,sBAAsB,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA;EACpD,wBAAwB,kBAAC,GAAD,EAAa,WAAU,WAAY,CAAA;EAC3D,qBAAqB,kBAAC,GAAD,EAAS,WAAU,WAAY,CAAA;EACpD,mBAAmB,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA;EAC/C,oBAAoB,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA;EACpD,kBAAkB,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA;EACjD,CAEc,MAAS,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA"}

package/dist/admin/components/Charts.js

@@ -13,17 +13,17 @@ function s({ links: s, className: c }) {
 			className: "grid grid-cols-1 gap-3 sm:grid-cols-2",
 			children: s.map((t) => /* @__PURE__ */ o("a", {
 				href: t.to,
-				className: e("flex items-center gap-3 rounded-lg border border-border p-3", "transition-colors hover:bg-accent"),
+				className: e("flex items-center gap-3 rounded-lg border border-border-subtle p-3", "transition-colors hover:bg-accent"),
 				children: [/* @__PURE__ */ a("div", {
-					className: "rounded-md bg-primary/10 p-2 text-primary",
+					className: "rounded-md bg-action-primary-bg/10 p-2 text-primary",
 					children: t.icon
 				}), /* @__PURE__ */ o("div", {
 					className: "min-w-0 flex-1",
 					children: [/* @__PURE__ */ a("p", {
-						className: "font-medium text-foreground",
+						className: "font-medium text-text-primary",
 						children: t.label
 					}), t.description && /* @__PURE__ */ a("p", {
-						className: "truncate text-xs text-muted-foreground",
+						className: "truncate text-xs text-text-secondary",
 						children: t.description
 					})]
 				})]

package/dist/admin/components/Charts.js.map

@@ -1 +1 @@
-{"version":3,"file":"Charts.js","names":[],"sources":["../../../src/admin/components/Charts.tsx"],"sourcesContent":["import {\n  LineChart,\n  Line,\n  AreaChart,\n  Area,\n  PieChart,\n  Pie,\n  Cell,\n  XAxis,\n  YAxis,\n  CartesianGrid,\n  Tooltip,\n  Legend,\n  ResponsiveContainer,\n} from 'recharts';\nimport { Card, CardHeader, CardTitle, CardContent, Skeleton } from './ui';\nimport { cn } from '../utils/cn';\nimport { formatCurrency, formatNumber } from '../utils/formatters';\nimport type { RevenueTrendPoint, TenantGrowthPoint, ProductUsagePoint } from '../types';\n\n// Chart colors using CSS variables for theme support\nconst CHART_COLORS = [\n  'hsl(var(--chart-1, 221.2 83.2% 53.3%))',\n  'hsl(var(--chart-2, 142.1 76.2% 36.3%))',\n  'hsl(var(--chart-3, 47.9 95.8% 53.1%))',\n  'hsl(var(--chart-4, 0 84.2% 60.2%))',\n  'hsl(var(--chart-5, 262.1 83.3% 57.8%))',\n];\n\n// ============================================================================\n// Revenue Trend Chart (Line Chart)\n// ============================================================================\n\ninterface RevenueTrendChartProps {\n  data: RevenueTrendPoint[];\n  loading?: boolean;\n  className?: string;\n}\n\nexport function RevenueTrendChart({ data, loading, className }: RevenueTrendChartProps) {\n  return (\n    <Card className={className}>\n      <CardHeader>\n        <CardTitle className=\"text-lg\">Revenue Trend</CardTitle>\n      </CardHeader>\n      <CardContent>\n        {loading ? (\n          <Skeleton className=\"h-[300px] w-full\" />\n        ) : (\n          <ResponsiveContainer width=\"100%\" height={300}>\n            <LineChart data={data} margin={{ top: 5, right: 30, left: 20, bottom: 5 }}>\n              <CartesianGrid strokeDasharray=\"3 3\" className=\"stroke-border\" />\n              <XAxis\n                dataKey=\"date\"\n                className=\"text-xs fill-muted-foreground\"\n                tick={{ fill: 'currentColor' }}\n              />\n              <YAxis\n                className=\"text-xs fill-muted-foreground\"\n                tick={{ fill: 'currentColor' }}\n                tickFormatter={(value) => formatCurrency(value)}\n              />\n              <Tooltip\n                contentStyle={{\n                  backgroundColor: 'hsl(var(--card))',\n                  border: '1px solid hsl(var(--border))',\n                  borderRadius: '6px',\n                }}\n                labelStyle={{ color: 'hsl(var(--foreground))' }}\n                formatter={(value: number) => [formatCurrency(value), '']}\n              />\n              <Legend />\n              <Line\n                type=\"monotone\"\n                dataKey=\"mrr\"\n                name=\"MRR\"\n                stroke={CHART_COLORS[0]}\n                strokeWidth={2}\n                dot={false}\n                activeDot={{ r: 6 }}\n              />\n              <Line\n                type=\"monotone\"\n                dataKey=\"arr\"\n                name=\"ARR\"\n                stroke={CHART_COLORS[1]}\n                strokeWidth={2}\n                dot={false}\n                activeDot={{ r: 6 }}\n              />\n            </LineChart>\n          </ResponsiveContainer>\n        )}\n      </CardContent>\n    </Card>\n  );\n}\n\n// ============================================================================\n// Tenant Growth Chart (Area Chart)\n// ============================================================================\n\ninterface TenantGrowthChartProps {\n  data: TenantGrowthPoint[];\n  loading?: boolean;\n  className?: string;\n}\n\nexport function TenantGrowthChart({ data, loading, className }: TenantGrowthChartProps) {\n  return (\n    <Card className={className}>\n      <CardHeader>\n        <CardTitle className=\"text-lg\">Tenant Growth</CardTitle>\n      </CardHeader>\n      <CardContent>\n        {loading ? (\n          <Skeleton className=\"h-[250px] w-full\" />\n        ) : (\n          <ResponsiveContainer width=\"100%\" height={250}>\n            <AreaChart data={data} margin={{ top: 5, right: 30, left: 20, bottom: 5 }}>\n              <CartesianGrid strokeDasharray=\"3 3\" className=\"stroke-border\" />\n              <XAxis\n                dataKey=\"date\"\n                className=\"text-xs fill-muted-foreground\"\n                tick={{ fill: 'currentColor' }}\n              />\n              <YAxis className=\"text-xs fill-muted-foreground\" tick={{ fill: 'currentColor' }} />\n              <Tooltip\n                contentStyle={{\n                  backgroundColor: 'hsl(var(--card))',\n                  border: '1px solid hsl(var(--border))',\n                  borderRadius: '6px',\n                }}\n                labelStyle={{ color: 'hsl(var(--foreground))' }}\n              />\n              <Legend />\n              <Area\n                type=\"monotone\"\n                dataKey=\"new\"\n                name=\"New\"\n                stackId=\"1\"\n                stroke={CHART_COLORS[0]}\n                fill={CHART_COLORS[0]}\n                fillOpacity={0.6}\n              />\n              <Area\n                type=\"monotone\"\n                dataKey=\"active\"\n                name=\"Active\"\n                stackId=\"2\"\n                stroke={CHART_COLORS[1]}\n                fill={CHART_COLORS[1]}\n                fillOpacity={0.6}\n              />\n              <Area\n                type=\"monotone\"\n                dataKey=\"churned\"\n                name=\"Churned\"\n                stackId=\"3\"\n                stroke={CHART_COLORS[3]}\n                fill={CHART_COLORS[3]}\n                fillOpacity={0.6}\n              />\n            </AreaChart>\n          </ResponsiveContainer>\n        )}\n      </CardContent>\n    </Card>\n  );\n}\n\n// ============================================================================\n// Product Usage Chart (Pie Chart)\n// ============================================================================\n\ninterface ProductUsageChartProps {\n  data: ProductUsagePoint[];\n  loading?: boolean;\n  className?: string;\n}\n\nexport function ProductUsageChart({ data, loading, className }: ProductUsageChartProps) {\n  return (\n    <Card className={className}>\n      <CardHeader>\n        <CardTitle className=\"text-lg\">Product Usage</CardTitle>\n      </CardHeader>\n      <CardContent>\n        {loading ? (\n          <Skeleton className=\"h-[250px] w-full\" />\n        ) : (\n          <ResponsiveContainer width=\"100%\" height={250}>\n            <PieChart>\n              <Pie\n                data={data}\n                dataKey=\"tenants\"\n                nameKey=\"product\"\n                cx=\"50%\"\n                cy=\"50%\"\n                outerRadius={80}\n                label={({ name, percent }: { name: string; percent: number }) =>\n                  `${name} (${(percent * 100).toFixed(0)}%)`\n                }\n                labelLine={false}\n              >\n                {data.map((entry, index) => (\n                  <Cell\n                    key={`cell-${index}`}\n                    fill={entry.color || CHART_COLORS[index % CHART_COLORS.length]}\n                  />\n                ))}\n              </Pie>\n              <Tooltip\n                contentStyle={{\n                  backgroundColor: 'hsl(var(--card))',\n                  border: '1px solid hsl(var(--border))',\n                  borderRadius: '6px',\n                }}\n                formatter={(value: number) => [formatNumber(value) + ' tenants', '']}\n              />\n              <Legend />\n            </PieChart>\n          </ResponsiveContainer>\n        )}\n      </CardContent>\n    </Card>\n  );\n}\n\n// ============================================================================\n// Quick Links Card\n// ============================================================================\n\ninterface QuickLink {\n  to: string;\n  icon: React.ReactNode;\n  label: string;\n  description?: string;\n}\n\ninterface QuickLinksProps {\n  links: QuickLink[];\n  className?: string;\n}\n\nexport function QuickLinks({ links, className }: QuickLinksProps) {\n  return (\n    <Card className={className}>\n      <CardHeader>\n        <CardTitle className=\"text-lg\">Quick Actions</CardTitle>\n      </CardHeader>\n      <CardContent>\n        <div className=\"grid grid-cols-1 gap-3 sm:grid-cols-2\">\n          {links.map((link) => (\n            <a\n              key={link.to}\n              href={link.to}\n              className={cn(\n                'flex items-center gap-3 rounded-lg border border-border p-3',\n                'transition-colors hover:bg-accent'\n              )}\n            >\n              <div className=\"rounded-md bg-primary/10 p-2 text-primary\">{link.icon}</div>\n              <div className=\"min-w-0 flex-1\">\n                <p className=\"font-medium text-foreground\">{link.label}</p>\n                {link.description && (\n                  <p className=\"truncate text-xs text-muted-foreground\">{link.description}</p>\n                )}\n              </div>\n            </a>\n          ))}\n        </div>\n      </CardContent>\n    </Card>\n  );\n}\n"],"mappings":";;;;;AAqPA,SAAgB,EAAW,EAAE,UAAO,gBAA8B;AAChE,QACE,kBAAC,GAAD;EAAiB;YAAjB,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;GAAW,WAAU;aAAU;GAAyB,CAAA,EAC7C,CAAA,EACb,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAM,KAAK,MACV,kBAAC,KAAD;IAEE,MAAM,EAAK;IACX,WAAW,EACT,+DACA,oCACD;cANH,CAQE,kBAAC,OAAD;KAAK,WAAU;eAA6C,EAAK;KAAW,CAAA,EAC5E,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,KAAD;MAAG,WAAU;gBAA+B,EAAK;MAAU,CAAA,EAC1D,EAAK,eACJ,kBAAC,KAAD;MAAG,WAAU;gBAA0C,EAAK;MAAgB,CAAA,CAE1E;OACJ;MAdG,EAAK,GAcR,CACJ;GACE,CAAA,EACM,CAAA,CACT"}
+{"version":3,"file":"Charts.js","names":[],"sources":["../../../src/admin/components/Charts.tsx"],"sourcesContent":["import {\n  LineChart,\n  Line,\n  AreaChart,\n  Area,\n  PieChart,\n  Pie,\n  Cell,\n  XAxis,\n  YAxis,\n  CartesianGrid,\n  Tooltip,\n  Legend,\n  ResponsiveContainer,\n} from 'recharts';\nimport { Card, CardHeader, CardTitle, CardContent, Skeleton } from './ui';\nimport { cn } from '../utils/cn';\nimport { formatCurrency, formatNumber } from '../utils/formatters';\nimport type { RevenueTrendPoint, TenantGrowthPoint, ProductUsagePoint } from '../types';\n\n// Chart colors using CSS variables for theme support\nconst CHART_COLORS = [\n  'hsl(var(--chart-1, 221.2 83.2% 53.3%))',\n  'hsl(var(--chart-2, 142.1 76.2% 36.3%))',\n  'hsl(var(--chart-3, 47.9 95.8% 53.1%))',\n  'hsl(var(--chart-4, 0 84.2% 60.2%))',\n  'hsl(var(--chart-5, 262.1 83.3% 57.8%))',\n];\n\n// ============================================================================\n// Revenue Trend Chart (Line Chart)\n// ============================================================================\n\ninterface RevenueTrendChartProps {\n  data: RevenueTrendPoint[];\n  loading?: boolean;\n  className?: string;\n}\n\nexport function RevenueTrendChart({ data, loading, className }: RevenueTrendChartProps) {\n  return (\n    <Card className={className}>\n      <CardHeader>\n        <CardTitle className=\"text-lg\">Revenue Trend</CardTitle>\n      </CardHeader>\n      <CardContent>\n        {loading ? (\n          <Skeleton className=\"h-[300px] w-full\" />\n        ) : (\n          <ResponsiveContainer width=\"100%\" height={300}>\n            <LineChart data={data} margin={{ top: 5, right: 30, left: 20, bottom: 5 }}>\n              <CartesianGrid strokeDasharray=\"3 3\" className=\"stroke-border\" />\n              <XAxis\n                dataKey=\"date\"\n                className=\"text-xs fill-muted-foreground\"\n                tick={{ fill: 'currentColor' }}\n              />\n              <YAxis\n                className=\"text-xs fill-muted-foreground\"\n                tick={{ fill: 'currentColor' }}\n                tickFormatter={(value) => formatCurrency(value)}\n              />\n              <Tooltip\n                contentStyle={{\n                  backgroundColor: 'hsl(var(--card))',\n                  border: '1px solid hsl(var(--border))',\n                  borderRadius: '6px',\n                }}\n                labelStyle={{ color: 'hsl(var(--foreground))' }}\n                formatter={(value: number) => [formatCurrency(value), '']}\n              />\n              <Legend />\n              <Line\n                type=\"monotone\"\n                dataKey=\"mrr\"\n                name=\"MRR\"\n                stroke={CHART_COLORS[0]}\n                strokeWidth={2}\n                dot={false}\n                activeDot={{ r: 6 }}\n              />\n              <Line\n                type=\"monotone\"\n                dataKey=\"arr\"\n                name=\"ARR\"\n                stroke={CHART_COLORS[1]}\n                strokeWidth={2}\n                dot={false}\n                activeDot={{ r: 6 }}\n              />\n            </LineChart>\n          </ResponsiveContainer>\n        )}\n      </CardContent>\n    </Card>\n  );\n}\n\n// ============================================================================\n// Tenant Growth Chart (Area Chart)\n// ============================================================================\n\ninterface TenantGrowthChartProps {\n  data: TenantGrowthPoint[];\n  loading?: boolean;\n  className?: string;\n}\n\nexport function TenantGrowthChart({ data, loading, className }: TenantGrowthChartProps) {\n  return (\n    <Card className={className}>\n      <CardHeader>\n        <CardTitle className=\"text-lg\">Tenant Growth</CardTitle>\n      </CardHeader>\n      <CardContent>\n        {loading ? (\n          <Skeleton className=\"h-[250px] w-full\" />\n        ) : (\n          <ResponsiveContainer width=\"100%\" height={250}>\n            <AreaChart data={data} margin={{ top: 5, right: 30, left: 20, bottom: 5 }}>\n              <CartesianGrid strokeDasharray=\"3 3\" className=\"stroke-border\" />\n              <XAxis\n                dataKey=\"date\"\n                className=\"text-xs fill-muted-foreground\"\n                tick={{ fill: 'currentColor' }}\n              />\n              <YAxis className=\"text-xs fill-muted-foreground\" tick={{ fill: 'currentColor' }} />\n              <Tooltip\n                contentStyle={{\n                  backgroundColor: 'hsl(var(--card))',\n                  border: '1px solid hsl(var(--border))',\n                  borderRadius: '6px',\n                }}\n                labelStyle={{ color: 'hsl(var(--foreground))' }}\n              />\n              <Legend />\n              <Area\n                type=\"monotone\"\n                dataKey=\"new\"\n                name=\"New\"\n                stackId=\"1\"\n                stroke={CHART_COLORS[0]}\n                fill={CHART_COLORS[0]}\n                fillOpacity={0.6}\n              />\n              <Area\n                type=\"monotone\"\n                dataKey=\"active\"\n                name=\"Active\"\n                stackId=\"2\"\n                stroke={CHART_COLORS[1]}\n                fill={CHART_COLORS[1]}\n                fillOpacity={0.6}\n              />\n              <Area\n                type=\"monotone\"\n                dataKey=\"churned\"\n                name=\"Churned\"\n                stackId=\"3\"\n                stroke={CHART_COLORS[3]}\n                fill={CHART_COLORS[3]}\n                fillOpacity={0.6}\n              />\n            </AreaChart>\n          </ResponsiveContainer>\n        )}\n      </CardContent>\n    </Card>\n  );\n}\n\n// ============================================================================\n// Product Usage Chart (Pie Chart)\n// ============================================================================\n\ninterface ProductUsageChartProps {\n  data: ProductUsagePoint[];\n  loading?: boolean;\n  className?: string;\n}\n\nexport function ProductUsageChart({ data, loading, className }: ProductUsageChartProps) {\n  return (\n    <Card className={className}>\n      <CardHeader>\n        <CardTitle className=\"text-lg\">Product Usage</CardTitle>\n      </CardHeader>\n      <CardContent>\n        {loading ? (\n          <Skeleton className=\"h-[250px] w-full\" />\n        ) : (\n          <ResponsiveContainer width=\"100%\" height={250}>\n            <PieChart>\n              <Pie\n                data={data}\n                dataKey=\"tenants\"\n                nameKey=\"product\"\n                cx=\"50%\"\n                cy=\"50%\"\n                outerRadius={80}\n                label={({ name, percent }: { name: string; percent: number }) =>\n                  `${name} (${(percent * 100).toFixed(0)}%)`\n                }\n                labelLine={false}\n              >\n                {data.map((entry, index) => (\n                  <Cell\n                    key={`cell-${index}`}\n                    fill={entry.color || CHART_COLORS[index % CHART_COLORS.length]}\n                  />\n                ))}\n              </Pie>\n              <Tooltip\n                contentStyle={{\n                  backgroundColor: 'hsl(var(--card))',\n                  border: '1px solid hsl(var(--border))',\n                  borderRadius: '6px',\n                }}\n                formatter={(value: number) => [formatNumber(value) + ' tenants', '']}\n              />\n              <Legend />\n            </PieChart>\n          </ResponsiveContainer>\n        )}\n      </CardContent>\n    </Card>\n  );\n}\n\n// ============================================================================\n// Quick Links Card\n// ============================================================================\n\ninterface QuickLink {\n  to: string;\n  icon: React.ReactNode;\n  label: string;\n  description?: string;\n}\n\ninterface QuickLinksProps {\n  links: QuickLink[];\n  className?: string;\n}\n\nexport function QuickLinks({ links, className }: QuickLinksProps) {\n  return (\n    <Card className={className}>\n      <CardHeader>\n        <CardTitle className=\"text-lg\">Quick Actions</CardTitle>\n      </CardHeader>\n      <CardContent>\n        <div className=\"grid grid-cols-1 gap-3 sm:grid-cols-2\">\n          {links.map((link) => (\n            <a\n              key={link.to}\n              href={link.to}\n              className={cn(\n                'flex items-center gap-3 rounded-lg border border-border-subtle p-3',\n                'transition-colors hover:bg-accent'\n              )}\n            >\n              <div className=\"rounded-md bg-action-primary-bg/10 p-2 text-primary\">{link.icon}</div>\n              <div className=\"min-w-0 flex-1\">\n                <p className=\"font-medium text-text-primary\">{link.label}</p>\n                {link.description && (\n                  <p className=\"truncate text-xs text-text-secondary\">{link.description}</p>\n                )}\n              </div>\n            </a>\n          ))}\n        </div>\n      </CardContent>\n    </Card>\n  );\n}\n"],"mappings":";;;;;AAqPA,SAAgB,EAAW,EAAE,UAAO,gBAA8B;AAChE,QACE,kBAAC,GAAD;EAAiB;YAAjB,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;GAAW,WAAU;aAAU;GAAyB,CAAA,EAC7C,CAAA,EACb,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAM,KAAK,MACV,kBAAC,KAAD;IAEE,MAAM,EAAK;IACX,WAAW,EACT,sEACA,oCACD;cANH,CAQE,kBAAC,OAAD;KAAK,WAAU;eAAuD,EAAK;KAAW,CAAA,EACtF,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,KAAD;MAAG,WAAU;gBAAiC,EAAK;MAAU,CAAA,EAC5D,EAAK,eACJ,kBAAC,KAAD;MAAG,WAAU;gBAAwC,EAAK;MAAgB,CAAA,CAExE;OACJ;MAdG,EAAK,GAcR,CACJ;GACE,CAAA,EACM,CAAA,CACT"}

package/dist/admin/components/ConfirmDialog.js

@@ -2,80 +2,99 @@ import { cn as e } from "../utils/cn.js";
 import { Button as t } from "./ui.js";
 import { useEffect as n, useRef as r } from "react";
 import { AlertTriangle as i, Loader2 as a } from "lucide-react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/admin/components/ConfirmDialog.tsx
-function c({ open: c, onClose: l, onConfirm: u, title: d, description: f, confirmLabel: p = "Confirm", cancelLabel: m = "Cancel", variant: h = "default", loading: g = !1, icon: _ }) {
+function l({ open: o, onClose: l, onConfirm: u, title: d, description: f, confirmLabel: p = "Confirm", cancelLabel: m = "Cancel", variant: h = "default", loading: g = !1, icon: _ }) {
 	let v = r(null);
 	if (n(() => {
 		let e = (e) => {
-			e.key === "Escape" && c && !g && l();
+			e.key === "Escape" && o && !g && l();
 		};
 		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
 	}, [
-		c,
+		o,
 		l,
 		g
 	]), n(() => {
-		if (c) {
+		if (o) {
 			let e = setTimeout(() => {
 				v.current?.focus();
 			}, 50);
 			return () => clearTimeout(e);
 		}
-	}, [c]), n(() => (c ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
+	}, [o]), n(() => (o ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
 		document.body.style.overflow = "";
-	}), [c]), !c) return null;
+	}), [o]), !o) return null;
 	let y = async () => {
 		await u();
-	}, b = h === "destructive", x = b ? /* @__PURE__ */ o(i, { className: "h-6 w-6 text-destructive" }) : null;
-	return /* @__PURE__ */ s("div", {
+	}, b = h === "destructive", x = b ? /* @__PURE__ */ s(i, { className: "h-6 w-6 text-status-error-text" }) : null;
+	return /* @__PURE__ */ c("div", {
 		className: "fixed inset-0 z-50 flex items-center justify-center",
-		children: [/* @__PURE__ */ o("div", {
+		children: [/* @__PURE__ */ s("div", {
 			className: "fixed inset-0 bg-black/50 transition-opacity",
 			onClick: g ? void 0 : l,
 			"aria-hidden": "true"
-		}), /* @__PURE__ */ s("div", {
-			className: e("relative z-10 w-full max-w-md rounded-lg bg-background p-6 shadow-xl", "animate-in zoom-in-95 fade-in duration-200"),
+		}), /* @__PURE__ */ c("div", {
+			className: e("relative z-10 w-full max-w-md rounded-lg bg-bg-surface p-6 shadow-xl", "animate-in zoom-in-95 fade-in duration-200"),
 			role: "alertdialog",
 			"aria-modal": "true",
 			"aria-labelledby": "confirm-dialog-title",
 			"aria-describedby": "confirm-dialog-description",
-			children: [/* @__PURE__ */ s("div", {
+			children: [/* @__PURE__ */ c("div", {
 				className: "flex gap-4",
-				children: [(_ || x) && /* @__PURE__ */ o("div", {
-					className: e("flex h-12 w-12 shrink-0 items-center justify-center rounded-full", b ? "bg-destructive/10" : "bg-primary/10"),
+				children: [(_ || x) && /* @__PURE__ */ s("div", {
+					className: e("flex h-12 w-12 shrink-0 items-center justify-center rounded-full", b ? "bg-status-error-bg/10" : "bg-action-primary-bg/10"),
 					children: _ || x
-				}), /* @__PURE__ */ s("div", {
+				}), /* @__PURE__ */ c("div", {
 					className: "flex-1",
-					children: [/* @__PURE__ */ o("h3", {
+					children: [/* @__PURE__ */ s("h3", {
 						id: "confirm-dialog-title",
-						className: "text-lg font-semibold text-foreground",
+						className: "text-lg font-semibold text-text-primary",
 						children: d
-					}), /* @__PURE__ */ o("div", {
+					}), /* @__PURE__ */ s("div", {
 						id: "confirm-dialog-description",
-						className: "mt-2 text-sm text-muted-foreground",
+						className: "mt-2 text-sm text-text-secondary",
 						children: f
 					})]
 				})]
-			}), /* @__PURE__ */ s("div", {
+			}), /* @__PURE__ */ c("div", {
 				className: "mt-6 flex justify-end gap-3",
-				children: [/* @__PURE__ */ o(t, {
+				children: [/* @__PURE__ */ s(t, {
 					variant: "outline",
 					onClick: l,
 					disabled: g,
 					children: m
-				}), /* @__PURE__ */ s(t, {
+				}), /* @__PURE__ */ c(t, {
 					ref: v,
 					variant: b ? "destructive" : "default",
 					onClick: y,
 					disabled: g,
-					children: [g && /* @__PURE__ */ o(a, { className: "mr-2 h-4 w-4 animate-spin" }), p]
+					children: [g && /* @__PURE__ */ s(a, { className: "mr-2 h-4 w-4 animate-spin" }), p]
 				})]
 			})]
 		})]
 	});
 }
+function u({ open: e, onClose: t, onConfirm: n, itemName: r, itemType: i, loading: a }) {
+	return /* @__PURE__ */ s(l, {
+		open: e,
+		onClose: t,
+		onConfirm: n,
+		title: `Delete ${i}?`,
+		description: /* @__PURE__ */ c(o, { children: [
+			"Are you sure you want to delete ",
+			/* @__PURE__ */ s("strong", {
+				className: "text-text-primary",
+				children: r
+			}),
+			"? This action cannot be undone."
+		] }),
+		confirmLabel: "Delete",
+		variant: "destructive",
+		loading: a
+	});
+}
 //#endregion
-export { c as ConfirmDialog };
+export { l as ConfirmDialog, u as DeleteConfirmDialog };
 
 //# sourceMappingURL=ConfirmDialog.js.map

package/dist/admin/components/ConfirmDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmDialog.js","names":[],"sources":["../../../src/admin/components/ConfirmDialog.tsx"],"sourcesContent":["import { useEffect, useRef, type ReactNode } from 'react';\nimport { AlertTriangle, Loader2 } from 'lucide-react';\nimport { Button } from './ui';\nimport { cn } from '../utils/cn';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface ConfirmDialogProps {\n  /** Whether the dialog is open */\n  open: boolean;\n  /** Callback when the dialog should close */\n  onClose: () => void;\n  /** Callback when confirmed */\n  onConfirm: () => void | Promise<void>;\n  /** Dialog title */\n  title: string;\n  /** Dialog description */\n  description: ReactNode;\n  /** Confirm button text */\n  confirmLabel?: string;\n  /** Cancel button text */\n  cancelLabel?: string;\n  /** Variant for styling */\n  variant?: 'default' | 'destructive';\n  /** Loading state */\n  loading?: boolean;\n  /** Icon to display */\n  icon?: ReactNode;\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\n/**\n * ConfirmDialog - Modal dialog for confirming actions\n *\n * Use for destructive actions like deleting, or important state changes.\n */\nexport function ConfirmDialog({\n  open,\n  onClose,\n  onConfirm,\n  title,\n  description,\n  confirmLabel = 'Confirm',\n  cancelLabel = 'Cancel',\n  variant = 'default',\n  loading = false,\n  icon,\n}: ConfirmDialogProps) {\n  const confirmRef = useRef<HTMLButtonElement>(null);\n\n  // Handle escape key\n  useEffect(() => {\n    const handleEscape = (e: KeyboardEvent) => {\n      if (e.key === 'Escape' && open && !loading) {\n        onClose();\n      }\n    };\n    document.addEventListener('keydown', handleEscape);\n    return () => document.removeEventListener('keydown', handleEscape);\n  }, [open, onClose, loading]);\n\n  // Focus confirm button when opened\n  useEffect(() => {\n    if (open) {\n      // Small delay to ensure dialog is rendered\n      const timer = setTimeout(() => {\n        confirmRef.current?.focus();\n      }, 50);\n      return () => clearTimeout(timer);\n    }\n  }, [open]);\n\n  // Prevent body scroll when open\n  useEffect(() => {\n    if (open) {\n      document.body.style.overflow = 'hidden';\n    } else {\n      document.body.style.overflow = '';\n    }\n    return () => {\n      document.body.style.overflow = '';\n    };\n  }, [open]);\n\n  if (!open) return null;\n\n  const handleConfirm = async () => {\n    await onConfirm();\n  };\n\n  const isDestructive = variant === 'destructive';\n  const defaultIcon = isDestructive ? <AlertTriangle className=\"h-6 w-6 text-destructive\" /> : null;\n\n  return (\n    <div className=\"fixed inset-0 z-50 flex items-center justify-center\">\n      {/* Backdrop */}\n      <div\n        className=\"fixed inset-0 bg-black/50 transition-opacity\"\n        onClick={loading ? undefined : onClose}\n        aria-hidden=\"true\"\n      />\n\n      {/* Dialog */}\n      <div\n        className={cn(\n          'relative z-10 w-full max-w-md rounded-lg bg-background p-6 shadow-xl',\n          'animate-in zoom-in-95 fade-in duration-200'\n        )}\n        role=\"alertdialog\"\n        aria-modal=\"true\"\n        aria-labelledby=\"confirm-dialog-title\"\n        aria-describedby=\"confirm-dialog-description\"\n      >\n        {/* Icon & Content */}\n        <div className=\"flex gap-4\">\n          {(icon || defaultIcon) && (\n            <div\n              className={cn(\n                'flex h-12 w-12 shrink-0 items-center justify-center rounded-full',\n                isDestructive ? 'bg-destructive/10' : 'bg-primary/10'\n              )}\n            >\n              {icon || defaultIcon}\n            </div>\n          )}\n          <div className=\"flex-1\">\n            <h3 id=\"confirm-dialog-title\" className=\"text-lg font-semibold text-foreground\">\n              {title}\n            </h3>\n            <div id=\"confirm-dialog-description\" className=\"mt-2 text-sm text-muted-foreground\">\n              {description}\n            </div>\n          </div>\n        </div>\n\n        {/* Actions */}\n        <div className=\"mt-6 flex justify-end gap-3\">\n          <Button variant=\"outline\" onClick={onClose} disabled={loading}>\n            {cancelLabel}\n          </Button>\n          <Button\n            ref={confirmRef}\n            variant={isDestructive ? 'destructive' : 'default'}\n            onClick={handleConfirm}\n            disabled={loading}\n          >\n            {loading && <Loader2 className=\"mr-2 h-4 w-4 animate-spin\" />}\n            {confirmLabel}\n          </Button>\n        </div>\n      </div>\n    </div>\n  );\n}\n\n// ============================================================================\n// Delete Confirmation Helper\n// ============================================================================\n\nexport interface DeleteConfirmDialogProps {\n  open: boolean;\n  onClose: () => void;\n  onConfirm: () => void | Promise<void>;\n  /** Name of item being deleted */\n  itemName: string;\n  /** Type of item (e.g., \"tenant\", \"user\") */\n  itemType: string;\n  loading?: boolean;\n}\n\n/**\n * DeleteConfirmDialog - Pre-configured dialog for delete confirmations\n */\nexport function DeleteConfirmDialog({\n  open,\n  onClose,\n  onConfirm,\n  itemName,\n  itemType,\n  loading,\n}: DeleteConfirmDialogProps) {\n  return (\n    <ConfirmDialog\n      open={open}\n      onClose={onClose}\n      onConfirm={onConfirm}\n      title={`Delete ${itemType}?`}\n      description={\n        <>\n          Are you sure you want to delete <strong className=\"text-foreground\">{itemName}</strong>?\n          This action cannot be undone.\n        </>\n      }\n      confirmLabel=\"Delete\"\n      variant=\"destructive\"\n      loading={loading}\n    />\n  );\n}\n"],"mappings":";;;;;;AAyCA,SAAgB,EAAc,EAC5B,SACA,YACA,cACA,UACA,gBACA,kBAAe,WACf,iBAAc,UACd,aAAU,WACV,aAAU,IACV,WACqB;CACrB,IAAM,IAAa,EAA0B,KAAK;AAoClD,KAjCA,QAAgB;EACd,IAAM,KAAgB,MAAqB;AACzC,GAAI,EAAE,QAAQ,YAAY,KAAQ,CAAC,KACjC,GAAS;;AAIb,SADA,SAAS,iBAAiB,WAAW,EAAa,QACrC,SAAS,oBAAoB,WAAW,EAAa;IACjE;EAAC;EAAM;EAAS;EAAQ,CAAC,EAG5B,QAAgB;AACd,MAAI,GAAM;GAER,IAAM,IAAQ,iBAAiB;AAC7B,MAAW,SAAS,OAAO;MAC1B,GAAG;AACN,gBAAa,aAAa,EAAM;;IAEjC,CAAC,EAAK,CAAC,EAGV,SACM,IACF,SAAS,KAAK,MAAM,WAAW,WAE/B,SAAS,KAAK,MAAM,WAAW,UAEpB;AACX,WAAS,KAAK,MAAM,WAAW;KAEhC,CAAC,EAAK,CAAC,EAEN,CAAC,EAAM,QAAO;CAElB,IAAM,IAAgB,YAAY;AAChC,QAAM,GAAW;IAGb,IAAgB,MAAY,eAC5B,IAAc,IAAgB,kBAAC,GAAD,EAAe,WAAU,4BAA6B,CAAA,GAAG;AAE7F,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CAEE,kBAAC,OAAD;GACE,WAAU;GACV,SAAS,IAAU,KAAA,IAAY;GAC/B,eAAY;GACZ,CAAA,EAGF,kBAAC,OAAD;GACE,WAAW,EACT,wEACA,6CACD;GACD,MAAK;GACL,cAAW;GACX,mBAAgB;GAChB,oBAAiB;aARnB,CAWE,kBAAC,OAAD;IAAK,WAAU;cAAf,EACI,KAAQ,MACR,kBAAC,OAAD;KACE,WAAW,EACT,oEACA,IAAgB,sBAAsB,gBACvC;eAEA,KAAQ;KACL,CAAA,EAER,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,MAAD;MAAI,IAAG;MAAuB,WAAU;gBACrC;MACE,CAAA,EACL,kBAAC,OAAD;MAAK,IAAG;MAA6B,WAAU;gBAC5C;MACG,CAAA,CACF;OACF;OAGN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAQ,SAAQ;KAAU,SAAS;KAAS,UAAU;eACnD;KACM,CAAA,EACT,kBAAC,GAAD;KACE,KAAK;KACL,SAAS,IAAgB,gBAAgB;KACzC,SAAS;KACT,UAAU;eAJZ,CAMG,KAAW,kBAAC,GAAD,EAAS,WAAU,6BAA8B,CAAA,EAC5D,EACM;OACL;MACF;KACF"}
+{"version":3,"file":"ConfirmDialog.js","names":[],"sources":["../../../src/admin/components/ConfirmDialog.tsx"],"sourcesContent":["import { useEffect, useRef, type ReactNode } from 'react';\nimport { AlertTriangle, Loader2 } from 'lucide-react';\nimport { Button } from './ui';\nimport { cn } from '../utils/cn';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface ConfirmDialogProps {\n  /** Whether the dialog is open */\n  open: boolean;\n  /** Callback when the dialog should close */\n  onClose: () => void;\n  /** Callback when confirmed */\n  onConfirm: () => void | Promise<void>;\n  /** Dialog title */\n  title: string;\n  /** Dialog description */\n  description: ReactNode;\n  /** Confirm button text */\n  confirmLabel?: string;\n  /** Cancel button text */\n  cancelLabel?: string;\n  /** Variant for styling */\n  variant?: 'default' | 'destructive';\n  /** Loading state */\n  loading?: boolean;\n  /** Icon to display */\n  icon?: ReactNode;\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\n/**\n * ConfirmDialog - Modal dialog for confirming actions\n *\n * Use for destructive actions like deleting, or important state changes.\n */\nexport function ConfirmDialog({\n  open,\n  onClose,\n  onConfirm,\n  title,\n  description,\n  confirmLabel = 'Confirm',\n  cancelLabel = 'Cancel',\n  variant = 'default',\n  loading = false,\n  icon,\n}: ConfirmDialogProps) {\n  const confirmRef = useRef<HTMLButtonElement>(null);\n\n  // Handle escape key\n  useEffect(() => {\n    const handleEscape = (e: KeyboardEvent) => {\n      if (e.key === 'Escape' && open && !loading) {\n        onClose();\n      }\n    };\n    document.addEventListener('keydown', handleEscape);\n    return () => document.removeEventListener('keydown', handleEscape);\n  }, [open, onClose, loading]);\n\n  // Focus confirm button when opened\n  useEffect(() => {\n    if (open) {\n      // Small delay to ensure dialog is rendered\n      const timer = setTimeout(() => {\n        confirmRef.current?.focus();\n      }, 50);\n      return () => clearTimeout(timer);\n    }\n  }, [open]);\n\n  // Prevent body scroll when open\n  useEffect(() => {\n    if (open) {\n      document.body.style.overflow = 'hidden';\n    } else {\n      document.body.style.overflow = '';\n    }\n    return () => {\n      document.body.style.overflow = '';\n    };\n  }, [open]);\n\n  if (!open) return null;\n\n  const handleConfirm = async () => {\n    await onConfirm();\n  };\n\n  const isDestructive = variant === 'destructive';\n  const defaultIcon = isDestructive ? <AlertTriangle className=\"h-6 w-6 text-status-error-text\" /> : null;\n\n  return (\n    <div className=\"fixed inset-0 z-50 flex items-center justify-center\">\n      {/* Backdrop */}\n      <div\n        className=\"fixed inset-0 bg-black/50 transition-opacity\"\n        onClick={loading ? undefined : onClose}\n        aria-hidden=\"true\"\n      />\n\n      {/* Dialog */}\n      <div\n        className={cn(\n          'relative z-10 w-full max-w-md rounded-lg bg-bg-surface p-6 shadow-xl',\n          'animate-in zoom-in-95 fade-in duration-200'\n        )}\n        role=\"alertdialog\"\n        aria-modal=\"true\"\n        aria-labelledby=\"confirm-dialog-title\"\n        aria-describedby=\"confirm-dialog-description\"\n      >\n        {/* Icon & Content */}\n        <div className=\"flex gap-4\">\n          {(icon || defaultIcon) && (\n            <div\n              className={cn(\n                'flex h-12 w-12 shrink-0 items-center justify-center rounded-full',\n                isDestructive ? 'bg-status-error-bg/10' : 'bg-action-primary-bg/10'\n              )}\n            >\n              {icon || defaultIcon}\n            </div>\n          )}\n          <div className=\"flex-1\">\n            <h3 id=\"confirm-dialog-title\" className=\"text-lg font-semibold text-text-primary\">\n              {title}\n            </h3>\n            <div id=\"confirm-dialog-description\" className=\"mt-2 text-sm text-text-secondary\">\n              {description}\n            </div>\n          </div>\n        </div>\n\n        {/* Actions */}\n        <div className=\"mt-6 flex justify-end gap-3\">\n          <Button variant=\"outline\" onClick={onClose} disabled={loading}>\n            {cancelLabel}\n          </Button>\n          <Button\n            ref={confirmRef}\n            variant={isDestructive ? 'destructive' : 'default'}\n            onClick={handleConfirm}\n            disabled={loading}\n          >\n            {loading && <Loader2 className=\"mr-2 h-4 w-4 animate-spin\" />}\n            {confirmLabel}\n          </Button>\n        </div>\n      </div>\n    </div>\n  );\n}\n\n// ============================================================================\n// Delete Confirmation Helper\n// ============================================================================\n\nexport interface DeleteConfirmDialogProps {\n  open: boolean;\n  onClose: () => void;\n  onConfirm: () => void | Promise<void>;\n  /** Name of item being deleted */\n  itemName: string;\n  /** Type of item (e.g., \"tenant\", \"user\") */\n  itemType: string;\n  loading?: boolean;\n}\n\n/**\n * DeleteConfirmDialog - Pre-configured dialog for delete confirmations\n */\nexport function DeleteConfirmDialog({\n  open,\n  onClose,\n  onConfirm,\n  itemName,\n  itemType,\n  loading,\n}: DeleteConfirmDialogProps) {\n  return (\n    <ConfirmDialog\n      open={open}\n      onClose={onClose}\n      onConfirm={onConfirm}\n      title={`Delete ${itemType}?`}\n      description={\n        <>\n          Are you sure you want to delete <strong className=\"text-text-primary\">{itemName}</strong>?\n          This action cannot be undone.\n        </>\n      }\n      confirmLabel=\"Delete\"\n      variant=\"destructive\"\n      loading={loading}\n    />\n  );\n}\n"],"mappings":";;;;;;AAyCA,SAAgB,EAAc,EAC5B,SACA,YACA,cACA,UACA,gBACA,kBAAe,WACf,iBAAc,UACd,aAAU,WACV,aAAU,IACV,WACqB;CACrB,IAAM,IAAa,EAA0B,KAAK;AAoClD,KAjCA,QAAgB;EACd,IAAM,KAAgB,MAAqB;AACzC,GAAI,EAAE,QAAQ,YAAY,KAAQ,CAAC,KACjC,GAAS;;AAIb,SADA,SAAS,iBAAiB,WAAW,EAAa,QACrC,SAAS,oBAAoB,WAAW,EAAa;IACjE;EAAC;EAAM;EAAS;EAAQ,CAAC,EAG5B,QAAgB;AACd,MAAI,GAAM;GAER,IAAM,IAAQ,iBAAiB;AAC7B,MAAW,SAAS,OAAO;MAC1B,GAAG;AACN,gBAAa,aAAa,EAAM;;IAEjC,CAAC,EAAK,CAAC,EAGV,SACM,IACF,SAAS,KAAK,MAAM,WAAW,WAE/B,SAAS,KAAK,MAAM,WAAW,UAEpB;AACX,WAAS,KAAK,MAAM,WAAW;KAEhC,CAAC,EAAK,CAAC,EAEN,CAAC,EAAM,QAAO;CAElB,IAAM,IAAgB,YAAY;AAChC,QAAM,GAAW;IAGb,IAAgB,MAAY,eAC5B,IAAc,IAAgB,kBAAC,GAAD,EAAe,WAAU,kCAAmC,CAAA,GAAG;AAEnG,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CAEE,kBAAC,OAAD;GACE,WAAU;GACV,SAAS,IAAU,KAAA,IAAY;GAC/B,eAAY;GACZ,CAAA,EAGF,kBAAC,OAAD;GACE,WAAW,EACT,wEACA,6CACD;GACD,MAAK;GACL,cAAW;GACX,mBAAgB;GAChB,oBAAiB;aARnB,CAWE,kBAAC,OAAD;IAAK,WAAU;cAAf,EACI,KAAQ,MACR,kBAAC,OAAD;KACE,WAAW,EACT,oEACA,IAAgB,0BAA0B,0BAC3C;eAEA,KAAQ;KACL,CAAA,EAER,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,MAAD;MAAI,IAAG;MAAuB,WAAU;gBACrC;MACE,CAAA,EACL,kBAAC,OAAD;MAAK,IAAG;MAA6B,WAAU;gBAC5C;MACG,CAAA,CACF;OACF;OAGN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAQ,SAAQ;KAAU,SAAS;KAAS,UAAU;eACnD;KACM,CAAA,EACT,kBAAC,GAAD;KACE,KAAK;KACL,SAAS,IAAgB,gBAAgB;KACzC,SAAS;KACT,UAAU;eAJZ,CAMG,KAAW,kBAAC,GAAD,EAAS,WAAU,6BAA8B,CAAA,EAC5D,EACM;OACL;MACF;KACF;;;AAsBV,SAAgB,EAAoB,EAClC,SACA,YACA,cACA,aACA,aACA,cAC2B;AAC3B,QACE,kBAAC,GAAD;EACQ;EACG;EACE;EACX,OAAO,UAAU,EAAS;EAC1B,aACE,kBAAA,GAAA,EAAA,UAAA;GAAE;GACgC,kBAAC,UAAD;IAAQ,WAAU;cAAqB;IAAkB,CAAA;;GAExF,EAAA,CAAA;EAEL,cAAa;EACb,SAAQ;EACC;EACT,CAAA"}

package/dist/admin/components/DataTable.js

@@ -14,15 +14,15 @@ function l({ columns: t, data: r, keyExtractor: i, loading: a, skeletonRows: o =
 		right: "text-right"
 	};
 	return /* @__PURE__ */ s("div", {
-		className: e("overflow-hidden rounded-lg border border-border", m),
+		className: e("overflow-hidden rounded-lg border border-border-subtle", m),
 		children: /* @__PURE__ */ s("div", {
 			className: "overflow-x-auto",
 			children: /* @__PURE__ */ c("table", {
 				className: "w-full border-collapse",
 				children: [/* @__PURE__ */ s("thead", { children: /* @__PURE__ */ s("tr", {
-					className: "border-b border-border bg-muted/50",
+					className: "border-b border-border-subtle bg-bg-sunken/50",
 					children: t.map((t) => /* @__PURE__ */ s("th", {
-						className: e("px-4 py-3 text-sm font-medium text-muted-foreground", g[t.align || "left"], t.sortable && "cursor-pointer select-none hover:text-foreground", t.width),
+						className: e("px-4 py-3 text-sm font-medium text-text-secondary", g[t.align || "left"], t.sortable && "cursor-pointer select-none hover:text-text-primary", t.width),
 						style: t.width ? { width: t.width } : void 0,
 						onClick: () => h(t),
 						children: /* @__PURE__ */ c("div", {
@@ -34,7 +34,7 @@ function l({ columns: t, data: r, keyExtractor: i, loading: a, skeletonRows: o =
 						})
 					}, t.key))
 				}) }), /* @__PURE__ */ s("tbody", { children: a ? Array.from({ length: o }).map((e, r) => /* @__PURE__ */ s("tr", {
-					className: "border-b border-border last:border-0",
+					className: "border-b border-border-subtle last:border-0",
 					children: t.map((e) => /* @__PURE__ */ s("td", {
 						className: "px-4 py-3",
 						children: /* @__PURE__ */ s(n, { className: "h-5 w-full" })
@@ -43,11 +43,11 @@ function l({ columns: t, data: r, keyExtractor: i, loading: a, skeletonRows: o =
 					colSpan: t.length,
 					className: "px-4 py-8",
 					children: l || /* @__PURE__ */ s("div", {
-						className: "text-center text-sm text-muted-foreground",
+						className: "text-center text-sm text-text-secondary",
 						children: "No data available"
 					})
 				}) }) : r.map((n, r) => /* @__PURE__ */ s("tr", {
-					className: e("border-b border-border last:border-0 transition-colors", u && "cursor-pointer hover:bg-muted/50"),
+					className: e("border-b border-border-subtle last:border-0 transition-colors", u && "cursor-pointer hover:bg-bg-sunken/50"),
 					onClick: () => u?.(n),
 					children: t.map((t) => /* @__PURE__ */ s("td", {
 						className: e("px-4 py-3 text-sm", g[t.align || "left"]),
@@ -63,7 +63,7 @@ function u({ page: n, totalPages: l, totalItems: u, pageSize: d, onPageChange: f
 	return /* @__PURE__ */ c("div", {
 		className: e("flex items-center justify-between px-4 py-3", p),
 		children: [/* @__PURE__ */ c("div", {
-			className: "text-sm text-muted-foreground",
+			className: "text-sm text-text-secondary",
 			children: [
 				"Showing ",
 				m,

package/dist/admin/components/DataTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.js","names":[],"sources":["../../../src/admin/components/DataTable.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight } from 'lucide-react';\nimport { Button, Skeleton } from './ui';\nimport { cn } from '../utils/cn';\n\ninterface Column<T> {\n  /** Column key (used for accessing data) */\n  key: string;\n  /** Column header */\n  header: string;\n  /** Custom render function */\n  render?: (item: T, index: number) => ReactNode;\n  /** Column width */\n  width?: string;\n  /** Align content */\n  align?: 'left' | 'center' | 'right';\n  /** Sortable */\n  sortable?: boolean;\n}\n\ninterface DataTableProps<T> {\n  /** Column definitions */\n  columns: Column<T>[];\n  /** Data to display */\n  data: T[];\n  /** Key extractor for rows */\n  keyExtractor: (item: T) => string;\n  /** Loading state */\n  loading?: boolean;\n  /** Number of skeleton rows when loading */\n  skeletonRows?: number;\n  /** Empty state content */\n  emptyState?: ReactNode;\n  /** On row click handler */\n  onRowClick?: (item: T) => void;\n  /** Current sort column */\n  sortBy?: string;\n  /** Sort direction */\n  sortOrder?: 'asc' | 'desc';\n  /** On sort change */\n  onSort?: (column: string, order: 'asc' | 'desc') => void;\n  /** Additional class name */\n  className?: string;\n}\n\n/**\n * Reusable data table component\n */\nexport function DataTable<T>({\n  columns,\n  data,\n  keyExtractor,\n  loading,\n  skeletonRows = 5,\n  emptyState,\n  onRowClick,\n  sortBy,\n  sortOrder,\n  onSort,\n  className,\n}: DataTableProps<T>) {\n  const handleSort = (column: Column<T>) => {\n    if (!column.sortable || !onSort) return;\n    const newOrder = sortBy === column.key && sortOrder === 'asc' ? 'desc' : 'asc';\n    onSort(column.key, newOrder);\n  };\n\n  const alignClasses = {\n    left: 'text-left',\n    center: 'text-center',\n    right: 'text-right',\n  };\n\n  return (\n    <div className={cn('overflow-hidden rounded-lg border border-border', className)}>\n      <div className=\"overflow-x-auto\">\n        <table className=\"w-full border-collapse\">\n          <thead>\n            <tr className=\"border-b border-border bg-muted/50\">\n              {columns.map((column) => (\n                <th\n                  key={column.key}\n                  className={cn(\n                    'px-4 py-3 text-sm font-medium text-muted-foreground',\n                    alignClasses[column.align || 'left'],\n                    column.sortable && 'cursor-pointer select-none hover:text-foreground',\n                    column.width\n                  )}\n                  style={column.width ? { width: column.width } : undefined}\n                  onClick={() => handleSort(column)}\n                >\n                  <div className=\"flex items-center gap-2\">\n                    {column.header}\n                    {column.sortable && sortBy === column.key && (\n                      <span className=\"text-xs\">{sortOrder === 'asc' ? '↑' : '↓'}</span>\n                    )}\n                  </div>\n                </th>\n              ))}\n            </tr>\n          </thead>\n          <tbody>\n            {loading ? (\n              Array.from({ length: skeletonRows }).map((_, rowIndex) => (\n                <tr key={rowIndex} className=\"border-b border-border last:border-0\">\n                  {columns.map((column) => (\n                    <td key={column.key} className=\"px-4 py-3\">\n                      <Skeleton className=\"h-5 w-full\" />\n                    </td>\n                  ))}\n                </tr>\n              ))\n            ) : data.length === 0 ? (\n              <tr>\n                <td colSpan={columns.length} className=\"px-4 py-8\">\n                  {emptyState || (\n                    <div className=\"text-center text-sm text-muted-foreground\">\n                      No data available\n                    </div>\n                  )}\n                </td>\n              </tr>\n            ) : (\n              data.map((item, index) => (\n                <tr\n                  key={keyExtractor(item)}\n                  className={cn(\n                    'border-b border-border last:border-0 transition-colors',\n                    onRowClick && 'cursor-pointer hover:bg-muted/50'\n                  )}\n                  onClick={() => onRowClick?.(item)}\n                >\n                  {columns.map((column) => (\n                    <td\n                      key={column.key}\n                      className={cn('px-4 py-3 text-sm', alignClasses[column.align || 'left'])}\n                    >\n                      {column.render\n                        ? column.render(item, index)\n                        : String((item as Record<string, unknown>)[column.key] ?? '')}\n                    </td>\n                  ))}\n                </tr>\n              ))\n            )}\n          </tbody>\n        </table>\n      </div>\n    </div>\n  );\n}\n\ninterface PaginationProps {\n  /** Current page (1-indexed) */\n  page: number;\n  /** Total pages */\n  totalPages: number;\n  /** Total items */\n  totalItems: number;\n  /** Items per page */\n  pageSize: number;\n  /** On page change */\n  onPageChange: (page: number) => void;\n  /** Additional class name */\n  className?: string;\n}\n\n/**\n * Pagination controls\n */\nexport function Pagination({\n  page,\n  totalPages,\n  totalItems,\n  pageSize,\n  onPageChange,\n  className,\n}: PaginationProps) {\n  const startItem = (page - 1) * pageSize + 1;\n  const endItem = Math.min(page * pageSize, totalItems);\n\n  return (\n    <div className={cn('flex items-center justify-between px-4 py-3', className)}>\n      <div className=\"text-sm text-muted-foreground\">\n        Showing {startItem} to {endItem} of {totalItems} results\n      </div>\n      <div className=\"flex items-center gap-1\">\n        <Button\n          variant=\"outline\"\n          size=\"icon\"\n          onClick={() => onPageChange(1)}\n          disabled={page === 1}\n          aria-label=\"First page\"\n        >\n          <ChevronsLeft className=\"h-4 w-4\" />\n        </Button>\n        <Button\n          variant=\"outline\"\n          size=\"icon\"\n          onClick={() => onPageChange(page - 1)}\n          disabled={page === 1}\n          aria-label=\"Previous page\"\n        >\n          <ChevronLeft className=\"h-4 w-4\" />\n        </Button>\n        <span className=\"px-3 text-sm\">\n          Page {page} of {totalPages}\n        </span>\n        <Button\n          variant=\"outline\"\n          size=\"icon\"\n          onClick={() => onPageChange(page + 1)}\n          disabled={page === totalPages}\n          aria-label=\"Next page\"\n        >\n          <ChevronRight className=\"h-4 w-4\" />\n        </Button>\n        <Button\n          variant=\"outline\"\n          size=\"icon\"\n          onClick={() => onPageChange(totalPages)}\n          disabled={page === totalPages}\n          aria-label=\"Last page\"\n        >\n          <ChevronsRight className=\"h-4 w-4\" />\n        </Button>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAgDA,SAAgB,EAAa,EAC3B,YACA,SACA,iBACA,YACA,kBAAe,GACf,eACA,eACA,WACA,cACA,WACA,gBACoB;CACpB,IAAM,KAAc,MAAsB;AACxC,MAAI,CAAC,EAAO,YAAY,CAAC,EAAQ;EACjC,IAAM,IAAW,MAAW,EAAO,OAAO,MAAc,QAAQ,SAAS;AACzE,IAAO,EAAO,KAAK,EAAS;IAGxB,IAAe;EACnB,MAAM;EACN,QAAQ;EACR,OAAO;EACR;AAED,QACE,kBAAC,OAAD;EAAK,WAAW,EAAG,mDAAmD,EAAU;YAC9E,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,SAAD;IAAO,WAAU;cAAjB,CACE,kBAAC,SAAD,EAAA,UACE,kBAAC,MAAD;KAAI,WAAU;eACX,EAAQ,KAAK,MACZ,kBAAC,MAAD;MAEE,WAAW,EACT,uDACA,EAAa,EAAO,SAAS,SAC7B,EAAO,YAAY,oDACnB,EAAO,MACR;MACD,OAAO,EAAO,QAAQ,EAAE,OAAO,EAAO,OAAO,GAAG,KAAA;MAChD,eAAe,EAAW,EAAO;gBAEjC,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACG,EAAO,QACP,EAAO,YAAY,MAAW,EAAO,OACpC,kBAAC,QAAD;QAAM,WAAU;kBAAW,MAAc,QAAQ,MAAM;QAAW,CAAA,CAEhE;;MACH,EAhBE,EAAO,IAgBT,CACL;KACC,CAAA,EACC,CAAA,EACR,kBAAC,SAAD,EAAA,UACG,IACC,MAAM,KAAK,EAAE,QAAQ,GAAc,CAAC,CAAC,KAAK,GAAG,MAC3C,kBAAC,MAAD;KAAmB,WAAU;eAC1B,EAAQ,KAAK,MACZ,kBAAC,MAAD;MAAqB,WAAU;gBAC7B,kBAAC,GAAD,EAAU,WAAU,cAAe,CAAA;MAChC,EAFI,EAAO,IAEX,CACL;KACC,EANI,EAMJ,CACL,GACA,EAAK,WAAW,IAClB,kBAAC,MAAD,EAAA,UACE,kBAAC,MAAD;KAAI,SAAS,EAAQ;KAAQ,WAAU;eACpC,KACC,kBAAC,OAAD;MAAK,WAAU;gBAA4C;MAErD,CAAA;KAEL,CAAA,EACF,CAAA,GAEL,EAAK,KAAK,GAAM,MACd,kBAAC,MAAD;KAEE,WAAW,EACT,0DACA,KAAc,mCACf;KACD,eAAe,IAAa,EAAK;eAEhC,EAAQ,KAAK,MACZ,kBAAC,MAAD;MAEE,WAAW,EAAG,qBAAqB,EAAa,EAAO,SAAS,QAAQ;gBAEvE,EAAO,SACJ,EAAO,OAAO,GAAM,EAAM,GAC1B,OAAQ,EAAiC,EAAO,QAAQ,GAAG;MAC5D,EANE,EAAO,IAMT,CACL;KACC,EAjBE,EAAa,EAAK,CAiBpB,CACL,EAEE,CAAA,CACF;;GACJ,CAAA;EACF,CAAA;;AAsBV,SAAgB,EAAW,EACzB,SACA,eACA,eACA,aACA,iBACA,gBACkB;CAClB,IAAM,KAAa,IAAO,KAAK,IAAW,GACpC,IAAU,KAAK,IAAI,IAAO,GAAU,EAAW;AAErD,QACE,kBAAC,OAAD;EAAK,WAAW,EAAG,+CAA+C,EAAU;YAA5E,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf;IAA+C;IACpC;IAAU;IAAK;IAAQ;IAAK;IAAW;IAC5C;MACN,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,GAAD;KACE,SAAQ;KACR,MAAK;KACL,eAAe,EAAa,EAAE;KAC9B,UAAU,MAAS;KACnB,cAAW;eAEX,kBAAC,GAAD,EAAc,WAAU,WAAY,CAAA;KAC7B,CAAA;IACT,kBAAC,GAAD;KACE,SAAQ;KACR,MAAK;KACL,eAAe,EAAa,IAAO,EAAE;KACrC,UAAU,MAAS;KACnB,cAAW;eAEX,kBAAC,GAAD,EAAa,WAAU,WAAY,CAAA;KAC5B,CAAA;IACT,kBAAC,QAAD;KAAM,WAAU;eAAhB;MAA+B;MACvB;MAAK;MAAK;MACX;;IACP,kBAAC,GAAD;KACE,SAAQ;KACR,MAAK;KACL,eAAe,EAAa,IAAO,EAAE;KACrC,UAAU,MAAS;KACnB,cAAW;eAEX,kBAAC,GAAD,EAAc,WAAU,WAAY,CAAA;KAC7B,CAAA;IACT,kBAAC,GAAD;KACE,SAAQ;KACR,MAAK;KACL,eAAe,EAAa,EAAW;KACvC,UAAU,MAAS;KACnB,cAAW;eAEX,kBAAC,GAAD,EAAe,WAAU,WAAY,CAAA;KAC9B,CAAA;IACL;KACF"}
+{"version":3,"file":"DataTable.js","names":[],"sources":["../../../src/admin/components/DataTable.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight } from 'lucide-react';\nimport { Button, Skeleton } from './ui';\nimport { cn } from '../utils/cn';\n\ninterface Column<T> {\n  /** Column key (used for accessing data) */\n  key: string;\n  /** Column header */\n  header: string;\n  /** Custom render function */\n  render?: (item: T, index: number) => ReactNode;\n  /** Column width */\n  width?: string;\n  /** Align content */\n  align?: 'left' | 'center' | 'right';\n  /** Sortable */\n  sortable?: boolean;\n}\n\ninterface DataTableProps<T> {\n  /** Column definitions */\n  columns: Column<T>[];\n  /** Data to display */\n  data: T[];\n  /** Key extractor for rows */\n  keyExtractor: (item: T) => string;\n  /** Loading state */\n  loading?: boolean;\n  /** Number of skeleton rows when loading */\n  skeletonRows?: number;\n  /** Empty state content */\n  emptyState?: ReactNode;\n  /** On row click handler */\n  onRowClick?: (item: T) => void;\n  /** Current sort column */\n  sortBy?: string;\n  /** Sort direction */\n  sortOrder?: 'asc' | 'desc';\n  /** On sort change */\n  onSort?: (column: string, order: 'asc' | 'desc') => void;\n  /** Additional class name */\n  className?: string;\n}\n\n/**\n * Reusable data table component\n */\nexport function DataTable<T>({\n  columns,\n  data,\n  keyExtractor,\n  loading,\n  skeletonRows = 5,\n  emptyState,\n  onRowClick,\n  sortBy,\n  sortOrder,\n  onSort,\n  className,\n}: DataTableProps<T>) {\n  const handleSort = (column: Column<T>) => {\n    if (!column.sortable || !onSort) return;\n    const newOrder = sortBy === column.key && sortOrder === 'asc' ? 'desc' : 'asc';\n    onSort(column.key, newOrder);\n  };\n\n  const alignClasses = {\n    left: 'text-left',\n    center: 'text-center',\n    right: 'text-right',\n  };\n\n  return (\n    <div className={cn('overflow-hidden rounded-lg border border-border-subtle', className)}>\n      <div className=\"overflow-x-auto\">\n        <table className=\"w-full border-collapse\">\n          <thead>\n            <tr className=\"border-b border-border-subtle bg-bg-sunken/50\">\n              {columns.map((column) => (\n                <th\n                  key={column.key}\n                  className={cn(\n                    'px-4 py-3 text-sm font-medium text-text-secondary',\n                    alignClasses[column.align || 'left'],\n                    column.sortable && 'cursor-pointer select-none hover:text-text-primary',\n                    column.width\n                  )}\n                  style={column.width ? { width: column.width } : undefined}\n                  onClick={() => handleSort(column)}\n                >\n                  <div className=\"flex items-center gap-2\">\n                    {column.header}\n                    {column.sortable && sortBy === column.key && (\n                      <span className=\"text-xs\">{sortOrder === 'asc' ? '↑' : '↓'}</span>\n                    )}\n                  </div>\n                </th>\n              ))}\n            </tr>\n          </thead>\n          <tbody>\n            {loading ? (\n              Array.from({ length: skeletonRows }).map((_, rowIndex) => (\n                <tr key={rowIndex} className=\"border-b border-border-subtle last:border-0\">\n                  {columns.map((column) => (\n                    <td key={column.key} className=\"px-4 py-3\">\n                      <Skeleton className=\"h-5 w-full\" />\n                    </td>\n                  ))}\n                </tr>\n              ))\n            ) : data.length === 0 ? (\n              <tr>\n                <td colSpan={columns.length} className=\"px-4 py-8\">\n                  {emptyState || (\n                    <div className=\"text-center text-sm text-text-secondary\">\n                      No data available\n                    </div>\n                  )}\n                </td>\n              </tr>\n            ) : (\n              data.map((item, index) => (\n                <tr\n                  key={keyExtractor(item)}\n                  className={cn(\n                    'border-b border-border-subtle last:border-0 transition-colors',\n                    onRowClick && 'cursor-pointer hover:bg-bg-sunken/50'\n                  )}\n                  onClick={() => onRowClick?.(item)}\n                >\n                  {columns.map((column) => (\n                    <td\n                      key={column.key}\n                      className={cn('px-4 py-3 text-sm', alignClasses[column.align || 'left'])}\n                    >\n                      {column.render\n                        ? column.render(item, index)\n                        : String((item as Record<string, unknown>)[column.key] ?? '')}\n                    </td>\n                  ))}\n                </tr>\n              ))\n            )}\n          </tbody>\n        </table>\n      </div>\n    </div>\n  );\n}\n\ninterface PaginationProps {\n  /** Current page (1-indexed) */\n  page: number;\n  /** Total pages */\n  totalPages: number;\n  /** Total items */\n  totalItems: number;\n  /** Items per page */\n  pageSize: number;\n  /** On page change */\n  onPageChange: (page: number) => void;\n  /** Additional class name */\n  className?: string;\n}\n\n/**\n * Pagination controls\n */\nexport function Pagination({\n  page,\n  totalPages,\n  totalItems,\n  pageSize,\n  onPageChange,\n  className,\n}: PaginationProps) {\n  const startItem = (page - 1) * pageSize + 1;\n  const endItem = Math.min(page * pageSize, totalItems);\n\n  return (\n    <div className={cn('flex items-center justify-between px-4 py-3', className)}>\n      <div className=\"text-sm text-text-secondary\">\n        Showing {startItem} to {endItem} of {totalItems} results\n      </div>\n      <div className=\"flex items-center gap-1\">\n        <Button\n          variant=\"outline\"\n          size=\"icon\"\n          onClick={() => onPageChange(1)}\n          disabled={page === 1}\n          aria-label=\"First page\"\n        >\n          <ChevronsLeft className=\"h-4 w-4\" />\n        </Button>\n        <Button\n          variant=\"outline\"\n          size=\"icon\"\n          onClick={() => onPageChange(page - 1)}\n          disabled={page === 1}\n          aria-label=\"Previous page\"\n        >\n          <ChevronLeft className=\"h-4 w-4\" />\n        </Button>\n        <span className=\"px-3 text-sm\">\n          Page {page} of {totalPages}\n        </span>\n        <Button\n          variant=\"outline\"\n          size=\"icon\"\n          onClick={() => onPageChange(page + 1)}\n          disabled={page === totalPages}\n          aria-label=\"Next page\"\n        >\n          <ChevronRight className=\"h-4 w-4\" />\n        </Button>\n        <Button\n          variant=\"outline\"\n          size=\"icon\"\n          onClick={() => onPageChange(totalPages)}\n          disabled={page === totalPages}\n          aria-label=\"Last page\"\n        >\n          <ChevronsRight className=\"h-4 w-4\" />\n        </Button>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}