@marktoflow/gui 2.0.3 → 2.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (155) hide show
  1. package/README.md +5 -3
  2. package/client.log +0 -0
  3. package/dist/client/assets/{index-DtX_BPDj.js → index-iXI2YSzR.js} +47 -47
  4. package/dist/client/assets/index-iXI2YSzR.js.map +1 -0
  5. package/dist/client/index.html +1 -1
  6. package/dist/server/routes/tools.js +29 -884
  7. package/dist/server/routes/tools.js.map +1 -1
  8. package/dist/server/services/WorkflowService.js +4 -1
  9. package/dist/server/services/WorkflowService.js.map +1 -1
  10. package/dist/server/services/agents/openai-provider.js +31 -1
  11. package/dist/server/services/agents/openai-provider.js.map +1 -1
  12. package/dist/shared/constants.js +5 -0
  13. package/dist/shared/constants.js.map +1 -1
  14. package/package.json +20 -6
  15. package/server.log +0 -0
  16. package/coverage/base.css +0 -224
  17. package/coverage/block-navigation.js +0 -87
  18. package/coverage/client/App.tsx.html +0 -2230
  19. package/coverage/client/components/Accessibility/LiveRegion.tsx.html +0 -166
  20. package/coverage/client/components/Accessibility/SkipNav.tsx.html +0 -106
  21. package/coverage/client/components/Accessibility/index.html +0 -131
  22. package/coverage/client/components/Admin/AuditViewer.tsx.html +0 -214
  23. package/coverage/client/components/Admin/EnvironmentSwitcher.tsx.html +0 -187
  24. package/coverage/client/components/Admin/RoleManager.tsx.html +0 -250
  25. package/coverage/client/components/Admin/SecretsVault.tsx.html +0 -241
  26. package/coverage/client/components/Admin/index.html +0 -161
  27. package/coverage/client/components/Canvas/AlignmentTools.tsx.html +0 -694
  28. package/coverage/client/components/Canvas/Canvas.tsx.html +0 -1513
  29. package/coverage/client/components/Canvas/DataPreviewBadge.tsx.html +0 -307
  30. package/coverage/client/components/Canvas/ExecutionInputDialog.tsx.html +0 -769
  31. package/coverage/client/components/Canvas/ExecutionOverlay.tsx.html +0 -2938
  32. package/coverage/client/components/Canvas/ForEachNode.tsx.html +0 -568
  33. package/coverage/client/components/Canvas/GroupNode.tsx.html +0 -421
  34. package/coverage/client/components/Canvas/IfElseNode.tsx.html +0 -508
  35. package/coverage/client/components/Canvas/InlineEditor.tsx.html +0 -472
  36. package/coverage/client/components/Canvas/NodeContextMenu.tsx.html +0 -661
  37. package/coverage/client/components/Canvas/NodeTooltip.tsx.html +0 -316
  38. package/coverage/client/components/Canvas/OutputNode.tsx.html +0 -418
  39. package/coverage/client/components/Canvas/ParallelNode.tsx.html +0 -556
  40. package/coverage/client/components/Canvas/StepNode.tsx.html +0 -463
  41. package/coverage/client/components/Canvas/StickyNoteNode.tsx.html +0 -442
  42. package/coverage/client/components/Canvas/SubWorkflowNode.tsx.html +0 -508
  43. package/coverage/client/components/Canvas/SwitchNode.tsx.html +0 -640
  44. package/coverage/client/components/Canvas/Toolbar.tsx.html +0 -1030
  45. package/coverage/client/components/Canvas/TransformNode.tsx.html +0 -667
  46. package/coverage/client/components/Canvas/TriggerNode.tsx.html +0 -469
  47. package/coverage/client/components/Canvas/TryCatchNode.tsx.html +0 -577
  48. package/coverage/client/components/Canvas/WhileNode.tsx.html +0 -595
  49. package/coverage/client/components/Canvas/index.html +0 -446
  50. package/coverage/client/components/Canvas/index.ts.html +0 -157
  51. package/coverage/client/components/Collaboration/ActivityFeed.tsx.html +0 -253
  52. package/coverage/client/components/Collaboration/CommentThread.tsx.html +0 -397
  53. package/coverage/client/components/Collaboration/LockIndicator.tsx.html +0 -172
  54. package/coverage/client/components/Collaboration/PresenceIndicator.tsx.html +0 -214
  55. package/coverage/client/components/Collaboration/index.html +0 -161
  56. package/coverage/client/components/CommandPalette/CommandItem.tsx.html +0 -313
  57. package/coverage/client/components/CommandPalette/CommandPalette.tsx.html +0 -685
  58. package/coverage/client/components/CommandPalette/index.html +0 -131
  59. package/coverage/client/components/Debug/VariableInspector.tsx.html +0 -529
  60. package/coverage/client/components/Debug/index.html +0 -116
  61. package/coverage/client/components/Editor/InputsEditor.tsx.html +0 -1459
  62. package/coverage/client/components/Editor/NewStepWizard.tsx.html +0 -1117
  63. package/coverage/client/components/Editor/StepEditor.tsx.html +0 -1681
  64. package/coverage/client/components/Editor/YamlEditor.tsx.html +0 -565
  65. package/coverage/client/components/Editor/index.html +0 -161
  66. package/coverage/client/components/Execution/TimelineView.tsx.html +0 -397
  67. package/coverage/client/components/Execution/index.html +0 -116
  68. package/coverage/client/components/Onboarding/OnboardingTour.tsx.html +0 -265
  69. package/coverage/client/components/Onboarding/index.html +0 -116
  70. package/coverage/client/components/Panels/PropertiesPanel.tsx.html +0 -2035
  71. package/coverage/client/components/Panels/ValidationPanel.tsx.html +0 -856
  72. package/coverage/client/components/Panels/index.html +0 -131
  73. package/coverage/client/components/Prompt/ChangePreview.tsx.html +0 -928
  74. package/coverage/client/components/Prompt/PromptHistoryPanel.tsx.html +0 -712
  75. package/coverage/client/components/Prompt/PromptInput.tsx.html +0 -415
  76. package/coverage/client/components/Prompt/index.html +0 -146
  77. package/coverage/client/components/Settings/ProviderSwitcher.tsx.html +0 -1306
  78. package/coverage/client/components/Settings/SettingsPanel.tsx.html +0 -355
  79. package/coverage/client/components/Settings/controls/SettingNumber.tsx.html +0 -211
  80. package/coverage/client/components/Settings/controls/SettingSelect.tsx.html +0 -196
  81. package/coverage/client/components/Settings/controls/SettingToggle.tsx.html +0 -199
  82. package/coverage/client/components/Settings/controls/index.html +0 -146
  83. package/coverage/client/components/Settings/index.html +0 -131
  84. package/coverage/client/components/Settings/sections/AISettings.tsx.html +0 -154
  85. package/coverage/client/components/Settings/sections/CanvasSettings.tsx.html +0 -220
  86. package/coverage/client/components/Settings/sections/EditorSettings.tsx.html +0 -208
  87. package/coverage/client/components/Settings/sections/ExecutionSettings.tsx.html +0 -172
  88. package/coverage/client/components/Settings/sections/GeneralSettings.tsx.html +0 -151
  89. package/coverage/client/components/Settings/sections/NotificationSettings.tsx.html +0 -190
  90. package/coverage/client/components/Settings/sections/index.html +0 -191
  91. package/coverage/client/components/Sidebar/ImportDialog.tsx.html +0 -856
  92. package/coverage/client/components/Sidebar/NewWorkflowDialog.tsx.html +0 -694
  93. package/coverage/client/components/Sidebar/Sidebar.tsx.html +0 -1456
  94. package/coverage/client/components/Sidebar/index.html +0 -146
  95. package/coverage/client/components/Templates/TemplateCard.tsx.html +0 -181
  96. package/coverage/client/components/Templates/TemplateGallery.tsx.html +0 -307
  97. package/coverage/client/components/Templates/index.html +0 -131
  98. package/coverage/client/components/Versions/DiffViewer.tsx.html +0 -220
  99. package/coverage/client/components/Versions/VersionHistory.tsx.html +0 -352
  100. package/coverage/client/components/Versions/index.html +0 -131
  101. package/coverage/client/components/common/Breadcrumb.tsx.html +0 -205
  102. package/coverage/client/components/common/Button.tsx.html +0 -289
  103. package/coverage/client/components/common/ContextMenu.tsx.html +0 -691
  104. package/coverage/client/components/common/KeyboardShortcuts.tsx.html +0 -541
  105. package/coverage/client/components/common/Modal.tsx.html +0 -364
  106. package/coverage/client/components/common/Tabs.tsx.html +0 -256
  107. package/coverage/client/components/common/ThemeToggle.tsx.html +0 -301
  108. package/coverage/client/components/common/index.html +0 -206
  109. package/coverage/client/components/index.html +0 -116
  110. package/coverage/client/components/index.ts.html +0 -181
  111. package/coverage/client/hooks/index.html +0 -176
  112. package/coverage/client/hooks/index.ts.html +0 -97
  113. package/coverage/client/hooks/useAIPrompt.ts.html +0 -409
  114. package/coverage/client/hooks/useCanvas.ts.html +0 -739
  115. package/coverage/client/hooks/useWebSocket.ts.html +0 -580
  116. package/coverage/client/hooks/useWorkflow.ts.html +0 -502
  117. package/coverage/client/index.html +0 -131
  118. package/coverage/client/main.tsx.html +0 -115
  119. package/coverage/client/stores/agentStore.ts.html +0 -421
  120. package/coverage/client/stores/canvasStore.ts.html +0 -1129
  121. package/coverage/client/stores/collaborationStore.ts.html +0 -544
  122. package/coverage/client/stores/commandStore.ts.html +0 -610
  123. package/coverage/client/stores/editorStore.ts.html +0 -484
  124. package/coverage/client/stores/executionStore.ts.html +0 -1594
  125. package/coverage/client/stores/governanceStore.ts.html +0 -493
  126. package/coverage/client/stores/index.html +0 -341
  127. package/coverage/client/stores/index.ts.html +0 -112
  128. package/coverage/client/stores/layoutStore.ts.html +0 -439
  129. package/coverage/client/stores/navigationStore.ts.html +0 -232
  130. package/coverage/client/stores/onboardingStore.ts.html +0 -247
  131. package/coverage/client/stores/promptStore.ts.html +0 -430
  132. package/coverage/client/stores/settingsStore.ts.html +0 -472
  133. package/coverage/client/stores/themeStore.ts.html +0 -271
  134. package/coverage/client/stores/versionStore.ts.html +0 -340
  135. package/coverage/client/stores/workflowStore.ts.html +0 -739
  136. package/coverage/client/utils/applyDagreLayout.ts.html +0 -286
  137. package/coverage/client/utils/cn.ts.html +0 -112
  138. package/coverage/client/utils/index.html +0 -206
  139. package/coverage/client/utils/index.ts.html +0 -97
  140. package/coverage/client/utils/platform.ts.html +0 -223
  141. package/coverage/client/utils/serviceIcons.tsx.html +0 -376
  142. package/coverage/client/utils/stepValidation.ts.html +0 -550
  143. package/coverage/client/utils/workflowToGraph.ts.html +0 -1624
  144. package/coverage/coverage-final.json +0 -107
  145. package/coverage/favicon.png +0 -0
  146. package/coverage/index.html +0 -461
  147. package/coverage/prettify.css +0 -1
  148. package/coverage/prettify.js +0 -2
  149. package/coverage/shared/constants.ts.html +0 -655
  150. package/coverage/shared/index.html +0 -146
  151. package/coverage/shared/settings.ts.html +0 -406
  152. package/coverage/shared/types.ts.html +0 -622
  153. package/coverage/sort-arrow-sprite.png +0 -0
  154. package/coverage/sorter.js +0 -210
  155. package/dist/client/assets/index-DtX_BPDj.js.map +0 -1
package/coverage/client/components/Panels/ValidationPanel.tsx.html DELETED
@@ -1,856 +0,0 @@
1
-
2
- <!doctype html>
3
- <html lang="en">
4
-
5
- <head>
6
- <title>Code coverage report for client/components/Panels/ValidationPanel.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/Panels</a> ValidationPanel.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'>190/190</span>
29
- </div>
30
-
31
-
32
- <div class='fl pad1y space-right2'>
33
- <span class="strong">92.5% </span>
34
- <span class="quiet">Branches</span>
35
- <span class='fraction'>37/40</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'>2/2</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'>190/190</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>
295
- <a name='L230'></a><a href='#L230'>230</a>
296
- <a name='L231'></a><a href='#L231'>231</a>
297
- <a name='L232'></a><a href='#L232'>232</a>
298
- <a name='L233'></a><a href='#L233'>233</a>
299
- <a name='L234'></a><a href='#L234'>234</a>
300
- <a name='L235'></a><a href='#L235'>235</a>
301
- <a name='L236'></a><a href='#L236'>236</a>
302
- <a name='L237'></a><a href='#L237'>237</a>
303
- <a name='L238'></a><a href='#L238'>238</a>
304
- <a name='L239'></a><a href='#L239'>239</a>
305
- <a name='L240'></a><a href='#L240'>240</a>
306
- <a name='L241'></a><a href='#L241'>241</a>
307
- <a name='L242'></a><a href='#L242'>242</a>
308
- <a name='L243'></a><a href='#L243'>243</a>
309
- <a name='L244'></a><a href='#L244'>244</a>
310
- <a name='L245'></a><a href='#L245'>245</a>
311
- <a name='L246'></a><a href='#L246'>246</a>
312
- <a name='L247'></a><a href='#L247'>247</a>
313
- <a name='L248'></a><a href='#L248'>248</a>
314
- <a name='L249'></a><a href='#L249'>249</a>
315
- <a name='L250'></a><a href='#L250'>250</a>
316
- <a name='L251'></a><a href='#L251'>251</a>
317
- <a name='L252'></a><a href='#L252'>252</a>
318
- <a name='L253'></a><a href='#L253'>253</a>
319
- <a name='L254'></a><a href='#L254'>254</a>
320
- <a name='L255'></a><a href='#L255'>255</a>
321
- <a name='L256'></a><a href='#L256'>256</a>
322
- <a name='L257'></a><a href='#L257'>257</a>
323
- <a name='L258'></a><a href='#L258'>258</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
324
- <span class="cline-any cline-neutral">&nbsp;</span>
325
- <span class="cline-any cline-neutral">&nbsp;</span>
326
- <span class="cline-any cline-neutral">&nbsp;</span>
327
- <span class="cline-any cline-neutral">&nbsp;</span>
328
- <span class="cline-any cline-neutral">&nbsp;</span>
329
- <span class="cline-any cline-neutral">&nbsp;</span>
330
- <span class="cline-any cline-neutral">&nbsp;</span>
331
- <span class="cline-any cline-neutral">&nbsp;</span>
332
- <span class="cline-any cline-neutral">&nbsp;</span>
333
- <span class="cline-any cline-neutral">&nbsp;</span>
334
- <span class="cline-any cline-neutral">&nbsp;</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-neutral">&nbsp;</span>
338
- <span class="cline-any cline-neutral">&nbsp;</span>
339
- <span class="cline-any cline-neutral">&nbsp;</span>
340
- <span class="cline-any cline-neutral">&nbsp;</span>
341
- <span class="cline-any cline-neutral">&nbsp;</span>
342
- <span class="cline-any cline-neutral">&nbsp;</span>
343
- <span class="cline-any cline-neutral">&nbsp;</span>
344
- <span class="cline-any cline-neutral">&nbsp;</span>
345
- <span class="cline-any cline-neutral">&nbsp;</span>
346
- <span class="cline-any cline-neutral">&nbsp;</span>
347
- <span class="cline-any cline-neutral">&nbsp;</span>
348
- <span class="cline-any cline-neutral">&nbsp;</span>
349
- <span class="cline-any cline-neutral">&nbsp;</span>
350
- <span class="cline-any cline-yes">1x</span>
351
- <span class="cline-any cline-yes">36x</span>
352
- <span class="cline-any cline-yes">36x</span>
353
- <span class="cline-any cline-neutral">&nbsp;</span>
354
- <span class="cline-any cline-yes">36x</span>
355
- <span class="cline-any cline-yes">13x</span>
356
- <span class="cline-any cline-yes">12x</span>
357
- <span class="cline-any cline-yes">12x</span>
358
- <span class="cline-any cline-yes">36x</span>
359
- <span class="cline-any cline-neutral">&nbsp;</span>
360
- <span class="cline-any cline-yes">36x</span>
361
- <span class="cline-any cline-yes">12x</span>
362
- <span class="cline-any cline-yes">12x</span>
363
- <span class="cline-any cline-neutral">&nbsp;</span>
364
- <span class="cline-any cline-yes">12x</span>
365
- <span class="cline-any cline-yes">12x</span>
366
- <span class="cline-any cline-yes">12x</span>
367
- <span class="cline-any cline-yes">12x</span>
368
- <span class="cline-any cline-yes">12x</span>
369
- <span class="cline-any cline-yes">12x</span>
370
- <span class="cline-any cline-yes">12x</span>
371
- <span class="cline-any cline-yes">12x</span>
372
- <span class="cline-any cline-yes">12x</span>
373
- <span class="cline-any cline-yes">12x</span>
374
- <span class="cline-any cline-neutral">&nbsp;</span>
375
- <span class="cline-any cline-yes">11x</span>
376
- <span class="cline-any cline-neutral">&nbsp;</span>
377
- <span class="cline-any cline-yes">12x</span>
378
- <span class="cline-any cline-yes">9x</span>
379
- <span class="cline-any cline-yes">12x</span>
380
- <span class="cline-any cline-yes">2x</span>
381
- <span class="cline-any cline-yes">2x</span>
382
- <span class="cline-any cline-yes">2x</span>
383
- <span class="cline-any cline-yes">2x</span>
384
- <span class="cline-any cline-yes">2x</span>
385
- <span class="cline-any cline-yes">12x</span>
386
- <span class="cline-any cline-yes">1x</span>
387
- <span class="cline-any cline-yes">1x</span>
388
- <span class="cline-any cline-yes">1x</span>
389
- <span class="cline-any cline-yes">1x</span>
390
- <span class="cline-any cline-yes">12x</span>
391
- <span class="cline-any cline-yes">12x</span>
392
- <span class="cline-any cline-yes">12x</span>
393
- <span class="cline-any cline-yes">12x</span>
394
- <span class="cline-any cline-neutral">&nbsp;</span>
395
- <span class="cline-any cline-yes">36x</span>
396
- <span class="cline-any cline-neutral">&nbsp;</span>
397
- <span class="cline-any cline-yes">35x</span>
398
- <span class="cline-any cline-yes">35x</span>
399
- <span class="cline-any cline-neutral">&nbsp;</span>
400
- <span class="cline-any cline-yes">35x</span>
401
- <span class="cline-any cline-yes">35x</span>
402
- <span class="cline-any cline-yes">35x</span>
403
- <span class="cline-any cline-yes">35x</span>
404
- <span class="cline-any cline-neutral">&nbsp;</span>
405
- <span class="cline-any cline-neutral">&nbsp;</span>
406
- <span class="cline-any cline-yes">35x</span>
407
- <span class="cline-any cline-yes">35x</span>
408
- <span class="cline-any cline-neutral">&nbsp;</span>
409
- <span class="cline-any cline-yes">35x</span>
410
- <span class="cline-any cline-yes">35x</span>
411
- <span class="cline-any cline-yes">35x</span>
412
- <span class="cline-any cline-yes">35x</span>
413
- <span class="cline-any cline-yes">35x</span>
414
- <span class="cline-any cline-yes">35x</span>
415
- <span class="cline-any cline-yes">35x</span>
416
- <span class="cline-any cline-yes">35x</span>
417
- <span class="cline-any cline-yes">35x</span>
418
- <span class="cline-any cline-neutral">&nbsp;</span>
419
- <span class="cline-any cline-yes">35x</span>
420
- <span class="cline-any cline-yes">35x</span>
421
- <span class="cline-any cline-yes">35x</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">35x</span>
425
- <span class="cline-any cline-yes">35x</span>
426
- <span class="cline-any cline-yes">12x</span>
427
- <span class="cline-any cline-yes">12x</span>
428
- <span class="cline-any cline-yes">12x</span>
429
- <span class="cline-any cline-yes">12x</span>
430
- <span class="cline-any cline-yes">23x</span>
431
- <span class="cline-any cline-yes">12x</span>
432
- <span class="cline-any cline-neutral">&nbsp;</span>
433
- <span class="cline-any cline-yes">12x</span>
434
- <span class="cline-any cline-yes">12x</span>
435
- <span class="cline-any cline-yes">12x</span>
436
- <span class="cline-any cline-yes">9x</span>
437
- <span class="cline-any cline-yes">3x</span>
438
- <span class="cline-any cline-yes">12x</span>
439
- <span class="cline-any cline-neutral">&nbsp;</span>
440
- <span class="cline-any cline-yes">12x</span>
441
- <span class="cline-any cline-yes">9x</span>
442
- <span class="cline-any cline-neutral">&nbsp;</span>
443
- <span class="cline-any cline-yes">3x</span>
444
- <span class="cline-any cline-neutral">&nbsp;</span>
445
- <span class="cline-any cline-yes">12x</span>
446
- <span class="cline-any cline-yes">12x</span>
447
- <span class="cline-any cline-yes">12x</span>
448
- <span class="cline-any cline-yes">12x</span>
449
- <span class="cline-any cline-yes">12x</span>
450
- <span class="cline-any cline-neutral">&nbsp;</span>
451
- <span class="cline-any cline-yes">12x</span>
452
- <span class="cline-any cline-yes">12x</span>
453
- <span class="cline-any cline-yes">12x</span>
454
- <span class="cline-any cline-yes">3x</span>
455
- <span class="cline-any cline-neutral">&nbsp;</span>
456
- <span class="cline-any cline-yes">12x</span>
457
- <span class="cline-any cline-yes">12x</span>
458
- <span class="cline-any cline-neutral">&nbsp;</span>
459
- <span class="cline-any cline-neutral">&nbsp;</span>
460
- <span class="cline-any cline-yes">12x</span>
461
- <span class="cline-any cline-yes">9x</span>
462
- <span class="cline-any cline-yes">9x</span>
463
- <span class="cline-any cline-yes">9x</span>
464
- <span class="cline-any cline-yes">9x</span>
465
- <span class="cline-any cline-yes">9x</span>
466
- <span class="cline-any cline-yes">9x</span>
467
- <span class="cline-any cline-yes">9x</span>
468
- <span class="cline-any cline-yes">9x</span>
469
- <span class="cline-any cline-yes">9x</span>
470
- <span class="cline-any cline-yes">9x</span>
471
- <span class="cline-any cline-yes">1x</span>
472
- <span class="cline-any cline-yes">1x</span>
473
- <span class="cline-any cline-yes">1x</span>
474
- <span class="cline-any cline-yes">1x</span>
475
- <span class="cline-any cline-neutral">&nbsp;</span>
476
- <span class="cline-any cline-yes">9x</span>
477
- <span class="cline-any cline-yes">1x</span>
478
- <span class="cline-any cline-yes">1x</span>
479
- <span class="cline-any cline-yes">1x</span>
480
- <span class="cline-any cline-yes">1x</span>
481
- <span class="cline-any cline-yes">1x</span>
482
- <span class="cline-any cline-yes">1x</span>
483
- <span class="cline-any cline-neutral">&nbsp;</span>
484
- <span class="cline-any cline-yes">9x</span>
485
- <span class="cline-any cline-yes">9x</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-neutral">&nbsp;</span>
489
- <span class="cline-any cline-yes">12x</span>
490
- <span class="cline-any cline-yes">3x</span>
491
- <span class="cline-any cline-yes">3x</span>
492
- <span class="cline-any cline-yes">3x</span>
493
- <span class="cline-any cline-yes">3x</span>
494
- <span class="cline-any cline-yes">3x</span>
495
- <span class="cline-any cline-yes">3x</span>
496
- <span class="cline-any cline-yes">6x</span>
497
- <span class="cline-any cline-yes">6x</span>
498
- <span class="cline-any cline-yes">6x</span>
499
- <span class="cline-any cline-neutral">&nbsp;</span>
500
- <span class="cline-any cline-yes">6x</span>
501
- <span class="cline-any cline-yes">6x</span>
502
- <span class="cline-any cline-yes">6x</span>
503
- <span class="cline-any cline-yes">6x</span>
504
- <span class="cline-any cline-yes">6x</span>
505
- <span class="cline-any cline-yes">6x</span>
506
- <span class="cline-any cline-yes">6x</span>
507
- <span class="cline-any cline-yes">6x</span>
508
- <span class="cline-any cline-yes">6x</span>
509
- <span class="cline-any cline-yes">3x</span>
510
- <span class="cline-any cline-yes">3x</span>
511
- <span class="cline-any cline-yes">3x</span>
512
- <span class="cline-any cline-neutral">&nbsp;</span>
513
- <span class="cline-any cline-yes">6x</span>
514
- <span class="cline-any cline-yes">6x</span>
515
- <span class="cline-any cline-yes">6x</span>
516
- <span class="cline-any cline-yes">3x</span>
517
- <span class="cline-any cline-yes">3x</span>
518
- <span class="cline-any cline-yes">3x</span>
519
- <span class="cline-any cline-neutral">&nbsp;</span>
520
- <span class="cline-any cline-neutral">&nbsp;</span>
521
- <span class="cline-any cline-neutral">&nbsp;</span>
522
- <span class="cline-any cline-yes">12x</span>
523
- <span class="cline-any cline-yes">1x</span>
524
- <span class="cline-any cline-yes">1x</span>
525
- <span class="cline-any cline-yes">1x</span>
526
- <span class="cline-any cline-yes">1x</span>
527
- <span class="cline-any cline-yes">1x</span>
528
- <span class="cline-any cline-yes">1x</span>
529
- <span class="cline-any cline-yes">1x</span>
530
- <span class="cline-any cline-yes">2x</span>
531
- <span class="cline-any cline-yes">2x</span>
532
- <span class="cline-any cline-yes">2x</span>
533
- <span class="cline-any cline-neutral">&nbsp;</span>
534
- <span class="cline-any cline-yes">2x</span>
535
- <span class="cline-any cline-yes">2x</span>
536
- <span class="cline-any cline-yes">1x</span>
537
- <span class="cline-any cline-yes">1x</span>
538
- <span class="cline-any cline-yes">1x</span>
539
- <span class="cline-any cline-neutral">&nbsp;</span>
540
- <span class="cline-any cline-neutral">&nbsp;</span>
541
- <span class="cline-any cline-neutral">&nbsp;</span>
542
- <span class="cline-any cline-yes">12x</span>
543
- <span class="cline-any cline-yes">1x</span>
544
- <span class="cline-any cline-yes">1x</span>
545
- <span class="cline-any cline-yes">1x</span>
546
- <span class="cline-any cline-yes">1x</span>
547
- <span class="cline-any cline-yes">1x</span>
548
- <span class="cline-any cline-yes">1x</span>
549
- <span class="cline-any cline-yes">2x</span>
550
- <span class="cline-any cline-yes">2x</span>
551
- <span class="cline-any cline-yes">2x</span>
552
- <span class="cline-any cline-yes">2x</span>
553
- <span class="cline-any cline-yes">2x</span>
554
- <span class="cline-any cline-yes">2x</span>
555
- <span class="cline-any cline-yes">2x</span>
556
- <span class="cline-any cline-yes">2x</span>
557
- <span class="cline-any cline-yes">2x</span>
558
- <span class="cline-any cline-yes">1x</span>
559
- <span class="cline-any cline-yes">1x</span>
560
- <span class="cline-any cline-yes">1x</span>
561
- <span class="cline-any cline-neutral">&nbsp;</span>
562
- <span class="cline-any cline-yes">12x</span>
563
- <span class="cline-any cline-yes">11x</span>
564
- <span class="cline-any cline-yes">36x</span>
565
- <span class="cline-any cline-neutral">&nbsp;</span>
566
- <span class="cline-any cline-neutral">&nbsp;</span>
567
- <span class="cline-any cline-yes">36x</span>
568
- <span class="cline-any cline-yes">36x</span>
569
- <span class="cline-any cline-yes">36x</span>
570
- <span class="cline-any cline-yes">36x</span>
571
- <span class="cline-any cline-yes">36x</span>
572
- <span class="cline-any cline-neutral">&nbsp;</span>
573
- <span class="cline-any cline-yes">36x</span>
574
- <span class="cline-any cline-yes">36x</span>
575
- <span class="cline-any cline-yes">36x</span>
576
- <span class="cline-any cline-yes">36x</span>
577
- <span class="cline-any cline-yes">36x</span>
578
- <span class="cline-any cline-neutral">&nbsp;</span>
579
- <span class="cline-any cline-yes">36x</span>
580
- <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import { CheckCircle, XCircle, AlertTriangle, Loader2, X } from 'lucide-react';
581
- import { useState, useEffect } from 'react';
582
- &nbsp;
583
- interface ValidationResult {
584
- valid: boolean;
585
- workflow?: {
586
- id: string;
587
- name: string;
588
- version?: string;
589
- description?: string;
590
- };
591
- steps?: Array&lt;{
592
- id: string;
593
- action: string;
594
- description?: string;
595
- }&gt;;
596
- inputs?: Record&lt;string, any&gt;;
597
- warnings?: string[];
598
- error?: string;
599
- message?: string;
600
- }
601
- &nbsp;
602
- interface ValidationPanelProps {
603
- workflowPath: string | null;
604
- onClose: () =&gt; void;
605
- }
606
- &nbsp;
607
- export function ValidationPanel({ workflowPath, onClose }: ValidationPanelProps) {
608
- const [validating, setValidating] = useState(false);
609
- const [result, setResult] = useState&lt;ValidationResult | null&gt;(null);
610
- &nbsp;
611
- useEffect(() =&gt; {
612
- if (workflowPath) {
613
- validateWorkflow(workflowPath);
614
- }
615
- }, [workflowPath]);
616
- &nbsp;
617
- const validateWorkflow = async (path: string) =&gt; {
618
- setValidating(true);
619
- setResult(null);
620
- &nbsp;
621
- try {
622
- const response = await fetch(`/api/execute/${encodeURIComponent(path)}`, {
623
- method: 'POST',
624
- headers: {
625
- 'Content-Type': 'application/json',
626
- },
627
- body: JSON.stringify({
628
- dryRun: true,
629
- }),
630
- });
631
- &nbsp;
632
- const data = await response.json();
633
- &nbsp;
634
- if (response.ok) {
635
- setResult(data);
636
- } else {
637
- setResult({
638
- valid: false,
639
- error: data.<span class="branch-0 cbranch-no" title="branch not covered" >message || 'Validation failed',</span>
640
- });
641
- }
642
- } catch (error) {
643
- setResult({
644
- valid: false,
645
- error: error instanceof Error ? error.<span class="branch-0 cbranch-no" title="branch not covered" >message : 'Unknown error',</span>
646
- });
647
- } finally {
648
- setValidating(false);
649
- }
650
- };
651
- &nbsp;
652
- if (!workflowPath) return null;
653
- &nbsp;
654
- return (
655
- &lt;&gt;
656
- {/* Backdrop */}
657
- &lt;div
658
- className="fixed inset-0 bg-black/60 z-modal-backdrop backdrop-blur-sm"
659
- onClick={onClose}
660
- /&gt;
661
- &nbsp;
662
- {/* Panel */}
663
- &lt;div className="fixed inset-0 flex items-center justify-center z-modal p-4"&gt;
664
- &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;
665
- {/* Header */}
666
- &lt;div className="flex items-center justify-between p-6 border-b border-border-subtle"&gt;
667
- &lt;div&gt;
668
- &lt;h2 className="text-lg font-semibold text-text-primary"&gt;Workflow Validation&lt;/h2&gt;
669
- &lt;p className="text-sm text-text-secondary mt-1"&gt;Dry-run analysis results&lt;/p&gt;
670
- &lt;/div&gt;
671
- &lt;button
672
- onClick={onClose}
673
- className="w-8 h-8 rounded-lg flex items-center justify-center hover:bg-bg-hover transition-colors text-text-secondary"
674
- aria-label="Close validation panel"
675
- &gt;
676
- &lt;X className="w-4 h-4" /&gt;
677
- &lt;/button&gt;
678
- &lt;/div&gt;
679
- &nbsp;
680
- {/* Content */}
681
- &lt;div className="flex-1 overflow-y-auto p-6"&gt;
682
- {validating ? (
683
- &lt;div className="flex flex-col items-center justify-center py-12"&gt;
684
- &lt;Loader2 className="w-12 h-12 text-accent animate-spin mb-4" /&gt;
685
- &lt;p className="text-sm text-text-secondary"&gt;Validating workflow...&lt;/p&gt;
686
- &lt;/div&gt;
687
- ) : result ? (
688
- &lt;div className="space-y-6"&gt;
689
- {/* Status Banner */}
690
- &lt;div
691
- className={`flex items-start gap-3 p-4 rounded-lg border ${
692
- result.valid
693
- ? 'bg-success-bg border-success/30'
694
- : 'bg-error-bg border-error/30'
695
- }`}
696
- &gt;
697
- {result.valid ? (
698
- &lt;CheckCircle className="w-5 h-5 text-success flex-shrink-0 mt-0.5" /&gt;
699
- ) : (
700
- &lt;XCircle className="w-5 h-5 text-error flex-shrink-0 mt-0.5" /&gt;
701
- )}
702
- &lt;div className="flex-1"&gt;
703
- &lt;h3
704
- className={`text-sm font-medium ${
705
- result.valid ? 'text-success' : 'text-error'
706
- }`}
707
- &gt;
708
- {result.valid ? 'Workflow is valid' : 'Validation failed'}
709
- &lt;/h3&gt;
710
- {result.error &amp;&amp; (
711
- &lt;p className="text-sm text-text-secondary mt-1"&gt;{result.error}&lt;/p&gt;
712
- )}
713
- &lt;/div&gt;
714
- &lt;/div&gt;
715
- &nbsp;
716
- {/* Workflow Info */}
717
- {result.workflow &amp;&amp; (
718
- &lt;div className="space-y-3"&gt;
719
- &lt;h3 className="text-sm font-medium text-text-primary"&gt;Workflow Details&lt;/h3&gt;
720
- &lt;div className="bg-bg-surface border border-border-default rounded-lg p-4 space-y-2"&gt;
721
- &lt;div className="flex justify-between text-sm"&gt;
722
- &lt;span className="text-text-secondary"&gt;Name:&lt;/span&gt;
723
- &lt;span className="text-text-primary font-medium"&gt;
724
- {result.workflow.name}
725
- &lt;/span&gt;
726
- &lt;/div&gt;
727
- {result.workflow.version &amp;&amp; (
728
- &lt;div className="flex justify-between text-sm"&gt;
729
- &lt;span className="text-text-secondary"&gt;Version:&lt;/span&gt;
730
- &lt;span className="text-text-primary"&gt;{result.workflow.version}&lt;/span&gt;
731
- &lt;/div&gt;
732
- )}
733
- {result.workflow.description &amp;&amp; (
734
- &lt;div className="text-sm"&gt;
735
- &lt;span className="text-text-secondary"&gt;Description:&lt;/span&gt;
736
- &lt;p className="text-text-primary mt-1"&gt;
737
- {result.workflow.description}
738
- &lt;/p&gt;
739
- &lt;/div&gt;
740
- )}
741
- &lt;/div&gt;
742
- &lt;/div&gt;
743
- )}
744
- &nbsp;
745
- {/* Steps */}
746
- {result.steps &amp;&amp; result.steps.length &gt; 0 &amp;&amp; (
747
- &lt;div className="space-y-3"&gt;
748
- &lt;h3 className="text-sm font-medium text-text-primary"&gt;
749
- Steps ({result.steps.length})
750
- &lt;/h3&gt;
751
- &lt;div className="space-y-2"&gt;
752
- {result.steps.map((step, index) =&gt; (
753
- &lt;div
754
- key={step.id}
755
- className="bg-bg-surface border border-border-default rounded-lg p-3"
756
- &gt;
757
- &lt;div className="flex items-start gap-3"&gt;
758
- &lt;span className="flex-shrink-0 w-6 h-6 rounded-full bg-accent/10 text-accent text-xs font-medium flex items-center justify-center"&gt;
759
- {index + 1}
760
- &lt;/span&gt;
761
- &lt;div className="flex-1 min-w-0"&gt;
762
- &lt;p className="text-sm font-medium text-text-primary"&gt;
763
- {step.action}
764
- &lt;/p&gt;
765
- {step.description &amp;&amp; (
766
- &lt;p className="text-xs text-text-secondary mt-1"&gt;
767
- {step.description}
768
- &lt;/p&gt;
769
- )}
770
- &lt;/div&gt;
771
- &lt;/div&gt;
772
- &lt;/div&gt;
773
- ))}
774
- &lt;/div&gt;
775
- &lt;/div&gt;
776
- )}
777
- &nbsp;
778
- {/* Warnings */}
779
- {result.warnings &amp;&amp; result.warnings.length &gt; 0 &amp;&amp; (
780
- &lt;div className="space-y-3"&gt;
781
- &lt;h3 className="text-sm font-medium text-text-primary flex items-center gap-2"&gt;
782
- &lt;AlertTriangle className="w-4 h-4 text-warning" /&gt;
783
- Warnings ({result.warnings.length})
784
- &lt;/h3&gt;
785
- &lt;div className="space-y-2"&gt;
786
- {result.warnings.map((warning, index) =&gt; (
787
- &lt;div
788
- key={index}
789
- className="bg-warning-bg border border-warning/30 rounded-lg p-3"
790
- &gt;
791
- &lt;p className="text-sm text-text-primary"&gt;{warning}&lt;/p&gt;
792
- &lt;/div&gt;
793
- ))}
794
- &lt;/div&gt;
795
- &lt;/div&gt;
796
- )}
797
- &nbsp;
798
- {/* Inputs */}
799
- {result.inputs &amp;&amp; Object.keys(result.inputs).length &gt; 0 &amp;&amp; (
800
- &lt;div className="space-y-3"&gt;
801
- &lt;h3 className="text-sm font-medium text-text-primary"&gt;
802
- Required Inputs ({Object.keys(result.inputs).length})
803
- &lt;/h3&gt;
804
- &lt;div className="bg-bg-surface border border-border-default rounded-lg p-4 space-y-2"&gt;
805
- {Object.entries(result.inputs).map(([key, config]: [string, any]) =&gt; (
806
- &lt;div key={key} className="flex justify-between text-sm"&gt;
807
- &lt;span className="text-text-secondary"&gt;
808
- {key}
809
- {config.required &amp;&amp; &lt;span className="text-error ml-1"&gt;*&lt;/span&gt;}
810
- &lt;/span&gt;
811
- &lt;span className="text-text-primary font-mono text-xs"&gt;
812
- {config.<span class="branch-0 cbranch-no" title="branch not covered" >type || 'string'}</span>
813
- &lt;/span&gt;
814
- &lt;/div&gt;
815
- ))}
816
- &lt;/div&gt;
817
- &lt;/div&gt;
818
- )}
819
- &lt;/div&gt;
820
- ) : null}
821
- &lt;/div&gt;
822
- &nbsp;
823
- {/* Footer */}
824
- &lt;div className="flex items-center justify-end p-6 border-t border-border-subtle"&gt;
825
- &lt;button
826
- onClick={onClose}
827
- className="px-4 py-2 bg-accent hover:bg-accent-hover text-text-inverse rounded-lg text-sm font-medium transition-colors"
828
- &gt;
829
- Close
830
- &lt;/button&gt;
831
- &lt;/div&gt;
832
- &lt;/div&gt;
833
- &lt;/div&gt;
834
- &lt;/&gt;
835
- );
836
- }
837
- &nbsp;</pre></td></tr></table></pre>
838
-
839
- <div class='push'></div><!-- for sticky footer -->
840
- </div><!-- /wrapper -->
841
- <div class='footer quiet pad2 space-top1 center small'>
842
- Code coverage generated by
843
- <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
844
- at 2026-02-09T21:07:24.535Z
845
- </div>
846
- <script src="../../../prettify.js"></script>
847
- <script>
848
- window.onload = function () {
849
- prettyPrint();
850
- };
851
- </script>
852
- <script src="../../../sorter.js"></script>
853
- <script src="../../../block-navigation.js"></script>
854
- </body>
855
- </html>
856
-