@elevasis/ui 1.6.0 → 1.7.1

package/dist/{chunk-MS45MNFM.js → chunk-2ISUX46O.js}

@@ -85,12 +85,12 @@ function useConnectionHighlight(nodes, edges) {
   };
 }
 
-// src/graph/Graph.module.css
-var Graph_exports = {};
-__export(Graph_exports, {
-  default: () => Graph_default
+// src/graph/Graph.module.css.js
+var Graph_module_css_exports = {};
+__export(Graph_module_css_exports, {
+  default: () => Graph_module_css_default
 });
-var Graph_default = {};
+var Graph_module_css_default = { "livePulse": "livePulse", "graphContainer": "graphContainer", "react-flow__node": "react-flow__node", "selected": "selected", "node": "node", "nodeCard": "nodeCard", "nodeCardSelected": "nodeCardSelected", "nodeAgent": "nodeAgent", "nodeWorkflow": "nodeWorkflow", "nodeTrigger": "nodeTrigger", "nodeIntegration": "nodeIntegration", "nodeExternal": "nodeExternal", "nodeHuman": "nodeHuman", "nodePrimary": "nodePrimary", "handle": "handle", "nodeIcon": "nodeIcon", "badge": "badge", "badgeProd": "badgeProd", "edge": "edge", "edgeAnimated": "edgeAnimated", "edgeGlow": "edgeGlow", "edgeHighlighted": "edgeHighlighted", "edgeLabel": "edgeLabel", "legend": "legend", "legendDot": "legendDot", "nodeHighlighted": "nodeHighlighted", "nodeDimmed": "nodeDimmed", "edgeDimmed": "edgeDimmed", "edgeLabelDimmed": "edgeLabelDimmed" };
 
 // src/graph/hooks/useGraphHighlighting.ts
 function useGraphHighlighting(layoutNodes, layoutEdges) {
@@ -104,7 +104,7 @@ function useGraphHighlighting(layoutNodes, layoutEdges) {
   const nodes = useMemo(() => {
     return layoutNodes.map((node) => ({
       ...node,
-      className: hoveredNodeId ? highlightedNodeIds.has(node.id) ? Graph_default.nodeHighlighted : Graph_default.nodeDimmed : ""
+      className: hoveredNodeId ? highlightedNodeIds.has(node.id) ? Graph_module_css_default.nodeHighlighted : Graph_module_css_default.nodeDimmed : ""
     }));
   }, [layoutNodes, hoveredNodeId, highlightedNodeIds]);
   const edges = useMemo(() => {
@@ -112,7 +112,7 @@ function useGraphHighlighting(layoutNodes, layoutEdges) {
       const isDimmed = hoveredNodeId ? !highlightedEdgeIds.has(edge.id) : false;
       return {
         ...edge,
-        className: hoveredNodeId ? highlightedEdgeIds.has(edge.id) ? Graph_default.edgeHighlighted : Graph_default.edgeDimmed : "",
+        className: hoveredNodeId ? highlightedEdgeIds.has(edge.id) ? Graph_module_css_default.edgeHighlighted : Graph_module_css_default.edgeDimmed : "",
         data: {
           ...edge.data,
           dimmed: isDimmed
@@ -221,7 +221,7 @@ function useDirectedChainHighlighting(layoutNodes, layoutEdges, options = {}) {
       const isDimmed = hasHighlight ? !highlightedNodeIds.has(node.id) : false;
       return {
         ...node,
-        className: isDimmed ? Graph_default.nodeDimmed : "",
+        className: isDimmed ? Graph_module_css_default.nodeDimmed : "",
         data: {
           ...node.data,
           highlighted: isHighlighted
@@ -234,7 +234,7 @@ function useDirectedChainHighlighting(layoutNodes, layoutEdges, options = {}) {
       const isDimmed = hasHighlight ? !highlightedEdgeIds.has(edge.id) : false;
       return {
         ...edge,
-        className: hasHighlight ? highlightedEdgeIds.has(edge.id) ? Graph_default.edgeHighlighted : Graph_default.edgeDimmed : "",
+        className: hasHighlight ? highlightedEdgeIds.has(edge.id) ? Graph_module_css_default.edgeHighlighted : Graph_module_css_default.edgeDimmed : "",
         data: {
           ...edge.data,
           dimmed: isDimmed
@@ -315,4 +315,4 @@ function calculateGraphHeight({
   return Math.min(calculated, maxHeight);
 }
 
-export { GRAPH_CONSTANTS, Graph_default, Graph_exports, calculateGraphHeight, useConnectionHighlight, useDirectedChainHighlighting, useFitViewTrigger, useGraphHighlighting, useNodeSelection };
+export { GRAPH_CONSTANTS, Graph_module_css_default, Graph_module_css_exports, calculateGraphHeight, useConnectionHighlight, useDirectedChainHighlighting, useFitViewTrigger, useGraphHighlighting, useNodeSelection };

package/dist/{chunk-R56VC63S.js → chunk-YGYF6G7W.js}

@@ -117,12 +117,12 @@ var NavigationButton = ({
   );
 };
 
-// src/components/display/ElevasisLoader.module.css
-var ElevasisLoader_default = {};
-var ElevasisLoader = forwardRef(({ style, className, ...others }, ref) => /* @__PURE__ */ jsx("div", { ref, style, className: `${ElevasisLoader_default.wrapper} ${className ?? ""}`, ...others, children: /* @__PURE__ */ jsxs("svg", { className: ElevasisLoader_default.loader, viewBox: "-10 -5 60 50", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-  /* @__PURE__ */ jsx("polyline", { className: `${ElevasisLoader_default.chevron} ${ElevasisLoader_default.c1}`, points: "5,36 20,25 35,36" }),
-  /* @__PURE__ */ jsx("polyline", { className: `${ElevasisLoader_default.chevron} ${ElevasisLoader_default.c2}`, points: "9,23 20,14 31,23" }),
-  /* @__PURE__ */ jsx("polyline", { className: `${ElevasisLoader_default.chevron} ${ElevasisLoader_default.c3}`, points: "13,11 20,5 27,11" })
+// src/components/display/ElevasisLoader.module.css.js
+var ElevasisLoader_module_css_default = { "wrapper": "wrapper", "loader": "loader", "chevron": "chevron", "c1": "c1", "c2": "c2", "c3": "c3" };
+var ElevasisLoader = forwardRef(({ style, className, ...others }, ref) => /* @__PURE__ */ jsx("div", { ref, style, className: `${ElevasisLoader_module_css_default.wrapper} ${className ?? ""}`, ...others, children: /* @__PURE__ */ jsxs("svg", { className: ElevasisLoader_module_css_default.loader, viewBox: "-10 -5 60 50", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+  /* @__PURE__ */ jsx("polyline", { className: `${ElevasisLoader_module_css_default.chevron} ${ElevasisLoader_module_css_default.c1}`, points: "5,36 20,25 35,36" }),
+  /* @__PURE__ */ jsx("polyline", { className: `${ElevasisLoader_module_css_default.chevron} ${ElevasisLoader_module_css_default.c2}`, points: "9,23 20,14 31,23" }),
+  /* @__PURE__ */ jsx("polyline", { className: `${ElevasisLoader_module_css_default.chevron} ${ElevasisLoader_module_css_default.c3}`, points: "13,11 20,5 27,11" })
 ] }) }));
 ElevasisLoader.displayName = "ElevasisLoader";
 

package/dist/components/index.js

@@ -1,10 +1,10 @@
-export { ElevasisLoader, NavigationButton } from '../chunk-R56VC63S.js';
+export { ElevasisLoader, NavigationButton } from '../chunk-YGYF6G7W.js';
 import '../chunk-TYV5NJV2.js';
 import { useMarkAsRead, useMarkAllAsRead, useNotificationCount, useNotifications, useSubmitAction, useDeleteTask } from '../chunk-G4TAF3T6.js';
 import '../chunk-JGJSZ3UE.js';
 import '../chunk-LHQTTUL2.js';
-import { Graph_default, Graph_exports, useDirectedChainHighlighting, useNodeSelection, useFitViewTrigger, useGraphHighlighting, calculateGraphHeight, GRAPH_CONSTANTS } from '../chunk-MS45MNFM.js';
-export { Graph_exports as graphStyles } from '../chunk-MS45MNFM.js';
+import { Graph_module_css_default, Graph_module_css_exports, useDirectedChainHighlighting, useNodeSelection, useFitViewTrigger, useGraphHighlighting, calculateGraphHeight, GRAPH_CONSTANTS } from '../chunk-2ISUX46O.js';
+export { Graph_module_css_exports as graphStyles } from '../chunk-2ISUX46O.js';
 import { STATUS_COLORS, getStatusIcon, formatDuration, getStatusColors, AGENT_CONSTANTS, shouldAnimateEdge, ResourceStatusColors, TIMELINE_CONSTANTS, calculateBarPosition, CONTAINER_CONSTANTS, useExecutionPath, useUnifiedWorkflowLayout, WORKFLOW_CONSTANTS, useReactFlowAgent } from '../chunk-YJFTZUJJ.js';
 export { CONTAINER_CONSTANTS, SHARED_VIZ_CONSTANTS } from '../chunk-YJFTZUJJ.js';
 import '../chunk-TIRMFDM4.js';
@@ -237,8 +237,8 @@ function APIErrorAlert({
   ] });
 }
 
-// src/components/display/StatCard.module.css
-var StatCard_default = {};
+// src/components/display/StatCard.module.css.js
+var StatCard_module_css_default = { "heroCard": "heroCard", "iconRing": "iconRing", "iconRingSm": "iconRingSm", "heroValue": "heroValue", "heroValueSm": "heroValueSm", "heroLabel": "heroLabel", "heroLabelSm": "heroLabelSm" };
 function StatCard(props) {
   if (props.variant === "hero") {
     return /* @__PURE__ */ jsx(HeroStatCard, { ...props });
@@ -264,7 +264,7 @@ function HeroStatCard({
   const sm = size === "sm";
   const iconSize = sm ? 36 : 46;
   if (isLoading) {
-    return /* @__PURE__ */ jsx(Paper, { p: sm ? "md" : "lg", className: StatCard_default.heroCard, children: /* @__PURE__ */ jsxs(Group, { gap: sm ? "sm" : "md", wrap: "nowrap", children: [
+    return /* @__PURE__ */ jsx(Paper, { p: sm ? "md" : "lg", className: StatCard_module_css_default.heroCard, children: /* @__PURE__ */ jsxs(Group, { gap: sm ? "sm" : "md", wrap: "nowrap", children: [
       /* @__PURE__ */ jsx(Skeleton, { circle: true, height: iconSize }),
       /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
         /* @__PURE__ */ jsx(Skeleton, { height: sm ? 24 : 32, width: 60 }),
@@ -272,21 +272,21 @@ function HeroStatCard({
       ] })
     ] }) });
   }
-  return /* @__PURE__ */ jsx(Paper, { p: sm ? "md" : "lg", className: StatCard_default.heroCard, children: /* @__PURE__ */ jsxs(Group, { gap: sm ? "sm" : "md", wrap: "nowrap", children: [
-    /* @__PURE__ */ jsx("div", { className: sm ? StatCard_default.iconRingSm : StatCard_default.iconRing, children: /* @__PURE__ */ jsx(IconComponent, { size: sm ? 18 : 22 }) }),
+  return /* @__PURE__ */ jsx(Paper, { p: sm ? "md" : "lg", className: StatCard_module_css_default.heroCard, children: /* @__PURE__ */ jsxs(Group, { gap: sm ? "sm" : "md", wrap: "nowrap", children: [
+    /* @__PURE__ */ jsx("div", { className: sm ? StatCard_module_css_default.iconRingSm : StatCard_module_css_default.iconRing, children: /* @__PURE__ */ jsx(IconComponent, { size: sm ? 18 : 22 }) }),
     /* @__PURE__ */ jsxs(Stack, { gap: 2, style: { flex: children ? 1 : void 0 }, children: [
       /* @__PURE__ */ jsx(
         "span",
         {
-          className: sm ? StatCard_default.heroValueSm : StatCard_default.heroValue,
+          className: sm ? StatCard_module_css_default.heroValueSm : StatCard_module_css_default.heroValue,
           style: valueColor ? { color: valueColor } : void 0,
           children: value
         }
       ),
       children ? /* @__PURE__ */ jsxs(Group, { gap: "sm", wrap: "nowrap", style: { flex: 1 }, children: [
-        /* @__PURE__ */ jsx("span", { className: sm ? StatCard_default.heroLabelSm : StatCard_default.heroLabel, children: label }),
+        /* @__PURE__ */ jsx("span", { className: sm ? StatCard_module_css_default.heroLabelSm : StatCard_module_css_default.heroLabel, children: label }),
         /* @__PURE__ */ jsx("div", { style: { flex: 1 }, children })
-      ] }) : /* @__PURE__ */ jsx("span", { className: sm ? StatCard_default.heroLabelSm : StatCard_default.heroLabel, children: label })
+      ] }) : /* @__PURE__ */ jsx("span", { className: sm ? StatCard_module_css_default.heroLabelSm : StatCard_module_css_default.heroLabel, children: label })
     ] })
   ] }) });
 }
@@ -1731,7 +1731,7 @@ var BaseEdge = memo(function BaseEdge2({
         strokeWidth: selected ? 4 : 3,
         strokeOpacity: 0.3,
         strokeDasharray: "12 6",
-        className: Graph_default.edgeAnimated,
+        className: Graph_module_css_default.edgeAnimated,
         style: { filter: `drop-shadow(0 0 3px ${glowColor})` }
       }
     ),
@@ -1756,14 +1756,14 @@ var BaseEdge = memo(function BaseEdge2({
         strokeWidth: 2,
         strokeOpacity: 0.6,
         strokeDasharray: "4 20",
-        className: Graph_default.edgeAnimated,
+        className: Graph_module_css_default.edgeAnimated,
         style: { filter: "drop-shadow(0 0 2px white)" }
       }
     ),
     label && /* @__PURE__ */ jsx(EdgeLabelRenderer, { children: /* @__PURE__ */ jsx(
       "div",
       {
-        className: `${Graph_default.edgeLabel} ${dimmed ? Graph_default.edgeLabelDimmed : ""}`,
+        className: `${Graph_module_css_default.edgeLabel} ${dimmed ? Graph_module_css_default.edgeLabelDimmed : ""}`,
         style: {
           position: "absolute",
           transform: `translate(-50%, -50%) translate(${labelX}px, ${labelY}px)`,
@@ -1976,7 +1976,7 @@ function UnifiedWorkflowGraph({
           selectNodesOnDrag: false,
           zoomOnScroll: true,
           panOnDrag: true,
-          className: Graph_exports.graphContainer,
+          className: Graph_module_css_exports.graphContainer,
           children: [
             /* @__PURE__ */ jsx(GraphBackground, {}),
             /* @__PURE__ */ jsx(Panel, { position: "top-right", style: { marginTop: 12, marginRight: 12 }, children: /* @__PURE__ */ jsx(
@@ -2101,7 +2101,7 @@ var AgentIterationNode = memo(function AgentIterationNode2({ data, selected }) {
           top: 4,
           right: 4
         },
-        children: /* @__PURE__ */ jsx("span", { className: Graph_exports.livePulse, children: "LIVE" })
+        children: /* @__PURE__ */ jsx("span", { className: Graph_module_css_exports.livePulse, children: "LIVE" })
       }
     )
   ] });
@@ -2226,7 +2226,7 @@ function AgentExecutionVisualizer({
       selectNodesOnDrag: false,
       zoomOnScroll: false,
       panOnDrag: false,
-      className: Graph_exports.graphContainer,
+      className: Graph_module_css_exports.graphContainer,
       children: [
         /* @__PURE__ */ jsx(GraphBackground, {}),
         /* @__PURE__ */ jsx(GraphFitViewButton, { padding: AGENT_CONSTANTS.FIT_VIEW_PADDING, variant: "mantine", duration: 300 }),
@@ -2947,7 +2947,7 @@ function NewKnowledgeMapGraphInner({ knowledgeMap, agentName, compact, fitViewTr
     /* @__PURE__ */ jsx(
       Box,
       {
-        className: Graph_default.graphContainer,
+        className: Graph_module_css_default.graphContainer,
         style: {
           width: "100%",
           height: containerHeight,

package/dist/graph/index.js

@@ -1,2 +1,2 @@
-export { GRAPH_CONSTANTS, calculateGraphHeight, useConnectionHighlight, useDirectedChainHighlighting, useFitViewTrigger, useGraphHighlighting, useNodeSelection } from '../chunk-MS45MNFM.js';
+export { GRAPH_CONSTANTS, calculateGraphHeight, useConnectionHighlight, useDirectedChainHighlighting, useFitViewTrigger, useGraphHighlighting, useNodeSelection } from '../chunk-2ISUX46O.js';
 import '../chunk-MLKGABMK.js';

package/dist/index.js

@@ -7,7 +7,7 @@ import './chunk-TYV5NJV2.js';
 export { OperationsService, createUseFeatureAccess, executionsKeys, observabilityKeys, scheduleKeys, sortData, useActivities, useActivityTrend, useBatchDelete, useBulkDeleteExecutions, useBusinessImpact, useCancelExecution, useCancelSchedule, useCommandQueue, useCommandQueueTotals, useCostBreakdown, useCostByModel, useCostSummary, useCostTrends, useCreateSchedule, useDashboardMetrics, useDeleteExecution, useDeleteSchedule, useDeleteTask, useErrorAnalysis, useErrorDetail, useErrorDetails, useErrorDistribution, useErrorNotification, useErrorTrends, useExecuteAsync, useExecution, useExecutionHealth, useExecutionLogs, useExecutions, useGetExecutionHistory, useGetSchedule, useListSchedules, useMarkAllAsRead, useMarkAsRead, useNotificationCount, useNotifications, usePaginationState, usePatchTask, usePauseSchedule, useResolveAllErrors, useResolveError, useResolveErrorsByExecution, useResourceDefinition, useResources, useResumeSchedule, useRetryExecution, useSSEConnection, useSortedData, useSubmitAction, useSuccessNotification, useTableSelection, useTableSort, useTopFailingResources, useUnresolveError, useUpdateAnchor, useUpdateSchedule, useWarningNotification } from './chunk-G4TAF3T6.js';
 import './chunk-JGJSZ3UE.js';
 export { TanStackRouterBridge } from './chunk-LHQTTUL2.js';
-export { GRAPH_CONSTANTS, calculateGraphHeight, useConnectionHighlight, useDirectedChainHighlighting, useFitViewTrigger, useGraphHighlighting, useNodeSelection } from './chunk-MS45MNFM.js';
+export { GRAPH_CONSTANTS, calculateGraphHeight, useConnectionHighlight, useDirectedChainHighlighting, useFitViewTrigger, useGraphHighlighting, useNodeSelection } from './chunk-2ISUX46O.js';
 export { AGENT_CONSTANTS, CONTAINER_CONSTANTS, SHARED_VIZ_CONSTANTS, STATUS_COLORS, TIMELINE_CONSTANTS, WORKFLOW_CONSTANTS, calculateBarPosition, formatDuration, getEdgeColor, getEdgeOpacity, getResourceStatusColor, getStatusColors, getStatusIcon, shouldAnimateEdge, useAgentIterationData, useExecutionPath, useMergedExecution, useReactFlowAgent, useTimelineData, useUnifiedWorkflowLayout, useWorkflowStepsLayout } from './chunk-YJFTZUJJ.js';
 export { ElevasisProvider, ElevasisUIProvider, mantineNotificationAdapter } from './chunk-54S7KNJV.js';
 export { TOKEN_VAR_MAP, componentThemes, createCssVariablesResolver, generateShades, getPreset, mantineThemeOverride } from './chunk-KB5NKPTN.js';

package/dist/layout/index.js

@@ -1,4 +1,4 @@
-import { NavigationButton, ElevasisLoader } from '../chunk-R56VC63S.js';
+import { NavigationButton, ElevasisLoader } from '../chunk-YGYF6G7W.js';
 import '../chunk-LHQTTUL2.js';
 import { useRouterContext } from '../chunk-Q7DJKLEN.js';
 import '../chunk-MLKGABMK.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elevasis/ui",
-  "version": "1.6.0",
+  "version": "1.7.1",
   "description": "UI components and platform-aware hooks for building custom frontends on the Elevasis platform",
   "type": "module",
   "license": "MIT",
@@ -15,6 +15,10 @@
       "types": "./dist/provider/published.d.ts",
       "import": "./dist/provider/published.js"
     },
+    "./provider/ui": {
+      "types": "./dist/provider/index.d.ts",
+      "import": "./dist/provider/index.js"
+    },
     "./auth": {
       "types": "./dist/auth/index.d.ts",
       "import": "./dist/auth/index.js"
@@ -143,24 +147,24 @@
     }
   },
   "peerDependencies": {
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0",
-    "@xyflow/react": "^12.8.5",
+    "@mantine/charts": "8.2.7",
     "@mantine/core": "8.2.7",
+    "@mantine/form": "8.2.7",
     "@mantine/hooks": "8.2.7",
-    "@mantine/charts": "8.2.7",
     "@mantine/notifications": "8.2.7",
-    "@mantine/form": "8.2.7",
+    "@supabase/supabase-js": "^2.49.4",
     "@tabler/icons-react": "^3.27.0",
+    "@tanstack/react-query": "^5.76.2",
     "@tanstack/react-router": "^1.131.28",
-    "@supabase/supabase-js": "^2.49.4",
     "@workos-inc/authkit-react": "^0.11.0",
-    "@tanstack/react-query": "^5.76.2",
-    "zustand": "^5.0.5",
-    "immer": "^10.1.1",
+    "@xyflow/react": "^12.8.5",
     "date-fns": "^4.1.0",
+    "immer": "^10.1.1",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "recharts": "^3.2.1",
     "zod": "^4.1.0",
-    "recharts": "^3.2.1"
+    "zustand": "^5.0.5"
   },
   "devDependencies": {
     "@mantine/charts": "8.2.7",