@elevasis/ui 2.72.0 → 2.74.0

package/dist/components/index.js

@@ -1,46 +1,63 @@
-export { AppErrorBoundary, CrashErrorFallback, ErrorReportCard, buildErrorReport } from '../chunk-LCHL5SM2.js';
-import { useBreadcrumbs } from '../chunk-UZ5JO5TK.js';
+export { AppErrorBoundary, CrashErrorFallback, ErrorReportCard, buildErrorReport } from '../chunk-LN4UW6S4.js';
+import { useBreadcrumbs } from '../chunk-7ARBBELS.js';
 import '../chunk-AH52XQB7.js';
-import { showAuthError } from '../chunk-SV4M2BUI.js';
-export { CreateCredentialModal, CredentialList, CredentialSettings, MembershipStatusBadge, OAuthConnectModal, OrganizationMembershipsList, ProvisioningStateBadge, WebhookUrlDisplayModal, showAuthError } from '../chunk-SV4M2BUI.js';
+import { showAuthError } from '../chunk-4MXNHJTA.js';
+export { CreateCredentialModal, CredentialList, CredentialSettings, MembershipStatusBadge, OAuthConnectModal, OrganizationMembershipsList, ProvisioningStateBadge, WebhookUrlDisplayModal, showAuthError } from '../chunk-4MXNHJTA.js';
 import '../chunk-ZFISGKYW.js';
-import '../chunk-RRS2QR3W.js';
-import { setDealReferrer, compareDealsByPriority } from '../chunk-AFBFSXP3.js';
-export { ActivityFeedWidget, CompanyDetailPage, ContactDetailPage, CrmOverview, CrmSidebar, CrmSidebarTop, DealDetailPage, DealsListPage, MetricsStrip, PIPELINE_FUNNEL_ORDER, PipelineFunnelWidget, useCrmPipelineSummary, useCrmQuickMetrics, useRecentCrmActivity } from '../chunk-AFBFSXP3.js';
-export { AllTasksPage, HealthStatusCard, MilestoneTimeline, ProjectDetailPage, ProjectsListPage, ProjectsSidebar, ProjectsSidebarMiddle, ProjectsSidebarTop, TaskCard, UpcomingMilestonesPage } from '../chunk-DJWIIPKW.js';
-export { LEAD_GEN_ROUTE_LINKS, LeadGenCompaniesPage, LeadGenContactsPage, LeadGenListDetailPage, LeadGenListsPage, LeadGenOverviewPage, LeadGenRouteShell, LeadGenSidebar, LeadGenSidebarTop, StepConfigForm, TabSection, getEnrichmentColor, getStatusColor, useDeleteLists } from '../chunk-LEQGGX2U.js';
-import '../chunk-IMZTRDY2.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-2454MK7P.js';
+import '../chunk-GO4XJ5D4.js';
+import { setDealReferrer, compareDealsByPriority } from '../chunk-ZWI62BQ6.js';
+export { ActivityFeedWidget, CompanyDetailPage, ContactDetailPage, CrmOverview, CrmSidebar, CrmSidebarTop, DealDetailPage, DealsListPage, MetricsStrip, PIPELINE_FUNNEL_ORDER, PipelineFunnelWidget, useCrmPipelineSummary, useCrmQuickMetrics, useRecentCrmActivity } from '../chunk-ZWI62BQ6.js';
+export { AllTasksPage, HealthStatusCard, MilestoneTimeline, ProjectDetailPage, ProjectsListPage, ProjectsSidebar, ProjectsSidebarMiddle, ProjectsSidebarTop, TaskCard, UpcomingMilestonesPage } from '../chunk-7RJ7P6S6.js';
+import { useCreateOrgRole, useUpdateApiKey, useDeleteApiKey, useCreateApiKey, useListApiKeys, useActivateDeployment, useDeactivateDeployment, useDeleteDeployment, useListDeployments, useTransitionItem } from '../chunk-GPQQGQGT.js';
+import '../chunk-DCQKTDIG.js';
+import { usePermissionCatalog } from '../chunk-ARAFQBNI.js';
+import '../chunk-FZSG6M6W.js';
+export { LEAD_GEN_ROUTE_LINKS, LeadGenCompaniesPage, LeadGenContactsPage, LeadGenListDetailPage, LeadGenListsPage, LeadGenOverviewPage, LeadGenRouteShell, LeadGenSidebar, LeadGenSidebarTop, StepConfigForm, TabSection, getEnrichmentColor, getStatusColor, useDeleteLists } from '../chunk-5A6KCFS5.js';
+import '../chunk-ZFA56VSR.js';
+import '../chunk-GDOR57D7.js';
+import '../chunk-3LOKYZJC.js';
+import '../chunk-ZYNVCWDZ.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-2MRRDF32.js';
 import '../chunk-6ZAP3FOA.js';
-import '../chunk-DKVGO6RJ.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-ZBXCEWKF.js';
+import '../chunk-BA3AZJUR.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-W2QRBQQA.js';
+import '../chunk-FA7LMNQO.js';
+import { useCreateSchedule, useListSchedules, usePauseSchedule, useResumeSchedule, useCancelSchedule, useDeleteSchedule } from '../chunk-N6K2Q5BM.js';
+import '../chunk-CRA7WQZH.js';
 export { ZodFormRenderer } from '../chunk-3MEXPLWT.js';
 import '../chunk-SNZDFCOQ.js';
-import { NotificationList } from '../chunk-7ESZKTQG.js';
-export { ActivityCard, ActivityFilters as ActivityFiltersBar, ActivityTable, BusinessImpactCard, CostBreakdownCard, CostByModelTable, CostMetricsCard, ErrorAnalysisCard, ErrorBreakdownTable, ExecutionBreakdownTable, ExecutionHealthCard, ExecutionLogsFilters as ExecutionLogsFilterBar, ExecutionLogsTable, NotificationItem, NotificationList } from '../chunk-7ESZKTQG.js';
-export { ResourceHealthPanel } from '../chunk-IXBRUIYI.js';
+import '../chunk-QFGNRKIE.js';
+import { NotificationList } from '../chunk-CQPULKKL.js';
+export { ActivityCard, ActivityFilters as ActivityFiltersBar, ActivityTable, BusinessImpactCard, CostBreakdownCard, CostByModelTable, CostMetricsCard, ErrorAnalysisCard, ErrorBreakdownTable, ExecutionBreakdownTable, ExecutionHealthCard, ExecutionLogsFilters as ExecutionLogsFilterBar, ExecutionLogsTable, NotificationItem, NotificationList } from '../chunk-CQPULKKL.js';
+import { useMarkAllAsRead, useNotifications } from '../chunk-BRTGCFBH.js';
+export { ResourceHealthPanel } from '../chunk-WZU3MCKI.js';
 export { ResourceHealthChart, getHealthColor } from '../chunk-LGKLC5MG.js';
+import '../chunk-YQQ5GRUR.js';
+import '../chunk-VM2OWOXL.js';
+import '../chunk-43LC6XAX.js';
+import '../chunk-WDBNW44Z.js';
 export { Graph_module_css_default as graphStyles } from '../chunk-HENXLGVD.js';
-import { AppShellLoader } from '../chunk-A3JHFZDP.js';
+import { AppShellLoader } from '../chunk-E6YGA5WH.js';
 export { calculateProgress, formatStatusLabel, milestoneStatusColors, noteTypeColors, projectStatusColors, taskStatusColors, taskTypeColors } from '../chunk-DLR4SDZW.js';
+import '../chunk-4M2BSHVT.js';
+import { useCloudStorageFolder, useCloudStorageThumbnails } from '../chunk-3QHX4ZKV.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 } from '../chunk-KIDZXZM5.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-KIDZXZM5.js';
+import { CustomModal, ListSkeleton, EmptyState, PageTitleCaption, StatCard, usePaginationState, useResources, CenteredErrorState, useDeals, dealKeys, SubshellContentContainer } from '../chunk-6JN2TLV2.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-6JN2TLV2.js';
 import '../chunk-R6NMRXNO.js';
 import '../chunk-RBGVNPA6.js';
-import '../chunk-MKH2KOAO.js';
-import '../chunk-Z2W5VNN3.js';
+import '../chunk-O32UQ26A.js';
 import '../chunk-L7BZZ4SI.js';
-import { showSuccessNotification, showErrorNotification, showApiErrorNotification } from '../chunk-XZIOCB5D.js';
-export { showApiErrorNotification, showErrorNotification, showInfoNotification, showSuccessNotification, showWarningNotification } from '../chunk-XZIOCB5D.js';
+import { showSuccessNotification, showErrorNotification, showApiErrorNotification } from '../chunk-HYQOGRWG.js';
+export { showApiErrorNotification, showErrorNotification, showInfoNotification, showSuccessNotification, showWarningNotification } from '../chunk-HYQOGRWG.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-Q3O3WY7Q.js';
+import { formatDateTime, PAGE_SIZE_DEFAULT, formatTimeAgo } from '../chunk-R5UGIFYU.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 } 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 } 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, Badge, Pagination, SegmentedControl, Switch, Select, 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, 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),
@@ -2784,5 +2794,295 @@ var DEFAULT_KANBAN_CONFIG = {
   closed_lost: { color: "red" },
   nurturing: { color: "grape" }
 };
+function CloudStorageFolderTree({ nodes, selectedPath, onNavigate }) {
+  const childrenByParent = /* @__PURE__ */ new Map();
+  const roots = [];
+  for (const node of nodes) {
+    const parentIds = node.parentIds ?? [];
+    if (parentIds.length === 0) {
+      roots.push(node);
+      continue;
+    }
+    for (const parentId of parentIds) {
+      const siblings = childrenByParent.get(parentId) ?? [];
+      siblings.push(node);
+      childrenByParent.set(parentId, siblings);
+    }
+  }
+  return /* @__PURE__ */ jsx(Stack, { gap: 0, "data-testid": "cloud-storage-folder-tree", children: roots.map((root) => /* @__PURE__ */ jsx(
+    FolderBranch,
+    {
+      branchKey: root.id,
+      node: root,
+      depth: 0,
+      childrenByParent,
+      selectedPath,
+      onNavigate,
+      ancestry: /* @__PURE__ */ new Set()
+    },
+    root.id
+  )) });
+}
+function FolderBranch({
+  branchKey,
+  node,
+  depth,
+  childrenByParent,
+  selectedPath,
+  onNavigate,
+  ancestry
+}) {
+  if (ancestry.has(node.id)) return null;
+  const children = childrenByParent.get(node.id) ?? [];
+  const isSelected = selectedPath !== void 0 && node.path === selectedPath;
+  const nextAncestry = new Set(ancestry);
+  nextAncestry.add(node.id);
+  return /* @__PURE__ */ jsxs(Stack, { gap: 0, children: [
+    /* @__PURE__ */ jsx(
+      UnstyledButton,
+      {
+        onClick: () => onNavigate(node),
+        "data-testid": `folder-node-${branchKey}`,
+        "data-selected": isSelected ? "true" : void 0,
+        pl: depth * 16 + 8,
+        py: 4,
+        style: {
+          background: isSelected ? "var(--color-surface-hover)" : void 0,
+          transition: "background var(--duration-fast) var(--easing)"
+        },
+        children: /* @__PURE__ */ jsxs(Group, { gap: 6, wrap: "nowrap", children: [
+          /* @__PURE__ */ jsx(IconFolder, { size: 16, color: "var(--color-primary)", style: { flexShrink: 0 } }),
+          /* @__PURE__ */ jsx(Text, { size: "sm", truncate: true, children: node.name })
+        ] })
+      }
+    ),
+    children.map((child) => /* @__PURE__ */ jsx(
+      FolderBranch,
+      {
+        branchKey: `${branchKey}>${child.id}`,
+        node: child,
+        depth: depth + 1,
+        childrenByParent,
+        selectedPath,
+        onNavigate,
+        ancestry: nextAncestry
+      },
+      `${branchKey}>${child.id}`
+    ))
+  ] });
+}
+function CloudStorageFileCard({ file, selected, used, dimensionWarning, onSelect }) {
+  const selectable = onSelect !== void 0;
+  const handleActivate = () => {
+    onSelect?.(file);
+  };
+  return /* @__PURE__ */ jsxs(
+    Card,
+    {
+      withBorder: true,
+      padding: "xs",
+      "data-file-id": file.id,
+      "data-selected": selected ? "true" : void 0,
+      onClick: selectable ? handleActivate : void 0,
+      style: {
+        cursor: selectable ? "pointer" : void 0,
+        borderColor: selected ? "var(--color-primary)" : void 0,
+        transition: "border-color var(--duration-fast) var(--easing)"
+      },
+      children: [
+        /* @__PURE__ */ jsx(Card.Section, { children: /* @__PURE__ */ jsxs(Box, { pos: "relative", style: { aspectRatio: "1 / 1", overflow: "hidden", background: "var(--color-surface)" }, children: [
+          file.thumbnailUrl ? /* @__PURE__ */ jsx(Image, { src: file.thumbnailUrl, alt: file.name, fit: "cover", h: "100%", w: "100%" }) : /* @__PURE__ */ jsxs(Stack, { align: "center", justify: "center", gap: 4, h: "100%", "data-testid": "thumbnail-fallback", children: [
+            /* @__PURE__ */ jsx(IconPhoto, { size: 28, color: "var(--color-text-subtle)" }),
+            /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "No preview" })
+          ] }),
+          selectable && /* @__PURE__ */ jsx(
+            Checkbox,
+            {
+              checked: Boolean(selected),
+              onChange: handleActivate,
+              onClick: (event) => event.stopPropagation(),
+              pos: "absolute",
+              top: 6,
+              left: 6,
+              "aria-label": selected ? `Deselect ${file.name}` : `Select ${file.name}`
+            }
+          ),
+          /* @__PURE__ */ jsxs(Group, { pos: "absolute", top: 6, right: 6, gap: 4, children: [
+            dimensionWarning && /* @__PURE__ */ jsx(Tooltip, { label: dimensionWarning, withArrow: true, children: /* @__PURE__ */ jsx(
+              Box,
+              {
+                role: "img",
+                "aria-label": dimensionWarning,
+                style: {
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center",
+                  width: 20,
+                  height: 20,
+                  borderRadius: "50%",
+                  background: "var(--color-warning)"
+                },
+                children: /* @__PURE__ */ jsx(IconAlertTriangle, { size: 12, color: "var(--color-background)" })
+              }
+            ) }),
+            /* @__PURE__ */ jsx(Badge, { color: used ? "var(--color-success)" : "var(--color-text-dimmed)", variant: "filled", size: "sm", children: used ? "Used" : "Unused" })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsx(Text, { size: "sm", mt: "xs", truncate: true, title: file.name, children: file.name })
+      ]
+    }
+  );
+}
+function CloudStorageFileGrid({
+  items,
+  selectedIds,
+  multiple = false,
+  onSelectionChange,
+  emptyState
+}) {
+  if (items.length === 0) {
+    return emptyState ?? /* @__PURE__ */ jsx(Stack, { align: "center", py: "xl", children: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "No files to display" }) });
+  }
+  const handleSelect = (file) => {
+    const isSelected = selectedIds.includes(file.id);
+    if (!multiple) {
+      onSelectionChange(isSelected ? [] : [file.id]);
+      return;
+    }
+    onSelectionChange(isSelected ? selectedIds.filter((id) => id !== file.id) : [...selectedIds, file.id]);
+  };
+  return /* @__PURE__ */ jsx(SimpleGrid, { cols: { base: 2, sm: 3, md: 4, lg: 5 }, spacing: "sm", children: items.map((item) => /* @__PURE__ */ jsx(
+    CloudStorageFileCard,
+    {
+      file: item,
+      selected: selectedIds.includes(item.id),
+      used: item.used,
+      dimensionWarning: item.dimensionWarning,
+      onSelect: handleSelect
+    },
+    item.id
+  )) });
+}
+var FOLDER_PANE_WIDTH = 220;
+function CloudStorageBrowser({
+  credentialName,
+  selected,
+  onSelectionChange,
+  multiple = false,
+  decorateItem,
+  notConnected
+}) {
+  const [currentPath, setCurrentPath] = useState("");
+  const [cursor, setCursor] = useState(void 0);
+  const [pagedFiles, setPagedFiles] = useState([]);
+  const [folderNodes, setFolderNodes] = useState({});
+  const folderQuery = useCloudStorageFolder({ credentialName, folderPath: currentPath, cursor });
+  useEffect(() => {
+    setPagedFiles([]);
+    setCursor(void 0);
+  }, [currentPath]);
+  useEffect(() => {
+    const data = folderQuery.data;
+    if (!data) return;
+    setPagedFiles((previous) => {
+      const seen = new Set(previous.map((file) => file.id));
+      const fresh = data.files.filter((file) => file.kind === "file" && !seen.has(file.id));
+      return fresh.length === 0 ? previous : [...previous, ...fresh];
+    });
+    setFolderNodes((previous) => {
+      const discovered = data.files.filter((file) => file.kind === "folder" && !previous[file.id]);
+      if (discovered.length === 0) return previous;
+      const parent = Object.values(previous).find((node) => node.path === currentPath);
+      const next = { ...previous };
+      for (const file of discovered) {
+        next[file.id] = {
+          id: file.id,
+          name: file.name,
+          path: file.path,
+          // No parent marks a root, which is correct for the first level browsed.
+          parentIds: parent ? [parent.id] : void 0
+        };
+      }
+      return next;
+    });
+  }, [folderQuery.data, currentPath]);
+  const fileIds = useMemo(() => pagedFiles.map((file) => file.id), [pagedFiles]);
+  const { thumbnails } = useCloudStorageThumbnails(credentialName, fileIds);
+  const gridItems = useMemo(
+    () => pagedFiles.map((file) => ({
+      ...file,
+      // `null` here means the provider produced no thumbnail -- HEIC, or an
+      // original over 20MB. A normal state the card renders a fallback for,
+      // never an error, so it collapses to `undefined` rather than throwing.
+      thumbnailUrl: thumbnails[file.id] ?? void 0,
+      ...decorateItem?.(file)
+    })),
+    [pagedFiles, thumbnails, decorateItem]
+  );
+  const selectedIds = useMemo(() => selected.map((file) => file.id), [selected]);
+  const handleSelectionChange = (nextIds) => {
+    const known = /* @__PURE__ */ new Map();
+    for (const file of selected) known.set(file.id, file);
+    for (const file of pagedFiles) known.set(file.id, file);
+    onSelectionChange(nextIds.map((id) => known.get(id)).filter((file) => file !== void 0));
+  };
+  const treeNodes = useMemo(() => Object.values(folderNodes), [folderNodes]);
+  if (folderQuery.data && !folderQuery.data.connected) {
+    return notConnected ?? /* @__PURE__ */ jsx(Paper, { withBorder: true, p: "xl", "data-testid": "cloud-storage-browser-not-connected", children: /* @__PURE__ */ jsxs(Stack, { align: "center", gap: "sm", children: [
+      /* @__PURE__ */ jsx(IconCloudOff, { size: 32, color: "var(--color-textDimmed)" }),
+      /* @__PURE__ */ jsx(Text, { fw: 600, children: "No storage account connected" }),
+      /* @__PURE__ */ jsxs(Text, { size: "sm", c: "dimmed", ta: "center", children: [
+        "No credential named ",
+        /* @__PURE__ */ jsx("strong", { children: credentialName }),
+        " exists for this organization."
+      ] })
+    ] }) });
+  }
+  return /* @__PURE__ */ jsx(Paper, { withBorder: true, "data-testid": "cloud-storage-browser", children: /* @__PURE__ */ jsxs(Flex, { direction: { base: "column", sm: "row" }, align: "stretch", children: [
+    /* @__PURE__ */ jsx(Box, { p: "sm", w: { base: "100%", sm: FOLDER_PANE_WIDTH }, style: { flexShrink: 0 }, children: /* @__PURE__ */ jsxs(Stack, { gap: "xs", children: [
+      /* @__PURE__ */ jsx(Text, { size: "xs", fw: 600, c: "dimmed", children: "FOLDERS" }),
+      treeNodes.length === 0 ? /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "No folders here." }) : /* @__PURE__ */ jsx(
+        CloudStorageFolderTree,
+        {
+          nodes: treeNodes,
+          selectedPath: currentPath,
+          onNavigate: (node) => setCurrentPath(node.path ?? "")
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsx(Divider, { orientation: "vertical", visibleFrom: "sm" }),
+    /* @__PURE__ */ jsx(Divider, { orientation: "horizontal", hiddenFrom: "sm" }),
+    /* @__PURE__ */ jsx(Box, { p: "sm", style: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+      /* @__PURE__ */ jsxs(Group, { justify: "space-between", children: [
+        /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", "data-testid": "cloud-storage-browser-path", children: currentPath === "" ? "Root" : currentPath }),
+        /* @__PURE__ */ jsxs(Badge, { variant: "light", size: "sm", children: [
+          pagedFiles.length,
+          " files"
+        ] })
+      ] }),
+      folderQuery.isLoading && pagedFiles.length === 0 ? /* @__PURE__ */ jsx(Group, { justify: "center", py: "xl", children: /* @__PURE__ */ jsx(Loader, { size: "sm" }) }) : /* @__PURE__ */ jsx(
+        CloudStorageFileGrid,
+        {
+          items: gridItems,
+          selectedIds,
+          multiple,
+          onSelectionChange: handleSelectionChange,
+          emptyState: /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", ta: "center", py: "xl", children: "No files in this folder." })
+        }
+      ),
+      folderQuery.data?.nextCursor && /* @__PURE__ */ jsx(Group, { justify: "center", children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          size: "compact-sm",
+          variant: "light",
+          loading: folderQuery.isFetching,
+          onClick: () => setCursor(folderQuery.data?.nextCursor),
+          "data-testid": "cloud-storage-browser-load-more",
+          children: "Load more"
+        }
+      ) })
+    ] }) })
+  ] }) });
+}
 
-export { AbsoluteScheduleForm, ApiKeyDisplayModal, ApiKeyList, ApiKeySettings, Breadcrumbs, 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, CreateRoleModal, CreateScheduleModal, 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-UZ5JO5TK.js';
-import '../../chunk-KIDZXZM5.js';
+export { useBreadcrumbs } from '../../chunk-7ARBBELS.js';
+import '../../chunk-6JN2TLV2.js';
 import '../../chunk-R6NMRXNO.js';
 import '../../chunk-RBGVNPA6.js';
-import '../../chunk-MKH2KOAO.js';
-import '../../chunk-Z2W5VNN3.js';
+import '../../chunk-O32UQ26A.js';
 import '../../chunk-L7BZZ4SI.js';
-import '../../chunk-XZIOCB5D.js';
+import '../../chunk-HYQOGRWG.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-Q3O3WY7Q.js';
+import '../../chunk-R5UGIFYU.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;
@@ -1605,6 +1663,63 @@ type Database = {
                     }
                 ];
             };
+            content_item_source_assets: {
+                Row: {
+                    alt_text: string | null;
+                    content_item_id: string;
+                    created_at: string;
+                    crop: Json | null;
+                    derivative_crop: Json | null;
+                    derivative_path: string | null;
+                    derivative_rendered_at: string | null;
+                    id: string;
+                    organization_id: string;
+                    position: number;
+                    source_asset_id: string;
+                };
+                Insert: {
+                    alt_text?: string | null;
+                    content_item_id: string;
+                    created_at?: string;
+                    crop?: Json | null;
+                    derivative_crop?: Json | null;
+                    derivative_path?: string | null;
+                    derivative_rendered_at?: string | null;
+                    id?: string;
+                    organization_id: string;
+                    position: number;
+                    source_asset_id: string;
+                };
+                Update: {
+                    alt_text?: string | null;
+                    content_item_id?: string;
+                    created_at?: string;
+                    crop?: Json | null;
+                    derivative_crop?: Json | null;
+                    derivative_path?: string | null;
+                    derivative_rendered_at?: string | null;
+                    id?: string;
+                    organization_id?: string;
+                    position?: number;
+                    source_asset_id?: string;
+                };
+                Relationships: [
+                    {
+                        foreignKeyName: "content_item_source_assets_asset_fkey";
+                        columns: ["source_asset_id", "organization_id"];
+                        isOneToOne: false;
+                        referencedRelation: "content_source_assets";
+                        referencedColumns: ["id", "organization_id"];
+                    },
+                    {
+                        foreignKeyName: "content_item_source_assets_item_fkey";
+                        columns: ["content_item_id", "organization_id"];
+                        isOneToOne: false;
+                        referencedRelation: "content_items";
+                        referencedColumns: ["id", "organization_id"];
+                    }
+                ];
+            };
             content_items: {
                 Row: {
                     body: string | null;
@@ -3360,6 +3475,25 @@ type Database = {
                 };
                 Returns: Json;
             };
+            activate_deployment_atomic: {
+                Args: {
+                    p_deployment_id: string;
+                    p_organization_id: string;
+                };
+                Returns: {
+                    created_at: string;
+                    deployment_version: string | null;
+                    error_message: string | null;
+                    id: string;
+                    organization_id: string;
+                    pid: number | null;
+                    port: number | null;
+                    sdk_version: string;
+                    status: string;
+                    tarball_path: string | null;
+                    updated_at: string;
+                };
+            };
             append_deal_activity: {
                 Args: {
                     p_activity: Json;
@@ -3693,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 {
     /**
@@ -3814,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 };