@burdenoff/microfe-admin 2026.805.1 → 2026.829.2

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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"}