// omni_pca side panel — generated by frontend/build.mjs. Edit src/, not this file.
var rt=Object.defineProperty;var at=Object.getOwnPropertyDescriptor;var m=(a,n,e,t)=>{for(var i=t>1?void 0:t?at(n,e):n,r=a.length-1,s;r>=0;r--)(s=a[r])&&(i=(t?s(n,e,i):s(i))||i);return t&&i&&rt(n,e,i),i};var B=globalThis,W=B.ShadowRoot&&(B.ShadyCSS===void 0||B.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,Q=Symbol(),ke=new WeakMap,D=class{constructor(n,e,t){if(this._$cssResult$=!0,t!==Q)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=n,this.t=e}get styleSheet(){let n=this.o,e=this.t;if(W&&n===void 0){let t=e!==void 0&&e.length===1;t&&(n=ke.get(e)),n===void 0&&((this.o=n=new CSSStyleSheet).replaceSync(this.cssText),t&&ke.set(e,n))}return n}toString(){return this.cssText}},Se=a=>new D(typeof a=="string"?a:a+"",void 0,Q),ee=(a,...n)=>{let e=a.length===1?a[0]:n.reduce((t,i,r)=>t+(s=>{if(s._$cssResult$===!0)return s.cssText;if(typeof s=="number")return s;throw Error("Value passed to 'css' function must be a 'css' function result: "+s+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(i)+a[r+1],a[0]);return new D(e,a,Q)},Te=(a,n)=>{if(W)a.adoptedStyleSheets=n.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(let e of n){let t=document.createElement("style"),i=B.litNonce;i!==void 0&&t.setAttribute("nonce",i),t.textContent=e.cssText,a.appendChild(t)}},te=W?a=>a:a=>a instanceof CSSStyleSheet?(n=>{let e="";for(let t of n.cssRules)e+=t.cssText;return Se(e)})(a):a;var{is:ot,defineProperty:st,getOwnPropertyDescriptor:lt,getOwnPropertyNames:ct,getOwnPropertySymbols:dt,getPrototypeOf:ut}=Object,V=globalThis,Ce=V.trustedTypes,pt=Ce?Ce.emptyScript:"",ht=V.reactiveElementPolyfillSupport,I=(a,n)=>a,P={toAttribute(a,n){switch(n){case Boolean:a=a?pt:null;break;case Object:case Array:a=a==null?a:JSON.stringify(a)}return a},fromAttribute(a,n){let e=a;switch(n){case Boolean:e=a!==null;break;case Number:e=a===null?null:Number(a);break;case Object:case Array:try{e=JSON.parse(a)}catch{e=null}}return e}},q=(a,n)=>!ot(a,n),Fe={attribute:!0,type:String,converter:P,reflect:!1,useDefault:!1,hasChanged:q};Symbol.metadata??=Symbol("metadata"),V.litPropertyMetadata??=new WeakMap;var y=class extends HTMLElement{static addInitializer(n){this._$Ei(),(this.l??=[]).push(n)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(n,e=Fe){if(e.state&&(e.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(n)&&((e=Object.create(e)).wrapped=!0),this.elementProperties.set(n,e),!e.noAccessor){let t=Symbol(),i=this.getPropertyDescriptor(n,t,e);i!==void 0&&st(this.prototype,n,i)}}static getPropertyDescriptor(n,e,t){let{get:i,set:r}=lt(this.prototype,n)??{get(){return this[e]},set(s){this[e]=s}};return{get:i,set(s){let u=i?.call(this);r?.call(this,s),this.requestUpdate(n,u,t)},configurable:!0,enumerable:!0}}static getPropertyOptions(n){return this.elementProperties.get(n)??Fe}static _$Ei(){if(this.hasOwnProperty(I("elementProperties")))return;let n=ut(this);n.finalize(),n.l!==void 0&&(this.l=[...n.l]),this.elementProperties=new Map(n.elementProperties)}static finalize(){if(this.hasOwnProperty(I("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(I("properties"))){let e=this.properties,t=[...ct(e),...dt(e)];for(let i of t)this.createProperty(i,e[i])}let n=this[Symbol.metadata];if(n!==null){let e=litPropertyMetadata.get(n);if(e!==void 0)for(let[t,i]of e)this.elementProperties.set(t,i)}this._$Eh=new Map;for(let[e,t]of this.elementProperties){let i=this._$Eu(e,t);i!==void 0&&this._$Eh.set(i,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(n){let e=[];if(Array.isArray(n)){let t=new Set(n.flat(1/0).reverse());for(let i of t)e.unshift(te(i))}else n!==void 0&&e.push(te(n));return e}static _$Eu(n,e){let t=e.attribute;return t===!1?void 0:typeof t=="string"?t:typeof n=="string"?n.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(n=>this.enableUpdating=n),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(n=>n(this))}addController(n){(this._$EO??=new Set).add(n),this.renderRoot!==void 0&&this.isConnected&&n.hostConnected?.()}removeController(n){this._$EO?.delete(n)}_$E_(){let n=new Map,e=this.constructor.elementProperties;for(let t of e.keys())this.hasOwnProperty(t)&&(n.set(t,this[t]),delete this[t]);n.size>0&&(this._$Ep=n)}createRenderRoot(){let n=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return Te(n,this.constructor.elementStyles),n}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(n=>n.hostConnected?.())}enableUpdating(n){}disconnectedCallback(){this._$EO?.forEach(n=>n.hostDisconnected?.())}attributeChangedCallback(n,e,t){this._$AK(n,t)}_$ET(n,e){let t=this.constructor.elementProperties.get(n),i=this.constructor._$Eu(n,t);if(i!==void 0&&t.reflect===!0){let r=(t.converter?.toAttribute!==void 0?t.converter:P).toAttribute(e,t.type);this._$Em=n,r==null?this.removeAttribute(i):this.setAttribute(i,r),this._$Em=null}}_$AK(n,e){let t=this.constructor,i=t._$Eh.get(n);if(i!==void 0&&this._$Em!==i){let r=t.getPropertyOptions(i),s=typeof r.converter=="function"?{fromAttribute:r.converter}:r.converter?.fromAttribute!==void 0?r.converter:P;this._$Em=i;let u=s.fromAttribute(e,r.type);this[i]=u??this._$Ej?.get(i)??u,this._$Em=null}}requestUpdate(n,e,t,i=!1,r){if(n!==void 0){let s=this.constructor;if(i===!1&&(r=this[n]),t??=s.getPropertyOptions(n),!((t.hasChanged??q)(r,e)||t.useDefault&&t.reflect&&r===this._$Ej?.get(n)&&!this.hasAttribute(s._$Eu(n,t))))return;this.C(n,e,t)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(n,e,{useDefault:t,reflect:i,wrapped:r},s){t&&!(this._$Ej??=new Map).has(n)&&(this._$Ej.set(n,s??e??this[n]),r!==!0||s!==void 0)||(this._$AL.has(n)||(this.hasUpdated||t||(e=void 0),this._$AL.set(n,e)),i===!0&&this._$Em!==n&&(this._$Eq??=new Set).add(n))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}let n=this.scheduleUpdate();return n!=null&&await n,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(let[i,r]of this._$Ep)this[i]=r;this._$Ep=void 0}let t=this.constructor.elementProperties;if(t.size>0)for(let[i,r]of t){let{wrapped:s}=r,u=this[i];s!==!0||this._$AL.has(i)||u===void 0||this.C(i,void 0,r,u)}}let n=!1,e=this._$AL;try{n=this.shouldUpdate(e),n?(this.willUpdate(e),this._$EO?.forEach(t=>t.hostUpdate?.()),this.update(e)):this._$EM()}catch(t){throw n=!1,this._$EM(),t}n&&this._$AE(e)}willUpdate(n){}_$AE(n){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(n)),this.updated(n)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(n){return!0}update(n){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(n){}firstUpdated(n){}};y.elementStyles=[],y.shadowRootOptions={mode:"open"},y[I("elementProperties")]=new Map,y[I("finalized")]=new Map,ht?.({ReactiveElement:y}),(V.reactiveElementVersions??=[]).push("2.1.2");var le=globalThis,Ae=a=>a,G=le.trustedTypes,we=G?G.createPolicy("lit-html",{createHTML:a=>a}):void 0,ze="$lit$",$=`lit$${Math.random().toFixed(9).slice(2)}$`,Le="?"+$,mt=`<${Le}>`,S=document,z=()=>S.createComment(""),L=a=>a===null||typeof a!="object"&&typeof a!="function",ce=Array.isArray,gt=a=>ce(a)||typeof a?.[Symbol.iterator]=="function",ne=`[ 	
\f\r]`,M=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Re=/-->/g,De=/>/g,E=RegExp(`>|${ne}(?:([^\\s"'>=/]+)(${ne}*=${ne}*(?:[^ 	
\f\r"'\`<>=]|("|')|))|$)`,"g"),Ie=/'/g,Pe=/"/g,Oe=/^(?:script|style|textarea|title)$/i,de=a=>(n,...e)=>({_$litType$:a,strings:n,values:e}),o=de(1),Rt=de(2),Dt=de(3),T=Symbol.for("lit-noChange"),b=Symbol.for("lit-nothing"),Me=new WeakMap,k=S.createTreeWalker(S,129);function He(a,n){if(!ce(a)||!a.hasOwnProperty("raw"))throw Error("invalid template strings array");return we!==void 0?we.createHTML(n):n}var bt=(a,n)=>{let e=a.length-1,t=[],i,r=n===2?"<svg>":n===3?"<math>":"",s=M;for(let u=0;u<e;u++){let l=a[u],p,c,d=-1,f=0;for(;f<l.length&&(s.lastIndex=f,c=s.exec(l),c!==null);)f=s.lastIndex,s===M?c[1]==="!--"?s=Re:c[1]!==void 0?s=De:c[2]!==void 0?(Oe.test(c[2])&&(i=RegExp("</"+c[2],"g")),s=E):c[3]!==void 0&&(s=E):s===E?c[0]===">"?(s=i??M,d=-1):c[1]===void 0?d=-2:(d=s.lastIndex-c[2].length,p=c[1],s=c[3]===void 0?E:c[3]==='"'?Pe:Ie):s===Pe||s===Ie?s=E:s===Re||s===De?s=M:(s=E,i=void 0);let v=s===E&&a[u+1].startsWith("/>")?" ":"";r+=s===M?l+mt:d>=0?(t.push(p),l.slice(0,d)+ze+l.slice(d)+$+v):l+$+(d===-2?u:v)}return[He(a,r+(a[e]||"<?>")+(n===2?"</svg>":n===3?"</math>":"")),t]},O=class a{constructor({strings:n,_$litType$:e},t){let i;this.parts=[];let r=0,s=0,u=n.length-1,l=this.parts,[p,c]=bt(n,e);if(this.el=a.createElement(p,t),k.currentNode=this.el.content,e===2||e===3){let d=this.el.content.firstChild;d.replaceWith(...d.childNodes)}for(;(i=k.nextNode())!==null&&l.length<u;){if(i.nodeType===1){if(i.hasAttributes())for(let d of i.getAttributeNames())if(d.endsWith(ze)){let f=c[s++],v=i.getAttribute(d).split($),F=/([.?@])?(.*)/.exec(f);l.push({type:1,index:r,name:F[2],strings:v,ctor:F[1]==="."?re:F[1]==="?"?ae:F[1]==="@"?oe:w}),i.removeAttribute(d)}else d.startsWith($)&&(l.push({type:6,index:r}),i.removeAttribute(d));if(Oe.test(i.tagName)){let d=i.textContent.split($),f=d.length-1;if(f>0){i.textContent=G?G.emptyScript:"";for(let v=0;v<f;v++)i.append(d[v],z()),k.nextNode(),l.push({type:2,index:++r});i.append(d[f],z())}}}else if(i.nodeType===8)if(i.data===Le)l.push({type:2,index:r});else{let d=-1;for(;(d=i.data.indexOf($,d+1))!==-1;)l.push({type:7,index:r}),d+=$.length-1}r++}}static createElement(n,e){let t=S.createElement("template");return t.innerHTML=n,t}};function A(a,n,e=a,t){if(n===T)return n;let i=t!==void 0?e._$Co?.[t]:e._$Cl,r=L(n)?void 0:n._$litDirective$;return i?.constructor!==r&&(i?._$AO?.(!1),r===void 0?i=void 0:(i=new r(a),i._$AT(a,e,t)),t!==void 0?(e._$Co??=[])[t]=i:e._$Cl=i),i!==void 0&&(n=A(a,i._$AS(a,n.values),i,t)),n}var ie=class{constructor(n,e){this._$AV=[],this._$AN=void 0,this._$AD=n,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(n){let{el:{content:e},parts:t}=this._$AD,i=(n?.creationScope??S).importNode(e,!0);k.currentNode=i;let r=k.nextNode(),s=0,u=0,l=t[0];for(;l!==void 0;){if(s===l.index){let p;l.type===2?p=new H(r,r.nextSibling,this,n):l.type===1?p=new l.ctor(r,l.name,l.strings,this,n):l.type===6&&(p=new se(r,this,n)),this._$AV.push(p),l=t[++u]}s!==l?.index&&(r=k.nextNode(),s++)}return k.currentNode=S,i}p(n){let e=0;for(let t of this._$AV)t!==void 0&&(t.strings!==void 0?(t._$AI(n,t,e),e+=t.strings.length-2):t._$AI(n[e])),e++}},H=class a{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(n,e,t,i){this.type=2,this._$AH=b,this._$AN=void 0,this._$AA=n,this._$AB=e,this._$AM=t,this.options=i,this._$Cv=i?.isConnected??!0}get parentNode(){let n=this._$AA.parentNode,e=this._$AM;return e!==void 0&&n?.nodeType===11&&(n=e.parentNode),n}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(n,e=this){n=A(this,n,e),L(n)?n===b||n==null||n===""?(this._$AH!==b&&this._$AR(),this._$AH=b):n!==this._$AH&&n!==T&&this._(n):n._$litType$!==void 0?this.$(n):n.nodeType!==void 0?this.T(n):gt(n)?this.k(n):this._(n)}O(n){return this._$AA.parentNode.insertBefore(n,this._$AB)}T(n){this._$AH!==n&&(this._$AR(),this._$AH=this.O(n))}_(n){this._$AH!==b&&L(this._$AH)?this._$AA.nextSibling.data=n:this.T(S.createTextNode(n)),this._$AH=n}$(n){let{values:e,_$litType$:t}=n,i=typeof t=="number"?this._$AC(n):(t.el===void 0&&(t.el=O.createElement(He(t.h,t.h[0]),this.options)),t);if(this._$AH?._$AD===i)this._$AH.p(e);else{let r=new ie(i,this),s=r.u(this.options);r.p(e),this.T(s),this._$AH=r}}_$AC(n){let e=Me.get(n.strings);return e===void 0&&Me.set(n.strings,e=new O(n)),e}k(n){ce(this._$AH)||(this._$AH=[],this._$AR());let e=this._$AH,t,i=0;for(let r of n)i===e.length?e.push(t=new a(this.O(z()),this.O(z()),this,this.options)):t=e[i],t._$AI(r),i++;i<e.length&&(this._$AR(t&&t._$AB.nextSibling,i),e.length=i)}_$AR(n=this._$AA.nextSibling,e){for(this._$AP?.(!1,!0,e);n!==this._$AB;){let t=Ae(n).nextSibling;Ae(n).remove(),n=t}}setConnected(n){this._$AM===void 0&&(this._$Cv=n,this._$AP?.(n))}},w=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(n,e,t,i,r){this.type=1,this._$AH=b,this._$AN=void 0,this.element=n,this.name=e,this._$AM=i,this.options=r,t.length>2||t[0]!==""||t[1]!==""?(this._$AH=Array(t.length-1).fill(new String),this.strings=t):this._$AH=b}_$AI(n,e=this,t,i){let r=this.strings,s=!1;if(r===void 0)n=A(this,n,e,0),s=!L(n)||n!==this._$AH&&n!==T,s&&(this._$AH=n);else{let u=n,l,p;for(n=r[0],l=0;l<r.length-1;l++)p=A(this,u[t+l],e,l),p===T&&(p=this._$AH[l]),s||=!L(p)||p!==this._$AH[l],p===b?n=b:n!==b&&(n+=(p??"")+r[l+1]),this._$AH[l]=p}s&&!i&&this.j(n)}j(n){n===b?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,n??"")}},re=class extends w{constructor(){super(...arguments),this.type=3}j(n){this.element[this.name]=n===b?void 0:n}},ae=class extends w{constructor(){super(...arguments),this.type=4}j(n){this.element.toggleAttribute(this.name,!!n&&n!==b)}},oe=class extends w{constructor(n,e,t,i,r){super(n,e,t,i,r),this.type=5}_$AI(n,e=this){if((n=A(this,n,e,0)??b)===T)return;let t=this._$AH,i=n===b&&t!==b||n.capture!==t.capture||n.once!==t.once||n.passive!==t.passive,r=n!==b&&(t===b||i);i&&this.element.removeEventListener(this.name,this,t),r&&this.element.addEventListener(this.name,this,n),this._$AH=n}handleEvent(n){typeof this._$AH=="function"?this._$AH.call(this.options?.host??this.element,n):this._$AH.handleEvent(n)}},se=class{constructor(n,e,t){this.element=n,this.type=6,this._$AN=void 0,this._$AM=e,this.options=t}get _$AU(){return this._$AM._$AU}_$AI(n){A(this,n)}};var ft=le.litHtmlPolyfillSupport;ft?.(O,H),(le.litHtmlVersions??=[]).push("3.3.3");var Ne=(a,n,e)=>{let t=e?.renderBefore??n,i=t._$litPart$;if(i===void 0){let r=e?.renderBefore??null;t._$litPart$=i=new H(n.insertBefore(z(),r),r,void 0,e??{})}return i._$AI(a),i};var ue=globalThis,x=class extends y{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){let n=super.createRenderRoot();return this.renderOptions.renderBefore??=n.firstChild,n}update(n){let e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(n),this._$Do=Ne(e,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return T}};x._$litElement$=!0,x.finalized=!0,ue.litElementHydrateSupport?.({LitElement:x});var vt=ue.litElementPolyfillSupport;vt?.({LitElement:x});(ue.litElementVersions??=[]).push("4.2.2");var je=a=>(n,e)=>{e!==void 0?e.addInitializer(()=>{customElements.define(a,n)}):customElements.define(a,n)};var _t={attribute:!0,type:String,converter:P,reflect:!1,hasChanged:q},yt=(a=_t,n,e)=>{let{kind:t,metadata:i}=e,r=globalThis.litPropertyMetadata.get(i);if(r===void 0&&globalThis.litPropertyMetadata.set(i,r=new Map),t==="setter"&&((a=Object.create(a)).wrapped=!0),r.set(e.name,a),t==="accessor"){let{name:s}=e;return{set(u){let l=n.get.call(this);n.set.call(this,u),this.requestUpdate(s,l,a,!0,u)},init(u){return u!==void 0&&this.C(s,void 0,a,u),u}}}if(t==="setter"){let{name:s}=e;return function(u){let l=this[s];n.call(this,u),this.requestUpdate(s,l,a,!0,u)}}throw Error("Unsupported decorator location: "+t)};function N(a){return(n,e)=>typeof e=="object"?yt(a,n,e):((t,i,r)=>{let s=i.hasOwnProperty(r);return i.constructor.createProperty(r,t),s?Object.getOwnPropertyDescriptor(i,r):void 0})(a,n,e)}function g(a){return N({...a,state:!0,attribute:!1})}function pe(a,n){return o`${a.map(e=>$t(e,n))}`}function $t(a,n){switch(a.k){case"newline":return o`<br />`;case"indent":return o`<span class="indent">${a.t}</span>`;case"keyword":return o`<span class="keyword">${a.t}</span>`;case"operator":return o`<span class="operator">${a.t}</span>`;case"value":return o`<span class="value">${a.t}</span>`;case"ref":{let e=n&&a.ek&&typeof a.ei=="number"?()=>n(a.ek,a.ei):void 0;return o`<button
        type="button"
        class="ref ref-${a.ek}"
        title=${a.ek??""}
        @click=${e}
      >
        <span class="ref-name">${a.t}</span>
        ${a.s?o`<span class="ref-state">${a.s}</span>`:""}
      </button>`}default:return o`<span>${a.t}</span>`}}var K=[{value:0,label:"Turn OFF unit",ref_kind:"unit"},{value:1,label:"Turn ON unit",ref_kind:"unit"},{value:2,label:"All OFF",ref_kind:null},{value:3,label:"All ON",ref_kind:null},{value:4,label:"Bypass zone",ref_kind:"zone"},{value:5,label:"Restore zone",ref_kind:"zone"},{value:7,label:"Execute button",ref_kind:"button"},{value:9,label:"Set unit level %",ref_kind:"unit"},{value:48,label:"Disarm area",ref_kind:"area"},{value:49,label:"Arm area Day",ref_kind:"area"},{value:50,label:"Arm area Night",ref_kind:"area"},{value:51,label:"Arm area Away",ref_kind:"area"},{value:52,label:"Arm area Vacation",ref_kind:"area"}];function j(a){return K.find(n=>n.value===a)}var he=[{bit:2,label:"Mon"},{bit:4,label:"Tue"},{bit:8,label:"Wed"},{bit:16,label:"Thu"},{bit:32,label:"Fri"},{bit:64,label:"Sat"},{bit:128,label:"Sun"}],me=1,ge=2,be=3;var J=[{id:768,label:"Phone line dead"},{id:769,label:"Phone ringing"},{id:770,label:"Phone off hook"},{id:771,label:"Phone on hook"},{id:772,label:"AC power lost"},{id:773,label:"AC power restored"}];function C(a){if(J.some(n=>n.id===a))return{category:"fixed",fixedId:a};if(!(a&65280))return{category:"button",button:a&255};if((a&64512)===1024){let n=a&1023;return{category:"zone",zone:Math.floor(n/4)+1,zoneState:n%4}}if((a&64512)===2048){let n=a&1023;return{category:"unit",unit:Math.floor(n/2)+1,unitOn:(n&1)===1}}return{category:"raw",raw:a}}function fe(a){switch(a.category){case"button":return(a.button??1)&255;case"zone":{let n=(a.zone??1)-1,e=(a.zoneState??0)&3;return 1024|n*4+e&1023}case"unit":{let n=(a.unit??1)-1,e=a.unitOn?1:0;return 2048|n*2+e&1023}case"fixed":return a.fixedId??768;case"raw":default:return a.raw??0}}function R(a){return(a.month??0)<<8|(a.day??0)}function Ye(a,n){return{...a,month:n>>8&255,day:n&255}}var Be=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],ve=[{value:0,label:"always"},{value:1,label:"never"},{value:2,label:"it is light outside"},{value:3,label:"it is dark outside"},{value:4,label:"phone line is dead"},{value:5,label:"phone is ringing"},{value:6,label:"phone is off hook"},{value:7,label:"phone is on hook"},{value:8,label:"AC power is off"},{value:9,label:"AC power is on"},{value:10,label:"battery is low"},{value:11,label:"battery is OK"},{value:12,label:"energy cost is low"},{value:13,label:"energy cost is mid"},{value:14,label:"energy cost is high"},{value:15,label:"energy cost is critical"}],_e=[{value:0,label:"Off (disarmed)"},{value:1,label:"Day"},{value:2,label:"Night"},{value:3,label:"Away"},{value:4,label:"Vacation"},{value:5,label:"Day Instant"},{value:6,label:"Night Delayed"}];function We(a){if(a===0)return{family:"none"};let n=a>>8&252,e=(a&512)!==0;return n===0?{family:"misc",misc:a&15}:n===4?{family:"zone",index:a&255,active:e}:n===8?{family:"unit",index:a&511,active:e}:n===12?{family:"time",index:a&255,active:e}:{family:"sec",index:a>>8&15,mode:a>>12&7}}function _(a){switch(a.family){case"none":return 0;case"misc":return(a.misc??0)&15;case"zone":{let n=(a.index??0)&255;return 1024|(a.active?512:0)|n}case"unit":{let n=(a.index??0)&511;return 2048|(a.active?512:0)|n}case"time":{let n=(a.index??0)&255;return 3072|(a.active?512:0)|n}case"sec":{let n=(a.index??1)&15;return((a.mode??0)&7)<<12|n<<8}}}var Ve=5,qe=6,Ge=7,xt=8,ye=9,Et=10;function Ze(a){let n=(a.cond??0)&255,e=(a.cond2??0)>>8&255,t=n&252,i=(n&2)!==0;return n===0&&e===0?{family:"none"}:t===0?{family:"misc",misc:n&15}:t===4?{family:"zone",index:e,active:i}:t===8?{family:"unit",index:e,active:i}:t===12?{family:"time",index:e,active:i}:{family:"sec",index:n&15,mode:n>>4&7}}function $e(a){switch(a.family){case"none":return{cond:0,cond2:0};case"misc":return{cond:(a.misc??0)&15,cond2:0};case"zone":return{cond:4|(a.active?2:0),cond2:((a.index??0)&255)<<8};case"unit":return{cond:8|(a.active?2:0),cond2:((a.index??0)&255)<<8};case"time":return{cond:12|(a.active?2:0),cond2:((a.index??0)&255)<<8};case"sec":{let n=(a.index??1)&15;return{cond:((a.mode??0)&7)<<4|n,cond2:0}}}}function Ke(a){return((a.cond??0)>>8&255)!==0}function xe(){return{prog_type:xt,cond:1,cond2:0,cmd:0,par:0,pr2:0,month:0,day:0,days:0,hour:0,minute:0}}function Je(){return{...xe(),prog_type:ye}}function Xe(a=1){return{prog_type:Et,cmd:0,par:0,pr2:a,cond:0,cond2:0,month:0,day:0,days:0,hour:0,minute:0}}var Qe=[{value:1,label:"=="},{value:2,label:"!="},{value:3,label:"<"},{value:4,label:">"},{value:5,label:"is odd"},{value:6,label:"is even"},{value:7,label:"is multiple of"},{value:8,label:"in (bitmask)"},{value:9,label:"not in (bitmask)"}];function Ee(a){return a===5||a===6}var X=[{value:0,label:"Constant",kind:null},{value:2,label:"Zone",kind:"zone"},{value:3,label:"Unit",kind:"unit"},{value:4,label:"Thermostat",kind:"thermostat"},{value:6,label:"Area",kind:"area"},{value:7,label:"Time / Date",kind:null}];function Ue(a){return[2,3,4,6,7].includes(a)}function U(a){let n=X.find(e=>e.value===a);return n?n.kind:null}var Y={2:[{value:1,label:"Loop reading"},{value:2,label:"Current state"},{value:3,label:"Arming state"},{value:4,label:"Alarm state"}],3:[{value:1,label:"Current state"},{value:2,label:"Previous state"},{value:3,label:"Timer"},{value:4,label:"Level"}],4:[{value:1,label:"Current temperature"},{value:2,label:"Heat setpoint"},{value:3,label:"Cool setpoint"},{value:4,label:"System mode"},{value:5,label:"Fan mode"},{value:6,label:"Hold mode"},{value:7,label:"Freeze alarm"},{value:8,label:"Comm error"},{value:9,label:"Humidity"},{value:10,label:"Humidify setpoint"},{value:11,label:"Dehumidify setpoint"},{value:12,label:"Outdoor temperature"},{value:13,label:"System status"}],6:[{value:1,label:"Security mode"}],7:[{value:2,label:"Year"},{value:3,label:"Month"},{value:4,label:"Day"},{value:5,label:"Day of week (1=Mon..7=Sun)"},{value:6,label:"Time (minutes since midnight)"},{value:8,label:"Hour"},{value:9,label:"Minute"}]};function et(a){return{op:(a.cond??0)>>8&255,arg1Type:(a.cond??0)&255,arg1Ix:a.cond2??0,arg1Field:a.cmd??0,arg2Type:a.par??0,arg2Ix:a.pr2??0,arg2Field:a.month??0,compConst:(a.day??0)<<8|(a.days??0)}}function tt(a){return{cond:(a.op&255)<<8|a.arg1Type&255,cond2:a.arg1Ix&65535,cmd:a.arg1Field&255,par:a.arg2Type&255,pr2:a.arg2Ix&65535,month:a.arg2Field&255,day:a.compConst>>8&255,days:a.compConst&255}}function nt(a){return!(!Ue(a.arg1Type)||!Ee(a.op)&&a.arg2Type!==0&&!Ue(a.arg2Type)||a.compConst!==0)}var it=new Set(["TIMED","EVENT","YEARLY"]),kt=["TIMED","EVENT","YEARLY","WHEN","AT","EVERY","REMARK"],St=5e3,h=class extends x{constructor(){super(...arguments);this.narrow=!1;this._entryId=null;this._rows=[];this._total=0;this._filteredTotal=0;this._loading=!1;this._error=null;this._activeTriggerTypes=new Set;this._referenceFilter=null;this._searchTerm="";this._selectedSlot=null;this._detail=null;this._detailLoading=!1;this._fireFeedback=null;this._writeFeedback=null;this._cloneTargetSlot="";this._showCloneInput=!1;this._confirmingClear=!1;this._editingDraft=null;this._objects=null;this._chainDraft=null;this._refreshTimer=null}connectedCallback(){super.connectedCallback(),this._discoverEntry(),this._entryId&&(this._loadList(),this._startRefreshTimer())}disconnectedCallback(){super.disconnectedCallback(),this._stopRefreshTimer()}updated(e){e.has("hass")&&this._entryId===null&&(this._discoverEntry(),this._entryId&&(this._loadList(),this._startRefreshTimer()))}_discoverEntry(){this.hass?.connection&&this._discoverViaList()}async _discoverViaList(){try{let t=(await this.hass.connection.sendMessagePromise({type:"config_entries/get"})).filter(r=>r.domain==="omni_pca");if(t.length===0){this._error="No Omni panel configured. Add one via Settings \u2192 Devices & Services.";return}let i=t.find(r=>r.state==="loaded");this._entryId=(i??t[0]).entry_id,this._error=null,this._loadList(),this._startRefreshTimer()}catch(e){this._error=`Could not discover panels: ${e instanceof Error?e.message:String(e)}`}}async _loadList(){if(this._entryId){this._loading=!0,this._error=null;try{let e={type:"omni_pca/programs/list",entry_id:this._entryId};this._activeTriggerTypes.size>0&&(e.trigger_types=[...this._activeTriggerTypes]),this._referenceFilter&&(e.references_entity=this._referenceFilter),this._searchTerm&&(e.search=this._searchTerm);let t=await this.hass.connection.sendMessagePromise(e);this._rows=t.programs,this._total=t.total,this._filteredTotal=t.filtered_total}catch(e){this._error=e instanceof Error?e.message:String(e)}finally{this._loading=!1}}}async _loadDetail(e){if(this._entryId){this._detailLoading=!0,this._detail=null;try{this._detail=await this.hass.connection.sendMessagePromise({type:"omni_pca/programs/get",entry_id:this._entryId,slot:e})}catch(t){this._error=t instanceof Error?t.message:String(t)}finally{this._detailLoading=!1}}}async _fireProgram(e){if(this._entryId){this._fireFeedback="firing\u2026";try{await this.hass.connection.sendMessagePromise({type:"omni_pca/programs/fire",entry_id:this._entryId,slot:e}),this._fireFeedback=`fired slot ${e}`}catch(t){this._fireFeedback=`error: ${t instanceof Error?t.message:t}`}setTimeout(()=>{this._fireFeedback=null},4e3)}}async _clearProgram(e){if(this._entryId){this._writeFeedback="clearing\u2026";try{await this.hass.connection.sendMessagePromise({type:"omni_pca/programs/clear",entry_id:this._entryId,slot:e}),this._writeFeedback=`cleared slot ${e}`,this._confirmingClear=!1,this._selectedSlot=null,this._detail=null,await this._loadList()}catch(t){let i=t instanceof Error?t.message:String(t);this._writeFeedback=`error: ${i}`}setTimeout(()=>{this._writeFeedback=null},4e3)}}async _cloneProgram(e){if(!this._entryId)return;let t=this._cloneTargetSlot.trim(),i=parseInt(t,10);if(!Number.isFinite(i)||i<1||i>1500){this._writeFeedback="target slot must be 1..1500",setTimeout(()=>{this._writeFeedback=null},4e3);return}if(i===e){this._writeFeedback="target must differ from source",setTimeout(()=>{this._writeFeedback=null},4e3);return}this._writeFeedback="cloning\u2026";try{await this.hass.connection.sendMessagePromise({type:"omni_pca/programs/clone",entry_id:this._entryId,source_slot:e,target_slot:i}),this._writeFeedback=`cloned to slot ${i}`,this._showCloneInput=!1,this._cloneTargetSlot="",this._selectedSlot=i,await this._loadList(),await this._loadDetail(i)}catch(r){let s=r instanceof Error?r.message:String(r);this._writeFeedback=`error: ${s}`}setTimeout(()=>{this._writeFeedback=null},4e3)}_onCloneTargetInput(e){this._cloneTargetSlot=e.target.value}async _ensureObjectsLoaded(){if(!(this._objects!==null||!this._entryId))try{this._objects=await this.hass.connection.sendMessagePromise({type:"omni_pca/objects/list",entry_id:this._entryId})}catch(e){let t=e instanceof Error?e.message:String(e);console.warn("omni_pca: objects/list failed",t)}}async _beginEdit(){if(!this._detail||(await this._ensureObjectsLoaded(),!this._entryId))return;if(this._detail.kind==="chain"){this._beginChainEdit();return}if(!it.has(this._detail.trigger_type))return;let e=this._detail.fields??this._defaultFieldsForType(this._detail.trigger_type);e!==null&&(this._editingDraft={...e},this._stopRefreshTimer())}_beginChainEdit(){if(!this._detail||!this._detail.chain_members)return;let e=this._detail.chain_members,t=e.find(i=>i.role==="head");t&&(this._chainDraft={headSlot:t.slot,head:{...t.fields},conditions:e.filter(i=>i.role==="condition").map(i=>({...i.fields})),actions:e.filter(i=>i.role==="action").map(i=>({...i.fields}))},this._stopRefreshTimer())}_cancelChainEdit(){this._chainDraft=null,this._startRefreshTimer()}async _saveChainDraft(){if(!(!this._chainDraft||!this._entryId)){this._writeFeedback="saving chain\u2026";try{await this.hass.connection.sendMessagePromise({type:"omni_pca/programs/chain/write",entry_id:this._entryId,head_slot:this._chainDraft.headSlot,head:this._chainDraft.head,conditions:this._chainDraft.conditions,actions:this._chainDraft.actions}),this._writeFeedback=`saved chain @ slot ${this._chainDraft.headSlot}`;let e=this._chainDraft.headSlot;this._chainDraft=null,this._startRefreshTimer(),await this._loadList(),await this._loadDetail(e)}catch(e){let t=e instanceof Error?e.message:String(e);this._writeFeedback=`error: ${t}`}setTimeout(()=>{this._writeFeedback=null},4e3)}}_patchChainHead(e){this._chainDraft&&(this._chainDraft={...this._chainDraft,head:{...this._chainDraft.head,...e}})}_patchChainCondition(e,t){if(!this._chainDraft)return;let i=[...this._chainDraft.conditions];i[e]={...i[e],...t},this._chainDraft={...this._chainDraft,conditions:i}}_addChainCondition(e=!1){if(!this._chainDraft)return;let t=e?Je():xe();this._chainDraft={...this._chainDraft,conditions:[...this._chainDraft.conditions,t]}}_removeChainCondition(e){if(!this._chainDraft)return;let t=this._chainDraft.conditions.filter((i,r)=>r!==e);this._chainDraft={...this._chainDraft,conditions:t}}_patchChainAction(e,t){if(!this._chainDraft)return;let i=[...this._chainDraft.actions];i[e]={...i[e],...t},this._chainDraft={...this._chainDraft,actions:i}}_addChainAction(){if(!this._chainDraft)return;let e=this._objects?.units?.[0]?.index??1;this._chainDraft={...this._chainDraft,actions:[...this._chainDraft.actions,Xe(e)]}}_removeChainAction(e){if(!this._chainDraft||this._chainDraft.actions.length<=1)return;let t=this._chainDraft.actions.filter((i,r)=>r!==e);this._chainDraft={...this._chainDraft,actions:t}}_defaultFieldsForType(e){let t=this._objects?.units?.[0]?.index??1;if(e==="TIMED")return{prog_type:me,cmd:1,par:0,pr2:t,hour:6,minute:0,days:62,cond:0,cond2:0,month:0,day:0};if(e==="EVENT"){let i=this._objects?.buttons?.[0]?.index??1;return{prog_type:ge,cmd:1,par:0,pr2:t,month:0,day:i&255,hour:0,minute:0,days:0,cond:0,cond2:0}}return e==="YEARLY"?{prog_type:be,cmd:1,par:0,pr2:t,month:1,day:1,hour:0,minute:0,days:0,cond:0,cond2:0}:null}async _saveDraft(){if(!(!this._editingDraft||!this._detail||!this._entryId)){this._writeFeedback="saving\u2026";try{await this.hass.connection.sendMessagePromise({type:"omni_pca/programs/write",entry_id:this._entryId,slot:this._detail.slot,program:this._editingDraft}),this._writeFeedback=`saved slot ${this._detail.slot}`,this._editingDraft=null,this._startRefreshTimer(),await this._loadList(),await this._loadDetail(this._detail.slot)}catch(e){let t=e instanceof Error?e.message:String(e);this._writeFeedback=`error: ${t}`}setTimeout(()=>{this._writeFeedback=null},4e3)}}_cancelEdit(){this._editingDraft=null,this._startRefreshTimer()}_patchDraft(e){this._editingDraft&&(this._editingDraft={...this._editingDraft,...e})}_toggleDayBit(e){if(!this._editingDraft)return;let i=(this._editingDraft.days??0)^e;this._patchDraft({days:i})}_onCommandChange(e){let t=parseInt(e.target.value,10);if(!Number.isFinite(t))return;let i=j(t),r=this._editingDraft?.pr2??0;if(i?.ref_kind&&this._objects){let s=this._pickBucket(i.ref_kind);s&&s.length>0&&!s.some(u=>u.index===r)&&(r=s[0].index)}else i?.ref_kind||(r=0);this._patchDraft({cmd:t,pr2:r})}_pickBucket(e){if(!this._objects)return null;switch(e){case"zone":return this._objects.zones;case"unit":return this._objects.units;case"area":return this._objects.areas;case"button":return this._objects.buttons;case"thermostat":return this._objects.thermostats;default:return null}}_bucketWithPreserve(e,t,i){let r=e??[];return i===0||r.some(s=>s.index===i)?r:[{index:i,name:`(undiscovered ${t} ${i} \u2014 preserve original)`},...r]}_onObjectChange(e){let t=parseInt(e.target.value,10);Number.isFinite(t)&&this._patchDraft({pr2:t})}_onHourChange(e){let t=parseInt(e.target.value,10);Number.isFinite(t)&&t>=0&&t<=23&&this._patchDraft({hour:t})}_onMinuteChange(e){let t=parseInt(e.target.value,10);Number.isFinite(t)&&t>=0&&t<=59&&this._patchDraft({minute:t})}_onParChange(e){let t=parseInt(e.target.value,10);Number.isFinite(t)&&t>=0&&t<=255&&this._patchDraft({par:t})}_onMonthChange(e){let t=parseInt(e.target.value,10);Number.isFinite(t)&&t>=1&&t<=12&&this._patchDraft({month:t})}_onDayChange(e){let t=parseInt(e.target.value,10);Number.isFinite(t)&&t>=1&&t<=31&&this._patchDraft({day:t})}_patchEvent(e){if(!this._editingDraft)return;let t=fe(e);this._editingDraft=Ye(this._editingDraft,t)}_onEventCategoryChange(e){let t=e.target.value;if(t==="button"){let i=this._objects?.buttons?.[0]?.index??1;this._patchEvent({category:"button",button:i})}else if(t==="zone"){let i=this._objects?.zones?.[0]?.index??1;this._patchEvent({category:"zone",zone:i,zoneState:1})}else if(t==="unit"){let i=this._objects?.units?.[0]?.index??1;this._patchEvent({category:"unit",unit:i,unitOn:!0})}else t==="fixed"&&this._patchEvent({category:"fixed",fixedId:772})}_onEventButtonChange(e){let t=parseInt(e.target.value,10);Number.isFinite(t)&&this._patchEvent({category:"button",button:t})}_onEventZoneChange(e){if(!this._editingDraft)return;let t=parseInt(e.target.value,10);if(!Number.isFinite(t))return;let i=C(R(this._editingDraft));this._patchEvent({category:"zone",zone:t,zoneState:i.zoneState??1})}_onEventZoneStateChange(e){if(!this._editingDraft)return;let t=parseInt(e.target.value,10);if(!Number.isFinite(t))return;let i=C(R(this._editingDraft));this._patchEvent({category:"zone",zone:i.zone??1,zoneState:t})}_onEventUnitChange(e){if(!this._editingDraft)return;let t=parseInt(e.target.value,10);if(!Number.isFinite(t))return;let i=C(R(this._editingDraft));this._patchEvent({category:"unit",unit:t,unitOn:i.unitOn??!0})}_onEventUnitOnChange(e){if(!this._editingDraft)return;let t=e.target.value==="1",i=C(R(this._editingDraft));this._patchEvent({category:"unit",unit:i.unit??1,unitOn:t})}_onEventFixedChange(e){let t=parseInt(e.target.value,10);Number.isFinite(t)&&this._patchEvent({category:"fixed",fixedId:t})}_startRefreshTimer(){this._refreshTimer===null&&(this._refreshTimer=window.setInterval(()=>{this._loadList(),this._selectedSlot!==null&&this._loadDetail(this._selectedSlot)},St))}_stopRefreshTimer(){this._refreshTimer!==null&&(window.clearInterval(this._refreshTimer),this._refreshTimer=null)}_toggleTriggerFilter(e){let t=new Set(this._activeTriggerTypes);t.has(e)?t.delete(e):t.add(e),this._activeTriggerTypes=t,this._loadList()}_onSearchInput(e){this._searchTerm=e.target.value,this._loadList()}_clearReferenceFilter(){this._referenceFilter=null,this._loadList()}_onRowClick(e){this._selectedSlot=e,this._loadDetail(e)}_onRefClick(e,t){this._referenceFilter=`${e}:${t}`,this._selectedSlot=null,this._detail=null,this._loadList()}_closeDetail(){this._selectedSlot=null,this._detail=null}render(){return o`
      <div class="header">
        <div class="title">
          <ha-icon icon="mdi:script-text-outline"></ha-icon>
          <span>Omni Programs</span>
          ${this._total>0?o`
            <span class="count">
              ${this._filteredTotal===this._total?`${this._total} programs`:`${this._filteredTotal} of ${this._total} shown`}
            </span>`:""}
        </div>
      </div>
      ${this._error?o`
        <div class="error">${this._error}</div>`:""}
      ${this._renderFilters()}
      <div class="body" data-narrow=${this.narrow}>
        ${this._renderList()}
        ${this._selectedSlot!==null?this._renderDetail():""}
      </div>
    `}_renderFilters(){return o`
      <div class="filters">
        <input
          type="search"
          class="search"
          placeholder="search programs..."
          .value=${this._searchTerm}
          @input=${this._onSearchInput}
        />
        <div class="chips">
          ${kt.map(e=>o`
            <button
              type="button"
              class="chip ${this._activeTriggerTypes.has(e)?"active":""}"
              @click=${()=>this._toggleTriggerFilter(e)}
            >${e}</button>
          `)}
        </div>
        ${this._referenceFilter?o`
          <div class="ref-filter">
            <span>filtering on <strong>${this._referenceFilter}</strong></span>
            <button type="button" @click=${this._clearReferenceFilter}>clear</button>
          </div>`:""}
      </div>
    `}_renderList(){return this._loading&&this._rows.length===0?o`<div class="loading">loading…</div>`:this._rows.length===0?o`<div class="empty">No programs match the current filters.</div>`:o`
      <div class="list">
        ${this._rows.map(e=>o`
          <div
            class="row ${this._selectedSlot===e.slot?"selected":""}"
            @click=${()=>this._onRowClick(e.slot)}
          >
            <div class="row-slot">#${e.slot}</div>
            <div class="row-summary">
              ${pe(e.summary,(t,i)=>this._onRefClick(t,i))}
            </div>
            <div class="row-meta">
              <span class="trigger-badge trigger-${e.trigger_type.toLowerCase()}">
                ${e.trigger_type}
              </span>
              ${e.condition_count>0?o`
                <span class="meta-pill">${e.condition_count} cond</span>`:""}
              ${e.action_count>1?o`
                <span class="meta-pill">${e.action_count} actions</span>`:""}
            </div>
          </div>
        `)}
      </div>
    `}_renderDetail(){if(this._detailLoading)return o`<aside class="detail"><div class="loading">loading…</div></aside>`;if(this._detail===null)return o`<aside class="detail"></aside>`;let e=this._detail;return this._editingDraft!==null?this._renderEditor(e):this._chainDraft!==null?this._renderChainEditor(e):o`
      <aside class="detail">
        <header>
          <div>
            <span class="trigger-badge trigger-${e.trigger_type.toLowerCase()}">
              ${e.trigger_type}
            </span>
            <span class="slot">slot #${e.slot}</span>
          </div>
          <button type="button" class="close" @click=${this._closeDetail}>×</button>
        </header>
        <pre class="detail-body">${pe(e.tokens,(t,i)=>this._onRefClick(t,i))}</pre>
        <footer>
          <button
            type="button"
            class="fire"
            @click=${()=>this._fireProgram(e.slot)}
          >▶ Fire now</button>
          ${e.kind==="compact"&&it.has(e.trigger_type)||e.kind==="chain"?o`
            <button
              type="button"
              class="secondary"
              @click=${this._beginEdit}
            >Edit</button>`:""}
          <button
            type="button"
            class="secondary"
            @click=${()=>{this._showCloneInput=!this._showCloneInput,this._confirmingClear=!1}}
          >Clone…</button>
          <button
            type="button"
            class="danger"
            @click=${()=>{this._confirmingClear=!this._confirmingClear,this._showCloneInput=!1}}
          >Clear</button>
          ${this._fireFeedback?o`
            <span class="fire-feedback">${this._fireFeedback}</span>`:""}
          ${this._writeFeedback?o`
            <span class="fire-feedback">${this._writeFeedback}</span>`:""}
        </footer>
        ${this._showCloneInput?o`
          <div class="action-row">
            <label>Clone slot ${e.slot} → target slot:
              <input
                type="number"
                min="1"
                max="1500"
                .value=${this._cloneTargetSlot}
                @input=${this._onCloneTargetInput}
                @keydown=${t=>{t.key==="Enter"&&this._cloneProgram(e.slot)}}
              />
            </label>
            <button
              type="button"
              class="primary"
              @click=${()=>this._cloneProgram(e.slot)}
            >Clone</button>
            <button
              type="button"
              @click=${()=>{this._showCloneInput=!1}}
            >Cancel</button>
          </div>`:""}
        ${this._confirmingClear?o`
          <div class="action-row danger-row">
            <span>
              <strong>Clear slot ${e.slot}?</strong>
              This deletes the program from the panel.
            </span>
            <button
              type="button"
              class="danger"
              @click=${()=>this._clearProgram(e.slot)}
            >Yes, clear</button>
            <button
              type="button"
              @click=${()=>{this._confirmingClear=!1}}
            >Cancel</button>
          </div>`:""}
        ${e.chain_slots&&e.chain_slots.length>1?o`
          <div class="chain-info">
            spans slots
            ${e.chain_slots.map((t,i)=>o`
              ${i>0?"\u2192":""}#${t}`)}
          </div>`:""}
      </aside>
    `}_renderEditor(e){let t=this._editingDraft,i=e.trigger_type;return o`
      <aside class="detail editor">
        <header>
          <div>
            <span class="trigger-badge trigger-${i.toLowerCase()}">
              EDIT • ${i}
            </span>
            <span class="slot">slot #${e.slot}</span>
          </div>
          <button type="button" class="close" @click=${this._cancelEdit}>×</button>
        </header>

        <div class="editor-body">
          ${this._renderTriggerSection(t)}
          ${this._renderActionSection(t)}
          ${this._renderConditionsSection(t)}
        </div>

        <footer>
          <button type="button" class="primary" @click=${this._saveDraft}>
            Save
          </button>
          <button type="button" class="secondary" @click=${this._cancelEdit}>
            Cancel
          </button>
          ${this._writeFeedback?o`
            <span class="fire-feedback">${this._writeFeedback}</span>`:""}
        </footer>
      </aside>
    `}_renderTriggerSection(e){switch(e.prog_type){case me:return this._renderTimedTrigger(e);case ge:return this._renderEventTrigger(e);case be:return this._renderYearlyTrigger(e);default:return o`<div class="conditions-readonly">
          Editing program type ${e.prog_type} is not supported.
        </div>`}}_renderTimedTrigger(e){return o`
      <fieldset>
        <legend>Time</legend>
        <div class="row">
          <label>
            Hour
            <input
              type="number" min="0" max="23"
              .value=${String(e.hour??0)}
              @input=${this._onHourChange}
            />
          </label>
          <span class="time-colon">:</span>
          <label>
            Minute
            <input
              type="number" min="0" max="59" step="1"
              .value=${String(e.minute??0)}
              @input=${this._onMinuteChange}
            />
          </label>
        </div>
      </fieldset>
      <fieldset>
        <legend>Days</legend>
        <div class="days-row">
          ${he.map(t=>{let i=((e.days??0)&t.bit)!==0;return o`
              <button
                type="button"
                class="day-toggle ${i?"active":""}"
                @click=${()=>this._toggleDayBit(t.bit)}
              >${t.label}</button>
            `})}
        </div>
      </fieldset>
    `}_renderEventTrigger(e){let t=R(e),i=C(t);return o`
      <fieldset>
        <legend>Trigger event</legend>
        <label class="block">
          Category
          <select @change=${this._onEventCategoryChange}>
            <option value="button"
                    ?selected=${i.category==="button"}>
              Button press
            </option>
            <option value="zone"
                    ?selected=${i.category==="zone"}>
              Zone state change
            </option>
            <option value="unit"
                    ?selected=${i.category==="unit"}>
              Unit state change
            </option>
            <option value="fixed"
                    ?selected=${i.category==="fixed"}>
              Fixed event (phone / AC)
            </option>
            ${i.category==="raw"?o`
              <option value="raw" selected>
                Raw 0x${t.toString(16).padStart(4,"0")}
              </option>`:""}
          </select>
        </label>
        ${this._renderEventCategoryFields(i)}
      </fieldset>
    `}_renderEventCategoryFields(e){if(e.category==="button"){let t=this._bucketWithPreserve(this._objects?.buttons??null,"button",e.button??0);return o`
        <label class="block">
          Button
          <select @change=${this._onEventButtonChange}>
            ${t.map(i=>o`
              <option .value=${String(i.index)}
                      ?selected=${i.index===e.button}>
                #${i.index} ${i.name}
              </option>
            `)}
          </select>
        </label>`}if(e.category==="zone"){let t=this._bucketWithPreserve(this._objects?.zones??null,"zone",e.zone??0);return o`
        <label class="block">
          Zone
          <select @change=${this._onEventZoneChange}>
            ${t.map(i=>o`
              <option .value=${String(i.index)}
                      ?selected=${i.index===e.zone}>
                #${i.index} ${i.name}
              </option>
            `)}
          </select>
        </label>
        <label class="block">
          Becomes
          <select @change=${this._onEventZoneStateChange}>
            <option value="0" ?selected=${e.zoneState===0}>secure</option>
            <option value="1" ?selected=${e.zoneState===1}>not ready</option>
            <option value="2" ?selected=${e.zoneState===2}>trouble</option>
            <option value="3" ?selected=${e.zoneState===3}>tamper</option>
          </select>
        </label>`}if(e.category==="unit"){let t=this._bucketWithPreserve(this._objects?.units??null,"unit",e.unit??0);return o`
        <label class="block">
          Unit
          <select @change=${this._onEventUnitChange}>
            ${t.map(i=>o`
              <option .value=${String(i.index)}
                      ?selected=${i.index===e.unit}>
                #${i.index} ${i.name}
              </option>
            `)}
          </select>
        </label>
        <label class="block">
          Turns
          <select @change=${this._onEventUnitOnChange}>
            <option value="1" ?selected=${e.unitOn===!0}>ON</option>
            <option value="0" ?selected=${e.unitOn===!1}>OFF</option>
          </select>
        </label>`}return e.category==="fixed"?o`
        <label class="block">
          Event
          <select @change=${this._onEventFixedChange}>
            ${J.map(t=>o`
              <option .value=${String(t.id)}
                      ?selected=${t.id===e.fixedId}>
                ${t.label}
              </option>
            `)}
          </select>
        </label>`:o`
      <div class="conditions-readonly">
        Unrecognised event ID. Switch category above to redefine.
      </div>`}_renderYearlyTrigger(e){return o`
      <fieldset>
        <legend>Date</legend>
        <div class="row">
          <label>
            Month
            <select @change=${this._onMonthChange}>
              ${Be.map((t,i)=>o`
                <option .value=${String(i+1)}
                        ?selected=${(e.month??1)===i+1}>
                  ${t} (${i+1})
                </option>
              `)}
            </select>
          </label>
          <label>
            Day
            <input
              type="number" min="1" max="31"
              .value=${String(e.day??1)}
              @input=${this._onDayChange}
            />
          </label>
        </div>
      </fieldset>
      <fieldset>
        <legend>Time of day</legend>
        <div class="row">
          <label>
            Hour
            <input
              type="number" min="0" max="23"
              .value=${String(e.hour??0)}
              @input=${this._onHourChange}
            />
          </label>
          <span class="time-colon">:</span>
          <label>
            Minute
            <input
              type="number" min="0" max="59"
              .value=${String(e.minute??0)}
              @input=${this._onMinuteChange}
            />
          </label>
        </div>
      </fieldset>
    `}_renderActionSection(e){let t=j(e.cmd??0),i=t?.ref_kind?this._bucketWithPreserve(this._pickBucket(t.ref_kind),t.ref_kind,e.pr2??0):null,r=e.cmd===9;return o`
      <fieldset>
        <legend>Action</legend>
        <label class="block">
          Command
          <select @change=${this._onCommandChange}>
            ${K.map(s=>o`
              <option .value=${String(s.value)}
                      ?selected=${s.value===e.cmd}>
                ${s.label}
              </option>
            `)}
          </select>
        </label>
        ${t?.ref_kind?o`
          <label class="block">
            ${t.ref_kind[0].toUpperCase()+t.ref_kind.slice(1)}
            <select @change=${this._onObjectChange}>
              ${(i??[]).map(s=>o`
                <option .value=${String(s.index)}
                        ?selected=${s.index===e.pr2}>
                  #${s.index} ${s.name}
                </option>
              `)}
            </select>
          </label>`:""}
        ${r?o`
          <label class="block">
            Level (0..100)
            <input
              type="number" min="0" max="100"
              .value=${String(e.par??0)}
              @input=${this._onParChange}
            />
          </label>`:""}
      </fieldset>
    `}_renderConditionsSection(e){return o`
      <fieldset>
        <legend>Inline AND-IF conditions</legend>
        ${this._renderConditionSlot("First condition",e.cond??0,t=>this._patchDraft({cond:t}))}
        ${this._renderConditionSlot("Second condition",e.cond2??0,t=>this._patchDraft({cond2:t}))}
      </fieldset>
    `}_renderConditionSlot(e,t,i){let r=We(t),s=u=>{let l=this._objects?.zones?.[0]?.index??1,p=this._objects?.units?.[0]?.index??1,c=this._objects?.areas?.[0]?.index??1,d;switch(u){case"none":d={family:"none"};break;case"misc":d={family:"misc",misc:1};break;case"zone":d={family:"zone",index:l,active:!1};break;case"unit":d={family:"unit",index:p,active:!0};break;case"time":d={family:"time",index:1,active:!0};break;case"sec":d={family:"sec",index:c,mode:0};break}i(_(d))};return o`
      <div class="cond-slot">
        <label class="block cond-family-label">
          ${e}
          <select @change=${u=>s(u.target.value)}>
            <option value="none" ?selected=${r.family==="none"}>(none)</option>
            <option value="zone" ?selected=${r.family==="zone"}>Zone state</option>
            <option value="unit" ?selected=${r.family==="unit"}>Unit state</option>
            <option value="sec"  ?selected=${r.family==="sec"}>Area in security mode</option>
            <option value="time" ?selected=${r.family==="time"}>Time clock</option>
            <option value="misc" ?selected=${r.family==="misc"}>Misc (light, AC power, …)</option>
          </select>
        </label>
        ${this._renderConditionSubfields(r,i)}
      </div>
    `}_renderConditionSubfields(e,t){if(e.family==="none")return o``;if(e.family==="zone"){let i=this._bucketWithPreserve(this._objects?.zones??null,"zone",e.index??0);return o`
        <label class="block">
          Zone
          <select @change=${r=>{let s=parseInt(r.target.value,10);t(_({...e,index:s}))}}>
            ${i.map(r=>o`
              <option .value=${String(r.index)}
                      ?selected=${r.index===e.index}>
                #${r.index} ${r.name}
              </option>
            `)}
          </select>
        </label>
        <label class="block">
          Is
          <select @change=${r=>{let s=r.target.value==="1";t(_({...e,active:s}))}}>
            <option value="0" ?selected=${!e.active}>secure</option>
            <option value="1" ?selected=${e.active}>not ready</option>
          </select>
        </label>`}if(e.family==="unit"){let i=this._bucketWithPreserve(this._objects?.units??null,"unit",e.index??0);return o`
        <label class="block">
          Unit
          <select @change=${r=>{let s=parseInt(r.target.value,10);t(_({...e,index:s}))}}>
            ${i.map(r=>o`
              <option .value=${String(r.index)}
                      ?selected=${r.index===e.index}>
                #${r.index} ${r.name}
              </option>
            `)}
          </select>
        </label>
        <label class="block">
          Is
          <select @change=${r=>{let s=r.target.value==="1";t(_({...e,active:s}))}}>
            <option value="1" ?selected=${e.active}>ON</option>
            <option value="0" ?selected=${!e.active}>OFF</option>
          </select>
        </label>`}if(e.family==="sec"){let i=this._bucketWithPreserve(this._objects?.areas??null,"area",e.index??0);return o`
        <label class="block">
          Area
          <select @change=${r=>{let s=parseInt(r.target.value,10);t(_({...e,index:s}))}}>
            ${i.map(r=>o`
              <option .value=${String(r.index)}
                      ?selected=${r.index===e.index}>
                #${r.index} ${r.name}
              </option>
            `)}
          </select>
        </label>
        <label class="block">
          Mode
          <select @change=${r=>{let s=parseInt(r.target.value,10);t(_({...e,mode:s}))}}>
            ${_e.map(r=>o`
              <option .value=${String(r.value)}
                      ?selected=${r.value===e.mode}>
                ${r.label}
              </option>
            `)}
          </select>
        </label>`}return e.family==="time"?o`
        <label class="block">
          Time clock # (1..3)
          <input
            type="number" min="1" max="3"
            .value=${String(e.index??1)}
            @input=${i=>{let r=parseInt(i.target.value,10);Number.isFinite(r)&&t(_({...e,index:r}))}}
          />
        </label>
        <label class="block">
          Is
          <select @change=${i=>{let r=i.target.value==="1";t(_({...e,active:r}))}}>
            <option value="1" ?selected=${e.active}>enabled</option>
            <option value="0" ?selected=${!e.active}>disabled</option>
          </select>
        </label>`:o`
      <label class="block">
        Condition
        <select @change=${i=>{let r=parseInt(i.target.value,10);t(_({family:"misc",misc:r}))}}>
          ${ve.map(i=>o`
            <option .value=${String(i.value)}
                    ?selected=${i.value===e.misc}>
              ${i.label}
            </option>
          `)}
        </select>
      </label>`}_renderChainEditor(e){let t=this._chainDraft;return o`
      <aside class="detail editor">
        <header>
          <div>
            <span class="trigger-badge trigger-${e.trigger_type.toLowerCase()}">
              EDIT • ${e.trigger_type}
            </span>
            <span class="slot">head @ slot #${t.headSlot}</span>
          </div>
          <button type="button" class="close" @click=${this._cancelChainEdit}>×</button>
        </header>

        <div class="editor-body">
          ${this._renderChainHeadSection(t.head)}
          ${this._renderChainConditionsSection(t.conditions)}
          ${this._renderChainActionsSection(t.actions)}
          <div class="chain-meta">
            Chain will occupy <strong>${1+t.conditions.length+t.actions.length}</strong>
            consecutive slots starting at #${t.headSlot}.
          </div>
        </div>

        <footer>
          <button type="button" class="primary" @click=${this._saveChainDraft}>
            Save chain
          </button>
          <button type="button" class="secondary" @click=${this._cancelChainEdit}>
            Cancel
          </button>
          ${this._writeFeedback?o`
            <span class="fire-feedback">${this._writeFeedback}</span>`:""}
        </footer>
      </aside>
    `}_renderChainHeadSection(e){return e.prog_type===Ve?this._renderEventTriggerChain(e):e.prog_type===qe?this._renderTimedTriggerChain(e):e.prog_type===Ge?this._renderEveryTriggerChain(e):o`
      <div class="conditions-readonly">
        Editing trigger type ${e.prog_type} (chain head) is not supported.
      </div>`}_renderTimedTriggerChain(e){return o`
      <fieldset>
        <legend>AT (trigger)</legend>
        <div class="row">
          <label>
            Hour
            <input type="number" min="0" max="23"
              .value=${String(e.hour??0)}
              @input=${t=>this._patchChainHead({hour:parseInt(t.target.value,10)||0})}
            />
          </label>
          <span class="time-colon">:</span>
          <label>
            Minute
            <input type="number" min="0" max="59"
              .value=${String(e.minute??0)}
              @input=${t=>this._patchChainHead({minute:parseInt(t.target.value,10)||0})}
            />
          </label>
        </div>
        <div class="days-row">
          ${he.map(t=>{let i=((e.days??0)&t.bit)!==0;return o`
              <button type="button"
                class="day-toggle ${i?"active":""}"
                @click=${()=>this._patchChainHead({days:(e.days??0)^t.bit})}
              >${t.label}</button>`})}
        </div>
      </fieldset>
    `}_renderEventTriggerChain(e){let t=(e.month??0)<<8|(e.day??0),i=C(t),r=s=>{let u=fe(s);this._patchChainHead({month:u>>8&255,day:u&255})};return o`
      <fieldset>
        <legend>WHEN (trigger event)</legend>
        <label class="block">
          Category
          <select @change=${s=>{let u=s.target.value;if(u==="button"){let l=this._objects?.buttons?.[0]?.index??1;r({category:"button",button:l})}else if(u==="zone"){let l=this._objects?.zones?.[0]?.index??1;r({category:"zone",zone:l,zoneState:1})}else if(u==="unit"){let l=this._objects?.units?.[0]?.index??1;r({category:"unit",unit:l,unitOn:!0})}else u==="fixed"&&r({category:"fixed",fixedId:772})}}>
            <option value="button" ?selected=${i.category==="button"}>Button press</option>
            <option value="zone" ?selected=${i.category==="zone"}>Zone state change</option>
            <option value="unit" ?selected=${i.category==="unit"}>Unit state change</option>
            <option value="fixed" ?selected=${i.category==="fixed"}>Fixed (phone / AC)</option>
            ${i.category==="raw"?o`
              <option value="raw" selected>Raw 0x${t.toString(16).padStart(4,"0")}</option>`:""}
          </select>
        </label>
        ${this._renderChainEventSubfields(i,r)}
      </fieldset>
    `}_renderChainEventSubfields(e,t){if(e.category==="button"){let i=this._bucketWithPreserve(this._objects?.buttons??null,"button",e.button??0);return o`
        <label class="block">
          Button
          <select @change=${r=>t({category:"button",button:parseInt(r.target.value,10)})}>
            ${i.map(r=>o`
              <option .value=${String(r.index)}
                      ?selected=${r.index===e.button}>
                #${r.index} ${r.name}
              </option>
            `)}
          </select>
        </label>`}if(e.category==="zone"){let i=this._bucketWithPreserve(this._objects?.zones??null,"zone",e.zone??0);return o`
        <label class="block">
          Zone
          <select @change=${r=>t({...e,category:"zone",zone:parseInt(r.target.value,10),zoneState:e.zoneState??1})}>
            ${i.map(r=>o`
              <option .value=${String(r.index)}
                      ?selected=${r.index===e.zone}>
                #${r.index} ${r.name}
              </option>
            `)}
          </select>
        </label>
        <label class="block">
          Becomes
          <select @change=${r=>t({...e,category:"zone",zone:e.zone??1,zoneState:parseInt(r.target.value,10)})}>
            <option value="0" ?selected=${e.zoneState===0}>secure</option>
            <option value="1" ?selected=${e.zoneState===1}>not ready</option>
            <option value="2" ?selected=${e.zoneState===2}>trouble</option>
            <option value="3" ?selected=${e.zoneState===3}>tamper</option>
          </select>
        </label>`}if(e.category==="unit"){let i=this._bucketWithPreserve(this._objects?.units??null,"unit",e.unit??0);return o`
        <label class="block">
          Unit
          <select @change=${r=>t({...e,category:"unit",unit:parseInt(r.target.value,10),unitOn:e.unitOn??!0})}>
            ${i.map(r=>o`
              <option .value=${String(r.index)}
                      ?selected=${r.index===e.unit}>
                #${r.index} ${r.name}
              </option>
            `)}
          </select>
        </label>
        <label class="block">
          Turns
          <select @change=${r=>t({...e,category:"unit",unit:e.unit??1,unitOn:r.target.value==="1"})}>
            <option value="1" ?selected=${e.unitOn===!0}>ON</option>
            <option value="0" ?selected=${e.unitOn===!1}>OFF</option>
          </select>
        </label>`}return e.category==="fixed"?o`
        <label class="block">
          Event
          <select @change=${i=>t({category:"fixed",fixedId:parseInt(i.target.value,10)})}>
            ${J.map(i=>o`
              <option .value=${String(i.id)}
                      ?selected=${i.id===e.fixedId}>
                ${i.label}
              </option>
            `)}
          </select>
        </label>`:o`<div class="conditions-readonly">Unrecognised event ID. Pick a category to redefine.</div>`}_renderEveryTriggerChain(e){let t=((e.cond??0)&255)<<8|(e.cond2??0)>>8&255;return o`
      <fieldset>
        <legend>EVERY (interval, seconds)</legend>
        <label class="block">
          Seconds between fires
          <input type="number" min="1" max="65535"
            .value=${String(t||1)}
            @input=${i=>{let r=parseInt(i.target.value,10);!Number.isFinite(r)||r<1||this._patchChainHead({cond:r>>8&255,cond2:(r&255)<<8})}}
          />
        </label>
      </fieldset>
    `}_renderChainConditionsSection(e){return o`
      <fieldset>
        <legend>
          Conditions (${e.length})
          <button type="button" class="mini-btn" @click=${()=>this._addChainCondition(!1)}>
            + AND IF
          </button>
          <button type="button" class="mini-btn" @click=${()=>this._addChainCondition(!0)}>
            + OR IF
          </button>
        </legend>
        ${e.length===0?o`
          <div class="conditions-readonly">
            No conditions — chain fires unconditionally when triggered.
          </div>`:""}
        ${e.map((t,i)=>this._renderChainConditionRow(t,i))}
      </fieldset>
    `}_renderChainConditionRow(e,t){let i=e.prog_type===ye;if(Ke(e))return this._renderStructuredChainConditionRow(e,t,i);let r=Ze(e);return o`
      <div class="cond-slot">
        <div class="cond-row-header">
          <strong>${i?"OR IF":"AND IF"}</strong>
          <button type="button" class="mini-btn danger"
            @click=${()=>this._removeChainCondition(t)}>×</button>
        </div>
        ${this._renderChainCondFamily(r,t)}
      </div>`}_renderStructuredChainConditionRow(e,t,i){let r=et(e);return nt(r)?o`
      <div class="cond-slot structured-cond">
        <div class="cond-row-header">
          <strong>${i?"OR IF":"AND IF"}</strong>
          <span class="structured-tag">structured</span>
          <button type="button" class="mini-btn danger"
            @click=${()=>this._removeChainCondition(t)}>×</button>
        </div>
        ${this._renderStructuredAndForm(r,t)}
      </div>`:o`
        <div class="cond-slot structured-cond">
          <div class="cond-row-header">
            <strong>${i?"OR IF":"AND IF"}</strong>
            <span class="readonly-tag">read-only</span>
            <button type="button" class="mini-btn danger"
              @click=${()=>this._removeChainCondition(t)}>×</button>
          </div>
          <div class="conditions-readonly">
            Structured comparison with a shape the editor can't drive
            yet (Arg1 or Arg2 is an unsupported type, or a CompConst
            value is present). Preserved on save.
          </div>
        </div>`}_renderStructuredAndForm(e,t){let i=c=>{let d={...e,...c};this._patchChainCondition(t,tt(d))},r=Y[e.arg1Type]??[],s=U(e.arg1Type),u=Y[e.arg2Type]??[],l=U(e.arg2Type),p=!Ee(e.op);return o`
      <div class="structured-row">
        <label class="block">
          Arg1 type
          <select @change=${c=>{let d=parseInt(c.target.value,10);i({arg1Type:d,arg1Ix:this._defaultIxForKind(U(d)),arg1Field:(Y[d]??[{value:0}])[0].value})}}>
            ${X.filter(c=>c.value!==0).map(c=>o`
              <option .value=${String(c.value)} ?selected=${c.value===e.arg1Type}>
                ${c.label}
              </option>`)}
          </select>
        </label>

        ${s?this._renderStructuredObjectPicker(s,e.arg1Ix,c=>i({arg1Ix:c}),"Arg1"):""}

        ${r.length>0?o`
          <label class="block">
            Field
            <select @change=${c=>i({arg1Field:parseInt(c.target.value,10)})}>
              ${r.map(c=>o`
                <option .value=${String(c.value)} ?selected=${c.value===e.arg1Field}>
                  ${c.label}
                </option>`)}
            </select>
          </label>`:""}

        <label class="block">
          Operator
          <select @change=${c=>i({op:parseInt(c.target.value,10)})}>
            ${Qe.map(c=>o`
              <option .value=${String(c.value)} ?selected=${c.value===e.op}>
                ${c.label}
              </option>`)}
          </select>
        </label>

        ${p?o`
          <label class="block">
            Arg2 type
            <select @change=${c=>{let d=parseInt(c.target.value,10),f=U(d),v=d===0?e.arg2Ix:this._defaultIxForKind(f),F=d===0?0:(Y[d]??[{value:0}])[0].value;i({arg2Type:d,arg2Ix:v,arg2Field:F})}}>
              ${X.map(c=>o`
                <option .value=${String(c.value)} ?selected=${c.value===e.arg2Type}>
                  ${c.label}
                </option>`)}
            </select>
          </label>

          ${e.arg2Type===0?o`
            <label class="block">
              Constant
              <input type="number" min="0" max="65535"
                .value=${String(e.arg2Ix)}
                @input=${c=>{let d=parseInt(c.target.value,10);Number.isFinite(d)&&d>=0&&d<=65535&&i({arg2Ix:d})}}
              />
            </label>`:""}

          ${l?this._renderStructuredObjectPicker(l,e.arg2Ix,c=>i({arg2Ix:c}),"Arg2"):""}

          ${e.arg2Type!==0&&u.length>0?o`
            <label class="block">
              Arg2 field
              <select @change=${c=>i({arg2Field:parseInt(c.target.value,10)})}>
                ${u.map(c=>o`
                  <option .value=${String(c.value)} ?selected=${c.value===e.arg2Field}>
                    ${c.label}
                  </option>`)}
              </select>
            </label>`:""}
        `:""}
      </div>`}_defaultIxForKind(e){switch(e){case"zone":return this._objects?.zones?.[0]?.index??1;case"unit":return this._objects?.units?.[0]?.index??1;case"thermostat":return this._objects?.thermostats?.[0]?.index??1;case"area":return this._objects?.areas?.[0]?.index??1;default:return 0}}_renderStructuredObjectPicker(e,t,i,r){let s=this._bucketWithPreserve(this._pickBucket(e),e,t),u=e[0].toUpperCase()+e.slice(1);return o`
      <label class="block">
        ${r} ${u}
        <select @change=${l=>i(parseInt(l.target.value,10))}>
          ${s.map(l=>o`
            <option .value=${String(l.index)} ?selected=${l.index===t}>
              #${l.index} ${l.name}
            </option>`)}
        </select>
      </label>`}_renderChainCondFamily(e,t){let i=s=>{let u=this._objects?.zones?.[0]?.index??1,l=this._objects?.units?.[0]?.index??1,p=this._objects?.areas?.[0]?.index??1,c;switch(s){case"none":c={family:"none"};break;case"misc":c={family:"misc",misc:1};break;case"zone":c={family:"zone",index:u,active:!1};break;case"unit":c={family:"unit",index:l,active:!0};break;case"time":c={family:"time",index:1,active:!0};break;case"sec":c={family:"sec",index:p,mode:0};break}let d=$e(c);this._patchChainCondition(t,d)},r=s=>{this._patchChainCondition(t,$e(s))};return o`
      <label class="block">
        Family
        <select @change=${s=>i(s.target.value)}>
          <option value="zone" ?selected=${e.family==="zone"}>Zone state</option>
          <option value="unit" ?selected=${e.family==="unit"}>Unit state</option>
          <option value="sec"  ?selected=${e.family==="sec"}>Area in security mode</option>
          <option value="time" ?selected=${e.family==="time"}>Time clock</option>
          <option value="misc" ?selected=${e.family==="misc"}>Misc</option>
        </select>
      </label>
      ${this._renderChainCondSubfields(e,r)}
    `}_renderChainCondSubfields(e,t){if(e.family==="zone"){let i=this._bucketWithPreserve(this._objects?.zones??null,"zone",e.index??0);return o`
        <label class="block">
          Zone
          <select @change=${r=>t({...e,index:parseInt(r.target.value,10)})}>
            ${i.map(r=>o`
              <option .value=${String(r.index)} ?selected=${r.index===e.index}>
                #${r.index} ${r.name}
              </option>`)}
          </select>
        </label>
        <label class="block">
          Is
          <select @change=${r=>t({...e,active:r.target.value==="1"})}>
            <option value="0" ?selected=${!e.active}>secure</option>
            <option value="1" ?selected=${e.active}>not ready</option>
          </select>
        </label>`}if(e.family==="unit"){let i=this._bucketWithPreserve(this._objects?.units??null,"unit",e.index??0);return o`
        <label class="block">
          Unit
          <select @change=${r=>t({...e,index:parseInt(r.target.value,10)})}>
            ${i.map(r=>o`
              <option .value=${String(r.index)} ?selected=${r.index===e.index}>
                #${r.index} ${r.name}
              </option>`)}
          </select>
        </label>
        <label class="block">
          Is
          <select @change=${r=>t({...e,active:r.target.value==="1"})}>
            <option value="1" ?selected=${e.active}>ON</option>
            <option value="0" ?selected=${!e.active}>OFF</option>
          </select>
        </label>`}if(e.family==="sec"){let i=this._bucketWithPreserve(this._objects?.areas??null,"area",e.index??0);return o`
        <label class="block">
          Area
          <select @change=${r=>t({...e,index:parseInt(r.target.value,10)})}>
            ${i.map(r=>o`
              <option .value=${String(r.index)} ?selected=${r.index===e.index}>
                #${r.index} ${r.name}
              </option>`)}
          </select>
        </label>
        <label class="block">
          Mode
          <select @change=${r=>t({...e,mode:parseInt(r.target.value,10)})}>
            ${_e.map(r=>o`
              <option .value=${String(r.value)} ?selected=${r.value===e.mode}>
                ${r.label}
              </option>`)}
          </select>
        </label>`}return e.family==="time"?o`
        <label class="block">
          Time clock # (1..3)
          <input type="number" min="1" max="3"
            .value=${String(e.index??1)}
            @input=${i=>{let r=parseInt(i.target.value,10);Number.isFinite(r)&&t({...e,index:r})}}
          />
        </label>
        <label class="block">
          Is
          <select @change=${i=>t({...e,active:i.target.value==="1"})}>
            <option value="1" ?selected=${e.active}>enabled</option>
            <option value="0" ?selected=${!e.active}>disabled</option>
          </select>
        </label>`:o`
      <label class="block">
        Condition
        <select @change=${i=>t({family:"misc",misc:parseInt(i.target.value,10)})}>
          ${ve.map(i=>o`
            <option .value=${String(i.value)} ?selected=${i.value===e.misc}>
              ${i.label}
            </option>`)}
        </select>
      </label>`}_renderChainActionsSection(e){return o`
      <fieldset>
        <legend>
          Actions (${e.length})
          <button type="button" class="mini-btn"
            @click=${()=>this._addChainAction()}>+ THEN</button>
        </legend>
        ${e.map((t,i)=>this._renderChainActionRow(t,i,e.length))}
      </fieldset>
    `}_renderChainActionRow(e,t,i){let r=j(e.cmd??0),s=r?.ref_kind?this._bucketWithPreserve(this._pickBucket(r.ref_kind),r.ref_kind,e.pr2??0):null,u=e.cmd===9;return o`
      <div class="cond-slot">
        <div class="cond-row-header">
          <strong>${t===0?"THEN":"AND"}</strong>
          ${i>1?o`
            <button type="button" class="mini-btn danger"
              @click=${()=>this._removeChainAction(t)}>×</button>`:""}
        </div>
        <label class="block">
          Command
          <select @change=${l=>{let p=parseInt(l.target.value,10),c=j(p),d=e.pr2??0;if(c?.ref_kind&&this._objects){let f=this._pickBucket(c.ref_kind);f&&f.length>0&&!f.some(v=>v.index===d)&&(d=f[0].index)}else c?.ref_kind||(d=0);this._patchChainAction(t,{cmd:p,pr2:d})}}>
            ${K.map(l=>o`
              <option .value=${String(l.value)} ?selected=${l.value===e.cmd}>
                ${l.label}
              </option>`)}
          </select>
        </label>
        ${r?.ref_kind?o`
          <label class="block">
            ${r.ref_kind[0].toUpperCase()+r.ref_kind.slice(1)}
            <select @change=${l=>{let p=parseInt(l.target.value,10);Number.isFinite(p)&&this._patchChainAction(t,{pr2:p})}}>
              ${(s??[]).map(l=>o`
                <option .value=${String(l.index)} ?selected=${l.index===e.pr2}>
                  #${l.index} ${l.name}
                </option>`)}
            </select>
          </label>`:""}
        ${u?o`
          <label class="block">
            Level (0..100)
            <input type="number" min="0" max="100"
              .value=${String(e.par??0)}
              @input=${l=>{let p=parseInt(l.target.value,10);Number.isFinite(p)&&p>=0&&p<=100&&this._patchChainAction(t,{par:p})}}
            />
          </label>`:""}
      </div>
    `}};h.styles=ee`
    :host {
      display: block;
      min-height: 100vh;
      background: var(--primary-background-color, #fafafa);
      color: var(--primary-text-color, #000);
      font-family: var(--paper-font-body1_-_font-family, sans-serif);
    }
    .header {
      display: flex; align-items: center;
      padding: 16px 20px;
      background: var(--primary-color, #03a9f4);
      color: var(--text-primary-color, #fff);
    }
    .header .title { display: flex; align-items: center; gap: 10px; font-size: 1.2rem; }
    .header .count {
      margin-left: 12px;
      font-size: 0.85rem; opacity: 0.85; font-weight: normal;
    }

    .error {
      margin: 12px 16px;
      padding: 10px 14px;
      background: var(--error-color, #db4437);
      color: white;
      border-radius: 4px;
    }

    .filters {
      padding: 12px 16px 8px;
      border-bottom: 1px solid var(--divider-color, #ddd);
    }
    .search {
      width: 100%;
      padding: 8px 10px;
      font-size: 0.95rem;
      border: 1px solid var(--divider-color, #ccc);
      border-radius: 4px;
      background: var(--card-background-color, #fff);
      color: inherit;
      box-sizing: border-box;
    }
    .chips {
      display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px;
    }
    .chip {
      border: 1px solid var(--divider-color, #ccc);
      background: var(--card-background-color, #fff);
      color: var(--secondary-text-color, #555);
      padding: 4px 10px;
      border-radius: 12px;
      font-size: 0.78rem;
      cursor: pointer;
      font-family: inherit;
    }
    .chip:hover { background: var(--secondary-background-color, #eee); }
    .chip.active {
      background: var(--primary-color, #03a9f4);
      color: var(--text-primary-color, #fff);
      border-color: transparent;
    }
    .ref-filter {
      margin-top: 8px;
      font-size: 0.85rem;
      color: var(--secondary-text-color, #555);
      display: flex; align-items: center; gap: 8px;
    }
    .ref-filter button {
      border: 1px solid var(--divider-color, #ccc);
      background: transparent; color: inherit;
      padding: 2px 8px; border-radius: 8px;
      font-size: 0.75rem; cursor: pointer;
    }

    .body {
      display: grid;
      grid-template-columns: 1fr;
      gap: 0;
    }
    .body[data-narrow="false"] { grid-template-columns: 1fr 380px; }

    .list {
      max-height: calc(100vh - 200px);
      overflow-y: auto;
    }
    .row {
      display: grid;
      grid-template-columns: 60px 1fr auto;
      align-items: start;
      gap: 12px;
      padding: 10px 16px;
      border-bottom: 1px solid var(--divider-color, #eee);
      cursor: pointer;
    }
    .row:hover { background: var(--secondary-background-color, #f5f5f5); }
    .row.selected { background: var(--state-active-color, #e3f2fd); }
    .row-slot {
      font-family: var(--code-font-family, monospace);
      font-size: 0.78rem;
      color: var(--secondary-text-color, #888);
      padding-top: 2px;
    }
    .row-summary {
      font-size: 0.92rem;
      line-height: 1.45;
    }
    .row-meta {
      display: flex; flex-direction: column; align-items: flex-end; gap: 4px;
    }

    /* trigger-type badges */
    .trigger-badge {
      font-size: 0.7rem;
      font-weight: 600;
      letter-spacing: 0.5px;
      padding: 2px 6px;
      border-radius: 3px;
      text-transform: uppercase;
    }
    .trigger-timed { background: #e3f2fd; color: #1565c0; }
    .trigger-event { background: #fff3e0; color: #e65100; }
    .trigger-yearly { background: #f3e5f5; color: #6a1b9a; }
    .trigger-when { background: #e8f5e9; color: #2e7d32; }
    .trigger-at { background: #e3f2fd; color: #1565c0; }
    .trigger-every { background: #fce4ec; color: #ad1457; }
    .trigger-remark { background: #f5f5f5; color: #616161; }

    .meta-pill {
      font-size: 0.7rem;
      color: var(--secondary-text-color, #888);
      background: var(--secondary-background-color, #eee);
      padding: 1px 6px;
      border-radius: 8px;
    }

    /* token-renderer styles */
    .row-summary, .detail-body {
      font-family: var(--paper-font-body1_-_font-family, system-ui, sans-serif);
    }
    .keyword { font-weight: 600; color: var(--primary-color, #1565c0); }
    .operator { color: var(--secondary-text-color, #666); font-style: italic; }
    .value { font-family: var(--code-font-family, monospace); color: var(--accent-color, #ff6f00); }
    .ref {
      display: inline-flex; align-items: baseline; gap: 4px;
      border: none; background: transparent; padding: 0 2px;
      cursor: pointer; font: inherit; color: inherit;
      border-bottom: 1px dotted var(--secondary-text-color, #999);
    }
    .ref:hover { background: var(--secondary-background-color, #eee); }
    .ref-name { font-weight: 500; }
    .ref-state {
      font-size: 0.72rem;
      padding: 1px 5px;
      border-radius: 3px;
      background: var(--secondary-background-color, #eee);
      color: var(--secondary-text-color, #666);
      vertical-align: 1px;
    }
    .ref-zone .ref-name { color: var(--info-color, #0288d1); }
    .ref-unit .ref-name { color: var(--warning-color, #f57c00); }
    .ref-area .ref-name { color: var(--success-color, #388e3c); }
    .ref-thermostat .ref-name { color: var(--accent-color, #c2185b); }
    .ref-button .ref-name { color: var(--state-light-color, #7e57c2); }

    .indent { display: inline-block; width: 1.5em; }

    /* detail panel */
    .detail {
      border-left: 1px solid var(--divider-color, #ddd);
      padding: 16px;
      max-height: calc(100vh - 200px);
      overflow-y: auto;
      box-sizing: border-box;
    }
    .body[data-narrow="true"] .detail {
      border-left: none;
      border-top: 1px solid var(--divider-color, #ddd);
    }
    .detail header {
      display: flex; justify-content: space-between; align-items: center;
      margin-bottom: 12px;
    }
    .detail header .slot {
      margin-left: 8px;
      font-family: var(--code-font-family, monospace);
      font-size: 0.85rem;
      color: var(--secondary-text-color, #888);
    }
    .detail .close {
      background: transparent; border: none;
      font-size: 1.4rem; cursor: pointer;
      color: var(--secondary-text-color, #888);
    }
    .detail-body {
      font-size: 0.95rem;
      line-height: 1.6;
      white-space: pre-wrap;
      word-wrap: break-word;
      background: var(--card-background-color, #fff);
      padding: 12px;
      border-radius: 4px;
      border: 1px solid var(--divider-color, #eee);
      margin: 0;
    }
    .detail footer {
      display: flex; align-items: center; gap: 12px; margin-top: 14px;
    }
    .fire, .primary, .secondary, .danger {
      border: none;
      padding: 8px 16px;
      font-size: 0.92rem;
      border-radius: 4px;
      cursor: pointer;
      font-family: inherit;
    }
    .fire, .primary {
      background: var(--primary-color, #03a9f4);
      color: var(--text-primary-color, #fff);
    }
    .secondary {
      background: var(--secondary-background-color, #eee);
      color: var(--primary-text-color, #000);
    }
    .danger {
      background: transparent;
      color: var(--error-color, #db4437);
      border: 1px solid var(--error-color, #db4437);
    }
    .fire:hover, .primary:hover, .secondary:hover, .danger:hover {
      filter: brightness(0.9);
    }
    .action-row {
      display: flex;
      align-items: center;
      gap: 8px;
      margin-top: 12px;
      padding: 10px;
      background: var(--secondary-background-color, #f5f5f5);
      border-radius: 4px;
      font-size: 0.88rem;
    }
    .action-row.danger-row {
      background: var(--error-color, #db4437);
      color: white;
    }
    .action-row input[type="number"] {
      width: 70px;
      padding: 4px 6px;
      font-size: 0.9rem;
      border: 1px solid var(--divider-color, #ccc);
      border-radius: 3px;
      margin-left: 6px;
    }
    .action-row button {
      padding: 4px 12px;
      font-size: 0.85rem;
    }
    .fire-feedback {
      font-size: 0.85rem; color: var(--secondary-text-color, #666);
    }
    .chain-info {
      margin-top: 12px;
      font-size: 0.8rem;
      color: var(--secondary-text-color, #888);
    }

    .loading, .empty {
      padding: 40px 20px;
      text-align: center;
      color: var(--secondary-text-color, #888);
    }

    /* editor */
    .editor-body { display: flex; flex-direction: column; gap: 12px; }
    .editor fieldset {
      border: 1px solid var(--divider-color, #ddd);
      border-radius: 4px;
      padding: 10px 12px;
      margin: 0;
    }
    .editor legend {
      padding: 0 6px;
      font-size: 0.78rem;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      color: var(--secondary-text-color, #777);
    }
    .editor .row {
      display: flex; align-items: center; gap: 8px;
    }
    .editor label.block {
      display: flex; flex-direction: column;
      gap: 4px;
      font-size: 0.85rem;
      color: var(--secondary-text-color, #555);
      margin-bottom: 8px;
    }
    .editor label.block:last-child { margin-bottom: 0; }
    .editor input[type="number"], .editor select {
      padding: 6px 8px;
      font-size: 0.95rem;
      border: 1px solid var(--divider-color, #ccc);
      border-radius: 3px;
      background: var(--card-background-color, #fff);
      color: inherit;
    }
    .editor .time-colon {
      font-weight: 600; font-size: 1.4rem;
      margin: 0 2px;
    }
    .days-row { display: flex; flex-wrap: wrap; gap: 4px; }
    .day-toggle {
      padding: 6px 10px;
      border: 1px solid var(--divider-color, #ccc);
      background: var(--card-background-color, #fff);
      color: var(--secondary-text-color, #555);
      border-radius: 3px;
      cursor: pointer;
      font-family: inherit;
      font-size: 0.82rem;
    }
    .day-toggle.active {
      background: var(--primary-color, #03a9f4);
      color: var(--text-primary-color, #fff);
      border-color: transparent;
    }
    .conditions-readonly {
      padding: 10px 12px;
      background: var(--secondary-background-color, #f5f5f5);
      border-radius: 4px;
      font-size: 0.82rem;
      color: var(--secondary-text-color, #666);
    }
    .cond-slot {
      padding: 8px 10px;
      margin-top: 6px;
      background: var(--secondary-background-color, #f5f5f5);
      border-radius: 4px;
    }
    .cond-slot:first-of-type { margin-top: 0; }
    .cond-family-label {
      font-weight: 600;
      color: var(--primary-text-color, #000);
    }
    .cond-row-header {
      display: flex; justify-content: space-between; align-items: center;
      margin-bottom: 4px;
    }
    .mini-btn {
      border: 1px solid var(--divider-color, #ccc);
      background: var(--card-background-color, #fff);
      color: inherit;
      padding: 2px 8px;
      border-radius: 3px;
      font-size: 0.78rem;
      cursor: pointer;
      font-family: inherit;
      margin-left: 6px;
    }
    .mini-btn:hover { background: var(--secondary-background-color, #eee); }
    .mini-btn.danger {
      color: var(--error-color, #db4437);
      border-color: var(--error-color, #db4437);
    }
    .structured-cond {
      background: rgba(255, 152, 0, 0.08);  /* subtle structured tint */
    }
    .structured-row {
      display: grid;
      grid-template-columns: 1fr;
      gap: 6px;
    }
    .structured-tag, .readonly-tag {
      display: inline-block;
      margin-left: 6px;
      padding: 1px 6px;
      font-size: 0.7rem;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      border-radius: 3px;
    }
    .structured-tag {
      background: rgba(255, 152, 0, 0.18);
      color: #b35a00;
    }
    .readonly-tag {
      background: var(--secondary-background-color, #eee);
      color: var(--secondary-text-color, #888);
    }
    .chain-meta {
      margin-top: 8px;
      padding: 8px 10px;
      font-size: 0.82rem;
      color: var(--secondary-text-color, #666);
      background: var(--secondary-background-color, #f5f5f5);
      border-radius: 4px;
    }
  `,m([N({attribute:!1})],h.prototype,"hass",2),m([N({attribute:!1})],h.prototype,"narrow",2),m([g()],h.prototype,"_entryId",2),m([g()],h.prototype,"_rows",2),m([g()],h.prototype,"_total",2),m([g()],h.prototype,"_filteredTotal",2),m([g()],h.prototype,"_loading",2),m([g()],h.prototype,"_error",2),m([g()],h.prototype,"_activeTriggerTypes",2),m([g()],h.prototype,"_referenceFilter",2),m([g()],h.prototype,"_searchTerm",2),m([g()],h.prototype,"_selectedSlot",2),m([g()],h.prototype,"_detail",2),m([g()],h.prototype,"_detailLoading",2),m([g()],h.prototype,"_fireFeedback",2),m([g()],h.prototype,"_writeFeedback",2),m([g()],h.prototype,"_cloneTargetSlot",2),m([g()],h.prototype,"_showCloneInput",2),m([g()],h.prototype,"_confirmingClear",2),m([g()],h.prototype,"_editingDraft",2),m([g()],h.prototype,"_objects",2),m([g()],h.prototype,"_chainDraft",2),h=m([je("omni-panel-programs")],h);export{h as OmniPanelPrograms};
/*! Bundled license information:

@lit/reactive-element/css-tag.js:
  (**
   * @license
   * Copyright 2019 Google LLC
   * SPDX-License-Identifier: BSD-3-Clause
   *)

@lit/reactive-element/reactive-element.js:
  (**
   * @license
   * Copyright 2017 Google LLC
   * SPDX-License-Identifier: BSD-3-Clause
   *)

lit-html/lit-html.js:
  (**
   * @license
   * Copyright 2017 Google LLC
   * SPDX-License-Identifier: BSD-3-Clause
   *)

lit-element/lit-element.js:
  (**
   * @license
   * Copyright 2017 Google LLC
   * SPDX-License-Identifier: BSD-3-Clause
   *)

lit-html/is-server.js:
  (**
   * @license
   * Copyright 2022 Google LLC
   * SPDX-License-Identifier: BSD-3-Clause
   *)

@lit/reactive-element/decorators/custom-element.js:
  (**
   * @license
   * Copyright 2017 Google LLC
   * SPDX-License-Identifier: BSD-3-Clause
   *)

@lit/reactive-element/decorators/property.js:
  (**
   * @license
   * Copyright 2017 Google LLC
   * SPDX-License-Identifier: BSD-3-Clause
   *)

@lit/reactive-element/decorators/state.js:
  (**
   * @license
   * Copyright 2017 Google LLC
   * SPDX-License-Identifier: BSD-3-Clause
   *)

@lit/reactive-element/decorators/event-options.js:
  (**
   * @license
   * Copyright 2017 Google LLC
   * SPDX-License-Identifier: BSD-3-Clause
   *)

@lit/reactive-element/decorators/base.js:
  (**
   * @license
   * Copyright 2017 Google LLC
   * SPDX-License-Identifier: BSD-3-Clause
   *)

@lit/reactive-element/decorators/query.js:
  (**
   * @license
   * Copyright 2017 Google LLC
   * SPDX-License-Identifier: BSD-3-Clause
   *)

@lit/reactive-element/decorators/query-all.js:
  (**
   * @license
   * Copyright 2017 Google LLC
   * SPDX-License-Identifier: BSD-3-Clause
   *)

@lit/reactive-element/decorators/query-async.js:
  (**
   * @license
   * Copyright 2017 Google LLC
   * SPDX-License-Identifier: BSD-3-Clause
   *)

@lit/reactive-element/decorators/query-assigned-elements.js:
  (**
   * @license
   * Copyright 2021 Google LLC
   * SPDX-License-Identifier: BSD-3-Clause
   *)

@lit/reactive-element/decorators/query-assigned-nodes.js:
  (**
   * @license
   * Copyright 2017 Google LLC
   * SPDX-License-Identifier: BSD-3-Clause
   *)
*/