@mdxui/auth 1.4.2 → 1.5.1

package/dist/shell/index.js

@@ -4,16 +4,16 @@ import { createContext, useContext, useMemo } from "react";
 // src/shell/route-presets.ts
 import { Key, Monitor, Plug, Shield, User, Users } from "lucide-react";
 
-// src/widgets/user-profile.tsx
-import { UserProfile as WorkOSUserProfile } from "@workos-inc/widgets";
-import { jsx } from "react/jsx-runtime";
-function UserProfile({ authToken, className }) {
-  return /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsx(WorkOSUserProfile, { authToken }) });
-}
-
 // src/hooks/use-auth.ts
 import { useAuth } from "@workos-inc/authkit-react";
 
+// src/widgets/api-keys.tsx
+import { ApiKeys as WorkOSApiKeys } from "@workos-inc/widgets";
+import { jsx } from "react/jsx-runtime";
+function ApiKeys({ authToken, className }) {
+  return /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsx(WorkOSApiKeys, { authToken }) });
+}
+
 // src/shell/components/breadcrumbs.tsx
 import { WebLink } from "@mdxui/navigation/web";
 import {
@@ -181,9 +181,9 @@ var WidgetErrorBoundary = class extends Component {
   }
 };
 
-// src/shell/pages/profile-page.tsx
+// src/shell/pages/api-keys-page.tsx
 import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
-function ProfilePage() {
+function ApiKeysPage() {
   const { user, getAccessToken, isLoading } = useAuth();
   if (isLoading) {
     return /* @__PURE__ */ jsx6("div", { className: "flex items-center justify-center py-12 text-muted-foreground", children: "Loading..." });
@@ -191,31 +191,31 @@ function ProfilePage() {
   if (!user) {
     return /* @__PURE__ */ jsxs4("div", { className: "container max-w-4xl py-8", children: [
       /* @__PURE__ */ jsxs4("div", { className: "mb-8", children: [
-        /* @__PURE__ */ jsx6("h1", { className: "text-2xl font-semibold tracking-tight", children: "Profile" }),
-        /* @__PURE__ */ jsx6("p", { className: "text-muted-foreground", children: "Manage your account information" })
+        /* @__PURE__ */ jsx6("h1", { className: "text-2xl font-semibold tracking-tight", children: "API Keys" }),
+        /* @__PURE__ */ jsx6("p", { className: "text-muted-foreground", children: "Create and manage your API keys" })
       ] }),
-      /* @__PURE__ */ jsx6("div", { className: "flex items-center justify-center rounded-[var(--radius-md)] border border-dashed py-24", children: /* @__PURE__ */ jsx6("p", { className: "text-muted-foreground text-sm", children: "Please sign in to view your profile." }) })
+      /* @__PURE__ */ jsx6("div", { className: "flex items-center justify-center rounded-[var(--radius-md)] border border-dashed py-24", children: /* @__PURE__ */ jsx6("p", { className: "text-muted-foreground text-sm", children: "Please sign in to manage your API keys." }) })
     ] });
   }
   return /* @__PURE__ */ jsxs4("div", { className: "container max-w-4xl py-8", children: [
     /* @__PURE__ */ jsxs4("div", { className: "mb-8", children: [
-      /* @__PURE__ */ jsx6("h1", { className: "text-2xl font-semibold tracking-tight", children: "Profile" }),
-      /* @__PURE__ */ jsx6("p", { className: "text-muted-foreground", children: "Manage your account information" })
+      /* @__PURE__ */ jsx6("h1", { className: "text-2xl font-semibold tracking-tight", children: "API Keys" }),
+      /* @__PURE__ */ jsx6("p", { className: "text-muted-foreground", children: "Create and manage your API keys" })
     ] }),
-    /* @__PURE__ */ jsx6(WidgetErrorBoundary, { widgetName: "profile", children: /* @__PURE__ */ jsx6(UserProfile, { authToken: getAccessToken }) })
+    /* @__PURE__ */ jsx6(WidgetErrorBoundary, { widgetName: "api-keys", children: /* @__PURE__ */ jsx6(ApiKeys, { authToken: getAccessToken }) })
   ] });
 }
 
-// src/widgets/user-security.tsx
-import { UserSecurity as WorkOSUserSecurity } from "@workos-inc/widgets";
+// src/widgets/pipes.tsx
+import { Pipes as WorkOSPipes } from "@workos-inc/widgets";
 import { jsx as jsx7 } from "react/jsx-runtime";
-function UserSecurity({ authToken, className }) {
-  return /* @__PURE__ */ jsx7("div", { className, children: /* @__PURE__ */ jsx7(WorkOSUserSecurity, { authToken }) });
+function Pipes({ authToken, className }) {
+  return /* @__PURE__ */ jsx7("div", { className, children: /* @__PURE__ */ jsx7(WorkOSPipes, { authToken }) });
 }
 
-// src/shell/pages/security-page.tsx
+// src/shell/pages/integrations-page.tsx
 import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
-function SecurityPage() {
+function IntegrationsPage() {
   const { user, getAccessToken, isLoading } = useAuth();
   if (isLoading) {
     return /* @__PURE__ */ jsx8("div", { className: "flex items-center justify-center py-12 text-muted-foreground", children: "Loading..." });
@@ -223,32 +223,31 @@ function SecurityPage() {
   if (!user) {
     return /* @__PURE__ */ jsxs5("div", { className: "container max-w-4xl py-8", children: [
       /* @__PURE__ */ jsxs5("div", { className: "mb-8", children: [
-        /* @__PURE__ */ jsx8("h1", { className: "text-2xl font-semibold tracking-tight", children: "Security" }),
-        /* @__PURE__ */ jsx8("p", { className: "text-muted-foreground", children: "Manage your password and authentication settings" })
+        /* @__PURE__ */ jsx8("h1", { className: "text-2xl font-semibold tracking-tight", children: "Integrations" }),
+        /* @__PURE__ */ jsx8("p", { className: "text-muted-foreground", children: "Connect and manage third-party services" })
       ] }),
-      /* @__PURE__ */ jsx8("div", { className: "flex items-center justify-center rounded-[var(--radius-md)] border border-dashed py-24", children: /* @__PURE__ */ jsx8("p", { className: "text-muted-foreground text-sm", children: "Please sign in to manage your security settings." }) })
+      /* @__PURE__ */ jsx8("div", { className: "flex items-center justify-center rounded-[var(--radius-md)] border border-dashed py-24", children: /* @__PURE__ */ jsx8("p", { className: "text-muted-foreground text-sm", children: "Please sign in to manage your integrations." }) })
     ] });
   }
   return /* @__PURE__ */ jsxs5("div", { className: "container max-w-4xl py-8", children: [
     /* @__PURE__ */ jsxs5("div", { className: "mb-8", children: [
-      /* @__PURE__ */ jsx8("h1", { className: "text-2xl font-semibold tracking-tight", children: "Security" }),
-      /* @__PURE__ */ jsx8("p", { className: "text-muted-foreground", children: "Manage your password and authentication settings" })
+      /* @__PURE__ */ jsx8("h1", { className: "text-2xl font-semibold tracking-tight", children: "Integrations" }),
+      /* @__PURE__ */ jsx8("p", { className: "text-muted-foreground", children: "Connect and manage third-party services" })
     ] }),
-    /* @__PURE__ */ jsx8(WidgetErrorBoundary, { widgetName: "security", children: /* @__PURE__ */ jsx8(UserSecurity, { authToken: getAccessToken }) })
+    /* @__PURE__ */ jsx8(WidgetErrorBoundary, { widgetName: "integrations", children: /* @__PURE__ */ jsx8(Pipes, { authToken: getAccessToken }) })
   ] });
 }
 
-// src/widgets/user-sessions.tsx
-import { UserSessions as WorkOSUserSessions } from "@workos-inc/widgets";
+// src/widgets/user-profile.tsx
+import { UserProfile as WorkOSUserProfile } from "@workos-inc/widgets";
 import { jsx as jsx9 } from "react/jsx-runtime";
-function UserSessions(props) {
-  const { className, ...rest } = props;
-  return /* @__PURE__ */ jsx9("div", { className, children: /* @__PURE__ */ jsx9(WorkOSUserSessions, { ...rest }) });
+function UserProfile({ authToken, className }) {
+  return /* @__PURE__ */ jsx9("div", { className, children: /* @__PURE__ */ jsx9(WorkOSUserProfile, { authToken }) });
 }
 
-// src/shell/pages/sessions-page.tsx
+// src/shell/pages/profile-page.tsx
 import { jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
-function SessionsPage() {
+function ProfilePage() {
   const { user, getAccessToken, isLoading } = useAuth();
   if (isLoading) {
     return /* @__PURE__ */ jsx10("div", { className: "flex items-center justify-center py-12 text-muted-foreground", children: "Loading..." });
@@ -256,31 +255,31 @@ function SessionsPage() {
   if (!user) {
     return /* @__PURE__ */ jsxs6("div", { className: "container max-w-4xl py-8", children: [
       /* @__PURE__ */ jsxs6("div", { className: "mb-8", children: [
-        /* @__PURE__ */ jsx10("h1", { className: "text-2xl font-semibold tracking-tight", children: "Sessions" }),
-        /* @__PURE__ */ jsx10("p", { className: "text-muted-foreground", children: "View and manage your active sessions" })
+        /* @__PURE__ */ jsx10("h1", { className: "text-2xl font-semibold tracking-tight", children: "Profile" }),
+        /* @__PURE__ */ jsx10("p", { className: "text-muted-foreground", children: "Manage your account information" })
       ] }),
-      /* @__PURE__ */ jsx10("div", { className: "flex items-center justify-center rounded-[var(--radius-md)] border border-dashed py-24", children: /* @__PURE__ */ jsx10("p", { className: "text-muted-foreground text-sm", children: "Please sign in to view your sessions." }) })
+      /* @__PURE__ */ jsx10("div", { className: "flex items-center justify-center rounded-[var(--radius-md)] border border-dashed py-24", children: /* @__PURE__ */ jsx10("p", { className: "text-muted-foreground text-sm", children: "Please sign in to view your profile." }) })
     ] });
   }
   return /* @__PURE__ */ jsxs6("div", { className: "container max-w-4xl py-8", children: [
     /* @__PURE__ */ jsxs6("div", { className: "mb-8", children: [
-      /* @__PURE__ */ jsx10("h1", { className: "text-2xl font-semibold tracking-tight", children: "Sessions" }),
-      /* @__PURE__ */ jsx10("p", { className: "text-muted-foreground", children: "View and manage your active sessions" })
+      /* @__PURE__ */ jsx10("h1", { className: "text-2xl font-semibold tracking-tight", children: "Profile" }),
+      /* @__PURE__ */ jsx10("p", { className: "text-muted-foreground", children: "Manage your account information" })
     ] }),
-    /* @__PURE__ */ jsx10(WidgetErrorBoundary, { widgetName: "sessions", children: /* @__PURE__ */ jsx10(UserSessions, { authToken: getAccessToken }) })
+    /* @__PURE__ */ jsx10(WidgetErrorBoundary, { widgetName: "profile", children: /* @__PURE__ */ jsx10(UserProfile, { authToken: getAccessToken }) })
   ] });
 }
 
-// src/widgets/api-keys.tsx
-import { ApiKeys as WorkOSApiKeys } from "@workos-inc/widgets";
+// src/widgets/user-security.tsx
+import { UserSecurity as WorkOSUserSecurity } from "@workos-inc/widgets";
 import { jsx as jsx11 } from "react/jsx-runtime";
-function ApiKeys({ authToken, className }) {
-  return /* @__PURE__ */ jsx11("div", { className, children: /* @__PURE__ */ jsx11(WorkOSApiKeys, { authToken }) });
+function UserSecurity({ authToken, className }) {
+  return /* @__PURE__ */ jsx11("div", { className, children: /* @__PURE__ */ jsx11(WorkOSUserSecurity, { authToken }) });
 }
 
-// src/shell/pages/api-keys-page.tsx
+// src/shell/pages/security-page.tsx
 import { jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
-function ApiKeysPage() {
+function SecurityPage() {
   const { user, getAccessToken, isLoading } = useAuth();
   if (isLoading) {
     return /* @__PURE__ */ jsx12("div", { className: "flex items-center justify-center py-12 text-muted-foreground", children: "Loading..." });
@@ -288,106 +287,107 @@ function ApiKeysPage() {
   if (!user) {
     return /* @__PURE__ */ jsxs7("div", { className: "container max-w-4xl py-8", children: [
       /* @__PURE__ */ jsxs7("div", { className: "mb-8", children: [
-        /* @__PURE__ */ jsx12("h1", { className: "text-2xl font-semibold tracking-tight", children: "API Keys" }),
-        /* @__PURE__ */ jsx12("p", { className: "text-muted-foreground", children: "Create and manage your API keys" })
+        /* @__PURE__ */ jsx12("h1", { className: "text-2xl font-semibold tracking-tight", children: "Security" }),
+        /* @__PURE__ */ jsx12("p", { className: "text-muted-foreground", children: "Manage your password and authentication settings" })
       ] }),
-      /* @__PURE__ */ jsx12("div", { className: "flex items-center justify-center rounded-[var(--radius-md)] border border-dashed py-24", children: /* @__PURE__ */ jsx12("p", { className: "text-muted-foreground text-sm", children: "Please sign in to manage your API keys." }) })
+      /* @__PURE__ */ jsx12("div", { className: "flex items-center justify-center rounded-[var(--radius-md)] border border-dashed py-24", children: /* @__PURE__ */ jsx12("p", { className: "text-muted-foreground text-sm", children: "Please sign in to manage your security settings." }) })
     ] });
   }
   return /* @__PURE__ */ jsxs7("div", { className: "container max-w-4xl py-8", children: [
     /* @__PURE__ */ jsxs7("div", { className: "mb-8", children: [
-      /* @__PURE__ */ jsx12("h1", { className: "text-2xl font-semibold tracking-tight", children: "API Keys" }),
-      /* @__PURE__ */ jsx12("p", { className: "text-muted-foreground", children: "Create and manage your API keys" })
+      /* @__PURE__ */ jsx12("h1", { className: "text-2xl font-semibold tracking-tight", children: "Security" }),
+      /* @__PURE__ */ jsx12("p", { className: "text-muted-foreground", children: "Manage your password and authentication settings" })
     ] }),
-    /* @__PURE__ */ jsx12(WidgetErrorBoundary, { widgetName: "api-keys", children: /* @__PURE__ */ jsx12(ApiKeys, { authToken: getAccessToken }) })
+    /* @__PURE__ */ jsx12(WidgetErrorBoundary, { widgetName: "security", children: /* @__PURE__ */ jsx12(UserSecurity, { authToken: getAccessToken }) })
   ] });
 }
 
-// src/widgets/users-management.tsx
-import { UsersManagement as WorkOSUsersManagement } from "@workos-inc/widgets";
+// src/widgets/user-sessions.tsx
+import { UserSessions as WorkOSUserSessions } from "@workos-inc/widgets";
 import { jsx as jsx13 } from "react/jsx-runtime";
-function UsersManagement({
-  authToken,
-  organizationId: _organizationId,
-  className
-}) {
-  return /* @__PURE__ */ jsx13("div", { className, children: /* @__PURE__ */ jsx13(WorkOSUsersManagement, { authToken }) });
+function UserSessions(props) {
+  const { className, ...rest } = props;
+  return /* @__PURE__ */ jsx13("div", { className, children: /* @__PURE__ */ jsx13(WorkOSUserSessions, { ...rest }) });
 }
 
-// src/shell/pages/team-page.tsx
+// src/shell/pages/sessions-page.tsx
 import { jsx as jsx14, jsxs as jsxs8 } from "react/jsx-runtime";
-function TeamPage() {
-  const { user, getAccessToken, isLoading, organizationId, permissions } = useAuth();
-  const hasOrganization = !!organizationId;
-  const canManageTeam = hasOrganization && permissions?.includes("widgets:users-table:manage");
+function SessionsPage() {
+  const { user, getAccessToken, isLoading } = useAuth();
   if (isLoading) {
     return /* @__PURE__ */ jsx14("div", { className: "flex items-center justify-center py-12 text-muted-foreground", children: "Loading..." });
   }
   if (!user) {
     return /* @__PURE__ */ jsxs8("div", { className: "container max-w-4xl py-8", children: [
       /* @__PURE__ */ jsxs8("div", { className: "mb-8", children: [
-        /* @__PURE__ */ jsx14("h1", { className: "text-2xl font-semibold tracking-tight", children: "Team" }),
-        /* @__PURE__ */ jsx14("p", { className: "text-muted-foreground", children: "Manage your team members and invitations" })
-      ] }),
-      /* @__PURE__ */ jsx14("div", { className: "flex items-center justify-center rounded-[var(--radius-md)] border border-dashed py-24", children: /* @__PURE__ */ jsx14("p", { className: "text-muted-foreground text-sm", children: "Please sign in to manage your team." }) })
-    ] });
-  }
-  if (!hasOrganization) {
-    return /* @__PURE__ */ jsxs8("div", { className: "container max-w-4xl py-8", children: [
-      /* @__PURE__ */ jsxs8("div", { className: "mb-8", children: [
-        /* @__PURE__ */ jsx14("h1", { className: "text-2xl font-semibold tracking-tight", children: "Team" }),
-        /* @__PURE__ */ jsx14("p", { className: "text-muted-foreground", children: "Manage your team members and invitations" })
-      ] }),
-      /* @__PURE__ */ jsx14("div", { className: "flex items-center justify-center rounded-[var(--radius-md)] border border-dashed py-24", children: /* @__PURE__ */ jsx14("p", { className: "text-muted-foreground text-sm", children: "You need to be part of an organization to manage team members." }) })
-    ] });
-  }
-  if (!canManageTeam) {
-    return /* @__PURE__ */ jsxs8("div", { className: "container max-w-4xl py-8", children: [
-      /* @__PURE__ */ jsxs8("div", { className: "mb-8", children: [
-        /* @__PURE__ */ jsx14("h1", { className: "text-2xl font-semibold tracking-tight", children: "Team" }),
-        /* @__PURE__ */ jsx14("p", { className: "text-muted-foreground", children: "Manage your team members and invitations" })
+        /* @__PURE__ */ jsx14("h1", { className: "text-2xl font-semibold tracking-tight", children: "Sessions" }),
+        /* @__PURE__ */ jsx14("p", { className: "text-muted-foreground", children: "View and manage your active sessions" })
       ] }),
-      /* @__PURE__ */ jsx14("div", { className: "flex items-center justify-center rounded-[var(--radius-md)] border border-dashed py-24", children: /* @__PURE__ */ jsx14("p", { className: "text-muted-foreground text-sm", children: "You need admin permissions to manage team members." }) })
+      /* @__PURE__ */ jsx14("div", { className: "flex items-center justify-center rounded-[var(--radius-md)] border border-dashed py-24", children: /* @__PURE__ */ jsx14("p", { className: "text-muted-foreground text-sm", children: "Please sign in to view your sessions." }) })
     ] });
   }
   return /* @__PURE__ */ jsxs8("div", { className: "container max-w-4xl py-8", children: [
     /* @__PURE__ */ jsxs8("div", { className: "mb-8", children: [
-      /* @__PURE__ */ jsx14("h1", { className: "text-2xl font-semibold tracking-tight", children: "Team" }),
-      /* @__PURE__ */ jsx14("p", { className: "text-muted-foreground", children: "Manage your team members and invitations" })
+      /* @__PURE__ */ jsx14("h1", { className: "text-2xl font-semibold tracking-tight", children: "Sessions" }),
+      /* @__PURE__ */ jsx14("p", { className: "text-muted-foreground", children: "View and manage your active sessions" })
     ] }),
-    /* @__PURE__ */ jsx14(WidgetErrorBoundary, { widgetName: "team", children: /* @__PURE__ */ jsx14(UsersManagement, { authToken: getAccessToken }) })
+    /* @__PURE__ */ jsx14(WidgetErrorBoundary, { widgetName: "sessions", children: /* @__PURE__ */ jsx14(UserSessions, { authToken: getAccessToken }) })
   ] });
 }
 
-// src/widgets/pipes.tsx
-import { Pipes as WorkOSPipes } from "@workos-inc/widgets";
+// src/widgets/users-management.tsx
+import { UsersManagement as WorkOSUsersManagement } from "@workos-inc/widgets";
 import { jsx as jsx15 } from "react/jsx-runtime";
-function Pipes({ authToken, className }) {
-  return /* @__PURE__ */ jsx15("div", { className, children: /* @__PURE__ */ jsx15(WorkOSPipes, { authToken }) });
+function UsersManagement({
+  authToken,
+  organizationId: _organizationId,
+  className
+}) {
+  return /* @__PURE__ */ jsx15("div", { className, children: /* @__PURE__ */ jsx15(WorkOSUsersManagement, { authToken }) });
 }
 
-// src/shell/pages/integrations-page.tsx
+// src/shell/pages/team-page.tsx
 import { jsx as jsx16, jsxs as jsxs9 } from "react/jsx-runtime";
-function IntegrationsPage() {
-  const { user, getAccessToken, isLoading } = useAuth();
+function TeamPage() {
+  const { user, getAccessToken, isLoading, organizationId, permissions } = useAuth();
+  const hasOrganization = !!organizationId;
+  const canManageTeam = hasOrganization && permissions?.includes("widgets:users-table:manage");
   if (isLoading) {
     return /* @__PURE__ */ jsx16("div", { className: "flex items-center justify-center py-12 text-muted-foreground", children: "Loading..." });
   }
   if (!user) {
     return /* @__PURE__ */ jsxs9("div", { className: "container max-w-4xl py-8", children: [
       /* @__PURE__ */ jsxs9("div", { className: "mb-8", children: [
-        /* @__PURE__ */ jsx16("h1", { className: "text-2xl font-semibold tracking-tight", children: "Integrations" }),
-        /* @__PURE__ */ jsx16("p", { className: "text-muted-foreground", children: "Connect and manage third-party services" })
+        /* @__PURE__ */ jsx16("h1", { className: "text-2xl font-semibold tracking-tight", children: "Team" }),
+        /* @__PURE__ */ jsx16("p", { className: "text-muted-foreground", children: "Manage your team members and invitations" })
+      ] }),
+      /* @__PURE__ */ jsx16("div", { className: "flex items-center justify-center rounded-[var(--radius-md)] border border-dashed py-24", children: /* @__PURE__ */ jsx16("p", { className: "text-muted-foreground text-sm", children: "Please sign in to manage your team." }) })
+    ] });
+  }
+  if (!hasOrganization) {
+    return /* @__PURE__ */ jsxs9("div", { className: "container max-w-4xl py-8", children: [
+      /* @__PURE__ */ jsxs9("div", { className: "mb-8", children: [
+        /* @__PURE__ */ jsx16("h1", { className: "text-2xl font-semibold tracking-tight", children: "Team" }),
+        /* @__PURE__ */ jsx16("p", { className: "text-muted-foreground", children: "Manage your team members and invitations" })
+      ] }),
+      /* @__PURE__ */ jsx16("div", { className: "flex items-center justify-center rounded-[var(--radius-md)] border border-dashed py-24", children: /* @__PURE__ */ jsx16("p", { className: "text-muted-foreground text-sm", children: "You need to be part of an organization to manage team members." }) })
+    ] });
+  }
+  if (!canManageTeam) {
+    return /* @__PURE__ */ jsxs9("div", { className: "container max-w-4xl py-8", children: [
+      /* @__PURE__ */ jsxs9("div", { className: "mb-8", children: [
+        /* @__PURE__ */ jsx16("h1", { className: "text-2xl font-semibold tracking-tight", children: "Team" }),
+        /* @__PURE__ */ jsx16("p", { className: "text-muted-foreground", children: "Manage your team members and invitations" })
       ] }),
-      /* @__PURE__ */ jsx16("div", { className: "flex items-center justify-center rounded-[var(--radius-md)] border border-dashed py-24", children: /* @__PURE__ */ jsx16("p", { className: "text-muted-foreground text-sm", children: "Please sign in to manage your integrations." }) })
+      /* @__PURE__ */ jsx16("div", { className: "flex items-center justify-center rounded-[var(--radius-md)] border border-dashed py-24", children: /* @__PURE__ */ jsx16("p", { className: "text-muted-foreground text-sm", children: "You need admin permissions to manage team members." }) })
     ] });
   }
   return /* @__PURE__ */ jsxs9("div", { className: "container max-w-4xl py-8", children: [
     /* @__PURE__ */ jsxs9("div", { className: "mb-8", children: [
-      /* @__PURE__ */ jsx16("h1", { className: "text-2xl font-semibold tracking-tight", children: "Integrations" }),
-      /* @__PURE__ */ jsx16("p", { className: "text-muted-foreground", children: "Connect and manage third-party services" })
+      /* @__PURE__ */ jsx16("h1", { className: "text-2xl font-semibold tracking-tight", children: "Team" }),
+      /* @__PURE__ */ jsx16("p", { className: "text-muted-foreground", children: "Manage your team members and invitations" })
     ] }),
-    /* @__PURE__ */ jsx16(WidgetErrorBoundary, { widgetName: "integrations", children: /* @__PURE__ */ jsx16(Pipes, { authToken: getAccessToken }) })
+    /* @__PURE__ */ jsx16(WidgetErrorBoundary, { widgetName: "team", children: /* @__PURE__ */ jsx16(UsersManagement, { authToken: getAccessToken }) })
   ] });
 }
 
@@ -451,7 +451,9 @@ var adminRoutes = [
     icon: Users,
     component: TeamPage,
     enabled: true,
-    public: false
+    public: false,
+    requiresOrganization: true,
+    requiredPermissions: ["widgets:users-table:manage"]
   }
 ];
 var integrationRoutes = [
@@ -614,12 +616,12 @@ function AuthGate({
     case "allow":
       return /* @__PURE__ */ jsx18(Fragment2, { children });
     case "landing":
-    default:
       return /* @__PURE__ */ jsx18(Fragment2, { children: landingComponent ?? /* @__PURE__ */ jsx18(DefaultLandingPage, {}) });
   }
 }
 
 // src/shell/auth-shell-nav.tsx
+import { useMemo as useMemo2 } from "react";
 import { useAuth as useAuth4 } from "@workos-inc/authkit-react";
 import { useIsActive, WebLink as WebLink2 } from "@mdxui/navigation/web";
 import {
@@ -637,6 +639,27 @@ import {
 } from "@mdxui/primitives/sidebar";
 import { SidebarUser } from "@mdxui/primitives/sidebar-user";
 import { Fragment as Fragment3, jsx as jsx19, jsxs as jsxs11 } from "react/jsx-runtime";
+function isRouteVisible(route, context) {
+  const { organizationId, permissions = [], role } = context;
+  if (route.requiresOrganization && !organizationId) {
+    return false;
+  }
+  if (route.requiredPermissions && route.requiredPermissions.length > 0) {
+    const hasAllPermissions = route.requiredPermissions.every(
+      (p) => permissions.includes(p)
+    );
+    if (!hasAllPermissions) {
+      return false;
+    }
+  }
+  if (route.requiredRoles && route.requiredRoles.length > 0) {
+    const hasRole = role && route.requiredRoles.includes(role);
+    if (!hasRole) {
+      return false;
+    }
+  }
+  return true;
+}
 function NavItem({ route, getFullPath }) {
   const fullPath = getFullPath(route.path);
   const isActive = useIsActive(fullPath, { partial: fullPath !== "/" });
@@ -678,10 +701,26 @@ function DefaultUserMenu() {
 function AuthShellNav({ headerContent, userMenu, className }) {
   const { routesByGroup, groups } = useAuthShellRoutesByGroup();
   const getFullPath = useAuthShellFullPath();
+  const { organizationId, permissions, role } = useAuth4();
+  const filteredRoutesByGroup = useMemo2(() => {
+    const context = {
+      organizationId: organizationId ?? void 0,
+      permissions: permissions ?? void 0,
+      role: role ?? void 0
+    };
+    const filtered = /* @__PURE__ */ new Map();
+    for (const [groupId, routes] of routesByGroup) {
+      const visibleRoutes = routes.filter((route) => isRouteVisible(route, context));
+      if (visibleRoutes.length > 0) {
+        filtered.set(groupId, visibleRoutes);
+      }
+    }
+    return filtered;
+  }, [routesByGroup, organizationId, permissions, role]);
   return /* @__PURE__ */ jsxs11(Sidebar, { collapsible: "icon", className, children: [
     /* @__PURE__ */ jsx19(SidebarHeader, { children: /* @__PURE__ */ jsx19(BrandingHeader, { headerContent }) }),
     /* @__PURE__ */ jsx19(SidebarContent, { children: groups.map((group) => {
-      const routes = routesByGroup.get(group.id);
+      const routes = filteredRoutesByGroup.get(group.id);
       if (!routes || routes.length === 0) return null;
       return /* @__PURE__ */ jsxs11(SidebarGroup, { children: [
         group.label && /* @__PURE__ */ jsx19(SidebarGroupLabel, { children: group.label }),
@@ -738,9 +777,9 @@ function AuthShell({
 }
 
 // src/shell/auth-app.tsx
-import { useMemo as useMemo2 } from "react";
-import { ThemeProvider } from "next-themes";
 import { createWebRouter, RouterProvider, WebOutlet } from "@mdxui/navigation/web";
+import { ThemeProvider } from "next-themes";
+import { useMemo as useMemo3 } from "react";
 
 // src/providers/identity-provider.tsx
 import { AuthKitProvider } from "@workos-inc/authkit-react";
@@ -910,7 +949,7 @@ function mergeWithEnvConfig(config) {
 // src/shell/auth-app.tsx
 import { jsx as jsx23 } from "react/jsx-runtime";
 function AuthAppProvider({ config, children }) {
-  const resolvedConfig = useMemo2(() => mergeWithEnvConfig(config), [config]);
+  const resolvedConfig = useMemo3(() => mergeWithEnvConfig(config), [config]);
   const { identity, theme } = resolvedConfig;
   return /* @__PURE__ */ jsx23(
     ThemeProvider,
@@ -959,14 +998,14 @@ function createRootLayout(headerContent, sidebarHeaderContent) {
   };
 }
 function AuthApp({ config, headerContent, sidebarHeaderContent }) {
-  const mergedConfig = useMemo2(() => mergeWithEnvConfig(config), [config]);
+  const mergedConfig = useMemo3(() => mergeWithEnvConfig(config), [config]);
   const routes = mergedConfig.routes ?? defaultRoutes;
   const groups = mergedConfig.groups ?? defaultGroups;
-  const resolvedConfig = useMemo2(
+  const resolvedConfig = useMemo3(
     () => ({ ...mergedConfig, routes, groups }),
     [mergedConfig, routes, groups]
   );
-  const router = useMemo2(() => {
+  const router = useMemo3(() => {
     const routeConfig = convertRoutesToConfig(routes, mergedConfig.basePath);
     const RootLayout = createRootLayout(headerContent, sidebarHeaderContent);
     return createWebRouter(routeConfig, {
@@ -982,10 +1021,10 @@ function AuthAppWithChildren({
   sidebarHeaderContent,
   children
 }) {
-  const mergedConfig = useMemo2(() => mergeWithEnvConfig(config), [config]);
+  const mergedConfig = useMemo3(() => mergeWithEnvConfig(config), [config]);
   const routes = mergedConfig.routes ?? defaultRoutes;
   const groups = mergedConfig.groups ?? defaultGroups;
-  const resolvedConfig = useMemo2(
+  const resolvedConfig = useMemo3(
     () => ({ ...mergedConfig, routes, groups }),
     [mergedConfig, routes, groups]
   );