openclaw
Version:
Multi-channel AI gateway with extensible messaging integrations
111 lines • 9.42 kB
JavaScript
import{n as e}from"./rolldown-runtime-8BhlS34s.js";import{qr as t}from"./control-ui-foundation-ZY_Flbbd.js";import{Jn as n,Zc as r,bs as i,hu as a,nl as o,uu as s}from"./control-ui-core-3P365fbR.js";import{Sn as c,Xi as l,Zi as u,a as d,co as f,fn as p,go as m,i as h,mn as g,uo as _}from"./control-ui-core-CFW9Qtjn.js";import{$ as v,X as y,Y as b,c as x,ct as S,nt as C,s as w,ut as T}from"./lit-runtime-P5vbNq6b.js";import{Ai as E,Ci as D,Fi as O,Mi as k,Pi as A,Qa as j,Si as M,Ui as N,Wi as P,eo as F,ji as I,xi as L}from"./control-ui-boot-shared-CG9HtEG-.js";import{a as R,i as z,n as B,o as V,r as H,t as U}from"./roster-element-C29y8JVq.js";function W(e,t){return v`<openclaw-sidebar-new-session-menu
.host=${e}
.active=${e.navigationVisible}
.triggerClass=${t}
></openclaw-sidebar-new-session-menu>`}function G(e,t){let n=e.sessionNavigationAgentId(t),r=e.sessionDataContext?z(e.sessionDataContext).snapshot.cards.find(e=>e.id===n):void 0;return k({host:e,session:t,listItem:!1,icon:F(r??{id:n})})}function K(e,t,n){return v`<openclaw-sidebar-agent-roster
.host=${e}
.active=${e.navigationVisible}
.sections=${t}
.empty=${n}
.involvingMe=${e.sessionInvolvingMeFilterActive}
></openclaw-sidebar-agent-roster>`}var q,J;function Y(){return(Y=e((()=>{b(),C(),w(),f(),p(),s(),R(),H(),B(),o(),N(),L(),E(),u(),j(),h(),A(),V(),q=class extends U{constructor(...e){super(...e),this.sections=[],this.involvingMe=!1,this.empty=!1,this.collapsed=new Set,this.settingsScope=null,this.published=null}willUpdate(){let e=this.context.gateway.connection.gatewayUrl;this.settingsScope!==e&&(this.settingsScope=e,this.collapsed=new Set(g(e).sidebarCollapsedAgentIds??[]));let t=z(this.context);t.setInvolvingMe(this.involvingMe);let n=t.snapshot;(this.published?.snapshot!==n||this.published.collapsed!==this.collapsed)&&(this.published={snapshot:n,collapsed:this.collapsed},this.host.rosterSessionSource={result:n.result,agentIds:n.cards.map(e=>e.id),collapsedAgentIds:this.collapsed})}disconnectedCallback(){this.host.rosterSessionSource=null,z(this.context).setInvolvingMe(!1),super.disconnectedCallback()}toggleAgent(e){let t=new Set(this.collapsed);t.delete(e)||t.add(e),this.setCollapsedAgents(t)}setCollapsedAgents(e){c({gatewayUrl:this.context.gateway.connection.gatewayUrl,sidebarCollapsedAgentIds:[...e]},{selectGateway:!1}),this.collapsed=e}render(){return this.avatars.withActiveRoutes(()=>{let e=this.cards(),t=this.roster.error??this.roster.subscriptionError,n=this.host.readNewSessionAccess();return M(this.host,v`<div class="sidebar-agent-roster">
${t?v`<button class="sidebar-agent-roster__link" =${()=>void this.refresh()}>${a(`agentsHome.loadFailed`)}</button>`:y}
${this.roster.loading&&e.length===0?v`<span role="status" aria-label=${a(`common.loading`)} class="skeleton skeleton-line"></span>`:y}
${x(e,e=>e.id,t=>{let o=this.collapsed.has(t.id),s=this.sections.filter(e=>e.id.startsWith(`agent:${t.id}:`)),c=this.host.selectedAgentMainSessionKey(t.id),u=this.host.mainSessionRow(t.id),f=u?this.host.projectHomeSession(u,t.id):null,p=f?.childLoadParentKeys?.length?f.childLoadParentKeys:[u?.key??c],m=_(this.host.activeRouteId)&&r(this.host.getRouteSessionKey(),c),h=[...f?[f]:[],...o?s.flatMap(e=>e.rows):[]];return v`<section
class="sidebar-agent-roster__group"
data-agent-group=${t.id}
aria-label=${t.name}
>
<div class="sidebar-agent-roster__header">
<button
type="button"
class="sidebar-agent-roster__action sidebar-agent-roster__chevron"
data-agent-collapse=${t.id}
aria-label=${a(o?`agentsHome.expandAgent`:`agentsHome.collapseAgent`,{agent:t.name})}
aria-expanded=${String(!o)}
=${()=>this.toggleAgent(t.id)}
>
<span class="sidebar-agent-roster__chevron" aria-hidden="true"
>${o?l.chevronRight:l.chevronDown}</span
>
</button>
<a
class="sidebar-agent-roster__row"
data-agent-id=${t.id}
href=${t.target.href}
aria-current=${m?`page`:y}
title=${a(`agentsHome.openChat`)}
=${e=>{i(e)&&(e.preventDefault(),this.host.openMainSession(t.id))}}
>
<span class="sidebar-agent-roster__avatar" aria-hidden="true">
${F(t)}
</span>
<span class="sidebar-agent-roster__copy"><span>${t.name}</span></span>
</a>
<span class="sidebar-agent-roster__signals">
${h.length>0?O(h,o,o?s.reduce((e,t)=>e+t.rows.length,0):0,h.reduce((e,t)=>e+(t.workspaceConflictCount??0),0)):y}
</span>
<span
class="sidebar-agent-roster__actions"
=${e=>{e.key===` `&&e.target instanceof HTMLAnchorElement&&(e.preventDefault(),e.target.click())}}
>
${d({basePath:this.host.basePath,agentId:t.id,className:`sidebar-agent-roster__action sidebar-agent-roster__new`,label:`${a(`agentChip.newConversation`)}: ${t.name}`,disabledReason:n.allowed?void 0:n.reason,onOpen:(e,t)=>this.host.requestOpenNewSession(e,t)})}
<wa-dropdown
placement="bottom-end"
-show=${()=>this.host.dismissTransientMenus()}
-select=${n=>{switch(n.detail.item.value){case`main`:this.host.openMainSession(t.id);break;case`sessions`:this.context.agentSelection.setScope(t.id),this.host.onNavigate?.(`sessions`);break;case`collapse-others`:this.setCollapsedAgents(new Set(e.filter(e=>e.id!==t.id).map(e=>e.id)))}}}
>
<button
slot="trigger"
type="button"
class="sidebar-agent-roster__action"
aria-label=${a(`agentsHome.agentOptions`,{agent:t.name})}
>
${l.moreHorizontal}
</button>
<wa-dropdown-item value="main"
>${a(`agentsHome.openMainChat`)}</wa-dropdown-item
>
<wa-dropdown-item value="sessions"
>${a(`agentsHome.allSessions`)}</wa-dropdown-item
>
<wa-dropdown-item value="collapse-others"
>${a(`agentsHome.collapseOthers`)}</wa-dropdown-item
>
</wa-dropdown>
</span>
</div>
${o?y:v`${p.map(e=>I(this.host,e))}
${s.map(e=>D({host:this.host,section:e,personHeaders:void 0}))}`}
</section>`})}
${P(this.host,this.empty,this.connected&&this.roster.result!==null&&!this.roster.loading&&!t&&!this.roster.result.hasMore&&!this.host.sessionData.sessionMutationError)}
</div>`)})}},t([T({attribute:!1})],q.prototype,`host`,void 0),t([T({attribute:!1})],q.prototype,`sections`,void 0),t([T({attribute:!1})],q.prototype,`involvingMe`,void 0),t([T({attribute:!1})],q.prototype,`empty`,void 0),t([S()],q.prototype,`collapsed`,void 0),customElements.define(`openclaw-sidebar-agent-roster`,q),J=class extends U{constructor(...e){super(...e),this.triggerClass=``}render(){return this.avatars.withActiveRoutes(()=>{let e=this.host.readNewSessionAccess(),t=this.cards();return v`<wa-dropdown
class="sidebar-new-session-menu"
placement="bottom-end"
aria-label=${a(`agentChip.agents`)}
-show=${()=>this.host.dismissTransientMenus()}
-select=${n=>{let r=n.detail.item;if(n.preventDefault(),r.dataset.nativeNavigation){delete r.dataset.nativeNavigation;return}let i=r.value;if(e.allowed&&i&&t.some(e=>e.id===i)){let e=this.querySelector(`wa-dropdown`);e&&(e.open=!1),this.host.requestOpenNewSession(i)}}}
>
<button
slot="trigger"
type="button"
class=${this.triggerClass}
aria-label=${a(`agentChip.newConversation`)}
title=${e.allowed?a(`agentChip.newConversation`):e.reason}
?disabled=${!e.allowed||t.length===0}
>
${l.plus}
</button>
${t.map(e=>v`<wa-dropdown-item
value=${e.id}
=${e=>{i(e)?e.preventDefault():e.currentTarget instanceof HTMLElement&&(e.currentTarget.dataset.nativeNavigation=`true`)}}
><a
class="sidebar-agent-roster__link"
href=${`${m(`new-session`,this.host.basePath)}${n(e.id)}`}
tabindex="-1"
><span class="sidebar-agent-roster__avatar" aria-hidden="true">
${F(e)} </span
><span>${e.name}</span></a
>
</wa-dropdown-item>`)}
</wa-dropdown>`})}},t([T({attribute:!1})],J.prototype,`host`,void 0),t([T({attribute:!1})],J.prototype,`triggerClass`,void 0),customElements.define(`openclaw-sidebar-new-session-menu`,J)})))()}Y();export{K as renderSidebarAgentRoster,W as renderSidebarNewSessionMenu,G as renderSidebarPinnedSession};