@marktoflow/gui 2.0.1 → 2.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (167) hide show
  1. package/README.md +9 -3
  2. package/coverage/base.css +224 -0
  3. package/coverage/block-navigation.js +87 -0
  4. package/coverage/client/App.tsx.html +2230 -0
  5. package/coverage/client/components/Accessibility/LiveRegion.tsx.html +166 -0
  6. package/coverage/client/components/Accessibility/SkipNav.tsx.html +106 -0
  7. package/coverage/client/components/Accessibility/index.html +131 -0
  8. package/coverage/client/components/Admin/AuditViewer.tsx.html +214 -0
  9. package/coverage/client/components/Admin/EnvironmentSwitcher.tsx.html +187 -0
  10. package/coverage/client/components/Admin/RoleManager.tsx.html +250 -0
  11. package/coverage/client/components/Admin/SecretsVault.tsx.html +241 -0
  12. package/coverage/client/components/Admin/index.html +161 -0
  13. package/coverage/client/components/Canvas/AlignmentTools.tsx.html +694 -0
  14. package/coverage/client/components/Canvas/Canvas.tsx.html +1513 -0
  15. package/coverage/client/components/Canvas/DataPreviewBadge.tsx.html +307 -0
  16. package/coverage/client/components/Canvas/ExecutionInputDialog.tsx.html +769 -0
  17. package/coverage/client/components/Canvas/ExecutionOverlay.tsx.html +2938 -0
  18. package/coverage/client/components/Canvas/ForEachNode.tsx.html +568 -0
  19. package/coverage/client/components/Canvas/GroupNode.tsx.html +421 -0
  20. package/coverage/client/components/Canvas/IfElseNode.tsx.html +508 -0
  21. package/coverage/client/components/Canvas/InlineEditor.tsx.html +472 -0
  22. package/coverage/client/components/Canvas/NodeContextMenu.tsx.html +661 -0
  23. package/coverage/client/components/Canvas/NodeTooltip.tsx.html +316 -0
  24. package/coverage/client/components/Canvas/OutputNode.tsx.html +418 -0
  25. package/coverage/client/components/Canvas/ParallelNode.tsx.html +556 -0
  26. package/coverage/client/components/Canvas/StepNode.tsx.html +463 -0
  27. package/coverage/client/components/Canvas/StickyNoteNode.tsx.html +442 -0
  28. package/coverage/client/components/Canvas/SubWorkflowNode.tsx.html +508 -0
  29. package/coverage/client/components/Canvas/SwitchNode.tsx.html +640 -0
  30. package/coverage/client/components/Canvas/Toolbar.tsx.html +1030 -0
  31. package/coverage/client/components/Canvas/TransformNode.tsx.html +667 -0
  32. package/coverage/client/components/Canvas/TriggerNode.tsx.html +469 -0
  33. package/coverage/client/components/Canvas/TryCatchNode.tsx.html +577 -0
  34. package/coverage/client/components/Canvas/WhileNode.tsx.html +595 -0
  35. package/coverage/client/components/Canvas/index.html +446 -0
  36. package/coverage/client/components/Canvas/index.ts.html +157 -0
  37. package/coverage/client/components/Collaboration/ActivityFeed.tsx.html +253 -0
  38. package/coverage/client/components/Collaboration/CommentThread.tsx.html +397 -0
  39. package/coverage/client/components/Collaboration/LockIndicator.tsx.html +172 -0
  40. package/coverage/client/components/Collaboration/PresenceIndicator.tsx.html +214 -0
  41. package/coverage/client/components/Collaboration/index.html +161 -0
  42. package/coverage/client/components/CommandPalette/CommandItem.tsx.html +313 -0
  43. package/coverage/client/components/CommandPalette/CommandPalette.tsx.html +685 -0
  44. package/coverage/client/components/CommandPalette/index.html +131 -0
  45. package/coverage/client/components/Debug/VariableInspector.tsx.html +529 -0
  46. package/coverage/client/components/Debug/index.html +116 -0
  47. package/coverage/client/components/Editor/InputsEditor.tsx.html +1459 -0
  48. package/coverage/client/components/Editor/NewStepWizard.tsx.html +1117 -0
  49. package/coverage/client/components/Editor/StepEditor.tsx.html +1681 -0
  50. package/coverage/client/components/Editor/YamlEditor.tsx.html +565 -0
  51. package/coverage/client/components/Editor/index.html +161 -0
  52. package/coverage/client/components/Execution/TimelineView.tsx.html +397 -0
  53. package/coverage/client/components/Execution/index.html +116 -0
  54. package/coverage/client/components/Onboarding/OnboardingTour.tsx.html +265 -0
  55. package/coverage/client/components/Onboarding/index.html +116 -0
  56. package/coverage/client/components/Panels/PropertiesPanel.tsx.html +2035 -0
  57. package/coverage/client/components/Panels/ValidationPanel.tsx.html +856 -0
  58. package/coverage/client/components/Panels/index.html +131 -0
  59. package/coverage/client/components/Prompt/ChangePreview.tsx.html +928 -0
  60. package/coverage/client/components/Prompt/PromptHistoryPanel.tsx.html +712 -0
  61. package/coverage/client/components/Prompt/PromptInput.tsx.html +415 -0
  62. package/coverage/client/components/Prompt/index.html +146 -0
  63. package/coverage/client/components/Settings/ProviderSwitcher.tsx.html +1306 -0
  64. package/coverage/client/components/Settings/SettingsPanel.tsx.html +355 -0
  65. package/coverage/client/components/Settings/controls/SettingNumber.tsx.html +211 -0
  66. package/coverage/client/components/Settings/controls/SettingSelect.tsx.html +196 -0
  67. package/coverage/client/components/Settings/controls/SettingToggle.tsx.html +199 -0
  68. package/coverage/client/components/Settings/controls/index.html +146 -0
  69. package/coverage/client/components/Settings/index.html +131 -0
  70. package/coverage/client/components/Settings/sections/AISettings.tsx.html +154 -0
  71. package/coverage/client/components/Settings/sections/CanvasSettings.tsx.html +220 -0
  72. package/coverage/client/components/Settings/sections/EditorSettings.tsx.html +208 -0
  73. package/coverage/client/components/Settings/sections/ExecutionSettings.tsx.html +172 -0
  74. package/coverage/client/components/Settings/sections/GeneralSettings.tsx.html +151 -0
  75. package/coverage/client/components/Settings/sections/NotificationSettings.tsx.html +190 -0
  76. package/coverage/client/components/Settings/sections/index.html +191 -0
  77. package/coverage/client/components/Sidebar/ImportDialog.tsx.html +856 -0
  78. package/coverage/client/components/Sidebar/NewWorkflowDialog.tsx.html +694 -0
  79. package/coverage/client/components/Sidebar/Sidebar.tsx.html +1456 -0
  80. package/coverage/client/components/Sidebar/index.html +146 -0
  81. package/coverage/client/components/Templates/TemplateCard.tsx.html +181 -0
  82. package/coverage/client/components/Templates/TemplateGallery.tsx.html +307 -0
  83. package/coverage/client/components/Templates/index.html +131 -0
  84. package/coverage/client/components/Versions/DiffViewer.tsx.html +220 -0
  85. package/coverage/client/components/Versions/VersionHistory.tsx.html +352 -0
  86. package/coverage/client/components/Versions/index.html +131 -0
  87. package/coverage/client/components/common/Breadcrumb.tsx.html +205 -0
  88. package/coverage/client/components/common/Button.tsx.html +289 -0
  89. package/coverage/client/components/common/ContextMenu.tsx.html +691 -0
  90. package/coverage/client/components/common/KeyboardShortcuts.tsx.html +541 -0
  91. package/coverage/client/components/common/Modal.tsx.html +364 -0
  92. package/coverage/client/components/common/Tabs.tsx.html +256 -0
  93. package/coverage/client/components/common/ThemeToggle.tsx.html +301 -0
  94. package/coverage/client/components/common/index.html +206 -0
  95. package/coverage/client/components/index.html +116 -0
  96. package/coverage/client/components/index.ts.html +181 -0
  97. package/coverage/client/hooks/index.html +176 -0
  98. package/coverage/client/hooks/index.ts.html +97 -0
  99. package/coverage/client/hooks/useAIPrompt.ts.html +409 -0
  100. package/coverage/client/hooks/useCanvas.ts.html +739 -0
  101. package/coverage/client/hooks/useWebSocket.ts.html +580 -0
  102. package/coverage/client/hooks/useWorkflow.ts.html +502 -0
  103. package/coverage/client/index.html +131 -0
  104. package/coverage/client/main.tsx.html +115 -0
  105. package/coverage/client/stores/agentStore.ts.html +421 -0
  106. package/coverage/client/stores/canvasStore.ts.html +1129 -0
  107. package/coverage/client/stores/collaborationStore.ts.html +544 -0
  108. package/coverage/client/stores/commandStore.ts.html +610 -0
  109. package/coverage/client/stores/editorStore.ts.html +484 -0
  110. package/coverage/client/stores/executionStore.ts.html +1594 -0
  111. package/coverage/client/stores/governanceStore.ts.html +493 -0
  112. package/coverage/client/stores/index.html +341 -0
  113. package/coverage/client/stores/index.ts.html +112 -0
  114. package/coverage/client/stores/layoutStore.ts.html +439 -0
  115. package/coverage/client/stores/navigationStore.ts.html +232 -0
  116. package/coverage/client/stores/onboardingStore.ts.html +247 -0
  117. package/coverage/client/stores/promptStore.ts.html +430 -0
  118. package/coverage/client/stores/settingsStore.ts.html +472 -0
  119. package/coverage/client/stores/themeStore.ts.html +271 -0
  120. package/coverage/client/stores/versionStore.ts.html +340 -0
  121. package/coverage/client/stores/workflowStore.ts.html +739 -0
  122. package/coverage/client/utils/applyDagreLayout.ts.html +286 -0
  123. package/coverage/client/utils/cn.ts.html +112 -0
  124. package/coverage/client/utils/index.html +206 -0
  125. package/coverage/client/utils/index.ts.html +97 -0
  126. package/coverage/client/utils/platform.ts.html +223 -0
  127. package/coverage/client/utils/serviceIcons.tsx.html +376 -0
  128. package/coverage/client/utils/stepValidation.ts.html +550 -0
  129. package/coverage/client/utils/workflowToGraph.ts.html +1624 -0
  130. package/coverage/coverage-final.json +107 -0
  131. package/coverage/favicon.png +0 -0
  132. package/coverage/index.html +461 -0
  133. package/coverage/prettify.css +1 -0
  134. package/coverage/prettify.js +2 -0
  135. package/coverage/shared/constants.ts.html +655 -0
  136. package/coverage/shared/index.html +146 -0
  137. package/coverage/shared/settings.ts.html +406 -0
  138. package/coverage/shared/types.ts.html +622 -0
  139. package/coverage/sort-arrow-sprite.png +0 -0
  140. package/coverage/sorter.js +210 -0
  141. package/dist/client/assets/{index-DQeR1ew6.css → index-DipWdkNl.css} +1 -1
  142. package/dist/client/assets/{index-LbIVPHbD.js → index-DtX_BPDj.js} +20 -20
  143. package/dist/client/assets/{index-LbIVPHbD.js.map → index-DtX_BPDj.js.map} +1 -1
  144. package/dist/client/index.html +3 -3
  145. package/dist/server/routes/form.js +27 -1
  146. package/dist/server/routes/form.js.map +1 -1
  147. package/dist/server/services/AIService.js +16 -6
  148. package/dist/server/services/AIService.js.map +1 -1
  149. package/dist/server/services/agents/{claude-code-provider.js → claude-agent-provider.js} +11 -11
  150. package/dist/server/services/agents/claude-agent-provider.js.map +1 -0
  151. package/dist/server/services/agents/claude-provider.js +4 -5
  152. package/dist/server/services/agents/claude-provider.js.map +1 -1
  153. package/dist/server/services/agents/codex-provider.js +5 -6
  154. package/dist/server/services/agents/codex-provider.js.map +1 -1
  155. package/dist/server/services/agents/copilot-provider.js +35 -8
  156. package/dist/server/services/agents/copilot-provider.js.map +1 -1
  157. package/dist/server/services/agents/openai-provider.js +244 -0
  158. package/dist/server/services/agents/openai-provider.js.map +1 -0
  159. package/dist/server/services/agents/opencode-provider.js +258 -0
  160. package/dist/server/services/agents/opencode-provider.js.map +1 -0
  161. package/dist/server/services/agents/registry.js +17 -22
  162. package/dist/server/services/agents/registry.js.map +1 -1
  163. package/index.html +1 -1
  164. package/package.json +3 -3
  165. package/client.log +0 -0
  166. package/dist/server/services/agents/claude-code-provider.js.map +0 -1
  167. package/server.log +0 -0
package/coverage/client/components/Canvas/OutputNode.tsx.html ADDED
@@ -0,0 +1,418 @@
1
+
2
+ <!doctype html>
3
+ <html lang="en">
4
+
5
+ <head>
6
+ <title>Code coverage report for client/components/Canvas/OutputNode.tsx</title>
7
+ <meta charset="utf-8" />
8
+ <link rel="stylesheet" href="../../../prettify.css" />
9
+ <link rel="stylesheet" href="../../../base.css" />
10
+ <link rel="shortcut icon" type="image/x-icon" href="../../../favicon.png" />
11
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
12
+ <style type='text/css'>
13
+ .coverage-summary .sorter {
14
+ background-image: url(../../../sort-arrow-sprite.png);
15
+ }
16
+ </style>
17
+ </head>
18
+
19
+ <body>
20
+ <div class='wrapper'>
21
+ <div class='pad1'>
22
+ <h1><a href="../../../index.html">All files</a> / <a href="index.html">client/components/Canvas</a> OutputNode.tsx</h1>
23
+ <div class='clearfix'>
24
+
25
+ <div class='fl pad1y space-right2'>
26
+ <span class="strong">0% </span>
27
+ <span class="quiet">Statements</span>
28
+ <span class='fraction'>0/78</span>
29
+ </div>
30
+
31
+
32
+ <div class='fl pad1y space-right2'>
33
+ <span class="strong">0% </span>
34
+ <span class="quiet">Branches</span>
35
+ <span class='fraction'>0/1</span>
36
+ </div>
37
+
38
+
39
+ <div class='fl pad1y space-right2'>
40
+ <span class="strong">0% </span>
41
+ <span class="quiet">Functions</span>
42
+ <span class='fraction'>0/1</span>
43
+ </div>
44
+
45
+
46
+ <div class='fl pad1y space-right2'>
47
+ <span class="strong">0% </span>
48
+ <span class="quiet">Lines</span>
49
+ <span class='fraction'>0/78</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 low'></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></td><td class="line-coverage quiet"><span class="cline-any cline-no">&nbsp;</span>
178
+ <span class="cline-any cline-neutral">&nbsp;</span>
179
+ <span class="cline-any cline-neutral">&nbsp;</span>
180
+ <span class="cline-any cline-neutral">&nbsp;</span>
181
+ <span class="cline-any cline-neutral">&nbsp;</span>
182
+ <span class="cline-any cline-neutral">&nbsp;</span>
183
+ <span class="cline-any cline-neutral">&nbsp;</span>
184
+ <span class="cline-any cline-neutral">&nbsp;</span>
185
+ <span class="cline-any cline-neutral">&nbsp;</span>
186
+ <span class="cline-any cline-neutral">&nbsp;</span>
187
+ <span class="cline-any cline-neutral">&nbsp;</span>
188
+ <span class="cline-any cline-neutral">&nbsp;</span>
189
+ <span class="cline-any cline-neutral">&nbsp;</span>
190
+ <span class="cline-any cline-neutral">&nbsp;</span>
191
+ <span class="cline-any cline-neutral">&nbsp;</span>
192
+ <span class="cline-any cline-no">&nbsp;</span>
193
+ <span class="cline-any cline-no">&nbsp;</span>
194
+ <span class="cline-any cline-no">&nbsp;</span>
195
+ <span class="cline-any cline-no">&nbsp;</span>
196
+ <span class="cline-any cline-no">&nbsp;</span>
197
+ <span class="cline-any cline-no">&nbsp;</span>
198
+ <span class="cline-any cline-no">&nbsp;</span>
199
+ <span class="cline-any cline-no">&nbsp;</span>
200
+ <span class="cline-any cline-no">&nbsp;</span>
201
+ <span class="cline-any cline-no">&nbsp;</span>
202
+ <span class="cline-any cline-no">&nbsp;</span>
203
+ <span class="cline-any cline-no">&nbsp;</span>
204
+ <span class="cline-any cline-no">&nbsp;</span>
205
+ <span class="cline-any cline-no">&nbsp;</span>
206
+ <span class="cline-any cline-no">&nbsp;</span>
207
+ <span class="cline-any cline-no">&nbsp;</span>
208
+ <span class="cline-any cline-no">&nbsp;</span>
209
+ <span class="cline-any cline-no">&nbsp;</span>
210
+ <span class="cline-any cline-no">&nbsp;</span>
211
+ <span class="cline-any cline-no">&nbsp;</span>
212
+ <span class="cline-any cline-no">&nbsp;</span>
213
+ <span class="cline-any cline-neutral">&nbsp;</span>
214
+ <span class="cline-any cline-no">&nbsp;</span>
215
+ <span class="cline-any cline-no">&nbsp;</span>
216
+ <span class="cline-any cline-no">&nbsp;</span>
217
+ <span class="cline-any cline-neutral">&nbsp;</span>
218
+ <span class="cline-any cline-no">&nbsp;</span>
219
+ <span class="cline-any cline-no">&nbsp;</span>
220
+ <span class="cline-any cline-no">&nbsp;</span>
221
+ <span class="cline-any cline-no">&nbsp;</span>
222
+ <span class="cline-any cline-no">&nbsp;</span>
223
+ <span class="cline-any cline-neutral">&nbsp;</span>
224
+ <span class="cline-any cline-neutral">&nbsp;</span>
225
+ <span class="cline-any cline-no">&nbsp;</span>
226
+ <span class="cline-any cline-no">&nbsp;</span>
227
+ <span class="cline-any cline-no">&nbsp;</span>
228
+ <span class="cline-any cline-no">&nbsp;</span>
229
+ <span class="cline-any cline-no">&nbsp;</span>
230
+ <span class="cline-any cline-neutral">&nbsp;</span>
231
+ <span class="cline-any cline-neutral">&nbsp;</span>
232
+ <span class="cline-any cline-no">&nbsp;</span>
233
+ <span class="cline-any cline-no">&nbsp;</span>
234
+ <span class="cline-any cline-no">&nbsp;</span>
235
+ <span class="cline-any cline-no">&nbsp;</span>
236
+ <span class="cline-any cline-no">&nbsp;</span>
237
+ <span class="cline-any cline-no">&nbsp;</span>
238
+ <span class="cline-any cline-neutral">&nbsp;</span>
239
+ <span class="cline-any cline-no">&nbsp;</span>
240
+ <span class="cline-any cline-no">&nbsp;</span>
241
+ <span class="cline-any cline-no">&nbsp;</span>
242
+ <span class="cline-any cline-no">&nbsp;</span>
243
+ <span class="cline-any cline-no">&nbsp;</span>
244
+ <span class="cline-any cline-no">&nbsp;</span>
245
+ <span class="cline-any cline-no">&nbsp;</span>
246
+ <span class="cline-any cline-neutral">&nbsp;</span>
247
+ <span class="cline-any cline-neutral">&nbsp;</span>
248
+ <span class="cline-any cline-no">&nbsp;</span>
249
+ <span class="cline-any cline-no">&nbsp;</span>
250
+ <span class="cline-any cline-no">&nbsp;</span>
251
+ <span class="cline-any cline-no">&nbsp;</span>
252
+ <span class="cline-any cline-no">&nbsp;</span>
253
+ <span class="cline-any cline-no">&nbsp;</span>
254
+ <span class="cline-any cline-no">&nbsp;</span>
255
+ <span class="cline-any cline-no">&nbsp;</span>
256
+ <span class="cline-any cline-neutral">&nbsp;</span>
257
+ <span class="cline-any cline-no">&nbsp;</span>
258
+ <span class="cline-any cline-no">&nbsp;</span>
259
+ <span class="cline-any cline-no">&nbsp;</span>
260
+ <span class="cline-any cline-no">&nbsp;</span>
261
+ <span class="cline-any cline-no">&nbsp;</span>
262
+ <span class="cline-any cline-neutral">&nbsp;</span>
263
+ <span class="cline-any cline-neutral">&nbsp;</span>
264
+ <span class="cline-any cline-neutral">&nbsp;</span>
265
+ <span class="cline-any cline-no">&nbsp;</span>
266
+ <span class="cline-any cline-no">&nbsp;</span>
267
+ <span class="cline-any cline-no">&nbsp;</span>
268
+ <span class="cline-any cline-no">&nbsp;</span>
269
+ <span class="cline-any cline-neutral">&nbsp;</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-no">&nbsp;</span>
273
+ <span class="cline-any cline-no">&nbsp;</span>
274
+ <span class="cline-any cline-no">&nbsp;</span>
275
+ <span class="cline-any cline-no">&nbsp;</span>
276
+ <span class="cline-any cline-no">&nbsp;</span>
277
+ <span class="cline-any cline-no">&nbsp;</span>
278
+ <span class="cline-any cline-no">&nbsp;</span>
279
+ <span class="cline-any cline-no">&nbsp;</span>
280
+ <span class="cline-any cline-no">&nbsp;</span>
281
+ <span class="cline-any cline-no">&nbsp;</span>
282
+ <span class="cline-any cline-neutral">&nbsp;</span>
283
+ <span class="cline-any cline-no">&nbsp;</span>
284
+ <span class="cline-any cline-neutral">&nbsp;</span>
285
+ <span class="cline-any cline-no">&nbsp;</span>
286
+ <span class="cline-any cline-neutral">&nbsp;</span>
287
+ <span class="cline-any cline-no">&nbsp;</span>
288
+ <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js"><span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" ><span class="branch-0 cbranch-no" title="branch not covered" >import { memo } from 'react';</span></span></span>
289
+ import { Handle, Position, type Node, type NodeProps } from '@xyflow/react';
290
+ import { Flag, CheckCircle, XCircle, Clock } from 'lucide-react';
291
+ &nbsp;
292
+ export interface OutputNodeData extends Record&lt;string, unknown&gt; {
293
+ id: string;
294
+ name?: string;
295
+ description?: string;
296
+ variables?: string[];
297
+ status?: 'pending' | 'completed' | 'failed';
298
+ result?: unknown;
299
+ }
300
+ &nbsp;
301
+ export type OutputNodeType = Node&lt;OutputNodeData, 'output'&gt;;
302
+ &nbsp;
303
+ <span class="cstat-no" title="statement not covered" >function OutputNodeComponent({ data, selected }: NodeProps&lt;OutputNodeType&gt;) {</span>
304
+ <span class="cstat-no" title="statement not covered" > const statusConfig = {</span>
305
+ <span class="cstat-no" title="statement not covered" > pending: {</span>
306
+ <span class="cstat-no" title="statement not covered" > icon: Clock,</span>
307
+ <span class="cstat-no" title="statement not covered" > color: 'text-text-muted',</span>
308
+ <span class="cstat-no" title="statement not covered" > borderColor: 'border-gray-500',</span>
309
+ <span class="cstat-no" title="statement not covered" > bgColor: 'bg-gray-500/10',</span>
310
+ <span class="cstat-no" title="statement not covered" > },</span>
311
+ <span class="cstat-no" title="statement not covered" > completed: {</span>
312
+ <span class="cstat-no" title="statement not covered" > icon: CheckCircle,</span>
313
+ <span class="cstat-no" title="statement not covered" > color: 'text-success',</span>
314
+ <span class="cstat-no" title="statement not covered" > borderColor: 'border-success',</span>
315
+ <span class="cstat-no" title="statement not covered" > bgColor: 'bg-success/10',</span>
316
+ <span class="cstat-no" title="statement not covered" > },</span>
317
+ <span class="cstat-no" title="statement not covered" > failed: {</span>
318
+ <span class="cstat-no" title="statement not covered" > icon: XCircle,</span>
319
+ <span class="cstat-no" title="statement not covered" > color: 'text-error',</span>
320
+ <span class="cstat-no" title="statement not covered" > borderColor: 'border-error',</span>
321
+ <span class="cstat-no" title="statement not covered" > bgColor: 'bg-error/10',</span>
322
+ <span class="cstat-no" title="statement not covered" > },</span>
323
+ <span class="cstat-no" title="statement not covered" > };</span>
324
+ &nbsp;
325
+ <span class="cstat-no" title="statement not covered" > const status = data.status || 'pending';</span>
326
+ <span class="cstat-no" title="statement not covered" > const config = statusConfig[status];</span>
327
+ <span class="cstat-no" title="statement not covered" > const StatusIcon = config.icon;</span>
328
+ &nbsp;
329
+ <span class="cstat-no" title="statement not covered" > return (</span>
330
+ <span class="cstat-no" title="statement not covered" > &lt;div</span>
331
+ <span class="cstat-no" title="statement not covered" > className={`min-w-[160px] rounded-lg border-2 ${config.borderColor} ${config.bgColor} ${</span>
332
+ <span class="cstat-no" title="statement not covered" > selected ? 'ring-2 ring-primary ring-offset-2 ring-offset-canvas-bg' : ''</span>
333
+ <span class="cstat-no" title="statement not covered" > } transition-all duration-200`}</span>
334
+ &gt;
335
+ {/* Input handle */}
336
+ <span class="cstat-no" title="statement not covered" > &lt;Handle</span>
337
+ <span class="cstat-no" title="statement not covered" > type="target"</span>
338
+ <span class="cstat-no" title="statement not covered" > position={Position.Top}</span>
339
+ <span class="cstat-no" title="statement not covered" > className="!w-3 !h-3 !bg-primary !border-2 !border-canvas-bg"</span>
340
+ <span class="cstat-no" title="statement not covered" > /&gt;</span>
341
+ &nbsp;
342
+ {/* Header */}
343
+ <span class="cstat-no" title="statement not covered" > &lt;div className="px-3 py-2 flex items-center gap-2"&gt;</span>
344
+ <span class="cstat-no" title="statement not covered" > &lt;div className={`w-8 h-8 rounded-full ${config.bgColor} flex items-center justify-center`}&gt;</span>
345
+ <span class="cstat-no" title="statement not covered" > &lt;Flag className={`w-4 h-4 ${config.color}`} /&gt;</span>
346
+ <span class="cstat-no" title="statement not covered" > &lt;/div&gt;</span>
347
+ <span class="cstat-no" title="statement not covered" > &lt;div className="flex-1 min-w-0"&gt;</span>
348
+ <span class="cstat-no" title="statement not covered" > &lt;div className="text-xs font-medium text-text-muted uppercase tracking-wider"&gt;</span>
349
+ Output
350
+ <span class="cstat-no" title="statement not covered" > &lt;/div&gt;</span>
351
+ <span class="cstat-no" title="statement not covered" > &lt;div className="text-sm font-medium text-text-primary truncate"&gt;</span>
352
+ <span class="cstat-no" title="statement not covered" > {data.name || 'Workflow End'}</span>
353
+ <span class="cstat-no" title="statement not covered" > &lt;/div&gt;</span>
354
+ <span class="cstat-no" title="statement not covered" > &lt;/div&gt;</span>
355
+ <span class="cstat-no" title="statement not covered" > &lt;StatusIcon className={`w-4 h-4 ${config.color}`} /&gt;</span>
356
+ <span class="cstat-no" title="statement not covered" > &lt;/div&gt;</span>
357
+ &nbsp;
358
+ {/* Variables */}
359
+ <span class="cstat-no" title="statement not covered" > {data.variables &amp;&amp; data.variables.length &gt; 0 &amp;&amp; (</span>
360
+ <span class="cstat-no" title="statement not covered" > &lt;div className="px-3 py-2 border-t border-border-subtle"&gt;</span>
361
+ <span class="cstat-no" title="statement not covered" > &lt;div className="text-xs text-text-muted mb-1"&gt;Output Variables&lt;/div&gt;</span>
362
+ <span class="cstat-no" title="statement not covered" > &lt;div className="flex flex-wrap gap-1"&gt;</span>
363
+ <span class="cstat-no" title="statement not covered" > {data.variables.map((variable) =&gt; (</span>
364
+ <span class="cstat-no" title="statement not covered" > &lt;code</span>
365
+ <span class="cstat-no" title="statement not covered" > key={variable}</span>
366
+ <span class="cstat-no" title="statement not covered" > className="px-1.5 py-0.5 bg-white/5 text-primary text-xs rounded"</span>
367
+ &gt;
368
+ <span class="cstat-no" title="statement not covered" > {variable}</span>
369
+ <span class="cstat-no" title="statement not covered" > &lt;/code&gt;</span>
370
+ <span class="cstat-no" title="statement not covered" > ))}</span>
371
+ <span class="cstat-no" title="statement not covered" > &lt;/div&gt;</span>
372
+ <span class="cstat-no" title="statement not covered" > &lt;/div&gt;</span>
373
+ )}
374
+ &nbsp;
375
+ {/* Description */}
376
+ <span class="cstat-no" title="statement not covered" > {data.description &amp;&amp; (</span>
377
+ <span class="cstat-no" title="statement not covered" > &lt;div className="px-3 py-2 border-t border-border-subtle"&gt;</span>
378
+ <span class="cstat-no" title="statement not covered" > &lt;div className="text-xs text-text-secondary"&gt;{data.description}&lt;/div&gt;</span>
379
+ <span class="cstat-no" title="statement not covered" > &lt;/div&gt;</span>
380
+ )}
381
+ &nbsp;
382
+ {/* Result preview */}
383
+ <span class="cstat-no" title="statement not covered" > {status === 'completed' &amp;&amp; data.result !== undefined &amp;&amp; (</span>
384
+ <span class="cstat-no" title="statement not covered" > &lt;div className="px-3 py-2 border-t border-border-subtle"&gt;</span>
385
+ <span class="cstat-no" title="statement not covered" > &lt;div className="text-xs text-text-muted mb-1"&gt;Result&lt;/div&gt;</span>
386
+ <span class="cstat-no" title="statement not covered" > &lt;pre className="text-xs text-success font-mono bg-black/20 rounded p-1.5 overflow-x-auto max-h-20"&gt;</span>
387
+ <span class="cstat-no" title="statement not covered" > {typeof data.result === 'string'</span>
388
+ <span class="cstat-no" title="statement not covered" > ? data.result.slice(0, 100)</span>
389
+ <span class="cstat-no" title="statement not covered" > : JSON.stringify(data.result, null, 2).slice(0, 100)}</span>
390
+ <span class="cstat-no" title="statement not covered" > {(typeof data.result === 'string' ? data.result : JSON.stringify(data.result)).length &gt; 100 &amp;&amp; '...'}</span>
391
+ <span class="cstat-no" title="statement not covered" > &lt;/pre&gt;</span>
392
+ <span class="cstat-no" title="statement not covered" > &lt;/div&gt;</span>
393
+ )}
394
+ <span class="cstat-no" title="statement not covered" > &lt;/div&gt;</span>
395
+ );
396
+ <span class="cstat-no" title="statement not covered" >}</span>
397
+ &nbsp;
398
+ <span class="cstat-no" title="statement not covered" >export const OutputNode = memo(OutputNodeComponent);</span>
399
+ &nbsp;</pre></td></tr></table></pre>
400
+
401
+ <div class='push'></div><!-- for sticky footer -->
402
+ </div><!-- /wrapper -->
403
+ <div class='footer quiet pad2 space-top1 center small'>
404
+ Code coverage generated by
405
+ <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
406
+ at 2026-02-09T21:07:24.535Z
407
+ </div>
408
+ <script src="../../../prettify.js"></script>
409
+ <script>
410
+ window.onload = function () {
411
+ prettyPrint();
412
+ };
413
+ </script>
414
+ <script src="../../../sorter.js"></script>
415
+ <script src="../../../block-navigation.js"></script>
416
+ </body>
417
+ </html>
418
+