n8n-editor-ui/dist/assets/AppSidebar-DjAJNMUr.js

Workflow Editor UI for n8n

(function(){try{var e=typeof window<`u`?window:typeof global<`u`?global:typeof globalThis<`u`?globalThis:typeof self<`u`?self:{};e.SENTRY_RELEASE={id:`n8n@2.16.1`}}catch{}})();try{(function(){var e=typeof window<`u`?window:typeof global<`u`?global:typeof globalThis<`u`?globalThis:typeof self<`u`?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]=`02438840-c09c-4311-be1e-10a633d76cb9`,e._sentryDebugIdIdentifier=`sentry-dbid-02438840-c09c-4311-be1e-10a633d76cb9`)})()}catch{}import{$ as e,A as t,C as n,E as r,Ft as i,K as a,N as o,S as s,Sn as c,T as l,W as u,Wt as d,X as f,Z as p,_ as m,_n as h,gt as g,j as _,q as v,rt as y,w as b,y as x,yn as S,yt as C}from"./vue.runtime.esm-bundler-C3C09Zii.js";import{at as w}from"./core-Bz5WjPxS.js";import{A as T,Di as E,H as D,Qi as O,Xi as k,Zi as A,ct as j,lt as M,m as N}from"./src-XqE2yCpG.js";import{t as P}from"./_plugin-vue_export-helper-CIL7EULb.js";import{An as F,Mn as I,Nn as L,ai as R,fr as z,hr as B,oi as ee,qt as te,r as ne,s as re,si as V,t as H}from"./users.store-xP93bV7X.js";import{n as ie,r as U,t as ae}from"./MainSidebarHeader-DOaN30Rh.js";import{$o as oe,Bo as se,Ds as ce,Jc as W,Kc as le,Qo as G,sc as K}from"./constants-DuQbSl-q.js";import{t as ue}from"./useRootStore-XEREVjMN.js";import{t as de}from"./settings.store-CAFiYCMH.js";import{t as fe}from"./versions.store-DMbhywWy.js";import{t as pe}from"./usePageRedirectionHelper-CC6sh9o0.js";import{n as q,t as me}from"./useBugReporting-BZNltgpF.js";import{c as J}from"./constants-BVzsnVB6.js";import{r as Y}from"./constants-Dn3JdkLw.js";import{t as X}from"./sourceControl.eventBus-B5ya2arB.js";import{t as he}from"./useKeybindings-HxiGjy_j.js";import{t as ge}from"./useGlobalEntityCreation-6IZ6h3lQ.js";import{t as _e}from"./useSettingsItems-CLwnDZ79.js";import{t as Z}from"./resourceCenter.store-BRFLX2k_.js";var ve=P(o({__name:`MainSidebarSourceControl`,props:{isCollapsed:{type:Boolean}},setup(a){let o=ee(),u=R(),f=w(),p=j(),m=M(),g=i(300),v=s(()=>o.preferences.branchName),y=s(()=>V([`rbac`],{rbac:{scope:`sourceControl:push`}})||u.myProjects.some(e=>e.type===`team`&&se(e?.scopes)?.sourceControl?.push)),x=s(()=>V([`rbac`],{rbac:{scope:`sourceControl:pull`}})),T=s(()=>o.isEnterpriseSourceControlEnabled&&(x.value||y.value));function D(e){let t=e.replace(`#`,``),n=parseInt(t.slice(0,2),16)/255,r=parseInt(t.slice(2,4),16)/255,i=parseInt(t.slice(4,6),16)/255,a=e=>e<=.03928?e/12.92:((e+.055)/1.055)**2.4;return .2126*a(n)+.7152*a(r)+.0722*a(i)>.5?`#000000`:`#ffffff`}let N=s(()=>D(o.preferences.branchColor));async function P(){m.push({query:{...p.query,sourceControl:`push`}})}function F(){m.push({query:{...p.query,sourceControl:`pull`}})}return(i,s)=>T.value?(e(),r(`div`,{key:0,class:h({[i.$style.sync]:!0,[i.$style.collapsed]:a.isCollapsed,[i.$style.isConnected]:d(o).isEnterpriseSourceControlEnabled}),"data-test-id":`main-sidebar-source-control`},[d(o).preferences.connected&&d(o).preferences.branchName?(e(),r(`div`,{key:0,class:h(i.$style.connected),"data-test-id":`main-sidebar-source-control-connected`},[a.isCollapsed?(e(),b(d(E),{key:0,"show-after":g.value,placement:`right`,"avoid-collisions":!1},{content:C(()=>[n(`div`,null,c(v.value),1)]),default:C(()=>[n(`div`,{class:h(i.$style.icon),style:S({color:N.value,background:d(o).preferences.branchColor})},[_(d(O),{icon:`git-branch`,size:`small`})],6)]),_:1},8,[`show-after`])):(e(),r(`div`,{key:1,class:h(i.$style.icon),style:S({color:N.value,background:d(o).preferences.branchColor})},[_(d(O),{icon:`git-branch`,size:`small`}),_(d(k),{bold:``,size:`small`,class:h(i.$style.branchName)},{default:C(()=>[t(c(v.value),1)]),_:1},8,[`class`])],6)),n(`div`,{class:h(i.$style.buttonContainer)},[_(d(E),{disabled:!a.isCollapsed&&x.value,"show-after":g.value,placement:a.isCollapsed?`right`:`top`},{content:C(()=>[n(`div`,null,c(x.value?d(f).baseText(`settings.sourceControl.button.pull`):d(f).baseText(`settings.sourceControl.button.pull.forbidden`)),1)]),default:C(()=>[_(d(A),{variant:`ghost`,size:`xsmall`,"data-test-id":`main-sidebar-source-control-pull`,icon:`arrow-down`,disabled:!x.value,label:a.isCollapsed?``:d(f).baseText(`settings.sourceControl.button.pull`),onClick:F},null,8,[`disabled`,`label`])]),_:1},8,[`disabled`,`show-after`,`placement`]),_(d(E),{disabled:!a.isCollapsed&&!d(o).preferences.branchReadOnly&&y.value,"show-after":g.value,placement:a.isCollapsed?`right`:`top`},{content:C(()=>[n(`div`,null,c(d(o).preferences.branchReadOnly||!y.value?d(f).baseText(`settings.sourceControl.button.push.forbidden`):d(f).baseText(`settings.sourceControl.button.push`)),1)]),default:C(()=>[_(d(A),{variant:`ghost`,size:`xsmall`,"data-test-id":`main-sidebar-source-control-push`,icon:`arrow-up`,label:a.isCollapsed?``:d(f).baseText(`settings.sourceControl.button.push`),disabled:d(o).preferences.branchReadOnly||!y.value,onClick:P},null,8,[`label`,`disabled`])]),_:1},8,[`disabled`,`show-after`,`placement`])],2)],2)):l(``,!0)],2)):l(``,!0)}}),[[`__cssModules`,{$style:{sync:`_sync_pfkpq_125`,collapsed:`_collapsed_pfkpq_132`,icon:`_icon_pfkpq_136`,buttonContainer:`_buttonContainer_pfkpq_146`,connected:`_connected_pfkpq_152`,branchName:`_branchName_pfkpq_160`}}]]),ye=P(o({__name:`ProjectNavigation`,props:{collapsed:{type:Boolean},planName:{}},setup(i){let o=i,u=w(),f=ge(),p=R(),g=de(),x=H(),S=s(()=>f.displayProjects.value),T=s(()=>g.isFoldersFeatureEnabled),E=s(()=>g.isChatFeatureEnabled&&V([`rbac`],{rbac:{scope:`chatHub:message`}})),O=s(()=>g.isModuleActive(`instance-ai`)),A=s(()=>x.allUsers.filter(e=>!e.isPendingUser).length>1),j=s(()=>({id:`home`,label:u.baseText(`projects.menu.overview`),icon:`house`,route:{to:{name:G.HOMEPAGE}}})),M=s(()=>({id:`shared`,label:u.baseText(`projects.menu.shared`),icon:`share`,route:{to:{name:G.SHARED_WITH_ME}}})),N=e=>({id:e.id,label:e.name??``,icon:e.icon,route:{to:{name:G.PROJECTS_WORKFLOWS,params:{projectId:e.id}}}}),P=s(()=>({id:p.personalProject?.id??``,label:u.baseText(`projects.menu.personal`),icon:`user`,route:{to:{name:G.PROJECTS_WORKFLOWS,params:{projectId:p.personalProject?.id}}}})),F=s(()=>(Array.isArray(p.projectNavActiveId)?p.projectNavActiveId[0]:p.projectNavActiveId)??void 0),I=s(()=>({id:`instance-ai`,icon:`sparkles`,label:`Instance AI`,route:{to:{name:Y}}})),L=s(()=>({id:`chat`,icon:`message-circle`,label:u.baseText(`projects.menu.chat`),position:`bottom`,route:{to:{name:J}},beta:!0}));async function z(){await p.getMyProjects()}return a(async()=>{await x.fetchUsers({filter:{isPending:!1},take:2}),X.on(`pull`,z)}),v(()=>{X.off(`pull`,z)}),(i,a)=>(e(),r(`div`,{class:h(i.$style.projects)},[n(`div`,{class:h([i.$style.home,o.collapsed?i.$style.collapsed:``])},[_(d(D),{item:j.value,compact:o.collapsed,active:F.value===`home`,"data-test-id":`project-home-menu-item`},null,8,[`item`,`compact`,`active`]),d(p).isTeamProjectFeatureEnabled||T.value?(e(),b(d(D),{key:0,item:P.value,compact:o.collapsed,active:F.value===P.value.id,"data-test-id":`project-personal-menu-item`},null,8,[`item`,`compact`,`active`])):l(``,!0),(d(p).isTeamProjectFeatureEnabled||T.value)&&A.value?(e(),b(d(D),{key:1,item:M.value,compact:o.collapsed,active:F.value===`shared`,"data-test-id":`project-shared-menu-item`},null,8,[`item`,`compact`,`active`])):l(``,!0),O.value?(e(),b(d(D),{key:2,item:I.value,compact:o.collapsed,active:F.value===`instance-ai`,"data-test-id":`project-instance-ai-menu-item`},null,8,[`item`,`compact`,`active`])):l(``,!0),E.value?(e(),b(d(D),{key:3,item:L.value,compact:o.collapsed,active:F.value===`chat`,"data-test-id":`project-chat-menu-item`},null,8,[`item`,`compact`,`active`])):l(``,!0)],2),!o.collapsed&&d(p).isTeamProjectFeatureEnabled&&S.value.length>0?(e(),b(d(k),{key:0,class:h([i.$style.projectsLabel]),size:`small`,bold:``,role:`heading`,color:`text-light`},{default:C(()=>[t(c(d(u).baseText(`projects.menu.title`)),1)]),_:1},8,[`class`])):l(``,!0),d(p).isTeamProjectFeatureEnabled||T.value?(e(),r(`div`,{key:1,class:h(i.$style.projectItems)},[(e(!0),r(m,null,y(S.value,t=>(e(),b(d(D),{key:t.id,class:h({[i.$style.collapsed]:o.collapsed}),item:N(t),compact:o.collapsed,active:F.value===t.id,"data-test-id":`project-menu-item`},null,8,[`class`,`item`,`compact`,`active`]))),128))],2)):l(``,!0)],2))}}),[[`__cssModules`,{$style:{projects:`_projects_65xj9_125`,plusBtn:`_plusBtn_65xj9_130`,projectItems:`_projectItems_65xj9_134`,upgradeLink:`_upgradeLink_65xj9_138`,projectsLabel:`_projectsLabel_65xj9_143`,collapsed:`_collapsed_65xj9_152`,addFirstProjectBtn:`_addFirstProjectBtn_65xj9_165`,home:`_home_65xj9_174`}}]]),be=P(o({__name:`ResourceCenterTooltip`,setup(t){let a=Z(),{isCollapsed:o}=U(),{markResourceCenterTooltipDismissed:m,trackResourceCenterTooltipView:v,trackResourceCenterTooltipDismiss:y}=a,T=w(),D=i(),k=i(!1),A=i({top:0,left:0}),j=i(0),M=s(()=>a.shouldShowResourceCenterTooltip),N=s(()=>T.baseText(`experiments.resourceCenter.tooltip.text`)),P=()=>{let e=document.querySelector(`[data-test-id="menu-item"][id="resource-center"]`);if(!e)return;let t=e.getBoundingClientRect();A.value={top:t.top+t.height/2-5,left:t.right},j.value++},F=async()=>{k.value=!0,v(),await u(),P()},I=()=>{k.value=!1},L=()=>{y(),m(),I()},R=()=>{k.value&&P()},z=()=>{k.value&&setTimeout(()=>{P()},500)};g(M,async e=>{e?await F():I()},{immediate:!0}),g(o,async()=>{k.value&&(await u(),setTimeout(()=>{P()},300))});let B=null;return f(()=>{window.addEventListener(`resize`,R),window.addEventListener(`scroll`,R);let e=document.getElementById(`content`);e&&(B=new ResizeObserver(z),B.observe(e))}),p(()=>{window.removeEventListener(`resize`,R),window.removeEventListener(`scroll`,R),B&&=(B.disconnect(),null)}),(t,i)=>(e(),b(x,{to:`body`},[k.value&&M.value?(e(),r(`div`,{ref_key:`tooltipRef`,ref:D,key:j.value,class:h(t.$style.triggerContainer),style:S({position:`fixed`,top:A.value.top+`px`,left:A.value.left+`px`})},[_(d(E),{visible:!0,placement:`right`,"show-arrow":!0,"popper-style":{maxWidth:`260px`,minWidth:`240px`}},{content:C(()=>[n(`div`,{class:h(t.$style.tooltipContent)},[n(`span`,{class:h(t.$style.text)},c(N.value),3),n(`button`,{class:h(t.$style.dismissButton),type:`button`,"aria-label":`Dismiss tooltip`,onClick:L},[_(d(O),{icon:`x`,size:`small`})],2)],2)]),default:C(()=>[n(`div`,{class:h(t.$style.tooltipTrigger)},null,2)]),_:1})],6)):l(``,!0)]))}}),[[`__cssModules`,{$style:{triggerContainer:`_triggerContainer_vqbgd_125`,tooltipTrigger:`_tooltipTrigger_vqbgd_130`,tooltipContent:`_tooltipContent_vqbgd_136`,text:`_text_vqbgd_142`,dismissButton:`_dismissButton_vqbgd_148`}}]]);function xe(){let e=B(),t=ne();return{applyExperiment:()=>{if(t.sidebarMenuCollapsed===null){let n=e.getVariant(W.name)===W.variant;t.sidebarMenuCollapsed=!n,n&&localStorage.setItem(K,`200`)}}}}var Q=P(o({__name:`MainSidebar`,setup(t){let r=L(),a=ue(),o=de(),c=te(),l=ne(),p=fe(),m=re(),y=Z(),x=w(),E=M(),D=z(),O=pe(),{getReportingURL:k}=me(),{applyExperiment:A}=xe();A();let{isCollapsed:j,sidebarWidth:P,onResizeStart:R,onResize:B,onResizeEnd:ee,toggleCollapse:H}=U(),{settingsItems:se}=_e(),W=i(``),K=i(),J=i(!1),Y=i(!1),X=null,ge=s(()=>p.hasVersionUpdates||p.whatsNewArticles.some(e=>!p.isWhatsNewArticleRead(e.id))),Q=s(()=>y.isFeatureEnabled()),Se=s(()=>y.getCurrentVariant()===le.variantInspiration?x.baseText(`experiments.resourceCenter.sidebar.inspiration`):x.baseText(`experiments.resourceCenter.sidebar`)),Ce=s(()=>[{id:`cloud-admin`,position:`bottom`,label:`Admin Panel`,icon:`cloud`,available:o.isCloudDeployment&&V([`instanceOwner`])},{id:`resource-center`,icon:`lightbulb`,label:Se.value,position:`bottom`,available:Q.value,route:{to:{name:G.RESOURCE_CENTER}}},{id:`templates`,icon:`package-open`,label:x.baseText(`generic.templates`),position:`bottom`,available:o.isTemplatesEnabled&&c.hasCustomTemplatesHost&&!Q.value,route:{to:{name:G.TEMPLATES}}},{id:`templates`,icon:`package-open`,label:x.baseText(`generic.templates`),position:`bottom`,available:o.isTemplatesEnabled&&!c.hasCustomTemplatesHost&&!Q.value,link:{href:c.websiteTemplateRepositoryURL,target:`_blank`}},{id:`insights`,icon:`chart-column-decreasing`,label:`Insights`,position:`bottom`,route:{to:{name:G.INSIGHTS}},available:o.isModuleActive(`insights`)&&V([`rbac`],{rbac:{scope:`insights:list`}})},{id:`help`,icon:`circle-help`,label:x.baseText(`mainSidebar.help`),notification:ge.value,position:`bottom`,children:[{id:`quickstart`,icon:`video`,label:x.baseText(`mainSidebar.helpMenuItems.quickstart`),link:{href:q.QUICKSTART_VIDEO,target:`_blank`}},{id:`docs`,icon:`book`,label:x.baseText(`mainSidebar.helpMenuItems.documentation`),link:{href:q.DOCUMENTATION,target:`_blank`}},{id:`forum`,icon:`users`,label:x.baseText(`mainSidebar.helpMenuItems.forum`),link:{href:q.FORUM,target:`_blank`}},{id:`examples`,icon:`graduation-cap`,label:x.baseText(`mainSidebar.helpMenuItems.course`),link:{href:q.COURSES,target:`_blank`}},{id:`report-bug`,icon:`bug`,label:x.baseText(`mainSidebar.helpMenuItems.reportBug`),link:{href:k(),target:`_blank`}},{id:`about`,icon:`info`,label:x.baseText(`mainSidebar.aboutN8n`),position:`bottom`}]},{id:`settings`,label:x.baseText(`mainSidebar.settings`),icon:`settings`,available:!0,children:se.value}]),we=s(()=>Ce.value.filter(e=>e.available!==!1)),$=()=>{let e=K.value?.getScrollPosition();if(e&&K.value?.$el){let t=K.value.$el,n=e.height>t.clientHeight;J.value=n,Y.value=n&&e.top>0}};g(j,()=>{u(()=>{$()})}),f(()=>{W.value=a.baseUrl,u(()=>{if($(),K.value?.$el){let e=K.value.$el;X=new ResizeObserver(()=>{$()}),X.observe(e),$()}}),window.addEventListener(`resize`,$)}),v(()=>{X&&=(X.disconnect(),null),window.removeEventListener(`resize`,$)});let Te=e=>{D.track(`User clicked help resource`,{type:e,workflow_id:m.workflowId})};function Ee(e){e.stopPropagation(),u(()=>{let e=new KeyboardEvent(`keydown`,{key:`k`,code:`KeyK`,metaKey:!0,bubbles:!0,cancelable:!0});document.dispatchEvent(e)})}let De=e=>{switch(e){case`resource-center`:y.markResourceCenterTooltipDismissed();break;case`about`:Te(`about`),l.openModal(oe);break;case`cloud-admin`:O.goToDashboard();break;case`quickstart`:case`docs`:case`forum`:case`examples`:Te(e);break;case`templates`:I(F.sidebarButton);break;case`insights`:D.track(`User clicked insights link from side menu`);break;default:if(e.startsWith(`whats-new-article-`)){let t=Number(e.replace(`whats-new-article-`,``));D.track(`User clicked on what's new section`,{article_id:t}),l.openModalWithData({name:ce,data:{articleId:t}})}break}},Oe=()=>{E.push({name:G.SIGNOUT})};return he({ctrl_alt_o:()=>De(`about`),bracketleft:()=>H()}),(t,i)=>(e(),b(d(T),{id:`side-menu`,class:h({[t.$style.sideMenu]:!0,[t.$style.sideMenuCollapsed]:d(j)}),width:d(P),style:S({width:`${d(P)}px`}),"supported-directions":[`right`],"min-width":200,"max-width":500,"grid-size":8,onResizestart:d(R),onResize:d(B),onResizeend:d(ee)},{default:C(()=>[_(ae,{"is-collapsed":d(j),onCollapse:d(H),onOpenCommandBar:Ee},null,8,[`is-collapsed`,`onCollapse`]),n(`div`,{class:h({[t.$style.scrollAreaWrapper]:!0,[t.$style.scrollAreaWrapperWithBottomBorder]:J.value&&!d(j),[t.$style.scrollAreaWrapperWithTopBorder]:Y.value&&!d(j)})},[_(d(N),{ref_key:`scrollAreaRef`,ref:K,onScrollCapture:$},{default:C(()=>[_(ye,{collapsed:d(j),"plan-name":d(r).currentPlanData?.displayName},null,8,[`collapsed`,`plan-name`])]),_:1},512)],2),_(ie,{items:we.value,"is-collapsed":d(j),onLogout:Oe,onSelect:De},null,8,[`items`,`is-collapsed`]),_(ve,{"is-collapsed":d(j)},null,8,[`is-collapsed`]),_(be)]),_:1},8,[`class`,`width`,`style`,`onResizestart`,`onResize`,`onResizeend`]))}}),[[`__cssModules`,{$style:{sideMenu:`_sideMenu_oveah_125`,sideMenuCollapsed:`_sideMenuCollapsed_oveah_133`,scrollAreaWrapper:`_scrollAreaWrapper_oveah_138`,scrollAreaWrapperWithBottomBorder:`_scrollAreaWrapperWithBottomBorder_oveah_147`,scrollAreaWrapperWithTopBorder:`_scrollAreaWrapperWithTopBorder_oveah_151`}}]]),Se=o({__name:`AppSidebar`,setup(t){return(t,n)=>(e(),b(Q))}});export{Se as t};
//# sourceMappingURL=AppSidebar-DjAJNMUr.js.map