39 lines
5.1 KiB
JavaScript
39 lines
5.1 KiB
JavaScript
import{n as e}from"./rolldown-runtime-DkW27tQK.js";import{bn as t,er as n}from"./control-ui-foundation-CeFMP1Ly.js";import{fl as r,ml as i}from"./control-ui-core-pH6nakZ-.js";import{G as a,J as o,W as s,Z as c,at as l}from"./lit-runtime-BEtFSUCp.js";import{$n as u,tr as d}from"./control-ui-core-DGVkFhVB.js";import{Ht as f,Lt as p,Rt as m,_ as h,kt as g,qt as _,w as v}from"./control-ui-core-Br5DB0Zj.js";import{oo as y}from"./control-ui-boot-Cdpgu1Gm.js";import{i as b,r as x,t as S}from"./custodian-surface-BijreBg_.js";import{r as C,t as w}from"./dock-layout-controller-uvZhgHTs.js";var T,E;function D(){return(D=e((()=>{s(),c(),g(),d(),f(),i(),b(),C(),m(),v(),S(),T=y({storageKey:`openclaw.custodian.panel.v1`,minHeight:240,minWidth:320,defaultDock:`right`,supportedDocks:[`bottom`,`right`],defaultHeight:420,defaultWidth:440}),E=class extends r{constructor(...e){super(...e),this.available=!1,this.suppressed=!1,this.minimizeRequestId=0,this.store=x,this.dockLayout=new w(this,{layout:T,reservationPrefix:`custodian`,isAvailable:()=>this.available}),this.onToggleRequest=e=>this.handleToggleRequest(e),this.handledMinimizeRequestId=0,this.subscribedStore=null,this.storeCleanup=null}connectedCallback(){super.connectedCallback(),this.subscribeToStore(),window.addEventListener(h,this.onToggleRequest),this.dockLayout.setSuppressed(this.suppressed),this.dockLayout.open&&this.store.refreshTranscriptIfIdle()}disconnectedCallback(){window.removeEventListener(h,this.onToggleRequest),this.storeCleanup?.(),this.storeCleanup=null,this.subscribedStore=null,super.disconnectedCallback()}willUpdate(e){if(e.has(`store`)&&(this.subscribeToStore(),this.dockLayout.open&&this.store.refreshTranscriptIfIdle()),e.has(`suppressed`)){let e=this.dockLayout.open;this.dockLayout.setSuppressed(this.suppressed),!e&&this.dockLayout.open&&this.store.refreshTranscriptIfIdle()}if(this.minimizeRequestId>0&&this.minimizeRequestId!==this.handledMinimizeRequestId&&(this.available&&(this.handledMinimizeRequestId=this.minimizeRequestId),this.available&&this.store.hasRealUserTurn()&&this.setOpen(!0)),e.has(`available`)){let e=this.dockLayout.open;!this.available&&this.dockLayout.open?this.dockLayout.hideWithoutPersisting():this.available&&this.dockLayout.restoreOpenState(),!e&&this.dockLayout.open&&this.store.refreshTranscriptIfIdle()}this.dockLayout.syncReservation()}subscribeToStore(){!this.isConnected||this.subscribedStore===this.store||(this.storeCleanup?.(),this.subscribedStore=this.store,this.storeCleanup=this.store.subscribe(()=>this.requestUpdate()))}setDock(e){this.dockLayout.setDock(e)}setOpen(e){this.dockLayout.setOpen(e),e&&this.store.refreshTranscriptIfIdle()}toggle(){!this.available||this.suppressed||this.setOpen(!this.dockLayout.open)}handleToggleRequest(e){let n=e instanceof CustomEvent?e.detail:null,r=t(n),i=r?.dock;if((i===`right`||i===`bottom`)&&this.dockLayout.setDock(i,!1),r?.open===!1){this.setOpen(!1);return}if(r?.open===!0){if(!this.available||this.suppressed)return;this.setOpen(!0);return}this.toggle()}get custodianPanelOpen(){return this.dockLayout.open}render(){if(!this.available||!this.dockLayout.open)return a;let e=this.dockLayout.dock,t=e===`bottom`?`height:${this.dockLayout.height}px`:`width:${this.dockLayout.width}px`;return o`
|
|
<section class="cp cp--${e}" style=${t} aria-label=${_(`custodian.panel.title`)}>
|
|
${this.dockLayout.renderResizer(`cp`,_(`custodian.panel.resize`))}
|
|
<header class="rail-header cp-header" @mousedown=${u}>
|
|
<div class="cp-title">
|
|
<openclaw-mascot
|
|
.mood=${this.store.sending?`thinking`:`idle`}
|
|
.size=${16}
|
|
></openclaw-mascot>
|
|
<strong class="rail-header__title">${_(`custodian.panel.title`)}</strong>
|
|
</div>
|
|
<div class="rail-header__actions cp-actions">
|
|
<button
|
|
class="rail-header__action cp-icon"
|
|
type="button"
|
|
aria-label=${_(e===`bottom`?`custodian.panel.dockRight`:`custodian.panel.dockBottom`)}
|
|
@click=${()=>this.setDock(e===`bottom`?`right`:`bottom`)}
|
|
>
|
|
${e===`bottom`?p.panelRightOpen:p.panelBottomOpen}
|
|
</button>
|
|
<button
|
|
class="rail-header__action cp-icon"
|
|
type="button"
|
|
aria-label=${_(`custodian.panel.close`)}
|
|
@click=${()=>this.setOpen(!1)}
|
|
>
|
|
${p.x}
|
|
</button>
|
|
</div>
|
|
</header>
|
|
<openclaw-custodian-surface
|
|
.store=${this.store}
|
|
.onboarding=${this.store.activeVariant===`onboarding`}
|
|
.newAgentIntent=${this.store.activeVariant===`new-agent`}
|
|
compact
|
|
></openclaw-custodian-surface>
|
|
</section>
|
|
`}},n([l({type:Boolean})],E.prototype,`available`,void 0),n([l({type:Boolean})],E.prototype,`suppressed`,void 0),n([l({type:Number})],E.prototype,`minimizeRequestId`,void 0),n([l({attribute:!1})],E.prototype,`store`,void 0),customElements.get(`openclaw-custodian-panel`)||customElements.define(`openclaw-custodian-panel`,E)})))()}D();export{E as OpenClawCustodianPanel};
|
|
//# sourceMappingURL=custodian-panel-WuoyOsWA.js.map
|