@burdenoff/microfe-admin 2026.829.1 → 2026.829.2

package/dist/admin/pages/DashboardPage.js

@@ -4,128 +4,127 @@ import { PageLayout as n } from "../components/PageLayout.js";
 import { MetricCard as r, MetricsGrid as i } from "../components/MetricCard.js";
 import { ActivityFeed as a } from "../components/ActivityFeed.js";
 import { QuickLinks as o } from "../components/Charts.js";
-import { tWithFallback as s } from "../utils/i18n.js";
-import { PermissionGuard as c } from "../components/PermissionGuard.js";
+import { PermissionGuard as s } from "../components/PermissionGuard.js";
 import "../components/index.js";
-import { joinPath as l } from "../utils/navigation.js";
-import { mapActivityLogToUi as u } from "../utils/mappers.js";
-import { useGetDashboardActiveWorkspaceCountQuery as d, useGetDashboardOrganizationCountQuery as f, useGetDashboardTenantCountQuery as p, useGetDashboardUserCountQuery as m, useGetRecentActivityLogsQuery as h } from "../../generated/global-operations.js";
+import { joinPath as c } from "../utils/navigation.js";
+import { mapActivityLogToUi as l } from "../utils/mappers.js";
+import { useGetDashboardActiveWorkspaceCountQuery as u, useGetDashboardOrganizationCountQuery as d, useGetDashboardTenantCountQuery as f, useGetDashboardUserCountQuery as p, useGetRecentActivityLogsQuery as m } from "../../generated/global-operations.js";
+import { useTr as h } from "../hooks/useTr.js";
 import { useMemo as g } from "react";
 import { Briefcase as _, Building2 as v, FileText as y, HelpCircle as b, Layout as x, Plus as S, UserPlus as C, Users as w } from "lucide-react";
 import { useNavigate as T } from "react-router";
 import { jsx as E, jsxs as D } from "react/jsx-runtime";
-import { useI18n as O } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { NextSteps as k, PagePurpose as A } from "@burdenoff/fe-libs/ui";
+import { NextSteps as O, PagePurpose as k } from "@burdenoff/fe-libs/ui";
 //#region src/admin/pages/DashboardPage.tsx
-function j() {
-	let { canViewDashboard: j, isLoading: M } = t(), { basePath: N = "" } = e(), P = T(), { t: F } = O(), I = (e, t, n) => s(F, e, t, n), L = M || !j, { data: R, loading: z } = p({
+function A() {
+	let { canViewDashboard: A, isLoading: j } = t(), { basePath: M = "" } = e(), N = T(), P = h(), F = j || !A, { data: I, loading: L } = f({
 		fetchPolicy: "cache-and-network",
-		skip: L
-	}), { data: B, loading: V } = f({
+		skip: F
+	}), { data: R, loading: z } = d({
 		fetchPolicy: "cache-and-network",
-		skip: L
-	}), { data: H, loading: U } = d({
+		skip: F
+	}), { data: B, loading: V } = u({
 		fetchPolicy: "cache-and-network",
-		skip: L
-	}), { data: W, loading: G } = m({
+		skip: F
+	}), { data: H, loading: U } = p({
 		fetchPolicy: "cache-and-network",
-		skip: L
-	}), { data: K, loading: q } = h({
+		skip: F
+	}), { data: W, loading: G } = m({
 		variables: { limit: 10 },
 		fetchPolicy: "cache-and-network",
-		skip: L
-	}), J = {
-		tenants: R?.tenants?.total ?? 0,
-		organizations: B?.allOrganizations?.total ?? 0,
-		workspaces: H?.allWorkspaces?.total ?? 0,
-		users: W?.userCount ?? 0
-	}, Y = g(() => (K?.activityLogs?.nodes ?? []).map(u), [K]), X = [
+		skip: F
+	}), K = {
+		tenants: I?.tenants?.total ?? 0,
+		organizations: R?.allOrganizations?.total ?? 0,
+		workspaces: B?.allWorkspaces?.total ?? 0,
+		users: H?.userCount ?? 0
+	}, q = g(() => (W?.activityLogs?.nodes ?? []).map(l), [W]), J = [
 		{
-			to: l(N, "tenants"),
-			label: I("admin.dashboard.quickLinks.addTenant", "Add Tenant"),
+			to: c(M, "tenants"),
+			label: P("admin.dashboard.quickLinks.addTenant", "Add Tenant"),
 			icon: /* @__PURE__ */ E(S, { className: "h-4 w-4" }),
-			description: I("admin.dashboard.quickLinks.addTenantDescription", "Create a new tenant")
+			description: P("admin.dashboard.quickLinks.addTenantDescription", "Create a new tenant")
 		},
 		{
-			to: l(N, "users"),
-			label: I("admin.dashboard.quickLinks.inviteUser", "Invite User"),
+			to: c(M, "users"),
+			label: P("admin.dashboard.quickLinks.inviteUser", "Invite User"),
 			icon: /* @__PURE__ */ E(C, { className: "h-4 w-4" }),
-			description: I("admin.dashboard.quickLinks.inviteUserDescription", "Invite a new user")
+			description: P("admin.dashboard.quickLinks.inviteUserDescription", "Invite a new user")
 		},
 		{
-			to: l(N, "audit"),
-			label: I("admin.dashboard.quickLinks.auditLogs", "Audit Logs"),
+			to: c(M, "audit"),
+			label: P("admin.dashboard.quickLinks.auditLogs", "Audit Logs"),
 			icon: /* @__PURE__ */ E(y, { className: "h-4 w-4" }),
-			description: I("admin.dashboard.quickLinks.auditLogsDescription", "View security audit trail")
+			description: P("admin.dashboard.quickLinks.auditLogsDescription", "View security audit trail")
 		},
 		{
-			to: l(N, "support"),
-			label: I("admin.dashboard.quickLinks.support", "Support"),
+			to: c(M, "support"),
+			label: P("admin.dashboard.quickLinks.support", "Support"),
 			icon: /* @__PURE__ */ E(b, { className: "h-4 w-4" }),
-			description: I("admin.dashboard.quickLinks.supportDescription", "Manage support tickets")
+			description: P("admin.dashboard.quickLinks.supportDescription", "Manage support tickets")
 		}
-	], Z = z || V || U || G;
-	return /* @__PURE__ */ E(c, {
-		allowed: j,
-		isLoading: M,
-		pageTitle: I("admin.dashboard.title", "Dashboard"),
-		denyMessage: I("admin.dashboard.denyMessage", "You don't have permission to view the admin dashboard."),
+	], Y = L || z || V || U;
+	return /* @__PURE__ */ E(s, {
+		allowed: A,
+		isLoading: j,
+		pageTitle: P("admin.dashboard.title", "Dashboard"),
+		denyMessage: P("admin.dashboard.denyMessage", "You don't have permission to view the admin dashboard."),
 		children: /* @__PURE__ */ E(n, {
-			title: I("admin.dashboard.title", "Dashboard"),
-			description: I("admin.dashboard.description", "Platform overview and key metrics"),
-			gradientWord: I("admin.dashboard.title", "Dashboard"),
+			title: P("admin.dashboard.title", "Dashboard"),
+			description: P("admin.dashboard.description", "Platform overview and key metrics"),
+			gradientWord: P("admin.dashboard.title", "Dashboard"),
 			aurora: !0,
 			children: /* @__PURE__ */ D("div", {
 				className: "space-y-6",
 				children: [
-					/* @__PURE__ */ E(A, { children: I("admin.dashboard.purpose", "Your control tower for the whole platform. See live tenant, organization, workspace and user counts at a glance, watch the most recent administrative activity, and jump straight into the day-to-day jobs — onboarding a tenant, inviting a user, or reviewing the audit trail.") }),
-					/* @__PURE__ */ E(k, {
+					/* @__PURE__ */ E(k, { children: P("admin.dashboard.purpose", "Your control tower for the whole platform. See live tenant, organization, workspace and user counts at a glance, watch the most recent administrative activity, and jump straight into the day-to-day jobs — onboarding a tenant, inviting a user, or reviewing the audit trail.") }),
+					/* @__PURE__ */ E(O, {
 						storageKey: "admin-dashboard",
 						steps: [
 							{
 								id: "add-tenant",
-								label: I("admin.dashboard.nextSteps.addTenant", "Onboard a tenant"),
-								description: I("admin.dashboard.nextSteps.addTenantDesc", "Provision a new customer tenant to start serving them."),
-								onClick: () => P(l(N, "tenants/new"))
+								label: P("admin.dashboard.nextSteps.addTenant", "Onboard a tenant"),
+								description: P("admin.dashboard.nextSteps.addTenantDesc", "Provision a new customer tenant to start serving them."),
+								onClick: () => N(c(M, "tenants/new"))
 							},
 							{
 								id: "invite-user",
-								label: I("admin.dashboard.nextSteps.inviteUser", "Invite a teammate"),
-								description: I("admin.dashboard.nextSteps.inviteUserDesc", "Bring another operator into the admin console."),
-								onClick: () => P(l(N, "users"))
+								label: P("admin.dashboard.nextSteps.inviteUser", "Invite a teammate"),
+								description: P("admin.dashboard.nextSteps.inviteUserDesc", "Bring another operator into the admin console."),
+								onClick: () => N(c(M, "users"))
 							},
 							{
 								id: "review-audit",
-								label: I("admin.dashboard.nextSteps.reviewAudit", "Review the audit trail"),
-								description: I("admin.dashboard.nextSteps.reviewAuditDesc", "Check who changed what across the platform."),
-								onClick: () => P(l(N, "audit"))
+								label: P("admin.dashboard.nextSteps.reviewAudit", "Review the audit trail"),
+								description: P("admin.dashboard.nextSteps.reviewAuditDesc", "Check who changed what across the platform."),
+								onClick: () => N(c(M, "audit"))
 							}
 						]
 					}),
 					/* @__PURE__ */ D(i, { children: [
 						/* @__PURE__ */ E(r, {
-							title: I("admin.dashboard.metrics.totalTenants", "Total Tenants"),
-							value: J.tenants,
-							loading: Z,
+							title: P("admin.dashboard.metrics.totalTenants", "Total Tenants"),
+							value: K.tenants,
+							loading: Y,
 							hero: !0,
 							icon: /* @__PURE__ */ E(v, { className: "h-5 w-5 text-action-primary-bg" })
 						}),
 						/* @__PURE__ */ E(r, {
-							title: I("admin.dashboard.metrics.organizations", "Organizations"),
-							value: J.organizations,
-							loading: Z,
+							title: P("admin.dashboard.metrics.organizations", "Organizations"),
+							value: K.organizations,
+							loading: Y,
 							icon: /* @__PURE__ */ E(_, { className: "h-5 w-5 text-text-secondary" })
 						}),
 						/* @__PURE__ */ E(r, {
-							title: I("admin.dashboard.metrics.activeWorkspaces", "Active Workspaces"),
-							value: J.workspaces,
-							loading: Z,
+							title: P("admin.dashboard.metrics.activeWorkspaces", "Active Workspaces"),
+							value: K.workspaces,
+							loading: Y,
 							icon: /* @__PURE__ */ E(x, { className: "h-5 w-5 text-status-success-text" })
 						}),
 						/* @__PURE__ */ E(r, {
-							title: I("admin.dashboard.metrics.totalUsers", "Total Users"),
-							value: J.users,
-							loading: Z,
+							title: P("admin.dashboard.metrics.totalUsers", "Total Users"),
+							value: K.users,
+							loading: Y,
 							icon: /* @__PURE__ */ E(w, { className: "h-5 w-5 text-text-secondary" })
 						})
 					] }),
@@ -134,12 +133,12 @@ function j() {
 						children: [/* @__PURE__ */ E("div", {
 							className: "lg:col-span-2",
 							children: /* @__PURE__ */ E(a, {
-								activities: Y,
-								loading: q
+								activities: q,
+								loading: G
 							})
 						}), /* @__PURE__ */ E("div", {
 							className: "space-y-4",
-							children: /* @__PURE__ */ E(o, { links: X })
+							children: /* @__PURE__ */ E(o, { links: J })
 						})]
 					})
 				]
@@ -148,6 +147,6 @@ function j() {
 	});
 }
 //#endregion
-export { j as DashboardPage };
+export { A as DashboardPage };
 
 //# sourceMappingURL=DashboardPage.js.map

package/dist/admin/pages/DashboardPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardPage.js","names":[],"sources":["../../../src/admin/pages/DashboardPage.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport {\n  Building2,\n  Users,\n  Layout,\n  Briefcase,\n  Plus,\n  UserPlus,\n  FileText,\n  HelpCircle,\n} from 'lucide-react';\nimport { useAdmin } from '../providers/AdminProvider';\nimport { useAdminPermissions } from '../hooks/useAdminPermissions';\nimport {\n  PageLayout,\n  MetricCard,\n  MetricsGrid,\n  ActivityFeed,\n  QuickLinks,\n  PermissionGuard,\n} from '../components';\nimport { useNavigate } from 'react-router';\nimport { PagePurpose, NextSteps } from '@burdenoff/fe-libs/ui';\nimport { joinPath } from '../utils/navigation';\nimport { mapActivityLogToUi } from '../utils/mappers';\nimport type { Activity } from '../types';\nimport {\n  useGetDashboardTenantCountQuery,\n  useGetDashboardOrganizationCountQuery,\n  useGetDashboardActiveWorkspaceCountQuery,\n  useGetDashboardUserCountQuery,\n  useGetRecentActivityLogsQuery,\n} from '../../generated/global-operations';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { tWithFallback } from '../utils/i18n';\n\n/**\n * Dashboard page — platform overview with real-time metrics\n */\nexport function DashboardPage() {\n  const { canViewDashboard, isLoading: permissionsLoading } = useAdminPermissions();\n  const { basePath = '' } = useAdmin();\n  const navigate = useNavigate();\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string, params?: Record<string, string | number>): string =>\n    tWithFallback(t, key, fallback, params);\n\n  const skipQueries = permissionsLoading || !canViewDashboard;\n\n  const { data: tenantData, loading: tenantLoading } = useGetDashboardTenantCountQuery({\n    fetchPolicy: 'cache-and-network',\n    skip: skipQueries,\n  });\n  const { data: orgData, loading: orgLoading } = useGetDashboardOrganizationCountQuery({\n    fetchPolicy: 'cache-and-network',\n    skip: skipQueries,\n  });\n  const { data: workspaceData, loading: workspaceLoading } =\n    useGetDashboardActiveWorkspaceCountQuery({\n      fetchPolicy: 'cache-and-network',\n      skip: skipQueries,\n    });\n  const { data: userData, loading: userLoading } = useGetDashboardUserCountQuery({\n    fetchPolicy: 'cache-and-network',\n    skip: skipQueries,\n  });\n  const { data: activityData, loading: activityLoading } = useGetRecentActivityLogsQuery({\n    variables: { limit: 10 },\n    fetchPolicy: 'cache-and-network',\n    skip: skipQueries,\n  });\n\n  const metrics = {\n    tenants: tenantData?.tenants?.total ?? 0,\n    organizations: orgData?.allOrganizations?.total ?? 0,\n    workspaces: workspaceData?.allWorkspaces?.total ?? 0,\n    users: userData?.userCount ?? 0,\n  };\n\n  const recentActivity: Activity[] = useMemo(\n    () => (activityData?.activityLogs?.nodes ?? []).map(mapActivityLogToUi),\n    [activityData]\n  );\n\n  const quickLinks = [\n    {\n      to: joinPath(basePath, 'tenants'),\n      label: tr('admin.dashboard.quickLinks.addTenant', 'Add Tenant'),\n      icon: <Plus className=\"h-4 w-4\" />,\n      description: tr('admin.dashboard.quickLinks.addTenantDescription', 'Create a new tenant'),\n    },\n    {\n      to: joinPath(basePath, 'users'),\n      label: tr('admin.dashboard.quickLinks.inviteUser', 'Invite User'),\n      icon: <UserPlus className=\"h-4 w-4\" />,\n      description: tr('admin.dashboard.quickLinks.inviteUserDescription', 'Invite a new user'),\n    },\n    {\n      to: joinPath(basePath, 'audit'),\n      label: tr('admin.dashboard.quickLinks.auditLogs', 'Audit Logs'),\n      icon: <FileText className=\"h-4 w-4\" />,\n      description: tr(\n        'admin.dashboard.quickLinks.auditLogsDescription',\n        'View security audit trail'\n      ),\n    },\n    {\n      to: joinPath(basePath, 'support'),\n      label: tr('admin.dashboard.quickLinks.support', 'Support'),\n      icon: <HelpCircle className=\"h-4 w-4\" />,\n      description: tr('admin.dashboard.quickLinks.supportDescription', 'Manage support tickets'),\n    },\n  ];\n\n  const isLoading = tenantLoading || orgLoading || workspaceLoading || userLoading;\n\n  return (\n    <PermissionGuard\n      allowed={canViewDashboard}\n      isLoading={permissionsLoading}\n      pageTitle={tr('admin.dashboard.title', 'Dashboard')}\n      denyMessage={tr(\n        'admin.dashboard.denyMessage',\n        \"You don't have permission to view the admin dashboard.\"\n      )}\n    >\n      <PageLayout\n        title={tr('admin.dashboard.title', 'Dashboard')}\n        description={tr('admin.dashboard.description', 'Platform overview and key metrics')}\n        gradientWord={tr('admin.dashboard.title', 'Dashboard')}\n        aurora\n      >\n        <div className=\"space-y-6\">\n          <PagePurpose>\n            {tr(\n              'admin.dashboard.purpose',\n              'Your control tower for the whole platform. See live tenant, organization, workspace and user counts at a glance, watch the most recent administrative activity, and jump straight into the day-to-day jobs — onboarding a tenant, inviting a user, or reviewing the audit trail.'\n            )}\n          </PagePurpose>\n\n          <NextSteps\n            storageKey=\"admin-dashboard\"\n            steps={[\n              {\n                id: 'add-tenant',\n                label: tr('admin.dashboard.nextSteps.addTenant', 'Onboard a tenant'),\n                description: tr(\n                  'admin.dashboard.nextSteps.addTenantDesc',\n                  'Provision a new customer tenant to start serving them.'\n                ),\n                onClick: () => navigate(joinPath(basePath, 'tenants/new')),\n              },\n              {\n                id: 'invite-user',\n                label: tr('admin.dashboard.nextSteps.inviteUser', 'Invite a teammate'),\n                description: tr(\n                  'admin.dashboard.nextSteps.inviteUserDesc',\n                  'Bring another operator into the admin console.'\n                ),\n                onClick: () => navigate(joinPath(basePath, 'users')),\n              },\n              {\n                id: 'review-audit',\n                label: tr('admin.dashboard.nextSteps.reviewAudit', 'Review the audit trail'),\n                description: tr(\n                  'admin.dashboard.nextSteps.reviewAuditDesc',\n                  'Check who changed what across the platform.'\n                ),\n                onClick: () => navigate(joinPath(basePath, 'audit')),\n              },\n            ]}\n          />\n\n          {/* Metrics Grid */}\n          <MetricsGrid>\n            <MetricCard\n              title={tr('admin.dashboard.metrics.totalTenants', 'Total Tenants')}\n              value={metrics.tenants}\n              loading={isLoading}\n              hero\n              icon={<Building2 className=\"h-5 w-5 text-action-primary-bg\" />}\n            />\n            <MetricCard\n              title={tr('admin.dashboard.metrics.organizations', 'Organizations')}\n              value={metrics.organizations}\n              loading={isLoading}\n              icon={<Briefcase className=\"h-5 w-5 text-text-secondary\" />}\n            />\n            <MetricCard\n              title={tr('admin.dashboard.metrics.activeWorkspaces', 'Active Workspaces')}\n              value={metrics.workspaces}\n              loading={isLoading}\n              icon={<Layout className=\"h-5 w-5 text-status-success-text\" />}\n            />\n            <MetricCard\n              title={tr('admin.dashboard.metrics.totalUsers', 'Total Users')}\n              value={metrics.users}\n              loading={isLoading}\n              icon={<Users className=\"h-5 w-5 text-text-secondary\" />}\n            />\n          </MetricsGrid>\n\n          {/* Content Area */}\n          <div className=\"grid gap-6 lg:grid-cols-3\">\n            <div className=\"lg:col-span-2\">\n              <ActivityFeed activities={recentActivity} loading={activityLoading} />\n            </div>\n            <div className=\"space-y-4\">\n              <QuickLinks links={quickLinks} />\n            </div>\n          </div>\n        </div>\n      </PageLayout>\n    </PermissionGuard>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"DashboardPage.js","names":[],"sources":["../../../src/admin/pages/DashboardPage.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport {\n  Building2,\n  Users,\n  Layout,\n  Briefcase,\n  Plus,\n  UserPlus,\n  FileText,\n  HelpCircle,\n} from 'lucide-react';\nimport { useAdmin } from '../providers/AdminProvider';\nimport { useAdminPermissions } from '../hooks/useAdminPermissions';\nimport {\n  PageLayout,\n  MetricCard,\n  MetricsGrid,\n  ActivityFeed,\n  QuickLinks,\n  PermissionGuard,\n} from '../components';\nimport { useNavigate } from 'react-router';\nimport { PagePurpose, NextSteps } from '@burdenoff/fe-libs/ui';\nimport { joinPath } from '../utils/navigation';\nimport { mapActivityLogToUi } from '../utils/mappers';\nimport type { Activity } from '../types';\nimport {\n  useGetDashboardTenantCountQuery,\n  useGetDashboardOrganizationCountQuery,\n  useGetDashboardActiveWorkspaceCountQuery,\n  useGetDashboardUserCountQuery,\n  useGetRecentActivityLogsQuery,\n} from '../../generated/global-operations';\nimport { useTr } from '../hooks/useTr';\n\n/**\n * Dashboard page — platform overview with real-time metrics\n */\nexport function DashboardPage() {\n  const { canViewDashboard, isLoading: permissionsLoading } = useAdminPermissions();\n  const { basePath = '' } = useAdmin();\n  const navigate = useNavigate();\n  const tr = useTr();\n\n  const skipQueries = permissionsLoading || !canViewDashboard;\n\n  const { data: tenantData, loading: tenantLoading } = useGetDashboardTenantCountQuery({\n    fetchPolicy: 'cache-and-network',\n    skip: skipQueries,\n  });\n  const { data: orgData, loading: orgLoading } = useGetDashboardOrganizationCountQuery({\n    fetchPolicy: 'cache-and-network',\n    skip: skipQueries,\n  });\n  const { data: workspaceData, loading: workspaceLoading } =\n    useGetDashboardActiveWorkspaceCountQuery({\n      fetchPolicy: 'cache-and-network',\n      skip: skipQueries,\n    });\n  const { data: userData, loading: userLoading } = useGetDashboardUserCountQuery({\n    fetchPolicy: 'cache-and-network',\n    skip: skipQueries,\n  });\n  const { data: activityData, loading: activityLoading } = useGetRecentActivityLogsQuery({\n    variables: { limit: 10 },\n    fetchPolicy: 'cache-and-network',\n    skip: skipQueries,\n  });\n\n  const metrics = {\n    tenants: tenantData?.tenants?.total ?? 0,\n    organizations: orgData?.allOrganizations?.total ?? 0,\n    workspaces: workspaceData?.allWorkspaces?.total ?? 0,\n    users: userData?.userCount ?? 0,\n  };\n\n  const recentActivity: Activity[] = useMemo(\n    () => (activityData?.activityLogs?.nodes ?? []).map(mapActivityLogToUi),\n    [activityData]\n  );\n\n  const quickLinks = [\n    {\n      to: joinPath(basePath, 'tenants'),\n      label: tr('admin.dashboard.quickLinks.addTenant', 'Add Tenant'),\n      icon: <Plus className=\"h-4 w-4\" />,\n      description: tr('admin.dashboard.quickLinks.addTenantDescription', 'Create a new tenant'),\n    },\n    {\n      to: joinPath(basePath, 'users'),\n      label: tr('admin.dashboard.quickLinks.inviteUser', 'Invite User'),\n      icon: <UserPlus className=\"h-4 w-4\" />,\n      description: tr('admin.dashboard.quickLinks.inviteUserDescription', 'Invite a new user'),\n    },\n    {\n      to: joinPath(basePath, 'audit'),\n      label: tr('admin.dashboard.quickLinks.auditLogs', 'Audit Logs'),\n      icon: <FileText className=\"h-4 w-4\" />,\n      description: tr(\n        'admin.dashboard.quickLinks.auditLogsDescription',\n        'View security audit trail'\n      ),\n    },\n    {\n      to: joinPath(basePath, 'support'),\n      label: tr('admin.dashboard.quickLinks.support', 'Support'),\n      icon: <HelpCircle className=\"h-4 w-4\" />,\n      description: tr('admin.dashboard.quickLinks.supportDescription', 'Manage support tickets'),\n    },\n  ];\n\n  const isLoading = tenantLoading || orgLoading || workspaceLoading || userLoading;\n\n  return (\n    <PermissionGuard\n      allowed={canViewDashboard}\n      isLoading={permissionsLoading}\n      pageTitle={tr('admin.dashboard.title', 'Dashboard')}\n      denyMessage={tr(\n        'admin.dashboard.denyMessage',\n        \"You don't have permission to view the admin dashboard.\"\n      )}\n    >\n      <PageLayout\n        title={tr('admin.dashboard.title', 'Dashboard')}\n        description={tr('admin.dashboard.description', 'Platform overview and key metrics')}\n        gradientWord={tr('admin.dashboard.title', 'Dashboard')}\n        aurora\n      >\n        <div className=\"space-y-6\">\n          <PagePurpose>\n            {tr(\n              'admin.dashboard.purpose',\n              'Your control tower for the whole platform. See live tenant, organization, workspace and user counts at a glance, watch the most recent administrative activity, and jump straight into the day-to-day jobs — onboarding a tenant, inviting a user, or reviewing the audit trail.'\n            )}\n          </PagePurpose>\n\n          <NextSteps\n            storageKey=\"admin-dashboard\"\n            steps={[\n              {\n                id: 'add-tenant',\n                label: tr('admin.dashboard.nextSteps.addTenant', 'Onboard a tenant'),\n                description: tr(\n                  'admin.dashboard.nextSteps.addTenantDesc',\n                  'Provision a new customer tenant to start serving them.'\n                ),\n                onClick: () => navigate(joinPath(basePath, 'tenants/new')),\n              },\n              {\n                id: 'invite-user',\n                label: tr('admin.dashboard.nextSteps.inviteUser', 'Invite a teammate'),\n                description: tr(\n                  'admin.dashboard.nextSteps.inviteUserDesc',\n                  'Bring another operator into the admin console.'\n                ),\n                onClick: () => navigate(joinPath(basePath, 'users')),\n              },\n              {\n                id: 'review-audit',\n                label: tr('admin.dashboard.nextSteps.reviewAudit', 'Review the audit trail'),\n                description: tr(\n                  'admin.dashboard.nextSteps.reviewAuditDesc',\n                  'Check who changed what across the platform.'\n                ),\n                onClick: () => navigate(joinPath(basePath, 'audit')),\n              },\n            ]}\n          />\n\n          {/* Metrics Grid */}\n          <MetricsGrid>\n            <MetricCard\n              title={tr('admin.dashboard.metrics.totalTenants', 'Total Tenants')}\n              value={metrics.tenants}\n              loading={isLoading}\n              hero\n              icon={<Building2 className=\"h-5 w-5 text-action-primary-bg\" />}\n            />\n            <MetricCard\n              title={tr('admin.dashboard.metrics.organizations', 'Organizations')}\n              value={metrics.organizations}\n              loading={isLoading}\n              icon={<Briefcase className=\"h-5 w-5 text-text-secondary\" />}\n            />\n            <MetricCard\n              title={tr('admin.dashboard.metrics.activeWorkspaces', 'Active Workspaces')}\n              value={metrics.workspaces}\n              loading={isLoading}\n              icon={<Layout className=\"h-5 w-5 text-status-success-text\" />}\n            />\n            <MetricCard\n              title={tr('admin.dashboard.metrics.totalUsers', 'Total Users')}\n              value={metrics.users}\n              loading={isLoading}\n              icon={<Users className=\"h-5 w-5 text-text-secondary\" />}\n            />\n          </MetricsGrid>\n\n          {/* Content Area */}\n          <div className=\"grid gap-6 lg:grid-cols-3\">\n            <div className=\"lg:col-span-2\">\n              <ActivityFeed activities={recentActivity} loading={activityLoading} />\n            </div>\n            <div className=\"space-y-4\">\n              <QuickLinks links={quickLinks} />\n            </div>\n          </div>\n        </div>\n      </PageLayout>\n    </PermissionGuard>\n  );\n}\n"],"mappings":"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"}

package/dist/admin/pages/OrganizationsListPage.js

@@ -2,131 +2,132 @@ import { Button as e, EmptyState as t, Input as n } from "../components/ui.js";
 import { PageLayout as r } from "../components/PageLayout.js";
 import "../components/index.js";
 import { useListOrganizationsQuery as i, useUpdateOrganizationMutation as a } from "../../generated/global-operations.js";
-import { useState as o } from "react";
-import { Building as s, Loader2 as c, Plus as l, Search as u } from "lucide-react";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-import { EmphasisPanel as p, PagePurpose as m } from "@burdenoff/fe-libs/ui";
+import { useTr as o } from "../hooks/useTr.js";
+import { useState as s } from "react";
+import { Building as c, Loader2 as l, Plus as u, Search as d } from "lucide-react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { EmphasisPanel as m, PagePurpose as h } from "@burdenoff/fe-libs/ui";
 //#region src/admin/pages/OrganizationsListPage.tsx
-function h() {
-	let [h, g] = o(""), { data: _, loading: v, refetch: y } = i({ variables: {
-		filter: h ? { search: h } : void 0,
+function g() {
+	let [g, _] = s(""), v = o(), { data: y, loading: b, refetch: x } = i({ variables: {
+		filter: g ? { search: g } : void 0,
 		limit: 50
-	} }), [b] = a(), x = async (e, t) => {
-		await b({ variables: {
+	} }), [S] = a(), C = async (e, t) => {
+		await S({ variables: {
 			id: e,
 			input: { status: t === "ACTIVE" ? "INACTIVE" : "ACTIVE" }
-		} }), y();
-	}, S = _?.allOrganizations?.items || [];
-	return /* @__PURE__ */ d(r, {
-		title: "Organizations",
-		gradientWord: "Organizations",
-		description: "Manage and monitor platform organizations",
-		actions: /* @__PURE__ */ f(e, { children: [/* @__PURE__ */ d(l, { className: "mr-2 h-4 w-4" }), "Create Organization"] }),
-		children: /* @__PURE__ */ f("div", {
+		} }), x();
+	}, w = y?.allOrganizations?.items || [], T = y?.allOrganizations?.total ?? w.length;
+	return /* @__PURE__ */ f(r, {
+		title: v("adminMfe.organizations.title", "Organizations"),
+		gradientWord: v("adminMfe.organizations.title", "Organizations"),
+		description: v("adminMfe.organizations.description", "Manage and monitor platform organizations"),
+		actions: /* @__PURE__ */ p(e, { children: [/* @__PURE__ */ f(u, { className: "mr-2 h-4 w-4" }), v("adminMfe.organizations.create", "Create Organization")] }),
+		children: /* @__PURE__ */ p("div", {
 			className: "space-y-4",
 			children: [
-				/* @__PURE__ */ d(m, { children: "Organizations group people and workspaces within a tenant — think of a company's departments or a customer's teams. Use this page to find an organization, review whether it is active, and toggle access on or off without touching the tenant itself." }),
-				/* @__PURE__ */ f(p, {
+				/* @__PURE__ */ f(h, { children: v("adminMfe.organizations.purpose", "Organizations group people and workspaces within a tenant — think of a company's departments or a customer's teams. Use this page to find an organization, review whether it is active, and toggle access on or off without touching the tenant itself.") }),
+				/* @__PURE__ */ p(m, {
 					className: "flex items-center gap-4 p-5",
-					children: [/* @__PURE__ */ d("div", {
+					children: [/* @__PURE__ */ f("div", {
 						className: "flex h-12 w-12 flex-shrink-0 items-center justify-center rounded-full bg-action-primary-bg/15 text-action-primary-bg",
-						children: /* @__PURE__ */ d(s, { className: "h-6 w-6" })
-					}), /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("div", {
+						children: /* @__PURE__ */ f(c, { className: "h-6 w-6" })
+					}), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("div", {
 						className: "text-3xl font-bold tabular-nums text-text-primary",
-						children: _?.allOrganizations?.total ?? S.length
-					}), /* @__PURE__ */ d("p", {
+						children: T
+					}), /* @__PURE__ */ f("p", {
 						className: "text-sm text-text-secondary",
-						children: "organizations on the platform"
+						children: v("adminMfe.organizations.emphasis", "organizations on the platform")
 					})] })]
 				}),
-				/* @__PURE__ */ d("div", {
+				/* @__PURE__ */ f("div", {
 					className: "flex items-center justify-between",
-					children: /* @__PURE__ */ f("div", {
+					children: /* @__PURE__ */ p("div", {
 						className: "relative max-w-sm flex-1",
-						children: [/* @__PURE__ */ d(u, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ d(n, {
-							placeholder: "Search organizations...",
+						children: [/* @__PURE__ */ f(d, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ f(n, {
+							placeholder: v("adminMfe.organizations.searchPlaceholder", "Search organizations..."),
 							className: "pl-9",
-							value: h,
-							onChange: (e) => g(e.target.value)
+							value: g,
+							onChange: (e) => _(e.target.value)
 						})]
 					})
 				}),
-				v ? /* @__PURE__ */ d("div", {
+				b ? /* @__PURE__ */ f("div", {
 					className: "flex h-64 items-center justify-center",
-					children: /* @__PURE__ */ d(c, { className: "h-8 w-8 animate-spin text-text-secondary" })
-				}) : S.length > 0 ? /* @__PURE__ */ d("div", {
+					children: /* @__PURE__ */ f(l, { className: "h-8 w-8 animate-spin text-text-secondary" })
+				}) : w.length > 0 ? /* @__PURE__ */ f("div", {
 					className: "rounded-md border",
-					children: /* @__PURE__ */ f("table", {
+					children: /* @__PURE__ */ p("table", {
 						className: "w-full text-sm",
-						children: [/* @__PURE__ */ d("thead", { children: /* @__PURE__ */ f("tr", {
+						children: [/* @__PURE__ */ f("thead", { children: /* @__PURE__ */ p("tr", {
 							className: "border-b bg-bg-sunken/50 text-left",
 							children: [
-								/* @__PURE__ */ d("th", {
+								/* @__PURE__ */ f("th", {
 									className: "p-4 font-medium",
-									children: "Name"
+									children: v("adminMfe.organizations.table.name", "Name")
 								}),
-								/* @__PURE__ */ d("th", {
+								/* @__PURE__ */ f("th", {
 									className: "p-4 font-medium",
-									children: "Slug"
+									children: v("adminMfe.organizations.table.slug", "Slug")
 								}),
-								/* @__PURE__ */ d("th", {
+								/* @__PURE__ */ f("th", {
 									className: "p-4 font-medium",
-									children: "Status"
+									children: v("adminMfe.organizations.table.status", "Status")
 								}),
-								/* @__PURE__ */ d("th", {
+								/* @__PURE__ */ f("th", {
 									className: "p-4 font-medium",
-									children: "Created At"
+									children: v("adminMfe.organizations.table.createdAt", "Created At")
 								}),
-								/* @__PURE__ */ d("th", {
+								/* @__PURE__ */ f("th", {
 									className: "p-4 font-medium text-right",
-									children: "Actions"
+									children: v("adminMfe.organizations.table.actions", "Actions")
 								})
 							]
-						}) }), /* @__PURE__ */ d("tbody", { children: S.map((t) => /* @__PURE__ */ f("tr", {
+						}) }), /* @__PURE__ */ f("tbody", { children: w.map((t) => /* @__PURE__ */ p("tr", {
 							className: "border-b transition-colors hover:bg-bg-sunken/50",
 							children: [
-								/* @__PURE__ */ d("td", {
+								/* @__PURE__ */ f("td", {
 									className: "p-4 font-medium",
 									children: t.name
 								}),
-								/* @__PURE__ */ d("td", {
+								/* @__PURE__ */ f("td", {
 									className: "p-4 text-text-secondary",
 									children: t.slug
 								}),
-								/* @__PURE__ */ d("td", {
+								/* @__PURE__ */ f("td", {
 									className: "p-4",
-									children: /* @__PURE__ */ d("span", {
+									children: /* @__PURE__ */ f("span", {
 										className: `inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-semibold ${t.status === "ACTIVE" ? "bg-status-success-bg text-status-success-text border border-status-success-border" : "bg-status-error-bg text-status-error-text border border-status-error-border"}`,
-										children: t.status
+										children: t.status === "ACTIVE" ? v("adminMfe.organizations.active", "Active") : v("adminMfe.organizations.inactive", "Inactive")
 									})
 								}),
-								/* @__PURE__ */ d("td", {
+								/* @__PURE__ */ f("td", {
 									className: "p-4 text-text-secondary",
 									children: new Date(t.createdAt).toLocaleDateString()
 								}),
-								/* @__PURE__ */ d("td", {
+								/* @__PURE__ */ f("td", {
 									className: "p-4 text-right",
-									children: /* @__PURE__ */ d(e, {
+									children: /* @__PURE__ */ f(e, {
 										variant: "outline",
 										size: "sm",
-										onClick: () => x(t.id, t.status),
-										children: "Toggle Status"
+										onClick: () => C(t.id, t.status),
+										children: v("adminMfe.organizations.toggleStatus", "Toggle Status")
 									})
 								})
 							]
 						}, t.id)) })]
 					})
-				}) : /* @__PURE__ */ d(t, {
+				}) : /* @__PURE__ */ f(t, {
 					illustration: "empty-data",
-					icon: /* @__PURE__ */ d(s, { className: "h-8 w-8" }),
-					title: "No organizations found",
-					description: "Organizations will appear here when they are created"
+					icon: /* @__PURE__ */ f(c, { className: "h-8 w-8" }),
+					title: v("adminMfe.organizations.empty.title", "No organizations found"),
+					description: v("adminMfe.organizations.empty.description", "Organizations will appear here when they are created")
 				})
 			]
 		})
 	});
 }
 //#endregion
-export { h as OrganizationsListPage };
+export { g as OrganizationsListPage };
 
 //# sourceMappingURL=OrganizationsListPage.js.map

package/dist/admin/pages/OrganizationsListPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"OrganizationsListPage.js","names":[],"sources":["../../../src/admin/pages/OrganizationsListPage.tsx"],"sourcesContent":["import { Building, Search, Plus, Loader2 } from 'lucide-react';\nimport { PageLayout, Input, Button, EmptyState } from '../components';\nimport { PagePurpose, EmphasisPanel } from '@burdenoff/fe-libs/ui';\nimport {\n  useListOrganizationsQuery,\n  useUpdateOrganizationMutation,\n} from '../../generated/global-operations';\nimport { useState } from 'react';\n\nexport function OrganizationsListPage() {\n  const [searchTerm, setSearchTerm] = useState('');\n  const { data, loading, refetch } = useListOrganizationsQuery({\n    variables: {\n      filter: searchTerm ? { search: searchTerm } : undefined,\n      limit: 50,\n    },\n  });\n\n  const [updateOrganization] = useUpdateOrganizationMutation();\n\n  const handleToggleStatus = async (id: string, currentStatus: string) => {\n    const newStatus = currentStatus === 'ACTIVE' ? 'INACTIVE' : 'ACTIVE';\n    await updateOrganization({\n      variables: {\n        id,\n        input: { status: newStatus },\n      },\n    });\n    refetch();\n  };\n\n  const organizations = data?.allOrganizations?.items || [];\n\n  return (\n    <PageLayout\n      title=\"Organizations\"\n      gradientWord=\"Organizations\"\n      description=\"Manage and monitor platform organizations\"\n      actions={\n        <Button>\n          <Plus className=\"mr-2 h-4 w-4\" />\n          Create Organization\n        </Button>\n      }\n    >\n      <div className=\"space-y-4\">\n        <PagePurpose>\n          Organizations group people and workspaces within a tenant — think of a company&apos;s\n          departments or a customer&apos;s teams. Use this page to find an organization, review\n          whether it is active, and toggle access on or off without touching the tenant itself.\n        </PagePurpose>\n\n        {/* Emphasis: how many organizations exist — the headline stat. */}\n        <EmphasisPanel className=\"flex items-center gap-4 p-5\">\n          <div className=\"flex h-12 w-12 flex-shrink-0 items-center justify-center rounded-full bg-action-primary-bg/15 text-action-primary-bg\">\n            <Building className=\"h-6 w-6\" />\n          </div>\n          <div>\n            <div className=\"text-3xl font-bold tabular-nums text-text-primary\">\n              {data?.allOrganizations?.total ?? organizations.length}\n            </div>\n            <p className=\"text-sm text-text-secondary\">organizations on the platform</p>\n          </div>\n        </EmphasisPanel>\n\n        <div className=\"flex items-center justify-between\">\n          <div className=\"relative max-w-sm flex-1\">\n            <Search className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary\" />\n            <Input\n              placeholder=\"Search organizations...\"\n              className=\"pl-9\"\n              value={searchTerm}\n              onChange={(e) => setSearchTerm(e.target.value)}\n            />\n          </div>\n        </div>\n\n        {loading ? (\n          <div className=\"flex h-64 items-center justify-center\">\n            <Loader2 className=\"h-8 w-8 animate-spin text-text-secondary\" />\n          </div>\n        ) : organizations.length > 0 ? (\n          <div className=\"rounded-md border\">\n            <table className=\"w-full text-sm\">\n              <thead>\n                <tr className=\"border-b bg-bg-sunken/50 text-left\">\n                  <th className=\"p-4 font-medium\">Name</th>\n                  <th className=\"p-4 font-medium\">Slug</th>\n                  <th className=\"p-4 font-medium\">Status</th>\n                  <th className=\"p-4 font-medium\">Created At</th>\n                  <th className=\"p-4 font-medium text-right\">Actions</th>\n                </tr>\n              </thead>\n              <tbody>\n                {organizations.map((org: any) => (\n                  <tr key={org.id} className=\"border-b transition-colors hover:bg-bg-sunken/50\">\n                    <td className=\"p-4 font-medium\">{org.name}</td>\n                    <td className=\"p-4 text-text-secondary\">{org.slug}</td>\n                    <td className=\"p-4\">\n                      <span\n                        className={`inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-semibold ${\n                          org.status === 'ACTIVE'\n                            ? 'bg-status-success-bg text-status-success-text border border-status-success-border'\n                            : 'bg-status-error-bg text-status-error-text border border-status-error-border'\n                        }`}\n                      >\n                        {org.status}\n                      </span>\n                    </td>\n                    <td className=\"p-4 text-text-secondary\">\n                      {new Date(org.createdAt).toLocaleDateString()}\n                    </td>\n                    <td className=\"p-4 text-right\">\n                      <Button\n                        variant=\"outline\"\n                        size=\"sm\"\n                        onClick={() => handleToggleStatus(org.id, org.status)}\n                      >\n                        Toggle Status\n                      </Button>\n                    </td>\n                  </tr>\n                ))}\n              </tbody>\n            </table>\n          </div>\n        ) : (\n          <EmptyState\n            illustration=\"empty-data\"\n            icon={<Building className=\"h-8 w-8\" />}\n            title=\"No organizations found\"\n            description=\"Organizations will appear here when they are created\"\n          />\n        )}\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"OrganizationsListPage.js","names":[],"sources":["../../../src/admin/pages/OrganizationsListPage.tsx"],"sourcesContent":["import { Building, Search, Plus, Loader2 } from 'lucide-react';\nimport { PageLayout, Input, Button, EmptyState } from '../components';\nimport { PagePurpose, EmphasisPanel } from '@burdenoff/fe-libs/ui';\nimport {\n  useListOrganizationsQuery,\n  useUpdateOrganizationMutation,\n} from '../../generated/global-operations';\nimport { useState } from 'react';\nimport { useTr } from '../hooks/useTr';\n\nexport function OrganizationsListPage() {\n  const [searchTerm, setSearchTerm] = useState('');\n  const tr = useTr();\n  const { data, loading, refetch } = useListOrganizationsQuery({\n    variables: {\n      filter: searchTerm ? { search: searchTerm } : undefined,\n      limit: 50,\n    },\n  });\n\n  const [updateOrganization] = useUpdateOrganizationMutation();\n\n  const handleToggleStatus = async (id: string, currentStatus: string) => {\n    const newStatus = currentStatus === 'ACTIVE' ? 'INACTIVE' : 'ACTIVE';\n    await updateOrganization({\n      variables: {\n        id,\n        input: { status: newStatus },\n      },\n    });\n    refetch();\n  };\n\n  const organizations = data?.allOrganizations?.items || [];\n  const total = data?.allOrganizations?.total ?? organizations.length;\n\n  return (\n    <PageLayout\n      title={tr('adminMfe.organizations.title', 'Organizations')}\n      gradientWord={tr('adminMfe.organizations.title', 'Organizations')}\n      description={tr(\n        'adminMfe.organizations.description',\n        'Manage and monitor platform organizations'\n      )}\n      actions={\n        <Button>\n          <Plus className=\"mr-2 h-4 w-4\" />\n          {tr('adminMfe.organizations.create', 'Create Organization')}\n        </Button>\n      }\n    >\n      <div className=\"space-y-4\">\n        <PagePurpose>\n          {tr(\n            'adminMfe.organizations.purpose',\n            \"Organizations group people and workspaces within a tenant — think of a company's departments or a customer's teams. Use this page to find an organization, review whether it is active, and toggle access on or off without touching the tenant itself.\"\n          )}\n        </PagePurpose>\n\n        {/* Emphasis: how many organizations exist — the headline stat. */}\n        <EmphasisPanel className=\"flex items-center gap-4 p-5\">\n          <div className=\"flex h-12 w-12 flex-shrink-0 items-center justify-center rounded-full bg-action-primary-bg/15 text-action-primary-bg\">\n            <Building className=\"h-6 w-6\" />\n          </div>\n          <div>\n            <div className=\"text-3xl font-bold tabular-nums text-text-primary\">{total}</div>\n            <p className=\"text-sm text-text-secondary\">\n              {tr('adminMfe.organizations.emphasis', 'organizations on the platform')}\n            </p>\n          </div>\n        </EmphasisPanel>\n\n        <div className=\"flex items-center justify-between\">\n          <div className=\"relative max-w-sm flex-1\">\n            <Search className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary\" />\n            <Input\n              placeholder={tr(\n                'adminMfe.organizations.searchPlaceholder',\n                'Search organizations...'\n              )}\n              className=\"pl-9\"\n              value={searchTerm}\n              onChange={(e) => setSearchTerm(e.target.value)}\n            />\n          </div>\n        </div>\n\n        {loading ? (\n          <div className=\"flex h-64 items-center justify-center\">\n            <Loader2 className=\"h-8 w-8 animate-spin text-text-secondary\" />\n          </div>\n        ) : organizations.length > 0 ? (\n          <div className=\"rounded-md border\">\n            <table className=\"w-full text-sm\">\n              <thead>\n                <tr className=\"border-b bg-bg-sunken/50 text-left\">\n                  <th className=\"p-4 font-medium\">\n                    {tr('adminMfe.organizations.table.name', 'Name')}\n                  </th>\n                  <th className=\"p-4 font-medium\">\n                    {tr('adminMfe.organizations.table.slug', 'Slug')}\n                  </th>\n                  <th className=\"p-4 font-medium\">\n                    {tr('adminMfe.organizations.table.status', 'Status')}\n                  </th>\n                  <th className=\"p-4 font-medium\">\n                    {tr('adminMfe.organizations.table.createdAt', 'Created At')}\n                  </th>\n                  <th className=\"p-4 font-medium text-right\">\n                    {tr('adminMfe.organizations.table.actions', 'Actions')}\n                  </th>\n                </tr>\n              </thead>\n              <tbody>\n                {organizations.map((org: any) => (\n                  <tr key={org.id} className=\"border-b transition-colors hover:bg-bg-sunken/50\">\n                    <td className=\"p-4 font-medium\">{org.name}</td>\n                    <td className=\"p-4 text-text-secondary\">{org.slug}</td>\n                    <td className=\"p-4\">\n                      <span\n                        className={`inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-semibold ${\n                          org.status === 'ACTIVE'\n                            ? 'bg-status-success-bg text-status-success-text border border-status-success-border'\n                            : 'bg-status-error-bg text-status-error-text border border-status-error-border'\n                        }`}\n                      >\n                        {org.status === 'ACTIVE'\n                          ? tr('adminMfe.organizations.active', 'Active')\n                          : tr('adminMfe.organizations.inactive', 'Inactive')}\n                      </span>\n                    </td>\n                    <td className=\"p-4 text-text-secondary\">\n                      {new Date(org.createdAt).toLocaleDateString()}\n                    </td>\n                    <td className=\"p-4 text-right\">\n                      <Button\n                        variant=\"outline\"\n                        size=\"sm\"\n                        onClick={() => handleToggleStatus(org.id, org.status)}\n                      >\n                        {tr('adminMfe.organizations.toggleStatus', 'Toggle Status')}\n                      </Button>\n                    </td>\n                  </tr>\n                ))}\n              </tbody>\n            </table>\n          </div>\n        ) : (\n          <EmptyState\n            illustration=\"empty-data\"\n            icon={<Building className=\"h-8 w-8\" />}\n            title={tr('adminMfe.organizations.empty.title', 'No organizations found')}\n            description={tr(\n              'adminMfe.organizations.empty.description',\n              'Organizations will appear here when they are created'\n            )}\n          />\n        )}\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}