@marktoflow/gui 2.0.3 → 2.0.4-alpha.1

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 (159) hide show
  1. package/README.md +5 -3
  2. package/dist/client/assets/index-DqVkoerZ.js +838 -0
  3. package/dist/client/assets/index-DqVkoerZ.js.map +1 -0
  4. package/dist/client/assets/{index-DipWdkNl.css → index-eEWndJyn.css} +1 -1
  5. package/dist/client/index.html +2 -2
  6. package/dist/server/routes/execute.js +43 -8
  7. package/dist/server/routes/execute.js.map +1 -1
  8. package/dist/server/routes/tools.js +30 -884
  9. package/dist/server/routes/tools.js.map +1 -1
  10. package/dist/server/routes/workflows.js +24 -5
  11. package/dist/server/routes/workflows.js.map +1 -1
  12. package/dist/server/services/WorkflowService.js +15 -6
  13. package/dist/server/services/WorkflowService.js.map +1 -1
  14. package/dist/server/services/agents/openai-provider.js +31 -1
  15. package/dist/server/services/agents/openai-provider.js.map +1 -1
  16. package/dist/shared/constants.js +42 -0
  17. package/dist/shared/constants.js.map +1 -1
  18. package/package.json +21 -6
  19. package/coverage/base.css +0 -224
  20. package/coverage/block-navigation.js +0 -87
  21. package/coverage/client/App.tsx.html +0 -2230
  22. package/coverage/client/components/Accessibility/LiveRegion.tsx.html +0 -166
  23. package/coverage/client/components/Accessibility/SkipNav.tsx.html +0 -106
  24. package/coverage/client/components/Accessibility/index.html +0 -131
  25. package/coverage/client/components/Admin/AuditViewer.tsx.html +0 -214
  26. package/coverage/client/components/Admin/EnvironmentSwitcher.tsx.html +0 -187
  27. package/coverage/client/components/Admin/RoleManager.tsx.html +0 -250
  28. package/coverage/client/components/Admin/SecretsVault.tsx.html +0 -241
  29. package/coverage/client/components/Admin/index.html +0 -161
  30. package/coverage/client/components/Canvas/AlignmentTools.tsx.html +0 -694
  31. package/coverage/client/components/Canvas/Canvas.tsx.html +0 -1513
  32. package/coverage/client/components/Canvas/DataPreviewBadge.tsx.html +0 -307
  33. package/coverage/client/components/Canvas/ExecutionInputDialog.tsx.html +0 -769
  34. package/coverage/client/components/Canvas/ExecutionOverlay.tsx.html +0 -2938
  35. package/coverage/client/components/Canvas/ForEachNode.tsx.html +0 -568
  36. package/coverage/client/components/Canvas/GroupNode.tsx.html +0 -421
  37. package/coverage/client/components/Canvas/IfElseNode.tsx.html +0 -508
  38. package/coverage/client/components/Canvas/InlineEditor.tsx.html +0 -472
  39. package/coverage/client/components/Canvas/NodeContextMenu.tsx.html +0 -661
  40. package/coverage/client/components/Canvas/NodeTooltip.tsx.html +0 -316
  41. package/coverage/client/components/Canvas/OutputNode.tsx.html +0 -418
  42. package/coverage/client/components/Canvas/ParallelNode.tsx.html +0 -556
  43. package/coverage/client/components/Canvas/StepNode.tsx.html +0 -463
  44. package/coverage/client/components/Canvas/StickyNoteNode.tsx.html +0 -442
  45. package/coverage/client/components/Canvas/SubWorkflowNode.tsx.html +0 -508
  46. package/coverage/client/components/Canvas/SwitchNode.tsx.html +0 -640
  47. package/coverage/client/components/Canvas/Toolbar.tsx.html +0 -1030
  48. package/coverage/client/components/Canvas/TransformNode.tsx.html +0 -667
  49. package/coverage/client/components/Canvas/TriggerNode.tsx.html +0 -469
  50. package/coverage/client/components/Canvas/TryCatchNode.tsx.html +0 -577
  51. package/coverage/client/components/Canvas/WhileNode.tsx.html +0 -595
  52. package/coverage/client/components/Canvas/index.html +0 -446
  53. package/coverage/client/components/Canvas/index.ts.html +0 -157
  54. package/coverage/client/components/Collaboration/ActivityFeed.tsx.html +0 -253
  55. package/coverage/client/components/Collaboration/CommentThread.tsx.html +0 -397
  56. package/coverage/client/components/Collaboration/LockIndicator.tsx.html +0 -172
  57. package/coverage/client/components/Collaboration/PresenceIndicator.tsx.html +0 -214
  58. package/coverage/client/components/Collaboration/index.html +0 -161
  59. package/coverage/client/components/CommandPalette/CommandItem.tsx.html +0 -313
  60. package/coverage/client/components/CommandPalette/CommandPalette.tsx.html +0 -685
  61. package/coverage/client/components/CommandPalette/index.html +0 -131
  62. package/coverage/client/components/Debug/VariableInspector.tsx.html +0 -529
  63. package/coverage/client/components/Debug/index.html +0 -116
  64. package/coverage/client/components/Editor/InputsEditor.tsx.html +0 -1459
  65. package/coverage/client/components/Editor/NewStepWizard.tsx.html +0 -1117
  66. package/coverage/client/components/Editor/StepEditor.tsx.html +0 -1681
  67. package/coverage/client/components/Editor/YamlEditor.tsx.html +0 -565
  68. package/coverage/client/components/Editor/index.html +0 -161
  69. package/coverage/client/components/Execution/TimelineView.tsx.html +0 -397
  70. package/coverage/client/components/Execution/index.html +0 -116
  71. package/coverage/client/components/Onboarding/OnboardingTour.tsx.html +0 -265
  72. package/coverage/client/components/Onboarding/index.html +0 -116
  73. package/coverage/client/components/Panels/PropertiesPanel.tsx.html +0 -2035
  74. package/coverage/client/components/Panels/ValidationPanel.tsx.html +0 -856
  75. package/coverage/client/components/Panels/index.html +0 -131
  76. package/coverage/client/components/Prompt/ChangePreview.tsx.html +0 -928
  77. package/coverage/client/components/Prompt/PromptHistoryPanel.tsx.html +0 -712
  78. package/coverage/client/components/Prompt/PromptInput.tsx.html +0 -415
  79. package/coverage/client/components/Prompt/index.html +0 -146
  80. package/coverage/client/components/Settings/ProviderSwitcher.tsx.html +0 -1306
  81. package/coverage/client/components/Settings/SettingsPanel.tsx.html +0 -355
  82. package/coverage/client/components/Settings/controls/SettingNumber.tsx.html +0 -211
  83. package/coverage/client/components/Settings/controls/SettingSelect.tsx.html +0 -196
  84. package/coverage/client/components/Settings/controls/SettingToggle.tsx.html +0 -199
  85. package/coverage/client/components/Settings/controls/index.html +0 -146
  86. package/coverage/client/components/Settings/index.html +0 -131
  87. package/coverage/client/components/Settings/sections/AISettings.tsx.html +0 -154
  88. package/coverage/client/components/Settings/sections/CanvasSettings.tsx.html +0 -220
  89. package/coverage/client/components/Settings/sections/EditorSettings.tsx.html +0 -208
  90. package/coverage/client/components/Settings/sections/ExecutionSettings.tsx.html +0 -172
  91. package/coverage/client/components/Settings/sections/GeneralSettings.tsx.html +0 -151
  92. package/coverage/client/components/Settings/sections/NotificationSettings.tsx.html +0 -190
  93. package/coverage/client/components/Settings/sections/index.html +0 -191
  94. package/coverage/client/components/Sidebar/ImportDialog.tsx.html +0 -856
  95. package/coverage/client/components/Sidebar/NewWorkflowDialog.tsx.html +0 -694
  96. package/coverage/client/components/Sidebar/Sidebar.tsx.html +0 -1456
  97. package/coverage/client/components/Sidebar/index.html +0 -146
  98. package/coverage/client/components/Templates/TemplateCard.tsx.html +0 -181
  99. package/coverage/client/components/Templates/TemplateGallery.tsx.html +0 -307
  100. package/coverage/client/components/Templates/index.html +0 -131
  101. package/coverage/client/components/Versions/DiffViewer.tsx.html +0 -220
  102. package/coverage/client/components/Versions/VersionHistory.tsx.html +0 -352
  103. package/coverage/client/components/Versions/index.html +0 -131
  104. package/coverage/client/components/common/Breadcrumb.tsx.html +0 -205
  105. package/coverage/client/components/common/Button.tsx.html +0 -289
  106. package/coverage/client/components/common/ContextMenu.tsx.html +0 -691
  107. package/coverage/client/components/common/KeyboardShortcuts.tsx.html +0 -541
  108. package/coverage/client/components/common/Modal.tsx.html +0 -364
  109. package/coverage/client/components/common/Tabs.tsx.html +0 -256
  110. package/coverage/client/components/common/ThemeToggle.tsx.html +0 -301
  111. package/coverage/client/components/common/index.html +0 -206
  112. package/coverage/client/components/index.html +0 -116
  113. package/coverage/client/components/index.ts.html +0 -181
  114. package/coverage/client/hooks/index.html +0 -176
  115. package/coverage/client/hooks/index.ts.html +0 -97
  116. package/coverage/client/hooks/useAIPrompt.ts.html +0 -409
  117. package/coverage/client/hooks/useCanvas.ts.html +0 -739
  118. package/coverage/client/hooks/useWebSocket.ts.html +0 -580
  119. package/coverage/client/hooks/useWorkflow.ts.html +0 -502
  120. package/coverage/client/index.html +0 -131
  121. package/coverage/client/main.tsx.html +0 -115
  122. package/coverage/client/stores/agentStore.ts.html +0 -421
  123. package/coverage/client/stores/canvasStore.ts.html +0 -1129
  124. package/coverage/client/stores/collaborationStore.ts.html +0 -544
  125. package/coverage/client/stores/commandStore.ts.html +0 -610
  126. package/coverage/client/stores/editorStore.ts.html +0 -484
  127. package/coverage/client/stores/executionStore.ts.html +0 -1594
  128. package/coverage/client/stores/governanceStore.ts.html +0 -493
  129. package/coverage/client/stores/index.html +0 -341
  130. package/coverage/client/stores/index.ts.html +0 -112
  131. package/coverage/client/stores/layoutStore.ts.html +0 -439
  132. package/coverage/client/stores/navigationStore.ts.html +0 -232
  133. package/coverage/client/stores/onboardingStore.ts.html +0 -247
  134. package/coverage/client/stores/promptStore.ts.html +0 -430
  135. package/coverage/client/stores/settingsStore.ts.html +0 -472
  136. package/coverage/client/stores/themeStore.ts.html +0 -271
  137. package/coverage/client/stores/versionStore.ts.html +0 -340
  138. package/coverage/client/stores/workflowStore.ts.html +0 -739
  139. package/coverage/client/utils/applyDagreLayout.ts.html +0 -286
  140. package/coverage/client/utils/cn.ts.html +0 -112
  141. package/coverage/client/utils/index.html +0 -206
  142. package/coverage/client/utils/index.ts.html +0 -97
  143. package/coverage/client/utils/platform.ts.html +0 -223
  144. package/coverage/client/utils/serviceIcons.tsx.html +0 -376
  145. package/coverage/client/utils/stepValidation.ts.html +0 -550
  146. package/coverage/client/utils/workflowToGraph.ts.html +0 -1624
  147. package/coverage/coverage-final.json +0 -107
  148. package/coverage/favicon.png +0 -0
  149. package/coverage/index.html +0 -461
  150. package/coverage/prettify.css +0 -1
  151. package/coverage/prettify.js +0 -2
  152. package/coverage/shared/constants.ts.html +0 -655
  153. package/coverage/shared/index.html +0 -146
  154. package/coverage/shared/settings.ts.html +0 -406
  155. package/coverage/shared/types.ts.html +0 -622
  156. package/coverage/sort-arrow-sprite.png +0 -0
  157. package/coverage/sorter.js +0 -210
  158. package/dist/client/assets/index-DtX_BPDj.js +0 -833
  159. package/dist/client/assets/index-DtX_BPDj.js.map +0 -1
@@ -1,694 +0,0 @@
1
-
2
- <!doctype html>
3
- <html lang="en">
4
-
5
- <head>
6
- <title>Code coverage report for client/components/Sidebar/NewWorkflowDialog.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/Sidebar</a> NewWorkflowDialog.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'>160/160</span>
29
- </div>
30
-
31
-
32
- <div class='fl pad1y space-right2'>
33
- <span class="strong">100% </span>
34
- <span class="quiet">Branches</span>
35
- <span class='fraction'>18/18</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'>3/3</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'>160/160</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></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
270
- <span class="cline-any cline-neutral">&nbsp;</span>
271
- <span class="cline-any cline-neutral">&nbsp;</span>
272
- <span class="cline-any cline-neutral">&nbsp;</span>
273
- <span class="cline-any cline-neutral">&nbsp;</span>
274
- <span class="cline-any cline-neutral">&nbsp;</span>
275
- <span class="cline-any cline-neutral">&nbsp;</span>
276
- <span class="cline-any cline-neutral">&nbsp;</span>
277
- <span class="cline-any cline-neutral">&nbsp;</span>
278
- <span class="cline-any cline-neutral">&nbsp;</span>
279
- <span class="cline-any cline-neutral">&nbsp;</span>
280
- <span class="cline-any cline-neutral">&nbsp;</span>
281
- <span class="cline-any cline-neutral">&nbsp;</span>
282
- <span class="cline-any cline-neutral">&nbsp;</span>
283
- <span class="cline-any cline-neutral">&nbsp;</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">1x</span>
287
- <span class="cline-any cline-yes">1x</span>
288
- <span class="cline-any cline-yes">1x</span>
289
- <span class="cline-any cline-yes">1x</span>
290
- <span class="cline-any cline-yes">1x</span>
291
- <span class="cline-any cline-yes">1x</span>
292
- <span class="cline-any cline-yes">1x</span>
293
- <span class="cline-any cline-yes">1x</span>
294
- <span class="cline-any cline-yes">1x</span>
295
- <span class="cline-any cline-yes">1x</span>
296
- <span class="cline-any cline-yes">1x</span>
297
- <span class="cline-any cline-yes">1x</span>
298
- <span class="cline-any cline-yes">1x</span>
299
- <span class="cline-any cline-yes">1x</span>
300
- <span class="cline-any cline-yes">1x</span>
301
- <span class="cline-any cline-yes">1x</span>
302
- <span class="cline-any cline-yes">1x</span>
303
- <span class="cline-any cline-yes">1x</span>
304
- <span class="cline-any cline-yes">1x</span>
305
- <span class="cline-any cline-yes">1x</span>
306
- <span class="cline-any cline-yes">1x</span>
307
- <span class="cline-any cline-yes">1x</span>
308
- <span class="cline-any cline-yes">1x</span>
309
- <span class="cline-any cline-yes">1x</span>
310
- <span class="cline-any cline-yes">1x</span>
311
- <span class="cline-any cline-yes">1x</span>
312
- <span class="cline-any cline-yes">1x</span>
313
- <span class="cline-any cline-yes">1x</span>
314
- <span class="cline-any cline-yes">1x</span>
315
- <span class="cline-any cline-yes">1x</span>
316
- <span class="cline-any cline-yes">1x</span>
317
- <span class="cline-any cline-yes">1x</span>
318
- <span class="cline-any cline-yes">1x</span>
319
- <span class="cline-any cline-yes">1x</span>
320
- <span class="cline-any cline-yes">1x</span>
321
- <span class="cline-any cline-yes">1x</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">1x</span>
325
- <span class="cline-any cline-yes">31x</span>
326
- <span class="cline-any cline-yes">31x</span>
327
- <span class="cline-any cline-yes">31x</span>
328
- <span class="cline-any cline-neutral">&nbsp;</span>
329
- <span class="cline-any cline-yes">31x</span>
330
- <span class="cline-any cline-yes">6x</span>
331
- <span class="cline-any cline-yes">2x</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-neutral">&nbsp;</span>
335
- <span class="cline-any cline-yes">4x</span>
336
- <span class="cline-any cline-yes">4x</span>
337
- <span class="cline-any cline-yes">4x</span>
338
- <span class="cline-any cline-yes">4x</span>
339
- <span class="cline-any cline-yes">4x</span>
340
- <span class="cline-any cline-yes">31x</span>
341
- <span class="cline-any cline-neutral">&nbsp;</span>
342
- <span class="cline-any cline-yes">31x</span>
343
- <span class="cline-any cline-yes">2x</span>
344
- <span class="cline-any cline-yes">2x</span>
345
- <span class="cline-any cline-yes">2x</span>
346
- <span class="cline-any cline-yes">2x</span>
347
- <span class="cline-any cline-yes">31x</span>
348
- <span class="cline-any cline-neutral">&nbsp;</span>
349
- <span class="cline-any cline-yes">31x</span>
350
- <span class="cline-any cline-neutral">&nbsp;</span>
351
- <span class="cline-any cline-yes">30x</span>
352
- <span class="cline-any cline-yes">30x</span>
353
- <span class="cline-any cline-neutral">&nbsp;</span>
354
- <span class="cline-any cline-yes">30x</span>
355
- <span class="cline-any cline-yes">30x</span>
356
- <span class="cline-any cline-yes">30x</span>
357
- <span class="cline-any cline-yes">30x</span>
358
- <span class="cline-any cline-neutral">&nbsp;</span>
359
- <span class="cline-any cline-neutral">&nbsp;</span>
360
- <span class="cline-any cline-yes">30x</span>
361
- <span class="cline-any cline-yes">30x</span>
362
- <span class="cline-any cline-neutral">&nbsp;</span>
363
- <span class="cline-any cline-yes">30x</span>
364
- <span class="cline-any cline-yes">30x</span>
365
- <span class="cline-any cline-yes">30x</span>
366
- <span class="cline-any cline-yes">30x</span>
367
- <span class="cline-any cline-neutral">&nbsp;</span>
368
- <span class="cline-any cline-yes">30x</span>
369
- <span class="cline-any cline-yes">30x</span>
370
- <span class="cline-any cline-yes">30x</span>
371
- <span class="cline-any cline-yes">30x</span>
372
- <span class="cline-any cline-yes">30x</span>
373
- <span class="cline-any cline-yes">30x</span>
374
- <span class="cline-any cline-neutral">&nbsp;</span>
375
- <span class="cline-any cline-yes">30x</span>
376
- <span class="cline-any cline-yes">30x</span>
377
- <span class="cline-any cline-yes">30x</span>
378
- <span class="cline-any cline-neutral">&nbsp;</span>
379
- <span class="cline-any cline-neutral">&nbsp;</span>
380
- <span class="cline-any cline-yes">30x</span>
381
- <span class="cline-any cline-neutral">&nbsp;</span>
382
- <span class="cline-any cline-yes">30x</span>
383
- <span class="cline-any cline-yes">30x</span>
384
- <span class="cline-any cline-yes">30x</span>
385
- <span class="cline-any cline-yes">30x</span>
386
- <span class="cline-any cline-yes">30x</span>
387
- <span class="cline-any cline-yes">30x</span>
388
- <span class="cline-any cline-yes">30x</span>
389
- <span class="cline-any cline-yes">30x</span>
390
- <span class="cline-any cline-yes">5x</span>
391
- <span class="cline-any cline-yes">5x</span>
392
- <span class="cline-any cline-yes">5x</span>
393
- <span class="cline-any cline-yes">30x</span>
394
- <span class="cline-any cline-yes">30x</span>
395
- <span class="cline-any cline-yes">30x</span>
396
- <span class="cline-any cline-yes">2x</span>
397
- <span class="cline-any cline-yes">28x</span>
398
- <span class="cline-any cline-yes">31x</span>
399
- <span class="cline-any cline-yes">31x</span>
400
- <span class="cline-any cline-yes">31x</span>
401
- <span class="cline-any cline-yes">31x</span>
402
- <span class="cline-any cline-yes">2x</span>
403
- <span class="cline-any cline-neutral">&nbsp;</span>
404
- <span class="cline-any cline-yes">31x</span>
405
- <span class="cline-any cline-neutral">&nbsp;</span>
406
- <span class="cline-any cline-neutral">&nbsp;</span>
407
- <span class="cline-any cline-yes">31x</span>
408
- <span class="cline-any cline-yes">31x</span>
409
- <span class="cline-any cline-neutral">&nbsp;</span>
410
- <span class="cline-any cline-yes">31x</span>
411
- <span class="cline-any cline-yes">31x</span>
412
- <span class="cline-any cline-yes">31x</span>
413
- <span class="cline-any cline-yes">150x</span>
414
- <span class="cline-any cline-yes">150x</span>
415
- <span class="cline-any cline-yes">150x</span>
416
- <span class="cline-any cline-yes">150x</span>
417
- <span class="cline-any cline-yes">150x</span>
418
- <span class="cline-any cline-yes">30x</span>
419
- <span class="cline-any cline-yes">120x</span>
420
- <span class="cline-any cline-yes">150x</span>
421
- <span class="cline-any cline-neutral">&nbsp;</span>
422
- <span class="cline-any cline-yes">150x</span>
423
- <span class="cline-any cline-yes">150x</span>
424
- <span class="cline-any cline-yes">150x</span>
425
- <span class="cline-any cline-yes">150x</span>
426
- <span class="cline-any cline-yes">30x</span>
427
- <span class="cline-any cline-yes">120x</span>
428
- <span class="cline-any cline-yes">150x</span>
429
- <span class="cline-any cline-neutral">&nbsp;</span>
430
- <span class="cline-any cline-yes">150x</span>
431
- <span class="cline-any cline-yes">150x</span>
432
- <span class="cline-any cline-yes">150x</span>
433
- <span class="cline-any cline-yes">150x</span>
434
- <span class="cline-any cline-yes">150x</span>
435
- <span class="cline-any cline-yes">150x</span>
436
- <span class="cline-any cline-yes">150x</span>
437
- <span class="cline-any cline-yes">150x</span>
438
- <span class="cline-any cline-yes">30x</span>
439
- <span class="cline-any cline-neutral">&nbsp;</span>
440
- <span class="cline-any cline-yes">150x</span>
441
- <span class="cline-any cline-yes">150x</span>
442
- <span class="cline-any cline-yes">150x</span>
443
- <span class="cline-any cline-yes">150x</span>
444
- <span class="cline-any cline-yes">150x</span>
445
- <span class="cline-any cline-yes">150x</span>
446
- <span class="cline-any cline-yes">150x</span>
447
- <span class="cline-any cline-yes">31x</span>
448
- <span class="cline-any cline-yes">31x</span>
449
- <span class="cline-any cline-yes">31x</span>
450
- <span class="cline-any cline-yes">31x</span>
451
- <span class="cline-any cline-neutral">&nbsp;</span>
452
- <span class="cline-any cline-neutral">&nbsp;</span>
453
- <span class="cline-any cline-yes">31x</span>
454
- <span class="cline-any cline-yes">31x</span>
455
- <span class="cline-any cline-yes">31x</span>
456
- <span class="cline-any cline-yes">31x</span>
457
- <span class="cline-any cline-yes">31x</span>
458
- <span class="cline-any cline-neutral">&nbsp;</span>
459
- <span class="cline-any cline-yes">31x</span>
460
- <span class="cline-any cline-yes">31x</span>
461
- <span class="cline-any cline-yes">31x</span>
462
- <span class="cline-any cline-yes">31x</span>
463
- <span class="cline-any cline-yes">31x</span>
464
- <span class="cline-any cline-neutral">&nbsp;</span>
465
- <span class="cline-any cline-yes">31x</span>
466
- <span class="cline-any cline-yes">31x</span>
467
- <span class="cline-any cline-yes">31x</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-neutral">&nbsp;</span>
471
- <span class="cline-any cline-yes">31x</span>
472
- <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import { useState, useCallback } from 'react';
473
- import { X, FileText, MessageSquare, GitPullRequest, Globe, Clock } from 'lucide-react';
474
- &nbsp;
475
- interface NewWorkflowDialogProps {
476
- open: boolean;
477
- onOpenChange: (open: boolean) =&gt; void;
478
- onCreate: (name: string, template: string) =&gt; void;
479
- }
480
- &nbsp;
481
- interface Template {
482
- id: string;
483
- name: string;
484
- description: string;
485
- icon: React.ReactNode;
486
- category: string;
487
- }
488
- &nbsp;
489
- const templates: Template[] = [
490
- {
491
- id: 'blank',
492
- name: 'Blank Workflow',
493
- description: 'Start from scratch with an empty workflow',
494
- icon: &lt;FileText className="w-5 h-5" /&gt;,
495
- category: 'General',
496
- },
497
- {
498
- id: 'slack-notification',
499
- name: 'Slack Notification',
500
- description: 'Send messages to Slack channels',
501
- icon: &lt;MessageSquare className="w-5 h-5" /&gt;,
502
- category: 'Communication',
503
- },
504
- {
505
- id: 'github-pr',
506
- name: 'GitHub Pull Request',
507
- description: 'Create and manage GitHub pull requests',
508
- icon: &lt;GitPullRequest className="w-5 h-5" /&gt;,
509
- category: 'Development',
510
- },
511
- {
512
- id: 'http-request',
513
- name: 'HTTP Request',
514
- description: 'Make HTTP API calls and process responses',
515
- icon: &lt;Globe className="w-5 h-5" /&gt;,
516
- category: 'Integration',
517
- },
518
- {
519
- id: 'scheduled-task',
520
- name: 'Scheduled Task',
521
- description: 'Run workflows on a schedule with cron triggers',
522
- icon: &lt;Clock className="w-5 h-5" /&gt;,
523
- category: 'Automation',
524
- },
525
- ];
526
- &nbsp;
527
- export function NewWorkflowDialog({ open, onOpenChange, onCreate }: NewWorkflowDialogProps) {
528
- const [name, setName] = useState('');
529
- const [selectedTemplate, setSelectedTemplate] = useState&lt;string&gt;('blank');
530
- const [error, setError] = useState&lt;string&gt;('');
531
- &nbsp;
532
- const handleCreate = useCallback(() =&gt; {
533
- if (!name.trim()) {
534
- setError('Workflow name is required');
535
- return;
536
- }
537
- &nbsp;
538
- onCreate(name.trim(), selectedTemplate);
539
- setName('');
540
- setSelectedTemplate('blank');
541
- setError('');
542
- onOpenChange(false);
543
- }, [name, selectedTemplate, onCreate, onOpenChange]);
544
- &nbsp;
545
- const handleCancel = useCallback(() =&gt; {
546
- setName('');
547
- setSelectedTemplate('blank');
548
- setError('');
549
- onOpenChange(false);
550
- }, [onOpenChange]);
551
- &nbsp;
552
- if (!open) return null;
553
- &nbsp;
554
- return (
555
- &lt;&gt;
556
- {/* Backdrop */}
557
- &lt;div
558
- className="fixed inset-0 bg-black/60 z-modal-backdrop backdrop-blur-sm"
559
- onClick={handleCancel}
560
- /&gt;
561
- &nbsp;
562
- {/* Dialog */}
563
- &lt;div className="fixed inset-0 flex items-center justify-center z-modal p-4"&gt;
564
- &lt;div className="bg-bg-elevated border border-border-default rounded-xl shadow-xl max-w-2xl w-full max-h-[80vh] flex flex-col animate-fade-in"&gt;
565
- {/* Header */}
566
- &lt;div className="flex items-center justify-between p-6 border-b border-border-subtle"&gt;
567
- &lt;div&gt;
568
- &lt;h2 className="text-lg font-semibold text-text-primary"&gt;Create New Workflow&lt;/h2&gt;
569
- &lt;p className="text-sm text-text-secondary mt-1"&gt;
570
- Choose a template to get started quickly
571
- &lt;/p&gt;
572
- &lt;/div&gt;
573
- &lt;button
574
- onClick={handleCancel}
575
- className="w-8 h-8 rounded-lg flex items-center justify-center hover:bg-bg-hover transition-colors text-text-secondary"
576
- aria-label="Close dialog"
577
- &gt;
578
- &lt;X className="w-4 h-4" /&gt;
579
- &lt;/button&gt;
580
- &lt;/div&gt;
581
- &nbsp;
582
- {/* Content */}
583
- &lt;div className="flex-1 overflow-y-auto p-6 space-y-6"&gt;
584
- {/* Name Input */}
585
- &lt;div&gt;
586
- &lt;label className="block text-sm font-medium text-text-primary mb-2"&gt;
587
- Workflow Name &lt;span className="text-error"&gt;*&lt;/span&gt;
588
- &lt;/label&gt;
589
- &lt;input
590
- type="text"
591
- value={name}
592
- onChange={(e) =&gt; {
593
- setName(e.target.value);
594
- setError('');
595
- }}
596
- placeholder="e.g., Daily Standup Reminder"
597
- 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 ${
598
- error
599
- ? 'border-error focus:ring-error/50'
600
- : 'border-border-default focus:ring-accent/50'
601
- }`}
602
- autoFocus
603
- /&gt;
604
- {error &amp;&amp; (
605
- &lt;p className="text-xs text-error mt-1.5"&gt;{error}&lt;/p&gt;
606
- )}
607
- &lt;/div&gt;
608
- &nbsp;
609
- {/* Template Selection */}
610
- &lt;div&gt;
611
- &lt;label className="block text-sm font-medium text-text-primary mb-3"&gt;
612
- Template
613
- &lt;/label&gt;
614
- &lt;div className="grid grid-cols-1 md:grid-cols-2 gap-3"&gt;
615
- {templates.map((template) =&gt; (
616
- &lt;button
617
- key={template.id}
618
- onClick={() =&gt; setSelectedTemplate(template.id)}
619
- className={`p-4 rounded-lg border-2 text-left transition-all ${
620
- selectedTemplate === template.id
621
- ? 'border-accent bg-accent-muted'
622
- : 'border-border-default hover:border-border-strong bg-bg-surface'
623
- }`}
624
- &gt;
625
- &lt;div className="flex items-start gap-3"&gt;
626
- &lt;div
627
- className={`flex-shrink-0 w-10 h-10 rounded-lg flex items-center justify-center ${
628
- selectedTemplate === template.id
629
- ? 'bg-accent text-text-inverse'
630
- : 'bg-bg-elevated text-text-secondary'
631
- }`}
632
- &gt;
633
- {template.icon}
634
- &lt;/div&gt;
635
- &lt;div className="flex-1 min-w-0"&gt;
636
- &lt;div className="flex items-center gap-2 mb-1"&gt;
637
- &lt;h3 className="text-sm font-medium text-text-primary truncate"&gt;
638
- {template.name}
639
- &lt;/h3&gt;
640
- {selectedTemplate === template.id &amp;&amp; (
641
- &lt;div className="flex-shrink-0 w-2 h-2 rounded-full bg-accent" /&gt;
642
- )}
643
- &lt;/div&gt;
644
- &lt;p className="text-xs text-text-secondary line-clamp-2"&gt;
645
- {template.description}
646
- &lt;/p&gt;
647
- &lt;/div&gt;
648
- &lt;/div&gt;
649
- &lt;/button&gt;
650
- ))}
651
- &lt;/div&gt;
652
- &lt;/div&gt;
653
- &lt;/div&gt;
654
- &nbsp;
655
- {/* Footer */}
656
- &lt;div className="flex items-center justify-end gap-3 p-6 border-t border-border-subtle"&gt;
657
- &lt;button
658
- onClick={handleCancel}
659
- 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"
660
- &gt;
661
- Cancel
662
- &lt;/button&gt;
663
- &lt;button
664
- onClick={handleCreate}
665
- className="px-4 py-2 bg-accent hover:bg-accent-hover text-text-inverse rounded-lg text-sm font-medium transition-colors"
666
- &gt;
667
- Create Workflow
668
- &lt;/button&gt;
669
- &lt;/div&gt;
670
- &lt;/div&gt;
671
- &lt;/div&gt;
672
- &lt;/&gt;
673
- );
674
- }
675
- &nbsp;</pre></td></tr></table></pre>
676
-
677
- <div class='push'></div><!-- for sticky footer -->
678
- </div><!-- /wrapper -->
679
- <div class='footer quiet pad2 space-top1 center small'>
680
- Code coverage generated by
681
- <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
682
- at 2026-02-09T21:07:24.535Z
683
- </div>
684
- <script src="../../../prettify.js"></script>
685
- <script>
686
- window.onload = function () {
687
- prettyPrint();
688
- };
689
- </script>
690
- <script src="../../../sorter.js"></script>
691
- <script src="../../../block-navigation.js"></script>
692
- </body>
693
- </html>
694
-