@marktoflow/gui 2.0.3 → 2.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (155) hide show
  1. package/README.md +5 -3
  2. package/client.log +0 -0
  3. package/dist/client/assets/{index-DtX_BPDj.js → index-iXI2YSzR.js} +47 -47
  4. package/dist/client/assets/index-iXI2YSzR.js.map +1 -0
  5. package/dist/client/index.html +1 -1
  6. package/dist/server/routes/tools.js +29 -884
  7. package/dist/server/routes/tools.js.map +1 -1
  8. package/dist/server/services/WorkflowService.js +4 -1
  9. package/dist/server/services/WorkflowService.js.map +1 -1
  10. package/dist/server/services/agents/openai-provider.js +31 -1
  11. package/dist/server/services/agents/openai-provider.js.map +1 -1
  12. package/dist/shared/constants.js +5 -0
  13. package/dist/shared/constants.js.map +1 -1
  14. package/package.json +20 -6
  15. package/server.log +0 -0
  16. package/coverage/base.css +0 -224
  17. package/coverage/block-navigation.js +0 -87
  18. package/coverage/client/App.tsx.html +0 -2230
  19. package/coverage/client/components/Accessibility/LiveRegion.tsx.html +0 -166
  20. package/coverage/client/components/Accessibility/SkipNav.tsx.html +0 -106
  21. package/coverage/client/components/Accessibility/index.html +0 -131
  22. package/coverage/client/components/Admin/AuditViewer.tsx.html +0 -214
  23. package/coverage/client/components/Admin/EnvironmentSwitcher.tsx.html +0 -187
  24. package/coverage/client/components/Admin/RoleManager.tsx.html +0 -250
  25. package/coverage/client/components/Admin/SecretsVault.tsx.html +0 -241
  26. package/coverage/client/components/Admin/index.html +0 -161
  27. package/coverage/client/components/Canvas/AlignmentTools.tsx.html +0 -694
  28. package/coverage/client/components/Canvas/Canvas.tsx.html +0 -1513
  29. package/coverage/client/components/Canvas/DataPreviewBadge.tsx.html +0 -307
  30. package/coverage/client/components/Canvas/ExecutionInputDialog.tsx.html +0 -769
  31. package/coverage/client/components/Canvas/ExecutionOverlay.tsx.html +0 -2938
  32. package/coverage/client/components/Canvas/ForEachNode.tsx.html +0 -568
  33. package/coverage/client/components/Canvas/GroupNode.tsx.html +0 -421
  34. package/coverage/client/components/Canvas/IfElseNode.tsx.html +0 -508
  35. package/coverage/client/components/Canvas/InlineEditor.tsx.html +0 -472
  36. package/coverage/client/components/Canvas/NodeContextMenu.tsx.html +0 -661
  37. package/coverage/client/components/Canvas/NodeTooltip.tsx.html +0 -316
  38. package/coverage/client/components/Canvas/OutputNode.tsx.html +0 -418
  39. package/coverage/client/components/Canvas/ParallelNode.tsx.html +0 -556
  40. package/coverage/client/components/Canvas/StepNode.tsx.html +0 -463
  41. package/coverage/client/components/Canvas/StickyNoteNode.tsx.html +0 -442
  42. package/coverage/client/components/Canvas/SubWorkflowNode.tsx.html +0 -508
  43. package/coverage/client/components/Canvas/SwitchNode.tsx.html +0 -640
  44. package/coverage/client/components/Canvas/Toolbar.tsx.html +0 -1030
  45. package/coverage/client/components/Canvas/TransformNode.tsx.html +0 -667
  46. package/coverage/client/components/Canvas/TriggerNode.tsx.html +0 -469
  47. package/coverage/client/components/Canvas/TryCatchNode.tsx.html +0 -577
  48. package/coverage/client/components/Canvas/WhileNode.tsx.html +0 -595
  49. package/coverage/client/components/Canvas/index.html +0 -446
  50. package/coverage/client/components/Canvas/index.ts.html +0 -157
  51. package/coverage/client/components/Collaboration/ActivityFeed.tsx.html +0 -253
  52. package/coverage/client/components/Collaboration/CommentThread.tsx.html +0 -397
  53. package/coverage/client/components/Collaboration/LockIndicator.tsx.html +0 -172
  54. package/coverage/client/components/Collaboration/PresenceIndicator.tsx.html +0 -214
  55. package/coverage/client/components/Collaboration/index.html +0 -161
  56. package/coverage/client/components/CommandPalette/CommandItem.tsx.html +0 -313
  57. package/coverage/client/components/CommandPalette/CommandPalette.tsx.html +0 -685
  58. package/coverage/client/components/CommandPalette/index.html +0 -131
  59. package/coverage/client/components/Debug/VariableInspector.tsx.html +0 -529
  60. package/coverage/client/components/Debug/index.html +0 -116
  61. package/coverage/client/components/Editor/InputsEditor.tsx.html +0 -1459
  62. package/coverage/client/components/Editor/NewStepWizard.tsx.html +0 -1117
  63. package/coverage/client/components/Editor/StepEditor.tsx.html +0 -1681
  64. package/coverage/client/components/Editor/YamlEditor.tsx.html +0 -565
  65. package/coverage/client/components/Editor/index.html +0 -161
  66. package/coverage/client/components/Execution/TimelineView.tsx.html +0 -397
  67. package/coverage/client/components/Execution/index.html +0 -116
  68. package/coverage/client/components/Onboarding/OnboardingTour.tsx.html +0 -265
  69. package/coverage/client/components/Onboarding/index.html +0 -116
  70. package/coverage/client/components/Panels/PropertiesPanel.tsx.html +0 -2035
  71. package/coverage/client/components/Panels/ValidationPanel.tsx.html +0 -856
  72. package/coverage/client/components/Panels/index.html +0 -131
  73. package/coverage/client/components/Prompt/ChangePreview.tsx.html +0 -928
  74. package/coverage/client/components/Prompt/PromptHistoryPanel.tsx.html +0 -712
  75. package/coverage/client/components/Prompt/PromptInput.tsx.html +0 -415
  76. package/coverage/client/components/Prompt/index.html +0 -146
  77. package/coverage/client/components/Settings/ProviderSwitcher.tsx.html +0 -1306
  78. package/coverage/client/components/Settings/SettingsPanel.tsx.html +0 -355
  79. package/coverage/client/components/Settings/controls/SettingNumber.tsx.html +0 -211
  80. package/coverage/client/components/Settings/controls/SettingSelect.tsx.html +0 -196
  81. package/coverage/client/components/Settings/controls/SettingToggle.tsx.html +0 -199
  82. package/coverage/client/components/Settings/controls/index.html +0 -146
  83. package/coverage/client/components/Settings/index.html +0 -131
  84. package/coverage/client/components/Settings/sections/AISettings.tsx.html +0 -154
  85. package/coverage/client/components/Settings/sections/CanvasSettings.tsx.html +0 -220
  86. package/coverage/client/components/Settings/sections/EditorSettings.tsx.html +0 -208
  87. package/coverage/client/components/Settings/sections/ExecutionSettings.tsx.html +0 -172
  88. package/coverage/client/components/Settings/sections/GeneralSettings.tsx.html +0 -151
  89. package/coverage/client/components/Settings/sections/NotificationSettings.tsx.html +0 -190
  90. package/coverage/client/components/Settings/sections/index.html +0 -191
  91. package/coverage/client/components/Sidebar/ImportDialog.tsx.html +0 -856
  92. package/coverage/client/components/Sidebar/NewWorkflowDialog.tsx.html +0 -694
  93. package/coverage/client/components/Sidebar/Sidebar.tsx.html +0 -1456
  94. package/coverage/client/components/Sidebar/index.html +0 -146
  95. package/coverage/client/components/Templates/TemplateCard.tsx.html +0 -181
  96. package/coverage/client/components/Templates/TemplateGallery.tsx.html +0 -307
  97. package/coverage/client/components/Templates/index.html +0 -131
  98. package/coverage/client/components/Versions/DiffViewer.tsx.html +0 -220
  99. package/coverage/client/components/Versions/VersionHistory.tsx.html +0 -352
  100. package/coverage/client/components/Versions/index.html +0 -131
  101. package/coverage/client/components/common/Breadcrumb.tsx.html +0 -205
  102. package/coverage/client/components/common/Button.tsx.html +0 -289
  103. package/coverage/client/components/common/ContextMenu.tsx.html +0 -691
  104. package/coverage/client/components/common/KeyboardShortcuts.tsx.html +0 -541
  105. package/coverage/client/components/common/Modal.tsx.html +0 -364
  106. package/coverage/client/components/common/Tabs.tsx.html +0 -256
  107. package/coverage/client/components/common/ThemeToggle.tsx.html +0 -301
  108. package/coverage/client/components/common/index.html +0 -206
  109. package/coverage/client/components/index.html +0 -116
  110. package/coverage/client/components/index.ts.html +0 -181
  111. package/coverage/client/hooks/index.html +0 -176
  112. package/coverage/client/hooks/index.ts.html +0 -97
  113. package/coverage/client/hooks/useAIPrompt.ts.html +0 -409
  114. package/coverage/client/hooks/useCanvas.ts.html +0 -739
  115. package/coverage/client/hooks/useWebSocket.ts.html +0 -580
  116. package/coverage/client/hooks/useWorkflow.ts.html +0 -502
  117. package/coverage/client/index.html +0 -131
  118. package/coverage/client/main.tsx.html +0 -115
  119. package/coverage/client/stores/agentStore.ts.html +0 -421
  120. package/coverage/client/stores/canvasStore.ts.html +0 -1129
  121. package/coverage/client/stores/collaborationStore.ts.html +0 -544
  122. package/coverage/client/stores/commandStore.ts.html +0 -610
  123. package/coverage/client/stores/editorStore.ts.html +0 -484
  124. package/coverage/client/stores/executionStore.ts.html +0 -1594
  125. package/coverage/client/stores/governanceStore.ts.html +0 -493
  126. package/coverage/client/stores/index.html +0 -341
  127. package/coverage/client/stores/index.ts.html +0 -112
  128. package/coverage/client/stores/layoutStore.ts.html +0 -439
  129. package/coverage/client/stores/navigationStore.ts.html +0 -232
  130. package/coverage/client/stores/onboardingStore.ts.html +0 -247
  131. package/coverage/client/stores/promptStore.ts.html +0 -430
  132. package/coverage/client/stores/settingsStore.ts.html +0 -472
  133. package/coverage/client/stores/themeStore.ts.html +0 -271
  134. package/coverage/client/stores/versionStore.ts.html +0 -340
  135. package/coverage/client/stores/workflowStore.ts.html +0 -739
  136. package/coverage/client/utils/applyDagreLayout.ts.html +0 -286
  137. package/coverage/client/utils/cn.ts.html +0 -112
  138. package/coverage/client/utils/index.html +0 -206
  139. package/coverage/client/utils/index.ts.html +0 -97
  140. package/coverage/client/utils/platform.ts.html +0 -223
  141. package/coverage/client/utils/serviceIcons.tsx.html +0 -376
  142. package/coverage/client/utils/stepValidation.ts.html +0 -550
  143. package/coverage/client/utils/workflowToGraph.ts.html +0 -1624
  144. package/coverage/coverage-final.json +0 -107
  145. package/coverage/favicon.png +0 -0
  146. package/coverage/index.html +0 -461
  147. package/coverage/prettify.css +0 -1
  148. package/coverage/prettify.js +0 -2
  149. package/coverage/shared/constants.ts.html +0 -655
  150. package/coverage/shared/index.html +0 -146
  151. package/coverage/shared/settings.ts.html +0 -406
  152. package/coverage/shared/types.ts.html +0 -622
  153. package/coverage/sort-arrow-sprite.png +0 -0
  154. package/coverage/sorter.js +0 -210
  155. package/dist/client/assets/index-DtX_BPDj.js.map +0 -1
@@ -1,739 +0,0 @@
1
-
2
- <!doctype html>
3
- <html lang="en">
4
-
5
- <head>
6
- <title>Code coverage report for client/hooks/useCanvas.ts</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/hooks</a> useCanvas.ts</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/161</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/161</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>
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></td><td class="line-coverage quiet"><span class="cline-any cline-no">&nbsp;</span>
285
- <span class="cline-any cline-neutral">&nbsp;</span>
286
- <span class="cline-any cline-neutral">&nbsp;</span>
287
- <span class="cline-any cline-neutral">&nbsp;</span>
288
- <span class="cline-any cline-neutral">&nbsp;</span>
289
- <span class="cline-any cline-no">&nbsp;</span>
290
- <span class="cline-any cline-no">&nbsp;</span>
291
- <span class="cline-any cline-no">&nbsp;</span>
292
- <span class="cline-any cline-no">&nbsp;</span>
293
- <span class="cline-any cline-no">&nbsp;</span>
294
- <span class="cline-any cline-no">&nbsp;</span>
295
- <span class="cline-any cline-no">&nbsp;</span>
296
- <span class="cline-any cline-no">&nbsp;</span>
297
- <span class="cline-any cline-no">&nbsp;</span>
298
- <span class="cline-any cline-neutral">&nbsp;</span>
299
- <span class="cline-any cline-no">&nbsp;</span>
300
- <span class="cline-any cline-neutral">&nbsp;</span>
301
- <span class="cline-any cline-neutral">&nbsp;</span>
302
- <span class="cline-any cline-no">&nbsp;</span>
303
- <span class="cline-any cline-no">&nbsp;</span>
304
- <span class="cline-any cline-no">&nbsp;</span>
305
- <span class="cline-any cline-no">&nbsp;</span>
306
- <span class="cline-any cline-neutral">&nbsp;</span>
307
- <span class="cline-any cline-neutral">&nbsp;</span>
308
- <span class="cline-any cline-no">&nbsp;</span>
309
- <span class="cline-any cline-no">&nbsp;</span>
310
- <span class="cline-any cline-no">&nbsp;</span>
311
- <span class="cline-any cline-no">&nbsp;</span>
312
- <span class="cline-any cline-neutral">&nbsp;</span>
313
- <span class="cline-any cline-neutral">&nbsp;</span>
314
- <span class="cline-any cline-no">&nbsp;</span>
315
- <span class="cline-any cline-no">&nbsp;</span>
316
- <span class="cline-any cline-no">&nbsp;</span>
317
- <span class="cline-any cline-no">&nbsp;</span>
318
- <span class="cline-any cline-no">&nbsp;</span>
319
- <span class="cline-any cline-no">&nbsp;</span>
320
- <span class="cline-any cline-neutral">&nbsp;</span>
321
- <span class="cline-any cline-neutral">&nbsp;</span>
322
- <span class="cline-any cline-no">&nbsp;</span>
323
- <span class="cline-any cline-no">&nbsp;</span>
324
- <span class="cline-any cline-no">&nbsp;</span>
325
- <span class="cline-any cline-no">&nbsp;</span>
326
- <span class="cline-any cline-no">&nbsp;</span>
327
- <span class="cline-any cline-no">&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-no">&nbsp;</span>
331
- <span class="cline-any cline-no">&nbsp;</span>
332
- <span class="cline-any cline-no">&nbsp;</span>
333
- <span class="cline-any cline-no">&nbsp;</span>
334
- <span class="cline-any cline-no">&nbsp;</span>
335
- <span class="cline-any cline-no">&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-no">&nbsp;</span>
339
- <span class="cline-any cline-no">&nbsp;</span>
340
- <span class="cline-any cline-no">&nbsp;</span>
341
- <span class="cline-any cline-neutral">&nbsp;</span>
342
- <span class="cline-any cline-no">&nbsp;</span>
343
- <span class="cline-any cline-no">&nbsp;</span>
344
- <span class="cline-any cline-no">&nbsp;</span>
345
- <span class="cline-any cline-no">&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-no">&nbsp;</span>
349
- <span class="cline-any cline-no">&nbsp;</span>
350
- <span class="cline-any cline-no">&nbsp;</span>
351
- <span class="cline-any cline-neutral">&nbsp;</span>
352
- <span class="cline-any cline-no">&nbsp;</span>
353
- <span class="cline-any cline-no">&nbsp;</span>
354
- <span class="cline-any cline-no">&nbsp;</span>
355
- <span class="cline-any cline-neutral">&nbsp;</span>
356
- <span class="cline-any cline-no">&nbsp;</span>
357
- <span class="cline-any cline-no">&nbsp;</span>
358
- <span class="cline-any cline-no">&nbsp;</span>
359
- <span class="cline-any cline-no">&nbsp;</span>
360
- <span class="cline-any cline-no">&nbsp;</span>
361
- <span class="cline-any cline-no">&nbsp;</span>
362
- <span class="cline-any cline-no">&nbsp;</span>
363
- <span class="cline-any cline-no">&nbsp;</span>
364
- <span class="cline-any cline-no">&nbsp;</span>
365
- <span class="cline-any cline-no">&nbsp;</span>
366
- <span class="cline-any cline-no">&nbsp;</span>
367
- <span class="cline-any cline-no">&nbsp;</span>
368
- <span class="cline-any cline-no">&nbsp;</span>
369
- <span class="cline-any cline-no">&nbsp;</span>
370
- <span class="cline-any cline-neutral">&nbsp;</span>
371
- <span class="cline-any cline-no">&nbsp;</span>
372
- <span class="cline-any cline-neutral">&nbsp;</span>
373
- <span class="cline-any cline-neutral">&nbsp;</span>
374
- <span class="cline-any cline-no">&nbsp;</span>
375
- <span class="cline-any cline-no">&nbsp;</span>
376
- <span class="cline-any cline-no">&nbsp;</span>
377
- <span class="cline-any cline-no">&nbsp;</span>
378
- <span class="cline-any cline-no">&nbsp;</span>
379
- <span class="cline-any cline-no">&nbsp;</span>
380
- <span class="cline-any cline-no">&nbsp;</span>
381
- <span class="cline-any cline-no">&nbsp;</span>
382
- <span class="cline-any cline-no">&nbsp;</span>
383
- <span class="cline-any cline-no">&nbsp;</span>
384
- <span class="cline-any cline-no">&nbsp;</span>
385
- <span class="cline-any cline-neutral">&nbsp;</span>
386
- <span class="cline-any cline-no">&nbsp;</span>
387
- <span class="cline-any cline-no">&nbsp;</span>
388
- <span class="cline-any cline-no">&nbsp;</span>
389
- <span class="cline-any cline-no">&nbsp;</span>
390
- <span class="cline-any cline-neutral">&nbsp;</span>
391
- <span class="cline-any cline-neutral">&nbsp;</span>
392
- <span class="cline-any cline-no">&nbsp;</span>
393
- <span class="cline-any cline-no">&nbsp;</span>
394
- <span class="cline-any cline-no">&nbsp;</span>
395
- <span class="cline-any cline-neutral">&nbsp;</span>
396
- <span class="cline-any cline-no">&nbsp;</span>
397
- <span class="cline-any cline-no">&nbsp;</span>
398
- <span class="cline-any cline-no">&nbsp;</span>
399
- <span class="cline-any cline-no">&nbsp;</span>
400
- <span class="cline-any cline-no">&nbsp;</span>
401
- <span class="cline-any cline-no">&nbsp;</span>
402
- <span class="cline-any cline-no">&nbsp;</span>
403
- <span class="cline-any cline-no">&nbsp;</span>
404
- <span class="cline-any cline-no">&nbsp;</span>
405
- <span class="cline-any cline-no">&nbsp;</span>
406
- <span class="cline-any cline-neutral">&nbsp;</span>
407
- <span class="cline-any cline-neutral">&nbsp;</span>
408
- <span class="cline-any cline-no">&nbsp;</span>
409
- <span class="cline-any cline-no">&nbsp;</span>
410
- <span class="cline-any cline-neutral">&nbsp;</span>
411
- <span class="cline-any cline-neutral">&nbsp;</span>
412
- <span class="cline-any cline-no">&nbsp;</span>
413
- <span class="cline-any cline-no">&nbsp;</span>
414
- <span class="cline-any cline-no">&nbsp;</span>
415
- <span class="cline-any cline-no">&nbsp;</span>
416
- <span class="cline-any cline-neutral">&nbsp;</span>
417
- <span class="cline-any cline-neutral">&nbsp;</span>
418
- <span class="cline-any cline-no">&nbsp;</span>
419
- <span class="cline-any cline-no">&nbsp;</span>
420
- <span class="cline-any cline-no">&nbsp;</span>
421
- <span class="cline-any cline-neutral">&nbsp;</span>
422
- <span class="cline-any cline-neutral">&nbsp;</span>
423
- <span class="cline-any cline-no">&nbsp;</span>
424
- <span class="cline-any cline-no">&nbsp;</span>
425
- <span class="cline-any cline-no">&nbsp;</span>
426
- <span class="cline-any cline-no">&nbsp;</span>
427
- <span class="cline-any cline-no">&nbsp;</span>
428
- <span class="cline-any cline-no">&nbsp;</span>
429
- <span class="cline-any cline-no">&nbsp;</span>
430
- <span class="cline-any cline-no">&nbsp;</span>
431
- <span class="cline-any cline-no">&nbsp;</span>
432
- <span class="cline-any cline-no">&nbsp;</span>
433
- <span class="cline-any cline-no">&nbsp;</span>
434
- <span class="cline-any cline-no">&nbsp;</span>
435
- <span class="cline-any cline-neutral">&nbsp;</span>
436
- <span class="cline-any cline-neutral">&nbsp;</span>
437
- <span class="cline-any cline-no">&nbsp;</span>
438
- <span class="cline-any cline-no">&nbsp;</span>
439
- <span class="cline-any cline-no">&nbsp;</span>
440
- <span class="cline-any cline-no">&nbsp;</span>
441
- <span class="cline-any cline-no">&nbsp;</span>
442
- <span class="cline-any cline-no">&nbsp;</span>
443
- <span class="cline-any cline-no">&nbsp;</span>
444
- <span class="cline-any cline-no">&nbsp;</span>
445
- <span class="cline-any cline-no">&nbsp;</span>
446
- <span class="cline-any cline-no">&nbsp;</span>
447
- <span class="cline-any cline-no">&nbsp;</span>
448
- <span class="cline-any cline-no">&nbsp;</span>
449
- <span class="cline-any cline-no">&nbsp;</span>
450
- <span class="cline-any cline-neutral">&nbsp;</span>
451
- <span class="cline-any cline-neutral">&nbsp;</span>
452
- <span class="cline-any cline-no">&nbsp;</span>
453
- <span class="cline-any cline-no">&nbsp;</span>
454
- <span class="cline-any cline-no">&nbsp;</span>
455
- <span class="cline-any cline-no">&nbsp;</span>
456
- <span class="cline-any cline-neutral">&nbsp;</span>
457
- <span class="cline-any cline-neutral">&nbsp;</span>
458
- <span class="cline-any cline-no">&nbsp;</span>
459
- <span class="cline-any cline-neutral">&nbsp;</span>
460
- <span class="cline-any cline-no">&nbsp;</span>
461
- <span class="cline-any cline-neutral">&nbsp;</span>
462
- <span class="cline-any cline-no">&nbsp;</span>
463
- <span class="cline-any cline-no">&nbsp;</span>
464
- <span class="cline-any cline-no">&nbsp;</span>
465
- <span class="cline-any cline-no">&nbsp;</span>
466
- <span class="cline-any cline-neutral">&nbsp;</span>
467
- <span class="cline-any cline-neutral">&nbsp;</span>
468
- <span class="cline-any cline-no">&nbsp;</span>
469
- <span class="cline-any cline-no">&nbsp;</span>
470
- <span class="cline-any cline-neutral">&nbsp;</span>
471
- <span class="cline-any cline-neutral">&nbsp;</span>
472
- <span class="cline-any cline-no">&nbsp;</span>
473
- <span class="cline-any cline-no">&nbsp;</span>
474
- <span class="cline-any cline-no">&nbsp;</span>
475
- <span class="cline-any cline-no">&nbsp;</span>
476
- <span class="cline-any cline-no">&nbsp;</span>
477
- <span class="cline-any cline-no">&nbsp;</span>
478
- <span class="cline-any cline-neutral">&nbsp;</span>
479
- <span class="cline-any cline-neutral">&nbsp;</span>
480
- <span class="cline-any cline-no">&nbsp;</span>
481
- <span class="cline-any cline-no">&nbsp;</span>
482
- <span class="cline-any cline-no">&nbsp;</span>
483
- <span class="cline-any cline-no">&nbsp;</span>
484
- <span class="cline-any cline-neutral">&nbsp;</span>
485
- <span class="cline-any cline-neutral">&nbsp;</span>
486
- <span class="cline-any cline-no">&nbsp;</span>
487
- <span class="cline-any cline-no">&nbsp;</span>
488
- <span class="cline-any cline-no">&nbsp;</span>
489
- <span class="cline-any cline-neutral">&nbsp;</span>
490
- <span class="cline-any cline-neutral">&nbsp;</span>
491
- <span class="cline-any cline-no">&nbsp;</span>
492
- <span class="cline-any cline-no">&nbsp;</span>
493
- <span class="cline-any cline-no">&nbsp;</span>
494
- <span class="cline-any cline-no">&nbsp;</span>
495
- <span class="cline-any cline-neutral">&nbsp;</span>
496
- <span class="cline-any cline-neutral">&nbsp;</span>
497
- <span class="cline-any cline-no">&nbsp;</span>
498
- <span class="cline-any cline-no">&nbsp;</span>
499
- <span class="cline-any cline-no">&nbsp;</span>
500
- <span class="cline-any cline-no">&nbsp;</span>
501
- <span class="cline-any cline-no">&nbsp;</span>
502
- <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 { useCallback, useMemo } from 'react';</span></span></span>
503
- import { useReactFlow, type Node, type Edge } from '@xyflow/react';
504
- import { useCanvasStore } from '../stores/canvasStore';
505
- import { applyDagreLayout } from '../utils/applyDagreLayout';
506
- &nbsp;
507
- <span class="cstat-no" title="statement not covered" >export function useCanvas() {</span>
508
- <span class="cstat-no" title="statement not covered" > const {</span>
509
- <span class="cstat-no" title="statement not covered" > nodes,</span>
510
- <span class="cstat-no" title="statement not covered" > edges,</span>
511
- <span class="cstat-no" title="statement not covered" > setNodes,</span>
512
- <span class="cstat-no" title="statement not covered" > setEdges,</span>
513
- <span class="cstat-no" title="statement not covered" > updateNodeData,</span>
514
- <span class="cstat-no" title="statement not covered" > clearCanvas,</span>
515
- <span class="cstat-no" title="statement not covered" > } = useCanvasStore();</span>
516
- &nbsp;
517
- <span class="cstat-no" title="statement not covered" > const reactFlowInstance = useReactFlow();</span>
518
- &nbsp;
519
- // Get selected nodes
520
- <span class="cstat-no" title="statement not covered" > const selectedNodes = useMemo(</span>
521
- <span class="cstat-no" title="statement not covered" > () =&gt; nodes.filter((node) =&gt; node.selected),</span>
522
- <span class="cstat-no" title="statement not covered" > [nodes]</span>
523
- <span class="cstat-no" title="statement not covered" > );</span>
524
- &nbsp;
525
- // Get selected edges
526
- <span class="cstat-no" title="statement not covered" > const selectedEdges = useMemo(</span>
527
- <span class="cstat-no" title="statement not covered" > () =&gt; edges.filter((edge) =&gt; edge.selected),</span>
528
- <span class="cstat-no" title="statement not covered" > [edges]</span>
529
- <span class="cstat-no" title="statement not covered" > );</span>
530
- &nbsp;
531
- // Get node by ID
532
- <span class="cstat-no" title="statement not covered" > const getNode = useCallback(</span>
533
- <span class="cstat-no" title="statement not covered" > (id: string): Node | undefined =&gt; {</span>
534
- <span class="cstat-no" title="statement not covered" > return nodes.find((node) =&gt; node.id === id);</span>
535
- <span class="cstat-no" title="statement not covered" > },</span>
536
- <span class="cstat-no" title="statement not covered" > [nodes]</span>
537
- <span class="cstat-no" title="statement not covered" > );</span>
538
- &nbsp;
539
- // Get edge by ID
540
- <span class="cstat-no" title="statement not covered" > const getEdge = useCallback(</span>
541
- <span class="cstat-no" title="statement not covered" > (id: string): Edge | undefined =&gt; {</span>
542
- <span class="cstat-no" title="statement not covered" > return edges.find((edge) =&gt; edge.id === id);</span>
543
- <span class="cstat-no" title="statement not covered" > },</span>
544
- <span class="cstat-no" title="statement not covered" > [edges]</span>
545
- <span class="cstat-no" title="statement not covered" > );</span>
546
- &nbsp;
547
- // Add a new node
548
- <span class="cstat-no" title="statement not covered" > const addNode = useCallback(</span>
549
- <span class="cstat-no" title="statement not covered" > (node: Node) =&gt; {</span>
550
- <span class="cstat-no" title="statement not covered" > setNodes([...nodes, node]);</span>
551
- <span class="cstat-no" title="statement not covered" > },</span>
552
- <span class="cstat-no" title="statement not covered" > [nodes, setNodes]</span>
553
- <span class="cstat-no" title="statement not covered" > );</span>
554
- &nbsp;
555
- // Remove a node
556
- <span class="cstat-no" title="statement not covered" > const removeNode = useCallback(</span>
557
- <span class="cstat-no" title="statement not covered" > (id: string) =&gt; {</span>
558
- <span class="cstat-no" title="statement not covered" > setNodes(nodes.filter((node) =&gt; node.id !== id));</span>
559
- // Also remove connected edges
560
- <span class="cstat-no" title="statement not covered" > setEdges(edges.filter((edge) =&gt; edge.source !== id &amp;&amp; edge.target !== id));</span>
561
- <span class="cstat-no" title="statement not covered" > },</span>
562
- <span class="cstat-no" title="statement not covered" > [nodes, edges, setNodes, setEdges]</span>
563
- <span class="cstat-no" title="statement not covered" > );</span>
564
- &nbsp;
565
- // Duplicate selected nodes
566
- <span class="cstat-no" title="statement not covered" > const duplicateSelected = useCallback(() =&gt; {</span>
567
- <span class="cstat-no" title="statement not covered" > const newNodes: Node[] = [];</span>
568
- <span class="cstat-no" title="statement not covered" > const idMap = new Map&lt;string, string&gt;();</span>
569
- &nbsp;
570
- <span class="cstat-no" title="statement not covered" > for (const node of selectedNodes) {</span>
571
- <span class="cstat-no" title="statement not covered" > const newId = `${node.id}-copy-${Date.now()}`;</span>
572
- <span class="cstat-no" title="statement not covered" > idMap.set(node.id, newId);</span>
573
- &nbsp;
574
- <span class="cstat-no" title="statement not covered" > newNodes.push({</span>
575
- <span class="cstat-no" title="statement not covered" > ...node,</span>
576
- <span class="cstat-no" title="statement not covered" > id: newId,</span>
577
- <span class="cstat-no" title="statement not covered" > position: {</span>
578
- <span class="cstat-no" title="statement not covered" > x: node.position.x + 50,</span>
579
- <span class="cstat-no" title="statement not covered" > y: node.position.y + 50,</span>
580
- <span class="cstat-no" title="statement not covered" > },</span>
581
- <span class="cstat-no" title="statement not covered" > selected: false,</span>
582
- <span class="cstat-no" title="statement not covered" > data: {</span>
583
- <span class="cstat-no" title="statement not covered" > ...node.data,</span>
584
- <span class="cstat-no" title="statement not covered" > id: newId,</span>
585
- <span class="cstat-no" title="statement not covered" > },</span>
586
- <span class="cstat-no" title="statement not covered" > });</span>
587
- <span class="cstat-no" title="statement not covered" > }</span>
588
- &nbsp;
589
- <span class="cstat-no" title="statement not covered" > setNodes([...nodes, ...newNodes]);</span>
590
- &nbsp;
591
- // Duplicate edges between selected nodes
592
- <span class="cstat-no" title="statement not covered" > const newEdges: Edge[] = [];</span>
593
- <span class="cstat-no" title="statement not covered" > for (const edge of edges) {</span>
594
- <span class="cstat-no" title="statement not covered" > if (idMap.has(edge.source) &amp;&amp; idMap.has(edge.target)) {</span>
595
- <span class="cstat-no" title="statement not covered" > newEdges.push({</span>
596
- <span class="cstat-no" title="statement not covered" > ...edge,</span>
597
- <span class="cstat-no" title="statement not covered" > id: `${edge.id}-copy-${Date.now()}`,</span>
598
- <span class="cstat-no" title="statement not covered" > source: idMap.get(edge.source)!,</span>
599
- <span class="cstat-no" title="statement not covered" > target: idMap.get(edge.target)!,</span>
600
- <span class="cstat-no" title="statement not covered" > });</span>
601
- <span class="cstat-no" title="statement not covered" > }</span>
602
- <span class="cstat-no" title="statement not covered" > }</span>
603
- &nbsp;
604
- <span class="cstat-no" title="statement not covered" > if (newEdges.length &gt; 0) {</span>
605
- <span class="cstat-no" title="statement not covered" > setEdges([...edges, ...newEdges]);</span>
606
- <span class="cstat-no" title="statement not covered" > }</span>
607
- <span class="cstat-no" title="statement not covered" > }, [selectedNodes, nodes, edges, setNodes, setEdges]);</span>
608
- &nbsp;
609
- // Delete selected nodes and edges
610
- <span class="cstat-no" title="statement not covered" > const deleteSelected = useCallback(() =&gt; {</span>
611
- <span class="cstat-no" title="statement not covered" > const selectedNodeIds = new Set(selectedNodes.map((n) =&gt; n.id));</span>
612
- <span class="cstat-no" title="statement not covered" > const selectedEdgeIds = new Set(selectedEdges.map((e) =&gt; e.id));</span>
613
- &nbsp;
614
- <span class="cstat-no" title="statement not covered" > setNodes(nodes.filter((node) =&gt; !selectedNodeIds.has(node.id)));</span>
615
- <span class="cstat-no" title="statement not covered" > setEdges(</span>
616
- <span class="cstat-no" title="statement not covered" > edges.filter(</span>
617
- <span class="cstat-no" title="statement not covered" > (edge) =&gt;</span>
618
- <span class="cstat-no" title="statement not covered" > !selectedEdgeIds.has(edge.id) &amp;&amp;</span>
619
- <span class="cstat-no" title="statement not covered" > !selectedNodeIds.has(edge.source) &amp;&amp;</span>
620
- <span class="cstat-no" title="statement not covered" > !selectedNodeIds.has(edge.target)</span>
621
- <span class="cstat-no" title="statement not covered" > )</span>
622
- <span class="cstat-no" title="statement not covered" > );</span>
623
- <span class="cstat-no" title="statement not covered" > }, [selectedNodes, selectedEdges, nodes, edges, setNodes, setEdges]);</span>
624
- &nbsp;
625
- // Auto-layout using dagre
626
- <span class="cstat-no" title="statement not covered" > const autoLayout = useCallback(() =&gt; {</span>
627
- <span class="cstat-no" title="statement not covered" > setNodes(applyDagreLayout(nodes, edges));</span>
628
- &nbsp;
629
- // Fit view after layout
630
- <span class="cstat-no" title="statement not covered" > setTimeout(() =&gt; {</span>
631
- <span class="cstat-no" title="statement not covered" > reactFlowInstance.fitView({ padding: 0.2 });</span>
632
- <span class="cstat-no" title="statement not covered" > }, 50);</span>
633
- <span class="cstat-no" title="statement not covered" > }, [nodes, edges, setNodes, reactFlowInstance]);</span>
634
- &nbsp;
635
- // Fit view
636
- <span class="cstat-no" title="statement not covered" > const fitView = useCallback(() =&gt; {</span>
637
- <span class="cstat-no" title="statement not covered" > reactFlowInstance.fitView({ padding: 0.2 });</span>
638
- <span class="cstat-no" title="statement not covered" > }, [reactFlowInstance]);</span>
639
- &nbsp;
640
- // Zoom to node
641
- <span class="cstat-no" title="statement not covered" > const zoomToNode = useCallback(</span>
642
- <span class="cstat-no" title="statement not covered" > (nodeId: string) =&gt; {</span>
643
- <span class="cstat-no" title="statement not covered" > const node = getNode(nodeId);</span>
644
- <span class="cstat-no" title="statement not covered" > if (node) {</span>
645
- <span class="cstat-no" title="statement not covered" > reactFlowInstance.setCenter(node.position.x + 100, node.position.y + 50, {</span>
646
- <span class="cstat-no" title="statement not covered" > zoom: 1.5,</span>
647
- <span class="cstat-no" title="statement not covered" > duration: 300,</span>
648
- <span class="cstat-no" title="statement not covered" > });</span>
649
- <span class="cstat-no" title="statement not covered" > }</span>
650
- <span class="cstat-no" title="statement not covered" > },</span>
651
- <span class="cstat-no" title="statement not covered" > [getNode, reactFlowInstance]</span>
652
- <span class="cstat-no" title="statement not covered" > );</span>
653
- &nbsp;
654
- // Select node
655
- <span class="cstat-no" title="statement not covered" > const selectNode = useCallback(</span>
656
- <span class="cstat-no" title="statement not covered" > (nodeId: string, addToSelection = false) =&gt; {</span>
657
- <span class="cstat-no" title="statement not covered" > setNodes(</span>
658
- <span class="cstat-no" title="statement not covered" > nodes.map((node) =&gt; ({</span>
659
- <span class="cstat-no" title="statement not covered" > ...node,</span>
660
- <span class="cstat-no" title="statement not covered" > selected: addToSelection</span>
661
- <span class="cstat-no" title="statement not covered" > ? node.selected || node.id === nodeId</span>
662
- <span class="cstat-no" title="statement not covered" > : node.id === nodeId,</span>
663
- <span class="cstat-no" title="statement not covered" > }))</span>
664
- <span class="cstat-no" title="statement not covered" > );</span>
665
- <span class="cstat-no" title="statement not covered" > },</span>
666
- <span class="cstat-no" title="statement not covered" > [nodes, setNodes]</span>
667
- <span class="cstat-no" title="statement not covered" > );</span>
668
- &nbsp;
669
- // Clear selection
670
- <span class="cstat-no" title="statement not covered" > const clearSelection = useCallback(() =&gt; {</span>
671
- <span class="cstat-no" title="statement not covered" > setNodes(nodes.map((node) =&gt; ({ ...node, selected: false })));</span>
672
- <span class="cstat-no" title="statement not covered" > setEdges(edges.map((edge) =&gt; ({ ...edge, selected: false })));</span>
673
- <span class="cstat-no" title="statement not covered" > }, [nodes, edges, setNodes, setEdges]);</span>
674
- &nbsp;
675
- // Undo/redo and copy/paste
676
- <span class="cstat-no" title="statement not covered" > const { undo, redo, canUndo, canRedo, copySelected, paste, canPaste } = useCanvasStore();</span>
677
- &nbsp;
678
- <span class="cstat-no" title="statement not covered" > return {</span>
679
- // State
680
- <span class="cstat-no" title="statement not covered" > nodes,</span>
681
- <span class="cstat-no" title="statement not covered" > edges,</span>
682
- <span class="cstat-no" title="statement not covered" > selectedNodes,</span>
683
- <span class="cstat-no" title="statement not covered" > selectedEdges,</span>
684
- &nbsp;
685
- // Queries
686
- <span class="cstat-no" title="statement not covered" > getNode,</span>
687
- <span class="cstat-no" title="statement not covered" > getEdge,</span>
688
- &nbsp;
689
- // Mutations
690
- <span class="cstat-no" title="statement not covered" > addNode,</span>
691
- <span class="cstat-no" title="statement not covered" > removeNode,</span>
692
- <span class="cstat-no" title="statement not covered" > updateNodeData,</span>
693
- <span class="cstat-no" title="statement not covered" > setNodes,</span>
694
- <span class="cstat-no" title="statement not covered" > setEdges,</span>
695
- <span class="cstat-no" title="statement not covered" > clearCanvas,</span>
696
- &nbsp;
697
- // Selection
698
- <span class="cstat-no" title="statement not covered" > selectNode,</span>
699
- <span class="cstat-no" title="statement not covered" > clearSelection,</span>
700
- <span class="cstat-no" title="statement not covered" > duplicateSelected,</span>
701
- <span class="cstat-no" title="statement not covered" > deleteSelected,</span>
702
- &nbsp;
703
- // Layout
704
- <span class="cstat-no" title="statement not covered" > autoLayout,</span>
705
- <span class="cstat-no" title="statement not covered" > fitView,</span>
706
- <span class="cstat-no" title="statement not covered" > zoomToNode,</span>
707
- &nbsp;
708
- // History
709
- <span class="cstat-no" title="statement not covered" > undo,</span>
710
- <span class="cstat-no" title="statement not covered" > redo,</span>
711
- <span class="cstat-no" title="statement not covered" > canUndo,</span>
712
- <span class="cstat-no" title="statement not covered" > canRedo,</span>
713
- &nbsp;
714
- // Clipboard
715
- <span class="cstat-no" title="statement not covered" > copySelected,</span>
716
- <span class="cstat-no" title="statement not covered" > paste,</span>
717
- <span class="cstat-no" title="statement not covered" > canPaste,</span>
718
- <span class="cstat-no" title="statement not covered" > };</span>
719
- <span class="cstat-no" title="statement not covered" >}</span>
720
- &nbsp;</pre></td></tr></table></pre>
721
-
722
- <div class='push'></div><!-- for sticky footer -->
723
- </div><!-- /wrapper -->
724
- <div class='footer quiet pad2 space-top1 center small'>
725
- Code coverage generated by
726
- <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
727
- at 2026-02-09T21:07:24.535Z
728
- </div>
729
- <script src="../../prettify.js"></script>
730
- <script>
731
- window.onload = function () {
732
- prettyPrint();
733
- };
734
- </script>
735
- <script src="../../sorter.js"></script>
736
- <script src="../../block-navigation.js"></script>
737
- </body>
738
- </html>
739
-