@kestra-io/ui-libs 0.0.222 → 0.0.224

package/dist/kestra-vueflowutils.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vue-flow/core");const e=require("./VueFlowUtils-Dh7ybprm.cjs");require("./FlowYamlUtils-CwE38P6I.cjs");exports.areTasksIdenticalInGraphUntilTask=e.areTasksIdenticalInGraphUntilTask;exports.cleanGraph=e.cleanGraph;exports.computeClusterColor=e.computeClusterColor;exports.default=e.VueFlowUtils;exports.flowHaveTasks=e.flowHaveTasks;exports.generateDagreGraph=e.generateDagreGraph;exports.generateGraph=e.generateGraph;exports.getEdgeColor=e.getEdgeColor;exports.getNextTaskNodes=e.getNextTaskNodes;exports.getNodeHeight=e.getNodeHeight;exports.getNodePosition=e.getNodePosition;exports.getNodeWidth=e.getNodeWidth;exports.getRootNodes=e.getRootNodes;exports.getTargetNodesEdges=e.getTargetNodesEdges;exports.haveAdd=e.haveAdd;exports.isClusterRootOrEnd=e.isClusterRootOrEnd;exports.isCollapsedCluster=e.isCollapsedCluster;exports.isExpandableTask=e.isExpandableTask;exports.isTaskNode=e.isTaskNode;exports.isTriggerNode=e.isTriggerNode;exports.linkedElements=e.linkedElements;exports.nodeColor=e.nodeColor;exports.predecessorsEdge=e.predecessorsEdge;exports.predecessorsNode=e.predecessorsNode;exports.replaceIfCollapsed=e.replaceIfCollapsed;exports.successorsEdge=e.successorsEdge;exports.successorsNode=e.successorsNode;
+//# sourceMappingURL=kestra-vueflowutils.cjs.js.map

package/dist/kestra-vueflowutils.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kestra-vueflowutils.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/kestra-vueflowutils.es.js

@@ -0,0 +1,33 @@
+import "@vue-flow/core";
+import { I as r, c as t, B as d, V as l, w as g, k as i, g as p, z as n, H as c, o as N, m as h, n as k, F as u, G as C, y as T, A as E, u as m, D as G, q as f, t as x, l as I, x as v, p as H, i as w, v as A, h as D, j as R } from "./VueFlowUtils-DKrM_RaI.js";
+import "./FlowYamlUtils-BnXiRqSX.js";
+export {
+  r as areTasksIdenticalInGraphUntilTask,
+  t as cleanGraph,
+  d as computeClusterColor,
+  l as default,
+  g as flowHaveTasks,
+  i as generateDagreGraph,
+  p as generateGraph,
+  n as getEdgeColor,
+  c as getNextTaskNodes,
+  N as getNodeHeight,
+  h as getNodePosition,
+  k as getNodeWidth,
+  u as getRootNodes,
+  C as getTargetNodesEdges,
+  T as haveAdd,
+  E as isClusterRootOrEnd,
+  m as isCollapsedCluster,
+  G as isExpandableTask,
+  f as isTaskNode,
+  x as isTriggerNode,
+  I as linkedElements,
+  v as nodeColor,
+  H as predecessorsEdge,
+  w as predecessorsNode,
+  A as replaceIfCollapsed,
+  D as successorsEdge,
+  R as successorsNode
+};
+//# sourceMappingURL=kestra-vueflowutils.es.js.map

package/dist/kestra-vueflowutils.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kestra-vueflowutils.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/ui-libs.css

@@ -1 +1 @@
-:root{--ks-background-body: #f9f9fa;--ks-background-box: #f9f9fa;--ks-background-cancelled: #fec9cb;--ks-background-card: #ffffff;--ks-background-card-hover: #ffffff;--ks-background-card-opacity: rgba(27, 28, 35, .8980392157);--ks-background-created: rgba(199, 240, 255, .39);--ks-background-error: #fff2f3;--ks-background-failed: #fff2f3;--ks-background-info: #c7f0ff;--ks-background-input: #ffffff;--ks-background-killed: #fffbef;--ks-background-killing: #fffbef;--ks-background-left-menu: #ffffff;--ks-background-logo: #2c0059;--ks-background-panel: #ffffff;--ks-background-paused: rgba(178, 178, 181, .2588235294);--ks-background-queued: #fffbef;--ks-background-restarted: #c7f0ff;--ks-background-retried: rgba(23, 97, 253, .2);--ks-background-retrying: #c7f0ff;--ks-background-running: #c7f0ff;--ks-background-skipped: rgba(178, 178, 181, .2588235294);--ks-background-success: #e4f9f3;--ks-background-table-header: #f9f9fa;--ks-background-table-row: #ffffff;--ks-background-table-row-hover: #f9f9fa;--ks-background-warning: #fff2ea;--ks-badge-background: #c7f0ff;--ks-badge-border: #3991ff;--ks-badge-content: #134ecc;--ks-border-active: #8405ff;--ks-border-cancelled: #fd7278;--ks-border-created: #7fbbff;--ks-border-error: #fd7278;--ks-border-failed: #fd7278;--ks-border-inactive: #ecebef;--ks-border-info: #7fbbff;--ks-border-killed: #ddc46d;--ks-border-killing: #fde592;--ks-border-paused: #cfd3d6;--ks-border-primary: #e1e3e5;--ks-border-queued: #ddc46d;--ks-border-restarted: #a2cdff;--ks-border-retried: #134ecc;--ks-border-retrying: #1761fd;--ks-border-running: #3991ff;--ks-border-secondary: #ecebef;--ks-border-skipped: #cfd3d6;--ks-border-success: #21ce9c;--ks-border-system: #3991ff;--ks-border-warning: #e9985b;--ks-button-background-inactive: #f9f9fa;--ks-button-background-primary: #8405ff;--ks-button-background-primary-active: #7400df;--ks-button-background-primary-hover: #8c4bff;--ks-button-background-secondary: #ffffff;--ks-button-background-secondary-active: #ecebef;--ks-button-background-secondary-hover: #f9f9fa;--ks-button-background-success: #029e73;--ks-button-background-success-active: #017f5c;--ks-button-background-success-hover: #02be8a;--ks-button-content-primary: #ffffff;--ks-card-shadow: #ecebef;--ks-chart-cancelled: #fd9297;--ks-chart-created: #1761fd;--ks-chart-debug: #7fbbff;--ks-chart-error: #fd7278;--ks-chart-failed: #fd7278;--ks-chart-info: #5bb8ff;--ks-chart-killed: #fdeaa8;--ks-chart-killing: #fde89d;--ks-chart-paused: #cfd3d6;--ks-chart-queued: #fdedb3;--ks-chart-restarted: #c7f0ff;--ks-chart-retried: #a2cdff;--ks-chart-retrying: #7fbbff;--ks-chart-running: #5bb8ff;--ks-chart-skipped: #cfd3d6;--ks-chart-success: #02be8a;--ks-chart-trace: #cfd3d6;--ks-chart-warn: #eeae7e;--ks-chart-warning: #f3c4a1;--ks-content-alert: #ab0009;--ks-content-cancelled: #ab0009;--ks-content-created: #1761fd;--ks-content-error: #ab0009;--ks-content-failed: #ab0009;--ks-content-id: #8405ff;--ks-content-inactive: #9797a6;--ks-content-info: #134ecc;--ks-content-inverse: #ffffff;--ks-content-killed: #7e703e;--ks-content-killing: #dd5f00;--ks-content-link: #8405ff;--ks-content-link-hover: #9470ff;--ks-content-paused: #2f3342;--ks-content-primary: #14181f;--ks-content-queued: #9e8c4e;--ks-content-restarted: #134ecc;--ks-content-retried: #051538;--ks-content-retrying: #0e3b9a;--ks-content-running: #134ecc;--ks-content-secondary: #262a35;--ks-content-skipped: #2f3342;--ks-content-success: #016046;--ks-content-tertiary: #9797a6;--ks-content-warning: #dd5f00;--ks-dialog-background: #ffffff;--ks-dialog-border: #cfd3d6;--ks-dialog-header: #ffffff;--ks-dialog-headerbtn: #9797a6;--ks-dialog-headerbtn-hover: #9470ff;--ks-dropdown-background: #ffffff;--ks-dropdown-background-active: #f9f9fa;--ks-dropdown-background-hover: #f9f9fa;--ks-editor-number: #c15300;--ks-editor-pabble: #e58238;--ks-editor-property: #8405ff;--ks-editor-punctuation: #404559;--ks-editor-value: #14181f;--ks-log-background-debug: #c7f0ff;--ks-log-background-error: #fff2f3;--ks-log-background-info: #c7f0ff;--ks-log-background-trace: #ecebef;--ks-log-background-warn: #fff2ea;--ks-log-border-debug: #3991ff;--ks-log-border-error: #e3262f;--ks-log-border-info: #7fbbff;--ks-log-border-trace: #9797a6;--ks-log-border-warn: #e58238;--ks-log-content-debug: #134ecc;--ks-log-content-error: #ab0009;--ks-log-content-info: #134ecc;--ks-log-content-trace: #2f3342;--ks-log-content-warn: #8a3b00;--ks-scrollbar-background: #ecebef;--ks-scrollbar-content: #cfd3d6;--ks-select-active: #ffffff;--ks-select-active-icon: #8405ff;--ks-select-background: #ffffff;--ks-select-border: #cfd3d6;--ks-select-hover: #f9f9fa;--ks-tag-background: #ecebef;--ks-tag-background-active: #f9f9fa;--ks-tag-background-hover: #cfd3d6;--ks-tag-content: #20232d;--ks-tooltip-background: #ffffff;--ks-tooltip-border: #9797a6}html.dark{--ks-background-body: #20232d;--ks-background-box: #20232d;--ks-background-cancelled: rgba(253, 146, 151, .2);--ks-background-card: #2f3342;--ks-background-card-hover: #404559;--ks-background-card-opacity: rgba(18, 19, 25, .8980392157);--ks-background-created: rgba(57, 145, 255, .2);--ks-background-error: rgba(38, 0, 2, .2);--ks-background-failed: rgba(38, 0, 2, .2);--ks-background-info: rgba(14, 59, 154, .2);--ks-background-input: #14181f;--ks-background-killed: rgba(253, 229, 146, .1);--ks-background-killing: rgba(126, 112, 62, .2);--ks-background-left-menu: #1e202a;--ks-background-logo: rgba(44, 0, 89, 0);--ks-background-panel: #1e202a;--ks-background-paused: #2f3342;--ks-background-queued: #262a35;--ks-background-restarted: rgba(91, 184, 255, .2);--ks-background-retried: rgba(87, 141, 255, .2);--ks-background-retrying: rgba(23, 97, 253, .2);--ks-background-running: rgba(23, 97, 253, .2);--ks-background-skipped: #2f3342;--ks-background-success: rgba(0, 35, 25, .2);--ks-background-table-header: #2f3342;--ks-background-table-row: #262a35;--ks-background-table-row-hover: #2c303f;--ks-background-warning: rgba(111, 48, 0, .2);--ks-badge-background: rgba(91, 184, 255, .2);--ks-badge-border: #5bb8ff;--ks-badge-content: #a2cdff;--ks-border-active: #8405ff;--ks-border-cancelled: #fd9297;--ks-border-created: #1761fd;--ks-border-error: #e3262f;--ks-border-failed: #e3262f;--ks-border-inactive: #404559;--ks-border-info: #1761fd;--ks-border-killed: #7e703e;--ks-border-killing: #fdedb3;--ks-border-paused: #9797a6;--ks-border-primary: #404559;--ks-border-queued: #9797a6;--ks-border-restarted: #a2cdff;--ks-border-retried: #a2cdff;--ks-border-retrying: #7fbbff;--ks-border-running: #3991ff;--ks-border-secondary: #2f3342;--ks-border-skipped: #9797a6;--ks-border-success: #02be8a;--ks-border-system: #5bb8ff;--ks-border-warning: #e9985b;--ks-button-background-inactive: #2c303f;--ks-button-background-primary: #8405ff;--ks-button-background-primary-active: #7400df;--ks-button-background-primary-hover: #8c4bff;--ks-button-background-secondary: #2f3342;--ks-button-background-secondary-active: #262a35;--ks-button-background-secondary-hover: #404559;--ks-button-background-success: #02be8a;--ks-button-background-success-active: #029e73;--ks-button-background-success-hover: #21ce9c;--ks-button-content-primary: #ffffff;--ks-card-shadow: #1e202a;--ks-chart-cancelled: #fd9297;--ks-chart-created: #3991ff;--ks-chart-debug: #3991ff;--ks-chart-error: #fd7278;--ks-chart-failed: #fd7278;--ks-chart-info: #1761fd;--ks-chart-killed: #ddc46d;--ks-chart-killing: #fdeaa8;--ks-chart-paused: #9797a6;--ks-chart-queued: #cfd3d6;--ks-chart-restarted: #c7f0ff;--ks-chart-retried: #a2cdff;--ks-chart-retrying: #7fbbff;--ks-chart-running: #5bb8ff;--ks-chart-skipped: #9797a6;--ks-chart-success: #21ce9c;--ks-chart-trace: #9797a6;--ks-chart-warn: #eeae7e;--ks-chart-warning: #eeae7e;--ks-content-alert: #fd7278;--ks-content-cancelled: #fff2f3;--ks-content-created: #a2cdff;--ks-content-error: #fd9297;--ks-content-failed: #fd9297;--ks-content-id: #bbbbff;--ks-content-inactive: #9797a6;--ks-content-info: #c7f0ff;--ks-content-inverse: #14181f;--ks-content-killed: #fdeaa8;--ks-content-killing: #fffbef;--ks-content-link: #bbbbff;--ks-content-link-hover: #e0e0ff;--ks-content-paused: #cfd3d6;--ks-content-primary: #ffffff;--ks-content-queued: #cfd3d6;--ks-content-restarted: #7fbbff;--ks-content-retried: #c7f0ff;--ks-content-retrying: #c7f0ff;--ks-content-running: #a2cdff;--ks-content-secondary: #cfd3d6;--ks-content-skipped: #cfd3d6;--ks-content-success: #beefe2;--ks-content-tertiary: #9797a6;--ks-content-warning: #eeae7e;--ks-dialog-background: #2f3342;--ks-dialog-border: #404559;--ks-dialog-header: #2f3342;--ks-dialog-headerbtn: #9797a6;--ks-dialog-headerbtn-hover: #a396ff;--ks-dropdown-background: #262a35;--ks-dropdown-background-active: #1e202a;--ks-dropdown-background-hover: #2c303f;--ks-editor-number: #f3c4a1;--ks-editor-pabble: #fff2ea;--ks-editor-property: #7cdfc4;--ks-editor-punctuation: #9797a6;--ks-editor-value: #5bb8ff;--ks-log-background-debug: rgba(91, 184, 255, .2);--ks-log-background-error: rgba(253, 114, 120, .2);--ks-log-background-info: rgba(14, 59, 154, .2);--ks-log-background-trace: #404559;--ks-log-background-warn: rgba(229, 130, 56, .2);--ks-log-border-debug: #5bb8ff;--ks-log-border-error: #fd7278;--ks-log-border-info: #1761fd;--ks-log-border-trace: #9797a6;--ks-log-border-warn: #e9985b;--ks-log-content-debug: #a2cdff;--ks-log-content-error: #fec9cb;--ks-log-content-info: #c7f0ff;--ks-log-content-trace: #ecebef;--ks-log-content-warn: #f3c4a1;--ks-scrollbar-background: #1e202a;--ks-scrollbar-content: #404559;--ks-select-active: #1e202a;--ks-select-active-icon: #bbbbff;--ks-select-background: #20232d;--ks-select-border: #404559;--ks-select-hover: #2c303f;--ks-tag-background: #262a35;--ks-tag-background-active: #2f3342;--ks-tag-background-hover: #404559;--ks-tag-content: #ffffff;--ks-tooltip-background: #262a35;--ks-tooltip-border: #404559}.tooltip-custom .tooltip-inner{max-width:none}.wrapper[data-v-23f8d853]{display:inline-block;width:100%;height:100%;position:relative}.wrapper[data-v-23f8d853] span{position:absolute;padding:1px;left:0;display:block;width:100%;height:100%}.wrapper[data-v-23f8d853] .icon{width:100%;height:100%;display:block;border-radius:3px;background-size:contain;background-repeat:no-repeat;background-position:center center}.dependency-node-wrapper[data-v-2271d5b0]{background-color:var(--ks-background-card);color:var(--bs-black);width:184px;height:44px;margin:0;padding:8px 18px 8px 6px;display:flex;align-items:center;box-shadow:0 12px 12px #82679e1a}html.dark .dependency-node-wrapper[data-v-2271d5b0]{background-color:var(--ks-background-card);color:var(--bs-white)}.wrapper[data-v-2271d5b0]{width:26px}.dependency-text[data-v-2271d5b0]{margin-left:.5rem}.dependency-flow-text[data-v-2271d5b0]{font-size:.85rem;font-weight:700;max-width:121px}.dependency-namespace-text[data-v-2271d5b0]{font-size:.625rem;font-weight:400;color:#564a75;max-width:121px}html.dark .dependency-namespace-text[data-v-2271d5b0]{color:#e3dbff}.circle-button[data-v-0c251e77]{border-radius:1rem;width:1rem;height:1rem;display:flex;justify-content:center;align-items:center;pointer-events:auto!important}.button-icon[data-v-0c251e77]{font-size:.75rem}.badge[data-v-0c251e77]{top:-3px;position:relative;left:-3px;display:inline-block;max-width:100%}.text-color[data-v-0c251e77]{color:var(--bs-white);font-size:.5rem;font-weight:700;padding:.25rem .5rem}.top-button-div[data-v-0c251e77]{position:absolute;top:-.5rem;right:-.5rem;justify-content:center;padding-right:3px;display:flex}.custom-handle[data-v-666f472b]{visibility:hidden}.dot[data-v-666f472b]{display:flex;flex-direction:column;align-items:center;font-size:5px}.dot.GraphClusterRoot[data-v-666f472b]{color:var(--ks-border-created)}.dot.GraphClusterFinally[data-v-666f472b]{color:var(--ks-border-warning)}.dot.GraphClusterEnd[data-v-666f472b]{color:var(--ks-border-active)}.add-task-div[data-v-4afc4738]{margin:.2rem;width:25px;height:25px;border:.4px solid var(--ks-border-primary);background-color:var(--ks-background-card);cursor:pointer}.add-task-div.text-danger[data-v-4afc4738]{border-color:#e36065}.stroke-danger[data-v-a3e1d999],.stroke-error[data-v-a3e1d999]{stroke:var(--ks-border-error)}.stroke-warning[data-v-a3e1d999]{stroke:var(--ks-border-warning)}.node-wrapper[data-v-ee0adf33]{background-color:var(--ks-background-card);width:184px;height:44px;margin:0;padding:8px;display:flex;z-index:150000;align-items:center;box-shadow:0 12px 12px #82679e1a}.node-wrapper.execution-no-taskrun[data-v-ee0adf33],.node-wrapper.disabled[data-v-ee0adf33]{background-color:var(--ks-background-card)}.node-wrapper.disabled .task-title[data-v-ee0adf33]{color:var(--ks-content-secondary);text-decoration:line-through}.node-wrapper .icon[data-v-ee0adf33]{margin:.2rem;width:25px;height:25px;border:.4px solid var(--ks-border-primary);min-width:25px;min-height:25px}.node-content[data-v-ee0adf33]{display:flex;flex-direction:column;justify-content:center;margin-left:.7rem}.node-content>.node-title[data-v-ee0adf33]{width:125px}.description-button[data-v-ee0adf33]{color:var(--ks-content-secondary);cursor:pointer}.material-design-icon.icon-rounded[data-v-ee0adf33]{border-radius:1rem;padding:1px}.button-icon[data-v-ee0adf33]{font-size:.75rem}.task-title[data-v-ee0adf33]{font-size:.75rem;font-weight:700;color:var(--ks-content-primary);flex-grow:1}.status-div[data-v-ee0adf33]{width:8px;height:100%;position:absolute;left:-.04438rem;border-radius:.5rem 0 0 .5rem}.ks-duration-tt{text-align:left;white-space:nowrap;max-width:none}.ks-duration-tt .ks-duration-tt-square{display:inline-block;width:10px;height:10px;margin-right:5px}.ks-duration-tt .ks-duration-tt-square-created{background-color:var(--ks-chart-created)}.ks-duration-tt .ks-duration-tt-square-restarted{background-color:var(--ks-chart-restarted)}.ks-duration-tt .ks-duration-tt-square-success{background-color:var(--ks-chart-success)}.ks-duration-tt .ks-duration-tt-square-running{background-color:var(--ks-chart-running)}.ks-duration-tt .ks-duration-tt-square-killing{background-color:var(--ks-chart-killing)}.ks-duration-tt .ks-duration-tt-square-killed{background-color:var(--ks-chart-killed)}.ks-duration-tt .ks-duration-tt-square-warning{background-color:var(--ks-chart-warning)}.ks-duration-tt .ks-duration-tt-square-failed{background-color:var(--ks-chart-failed)}.ks-duration-tt .ks-duration-tt-square-paused{background-color:var(--ks-chart-paused)}.ks-duration-tt .ks-duration-tt-square-cancelled{background-color:var(--ks-chart-cancelled)}.ks-duration-tt .ks-duration-tt-square-skipped{background-color:var(--ks-chart-skipped)}.ks-duration-tt .ks-duration-tt-square-queued{background-color:var(--ks-chart-queued)}.ks-duration-tt .ks-duration-tt-square-retrying{background-color:var(--ks-chart-retrying)}.ks-duration-tt .ks-duration-tt-square-retried{background-color:var(--ks-chart-retried)}.content[data-v-b7801302]{color:var(--bs-gray-700)}.content-children[data-v-b7801302]{font-size:.7rem}.collapsed-cluster-node[data-v-89413b39]{width:150px;height:44px;padding:8px}.node-text[data-v-89413b39]{color:#000;font-size:.9rem;display:flex;align-items:center}html.dark .node-text[data-v-89413b39]{color:#fff}.button-icon[data-v-89413b39]{font-size:.75rem}svg[data-v-084c51e6]{transform:scale(1.5)}svg[data-v-c77c1469]{transform:scale(1.5)}.circle-button{border-radius:1rem;width:1rem;height:1rem;display:flex;justify-content:center;align-items:center;margin-left:.25rem;z-index:2000}.button-icon{font-size:.66rem}.vue-flow__controls{border:1px solid var(--ks-border-primary);border-radius:var(--bs-border-radius)}.vue-flow__controls-button{color:var(--bs-black);border-bottom-color:var(--bs-border-color)}.vue-flow__controls-button svg{fill:var(--bs-black)}html.dark .vue-flow__controls-button{background:var(--ks-background-card);color:var(--bs-white)}html.dark .vue-flow__controls-button svg{fill:var(--bs-white)}:root{--ks-topology-edge-color: #9A8EB4}.vue-flow__container .top-button-div{position:absolute;top:-.5rem;right:-.5rem;justify-content:center;padding-right:3px;display:flex}.vue-flow__container .vue-flow__node-cluster{pointer-events:none!important}.vue-flow__container .vue-flow__handle{opacity:0!important}.vue-flow__container .vue-flow__edge-path{stroke:var(--ks-topology-edge-color)}.vue-flow__container .ks-topology-success-border{background-color:#02be8a0d;border:1px solid #02be8a}.vue-flow__container .ks-topology-primary-border{background-color:#8405ff0d;border:1px solid #8405ff}.vue-flow__container .ks-topology-danger-border{background-color:#ab00090d;border:1px solid #ab0009}.vue-flow__container .ks-topology-blue-border{background-color:#1761fd0d;border:1px solid #1761fd}.vue-flow__container .ks-topology-default-border{background-color:#2c303f0d;border:1px solid #2c303f}.material-design-icon.download-icon[data-v-5655b4c8]{max-width:12px}[data-v-5655b4c8] .unused-path{opacity:.3}.exporting[data-v-5655b4c8]{position:absolute;bottom:0;left:40px;padding:0;margin:0;z-index:1000;list-style-type:none;background:var(--ks-background-card);border:1px solid var(--ks-border-primary);box-shadow:0 12px 12px #82679e1a;border-radius:5px;text-align:left}.exporting .item[data-v-5655b4c8]{padding:5px 8px;cursor:pointer;color:var(--ks-content-primary);font-size:12px;width:110px}.exporting .item[data-v-5655b4c8]:first-child{border-bottom:1px solid var(--ks-border-primary)}.exporting .item[data-v-5655b4c8]:hover{background:var(--ks-button-background-secondary-hover)}.icon[data-v-ffd9a851]{margin-right:.3rem}.code-block[data-v-a899f6a1]{padding:1.25rem;border-radius:var(--bs-border-radius-lg);position:relative}.code-block .language[data-v-a899f6a1]{font-size:.75rem}.code-block[data-v-a899f6a1] pre{margin-bottom:0;padding:0;border:0!important}.code-block[data-v-a899f6a1] .shiki{background-color:transparent!important}.code-block[data-v-a899f6a1] .shiki code{display:flex;flex-direction:column}.code-block .copy[data-v-a899f6a1]{border:none;background:none}.code-block .copy .material-design-icon[data-v-a899f6a1],.code-block .copy .material-design-icon[data-v-a899f6a1] *{height:1.125rem!important;width:1.125rem!important}.code-block .copy[data-v-a899f6a1],.code-block .language[data-v-a899f6a1]{position:absolute;top:1.25rem;right:1.25rem}.code-block #copied-tooltip[data-v-a899f6a1]{border-radius:.25rem;background:#8997bd;padding:4px 8px;font-size:.75rem;margin-right:.2rem!important}.code-block #copied-tooltip #arrow[data-v-a899f6a1],.code-block #copied-tooltip #arrow[data-v-a899f6a1]:before{position:absolute;width:8px;height:8px;background:inherit}.code-block #copied-tooltip #arrow[data-v-a899f6a1]{visibility:hidden;right:-4px}.code-block #copied-tooltip #arrow[data-v-a899f6a1]:before{visibility:visible;content:"";transform:rotate(45deg)}[data-v-a899f6a1] pre code .line{display:block;min-height:1rem;white-space:pre-wrap}details[data-v-309ae3b9]{overflow:hidden}details[data-v-309ae3b9]::details-content{block-size:0%;transition:block-size .15s,content-visibility .15s;transition-behavior:allow-discrete}details[open][data-v-309ae3b9]::details-content{block-size:auto}.collapse-button[data-v-309ae3b9]{padding:0;border:none;background:none}.collapse-button[data-v-309ae3b9]:focus{outline:none;box-shadow:none}.doc-alert[data-v-f7fd8bc1]{display:flex;align-items:start;border:1px solid;border-left-width:5px!important;padding:1rem;margin-bottom:1rem;border-radius:.25rem}.doc-alert[data-v-f7fd8bc1]>*{margin:0}.doc-alert .alert-icon[data-v-f7fd8bc1]{font-size:22px}.doc-alert.alert-danger[data-v-f7fd8bc1]{border-color:var(--ks-border-error);color:var(--ks-content-error);background-color:var(--ks-background-error)}.doc-alert.alert-warning[data-v-f7fd8bc1]{border-color:var(--ks-border-warning);color:var(--ks-content-warning);background-color:var(--ks-background-warning)}.doc-alert.alert-info[data-v-f7fd8bc1]{border-color:var(--ks-border-info);color:var(--ks-content-info);background-color:var(--ks-background-info)}.doc-alert.alert-success[data-v-f7fd8bc1]{border-color:var(--ks-border-success);color:var(--ks-content-success);background-color:var(--ks-background-success)}.property-detail[data-v-79715a4e]>*{display:flex;justify-content:space-between;border-top:1px solid var(--ks-border-primary);align-items:center;padding:1rem 0;gap:var(--spacer)}.property-detail>* span[data-v-79715a4e],.property-detail>* .property-description[data-v-79715a4e] p{line-height:1.5rem;font-size:.875rem!important}.property-detail>* .property-description[data-v-79715a4e]{color:var(--ks-content-secondary)}.property-detail>* code[data-v-79715a4e]{color:var(--ks-content-primary);background:var(--ks-background-body)}.property-detail>* .border-red[data-v-79715a4e]{border-color:#e3262f!important}.property-detail[data-v-79715a4e]>*:first-child{padding-top:0;border-top:none!important}.property-detail[data-v-79715a4e]>*:last-child{padding-bottom:0}.property-detail[data-v-79715a4e]>*>*{width:fit-content}.type-box[data-v-0d36ff40],[data-v-0d36ff40] .type-box{border:1px solid #1761FD!important;background:none}.type-box .ref-type[data-v-0d36ff40],[data-v-0d36ff40] .type-box .ref-type{padding-right:.625rem}.type-box .ref-type[data-v-0d36ff40]+*,[data-v-0d36ff40] .type-box .ref-type+*{margin-left:.625rem}.border[data-v-0d36ff40]{border-radius:.5rem}.property[data-v-0d36ff40]{gap:0!important}.property[data-v-0d36ff40]>button{font-size:1rem!important;line-height:1.5rem}.property[data-v-0d36ff40]:not(:first-child){border-top:var(--bs-border-width) var(--bs-border-style) var(--collapsible-border-color)}.property[data-v-0d36ff40]>.collapse-button{padding:.75rem 1rem}.property[data-v-0d36ff40]>.collapse-button:not(.collapsed){border-bottom:var(--bs-border-width) var(--bs-border-style) var(--collapsible-border-color)}.property[data-v-0d36ff40]>.collapsible-body:not(.collapsed){padding-top:.75rem;padding-bottom:.75rem}.property[data-v-0d36ff40] .property-detail>*{padding-left:1rem;padding-right:1rem}.plugin-title[data-v-5953ec4c] p{font-size:1rem}[data-v-5953ec4c] .nested-button-py-2 button{padding-top:.5rem!important;padding-bottom:.5rem!important}[data-v-5953ec4c] .markdown pre,[data-v-5953ec4c] .markdown .code-block{margin:0}[data-v-5953ec4c] .markdown>ol,[data-v-5953ec4c] .markdown>ul,[data-v-5953ec4c] .markdown>dl{margin-top:0;margin-bottom:0}[data-v-5953ec4c] .plugin-section .material-design-icon,[data-v-5953ec4c] .plugin-section .material-design-icon *{height:1.5rem;width:1.5rem;bottom:0}[data-v-5953ec4c] .plugin-section .material-design-icon:not(.property .material-design-icon),[data-v-5953ec4c] .plugin-section .material-design-icon:not(.property .material-design-icon) *{height:2rem;width:2rem}[data-v-5953ec4c] .type-box{color:buttontext}[data-v-5953ec4c] .type-box .material-design-icon,[data-v-5953ec4c] .type-box .material-design-icon *{height:1rem;width:1rem}.row-link[data-v-b787c0f3]{border-width:1px}
+:root{--ks-background-body: #f9f9fa;--ks-background-box: #f9f9fa;--ks-background-cancelled: #fec9cb;--ks-background-card: #ffffff;--ks-background-card-hover: #ffffff;--ks-background-card-opacity: rgba(27, 28, 35, .8980392157);--ks-background-created: rgba(199, 240, 255, .39);--ks-background-error: #fff2f3;--ks-background-failed: #fff2f3;--ks-background-info: #c7f0ff;--ks-background-input: #ffffff;--ks-background-killed: #fffbef;--ks-background-killing: #fffbef;--ks-background-left-menu: #ffffff;--ks-background-logo: #2c0059;--ks-background-panel: #ffffff;--ks-background-paused: rgba(178, 178, 181, .2588235294);--ks-background-queued: #fffbef;--ks-background-restarted: #c7f0ff;--ks-background-retried: rgba(23, 97, 253, .2);--ks-background-retrying: #c7f0ff;--ks-background-running: #c7f0ff;--ks-background-skipped: rgba(178, 178, 181, .2588235294);--ks-background-success: #e4f9f3;--ks-background-table-header: #f9f9fa;--ks-background-table-row: #ffffff;--ks-background-table-row-hover: #f9f9fa;--ks-background-warning: #fff2ea;--ks-badge-background: #c7f0ff;--ks-badge-border: #3991ff;--ks-badge-content: #134ecc;--ks-border-active: #8405ff;--ks-border-cancelled: #fd7278;--ks-border-created: #7fbbff;--ks-border-error: #fd7278;--ks-border-failed: #fd7278;--ks-border-inactive: #ecebef;--ks-border-info: #7fbbff;--ks-border-killed: #ddc46d;--ks-border-killing: #fde592;--ks-border-paused: #cfd3d6;--ks-border-primary: #e1e3e5;--ks-border-queued: #ddc46d;--ks-border-restarted: #a2cdff;--ks-border-retried: #134ecc;--ks-border-retrying: #1761fd;--ks-border-running: #3991ff;--ks-border-secondary: #ecebef;--ks-border-skipped: #cfd3d6;--ks-border-success: #21ce9c;--ks-border-system: #3991ff;--ks-border-warning: #e9985b;--ks-button-background-inactive: #f9f9fa;--ks-button-background-primary: #8405ff;--ks-button-background-primary-active: #7400df;--ks-button-background-primary-hover: #8c4bff;--ks-button-background-secondary: #ffffff;--ks-button-background-secondary-active: #ecebef;--ks-button-background-secondary-hover: #f9f9fa;--ks-button-background-success: #029e73;--ks-button-background-success-active: #017f5c;--ks-button-background-success-hover: #02be8a;--ks-button-content-primary: #ffffff;--ks-card-shadow: #ecebef;--ks-chart-cancelled: #fd9297;--ks-chart-created: #1761fd;--ks-chart-debug: #7fbbff;--ks-chart-error: #fd7278;--ks-chart-failed: #fd7278;--ks-chart-info: #5bb8ff;--ks-chart-killed: #fdeaa8;--ks-chart-killing: #fde89d;--ks-chart-paused: #cfd3d6;--ks-chart-queued: #fdedb3;--ks-chart-restarted: #c7f0ff;--ks-chart-retried: #a2cdff;--ks-chart-retrying: #7fbbff;--ks-chart-running: #5bb8ff;--ks-chart-skipped: #cfd3d6;--ks-chart-success: #02be8a;--ks-chart-trace: #cfd3d6;--ks-chart-warn: #eeae7e;--ks-chart-warning: #f3c4a1;--ks-content-alert: #ab0009;--ks-content-cancelled: #ab0009;--ks-content-created: #1761fd;--ks-content-error: #ab0009;--ks-content-failed: #ab0009;--ks-content-id: #8405ff;--ks-content-inactive: #9797a6;--ks-content-info: #134ecc;--ks-content-inverse: #ffffff;--ks-content-killed: #7e703e;--ks-content-killing: #dd5f00;--ks-content-link: #8405ff;--ks-content-link-hover: #9470ff;--ks-content-paused: #2f3342;--ks-content-primary: #14181f;--ks-content-queued: #9e8c4e;--ks-content-restarted: #134ecc;--ks-content-retried: #051538;--ks-content-retrying: #0e3b9a;--ks-content-running: #134ecc;--ks-content-secondary: #262a35;--ks-content-skipped: #2f3342;--ks-content-success: #016046;--ks-content-tertiary: #9797a6;--ks-content-warning: #dd5f00;--ks-dialog-background: #ffffff;--ks-dialog-border: #cfd3d6;--ks-dialog-header: #ffffff;--ks-dialog-headerbtn: #9797a6;--ks-dialog-headerbtn-hover: #9470ff;--ks-dropdown-background: #ffffff;--ks-dropdown-background-active: #f9f9fa;--ks-dropdown-background-hover: #f9f9fa;--ks-editor-number: #c15300;--ks-editor-pabble: #e58238;--ks-editor-property: #8405ff;--ks-editor-punctuation: #404559;--ks-editor-value: #14181f;--ks-log-background-debug: #c7f0ff;--ks-log-background-error: #fff2f3;--ks-log-background-info: #c7f0ff;--ks-log-background-trace: #ecebef;--ks-log-background-warn: #fff2ea;--ks-log-border-debug: #3991ff;--ks-log-border-error: #e3262f;--ks-log-border-info: #7fbbff;--ks-log-border-trace: #9797a6;--ks-log-border-warn: #e58238;--ks-log-content-debug: #134ecc;--ks-log-content-error: #ab0009;--ks-log-content-info: #134ecc;--ks-log-content-trace: #2f3342;--ks-log-content-warn: #8a3b00;--ks-scrollbar-background: #ecebef;--ks-scrollbar-content: #cfd3d6;--ks-select-active: #ffffff;--ks-select-active-icon: #8405ff;--ks-select-background: #ffffff;--ks-select-border: #cfd3d6;--ks-select-hover: #f9f9fa;--ks-tag-background: #ecebef;--ks-tag-background-active: #f9f9fa;--ks-tag-background-hover: #cfd3d6;--ks-tag-content: #20232d;--ks-tooltip-background: #ffffff;--ks-tooltip-border: #9797a6}html.dark{--ks-background-body: #20232d;--ks-background-box: #20232d;--ks-background-cancelled: rgba(253, 146, 151, .2);--ks-background-card: #2f3342;--ks-background-card-hover: #404559;--ks-background-card-opacity: rgba(18, 19, 25, .8980392157);--ks-background-created: rgba(57, 145, 255, .2);--ks-background-error: rgba(38, 0, 2, .2);--ks-background-failed: rgba(38, 0, 2, .2);--ks-background-info: rgba(14, 59, 154, .2);--ks-background-input: #14181f;--ks-background-killed: rgba(253, 229, 146, .1);--ks-background-killing: rgba(126, 112, 62, .2);--ks-background-left-menu: #1e202a;--ks-background-logo: rgba(44, 0, 89, 0);--ks-background-panel: #1e202a;--ks-background-paused: #2f3342;--ks-background-queued: #262a35;--ks-background-restarted: rgba(91, 184, 255, .2);--ks-background-retried: rgba(87, 141, 255, .2);--ks-background-retrying: rgba(23, 97, 253, .2);--ks-background-running: rgba(23, 97, 253, .2);--ks-background-skipped: #2f3342;--ks-background-success: rgba(0, 35, 25, .2);--ks-background-table-header: #2f3342;--ks-background-table-row: #262a35;--ks-background-table-row-hover: #2c303f;--ks-background-warning: rgba(111, 48, 0, .2);--ks-badge-background: rgba(91, 184, 255, .2);--ks-badge-border: #5bb8ff;--ks-badge-content: #a2cdff;--ks-border-active: #8405ff;--ks-border-cancelled: #fd9297;--ks-border-created: #1761fd;--ks-border-error: #e3262f;--ks-border-failed: #e3262f;--ks-border-inactive: #404559;--ks-border-info: #1761fd;--ks-border-killed: #7e703e;--ks-border-killing: #fdedb3;--ks-border-paused: #9797a6;--ks-border-primary: #404559;--ks-border-queued: #9797a6;--ks-border-restarted: #a2cdff;--ks-border-retried: #a2cdff;--ks-border-retrying: #7fbbff;--ks-border-running: #3991ff;--ks-border-secondary: #2f3342;--ks-border-skipped: #9797a6;--ks-border-success: #02be8a;--ks-border-system: #5bb8ff;--ks-border-warning: #e9985b;--ks-button-background-inactive: #2c303f;--ks-button-background-primary: #8405ff;--ks-button-background-primary-active: #7400df;--ks-button-background-primary-hover: #8c4bff;--ks-button-background-secondary: #2f3342;--ks-button-background-secondary-active: #262a35;--ks-button-background-secondary-hover: #404559;--ks-button-background-success: #02be8a;--ks-button-background-success-active: #029e73;--ks-button-background-success-hover: #21ce9c;--ks-button-content-primary: #ffffff;--ks-card-shadow: #1e202a;--ks-chart-cancelled: #fd9297;--ks-chart-created: #3991ff;--ks-chart-debug: #3991ff;--ks-chart-error: #fd7278;--ks-chart-failed: #fd7278;--ks-chart-info: #1761fd;--ks-chart-killed: #ddc46d;--ks-chart-killing: #fdeaa8;--ks-chart-paused: #9797a6;--ks-chart-queued: #cfd3d6;--ks-chart-restarted: #c7f0ff;--ks-chart-retried: #a2cdff;--ks-chart-retrying: #7fbbff;--ks-chart-running: #5bb8ff;--ks-chart-skipped: #9797a6;--ks-chart-success: #21ce9c;--ks-chart-trace: #9797a6;--ks-chart-warn: #eeae7e;--ks-chart-warning: #eeae7e;--ks-content-alert: #fd7278;--ks-content-cancelled: #fff2f3;--ks-content-created: #a2cdff;--ks-content-error: #fd9297;--ks-content-failed: #fd9297;--ks-content-id: #bbbbff;--ks-content-inactive: #9797a6;--ks-content-info: #c7f0ff;--ks-content-inverse: #14181f;--ks-content-killed: #fdeaa8;--ks-content-killing: #fffbef;--ks-content-link: #bbbbff;--ks-content-link-hover: #e0e0ff;--ks-content-paused: #cfd3d6;--ks-content-primary: #ffffff;--ks-content-queued: #cfd3d6;--ks-content-restarted: #7fbbff;--ks-content-retried: #c7f0ff;--ks-content-retrying: #c7f0ff;--ks-content-running: #a2cdff;--ks-content-secondary: #cfd3d6;--ks-content-skipped: #cfd3d6;--ks-content-success: #beefe2;--ks-content-tertiary: #9797a6;--ks-content-warning: #eeae7e;--ks-dialog-background: #2f3342;--ks-dialog-border: #404559;--ks-dialog-header: #2f3342;--ks-dialog-headerbtn: #9797a6;--ks-dialog-headerbtn-hover: #a396ff;--ks-dropdown-background: #262a35;--ks-dropdown-background-active: #1e202a;--ks-dropdown-background-hover: #2c303f;--ks-editor-number: #f3c4a1;--ks-editor-pabble: #fff2ea;--ks-editor-property: #7cdfc4;--ks-editor-punctuation: #9797a6;--ks-editor-value: #5bb8ff;--ks-log-background-debug: rgba(91, 184, 255, .2);--ks-log-background-error: rgba(253, 114, 120, .2);--ks-log-background-info: rgba(14, 59, 154, .2);--ks-log-background-trace: #404559;--ks-log-background-warn: rgba(229, 130, 56, .2);--ks-log-border-debug: #5bb8ff;--ks-log-border-error: #fd7278;--ks-log-border-info: #1761fd;--ks-log-border-trace: #9797a6;--ks-log-border-warn: #e9985b;--ks-log-content-debug: #a2cdff;--ks-log-content-error: #fec9cb;--ks-log-content-info: #c7f0ff;--ks-log-content-trace: #ecebef;--ks-log-content-warn: #f3c4a1;--ks-scrollbar-background: #1e202a;--ks-scrollbar-content: #404559;--ks-select-active: #1e202a;--ks-select-active-icon: #bbbbff;--ks-select-background: #20232d;--ks-select-border: #404559;--ks-select-hover: #2c303f;--ks-tag-background: #262a35;--ks-tag-background-active: #2f3342;--ks-tag-background-hover: #404559;--ks-tag-content: #ffffff;--ks-tooltip-background: #262a35;--ks-tooltip-border: #404559}.tooltip-custom .tooltip-inner{max-width:none}.wrapper[data-v-23f8d853]{display:inline-block;width:100%;height:100%;position:relative}.wrapper[data-v-23f8d853] span{position:absolute;padding:1px;left:0;display:block;width:100%;height:100%}.wrapper[data-v-23f8d853] .icon{width:100%;height:100%;display:block;border-radius:3px;background-size:contain;background-repeat:no-repeat;background-position:center center}.dependency-node-wrapper[data-v-2271d5b0]{background-color:var(--ks-background-card);color:var(--bs-black);width:184px;height:44px;margin:0;padding:8px 18px 8px 6px;display:flex;align-items:center;box-shadow:0 12px 12px #82679e1a}html.dark .dependency-node-wrapper[data-v-2271d5b0]{background-color:var(--ks-background-card);color:var(--bs-white)}.wrapper[data-v-2271d5b0]{width:26px}.dependency-text[data-v-2271d5b0]{margin-left:.5rem}.dependency-flow-text[data-v-2271d5b0]{font-size:.85rem;font-weight:700;max-width:121px}.dependency-namespace-text[data-v-2271d5b0]{font-size:.625rem;font-weight:400;color:#564a75;max-width:121px}html.dark .dependency-namespace-text[data-v-2271d5b0]{color:#e3dbff}.circle-button[data-v-0c251e77]{border-radius:1rem;width:1rem;height:1rem;display:flex;justify-content:center;align-items:center;pointer-events:auto!important}.button-icon[data-v-0c251e77]{font-size:.75rem}.badge[data-v-0c251e77]{top:-3px;position:relative;left:-3px;display:inline-block;max-width:100%}.text-color[data-v-0c251e77]{color:var(--bs-white);font-size:.5rem;font-weight:700;padding:.25rem .5rem}.top-button-div[data-v-0c251e77]{position:absolute;top:-.5rem;right:-.5rem;justify-content:center;padding-right:3px;display:flex}.custom-handle[data-v-666f472b]{visibility:hidden}.dot[data-v-666f472b]{display:flex;flex-direction:column;align-items:center;font-size:5px}.dot.GraphClusterRoot[data-v-666f472b]{color:var(--ks-border-created)}.dot.GraphClusterFinally[data-v-666f472b]{color:var(--ks-border-warning)}.dot.GraphClusterEnd[data-v-666f472b]{color:var(--ks-border-active)}.add-task-div[data-v-4afc4738]{margin:.2rem;width:25px;height:25px;border:.4px solid var(--ks-border-primary);background-color:var(--ks-background-card);cursor:pointer}.add-task-div.text-danger[data-v-4afc4738]{border-color:#e36065}.stroke-danger[data-v-a3e1d999],.stroke-error[data-v-a3e1d999]{stroke:var(--ks-border-error)}.stroke-warning[data-v-a3e1d999]{stroke:var(--ks-border-warning)}.node-wrapper[data-v-ee0adf33]{background-color:var(--ks-background-card);width:184px;height:44px;margin:0;padding:8px;display:flex;z-index:150000;align-items:center;box-shadow:0 12px 12px #82679e1a}.node-wrapper.execution-no-taskrun[data-v-ee0adf33],.node-wrapper.disabled[data-v-ee0adf33]{background-color:var(--ks-background-card)}.node-wrapper.disabled .task-title[data-v-ee0adf33]{color:var(--ks-content-secondary);text-decoration:line-through}.node-wrapper .icon[data-v-ee0adf33]{margin:.2rem;width:25px;height:25px;border:.4px solid var(--ks-border-primary);min-width:25px;min-height:25px}.node-content[data-v-ee0adf33]{display:flex;flex-direction:column;justify-content:center;margin-left:.7rem}.node-content>.node-title[data-v-ee0adf33]{width:125px}.description-button[data-v-ee0adf33]{color:var(--ks-content-secondary);cursor:pointer}.material-design-icon.icon-rounded[data-v-ee0adf33]{border-radius:1rem;padding:1px}.button-icon[data-v-ee0adf33]{font-size:.75rem}.task-title[data-v-ee0adf33]{font-size:.75rem;font-weight:700;color:var(--ks-content-primary);flex-grow:1}.status-div[data-v-ee0adf33]{width:8px;height:100%;position:absolute;left:-.04438rem;border-radius:.5rem 0 0 .5rem}.ks-duration-tt{text-align:left;white-space:nowrap;max-width:none}.ks-duration-tt .ks-duration-tt-square{display:inline-block;width:10px;height:10px;margin-right:5px}.ks-duration-tt .ks-duration-tt-square-created{background-color:var(--ks-chart-created)}.ks-duration-tt .ks-duration-tt-square-restarted{background-color:var(--ks-chart-restarted)}.ks-duration-tt .ks-duration-tt-square-success{background-color:var(--ks-chart-success)}.ks-duration-tt .ks-duration-tt-square-running{background-color:var(--ks-chart-running)}.ks-duration-tt .ks-duration-tt-square-killing{background-color:var(--ks-chart-killing)}.ks-duration-tt .ks-duration-tt-square-killed{background-color:var(--ks-chart-killed)}.ks-duration-tt .ks-duration-tt-square-warning{background-color:var(--ks-chart-warning)}.ks-duration-tt .ks-duration-tt-square-failed{background-color:var(--ks-chart-failed)}.ks-duration-tt .ks-duration-tt-square-paused{background-color:var(--ks-chart-paused)}.ks-duration-tt .ks-duration-tt-square-cancelled{background-color:var(--ks-chart-cancelled)}.ks-duration-tt .ks-duration-tt-square-skipped{background-color:var(--ks-chart-skipped)}.ks-duration-tt .ks-duration-tt-square-queued{background-color:var(--ks-chart-queued)}.ks-duration-tt .ks-duration-tt-square-retrying{background-color:var(--ks-chart-retrying)}.ks-duration-tt .ks-duration-tt-square-retried{background-color:var(--ks-chart-retried)}.content[data-v-a204e986]{color:var(--ks-content-secondary)}.content-children[data-v-a204e986]{font-size:.7rem}.playground-button[data-v-8b3dd8bd]{position:absolute;bottom:0;right:0;z-index:1;border:none;background:transparent;background-color:#1761fd;color:#fff;border-radius:3px;height:1rem;width:1rem;padding:0;margin:6px}.collapsed-cluster-node[data-v-89413b39]{width:150px;height:44px;padding:8px}.node-text[data-v-89413b39]{color:#000;font-size:.9rem;display:flex;align-items:center}html.dark .node-text[data-v-89413b39]{color:#fff}.button-icon[data-v-89413b39]{font-size:.75rem}svg[data-v-084c51e6]{transform:scale(1.5)}svg[data-v-c77c1469]{transform:scale(1.5)}.circle-button{border-radius:1rem;width:1rem;height:1rem;display:flex;justify-content:center;align-items:center;margin-left:.25rem;z-index:2000}.button-icon{font-size:.66rem}.vue-flow__controls{border:1px solid var(--ks-border-primary);border-radius:var(--bs-border-radius)}.vue-flow__controls-button{color:var(--bs-black);border-bottom-color:var(--bs-border-color)}.vue-flow__controls-button svg{fill:var(--bs-black)}html.dark .vue-flow__controls-button{background:var(--ks-background-card);color:var(--bs-white)}html.dark .vue-flow__controls-button svg{fill:var(--bs-white)}:root{--ks-topology-edge-color: #9A8EB4}.vue-flow__container .top-button-div{position:absolute;top:-.5rem;right:-.5rem;justify-content:center;padding-right:3px;display:flex}.vue-flow__container .vue-flow__node-cluster{pointer-events:none!important}.vue-flow__container .vue-flow__handle{opacity:0!important}.vue-flow__container .vue-flow__edge-path{stroke:var(--ks-topology-edge-color)}.vue-flow__container .ks-topology-success-border{background-color:#02be8a0d;border:1px solid #02be8a}.vue-flow__container .ks-topology-primary-border{background-color:#8405ff0d;border:1px solid #8405ff}.vue-flow__container .ks-topology-danger-border{background-color:#ab00090d;border:1px solid #ab0009}.vue-flow__container .ks-topology-blue-border{background-color:#1761fd0d;border:1px solid #1761fd}.vue-flow__container .ks-topology-default-border{background-color:#2c303f0d;border:1px solid #2c303f}.material-design-icon.download-icon[data-v-e2e42379]{max-width:12px}[data-v-e2e42379] .unused-path{opacity:.3}.exporting[data-v-e2e42379]{position:absolute;bottom:0;left:40px;padding:0;margin:0;z-index:1000;list-style-type:none;background:var(--ks-background-card);border:1px solid var(--ks-border-primary);box-shadow:0 12px 12px #82679e1a;border-radius:5px;text-align:left}.exporting .item[data-v-e2e42379]{padding:5px 8px;cursor:pointer;color:var(--ks-content-primary);font-size:12px;width:110px}.exporting .item[data-v-e2e42379]:first-child{border-bottom:1px solid var(--ks-border-primary)}.exporting .item[data-v-e2e42379]:hover{background:var(--ks-button-background-secondary-hover)}.icon[data-v-ffd9a851]{margin-right:.3rem}.code-block[data-v-a899f6a1]{padding:1.25rem;border-radius:var(--bs-border-radius-lg);position:relative}.code-block .language[data-v-a899f6a1]{font-size:.75rem}.code-block[data-v-a899f6a1] pre{margin-bottom:0;padding:0;border:0!important}.code-block[data-v-a899f6a1] .shiki{background-color:transparent!important}.code-block[data-v-a899f6a1] .shiki code{display:flex;flex-direction:column}.code-block .copy[data-v-a899f6a1]{border:none;background:none}.code-block .copy .material-design-icon[data-v-a899f6a1],.code-block .copy .material-design-icon[data-v-a899f6a1] *{height:1.125rem!important;width:1.125rem!important}.code-block .copy[data-v-a899f6a1],.code-block .language[data-v-a899f6a1]{position:absolute;top:1.25rem;right:1.25rem}.code-block #copied-tooltip[data-v-a899f6a1]{border-radius:.25rem;background:#8997bd;padding:4px 8px;font-size:.75rem;margin-right:.2rem!important}.code-block #copied-tooltip #arrow[data-v-a899f6a1],.code-block #copied-tooltip #arrow[data-v-a899f6a1]:before{position:absolute;width:8px;height:8px;background:inherit}.code-block #copied-tooltip #arrow[data-v-a899f6a1]{visibility:hidden;right:-4px}.code-block #copied-tooltip #arrow[data-v-a899f6a1]:before{visibility:visible;content:"";transform:rotate(45deg)}[data-v-a899f6a1] pre code .line{display:block;min-height:1rem;white-space:pre-wrap}details[data-v-309ae3b9]{overflow:hidden}details[data-v-309ae3b9]::details-content{block-size:0%;transition:block-size .15s,content-visibility .15s;transition-behavior:allow-discrete}details[open][data-v-309ae3b9]::details-content{block-size:auto}.collapse-button[data-v-309ae3b9]{padding:0;border:none;background:none}.collapse-button[data-v-309ae3b9]:focus{outline:none;box-shadow:none}.doc-alert[data-v-f7fd8bc1]{display:flex;align-items:start;border:1px solid;border-left-width:5px!important;padding:1rem;margin-bottom:1rem;border-radius:.25rem}.doc-alert[data-v-f7fd8bc1]>*{margin:0}.doc-alert .alert-icon[data-v-f7fd8bc1]{font-size:22px}.doc-alert.alert-danger[data-v-f7fd8bc1]{border-color:var(--ks-border-error);color:var(--ks-content-error);background-color:var(--ks-background-error)}.doc-alert.alert-warning[data-v-f7fd8bc1]{border-color:var(--ks-border-warning);color:var(--ks-content-warning);background-color:var(--ks-background-warning)}.doc-alert.alert-info[data-v-f7fd8bc1]{border-color:var(--ks-border-info);color:var(--ks-content-info);background-color:var(--ks-background-info)}.doc-alert.alert-success[data-v-f7fd8bc1]{border-color:var(--ks-border-success);color:var(--ks-content-success);background-color:var(--ks-background-success)}.property-detail[data-v-79715a4e]>*{display:flex;justify-content:space-between;border-top:1px solid var(--ks-border-primary);align-items:center;padding:1rem 0;gap:var(--spacer)}.property-detail>* span[data-v-79715a4e],.property-detail>* .property-description[data-v-79715a4e] p{line-height:1.5rem;font-size:.875rem!important}.property-detail>* .property-description[data-v-79715a4e]{color:var(--ks-content-secondary)}.property-detail>* code[data-v-79715a4e]{color:var(--ks-content-primary);background:var(--ks-background-body)}.property-detail>* .border-red[data-v-79715a4e]{border-color:#e3262f!important}.property-detail[data-v-79715a4e]>*:first-child{padding-top:0;border-top:none!important}.property-detail[data-v-79715a4e]>*:last-child{padding-bottom:0}.property-detail[data-v-79715a4e]>*>*{width:fit-content}.type-box[data-v-0d36ff40],[data-v-0d36ff40] .type-box{border:1px solid #1761FD!important;background:none}.type-box .ref-type[data-v-0d36ff40],[data-v-0d36ff40] .type-box .ref-type{padding-right:.625rem}.type-box .ref-type[data-v-0d36ff40]+*,[data-v-0d36ff40] .type-box .ref-type+*{margin-left:.625rem}.border[data-v-0d36ff40]{border-radius:.5rem}.property[data-v-0d36ff40]{gap:0!important}.property[data-v-0d36ff40]>button{font-size:1rem!important;line-height:1.5rem}.property[data-v-0d36ff40]:not(:first-child){border-top:var(--bs-border-width) var(--bs-border-style) var(--collapsible-border-color)}.property[data-v-0d36ff40]>.collapse-button{padding:.75rem 1rem}.property[data-v-0d36ff40]>.collapse-button:not(.collapsed){border-bottom:var(--bs-border-width) var(--bs-border-style) var(--collapsible-border-color)}.property[data-v-0d36ff40]>.collapsible-body:not(.collapsed){padding-top:.75rem;padding-bottom:.75rem}.property[data-v-0d36ff40] .property-detail>*{padding-left:1rem;padding-right:1rem}.plugin-title[data-v-5953ec4c] p{font-size:1rem}[data-v-5953ec4c] .nested-button-py-2 button{padding-top:.5rem!important;padding-bottom:.5rem!important}[data-v-5953ec4c] .markdown pre,[data-v-5953ec4c] .markdown .code-block{margin:0}[data-v-5953ec4c] .markdown>ol,[data-v-5953ec4c] .markdown>ul,[data-v-5953ec4c] .markdown>dl{margin-top:0;margin-bottom:0}[data-v-5953ec4c] .plugin-section .material-design-icon,[data-v-5953ec4c] .plugin-section .material-design-icon *{height:1.5rem;width:1.5rem;bottom:0}[data-v-5953ec4c] .plugin-section .material-design-icon:not(.property .material-design-icon),[data-v-5953ec4c] .plugin-section .material-design-icon:not(.property .material-design-icon) *{height:2rem;width:2rem}[data-v-5953ec4c] .type-box{color:buttontext}[data-v-5953ec4c] .type-box .material-design-icon,[data-v-5953ec4c] .type-box .material-design-icon *{height:1rem;width:1rem}.row-link[data-v-b787c0f3]{border-width:1px}

package/dist/utils/VueFlowUtils.d.ts

@@ -12,6 +12,7 @@ interface MinimalNode {
     uid: string;
     type: string;
     task?: {
+        id?: string;
         type: string;
         namespace: string;
         flowId: string;
@@ -43,56 +44,108 @@ export interface FlowGraph {
     edges: GraphEdge[];
 }
 type EdgeReplacer = Record<string, string>;
+export declare function predecessorsEdge(vueFlowId: string, nodeUid: string): GraphEdge[];
+export declare function successorsEdge(vueFlowId: string, nodeUid: string): GraphEdge[];
+export declare function predecessorsNode(vueFlowId: string, nodeUid: string): (GraphEdge | GraphNode)[];
+export declare function successorsNode(vueFlowId: string, nodeUid: string): (GraphNode<any, any, string> | undefined)[];
+export declare function linkedElements(vueFlowId: string, nodeUid: string): ((import("@vue-flow/core").DefaultEdge<any, any, string> & {
+    selected: boolean;
+    sourceNode: GraphNode;
+    targetNode: GraphNode;
+    data: any;
+    events: Partial<import("@vue-flow/core").EdgeEventsHandler<any>>;
+    type: string;
+} & import("@vue-flow/core").EdgePositions) | GraphNode<any, any, string> | undefined)[];
+export declare function generateDagreGraph(flowGraph: {
+    nodes: any;
+    clusters: any;
+    edges: any;
+}, hiddenNodes: string[], isHorizontal: boolean, clustersWithoutRootNode: string[], edgeReplacer: EdgeReplacer, collapsed: Set<string>, clusterToNode: MinimalNode[]): dagre.graphlib.Graph<{}>;
+export declare function getNodePosition(n: {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}, parent?: {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}): {
+    x: number;
+    y: number;
+};
+export declare function getNodeWidth(node: MinimalNode): 184 | 5 | 150;
+export declare function getNodeHeight(node: MinimalNode): 44 | 5;
+export declare function isTaskNode(node: MinimalNode): boolean;
+export declare function isTriggerNode(node: MinimalNode): boolean;
+export declare function isCollapsedCluster(node: MinimalNode): boolean;
+export declare function replaceIfCollapsed(source: string, target: string, edgeReplacer: EdgeReplacer, hiddenNodes: string[]): {
+    target: string;
+    source: string;
+} | null;
+export declare function cleanGraph(vueflowId: string): void;
+export declare function flowHaveTasks(source: string): boolean;
+export declare function nodeColor(node: MinimalNode, collapsed: Set<string>): "default" | "success" | "primary" | "danger" | "warning" | "blue";
+export declare function haveAdd(edge: GraphEdge, nodeByUid: Record<string, MinimalNode>, clustersRootTaskUids: string[], readOnlyUidPrefixes: string[]): (string | undefined)[] | undefined;
+export declare function getEdgeColor(edge: GraphEdge, nodeByUid: Record<string, MinimalNode>, clusterByNodeUid: Record<string, Cluster>): "danger" | "warning" | null;
+export declare function generateGraph(_vueFlowId: string, flowId: string | undefined, namespace: string | undefined, flowGraph: FlowGraph | undefined, flowSource: string | undefined, hiddenNodes: string[], isHorizontal: boolean, edgeReplacer: EdgeReplacer, collapsed: Set<string>, clusterToNode: MinimalNode[], isReadOnly: boolean, isAllowedEdit: boolean, enableSubflowInteraction: boolean): Elements | undefined;
+export declare function isClusterRootOrEnd(node: MinimalNode): boolean;
+export declare function computeClusterColor(cluster: Cluster): "success" | "primary" | "danger" | "blue";
+export declare function isExpandableTask(node: MinimalNode, clusterByNodeUid: Record<string, Cluster>, edgeReplacer: EdgeReplacer, enableSubflowInteraction?: boolean): boolean | undefined;
+/**
+ * Get nodes that have no incoming edges, i.e., root nodes of the graph.
+ */
+export declare function getRootNodes(graph: FlowGraph): MinimalNode[];
+/**
+ * Get the edges connected as the source to a specific node. (outward facing arrows)
+ * @param graph The flow graph.
+ * @param nodeUid The UID of the node.
+ * @returns An array of edges connected to the node.
+ */
+export declare function getTargetNodesEdges(graph: FlowGraph, nodeUid?: string): GraphEdge[] | undefined;
+/**
+ * Follow the graph from a specific node to find the next task nodes.
+ * This function traverses the graph until it finds a node that is not a cluster.
+ * @param graph
+ * @param initialNode The initial node to start the search from.
+ * @returns An array of the next task nodes found.
+ */
+export declare function getNextTaskNodes(graph: FlowGraph, initialNode: MinimalNode): MinimalNode[];
+/**
+ * Check if the tasks in the current graph are identical to the previous graph until the specified task.
+ * @param previousGraph The graph from the previous execution.
+ * @param currentGraph The graph from the current execution.
+ * @param taskId The ID of the task to check.
+ * @returns True if all tasks are identical, false otherwise.
+ */
+export declare function areTasksIdenticalInGraphUntilTask(previousGraph: FlowGraph, currentGraph: FlowGraph, taskId?: string): boolean;
+/**
+ * @deprecated prefer using VueFlowUtils directly for tree shaking
+ */
 declare const _default: {
-    predecessorsEdge(vueFlowId: string, nodeUid: string): GraphEdge[];
-    successorsEdge(vueFlowId: string, nodeUid: string): GraphEdge[];
-    predecessorsNode(vueFlowId: string, nodeUid: string): (GraphEdge | GraphNode)[];
-    successorsNode(vueFlowId: string, nodeUid: string): (GraphNode<any, any, string> | undefined)[];
-    linkedElements(vueFlowId: string, nodeUid: string): ((import("@vue-flow/core").DefaultEdge<any, any, string> & {
-        selected: boolean;
-        sourceNode: GraphNode;
-        targetNode: GraphNode;
-        data: any;
-        events: Partial<import("@vue-flow/core").EdgeEventsHandler<any>>;
-        type: string;
-    } & import("@vue-flow/core").EdgePositions) | GraphNode<any, any, string> | undefined)[];
-    generateDagreGraph(flowGraph: {
-        nodes: any;
-        clusters: any;
-        edges: any;
-    }, hiddenNodes: string[], isHorizontal: boolean, clustersWithoutRootNode: string[], edgeReplacer: EdgeReplacer, collapsed: Set<string>, clusterToNode: MinimalNode[]): dagre.graphlib.Graph<{}>;
-    getNodePosition(n: {
-        x: number;
-        y: number;
-        width: number;
-        height: number;
-    }, parent?: {
-        x: number;
-        y: number;
-        width: number;
-        height: number;
-    }): {
-        x: number;
-        y: number;
-    };
-    getNodeWidth(node: MinimalNode): 184 | 5 | 150;
-    getNodeHeight(node: MinimalNode): 44 | 5;
-    isTaskNode(node: MinimalNode): boolean;
-    isTriggerNode(node: MinimalNode): boolean;
-    isCollapsedCluster(node: MinimalNode): boolean;
-    replaceIfCollapsed(source: string, target: string, edgeReplacer: EdgeReplacer, hiddenNodes: string[]): {
-        target: string;
-        source: string;
-    } | null;
-    cleanGraph(vueflowId: string): void;
-    flowHaveTasks(source: string): boolean;
-    nodeColor(node: MinimalNode, collapsed: Set<string>): "default" | "success" | "primary" | "danger" | "warning" | "blue";
-    haveAdd(edge: GraphEdge, nodeByUid: Record<string, MinimalNode>, clustersRootTaskUids: string[], readOnlyUidPrefixes: string[]): (string | undefined)[] | undefined;
-    getEdgeColor(edge: GraphEdge, nodeByUid: Record<string, MinimalNode>, clusterByNodeUid: Record<string, Cluster>): "danger" | "warning" | null;
-    generateGraph(_vueFlowId: string, flowId: string | undefined, namespace: string | undefined, flowGraph: FlowGraph | undefined, flowSource: string | undefined, hiddenNodes: string[], isHorizontal: boolean, edgeReplacer: EdgeReplacer, collapsed: Set<string>, clusterToNode: MinimalNode[], isReadOnly: boolean, isAllowedEdit: boolean, enableSubflowInteraction: boolean): Elements | undefined;
-    isClusterRootOrEnd(node: MinimalNode): boolean;
-    computeClusterColor(cluster: Cluster): "success" | "primary" | "danger" | "blue";
-    isExpandableTask(node: MinimalNode, clusterByNodeUid: Record<string, Cluster>, edgeReplacer: EdgeReplacer, enableSubflowInteraction?: boolean): boolean | undefined;
+    isClusterRootOrEnd: typeof isClusterRootOrEnd;
+    computeClusterColor: typeof computeClusterColor;
+    isExpandableTask: typeof isExpandableTask;
+    generateGraph: typeof generateGraph;
+    generateDagreGraph: typeof generateDagreGraph;
+    getNodePosition: typeof getNodePosition;
+    getNodeWidth: typeof getNodeWidth;
+    getNodeHeight: typeof getNodeHeight;
+    isTaskNode: typeof isTaskNode;
+    isTriggerNode: typeof isTriggerNode;
+    isCollapsedCluster: typeof isCollapsedCluster;
+    replaceIfCollapsed: typeof replaceIfCollapsed;
+    cleanGraph: typeof cleanGraph;
+    flowHaveTasks: typeof flowHaveTasks;
+    nodeColor: typeof nodeColor;
+    haveAdd: typeof haveAdd;
+    getEdgeColor: typeof getEdgeColor;
+    predecessorsEdge: typeof predecessorsEdge;
+    successorsEdge: typeof successorsEdge;
+    predecessorsNode: typeof predecessorsNode;
+    successorsNode: typeof successorsNode;
+    linkedElements: typeof linkedElements;
 };
 export default _default;
 //# sourceMappingURL=VueFlowUtils.d.ts.map

package/dist/utils/VueFlowUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VueFlowUtils.d.ts","sourceRoot":"","sources":["../../src/utils/VueFlowUtils.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"VueFlowUtils.d.ts","sourceRoot":"","sources":["../../src/utils/VueFlowUtils.ts"],"names":[],"mappings":"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"}

package/dist/utils/constants.d.ts

@@ -17,6 +17,7 @@ export declare const EVENTS: {
     readonly ADD_ERROR: "addError";
     readonly EXPAND_DEPENDENCIES: "expandDependencies";
     readonly SHOW_CONDITION: "showCondition";
+    readonly RUN_TASK: "runTask";
 };
 export declare const CLUSTER_PREFIX = "cluster_";
 export declare const stateGlobalChartTypes: {

package/dist/utils/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/utils/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ;;;;CAIX,CAAC;AAEX,eAAO,MAAM,MAAM;;;;;;;;;;;;;;CAcT,CAAC;AAEX,eAAO,MAAM,cAAc,aAAa,CAAC;AAEzC,eAAO,MAAM,qBAAqB;;;CAGxB,CAAC;AAEX,eAAO,MAAM,eAAe;;;;;CAKlB,CAAC;AAEX,eAAO,MAAM,UAAU;;;;;;;;;;;CAWb,CAAC;AAEX,eAAO,MAAM,eAAe;;;;;;;CAOlB,CAAC;AAEX,eAAO,MAAM,WAAW;;;;;;;;;;;;;CAad,CAAC;AAEX,eAAO,MAAM,qBAAqB;;;CAGxB,CAAC;AAEX,eAAO,MAAM,kBAAkB;;CAErB,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/utils/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ;;;;CAIX,CAAC;AAEX,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;CAeT,CAAC;AAEX,eAAO,MAAM,cAAc,aAAa,CAAC;AAEzC,eAAO,MAAM,qBAAqB;;;CAGxB,CAAC;AAEX,eAAO,MAAM,eAAe;;;;;CAKlB,CAAC;AAEX,eAAO,MAAM,UAAU;;;;;;;;;;;CAWb,CAAC;AAEX,eAAO,MAAM,eAAe;;;;;;;CAOlB,CAAC;AAEX,eAAO,MAAM,WAAW;;;;;;;;;;;;;CAad,CAAC;AAEX,eAAO,MAAM,qBAAqB;;;CAGxB,CAAC;AAEX,eAAO,MAAM,kBAAkB;;CAErB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kestra-io/ui-libs",
-  "version": "0.0.222",
+  "version": "0.0.224",
   "type": "module",
   "files": [
     "dist",
@@ -27,6 +27,14 @@
       },
       "require": "./dist/kestra-flowyamlutils.cjs.js"
     },
+    "./vue-flow-utils": {
+      "types": "./dist/utils/VueFlowUtils.d.ts",
+      "import": {
+        "types": "./dist/utils/VueFlowUtils.d.ts",
+        "default": "./dist/kestra-vueflowutils.es.js"
+      },
+      "require": "./dist/kestra-vueflowutils.cjs.js"
+    },
     "./style.css": "./dist/ui-libs.css",
     "./src/*": "./src/*"
   },

package/src/components/misc/ExecutionInformations.vue

@@ -104,9 +104,9 @@
         ];
     });
 </script>
-<style scoped>
+<style lang="scss" scoped>
 .content {
-  color: var(--bs-gray-700);
+  color: var(--ks-content-secondary);
 }
 
 .content-children {

package/src/components/nodes/TaskNode.vue

@@ -15,6 +15,11 @@
     >
         <template #content>
             <execution-informations v-if="taskExecution" :execution="taskExecution" :task="data.node.task" :color="color" :uid="data.node.uid" />
+            <button v-if="playgroundEnabled && data.node.task" type="button" class="playground-button" @click="$emit(EVENTS.RUN_TASK, {task: data.node.task})">
+                <tooltip style="display: flex;" :title="$t('run task in playground')">
+                    <PlayIcon class="button-play-icon" alt="Play task" />
+                </tooltip>
+            </button>
         </template>
         <template #badge-button-before>
             <span
@@ -83,10 +88,15 @@
     import Delete from "vue-material-design-icons/Delete.vue";
     import TextBoxSearch from "vue-material-design-icons/TextBoxSearch.vue";
     import AlertOutline from "vue-material-design-icons/AlertOutline.vue"
+    import PlayIcon from "vue-material-design-icons/Play.vue";
     import SendLock from "vue-material-design-icons/SendLock.vue"
     import Tooltip from "../misc/Tooltip.vue"
     import Utils from "../../utils/Utils";
-    import {EXECUTION_INJECTION_KEY, SUBFLOWS_EXECUTIONS_INJECTION_KEY} from "../topology/injectionKeys";
+    import {
+        EXECUTION_INJECTION_KEY, 
+        SUBFLOWS_EXECUTIONS_INJECTION_KEY,
+        PLAYGROUND_ENABLED_INJECTION_KEY
+    } from "../topology/injectionKeys";
 
     export default {
         name: "Task",
@@ -107,6 +117,9 @@
             },
             subflowsExecutions: {
                 from: SUBFLOWS_EXECUTIONS_INJECTION_KEY,
+            },
+            playgroundEnabled: {
+                from: PLAYGROUND_ENABLED_INJECTION_KEY,
             }
         },
         computed: {
@@ -249,3 +262,22 @@
     }
 </script>
 
+<style lang="scss" scoped>
+@use "../../scss/_color-palette.scss" as _color-palette;
+
+.playground-button {
+    position: absolute;
+    bottom: 0;
+    right: 0;
+    z-index: 1;
+    border: none;
+    background: transparent;
+    background-color: _color-palette.$base-blue-500;
+    color: _color-palette.$base-white; 
+    border-radius: 3px;
+    height: 1rem;
+    width: 1rem;
+    padding: 0;
+    margin: 6px
+}
+</style>

package/src/components/topology/Topology.vue

@@ -30,6 +30,7 @@
                 :icon-component="iconComponent"
                 @edit="emit(EVENTS.EDIT, $event)"
                 @delete="emit(EVENTS.DELETE, $event)"
+                @run-task="emit(EVENTS.RUN_TASK, $event)"
                 @expand="expand($event)"
                 @open-link="emit(EVENTS.OPEN_LINK, $event)"
                 @show-logs="emit(EVENTS.SHOW_LOGS, $event)"
@@ -115,10 +116,10 @@
     import {cssVariable} from "../../utils/global";
     import {CLUSTER_PREFIX, EVENTS} from "../../utils/constants"
     import Utils from "../../utils/Utils"
-    import VueFlowUtils, {type FlowGraph} from "../../utils/VueFlowUtils";
+    import * as VueFlowUtils from "../../utils/VueFlowUtils";
     import {isParentChildrenRelation, swapBlocks} from "../../utils/FlowYamlUtils";
     import {useScreenshot} from "./export/useScreenshot";
-    import {EXECUTION_INJECTION_KEY, SUBFLOWS_EXECUTIONS_INJECTION_KEY} from "./injectionKeys";
+    import {EXECUTION_INJECTION_KEY, SUBFLOWS_EXECUTIONS_INJECTION_KEY, PLAYGROUND_ENABLED_INJECTION_KEY} from "./injectionKeys";
 
     const props = defineProps({
         id: {
@@ -147,7 +148,7 @@
             default: false,
         },
         flowGraph: {
-            type: Object as PropType<FlowGraph>,
+            type: Object as PropType<VueFlowUtils.FlowGraph>,
             required: true
         },
         flowId: {
@@ -181,6 +182,10 @@
         subflowsExecutions: {
             type: Object as PropType<Record<string, any[]>>,
             default: () => ({})
+        },
+        playgroundEnabled: {
+            type: Boolean,
+            default: false
         }
     });
 
@@ -195,15 +200,18 @@
 
     provide(EXECUTION_INJECTION_KEY, computed(() => props.execution));
     provide(SUBFLOWS_EXECUTIONS_INJECTION_KEY, computed(() => props.subflowsExecutions));
+    provide(PLAYGROUND_ENABLED_INJECTION_KEY, computed(() => props.playgroundEnabled));
 
 
     const emit = defineEmits(
         [
             EVENTS.EDIT,
             EVENTS.DELETE,
+            EVENTS.RUN_TASK,
             EVENTS.OPEN_LINK,
             EVENTS.SHOW_LOGS,
             EVENTS.SHOW_DESCRIPTION,
+            EVENTS.RUN_TASK,
             "on-add-flowable-error",
             EVENTS.ADD_TASK,
             "toggle-orientation",

package/src/components/topology/injectionKeys.ts

@@ -1,4 +1,5 @@
 import type {ComputedRef, InjectionKey} from "vue"
 
 export const EXECUTION_INJECTION_KEY = Symbol("execution-injection-key") as InjectionKey<ComputedRef<any>>
-export const SUBFLOWS_EXECUTIONS_INJECTION_KEY = Symbol("subflows-executions-injection-key") as InjectionKey<ComputedRef<Record<string, any[]>>>
+export const SUBFLOWS_EXECUTIONS_INJECTION_KEY = Symbol("subflows-executions-injection-key") as InjectionKey<ComputedRef<Record<string, any[]>>>
+export const PLAYGROUND_ENABLED_INJECTION_KEY = Symbol("playground-enabled-injection-key") as InjectionKey<ComputedRef<boolean>>

package/src/scss/vue-material-design-icon.scss

@@ -0,0 +1,26 @@
+.material-design-icon {
+    > .material-design-icon__svg {
+        bottom: 0;
+    }
+}
+
+.material-design-icon.icon-2x {
+  height: 2em;
+  width: 2em;
+}
+
+.material-design-icon.icon-2x > .material-design-icon__svg {
+  height: 2em;
+  width: 2em;
+}
+
+.material-design-icon.icon-3x {
+  height: 3em;
+  width: 3em;
+}
+
+.material-design-icon.icon-3x > .material-design-icon__svg {
+  height: 3em;
+  width: 3em;
+}
+

package/src/utils/VueFlowUtils.test.ts

@@ -0,0 +1,86 @@
+import {test, expect, describe} from "vitest";
+import * as VueFlowUtils from "./VueFlowUtils";
+
+const graph = {
+            nodes: [
+                {uid: "1", type: "task"},
+                {uid: "2", type: "task", task: {
+                    id: "task1",
+                    type: "io.kestra.one"
+                }},
+                {uid: "3", type: "task", task: {
+                    id: "task2",
+                    type: "io.kestra.two"
+                }},
+                {uid: "4", type: "task", task: {
+                    id: "task3",
+                    type: "io.kestra.three"
+                }},
+                {uid: "5", type: "task", task: {
+                    id: "task4",
+                    type: "io.kestra.four"
+                }},
+                {uid: "6", type: "task", task: {
+                    id: "task5",
+                    type: "io.kestra.five"
+                }}
+            ],
+            edges: [
+                {source: "1", target: "2", id: "e1", type: "default"},
+                {source: "1", target: "3", id: "e2", type: "default"},
+                {source: "2", target: "4", id: "e3", type: "default"},
+                {source: "3", target: "5", id: "e4", type: "default"},
+                {source: "4", target: "6", id: "e5", type: "default"},
+                {source: "5", target: "6", id: "e6", type: "default"}
+            ],
+            clusters: []
+        } as any;
+
+describe("VueFlowUtils", () => {
+    test("getRootNodes should return nodes with no incoming edges", () => {
+        const rootNodes = VueFlowUtils.getRootNodes(graph);
+        expect(rootNodes).toEqual([{uid: "1", type: "task"}]);
+    });
+
+    test("getTargetNodesEdges should return edges connected to a node", () => {
+        const edges = VueFlowUtils.getTargetNodesEdges(graph, "1");
+        expect(edges).toEqual([
+            {source: "1", target: "2", id: "e1", type: "default"},
+            {source: "1", target: "3", id: "e2", type: "default"}
+        ]);
+    });
+    test("getNextTaskNodes should return next task nodes", () => {
+        const nextTaskNodes = VueFlowUtils.getNextTaskNodes(graph, {uid: "1"} as any);
+        expect(nextTaskNodes).toEqual([
+            {uid: "2", type: "task", task: {id: "task1", type: "io.kestra.one"}},
+            {uid: "3", type: "task", task: {id: "task2", type: "io.kestra.two"}},
+        ]);
+    });
+
+    test("areTasksIdenticalInGraphUntilTask should return true for identical tasks", () => {
+        const previousGraph = {
+            ...graph
+        };
+        const currentGraph = {
+            ...graph
+        };
+        expect(previousGraph).toEqual(currentGraph);
+        expect(VueFlowUtils.areTasksIdenticalInGraphUntilTask(previousGraph, currentGraph, "task4")).toBeTruthy();
+    });
+
+    test("areTasksIdenticalInGraphUntilTask should return false for different tasks", () => {
+        const previousGraph = {
+            ...graph
+        };
+        const currentGraph = {
+            ...graph,
+            nodes: graph.nodes.map((node: any) => {
+                if (node.uid === "3") {
+                    return {...node, task: {...node.task, id: "task1-modified"}};
+                }
+                return node;
+            })
+        };
+        expect(VueFlowUtils.areTasksIdenticalInGraphUntilTask(previousGraph, currentGraph, "task4")).toBeFalsy();
+    });
+});