@goplasmatic/dataflow-ui 2.0.11 → 2.0.12

package/dist/dataflow-ui.css

@@ -5902,6 +5902,40 @@ svg.react-flow__connectionline {
   color: white;
 }
 
+.df-debug-toolbar-options {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  padding-left: 8px;
+  border-left: 1px solid var(--df-border-color);
+}
+
+.df-debug-toolbar-checkbox-label {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  font-size: 11px;
+  color: var(--df-text-secondary);
+  cursor: pointer;
+  user-select: none;
+}
+
+.df-debug-toolbar-checkbox-label:hover {
+  color: var(--df-text-primary);
+}
+
+.df-debug-toolbar-checkbox {
+  width: 14px;
+  height: 14px;
+  cursor: pointer;
+  accent-color: var(--df-accent-primary);
+}
+
+.df-debug-toolbar-checkbox:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
 .df-debug-toolbar-actions {
   display: flex;
   align-items: center;

package/dist/index.cjs

@@ -581,7 +581,8 @@ const initialState = {
   // 500ms between steps
   inputPayload: null,
   isExecuting: false,
-  executionError: null
+  executionError: null,
+  skipFailedConditions: false
 };
 function debuggerReducer(state, action) {
   switch (action.type) {
@@ -651,21 +652,30 @@ function debuggerReducer(state, action) {
         playbackState: "stopped",
         executionError: null
       };
-    case "STEP_FORWARD":
+    case "STEP_FORWARD": {
       if (!state.trace || state.trace.steps.length === 0) {
         return state;
       }
-      if (state.currentStepIndex >= state.trace.steps.length - 1) {
+      let nextIndex = state.currentStepIndex + 1;
+      if (state.skipFailedConditions) {
+        while (nextIndex < state.trace.steps.length && state.trace.steps[nextIndex].result === "skipped") {
+          nextIndex++;
+        }
+      }
+      if (nextIndex >= state.trace.steps.length) {
         return {
           ...state,
+          currentStepIndex: state.trace.steps.length - 1,
+          // Go to last step
           playbackState: "paused"
           // Auto-pause at end
         };
       }
       return {
         ...state,
-        currentStepIndex: state.currentStepIndex + 1
+        currentStepIndex: nextIndex
       };
+    }
     case "STEP_BACKWARD":
       if (state.currentStepIndex <= -1) return state;
       return {
@@ -687,6 +697,11 @@ function debuggerReducer(state, action) {
         ...state,
         playbackSpeed: Math.max(100, Math.min(2e3, action.speed))
       };
+    case "SET_SKIP_FAILED_CONDITIONS":
+      return {
+        ...state,
+        skipFailedConditions: action.skip
+      };
     default:
       return state;
   }
@@ -730,6 +745,10 @@ function DebuggerProvider({
   const stepBackward = require$$0.useCallback(() => dispatch2({ type: "STEP_BACKWARD" }), []);
   const goToStep = require$$0.useCallback((index2) => dispatch2({ type: "GO_TO_STEP", index: index2 }), []);
   const setSpeed = require$$0.useCallback((speed) => dispatch2({ type: "SET_SPEED", speed }), []);
+  const setSkipFailedConditions = require$$0.useCallback(
+    (skip) => dispatch2({ type: "SET_SKIP_FAILED_CONDITIONS", skip }),
+    []
+  );
   const runExecution = require$$0.useCallback(
     async (workflows, payload) => {
       var _a;
@@ -804,6 +823,7 @@ function DebuggerProvider({
     stepBackward,
     goToStep,
     setSpeed,
+    setSkipFailedConditions,
     runExecution,
     currentStep,
     currentMessage,
@@ -813,7 +833,8 @@ function DebuggerProvider({
     hasTrace,
     progress,
     totalSteps,
-    isEngineReady
+    isEngineReady,
+    skipFailedConditions: state.skipFailedConditions
   };
   return /* @__PURE__ */ jsxRuntime.jsx(DebuggerContext.Provider, { value, children: children2 });
 }
@@ -21101,7 +21122,9 @@ function IntegratedDebugToolbar({
     isAtEnd,
     hasTrace,
     totalSteps,
-    isEngineReady
+    isEngineReady,
+    skipFailedConditions,
+    setSkipFailedConditions
   } = useDebugger();
   const { playbackState, currentStepIndex, isExecuting, executionError, trace } = state;
   const lastExecutionRef = require$$0.useRef(null);
@@ -21307,6 +21330,19 @@ function IntegratedDebugToolbar({
         }
       )
     ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "df-debug-toolbar-options", children: /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "df-debug-toolbar-checkbox-label", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          type: "checkbox",
+          checked: skipFailedConditions,
+          onChange: (e) => setSkipFailedConditions(e.target.checked),
+          className: "df-debug-toolbar-checkbox",
+          disabled: isExecuting
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Filter Workflows" })
+    ] }) }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "df-debug-toolbar-actions", children: hasTrace ? /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
       {
@@ -22323,7 +22359,7 @@ function JsonEditor({
         acceptSuggestionOnEnter: "off",
         formatOnPaste: true,
         formatOnType: false,
-        glyphMargin: highlightedPaths && highlightedPaths.length > 0
+        glyphMargin: false
       }
     }
   ) });

package/dist/index.d.ts

@@ -162,6 +162,9 @@ export declare type DebuggerAction = {
 } | {
     type: 'SET_SPEED';
     speed: number;
+} | {
+    type: 'SET_SKIP_FAILED_CONDITIONS';
+    skip: boolean;
 };
 
 /**
@@ -184,6 +187,7 @@ declare interface DebuggerContextValue {
     stepBackward: () => void;
     goToStep: (index: number) => void;
     setSpeed: (speed: number) => void;
+    setSkipFailedConditions: (skip: boolean) => void;
     runExecution: (workflows: Workflow[], payload: Record<string, unknown>) => Promise<ExecutionTrace | null>;
     currentStep: ExecutionStep | null;
     currentMessage: Message | null;
@@ -194,6 +198,7 @@ declare interface DebuggerContextValue {
     progress: number;
     totalSteps: number;
     isEngineReady: boolean;
+    skipFailedConditions: boolean;
 }
 
 /**
@@ -247,6 +252,8 @@ export declare interface DebuggerState {
     isExecuting: boolean;
     /** Error during execution */
     executionError: string | null;
+    /** Whether to skip steps with failed conditions (result: 'skipped') */
+    skipFailedConditions: boolean;
 }
 
 /**

package/dist/index.js

@@ -579,7 +579,8 @@ const initialState = {
   // 500ms between steps
   inputPayload: null,
   isExecuting: false,
-  executionError: null
+  executionError: null,
+  skipFailedConditions: false
 };
 function debuggerReducer(state, action) {
   switch (action.type) {
@@ -649,21 +650,30 @@ function debuggerReducer(state, action) {
         playbackState: "stopped",
         executionError: null
       };
-    case "STEP_FORWARD":
+    case "STEP_FORWARD": {
       if (!state.trace || state.trace.steps.length === 0) {
         return state;
       }
-      if (state.currentStepIndex >= state.trace.steps.length - 1) {
+      let nextIndex = state.currentStepIndex + 1;
+      if (state.skipFailedConditions) {
+        while (nextIndex < state.trace.steps.length && state.trace.steps[nextIndex].result === "skipped") {
+          nextIndex++;
+        }
+      }
+      if (nextIndex >= state.trace.steps.length) {
         return {
           ...state,
+          currentStepIndex: state.trace.steps.length - 1,
+          // Go to last step
           playbackState: "paused"
           // Auto-pause at end
         };
       }
       return {
         ...state,
-        currentStepIndex: state.currentStepIndex + 1
+        currentStepIndex: nextIndex
       };
+    }
     case "STEP_BACKWARD":
       if (state.currentStepIndex <= -1) return state;
       return {
@@ -685,6 +695,11 @@ function debuggerReducer(state, action) {
         ...state,
         playbackSpeed: Math.max(100, Math.min(2e3, action.speed))
       };
+    case "SET_SKIP_FAILED_CONDITIONS":
+      return {
+        ...state,
+        skipFailedConditions: action.skip
+      };
     default:
       return state;
   }
@@ -728,6 +743,10 @@ function DebuggerProvider({
   const stepBackward = useCallback(() => dispatch2({ type: "STEP_BACKWARD" }), []);
   const goToStep = useCallback((index2) => dispatch2({ type: "GO_TO_STEP", index: index2 }), []);
   const setSpeed = useCallback((speed) => dispatch2({ type: "SET_SPEED", speed }), []);
+  const setSkipFailedConditions = useCallback(
+    (skip) => dispatch2({ type: "SET_SKIP_FAILED_CONDITIONS", skip }),
+    []
+  );
   const runExecution = useCallback(
     async (workflows, payload) => {
       var _a;
@@ -802,6 +821,7 @@ function DebuggerProvider({
     stepBackward,
     goToStep,
     setSpeed,
+    setSkipFailedConditions,
     runExecution,
     currentStep,
     currentMessage,
@@ -811,7 +831,8 @@ function DebuggerProvider({
     hasTrace,
     progress,
     totalSteps,
-    isEngineReady
+    isEngineReady,
+    skipFailedConditions: state.skipFailedConditions
   };
   return /* @__PURE__ */ jsx(DebuggerContext.Provider, { value, children: children2 });
 }
@@ -21099,7 +21120,9 @@ function IntegratedDebugToolbar({
     isAtEnd,
     hasTrace,
     totalSteps,
-    isEngineReady
+    isEngineReady,
+    skipFailedConditions,
+    setSkipFailedConditions
   } = useDebugger();
   const { playbackState, currentStepIndex, isExecuting, executionError, trace } = state;
   const lastExecutionRef = useRef(null);
@@ -21305,6 +21328,19 @@ function IntegratedDebugToolbar({
         }
       )
     ] }),
+    /* @__PURE__ */ jsx("div", { className: "df-debug-toolbar-options", children: /* @__PURE__ */ jsxs("label", { className: "df-debug-toolbar-checkbox-label", children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "checkbox",
+          checked: skipFailedConditions,
+          onChange: (e) => setSkipFailedConditions(e.target.checked),
+          className: "df-debug-toolbar-checkbox",
+          disabled: isExecuting
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { children: "Filter Workflows" })
+    ] }) }),
     /* @__PURE__ */ jsx("div", { className: "df-debug-toolbar-actions", children: hasTrace ? /* @__PURE__ */ jsxs(
       "button",
       {
@@ -22321,7 +22357,7 @@ function JsonEditor({
         acceptSuggestionOnEnter: "off",
         formatOnPaste: true,
         formatOnType: false,
-        glyphMargin: highlightedPaths && highlightedPaths.length > 0
+        glyphMargin: false
       }
     }
   ) });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@goplasmatic/dataflow-ui",
-  "version": "2.0.11",
+  "version": "2.0.12",
   "type": "module",
   "description": "React visualization library for dataflow-rs workflow engine",
   "author": "Plasmatic Engineering <shankar@goplasmatic.io>",