n8n-editor-ui 1.73.0 → 1.74.1

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 (194) hide show
  1. package/LICENSE.md +5 -3
  2. package/dist/assets/{AnnotationTagsDropdown.ee.vue_vue_type_script_setup_true_lang-DfdMypiE.js → AnnotationTagsDropdown.ee.vue_vue_type_script_setup_true_lang-CRv-7oGl.js} +1 -1
  3. package/dist/assets/AuthView-D4i2WDPk.css +408 -0
  4. package/dist/assets/{AuthView-ns622vck.js → AuthView-DiVCkmJO.js} +7 -7
  5. package/dist/assets/{CanvasChat-CxcfSR2i.js → CanvasChat-BMwaSHw5.js} +30 -29
  6. package/dist/assets/CanvasChat-oFfeuF_m.css +2735 -0
  7. package/dist/assets/{CanvasControls-pos7-QhU.js → CanvasControls-B3S4M5tk.js} +4 -4
  8. package/dist/assets/CanvasControls-DTjEPKS0.css +148 -0
  9. package/dist/assets/{ChangePasswordView-Db0MLvV3.js → ChangePasswordView-DMNxdEvW.js} +3 -3
  10. package/dist/assets/CollectionParameter-Cmdh94LV.js +4 -0
  11. package/dist/assets/{ConcurrentExecutionsHeader-D35VlIVA.js → ConcurrentExecutionsHeader-Cz1SdK5W.js} +11 -11
  12. package/dist/assets/ConcurrentExecutionsHeader-DETjSHgm.css +438 -0
  13. package/dist/assets/{CredentialsView-BV4NcyAR.js → CredentialsView-BdvSQS_L.js} +42 -14
  14. package/dist/assets/CredentialsView-DRWQyccW.css +294 -0
  15. package/dist/assets/ErrorView-DPS9icAS.css +144 -0
  16. package/dist/assets/{ErrorView-ClpY9Omy.js → ErrorView-pJv59Fp1.js} +4 -4
  17. package/dist/assets/ExecutionsView-C0P3HAAt.css +710 -0
  18. package/dist/assets/{ExecutionsView-CqWfQ-OS.js → ExecutionsView-DizYSIgZ.js} +35 -35
  19. package/dist/assets/{FileSaver.min-gIFS8BdZ.js → FileSaver.min-CYFZIcxk.js} +1 -1
  20. package/dist/assets/{FixedCollectionParameter-x6YwFDm3.js → FixedCollectionParameter-C-azlgUa.js} +1 -1
  21. package/dist/assets/{FixedCollectionParameter-YwQknIIC.css → FixedCollectionParameter-DvdC-9QQ.css} +122 -0
  22. package/dist/assets/{ForgotMyPasswordView-BgI4UOal.js → ForgotMyPasswordView-DLg1bxUi.js} +3 -3
  23. package/dist/assets/Logo-1eGohTKw.css +160 -0
  24. package/dist/assets/{Logo-DkVmhuQi.js → Logo-DN8dwlbz.js} +11 -10
  25. package/dist/assets/MainHeader-BIKp2Ncp.css +1449 -0
  26. package/dist/assets/{MainHeader-DzT-lrog.js → MainHeader-Dj7ade30.js} +46 -26
  27. package/dist/assets/MainSidebar-Djaxwdmm.css +985 -0
  28. package/dist/assets/{MainSidebar-5Pl77alo.js → MainSidebar-DlNj8GJy.js} +180 -98
  29. package/dist/assets/NodeCreation-RKvezEeg.css +152 -0
  30. package/dist/assets/{NodeCreation-CuUKKWoi.js → NodeCreation-ZBewl4bk.js} +10 -10
  31. package/dist/assets/NodeCreator-DDiuO5S0.css +2493 -0
  32. package/dist/assets/{NodeCreator-D7v1eC6a.js → NodeCreator-DdQP0uVg.js} +108 -84
  33. package/dist/assets/NodeViewSwitcher-Bdg8qofd.js +14837 -0
  34. package/dist/assets/NodeViewSwitcher-UPCWvuIo.css +6801 -0
  35. package/dist/assets/ProjectCardBadge-CKGc0yDi.css +145 -0
  36. package/dist/assets/{ProjectCardBadge-D7xb-Eyd.js → ProjectCardBadge-pbI58Ond.js} +9 -6
  37. package/dist/assets/ProjectHeader-CQjB5wC7.css +285 -0
  38. package/dist/assets/{ProjectHeader-K-i88xtf.js → ProjectHeader-D7XYidpZ.js} +67 -49
  39. package/dist/assets/ProjectSettings-BgunHp-2.css +286 -0
  40. package/dist/assets/{ProjectSettings-BO2wFmU7.js → ProjectSettings-CXSvZq_1.js} +87 -47
  41. package/dist/assets/{PushConnectionTracker.vue_vue_type_script_setup_true_lang-a7Fc7Xy7.js → PushConnectionTracker.vue_vue_type_script_setup_true_lang-B8guxlKC.js} +1 -1
  42. package/dist/assets/{ResourcesListLayout-CRrq5kQe.js → ResourcesListLayout-BhSNEyun.js} +25 -21
  43. package/dist/assets/ResourcesListLayout-Dw1dU1aW.css +748 -0
  44. package/dist/assets/RunDataJson-BXTLuo7i.css +323 -0
  45. package/dist/assets/{RunDataJson-DklR3U0f.js → RunDataJson-DyoK2r6Z.js} +19 -16
  46. package/dist/assets/{RunDataJsonActions-CHdDowSE.js → RunDataJsonActions-DmM5PsDX.js} +3 -4
  47. package/dist/assets/RunDataJsonActions-DrgwFS0W.css +133 -0
  48. package/dist/assets/{RunDataSearch-DWL0Lv8j.js → RunDataSearch-B9xsocwZ.js} +4 -4
  49. package/dist/assets/RunDataSearch-R6qtl0Jf.css +150 -0
  50. package/dist/assets/RunDataTable-CX7gToH4.css +272 -0
  51. package/dist/assets/{RunDataTable-C-K-SFOI.js → RunDataTable-iUS0fcZW.js} +28 -28
  52. package/dist/assets/{SamlOnboarding-CmE16j09.js → SamlOnboarding-c9rXuzta.js} +3 -3
  53. package/dist/assets/{SettingsApiView-Bm7VfYUo.js → SettingsApiView-BbA8em4X.js} +6 -6
  54. package/dist/assets/SettingsApiView-DJKJO7zM.css +145 -0
  55. package/dist/assets/{SettingsCommunityNodesView-BvoqYDi6.js → SettingsCommunityNodesView-BUA0OLqR.js} +18 -17
  56. package/dist/assets/SettingsCommunityNodesView-CAggjsaT.css +317 -0
  57. package/dist/assets/{SettingsExternalSecrets-_w5OFPo8.js → SettingsExternalSecrets-Bp4-QTpk.js} +7 -7
  58. package/dist/assets/SettingsExternalSecrets-d1KDgYYp.css +151 -0
  59. package/dist/assets/SettingsLdapView-Bx1eqk76.css +156 -0
  60. package/dist/assets/{SettingsLdapView-TS7oUlks.js → SettingsLdapView-DAraUZwU.js} +8 -8
  61. package/dist/assets/SettingsLogStreamingView-CflEMmu9.css +290 -0
  62. package/dist/assets/{SettingsLogStreamingView-CAarolrh.js → SettingsLogStreamingView-DTgMc-WZ.js} +8 -8
  63. package/dist/assets/{SettingsPersonalView-Dms8_Ph5.js → SettingsPersonalView-BDWzpO2x.js} +9 -9
  64. package/dist/assets/SettingsPersonalView-CwV8ImYG.css +175 -0
  65. package/dist/assets/{SettingsSourceControl-P9lNmLfg.js → SettingsSourceControl-Dr974WK5.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-ICCxzOQe.js → SettingsSso-BxAzGPEO.js} +7 -7
  69. package/dist/assets/SettingsUsageAndPlan-B5DEUrT3.css +333 -0
  70. package/dist/assets/{SettingsUsageAndPlan-BSEPUc4B.js → SettingsUsageAndPlan-DXkQcpTq.js} +12 -12
  71. package/dist/assets/SettingsUsersView-By12E2li.css +143 -0
  72. package/dist/assets/{SettingsUsersView-BzekHfPV.js → SettingsUsersView-ioxWjgmR.js} +6 -6
  73. package/dist/assets/{SettingsView-DupTDURU.js → SettingsView-B_btgRH4.js} +7 -7
  74. package/dist/assets/SettingsView-Bawwm19P.css +285 -0
  75. package/dist/assets/{SetupView-Cq64VV9c.js → SetupView-r9ZPGr7D.js} +3 -3
  76. package/dist/assets/{SetupWorkflowCredentialsButton-LuQ_SEWx.js → SetupWorkflowCredentialsButton-BQTw1Lni.js} +1 -1
  77. package/dist/assets/{SetupWorkflowFromTemplateView-ClOfcHle.js → SetupWorkflowFromTemplateView-ChO-yyKZ.js} +8 -8
  78. package/dist/assets/SetupWorkflowFromTemplateView-ZPJL_m2F.css +148 -0
  79. package/dist/assets/SigninView-D57wRRHz.css +150 -0
  80. package/dist/assets/{SigninView-DM8DhinJ.js → SigninView-D7_W1amk.js} +9 -9
  81. package/dist/assets/{SignoutView-BK-qDL3I.js → SignoutView-BvPOsQQ0.js} +1 -1
  82. package/dist/assets/{SignupView-CWOVKxEj.js → SignupView-Bf0vYlCQ.js} +3 -3
  83. package/dist/assets/{TemplateDetails-DUTNl1QK.js → TemplateDetails-D-RiAVQD.js} +7 -7
  84. package/dist/assets/TemplateDetails-DyUqVhf2.css +265 -0
  85. package/dist/assets/TemplateList-DcOqRM10.css +480 -0
  86. package/dist/assets/{TemplateList-DYRBepI5.js → TemplateList-DeJfbzYl.js} +24 -24
  87. package/dist/assets/TemplatesCollectionView-2q1rzsOG.css +156 -0
  88. package/dist/assets/{TemplatesCollectionView-BxG1bRhA.js → TemplatesCollectionView-uSsfhIa9.js} +12 -12
  89. package/dist/assets/{TemplatesSearchView-UBZQnh-e.js → TemplatesSearchView-DBbTV_xi.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-mU_A1pwb.js → TemplatesView-Qt03GfQO.js} +8 -8
  93. package/dist/assets/{TemplatesWorkflowView-D5N-R1lr.js → TemplatesWorkflowView-CLplrMA6.js} +13 -13
  94. package/dist/assets/TemplatesWorkflowView-DpIiJjJp.css +168 -0
  95. package/dist/assets/{TestDefinitionEditView-CAgd51U-.js → TestDefinitionEditView-CEfQepq8.js} +587 -197
  96. package/dist/assets/TestDefinitionEditView-DM4tV2LS.css +1267 -0
  97. package/dist/assets/{TestDefinitionListView-CKSy47GW.js → TestDefinitionListView-6hn-gG-H.js} +96 -65
  98. package/dist/assets/TestDefinitionListView-BD5_O4Fx.css +567 -0
  99. package/dist/assets/{VariablesView-DPbCYxLS.js → VariablesView-BrXojLhD.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-CtrrcIx2.js → WorkerView-DwULN80E.js} +30 -177
  103. package/dist/assets/WorkflowActivator-DQhm5t0U.css +260 -0
  104. package/dist/assets/{WorkflowActivator-BbwFaJ9a.js → WorkflowActivator-Dm9xwqOB.js} +3 -3
  105. package/dist/assets/{WorkflowExecutionsInfoAccordion-D-0JKX5I.js → WorkflowExecutionsInfoAccordion-B-Z0pyld.js} +3 -3
  106. package/dist/assets/WorkflowExecutionsInfoAccordion-BBtwnPZQ.css +155 -0
  107. package/dist/assets/WorkflowExecutionsLandingPage-Bm_hJMl4.css +145 -0
  108. package/dist/assets/{WorkflowExecutionsLandingPage-C9P1l_M7.js → WorkflowExecutionsLandingPage-HJBYlJAc.js} +5 -5
  109. package/dist/assets/WorkflowExecutionsPreview-CrGxxhLQ.css +537 -0
  110. package/dist/assets/{WorkflowExecutionsPreview-C05AfyP-.js → WorkflowExecutionsPreview-nYDpKm_b.js} +37 -37
  111. package/dist/assets/{WorkflowExecutionsView-qXpp42wG.js → WorkflowExecutionsView-Chvs3FQ3.js} +35 -35
  112. package/dist/assets/WorkflowExecutionsView-DEqJNNDZ.css +676 -0
  113. package/dist/assets/{WorkflowHistory-CbBn3xYH.js → WorkflowHistory-6MCJq0xa.js} +22 -22
  114. package/dist/assets/WorkflowHistory-7Ad0Va7M.css +669 -0
  115. package/dist/assets/{WorkflowOnboardingView-Cb8Efn6T.js → WorkflowOnboardingView-7WiSlKOU.js} +1 -19
  116. package/dist/assets/WorkflowPreview-CIOAVgxK.css +162 -0
  117. package/dist/assets/{WorkflowPreview-DzTTLI8R.js → WorkflowPreview-Dw2NtUVX.js} +8 -8
  118. package/dist/assets/WorkflowsView-DMIGjzPW.css +323 -0
  119. package/dist/assets/{WorkflowsView-BUM-Mmss.js → WorkflowsView-DXnpDXEX.js} +29 -19
  120. package/dist/assets/easyAiWorkflowUtils-BTWwHsY8.js +181 -0
  121. package/dist/assets/{index-LIwDUX8i.css → index-B7TFhNa2.css} +30882 -6572
  122. package/dist/assets/{index-DYxqsGB9.js → index-D0W-rAl_.js} +78733 -72194
  123. package/dist/assets/{pushConnection.store-BVUirLTG.js → pushConnection.store-SZWXnCKb.js} +1 -1
  124. package/dist/assets/{templateActions-CXAWj8IS.js → templateActions-DDtJe_-b.js} +1 -1
  125. package/dist/assets/typescript.worker-H0DmdklC.js +213997 -0
  126. package/dist/assets/{useBugReporting-C3NtP4ZZ.js → useBugReporting-BGxycXGV.js} +1 -1
  127. package/dist/assets/{NodeViewSwitcher-hKoOeK8j.js → useCanvasOperations-BsWyQUek.js} +19402 -33901
  128. package/dist/assets/useCanvasOperations-Byu1Z5ea.css +4144 -0
  129. package/dist/assets/{useExecutionDebugging-BnF8o4vE.js → useExecutionDebugging-CB_jUGyC.js} +1 -1
  130. package/dist/assets/{useExecutionHelpers-7qmdZ0on.js → useExecutionHelpers-COwnTHmy.js} +1 -1
  131. package/dist/assets/{useNodeViewVersionSwitcher-tFqgPPim.js → useNodeViewVersionSwitcher-C8AkOtTL.js} +1 -1
  132. package/dist/assets/usePinnedData-872bXiu-.js +274 -0
  133. package/dist/assets/{usePushConnection-FexDCcd7.js → usePushConnection-CXpJRez7.js} +11 -4
  134. package/dist/assets/{useRunWorkflow-BDl-2MsN.css → useRunWorkflow-DWoFsQdi.css} +406 -40
  135. package/dist/assets/{useRunWorkflow-BPsvjsSm.js → useRunWorkflow-u9KNHrnZ.js} +31 -301
  136. package/dist/assets/{useWorkflowActivate-CIqICdFm.js → useWorkflowActivate-D8Du1iYk.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 +8 -1
  141. package/dist/assets/AuthView-CvfW_aKu.css +0 -42
  142. package/dist/assets/CanvasChat-DhkdJLy7.css +0 -661
  143. package/dist/assets/CanvasControls-BEOkwFDJ.css +0 -26
  144. package/dist/assets/CollectionParameter-DYy0fmgJ.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/Logo-1JT6Fq4s.css +0 -38
  150. package/dist/assets/MainHeader-B1mQLyCP.css +0 -224
  151. package/dist/assets/MainSidebar-BQss-EVY.css +0 -245
  152. package/dist/assets/NodeCreation-DTNNkgVv.css +0 -30
  153. package/dist/assets/NodeCreator-BvqI_pdC.css +0 -522
  154. package/dist/assets/NodeViewSwitcher-D0jynVNt.css +0 -3108
  155. package/dist/assets/ProjectCardBadge-DQvW5T7s.css +0 -20
  156. package/dist/assets/ProjectHeader-CY9vPy_p.css +0 -37
  157. package/dist/assets/ProjectSettings-DZws5IzZ.css +0 -34
  158. package/dist/assets/ResourcesListLayout-NZz6R66g.css +0 -96
  159. package/dist/assets/RunDataJson-DW_khHj4.css +0 -79
  160. package/dist/assets/RunDataJsonActions-CoiM0oFP.css +0 -11
  161. package/dist/assets/RunDataSearch-B4q8H9Ex.css +0 -28
  162. package/dist/assets/RunDataTable-BOaG0Pms.css +0 -150
  163. package/dist/assets/SettingsApiView-DX3S-5pa.css +0 -23
  164. package/dist/assets/SettingsCommunityNodesView-kzxtAoLp.css +0 -73
  165. package/dist/assets/SettingsExternalSecrets-BnXyxlJd.css +0 -29
  166. package/dist/assets/SettingsLdapView-BPh_inzE.css +0 -34
  167. package/dist/assets/SettingsLogStreamingView-Uz298HNW.css +0 -46
  168. package/dist/assets/SettingsPersonalView-CqzRUitO.css +0 -53
  169. package/dist/assets/SettingsSourceControl-C7H8sLJN.css +0 -80
  170. package/dist/assets/SettingsSso-Be_ejj46.css +0 -41
  171. package/dist/assets/SettingsUsageAndPlan-C3fKPMTY.css +0 -89
  172. package/dist/assets/SettingsUsersView-C13eCMjh.css +0 -21
  173. package/dist/assets/SettingsView-o6uNYu0t.css +0 -41
  174. package/dist/assets/SetupWorkflowFromTemplateView-DjBcyMCl.css +0 -26
  175. package/dist/assets/SigninView-BbpzRtoX.css +0 -28
  176. package/dist/assets/TemplateDetails-p3M6A7jr.css +0 -21
  177. package/dist/assets/TemplateList-BR3bpDTv.css +0 -114
  178. package/dist/assets/TemplatesCollectionView-DJVlK4Bb.css +0 -34
  179. package/dist/assets/TemplatesSearchView-CFrHWGcY.css +0 -221
  180. package/dist/assets/TemplatesView-CBNZZ_X1.css +0 -41
  181. package/dist/assets/TemplatesWorkflowView-CVC0fbb6.css +0 -46
  182. package/dist/assets/TestDefinitionEditView-CVRXpJ4c.css +0 -220
  183. package/dist/assets/TestDefinitionListView-BJVxwUdb.css +0 -80
  184. package/dist/assets/VariablesView-BnGnRwcl.css +0 -182
  185. package/dist/assets/WorkerView-CvXMClDD.css +0 -123
  186. package/dist/assets/WorkflowActivator-DSBGQvK0.css +0 -16
  187. package/dist/assets/WorkflowExecutionsInfoAccordion-f5tIRAwu.css +0 -33
  188. package/dist/assets/WorkflowExecutionsLandingPage-BodEQ5Bq.css +0 -23
  189. package/dist/assets/WorkflowExecutionsPreview-C-e7WZrK.css +0 -171
  190. package/dist/assets/WorkflowExecutionsView-CFOgmzpK.css +0 -178
  191. package/dist/assets/WorkflowHistory-D0ufvWsH.css +0 -181
  192. package/dist/assets/WorkflowPreview-DuLM6rtd.css +0 -40
  193. package/dist/assets/WorkflowsView-D5fBzfD4.css +0 -65
  194. package/dist/assets/testDefinition.store.ee-D3IYMf-K.js +0 -138
@@ -1,3108 +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-c8df34ba] {
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-c8df34ba] {
292
- margin-top: var(--spacing-xs);
293
- }
294
- .node-settings .header-side-menu[data-v-c8df34ba] {
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-c8df34ba] {
301
- padding-top: var(--spacing-5xs);
302
- }
303
- .node-settings .node-is-not-valid[data-v-c8df34ba] {
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-c8df34ba] {
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-c8df34ba] {
319
- border-color: var(--color-primary);
320
- box-shadow: 0px 6px 16px rgba(255, 74, 51, 0.15);
321
- }
322
- .parameter-content[data-v-c8df34ba] {
323
- font-size: 0.9em;
324
- margin-right: -15px;
325
- margin-left: -15px;
326
- }
327
- .parameter-content input[data-v-c8df34ba] {
328
- width: calc(100% - 35px);
329
- padding: 5px;
330
- }
331
- .parameter-content select[data-v-c8df34ba] {
332
- width: calc(100% - 20px);
333
- padding: 5px;
334
- }
335
- .parameter-content[data-v-c8df34ba]:before {
336
- display: table;
337
- content: " ";
338
- position: relative;
339
- box-sizing: border-box;
340
- clear: both;
341
- }
342
- .parameter-wrapper[data-v-c8df34ba] {
343
- padding: 0 1em;
344
- }
345
- .color-reset-button-wrapper[data-v-c8df34ba] {
346
- position: relative;
347
- }
348
- .color-reset-button[data-v-c8df34ba] {
349
- position: absolute;
350
- right: 7px;
351
- top: -25px;
352
- }
353
- .node-version[data-v-c8df34ba] {
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-c8df34ba] {
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-65b53fb0] {
889
- height: 100%;
890
- }[data-v-65b53fb0] .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-8dc919bb] {
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-8dc919bb] {
1961
- position: fixed;
1962
- }
1963
- .node-view[data-v-8dc919bb] {
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-8dc919bb] {
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-8dc919bb] {
1978
- cursor: grab;
1979
- cursor: -webkit-grab;
1980
- touch-action: none;
1981
- }
1982
- .move-in-process[data-v-8dc919bb] {
1983
- cursor: grabbing;
1984
- cursor: -webkit-grabbing;
1985
- touch-action: none;
1986
- }
1987
- .workflow-execute-wrapper[data-v-8dc919bb] {
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-8dc919bb] {
1999
- bottom: 150px;
2000
- }
2001
- }
2002
- .workflow-execute-wrapper button[data-v-8dc919bb] {
2003
- display: flex;
2004
- justify-content: center;
2005
- align-items: center;
2006
- margin-left: 0.625rem;
2007
- }
2008
- .workflow-execute-wrapper button[data-v-8dc919bb]: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-8dc919bb] *,
2014
- .jtk-drag-select[data-v-8dc919bb] * {
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-8dc919bb] .node-view .jtk-connector.success:not(.jtk-hover) path:not(.jtk-connector-outline) {
2453
- stroke: var(--color-success-light);
2454
- }
2455
- [data-v-8dc919bb] .node-view .jtk-connector.success:not(.jtk-hover) path[jtk-overlay-id=reverse-arrow],[data-v-8dc919bb] .node-view .jtk-connector.success:not(.jtk-hover) path[jtk-overlay-id=endpoint-arrow],[data-v-8dc919bb] .node-view .jtk-connector.success:not(.jtk-hover) path[jtk-overlay-id=midpoint-arrow] {
2456
- fill: var(--color-success-light);
2457
- }
2458
- [data-v-8dc919bb] .node-view .connection-run-items-label.success {
2459
- color: var(--color-success);
2460
- }
2461
- [data-v-8dc919bb] .node-view .jtk-connector.success.pinned:not(.jtk-hover) path:not(.jtk-connector-outline) {
2462
- stroke: var(--color-foreground-xdark);
2463
- }
2464
- [data-v-8dc919bb] .node-view .jtk-connector.success.pinned:not(.jtk-hover) path[jtk-overlay-id=reverse-arrow],[data-v-8dc919bb] .node-view .jtk-connector.success.pinned:not(.jtk-hover) path[jtk-overlay-id=endpoint-arrow],[data-v-8dc919bb] .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-8dc919bb] .node-view .connection-run-items-label.success.pinned {
2468
- color: var(--color-foreground-xdark);
2469
- }
2470
- [data-v-8dc919bb] .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-8dc919bb] .node-view .jtk-connector.success.pinned.has-run:not(.jtk-hover) path[jtk-overlay-id=reverse-arrow],[data-v-8dc919bb] .node-view .jtk-connector.success.pinned.has-run:not(.jtk-hover) path[jtk-overlay-id=endpoint-arrow],[data-v-8dc919bb] .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-8dc919bb] .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_fur24_1 {
2483
- transition-property: stroke, opacity;
2484
- transition-duration: 300ms;
2485
- transition-timing-function: ease;
2486
- opacity: 0;
2487
- }
2488
- ._edge_fur24_1._visible_fur24_7 {
2489
- opacity: 1;
2490
- }._popover_11z2c_1 {
2491
- min-width: 208px;
2492
- margin-bottom: -8px;
2493
- margin-left: -2px;
2494
- }
2495
- ._content_11z2c_7 {
2496
- display: flex;
2497
- flex-direction: row;
2498
- width: -moz-fit-content;
2499
- width: fit-content;
2500
- gap: var(--spacing-2xs);
2501
- }
2502
- ._color_11z2c_14 {
2503
- width: 20px;
2504
- height: 20px;
2505
- border-width: 1px;
2506
- border-style: solid;
2507
- border-color: var(--color-foreground-xdark);
2508
- border-radius: 50%;
2509
- background: var(--color-sticky-background);
2510
- }
2511
- ._color_11z2c_14:hover {
2512
- cursor: pointer;
2513
- }
2514
- ._color_11z2c_14._selected_11z2c_26 {
2515
- box-shadow: 0 0 0 1px var(--color-sticky-background);
2516
- }
2517
- ._color_11z2c_14._sticky-color-1_11z2c_29 {
2518
- --color-sticky-background: var(--color-sticky-background-1);
2519
- }
2520
- ._color_11z2c_14._sticky-color-2_11z2c_32 {
2521
- --color-sticky-background: var(--color-sticky-background-2);
2522
- }
2523
- ._color_11z2c_14._sticky-color-3_11z2c_35 {
2524
- --color-sticky-background: var(--color-sticky-background-3);
2525
- }
2526
- ._color_11z2c_14._sticky-color-4_11z2c_38 {
2527
- --color-sticky-background: var(--color-sticky-background-4);
2528
- }
2529
- ._color_11z2c_14._sticky-color-5_11z2c_41 {
2530
- --color-sticky-background: var(--color-sticky-background-5);
2531
- }
2532
- ._color_11z2c_14._sticky-color-6_11z2c_44 {
2533
- --color-sticky-background: var(--color-sticky-background-6);
2534
- }
2535
- ._color_11z2c_14._sticky-color-7_11z2c_47 {
2536
- --color-sticky-background: var(--color-sticky-background-7);
2537
- }
2538
- ._option_11z2c_51 {
2539
- display: inline-block;
2540
- padding: var(--spacing-3xs);
2541
- color: var(--color-text-light);
2542
- }
2543
- ._option_11z2c_51 svg {
2544
- width: var(--font-size-s) !important;
2545
- }
2546
- ._option_11z2c_51:hover {
2547
- color: var(--color-primary);
2548
- }._canvasNodeToolbar_u6y4v_1 {
2549
- padding-bottom: var(--spacing-xs);
2550
- display: flex;
2551
- justify-content: flex-end;
2552
- width: 100%;
2553
- }
2554
- ._canvasNodeToolbarItems_u6y4v_8 {
2555
- display: flex;
2556
- align-items: center;
2557
- justify-content: center;
2558
- background-color: var(--color-canvas-background);
2559
- border-radius: var(--border-radius-base);
2560
- }
2561
- ._canvasNodeToolbarItems_u6y4v_8 .button {
2562
- --button-font-color: var(--color-text-light);
2563
- }
2564
- ._forceVisible_u6y4v_19 {
2565
- opacity: 1 !important;
2566
- }._disabledStrikeThrough_8cj0z_1 {
2567
- border: 1px solid var(--color-foreground-dark);
2568
- position: absolute;
2569
- top: calc(var(--canvas-node--height) / 2 - 1px);
2570
- left: -4px;
2571
- width: calc(100% + 12px);
2572
- pointer-events: none;
2573
- }
2574
- ._success_8cj0z_10 {
2575
- border-color: var(--color-success-light);
2576
- }._status_l067o_1 {
2577
- display: flex;
2578
- align-items: center;
2579
- gap: var(--spacing-5xs);
2580
- }
2581
- ._runData_l067o_7 {
2582
- font-weight: 600;
2583
- color: var(--color-success);
2584
- }
2585
- ._waiting_l067o_12 {
2586
- color: var(--color-secondary);
2587
- }
2588
- ._pinnedData_l067o_16 {
2589
- color: var(--color-secondary);
2590
- }
2591
- ._running_l067o_20 {
2592
- width: calc(100% - 2 * var(--canvas-node--status-icons-offset));
2593
- height: calc(100% - 2 * var(--canvas-node--status-icons-offset));
2594
- display: flex;
2595
- align-items: center;
2596
- justify-content: center;
2597
- font-size: 3.75em;
2598
- color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.7);
2599
- }
2600
- ._node-waiting-spinner_l067o_30 {
2601
- display: flex;
2602
- align-items: center;
2603
- justify-content: center;
2604
- font-size: 3.75em;
2605
- color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.7);
2606
- width: 100%;
2607
- height: 100%;
2608
- position: absolute;
2609
- left: -34px;
2610
- top: -34px;
2611
- }
2612
- ._issues_l067o_43 {
2613
- color: var(--color-danger);
2614
- cursor: default;
2615
- }
2616
- ._count_l067o_48 {
2617
- font-size: var(--font-size-s);
2618
- }._triggerIcon_5iv33_1 {
2619
- position: absolute;
2620
- right: 100%;
2621
- margin: auto;
2622
- color: var(--color-primary);
2623
- padding: var(--spacing-2xs);
2624
- }._tooltipTrigger_1e5ow_1 {
2625
- position: absolute;
2626
- top: 0;
2627
- left: 0;
2628
- width: 100%;
2629
- height: 1px;
2630
- }
2631
- ._popper_1e5ow_9 {
2632
- white-space: nowrap;
2633
- }._node_jxon2_1 {
2634
- --canvas-node--max-vertical-handles: max(
2635
- var(--canvas-node--main-input-count),
2636
- var(--canvas-node--main-output-count),
2637
- 1
2638
- );
2639
- --canvas-node--height: calc(100px + max(0, var(--canvas-node--max-vertical-handles) - 3) * 42px);
2640
- --canvas-node--width: 100px;
2641
- --canvas-node-border-width: 2px;
2642
- --configurable-node--min-input-count: 4;
2643
- --configurable-node--input-width: 64px;
2644
- --configurable-node--icon-offset: 40px;
2645
- --configurable-node--icon-size: 30px;
2646
- --trigger-node--border-radius: 36px;
2647
- --canvas-node--status-icons-offset: var(--spacing-2xs);
2648
- position: relative;
2649
- height: var(--canvas-node--height);
2650
- width: var(--canvas-node--width);
2651
- display: flex;
2652
- align-items: center;
2653
- justify-content: center;
2654
- background: var(--canvas-node--background, var(--color-node-background));
2655
- border: var(--canvas-node-border-width) solid var(--canvas-node--border-color, var(--color-foreground-xdark));
2656
- border-radius: var(--border-radius-large);
2657
- /**
2658
- * Node types
2659
- */
2660
- /**
2661
- * State classes
2662
- * The reverse order defines the priority in case multiple states are active
2663
- */
2664
- }
2665
- ._node_jxon2_1._trigger_jxon2_33 {
2666
- border-radius: var(--trigger-node--border-radius) var(--border-radius-large) var(--border-radius-large) var(--trigger-node--border-radius);
2667
- }
2668
- ._node_jxon2_1._configuration_jxon2_36 {
2669
- --canvas-node--width: 80px;
2670
- --canvas-node--height: 80px;
2671
- background: var(--canvas-node--background, var(--node-type-supplemental-background));
2672
- border: var(--canvas-node-border-width) solid var(--canvas-node--border-color, var(--color-foreground-dark));
2673
- border-radius: 50px;
2674
- }
2675
- ._node_jxon2_1._configuration_jxon2_36 ._statusIcons_jxon2_43 {
2676
- right: unset;
2677
- }
2678
- ._node_jxon2_1._configurable_jxon2_46 {
2679
- --canvas-node--height: 100px;
2680
- --canvas-node--width: calc(
2681
- max(var(--configurable-node--input-count, 4), var(--configurable-node--min-input-count)) *
2682
- var(--configurable-node--input-width)
2683
- );
2684
- }
2685
- ._node_jxon2_1._configurable_jxon2_46 ._description_jxon2_53 {
2686
- top: unset;
2687
- position: relative;
2688
- margin-top: 0;
2689
- margin-left: var(--spacing-s);
2690
- width: auto;
2691
- min-width: unset;
2692
- max-width: calc(var(--canvas-node--width) - var(--configurable-node--icon-offset) - var(--configurable-node--icon-size) - 2 * var(--spacing-s));
2693
- }
2694
- ._node_jxon2_1._configurable_jxon2_46 ._label_jxon2_62 {
2695
- text-align: left;
2696
- }
2697
- ._node_jxon2_1._configurable_jxon2_46._configuration_jxon2_36 {
2698
- --canvas-node--height: 75px;
2699
- }
2700
- ._node_jxon2_1._configurable_jxon2_46._configuration_jxon2_36 ._statusIcons_jxon2_43 {
2701
- right: calc(-1 * var(--spacing-2xs));
2702
- bottom: 0;
2703
- }
2704
- ._node_jxon2_1._selected_jxon2_72 {
2705
- box-shadow: 0 0 0 8px var(--color-canvas-selected-transparent);
2706
- }
2707
- ._node_jxon2_1._success_jxon2_75 {
2708
- border-color: var(--color-canvas-node-success-border-color, var(--color-success));
2709
- }
2710
- ._node_jxon2_1._error_jxon2_78 {
2711
- border-color: var(--color-canvas-node-error-border-color, var(--color-danger));
2712
- }
2713
- ._node_jxon2_1._pinned_jxon2_81 {
2714
- border-color: var(--color-canvas-node-pinned-border-color, var(--color-node-pinned-border));
2715
- }
2716
- ._node_jxon2_1._disabled_jxon2_84 {
2717
- border-color: var(--color-canvas-node-disabled-border-color, var(--color-foreground-base));
2718
- }
2719
- ._node_jxon2_1._running_jxon2_87 {
2720
- background-color: var(--color-node-executing-background);
2721
- border-color: var(--color-canvas-node-running-border-color, var(--color-node-running-border));
2722
- }
2723
- ._node_jxon2_1._waiting_jxon2_91 {
2724
- border-color: var(--color-canvas-node-waiting-border-color, var(--color-secondary));
2725
- }
2726
- ._description_jxon2_53 {
2727
- top: 100%;
2728
- position: absolute;
2729
- width: 100%;
2730
- min-width: calc(var(--canvas-node--width) * 2);
2731
- margin-top: var(--spacing-2xs);
2732
- display: flex;
2733
- flex-direction: column;
2734
- gap: var(--spacing-4xs);
2735
- align-items: center;
2736
- }
2737
- ._label_jxon2_62,
2738
- ._disabledLabel_jxon2_108 {
2739
- font-size: var(--font-size-m);
2740
- text-align: center;
2741
- text-overflow: ellipsis;
2742
- display: -webkit-box;
2743
- -webkit-box-orient: vertical;
2744
- -webkit-line-clamp: 2;
2745
- overflow: hidden;
2746
- overflow-wrap: anywhere;
2747
- font-weight: var(--font-weight-bold);
2748
- line-height: var(--font-line-height-compact);
2749
- }
2750
- ._subtitle_jxon2_121 {
2751
- width: 100%;
2752
- text-align: center;
2753
- color: var(--color-text-light);
2754
- font-size: var(--font-size-xs);
2755
- white-space: nowrap;
2756
- overflow: hidden;
2757
- text-overflow: ellipsis;
2758
- line-height: var(--font-line-height-compact);
2759
- font-weight: 400;
2760
- }
2761
- ._statusIcons_jxon2_43 {
2762
- position: absolute;
2763
- bottom: var(--canvas-node--status-icons-offset);
2764
- right: var(--canvas-node--status-icons-offset);
2765
- }._sticky_ko0n2_1 {
2766
- position: relative;
2767
- /**
2768
- * State classes
2769
- * The reverse order defines the priority in case multiple states are active
2770
- */
2771
- }
2772
- ._sticky_ko0n2_1._selected_ko0n2_8 {
2773
- box-shadow: 0 0 0 4px var(--color-canvas-selected);
2774
- }._addNodes_13pm7_1 {
2775
- display: flex;
2776
- flex-direction: column;
2777
- align-items: center;
2778
- justify-content: center;
2779
- width: 100px;
2780
- height: 100px;
2781
- }
2782
- ._addNodes_13pm7_1:hover ._button_13pm7_9 svg path {
2783
- fill: var(--color-primary);
2784
- }
2785
- ._button_13pm7_9 {
2786
- background: var(--color-foreground-xlight);
2787
- border: 2px dashed var(--color-foreground-xdark);
2788
- border-radius: 8px;
2789
- padding: 0;
2790
- min-width: 100px;
2791
- min-height: 100px;
2792
- cursor: pointer;
2793
- }
2794
- ._button_13pm7_9 svg {
2795
- width: 26px !important;
2796
- height: 40px;
2797
- }
2798
- ._button_13pm7_9 svg path {
2799
- fill: var(--color-foreground-xdark);
2800
- }
2801
- ._label_13pm7_30 {
2802
- width: max-content;
2803
- font-weight: var(--font-weight-bold);
2804
- font-size: var(--font-size-m);
2805
- line-height: var(--font-line-height-xloose);
2806
- color: var(--color-text-dark);
2807
- margin-top: var(--spacing-2xs);
2808
- }._rectangle_m7e52_1 {
2809
- width: var(--handle--indicator--width);
2810
- height: var(--handle--indicator--height);
2811
- background: var(--color-foreground-xdark);
2812
- }
2813
- ._rectangle_m7e52_1:hover {
2814
- background: var(--color-primary);
2815
- }._handle_1f1io_1 {
2816
- display: flex;
2817
- flex-direction: column;
2818
- align-items: center;
2819
- justify-content: center;
2820
- }
2821
- ._label_1f1io_8 {
2822
- position: absolute;
2823
- top: 50%;
2824
- left: calc(var(--spacing-xs) * -1);
2825
- transform: translate(-100%, -50%);
2826
- font-size: var(--font-size-2xs);
2827
- color: var(--color-foreground-xdark);
2828
- background: var(--color-canvas-label-background);
2829
- z-index: 1;
2830
- text-align: center;
2831
- white-space: nowrap;
2832
- }
2833
- ._required_1f1io_21 ._label_1f1io_8::after {
2834
- content: "*";
2835
- color: var(--color-danger);
2836
- }._wrapper_ektk2_1 {
2837
- position: relative;
2838
- }
2839
- ._wrapper_ektk2_1._secondary_ektk2_4 ._line_ektk2_4 {
2840
- stroke: var(--node-type-supplemental-color);
2841
- }
2842
- ._wrapper_ektk2_1._secondary_ektk2_4 ._plus_ektk2_7 path {
2843
- fill: var(--node-type-supplemental-color);
2844
- }
2845
- ._wrapper_ektk2_1._secondary_ektk2_4 ._plus_ektk2_7 rect {
2846
- stroke: var(--node-type-supplemental-color);
2847
- }
2848
- ._wrapper_ektk2_1._success_ektk2_13 ._line_ektk2_4 {
2849
- stroke: var(--color-success);
2850
- }
2851
- ._wrapper_ektk2_1 ._plus_ektk2_7:hover {
2852
- cursor: pointer;
2853
- }
2854
- ._wrapper_ektk2_1 ._plus_ektk2_7:hover path {
2855
- fill: var(--color-primary);
2856
- }
2857
- ._wrapper_ektk2_1 ._plus_ektk2_7:hover rect {
2858
- stroke: var(--color-primary);
2859
- }._dot_14pp2_1 {
2860
- width: var(--handle--indicator--width);
2861
- height: var(--handle--indicator--height);
2862
- border-radius: 50%;
2863
- background: var(--color-foreground-xdark);
2864
- }
2865
- ._dot_14pp2_1:hover {
2866
- background: var(--color-primary);
2867
- }._handle_lbwuh_1 {
2868
- display: flex;
2869
- flex-direction: row;
2870
- align-items: center;
2871
- justify-content: center;
2872
- }
2873
- ._handle_lbwuh_1._connected_lbwuh_7 ._label_lbwuh_7 {
2874
- max-width: 96px;
2875
- }
2876
- ._label_lbwuh_7 {
2877
- position: absolute;
2878
- background: var(--color-canvas-label-background);
2879
- z-index: 1;
2880
- max-width: calc(100% - var(--spacing-m) - 24px);
2881
- white-space: nowrap;
2882
- text-overflow: ellipsis;
2883
- overflow: hidden;
2884
- }
2885
- ._required_lbwuh_21 ._label_lbwuh_7::after {
2886
- content: "*";
2887
- color: var(--color-danger);
2888
- }
2889
- ._outputLabel_lbwuh_26 {
2890
- top: 50%;
2891
- left: var(--spacing-m);
2892
- transform: translate(0, -50%);
2893
- font-size: var(--font-size-2xs);
2894
- color: var(--color-foreground-xdark);
2895
- }
2896
- ._runDataLabel_lbwuh_34 {
2897
- position: absolute;
2898
- top: 0;
2899
- left: 50%;
2900
- transform: translate(-50%, -50%);
2901
- font-size: var(--font-size-xs);
2902
- color: var(--color-success);
2903
- }.canvas-node-handle-main-output-enter-active,
2904
- .canvas-node-handle-main-output-leave-active {
2905
- transform-origin: 0 center;
2906
- transition-property: transform, opacity;
2907
- transition-duration: 0.2s;
2908
- transition-timing-function: ease;
2909
- }
2910
- .canvas-node-handle-main-output-enter-from,
2911
- .canvas-node-handle-main-output-leave-to {
2912
- transform: scale(0);
2913
- opacity: 0;
2914
- }._diamond_1pjv3_1 {
2915
- width: var(--handle--indicator--width);
2916
- height: var(--handle--indicator--height);
2917
- background: var(--node-type-supplemental-color);
2918
- transform: rotate(45deg) scale(0.8);
2919
- }
2920
- ._diamond_1pjv3_1:hover {
2921
- background: var(--color-primary);
2922
- }._handle_6focw_1 {
2923
- display: flex;
2924
- flex-direction: column;
2925
- align-items: center;
2926
- justify-content: center;
2927
- }
2928
- ._label_6focw_8 {
2929
- position: absolute;
2930
- top: 20px;
2931
- left: 50%;
2932
- transform: translate(-50%, 0);
2933
- font-size: var(--font-size-2xs);
2934
- color: var(--node-type-supplemental-color);
2935
- background: var(--color-canvas-label-background);
2936
- z-index: 1;
2937
- text-align: center;
2938
- white-space: nowrap;
2939
- }
2940
- ._required_6focw_21 ._label_6focw_8::after {
2941
- content: "*";
2942
- color: var(--color-danger);
2943
- }.canvas-node-handle-non-main-input-enter-active,
2944
- .canvas-node-handle-non-main-input-leave-active {
2945
- transform-origin: center 0;
2946
- transition-property: transform, opacity;
2947
- transition-duration: 0.2s;
2948
- transition-timing-function: ease;
2949
- }
2950
- .canvas-node-handle-non-main-input-enter-from,
2951
- .canvas-node-handle-non-main-input-leave-to {
2952
- transform: scale(0);
2953
- opacity: 0;
2954
- }._handle_1q4ej_1 {
2955
- display: flex;
2956
- flex-direction: row;
2957
- align-items: center;
2958
- justify-content: center;
2959
- }
2960
- ._label_1q4ej_8 {
2961
- position: absolute;
2962
- top: -20px;
2963
- left: 50%;
2964
- transform: translate(-50%, 0);
2965
- font-size: var(--font-size-2xs);
2966
- color: var(--node-type-supplemental-color);
2967
- background: var(--color-canvas-label-background);
2968
- z-index: 0;
2969
- white-space: nowrap;
2970
- }
2971
- ._required_1q4ej_20 ._label_1q4ej_8::after {
2972
- content: "*";
2973
- color: var(--color-danger);
2974
- }
2975
- .vue-flow__handle:not(.connectionindicator) ._plus_1q4ej_25 {
2976
- display: none;
2977
- position: absolute;
2978
- }._handle_3cwat_1 {
2979
- --handle--indicator--width: 16px;
2980
- --handle--indicator--height: 16px;
2981
- width: var(--handle--indicator--width);
2982
- height: var(--handle--indicator--height);
2983
- display: inline-flex;
2984
- justify-content: center;
2985
- align-items: center;
2986
- border: 0;
2987
- z-index: 1;
2988
- background: transparent;
2989
- border-radius: 0;
2990
- }
2991
- ._handle_3cwat_1._inputs_3cwat_14._main_3cwat_14 {
2992
- --handle--indicator--width: 8px;
2993
- }
2994
- ._renderType_3cwat_18._top_3cwat_18 {
2995
- margin-bottom: calc(-1 * var(--handle--indicator--height));
2996
- transform: translate(0%, -50%);
2997
- }
2998
- ._renderType_3cwat_18._right_3cwat_22 {
2999
- margin-left: calc(-1 * var(--handle--indicator--width));
3000
- transform: translate(50%, 0%);
3001
- }
3002
- ._renderType_3cwat_18._left_3cwat_26 {
3003
- margin-right: calc(-1 * var(--handle--indicator--width));
3004
- transform: translate(-50%, 0%);
3005
- }
3006
- ._renderType_3cwat_18._bottom_3cwat_30 {
3007
- margin-top: calc(-1 * var(--handle--indicator--height));
3008
- transform: translate(0%, 50%);
3009
- }._canvasNode_1t8sb_1:hover ._canvasNodeToolbar_1t8sb_1, ._canvasNode_1t8sb_1:focus-within ._canvasNodeToolbar_1t8sb_1, ._canvasNode_1t8sb_1._showToolbar_1t8sb_1 ._canvasNodeToolbar_1t8sb_1 {
3010
- opacity: 1;
3011
- }
3012
- ._canvasNodeToolbar_1t8sb_1 {
3013
- transition: opacity 0.1s ease-in;
3014
- position: absolute;
3015
- top: 0;
3016
- left: 50%;
3017
- transform: translate(-50%, -100%);
3018
- opacity: 0;
3019
- z-index: 1;
3020
- }
3021
- ._canvasNodeToolbar_1t8sb_1:focus-within, ._canvasNodeToolbar_1t8sb_1:hover {
3022
- opacity: 1;
3023
- }._canvasEdgeToolbar_gool4_1 {
3024
- display: flex;
3025
- justify-content: center;
3026
- align-items: center;
3027
- gap: var(--spacing-2xs);
3028
- pointer-events: all;
3029
- }[data-theme=dark] .canvas-edge-toolbar-button {
3030
- --button-background-color: var(--color-background-base);
3031
- --button-hover-background-color: var(--color-background-light);
3032
- }
3033
- .canvas-edge-toolbar-button {
3034
- border-width: 2px;
3035
- }._edge_1nj9v_1 {
3036
- transition: stroke 0.3s ease, fill 0.3s ease;
3037
- }
3038
- ._edgeLabelWrapper_1nj9v_5 {
3039
- transform: translateY(calc(var(--spacing-xs) * -1));
3040
- position: absolute;
3041
- }
3042
- ._edgeLabel_1nj9v_5 {
3043
- font-size: var(--font-size-xs);
3044
- background-color: hsla(var(--color-canvas-background-h), var(--color-canvas-background-s), var(--color-canvas-background-l), 0.85);
3045
- }
3046
- path[data-v-161512f5] {
3047
- stroke: var(--color-canvas-read-only-line);
3048
- }
3049
- ._canvas_1d3ig_1 {
3050
- width: 100%;
3051
- height: 100%;
3052
- opacity: 0;
3053
- transition: opacity 300ms ease;
3054
- }
3055
- ._canvas_1d3ig_1._ready_1d3ig_7 {
3056
- opacity: 1;
3057
- }
3058
- ._canvas_1d3ig_1 .vue-flow__pane {
3059
- cursor: grab;
3060
- }
3061
- ._canvas_1d3ig_1 .vue-flow__pane.selection {
3062
- cursor: default;
3063
- }
3064
- ._canvas_1d3ig_1 .vue-flow__pane.dragging {
3065
- cursor: grabbing;
3066
- }.minimap-enter-active[data-v-4789eb0f],
3067
- .minimap-leave-active[data-v-4789eb0f] {
3068
- transition: opacity 0.3s ease;
3069
- }
3070
- .minimap-enter-from[data-v-4789eb0f],
3071
- .minimap-leave-to[data-v-4789eb0f] {
3072
- opacity: 0;
3073
- }._wrapper_t1ugk_1 {
3074
- display: block;
3075
- position: relative;
3076
- width: 100%;
3077
- height: 100%;
3078
- overflow: hidden;
3079
- }
3080
- ._canvas_t1ugk_9 {
3081
- width: 100%;
3082
- height: 100%;
3083
- position: relative;
3084
- display: block;
3085
- }._executionButtons_1bnph_1 {
3086
- position: absolute;
3087
- display: flex;
3088
- justify-content: center;
3089
- align-items: center;
3090
- left: 50%;
3091
- transform: translateX(-50%);
3092
- bottom: var(--spacing-l);
3093
- width: auto;
3094
- }
3095
- @media (max-width: 600px) {
3096
- ._executionButtons_1bnph_1 {
3097
- bottom: 150px;
3098
- }
3099
- }
3100
- ._executionButtons_1bnph_1 button {
3101
- display: flex;
3102
- justify-content: center;
3103
- align-items: center;
3104
- margin-left: 0.625rem;
3105
- }
3106
- ._executionButtons_1bnph_1 button:first-child {
3107
- margin: 0;
3108
- }