@strapi-community/plugin-better-auth-dashboard 1.0.0-beta.1 → 1.0.0-beta.2

package/dist/admin/index-CPSoAbZt.js

@@ -0,0 +1,2321 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const designSystem = require("@strapi/design-system");
+const icons = require("@strapi/icons");
+const admin = require("@strapi/strapi/admin");
+const react = require("react");
+const reactIntl = require("react-intl");
+const reactQuery = require("react-query");
+const index = require("./index-BCBu-0nr.js");
+const Avatar = require("./Avatar-CdT7eBCh.js");
+const useModelSchema = require("./useModelSchema-BogQah8f.js");
+function UserCombobox({
+  label,
+  hint,
+  placeholder,
+  value,
+  onChange,
+  error,
+  required
+}) {
+  const { formatMessage } = reactIntl.useIntl();
+  const [search, setSearch] = react.useState("");
+  const { data, isLoading } = reactQuery.useQuery({
+    queryKey: ["user-combobox-search", search],
+    queryFn: async () => {
+      const whereClause = search ? JSON.stringify([
+        {
+          field: "email",
+          operator: "contains",
+          value: search,
+          connector: "OR"
+        },
+        {
+          field: "name",
+          operator: "contains",
+          value: search,
+          connector: "OR"
+        }
+      ]) : void 0;
+      const result = await index.client.dash.listUsers({
+        query: {
+          limit: search ? 100 : 20,
+          offset: 0,
+          sortBy: "createdAt",
+          sortOrder: "desc",
+          ...whereClause ? { where: whereClause } : {}
+        }
+      });
+      return result.data?.users ?? [];
+    },
+    keepPreviousData: true
+  });
+  const users = data ?? [];
+  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { hint, error, style: { width: "100%" }, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: label ?? formatMessage({
+      id: index.getTranslation("components.userCombobox.label"),
+      defaultMessage: "User"
+    }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      designSystem.Combobox,
+      {
+        placeholder: placeholder ?? formatMessage({
+          id: index.getTranslation("components.userCombobox.placeholder"),
+          defaultMessage: "Search users by email or name…"
+        }),
+        value,
+        onChange: (val) => onChange(val),
+        onInputChange: (e) => setSearch(e.target.value),
+        loading: isLoading,
+        required,
+        children: users.map((user) => /* @__PURE__ */ jsxRuntime.jsxs(designSystem.ComboboxOption, { value: user.id, children: [
+          user.name,
+          " — ",
+          user.email
+        ] }, user.id))
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Error, {})
+  ] });
+}
+function CreateOrganizationDialog({ teamsEnabled, onClose }) {
+  const { formatMessage } = reactIntl.useIntl();
+  const qc = reactQuery.useQueryClient();
+  const { toggleNotification } = admin.useNotification();
+  const [name, setName] = react.useState("");
+  const [slug, setSlug] = react.useState("");
+  const [logo, setLogo] = react.useState("");
+  const [ownerId, setOwnerId] = react.useState("");
+  const [skipDefaultTeam, setSkipDefaultTeam] = react.useState(false);
+  const [defaultTeamName, setDefaultTeamName] = react.useState("");
+  const createMutation = reactQuery.useMutation({
+    mutationFn: async () => {
+      const result = await index.client.dash.organization.create(
+        {
+          name,
+          slug,
+          ...logo ? { logo } : {},
+          ...teamsEnabled && !skipDefaultTeam && defaultTeamName ? { defaultTeamName } : {}
+        },
+        useModelSchema.withContext({ userId: ownerId, skipDefaultTeam }, index.getAuthHeaders())
+      );
+      if (result.error)
+        throw new Error(
+          result.error.message ?? formatMessage({
+            id: index.getTranslation("organizations.create.error.createFailed"),
+            defaultMessage: "Create failed"
+          })
+        );
+      return result.data;
+    },
+    onSuccess: () => {
+      qc.invalidateQueries({ queryKey: ["dash-organizations"] });
+      toggleNotification({
+        type: "success",
+        message: formatMessage({
+          id: index.getTranslation("organizations.create.notification.success"),
+          defaultMessage: "Organization created successfully"
+        })
+      });
+      onClose();
+    },
+    onError: (err) => {
+      toggleNotification({
+        type: "danger",
+        message: err.message ?? formatMessage({
+          id: index.getTranslation("organizations.create.notification.error"),
+          defaultMessage: "Failed to create organization"
+        })
+      });
+    }
+  });
+  const handleNameChange = (e) => {
+    const val = e.target.value;
+    setName(val);
+    if (!slug || slug === slugify(name)) {
+      setSlug(slugify(val));
+    }
+  };
+  const footer = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "tertiary", onClick: onClose, children: formatMessage({
+      id: index.getTranslation("organizations.common.cancel"),
+      defaultMessage: "Cancel"
+    }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      designSystem.Button,
+      {
+        loading: createMutation.isLoading,
+        disabled: !name || !slug || !ownerId,
+        onClick: () => createMutation.mutate(),
+        "data-testid": "create-org-submit",
+        children: formatMessage({
+          id: index.getTranslation("organizations.common.createOrganization"),
+          defaultMessage: "Create organization"
+        })
+      }
+    )
+  ] });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    useModelSchema.SheetDialog,
+    {
+      title: formatMessage({
+        id: index.getTranslation("organizations.common.createOrganization"),
+        defaultMessage: "Create organization"
+      }),
+      actionButtons: footer,
+      onClose,
+      children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 5, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(useModelSchema.FormSection, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(useModelSchema.SectionLabel, { children: formatMessage({
+            id: index.getTranslation("organizations.common.details"),
+            defaultMessage: "Details"
+          }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { style: { width: "100%" }, required: true, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: formatMessage({
+              id: index.getTranslation("organizations.common.name"),
+              defaultMessage: "Name"
+            }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              designSystem.TextInput,
+              {
+                name: "name",
+                value: name,
+                onChange: handleNameChange,
+                placeholder: formatMessage({
+                  id: index.getTranslation("organizations.create.name.placeholder"),
+                  defaultMessage: "Acme Corp"
+                })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            designSystem.Field.Root,
+            {
+              style: { width: "100%" },
+              hint: formatMessage({
+                id: index.getTranslation("organizations.common.slugHint"),
+                defaultMessage: "Used in URLs"
+              }),
+              required: true,
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: formatMessage({
+                  id: index.getTranslation("organizations.common.slug"),
+                  defaultMessage: "Slug"
+                }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  designSystem.TextInput,
+                  {
+                    name: "slug",
+                    value: slug,
+                    onChange: (e) => setSlug(e.target.value),
+                    placeholder: formatMessage({
+                      id: index.getTranslation("organizations.create.slug.placeholder"),
+                      defaultMessage: "acme-corp"
+                    })
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {})
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            useModelSchema.MediaPickerField,
+            {
+              label: formatMessage({
+                id: index.getTranslation("organizations.common.logo.label"),
+                defaultMessage: "Logo URL"
+              }),
+              name: "logo",
+              value: logo,
+              onChange: setLogo,
+              placeholder: formatMessage({
+                id: index.getTranslation("organizations.common.logo.placeholder"),
+                defaultMessage: "https://example.com/logo.png"
+              }),
+              hint: formatMessage({
+                id: index.getTranslation("organizations.common.logo.hint"),
+                defaultMessage: "Optional — publicly accessible image URL"
+              })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(useModelSchema.FormSection, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(useModelSchema.SectionLabel, { children: formatMessage({
+            id: index.getTranslation("organizations.create.owner.label"),
+            defaultMessage: "Owner"
+          }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            UserCombobox,
+            {
+              label: formatMessage({
+                id: index.getTranslation("organizations.create.owner.label"),
+                defaultMessage: "Owner"
+              }),
+              hint: formatMessage({
+                id: index.getTranslation("organizations.create.owner.hint"),
+                defaultMessage: "The user who will own and manage this organization"
+              }),
+              value: ownerId,
+              onChange: setOwnerId,
+              required: true
+            }
+          )
+        ] }),
+        teamsEnabled && /* @__PURE__ */ jsxRuntime.jsxs(useModelSchema.FormSection, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(useModelSchema.SectionLabel, { children: formatMessage({
+            id: index.getTranslation("organizations.create.defaultTeam.title"),
+            defaultMessage: "Default team"
+          }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            designSystem.Checkbox,
+            {
+              name: "skipDefaultTeam",
+              checked: skipDefaultTeam,
+              onCheckedChange: (checked) => setSkipDefaultTeam(checked),
+              children: formatMessage({
+                id: index.getTranslation("organizations.create.defaultTeam.skip"),
+                defaultMessage: "Don't create a default team"
+              })
+            }
+          ),
+          !skipDefaultTeam && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { style: { width: "100%" }, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: formatMessage({
+              id: index.getTranslation(
+                "organizations.create.defaultTeam.name.label"
+              ),
+              defaultMessage: "Default team name"
+            }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              designSystem.TextInput,
+              {
+                name: "defaultTeamName",
+                value: defaultTeamName,
+                onChange: (e) => setDefaultTeamName(e.target.value),
+                placeholder: formatMessage({
+                  id: index.getTranslation(
+                    "organizations.create.defaultTeam.name.placeholder"
+                  ),
+                  defaultMessage: "Leave blank to use the system default"
+                })
+              }
+            )
+          ] }),
+          skipDefaultTeam && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral500", children: formatMessage({
+            id: index.getTranslation(
+              "organizations.create.defaultTeam.skipHint"
+            ),
+            defaultMessage: "Members can be added to teams manually after the organization is created."
+          }) }) })
+        ] })
+      ] })
+    }
+  );
+}
+function slugify(str) {
+  return str.toLowerCase().trim().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
+}
+const INVITATION_STATUS_VARIANT = {
+  pending: "warning",
+  accepted: "success",
+  rejected: "danger",
+  canceled: "neutral"
+};
+const INVITATION_STATUS_LABEL = {
+  pending: {
+    id: index.getTranslation("organizations.detail.invitations.status.pending"),
+    defaultMessage: "pending"
+  },
+  accepted: {
+    id: index.getTranslation("organizations.detail.invitations.status.accepted"),
+    defaultMessage: "accepted"
+  },
+  rejected: {
+    id: index.getTranslation("organizations.detail.invitations.status.rejected"),
+    defaultMessage: "rejected"
+  },
+  canceled: {
+    id: index.getTranslation("organizations.detail.invitations.status.canceled"),
+    defaultMessage: "canceled"
+  }
+};
+const ROLE_OPTIONS = [
+  {
+    value: "member",
+    label: {
+      id: index.getTranslation("organizations.common.roles.member"),
+      defaultMessage: "Member"
+    }
+  },
+  {
+    value: "admin",
+    label: {
+      id: index.getTranslation("organizations.common.roles.admin"),
+      defaultMessage: "Admin"
+    }
+  },
+  {
+    value: "owner",
+    label: {
+      id: index.getTranslation("organizations.common.roles.owner"),
+      defaultMessage: "Owner"
+    }
+  }
+];
+function InlineLoader() {
+  const { formatMessage } = reactIntl.useIntl();
+  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "center", padding: 4, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Loader, { small: true, children: formatMessage({
+    id: index.getTranslation("organizations.common.loading"),
+    defaultMessage: "Loading…"
+  }) }) });
+}
+const STANDARD_ORG_FIELDS = /* @__PURE__ */ new Set([
+  "id",
+  "name",
+  "slug",
+  "logo",
+  "metadata",
+  "memberCount",
+  "createdAt",
+  "updatedAt"
+]);
+function OrganizationDetail({
+  organizationId,
+  teamsEnabled,
+  onClose
+}) {
+  const { formatMessage } = reactIntl.useIntl();
+  const schemaQuery = useModelSchema.useModelSchema("organization");
+  const qc = reactQuery.useQueryClient();
+  const { toggleNotification } = admin.useNotification();
+  const { get, put } = admin.useFetchClient();
+  const orgQuery = reactQuery.useQuery({
+    queryKey: ["dash-org", organizationId],
+    queryFn: async () => {
+      const result = await index.client.dash.organization[organizationId](
+        {},
+        useModelSchema.withContext({ organizationId }, index.getAuthHeaders())
+      );
+      if (result.error)
+        throw new Error(
+          result.error.message ?? formatMessage({
+            id: index.getTranslation("organizations.detail.error.loadOrg"),
+            defaultMessage: "Failed to load org"
+          })
+        );
+      return result.data;
+    }
+  });
+  const membersQuery = reactQuery.useQuery({
+    queryKey: ["dash-org-members", organizationId],
+    queryFn: async () => {
+      const result = await index.client.dash.organization[organizationId].members({}, useModelSchema.withContext({ organizationId }, index.getAuthHeaders()));
+      if (result.error)
+        throw new Error(
+          result.error.message ?? formatMessage({
+            id: index.getTranslation("organizations.common.failed"),
+            defaultMessage: "Failed"
+          })
+        );
+      return result.data ?? [];
+    }
+  });
+  const teamsQuery = reactQuery.useQuery({
+    queryKey: ["dash-org-teams", organizationId],
+    queryFn: async () => {
+      if (!teamsEnabled) return [];
+      const result = await index.client.dash.organization[organizationId].teams({}, useModelSchema.withContext({ organizationId }, index.getAuthHeaders()));
+      if (result.error)
+        throw new Error(
+          result.error.message ?? formatMessage({
+            id: index.getTranslation("organizations.common.failed"),
+            defaultMessage: "Failed"
+          })
+        );
+      return result.data ?? [];
+    },
+    enabled: teamsEnabled
+  });
+  const ssoQuery = reactQuery.useQuery({
+    queryKey: ["dash-org-sso", organizationId],
+    queryFn: async () => {
+      const result = await index.client.dash.organization[organizationId].ssoProviders({}, useModelSchema.withContext({ organizationId }, index.getAuthHeaders()));
+      if (result.error)
+        throw new Error(
+          result.error.message ?? formatMessage({
+            id: index.getTranslation("organizations.common.failed"),
+            defaultMessage: "Failed"
+          })
+        );
+      return result.data ?? [];
+    }
+  });
+  const invitationsQuery = reactQuery.useQuery({
+    queryKey: ["dash-org-invitations", organizationId],
+    queryFn: async () => {
+      const result = await index.client.dash.organization[organizationId].invitations({}, useModelSchema.withContext({ organizationId }, index.getAuthHeaders()));
+      if (result.error)
+        throw new Error(
+          result.error.message ?? formatMessage({
+            id: index.getTranslation("organizations.common.failed"),
+            defaultMessage: "Failed"
+          })
+        );
+      return result.data ?? [];
+    }
+  });
+  const strapiOrgQuery = reactQuery.useQuery({
+    queryKey: ["dash-strapi-org", organizationId],
+    enabled: !!orgQuery.data,
+    queryFn: async () => {
+      const { data } = await get(
+        `/better-auth-dashboard/db?uid=plugin::better-auth.organization&filters[id][$eq]=${organizationId}&pagination[pageSize]=1`
+      );
+      return data.results?.[0] ?? null;
+    }
+  });
+  const [activeTab, setActiveTab] = react.useState("details");
+  const [editName, setEditName] = react.useState(void 0);
+  const [editSlug, setEditSlug] = react.useState(void 0);
+  const [editLogo, setEditLogo] = react.useState(void 0);
+  const [editExtra, setEditExtra] = react.useState({});
+  const [confirmRemoveMemberId, setConfirmRemoveMemberId] = react.useState(null);
+  const [confirmDeleteTeamId, setConfirmDeleteTeamId] = react.useState(
+    null
+  );
+  const [confirmDeleteSsoId, setConfirmDeleteSsoId] = react.useState(
+    null
+  );
+  const [inviteEmail, setInviteEmail] = react.useState("");
+  const [inviteRole, setInviteRole] = react.useState("member");
+  const [confirmCancelInvitationId, setConfirmCancelInvitationId] = react.useState(null);
+  const handleExtraChange = (name, value) => {
+    setEditExtra((prev) => ({ ...prev, [name]: value }));
+  };
+  const org = orgQuery.data;
+  const extraData = {
+    ...strapiOrgQuery.data ?? {},
+    ...editExtra
+  };
+  const updateOrgMutation = reactQuery.useMutation({
+    mutationFn: async () => {
+      const body = { ...editExtra };
+      if (editName !== void 0) body.name = editName;
+      if (editSlug !== void 0) body.slug = editSlug;
+      if (editLogo !== void 0) body.logo = editLogo;
+      const documentId = strapiOrgQuery.data?.documentId;
+      if (!documentId)
+        throw new Error(
+          formatMessage({
+            id: index.getTranslation("organizations.detail.error.documentId"),
+            defaultMessage: "Could not resolve documentId for organization"
+          })
+        );
+      await put(
+        `/better-auth-dashboard/db/${documentId}?uid=plugin::better-auth.organization`,
+        body
+      );
+    },
+    onSuccess: async () => {
+      await qc.invalidateQueries({
+        queryKey: ["dash-strapi-org", organizationId]
+      });
+      qc.invalidateQueries({ queryKey: ["dash-org", organizationId] });
+      qc.invalidateQueries({ queryKey: ["dash-organizations"] });
+      qc.invalidateQueries({ queryKey: ["dash-strapi-org", organizationId] });
+      setEditName(void 0);
+      setEditSlug(void 0);
+      setEditLogo(void 0);
+      setEditExtra({});
+      toggleNotification({
+        type: "success",
+        message: formatMessage({
+          id: index.getTranslation("organizations.detail.notification.updated"),
+          defaultMessage: "Organization updated successfully"
+        })
+      });
+      onClose();
+    },
+    onError: (err) => {
+      toggleNotification({
+        type: "danger",
+        message: err.message ?? formatMessage({
+          id: index.getTranslation("organizations.detail.notification.updateError"),
+          defaultMessage: "Update failed"
+        })
+      });
+    }
+  });
+  const [addUserId, setAddUserId] = react.useState("");
+  const [addRole, setAddRole] = react.useState("member");
+  const addMemberMutation = reactQuery.useMutation({
+    mutationFn: async () => {
+      const result = await index.client.dash.organization.addMember(
+        { userId: addUserId, role: addRole },
+        useModelSchema.withContext({ organizationId }, index.getAuthHeaders())
+      );
+      if (result.error)
+        throw new Error(
+          result.error.message ?? formatMessage({
+            id: index.getTranslation(
+              "organizations.detail.members.error.addFailed"
+            ),
+            defaultMessage: "Add member failed"
+          })
+        );
+      return result.data;
+    },
+    onSuccess: () => {
+      qc.invalidateQueries({ queryKey: ["dash-org-members", organizationId] });
+      setAddUserId("");
+      setAddRole("member");
+      toggleNotification({
+        type: "success",
+        message: formatMessage({
+          id: index.getTranslation("organizations.detail.members.notification.added"),
+          defaultMessage: "Member added"
+        })
+      });
+    },
+    onError: (err) => {
+      toggleNotification({
+        type: "danger",
+        message: err.message ?? formatMessage({
+          id: index.getTranslation(
+            "organizations.detail.members.notification.addError"
+          ),
+          defaultMessage: "Failed to add member"
+        })
+      });
+    }
+  });
+  const removeMemberMutation = reactQuery.useMutation({
+    mutationFn: async (memberId) => {
+      const result = await index.client.dash.organization.removeMember(
+        { memberId },
+        useModelSchema.withContext({ organizationId }, index.getAuthHeaders())
+      );
+      if (result.error)
+        throw new Error(
+          result.error.message ?? formatMessage({
+            id: index.getTranslation("organizations.common.failed"),
+            defaultMessage: "Failed"
+          })
+        );
+    },
+    onSuccess: () => {
+      setConfirmRemoveMemberId(null);
+      qc.invalidateQueries({ queryKey: ["dash-org-members", organizationId] });
+      toggleNotification({
+        type: "success",
+        message: formatMessage({
+          id: index.getTranslation(
+            "organizations.detail.members.notification.removed"
+          ),
+          defaultMessage: "Member removed"
+        })
+      });
+    },
+    onError: (err) => {
+      toggleNotification({
+        type: "danger",
+        message: err.message ?? formatMessage({
+          id: index.getTranslation(
+            "organizations.detail.members.notification.removeError"
+          ),
+          defaultMessage: "Failed to remove member"
+        })
+      });
+    }
+  });
+  const updateRoleMutation = reactQuery.useMutation({
+    mutationFn: async ({
+      memberId,
+      role
+    }) => {
+      const result = await index.client.dash.organization.updateMemberRole(
+        { memberId, role },
+        useModelSchema.withContext({ organizationId }, index.getAuthHeaders())
+      );
+      if (result.error)
+        throw new Error(
+          result.error.message ?? formatMessage({
+            id: index.getTranslation("organizations.common.failed"),
+            defaultMessage: "Failed"
+          })
+        );
+      return result.data;
+    },
+    onSuccess: () => {
+      qc.invalidateQueries({ queryKey: ["dash-org-members", organizationId] });
+      toggleNotification({
+        type: "success",
+        message: formatMessage({
+          id: index.getTranslation(
+            "organizations.detail.members.notification.roleUpdated"
+          ),
+          defaultMessage: "Role updated"
+        })
+      });
+    },
+    onError: (err) => {
+      toggleNotification({
+        type: "danger",
+        message: err.message ?? formatMessage({
+          id: index.getTranslation(
+            "organizations.detail.members.notification.roleUpdateError"
+          ),
+          defaultMessage: "Failed to update role"
+        })
+      });
+    }
+  });
+  const [newTeamName, setNewTeamName] = react.useState("");
+  const createTeamMutation = reactQuery.useMutation({
+    mutationFn: async () => {
+      const result = await index.client.dash.organization.createTeam(
+        { name: newTeamName },
+        useModelSchema.withContext({ organizationId }, index.getAuthHeaders())
+      );
+      if (result.error)
+        throw new Error(
+          result.error.message ?? formatMessage({
+            id: index.getTranslation(
+              "organizations.detail.teams.error.createFailed"
+            ),
+            defaultMessage: "Create team failed"
+          })
+        );
+      return result.data;
+    },
+    onSuccess: () => {
+      qc.invalidateQueries({ queryKey: ["dash-org-teams", organizationId] });
+      setNewTeamName("");
+      toggleNotification({
+        type: "success",
+        message: formatMessage({
+          id: index.getTranslation("organizations.detail.teams.notification.created"),
+          defaultMessage: "Team created"
+        })
+      });
+    },
+    onError: (err) => {
+      toggleNotification({
+        type: "danger",
+        message: err.message ?? formatMessage({
+          id: index.getTranslation(
+            "organizations.detail.teams.notification.createError"
+          ),
+          defaultMessage: "Failed to create team"
+        })
+      });
+    }
+  });
+  const deleteTeamMutation = reactQuery.useMutation({
+    mutationFn: async (teamId) => {
+      const result = await index.client.dash.organization.deleteTeam(
+        { teamId },
+        useModelSchema.withContext({ organizationId }, index.getAuthHeaders())
+      );
+      if (result.error)
+        throw new Error(
+          result.error.message ?? formatMessage({
+            id: index.getTranslation("organizations.common.failed"),
+            defaultMessage: "Failed"
+          })
+        );
+    },
+    onSuccess: () => {
+      setConfirmDeleteTeamId(null);
+      qc.invalidateQueries({ queryKey: ["dash-org-teams", organizationId] });
+      toggleNotification({
+        type: "success",
+        message: formatMessage({
+          id: index.getTranslation("organizations.detail.teams.notification.deleted"),
+          defaultMessage: "Team deleted"
+        })
+      });
+    },
+    onError: (err) => {
+      toggleNotification({
+        type: "danger",
+        message: err.message ?? formatMessage({
+          id: index.getTranslation(
+            "organizations.detail.teams.notification.deleteError"
+          ),
+          defaultMessage: "Failed to delete team"
+        })
+      });
+    }
+  });
+  const deleteSsoMutation = reactQuery.useMutation({
+    mutationFn: async (providerId) => {
+      const result = await index.client.dash.organization[organizationId].ssoProvider.delete(
+        { providerId },
+        useModelSchema.withContext({ organizationId }, index.getAuthHeaders())
+      );
+      if (result.error)
+        throw new Error(
+          result.error.message ?? formatMessage({
+            id: index.getTranslation("organizations.common.failed"),
+            defaultMessage: "Failed"
+          })
+        );
+    },
+    onSuccess: () => {
+      setConfirmDeleteSsoId(null);
+      qc.invalidateQueries({ queryKey: ["dash-org-sso", organizationId] });
+      toggleNotification({
+        type: "success",
+        message: formatMessage({
+          id: index.getTranslation("organizations.detail.sso.notification.deleted"),
+          defaultMessage: "SSO provider deleted"
+        })
+      });
+    },
+    onError: (err) => {
+      toggleNotification({
+        type: "danger",
+        message: err.message ?? formatMessage({
+          id: index.getTranslation(
+            "organizations.detail.sso.notification.deleteError"
+          ),
+          defaultMessage: "Failed to delete SSO provider"
+        })
+      });
+    }
+  });
+  const inviteMemberMutation = reactQuery.useMutation({
+    mutationFn: async () => {
+      const result = await index.client.dash.organization.inviteMember(
+        { email: inviteEmail, role: inviteRole, invitedBy: "" },
+        useModelSchema.withContext({ organizationId }, index.getAuthHeaders())
+      );
+      if (result.error)
+        throw new Error(
+          result.error.message ?? formatMessage({
+            id: index.getTranslation("organizations.common.failed"),
+            defaultMessage: "Failed"
+          })
+        );
+      return result.data;
+    },
+    onSuccess: () => {
+      qc.invalidateQueries({
+        queryKey: ["dash-org-invitations", organizationId]
+      });
+      setInviteEmail("");
+      setInviteRole("member");
+      toggleNotification({
+        type: "success",
+        message: formatMessage({
+          id: index.getTranslation(
+            "organizations.detail.invitations.notification.sent"
+          ),
+          defaultMessage: "Invitation sent"
+        })
+      });
+    },
+    onError: (err) => {
+      toggleNotification({
+        type: "danger",
+        message: err.message ?? formatMessage({
+          id: index.getTranslation(
+            "organizations.detail.invitations.notification.inviteError"
+          ),
+          defaultMessage: "Failed to invite"
+        })
+      });
+    }
+  });
+  const cancelInvitationMutation = reactQuery.useMutation({
+    mutationFn: async (invitationId) => {
+      const result = await index.client.dash.organization.cancelInvitation(
+        { invitationId },
+        useModelSchema.withContext({ organizationId }, index.getAuthHeaders())
+      );
+      if (result.error)
+        throw new Error(
+          result.error.message ?? formatMessage({
+            id: index.getTranslation("organizations.common.failed"),
+            defaultMessage: "Failed"
+          })
+        );
+    },
+    onSuccess: () => {
+      setConfirmCancelInvitationId(null);
+      qc.invalidateQueries({
+        queryKey: ["dash-org-invitations", organizationId]
+      });
+      toggleNotification({
+        type: "success",
+        message: formatMessage({
+          id: index.getTranslation(
+            "organizations.detail.invitations.notification.cancelled"
+          ),
+          defaultMessage: "Invitation cancelled"
+        })
+      });
+    },
+    onError: (err) => {
+      toggleNotification({
+        type: "danger",
+        message: err.message ?? formatMessage({
+          id: index.getTranslation(
+            "organizations.detail.invitations.notification.cancelError"
+          ),
+          defaultMessage: "Failed to cancel"
+        })
+      });
+    }
+  });
+  const resendInvitationMutation = reactQuery.useMutation({
+    mutationFn: async (invitationId) => {
+      const result = await index.client.dash.organization.resendInvitation(
+        { invitationId },
+        useModelSchema.withContext({ organizationId }, index.getAuthHeaders())
+      );
+      if (result.error)
+        throw new Error(
+          result.error.message ?? formatMessage({
+            id: index.getTranslation("organizations.common.failed"),
+            defaultMessage: "Failed"
+          })
+        );
+    },
+    onSuccess: () => {
+      toggleNotification({
+        type: "success",
+        message: formatMessage({
+          id: index.getTranslation(
+            "organizations.detail.invitations.notification.resent"
+          ),
+          defaultMessage: "Invitation resent"
+        })
+      });
+    },
+    onError: (err) => {
+      toggleNotification({
+        type: "danger",
+        message: err.message ?? formatMessage({
+          id: index.getTranslation(
+            "organizations.detail.invitations.notification.resendError"
+          ),
+          defaultMessage: "Failed to resend"
+        })
+      });
+    }
+  });
+  const members = membersQuery.data ?? [];
+  const teams = teamsQuery.data ?? [];
+  const ssoProviders = ssoQuery.data ?? [];
+  const invitations = invitationsQuery.data ?? [];
+  const hasOrgEdits = editName !== void 0 || editSlug !== void 0 || editLogo !== void 0 || Object.keys(editExtra).length > 0;
+  const customFields = Object.entries(schemaQuery.data ?? {}).filter(([name]) => !STANDARD_ORG_FIELDS.has(name)).map(([name, attribute]) => ({ name, attribute }));
+  const detailsFooter = activeTab === "details" ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      designSystem.Button,
+      {
+        variant: "tertiary",
+        onClick: () => {
+          setEditName(void 0);
+          setEditSlug(void 0);
+          setEditLogo(void 0);
+          setEditExtra({});
+          onClose();
+        },
+        children: formatMessage({
+          id: index.getTranslation("organizations.detail.discard"),
+          defaultMessage: "Discard"
+        })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      designSystem.Button,
+      {
+        disabled: !hasOrgEdits,
+        loading: updateOrgMutation.isLoading,
+        onClick: () => updateOrgMutation.mutate(),
+        "data-testid": "save-org-btn",
+        children: formatMessage({
+          id: index.getTranslation("organizations.detail.save"),
+          defaultMessage: "Save changes"
+        })
+      }
+    )
+  ] }) : void 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    useModelSchema.SheetDialog,
+    {
+      title: org?.name ?? formatMessage({
+        id: index.getTranslation("organizations.detail.fallbackTitle"),
+        defaultMessage: "Organization"
+      }),
+      actionButtons: detailsFooter,
+      onClose,
+      "data-testid": "org-detail-drawer",
+      children: [
+        orgQuery.isLoading ? /* @__PURE__ */ jsxRuntime.jsx(InlineLoader, {}) : orgQuery.isError ? /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.Alert,
+          {
+            closeLabel: formatMessage({
+              id: index.getTranslation("organizations.common.close"),
+              defaultMessage: "Close"
+            }),
+            title: formatMessage({
+              id: index.getTranslation("organizations.detail.error.loadTitle"),
+              defaultMessage: "Failed to load organization"
+            }),
+            variant: "danger",
+            children: orgQuery.error instanceof Error ? orgQuery.error.message : formatMessage({
+              id: index.getTranslation("organizations.common.errorOccurred"),
+              defaultMessage: "An error occurred"
+            })
+          }
+        ) : /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tabs.Root, { defaultValue: "details", onValueChange: setActiveTab, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tabs.List, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tabs.Trigger, { value: "details", children: formatMessage({
+              id: index.getTranslation("organizations.common.details"),
+              defaultMessage: "Details"
+            }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tabs.Trigger, { value: "members", "data-testid": "org-members-tab", children: formatMessage(
+              {
+                id: index.getTranslation("organizations.detail.tabs.members"),
+                defaultMessage: "Members ({count})"
+              },
+              { count: members.length }
+            ) }),
+            teamsEnabled && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tabs.Trigger, { value: "teams", children: formatMessage(
+              {
+                id: index.getTranslation("organizations.detail.tabs.teams"),
+                defaultMessage: "Teams ({count})"
+              },
+              { count: teams.length }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tabs.Trigger, { value: "invitations", children: formatMessage(
+              {
+                id: index.getTranslation("organizations.detail.tabs.invitations"),
+                defaultMessage: "Invitations ({count})"
+              },
+              { count: invitations.length }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tabs.Trigger, { value: "sso", children: formatMessage(
+              {
+                id: index.getTranslation("organizations.detail.tabs.sso"),
+                defaultMessage: "SSO ({count})"
+              },
+              { count: ssoProviders.length }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tabs.Content, { value: "details", children: /* @__PURE__ */ jsxRuntime.jsxs(useModelSchema.EditLayout, { children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 5, children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(useModelSchema.FormSection, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(useModelSchema.SectionLabel, { children: formatMessage({
+                  id: index.getTranslation("organizations.common.details"),
+                  defaultMessage: "Details"
+                }) }),
+                /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { style: { width: "100%" }, children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: formatMessage({
+                    id: index.getTranslation("organizations.common.name"),
+                    defaultMessage: "Name"
+                  }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    designSystem.TextInput,
+                    {
+                      value: editName ?? org?.name ?? "",
+                      onChange: (e) => setEditName(e.target.value),
+                      "data-testid": "org-name-input"
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsxs(
+                  designSystem.Field.Root,
+                  {
+                    hint: formatMessage({
+                      id: index.getTranslation("organizations.common.slugHint"),
+                      defaultMessage: "Used in URLs"
+                    }),
+                    style: { width: "100%" },
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: formatMessage({
+                        id: index.getTranslation("organizations.common.slug"),
+                        defaultMessage: "Slug"
+                      }) }),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        designSystem.TextInput,
+                        {
+                          value: editSlug ?? org?.slug ?? "",
+                          onChange: (e) => setEditSlug(e.target.value),
+                          "data-testid": "org-slug-input"
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {})
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  useModelSchema.MediaPickerField,
+                  {
+                    label: formatMessage({
+                      id: index.getTranslation("organizations.common.logo.label"),
+                      defaultMessage: "Logo URL"
+                    }),
+                    name: "logo",
+                    value: editLogo ?? org?.logo ?? "",
+                    onChange: setEditLogo,
+                    placeholder: formatMessage({
+                      id: index.getTranslation(
+                        "organizations.common.logo.placeholder"
+                      ),
+                      defaultMessage: "https://example.com/logo.png"
+                    }),
+                    hint: formatMessage({
+                      id: index.getTranslation("organizations.common.logo.hint"),
+                      defaultMessage: "Optional — publicly accessible image URL"
+                    })
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                useModelSchema.CustomFieldsSection,
+                {
+                  fields: customFields,
+                  data: extraData,
+                  onChange: handleExtraChange
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs(useModelSchema.EditSidebar, { children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(useModelSchema.FormSection, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(useModelSchema.SectionLabel, { children: formatMessage({
+                  id: index.getTranslation("organizations.common.details"),
+                  defaultMessage: "Details"
+                }) }),
+                /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { gap: 3, gridCols: 2, children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 2, children: /* @__PURE__ */ jsxRuntime.jsxs(useModelSchema.MetaItem, { children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(useModelSchema.MetaKey, { children: formatMessage({
+                      id: index.getTranslation("organizations.detail.meta.id"),
+                      defaultMessage: "Organization ID"
+                    }) }),
+                    /* @__PURE__ */ jsxRuntime.jsx(useModelSchema.MonoChip, { children: org?.id })
+                  ] }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 1, children: /* @__PURE__ */ jsxRuntime.jsxs(useModelSchema.MetaItem, { children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(useModelSchema.MetaKey, { children: formatMessage({
+                      id: index.getTranslation("organizations.common.members"),
+                      defaultMessage: "Members"
+                    }) }),
+                    /* @__PURE__ */ jsxRuntime.jsx(useModelSchema.MetaVal, { children: org?.memberCount ?? 0 })
+                  ] }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 1, children: /* @__PURE__ */ jsxRuntime.jsxs(useModelSchema.MetaItem, { children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(useModelSchema.MetaKey, { children: formatMessage({
+                      id: index.getTranslation("organizations.common.created"),
+                      defaultMessage: "Created"
+                    }) }),
+                    /* @__PURE__ */ jsxRuntime.jsx(useModelSchema.MetaVal, { children: org?.createdAt ? new Date(org.createdAt).toLocaleDateString() : "—" })
+                  ] }) })
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                useModelSchema.EditViewSidePanels,
+                {
+                  model: "plugin::better-auth.organization",
+                  documentId: strapiOrgQuery.data?.documentId,
+                  document: strapiOrgQuery.data ?? void 0
+                }
+              )
+            ] })
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tabs.Content, { value: "members", children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 5, paddingTop: 6, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(useModelSchema.FormSection, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(useModelSchema.SectionLabel, { children: formatMessage({
+                id: index.getTranslation("organizations.detail.members.add"),
+                defaultMessage: "Add member"
+              }) }),
+              /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { gap: 3, children: [
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 8, children: /* @__PURE__ */ jsxRuntime.jsx(
+                  UserCombobox,
+                  {
+                    label: formatMessage({
+                      id: index.getTranslation("organizations.detail.members.user"),
+                      defaultMessage: "User"
+                    }),
+                    value: addUserId,
+                    onChange: setAddUserId
+                  }
+                ) }),
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 4, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: formatMessage({
+                    id: index.getTranslation("organizations.common.role"),
+                    defaultMessage: "Role"
+                  }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    designSystem.SingleSelect,
+                    {
+                      value: addRole,
+                      onChange: (role) => setAddRole(String(role)),
+                      "aria-label": formatMessage({
+                        id: index.getTranslation(
+                          "organizations.detail.members.roleLabel"
+                        ),
+                        defaultMessage: "Member role"
+                      }),
+                      children: ROLE_OPTIONS.map((option) => /* @__PURE__ */ jsxRuntime.jsx(
+                        designSystem.SingleSelectOption,
+                        {
+                          value: option.value,
+                          children: formatMessage(option.label)
+                        },
+                        option.value
+                      ))
+                    }
+                  )
+                ] }) })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { children: /* @__PURE__ */ jsxRuntime.jsx(
+                designSystem.Button,
+                {
+                  size: "S",
+                  startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Plus, {}),
+                  disabled: !addUserId,
+                  loading: addMemberMutation.isLoading,
+                  onClick: () => addMemberMutation.mutate(),
+                  "data-testid": "add-member-btn",
+                  children: formatMessage({
+                    id: index.getTranslation("organizations.detail.members.add"),
+                    defaultMessage: "Add member"
+                  })
+                }
+              ) })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs(useModelSchema.FormSection, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(useModelSchema.SectionLabel, { children: formatMessage(
+                {
+                  id: index.getTranslation("organizations.detail.tabs.members"),
+                  defaultMessage: "Members ({count})"
+                },
+                { count: members.length }
+              ) }),
+              membersQuery.isLoading ? /* @__PURE__ */ jsxRuntime.jsx(InlineLoader, {}) : members.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral500", children: formatMessage({
+                id: index.getTranslation("organizations.detail.members.empty"),
+                defaultMessage: "No members yet."
+              }) }) : /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { direction: "column", gap: 2, children: members.map((member) => /* @__PURE__ */ jsxRuntime.jsxs(useModelSchema.AccountRow, { "data-testid": "member-row", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs(
+                  designSystem.Flex,
+                  {
+                    direction: "column",
+                    gap: 1,
+                    alignItems: "flex-start",
+                    flex: 1,
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", fontWeight: "semiBold", children: member.user?.name ?? formatMessage({
+                        id: index.getTranslation(
+                          "organizations.detail.members.unknown"
+                        ),
+                        defaultMessage: "Unknown"
+                      }) }),
+                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral500", children: member.user?.email })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "center", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Root, { style: { width: 110 }, children: /* @__PURE__ */ jsxRuntime.jsx(
+                    designSystem.SingleSelect,
+                    {
+                      value: member.role,
+                      onChange: (role) => updateRoleMutation.mutate({
+                        memberId: member.id,
+                        role: String(role)
+                      }),
+                      size: "S",
+                      "aria-label": formatMessage({
+                        id: index.getTranslation(
+                          "organizations.detail.members.roleLabel"
+                        ),
+                        defaultMessage: "Member role"
+                      }),
+                      children: ROLE_OPTIONS.map((option) => /* @__PURE__ */ jsxRuntime.jsx(
+                        designSystem.SingleSelectOption,
+                        {
+                          value: option.value,
+                          children: formatMessage(option.label)
+                        },
+                        option.value
+                      ))
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    designSystem.IconButton,
+                    {
+                      label: formatMessage({
+                        id: index.getTranslation(
+                          "organizations.detail.members.remove"
+                        ),
+                        defaultMessage: "Remove member"
+                      }),
+                      onClick: () => setConfirmRemoveMemberId(member.id),
+                      "data-testid": "remove-member-btn",
+                      children: /* @__PURE__ */ jsxRuntime.jsx(icons.Trash, {})
+                    }
+                  )
+                ] })
+              ] }, member.id)) })
+            ] })
+          ] }) }),
+          teamsEnabled && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tabs.Content, { value: "teams", children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 5, paddingTop: 6, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(useModelSchema.FormSection, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(useModelSchema.SectionLabel, { children: formatMessage({
+                id: index.getTranslation("organizations.detail.teams.create"),
+                defaultMessage: "Create team"
+              }) }),
+              /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "flex-end", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { flex: 1, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: formatMessage({
+                    id: index.getTranslation(
+                      "organizations.detail.teams.name.label"
+                    ),
+                    defaultMessage: "Team name"
+                  }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    designSystem.TextInput,
+                    {
+                      value: newTeamName,
+                      onChange: (e) => setNewTeamName(e.target.value),
+                      placeholder: formatMessage({
+                        id: index.getTranslation(
+                          "organizations.detail.teams.name.placeholder"
+                        ),
+                        defaultMessage: "e.g. Engineering"
+                      })
+                    }
+                  )
+                ] }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  designSystem.Button,
+                  {
+                    startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Plus, {}),
+                    disabled: !newTeamName,
+                    loading: createTeamMutation.isLoading,
+                    onClick: () => createTeamMutation.mutate(),
+                    children: formatMessage({
+                      id: index.getTranslation(
+                        "organizations.detail.teams.createSubmit"
+                      ),
+                      defaultMessage: "Create"
+                    })
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs(useModelSchema.FormSection, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(useModelSchema.SectionLabel, { children: formatMessage(
+                {
+                  id: index.getTranslation("organizations.detail.tabs.teams"),
+                  defaultMessage: "Teams ({count})"
+                },
+                { count: teams.length }
+              ) }),
+              teamsQuery.isLoading ? /* @__PURE__ */ jsxRuntime.jsx(InlineLoader, {}) : teams.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral500", children: formatMessage({
+                id: index.getTranslation("organizations.detail.teams.empty"),
+                defaultMessage: "No teams yet."
+              }) }) : /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { direction: "column", gap: 2, children: teams.map((team) => /* @__PURE__ */ jsxRuntime.jsx(
+                TeamRow,
+                {
+                  team,
+                  organizationId,
+                  onDelete: () => setConfirmDeleteTeamId(team.id)
+                },
+                team.id
+              )) })
+            ] })
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tabs.Content, { value: "sso", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { direction: "column", gap: 5, paddingTop: 6, children: /* @__PURE__ */ jsxRuntime.jsxs(useModelSchema.FormSection, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(useModelSchema.SectionLabel, { children: formatMessage({
+              id: index.getTranslation("organizations.detail.sso.title"),
+              defaultMessage: "SSO providers"
+            }) }),
+            ssoQuery.isLoading ? /* @__PURE__ */ jsxRuntime.jsx(InlineLoader, {}) : ssoProviders.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral500", children: formatMessage({
+              id: index.getTranslation("organizations.detail.sso.empty"),
+              defaultMessage: "No SSO providers configured."
+            }) }) : /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { direction: "column", gap: 2, children: ssoProviders.map((provider) => /* @__PURE__ */ jsxRuntime.jsxs(
+              useModelSchema.AccountRow,
+              {
+                "data-testid": "sso-provider-row",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs(
+                    designSystem.Flex,
+                    {
+                      direction: "column",
+                      gap: 1,
+                      alignItems: "flex-start",
+                      flex: 1,
+                      children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(useModelSchema.ProviderBadge, { children: provider.providerId }),
+                        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral500", children: provider.domain }),
+                        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral500", children: formatMessage(
+                          {
+                            id: index.getTranslation(
+                              "organizations.detail.sso.issuer"
+                            ),
+                            defaultMessage: "Issuer: {issuer}"
+                          },
+                          { issuer: provider.issuer }
+                        ) })
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    designSystem.IconButton,
+                    {
+                      label: formatMessage({
+                        id: index.getTranslation(
+                          "organizations.detail.sso.delete"
+                        ),
+                        defaultMessage: "Delete SSO provider"
+                      }),
+                      onClick: () => setConfirmDeleteSsoId(provider.providerId),
+                      children: /* @__PURE__ */ jsxRuntime.jsx(icons.Trash, {})
+                    }
+                  )
+                ]
+              },
+              provider.id
+            )) })
+          ] }) }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tabs.Content, { value: "invitations", children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 5, paddingTop: 6, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(useModelSchema.FormSection, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(useModelSchema.SectionLabel, { children: formatMessage({
+                id: index.getTranslation(
+                  "organizations.detail.invitations.invite"
+                ),
+                defaultMessage: "Invite member by email"
+              }) }),
+              /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { gap: 3, children: [
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 8, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: formatMessage({
+                    id: index.getTranslation(
+                      "organizations.detail.invitations.email.label"
+                    ),
+                    defaultMessage: "Email address"
+                  }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    designSystem.TextInput,
+                    {
+                      type: "email",
+                      value: inviteEmail,
+                      onChange: (e) => setInviteEmail(e.target.value),
+                      placeholder: formatMessage({
+                        id: index.getTranslation(
+                          "organizations.detail.invitations.email.placeholder"
+                        ),
+                        defaultMessage: "user@example.com"
+                      })
+                    }
+                  )
+                ] }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 4, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: formatMessage({
+                    id: index.getTranslation("organizations.common.role"),
+                    defaultMessage: "Role"
+                  }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    designSystem.SingleSelect,
+                    {
+                      value: inviteRole,
+                      onChange: (v) => setInviteRole(String(v)),
+                      "aria-label": formatMessage({
+                        id: index.getTranslation(
+                          "organizations.detail.invitations.roleLabel"
+                        ),
+                        defaultMessage: "Invite role"
+                      }),
+                      children: ROLE_OPTIONS.map((option) => /* @__PURE__ */ jsxRuntime.jsx(
+                        designSystem.SingleSelectOption,
+                        {
+                          value: option.value,
+                          children: formatMessage(option.label)
+                        },
+                        option.value
+                      ))
+                    }
+                  )
+                ] }) })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { children: /* @__PURE__ */ jsxRuntime.jsx(
+                designSystem.Button,
+                {
+                  size: "S",
+                  startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Plus, {}),
+                  disabled: !inviteEmail,
+                  loading: inviteMemberMutation.isLoading,
+                  onClick: () => inviteMemberMutation.mutate(),
+                  children: formatMessage({
+                    id: index.getTranslation(
+                      "organizations.detail.invitations.send"
+                    ),
+                    defaultMessage: "Send invitation"
+                  })
+                }
+              ) })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs(useModelSchema.FormSection, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(useModelSchema.SectionLabel, { children: formatMessage(
+                {
+                  id: index.getTranslation(
+                    "organizations.detail.tabs.invitations"
+                  ),
+                  defaultMessage: "Invitations ({count})"
+                },
+                { count: invitations.length }
+              ) }),
+              invitationsQuery.isLoading ? /* @__PURE__ */ jsxRuntime.jsx(InlineLoader, {}) : invitations.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral500", children: formatMessage({
+                id: index.getTranslation(
+                  "organizations.detail.invitations.empty"
+                ),
+                defaultMessage: "No invitations yet."
+              }) }) : /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { direction: "column", gap: 2, children: invitations.map((inv) => {
+                const isPending = inv.status === "pending";
+                return /* @__PURE__ */ jsxRuntime.jsxs(useModelSchema.AccountRow, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs(
+                    designSystem.Flex,
+                    {
+                      direction: "column",
+                      gap: 1,
+                      alignItems: "flex-start",
+                      flex: 1,
+                      children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", fontWeight: "semiBold", children: inv.user?.name ?? inv.email }),
+                        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral500", children: formatMessage(
+                          {
+                            id: index.getTranslation(
+                              "organizations.detail.invitations.emailRole"
+                            ),
+                            defaultMessage: "{email} · role: {role}"
+                          },
+                          { email: inv.email, role: inv.role }
+                        ) }),
+                        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral500", children: formatMessage(
+                          {
+                            id: index.getTranslation(
+                              "organizations.detail.invitations.expires"
+                            ),
+                            defaultMessage: "Expires {date}"
+                          },
+                          {
+                            date: new Date(
+                              inv.expiresAt
+                            ).toLocaleDateString()
+                          }
+                        ) })
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "center", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      designSystem.Badge,
+                      {
+                        size: "S",
+                        variant: INVITATION_STATUS_VARIANT[inv.status] ?? "neutral",
+                        children: INVITATION_STATUS_LABEL[inv.status] ? formatMessage(
+                          INVITATION_STATUS_LABEL[inv.status]
+                        ) : inv.status
+                      }
+                    ),
+                    isPending && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        designSystem.Button,
+                        {
+                          size: "S",
+                          variant: "secondary",
+                          loading: resendInvitationMutation.isLoading,
+                          onClick: () => resendInvitationMutation.mutate(inv.id),
+                          children: formatMessage({
+                            id: index.getTranslation(
+                              "organizations.detail.invitations.resend"
+                            ),
+                            defaultMessage: "Resend"
+                          })
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        designSystem.IconButton,
+                        {
+                          label: formatMessage({
+                            id: index.getTranslation(
+                              "organizations.detail.invitations.cancel"
+                            ),
+                            defaultMessage: "Cancel invitation"
+                          }),
+                          onClick: () => setConfirmCancelInvitationId(inv.id),
+                          children: /* @__PURE__ */ jsxRuntime.jsx(icons.Trash, {})
+                        }
+                      )
+                    ] })
+                  ] })
+                ] }, inv.id);
+              }) })
+            ] })
+          ] }) })
+        ] }),
+        confirmRemoveMemberId && /* @__PURE__ */ jsxRuntime.jsx(
+          useModelSchema.ConfirmDialog,
+          {
+            title: formatMessage({
+              id: index.getTranslation("organizations.detail.members.remove"),
+              defaultMessage: "Remove member"
+            }),
+            message: formatMessage({
+              id: index.getTranslation(
+                "organizations.detail.members.confirmRemove.message"
+              ),
+              defaultMessage: "Are you sure you want to remove this member from the organization?"
+            }),
+            confirmLabel: formatMessage({
+              id: index.getTranslation("organizations.common.remove"),
+              defaultMessage: "Remove"
+            }),
+            loading: removeMemberMutation.isLoading,
+            onConfirm: () => removeMemberMutation.mutate(confirmRemoveMemberId),
+            onCancel: () => setConfirmRemoveMemberId(null)
+          }
+        ),
+        confirmDeleteTeamId && /* @__PURE__ */ jsxRuntime.jsx(
+          useModelSchema.ConfirmDialog,
+          {
+            title: formatMessage({
+              id: index.getTranslation("organizations.detail.teams.delete"),
+              defaultMessage: "Delete team"
+            }),
+            message: formatMessage({
+              id: index.getTranslation(
+                "organizations.detail.teams.confirmDelete.message"
+              ),
+              defaultMessage: "Are you sure you want to delete this team? All team members will be removed. This action cannot be undone."
+            }),
+            confirmLabel: formatMessage({
+              id: index.getTranslation("organizations.common.delete"),
+              defaultMessage: "Delete"
+            }),
+            loading: deleteTeamMutation.isLoading,
+            onConfirm: () => deleteTeamMutation.mutate(confirmDeleteTeamId),
+            onCancel: () => setConfirmDeleteTeamId(null)
+          }
+        ),
+        confirmDeleteSsoId && /* @__PURE__ */ jsxRuntime.jsx(
+          useModelSchema.ConfirmDialog,
+          {
+            title: formatMessage({
+              id: index.getTranslation("organizations.detail.sso.delete"),
+              defaultMessage: "Delete SSO provider"
+            }),
+            message: formatMessage({
+              id: index.getTranslation(
+                "organizations.detail.sso.confirmDelete.message"
+              ),
+              defaultMessage: "Are you sure you want to delete this SSO provider? Members using this provider will need to authenticate differently."
+            }),
+            confirmLabel: formatMessage({
+              id: index.getTranslation("organizations.common.delete"),
+              defaultMessage: "Delete"
+            }),
+            loading: deleteSsoMutation.isLoading,
+            onConfirm: () => deleteSsoMutation.mutate(confirmDeleteSsoId),
+            onCancel: () => setConfirmDeleteSsoId(null)
+          }
+        ),
+        confirmCancelInvitationId && /* @__PURE__ */ jsxRuntime.jsx(
+          useModelSchema.ConfirmDialog,
+          {
+            title: formatMessage({
+              id: index.getTranslation("organizations.detail.invitations.cancel"),
+              defaultMessage: "Cancel invitation"
+            }),
+            message: formatMessage({
+              id: index.getTranslation(
+                "organizations.detail.invitations.confirmCancel.message"
+              ),
+              defaultMessage: "Are you sure you want to cancel this invitation? The invite link will no longer work."
+            }),
+            confirmLabel: formatMessage({
+              id: index.getTranslation("organizations.detail.invitations.cancel"),
+              defaultMessage: "Cancel invitation"
+            }),
+            loading: cancelInvitationMutation.isLoading,
+            onConfirm: () => cancelInvitationMutation.mutate(confirmCancelInvitationId),
+            onCancel: () => setConfirmCancelInvitationId(null)
+          }
+        )
+      ]
+    }
+  );
+}
+function TeamRow({
+  team,
+  organizationId,
+  onDelete
+}) {
+  const { formatMessage } = reactIntl.useIntl();
+  const qc = reactQuery.useQueryClient();
+  const [expanded, setExpanded] = react.useState(false);
+  const [confirmRemoveTeamMemberId, setConfirmRemoveTeamMemberId] = react.useState(null);
+  const teamMembersQuery = reactQuery.useQuery({
+    queryKey: ["dash-team-members", organizationId, team.id],
+    queryFn: async () => {
+      const result = await index.client.dash.organization[
+        // @ts-expect-error
+        organizationId
+      ].teams[team.id].members(
+        { params: { orgId: organizationId, teamId: team.id } },
+        useModelSchema.withContext({ organizationId }, index.getAuthHeaders())
+      );
+      if (result.error)
+        throw new Error(
+          result.error.message ?? formatMessage({
+            id: index.getTranslation("organizations.common.failed"),
+            defaultMessage: "Failed"
+          })
+        );
+      return result.data ?? [];
+    },
+    enabled: expanded
+  });
+  const [addUserId, setAddUserId] = react.useState("");
+  const addTeamMemberMutation = reactQuery.useMutation({
+    mutationFn: async () => {
+      const result = await index.client.dash.organization.addTeamMember(
+        { teamId: team.id, userId: addUserId },
+        useModelSchema.withContext({ organizationId }, index.getAuthHeaders())
+      );
+      if (result.error)
+        throw new Error(
+          result.error.message ?? formatMessage({
+            id: index.getTranslation("organizations.common.failed"),
+            defaultMessage: "Failed"
+          })
+        );
+      return result.data;
+    },
+    onSuccess: () => {
+      qc.invalidateQueries({
+        queryKey: ["dash-team-members", organizationId, team.id]
+      });
+      setAddUserId("");
+    }
+  });
+  const removeTeamMemberMutation = reactQuery.useMutation({
+    mutationFn: async (userId) => {
+      const result = await index.client.dash.organization.removeTeamMember(
+        { teamId: team.id, userId },
+        useModelSchema.withContext({ organizationId }, index.getAuthHeaders())
+      );
+      if (result.error)
+        throw new Error(
+          result.error.message ?? formatMessage({
+            id: index.getTranslation("organizations.common.failed"),
+            defaultMessage: "Failed"
+          })
+        );
+    },
+    onSuccess: () => {
+      setConfirmRemoveTeamMemberId(null);
+      qc.invalidateQueries({
+        queryKey: ["dash-team-members", organizationId, team.id]
+      });
+    }
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { width: "100%", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      designSystem.Accordion.Root,
+      {
+        value: expanded ? team.id : "",
+        onValueChange: (v) => setExpanded(v === team.id),
+        collapsible: true,
+        children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Accordion.Item, { value: team.id, "data-testid": "team-row", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Accordion.Header, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              designSystem.Accordion.Trigger,
+              {
+                description: formatMessage(
+                  {
+                    id: index.getTranslation("organizations.detail.teams.memberCount"),
+                    defaultMessage: "{count, plural, =-1 {— members} one {# member} other {# members}}"
+                  },
+                  { count: teamMembersQuery.data?.length ?? -1 }
+                ),
+                children: team.name
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Accordion.Actions, { children: /* @__PURE__ */ jsxRuntime.jsx(
+              designSystem.IconButton,
+              {
+                label: formatMessage({
+                  id: index.getTranslation("organizations.detail.teams.delete"),
+                  defaultMessage: "Delete team"
+                }),
+                variant: "ghost",
+                onClick: onDelete,
+                children: /* @__PURE__ */ jsxRuntime.jsx(icons.Trash, {})
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Accordion.Content, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 3, padding: 4, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "flex-end", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { flex: 1, children: /* @__PURE__ */ jsxRuntime.jsx(
+                UserCombobox,
+                {
+                  label: formatMessage({
+                    id: index.getTranslation(
+                      "organizations.detail.teams.addMember"
+                    ),
+                    defaultMessage: "Add member to team"
+                  }),
+                  value: addUserId,
+                  onChange: setAddUserId
+                }
+              ) }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                designSystem.Button,
+                {
+                  size: "S",
+                  startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Plus, {}),
+                  disabled: !addUserId,
+                  loading: addTeamMemberMutation.isLoading,
+                  onClick: () => addTeamMemberMutation.mutate(),
+                  children: formatMessage({
+                    id: index.getTranslation(
+                      "organizations.detail.teams.addMemberSubmit"
+                    ),
+                    defaultMessage: "Add"
+                  })
+                }
+              )
+            ] }),
+            teamMembersQuery.isLoading ? /* @__PURE__ */ jsxRuntime.jsx(InlineLoader, {}) : (teamMembersQuery.data ?? []).length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral500", children: formatMessage({
+              id: index.getTranslation(
+                "organizations.detail.teams.membersEmpty"
+              ),
+              defaultMessage: "No members in this team."
+            }) }) : /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 2, children: (teamMembersQuery.data ?? []).map((tm) => /* @__PURE__ */ jsxRuntime.jsxs(useModelSchema.AccountRow, { children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                designSystem.Flex,
+                {
+                  direction: "column",
+                  gap: 1,
+                  alignItems: "flex-start",
+                  flex: 1,
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", fontWeight: "semiBold", children: tm.user?.name ?? tm.userId }),
+                    tm.user?.email && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral500", children: tm.user.email })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                designSystem.IconButton,
+                {
+                  label: formatMessage({
+                    id: index.getTranslation(
+                      "organizations.detail.teams.removeMember"
+                    ),
+                    defaultMessage: "Remove from team"
+                  }),
+                  onClick: () => setConfirmRemoveTeamMemberId(tm.userId),
+                  children: /* @__PURE__ */ jsxRuntime.jsx(icons.Trash, {})
+                }
+              )
+            ] }, tm.id)) })
+          ] }) })
+        ] })
+      }
+    ),
+    confirmRemoveTeamMemberId && /* @__PURE__ */ jsxRuntime.jsx(
+      useModelSchema.ConfirmDialog,
+      {
+        title: formatMessage({
+          id: index.getTranslation("organizations.detail.teams.removeMember"),
+          defaultMessage: "Remove from team"
+        }),
+        message: formatMessage({
+          id: index.getTranslation(
+            "organizations.detail.teams.confirmRemoveMember.message"
+          ),
+          defaultMessage: "Are you sure you want to remove this member from the team?"
+        }),
+        confirmLabel: formatMessage({
+          id: index.getTranslation("organizations.common.remove"),
+          defaultMessage: "Remove"
+        }),
+        loading: removeTeamMemberMutation.isLoading,
+        onConfirm: () => removeTeamMemberMutation.mutate(confirmRemoveTeamMemberId),
+        onCancel: () => setConfirmRemoveTeamMemberId(null)
+      }
+    )
+  ] });
+}
+const PAGE_SIZE = 25;
+function OrganizationsPage({ teamsEnabled }) {
+  const { formatMessage } = reactIntl.useIntl();
+  const rbac = admin.useRBAC(index.PERMISSIONS.organization);
+  const qc = reactQuery.useQueryClient();
+  const { toggleNotification } = admin.useNotification();
+  const [page, setPage] = react.useState(1);
+  const [search, setSearch] = react.useState("");
+  const [searchInput, setSearchInput] = react.useState("");
+  const [selected, setSelected] = react.useState(/* @__PURE__ */ new Set());
+  const [showCreate, setShowCreate] = react.useState(false);
+  const [detailOrgId, setDetailOrgId] = react.useState(null);
+  const [confirmDelete, setConfirmDelete] = react.useState(null);
+  const [confirmDeleteMany, setConfirmDeleteMany] = react.useState(false);
+  const offset = (page - 1) * PAGE_SIZE;
+  const orgsQuery = reactQuery.useQuery({
+    queryKey: ["dash-organizations", page, search],
+    queryFn: async () => {
+      const result = await index.client.dash.listOrganizations({
+        query: {
+          limit: PAGE_SIZE,
+          offset,
+          sortBy: "createdAt",
+          sortOrder: "desc",
+          ...search ? { search } : {}
+        }
+      });
+      if (result.error)
+        throw new Error(
+          result.error.message ?? formatMessage({
+            id: index.getTranslation("organizations.list.error.load"),
+            defaultMessage: "Failed to load organizations"
+          })
+        );
+      return result.data;
+    },
+    keepPreviousData: true
+  });
+  const deleteMutation = reactQuery.useMutation({
+    mutationFn: async (organizationId) => {
+      const result = await index.client.dash.organization.delete(
+        { organizationId },
+        useModelSchema.withContext({ organizationId }, index.getAuthHeaders())
+      );
+      if (result.error)
+        throw new Error(
+          result.error.message ?? formatMessage({
+            id: index.getTranslation("organizations.common.deleteFailed"),
+            defaultMessage: "Delete failed"
+          })
+        );
+    },
+    onSuccess: () => {
+      setConfirmDelete(null);
+      qc.invalidateQueries({ queryKey: ["dash-organizations"] });
+      toggleNotification({
+        type: "success",
+        message: formatMessage({
+          id: index.getTranslation("organizations.list.notification.deleted"),
+          defaultMessage: "Organization deleted"
+        })
+      });
+    },
+    onError: (err) => {
+      toggleNotification({
+        type: "danger",
+        message: err.message ?? formatMessage({
+          id: index.getTranslation("organizations.list.notification.deleteError"),
+          defaultMessage: "Failed to delete organization"
+        })
+      });
+    }
+  });
+  const deleteManyMutation = reactQuery.useMutation({
+    mutationFn: async (organizationIds) => {
+      const result = await index.client.dash.organization.deleteMany(
+        {},
+        useModelSchema.withContext({ organizationIds }, index.getAuthHeaders())
+      );
+      if (result.error)
+        throw new Error(
+          result.error.message ?? formatMessage({
+            id: index.getTranslation("organizations.common.deleteFailed"),
+            defaultMessage: "Delete failed"
+          })
+        );
+      return result.data;
+    },
+    onSuccess: (_data, organizationIds) => {
+      setConfirmDeleteMany(false);
+      setSelected(/* @__PURE__ */ new Set());
+      qc.invalidateQueries({ queryKey: ["dash-organizations"] });
+      toggleNotification({
+        type: "success",
+        message: formatMessage(
+          {
+            id: index.getTranslation("organizations.list.notification.deletedMany"),
+            defaultMessage: "{count, plural, one {# organization} other {# organizations}} deleted"
+          },
+          { count: organizationIds.length }
+        )
+      });
+    },
+    onError: (err) => {
+      toggleNotification({
+        type: "danger",
+        message: err.message ?? formatMessage({
+          id: index.getTranslation(
+            "organizations.list.notification.deleteManyError"
+          ),
+          defaultMessage: "Failed to delete organizations"
+        })
+      });
+    }
+  });
+  const orgs = orgsQuery.data && "organizations" in orgsQuery.data ? orgsQuery.data.organizations : [];
+  const total = orgsQuery.data && "total" in orgsQuery.data ? orgsQuery.data.total : 0;
+  const pageCount = Math.ceil(total / PAGE_SIZE);
+  const allSelected = orgs.length > 0 && orgs.every((o) => selected.has(o.id));
+  const someSelected = selected.size > 0;
+  const toggleSelect = (id) => {
+    setSelected((prev) => {
+      const next = new Set(prev);
+      if (next.has(id)) next.delete(id);
+      else next.add(id);
+      return next;
+    });
+  };
+  const handleSelectAll = () => {
+    if (allSelected) setSelected(/* @__PURE__ */ new Set());
+    else setSelected(new Set(orgs.map((o) => o.id)));
+  };
+  const handleSearch = (e) => {
+    e.preventDefault();
+    setSearch(searchInput);
+    setPage(1);
+  };
+  const colCount = rbac.allowedActions.canDelete ? 6 : 5;
+  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Main, { "data-testid": "organizations-page", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      admin.Layouts.Header,
+      {
+        title: formatMessage({
+          id: index.getTranslation("organizations.list.header.title"),
+          defaultMessage: "Organizations"
+        }),
+        subtitle: formatMessage(
+          {
+            id: index.getTranslation("organizations.list.header.subtitle"),
+            defaultMessage: "{total} total"
+          },
+          { total: total.toLocaleString() }
+        ),
+        primaryAction: rbac.allowedActions.canCreate && /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.Button,
+          {
+            startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Plus, {}),
+            onClick: () => setShowCreate(true),
+            "data-testid": "create-org-btn",
+            children: formatMessage({
+              id: index.getTranslation("organizations.common.createOrganization"),
+              defaultMessage: "Create organization"
+            })
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      admin.Layouts.Action,
+      {
+        startActions: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.SearchForm, { onSubmit: handleSearch, children: /* @__PURE__ */ jsxRuntime.jsx(
+            designSystem.Searchbar,
+            {
+              clearLabel: formatMessage({
+                id: index.getTranslation("organizations.list.search.clear"),
+                defaultMessage: "Clear"
+              }),
+              name: "search",
+              placeholder: formatMessage({
+                id: index.getTranslation("organizations.list.search.placeholder"),
+                defaultMessage: "Search organizations…"
+              }),
+              value: searchInput,
+              onChange: (e) => setSearchInput(e.target.value),
+              onClear: () => {
+                setSearchInput("");
+                setSearch("");
+                setPage(1);
+              },
+              children: formatMessage({
+                id: index.getTranslation("organizations.list.search.label"),
+                defaultMessage: "Search organizations"
+              })
+            }
+          ) }),
+          someSelected && rbac.allowedActions.canDelete && /* @__PURE__ */ jsxRuntime.jsx(
+            designSystem.Button,
+            {
+              variant: "danger-light",
+              size: "S",
+              onClick: () => setConfirmDeleteMany(true),
+              "data-testid": "delete-selected-orgs-btn",
+              children: formatMessage(
+                {
+                  id: index.getTranslation("organizations.list.deleteSelected"),
+                  defaultMessage: "Delete {count} selected"
+                },
+                { count: selected.size }
+              )
+            }
+          )
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(admin.Layouts.Content, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 4, children: [
+      orgsQuery.isError && /* @__PURE__ */ jsxRuntime.jsx(
+        designSystem.Alert,
+        {
+          closeLabel: formatMessage({
+            id: index.getTranslation("organizations.common.close"),
+            defaultMessage: "Close"
+          }),
+          title: formatMessage({
+            id: index.getTranslation("organizations.list.error.title"),
+            defaultMessage: "Error"
+          }),
+          variant: "danger",
+          children: orgsQuery.error instanceof Error ? orgsQuery.error.message : formatMessage({
+            id: index.getTranslation("organizations.common.errorOccurred"),
+            defaultMessage: "An error occurred"
+          })
+        }
+      ),
+      orgsQuery.isLoading ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "center", padding: 8, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Loader, { children: formatMessage({
+        id: index.getTranslation("organizations.list.loading"),
+        defaultMessage: "Loading organizations…"
+      }) }) }) : /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Table, { colCount, rowCount: orgs.length + 1, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Thead, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { children: [
+          rbac.allowedActions.canDelete && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(
+            designSystem.Checkbox,
+            {
+              checked: allSelected ? true : someSelected ? "indeterminate" : false,
+              onCheckedChange: handleSelectAll,
+              "aria-label": formatMessage({
+                id: index.getTranslation(
+                  "organizations.list.table.selectAll"
+                ),
+                defaultMessage: "Select all"
+              })
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: formatMessage({
+            id: index.getTranslation("organizations.common.name"),
+            defaultMessage: "Name"
+          }) }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: formatMessage({
+            id: index.getTranslation("organizations.common.slug"),
+            defaultMessage: "Slug"
+          }) }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: formatMessage({
+            id: index.getTranslation("organizations.common.members"),
+            defaultMessage: "Members"
+          }) }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: formatMessage({
+            id: index.getTranslation("organizations.common.created"),
+            defaultMessage: "Created"
+          }) }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.VisuallyHidden, { children: formatMessage({
+            id: index.getTranslation("organizations.list.table.actions"),
+            defaultMessage: "Actions"
+          }) }) })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tbody, { children: orgs.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tr, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { colSpan: colCount, children: /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.Flex,
+          {
+            justifyContent: "center",
+            padding: 8,
+            "data-testid": "orgs-empty",
+            children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral600", children: search ? formatMessage(
+              {
+                id: index.getTranslation(
+                  "organizations.list.empty.search"
+                ),
+                defaultMessage: 'No organizations matching "{search}"'
+              },
+              { search }
+            ) : formatMessage({
+              id: index.getTranslation(
+                "organizations.list.empty.default"
+              ),
+              defaultMessage: "No organizations found"
+            }) })
+          }
+        ) }) }) : orgs.map((org) => /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { "data-testid": "org-row", children: [
+          rbac.allowedActions.canDelete && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(
+            designSystem.Checkbox,
+            {
+              checked: selected.has(org.id),
+              onCheckedChange: () => toggleSelect(org.id),
+              "aria-label": formatMessage(
+                {
+                  id: index.getTranslation(
+                    "organizations.list.table.selectRow"
+                  ),
+                  defaultMessage: "Select {name}"
+                },
+                { name: org.name }
+              )
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { alignItems: "center", gap: 2, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Avatar.Avatar, { name: org.name, src: org.logo, size: 28 }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              designSystem.Typography,
+              {
+                fontWeight: "semiBold",
+                textColor: "neutral800",
+                children: org.name
+              }
+            )
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(useModelSchema.Code, { variant: "pi", textColor: "neutral600", children: org.slug }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Badge, { size: "S", children: org.memberCount }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral800", children: new Date(org.createdAt).toLocaleDateString() }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 1, justifyContent: "flex-end", children: [
+            rbac.allowedActions.canUpdate && /* @__PURE__ */ jsxRuntime.jsx(
+              designSystem.IconButton,
+              {
+                label: formatMessage({
+                  id: index.getTranslation(
+                    "organizations.list.table.edit"
+                  ),
+                  defaultMessage: "Edit organization"
+                }),
+                variant: "ghost",
+                onClick: () => setDetailOrgId(org.id),
+                "data-testid": "edit-org-btn",
+                children: /* @__PURE__ */ jsxRuntime.jsx(icons.Pencil, {})
+              }
+            ),
+            rbac.allowedActions.canDelete && /* @__PURE__ */ jsxRuntime.jsx(
+              designSystem.IconButton,
+              {
+                label: formatMessage({
+                  id: index.getTranslation(
+                    "organizations.common.deleteOrganization"
+                  ),
+                  defaultMessage: "Delete organization"
+                }),
+                variant: "ghost",
+                onClick: () => setConfirmDelete(org.id),
+                "data-testid": "delete-org-btn",
+                children: /* @__PURE__ */ jsxRuntime.jsx(icons.Trash, {})
+              }
+            )
+          ] }) })
+        ] }, org.id)) })
+      ] }),
+      pageCount > 1 && /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "flex-end", gap: 2, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.Button,
+          {
+            variant: "tertiary",
+            size: "S",
+            disabled: page === 1,
+            onClick: () => setPage((p) => p - 1),
+            children: formatMessage({
+              id: index.getTranslation("organizations.list.pagination.previous"),
+              defaultMessage: "Previous"
+            })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.Button,
+          {
+            variant: "tertiary",
+            size: "S",
+            disabled: page >= pageCount,
+            onClick: () => setPage((p) => p + 1),
+            children: formatMessage({
+              id: index.getTranslation("organizations.list.pagination.next"),
+              defaultMessage: "Next"
+            })
+          }
+        )
+      ] })
+    ] }) }),
+    rbac.allowedActions.canCreate && showCreate && /* @__PURE__ */ jsxRuntime.jsx(
+      CreateOrganizationDialog,
+      {
+        teamsEnabled,
+        onClose: () => setShowCreate(false)
+      }
+    ),
+    rbac.allowedActions.canUpdate && detailOrgId && /* @__PURE__ */ jsxRuntime.jsx(
+      OrganizationDetail,
+      {
+        organizationId: detailOrgId,
+        teamsEnabled,
+        onClose: () => setDetailOrgId(null)
+      }
+    ),
+    rbac.allowedActions.canDelete && confirmDelete && /* @__PURE__ */ jsxRuntime.jsx(
+      useModelSchema.ConfirmDialog,
+      {
+        title: formatMessage({
+          id: index.getTranslation("organizations.common.deleteOrganization"),
+          defaultMessage: "Delete organization"
+        }),
+        message: formatMessage({
+          id: index.getTranslation("organizations.list.confirmDelete.message"),
+          defaultMessage: "Are you sure you want to delete this organization? All members and teams will be removed. This action cannot be undone."
+        }),
+        confirmLabel: formatMessage({
+          id: index.getTranslation("organizations.common.delete"),
+          defaultMessage: "Delete"
+        }),
+        loading: deleteMutation.isLoading,
+        onConfirm: () => deleteMutation.mutate(confirmDelete),
+        onCancel: () => setConfirmDelete(null)
+      }
+    ),
+    rbac.allowedActions.canDelete && confirmDeleteMany && /* @__PURE__ */ jsxRuntime.jsx(
+      useModelSchema.ConfirmDialog,
+      {
+        title: formatMessage(
+          {
+            id: index.getTranslation("organizations.list.confirmDeleteMany.title"),
+            defaultMessage: "Delete {count, plural, one {# organization} other {# organizations}}"
+          },
+          { count: selected.size }
+        ),
+        message: formatMessage(
+          {
+            id: index.getTranslation(
+              "organizations.list.confirmDeleteMany.message"
+            ),
+            defaultMessage: "Are you sure you want to delete {count, plural, one {# organization} other {# organizations}}? This action cannot be undone."
+          },
+          { count: selected.size }
+        ),
+        confirmLabel: formatMessage({
+          id: index.getTranslation("organizations.list.confirmDeleteMany.confirm"),
+          defaultMessage: "Delete all"
+        }),
+        loading: deleteManyMutation.isLoading,
+        onConfirm: () => deleteManyMutation.mutate([...selected]),
+        onCancel: () => setConfirmDeleteMany(false)
+      }
+    )
+  ] });
+}
+function ProtectedOrganizationsPage() {
+  const { data: organizationOptions } = index.useOrganizationOptions();
+  const teamsEnabled = organizationOptions?.teamsEnabled ?? false;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    admin.Page.Protect,
+    {
+      permissions: index.PERMISSIONS.organization.filter(
+        (p) => p.action === `plugin::${index.PLUGIN_ID}.organization.read`
+      ),
+      children: /* @__PURE__ */ jsxRuntime.jsx(OrganizationsPage, { teamsEnabled })
+    }
+  );
+}
+exports.OrganizationsPage = OrganizationsPage;
+exports.default = ProtectedOrganizationsPage;