@elevasis/ui 2.10.2 → 2.11.0

package/dist/{chunk-GJVGV7QZ.js → chunk-BLQLWIOW.js}

@@ -1,21 +1,23 @@
 import { ResourceHealthChart } from './chunk-LGKLC5MG.js';
 import { useCyberColors, HeroStatsRow } from './chunk-STZJ7SY5.js';
 import { AppShellCenteredContainer, AppShellLoader } from './chunk-YEX4MQSY.js';
-import { STATUS_COLORS, getStatusIcon, formatDuration, getStatusColors, AGENT_CONSTANTS, shouldAnimateEdge, TIMELINE_CONSTANTS, calculateBarPosition, CONTAINER_CONSTANTS, useExecutionPath, useUnifiedWorkflowLayout, WORKFLOW_CONSTANTS, useReactFlowAgent } from './chunk-XA34RETF.js';
-import { useDashboardMetrics, useResources, useTimeRangeDates, useUnresolvedErrors, useRecentExecutionsByResource, useCommandQueue, useScheduledTasks, useResourcesHealth } from './chunk-E3IFHX6A.js';
+import { STATUS_COLORS, getStatusIcon, formatDuration, getStatusColors, AGENT_CONSTANTS, shouldAnimateEdge, TIMELINE_CONSTANTS, calculateBarPosition, CONTAINER_CONSTANTS, useExecutionPath, useUnifiedWorkflowLayout, WORKFLOW_CONSTANTS, useReactFlowAgent } from './chunk-GHIPBT5V.js';
+import { useExecuteResource, useDashboardMetrics, useResources, useTimeRangeDates, useUnresolvedErrors, useRecentExecutionsByResource, useCommandQueue, useScheduledTasks, useResourcesHealth } from './chunk-DOFVHWAP.js';
 import { getTimeRangeDates } from './chunk-LXHZYSMQ.js';
 import { Graph_module_css_default, useDirectedChainHighlighting, useNodeSelection, useFitViewTrigger } from './chunk-22UVE3RA.js';
-import { glassBase } from './chunk-6PNHW4X2.js';
+import { glassBase } from './chunk-24UMQV5B.js';
 import { GlowDot, CardHeader, EmptyState, PageTitleCaption, TabCountBadge } from './chunk-SQQGLGHW.js';
 import { ResourceStatusColors } from './chunk-ELJIFLCB.js';
 import { formatTimeAgo, formatRelativeTime } from './chunk-IOKL7BKE.js';
 import { useInitialization } from './chunk-TUXTSEAF.js';
 import { memo, useMemo, useEffect, useState, useCallback, Fragment } from 'react';
-import { Paper, Stack, Text, Group, Badge, Box, useComputedColorScheme, Card, ActionIcon, Loader, SegmentedControl, Center, SimpleGrid, Title, Tabs, Grid, ThemeIcon } from '@mantine/core';
+import { Paper, Stack, Text, Group, Badge, Box, useComputedColorScheme, Card, ActionIcon, Loader, SegmentedControl, TextInput, Textarea, Radio, Checkbox, Select, NumberInput, Button, Modal, Center, SimpleGrid, Title, Tabs, Grid, ThemeIcon } from '@mantine/core';
 import { jsxs, jsx, Fragment as Fragment$1 } from 'react/jsx-runtime';
 import { Position, Handle, getSmoothStepPath, BaseEdge as BaseEdge$1, EdgeLabelRenderer, Panel, useReactFlow, Controls, ReactFlowProvider, ReactFlow } from '@xyflow/react';
 import { IconPlayerPlay, IconPlayerStop, IconArrowsSplit, IconSquare, IconFocus2, IconArrowUpRight, IconLayoutDashboard, IconActivity, IconAlertTriangle, IconHandStop, IconCalendarEvent, IconCircleCheck, IconBrain, IconGitBranch } from '@tabler/icons-react';
 import '@xyflow/react/dist/style.css';
+import { notifications } from '@mantine/notifications';
+import { useForm } from '@mantine/form';
 import '@mantine/charts/styles.css';
 
 var DOMAIN_COLORS = {
@@ -1192,6 +1194,275 @@ function AgentExecutionTimeline({ iterationData, selectedIterationId }) {
     )
   ] });
 }
+function FormFieldRenderer({ field, form, richTextRenderer }) {
+  const commonProps = {
+    label: field.label,
+    description: field.description,
+    placeholder: field.placeholder,
+    required: field.required,
+    ...form.getInputProps(field.name)
+  };
+  switch (field.type) {
+    case "text":
+      return /* @__PURE__ */ jsx(TextInput, { ...commonProps });
+    case "textarea":
+      return /* @__PURE__ */ jsx(Textarea, { ...commonProps, minRows: 3, autosize: true });
+    case "number":
+      return /* @__PURE__ */ jsx(NumberInput, { ...commonProps, min: field.min, max: field.max });
+    case "select":
+      return /* @__PURE__ */ jsx(
+        Select,
+        {
+          ...commonProps,
+          data: field.options?.map((opt) => ({
+            label: opt.label,
+            value: String(opt.value)
+          })) || []
+        }
+      );
+    case "checkbox":
+      return /* @__PURE__ */ jsx(Checkbox, { ...commonProps, ...form.getInputProps(field.name, { type: "checkbox" }) });
+    case "radio":
+      return /* @__PURE__ */ jsx(Radio.Group, { ...commonProps, children: /* @__PURE__ */ jsx(Stack, { gap: "xs", children: field.options?.map((opt) => /* @__PURE__ */ jsx(Radio, { value: String(opt.value), label: opt.label }, opt.value)) }) });
+    case "richtext": {
+      const inputProps = form.getInputProps(field.name);
+      if (richTextRenderer) {
+        return richTextRenderer({
+          content: inputProps.value || "",
+          onChange: (content) => form.setFieldValue(field.name, content),
+          placeholder: field.placeholder
+        });
+      }
+      return /* @__PURE__ */ jsx(Textarea, { ...commonProps, minRows: 5, autosize: true });
+    }
+    default:
+      return /* @__PURE__ */ jsx(TextInput, { ...commonProps });
+  }
+}
+function getTypeName(schema) {
+  return schema._def.typeName;
+}
+function unwrapOptionalOrNullable(schema) {
+  const name = getTypeName(schema);
+  if (name === "ZodOptional" || name === "ZodNullable") {
+    return unwrapOptionalOrNullable(schema._def.innerType);
+  }
+  if (name === "ZodDefault") {
+    return unwrapOptionalOrNullable(schema._def.innerType);
+  }
+  return schema;
+}
+function getDefaultValue(schema) {
+  const name = getTypeName(schema);
+  if (name === "ZodDefault") {
+    const def = schema._def;
+    return def.defaultValue();
+  }
+  if (name === "ZodOptional" || name === "ZodNullable") {
+    return getDefaultValue(schema._def.innerType);
+  }
+  return void 0;
+}
+function zodTypeToFormField(name, fieldSchema, required) {
+  const inner = unwrapOptionalOrNullable(fieldSchema);
+  const typeName = getTypeName(inner);
+  const label = name.replace(/([A-Z])/g, " $1").replace(/^./, (s) => s.toUpperCase());
+  switch (typeName) {
+    case "ZodString": {
+      const checks = inner._def.checks ?? [];
+      const maxCheck = checks.find((c) => c.kind === "max");
+      const isLong = maxCheck ? (maxCheck.value ?? 0) > 200 : false;
+      return {
+        name,
+        label,
+        type: isLong ? "textarea" : "text",
+        required,
+        placeholder: "",
+        description: "",
+        defaultValue: ""
+      };
+    }
+    case "ZodNumber":
+      return {
+        name,
+        label,
+        type: "number",
+        required,
+        placeholder: "",
+        description: "",
+        defaultValue: 0
+      };
+    case "ZodBoolean":
+      return {
+        name,
+        label,
+        type: "checkbox",
+        required,
+        placeholder: "",
+        description: "",
+        defaultValue: false
+      };
+    case "ZodEnum": {
+      const values = inner._def.values;
+      return {
+        name,
+        label,
+        type: "select",
+        required,
+        placeholder: "",
+        description: "",
+        options: values.map((v) => ({ label: v, value: v })),
+        defaultValue: values[0] ?? ""
+      };
+    }
+    default:
+      return null;
+  }
+}
+function ZodFormRenderer({
+  schema,
+  defaults,
+  onSubmit,
+  submitLabel = "Submit",
+  isPending = false
+}) {
+  const typeName = getTypeName(schema);
+  const fields = [];
+  const initialValues = {};
+  if (typeName === "ZodObject") {
+    const shape = schema.shape;
+    for (const [fieldName, fieldSchema] of Object.entries(shape)) {
+      const isRequired = getTypeName(fieldSchema) !== "ZodOptional" && getTypeName(fieldSchema) !== "ZodNullable";
+      const formField = zodTypeToFormField(fieldName, fieldSchema, isRequired);
+      const defaultForField = defaults?.[fieldName];
+      const fieldDefault = defaultForField ?? getDefaultValue(fieldSchema);
+      if (formField) {
+        fields.push(formField);
+        initialValues[fieldName] = fieldDefault ?? formField.defaultValue;
+      } else {
+        const raw = fieldDefault !== void 0 ? JSON.stringify(fieldDefault, null, 2) : "";
+        fields.push({ name: fieldName, label: fieldName, fallback: true });
+        initialValues[fieldName] = raw;
+      }
+    }
+  } else {
+    const raw = defaults !== void 0 ? JSON.stringify(defaults, null, 2) : "";
+    fields.push({ name: "__input__", label: "Input (JSON)", fallback: true });
+    initialValues["__input__"] = raw;
+  }
+  const form = useForm({ initialValues });
+  const handleSubmit = (values) => {
+    const coerced = {};
+    for (const field of fields) {
+      const raw = values[field.name];
+      if ("fallback" in field) {
+        try {
+          coerced[field.name] = raw !== "" && raw !== void 0 ? JSON.parse(raw) : void 0;
+        } catch {
+          coerced[field.name] = raw;
+        }
+      } else {
+        coerced[field.name] = raw;
+      }
+    }
+    const payload = typeName === "ZodObject" ? coerced : coerced["__input__"] ?? coerced;
+    const parsed = schema.safeParse(payload);
+    if (!parsed.success) {
+      for (const issue of parsed.error.issues) {
+        const path = issue.path.join(".");
+        if (path) form.setFieldError(path, issue.message);
+      }
+      return;
+    }
+    void onSubmit(parsed.data);
+  };
+  return /* @__PURE__ */ jsx("form", { onSubmit: form.onSubmit(handleSubmit), children: /* @__PURE__ */ jsxs(Stack, { children: [
+    fields.map((field) => {
+      if ("fallback" in field) {
+        const label = field.label.replace(/([A-Z])/g, " $1").replace(/^./, (s) => s.toUpperCase());
+        return /* @__PURE__ */ jsx(
+          Textarea,
+          {
+            label,
+            placeholder: "Enter JSON value",
+            minRows: 3,
+            autosize: true,
+            ...form.getInputProps(field.name),
+            error: form.errors[field.name]
+          },
+          field.name
+        );
+      }
+      return /* @__PURE__ */ jsx(FormFieldRenderer, { field, form }, field.name);
+    }),
+    /* @__PURE__ */ jsx(Button, { type: "submit", loading: isPending, fullWidth: true, children: submitLabel })
+  ] }) });
+}
+function RunResourceButton({
+  resourceId,
+  resourceType,
+  getInput,
+  label,
+  icon,
+  color,
+  organizationModel,
+  onSuccess,
+  onError
+}) {
+  const [modalState, setModalState] = useState(null);
+  const { execute, isPending } = useExecuteResource({ resourceId, resourceType });
+  const mapping = organizationModel?.resourceMappings?.find((m) => m.resourceId === resourceId);
+  const resolvedLabel = label ?? mapping?.label ?? "Run";
+  const resolvedColor = color ?? mapping?.color ?? void 0;
+  const handleExecute = useCallback(
+    async (input) => {
+      try {
+        const result = await execute(input);
+        setModalState(null);
+        notifications.show({
+          title: "Execution started",
+          message: `Execution ${result.executionId} started`,
+          color: "green"
+        });
+        onSuccess?.(result);
+      } catch (err) {
+        const error = err instanceof Error ? err : new Error(String(err));
+        notifications.show({
+          title: "Execution failed",
+          message: error.message,
+          color: "red"
+        });
+        onError?.(error);
+      }
+    },
+    [execute, onSuccess, onError]
+  );
+  const handleClick = useCallback(() => {
+    const result = getInput();
+    if ("schema" in result) {
+      const withSchema = result;
+      setModalState({
+        schema: withSchema.schema,
+        defaults: "defaults" in result ? result.defaults : void 0
+      });
+    } else {
+      void handleExecute(result);
+    }
+  }, [getInput, handleExecute]);
+  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    /* @__PURE__ */ jsx(Button, { leftSection: icon, color: resolvedColor, loading: isPending, onClick: handleClick, children: resolvedLabel }),
+    /* @__PURE__ */ jsx(Modal, { opened: modalState !== null, onClose: () => setModalState(null), children: modalState !== null && /* @__PURE__ */ jsx(
+      ZodFormRenderer,
+      {
+        schema: modalState.schema,
+        defaults: modalState.defaults,
+        isPending,
+        submitLabel: resolvedLabel,
+        onSubmit: (data) => handleExecute(data)
+      }
+    ) })
+  ] });
+}
 var DEFAULT_LIMIT = 6;
 var typeIcons = {
   workflow: IconGitBranch,
@@ -1801,4 +2072,4 @@ function UnresolvedErrorsTeaser({ timeRange, onNavigateToAllErrors }) {
   );
 }
 
-export { AgentExecutionTimeline, AgentExecutionVisualizer, AgentIterationEdge, AgentIterationNode, BaseEdge, BaseNode, Dashboard, EmptyVisualizer, ExecutionStats, ExecutionStatusBadge, GraphBackground, GraphContainer, GraphFitViewButton, GraphFitViewHandler, GraphLegend, OperationsOverview, RecentExecutionsByResource, ResourceOverview, TimelineAxis, TimelineBar, TimelineContainer, TimelineRow, UnifiedWorkflowEdge, UnifiedWorkflowGraph, UnifiedWorkflowNode, UnresolvedErrorsTeaser, VisualizerContainer, WorkflowExecutionTimeline, getGraphBackgroundStyles, useGraphBackgroundStyles, useGraphTheme };
+export { AgentExecutionTimeline, AgentExecutionVisualizer, AgentIterationEdge, AgentIterationNode, BaseEdge, BaseNode, Dashboard, EmptyVisualizer, ExecutionStats, ExecutionStatusBadge, FormFieldRenderer, GraphBackground, GraphContainer, GraphFitViewButton, GraphFitViewHandler, GraphLegend, OperationsOverview, RecentExecutionsByResource, ResourceOverview, RunResourceButton, TimelineAxis, TimelineBar, TimelineContainer, TimelineRow, UnifiedWorkflowEdge, UnifiedWorkflowGraph, UnifiedWorkflowNode, UnresolvedErrorsTeaser, VisualizerContainer, WorkflowExecutionTimeline, ZodFormRenderer, getGraphBackgroundStyles, useGraphBackgroundStyles, useGraphTheme };

package/dist/chunk-BRXELOHC.js

@@ -0,0 +1,47 @@
+import { useAuthContext } from './chunk-BRJ3QZ4E.js';
+import { createClient } from '@supabase/supabase-js';
+import { useMemo } from 'react';
+
+function getSupabaseConfig() {
+  const url = import.meta.env?.VITE_SUPABASE_URL;
+  const anonKey = import.meta.env?.VITE_SUPABASE_ANON_KEY;
+  if (!url || !anonKey) {
+    throw new Error("Missing Supabase environment variables (VITE_SUPABASE_URL, VITE_SUPABASE_ANON_KEY)");
+  }
+  return { url, anonKey };
+}
+var _supabase = null;
+function getSupabaseClient() {
+  if (!_supabase) {
+    const { url, anonKey } = getSupabaseConfig();
+    _supabase = createClient(url, anonKey);
+  }
+  return _supabase;
+}
+var useSupabase = () => {
+  const { getAccessToken } = useAuthContext();
+  const { url, anonKey } = getSupabaseConfig();
+  return useMemo(
+    () => createClient(url, anonKey, {
+      global: {
+        headers: {
+          // Additional headers if needed
+        }
+      },
+      accessToken: async () => {
+        try {
+          const token = await getAccessToken();
+          if (!token) {
+            return null;
+          }
+          return token;
+        } catch {
+          return null;
+        }
+      }
+    }),
+    [getAccessToken, url, anonKey]
+  );
+};
+
+export { getSupabaseClient, useSupabase };

package/dist/{chunk-YQLE5HR5.js → chunk-BSCTPKXM.js}

@@ -2,8 +2,8 @@ import { FilterBar } from './chunk-PDHTXPSF.js';
 import { CustomModal } from './chunk-GBMNCNHX.js';
 import { CyberAreaChart, CostTrendChart, ActivityTrendChart } from './chunk-STZJ7SY5.js';
 import { AppShellLoader } from './chunk-YEX4MQSY.js';
-import { formatDuration } from './chunk-XA34RETF.js';
-import { useResolveError, useResolveAllErrors, usePaginationState, useErrorDetails, useMarkAsRead, useExecutionLogsFilters, useExecutionLogs, useExecutionHealth, useErrorAnalysis, useTimeRangeDates, useErrorDetail, useResolveErrorsByExecution, useResources, useCostTrends, useCostSummary, useCostByModel, useCostBreakdown, useActivityFilters, useActivityTrend, useActivities, useNotifications, useMarkAllAsRead, useTestNotification } from './chunk-E3IFHX6A.js';
+import { formatDuration } from './chunk-GHIPBT5V.js';
+import { useResolveError, useResolveAllErrors, usePaginationState, useErrorDetails, useMarkAsRead, useExecutionLogsFilters, useExecutionLogs, useExecutionHealth, useErrorAnalysis, useTimeRangeDates, useErrorDetail, useResolveErrorsByExecution, useResources, useCostTrends, useCostSummary, useCostByModel, useCostBreakdown, useActivityFilters, useActivityTrend, useActivities, useNotifications, useMarkAllAsRead, useTestNotification } from './chunk-DOFVHWAP.js';
 import { formatBucketTime, getTimeRangeDates } from './chunk-LXHZYSMQ.js';
 import { CenteredErrorState, CardHeader, StatsCardSkeleton, TrendIndicator, DetailCardSkeleton, EmptyState, PageTitleCaption, JsonViewer } from './chunk-SQQGLGHW.js';
 import { PAGE_SIZE_DEFAULT } from './chunk-IOKL7BKE.js';

package/dist/{chunk-LPSBID5V.js → chunk-DJBORKTR.js}

@@ -1,4 +1,4 @@
-import { PRESETS, getPreset, generateShades, mantineThemeOverride, createCssVariablesResolver, PresetsProvider } from './chunk-6PNHW4X2.js';
+import { PRESETS, getPreset, generateShades, mantineThemeOverride, createCssVariablesResolver, PresetsProvider } from './chunk-24UMQV5B.js';
 import { AppBackground } from './chunk-F4TPY6YL.js';
 import { ElevasisCoreProvider } from './chunk-R7WLWGPO.js';
 import { ElevasisLoader } from './chunk-SZHARWKU.js';