@elevasis/ui 2.71.0 → 2.73.0

package/dist/components/index.js

@@ -1,41 +1,41 @@
-export { AppErrorBoundary, CrashErrorFallback, ErrorReportCard, buildErrorReport } from '../chunk-TCQZ4AJI.js';
-import { useBreadcrumbs } from '../chunk-TB2PM2OU.js';
+export { AppErrorBoundary, CrashErrorFallback, ErrorReportCard, buildErrorReport } from '../chunk-LEPYXLJ2.js';
+import { useBreadcrumbs } from '../chunk-JYBJMVNY.js';
 import '../chunk-AH52XQB7.js';
-import { showAuthError } from '../chunk-CPBT6Z2G.js';
-export { CreateCredentialModal, CredentialList, CredentialSettings, MembershipStatusBadge, OAuthConnectModal, OrganizationMembershipsList, ProvisioningStateBadge, WebhookUrlDisplayModal, showAuthError } from '../chunk-CPBT6Z2G.js';
+import { showAuthError } from '../chunk-SWKAH2YM.js';
+export { CreateCredentialModal, CredentialList, CredentialSettings, MembershipStatusBadge, OAuthConnectModal, OrganizationMembershipsList, ProvisioningStateBadge, WebhookUrlDisplayModal, showAuthError } from '../chunk-SWKAH2YM.js';
 import '../chunk-ZFISGKYW.js';
-import '../chunk-DH2MO5DX.js';
-import { setDealReferrer, compareDealsByPriority } from '../chunk-VHPHWTX7.js';
-export { ActivityFeedWidget, CompanyDetailPage, ContactDetailPage, CrmOverview, CrmSidebar, CrmSidebarTop, DealDetailPage, DealsListPage, MetricsStrip, PIPELINE_FUNNEL_ORDER, PipelineFunnelWidget, useCrmPipelineSummary, useCrmQuickMetrics, useRecentCrmActivity } from '../chunk-VHPHWTX7.js';
-export { AllTasksPage, HealthStatusCard, MilestoneTimeline, ProjectDetailPage, ProjectsListPage, ProjectsSidebar, ProjectsSidebarMiddle, ProjectsSidebarTop, TaskCard, UpcomingMilestonesPage } from '../chunk-BM2WKRAQ.js';
-export { LEAD_GEN_ROUTE_LINKS, LeadGenCompaniesPage, LeadGenContactsPage, LeadGenListDetailPage, LeadGenListsPage, LeadGenOverviewPage, LeadGenRouteShell, LeadGenSidebar, LeadGenSidebarTop, StepConfigForm, TabSection, getEnrichmentColor, getStatusColor, useDeleteLists } from '../chunk-H3SDGC5F.js';
-import '../chunk-LL5H7J4N.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-TVFSVTRG.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-6ZAP3FOA.js';
-import '../chunk-AIOV5NM7.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-JTSNU6KA.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';
 export { ZodFormRenderer } from '../chunk-3MEXPLWT.js';
 import '../chunk-SNZDFCOQ.js';
-import { NotificationList } from '../chunk-3BLYJT5L.js';
-export { ActivityCard, ActivityFilters as ActivityFiltersBar, ActivityTable, BusinessImpactCard, CostBreakdownCard, CostByModelTable, CostMetricsCard, ErrorAnalysisCard, ErrorBreakdownTable, ExecutionBreakdownTable, ExecutionHealthCard, ExecutionLogsFilters as ExecutionLogsFilterBar, ExecutionLogsTable, NotificationItem, NotificationList } from '../chunk-3BLYJT5L.js';
-export { ResourceHealthPanel } from '../chunk-VRRIHA3S.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';
 export { ResourceHealthChart, getHealthColor } from '../chunk-LGKLC5MG.js';
 export { Graph_module_css_default as graphStyles } from '../chunk-HENXLGVD.js';
-import { AppShellLoader } from '../chunk-DCMFNSJ6.js';
+import { AppShellLoader } from '../chunk-3TS5U5BL.js';
 export { calculateProgress, formatStatusLabel, milestoneStatusColors, noteTypeColors, projectStatusColors, taskStatusColors, taskTypeColors } from '../chunk-DLR4SDZW.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-UZ7MSORW.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-UZ7MSORW.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 '../chunk-R6NMRXNO.js';
 import '../chunk-RBGVNPA6.js';
 import '../chunk-MKH2KOAO.js';
-import '../chunk-VDX6DL7Z.js';
+import '../chunk-NHNTX6ZL.js';
 import '../chunk-L7BZZ4SI.js';
-import { showSuccessNotification, showErrorNotification, showApiErrorNotification } from '../chunk-C75XWBYZ.js';
-export { showApiErrorNotification, showErrorNotification, showInfoNotification, showSuccessNotification, showWarningNotification } from '../chunk-C75XWBYZ.js';
+import { showSuccessNotification, showErrorNotification, showApiErrorNotification } from '../chunk-U2H3TIHD.js';
+export { showApiErrorNotification, showErrorNotification, showInfoNotification, showSuccessNotification, showWarningNotification } from '../chunk-U2H3TIHD.js';
 export { SEOSidebar, SEOSidebarMiddle, SEOSidebarTop, seoManifest } from '../chunk-MISHPEJX.js';
 import { CardHeader } from '../chunk-62GVNH5U.js';
 export { CardHeader } from '../chunk-62GVNH5U.js';
@@ -48,7 +48,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-NM4A63KJ.js';
+import { formatDateTime, PAGE_SIZE_DEFAULT, formatTimeAgo } from '../chunk-IBCEAVB2.js';
 import '../chunk-Y6I3IC45.js';
 import '../chunk-6SSQGWK7.js';
 import { useElevasisServices } from '../chunk-BI5VDO2K.js';
@@ -57,8 +57,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, 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 * as runtime from 'react/jsx-runtime';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useForm } from '@mantine/form';
@@ -2784,5 +2784,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, NoAccessState, NotificationBell, NotificationPanel, PermissionMatrix, RecurringScheduleForm, RelativeScheduleForm, RichTextEditor, ScheduleCard, ScheduleDetailModal, ScheduleTypeSelector, TaskScheduler, mdxComponents };

package/dist/components/navigation/index.js

@@ -1,11 +1,11 @@
-export { useBreadcrumbs } from '../../chunk-TB2PM2OU.js';
-import '../../chunk-UZ7MSORW.js';
+export { useBreadcrumbs } from '../../chunk-JYBJMVNY.js';
+import '../../chunk-OCVSPAKM.js';
 import '../../chunk-R6NMRXNO.js';
 import '../../chunk-RBGVNPA6.js';
 import '../../chunk-MKH2KOAO.js';
-import '../../chunk-VDX6DL7Z.js';
+import '../../chunk-NHNTX6ZL.js';
 import '../../chunk-L7BZZ4SI.js';
-import '../../chunk-C75XWBYZ.js';
+import '../../chunk-U2H3TIHD.js';
 import '../../chunk-MISHPEJX.js';
 import '../../chunk-62GVNH5U.js';
 import '../../chunk-P45GQ3ZW.js';
@@ -17,7 +17,7 @@ import '../../chunk-UD657ICS.js';
 import '../../chunk-DD3CCMCZ.js';
 import '../../chunk-RNP5R5I3.js';
 import '../../chunk-RT4KRGZT.js';
-import '../../chunk-NM4A63KJ.js';
+import '../../chunk-IBCEAVB2.js';
 import '../../chunk-Y6I3IC45.js';
 import '../../chunk-6SSQGWK7.js';
 import '../../chunk-BI5VDO2K.js';

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

@@ -1605,6 +1605,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 +3417,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;

package/dist/features/auth/index.js

@@ -1,12 +1,12 @@
-import { AppShellError } from '../../chunk-DCMFNSJ6.js';
-import { computeProtectedRouteGate, DEFAULT_WAIT_FOR_ORGANIZATION, ProtectedRoute, AppearanceContext, useAppearance } from '../../chunk-UZ7MSORW.js';
-export { AccessGuard } from '../../chunk-UZ7MSORW.js';
+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 '../../chunk-R6NMRXNO.js';
 import '../../chunk-RBGVNPA6.js';
 import '../../chunk-MKH2KOAO.js';
-import '../../chunk-VDX6DL7Z.js';
+import '../../chunk-NHNTX6ZL.js';
 import '../../chunk-L7BZZ4SI.js';
-import '../../chunk-C75XWBYZ.js';
+import '../../chunk-U2H3TIHD.js';
 import '../../chunk-MISHPEJX.js';
 import '../../chunk-62GVNH5U.js';
 import { useInitialization } from '../../chunk-P45GQ3ZW.js';
@@ -18,7 +18,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-NM4A63KJ.js';
+import '../../chunk-IBCEAVB2.js';
 import '../../chunk-Y6I3IC45.js';
 import '../../chunk-6SSQGWK7.js';
 import '../../chunk-BI5VDO2K.js';

package/dist/features/clients/index.js

@@ -2,14 +2,14 @@ import '../../chunk-DLR4SDZW.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-UZ7MSORW.js';
-export { clientsManifest } from '../../chunk-UZ7MSORW.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 '../../chunk-R6NMRXNO.js';
 import '../../chunk-RBGVNPA6.js';
 import '../../chunk-MKH2KOAO.js';
-import '../../chunk-VDX6DL7Z.js';
+import '../../chunk-NHNTX6ZL.js';
 import '../../chunk-L7BZZ4SI.js';
-import { showApiErrorNotification } from '../../chunk-C75XWBYZ.js';
+import { showApiErrorNotification } from '../../chunk-U2H3TIHD.js';
 import '../../chunk-MISHPEJX.js';
 import { CardHeader } from '../../chunk-62GVNH5U.js';
 import '../../chunk-P45GQ3ZW.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-NM4A63KJ.js';
+import { PAGE_SIZE_DEFAULT, formatTimeAgo } from '../../chunk-IBCEAVB2.js';
 import '../../chunk-Y6I3IC45.js';
 import '../../chunk-6SSQGWK7.js';
 import '../../chunk-BI5VDO2K.js';