@elevasis/ui 1.19.0 → 1.20.0

package/dist/chunk-JZEXFQ6N.js

@@ -0,0 +1,671 @@
+import { FilterBar } from './chunk-PDHTXPSF.js';
+import { CustomModal } from './chunk-GBMNCNHX.js';
+import { ListSkeleton, EmptyState, PageTitleCaption, CardHeader, APIErrorAlert } from './chunk-AWMZCYKH.js';
+import { AppShellLoader } from './chunk-WWEMNIHW.js';
+import { useDeleteCredential, useCreateCredential, useCredentials, MEMBERSHIP_STATUS_COLORS, transformMembershipToTableRow, CredentialSchemas } from './chunk-XOTN3X3Z.js';
+import { formatDateTime } from './chunk-IOKL7BKE.js';
+import { useInitialization } from './chunk-TUXTSEAF.js';
+import { useState, useEffect } from 'react';
+import { Table, Group, Text, Tooltip, ActionIcon, Stack, Title, Button, Select, TextInput, Alert, PasswordInput, Anchor, Paper, Card, Switch, Badge, Center, Loader, Box, Code, CopyButton } from '@mantine/core';
+import { IconKey, IconCalendar, IconPencil, IconTrash, IconAlertTriangle, IconInfoCircle, IconExclamationMark, IconPlus, IconAlertCircle, IconUsers, IconSearch, IconBuilding, IconEdit, IconUserX, IconUserCheck, IconWebhook, IconCheck, IconCopy } from '@tabler/icons-react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useForm } from '@mantine/form';
+import { z } from 'zod';
+
+function CredentialList({ credentials, isLoading, onEdit }) {
+  const [deleteCredential, setDeleteCredential] = useState(null);
+  const deleteMutation = useDeleteCredential();
+  const handleDelete = () => {
+    if (deleteCredential) {
+      deleteMutation.mutate(deleteCredential.id);
+      setDeleteCredential(null);
+    }
+  };
+  const handleCloseDelete = () => {
+    if (!deleteMutation.isPending) {
+      setDeleteCredential(null);
+    }
+  };
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(ListSkeleton, { rows: 3, rowHeight: 60 });
+  }
+  if (credentials.length === 0) {
+    return /* @__PURE__ */ jsx(
+      EmptyState,
+      {
+        icon: IconKey,
+        title: "No credentials yet",
+        description: "Create your first credential to enable external service integrations"
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(Table, { children: [
+      /* @__PURE__ */ jsx(Table.Thead, { children: /* @__PURE__ */ jsxs(Table.Tr, { children: [
+        /* @__PURE__ */ jsx(Table.Th, { children: "Name" }),
+        /* @__PURE__ */ jsx(Table.Th, { children: "Created" }),
+        /* @__PURE__ */ jsx(Table.Th, { w: 100 })
+      ] }) }),
+      /* @__PURE__ */ jsx(Table.Tbody, { children: credentials.map((credential) => /* @__PURE__ */ jsxs(Table.Tr, { children: [
+        /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+          /* @__PURE__ */ jsx(IconKey, { size: 16, style: { opacity: 0.6 } }),
+          /* @__PURE__ */ jsx(Text, { fw: 500, children: credential.name })
+        ] }) }),
+        /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsxs(Group, { gap: 4, children: [
+          /* @__PURE__ */ jsx(IconCalendar, { size: 14, style: { opacity: 0.5 } }),
+          /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: formatDateTime(credential.createdAt) })
+        ] }) }),
+        /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsxs(Group, { gap: "xs", justify: "flex-end", children: [
+          onEdit && /* @__PURE__ */ jsx(Tooltip, { label: "Edit credential", children: /* @__PURE__ */ jsx(
+            ActionIcon,
+            {
+              variant: "subtle",
+              color: "gray",
+              onClick: () => onEdit(credential),
+              disabled: deleteMutation.isPending,
+              children: /* @__PURE__ */ jsx(IconPencil, { size: 16 })
+            }
+          ) }),
+          /* @__PURE__ */ jsx(Tooltip, { label: "Delete credential", position: "left", children: /* @__PURE__ */ jsx(
+            ActionIcon,
+            {
+              variant: "subtle",
+              color: "red",
+              onClick: () => setDeleteCredential(credential),
+              disabled: deleteMutation.isPending,
+              children: /* @__PURE__ */ jsx(IconTrash, { size: 16 })
+            }
+          ) })
+        ] }) })
+      ] }, credential.id)) })
+    ] }),
+    /* @__PURE__ */ jsx(CustomModal, { opened: !!deleteCredential, onClose: handleCloseDelete, size: "md", loading: deleteMutation.isPending, children: /* @__PURE__ */ jsxs(Stack, { children: [
+      /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+        /* @__PURE__ */ jsx(IconAlertTriangle, { size: 24, color: "var(--color-error)" }),
+        /* @__PURE__ */ jsx(Title, { order: 3, children: "Delete Credential" })
+      ] }),
+      /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
+        "Are you sure you want to delete",
+        " ",
+        /* @__PURE__ */ jsxs(Text, { span: true, fw: 600, children: [
+          '"',
+          deleteCredential?.name,
+          '"'
+        ] }),
+        "?"
+      ] }),
+      /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "This action cannot be undone. Any agents or tools using this credential will stop working immediately." }),
+      /* @__PURE__ */ jsxs(Group, { justify: "space-between", gap: "sm", children: [
+        /* @__PURE__ */ jsx(Button, { variant: "light", onClick: handleCloseDelete, disabled: deleteMutation.isPending, children: "Cancel" }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            color: "red",
+            onClick: handleDelete,
+            loading: deleteMutation.isPending,
+            leftSection: /* @__PURE__ */ jsx(IconTrash, { size: 16 }),
+            children: "Delete Credential"
+          }
+        )
+      ] })
+    ] }) })
+  ] });
+}
+var CredentialFieldSchema = z.object({
+  key: z.string(),
+  label: z.string(),
+  type: z.enum(["password", "text"]),
+  required: z.boolean(),
+  placeholder: z.string().optional(),
+  description: z.string().optional()
+});
+var CredentialSchemaZod = z.object({
+  type: z.string(),
+  label: z.string(),
+  description: z.string(),
+  fields: z.array(CredentialFieldSchema).optional(),
+  docsUrl: z.string().url().optional(),
+  nameSuggestions: z.array(z.string()),
+  oauthProvider: z.string().optional()
+});
+var CREDENTIAL_SCHEMAS = {
+  "google-sheets": {
+    type: "oauth",
+    label: "Google Sheets",
+    description: "Google Sheets OAuth integration",
+    oauthProvider: "google-sheets",
+    nameSuggestions: ["google-sheets-prod", "google-sheets-dev", "sheets-workspace"]
+  },
+  dropbox: {
+    type: "oauth",
+    label: "Dropbox",
+    description: "Dropbox OAuth integration",
+    oauthProvider: "dropbox",
+    nameSuggestions: ["dropbox-prod", "dropbox-dev", "elevasis-dropbox"]
+  },
+  oauth: {
+    type: "oauth",
+    label: "OAuth",
+    description: "Generic OAuth credential",
+    nameSuggestions: []
+  },
+  "api-key": {
+    type: "single_field",
+    label: "API Key",
+    description: "Single-field API key credential",
+    fields: [
+      {
+        key: "apiKey",
+        label: "API Key",
+        type: "password",
+        required: true,
+        placeholder: "Enter your API key",
+        description: "API key for the service"
+      }
+    ],
+    nameSuggestions: ["service-prod", "service-dev", "api-key"]
+  },
+  "webhook-secret": {
+    type: "single_field",
+    label: "Webhook Secret",
+    description: "Webhook signing secret for signature validation",
+    fields: [
+      {
+        key: "signingSecret",
+        label: "Signing Secret",
+        type: "password",
+        required: true,
+        placeholder: "whsec_...",
+        description: "Webhook signing secret from provider dashboard"
+      }
+    ],
+    nameSuggestions: ["my-org-cal-com-webhook", "my-org-stripe-webhook", "my-org-signature-api-webhook"]
+  },
+  "api-key-secret": {
+    type: "api-key-secret",
+    label: "API Key + Secret",
+    description: "API key and secret pair authentication",
+    fields: [
+      {
+        key: "apiKey",
+        label: "API Key",
+        type: "password",
+        required: true
+      },
+      {
+        key: "apiSecret",
+        label: "API Secret",
+        type: "password",
+        required: true
+      }
+    ],
+    nameSuggestions: []
+  }
+};
+function getCredentialSchema(type) {
+  const schema = CREDENTIAL_SCHEMAS[type] || CREDENTIAL_SCHEMAS["api-key"];
+  return CredentialSchemaZod.parse(schema);
+}
+
+// ../core/src/integrations/credentials/utils.ts
+function buildCredentialValue(type, formValues) {
+  const schema = getCredentialSchema(type);
+  if (schema.type === "oauth") {
+    throw new Error(`buildCredentialValue should not be used for OAuth type: ${type}`);
+  }
+  const value = {};
+  if (schema.fields) {
+    for (const field of schema.fields) {
+      const fieldValue = formValues[field.key];
+      if (fieldValue !== void 0 && fieldValue !== null) {
+        value[field.key] = fieldValue.trim();
+      }
+    }
+  }
+  return value;
+}
+function CreateCredentialModal({ opened, onClose, onSuccess }) {
+  const createCredential = useCreateCredential();
+  const [selectedType, setSelectedType] = useState("api-key");
+  const [schema, setSchema] = useState(getCredentialSchema("api-key"));
+  useEffect(() => {
+    setSchema(getCredentialSchema(selectedType));
+  }, [selectedType]);
+  const getInitialValues = (currentSchema) => {
+    const values = { name: "" };
+    if (currentSchema.fields) {
+      currentSchema.fields.forEach((field) => {
+        values[field.key] = "";
+      });
+    }
+    return values;
+  };
+  const getValidation = (currentSchema) => {
+    const validation = {
+      name: (value) => {
+        const result = CredentialSchemas.CreateRequest.shape.name.safeParse(value);
+        return result.success ? null : result.error.issues[0]?.message || "Invalid credential name";
+      }
+    };
+    if (currentSchema.fields) {
+      currentSchema.fields.forEach((field) => {
+        if (field.required) {
+          validation[field.key] = (value) => !value.trim() ? `${field.label} is required` : null;
+        }
+      });
+    }
+    return validation;
+  };
+  const form = useForm({
+    initialValues: getInitialValues(schema),
+    validate: getValidation(schema)
+  });
+  useEffect(() => {
+    const newValues = getInitialValues(schema);
+    form.setValues(newValues);
+    form.setFieldValue("name", form.values.name || "");
+    form.resetDirty();
+  }, [selectedType]);
+  const handleSubmit = async (values) => {
+    if (schema.type === "oauth") {
+      console.error("OAuth credentials cannot be created via this modal");
+      return;
+    }
+    const data = {
+      name: values.name.trim(),
+      type: selectedType,
+      value: buildCredentialValue(selectedType, values)
+    };
+    const validationResult = CredentialSchemas.CreateRequest.safeParse(data);
+    if (!validationResult.success) {
+      console.error("Validation failed:", validationResult.error);
+      return;
+    }
+    try {
+      const result = await createCredential.mutateAsync(data);
+      form.reset();
+      setSelectedType("api-key");
+      onSuccess(result);
+    } catch (error) {
+      console.error("Failed to create credential:", error);
+    }
+  };
+  const handleClose = () => {
+    if (!createCredential.isPending) {
+      form.reset();
+      setSelectedType("api-key");
+      onClose();
+    }
+  };
+  return /* @__PURE__ */ jsx(CustomModal, { opened, onClose: handleClose, size: "lg", loading: createCredential.isPending, children: /* @__PURE__ */ jsx("form", { onSubmit: form.onSubmit(handleSubmit), children: /* @__PURE__ */ jsxs(Stack, { children: [
+    /* @__PURE__ */ jsx(Title, { order: 3, children: "Create New Credential" }),
+    /* @__PURE__ */ jsx(
+      Select,
+      {
+        label: "Credential Type",
+        description: "Select the integration type",
+        placeholder: "Select credential type",
+        data: Object.entries(CREDENTIAL_SCHEMAS).filter(([_, s]) => s.type !== "oauth").map(([key, s]) => ({ value: key, label: s.label })),
+        value: selectedType,
+        onChange: (value) => setSelectedType(value || "api-key"),
+        required: true,
+        disabled: createCredential.isPending
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      TextInput,
+      {
+        label: "Credential Name",
+        description: schema.nameSuggestions.length > 0 ? `Suggested: ${schema.nameSuggestions.join(", ")}` : "Lowercase letters, numbers, and hyphens only (e.g., service-dev, service-prod)",
+        placeholder: schema.nameSuggestions[0] || "e.g., service-prod",
+        leftSection: /* @__PURE__ */ jsx(IconKey, { size: 16 }),
+        maxLength: 100,
+        required: true,
+        ...form.getInputProps("name"),
+        disabled: createCredential.isPending
+      }
+    ),
+    schema.type === "oauth" ? /* @__PURE__ */ jsxs(Alert, { icon: /* @__PURE__ */ jsx(IconInfoCircle, { size: 16 }), color: "blue", children: [
+      schema.label,
+      " uses OAuth authentication. Please go to the OAuth Integrations page to connect your",
+      " ",
+      schema.label,
+      " account."
+    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      schema.fields?.map((field) => /* @__PURE__ */ jsx(
+        PasswordInput,
+        {
+          label: field.label,
+          description: field.description,
+          placeholder: field.placeholder,
+          required: field.required,
+          value: form.values[field.key] || "",
+          onChange: (e) => form.setFieldValue(field.key, e.target.value),
+          error: form.errors[field.key],
+          disabled: createCredential.isPending
+        },
+        field.key
+      )),
+      schema.docsUrl && /* @__PURE__ */ jsxs(Text, { size: "sm", c: "dimmed", children: [
+        "Get credentials from",
+        " ",
+        /* @__PURE__ */ jsx(Anchor, { href: schema.docsUrl, target: "_blank", rel: "noopener noreferrer", children: schema.docsUrl })
+      ] })
+    ] }),
+    createCredential.error && /* @__PURE__ */ jsx(Alert, { icon: /* @__PURE__ */ jsx(IconExclamationMark, { size: 16 }), color: "red", children: createCredential.error instanceof Error ? createCredential.error.message : "An error occurred while creating the credential" }),
+    /* @__PURE__ */ jsxs(Group, { justify: "flex-end", gap: "sm", children: [
+      /* @__PURE__ */ jsx(Button, { variant: "subtle", onClick: handleClose, disabled: createCredential.isPending, children: "Cancel" }),
+      /* @__PURE__ */ jsx(Button, { type: "submit", loading: createCredential.isPending, leftSection: /* @__PURE__ */ jsx(IconKey, { size: 16 }), children: "Create Credential" })
+    ] })
+  ] }) }) });
+}
+function CredentialSettings({ oauthSection }) {
+  const { organizationReady } = useInitialization();
+  const [showCreateModal, setShowCreateModal] = useState(false);
+  const { data: credentials = [], isLoading } = useCredentials();
+  if (!organizationReady) return /* @__PURE__ */ jsx(AppShellLoader, {});
+  const handleCredentialCreated = (result) => {
+    console.log("Credential created:", result);
+    setShowCreateModal(false);
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      PageTitleCaption,
+      {
+        title: "Organization Credentials",
+        caption: "Manage encrypted credentials for third-party service integrations"
+      }
+    ),
+    oauthSection,
+    /* @__PURE__ */ jsxs(Paper, { withBorder: true, children: [
+      /* @__PURE__ */ jsx(
+        CardHeader,
+        {
+          icon: /* @__PURE__ */ jsx(IconKey, { size: 18 }),
+          title: "Credentials",
+          subtitle: "Configured API keys and credentials",
+          rightSection: /* @__PURE__ */ jsx(Button, { leftSection: /* @__PURE__ */ jsx(IconPlus, { size: 16 }), onClick: () => setShowCreateModal(true), variant: "light", children: "Create Credential" })
+        }
+      ),
+      /* @__PURE__ */ jsx(CredentialList, { credentials, isLoading })
+    ] }),
+    /* @__PURE__ */ jsx(
+      CreateCredentialModal,
+      {
+        opened: showCreateModal,
+        onClose: () => setShowCreateModal(false),
+        onSuccess: handleCredentialCreated
+      }
+    )
+  ] });
+}
+function OAuthConnectModal({ opened, onClose, provider, onConnect, error, isLoading }) {
+  const [credentialName, setCredentialName] = useState("");
+  useEffect(() => {
+    if (opened && provider) {
+      setCredentialName(`${provider.id}-prod`);
+    }
+  }, [opened, provider]);
+  useEffect(() => {
+    if (!opened) {
+      setCredentialName("");
+    }
+  }, [opened]);
+  const handleConnect = async () => {
+    if (!credentialName.trim() || !provider) return;
+    await onConnect(credentialName);
+  };
+  const handleClose = () => {
+    if (!isLoading) {
+      onClose();
+    }
+  };
+  return /* @__PURE__ */ jsx(CustomModal, { opened: opened && !!provider, onClose: handleClose, size: "md", loading: isLoading, children: provider && /* @__PURE__ */ jsxs(Stack, { children: [
+    /* @__PURE__ */ jsxs(Title, { order: 3, children: [
+      "Connect ",
+      provider.name
+    ] }),
+    /* @__PURE__ */ jsxs(Text, { size: "sm", c: "dimmed", children: [
+      "Authorize Elevasis to access your ",
+      provider.name,
+      " account"
+    ] }),
+    provider.scopes && provider.scopes.length > 0 && /* @__PURE__ */ jsxs(Text, { size: "sm", c: "dimmed", children: [
+      "Permissions requested: ",
+      provider.scopes.join(", ")
+    ] }),
+    error && /* @__PURE__ */ jsx(Alert, { icon: /* @__PURE__ */ jsx(IconAlertCircle, { size: 16 }), color: "red", title: "Connection Failed", children: error }),
+    /* @__PURE__ */ jsx(
+      TextInput,
+      {
+        label: "Credential Name",
+        placeholder: `${provider.id}-prod`,
+        value: credentialName,
+        onChange: (e) => setCredentialName(e.target.value),
+        required: true,
+        disabled: isLoading,
+        description: "Use naming convention to indicate environment (e.g., notion-dev, slack-prod)"
+      }
+    ),
+    /* @__PURE__ */ jsxs(Group, { justify: "space-between", mt: "md", children: [
+      /* @__PURE__ */ jsx(Button, { variant: "light", onClick: handleClose, disabled: isLoading, children: "Cancel" }),
+      /* @__PURE__ */ jsxs(Button, { onClick: handleConnect, loading: isLoading, disabled: !credentialName.trim(), children: [
+        "Connect ",
+        provider.name
+      ] })
+    ] })
+  ] }) });
+}
+var FEATURES = [
+  { key: "acquisition", label: "Acquisition" },
+  { key: "calibration", label: "Calibration" },
+  { key: "seo", label: "SEO" }
+];
+function MembershipFeaturePanel({
+  currentConfig,
+  onConfigChange,
+  disabled = false
+}) {
+  const handleFeatureToggle = (featureKey, enabled) => {
+    const newConfig = {
+      ...currentConfig,
+      features: {
+        ...currentConfig?.features,
+        [featureKey]: enabled
+      }
+    };
+    onConfigChange(newConfig);
+  };
+  return /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+    /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "Toggle features this member can access." }),
+    FEATURES.map(({ key, label }) => {
+      const isEnabled = currentConfig?.features?.[key] !== false;
+      return /* @__PURE__ */ jsxs(Group, { justify: "space-between", wrap: "nowrap", children: [
+        /* @__PURE__ */ jsx(Text, { size: "sm", children: label }),
+        /* @__PURE__ */ jsx(
+          Switch,
+          {
+            checked: isEnabled,
+            onChange: (e) => handleFeatureToggle(key, e.currentTarget.checked),
+            disabled,
+            size: "md"
+          }
+        )
+      ] }, key);
+    })
+  ] }) });
+}
+function MembershipStatusBadge({ status, size = "sm", variant = "light" }) {
+  const getStatusLabel = (status2) => {
+    switch (status2) {
+      case "active":
+        return "Active";
+      case "inactive":
+        return "Inactive";
+      default:
+        return status2;
+    }
+  };
+  return /* @__PURE__ */ jsx(Badge, { color: MEMBERSHIP_STATUS_COLORS[status], size, variant, children: getStatusLabel(status) });
+}
+function OrganizationMembershipsList({
+  memberships,
+  loading,
+  error,
+  onEditRole,
+  onLeaveOrganization
+}) {
+  const [searchTerm, setSearchTerm] = useState("");
+  const [statusFilter, setStatusFilter] = useState("");
+  const tableRows = memberships?.map(transformMembershipToTableRow) || [];
+  const filteredRows = tableRows.filter((row) => {
+    const matchesSearch = row.organizationName.toLowerCase().includes(searchTerm.toLowerCase()) || row.role.toLowerCase().includes(searchTerm.toLowerCase());
+    const matchesStatus = !statusFilter || row.status === statusFilter;
+    return matchesSearch && matchesStatus;
+  });
+  if (error) {
+    return /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsx(APIErrorAlert, { error, title: "Failed to load memberships" }) });
+  }
+  return /* @__PURE__ */ jsxs(Paper, { withBorder: true, children: [
+    /* @__PURE__ */ jsx(
+      CardHeader,
+      {
+        icon: /* @__PURE__ */ jsx(IconUsers, { size: 18 }),
+        title: `Your Organizations (${loading ? "..." : filteredRows.length})`,
+        subtitle: loading ? "Loading memberships..." : `Showing ${filteredRows.length} ${filteredRows.length === 1 ? "membership" : "memberships"}`
+      }
+    ),
+    /* @__PURE__ */ jsxs(FilterBar, { children: [
+      /* @__PURE__ */ jsx(
+        TextInput,
+        {
+          placeholder: "Search organizations or roles...",
+          leftSection: /* @__PURE__ */ jsx(IconSearch, { size: 16 }),
+          value: searchTerm,
+          onChange: (event) => setSearchTerm(event.currentTarget.value),
+          style: { flex: 1 },
+          disabled: loading
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Select,
+        {
+          placeholder: "Filter by status",
+          value: statusFilter,
+          onChange: (value) => setStatusFilter(value),
+          data: [
+            { value: "", label: "All Statuses" },
+            { value: "active", label: "Active" },
+            { value: "inactive", label: "Inactive" }
+          ],
+          style: { minWidth: 150 },
+          clearable: true,
+          disabled: loading
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(Table.ScrollContainer, { minWidth: 700, children: /* @__PURE__ */ jsxs(Table, { children: [
+      /* @__PURE__ */ jsx(Table.Thead, { children: /* @__PURE__ */ jsxs(Table.Tr, { children: [
+        /* @__PURE__ */ jsx(Table.Th, { children: "Organization" }),
+        /* @__PURE__ */ jsx(Table.Th, { children: "Role" }),
+        /* @__PURE__ */ jsx(Table.Th, { children: "Status" }),
+        /* @__PURE__ */ jsx(Table.Th, { children: "Joined" }),
+        /* @__PURE__ */ jsx(Table.Th, { align: "right", children: "Actions" })
+      ] }) }),
+      /* @__PURE__ */ jsx(Table.Tbody, { children: loading ? /* @__PURE__ */ jsx(Table.Tr, { children: /* @__PURE__ */ jsx(Table.Td, { colSpan: 5, children: /* @__PURE__ */ jsx(Center, { p: "xl", children: /* @__PURE__ */ jsx(Loader, {}) }) }) }) : filteredRows.length === 0 ? /* @__PURE__ */ jsx(Table.Tr, { children: /* @__PURE__ */ jsx(Table.Td, { colSpan: 5, children: /* @__PURE__ */ jsx(
+        EmptyState,
+        {
+          icon: IconBuilding,
+          title: "No memberships found",
+          description: searchTerm || statusFilter ? "Try adjusting your search or filter criteria" : "You are not a member of any organizations yet"
+        }
+      ) }) }) : filteredRows.map((row) => /* @__PURE__ */ jsxs(Table.Tr, { children: [
+        /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsxs(Group, { gap: "sm", children: [
+          /* @__PURE__ */ jsx(IconBuilding, { size: 16 }),
+          /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Text, { fw: 500, size: "sm", children: row.organizationName }) })
+        ] }) }),
+        /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Badge, { variant: "light", color: "blue", size: "sm", children: row.role }) }),
+        /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(MembershipStatusBadge, { status: row.status }) }),
+        /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: row.joinedAt.toLocaleDateString() }) }),
+        /* @__PURE__ */ jsx(Table.Td, { children: /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+          row.canEdit && onEditRole && /* @__PURE__ */ jsx(
+            ActionIcon,
+            {
+              variant: "subtle",
+              size: "sm",
+              color: "blue",
+              onClick: () => onEditRole(row.id),
+              disabled: row.status !== "active",
+              children: /* @__PURE__ */ jsx(IconEdit, { size: 16 })
+            }
+          ),
+          row.canRemove && onLeaveOrganization && row.status === "active" && /* @__PURE__ */ jsx(ActionIcon, { variant: "subtle", size: "sm", color: "red", onClick: () => onLeaveOrganization(row.id), children: /* @__PURE__ */ jsx(IconUserX, { size: 16 }) }),
+          row.status === "inactive" && /* @__PURE__ */ jsx(
+            ActionIcon,
+            {
+              variant: "subtle",
+              size: "sm",
+              color: "green",
+              disabled: true,
+              title: "Contact admin to reactivate",
+              children: /* @__PURE__ */ jsx(IconUserCheck, { size: 16 })
+            }
+          )
+        ] }) })
+      ] }, row.id)) })
+    ] }) })
+  ] });
+}
+function WebhookUrlDisplayModal({ opened, endpoint, webhookUrl, onClose }) {
+  return /* @__PURE__ */ jsx(CustomModal, { opened, onClose, size: "lg", loading: false, children: /* @__PURE__ */ jsxs(Stack, { children: [
+    /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+      /* @__PURE__ */ jsx(IconWebhook, { size: 24, color: "var(--color-success)" }),
+      /* @__PURE__ */ jsx(Title, { order: 3, children: "Webhook Endpoint Created" })
+    ] }),
+    /* @__PURE__ */ jsxs(Alert, { icon: /* @__PURE__ */ jsx(IconAlertCircle, {}), color: "yellow", variant: "light", children: [
+      /* @__PURE__ */ jsx(Text, { fw: 600, size: "sm", style: { fontFamily: "var(--mantine-font-family-headings)" }, children: "Save this URL \u2014 it contains your secret key." }),
+      /* @__PURE__ */ jsx(Text, { size: "sm", mt: 4, children: "The URL includes a unique key that acts as the credential for this endpoint. Treat it like a password. You can always copy it again from the Webhooks settings page." })
+    ] }),
+    /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
+      /* @__PURE__ */ jsxs(Text, { size: "sm", fw: 500, children: [
+        "Webhook URL for ",
+        /* @__PURE__ */ jsx("strong", { children: endpoint.name }),
+        ":"
+      ] }),
+      /* @__PURE__ */ jsx(Paper, { withBorder: true, children: /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "nowrap", children: [
+        /* @__PURE__ */ jsx(IconWebhook, { size: 16, style: { opacity: 0.6, flexShrink: 0 } }),
+        /* @__PURE__ */ jsx(
+          Code,
+          {
+            block: true,
+            style: {
+              fontSize: "13px",
+              wordBreak: "break-all",
+              backgroundColor: "transparent",
+              padding: 0,
+              flex: 1
+            },
+            children: webhookUrl
+          }
+        ),
+        /* @__PURE__ */ jsx(CopyButton, { value: webhookUrl, timeout: 2e3, children: ({ copied, copy }) => /* @__PURE__ */ jsx(
+          ActionIcon,
+          {
+            color: copied ? "teal" : "gray",
+            variant: copied ? "filled" : "subtle",
+            onClick: copy,
+            size: "lg",
+            children: copied ? /* @__PURE__ */ jsx(IconCheck, { size: 18 }) : /* @__PURE__ */ jsx(IconCopy, { size: 18 })
+          }
+        ) })
+      ] }) })
+    ] }),
+    endpoint.resourceId && /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
+      /* @__PURE__ */ jsx(Text, { size: "sm", fw: 500, children: "Target resource:" }),
+      /* @__PURE__ */ jsx(Code, { block: true, style: { fontSize: "13px", backgroundColor: "transparent", padding: "8px" }, children: endpoint.resourceId })
+    ] }),
+    /* @__PURE__ */ jsx(Group, { justify: "right", children: /* @__PURE__ */ jsx(Button, { onClick: onClose, size: "sm", leftSection: /* @__PURE__ */ jsx(IconCheck, { size: 16 }), children: "Done" }) })
+  ] }) });
+}
+
+export { CreateCredentialModal, CredentialList, CredentialSettings, MembershipFeaturePanel, MembershipStatusBadge, OAuthConnectModal, OrganizationMembershipsList, WebhookUrlDisplayModal, buildCredentialValue, getCredentialSchema };