@burdenoff/fe-libs 2026.1021.14 → 2026.1022.1

package/dist/admin-overview/buildHierarchyGraph.js

@@ -0,0 +1,172 @@
+import { MarkerType as e } from "@xyflow/react";
+//#region src/admin-overview/buildHierarchyGraph.ts
+var t = 260, n = 260, r = 220, i = 240, a = 60, o = 140, s = 60, c = -260, l = 0, u = 260, d = 520, f = 120, p = "__ungrouped__";
+function m(e) {
+	let { organizations: m, workspaces: _, tenants: v, projectsByWorkspace: y, loadingProjectsFor: b, selectedId: x } = e, S = /* @__PURE__ */ new Map();
+	for (let e of _) {
+		let t = e.organizationId ?? p, n = S.get(t);
+		n ? n.push(e) : S.set(t, [e]);
+	}
+	let C = S.has(p) ? [...m, {
+		id: p,
+		name: "Unassigned Workspaces",
+		slug: null,
+		tenantId: null
+	}] : m;
+	function w(e) {
+		let t = y[e.id];
+		return !t || t.length === 0 ? n : Math.max(n, r);
+	}
+	function T(e) {
+		let n = S.get(e) ?? [];
+		if (n.length === 0) return t;
+		let r = n.reduce((e, t) => e + w(t), 0) + a * (n.length - 1);
+		return Math.max(t, r);
+	}
+	let E = /* @__PURE__ */ new Set(), D = /* @__PURE__ */ new Set();
+	if (x) {
+		let [e, t] = x.split(":");
+		if (E.add(x), e === "org") (S.get(t) ?? []).forEach((e) => {
+			E.add(h("ws", e.id)), D.add(`e-org-ws-${t}-${e.id}`), (y[e.id] ?? []).forEach((t) => {
+				E.add(h("proj", t.id)), D.add(`e-ws-proj-${e.id}-${t.id}`);
+			});
+		});
+		else if (e === "ws") {
+			let e = _.find((e) => e.id === t);
+			e && (e.organizationId && (E.add(h("org", e.organizationId)), D.add(`e-org-ws-${e.organizationId}-${e.id}`)), e.tenantId && (E.add(h("tenant", e.tenantId)), D.add(`e-tenant-ws-${e.tenantId}-${e.id}`)), (y[e.id] ?? []).forEach((t) => {
+				E.add(h("proj", t.id)), D.add(`e-ws-proj-${e.id}-${t.id}`);
+			}));
+		} else if (e === "tenant") for (let e of _) e.tenantId === t && (E.add(h("ws", e.id)), D.add(`e-tenant-ws-${t}-${e.id}`));
+		else if (e === "proj") {
+			let e = Object.values(y).flat().find((e) => !!e && e.id === t);
+			e && (E.add(h("ws", e.workspaceId)), D.add(`e-ws-proj-${e.workspaceId}-${e.id}`));
+		}
+	}
+	let O = [], k = [], A = 0;
+	C.forEach((e) => {
+		let i = T(e.id), s = A + i / 2, c = e.id === p;
+		if (!c) {
+			let n = s - t / 2;
+			O.push({
+				id: h("org", e.id),
+				type: "organization",
+				position: {
+					x: n,
+					y: l
+				},
+				data: {
+					kind: "organization",
+					entity: e,
+					workspaceCount: (S.get(e.id) ?? []).length,
+					isHighlighted: E.has(h("org", e.id))
+				}
+			});
+		}
+		let m = S.get(e.id) ?? [], _ = s - (m.reduce((e, t) => e + w(t), 0) + a * Math.max(0, m.length - 1)) / 2;
+		m.forEach((t) => {
+			let i = w(t), o = _ + i / 2, s = o - n / 2, l = y[t.id], p = E.has(h("ws", t.id));
+			if (O.push({
+				id: h("ws", t.id),
+				type: "workspace",
+				position: {
+					x: s,
+					y: u
+				},
+				data: {
+					kind: "workspace",
+					entity: t,
+					projectCount: l ? l.length : null,
+					projectsLoading: b.has(t.id),
+					isHighlighted: p
+				}
+			}), c || k.push(g({
+				id: `e-org-ws-${e.id}-${t.id}`,
+				source: h("org", e.id),
+				target: h("ws", t.id),
+				highlighted: D.has(`e-org-ws-${e.id}-${t.id}`),
+				variant: "solid"
+			})), l && l.length > 0) {
+				let e = o - r / 2;
+				l.forEach((n, r) => {
+					O.push({
+						id: h("proj", n.id),
+						type: "project",
+						position: {
+							x: e,
+							y: d + r * f
+						},
+						data: {
+							kind: "project",
+							entity: n,
+							isHighlighted: E.has(h("proj", n.id))
+						}
+					}), k.push(g({
+						id: `e-ws-proj-${t.id}-${n.id}`,
+						source: h("ws", t.id),
+						target: h("proj", n.id),
+						highlighted: D.has(`e-ws-proj-${t.id}-${n.id}`),
+						variant: "solid"
+					}));
+				});
+			}
+			_ += i + a;
+		}), A += i + o;
+	});
+	let j = Math.max(0, A - o), M = v.length > 0 ? v.length * i + s * Math.max(0, v.length - 1) : 0, N = j > 0 ? j / 2 - M / 2 : -M / 2;
+	return v.forEach((e, t) => {
+		let n = _.filter((t) => t.tenantId === e.id);
+		O.push({
+			id: h("tenant", e.id),
+			type: "tenant",
+			position: {
+				x: N + t * 300,
+				y: c
+			},
+			data: {
+				kind: "tenant",
+				entity: e,
+				workspaceCount: n.length,
+				isHighlighted: E.has(h("tenant", e.id))
+			}
+		}), n.forEach((t) => {
+			k.push(g({
+				id: `e-tenant-ws-${e.id}-${t.id}`,
+				source: h("tenant", e.id),
+				target: h("ws", t.id),
+				highlighted: D.has(`e-tenant-ws-${e.id}-${t.id}`),
+				variant: "dashed"
+			}));
+		});
+	}), {
+		nodes: O,
+		edges: k
+	};
+}
+function h(e, t) {
+	return `${e}:${t}`;
+}
+function g(t) {
+	let { id: n, source: r, target: i, highlighted: a, variant: o } = t, s = a ? "var(--color-action-primary-bg)" : "var(--color-border-default)";
+	return {
+		id: n,
+		source: r,
+		target: i,
+		type: "smoothstep",
+		animated: a,
+		style: {
+			stroke: s,
+			strokeWidth: a ? 2.5 : 1.5,
+			strokeDasharray: o === "dashed" ? "5 5" : void 0,
+			opacity: a ? 1 : o === "dashed" ? .7 : .9,
+			transition: "stroke 150ms ease, stroke-width 150ms ease, opacity 150ms ease"
+		},
+		markerEnd: {
+			type: e.ArrowClosed,
+			color: s,
+			width: 18,
+			height: 18
+		}
+	};
+}
+//#endregion
+export { m as buildHierarchyGraph };

package/dist/admin-overview/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @burdenoff/fe-libs/admin-overview
+ *
+ * The account hierarchy graph (Organization → Workspace → Project, with Tenant
+ * chips) that app shells mount at `/admin/overview`, inside
+ * `<GatewayRoute gateway="global">`. It renders with React Flow, so the shell
+ * must install the optional `@xyflow/react` peer.
+ */
+export { AdminOverviewPage, type AdminOverviewPageProps } from './AdminOverviewPage';
+export { buildHierarchyGraph, type HierarchyNodeData } from './buildHierarchyGraph';

package/dist/admin-overview/nodes/OrganizationNode.d.ts

@@ -0,0 +1,9 @@
+import { NodeProps } from '@xyflow/react';
+import { HierarchyNodeData } from '../buildHierarchyGraph';
+type Props = NodeProps & {
+    data: Extract<HierarchyNodeData, {
+        kind: 'organization';
+    }>;
+};
+export declare function OrganizationNode({ data }: Props): import('react/jsx-runtime').JSX.Element;
+export {};

package/dist/admin-overview/nodes/OrganizationNode.js

@@ -0,0 +1,85 @@
+import { useShellNavigate as e } from "../../shared/utils/appHelpers.js";
+import "../../shared-utils.js";
+import { MANAGE_BUTTON_CLASS as t, NODE_CARD_CLASS_BASE as n, nodeBorderColor as r, nodeBoxShadow as i } from "./nodeStyles.js";
+import { Building as a, Settings as o } from "lucide-react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { Handle as l, Position as u } from "@xyflow/react";
+//#region src/admin-overview/nodes/OrganizationNode.tsx
+function d({ data: d }) {
+	let f = e(), { entity: p, workspaceCount: m, isHighlighted: h } = d;
+	return /* @__PURE__ */ c("div", {
+		className: `${n} min-w-[240px]`,
+		style: {
+			background: "var(--color-bg-surface)",
+			borderColor: r(h),
+			color: "var(--color-text-primary)",
+			boxShadow: i(h)
+		},
+		"data-testid": `admin-overview-org-${p.id}`,
+		children: [
+			/* @__PURE__ */ s(l, {
+				type: "source",
+				position: u.Bottom,
+				style: {
+					background: "var(--color-action-primary-bg)",
+					width: 8,
+					height: 8
+				}
+			}),
+			/* @__PURE__ */ c("div", {
+				className: "flex items-center justify-between px-3 py-2 border-b",
+				style: { borderColor: "var(--color-border-default)" },
+				children: [/* @__PURE__ */ c("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ s(a, {
+						size: 16,
+						style: { color: "var(--color-action-primary-bg)" }
+					}), /* @__PURE__ */ s("span", {
+						className: "text-[11px] font-semibold uppercase tracking-wide",
+						style: { color: "var(--color-text-secondary)" },
+						children: "Organization"
+					})]
+				}), /* @__PURE__ */ s("button", {
+					type: "button",
+					onClick: (e) => {
+						e.stopPropagation(), f(`/organizations/${p.id}`);
+					},
+					className: t,
+					style: { color: "var(--color-action-primary-bg)" },
+					title: "Manage organization",
+					"aria-label": `Manage organization ${p.name}`,
+					children: /* @__PURE__ */ s(o, { size: 14 })
+				})]
+			}),
+			/* @__PURE__ */ c("div", {
+				className: "px-3 py-2",
+				children: [
+					/* @__PURE__ */ s("div", {
+						className: "font-semibold text-sm truncate",
+						title: p.name,
+						children: p.name
+					}),
+					p.slug ? /* @__PURE__ */ s("div", {
+						className: "text-xs truncate",
+						style: { color: "var(--color-text-secondary)" },
+						children: p.slug
+					}) : null,
+					/* @__PURE__ */ c("div", {
+						className: "text-xs mt-1 inline-flex items-center gap-1 px-1.5 py-0.5 rounded",
+						style: {
+							background: "var(--color-bg-subtle, transparent)",
+							color: "var(--color-text-secondary)"
+						},
+						children: [
+							m,
+							" workspace",
+							m === 1 ? "" : "s"
+						]
+					})
+				]
+			})
+		]
+	});
+}
+//#endregion
+export { d as OrganizationNode };

package/dist/admin-overview/nodes/ProjectNode.d.ts

@@ -0,0 +1,9 @@
+import { NodeProps } from '@xyflow/react';
+import { HierarchyNodeData } from '../buildHierarchyGraph';
+type Props = NodeProps & {
+    data: Extract<HierarchyNodeData, {
+        kind: 'project';
+    }>;
+};
+export declare function ProjectNode({ data }: Props): import('react/jsx-runtime').JSX.Element;
+export {};

package/dist/admin-overview/nodes/ProjectNode.js

@@ -0,0 +1,69 @@
+import { useShellNavigate as e } from "../../shared/utils/appHelpers.js";
+import "../../shared-utils.js";
+import { MANAGE_BUTTON_CLASS as t, NODE_CARD_CLASS_BASE as n, nodeBorderColor as r, nodeBoxShadow as i } from "./nodeStyles.js";
+import { Package as a, Settings as o } from "lucide-react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { Handle as l, Position as u } from "@xyflow/react";
+//#region src/admin-overview/nodes/ProjectNode.tsx
+function d({ data: d }) {
+	let f = e(), { entity: p, isHighlighted: m } = d;
+	return /* @__PURE__ */ c("div", {
+		className: `${n} min-w-[200px]`,
+		style: {
+			background: "var(--color-bg-surface)",
+			borderColor: r(m),
+			color: "var(--color-text-primary)",
+			boxShadow: i(m)
+		},
+		"data-testid": `admin-overview-project-${p.id}`,
+		children: [/* @__PURE__ */ s(l, {
+			type: "target",
+			position: u.Top,
+			style: {
+				background: "var(--color-action-primary-bg)",
+				width: 8,
+				height: 8
+			}
+		}), /* @__PURE__ */ c("div", {
+			className: "flex items-center justify-between px-3 py-2",
+			children: [/* @__PURE__ */ c("div", {
+				className: "flex items-center gap-2 min-w-0",
+				children: [/* @__PURE__ */ s(a, {
+					size: 14,
+					style: { color: "var(--color-action-primary-bg)" }
+				}), /* @__PURE__ */ c("div", {
+					className: "min-w-0",
+					children: [
+						/* @__PURE__ */ s("div", {
+							className: "text-[10px] font-semibold uppercase tracking-wide",
+							style: { color: "var(--color-text-secondary)" },
+							children: "Project"
+						}),
+						/* @__PURE__ */ s("div", {
+							className: "text-sm font-medium truncate",
+							title: p.name,
+							children: p.name
+						}),
+						p.key ? /* @__PURE__ */ c("div", {
+							className: "text-[11px] truncate",
+							style: { color: "var(--color-text-secondary)" },
+							children: [p.key, p.archived ? " · archived" : ""]
+						}) : null
+					]
+				})]
+			}), /* @__PURE__ */ s("button", {
+				type: "button",
+				onClick: (e) => {
+					e.stopPropagation(), f(`/workspaces/${p.workspaceId}/projects`);
+				},
+				className: t,
+				style: { color: "var(--color-action-primary-bg)" },
+				title: "Manage project",
+				"aria-label": `Manage project ${p.name}`,
+				children: /* @__PURE__ */ s(o, { size: 12 })
+			})]
+		})]
+	});
+}
+//#endregion
+export { d as ProjectNode };

package/dist/admin-overview/nodes/TenantNode.d.ts

@@ -0,0 +1,9 @@
+import { NodeProps } from '@xyflow/react';
+import { HierarchyNodeData } from '../buildHierarchyGraph';
+type Props = NodeProps & {
+    data: Extract<HierarchyNodeData, {
+        kind: 'tenant';
+    }>;
+};
+export declare function TenantNode({ data }: Props): import('react/jsx-runtime').JSX.Element;
+export {};

package/dist/admin-overview/nodes/TenantNode.js

@@ -0,0 +1,78 @@
+import { useShellNavigate as e } from "../../shared/utils/appHelpers.js";
+import "../../shared-utils.js";
+import { MANAGE_BUTTON_CLASS as t, NODE_CARD_CLASS_BASE as n, nodeBorderColor as r, nodeBoxShadow as i } from "./nodeStyles.js";
+import { Building2 as a, Settings as o } from "lucide-react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { Handle as l, Position as u } from "@xyflow/react";
+//#region src/admin-overview/nodes/TenantNode.tsx
+function d({ data: d }) {
+	let f = e(), { entity: p, workspaceCount: m, isHighlighted: h } = d;
+	return /* @__PURE__ */ c("div", {
+		className: `${n} min-w-[220px]`,
+		style: {
+			background: "var(--color-bg-subtle, var(--color-bg-surface))",
+			borderColor: r(h),
+			borderStyle: "dashed",
+			color: "var(--color-text-primary)",
+			boxShadow: i(h)
+		},
+		"data-testid": `admin-overview-tenant-${p.id}`,
+		children: [/* @__PURE__ */ s(l, {
+			type: "source",
+			position: u.Bottom,
+			style: {
+				background: "var(--color-action-primary-bg)",
+				width: 8,
+				height: 8
+			}
+		}), /* @__PURE__ */ c("div", {
+			className: "flex items-center justify-between px-3 py-2",
+			children: [/* @__PURE__ */ c("div", {
+				className: "flex items-center gap-2 min-w-0",
+				children: [/* @__PURE__ */ s(a, {
+					size: 14,
+					style: { color: "var(--color-action-primary-bg)" }
+				}), /* @__PURE__ */ c("div", {
+					className: "min-w-0",
+					children: [
+						/* @__PURE__ */ s("div", {
+							className: "text-[10px] font-semibold uppercase tracking-wide",
+							style: { color: "var(--color-text-secondary)" },
+							children: "Tenant"
+						}),
+						/* @__PURE__ */ s("div", {
+							className: "text-sm font-medium truncate",
+							title: p.name,
+							children: p.name
+						}),
+						/* @__PURE__ */ c("div", {
+							className: "text-[11px] mt-0.5 flex items-center gap-1.5",
+							style: { color: "var(--color-text-secondary)" },
+							children: [
+								/* @__PURE__ */ s("span", {
+									className: "px-1 py-0.5 rounded text-[9px] font-medium uppercase tracking-wide",
+									style: { border: "1px solid var(--color-border-default)" },
+									children: p.type ?? "shared"
+								}),
+								/* @__PURE__ */ s("span", { children: "·" }),
+								/* @__PURE__ */ c("span", { children: [m, " ws"] })
+							]
+						})
+					]
+				})]
+			}), /* @__PURE__ */ s("button", {
+				type: "button",
+				onClick: (e) => {
+					e.stopPropagation(), f(`/organizations?tenantId=${p.id}`);
+				},
+				className: t,
+				style: { color: "var(--color-action-primary-bg)" },
+				title: "View tenant organizations",
+				"aria-label": `View organizations for tenant ${p.name}`,
+				children: /* @__PURE__ */ s(o, { size: 14 })
+			})]
+		})]
+	});
+}
+//#endregion
+export { d as TenantNode };

package/dist/admin-overview/nodes/WorkspaceNode.d.ts

@@ -0,0 +1,9 @@
+import { NodeProps } from '@xyflow/react';
+import { HierarchyNodeData } from '../buildHierarchyGraph';
+type Props = NodeProps & {
+    data: Extract<HierarchyNodeData, {
+        kind: 'workspace';
+    }>;
+};
+export declare function WorkspaceNode({ data }: Props): import('react/jsx-runtime').JSX.Element;
+export {};

package/dist/admin-overview/nodes/WorkspaceNode.js

@@ -0,0 +1,136 @@
+import { useAdminOverviewActions as e } from "../AdminOverviewActionsContext.js";
+import { MANAGE_BUTTON_CLASS as t, NODE_CARD_CLASS_BASE as n, nodeBorderColor as r, nodeBoxShadow as i } from "./nodeStyles.js";
+import { LayoutGrid as a, Loader2 as o, Package as s, Settings as c } from "lucide-react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { Handle as d, Position as f } from "@xyflow/react";
+//#region src/admin-overview/nodes/WorkspaceNode.tsx
+function p(e) {
+	if (!e) return "var(--color-text-secondary)";
+	let t = e.toLowerCase();
+	return t === "active" ? "var(--color-status-success-text)" : t === "suspended" || t === "inactive" ? "var(--color-status-warning-text)" : "var(--color-text-secondary)";
+}
+function m({ data: m }) {
+	let { onLoadProjects: h, onManageWorkspace: g } = e(), { entity: _, projectCount: v, projectsLoading: y, isHighlighted: b } = m;
+	return /* @__PURE__ */ u("div", {
+		className: `${n} min-w-[240px]`,
+		style: {
+			background: "var(--color-bg-surface)",
+			borderColor: r(b),
+			color: "var(--color-text-primary)",
+			boxShadow: i(b)
+		},
+		"data-testid": `admin-overview-workspace-${_.id}`,
+		children: [
+			/* @__PURE__ */ l(d, {
+				type: "target",
+				position: f.Top,
+				style: {
+					background: "var(--color-action-primary-bg)",
+					width: 8,
+					height: 8
+				}
+			}),
+			/* @__PURE__ */ l(d, {
+				type: "source",
+				position: f.Bottom,
+				style: {
+					background: "var(--color-action-primary-bg)",
+					width: 8,
+					height: 8
+				}
+			}),
+			/* @__PURE__ */ u("div", {
+				className: "flex items-center justify-between px-3 py-2 border-b",
+				style: { borderColor: "var(--color-border-default)" },
+				children: [/* @__PURE__ */ u("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ l(a, {
+						size: 16,
+						style: { color: "var(--color-action-primary-bg)" }
+					}), /* @__PURE__ */ l("span", {
+						className: "text-[11px] font-semibold uppercase tracking-wide",
+						style: { color: "var(--color-text-secondary)" },
+						children: "Workspace"
+					})]
+				}), /* @__PURE__ */ l("button", {
+					type: "button",
+					onClick: (e) => {
+						e.stopPropagation(), g(_.id);
+					},
+					className: t,
+					style: { color: "var(--color-action-primary-bg)" },
+					title: "Manage workspace",
+					"aria-label": `Manage workspace ${_.name}`,
+					children: /* @__PURE__ */ l(c, { size: 14 })
+				})]
+			}),
+			/* @__PURE__ */ u("div", {
+				className: "px-3 py-2",
+				children: [
+					/* @__PURE__ */ l("div", {
+						className: "font-semibold text-sm truncate",
+						title: _.name,
+						children: _.name
+					}),
+					/* @__PURE__ */ u("div", {
+						className: "text-xs flex items-center gap-2 mt-1",
+						style: { color: "var(--color-text-secondary)" },
+						children: [
+							_.type ? /* @__PURE__ */ l("span", {
+								className: "px-1.5 py-0.5 rounded text-[10px] font-medium uppercase tracking-wide",
+								style: {
+									background: "var(--color-bg-subtle, transparent)",
+									border: "1px solid var(--color-border-default)"
+								},
+								children: _.type
+							}) : null,
+							_.status ? /* @__PURE__ */ u("span", {
+								className: "flex items-center gap-1",
+								style: { color: p(_.status) },
+								children: [/* @__PURE__ */ l("span", {
+									className: "inline-block size-1.5 rounded-full",
+									style: { background: p(_.status) }
+								}), _.status]
+							}) : null,
+							typeof _.memberCount == "number" ? /* @__PURE__ */ u("span", { children: [
+								"· ",
+								_.memberCount,
+								" members"
+							] }) : null
+						]
+					}),
+					/* @__PURE__ */ u("div", {
+						className: "mt-2 flex items-center justify-between gap-2 pt-2 border-t",
+						style: { borderColor: "var(--color-border-default)" },
+						children: [/* @__PURE__ */ u("div", {
+							className: "flex items-center gap-1 text-xs",
+							style: { color: "var(--color-text-secondary)" },
+							children: [/* @__PURE__ */ l(s, { size: 12 }), /* @__PURE__ */ l("span", { children: v === null ? "Projects not loaded" : `${v} project${v === 1 ? "" : "s"}` })]
+						}), /* @__PURE__ */ l("button", {
+							type: "button",
+							onClick: (e) => {
+								e.stopPropagation(), h(_.id);
+							},
+							disabled: y,
+							className: "text-xs px-2 py-1 rounded-md border cursor-pointer transition-all duration-150 disabled:opacity-50 disabled:cursor-not-allowed hover:bg-[color:var(--color-action-primary-bg)]/10",
+							style: {
+								borderColor: "var(--color-action-primary-bg)",
+								color: "var(--color-action-primary-bg)"
+							},
+							title: "Load projects for this workspace",
+							children: y ? /* @__PURE__ */ u("span", {
+								className: "flex items-center gap-1",
+								children: [/* @__PURE__ */ l(o, {
+									size: 12,
+									className: "animate-spin"
+								}), "Loading"]
+							}) : v === null ? "Load projects" : "Reload"
+						})]
+					})
+				]
+			})
+		]
+	});
+}
+//#endregion
+export { m as WorkspaceNode };

package/dist/admin-overview/nodes/nodeStyles.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Shared style helpers for Admin Overview custom nodes.
+ */
+export declare const MANAGE_BUTTON_CLASS: string;
+export declare const NODE_CARD_CLASS_BASE: string;
+export declare function nodeBorderColor(highlighted: boolean): string;
+export declare function nodeBoxShadow(highlighted: boolean): string | undefined;

package/dist/admin-overview/nodes/nodeStyles.js

@@ -0,0 +1,10 @@
+//#region src/admin-overview/nodes/nodeStyles.ts
+var e = "p-1.5 rounded-md cursor-pointer transition-all duration-150  hover:bg-[color:var(--color-action-primary-bg)]/10  focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[color:var(--color-action-primary-bg)]/40", t = "rounded-xl border shadow-sm transition-all duration-150 hover:shadow-md";
+function n(e) {
+	return e ? "var(--color-action-primary-bg)" : "var(--color-border-default)";
+}
+function r(e) {
+	return e ? "0 0 0 2px var(--color-action-primary-bg), var(--shadow-elevation-2)" : void 0;
+}
+//#endregion
+export { e as MANAGE_BUTTON_CLASS, t as NODE_CARD_CLASS_BASE, n as nodeBorderColor, r as nodeBoxShadow };

package/dist/admin-overview/operations.d.ts

@@ -0,0 +1,45 @@
+/**
+ * GraphQL operations for the Admin Overview page.
+ *
+ * Global gateway operations (orgs / workspaces / tenants) are executed via
+ * Apollo `useQuery` under <GatewayRoute gateway="global">.
+ *
+ * The project query targets the WORKSPACE gateway and is executed via a raw
+ * fetch (workspace-scoped token is issued on demand) — see AdminOverviewPage.
+ */
+export declare const GET_ADMIN_OVERVIEW_CONTEXT: import('graphql').DocumentNode;
+/**
+ * Raw GraphQL document string for the workspace-gateway project fetch.
+ * Kept as a string (not gql) because we execute it via `fetch`, not Apollo.
+ */
+export declare const GET_MY_PROJECTS_DOC = "\n  query AdminOverviewGetMyProjects($pagination: PaginationInput) {\n    myProjects(pagination: $pagination) {\n      items {\n        id\n        name\n        key\n        workspaceId\n        status\n        archived\n      }\n      total\n      hasMore\n    }\n  }\n";
+export interface OrganizationSummary {
+    id: string;
+    name: string;
+    slug: string | null;
+    tenantId: string | null;
+}
+export interface WorkspaceSummary {
+    id: string;
+    name: string;
+    type: string | null;
+    status: string | null;
+    tenantId: string | null;
+    organizationId: string | null;
+    memberCount: number | null;
+}
+export interface TenantSummary {
+    id: string;
+    name: string;
+    slug: string | null;
+    status: string | null;
+    type: string | null;
+}
+export interface ProjectSummary {
+    id: string;
+    name: string;
+    key: string | null;
+    workspaceId: string;
+    status: string | null;
+    archived: boolean | null;
+}