clawdbot 2026.1.4-1 → 2026.1.5-1

package/dist/control-ui/assets/index-CE_axlTS.js

@@ -1,2235 +0,0 @@
-(function(){const t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const i of document.querySelectorAll('link[rel="modulepreload"]'))n(i);new MutationObserver(i=>{for(const a of i)if(a.type==="childList")for(const l of a.addedNodes)l.tagName==="LINK"&&l.rel==="modulepreload"&&n(l)}).observe(document,{childList:!0,subtree:!0});function s(i){const a={};return i.integrity&&(a.integrity=i.integrity),i.referrerPolicy&&(a.referrerPolicy=i.referrerPolicy),i.crossOrigin==="use-credentials"?a.credentials="include":i.crossOrigin==="anonymous"?a.credentials="omit":a.credentials="same-origin",a}function n(i){if(i.ep)return;i.ep=!0;const a=s(i);fetch(i.href,a)}})();const le=globalThis,we=le.ShadowRoot&&(le.ShadyCSS===void 0||le.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,Je=Symbol(),Le=new WeakMap;let ht=class{constructor(t,s,n){if(this._$cssResult$=!0,n!==Je)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=s}get styleSheet(){let t=this.o;const s=this.t;if(we&&t===void 0){const n=s!==void 0&&s.length===1;n&&(t=Le.get(s)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),n&&Le.set(s,t))}return t}toString(){return this.cssText}};const gt=e=>new ht(typeof e=="string"?e:e+"",void 0,Je),mt=(e,t)=>{if(we)e.adoptedStyleSheets=t.map(s=>s instanceof CSSStyleSheet?s:s.styleSheet);else for(const s of t){const n=document.createElement("style"),i=le.litNonce;i!==void 0&&n.setAttribute("nonce",i),n.textContent=s.cssText,e.appendChild(n)}},Fe=we?e=>e:e=>e instanceof CSSStyleSheet?(t=>{let s="";for(const n of t.cssRules)s+=n.cssText;return gt(s)})(e):e;const{is:pt,defineProperty:ft,getOwnPropertyDescriptor:vt,getOwnPropertyNames:bt,getOwnPropertySymbols:yt,getPrototypeOf:$t}=Object,ue=globalThis,Te=ue.trustedTypes,wt=Te?Te.emptyScript:"",St=ue.reactiveElementPolyfillSupport,H=(e,t)=>e,re={toAttribute(e,t){switch(t){case Boolean:e=e?wt:null;break;case Object:case Array:e=e==null?e:JSON.stringify(e)}return e},fromAttribute(e,t){let s=e;switch(t){case Boolean:s=e!==null;break;case Number:s=e===null?null:Number(e);break;case Object:case Array:try{s=JSON.parse(e)}catch{s=null}}return s}},Se=(e,t)=>!pt(e,t),Pe={attribute:!0,type:String,converter:re,reflect:!1,useDefault:!1,hasChanged:Se};Symbol.metadata??=Symbol("metadata"),ue.litPropertyMetadata??=new WeakMap;let U=class extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,s=Pe){if(s.state&&(s.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((s=Object.create(s)).wrapped=!0),this.elementProperties.set(t,s),!s.noAccessor){const n=Symbol(),i=this.getPropertyDescriptor(t,n,s);i!==void 0&&ft(this.prototype,t,i)}}static getPropertyDescriptor(t,s,n){const{get:i,set:a}=vt(this.prototype,t)??{get(){return this[s]},set(l){this[s]=l}};return{get:i,set(l){const o=i?.call(this);a?.call(this,l),this.requestUpdate(t,o,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??Pe}static _$Ei(){if(this.hasOwnProperty(H("elementProperties")))return;const t=$t(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(H("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(H("properties"))){const s=this.properties,n=[...bt(s),...yt(s)];for(const i of n)this.createProperty(i,s[i])}const t=this[Symbol.metadata];if(t!==null){const s=litPropertyMetadata.get(t);if(s!==void 0)for(const[n,i]of s)this.elementProperties.set(n,i)}this._$Eh=new Map;for(const[s,n]of this.elementProperties){const i=this._$Eu(s,n);i!==void 0&&this._$Eh.set(i,s)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const s=[];if(Array.isArray(t)){const n=new Set(t.flat(1/0).reverse());for(const i of n)s.unshift(Fe(i))}else t!==void 0&&s.push(Fe(t));return s}static _$Eu(t,s){const n=s.attribute;return n===!1?void 0:typeof n=="string"?n:typeof t=="string"?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(t=>this.enableUpdating=t),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(t=>t(this))}addController(t){(this._$EO??=new Set).add(t),this.renderRoot!==void 0&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){const t=new Map,s=this.constructor.elementProperties;for(const n of s.keys())this.hasOwnProperty(n)&&(t.set(n,this[n]),delete this[n]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return mt(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(t=>t.hostConnected?.())}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach(t=>t.hostDisconnected?.())}attributeChangedCallback(t,s,n){this._$AK(t,n)}_$ET(t,s){const n=this.constructor.elementProperties.get(t),i=this.constructor._$Eu(t,n);if(i!==void 0&&n.reflect===!0){const a=(n.converter?.toAttribute!==void 0?n.converter:re).toAttribute(s,n.type);this._$Em=t,a==null?this.removeAttribute(i):this.setAttribute(i,a),this._$Em=null}}_$AK(t,s){const n=this.constructor,i=n._$Eh.get(t);if(i!==void 0&&this._$Em!==i){const a=n.getPropertyOptions(i),l=typeof a.converter=="function"?{fromAttribute:a.converter}:a.converter?.fromAttribute!==void 0?a.converter:re;this._$Em=i;const o=l.fromAttribute(s,a.type);this[i]=o??this._$Ej?.get(i)??o,this._$Em=null}}requestUpdate(t,s,n,i=!1,a){if(t!==void 0){const l=this.constructor;if(i===!1&&(a=this[t]),n??=l.getPropertyOptions(t),!((n.hasChanged??Se)(a,s)||n.useDefault&&n.reflect&&a===this._$Ej?.get(t)&&!this.hasAttribute(l._$Eu(t,n))))return;this.C(t,s,n)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(t,s,{useDefault:n,reflect:i,wrapped:a},l){n&&!(this._$Ej??=new Map).has(t)&&(this._$Ej.set(t,l??s??this[t]),a!==!0||l!==void 0)||(this._$AL.has(t)||(this.hasUpdated||n||(s=void 0),this._$AL.set(t,s)),i===!0&&this._$Em!==t&&(this._$Eq??=new Set).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(s){Promise.reject(s)}const t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[i,a]of this._$Ep)this[i]=a;this._$Ep=void 0}const n=this.constructor.elementProperties;if(n.size>0)for(const[i,a]of n){const{wrapped:l}=a,o=this[i];l!==!0||this._$AL.has(i)||o===void 0||this.C(i,void 0,a,o)}}let t=!1;const s=this._$AL;try{t=this.shouldUpdate(s),t?(this.willUpdate(s),this._$EO?.forEach(n=>n.hostUpdate?.()),this.update(s)):this._$EM()}catch(n){throw t=!1,this._$EM(),n}t&&this._$AE(s)}willUpdate(t){}_$AE(t){this._$EO?.forEach(s=>s.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&=this._$Eq.forEach(s=>this._$ET(s,this[s])),this._$EM()}updated(t){}firstUpdated(t){}};U.elementStyles=[],U.shadowRootOptions={mode:"open"},U[H("elementProperties")]=new Map,U[H("finalized")]=new Map,St?.({ReactiveElement:U}),(ue.reactiveElementVersions??=[]).push("2.1.2");const ke=globalThis,Re=e=>e,ce=ke.trustedTypes,_e=ce?ce.createPolicy("lit-html",{createHTML:e=>e}):void 0,Ge="$lit$",_=`lit$${Math.random().toFixed(9).slice(2)}$`,Ye="?"+_,kt=`<${Ye}>`,K=document,Y=()=>K.createComment(""),z=e=>e===null||typeof e!="object"&&typeof e!="function",Ce=Array.isArray,Ct=e=>Ce(e)||typeof e?.[Symbol.iterator]=="function",pe=`[ 	
-\f\r]`,B=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Ie=/-->/g,Ne=/>/g,I=RegExp(`>|${pe}(?:([^\\s"'>=/]+)(${pe}*=${pe}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`,"g"),Ke=/'/g,Ue=/"/g,ze=/^(?:script|style|textarea|title)$/i,Mt=e=>(t,...s)=>({_$litType$:e,strings:t,values:s}),c=Mt(1),O=Symbol.for("lit-noChange"),f=Symbol.for("lit-nothing"),Oe=new WeakMap,N=K.createTreeWalker(K,129);function Ve(e,t){if(!Ce(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return _e!==void 0?_e.createHTML(t):t}const At=(e,t)=>{const s=e.length-1,n=[];let i,a=t===2?"<svg>":t===3?"<math>":"",l=B;for(let o=0;o<s;o++){const r=e[o];let d,p,u=-1,v=0;for(;v<r.length&&(l.lastIndex=v,p=l.exec(r),p!==null);)v=l.lastIndex,l===B?p[1]==="!--"?l=Ie:p[1]!==void 0?l=Ne:p[2]!==void 0?(ze.test(p[2])&&(i=RegExp("</"+p[2],"g")),l=I):p[3]!==void 0&&(l=I):l===I?p[0]===">"?(l=i??B,u=-1):p[1]===void 0?u=-2:(u=l.lastIndex-p[2].length,d=p[1],l=p[3]===void 0?I:p[3]==='"'?Ue:Ke):l===Ue||l===Ke?l=I:l===Ie||l===Ne?l=B:(l=I,i=void 0);const $=l===I&&e[o+1].startsWith("/>")?" ":"";a+=l===B?r+kt:u>=0?(n.push(d),r.slice(0,u)+Ge+r.slice(u)+_+$):r+_+(u===-2?o:$)}return[Ve(e,a+(e[s]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),n]};class V{constructor({strings:t,_$litType$:s},n){let i;this.parts=[];let a=0,l=0;const o=t.length-1,r=this.parts,[d,p]=At(t,s);if(this.el=V.createElement(d,n),N.currentNode=this.el.content,s===2||s===3){const u=this.el.content.firstChild;u.replaceWith(...u.childNodes)}for(;(i=N.nextNode())!==null&&r.length<o;){if(i.nodeType===1){if(i.hasAttributes())for(const u of i.getAttributeNames())if(u.endsWith(Ge)){const v=p[l++],$=i.getAttribute(u).split(_),y=/([.?@])?(.*)/.exec(v);r.push({type:1,index:a,name:y[2],strings:$,ctor:y[1]==="."?xt:y[1]==="?"?Lt:y[1]==="@"?Ft:he}),i.removeAttribute(u)}else u.startsWith(_)&&(r.push({type:6,index:a}),i.removeAttribute(u));if(ze.test(i.tagName)){const u=i.textContent.split(_),v=u.length-1;if(v>0){i.textContent=ce?ce.emptyScript:"";for(let $=0;$<v;$++)i.append(u[$],Y()),N.nextNode(),r.push({type:2,index:++a});i.append(u[v],Y())}}}else if(i.nodeType===8)if(i.data===Ye)r.push({type:2,index:a});else{let u=-1;for(;(u=i.data.indexOf(_,u+1))!==-1;)r.push({type:7,index:a}),u+=_.length-1}a++}}static createElement(t,s){const n=K.createElement("template");return n.innerHTML=t,n}}function D(e,t,s=e,n){if(t===O)return t;let i=n!==void 0?s._$Co?.[n]:s._$Cl;const a=z(t)?void 0:t._$litDirective$;return i?.constructor!==a&&(i?._$AO?.(!1),a===void 0?i=void 0:(i=new a(e),i._$AT(e,s,n)),n!==void 0?(s._$Co??=[])[n]=i:s._$Cl=i),i!==void 0&&(t=D(e,i._$AS(e,t.values),i,n)),t}class Et{constructor(t,s){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=s}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:s},parts:n}=this._$AD,i=(t?.creationScope??K).importNode(s,!0);N.currentNode=i;let a=N.nextNode(),l=0,o=0,r=n[0];for(;r!==void 0;){if(l===r.index){let d;r.type===2?d=new ee(a,a.nextSibling,this,t):r.type===1?d=new r.ctor(a,r.name,r.strings,this,t):r.type===6&&(d=new Tt(a,this,t)),this._$AV.push(d),r=n[++o]}l!==r?.index&&(a=N.nextNode(),l++)}return N.currentNode=K,i}p(t){let s=0;for(const n of this._$AV)n!==void 0&&(n.strings!==void 0?(n._$AI(t,n,s),s+=n.strings.length-2):n._$AI(t[s])),s++}}class ee{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,s,n,i){this.type=2,this._$AH=f,this._$AN=void 0,this._$AA=t,this._$AB=s,this._$AM=n,this.options=i,this._$Cv=i?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode;const s=this._$AM;return s!==void 0&&t?.nodeType===11&&(t=s.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,s=this){t=D(this,t,s),z(t)?t===f||t==null||t===""?(this._$AH!==f&&this._$AR(),this._$AH=f):t!==this._$AH&&t!==O&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):Ct(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==f&&z(this._$AH)?this._$AA.nextSibling.data=t:this.T(K.createTextNode(t)),this._$AH=t}$(t){const{values:s,_$litType$:n}=t,i=typeof n=="number"?this._$AC(t):(n.el===void 0&&(n.el=V.createElement(Ve(n.h,n.h[0]),this.options)),n);if(this._$AH?._$AD===i)this._$AH.p(s);else{const a=new Et(i,this),l=a.u(this.options);a.p(s),this.T(l),this._$AH=a}}_$AC(t){let s=Oe.get(t.strings);return s===void 0&&Oe.set(t.strings,s=new V(t)),s}k(t){Ce(this._$AH)||(this._$AH=[],this._$AR());const s=this._$AH;let n,i=0;for(const a of t)i===s.length?s.push(n=new ee(this.O(Y()),this.O(Y()),this,this.options)):n=s[i],n._$AI(a),i++;i<s.length&&(this._$AR(n&&n._$AB.nextSibling,i),s.length=i)}_$AR(t=this._$AA.nextSibling,s){for(this._$AP?.(!1,!0,s);t!==this._$AB;){const n=Re(t).nextSibling;Re(t).remove(),t=n}}setConnected(t){this._$AM===void 0&&(this._$Cv=t,this._$AP?.(t))}}class he{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,s,n,i,a){this.type=1,this._$AH=f,this._$AN=void 0,this.element=t,this.name=s,this._$AM=i,this.options=a,n.length>2||n[0]!==""||n[1]!==""?(this._$AH=Array(n.length-1).fill(new String),this.strings=n):this._$AH=f}_$AI(t,s=this,n,i){const a=this.strings;let l=!1;if(a===void 0)t=D(this,t,s,0),l=!z(t)||t!==this._$AH&&t!==O,l&&(this._$AH=t);else{const o=t;let r,d;for(t=a[0],r=0;r<a.length-1;r++)d=D(this,o[n+r],s,r),d===O&&(d=this._$AH[r]),l||=!z(d)||d!==this._$AH[r],d===f?t=f:t!==f&&(t+=(d??"")+a[r+1]),this._$AH[r]=d}l&&!i&&this.j(t)}j(t){t===f?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class xt extends he{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===f?void 0:t}}class Lt extends he{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==f)}}class Ft extends he{constructor(t,s,n,i,a){super(t,s,n,i,a),this.type=5}_$AI(t,s=this){if((t=D(this,t,s,0)??f)===O)return;const n=this._$AH,i=t===f&&n!==f||t.capture!==n.capture||t.once!==n.once||t.passive!==n.passive,a=t!==f&&(n===f||i);i&&this.element.removeEventListener(this.name,this,n),a&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){typeof this._$AH=="function"?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}}class Tt{constructor(t,s,n){this.element=t,this.type=6,this._$AN=void 0,this._$AM=s,this.options=n}get _$AU(){return this._$AM._$AU}_$AI(t){D(this,t)}}const Pt=ke.litHtmlPolyfillSupport;Pt?.(V,ee),(ke.litHtmlVersions??=[]).push("3.3.2");const Rt=(e,t,s)=>{const n=s?.renderBefore??t;let i=n._$litPart$;if(i===void 0){const a=s?.renderBefore??null;n._$litPart$=i=new ee(t.insertBefore(Y(),a),a,void 0,s??{})}return i._$AI(e),i};const Me=globalThis;class W extends U{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const s=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=Rt(s,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return O}}W._$litElement$=!0,W.finalized=!0,Me.litElementHydrateSupport?.({LitElement:W});const _t=Me.litElementPolyfillSupport;_t?.({LitElement:W});(Me.litElementVersions??=[]).push("4.2.2");const It=e=>(t,s)=>{s!==void 0?s.addInitializer(()=>{customElements.define(e,t)}):customElements.define(e,t)};const Nt={attribute:!0,type:String,converter:re,reflect:!1,hasChanged:Se},Kt=(e=Nt,t,s)=>{const{kind:n,metadata:i}=s;let a=globalThis.litPropertyMetadata.get(i);if(a===void 0&&globalThis.litPropertyMetadata.set(i,a=new Map),n==="setter"&&((e=Object.create(e)).wrapped=!0),a.set(s.name,e),n==="accessor"){const{name:l}=s;return{set(o){const r=t.get.call(this);t.set.call(this,o),this.requestUpdate(l,r,e,!0,o)},init(o){return o!==void 0&&this.C(l,void 0,e,o),o}}}if(n==="setter"){const{name:l}=s;return function(o){const r=this[l];t.call(this,o),this.requestUpdate(l,r,e,!0,o)}}throw Error("Unsupported decorator location: "+n)};function Ut(e){return(t,s)=>typeof s=="object"?Kt(e,t,s):((n,i,a)=>{const l=i.hasOwnProperty(a);return i.constructor.createProperty(a,n),l?Object.getOwnPropertyDescriptor(i,a):void 0})(e,t,s)}function m(e){return Ut({...e,state:!0,attribute:!1})}function De(e){e[6]=e[6]&15|64,e[8]=e[8]&63|128;let t="";for(let s=0;s<e.length;s++)t+=e[s].toString(16).padStart(2,"0");return`${t.slice(0,8)}-${t.slice(8,12)}-${t.slice(12,16)}-${t.slice(16,20)}-${t.slice(20)}`}function Ot(){const e=new Uint8Array(16),t=Date.now();for(let s=0;s<e.length;s++)e[s]=Math.floor(Math.random()*256);return e[0]^=t&255,e[1]^=t>>>8&255,e[2]^=t>>>16&255,e[3]^=t>>>24&255,e}function Qe(e=globalThis.crypto){if(e&&typeof e.randomUUID=="function")return e.randomUUID();if(e&&typeof e.getRandomValues=="function"){const t=new Uint8Array(16);return e.getRandomValues(t),De(t)}return De(Ot())}class Dt{constructor(t){this.opts=t,this.ws=null,this.pending=new Map,this.closed=!1,this.lastSeq=null,this.backoffMs=800}start(){this.closed=!1,this.connect()}stop(){this.closed=!0,this.ws?.close(),this.ws=null,this.flushPending(new Error("gateway client stopped"))}get connected(){return this.ws?.readyState===WebSocket.OPEN}connect(){this.closed||(this.ws=new WebSocket(this.opts.url),this.ws.onopen=()=>this.sendConnect(),this.ws.onmessage=t=>this.handleMessage(String(t.data??"")),this.ws.onclose=t=>{const s=String(t.reason??"");this.ws=null,this.flushPending(new Error(`gateway closed (${t.code}): ${s}`)),this.opts.onClose?.({code:t.code,reason:s}),this.scheduleReconnect()},this.ws.onerror=()=>{})}scheduleReconnect(){if(this.closed)return;const t=this.backoffMs;this.backoffMs=Math.min(this.backoffMs*1.7,15e3),window.setTimeout(()=>this.connect(),t)}flushPending(t){for(const[,s]of this.pending)s.reject(t);this.pending.clear()}sendConnect(){const t=this.opts.token||this.opts.password?{token:this.opts.token,password:this.opts.password}:void 0,s={minProtocol:2,maxProtocol:2,client:{name:this.opts.clientName??"clawdbot-control-ui",version:this.opts.clientVersion??"dev",platform:this.opts.platform??navigator.platform??"web",mode:this.opts.mode??"webchat",instanceId:this.opts.instanceId},caps:[],auth:t,userAgent:navigator.userAgent,locale:navigator.language};this.request("connect",s).then(n=>{this.backoffMs=800,this.opts.onHello?.(n)}).catch(()=>{this.ws?.close(1008,"connect failed")})}handleMessage(t){let s;try{s=JSON.parse(t)}catch{return}const n=s;if(n.type==="event"){const i=s,a=typeof i.seq=="number"?i.seq:null;a!==null&&(this.lastSeq!==null&&a>this.lastSeq+1&&this.opts.onGap?.({expected:this.lastSeq+1,received:a}),this.lastSeq=a),this.opts.onEvent?.(i);return}if(n.type==="res"){const i=s,a=this.pending.get(i.id);if(!a)return;this.pending.delete(i.id),i.ok?a.resolve(i.payload):a.reject(new Error(i.error?.message??"request failed"));return}}request(t,s){if(!this.ws||this.ws.readyState!==WebSocket.OPEN)return Promise.reject(new Error("gateway not connected"));const n=Qe(),i={type:"req",id:n,method:t,params:s},a=new Promise((l,o)=>{this.pending.set(n,{resolve:r=>l(r),reject:o})});return this.ws.send(JSON.stringify(i)),a}}const Xe="clawdbot.control.settings.v1";function jt(){const t={gatewayUrl:`${location.protocol==="https:"?"wss":"ws"}://${location.host}`,token:"",sessionKey:"main",theme:"system"};try{const s=localStorage.getItem(Xe);if(!s)return t;const n=JSON.parse(s);return{gatewayUrl:typeof n.gatewayUrl=="string"&&n.gatewayUrl.trim()?n.gatewayUrl.trim():t.gatewayUrl,token:typeof n.token=="string"?n.token:t.token,sessionKey:typeof n.sessionKey=="string"&&n.sessionKey.trim()?n.sessionKey.trim():t.sessionKey,theme:n.theme==="light"||n.theme==="dark"||n.theme==="system"?n.theme:t.theme}}catch{return t}}function qt(e){localStorage.setItem(Xe,JSON.stringify(e))}const Bt=[{label:"Chat",tabs:["chat"]},{label:"Control",tabs:["overview","connections","instances","sessions","cron"]},{label:"Agent",tabs:["skills","nodes"]},{label:"Settings",tabs:["config","debug"]}],Ze={overview:"/overview",connections:"/connections",instances:"/instances",sessions:"/sessions",cron:"/cron",skills:"/skills",nodes:"/nodes",chat:"/chat",config:"/config",debug:"/debug"},et=new Map(Object.entries(Ze).map(([e,t])=>[t,e]));function Ae(e){if(!e)return"";let t=e.trim();return t.startsWith("/")||(t=`/${t}`),t==="/"?"":(t.endsWith("/")&&(t=t.slice(0,-1)),t)}function Q(e){if(!e)return"/";let t=e.trim();return t.startsWith("/")||(t=`/${t}`),t.length>1&&t.endsWith("/")&&(t=t.slice(0,-1)),t}function tt(e,t=""){const s=Ae(t),n=Ze[e];return s?`${s}${n}`:n}function je(e,t=""){const s=Ae(t);let n=e||"/";s&&(n===s?n="/":n.startsWith(`${s}/`)&&(n=n.slice(s.length)));let i=Q(n).toLowerCase();return i.endsWith("/index.html")&&(i="/"),i==="/"?"chat":et.get(i)??null}function Ht(e){let t=Q(e);if(t.endsWith("/index.html")&&(t=Q(t.slice(0,-11))),t==="/")return"";const s=t.split("/").filter(Boolean);if(s.length===0)return"";for(let n=0;n<s.length;n++){const i=`/${s.slice(n).join("/")}`.toLowerCase();if(et.has(i)){const a=s.slice(0,n);return a.length?`/${a.join("/")}`:""}}return`/${s.join("/")}`}function nt(e){switch(e){case"overview":return"Overview";case"connections":return"Connections";case"instances":return"Instances";case"sessions":return"Sessions";case"cron":return"Cron Jobs";case"skills":return"Skills";case"nodes":return"Nodes";case"chat":return"Chat";case"config":return"Config";case"debug":return"Debug";default:return"Control"}}function Wt(e){switch(e){case"overview":return"Gateway status, entry points, and a fast health read.";case"connections":return"Link providers and keep transport settings in sync.";case"instances":return"Presence beacons from connected clients and nodes.";case"sessions":return"Inspect active sessions and adjust per-session defaults.";case"cron":return"Schedule wakeups and recurring agent runs.";case"skills":return"Manage skill availability and API key injection.";case"nodes":return"Paired devices, capabilities, and command exposure.";case"chat":return"Direct gateway chat session for quick interventions.";case"config":return"Edit ~/.clawdbot/clawdbot.json safely.";case"debug":return"Gateway snapshots, events, and manual RPC calls.";default:return""}}const Jt={emoji:"🧩",detailKeys:["command","path","url","targetUrl","targetId","ref","element","node","nodeId","jobId","requestId","to","channelId","guildId","userId","name","query","pattern","messageId"]},Gt={bash:{emoji:"🛠️",title:"Bash",detailKeys:["command"]},process:{emoji:"🧰",title:"Process",detailKeys:["sessionId"]},read:{emoji:"📖",title:"Read",detailKeys:["path"]},write:{emoji:"✍️",title:"Write",detailKeys:["path"]},edit:{emoji:"📝",title:"Edit",detailKeys:["path"]},attach:{emoji:"📎",title:"Attach",detailKeys:["path","url","fileName"]},browser:{emoji:"🌐",title:"Browser",actions:{status:{label:"status"},start:{label:"start"},stop:{label:"stop"},tabs:{label:"tabs"},open:{label:"open",detailKeys:["targetUrl"]},focus:{label:"focus",detailKeys:["targetId"]},close:{label:"close",detailKeys:["targetId"]},snapshot:{label:"snapshot",detailKeys:["targetUrl","targetId","ref","element","format"]},screenshot:{label:"screenshot",detailKeys:["targetUrl","targetId","ref","element"]},navigate:{label:"navigate",detailKeys:["targetUrl","targetId"]},console:{label:"console",detailKeys:["level","targetId"]},pdf:{label:"pdf",detailKeys:["targetId"]},upload:{label:"upload",detailKeys:["paths","ref","inputRef","element","targetId"]},dialog:{label:"dialog",detailKeys:["accept","promptText","targetId"]},act:{label:"act",detailKeys:["request.kind","request.ref","request.selector","request.text","request.value"]}}},canvas:{emoji:"🖼️",title:"Canvas",actions:{present:{label:"present",detailKeys:["target","node","nodeId"]},hide:{label:"hide",detailKeys:["node","nodeId"]},navigate:{label:"navigate",detailKeys:["url","node","nodeId"]},eval:{label:"eval",detailKeys:["javaScript","node","nodeId"]},snapshot:{label:"snapshot",detailKeys:["format","node","nodeId"]},a2ui_push:{label:"A2UI push",detailKeys:["jsonlPath","node","nodeId"]},a2ui_reset:{label:"A2UI reset",detailKeys:["node","nodeId"]}}},nodes:{emoji:"📱",title:"Nodes",actions:{status:{label:"status"},describe:{label:"describe",detailKeys:["node","nodeId"]},pending:{label:"pending"},approve:{label:"approve",detailKeys:["requestId"]},reject:{label:"reject",detailKeys:["requestId"]},notify:{label:"notify",detailKeys:["node","nodeId","title","body"]},camera_snap:{label:"camera snap",detailKeys:["node","nodeId","facing","deviceId"]},camera_list:{label:"camera list",detailKeys:["node","nodeId"]},camera_clip:{label:"camera clip",detailKeys:["node","nodeId","facing","duration","durationMs"]},screen_record:{label:"screen record",detailKeys:["node","nodeId","duration","durationMs","fps","screenIndex"]}}},cron:{emoji:"⏰",title:"Cron",actions:{status:{label:"status"},list:{label:"list"},add:{label:"add",detailKeys:["job.name","job.id","job.schedule","job.cron"]},update:{label:"update",detailKeys:["jobId"]},remove:{label:"remove",detailKeys:["jobId"]},run:{label:"run",detailKeys:["jobId"]},runs:{label:"runs",detailKeys:["jobId"]},wake:{label:"wake",detailKeys:["text","mode"]}}},gateway:{emoji:"🔌",title:"Gateway",actions:{restart:{label:"restart",detailKeys:["reason","delayMs"]}}},whatsapp_login:{emoji:"🟢",title:"WhatsApp Login",actions:{start:{label:"start"},wait:{label:"wait"}}},discord:{emoji:"💬",title:"Discord",actions:{react:{label:"react",detailKeys:["channelId","messageId","emoji"]},reactions:{label:"reactions",detailKeys:["channelId","messageId"]},sticker:{label:"sticker",detailKeys:["to","stickerIds"]},poll:{label:"poll",detailKeys:["question","to"]},permissions:{label:"permissions",detailKeys:["channelId"]},readMessages:{label:"read messages",detailKeys:["channelId","limit"]},sendMessage:{label:"send",detailKeys:["to","content"]},editMessage:{label:"edit",detailKeys:["channelId","messageId"]},deleteMessage:{label:"delete",detailKeys:["channelId","messageId"]},threadCreate:{label:"thread create",detailKeys:["channelId","name"]},threadList:{label:"thread list",detailKeys:["guildId","channelId"]},threadReply:{label:"thread reply",detailKeys:["channelId","content"]},pinMessage:{label:"pin",detailKeys:["channelId","messageId"]},unpinMessage:{label:"unpin",detailKeys:["channelId","messageId"]},listPins:{label:"list pins",detailKeys:["channelId"]},searchMessages:{label:"search",detailKeys:["guildId","content"]},memberInfo:{label:"member",detailKeys:["guildId","userId"]},roleInfo:{label:"roles",detailKeys:["guildId"]},emojiList:{label:"emoji list",detailKeys:["guildId"]},roleAdd:{label:"role add",detailKeys:["guildId","userId","roleId"]},roleRemove:{label:"role remove",detailKeys:["guildId","userId","roleId"]},channelInfo:{label:"channel",detailKeys:["channelId"]},channelList:{label:"channels",detailKeys:["guildId"]},voiceStatus:{label:"voice",detailKeys:["guildId","userId"]},eventList:{label:"events",detailKeys:["guildId"]},eventCreate:{label:"event create",detailKeys:["guildId","name"]},timeout:{label:"timeout",detailKeys:["guildId","userId"]},kick:{label:"kick",detailKeys:["guildId","userId"]},ban:{label:"ban",detailKeys:["guildId","userId"]}}},slack:{emoji:"💬",title:"Slack",actions:{react:{label:"react",detailKeys:["channelId","messageId","emoji"]},reactions:{label:"reactions",detailKeys:["channelId","messageId"]},sendMessage:{label:"send",detailKeys:["to","content"]},editMessage:{label:"edit",detailKeys:["channelId","messageId"]},deleteMessage:{label:"delete",detailKeys:["channelId","messageId"]},readMessages:{label:"read messages",detailKeys:["channelId","limit"]},pinMessage:{label:"pin",detailKeys:["channelId","messageId"]},unpinMessage:{label:"unpin",detailKeys:["channelId","messageId"]},listPins:{label:"list pins",detailKeys:["channelId"]},memberInfo:{label:"member",detailKeys:["userId"]},emojiList:{label:"emoji list"}}}},Yt={fallback:Jt,tools:Gt},st=Yt,qe=st.fallback??{emoji:"🧩"},zt=st.tools??{};function Vt(e){return(e??"tool").trim()}function Qt(e){const t=e.replace(/_/g," ").trim();return t?t.split(/\s+/).map(s=>s.length<=2&&s.toUpperCase()===s?s:`${s.at(0)?.toUpperCase()??""}${s.slice(1)}`).join(" "):"Tool"}function Xt(e){const t=e?.trim();if(t)return t.replace(/_/g," ")}function it(e){if(e!=null){if(typeof e=="string"){const t=e.trim();if(!t)return;const s=t.split(/\r?\n/)[0]?.trim()??"";return s?s.length>160?`${s.slice(0,157)}…`:s:void 0}if(typeof e=="number"||typeof e=="boolean")return String(e);if(Array.isArray(e)){const t=e.map(n=>it(n)).filter(n=>!!n);if(t.length===0)return;const s=t.slice(0,3).join(", ");return t.length>3?`${s}…`:s}}}function Zt(e,t){if(!e||typeof e!="object")return;let s=e;for(const n of t.split(".")){if(!n||!s||typeof s!="object")return;s=s[n]}return s}function en(e,t){for(const s of t){const n=Zt(e,s),i=it(n);if(i)return i}}function tn(e){if(!e||typeof e!="object")return;const t=e,s=typeof t.path=="string"?t.path:void 0;if(!s)return;const n=typeof t.offset=="number"?t.offset:void 0,i=typeof t.limit=="number"?t.limit:void 0;return n!==void 0&&i!==void 0?`${s}:${n}-${n+i}`:s}function nn(e){if(!e||typeof e!="object")return;const t=e;return typeof t.path=="string"?t.path:void 0}function sn(e,t){if(!(!e||!t))return e.actions?.[t]??void 0}function an(e){const t=Vt(e.name),s=t.toLowerCase(),n=zt[s],i=n?.emoji??qe.emoji??"🧩",a=n?.title??Qt(t),l=n?.label??t,o=e.args&&typeof e.args=="object"?e.args.action:void 0,r=typeof o=="string"?o.trim():void 0,d=sn(n,r),p=Xt(d?.label??r);let u;s==="read"&&(u=tn(e.args)),!u&&(s==="write"||s==="edit"||s==="attach")&&(u=nn(e.args));const v=d?.detailKeys??n?.detailKeys??qe.detailKeys??[];return!u&&v.length>0&&(u=en(e.args,v)),!u&&e.meta&&(u=e.meta),u&&(u=on(u)),{name:t,emoji:i,title:a,label:l,verb:p,detail:u}}function ln(e){const t=[];if(e.verb&&t.push(e.verb),e.detail&&t.push(e.detail),t.length!==0)return t.join(" · ")}function on(e){return e&&e.replace(/\/Users\/[^/]+/g,"~").replace(/\/home\/[^/]+/g,"~")}function rn(e){const t=e.connected,s=e.canSend&&!e.sending,n=cn(e.sessionKey,e.sessions),i=e.connected?e.canSend?"Message (⌘↩ to send)":"Connect an iOS/Android node to enable Web Chat + Talk…":"Connect to the gateway to start chatting…";return c`
-    <section class="card chat">
-      <div class="chat-header">
-        <div class="chat-header__left">
-          <label class="field chat-session">
-            <span>Session Key</span>
-            <select
-              .value=${e.sessionKey}
-              ?disabled=${!t}
-              @change=${a=>e.onSessionKeyChange(a.target.value)}
-            >
-              ${n.map(a=>c`<option value=${a.key}>
-                    ${a.displayName??a.key}
-                  </option>`)}
-            </select>
-          </label>
-          <button
-            class="btn"
-            ?disabled=${e.loading||!t}
-            @click=${e.onRefresh}
-          >
-            ${e.loading?"Loading…":"Refresh"}
-          </button>
-        </div>
-        <div class="chat-header__right">
-          <div class="muted">Thinking: ${e.thinkingLevel??"inherit"}</div>
-        </div>
-      </div>
-
-      ${e.disabledReason?c`<div class="callout" style="margin-top: 12px;">
-            ${e.disabledReason}
-          </div>`:f}
-
-      <div class="chat-thread" role="log" aria-live="polite">
-        ${e.loading?c`<div class="muted">Loading chat…</div>`:f}
-        ${e.messages.map(a=>Be(a))}
-        ${e.stream?Be({role:"assistant",content:[{type:"text",text:e.stream}],timestamp:Date.now()},{streaming:!0}):f}
-      </div>
-
-      <div class="chat-compose">
-        <label class="field chat-compose__field">
-          <span>Message</span>
-          <textarea
-            .value=${e.draft}
-            ?disabled=${!e.canSend}
-            @keydown=${a=>{a.key==="Enter"&&(!a.metaKey&&!a.ctrlKey||(a.preventDefault(),s&&e.onSend()))}}
-            @input=${a=>e.onDraftChange(a.target.value)}
-            placeholder=${i}
-          ></textarea>
-        </label>
-        <div class="row chat-compose__actions">
-          <button
-            class="btn primary"
-            ?disabled=${!e.canSend||e.sending}
-            @click=${e.onSend}
-          >
-            ${e.sending?"Sending…":"Send"}
-          </button>
-        </div>
-      </div>
-    </section>
-  `}function cn(e,t){const n=Date.now()-1440*60*1e3,a=[...Array.isArray(t?.sessions)?t?.sessions??[]:[]].sort((v,$)=>($.updatedAt??0)-(v.updatedAt??0)),l=[],o=new Set;for(const v of a)o.has(v.key)||(o.add(v.key),!((v.updatedAt??0)<n)&&l.push(v));const r=[],d=new Set,p="main",u=a.find(v=>v.key===p);u?(r.push(u),d.add(p)):e===p&&(r.push({key:p,updatedAt:null}),d.add(p));for(const v of l)d.has(v.key)||(r.push(v),d.add(v.key));return d.has(e)||r.push({key:e,updatedAt:null}),r}function Be(e,t){const s=e,n=typeof s.role=="string"?s.role:"unknown",i=dn(e),a=i.length>0,l=lt(e),o=at(e),r=typeof s.content=="string"?s.content:null,d=a?null:JSON.stringify(e,null,2),p=l?null:o?.trim()?o:r?.trim()?r:d,u=typeof s.timestamp=="number"?new Date(s.timestamp).toLocaleTimeString():"",v=n==="assistant"?"assistant":n==="user"?"user":"other",$=n==="assistant"?"Assistant":n==="user"?"You":n;return c`
-    <div class="chat-line ${v}">
-      <div class="chat-msg">
-        <div class="chat-bubble ${t?.streaming?"streaming":""}">
-          ${p?c`<div class="chat-text">${p}</div>`:f}
-          ${i.map(y=>un(y))}
-        </div>
-        <div class="chat-stamp mono">
-          ${$}${u?c` · ${u}`:f}
-        </div>
-      </div>
-    </div>
-  `}function at(e){const t=e,s=t.content;if(typeof s=="string")return s;if(Array.isArray(s)){const n=s.map(i=>{const a=i;return a.type==="text"&&typeof a.text=="string"?a.text:null}).filter(i=>typeof i=="string");if(n.length>0)return n.join(`
-`)}return typeof t.text=="string"?t.text:null}function dn(e){const t=e,s=hn(t.content),n=[];for(const i of s){const a=String(i.type??"").toLowerCase();(["toolcall","tool_call","tooluse","tool_use"].includes(a)||typeof i.name=="string"&&i.arguments!=null)&&n.push({kind:"call",name:i.name??"tool",args:gn(i.arguments??i.args)})}for(const i of s){const a=String(i.type??"").toLowerCase();if(a!=="toolresult"&&a!=="tool_result")continue;const l=mn(i),o=typeof i.name=="string"?i.name:"tool";n.push({kind:"result",name:o,text:l})}if(lt(e)&&!n.some(i=>i.kind==="result")){const i=typeof t.toolName=="string"&&t.toolName||typeof t.tool_name=="string"&&t.tool_name||"tool",a=at(e)??void 0;n.push({kind:"result",name:i,text:a})}return n}function un(e){const t=an({name:e.name,args:e.args}),s=ln(t);return c`
-    <div class="chat-tool-card">
-      <div class="chat-tool-card__title">${t.emoji} ${t.label}</div>
-      ${s?c`<div class="chat-tool-card__detail">${s}</div>`:f}
-      ${e.text?c`<div class="chat-tool-card__output">${e.text}</div>`:f}
-    </div>
-  `}function hn(e){return Array.isArray(e)?e.filter(Boolean):[]}function gn(e){if(typeof e!="string")return e;const t=e.trim();if(!t||!t.startsWith("{")&&!t.startsWith("["))return e;try{return JSON.parse(t)}catch{return e}}function mn(e){if(typeof e.text=="string")return e.text;if(typeof e.content=="string")return e.content}function lt(e){const t=e,s=typeof t.role=="string"?t.role.toLowerCase():"";return s==="toolresult"||s==="tool_result"}function pn(e){if(!e.schema)return c`<div class="muted">Schema unavailable.</div>`;const t=e.schema,s=e.value??{};if(Ee(t)!=="object"||!t.properties)return c`<div class="callout danger">Unsupported schema. Use Raw.</div>`;const i=Object.entries(t.properties).sort((a,l)=>{const o=be([a[0]],e.uiHints)?.order??0,r=be([l[0]],e.uiHints)?.order??0;return o!==r?o-r:a[0].localeCompare(l[0])});return c`
-    <div class="config-form">
-      ${i.map(([a,l])=>ve({schema:l,value:s[a],path:[a],hints:e.uiHints,onPatch:e.onPatch}))}
-    </div>
-  `}function ve(e){const{schema:t,value:s,path:n,hints:i,onPatch:a}=e,l=Ee(t),o=be(n,i),r=o?.label??t.title??vn(String(n.at(-1))),d=o?.help??t.description;if(t.anyOf||t.oneOf||t.allOf)return c`<div class="callout danger">
-      ${r}: unsupported schema node. Use Raw.
-    </div>`;if(l==="object"){const p=t.properties??{},u=Object.entries(p);return u.length===0?f:c`
-      <fieldset class="field-group">
-        <legend>${r}</legend>
-        ${d?c`<div class="muted">${d}</div>`:f}
-        ${u.map(([v,$])=>ve({schema:$,value:s&&typeof s=="object"?s[v]:void 0,path:[...n,v],hints:i,onPatch:a}))}
-      </fieldset>
-    `}if(l==="array"){const p=Array.isArray(t.items)?t.items[0]:t.items,u=Array.isArray(s)?s:[];return c`
-      <div class="field">
-        <div class="row" style="justify-content: space-between;">
-          <span>${r}</span>
-          <button
-            class="btn"
-            @click=${()=>{const v=[...u,fn(p)];a(n,v)}}
-          >
-            Add
-          </button>
-        </div>
-        ${d?c`<div class="muted">${d}</div>`:f}
-        ${u.map((v,$)=>c`<div class="array-item">
-            ${p?ve({schema:p,value:v,path:[...n,$],hints:i,onPatch:a}):f}
-            <button
-              class="btn danger"
-              @click=${()=>{const y=u.slice();y.splice($,1),a(n,y)}}
-            >
-              Remove
-            </button>
-          </div>`)}
-      </div>
-    `}if(t.enum)return c`
-      <label class="field">
-        <span>${r}</span>
-        ${d?c`<div class="muted">${d}</div>`:f}
-        <select
-          .value=${s==null?"":String(s)}
-          @change=${p=>a(n,p.target.value)}
-        >
-          ${t.enum.map(p=>c`<option value=${String(p)}>${String(p)}</option>`)}
-        </select>
-      </label>
-    `;if(l==="boolean")return c`
-      <label class="field">
-        <span>${r}</span>
-        ${d?c`<div class="muted">${d}</div>`:f}
-        <input
-          type="checkbox"
-          .checked=${!!s}
-          @change=${p=>a(n,p.target.checked)}
-        />
-      </label>
-    `;if(l==="number"||l==="integer")return c`
-      <label class="field">
-        <span>${r}</span>
-        ${d?c`<div class="muted">${d}</div>`:f}
-        <input
-          type="number"
-          .value=${s==null?"":String(s)}
-          @input=${p=>{const u=p.target.value,v=u===""?void 0:Number(u);a(n,v)}}
-        />
-      </label>
-    `;if(l==="string"){const p=o?.sensitive??bn(n),u=o?.placeholder??(p?"••••":"");return c`
-      <label class="field">
-        <span>${r}</span>
-        ${d?c`<div class="muted">${d}</div>`:f}
-        <input
-          type=${p?"password":"text"}
-          placeholder=${u}
-          .value=${s==null?"":String(s)}
-          @input=${v=>a(n,v.target.value)}
-        />
-      </label>
-    `}return c`<div class="field">
-    <span>${r}</span>
-    <div class="muted">Unsupported type. Use Raw.</div>
-  </div>`}function Ee(e){if(e)return Array.isArray(e.type)?e.type.filter(s=>s!=="null")[0]??e.type[0]:e.type}function fn(e){if(!e)return"";if(e.default!==void 0)return e.default;switch(Ee(e)){case"object":return{};case"array":return[];case"boolean":return!1;case"number":case"integer":return 0;case"string":return"";default:return""}}function be(e,t){const s=ot(e);return t[s]}function ot(e){return e.filter(t=>typeof t=="string").join(".")}function vn(e){return e.replace(/_/g," ").replace(/([a-z0-9])([A-Z])/g,"$1 $2").replace(/\s+/g," ").replace(/^./,t=>t.toUpperCase())}function bn(e){const t=ot(e).toLowerCase();return t.includes("token")||t.includes("password")||t.includes("secret")||t.includes("apikey")||t.endsWith("key")}function yn(e){const t=e.valid==null?"unknown":e.valid?"valid":"invalid";return c`
-    <section class="card">
-      <div class="row" style="justify-content: space-between;">
-        <div class="row">
-          <div class="card-title">Config</div>
-          <span class="pill">${t}</span>
-        </div>
-        <div class="row">
-          <div class="toggle-group">
-            <button
-              class="btn ${e.formMode==="form"?"primary":""}"
-              ?disabled=${e.schemaLoading||!e.schema}
-              @click=${()=>e.onFormModeChange("form")}
-            >
-              Form
-            </button>
-            <button
-              class="btn ${e.formMode==="raw"?"primary":""}"
-              @click=${()=>e.onFormModeChange("raw")}
-            >
-              Raw
-            </button>
-          </div>
-          <button class="btn" ?disabled=${e.loading} @click=${e.onReload}>
-            ${e.loading?"Loading…":"Reload"}
-          </button>
-          <button
-            class="btn primary"
-            ?disabled=${e.saving||!e.connected}
-            @click=${e.onSave}
-          >
-            ${e.saving?"Saving…":"Save"}
-          </button>
-        </div>
-      </div>
-
-      <div class="muted" style="margin-top: 10px;">
-        Writes to <span class="mono">~/.clawdbot/clawdbot.json</span>. Some changes
-        require a gateway restart.
-      </div>
-
-      ${e.formMode==="form"?c`<div style="margin-top: 12px;">
-            ${e.schemaLoading?c`<div class="muted">Loading schema…</div>`:pn({schema:e.schema,uiHints:e.uiHints,value:e.formValue,onPatch:e.onFormPatch})}
-          </div>`:c`<label class="field" style="margin-top: 12px;">
-            <span>Raw JSON5</span>
-            <textarea
-              .value=${e.raw}
-              @input=${s=>e.onRawChange(s.target.value)}
-            ></textarea>
-          </label>`}
-
-      ${e.issues.length>0?c`<div class="callout danger" style="margin-top: 12px;">
-            <pre class="code-block">${JSON.stringify(e.issues,null,2)}</pre>
-          </div>`:f}
-    </section>
-  `}function X(e){return!e&&e!==0?"n/a":new Date(e).toLocaleString()}function M(e){if(!e&&e!==0)return"n/a";const t=Date.now()-e;if(t<0)return"just now";const s=Math.round(t/1e3);if(s<60)return`${s}s ago`;const n=Math.round(s/60);if(n<60)return`${n}m ago`;const i=Math.round(n/60);return i<48?`${i}h ago`:`${Math.round(i/24)}d ago`}function rt(e){if(!e&&e!==0)return"n/a";if(e<1e3)return`${e}ms`;const t=Math.round(e/1e3);if(t<60)return`${t}s`;const s=Math.round(t/60);if(s<60)return`${s}m`;const n=Math.round(s/60);return n<48?`${n}h`:`${Math.round(n/24)}d`}function $n(e,t=120){return e.length<=t?e:`${e.slice(0,Math.max(0,t-1))}…`}function de(e,t){const s=Number(e);return Number.isFinite(s)?s:t}function T(e){return e.split(/[,\n]/).map(t=>t.trim()).filter(t=>t.length>0)}const wn=[{key:"reactions",label:"Reactions"},{key:"stickers",label:"Stickers"},{key:"polls",label:"Polls"},{key:"permissions",label:"Permissions"},{key:"messages",label:"Messages"},{key:"threads",label:"Threads"},{key:"pins",label:"Pins"},{key:"search",label:"Search"},{key:"memberInfo",label:"Member info"},{key:"roleInfo",label:"Role info"},{key:"channelInfo",label:"Channel info"},{key:"voiceStatus",label:"Voice status"},{key:"events",label:"Events"},{key:"roles",label:"Role changes"},{key:"moderation",label:"Moderation"}],Sn=[{key:"reactions",label:"Reactions"},{key:"messages",label:"Messages"},{key:"pins",label:"Pins"},{key:"memberInfo",label:"Member info"},{key:"emojiList",label:"Emoji list"}];function kn(e){const t=e.snapshot?.whatsapp,s=e.snapshot?.telegram,n=e.snapshot?.discord??null,i=e.snapshot?.slack??null,a=e.snapshot?.signal??null,l=e.snapshot?.imessage??null,r=["whatsapp","telegram","discord","slack","signal","imessage"].map((d,p)=>({key:d,enabled:Mn(d,e),order:p})).sort((d,p)=>d.enabled!==p.enabled?d.enabled?-1:1:d.order-p.order);return c`
-    <section class="grid grid-cols-2">
-      ${r.map(d=>An(d.key,e,{whatsapp:t,telegram:s,discord:n,slack:i,signal:a,imessage:l}))}
-    </section>
-
-    <section class="card" style="margin-top: 18px;">
-      <div class="row" style="justify-content: space-between;">
-        <div>
-          <div class="card-title">Connection health</div>
-          <div class="card-sub">Provider status snapshots from the gateway.</div>
-        </div>
-        <div class="muted">${e.lastSuccessAt?M(e.lastSuccessAt):"n/a"}</div>
-      </div>
-      ${e.lastError?c`<div class="callout danger" style="margin-top: 12px;">
-            ${e.lastError}
-          </div>`:f}
-      <pre class="code-block" style="margin-top: 12px;">
-${e.snapshot?JSON.stringify(e.snapshot,null,2):"No snapshot yet."}
-      </pre>
-    </section>
-  `}function Cn(e){if(!e&&e!==0)return"n/a";const t=Math.round(e/1e3);if(t<60)return`${t}s`;const s=Math.round(t/60);return s<60?`${s}m`:`${Math.round(s/60)}h`}function Mn(e,t){const s=t.snapshot;if(!s)return!1;switch(e){case"whatsapp":return s.whatsapp.configured||s.whatsapp.linked||s.whatsapp.running;case"telegram":return s.telegram.configured||s.telegram.running;case"discord":return!!(s.discord?.configured||s.discord?.running);case"slack":return!!(s.slack?.configured||s.slack?.running);case"signal":return!!(s.signal?.configured||s.signal?.running);case"imessage":return!!(s.imessage?.configured||s.imessage?.running);default:return!1}}function An(e,t,s){switch(e){case"whatsapp":{const n=s.whatsapp;return c`
-        <div class="card">
-          <div class="card-title">WhatsApp</div>
-          <div class="card-sub">Link WhatsApp Web and monitor connection health.</div>
-
-          <div class="status-list" style="margin-top: 16px;">
-            <div>
-              <span class="label">Configured</span>
-              <span>${n?.configured?"Yes":"No"}</span>
-            </div>
-            <div>
-              <span class="label">Linked</span>
-              <span>${n?.linked?"Yes":"No"}</span>
-            </div>
-            <div>
-              <span class="label">Running</span>
-              <span>${n?.running?"Yes":"No"}</span>
-            </div>
-            <div>
-              <span class="label">Connected</span>
-              <span>${n?.connected?"Yes":"No"}</span>
-            </div>
-            <div>
-              <span class="label">Last connect</span>
-              <span>
-                ${n?.lastConnectedAt?M(n.lastConnectedAt):"n/a"}
-              </span>
-            </div>
-            <div>
-              <span class="label">Last message</span>
-              <span>
-                ${n?.lastMessageAt?M(n.lastMessageAt):"n/a"}
-              </span>
-            </div>
-            <div>
-              <span class="label">Auth age</span>
-              <span>
-                ${n?.authAgeMs!=null?Cn(n.authAgeMs):"n/a"}
-              </span>
-            </div>
-          </div>
-
-          ${n?.lastError?c`<div class="callout danger" style="margin-top: 12px;">
-                ${n.lastError}
-              </div>`:f}
-
-          ${t.whatsappMessage?c`<div class="callout" style="margin-top: 12px;">
-                ${t.whatsappMessage}
-              </div>`:f}
-
-          ${t.whatsappQrDataUrl?c`<div class="qr-wrap">
-                <img src=${t.whatsappQrDataUrl} alt="WhatsApp QR" />
-              </div>`:f}
-
-          <div class="row" style="margin-top: 14px; flex-wrap: wrap;">
-            <button
-              class="btn primary"
-              ?disabled=${t.whatsappBusy}
-              @click=${()=>t.onWhatsAppStart(!1)}
-            >
-              ${t.whatsappBusy?"Working…":"Show QR"}
-            </button>
-            <button
-              class="btn"
-              ?disabled=${t.whatsappBusy}
-              @click=${()=>t.onWhatsAppStart(!0)}
-            >
-              Relink
-            </button>
-            <button
-              class="btn"
-              ?disabled=${t.whatsappBusy}
-              @click=${()=>t.onWhatsAppWait()}
-            >
-              Wait for scan
-            </button>
-            <button
-              class="btn danger"
-              ?disabled=${t.whatsappBusy}
-              @click=${()=>t.onWhatsAppLogout()}
-            >
-              Logout
-            </button>
-            <button class="btn" @click=${()=>t.onRefresh(!0)}>
-              Refresh
-            </button>
-          </div>
-        </div>
-      `}case"telegram":{const n=s.telegram;return c`
-        <div class="card">
-          <div class="card-title">Telegram</div>
-          <div class="card-sub">Bot token and delivery options.</div>
-
-          <div class="status-list" style="margin-top: 16px;">
-            <div>
-              <span class="label">Configured</span>
-              <span>${n?.configured?"Yes":"No"}</span>
-            </div>
-            <div>
-              <span class="label">Running</span>
-              <span>${n?.running?"Yes":"No"}</span>
-            </div>
-            <div>
-              <span class="label">Mode</span>
-              <span>${n?.mode??"n/a"}</span>
-            </div>
-            <div>
-              <span class="label">Last start</span>
-              <span>${n?.lastStartAt?M(n.lastStartAt):"n/a"}</span>
-            </div>
-            <div>
-              <span class="label">Last probe</span>
-              <span>${n?.lastProbeAt?M(n.lastProbeAt):"n/a"}</span>
-            </div>
-          </div>
-
-          ${n?.lastError?c`<div class="callout danger" style="margin-top: 12px;">
-                ${n.lastError}
-              </div>`:f}
-
-          ${n?.probe?c`<div class="callout" style="margin-top: 12px;">
-                Probe ${n.probe.ok?"ok":"failed"} ·
-                ${n.probe.status??""}
-                ${n.probe.error??""}
-              </div>`:f}
-
-          <div class="form-grid" style="margin-top: 16px;">
-            <label class="field">
-              <span>Bot token</span>
-              <input
-                type="password"
-                .value=${t.telegramForm.token}
-                ?disabled=${t.telegramTokenLocked}
-                @input=${i=>t.onTelegramChange({token:i.target.value})}
-              />
-            </label>
-            <label class="field">
-              <span>Require mention in groups</span>
-              <select
-                .value=${t.telegramForm.requireMention?"yes":"no"}
-                @change=${i=>t.onTelegramChange({requireMention:i.target.value==="yes"})}
-              >
-                <option value="yes">Yes</option>
-                <option value="no">No</option>
-              </select>
-            </label>
-            <label class="field">
-              <span>Allow from</span>
-              <input
-                .value=${t.telegramForm.allowFrom}
-                @input=${i=>t.onTelegramChange({allowFrom:i.target.value})}
-                placeholder="123456789, @team"
-              />
-            </label>
-            <label class="field">
-              <span>Proxy</span>
-              <input
-                .value=${t.telegramForm.proxy}
-                @input=${i=>t.onTelegramChange({proxy:i.target.value})}
-                placeholder="socks5://localhost:9050"
-              />
-            </label>
-            <label class="field">
-              <span>Webhook URL</span>
-              <input
-                .value=${t.telegramForm.webhookUrl}
-                @input=${i=>t.onTelegramChange({webhookUrl:i.target.value})}
-                placeholder="https://example.com/telegram-webhook"
-              />
-            </label>
-            <label class="field">
-              <span>Webhook secret</span>
-              <input
-                .value=${t.telegramForm.webhookSecret}
-                @input=${i=>t.onTelegramChange({webhookSecret:i.target.value})}
-                placeholder="secret"
-              />
-            </label>
-            <label class="field">
-              <span>Webhook path</span>
-              <input
-                .value=${t.telegramForm.webhookPath}
-                @input=${i=>t.onTelegramChange({webhookPath:i.target.value})}
-                placeholder="/telegram-webhook"
-              />
-            </label>
-          </div>
-
-          ${t.telegramTokenLocked?c`<div class="callout" style="margin-top: 12px;">
-                TELEGRAM_BOT_TOKEN is set in the environment. Config edits will not override it.
-              </div>`:f}
-
-          ${t.telegramStatus?c`<div class="callout" style="margin-top: 12px;">
-                ${t.telegramStatus}
-              </div>`:f}
-
-          <div class="row" style="margin-top: 14px;">
-            <button
-              class="btn primary"
-              ?disabled=${t.telegramSaving}
-              @click=${()=>t.onTelegramSave()}
-            >
-              ${t.telegramSaving?"Saving…":"Save"}
-            </button>
-            <button class="btn" @click=${()=>t.onRefresh(!0)}>
-              Probe
-            </button>
-          </div>
-        </div>
-      `}case"discord":{const n=s.discord,i=n?.probe?.bot?.username;return c`
-        <div class="card">
-          <div class="card-title">Discord</div>
-          <div class="card-sub">Bot connection and probe status.</div>
-
-          <div class="status-list" style="margin-top: 16px;">
-            <div>
-              <span class="label">Configured</span>
-              <span>${n?.configured?"Yes":"No"}</span>
-            </div>
-            <div>
-              <span class="label">Running</span>
-              <span>${n?.running?"Yes":"No"}</span>
-            </div>
-            <div>
-              <span class="label">Bot</span>
-              <span>${i?`@${i}`:"n/a"}</span>
-            </div>
-            <div>
-              <span class="label">Last start</span>
-              <span>${n?.lastStartAt?M(n.lastStartAt):"n/a"}</span>
-            </div>
-            <div>
-              <span class="label">Last probe</span>
-              <span>${n?.lastProbeAt?M(n.lastProbeAt):"n/a"}</span>
-            </div>
-          </div>
-
-          ${n?.lastError?c`<div class="callout danger" style="margin-top: 12px;">
-                ${n.lastError}
-              </div>`:f}
-
-          ${n?.probe?c`<div class="callout" style="margin-top: 12px;">
-                Probe ${n.probe.ok?"ok":"failed"} ·
-                ${n.probe.status??""}
-                ${n.probe.error??""}
-              </div>`:f}
-
-          <div class="form-grid" style="margin-top: 16px;">
-            <label class="field">
-              <span>Enabled</span>
-              <select
-                .value=${t.discordForm.enabled?"yes":"no"}
-                @change=${a=>t.onDiscordChange({enabled:a.target.value==="yes"})}
-              >
-                <option value="yes">Yes</option>
-                <option value="no">No</option>
-              </select>
-            </label>
-            <label class="field">
-              <span>Bot token</span>
-              <input
-                type="password"
-                .value=${t.discordForm.token}
-                ?disabled=${t.discordTokenLocked}
-                @input=${a=>t.onDiscordChange({token:a.target.value})}
-              />
-            </label>
-            <label class="field">
-              <span>Allow DMs from</span>
-              <input
-                .value=${t.discordForm.allowFrom}
-                @input=${a=>t.onDiscordChange({allowFrom:a.target.value})}
-                placeholder="123456789, username#1234"
-              />
-            </label>
-            <label class="field">
-              <span>DMs enabled</span>
-              <select
-                .value=${t.discordForm.dmEnabled?"yes":"no"}
-                @change=${a=>t.onDiscordChange({dmEnabled:a.target.value==="yes"})}
-              >
-                <option value="yes">Enabled</option>
-                <option value="no">Disabled</option>
-              </select>
-            </label>
-            <label class="field">
-              <span>Group DMs</span>
-              <select
-                .value=${t.discordForm.groupEnabled?"yes":"no"}
-                @change=${a=>t.onDiscordChange({groupEnabled:a.target.value==="yes"})}
-              >
-                <option value="yes">Enabled</option>
-                <option value="no">Disabled</option>
-              </select>
-            </label>
-            <label class="field">
-              <span>Group channels</span>
-              <input
-                .value=${t.discordForm.groupChannels}
-                @input=${a=>t.onDiscordChange({groupChannels:a.target.value})}
-                placeholder="channelId1, channelId2"
-              />
-            </label>
-            <label class="field">
-              <span>Media max MB</span>
-              <input
-                .value=${t.discordForm.mediaMaxMb}
-                @input=${a=>t.onDiscordChange({mediaMaxMb:a.target.value})}
-                placeholder="8"
-              />
-            </label>
-            <label class="field">
-              <span>History limit</span>
-              <input
-                .value=${t.discordForm.historyLimit}
-                @input=${a=>t.onDiscordChange({historyLimit:a.target.value})}
-                placeholder="20"
-              />
-            </label>
-            <label class="field">
-              <span>Text chunk limit</span>
-              <input
-                .value=${t.discordForm.textChunkLimit}
-                @input=${a=>t.onDiscordChange({textChunkLimit:a.target.value})}
-                placeholder="2000"
-              />
-            </label>
-            <label class="field">
-              <span>Reply to mode</span>
-              <select
-                .value=${t.discordForm.replyToMode}
-                @change=${a=>t.onDiscordChange({replyToMode:a.target.value})}
-              >
-                <option value="off">Off</option>
-                <option value="first">First</option>
-                <option value="all">All</option>
-              </select>
-            </label>
-            <div class="field full">
-              <span>Guilds</span>
-              <div class="card-sub">
-                Add each guild (id or slug) and optional channel rules. Empty channel
-                entries still allow that channel.
-              </div>
-              <div class="list">
-                ${t.discordForm.guilds.map((a,l)=>c`
-                    <div class="list-item">
-                      <div class="list-main">
-                        <div class="form-grid">
-                          <label class="field">
-                            <span>Guild id / slug</span>
-                            <input
-                            .value=${a.key}
-                            @input=${o=>{const r=[...t.discordForm.guilds];r[l]={...r[l],key:o.target.value},t.onDiscordChange({guilds:r})}}
-                          />
-                        </label>
-                        <label class="field">
-                          <span>Slug</span>
-                          <input
-                            .value=${a.slug}
-                            @input=${o=>{const r=[...t.discordForm.guilds];r[l]={...r[l],slug:o.target.value},t.onDiscordChange({guilds:r})}}
-                          />
-                        </label>
-                        <label class="field">
-                          <span>Require mention</span>
-                          <select
-                            .value=${a.requireMention?"yes":"no"}
-                            @change=${o=>{const r=[...t.discordForm.guilds];r[l]={...r[l],requireMention:o.target.value==="yes"},t.onDiscordChange({guilds:r})}}
-                          >
-                            <option value="yes">Yes</option>
-                            <option value="no">No</option>
-                          </select>
-                        </label>
-                        <label class="field">
-                          <span>Reaction notifications</span>
-                          <select
-                            .value=${a.reactionNotifications}
-                            @change=${o=>{const r=[...t.discordForm.guilds];r[l]={...r[l],reactionNotifications:o.target.value},t.onDiscordChange({guilds:r})}}
-                          >
-                            <option value="off">Off</option>
-                            <option value="own">Own</option>
-                            <option value="all">All</option>
-                            <option value="allowlist">Allowlist</option>
-                          </select>
-                        </label>
-                        <label class="field">
-                          <span>Users allowlist</span>
-                          <input
-                            .value=${a.users}
-                            @input=${o=>{const r=[...t.discordForm.guilds];r[l]={...r[l],users:o.target.value},t.onDiscordChange({guilds:r})}}
-                            placeholder="123456789, username#1234"
-                          />
-                        </label>
-                        </div>
-                        ${a.channels.length?c`
-                              <div class="form-grid" style="margin-top: 8px;">
-                                ${a.channels.map((o,r)=>c`
-                                    <label class="field">
-                                      <span>Channel id / slug</span>
-                                      <input
-                                        .value=${o.key}
-                                        @input=${d=>{const p=[...t.discordForm.guilds],u=[...p[l].channels??[]];u[r]={...u[r],key:d.target.value},p[l]={...p[l],channels:u},t.onDiscordChange({guilds:p})}}
-                                      />
-                                    </label>
-                                    <label class="field">
-                                      <span>Allow</span>
-                                      <select
-                                        .value=${o.allow?"yes":"no"}
-                                        @change=${d=>{const p=[...t.discordForm.guilds],u=[...p[l].channels??[]];u[r]={...u[r],allow:d.target.value==="yes"},p[l]={...p[l],channels:u},t.onDiscordChange({guilds:p})}}
-                                      >
-                                        <option value="yes">Yes</option>
-                                        <option value="no">No</option>
-                                      </select>
-                                    </label>
-                                    <label class="field">
-                                      <span>Require mention</span>
-                                      <select
-                                        .value=${o.requireMention?"yes":"no"}
-                                        @change=${d=>{const p=[...t.discordForm.guilds],u=[...p[l].channels??[]];u[r]={...u[r],requireMention:d.target.value==="yes"},p[l]={...p[l],channels:u},t.onDiscordChange({guilds:p})}}
-                                      >
-                                        <option value="yes">Yes</option>
-                                        <option value="no">No</option>
-                                      </select>
-                                    </label>
-                                    <label class="field">
-                                      <span>&nbsp;</span>
-                                      <button
-                                        class="btn"
-                                        @click=${()=>{const d=[...t.discordForm.guilds],p=[...d[l].channels??[]];p.splice(r,1),d[l]={...d[l],channels:p},t.onDiscordChange({guilds:d})}}
-                                      >
-                                        Remove
-                                      </button>
-                                    </label>
-                                  `)}
-                              </div>
-                            `:f}
-                      </div>
-                      <div class="list-meta">
-                        <span>Channels</span>
-                        <button
-                          class="btn"
-                          @click=${()=>{const o=[...t.discordForm.guilds],r=[...o[l].channels??[],{key:"",allow:!0,requireMention:!1}];o[l]={...o[l],channels:r},t.onDiscordChange({guilds:o})}}
-                        >
-                          Add channel
-                        </button>
-                        <button
-                          class="btn danger"
-                          @click=${()=>{const o=[...t.discordForm.guilds];o.splice(l,1),t.onDiscordChange({guilds:o})}}
-                        >
-                          Remove guild
-                        </button>
-                      </div>
-                    </div>
-                  `)}
-              </div>
-              <button
-                class="btn"
-                style="margin-top: 8px;"
-                @click=${()=>t.onDiscordChange({guilds:[...t.discordForm.guilds,{key:"",slug:"",requireMention:!1,reactionNotifications:"own",users:"",channels:[]}]})}
-              >
-                Add guild
-              </button>
-            </div>
-            <label class="field">
-              <span>Slash command</span>
-              <select
-                .value=${t.discordForm.slashEnabled?"yes":"no"}
-                @change=${a=>t.onDiscordChange({slashEnabled:a.target.value==="yes"})}
-              >
-                <option value="yes">Enabled</option>
-                <option value="no">Disabled</option>
-              </select>
-            </label>
-            <label class="field">
-              <span>Slash name</span>
-              <input
-                .value=${t.discordForm.slashName}
-                @input=${a=>t.onDiscordChange({slashName:a.target.value})}
-                placeholder="clawd"
-              />
-            </label>
-            <label class="field">
-              <span>Slash session prefix</span>
-              <input
-                .value=${t.discordForm.slashSessionPrefix}
-                @input=${a=>t.onDiscordChange({slashSessionPrefix:a.target.value})}
-                placeholder="discord:slash"
-              />
-            </label>
-            <label class="field">
-              <span>Slash ephemeral</span>
-              <select
-                .value=${t.discordForm.slashEphemeral?"yes":"no"}
-                @change=${a=>t.onDiscordChange({slashEphemeral:a.target.value==="yes"})}
-              >
-                <option value="yes">Yes</option>
-                <option value="no">No</option>
-              </select>
-            </label>
-          </div>
-
-          <div class="card-sub" style="margin-top: 16px;">Tool actions</div>
-          <div class="form-grid" style="margin-top: 8px;">
-            ${wn.map(a=>c`<label class="field">
-                <span>${a.label}</span>
-                <select
-                  .value=${t.discordForm.actions[a.key]?"yes":"no"}
-                  @change=${l=>t.onDiscordChange({actions:{...t.discordForm.actions,[a.key]:l.target.value==="yes"}})}
-                >
-                  <option value="yes">Enabled</option>
-                  <option value="no">Disabled</option>
-                </select>
-              </label>`)}
-          </div>
-
-          ${t.discordTokenLocked?c`<div class="callout" style="margin-top: 12px;">
-                DISCORD_BOT_TOKEN is set in the environment. Config edits will not override it.
-              </div>`:f}
-
-          ${t.discordStatus?c`<div class="callout" style="margin-top: 12px;">
-                ${t.discordStatus}
-              </div>`:f}
-
-          <div class="row" style="margin-top: 14px;">
-            <button
-              class="btn primary"
-              ?disabled=${t.discordSaving}
-              @click=${()=>t.onDiscordSave()}
-            >
-              ${t.discordSaving?"Saving…":"Save"}
-            </button>
-            <button class="btn" @click=${()=>t.onRefresh(!0)}>
-              Probe
-            </button>
-          </div>
-        </div>
-      `}case"slack":{const n=s.slack,i=n?.probe?.bot?.name,a=n?.probe?.team?.name;return c`
-        <div class="card">
-          <div class="card-title">Slack</div>
-          <div class="card-sub">Socket mode status and bot details.</div>
-
-          <div class="status-list" style="margin-top: 16px;">
-            <div>
-              <span class="label">Configured</span>
-              <span>${n?.configured?"Yes":"No"}</span>
-            </div>
-            <div>
-              <span class="label">Running</span>
-              <span>${n?.running?"Yes":"No"}</span>
-            </div>
-            <div>
-              <span class="label">Bot</span>
-              <span>${i||"n/a"}</span>
-            </div>
-            <div>
-              <span class="label">Team</span>
-              <span>${a||"n/a"}</span>
-            </div>
-            <div>
-              <span class="label">Last start</span>
-              <span>${n?.lastStartAt?M(n.lastStartAt):"n/a"}</span>
-            </div>
-            <div>
-              <span class="label">Last probe</span>
-              <span>${n?.lastProbeAt?M(n.lastProbeAt):"n/a"}</span>
-            </div>
-          </div>
-
-          ${n?.lastError?c`<div class="callout danger" style="margin-top: 12px;">
-                ${n.lastError}
-              </div>`:f}
-
-          ${n?.probe?c`<div class="callout" style="margin-top: 12px;">
-                Probe ${n.probe.ok?"ok":"failed"} ·
-                ${n.probe.status??""}
-                ${n.probe.error??""}
-              </div>`:f}
-
-          <div class="form-grid" style="margin-top: 16px;">
-            <label class="field">
-              <span>Enabled</span>
-              <select
-                .value=${t.slackForm.enabled?"yes":"no"}
-                @change=${l=>t.onSlackChange({enabled:l.target.value==="yes"})}
-              >
-                <option value="yes">Yes</option>
-                <option value="no">No</option>
-              </select>
-            </label>
-            <label class="field">
-              <span>Bot token</span>
-              <input
-                type="password"
-                .value=${t.slackForm.botToken}
-                ?disabled=${t.slackTokenLocked}
-                @input=${l=>t.onSlackChange({botToken:l.target.value})}
-              />
-            </label>
-            <label class="field">
-              <span>App token</span>
-              <input
-                type="password"
-                .value=${t.slackForm.appToken}
-                ?disabled=${t.slackAppTokenLocked}
-                @input=${l=>t.onSlackChange({appToken:l.target.value})}
-              />
-            </label>
-            <label class="field">
-              <span>DMs enabled</span>
-              <select
-                .value=${t.slackForm.dmEnabled?"yes":"no"}
-                @change=${l=>t.onSlackChange({dmEnabled:l.target.value==="yes"})}
-              >
-                <option value="yes">Enabled</option>
-                <option value="no">Disabled</option>
-              </select>
-            </label>
-            <label class="field">
-              <span>Allow DMs from</span>
-              <input
-                .value=${t.slackForm.allowFrom}
-                @input=${l=>t.onSlackChange({allowFrom:l.target.value})}
-                placeholder="U123, U456, *"
-              />
-            </label>
-            <label class="field">
-              <span>Group DMs enabled</span>
-              <select
-                .value=${t.slackForm.groupEnabled?"yes":"no"}
-                @change=${l=>t.onSlackChange({groupEnabled:l.target.value==="yes"})}
-              >
-                <option value="yes">Enabled</option>
-                <option value="no">Disabled</option>
-              </select>
-            </label>
-            <label class="field">
-              <span>Group DM channels</span>
-              <input
-                .value=${t.slackForm.groupChannels}
-                @input=${l=>t.onSlackChange({groupChannels:l.target.value})}
-                placeholder="G123, #team"
-              />
-            </label>
-            <label class="field">
-              <span>Reaction notifications</span>
-              <select
-                .value=${t.slackForm.reactionNotifications}
-                @change=${l=>t.onSlackChange({reactionNotifications:l.target.value})}
-              >
-                <option value="off">Off</option>
-                <option value="own">Own</option>
-                <option value="all">All</option>
-                <option value="allowlist">Allowlist</option>
-              </select>
-            </label>
-            <label class="field">
-              <span>Reaction allowlist</span>
-              <input
-                .value=${t.slackForm.reactionAllowlist}
-                @input=${l=>t.onSlackChange({reactionAllowlist:l.target.value})}
-                placeholder="U123, U456"
-              />
-            </label>
-            <label class="field">
-              <span>Text chunk limit</span>
-              <input
-                .value=${t.slackForm.textChunkLimit}
-                @input=${l=>t.onSlackChange({textChunkLimit:l.target.value})}
-                placeholder="4000"
-              />
-            </label>
-            <label class="field">
-              <span>Media max (MB)</span>
-              <input
-                .value=${t.slackForm.mediaMaxMb}
-                @input=${l=>t.onSlackChange({mediaMaxMb:l.target.value})}
-                placeholder="20"
-              />
-            </label>
-          </div>
-
-          <div class="card-sub" style="margin-top: 16px;">Slash command</div>
-          <div class="form-grid" style="margin-top: 8px;">
-            <label class="field">
-              <span>Slash enabled</span>
-              <select
-                .value=${t.slackForm.slashEnabled?"yes":"no"}
-                @change=${l=>t.onSlackChange({slashEnabled:l.target.value==="yes"})}
-              >
-                <option value="yes">Enabled</option>
-                <option value="no">Disabled</option>
-              </select>
-            </label>
-            <label class="field">
-              <span>Slash name</span>
-              <input
-                .value=${t.slackForm.slashName}
-                @input=${l=>t.onSlackChange({slashName:l.target.value})}
-                placeholder="clawd"
-              />
-            </label>
-            <label class="field">
-              <span>Slash session prefix</span>
-              <input
-                .value=${t.slackForm.slashSessionPrefix}
-                @input=${l=>t.onSlackChange({slashSessionPrefix:l.target.value})}
-                placeholder="slack:slash"
-              />
-            </label>
-            <label class="field">
-              <span>Slash ephemeral</span>
-              <select
-                .value=${t.slackForm.slashEphemeral?"yes":"no"}
-                @change=${l=>t.onSlackChange({slashEphemeral:l.target.value==="yes"})}
-              >
-                <option value="yes">Yes</option>
-                <option value="no">No</option>
-              </select>
-            </label>
-          </div>
-
-          <div class="card-sub" style="margin-top: 16px;">Channels</div>
-          <div class="card-sub">
-            Add channel ids or #names and optionally require mentions.
-          </div>
-          <div class="list">
-            ${t.slackForm.channels.map((l,o)=>c`
-                <div class="list-item">
-                  <div class="list-main">
-                    <div class="form-grid">
-                      <label class="field">
-                        <span>Channel id / name</span>
-                        <input
-                          .value=${l.key}
-                          @input=${r=>{const d=[...t.slackForm.channels];d[o]={...d[o],key:r.target.value},t.onSlackChange({channels:d})}}
-                        />
-                      </label>
-                      <label class="field">
-                        <span>Allow</span>
-                        <select
-                          .value=${l.allow?"yes":"no"}
-                          @change=${r=>{const d=[...t.slackForm.channels];d[o]={...d[o],allow:r.target.value==="yes"},t.onSlackChange({channels:d})}}
-                        >
-                          <option value="yes">Yes</option>
-                          <option value="no">No</option>
-                        </select>
-                      </label>
-                      <label class="field">
-                        <span>Require mention</span>
-                        <select
-                          .value=${l.requireMention?"yes":"no"}
-                          @change=${r=>{const d=[...t.slackForm.channels];d[o]={...d[o],requireMention:r.target.value==="yes"},t.onSlackChange({channels:d})}}
-                        >
-                          <option value="yes">Yes</option>
-                          <option value="no">No</option>
-                        </select>
-                      </label>
-                      <label class="field">
-                        <span>&nbsp;</span>
-                        <button
-                          class="btn"
-                          @click=${()=>{const r=[...t.slackForm.channels];r.splice(o,1),t.onSlackChange({channels:r})}}
-                        >
-                          Remove
-                        </button>
-                      </label>
-                    </div>
-                  </div>
-                </div>
-              `)}
-          </div>
-          <button
-            class="btn"
-            style="margin-top: 8px;"
-            @click=${()=>t.onSlackChange({channels:[...t.slackForm.channels,{key:"",allow:!0,requireMention:!1}]})}
-          >
-            Add channel
-          </button>
-
-          <div class="card-sub" style="margin-top: 16px;">Tool actions</div>
-          <div class="form-grid" style="margin-top: 8px;">
-            ${Sn.map(l=>c`<label class="field">
-                <span>${l.label}</span>
-                <select
-                  .value=${t.slackForm.actions[l.key]?"yes":"no"}
-                  @change=${o=>t.onSlackChange({actions:{...t.slackForm.actions,[l.key]:o.target.value==="yes"}})}
-                >
-                  <option value="yes">Enabled</option>
-                  <option value="no">Disabled</option>
-                </select>
-              </label>`)}
-          </div>
-
-          ${t.slackTokenLocked||t.slackAppTokenLocked?c`<div class="callout" style="margin-top: 12px;">
-                ${t.slackTokenLocked?"SLACK_BOT_TOKEN ":""}
-                ${t.slackAppTokenLocked?"SLACK_APP_TOKEN ":""}
-                is set in the environment. Config edits will not override it.
-              </div>`:f}
-
-          ${t.slackStatus?c`<div class="callout" style="margin-top: 12px;">
-                ${t.slackStatus}
-              </div>`:f}
-
-          <div class="row" style="margin-top: 14px;">
-            <button
-              class="btn primary"
-              ?disabled=${t.slackSaving}
-              @click=${()=>t.onSlackSave()}
-            >
-              ${t.slackSaving?"Saving…":"Save"}
-            </button>
-            <button class="btn" @click=${()=>t.onRefresh(!0)}>
-              Probe
-            </button>
-          </div>
-        </div>
-      `}case"signal":{const n=s.signal;return c`
-        <div class="card">
-          <div class="card-title">Signal</div>
-          <div class="card-sub">REST daemon status and probe details.</div>
-
-          <div class="status-list" style="margin-top: 16px;">
-            <div>
-              <span class="label">Configured</span>
-              <span>${n?.configured?"Yes":"No"}</span>
-            </div>
-            <div>
-              <span class="label">Running</span>
-              <span>${n?.running?"Yes":"No"}</span>
-            </div>
-            <div>
-              <span class="label">Base URL</span>
-              <span>${n?.baseUrl??"n/a"}</span>
-            </div>
-            <div>
-              <span class="label">Last start</span>
-              <span>${n?.lastStartAt?M(n.lastStartAt):"n/a"}</span>
-            </div>
-            <div>
-              <span class="label">Last probe</span>
-              <span>${n?.lastProbeAt?M(n.lastProbeAt):"n/a"}</span>
-            </div>
-          </div>
-
-          ${n?.lastError?c`<div class="callout danger" style="margin-top: 12px;">
-                ${n.lastError}
-              </div>`:f}
-
-          ${n?.probe?c`<div class="callout" style="margin-top: 12px;">
-                Probe ${n.probe.ok?"ok":"failed"} ·
-                ${n.probe.status??""}
-                ${n.probe.error??""}
-              </div>`:f}
-
-          <div class="form-grid" style="margin-top: 16px;">
-            <label class="field">
-              <span>Enabled</span>
-              <select
-                .value=${t.signalForm.enabled?"yes":"no"}
-                @change=${i=>t.onSignalChange({enabled:i.target.value==="yes"})}
-              >
-                <option value="yes">Yes</option>
-                <option value="no">No</option>
-              </select>
-            </label>
-            <label class="field">
-              <span>Account</span>
-              <input
-                .value=${t.signalForm.account}
-                @input=${i=>t.onSignalChange({account:i.target.value})}
-                placeholder="+15551234567"
-              />
-            </label>
-            <label class="field">
-              <span>HTTP URL</span>
-              <input
-                .value=${t.signalForm.httpUrl}
-                @input=${i=>t.onSignalChange({httpUrl:i.target.value})}
-                placeholder="http://127.0.0.1:8080"
-              />
-            </label>
-            <label class="field">
-              <span>HTTP host</span>
-              <input
-                .value=${t.signalForm.httpHost}
-                @input=${i=>t.onSignalChange({httpHost:i.target.value})}
-                placeholder="127.0.0.1"
-              />
-            </label>
-            <label class="field">
-              <span>HTTP port</span>
-              <input
-                .value=${t.signalForm.httpPort}
-                @input=${i=>t.onSignalChange({httpPort:i.target.value})}
-                placeholder="8080"
-              />
-            </label>
-            <label class="field">
-              <span>CLI path</span>
-              <input
-                .value=${t.signalForm.cliPath}
-                @input=${i=>t.onSignalChange({cliPath:i.target.value})}
-                placeholder="signal-cli"
-              />
-            </label>
-            <label class="field">
-              <span>Auto start</span>
-              <select
-                .value=${t.signalForm.autoStart?"yes":"no"}
-                @change=${i=>t.onSignalChange({autoStart:i.target.value==="yes"})}
-              >
-                <option value="yes">Yes</option>
-                <option value="no">No</option>
-              </select>
-            </label>
-            <label class="field">
-              <span>Receive mode</span>
-              <select
-                .value=${t.signalForm.receiveMode}
-                @change=${i=>t.onSignalChange({receiveMode:i.target.value})}
-              >
-                <option value="">Default</option>
-                <option value="on-start">on-start</option>
-                <option value="manual">manual</option>
-              </select>
-            </label>
-            <label class="field">
-              <span>Ignore attachments</span>
-              <select
-                .value=${t.signalForm.ignoreAttachments?"yes":"no"}
-                @change=${i=>t.onSignalChange({ignoreAttachments:i.target.value==="yes"})}
-              >
-                <option value="yes">Yes</option>
-                <option value="no">No</option>
-              </select>
-            </label>
-            <label class="field">
-              <span>Ignore stories</span>
-              <select
-                .value=${t.signalForm.ignoreStories?"yes":"no"}
-                @change=${i=>t.onSignalChange({ignoreStories:i.target.value==="yes"})}
-              >
-                <option value="yes">Yes</option>
-                <option value="no">No</option>
-              </select>
-            </label>
-            <label class="field">
-              <span>Send read receipts</span>
-              <select
-                .value=${t.signalForm.sendReadReceipts?"yes":"no"}
-                @change=${i=>t.onSignalChange({sendReadReceipts:i.target.value==="yes"})}
-              >
-                <option value="yes">Yes</option>
-                <option value="no">No</option>
-              </select>
-            </label>
-            <label class="field">
-              <span>Allow from</span>
-              <input
-                .value=${t.signalForm.allowFrom}
-                @input=${i=>t.onSignalChange({allowFrom:i.target.value})}
-                placeholder="12345, +1555"
-              />
-            </label>
-            <label class="field">
-              <span>Media max MB</span>
-              <input
-                .value=${t.signalForm.mediaMaxMb}
-                @input=${i=>t.onSignalChange({mediaMaxMb:i.target.value})}
-                placeholder="8"
-              />
-            </label>
-          </div>
-
-          ${t.signalStatus?c`<div class="callout" style="margin-top: 12px;">
-                ${t.signalStatus}
-              </div>`:f}
-
-          <div class="row" style="margin-top: 14px;">
-            <button
-              class="btn primary"
-              ?disabled=${t.signalSaving}
-              @click=${()=>t.onSignalSave()}
-            >
-              ${t.signalSaving?"Saving…":"Save"}
-            </button>
-            <button class="btn" @click=${()=>t.onRefresh(!0)}>
-              Probe
-            </button>
-          </div>
-        </div>
-      `}case"imessage":{const n=s.imessage;return c`
-        <div class="card">
-          <div class="card-title">iMessage</div>
-          <div class="card-sub">imsg CLI and database availability.</div>
-
-          <div class="status-list" style="margin-top: 16px;">
-            <div>
-              <span class="label">Configured</span>
-              <span>${n?.configured?"Yes":"No"}</span>
-            </div>
-            <div>
-              <span class="label">Running</span>
-              <span>${n?.running?"Yes":"No"}</span>
-            </div>
-            <div>
-              <span class="label">CLI</span>
-              <span>${n?.cliPath??"n/a"}</span>
-            </div>
-            <div>
-              <span class="label">DB</span>
-              <span>${n?.dbPath??"n/a"}</span>
-            </div>
-            <div>
-              <span class="label">Last start</span>
-              <span>
-                ${n?.lastStartAt?M(n.lastStartAt):"n/a"}
-              </span>
-            </div>
-            <div>
-              <span class="label">Last probe</span>
-              <span>
-                ${n?.lastProbeAt?M(n.lastProbeAt):"n/a"}
-              </span>
-            </div>
-          </div>
-
-          ${n?.lastError?c`<div class="callout danger" style="margin-top: 12px;">
-                ${n.lastError}
-              </div>`:f}
-
-          ${n?.probe&&!n.probe.ok?c`<div class="callout" style="margin-top: 12px;">
-                Probe failed · ${n.probe.error??"unknown error"}
-              </div>`:f}
-
-          <div class="form-grid" style="margin-top: 16px;">
-            <label class="field">
-              <span>Enabled</span>
-              <select
-                .value=${t.imessageForm.enabled?"yes":"no"}
-                @change=${i=>t.onIMessageChange({enabled:i.target.value==="yes"})}
-              >
-                <option value="yes">Yes</option>
-                <option value="no">No</option>
-              </select>
-            </label>
-            <label class="field">
-              <span>CLI path</span>
-              <input
-                .value=${t.imessageForm.cliPath}
-                @input=${i=>t.onIMessageChange({cliPath:i.target.value})}
-                placeholder="imsg"
-              />
-            </label>
-            <label class="field">
-              <span>DB path</span>
-              <input
-                .value=${t.imessageForm.dbPath}
-                @input=${i=>t.onIMessageChange({dbPath:i.target.value})}
-                placeholder="~/Library/Messages/chat.db"
-              />
-            </label>
-            <label class="field">
-              <span>Service</span>
-              <select
-                .value=${t.imessageForm.service}
-                @change=${i=>t.onIMessageChange({service:i.target.value})}
-              >
-                <option value="auto">Auto</option>
-                <option value="imessage">iMessage</option>
-                <option value="sms">SMS</option>
-              </select>
-            </label>
-            <label class="field">
-              <span>Region</span>
-              <input
-                .value=${t.imessageForm.region}
-                @input=${i=>t.onIMessageChange({region:i.target.value})}
-                placeholder="US"
-              />
-            </label>
-            <label class="field">
-              <span>Allow from</span>
-              <input
-                .value=${t.imessageForm.allowFrom}
-                @input=${i=>t.onIMessageChange({allowFrom:i.target.value})}
-                placeholder="chat_id:101, +1555"
-              />
-            </label>
-            <label class="field">
-              <span>Include attachments</span>
-              <select
-                .value=${t.imessageForm.includeAttachments?"yes":"no"}
-                @change=${i=>t.onIMessageChange({includeAttachments:i.target.value==="yes"})}
-              >
-                <option value="yes">Yes</option>
-                <option value="no">No</option>
-              </select>
-            </label>
-            <label class="field">
-              <span>Media max MB</span>
-              <input
-                .value=${t.imessageForm.mediaMaxMb}
-                @input=${i=>t.onIMessageChange({mediaMaxMb:i.target.value})}
-                placeholder="16"
-              />
-            </label>
-          </div>
-
-          ${t.imessageStatus?c`<div class="callout" style="margin-top: 12px;">
-                ${t.imessageStatus}
-              </div>`:f}
-
-          <div class="row" style="margin-top: 14px;">
-            <button
-              class="btn primary"
-              ?disabled=${t.imessageSaving}
-              @click=${()=>t.onIMessageSave()}
-            >
-              ${t.imessageSaving?"Saving…":"Save"}
-            </button>
-            <button class="btn" @click=${()=>t.onRefresh(!0)}>
-              Probe
-            </button>
-          </div>
-        </div>
-      `}default:return f}}function En(e){const t=e.host??"unknown",s=e.ip?`(${e.ip})`:"",n=e.mode??"",i=e.version??"";return`${t} ${s} ${n} ${i}`.trim()}function xn(e){const t=e.ts??null;return t?M(t):"n/a"}function ct(e){return e?`${X(e)} (${M(e)})`:"n/a"}function Ln(e){if(e.totalTokens==null)return"n/a";const t=e.totalTokens??0,s=e.contextTokens??0;return s?`${t} / ${s}`:String(t)}function Fn(e){if(e==null)return"";try{return JSON.stringify(e,null,2)}catch{return String(e)}}function Tn(e){const t=e.state??{},s=t.nextRunAtMs?X(t.nextRunAtMs):"n/a",n=t.lastRunAtMs?X(t.lastRunAtMs):"n/a";return`${t.lastStatus??"n/a"} · next ${s} · last ${n}`}function Pn(e){const t=e.schedule;return t.kind==="at"?`At ${X(t.atMs)}`:t.kind==="every"?`Every ${rt(t.everyMs)}`:`Cron ${t.expr}${t.tz?` (${t.tz})`:""}`}function Rn(e){const t=e.payload;return t.kind==="systemEvent"?`System: ${t.text}`:`Agent: ${t.message}`}function _n(e){return c`
-    <section class="grid grid-cols-2">
-      <div class="card">
-        <div class="card-title">Scheduler</div>
-        <div class="card-sub">Gateway-owned cron scheduler status.</div>
-        <div class="stat-grid" style="margin-top: 16px;">
-          <div class="stat">
-            <div class="stat-label">Enabled</div>
-            <div class="stat-value">
-              ${e.status?e.status.enabled?"Yes":"No":"n/a"}
-            </div>
-          </div>
-          <div class="stat">
-            <div class="stat-label">Jobs</div>
-            <div class="stat-value">${e.status?.jobCount??"n/a"}</div>
-          </div>
-          <div class="stat">
-            <div class="stat-label">Next wake</div>
-            <div class="stat-value">${ct(e.status?.nextWakeAtMs??null)}</div>
-          </div>
-        </div>
-        <div class="row" style="margin-top: 12px;">
-          <button class="btn" ?disabled=${e.loading} @click=${e.onRefresh}>
-            ${e.loading?"Refreshing…":"Refresh"}
-          </button>
-          ${e.error?c`<span class="muted">${e.error}</span>`:f}
-        </div>
-      </div>
-
-      <div class="card">
-        <div class="card-title">New Job</div>
-        <div class="card-sub">Create a scheduled wakeup or agent run.</div>
-        <div class="form-grid" style="margin-top: 16px;">
-          <label class="field">
-            <span>Name</span>
-            <input
-              .value=${e.form.name}
-              @input=${t=>e.onFormChange({name:t.target.value})}
-            />
-          </label>
-          <label class="field">
-            <span>Description</span>
-            <input
-              .value=${e.form.description}
-              @input=${t=>e.onFormChange({description:t.target.value})}
-            />
-          </label>
-          <label class="field checkbox">
-            <span>Enabled</span>
-            <input
-              type="checkbox"
-              .checked=${e.form.enabled}
-              @change=${t=>e.onFormChange({enabled:t.target.checked})}
-            />
-          </label>
-          <label class="field">
-            <span>Schedule</span>
-            <select
-              .value=${e.form.scheduleKind}
-              @change=${t=>e.onFormChange({scheduleKind:t.target.value})}
-            >
-              <option value="every">Every</option>
-              <option value="at">At</option>
-              <option value="cron">Cron</option>
-            </select>
-          </label>
-        </div>
-        ${In(e)}
-        <div class="form-grid" style="margin-top: 12px;">
-          <label class="field">
-            <span>Session</span>
-            <select
-              .value=${e.form.sessionTarget}
-              @change=${t=>e.onFormChange({sessionTarget:t.target.value})}
-            >
-              <option value="main">Main</option>
-              <option value="isolated">Isolated</option>
-            </select>
-          </label>
-          <label class="field">
-            <span>Wake mode</span>
-            <select
-              .value=${e.form.wakeMode}
-              @change=${t=>e.onFormChange({wakeMode:t.target.value})}
-            >
-              <option value="next-heartbeat">Next heartbeat</option>
-              <option value="now">Now</option>
-            </select>
-          </label>
-          <label class="field">
-            <span>Payload</span>
-            <select
-              .value=${e.form.payloadKind}
-              @change=${t=>e.onFormChange({payloadKind:t.target.value})}
-            >
-              <option value="systemEvent">System event</option>
-              <option value="agentTurn">Agent turn</option>
-            </select>
-          </label>
-        </div>
-        <label class="field" style="margin-top: 12px;">
-          <span>${e.form.payloadKind==="systemEvent"?"System text":"Agent message"}</span>
-          <textarea
-            .value=${e.form.payloadText}
-            @input=${t=>e.onFormChange({payloadText:t.target.value})}
-            rows="4"
-          ></textarea>
-        </label>
-        ${e.form.payloadKind==="agentTurn"?c`
-              <div class="form-grid" style="margin-top: 12px;">
-                <label class="field checkbox">
-                  <span>Deliver</span>
-                  <input
-                    type="checkbox"
-                    .checked=${e.form.deliver}
-                    @change=${t=>e.onFormChange({deliver:t.target.checked})}
-                  />
-                </label>
-                <label class="field">
-                  <span>Channel</span>
-                  <select
-                    .value=${e.form.channel}
-                    @change=${t=>e.onFormChange({channel:t.target.value})}
-                  >
-                    <option value="last">Last</option>
-                    <option value="whatsapp">WhatsApp</option>
-                    <option value="telegram">Telegram</option>
-                  </select>
-                </label>
-                <label class="field">
-                  <span>To</span>
-                  <input
-                    .value=${e.form.to}
-                    @input=${t=>e.onFormChange({to:t.target.value})}
-                    placeholder="+1555… or chat id"
-                  />
-                </label>
-                <label class="field">
-                  <span>Timeout (seconds)</span>
-                  <input
-                    .value=${e.form.timeoutSeconds}
-                    @input=${t=>e.onFormChange({timeoutSeconds:t.target.value})}
-                  />
-                </label>
-                ${e.form.sessionTarget==="isolated"?c`
-                      <label class="field">
-                        <span>Post to main prefix</span>
-                        <input
-                          .value=${e.form.postToMainPrefix}
-                          @input=${t=>e.onFormChange({postToMainPrefix:t.target.value})}
-                        />
-                      </label>
-                    `:f}
-              </div>
-            `:f}
-        <div class="row" style="margin-top: 14px;">
-          <button class="btn primary" ?disabled=${e.busy} @click=${e.onAdd}>
-            ${e.busy?"Saving…":"Add job"}
-          </button>
-        </div>
-      </div>
-    </section>
-
-    <section class="card" style="margin-top: 18px;">
-      <div class="card-title">Jobs</div>
-      <div class="card-sub">All scheduled jobs stored in the gateway.</div>
-      ${e.jobs.length===0?c`<div class="muted" style="margin-top: 12px;">No jobs yet.</div>`:c`
-            <div class="list" style="margin-top: 12px;">
-              ${e.jobs.map(t=>Nn(t,e))}
-            </div>
-          `}
-    </section>
-
-    <section class="card" style="margin-top: 18px;">
-      <div class="card-title">Run history</div>
-      <div class="card-sub">Latest runs for ${e.runsJobId??"(select a job)"}.</div>
-      ${e.runs.length===0?c`<div class="muted" style="margin-top: 12px;">No runs yet.</div>`:c`
-            <div class="list" style="margin-top: 12px;">
-              ${e.runs.map(t=>Kn(t))}
-            </div>
-          `}
-    </section>
-  `}function In(e){const t=e.form;return t.scheduleKind==="at"?c`
-      <label class="field" style="margin-top: 12px;">
-        <span>Run at</span>
-        <input
-          type="datetime-local"
-          .value=${t.scheduleAt}
-          @input=${s=>e.onFormChange({scheduleAt:s.target.value})}
-        />
-      </label>
-    `:t.scheduleKind==="every"?c`
-      <div class="form-grid" style="margin-top: 12px;">
-        <label class="field">
-          <span>Every</span>
-          <input
-            .value=${t.everyAmount}
-            @input=${s=>e.onFormChange({everyAmount:s.target.value})}
-          />
-        </label>
-        <label class="field">
-          <span>Unit</span>
-          <select
-            .value=${t.everyUnit}
-            @change=${s=>e.onFormChange({everyUnit:s.target.value})}
-          >
-            <option value="minutes">Minutes</option>
-            <option value="hours">Hours</option>
-            <option value="days">Days</option>
-          </select>
-        </label>
-      </div>
-    `:c`
-    <div class="form-grid" style="margin-top: 12px;">
-      <label class="field">
-        <span>Expression</span>
-        <input
-          .value=${t.cronExpr}
-          @input=${s=>e.onFormChange({cronExpr:s.target.value})}
-        />
-      </label>
-      <label class="field">
-        <span>Timezone (optional)</span>
-        <input
-          .value=${t.cronTz}
-          @input=${s=>e.onFormChange({cronTz:s.target.value})}
-        />
-      </label>
-    </div>
-  `}function Nn(e,t){return c`
-    <div class="list-item">
-      <div class="list-main">
-        <div class="list-title">${e.name}</div>
-        <div class="list-sub">${Pn(e)}</div>
-        <div class="muted">${Rn(e)}</div>
-        <div class="chip-row" style="margin-top: 6px;">
-          <span class="chip">${e.enabled?"enabled":"disabled"}</span>
-          <span class="chip">${e.sessionTarget}</span>
-          <span class="chip">${e.wakeMode}</span>
-        </div>
-      </div>
-      <div class="list-meta">
-        <div>${Tn(e)}</div>
-        <div class="row" style="justify-content: flex-end; margin-top: 8px;">
-          <button
-            class="btn"
-            ?disabled=${t.busy}
-            @click=${()=>t.onToggle(e,!e.enabled)}
-          >
-            ${e.enabled?"Disable":"Enable"}
-          </button>
-          <button class="btn" ?disabled=${t.busy} @click=${()=>t.onRun(e)}>
-            Run
-          </button>
-          <button
-            class="btn"
-            ?disabled=${t.busy}
-            @click=${()=>t.onLoadRuns(e.id)}
-          >
-            Runs
-          </button>
-          <button
-            class="btn danger"
-            ?disabled=${t.busy}
-            @click=${()=>t.onRemove(e)}
-          >
-            Remove
-          </button>
-        </div>
-      </div>
-    </div>
-  `}function Kn(e){return c`
-    <div class="list-item">
-      <div class="list-main">
-        <div class="list-title">${e.status}</div>
-        <div class="list-sub">${e.summary??""}</div>
-      </div>
-      <div class="list-meta">
-        <div>${X(e.ts)}</div>
-        <div class="muted">${e.durationMs??0}ms</div>
-        ${e.error?c`<div class="muted">${e.error}</div>`:f}
-      </div>
-    </div>
-  `}function Un(e){return c`
-    <section class="grid grid-cols-2">
-      <div class="card">
-        <div class="row" style="justify-content: space-between;">
-          <div>
-            <div class="card-title">Snapshots</div>
-            <div class="card-sub">Status, health, and heartbeat data.</div>
-          </div>
-          <button class="btn" ?disabled=${e.loading} @click=${e.onRefresh}>
-            ${e.loading?"Refreshing…":"Refresh"}
-          </button>
-        </div>
-        <div class="stack" style="margin-top: 12px;">
-          <div>
-            <div class="muted">Status</div>
-            <pre class="code-block">${JSON.stringify(e.status??{},null,2)}</pre>
-          </div>
-          <div>
-            <div class="muted">Health</div>
-            <pre class="code-block">${JSON.stringify(e.health??{},null,2)}</pre>
-          </div>
-          <div>
-            <div class="muted">Last heartbeat</div>
-            <pre class="code-block">${JSON.stringify(e.heartbeat??{},null,2)}</pre>
-          </div>
-        </div>
-      </div>
-
-      <div class="card">
-        <div class="card-title">Manual RPC</div>
-        <div class="card-sub">Send a raw gateway method with JSON params.</div>
-        <div class="form-grid" style="margin-top: 16px;">
-          <label class="field">
-            <span>Method</span>
-            <input
-              .value=${e.callMethod}
-              @input=${t=>e.onCallMethodChange(t.target.value)}
-              placeholder="system-presence"
-            />
-          </label>
-          <label class="field">
-            <span>Params (JSON)</span>
-            <textarea
-              .value=${e.callParams}
-              @input=${t=>e.onCallParamsChange(t.target.value)}
-              rows="6"
-            ></textarea>
-          </label>
-        </div>
-        <div class="row" style="margin-top: 12px;">
-          <button class="btn primary" @click=${e.onCall}>Call</button>
-        </div>
-        ${e.callError?c`<div class="callout danger" style="margin-top: 12px;">
-              ${e.callError}
-            </div>`:f}
-        ${e.callResult?c`<pre class="code-block" style="margin-top: 12px;">${e.callResult}</pre>`:f}
-      </div>
-    </section>
-
-    <section class="card" style="margin-top: 18px;">
-      <div class="card-title">Models</div>
-      <div class="card-sub">Catalog from models.list.</div>
-      <pre class="code-block" style="margin-top: 12px;">${JSON.stringify(e.models??[],null,2)}</pre>
-    </section>
-
-    <section class="card" style="margin-top: 18px;">
-      <div class="card-title">Event Log</div>
-      <div class="card-sub">Latest gateway events.</div>
-      ${e.eventLog.length===0?c`<div class="muted" style="margin-top: 12px;">No events yet.</div>`:c`
-            <div class="list" style="margin-top: 12px;">
-              ${e.eventLog.map(t=>c`
-                  <div class="list-item">
-                    <div class="list-main">
-                      <div class="list-title">${t.event}</div>
-                      <div class="list-sub">${new Date(t.ts).toLocaleTimeString()}</div>
-                    </div>
-                    <div class="list-meta">
-                      <pre class="code-block">${Fn(t.payload)}</pre>
-                    </div>
-                  </div>
-                `)}
-            </div>
-          `}
-    </section>
-  `}function On(e){return c`
-    <section class="card">
-      <div class="row" style="justify-content: space-between;">
-        <div>
-          <div class="card-title">Connected Instances</div>
-          <div class="card-sub">Presence beacons from the gateway and clients.</div>
-        </div>
-        <button class="btn" ?disabled=${e.loading} @click=${e.onRefresh}>
-          ${e.loading?"Loading…":"Refresh"}
-        </button>
-      </div>
-      ${e.lastError?c`<div class="callout danger" style="margin-top: 12px;">
-            ${e.lastError}
-          </div>`:f}
-      ${e.statusMessage?c`<div class="callout" style="margin-top: 12px;">
-            ${e.statusMessage}
-          </div>`:f}
-      <div class="list" style="margin-top: 16px;">
-        ${e.entries.length===0?c`<div class="muted">No instances reported yet.</div>`:e.entries.map(t=>Dn(t))}
-      </div>
-    </section>
-  `}function Dn(e){const t=e.lastInputSeconds!=null?`${e.lastInputSeconds}s ago`:"n/a",s=e.mode??"unknown";return c`
-    <div class="list-item">
-      <div class="list-main">
-        <div class="list-title">${e.host??"unknown host"}</div>
-        <div class="list-sub">${En(e)}</div>
-        <div class="chip-row">
-          <span class="chip">${s}</span>
-          ${e.platform?c`<span class="chip">${e.platform}</span>`:f}
-          ${e.deviceFamily?c`<span class="chip">${e.deviceFamily}</span>`:f}
-          ${e.modelIdentifier?c`<span class="chip">${e.modelIdentifier}</span>`:f}
-          ${e.version?c`<span class="chip">${e.version}</span>`:f}
-        </div>
-      </div>
-      <div class="list-meta">
-        <div>${xn(e)}</div>
-        <div class="muted">Last input ${t}</div>
-        <div class="muted">Reason ${e.reason??""}</div>
-      </div>
-    </div>
-  `}function jn(e){return c`
-    <section class="card">
-      <div class="row" style="justify-content: space-between;">
-        <div>
-          <div class="card-title">Nodes</div>
-          <div class="card-sub">Paired devices and live connections.</div>
-        </div>
-        <button class="btn" ?disabled=${e.loading} @click=${e.onRefresh}>
-          ${e.loading?"Loading…":"Refresh"}
-        </button>
-      </div>
-      <div class="list" style="margin-top: 16px;">
-        ${e.nodes.length===0?c`<div class="muted">No nodes found.</div>`:e.nodes.map(t=>qn(t))}
-      </div>
-    </section>
-  `}function qn(e){const t=!!e.connected,s=!!e.paired,n=typeof e.displayName=="string"&&e.displayName.trim()||(typeof e.nodeId=="string"?e.nodeId:"unknown"),i=Array.isArray(e.caps)?e.caps:[],a=Array.isArray(e.commands)?e.commands:[];return c`
-    <div class="list-item">
-      <div class="list-main">
-        <div class="list-title">${n}</div>
-        <div class="list-sub">
-          ${typeof e.nodeId=="string"?e.nodeId:""}
-          ${typeof e.remoteIp=="string"?` · ${e.remoteIp}`:""}
-          ${typeof e.version=="string"?` · ${e.version}`:""}
-        </div>
-        <div class="chip-row" style="margin-top: 6px;">
-          <span class="chip">${s?"paired":"unpaired"}</span>
-          <span class="chip ${t?"chip-ok":"chip-warn"}">
-            ${t?"connected":"offline"}
-          </span>
-          ${i.slice(0,12).map(l=>c`<span class="chip">${String(l)}</span>`)}
-          ${a.slice(0,8).map(l=>c`<span class="chip">${String(l)}</span>`)}
-        </div>
-      </div>
-    </div>
-  `}function Bn(e){const t=e.hello?.snapshot,s=t?.uptimeMs?rt(t.uptimeMs):"n/a",n=t?.policy?.tickIntervalMs?`${t.policy.tickIntervalMs}ms`:"n/a";return c`
-    <section class="grid grid-cols-2">
-      <div class="card">
-        <div class="card-title">Gateway Access</div>
-        <div class="card-sub">Where the dashboard connects and how it authenticates.</div>
-        <div class="form-grid" style="margin-top: 16px;">
-          <label class="field">
-            <span>WebSocket URL</span>
-            <input
-              .value=${e.settings.gatewayUrl}
-              @input=${i=>{const a=i.target.value;e.onSettingsChange({...e.settings,gatewayUrl:a})}}
-              placeholder="ws://100.x.y.z:18789"
-            />
-          </label>
-          <label class="field">
-            <span>Gateway Token</span>
-            <input
-              .value=${e.settings.token}
-              @input=${i=>{const a=i.target.value;e.onSettingsChange({...e.settings,token:a})}}
-              placeholder="CLAWDBOT_GATEWAY_TOKEN"
-            />
-          </label>
-          <label class="field">
-            <span>Password (not stored)</span>
-            <input
-              type="password"
-              .value=${e.password}
-              @input=${i=>{const a=i.target.value;e.onPasswordChange(a)}}
-              placeholder="system or shared password"
-            />
-          </label>
-          <label class="field">
-            <span>Default Session Key</span>
-            <input
-              .value=${e.settings.sessionKey}
-              @input=${i=>{const a=i.target.value;e.onSessionKeyChange(a)}}
-            />
-          </label>
-        </div>
-        <div class="row" style="margin-top: 14px;">
-          <button class="btn" @click=${()=>e.onRefresh()}>Refresh</button>
-          <span class="muted">Reconnect to apply changes.</span>
-        </div>
-      </div>
-
-      <div class="card">
-        <div class="card-title">Snapshot</div>
-        <div class="card-sub">Latest gateway handshake information.</div>
-        <div class="stat-grid" style="margin-top: 16px;">
-          <div class="stat">
-            <div class="stat-label">Status</div>
-            <div class="stat-value ${e.connected?"ok":"warn"}">
-              ${e.connected?"Connected":"Disconnected"}
-            </div>
-          </div>
-          <div class="stat">
-            <div class="stat-label">Uptime</div>
-            <div class="stat-value">${s}</div>
-          </div>
-          <div class="stat">
-            <div class="stat-label">Tick Interval</div>
-            <div class="stat-value">${n}</div>
-          </div>
-          <div class="stat">
-            <div class="stat-label">Last Providers Refresh</div>
-            <div class="stat-value">
-              ${e.lastProvidersRefresh?M(e.lastProvidersRefresh):"n/a"}
-            </div>
-          </div>
-        </div>
-        ${e.lastError?c`<div class="callout danger" style="margin-top: 14px;">
-              ${e.lastError}
-            </div>`:c`<div class="callout" style="margin-top: 14px;">
-              Use Connections to link WhatsApp, Telegram, Discord, Signal, or iMessage.
-            </div>`}
-      </div>
-    </section>
-
-    <section class="grid grid-cols-3" style="margin-top: 18px;">
-      <div class="card stat-card">
-        <div class="stat-label">Instances</div>
-        <div class="stat-value">${e.presenceCount}</div>
-        <div class="muted">Presence beacons in the last 5 minutes.</div>
-      </div>
-      <div class="card stat-card">
-        <div class="stat-label">Sessions</div>
-        <div class="stat-value">${e.sessionsCount??"n/a"}</div>
-        <div class="muted">Recent session keys tracked by the gateway.</div>
-      </div>
-      <div class="card stat-card">
-        <div class="stat-label">Cron</div>
-        <div class="stat-value">
-          ${e.cronEnabled==null?"n/a":e.cronEnabled?"Enabled":"Disabled"}
-        </div>
-        <div class="muted">Next wake ${ct(e.cronNext)}</div>
-      </div>
-    </section>
-
-    <section class="card" style="margin-top: 18px;">
-      <div class="card-title">Notes</div>
-      <div class="card-sub">Quick reminders for remote control setups.</div>
-      <div class="note-grid" style="margin-top: 14px;">
-        <div>
-          <div class="note-title">Tailscale serve</div>
-          <div class="muted">
-            Prefer serve mode to keep the gateway on loopback with tailnet auth.
-          </div>
-        </div>
-        <div>
-          <div class="note-title">Session hygiene</div>
-          <div class="muted">Use /new or sessions.patch to reset context.</div>
-        </div>
-        <div>
-          <div class="note-title">Cron reminders</div>
-          <div class="muted">Use isolated sessions for recurring runs.</div>
-        </div>
-      </div>
-    </section>
-  `}const Hn=["","off","minimal","low","medium","high"],Wn=["","off","on"];function Jn(e){const t=e.result?.sessions??[];return c`
-    <section class="card">
-      <div class="row" style="justify-content: space-between;">
-        <div>
-          <div class="card-title">Sessions</div>
-          <div class="card-sub">Active session keys and per-session overrides.</div>
-        </div>
-        <button class="btn" ?disabled=${e.loading} @click=${e.onRefresh}>
-          ${e.loading?"Loading…":"Refresh"}
-        </button>
-      </div>
-
-      <div class="filters" style="margin-top: 14px;">
-        <label class="field">
-          <span>Active within (minutes)</span>
-          <input
-            .value=${e.activeMinutes}
-            @input=${s=>e.onFiltersChange({activeMinutes:s.target.value,limit:e.limit,includeGlobal:e.includeGlobal,includeUnknown:e.includeUnknown})}
-          />
-        </label>
-        <label class="field">
-          <span>Limit</span>
-          <input
-            .value=${e.limit}
-            @input=${s=>e.onFiltersChange({activeMinutes:e.activeMinutes,limit:s.target.value,includeGlobal:e.includeGlobal,includeUnknown:e.includeUnknown})}
-          />
-        </label>
-        <label class="field checkbox">
-          <span>Include global</span>
-          <input
-            type="checkbox"
-            .checked=${e.includeGlobal}
-            @change=${s=>e.onFiltersChange({activeMinutes:e.activeMinutes,limit:e.limit,includeGlobal:s.target.checked,includeUnknown:e.includeUnknown})}
-          />
-        </label>
-        <label class="field checkbox">
-          <span>Include unknown</span>
-          <input
-            type="checkbox"
-            .checked=${e.includeUnknown}
-            @change=${s=>e.onFiltersChange({activeMinutes:e.activeMinutes,limit:e.limit,includeGlobal:e.includeGlobal,includeUnknown:s.target.checked})}
-          />
-        </label>
-      </div>
-
-      ${e.error?c`<div class="callout danger" style="margin-top: 12px;">${e.error}</div>`:f}
-
-      <div class="muted" style="margin-top: 12px;">
-        ${e.result?`Store: ${e.result.path}`:""}
-      </div>
-
-      <div class="table" style="margin-top: 16px;">
-        <div class="table-head">
-          <div>Key</div>
-          <div>Kind</div>
-          <div>Updated</div>
-          <div>Tokens</div>
-          <div>Thinking</div>
-          <div>Verbose</div>
-        </div>
-        ${t.length===0?c`<div class="muted">No sessions found.</div>`:t.map(s=>Gn(s,e.onPatch))}
-      </div>
-    </section>
-  `}function Gn(e,t){const s=e.updatedAt?M(e.updatedAt):"n/a",n=e.thinkingLevel??"",i=e.verboseLevel??"";return c`
-    <div class="table-row">
-      <div class="mono">${e.displayName??e.key}</div>
-      <div>${e.kind}</div>
-      <div>${s}</div>
-      <div>${Ln(e)}</div>
-      <div>
-        <select
-          .value=${n}
-          @change=${a=>{const l=a.target.value;t(e.key,{thinkingLevel:l||null})}}
-        >
-          ${Hn.map(a=>c`<option value=${a}>${a||"inherit"}</option>`)}
-        </select>
-      </div>
-      <div>
-        <select
-          .value=${i}
-          @change=${a=>{const l=a.target.value;t(e.key,{verboseLevel:l||null})}}
-        >
-          ${Wn.map(a=>c`<option value=${a}>${a||"inherit"}</option>`)}
-        </select>
-      </div>
-    </div>
-  `}function Yn(e){const t=e.report?.skills??[],s=e.filter.trim().toLowerCase(),n=s?t.filter(i=>[i.name,i.description,i.source].join(" ").toLowerCase().includes(s)):t;return c`
-    <section class="card">
-      <div class="row" style="justify-content: space-between;">
-        <div>
-          <div class="card-title">Skills</div>
-          <div class="card-sub">Bundled, managed, and workspace skills.</div>
-        </div>
-        <button class="btn" ?disabled=${e.loading} @click=${e.onRefresh}>
-          ${e.loading?"Loading…":"Refresh"}
-        </button>
-      </div>
-
-      <div class="filters" style="margin-top: 14px;">
-        <label class="field" style="flex: 1;">
-          <span>Filter</span>
-          <input
-            .value=${e.filter}
-            @input=${i=>e.onFilterChange(i.target.value)}
-            placeholder="Search skills"
-          />
-        </label>
-        <div class="muted">${n.length} shown</div>
-      </div>
-
-      ${e.error?c`<div class="callout danger" style="margin-top: 12px;">${e.error}</div>`:f}
-
-      ${n.length===0?c`<div class="muted" style="margin-top: 16px;">No skills found.</div>`:c`
-            <div class="list" style="margin-top: 16px;">
-              ${n.map(i=>zn(i,e))}
-            </div>
-          `}
-    </section>
-  `}function zn(e,t){const s=t.busyKey===e.skillKey||t.busyKey===e.name,n=t.edits[e.skillKey]??"",i=[...e.missing.bins.map(l=>`bin:${l}`),...e.missing.env.map(l=>`env:${l}`),...e.missing.config.map(l=>`config:${l}`),...e.missing.os.map(l=>`os:${l}`)],a=[];return e.disabled&&a.push("disabled"),e.blockedByAllowlist&&a.push("blocked by allowlist"),c`
-    <div class="list-item">
-      <div class="list-main">
-        <div class="list-title">
-          ${e.emoji?`${e.emoji} `:""}${e.name}
-        </div>
-        <div class="list-sub">${$n(e.description,140)}</div>
-        <div class="chip-row" style="margin-top: 6px;">
-          <span class="chip">${e.source}</span>
-          <span class="chip ${e.eligible?"chip-ok":"chip-warn"}">
-            ${e.eligible?"eligible":"blocked"}
-          </span>
-          ${e.disabled?c`<span class="chip chip-warn">disabled</span>`:f}
-        </div>
-        ${i.length>0?c`
-              <div class="muted" style="margin-top: 6px;">
-                Missing: ${i.join(", ")}
-              </div>
-            `:f}
-        ${a.length>0?c`
-              <div class="muted" style="margin-top: 6px;">
-                Reason: ${a.join(", ")}
-              </div>
-            `:f}
-      </div>
-      <div class="list-meta">
-        <div class="row" style="justify-content: flex-end; flex-wrap: wrap;">
-          <button
-            class="btn"
-            ?disabled=${s}
-            @click=${()=>t.onToggle(e.skillKey,e.disabled)}
-          >
-            ${e.disabled?"Enable":"Disable"}
-          </button>
-          ${e.install.length>0?c`<button
-                class="btn"
-                ?disabled=${s}
-                @click=${()=>t.onInstall(e.name,e.install[0].id)}
-              >
-                ${e.install[0].label}
-              </button>`:f}
-        </div>
-        ${e.primaryEnv?c`
-              <div class="field" style="margin-top: 10px;">
-                <span>API key</span>
-                <input
-                  type="password"
-                  .value=${n}
-                  @input=${l=>t.onEdit(e.skillKey,l.target.value)}
-                />
-              </div>
-              <button
-                class="btn primary"
-                style="margin-top: 8px;"
-                ?disabled=${s}
-                @click=${()=>t.onSaveKey(e.skillKey)}
-              >
-                Save key
-              </button>
-            `:f}
-      </div>
-    </div>
-  `}const xe={reactions:!0,stickers:!0,polls:!0,permissions:!0,messages:!0,threads:!0,pins:!0,search:!0,memberInfo:!0,roleInfo:!0,channelInfo:!0,voiceStatus:!0,events:!0,roles:!1,moderation:!1},R={reactions:!0,messages:!0,pins:!0,memberInfo:!0,emojiList:!0};async function L(e,t){if(!(!e.client||!e.connected)&&!e.providersLoading){e.providersLoading=!0,e.providersError=null;try{const s=await e.client.request("providers.status",{probe:t,timeoutMs:8e3});e.providersSnapshot=s,e.providersLastSuccess=Date.now(),e.telegramTokenLocked=s.telegram.tokenSource==="env",e.discordTokenLocked=s.discord?.tokenSource==="env",e.slackTokenLocked=s.slack?.botTokenSource==="env",e.slackAppTokenLocked=s.slack?.appTokenSource==="env"}catch(s){e.providersError=String(s)}finally{e.providersLoading=!1}}}async function Vn(e,t){if(!(!e.client||!e.connected||e.whatsappBusy)){e.whatsappBusy=!0;try{const s=await e.client.request("web.login.start",{force:t,timeoutMs:3e4});e.whatsappLoginMessage=s.message??null,e.whatsappLoginQrDataUrl=s.qrDataUrl??null,e.whatsappLoginConnected=null}catch(s){e.whatsappLoginMessage=String(s),e.whatsappLoginQrDataUrl=null,e.whatsappLoginConnected=null}finally{e.whatsappBusy=!1}}}async function Qn(e){if(!(!e.client||!e.connected||e.whatsappBusy)){e.whatsappBusy=!0;try{const t=await e.client.request("web.login.wait",{timeoutMs:12e4});e.whatsappLoginMessage=t.message??null,e.whatsappLoginConnected=t.connected??null,t.connected&&(e.whatsappLoginQrDataUrl=null)}catch(t){e.whatsappLoginMessage=String(t),e.whatsappLoginConnected=null}finally{e.whatsappBusy=!1}}}async function Xn(e){if(!(!e.client||!e.connected||e.whatsappBusy)){e.whatsappBusy=!0;try{await e.client.request("web.logout",{}),e.whatsappLoginMessage="Logged out.",e.whatsappLoginQrDataUrl=null,e.whatsappLoginConnected=null}catch(t){e.whatsappLoginMessage=String(t)}finally{e.whatsappBusy=!1}}}function Zn(e,t){e.telegramForm={...e.telegramForm,...t}}function es(e,t){if(t.actions){e.discordForm={...e.discordForm,...t,actions:{...e.discordForm.actions,...t.actions}};return}e.discordForm={...e.discordForm,...t}}function ts(e,t){if(t.actions){e.slackForm={...e.slackForm,...t,actions:{...e.slackForm.actions,...t.actions}};return}e.slackForm={...e.slackForm,...t}}function ns(e,t){e.signalForm={...e.signalForm,...t}}function ss(e,t){e.imessageForm={...e.imessageForm,...t}}async function is(e){if(!(!e.client||!e.connected)&&!e.telegramSaving){e.telegramSaving=!0,e.telegramConfigStatus=null;try{const s={...e.configSnapshot?.config??{}},n={...s.telegram??{}};if(!e.telegramTokenLocked){const v=e.telegramForm.token.trim();v?n.botToken=v:delete n.botToken}const i=n.groups&&typeof n.groups=="object"?{...n.groups}:{},a=i["*"]&&typeof i["*"]=="object"?{...i["*"]}:{};a.requireMention=e.telegramForm.requireMention,i["*"]=a,n.groups=i,delete n.requireMention;const l=T(e.telegramForm.allowFrom);l.length>0?n.allowFrom=l:delete n.allowFrom;const o=e.telegramForm.proxy.trim();o?n.proxy=o:delete n.proxy;const r=e.telegramForm.webhookUrl.trim();r?n.webhookUrl=r:delete n.webhookUrl;const d=e.telegramForm.webhookSecret.trim();d?n.webhookSecret=d:delete n.webhookSecret;const p=e.telegramForm.webhookPath.trim();p?n.webhookPath=p:delete n.webhookPath,s.telegram=n;const u=`${JSON.stringify(s,null,2).trimEnd()}
-`;await e.client.request("config.set",{raw:u}),e.telegramConfigStatus="Saved. Restart gateway if needed."}catch(t){e.telegramConfigStatus=String(t)}finally{e.telegramSaving=!1}}}async function as(e){if(!(!e.client||!e.connected)&&!e.discordSaving){e.discordSaving=!0,e.discordConfigStatus=null;try{const s={...e.configSnapshot?.config??{}},n={...s.discord??{}},i=e.discordForm;if(i.enabled?delete n.enabled:n.enabled=!1,!e.discordTokenLocked){const b=i.token.trim();b?n.token=b:delete n.token}const a=T(i.allowFrom),l=T(i.groupChannels),o={...n.dm??{}};i.dmEnabled?delete o.enabled:o.enabled=!1,a.length>0?o.allowFrom=a:delete o.allowFrom,i.groupEnabled?o.groupEnabled=!0:delete o.groupEnabled,l.length>0?o.groupChannels=l:delete o.groupChannels,Object.keys(o).length>0?n.dm=o:delete n.dm;const r=Number(i.mediaMaxMb);Number.isFinite(r)&&r>0?n.mediaMaxMb=r:delete n.mediaMaxMb;const d=i.historyLimit.trim();if(d.length===0)delete n.historyLimit;else{const b=Number(d);Number.isFinite(b)&&b>=0?n.historyLimit=b:delete n.historyLimit}const p=i.textChunkLimit.trim();if(p.length===0)delete n.textChunkLimit;else{const b=Number(p);Number.isFinite(b)&&b>0?n.textChunkLimit=b:delete n.textChunkLimit}i.replyToMode==="off"?delete n.replyToMode:n.replyToMode=i.replyToMode;const u=Array.isArray(i.guilds)?i.guilds:[],v={};u.forEach(b=>{const A=String(b.key??"").trim();if(!A)return;const C={},P=String(b.slug??"").trim();P&&(C.slug=P),b.requireMention&&(C.requireMention=!0),(b.reactionNotifications==="off"||b.reactionNotifications==="all"||b.reactionNotifications==="own"||b.reactionNotifications==="allowlist")&&(C.reactionNotifications=b.reactionNotifications);const x=T(b.users);x.length>0&&(C.users=x);const E={};(Array.isArray(b.channels)?b.channels:[]).forEach(j=>{const ne=String(j.key??"").trim();if(!ne)return;const q={};j.allow===!1&&(q.allow=!1),j.requireMention&&(q.requireMention=!0),E[ne]=q}),Object.keys(E).length>0&&(C.channels=E),v[A]=C}),Object.keys(v).length>0?n.guilds=v:delete n.guilds;const $={},y=b=>{const A=i.actions[b];A!==xe[b]&&($[b]=A)};y("reactions"),y("stickers"),y("polls"),y("permissions"),y("messages"),y("threads"),y("pins"),y("search"),y("memberInfo"),y("roleInfo"),y("channelInfo"),y("voiceStatus"),y("events"),y("roles"),y("moderation"),Object.keys($).length>0?n.actions=$:delete n.actions;const w={...n.slashCommand??{}};i.slashEnabled?w.enabled=!0:delete w.enabled,i.slashName.trim()?w.name=i.slashName.trim():delete w.name,i.slashSessionPrefix.trim()?w.sessionPrefix=i.slashSessionPrefix.trim():delete w.sessionPrefix,i.slashEphemeral?delete w.ephemeral:w.ephemeral=!1,Object.keys(w).length>0?n.slashCommand=w:delete n.slashCommand,Object.keys(n).length>0?s.discord=n:delete s.discord;const S=`${JSON.stringify(s,null,2).trimEnd()}
-`;await e.client.request("config.set",{raw:S}),e.discordConfigStatus="Saved. Restart gateway if needed."}catch(t){e.discordConfigStatus=String(t)}finally{e.discordSaving=!1}}}async function ls(e){if(!(!e.client||!e.connected)&&!e.slackSaving){e.slackSaving=!0,e.slackConfigStatus=null;try{const s={...e.configSnapshot?.config??{}},n={...s.slack??{}},i=e.slackForm;if(i.enabled?delete n.enabled:n.enabled=!1,!e.slackTokenLocked){const S=i.botToken.trim();S?n.botToken=S:delete n.botToken}if(!e.slackAppTokenLocked){const S=i.appToken.trim();S?n.appToken=S:delete n.appToken}const a={...n.dm??{}};a.enabled=i.dmEnabled;const l=T(i.allowFrom);l.length>0?a.allowFrom=l:delete a.allowFrom,i.groupEnabled?a.groupEnabled=!0:delete a.groupEnabled;const o=T(i.groupChannels);o.length>0?a.groupChannels=o:delete a.groupChannels,Object.keys(a).length>0?n.dm=a:delete n.dm;const r=Number.parseFloat(i.mediaMaxMb);Number.isFinite(r)&&r>0?n.mediaMaxMb=r:delete n.mediaMaxMb;const d=Number.parseInt(i.textChunkLimit,10);Number.isFinite(d)&&d>0?n.textChunkLimit=d:delete n.textChunkLimit,i.reactionNotifications==="own"?delete n.reactionNotifications:n.reactionNotifications=i.reactionNotifications;const p=T(i.reactionAllowlist);p.length>0?n.reactionAllowlist=p:delete n.reactionAllowlist;const u={...n.slashCommand??{}};i.slashEnabled?u.enabled=!0:delete u.enabled,i.slashName.trim()?u.name=i.slashName.trim():delete u.name,i.slashSessionPrefix.trim()?u.sessionPrefix=i.slashSessionPrefix.trim():delete u.sessionPrefix,i.slashEphemeral?delete u.ephemeral:u.ephemeral=!1,Object.keys(u).length>0?n.slashCommand=u:delete n.slashCommand;const v={},$=S=>{const b=i.actions[S];b!==R[S]&&(v[S]=b)};$("reactions"),$("messages"),$("pins"),$("memberInfo"),$("emojiList"),Object.keys(v).length>0?n.actions=v:delete n.actions;const y=i.channels.map(S=>{const b=S.key.trim();if(!b)return null;const A={allow:S.allow,requireMention:S.requireMention};return[b,A]}).filter(S=>!!S);y.length>0?n.channels=Object.fromEntries(y):delete n.channels,Object.keys(n).length>0?s.slack=n:delete s.slack;const w=`${JSON.stringify(s,null,2).trimEnd()}
-`;await e.client.request("config.set",{raw:w}),e.slackConfigStatus="Saved. Restart gateway if needed."}catch(t){e.slackConfigStatus=String(t)}finally{e.slackSaving=!1}}}async function os(e){if(!(!e.client||!e.connected)&&!e.signalSaving){e.signalSaving=!0,e.signalConfigStatus=null;try{const s={...e.configSnapshot?.config??{}},n={...s.signal??{}},i=e.signalForm;i.enabled?delete n.enabled:n.enabled=!1;const a=i.account.trim();a?n.account=a:delete n.account;const l=i.httpUrl.trim();l?n.httpUrl=l:delete n.httpUrl;const o=i.httpHost.trim();o?n.httpHost=o:delete n.httpHost;const r=Number(i.httpPort);Number.isFinite(r)&&r>0?n.httpPort=r:delete n.httpPort;const d=i.cliPath.trim();d?n.cliPath=d:delete n.cliPath,i.autoStart?delete n.autoStart:n.autoStart=!1,i.receiveMode==="on-start"||i.receiveMode==="manual"?n.receiveMode=i.receiveMode:delete n.receiveMode,i.ignoreAttachments?n.ignoreAttachments=!0:delete n.ignoreAttachments,i.ignoreStories?n.ignoreStories=!0:delete n.ignoreStories,i.sendReadReceipts?n.sendReadReceipts=!0:delete n.sendReadReceipts;const p=T(i.allowFrom);p.length>0?n.allowFrom=p:delete n.allowFrom;const u=Number(i.mediaMaxMb);Number.isFinite(u)&&u>0?n.mediaMaxMb=u:delete n.mediaMaxMb,Object.keys(n).length>0?s.signal=n:delete s.signal;const v=`${JSON.stringify(s,null,2).trimEnd()}
-`;await e.client.request("config.set",{raw:v}),e.signalConfigStatus="Saved. Restart gateway if needed."}catch(t){e.signalConfigStatus=String(t)}finally{e.signalSaving=!1}}}async function rs(e){if(!(!e.client||!e.connected)&&!e.imessageSaving){e.imessageSaving=!0,e.imessageConfigStatus=null;try{const s={...e.configSnapshot?.config??{}},n={...s.imessage??{}},i=e.imessageForm;i.enabled?delete n.enabled:n.enabled=!1;const a=i.cliPath.trim();a?n.cliPath=a:delete n.cliPath;const l=i.dbPath.trim();l?n.dbPath=l:delete n.dbPath,i.service==="auto"?delete n.service:n.service=i.service;const o=i.region.trim();o?n.region=o:delete n.region;const r=T(i.allowFrom);r.length>0?n.allowFrom=r:delete n.allowFrom,i.includeAttachments?n.includeAttachments=!0:delete n.includeAttachments;const d=Number(i.mediaMaxMb);Number.isFinite(d)&&d>0?n.mediaMaxMb=d:delete n.mediaMaxMb,Object.keys(n).length>0?s.imessage=n:delete s.imessage;const p=`${JSON.stringify(s,null,2).trimEnd()}
-`;await e.client.request("config.set",{raw:p}),e.imessageConfigStatus="Saved. Restart gateway if needed."}catch(t){e.imessageConfigStatus=String(t)}finally{e.imessageSaving=!1}}}async function ye(e){if(!(!e.client||!e.connected)&&!e.presenceLoading){e.presenceLoading=!0,e.presenceError=null,e.presenceStatus=null;try{const t=await e.client.request("system-presence",{});Array.isArray(t)?(e.presenceEntries=t,e.presenceStatus=t.length===0?"No instances yet.":null):(e.presenceEntries=[],e.presenceStatus="No presence payload.")}catch(t){e.presenceError=String(t)}finally{e.presenceLoading=!1}}}async function J(e){if(!(!e.client||!e.connected)&&!e.sessionsLoading){e.sessionsLoading=!0,e.sessionsError=null;try{const t={includeGlobal:e.sessionsIncludeGlobal,includeUnknown:e.sessionsIncludeUnknown},s=de(e.sessionsFilterActive,0),n=de(e.sessionsFilterLimit,0);s>0&&(t.activeMinutes=s),n>0&&(t.limit=n);const i=await e.client.request("sessions.list",t);i&&(e.sessionsResult=i)}catch(t){e.sessionsError=String(t)}finally{e.sessionsLoading=!1}}}async function cs(e,t,s){if(!e.client||!e.connected)return;const n={key:t};"thinkingLevel"in s&&(n.thinkingLevel=s.thinkingLevel),"verboseLevel"in s&&(n.verboseLevel=s.verboseLevel);try{await e.client.request("sessions.patch",n),await J(e)}catch(i){e.sessionsError=String(i)}}async function te(e){if(!(!e.client||!e.connected)&&!e.skillsLoading){e.skillsLoading=!0,e.skillsError=null;try{const t=await e.client.request("skills.status",{});t&&(e.skillsReport=t)}catch(t){e.skillsError=String(t)}finally{e.skillsLoading=!1}}}function ds(e,t,s){e.skillEdits={...e.skillEdits,[t]:s}}async function us(e,t,s){if(!(!e.client||!e.connected)){e.skillsBusyKey=t,e.skillsError=null;try{await e.client.request("skills.update",{skillKey:t,enabled:s}),await te(e)}catch(n){e.skillsError=String(n)}finally{e.skillsBusyKey=null}}}async function hs(e,t){if(!(!e.client||!e.connected)){e.skillsBusyKey=t,e.skillsError=null;try{const s=e.skillEdits[t]??"";await e.client.request("skills.update",{skillKey:t,apiKey:s}),await te(e)}catch(s){e.skillsError=String(s)}finally{e.skillsBusyKey=null}}}async function gs(e,t,s){if(!(!e.client||!e.connected)){e.skillsBusyKey=t,e.skillsError=null;try{await e.client.request("skills.install",{name:t,installId:s,timeoutMs:12e4}),await te(e)}catch(n){e.skillsError=String(n)}finally{e.skillsBusyKey=null}}}async function oe(e,t){if(!(!e.client||!e.connected)&&!e.nodesLoading){e.nodesLoading=!0,t?.quiet||(e.lastError=null);try{const s=await e.client.request("node.list",{});e.nodes=Array.isArray(s.nodes)?s.nodes:[]}catch(s){t?.quiet||(e.lastError=String(s))}finally{e.nodesLoading=!1}}}async function G(e){if(!(!e.client||!e.connected)){e.chatLoading=!0,e.lastError=null;try{const t=await e.client.request("chat.history",{sessionKey:e.sessionKey,limit:200});e.chatMessages=Array.isArray(t.messages)?t.messages:[],e.chatThinkingLevel=t.thinkingLevel??null}catch(t){e.lastError=String(t)}finally{e.chatLoading=!1}}}async function ms(e){if(!e.client||!e.connected)return;const t=e.chatMessage.trim();if(!t)return;e.chatSending=!0,e.chatMessage="",e.lastError=null;const s=Qe();e.chatRunId=s,e.chatStream="";try{await e.client.request("chat.send",{sessionKey:e.sessionKey,message:t,deliver:!1,idempotencyKey:s})}catch(n){e.chatRunId=null,e.chatStream=null,e.chatMessage=t,e.lastError=String(n)}finally{e.chatSending=!1}}function ps(e,t){return!t||t.sessionKey!==e.sessionKey||t.runId&&e.chatRunId&&t.runId!==e.chatRunId?null:(t.state==="delta"?e.chatStream=fs(t.message)??e.chatStream:t.state==="final"?(e.chatStream=null,e.chatRunId=null):t.state==="error"&&(e.chatStream=null,e.chatRunId=null,e.lastError=t.errorMessage??"chat error"),t.state)}function fs(e){const t=e,s=t.content;if(typeof s=="string")return s;if(Array.isArray(s)){const n=s.map(i=>{const a=i;return a.type==="text"&&typeof a.text=="string"?a.text:null}).filter(i=>typeof i=="string");if(n.length>0)return n.join(`
-`)}return typeof t.text=="string"?t.text:null}async function F(e){if(!(!e.client||!e.connected)){e.configLoading=!0,e.lastError=null;try{const t=await e.client.request("config.get",{});ys(e,t)}catch(t){e.lastError=String(t)}finally{e.configLoading=!1}}}async function vs(e){if(!(!e.client||!e.connected)&&!e.configSchemaLoading){e.configSchemaLoading=!0;try{const t=await e.client.request("config.schema",{});bs(e,t)}catch(t){e.lastError=String(t)}finally{e.configSchemaLoading=!1}}}function bs(e,t){e.configSchema=t.schema??null,e.configUiHints=t.uiHints??{},e.configSchemaVersion=t.version??null}function ys(e,t){e.configSnapshot=t,typeof t.raw=="string"?e.configRaw=t.raw:t.config&&typeof t.config=="object"&&(e.configRaw=`${JSON.stringify(t.config,null,2).trimEnd()}
-`),e.configValid=typeof t.valid=="boolean"?t.valid:null,e.configIssues=Array.isArray(t.issues)?t.issues:[];const s=t.config??{},n=s.telegram??{},i=s.discord??{},a=s.signal??{},l=s.imessage??{},o=x=>Array.isArray(x)?x.map(E=>String(E??"").trim()).filter(E=>E.length>0).join(", "):"",r=n.groups&&typeof n.groups=="object"?n.groups:{},d=r["*"]&&typeof r["*"]=="object"?r["*"]:{},p=Array.isArray(n.allowFrom)?o(n.allowFrom):typeof n.allowFrom=="string"?n.allowFrom:"";e.telegramForm={token:typeof n.botToken=="string"?n.botToken:"",requireMention:typeof d.requireMention=="boolean"?d.requireMention:!0,allowFrom:p,proxy:typeof n.proxy=="string"?n.proxy:"",webhookUrl:typeof n.webhookUrl=="string"?n.webhookUrl:"",webhookSecret:typeof n.webhookSecret=="string"?n.webhookSecret:"",webhookPath:typeof n.webhookPath=="string"?n.webhookPath:""};const u=i.dm??{},v=i.slashCommand??{},$=i.actions??{},y=i.guilds,w=x=>typeof $[x]=="boolean"?$[x]:xe[x];e.discordForm={enabled:typeof i.enabled=="boolean"?i.enabled:!0,token:typeof i.token=="string"?i.token:"",dmEnabled:typeof u.enabled=="boolean"?u.enabled:!0,allowFrom:o(u.allowFrom),groupEnabled:typeof u.groupEnabled=="boolean"?u.groupEnabled:!1,groupChannels:o(u.groupChannels),mediaMaxMb:typeof i.mediaMaxMb=="number"?String(i.mediaMaxMb):"",historyLimit:typeof i.historyLimit=="number"?String(i.historyLimit):"",textChunkLimit:typeof i.textChunkLimit=="number"?String(i.textChunkLimit):"",replyToMode:i.replyToMode==="first"||i.replyToMode==="all"?i.replyToMode:"off",guilds:Array.isArray(y)?[]:typeof y=="object"&&y?Object.entries(y).map(([x,E])=>{const k=E&&typeof E=="object"?E:{},j=k.channels&&typeof k.channels=="object"?k.channels:{},ne=Object.entries(j).map(([q,me])=>{const se=me&&typeof me=="object"?me:{};return{key:q,allow:typeof se.allow=="boolean"?se.allow:!0,requireMention:typeof se.requireMention=="boolean"?se.requireMention:!1}});return{key:x,slug:typeof k.slug=="string"?k.slug:"",requireMention:typeof k.requireMention=="boolean"?k.requireMention:!1,reactionNotifications:k.reactionNotifications==="off"||k.reactionNotifications==="all"||k.reactionNotifications==="own"||k.reactionNotifications==="allowlist"?k.reactionNotifications:"own",users:o(k.users),channels:ne}}):[],actions:{reactions:w("reactions"),stickers:w("stickers"),polls:w("polls"),permissions:w("permissions"),messages:w("messages"),threads:w("threads"),pins:w("pins"),search:w("search"),memberInfo:w("memberInfo"),roleInfo:w("roleInfo"),channelInfo:w("channelInfo"),voiceStatus:w("voiceStatus"),events:w("events"),roles:w("roles"),moderation:w("moderation")},slashEnabled:typeof v.enabled=="boolean"?v.enabled:!1,slashName:typeof v.name=="string"?v.name:"",slashSessionPrefix:typeof v.sessionPrefix=="string"?v.sessionPrefix:"",slashEphemeral:typeof v.ephemeral=="boolean"?v.ephemeral:!0};const S=slack.dm??{},b=slack.channels,A=slack.slashCommand??{},C=slack.actions??{};e.slackForm={enabled:typeof slack.enabled=="boolean"?slack.enabled:!0,botToken:typeof slack.botToken=="string"?slack.botToken:"",appToken:typeof slack.appToken=="string"?slack.appToken:"",dmEnabled:typeof S.enabled=="boolean"?S.enabled:!0,allowFrom:o(S.allowFrom),groupEnabled:typeof S.groupEnabled=="boolean"?S.groupEnabled:!1,groupChannels:o(S.groupChannels),mediaMaxMb:typeof slack.mediaMaxMb=="number"?String(slack.mediaMaxMb):"",textChunkLimit:typeof slack.textChunkLimit=="number"?String(slack.textChunkLimit):"",reactionNotifications:slack.reactionNotifications==="off"||slack.reactionNotifications==="all"||slack.reactionNotifications==="allowlist"?slack.reactionNotifications:"own",reactionAllowlist:o(slack.reactionAllowlist),slashEnabled:typeof A.enabled=="boolean"?A.enabled:!1,slashName:typeof A.name=="string"?A.name:"",slashSessionPrefix:typeof A.sessionPrefix=="string"?A.sessionPrefix:"",slashEphemeral:typeof A.ephemeral=="boolean"?A.ephemeral:!0,actions:{...R,reactions:typeof C.reactions=="boolean"?C.reactions:R.reactions,messages:typeof C.messages=="boolean"?C.messages:R.messages,pins:typeof C.pins=="boolean"?C.pins:R.pins,memberInfo:typeof C.memberInfo=="boolean"?C.memberInfo:R.memberInfo,emojiList:typeof C.emojiList=="boolean"?C.emojiList:R.emojiList},channels:Array.isArray(b)?[]:typeof b=="object"&&b?Object.entries(b).map(([x,E])=>{const k=E&&typeof E=="object"?E:{};return{key:x,allow:typeof k.allow=="boolean"?k.allow:!0,requireMention:typeof k.requireMention=="boolean"?k.requireMention:!1}}):[]},e.signalForm={enabled:typeof a.enabled=="boolean"?a.enabled:!0,account:typeof a.account=="string"?a.account:"",httpUrl:typeof a.httpUrl=="string"?a.httpUrl:"",httpHost:typeof a.httpHost=="string"?a.httpHost:"",httpPort:typeof a.httpPort=="number"?String(a.httpPort):"",cliPath:typeof a.cliPath=="string"?a.cliPath:"",autoStart:typeof a.autoStart=="boolean"?a.autoStart:!0,receiveMode:a.receiveMode==="on-start"||a.receiveMode==="manual"?a.receiveMode:"",ignoreAttachments:typeof a.ignoreAttachments=="boolean"?a.ignoreAttachments:!1,ignoreStories:typeof a.ignoreStories=="boolean"?a.ignoreStories:!1,sendReadReceipts:typeof a.sendReadReceipts=="boolean"?a.sendReadReceipts:!1,allowFrom:o(a.allowFrom),mediaMaxMb:typeof a.mediaMaxMb=="number"?String(a.mediaMaxMb):""},e.imessageForm={enabled:typeof l.enabled=="boolean"?l.enabled:!0,cliPath:typeof l.cliPath=="string"?l.cliPath:"",dbPath:typeof l.dbPath=="string"?l.dbPath:"",service:l.service==="imessage"||l.service==="sms"||l.service==="auto"?l.service:"auto",region:typeof l.region=="string"?l.region:"",allowFrom:o(l.allowFrom),includeAttachments:typeof l.includeAttachments=="boolean"?l.includeAttachments:!1,mediaMaxMb:typeof l.mediaMaxMb=="number"?String(l.mediaMaxMb):""};const P=t.valid===!1?"Config invalid.":null;e.telegramConfigStatus=P,e.discordConfigStatus=P,e.slackConfigStatus=P,e.signalConfigStatus=P,e.imessageConfigStatus=P,e.configFormDirty||(e.configForm=dt(t.config??{}))}async function $s(e){if(!(!e.client||!e.connected)){e.configSaving=!0,e.lastError=null;try{const t=e.configFormMode==="form"&&e.configForm?`${JSON.stringify(e.configForm,null,2).trimEnd()}
-`:e.configRaw;await e.client.request("config.set",{raw:t}),e.configFormDirty=!1,await F(e)}catch(t){e.lastError=String(t)}finally{e.configSaving=!1}}}function ws(e,t,s){const n=dt(e.configForm??{});Ss(n,t,s),e.configForm=n,e.configFormDirty=!0}function dt(e){return typeof structuredClone=="function"?structuredClone(e):JSON.parse(JSON.stringify(e))}function Ss(e,t,s){if(t.length===0)return;let n=e;for(let a=0;a<t.length-1;a+=1){const l=t[a],o=t[a+1];if(typeof l=="number"){if(!Array.isArray(n))return;n[l]==null&&(n[l]=typeof o=="number"?[]:{}),n=n[l]}else{if(typeof n!="object"||n==null)return;const r=n;r[l]==null&&(r[l]=typeof o=="number"?[]:{}),n=r[l]}}const i=t[t.length-1];if(typeof i=="number"){Array.isArray(n)&&(n[i]=s);return}typeof n=="object"&&n!=null&&(n[i]=s)}async function Z(e){if(!(!e.client||!e.connected))try{const t=await e.client.request("cron.status",{});e.cronStatus=t}catch(t){e.cronError=String(t)}}async function ge(e){if(!(!e.client||!e.connected)&&!e.cronLoading){e.cronLoading=!0,e.cronError=null;try{const t=await e.client.request("cron.list",{includeDisabled:!0});e.cronJobs=Array.isArray(t.jobs)?t.jobs:[]}catch(t){e.cronError=String(t)}finally{e.cronLoading=!1}}}function ks(e){if(e.scheduleKind==="at"){const s=Date.parse(e.scheduleAt);if(!Number.isFinite(s))throw new Error("Invalid run time.");return{kind:"at",atMs:s}}if(e.scheduleKind==="every"){const s=de(e.everyAmount,0);if(s<=0)throw new Error("Invalid interval amount.");const n=e.everyUnit;return{kind:"every",everyMs:s*(n==="minutes"?6e4:n==="hours"?36e5:864e5)}}const t=e.cronExpr.trim();if(!t)throw new Error("Cron expression required.");return{kind:"cron",expr:t,tz:e.cronTz.trim()||void 0}}function Cs(e){if(e.payloadKind==="systemEvent"){const i=e.payloadText.trim();if(!i)throw new Error("System event text required.");return{kind:"systemEvent",text:i}}const t=e.payloadText.trim();if(!t)throw new Error("Agent message required.");const s={kind:"agentTurn",message:t};e.deliver&&(s.deliver=!0),e.channel&&(s.channel=e.channel),e.to.trim()&&(s.to=e.to.trim());const n=de(e.timeoutSeconds,0);return n>0&&(s.timeoutSeconds=n),s}async function Ms(e){if(!(!e.client||!e.connected||e.cronBusy)){e.cronBusy=!0,e.cronError=null;try{const t=ks(e.cronForm),s=Cs(e.cronForm),n={name:e.cronForm.name.trim(),description:e.cronForm.description.trim()||void 0,enabled:e.cronForm.enabled,schedule:t,sessionTarget:e.cronForm.sessionTarget,wakeMode:e.cronForm.wakeMode,payload:s,isolation:e.cronForm.postToMainPrefix.trim()&&e.cronForm.sessionTarget==="isolated"?{postToMainPrefix:e.cronForm.postToMainPrefix.trim()}:void 0};if(!n.name)throw new Error("Name required.");await e.client.request("cron.add",n),e.cronForm={...e.cronForm,name:"",description:"",payloadText:""},await ge(e),await Z(e)}catch(t){e.cronError=String(t)}finally{e.cronBusy=!1}}}async function As(e,t,s){if(!(!e.client||!e.connected||e.cronBusy)){e.cronBusy=!0,e.cronError=null;try{await e.client.request("cron.update",{id:t.id,patch:{enabled:s}}),await ge(e),await Z(e)}catch(n){e.cronError=String(n)}finally{e.cronBusy=!1}}}async function Es(e,t){if(!(!e.client||!e.connected||e.cronBusy)){e.cronBusy=!0,e.cronError=null;try{await e.client.request("cron.run",{id:t.id,mode:"force"}),await ut(e,t.id)}catch(s){e.cronError=String(s)}finally{e.cronBusy=!1}}}async function xs(e,t){if(!(!e.client||!e.connected||e.cronBusy)){e.cronBusy=!0,e.cronError=null;try{await e.client.request("cron.remove",{id:t.id}),e.cronRunsJobId===t.id&&(e.cronRunsJobId=null,e.cronRuns=[]),await ge(e),await Z(e)}catch(s){e.cronError=String(s)}finally{e.cronBusy=!1}}}async function ut(e,t){if(!(!e.client||!e.connected))try{const s=await e.client.request("cron.runs",{id:t,limit:50});e.cronRunsJobId=t,e.cronRuns=Array.isArray(s.entries)?s.entries:[]}catch(s){e.cronError=String(s)}}async function $e(e){if(!(!e.client||!e.connected)&&!e.debugLoading){e.debugLoading=!0;try{const[t,s,n,i]=await Promise.all([e.client.request("status",{}),e.client.request("health",{}),e.client.request("models.list",{}),e.client.request("last-heartbeat",{})]);e.debugStatus=t,e.debugHealth=s;const a=n;e.debugModels=Array.isArray(a?.models)?a?.models:[],e.debugHeartbeat=i}catch(t){e.debugCallError=String(t)}finally{e.debugLoading=!1}}}async function Ls(e){if(!(!e.client||!e.connected)){e.debugCallError=null,e.debugCallResult=null;try{const t=e.debugCallParams.trim()?JSON.parse(e.debugCallParams):{},s=await e.client.request(e.debugCallMethod.trim(),t);e.debugCallResult=JSON.stringify(s,null,2)}catch(t){e.debugCallError=String(t)}}}function Fs(e){const t=e.presenceEntries.length,s=e.sessionsResult?.count??null,n=e.cronStatus?.nextWakeAtMs??null,i=e.nodes.some(l=>{if(!l.connected)return!1;const o=typeof l.platform=="string"?l.platform.trim().toLowerCase():"";return o.startsWith("ios")||o.startsWith("ipados")||o.startsWith("android")}),a=e.connected?i?null:"No connected iOS/Android node — Web Chat + Talk are disabled.":"Disconnected from gateway.";return c`
-    <div class="shell">
-      <header class="topbar">
-        <div class="brand">
-          <div class="brand-title">Clawdbot Control</div>
-          <div class="brand-sub">Gateway dashboard</div>
-        </div>
-        <div class="topbar-status">
-          <div class="pill">
-            <span class="statusDot ${e.connected?"ok":""}"></span>
-            <span>Health</span>
-            <span class="mono">${e.connected?"OK":"Offline"}</span>
-          </div>
-          ${Rs(e)}
-        </div>
-      </header>
-      <aside class="nav">
-        ${Bt.map(l=>c`
-            <div class="nav-group">
-              <div class="nav-label">${l.label}</div>
-              ${l.tabs.map(o=>Ts(e,o))}
-            </div>
-          `)}
-      </aside>
-      <main class="content">
-        <section class="content-header">
-          <div>
-            <div class="page-title">${nt(e.tab)}</div>
-            <div class="page-sub">${Wt(e.tab)}</div>
-          </div>
-          <div class="page-meta">
-            ${e.lastError?c`<div class="pill danger">${e.lastError}</div>`:f}
-          </div>
-        </section>
-
-        ${e.tab==="overview"?Bn({connected:e.connected,hello:e.hello,settings:e.settings,password:e.password,lastError:e.lastError,presenceCount:t,sessionsCount:s,cronEnabled:e.cronStatus?.enabled??null,cronNext:n,lastProvidersRefresh:e.providersLastSuccess,onSettingsChange:l=>e.applySettings(l),onPasswordChange:l=>e.password=l,onSessionKeyChange:l=>{e.sessionKey=l,e.chatMessage="",e.resetToolStream(),e.applySettings({...e.settings,sessionKey:l})},onRefresh:()=>e.loadOverview()}):f}
-
-        ${e.tab==="connections"?kn({connected:e.connected,loading:e.providersLoading,snapshot:e.providersSnapshot,lastError:e.providersError,lastSuccessAt:e.providersLastSuccess,whatsappMessage:e.whatsappLoginMessage,whatsappQrDataUrl:e.whatsappLoginQrDataUrl,whatsappConnected:e.whatsappLoginConnected,whatsappBusy:e.whatsappBusy,telegramForm:e.telegramForm,telegramTokenLocked:e.telegramTokenLocked,telegramSaving:e.telegramSaving,telegramStatus:e.telegramConfigStatus,discordForm:e.discordForm,discordTokenLocked:e.discordTokenLocked,discordSaving:e.discordSaving,discordStatus:e.discordConfigStatus,slackForm:e.slackForm,slackTokenLocked:e.slackTokenLocked,slackAppTokenLocked:e.slackAppTokenLocked,slackSaving:e.slackSaving,slackStatus:e.slackConfigStatus,signalForm:e.signalForm,signalSaving:e.signalSaving,signalStatus:e.signalConfigStatus,imessageForm:e.imessageForm,imessageSaving:e.imessageSaving,imessageStatus:e.imessageConfigStatus,onRefresh:l=>L(e,l),onWhatsAppStart:l=>e.handleWhatsAppStart(l),onWhatsAppWait:()=>e.handleWhatsAppWait(),onWhatsAppLogout:()=>e.handleWhatsAppLogout(),onTelegramChange:l=>Zn(e,l),onTelegramSave:()=>e.handleTelegramSave(),onDiscordChange:l=>es(e,l),onDiscordSave:()=>e.handleDiscordSave(),onSlackChange:l=>ts(e,l),onSlackSave:()=>e.handleSlackSave(),onSignalChange:l=>ns(e,l),onSignalSave:()=>e.handleSignalSave(),onIMessageChange:l=>ss(e,l),onIMessageSave:()=>e.handleIMessageSave()}):f}
-
-        ${e.tab==="instances"?On({loading:e.presenceLoading,entries:e.presenceEntries,lastError:e.presenceError,statusMessage:e.presenceStatus,onRefresh:()=>ye(e)}):f}
-
-        ${e.tab==="sessions"?Jn({loading:e.sessionsLoading,result:e.sessionsResult,error:e.sessionsError,activeMinutes:e.sessionsFilterActive,limit:e.sessionsFilterLimit,includeGlobal:e.sessionsIncludeGlobal,includeUnknown:e.sessionsIncludeUnknown,onFiltersChange:l=>{e.sessionsFilterActive=l.activeMinutes,e.sessionsFilterLimit=l.limit,e.sessionsIncludeGlobal=l.includeGlobal,e.sessionsIncludeUnknown=l.includeUnknown},onRefresh:()=>J(e),onPatch:(l,o)=>cs(e,l,o)}):f}
-
-        ${e.tab==="cron"?_n({loading:e.cronLoading,status:e.cronStatus,jobs:e.cronJobs,error:e.cronError,busy:e.cronBusy,form:e.cronForm,runsJobId:e.cronRunsJobId,runs:e.cronRuns,onFormChange:l=>e.cronForm={...e.cronForm,...l},onRefresh:()=>e.loadCron(),onAdd:()=>Ms(e),onToggle:(l,o)=>As(e,l,o),onRun:l=>Es(e,l),onRemove:l=>xs(e,l),onLoadRuns:l=>ut(e,l)}):f}
-
-        ${e.tab==="skills"?Yn({loading:e.skillsLoading,report:e.skillsReport,error:e.skillsError,filter:e.skillsFilter,edits:e.skillEdits,busyKey:e.skillsBusyKey,onFilterChange:l=>e.skillsFilter=l,onRefresh:()=>te(e),onToggle:(l,o)=>us(e,l,o),onEdit:(l,o)=>ds(e,l,o),onSaveKey:l=>hs(e,l),onInstall:(l,o)=>gs(e,l,o)}):f}
-
-        ${e.tab==="nodes"?jn({loading:e.nodesLoading,nodes:e.nodes,onRefresh:()=>oe(e)}):f}
-
-        ${e.tab==="chat"?rn({sessionKey:e.sessionKey,onSessionKeyChange:l=>{e.sessionKey=l,e.chatMessage="",e.chatStream=null,e.chatRunId=null,e.resetToolStream(),e.applySettings({...e.settings,sessionKey:l}),G(e)},thinkingLevel:e.chatThinkingLevel,loading:e.chatLoading,sending:e.chatSending,messages:[...e.chatMessages,...e.chatToolMessages],stream:e.chatStream,draft:e.chatMessage,connected:e.connected,canSend:e.connected&&i,disabledReason:a,sessions:e.sessionsResult,onRefresh:()=>(e.resetToolStream(),G(e)),onDraftChange:l=>e.chatMessage=l,onSend:()=>e.handleSendChat()}):f}
-
-        ${e.tab==="config"?yn({raw:e.configRaw,valid:e.configValid,issues:e.configIssues,loading:e.configLoading,saving:e.configSaving,connected:e.connected,schema:e.configSchema,schemaLoading:e.configSchemaLoading,uiHints:e.configUiHints,formMode:e.configFormMode,formValue:e.configForm,onRawChange:l=>e.configRaw=l,onFormModeChange:l=>e.configFormMode=l,onFormPatch:(l,o)=>ws(e,l,o),onReload:()=>F(e),onSave:()=>$s(e)}):f}
-
-        ${e.tab==="debug"?Un({loading:e.debugLoading,status:e.debugStatus,health:e.debugHealth,models:e.debugModels,heartbeat:e.debugHeartbeat,eventLog:e.eventLog,callMethod:e.debugCallMethod,callParams:e.debugCallParams,callResult:e.debugCallResult,callError:e.debugCallError,onCallMethodChange:l=>e.debugCallMethod=l,onCallParamsChange:l=>e.debugCallParams=l,onRefresh:()=>$e(e),onCall:()=>Ls(e)}):f}
-      </main>
-    </div>
-  `}function Ts(e,t){const s=tt(t,e.basePath);return c`
-    <a
-      href=${s}
-      class="nav-item ${e.tab===t?"active":""}"
-      @click=${n=>{n.defaultPrevented||n.button!==0||n.metaKey||n.ctrlKey||n.shiftKey||n.altKey||(n.preventDefault(),e.setTab(t))}}
-    >
-      <span>${nt(t)}</span>
-    </a>
-  `}const Ps=["system","light","dark"];function Rs(e){const t=Math.max(0,Ps.indexOf(e.theme)),s=n=>i=>{const l={element:i.currentTarget};(i.clientX||i.clientY)&&(l.pointerClientX=i.clientX,l.pointerClientY=i.clientY),e.setTheme(n,l)};return c`
-    <div class="theme-toggle" style="--theme-index: ${t};">
-      <div class="theme-toggle__track" role="group" aria-label="Theme">
-        <span class="theme-toggle__indicator"></span>
-        <button
-          class="theme-toggle__button ${e.theme==="system"?"active":""}"
-          @click=${s("system")}
-          aria-pressed=${e.theme==="system"}
-          aria-label="System theme"
-          title="System"
-        >
-          ${Ns()}
-        </button>
-        <button
-          class="theme-toggle__button ${e.theme==="light"?"active":""}"
-          @click=${s("light")}
-          aria-pressed=${e.theme==="light"}
-          aria-label="Light theme"
-          title="Light"
-        >
-          ${_s()}
-        </button>
-        <button
-          class="theme-toggle__button ${e.theme==="dark"?"active":""}"
-          @click=${s("dark")}
-          aria-pressed=${e.theme==="dark"}
-          aria-label="Dark theme"
-          title="Dark"
-        >
-          ${Is()}
-        </button>
-      </div>
-    </div>
-  `}function _s(){return c`
-    <svg class="theme-icon" viewBox="0 0 24 24" aria-hidden="true">
-      <circle cx="12" cy="12" r="4"></circle>
-      <path d="M12 2v2"></path>
-      <path d="M12 20v2"></path>
-      <path d="m4.93 4.93 1.41 1.41"></path>
-      <path d="m17.66 17.66 1.41 1.41"></path>
-      <path d="M2 12h2"></path>
-      <path d="M20 12h2"></path>
-      <path d="m6.34 17.66-1.41 1.41"></path>
-      <path d="m19.07 4.93-1.41 1.41"></path>
-    </svg>
-  `}function Is(){return c`
-    <svg class="theme-icon" viewBox="0 0 24 24" aria-hidden="true">
-      <path
-        d="M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401"
-      ></path>
-    </svg>
-  `}function Ns(){return c`
-    <svg class="theme-icon" viewBox="0 0 24 24" aria-hidden="true">
-      <rect width="20" height="14" x="2" y="3" rx="2"></rect>
-      <line x1="8" x2="16" y1="21" y2="21"></line>
-      <line x1="12" x2="12" y1="17" y2="21"></line>
-    </svg>
-  `}function Ks(){return typeof window>"u"||typeof window.matchMedia!="function"||window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"}function fe(e){return e==="system"?Ks():e}const ie=e=>Number.isNaN(e)?.5:e<=0?0:e>=1?1:e,Us=()=>typeof window>"u"||typeof window.matchMedia!="function"?!1:window.matchMedia("(prefers-reduced-motion: reduce)").matches??!1,ae=e=>{e.classList.remove("theme-transition"),e.style.removeProperty("--theme-switch-x"),e.style.removeProperty("--theme-switch-y")},Os=({nextTheme:e,applyTheme:t,context:s,currentTheme:n})=>{if(n===e)return;const i=globalThis.document??null;if(!i){t();return}const a=i.documentElement,l=i,o=Us();if(!!l.startViewTransition&&!o){let d=.5,p=.5;if(s?.pointerClientX!==void 0&&s?.pointerClientY!==void 0&&typeof window<"u")d=ie(s.pointerClientX/window.innerWidth),p=ie(s.pointerClientY/window.innerHeight);else if(s?.element){const u=s.element.getBoundingClientRect();u.width>0&&u.height>0&&typeof window<"u"&&(d=ie((u.left+u.width/2)/window.innerWidth),p=ie((u.top+u.height/2)/window.innerHeight))}a.style.setProperty("--theme-switch-x",`${d*100}%`),a.style.setProperty("--theme-switch-y",`${p*100}%`),a.classList.add("theme-transition");try{const u=l.startViewTransition?.(()=>{t()});u?.finished?u.finished.finally(()=>ae(a)):ae(a)}catch{ae(a),t()}return}t(),ae(a)};var Ds=Object.defineProperty,js=Object.getOwnPropertyDescriptor,g=(e,t,s,n)=>{for(var i=n>1?void 0:n?js(t,s):t,a=e.length-1,l;a>=0;a--)(l=e[a])&&(i=(n?l(t,s,i):l(i))||i);return n&&i&&Ds(t,s,i),i};const He=50;function qs(e){if(!e||typeof e!="object")return null;const t=e;if(typeof t.text=="string")return t.text;const s=t.content;if(!Array.isArray(s))return null;const n=s.map(i=>{if(!i||typeof i!="object")return null;const a=i;return a.type==="text"&&typeof a.text=="string"?a.text:null}).filter(i=>!!i);return n.length===0?null:n.join(`
-`)}function We(e){if(e==null)return null;if(typeof e=="string")return e;if(typeof e=="number"||typeof e=="boolean")return String(e);const t=qs(e);if(t)return t;try{return JSON.stringify(e,null,2)}catch{return String(e)}}const Bs={name:"",description:"",enabled:!0,scheduleKind:"every",scheduleAt:"",everyAmount:"30",everyUnit:"minutes",cronExpr:"0 7 * * *",cronTz:"",sessionTarget:"main",wakeMode:"next-heartbeat",payloadKind:"systemEvent",payloadText:"",deliver:!1,channel:"last",to:"",timeoutSeconds:"",postToMainPrefix:""};let h=class extends W{constructor(){super(...arguments),this.settings=jt(),this.password="",this.tab="chat",this.connected=!1,this.theme=this.settings.theme??"system",this.themeResolved="dark",this.hello=null,this.lastError=null,this.eventLog=[],this.sessionKey=this.settings.sessionKey,this.chatLoading=!1,this.chatSending=!1,this.chatMessage="",this.chatMessages=[],this.chatToolMessages=[],this.chatStream=null,this.chatRunId=null,this.chatThinkingLevel=null,this.nodesLoading=!1,this.nodes=[],this.configLoading=!1,this.configRaw=`{
-}
-`,this.configValid=null,this.configIssues=[],this.configSaving=!1,this.configSnapshot=null,this.configSchema=null,this.configSchemaVersion=null,this.configSchemaLoading=!1,this.configUiHints={},this.configForm=null,this.configFormDirty=!1,this.configFormMode="form",this.providersLoading=!1,this.providersSnapshot=null,this.providersError=null,this.providersLastSuccess=null,this.whatsappLoginMessage=null,this.whatsappLoginQrDataUrl=null,this.whatsappLoginConnected=null,this.whatsappBusy=!1,this.telegramForm={token:"",requireMention:!0,allowFrom:"",proxy:"",webhookUrl:"",webhookSecret:"",webhookPath:""},this.telegramSaving=!1,this.telegramTokenLocked=!1,this.telegramConfigStatus=null,this.discordForm={enabled:!0,token:"",dmEnabled:!0,allowFrom:"",groupEnabled:!1,groupChannels:"",mediaMaxMb:"",historyLimit:"",textChunkLimit:"",guilds:[],actions:{...xe},slashEnabled:!1,slashName:"",slashSessionPrefix:"",slashEphemeral:!0},this.discordSaving=!1,this.discordTokenLocked=!1,this.discordConfigStatus=null,this.slackForm={enabled:!0,botToken:"",appToken:"",dmEnabled:!0,allowFrom:"",groupEnabled:!1,groupChannels:"",mediaMaxMb:"",textChunkLimit:"",reactionNotifications:"own",reactionAllowlist:"",slashEnabled:!1,slashName:"",slashSessionPrefix:"",slashEphemeral:!0,actions:{...R},channels:[]},this.slackSaving=!1,this.slackTokenLocked=!1,this.slackAppTokenLocked=!1,this.slackConfigStatus=null,this.signalForm={enabled:!0,account:"",httpUrl:"",httpHost:"",httpPort:"",cliPath:"",autoStart:!0,receiveMode:"",ignoreAttachments:!1,ignoreStories:!1,sendReadReceipts:!1,allowFrom:"",mediaMaxMb:""},this.signalSaving=!1,this.signalConfigStatus=null,this.imessageForm={enabled:!0,cliPath:"",dbPath:"",service:"auto",region:"",allowFrom:"",includeAttachments:!1,mediaMaxMb:""},this.imessageSaving=!1,this.imessageConfigStatus=null,this.presenceLoading=!1,this.presenceEntries=[],this.presenceError=null,this.presenceStatus=null,this.sessionsLoading=!1,this.sessionsResult=null,this.sessionsError=null,this.sessionsFilterActive="",this.sessionsFilterLimit="120",this.sessionsIncludeGlobal=!0,this.sessionsIncludeUnknown=!1,this.cronLoading=!1,this.cronJobs=[],this.cronStatus=null,this.cronError=null,this.cronForm={...Bs},this.cronRunsJobId=null,this.cronRuns=[],this.cronBusy=!1,this.skillsLoading=!1,this.skillsReport=null,this.skillsError=null,this.skillsFilter="",this.skillEdits={},this.skillsBusyKey=null,this.debugLoading=!1,this.debugStatus=null,this.debugHealth=null,this.debugModels=[],this.debugHeartbeat=null,this.debugCallMethod="",this.debugCallParams="{}",this.debugCallResult=null,this.debugCallError=null,this.client=null,this.chatScrollFrame=null,this.chatScrollTimeout=null,this.nodesPollInterval=null,this.toolStreamById=new Map,this.toolStreamOrder=[],this.basePath="",this.popStateHandler=()=>this.onPopState(),this.themeMedia=null,this.themeMediaHandler=null}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.basePath=this.inferBasePath(),this.syncTabWithLocation(!0),this.syncThemeWithSettings(),this.attachThemeListener(),window.addEventListener("popstate",this.popStateHandler),this.applySettingsFromUrl(),this.connect(),this.startNodesPolling()}disconnectedCallback(){window.removeEventListener("popstate",this.popStateHandler),this.stopNodesPolling(),this.detachThemeListener(),super.disconnectedCallback()}updated(e){this.tab==="chat"&&(e.has("chatMessages")||e.has("chatToolMessages")||e.has("chatStream")||e.has("chatLoading")||e.has("chatMessage")||e.has("tab"))&&this.scheduleChatScroll()}connect(){this.lastError=null,this.hello=null,this.connected=!1,this.client?.stop(),this.client=new Dt({url:this.settings.gatewayUrl,token:this.settings.token.trim()?this.settings.token:void 0,password:this.password.trim()?this.password:void 0,clientName:"clawdbot-control-ui",mode:"webchat",onHello:e=>{this.connected=!0,this.hello=e,this.applySnapshot(e),oe(this,{quiet:!0}),this.refreshActiveTab()},onClose:({code:e,reason:t})=>{this.connected=!1,this.lastError=`disconnected (${e}): ${t||"no reason"}`},onEvent:e=>this.onEvent(e),onGap:({expected:e,received:t})=>{this.lastError=`event gap detected (expected seq ${e}, got ${t}); refresh recommended`}}),this.client.start()}scheduleChatScroll(){this.chatScrollFrame&&cancelAnimationFrame(this.chatScrollFrame),this.chatScrollTimeout!=null&&(clearTimeout(this.chatScrollTimeout),this.chatScrollTimeout=null),this.chatScrollFrame=requestAnimationFrame(()=>{this.chatScrollFrame=null;const e=this.querySelector(".chat-thread");e&&(e.scrollTop=e.scrollHeight,this.chatScrollTimeout=window.setTimeout(()=>{this.chatScrollTimeout=null;const t=this.querySelector(".chat-thread");t&&(t.scrollTop=t.scrollHeight)},120))})}startNodesPolling(){this.nodesPollInterval==null&&(this.nodesPollInterval=window.setInterval(()=>{oe(this,{quiet:!0})},5e3))}stopNodesPolling(){this.nodesPollInterval!=null&&(clearInterval(this.nodesPollInterval),this.nodesPollInterval=null)}hasConnectedMobileNode(){return this.nodes.some(e=>{if(!e.connected)return!1;const t=typeof e.platform=="string"?e.platform.trim().toLowerCase():"";return t.startsWith("ios")||t.startsWith("ipados")||t.startsWith("android")})}resetToolStream(){this.toolStreamById.clear(),this.toolStreamOrder=[],this.chatToolMessages=[]}trimToolStream(){if(this.toolStreamOrder.length<=He)return;const e=this.toolStreamOrder.length-He,t=this.toolStreamOrder.splice(0,e);for(const s of t)this.toolStreamById.delete(s)}syncToolStreamMessages(){this.chatToolMessages=this.toolStreamOrder.map(e=>this.toolStreamById.get(e)?.message).filter(e=>!!e)}buildToolStreamMessage(e){const t=[];return t.push({type:"toolcall",name:e.name,arguments:e.args??{}}),e.output&&t.push({type:"toolresult",name:e.name,text:e.output}),{role:"assistant",toolCallId:e.toolCallId,runId:e.runId,content:t,timestamp:e.startedAt}}handleAgentEvent(e){if(!e||e.stream!=="tool")return;const t=typeof e.sessionKey=="string"?e.sessionKey:void 0;if(t&&t!==this.sessionKey||!t&&this.chatRunId&&e.runId!==this.chatRunId)return;const s=e.data??{},n=typeof s.toolCallId=="string"?s.toolCallId:"";if(!n)return;const i=typeof s.name=="string"?s.name:"tool",a=typeof s.phase=="string"?s.phase:"",l=a==="start"?s.args:void 0,o=a==="update"?We(s.partialResult):a==="result"?We(s.result):void 0,r=Date.now();let d=this.toolStreamById.get(n);d?(d.name=i,l!==void 0&&(d.args=l),o!==void 0&&(d.output=o),d.updatedAt=r):(d={toolCallId:n,runId:e.runId,sessionKey:t,name:i,args:l,output:o,startedAt:typeof e.ts=="number"?e.ts:r,updatedAt:r,message:{}},this.toolStreamById.set(n,d),this.toolStreamOrder.push(n)),d.message=this.buildToolStreamMessage(d),this.trimToolStream(),this.syncToolStreamMessages()}onEvent(e){if(this.eventLog=[{ts:Date.now(),event:e.event,payload:e.payload},...this.eventLog].slice(0,250),e.event==="agent"){this.handleAgentEvent(e.payload);return}if(e.event==="chat"){const t=e.payload;ps(this,t)==="final"&&G(this);return}if(e.event==="presence"){const t=e.payload;t?.presence&&Array.isArray(t.presence)&&(this.presenceEntries=t.presence,this.presenceError=null,this.presenceStatus=null);return}e.event==="cron"&&this.tab==="cron"&&this.loadCron()}applySnapshot(e){const t=e.snapshot;t?.presence&&Array.isArray(t.presence)&&(this.presenceEntries=t.presence),t?.health&&(this.debugHealth=t.health)}applySettings(e){this.settings=e,qt(e),e.theme!==this.theme&&(this.theme=e.theme,this.applyResolvedTheme(fe(e.theme)))}applySettingsFromUrl(){if(!window.location.search)return;const e=new URLSearchParams(window.location.search),t=e.get("token")?.trim();if(!t)return;this.settings.token||this.applySettings({...this.settings,token:t}),e.delete("token");const s=new URL(window.location.href);s.search=e.toString(),window.history.replaceState({},"",s.toString())}setTab(e){this.tab!==e&&(this.tab=e),this.refreshActiveTab(),this.syncUrlWithTab(e,!1)}setTheme(e,t){Os({nextTheme:e,applyTheme:()=>{this.theme=e,this.applySettings({...this.settings,theme:e}),this.applyResolvedTheme(fe(e))},context:t,currentTheme:this.theme})}async refreshActiveTab(){this.tab==="overview"&&await this.loadOverview(),this.tab==="connections"&&await this.loadConnections(),this.tab==="instances"&&await ye(this),this.tab==="sessions"&&await J(this),this.tab==="cron"&&await this.loadCron(),this.tab==="skills"&&await te(this),this.tab==="nodes"&&await oe(this),this.tab==="chat"&&(await Promise.all([G(this),J(this)]),this.scheduleChatScroll()),this.tab==="config"&&(await vs(this),await F(this)),this.tab==="debug"&&await $e(this)}inferBasePath(){if(typeof window>"u")return"";const e=window.__CLAWDBOT_CONTROL_UI_BASE_PATH__;return typeof e=="string"&&e.trim()?Ae(e):Ht(window.location.pathname)}syncThemeWithSettings(){this.theme=this.settings.theme??"system",this.applyResolvedTheme(fe(this.theme))}applyResolvedTheme(e){if(this.themeResolved=e,typeof document>"u")return;const t=document.documentElement;t.dataset.theme=e,t.style.colorScheme=e}attachThemeListener(){if(typeof window>"u"||typeof window.matchMedia!="function")return;if(this.themeMedia=window.matchMedia("(prefers-color-scheme: dark)"),this.themeMediaHandler=t=>{this.theme==="system"&&this.applyResolvedTheme(t.matches?"dark":"light")},typeof this.themeMedia.addEventListener=="function"){this.themeMedia.addEventListener("change",this.themeMediaHandler);return}this.themeMedia.addListener(this.themeMediaHandler)}detachThemeListener(){if(!this.themeMedia||!this.themeMediaHandler)return;if(typeof this.themeMedia.removeEventListener=="function"){this.themeMedia.removeEventListener("change",this.themeMediaHandler);return}this.themeMedia.removeListener(this.themeMediaHandler),this.themeMedia=null,this.themeMediaHandler=null}syncTabWithLocation(e){if(typeof window>"u")return;const t=je(window.location.pathname,this.basePath)??"chat";this.setTabFromRoute(t),this.syncUrlWithTab(t,e)}onPopState(){if(typeof window>"u")return;const e=je(window.location.pathname,this.basePath);e&&this.setTabFromRoute(e)}setTabFromRoute(e){this.tab!==e&&(this.tab=e),this.connected&&this.refreshActiveTab()}syncUrlWithTab(e,t){if(typeof window>"u")return;const s=Q(tt(e,this.basePath));if(Q(window.location.pathname)===s)return;const i=new URL(window.location.href);i.pathname=s,t?window.history.replaceState({},"",i.toString()):window.history.pushState({},"",i.toString())}async loadOverview(){await Promise.all([L(this,!1),ye(this),J(this),Z(this),$e(this)])}async loadConnections(){await Promise.all([L(this,!0),F(this)])}async loadCron(){await Promise.all([Z(this),ge(this)])}async handleSendChat(){!this.connected||!this.hasConnectedMobileNode()||(await ms(this),G(this))}async handleWhatsAppStart(e){await Vn(this,e),await L(this,!0)}async handleWhatsAppWait(){await Qn(this),await L(this,!0)}async handleWhatsAppLogout(){await Xn(this),await L(this,!0)}async handleTelegramSave(){await is(this),await F(this),await L(this,!0)}async handleDiscordSave(){await as(this),await F(this),await L(this,!0)}async handleSlackSave(){await ls(this),await F(this),await L(this,!0)}async handleSignalSave(){await os(this),await F(this),await L(this,!0)}async handleIMessageSave(){await rs(this),await F(this),await L(this,!0)}render(){return Fs(this)}};g([m()],h.prototype,"settings",2);g([m()],h.prototype,"password",2);g([m()],h.prototype,"tab",2);g([m()],h.prototype,"connected",2);g([m()],h.prototype,"theme",2);g([m()],h.prototype,"themeResolved",2);g([m()],h.prototype,"hello",2);g([m()],h.prototype,"lastError",2);g([m()],h.prototype,"eventLog",2);g([m()],h.prototype,"sessionKey",2);g([m()],h.prototype,"chatLoading",2);g([m()],h.prototype,"chatSending",2);g([m()],h.prototype,"chatMessage",2);g([m()],h.prototype,"chatMessages",2);g([m()],h.prototype,"chatToolMessages",2);g([m()],h.prototype,"chatStream",2);g([m()],h.prototype,"chatRunId",2);g([m()],h.prototype,"chatThinkingLevel",2);g([m()],h.prototype,"nodesLoading",2);g([m()],h.prototype,"nodes",2);g([m()],h.prototype,"configLoading",2);g([m()],h.prototype,"configRaw",2);g([m()],h.prototype,"configValid",2);g([m()],h.prototype,"configIssues",2);g([m()],h.prototype,"configSaving",2);g([m()],h.prototype,"configSnapshot",2);g([m()],h.prototype,"configSchema",2);g([m()],h.prototype,"configSchemaVersion",2);g([m()],h.prototype,"configSchemaLoading",2);g([m()],h.prototype,"configUiHints",2);g([m()],h.prototype,"configForm",2);g([m()],h.prototype,"configFormDirty",2);g([m()],h.prototype,"configFormMode",2);g([m()],h.prototype,"providersLoading",2);g([m()],h.prototype,"providersSnapshot",2);g([m()],h.prototype,"providersError",2);g([m()],h.prototype,"providersLastSuccess",2);g([m()],h.prototype,"whatsappLoginMessage",2);g([m()],h.prototype,"whatsappLoginQrDataUrl",2);g([m()],h.prototype,"whatsappLoginConnected",2);g([m()],h.prototype,"whatsappBusy",2);g([m()],h.prototype,"telegramForm",2);g([m()],h.prototype,"telegramSaving",2);g([m()],h.prototype,"telegramTokenLocked",2);g([m()],h.prototype,"telegramConfigStatus",2);g([m()],h.prototype,"discordForm",2);g([m()],h.prototype,"discordSaving",2);g([m()],h.prototype,"discordTokenLocked",2);g([m()],h.prototype,"discordConfigStatus",2);g([m()],h.prototype,"slackForm",2);g([m()],h.prototype,"slackSaving",2);g([m()],h.prototype,"slackTokenLocked",2);g([m()],h.prototype,"slackAppTokenLocked",2);g([m()],h.prototype,"slackConfigStatus",2);g([m()],h.prototype,"signalForm",2);g([m()],h.prototype,"signalSaving",2);g([m()],h.prototype,"signalConfigStatus",2);g([m()],h.prototype,"imessageForm",2);g([m()],h.prototype,"imessageSaving",2);g([m()],h.prototype,"imessageConfigStatus",2);g([m()],h.prototype,"presenceLoading",2);g([m()],h.prototype,"presenceEntries",2);g([m()],h.prototype,"presenceError",2);g([m()],h.prototype,"presenceStatus",2);g([m()],h.prototype,"sessionsLoading",2);g([m()],h.prototype,"sessionsResult",2);g([m()],h.prototype,"sessionsError",2);g([m()],h.prototype,"sessionsFilterActive",2);g([m()],h.prototype,"sessionsFilterLimit",2);g([m()],h.prototype,"sessionsIncludeGlobal",2);g([m()],h.prototype,"sessionsIncludeUnknown",2);g([m()],h.prototype,"cronLoading",2);g([m()],h.prototype,"cronJobs",2);g([m()],h.prototype,"cronStatus",2);g([m()],h.prototype,"cronError",2);g([m()],h.prototype,"cronForm",2);g([m()],h.prototype,"cronRunsJobId",2);g([m()],h.prototype,"cronRuns",2);g([m()],h.prototype,"cronBusy",2);g([m()],h.prototype,"skillsLoading",2);g([m()],h.prototype,"skillsReport",2);g([m()],h.prototype,"skillsError",2);g([m()],h.prototype,"skillsFilter",2);g([m()],h.prototype,"skillEdits",2);g([m()],h.prototype,"skillsBusyKey",2);g([m()],h.prototype,"debugLoading",2);g([m()],h.prototype,"debugStatus",2);g([m()],h.prototype,"debugHealth",2);g([m()],h.prototype,"debugModels",2);g([m()],h.prototype,"debugHeartbeat",2);g([m()],h.prototype,"debugCallMethod",2);g([m()],h.prototype,"debugCallParams",2);g([m()],h.prototype,"debugCallResult",2);g([m()],h.prototype,"debugCallError",2);h=g([It("clawdbot-app")],h);
-//# sourceMappingURL=index-CE_axlTS.js.map