UNPKG

n8n-editor-ui

Version:

Workflow Editor UI for n8n

2 lines 26.5 kB
!function(){try{("undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{}).SENTRY_RELEASE={id:"n8n@2.13.4"}}catch(e){}}(),System.register(["./chunk-legacy-TXBRODOR.js","./vue.runtime.esm-bundler-legacy-IafOlCW8.js","./_MapCache-legacy-DwgdC8YO.js","./src-legacy-Dwzr7bD0.js","./_plugin-vue_export-helper-legacy-DEZAmQqp.js","./users.store-legacy-OKuN0qAC.js","./constants-legacy-DNCca_FT.js","./merge-legacy-uu1aGqHK.js","./_baseOrderBy-legacy-PsQY_Pvh.js","./NodeIcon-legacy-B4uktMo3.js","./useRunWorkflow-legacy-D--lDsti.js","./dateFormatter-legacy-CmupnmDm.js","./chatHubPanel.store-legacy-CNIu4UHq.js","./AnimatedSpinner-legacy-DJhh4l70.js"],(function(e,n){var t,a,o,l,r,i,s,d,c,u,g,_,v,p,m,f,y,b,x,h,k,w,z,I,D,T,E,j,N,B,S,C,$,O,R,q,L,M,A,P,H,U,W,F,J,V,G,K,Q,X,Y,Z,ee,ne,te,ae,oe,le,re,ie,se,de,ce,ue,ge,_e,ve,pe,me,fe,ye,be,xe,he,ke,we,ze,Ie,De,Te,Ee,je,Ne,Be,Se;function Ce(e){return e.reduce(((e,n)=>{const t=n?.json?.tokenUsage??n?.json?.tokenUsageEstimate;return t?W(e,{...t,isEstimate:!!n?.json.tokenUsageEstimate}):e}),V)}function $e(e){return Ce(Object.values(e.data??{}).flat().flat())}function Oe(e,n,t,a){const o=function(e,n,t,a,o=[]){return{parent:n.parent,node:e,id:`${n.workflow.id}:${e.id}:${[...n.ancestorRunIndexes,t].join(":")}`,runIndex:t,runData:a,children:o,consumedTokens:a?$e(a):V,workflow:n.workflow,executionId:n.executionId,execution:n.data,isSubExecution:n.isSubExecution}}(e,a,t??0,n),l=function(e,n,t,a){const o=Ue(e);if(void 0!==o){const n=a.workflows[o.workflowId],l=a.subWorkflowData[o.executionId];return n&&l?Le(void 0,{...a,parent:e,ancestorRunIndexes:[...a.ancestorRunIndexes,t??0],workflow:n,executionId:o.executionId,data:l,isSubExecution:!0}):[]}function l(a){return(a?.previousNode===n.name||Fe(e)&&"PartialExecutionToolExecutor"===a?.previousNode)&&(void 0===t||(a.previousNodeRun??0)===t)}return a.workflow.getParentNodes(n.name,"ALL_NON_MAIN",1).flatMap((n=>(a.data.resultData.runData[n]??[]).flatMap(((o,r)=>{if(!(o.source.some((e=>null!==e))?o.source.some(l):void 0===t||r===t))return[];const i=a.workflow.getNode(n);return i?Oe(i,o,r,{...a,ancestorRunIndexes:[...a.ancestorRunIndexes,t??0],parent:e}):[]}))))}(o,e,t,a).sort(Pe);return void 0!==n&&!e.disabled||0!==l.length?(o.children=l,[o]):[]}function Re(...e){return e.reduce(W,V)}function qe(e,n){const t=e.executionId;return function e(a){return n||a.executionId===t?Re(a.consumedTokens,...a.children.map(e)):V}(e)}function Le(e,n){const t=n.data.resultData.runData,a=Object.entries(t).flatMap((([a,o])=>{const l=n.workflow.getNode(a);if(null===l||e&&e.rootNodeId!==l.id)return[];const r=n.workflow.getChildNodes(a,"ALL_NON_MAIN");if(0===r.length){const n=o.map(((e,n)=>({node:l,task:e,runIndex:n,nodeHasMultipleRuns:o.length>1})));return e?n.filter((n=>n.runIndex===e.rootNodeRunIndex)):n}if(r.some((e=>(t[e]??[]).length>0)))return[];const i=n.workflow.getNode(r[0]);return null===i?[]:[{node:i,nodeHasMultipleRuns:!1}]})),o=new Set;return a.filter((e=>void 0!==e.task||!o.has(e.node.id)&&(o.add(e.node.id),!0))).flatMap((({node:e,runIndex:t,task:a,nodeHasMultipleRuns:o})=>Oe(e,a,o?t:void 0,n))).sort(Pe)}function Me(e,n){for(const t of n){if(e(t))return t;const n=Me(e,t.children);if(n)return n}}function Ae(e,n,t=[]){for(const a of e)t.push(a),n[a.id]||Ae(a.children,n,t);return t}function Pe(e,n){return void 0===e.runData?e.children.length>0?Pe(e.children[0],n):0:void 0===n.runData?n.children.length>0?Pe(e,n.children[0]):0:e.runData.startTime===n.runData.startTime?e.runData.executionIndex-n.runData.executionIndex:e.runData.startTime-n.runData.startTime}function He(e){return void 0!==Ue(e)}function Ue(e){const n=e.runData?.metadata?.subExecution;return n?{workflowId:n.workflowId,executionId:n.executionId}:ne(e.runData?.error)?.subExecution}function We(e){if(!e||(0,ke.default)(e))return;const n=["output","text","response.text","message"].find((n=>(0,he.default)(e,n)));if(!n)return JSON.stringify(e,null,2);const t=(0,he.default)(e,n);return"object"==typeof t?"```json\n"+JSON.stringify(t,null,2)+"\n```":t?.toString()??""}function Fe(e){return void 0===e.runData}return e({_:function(e,n){if(!e?.data)return[];const t=function(e,n){const t=e.nodes.find(F);if(void 0===t)return;const a="@n8n/n8n-nodes-langchain.manualChatTrigger"===(o=t).type&&o.typeVersion<1.1?"input":(o.type,"chatInput");var o;const l=(n.runData[t.name]??[])[0],r=l?.data?.[oe.Main]?.[0]?.[0]?.json?.[a];return void 0!==l&&"string"==typeof r?{text:r,sender:"user",id:ae()}:void 0}(e.workflowData,e.data.resultData),a=function(e,n,t){const a=e.lastNodeExecuted;if(!a)return;const o=(0,he.default)(e.runData,a)??[],l=o[o.length-1];let r;if((0,he.default)(l,"error"))r="[ERROR: "+(0,he.default)(l,"error.message")+"]";else{const e=(0,he.default)(l,"data.main");let n;if(e&&Array.isArray(e))for(const t of e)if(t?.[0]?.json&&(n=We(t[0].json),n))break;if(n=n??t,!n)return;r=n}return{text:r,sender:"bot",id:n??ae()}}(e.data.resultData,e.id,n);return[...t?[t]:[],...a?[a]:[]]},c:Me,d:function(e){let n=0,t=e;for(;void 0!==t.parent;)t=t.parent,n++;return n},f:function(e,n,t){const a=e.findIndex((e=>e.id===n));return-1===a?void 0:e[a+t]},g:function(e){return void 0!==e.parent&&e.parent.executionId===e.executionId},h:Fe,l:function(e,n,t){switch(e.type){case"initial":return t?void 0:function(e){const n=Me((e=>!!e.runData?.error),e);return n||(Me((e=>"@n8n/n8n-nodes-langchain.agent"===e.node.type||"@n8n/n8n-nodes-langchain.agent"===e.parent?.node.type&&Fe(e.parent)),e)||e[e.length-1])}(n);case"none":return;case"selected":{const a=Me((n=>n.id===e.entry.id),n);if(void 0===a&&!t)for(let t=e.entry.runIndex-1;t>=0;t--){const a=Me((n=>n.workflow.id===e.entry.workflow.id&&n.node.id===e.entry.node.id&&n.runIndex===t),n);if(void 0!==a)return a}return a}}},m:Re,n:function({isEnabled:e,filter:n}={}){const t=H(),a=G(),o=J(),l=U(),r=d(),i=g((()=>"running"===a.workflowExecutionData?.status&&Object.keys(a.workflowExecutionData.data?.resultData.runData??{}).length>1?ie:0)),s=function(e,n){const t=u(e.value);return x(e,B((e=>{t.value=e}),n,!0,!0),{immediate:!0}),t}(r,i),c=g((()=>s.value?.response.workflowData)),_=d({}),v=d({}),p=d(),m=g((()=>Object.values(p.value?.nodes??{}).reduce(((e,n)=>{const t=a.getNodeById(n.id);return e[n.id]={deleted:!t,disabled:t?.disabled??!1,name:t?.name??n.name},e}),{}))),f=fe(),y=g((()=>(!f.isFloatingChatEnabled||!a.workflow.nodes.some((e=>"@n8n/n8n-nodes-langchain.chatTrigger"===e.type&&!0===e.parameters?.availableInChat)))&&[Object.values(p.value?.nodes??{}),a.workflow.nodes].some((e=>e.some(F))))),b=g((()=>{if(void 0!==e&&!e.value||!s.value||!p.value)return[];const t=function(e,n){if(!n.data)return n;const t=[...new Set(Object.keys(e).concat(Object.keys(n.data.resultData.runData))).values()],a=Object.fromEntries(t.map((t=>{const a=n.data?.resultData.runData[t]??[];return[t,a.concat((e[t]??[]).filter((e=>!a.some((n=>n.executionIndex===e.executionIndex&&n.startTime===e.startTime))&&a.every((n=>n.startTime<e.startTime)))).map((e=>({...e,executionTime:0,executionStatus:"running"}))))]})));return{...n,data:{...n.data,resultData:{...n.data.resultData,runData:a}}}}(s.value.startData,s.value.response);return function(e,n,t={},a={},o){return Le(o,{parent:void 0,ancestorRunIndexes:[],executionId:n.id,workflow:e,workflows:t,data:n.data??le(),subWorkflowData:a,isSubExecution:!1})}(p.value,t,v.value,_.value,n?.value)}));function h(){r.value=void 0,o.setWorkflowExecutionData(null),t.updateNodesExecutionIssues(),a.chatPartialExecutionDestinationNode=null,a.fetchLastSuccessfulExecution()}return x([()=>a.workflowExecutionData?.id,()=>a.workflowExecutionData?.workflowData.id,()=>a.workflowExecutionData?.status,()=>a.workflowExecutionResultDataLastUpdate,()=>a.workflowExecutionStartedData],B((([e],[n])=>{var t;r.value=null===a.workflowExecutionData?void 0:{response:(t=a.workflowExecutionData,{...t,data:re({...t.data,resultData:{...t.data?.resultData,runData:Object.fromEntries(Object.entries(t.data?.resultData.runData??{}).map((([e,n])=>[e,[...n]])))}})}),startData:a.workflowExecutionStartedData?.[1]??{}},e!==n&&(_.value={},v.value={})}),i,!0,!0),{immediate:!0}),x((()=>a.workflowId),(()=>{h()})),x(c,(e=>{p.value=e?new te({...e,nodeTypes:a.getNodeTypes()}):void 0}),{immediate:!0}),{execution:g((()=>s.value?.response)),entries:b,hasChat:y,latestNodeNameById:m,resetExecutionData:h,loadSubExecution:async function(e){const n=Ue(e);if(r.value&&void 0!==n)try{const e=await a.fetchExecutionDataById(n.executionId),t=e?.data?X(e.data):void 0;if(!t||!e)throw Error("Data is missing");_.value[n.executionId]=t,v.value[n.workflowId]=new te({...e.workflowData,nodeTypes:a.getNodeTypes()})}catch(t){l.showError(t,"Unable to load sub execution")}}}},p:qe,s:function(e,n){return Me((n=>n.id===e),n)},t:function(e,n){const t=u({});return{flatLogEntries:g((()=>Ae(e.value,t.value))),toggleExpanded:function(e,a){He(e)&&0===e.children.length?n(e):t.value={...t.value,[e.id]:void 0===a?!t.value[e.id]:!a}}}},u:Ce}),{setters:[function(e){t=e.o,a=e.t},function(e){o=e.$,l=e.A,r=e.Bt,i=e.C,s=e.E,d=e.Ft,c=e.N,u=e.Rt,g=e.S,_=e.Sn,v=e.T,p=e.U,m=e.W,f=e.Wt,y=e._,b=e._n,x=e.gt,h=e.h,k=e.j,w=e.pt,z=e.rt,I=e.w,D=e.yn,T=e.yt},function(e){E=e.H,j=e.V,N=e.bt,B=e.ct,S=e.m,C=e.xt},function(e){$=e.$i,O=e.Ii,R=e.Mi,q=e.Qi,L=e.Zi,M=e._t,A=e.v},function(e){P=e.t},function(e){H=e.$t,U=e.Tr,W=e.c,F=e.d,J=e.in,V=e.l,G=e.s,K=e.tt,Q=e.u,X=e.ua,Y=e.w},function(e){e.Gt,Z=e.Jo,ee=e.Ko,ne=e.Li,te=e.Pi,ae=e.Uo,oe=e.ho,e.jn,le=e.oa,re=e.sa,ie=e.yl,e.yo},function(e){se=e.A,de=e.S,ce=e.b,ue=e.k,ge=e.w},function(e){e.w},function(e){_e=e.t},function(e){ve=e.t},function(e){pe=e.a,me=e.i},function(e){fe=e.t},function(e){ye=e.t}],execute:function(){(be=document.createElement("style")).textContent='._name_iqwm2_125{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._name_iqwm2_125 del:not(:last-child){margin-right:var(--spacing--4xs)}._container_zvanm_125{z-index:1;cursor:pointer;justify-content:stretch;align-items:center;display:flex;position:relative;overflow:hidden}._container_zvanm_125:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-right:var(--spacing--5xs)}._container_zvanm_125:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-right:var(--spacing--5xs)}._container_zvanm_125:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:var(--spacing--5xs)}._container_zvanm_125:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:var(--spacing--5xs)}._container_zvanm_125>*{text-overflow:ellipsis;white-space:nowrap;padding:var(--spacing--2xs);overflow:hidden}._background_zvanm_142{left:calc(var(--indent-depth)*32px);width:calc(100% - var(--indent-depth)*32px);border-radius:var(--radius);z-index:-1;height:100%;position:absolute;top:0}._selected_zvanm_153 ._background_zvanm_142{background-color:var(--color--foreground)}._container_zvanm_125:hover:not(._selected_zvanm_153) ._background_zvanm_142{background-color:var(--color--background--light-1)}._selected_zvanm_153:not(:hover)._error_zvanm_159 ._background_zvanm_142{background-color:var(--callout--color--background--danger)}._indent_zvanm_163{width:var(--spacing--xl);flex-grow:0;flex-shrink:0;align-self:stretch;margin-bottom:0;position:relative;overflow:hidden}._indent_zvanm_163._connectorCurved_zvanm_172:before{content:"";left:var(--spacing--sm);bottom:var(--spacing--sm);border:2px solid var(--canvas--dot--color);width:var(--spacing--lg);height:var(--spacing--lg);border-radius:var(--radius--lg);position:absolute}._indent_zvanm_163._connectorStraight_zvanm_182:after{content:"";left:var(--spacing--sm);border-left:2px solid var(--canvas--dot--color);height:100%;position:absolute;top:0}._icon_zvanm_191{margin-left:var(--row-gap-thickness);flex-grow:0;flex-shrink:0}._name_zvanm_198{flex-grow:1;flex-basis:0}._name_zvanm_198:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:0}._name_zvanm_198:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:0}._name_zvanm_198:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:0}._name_zvanm_198:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:0}._timeTook_zvanm_204{flex-grow:0;flex-shrink:0;width:20%}._timeTook_zvanm_204 ._statusTextIcon_zvanm_209{margin-right:var(--spacing--5xs);vertical-align:text-bottom}._startedAt_zvanm_214{flex-grow:0;flex-shrink:0;width:25%}._consumedTokens_zvanm_220{text-align:right;flex-grow:0;flex-shrink:0;width:15%}._compactErrorIcon_zvanm_227{flex-grow:0;flex-shrink:0;justify-content:center;align-items:center;width:26px;display:flex}._container_zvanm_125:hover ._compactErrorIcon_zvanm_227{display:none}._partialExecutionButton_zvanm_239,._openNdvButton_zvanm_240{visibility:hidden;transition:none}._container_zvanm_125._compact_zvanm_227 ._partialExecutionButton_zvanm_239,._container_zvanm_125._compact_zvanm_227 ._openNdvButton_zvanm_240{display:none}._container_zvanm_125:hover ._partialExecutionButton_zvanm_239:not(._unavailable_zvanm_250),._container_zvanm_125:hover ._openNdvButton_zvanm_240:not(._unavailable_zvanm_250){visibility:visible;display:inline-flex}._partialExecutionButton_zvanm_239,._openNdvButton_zvanm_240,._toggleButton_zvanm_258{color:var(--color--text);background:0 0;border:none;flex-grow:0;flex-shrink:0;justify-content:center;align-items:center}._partialExecutionButton_zvanm_239:hover,._openNdvButton_zvanm_240:hover,._toggleButton_zvanm_258:hover{background:0 0}._partialExecutionButton_zvanm_239:disabled,._openNdvButton_zvanm_240:disabled,._toggleButton_zvanm_258:disabled{visibility:hidden!important}._toggleButton_zvanm_258{display:inline-flex}._statusIcon_zvanm_282{color:var(--color--text--tint-1);width:26px;height:26px;padding:var(--spacing--3xs);flex-grow:0;flex-shrink:0}._statusIcon_zvanm_282._placeholder_zvanm_290{color:transparent}._tree_1j0rt_125{padding:0 var(--spacing--2xs)var(--spacing--2xs)var(--spacing--2xs);scroll-behavior:smooth}._container_1j0rt_130:not(._staticScrollBar_1j0rt_130) ._tree_1j0rt_125{scroll-padding-block:var(--spacing--3xs)}@supports not selector(::-webkit-scrollbar){._container_1j0rt_130:not(._staticScrollBar_1j0rt_130) ._tree_1j0rt_125{scrollbar-width:thin}}@supports selector(::-webkit-scrollbar){._container_1j0rt_130:not(._staticScrollBar_1j0rt_130) ._tree_1j0rt_125{padding-right:var(--spacing--5xs);scrollbar-gutter:stable}._container_1j0rt_130:not(._staticScrollBar_1j0rt_130) ._tree_1j0rt_125::-webkit-scrollbar{width:var(--spacing--4xs)}._container_1j0rt_130:not(._staticScrollBar_1j0rt_130) ._tree_1j0rt_125::-webkit-scrollbar-thumb{border-radius:var(--spacing--4xs);background:var(--color--foreground--shade-1)}}._tree_1j0rt_125 .el-icon{display:none}\n/*$vite$:1*/',document.head.appendChild(be);try{n="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},(d=(new n.Error).stack)&&(n._sentryDebugIds=n._sentryDebugIds||{},n._sentryDebugIds[d]="9aa0396b-0f78-454c-89fc-dbab9cce4808",n._sentryDebugIdIdentifier="sentry-dbid-9aa0396b-0f78-454c-89fc-dbab9cce4808")}catch(n){}var n,d;xe=a(((e,n)=>{var t=Z(),a=ee(),o=se(),l=S(),r=ce(),i=ue(),s=de(),d=ge(),c=Object.prototype.hasOwnProperty;n.exports=function(e){if(null==e)return!0;if(r(e)&&(l(e)||"string"==typeof e||"function"==typeof e.splice||i(e)||d(e)||o(e)))return!e.length;var n=a(e);if("[object Map]"==n||"[object Set]"==n)return!e.size;if(s(e))return!t(e).length;for(var u in e)if(c.call(e,u))return!1;return!0}})),he=t(A(),1),ke=t(xe(),1),e("o",we=c({__name:"ConsumedTokensDetails",props:{consumedTokens:{}},setup(e){const n=N();return(t,a)=>(o(),s("div",null,[k(f(L),{bold:!0,size:"small"},{default:T((()=>[l(_(f(n).baseText("runData.aiContentBlock.tokens.prompt"))+" "+_(f(n).baseText("runData.aiContentBlock.tokens",{interpolate:{count:f(Q)(e.consumedTokens,"prompt")}})),1)])),_:1}),a[0]||(a[0]=i("br",null,null,-1)),k(f(L),{bold:!0,size:"small"},{default:T((()=>[l(_(f(n).baseText("runData.aiContentBlock.tokens.completion"))+" "+_(f(n).baseText("runData.aiContentBlock.tokens",{interpolate:{count:f(Q)(e.consumedTokens,"completion")}})),1)])),_:1})]))}})),e("a",ze=c({__name:"LogsViewConsumedTokenCountText",props:{consumedTokens:{}},setup(e){const n=N();return(t,a)=>void 0!==e.consumedTokens?(o(),I(f(R),{key:0,enterable:!1},{content:T((()=>[k(we,{"consumed-tokens":e.consumedTokens},null,8,["consumed-tokens"])])),default:T((()=>[i("span",null,_(f(n).baseText("runData.aiContentBlock.tokens",{interpolate:{count:f(Q)(e.consumedTokens,"total")}})),1)])),_:1})):v("",!0)}})),Ie={key:0},De=c({__name:"LogsViewNodeName",props:{name:{},isError:{type:Boolean},isDeleted:{type:Boolean}},setup:e=>(n,t)=>(o(),I(f(L),{tag:"div",bold:!0,size:"small",class:b(n.$style.name),color:e.isError?"danger":void 0},{default:T((()=>[e.isDeleted?(o(),s("del",Ie,_(e.name),1)):(o(),s(y,{key:1},[l(_(e.name),1)],64))])),_:1},8,["class","color"]))}),e("i",Te=P(De,[["__cssModules",{$style:{name:"_name_iqwm2_125"}}]])),Ee=t(K(),1),je=["aria-expanded","aria-selected"],Ne=c({__name:"LogsOverviewRow",props:{data:{},isSelected:{type:Boolean},isReadOnly:{type:Boolean},shouldShowTokenCountColumn:{type:Boolean},isCompact:{type:Boolean},latestInfo:{},expanded:{type:Boolean},canOpenNdv:{type:Boolean}},emits:["toggleExpanded","toggleSelected","triggerPartialExecution","openNdv"],setup(e,{emit:n}){const t=e,a=n,r=w("containerRef"),d=N(),c=j({interval:1e3}),u=Y(),p=g((()=>u.getNodeType(t.data.node.type))),E=g((()=>"running"===t.data.runData?.executionStatus)),B=g((()=>"waiting"===t.data.runData?.executionStatus)),S=g((()=>!E.value&&!B.value)),R=g((()=>!!t.data.runData?.error)),M=g((()=>S.value?"logs.overview.body.summaryText.in":"logs.overview.body.summaryText.for")),A=g((()=>{if(void 0===t.data.runData)return"—";const e=new Date(t.data.runData.startTime);return d.baseText("logs.overview.body.started",{interpolate:{time:`${pe(e,!0)}, ${me(e)}`}})})),P=g((()=>(0,Ee.default)(t.data.runData?.executionStatus??""))),H=g((()=>t.data.runData?d.displayTimer(S.value?t.data.runData.executionTime:1e3*Math.floor((c.value-t.data.runData.startTime)/1e3),!0):void 0)),U=g((()=>t.shouldShowTokenCountColumn?qe(t.data,!1):void 0)),W=g((()=>t.data.children.length>0||He(t.data))),F=g((()=>{const e=[];let n=t.data;for(;void 0!==n.parent;){const a=n.parent?.children??[],o=a[a.length-1];e.unshift({straight:o?.id!==n.id,curved:n===t.data}),n=n.parent}return e}));return x((()=>t.isSelected),(e=>{m((()=>{if(e){const e=document.activeElement;"chat-input"!==e?.getAttribute("data-test-id")&&null===e?.closest('[data-test-id="canvas-chat"]')&&r.value?.focus()}}))}),{immediate:!0}),(n,r)=>(o(),s("div",{ref:"containerRef",role:"treeitem",tabindex:"-1","aria-expanded":t.data.children.length>0&&t.expanded,"aria-selected":t.isSelected,class:b({[n.$style.container]:!0,[n.$style.compact]:t.isCompact,[n.$style.error]:R.value,[n.$style.selected]:t.isSelected}),onClick:r[3]||(r[3]=h((e=>a("toggleSelected")),["stop"]))},[(o(!0),s(y,null,z(F.value,((e,t)=>(o(),s("div",{key:t,class:b({[n.$style.indent]:!0,[n.$style.connectorCurved]:e.curved,[n.$style.connectorStraight]:e.straight})},null,2)))),128)),i("div",{class:b(n.$style.background),style:D({"--indent-depth":F.value.length})},null,6),k(_e,{"node-type":p.value,size:16,class:b(n.$style.icon)},null,8,["node-type","class"]),k(Te,{class:b(n.$style.name),name:e.latestInfo?.name??t.data.node.name,"is-error":R.value,"is-deleted":e.latestInfo?.deleted??!1},null,8,["class","name","is-error","is-deleted"]),e.isCompact?v("",!0):(o(),I(f(L),{key:0,tag:"div",color:"text-light",size:"small",class:b(n.$style.timeTook)},{default:T((()=>[void 0!==H.value?(o(),I(f(C),{key:0,keypath:M.value,scope:"global"},{status:T((()=>[k(f(L),{color:R.value?"danger":void 0,bold:R.value,size:"small"},{default:T((()=>[E.value?(o(),I(ye,{key:0,class:b(n.$style.statusTextIcon)},null,8,["class"])):B.value?(o(),I(f($),{key:1,icon:"status-waiting",class:b(n.$style.statusTextIcon)},null,8,["class"])):R.value?(o(),I(f($),{key:2,icon:"triangle-alert",class:b(n.$style.statusTextIcon)},null,8,["class"])):v("",!0),l(" "+_(P.value),1)])),_:1},8,["color","bold"])])),time:T((()=>[l(_(H.value),1)])),_:1},8,["keypath"])):(o(),s(y,{key:1},[l("—")],64))])),_:1},8,["class"])),e.isCompact?v("",!0):(o(),I(f(L),{key:1,tag:"div",color:"text-light",size:"small",class:b(n.$style.startedAt)},{default:T((()=>[l(_(A.value),1)])),_:1},8,["class"])),e.isCompact||void 0===U.value?v("",!0):(o(),I(f(L),{key:2,tag:"div",color:"text-light",size:"small",class:b(n.$style.consumedTokens)},{default:T((()=>[U.value.totalTokens>0&&(0===t.data.children.length||!t.expanded)?(o(),I(ze,{key:0,"consumed-tokens":U.value},null,8,["consumed-tokens"])):v("",!0)])),_:1},8,["class"])),R.value&&e.isCompact?(o(),I(f($),{key:3,size:"medium",color:"danger",icon:"triangle-alert",class:b(n.$style.compactErrorIcon)},null,8,["class"])):v("",!0),!e.canOpenNdv||e.isCompact&&t.latestInfo?.deleted?v("",!0):(o(),I(f(O),{key:4,variant:"ghost",size:"small",icon:"square-pen","icon-size":"medium",style:D({visibility:t.data.isSubExecution?"hidden":void 0}),disabled:t.latestInfo?.deleted,class:b(n.$style.openNdvButton),"aria-label":f(d).baseText("logs.overview.body.open"),onClick:r[0]||(r[0]=h((e=>a("openNdv")),["stop"]))},null,8,["style","disabled","class","aria-label"])),e.isCompact&&(t.isReadOnly||t.latestInfo?.deleted||t.latestInfo?.disabled)?v("",!0):(o(),I(f(O),{key:5,variant:"ghost",size:"small",icon:"play","aria-label":f(d).baseText("logs.overview.body.run"),class:b([n.$style.partialExecutionButton,F.value.length>0?n.$style.unavailable:""]),disabled:t.latestInfo?.deleted||t.latestInfo?.disabled,onClick:r[1]||(r[1]=h((e=>a("triggerPartialExecution")),["stop"]))},null,8,["aria-label","class","disabled"])),e.isCompact&&!W.value?(o(),s(y,{key:6},[E.value?(o(),I(ye,{key:0,class:b(n.$style.statusIcon)},null,8,["class"])):B.value?(o(),I(f($),{key:1,icon:"status-waiting",class:b(n.$style.statusIcon)},null,8,["class"])):v("",!0)],64)):v("",!0),!e.isCompact||W.value?(o(),I(f(q),{key:7,variant:"ghost",iconOnly:"",size:"small",icon:t.expanded?"chevron-down":"chevron-up","icon-size":"medium",style:D({visibility:W.value?void 0:"hidden"}),class:b(n.$style.toggleButton),"aria-label":f(d).baseText("logs.overview.body.toggleRow"),onClick:r[2]||(r[2]=h((e=>a("toggleExpanded")),["stop"]))},null,8,["icon","style","class","aria-label"])):v("",!0)],10,je))}}),Be=P(Ne,[["__cssModules",{$style:{container:"_container_zvanm_125",background:"_background_zvanm_142",selected:"_selected_zvanm_153",error:"_error_zvanm_159",indent:"_indent_zvanm_163",connectorCurved:"_connectorCurved_zvanm_172",connectorStraight:"_connectorStraight_zvanm_182",icon:"_icon_zvanm_191",name:"_name_zvanm_198",timeTook:"_timeTook_zvanm_204",statusTextIcon:"_statusTextIcon_zvanm_209",startedAt:"_startedAt_zvanm_214",consumedTokens:"_consumedTokens_zvanm_220",compactErrorIcon:"_compactErrorIcon_zvanm_227",partialExecutionButton:"_partialExecutionButton_zvanm_239",openNdvButton:"_openNdvButton_zvanm_240",compact:"_compact_zvanm_227",unavailable:"_unavailable_zvanm_250",toggleButton:"_toggleButton_zvanm_258",statusIcon:"_statusIcon_zvanm_282",placeholder:"_placeholder_zvanm_290"}}]]),Se=c({__name:"LogsOverviewRows",props:{selected:{},isReadOnly:{type:Boolean},isCompact:{type:Boolean},shouldShowTokenCountColumn:{type:Boolean},canOpenNdv:{type:Boolean},flatLogEntries:{},latestNodeInfo:{},execution:{}},emits:["select","openNdv","toggleExpanded"],setup(e,{emit:n}){const t=n,a=ve({router:M()}),l=g((()=>e.flatLogEntries.reduce(((e,n,t,a)=>(e[n.id]=a[t+1]?.parent?.id===n.id,e)),{}))),d=E(r((()=>e.flatLogEntries)),{itemHeight:32});return x([()=>"running"===e.execution?.status,()=>e.flatLogEntries.length],(async([n,t],[a])=>{await m((()=>{void 0===e.selected&&(n||a)&&d.scrollTo(t-1)}))}),{immediate:!0}),x((()=>e.selected?.id),(async n=>{await m((()=>{if(void 0===n)return;const t=d.list.value.some((e=>e.data.id===n))?-1:e.flatLogEntries.findIndex((e=>e.id===n));t>=0&&d.scrollTo(t)}))}),{immediate:!0}),(n,r)=>(o(),s("div",p({class:n.$style.tree},f(d).containerProps),[i("div",p({role:"tree"},f(d).wrapperProps.value),[(o(!0),s(y,null,z(f(d).list.value,(({data:n,index:r})=>(o(),I(Be,{key:r,data:n,"is-read-only":e.isReadOnly,"is-selected":n.id===e.selected?.id,"is-compact":e.isCompact,"should-show-token-count-column":e.shouldShowTokenCountColumn,"latest-info":e.latestNodeInfo[n.node.id],expanded:l.value[n.id],"can-open-ndv":e.canOpenNdv,onToggleExpanded:e=>t("toggleExpanded",n),onOpenNdv:e=>t("openNdv",n),onTriggerPartialExecution:t=>async function(n){const t=e.latestNodeInfo[n.node.id]?.name??n.node.name;t&&await a.runWorkflow({destinationNode:{nodeName:t,mode:"inclusive"}})}(n),onToggleSelected:a=>t("select",e.selected?.id===n.id?void 0:n)},null,8,["data","is-read-only","is-selected","is-compact","should-show-token-count-column","latest-info","expanded","can-open-ndv","onToggleExpanded","onOpenNdv","onTriggerPartialExecution","onToggleSelected"])))),128))],16)],16))}}),e("r",P(Se,[["__cssModules",{$style:{tree:"_tree_1j0rt_125",container:"_container_1j0rt_130",staticScrollBar:"_staticScrollBar_1j0rt_130"}}]]))}}})); //# sourceMappingURL=useLogsTreeExpand-legacy-BQTBnZH1.js.map