n8n-editor-ui 1.72.1 → 1.74.0

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 (208) hide show
  1. package/LICENSE.md +5 -3
  2. package/dist/assets/{AnnotationTagsDropdown.ee.vue_vue_type_script_setup_true_lang-WpdLQ_Lc.js → AnnotationTagsDropdown.ee.vue_vue_type_script_setup_true_lang-PY1VH6GC.js} +1 -1
  3. package/dist/assets/AuthView-D4i2WDPk.css +408 -0
  4. package/dist/assets/{AuthView-xWm2P-0B.js → AuthView-uie-fWiu.js} +15 -41
  5. package/dist/assets/{CanvasChat-CpplEK_c.js → CanvasChat-DYVmFXF3.js} +30 -29
  6. package/dist/assets/CanvasChat-oFfeuF_m.css +2735 -0
  7. package/dist/assets/CanvasControls-DTjEPKS0.css +148 -0
  8. package/dist/assets/{CanvasControls-CNOZvEmR.js → CanvasControls-spvLWv9N.js} +4 -4
  9. package/dist/assets/{ChangePasswordView-Bx4HKBs9.js → ChangePasswordView-6vZq8sxX.js} +3 -2
  10. package/dist/assets/CollectionParameter-3PhAn_bn.js +4 -0
  11. package/dist/assets/{ConcurrentExecutionsHeader-dMskl4He.js → ConcurrentExecutionsHeader-B-QZJnPK.js} +11 -11
  12. package/dist/assets/ConcurrentExecutionsHeader-DETjSHgm.css +438 -0
  13. package/dist/assets/CredentialsView-DRWQyccW.css +294 -0
  14. package/dist/assets/{CredentialsView-DYmrbOcr.js → CredentialsView-DSO7I1Pu.js} +42 -15
  15. package/dist/assets/{ErrorView-DpKWfKAY.js → ErrorView-CqEmaujf.js} +4 -4
  16. package/dist/assets/ErrorView-DPS9icAS.css +144 -0
  17. package/dist/assets/{ExecutionsView-a2Slm2v9.js → ExecutionsView-BrFhmrtj.js} +35 -36
  18. package/dist/assets/ExecutionsView-C0P3HAAt.css +710 -0
  19. package/dist/assets/{FileSaver.min-BiLlhrlQ.js → FileSaver.min-D-tyM0om.js} +1 -1
  20. package/dist/assets/FixedCollectionParameter-DvdC-9QQ.css +192 -0
  21. package/dist/assets/{FixedCollectionParameter-DMiADFki.js → FixedCollectionParameter-piT_JOzg.js} +83 -95
  22. package/dist/assets/{ForgotMyPasswordView-RLODqWeW.js → ForgotMyPasswordView-BxkGrEro.js} +3 -2
  23. package/dist/assets/Logo-1eGohTKw.css +160 -0
  24. package/dist/assets/Logo-CSftxDSz.js +122 -0
  25. package/dist/assets/MainHeader-BIKp2Ncp.css +1449 -0
  26. package/dist/assets/{MainHeader-CZBWRbIF.js → MainHeader-BZymfqIP.js} +47 -27
  27. package/dist/assets/{MainSidebar-Cm-l0HUG.js → MainSidebar-CgMZ_6w4.js} +368 -62
  28. package/dist/assets/MainSidebar-Djaxwdmm.css +985 -0
  29. package/dist/assets/{NodeCreation-Bycww9rf.js → NodeCreation-CgxDWNxA.js} +12 -17
  30. package/dist/assets/NodeCreation-RKvezEeg.css +152 -0
  31. package/dist/assets/NodeCreator-DDiuO5S0.css +2493 -0
  32. package/dist/assets/{NodeCreator-BrgHuvb2.js → NodeCreator-Dht_F_jm.js} +111 -101
  33. package/dist/assets/NodeViewSwitcher-Cqiwo_8T.js +14837 -0
  34. package/dist/assets/NodeViewSwitcher-UPCWvuIo.css +6801 -0
  35. package/dist/assets/{ProjectCardBadge-B6a5Tl_X.js → ProjectCardBadge-13ZU1N6I.js} +9 -6
  36. package/dist/assets/ProjectCardBadge-CKGc0yDi.css +145 -0
  37. package/dist/assets/ProjectHeader-CQjB5wC7.css +285 -0
  38. package/dist/assets/ProjectHeader-DmZJgNYg.js +297 -0
  39. package/dist/assets/ProjectSettings-BgunHp-2.css +286 -0
  40. package/dist/assets/{ProjectSettings-BSOa51jE.js → ProjectSettings-C-9PYDi4.js} +87 -48
  41. package/dist/assets/{PushConnectionTracker.vue_vue_type_script_setup_true_lang-ouQuoTYp.js → PushConnectionTracker.vue_vue_type_script_setup_true_lang-CDsd9G3A.js} +1 -1
  42. package/dist/assets/ResourcesListLayout-Dw1dU1aW.css +748 -0
  43. package/dist/assets/{ResourcesListLayout-BKk7DIWo.js → ResourcesListLayout-YaG3OmF5.js} +25 -21
  44. package/dist/assets/RunDataJson-BXTLuo7i.css +323 -0
  45. package/dist/assets/{RunDataJson-D7Whxi5x.js → RunDataJson-m0Pt_pnN.js} +19 -16
  46. package/dist/assets/RunDataJsonActions-DrgwFS0W.css +133 -0
  47. package/dist/assets/{RunDataJsonActions-hLh8-Su6.js → RunDataJsonActions-wvqwMtDM.js} +3 -4
  48. package/dist/assets/{RunDataSearch-Ds3EGLA6.js → RunDataSearch-Ph1eOlmY.js} +4 -4
  49. package/dist/assets/RunDataSearch-R6qtl0Jf.css +150 -0
  50. package/dist/assets/{RunDataTable-atOC6vYW.js → RunDataTable-B6Rwc79a.js} +28 -28
  51. package/dist/assets/RunDataTable-CX7gToH4.css +272 -0
  52. package/dist/assets/{SamlOnboarding-DuDPZUey.js → SamlOnboarding-Dxoo-GfH.js} +3 -2
  53. package/dist/assets/SettingsApiView-DJKJO7zM.css +145 -0
  54. package/dist/assets/{SettingsApiView-CFlbEwnS.js → SettingsApiView-EYzfTeVX.js} +6 -6
  55. package/dist/assets/SettingsCommunityNodesView-CAggjsaT.css +317 -0
  56. package/dist/assets/{SettingsCommunityNodesView-CJrxi3vi.js → SettingsCommunityNodesView-gze1Jvsy.js} +18 -17
  57. package/dist/assets/{SettingsExternalSecrets-BusSlBVI.js → SettingsExternalSecrets-DUqlfVPT.js} +7 -7
  58. package/dist/assets/SettingsExternalSecrets-d1KDgYYp.css +151 -0
  59. package/dist/assets/{SettingsLdapView-BLPKhtjA.js → SettingsLdapView-B5cZEX8X.js} +8 -8
  60. package/dist/assets/SettingsLdapView-Bx1eqk76.css +156 -0
  61. package/dist/assets/{SettingsLogStreamingView-DI9OYnte.js → SettingsLogStreamingView-C9hD8Kw5.js} +8 -8
  62. package/dist/assets/SettingsLogStreamingView-CflEMmu9.css +290 -0
  63. package/dist/assets/{SettingsPersonalView-CwLPEQe5.js → SettingsPersonalView-B__w674E.js} +9 -9
  64. package/dist/assets/SettingsPersonalView-CwV8ImYG.css +175 -0
  65. package/dist/assets/{SettingsSourceControl-BHiwsbh6.js → SettingsSourceControl-D7-NejQI.js} +12 -12
  66. package/dist/assets/SettingsSourceControl-DxshapuD.css +202 -0
  67. package/dist/assets/SettingsSso-BjoJZ2DU.css +163 -0
  68. package/dist/assets/{SettingsSso-BUE-Dg9u.js → SettingsSso-CipAZdaD.js} +7 -7
  69. package/dist/assets/SettingsUsageAndPlan-B5DEUrT3.css +333 -0
  70. package/dist/assets/{SettingsUsageAndPlan-g8SYxLIm.js → SettingsUsageAndPlan-DYszLgjl.js} +12 -12
  71. package/dist/assets/SettingsUsersView-By12E2li.css +143 -0
  72. package/dist/assets/{SettingsUsersView-DsjbsMkp.js → SettingsUsersView-lISm8ja6.js} +6 -6
  73. package/dist/assets/SettingsView-Bawwm19P.css +285 -0
  74. package/dist/assets/{SettingsView-BZqGq_NA.js → SettingsView-BmLKHjQH.js} +7 -7
  75. package/dist/assets/{SetupView-DKcifLmN.js → SetupView-CV1JkF06.js} +3 -2
  76. package/dist/assets/{SetupWorkflowCredentialsButton-1FX7DWWs.js → SetupWorkflowCredentialsButton-CaIbdi-K.js} +1 -1
  77. package/dist/assets/{SetupWorkflowFromTemplateView-BI8db6Bn.js → SetupWorkflowFromTemplateView-CP3UjRro.js} +8 -8
  78. package/dist/assets/SetupWorkflowFromTemplateView-ZPJL_m2F.css +148 -0
  79. package/dist/assets/{SigninView-DRl5Z9dU.js → SigninView-BQh1PPFq.js} +16 -15
  80. package/dist/assets/SigninView-D57wRRHz.css +150 -0
  81. package/dist/assets/{SignoutView-CD6CNCd4.js → SignoutView-BNOIvL04.js} +1 -1
  82. package/dist/assets/{SignupView-BUIFD8_L.js → SignupView-B5YAU3O1.js} +3 -2
  83. package/dist/assets/{TemplateDetails-BZy8nHAa.js → TemplateDetails-CYMlUxoE.js} +9 -9
  84. package/dist/assets/TemplateDetails-DyUqVhf2.css +265 -0
  85. package/dist/assets/TemplateList-DcOqRM10.css +480 -0
  86. package/dist/assets/{TemplateList-DdYIfcdc.js → TemplateList-Dg6kmgOf.js} +24 -24
  87. package/dist/assets/TemplatesCollectionView-2q1rzsOG.css +156 -0
  88. package/dist/assets/{TemplatesCollectionView-a9gOg1oh.js → TemplatesCollectionView-Du_Uh0KR.js} +12 -12
  89. package/dist/assets/{TemplatesSearchView-C_qp2w-Y.js → TemplatesSearchView-CaKdg0MP.js} +18 -18
  90. package/dist/assets/TemplatesSearchView-DETaMpDt.css +953 -0
  91. package/dist/assets/TemplatesView-Cyu28Dlo.css +285 -0
  92. package/dist/assets/{TemplatesView-Srd2qTc6.js → TemplatesView-DYqP0CKx.js} +8 -8
  93. package/dist/assets/{TemplatesWorkflowView-CDkCoN9X.js → TemplatesWorkflowView-CDxeo_E0.js} +13 -13
  94. package/dist/assets/TemplatesWorkflowView-DpIiJjJp.css +168 -0
  95. package/dist/assets/TestDefinitionEditView-DM4tV2LS.css +1267 -0
  96. package/dist/assets/{TestDefinitionEditView-CgQpahO7.js → TestDefinitionEditView-DmM-ldNH.js} +587 -197
  97. package/dist/assets/{TestDefinitionListView-BGJr2Okj.js → TestDefinitionListView-BBdTjle5.js} +96 -65
  98. package/dist/assets/TestDefinitionListView-BD5_O4Fx.css +567 -0
  99. package/dist/assets/{VariablesView-DBlZthPg.js → VariablesView-AVcocuJM.js} +8 -8
  100. package/dist/assets/VariablesView-D4pRzSuY.css +434 -0
  101. package/dist/assets/WorkerView-BrSoYcbf.css +977 -0
  102. package/dist/assets/{WorkerView--FWlY_KA.js → WorkerView-CRRYXfwj.js} +30 -177
  103. package/dist/assets/{WorkflowActivator-BbpMhG1U.js → WorkflowActivator-BFkp6wv-.js} +3 -3
  104. package/dist/assets/WorkflowActivator-DQhm5t0U.css +260 -0
  105. package/dist/assets/WorkflowExecutionsInfoAccordion-BBtwnPZQ.css +155 -0
  106. package/dist/assets/{WorkflowExecutionsInfoAccordion-DOpZ49kK.js → WorkflowExecutionsInfoAccordion-TkQ5A9AI.js} +3 -3
  107. package/dist/assets/{WorkflowExecutionsLandingPage-CAbWLqG8.js → WorkflowExecutionsLandingPage-B0OkjyM5.js} +5 -5
  108. package/dist/assets/WorkflowExecutionsLandingPage-Bm_hJMl4.css +145 -0
  109. package/dist/assets/{WorkflowExecutionsPreview-CfUWIIgy.js → WorkflowExecutionsPreview-2BLGw4QB.js} +37 -37
  110. package/dist/assets/WorkflowExecutionsPreview-CrGxxhLQ.css +537 -0
  111. package/dist/assets/{WorkflowExecutionsView-DrfZ7QK8.js → WorkflowExecutionsView-CYFvctKC.js} +35 -35
  112. package/dist/assets/WorkflowExecutionsView-DEqJNNDZ.css +676 -0
  113. package/dist/assets/WorkflowHistory-7Ad0Va7M.css +669 -0
  114. package/dist/assets/{WorkflowHistory-eqsh1yXn.js → WorkflowHistory-BG7M9CQl.js} +22 -22
  115. package/dist/assets/{WorkflowOnboardingView-Kbe8c2_R.js → WorkflowOnboardingView-srH4_STx.js} +1 -19
  116. package/dist/assets/{WorkflowPreview-DKTyMYfO.js → WorkflowPreview-BRSFWAwN.js} +8 -8
  117. package/dist/assets/WorkflowPreview-CIOAVgxK.css +162 -0
  118. package/dist/assets/{WorkflowsView-ClrcrpKc.js → WorkflowsView-C7_qBwr2.js} +29 -20
  119. package/dist/assets/WorkflowsView-DMIGjzPW.css +323 -0
  120. package/dist/assets/easyAiWorkflowUtils-DC1ZzurN.js +181 -0
  121. package/dist/assets/{index-fCEqBD8K.js → index-DWT5SiDA.js} +67756 -50700
  122. package/dist/assets/{index-Bo70cRA3.css → index-yFn1GhRA.css} +30918 -6705
  123. package/dist/assets/{pushConnection.store-Kmly9nV5.js → pushConnection.store-CVh3T0r7.js} +1 -1
  124. package/dist/assets/{templateActions-xeWyRgrU.js → templateActions-C_4ql9rG.js} +1 -1
  125. package/dist/assets/typescript.worker-H0DmdklC.js +213997 -0
  126. package/dist/assets/{useBugReporting-CbgIVUCL.js → useBugReporting-Bwqu07gb.js} +1 -1
  127. package/dist/assets/useCanvasOperations-BYRj4lO-.js +20950 -0
  128. package/dist/assets/useCanvasOperations-Byu1Z5ea.css +4144 -0
  129. package/dist/assets/{useExecutionDebugging-Cuf88DQE.js → useExecutionDebugging-D0ivUrRc.js} +1 -1
  130. package/dist/assets/{useExecutionHelpers-BIxUwlsh.js → useExecutionHelpers-Byigk2be.js} +1 -1
  131. package/dist/assets/{useNodeViewVersionSwitcher-Eg-dOWbq.js → useNodeViewVersionSwitcher-Btz9Y6kD.js} +1 -1
  132. package/dist/assets/usePinnedData-SqcH7oid.js +274 -0
  133. package/dist/assets/{usePushConnection-D-iAKJiL.js → usePushConnection-BKGZFebW.js} +11 -4
  134. package/dist/assets/{useRunWorkflow-BDl-2MsN.css → useRunWorkflow-DWoFsQdi.css} +406 -40
  135. package/dist/assets/{useRunWorkflow-BXE6bWp2.js → useRunWorkflow-YBTU5QVs.js} +31 -301
  136. package/dist/assets/{useWorkflowActivate-D8cU5eJ_.js → useWorkflowActivate-lML0rpsN.js} +1 -1
  137. package/dist/index.html +2 -2
  138. package/package.json +1 -1
  139. package/tsconfig.json +2 -1
  140. package/vite.config.mts +10 -1
  141. package/dist/assets/AuthView-BP3bsQpK.css +0 -49
  142. package/dist/assets/CanvasChat-DhkdJLy7.css +0 -661
  143. package/dist/assets/CanvasControls-BEOkwFDJ.css +0 -26
  144. package/dist/assets/CollectionParameter-IbNRc-rP.js +0 -4
  145. package/dist/assets/ConcurrentExecutionsHeader-ChCLnjVG.css +0 -72
  146. package/dist/assets/CredentialsView-CzforIh7.css +0 -36
  147. package/dist/assets/ErrorView-DZCz_7-d.css +0 -22
  148. package/dist/assets/ExecutionsView-CLxQdDnP.css +0 -217
  149. package/dist/assets/FixedCollectionParameter-CUxLKPYJ.css +0 -44
  150. package/dist/assets/MainHeader-Bg4Jr0GW.css +0 -224
  151. package/dist/assets/MainSidebar-B_Q71vG8.css +0 -223
  152. package/dist/assets/NodeCreation-DTNNkgVv.css +0 -30
  153. package/dist/assets/NodeCreator-BvqI_pdC.css +0 -522
  154. package/dist/assets/NodeViewSwitcher-D5JjSNB2.js +0 -41429
  155. package/dist/assets/NodeViewSwitcher-DngiUgY8.css +0 -3096
  156. package/dist/assets/ProjectCardBadge-DQvW5T7s.css +0 -20
  157. package/dist/assets/ProjectHeader-CDl0NBcF.css +0 -21
  158. package/dist/assets/ProjectHeader-CUoGk-wO.js +0 -233
  159. package/dist/assets/ProjectSettings-DZws5IzZ.css +0 -34
  160. package/dist/assets/ResourcesListLayout-NZz6R66g.css +0 -96
  161. package/dist/assets/RunDataJson-DW_khHj4.css +0 -79
  162. package/dist/assets/RunDataJsonActions-CoiM0oFP.css +0 -11
  163. package/dist/assets/RunDataSearch-B4q8H9Ex.css +0 -28
  164. package/dist/assets/RunDataTable-BOaG0Pms.css +0 -150
  165. package/dist/assets/SettingsApiView-DX3S-5pa.css +0 -23
  166. package/dist/assets/SettingsCommunityNodesView-kzxtAoLp.css +0 -73
  167. package/dist/assets/SettingsExternalSecrets-BnXyxlJd.css +0 -29
  168. package/dist/assets/SettingsLdapView-BPh_inzE.css +0 -34
  169. package/dist/assets/SettingsLogStreamingView-Uz298HNW.css +0 -46
  170. package/dist/assets/SettingsPersonalView-CqzRUitO.css +0 -53
  171. package/dist/assets/SettingsSourceControl-C7H8sLJN.css +0 -80
  172. package/dist/assets/SettingsSso-Be_ejj46.css +0 -41
  173. package/dist/assets/SettingsUsageAndPlan-C3fKPMTY.css +0 -89
  174. package/dist/assets/SettingsUsersView-C13eCMjh.css +0 -21
  175. package/dist/assets/SettingsView-o6uNYu0t.css +0 -41
  176. package/dist/assets/SetupWorkflowFromTemplateView-DjBcyMCl.css +0 -26
  177. package/dist/assets/SigninView-DzDE1gJb.css +0 -33
  178. package/dist/assets/TemplateDetails-p3M6A7jr.css +0 -21
  179. package/dist/assets/TemplateList-BR3bpDTv.css +0 -114
  180. package/dist/assets/TemplatesCollectionView-DJVlK4Bb.css +0 -34
  181. package/dist/assets/TemplatesSearchView-CFrHWGcY.css +0 -221
  182. package/dist/assets/TemplatesView-CBNZZ_X1.css +0 -41
  183. package/dist/assets/TemplatesWorkflowView-CVC0fbb6.css +0 -46
  184. package/dist/assets/TestDefinitionEditView-CVRXpJ4c.css +0 -220
  185. package/dist/assets/TestDefinitionListView-BJVxwUdb.css +0 -80
  186. package/dist/assets/VariablesView-BnGnRwcl.css +0 -182
  187. package/dist/assets/VirtualSchema-CIfwZj8N.css +0 -136
  188. package/dist/assets/VirtualSchema-DkiHWd9N.js +0 -378
  189. package/dist/assets/WorkerView-CvXMClDD.css +0 -123
  190. package/dist/assets/WorkflowActivator-DSBGQvK0.css +0 -16
  191. package/dist/assets/WorkflowExecutionsInfoAccordion-f5tIRAwu.css +0 -33
  192. package/dist/assets/WorkflowExecutionsLandingPage-BodEQ5Bq.css +0 -23
  193. package/dist/assets/WorkflowExecutionsPreview-C-e7WZrK.css +0 -171
  194. package/dist/assets/WorkflowExecutionsView-CFOgmzpK.css +0 -178
  195. package/dist/assets/WorkflowHistory-D0ufvWsH.css +0 -181
  196. package/dist/assets/WorkflowPreview-DuLM6rtd.css +0 -40
  197. package/dist/assets/WorkflowsView-D5fBzfD4.css +0 -65
  198. package/dist/assets/testDefinition.store.ee-C9BPbACc.js +0 -138
  199. package/dist/assets/useGlobalEntityCreation-DGVSN-Im.js +0 -183
  200. package/dist/static/logo/channel/beta-dark.svg +0 -1
  201. package/dist/static/logo/channel/beta.svg +0 -1
  202. package/dist/static/logo/channel/dev-dark.svg +0 -1
  203. package/dist/static/logo/channel/dev.svg +0 -1
  204. package/dist/static/logo/channel/nightly-dark.svg +0 -1
  205. package/dist/static/logo/channel/nightly.svg +0 -1
  206. package/dist/static/logo/collapsed.svg +0 -1
  207. package/dist/static/logo/expanded-dark.svg +0 -1
  208. package/dist/static/logo/expanded.svg +0 -1
@@ -1,3096 +0,0 @@
1
- ._contextMenu_1t4kq_1 {
2
- position: fixed;
3
- }
4
- ._activator_1t4kq_5 {
5
- pointer-events: none;
6
- opacity: 0;
7
- }._container_9bi3m_1 {
8
- font-weight: var(--font-weight-bold);
9
- display: flex;
10
- font-size: var(--font-size-m);
11
- line-height: var(--font-line-height-compact);
12
- overflow-wrap: anywhere;
13
- padding-right: var(--spacing-s);
14
- overflow: hidden;
15
- }
16
- ._title_9bi3m_11 {
17
- max-height: 100px;
18
- display: -webkit-box;
19
- -webkit-line-clamp: 5;
20
- -webkit-box-orient: vertical;
21
- color: var(--color-text-dark);
22
- }
23
- ._hoverable_9bi3m_19:hover {
24
- cursor: pointer;
25
- }
26
- ._hoverable_9bi3m_19:hover ._editIcon_9bi3m_22 {
27
- display: inline-block;
28
- }
29
- ._iconWrapper_9bi3m_26 {
30
- display: inline-flex;
31
- margin-right: var(--spacing-2xs);
32
- }
33
- ._editIcon_9bi3m_22 {
34
- display: none;
35
- font-size: var(--font-size-xs);
36
- color: var(--color-text-base);
37
- position: absolute;
38
- bottom: 0;
39
- }
40
- ._editIconContainer_9bi3m_39 {
41
- display: inline-block;
42
- position: relative;
43
- width: 0;
44
- }
45
- ._editButtons_9bi3m_45 {
46
- text-align: right;
47
- margin-top: var(--spacing-s);
48
- }
49
- ._editButtons_9bi3m_45 > * {
50
- margin-left: var(--spacing-4xs);
51
- }
52
- ._editContainer_9bi3m_53 {
53
- text-align: left;
54
- }
55
- ._editContainer_9bi3m_53 > *:first-child {
56
- margin-bottom: var(--spacing-4xs);
57
- }#communityNode > div {
58
- cursor: auto;
59
- padding-right: 0;
60
- padding-left: 0;
61
- }
62
- #communityNode > div:hover {
63
- color: unset;
64
- }.webhooks[data-v-b6179980] {
65
- padding-bottom: var(--spacing-xs);
66
- margin: var(--spacing-xs) 0;
67
- border-bottom: 1px solid var(--color-text-lighter);
68
- }
69
- .webhooks .headline[data-v-b6179980] {
70
- color: var(--color-primary);
71
- font-weight: 600;
72
- font-size: var(--font-size-2xs);
73
- }
74
- .http-field[data-v-b6179980] {
75
- position: absolute;
76
- width: 50px;
77
- display: inline-block;
78
- top: calc(50% - 8px);
79
- }
80
- .http-method[data-v-b6179980] {
81
- background-color: var(--color-foreground-xdark);
82
- width: 40px;
83
- height: 16px;
84
- line-height: 16px;
85
- margin-left: 5px;
86
- text-align: center;
87
- border-radius: 2px;
88
- font-size: var(--font-size-2xs);
89
- font-weight: var(--font-weight-bold);
90
- color: var(--color-foreground-xlight);
91
- }
92
- .minimize-icon[data-v-b6179980] {
93
- font-size: 1.3em;
94
- margin-right: 0.5em;
95
- }
96
- .mode-selection-headline[data-v-b6179980] {
97
- line-height: 1.8em;
98
- }
99
- .node-webhooks[data-v-b6179980] {
100
- margin-left: 1em;
101
- }
102
- .url-field[data-v-b6179980] {
103
- display: inline-block;
104
- width: calc(100% - 60px);
105
- margin-left: 55px;
106
- }
107
- .url-field-full-width[data-v-b6179980] {
108
- display: inline-block;
109
- margin: 5px 10px;
110
- }
111
- .url-selection[data-v-b6179980] {
112
- margin-top: var(--spacing-xs);
113
- }
114
- .minimize-button[data-v-b6179980] {
115
- display: inline-block;
116
- transition-duration: 0.5s;
117
- transition-property: transform;
118
- }
119
- .expanded .minimize-button[data-v-b6179980] {
120
- transform: rotate(90deg);
121
- }
122
- .webhook-url[data-v-b6179980] {
123
- position: relative;
124
- top: 0;
125
- width: 100%;
126
- font-size: var(--font-size-2xs);
127
- white-space: normal;
128
- overflow: visible;
129
- text-overflow: initial;
130
- color: var(--color-text-dark);
131
- text-align: left;
132
- direction: ltr;
133
- word-break: break-all;
134
- }
135
- .webhook-wrapper[data-v-b6179980] {
136
- line-height: 1.5;
137
- position: relative;
138
- margin-top: var(--spacing-xs);
139
- background-color: var(--color-foreground-xlight);
140
- border-radius: 3px;
141
- }@keyframes _horizontal-shake_tfxh3_1 {
142
- 0% {
143
- transform: translateX(0);
144
- }
145
- 25% {
146
- transform: translateX(5px);
147
- }
148
- 50% {
149
- transform: translateX(-5px);
150
- }
151
- 75% {
152
- transform: translateX(5px);
153
- }
154
- 100% {
155
- transform: translateX(0);
156
- }
157
- }
158
- ._container_tfxh3_18 {
159
- --node-size: 45px;
160
- --plus-button-size: 30px;
161
- --animation-duration: 150ms;
162
- --collapsed-offset: 10px;
163
- padding-top: calc(var(--node-size) + var(--spacing-3xs));
164
- }
165
- ._connections_tfxh3_26 {
166
- min-height: calc(var(--node-size) + var(--spacing-m));
167
- position: absolute;
168
- bottom: calc(var(--node-size) / 2 * -1);
169
- left: 0;
170
- right: 0;
171
- -webkit-user-select: none;
172
- user-select: none;
173
- justify-content: space-between;
174
- display: grid;
175
- grid-template-columns: repeat(var(--possible-connections), 1fr);
176
- }
177
- ._connectionType_tfxh3_38 {
178
- display: flex;
179
- flex-direction: column;
180
- align-items: center;
181
- transition: all calc(var(--animation-duration) - 50ms) ease;
182
- }
183
- ._connectionLabel_tfxh3_45 {
184
- margin-bottom: var(--spacing-2xs);
185
- font-size: var(--font-size-2xs);
186
- -webkit-user-select: none;
187
- user-select: none;
188
- text-wrap: nowrap;
189
- }
190
- ._connectionLabel_tfxh3_45._hasIssues_tfxh3_51 {
191
- color: var(--color-danger);
192
- }
193
- ._connectedNodesWrapper_tfxh3_55 {
194
- display: flex;
195
- flex-direction: column;
196
- align-items: center;
197
- justify-content: space-between;
198
- position: relative;
199
- }
200
- ._plusButton_tfxh3_63 {
201
- transition: all var(--animation-duration) ease;
202
- position: absolute;
203
- top: var(--spacing-2xs);
204
- }
205
- ._plusButton_tfxh3_63._hasIssues_tfxh3_51 {
206
- animation: _horizontal-shake_tfxh3_1 500ms;
207
- }
208
- ._plusButton_tfxh3_63._hasIssues_tfxh3_51 button {
209
- --button-font-color: var(--color-danger);
210
- --button-border-color: var(--color-danger);
211
- }
212
- ._plusButton_tfxh3_63:not(:last-child) {
213
- z-index: 1;
214
- right: 100%;
215
- margin-right: calc(var(--plus-button-size) * -1 * 0.9);
216
- pointer-events: none;
217
- }
218
- ._connectedNodesWrapperExpanded_tfxh3_81 ._plusButton_tfxh3_63:not(:last-child) {
219
- margin-right: var(--spacing-2xs);
220
- opacity: 1;
221
- pointer-events: all;
222
- }
223
- ._connectedNodesMultiple_tfxh3_87 {
224
- transition: all var(--animation-duration) ease;
225
- }
226
- ._connectedNodesWrapperExpanded_tfxh3_81 {
227
- z-index: 1;
228
- }
229
- ._connections_tfxh3_26:has(._connectedNodesWrapperExpanded_tfxh3_81) ._connectionType_tfxh3_38:not(:has(._connectedNodesWrapperExpanded_tfxh3_81)) {
230
- opacity: 0;
231
- pointer-events: none;
232
- visibility: hidden;
233
- }
234
- ._connectedNode_tfxh3_55 {
235
- border: var(--border-base);
236
- background-color: var(--color-node-background);
237
- border-radius: 100%;
238
- padding: var(--spacing-xs);
239
- cursor: pointer;
240
- pointer-events: all;
241
- transition: all var(--animation-duration) ease;
242
- position: relative;
243
- display: flex;
244
- justify-self: center;
245
- align-self: center;
246
- }
247
- ._connectedNodes_tfxh3_55 {
248
- display: flex;
249
- justify-content: center;
250
- margin-right: calc((var(--nodes-length) - 1) * -1 * (var(--node-size) - var(--collapsed-offset)));
251
- }
252
- ._connectedNodesWrapperExpanded_tfxh3_81 ._connectedNodes_tfxh3_55 {
253
- margin-right: 0;
254
- margin-right: calc((var(--spacing-2xs) + var(--plus-button-size)) * -1);
255
- }
256
- ._nodeWrapper_tfxh3_125 {
257
- transition: all var(--animation-duration) ease;
258
- transform-origin: center;
259
- z-index: 1;
260
- }
261
- ._connectedNodesWrapperExpanded_tfxh3_81 ._nodeWrapper_tfxh3_125:not(:first-child) {
262
- margin-left: var(--spacing-2xs);
263
- }
264
- ._nodeWrapper_tfxh3_125._hasIssues_tfxh3_51 ._connectedNode_tfxh3_55 {
265
- border-width: calc(var(--border-width-base) * 2);
266
- border-color: var(--color-danger);
267
- }
268
- ._nodeWrapper_tfxh3_125:not(:first-child) {
269
- transform: translateX(calc(var(--node-index) * -1 * (var(--node-size) - var(--collapsed-offset))));
270
- }
271
- ._connectedNodesWrapperExpanded_tfxh3_81 ._nodeWrapper_tfxh3_125 {
272
- transform: translateX(0);
273
- }._header_1pn0y_1 {
274
- background-color: var(--color-background-base);
275
- }
276
- ._warningIcon_1pn0y_5 {
277
- color: var(--color-text-lighter);
278
- font-size: var(--font-size-2xl);
279
- }
280
- ._descriptionContainer_1pn0y_10 {
281
- display: flex;
282
- flex-direction: column;
283
- }.node-settings[data-v-5f1ca3f8] {
284
- display: flex;
285
- flex-direction: column;
286
- overflow: hidden;
287
- background-color: var(--color-background-xlight);
288
- height: 100%;
289
- width: 100%;
290
- }
291
- .node-settings .no-parameters[data-v-5f1ca3f8] {
292
- margin-top: var(--spacing-xs);
293
- }
294
- .node-settings .header-side-menu[data-v-5f1ca3f8] {
295
- padding: var(--spacing-s) var(--spacing-s) var(--spacing-s) var(--spacing-s);
296
- font-size: var(--font-size-l);
297
- display: flex;
298
- justify-content: space-between;
299
- }
300
- .node-settings .header-side-menu .node-name[data-v-5f1ca3f8] {
301
- padding-top: var(--spacing-5xs);
302
- }
303
- .node-settings .node-is-not-valid[data-v-5f1ca3f8] {
304
- height: 75%;
305
- padding: 10px;
306
- display: flex;
307
- flex-direction: column;
308
- align-items: center;
309
- justify-content: center;
310
- text-align: center;
311
- line-height: var(--font-line-height-regular);
312
- }
313
- .node-settings .node-parameters-wrapper[data-v-5f1ca3f8] {
314
- overflow-y: auto;
315
- padding: 0 var(--spacing-m) var(--spacing-l) var(--spacing-m);
316
- flex-grow: 1;
317
- }
318
- .node-settings.dragging[data-v-5f1ca3f8] {
319
- border-color: var(--color-primary);
320
- box-shadow: 0px 6px 16px rgba(255, 74, 51, 0.15);
321
- }
322
- .parameter-content[data-v-5f1ca3f8] {
323
- font-size: 0.9em;
324
- margin-right: -15px;
325
- margin-left: -15px;
326
- }
327
- .parameter-content input[data-v-5f1ca3f8] {
328
- width: calc(100% - 35px);
329
- padding: 5px;
330
- }
331
- .parameter-content select[data-v-5f1ca3f8] {
332
- width: calc(100% - 20px);
333
- padding: 5px;
334
- }
335
- .parameter-content[data-v-5f1ca3f8]:before {
336
- display: table;
337
- content: " ";
338
- position: relative;
339
- box-sizing: border-box;
340
- clear: both;
341
- }
342
- .parameter-wrapper[data-v-5f1ca3f8] {
343
- padding: 0 1em;
344
- }
345
- .color-reset-button-wrapper[data-v-5f1ca3f8] {
346
- position: relative;
347
- }
348
- .color-reset-button[data-v-5f1ca3f8] {
349
- position: absolute;
350
- right: 7px;
351
- top: -25px;
352
- }
353
- .node-version[data-v-5f1ca3f8] {
354
- border-top: var(--border-base);
355
- font-size: var(--font-size-xs);
356
- font-size: var(--font-size-2xs);
357
- padding: var(--spacing-xs) 0 var(--spacing-2xs) 0;
358
- color: var(--color-text-light);
359
- }
360
- .parameter-value input.expression[data-v-5f1ca3f8] {
361
- border-style: dashed;
362
- border-color: #ff9600;
363
- display: inline-block;
364
- position: relative;
365
- width: 100%;
366
- box-sizing: border-box;
367
- background-color: #793300;
368
- }._dragContainer_1fum9_1 {
369
- pointer-events: all;
370
- }
371
- ._dragButton_1fum9_5 {
372
- background-color: var(--color-background-base);
373
- width: 64px;
374
- height: 21px;
375
- border-top-left-radius: var(--border-radius-base);
376
- border-top-right-radius: var(--border-radius-base);
377
- cursor: grab;
378
- display: flex;
379
- align-items: center;
380
- justify-content: center;
381
- overflow: visible;
382
- position: relative;
383
- z-index: 3;
384
- }
385
- ._dragButton_1fum9_5:hover ._leftArrow_1fum9_19,
386
- ._dragButton_1fum9_5:hover ._rightArrow_1fum9_20 {
387
- visibility: visible;
388
- }
389
- ._visible_1fum9_24 {
390
- visibility: visible !important;
391
- }
392
- ._arrow_1fum9_28 {
393
- position: absolute;
394
- color: var(--color-background-xlight);
395
- font-size: var(--font-size-3xs);
396
- visibility: hidden;
397
- top: 0;
398
- }
399
- ._leftArrow_1fum9_19 {
400
- left: -16px;
401
- }
402
- ._rightArrow_1fum9_20 {
403
- right: -16px;
404
- }
405
- ._grid_1fum9_46 > div {
406
- display: flex;
407
- }
408
- ._grid_1fum9_46 > div:first-child > div {
409
- margin-bottom: 2px;
410
- }
411
- ._grid_1fum9_46 > div > div {
412
- height: 2px;
413
- width: 2px;
414
- border-radius: 50%;
415
- background-color: var(--color-foreground-xdark);
416
- margin-right: 4px;
417
- }
418
- ._grid_1fum9_46 > div > div:last-child {
419
- margin-right: 0;
420
- }._floatingNodes_468qc_1 {
421
- position: absolute;
422
- bottom: 0;
423
- top: 0;
424
- right: 0;
425
- left: 0;
426
- z-index: 10;
427
- pointer-events: none;
428
- }
429
- ._floatingNodes_468qc_1 {
430
- right: 0;
431
- }
432
- ._nodesList_468qc_15 {
433
- list-style: none;
434
- padding: 0;
435
- position: absolute;
436
- display: flex;
437
- align-items: center;
438
- justify-content: center;
439
- flex-direction: column;
440
- width: min-content;
441
- margin: auto;
442
- transform-origin: center;
443
- gap: var(--spacing-s);
444
- transition: transform 0.2s ease-in-out;
445
- }
446
- ._nodesList_468qc_15._inputSub_468qc_29, ._nodesList_468qc_15._outputSub_468qc_29 {
447
- right: 0;
448
- left: 0;
449
- flex-direction: row;
450
- }
451
- ._nodesList_468qc_15._outputSub_468qc_29 {
452
- top: 0;
453
- }
454
- ._nodesList_468qc_15._inputSub_468qc_29 {
455
- bottom: 0;
456
- }
457
- ._nodesList_468qc_15._outputMain_468qc_40, ._nodesList_468qc_15._inputMain_468qc_40 {
458
- top: 0;
459
- bottom: 0;
460
- }
461
- ._nodesList_468qc_15._outputMain_468qc_40 {
462
- right: 0;
463
- }
464
- ._nodesList_468qc_15._inputMain_468qc_40 {
465
- left: 0;
466
- }
467
- ._nodesList_468qc_15._outputMain_468qc_40 {
468
- transform: translateX(50%);
469
- }
470
- ._nodesList_468qc_15._outputSub_468qc_29 {
471
- transform: translateY(-50%);
472
- }
473
- ._nodesList_468qc_15._inputMain_468qc_40 {
474
- transform: translateX(-50%);
475
- }
476
- ._nodesList_468qc_15._inputSub_468qc_29 {
477
- transform: translateY(50%);
478
- }
479
- ._connectedNode_468qc_63 {
480
- border: var(--border-base);
481
- background-color: var(--color-node-background);
482
- border-radius: 100%;
483
- padding: var(--spacing-s);
484
- cursor: pointer;
485
- pointer-events: all;
486
- transition: transform 0.2s cubic-bezier(0.19, 1, 0.22, 1);
487
- position: relative;
488
- transform: scale(0.8);
489
- display: flex;
490
- justify-self: center;
491
- align-self: center;
492
- }
493
- ._connectedNode_468qc_63::after {
494
- content: "";
495
- position: absolute;
496
- top: -35%;
497
- right: -15%;
498
- bottom: -35%;
499
- left: -15%;
500
- z-index: -1;
501
- }
502
- ._outputMain_468qc_40 ._connectedNode_468qc_63, ._inputMain_468qc_40 ._connectedNode_468qc_63 {
503
- border-radius: var(--border-radius-large);
504
- display: flex;
505
- align-items: center;
506
- justify-content: center;
507
- }
508
- ._outputMain_468qc_40 ._connectedNode_468qc_63:hover {
509
- transform: scale(1.2) translateX(-50%);
510
- }
511
- ._outputSub_468qc_29 ._connectedNode_468qc_63:hover {
512
- transform: scale(1.2) translateY(50%);
513
- }
514
- ._inputMain_468qc_40 ._connectedNode_468qc_63:hover {
515
- transform: scale(1.2) translateX(50%);
516
- }
517
- ._inputSub_468qc_29 ._connectedNode_468qc_63:hover {
518
- transform: scale(1.2) translateY(-50%);
519
- }._dataPanel_a6j4o_1 {
520
- position: absolute;
521
- height: calc(100% - 2 * var(--spacing-l));
522
- position: absolute;
523
- top: var(--spacing-l);
524
- z-index: 0;
525
- min-width: 280px;
526
- }
527
- ._inputPanel_a6j4o_10 {
528
- left: var(--spacing-l);
529
- }
530
- ._inputPanel_a6j4o_10 > * {
531
- border-radius: var(--border-radius-large) 0 0 var(--border-radius-large);
532
- }
533
- ._outputPanel_a6j4o_18 {
534
- right: var(--spacing-l);
535
- }
536
- ._outputPanel_a6j4o_18 > * {
537
- border-radius: 0 var(--border-radius-large) var(--border-radius-large) 0;
538
- }
539
- ._mainPanel_a6j4o_26 {
540
- position: absolute;
541
- height: 100%;
542
- }
543
- ._mainPanel_a6j4o_26:hover ._draggable_a6j4o_30 {
544
- visibility: visible;
545
- }
546
- ._mainPanelInner_a6j4o_34 {
547
- height: 100%;
548
- border: var(--border-base);
549
- border-radius: var(--border-radius-large);
550
- box-shadow: 0 4px 16px rgba(50, 61, 85, 0.1);
551
- overflow: hidden;
552
- }
553
- ._mainPanelInner_a6j4o_34._dragging_a6j4o_41 {
554
- border-color: var(--color-primary);
555
- box-shadow: 0px 6px 16px rgba(255, 74, 51, 0.15);
556
- }
557
- ._draggable_a6j4o_30 {
558
- visibility: hidden;
559
- }
560
- ._double-width_a6j4o_50 {
561
- left: 90%;
562
- }
563
- ._dragButtonContainer_a6j4o_54 {
564
- position: absolute;
565
- top: -12px;
566
- width: 100%;
567
- height: 12px;
568
- display: flex;
569
- justify-content: center;
570
- pointer-events: none;
571
- }
572
- ._dragButtonContainer_a6j4o_54 ._draggable_a6j4o_30 {
573
- pointer-events: all;
574
- }
575
- ._dragButtonContainer_a6j4o_54:hover ._draggable_a6j4o_30 {
576
- visibility: visible;
577
- }
578
- ._visible_a6j4o_70 {
579
- visibility: visible;
580
- }.__html-display {
581
- width: 100%;
582
- height: 100%;
583
- }img,
584
- video {
585
- max-height: 100%;
586
- max-width: 100%;
587
- }
588
- .binary-data.other, .binary-data.pdf {
589
- height: 100%;
590
- width: 100%;
591
- }.binary-data-window {
592
- position: absolute;
593
- top: 50px;
594
- left: 0;
595
- z-index: 10;
596
- width: 100%;
597
- height: calc(100% - 50px);
598
- background-color: var(--color-run-data-background);
599
- overflow: hidden;
600
- text-align: center;
601
- }
602
- .binary-data-window.json {
603
- overflow: auto;
604
- }
605
- .binary-data-window .binary-data-window-wrapper {
606
- margin-top: 0.5em;
607
- padding: 0 1em;
608
- height: calc(100% - 50px);
609
- }
610
- .binary-data-window .binary-data-window-wrapper .el-row,
611
- .binary-data-window .binary-data-window-wrapper .el-col {
612
- height: 100%;
613
- }._pinDataButton_9p8um_1 svg {
614
- transition: transform 0.3s ease;
615
- }._infoIcon_14ti8_1 {
616
- color: var(--color-foreground-dark);
617
- }
618
- ._center_14ti8_5 {
619
- display: flex;
620
- height: 100%;
621
- flex-direction: column;
622
- align-items: center;
623
- justify-content: center;
624
- padding: var(--spacing-s) var(--spacing-s) var(--spacing-xl) var(--spacing-s);
625
- text-align: center;
626
- }
627
- ._center_14ti8_5 > * {
628
- max-width: 316px;
629
- margin-bottom: var(--spacing-2xs);
630
- }
631
- ._container_14ti8_19 {
632
- position: relative;
633
- width: 100%;
634
- height: 100%;
635
- background-color: var(--color-run-data-background);
636
- display: flex;
637
- flex-direction: column;
638
- }
639
- ._pinnedDataCallout_14ti8_28 {
640
- border-radius: inherit;
641
- border-bottom-right-radius: 0;
642
- border-top: 0;
643
- border-left: 0;
644
- border-right: 0;
645
- }
646
- ._header_14ti8_36 {
647
- display: flex;
648
- align-items: center;
649
- margin-bottom: var(--spacing-s);
650
- padding: var(--spacing-s) var(--spacing-s) 0 var(--spacing-s);
651
- position: relative;
652
- overflow-x: auto;
653
- overflow-y: hidden;
654
- min-height: calc(30px + var(--spacing-s));
655
- scrollbar-width: thin;
656
- }
657
- ._header_14ti8_36 > *:first-child {
658
- flex-grow: 1;
659
- }
660
- ._dataContainer_14ti8_51 {
661
- position: relative;
662
- overflow-y: auto;
663
- height: 100%;
664
- }
665
- ._dataContainer_14ti8_51:hover ._actions-group_14ti8_56 {
666
- opacity: 1;
667
- }
668
- ._dataDisplay_14ti8_60 {
669
- position: absolute;
670
- top: 0;
671
- left: 0;
672
- padding: 0 var(--spacing-s) var(--spacing-3xl) var(--spacing-s);
673
- right: 0;
674
- overflow-y: auto;
675
- line-height: var(--font-line-height-xloose);
676
- word-break: normal;
677
- height: 100%;
678
- }
679
- ._inlineError_14ti8_72 {
680
- line-height: var(--font-line-height-xloose);
681
- padding-left: var(--spacing-s);
682
- padding-right: var(--spacing-s);
683
- padding-bottom: var(--spacing-s);
684
- }
685
- ._outputs_14ti8_79 {
686
- display: flex;
687
- flex-direction: column;
688
- gap: var(--spacing-s);
689
- padding-left: var(--spacing-s);
690
- padding-right: var(--spacing-s);
691
- padding-bottom: var(--spacing-s);
692
- }
693
- ._tabs_14ti8_88 {
694
- display: flex;
695
- justify-content: space-between;
696
- align-items: center;
697
- min-height: 30px;
698
- --color-tabs-arrow-buttons: var(--color-run-data-background);
699
- }
700
- ._itemsCount_14ti8_96 {
701
- display: flex;
702
- align-items: center;
703
- gap: var(--spacing-2xs);
704
- padding-left: var(--spacing-s);
705
- padding-right: var(--spacing-s);
706
- padding-bottom: var(--spacing-s);
707
- flex-flow: wrap;
708
- }
709
- ._itemsCount_14ti8_96 ._itemsText_14ti8_105 {
710
- flex-shrink: 0;
711
- overflow: hidden;
712
- white-space: nowrap;
713
- text-overflow: ellipsis;
714
- }
715
- ._itemsCount_14ti8_96._muted_14ti8_111 ._itemsText_14ti8_105 {
716
- color: var(--color-text-light);
717
- font-size: var(--font-size-2xs);
718
- }
719
- ._inputSelect_14ti8_116 {
720
- padding-left: var(--spacing-s);
721
- padding-right: var(--spacing-s);
722
- padding-bottom: var(--spacing-s);
723
- }
724
- ._runSelector_14ti8_122 {
725
- display: flex;
726
- align-items: center;
727
- flex-flow: wrap;
728
- padding-left: var(--spacing-s);
729
- padding-right: var(--spacing-s);
730
- margin-bottom: var(--spacing-s);
731
- gap: var(--spacing-3xs);
732
- }
733
- ._runSelector_14ti8_122 .el-input--suffix .el-input__inner {
734
- padding-right: var(--spacing-l);
735
- }
736
- ._runSelectorInner_14ti8_135 {
737
- display: flex;
738
- gap: var(--spacing-4xs);
739
- align-items: center;
740
- }
741
- ._runSelectorSelect_14ti8_141 {
742
- max-width: 205px;
743
- }
744
- ._search_14ti8_145 {
745
- margin-left: auto;
746
- }
747
- ._pagination_14ti8_149 {
748
- width: 100%;
749
- display: flex;
750
- justify-content: center;
751
- align-items: center;
752
- bottom: 0;
753
- padding: 5px;
754
- overflow-y: hidden;
755
- }
756
- ._pageSizeSelector_14ti8_159 {
757
- text-transform: capitalize;
758
- max-width: 150px;
759
- flex: 0 1 auto;
760
- }
761
- ._binaryIndex_14ti8_165 {
762
- display: block;
763
- padding: var(--spacing-2xs);
764
- font-size: var(--font-size-2xs);
765
- }
766
- ._binaryIndex_14ti8_165 > * {
767
- display: inline-block;
768
- width: 30px;
769
- height: 30px;
770
- line-height: 30px;
771
- border-radius: var(--border-radius-base);
772
- text-align: center;
773
- background-color: var(--color-foreground-xdark);
774
- font-weight: var(--font-weight-bold);
775
- color: var(--color-text-xlight);
776
- }
777
- ._binaryRow_14ti8_182 {
778
- display: inline-flex;
779
- font-size: var(--font-size-2xs);
780
- }
781
- ._binaryCell_14ti8_187 {
782
- display: inline-block;
783
- width: 300px;
784
- overflow: hidden;
785
- background-color: var(--color-foreground-xlight);
786
- margin-right: var(--spacing-s);
787
- margin-bottom: var(--spacing-s);
788
- border-radius: var(--border-radius-base);
789
- border: var(--border-base);
790
- padding: var(--spacing-s);
791
- }
792
- ._binaryHeader_14ti8_199 {
793
- color: var(--color-primary);
794
- font-weight: var(--font-weight-bold);
795
- font-size: 1.2em;
796
- padding-bottom: var(--spacing-2xs);
797
- margin-bottom: var(--spacing-2xs);
798
- border-bottom: 1px solid var(--color-text-light);
799
- }
800
- ._binaryButtonContainer_14ti8_208 {
801
- margin-top: 1.5em;
802
- display: flex;
803
- flex-direction: row;
804
- justify-content: center;
805
- }
806
- ._binaryButtonContainer_14ti8_208 > * {
807
- flex-grow: 0;
808
- margin-right: var(--spacing-3xs);
809
- }
810
- ._binaryValue_14ti8_219 {
811
- white-space: initial;
812
- word-wrap: break-word;
813
- }
814
- ._displayModes_14ti8_224 {
815
- display: flex;
816
- justify-content: flex-end;
817
- flex-grow: 1;
818
- gap: var(--spacing-2xs);
819
- }
820
- ._tooltipContain_14ti8_231 {
821
- max-width: 240px;
822
- }
823
- ._spinner_14ti8_235 {
824
- display: flex;
825
- justify-content: center;
826
- margin-bottom: var(--spacing-s);
827
- }
828
- ._spinner_14ti8_235 * {
829
- color: var(--color-primary);
830
- min-height: 40px;
831
- min-width: 40px;
832
- }
833
- ._editMode_14ti8_246 {
834
- height: 100%;
835
- display: flex;
836
- flex-direction: column;
837
- justify-content: stretch;
838
- padding-left: var(--spacing-s);
839
- padding-right: var(--spacing-s);
840
- }
841
- ._editModeBody_14ti8_255 {
842
- flex: 1 1 auto;
843
- max-height: 100%;
844
- width: 100%;
845
- overflow: auto;
846
- }
847
- ._editModeFooter_14ti8_262 {
848
- flex: 0 1 auto;
849
- display: flex;
850
- width: 100%;
851
- justify-content: space-between;
852
- align-items: center;
853
- padding-top: var(--spacing-s);
854
- padding-bottom: var(--spacing-s);
855
- }
856
- ._editModeFooterInfotip_14ti8_272 {
857
- display: flex;
858
- flex: 1;
859
- width: 100%;
860
- }
861
- ._editModeActions_14ti8_278 {
862
- display: flex;
863
- justify-content: flex-end;
864
- align-items: center;
865
- margin-left: var(--spacing-s);
866
- }
867
- ._stretchVertically_14ti8_285 {
868
- height: 100%;
869
- }
870
- ._uiBlocker_14ti8_289 {
871
- border-top-left-radius: 0;
872
- border-bottom-left-radius: 0;
873
- }
874
- ._hintCallout_14ti8_294 {
875
- margin-bottom: var(--spacing-xs);
876
- margin-left: var(--spacing-s);
877
- margin-right: var(--spacing-s);
878
- }
879
- ._schema_14ti8_300 {
880
- padding: 0 var(--spacing-s);
881
- }
882
- ._relatedExecutionInfo_14ti8_304 {
883
- font-size: var(--font-size-s);
884
- margin-left: var(--spacing-3xs);
885
- }
886
- ._relatedExecutionInfo_14ti8_304 svg {
887
- padding-bottom: 2px;
888
- }.run-data .code-node-editor[data-v-2e356539] {
889
- height: 100%;
890
- }[data-v-2e356539] .highlight {
891
- background-color: #f7dc55;
892
- color: black;
893
- border-radius: var(--border-radius-base);
894
- padding: 0 1px;
895
- font-weight: normal;
896
- font-style: normal;
897
- }._tooltipRow_1azk3_1 {
898
- display: flex;
899
- column-gap: var(--spacing-4xs);
900
- }[data-output-type="logs"] [class*="itemsCount"],
901
- [data-output-type="logs"] [class*="displayModes"] {
902
- display: none;
903
- }
904
- ._outputTypeSelect_f1tu5_6 {
905
- margin-bottom: var(--spacing-4xs);
906
- width: -moz-fit-content;
907
- width: fit-content;
908
- }
909
- ._titleSection_f1tu5_11 {
910
- display: flex;
911
- align-items: center;
912
- }
913
- ._titleSection_f1tu5_11 > * {
914
- margin-right: var(--spacing-2xs);
915
- }
916
- ._title_f1tu5_11 {
917
- text-transform: uppercase;
918
- color: var(--color-text-light);
919
- letter-spacing: 3px;
920
- font-weight: var(--font-weight-bold);
921
- font-size: var(--font-size-s);
922
- }
923
- ._noOutputData_f1tu5_27 {
924
- max-width: 180px;
925
- }
926
- ._noOutputData_f1tu5_27 > *:first-child {
927
- margin-bottom: var(--spacing-m);
928
- }
929
- ._noOutputData_f1tu5_27 > * {
930
- margin-bottom: var(--spacing-2xs);
931
- }
932
- ._recoveredOutputData_f1tu5_37 {
933
- margin: auto;
934
- max-width: 250px;
935
- text-align: center;
936
- }
937
- ._recoveredOutputData_f1tu5_37 > *:first-child {
938
- margin-bottom: var(--spacing-m);
939
- }._select_68vpa_1 {
940
- --max-select-width: 224px;
941
- max-width: var(--max-select-width);
942
- }
943
- ._select_68vpa_1 .el-input--suffix .el-input__inner {
944
- padding-left: calc(var(--spacing-l) + var(--spacing-4xs));
945
- padding-right: var(--spacing-l);
946
- }
947
- ._node_68vpa_10 {
948
- --select-option-padding: 0 var(--spacing-s);
949
- display: flex;
950
- align-items: center;
951
- font-size: var(--font-size-2xs);
952
- gap: var(--spacing-4xs);
953
- }
954
- ._icon_68vpa_18 {
955
- padding-right: var(--spacing-4xs);
956
- }
957
- ._title_68vpa_22 {
958
- color: var(--color-text-dark);
959
- font-weight: var(--font-weight-regular);
960
- max-width: var(--max-select-width);
961
- overflow: hidden;
962
- white-space: nowrap;
963
- text-overflow: ellipsis;
964
- }
965
- ._disabled_68vpa_31 ._title_68vpa_22 {
966
- color: var(--color-text-light);
967
- }
968
- ._subtitle_68vpa_35 {
969
- margin-left: auto;
970
- padding-left: var(--spacing-2xs);
971
- color: var(--color-text-light);
972
- font-weight: var(--font-weight-regular);
973
- }._mappedNode_17wvq_1 {
974
- padding: 0 var(--spacing-s) var(--spacing-s);
975
- }
976
- ._titleSection_17wvq_5 {
977
- display: flex;
978
- max-width: 300px;
979
- align-items: center;
980
- }
981
- ._titleSection_17wvq_5 > * {
982
- margin-right: var(--spacing-2xs);
983
- }
984
- ._inputModeTab_17wvq_14 {
985
- margin-left: auto;
986
- }
987
- ._noOutputData_17wvq_18 {
988
- max-width: 180px;
989
- }
990
- ._noOutputData_17wvq_18 > *:first-child {
991
- margin-bottom: var(--spacing-m);
992
- }
993
- ._noOutputData_17wvq_18 > * {
994
- margin-bottom: var(--spacing-2xs);
995
- }
996
- ._recoveredOutputData_17wvq_28 {
997
- margin: auto;
998
- max-width: 250px;
999
- text-align: center;
1000
- }
1001
- ._recoveredOutputData_17wvq_28 > *:first-child {
1002
- margin-bottom: var(--spacing-m);
1003
- }
1004
- ._notConnected_17wvq_37 {
1005
- max-width: 300px;
1006
- }
1007
- ._notConnected_17wvq_37 > *:first-child {
1008
- margin-bottom: var(--spacing-m);
1009
- }
1010
- ._notConnected_17wvq_37 > * {
1011
- margin-bottom: var(--spacing-2xs);
1012
- }
1013
- ._title_17wvq_5 {
1014
- text-transform: uppercase;
1015
- color: var(--color-text-light);
1016
- letter-spacing: 3px;
1017
- font-size: var(--font-size-s);
1018
- font-weight: var(--font-weight-bold);
1019
- }._container_1evnm_1 {
1020
- position: relative;
1021
- width: 100%;
1022
- height: 100%;
1023
- background-color: var(--color-background-base);
1024
- display: flex;
1025
- flex-direction: column;
1026
- align-items: center;
1027
- justify-content: center;
1028
- padding: var(--spacing-s) var(--spacing-s) var(--spacing-xl) var(--spacing-s);
1029
- text-align: center;
1030
- overflow: hidden;
1031
- }
1032
- ._container_1evnm_1 > * {
1033
- width: 100%;
1034
- }
1035
- ._header_1evnm_18 {
1036
- margin-bottom: var(--spacing-s);
1037
- }
1038
- ._header_1evnm_18 > * {
1039
- margin-bottom: var(--spacing-2xs);
1040
- }
1041
- ._action_1evnm_25 {
1042
- margin-bottom: var(--spacing-2xl);
1043
- }
1044
- ._shake_1evnm_29 {
1045
- animation: _shake_1evnm_29 8s infinite;
1046
- }
1047
- @keyframes _shake_1evnm_29 {
1048
- 90% {
1049
- transform: translateX(0);
1050
- }
1051
- 92.5% {
1052
- transform: translateX(6px);
1053
- }
1054
- 95% {
1055
- transform: translateX(-6px);
1056
- }
1057
- 97.5% {
1058
- transform: translateX(6px);
1059
- }
1060
- 100% {
1061
- transform: translateX(0);
1062
- }
1063
- }
1064
- ._accordion_1evnm_50 {
1065
- position: absolute;
1066
- bottom: 0;
1067
- left: 0;
1068
- width: 100%;
1069
- }.fade-enter-active[data-v-61e12e36],
1070
- .fade-leave-active[data-v-61e12e36] {
1071
- transition: opacity 200ms;
1072
- }
1073
- .fade-enter[data-v-61e12e36],
1074
- .fade-leave-to[data-v-61e12e36] {
1075
- opacity: 0;
1076
- }[data-has-output-connection=true] .ndv-connection-hint-notice {
1077
- display: none;
1078
- }
1079
- .ndv-wrapper {
1080
- overflow: visible;
1081
- margin-top: 0;
1082
- }
1083
- .data-display-wrapper {
1084
- height: calc(100% - var(--spacing-l)) !important;
1085
- margin-top: var(--spacing-xl) !important;
1086
- margin-bottom: var(--spacing-xl) !important;
1087
- width: 100%;
1088
- background: none;
1089
- border: none;
1090
- }
1091
- .data-display-wrapper .el-dialog__header {
1092
- padding: 0 !important;
1093
- }
1094
- .data-display-wrapper .el-dialog__body {
1095
- padding: 0 !important;
1096
- height: 100%;
1097
- min-height: 400px;
1098
- overflow: visible;
1099
- border-radius: 8px;
1100
- }
1101
- .data-display {
1102
- height: 100%;
1103
- width: 100%;
1104
- display: flex;
1105
- }._modalBackground_16z4c_1 {
1106
- height: 100%;
1107
- width: 100%;
1108
- }
1109
- ._triggerWarning_16z4c_6 {
1110
- max-width: 180px;
1111
- }
1112
- ._backToCanvas_16z4c_10 {
1113
- position: fixed;
1114
- top: var(--spacing-xs);
1115
- left: var(--spacing-l);
1116
- }
1117
- ._backToCanvas_16z4c_10 span {
1118
- color: var(--color-ndv-back-font);
1119
- }
1120
- ._backToCanvas_16z4c_10:hover {
1121
- cursor: pointer;
1122
- }
1123
- ._backToCanvas_16z4c_10 > * {
1124
- margin-right: var(--spacing-3xs);
1125
- }
1126
- @media (min-width: 1920px) {
1127
- ._backToCanvas_16z4c_10 {
1128
- top: var(--spacing-xs);
1129
- left: var(--spacing-m);
1130
- }
1131
- }
1132
- ._featureRequest_16z4c_31 {
1133
- position: absolute;
1134
- bottom: var(--spacing-4xs);
1135
- left: calc(100% + var(--spacing-s));
1136
- color: var(--color-feature-request-font);
1137
- font-size: var(--font-size-2xs);
1138
- white-space: nowrap;
1139
- }
1140
- ._featureRequest_16z4c_31 * {
1141
- margin-right: var(--spacing-3xs);
1142
- }.sticky-wrapper[data-v-dcc29189] {
1143
- position: absolute;
1144
- }
1145
- .sticky-wrapper .sticky-default .sticky-box[data-v-dcc29189] {
1146
- width: 100%;
1147
- height: 100%;
1148
- }
1149
- .sticky-wrapper .sticky-default.touch-active .sticky-options[data-v-dcc29189], .sticky-wrapper .sticky-default:hover .sticky-options[data-v-dcc29189] {
1150
- display: flex;
1151
- cursor: pointer;
1152
- }
1153
- .sticky-wrapper .sticky-default.is-read-only[data-v-dcc29189] {
1154
- pointer-events: none;
1155
- }
1156
- .sticky-wrapper .sticky-default .sticky-options[data-v-dcc29189] {
1157
- display: none;
1158
- justify-content: flex-start;
1159
- position: absolute;
1160
- top: -25px;
1161
- left: -8px;
1162
- height: 26px;
1163
- font-size: 0.9em;
1164
- text-align: left;
1165
- z-index: 10;
1166
- color: #aaa;
1167
- text-align: center;
1168
- }
1169
- .sticky-wrapper .sticky-default .sticky-options .option[data-v-dcc29189] {
1170
- width: 28px;
1171
- display: inline-block;
1172
- }
1173
- .sticky-wrapper .sticky-default .sticky-options .option.touch[data-v-dcc29189] {
1174
- display: none;
1175
- }
1176
- .sticky-wrapper .sticky-default .sticky-options .option[data-v-dcc29189]:hover {
1177
- color: var(--color-primary);
1178
- }
1179
- .sticky-wrapper .sticky-default .force-show[data-v-dcc29189] {
1180
- display: flex;
1181
- }
1182
- .sticky-wrapper .sticky-default.is-touch-device .sticky-options[data-v-dcc29189] {
1183
- left: -25px;
1184
- width: 150px;
1185
- }
1186
- .sticky-wrapper .sticky-default.is-touch-device .sticky-options .option.touch[data-v-dcc29189] {
1187
- display: initial;
1188
- }
1189
- .select-sticky-background[data-v-dcc29189] {
1190
- display: block;
1191
- position: absolute;
1192
- background-color: var(--color-canvas-selected);
1193
- border-radius: var(--border-radius-xlarge);
1194
- overflow: hidden;
1195
- height: calc(100% + 16px);
1196
- width: calc(100% + 16px);
1197
- left: -8px;
1198
- top: -8px;
1199
- z-index: 0;
1200
- }
1201
- .content[data-v-dcc29189] {
1202
- display: flex;
1203
- flex-direction: row;
1204
- width: -moz-fit-content;
1205
- width: fit-content;
1206
- gap: var(--spacing-2xs);
1207
- }
1208
- .color[data-v-dcc29189] {
1209
- width: 20px;
1210
- height: 20px;
1211
- border-radius: 50%;
1212
- border-color: var(--color-primary-shade-1);
1213
- }
1214
- .color[data-v-dcc29189]:hover {
1215
- cursor: pointer;
1216
- }.context-menu[data-v-47aff4de] {
1217
- position: absolute;
1218
- }
1219
- .node-wrapper[data-v-47aff4de] {
1220
- --node-width: 100px;
1221
- /*
1222
- Set the node height to 100px as a base.
1223
- Increase height by 20px for each output beyond the 4th one.
1224
- max(0, var(--node-main-output-count, 1) - 4) ensures that we only start counting after the 4th output.
1225
- */
1226
- --node-height: max(
1227
- calc(100px + max(0, var(--node-main-input-count, 1) - 3) * 30px),
1228
- calc(100px + max(0, var(--node-main-output-count, 1) - 4) * 20px)
1229
- );
1230
- --configurable-node-min-input-count: 4;
1231
- --configurable-node-input-width: 65px;
1232
- position: absolute;
1233
- width: var(--node-width);
1234
- height: var(--node-height);
1235
- }
1236
- .node-wrapper .node-description[data-v-47aff4de] {
1237
- position: absolute;
1238
- top: var(--node-height);
1239
- left: calc(var(--node-width) / 2 * -1);
1240
- line-height: 1.5;
1241
- text-align: center;
1242
- cursor: default;
1243
- padding: 8px;
1244
- width: 100%;
1245
- min-width: calc(var(--node-width) * 2);
1246
- pointer-events: none;
1247
- }
1248
- .node-wrapper .node-description .node-name > p[data-v-47aff4de] {
1249
- text-overflow: ellipsis;
1250
- display: -webkit-box;
1251
- -webkit-box-orient: vertical;
1252
- -webkit-line-clamp: 2;
1253
- overflow: hidden;
1254
- overflow-wrap: anywhere;
1255
- font-weight: var(--font-weight-bold);
1256
- line-height: var(--font-line-height-compact);
1257
- }
1258
- .node-wrapper .node-description .node-subtitle[data-v-47aff4de] {
1259
- white-space: nowrap;
1260
- overflow: hidden;
1261
- text-overflow: ellipsis;
1262
- font-weight: 400;
1263
- color: var(--color-text-light);
1264
- font-size: 0.8em;
1265
- }
1266
- .node-wrapper.touch-active .node-options[data-v-47aff4de], .node-wrapper:hover .node-options[data-v-47aff4de], .node-wrapper.menu-open .node-options[data-v-47aff4de] {
1267
- opacity: 1;
1268
- }
1269
- .node-wrapper .node-options[data-v-47aff4de] {
1270
- cursor: default;
1271
- position: absolute;
1272
- bottom: 100%;
1273
- z-index: 11;
1274
- min-width: 100%;
1275
- display: flex;
1276
- left: calc(-1 * var(--spacing-4xs));
1277
- right: calc(-1 * var(--spacing-4xs));
1278
- justify-content: center;
1279
- align-items: center;
1280
- padding-bottom: var(--spacing-2xs);
1281
- font-size: var(--font-size-s);
1282
- opacity: 0;
1283
- transition: opacity 100ms ease-in;
1284
- }
1285
- .node-wrapper .node-options[data-v-47aff4de] .button {
1286
- --button-font-color: var(--color-text-light);
1287
- --button-border-radius: 0;
1288
- }
1289
- .node-wrapper .node-options-inner[data-v-47aff4de] {
1290
- display: flex;
1291
- align-items: center;
1292
- background-color: var(--color-canvas-background);
1293
- border-radius: var(--border-radius-base);
1294
- }
1295
- .node-wrapper .node-default[data-v-47aff4de] {
1296
- position: absolute;
1297
- width: 100%;
1298
- height: 100%;
1299
- cursor: pointer;
1300
- }
1301
- .node-wrapper .node-default.disable-pointer-events[data-v-47aff4de] {
1302
- pointer-events: none;
1303
- }
1304
- .node-wrapper .node-default .node-box[data-v-47aff4de] {
1305
- width: 100%;
1306
- height: 100%;
1307
- border: 2px solid var(--color-foreground-xdark);
1308
- border-radius: var(--border-radius-large);
1309
- background-color: var(--color-node-background);
1310
- --color-background-node-icon-badge: var(--color-node-background);
1311
- }
1312
- .node-wrapper .node-default .node-box.executing[data-v-47aff4de] {
1313
- background-color: var(--color-node-executing-background) !important;
1314
- }
1315
- .node-wrapper .node-default .node-box.executing .node-executing-info[data-v-47aff4de] {
1316
- display: inline-block;
1317
- }
1318
- .node-wrapper .node-default .node-executing-info[data-v-47aff4de] {
1319
- display: none;
1320
- position: absolute;
1321
- left: 0px;
1322
- top: 0px;
1323
- z-index: 12;
1324
- width: 100%;
1325
- height: 100%;
1326
- font-size: 3.75em;
1327
- line-height: 1.65em;
1328
- text-align: center;
1329
- color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.7);
1330
- }
1331
- .node-wrapper .node-default .node-waiting-spinner[data-v-47aff4de] {
1332
- display: inline-block;
1333
- position: absolute;
1334
- left: 0px;
1335
- top: 0px;
1336
- z-index: 12;
1337
- width: 100%;
1338
- height: 100%;
1339
- font-size: 3.75em;
1340
- line-height: 1.65em;
1341
- text-align: center;
1342
- color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.7);
1343
- }
1344
- .node-wrapper .node-default .node-icon[data-v-47aff4de] {
1345
- position: absolute;
1346
- top: calc(50% - 20px);
1347
- left: calc(50% - 20px);
1348
- }
1349
- .node-wrapper .node-default .node-info-icon[data-v-47aff4de] {
1350
- position: absolute;
1351
- bottom: 6px;
1352
- right: 6px;
1353
- }
1354
- .node-wrapper .node-default .node-info-icon.shift-icon[data-v-47aff4de] {
1355
- right: 12px;
1356
- }
1357
- .node-wrapper .node-default .node-info-icon .data-count[data-v-47aff4de] {
1358
- font-weight: 600;
1359
- color: var(--color-success);
1360
- }
1361
- .node-wrapper .node-default .node-info-icon .node-issues[data-v-47aff4de] {
1362
- color: var(--color-danger);
1363
- }
1364
- .node-wrapper .node-default .node-info-icon .items-count[data-v-47aff4de] {
1365
- font-size: var(--font-size-s);
1366
- padding: 0;
1367
- }
1368
- .node-wrapper .node-default .node-pin-data-icon[data-v-47aff4de] {
1369
- color: var(--color-secondary);
1370
- margin-right: 2px;
1371
- }
1372
- .node-wrapper .node-default .node-pin-data-icon svg[data-v-47aff4de] {
1373
- height: 0.85rem;
1374
- }
1375
- .node-wrapper .node-default .waiting[data-v-47aff4de] {
1376
- color: var(--color-secondary);
1377
- }
1378
- .node-wrapper--config[data-v-47aff4de] {
1379
- --configurable-node-input-width: 55px;
1380
- --node-width: 75px;
1381
- --node-height: 75px;
1382
- }
1383
- .node-wrapper--config .node-default .node-icon[data-v-47aff4de] {
1384
- scale: 0.75;
1385
- }
1386
- .node-wrapper--config .node-default .node-box[data-v-47aff4de] {
1387
- border: 2px solid var(--color-foreground-xdark);
1388
- border-radius: 50px;
1389
- }
1390
- .node-wrapper--config .node-default .node-box.executing[data-v-47aff4de] {
1391
- background-color: var(--color-node-executing-other-background) !important;
1392
- }
1393
- .node-wrapper--config .node-default .node-box .node-executing-info[data-v-47aff4de] {
1394
- font-size: 2.85em;
1395
- }
1396
- .node-wrapper--config.node-wrapper--connection-type-ai_chain .node-default .node-box[data-v-47aff4de] {
1397
- background: var(--node-type-ai_chain-background);
1398
- }
1399
- .node-wrapper--config.node-wrapper--connection-type-ai_chain .node-description .node-subtitle[data-v-47aff4de] {
1400
- color: var(--node-type-ai_chain-color);
1401
- }
1402
- .node-wrapper--config.node-wrapper--connection-type-ai_document .node-default .node-box[data-v-47aff4de] {
1403
- background: var(--node-type-ai_document-background);
1404
- }
1405
- .node-wrapper--config.node-wrapper--connection-type-ai_document .node-description .node-subtitle[data-v-47aff4de] {
1406
- color: var(--node-type-ai_document-color);
1407
- }
1408
- .node-wrapper--config.node-wrapper--connection-type-ai_embedding .node-default .node-box[data-v-47aff4de] {
1409
- background: var(--node-type-ai_embedding-background);
1410
- }
1411
- .node-wrapper--config.node-wrapper--connection-type-ai_embedding .node-description .node-subtitle[data-v-47aff4de] {
1412
- color: var(--node-type-ai_embedding-color);
1413
- }
1414
- .node-wrapper--config.node-wrapper--connection-type-ai_languageModel .node-default .node-box[data-v-47aff4de] {
1415
- background: var(--node-type-ai_languageModel-background);
1416
- }
1417
- .node-wrapper--config.node-wrapper--connection-type-ai_languageModel .node-description .node-subtitle[data-v-47aff4de] {
1418
- color: var(--node-type-ai_languageModel-color);
1419
- }
1420
- .node-wrapper--config.node-wrapper--connection-type-ai_memory .node-default .node-box[data-v-47aff4de] {
1421
- background: var(--node-type-ai_memory-background);
1422
- }
1423
- .node-wrapper--config.node-wrapper--connection-type-ai_memory .node-description .node-subtitle[data-v-47aff4de] {
1424
- color: var(--node-type-ai_memory-color);
1425
- }
1426
- .node-wrapper--config.node-wrapper--connection-type-ai_outputParser .node-default .node-box[data-v-47aff4de] {
1427
- background: var(--node-type-ai_outputParser-background);
1428
- }
1429
- .node-wrapper--config.node-wrapper--connection-type-ai_outputParser .node-description .node-subtitle[data-v-47aff4de] {
1430
- color: var(--node-type-ai_outputParser-color);
1431
- }
1432
- .node-wrapper--config.node-wrapper--connection-type-ai_tool .node-default .node-box[data-v-47aff4de] {
1433
- background: var(--node-type-ai_tool-background);
1434
- }
1435
- .node-wrapper--config.node-wrapper--connection-type-ai_tool .node-description .node-subtitle[data-v-47aff4de] {
1436
- color: var(--node-type-ai_tool-color);
1437
- }
1438
- .node-wrapper--config.node-wrapper--connection-type-ai_retriever .node-default .node-box[data-v-47aff4de] {
1439
- background: var(--node-type-ai_retriever-background);
1440
- }
1441
- .node-wrapper--config.node-wrapper--connection-type-ai_retriever .node-description .node-subtitle[data-v-47aff4de] {
1442
- color: var(--node-type-ai_retriever-color);
1443
- }
1444
- .node-wrapper--config.node-wrapper--connection-type-ai_textSplitter .node-default .node-box[data-v-47aff4de] {
1445
- background: var(--node-type-ai_textSplitter-background);
1446
- }
1447
- .node-wrapper--config.node-wrapper--connection-type-ai_textSplitter .node-description .node-subtitle[data-v-47aff4de] {
1448
- color: var(--node-type-ai_textSplitter-color);
1449
- }
1450
- .node-wrapper--config.node-wrapper--connection-type-ai_vectorRetriever .node-default .node-box[data-v-47aff4de] {
1451
- background: var(--node-type-ai_vectorRetriever-background);
1452
- }
1453
- .node-wrapper--config.node-wrapper--connection-type-ai_vectorRetriever .node-description .node-subtitle[data-v-47aff4de] {
1454
- color: var(--node-type-ai_vectorRetriever-color);
1455
- }
1456
- .node-wrapper--config.node-wrapper--connection-type-ai_vectorStore .node-default .node-box[data-v-47aff4de] {
1457
- background: var(--node-type-ai_vectorStore-background);
1458
- }
1459
- .node-wrapper--config.node-wrapper--connection-type-ai_vectorStore .node-description .node-subtitle[data-v-47aff4de] {
1460
- color: var(--node-type-ai_vectorStore-color);
1461
- }
1462
- .node-wrapper--config .node-info-icon[data-v-47aff4de] {
1463
- bottom: 4px !important;
1464
- right: 50% !important;
1465
- transform: translateX(50%) scale(0.75);
1466
- }
1467
- .node-wrapper--config.node-wrapper--configurable[data-v-47aff4de] {
1468
- --configurable-node-icon-offset: 20px;
1469
- }
1470
- .node-wrapper--config.node-wrapper--configurable .node-info-icon[data-v-47aff4de] {
1471
- bottom: 1px !important;
1472
- right: 1px !important;
1473
- }
1474
- .node-wrapper--configurable[data-v-47aff4de] {
1475
- --node-width: var(
1476
- --configurable-node-width,
1477
- calc(
1478
- max(var(--configurable-node-input-count, 5), var(--configurable-node-min-input-count)) *
1479
- var(--configurable-node-input-width)
1480
- )
1481
- );
1482
- --configurable-node-icon-offset: 40px;
1483
- --configurable-node-icon-size: 30px;
1484
- }
1485
- .node-wrapper--configurable .node-description[data-v-47aff4de] {
1486
- top: 50%;
1487
- transform: translateY(-50%);
1488
- left: calc(var(--configurable-node-icon-offset) + var(--configurable-node-icon-size) + var(--spacing-s));
1489
- text-align: left;
1490
- overflow: auto;
1491
- white-space: normal;
1492
- min-width: unset;
1493
- max-width: calc(var(--node-width) - var(--configurable-node-icon-offset) - var(--configurable-node-icon-size) - 2 * var(--spacing-s));
1494
- }
1495
- .node-wrapper--configurable .node-description .node-name > p[data-v-47aff4de] {
1496
- color: var(--color-configurable-node-name);
1497
- }
1498
- .node-wrapper--configurable .node-default .node-icon[data-v-47aff4de] {
1499
- left: var(--configurable-node-icon-offset);
1500
- }
1501
- .node-wrapper--configurable .node-default .node-executing-info[data-v-47aff4de] {
1502
- left: -67px;
1503
- }
1504
- .node-wrapper--configurable[data-node-type="@n8n/n8n-nodes-langchain.chatTrigger"][data-v-47aff4de] {
1505
- --configurable-node-min-input-count: 1;
1506
- --configurable-node-input-width: 176px;
1507
- }
1508
- .node-wrapper--trigger .node-default .node-box[data-v-47aff4de] {
1509
- border-radius: 32px 8px 8px 32px;
1510
- }
1511
- .node-wrapper .trigger-icon[data-v-47aff4de] {
1512
- position: absolute;
1513
- right: 100%;
1514
- top: 0;
1515
- bottom: 0;
1516
- margin: auto;
1517
- color: var(--color-primary);
1518
- align-items: center;
1519
- justify-content: center;
1520
- height: -moz-fit-content;
1521
- height: fit-content;
1522
- padding: var(--spacing-2xs);
1523
- }
1524
- .select-background[data-v-47aff4de] {
1525
- --node--selected--box-shadow-radius: 8px;
1526
- display: block;
1527
- background-color: var(--color-canvas-selected);
1528
- border-radius: var(--border-radius-xlarge);
1529
- overflow: hidden;
1530
- position: absolute;
1531
- left: calc(var(--node--selected--box-shadow-radius) * -1) !important;
1532
- top: calc(var(--node--selected--box-shadow-radius) * -1) !important;
1533
- height: calc(100% + 2 * var(--node--selected--box-shadow-radius));
1534
- width: calc(100% + 2 * var(--node--selected--box-shadow-radius)) !important;
1535
- }
1536
- .node-wrapper--trigger .select-background[data-v-47aff4de] {
1537
- border-radius: 36px 8px 8px 36px;
1538
- }
1539
- .node-wrapper--config .select-background[data-v-47aff4de] {
1540
- --node--selected--box-shadow-radius: 4px;
1541
- border-radius: 60px;
1542
- }
1543
- .disabled-line-through[data-v-47aff4de] {
1544
- border: 1px solid var(--color-foreground-dark);
1545
- position: absolute;
1546
- top: 49px;
1547
- left: -3px;
1548
- width: 111px;
1549
- pointer-events: none;
1550
- }
1551
- .disabled-line-through.success[data-v-47aff4de] {
1552
- border-color: var(--color-success-light);
1553
- }.jtk-endpoint {
1554
- z-index: 2;
1555
- }
1556
- .node-trigger-tooltip__wrapper {
1557
- top: -22px;
1558
- left: 50px;
1559
- position: relative;
1560
- }
1561
- .node-trigger-tooltip__wrapper--item {
1562
- max-width: 160px;
1563
- position: fixed;
1564
- z-index: 0 !important;
1565
- }
1566
- .dot-output-endpoint:hover circle {
1567
- fill: var(--color-primary);
1568
- }
1569
-
1570
- /** connector */
1571
- .jtk-connector {
1572
- z-index: 3;
1573
- }
1574
- .jtk-floating-endpoint {
1575
- opacity: 0;
1576
- }
1577
- .jtk-connector path {
1578
- transition: stroke 0.1s ease-in-out;
1579
- }
1580
- .jtk-overlay {
1581
- z-index: 3;
1582
- }
1583
- .jtk-connector {
1584
- z-index: 4;
1585
- }
1586
- .node-input-endpoint-label,
1587
- .node-output-endpoint-label,
1588
- .connection-run-items-label {
1589
- z-index: 5;
1590
- }
1591
- .jtk-connector.jtk-hover {
1592
- z-index: 6;
1593
- }
1594
- .jtk-endpoint.plus-endpoint {
1595
- z-index: 6;
1596
- }
1597
- .jtk-endpoint.dot-output-endpoint {
1598
- z-index: 7;
1599
- overflow: auto;
1600
- }
1601
- .disabled-line-through {
1602
- z-index: 8;
1603
- }
1604
- .jtk-drag-active.dot-output-endpoint,
1605
- .jtk-drag-active.rect-input-endpoint {
1606
- z-index: 9;
1607
- }
1608
- .rect-input-endpoint > * {
1609
- pointer-events: none;
1610
- }
1611
- .connection-actions {
1612
- z-index: 100;
1613
- }
1614
- .drop-add-node-label {
1615
- z-index: 10;
1616
- }:root {
1617
- --endpoint-size-small: 14px;
1618
- --endpoint-size-medium: 18px;
1619
- --stalk-size: 40px;
1620
- --stalk-medium-size: 60px;
1621
- --stalk-large-size: 90px;
1622
- --stalk-success-size: 87px;
1623
- --stalk-success-size-without-label: 40px;
1624
- --stalk-long-size: 127px;
1625
- --plus-endpoint-box-size: 24px;
1626
- --plus-endpoint-box-size-small: 17px;
1627
- }
1628
- .plus-svg-circle {
1629
- z-index: 111;
1630
- }
1631
- .plus-svg-circle circle {
1632
- stroke: var(--color-foreground-xdark);
1633
- stroke-width: 2px;
1634
- fill: var(--color-foreground-xdark);
1635
- }
1636
- .plus-svg-circle:hover circle {
1637
- stroke: var(--color-primary);
1638
- fill: var(--color-primary);
1639
- }
1640
- .plus-stalk {
1641
- width: calc(var(--stalk-size) + 2px);
1642
- border: 1px solid var(--color-foreground-dark);
1643
- margin-left: calc(var(--stalk-size) / 2);
1644
- z-index: 3;
1645
- }
1646
- .plus-stalk.ep-success {
1647
- border-color: var(--color-success-light);
1648
- }
1649
- .plus-stalk.ep-success:after {
1650
- content: attr(data-label);
1651
- position: absolute;
1652
- left: 0;
1653
- right: 0;
1654
- bottom: 100%;
1655
- margin: auto;
1656
- margin-bottom: 2px;
1657
- text-align: center;
1658
- line-height: 1.3em;
1659
- font-size: var(--font-size-s);
1660
- font-weight: var(--font-weight-regular);
1661
- color: var(--color-success);
1662
- }
1663
- .connection-run-items-label {
1664
- pointer-events: none;
1665
- }
1666
- .connection-run-items-label span {
1667
- background-color: hsla(var(--color-canvas-background-h), var(--color-canvas-background-s), var(--color-canvas-background-l), 0.85);
1668
- border-radius: var(--border-radius-base);
1669
- line-height: 1.3em;
1670
- padding: 0px 3px;
1671
- white-space: nowrap;
1672
- font-size: var(--font-size-s);
1673
- font-weight: var(--font-weight-regular);
1674
- margin-top: -15px;
1675
- }
1676
- .connection-run-items-label span.floating {
1677
- position: absolute;
1678
- top: -6px;
1679
- transform: translateX(-50%);
1680
- }
1681
- .connection-input-name-label {
1682
- position: relative;
1683
- }
1684
- .connection-input-name-label span {
1685
- position: absolute;
1686
- top: -10px;
1687
- left: -60px;
1688
- }
1689
- .plus-endpoint {
1690
- cursor: pointer;
1691
- z-index: 10;
1692
- margin-left: calc(var(--stalk-size) + var(--plus-endpoint-box-size) / 2 - 1px);
1693
- }
1694
- .plus-endpoint g {
1695
- fill: var(--color-background-xlight);
1696
- pointer-events: none;
1697
- }
1698
- .plus-endpoint:hover path {
1699
- fill: var(--color-primary);
1700
- }
1701
- .plus-endpoint:hover rect {
1702
- stroke: var(--color-primary);
1703
- }
1704
- .plus-endpoint path {
1705
- fill: var(--color-foreground-xdark);
1706
- }
1707
- .plus-endpoint rect {
1708
- stroke: var(--color-foreground-xdark);
1709
- }
1710
- .plus-endpoint.error path {
1711
- fill: var(--color-node-error-output-text-color);
1712
- }
1713
- .plus-endpoint.error rect {
1714
- stroke: var(--color-node-error-output-text-color);
1715
- }
1716
- .plus-endpoint.small {
1717
- margin-left: calc(var(--stalk-size) + var(--plus-endpoint-box-size-small) / 2);
1718
- }
1719
- .plus-endpoint.small g {
1720
- transform: scale(0.75);
1721
- transform-origin: center;
1722
- }
1723
- .plus-endpoint.small rect {
1724
- stroke-width: 2.5;
1725
- }
1726
- .plus-endpoint:hover .plus-container {
1727
- color: var(--color-primary);
1728
- border: 2px solid var(--color-primary);
1729
- }
1730
- .plus-endpoint:hover .drop-hover-message {
1731
- display: block;
1732
- }
1733
- .plus-endpoint.hidden {
1734
- display: none;
1735
- }
1736
- .diamond-output-endpoint {
1737
- --diamond-output-endpoint--transition-duration: 0.15s;
1738
- transition: transform var(--diamond-output-endpoint--transition-duration) ease;
1739
- transform: rotate(45deg);
1740
- z-index: 10;
1741
- }
1742
- .add-input-endpoint {
1743
- --add-input-endpoint--transition-duration: 0.15s;
1744
- }
1745
- .add-input-endpoint:not(.jtk-endpoint-connected) {
1746
- cursor: pointer;
1747
- }
1748
- .add-input-endpoint.add-input-endpoint-multiple {
1749
- z-index: 100;
1750
- cursor: pointer;
1751
- }
1752
- .add-input-endpoint.jtk-endpoint-connected {
1753
- z-index: 10;
1754
- }
1755
- .add-input-endpoint.add-input-endpoint-error {
1756
- --endpoint-svg-color: var(--color-danger);
1757
- }
1758
- .add-input-endpoint .add-input-endpoint-default {
1759
- transition: transform var(--add-input-endpoint--transition-duration) ease;
1760
- }
1761
- .add-input-endpoint .add-input-endpoint-diamond {
1762
- transition: fill var(--add-input-endpoint--transition-duration) ease;
1763
- fill: var(--svg-color, var(--color-primary));
1764
- }
1765
- .add-input-endpoint .add-input-endpoint-line {
1766
- transition: fill var(--add-input-endpoint--transition-duration) ease;
1767
- fill: var(--svg-color, var(--color-primary));
1768
- }
1769
- .add-input-endpoint .add-input-endpoint-plus-rectangle {
1770
- transition: fill var(--add-input-endpoint--transition-duration) ease, stroke var(--add-input-endpoint--transition-duration) ease;
1771
- fill: var(--color-foreground-xlight);
1772
- stroke: var(--svg-color, var(--color-primary));
1773
- }
1774
- .add-input-endpoint .add-input-endpoint-plus-icon {
1775
- stroke: none;
1776
- transition: fill var(--add-input-endpoint--transition-duration) ease;
1777
- fill: var(--svg-color, var(--color-primary));
1778
- }
1779
- .add-input-endpoint .add-input-endpoint-connected-rectangle {
1780
- transition: fill var(--add-input-endpoint--transition-duration) ease, stroke var(--add-input-endpoint--transition-duration) ease;
1781
- fill: var(--color-foreground-xdark);
1782
- stroke: var(--color-foreground-xdark);
1783
- }
1784
- .add-input-endpoint.rect-input-endpoint-hover .add-input-endpoint-plus-rectangle {
1785
- stroke: var(--svg-color, var(--color-primary));
1786
- }
1787
- .add-input-endpoint.rect-input-endpoint-hover .add-input-endpoint-plus-icon {
1788
- fill: var(--svg-color, var(--color-primary));
1789
- }
1790
- .add-input-endpoint.jtk-endpoint-connected:not(.add-input-endpoint-multiple) .add-input-endpoint-unconnected {
1791
- display: none;
1792
- }
1793
- .add-input-endpoint.jtk-endpoint-connected:not(.add-input-endpoint-multiple).rect-input-endpoint-hover .add-input-endpoint-connected-rectangle {
1794
- fill: var(--svg-color, var(--color-primary));
1795
- stroke: var(--svg-color, var(--color-primary));
1796
- }
1797
- .node-input-endpoint-label,
1798
- .node-output-endpoint-label {
1799
- --node-endpoint-label--transition-duration: 0.15s;
1800
- background-color: hsla(var(--color-canvas-background-h), var(--color-canvas-background-s), var(--color-canvas-background-l), 0.85);
1801
- border-radius: var(--border-radius-large);
1802
- font-size: var(--font-size-3xs);
1803
- padding: var(--spacing-5xs) var(--spacing-4xs);
1804
- white-space: nowrap;
1805
- transition: color var(--node-endpoint-label--transition-duration) ease;
1806
- }
1807
- .node-input-endpoint-label.node-connection-type-ai_chain,
1808
- .node-output-endpoint-label.node-connection-type-ai_chain {
1809
- color: var(--node-type-supplemental-label-color);
1810
- }
1811
- .node-input-endpoint-label.node-connection-type-ai_document,
1812
- .node-output-endpoint-label.node-connection-type-ai_document {
1813
- color: var(--node-type-supplemental-label-color);
1814
- }
1815
- .node-input-endpoint-label.node-connection-type-ai_embedding,
1816
- .node-output-endpoint-label.node-connection-type-ai_embedding {
1817
- color: var(--node-type-supplemental-label-color);
1818
- }
1819
- .node-input-endpoint-label.node-connection-type-ai_languageModel,
1820
- .node-output-endpoint-label.node-connection-type-ai_languageModel {
1821
- color: var(--node-type-supplemental-label-color);
1822
- }
1823
- .node-input-endpoint-label.node-connection-type-ai_memory,
1824
- .node-output-endpoint-label.node-connection-type-ai_memory {
1825
- color: var(--node-type-supplemental-label-color);
1826
- }
1827
- .node-input-endpoint-label.node-connection-type-ai_outputParser,
1828
- .node-output-endpoint-label.node-connection-type-ai_outputParser {
1829
- color: var(--node-type-supplemental-label-color);
1830
- }
1831
- .node-input-endpoint-label.node-connection-type-ai_tool,
1832
- .node-output-endpoint-label.node-connection-type-ai_tool {
1833
- color: var(--node-type-supplemental-label-color);
1834
- }
1835
- .node-input-endpoint-label.node-connection-type-ai_retriever,
1836
- .node-output-endpoint-label.node-connection-type-ai_retriever {
1837
- color: var(--node-type-supplemental-label-color);
1838
- }
1839
- .node-input-endpoint-label.node-connection-type-ai_textSplitter,
1840
- .node-output-endpoint-label.node-connection-type-ai_textSplitter {
1841
- color: var(--node-type-supplemental-label-color);
1842
- }
1843
- .node-input-endpoint-label.node-connection-type-ai_vectorRetriever,
1844
- .node-output-endpoint-label.node-connection-type-ai_vectorRetriever {
1845
- color: var(--node-type-supplemental-label-color);
1846
- }
1847
- .node-input-endpoint-label.node-connection-type-ai_vectorStore,
1848
- .node-output-endpoint-label.node-connection-type-ai_vectorStore {
1849
- color: var(--node-type-supplemental-label-color);
1850
- }
1851
- .node-output-endpoint-label.node-connection-category-error {
1852
- color: var(--color-node-error-output-text-color);
1853
- }
1854
- .node-output-endpoint-label {
1855
- margin-left: calc(var(--endpoint-size-small) + var(--spacing-2xs));
1856
- }
1857
- .node-output-endpoint-label--data {
1858
- text-align: center;
1859
- margin-top: calc(var(--spacing-l) * -1);
1860
- margin-left: 0;
1861
- }
1862
- .node-output-endpoint-label.node-connection-type-main[data-endpoint-label-length] {
1863
- max-width: calc(var(--stalk-size) - var(--endpoint-size-small) - var(--spacing-4xs));
1864
- overflow: hidden;
1865
- text-overflow: ellipsis;
1866
- transform: translateY(-50%) !important;
1867
- margin-left: var(--endpoint-size-small);
1868
- }
1869
- .node-input-endpoint-label {
1870
- text-align: right;
1871
- margin-left: -25px;
1872
- }
1873
- .node-input-endpoint-label--moved {
1874
- margin-left: -40px;
1875
- }
1876
- .node-input-endpoint-label--data {
1877
- text-align: center;
1878
- margin-top: calc(var(--spacing-5xs) * -1);
1879
- margin-left: 0;
1880
- }
1881
- .hover-message.jtk-overlay {
1882
- --hover-message-width: 110px;
1883
- font-weight: var(--font-weight-bold);
1884
- font-size: var(--font-size-2xs);
1885
- line-height: var(--font-line-height-regular);
1886
- color: var(--color-text-light);
1887
- width: var(--hover-message-width);
1888
- margin-left: calc(var(--hover-message-width) / 2 + var(--stalk-size) + var(--plus-endpoint-box-size) + var(--spacing-2xs));
1889
- opacity: 0;
1890
- pointer-events: none;
1891
- }
1892
- .hover-message.jtk-overlay.small {
1893
- margin-left: calc(var(--hover-message-width) / 2 + var(--stalk-size) + var(--plus-endpoint-box-size-small) + var(--spacing-2xs));
1894
- }
1895
- .hover-message.jtk-overlay.visible {
1896
- pointer-events: all;
1897
- opacity: 1;
1898
- }
1899
- .long-stalk {
1900
- --stalk-size: var(--stalk-long-size);
1901
- }
1902
- .ep-success {
1903
- --stalk-size: var(--stalk-success-size);
1904
- }
1905
- .ep-success--without-label {
1906
- --stalk-size: var(--stalk-success-size-without-label);
1907
- }
1908
- [data-endpoint-label-length=medium] {
1909
- --stalk-size: var(--stalk-medium-size);
1910
- }
1911
- [data-endpoint-label-length=large] {
1912
- --stalk-size: var(--stalk-large-size);
1913
- }._canvasAddButton_4rygg_1 {
1914
- display: flex;
1915
- flex-direction: column;
1916
- align-items: center;
1917
- justify-content: center;
1918
- width: 100px;
1919
- height: 100px;
1920
- position: absolute;
1921
- top: var(--trigger-placeholder-top-position);
1922
- left: var(--trigger-placeholder-left-position);
1923
- z-index: var(--z-index-canvas-add-button);
1924
- }
1925
- ._canvasAddButton_4rygg_1:hover ._button_4rygg_13 svg path {
1926
- fill: var(--color-primary);
1927
- }
1928
- ._button_4rygg_13 {
1929
- background: var(--color-foreground-xlight);
1930
- border: 2px dashed var(--color-foreground-xdark);
1931
- border-radius: 8px;
1932
- padding: 0;
1933
- min-width: 100px;
1934
- min-height: 100px;
1935
- cursor: pointer;
1936
- }
1937
- ._button_4rygg_13 svg {
1938
- width: 26px !important;
1939
- height: 40px;
1940
- }
1941
- ._button_4rygg_13 svg path {
1942
- fill: var(--color-foreground-xdark);
1943
- }
1944
- ._label_4rygg_34 {
1945
- width: max-content;
1946
- font-weight: var(--font-weight-bold);
1947
- font-size: var(--font-size-m);
1948
- line-height: var(--font-line-height-xloose);
1949
- color: var(--color-text-dark);
1950
- margin-top: var(--spacing-2xs);
1951
- }.node-view-root[data-v-3cf5e38b] {
1952
- position: relative;
1953
- flex: 1;
1954
- overflow: hidden;
1955
- background-color: var(--color-canvas-background);
1956
- width: 100%;
1957
- height: 100%;
1958
- position: relative;
1959
- }
1960
- .node-view-wrapper[data-v-3cf5e38b] {
1961
- position: fixed;
1962
- }
1963
- .node-view[data-v-3cf5e38b] {
1964
- position: relative;
1965
- width: 100%;
1966
- height: 100%;
1967
- transform-origin: 0 0;
1968
- z-index: -1;
1969
- }
1970
- .node-view-background[data-v-3cf5e38b] {
1971
- background-color: var(--color-canvas-background);
1972
- position: absolute;
1973
- width: 100vw;
1974
- height: 100vh;
1975
- z-index: -2;
1976
- }
1977
- .move-active[data-v-3cf5e38b] {
1978
- cursor: grab;
1979
- cursor: -webkit-grab;
1980
- touch-action: none;
1981
- }
1982
- .move-in-process[data-v-3cf5e38b] {
1983
- cursor: grabbing;
1984
- cursor: -webkit-grabbing;
1985
- touch-action: none;
1986
- }
1987
- .workflow-execute-wrapper[data-v-3cf5e38b] {
1988
- position: absolute;
1989
- display: flex;
1990
- justify-content: center;
1991
- align-items: center;
1992
- left: 50%;
1993
- transform: translateX(-50%);
1994
- bottom: var(--spacing-s);
1995
- width: auto;
1996
- }
1997
- @media (max-width: 600px) {
1998
- .workflow-execute-wrapper[data-v-3cf5e38b] {
1999
- bottom: 150px;
2000
- }
2001
- }
2002
- .workflow-execute-wrapper button[data-v-3cf5e38b] {
2003
- display: flex;
2004
- justify-content: center;
2005
- align-items: center;
2006
- margin-left: 0.625rem;
2007
- }
2008
- .workflow-execute-wrapper button[data-v-3cf5e38b]:first-child {
2009
- margin: 0;
2010
- }
2011
-
2012
- /* Makes sure that when selected with mouse it does not select text */
2013
- .do-not-select[data-v-3cf5e38b] *,
2014
- .jtk-drag-select[data-v-3cf5e38b] * {
2015
- -webkit-touch-callout: none;
2016
- -webkit-user-select: none;
2017
- user-select: none;
2018
- }.node-view-wrapper {
2019
- --drag-scope-active-disabled-color: var(--color-foreground-dark);
2020
- }
2021
- .node-view-wrapper.connection-drag-scope-active:not(.connection-drag-scope-active-type-ai_chain) .diamond-output-endpoint,
2022
- .node-view-wrapper.connection-drag-scope-active:not(.connection-drag-scope-active-type-ai_chain) .jtk-connector,
2023
- .node-view-wrapper.connection-drag-scope-active:not(.connection-drag-scope-active-type-ai_chain) .add-input-endpoint {
2024
- --node-type-ai_chain-color: var(--drag-scope-active-disabled-color);
2025
- }
2026
- .node-view-wrapper.connection-drag-scope-active:not(.connection-drag-scope-active-type-ai_chain) .node-input-endpoint-label,
2027
- .node-view-wrapper.connection-drag-scope-active:not(.connection-drag-scope-active-type-ai_chain) .node-output-endpoint-label {
2028
- --node-type-ai_chain-color: var(--drag-scope-active-disabled-color);
2029
- }
2030
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_chain.connection-drag-scope-active-connection-target .diamond-output-endpoint[data-jtk-scope-ai_chain=true] {
2031
- transform: scale(1.5) rotate(45deg);
2032
- }
2033
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_chain.connection-drag-scope-active-connection-target .add-input-endpoint[data-jtk-scope-ai_chain=true].jtk-dragging .add-input-endpoint-default {
2034
- transform: translate(-5px, -5px) scale(1.5);
2035
- }
2036
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_chain.connection-drag-scope-active-connection-target .add-input-endpoint[data-jtk-scope-ai_chain=true]:not(.jtk-dragging) {
2037
- --node-type-ai_chain-color: var(--drag-scope-active-disabled-color);
2038
- }
2039
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_chain.connection-drag-scope-active-connection-target .node-input-endpoint-label:not(.jtk-dragging) {
2040
- --node-type-ai_chain-color: var(--drag-scope-active-disabled-color);
2041
- }
2042
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_chain.connection-drag-scope-active-connection-source .diamond-output-endpoint[data-jtk-scope-ai_chain=true].jtk-dragging {
2043
- transform: scale(1.5) rotate(45deg);
2044
- }
2045
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_chain.connection-drag-scope-active-connection-source .diamond-output-endpoint[data-jtk-scope-ai_chain=true]:not(.jtk-dragging) {
2046
- --node-type-ai_chain-color: var(--drag-scope-active-disabled-color);
2047
- }
2048
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_chain.connection-drag-scope-active-connection-source .add-input-endpoint[data-jtk-scope-ai_chain=true] .add-input-endpoint-default {
2049
- transform: translate(-5px, -5px) scale(1.5);
2050
- }
2051
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_chain.connection-drag-scope-active-connection-source .node-output-endpoint-label:not(.jtk-dragging) {
2052
- --node-type-ai_chain-color: var(--drag-scope-active-disabled-color);
2053
- }
2054
- .node-view-wrapper.connection-drag-scope-active:not(.connection-drag-scope-active-type-ai_document) .diamond-output-endpoint,
2055
- .node-view-wrapper.connection-drag-scope-active:not(.connection-drag-scope-active-type-ai_document) .jtk-connector,
2056
- .node-view-wrapper.connection-drag-scope-active:not(.connection-drag-scope-active-type-ai_document) .add-input-endpoint {
2057
- --node-type-ai_document-color: var(--drag-scope-active-disabled-color);
2058
- }
2059
- .node-view-wrapper.connection-drag-scope-active:not(.connection-drag-scope-active-type-ai_document) .node-input-endpoint-label,
2060
- .node-view-wrapper.connection-drag-scope-active:not(.connection-drag-scope-active-type-ai_document) .node-output-endpoint-label {
2061
- --node-type-ai_document-color: var(--drag-scope-active-disabled-color);
2062
- }
2063
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_document.connection-drag-scope-active-connection-target .diamond-output-endpoint[data-jtk-scope-ai_document=true] {
2064
- transform: scale(1.5) rotate(45deg);
2065
- }
2066
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_document.connection-drag-scope-active-connection-target .add-input-endpoint[data-jtk-scope-ai_document=true].jtk-dragging .add-input-endpoint-default {
2067
- transform: translate(-5px, -5px) scale(1.5);
2068
- }
2069
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_document.connection-drag-scope-active-connection-target .add-input-endpoint[data-jtk-scope-ai_document=true]:not(.jtk-dragging) {
2070
- --node-type-ai_document-color: var(--drag-scope-active-disabled-color);
2071
- }
2072
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_document.connection-drag-scope-active-connection-target .node-input-endpoint-label:not(.jtk-dragging) {
2073
- --node-type-ai_document-color: var(--drag-scope-active-disabled-color);
2074
- }
2075
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_document.connection-drag-scope-active-connection-source .diamond-output-endpoint[data-jtk-scope-ai_document=true].jtk-dragging {
2076
- transform: scale(1.5) rotate(45deg);
2077
- }
2078
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_document.connection-drag-scope-active-connection-source .diamond-output-endpoint[data-jtk-scope-ai_document=true]:not(.jtk-dragging) {
2079
- --node-type-ai_document-color: var(--drag-scope-active-disabled-color);
2080
- }
2081
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_document.connection-drag-scope-active-connection-source .add-input-endpoint[data-jtk-scope-ai_document=true] .add-input-endpoint-default {
2082
- transform: translate(-5px, -5px) scale(1.5);
2083
- }
2084
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_document.connection-drag-scope-active-connection-source .node-output-endpoint-label:not(.jtk-dragging) {
2085
- --node-type-ai_document-color: var(--drag-scope-active-disabled-color);
2086
- }
2087
- .node-view-wrapper.connection-drag-scope-active:not(.connection-drag-scope-active-type-ai_embedding) .diamond-output-endpoint,
2088
- .node-view-wrapper.connection-drag-scope-active:not(.connection-drag-scope-active-type-ai_embedding) .jtk-connector,
2089
- .node-view-wrapper.connection-drag-scope-active:not(.connection-drag-scope-active-type-ai_embedding) .add-input-endpoint {
2090
- --node-type-ai_embedding-color: var(--drag-scope-active-disabled-color);
2091
- }
2092
- .node-view-wrapper.connection-drag-scope-active:not(.connection-drag-scope-active-type-ai_embedding) .node-input-endpoint-label,
2093
- .node-view-wrapper.connection-drag-scope-active:not(.connection-drag-scope-active-type-ai_embedding) .node-output-endpoint-label {
2094
- --node-type-ai_embedding-color: var(--drag-scope-active-disabled-color);
2095
- }
2096
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_embedding.connection-drag-scope-active-connection-target .diamond-output-endpoint[data-jtk-scope-ai_embedding=true] {
2097
- transform: scale(1.5) rotate(45deg);
2098
- }
2099
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_embedding.connection-drag-scope-active-connection-target .add-input-endpoint[data-jtk-scope-ai_embedding=true].jtk-dragging .add-input-endpoint-default {
2100
- transform: translate(-5px, -5px) scale(1.5);
2101
- }
2102
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_embedding.connection-drag-scope-active-connection-target .add-input-endpoint[data-jtk-scope-ai_embedding=true]:not(.jtk-dragging) {
2103
- --node-type-ai_embedding-color: var(--drag-scope-active-disabled-color);
2104
- }
2105
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_embedding.connection-drag-scope-active-connection-target .node-input-endpoint-label:not(.jtk-dragging) {
2106
- --node-type-ai_embedding-color: var(--drag-scope-active-disabled-color);
2107
- }
2108
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_embedding.connection-drag-scope-active-connection-source .diamond-output-endpoint[data-jtk-scope-ai_embedding=true].jtk-dragging {
2109
- transform: scale(1.5) rotate(45deg);
2110
- }
2111
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_embedding.connection-drag-scope-active-connection-source .diamond-output-endpoint[data-jtk-scope-ai_embedding=true]:not(.jtk-dragging) {
2112
- --node-type-ai_embedding-color: var(--drag-scope-active-disabled-color);
2113
- }
2114
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_embedding.connection-drag-scope-active-connection-source .add-input-endpoint[data-jtk-scope-ai_embedding=true] .add-input-endpoint-default {
2115
- transform: translate(-5px, -5px) scale(1.5);
2116
- }
2117
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_embedding.connection-drag-scope-active-connection-source .node-output-endpoint-label:not(.jtk-dragging) {
2118
- --node-type-ai_embedding-color: var(--drag-scope-active-disabled-color);
2119
- }
2120
- .node-view-wrapper.connection-drag-scope-active:not(.connection-drag-scope-active-type-ai_languageModel) .diamond-output-endpoint,
2121
- .node-view-wrapper.connection-drag-scope-active:not(.connection-drag-scope-active-type-ai_languageModel) .jtk-connector,
2122
- .node-view-wrapper.connection-drag-scope-active:not(.connection-drag-scope-active-type-ai_languageModel) .add-input-endpoint {
2123
- --node-type-ai_languageModel-color: var(--drag-scope-active-disabled-color);
2124
- }
2125
- .node-view-wrapper.connection-drag-scope-active:not(.connection-drag-scope-active-type-ai_languageModel) .node-input-endpoint-label,
2126
- .node-view-wrapper.connection-drag-scope-active:not(.connection-drag-scope-active-type-ai_languageModel) .node-output-endpoint-label {
2127
- --node-type-ai_languageModel-color: var(--drag-scope-active-disabled-color);
2128
- }
2129
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_languageModel.connection-drag-scope-active-connection-target .diamond-output-endpoint[data-jtk-scope-ai_languageModel=true] {
2130
- transform: scale(1.5) rotate(45deg);
2131
- }
2132
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_languageModel.connection-drag-scope-active-connection-target .add-input-endpoint[data-jtk-scope-ai_languageModel=true].jtk-dragging .add-input-endpoint-default {
2133
- transform: translate(-5px, -5px) scale(1.5);
2134
- }
2135
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_languageModel.connection-drag-scope-active-connection-target .add-input-endpoint[data-jtk-scope-ai_languageModel=true]:not(.jtk-dragging) {
2136
- --node-type-ai_languageModel-color: var(--drag-scope-active-disabled-color);
2137
- }
2138
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_languageModel.connection-drag-scope-active-connection-target .node-input-endpoint-label:not(.jtk-dragging) {
2139
- --node-type-ai_languageModel-color: var(--drag-scope-active-disabled-color);
2140
- }
2141
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_languageModel.connection-drag-scope-active-connection-source .diamond-output-endpoint[data-jtk-scope-ai_languageModel=true].jtk-dragging {
2142
- transform: scale(1.5) rotate(45deg);
2143
- }
2144
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_languageModel.connection-drag-scope-active-connection-source .diamond-output-endpoint[data-jtk-scope-ai_languageModel=true]:not(.jtk-dragging) {
2145
- --node-type-ai_languageModel-color: var(--drag-scope-active-disabled-color);
2146
- }
2147
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_languageModel.connection-drag-scope-active-connection-source .add-input-endpoint[data-jtk-scope-ai_languageModel=true] .add-input-endpoint-default {
2148
- transform: translate(-5px, -5px) scale(1.5);
2149
- }
2150
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_languageModel.connection-drag-scope-active-connection-source .node-output-endpoint-label:not(.jtk-dragging) {
2151
- --node-type-ai_languageModel-color: var(--drag-scope-active-disabled-color);
2152
- }
2153
- .node-view-wrapper.connection-drag-scope-active:not(.connection-drag-scope-active-type-ai_memory) .diamond-output-endpoint,
2154
- .node-view-wrapper.connection-drag-scope-active:not(.connection-drag-scope-active-type-ai_memory) .jtk-connector,
2155
- .node-view-wrapper.connection-drag-scope-active:not(.connection-drag-scope-active-type-ai_memory) .add-input-endpoint {
2156
- --node-type-ai_memory-color: var(--drag-scope-active-disabled-color);
2157
- }
2158
- .node-view-wrapper.connection-drag-scope-active:not(.connection-drag-scope-active-type-ai_memory) .node-input-endpoint-label,
2159
- .node-view-wrapper.connection-drag-scope-active:not(.connection-drag-scope-active-type-ai_memory) .node-output-endpoint-label {
2160
- --node-type-ai_memory-color: var(--drag-scope-active-disabled-color);
2161
- }
2162
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_memory.connection-drag-scope-active-connection-target .diamond-output-endpoint[data-jtk-scope-ai_memory=true] {
2163
- transform: scale(1.5) rotate(45deg);
2164
- }
2165
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_memory.connection-drag-scope-active-connection-target .add-input-endpoint[data-jtk-scope-ai_memory=true].jtk-dragging .add-input-endpoint-default {
2166
- transform: translate(-5px, -5px) scale(1.5);
2167
- }
2168
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_memory.connection-drag-scope-active-connection-target .add-input-endpoint[data-jtk-scope-ai_memory=true]:not(.jtk-dragging) {
2169
- --node-type-ai_memory-color: var(--drag-scope-active-disabled-color);
2170
- }
2171
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_memory.connection-drag-scope-active-connection-target .node-input-endpoint-label:not(.jtk-dragging) {
2172
- --node-type-ai_memory-color: var(--drag-scope-active-disabled-color);
2173
- }
2174
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_memory.connection-drag-scope-active-connection-source .diamond-output-endpoint[data-jtk-scope-ai_memory=true].jtk-dragging {
2175
- transform: scale(1.5) rotate(45deg);
2176
- }
2177
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_memory.connection-drag-scope-active-connection-source .diamond-output-endpoint[data-jtk-scope-ai_memory=true]:not(.jtk-dragging) {
2178
- --node-type-ai_memory-color: var(--drag-scope-active-disabled-color);
2179
- }
2180
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_memory.connection-drag-scope-active-connection-source .add-input-endpoint[data-jtk-scope-ai_memory=true] .add-input-endpoint-default {
2181
- transform: translate(-5px, -5px) scale(1.5);
2182
- }
2183
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_memory.connection-drag-scope-active-connection-source .node-output-endpoint-label:not(.jtk-dragging) {
2184
- --node-type-ai_memory-color: var(--drag-scope-active-disabled-color);
2185
- }
2186
- .node-view-wrapper.connection-drag-scope-active:not(.connection-drag-scope-active-type-ai_outputParser) .diamond-output-endpoint,
2187
- .node-view-wrapper.connection-drag-scope-active:not(.connection-drag-scope-active-type-ai_outputParser) .jtk-connector,
2188
- .node-view-wrapper.connection-drag-scope-active:not(.connection-drag-scope-active-type-ai_outputParser) .add-input-endpoint {
2189
- --node-type-ai_outputParser-color: var(--drag-scope-active-disabled-color);
2190
- }
2191
- .node-view-wrapper.connection-drag-scope-active:not(.connection-drag-scope-active-type-ai_outputParser) .node-input-endpoint-label,
2192
- .node-view-wrapper.connection-drag-scope-active:not(.connection-drag-scope-active-type-ai_outputParser) .node-output-endpoint-label {
2193
- --node-type-ai_outputParser-color: var(--drag-scope-active-disabled-color);
2194
- }
2195
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_outputParser.connection-drag-scope-active-connection-target .diamond-output-endpoint[data-jtk-scope-ai_outputParser=true] {
2196
- transform: scale(1.5) rotate(45deg);
2197
- }
2198
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_outputParser.connection-drag-scope-active-connection-target .add-input-endpoint[data-jtk-scope-ai_outputParser=true].jtk-dragging .add-input-endpoint-default {
2199
- transform: translate(-5px, -5px) scale(1.5);
2200
- }
2201
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_outputParser.connection-drag-scope-active-connection-target .add-input-endpoint[data-jtk-scope-ai_outputParser=true]:not(.jtk-dragging) {
2202
- --node-type-ai_outputParser-color: var(--drag-scope-active-disabled-color);
2203
- }
2204
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_outputParser.connection-drag-scope-active-connection-target .node-input-endpoint-label:not(.jtk-dragging) {
2205
- --node-type-ai_outputParser-color: var(--drag-scope-active-disabled-color);
2206
- }
2207
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_outputParser.connection-drag-scope-active-connection-source .diamond-output-endpoint[data-jtk-scope-ai_outputParser=true].jtk-dragging {
2208
- transform: scale(1.5) rotate(45deg);
2209
- }
2210
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_outputParser.connection-drag-scope-active-connection-source .diamond-output-endpoint[data-jtk-scope-ai_outputParser=true]:not(.jtk-dragging) {
2211
- --node-type-ai_outputParser-color: var(--drag-scope-active-disabled-color);
2212
- }
2213
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_outputParser.connection-drag-scope-active-connection-source .add-input-endpoint[data-jtk-scope-ai_outputParser=true] .add-input-endpoint-default {
2214
- transform: translate(-5px, -5px) scale(1.5);
2215
- }
2216
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_outputParser.connection-drag-scope-active-connection-source .node-output-endpoint-label:not(.jtk-dragging) {
2217
- --node-type-ai_outputParser-color: var(--drag-scope-active-disabled-color);
2218
- }
2219
- .node-view-wrapper.connection-drag-scope-active:not(.connection-drag-scope-active-type-ai_tool) .diamond-output-endpoint,
2220
- .node-view-wrapper.connection-drag-scope-active:not(.connection-drag-scope-active-type-ai_tool) .jtk-connector,
2221
- .node-view-wrapper.connection-drag-scope-active:not(.connection-drag-scope-active-type-ai_tool) .add-input-endpoint {
2222
- --node-type-ai_tool-color: var(--drag-scope-active-disabled-color);
2223
- }
2224
- .node-view-wrapper.connection-drag-scope-active:not(.connection-drag-scope-active-type-ai_tool) .node-input-endpoint-label,
2225
- .node-view-wrapper.connection-drag-scope-active:not(.connection-drag-scope-active-type-ai_tool) .node-output-endpoint-label {
2226
- --node-type-ai_tool-color: var(--drag-scope-active-disabled-color);
2227
- }
2228
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_tool.connection-drag-scope-active-connection-target .diamond-output-endpoint[data-jtk-scope-ai_tool=true] {
2229
- transform: scale(1.5) rotate(45deg);
2230
- }
2231
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_tool.connection-drag-scope-active-connection-target .add-input-endpoint[data-jtk-scope-ai_tool=true].jtk-dragging .add-input-endpoint-default {
2232
- transform: translate(-5px, -5px) scale(1.5);
2233
- }
2234
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_tool.connection-drag-scope-active-connection-target .add-input-endpoint[data-jtk-scope-ai_tool=true]:not(.jtk-dragging) {
2235
- --node-type-ai_tool-color: var(--drag-scope-active-disabled-color);
2236
- }
2237
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_tool.connection-drag-scope-active-connection-target .node-input-endpoint-label:not(.jtk-dragging) {
2238
- --node-type-ai_tool-color: var(--drag-scope-active-disabled-color);
2239
- }
2240
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_tool.connection-drag-scope-active-connection-source .diamond-output-endpoint[data-jtk-scope-ai_tool=true].jtk-dragging {
2241
- transform: scale(1.5) rotate(45deg);
2242
- }
2243
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_tool.connection-drag-scope-active-connection-source .diamond-output-endpoint[data-jtk-scope-ai_tool=true]:not(.jtk-dragging) {
2244
- --node-type-ai_tool-color: var(--drag-scope-active-disabled-color);
2245
- }
2246
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_tool.connection-drag-scope-active-connection-source .add-input-endpoint[data-jtk-scope-ai_tool=true] .add-input-endpoint-default {
2247
- transform: translate(-5px, -5px) scale(1.5);
2248
- }
2249
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_tool.connection-drag-scope-active-connection-source .node-output-endpoint-label:not(.jtk-dragging) {
2250
- --node-type-ai_tool-color: var(--drag-scope-active-disabled-color);
2251
- }
2252
- .node-view-wrapper.connection-drag-scope-active:not(.connection-drag-scope-active-type-ai_retriever) .diamond-output-endpoint,
2253
- .node-view-wrapper.connection-drag-scope-active:not(.connection-drag-scope-active-type-ai_retriever) .jtk-connector,
2254
- .node-view-wrapper.connection-drag-scope-active:not(.connection-drag-scope-active-type-ai_retriever) .add-input-endpoint {
2255
- --node-type-ai_retriever-color: var(--drag-scope-active-disabled-color);
2256
- }
2257
- .node-view-wrapper.connection-drag-scope-active:not(.connection-drag-scope-active-type-ai_retriever) .node-input-endpoint-label,
2258
- .node-view-wrapper.connection-drag-scope-active:not(.connection-drag-scope-active-type-ai_retriever) .node-output-endpoint-label {
2259
- --node-type-ai_retriever-color: var(--drag-scope-active-disabled-color);
2260
- }
2261
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_retriever.connection-drag-scope-active-connection-target .diamond-output-endpoint[data-jtk-scope-ai_retriever=true] {
2262
- transform: scale(1.5) rotate(45deg);
2263
- }
2264
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_retriever.connection-drag-scope-active-connection-target .add-input-endpoint[data-jtk-scope-ai_retriever=true].jtk-dragging .add-input-endpoint-default {
2265
- transform: translate(-5px, -5px) scale(1.5);
2266
- }
2267
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_retriever.connection-drag-scope-active-connection-target .add-input-endpoint[data-jtk-scope-ai_retriever=true]:not(.jtk-dragging) {
2268
- --node-type-ai_retriever-color: var(--drag-scope-active-disabled-color);
2269
- }
2270
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_retriever.connection-drag-scope-active-connection-target .node-input-endpoint-label:not(.jtk-dragging) {
2271
- --node-type-ai_retriever-color: var(--drag-scope-active-disabled-color);
2272
- }
2273
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_retriever.connection-drag-scope-active-connection-source .diamond-output-endpoint[data-jtk-scope-ai_retriever=true].jtk-dragging {
2274
- transform: scale(1.5) rotate(45deg);
2275
- }
2276
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_retriever.connection-drag-scope-active-connection-source .diamond-output-endpoint[data-jtk-scope-ai_retriever=true]:not(.jtk-dragging) {
2277
- --node-type-ai_retriever-color: var(--drag-scope-active-disabled-color);
2278
- }
2279
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_retriever.connection-drag-scope-active-connection-source .add-input-endpoint[data-jtk-scope-ai_retriever=true] .add-input-endpoint-default {
2280
- transform: translate(-5px, -5px) scale(1.5);
2281
- }
2282
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_retriever.connection-drag-scope-active-connection-source .node-output-endpoint-label:not(.jtk-dragging) {
2283
- --node-type-ai_retriever-color: var(--drag-scope-active-disabled-color);
2284
- }
2285
- .node-view-wrapper.connection-drag-scope-active:not(.connection-drag-scope-active-type-ai_textSplitter) .diamond-output-endpoint,
2286
- .node-view-wrapper.connection-drag-scope-active:not(.connection-drag-scope-active-type-ai_textSplitter) .jtk-connector,
2287
- .node-view-wrapper.connection-drag-scope-active:not(.connection-drag-scope-active-type-ai_textSplitter) .add-input-endpoint {
2288
- --node-type-ai_textSplitter-color: var(--drag-scope-active-disabled-color);
2289
- }
2290
- .node-view-wrapper.connection-drag-scope-active:not(.connection-drag-scope-active-type-ai_textSplitter) .node-input-endpoint-label,
2291
- .node-view-wrapper.connection-drag-scope-active:not(.connection-drag-scope-active-type-ai_textSplitter) .node-output-endpoint-label {
2292
- --node-type-ai_textSplitter-color: var(--drag-scope-active-disabled-color);
2293
- }
2294
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_textSplitter.connection-drag-scope-active-connection-target .diamond-output-endpoint[data-jtk-scope-ai_textSplitter=true] {
2295
- transform: scale(1.5) rotate(45deg);
2296
- }
2297
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_textSplitter.connection-drag-scope-active-connection-target .add-input-endpoint[data-jtk-scope-ai_textSplitter=true].jtk-dragging .add-input-endpoint-default {
2298
- transform: translate(-5px, -5px) scale(1.5);
2299
- }
2300
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_textSplitter.connection-drag-scope-active-connection-target .add-input-endpoint[data-jtk-scope-ai_textSplitter=true]:not(.jtk-dragging) {
2301
- --node-type-ai_textSplitter-color: var(--drag-scope-active-disabled-color);
2302
- }
2303
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_textSplitter.connection-drag-scope-active-connection-target .node-input-endpoint-label:not(.jtk-dragging) {
2304
- --node-type-ai_textSplitter-color: var(--drag-scope-active-disabled-color);
2305
- }
2306
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_textSplitter.connection-drag-scope-active-connection-source .diamond-output-endpoint[data-jtk-scope-ai_textSplitter=true].jtk-dragging {
2307
- transform: scale(1.5) rotate(45deg);
2308
- }
2309
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_textSplitter.connection-drag-scope-active-connection-source .diamond-output-endpoint[data-jtk-scope-ai_textSplitter=true]:not(.jtk-dragging) {
2310
- --node-type-ai_textSplitter-color: var(--drag-scope-active-disabled-color);
2311
- }
2312
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_textSplitter.connection-drag-scope-active-connection-source .add-input-endpoint[data-jtk-scope-ai_textSplitter=true] .add-input-endpoint-default {
2313
- transform: translate(-5px, -5px) scale(1.5);
2314
- }
2315
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_textSplitter.connection-drag-scope-active-connection-source .node-output-endpoint-label:not(.jtk-dragging) {
2316
- --node-type-ai_textSplitter-color: var(--drag-scope-active-disabled-color);
2317
- }
2318
- .node-view-wrapper.connection-drag-scope-active:not(.connection-drag-scope-active-type-ai_vectorRetriever) .diamond-output-endpoint,
2319
- .node-view-wrapper.connection-drag-scope-active:not(.connection-drag-scope-active-type-ai_vectorRetriever) .jtk-connector,
2320
- .node-view-wrapper.connection-drag-scope-active:not(.connection-drag-scope-active-type-ai_vectorRetriever) .add-input-endpoint {
2321
- --node-type-ai_vectorRetriever-color: var(--drag-scope-active-disabled-color);
2322
- }
2323
- .node-view-wrapper.connection-drag-scope-active:not(.connection-drag-scope-active-type-ai_vectorRetriever) .node-input-endpoint-label,
2324
- .node-view-wrapper.connection-drag-scope-active:not(.connection-drag-scope-active-type-ai_vectorRetriever) .node-output-endpoint-label {
2325
- --node-type-ai_vectorRetriever-color: var(--drag-scope-active-disabled-color);
2326
- }
2327
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_vectorRetriever.connection-drag-scope-active-connection-target .diamond-output-endpoint[data-jtk-scope-ai_vectorRetriever=true] {
2328
- transform: scale(1.5) rotate(45deg);
2329
- }
2330
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_vectorRetriever.connection-drag-scope-active-connection-target .add-input-endpoint[data-jtk-scope-ai_vectorRetriever=true].jtk-dragging .add-input-endpoint-default {
2331
- transform: translate(-5px, -5px) scale(1.5);
2332
- }
2333
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_vectorRetriever.connection-drag-scope-active-connection-target .add-input-endpoint[data-jtk-scope-ai_vectorRetriever=true]:not(.jtk-dragging) {
2334
- --node-type-ai_vectorRetriever-color: var(--drag-scope-active-disabled-color);
2335
- }
2336
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_vectorRetriever.connection-drag-scope-active-connection-target .node-input-endpoint-label:not(.jtk-dragging) {
2337
- --node-type-ai_vectorRetriever-color: var(--drag-scope-active-disabled-color);
2338
- }
2339
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_vectorRetriever.connection-drag-scope-active-connection-source .diamond-output-endpoint[data-jtk-scope-ai_vectorRetriever=true].jtk-dragging {
2340
- transform: scale(1.5) rotate(45deg);
2341
- }
2342
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_vectorRetriever.connection-drag-scope-active-connection-source .diamond-output-endpoint[data-jtk-scope-ai_vectorRetriever=true]:not(.jtk-dragging) {
2343
- --node-type-ai_vectorRetriever-color: var(--drag-scope-active-disabled-color);
2344
- }
2345
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_vectorRetriever.connection-drag-scope-active-connection-source .add-input-endpoint[data-jtk-scope-ai_vectorRetriever=true] .add-input-endpoint-default {
2346
- transform: translate(-5px, -5px) scale(1.5);
2347
- }
2348
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_vectorRetriever.connection-drag-scope-active-connection-source .node-output-endpoint-label:not(.jtk-dragging) {
2349
- --node-type-ai_vectorRetriever-color: var(--drag-scope-active-disabled-color);
2350
- }
2351
- .node-view-wrapper.connection-drag-scope-active:not(.connection-drag-scope-active-type-ai_vectorStore) .diamond-output-endpoint,
2352
- .node-view-wrapper.connection-drag-scope-active:not(.connection-drag-scope-active-type-ai_vectorStore) .jtk-connector,
2353
- .node-view-wrapper.connection-drag-scope-active:not(.connection-drag-scope-active-type-ai_vectorStore) .add-input-endpoint {
2354
- --node-type-ai_vectorStore-color: var(--drag-scope-active-disabled-color);
2355
- }
2356
- .node-view-wrapper.connection-drag-scope-active:not(.connection-drag-scope-active-type-ai_vectorStore) .node-input-endpoint-label,
2357
- .node-view-wrapper.connection-drag-scope-active:not(.connection-drag-scope-active-type-ai_vectorStore) .node-output-endpoint-label {
2358
- --node-type-ai_vectorStore-color: var(--drag-scope-active-disabled-color);
2359
- }
2360
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_vectorStore.connection-drag-scope-active-connection-target .diamond-output-endpoint[data-jtk-scope-ai_vectorStore=true] {
2361
- transform: scale(1.5) rotate(45deg);
2362
- }
2363
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_vectorStore.connection-drag-scope-active-connection-target .add-input-endpoint[data-jtk-scope-ai_vectorStore=true].jtk-dragging .add-input-endpoint-default {
2364
- transform: translate(-5px, -5px) scale(1.5);
2365
- }
2366
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_vectorStore.connection-drag-scope-active-connection-target .add-input-endpoint[data-jtk-scope-ai_vectorStore=true]:not(.jtk-dragging) {
2367
- --node-type-ai_vectorStore-color: var(--drag-scope-active-disabled-color);
2368
- }
2369
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_vectorStore.connection-drag-scope-active-connection-target .node-input-endpoint-label:not(.jtk-dragging) {
2370
- --node-type-ai_vectorStore-color: var(--drag-scope-active-disabled-color);
2371
- }
2372
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_vectorStore.connection-drag-scope-active-connection-source .diamond-output-endpoint[data-jtk-scope-ai_vectorStore=true].jtk-dragging {
2373
- transform: scale(1.5) rotate(45deg);
2374
- }
2375
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_vectorStore.connection-drag-scope-active-connection-source .diamond-output-endpoint[data-jtk-scope-ai_vectorStore=true]:not(.jtk-dragging) {
2376
- --node-type-ai_vectorStore-color: var(--drag-scope-active-disabled-color);
2377
- }
2378
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_vectorStore.connection-drag-scope-active-connection-source .add-input-endpoint[data-jtk-scope-ai_vectorStore=true] .add-input-endpoint-default {
2379
- transform: translate(-5px, -5px) scale(1.5);
2380
- }
2381
- .node-view-wrapper.connection-drag-scope-active.connection-drag-scope-active-type-ai_vectorStore.connection-drag-scope-active-connection-source .node-output-endpoint-label:not(.jtk-dragging) {
2382
- --node-type-ai_vectorStore-color: var(--drag-scope-active-disabled-color);
2383
- }
2384
- .drop-add-node-label {
2385
- color: var(--color-text-dark);
2386
- font-weight: 600;
2387
- font-size: 0.8em;
2388
- text-align: center;
2389
- background-color: rgba(255, 255, 255, 0.3333333333);
2390
- }
2391
- .connection-actions:hover {
2392
- display: block !important;
2393
- }
2394
- .connection-actions > button {
2395
- color: var(--color-foreground-xdark);
2396
- border: 2px solid var(--color-foreground-xdark);
2397
- background-color: var(--color-background-xlight);
2398
- border-radius: var(--border-radius-base);
2399
- height: var(--spacing-l);
2400
- width: var(--spacing-l);
2401
- cursor: pointer;
2402
- display: inline-flex;
2403
- align-items: center;
2404
- justify-content: center;
2405
- position: absolute;
2406
- top: -12px;
2407
- }
2408
- .connection-actions > button.add {
2409
- right: 4px;
2410
- }
2411
- .connection-actions > button.delete {
2412
- left: 4px;
2413
- }
2414
- .connection-actions > button.delete-single {
2415
- left: -12px;
2416
- }
2417
- .connection-actions > button svg {
2418
- pointer-events: none;
2419
- font-size: var(--font-size-2xs);
2420
- }
2421
- .connection-actions > button:hover {
2422
- border-color: var(--color-primary);
2423
- color: var(--color-primary);
2424
- }._content_yewsk_1 {
2425
- position: relative;
2426
- display: flex;
2427
- overflow: auto;
2428
- height: 100%;
2429
- width: 100%;
2430
- }
2431
- ._shake_yewsk_9 {
2432
- animation: 1s 200ms _shake_yewsk_9;
2433
- }
2434
- @keyframes _shake_yewsk_9 {
2435
- 10%, 90% {
2436
- transform: translate3d(-1px, 0, 0);
2437
- }
2438
- 20%, 80% {
2439
- transform: translate3d(2px, 0, 0);
2440
- }
2441
- 30%, 50%, 70% {
2442
- transform: translate3d(-4px, 0, 0);
2443
- }
2444
- 40%, 60% {
2445
- transform: translate3d(4px, 0, 0);
2446
- }
2447
- }
2448
- ._setupCredentialsButtonWrapper_yewsk_27 {
2449
- position: absolute;
2450
- left: var(--spacing-l);
2451
- top: var(--spacing-l);
2452
- }[data-v-3cf5e38b] .node-view .jtk-connector.success:not(.jtk-hover) path:not(.jtk-connector-outline) {
2453
- stroke: var(--color-success-light);
2454
- }
2455
- [data-v-3cf5e38b] .node-view .jtk-connector.success:not(.jtk-hover) path[jtk-overlay-id=reverse-arrow],[data-v-3cf5e38b] .node-view .jtk-connector.success:not(.jtk-hover) path[jtk-overlay-id=endpoint-arrow],[data-v-3cf5e38b] .node-view .jtk-connector.success:not(.jtk-hover) path[jtk-overlay-id=midpoint-arrow] {
2456
- fill: var(--color-success-light);
2457
- }
2458
- [data-v-3cf5e38b] .node-view .connection-run-items-label.success {
2459
- color: var(--color-success);
2460
- }
2461
- [data-v-3cf5e38b] .node-view .jtk-connector.success.pinned:not(.jtk-hover) path:not(.jtk-connector-outline) {
2462
- stroke: var(--color-foreground-xdark);
2463
- }
2464
- [data-v-3cf5e38b] .node-view .jtk-connector.success.pinned:not(.jtk-hover) path[jtk-overlay-id=reverse-arrow],[data-v-3cf5e38b] .node-view .jtk-connector.success.pinned:not(.jtk-hover) path[jtk-overlay-id=endpoint-arrow],[data-v-3cf5e38b] .node-view .jtk-connector.success.pinned:not(.jtk-hover) path[jtk-overlay-id=midpoint-arrow] {
2465
- fill: var(--color-foreground-xdark);
2466
- }
2467
- [data-v-3cf5e38b] .node-view .connection-run-items-label.success.pinned {
2468
- color: var(--color-foreground-xdark);
2469
- }
2470
- [data-v-3cf5e38b] .node-view .jtk-connector.success.pinned.has-run:not(.jtk-hover) path:not(.jtk-connector-outline) {
2471
- stroke: var(--color-secondary);
2472
- }
2473
- [data-v-3cf5e38b] .node-view .jtk-connector.success.pinned.has-run:not(.jtk-hover) path[jtk-overlay-id=reverse-arrow],[data-v-3cf5e38b] .node-view .jtk-connector.success.pinned.has-run:not(.jtk-hover) path[jtk-overlay-id=endpoint-arrow],[data-v-3cf5e38b] .node-view .jtk-connector.success.pinned.has-run:not(.jtk-hover) path[jtk-overlay-id=midpoint-arrow] {
2474
- fill: var(--color-secondary);
2475
- }
2476
- [data-v-3cf5e38b] .node-view .connection-run-items-label.success.pinned.has-run {
2477
- color: var(--color-secondary);
2478
- }.vue-flow__controls {
2479
- display: flex;
2480
- gap: var(--spacing-xs);
2481
- box-shadow: none;
2482
- }._edge_ujtc6_1 {
2483
- transition: stroke 0.3s ease;
2484
- }._popover_11z2c_1 {
2485
- min-width: 208px;
2486
- margin-bottom: -8px;
2487
- margin-left: -2px;
2488
- }
2489
- ._content_11z2c_7 {
2490
- display: flex;
2491
- flex-direction: row;
2492
- width: -moz-fit-content;
2493
- width: fit-content;
2494
- gap: var(--spacing-2xs);
2495
- }
2496
- ._color_11z2c_14 {
2497
- width: 20px;
2498
- height: 20px;
2499
- border-width: 1px;
2500
- border-style: solid;
2501
- border-color: var(--color-foreground-xdark);
2502
- border-radius: 50%;
2503
- background: var(--color-sticky-background);
2504
- }
2505
- ._color_11z2c_14:hover {
2506
- cursor: pointer;
2507
- }
2508
- ._color_11z2c_14._selected_11z2c_26 {
2509
- box-shadow: 0 0 0 1px var(--color-sticky-background);
2510
- }
2511
- ._color_11z2c_14._sticky-color-1_11z2c_29 {
2512
- --color-sticky-background: var(--color-sticky-background-1);
2513
- }
2514
- ._color_11z2c_14._sticky-color-2_11z2c_32 {
2515
- --color-sticky-background: var(--color-sticky-background-2);
2516
- }
2517
- ._color_11z2c_14._sticky-color-3_11z2c_35 {
2518
- --color-sticky-background: var(--color-sticky-background-3);
2519
- }
2520
- ._color_11z2c_14._sticky-color-4_11z2c_38 {
2521
- --color-sticky-background: var(--color-sticky-background-4);
2522
- }
2523
- ._color_11z2c_14._sticky-color-5_11z2c_41 {
2524
- --color-sticky-background: var(--color-sticky-background-5);
2525
- }
2526
- ._color_11z2c_14._sticky-color-6_11z2c_44 {
2527
- --color-sticky-background: var(--color-sticky-background-6);
2528
- }
2529
- ._color_11z2c_14._sticky-color-7_11z2c_47 {
2530
- --color-sticky-background: var(--color-sticky-background-7);
2531
- }
2532
- ._option_11z2c_51 {
2533
- display: inline-block;
2534
- padding: var(--spacing-3xs);
2535
- color: var(--color-text-light);
2536
- }
2537
- ._option_11z2c_51 svg {
2538
- width: var(--font-size-s) !important;
2539
- }
2540
- ._option_11z2c_51:hover {
2541
- color: var(--color-primary);
2542
- }._canvasNodeToolbar_166py_1 {
2543
- padding-bottom: var(--spacing-xs);
2544
- display: flex;
2545
- justify-content: flex-end;
2546
- width: 100%;
2547
- }
2548
- ._canvasNodeToolbarItems_166py_8 {
2549
- display: flex;
2550
- align-items: center;
2551
- justify-content: center;
2552
- background-color: var(--color-canvas-background);
2553
- border-radius: var(--border-radius-base);
2554
- }
2555
- ._canvasNodeToolbarItems_166py_8 .button {
2556
- --button-font-color: var(--color-text-light);
2557
- }._disabledStrikeThrough_8cj0z_1 {
2558
- border: 1px solid var(--color-foreground-dark);
2559
- position: absolute;
2560
- top: calc(var(--canvas-node--height) / 2 - 1px);
2561
- left: -4px;
2562
- width: calc(100% + 12px);
2563
- pointer-events: none;
2564
- }
2565
- ._success_8cj0z_10 {
2566
- border-color: var(--color-success-light);
2567
- }._status_l067o_1 {
2568
- display: flex;
2569
- align-items: center;
2570
- gap: var(--spacing-5xs);
2571
- }
2572
- ._runData_l067o_7 {
2573
- font-weight: 600;
2574
- color: var(--color-success);
2575
- }
2576
- ._waiting_l067o_12 {
2577
- color: var(--color-secondary);
2578
- }
2579
- ._pinnedData_l067o_16 {
2580
- color: var(--color-secondary);
2581
- }
2582
- ._running_l067o_20 {
2583
- width: calc(100% - 2 * var(--canvas-node--status-icons-offset));
2584
- height: calc(100% - 2 * var(--canvas-node--status-icons-offset));
2585
- display: flex;
2586
- align-items: center;
2587
- justify-content: center;
2588
- font-size: 3.75em;
2589
- color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.7);
2590
- }
2591
- ._node-waiting-spinner_l067o_30 {
2592
- display: flex;
2593
- align-items: center;
2594
- justify-content: center;
2595
- font-size: 3.75em;
2596
- color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.7);
2597
- width: 100%;
2598
- height: 100%;
2599
- position: absolute;
2600
- left: -34px;
2601
- top: -34px;
2602
- }
2603
- ._issues_l067o_43 {
2604
- color: var(--color-danger);
2605
- cursor: default;
2606
- }
2607
- ._count_l067o_48 {
2608
- font-size: var(--font-size-s);
2609
- }._triggerIcon_5iv33_1 {
2610
- position: absolute;
2611
- right: 100%;
2612
- margin: auto;
2613
- color: var(--color-primary);
2614
- padding: var(--spacing-2xs);
2615
- }._tooltipTrigger_1e5ow_1 {
2616
- position: absolute;
2617
- top: 0;
2618
- left: 0;
2619
- width: 100%;
2620
- height: 1px;
2621
- }
2622
- ._popper_1e5ow_9 {
2623
- white-space: nowrap;
2624
- }._node_jxon2_1 {
2625
- --canvas-node--max-vertical-handles: max(
2626
- var(--canvas-node--main-input-count),
2627
- var(--canvas-node--main-output-count),
2628
- 1
2629
- );
2630
- --canvas-node--height: calc(100px + max(0, var(--canvas-node--max-vertical-handles) - 3) * 42px);
2631
- --canvas-node--width: 100px;
2632
- --canvas-node-border-width: 2px;
2633
- --configurable-node--min-input-count: 4;
2634
- --configurable-node--input-width: 64px;
2635
- --configurable-node--icon-offset: 40px;
2636
- --configurable-node--icon-size: 30px;
2637
- --trigger-node--border-radius: 36px;
2638
- --canvas-node--status-icons-offset: var(--spacing-2xs);
2639
- position: relative;
2640
- height: var(--canvas-node--height);
2641
- width: var(--canvas-node--width);
2642
- display: flex;
2643
- align-items: center;
2644
- justify-content: center;
2645
- background: var(--canvas-node--background, var(--color-node-background));
2646
- border: var(--canvas-node-border-width) solid var(--canvas-node--border-color, var(--color-foreground-xdark));
2647
- border-radius: var(--border-radius-large);
2648
- /**
2649
- * Node types
2650
- */
2651
- /**
2652
- * State classes
2653
- * The reverse order defines the priority in case multiple states are active
2654
- */
2655
- }
2656
- ._node_jxon2_1._trigger_jxon2_33 {
2657
- border-radius: var(--trigger-node--border-radius) var(--border-radius-large) var(--border-radius-large) var(--trigger-node--border-radius);
2658
- }
2659
- ._node_jxon2_1._configuration_jxon2_36 {
2660
- --canvas-node--width: 80px;
2661
- --canvas-node--height: 80px;
2662
- background: var(--canvas-node--background, var(--node-type-supplemental-background));
2663
- border: var(--canvas-node-border-width) solid var(--canvas-node--border-color, var(--color-foreground-dark));
2664
- border-radius: 50px;
2665
- }
2666
- ._node_jxon2_1._configuration_jxon2_36 ._statusIcons_jxon2_43 {
2667
- right: unset;
2668
- }
2669
- ._node_jxon2_1._configurable_jxon2_46 {
2670
- --canvas-node--height: 100px;
2671
- --canvas-node--width: calc(
2672
- max(var(--configurable-node--input-count, 4), var(--configurable-node--min-input-count)) *
2673
- var(--configurable-node--input-width)
2674
- );
2675
- }
2676
- ._node_jxon2_1._configurable_jxon2_46 ._description_jxon2_53 {
2677
- top: unset;
2678
- position: relative;
2679
- margin-top: 0;
2680
- margin-left: var(--spacing-s);
2681
- width: auto;
2682
- min-width: unset;
2683
- max-width: calc(var(--canvas-node--width) - var(--configurable-node--icon-offset) - var(--configurable-node--icon-size) - 2 * var(--spacing-s));
2684
- }
2685
- ._node_jxon2_1._configurable_jxon2_46 ._label_jxon2_62 {
2686
- text-align: left;
2687
- }
2688
- ._node_jxon2_1._configurable_jxon2_46._configuration_jxon2_36 {
2689
- --canvas-node--height: 75px;
2690
- }
2691
- ._node_jxon2_1._configurable_jxon2_46._configuration_jxon2_36 ._statusIcons_jxon2_43 {
2692
- right: calc(-1 * var(--spacing-2xs));
2693
- bottom: 0;
2694
- }
2695
- ._node_jxon2_1._selected_jxon2_72 {
2696
- box-shadow: 0 0 0 8px var(--color-canvas-selected-transparent);
2697
- }
2698
- ._node_jxon2_1._success_jxon2_75 {
2699
- border-color: var(--color-canvas-node-success-border-color, var(--color-success));
2700
- }
2701
- ._node_jxon2_1._error_jxon2_78 {
2702
- border-color: var(--color-canvas-node-error-border-color, var(--color-danger));
2703
- }
2704
- ._node_jxon2_1._pinned_jxon2_81 {
2705
- border-color: var(--color-canvas-node-pinned-border-color, var(--color-node-pinned-border));
2706
- }
2707
- ._node_jxon2_1._disabled_jxon2_84 {
2708
- border-color: var(--color-canvas-node-disabled-border-color, var(--color-foreground-base));
2709
- }
2710
- ._node_jxon2_1._running_jxon2_87 {
2711
- background-color: var(--color-node-executing-background);
2712
- border-color: var(--color-canvas-node-running-border-color, var(--color-node-running-border));
2713
- }
2714
- ._node_jxon2_1._waiting_jxon2_91 {
2715
- border-color: var(--color-canvas-node-waiting-border-color, var(--color-secondary));
2716
- }
2717
- ._description_jxon2_53 {
2718
- top: 100%;
2719
- position: absolute;
2720
- width: 100%;
2721
- min-width: calc(var(--canvas-node--width) * 2);
2722
- margin-top: var(--spacing-2xs);
2723
- display: flex;
2724
- flex-direction: column;
2725
- gap: var(--spacing-4xs);
2726
- align-items: center;
2727
- }
2728
- ._label_jxon2_62,
2729
- ._disabledLabel_jxon2_108 {
2730
- font-size: var(--font-size-m);
2731
- text-align: center;
2732
- text-overflow: ellipsis;
2733
- display: -webkit-box;
2734
- -webkit-box-orient: vertical;
2735
- -webkit-line-clamp: 2;
2736
- overflow: hidden;
2737
- overflow-wrap: anywhere;
2738
- font-weight: var(--font-weight-bold);
2739
- line-height: var(--font-line-height-compact);
2740
- }
2741
- ._subtitle_jxon2_121 {
2742
- width: 100%;
2743
- text-align: center;
2744
- color: var(--color-text-light);
2745
- font-size: var(--font-size-xs);
2746
- white-space: nowrap;
2747
- overflow: hidden;
2748
- text-overflow: ellipsis;
2749
- line-height: var(--font-line-height-compact);
2750
- font-weight: 400;
2751
- }
2752
- ._statusIcons_jxon2_43 {
2753
- position: absolute;
2754
- bottom: var(--canvas-node--status-icons-offset);
2755
- right: var(--canvas-node--status-icons-offset);
2756
- }._sticky_ko0n2_1 {
2757
- position: relative;
2758
- /**
2759
- * State classes
2760
- * The reverse order defines the priority in case multiple states are active
2761
- */
2762
- }
2763
- ._sticky_ko0n2_1._selected_ko0n2_8 {
2764
- box-shadow: 0 0 0 4px var(--color-canvas-selected);
2765
- }._addNodes_13pm7_1 {
2766
- display: flex;
2767
- flex-direction: column;
2768
- align-items: center;
2769
- justify-content: center;
2770
- width: 100px;
2771
- height: 100px;
2772
- }
2773
- ._addNodes_13pm7_1:hover ._button_13pm7_9 svg path {
2774
- fill: var(--color-primary);
2775
- }
2776
- ._button_13pm7_9 {
2777
- background: var(--color-foreground-xlight);
2778
- border: 2px dashed var(--color-foreground-xdark);
2779
- border-radius: 8px;
2780
- padding: 0;
2781
- min-width: 100px;
2782
- min-height: 100px;
2783
- cursor: pointer;
2784
- }
2785
- ._button_13pm7_9 svg {
2786
- width: 26px !important;
2787
- height: 40px;
2788
- }
2789
- ._button_13pm7_9 svg path {
2790
- fill: var(--color-foreground-xdark);
2791
- }
2792
- ._label_13pm7_30 {
2793
- width: max-content;
2794
- font-weight: var(--font-weight-bold);
2795
- font-size: var(--font-size-m);
2796
- line-height: var(--font-line-height-xloose);
2797
- color: var(--color-text-dark);
2798
- margin-top: var(--spacing-2xs);
2799
- }._rectangle_m7e52_1 {
2800
- width: var(--handle--indicator--width);
2801
- height: var(--handle--indicator--height);
2802
- background: var(--color-foreground-xdark);
2803
- }
2804
- ._rectangle_m7e52_1:hover {
2805
- background: var(--color-primary);
2806
- }._handle_1f1io_1 {
2807
- display: flex;
2808
- flex-direction: column;
2809
- align-items: center;
2810
- justify-content: center;
2811
- }
2812
- ._label_1f1io_8 {
2813
- position: absolute;
2814
- top: 50%;
2815
- left: calc(var(--spacing-xs) * -1);
2816
- transform: translate(-100%, -50%);
2817
- font-size: var(--font-size-2xs);
2818
- color: var(--color-foreground-xdark);
2819
- background: var(--color-canvas-label-background);
2820
- z-index: 1;
2821
- text-align: center;
2822
- white-space: nowrap;
2823
- }
2824
- ._required_1f1io_21 ._label_1f1io_8::after {
2825
- content: "*";
2826
- color: var(--color-danger);
2827
- }._wrapper_ektk2_1 {
2828
- position: relative;
2829
- }
2830
- ._wrapper_ektk2_1._secondary_ektk2_4 ._line_ektk2_4 {
2831
- stroke: var(--node-type-supplemental-color);
2832
- }
2833
- ._wrapper_ektk2_1._secondary_ektk2_4 ._plus_ektk2_7 path {
2834
- fill: var(--node-type-supplemental-color);
2835
- }
2836
- ._wrapper_ektk2_1._secondary_ektk2_4 ._plus_ektk2_7 rect {
2837
- stroke: var(--node-type-supplemental-color);
2838
- }
2839
- ._wrapper_ektk2_1._success_ektk2_13 ._line_ektk2_4 {
2840
- stroke: var(--color-success);
2841
- }
2842
- ._wrapper_ektk2_1 ._plus_ektk2_7:hover {
2843
- cursor: pointer;
2844
- }
2845
- ._wrapper_ektk2_1 ._plus_ektk2_7:hover path {
2846
- fill: var(--color-primary);
2847
- }
2848
- ._wrapper_ektk2_1 ._plus_ektk2_7:hover rect {
2849
- stroke: var(--color-primary);
2850
- }._dot_14pp2_1 {
2851
- width: var(--handle--indicator--width);
2852
- height: var(--handle--indicator--height);
2853
- border-radius: 50%;
2854
- background: var(--color-foreground-xdark);
2855
- }
2856
- ._dot_14pp2_1:hover {
2857
- background: var(--color-primary);
2858
- }._handle_lbwuh_1 {
2859
- display: flex;
2860
- flex-direction: row;
2861
- align-items: center;
2862
- justify-content: center;
2863
- }
2864
- ._handle_lbwuh_1._connected_lbwuh_7 ._label_lbwuh_7 {
2865
- max-width: 96px;
2866
- }
2867
- ._label_lbwuh_7 {
2868
- position: absolute;
2869
- background: var(--color-canvas-label-background);
2870
- z-index: 1;
2871
- max-width: calc(100% - var(--spacing-m) - 24px);
2872
- white-space: nowrap;
2873
- text-overflow: ellipsis;
2874
- overflow: hidden;
2875
- }
2876
- ._required_lbwuh_21 ._label_lbwuh_7::after {
2877
- content: "*";
2878
- color: var(--color-danger);
2879
- }
2880
- ._outputLabel_lbwuh_26 {
2881
- top: 50%;
2882
- left: var(--spacing-m);
2883
- transform: translate(0, -50%);
2884
- font-size: var(--font-size-2xs);
2885
- color: var(--color-foreground-xdark);
2886
- }
2887
- ._runDataLabel_lbwuh_34 {
2888
- position: absolute;
2889
- top: 0;
2890
- left: 50%;
2891
- transform: translate(-50%, -50%);
2892
- font-size: var(--font-size-xs);
2893
- color: var(--color-success);
2894
- }.canvas-node-handle-main-output-enter-active,
2895
- .canvas-node-handle-main-output-leave-active {
2896
- transform-origin: 0 center;
2897
- transition-property: transform, opacity;
2898
- transition-duration: 0.2s;
2899
- transition-timing-function: ease;
2900
- }
2901
- .canvas-node-handle-main-output-enter-from,
2902
- .canvas-node-handle-main-output-leave-to {
2903
- transform: scale(0);
2904
- opacity: 0;
2905
- }._diamond_1pjv3_1 {
2906
- width: var(--handle--indicator--width);
2907
- height: var(--handle--indicator--height);
2908
- background: var(--node-type-supplemental-color);
2909
- transform: rotate(45deg) scale(0.8);
2910
- }
2911
- ._diamond_1pjv3_1:hover {
2912
- background: var(--color-primary);
2913
- }._handle_6focw_1 {
2914
- display: flex;
2915
- flex-direction: column;
2916
- align-items: center;
2917
- justify-content: center;
2918
- }
2919
- ._label_6focw_8 {
2920
- position: absolute;
2921
- top: 20px;
2922
- left: 50%;
2923
- transform: translate(-50%, 0);
2924
- font-size: var(--font-size-2xs);
2925
- color: var(--node-type-supplemental-color);
2926
- background: var(--color-canvas-label-background);
2927
- z-index: 1;
2928
- text-align: center;
2929
- white-space: nowrap;
2930
- }
2931
- ._required_6focw_21 ._label_6focw_8::after {
2932
- content: "*";
2933
- color: var(--color-danger);
2934
- }.canvas-node-handle-non-main-input-enter-active,
2935
- .canvas-node-handle-non-main-input-leave-active {
2936
- transform-origin: center 0;
2937
- transition-property: transform, opacity;
2938
- transition-duration: 0.2s;
2939
- transition-timing-function: ease;
2940
- }
2941
- .canvas-node-handle-non-main-input-enter-from,
2942
- .canvas-node-handle-non-main-input-leave-to {
2943
- transform: scale(0);
2944
- opacity: 0;
2945
- }._handle_1q4ej_1 {
2946
- display: flex;
2947
- flex-direction: row;
2948
- align-items: center;
2949
- justify-content: center;
2950
- }
2951
- ._label_1q4ej_8 {
2952
- position: absolute;
2953
- top: -20px;
2954
- left: 50%;
2955
- transform: translate(-50%, 0);
2956
- font-size: var(--font-size-2xs);
2957
- color: var(--node-type-supplemental-color);
2958
- background: var(--color-canvas-label-background);
2959
- z-index: 0;
2960
- white-space: nowrap;
2961
- }
2962
- ._required_1q4ej_20 ._label_1q4ej_8::after {
2963
- content: "*";
2964
- color: var(--color-danger);
2965
- }
2966
- .vue-flow__handle:not(.connectionindicator) ._plus_1q4ej_25 {
2967
- display: none;
2968
- position: absolute;
2969
- }._handle_3cwat_1 {
2970
- --handle--indicator--width: 16px;
2971
- --handle--indicator--height: 16px;
2972
- width: var(--handle--indicator--width);
2973
- height: var(--handle--indicator--height);
2974
- display: inline-flex;
2975
- justify-content: center;
2976
- align-items: center;
2977
- border: 0;
2978
- z-index: 1;
2979
- background: transparent;
2980
- border-radius: 0;
2981
- }
2982
- ._handle_3cwat_1._inputs_3cwat_14._main_3cwat_14 {
2983
- --handle--indicator--width: 8px;
2984
- }
2985
- ._renderType_3cwat_18._top_3cwat_18 {
2986
- margin-bottom: calc(-1 * var(--handle--indicator--height));
2987
- transform: translate(0%, -50%);
2988
- }
2989
- ._renderType_3cwat_18._right_3cwat_22 {
2990
- margin-left: calc(-1 * var(--handle--indicator--width));
2991
- transform: translate(50%, 0%);
2992
- }
2993
- ._renderType_3cwat_18._left_3cwat_26 {
2994
- margin-right: calc(-1 * var(--handle--indicator--width));
2995
- transform: translate(-50%, 0%);
2996
- }
2997
- ._renderType_3cwat_18._bottom_3cwat_30 {
2998
- margin-top: calc(-1 * var(--handle--indicator--height));
2999
- transform: translate(0%, 50%);
3000
- }._canvasNode_1t8sb_1:hover ._canvasNodeToolbar_1t8sb_1, ._canvasNode_1t8sb_1:focus-within ._canvasNodeToolbar_1t8sb_1, ._canvasNode_1t8sb_1._showToolbar_1t8sb_1 ._canvasNodeToolbar_1t8sb_1 {
3001
- opacity: 1;
3002
- }
3003
- ._canvasNodeToolbar_1t8sb_1 {
3004
- transition: opacity 0.1s ease-in;
3005
- position: absolute;
3006
- top: 0;
3007
- left: 50%;
3008
- transform: translate(-50%, -100%);
3009
- opacity: 0;
3010
- z-index: 1;
3011
- }
3012
- ._canvasNodeToolbar_1t8sb_1:focus-within, ._canvasNodeToolbar_1t8sb_1:hover {
3013
- opacity: 1;
3014
- }._canvasEdgeToolbar_gool4_1 {
3015
- display: flex;
3016
- justify-content: center;
3017
- align-items: center;
3018
- gap: var(--spacing-2xs);
3019
- pointer-events: all;
3020
- }[data-theme=dark] .canvas-edge-toolbar-button {
3021
- --button-background-color: var(--color-background-base);
3022
- --button-hover-background-color: var(--color-background-light);
3023
- }
3024
- .canvas-edge-toolbar-button {
3025
- border-width: 2px;
3026
- }._edge_1nj9v_1 {
3027
- transition: stroke 0.3s ease, fill 0.3s ease;
3028
- }
3029
- ._edgeLabelWrapper_1nj9v_5 {
3030
- transform: translateY(calc(var(--spacing-xs) * -1));
3031
- position: absolute;
3032
- }
3033
- ._edgeLabel_1nj9v_5 {
3034
- font-size: var(--font-size-xs);
3035
- background-color: hsla(var(--color-canvas-background-h), var(--color-canvas-background-s), var(--color-canvas-background-l), 0.85);
3036
- }
3037
- path[data-v-e3a82e55] {
3038
- stroke: var(--color-canvas-read-only-line);
3039
- }
3040
- ._canvas_1sz6z_1 {
3041
- opacity: 0;
3042
- }
3043
- ._canvas_1sz6z_1._ready_1sz6z_4 {
3044
- opacity: 1;
3045
- }
3046
- ._canvas_1sz6z_1 .vue-flow__pane {
3047
- cursor: grab;
3048
- }
3049
- ._canvas_1sz6z_1 .vue-flow__pane.selection {
3050
- cursor: default;
3051
- }
3052
- ._canvas_1sz6z_1 .vue-flow__pane.dragging {
3053
- cursor: grabbing;
3054
- }.minimap-enter-active[data-v-14978174],
3055
- .minimap-leave-active[data-v-14978174] {
3056
- transition: opacity 0.3s ease;
3057
- }
3058
- .minimap-enter-from[data-v-14978174],
3059
- .minimap-leave-to[data-v-14978174] {
3060
- opacity: 0;
3061
- }._wrapper_t1ugk_1 {
3062
- display: block;
3063
- position: relative;
3064
- width: 100%;
3065
- height: 100%;
3066
- overflow: hidden;
3067
- }
3068
- ._canvas_t1ugk_9 {
3069
- width: 100%;
3070
- height: 100%;
3071
- position: relative;
3072
- display: block;
3073
- }._executionButtons_1bnph_1 {
3074
- position: absolute;
3075
- display: flex;
3076
- justify-content: center;
3077
- align-items: center;
3078
- left: 50%;
3079
- transform: translateX(-50%);
3080
- bottom: var(--spacing-l);
3081
- width: auto;
3082
- }
3083
- @media (max-width: 600px) {
3084
- ._executionButtons_1bnph_1 {
3085
- bottom: 150px;
3086
- }
3087
- }
3088
- ._executionButtons_1bnph_1 button {
3089
- display: flex;
3090
- justify-content: center;
3091
- align-items: center;
3092
- margin-left: 0.625rem;
3093
- }
3094
- ._executionButtons_1bnph_1 button:first-child {
3095
- margin: 0;
3096
- }