@lunora/studio 1.0.0-alpha.37 → 1.0.0-alpha.39

package/dist/packem_chunks/organizations-panel.js

@@ -2,186 +2,2811 @@ import { c } from 'react/compiler-runtime';
 import { useLunora } from '@lunora/react';
 import { useState } from 'react';
 import { B as Button } from '../packem_shared/button-BhsN2uZH.js';
-import { C as Card, a as CardContent } from '../packem_shared/card-DURq3ElK.js';
+import { a as CardContent, C as Card } from '../packem_shared/card-DURq3ElK.js';
 import { E as EmptyState } from '../packem_shared/empty-state-DY_oe0k6.js';
-import { T as Table, a as TableHeader, b as TableRow, c as TableHead, d as TableBody, e as TableCell } from '../packem_shared/table-DsCa9Qp9.js';
-import { a as useClientQuery } from '../packem_shared/use-admin-query-BHPKmPuj.js';
-import { u as useAuthCapabilities } from '../packem_shared/use-auth-capabilities-C-VH0oJJ.js';
+import { c as TableHead, a as TableHeader, b as TableRow, e as TableCell, d as TableBody, T as Table } from '../packem_shared/table-DsCa9Qp9.js';
+import { a as useClientQuery } from '../packem_shared/use-admin-query-CfHYWx5n.js';
+import { u as useAsyncSubmit, a as useAuthConfig } from '../packem_shared/use-async-submit-DJQiPc-_.js';
 import { useAutoRefresh } from '../packem_shared/DEFAULT_AUTO_REFRESH_MS-Vxwaxx51.js';
 import { useT } from '../packem_shared/DEFAULT_LOCALE-CiX4W7Kr.js';
-import { h as formatCell, i as formatTimestamp, f as fireAndForget } from '../packem_shared/internal-DTsYVn-g.js';
-import { jsxDEV } from 'react/jsx-dev-runtime';
+import { h as formatCell, f as fireAndForget, i as formatTimestamp } from '../packem_shared/internal-CYcbqMjX.js';
+import { I as Input } from '../packem_shared/input-XH4r1Pt1.js';
+import { L as Label } from '../packem_shared/label-D8ykjn5J.js';
+import { M as ModalShell } from '../packem_shared/modal-shell-hyaJvIJ6.js';
+import { T as Textarea } from '../packem_shared/textarea-D3gaCU_-.js';
+import { jsxDEV, Fragment } from 'react/jsx-dev-runtime';
 
-const OrgRowTable = (t0) => {
-  const $ = c(35);
+const parseJsonObject = (text) => {
+  const parsed = JSON.parse(text);
+  if (typeof parsed !== "object" || parsed === null || Array.isArray(parsed)) {
+    throw new TypeError("Expected a JSON object");
+  }
+  return parsed;
+};
+const parsePermission = (text) => {
+  const object = parseJsonObject(text);
+  const grant = {};
+  for (const [resource, actions] of Object.entries(object)) {
+    if (!Array.isArray(actions) || actions.some((action) => typeof action !== "string")) {
+      throw new TypeError(`"${resource}" must map to an array of action strings`);
+    }
+    grant[resource] = actions;
+  }
+  return grant;
+};
+const jsonInitial = (value) => {
+  if (value === void 0 || value === null || value === "") {
+    return "";
+  }
+  if (typeof value === "string") {
+    return value;
+  }
+  return JSON.stringify(value, null, 2);
+};
+const Field = (t0) => {
+  const $ = c(6);
+  const {
+    children,
+    htmlFor,
+    label
+  } = t0;
+  let t1;
+  if ($[0] !== htmlFor || $[1] !== label) {
+    t1 = /* @__PURE__ */ jsxDEV(Label, {
+      htmlFor,
+      children: label
+    }, void 0, false);
+    $[0] = htmlFor;
+    $[1] = label;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  let t2;
+  if ($[3] !== children || $[4] !== t1) {
+    t2 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex flex-col gap-1",
+      children: [t1, children]
+    }, void 0, true);
+    $[3] = children;
+    $[4] = t1;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  return t2;
+};
+const DialogForm = ({
+  busy,
+  canSubmit,
+  children,
+  destructive = false,
+  error,
+  onClose,
+  onSubmit,
+  submitLabel,
+  testId,
+  title
+}) => {
+  const t = useT();
+  return /* @__PURE__ */ jsxDEV(ModalShell, {
+    label: title,
+    onClose,
+    panelTestId: `${testId}-panel`,
+    testId: `${testId}-overlay`,
+    variant: "dialog",
+    children: [/* @__PURE__ */ jsxDEV("h2", {
+      className: "text-sm font-semibold text-foreground",
+      children: title
+    }, void 0, false), children, error !== null && /* @__PURE__ */ jsxDEV("p", {
+      className: "text-sm text-destructive",
+      "data-testid": `${testId}-error`,
+      role: "alert",
+      children: error
+    }, void 0, false), /* @__PURE__ */ jsxDEV("div", {
+      className: "flex justify-end gap-2 pt-1",
+      children: [/* @__PURE__ */ jsxDEV(Button, {
+        "data-testid": `${testId}-cancel`,
+        onClick: onClose,
+        size: "sm",
+        type: "button",
+        variant: "outline",
+        children: t("Cancel")
+      }, void 0, false), /* @__PURE__ */ jsxDEV(Button, {
+        "data-testid": `${testId}-submit`,
+        disabled: busy || !canSubmit,
+        onClick: onSubmit,
+        size: "sm",
+        type: "button",
+        variant: destructive ? "destructive" : "default",
+        children: busy ? t("Saving…") : submitLabel
+      }, void 0, false)]
+    }, void 0, true)]
+  }, void 0, true);
+};
+const OrgFormDialog = (t0) => {
+  const $ = c(79);
+  const {
+    mode,
+    onClose,
+    onDone,
+    org
+  } = t0;
+  const client = useLunora();
+  const t = useT();
+  const {
+    busy,
+    error,
+    run
+  } = useAsyncSubmit();
+  let t1;
+  if ($[0] !== org) {
+    t1 = org ? formatCell(org.name) : "";
+    $[0] = org;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const [name, setName] = useState(t1);
+  let t2;
+  if ($[2] !== org) {
+    t2 = org ? formatCell(org.slug) : "";
+    $[2] = org;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  const [slug, setSlug] = useState(t2);
+  let t3;
+  if ($[4] !== org) {
+    t3 = org ? formatCell(org.logo) : "";
+    $[4] = org;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  const [logo, setLogo] = useState(t3);
+  const [ownerId, setOwnerId] = useState("");
+  let t4;
+  if ($[6] !== mode || $[7] !== org?.metadata) {
+    t4 = mode === "edit" ? jsonInitial(org?.metadata) : "";
+    $[6] = mode;
+    $[7] = org?.metadata;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  const [metadata, setMetadata] = useState(t4);
+  let t5;
+  if ($[9] !== client || $[10] !== logo || $[11] !== metadata || $[12] !== mode || $[13] !== name || $[14] !== onClose || $[15] !== onDone || $[16] !== org?.id || $[17] !== ownerId || $[18] !== run || $[19] !== slug) {
+    t5 = () => {
+      run(async () => {
+        const parsedMetadata = metadata.trim() === "" ? void 0 : parseJsonObject(metadata);
+        if (mode === "create") {
+          await client.createAuthOrganization({
+            logo: logo.trim() === "" ? void 0 : logo.trim(),
+            metadata: parsedMetadata,
+            name: name.trim(),
+            ownerId: ownerId.trim() === "" ? void 0 : ownerId.trim(),
+            slug: slug.trim() === "" ? void 0 : slug.trim()
+          });
+        } else {
+          await client.updateAuthOrganization({
+            logo: logo.trim() === "" ? void 0 : logo.trim(),
+            metadata: parsedMetadata,
+            name: name.trim() === "" ? void 0 : name.trim(),
+            organizationId: formatCell(org?.id),
+            slug: slug.trim() === "" ? void 0 : slug.trim()
+          });
+        }
+        onDone();
+        onClose();
+      });
+    };
+    $[9] = client;
+    $[10] = logo;
+    $[11] = metadata;
+    $[12] = mode;
+    $[13] = name;
+    $[14] = onClose;
+    $[15] = onDone;
+    $[16] = org?.id;
+    $[17] = ownerId;
+    $[18] = run;
+    $[19] = slug;
+    $[20] = t5;
+  } else {
+    t5 = $[20];
+  }
+  const onSubmit = t5;
+  let t6;
+  if ($[21] !== mode || $[22] !== name) {
+    t6 = name.trim() !== "" || mode === "edit";
+    $[21] = mode;
+    $[22] = name;
+    $[23] = t6;
+  } else {
+    t6 = $[23];
+  }
+  let t7;
+  if ($[24] !== mode || $[25] !== t) {
+    t7 = mode === "create" ? t("Create") : t("Save");
+    $[24] = mode;
+    $[25] = t;
+    $[26] = t7;
+  } else {
+    t7 = $[26];
+  }
+  let t8;
+  if ($[27] !== mode || $[28] !== t) {
+    t8 = mode === "create" ? t("New organization") : t("Edit organization");
+    $[27] = mode;
+    $[28] = t;
+    $[29] = t8;
+  } else {
+    t8 = $[29];
+  }
+  let t9;
+  if ($[30] !== t) {
+    t9 = t("name");
+    $[30] = t;
+    $[31] = t9;
+  } else {
+    t9 = $[31];
+  }
+  let t10;
+  if ($[32] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t10 = (event) => {
+      setName(event.target.value);
+    };
+    $[32] = t10;
+  } else {
+    t10 = $[32];
+  }
+  let t11;
+  if ($[33] !== name) {
+    t11 = /* @__PURE__ */ jsxDEV(Input, {
+      "data-testid": "org-form-name",
+      id: "org-form-name",
+      onChange: t10,
+      value: name
+    }, void 0, false);
+    $[33] = name;
+    $[34] = t11;
+  } else {
+    t11 = $[34];
+  }
+  let t12;
+  if ($[35] !== t11 || $[36] !== t9) {
+    t12 = /* @__PURE__ */ jsxDEV(Field, {
+      htmlFor: "org-form-name",
+      label: t9,
+      children: t11
+    }, void 0, false);
+    $[35] = t11;
+    $[36] = t9;
+    $[37] = t12;
+  } else {
+    t12 = $[37];
+  }
+  let t13;
+  if ($[38] !== t) {
+    t13 = t("Slug (optional — derived from name)");
+    $[38] = t;
+    $[39] = t13;
+  } else {
+    t13 = $[39];
+  }
+  let t14;
+  if ($[40] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t14 = (event_0) => {
+      setSlug(event_0.target.value);
+    };
+    $[40] = t14;
+  } else {
+    t14 = $[40];
+  }
+  let t15;
+  if ($[41] !== slug) {
+    t15 = /* @__PURE__ */ jsxDEV(Input, {
+      "data-testid": "org-form-slug",
+      id: "org-form-slug",
+      onChange: t14,
+      value: slug
+    }, void 0, false);
+    $[41] = slug;
+    $[42] = t15;
+  } else {
+    t15 = $[42];
+  }
+  let t16;
+  if ($[43] !== t13 || $[44] !== t15) {
+    t16 = /* @__PURE__ */ jsxDEV(Field, {
+      htmlFor: "org-form-slug",
+      label: t13,
+      children: t15
+    }, void 0, false);
+    $[43] = t13;
+    $[44] = t15;
+    $[45] = t16;
+  } else {
+    t16 = $[45];
+  }
+  let t17;
+  if ($[46] !== t) {
+    t17 = t("Logo URL (optional)");
+    $[46] = t;
+    $[47] = t17;
+  } else {
+    t17 = $[47];
+  }
+  let t18;
+  if ($[48] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t18 = (event_1) => {
+      setLogo(event_1.target.value);
+    };
+    $[48] = t18;
+  } else {
+    t18 = $[48];
+  }
+  let t19;
+  if ($[49] !== logo) {
+    t19 = /* @__PURE__ */ jsxDEV(Input, {
+      "data-testid": "org-form-logo",
+      id: "org-form-logo",
+      onChange: t18,
+      value: logo
+    }, void 0, false);
+    $[49] = logo;
+    $[50] = t19;
+  } else {
+    t19 = $[50];
+  }
+  let t20;
+  if ($[51] !== t17 || $[52] !== t19) {
+    t20 = /* @__PURE__ */ jsxDEV(Field, {
+      htmlFor: "org-form-logo",
+      label: t17,
+      children: t19
+    }, void 0, false);
+    $[51] = t17;
+    $[52] = t19;
+    $[53] = t20;
+  } else {
+    t20 = $[53];
+  }
+  let t21;
+  if ($[54] !== mode || $[55] !== ownerId || $[56] !== t) {
+    t21 = mode === "create" && /* @__PURE__ */ jsxDEV(Field, {
+      htmlFor: "org-form-owner",
+      label: t("Owner user id (optional)"),
+      children: /* @__PURE__ */ jsxDEV(Input, {
+        "data-testid": "org-form-owner",
+        id: "org-form-owner",
+        onChange: (event_2) => {
+          setOwnerId(event_2.target.value);
+        },
+        value: ownerId
+      }, void 0, false)
+    }, void 0, false);
+    $[54] = mode;
+    $[55] = ownerId;
+    $[56] = t;
+    $[57] = t21;
+  } else {
+    t21 = $[57];
+  }
+  let t22;
+  if ($[58] !== t) {
+    t22 = t("Metadata (JSON, optional)");
+    $[58] = t;
+    $[59] = t22;
+  } else {
+    t22 = $[59];
+  }
+  let t23;
+  if ($[60] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t23 = (event_3) => {
+      setMetadata(event_3.target.value);
+    };
+    $[60] = t23;
+  } else {
+    t23 = $[60];
+  }
+  let t24;
+  if ($[61] !== metadata) {
+    t24 = /* @__PURE__ */ jsxDEV(Textarea, {
+      "data-testid": "org-form-metadata",
+      id: "org-form-metadata",
+      onChange: t23,
+      value: metadata
+    }, void 0, false);
+    $[61] = metadata;
+    $[62] = t24;
+  } else {
+    t24 = $[62];
+  }
+  let t25;
+  if ($[63] !== t22 || $[64] !== t24) {
+    t25 = /* @__PURE__ */ jsxDEV(Field, {
+      htmlFor: "org-form-metadata",
+      label: t22,
+      children: t24
+    }, void 0, false);
+    $[63] = t22;
+    $[64] = t24;
+    $[65] = t25;
+  } else {
+    t25 = $[65];
+  }
+  let t26;
+  if ($[66] !== busy || $[67] !== error || $[68] !== onClose || $[69] !== onSubmit || $[70] !== t12 || $[71] !== t16 || $[72] !== t20 || $[73] !== t21 || $[74] !== t25 || $[75] !== t6 || $[76] !== t7 || $[77] !== t8) {
+    t26 = /* @__PURE__ */ jsxDEV(DialogForm, {
+      busy,
+      canSubmit: t6,
+      error,
+      onClose,
+      onSubmit,
+      submitLabel: t7,
+      testId: "org-form",
+      title: t8,
+      children: [t12, t16, t20, t21, t25]
+    }, void 0, true);
+    $[66] = busy;
+    $[67] = error;
+    $[68] = onClose;
+    $[69] = onSubmit;
+    $[70] = t12;
+    $[71] = t16;
+    $[72] = t20;
+    $[73] = t21;
+    $[74] = t25;
+    $[75] = t6;
+    $[76] = t7;
+    $[77] = t8;
+    $[78] = t26;
+  } else {
+    t26 = $[78];
+  }
+  return t26;
+};
+const MemberAddDialog = (t0) => {
+  const $ = c(40);
+  const {
+    onClose,
+    onDone,
+    organizationId
+  } = t0;
+  const client = useLunora();
+  const t = useT();
+  const {
+    busy,
+    error,
+    run
+  } = useAsyncSubmit();
+  const [userId, setUserId] = useState("");
+  const [role, setRole] = useState("");
+  let t1;
+  if ($[0] !== client || $[1] !== onClose || $[2] !== onDone || $[3] !== organizationId || $[4] !== role || $[5] !== run || $[6] !== userId) {
+    t1 = () => {
+      run(async () => {
+        await client.addAuthOrgMember({
+          organizationId,
+          role: role.trim() === "" ? void 0 : role.trim(),
+          userId: userId.trim()
+        });
+        onDone();
+        onClose();
+      });
+    };
+    $[0] = client;
+    $[1] = onClose;
+    $[2] = onDone;
+    $[3] = organizationId;
+    $[4] = role;
+    $[5] = run;
+    $[6] = userId;
+    $[7] = t1;
+  } else {
+    t1 = $[7];
+  }
+  const onSubmit = t1;
+  let t2;
+  if ($[8] !== userId) {
+    t2 = userId.trim();
+    $[8] = userId;
+    $[9] = t2;
+  } else {
+    t2 = $[9];
+  }
+  const t3 = t2 !== "";
+  let t4;
+  if ($[10] !== t) {
+    t4 = t("Add member");
+    $[10] = t;
+    $[11] = t4;
+  } else {
+    t4 = $[11];
+  }
+  let t5;
+  if ($[12] !== t) {
+    t5 = t("Add member");
+    $[12] = t;
+    $[13] = t5;
+  } else {
+    t5 = $[13];
+  }
+  let t6;
+  if ($[14] !== t) {
+    t6 = t("User id");
+    $[14] = t;
+    $[15] = t6;
+  } else {
+    t6 = $[15];
+  }
+  let t7;
+  if ($[16] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t7 = (event) => {
+      setUserId(event.target.value);
+    };
+    $[16] = t7;
+  } else {
+    t7 = $[16];
+  }
+  let t8;
+  if ($[17] !== userId) {
+    t8 = /* @__PURE__ */ jsxDEV(Input, {
+      "data-testid": "org-add-member-user",
+      id: "org-add-member-user",
+      onChange: t7,
+      value: userId
+    }, void 0, false);
+    $[17] = userId;
+    $[18] = t8;
+  } else {
+    t8 = $[18];
+  }
+  let t9;
+  if ($[19] !== t6 || $[20] !== t8) {
+    t9 = /* @__PURE__ */ jsxDEV(Field, {
+      htmlFor: "org-add-member-user",
+      label: t6,
+      children: t8
+    }, void 0, false);
+    $[19] = t6;
+    $[20] = t8;
+    $[21] = t9;
+  } else {
+    t9 = $[21];
+  }
+  let t10;
+  if ($[22] !== t) {
+    t10 = t("Role (optional)");
+    $[22] = t;
+    $[23] = t10;
+  } else {
+    t10 = $[23];
+  }
+  let t11;
+  if ($[24] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t11 = (event_0) => {
+      setRole(event_0.target.value);
+    };
+    $[24] = t11;
+  } else {
+    t11 = $[24];
+  }
+  let t12;
+  if ($[25] !== role) {
+    t12 = /* @__PURE__ */ jsxDEV(Input, {
+      "data-testid": "org-add-member-role",
+      id: "org-add-member-role",
+      onChange: t11,
+      value: role
+    }, void 0, false);
+    $[25] = role;
+    $[26] = t12;
+  } else {
+    t12 = $[26];
+  }
+  let t13;
+  if ($[27] !== t10 || $[28] !== t12) {
+    t13 = /* @__PURE__ */ jsxDEV(Field, {
+      htmlFor: "org-add-member-role",
+      label: t10,
+      children: t12
+    }, void 0, false);
+    $[27] = t10;
+    $[28] = t12;
+    $[29] = t13;
+  } else {
+    t13 = $[29];
+  }
+  let t14;
+  if ($[30] !== busy || $[31] !== error || $[32] !== onClose || $[33] !== onSubmit || $[34] !== t13 || $[35] !== t3 || $[36] !== t4 || $[37] !== t5 || $[38] !== t9) {
+    t14 = /* @__PURE__ */ jsxDEV(DialogForm, {
+      busy,
+      canSubmit: t3,
+      error,
+      onClose,
+      onSubmit,
+      submitLabel: t4,
+      testId: "org-add-member",
+      title: t5,
+      children: [t9, t13]
+    }, void 0, true);
+    $[30] = busy;
+    $[31] = error;
+    $[32] = onClose;
+    $[33] = onSubmit;
+    $[34] = t13;
+    $[35] = t3;
+    $[36] = t4;
+    $[37] = t5;
+    $[38] = t9;
+    $[39] = t14;
+  } else {
+    t14 = $[39];
+  }
+  return t14;
+};
+const MemberInviteDialog = (t0) => {
+  const $ = c(40);
+  const {
+    onClose,
+    onDone,
+    organizationId
+  } = t0;
+  const client = useLunora();
+  const t = useT();
+  const {
+    busy,
+    error,
+    run
+  } = useAsyncSubmit();
+  const [email, setEmail] = useState("");
+  const [role, setRole] = useState("");
+  let t1;
+  if ($[0] !== client || $[1] !== email || $[2] !== onClose || $[3] !== onDone || $[4] !== organizationId || $[5] !== role || $[6] !== run) {
+    t1 = () => {
+      run(async () => {
+        await client.inviteAuthOrgMember({
+          email: email.trim(),
+          organizationId,
+          role: role.trim() === "" ? void 0 : role.trim()
+        });
+        onDone();
+        onClose();
+      });
+    };
+    $[0] = client;
+    $[1] = email;
+    $[2] = onClose;
+    $[3] = onDone;
+    $[4] = organizationId;
+    $[5] = role;
+    $[6] = run;
+    $[7] = t1;
+  } else {
+    t1 = $[7];
+  }
+  const onSubmit = t1;
+  let t2;
+  if ($[8] !== email) {
+    t2 = email.trim();
+    $[8] = email;
+    $[9] = t2;
+  } else {
+    t2 = $[9];
+  }
+  const t3 = t2 !== "";
+  let t4;
+  if ($[10] !== t) {
+    t4 = t("Send invitation");
+    $[10] = t;
+    $[11] = t4;
+  } else {
+    t4 = $[11];
+  }
+  let t5;
+  if ($[12] !== t) {
+    t5 = t("Invite member");
+    $[12] = t;
+    $[13] = t5;
+  } else {
+    t5 = $[13];
+  }
+  let t6;
+  if ($[14] !== t) {
+    t6 = t("email");
+    $[14] = t;
+    $[15] = t6;
+  } else {
+    t6 = $[15];
+  }
+  let t7;
+  if ($[16] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t7 = (event) => {
+      setEmail(event.target.value);
+    };
+    $[16] = t7;
+  } else {
+    t7 = $[16];
+  }
+  let t8;
+  if ($[17] !== email) {
+    t8 = /* @__PURE__ */ jsxDEV(Input, {
+      "data-testid": "org-invite-member-email",
+      id: "org-invite-member-email",
+      onChange: t7,
+      type: "email",
+      value: email
+    }, void 0, false);
+    $[17] = email;
+    $[18] = t8;
+  } else {
+    t8 = $[18];
+  }
+  let t9;
+  if ($[19] !== t6 || $[20] !== t8) {
+    t9 = /* @__PURE__ */ jsxDEV(Field, {
+      htmlFor: "org-invite-member-email",
+      label: t6,
+      children: t8
+    }, void 0, false);
+    $[19] = t6;
+    $[20] = t8;
+    $[21] = t9;
+  } else {
+    t9 = $[21];
+  }
+  let t10;
+  if ($[22] !== t) {
+    t10 = t("Role (optional)");
+    $[22] = t;
+    $[23] = t10;
+  } else {
+    t10 = $[23];
+  }
+  let t11;
+  if ($[24] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t11 = (event_0) => {
+      setRole(event_0.target.value);
+    };
+    $[24] = t11;
+  } else {
+    t11 = $[24];
+  }
+  let t12;
+  if ($[25] !== role) {
+    t12 = /* @__PURE__ */ jsxDEV(Input, {
+      "data-testid": "org-invite-member-role",
+      id: "org-invite-member-role",
+      onChange: t11,
+      value: role
+    }, void 0, false);
+    $[25] = role;
+    $[26] = t12;
+  } else {
+    t12 = $[26];
+  }
+  let t13;
+  if ($[27] !== t10 || $[28] !== t12) {
+    t13 = /* @__PURE__ */ jsxDEV(Field, {
+      htmlFor: "org-invite-member-role",
+      label: t10,
+      children: t12
+    }, void 0, false);
+    $[27] = t10;
+    $[28] = t12;
+    $[29] = t13;
+  } else {
+    t13 = $[29];
+  }
+  let t14;
+  if ($[30] !== busy || $[31] !== error || $[32] !== onClose || $[33] !== onSubmit || $[34] !== t13 || $[35] !== t3 || $[36] !== t4 || $[37] !== t5 || $[38] !== t9) {
+    t14 = /* @__PURE__ */ jsxDEV(DialogForm, {
+      busy,
+      canSubmit: t3,
+      error,
+      onClose,
+      onSubmit,
+      submitLabel: t4,
+      testId: "org-invite-member",
+      title: t5,
+      children: [t9, t13]
+    }, void 0, true);
+    $[30] = busy;
+    $[31] = error;
+    $[32] = onClose;
+    $[33] = onSubmit;
+    $[34] = t13;
+    $[35] = t3;
+    $[36] = t4;
+    $[37] = t5;
+    $[38] = t9;
+    $[39] = t14;
+  } else {
+    t14 = $[39];
+  }
+  return t14;
+};
+const MemberRoleDialog = (t0) => {
+  const $ = c(32);
+  const {
+    member,
+    onClose,
+    onDone
+  } = t0;
+  const client = useLunora();
+  const t = useT();
+  const {
+    busy,
+    error,
+    run
+  } = useAsyncSubmit();
+  let t1;
+  if ($[0] !== member.role) {
+    t1 = formatCell(member.role);
+    $[0] = member.role;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const [role, setRole] = useState(t1);
+  let t2;
+  if ($[2] !== client || $[3] !== member.id || $[4] !== onClose || $[5] !== onDone || $[6] !== role || $[7] !== run) {
+    t2 = () => {
+      run(async () => {
+        await client.setAuthOrgMemberRole({
+          memberId: formatCell(member.id),
+          role: role.trim()
+        });
+        onDone();
+        onClose();
+      });
+    };
+    $[2] = client;
+    $[3] = member.id;
+    $[4] = onClose;
+    $[5] = onDone;
+    $[6] = role;
+    $[7] = run;
+    $[8] = t2;
+  } else {
+    t2 = $[8];
+  }
+  const onSubmit = t2;
+  let t3;
+  if ($[9] !== role) {
+    t3 = role.trim();
+    $[9] = role;
+    $[10] = t3;
+  } else {
+    t3 = $[10];
+  }
+  const t4 = t3 !== "";
+  let t5;
+  if ($[11] !== t) {
+    t5 = t("Save");
+    $[11] = t;
+    $[12] = t5;
+  } else {
+    t5 = $[12];
+  }
+  let t6;
+  if ($[13] !== t) {
+    t6 = t("Change member role");
+    $[13] = t;
+    $[14] = t6;
+  } else {
+    t6 = $[14];
+  }
+  let t7;
+  if ($[15] !== t) {
+    t7 = t("Role");
+    $[15] = t;
+    $[16] = t7;
+  } else {
+    t7 = $[16];
+  }
+  let t8;
+  if ($[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t8 = (event) => {
+      setRole(event.target.value);
+    };
+    $[17] = t8;
+  } else {
+    t8 = $[17];
+  }
+  let t9;
+  if ($[18] !== role) {
+    t9 = /* @__PURE__ */ jsxDEV(Input, {
+      "data-testid": "org-member-role-value",
+      id: "org-member-role-value",
+      onChange: t8,
+      value: role
+    }, void 0, false);
+    $[18] = role;
+    $[19] = t9;
+  } else {
+    t9 = $[19];
+  }
+  let t10;
+  if ($[20] !== t7 || $[21] !== t9) {
+    t10 = /* @__PURE__ */ jsxDEV(Field, {
+      htmlFor: "org-member-role-value",
+      label: t7,
+      children: t9
+    }, void 0, false);
+    $[20] = t7;
+    $[21] = t9;
+    $[22] = t10;
+  } else {
+    t10 = $[22];
+  }
+  let t11;
+  if ($[23] !== busy || $[24] !== error || $[25] !== onClose || $[26] !== onSubmit || $[27] !== t10 || $[28] !== t4 || $[29] !== t5 || $[30] !== t6) {
+    t11 = /* @__PURE__ */ jsxDEV(DialogForm, {
+      busy,
+      canSubmit: t4,
+      error,
+      onClose,
+      onSubmit,
+      submitLabel: t5,
+      testId: "org-member-role",
+      title: t6,
+      children: t10
+    }, void 0, false);
+    $[23] = busy;
+    $[24] = error;
+    $[25] = onClose;
+    $[26] = onSubmit;
+    $[27] = t10;
+    $[28] = t4;
+    $[29] = t5;
+    $[30] = t6;
+    $[31] = t11;
+  } else {
+    t11 = $[31];
+  }
+  return t11;
+};
+const TeamFormDialog = (t0) => {
+  const $ = c(36);
+  const {
+    mode,
+    onClose,
+    onDone,
+    organizationId,
+    team
+  } = t0;
+  const client = useLunora();
+  const t = useT();
+  const {
+    busy,
+    error,
+    run
+  } = useAsyncSubmit();
+  let t1;
+  if ($[0] !== team) {
+    t1 = team ? formatCell(team.name) : "";
+    $[0] = team;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const [name, setName] = useState(t1);
+  let t2;
+  if ($[2] !== client || $[3] !== mode || $[4] !== name || $[5] !== onClose || $[6] !== onDone || $[7] !== organizationId || $[8] !== run || $[9] !== team?.id) {
+    t2 = () => {
+      run(async () => {
+        await (mode === "create" ? client.createAuthOrgTeam({
+          name: name.trim(),
+          organizationId
+        }) : client.updateAuthOrgTeam({
+          name: name.trim(),
+          teamId: formatCell(team?.id)
+        }));
+        onDone();
+        onClose();
+      });
+    };
+    $[2] = client;
+    $[3] = mode;
+    $[4] = name;
+    $[5] = onClose;
+    $[6] = onDone;
+    $[7] = organizationId;
+    $[8] = run;
+    $[9] = team?.id;
+    $[10] = t2;
+  } else {
+    t2 = $[10];
+  }
+  const onSubmit = t2;
+  let t3;
+  if ($[11] !== name) {
+    t3 = name.trim();
+    $[11] = name;
+    $[12] = t3;
+  } else {
+    t3 = $[12];
+  }
+  const t4 = t3 !== "";
+  let t5;
+  if ($[13] !== mode || $[14] !== t) {
+    t5 = mode === "create" ? t("Create") : t("Save");
+    $[13] = mode;
+    $[14] = t;
+    $[15] = t5;
+  } else {
+    t5 = $[15];
+  }
+  let t6;
+  if ($[16] !== mode || $[17] !== t) {
+    t6 = mode === "create" ? t("New team") : t("Rename team");
+    $[16] = mode;
+    $[17] = t;
+    $[18] = t6;
+  } else {
+    t6 = $[18];
+  }
+  let t7;
+  if ($[19] !== t) {
+    t7 = t("name");
+    $[19] = t;
+    $[20] = t7;
+  } else {
+    t7 = $[20];
+  }
+  let t8;
+  if ($[21] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t8 = (event) => {
+      setName(event.target.value);
+    };
+    $[21] = t8;
+  } else {
+    t8 = $[21];
+  }
+  let t9;
+  if ($[22] !== name) {
+    t9 = /* @__PURE__ */ jsxDEV(Input, {
+      "data-testid": "org-team-form-name",
+      id: "org-team-form-name",
+      onChange: t8,
+      value: name
+    }, void 0, false);
+    $[22] = name;
+    $[23] = t9;
+  } else {
+    t9 = $[23];
+  }
+  let t10;
+  if ($[24] !== t7 || $[25] !== t9) {
+    t10 = /* @__PURE__ */ jsxDEV(Field, {
+      htmlFor: "org-team-form-name",
+      label: t7,
+      children: t9
+    }, void 0, false);
+    $[24] = t7;
+    $[25] = t9;
+    $[26] = t10;
+  } else {
+    t10 = $[26];
+  }
+  let t11;
+  if ($[27] !== busy || $[28] !== error || $[29] !== onClose || $[30] !== onSubmit || $[31] !== t10 || $[32] !== t4 || $[33] !== t5 || $[34] !== t6) {
+    t11 = /* @__PURE__ */ jsxDEV(DialogForm, {
+      busy,
+      canSubmit: t4,
+      error,
+      onClose,
+      onSubmit,
+      submitLabel: t5,
+      testId: "org-team-form",
+      title: t6,
+      children: t10
+    }, void 0, false);
+    $[27] = busy;
+    $[28] = error;
+    $[29] = onClose;
+    $[30] = onSubmit;
+    $[31] = t10;
+    $[32] = t4;
+    $[33] = t5;
+    $[34] = t6;
+    $[35] = t11;
+  } else {
+    t11 = $[35];
+  }
+  return t11;
+};
+const TeamMemberAddDialog = (t0) => {
+  const $ = c(30);
+  const {
+    onClose,
+    onDone,
+    teamId
+  } = t0;
+  const client = useLunora();
+  const t = useT();
+  const {
+    busy,
+    error,
+    run
+  } = useAsyncSubmit();
+  const [userId, setUserId] = useState("");
+  let t1;
+  if ($[0] !== client || $[1] !== onClose || $[2] !== onDone || $[3] !== run || $[4] !== teamId || $[5] !== userId) {
+    t1 = () => {
+      run(async () => {
+        await client.addAuthOrgTeamMember({
+          teamId,
+          userId: userId.trim()
+        });
+        onDone();
+        onClose();
+      });
+    };
+    $[0] = client;
+    $[1] = onClose;
+    $[2] = onDone;
+    $[3] = run;
+    $[4] = teamId;
+    $[5] = userId;
+    $[6] = t1;
+  } else {
+    t1 = $[6];
+  }
+  const onSubmit = t1;
+  let t2;
+  if ($[7] !== userId) {
+    t2 = userId.trim();
+    $[7] = userId;
+    $[8] = t2;
+  } else {
+    t2 = $[8];
+  }
+  const t3 = t2 !== "";
+  let t4;
+  if ($[9] !== t) {
+    t4 = t("Add member");
+    $[9] = t;
+    $[10] = t4;
+  } else {
+    t4 = $[10];
+  }
+  let t5;
+  if ($[11] !== t) {
+    t5 = t("Add team member");
+    $[11] = t;
+    $[12] = t5;
+  } else {
+    t5 = $[12];
+  }
+  let t6;
+  if ($[13] !== t) {
+    t6 = t("User id");
+    $[13] = t;
+    $[14] = t6;
+  } else {
+    t6 = $[14];
+  }
+  let t7;
+  if ($[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t7 = (event) => {
+      setUserId(event.target.value);
+    };
+    $[15] = t7;
+  } else {
+    t7 = $[15];
+  }
+  let t8;
+  if ($[16] !== userId) {
+    t8 = /* @__PURE__ */ jsxDEV(Input, {
+      "data-testid": "org-team-add-member-user",
+      id: "org-team-add-member-user",
+      onChange: t7,
+      value: userId
+    }, void 0, false);
+    $[16] = userId;
+    $[17] = t8;
+  } else {
+    t8 = $[17];
+  }
+  let t9;
+  if ($[18] !== t6 || $[19] !== t8) {
+    t9 = /* @__PURE__ */ jsxDEV(Field, {
+      htmlFor: "org-team-add-member-user",
+      label: t6,
+      children: t8
+    }, void 0, false);
+    $[18] = t6;
+    $[19] = t8;
+    $[20] = t9;
+  } else {
+    t9 = $[20];
+  }
+  let t10;
+  if ($[21] !== busy || $[22] !== error || $[23] !== onClose || $[24] !== onSubmit || $[25] !== t3 || $[26] !== t4 || $[27] !== t5 || $[28] !== t9) {
+    t10 = /* @__PURE__ */ jsxDEV(DialogForm, {
+      busy,
+      canSubmit: t3,
+      error,
+      onClose,
+      onSubmit,
+      submitLabel: t4,
+      testId: "org-team-add-member",
+      title: t5,
+      children: t9
+    }, void 0, false);
+    $[21] = busy;
+    $[22] = error;
+    $[23] = onClose;
+    $[24] = onSubmit;
+    $[25] = t3;
+    $[26] = t4;
+    $[27] = t5;
+    $[28] = t9;
+    $[29] = t10;
+  } else {
+    t10 = $[29];
+  }
+  return t10;
+};
+const RoleFormDialog = (t0) => {
+  const $ = c(47);
+  const {
+    mode,
+    onClose,
+    onDone,
+    organizationId,
+    role
+  } = t0;
+  const client = useLunora();
+  const t = useT();
+  const {
+    busy,
+    error,
+    run
+  } = useAsyncSubmit();
+  let t1;
+  if ($[0] !== role) {
+    t1 = role ? formatCell(role.role) : "";
+    $[0] = role;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const [name, setName] = useState(t1);
+  let t2;
+  if ($[2] !== mode || $[3] !== role?.permission) {
+    t2 = mode === "edit" ? jsonInitial(role?.permission) : "";
+    $[2] = mode;
+    $[3] = role?.permission;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  const [permission, setPermission] = useState(t2);
+  let t3;
+  if ($[5] !== client || $[6] !== mode || $[7] !== name || $[8] !== onClose || $[9] !== onDone || $[10] !== organizationId || $[11] !== permission || $[12] !== role?.id || $[13] !== run) {
+    t3 = () => {
+      run(async () => {
+        const grant = parsePermission(permission);
+        await (mode === "create" ? client.createAuthOrgRole({
+          organizationId,
+          permission: grant,
+          role: name.trim()
+        }) : client.updateAuthOrgRole({
+          permission: grant,
+          roleId: formatCell(role?.id)
+        }));
+        onDone();
+        onClose();
+      });
+    };
+    $[5] = client;
+    $[6] = mode;
+    $[7] = name;
+    $[8] = onClose;
+    $[9] = onDone;
+    $[10] = organizationId;
+    $[11] = permission;
+    $[12] = role?.id;
+    $[13] = run;
+    $[14] = t3;
+  } else {
+    t3 = $[14];
+  }
+  const onSubmit = t3;
+  let t4;
+  if ($[15] !== mode || $[16] !== name || $[17] !== permission) {
+    t4 = permission.trim() !== "" && (mode === "edit" || name.trim() !== "");
+    $[15] = mode;
+    $[16] = name;
+    $[17] = permission;
+    $[18] = t4;
+  } else {
+    t4 = $[18];
+  }
+  let t5;
+  if ($[19] !== mode || $[20] !== t) {
+    t5 = mode === "create" ? t("Create") : t("Save");
+    $[19] = mode;
+    $[20] = t;
+    $[21] = t5;
+  } else {
+    t5 = $[21];
+  }
+  let t6;
+  if ($[22] !== mode || $[23] !== t) {
+    t6 = mode === "create" ? t("New role") : t("Edit role");
+    $[22] = mode;
+    $[23] = t;
+    $[24] = t6;
+  } else {
+    t6 = $[24];
+  }
+  let t7;
+  if ($[25] !== mode || $[26] !== name || $[27] !== t) {
+    t7 = mode === "create" && /* @__PURE__ */ jsxDEV(Field, {
+      htmlFor: "org-role-form-name",
+      label: t("Role name"),
+      children: /* @__PURE__ */ jsxDEV(Input, {
+        "data-testid": "org-role-form-name",
+        id: "org-role-form-name",
+        onChange: (event) => {
+          setName(event.target.value);
+        },
+        value: name
+      }, void 0, false)
+    }, void 0, false);
+    $[25] = mode;
+    $[26] = name;
+    $[27] = t;
+    $[28] = t7;
+  } else {
+    t7 = $[28];
+  }
+  let t8;
+  if ($[29] !== t) {
+    t8 = t('Permission (JSON, e.g. {"project":["create","update"]})');
+    $[29] = t;
+    $[30] = t8;
+  } else {
+    t8 = $[30];
+  }
+  let t9;
+  if ($[31] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t9 = (event_0) => {
+      setPermission(event_0.target.value);
+    };
+    $[31] = t9;
+  } else {
+    t9 = $[31];
+  }
+  let t10;
+  if ($[32] !== permission) {
+    t10 = /* @__PURE__ */ jsxDEV(Textarea, {
+      "data-testid": "org-role-form-permission",
+      id: "org-role-form-permission",
+      onChange: t9,
+      value: permission
+    }, void 0, false);
+    $[32] = permission;
+    $[33] = t10;
+  } else {
+    t10 = $[33];
+  }
+  let t11;
+  if ($[34] !== t10 || $[35] !== t8) {
+    t11 = /* @__PURE__ */ jsxDEV(Field, {
+      htmlFor: "org-role-form-permission",
+      label: t8,
+      children: t10
+    }, void 0, false);
+    $[34] = t10;
+    $[35] = t8;
+    $[36] = t11;
+  } else {
+    t11 = $[36];
+  }
+  let t12;
+  if ($[37] !== busy || $[38] !== error || $[39] !== onClose || $[40] !== onSubmit || $[41] !== t11 || $[42] !== t4 || $[43] !== t5 || $[44] !== t6 || $[45] !== t7) {
+    t12 = /* @__PURE__ */ jsxDEV(DialogForm, {
+      busy,
+      canSubmit: t4,
+      error,
+      onClose,
+      onSubmit,
+      submitLabel: t5,
+      testId: "org-role-form",
+      title: t6,
+      children: [t7, t11]
+    }, void 0, true);
+    $[37] = busy;
+    $[38] = error;
+    $[39] = onClose;
+    $[40] = onSubmit;
+    $[41] = t11;
+    $[42] = t4;
+    $[43] = t5;
+    $[44] = t6;
+    $[45] = t7;
+    $[46] = t12;
+  } else {
+    t12 = $[46];
+  }
+  return t12;
+};
+const ConfirmDialog = (t0) => {
+  const $ = c(18);
+  const {
+    action,
+    message,
+    onClose,
+    onDone,
+    testId,
+    title
+  } = t0;
+  const t = useT();
+  const {
+    busy,
+    error,
+    run
+  } = useAsyncSubmit();
+  let t1;
+  if ($[0] !== action || $[1] !== onClose || $[2] !== onDone || $[3] !== run) {
+    t1 = () => {
+      run(async () => {
+        await action();
+        onDone();
+        onClose();
+      });
+    };
+    $[0] = action;
+    $[1] = onClose;
+    $[2] = onDone;
+    $[3] = run;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  const onSubmit = t1;
+  let t2;
+  if ($[5] !== t) {
+    t2 = t("Delete");
+    $[5] = t;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  let t3;
+  if ($[7] !== message) {
+    t3 = /* @__PURE__ */ jsxDEV("p", {
+      className: "text-sm text-muted-foreground",
+      children: message
+    }, void 0, false);
+    $[7] = message;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  let t4;
+  if ($[9] !== busy || $[10] !== error || $[11] !== onClose || $[12] !== onSubmit || $[13] !== t2 || $[14] !== t3 || $[15] !== testId || $[16] !== title) {
+    t4 = /* @__PURE__ */ jsxDEV(DialogForm, {
+      busy,
+      canSubmit: true,
+      destructive: true,
+      error,
+      onClose,
+      onSubmit,
+      submitLabel: t2,
+      testId,
+      title,
+      children: t3
+    }, void 0, false);
+    $[9] = busy;
+    $[10] = error;
+    $[11] = onClose;
+    $[12] = onSubmit;
+    $[13] = t2;
+    $[14] = t3;
+    $[15] = testId;
+    $[16] = title;
+    $[17] = t4;
+  } else {
+    t4 = $[17];
+  }
+  return t4;
+};
+
+const SectionCard = (t0) => {
+  const $ = c(13);
+  const {
+    action,
+    children,
+    heading,
+    testId
+  } = t0;
+  let t1;
+  if ($[0] !== heading) {
+    t1 = /* @__PURE__ */ jsxDEV("span", {
+      className: "font-mono text-[11px] tracking-wide text-muted-foreground uppercase",
+      children: heading
+    }, void 0, false);
+    $[0] = heading;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== action) {
+    t2 = action !== void 0 && /* @__PURE__ */ jsxDEV("div", {
+      className: "flex items-center gap-2",
+      children: action
+    }, void 0, false);
+    $[2] = action;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== t1 || $[5] !== t2) {
+    t3 = /* @__PURE__ */ jsxDEV("header", {
+      className: "flex items-center justify-between gap-2 border-b border-border px-4 py-3",
+      children: [t1, t2]
+    }, void 0, true);
+    $[4] = t1;
+    $[5] = t2;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  let t4;
+  if ($[7] !== children) {
+    t4 = /* @__PURE__ */ jsxDEV(CardContent, {
+      className: "px-0",
+      children
+    }, void 0, false);
+    $[7] = children;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  let t5;
+  if ($[9] !== t3 || $[10] !== t4 || $[11] !== testId) {
+    t5 = /* @__PURE__ */ jsxDEV(Card, {
+      className: "overflow-hidden py-0",
+      "data-testid": testId,
+      children: [t3, t4]
+    }, void 0, true);
+    $[9] = t3;
+    $[10] = t4;
+    $[11] = testId;
+    $[12] = t5;
+  } else {
+    t5 = $[12];
+  }
+  return t5;
+};
+const ManagedTable = (t0) => {
+  const $ = c(23);
   const {
-    actionLabel,
-    actionPrefix,
     columns,
-    heading,
-    onAction,
+    rowActions,
     rowPrefix,
-    rows,
-    testId
+    rows
   } = t0;
   const t = useT();
   let t1;
-  if ($[0] !== heading) {
-    t1 = /* @__PURE__ */ jsxDEV("header", {
-      className: "border-b border-border px-4 py-3",
-      children: /* @__PURE__ */ jsxDEV("span", {
-        className: "font-mono text-[11px] tracking-wide text-muted-foreground uppercase",
-        children: heading
+  if ($[0] !== columns) {
+    t1 = columns.map(_temp);
+    $[0] = columns;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== t) {
+    t2 = t("Actions");
+    $[2] = t;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== t2) {
+    t3 = /* @__PURE__ */ jsxDEV(TableHead, {
+      "aria-label": t2
+    }, void 0, false);
+    $[4] = t2;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  let t4;
+  if ($[6] !== t1 || $[7] !== t3) {
+    t4 = /* @__PURE__ */ jsxDEV(TableHeader, {
+      children: /* @__PURE__ */ jsxDEV(TableRow, {
+        children: [t1, t3]
+      }, void 0, true)
+    }, void 0, false);
+    $[6] = t1;
+    $[7] = t3;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  let t5;
+  if ($[9] !== columns || $[10] !== rowActions || $[11] !== rowPrefix || $[12] !== rows) {
+    let t62;
+    if ($[14] !== columns || $[15] !== rowActions || $[16] !== rowPrefix) {
+      t62 = (row) => {
+        const id = formatCell(row.id);
+        return /* @__PURE__ */ jsxDEV(TableRow, {
+          "data-testid": `${rowPrefix}-${id}`,
+          children: [columns.map((column_0) => /* @__PURE__ */ jsxDEV(TableCell, {
+            className: column_0.className,
+            children: column_0.render(row)
+          }, column_0.head, false)), /* @__PURE__ */ jsxDEV(TableCell, {
+            children: /* @__PURE__ */ jsxDEV("div", {
+              className: "flex justify-end gap-1",
+              children: rowActions(row)
+            }, void 0, false)
+          }, void 0, false)]
+        }, id, true);
+      };
+      $[14] = columns;
+      $[15] = rowActions;
+      $[16] = rowPrefix;
+      $[17] = t62;
+    } else {
+      t62 = $[17];
+    }
+    t5 = rows.map(t62);
+    $[9] = columns;
+    $[10] = rowActions;
+    $[11] = rowPrefix;
+    $[12] = rows;
+    $[13] = t5;
+  } else {
+    t5 = $[13];
+  }
+  let t6;
+  if ($[18] !== t5) {
+    t6 = /* @__PURE__ */ jsxDEV(TableBody, {
+      children: t5
+    }, void 0, false);
+    $[18] = t5;
+    $[19] = t6;
+  } else {
+    t6 = $[19];
+  }
+  let t7;
+  if ($[20] !== t4 || $[21] !== t6) {
+    t7 = /* @__PURE__ */ jsxDEV(Table, {
+      children: [t4, t6]
+    }, void 0, true);
+    $[20] = t4;
+    $[21] = t6;
+    $[22] = t7;
+  } else {
+    t7 = $[22];
+  }
+  return t7;
+};
+const OrganizationDetail = (t0) => {
+  const $ = c(213);
+  const {
+    organizationId,
+    rolesEnabled,
+    teamsEnabled
+  } = t0;
+  const client = useLunora();
+  const t = useT();
+  const [dialog, setDialog] = useState(null);
+  const [selectedTeam, setSelectedTeam] = useState(null);
+  let t1;
+  if ($[0] !== organizationId) {
+    t1 = ["lunora-auth-org-members", organizationId];
+    $[0] = organizationId;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== client || $[3] !== organizationId) {
+    t2 = () => client.listAuthOrgMembers({
+      limit: 200,
+      organizationId
+    });
+    $[2] = client;
+    $[3] = organizationId;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  const membersQuery = useClientQuery(t1, t2);
+  let t3;
+  if ($[5] !== organizationId) {
+    t3 = ["lunora-auth-org-invitations", organizationId];
+    $[5] = organizationId;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  let t4;
+  if ($[7] !== client || $[8] !== organizationId) {
+    t4 = () => client.listAuthOrgInvitations({
+      limit: 200,
+      organizationId
+    });
+    $[7] = client;
+    $[8] = organizationId;
+    $[9] = t4;
+  } else {
+    t4 = $[9];
+  }
+  const invitationsQuery = useClientQuery(t3, t4);
+  let t5;
+  if ($[10] !== organizationId) {
+    t5 = ["lunora-auth-org-teams", organizationId];
+    $[10] = organizationId;
+    $[11] = t5;
+  } else {
+    t5 = $[11];
+  }
+  let t6;
+  if ($[12] !== client || $[13] !== organizationId) {
+    t6 = () => client.listAuthOrgTeams({
+      limit: 200,
+      organizationId
+    });
+    $[12] = client;
+    $[13] = organizationId;
+    $[14] = t6;
+  } else {
+    t6 = $[14];
+  }
+  let t7;
+  if ($[15] !== teamsEnabled) {
+    t7 = {
+      enabled: teamsEnabled
+    };
+    $[15] = teamsEnabled;
+    $[16] = t7;
+  } else {
+    t7 = $[16];
+  }
+  const teamsQuery = useClientQuery(t5, t6, t7);
+  let t8;
+  if ($[17] !== organizationId) {
+    t8 = ["lunora-auth-org-roles", organizationId];
+    $[17] = organizationId;
+    $[18] = t8;
+  } else {
+    t8 = $[18];
+  }
+  let t9;
+  if ($[19] !== client || $[20] !== organizationId) {
+    t9 = () => client.listAuthOrgRoles({
+      limit: 200,
+      organizationId
+    });
+    $[19] = client;
+    $[20] = organizationId;
+    $[21] = t9;
+  } else {
+    t9 = $[21];
+  }
+  let t10;
+  if ($[22] !== rolesEnabled) {
+    t10 = {
+      enabled: rolesEnabled
+    };
+    $[22] = rolesEnabled;
+    $[23] = t10;
+  } else {
+    t10 = $[23];
+  }
+  const rolesQuery = useClientQuery(t8, t9, t10);
+  let t11;
+  if ($[24] !== selectedTeam) {
+    t11 = ["lunora-auth-org-team-members", selectedTeam];
+    $[24] = selectedTeam;
+    $[25] = t11;
+  } else {
+    t11 = $[25];
+  }
+  let t12;
+  if ($[26] !== client || $[27] !== selectedTeam) {
+    t12 = () => client.listAuthOrgTeamMembers({
+      limit: 200,
+      teamId: selectedTeam ?? ""
+    });
+    $[26] = client;
+    $[27] = selectedTeam;
+    $[28] = t12;
+  } else {
+    t12 = $[28];
+  }
+  const t13 = selectedTeam !== null;
+  let t14;
+  if ($[29] !== t13) {
+    t14 = {
+      enabled: t13
+    };
+    $[29] = t13;
+    $[30] = t14;
+  } else {
+    t14 = $[30];
+  }
+  const teamMembersQuery = useClientQuery(t11, t12, t14);
+  let t15;
+  if ($[31] !== membersQuery.data?.rows) {
+    t15 = membersQuery.data?.rows ?? [];
+    $[31] = membersQuery.data?.rows;
+    $[32] = t15;
+  } else {
+    t15 = $[32];
+  }
+  const members = t15;
+  let t16;
+  if ($[33] !== invitationsQuery.data?.rows) {
+    t16 = invitationsQuery.data?.rows ?? [];
+    $[33] = invitationsQuery.data?.rows;
+    $[34] = t16;
+  } else {
+    t16 = $[34];
+  }
+  const invitations = t16;
+  let t17;
+  if ($[35] !== teamsQuery.data?.rows) {
+    t17 = teamsQuery.data?.rows ?? [];
+    $[35] = teamsQuery.data?.rows;
+    $[36] = t17;
+  } else {
+    t17 = $[36];
+  }
+  const teams = t17;
+  let t18;
+  if ($[37] !== rolesQuery.data?.rows) {
+    t18 = rolesQuery.data?.rows ?? [];
+    $[37] = rolesQuery.data?.rows;
+    $[38] = t18;
+  } else {
+    t18 = $[38];
+  }
+  const roles = t18;
+  let t19;
+  if ($[39] !== selectedTeam || $[40] !== teamMembersQuery) {
+    t19 = selectedTeam === null ? [] : teamMembersQuery.data?.rows ?? [];
+    $[39] = selectedTeam;
+    $[40] = teamMembersQuery;
+    $[41] = t19;
+  } else {
+    t19 = $[41];
+  }
+  const teamMembers = t19;
+  const error = membersQuery.error ?? invitationsQuery.error ?? teamsQuery.error ?? rolesQuery.error ?? teamMembersQuery.error;
+  let t20;
+  if ($[42] !== invitationsQuery || $[43] !== membersQuery || $[44] !== rolesEnabled || $[45] !== rolesQuery || $[46] !== selectedTeam || $[47] !== teamMembersQuery || $[48] !== teamsEnabled || $[49] !== teamsQuery) {
+    t20 = () => {
+      membersQuery.refetch();
+      invitationsQuery.refetch();
+      if (teamsEnabled) {
+        teamsQuery.refetch();
+      }
+      if (rolesEnabled) {
+        rolesQuery.refetch();
+      }
+      if (selectedTeam !== null) {
+        teamMembersQuery.refetch();
+      }
+    };
+    $[42] = invitationsQuery;
+    $[43] = membersQuery;
+    $[44] = rolesEnabled;
+    $[45] = rolesQuery;
+    $[46] = selectedTeam;
+    $[47] = teamMembersQuery;
+    $[48] = teamsEnabled;
+    $[49] = teamsQuery;
+    $[50] = t20;
+  } else {
+    t20 = $[50];
+  }
+  const refetchAll = t20;
+  useAutoRefresh(refetchAll, true);
+  let t21;
+  if ($[51] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t21 = () => {
+      setDialog(null);
+    };
+    $[51] = t21;
+  } else {
+    t21 = $[51];
+  }
+  const closeDialog = t21;
+  let t22;
+  if ($[52] !== refetchAll) {
+    t22 = (action) => {
+      fireAndForget((async () => {
+        await action();
+        refetchAll();
+      })());
+    };
+    $[52] = refetchAll;
+    $[53] = t22;
+  } else {
+    t22 = $[53];
+  }
+  const runAction = t22;
+  let t23;
+  if ($[54] !== client || $[55] !== t) {
+    t23 = (row) => {
+      const teamId = formatCell(row.id);
+      setDialog({
+        action: async () => {
+          await client.removeAuthOrgTeam({
+            teamId
+          });
+          setSelectedTeam((current) => current === teamId ? null : current);
+        },
+        kind: "confirm",
+        message: t("Delete this team and its memberships? This cannot be undone."),
+        testId: "org-team-delete",
+        title: t("Delete team")
+      });
+    };
+    $[54] = client;
+    $[55] = t;
+    $[56] = t23;
+  } else {
+    t23 = $[56];
+  }
+  const confirmDeleteTeam = t23;
+  let t24;
+  if ($[57] !== t) {
+    t24 = t("userId");
+    $[57] = t;
+    $[58] = t24;
+  } else {
+    t24 = $[58];
+  }
+  let t25;
+  if ($[59] !== t24) {
+    t25 = {
+      head: t24,
+      render: _temp2
+    };
+    $[59] = t24;
+    $[60] = t25;
+  } else {
+    t25 = $[60];
+  }
+  let t26;
+  if ($[61] !== t) {
+    t26 = t("role");
+    $[61] = t;
+    $[62] = t26;
+  } else {
+    t26 = $[62];
+  }
+  let t27;
+  if ($[63] !== t26) {
+    t27 = {
+      head: t26,
+      render: _temp3
+    };
+    $[63] = t26;
+    $[64] = t27;
+  } else {
+    t27 = $[64];
+  }
+  let t28;
+  if ($[65] !== t25 || $[66] !== t27) {
+    t28 = [t25, t27];
+    $[65] = t25;
+    $[66] = t27;
+    $[67] = t28;
+  } else {
+    t28 = $[67];
+  }
+  const memberColumns = t28;
+  let t29;
+  if ($[68] !== t) {
+    t29 = t("email");
+    $[68] = t;
+    $[69] = t29;
+  } else {
+    t29 = $[69];
+  }
+  let t30;
+  if ($[70] !== t29) {
+    t30 = {
+      head: t29,
+      render: _temp4
+    };
+    $[70] = t29;
+    $[71] = t30;
+  } else {
+    t30 = $[71];
+  }
+  let t31;
+  if ($[72] !== t) {
+    t31 = t("role");
+    $[72] = t;
+    $[73] = t31;
+  } else {
+    t31 = $[73];
+  }
+  let t32;
+  if ($[74] !== t31) {
+    t32 = {
+      head: t31,
+      render: _temp5
+    };
+    $[74] = t31;
+    $[75] = t32;
+  } else {
+    t32 = $[75];
+  }
+  let t33;
+  if ($[76] !== t) {
+    t33 = t("status");
+    $[76] = t;
+    $[77] = t33;
+  } else {
+    t33 = $[77];
+  }
+  let t34;
+  if ($[78] !== t33) {
+    t34 = {
+      head: t33,
+      render: _temp6
+    };
+    $[78] = t33;
+    $[79] = t34;
+  } else {
+    t34 = $[79];
+  }
+  let t35;
+  if ($[80] !== t30 || $[81] !== t32 || $[82] !== t34) {
+    t35 = [t30, t32, t34];
+    $[80] = t30;
+    $[81] = t32;
+    $[82] = t34;
+    $[83] = t35;
+  } else {
+    t35 = $[83];
+  }
+  const invitationColumns = t35;
+  let t36;
+  if ($[84] !== t) {
+    t36 = t("id");
+    $[84] = t;
+    $[85] = t36;
+  } else {
+    t36 = $[85];
+  }
+  let t37;
+  if ($[86] !== t36) {
+    t37 = {
+      className: "font-mono text-xs",
+      head: t36,
+      render: _temp7
+    };
+    $[86] = t36;
+    $[87] = t37;
+  } else {
+    t37 = $[87];
+  }
+  let t38;
+  if ($[88] !== t) {
+    t38 = t("name");
+    $[88] = t;
+    $[89] = t38;
+  } else {
+    t38 = $[89];
+  }
+  let t39;
+  if ($[90] !== t38) {
+    t39 = {
+      head: t38,
+      render: _temp8
+    };
+    $[90] = t38;
+    $[91] = t39;
+  } else {
+    t39 = $[91];
+  }
+  let t40;
+  if ($[92] !== t37 || $[93] !== t39) {
+    t40 = [t37, t39];
+    $[92] = t37;
+    $[93] = t39;
+    $[94] = t40;
+  } else {
+    t40 = $[94];
+  }
+  const teamColumns = t40;
+  let t41;
+  if ($[95] !== t) {
+    t41 = t("userId");
+    $[95] = t;
+    $[96] = t41;
+  } else {
+    t41 = $[96];
+  }
+  let t42;
+  if ($[97] !== t41) {
+    t42 = [{
+      head: t41,
+      render: _temp9
+    }];
+    $[97] = t41;
+    $[98] = t42;
+  } else {
+    t42 = $[98];
+  }
+  const teamMemberColumns = t42;
+  let t43;
+  if ($[99] !== t) {
+    t43 = t("role");
+    $[99] = t;
+    $[100] = t43;
+  } else {
+    t43 = $[100];
+  }
+  let t44;
+  if ($[101] !== t43) {
+    t44 = {
+      head: t43,
+      render: _temp0
+    };
+    $[101] = t43;
+    $[102] = t44;
+  } else {
+    t44 = $[102];
+  }
+  let t45;
+  if ($[103] !== t) {
+    t45 = t("Permission");
+    $[103] = t;
+    $[104] = t45;
+  } else {
+    t45 = $[104];
+  }
+  let t46;
+  if ($[105] !== t45) {
+    t46 = {
+      className: "font-mono text-xs whitespace-pre-wrap",
+      head: t45,
+      render: _temp1
+    };
+    $[105] = t45;
+    $[106] = t46;
+  } else {
+    t46 = $[106];
+  }
+  let t47;
+  if ($[107] !== t44 || $[108] !== t46) {
+    t47 = [t44, t46];
+    $[107] = t44;
+    $[108] = t46;
+    $[109] = t47;
+  } else {
+    t47 = $[109];
+  }
+  const roleColumns = t47;
+  let t48;
+  if ($[110] !== error) {
+    t48 = error !== null && /* @__PURE__ */ jsxDEV("p", {
+      className: "text-sm text-destructive",
+      "data-testid": "org-detail-error",
+      role: "alert",
+      children: error
+    }, void 0, false);
+    $[110] = error;
+    $[111] = t48;
+  } else {
+    t48 = $[111];
+  }
+  let t49;
+  if ($[112] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t49 = () => {
+      setDialog({
+        kind: "add-member"
+      });
+    };
+    $[112] = t49;
+  } else {
+    t49 = $[112];
+  }
+  let t50;
+  if ($[113] !== t) {
+    t50 = t("Add member");
+    $[113] = t;
+    $[114] = t50;
+  } else {
+    t50 = $[114];
+  }
+  let t51;
+  if ($[115] !== t50) {
+    t51 = /* @__PURE__ */ jsxDEV(Button, {
+      "data-testid": "org-open-add-member",
+      onClick: t49,
+      size: "xs",
+      type: "button",
+      variant: "outline",
+      children: t50
+    }, void 0, false);
+    $[115] = t50;
+    $[116] = t51;
+  } else {
+    t51 = $[116];
+  }
+  let t52;
+  if ($[117] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t52 = () => {
+      setDialog({
+        kind: "invite-member"
+      });
+    };
+    $[117] = t52;
+  } else {
+    t52 = $[117];
+  }
+  let t53;
+  if ($[118] !== t) {
+    t53 = t("Invite member");
+    $[118] = t;
+    $[119] = t53;
+  } else {
+    t53 = $[119];
+  }
+  let t54;
+  if ($[120] !== t53) {
+    t54 = /* @__PURE__ */ jsxDEV(Button, {
+      "data-testid": "org-open-invite-member",
+      onClick: t52,
+      size: "xs",
+      type: "button",
+      variant: "outline",
+      children: t53
+    }, void 0, false);
+    $[120] = t53;
+    $[121] = t54;
+  } else {
+    t54 = $[121];
+  }
+  let t55;
+  if ($[122] !== t51 || $[123] !== t54) {
+    t55 = /* @__PURE__ */ jsxDEV(Fragment, {
+      children: [t51, t54]
+    }, void 0, true);
+    $[122] = t51;
+    $[123] = t54;
+    $[124] = t55;
+  } else {
+    t55 = $[124];
+  }
+  let t56;
+  if ($[125] !== t) {
+    t56 = t("Members");
+    $[125] = t;
+    $[126] = t56;
+  } else {
+    t56 = $[126];
+  }
+  let t57;
+  if ($[127] !== client || $[128] !== memberColumns || $[129] !== members || $[130] !== runAction || $[131] !== t) {
+    t57 = members.length === 0 ? /* @__PURE__ */ jsxDEV("div", {
+      className: "p-3",
+      children: /* @__PURE__ */ jsxDEV(EmptyState, {
+        testId: "org-members-empty",
+        title: t("No members.")
       }, void 0, false)
+    }, void 0, false) : /* @__PURE__ */ jsxDEV(ManagedTable, {
+      columns: memberColumns,
+      rowActions: (row_10) => /* @__PURE__ */ jsxDEV(Fragment, {
+        children: [/* @__PURE__ */ jsxDEV(Button, {
+          "data-testid": `org-member-role-${formatCell(row_10.id)}`,
+          onClick: () => {
+            setDialog({
+              kind: "member-role",
+              member: row_10
+            });
+          },
+          size: "xs",
+          type: "button",
+          variant: "ghost",
+          children: t("Change role")
+        }, void 0, false), /* @__PURE__ */ jsxDEV(Button, {
+          "data-testid": `org-remove-member-${formatCell(row_10.id)}`,
+          onClick: () => {
+            runAction(() => client.removeAuthOrgMember({
+              memberId: formatCell(row_10.id)
+            }));
+          },
+          size: "xs",
+          type: "button",
+          variant: "ghost",
+          children: t("Remove")
+        }, void 0, false)]
+      }, void 0, true),
+      rowPrefix: "org-member",
+      rows: members
     }, void 0, false);
-    $[0] = heading;
-    $[1] = t1;
+    $[127] = client;
+    $[128] = memberColumns;
+    $[129] = members;
+    $[130] = runAction;
+    $[131] = t;
+    $[132] = t57;
   } else {
-    t1 = $[1];
+    t57 = $[132];
   }
-  let t2;
-  if ($[2] !== columns) {
-    t2 = columns.map(_temp);
-    $[2] = columns;
-    $[3] = t2;
+  let t58;
+  if ($[133] !== t55 || $[134] !== t56 || $[135] !== t57) {
+    t58 = /* @__PURE__ */ jsxDEV(SectionCard, {
+      action: t55,
+      heading: t56,
+      testId: "org-members",
+      children: t57
+    }, void 0, false);
+    $[133] = t55;
+    $[134] = t56;
+    $[135] = t57;
+    $[136] = t58;
   } else {
-    t2 = $[3];
+    t58 = $[136];
   }
-  let t3;
-  if ($[4] !== t) {
-    t3 = t("Actions");
-    $[4] = t;
-    $[5] = t3;
+  let t59;
+  if ($[137] !== client || $[138] !== invitationColumns || $[139] !== invitations || $[140] !== runAction || $[141] !== t) {
+    t59 = invitations.length > 0 && /* @__PURE__ */ jsxDEV(SectionCard, {
+      heading: t("Invitations"),
+      testId: "org-invitations",
+      children: /* @__PURE__ */ jsxDEV(ManagedTable, {
+        columns: invitationColumns,
+        rowActions: (row_11) => /* @__PURE__ */ jsxDEV(Button, {
+          "data-testid": `org-cancel-invitation-${formatCell(row_11.id)}`,
+          onClick: () => {
+            runAction(() => client.cancelAuthOrgInvitation({
+              invitationId: formatCell(row_11.id)
+            }));
+          },
+          size: "xs",
+          type: "button",
+          variant: "ghost",
+          children: t("Cancel")
+        }, void 0, false),
+        rowPrefix: "org-invitation",
+        rows: invitations
+      }, void 0, false)
+    }, void 0, false);
+    $[137] = client;
+    $[138] = invitationColumns;
+    $[139] = invitations;
+    $[140] = runAction;
+    $[141] = t;
+    $[142] = t59;
   } else {
-    t3 = $[5];
+    t59 = $[142];
   }
-  let t4;
-  if ($[6] !== t3) {
-    t4 = /* @__PURE__ */ jsxDEV(TableHead, {
-      "aria-label": t3
+  let t60;
+  if ($[143] !== confirmDeleteTeam || $[144] !== selectedTeam || $[145] !== t || $[146] !== teamColumns || $[147] !== teams || $[148] !== teamsEnabled) {
+    t60 = teamsEnabled && /* @__PURE__ */ jsxDEV(SectionCard, {
+      action: /* @__PURE__ */ jsxDEV(Button, {
+        "data-testid": "org-open-create-team",
+        onClick: () => {
+          setDialog({
+            kind: "team-create"
+          });
+        },
+        size: "xs",
+        type: "button",
+        variant: "outline",
+        children: t("New team")
+      }, void 0, false),
+      heading: t("Teams"),
+      testId: "org-teams",
+      children: teams.length === 0 ? /* @__PURE__ */ jsxDEV("div", {
+        className: "p-3",
+        children: /* @__PURE__ */ jsxDEV(EmptyState, {
+          testId: "org-teams-empty",
+          title: t("No teams.")
+        }, void 0, false)
+      }, void 0, false) : /* @__PURE__ */ jsxDEV(ManagedTable, {
+        columns: teamColumns,
+        rowActions: (row_12) => /* @__PURE__ */ jsxDEV(Fragment, {
+          children: [/* @__PURE__ */ jsxDEV(Button, {
+            "aria-pressed": selectedTeam === formatCell(row_12.id),
+            "data-testid": `org-team-select-${formatCell(row_12.id)}`,
+            onClick: () => {
+              setSelectedTeam(formatCell(row_12.id));
+            },
+            size: "xs",
+            type: "button",
+            variant: "ghost",
+            children: t("Members")
+          }, void 0, false), /* @__PURE__ */ jsxDEV(Button, {
+            "data-testid": `org-team-rename-${formatCell(row_12.id)}`,
+            onClick: () => {
+              setDialog({
+                kind: "team-rename",
+                team: row_12
+              });
+            },
+            size: "xs",
+            type: "button",
+            variant: "ghost",
+            children: t("Rename")
+          }, void 0, false), /* @__PURE__ */ jsxDEV(Button, {
+            "data-testid": `org-team-delete-${formatCell(row_12.id)}`,
+            onClick: () => {
+              confirmDeleteTeam(row_12);
+            },
+            size: "xs",
+            type: "button",
+            variant: "ghost",
+            children: t("Delete")
+          }, void 0, false)]
+        }, void 0, true),
+        rowPrefix: "org-team",
+        rows: teams
+      }, void 0, false)
     }, void 0, false);
-    $[6] = t3;
-    $[7] = t4;
+    $[143] = confirmDeleteTeam;
+    $[144] = selectedTeam;
+    $[145] = t;
+    $[146] = teamColumns;
+    $[147] = teams;
+    $[148] = teamsEnabled;
+    $[149] = t60;
   } else {
-    t4 = $[7];
+    t60 = $[149];
   }
-  let t5;
-  if ($[8] !== t2 || $[9] !== t4) {
-    t5 = /* @__PURE__ */ jsxDEV(TableHeader, {
-      children: /* @__PURE__ */ jsxDEV(TableRow, {
-        children: [t2, t4]
-      }, void 0, true)
+  let t61;
+  if ($[150] !== client || $[151] !== runAction || $[152] !== selectedTeam || $[153] !== t || $[154] !== teamMemberColumns || $[155] !== teamMembers || $[156] !== teamsEnabled) {
+    t61 = teamsEnabled && selectedTeam !== null && /* @__PURE__ */ jsxDEV(SectionCard, {
+      action: /* @__PURE__ */ jsxDEV(Button, {
+        "data-testid": "org-open-add-team-member",
+        onClick: () => {
+          setDialog({
+            kind: "team-add-member",
+            teamId: selectedTeam
+          });
+        },
+        size: "xs",
+        type: "button",
+        variant: "outline",
+        children: t("Add member")
+      }, void 0, false),
+      heading: t("Team members"),
+      testId: "org-team-members",
+      children: teamMembers.length === 0 ? /* @__PURE__ */ jsxDEV("div", {
+        className: "p-3",
+        children: /* @__PURE__ */ jsxDEV(EmptyState, {
+          testId: "org-team-members-empty",
+          title: t("No team members.")
+        }, void 0, false)
+      }, void 0, false) : /* @__PURE__ */ jsxDEV(ManagedTable, {
+        columns: teamMemberColumns,
+        rowActions: (row_13) => /* @__PURE__ */ jsxDEV(Button, {
+          "data-testid": `org-team-remove-member-${formatCell(row_13.id)}`,
+          onClick: () => {
+            runAction(() => client.removeAuthOrgTeamMember({
+              teamMemberId: formatCell(row_13.id)
+            }));
+          },
+          size: "xs",
+          type: "button",
+          variant: "ghost",
+          children: t("Remove")
+        }, void 0, false),
+        rowPrefix: "org-team-member",
+        rows: teamMembers
+      }, void 0, false)
     }, void 0, false);
-    $[8] = t2;
-    $[9] = t4;
-    $[10] = t5;
+    $[150] = client;
+    $[151] = runAction;
+    $[152] = selectedTeam;
+    $[153] = t;
+    $[154] = teamMemberColumns;
+    $[155] = teamMembers;
+    $[156] = teamsEnabled;
+    $[157] = t61;
   } else {
-    t5 = $[10];
+    t61 = $[157];
   }
-  let t6;
-  if ($[11] !== actionLabel || $[12] !== actionPrefix || $[13] !== columns || $[14] !== onAction || $[15] !== rowPrefix || $[16] !== rows) {
-    let t72;
-    if ($[18] !== actionLabel || $[19] !== actionPrefix || $[20] !== columns || $[21] !== onAction || $[22] !== rowPrefix) {
-      t72 = (row) => {
-        const id = formatCell(row.id);
-        return /* @__PURE__ */ jsxDEV(TableRow, {
-          "data-testid": `${rowPrefix}-${id}`,
-          children: [columns.map((column_0) => /* @__PURE__ */ jsxDEV(TableCell, {
-            children: column_0.render(row)
-          }, column_0.head, false)), /* @__PURE__ */ jsxDEV(TableCell, {
-            children: /* @__PURE__ */ jsxDEV(Button, {
-              "data-testid": `${actionPrefix}-${id}`,
-              onClick: () => {
-                onAction(id);
-              },
-              size: "xs",
-              type: "button",
-              variant: "ghost",
-              children: actionLabel
-            }, void 0, false)
+  let t62;
+  if ($[158] !== client || $[159] !== roleColumns || $[160] !== roles || $[161] !== rolesEnabled || $[162] !== t) {
+    t62 = rolesEnabled && /* @__PURE__ */ jsxDEV(SectionCard, {
+      action: /* @__PURE__ */ jsxDEV(Button, {
+        "data-testid": "org-open-create-role",
+        onClick: () => {
+          setDialog({
+            kind: "role-create"
+          });
+        },
+        size: "xs",
+        type: "button",
+        variant: "outline",
+        children: t("New role")
+      }, void 0, false),
+      heading: t("Roles"),
+      testId: "org-roles",
+      children: roles.length === 0 ? /* @__PURE__ */ jsxDEV("div", {
+        className: "p-3",
+        children: /* @__PURE__ */ jsxDEV(EmptyState, {
+          testId: "org-roles-empty",
+          title: t("No custom roles.")
+        }, void 0, false)
+      }, void 0, false) : /* @__PURE__ */ jsxDEV(ManagedTable, {
+        columns: roleColumns,
+        rowActions: (row_14) => /* @__PURE__ */ jsxDEV(Fragment, {
+          children: [/* @__PURE__ */ jsxDEV(Button, {
+            "data-testid": `org-role-edit-${formatCell(row_14.id)}`,
+            onClick: () => {
+              setDialog({
+                kind: "role-edit",
+                role: row_14
+              });
+            },
+            size: "xs",
+            type: "button",
+            variant: "ghost",
+            children: t("Edit")
+          }, void 0, false), /* @__PURE__ */ jsxDEV(Button, {
+            "data-testid": `org-role-delete-${formatCell(row_14.id)}`,
+            onClick: () => {
+              setDialog({
+                action: () => client.deleteAuthOrgRole({
+                  roleId: formatCell(row_14.id)
+                }),
+                kind: "confirm",
+                message: t("Delete this custom role? Members keeping it will lose its grants."),
+                testId: "org-role-delete",
+                title: t("Delete role")
+              });
+            },
+            size: "xs",
+            type: "button",
+            variant: "ghost",
+            children: t("Delete")
           }, void 0, false)]
-        }, id, true);
-      };
-      $[18] = actionLabel;
-      $[19] = actionPrefix;
-      $[20] = columns;
-      $[21] = onAction;
-      $[22] = rowPrefix;
-      $[23] = t72;
-    } else {
-      t72 = $[23];
-    }
-    t6 = rows.map(t72);
-    $[11] = actionLabel;
-    $[12] = actionPrefix;
-    $[13] = columns;
-    $[14] = onAction;
-    $[15] = rowPrefix;
-    $[16] = rows;
-    $[17] = t6;
+        }, void 0, true),
+        rowPrefix: "org-role",
+        rows: roles
+      }, void 0, false)
+    }, void 0, false);
+    $[158] = client;
+    $[159] = roleColumns;
+    $[160] = roles;
+    $[161] = rolesEnabled;
+    $[162] = t;
+    $[163] = t62;
   } else {
-    t6 = $[17];
+    t62 = $[163];
   }
-  let t7;
-  if ($[24] !== t6) {
-    t7 = /* @__PURE__ */ jsxDEV(TableBody, {
-      children: t6
+  let t63;
+  if ($[164] !== dialog?.kind || $[165] !== organizationId || $[166] !== refetchAll) {
+    t63 = dialog?.kind === "add-member" && /* @__PURE__ */ jsxDEV(MemberAddDialog, {
+      onClose: closeDialog,
+      onDone: refetchAll,
+      organizationId
     }, void 0, false);
-    $[24] = t6;
-    $[25] = t7;
+    $[164] = dialog?.kind;
+    $[165] = organizationId;
+    $[166] = refetchAll;
+    $[167] = t63;
   } else {
-    t7 = $[25];
+    t63 = $[167];
   }
-  let t8;
-  if ($[26] !== t5 || $[27] !== t7) {
-    t8 = /* @__PURE__ */ jsxDEV(CardContent, {
-      className: "px-0",
-      children: /* @__PURE__ */ jsxDEV(Table, {
-        children: [t5, t7]
-      }, void 0, true)
+  let t64;
+  if ($[168] !== dialog?.kind || $[169] !== organizationId || $[170] !== refetchAll) {
+    t64 = dialog?.kind === "invite-member" && /* @__PURE__ */ jsxDEV(MemberInviteDialog, {
+      onClose: closeDialog,
+      onDone: refetchAll,
+      organizationId
     }, void 0, false);
-    $[26] = t5;
-    $[27] = t7;
-    $[28] = t8;
+    $[168] = dialog?.kind;
+    $[169] = organizationId;
+    $[170] = refetchAll;
+    $[171] = t64;
   } else {
-    t8 = $[28];
+    t64 = $[171];
   }
-  let t9;
-  if ($[29] !== t1 || $[30] !== t8) {
-    t9 = /* @__PURE__ */ jsxDEV(Card, {
-      className: "overflow-hidden py-0",
-      children: [t1, t8]
-    }, void 0, true);
-    $[29] = t1;
-    $[30] = t8;
-    $[31] = t9;
+  let t65;
+  if ($[172] !== dialog || $[173] !== refetchAll) {
+    t65 = dialog?.kind === "member-role" && /* @__PURE__ */ jsxDEV(MemberRoleDialog, {
+      member: dialog.member,
+      onClose: closeDialog,
+      onDone: refetchAll
+    }, void 0, false);
+    $[172] = dialog;
+    $[173] = refetchAll;
+    $[174] = t65;
   } else {
-    t9 = $[31];
+    t65 = $[174];
   }
-  let t10;
-  if ($[32] !== t9 || $[33] !== testId) {
-    t10 = /* @__PURE__ */ jsxDEV("div", {
-      className: "flex flex-col gap-2",
-      "data-testid": testId,
-      children: t9
+  let t66;
+  if ($[175] !== dialog?.kind || $[176] !== organizationId || $[177] !== refetchAll) {
+    t66 = dialog?.kind === "team-create" && /* @__PURE__ */ jsxDEV(TeamFormDialog, {
+      mode: "create",
+      onClose: closeDialog,
+      onDone: refetchAll,
+      organizationId
     }, void 0, false);
-    $[32] = t9;
-    $[33] = testId;
-    $[34] = t10;
+    $[175] = dialog?.kind;
+    $[176] = organizationId;
+    $[177] = refetchAll;
+    $[178] = t66;
   } else {
-    t10 = $[34];
+    t66 = $[178];
   }
-  return t10;
+  let t67;
+  if ($[179] !== dialog || $[180] !== organizationId || $[181] !== refetchAll) {
+    t67 = dialog?.kind === "team-rename" && /* @__PURE__ */ jsxDEV(TeamFormDialog, {
+      mode: "edit",
+      onClose: closeDialog,
+      onDone: refetchAll,
+      organizationId,
+      team: dialog.team
+    }, void 0, false);
+    $[179] = dialog;
+    $[180] = organizationId;
+    $[181] = refetchAll;
+    $[182] = t67;
+  } else {
+    t67 = $[182];
+  }
+  let t68;
+  if ($[183] !== dialog || $[184] !== refetchAll) {
+    t68 = dialog?.kind === "team-add-member" && /* @__PURE__ */ jsxDEV(TeamMemberAddDialog, {
+      onClose: closeDialog,
+      onDone: refetchAll,
+      teamId: dialog.teamId
+    }, void 0, false);
+    $[183] = dialog;
+    $[184] = refetchAll;
+    $[185] = t68;
+  } else {
+    t68 = $[185];
+  }
+  let t69;
+  if ($[186] !== dialog?.kind || $[187] !== organizationId || $[188] !== refetchAll) {
+    t69 = dialog?.kind === "role-create" && /* @__PURE__ */ jsxDEV(RoleFormDialog, {
+      mode: "create",
+      onClose: closeDialog,
+      onDone: refetchAll,
+      organizationId
+    }, void 0, false);
+    $[186] = dialog?.kind;
+    $[187] = organizationId;
+    $[188] = refetchAll;
+    $[189] = t69;
+  } else {
+    t69 = $[189];
+  }
+  let t70;
+  if ($[190] !== dialog || $[191] !== organizationId || $[192] !== refetchAll) {
+    t70 = dialog?.kind === "role-edit" && /* @__PURE__ */ jsxDEV(RoleFormDialog, {
+      mode: "edit",
+      onClose: closeDialog,
+      onDone: refetchAll,
+      organizationId,
+      role: dialog.role
+    }, void 0, false);
+    $[190] = dialog;
+    $[191] = organizationId;
+    $[192] = refetchAll;
+    $[193] = t70;
+  } else {
+    t70 = $[193];
+  }
+  let t71;
+  if ($[194] !== dialog || $[195] !== refetchAll) {
+    t71 = dialog?.kind === "confirm" && /* @__PURE__ */ jsxDEV(ConfirmDialog, {
+      action: dialog.action,
+      message: dialog.message,
+      onClose: closeDialog,
+      onDone: refetchAll,
+      testId: dialog.testId,
+      title: dialog.title
+    }, void 0, false);
+    $[194] = dialog;
+    $[195] = refetchAll;
+    $[196] = t71;
+  } else {
+    t71 = $[196];
+  }
+  let t72;
+  if ($[197] !== t48 || $[198] !== t58 || $[199] !== t59 || $[200] !== t60 || $[201] !== t61 || $[202] !== t62 || $[203] !== t63 || $[204] !== t64 || $[205] !== t65 || $[206] !== t66 || $[207] !== t67 || $[208] !== t68 || $[209] !== t69 || $[210] !== t70 || $[211] !== t71) {
+    t72 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex flex-col gap-4",
+      "data-testid": "org-detail",
+      children: [t48, t58, t59, t60, t61, t62, t63, t64, t65, t66, t67, t68, t69, t70, t71]
+    }, void 0, true);
+    $[197] = t48;
+    $[198] = t58;
+    $[199] = t59;
+    $[200] = t60;
+    $[201] = t61;
+    $[202] = t62;
+    $[203] = t63;
+    $[204] = t64;
+    $[205] = t65;
+    $[206] = t66;
+    $[207] = t67;
+    $[208] = t68;
+    $[209] = t69;
+    $[210] = t70;
+    $[211] = t71;
+    $[212] = t72;
+  } else {
+    t72 = $[212];
+  }
+  return t72;
 };
+function _temp(column) {
+  return /* @__PURE__ */ jsxDEV(TableHead, {
+    children: column.head
+  }, column.head, false);
+}
+function _temp2(row_0) {
+  return /* @__PURE__ */ jsxDEV("span", {
+    className: "font-mono text-xs",
+    children: formatCell(row_0.userId)
+  }, void 0, false);
+}
+function _temp3(row_1) {
+  return formatCell(row_1.role);
+}
+function _temp4(row_2) {
+  return formatCell(row_2.email);
+}
+function _temp5(row_3) {
+  return formatCell(row_3.role);
+}
+function _temp6(row_4) {
+  return formatCell(row_4.status);
+}
+function _temp7(row_5) {
+  return formatCell(row_5.id);
+}
+function _temp8(row_6) {
+  return formatCell(row_6.name);
+}
+function _temp9(row_7) {
+  return /* @__PURE__ */ jsxDEV("span", {
+    className: "font-mono text-xs",
+    children: formatCell(row_7.userId)
+  }, void 0, false);
+}
+function _temp0(row_8) {
+  return formatCell(row_8.role);
+}
+function _temp1(row_9) {
+  return formatCell(row_9.permission);
+}
+
 const OrganizationsPanel = () => {
-  const $ = c(95);
+  const $ = c(62);
   const client = useLunora();
   const t = useT();
   const {
-    capabilities,
+    config,
     ready
-  } = useAuthCapabilities();
+  } = useAuthConfig();
+  const orgEnabled = config.capabilities.organization;
   const [selected, setSelected] = useState(null);
+  const [dialog, setDialog] = useState(null);
   let t0;
   if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t0 = ["lunora-auth-orgs"];
@@ -200,11 +2825,11 @@ const OrganizationsPanel = () => {
     t1 = $[2];
   }
   let t2;
-  if ($[3] !== capabilities.organization) {
+  if ($[3] !== orgEnabled) {
     t2 = {
-      enabled: capabilities.organization
+      enabled: orgEnabled
     };
-    $[3] = capabilities.organization;
+    $[3] = orgEnabled;
     $[4] = t2;
   } else {
     t2 = $[4];
@@ -212,320 +2837,171 @@ const OrganizationsPanel = () => {
   const orgsQuery = useClientQuery(t0, t1, t2);
   const orgs = orgsQuery.data?.rows ?? null;
   let t3;
-  if ($[5] !== selected) {
-    t3 = ["lunora-auth-org-members", selected];
-    $[5] = selected;
+  if ($[5] !== orgsQuery) {
+    t3 = () => {
+      orgsQuery.refetch();
+    };
+    $[5] = orgsQuery;
     $[6] = t3;
   } else {
     t3 = $[6];
   }
+  useAutoRefresh(t3, orgEnabled);
   let t4;
-  if ($[7] !== client || $[8] !== selected) {
-    t4 = () => client.listAuthOrgMembers({
-      limit: 200,
-      organizationId: selected ?? ""
-    });
-    $[7] = client;
-    $[8] = selected;
-    $[9] = t4;
-  } else {
-    t4 = $[9];
-  }
-  const t5 = selected !== null;
-  let t6;
-  if ($[10] !== t5) {
-    t6 = {
-      enabled: t5
-    };
-    $[10] = t5;
-    $[11] = t6;
-  } else {
-    t6 = $[11];
-  }
-  const membersQuery = useClientQuery(t3, t4, t6);
-  let t7;
-  if ($[12] !== selected) {
-    t7 = ["lunora-auth-org-invitations", selected];
-    $[12] = selected;
-    $[13] = t7;
-  } else {
-    t7 = $[13];
-  }
-  let t8;
-  if ($[14] !== client || $[15] !== selected) {
-    t8 = () => client.listAuthOrgInvitations({
-      limit: 200,
-      organizationId: selected ?? ""
-    });
-    $[14] = client;
-    $[15] = selected;
-    $[16] = t8;
-  } else {
-    t8 = $[16];
-  }
-  const t9 = selected !== null;
-  let t10;
-  if ($[17] !== t9) {
-    t10 = {
-      enabled: t9
+  if ($[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t4 = () => {
+      setDialog(null);
     };
-    $[17] = t9;
-    $[18] = t10;
+    $[7] = t4;
   } else {
-    t10 = $[18];
+    t4 = $[7];
   }
-  const invitationsQuery = useClientQuery(t7, t8, t10);
-  const members = selected === null ? null : membersQuery.data?.rows ?? null;
-  const invitations = selected === null ? null : invitationsQuery.data?.rows ?? null;
-  const error = orgsQuery.error ?? membersQuery.error ?? invitationsQuery.error;
-  let t11;
-  if ($[19] !== invitationsQuery || $[20] !== membersQuery || $[21] !== orgsQuery || $[22] !== selected) {
-    t11 = () => {
+  const closeDialog = t4;
+  let t5;
+  if ($[8] !== orgsQuery) {
+    t5 = () => {
       orgsQuery.refetch();
-      if (selected !== null) {
-        membersQuery.refetch();
-        invitationsQuery.refetch();
-      }
     };
-    $[19] = invitationsQuery;
-    $[20] = membersQuery;
-    $[21] = orgsQuery;
-    $[22] = selected;
-    $[23] = t11;
+    $[8] = orgsQuery;
+    $[9] = t5;
   } else {
-    t11 = $[23];
+    t5 = $[9];
   }
-  useAutoRefresh(t11, capabilities.organization);
-  let t12;
-  if ($[24] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t12 = (id) => {
+  const refetchOrgs = t5;
+  let t6;
+  if ($[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t6 = (id) => {
       setSelected(id);
     };
-    $[24] = t12;
-  } else {
-    t12 = $[24];
-  }
-  const onSelectOrg = t12;
-  let t13;
-  if ($[25] !== invitationsQuery || $[26] !== membersQuery) {
-    t13 = (action) => {
-      fireAndForget((async () => {
-        await action();
-        membersQuery.refetch();
-        invitationsQuery.refetch();
-      })());
-    };
-    $[25] = invitationsQuery;
-    $[26] = membersQuery;
-    $[27] = t13;
-  } else {
-    t13 = $[27];
-  }
-  const runOrgAction = t13;
-  let t14;
-  if ($[28] !== client || $[29] !== runOrgAction) {
-    t14 = (memberId) => {
-      runOrgAction(() => client.removeAuthOrgMember({
-        memberId
-      }));
-    };
-    $[28] = client;
-    $[29] = runOrgAction;
-    $[30] = t14;
-  } else {
-    t14 = $[30];
-  }
-  const onRemoveMember = t14;
-  let t15;
-  if ($[31] !== client || $[32] !== runOrgAction) {
-    t15 = (invitationId) => {
-      runOrgAction(() => client.cancelAuthOrgInvitation({
-        invitationId
-      }));
-    };
-    $[31] = client;
-    $[32] = runOrgAction;
-    $[33] = t15;
-  } else {
-    t15 = $[33];
-  }
-  const onCancelInvitation = t15;
-  let t16;
-  if ($[34] !== t) {
-    t16 = t("userId");
-    $[34] = t;
-    $[35] = t16;
-  } else {
-    t16 = $[35];
-  }
-  let t17;
-  if ($[36] !== t16) {
-    t17 = {
-      head: t16,
-      render: _temp2
-    };
-    $[36] = t16;
-    $[37] = t17;
-  } else {
-    t17 = $[37];
-  }
-  let t18;
-  if ($[38] !== t) {
-    t18 = t("role");
-    $[38] = t;
-    $[39] = t18;
+    $[10] = t6;
   } else {
-    t18 = $[39];
+    t6 = $[10];
   }
-  let t19;
-  if ($[40] !== t18) {
-    t19 = {
-      head: t18,
-      render: _temp3
-    };
-    $[40] = t18;
-    $[41] = t19;
-  } else {
-    t19 = $[41];
+  const onSelectOrg = t6;
+  if (ready && !orgEnabled) {
+    let t72;
+    if ($[11] !== t) {
+      t72 = t("Enable the organization() plugin in your auth config to manage organizations here.");
+      $[11] = t;
+      $[12] = t72;
+    } else {
+      t72 = $[12];
+    }
+    let t82;
+    if ($[13] !== t) {
+      t82 = t("Organizations are not enabled.");
+      $[13] = t;
+      $[14] = t82;
+    } else {
+      t82 = $[14];
+    }
+    let t92;
+    if ($[15] !== t72 || $[16] !== t82) {
+      t92 = /* @__PURE__ */ jsxDEV(EmptyState, {
+        description: t72,
+        testId: "org-disabled",
+        title: t82
+      }, void 0, false);
+      $[15] = t72;
+      $[16] = t82;
+      $[17] = t92;
+    } else {
+      t92 = $[17];
+    }
+    return t92;
   }
-  let t20;
-  if ($[42] !== t17 || $[43] !== t19) {
-    t20 = [t17, t19];
-    $[42] = t17;
-    $[43] = t19;
-    $[44] = t20;
+  let t7;
+  if ($[18] !== t) {
+    t7 = t("Organizations");
+    $[18] = t;
+    $[19] = t7;
   } else {
-    t20 = $[44];
+    t7 = $[19];
   }
-  const memberColumns = t20;
-  let t21;
-  if ($[45] !== t) {
-    t21 = t("email");
-    $[45] = t;
-    $[46] = t21;
+  let t8;
+  if ($[20] !== t7) {
+    t8 = /* @__PURE__ */ jsxDEV("span", {
+      className: "font-mono text-[11px] tracking-wide text-muted-foreground uppercase",
+      children: t7
+    }, void 0, false);
+    $[20] = t7;
+    $[21] = t8;
   } else {
-    t21 = $[46];
+    t8 = $[21];
   }
-  let t22;
-  if ($[47] !== t21) {
-    t22 = {
-      head: t21,
-      render: _temp4
+  let t9;
+  if ($[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t9 = () => {
+      setDialog({
+        kind: "create"
+      });
     };
-    $[47] = t21;
-    $[48] = t22;
-  } else {
-    t22 = $[48];
-  }
-  let t23;
-  if ($[49] !== t) {
-    t23 = t("role");
-    $[49] = t;
-    $[50] = t23;
+    $[22] = t9;
   } else {
-    t23 = $[50];
+    t9 = $[22];
   }
-  let t24;
-  if ($[51] !== t23) {
-    t24 = {
-      head: t23,
-      render: _temp5
-    };
-    $[51] = t23;
-    $[52] = t24;
+  let t10;
+  if ($[23] !== t) {
+    t10 = t("New organization");
+    $[23] = t;
+    $[24] = t10;
   } else {
-    t24 = $[52];
+    t10 = $[24];
   }
-  let t25;
-  if ($[53] !== t) {
-    t25 = t("status");
-    $[53] = t;
-    $[54] = t25;
+  let t11;
+  if ($[25] !== t10) {
+    t11 = /* @__PURE__ */ jsxDEV(Button, {
+      "data-testid": "org-new",
+      onClick: t9,
+      size: "sm",
+      type: "button",
+      children: t10
+    }, void 0, false);
+    $[25] = t10;
+    $[26] = t11;
   } else {
-    t25 = $[54];
+    t11 = $[26];
   }
-  let t26;
-  if ($[55] !== t25) {
-    t26 = {
-      head: t25,
-      render: _temp6
-    };
-    $[55] = t25;
-    $[56] = t26;
+  let t12;
+  if ($[27] !== t11 || $[28] !== t8) {
+    t12 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex items-center justify-between",
+      children: [t8, t11]
+    }, void 0, true);
+    $[27] = t11;
+    $[28] = t8;
+    $[29] = t12;
   } else {
-    t26 = $[56];
-  }
-  let t27;
-  if ($[57] !== t22 || $[58] !== t24 || $[59] !== t26) {
-    t27 = [t22, t24, t26];
-    $[57] = t22;
-    $[58] = t24;
-    $[59] = t26;
-    $[60] = t27;
-  } else {
-    t27 = $[60];
-  }
-  const invitationColumns = t27;
-  if (ready && !capabilities.organization) {
-    let t282;
-    if ($[61] !== t) {
-      t282 = t("Enable the organization() plugin in your auth config to manage organizations here.");
-      $[61] = t;
-      $[62] = t282;
-    } else {
-      t282 = $[62];
-    }
-    let t292;
-    if ($[63] !== t) {
-      t292 = t("Organizations are not enabled.");
-      $[63] = t;
-      $[64] = t292;
-    } else {
-      t292 = $[64];
-    }
-    let t302;
-    if ($[65] !== t282 || $[66] !== t292) {
-      t302 = /* @__PURE__ */ jsxDEV(EmptyState, {
-        description: t282,
-        testId: "org-disabled",
-        title: t292
-      }, void 0, false);
-      $[65] = t282;
-      $[66] = t292;
-      $[67] = t302;
-    } else {
-      t302 = $[67];
-    }
-    return t302;
+    t12 = $[29];
   }
-  let t28;
-  if ($[68] !== error) {
-    t28 = error !== null && /* @__PURE__ */ jsxDEV("p", {
+  let t13;
+  if ($[30] !== orgsQuery.error) {
+    t13 = orgsQuery.error !== null && /* @__PURE__ */ jsxDEV("p", {
       className: "text-sm text-destructive",
       "data-testid": "org-error",
       role: "alert",
-      children: error
+      children: orgsQuery.error
     }, void 0, false);
-    $[68] = error;
-    $[69] = t28;
+    $[30] = orgsQuery.error;
+    $[31] = t13;
   } else {
-    t28 = $[69];
+    t13 = $[31];
   }
-  let t29;
-  if ($[70] !== orgs || $[71] !== t) {
-    t29 = orgs !== null && orgs.length === 0 && /* @__PURE__ */ jsxDEV(EmptyState, {
+  let t14;
+  if ($[32] !== orgs || $[33] !== t) {
+    t14 = orgs !== null && orgs.length === 0 && /* @__PURE__ */ jsxDEV(EmptyState, {
       testId: "org-empty",
       title: t("No organizations.")
     }, void 0, false);
-    $[70] = orgs;
-    $[71] = t;
-    $[72] = t29;
+    $[32] = orgs;
+    $[33] = t;
+    $[34] = t14;
   } else {
-    t29 = $[72];
+    t14 = $[34];
   }
-  let t30;
-  if ($[73] !== orgs || $[74] !== selected || $[75] !== t) {
-    t30 = orgs !== null && orgs.length > 0 && /* @__PURE__ */ jsxDEV(Card, {
+  let t15;
+  if ($[35] !== orgs || $[36] !== selected || $[37] !== t) {
+    t15 = orgs !== null && orgs.length > 0 && /* @__PURE__ */ jsxDEV(Card, {
       className: "overflow-hidden py-0",
       children: /* @__PURE__ */ jsxDEV(CardContent, {
         className: "px-0",
@@ -561,17 +3037,44 @@ const OrganizationsPanel = () => {
                   className: "text-muted-foreground tabular-nums",
                   children: formatTimestamp(org.createdAt)
                 }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
-                  children: /* @__PURE__ */ jsxDEV(Button, {
-                    "aria-pressed": selected === id_0,
-                    "data-testid": `org-select-${id_0}`,
-                    onClick: () => {
-                      onSelectOrg(id_0);
-                    },
-                    size: "xs",
-                    type: "button",
-                    variant: "ghost",
-                    children: t("Members")
-                  }, void 0, false)
+                  children: /* @__PURE__ */ jsxDEV("div", {
+                    className: "flex justify-end gap-1",
+                    children: [/* @__PURE__ */ jsxDEV(Button, {
+                      "aria-pressed": selected === id_0,
+                      "data-testid": `org-select-${id_0}`,
+                      onClick: () => {
+                        onSelectOrg(id_0);
+                      },
+                      size: "xs",
+                      type: "button",
+                      variant: "ghost",
+                      children: t("Manage")
+                    }, void 0, false), /* @__PURE__ */ jsxDEV(Button, {
+                      "data-testid": `org-edit-${id_0}`,
+                      onClick: () => {
+                        setDialog({
+                          kind: "edit",
+                          org
+                        });
+                      },
+                      size: "xs",
+                      type: "button",
+                      variant: "ghost",
+                      children: t("Edit")
+                    }, void 0, false), /* @__PURE__ */ jsxDEV(Button, {
+                      "data-testid": `org-delete-${id_0}`,
+                      onClick: () => {
+                        setDialog({
+                          kind: "delete",
+                          org
+                        });
+                      },
+                      size: "xs",
+                      type: "button",
+                      variant: "ghost",
+                      children: t("Delete")
+                    }, void 0, false)]
+                  }, void 0, true)
                 }, void 0, false)]
               }, id_0, true);
             })
@@ -579,92 +3082,97 @@ const OrganizationsPanel = () => {
         }, void 0, true)
       }, void 0, false)
     }, void 0, false);
-    $[73] = orgs;
-    $[74] = selected;
-    $[75] = t;
-    $[76] = t30;
+    $[35] = orgs;
+    $[36] = selected;
+    $[37] = t;
+    $[38] = t15;
   } else {
-    t30 = $[76];
+    t15 = $[38];
   }
-  let t31;
-  if ($[77] !== memberColumns || $[78] !== members || $[79] !== onRemoveMember || $[80] !== selected || $[81] !== t) {
-    t31 = selected !== null && members !== null && /* @__PURE__ */ jsxDEV(OrgRowTable, {
-      actionLabel: t("Remove"),
-      actionPrefix: "org-remove-member",
-      columns: memberColumns,
-      heading: t("Members"),
-      onAction: onRemoveMember,
-      rowPrefix: "org-member",
-      rows: members,
-      testId: "org-members"
+  let t16;
+  if ($[39] !== config.organization || $[40] !== selected) {
+    t16 = selected !== null && /* @__PURE__ */ jsxDEV(OrganizationDetail, {
+      organizationId: selected,
+      rolesEnabled: config.organization.roles,
+      teamsEnabled: config.organization.teams
     }, void 0, false);
-    $[77] = memberColumns;
-    $[78] = members;
-    $[79] = onRemoveMember;
-    $[80] = selected;
-    $[81] = t;
-    $[82] = t31;
+    $[39] = config.organization;
+    $[40] = selected;
+    $[41] = t16;
   } else {
-    t31 = $[82];
+    t16 = $[41];
   }
-  let t32;
-  if ($[83] !== invitationColumns || $[84] !== invitations || $[85] !== onCancelInvitation || $[86] !== selected || $[87] !== t) {
-    t32 = selected !== null && invitations !== null && invitations.length > 0 && /* @__PURE__ */ jsxDEV(OrgRowTable, {
-      actionLabel: t("Cancel"),
-      actionPrefix: "org-cancel-invitation",
-      columns: invitationColumns,
-      heading: t("Invitations"),
-      onAction: onCancelInvitation,
-      rowPrefix: "org-invitation",
-      rows: invitations,
-      testId: "org-invitations"
+  let t17;
+  if ($[42] !== dialog?.kind || $[43] !== refetchOrgs) {
+    t17 = dialog?.kind === "create" && /* @__PURE__ */ jsxDEV(OrgFormDialog, {
+      mode: "create",
+      onClose: closeDialog,
+      onDone: refetchOrgs
     }, void 0, false);
-    $[83] = invitationColumns;
-    $[84] = invitations;
-    $[85] = onCancelInvitation;
-    $[86] = selected;
-    $[87] = t;
-    $[88] = t32;
+    $[42] = dialog?.kind;
+    $[43] = refetchOrgs;
+    $[44] = t17;
   } else {
-    t32 = $[88];
+    t17 = $[44];
   }
-  let t33;
-  if ($[89] !== t28 || $[90] !== t29 || $[91] !== t30 || $[92] !== t31 || $[93] !== t32) {
-    t33 = /* @__PURE__ */ jsxDEV("div", {
+  let t18;
+  if ($[45] !== dialog || $[46] !== refetchOrgs) {
+    t18 = dialog?.kind === "edit" && /* @__PURE__ */ jsxDEV(OrgFormDialog, {
+      mode: "edit",
+      onClose: closeDialog,
+      onDone: refetchOrgs,
+      org: dialog.org
+    }, void 0, false);
+    $[45] = dialog;
+    $[46] = refetchOrgs;
+    $[47] = t18;
+  } else {
+    t18 = $[47];
+  }
+  let t19;
+  if ($[48] !== client || $[49] !== dialog || $[50] !== refetchOrgs || $[51] !== t) {
+    t19 = dialog?.kind === "delete" && /* @__PURE__ */ jsxDEV(ConfirmDialog, {
+      action: async () => {
+        const id_1 = formatCell(dialog.org.id);
+        await client.deleteAuthOrganization({
+          organizationId: id_1
+        });
+        setSelected((current) => current === id_1 ? null : current);
+      },
+      message: t("Delete this organization? Its members, invitations, teams, and custom roles are removed. This cannot be undone."),
+      onClose: closeDialog,
+      onDone: refetchOrgs,
+      testId: "org-delete",
+      title: t("Delete organization")
+    }, void 0, false);
+    $[48] = client;
+    $[49] = dialog;
+    $[50] = refetchOrgs;
+    $[51] = t;
+    $[52] = t19;
+  } else {
+    t19 = $[52];
+  }
+  let t20;
+  if ($[53] !== t12 || $[54] !== t13 || $[55] !== t14 || $[56] !== t15 || $[57] !== t16 || $[58] !== t17 || $[59] !== t18 || $[60] !== t19) {
+    t20 = /* @__PURE__ */ jsxDEV("div", {
       className: "flex flex-col gap-4",
       "data-testid": "lunora-organizations",
-      children: [t28, t29, t30, t31, t32]
+      children: [t12, t13, t14, t15, t16, t17, t18, t19]
     }, void 0, true);
-    $[89] = t28;
-    $[90] = t29;
-    $[91] = t30;
-    $[92] = t31;
-    $[93] = t32;
-    $[94] = t33;
+    $[53] = t12;
+    $[54] = t13;
+    $[55] = t14;
+    $[56] = t15;
+    $[57] = t16;
+    $[58] = t17;
+    $[59] = t18;
+    $[60] = t19;
+    $[61] = t20;
   } else {
-    t33 = $[94];
+    t20 = $[61];
   }
-  return t33;
+  return t20;
 };
-function _temp(column) {
-  return /* @__PURE__ */ jsxDEV(TableHead, {
-    children: column.head
-  }, column.head, false);
-}
-function _temp2(row) {
-  return formatCell(row.userId);
-}
-function _temp3(row_0) {
-  return formatCell(row_0.role);
-}
-function _temp4(row_1) {
-  return formatCell(row_1.email);
-}
-function _temp5(row_2) {
-  return formatCell(row_2.role);
-}
-function _temp6(row_3) {
-  return formatCell(row_3.status);
-}
 
 export { OrganizationsPanel };