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