@notmrabhi/flowforge 0.1.106 → 0.1.108

package/dist/canvas.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./WorkflowExecutionHistory-CsBnVxC5.js"),l=require("./messages-Bg7b9RbI.js"),r=require("./bpmn-CcuE2X_Q.js"),e=require("./GatewayBranchEdge-hUano0YJ.js");exports.FlowForgeCanvas=o.FlowForgeCanvas;exports.FlowForgeHeader=o.FlowForgeHeader;exports.SubWorkflowPreviewDrawer=o.SubWorkflowPreviewDrawer;exports.WorkflowCanvas=o.FlowForgeCanvas;exports.WorkflowExecutionHistory=o.WorkflowExecutionHistory;exports.WorkflowTemplateLibrary=o.WorkflowTemplateLibrary;exports.defaultFlowForgeMessages=l.defaultFlowForgeMessages;exports.loadWorkflowFromBpmn=r.loadWorkflowFromBpmn;exports.saveWorkflowToBpmn=r.saveWorkflowToBpmn;exports.ActionNode=e.ActionNode;exports.ApprovalNode=e.ApprovalNode;exports.EdgeWithPlusLabel=e.EdgeWithPlusLabel;exports.EndNode=e.EndNode;exports.FilterNode=e.FilterNode;exports.NodeBody=e.NodeBody;exports.RestApiNode=e.RestApiNode;exports.StartNode=e.StartNode;exports.TriggerNode=e.TriggerNode;exports.WebhookTriggerNode=e.WebhookTriggerNode;exports.builtInNodeTypes=e.builtInNodeTypes;exports.deriveRows=e.deriveRows;exports.resolveNodeRows=e.resolveNodeRows;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./WorkflowExecutionHistory-BrkL37Wb.js"),l=require("./messages-Bg7b9RbI.js"),r=require("./bpmn-CcuE2X_Q.js"),e=require("./GatewayBranchEdge-CdoZtIhn.js");exports.FlowForgeCanvas=o.FlowForgeCanvas;exports.FlowForgeHeader=o.FlowForgeHeader;exports.SubWorkflowPreviewDrawer=o.SubWorkflowPreviewDrawer;exports.WorkflowCanvas=o.FlowForgeCanvas;exports.WorkflowExecutionHistory=o.WorkflowExecutionHistory;exports.WorkflowTemplateLibrary=o.WorkflowTemplateLibrary;exports.defaultFlowForgeMessages=l.defaultFlowForgeMessages;exports.loadWorkflowFromBpmn=r.loadWorkflowFromBpmn;exports.saveWorkflowToBpmn=r.saveWorkflowToBpmn;exports.ActionNode=e.ActionNode;exports.ApprovalNode=e.ApprovalNode;exports.EdgeWithPlusLabel=e.EdgeWithPlusLabel;exports.EndNode=e.EndNode;exports.FilterNode=e.FilterNode;exports.NodeBody=e.NodeBody;exports.RestApiNode=e.RestApiNode;exports.StartNode=e.StartNode;exports.TriggerNode=e.TriggerNode;exports.WebhookTriggerNode=e.WebhookTriggerNode;exports.builtInNodeTypes=e.builtInNodeTypes;exports.deriveRows=e.deriveRows;exports.resolveNodeRows=e.resolveNodeRows;
 //# sourceMappingURL=canvas.cjs.map

package/dist/canvas.d.ts

@@ -110,6 +110,8 @@ export declare interface CanvasSlot {
     label?: string;
     /** Maps branch key → display label. e.g. { pass: 'Pass', fail: 'Fail' } */
     branchLabels?: Record<string, string>;
+    /** Branch layout style — see NodeDescriptor.branchStyle. */
+    branchStyle?: 'symmetric' | 'inline-gate';
 }
 
 declare interface CanvasSlot_2 {
@@ -123,6 +125,8 @@ declare interface CanvasSlot_2 {
     label?: string;
     /** Maps branch key → display label. e.g. { pass: 'Pass', fail: 'Fail' } */
     branchLabels?: Record<string, string>;
+    /** Branch layout style — see NodeDescriptor.branchStyle. */
+    branchStyle?: 'symmetric' | 'inline-gate';
 }
 
 declare interface CanvasSlot_3 {
@@ -136,6 +140,8 @@ declare interface CanvasSlot_3 {
     label?: string;
     /** Maps branch key → display label. e.g. { pass: 'Pass', fail: 'Fail' } */
     branchLabels?: Record<string, string>;
+    /** Branch layout style — see NodeDescriptor.branchStyle. */
+    branchStyle?: 'symmetric' | 'inline-gate';
 }
 
 /** One column in a per-field condition row */
@@ -1076,6 +1082,14 @@ export declare interface NodeDescriptor {
     canInsert?: (ctx: InsertContext_2) => boolean;
     /** Maps branch key → display label. e.g. { pass: 'Pass', fail: 'Fail' }. Only applies to branching nodes (filterNode, approvalNode). */
     branchLabels?: Record<string, string>;
+    /**
+     * Branch layout style for a branching node.
+     * - 'symmetric' (default): all branches indent side-by-side under the node.
+     * - 'inline-gate': the FIRST branch (e.g. Pass) continues straight down the
+     *   main spine; the remaining branches (e.g. Fail) render as short side
+     *   edges to their End. Matches a pre-trigger "filter" gate design.
+     */
+    branchStyle?: 'symmetric' | 'inline-gate';
     formSchema: FieldDescriptor_3[] | ((nodeId: string) => Promise<FieldDescriptor_3[]>);
     /**
      * Custom configuration panel. When set, NodeConfigDrawer renders the returned
@@ -1177,6 +1191,14 @@ declare interface NodeDescriptor_2 {
     canInsert?: (ctx: InsertContext) => boolean;
     /** Maps branch key → display label. e.g. { pass: 'Pass', fail: 'Fail' }. Only applies to branching nodes (filterNode, approvalNode). */
     branchLabels?: Record<string, string>;
+    /**
+     * Branch layout style for a branching node.
+     * - 'symmetric' (default): all branches indent side-by-side under the node.
+     * - 'inline-gate': the FIRST branch (e.g. Pass) continues straight down the
+     *   main spine; the remaining branches (e.g. Fail) render as short side
+     *   edges to their End. Matches a pre-trigger "filter" gate design.
+     */
+    branchStyle?: 'symmetric' | 'inline-gate';
     formSchema: FieldDescriptor[] | ((nodeId: string) => Promise<FieldDescriptor[]>);
     /**
      * Custom configuration panel. When set, NodeConfigDrawer renders the returned

package/dist/canvas.js

@@ -1,7 +1,7 @@
-import { F as a, a as s, S as r, F as d, W as l, b as t } from "./WorkflowExecutionHistory-DYp-l7mk.js";
+import { F as a, a as s, S as r, F as d, W as l, b as t } from "./WorkflowExecutionHistory-BBeVPYVc.js";
 import { d as f } from "./messages-CRZgWFU-.js";
 import { l as p, s as F } from "./bpmn-CtfWDaOY.js";
-import { A as g, b as W, E as m, c as n, F as b, f as k, R as v, S as T, T as u, W as x, e as y, g as A, r as E } from "./GatewayBranchEdge-BsPsPmnx.js";
+import { A as g, b as W, E as m, c as n, F as b, f as k, R as v, S as T, T as u, W as x, e as y, g as A, r as E } from "./GatewayBranchEdge-C023FhhW.js";
 export {
   g as ActionNode,
   W as ApprovalNode,

package/dist/core.d.ts

@@ -149,6 +149,8 @@ export declare interface CanvasSlot {
     label?: string;
     /** Maps branch key → display label. e.g. { pass: 'Pass', fail: 'Fail' } */
     branchLabels?: Record<string, string>;
+    /** Branch layout style — see NodeDescriptor.branchStyle. */
+    branchStyle?: 'symmetric' | 'inline-gate';
 }
 
 /**
@@ -619,6 +621,14 @@ export declare interface NodeDescriptor {
     canInsert?: (ctx: InsertContext) => boolean;
     /** Maps branch key → display label. e.g. { pass: 'Pass', fail: 'Fail' }. Only applies to branching nodes (filterNode, approvalNode). */
     branchLabels?: Record<string, string>;
+    /**
+     * Branch layout style for a branching node.
+     * - 'symmetric' (default): all branches indent side-by-side under the node.
+     * - 'inline-gate': the FIRST branch (e.g. Pass) continues straight down the
+     *   main spine; the remaining branches (e.g. Fail) render as short side
+     *   edges to their End. Matches a pre-trigger "filter" gate design.
+     */
+    branchStyle?: 'symmetric' | 'inline-gate';
     formSchema: FieldDescriptor[] | ((nodeId: string) => Promise<FieldDescriptor[]>);
     /**
      * Custom configuration panel. When set, NodeConfigDrawer renders the returned

package/dist/defaultUi.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./GatewayBranchEdge-hUano0YJ.js");exports.ActionNode=e.ActionNode;exports.AddTriggerNode=e.AddTriggerNode;exports.ApprovalNode=e.ApprovalNode;exports.DelayNode=e.DelayNode;exports.EdgeWithPlusLabel=e.EdgeWithPlusLabel;exports.EndNode=e.EndNode;exports.FilterNode=e.FilterNode;exports.GatewayBranchEdge=e.GatewayBranchEdge;exports.LabelPlusEdge=e.LabelPlusEdge;exports.NotificationNode=e.NotificationNode;exports.PlainEdge=e.PlainEdge;exports.PlusEdge=e.PlusEdge;exports.StartNode=e.StartNode;exports.TriggerNode=e.TriggerNode;exports.builtInNodeTypes=e.builtInNodeTypes;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./GatewayBranchEdge-CdoZtIhn.js");exports.ActionNode=e.ActionNode;exports.AddTriggerNode=e.AddTriggerNode;exports.ApprovalNode=e.ApprovalNode;exports.DelayNode=e.DelayNode;exports.EdgeWithPlusLabel=e.EdgeWithPlusLabel;exports.EndNode=e.EndNode;exports.FilterNode=e.FilterNode;exports.GatewayBranchEdge=e.GatewayBranchEdge;exports.LabelPlusEdge=e.LabelPlusEdge;exports.NotificationNode=e.NotificationNode;exports.PlainEdge=e.PlainEdge;exports.PlusEdge=e.PlusEdge;exports.StartNode=e.StartNode;exports.TriggerNode=e.TriggerNode;exports.builtInNodeTypes=e.builtInNodeTypes;
 //# sourceMappingURL=defaultUi.cjs.map

package/dist/defaultUi.d.ts

@@ -50,6 +50,8 @@ declare interface GatewayBranchEdgeData {
     onAddStepClick?: (sourceNodeId: string, context: AddStepContext) => void;
     /** When true, route as a vertical rail (sourceX → down to targetY → right to target). Default: horizontal fan-out. */
     verticalRouting?: boolean;
+    /** inline-gate side branch: route horizontally from the right handle, then down into the target. */
+    sideRouting?: boolean;
 }
 
 export declare const LabelPlusEdge: ({ id, sourceX, sourceY, targetX, targetY, source, target, data, }: EdgeProps<LabelPlusEdgeData>) => JSX_2.Element;

package/dist/defaultUi.js

@@ -1,4 +1,4 @@
-import { A as d, a as s, b as o, D as N, E as i, c as l, F as r, G as t, L as g, N as E, P as n, d as P, S as b, T as c, e as p } from "./GatewayBranchEdge-BsPsPmnx.js";
+import { A as d, a as s, b as o, D as N, E as i, c as l, F as r, G as t, L as g, N as E, P as n, d as P, S as b, T as c, e as p } from "./GatewayBranchEdge-C023FhhW.js";
 export {
   d as ActionNode,
   s as AddTriggerNode,

package/dist/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-BhhUO6Ue.js"),T=require("./SchemaBuilderDrawer-CtGanHvg.js");require("react/jsx-runtime");require("react");require("@mui/material");require("react-icons/md");const i=require("./nodeRegistry.cjs"),F=require("./templateRegistry.cjs"),p=require("./WorkflowExecutionHistory-CsBnVxC5.js"),S=require("./messages-Bg7b9RbI.js"),h=require("./bpmn-CcuE2X_Q.js"),t=require("./GatewayBranchEdge-hUano0YJ.js"),R=require("./buildBackendPayload-CTCfdT8R.js");class N{constructor(){this.channels=new Map}register(r,s){this.channels.set(r,s)}get(r){return this.channels.get(r)}list(){return Array.from(this.channels.entries()).map(([r,s])=>({key:r,...s}))}has(r){return this.channels.has(r)}}const v=new N;function D(o){const{currentNodeId:r,nodes:s,getParents:l,getOutputSchema:a,nodePath:d,nodeLabel:u,getNodeId:c=n=>n.id}=o,g=s.find(n=>c(n)===r);if(!g)return[];const w=P(g,s,l,c),f=[];for(const n of w){const y=a(n);if(!y||y.length===0)continue;const b=d(n);f.push({label:u?u(n):b,items:y.map(k=>m(k,b))})}return f}function P(o,r,s,l){const a=new Set,d=[],u=[...s(o,r)];for(;u.length>0;){const c=u.shift(),g=l(c);a.has(g)||(a.add(g),d.push(c),u.push(...s(c,r)))}return d}function m(o,r){const s=`${r}.${o.key}`,l=o.description??(o.sample!==void 0&&o.sample!==null?String(o.sample):void 0),a={label:o.label,path:s,key:o.key};return l!==void 0&&(a.description=l),(o.isList||o.type==="array")&&(a.isList=!0),o.children&&o.children.length>0&&(a.children=o.children.map(d=>m(d,s))),a}exports.DRAG_DATA_KEY=e.DRAG_DATA_KEY;exports.DynamicFormRenderer=e.DynamicFormRenderer;exports.FF=e.FF;exports.FlowForgeRegistry=e.FlowForgeRegistry;exports.FlowForm=e.FlowForm;exports.FormulaInput=e.FormulaInput;exports.InfiniteSelectField=e.InfiniteSelectField;exports.OptionsResolversProvider=e.OptionsResolversProvider;exports.TablePickerField=e.TablePickerField;exports.VariablePicker=e.VariablePicker;exports.VariablePickerProvider=e.VariablePickerProvider;exports.astHasRefs=e.astHasRefs;exports.astToTokens=e.astToTokens;exports.buildEvaluationPayload=e.buildEvaluationPayload;exports.buildFieldConfig=e.buildFieldConfig;exports.buildFormulaPath=e.buildFormulaPath;exports.buildSelectStyles=e.buildSelectStyles;exports.buildValidationSchema=e.buildValidationSchema;exports.conditionConfigToRulePayload=e.conditionConfigToRulePayload;exports.conditionNodesToRuleTree=e.conditionNodesToRuleTree;exports.dataSourceRegistry=e.dataSourceRegistry;exports.errorTextStyle=e.errorTextStyle;exports.extractLabel=e.extractLabel;exports.fieldRegistry=e.fieldRegistry;exports.hasFormulaTokens=e.hasFormulaTokens;exports.helperTextStyle=e.helperTextStyle;exports.inputStyle=e.inputStyle;exports.isFormula=e.isFormula;exports.leafReference=e.leafReference;exports.parseToAST=e.parseToAST;exports.ruleConditionsToNodes=e.ruleConditionsToNodes;exports.rulePayloadToConditionConfig=e.rulePayloadToConditionConfig;exports.serializeAST=e.serializeAST;exports.serializeASTAsConfig=e.serializeASTAsConfig;exports.serializeConditionExpressions=e.serializeConditionExpressions;exports.stripFormulaTokens=e.stripFormulaTokens;exports.tokenize=e.tokenize;exports.unwrapFormula=e.unwrapFormula;exports.useDynamicOptions=e.useDynamicOptions;exports.useOptionsResolvers=e.useOptionsResolvers;exports.useVariablePickerContext=e.useVariablePickerContext;exports.variableSubtreeToValue=e.variableSubtreeToValue;exports.wrapFormula=e.wrapFormula;exports.FIELD_TYPE_OPTIONS=T.FIELD_TYPE_OPTIONS;exports.SchemaBuilder=T.SchemaBuilder;exports.SchemaBuilderDrawer=T.SchemaBuilderDrawer;exports.useFlowForm=T.useFlowForm;exports.NodeTypeRegistry=i.NodeTypeRegistry;exports.baseNodeDefaults=i.baseNodeDefaults;exports.conditionBranchDescriptor=i.conditionBranchDescriptor;exports.defineNode=i.defineNode;exports.endEventDescriptor=i.endEventDescriptor;exports.makeSubWorkflowDescriptor=i.makeSubWorkflowDescriptor;exports.nodeTypeRegistry=i.nodeTypeRegistry;exports.notificationDescriptor=i.notificationDescriptor;exports.restApiDescriptor=i.restApiDescriptor;exports.startEventDescriptor=i.startEventDescriptor;exports.subWorkflowDescriptor=i.subWorkflowDescriptor;exports.webhookTriggerDescriptor=i.webhookTriggerDescriptor;exports.webhookTriggerTemplate=i.webhookTriggerTemplate;exports.TemplateRegistry=F.TemplateRegistry;exports.templateRegistry=F.templateRegistry;exports.FlowForgeCanvas=p.FlowForgeCanvas;exports.FlowForgeHeader=p.FlowForgeHeader;exports.SubWorkflowPreviewDrawer=p.SubWorkflowPreviewDrawer;exports.WorkflowCanvas=p.FlowForgeCanvas;exports.WorkflowExecutionHistory=p.WorkflowExecutionHistory;exports.WorkflowTemplateLibrary=p.WorkflowTemplateLibrary;exports.defaultFlowForgeMessages=S.defaultFlowForgeMessages;exports.loadWorkflowFromBpmn=h.loadWorkflowFromBpmn;exports.saveWorkflowToBpmn=h.saveWorkflowToBpmn;exports.ActionNode=t.ActionNode;exports.ApprovalNode=t.ApprovalNode;exports.EdgeWithPlusLabel=t.EdgeWithPlusLabel;exports.EndNode=t.EndNode;exports.FilterNode=t.FilterNode;exports.NodeBody=t.NodeBody;exports.RestApiNode=t.RestApiNode;exports.StartNode=t.StartNode;exports.TriggerNode=t.TriggerNode;exports.WebhookTriggerNode=t.WebhookTriggerNode;exports.builtInNodeTypes=t.builtInNodeTypes;exports.deriveRows=t.deriveRows;exports.resolveNodeRows=t.resolveNodeRows;exports.buildBackendPayload=R.buildBackendPayload;exports.buildVariableGroups=D;exports.notificationChannelRegistry=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-BhhUO6Ue.js"),T=require("./SchemaBuilderDrawer-CtGanHvg.js");require("react/jsx-runtime");require("react");require("@mui/material");require("react-icons/md");const i=require("./nodeRegistry.cjs"),F=require("./templateRegistry.cjs"),p=require("./WorkflowExecutionHistory-BrkL37Wb.js"),S=require("./messages-Bg7b9RbI.js"),h=require("./bpmn-CcuE2X_Q.js"),t=require("./GatewayBranchEdge-CdoZtIhn.js"),R=require("./buildBackendPayload-CTCfdT8R.js");class N{constructor(){this.channels=new Map}register(r,s){this.channels.set(r,s)}get(r){return this.channels.get(r)}list(){return Array.from(this.channels.entries()).map(([r,s])=>({key:r,...s}))}has(r){return this.channels.has(r)}}const v=new N;function D(o){const{currentNodeId:r,nodes:s,getParents:l,getOutputSchema:a,nodePath:d,nodeLabel:u,getNodeId:c=n=>n.id}=o,g=s.find(n=>c(n)===r);if(!g)return[];const w=P(g,s,l,c),f=[];for(const n of w){const y=a(n);if(!y||y.length===0)continue;const b=d(n);f.push({label:u?u(n):b,items:y.map(k=>m(k,b))})}return f}function P(o,r,s,l){const a=new Set,d=[],u=[...s(o,r)];for(;u.length>0;){const c=u.shift(),g=l(c);a.has(g)||(a.add(g),d.push(c),u.push(...s(c,r)))}return d}function m(o,r){const s=`${r}.${o.key}`,l=o.description??(o.sample!==void 0&&o.sample!==null?String(o.sample):void 0),a={label:o.label,path:s,key:o.key};return l!==void 0&&(a.description=l),(o.isList||o.type==="array")&&(a.isList=!0),o.children&&o.children.length>0&&(a.children=o.children.map(d=>m(d,s))),a}exports.DRAG_DATA_KEY=e.DRAG_DATA_KEY;exports.DynamicFormRenderer=e.DynamicFormRenderer;exports.FF=e.FF;exports.FlowForgeRegistry=e.FlowForgeRegistry;exports.FlowForm=e.FlowForm;exports.FormulaInput=e.FormulaInput;exports.InfiniteSelectField=e.InfiniteSelectField;exports.OptionsResolversProvider=e.OptionsResolversProvider;exports.TablePickerField=e.TablePickerField;exports.VariablePicker=e.VariablePicker;exports.VariablePickerProvider=e.VariablePickerProvider;exports.astHasRefs=e.astHasRefs;exports.astToTokens=e.astToTokens;exports.buildEvaluationPayload=e.buildEvaluationPayload;exports.buildFieldConfig=e.buildFieldConfig;exports.buildFormulaPath=e.buildFormulaPath;exports.buildSelectStyles=e.buildSelectStyles;exports.buildValidationSchema=e.buildValidationSchema;exports.conditionConfigToRulePayload=e.conditionConfigToRulePayload;exports.conditionNodesToRuleTree=e.conditionNodesToRuleTree;exports.dataSourceRegistry=e.dataSourceRegistry;exports.errorTextStyle=e.errorTextStyle;exports.extractLabel=e.extractLabel;exports.fieldRegistry=e.fieldRegistry;exports.hasFormulaTokens=e.hasFormulaTokens;exports.helperTextStyle=e.helperTextStyle;exports.inputStyle=e.inputStyle;exports.isFormula=e.isFormula;exports.leafReference=e.leafReference;exports.parseToAST=e.parseToAST;exports.ruleConditionsToNodes=e.ruleConditionsToNodes;exports.rulePayloadToConditionConfig=e.rulePayloadToConditionConfig;exports.serializeAST=e.serializeAST;exports.serializeASTAsConfig=e.serializeASTAsConfig;exports.serializeConditionExpressions=e.serializeConditionExpressions;exports.stripFormulaTokens=e.stripFormulaTokens;exports.tokenize=e.tokenize;exports.unwrapFormula=e.unwrapFormula;exports.useDynamicOptions=e.useDynamicOptions;exports.useOptionsResolvers=e.useOptionsResolvers;exports.useVariablePickerContext=e.useVariablePickerContext;exports.variableSubtreeToValue=e.variableSubtreeToValue;exports.wrapFormula=e.wrapFormula;exports.FIELD_TYPE_OPTIONS=T.FIELD_TYPE_OPTIONS;exports.SchemaBuilder=T.SchemaBuilder;exports.SchemaBuilderDrawer=T.SchemaBuilderDrawer;exports.useFlowForm=T.useFlowForm;exports.NodeTypeRegistry=i.NodeTypeRegistry;exports.baseNodeDefaults=i.baseNodeDefaults;exports.conditionBranchDescriptor=i.conditionBranchDescriptor;exports.defineNode=i.defineNode;exports.endEventDescriptor=i.endEventDescriptor;exports.makeSubWorkflowDescriptor=i.makeSubWorkflowDescriptor;exports.nodeTypeRegistry=i.nodeTypeRegistry;exports.notificationDescriptor=i.notificationDescriptor;exports.restApiDescriptor=i.restApiDescriptor;exports.startEventDescriptor=i.startEventDescriptor;exports.subWorkflowDescriptor=i.subWorkflowDescriptor;exports.webhookTriggerDescriptor=i.webhookTriggerDescriptor;exports.webhookTriggerTemplate=i.webhookTriggerTemplate;exports.TemplateRegistry=F.TemplateRegistry;exports.templateRegistry=F.templateRegistry;exports.FlowForgeCanvas=p.FlowForgeCanvas;exports.FlowForgeHeader=p.FlowForgeHeader;exports.SubWorkflowPreviewDrawer=p.SubWorkflowPreviewDrawer;exports.WorkflowCanvas=p.FlowForgeCanvas;exports.WorkflowExecutionHistory=p.WorkflowExecutionHistory;exports.WorkflowTemplateLibrary=p.WorkflowTemplateLibrary;exports.defaultFlowForgeMessages=S.defaultFlowForgeMessages;exports.loadWorkflowFromBpmn=h.loadWorkflowFromBpmn;exports.saveWorkflowToBpmn=h.saveWorkflowToBpmn;exports.ActionNode=t.ActionNode;exports.ApprovalNode=t.ApprovalNode;exports.EdgeWithPlusLabel=t.EdgeWithPlusLabel;exports.EndNode=t.EndNode;exports.FilterNode=t.FilterNode;exports.NodeBody=t.NodeBody;exports.RestApiNode=t.RestApiNode;exports.StartNode=t.StartNode;exports.TriggerNode=t.TriggerNode;exports.WebhookTriggerNode=t.WebhookTriggerNode;exports.builtInNodeTypes=t.builtInNodeTypes;exports.deriveRows=t.deriveRows;exports.resolveNodeRows=t.resolveNodeRows;exports.buildBackendPayload=R.buildBackendPayload;exports.buildVariableGroups=D;exports.notificationChannelRegistry=v;
 //# sourceMappingURL=index.cjs.map

package/dist/index.d.ts

@@ -267,6 +267,8 @@ export declare interface CanvasSlot {
     label?: string;
     /** Maps branch key → display label. e.g. { pass: 'Pass', fail: 'Fail' } */
     branchLabels?: Record<string, string>;
+    /** Branch layout style — see NodeDescriptor.branchStyle. */
+    branchStyle?: 'symmetric' | 'inline-gate';
 }
 
 export declare interface ChildRouterProps {
@@ -1471,6 +1473,14 @@ export declare interface NodeDescriptor {
     canInsert?: (ctx: InsertContext) => boolean;
     /** Maps branch key → display label. e.g. { pass: 'Pass', fail: 'Fail' }. Only applies to branching nodes (filterNode, approvalNode). */
     branchLabels?: Record<string, string>;
+    /**
+     * Branch layout style for a branching node.
+     * - 'symmetric' (default): all branches indent side-by-side under the node.
+     * - 'inline-gate': the FIRST branch (e.g. Pass) continues straight down the
+     *   main spine; the remaining branches (e.g. Fail) render as short side
+     *   edges to their End. Matches a pre-trigger "filter" gate design.
+     */
+    branchStyle?: 'symmetric' | 'inline-gate';
     formSchema: FieldDescriptor[] | ((nodeId: string) => Promise<FieldDescriptor[]>);
     /**
      * Custom configuration panel. When set, NodeConfigDrawer renders the returned

package/dist/index.js

@@ -6,10 +6,10 @@ import "@mui/material";
 import "react-icons/md";
 import { NodeTypeRegistry as we, baseNodeDefaults as ke, conditionBranchDescriptor as Se, defineNode as Ne, endEventDescriptor as Re, makeSubWorkflowDescriptor as ve, nodeTypeRegistry as xe, notificationDescriptor as De, restApiDescriptor as Pe, startEventDescriptor as Ae, subWorkflowDescriptor as Ce, webhookTriggerDescriptor as Ee, webhookTriggerTemplate as We } from "./nodeRegistry.js";
 import { TemplateRegistry as Be, templateRegistry as Le } from "./templateRegistry.js";
-import { F as Oe, a as ze, S as He, F as _e, W as Ge, b as Me } from "./WorkflowExecutionHistory-DYp-l7mk.js";
+import { F as Oe, a as ze, S as He, F as _e, W as Ge, b as Me } from "./WorkflowExecutionHistory-BBeVPYVc.js";
 import { d as Ke } from "./messages-CRZgWFU-.js";
 import { l as $e, s as je } from "./bpmn-CtfWDaOY.js";
-import { A as Ue, b as Qe, E as Xe, c as Ze, F as es, f as ss, R as os, S as as, T as rs, W as ts, e as is, g as ns, r as ls } from "./GatewayBranchEdge-BsPsPmnx.js";
+import { A as Ue, b as Qe, E as Xe, c as Ze, F as es, f as ss, R as os, S as as, T as rs, W as ts, e as is, g as ns, r as ls } from "./GatewayBranchEdge-C023FhhW.js";
 import { b as cs } from "./buildBackendPayload-C16SLotf.js";
 class g {
   constructor() {

package/dist/nodeRegistry.d.ts

@@ -36,6 +36,8 @@ declare interface CanvasSlot {
     label?: string;
     /** Maps branch key → display label. e.g. { pass: 'Pass', fail: 'Fail' } */
     branchLabels?: Record<string, string>;
+    /** Branch layout style — see NodeDescriptor.branchStyle. */
+    branchStyle?: 'symmetric' | 'inline-gate';
 }
 
 export declare const conditionBranchDescriptor: NodeDescriptor;
@@ -371,6 +373,14 @@ export declare interface NodeDescriptor {
     canInsert?: (ctx: InsertContext) => boolean;
     /** Maps branch key → display label. e.g. { pass: 'Pass', fail: 'Fail' }. Only applies to branching nodes (filterNode, approvalNode). */
     branchLabels?: Record<string, string>;
+    /**
+     * Branch layout style for a branching node.
+     * - 'symmetric' (default): all branches indent side-by-side under the node.
+     * - 'inline-gate': the FIRST branch (e.g. Pass) continues straight down the
+     *   main spine; the remaining branches (e.g. Fail) render as short side
+     *   edges to their End. Matches a pre-trigger "filter" gate design.
+     */
+    branchStyle?: 'symmetric' | 'inline-gate';
     formSchema: FieldDescriptor[] | ((nodeId: string) => Promise<FieldDescriptor[]>);
     /**
      * Custom configuration panel. When set, NodeConfigDrawer renders the returned

package/dist/templateRegistry.d.ts

@@ -36,6 +36,8 @@ declare interface CanvasSlot {
     label?: string;
     /** Maps branch key → display label. e.g. { pass: 'Pass', fail: 'Fail' } */
     branchLabels?: Record<string, string>;
+    /** Branch layout style — see NodeDescriptor.branchStyle. */
+    branchStyle?: 'symmetric' | 'inline-gate';
 }
 
 /** One column in a per-field condition row */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@notmrabhi/flowforge",
-  "version": "0.1.106",
+  "version": "0.1.108",
   "description": "Schema-driven form renderer and workflow engine for miniOrange IAM",
   "license": "UNLICENSED",
   "author": "miniOrange",