@marktoflow/gui 2.0.2 → 2.0.3

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 (165) hide show
  1. package/README.md +9 -3
  2. package/coverage/base.css +224 -0
  3. package/coverage/block-navigation.js +87 -0
  4. package/coverage/client/App.tsx.html +2230 -0
  5. package/coverage/client/components/Accessibility/LiveRegion.tsx.html +166 -0
  6. package/coverage/client/components/Accessibility/SkipNav.tsx.html +106 -0
  7. package/coverage/client/components/Accessibility/index.html +131 -0
  8. package/coverage/client/components/Admin/AuditViewer.tsx.html +214 -0
  9. package/coverage/client/components/Admin/EnvironmentSwitcher.tsx.html +187 -0
  10. package/coverage/client/components/Admin/RoleManager.tsx.html +250 -0
  11. package/coverage/client/components/Admin/SecretsVault.tsx.html +241 -0
  12. package/coverage/client/components/Admin/index.html +161 -0
  13. package/coverage/client/components/Canvas/AlignmentTools.tsx.html +694 -0
  14. package/coverage/client/components/Canvas/Canvas.tsx.html +1513 -0
  15. package/coverage/client/components/Canvas/DataPreviewBadge.tsx.html +307 -0
  16. package/coverage/client/components/Canvas/ExecutionInputDialog.tsx.html +769 -0
  17. package/coverage/client/components/Canvas/ExecutionOverlay.tsx.html +2938 -0
  18. package/coverage/client/components/Canvas/ForEachNode.tsx.html +568 -0
  19. package/coverage/client/components/Canvas/GroupNode.tsx.html +421 -0
  20. package/coverage/client/components/Canvas/IfElseNode.tsx.html +508 -0
  21. package/coverage/client/components/Canvas/InlineEditor.tsx.html +472 -0
  22. package/coverage/client/components/Canvas/NodeContextMenu.tsx.html +661 -0
  23. package/coverage/client/components/Canvas/NodeTooltip.tsx.html +316 -0
  24. package/coverage/client/components/Canvas/OutputNode.tsx.html +418 -0
  25. package/coverage/client/components/Canvas/ParallelNode.tsx.html +556 -0
  26. package/coverage/client/components/Canvas/StepNode.tsx.html +463 -0
  27. package/coverage/client/components/Canvas/StickyNoteNode.tsx.html +442 -0
  28. package/coverage/client/components/Canvas/SubWorkflowNode.tsx.html +508 -0
  29. package/coverage/client/components/Canvas/SwitchNode.tsx.html +640 -0
  30. package/coverage/client/components/Canvas/Toolbar.tsx.html +1030 -0
  31. package/coverage/client/components/Canvas/TransformNode.tsx.html +667 -0
  32. package/coverage/client/components/Canvas/TriggerNode.tsx.html +469 -0
  33. package/coverage/client/components/Canvas/TryCatchNode.tsx.html +577 -0
  34. package/coverage/client/components/Canvas/WhileNode.tsx.html +595 -0
  35. package/coverage/client/components/Canvas/index.html +446 -0
  36. package/coverage/client/components/Canvas/index.ts.html +157 -0
  37. package/coverage/client/components/Collaboration/ActivityFeed.tsx.html +253 -0
  38. package/coverage/client/components/Collaboration/CommentThread.tsx.html +397 -0
  39. package/coverage/client/components/Collaboration/LockIndicator.tsx.html +172 -0
  40. package/coverage/client/components/Collaboration/PresenceIndicator.tsx.html +214 -0
  41. package/coverage/client/components/Collaboration/index.html +161 -0
  42. package/coverage/client/components/CommandPalette/CommandItem.tsx.html +313 -0
  43. package/coverage/client/components/CommandPalette/CommandPalette.tsx.html +685 -0
  44. package/coverage/client/components/CommandPalette/index.html +131 -0
  45. package/coverage/client/components/Debug/VariableInspector.tsx.html +529 -0
  46. package/coverage/client/components/Debug/index.html +116 -0
  47. package/coverage/client/components/Editor/InputsEditor.tsx.html +1459 -0
  48. package/coverage/client/components/Editor/NewStepWizard.tsx.html +1117 -0
  49. package/coverage/client/components/Editor/StepEditor.tsx.html +1681 -0
  50. package/coverage/client/components/Editor/YamlEditor.tsx.html +565 -0
  51. package/coverage/client/components/Editor/index.html +161 -0
  52. package/coverage/client/components/Execution/TimelineView.tsx.html +397 -0
  53. package/coverage/client/components/Execution/index.html +116 -0
  54. package/coverage/client/components/Onboarding/OnboardingTour.tsx.html +265 -0
  55. package/coverage/client/components/Onboarding/index.html +116 -0
  56. package/coverage/client/components/Panels/PropertiesPanel.tsx.html +2035 -0
  57. package/coverage/client/components/Panels/ValidationPanel.tsx.html +856 -0
  58. package/coverage/client/components/Panels/index.html +131 -0
  59. package/coverage/client/components/Prompt/ChangePreview.tsx.html +928 -0
  60. package/coverage/client/components/Prompt/PromptHistoryPanel.tsx.html +712 -0
  61. package/coverage/client/components/Prompt/PromptInput.tsx.html +415 -0
  62. package/coverage/client/components/Prompt/index.html +146 -0
  63. package/coverage/client/components/Settings/ProviderSwitcher.tsx.html +1306 -0
  64. package/coverage/client/components/Settings/SettingsPanel.tsx.html +355 -0
  65. package/coverage/client/components/Settings/controls/SettingNumber.tsx.html +211 -0
  66. package/coverage/client/components/Settings/controls/SettingSelect.tsx.html +196 -0
  67. package/coverage/client/components/Settings/controls/SettingToggle.tsx.html +199 -0
  68. package/coverage/client/components/Settings/controls/index.html +146 -0
  69. package/coverage/client/components/Settings/index.html +131 -0
  70. package/coverage/client/components/Settings/sections/AISettings.tsx.html +154 -0
  71. package/coverage/client/components/Settings/sections/CanvasSettings.tsx.html +220 -0
  72. package/coverage/client/components/Settings/sections/EditorSettings.tsx.html +208 -0
  73. package/coverage/client/components/Settings/sections/ExecutionSettings.tsx.html +172 -0
  74. package/coverage/client/components/Settings/sections/GeneralSettings.tsx.html +151 -0
  75. package/coverage/client/components/Settings/sections/NotificationSettings.tsx.html +190 -0
  76. package/coverage/client/components/Settings/sections/index.html +191 -0
  77. package/coverage/client/components/Sidebar/ImportDialog.tsx.html +856 -0
  78. package/coverage/client/components/Sidebar/NewWorkflowDialog.tsx.html +694 -0
  79. package/coverage/client/components/Sidebar/Sidebar.tsx.html +1456 -0
  80. package/coverage/client/components/Sidebar/index.html +146 -0
  81. package/coverage/client/components/Templates/TemplateCard.tsx.html +181 -0
  82. package/coverage/client/components/Templates/TemplateGallery.tsx.html +307 -0
  83. package/coverage/client/components/Templates/index.html +131 -0
  84. package/coverage/client/components/Versions/DiffViewer.tsx.html +220 -0
  85. package/coverage/client/components/Versions/VersionHistory.tsx.html +352 -0
  86. package/coverage/client/components/Versions/index.html +131 -0
  87. package/coverage/client/components/common/Breadcrumb.tsx.html +205 -0
  88. package/coverage/client/components/common/Button.tsx.html +289 -0
  89. package/coverage/client/components/common/ContextMenu.tsx.html +691 -0
  90. package/coverage/client/components/common/KeyboardShortcuts.tsx.html +541 -0
  91. package/coverage/client/components/common/Modal.tsx.html +364 -0
  92. package/coverage/client/components/common/Tabs.tsx.html +256 -0
  93. package/coverage/client/components/common/ThemeToggle.tsx.html +301 -0
  94. package/coverage/client/components/common/index.html +206 -0
  95. package/coverage/client/components/index.html +116 -0
  96. package/coverage/client/components/index.ts.html +181 -0
  97. package/coverage/client/hooks/index.html +176 -0
  98. package/coverage/client/hooks/index.ts.html +97 -0
  99. package/coverage/client/hooks/useAIPrompt.ts.html +409 -0
  100. package/coverage/client/hooks/useCanvas.ts.html +739 -0
  101. package/coverage/client/hooks/useWebSocket.ts.html +580 -0
  102. package/coverage/client/hooks/useWorkflow.ts.html +502 -0
  103. package/coverage/client/index.html +131 -0
  104. package/coverage/client/main.tsx.html +115 -0
  105. package/coverage/client/stores/agentStore.ts.html +421 -0
  106. package/coverage/client/stores/canvasStore.ts.html +1129 -0
  107. package/coverage/client/stores/collaborationStore.ts.html +544 -0
  108. package/coverage/client/stores/commandStore.ts.html +610 -0
  109. package/coverage/client/stores/editorStore.ts.html +484 -0
  110. package/coverage/client/stores/executionStore.ts.html +1594 -0
  111. package/coverage/client/stores/governanceStore.ts.html +493 -0
  112. package/coverage/client/stores/index.html +341 -0
  113. package/coverage/client/stores/index.ts.html +112 -0
  114. package/coverage/client/stores/layoutStore.ts.html +439 -0
  115. package/coverage/client/stores/navigationStore.ts.html +232 -0
  116. package/coverage/client/stores/onboardingStore.ts.html +247 -0
  117. package/coverage/client/stores/promptStore.ts.html +430 -0
  118. package/coverage/client/stores/settingsStore.ts.html +472 -0
  119. package/coverage/client/stores/themeStore.ts.html +271 -0
  120. package/coverage/client/stores/versionStore.ts.html +340 -0
  121. package/coverage/client/stores/workflowStore.ts.html +739 -0
  122. package/coverage/client/utils/applyDagreLayout.ts.html +286 -0
  123. package/coverage/client/utils/cn.ts.html +112 -0
  124. package/coverage/client/utils/index.html +206 -0
  125. package/coverage/client/utils/index.ts.html +97 -0
  126. package/coverage/client/utils/platform.ts.html +223 -0
  127. package/coverage/client/utils/serviceIcons.tsx.html +376 -0
  128. package/coverage/client/utils/stepValidation.ts.html +550 -0
  129. package/coverage/client/utils/workflowToGraph.ts.html +1624 -0
  130. package/coverage/coverage-final.json +107 -0
  131. package/coverage/favicon.png +0 -0
  132. package/coverage/index.html +461 -0
  133. package/coverage/prettify.css +1 -0
  134. package/coverage/prettify.js +2 -0
  135. package/coverage/shared/constants.ts.html +655 -0
  136. package/coverage/shared/index.html +146 -0
  137. package/coverage/shared/settings.ts.html +406 -0
  138. package/coverage/shared/types.ts.html +622 -0
  139. package/coverage/sort-arrow-sprite.png +0 -0
  140. package/coverage/sorter.js +210 -0
  141. package/dist/client/assets/{index-DQeR1ew6.css → index-DipWdkNl.css} +1 -1
  142. package/dist/client/assets/{index-LbIVPHbD.js → index-DtX_BPDj.js} +20 -20
  143. package/dist/client/assets/{index-LbIVPHbD.js.map → index-DtX_BPDj.js.map} +1 -1
  144. package/dist/client/index.html +3 -3
  145. package/dist/server/routes/form.js +27 -1
  146. package/dist/server/routes/form.js.map +1 -1
  147. package/dist/server/services/AIService.js +16 -6
  148. package/dist/server/services/AIService.js.map +1 -1
  149. package/dist/server/services/agents/{claude-code-provider.js → claude-agent-provider.js} +11 -11
  150. package/dist/server/services/agents/claude-agent-provider.js.map +1 -0
  151. package/dist/server/services/agents/claude-provider.js +4 -5
  152. package/dist/server/services/agents/claude-provider.js.map +1 -1
  153. package/dist/server/services/agents/codex-provider.js +5 -6
  154. package/dist/server/services/agents/codex-provider.js.map +1 -1
  155. package/dist/server/services/agents/copilot-provider.js +35 -8
  156. package/dist/server/services/agents/copilot-provider.js.map +1 -1
  157. package/dist/server/services/agents/openai-provider.js +244 -0
  158. package/dist/server/services/agents/openai-provider.js.map +1 -0
  159. package/dist/server/services/agents/opencode-provider.js +258 -0
  160. package/dist/server/services/agents/opencode-provider.js.map +1 -0
  161. package/dist/server/services/agents/registry.js +17 -22
  162. package/dist/server/services/agents/registry.js.map +1 -1
  163. package/index.html +1 -1
  164. package/package.json +3 -3
  165. package/dist/server/services/agents/claude-code-provider.js.map +0 -1
@@ -0,0 +1,769 @@
1
+
2
+ <!doctype html>
3
+ <html lang="en">
4
+
5
+ <head>
6
+ <title>Code coverage report for client/components/Canvas/ExecutionInputDialog.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> ExecutionInputDialog.tsx</h1>
23
+ <div class='clearfix'>
24
+
25
+ <div class='fl pad1y space-right2'>
26
+ <span class="strong">95.37% </span>
27
+ <span class="quiet">Statements</span>
28
+ <span class='fraction'>165/173</span>
29
+ </div>
30
+
31
+
32
+ <div class='fl pad1y space-right2'>
33
+ <span class="strong">82.6% </span>
34
+ <span class="quiet">Branches</span>
35
+ <span class='fraction'>57/69</span>
36
+ </div>
37
+
38
+
39
+ <div class='fl pad1y space-right2'>
40
+ <span class="strong">83.33% </span>
41
+ <span class="quiet">Functions</span>
42
+ <span class='fraction'>5/6</span>
43
+ </div>
44
+
45
+
46
+ <div class='fl pad1y space-right2'>
47
+ <span class="strong">95.37% </span>
48
+ <span class="quiet">Lines</span>
49
+ <span class='fraction'>165/173</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>
208
+ <a name='L143'></a><a href='#L143'>143</a>
209
+ <a name='L144'></a><a href='#L144'>144</a>
210
+ <a name='L145'></a><a href='#L145'>145</a>
211
+ <a name='L146'></a><a href='#L146'>146</a>
212
+ <a name='L147'></a><a href='#L147'>147</a>
213
+ <a name='L148'></a><a href='#L148'>148</a>
214
+ <a name='L149'></a><a href='#L149'>149</a>
215
+ <a name='L150'></a><a href='#L150'>150</a>
216
+ <a name='L151'></a><a href='#L151'>151</a>
217
+ <a name='L152'></a><a href='#L152'>152</a>
218
+ <a name='L153'></a><a href='#L153'>153</a>
219
+ <a name='L154'></a><a href='#L154'>154</a>
220
+ <a name='L155'></a><a href='#L155'>155</a>
221
+ <a name='L156'></a><a href='#L156'>156</a>
222
+ <a name='L157'></a><a href='#L157'>157</a>
223
+ <a name='L158'></a><a href='#L158'>158</a>
224
+ <a name='L159'></a><a href='#L159'>159</a>
225
+ <a name='L160'></a><a href='#L160'>160</a>
226
+ <a name='L161'></a><a href='#L161'>161</a>
227
+ <a name='L162'></a><a href='#L162'>162</a>
228
+ <a name='L163'></a><a href='#L163'>163</a>
229
+ <a name='L164'></a><a href='#L164'>164</a>
230
+ <a name='L165'></a><a href='#L165'>165</a>
231
+ <a name='L166'></a><a href='#L166'>166</a>
232
+ <a name='L167'></a><a href='#L167'>167</a>
233
+ <a name='L168'></a><a href='#L168'>168</a>
234
+ <a name='L169'></a><a href='#L169'>169</a>
235
+ <a name='L170'></a><a href='#L170'>170</a>
236
+ <a name='L171'></a><a href='#L171'>171</a>
237
+ <a name='L172'></a><a href='#L172'>172</a>
238
+ <a name='L173'></a><a href='#L173'>173</a>
239
+ <a name='L174'></a><a href='#L174'>174</a>
240
+ <a name='L175'></a><a href='#L175'>175</a>
241
+ <a name='L176'></a><a href='#L176'>176</a>
242
+ <a name='L177'></a><a href='#L177'>177</a>
243
+ <a name='L178'></a><a href='#L178'>178</a>
244
+ <a name='L179'></a><a href='#L179'>179</a>
245
+ <a name='L180'></a><a href='#L180'>180</a>
246
+ <a name='L181'></a><a href='#L181'>181</a>
247
+ <a name='L182'></a><a href='#L182'>182</a>
248
+ <a name='L183'></a><a href='#L183'>183</a>
249
+ <a name='L184'></a><a href='#L184'>184</a>
250
+ <a name='L185'></a><a href='#L185'>185</a>
251
+ <a name='L186'></a><a href='#L186'>186</a>
252
+ <a name='L187'></a><a href='#L187'>187</a>
253
+ <a name='L188'></a><a href='#L188'>188</a>
254
+ <a name='L189'></a><a href='#L189'>189</a>
255
+ <a name='L190'></a><a href='#L190'>190</a>
256
+ <a name='L191'></a><a href='#L191'>191</a>
257
+ <a name='L192'></a><a href='#L192'>192</a>
258
+ <a name='L193'></a><a href='#L193'>193</a>
259
+ <a name='L194'></a><a href='#L194'>194</a>
260
+ <a name='L195'></a><a href='#L195'>195</a>
261
+ <a name='L196'></a><a href='#L196'>196</a>
262
+ <a name='L197'></a><a href='#L197'>197</a>
263
+ <a name='L198'></a><a href='#L198'>198</a>
264
+ <a name='L199'></a><a href='#L199'>199</a>
265
+ <a name='L200'></a><a href='#L200'>200</a>
266
+ <a name='L201'></a><a href='#L201'>201</a>
267
+ <a name='L202'></a><a href='#L202'>202</a>
268
+ <a name='L203'></a><a href='#L203'>203</a>
269
+ <a name='L204'></a><a href='#L204'>204</a>
270
+ <a name='L205'></a><a href='#L205'>205</a>
271
+ <a name='L206'></a><a href='#L206'>206</a>
272
+ <a name='L207'></a><a href='#L207'>207</a>
273
+ <a name='L208'></a><a href='#L208'>208</a>
274
+ <a name='L209'></a><a href='#L209'>209</a>
275
+ <a name='L210'></a><a href='#L210'>210</a>
276
+ <a name='L211'></a><a href='#L211'>211</a>
277
+ <a name='L212'></a><a href='#L212'>212</a>
278
+ <a name='L213'></a><a href='#L213'>213</a>
279
+ <a name='L214'></a><a href='#L214'>214</a>
280
+ <a name='L215'></a><a href='#L215'>215</a>
281
+ <a name='L216'></a><a href='#L216'>216</a>
282
+ <a name='L217'></a><a href='#L217'>217</a>
283
+ <a name='L218'></a><a href='#L218'>218</a>
284
+ <a name='L219'></a><a href='#L219'>219</a>
285
+ <a name='L220'></a><a href='#L220'>220</a>
286
+ <a name='L221'></a><a href='#L221'>221</a>
287
+ <a name='L222'></a><a href='#L222'>222</a>
288
+ <a name='L223'></a><a href='#L223'>223</a>
289
+ <a name='L224'></a><a href='#L224'>224</a>
290
+ <a name='L225'></a><a href='#L225'>225</a>
291
+ <a name='L226'></a><a href='#L226'>226</a>
292
+ <a name='L227'></a><a href='#L227'>227</a>
293
+ <a name='L228'></a><a href='#L228'>228</a>
294
+ <a name='L229'></a><a href='#L229'>229</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
295
+ <span class="cline-any cline-neutral">&nbsp;</span>
296
+ <span class="cline-any cline-neutral">&nbsp;</span>
297
+ <span class="cline-any cline-neutral">&nbsp;</span>
298
+ <span class="cline-any cline-neutral">&nbsp;</span>
299
+ <span class="cline-any cline-neutral">&nbsp;</span>
300
+ <span class="cline-any cline-neutral">&nbsp;</span>
301
+ <span class="cline-any cline-neutral">&nbsp;</span>
302
+ <span class="cline-any cline-neutral">&nbsp;</span>
303
+ <span class="cline-any cline-neutral">&nbsp;</span>
304
+ <span class="cline-any cline-neutral">&nbsp;</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-yes">29x</span>
308
+ <span class="cline-any cline-yes">29x</span>
309
+ <span class="cline-any cline-yes">29x</span>
310
+ <span class="cline-any cline-yes">29x</span>
311
+ <span class="cline-any cline-yes">29x</span>
312
+ <span class="cline-any cline-yes">29x</span>
313
+ <span class="cline-any cline-yes">29x</span>
314
+ <span class="cline-any cline-neutral">&nbsp;</span>
315
+ <span class="cline-any cline-yes">15x</span>
316
+ <span class="cline-any cline-yes">15x</span>
317
+ <span class="cline-any cline-yes">15x</span>
318
+ <span class="cline-any cline-yes">15x</span>
319
+ <span class="cline-any cline-yes">15x</span>
320
+ <span class="cline-any cline-yes">29x</span>
321
+ <span class="cline-any cline-neutral">&nbsp;</span>
322
+ <span class="cline-any cline-yes">29x</span>
323
+ <span class="cline-any cline-neutral">&nbsp;</span>
324
+ <span class="cline-any cline-yes">29x</span>
325
+ <span class="cline-any cline-yes">6x</span>
326
+ <span class="cline-any cline-neutral">&nbsp;</span>
327
+ <span class="cline-any cline-yes">6x</span>
328
+ <span class="cline-any cline-yes">9x</span>
329
+ <span class="cline-any cline-neutral">&nbsp;</span>
330
+ <span class="cline-any cline-neutral">&nbsp;</span>
331
+ <span class="cline-any cline-yes">9x</span>
332
+ <span class="cline-any cline-yes">2x</span>
333
+ <span class="cline-any cline-yes">2x</span>
334
+ <span class="cline-any cline-yes">2x</span>
335
+ <span class="cline-any cline-neutral">&nbsp;</span>
336
+ <span class="cline-any cline-neutral">&nbsp;</span>
337
+ <span class="cline-any cline-yes">9x</span>
338
+ <span class="cline-any cline-yes">6x</span>
339
+ <span class="cline-any cline-yes">6x</span>
340
+ <span class="cline-any cline-yes">2x</span>
341
+ <span class="cline-any cline-no">&nbsp;</span>
342
+ <span class="cline-any cline-no">&nbsp;</span>
343
+ <span class="cline-any cline-yes">2x</span>
344
+ <span class="cline-any cline-yes">6x</span>
345
+ <span class="cline-any cline-yes">1x</span>
346
+ <span class="cline-any cline-no">&nbsp;</span>
347
+ <span class="cline-any cline-no">&nbsp;</span>
348
+ <span class="cline-any cline-yes">1x</span>
349
+ <span class="cline-any cline-yes">6x</span>
350
+ <span class="cline-any cline-yes">6x</span>
351
+ <span class="cline-any cline-neutral">&nbsp;</span>
352
+ <span class="cline-any cline-neutral">&nbsp;</span>
353
+ <span class="cline-any cline-yes">9x</span>
354
+ <span class="cline-any cline-yes">1x</span>
355
+ <span class="cline-any cline-yes">1x</span>
356
+ <span class="cline-any cline-yes">1x</span>
357
+ <span class="cline-any cline-yes">1x</span>
358
+ <span class="cline-any cline-yes">1x</span>
359
+ <span class="cline-any cline-yes">1x</span>
360
+ <span class="cline-any cline-no">&nbsp;</span>
361
+ <span class="cline-any cline-no">&nbsp;</span>
362
+ <span class="cline-any cline-yes">1x</span>
363
+ <span class="cline-any cline-yes">6x</span>
364
+ <span class="cline-any cline-neutral">&nbsp;</span>
365
+ <span class="cline-any cline-yes">6x</span>
366
+ <span class="cline-any cline-yes">6x</span>
367
+ <span class="cline-any cline-yes">29x</span>
368
+ <span class="cline-any cline-neutral">&nbsp;</span>
369
+ <span class="cline-any cline-yes">29x</span>
370
+ <span class="cline-any cline-yes">6x</span>
371
+ <span class="cline-any cline-yes">3x</span>
372
+ <span class="cline-any cline-yes">3x</span>
373
+ <span class="cline-any cline-neutral">&nbsp;</span>
374
+ <span class="cline-any cline-neutral">&nbsp;</span>
375
+ <span class="cline-any cline-yes">3x</span>
376
+ <span class="cline-any cline-yes">3x</span>
377
+ <span class="cline-any cline-yes">6x</span>
378
+ <span class="cline-any cline-yes">6x</span>
379
+ <span class="cline-any cline-neutral">&nbsp;</span>
380
+ <span class="cline-any cline-no">&nbsp;</span>
381
+ <span class="cline-any cline-no">&nbsp;</span>
382
+ <span class="cline-any cline-yes">6x</span>
383
+ <span class="cline-any cline-yes">1x</span>
384
+ <span class="cline-any cline-yes">1x</span>
385
+ <span class="cline-any cline-neutral">&nbsp;</span>
386
+ <span class="cline-any cline-yes">5x</span>
387
+ <span class="cline-any cline-yes">6x</span>
388
+ <span class="cline-any cline-yes">2x</span>
389
+ <span class="cline-any cline-yes">2x</span>
390
+ <span class="cline-any cline-yes">6x</span>
391
+ <span class="cline-any cline-yes">1x</span>
392
+ <span class="cline-any cline-yes">1x</span>
393
+ <span class="cline-any cline-yes">6x</span>
394
+ <span class="cline-any cline-yes">2x</span>
395
+ <span class="cline-any cline-yes">6x</span>
396
+ <span class="cline-any cline-yes">3x</span>
397
+ <span class="cline-any cline-neutral">&nbsp;</span>
398
+ <span class="cline-any cline-yes">3x</span>
399
+ <span class="cline-any cline-yes">3x</span>
400
+ <span class="cline-any cline-yes">29x</span>
401
+ <span class="cline-any cline-neutral">&nbsp;</span>
402
+ <span class="cline-any cline-yes">29x</span>
403
+ <span class="cline-any cline-yes">8x</span>
404
+ <span class="cline-any cline-yes">8x</span>
405
+ <span class="cline-any cline-yes">8x</span>
406
+ <span class="cline-any cline-yes">8x</span>
407
+ <span class="cline-any cline-yes">8x</span>
408
+ <span class="cline-any cline-yes">8x</span>
409
+ <span class="cline-any cline-yes">29x</span>
410
+ <span class="cline-any cline-neutral">&nbsp;</span>
411
+ <span class="cline-any cline-yes">29x</span>
412
+ <span class="cline-any cline-neutral">&nbsp;</span>
413
+ <span class="cline-any cline-yes">28x</span>
414
+ <span class="cline-any cline-neutral">&nbsp;</span>
415
+ <span class="cline-any cline-yes">28x</span>
416
+ <span class="cline-any cline-yes">28x</span>
417
+ <span class="cline-any cline-neutral">&nbsp;</span>
418
+ <span class="cline-any cline-yes">28x</span>
419
+ <span class="cline-any cline-yes">28x</span>
420
+ <span class="cline-any cline-yes">28x</span>
421
+ <span class="cline-any cline-yes">28x</span>
422
+ <span class="cline-any cline-neutral">&nbsp;</span>
423
+ <span class="cline-any cline-neutral">&nbsp;</span>
424
+ <span class="cline-any cline-yes">28x</span>
425
+ <span class="cline-any cline-yes">28x</span>
426
+ <span class="cline-any cline-neutral">&nbsp;</span>
427
+ <span class="cline-any cline-yes">28x</span>
428
+ <span class="cline-any cline-yes">28x</span>
429
+ <span class="cline-any cline-yes">28x</span>
430
+ <span class="cline-any cline-yes">28x</span>
431
+ <span class="cline-any cline-yes">28x</span>
432
+ <span class="cline-any cline-yes">28x</span>
433
+ <span class="cline-any cline-yes">28x</span>
434
+ <span class="cline-any cline-yes">28x</span>
435
+ <span class="cline-any cline-yes">28x</span>
436
+ <span class="cline-any cline-neutral">&nbsp;</span>
437
+ <span class="cline-any cline-yes">28x</span>
438
+ <span class="cline-any cline-yes">28x</span>
439
+ <span class="cline-any cline-yes">28x</span>
440
+ <span class="cline-any cline-neutral">&nbsp;</span>
441
+ <span class="cline-any cline-neutral">&nbsp;</span>
442
+ <span class="cline-any cline-yes">28x</span>
443
+ <span class="cline-any cline-yes">28x</span>
444
+ <span class="cline-any cline-yes">4x</span>
445
+ <span class="cline-any cline-neutral">&nbsp;</span>
446
+ <span class="cline-any cline-yes">4x</span>
447
+ <span class="cline-any cline-neutral">&nbsp;</span>
448
+ <span class="cline-any cline-yes">24x</span>
449
+ <span class="cline-any cline-yes">39x</span>
450
+ <span class="cline-any cline-yes">39x</span>
451
+ <span class="cline-any cline-yes">39x</span>
452
+ <span class="cline-any cline-yes">39x</span>
453
+ <span class="cline-any cline-yes">39x</span>
454
+ <span class="cline-any cline-neutral">&nbsp;</span>
455
+ <span class="cline-any cline-yes">39x</span>
456
+ <span class="cline-any cline-yes">8x</span>
457
+ <span class="cline-any cline-yes">8x</span>
458
+ <span class="cline-any cline-yes">8x</span>
459
+ <span class="cline-any cline-yes">8x</span>
460
+ <span class="cline-any cline-yes">8x</span>
461
+ <span class="cline-any cline-yes">8x</span>
462
+ <span class="cline-any cline-yes">8x</span>
463
+ <span class="cline-any cline-yes">8x</span>
464
+ <span class="cline-any cline-yes">8x</span>
465
+ <span class="cline-any cline-yes">8x</span>
466
+ <span class="cline-any cline-yes">8x</span>
467
+ <span class="cline-any cline-neutral">&nbsp;</span>
468
+ <span class="cline-any cline-yes">31x</span>
469
+ <span class="cline-any cline-yes">31x</span>
470
+ <span class="cline-any cline-yes">31x</span>
471
+ <span class="cline-any cline-yes">31x</span>
472
+ <span class="cline-any cline-yes">31x</span>
473
+ <span class="cline-any cline-yes">31x</span>
474
+ <span class="cline-any cline-yes">31x</span>
475
+ <span class="cline-any cline-yes">3x</span>
476
+ <span class="cline-any cline-yes">28x</span>
477
+ <span class="cline-any cline-yes">31x</span>
478
+ <span class="cline-any cline-yes">31x</span>
479
+ <span class="cline-any cline-neutral">&nbsp;</span>
480
+ <span class="cline-any cline-neutral">&nbsp;</span>
481
+ <span class="cline-any cline-yes">39x</span>
482
+ <span class="cline-any cline-yes">3x</span>
483
+ <span class="cline-any cline-yes">3x</span>
484
+ <span class="cline-any cline-yes">3x</span>
485
+ <span class="cline-any cline-yes">3x</span>
486
+ <span class="cline-any cline-neutral">&nbsp;</span>
487
+ <span class="cline-any cline-neutral">&nbsp;</span>
488
+ <span class="cline-any cline-yes">39x</span>
489
+ <span class="cline-any cline-yes">2x</span>
490
+ <span class="cline-any cline-neutral">&nbsp;</span>
491
+ <span class="cline-any cline-yes">39x</span>
492
+ <span class="cline-any cline-yes">24x</span>
493
+ <span class="cline-any cline-neutral">&nbsp;</span>
494
+ <span class="cline-any cline-yes">29x</span>
495
+ <span class="cline-any cline-neutral">&nbsp;</span>
496
+ <span class="cline-any cline-neutral">&nbsp;</span>
497
+ <span class="cline-any cline-yes">29x</span>
498
+ <span class="cline-any cline-yes">29x</span>
499
+ <span class="cline-any cline-yes">29x</span>
500
+ <span class="cline-any cline-yes">29x</span>
501
+ <span class="cline-any cline-yes">29x</span>
502
+ <span class="cline-any cline-yes">29x</span>
503
+ <span class="cline-any cline-yes">29x</span>
504
+ <span class="cline-any cline-yes">29x</span>
505
+ <span class="cline-any cline-yes">29x</span>
506
+ <span class="cline-any cline-neutral">&nbsp;</span>
507
+ <span class="cline-any cline-yes">29x</span>
508
+ <span class="cline-any cline-yes">29x</span>
509
+ <span class="cline-any cline-yes">29x</span>
510
+ <span class="cline-any cline-yes">29x</span>
511
+ <span class="cline-any cline-neutral">&nbsp;</span>
512
+ <span class="cline-any cline-yes">29x</span>
513
+ <span class="cline-any cline-neutral">&nbsp;</span>
514
+ <span class="cline-any cline-yes">29x</span>
515
+ <span class="cline-any cline-yes">29x</span>
516
+ <span class="cline-any cline-yes">29x</span>
517
+ <span class="cline-any cline-yes">29x</span>
518
+ <span class="cline-any cline-yes">29x</span>
519
+ <span class="cline-any cline-yes">29x</span>
520
+ <span class="cline-any cline-neutral">&nbsp;</span>
521
+ <span class="cline-any cline-yes">29x</span>
522
+ <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import { useState, useCallback } from 'react';
523
+ import { X, Play, AlertCircle } from 'lucide-react';
524
+ import type { WorkflowInput } from '@shared/types';
525
+ &nbsp;
526
+ interface ExecutionInputDialogProps {
527
+ open: boolean;
528
+ onOpenChange: (open: boolean) =&gt; void;
529
+ inputs: Record&lt;string, WorkflowInput&gt;;
530
+ onExecute: (inputs: Record&lt;string, any&gt;) =&gt; void;
531
+ workflowName?: string;
532
+ }
533
+ &nbsp;
534
+ export function ExecutionInputDialog({
535
+ open,
536
+ onOpenChange,
537
+ inputs,
538
+ onExecute,
539
+ workflowName = 'Workflow',
540
+ }: ExecutionInputDialogProps) {
541
+ const [values, setValues] = useState&lt;Record&lt;string, any&gt;&gt;(() =&gt; {
542
+ // Initialize with default values
543
+ const initial: Record&lt;string, any&gt; = {};
544
+ Object.entries(inputs).forEach(([key, config]) =&gt; {
545
+ initial[key] = config.default ?? '';
546
+ });
547
+ return initial;
548
+ });
549
+ &nbsp;
550
+ const [errors, setErrors] = useState&lt;Record&lt;string, string&gt;&gt;({});
551
+ &nbsp;
552
+ const validateInputs = useCallback(() =&gt; {
553
+ const newErrors: Record&lt;string, string&gt; = {};
554
+ &nbsp;
555
+ Object.entries(inputs).forEach(([key, config]) =&gt; {
556
+ const value = values[key];
557
+ &nbsp;
558
+ // Check required fields
559
+ if (config.required &amp;&amp; (value === '' || value === null || value === undefined)) {
560
+ newErrors[key] = `${config.<span class="branch-0 cbranch-no" title="branch not covered" >description || key}</span> is required`;
561
+ return;
562
+ }
563
+ &nbsp;
564
+ // Validate type
565
+ if (value !== '' &amp;&amp; value !== null &amp;&amp; value !== undefined) {
566
+ switch (config.type) {
567
+ case 'number':
568
+ if (isNaN(Number(value))) <span class="branch-0 cbranch-no" title="branch not covered" >{</span>
569
+ <span class="cstat-no" title="statement not covered" > newErrors[key] = 'Must be a valid number';</span>
570
+ <span class="cstat-no" title="statement not covered" > }</span>
571
+ break;
572
+ case 'boolean':
573
+ if (typeof value !== <span class="branch-0 cbranch-no" title="branch not covered" >'boolean' &amp;&amp; value !== <span class="branch-0 cbranch-no" title="branch not covered" >'true' &amp;&amp; v</span>alue !== 'false') <span class="branch-0 cbranch-no" title="branch not covered" >{</span></span>
574
+ <span class="cstat-no" title="statement not covered" > newErrors[key] = 'Must be true or false';</span>
575
+ <span class="cstat-no" title="statement not covered" > }</span>
576
+ break;
577
+ }
578
+ }
579
+ &nbsp;
580
+ // Custom validation pattern
581
+ if (config.validation?.pattern &amp;&amp; value) {
582
+ try {
583
+ const regex = new RegExp(config.validation.pattern);
584
+ if (!regex.test(String(value))) {
585
+ newErrors[key] = config.validation.<span class="branch-0 cbranch-no" title="branch not covered" >message || 'Invalid format';</span>
586
+ }
587
+ <span class="branch-0 cbranch-no" title="branch not covered" > } catch (e) {</span>
588
+ <span class="cstat-no" title="statement not covered" > console.warn('Invalid regex pattern:', config.validation.pattern);</span>
589
+ <span class="cstat-no" title="statement not covered" > }</span>
590
+ }
591
+ });
592
+ &nbsp;
593
+ setErrors(newErrors);
594
+ return Object.keys(newErrors).length === 0;
595
+ }, [inputs, values]);
596
+ &nbsp;
597
+ const handleExecute = useCallback(() =&gt; {
598
+ if (!validateInputs()) {
599
+ return;
600
+ }
601
+ &nbsp;
602
+ // Convert values to appropriate types
603
+ const convertedValues: Record&lt;string, any&gt; = {};
604
+ Object.entries(values).forEach(([key, value]) =&gt; {
605
+ const config = inputs[key];
606
+ if (!config) <span class="branch-0 cbranch-no" title="branch not covered" >{</span>
607
+ // Skip values without corresponding input config
608
+ <span class="cstat-no" title="statement not covered" > return;</span>
609
+ <span class="cstat-no" title="statement not covered" > }</span>
610
+ if (value === '' &amp;&amp; !config.required) {
611
+ return; // Skip optional empty values
612
+ }
613
+ &nbsp;
614
+ switch (config.type) {
615
+ case 'number':
616
+ convertedValues[key] = Number(value);
617
+ break;
618
+ case 'boolean':
619
+ convertedValues[key] = value === <span class="branch-0 cbranch-no" title="branch not covered" >true || value === 'true';</span>
620
+ break;
621
+ default:
622
+ convertedValues[key] = value;
623
+ }
624
+ });
625
+ &nbsp;
626
+ onExecute(convertedValues);
627
+ onOpenChange(false);
628
+ }, [validateInputs, values, inputs, onExecute, onOpenChange]);
629
+ &nbsp;
630
+ const handleChange = useCallback((key: string, value: any) =&gt; {
631
+ setValues((prev) =&gt; ({ ...prev, [key]: value }));
632
+ setErrors((prev) =&gt; {
633
+ const newErrors = { ...prev };
634
+ delete newErrors[key];
635
+ return newErrors;
636
+ });
637
+ }, []);
638
+ &nbsp;
639
+ if (!open) return null;
640
+ &nbsp;
641
+ const hasRequiredInputs = Object.values(inputs).some((config) =&gt; config.required);
642
+ &nbsp;
643
+ return (
644
+ &lt;&gt;
645
+ {/* Backdrop */}
646
+ &lt;div
647
+ className="fixed inset-0 bg-black/60 z-modal-backdrop backdrop-blur-sm"
648
+ onClick={() =&gt; onOpenChange(false)}
649
+ /&gt;
650
+ &nbsp;
651
+ {/* Dialog */}
652
+ &lt;div className="fixed inset-0 flex items-center justify-center z-modal p-4"&gt;
653
+ &lt;div className="bg-bg-elevated border border-border-default rounded-xl shadow-xl max-w-lg w-full max-h-[80vh] flex flex-col animate-fade-in"&gt;
654
+ {/* Header */}
655
+ &lt;div className="flex items-center justify-between p-6 border-b border-border-subtle"&gt;
656
+ &lt;div&gt;
657
+ &lt;h2 className="text-lg font-semibold text-text-primary"&gt;Execute Workflow&lt;/h2&gt;
658
+ &lt;p className="text-sm text-text-secondary mt-1"&gt;{workflowName}&lt;/p&gt;
659
+ &lt;/div&gt;
660
+ &lt;button
661
+ onClick={<span class="fstat-no" title="function not covered" >() =&gt; onOpenChange(false)}</span>
662
+ className="w-8 h-8 rounded-lg flex items-center justify-center hover:bg-bg-hover transition-colors text-text-secondary"
663
+ aria-label="Close dialog"
664
+ &gt;
665
+ &lt;X className="w-4 h-4" /&gt;
666
+ &lt;/button&gt;
667
+ &lt;/div&gt;
668
+ &nbsp;
669
+ {/* Content */}
670
+ &lt;div className="flex-1 overflow-y-auto p-6 space-y-4"&gt;
671
+ {Object.keys(inputs).length === 0 ? (
672
+ &lt;div className="text-center py-8 text-text-muted"&gt;
673
+ This workflow has no input parameters
674
+ &lt;/div&gt;
675
+ ) : (
676
+ Object.entries(inputs).map(([key, config]) =&gt; (
677
+ &lt;div key={key}&gt;
678
+ &lt;label className="block text-sm font-medium text-text-primary mb-2"&gt;
679
+ {config.<span class="branch-0 cbranch-no" title="branch not covered" >description || key}</span>
680
+ {config.required &amp;&amp; &lt;span className="text-error ml-1"&gt;*&lt;/span&gt;}
681
+ &lt;/label&gt;
682
+ &nbsp;
683
+ {config.type === 'boolean' ? (
684
+ &lt;label className="flex items-center gap-2 cursor-pointer"&gt;
685
+ &lt;input
686
+ type="checkbox"
687
+ checked={values[key] === true || values[key] === 'true'}
688
+ onChange={(e) =&gt; handleChange(key, e.target.checked)}
689
+ className="w-4 h-4 rounded border-border-default bg-bg-surface text-accent focus:ring-2 focus:ring-accent/50"
690
+ /&gt;
691
+ &lt;span className="text-sm text-text-secondary"&gt;
692
+ {config.<span class="branch-0 cbranch-no" title="branch not covered" >description || 'Enable this option'}</span>
693
+ &lt;/span&gt;
694
+ &lt;/label&gt;
695
+ ) : (
696
+ &lt;input
697
+ type={config.type === 'number' ? 'number' : 'text'}
698
+ value={values[key<span class="branch-0 cbranch-no" title="branch not covered" >] ?? ''}</span>
699
+ onChange={(e) =&gt; handleChange(key, e.target.value)}
700
+ placeholder={config.default !== undefined ? String(config.default) : ''}
701
+ className={`w-full px-3 py-2 bg-bg-surface border rounded-lg text-sm text-text-primary placeholder-text-muted focus:outline-none focus:ring-2 transition-colors ${
702
+ errors[key]
703
+ ? 'border-error focus:ring-error/50'
704
+ : 'border-border-default focus:ring-accent/50'
705
+ }`}
706
+ /&gt;
707
+ )}
708
+ &nbsp;
709
+ {errors[key] &amp;&amp; (
710
+ &lt;div className="flex items-center gap-1.5 mt-1.5 text-xs text-error"&gt;
711
+ &lt;AlertCircle className="w-3 h-3" /&gt;
712
+ &lt;span&gt;{errors[key]}&lt;/span&gt;
713
+ &lt;/div&gt;
714
+ )}
715
+ &nbsp;
716
+ {!errors[key] &amp;&amp; config.validation?.message &amp;&amp; (
717
+ &lt;p className="text-xs text-text-muted mt-1.5"&gt;{config.validation.message}&lt;/p&gt;
718
+ )}
719
+ &lt;/div&gt;
720
+ ))
721
+ )}
722
+ &lt;/div&gt;
723
+ &nbsp;
724
+ {/* Footer */}
725
+ &lt;div className="flex items-center justify-between p-6 border-t border-border-subtle"&gt;
726
+ &lt;div className="text-xs text-text-muted"&gt;
727
+ {hasRequiredInputs &amp;&amp; &lt;span&gt;* Required field&lt;/span&gt;}
728
+ &lt;/div&gt;
729
+ &lt;div className="flex gap-3"&gt;
730
+ &lt;button
731
+ onClick={() =&gt; onOpenChange(false)}
732
+ className="px-4 py-2 bg-bg-surface border border-border-default hover:bg-bg-hover text-text-primary rounded-lg text-sm font-medium transition-colors"
733
+ &gt;
734
+ Cancel
735
+ &lt;/button&gt;
736
+ &lt;button
737
+ onClick={handleExecute}
738
+ className="px-4 py-2 bg-accent hover:bg-accent-hover text-text-inverse rounded-lg text-sm font-medium transition-colors flex items-center gap-2"
739
+ &gt;
740
+ &lt;Play className="w-4 h-4" /&gt;
741
+ Execute
742
+ &lt;/button&gt;
743
+ &lt;/div&gt;
744
+ &lt;/div&gt;
745
+ &lt;/div&gt;
746
+ &lt;/div&gt;
747
+ &lt;/&gt;
748
+ );
749
+ }
750
+ &nbsp;</pre></td></tr></table></pre>
751
+
752
+ <div class='push'></div><!-- for sticky footer -->
753
+ </div><!-- /wrapper -->
754
+ <div class='footer quiet pad2 space-top1 center small'>
755
+ Code coverage generated by
756
+ <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
757
+ at 2026-02-09T21:07:24.535Z
758
+ </div>
759
+ <script src="../../../prettify.js"></script>
760
+ <script>
761
+ window.onload = function () {
762
+ prettyPrint();
763
+ };
764
+ </script>
765
+ <script src="../../../sorter.js"></script>
766
+ <script src="../../../block-navigation.js"></script>
767
+ </body>
768
+ </html>
769
+