@marktoflow/gui 2.0.3 → 2.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (155) hide show
  1. package/README.md +5 -3
  2. package/client.log +0 -0
  3. package/dist/client/assets/{index-DtX_BPDj.js → index-iXI2YSzR.js} +47 -47
  4. package/dist/client/assets/index-iXI2YSzR.js.map +1 -0
  5. package/dist/client/index.html +1 -1
  6. package/dist/server/routes/tools.js +29 -884
  7. package/dist/server/routes/tools.js.map +1 -1
  8. package/dist/server/services/WorkflowService.js +4 -1
  9. package/dist/server/services/WorkflowService.js.map +1 -1
  10. package/dist/server/services/agents/openai-provider.js +31 -1
  11. package/dist/server/services/agents/openai-provider.js.map +1 -1
  12. package/dist/shared/constants.js +5 -0
  13. package/dist/shared/constants.js.map +1 -1
  14. package/package.json +20 -6
  15. package/server.log +0 -0
  16. package/coverage/base.css +0 -224
  17. package/coverage/block-navigation.js +0 -87
  18. package/coverage/client/App.tsx.html +0 -2230
  19. package/coverage/client/components/Accessibility/LiveRegion.tsx.html +0 -166
  20. package/coverage/client/components/Accessibility/SkipNav.tsx.html +0 -106
  21. package/coverage/client/components/Accessibility/index.html +0 -131
  22. package/coverage/client/components/Admin/AuditViewer.tsx.html +0 -214
  23. package/coverage/client/components/Admin/EnvironmentSwitcher.tsx.html +0 -187
  24. package/coverage/client/components/Admin/RoleManager.tsx.html +0 -250
  25. package/coverage/client/components/Admin/SecretsVault.tsx.html +0 -241
  26. package/coverage/client/components/Admin/index.html +0 -161
  27. package/coverage/client/components/Canvas/AlignmentTools.tsx.html +0 -694
  28. package/coverage/client/components/Canvas/Canvas.tsx.html +0 -1513
  29. package/coverage/client/components/Canvas/DataPreviewBadge.tsx.html +0 -307
  30. package/coverage/client/components/Canvas/ExecutionInputDialog.tsx.html +0 -769
  31. package/coverage/client/components/Canvas/ExecutionOverlay.tsx.html +0 -2938
  32. package/coverage/client/components/Canvas/ForEachNode.tsx.html +0 -568
  33. package/coverage/client/components/Canvas/GroupNode.tsx.html +0 -421
  34. package/coverage/client/components/Canvas/IfElseNode.tsx.html +0 -508
  35. package/coverage/client/components/Canvas/InlineEditor.tsx.html +0 -472
  36. package/coverage/client/components/Canvas/NodeContextMenu.tsx.html +0 -661
  37. package/coverage/client/components/Canvas/NodeTooltip.tsx.html +0 -316
  38. package/coverage/client/components/Canvas/OutputNode.tsx.html +0 -418
  39. package/coverage/client/components/Canvas/ParallelNode.tsx.html +0 -556
  40. package/coverage/client/components/Canvas/StepNode.tsx.html +0 -463
  41. package/coverage/client/components/Canvas/StickyNoteNode.tsx.html +0 -442
  42. package/coverage/client/components/Canvas/SubWorkflowNode.tsx.html +0 -508
  43. package/coverage/client/components/Canvas/SwitchNode.tsx.html +0 -640
  44. package/coverage/client/components/Canvas/Toolbar.tsx.html +0 -1030
  45. package/coverage/client/components/Canvas/TransformNode.tsx.html +0 -667
  46. package/coverage/client/components/Canvas/TriggerNode.tsx.html +0 -469
  47. package/coverage/client/components/Canvas/TryCatchNode.tsx.html +0 -577
  48. package/coverage/client/components/Canvas/WhileNode.tsx.html +0 -595
  49. package/coverage/client/components/Canvas/index.html +0 -446
  50. package/coverage/client/components/Canvas/index.ts.html +0 -157
  51. package/coverage/client/components/Collaboration/ActivityFeed.tsx.html +0 -253
  52. package/coverage/client/components/Collaboration/CommentThread.tsx.html +0 -397
  53. package/coverage/client/components/Collaboration/LockIndicator.tsx.html +0 -172
  54. package/coverage/client/components/Collaboration/PresenceIndicator.tsx.html +0 -214
  55. package/coverage/client/components/Collaboration/index.html +0 -161
  56. package/coverage/client/components/CommandPalette/CommandItem.tsx.html +0 -313
  57. package/coverage/client/components/CommandPalette/CommandPalette.tsx.html +0 -685
  58. package/coverage/client/components/CommandPalette/index.html +0 -131
  59. package/coverage/client/components/Debug/VariableInspector.tsx.html +0 -529
  60. package/coverage/client/components/Debug/index.html +0 -116
  61. package/coverage/client/components/Editor/InputsEditor.tsx.html +0 -1459
  62. package/coverage/client/components/Editor/NewStepWizard.tsx.html +0 -1117
  63. package/coverage/client/components/Editor/StepEditor.tsx.html +0 -1681
  64. package/coverage/client/components/Editor/YamlEditor.tsx.html +0 -565
  65. package/coverage/client/components/Editor/index.html +0 -161
  66. package/coverage/client/components/Execution/TimelineView.tsx.html +0 -397
  67. package/coverage/client/components/Execution/index.html +0 -116
  68. package/coverage/client/components/Onboarding/OnboardingTour.tsx.html +0 -265
  69. package/coverage/client/components/Onboarding/index.html +0 -116
  70. package/coverage/client/components/Panels/PropertiesPanel.tsx.html +0 -2035
  71. package/coverage/client/components/Panels/ValidationPanel.tsx.html +0 -856
  72. package/coverage/client/components/Panels/index.html +0 -131
  73. package/coverage/client/components/Prompt/ChangePreview.tsx.html +0 -928
  74. package/coverage/client/components/Prompt/PromptHistoryPanel.tsx.html +0 -712
  75. package/coverage/client/components/Prompt/PromptInput.tsx.html +0 -415
  76. package/coverage/client/components/Prompt/index.html +0 -146
  77. package/coverage/client/components/Settings/ProviderSwitcher.tsx.html +0 -1306
  78. package/coverage/client/components/Settings/SettingsPanel.tsx.html +0 -355
  79. package/coverage/client/components/Settings/controls/SettingNumber.tsx.html +0 -211
  80. package/coverage/client/components/Settings/controls/SettingSelect.tsx.html +0 -196
  81. package/coverage/client/components/Settings/controls/SettingToggle.tsx.html +0 -199
  82. package/coverage/client/components/Settings/controls/index.html +0 -146
  83. package/coverage/client/components/Settings/index.html +0 -131
  84. package/coverage/client/components/Settings/sections/AISettings.tsx.html +0 -154
  85. package/coverage/client/components/Settings/sections/CanvasSettings.tsx.html +0 -220
  86. package/coverage/client/components/Settings/sections/EditorSettings.tsx.html +0 -208
  87. package/coverage/client/components/Settings/sections/ExecutionSettings.tsx.html +0 -172
  88. package/coverage/client/components/Settings/sections/GeneralSettings.tsx.html +0 -151
  89. package/coverage/client/components/Settings/sections/NotificationSettings.tsx.html +0 -190
  90. package/coverage/client/components/Settings/sections/index.html +0 -191
  91. package/coverage/client/components/Sidebar/ImportDialog.tsx.html +0 -856
  92. package/coverage/client/components/Sidebar/NewWorkflowDialog.tsx.html +0 -694
  93. package/coverage/client/components/Sidebar/Sidebar.tsx.html +0 -1456
  94. package/coverage/client/components/Sidebar/index.html +0 -146
  95. package/coverage/client/components/Templates/TemplateCard.tsx.html +0 -181
  96. package/coverage/client/components/Templates/TemplateGallery.tsx.html +0 -307
  97. package/coverage/client/components/Templates/index.html +0 -131
  98. package/coverage/client/components/Versions/DiffViewer.tsx.html +0 -220
  99. package/coverage/client/components/Versions/VersionHistory.tsx.html +0 -352
  100. package/coverage/client/components/Versions/index.html +0 -131
  101. package/coverage/client/components/common/Breadcrumb.tsx.html +0 -205
  102. package/coverage/client/components/common/Button.tsx.html +0 -289
  103. package/coverage/client/components/common/ContextMenu.tsx.html +0 -691
  104. package/coverage/client/components/common/KeyboardShortcuts.tsx.html +0 -541
  105. package/coverage/client/components/common/Modal.tsx.html +0 -364
  106. package/coverage/client/components/common/Tabs.tsx.html +0 -256
  107. package/coverage/client/components/common/ThemeToggle.tsx.html +0 -301
  108. package/coverage/client/components/common/index.html +0 -206
  109. package/coverage/client/components/index.html +0 -116
  110. package/coverage/client/components/index.ts.html +0 -181
  111. package/coverage/client/hooks/index.html +0 -176
  112. package/coverage/client/hooks/index.ts.html +0 -97
  113. package/coverage/client/hooks/useAIPrompt.ts.html +0 -409
  114. package/coverage/client/hooks/useCanvas.ts.html +0 -739
  115. package/coverage/client/hooks/useWebSocket.ts.html +0 -580
  116. package/coverage/client/hooks/useWorkflow.ts.html +0 -502
  117. package/coverage/client/index.html +0 -131
  118. package/coverage/client/main.tsx.html +0 -115
  119. package/coverage/client/stores/agentStore.ts.html +0 -421
  120. package/coverage/client/stores/canvasStore.ts.html +0 -1129
  121. package/coverage/client/stores/collaborationStore.ts.html +0 -544
  122. package/coverage/client/stores/commandStore.ts.html +0 -610
  123. package/coverage/client/stores/editorStore.ts.html +0 -484
  124. package/coverage/client/stores/executionStore.ts.html +0 -1594
  125. package/coverage/client/stores/governanceStore.ts.html +0 -493
  126. package/coverage/client/stores/index.html +0 -341
  127. package/coverage/client/stores/index.ts.html +0 -112
  128. package/coverage/client/stores/layoutStore.ts.html +0 -439
  129. package/coverage/client/stores/navigationStore.ts.html +0 -232
  130. package/coverage/client/stores/onboardingStore.ts.html +0 -247
  131. package/coverage/client/stores/promptStore.ts.html +0 -430
  132. package/coverage/client/stores/settingsStore.ts.html +0 -472
  133. package/coverage/client/stores/themeStore.ts.html +0 -271
  134. package/coverage/client/stores/versionStore.ts.html +0 -340
  135. package/coverage/client/stores/workflowStore.ts.html +0 -739
  136. package/coverage/client/utils/applyDagreLayout.ts.html +0 -286
  137. package/coverage/client/utils/cn.ts.html +0 -112
  138. package/coverage/client/utils/index.html +0 -206
  139. package/coverage/client/utils/index.ts.html +0 -97
  140. package/coverage/client/utils/platform.ts.html +0 -223
  141. package/coverage/client/utils/serviceIcons.tsx.html +0 -376
  142. package/coverage/client/utils/stepValidation.ts.html +0 -550
  143. package/coverage/client/utils/workflowToGraph.ts.html +0 -1624
  144. package/coverage/coverage-final.json +0 -107
  145. package/coverage/favicon.png +0 -0
  146. package/coverage/index.html +0 -461
  147. package/coverage/prettify.css +0 -1
  148. package/coverage/prettify.js +0 -2
  149. package/coverage/shared/constants.ts.html +0 -655
  150. package/coverage/shared/index.html +0 -146
  151. package/coverage/shared/settings.ts.html +0 -406
  152. package/coverage/shared/types.ts.html +0 -622
  153. package/coverage/sort-arrow-sprite.png +0 -0
  154. package/coverage/sorter.js +0 -210
  155. package/dist/client/assets/index-DtX_BPDj.js.map +0 -1
package/coverage/client/components/Canvas/IfElseNode.tsx.html DELETED
@@ -1,508 +0,0 @@
1
-
2
- <!doctype html>
3
- <html lang="en">
4
-
5
- <head>
6
- <title>Code coverage report for client/components/Canvas/IfElseNode.tsx</title>
7
- <meta charset="utf-8" />
8
- <link rel="stylesheet" href="../../../prettify.css" />
9
- <link rel="stylesheet" href="../../../base.css" />
10
- <link rel="shortcut icon" type="image/x-icon" href="../../../favicon.png" />
11
- <meta name="viewport" content="width=device-width, initial-scale=1" />
12
- <style type='text/css'>
13
- .coverage-summary .sorter {
14
- background-image: url(../../../sort-arrow-sprite.png);
15
- }
16
- </style>
17
- </head>
18
-
19
- <body>
20
- <div class='wrapper'>
21
- <div class='pad1'>
22
- <h1><a href="../../../index.html">All files</a> / <a href="index.html">client/components/Canvas</a> IfElseNode.tsx</h1>
23
- <div class='clearfix'>
24
-
25
- <div class='fl pad1y space-right2'>
26
- <span class="strong">100% </span>
27
- <span class="quiet">Statements</span>
28
- <span class='fraction'>104/104</span>
29
- </div>
30
-
31
-
32
- <div class='fl pad1y space-right2'>
33
- <span class="strong">95.83% </span>
34
- <span class="quiet">Branches</span>
35
- <span class='fraction'>23/24</span>
36
- </div>
37
-
38
-
39
- <div class='fl pad1y space-right2'>
40
- <span class="strong">100% </span>
41
- <span class="quiet">Functions</span>
42
- <span class='fraction'>1/1</span>
43
- </div>
44
-
45
-
46
- <div class='fl pad1y space-right2'>
47
- <span class="strong">100% </span>
48
- <span class="quiet">Lines</span>
49
- <span class='fraction'>104/104</span>
50
- </div>
51
-
52
-
53
- </div>
54
- <p class="quiet">
55
- Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
56
- </p>
57
- <template id="filterTemplate">
58
- <div class="quiet">
59
- Filter:
60
- <input type="search" id="fileSearch">
61
- </div>
62
- </template>
63
- </div>
64
- <div class='status-line high'></div>
65
- <pre><table class="coverage">
66
- <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
67
- <a name='L2'></a><a href='#L2'>2</a>
68
- <a name='L3'></a><a href='#L3'>3</a>
69
- <a name='L4'></a><a href='#L4'>4</a>
70
- <a name='L5'></a><a href='#L5'>5</a>
71
- <a name='L6'></a><a href='#L6'>6</a>
72
- <a name='L7'></a><a href='#L7'>7</a>
73
- <a name='L8'></a><a href='#L8'>8</a>
74
- <a name='L9'></a><a href='#L9'>9</a>
75
- <a name='L10'></a><a href='#L10'>10</a>
76
- <a name='L11'></a><a href='#L11'>11</a>
77
- <a name='L12'></a><a href='#L12'>12</a>
78
- <a name='L13'></a><a href='#L13'>13</a>
79
- <a name='L14'></a><a href='#L14'>14</a>
80
- <a name='L15'></a><a href='#L15'>15</a>
81
- <a name='L16'></a><a href='#L16'>16</a>
82
- <a name='L17'></a><a href='#L17'>17</a>
83
- <a name='L18'></a><a href='#L18'>18</a>
84
- <a name='L19'></a><a href='#L19'>19</a>
85
- <a name='L20'></a><a href='#L20'>20</a>
86
- <a name='L21'></a><a href='#L21'>21</a>
87
- <a name='L22'></a><a href='#L22'>22</a>
88
- <a name='L23'></a><a href='#L23'>23</a>
89
- <a name='L24'></a><a href='#L24'>24</a>
90
- <a name='L25'></a><a href='#L25'>25</a>
91
- <a name='L26'></a><a href='#L26'>26</a>
92
- <a name='L27'></a><a href='#L27'>27</a>
93
- <a name='L28'></a><a href='#L28'>28</a>
94
- <a name='L29'></a><a href='#L29'>29</a>
95
- <a name='L30'></a><a href='#L30'>30</a>
96
- <a name='L31'></a><a href='#L31'>31</a>
97
- <a name='L32'></a><a href='#L32'>32</a>
98
- <a name='L33'></a><a href='#L33'>33</a>
99
- <a name='L34'></a><a href='#L34'>34</a>
100
- <a name='L35'></a><a href='#L35'>35</a>
101
- <a name='L36'></a><a href='#L36'>36</a>
102
- <a name='L37'></a><a href='#L37'>37</a>
103
- <a name='L38'></a><a href='#L38'>38</a>
104
- <a name='L39'></a><a href='#L39'>39</a>
105
- <a name='L40'></a><a href='#L40'>40</a>
106
- <a name='L41'></a><a href='#L41'>41</a>
107
- <a name='L42'></a><a href='#L42'>42</a>
108
- <a name='L43'></a><a href='#L43'>43</a>
109
- <a name='L44'></a><a href='#L44'>44</a>
110
- <a name='L45'></a><a href='#L45'>45</a>
111
- <a name='L46'></a><a href='#L46'>46</a>
112
- <a name='L47'></a><a href='#L47'>47</a>
113
- <a name='L48'></a><a href='#L48'>48</a>
114
- <a name='L49'></a><a href='#L49'>49</a>
115
- <a name='L50'></a><a href='#L50'>50</a>
116
- <a name='L51'></a><a href='#L51'>51</a>
117
- <a name='L52'></a><a href='#L52'>52</a>
118
- <a name='L53'></a><a href='#L53'>53</a>
119
- <a name='L54'></a><a href='#L54'>54</a>
120
- <a name='L55'></a><a href='#L55'>55</a>
121
- <a name='L56'></a><a href='#L56'>56</a>
122
- <a name='L57'></a><a href='#L57'>57</a>
123
- <a name='L58'></a><a href='#L58'>58</a>
124
- <a name='L59'></a><a href='#L59'>59</a>
125
- <a name='L60'></a><a href='#L60'>60</a>
126
- <a name='L61'></a><a href='#L61'>61</a>
127
- <a name='L62'></a><a href='#L62'>62</a>
128
- <a name='L63'></a><a href='#L63'>63</a>
129
- <a name='L64'></a><a href='#L64'>64</a>
130
- <a name='L65'></a><a href='#L65'>65</a>
131
- <a name='L66'></a><a href='#L66'>66</a>
132
- <a name='L67'></a><a href='#L67'>67</a>
133
- <a name='L68'></a><a href='#L68'>68</a>
134
- <a name='L69'></a><a href='#L69'>69</a>
135
- <a name='L70'></a><a href='#L70'>70</a>
136
- <a name='L71'></a><a href='#L71'>71</a>
137
- <a name='L72'></a><a href='#L72'>72</a>
138
- <a name='L73'></a><a href='#L73'>73</a>
139
- <a name='L74'></a><a href='#L74'>74</a>
140
- <a name='L75'></a><a href='#L75'>75</a>
141
- <a name='L76'></a><a href='#L76'>76</a>
142
- <a name='L77'></a><a href='#L77'>77</a>
143
- <a name='L78'></a><a href='#L78'>78</a>
144
- <a name='L79'></a><a href='#L79'>79</a>
145
- <a name='L80'></a><a href='#L80'>80</a>
146
- <a name='L81'></a><a href='#L81'>81</a>
147
- <a name='L82'></a><a href='#L82'>82</a>
148
- <a name='L83'></a><a href='#L83'>83</a>
149
- <a name='L84'></a><a href='#L84'>84</a>
150
- <a name='L85'></a><a href='#L85'>85</a>
151
- <a name='L86'></a><a href='#L86'>86</a>
152
- <a name='L87'></a><a href='#L87'>87</a>
153
- <a name='L88'></a><a href='#L88'>88</a>
154
- <a name='L89'></a><a href='#L89'>89</a>
155
- <a name='L90'></a><a href='#L90'>90</a>
156
- <a name='L91'></a><a href='#L91'>91</a>
157
- <a name='L92'></a><a href='#L92'>92</a>
158
- <a name='L93'></a><a href='#L93'>93</a>
159
- <a name='L94'></a><a href='#L94'>94</a>
160
- <a name='L95'></a><a href='#L95'>95</a>
161
- <a name='L96'></a><a href='#L96'>96</a>
162
- <a name='L97'></a><a href='#L97'>97</a>
163
- <a name='L98'></a><a href='#L98'>98</a>
164
- <a name='L99'></a><a href='#L99'>99</a>
165
- <a name='L100'></a><a href='#L100'>100</a>
166
- <a name='L101'></a><a href='#L101'>101</a>
167
- <a name='L102'></a><a href='#L102'>102</a>
168
- <a name='L103'></a><a href='#L103'>103</a>
169
- <a name='L104'></a><a href='#L104'>104</a>
170
- <a name='L105'></a><a href='#L105'>105</a>
171
- <a name='L106'></a><a href='#L106'>106</a>
172
- <a name='L107'></a><a href='#L107'>107</a>
173
- <a name='L108'></a><a href='#L108'>108</a>
174
- <a name='L109'></a><a href='#L109'>109</a>
175
- <a name='L110'></a><a href='#L110'>110</a>
176
- <a name='L111'></a><a href='#L111'>111</a>
177
- <a name='L112'></a><a href='#L112'>112</a>
178
- <a name='L113'></a><a href='#L113'>113</a>
179
- <a name='L114'></a><a href='#L114'>114</a>
180
- <a name='L115'></a><a href='#L115'>115</a>
181
- <a name='L116'></a><a href='#L116'>116</a>
182
- <a name='L117'></a><a href='#L117'>117</a>
183
- <a name='L118'></a><a href='#L118'>118</a>
184
- <a name='L119'></a><a href='#L119'>119</a>
185
- <a name='L120'></a><a href='#L120'>120</a>
186
- <a name='L121'></a><a href='#L121'>121</a>
187
- <a name='L122'></a><a href='#L122'>122</a>
188
- <a name='L123'></a><a href='#L123'>123</a>
189
- <a name='L124'></a><a href='#L124'>124</a>
190
- <a name='L125'></a><a href='#L125'>125</a>
191
- <a name='L126'></a><a href='#L126'>126</a>
192
- <a name='L127'></a><a href='#L127'>127</a>
193
- <a name='L128'></a><a href='#L128'>128</a>
194
- <a name='L129'></a><a href='#L129'>129</a>
195
- <a name='L130'></a><a href='#L130'>130</a>
196
- <a name='L131'></a><a href='#L131'>131</a>
197
- <a name='L132'></a><a href='#L132'>132</a>
198
- <a name='L133'></a><a href='#L133'>133</a>
199
- <a name='L134'></a><a href='#L134'>134</a>
200
- <a name='L135'></a><a href='#L135'>135</a>
201
- <a name='L136'></a><a href='#L136'>136</a>
202
- <a name='L137'></a><a href='#L137'>137</a>
203
- <a name='L138'></a><a href='#L138'>138</a>
204
- <a name='L139'></a><a href='#L139'>139</a>
205
- <a name='L140'></a><a href='#L140'>140</a>
206
- <a name='L141'></a><a href='#L141'>141</a>
207
- <a name='L142'></a><a href='#L142'>142</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
208
- <span class="cline-any cline-neutral">&nbsp;</span>
209
- <span class="cline-any cline-neutral">&nbsp;</span>
210
- <span class="cline-any cline-neutral">&nbsp;</span>
211
- <span class="cline-any cline-neutral">&nbsp;</span>
212
- <span class="cline-any cline-neutral">&nbsp;</span>
213
- <span class="cline-any cline-neutral">&nbsp;</span>
214
- <span class="cline-any cline-neutral">&nbsp;</span>
215
- <span class="cline-any cline-neutral">&nbsp;</span>
216
- <span class="cline-any cline-neutral">&nbsp;</span>
217
- <span class="cline-any cline-neutral">&nbsp;</span>
218
- <span class="cline-any cline-neutral">&nbsp;</span>
219
- <span class="cline-any cline-neutral">&nbsp;</span>
220
- <span class="cline-any cline-neutral">&nbsp;</span>
221
- <span class="cline-any cline-neutral">&nbsp;</span>
222
- <span class="cline-any cline-yes">23x</span>
223
- <span class="cline-any cline-yes">23x</span>
224
- <span class="cline-any cline-neutral">&nbsp;</span>
225
- <span class="cline-any cline-neutral">&nbsp;</span>
226
- <span class="cline-any cline-yes">23x</span>
227
- <span class="cline-any cline-yes">23x</span>
228
- <span class="cline-any cline-yes">23x</span>
229
- <span class="cline-any cline-yes">23x</span>
230
- <span class="cline-any cline-yes">23x</span>
231
- <span class="cline-any cline-yes">23x</span>
232
- <span class="cline-any cline-yes">23x</span>
233
- <span class="cline-any cline-yes">23x</span>
234
- <span class="cline-any cline-yes">23x</span>
235
- <span class="cline-any cline-yes">23x</span>
236
- <span class="cline-any cline-yes">23x</span>
237
- <span class="cline-any cline-yes">23x</span>
238
- <span class="cline-any cline-yes">23x</span>
239
- <span class="cline-any cline-yes">23x</span>
240
- <span class="cline-any cline-yes">23x</span>
241
- <span class="cline-any cline-yes">23x</span>
242
- <span class="cline-any cline-yes">23x</span>
243
- <span class="cline-any cline-yes">23x</span>
244
- <span class="cline-any cline-yes">23x</span>
245
- <span class="cline-any cline-yes">23x</span>
246
- <span class="cline-any cline-neutral">&nbsp;</span>
247
- <span class="cline-any cline-yes">23x</span>
248
- <span class="cline-any cline-yes">23x</span>
249
- <span class="cline-any cline-yes">23x</span>
250
- <span class="cline-any cline-neutral">&nbsp;</span>
251
- <span class="cline-any cline-yes">23x</span>
252
- <span class="cline-any cline-yes">23x</span>
253
- <span class="cline-any cline-yes">23x</span>
254
- <span class="cline-any cline-yes">23x</span>
255
- <span class="cline-any cline-yes">23x</span>
256
- <span class="cline-any cline-yes">23x</span>
257
- <span class="cline-any cline-neutral">&nbsp;</span>
258
- <span class="cline-any cline-neutral">&nbsp;</span>
259
- <span class="cline-any cline-yes">23x</span>
260
- <span class="cline-any cline-yes">23x</span>
261
- <span class="cline-any cline-yes">23x</span>
262
- <span class="cline-any cline-yes">23x</span>
263
- <span class="cline-any cline-yes">23x</span>
264
- <span class="cline-any cline-neutral">&nbsp;</span>
265
- <span class="cline-any cline-neutral">&nbsp;</span>
266
- <span class="cline-any cline-yes">23x</span>
267
- <span class="cline-any cline-yes">23x</span>
268
- <span class="cline-any cline-yes">23x</span>
269
- <span class="cline-any cline-yes">23x</span>
270
- <span class="cline-any cline-yes">23x</span>
271
- <span class="cline-any cline-yes">23x</span>
272
- <span class="cline-any cline-yes">23x</span>
273
- <span class="cline-any cline-yes">23x</span>
274
- <span class="cline-any cline-yes">23x</span>
275
- <span class="cline-any cline-yes">23x</span>
276
- <span class="cline-any cline-yes">23x</span>
277
- <span class="cline-any cline-yes">23x</span>
278
- <span class="cline-any cline-neutral">&nbsp;</span>
279
- <span class="cline-any cline-yes">23x</span>
280
- <span class="cline-any cline-yes">23x</span>
281
- <span class="cline-any cline-yes">23x</span>
282
- <span class="cline-any cline-yes">23x</span>
283
- <span class="cline-any cline-yes">23x</span>
284
- <span class="cline-any cline-neutral">&nbsp;</span>
285
- <span class="cline-any cline-neutral">&nbsp;</span>
286
- <span class="cline-any cline-yes">23x</span>
287
- <span class="cline-any cline-yes">23x</span>
288
- <span class="cline-any cline-yes">23x</span>
289
- <span class="cline-any cline-yes">23x</span>
290
- <span class="cline-any cline-neutral">&nbsp;</span>
291
- <span class="cline-any cline-neutral">&nbsp;</span>
292
- <span class="cline-any cline-yes">23x</span>
293
- <span class="cline-any cline-yes">23x</span>
294
- <span class="cline-any cline-yes">23x</span>
295
- <span class="cline-any cline-yes">23x</span>
296
- <span class="cline-any cline-yes">2x</span>
297
- <span class="cline-any cline-yes">21x</span>
298
- <span class="cline-any cline-yes">1x</span>
299
- <span class="cline-any cline-yes">20x</span>
300
- <span class="cline-any cline-yes">23x</span>
301
- <span class="cline-any cline-yes">23x</span>
302
- <span class="cline-any cline-neutral">&nbsp;</span>
303
- <span class="cline-any cline-yes">23x</span>
304
- <span class="cline-any cline-yes">1x</span>
305
- <span class="cline-any cline-neutral">&nbsp;</span>
306
- <span class="cline-any cline-yes">1x</span>
307
- <span class="cline-any cline-neutral">&nbsp;</span>
308
- <span class="cline-any cline-yes">23x</span>
309
- <span class="cline-any cline-yes">23x</span>
310
- <span class="cline-any cline-yes">23x</span>
311
- <span class="cline-any cline-yes">23x</span>
312
- <span class="cline-any cline-yes">1x</span>
313
- <span class="cline-any cline-yes">22x</span>
314
- <span class="cline-any cline-yes">1x</span>
315
- <span class="cline-any cline-yes">21x</span>
316
- <span class="cline-any cline-yes">23x</span>
317
- <span class="cline-any cline-yes">23x</span>
318
- <span class="cline-any cline-neutral">&nbsp;</span>
319
- <span class="cline-any cline-yes">23x</span>
320
- <span class="cline-any cline-yes">1x</span>
321
- <span class="cline-any cline-neutral">&nbsp;</span>
322
- <span class="cline-any cline-yes">1x</span>
323
- <span class="cline-any cline-neutral">&nbsp;</span>
324
- <span class="cline-any cline-yes">23x</span>
325
- <span class="cline-any cline-yes">23x</span>
326
- <span class="cline-any cline-yes">23x</span>
327
- <span class="cline-any cline-neutral">&nbsp;</span>
328
- <span class="cline-any cline-neutral">&nbsp;</span>
329
- <span class="cline-any cline-yes">23x</span>
330
- <span class="cline-any cline-yes">23x</span>
331
- <span class="cline-any cline-yes">23x</span>
332
- <span class="cline-any cline-yes">23x</span>
333
- <span class="cline-any cline-yes">23x</span>
334
- <span class="cline-any cline-yes">23x</span>
335
- <span class="cline-any cline-yes">23x</span>
336
- <span class="cline-any cline-yes">23x</span>
337
- <span class="cline-any cline-yes">23x</span>
338
- <span class="cline-any cline-yes">23x</span>
339
- <span class="cline-any cline-yes">23x</span>
340
- <span class="cline-any cline-yes">23x</span>
341
- <span class="cline-any cline-yes">23x</span>
342
- <span class="cline-any cline-yes">23x</span>
343
- <span class="cline-any cline-yes">23x</span>
344
- <span class="cline-any cline-neutral">&nbsp;</span>
345
- <span class="cline-any cline-yes">23x</span>
346
- <span class="cline-any cline-neutral">&nbsp;</span>
347
- <span class="cline-any cline-yes">1x</span>
348
- <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import { memo } from 'react';
349
- import { Handle, Position, type Node, type NodeProps } from '@xyflow/react';
350
- import { GitBranch, CheckCircle, XCircle, Clock } from 'lucide-react';
351
- &nbsp;
352
- export interface IfElseNodeData extends Record&lt;string, unknown&gt; {
353
- id: string;
354
- name?: string;
355
- condition: string;
356
- status?: 'pending' | 'running' | 'completed' | 'failed' | 'skipped';
357
- activeBranch?: 'then' | 'else' | null;
358
- skippedBranch?: 'then' | 'else' | null;
359
- }
360
- &nbsp;
361
- export type IfElseNodeType = Node&lt;IfElseNodeData, 'if'&gt;;
362
- &nbsp;
363
- function IfElseNodeComponent({ data, selected }: NodeProps&lt;IfElseNodeType&gt;) {
364
- const statusConfig: Record&lt;
365
- NonNullable&lt;IfElseNodeData['status']&gt;,
366
- { icon: typeof Clock; color: string; bgColor: string; animate?: boolean }
367
- &gt; = {
368
- pending: { icon: Clock, color: 'text-gray-400', bgColor: 'bg-gray-400/10' },
369
- running: {
370
- icon: GitBranch,
371
- color: 'text-blue-400',
372
- bgColor: 'bg-blue-400/10',
373
- animate: true,
374
- },
375
- completed: {
376
- icon: CheckCircle,
377
- color: 'text-success',
378
- bgColor: 'bg-success/10',
379
- },
380
- failed: { icon: XCircle, color: 'text-error', bgColor: 'bg-error/10' },
381
- skipped: {
382
- icon: XCircle,
383
- color: 'text-gray-500',
384
- bgColor: 'bg-gray-500/10',
385
- },
386
- };
387
- &nbsp;
388
- const status = data.<span class="branch-0 cbranch-no" title="branch not covered" >status || 'pending';</span>
389
- const config = statusConfig[status];
390
- const StatusIcon = config.icon;
391
- &nbsp;
392
- return (
393
- &lt;div
394
- className={`control-flow-node if-else-node p-0 ${selected ? 'selected' : ''} ${status === 'running' ? 'running' : ''} ${status === 'completed' ? 'completed' : ''} ${status === 'failed' ? 'failed' : ''}`}
395
- style={{
396
- background: 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)',
397
- }}
398
- &gt;
399
- {/* Input handle */}
400
- &lt;Handle
401
- type="target"
402
- position={Position.Top}
403
- className="!w-3 !h-3 !bg-primary !border-2 !border-node-bg"
404
- /&gt;
405
- &nbsp;
406
- {/* Node header */}
407
- &lt;div className="flex items-center gap-3 p-3 border-b border-white/20"&gt;
408
- &lt;div className="w-8 h-8 rounded-lg bg-white/20 flex items-center justify-center"&gt;
409
- &lt;GitBranch className="w-5 h-5 text-white" /&gt;
410
- &lt;/div&gt;
411
- &lt;div className="flex-1 min-w-0"&gt;
412
- &lt;div className="text-sm font-medium text-white"&gt;
413
- {data.name || 'If/Else'}
414
- &lt;/div&gt;
415
- &lt;div className="text-xs text-white/70"&gt;Conditional&lt;/div&gt;
416
- &lt;/div&gt;
417
- &lt;div
418
- className={`w-6 h-6 rounded-full ${config.bgColor} flex items-center justify-center`}
419
- &gt;
420
- &lt;StatusIcon
421
- className={`w-4 h-4 ${config.color} ${config.animate ? 'animate-pulse' : ''}`}
422
- /&gt;
423
- &lt;/div&gt;
424
- &lt;/div&gt;
425
- &nbsp;
426
- {/* Node body */}
427
- &lt;div className="p-3 bg-white/10"&gt;
428
- &lt;div className="text-xs text-white/90 font-mono mb-3"&gt;
429
- {data.condition || 'No condition set'}
430
- &lt;/div&gt;
431
- &nbsp;
432
- {/* Branch outputs */}
433
- &lt;div className="grid grid-cols-2 gap-2"&gt;
434
- &lt;div
435
- className={`text-center p-2 rounded text-xs font-medium transition-colors relative ${
436
- data.activeBranch === 'then'
437
- ? 'bg-green-500/30 text-green-200 ring-1 ring-green-400/50'
438
- : data.skippedBranch === 'then'
439
- ? 'bg-gray-500/20 text-gray-400'
440
- : 'bg-white/5 text-white/60'
441
- }`}
442
- &gt;
443
- ✓ Then
444
- {data.skippedBranch === 'then' &amp;&amp; (
445
- &lt;span className="absolute -top-1 -right-1 text-[8px] px-1 py-0.5 rounded bg-gray-500/50 text-gray-300"&gt;
446
- SKIP
447
- &lt;/span&gt;
448
- )}
449
- &lt;/div&gt;
450
- &lt;div
451
- className={`text-center p-2 rounded text-xs font-medium transition-colors relative ${
452
- data.activeBranch === 'else'
453
- ? 'bg-red-500/30 text-red-200 ring-1 ring-red-400/50'
454
- : data.skippedBranch === 'else'
455
- ? 'bg-gray-500/20 text-gray-400'
456
- : 'bg-white/5 text-white/60'
457
- }`}
458
- &gt;
459
- ✗ Else
460
- {data.skippedBranch === 'else' &amp;&amp; (
461
- &lt;span className="absolute -top-1 -right-1 text-[8px] px-1 py-0.5 rounded bg-gray-500/50 text-gray-300"&gt;
462
- SKIP
463
- &lt;/span&gt;
464
- )}
465
- &lt;/div&gt;
466
- &lt;/div&gt;
467
- &lt;/div&gt;
468
- &nbsp;
469
- {/* Output handles */}
470
- &lt;Handle
471
- type="source"
472
- position={Position.Bottom}
473
- id="then"
474
- style={{ left: '33%' }}
475
- className="!w-3 !h-3 !bg-green-500 !border-2 !border-node-bg"
476
- /&gt;
477
- &lt;Handle
478
- type="source"
479
- position={Position.Bottom}
480
- id="else"
481
- style={{ left: '67%' }}
482
- className="!w-3 !h-3 !bg-red-500 !border-2 !border-node-bg"
483
- /&gt;
484
- &lt;/div&gt;
485
- );
486
- }
487
- &nbsp;
488
- export const IfElseNode = memo(IfElseNodeComponent);
489
- &nbsp;</pre></td></tr></table></pre>
490
-
491
- <div class='push'></div><!-- for sticky footer -->
492
- </div><!-- /wrapper -->
493
- <div class='footer quiet pad2 space-top1 center small'>
494
- Code coverage generated by
495
- <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
496
- at 2026-02-09T21:07:24.535Z
497
- </div>
498
- <script src="../../../prettify.js"></script>
499
- <script>
500
- window.onload = function () {
501
- prettyPrint();
502
- };
503
- </script>
504
- <script src="../../../sorter.js"></script>
505
- <script src="../../../block-navigation.js"></script>
506
- </body>
507
- </html>
508
-