@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
@@ -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
-