@elevasis/ui 2.28.1 → 2.30.0

package/dist/{chunk-M6OJ43NL.js → chunk-HYLERWRO.js}

@@ -1,15 +1,15 @@
 import { AppShellLoader } from './chunk-RYTEQBAO.js';
 import { FilterBar } from './chunk-PDHTXPSF.js';
 import { CustomModal } from './chunk-KVJ3LFH2.js';
-import { useAvailablePresets } from './chunk-XBMCDGHA.js';
-import { useDeleteCredential, useCreateCredential, useCredentials, MEMBERSHIP_STATUS_COLORS, transformMembershipToTableRow, useUserMemberships, useUpdateWebhookEndpoint, useResources, useDeleteWebhookEndpoint, useCreateWebhookEndpoint, useListWebhookEndpoints, useOrgRoles, useAssignRole, useRevokeRole, useHasPermission, useUpdateMemberConfig, useOrganizationMembers, useUpdateCredential, CredentialSchemas } from './chunk-N63RKL3L.js';
-import { showApiErrorNotification, showErrorNotification, showSuccessNotification } from './chunk-MZCDRBSI.js';
-import { ListSkeleton, EmptyState, PageTitleCaption, CardHeader, APIErrorAlert, StatCard } from './chunk-GJXAAYZ3.js';
-import { RoleBadge } from './chunk-GESXCQWY.js';
-import { isAPIClientError, formatDateTime, OAUTH_POPUP_CHECK_INTERVAL, OAUTH_FLOW_TIMEOUT } from './chunk-SRNIHB7Y.js';
-import { useInitialization } from './chunk-WKJ47GIW.js';
+import { useAvailablePresets } from './chunk-IKQ42WHU.js';
+import { useDeleteCredential, useCreateCredential, useCredentials, MEMBERSHIP_STATUS_COLORS, transformMembershipToTableRow, useUserMemberships, useUpdateWebhookEndpoint, useResources, useDeleteWebhookEndpoint, useCreateWebhookEndpoint, useListWebhookEndpoints, useOrgRoles, useAssignRole, useRevokeRole, useHasPermission, useUpdateMemberConfig, useOrganizationMembers, useUpdateCredential, CredentialSchemas } from './chunk-6EFVZV6X.js';
+import { showApiErrorNotification, showErrorNotification, showSuccessNotification } from './chunk-T2PAD63Y.js';
+import { ListSkeleton, EmptyState, PageTitleCaption, CardHeader, APIErrorAlert, StatCard } from './chunk-6WXDE5LZ.js';
+import { RoleBadge } from './chunk-JA5ECJJB.js';
+import { isAPIClientError, formatDateTime, OAUTH_FLOW_TIMEOUT } from './chunk-HXZQWMKE.js';
+import { useInitialization } from './chunk-533DUEQY.js';
 import { useOrganization } from './chunk-DD3CCMCZ.js';
-import { useElevasisServices } from './chunk-5WWZXCS5.js';
+import { useElevasisServices } from './chunk-KJ3QUBNU.js';
 import { createUseExternalEvents, Text, Table, Group, Tooltip, ActionIcon, Stack, Title, Button, Select, TextInput, Alert, PasswordInput, Anchor, Paper, Card, Switch, Badge, Center, Loader, Box, Code, CopyButton, ThemeIcon, SimpleGrid, UnstyledButton, Divider, Textarea, Tabs, MultiSelect } from '@mantine/core';
 import { IconSettings, IconShieldOff, IconKey, IconCalendar, IconPencil, IconTrash, IconAlertTriangle, IconInfoCircle, IconExclamationMark, IconPlus, IconAlertCircle, IconUsers, IconSearch, IconBuilding, IconWebhook, IconCheck, IconCopy, IconUser, IconMail, IconRefresh, IconPalette, IconEye, IconSparkles, IconTrendingUp, IconClock, IconPlayerPause, IconPlayerPlay, IconActivity, IconShieldLock, IconAdjustments, IconBrandDropbox, IconBrandGoogleDrive, IconPlug, IconEdit, IconUserX, IconUserCheck } from '@tabler/icons-react';
 import { z } from 'zod';
@@ -153,6 +153,40 @@ var CREDENTIAL_SCHEMAS = {
       }
     ],
     nameSuggestions: []
+  },
+  apify: {
+    type: "single_field",
+    label: "Apify",
+    description: "Apify API token for running web-scraping actors (e.g. website crawl, Google Places scrape).",
+    fields: [
+      {
+        key: "apiKey",
+        label: "API Token",
+        type: "password",
+        required: true,
+        placeholder: "apify_api_...",
+        description: "Personal API token from https://console.apify.com/account/integrations"
+      }
+    ],
+    docsUrl: "https://docs.apify.com/platform/integrations/api",
+    nameSuggestions: ["elevasis-apify", "apify-prod", "apify-dev"]
+  },
+  clickup: {
+    type: "single_field",
+    label: "ClickUp",
+    description: "ClickUp personal API token for creating tasks in tenant-managed ClickUp workspaces.",
+    fields: [
+      {
+        key: "apiToken",
+        label: "API Token",
+        type: "password",
+        required: true,
+        placeholder: "pk_...",
+        description: "Personal API token from ClickUp settings. Personal tokens start with pk_."
+      }
+    ],
+    docsUrl: "https://developer.clickup.com/docs/authentication",
+    nameSuggestions: ["clickup-demo", "clickup-prod", "clickup-dev"]
   }
 };
 function getCredentialSchema(type) {
@@ -975,7 +1009,7 @@ function AppearanceSettings({ initialTheme, onThemeChange }) {
                   style: {
                     cursor: "pointer",
                     border: isActive ? "var(--active-border)" : "1px solid var(--color-border)",
-                    backgroundColor: isActive ? "var(--active-background)" : "var(--color-surface)",
+                    backgroundColor: isActive ? "color-mix(in srgb, var(--color-primary) 10%, transparent)" : "var(--color-surface)",
                     transition: `all var(--duration-fast) var(--easing)`
                   },
                   children: /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
@@ -1874,6 +1908,8 @@ function MemberConfigModal({ opened, onClose, member }) {
     ] })
   ] }) });
 }
+var OAUTH_COMPLETION_CHANNEL = "elevasis-oauth";
+var OAUTH_COMPLETION_STORAGE_KEY = "elevasis:oauth-complete";
 function useOAuthFlow({ apiUrl }) {
   const [isAuthorizing, setIsAuthorizing] = useState(false);
   const [error, setError] = useState(null);
@@ -1903,15 +1939,15 @@ function useOAuthFlow({ apiUrl }) {
         if (!popup) {
           throw new Error("popup_blocked");
         }
-        await waitForOAuthCallback(popup);
+        await waitForOAuthCallback(popup, Date.now());
       } catch (err) {
         const rawError = err instanceof Error ? err.message : "unknown";
         if (rawError.includes("popup_blocked")) {
           setError("Please enable popups and try again");
-        } else if (rawError.includes("cancelled")) {
-          setError("Authorization cancelled");
         } else if (rawError.includes("timeout")) {
           setError("Authorization timed out. Please try again.");
+        } else if (rawError.includes("popup_closed")) {
+          setError("Authorization was cancelled.");
         } else if (rawError.includes("token_exchange_failed")) {
           setError("Failed to obtain access token. Please try again.");
         } else if (rawError.includes("invalid_state")) {
@@ -1928,43 +1964,76 @@ function useOAuthFlow({ apiUrl }) {
     },
     [isReady, organizationId, apiUrl]
   );
-  const waitForOAuthCallback = (popup) => {
+  const waitForOAuthCallback = (popup, startedAt) => {
     return new Promise((resolve, reject) => {
-      const messageHandler = (event) => {
-        const expectedOrigin = window.location.origin;
-        if (event.origin !== expectedOrigin) {
-          return;
+      let broadcastChannel = null;
+      const complete = (data) => {
+        const payload = parseOAuthCompletionPayload(data, startedAt);
+        if (!payload) return;
+        cleanup();
+        if (payload.status === "success") {
+          resolve();
+        } else {
+          reject(new Error(payload.error || "oauth_failed"));
         }
-        if (event.data.type === "oauth-complete") {
-          cleanup();
-          if (event.data.status === "success") {
-            resolve();
-          } else {
-            reject(new Error(event.data.error || "oauth_failed"));
-          }
+      };
+      const messageHandler = (event) => {
+        if (!isTrustedCallbackOrigin(event.origin)) return;
+        complete(event.data);
+      };
+      const storageHandler = (event) => {
+        if (event.key !== OAUTH_COMPLETION_STORAGE_KEY || !event.newValue) return;
+        try {
+          complete(JSON.parse(event.newValue));
+        } catch {
         }
       };
-      window.addEventListener("message", messageHandler);
-      const checkClosed = setInterval(() => {
+      const rejectIfPopupClosed = () => {
         if (popup.closed) {
           cleanup();
-          reject(new Error("cancelled"));
+          reject(new Error("popup_closed"));
         }
-      }, OAUTH_POPUP_CHECK_INTERVAL);
+      };
+      window.addEventListener("message", messageHandler);
+      window.addEventListener("storage", storageHandler);
+      window.addEventListener("focus", rejectIfPopupClosed);
+      if ("BroadcastChannel" in window) {
+        broadcastChannel = new BroadcastChannel(OAUTH_COMPLETION_CHANNEL);
+        broadcastChannel.onmessage = (event) => complete(event.data);
+      }
       const timeout = setTimeout(() => {
         cleanup();
-        popup.close();
         reject(new Error("timeout"));
       }, OAUTH_FLOW_TIMEOUT);
       const cleanup = () => {
-        clearInterval(checkClosed);
         clearTimeout(timeout);
+        broadcastChannel?.close();
+        window.removeEventListener("focus", rejectIfPopupClosed);
+        window.removeEventListener("storage", storageHandler);
         window.removeEventListener("message", messageHandler);
       };
     });
   };
   return { authorize, isAuthorizing, error };
 }
+function parseOAuthCompletionPayload(data, startedAt) {
+  if (!data || typeof data !== "object") return null;
+  const payload = data;
+  if (payload.type !== "oauth-complete") return null;
+  if (payload.completedAt && payload.completedAt < startedAt) return null;
+  return payload;
+}
+function isTrustedCallbackOrigin(origin) {
+  if (origin === window.location.origin || origin === "https://app.elevasis.io") {
+    return true;
+  }
+  try {
+    const url = new URL(origin);
+    return url.protocol === "http:" && ["localhost", "127.0.0.1", "[::1]"].includes(url.hostname);
+  } catch {
+    return false;
+  }
+}
 function EditCredentialModal({ apiUrl, credential, onClose }) {
   const [credentialName, setCredentialName] = useState("");
   const [nameError, setNameError] = useState(null);

package/dist/{chunk-XBMCDGHA.js → chunk-IKQ42WHU.js}

@@ -1,4 +1,4 @@
-import { usePresetsContext } from './chunk-LH4GPYDX.js';
+import { usePresetsContext } from './chunk-T5Z7G2J2.js';
 import { useMemo } from 'react';
 
 var BUILT_IN_NAMES = /* @__PURE__ */ new Set([

package/dist/{chunk-GESXCQWY.js → chunk-JA5ECJJB.js}

@@ -1,5 +1,5 @@
 import { useOrganization } from './chunk-DD3CCMCZ.js';
-import { useUserProfile } from './chunk-XTVZFT7U.js';
+import { useUserProfile } from './chunk-2Q2JQSQO.js';
 import { useAuthContext } from './chunk-BRJ3QZ4E.js';
 import { useState, useRef, useEffect, useCallback } from 'react';
 import { Badge, Group, Button, Loader, Menu, Text } from '@mantine/core';

package/dist/{chunk-KU7ZDWQ7.js → chunk-JBWJ6WHZ.js}

@@ -1,4 +1,4 @@
-import { useUserProfile } from './chunk-XTVZFT7U.js';
+import { useUserProfile } from './chunk-2Q2JQSQO.js';
 import { useAuthContext } from './chunk-BRJ3QZ4E.js';
 import { useMemo, useCallback } from 'react';
 

package/dist/{chunk-MCRKFDKB.js → chunk-JKTPRYGV.js}

@@ -5,13 +5,13 @@ import { SubshellNavItem } from './chunk-X4WBGKJQ.js';
 import { SubshellSidebarSection } from './chunk-IIMU5YAJ.js';
 import { FilterBar } from './chunk-PDHTXPSF.js';
 import { CustomModal } from './chunk-KVJ3LFH2.js';
-import { useProjectRealtime, useTableSort, sortData, usePaginationState, useTableSelection, useProjectActivities } from './chunk-N63RKL3L.js';
-import { useCreateTask, useCreateMilestone, useProjectMilestones, useUpdateTask, useProjects, useDeleteProject, useProject, useProjectNotes, useUpdateMilestone, useCreateNote, showApiErrorNotification, projectKeys } from './chunk-MZCDRBSI.js';
-import { StatusBadge, EmptyState, PageTitleCaption, CenteredErrorState, StatCard, CardHeader } from './chunk-GJXAAYZ3.js';
+import { useProjectRealtime, useTableSort, sortData, usePaginationState, useTableSelection, useProjectActivities } from './chunk-6EFVZV6X.js';
+import { useCreateTask, useCreateMilestone, useProjectMilestones, useUpdateTask, useProjects, useDeleteProject, useProject, useProjectNotes, useUpdateMilestone, useCreateNote, showApiErrorNotification, projectKeys } from './chunk-T2PAD63Y.js';
+import { StatusBadge, EmptyState, PageTitleCaption, CenteredErrorState, StatCard, CardHeader } from './chunk-6WXDE5LZ.js';
 import { SubshellContentContainer } from './chunk-TKAYX2SP.js';
 import { useRouterContext } from './chunk-Q7DJKLEN.js';
-import { PAGE_SIZE_DEFAULT, formatTimeAgo, formatDate, formatRelativeTime } from './chunk-SRNIHB7Y.js';
-import { useElevasisServices } from './chunk-5WWZXCS5.js';
+import { PAGE_SIZE_DEFAULT, formatTimeAgo, formatDate, formatRelativeTime } from './chunk-HXZQWMKE.js';
+import { useElevasisServices } from './chunk-KJ3QUBNU.js';
 import { useState, useMemo, useCallback } from 'react';
 import { Stack, Text, Group, Checkbox, ActionIcon, TextInput, Button, Modal, Title, Textarea, Select, SimpleGrid, Card, ThemeIcon, RingProgress, Paper, Timeline, Badge, Collapse, Center, Loader, Table, Pagination, Alert, CopyButton, Tooltip, Space, Tabs, Divider, Anchor, Chip } from '@mantine/core';
 import { IconNotes, IconBriefcase, IconChecklist, IconFlag, IconX, IconPlus, IconHeartbeat, IconFileText, IconCalendar, IconInbox, IconLock, IconAlertTriangle, IconCircleCheck, IconClock, IconChevronDown, IconChevronRight, IconDownload, IconListCheck, IconMessageCircle, IconSearch, IconCheck, IconCopy, IconFileDescription, IconArrowLeft, IconCurrencyDollar, IconBuilding } from '@tabler/icons-react';

package/dist/{chunk-5WWZXCS5.js → chunk-KJ3QUBNU.js}

@@ -15,12 +15,19 @@ function useElevasisServices() {
 function ElevasisServiceProvider({
   apiRequest,
   organizationId,
+  workOSOrganizationId,
   isReady,
   children
 }) {
+  const resolvedOrganizationId = workOSOrganizationId ?? organizationId ?? null;
   const value = useMemo(
-    () => ({ apiRequest, organizationId, isReady }),
-    [apiRequest, organizationId, isReady]
+    () => ({
+      apiRequest,
+      organizationId: resolvedOrganizationId,
+      workOSOrganizationId: resolvedOrganizationId,
+      isReady
+    }),
+    [apiRequest, resolvedOrganizationId, isReady]
   );
   return /* @__PURE__ */ jsx(ElevasisServiceContext.Provider, { value, children });
 }

package/dist/{chunk-3HCTCMAS.js → chunk-LRZFLK2F.js}

@@ -1,7 +1,7 @@
 import { useCyberColors, CyberLegendItem, CyberAreaChart } from './chunk-CW3UNAF2.js';
-import { useResourcesHealth } from './chunk-N63RKL3L.js';
-import { CardHeader, EmptyState } from './chunk-GJXAAYZ3.js';
-import { getTimeRangeDates, formatBucketTime } from './chunk-SRNIHB7Y.js';
+import { useResourcesHealth } from './chunk-6EFVZV6X.js';
+import { CardHeader, EmptyState } from './chunk-6WXDE5LZ.js';
+import { getTimeRangeDates, formatBucketTime } from './chunk-HXZQWMKE.js';
 import { Paper, Center, Loader, Group } from '@mantine/core';
 import { IconActivity, IconChartBar } from '@tabler/icons-react';
 import { useMemo } from 'react';