n8n-editor-ui/dist/assets/ChatLayout-legacy-DfwkVJQQ.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(["./vue.runtime.esm-bundler-legacy-IafOlCW8.js","./_MapCache-legacy-DwgdC8YO.js","./src-legacy-Dwzr7bD0.js","./_plugin-vue_export-helper-legacy-DEZAmQqp.js","./sanitize-html-legacy-ChR3ikxn.js","./users.store-legacy-OKuN0qAC.js","./MainSidebarHeader-legacy-ktKldegF.js","./BaseLayout-legacy-Dj2Lc5Iz.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","./canvas.utils-legacy-BYFKir1g.js","./CredentialIcon-legacy-W6FyX5zO.js","./KeyboardShortcutTooltip-legacy-B39T1G4_.js","./constants-legacy-iKNx7WD2.js","./useKeybindings-legacy-PJ9pRJzI.js","./useGlobalEntityCreation-legacy-DGJ0SqHs.js","./chat.store-legacy-pzWGyzhB.js","./useSettingsItems-legacy-BduHMZbw.js","./ChatAgentAvatar-legacy-CvUQTvDe.js"],(function(e,t){var n,s,a,i,o,l,c,r,d,m,u,_,p,h,g,f,v,y,b,x,w,k,C,T,$,I,S,R,j,z,H,M,D,A,L,E,B,K,N,V,O,P,X,F,U,W,G,Z,q,J,Y,Q,ee,te,ne,se,ae,ie,oe,le,ce,re,de,me,ue,_e;function pe(e,t){return n(),i("div",{class:g(e.$style.skeletonItem)},[a("div",{class:g(e.$style.skeletonAvatar)},null,2),a("div",{class:g(e.$style.skeletonText)},null,2)],2)}return{setters:[function(e){n=e.$,s=e.A,a=e.C,i=e.E,o=e.Ft,l=e.N,c=e.O,r=e.S,d=e.Sn,m=e.T,u=e.W,_=e.Wt,p=e.X,h=e._,g=e._n,f=e.at,v=e.gt,y=e.h,b=e.it,x=e.j,w=e.pt,k=e.rt,C=e.w,T=e.yn,$=e.yt},function(e){I=e.bt},function(e){S=e.$i,R=e.Bt,j=e.Fi,z=e.Ii,H=e.X,M=e.Zi,D=e._t,A=e.gt,L=e.m,E=e.z},function(e){B=e.t},function(e){},function(e){K=e.Tr,N=e.at,V=e.en,O=e.jr},function(e){P=e.n,X=e.r,F=e.t},function(e){U=e.t},function(e){e.Ps,W=e.ms},function(e){},function(e){},function(e){},function(e){},function(e){},function(e){},function(e){},function(e){},function(e){G=e.t},function(e){Z=e.a,q=e.l,J=e.n,Y=e.u},function(e){Q=e.t},function(e){},function(e){ee=e.S,te=e.f,ne=e.t},function(e){se=e.t},function(e){ae=e.t}],execute:function(){(ie=document.createElement("style")).textContent="._menuItem_1mhhm_125{border-radius:var(--spacing--4xs);align-items:center;padding-right:0;display:flex}._menuItem_1mhhm_125:focus-within,._menuItem_1mhhm_125._active_1mhhm_131,._menuItem_1mhhm_125:hover{background-color:var(--color--background--light-1)}._menuItem_1mhhm_125:has([aria-expanded=true]){background-color:var(--color--background--light-1)}._menuItemLink_1mhhm_135{padding:var(--spacing--4xs);align-items:center;gap:var(--spacing--4xs);cursor:pointer;color:var(--color--text);outline:none;flex:1;min-width:0;text-decoration:none;display:flex}._menuItemLink_1mhhm_135._compact_1mhhm_147{margin-left:-1px}._menuItemLink_1mhhm_135:active{color:var(--color--text--shade-1)}._textContainer_1mhhm_154{flex-direction:column;min-width:0;display:flex}._label_1mhhm_160{white-space:nowrap;text-overflow:ellipsis;line-height:var(--line-height--xl);flex:1;min-width:0;overflow:hidden}._title_1mhhm_169{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;line-height:20px;overflow:hidden}._actionDropdown_1mhhm_178{opacity:0;flex-shrink:0;width:0;overflow:hidden}._menuItem_1mhhm_125:hover ._actionDropdown_1mhhm_178,._active_1mhhm_131 ._actionDropdown_1mhhm_178{opacity:1;width:auto}._menuItem_1mhhm_125:has([aria-expanded=true]) ._actionDropdown_1mhhm_178{opacity:1;width:auto}._menuItem_1mhhm_125:has(:focus) ._actionDropdown_1mhhm_178{opacity:1;width:auto}._actionDropdownTrigger_1mhhm_189{box-shadow:none!important;outline:none!important}._avatar_1006s_125{width:var(--spacing--lg);height:var(--spacing--lg);min-width:var(--spacing--lg)}._skeletonItem_rwi4t_125{padding:var(--spacing--3xs)var(--spacing--2xs);align-items:center;gap:var(--spacing--2xs);border-radius:var(--spacing--4xs);height:30px;display:flex}._skeletonAvatar_rwi4t_134,._skeletonText_rwi4t_135{background:var(--color--foreground);animation:1s ease-in-out infinite _skeleton-pulse_rwi4t_1}._skeletonAvatar_rwi4t_134{border-radius:50%;flex-shrink:0;width:16px;height:16px}._skeletonText_rwi4t_135{border-radius:var(--radius--sm);width:80%;height:14px}@keyframes _skeleton-pulse_rwi4t_1{0%,to{opacity:.6}50%{opacity:.3}}._logoContainer_1vnf8_125{align-items:center;gap:var(--spacing--4xs);display:flex}._component_1vnf8_131{flex-direction:column;align-items:stretch;display:flex}._header_1vnf8_137{height:56px;padding-inline:var(--spacing--xs);justify-content:space-between;align-items:center;gap:var(--spacing--2xs);flex-grow:0;flex-shrink:0;display:flex}._logo_1vnf8_125{margin-top:-4px}._links_1vnf8_153{padding:var(--spacing--2xs)var(--spacing--3xs);flex-direction:column;display:flex}._links_1vnf8_153._collapsed_1vnf8_158{border-bottom:var(--border)}._historySections_1vnf8_162{padding:var(--spacing--2xs)var(--spacing--3xs)var(--spacing--2xs);gap:var(--spacing--sm);flex-direction:column;display:flex}._historySections_1vnf8_162._collapsed_1vnf8_158{gap:0}._group_1vnf8_172{flex-direction:column;gap:2px;display:flex}._groupHeader_1vnf8_178{padding:0 var(--spacing--4xs)var(--spacing--3xs)var(--spacing--4xs)}._loading_1vnf8_182,._empty_1vnf8_183{padding:var(--spacing--xs);text-align:center}._sideMenu_nzvda_125{border-right:var(--border);background-color:var(--menu--color--background,var(--color--background--light-2));flex-direction:column;height:100%;display:flex;position:relative}._sideMenu_nzvda_125._sideMenuCollapsed_nzvda_133{width:42px;min-width:auto}._scrollArea_nzvda_138{flex-direction:column;height:100%;display:flex}\n/*$vite$:1*/",document.head.appendChild(ie);try{t="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},(he=(new t.Error).stack)&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[he]="e6c4ed94-5243-49d2-9fb2-f20ba7fcb315",t._sentryDebugIdIdentifier="sentry-dbid-e6c4ed94-5243-49d2-9fb2-f20ba7fcb315")}catch(t){}var t,he;oe=l({__name:"ChatSidebarLink",props:{active:{type:Boolean,default:!1},to:{},label:{},title:{},menuItems:{default:()=>[]},icon:{},compact:{type:Boolean}},emits:["actionSelect","click"],setup(e,{emit:t}){const a=t;return(t,o)=>{const l=f("RouterLink");return n(),i("div",{class:g([t.$style.menuItem,{[t.$style.active]:e.active}])},[t.$slots.default?b(t.$slots,"default",{key:0}):(n(),i(h,{key:1},[x(l,{to:e.to,class:g([t.$style.menuItemLink,{[t.$style.compact]:e.compact}]),title:e.title,onClick:o[0]||(o[0]=e=>a("click",e))},{default:$((()=>[b(t.$slots,"icon",{},(()=>[e.icon?(n(),C(_(S),{key:0,size:"large",icon:e.icon},null,8,["icon"])):m("",!0)])),e.compact?m("",!0):(n(),i("div",{key:0,class:g(t.$style.textContainer)},[x(_(M),{class:g(t.$style.label),size:"small",color:"text-light"},{default:$((()=>[s(d(e.label),1)])),_:1},8,["class"]),x(_(M),{class:g(t.$style.title),size:"medium",color:"text-dark"},{default:$((()=>[s(d(e.title),1)])),_:1},8,["class"])],2))])),_:3},8,["to","class","title"]),!e.compact&&e.menuItems.length>0?(n(),C(_(R),{key:0,items:e.menuItems,class:g(t.$style.actionDropdown),placement:"bottom-start",onSelect:o[1]||(o[1]=e=>a("actionSelect",e)),onClick:o[2]||(o[2]=y((()=>{}),["stop"]))},{activator:$((()=>[x(_(z),{variant:"ghost",icon:"ellipsis-vertical",class:g(t.$style.actionDropdownTrigger)},null,8,["class"])])),_:1},8,["items","class"])):m("",!0)],64))],2)}}}),le=B(oe,[["__cssModules",{$style:{menuItem:"_menuItem_1mhhm_125",active:"_active_1mhhm_131",menuItemLink:"_menuItemLink_1mhhm_135",compact:"_compact_1mhhm_147",textContainer:"_textContainer_1mhhm_154",label:"_label_1mhhm_160",title:"_title_1mhhm_169",actionDropdown:"_actionDropdown_1mhhm_178",actionDropdownTrigger:"_actionDropdownTrigger_1mhhm_189"}}]]),ce=l({__name:"ChatSessionMenuItem",props:{session:{},isRenaming:{type:Boolean},active:{type:Boolean},compact:{type:Boolean}},emits:["startRename","cancelRename","confirmRename","delete"],setup(e,{emit:t}){const s=t,a=w("input"),i=o(""),l=ne(),d=I(),m=r((()=>{const t=ee(e.session);return t?l.getAgent(t,{name:e.session.agentName,icon:e.session.agentIcon}):null})),p=r((()=>[{id:"rename",label:d.baseText("chatHub.session.actions.rename"),icon:"pencil"},{id:"delete",label:d.baseText("chatHub.session.actions.delete"),icon:"trash-2"}]));function h(t){"rename"===t?(i.value=e.session.title,s("startRename",e.session.id)):"delete"===t&&s("delete",e.session.id)}function f(){const t=i.value.trim();t&&t!==e.session.title?s("confirmRename",e.session.id,t):s("cancelRename")}function y(e){"Escape"!==e.key?"Enter"!==e.key||e.isComposing||f():s("cancelRename")}return v((()=>e.isRenaming),(async t=>{t?(i.value=e.session.title,await u(),a.value?.focus(),a.value?.select()):i.value=""}),{immediate:!0}),(t,s)=>(n(),C(le,{to:{name:_(J),params:{id:e.session.id}},active:e.active,compact:e.compact,"menu-items":p.value,label:e.session.agentName,title:e.session.title,onActionSelect:h},c({icon:$((()=>[x(ae,{agent:m.value,size:"sm",class:g(t.$style.avatar)},null,8,["agent","class"])])),_:2},[e.isRenaming?{name:"default",fn:$((()=>[x(_(j),{ref_key:"input",ref:a,modelValue:i.value,"onUpdate:modelValue":s[0]||(s[0]=e=>i.value=e),size:"large",onBlur:f,onKeydown:y},null,8,["modelValue"])])),key:"0"}:void 0]),1032,["to","active","compact","menu-items","label","title"]))}}),re=B(ce,[["__cssModules",{$style:{avatar:"_avatar_1006s_125"}}]]),de=B({},[["render",pe],["__cssModules",{$style:{skeletonItem:"_skeletonItem_rwi4t_125",skeletonAvatar:"_skeletonAvatar_rwi4t_134",skeletonText:"_skeletonText_rwi4t_135","skeleton-pulse":"_skeleton-pulse_rwi4t_1"}}]]),me=l({__name:"ChatSidebarContent",props:{isCollapsed:{type:Boolean}},setup(e){const t=A(),l=D(),c=ne(),u=K(),f=O(),v=N(),y=V(),b=r((()=>c.sessionsReady&&v.allCredentialTypes.length>0)),w=I(),T=o(),S=r((()=>"string"==typeof t.params.id?t.params.id:void 0)),R=r((()=>te((c.sessions.ids??[]).reduce(((e,t)=>{const n=c.sessions.byId[t];return n&&"manual"!==n.type&&e.push(n),e}),[])))),j=r((()=>({id:"new-chat",label:w.baseText("chatHub.sidebar.link.newChat"),icon:"plus",route:{to:{name:q,force:!0}}}))),z=r((()=>({id:"personal-agents",label:w.baseText("chatHub.sidebar.link.personalAgents"),icon:"message-square",route:{to:{name:Z}}}))),E=r((()=>({id:"workflow-agents",label:w.baseText("chatHub.sidebar.link.workflowAgents"),icon:"robot",route:{to:{name:Y}}})));function B(e){T.value=e}function P(){T.value=void 0}async function X(e,t){try{await c.renameSession(e,t),T.value=void 0}catch(n){u.showError(n,w.baseText("chatHub.session.updateTitle.error"))}}async function F(e){if("confirm"===await f.confirm(w.baseText("chatHub.session.delete.confirm.message"),w.baseText("chatHub.session.delete.confirm.title"),{confirmButtonText:w.baseText("chatHub.session.delete.confirm.button"),cancelButtonText:w.baseText("chatHub.session.delete.cancel.button")}))try{await c.deleteSession(e),u.showMessage({type:"success",title:w.baseText("chatHub.session.delete.success")}),e===S.value&&l.push({name:q})}catch(t){u.showError(t,w.baseText("chatHub.session.delete.error"))}}function U(){y.track("User clicked new chat button",{source:"chat_hub"})}return p((()=>{c.fetchSessions(!0,{minLoadingTime:250,type:"production"})})),(o,l)=>(n(),i("div",{class:g(o.$style.component)},[a("div",{class:g({[o.$style.links]:!0,[o.$style.collapsed]:e.isCollapsed})},[x(G,{placement:"right",label:_(w).baseText("chatHub.sidebar.link.newChat"),"show-after":500,shortcut:{keys:["o"],metaKey:!0,shiftKey:!0}},{default:$((()=>[x(_(H),{item:j.value,compact:e.isCollapsed,active:_(t).name===_(q),onClick:U},null,8,["item","compact","active"])])),_:1},8,["label"]),x(_(H),{item:z.value,compact:e.isCollapsed,active:_(t).name===_(Z)},null,8,["item","compact","active"]),x(_(H),{item:E.value,compact:e.isCollapsed,active:_(t).name===_(Y)},null,8,["item","compact","active"])],2),x(_(L),{"as-child":"",type:"scroll"},{default:$((()=>[a("div",{class:g([o.$style.historySections,{[o.$style.collapsed]:e.isCollapsed}]),"data-test-id":"chat-conversation-list"},[b.value?(n(!0),i(h,{key:1},k(R.value,((t,a)=>(n(),i("div",{key:t.group,class:g(o.$style.group)},[e.isCollapsed?m("",!0):(n(),C(_(M),{key:0,class:g(o.$style.groupHeader),size:"small",bold:"",color:"text-light"},{default:$((()=>[s(d(t.group),1)])),_:2},1032,["class"])),(n(!0),i(h,null,k(t.sessions,(t=>(n(),C(re,{key:t.id,session:t,compact:e.isCollapsed,active:S.value===t.id,"is-renaming":T.value===t.id,onStartRename:B,onCancelRename:P,onConfirmRename:X,onDelete:F},null,8,["session","compact","active","is-renaming"])))),128)),a===R.value.length-1&&_(c).sessions.hasMore&&!_(c).sessionsLoading?(n(),C(_(H),{key:1,item:{id:"load-more-sessions",label:_(w).baseText("chatHub.sidebar.loadMoreSessions"),icon:"circle-ellipsis"},compact:e.isCollapsed,onClick:l[0]||(l[0]=()=>_(c).fetchMoreSessions({minLoadingTime:250}))},null,8,["item","compact"])):m("",!0),a===R.value.length-1&&_(c).sessionsLoading?(n(),i(h,{key:2},k(10,(e=>x(de,{key:e}))),64)):m("",!0)],2)))),128)):(n(),i("div",{key:0,class:g(o.$style.group)},[(n(),i(h,null,k(10,(e=>x(de,{key:`loading-${e}`}))),64))],2))],2)])),_:1})],2))}}),ue=B(me,[["__cssModules",{$style:{logoContainer:"_logoContainer_1vnf8_125",component:"_component_1vnf8_131",header:"_header_1vnf8_137",logo:"_logo_1vnf8_125",links:"_links_1vnf8_153",collapsed:"_collapsed_1vnf8_158",historySections:"_historySections_1vnf8_162",group:"_group_1vnf8_172",groupHeader:"_groupHeader_1vnf8_178",loading:"_loading_1vnf8_182",empty:"_empty_1vnf8_183"}}]]),_e=B(l({__name:"ChatSidebar",setup(e){const t=I(),s=D(),{isCollapsed:i,sidebarWidth:o,onResizeStart:l,onResize:c,onResizeEnd:d,toggleCollapse:m}=X();function p(e){e.stopPropagation(),u((()=>{const e=new KeyboardEvent("keydown",{key:"k",code:"KeyK",metaKey:!0,bubbles:!0,cancelable:!0});document.dispatchEvent(e)}))}const{settingsItems:h}=se(),f=r((()=>[{id:"settings",label:t.baseText("mainSidebar.settings"),icon:"settings",available:!0,children:h.value}])),v=r((()=>f.value.filter((e=>!1!==e.available))));Q({bracketleft:()=>m()});const y=()=>{s.push({name:W.SIGNOUT})};return(e,t)=>(n(),C(_(E),{id:"side-menu",class:g({[e.$style.sideMenu]:!0,[e.$style.sideMenuCollapsed]:_(i)}),width:_(o),style:T({width:`${_(o)}px`}),"supported-directions":["right"],"min-width":200,"max-width":500,"grid-size":8,onResizestart:_(l),onResize:_(c),onResizeend:_(d)},{default:$((()=>[x(F,{"hide-create":"","is-collapsed":_(i),onCollapse:_(m),onOpenCommandBar:p},null,8,["is-collapsed","onCollapse"]),x(_(L),{"as-child":""},{default:$((()=>[a("div",{class:g(e.$style.scrollArea)},[x(ue,{"is-collapsed":_(i)},null,8,["is-collapsed"]),x(P,{items:v.value,"is-collapsed":_(i),onLogout:y},null,8,["items","is-collapsed"])],2)])),_:1})])),_:1},8,["class","width","style","onResizestart","onResize","onResizeend"]))}}),[["__cssModules",{$style:{sideMenu:"_sideMenu_nzvda_125",sideMenuCollapsed:"_sideMenuCollapsed_nzvda_133",scrollArea:"_scrollArea_nzvda_138"}}]]),e("default",l({__name:"ChatLayout",setup:e=>(e,t)=>{const s=f("RouterView");return n(),C(U,null,{sidebar:$((()=>[x(_e)])),default:$((()=>[x(s)])),_:1})}}))}}}));
//# sourceMappingURL=ChatLayout-legacy-DfwkVJQQ.js.map