@elevasis/ui 1.26.1 → 1.28.0

package/dist/chunk-LR4WVA7W.js

@@ -1,682 +0,0 @@
-import { FilterBar } from './chunk-PDHTXPSF.js';
-import { CustomModal } from './chunk-GBMNCNHX.js';
-import { ListSkeleton, EmptyState, PageTitleCaption, CardHeader, APIErrorAlert } from './chunk-MCA6LOGM.js';
-import { AppShellLoader } from './chunk-WWEMNIHW.js';
-import { useDeleteCredential, useCreateCredential, useCredentials, MEMBERSHIP_STATUS_COLORS, transformMembershipToTableRow, CredentialSchemas } from './chunk-YNGQ7U5H.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(Stack, { children: [
-      /* @__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 };