@elevasis/ui 1.24.2 → 1.25.0

package/dist/features/operations/index.js

@@ -1,17 +1,17 @@
 import { ChatHeader, ChatSidebar } from '../../chunk-ROSMICXG.js';
-import { ResourceDefinitionSection, CommandQueueTaskRow, getIcon, ActionModal, CommandViewGraph, WorkflowExecutionLogs, AgentExecutionLogs, ResourceFilter, getExecutionStatusConfig, SessionMemory } from '../../chunk-KLZB3MNC.js';
+import { FormFieldRenderer, ResourceDefinitionSection, CommandQueueTaskRow, getIcon, ActionModal, CommandViewGraph, WorkflowExecutionLogs, AgentExecutionLogs, ResourceFilter, getExecutionStatusConfig, SessionMemory } from '../../chunk-HYYI4ZFT.js';
 import { SubshellLoader, SubshellSidebarSection, PageContainer, CollapsibleSidebarGroup, SidebarListItem } from '../../chunk-AWT255UH.js';
-import { ResourceHealthPanel } from '../../chunk-5266RV46.js';
+import { ResourceHealthPanel } from '../../chunk-RIL2CDFE.js';
 import { ConfirmationModal, CustomModal } from '../../chunk-GBMNCNHX.js';
-import { ExecutionStats, UnifiedWorkflowGraph, WorkflowExecutionTimeline, AgentExecutionVisualizer, AgentExecutionTimeline } from '../../chunk-RNL2IC2Y.js';
-import { useCyberColors, CyberDonut } from '../../chunk-N5SDJP44.js';
-import { PageTitleCaption, TabCountBadge, ResourceCard, ContextViewer, JsonViewer, APIErrorAlert, EmptyState, CardHeader } from '../../chunk-IAZT3VO6.js';
+import { ExecutionStats, UnifiedWorkflowGraph, WorkflowExecutionTimeline, AgentExecutionVisualizer, AgentExecutionTimeline } from '../../chunk-QNABH7YG.js';
+import { useCyberColors, CyberDonut } from '../../chunk-US4JUSI3.js';
+import { PageTitleCaption, TabCountBadge, ResourceCard, ContextViewer, JsonViewer, APIErrorAlert, EmptyState, CardHeader } from '../../chunk-G25YWGUL.js';
 import '../../chunk-3KMDHCAR.js';
 import '../../chunk-NNKKBSJN.js';
 import { AppShellLoader } from '../../chunk-WWEMNIHW.js';
 import { topbarHeight } from '../../chunk-QJ2S46NI.js';
-import { useStatusFilter, useResourceSearch, useResourcesDomainFilters, filterByDomainFilters, useCommandViewDomainFilters } from '../../chunk-FATKFO7X.js';
-import { usePaginationState, useResources, useRecentExecutionsByResource, useResourceDefinition, isSessionCapable, useDeleteTask, useCommandQueueTotals, useCommandQueue, useSubmitAction, useCommandViewData, useCommandViewStore, useCommandViewStats, useCalibrationProjects, useCalibrationProject, useAllCalibrationProjects, useResourceExecutions, useCheckpointTasks, useCalibrationSSE, useCalibrationRunFull, useExecuteRun, useGradeRun, useCalibrationRuns, useExecutionPanelState, useExecution, useDeleteSession, useCreateSession, useSessions, useSessionExecutions, useSession, calibrationKeys, useDeleteProject, useCreateProject } from '../../chunk-EDAYKRPJ.js';
+import { useStatusFilter, useResourceSearch, useResourcesDomainFilters, filterByDomainFilters, useCommandViewDomainFilters } from '../../chunk-R565P6XC.js';
+import { usePaginationState, useResources, useRecentExecutionsByResource, useExecuteAsync, useResourceDefinition, isSessionCapable, useDeleteTask, useCommandQueueTotals, useCommandQueue, useSubmitAction, useCommandViewData, useCommandViewStore, useCommandViewStats, useCalibrationProjects, useCalibrationProject, useAllCalibrationProjects, useResourceExecutions, useCheckpointTasks, useCalibrationSSE, useCalibrationRunFull, useExecuteRun, useGradeRun, useCalibrationRuns, useExecutionPanelState, useExecution, useDeleteSession, useCreateSession, useSessions, useSessionExecutions, useSession, calibrationKeys, useDeleteProject, useCreateProject } from '../../chunk-QDO6NF2I.js';
 import '../../chunk-NJJ3NQ7B.js';
 import '../../chunk-LXHZYSMQ.js';
 import '../../chunk-MHW43EOH.js';
@@ -21,10 +21,10 @@ import { ResourceStatusColors } from '../../chunk-ELJIFLCB.js';
 import '../../chunk-L4XXM55J.js';
 import '../../chunk-SLVC5OJ2.js';
 import '../../chunk-RNP5R5I3.js';
-import '../../chunk-TML32XBW.js';
+import '../../chunk-RMPXGBNI.js';
 import '../../chunk-SZHARWKU.js';
-import '../../chunk-OH74INP2.js';
-import '../../chunk-JR2C4XAN.js';
+import '../../chunk-FEZZ3IDU.js';
+import '../../chunk-CYXZHBP4.js';
 import '../../chunk-R7WLWGPO.js';
 import '../../chunk-NVOCKXUQ.js';
 import '../../chunk-V7XHGJQZ.js';
@@ -37,8 +37,8 @@ import { useOrganization } from '../../chunk-DD3CCMCZ.js';
 import '../../chunk-QEPXAWE2.js';
 import '../../chunk-BRJ3QZ4E.js';
 import '../../chunk-Q7DJKLEN.js';
-import { Stack, Card, Text, Button, Tabs, Group, Pagination, useMantineTheme, Box, Center, Loader, UnstyledButton, TextInput, Divider, Paper, Badge, ActionIcon, Title, SimpleGrid, CopyButton, SegmentedControl, ThemeIcon, Alert, Switch, Space, Progress, Timeline, Collapse, ScrollArea, Tooltip, Textarea, Menu, Modal, Table } from '@mantine/core';
-import { IconApps, IconRoute, IconBrain, IconRefresh, IconAdjustmentsHorizontal, IconSearch, IconChevronDown, IconCircleX, IconCircleCheck, IconCircleDashed, IconTrash, IconArrowLeft, IconClock, IconCheck, IconCopy, IconExternalLink, IconPlayerPlay, IconAlertCircle, IconPlus, IconAdjustments, IconSitemap, IconSettings, IconX, IconChartBar, IconReportAnalytics, IconCoin, IconChevronRight, IconFlask, IconInfoCircle, IconMessage, IconAlertTriangle, IconRobot, IconLayoutSidebarRightExpand, IconNote, IconArchive, IconDownload, IconTimeline, IconDotsVertical } from '@tabler/icons-react';
+import { Stack, Card, Text, Button, Tabs, Group, Pagination, useMantineTheme, Box, Center, Loader, UnstyledButton, TextInput, Divider, Modal, Code, Alert, LoadingOverlay, Badge, Paper, ActionIcon, Title, SimpleGrid, CopyButton, SegmentedControl, ThemeIcon, Switch, Space, Progress, Timeline, Collapse, ScrollArea, Tooltip, Textarea, Menu, Table } from '@mantine/core';
+import { IconApps, IconRoute, IconBrain, IconRefresh, IconAdjustmentsHorizontal, IconSearch, IconChevronDown, IconCircleX, IconCircleCheck, IconCircleDashed, IconCheck, IconExternalLink, IconAlertCircle, IconTrash, IconArrowLeft, IconClock, IconCopy, IconPlayerPlay, IconPlus, IconAdjustments, IconSitemap, IconSettings, IconX, IconChartBar, IconReportAnalytics, IconCoin, IconChevronRight, IconFlask, IconInfoCircle, IconMessage, IconAlertTriangle, IconRobot, IconLayoutSidebarRightExpand, IconNote, IconArchive, IconDownload, IconTimeline, IconDotsVertical } from '@tabler/icons-react';
 import { useState, useEffect, useMemo, useRef, useCallback } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useClipboard } from '@mantine/hooks';
@@ -246,7 +246,7 @@ function ResourcesPage({
               compact: true
             }
           ),
-          style: isDormant ? { opacity: 0.7 } : void 0
+          style: isDormant ? { opacity: 0.4 } : void 0
         },
         resource.resourceId
       );
@@ -556,7 +556,16 @@ function ResourcesSidebar({ timeRange }) {
     ] })
   ] });
 }
-function ResourceHeader({ resource, type, connected, runningCount, sessionCapable }) {
+function ResourceHeader({
+  resource,
+  type,
+  connected,
+  runningCount,
+  sessionCapable,
+  onRun,
+  onNavigateToResources,
+  onNavigateToSessions
+}) {
   const { currentMembership } = useOrganization();
   const organizationName = currentMembership?.organization?.name;
   const navigate = useNavigate();
@@ -569,12 +578,11 @@ function ResourceHeader({ resource, type, connected, runningCount, sessionCapabl
       color: "teal"
     });
   };
-  const handleGoToSessions = () => {
-    navigate({
-      to: "/operations/sessions",
-      search: { agent: resource.resourceId }
-    });
-  };
+  const handleGoToSessions = onNavigateToSessions ?? (() => navigate({
+    to: "/operations/sessions",
+    search: { agent: resource.resourceId }
+  }));
+  const handleGoToResources = onNavigateToResources ?? (() => navigate({ to: "/operations/resources" }));
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       PageTitleCaption,
@@ -610,17 +618,9 @@ function ResourceHeader({ resource, type, connected, runningCount, sessionCapabl
           runningCount,
           " running"
         ] }),
+        onRun && /* @__PURE__ */ jsx(Button, { size: "xs", variant: "filled", leftSection: /* @__PURE__ */ jsx(IconPlayerPlay, { size: 16 }), onClick: onRun, children: "Run" }),
         type === "agent" && sessionCapable && /* @__PURE__ */ jsx(Button, { size: "xs", variant: "light", leftSection: /* @__PURE__ */ jsx(IconMessage, { size: 16 }), onClick: handleGoToSessions, children: "Go to Sessions" }),
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            size: "sm",
-            variant: "light",
-            leftSection: /* @__PURE__ */ jsx(IconArrowLeft, { size: 16 }),
-            onClick: () => navigate({ to: "/operations/resources" }),
-            children: "Resources"
-          }
-        )
+        /* @__PURE__ */ jsx(Button, { size: "xs", variant: "light", leftSection: /* @__PURE__ */ jsx(IconArrowLeft, { size: 16 }), onClick: handleGoToResources, children: "Resources" })
       ] })
     ] })
   ] });
@@ -631,10 +631,11 @@ function ResourceErrorState({ error }) {
     /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: error.message })
   ] }) }) });
 }
-function ResourceNotFoundState({ type, resourceId }) {
+function ResourceNotFoundState({ type, resourceId, onNavigateBack }) {
   const navigate = useNavigate();
   const { currentMembership } = useOrganization();
   const orgName = currentMembership?.organization?.name || "current organization";
+  const handleBack = onNavigateBack ?? (() => navigate({ to: "/operations", search: { type: void 0 } }));
   return /* @__PURE__ */ jsx(Stack, { children: /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(Stack, { align: "center", children: [
     /* @__PURE__ */ jsx(Text, { size: "lg", c: "dimmed", fw: 500, children: "Resource not found" }),
     /* @__PURE__ */ jsxs(Text, { size: "sm", c: "dimmed", ta: "center", children: [
@@ -647,22 +648,186 @@ function ResourceNotFoundState({ type, resourceId }) {
       "."
     ] }),
     /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", ta: "center", children: "This resource may exist in a different organization. Try switching organizations or returning to the overview." }),
-    /* @__PURE__ */ jsx(
-      Button,
-      {
-        variant: "light",
-        leftSection: /* @__PURE__ */ jsx(IconArrowLeft, { size: 16 }),
-        onClick: () => navigate({ to: "/operations", search: { type: void 0 } }),
-        children: "Back to Operations"
-      }
-    )
+    /* @__PURE__ */ jsx(Button, { variant: "light", leftSection: /* @__PURE__ */ jsx(IconArrowLeft, { size: 16 }), onClick: handleBack, children: "Back to Operations" })
   ] }) }) });
 }
-function ResourceDetailPage({ type, resourceId, timeRange, renderExecutionPanel }) {
+function ExecuteWorkflowModal({
+  opened,
+  onClose,
+  resource,
+  isPending = false,
+  error,
+  result,
+  onViewExecution,
+  onReset,
+  children
+}) {
+  const canClose = !isPending;
+  const title = resource.name ?? resource.resourceId;
+  return /* @__PURE__ */ jsx(
+    Modal,
+    {
+      opened,
+      onClose: canClose ? onClose : () => void 0,
+      centered: true,
+      size: "lg",
+      closeOnClickOutside: canClose,
+      closeOnEscape: canClose,
+      withCloseButton: canClose,
+      title: /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
+        /* @__PURE__ */ jsxs(Text, { fw: 600, children: [
+          "Run ",
+          resource.resourceType
+        ] }),
+        /* @__PURE__ */ jsx(Badge, { color: "blue", variant: "light", size: "sm", children: resource.resourceType })
+      ] }),
+      children: /* @__PURE__ */ jsxs(Stack, { gap: "md", children: [
+        /* @__PURE__ */ jsxs(Group, { gap: 4, wrap: "nowrap", children: [
+          /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "Target:" }),
+          /* @__PURE__ */ jsx(Text, { size: "sm", fw: 500, children: title }),
+          /* @__PURE__ */ jsx(Code, { children: resource.resourceId })
+        ] }),
+        /* @__PURE__ */ jsx(Divider, {}),
+        result ? /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+          /* @__PURE__ */ jsx(Alert, { variant: "light", color: "teal", title: "Execution started", icon: /* @__PURE__ */ jsx(IconCheck, { size: 16 }), children: /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
+            /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
+              "The ",
+              resource.resourceType,
+              " is now running."
+            ] }),
+            /* @__PURE__ */ jsxs(Group, { gap: 4, children: [
+              /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Execution ID:" }),
+              /* @__PURE__ */ jsx(Code, { children: result.executionId })
+            ] })
+          ] }) }),
+          /* @__PURE__ */ jsxs(Group, { justify: "flex-end", gap: "xs", children: [
+            onReset && /* @__PURE__ */ jsx(Button, { variant: "default", onClick: onReset, children: "Run again" }),
+            onViewExecution && /* @__PURE__ */ jsx(
+              Button,
+              {
+                leftSection: /* @__PURE__ */ jsx(IconExternalLink, { size: 16 }),
+                onClick: () => onViewExecution(result.executionId),
+                children: "View execution"
+              }
+            ),
+            /* @__PURE__ */ jsx(Button, { variant: "light", onClick: onClose, children: "Close" })
+          ] })
+        ] }) : error ? /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+          /* @__PURE__ */ jsx(Alert, { variant: "light", color: "red", title: "Execution failed to start", icon: /* @__PURE__ */ jsx(IconAlertCircle, { size: 16 }), children: /* @__PURE__ */ jsx(Text, { size: "sm", children: error.message || "An unknown error occurred." }) }),
+          /* @__PURE__ */ jsxs(Group, { justify: "flex-end", gap: "xs", children: [
+            onReset && /* @__PURE__ */ jsx(Button, { variant: "default", onClick: onReset, children: "Try again" }),
+            /* @__PURE__ */ jsx(Button, { variant: "light", onClick: onClose, children: "Close" })
+          ] })
+        ] }) : /* @__PURE__ */ jsxs("div", { style: { position: "relative" }, children: [
+          /* @__PURE__ */ jsx(LoadingOverlay, { visible: isPending, zIndex: 1e3, overlayProps: { blur: 2 } }),
+          children ?? /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "No input form provided." })
+        ] })
+      ] })
+    }
+  );
+}
+function getInitialValues(fields) {
+  const values = {};
+  for (const field of fields) {
+    values[field.name] = field.defaultValue ?? (field.type === "checkbox" ? false : "");
+  }
+  return values;
+}
+function applyFieldMappings(values, mappings) {
+  if (!mappings) return values;
+  const mapped = {};
+  for (const [key, value] of Object.entries(values)) {
+    const targetKey = mappings[key] ?? key;
+    mapped[targetKey] = value;
+  }
+  return mapped;
+}
+function ResourceExecuteForm({
+  formSchema,
+  onSubmit,
+  isPending = false,
+  disabled = false,
+  submitLabel = "Run"
+}) {
+  const hasFields = formSchema?.fields?.length > 0;
+  const form = useForm({
+    initialValues: hasFields ? getInitialValues(formSchema.fields) : {},
+    validate: hasFields ? Object.fromEntries(
+      formSchema.fields.filter((f) => f.required).map((f) => [
+        f.name,
+        (value) => !value && value !== false ? `${f.label} is required` : null
+      ])
+    ) : {}
+  });
+  const handleSubmit = (values) => {
+    const input = applyFieldMappings(values, formSchema?.fieldMappings);
+    void onSubmit(input);
+  };
+  if (!hasFields) {
+    return /* @__PURE__ */ jsxs(Stack, { children: [
+      /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", children: "This workflow takes no input." }),
+      /* @__PURE__ */ jsx(Button, { onClick: () => void onSubmit({}), loading: isPending, disabled, fullWidth: true, children: isPending ? formSchema?.submitButton?.loadingLabel ?? "Running..." : submitLabel })
+    ] });
+  }
+  return /* @__PURE__ */ jsx("form", { onSubmit: form.onSubmit(handleSubmit), children: /* @__PURE__ */ jsxs(Stack, { children: [
+    formSchema.fields.map((field) => /* @__PURE__ */ jsx(FormFieldRenderer, { field, form }, field.name)),
+    /* @__PURE__ */ jsx(Button, { type: "submit", loading: isPending, disabled, fullWidth: true, children: isPending ? formSchema.submitButton?.loadingLabel ?? "Running..." : submitLabel })
+  ] }) });
+}
+function ResourceExecuteDialog({ opened, onClose, resource, onViewExecution }) {
+  const mutation = useExecuteAsync();
+  const handleSubmit = async (input) => {
+    await mutation.mutateAsync({
+      resourceId: resource.resourceId,
+      resourceType: resource.resourceType,
+      input
+    });
+  };
+  const handleReset = () => {
+    mutation.reset();
+  };
+  const modalResource = {
+    resourceId: resource.resourceId,
+    resourceType: resource.resourceType,
+    name: resource.name
+  };
+  return /* @__PURE__ */ jsx(
+    ExecuteWorkflowModal,
+    {
+      opened,
+      onClose,
+      resource: modalResource,
+      isPending: mutation.isPending,
+      error: mutation.error,
+      result: mutation.data ?? null,
+      onViewExecution,
+      onReset: handleReset,
+      children: /* @__PURE__ */ jsx(
+        ResourceExecuteForm,
+        {
+          formSchema: resource.formSchema ?? { fields: [] },
+          onSubmit: handleSubmit,
+          isPending: mutation.isPending,
+          disabled: mutation.isPending
+        }
+      )
+    }
+  );
+}
+function ResourceDetailPage({
+  type,
+  resourceId,
+  timeRange,
+  renderExecutionPanel,
+  onNavigateToResources,
+  onNavigateToSessions,
+  onNavigateBack
+}) {
   const { organizationReady } = useInitialization();
   const { data, isLoading, error } = useResources();
   const [connected, setConnected] = useState(false);
   const [runningCount, setRunningCount] = useState(0);
+  const [runOpened, setRunOpened] = useState(false);
   const resource = data ? (() => {
     const resources = [...data.workflows, ...data.agents];
     const found = resources.find((r) => r.resourceId === resourceId && r.type === type);
@@ -684,23 +849,41 @@ function ResourceDetailPage({ type, resourceId, timeRange, renderExecutionPanel
     return /* @__PURE__ */ jsx(ResourceErrorState, { error });
   }
   if (!resource) {
-    return /* @__PURE__ */ jsx(ResourceNotFoundState, { type, resourceId });
+    return /* @__PURE__ */ jsx(ResourceNotFoundState, { type, resourceId, onNavigateBack });
   }
   const validResource = resource;
   const sessionCapable = isSessionCapable(type, resourceDefinition);
-  return /* @__PURE__ */ jsxs(Stack, { children: [
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
-      ResourceHeader,
+      ResourceExecuteDialog,
       {
-        resource: validResource,
-        type,
-        connected,
-        runningCount,
-        sessionCapable
+        opened: runOpened,
+        onClose: () => setRunOpened(false),
+        resource: {
+          resourceId,
+          resourceType: type,
+          name: validResource.name,
+          formSchema: resourceDefinition?.interface?.form
+        }
       }
     ),
-    /* @__PURE__ */ jsx(ResourceHealthPanel, { resourceId, resourceType: type, timeRange }),
-    resourceDefinition && /* @__PURE__ */ jsx(ResourceDefinitionSection, { resourceDefinition }),
+    /* @__PURE__ */ jsxs(Stack, { children: [
+      /* @__PURE__ */ jsx(
+        ResourceHeader,
+        {
+          resource: validResource,
+          type,
+          connected,
+          runningCount,
+          sessionCapable,
+          onRun: () => setRunOpened(true),
+          onNavigateToResources,
+          onNavigateToSessions
+        }
+      ),
+      /* @__PURE__ */ jsx(ResourceHealthPanel, { resourceId, resourceType: type, timeRange }),
+      resourceDefinition && /* @__PURE__ */ jsx(ResourceDefinitionSection, { resourceDefinition })
+    ] }),
     /* @__PURE__ */ jsx(
       Paper,
       {
@@ -762,7 +945,7 @@ function CommandQueuePage({
   }, [tasks.length, isLoadingTasks]);
   if (isLoadingCheckpoints || !organizationReady) return /* @__PURE__ */ jsx(AppShellLoader, {});
   const totalTasks = checkpointData?.total ?? 0;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
+  return /* @__PURE__ */ jsxs(Stack, { children: [
     /* @__PURE__ */ jsx(PageTitleCaption, { title: "Command Queue", caption: "Human-in-the-loop approval system for agent/workflow actions" }),
     /* @__PURE__ */ jsx(Stack, { gap: "xs", children: isLoadingTasks ? /* @__PURE__ */ jsx(AppShellLoader, {}) : tasks.length === 0 ? /* @__PURE__ */ jsx(Card, { withBorder: true, children: /* @__PURE__ */ jsx(Text, { ta: "center", c: "dimmed", children: "No tasks found" }) }) : tasks.map((task) => /* @__PURE__ */ jsx(
       CommandQueueTaskRow,
@@ -3588,4 +3771,4 @@ function AgentListItem({ agent, isSelected, onAgentClick }) {
   );
 }
 
-export { AgentExecutionPanel, AgentSessionGroup, CalibrationPage, CalibrationProgress, CalibrationProjectDetailPage, CalibrationProjectsPage, CalibrationRunDetailPage, CalibrationSidebar, CommandQueueDetailPage, CommandQueuePage, CommandViewPage, CommandViewSidebarContent, ExecutionPanel, ResourceDetailPage, ResourcesPage, ResourcesSidebar, SessionChatArea, SessionChatInterface, SessionChatPage, SessionDetailsSidebar, SessionExecutionLogs, SessionHeader, SessionListItem, SessionsPage, SessionsSidebar, WorkflowExecutionPanel };
+export { AgentExecutionPanel, AgentSessionGroup, CalibrationPage, CalibrationProgress, CalibrationProjectDetailPage, CalibrationProjectsPage, CalibrationRunDetailPage, CalibrationSidebar, CommandQueueDetailPage, CommandQueuePage, CommandViewPage, CommandViewSidebarContent, ExecuteWorkflowModal, ExecutionPanel, ResourceDetailPage, ResourceExecuteDialog, ResourceExecuteForm, ResourcesPage, ResourcesSidebar, SessionChatArea, SessionChatInterface, SessionChatPage, SessionDetailsSidebar, SessionExecutionLogs, SessionHeader, SessionListItem, SessionsPage, SessionsSidebar, WorkflowExecutionPanel };

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

@@ -12,7 +12,6 @@ type Database = {
         Tables: {
             acq_companies: {
                 Row: {
-                    attio_company_id: string | null;
                     batch_id: string | null;
                     category: string | null;
                     category_pain: string | null;
@@ -36,7 +35,6 @@ type Database = {
                     website: string | null;
                 };
                 Insert: {
-                    attio_company_id?: string | null;
                     batch_id?: string | null;
                     category?: string | null;
                     category_pain?: string | null;
@@ -60,7 +58,6 @@ type Database = {
                     website?: string | null;
                 };
                 Update: {
-                    attio_company_id?: string | null;
                     batch_id?: string | null;
                     category?: string | null;
                     category_pain?: string | null;
@@ -95,7 +92,6 @@ type Database = {
             };
             acq_contacts: {
                 Row: {
-                    attio_person_id: string | null;
                     batch_id: string | null;
                     brochure_first_viewed_at: string | null;
                     brochure_view_count: number;
@@ -121,7 +117,6 @@ type Database = {
                     updated_at: string;
                 };
                 Insert: {
-                    attio_person_id?: string | null;
                     batch_id?: string | null;
                     brochure_first_viewed_at?: string | null;
                     brochure_view_count?: number;
@@ -147,7 +142,6 @@ type Database = {
                     updated_at?: string;
                 };
                 Update: {
-                    attio_person_id?: string | null;
                     batch_id?: string | null;
                     brochure_first_viewed_at?: string | null;
                     brochure_view_count?: number;
@@ -305,10 +299,117 @@ type Database = {
                     }
                 ];
             };
+            acq_deal_notes: {
+                Row: {
+                    author_user_id: string | null;
+                    body: string;
+                    created_at: string;
+                    deal_id: string;
+                    id: string;
+                    organization_id: string;
+                    updated_at: string;
+                };
+                Insert: {
+                    author_user_id?: string | null;
+                    body: string;
+                    created_at?: string;
+                    deal_id: string;
+                    id?: string;
+                    organization_id: string;
+                    updated_at?: string;
+                };
+                Update: {
+                    author_user_id?: string | null;
+                    body?: string;
+                    created_at?: string;
+                    deal_id?: string;
+                    id?: string;
+                    organization_id?: string;
+                    updated_at?: string;
+                };
+                Relationships: [
+                    {
+                        foreignKeyName: "acq_deal_notes_deal_id_fkey";
+                        columns: ["deal_id"];
+                        isOneToOne: false;
+                        referencedRelation: "acq_deals";
+                        referencedColumns: ["id"];
+                    },
+                    {
+                        foreignKeyName: "acq_deal_notes_organization_id_fkey";
+                        columns: ["organization_id"];
+                        isOneToOne: false;
+                        referencedRelation: "organizations";
+                        referencedColumns: ["id"];
+                    }
+                ];
+            };
+            acq_deal_tasks: {
+                Row: {
+                    assignee_user_id: string | null;
+                    completed_at: string | null;
+                    completed_by_user_id: string | null;
+                    created_at: string;
+                    created_by_user_id: string | null;
+                    deal_id: string;
+                    description: string | null;
+                    due_at: string | null;
+                    id: string;
+                    kind: string;
+                    organization_id: string;
+                    title: string;
+                    updated_at: string;
+                };
+                Insert: {
+                    assignee_user_id?: string | null;
+                    completed_at?: string | null;
+                    completed_by_user_id?: string | null;
+                    created_at?: string;
+                    created_by_user_id?: string | null;
+                    deal_id: string;
+                    description?: string | null;
+                    due_at?: string | null;
+                    id?: string;
+                    kind?: string;
+                    organization_id: string;
+                    title: string;
+                    updated_at?: string;
+                };
+                Update: {
+                    assignee_user_id?: string | null;
+                    completed_at?: string | null;
+                    completed_by_user_id?: string | null;
+                    created_at?: string;
+                    created_by_user_id?: string | null;
+                    deal_id?: string;
+                    description?: string | null;
+                    due_at?: string | null;
+                    id?: string;
+                    kind?: string;
+                    organization_id?: string;
+                    title?: string;
+                    updated_at?: string;
+                };
+                Relationships: [
+                    {
+                        foreignKeyName: "acq_deal_tasks_deal_id_fkey";
+                        columns: ["deal_id"];
+                        isOneToOne: false;
+                        referencedRelation: "acq_deals";
+                        referencedColumns: ["id"];
+                    },
+                    {
+                        foreignKeyName: "acq_deal_tasks_organization_id_fkey";
+                        columns: ["organization_id"];
+                        isOneToOne: false;
+                        referencedRelation: "organizations";
+                        referencedColumns: ["id"];
+                    }
+                ];
+            };
             acq_deals: {
                 Row: {
                     activity_log: Json;
-                    attio_deal_id: string;
                     cached_stage: string | null;
                     closed_lost_at: string | null;
                     closed_lost_reason: string | null;
@@ -343,7 +444,6 @@ type Database = {
                 };
                 Insert: {
                     activity_log?: Json;
-                    attio_deal_id: string;
                     cached_stage?: string | null;
                     closed_lost_at?: string | null;
                     closed_lost_reason?: string | null;
@@ -378,7 +478,6 @@ type Database = {
                 };
                 Update: {
                     activity_log?: Json;
-                    attio_deal_id?: string;
                     cached_stage?: string | null;
                     closed_lost_at?: string | null;
                     closed_lost_reason?: string | null;

package/dist/features/settings/index.js

@@ -1,14 +1,14 @@
-import { useAvailablePresets } from '../../chunk-TQBM3OEW.js';
-import { OrganizationMembershipsList, WebhookUrlDisplayModal, MembershipFeaturePanel, MembershipStatusBadge, getCredentialSchema, OAuthConnectModal, buildCredentialValue } from '../../chunk-HOYZWSNV.js';
+import { useAvailablePresets } from '../../chunk-BS4J2LAW.js';
+import { OrganizationMembershipsList, WebhookUrlDisplayModal, MembershipFeaturePanel, MembershipStatusBadge, getCredentialSchema, OAuthConnectModal, buildCredentialValue } from '../../chunk-3EVTCVKR.js';
 import '../../chunk-PDHTXPSF.js';
 import { CustomModal } from '../../chunk-GBMNCNHX.js';
-import { PageTitleCaption, EmptyState, CardHeader, ListSkeleton, StatCard } from '../../chunk-IAZT3VO6.js';
+import { PageTitleCaption, EmptyState, CardHeader, ListSkeleton, StatCard } from '../../chunk-G25YWGUL.js';
 import '../../chunk-3KMDHCAR.js';
 import '../../chunk-NNKKBSJN.js';
 import { AppShellLoader } from '../../chunk-WWEMNIHW.js';
 import '../../chunk-QJ2S46NI.js';
-import { useUserMemberships, useUpdateWebhookEndpoint, useDeleteWebhookEndpoint, useCreateWebhookEndpoint, useListWebhookEndpoints, useUpdateMemberConfig, useOrganizationMembers, useUpdateCredential, CredentialSchemas } from '../../chunk-FATKFO7X.js';
-import { useResources, showErrorNotification } from '../../chunk-EDAYKRPJ.js';
+import { useUserMemberships, useUpdateWebhookEndpoint, useDeleteWebhookEndpoint, useCreateWebhookEndpoint, useListWebhookEndpoints, useUpdateMemberConfig, useOrganizationMembers, useUpdateCredential, CredentialSchemas } from '../../chunk-R565P6XC.js';
+import { useResources, showErrorNotification } from '../../chunk-QDO6NF2I.js';
 import '../../chunk-NJJ3NQ7B.js';
 import '../../chunk-LXHZYSMQ.js';
 import '../../chunk-MHW43EOH.js';
@@ -17,10 +17,10 @@ import '../../chunk-ELJIFLCB.js';
 import '../../chunk-L4XXM55J.js';
 import '../../chunk-SLVC5OJ2.js';
 import '../../chunk-RNP5R5I3.js';
-import '../../chunk-TML32XBW.js';
+import '../../chunk-RMPXGBNI.js';
 import '../../chunk-SZHARWKU.js';
-import '../../chunk-OH74INP2.js';
-import '../../chunk-JR2C4XAN.js';
+import '../../chunk-FEZZ3IDU.js';
+import '../../chunk-CYXZHBP4.js';
 import '../../chunk-R7WLWGPO.js';
 import '../../chunk-NVOCKXUQ.js';
 import '../../chunk-V7XHGJQZ.js';
@@ -38,7 +38,7 @@ import { IconUser, IconCheck, IconCopy, IconMail, IconRefresh, IconAlertCircle,
 import { notifications } from '@mantine/notifications';
 import { useMutation, useQueryClient } from '@tanstack/react-query';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { useRef, useEffect, useMemo, useState, useCallback } from 'react';
+import { useState, useRef, useEffect, useMemo, useCallback } from 'react';
 import { create } from 'zustand';
 import { useForm } from '@mantine/form';
 
@@ -262,6 +262,7 @@ function AppearanceSettings({ initialTheme, onThemeChange }) {
   const { updateTheme } = useUpdateThemePreference();
   const { setColorScheme: setMantineColorScheme } = useMantineColorScheme();
   const availablePresets = useAvailablePresets();
+  const [modalOpen, setModalOpen] = useState(false);
   const hydratedRef = useRef(false);
   if (!hydratedRef.current) {
     setInternalTheme(initialTheme);
@@ -390,7 +391,8 @@ function AppearanceSettings({ initialTheme, onThemeChange }) {
               ] }),
               /* @__PURE__ */ jsxs(Group, { gap: "xs", children: [
                 /* @__PURE__ */ jsx(Button, { variant: "default", size: "xs", children: "Export" }),
-                /* @__PURE__ */ jsx(Button, { size: "xs", leftSection: /* @__PURE__ */ jsx(IconSparkles, { size: 14 }), children: "New Workflow" })
+                /* @__PURE__ */ jsx(Button, { size: "xs", leftSection: /* @__PURE__ */ jsx(IconSparkles, { size: 14 }), children: "New Workflow" }),
+                /* @__PURE__ */ jsx(Button, { variant: "light", size: "xs", onClick: () => setModalOpen(true), children: "Open Modal Preview" })
               ] })
             ] }),
             /* @__PURE__ */ jsx(SimpleGrid, { cols: { base: 1, sm: 3 }, spacing: "sm", children: [
@@ -488,7 +490,22 @@ function AppearanceSettings({ initialTheme, onThemeChange }) {
           /* @__PURE__ */ jsx(Alert, { variant: "light", color: "green", icon: /* @__PURE__ */ jsx(IconCheck, { size: 16 }), title: "Success", children: "Operation completed successfully." })
         ] })
       ] })
-    ] })
+    ] }),
+    /* @__PURE__ */ jsx(CustomModal, { opened: modalOpen, onClose: () => setModalOpen(false), size: "md", children: /* @__PURE__ */ jsxs(Stack, { gap: "md", p: "md", children: [
+      /* @__PURE__ */ jsx(Title, { order: 3, children: "Modal Preview" }),
+      /* @__PURE__ */ jsxs(Text, { size: "sm", children: [
+        "Modals should sit visibly above the page background. Elevation comes from the",
+        " ",
+        /* @__PURE__ */ jsx(Text, { span: true, ff: "monospace", size: "sm", children: "--color-elevated" }),
+        " ",
+        "token, which every preset defines as an opaque surface."
+      ] }),
+      /* @__PURE__ */ jsx(TextInput, { label: "Example field", placeholder: "Type something...", size: "xs" }),
+      /* @__PURE__ */ jsxs(Group, { justify: "flex-end", children: [
+        /* @__PURE__ */ jsx(Button, { variant: "default", size: "xs", onClick: () => setModalOpen(false), children: "Cancel" }),
+        /* @__PURE__ */ jsx(Button, { size: "xs", onClick: () => setModalOpen(false), children: "Confirm" })
+      ] })
+    ] }) })
   ] });
 }
 function EditWebhookEndpointModal({ opened, endpoint, onClose }) {