n8n-editor-ui/dist/assets/ChatLayout-DgiJpaN9.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.13.4`}}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]=`0fec77bc-37ca-431e-b423-de185c9a5a33`,e._sentryDebugIdIdentifier=`sentry-dbid-0fec77bc-37ca-431e-b423-de185c9a5a33`)})()}catch{}import{$ as e,A as t,C as n,E as r,Ft as i,N as a,O as o,S as s,Sn as c,T as l,W as u,Wt as d,X as f,_ as p,_n as m,at as h,gt as g,h as _,it as v,j as y,pt as b,rt as x,w as S,yn as C,yt as w}from"./vue.runtime.esm-bundler-D9KLAxvJ.js";import{bt as T}from"./_MapCache-CUJwh2qp.js";import{$i as E,Bt as D,Fi as O,Ii as k,X as A,Zi as j,_t as M,gt as N,m as P,z as F}from"./src-wni2AGA3.js";import{t as I}from"./_plugin-vue_export-helper-Dm3nT7Ps.js";import"./sanitize-html-my1ogl5v.js";import{Tr as ee,at as L,en as R,jr as te}from"./users.store-BHWXXawf.js";import{n as z,r as B,t as V}from"./MainSidebarHeader-BHA0TF0B.js";import{t as H}from"./BaseLayout-DD0w0m1B.js";import{Ps as ne,ms as U}from"./constants-CIP7tKq1.js";import"./merge-BqvKZ38d.js";import"./_baseOrderBy-CaKruttV.js";import"./dateformat-CYfyw486.js";import"./useDebounce-CTeIt-cH.js";import"./versions.store-CNV-esbv.js";import"./usePageRedirectionHelper-Dxb_B6-R.js";import"./canvas.utils-BMxgA7cX.js";import"./CredentialIcon-BKhP7Biv.js";import{t as W}from"./KeyboardShortcutTooltip-CrTbwZwY.js";import{a as G,l as K,n as q,u as J}from"./constants-B7scOakb.js";import{t as Y}from"./useKeybindings-C1FXJp2f.js";import"./useGlobalEntityCreation-Bu-B9YLA.js";import{S as X,f as re,t as Z}from"./chat.store-Bg89IR0u.js";import{t as ie}from"./useSettingsItems-otijpHKn.js";import{t as ae}from"./ChatAgentAvatar-Dxv-BN__.js";var oe=I(a({__name:`ChatSidebarLink`,props:{active:{type:Boolean,default:!1},to:{},label:{},title:{},menuItems:{default:()=>[]},icon:{},compact:{type:Boolean}},emits:[`actionSelect`,`click`],setup(n,{emit:i}){let a=i;return(i,o)=>{let s=h(`RouterLink`);return e(),r(`div`,{class:m([i.$style.menuItem,{[i.$style.active]:n.active}])},[i.$slots.default?v(i.$slots,`default`,{key:0}):(e(),r(p,{key:1},[y(s,{to:n.to,class:m([i.$style.menuItemLink,{[i.$style.compact]:n.compact}]),title:n.title,onClick:o[0]||=e=>a(`click`,e)},{default:w(()=>[v(i.$slots,`icon`,{},()=>[n.icon?(e(),S(d(E),{key:0,size:`large`,icon:n.icon},null,8,[`icon`])):l(``,!0)]),n.compact?l(``,!0):(e(),r(`div`,{key:0,class:m(i.$style.textContainer)},[y(d(j),{class:m(i.$style.label),size:`small`,color:`text-light`},{default:w(()=>[t(c(n.label),1)]),_:1},8,[`class`]),y(d(j),{class:m(i.$style.title),size:`medium`,color:`text-dark`},{default:w(()=>[t(c(n.title),1)]),_:1},8,[`class`])],2))]),_:3},8,[`to`,`class`,`title`]),!n.compact&&n.menuItems.length>0?(e(),S(d(D),{key:0,items:n.menuItems,class:m(i.$style.actionDropdown),placement:`bottom-start`,onSelect:o[1]||=e=>a(`actionSelect`,e),onClick:o[2]||=_(()=>{},[`stop`])},{activator:w(()=>[y(d(k),{variant:`ghost`,icon:`ellipsis-vertical`,class:m(i.$style.actionDropdownTrigger)},null,8,[`class`])]),_:1},8,[`items`,`class`])):l(``,!0)],64))],2)}}}),[[`__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`}}]]),se=I(a({__name:`ChatSessionMenuItem`,props:{session:{},isRenaming:{type:Boolean},active:{type:Boolean},compact:{type:Boolean}},emits:[`startRename`,`cancelRename`,`confirmRename`,`delete`],setup(t,{emit:n}){let r=n,a=b(`input`),c=i(``),l=Z(),f=T(),p=s(()=>{let e=X(t.session);return e?l.getAgent(e,{name:t.session.agentName,icon:t.session.agentIcon}):null}),h=s(()=>[{id:`rename`,label:f.baseText(`chatHub.session.actions.rename`),icon:`pencil`},{id:`delete`,label:f.baseText(`chatHub.session.actions.delete`),icon:`trash-2`}]);function _(e){e===`rename`?(c.value=t.session.title,r(`startRename`,t.session.id)):e===`delete`&&r(`delete`,t.session.id)}function v(){let e=c.value.trim();e&&e!==t.session.title?r(`confirmRename`,t.session.id,e):r(`cancelRename`)}function x(e){if(e.key===`Escape`){r(`cancelRename`);return}e.key===`Enter`&&!e.isComposing&&v()}return g(()=>t.isRenaming,async e=>{e?(c.value=t.session.title,await u(),a.value?.focus(),a.value?.select()):c.value=``},{immediate:!0}),(n,r)=>(e(),S(oe,{to:{name:d(q),params:{id:t.session.id}},active:t.active,compact:t.compact,"menu-items":h.value,label:t.session.agentName,title:t.session.title,onActionSelect:_},o({icon:w(()=>[y(ae,{agent:p.value,size:`sm`,class:m(n.$style.avatar)},null,8,[`agent`,`class`])]),_:2},[t.isRenaming?{name:`default`,fn:w(()=>[y(d(O),{ref_key:`input`,ref:a,modelValue:c.value,"onUpdate:modelValue":r[0]||=e=>c.value=e,size:`large`,onBlur:v,onKeydown:x},null,8,[`modelValue`])]),key:`0`}:void 0]),1032,[`to`,`active`,`compact`,`menu-items`,`label`,`title`]))}}),[[`__cssModules`,{$style:{avatar:`_avatar_1006s_125`}}]]),ce={skeletonItem:`_skeletonItem_rwi4t_125`,skeletonAvatar:`_skeletonAvatar_rwi4t_134`,skeletonText:`_skeletonText_rwi4t_135`,"skeleton-pulse":`_skeleton-pulse_rwi4t_1`},le={};function Q(t,i){return e(),r(`div`,{class:m(t.$style.skeletonItem)},[n(`div`,{class:m(t.$style.skeletonAvatar)},null,2),n(`div`,{class:m(t.$style.skeletonText)},null,2)],2)}var $=I(le,[[`render`,Q],[`__cssModules`,{$style:ce}]]),ue=I(a({__name:`ChatSidebarContent`,props:{isCollapsed:{type:Boolean}},setup(a){let o=N(),u=M(),h=Z(),g=ee(),_=te(),v=L(),b=R(),C=s(()=>h.sessionsReady&&v.allCredentialTypes.length>0),E=T(),D=i(),O=s(()=>typeof o.params.id==`string`?o.params.id:void 0),k=s(()=>re((h.sessions.ids??[]).reduce((e,t)=>{let n=h.sessions.byId[t];return n&&n.type!==`manual`&&e.push(n),e},[]))),F=s(()=>({id:`new-chat`,label:E.baseText(`chatHub.sidebar.link.newChat`),icon:`plus`,route:{to:{name:K,force:!0}}})),I=s(()=>({id:`personal-agents`,label:E.baseText(`chatHub.sidebar.link.personalAgents`),icon:`message-square`,route:{to:{name:G}}})),z=s(()=>({id:`workflow-agents`,label:E.baseText(`chatHub.sidebar.link.workflowAgents`),icon:`robot`,route:{to:{name:J}}}));function B(e){D.value=e}function V(){D.value=void 0}async function H(e,t){try{await h.renameSession(e,t),D.value=void 0}catch(e){g.showError(e,E.baseText(`chatHub.session.updateTitle.error`))}}async function ne(e){if(await _.confirm(E.baseText(`chatHub.session.delete.confirm.message`),E.baseText(`chatHub.session.delete.confirm.title`),{confirmButtonText:E.baseText(`chatHub.session.delete.confirm.button`),cancelButtonText:E.baseText(`chatHub.session.delete.cancel.button`)})===`confirm`)try{await h.deleteSession(e),g.showMessage({type:`success`,title:E.baseText(`chatHub.session.delete.success`)}),e===O.value&&u.push({name:K})}catch(e){g.showError(e,E.baseText(`chatHub.session.delete.error`))}}function U(){b.track(`User clicked new chat button`,{source:`chat_hub`})}return f(()=>{h.fetchSessions(!0,{minLoadingTime:250,type:`production`})}),(i,s)=>(e(),r(`div`,{class:m(i.$style.component)},[n(`div`,{class:m({[i.$style.links]:!0,[i.$style.collapsed]:a.isCollapsed})},[y(W,{placement:`right`,label:d(E).baseText(`chatHub.sidebar.link.newChat`),"show-after":500,shortcut:{keys:[`o`],metaKey:!0,shiftKey:!0}},{default:w(()=>[y(d(A),{item:F.value,compact:a.isCollapsed,active:d(o).name===d(K),onClick:U},null,8,[`item`,`compact`,`active`])]),_:1},8,[`label`]),y(d(A),{item:I.value,compact:a.isCollapsed,active:d(o).name===d(G)},null,8,[`item`,`compact`,`active`]),y(d(A),{item:z.value,compact:a.isCollapsed,active:d(o).name===d(J)},null,8,[`item`,`compact`,`active`])],2),y(d(P),{"as-child":``,type:`scroll`},{default:w(()=>[n(`div`,{class:m([i.$style.historySections,{[i.$style.collapsed]:a.isCollapsed}]),"data-test-id":`chat-conversation-list`},[C.value?(e(!0),r(p,{key:1},x(k.value,(n,o)=>(e(),r(`div`,{key:n.group,class:m(i.$style.group)},[a.isCollapsed?l(``,!0):(e(),S(d(j),{key:0,class:m(i.$style.groupHeader),size:`small`,bold:``,color:`text-light`},{default:w(()=>[t(c(n.group),1)]),_:2},1032,[`class`])),(e(!0),r(p,null,x(n.sessions,t=>(e(),S(se,{key:t.id,session:t,compact:a.isCollapsed,active:O.value===t.id,"is-renaming":D.value===t.id,onStartRename:B,onCancelRename:V,onConfirmRename:H,onDelete:ne},null,8,[`session`,`compact`,`active`,`is-renaming`]))),128)),o===k.value.length-1&&d(h).sessions.hasMore&&!d(h).sessionsLoading?(e(),S(d(A),{key:1,item:{id:`load-more-sessions`,label:d(E).baseText(`chatHub.sidebar.loadMoreSessions`),icon:`circle-ellipsis`},compact:a.isCollapsed,onClick:s[0]||=()=>d(h).fetchMoreSessions({minLoadingTime:250})},null,8,[`item`,`compact`])):l(``,!0),o===k.value.length-1&&d(h).sessionsLoading?(e(),r(p,{key:2},x(10,e=>y($,{key:e})),64)):l(``,!0)],2))),128)):(e(),r(`div`,{key:0,class:m(i.$style.group)},[(e(),r(p,null,x(10,e=>y($,{key:`loading-${e}`})),64))],2))],2)]),_:1})],2))}}),[[`__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`}}]]),de=I(a({__name:`ChatSidebar`,setup(t){let r=T(),i=M(),{isCollapsed:a,sidebarWidth:o,onResizeStart:c,onResize:l,onResizeEnd:f,toggleCollapse:p}=B();function h(e){e.stopPropagation(),u(()=>{let e=new KeyboardEvent(`keydown`,{key:`k`,code:`KeyK`,metaKey:!0,bubbles:!0,cancelable:!0});document.dispatchEvent(e)})}let{settingsItems:g}=ie(),_=s(()=>[{id:`settings`,label:r.baseText(`mainSidebar.settings`),icon:`settings`,available:!0,children:g.value}]),v=s(()=>_.value.filter(e=>e.available!==!1));Y({bracketleft:()=>p()});let b=()=>{i.push({name:U.SIGNOUT})};return(t,r)=>(e(),S(d(F),{id:`side-menu`,class:m({[t.$style.sideMenu]:!0,[t.$style.sideMenuCollapsed]:d(a)}),width:d(o),style:C({width:`${d(o)}px`}),"supported-directions":[`right`],"min-width":200,"max-width":500,"grid-size":8,onResizestart:d(c),onResize:d(l),onResizeend:d(f)},{default:w(()=>[y(V,{"hide-create":``,"is-collapsed":d(a),onCollapse:d(p),onOpenCommandBar:h},null,8,[`is-collapsed`,`onCollapse`]),y(d(P),{"as-child":``},{default:w(()=>[n(`div`,{class:m(t.$style.scrollArea)},[y(ue,{"is-collapsed":d(a)},null,8,[`is-collapsed`]),y(z,{items:v.value,"is-collapsed":d(a),onLogout:b},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`}}]]),fe=a({__name:`ChatLayout`,setup(t){return(t,n)=>{let r=h(`RouterView`);return e(),S(H,null,{sidebar:w(()=>[y(de)]),default:w(()=>[y(r)]),_:1})}}});export{fe as default};
//# sourceMappingURL=ChatLayout-DgiJpaN9.js.map