@invect/rbac 0.0.1 → 0.0.3

package/dist/frontend/index.cjs

@@ -2,7 +2,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 let lucide_react = require("lucide-react");
 let react = require("react");
 let _tanstack_react_query = require("@tanstack/react-query");
-let _invect_frontend = require("@invect/frontend");
+let _invect_ui = require("@invect/ui");
 let react_jsx_runtime = require("react/jsx-runtime");
 let clsx = require("clsx");
 let tailwind_merge = require("tailwind-merge");
@@ -18,7 +18,7 @@ let zustand = require("zustand");
 */
 const RbacContext = (0, react.createContext)(null);
 function RbacProvider({ children }) {
-	const api = (0, _invect_frontend.useApiClient)();
+	const api = (0, _invect_ui.useApiClient)();
 	const { data: me, isLoading } = (0, _tanstack_react_query.useQuery)({
 		queryKey: [
 			"rbac",
@@ -83,7 +83,7 @@ function useRbac() {
 */
 /** Fetch access records for a specific flow */
 function useFlowAccess(flowId) {
-	const api = (0, _invect_frontend.useApiClient)();
+	const api = (0, _invect_ui.useApiClient)();
 	return (0, _tanstack_react_query.useQuery)({
 		queryKey: [
 			"rbac",
@@ -100,7 +100,7 @@ function useFlowAccess(flowId) {
 }
 /** Fetch all flow IDs accessible to the current user with their effective permission */
 function useAccessibleFlows() {
-	const api = (0, _invect_frontend.useApiClient)();
+	const api = (0, _invect_ui.useApiClient)();
 	return (0, _tanstack_react_query.useQuery)({
 		queryKey: ["rbac", "accessible-flows"],
 		queryFn: async () => {
@@ -115,7 +115,7 @@ function useAccessibleFlows() {
 }
 /** Grant access to a flow */
 function useGrantFlowAccess(flowId) {
-	const api = (0, _invect_frontend.useApiClient)();
+	const api = (0, _invect_ui.useApiClient)();
 	const queryClient = (0, _tanstack_react_query.useQueryClient)();
 	return (0, _tanstack_react_query.useMutation)({
 		mutationFn: async (input) => {
@@ -147,7 +147,7 @@ function useGrantFlowAccess(flowId) {
 }
 /** Revoke a specific access record */
 function useRevokeFlowAccess(flowId) {
-	const api = (0, _invect_frontend.useApiClient)();
+	const api = (0, _invect_ui.useApiClient)();
 	const queryClient = (0, _tanstack_react_query.useQueryClient)();
 	return (0, _tanstack_react_query.useMutation)({
 		mutationFn: async (accessId) => {
@@ -340,7 +340,7 @@ function ShareFlowModal({ flowId, onClose }) {
 											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "my-1 border-t border-imp-border" }),
 											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 												type: "button",
-												className: "w-full px-3 py-1.5 text-left text-xs text-red-600 hover:bg-red-500/10 dark:text-red-400",
+												className: "w-full px-3 py-1.5 text-left text-xs text-imp-destructive hover:bg-imp-destructive/10",
 												onClick: () => {
 													handleRevoke(record.id);
 													setOpenRoleDropdown(null);
@@ -529,7 +529,7 @@ function FlowAccessPanel({ flowId }) {
 */
 /** List all teams */
 function useTeams() {
-	const api = (0, _invect_frontend.useApiClient)();
+	const api = (0, _invect_ui.useApiClient)();
 	return (0, _tanstack_react_query.useQuery)({
 		queryKey: ["rbac", "teams"],
 		queryFn: async () => {
@@ -541,7 +541,7 @@ function useTeams() {
 }
 /** Get a single team with members */
 function useTeam(teamId) {
-	const api = (0, _invect_frontend.useApiClient)();
+	const api = (0, _invect_ui.useApiClient)();
 	return (0, _tanstack_react_query.useQuery)({
 		queryKey: [
 			"rbac",
@@ -558,7 +558,7 @@ function useTeam(teamId) {
 }
 /** Get current user's teams */
 function useMyTeams() {
-	const api = (0, _invect_frontend.useApiClient)();
+	const api = (0, _invect_ui.useApiClient)();
 	return (0, _tanstack_react_query.useQuery)({
 		queryKey: ["rbac", "my-teams"],
 		queryFn: async () => {
@@ -570,7 +570,7 @@ function useMyTeams() {
 }
 /** Create a team */
 function useCreateTeam() {
-	const api = (0, _invect_frontend.useApiClient)();
+	const api = (0, _invect_ui.useApiClient)();
 	const queryClient = (0, _tanstack_react_query.useQueryClient)();
 	return (0, _tanstack_react_query.useMutation)({
 		mutationFn: async (input) => {
@@ -594,7 +594,7 @@ function useCreateTeam() {
 }
 /** Update a team */
 function useUpdateTeam(teamId) {
-	const api = (0, _invect_frontend.useApiClient)();
+	const api = (0, _invect_ui.useApiClient)();
 	const queryClient = (0, _tanstack_react_query.useQueryClient)();
 	return (0, _tanstack_react_query.useMutation)({
 		mutationFn: async (input) => {
@@ -623,7 +623,7 @@ function useUpdateTeam(teamId) {
 }
 /** Delete a team */
 function useDeleteTeam() {
-	const api = (0, _invect_frontend.useApiClient)();
+	const api = (0, _invect_ui.useApiClient)();
 	const queryClient = (0, _tanstack_react_query.useQueryClient)();
 	return (0, _tanstack_react_query.useMutation)({
 		mutationFn: async (teamId) => {
@@ -644,7 +644,7 @@ function useDeleteTeam() {
 }
 /** Add a member to a team */
 function useAddTeamMember(teamId) {
-	const api = (0, _invect_frontend.useApiClient)();
+	const api = (0, _invect_ui.useApiClient)();
 	const queryClient = (0, _tanstack_react_query.useQueryClient)();
 	return (0, _tanstack_react_query.useMutation)({
 		mutationFn: async (input) => {
@@ -673,7 +673,7 @@ function useAddTeamMember(teamId) {
 }
 /** Remove a member from a team */
 function useRemoveTeamMember(teamId) {
-	const api = (0, _invect_frontend.useApiClient)();
+	const api = (0, _invect_ui.useApiClient)();
 	const queryClient = (0, _tanstack_react_query.useQueryClient)();
 	return (0, _tanstack_react_query.useMutation)({
 		mutationFn: async (userId) => {
@@ -700,7 +700,7 @@ function useRemoveTeamMember(teamId) {
 //#endregion
 //#region src/frontend/hooks/useScopes.ts
 function useScopeTree() {
-	const api = (0, _invect_frontend.useApiClient)();
+	const api = (0, _invect_ui.useApiClient)();
 	return (0, _tanstack_react_query.useQuery)({
 		queryKey: ["rbac", "scope-tree"],
 		queryFn: async () => {
@@ -714,7 +714,7 @@ function useScopeTree() {
 	});
 }
 function useScopeAccess(scopeId) {
-	const api = (0, _invect_frontend.useApiClient)();
+	const api = (0, _invect_ui.useApiClient)();
 	return (0, _tanstack_react_query.useQuery)({
 		queryKey: [
 			"rbac",
@@ -733,7 +733,7 @@ function useScopeAccess(scopeId) {
 	});
 }
 function useGrantScopeAccess(scopeId) {
-	const api = (0, _invect_frontend.useApiClient)();
+	const api = (0, _invect_ui.useApiClient)();
 	const queryClient = (0, _tanstack_react_query.useQueryClient)();
 	return (0, _tanstack_react_query.useMutation)({
 		mutationFn: async (input) => {
@@ -760,7 +760,7 @@ function useGrantScopeAccess(scopeId) {
 	});
 }
 function useRevokeScopeAccess(scopeId) {
-	const api = (0, _invect_frontend.useApiClient)();
+	const api = (0, _invect_ui.useApiClient)();
 	const queryClient = (0, _tanstack_react_query.useQueryClient)();
 	return (0, _tanstack_react_query.useMutation)({
 		mutationFn: async (accessId) => {
@@ -784,7 +784,7 @@ function useRevokeScopeAccess(scopeId) {
 	});
 }
 function useEffectiveFlowAccess(flowId) {
-	const api = (0, _invect_frontend.useApiClient)();
+	const api = (0, _invect_ui.useApiClient)();
 	return (0, _tanstack_react_query.useQuery)({
 		queryKey: [
 			"rbac",
@@ -803,7 +803,7 @@ function useEffectiveFlowAccess(flowId) {
 	});
 }
 function useMoveFlow(flowId) {
-	const api = (0, _invect_frontend.useApiClient)();
+	const api = (0, _invect_ui.useApiClient)();
 	const queryClient = (0, _tanstack_react_query.useQueryClient)();
 	return (0, _tanstack_react_query.useMutation)({
 		mutationFn: async (scopeId) => {
@@ -831,7 +831,7 @@ function useMoveFlow(flowId) {
 	});
 }
 function usePreviewMove() {
-	const api = (0, _invect_frontend.useApiClient)();
+	const api = (0, _invect_ui.useApiClient)();
 	return (0, _tanstack_react_query.useMutation)({ mutationFn: async (input) => {
 		const response = await fetch(`${api.getBaseURL()}/plugins/rbac/preview-move`, {
 			method: "POST",
@@ -862,7 +862,7 @@ function getPermissionBadgeClasses(_permission) {
 //#endregion
 //#region src/frontend/components/access-control/useUsers.ts
 function useUsers$1() {
-	const api = (0, _invect_frontend.useApiClient)();
+	const api = (0, _invect_ui.useApiClient)();
 	const { data } = (0, _tanstack_react_query.useQuery)({
 		queryKey: ["rbac", "auth-users"],
 		queryFn: async () => {
@@ -903,7 +903,7 @@ const ROLE_OPTIONS = [
 	}
 ];
 function RoleSelector({ value, onChange }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_invect_frontend.DropdownMenu, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_invect_frontend.DropdownMenuTrigger, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_invect_ui.DropdownMenu, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_invect_ui.DropdownMenuTrigger, {
 		asChild: true,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 			type: "button",
@@ -913,16 +913,16 @@ function RoleSelector({ value, onChange }) {
 				children: value
 			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronDown, { className: "h-3.5 w-3.5 shrink-0" })]
 		})
-	}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_invect_frontend.DropdownMenuContent, {
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_invect_ui.DropdownMenuContent, {
 		align: "end",
 		className: "w-56",
 		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_invect_frontend.DropdownMenuLabel, {
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_invect_ui.DropdownMenuLabel, {
 				className: "text-xs",
 				children: "Select role"
 			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_invect_frontend.DropdownMenuSeparator, {}),
-			ROLE_OPTIONS.map((role) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_invect_frontend.DropdownMenuItem, {
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_invect_ui.DropdownMenuSeparator, {}),
+			ROLE_OPTIONS.map((role) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_invect_ui.DropdownMenuItem, {
 				onSelect: () => onChange(role.value),
 				className: cn("items-start gap-0 px-2 py-2", value === role.value && "bg-accent text-accent-foreground"),
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -940,7 +940,7 @@ function RoleSelector({ value, onChange }) {
 	})] });
 }
 function OptionalRoleSelector({ value, onChange, emptyLabel = "No direct access" }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_invect_frontend.DropdownMenu, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_invect_frontend.DropdownMenuTrigger, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_invect_ui.DropdownMenu, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_invect_ui.DropdownMenuTrigger, {
 		asChild: true,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 			type: "button",
@@ -950,22 +950,22 @@ function OptionalRoleSelector({ value, onChange, emptyLabel = "No direct access"
 				children: value ?? emptyLabel
 			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronDown, { className: "h-3.5 w-3.5 shrink-0" })]
 		})
-	}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_invect_frontend.DropdownMenuContent, {
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_invect_ui.DropdownMenuContent, {
 		align: "end",
 		className: "w-56",
 		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_invect_frontend.DropdownMenuLabel, {
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_invect_ui.DropdownMenuLabel, {
 				className: "text-xs",
 				children: "Set access level"
 			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_invect_frontend.DropdownMenuSeparator, {}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_invect_frontend.DropdownMenuItem, {
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_invect_ui.DropdownMenuSeparator, {}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_invect_ui.DropdownMenuItem, {
 				onSelect: () => onChange(null),
 				className: cn("px-2 py-2 text-sm", value === null && "bg-accent text-accent-foreground"),
 				children: emptyLabel
 			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_invect_frontend.DropdownMenuSeparator, {}),
-			ROLE_OPTIONS.map((role) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_invect_frontend.DropdownMenuItem, {
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_invect_ui.DropdownMenuSeparator, {}),
+			ROLE_OPTIONS.map((role) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_invect_ui.DropdownMenuItem, {
 				onSelect: () => onChange(role.value),
 				className: cn("items-start gap-0 px-2 py-2", value === role.value && "bg-accent text-accent-foreground"),
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -1052,7 +1052,7 @@ function AccessTable({ rows, isLoading, emptyLabel }) {
 				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
 					className: "px-3 py-2.5 text-center",
-					children: row.permission ? row.onPermissionChange ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_invect_frontend.DropdownMenu, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_invect_frontend.DropdownMenuTrigger, {
+					children: row.permission ? row.onPermissionChange ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_invect_ui.DropdownMenu, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_invect_ui.DropdownMenuTrigger, {
 						asChild: true,
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 							type: "button",
@@ -1063,16 +1063,16 @@ function AccessTable({ rows, isLoading, emptyLabel }) {
 								children: row.permission
 							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronDown, { className: "h-3.5 w-3.5 shrink-0" })]
 						})
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_invect_frontend.DropdownMenuContent, {
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_invect_ui.DropdownMenuContent, {
 						align: "end",
 						className: "w-64",
 						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_invect_frontend.DropdownMenuLabel, {
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_invect_ui.DropdownMenuLabel, {
 								className: "text-xs",
 								children: "Change access role"
 							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_invect_frontend.DropdownMenuSeparator, {}),
-							ROLE_OPTIONS.map((role) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_invect_frontend.DropdownMenuItem, {
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_invect_ui.DropdownMenuSeparator, {}),
+							ROLE_OPTIONS.map((role) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_invect_ui.DropdownMenuItem, {
 								onSelect: () => row.onPermissionChange?.(role.value),
 								className: cn("items-start gap-0 px-2 py-2", row.permission === role.value && "bg-accent text-accent-foreground"),
 								children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -1098,19 +1098,19 @@ function AccessTable({ rows, isLoading, emptyLabel }) {
 					children: row.canRemove && row.onRemove ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 						type: "button",
 						onClick: () => setPendingRemovalRow(row),
-						className: "p-1 rounded text-imp-muted-foreground hover:bg-red-500/10 hover:text-red-500",
+						className: "p-1 rounded text-imp-muted-foreground hover:bg-imp-destructive/10 hover:text-imp-destructive",
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Trash2, { className: "h-3.5 w-3.5" })
 					}) : null
 				})
 			]
 		}, row.id))] }, group.label || "_default")) })]
-	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_invect_frontend.Dialog, {
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_invect_ui.Dialog, {
 		open: !!pendingRemovalRow,
 		onOpenChange: (open) => !open && setPendingRemovalRow(null),
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_invect_frontend.DialogContent, {
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_invect_ui.DialogContent, {
 			className: "max-w-sm border-imp-border bg-imp-background text-imp-foreground sm:max-w-sm",
 			children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_invect_frontend.DialogHeader, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_invect_frontend.DialogTitle, {
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_invect_ui.DialogHeader, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_invect_ui.DialogTitle, {
 					className: "text-sm font-semibold",
 					children: removalDialogCopy?.title
 				}) }),
@@ -1118,7 +1118,7 @@ function AccessTable({ rows, isLoading, emptyLabel }) {
 					className: "text-sm text-imp-muted-foreground",
 					children: removalDialogCopy?.body
 				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_invect_frontend.DialogFooter, {
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_invect_ui.DialogFooter, {
 					className: "justify-between w-full sm:gap-2",
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 						type: "button",
@@ -1142,14 +1142,14 @@ function AccessTable({ rows, isLoading, emptyLabel }) {
 //#endregion
 //#region src/frontend/components/access-control/FormDialog.tsx
 function FormDialog({ open, onClose, title, children }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_invect_frontend.Dialog, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_invect_ui.Dialog, {
 		open,
 		onOpenChange: (nextOpen) => !nextOpen && onClose(),
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_invect_frontend.DialogContent, {
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_invect_ui.DialogContent, {
 			className: "max-w-md p-4 border-imp-border bg-imp-background text-imp-foreground sm:max-w-md",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_invect_frontend.DialogHeader, {
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_invect_ui.DialogHeader, {
 				className: "mb-1",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_invect_frontend.DialogTitle, {
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_invect_ui.DialogTitle, {
 					className: "text-sm font-semibold",
 					children: title
 				})
@@ -1342,7 +1342,7 @@ function ScopeDetailPanel({ scopeId, scopeName, users, userMap, teams, isAdmin }
 								children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 									type: "button",
 									onClick: () => setShowDeleteConfirm(true),
-									className: "flex items-center gap-1.5 rounded-md border border-red-200 px-3 py-1.5 text-xs font-medium text-red-600 transition-colors hover:bg-red-500/10 dark:border-red-500/20 dark:text-red-400",
+									className: "flex items-center gap-1.5 rounded-md border border-imp-destructive/30 px-3 py-1.5 text-xs font-medium text-imp-destructive transition-colors hover:bg-imp-destructive/10",
 									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Trash2, { className: "w-4 h-4" }), " Delete team"]
 								})
 							}) : null]
@@ -1506,13 +1506,13 @@ function ScopeDetailPanel({ scopeId, scopeName, users, userMap, teams, isAdmin }
 					})]
 				})
 			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_invect_frontend.Dialog, {
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_invect_ui.Dialog, {
 				open: showDeleteConfirm,
 				onOpenChange: (open) => !open && setShowDeleteConfirm(false),
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_invect_frontend.DialogContent, {
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_invect_ui.DialogContent, {
 					className: "max-w-sm border-imp-border bg-imp-background text-imp-foreground sm:max-w-sm",
 					children: [
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_invect_frontend.DialogHeader, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_invect_frontend.DialogTitle, {
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_invect_ui.DialogHeader, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_invect_ui.DialogTitle, {
 							className: "text-sm font-semibold",
 							children: "Delete team"
 						}) }),
@@ -1528,7 +1528,7 @@ function ScopeDetailPanel({ scopeId, scopeName, users, userMap, teams, isAdmin }
 								"? Flows directly inside this team will move to the parent team when one exists, and this team's access grants will be removed."
 							]
 						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_invect_frontend.DialogFooter, {
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_invect_ui.DialogFooter, {
 							className: "gap-2 sm:gap-0",
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 								type: "button",
@@ -2266,7 +2266,7 @@ function AccessControlPage() {
 		setMovePreview,
 		setMoveError
 	]);
-	if (!isAuthenticated) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_invect_frontend.PageLayout, {
+	if (!isAuthenticated) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_invect_ui.PageLayout, {
 		title: "Access Control",
 		subtitle: "Manage team hierarchy and flow-level access grants.",
 		icon: lucide_react.Shield,
@@ -2276,7 +2276,7 @@ function AccessControlPage() {
 		})
 	});
 	const isLoading = scopeTreeQuery.isLoading;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_invect_frontend.PageLayout, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_invect_ui.PageLayout, {
 		title: "Access Control",
 		subtitle: "Manage team hierarchy and flow-level access grants.",
 		icon: lucide_react.Shield,
@@ -2467,7 +2467,7 @@ function AccessControlPage() {
 * TeamsPage — Team management page with create/edit/delete teams and member management.
 */
 function useUsers() {
-	const api = (0, _invect_frontend.useApiClient)();
+	const api = (0, _invect_ui.useApiClient)();
 	const [users, setUsers] = (0, react.useState)([]);
 	(0, react.useEffect)(() => {
 		let cancelled = false;
@@ -2524,7 +2524,7 @@ function TeamsPage() {
 			children: "Please sign in to access this page."
 		})
 	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_invect_frontend.PageLayout, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_invect_ui.PageLayout, {
 		title: "Teams",
 		icon: lucide_react.Users,
 		actions: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -2856,11 +2856,11 @@ function UserAvatar({ className }) {
 * @invect/rbac/ui — Frontend Plugin Entry Point
 *
 * This is the browser-safe entry point that exports the RBAC frontend plugin.
-* Import via: `import { rbacFrontendPlugin } from '@invect/rbac/ui'`
+* Import via: `import { rbacFrontend } from '@invect/rbac/ui'`
 *
 * No Node.js dependencies. No @invect/core runtime imports.
 */
-const rbacFrontendPlugin = {
+const rbacFrontend = {
 	id: "rbac",
 	name: "Role-Based Access Control",
 	providers: [RbacProvider],
@@ -2903,7 +2903,7 @@ exports.ShareFlowModal = ShareFlowModal;
 exports.TeamsPage = TeamsPage;
 exports.UserAvatar = UserAvatar;
 exports.UserMenuSection = UserMenuSection;
-exports.rbacFrontendPlugin = rbacFrontendPlugin;
+exports.rbacFrontend = rbacFrontend;
 exports.useAccessibleFlows = useAccessibleFlows;
 exports.useAddTeamMember = useAddTeamMember;
 exports.useCreateTeam = useCreateTeam;