n8n-editor-ui/dist/assets/InsightsDashboard-legacy-B5LmRBcn.js

Workflow Editor UI for n8n

!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","./CalendarDate-legacy-BjYfYnal.js","./sanitize-html-legacy-ChR3ikxn.js","./users.store-legacy-OKuN0qAC.js","./dialog-legacy-2rrTvc09.js","./constants-legacy-DNCca_FT.js","./merge-legacy-uu1aGqHK.js","./_baseOrderBy-legacy-PsQY_Pvh.js","./dateformat-legacy-BxdD_OP7.js","./useDebounce-legacy-CT3oYGrC.js","./versions.store-legacy-BoVYiMEK.js","./usePageRedirectionHelper-legacy-dYzA8Va8.js","./ProjectIcon-legacy-Bou4IyeB.js","./orderBy-legacy-B1QhOZ6M.js","./ProjectSharing-legacy-D18mSKYq.js","./insights.store-legacy-CoDyKxkz.js","./insights.constants-legacy-CEIQi13p.js","./insights.utils-legacy-uA0D6qm5.js","./InsightsSummary-legacy-BlZQZv-w.js"],(function(e,t){var a,n,s,i,l,o,r,d,u,c,g,p,m,_,y,h,v,f,b,x,V,j,w,z,k,T,I,C,D,L,E,P,S,$,B,R,A,M,W,U,O,Z,F,H,N,J,X,Y,K,Q,q,G,ee,te,ae,ne;return{setters:[function(e){e.o},function(e){a=e.$,n=e.A,s=e.C,i=e.E,l=e.Ft,o=e.K,r=e.M,d=e.N,u=e.Rt,c=e.S,g=e.Sn,p=e.T,m=e.Wt,_=e.X,y=e._,h=e._n,v=e.dt,f=e.gt,b=e.j,x=e.rt,V=e.st,j=e.w,w=e.yt},function(e){z=e.bt},function(e){k=e.$i,T=e.Qi,I=e.R,C=e.Yi,D=e.Zi,L=e.gt,E=e.na,P=e.p},function(e){S=e.t},function(e){$=e.h,B=e.l,R=e.m},function(e){},function(e){A=e.Ft,M=e.en,W=e.vn},function(e){U=e.t},function(e){},function(e){},function(e){},function(e){},function(e){},function(e){},function(e){O=e.t},function(e){},function(e){},function(e){Z=e.t},function(e){F=e.t},function(e){H=e.s},function(e){N=e.a,J=e.i,X=e.n,Y=e.t},function(e){K=e.t}],execute:function(){(Q=document.createElement("style")).textContent='.perks-list[data-v-fdfc14aa]{gap:var(--spacing--sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.perks-list>li[data-v-fdfc14aa]{align-items:center;gap:var(--spacing--2xs);display:flex}.insight-modal-button-container[data-v-fdfc14aa]{justify-content:flex-end;gap:var(--spacing--2xs);display:flex}._PresetButton_1waws_2{--button--border-color:transparent;text-align:left;display:flex}._LockIcon_1waws_7{margin-left:auto}._insightsView_1mozi_125{flex-direction:column;flex:1;gap:30px;display:flex;overflow:auto}._insightsContainer_1mozi_133{width:100%;max-width:var(--content-container--width);padding:var(--spacing--lg)var(--spacing--2xl);margin:0 auto}._insightsBanner_1mozi_140{margin-bottom:0}._insightsBanner_1mozi_140 ul{border-bottom-right-radius:0;border-bottom-left-radius:0}._insightsContent_1mozi_148{padding:var(--spacing--lg)0;border:var(--border-width)var(--border-style)var(--color--foreground);background:var(--color--background--light-3);border-top:0;border-bottom-right-radius:6px;border-bottom-left-radius:6px}._insightsContentWrapper_1mozi_157{position:relative;overflow-x:hidden}._insightsChartWrapper_1mozi_162{height:292px;padding:0 var(--spacing--lg);z-index:1;position:relative}._insightsTableWrapper_1mozi_169{padding:var(--spacing--lg)var(--spacing--lg)0;z-index:1;position:relative}._dataLoader_1mozi_175{z-index:2;flex-direction:column;justify-content:center;align-items:center;gap:9px;width:100%;height:100%;display:flex;position:absolute;top:0;left:-100%}._dataLoader_1mozi_175._isDataLoading_1mozi_188{transition:left 0s linear .5s;left:0}._dataLoader_1mozi_175>span{z-index:2;position:relative}._dataLoader_1mozi_175:before{content:"";background-color:var(--color--background--light-3);opacity:.75;z-index:1;width:100%;height:100%;display:block;position:absolute;top:0;left:0}._projectSelect_1mozi_210{min-width:200px}._projectSelect_1mozi_210 .el-input--suffix .el-input__inner{padding-right:26px}._PresetButton_1mozi_217{text-align:left;cursor:pointer;color:var(--color--text);background-color:transparent;border:none;border-radius:.375rem;padding:.5rem .75rem;font-size:13px;font-weight:400;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}._PresetButton_1mozi_217:hover{background-color:var(--color--foreground--tint-1)}\n/*$vite$:1*/',document.head.appendChild(Q);try{se="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},(ie=(new se.Error).stack)&&(se._sentryDebugIds=se._sentryDebugIds||{},se._sentryDebugIds[ie]="4368c663-f1fe-4c67-8834-5588d9b4e309",se._sentryDebugIdIdentifier="sentry-dbid-4368c663-f1fe-4c67-8834-5588d9b4e309")}catch(se){}var se,ie;q={class:"perks-list"},G={class:"insight-modal-button-container"},ee=d({__name:"InsightsUpgradeModal",props:{modelValue:{type:Boolean},modelModifiers:{}},emits:["update:modelValue"],setup(e){const t=v(e,"modelValue"),l=z();function o(){t.value=!1,O().goToUpgrade("insights","upgrade-insights")}const r=c((()=>[...Array(3).keys()].map((e=>l.baseText(`insights.upgradeModal.perks.${e}`)))));return(e,d)=>(a(),j(m(U),{modelValue:t.value,"onUpdate:modelValue":d[1]||(d[1]=e=>t.value=e),title:m(l).baseText("insights.upgradeModal.title"),width:"500"},{footer:w((()=>[s("div",G,[b(m(T),{variant:"subtle",onClick:d[0]||(d[0]=e=>t.value=!1)},{default:w((()=>[n(g(m(l).baseText("insights.upgradeModal.button.dismiss")),1)])),_:1}),b(m(T),{variant:"solid",onClick:o},{default:w((()=>[n(g(m(l).baseText("generic.upgrade")),1)])),_:1})])])),default:w((()=>[s("div",null,[b(m(D),{tag:"p",class:"mb-s"},{default:w((()=>[n(g(m(l).baseText("insights.upgradeModal.content")),1)])),_:1}),s("ul",q,[(a(!0),i(y,null,x(r.value,(e=>(a(),j(m(D),{key:e,color:"text-dark",tag:"li"},{default:w((()=>[d[2]||(d[2]=s("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",width:"16px",height:"16px"},[s("path",{d:"M 16 8 C 16 12.418 12.418 16 8 16 C 3.582 16 0 12.418 0 8 C 0 3.582 3.582 0 8 0 C 12.418 0 16 3.582 16 8 Z M 3.97 9.03 L 5.97 11.03 L 6.5 11.561 L 7.03 11.03 L 12.53 5.53 L 11.47 4.47 L 6.5 9.439 L 5.03 7.97 L 3.97 9.03 Z",fill:"currentColor"})],-1)),n(" "+g(e),1)])),_:2},1024)))),128))])])])),_:1},8,["modelValue","title"]))}}),te=S(ee,[["__scopeId","data-v-fdfc14aa"]]),ae=S(d({__name:"InsightsDataRangePicker",props:{maxValue:{},minValue:{},modelValue:{},presets:{}},emits:["update:modelValue","update:placeholder","update:startValue","update:open"],setup(e,{emit:t}){const s=e,o=t,r=M(),d=l(!1),_=l("custom");function v({start:e,end:t}){return e&&t?t.compare(e):0}function V(e,t){return!(!e||!t)&&0===e.compare(t)}const z=u({start:s.modelValue.start?.copy(),end:s.modelValue.end?.copy()});function I(){V(z.value?.start,s.modelValue.start)&&V(z.value?.end,s.modelValue.end)||(z.value={start:s.modelValue.start?.copy(),end:s.modelValue.end?.copy()})}let C=null;function D(e){if(e)return void I();const t={start:z.value?.start?.copy(),end:z.value?.end?.copy()??z.value?.start?.copy()};if(!function({start:e,end:t}){return!!e&&!!t&&(a=t,n=s.maxValue,a.compare(n)<=0&&function(e,t){return e.compare(t)>=0}(e,s.minValue));var a,n}(t))return console.error("Invalid date range selected",t),void I();if(C&&V(t.start,C.start)&&V(t.end,C.end))return;if(V(t.start,s.modelValue.start)&&V(t.end,s.modelValue.end))return;C=t,o("update:modelValue",t);const{startDate:a,endDate:n}=X(t),i={start_date:a.toISOString(),end_date:n.toISOString(),range_length_days:v(t),type:_.value};r.track("User updated insights time range",i)}const L=l(!1);f(L,(e=>{e&&(_.value="custom"),D(e)}));const E=c((()=>{const{start:e,end:t}=s.modelValue;return e?Y({start:e,end:t}):"Select range"}));return(t,l)=>(a(),i(y,null,[b(m(P),{modelValue:z.value,"onUpdate:modelValue":l[0]||(l[0]=e=>z.value=e),open:L.value,"onUpdate:open":l[1]||(l[1]=e=>L.value=e),"max-value":e.maxValue,"min-value":e.minValue},{trigger:w((()=>[b(m(T),{variant:"subtle",icon:"calendar"},{default:w((()=>[n(g(E.value),1)])),_:1})])),presets:w((()=>[(a(!0),i(y,null,x(e.presets,(e=>{return a(),j(m(T),{key:e.value,class:h(t.$style.PresetButton),variant:(i=e.value,B(s.modelValue.end,R())&&s.modelValue.end.compare(s.modelValue.start)===i?"solid":"outline"),size:"small",onClick:t=>{return e.disabled?void(d.value=!0):(a=e.value,z.value={start:s.maxValue.copy().subtract({days:a}),end:s.maxValue.copy()},_.value="preset",void(L.value=!1));var a}},{default:w((()=>[n(g(e.label)+" ",1),e.disabled?(a(),j(m(k),{key:0,icon:"lock",class:h(t.$style.LockIcon)},null,8,["class"])):p("",!0)])),_:2},1032,["class","variant","onClick"]);var i})),128))])),_:1},8,["modelValue","open","max-value","min-value"]),b(te,{modelValue:d.value,"onUpdate:modelValue":l[2]||(l[2]=e=>d.value=e)},null,8,["modelValue"])],64))}}),[["__cssModules",{$style:{PresetButton:"_PresetButton_1waws_2",LockIcon:"_LockIcon_1waws_7"}}]]),ne={class:"mt-s",style:{display:"flex",gap:"12px","align-items":"center"}},e("default",S(d({__name:"InsightsDashboard",props:{insightType:{}},setup(e){const d=r((async()=>await E((()=>t.import("./InsightsPaywall-legacy-CK4gtv-x.js")),void 0))),y=r((async()=>await E((()=>t.import("./InsightsChartTotal-legacy-DA4-VjGO.js")),void 0))),v=r((async()=>await E((()=>t.import("./InsightsChartFailed-legacy-B1N-Thga.js")),void 0))),x=r((async()=>await E((()=>t.import("./InsightsChartFailureRate-legacy-DJ91YsBU.js")),void 0))),k=r((async()=>await E((()=>t.import("./InsightsChartTimeSaved-legacy-DcXFQMGv.js")),void 0))),T=r((async()=>await E((()=>t.import("./InsightsChartAverageRuntime-legacy-CpqHwg09.js")),void 0))),D=r((async()=>await E((()=>t.import("./InsightsTableWorkflows-legacy-BfMGBaXm.js")),void 0))),P=e,S=L(),B=z(),M=F(),U=A(),O=c((()=>S.params.insightType===H.TIME_SAVED)),Y=c((()=>({total:y,failed:v,failureRate:x,timeSaved:k,averageRunTime:T}))),Q=l([{id:P.insightType,desc:!0}]),q=c((()=>{const{start:e,end:t}=re.value;if(!e||!t)return"day";const a=t.compare(e);return a<=0?"hour":a<=30?"day":"week"})),G=l(null),ee=$(R()),te=M.dateRanges.toReversed().find((e=>e.licensed))?.key??"week",se=J(),ie=c((()=>M.dateRanges.map((e=>({value:N[e.key],label:se[e.key],disabled:!e.licensed}))))),le=u(ee.copy()),oe=u(ee.copy().subtract({days:N[te]})),re=u({start:ee.copy().subtract({days:7}),end:ee.copy()}),de=()=>X(re.value),ue=({page:e=0,itemsPerPage:t=25,sortBy:a,projectId:n=G.value?.id})=>{const s=e*t,i=t,l=a.length?(({id:e,desc:t})=>`${e}:${t?"desc":"asc"}`)(a[0]):void 0,{startDate:o,endDate:r}=de();M.table.execute(0,{skip:s,take:i,sortBy:l,startDate:o,endDate:r,projectId:n})};f((()=>[P.insightType,G.value,re.value]),(()=>{Q.value=[{id:P.insightType,desc:!0}];const{startDate:e,endDate:t}=de();M.isSummaryEnabled&&M.summary.execute(0,{startDate:e,endDate:t,projectId:G.value?.id}),M.charts.execute(0,{startDate:e,endDate:t,projectId:G.value?.id}),M.isDashboardEnabled&&ue({sortBy:Q.value,projectId:G.value?.id})}),{immediate:!0}),_((()=>{W().set(B.baseText("insights.heading"))})),o((async()=>{await U.getAvailableProjects()}));const ce=/^<([A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,})>$/,ge=c((()=>U.availableProjects.filter((e=>e.name&&!ce.test(e.name.trim())))));return(e,t)=>(a(),i("div",{class:h(e.$style.insightsView)},[s("div",{class:h(e.$style.insightsContainer)},[b(m(C),{bold:"",tag:"h2",size:"xlarge"},{default:w((()=>[n(g(m(B).baseText("insights.dashboard.title")),1)])),_:1}),s("div",ne,[b(Z,{modelValue:G.value,"onUpdate:modelValue":t[0]||(t[0]=e=>G.value=e),projects:ge.value,placeholder:m(B).baseText("insights.dashboard.search.placeholder"),"empty-options-text":m(B).baseText("projects.sharing.noMatchingProjects"),size:"mini",class:h(e.$style.projectSelect),clearable:"",onClear:t[1]||(t[1]=e=>G.value=null)},null,8,["modelValue","projects","placeholder","empty-options-text","class"]),b(ae,{modelValue:re.value,"onUpdate:modelValue":t[2]||(t[2]=e=>re.value=e),"max-value":le.value,"min-value":oe.value,presets:ie.value},null,8,["modelValue","max-value","min-value","presets"])]),m(M).isSummaryEnabled?(a(),j(K,{key:0,summary:m(M).summary.state,loading:m(M).summary.isLoading,"start-date":re.value.start,"end-date":re.value.end,class:h(e.$style.insightsBanner)},null,8,["summary","loading","start-date","end-date","class"])):p("",!0),s("div",{class:h(e.$style.insightsContent)},[m(M).isDashboardEnabled||O.value?(a(),i("div",{key:0,class:h(e.$style.insightsContentWrapper)},[s("div",{class:h([e.$style.dataLoader,{[e.$style.isDataLoading]:m(M).charts.isLoading||m(M).table.isLoading}])},[b(m(I)),s("span",null,g(m(B).baseText("insights.chart.loading")),1)],2),s("div",{class:h(e.$style.insightsChartWrapper)},[n(g(q.value)+" ",1),(a(),j(V(Y.value[P.insightType]),{type:P.insightType,data:m(M).charts.state,granularity:q.value,"start-date":re.value.start.toString(),"end-date":re.value.end.toString()},null,8,["type","data","granularity","start-date","end-date"]))],2),s("div",{class:h(e.$style.insightsTableWrapper)},[b(m(D),{"sort-by":Q.value,"onUpdate:sortBy":t[3]||(t[3]=e=>Q.value=e),data:m(M).table.state,loading:m(M).table.isLoading,"is-dashboard-enabled":m(M).isDashboardEnabled,"onUpdate:options":ue},null,8,["sort-by","data","loading","is-dashboard-enabled"])],2)],2)):(a(),j(m(d),{key:1}))],2)],2)],2))}}),[["__cssModules",{$style:{insightsView:"_insightsView_1mozi_125",insightsContainer:"_insightsContainer_1mozi_133",insightsBanner:"_insightsBanner_1mozi_140",insightsContent:"_insightsContent_1mozi_148",insightsContentWrapper:"_insightsContentWrapper_1mozi_157",insightsChartWrapper:"_insightsChartWrapper_1mozi_162",insightsTableWrapper:"_insightsTableWrapper_1mozi_169",dataLoader:"_dataLoader_1mozi_175",isDataLoading:"_isDataLoading_1mozi_188",projectSelect:"_projectSelect_1mozi_210",PresetButton:"_PresetButton_1mozi_217"}}]]))}}}));
//# sourceMappingURL=InsightsDashboard-legacy-B5LmRBcn.js.map