@elevasis/ui 2.73.0 → 2.75.0

package/dist/components/index.js

@@ -1,46 +1,63 @@
-export { AppErrorBoundary, CrashErrorFallback, ErrorReportCard, buildErrorReport } from '../chunk-LEPYXLJ2.js';
-import { useBreadcrumbs } from '../chunk-JYBJMVNY.js';
+export { AppErrorBoundary, CrashErrorFallback, ErrorReportCard, buildErrorReport } from '../chunk-LFLM723H.js';
+import { useBreadcrumbs } from '../chunk-5VF5LPYS.js';
 import '../chunk-AH52XQB7.js';
-import { showAuthError } from '../chunk-SWKAH2YM.js';
-export { CreateCredentialModal, CredentialList, CredentialSettings, MembershipStatusBadge, OAuthConnectModal, OrganizationMembershipsList, ProvisioningStateBadge, WebhookUrlDisplayModal, showAuthError } from '../chunk-SWKAH2YM.js';
+import { showAuthError, getCredentialSchema, CREDENTIAL_SCHEMAS, OAuthIntegrationsCard, buildCredentialValue } from '../chunk-6BJ5HMMC.js';
+export { MembershipStatusBadge, OAuthConnectModal, OAuthIntegrationsCard, OrganizationMembershipsList, ProvisioningStateBadge, WebhookUrlDisplayModal, showAuthError } from '../chunk-6BJ5HMMC.js';
 import '../chunk-ZFISGKYW.js';
-import '../chunk-CJ2232PQ.js';
-import { setDealReferrer, compareDealsByPriority } from '../chunk-NI37YNRP.js';
-export { ActivityFeedWidget, CompanyDetailPage, ContactDetailPage, CrmOverview, CrmSidebar, CrmSidebarTop, DealDetailPage, DealsListPage, MetricsStrip, PIPELINE_FUNNEL_ORDER, PipelineFunnelWidget, useCrmPipelineSummary, useCrmQuickMetrics, useRecentCrmActivity } from '../chunk-NI37YNRP.js';
-export { AllTasksPage, HealthStatusCard, MilestoneTimeline, ProjectDetailPage, ProjectsListPage, ProjectsSidebar, ProjectsSidebarMiddle, ProjectsSidebarTop, TaskCard, UpcomingMilestonesPage } from '../chunk-AJOVWB47.js';
-export { LEAD_GEN_ROUTE_LINKS, LeadGenCompaniesPage, LeadGenContactsPage, LeadGenListDetailPage, LeadGenListsPage, LeadGenOverviewPage, LeadGenRouteShell, LeadGenSidebar, LeadGenSidebarTop, StepConfigForm, TabSection, getEnrichmentColor, getStatusColor, useDeleteLists } from '../chunk-LZT2H2MA.js';
-import '../chunk-PQ4B62HH.js';
-export { ActionModal, AgentDefinitionDisplay, AgentExecutionLogs, BaseExecutionLogs, BaseExecutionLogsHeader, BaseExecutionLogsStates, CommandQueueTaskRow, ConfigCard, ContentSections, ContextUsageBadge, ContractDisplay, ExecutionErrorSection, LogEntry, LogGroup, ResourceDefinitionSection, ResourceErrorState, ResourceFilter, ResourceHeader, ResourceNotFoundState, SessionMemory, ToolsListDisplay, WorkflowDefinitionDisplay, WorkflowExecutionLogs, getExecutionStatusConfig, getIcon, getLogLevelConfig, iconMap } from '../chunk-ETN3TTRT.js';
+import '../chunk-CRPH5AAB.js';
+import { setDealReferrer, compareDealsByPriority } from '../chunk-7OOFMEX6.js';
+export { ActivityFeedWidget, CompanyDetailPage, ContactDetailPage, CrmOverview, CrmSidebar, CrmSidebarTop, DealDetailPage, DealsListPage, MetricsStrip, PIPELINE_FUNNEL_ORDER, PipelineFunnelWidget, useCrmPipelineSummary, useCrmQuickMetrics, useRecentCrmActivity } from '../chunk-7OOFMEX6.js';
+export { AllTasksPage, HealthStatusCard, MilestoneTimeline, ProjectDetailPage, ProjectsListPage, ProjectsSidebar, ProjectsSidebarMiddle, ProjectsSidebarTop, TaskCard, UpcomingMilestonesPage } from '../chunk-MLHZUN2X.js';
+import { useCreateOrgRole, useUpdateApiKey, useDeleteApiKey, useCreateApiKey, useListApiKeys, useActivateDeployment, useDeactivateDeployment, useDeleteDeployment, useListDeployments, useTransitionItem } from '../chunk-DTEGVSJ6.js';
+import '../chunk-IYATYH5I.js';
+import { usePermissionCatalog } from '../chunk-QFS2GZMV.js';
+import '../chunk-M6VAZAQW.js';
+export { LEAD_GEN_ROUTE_LINKS, LeadGenCompaniesPage, LeadGenContactsPage, LeadGenListDetailPage, LeadGenListsPage, LeadGenOverviewPage, LeadGenRouteShell, LeadGenSidebar, LeadGenSidebarTop, StepConfigForm, TabSection, getEnrichmentColor, getStatusColor, useDeleteLists } from '../chunk-47YJVIZE.js';
+import '../chunk-TX3UHDL5.js';
+import '../chunk-DVAOCHIF.js';
+import { useDeleteCredential, useCreateCredential, useCredentials, CredentialSchemas } from '../chunk-G7O4CBMC.js';
+import '../chunk-NYIIRZSA.js';
+export { ActionModal, AgentDefinitionDisplay, AgentExecutionLogs, BaseExecutionLogs, BaseExecutionLogsHeader, BaseExecutionLogsStates, CommandQueueTaskRow, ConfigCard, ContentSections, ContextUsageBadge, ContractDisplay, ExecutionErrorSection, LogEntry, LogGroup, ResourceDefinitionSection, ResourceErrorState, ResourceFilter, ResourceHeader, ResourceNotFoundState, SessionMemory, ToolsListDisplay, WorkflowDefinitionDisplay, WorkflowExecutionLogs, getExecutionStatusConfig, getIcon, getLogLevelConfig, iconMap } from '../chunk-OGHTJKBV.js';
 import '../chunk-6ZAP3FOA.js';
-import '../chunk-Z4ICFQXG.js';
-export { AgentExecutionTimeline, AgentExecutionVisualizer, AgentIterationDetailPanel, AgentIterationEdge, AgentIterationNode, BaseEdge, BaseNode, CollapsibleJsonSection, EmptyVisualizer, ExecutionStats, ExecutionStatusBadge, GraphBackground, GraphContainer, GraphFitViewButton, GraphFitViewHandler, GraphLegend, RunResourceButton, TimelineAxis, TimelineBar, TimelineContainer, TimelineRow, UnifiedWorkflowEdge, UnifiedWorkflowGraph, UnifiedWorkflowNode, VisualizerContainer, WorkflowExecutionTimeline, getGraphBackgroundStyles, useGraphBackgroundStyles, useGraphTheme } from '../chunk-ZDKPHFTH.js';
+import '../chunk-2ZRY3ARL.js';
+export { AgentExecutionTimeline, AgentExecutionVisualizer, AgentIterationDetailPanel, AgentIterationEdge, AgentIterationNode, BaseEdge, BaseNode, CollapsibleJsonSection, EmptyVisualizer, ExecutionStats, ExecutionStatusBadge, GraphBackground, GraphContainer, GraphFitViewButton, GraphFitViewHandler, GraphLegend, RunResourceButton, TimelineAxis, TimelineBar, TimelineContainer, TimelineRow, UnifiedWorkflowEdge, UnifiedWorkflowGraph, UnifiedWorkflowNode, VisualizerContainer, WorkflowExecutionTimeline, getGraphBackgroundStyles, useGraphBackgroundStyles, useGraphTheme } from '../chunk-VWGCURZF.js';
+import '../chunk-NMHQAYZU.js';
+import { useCreateSchedule, useListSchedules, usePauseSchedule, useResumeSchedule, useCancelSchedule, useDeleteSchedule } from '../chunk-N6K2Q5BM.js';
+import '../chunk-L3NBMLRN.js';
 export { ZodFormRenderer } from '../chunk-3MEXPLWT.js';
 import '../chunk-SNZDFCOQ.js';
-import { NotificationList } from '../chunk-IGBPWD6S.js';
-export { ActivityCard, ActivityFilters as ActivityFiltersBar, ActivityTable, BusinessImpactCard, CostBreakdownCard, CostByModelTable, CostMetricsCard, ErrorAnalysisCard, ErrorBreakdownTable, ExecutionBreakdownTable, ExecutionHealthCard, ExecutionLogsFilters as ExecutionLogsFilterBar, ExecutionLogsTable, NotificationItem, NotificationList } from '../chunk-IGBPWD6S.js';
-export { ResourceHealthPanel } from '../chunk-4CW2C5BD.js';
+import '../chunk-QFGNRKIE.js';
+import { NotificationList } from '../chunk-GDTK33QT.js';
+export { ActivityCard, ActivityFilters as ActivityFiltersBar, ActivityTable, BusinessImpactCard, CostBreakdownCard, CostByModelTable, CostMetricsCard, ErrorAnalysisCard, ErrorBreakdownTable, ExecutionBreakdownTable, ExecutionHealthCard, ExecutionLogsFilters as ExecutionLogsFilterBar, ExecutionLogsTable, NotificationItem, NotificationList } from '../chunk-GDTK33QT.js';
+import { useMarkAllAsRead, useNotifications } from '../chunk-DMSTDZCJ.js';
+export { ResourceHealthPanel } from '../chunk-SEYOVNS5.js';
 export { ResourceHealthChart, getHealthColor } from '../chunk-LGKLC5MG.js';
+import '../chunk-YQQ5GRUR.js';
+import '../chunk-VM2OWOXL.js';
+import '../chunk-D3XXPCCK.js';
+import '../chunk-WDBNW44Z.js';
 export { Graph_module_css_default as graphStyles } from '../chunk-HENXLGVD.js';
-import { AppShellLoader } from '../chunk-3TS5U5BL.js';
+import { AppShellLoader } from '../chunk-5RH6NYZH.js';
 export { calculateProgress, formatStatusLabel, milestoneStatusColors, noteTypeColors, projectStatusColors, taskStatusColors, taskTypeColors } from '../chunk-DLR4SDZW.js';
+import '../chunk-SN7X5N2A.js';
+import { useCloudStorageFolder, useCloudStorageThumbnails } from '../chunk-5SLRGUC4.js';
 import '../chunk-BZZCNLT6.js';
 export { SortableHeader, TableSelectionToolbar } from '../chunk-TUMSNGTX.js';
 import { FilterBar } from '../chunk-PDHTXPSF.js';
 export { FilterBar } from '../chunk-PDHTXPSF.js';
-import { useCreateOrgRole, usePermissionCatalog, CustomModal, useMarkAllAsRead, useNotifications, useUpdateApiKey, useDeleteApiKey, ListSkeleton, EmptyState, useCreateApiKey, useListApiKeys, PageTitleCaption, StatCard, usePaginationState, useActivateDeployment, useDeactivateDeployment, useDeleteDeployment, useListDeployments, useResources, useCreateSchedule, useListSchedules, usePauseSchedule, useResumeSchedule, useCancelSchedule, useDeleteSchedule, CenteredErrorState, useDeals, useTransitionItem, dealKeys, SubshellContentContainer, useCloudStorageFolder, useCloudStorageThumbnails } from '../chunk-OCVSPAKM.js';
-export { APIErrorAlert, ActivityTimeline, CenteredErrorState, CheckpointGroup, CollapsibleSection, CommandQueueSidebar, CommandQueueSidebarMiddle, CommandQueueSidebarTop, ConfirmationInputModal, ConfirmationModal, ContextViewer, CrmSidebarMiddle, CustomModal, CustomSelector, DetailCardSkeleton, ElevasisLoader, EmptyState, FeatureUnavailableState, GlowDot, JsonViewer, LeadGenSidebarMiddle, ListSkeleton, MyTasksPanel, NavigationButton, OperationsSidebar, OperationsSidebarMiddle, OperationsSidebarTop, OrganizationModelDriftActionIcon, PageNotFound, PageTitleCaption, QuickCreateActions, ResourceCard, SAVED_VIEW_PRESETS, SavedViewsPanel, StatCard, StatCardSkeleton, StatsCardSkeleton, StatusBadge, TabCountBadge, TimeRangeSelector, TrendIndicator, crmManifest, deliveryManifest, leadGenManifest, monitoringManifest, operationsManifest, settingsManifest } from '../chunk-OCVSPAKM.js';
+import { CustomModal, ListSkeleton, EmptyState, PageTitleCaption, StatCard, usePaginationState, useResources, CenteredErrorState, useDeals, dealKeys, SubshellContentContainer } from '../chunk-SB3IHM5Y.js';
+export { APIErrorAlert, ActivityTimeline, CenteredErrorState, CheckpointGroup, CollapsibleSection, CommandQueueSidebar, CommandQueueSidebarMiddle, CommandQueueSidebarTop, ConfirmationInputModal, ConfirmationModal, ContextViewer, CrmSidebarMiddle, CustomModal, CustomSelector, DetailCardSkeleton, ElevasisLoader, EmptyState, FeatureUnavailableState, GlowDot, JsonViewer, LeadGenSidebarMiddle, ListSkeleton, MyTasksPanel, NavigationButton, NoAccessState, OperationsSidebar, OperationsSidebarMiddle, OperationsSidebarTop, OrganizationModelDriftActionIcon, PageNotFound, PageTitleCaption, QuickCreateActions, ResourceCard, SAVED_VIEW_PRESETS, SavedViewsPanel, StatCard, StatCardSkeleton, StatsCardSkeleton, StatusBadge, SystemReadinessAlert, SystemUnavailableState, TabCountBadge, TimeRangeSelector, TrendIndicator, crmManifest, deliveryManifest, leadGenManifest, monitoringManifest, operationsManifest, settingsManifest } from '../chunk-SB3IHM5Y.js';
 import '../chunk-R6NMRXNO.js';
 import '../chunk-RBGVNPA6.js';
-import '../chunk-MKH2KOAO.js';
-import '../chunk-NHNTX6ZL.js';
+import '../chunk-ZG6YJUT4.js';
 import '../chunk-L7BZZ4SI.js';
-import { showSuccessNotification, showErrorNotification, showApiErrorNotification } from '../chunk-U2H3TIHD.js';
-export { showApiErrorNotification, showErrorNotification, showInfoNotification, showSuccessNotification, showWarningNotification } from '../chunk-U2H3TIHD.js';
+import { showSuccessNotification, showErrorNotification, showApiErrorNotification } from '../chunk-ICHDIVQO.js';
+export { showApiErrorNotification, showErrorNotification, showInfoNotification, showSuccessNotification, showWarningNotification } from '../chunk-ICHDIVQO.js';
 export { SEOSidebar, SEOSidebarMiddle, SEOSidebarTop, seoManifest } from '../chunk-MISHPEJX.js';
 import { CardHeader } from '../chunk-62GVNH5U.js';
 export { CardHeader } from '../chunk-62GVNH5U.js';
 import { useInitialization } from '../chunk-P45GQ3ZW.js';
-import '../chunk-M7WWRZ5Z.js';
+import '../chunk-2GIJBHZT.js';
 export { StyledMarkdown } from '../chunk-3KMDHCAR.js';
 import '../chunk-2IFYDILW.js';
 export { CONTAINER_CONSTANTS, SHARED_VIZ_CONSTANTS } from '../chunk-BLXJEIQS.js';
@@ -48,7 +65,7 @@ export { RoleBadge } from '../chunk-UD657ICS.js';
 import '../chunk-DD3CCMCZ.js';
 import '../chunk-RNP5R5I3.js';
 import '../chunk-RT4KRGZT.js';
-import { formatDateTime, PAGE_SIZE_DEFAULT, formatTimeAgo } from '../chunk-IBCEAVB2.js';
+import { formatDateTime, PAGE_SIZE_DEFAULT, formatTimeAgo } from '../chunk-A2SB32YV.js';
 import '../chunk-Y6I3IC45.js';
 import '../chunk-6SSQGWK7.js';
 import { useElevasisServices } from '../chunk-BI5VDO2K.js';
@@ -57,8 +74,8 @@ import '../chunk-TVTSASST.js';
 import '../chunk-BRJ3QZ4E.js';
 import { useRouterContext } from '../chunk-Q7DJKLEN.js';
 import '../chunk-I2KLQ2HA.js';
-import { Stack, Card, Title, Checkbox, Group, Text, Tooltip, Center, TextInput, Textarea, Loader, Alert, Button, Box, Divider, ScrollArea, Popover, Indicator, ActionIcon, Table, Paper, Code, CopyButton, SimpleGrid, Badge, Pagination, SegmentedControl, Switch, Select, Menu, Timeline, ThemeIcon, Tabs, Breadcrumbs as Breadcrumbs$1, UnstyledButton, Image, Flex } from '@mantine/core';
-import { IconLock, IconBell, IconPencil, IconAlertCircle, IconKey, IconCalendar, IconClock, IconTrash, IconAlertTriangle, IconExclamationMark, IconShieldLock, IconCheck, IconCopy, IconPlus, IconRocket, IconRefresh, IconPower, IconPlayerPlay, IconCircleCheck, IconTag, IconCalendarRepeat, IconCalendarEvent, IconCalendarTime, IconRobot, IconGitBranch, IconSettings, IconExternalLink, IconDotsVertical, IconPlayerPause, IconPlayerStop, IconCalendarDue, IconCalendarStats, IconCalendarOff, IconListCheck, IconFolder, IconPhoto, IconCloudOff } from '@tabler/icons-react';
+import { Stack, Card, Title, Checkbox, Group, Text, Tooltip, TextInput, Textarea, Loader, Alert, Button, Box, Divider, ScrollArea, Popover, Indicator, ActionIcon, Table, Paper, Code, CopyButton, SimpleGrid, Select, PasswordInput, Anchor, Badge, Pagination, SegmentedControl, Switch, Menu, Timeline, ThemeIcon, Tabs, Breadcrumbs as Breadcrumbs$1, Center, UnstyledButton, Image, Flex } from '@mantine/core';
+import { IconLock, IconBell, IconPencil, IconAlertCircle, IconKey, IconCalendar, IconClock, IconTrash, IconAlertTriangle, IconExclamationMark, IconShieldLock, IconCheck, IconCopy, IconPlus, IconInfoCircle, IconRocket, IconRefresh, IconPower, IconPlayerPlay, IconCircleCheck, IconTag, IconCalendarRepeat, IconCalendarEvent, IconCalendarTime, IconRobot, IconGitBranch, IconSettings, IconExternalLink, IconDotsVertical, IconPlayerPause, IconPlayerStop, IconCalendarDue, IconCalendarStats, IconCalendarOff, IconListCheck, IconFolder, IconPhoto, IconCloudOff } from '@tabler/icons-react';
 import * as runtime from 'react/jsx-runtime';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useForm } from '@mantine/form';
@@ -136,13 +153,6 @@ function PermissionMatrix({ catalog, selectedKeys, onChange, systemLocked }) {
     }) })
   ] }, domain)) });
 }
-function NoAccessState() {
-  return /* @__PURE__ */ jsx(Center, { style: { flex: 1, minHeight: "100%", width: "100%", padding: 24 }, children: /* @__PURE__ */ jsxs(Stack, { align: "center", gap: "xs", style: { maxWidth: 480, textAlign: "center" }, children: [
-    /* @__PURE__ */ jsx(IconLock, { size: 44, stroke: 1.8, color: "var(--color-text-subtle)" }),
-    /* @__PURE__ */ jsx(Title, { order: 3, children: "Access restricted" }),
-    /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "You don't have permission to view this page. Contact an org admin if you need access." })
-  ] }) });
-}
 var CreateRoleFormSchema = z.object({
   name: z.string().trim().min(2).max(50),
   slug: z.string().regex(/^[a-z0-9-]+$/, "lowercase, numbers, dashes only").min(2).max(50),
@@ -641,6 +651,282 @@ function ApiKeySettings() {
     newApiKey && /* @__PURE__ */ jsx(ApiKeyDisplayModal, { opened: true, apiKey: newApiKey, onClose: () => setNewApiKey(null) })
   ] });
 }
+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"
+          }
+        )
+      ] })
+    ] }) })
+  ] });
+}
+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) => {
+        const Input = field.type === "text" ? TextInput : PasswordInput;
+        return /* @__PURE__ */ jsx(
+          Input,
+          {
+            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 = () => {
+    setShowCreateModal(false);
+  };
+  return /* @__PURE__ */ jsxs(Stack, { children: [
+    /* @__PURE__ */ jsx(
+      PageTitleCaption,
+      {
+        title: "Organization Credentials",
+        caption: "Manage encrypted credentials for third-party service integrations"
+      }
+    ),
+    oauthSection === void 0 ? /* @__PURE__ */ jsx(OAuthIntegrationsCard, {}) : 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
+      }
+    )
+  ] });
+}
 var statusConfig = {
   active: { color: "green", label: "Active" },
   deploying: { color: "blue", label: "Deploying" },
@@ -3075,4 +3361,4 @@ function CloudStorageBrowser({
   ] }) });
 }
 
-export { AbsoluteScheduleForm, ApiKeyDisplayModal, ApiKeyList, ApiKeySettings, Breadcrumbs, CloudStorageBrowser, CloudStorageFileCard, CloudStorageFileGrid, CloudStorageFolderTree, CreateApiKeyModal, CreateRoleModal, CreateScheduleModal, DEAL_STAGES, DEFAULT_KANBAN_CONFIG, DealKanbanCard, DeleteScheduleModal, DeploymentDetailModal, DeploymentList, DeploymentSettings, DeploymentStatusBadge, EditApiKeyModal, KanbanBoard, MdxRenderer, NoAccessState, NotificationBell, NotificationPanel, PermissionMatrix, RecurringScheduleForm, RelativeScheduleForm, RichTextEditor, ScheduleCard, ScheduleDetailModal, ScheduleTypeSelector, TaskScheduler, mdxComponents };
+export { AbsoluteScheduleForm, ApiKeyDisplayModal, ApiKeyList, ApiKeySettings, Breadcrumbs, CloudStorageBrowser, CloudStorageFileCard, CloudStorageFileGrid, CloudStorageFolderTree, CreateApiKeyModal, CreateCredentialModal, CreateRoleModal, CreateScheduleModal, CredentialList, CredentialSettings, DEAL_STAGES, DEFAULT_KANBAN_CONFIG, DealKanbanCard, DeleteScheduleModal, DeploymentDetailModal, DeploymentList, DeploymentSettings, DeploymentStatusBadge, EditApiKeyModal, KanbanBoard, MdxRenderer, NotificationBell, NotificationPanel, PermissionMatrix, RecurringScheduleForm, RelativeScheduleForm, RichTextEditor, ScheduleCard, ScheduleDetailModal, ScheduleTypeSelector, TaskScheduler, mdxComponents };

package/dist/components/navigation/index.js

@@ -1,15 +1,14 @@
-export { useBreadcrumbs } from '../../chunk-JYBJMVNY.js';
-import '../../chunk-OCVSPAKM.js';
+export { useBreadcrumbs } from '../../chunk-5VF5LPYS.js';
+import '../../chunk-SB3IHM5Y.js';
 import '../../chunk-R6NMRXNO.js';
 import '../../chunk-RBGVNPA6.js';
-import '../../chunk-MKH2KOAO.js';
-import '../../chunk-NHNTX6ZL.js';
+import '../../chunk-ZG6YJUT4.js';
 import '../../chunk-L7BZZ4SI.js';
-import '../../chunk-U2H3TIHD.js';
+import '../../chunk-ICHDIVQO.js';
 import '../../chunk-MISHPEJX.js';
 import '../../chunk-62GVNH5U.js';
 import '../../chunk-P45GQ3ZW.js';
-import '../../chunk-M7WWRZ5Z.js';
+import '../../chunk-2GIJBHZT.js';
 import '../../chunk-3KMDHCAR.js';
 import '../../chunk-2IFYDILW.js';
 import '../../chunk-BLXJEIQS.js';
@@ -17,7 +16,7 @@ import '../../chunk-UD657ICS.js';
 import '../../chunk-DD3CCMCZ.js';
 import '../../chunk-RNP5R5I3.js';
 import '../../chunk-RT4KRGZT.js';
-import '../../chunk-IBCEAVB2.js';
+import '../../chunk-A2SB32YV.js';
 import '../../chunk-Y6I3IC45.js';
 import '../../chunk-6SSQGWK7.js';
 import '../../chunk-BI5VDO2K.js';

package/dist/features/auth/index.d.ts

@@ -1456,6 +1456,64 @@ type Database = {
                     }
                 ];
             };
+            content_distribution_metrics: {
+                Row: {
+                    captured_at: string;
+                    created_at: string;
+                    distribution_id: string;
+                    id: string;
+                    metrics: Json;
+                    organization_id: string;
+                    raw: Json;
+                    source: string;
+                    source_execution_id: string | null;
+                };
+                Insert: {
+                    captured_at?: string;
+                    created_at?: string;
+                    distribution_id: string;
+                    id?: string;
+                    metrics?: Json;
+                    organization_id: string;
+                    raw?: Json;
+                    source: string;
+                    source_execution_id?: string | null;
+                };
+                Update: {
+                    captured_at?: string;
+                    created_at?: string;
+                    distribution_id?: string;
+                    id?: string;
+                    metrics?: Json;
+                    organization_id?: string;
+                    raw?: Json;
+                    source?: string;
+                    source_execution_id?: string | null;
+                };
+                Relationships: [
+                    {
+                        foreignKeyName: "content_distribution_metrics_distribution_fkey";
+                        columns: ["distribution_id", "organization_id"];
+                        isOneToOne: false;
+                        referencedRelation: "content_distributions";
+                        referencedColumns: ["id", "organization_id"];
+                    },
+                    {
+                        foreignKeyName: "content_distribution_metrics_organization_id_fkey";
+                        columns: ["organization_id"];
+                        isOneToOne: false;
+                        referencedRelation: "organizations";
+                        referencedColumns: ["id"];
+                    },
+                    {
+                        foreignKeyName: "content_distribution_metrics_source_execution_id_fkey";
+                        columns: ["source_execution_id"];
+                        isOneToOne: false;
+                        referencedRelation: "execution_logs";
+                        referencedColumns: ["execution_id"];
+                    }
+                ];
+            };
             content_distributions: {
                 Row: {
                     adapted_body: string | null;
@@ -3769,6 +3827,24 @@ interface AccessGuardProps {
  */
 declare function AccessGuard({ accessKey, children, fallback, loadingFallback, redirectTo }: AccessGuardProps): react_jsx_runtime.JSX.Element;
 
+interface ProtectedSystemRouteProps {
+    /** The System path (or `{ systemPath, action }`) this route requires access to. */
+    accessKey: AccessKeyInput;
+    children: ReactNode;
+}
+/**
+ * Route-guard helper for a System's top-level route file. Collapses the
+ * `ProtectedRoute` + `AccessGuard` boilerplate every System route repeats
+ * (see `external/_template/ui/src/routes/crm.tsx` and its siblings) into a
+ * single call, and supplies {@link SystemUnavailableState} as the guard's
+ * `fallback` so a denial renders the specific reason `checkAccess` already
+ * computed instead of the guard's own blank `fallback = null` default.
+ *
+ * `createFileRoute` stays in the route file -- TanStack's file-based routing
+ * requires it there; this component only replaces the route's layout body.
+ */
+declare function ProtectedSystemRoute({ accessKey, children }: ProtectedSystemRouteProps): react_jsx_runtime.JSX.Element;
+
 type ApiRequestFn = <T>(endpoint: string, options?: RequestInit) => Promise<T>;
 interface UseUserProfileOptions {
     /**
@@ -3890,5 +3966,5 @@ interface LoginScreenProps {
  */
 declare function LoginScreen({ lightModeLogo, darkModeLogo, appName, appConfig }: LoginScreenProps): react_jsx_runtime.JSX.Element;
 
-export { AccessGuard, AuthRedirectLoadingScreen, LoginScreen, ProtectedRoute, USER_PROFILE_QUERY_KEY, useUserProfile, validateLoginSearch };
-export type { AccessGuardProps, AuthMode, AuthRedirectLoadingScreenProps, LoginScreenAppConfig, LoginScreenProps, LoginSearchParams, ProtectedRouteProps, UseUserProfileReturn };
+export { AccessGuard, AuthRedirectLoadingScreen, LoginScreen, ProtectedRoute, ProtectedSystemRoute, USER_PROFILE_QUERY_KEY, useUserProfile, validateLoginSearch };
+export type { AccessGuardProps, AuthMode, AuthRedirectLoadingScreenProps, LoginScreenAppConfig, LoginScreenProps, LoginSearchParams, ProtectedRouteProps, ProtectedSystemRouteProps, UseUserProfileReturn };

package/dist/features/auth/index.js

@@ -1,16 +1,15 @@
-import { AppShellError } from '../../chunk-3TS5U5BL.js';
-import { computeProtectedRouteGate, DEFAULT_WAIT_FOR_ORGANIZATION, ProtectedRoute, AppearanceContext, useAppearance } from '../../chunk-OCVSPAKM.js';
-export { AccessGuard } from '../../chunk-OCVSPAKM.js';
+import { AppShellError } from '../../chunk-5RH6NYZH.js';
+import { computeProtectedRouteGate, DEFAULT_WAIT_FOR_ORGANIZATION, ProtectedRoute, AppearanceContext, AccessGuard, SystemUnavailableState, useAppearance } from '../../chunk-SB3IHM5Y.js';
+export { AccessGuard } from '../../chunk-SB3IHM5Y.js';
 import '../../chunk-R6NMRXNO.js';
 import '../../chunk-RBGVNPA6.js';
-import '../../chunk-MKH2KOAO.js';
-import '../../chunk-NHNTX6ZL.js';
+import '../../chunk-ZG6YJUT4.js';
 import '../../chunk-L7BZZ4SI.js';
-import '../../chunk-U2H3TIHD.js';
+import '../../chunk-ICHDIVQO.js';
 import '../../chunk-MISHPEJX.js';
 import '../../chunk-62GVNH5U.js';
 import { useInitialization } from '../../chunk-P45GQ3ZW.js';
-import '../../chunk-M7WWRZ5Z.js';
+import '../../chunk-2GIJBHZT.js';
 import '../../chunk-3KMDHCAR.js';
 import '../../chunk-2IFYDILW.js';
 import '../../chunk-BLXJEIQS.js';
@@ -18,7 +17,7 @@ import '../../chunk-UD657ICS.js';
 import '../../chunk-DD3CCMCZ.js';
 import '../../chunk-RNP5R5I3.js';
 export { USER_PROFILE_QUERY_KEY, useUserProfile } from '../../chunk-RT4KRGZT.js';
-import '../../chunk-IBCEAVB2.js';
+import '../../chunk-A2SB32YV.js';
 import '../../chunk-Y6I3IC45.js';
 import '../../chunk-6SSQGWK7.js';
 import '../../chunk-BI5VDO2K.js';
@@ -146,6 +145,16 @@ function AuthRedirectLoadingScreen({
     }
   );
 }
+function ProtectedSystemRoute({ accessKey, children }) {
+  return /* @__PURE__ */ jsx(ProtectedRoute2, { children: /* @__PURE__ */ jsx(
+    AccessGuard,
+    {
+      accessKey,
+      fallback: (answer) => /* @__PURE__ */ jsx(SystemUnavailableState, { accessKey, reason: answer.reason }),
+      children
+    }
+  ) });
+}
 function getStringSearchParam(value) {
   return typeof value === "string" ? value : void 0;
 }
@@ -279,4 +288,4 @@ function LoginScreen({ lightModeLogo, darkModeLogo, appName, appConfig }) {
   );
 }
 
-export { AuthRedirectLoadingScreen, LoginScreen, ProtectedRoute2 as ProtectedRoute, validateLoginSearch };
+export { AuthRedirectLoadingScreen, LoginScreen, ProtectedRoute2 as ProtectedRoute, ProtectedSystemRoute, validateLoginSearch };

package/dist/features/clients/index.js

@@ -1,19 +1,19 @@
 import '../../chunk-DLR4SDZW.js';
+import { useClientStatus, useCreateClient, useUpdateClient, useDeleteClient, useClients, useClient } from '../../chunk-SN7X5N2A.js';
 import { PageContainer } from '../../chunk-BZZCNLT6.js';
 import '../../chunk-TUMSNGTX.js';
 import { FilterBar } from '../../chunk-PDHTXPSF.js';
-import { useClientStatus, StatCard, EmptyState, useCreateClient, CustomModal, useUpdateClient, useDeleteClient, usePaginationState, useClients, SubshellContentContainer, PageTitleCaption, CenteredErrorState, useClient } from '../../chunk-OCVSPAKM.js';
-export { clientsManifest } from '../../chunk-OCVSPAKM.js';
+import { StatCard, EmptyState, CustomModal, usePaginationState, SubshellContentContainer, PageTitleCaption, CenteredErrorState } from '../../chunk-SB3IHM5Y.js';
+export { clientsManifest } from '../../chunk-SB3IHM5Y.js';
 import '../../chunk-R6NMRXNO.js';
 import '../../chunk-RBGVNPA6.js';
-import '../../chunk-MKH2KOAO.js';
-import '../../chunk-NHNTX6ZL.js';
+import '../../chunk-ZG6YJUT4.js';
 import '../../chunk-L7BZZ4SI.js';
-import { showApiErrorNotification } from '../../chunk-U2H3TIHD.js';
+import { showApiErrorNotification } from '../../chunk-ICHDIVQO.js';
 import '../../chunk-MISHPEJX.js';
 import { CardHeader } from '../../chunk-62GVNH5U.js';
 import '../../chunk-P45GQ3ZW.js';
-import '../../chunk-M7WWRZ5Z.js';
+import '../../chunk-2GIJBHZT.js';
 import '../../chunk-3KMDHCAR.js';
 import '../../chunk-2IFYDILW.js';
 import '../../chunk-BLXJEIQS.js';
@@ -21,7 +21,7 @@ import '../../chunk-UD657ICS.js';
 import '../../chunk-DD3CCMCZ.js';
 import '../../chunk-RNP5R5I3.js';
 import '../../chunk-RT4KRGZT.js';
-import { PAGE_SIZE_DEFAULT, formatTimeAgo } from '../../chunk-IBCEAVB2.js';
+import { PAGE_SIZE_DEFAULT, formatTimeAgo } from '../../chunk-A2SB32YV.js';
 import '../../chunk-Y6I3IC45.js';
 import '../../chunk-6SSQGWK7.js';
 import '../../chunk-BI5VDO2K.js';