npm - @camstack/addon-admin-ui - Versions diffs - 1.2.298 → 1.2.300 - Mend

@camstack/addon-admin-ui 1.2.298 → 1.2.300

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (96) hide show

package/dist/assets/Build-CNQhG6ma.js DELETED Viewed

@@ -1,32 +0,0 @@
-import{I as e,K as t,M as n,Q as r,S as i,T as a,W as o,a as s,b as c,q as l,t as u,x as d,z as f}from"./_virtual_mf___mfe_internal__admin_ui_host__loadShare___mf_0_tanstack_mf_1_react_mf_2_query__loadShare__.js-DhP-Lgiq.js";import{_t as p,at as m,gt as h,st as g,yt as _}from"./player-overlays-o54P23P2.js";import{Al as v,At as y,Bt as b,Fl as x,Hl as S,Iu as C,J as w,Ot as T,St as E,Ul as D,Wl as O,_ as k,an as A,bt as j,cn as M,dt as N,fu as ee,id as P,kt as te,nn as F,nu as ne,ol as re,pt as I,rt as ie,sn as L,td as ae,tn as R,tt as oe,ut as se,vi as ce,xt as le,yn as ue,yt as de,zr as fe,zt as pe}from"./src-f3OJiuN1.js";import{An as me,Dn as he,En as ge,On as _e,ar as ve,bn as z,dt as ye,hn as be,kn as xe,sn as B,xn as Se}from"./src-C36-vO5A.js";import{a as Ce,d as we,i as Te,m as Ee,s as De,y as Oe}from"./index-CgXPc-AV.js";import{t as ke}from"./AdminPage-CiKtOLQm.js";import{r as Ae}from"./useDevice-BU0imY9B.js";var je=_(`braces`,[[`path`,{d:`M8 3H7a2 2 0 0 0-2 2v5a2 2 0 0 1-2 2 2 2 0 0 1 2 2v5c0 1.1.9 2 2 2h1`,key:`ezmyqa`}],[`path`,{d:`M16 21h1a2 2 0 0 0 2-2v-5c0-1.1.9-2 2-2a2 2 0 0 1-2-2V5a2 2 0 0 0-2-2h-1`,key:`e1hn23`}]]),Me=_(`ungroup`,[[`rect`,{width:`8`,height:`6`,x:`5`,y:`4`,rx:`1`,key:`nzclkv`}],[`rect`,{width:`8`,height:`6`,x:`11`,y:`14`,rx:`1`,key:`4tytwb`}]]);r();var Ne=6e4;function Pe(){let e=ce({projection:`slim`});return o(()=>(e.data??[]).map(e=>({id:e.id,name:e.name,stableId:e.stableId})).toSorted((e,t)=>e.name.localeCompare(t.name)),[e.data])}function Fe(e){let t=m();return s({queryKey:[`automation`,`device-caps`,e],enabled:e>0,staleTime:Ne,queryFn:async()=>{let n=await t.trpcClient.deviceManager.getBindings.query({deviceId:e});return[...new Set(n.entries.map(e=>e.capName))].sort((e,t)=>e.localeCompare(t))}})}function Ie(e){let t=m();return s({queryKey:[`automation`,`wireable-fields`,e],enabled:e>0,staleTime:Ne,queryFn:async()=>(await t.trpcClient.deviceManager.getWireableFields.query({deviceId:e})).caps})}function Le(e,t){return e.find(e=>e.cap===t)?.fields??[]}function Re(){let e=new Set;for(let t of Object.values(ye))t.capScope===`device`&&e.add(t.capName);return[...e].sort((e,t)=>e.localeCompare(t))}function ze(e){if(e===``)return[];let t=new Set;for(let[n,r]of Object.entries(ye)){if(r.capName!==e||r.capScope!==`device`||r.access===`view`)continue;let i=n.slice(n.indexOf(`.`)+1);i!==``&&t.add(i)}return[...t].sort((e,t)=>e.localeCompare(t))}function V({children:e}){return d(`span`,{className:`mb-1 block text-xs text-foreground-subtle`,children:e})}function Be(e){let t=Ie(e.deviceId);if(t.data!==void 0)return Le(t.data,e.cap).find(t=>t.path===e.fieldPath)}function Ve({value:e,devices:t,onChange:n}){let r=Ie(e.deviceId),a=r.data??[],o=Le(a,e.cap);return i(c,{children:[i(`label`,{className:`min-w-[10rem] flex-1`,children:[d(V,{children:`Device`}),d(L,{value:String(e.deviceId),onChange:e=>n({deviceId:Number(e.target.value),cap:``,fieldPath:``}),options:[{value:`0`,label:`Select a device…`},...t.map(e=>({value:String(e.id),label:e.name}))]})]}),i(`label`,{className:`min-w-[9rem] flex-1`,children:[d(V,{children:`Capability`}),d(L,{value:e.cap,disabled:e.deviceId===0,onChange:t=>n({...e,cap:t.target.value,fieldPath:``}),options:[{value:``,label:He(e.deviceId,a.length,r.isLoading)},...a.map(e=>({value:e.cap,label:e.cap}))]})]}),i(`label`,{className:`min-w-[9rem] flex-1`,children:[d(V,{children:`Field`}),d(L,{value:e.fieldPath,disabled:e.cap===``,onChange:t=>n({...e,fieldPath:t.target.value}),options:[{value:``,label:o.length===0?`No readable fields`:`Select a field…`},...o.map(e=>({value:e.path,label:`${e.path} (${e.kind})`}))]})]})]})}function He(e,t,n){return e===0?`Pick a device first`:n?`Reading this device…`:t===0?`This device reports no readable capabilities`:`Select a capability…`}var Ue=[`eq`,`ne`,`gt`,`gte`,`lt`,`lte`,`contains`,`in`];function We(e){switch(e){case`boolean`:return[`eq`,`ne`];case`number`:return[`eq`,`ne`,`gt`,`gte`,`lt`,`lte`];case`string`:case`enum`:return[`eq`,`ne`,`contains`,`in`];default:return Ue}}function Ge(e){switch(e){case`eq`:return`is`;case`ne`:return`is not`;case`gt`:return`is above`;case`gte`:return`is at least`;case`lt`:return`is below`;case`lte`:return`is at most`;case`contains`:return`contains`;default:return`is one of`}}function Ke(e){return We(e).map(e=>({value:e,label:Ge(e)}))}function qe(e){switch(e){case`device-state`:return`A device field changes`;case`device-event`:return`An event happens`;case`schedule`:return`On a schedule`;default:return`Only when run by hand`}}var Je={triggers:[],actions:[]};function Ye(e){switch(e){case`device-state`:return{kind:e,deviceId:0,cap:``,fieldPath:``};case`device-event`:return{kind:e,category:``};case`schedule`:return{kind:e,cron:`0 30 23 * * *`};default:return{kind:`manual`}}}function Xe(e){switch(e){case`wait`:return{kind:e,seconds:5};case`code`:return{kind:e,code:`// runs inside this automation, with ctx in scope
-`};default:return{kind:`cap`,deviceId:0,cap:``,method:``}}}function Ze(){return{kind:`condition`,deviceId:0,cap:``,fieldPath:``,operator:`eq`,value:``}}function Qe(){return{kind:`expression`,expr:``,bindings:{}}}function $e(e,t,n){return e.map((e,r)=>r===t?n:e)}function et(e,t){return e.filter((e,n)=>n!==t)}function tt(e,t,n){let r=e[t];if(r===void 0)return e;let i=Math.min(Math.max(n,0),e.length-1);if(i===t)return e;let a=et(e,t);return[...a.slice(0,i),r,...a.slice(i)]}function nt(e,t){return{...e,triggers:[...t]}}function rt(e,t){return{...e,actions:[...t]}}var it=`deviceId`,at=`$trigger`,ot=[{value:`cap`,label:`Do something`},{value:`wait`,label:`Wait`},{value:`code`,label:`Run code`}];function st({actions:e,devices:t,onChange:n}){return i(`div`,{className:`space-y-2`,children:[e.length===0&&d(`p`,{className:`text-xs text-warning`,children:`No actions yet. An automation that does nothing is not an automation.`}),e.map((r,a)=>i(`div`,{className:`rounded border border-border p-3 space-y-2`,children:[i(`div`,{className:`flex flex-wrap items-end gap-2`,children:[d(R,{variant:`default`,children:a+1}),i(`label`,{className:`w-40`,children:[d(V,{children:`Step`}),d(L,{value:r.kind,onChange:t=>n($e(e,a,Xe(ct(t.target.value)))),options:ot.map(e=>({value:e.value,label:e.label}))})]}),i(`div`,{className:`ml-auto flex items-center gap-1`,children:[d(M,{variant:`ghost`,disabled:a===0,onClick:()=>n(tt(e,a,a-1)),title:`Run this step earlier`,children:d(ae,{className:`h-3.5 w-3.5`})}),d(M,{variant:`ghost`,disabled:a===e.length-1,onClick:()=>n(tt(e,a,a+1)),title:`Run this step later`,children:d(P,{className:`h-3.5 w-3.5`})}),d(M,{variant:`ghost`,onClick:()=>n(et(e,a)),title:`Remove this step`,children:d(g,{className:`h-3.5 w-3.5`})})]})]}),r.kind===`wait`&&i(`label`,{className:`block w-32`,children:[d(V,{children:`Seconds`}),d(b,{type:`number`,min:0,max:300,value:String(r.seconds),onChange:t=>n($e(e,a,{kind:`wait`,seconds:Number(t.target.value)}))})]}),r.kind===`code`&&i(`label`,{className:`block`,children:[d(V,{children:`Code`}),d(`textarea`,{className:`h-32 w-full rounded-md border border-border bg-surface p-2 font-mono text-xs text-foreground focus:outline-none focus:ring-1 focus:ring-primary`,value:r.code,spellCheck:!1,onChange:t=>n($e(e,a,{kind:`code`,code:t.target.value}))}),i(`span`,{className:`mt-1 block text-xs text-foreground-subtle`,children:[`Compiled into this automation's own block by the same compiler as a script — not evaluated at run time. `,d(`code`,{children:`ctx`}),` and `,d(`code`,{children:`vars`}),` are in scope.`]})]}),r.kind===`cap`&&d(lt,{action:r,devices:t,onChange:t=>n($e(e,a,t))})]},`${r.kind}-${String(a)}`)),i(`div`,{className:`flex items-center gap-2`,children:[i(M,{variant:`outline`,onClick:()=>n([...e,Xe(`cap`)]),children:[d(S,{className:`h-4 w-4`}),` Step`]}),e.length>1&&d(`span`,{className:`text-xs text-foreground-subtle`,children:`Steps run in order and stop at the first failure.`})]})]})}function ct(e){return ot.find(t=>t.value===e)?.value??`cap`}function lt({action:e,devices:t,onChange:n}){let r=typeof e.deviceId!=`number`,a=typeof e.deviceId==`number`?e.deviceId:0,o=Fe(a),s=r?Re():o.data??[],c=ze(e.cap);return i(`div`,{className:`flex flex-wrap items-end gap-2`,children:[i(`label`,{className:`min-w-[11rem] flex-1`,children:[d(V,{children:`Device`}),d(L,{value:r?at:String(a),onChange:t=>n({...e,deviceId:t.target.value===at?{$var:it}:Number(t.target.value),cap:``,method:``}),options:[{value:`0`,label:`Select a device…`},{value:at,label:`The device that triggered this run`},...t.map(e=>({value:String(e.id),label:e.name}))]})]}),i(`label`,{className:`min-w-[10rem] flex-1`,children:[d(V,{children:`Capability`}),d(L,{value:e.cap,disabled:s.length===0,onChange:t=>n({...e,cap:t.target.value,method:``}),options:[{value:``,label:s.length===0?`Pick a device first`:`Select a capability…`},...s.map(e=>({value:e,label:e}))]})]}),i(`label`,{className:`min-w-[9rem] flex-1`,children:[d(V,{children:`Method`}),d(L,{value:e.method,disabled:c.length===0,onChange:t=>n({...e,method:t.target.value}),options:[{value:``,label:c.length===0?`Pick a capability first`:`Select a method…`},...c.map(e=>({value:e,label:e}))]})]}),i(`label`,{className:`min-w-[10rem] flex-1`,children:[d(V,{children:`Arguments (JSON)`}),d(b,{value:e.args===void 0?``:JSON.stringify(e.args),placeholder:`{"mode":"away"}`,onChange:t=>n(ut(e,t.target.value))})]})]})}function ut(e,t){if(t.trim()===``)return{kind:`cap`,deviceId:e.deviceId,cap:e.cap,method:e.method};try{let n=JSON.parse(t);if(typeof n!=`object`||!n||Array.isArray(n))return e;let r={};for(let[e,t]of Object.entries(n))r[e]=t;return{...e,args:r}}catch{return e}}function dt({value:e,field:t,onChange:n}){return t?.kind===`boolean`?d(L,{value:e===!0?`true`:`false`,onChange:e=>n(e.target.value===`true`),options:[{value:`true`,label:`true`},{value:`false`,label:`false`}]}):t?.kind===`enum`&&t.enumValues!==void 0&&t.enumValues.length>0?d(L,{value:String(e),onChange:e=>n(e.target.value),options:t.enumValues.map(e=>({value:e,label:e}))}):t?.kind===`number`?d(b,{type:`number`,value:typeof e==`number`?String(e):``,placeholder:`0`,onChange:e=>{let t=Number(e.target.value);e.target.value!==``&&!Number.isNaN(t)&&n(t)}}):d(b,{value:String(e),placeholder:`value`,onChange:e=>n(e.target.value)})}function ft({value:e,field:t,onChange:n}){return d(b,{value:e.join(`, `),placeholder:`one, two, three`,onChange:e=>{let r=e.target.value.split(`,`).map(e=>e.trim()).filter(e=>e!==``);n(t?.kind===`number`?r.map(e=>Number(e)).filter(e=>!Number.isNaN(e)):r)}})}function pt(e){return typeof e==`object`}function mt(e){return pt(e)?e[0]??``:e}function ht(e){return pt(e)?e:typeof e==`boolean`?[]:[e]}function gt({leaf:e,devices:t,onChange:n}){let r={deviceId:e.deviceId,cap:e.cap,fieldPath:e.fieldPath},a=Be(r),o=Ke(a?.kind),s=e.operator===`in`,c=t=>{n({...e,deviceId:t.deviceId,cap:t.cap,fieldPath:t.fieldPath})},l=t=>{let r=_t(t,o);n({...e,operator:r,value:r===`in`?ht(e.value):mt(e.value)})};return i(`div`,{className:`flex flex-wrap items-end gap-2`,children:[d(Ve,{value:r,devices:t,onChange:c}),i(`label`,{className:`min-w-[8rem]`,children:[d(V,{children:`Comparison`}),d(L,{value:e.operator,onChange:e=>l(e.target.value),options:o.map(e=>({value:e.value,label:e.label}))})]}),i(`label`,{className:`min-w-[9rem] flex-1`,children:[d(V,{children:`Value`}),s?d(ft,{value:ht(e.value),field:a,onChange:t=>n({...e,value:t})}):d(dt,{value:mt(e.value),field:a,onChange:t=>n({...e,value:t})})]})]})}function _t(e,t){return t.find(t=>t.value===e)?.value??`eq`}var vt={kind:`global`,sourceStableId:``,cap:``,fieldPath:``};function yt({leaf:e,devices:t,onChange:n}){let r=Object.entries(e.bindings),a=t=>{n({kind:`expression`,expr:e.expr,bindings:t})};return i(`div`,{className:`space-y-2`,children:[i(`label`,{className:`block`,children:[d(V,{children:`Expression`}),d(b,{value:e.expr,placeholder:`indoor - outdoor > 5`,onChange:t=>n({kind:`expression`,expr:t.target.value,bindings:e.bindings})}),d(`span`,{className:`mt-1 block text-xs text-foreground-subtle`,children:`Must evaluate to true or false. Every name in it has to be bound below — an unbound name is refused when the automation is saved, not when it runs.`})]}),i(`div`,{className:`space-y-1.5`,children:[r.length===0&&d(`p`,{className:`text-xs text-foreground-subtle`,children:`No names bound yet. An expression reads devices only through these.`}),r.map(([n,r])=>d(bt,{alias:n,source:r,devices:t,onRename:t=>a(Et(e.bindings,n,t)),onChange:t=>a({...e.bindings,[n]:t}),onRemove:()=>a(Dt(e.bindings,n))},n)),i(M,{variant:`ghost`,onClick:()=>a({...e.bindings,[Tt(e.bindings)]:vt}),children:[d(S,{className:`h-3.5 w-3.5`}),` Name`]})]})]})}function bt({alias:e,source:t,devices:n,onRename:r,onChange:a,onRemove:o}){let s=t.kind===`literal`,c=s?{deviceId:0,cap:``,fieldPath:``}:{deviceId:Ct(n,St(t)),cap:t.cap,fieldPath:t.fieldPath};return i(`div`,{className:`flex flex-wrap items-end gap-2 rounded border border-border p-2`,children:[i(`label`,{className:`w-32`,children:[d(V,{children:`Name`}),d(b,{value:e,placeholder:`indoor`,onChange:e=>r(e.target.value)})]}),i(`label`,{className:`w-36`,children:[d(V,{children:`Reads`}),d(L,{value:s?`literal`:`global`,onChange:e=>a(e.target.value===`literal`?{kind:`literal`,value:``}:vt),options:[{value:`global`,label:`A device field`},{value:`literal`,label:`A constant`}]})]}),s?i(`label`,{className:`min-w-[9rem] flex-1`,children:[d(V,{children:`Constant`}),d(b,{value:t.value===null?``:String(t.value),placeholder:`5`,onChange:e=>a({kind:`literal`,value:xt(e.target.value)})})]}):d(Ve,{value:c,devices:n,onChange:e=>a({kind:`global`,sourceStableId:wt(n,e.deviceId),cap:e.cap,fieldPath:e.fieldPath})}),d(M,{variant:`ghost`,onClick:o,title:`Remove this name`,children:d(g,{className:`h-3.5 w-3.5`})})]})}function xt(e){let t=e.trim();return t===`true`?!0:t===`false`?!1:t!==``&&!Number.isNaN(Number(t))?Number(t):e}function St(e){return e.kind===`global`?e.sourceStableId:``}function Ct(e,t){return e.find(e=>e.stableId===t)?.id??0}function wt(e,t){return e.find(e=>e.id===t)?.stableId??``}function Tt(e){for(let t=0;t<26;t+=1){let n=String.fromCharCode(97+t);if(!(n in e))return n}return`n${String(Object.keys(e).length)}`}function Et(e,t,n){let r={};for(let[i,a]of Object.entries(e))i===t?r[n]=a:r[i]=a;return r}function Dt(e,t){let n={};for(let[r,i]of Object.entries(e))r!==t&&(n[r]=i);return n}function H(e){return e.kind===`all`||e.kind===`any`}function U(e){let t=e.conditions;return t===void 0?{kind:`all`,children:[]}:H(t)?t:{kind:`all`,children:[t]}}function Ot(e,t){return t===null||H(t)&&t.children.length===0?{triggers:e.triggers,actions:e.actions}:{triggers:e.triggers,actions:e.actions,conditions:t}}function kt(e){return Ot(e,U(e))}function W(e,t){if(t.length===0)return e;let[n,...r]=t;if(n===void 0)return e;if(e.kind===`not`)return n===0?W(e.child,r):null;if(!H(e))return null;let i=e.children[n];return i===void 0?null:W(i,r)}function G(e,t,n){if(t.length===0)return n(e);let[r,...i]=t;if(r===void 0)return n(e);if(e.kind===`not`){if(r!==0)return e;let t=G(e.child,i,n);return t===null?null:{kind:`not`,child:t}}if(!H(e))return e;let a=e.children[r];if(a===void 0)return e;let o=G(a,i,n),s=o===null?[...e.children.slice(0,r),...e.children.slice(r+1)]:[...e.children.slice(0,r),o,...e.children.slice(r+1)];return s.length===0?null:{kind:e.kind,children:s}}function At(e){return e===null?null:me({triggers:[{kind:`manual`}],actions:[{kind:`wait`,seconds:0}],conditions:e})}function jt(e){let t=U(e);return{depth:t.children.length===0?0:_e(t),leaves:t.children.length===0?0:xe(t),depthLimit:3,leafLimit:32}}function Mt(e,t){let n=At(t);return n===null?{ok:!0,recipe:Ot(e,t)}:{ok:!1,reason:n}}function Nt(e,t){let n=U(e);return Mt(e,{kind:n.kind,children:[...n.children,t]})}function Pt(e,t,n){return Ot(e,G(U(e),t,()=>n))}function Ft(e,t){return Ot(e,G(U(e),t,()=>null))}function It(e,t,n){return Ot(e,G(U(e),t,e=>H(e)?{kind:n,children:e.children}:e))}function Lt(e,t){return W(U(e),t)===null?{ok:!1,reason:`that row is no longer there`}:Mt(e,G(U(e),t,e=>e.kind===`not`?e.child:{kind:`not`,child:e}))}function Rt(e){if(e.length===0)return null;let t=e[e.length-1];return t===void 0?null:{path:e.slice(0,-1),index:t}}function zt(e,t,n){if(t.length<2)return{ok:!1,reason:`select at least two rows — a group of one is just the row`};if(new Set(t.map(e=>e.slice(0,-1).join(`/`))).size!==1)return{ok:!1,reason:`those rows are in different groups — a group can only be made from rows side by side`};let r=Rt(t[0]??[]);if(r===null)return{ok:!1,reason:`the root list cannot be grouped into itself`};let i=U(e),a=W(i,r.path);if(a===null||!H(a))return{ok:!1,reason:`those rows are inside a NOT — remove it before grouping them`};let o=[...t.map(e=>e[e.length-1]??-1)].sort((e,t)=>e-t),s=o.map(e=>a.children[e]).filter(e=>e!==void 0);if(s.length!==o.length)return{ok:!1,reason:`one of the selected rows is no longer there`};let c=a.children.filter((e,t)=>!o.includes(t)),l=o[0]??0,u={kind:n,children:s},d={kind:a.kind,children:[...c.slice(0,l),u,...c.slice(l)]};return Mt(e,G(i,r.path,()=>d))}function Bt(e,t){if(t.length===0)return{ok:!1,reason:`the outer list is not a group — there is nothing to dissolve`};let n=U(e),r=W(n,t);if(r===null)return{ok:!1,reason:`that group is no longer there`};if(r.kind===`not`)return Mt(e,G(n,t,()=>r.child));if(!H(r))return{ok:!1,reason:`that row is a condition, not a group`};let i=Rt(t);if(i===null)return{ok:!1,reason:`that group has no parent to dissolve into`};let a=W(n,i.path);if(a===null||!H(a))return{ok:!1,reason:`a group inside a NOT cannot be dissolved in place`};let o={kind:a.kind,children:[...a.children.slice(0,i.index),...r.children,...a.children.slice(i.index+1)]};return Mt(e,G(n,i.path,()=>o))}r();var Vt=[{value:`all`,label:`ALL of`},{value:`any`,label:`ANY of`}];function Ht(e){return e.join(`/`)}function Ut(e){return e===``?[]:e.split(`/`).map(e=>Number(e))}function Wt({recipe:e,devices:t,onChange:n}){let[r,a]=l([]),[s,c]=l(null),u=U(e),f=jt(e),p=o(()=>r.map(Ut),[r]),m=e=>{if(!e.ok){c(e.reason);return}c(null),a([]),n(e.recipe)},h=zt(e,p,`all`),g=zt(e,p,`any`),_=p.length===1?Lt(e,p[0]??[]):{ok:!1,reason:`select exactly one row to negate`},v={devices:t,selected:new Set(r),onToggleSelect:e=>a(t=>t.includes(e)?t.filter(t=>t!==e):[...t,e]),onUpdate:(t,r)=>n(Pt(e,t,r)),onRemove:t=>{a([]),n(Ft(e,t))},onSetKind:(t,r)=>n(It(e,t,r)),onUngroup:t=>m(Bt(e,t))};return i(`div`,{className:`space-y-2`,children:[i(`div`,{className:`flex flex-wrap items-center gap-2`,children:[d(R,{variant:`default`,children:`And only if`}),d(`div`,{className:`w-32`,children:d(L,{value:u.kind,onChange:t=>n(It(e,[],Gt(t.target.value))),options:Vt})}),i(`span`,{className:`text-xs text-foreground-subtle`,children:[`depth `,f.depth,`/`,f.depthLimit,` · `,f.leaves,`/`,f.leafLimit,` conditions`]})]}),u.children.length===0?d(`p`,{className:`text-xs text-foreground-subtle`,children:`No conditions. The actions run every time a trigger fires.`}):d(Kt,{container:u,path:[],handlers:v}),i(`div`,{className:`flex flex-wrap items-center gap-2`,children:[i(M,{variant:`outline`,onClick:()=>m(Nt(e,Ze())),title:`Compare one device field to a value`,children:[d(S,{className:`h-4 w-4`}),` Condition`]}),i(M,{variant:`outline`,onClick:()=>m(Nt(e,Qe())),title:`Arithmetic across device fields — the bounded expression engine`,children:[d(je,{className:`h-4 w-4`}),` Expression`]}),d(`span`,{className:`mx-1 h-5 w-px bg-border`}),d(M,{variant:`ghost`,disabled:!h.ok,onClick:()=>m(h),title:h.ok?`All selected rows must be true`:h.reason,children:`Group as ALL`}),d(M,{variant:`ghost`,disabled:!g.ok,onClick:()=>m(g),title:g.ok?`Any one of the selected rows is enough`:g.reason,children:`Group as ANY`}),d(M,{variant:`ghost`,disabled:!_.ok,onClick:()=>m(_),title:_.ok?`Invert the selected row`:_.reason,children:`NOT`}),r.length>0&&i(`span`,{className:`text-xs text-foreground-subtle`,children:[r.length,` selected`]})]}),s!==null&&d(`p`,{className:`rounded border border-warning/40 bg-warning/10 p-2 text-xs text-warning`,children:s})]})}function Gt(e){return e===`any`?`any`:`all`}function Kt({container:e,path:t,handlers:n}){return d(`div`,{className:`space-y-1.5`,children:e.children.map((e,r)=>d(qt,{node:e,path:[...t,r],handlers:n},Ht([...t,r])))})}function qt({node:e,path:t,handlers:n}){let r=Ht(t),a=d(pe,{checked:n.selected.has(r),onChange:()=>n.onToggleSelect(r),"aria-label":`Select this row for grouping`});return H(e)?i(`div`,{className:`rounded border border-border bg-surface-subtle/40 p-2`,children:[i(`div`,{className:`mb-1.5 flex flex-wrap items-center gap-2`,children:[a,d(`div`,{className:`w-32`,children:d(L,{value:e.kind,onChange:e=>n.onSetKind(t,Gt(e.target.value)),options:Vt})}),i(M,{variant:`ghost`,onClick:()=>n.onUngroup(t),title:`Dissolve this group, keeping its rows`,children:[d(Me,{className:`h-3.5 w-3.5`}),` Ungroup`]}),d(M,{variant:`ghost`,onClick:()=>n.onRemove(t),title:`Delete this group and everything in it`,children:d(g,{className:`h-3.5 w-3.5`})})]}),d(`div`,{className:`pl-4`,children:d(Kt,{container:e,path:t,handlers:n})})]}):e.kind===`not`?i(`div`,{className:`rounded border border-border p-2`,children:[i(`div`,{className:`mb-1.5 flex flex-wrap items-center gap-2`,children:[a,d(R,{variant:`warning`,children:`NOT`}),i(M,{variant:`ghost`,onClick:()=>n.onUngroup(t),title:`Remove the NOT, keeping the row`,children:[d(Me,{className:`h-3.5 w-3.5`}),` Remove NOT`]})]}),d(`div`,{className:`pl-4`,children:d(qt,{node:e.child,path:[...t,0],handlers:n})})]}):i(`div`,{className:`flex items-start gap-2 rounded border border-border p-2`,children:[d(`div`,{className:`pt-6`,children:a}),d(`div`,{className:`min-w-0 flex-1`,children:e.kind===`condition`?d(gt,{leaf:e,devices:n.devices,onChange:e=>n.onUpdate(t,e)}):d(yt,{leaf:e,devices:n.devices,onChange:e=>n.onUpdate(t,e)})}),d(M,{variant:`ghost`,onClick:()=>n.onRemove(t),title:`Remove this condition`,children:d(g,{className:`h-3.5 w-3.5`})})]})}r();function Jt({code:e,error:t,canEject:n,ejecting:r,onEject:a}){let[o,s]=l(!1),c=ue(),u=async()=>{await c({title:`Eject to code — this cannot be undone`,message:`The recipe is removed from the block and it becomes an ordinary script. The visual editor will no longer open it, and there is no way back to it except authoring a new automation from scratch. The code itself is kept exactly as it is now.`,confirmLabel:`Eject to code`,cancelLabel:`Keep it visual`,variant:`warning`})&&a()};return i(`div`,{className:`rounded border border-border`,children:[i(`div`,{className:`flex flex-wrap items-center gap-2 px-3 py-2`,children:[i(M,{variant:`ghost`,onClick:()=>s(!o),children:[d(o?p:h,{className:`h-4 w-4`}),`Generated code`]}),d(`span`,{className:`text-xs text-foreground-subtle`,children:`Derived from the recipe above — regenerated on every save, never edited here.`}),i(M,{className:`ml-auto`,variant:`ghost`,disabled:!n||e===null||r,onClick:()=>void u(),title:n?`Take permanent ownership of this code as a script`:`Save the automation first — there is no stored block to eject yet`,children:[d(Oe,{className:`h-4 w-4`}),` Eject to code`]})]}),o&&d(`div`,{className:`border-t border-border p-3`,children:e===null?d(`p`,{className:`text-xs text-warning`,children:t??`The recipe is not complete enough to generate a block yet.`}):d(I,{maxHeight:420,children:e})})]})}var Yt=[`device-state`,`device-event`,`schedule`,`manual`],Xt=Object.values(ve).sort((e,t)=>e.localeCompare(t));function Zt({triggers:e,devices:t,onChange:n}){return i(`div`,{className:`space-y-2`,children:[e.length===0&&d(`p`,{className:`text-xs text-warning`,children:`No triggers yet. Without one nothing can ever start this automation — not even "Run actions", which needs a manual trigger to have somewhere to arrive.`}),e.map((r,i)=>d(Qt,{trigger:r,devices:t,position:i,onChange:t=>n($e(e,i,t)),onRemove:()=>n(et(e,i))},`${r.kind}-${String(i)}`)),i(M,{variant:`outline`,onClick:()=>n([...e,Ye(`device-state`)]),title:`Add another way this automation can start`,children:[d(S,{className:`h-4 w-4`}),` Trigger`]})]})}function Qt({trigger:e,devices:t,position:n,onChange:r,onRemove:a}){return i(`div`,{className:`rounded border border-border p-3`,children:[i(`div`,{className:`flex flex-wrap items-end gap-2`,children:[d(R,{variant:`default`,children:n===0?`When`:`or when`}),i(`label`,{className:`min-w-[13rem] flex-1`,children:[d(V,{children:`Trigger`}),d(L,{value:e.kind,onChange:e=>r(Ye($t(e.target.value))),options:Yt.map(e=>({value:e,label:qe(e)}))})]}),d(M,{variant:`ghost`,onClick:a,title:`Remove this trigger`,children:d(g,{className:`h-4 w-4`})})]}),i(`div`,{className:`mt-2 flex flex-wrap items-end gap-2`,children:[e.kind===`device-state`&&d(en,{trigger:e,devices:t,onChange:r}),e.kind===`device-event`&&d(nn,{trigger:e,devices:t,onChange:r}),e.kind===`schedule`&&i(`label`,{className:`min-w-[14rem] flex-1`,children:[d(V,{children:`Cron expression`}),d(b,{value:e.cron,placeholder:`0 30 23 * * *`,onChange:e=>r({kind:`schedule`,cron:e.target.value})}),i(`span`,{className:`mt-1 block text-xs text-foreground-subtle`,children:[`Six fields, seconds first. `,d(`code`,{children:`0 30 23 * * *`}),` is every night at 23:30.`]})]}),e.kind===`manual`&&i(`p`,{className:`text-xs text-foreground-subtle`,children:[`Runs only when someone presses `,d(`strong`,{children:`Run actions`}),`. The conditions are still evaluated — a manual run is a run, not an override.`]})]})]})}function $t(e){return Yt.find(t=>t===e)??`manual`}function K(e,t){return{kind:`device-state`,deviceId:e.deviceId,cap:e.cap,fieldPath:e.fieldPath,...t.becomes===void 0?{}:{becomes:t.becomes},...t.edge===void 0?{}:{edge:t.edge},...t.forMs===void 0?{}:{forMs:t.forMs},...t.debounceMs===void 0?{}:{debounceMs:t.debounceMs}}}function en({trigger:e,devices:t,onChange:n}){let r={deviceId:e.deviceId,cap:e.cap,fieldPath:e.fieldPath},a=Be(r),o={...e.becomes===void 0?{}:{becomes:e.becomes},...e.edge===void 0?{}:{edge:e.edge},...e.forMs===void 0?{}:{forMs:e.forMs},...e.debounceMs===void 0?{}:{debounceMs:e.debounceMs}};return i(c,{children:[d(Ve,{value:r,devices:t,onChange:e=>n(K(e,o))}),i(`div`,{className:`min-w-[11rem] flex-1`,children:[d(V,{children:`Becomes`}),i(`div`,{className:`flex items-center gap-2`,children:[i(`label`,{className:`flex items-center gap-1.5 text-xs text-foreground-subtle`,children:[d(pe,{checked:e.becomes===void 0,onChange:e=>n(K(r,{...o,...e.target.checked?{becomes:void 0}:{becomes:``}}))}),`any change`]}),e.becomes!==void 0&&d(dt,{value:e.becomes,field:a,onChange:e=>n(K(r,{...o,becomes:e}))})]})]}),i(`label`,{className:`flex items-center gap-1.5 text-xs text-foreground-subtle`,children:[d(pe,{checked:e.edge===!0,onChange:e=>n(K(r,{...o,...e.target.checked?{edge:!0}:{edge:void 0}}))}),`only on a change`]}),i(`label`,{className:`w-28`,children:[d(V,{children:`Held for (s)`}),d(b,{type:`number`,min:0,value:e.forMs===void 0?``:String(e.forMs/1e3),placeholder:`0`,onChange:e=>n(K(r,{...o,forMs:tn(e.target.value)}))})]}),i(`label`,{className:`w-28`,children:[d(V,{children:`Debounce (s)`}),d(b,{type:`number`,min:0,value:e.debounceMs===void 0?``:String(e.debounceMs/1e3),placeholder:`0`,onChange:e=>n(K(r,{...o,debounceMs:tn(e.target.value)}))})]})]})}function tn(e){if(e.trim()===``)return;let t=Number(e);if(!(Number.isNaN(t)||t<0))return Math.round(t*1e3)}function nn({trigger:e,devices:t,onChange:n}){return i(c,{children:[i(`label`,{className:`min-w-[15rem] flex-1`,children:[d(V,{children:`Event category`}),d(L,{value:e.category,onChange:t=>n({kind:`device-event`,category:t.target.value,...e.deviceId===void 0?{}:{deviceId:e.deviceId}}),options:[{value:``,label:`Select an event…`},...Xt.map(e=>({value:e,label:e}))]})]}),i(`label`,{className:`min-w-[11rem] flex-1`,children:[d(V,{children:`From device`}),d(L,{value:e.deviceId===void 0?``:String(e.deviceId),onChange:t=>n({kind:`device-event`,category:e.category,...t.target.value===``?{}:{deviceId:Number(t.target.value)}}),options:[{value:``,label:`Any device`},...t.map(e=>({value:String(e.id),label:e.name}))]})]})]})}r();var rn=`hub`;function an({existing:e,initialRecipe:t,saving:n,saveError:r,ejecting:a,onSave:s,onEject:c,onCancel:u}){let[f,p]=l(e?.name??``),[m,h]=l(()=>kt(t)),[g,_]=l(!1),y=Pe(),x=me(m),S=o(()=>sn(m),[m]),C=o(()=>cn(f.trim()===``?`Untitled automation`:f.trim(),m),[f,m]),w=f.trim()===``,T=w||x!==null||S!==null||C.code===null;return d(F,{children:i(`div`,{className:`space-y-4 p-4`,children:[i(`div`,{className:`flex flex-wrap items-center gap-2`,children:[d(`h3`,{className:`font-medium`,children:e===null?`New automation`:`Edit ${e.name}`}),d(R,{variant:`info`,children:`runs on the hub`})]}),i(`label`,{className:`block max-w-md text-sm`,children:[d(`span`,{className:`text-foreground-subtle`,children:`Name`}),d(b,{className:`mt-1`,value:f,onChange:e=>p(e.target.value),placeholder:`What this automation does`})]}),d(on,{step:`1`,title:`When`,subtitle:`Any one of these starts a run.`,children:d(Zt,{triggers:m.triggers,devices:y,onChange:e=>h(nt(m,e))})}),d(on,{step:`2`,title:`And only if`,subtitle:`Checked after a trigger fires. Nothing runs unless this is true.`,children:d(Wt,{recipe:m,devices:y,onChange:h})}),d(on,{step:`3`,title:`Then`,subtitle:`In this order, stopping at the first failure.`,children:d(st,{actions:m.actions,devices:y,onChange:e=>h(rt(m,e))})}),d(Jt,{code:C.code,error:C.error,canEject:e!==null,ejecting:a,onEject:c}),g&&e!==null&&i(`div`,{className:`rounded border border-border`,children:[i(`div`,{className:`border-b border-border px-3 py-1.5 text-xs text-foreground-subtle`,children:[`Logs — `,d(`code`,{children:B(e.id)})]}),d(oe,{addonId:B(e.id),maxHeight:`max-h-64`,showFilters:!1})]}),x!==null&&d(`p`,{className:`rounded border border-warning/40 bg-warning/10 p-3 text-xs text-warning`,children:x}),x===null&&S!==null&&d(`p`,{className:`rounded border border-warning/40 bg-warning/10 p-3 text-xs text-warning`,children:S}),r!==null&&d(`p`,{className:`rounded border border-danger/40 bg-danger/10 p-3 text-xs text-danger`,children:r}),i(`div`,{className:`flex flex-wrap items-center gap-2`,children:[i(M,{onClick:()=>{C.code!==null&&s({name:f.trim(),code:C.code,enabled:e?.enabled??!0,placement:rn})},disabled:n||T,children:[n&&d(ne,{className:`h-4 w-4 animate-spin`}),` Save`]}),i(M,{variant:`ghost`,onClick:()=>_(!g),disabled:e===null,title:e===null?`Logs appear once the automation has been saved and started`:`Show this automation's process logs`,children:[d(v,{className:`h-4 w-4`}),` Logs`]}),d(M,{variant:`ghost`,onClick:u,disabled:n,children:`Close`}),w&&d(R,{variant:`warning`,children:`Name required`})]})]})})}function on({step:e,title:t,subtitle:n,children:r}){return i(`section`,{className:`border-l-2 border-border pl-4`,children:[i(`div`,{className:`mb-2 flex flex-wrap items-baseline gap-2`,children:[d(`span`,{className:`text-xs font-mono text-foreground-subtle`,children:e}),d(`h4`,{className:`text-sm font-medium uppercase tracking-wide`,children:t}),d(`span`,{className:`text-xs text-foreground-subtle`,children:n})]}),r]})}function sn(e){let t=he.safeParse(e);if(t.success)return null;let n=t.error.issues[0];return n===void 0?`this automation is not complete yet`:`${n.path.length===0?``:`${n.path.join(`.`)}: `}${n.message}`}function cn(e,t){try{return{code:ge({name:e,recipe:t}),error:null}}catch(e){return{code:null,error:e instanceof Error?e.message:String(e)}}}function q(e){if(!e.enabled)return{tone:`idle`,label:`Disabled`,detail:`Not started — the block is turned off.`};switch(e.status){case`running`:return{tone:`ok`,label:`Running`,detail:`One process, supervised.`};case`starting`:return{tone:`pending`,label:`Starting`,detail:e.lastError??`Waiting for the process to report ready.`};case`failed`:return{tone:`error`,label:`Failed`,detail:e.lastError??`Failed with no reason recorded — check the node logs.`};default:return{tone:`error`,label:`Not running`,detail:e.lastError??`Enabled but no process is running. The supervisor reconciles every 15s; if this persists, the node may not be running a block supervisor.`}}}function ln(e){switch(e){case`ok`:return`success`;case`pending`:return`warning`;case`error`:return`danger`;default:return`default`}}function un(e,t){let n=e.find(e=>e.id===t.id);return n===void 0?t:n.updatedAt>=t.updatedAt?n:t}function dn(e){let t=e=>{let t=q(e).tone;return t===`error`?0:t===`pending`?1:t===`ok`?2:3};return[...e].sort((e,n)=>t(e)-t(n)||e.name.localeCompare(n.name))}function fn(e){if(e.length===0)return`No blocks yet.`;let t=e.filter(e=>q(e).tone===`error`).length,n=e.filter(e=>q(e).tone===`ok`).length,r=[`${String(e.length)} block${e.length===1?``:`s`}`];return n>0&&r.push(`${String(n)} running`),t>0&&r.push(`${String(t)} NOT running`),r.join(` · `)}function pn({block:e,busy:t,confirming:n,logsOpen:r,unreadable:a,onEdit:o,onToggle:s,onToggleLogs:c,onAskDelete:l,onCancelDelete:u,onConfirmDelete:f}){let p=q(e),m=w(e.updatedAt);return i(`li`,{className:`flex flex-col gap-2 p-3`,children:[i(`div`,{className:`flex flex-col gap-2 sm:flex-row sm:items-center sm:gap-3`,children:[i(`div`,{className:`min-w-0 flex-1`,children:[i(`div`,{className:`flex flex-wrap items-center gap-2`,children:[d(`span`,{className:`truncate font-medium`,children:e.name}),d(R,{variant:ln(p.tone),children:p.label}),m!==null&&i(`span`,{className:`text-xs text-foreground-subtle`,children:[`edited `,m]})]}),d(`p`,{className:`mt-0.5 text-xs text-foreground-subtle`,children:p.detail}),a!==null&&i(`p`,{className:`mt-0.5 text-xs text-warning`,children:[`Its recipe cannot be read (`,a,`), so it cannot be opened visually. The code is intact and still running — edit it as a script.`]})]}),n?i(`div`,{className:`flex items-center gap-2`,children:[d(`span`,{className:`text-xs text-foreground-subtle`,children:`Delete this automation?`}),d(M,{variant:`danger`,onClick:f,disabled:t,children:`Delete`}),d(M,{variant:`ghost`,onClick:u,children:`Cancel`})]}):i(`div`,{className:`flex items-center gap-2`,children:[d(M,{variant:`ghost`,onClick:o,disabled:a!==null,title:a===null?`Edit`:`This block cannot be opened visually`,children:d(O,{className:`h-4 w-4`})}),i(T,{children:[d(y,{children:d(M,{variant:`ghost`,disabled:!0,title:`Run actions`,children:d(D,{className:`h-4 w-4`})})}),d(te,{children:`Running an automation by hand needs the automation-control authority, which is not wired up yet. There is deliberately no second way to execute one.`})]}),d(M,{variant:`ghost`,onClick:c,title:`Logs`,children:d(v,{className:`h-4 w-4`})}),d(M,{variant:`ghost`,onClick:()=>s(!e.enabled),disabled:t,title:e.enabled?`Disable`:`Enable`,children:e.enabled?`Disable`:`Enable`}),d(M,{variant:`ghost`,onClick:l,title:`Delete`,children:d(g,{className:`h-4 w-4`})})]})]}),r&&i(`div`,{className:`rounded border border-border`,children:[i(`div`,{className:`border-b border-border px-3 py-1.5 text-xs text-foreground-subtle`,children:[`Logs — `,d(`code`,{children:B(e.id)})]}),d(oe,{addonId:B(e.id),maxHeight:`max-h-64`,showFilters:!1})]})]})}function mn({onCreate:e}){return d(F,{children:i(`div`,{className:`space-y-2 p-4`,children:[d(`p`,{className:`text-sm text-foreground`,children:`No automations yet.`}),d(`p`,{className:`max-w-2xl text-xs text-foreground-subtle`,children:`An automation is a trigger, a set of conditions and a list of actions. It compiles to an ordinary block and runs in its own supervised process — there is no separate engine, so anything that goes wrong shows up here with a reason.`}),d(M,{onClick:e,children:`New automation`})]})})}var hn=`const AUTOMATION_RECIPE =`,gn=`// EJECTED from the visual automation editor — this file is now hand-owned.
-// The recipe that produced it was removed with it, on purpose: while it was
-// here the editor could re-open this block and overwrite everything below.`;function _n(e){return e.includes(hn)}function vn(e){let t=e.indexOf(hn);if(t<0)return null;let n=e.indexOf(`{`,t+25);if(n<0)return null;let r=0,i=!1,a=!1;for(let o=n;o<e.length;o+=1){let s=e.charAt(o);if(i){a?a=!1:s===`\\`?a=!0:s===`"`&&(i=!1);continue}if(s===`"`){i=!0;continue}if(s===`{`)r+=1;else if(s===`}`&&(--r,r===0))return{declStart:t,literalEnd:o+1,json:e.slice(n,o+1)}}return null}function yn(e){let t=vn(e);if(t===null)return{ok:!1,reason:`this block carries no AUTOMATION_RECIPE literal`};let n;try{n=JSON.parse(t.json)}catch(e){return{ok:!1,reason:`the embedded recipe is not readable JSON: ${e instanceof Error?e.message:String(e)}`}}let r=he.safeParse(n);if(!r.success){let e=r.error.issues[0];return{ok:!1,reason:`the embedded recipe does not match the recipe schema${e===void 0?``:` at ${e.path.join(`.`)}: ${e.message}`}`}}return{ok:!0,recipe:r.data}}function bn(e){let t=vn(e);if(t===null)return e;let n=e.slice(t.literalEnd),r=/^\s*as\s+const/.exec(n),i=t.literalEnd+(r===null?0:r[0].length);return`${e.slice(0,t.declStart)}${gn}${e.slice(i)}`}r();var xn=[`coreBlocks`,`list`],Sn=5e3;function J(e){return e instanceof Error?e.message:String(e)}function Cn({onOpenScripts:e}){let t=m(),[n,r]=l({mode:`closed`}),[a,o]=l(null),[c,f]=l(null),p=s({queryKey:xn,refetchInterval:Sn,queryFn:async()=>(await t.trpcClient.coreBlocks.list.query({})).blocks}),h=()=>{p.refetch()},g=u({mutationFn:e=>t.trpcClient.coreBlocks.create.mutate({block:e}),onSuccess:e=>{r({mode:`edit`,block:e.block}),h()}}),_=u({mutationFn:e=>t.trpcClient.coreBlocks.update.mutate(e),onSuccess:e=>{r({mode:`edit`,block:e.block}),h()}}),v=u({mutationFn:e=>t.trpcClient.coreBlocks.delete.mutate({blockId:e}),onSuccess:()=>{o(null),h()}}),y=u({mutationFn:e=>t.trpcClient.coreBlocks.setEnabled.mutate(e),onSuccess:h}),b=u({mutationFn:e=>t.trpcClient.coreBlocks.update.mutate({blockId:e.id,block:{name:e.name,code:bn(e.code),enabled:e.enabled,placement:e.placement,...e.integrationId===void 0?{}:{integrationId:e.integrationId}}}),onSuccess:t=>{r({mode:`closed`}),h(),e(t.block.id)}}),x=p.data,C=dn((x??[]).filter(e=>_n(e.code))),w=x!==void 0&&C.length===0,T=n.mode===`edit`&&n.block!==null?un(C,n.block):null,E=T===null?null:yn(T.code),D=g.error===null?_.error===null?b.error===null?null:J(b.error):J(_.error):J(g.error);return i(`div`,{className:`space-y-3`,children:[i(`div`,{className:`flex items-center justify-between gap-3`,children:[d(`p`,{className:`text-xs text-foreground-subtle`,children:x===void 0?``:fn(C)}),i(M,{onClick:()=>r({mode:`edit`,block:null}),children:[d(S,{className:`h-4 w-4`}),` New automation`]})]}),p.error!=null&&d(A,{title:`Could not read the automations`,message:J(p.error),onRetry:h}),n.mode===`edit`&&d(an,{existing:T,initialRecipe:E!==null&&E.ok?E.recipe:Je,saving:g.isPending||_.isPending,saveError:D,ejecting:b.isPending,onSave:e=>{T===null?g.mutate(e):_.mutate({blockId:T.id,block:e})},onEject:()=>{T!==null&&b.mutate(T)},onCancel:()=>{g.reset(),_.reset(),b.reset(),r({mode:`closed`})}},T?.id??`new`),w&&d(mn,{onCreate:()=>r({mode:`edit`,block:null})}),C.length>0&&d(F,{children:d(`ul`,{className:`divide-y divide-border`,children:C.map(e=>{let t=yn(e.code);return d(pn,{block:e,busy:y.isPending||v.isPending,confirming:a===e.id,logsOpen:c===e.id,unreadable:t.ok?null:t.reason,onEdit:()=>r({mode:`edit`,block:e}),onToggle:t=>y.mutate({blockId:e.id,enabled:t}),onToggleLogs:()=>f(c===e.id?null:e.id),onAskDelete:()=>o(e.id),onCancelDelete:()=>o(null),onConfirmDelete:()=>v.mutate(e.id)},e.id)})})}),v.error!=null&&d(A,{message:J(v.error)}),y.error!=null&&d(A,{message:J(y.error)})]})}function wn(e){return{state:`answered`,byRef:new Map(e.map(e=>[z(e),e]))}}function Tn(e,t){if(e.state!==`unanswered`)return e.byRef.get(z(t))??null}function En(e){return e===void 0?`unknown`:e===null?`missing`:`present`}function Dn(e){return Se(e).map(e=>e.source)}function On(e){let t=e.block.source?.kind===`composition`?e.block.source.composition:null;if(t===null)return[];let n=[];for(let e of t.features){if(e.kind===`passthrough`){n.push(e.source);continue}for(let t of Object.values(e.fields))n.push(...Dn(t));for(let t of Object.values(e.items??{}))for(let e of Object.values(t.fields))n.push(...Dn(e))}let r=new Set;return n.filter(e=>{let t=z(e);return r.has(t)?!1:(r.add(t),!0)})}function kn(e,t){return`${String(e)} ${t}${e===1?``:`s`}`}function An(e){let t=e.fields.filter(e=>e.state===`unavailable`),n=e.fields.filter(e=>e.state===`stale`);if(t.length===0&&n.length===0)return{tone:`ok`,label:`Running`,reason:null};let r=[...t.length>0?[`${kn(t.length,`field`)} unavailable`]:[],...n.length>0?[`${kn(n.length,`field`)} stale`]:[]].join(`, `),i=t[0]??n[0];return{tone:`pending`,label:`Running`,reason:`${r}${i===void 0?``:` — ${i.cap}.${i.path}: ${i.reason??`no reason recorded`}`}`}}function jn(e,t){let n=e.reason??t??null;switch(e.status){case`running`:return An(e);case`degraded`:return{tone:`pending`,label:`Degraded`,reason:n??`Running with a field handed back to the device; no reason recorded.`};case`starting`:return{tone:`pending`,label:`Starting`,reason:n};case`failed`:return{tone:`error`,label:`Failed`,reason:n??`Failed with no reason recorded — check the composer logs.`};default:return{tone:`error`,label:`Not running`,reason:n??`Enabled but the composer is not running it.`}}}function Mn(e){let{block:t,state:n}=e;return t.enabled?n.kind===`unreachable`?{tone:`pending`,label:`Unknown`,reason:`The composer could not be asked: ${n.error}`}:n.state===null?{tone:`pending`,label:`Not reported yet`,reason:`The composer holds no record of this block yet (stored status: ${t.lastError===void 0?t.status:`${t.status}: ${t.lastError}`}).`}:jn(n.state,t.lastError):{tone:`idle`,label:`Off`,reason:null}}function Nn(e){return z(e)}function Pn(e,t){let n=Tn(t,e);return{key:z(e),label:n?n.name:Nn(e),presence:En(n),deviceId:n?n.id:null}}function Fn(e){return e.state.kind===`answered`&&e.state.state!==null?e.state.state.deviceId:null}function In(e,t){let n=e.block.source?.kind===`composition`?e.block.source.composition:null;if(n===null)return null;let r=n.target,i=r.kind===`existing`?r.device:be(e.block.id),a=z(i),o=On(e).filter(e=>z(e)!==a).map(e=>Pn(e,t)),s=n.features.map(e=>e.enabled===!1?`${e.cap} (off)`:e.cap),c=Tn(t,i),l=Fn(e),u=Mn(e);if(r.kind===`new`)return{blockId:e.block.id,kind:`composed`,name:e.block.name,namePresence:`present`,type:r.role===void 0?r.type:`${r.type} · ${r.role}`,features:s,state:u,sources:o,reportedDeviceId:l};let d=En(c);return{blockId:e.block.id,kind:`customization`,name:c?c.name:Nn(r.device),namePresence:d,type:c?c.type:null,features:s,state:u,sources:o,reportedDeviceId:l}}function Ln(e){return e.state.tone===`error`?0:e.state.tone===`pending`?1:e.state.tone===`ok`?2:3}function Rn(e,t){return Ln(e)-Ln(t)||e.name.localeCompare(t.name)}function zn(e,t){let n=e.flatMap(e=>{let n=In(e,t);return n===null?[]:[n]});return{composed:n.filter(e=>e.kind===`composed`).toSorted(Rn),customizations:n.filter(e=>e.kind===`customization`).toSorted(Rn)}}var Bn=1e4;function Vn(e){return e instanceof Error?e.message:typeof e==`object`&&e&&`message`in e?String(e.message):String(e)}function Hn(){let e=Ae();return e.data===void 0?{state:`unanswered`,reason:e.error==null?`the device list has not answered yet`:`the device list could not be read (${Vn(e.error)})`}:wn(e.data)}function Un(){let e=fe({},{refetchInterval:Bn}),t=Hn(),n=e.data;if(e.error!=null&&n===void 0)return d(A,{title:`Could not read the compositions`,message:Vn(e.error),onRetry:()=>void e.refetch()});if(n===void 0)return d(`p`,{className:`p-4 text-sm text-foreground-subtle`,children:`Loading compositions…`});if(n.state===`not-loaded`)return d(F,{children:i(`div`,{className:`space-y-1 p-4`,children:[d(`p`,{className:`text-sm text-warning`,children:`The composition store has not been read yet.`}),i(`p`,{className:`text-xs text-foreground-subtle`,children:[`This is not the same as having none — the list appears once the hub has read it (`,n.reason,`).`]})]})});let r=e.error==null?null:Vn(e.error);return d(Wn,{lists:zn(n.views,t),fleet:t,refreshError:r})}function Wn({lists:e,fleet:t,refreshError:n}){return i(`div`,{className:`space-y-4`,children:[n!==null&&i(`p`,{className:`text-xs text-warning`,children:[`Showing the last answer — the latest refresh failed: `,n]}),t.state===`unanswered`&&i(`p`,{className:`text-xs text-warning`,children:[`Device names are shown as references: `,t.reason,`. No source is marked missing until it has.`]}),d(Gn,{title:`Composed devices`,hint:`A new device whose state is derived from other devices.`,rows:e.composed,nameHeader:`Name`,emptyMessage:`No composed devices.`,action:d(we,{to:Te,className:`text-xs text-primary hover:underline`,children:`+ New composed device`})}),d(Gn,{title:`Customizations`,hint:`Fields added to or replaced on an existing device — one per device, edited from the device.`,rows:e.customizations,nameHeader:`Device`,emptyMessage:`No customizations.`})]})}function Gn({title:e,hint:t,rows:n,nameHeader:r,emptyMessage:a,action:o}){return i(`section`,{className:`space-y-2`,"aria-label":e,children:[i(`div`,{className:`flex items-start justify-between gap-2`,children:[i(`div`,{children:[d(`h3`,{className:`font-medium`,children:e}),d(`p`,{className:`text-xs text-foreground-subtle`,children:t})]}),o!==void 0&&o]}),d(F,{variant:`flat`,className:`p-0`,children:d(se,{columns:Kn(r),rows:n,rowKey:e=>e.blockId,minWidthPx:760,bordered:!1,mobileMode:`scroll`,maxBodyHeight:N,emptyMessage:a})})]})}function Kn(e){return[{key:`name`,header:e,sortValue:e=>e.name.toLowerCase(),render:e=>d(qn,{row:e})},{key:`type`,header:`Type`,sortValue:e=>e.type,render:e=>d(`span`,{className:`text-xs text-foreground-subtle`,children:e.type??`unknown`})},{key:`state`,header:`State`,nowrap:!1,notSortableReason:`A state and its reason are read together, not ordered.`,render:e=>i(`div`,{className:`space-y-0.5`,children:[d(R,{variant:ln(e.state.tone),children:e.state.label}),e.state.reason!==null&&d(`p`,{className:`max-w-md whitespace-normal text-xs text-foreground-subtle`,children:e.state.reason})]})},{key:`sources`,header:`Sources`,nowrap:!1,notSortableReason:`A list of devices has no single order.`,render:e=>d(Yn,{sources:e.sources})}]}function qn({row:e}){return i(`div`,{className:`space-y-0.5`,children:[d(Jn,{row:e}),e.namePresence===`missing`&&d(`span`,{className:`ml-1.5 text-[10px] text-danger`,children:`device missing`}),d(`p`,{className:`text-[11px] text-foreground-subtle`,children:e.features.join(`, `)})]})}function Jn({row:e}){return e.kind===`composed`?d(we,{to:Ce(e.blockId),className:`text-xs text-foreground hover:underline`,children:e.name}):e.reportedDeviceId===null?i(`span`,{className:`text-xs text-foreground-subtle`,children:[e.name,` — device not reported yet`]}):d(we,{to:De(e.reportedDeviceId),className:`text-xs text-foreground hover:underline`,children:e.name})}function Yn({sources:e}){return e.length===0?d(`span`,{className:`text-xs text-foreground-subtle`,children:`—`}):d(`ul`,{className:`space-y-0.5`,children:e.map(e=>i(`li`,{className:`text-xs`,children:[e.deviceId===null?d(`span`,{className:e.presence===`missing`?`text-danger`:`text-foreground`,children:e.label}):d(we,{to:`/devices/${String(e.deviceId)}`,className:`hover:underline`,children:e.label}),e.presence===`missing`&&d(`span`,{className:`ml-1.5 text-[10px] text-danger`,children:`missing`})]},e.key))})}function Xn(e,t){(t==null||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function Zn(e){if(Array.isArray(e))return e}function Qn(e,t,n){return(t=sr(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function $n(e,t){var n=e==null?null:typeof Symbol<`u`&&e[Symbol.iterator]||e[`@@iterator`];if(n!=null){var r,i,a,o,s=[],c=!0,l=!1;try{if(a=(n=n.call(e)).next,t!==0)for(;!(c=(r=a.call(n)).done)&&(s.push(r.value),s.length!==t);c=!0);}catch(e){l=!0,i=e}finally{try{if(!c&&n.return!=null&&(o=n.return(),Object(o)!==o))return}finally{if(l)throw i}}return s}}function er(){throw TypeError(`Invalid attempt to destructure non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function tr(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function nr(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?tr(Object(n),!0).forEach(function(t){Qn(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):tr(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function rr(e,t){if(e==null)return{};var n,r,i=ir(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)===-1&&{}.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}function ir(e,t){if(e==null)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(t.indexOf(r)!==-1)continue;n[r]=e[r]}return n}function ar(e,t){return Zn(e)||$n(e,t)||cr(e,t)||er()}function or(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function sr(e){var t=or(e,`string`);return typeof t==`symbol`?t:t+``}function cr(e,t){if(e){if(typeof e==`string`)return Xn(e,t);var n={}.toString.call(e).slice(8,-1);return n===`Object`&&e.constructor&&(n=e.constructor.name),n===`Map`||n===`Set`?Array.from(e):n===`Arguments`||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Xn(e,t):void 0}}function lr(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function ur(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function dr(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?ur(Object(n),!0).forEach(function(t){lr(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ur(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function fr(){var e=[...arguments];return function(t){return e.reduceRight(function(e,t){return t(e)},t)}}function pr(e){return function t(){var n=this,r=[...arguments];return r.length>=e.length?e.apply(this,r):function(){var e=[...arguments];return t.apply(n,[].concat(r,e))}}}function mr(e){return{}.toString.call(e).includes(`Object`)}function hr(e){return!Object.keys(e).length}function gr(e){return typeof e==`function`}function _r(e,t){return Object.prototype.hasOwnProperty.call(e,t)}function vr(e,t){return mr(t)||Y(`changeType`),Object.keys(t).some(function(t){return!_r(e,t)})&&Y(`changeField`),t}function yr(e){gr(e)||Y(`selectorType`)}function br(e){gr(e)||mr(e)||Y(`handlerType`),mr(e)&&Object.values(e).some(function(e){return!gr(e)})&&Y(`handlersType`)}function xr(e){e||Y(`initialIsRequired`),mr(e)||Y(`initialType`),hr(e)&&Y(`initialContent`)}function Sr(e,t){throw Error(e[t]||e.default)}var Y=pr(Sr)({initialIsRequired:`initial state is required`,initialType:`initial state should be an object`,initialContent:`initial state shouldn't be an empty object`,handlerType:`handler should be an object or a function`,handlersType:`all handlers should be a functions`,selectorType:`selector should be a function`,changeType:`provided value of changes should be an object`,changeField:`it seams you want to change a field in the state which is not specified in the "initial" state`,default:"an unknown error accured in `state-local` package"}),Cr={changes:vr,selector:yr,handler:br,initial:xr};function wr(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};Cr.initial(e),Cr.handler(t);var n={current:e},r=pr(Dr)(n,t),i=pr(Er)(n),a=pr(Cr.changes)(e),o=pr(Tr)(n);function s(){var e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:function(e){return e};return Cr.selector(e),e(n.current)}function c(e){fr(r,i,a,o)(e)}return[s,c]}function Tr(e,t){return gr(t)?t(e.current):t}function Er(e,t){return e.current=dr(dr({},e.current),t),t}function Dr(e,t,n){return gr(t)?t(e.current):Object.keys(n).forEach(function(n){return t[n]?.call(t,e.current[n])}),n}var Or={create:wr},kr={paths:{vs:`https://cdn.jsdelivr.net/npm/monaco-editor@0.55.1/min/vs`}};function Ar(e){return function t(){var n=this,r=[...arguments];return r.length>=e.length?e.apply(this,r):function(){var e=[...arguments];return t.apply(n,[].concat(r,e))}}}function jr(e){return{}.toString.call(e).includes(`Object`)}function Mr(e){return e||Ir(`configIsRequired`),jr(e)||Ir(`configType`),e.urls?(Nr(),{paths:{vs:e.urls.monacoBase}}):e}function Nr(){console.warn(Fr.deprecation)}function Pr(e,t){throw Error(e[t]||e.default)}var Fr={configIsRequired:`the configuration object is required`,configType:`the configuration object should be an object`,default:"an unknown error accured in `@monaco-editor/loader` package",deprecation:`Deprecation warning!
-    You are using deprecated way of configuration.
-    Instead of using
-      monaco.config({ urls: { monacoBase: '...' } })
-    use
-      monaco.config({ paths: { vs: '...' } })
-    For more please check the link https://github.com/suren-atoyan/monaco-loader#config
-  `},Ir=Ar(Pr)(Fr),Lr={config:Mr},Rr=function(){var e=[...arguments];return function(t){return e.reduceRight(function(e,t){return t(e)},t)}};function zr(e,t){return Object.keys(t).forEach(function(n){t[n]instanceof Object&&e[n]&&Object.assign(t[n],zr(e[n],t[n]))}),nr(nr({},e),t)}var Br={type:`cancelation`,msg:`operation is manually canceled`};function Vr(e){var t=!1,n=new Promise(function(n,r){e.then(function(e){return t?r(Br):n(e)}),e.catch(r)});return n.cancel=function(){return t=!0},n}var Hr=[`monaco`],Ur=ar(Or.create({config:kr,isInitialized:!1,resolve:null,reject:null,monaco:null}),2),X=Ur[0],Wr=Ur[1];function Gr(e){var t=Lr.config(e),n=t.monaco,r=rr(t,Hr);Wr(function(e){return{config:zr(e.config,r),monaco:n}})}function Kr(){var e=X(function(e){return{monaco:e.monaco,isInitialized:e.isInitialized,resolve:e.resolve}});if(!e.isInitialized){if(Wr({isInitialized:!0}),e.monaco)return e.resolve(e.monaco),Vr($r);if(window.monaco&&window.monaco.editor)return Zr(window.monaco),e.resolve(window.monaco),Vr($r);Rr(qr,Yr)(Xr)}return Vr($r)}function qr(e){return document.body.appendChild(e)}function Jr(e){var t=document.createElement(`script`);return e&&(t.src=e),t}function Yr(e){var t=X(function(e){return{config:e.config,reject:e.reject}}),n=Jr(`${t.config.paths.vs}/loader.js`);return n.onload=function(){return e()},n.onerror=t.reject,n}function Xr(){var e=X(function(e){return{config:e.config,resolve:e.resolve,reject:e.reject}}),t=window.require;t.config(e.config),t([`vs/editor/editor.main`],function(t){var n=t.m||t;Zr(n),e.resolve(n)},function(t){e.reject(t)})}function Zr(e){X().monaco||Wr({monaco:e})}function Qr(){return X(function(e){return e.monaco})}var $r=new Promise(function(e,t){return Wr({resolve:e,reject:t})}),ei={config:Gr,init:Kr,__getMonacoInstance:Qr};r();var ti={wrapper:{display:`flex`,position:`relative`,textAlign:`initial`},fullWidth:{width:`100%`},hide:{display:`none`}},ni={container:{display:`flex`,height:`100%`,width:`100%`,justifyContent:`center`,alignItems:`center`}};function ri({children:e}){return a.createElement(`div`,{style:ni.container},e)}var ii=ri;function ai({width:e,height:t,isEditorReady:n,loading:r,_ref:i,className:o,wrapperProps:s}){return a.createElement(`section`,{style:{...ti.wrapper,width:e,height:t},...s},!n&&a.createElement(ii,null,r),a.createElement(`div`,{ref:i,style:{...ti.fullWidth,...!n&&ti.hide},className:o}))}var oi=n(ai);function si(e){f(e,[])}var ci=si;function li(e,n,r=!0){let i=t(!0);f(i.current||!r?()=>{i.current=!1}:e,n)}var Z=li;function ui(){}function Q(e,t,n,r){return di(e,r)||fi(e,t,n,r)}function di(e,t){return e.editor.getModel(pi(e,t))}function fi(e,t,n,r){return e.editor.createModel(t,n,r?pi(e,r):void 0)}function pi(e,t){return e.Uri.parse(t)}function mi({original:n,modified:r,language:i,originalLanguage:o,modifiedLanguage:s,originalModelPath:c,modifiedModelPath:u,keepCurrentOriginalModel:d=!1,keepCurrentModifiedModel:p=!1,theme:m=`light`,loading:h=`Loading...`,options:g={},height:_=`100%`,width:v=`100%`,className:y,wrapperProps:b={},beforeMount:x=ui,onMount:S=ui}){let[C,w]=l(!1),[T,E]=l(!0),D=t(null),O=t(null),k=t(null),A=t(S),j=t(x),M=t(!1);ci(()=>{let e=ei.init();return e.then(e=>(O.current=e)&&E(!1)).catch(e=>e?.type!==`cancelation`&&console.error(`Monaco initialization: error:`,e)),()=>D.current?P():e.cancel()}),Z(()=>{if(D.current&&O.current){let e=D.current.getOriginalEditor(),t=Q(O.current,n||``,o||i||`text`,c||``);t!==e.getModel()&&e.setModel(t)}},[c],C),Z(()=>{if(D.current&&O.current){let e=D.current.getModifiedEditor(),t=Q(O.current,r||``,s||i||`text`,u||``);t!==e.getModel()&&e.setModel(t)}},[u],C),Z(()=>{let e=D.current.getModifiedEditor();e.getOption(O.current.editor.EditorOption.readOnly)?e.setValue(r||``):r!==e.getValue()&&(e.executeEdits(``,[{range:e.getModel().getFullModelRange(),text:r||``,forceMoveMarkers:!0}]),e.pushUndoStop())},[r],C),Z(()=>{D.current?.getModel()?.original.setValue(n||``)},[n],C),Z(()=>{let{original:e,modified:t}=D.current.getModel();O.current.editor.setModelLanguage(e,o||i||`text`),O.current.editor.setModelLanguage(t,s||i||`text`)},[i,o,s],C),Z(()=>{O.current?.editor.setTheme(m)},[m],C),Z(()=>{D.current?.updateOptions(g)},[g],C);let N=e(()=>{if(!O.current)return;j.current(O.current);let e=Q(O.current,n||``,o||i||`text`,c||``),t=Q(O.current,r||``,s||i||`text`,u||``);D.current?.setModel({original:e,modified:t})},[i,r,s,n,o,c,u]),ee=e(()=>{!M.current&&k.current&&(D.current=O.current.editor.createDiffEditor(k.current,{automaticLayout:!0,...g}),N(),O.current?.editor.setTheme(m),w(!0),M.current=!0)},[g,m,N]);f(()=>{C&&A.current(D.current,O.current)},[C]),f(()=>{!T&&!C&&ee()},[T,C,ee]);function P(){let e=D.current?.getModel();d||e?.original?.dispose(),p||e?.modified?.dispose(),D.current?.dispose()}return a.createElement(oi,{width:v,height:_,isEditorReady:C,loading:h,_ref:k,className:y,wrapperProps:b})}n(mi);function hi(e){let n=t();return f(()=>{n.current=e},[e]),n.current}var gi=hi,_i=new Map;function vi({defaultValue:n,defaultLanguage:r,defaultPath:i,value:o,language:s,path:c,theme:u=`light`,line:d,loading:p=`Loading...`,options:m={},overrideServices:h={},saveViewState:g=!0,keepCurrentModel:_=!1,width:v=`100%`,height:y=`100%`,className:b,wrapperProps:x={},beforeMount:S=ui,onMount:C=ui,onChange:w,onValidate:T=ui}){let[E,D]=l(!1),[O,k]=l(!0),A=t(null),j=t(null),M=t(null),N=t(C),ee=t(S),P=t(),te=t(o),F=gi(c),ne=t(!1),re=t(!1);ci(()=>{let e=ei.init();return e.then(e=>(A.current=e)&&k(!1)).catch(e=>e?.type!==`cancelation`&&console.error(`Monaco initialization: error:`,e)),()=>j.current?ie():e.cancel()}),Z(()=>{let e=Q(A.current,n||o||``,r||s||``,c||i||``);e!==j.current?.getModel()&&(g&&_i.set(F,j.current?.saveViewState()),j.current?.setModel(e),g&&j.current?.restoreViewState(_i.get(c)))},[c],E),Z(()=>{j.current?.updateOptions(m)},[m],E),Z(()=>{!j.current||o===void 0||(j.current.getOption(A.current.editor.EditorOption.readOnly)?j.current.setValue(o):o!==j.current.getValue()&&(re.current=!0,j.current.executeEdits(``,[{range:j.current.getModel().getFullModelRange(),text:o,forceMoveMarkers:!0}]),j.current.pushUndoStop(),re.current=!1))},[o],E),Z(()=>{let e=j.current?.getModel();e&&s&&A.current?.editor.setModelLanguage(e,s)},[s],E),Z(()=>{d!==void 0&&j.current?.revealLine(d)},[d],E),Z(()=>{A.current?.editor.setTheme(u)},[u],E);let I=e(()=>{if(!(!M.current||!A.current)&&!ne.current){ee.current(A.current);let e=c||i,t=Q(A.current,o||n||``,r||s||``,e||``);j.current=A.current?.editor.create(M.current,{model:t,automaticLayout:!0,...m},h),g&&j.current.restoreViewState(_i.get(e)),A.current.editor.setTheme(u),d!==void 0&&j.current.revealLine(d),D(!0),ne.current=!0}},[n,r,i,o,s,c,m,h,g,u,d]);f(()=>{E&&N.current(j.current,A.current)},[E]),f(()=>{!O&&!E&&I()},[O,E,I]),te.current=o,f(()=>{E&&w&&(P.current?.dispose(),P.current=j.current?.onDidChangeModelContent(e=>{re.current||w(j.current.getValue(),e)}))},[E,w]),f(()=>{if(E){let e=A.current.editor.onDidChangeMarkers(e=>{let t=j.current.getModel()?.uri;if(t&&e.find(e=>e.path===t.path)){let e=A.current.editor.getModelMarkers({resource:t});T?.(e)}});return()=>{e?.dispose()}}return()=>{}},[E,T]);function ie(){P.current?.dispose(),_?g&&_i.set(c,j.current.saveViewState()):j.current.getModel()?.dispose(),j.current.dispose()}return a.createElement(oi,{width:v,height:y,isEditorReady:E,loading:p,_ref:M,className:b,wrapperProps:x})}var yi=n(vi);r();var bi={target:99,module:99,moduleResolution:2,strict:!0,noImplicitAny:!0,strictNullChecks:!0,allowNonTsExtensions:!0,isolatedModules:!0};function xi(e,t){let n=e.languages.typescript.typescriptDefaults;n.setCompilerOptions({...n.getCompilerOptions(),...bi}),n.setExtraLibs(t.map(e=>({filePath:e.filePath,content:e.content})))}function Si({value:n,onChange:r,extraLibs:i=[],onDiagnostics:a,readOnly:o=!1,heightPx:s=420,dark:c=!0}){let l=t(null),u=e((e,t)=>{if(l.current=t,xi(t,i),a===void 0)return;let n=e.getModel();if(n===null)return;let r=()=>{a(t.editor.getModelMarkers({resource:n.uri}).map(e=>({line:e.startLineNumber,column:e.startColumn,message:e.message,severity:e.severity})))};t.editor.onDidChangeMarkers(r),r()},[i,a]);return d(yi,{height:s,defaultLanguage:`typescript`,path:`file:///block.ts`,theme:c?`vs-dark`:`vs`,value:n,onChange:e=>r(e??``),onMount:u,options:{readOnly:o,minimap:{enabled:!1},fontSize:12,lineNumbers:`on`,scrollBeyondLastLine:!1,automaticLayout:!0,tabSize:2,renderWhitespace:`selection`}})}function Ci(e){return e.some(e=>e.severity>=8)}var wi=`import type { AddonContext } from '@camstack/types'
-/**
- * A core block. Runs in its own process, with the same \`ctx\` an addon gets.
- * Return a function to release whatever you took (timers, sockets, listeners) —
- * it is awaited on shutdown.
- */
-export default function block(ctx: AddonContext) {
-  ctx.logger.info('hello from a core block')
-  const timer = setInterval(() => {
-    ctx.logger.info('tick')
-  }, 60_000)
-  return () => {
-    clearInterval(timer)
-  }
-}
-`;function Ti({existing:e,dirty:t,saving:n,restarting:r}){return e===null?`Save the script first — there is no process to restart yet.`:n?`Saving…`:r?`Restarting…`:t?`Save first — a restart now would run the last SAVED code, not what is on screen.`:e.enabled?null:`This script is disabled. Enable it instead of restarting it.`}r();var Ei=`hub`;function Di({existing:e,typeDefs:t,typeDefsLoading:n,saving:r,saveError:a,restarting:s,restartError:f,onRestart:p,onSave:h,onCancel:g}){let _=m(),{resolvedMode:y}=ie(),[S,w]=l(e?.name??``),[T,E]=l(e?.code??wi),[D,O]=l(e?.placement??Ei),[A,j]=l(e?.integrationId??``),[N,ee]=l([]),[P,te]=l(!1),I=u({mutationFn:e=>_.trpcClient.coreBlocks.compile.mutate({code:e})}),L=o(()=>N.filter(e=>e.severity>=8),[N]),ae=Ci(N),se=S.trim()===``,ce=e===null||T!==e.code||S.trim()!==e.name||D!==e.placement||(A.trim()===``?void 0:A.trim())!==e.integrationId,le=()=>{I.reset(),h({name:S.trim(),code:T,enabled:e?.enabled??!0,placement:D,...A.trim()===``?{}:{integrationId:A.trim()}})},ue=e===null?null:q(e),de=Ti({existing:e,dirty:ce,saving:r,restarting:s});return d(F,{children:i(`div`,{className:`space-y-4 p-4`,children:[i(`div`,{className:`flex flex-wrap items-center gap-2`,children:[d(`h3`,{className:`font-medium`,children:e===null?`New script`:`Edit ${e.name}`}),ue!==null&&d(R,{variant:ln(ue.tone),children:ue.label})]}),i(`div`,{className:`grid gap-3 sm:grid-cols-2`,children:[i(`label`,{className:`block text-sm`,children:[d(`span`,{className:`text-foreground-subtle`,children:`Name`}),d(b,{className:`mt-1`,value:S,onChange:e=>w(e.target.value),placeholder:`What this script does`})]}),i(`label`,{className:`block text-sm`,children:[d(`span`,{className:`text-foreground-subtle`,children:`Integration (optional)`}),d(b,{className:`mt-1`,value:A,onChange:e=>j(e.target.value),placeholder:`Leave empty for the shared system integration`})]})]}),i(`div`,{children:[d(k,{selectedNodeId:D,onSelect:O,label:`Runs on`,alwaysShow:!0}),D!==Ei&&i(`p`,{className:`mt-2 flex items-start gap-2 text-xs text-warning`,children:[d(re,{className:`mt-0.5 h-3.5 w-3.5 shrink-0`}),i(`span`,{children:[`Block execution is hub-only today. Saved with this placement the block will be stored and compiled, but it will report `,d(`strong`,{children:`Failed`}),` instead of running.`]})]})]}),i(`div`,{className:P?`grid gap-3 lg:grid-cols-2`:``,children:[d(`div`,{className:`rounded border border-border`,children:n?d(`p`,{className:`p-4 text-sm text-foreground-subtle`,children:`Loading the node's type definitions…`}):d(Si,{value:T,onChange:E,extraLibs:t?.libs??[],onDiagnostics:ee,dark:y===`dark`,heightPx:420})}),P&&i(`div`,{className:`rounded border border-border`,children:[d(`div`,{className:`border-b border-border px-3 py-1.5 text-xs text-foreground-subtle`,children:e===null?`Logs appear once the script has been saved and started.`:i(c,{children:[`Logs — `,d(`code`,{children:B(e.id)})]})}),e!==null&&d(oe,{addonId:B(e.id),maxHeight:`max-h-[420px]`,showFilters:!1})]})]}),t!==void 0&&t.libs.length===0&&d(`p`,{className:`text-xs text-warning`,children:`The node returned no type definitions, so this code is NOT being checked against the system's types. The server-side compile still applies on save.`}),L.length>0&&i(`div`,{className:`space-y-1 rounded border border-danger/40 bg-danger/10 p-3 text-xs`,children:[i(`p`,{className:`font-medium text-danger`,children:[L.length,` error`,L.length===1?``:`s`,` — the block cannot be saved.`]}),L.slice(0,5).map(e=>i(`p`,{className:`text-danger`,children:[`line `,e.line,`: `,e.message]},`${String(e.line)}:${String(e.column)}:${e.message}`)),L.length>5&&i(`p`,{className:`text-foreground-subtle`,children:[`…and `,L.length-5,` more.`]})]}),I.data!==void 0&&(I.data.ok?i(`p`,{className:`flex items-center gap-2 text-xs text-success`,children:[d(C,{className:`h-3.5 w-3.5`}),` The node compiled this code. Nothing was saved.`]}):i(`div`,{className:`rounded border border-danger/40 bg-danger/10 p-3 text-xs text-danger`,children:[I.data.line===void 0?``:`line ${String(I.data.line)}: `,I.data.error??`the code does not compile`]})),I.error!==null&&i(`div`,{className:`rounded border border-danger/40 bg-danger/10 p-3 text-xs text-danger`,children:[`Could not reach the compiler: `,Oi(I.error)]}),a!==null&&d(`div`,{className:`rounded border border-danger/40 bg-danger/10 p-3 text-xs text-danger`,children:a}),f!==null&&d(`div`,{className:`rounded border border-danger/40 bg-danger/10 p-3 text-xs text-danger`,children:f}),i(`div`,{className:`flex flex-wrap items-center gap-2`,children:[i(M,{variant:`outline`,onClick:()=>I.mutate(T),disabled:I.isPending||r,title:`Type-check on the node without saving`,children:[I.isPending&&d(ne,{className:`h-4 w-4 animate-spin`}),` Compile`]}),i(M,{onClick:le,disabled:r||ae||se,children:[r&&d(ne,{className:`h-4 w-4 animate-spin`}),` Save`]}),i(M,{variant:`outline`,onClick:()=>p?.(),disabled:de!==null||p===void 0,title:de??`Stop the process and let the supervisor bring it back`,children:[s?d(x,{className:`h-4 w-4 animate-spin`}):d(x,{className:`h-4 w-4`}),` `,`Restart`]}),i(M,{variant:`ghost`,onClick:()=>te(!P),title:`Show this script's process logs`,children:[d(v,{className:`h-4 w-4`}),` Logs `,P?`⇤`:`⇄`]}),d(M,{variant:`ghost`,onClick:g,disabled:r,children:`Close`}),i(`span`,{className:`ml-auto text-xs text-foreground-subtle`,children:[`errors: `,L.length,ce&&e!==null?` · unsaved changes`:``]}),se&&d(R,{variant:`warning`,children:`Name required`})]})]})})}function Oi(e){return e instanceof Error?e.message:String(e)}r();var ki=[`coreBlocks`,`list`],Ai=[`coreBlocks`,`getTypeDefs`],ji=5e3;function $(e){return e instanceof Error?e.message:String(e)}function Mi({initialBlockId:e}={}){let n=m(),[r,a]=l({mode:`closed`}),[o,c]=l(null),[p,h]=l(null),g=s({queryKey:ki,refetchInterval:ji,queryFn:async()=>(await n.trpcClient.coreBlocks.list.query({})).blocks}),_=s({queryKey:Ai,enabled:r.mode===`edit`,staleTime:1/0,gcTime:1/0,queryFn:()=>n.trpcClient.coreBlocks.getTypeDefs.query({})}),v=()=>{g.refetch()},y=t(null),b=g.data;f(()=>{if(e===void 0||y.current===e)return;let t=b?.find(t=>t.id===e);t!==void 0&&(y.current=e,a({mode:`edit`,block:t}))},[e,b]);let x=u({mutationFn:e=>n.trpcClient.coreBlocks.create.mutate({block:e}),onSuccess:e=>{a({mode:`edit`,block:e.block}),v()}}),C=u({mutationFn:e=>n.trpcClient.coreBlocks.update.mutate(e),onSuccess:e=>{a({mode:`edit`,block:e.block}),v()}}),w=u({mutationFn:e=>n.trpcClient.coreBlocks.delete.mutate({blockId:e}),onSuccess:()=>{c(null),v()}}),T=u({mutationFn:e=>n.trpcClient.coreBlocks.setEnabled.mutate(e),onSuccess:v}),E=u({mutationFn:e=>n.trpcClient.coreBlocks.restart.mutate({blockId:e}),onSuccess:v}),D=dn(g.data??[]),O=g.data!==void 0&&D.length===0,k=x.isPending||C.isPending,j=x.error===null?C.error===null?null:$(C.error):$(x.error),N=r.mode===`edit`&&r.block!==null?un(D,r.block):null;return i(`div`,{className:`space-y-3`,children:[i(`div`,{className:`flex items-center justify-between gap-3`,children:[d(`p`,{className:`text-xs text-foreground-subtle`,children:g.data===void 0?``:fn(D)}),i(M,{onClick:()=>a({mode:`edit`,block:null}),children:[d(S,{className:`h-4 w-4`}),` New script`]})]}),g.error!=null&&d(A,{title:`Could not read the scripts`,message:$(g.error),onRetry:v}),r.mode===`edit`&&d(Di,{existing:N,typeDefs:_.data,typeDefsLoading:_.isLoading,saving:k,saveError:j,restarting:E.isPending,restartError:E.error===null?null:$(E.error),onRestart:N===null?void 0:()=>E.mutate(N.id),onSave:e=>{let t=N;t===null?x.mutate(e):C.mutate({blockId:t.id,block:e})},onCancel:()=>{x.reset(),C.reset(),E.reset(),a({mode:`closed`})}}),O&&d(F,{children:i(`div`,{className:`space-y-1 p-4`,children:[d(`p`,{className:`text-sm text-foreground`,children:`No scripts yet.`}),d(`p`,{className:`text-xs text-foreground-subtle`,children:`A script is TypeScript the hub runs in its own process, with the same context an addon gets — devices, storage, the event bus. It is supervised: one that throws or hangs is marked failed and shown here, not left silently absent.`})]})}),D.length>0&&d(F,{children:d(`ul`,{className:`divide-y divide-border`,children:D.map(e=>d(Ni,{block:e,busy:T.isPending||w.isPending,restarting:E.isPending&&E.variables===e.id,confirming:o===e.id,logsOpen:p===e.id,onToggle:t=>T.mutate({blockId:e.id,enabled:t}),onRestart:()=>E.mutate(e.id),onToggleLogs:()=>h(p===e.id?null:e.id),onEdit:()=>a({mode:`edit`,block:e}),onAskDelete:()=>c(e.id),onCancelDelete:()=>c(null),onConfirmDelete:()=>w.mutate(e.id)},e.id))})}),w.error!=null&&d(A,{message:$(w.error)}),T.error!=null&&d(A,{message:$(T.error)}),E.error!=null&&d(A,{message:$(E.error)})]})}function Ni({block:e,busy:t,restarting:n,confirming:r,logsOpen:a,onToggle:o,onRestart:s,onToggleLogs:c,onEdit:l,onAskDelete:u,onCancelDelete:f,onConfirmDelete:p}){let m=q(e),h=w(e.updatedAt);return i(`li`,{className:`flex flex-col gap-2 p-3`,children:[i(`div`,{className:`flex flex-col gap-2 sm:flex-row sm:items-center sm:gap-3`,children:[i(`div`,{className:`min-w-0 flex-1`,children:[i(`div`,{className:`flex flex-wrap items-center gap-2`,children:[d(`span`,{className:`truncate font-medium`,children:e.name}),d(R,{variant:ln(m.tone),children:m.label}),d(R,{variant:`info`,children:e.placement}),h!==null&&i(`span`,{className:`text-xs text-foreground-subtle`,children:[`edited `,h]})]}),d(`p`,{className:`mt-0.5 text-xs text-foreground-subtle`,children:m.detail})]}),r?i(`div`,{className:`flex items-center gap-2`,children:[d(`span`,{className:`text-xs text-foreground-subtle`,children:`Delete this script?`}),d(M,{variant:`danger`,onClick:p,disabled:t,children:`Delete`}),d(M,{variant:`ghost`,onClick:f,children:`Cancel`})]}):i(`div`,{className:`flex items-center gap-2`,children:[d(M,{variant:`ghost`,onClick:l,title:`Edit`,children:d(O,{className:`h-4 w-4`})}),d(M,{variant:`ghost`,onClick:s,disabled:t||n||!e.enabled,title:e.enabled?`Restart`:`Enable it instead — a disabled script has no process`,children:d(x,{className:`h-4 w-4${n?` animate-spin`:``}`})}),d(M,{variant:`ghost`,onClick:c,title:`Logs`,children:d(v,{className:`h-4 w-4`})}),d(M,{variant:`ghost`,onClick:()=>o(!e.enabled),disabled:t,title:e.enabled?`Disable`:`Enable`,children:e.enabled?`Disable`:`Enable`}),d(M,{variant:`ghost`,onClick:u,title:`Delete`,children:d(g,{className:`h-4 w-4`})})]})]}),a&&i(`div`,{className:`rounded border border-border`,children:[i(`div`,{className:`border-b border-border px-3 py-1.5 text-xs text-foreground-subtle`,children:[`Logs — `,d(`code`,{children:B(e.id)})]}),d(oe,{addonId:B(e.id),maxHeight:`max-h-64`,showFilters:!1})]})]})}var Pi=[`automations`,`scripts`,`custom-device`];function Fi(e){return e!==null&&Pi.some(t=>t===e)}function Ii(){let[e,t]=Ee(),n=e.get(`tab`);return d(ke,{icon:ee,title:`Build-your-self`,subtitle:`Automations, scripts and composed devices — what this installation does on its own.`,children:i(de,{value:Fi(n)?n:`automations`,onValueChange:e=>{t(t=>{let n=new URLSearchParams(t);return n.set(`tab`,e),n.delete(`block`),n},{replace:!0})},children:[i(le,{children:[d(E,{value:`automations`,children:`Automations`}),d(E,{value:`scripts`,children:`Scripts`}),d(E,{value:`custom-device`,children:`Custom Device`})]}),d(j,{value:`automations`,children:d(Cn,{onOpenScripts:e=>{t(t=>{let n=new URLSearchParams(t);return n.set(`tab`,`scripts`),e===void 0?n.delete(`block`):n.set(`block`,e),n},{replace:!0})}})}),d(j,{value:`scripts`,children:d(Mi,{initialBlockId:e.get(`block`)??void 0})}),d(j,{value:`custom-device`,children:d(Un,{})})]})})}export{Ii as BuildPage};

package/dist/assets/CompositionEditor-BhWVT7RV.js DELETED Viewed

@@ -1 +0,0 @@

- import{G as e,I as t,K as n,Q as r,S as i,b as a,q as o,x as s,z as c}from"./_virtual_mf___mfe_internal__admin_ui_host__loadShare___mf_0_tanstack_mf_1_react_mf_2_query__loadShare__.js-DhP-Lgiq.js";import{at as l}from"./player-overlays-o54P23P2.js";import{B as u,H as d,Rr as f,Vr as p,_i as m,an as h,c as g,cn as _,qi as v,tn as y,vi as b}from"./src-f3OJiuN1.js";import{Dt as x,Mn as S,Nn as C,Ot as w,Pn as ee,Tn as T,_n as te,bn as E,fn as ne,gn as re,jn as D,ln as O,mn as ie,pn as ae,vn as k,wn as A,xn as j,yn as M}from"./src-C36-vO5A.js";import{l as N}from"./index-CgXPc-AV.js";r();function oe(e){return{target:{kind:`new`,type:e},name:``,features:[]}}function se(e){return{target:{kind:`existing`,device:e},name:``,features:[]}}function ce(e,t){return{target:e.target,name:t,features:e.features.flatMap(e=>e.kind===`fields`?[e]:[])}}function P(e,t,n){return{...e,features:e.features.map(e=>e.cap===t?n(e):e)}}function le(e,t){return Object.fromEntries(Object.entries(e).filter(([e])=>e!==t))}function ue(e,t){switch(t.type){case`set-new-type`:return e.target.kind===`new`?{...e,target:{...e.target,type:t.deviceType}}:e;case`set-new-role`:{if(e.target.kind!==`new`)return e;let{role:n,...r}=e.target;return{...e,target:t.role===null?r:{...r,role:t.role}}}case`set-name`:return{...e,name:t.name};case`add-feature`:return e.features.some(e=>e.cap===t.cap)?e:{...e,features:[...e.features,{kind:`fields`,cap:t.cap,fields:{}}]};case`remove-feature`:return{...e,features:e.features.filter(e=>e.cap!==t.cap)};case`set-field`:return P(e,t.cap,e=>({...e,fields:{...e.fields,[t.path]:t.source}}));case`clear-field`:return P(e,t.cap,e=>({...e,fields:le(e.fields,t.path)}));case`copy-feature`:return P(e,t.cap,e=>({...e,fields:{...e.fields,...Object.fromEntries(t.paths.map(e=>[e,{kind:`from`,source:t.from,cap:t.sourceCap,fieldPath:e}]))}}))}}function de(e){let t=ie.safeParse({target:e.target,features:e.features});return t.success?{ok:!0,composition:t.data}:{ok:!1,problems:t.error.issues.map(e=>`${e.path.join(`.`)||`composition`}: ${e.message}`)}}function fe(e){for(let t=1;;t++){let n=`s${t}`;if(!e.includes(n))return n}}function F(e){return{addonId:e.addonId,stableId:e.stableId}}function I(e){return new Map(e.map(e=>[E(F(e)),e]))}function pe(e,t,n){return e.filter(e=>e.id!==n&&e.type!==T.Container&&t.includes(e.id)).toSorted((e,t)=>e.name.localeCompare(t.name))}function me(e,t,n){let r=e?.features??[],i=r.findIndex(e=>e.cap===n.cap);return{target:e?.target??{kind:`existing`,device:t},features:i===-1?[...r,n]:r.map((e,t)=>t===i?n:e)}}function he(e,t){let n=e.features.filter(e=>e.cap!==t);return n.length===0?null:{target:e.target,features:n}}function ge(e,t){let n=e?.features.find(e=>e.cap===t);return n!==void 0&&n.kind===`fields`?n:null}function L(e){return Array.isArray(e)?e.map(L):typeof e!=`object`||!e?e:Object.fromEntries(Object.entries(e).toSorted(([e],[t])=>e.localeCompare(t)).map(([e,t])=>[e,L(t)]))}function R(e){return JSON.stringify(L(e))}function z(e,t){return R(e)===R(t)}function _e(e,t){switch(e.kind){case`pending`:return{kind:`refused`,reason:`the customization has not been read yet — try again`};case`unknown`:return{kind:`refused`,reason:`the customization could not be read: ${e.reason}`};case`not-loaded`:return{kind:`refused`,reason:`the customizations are not loaded yet: ${e.reason}`};case`none`:return t===null?{kind:`noop`}:{kind:`create`,input:{enabled:!0,composition:t}};case`present`:{let n=e.view.block.id;return t===null?{kind:`delete`,blockId:n}:R(t)===R(e.composition)?{kind:`noop`}:{kind:`update`,blockId:n,expectedUpdatedAt:e.view.block.updatedAt,composition:t}}}}function B(e,t){let n=e===`enum`?`string`:e,r=t.kind===`enum`?`string`:t.kind,i={source:t.source,cap:t.cap,fieldPath:t.fieldPath};return r===n?{kind:`from`,...i}:n===`number`&&r===`string`?{kind:`expression`,expr:`number(x)`,bindings:{x:{kind:`from`,...i}}}:null}function V(e){return{kind:`expression`,expr:e,bindings:{}}}function H(e){let t=B(`number`,e.percentage);return t===null?null:{kind:`fields`,cap:`battery`,fields:e.mode===`replace`?{percentage:t}:{percentage:t,charging:V(`"unknown"`),sleeping:V(`false`),lastUpdated:V(`now`)}}}var U=C.filter(e=>e!==`switch`&&e!==`motion`);function ve(e){let t=ee[e.cap];return t===void 0||!U.includes(e.cap)?null:{kind:`fields`,cap:e.cap,fields:{[t]:{kind:`expression`,expr:`!v`,bindings:{v:{kind:`from`,source:e.self,cap:e.cap,fieldPath:t}}}}}}function ye(e){return e.from===e.to||!w(e.from,e.to)?null:{kind:`fields`,cap:e.cap,fields:{[e.fieldPath]:{kind:`expression`,expr:`convert(v, ${JSON.stringify(e.from)}, ${JSON.stringify(e.to)})`,bindings:{v:{kind:`from`,source:e.self,cap:e.cap,fieldPath:e.fieldPath}}},...e.unitField===null?{}:{[e.unitField]:V(JSON.stringify(e.to))}}}}function be(e,t){let n=B(`number`,t.remaining);if(n===null||!ae.test(t.key)||t.label.trim()===``)return null;let r={label:t.label.trim(),fields:{"remaining.value":n,"remaining.unit":V(JSON.stringify(t.unit))}};return{kind:`fields`,cap:`consumables`,...e?.enabled===void 0?{}:{enabled:e.enabled},fields:e?.fields??{lastChangedAt:V(`now`),lastFetchedAt:V(`now`)},items:{...e?.items,[t.key]:r}}}function xe(e){return e.toLowerCase().normalize(`NFD`).replace(/[\u0300-\u036f]/g,``).replace(/[^a-z0-9]+/g,`-`).replace(/^-+|-+$/g,``).slice(0,48)}function Se(e){let t=e.fields.lastPressedAt;if(t===void 0||t.kind!==`expression`)return[];let n=Object.entries(t.bindings).filter(([e])=>e.startsWith(`active`)).flatMap(([,e])=>e.kind===`from`?[e.source]:[]);return[...new Map(n.map(e=>[E(e),e])).values()]}function Ce(e){let t=e.fields.lastPressedAt;if(t===void 0||t.kind!==`expression`)return[];let n=t.bindings;return Object.entries(n).flatMap(([e,t])=>{if(!e.startsWith(`active`)||t.kind!==`from`)return[];let r=n[`changed${e.slice(6)}`];return r===void 0||r.kind!==`from`?[]:[{source:t.source,cap:t.cap,activeField:t.fieldPath,changedAtField:r.fieldPath}]})}function we(e){if(e===void 0)return null;if(e.kind===`from`){let{kind:t,...n}=e;return{...n,kind:`number`}}if(e.kind!==`expression`||e.expr!==`number(x)`)return null;let t=e.bindings.x;if(t===void 0||t.kind!==`from`||Object.keys(e.bindings).length!==1)return null;let{kind:n,...r}=t;return{...r,kind:`string`}}function Te(e,t){let n=we(e.fields.percentage);if(n===null)return!1;let r=H({percentage:n,mode:t}),{enabled:i,...a}=e;return r!==null&&z(a,r)}function W(e){return e.map(e=>({id:e.id,name:e.name,addonId:e.addonId,stableId:e.stableId,location:e.location,type:e.type}))}function Ee(e,t,n){let r=t.trim().toLowerCase();return r===``?[]:e.filter(e=>!n.includes(e.id)&&[e.name,e.stableId,e.location??``].some(e=>e.toLowerCase().includes(r))).toSorted((e,t)=>e.name.localeCompare(t.name)).slice(0,20)}function G(e,t){let n=e;for(let e of t.split(`.`)){if(typeof n!=`object`||!n||Array.isArray(n))return;n=Object.getOwnPropertyDescriptor(n,e)?.value}return n}function De(e,t,n,r){return r===null?{kind:`from`,source:e,cap:t,fieldPath:n.path}:B(r,{source:e,cap:t,fieldPath:n.path,kind:n.kind})}function Oe(e,t,n,r){let i={addonId:e.addonId,stableId:e.stableId};return t.caps.flatMap(e=>e.fields.filter(e=>e.item!==!0).map(t=>({cap:e.cap,path:t.path,kind:t.kind,value:n===null?void 0:G(n[e.cap],t.path),source:De(i,e.cap,t,r)})))}function K(e,t){return t?e===void 0?`—`:e===null?`null`:typeof e==`string`||typeof e==`number`||typeof e==`boolean`?String(e):JSON.stringify(e):`…`}var ke=[];function q({title:e,targetKind:t,excludeDeviceIds:n=ke,onPick:r,onCancel:a}){let{t:c}=N(),[l,u]=o(null);return i(`aside`,{"aria-label":e,className:`rounded-lg border border-border bg-surface p-3 flex flex-col gap-2`,children:[s(`h3`,{className:`text-xs font-semibold`,children:e}),l===null?s(Ae,{excludeDeviceIds:n,onSelect:u}):s(je,{device:l,targetKind:t,onPick:r,onBack:()=>u(null)}),s(`div`,{children:s(_,{variant:`ghost`,onClick:a,children:c(`customize.picker.cancel`)})})]})}function Ae({excludeDeviceIds:e,onSelect:t}){let{t:n}=N(),[r,c]=o(``),l=b({projection:`slim`});return i(a,{children:[i(`label`,{className:`flex flex-col gap-1 text-[11px]`,children:[n(`customize.picker.search`),s(`input`,{type:`search`,"aria-label":n(`customize.picker.search`),className:`px-1.5 py-0.5 text-[11px] bg-background border border-border rounded`,value:r,onChange:e=>c(e.target.value)})]}),l.status===`pending`&&s(`p`,{role:`status`,className:`text-[11px] text-foreground-subtle`,children:n(`customize.picker.loadingDevices`)}),l.status===`error`&&s(h,{title:n(`customize.picker.devicesFailed`),message:l.error?.message??``}),l.status===`success`&&s(`ul`,{className:`flex flex-col gap-1`,children:Ee(W(l.data),r,e).map(e=>s(`li`,{children:i(`button`,{type:`button`,className:`text-left text-[11px] hover:underline`,onClick:()=>t(e),children:[e.name,` `,i(`span`,{className:`text-foreground-subtle`,children:[`· `,e.stableId]})]})},e.id))})]})}function je({device:e,targetKind:t,onPick:n,onBack:r}){let{t:a}=N(),o=m({deviceId:e.id}),c=v({deviceId:e.id});if(o.status===`pending`)return s(`p`,{role:`status`,className:`text-[11px] text-foreground-subtle`,children:a(`customize.picker.loadingFields`)});if(o.status===`error`)return s(h,{title:a(`customize.picker.fieldsFailed`),message:o.error?.message??``});let l=Oe(e,o.data,c.status===`success`?c.data:null,t),u=l.filter(e=>e.source===null).length,d={addonId:e.addonId,stableId:e.stableId};return i(`div`,{className:`flex flex-col gap-1`,children:[i(`button`,{type:`button`,className:`text-left text-[11px] text-primary`,onClick:r,children:[`← `,e.name]}),c.status===`error`&&s(`p`,{role:`alert`,className:`text-[10px] text-warning`,children:a(`customize.picker.valuesFailed`,{reason:c.error?.message??``})}),s(`ul`,{role:`listbox`,"aria-label":a(`customize.picker.fields`),className:`flex flex-col gap-1`,children:l.map(t=>{let r=t.source;if(r===null)return null;let a=()=>n({device:e,ref:d,cap:t.cap,path:t.path,kind:t.kind,source:r,value:t.value});return i(`li`,{role:`option`,"aria-selected":!1,tabIndex:0,className:`flex justify-between gap-2 text-[11px] cursor-pointer hover:bg-surface-hover rounded px-1`,onClick:a,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&a()},children:[i(`span`,{className:`font-mono`,children:[t.cap,`.`,t.path]}),s(`span`,{children:K(t.value,c.status===`success`)})]},`${t.cap}.${t.path}`)})}),u>0&&t!==null&&s(`p`,{className:`text-[10px] text-foreground-subtle`,children:a(`customize.picker.hidden`,{count:u,kind:a(`customize.kinds.${t}`)})})]})}var J=`integration`;function Y(e,t){switch(e.kind){case`from`:{let n=E(e.source);return`${t.get(n)??n} · ${e.cap}.${e.fieldPath}`}case`expression`:return e.expr;case`code`:return`code`}}function Me(e,t){if(e.kind===`unreachable`)return{kind:`unknown`,reason:e.error};if(e.state===null)return{kind:`unknown`,reason:`the composer has not reported this customization yet`};let n=e.state.fields.find(t);return n===void 0?{kind:`unknown`,reason:`the composer reports no value for this field`}:n.state===`unavailable`?{kind:`unavailable`,reason:n.reason??`unavailable`}:{kind:`value`,value:n.value,staleReason:n.state===`stale`?n.reason??`stale`:null}}function X(e,t,n,r){return{key:`${e.feature.cap}.${t}`,cap:e.feature.cap,field:t,origin:`composed`,mode:e.mode,from:Y(n,e.input.sourceNames),value:e.enabled?Me(e.input.state,r):{kind:`off`}}}function Ne(e){let t=e.feature.cap;return Object.entries(e.feature.fields).map(([n,r])=>X(e,n,r,e=>e.cap===t&&e.path===n&&e.item===void 0))}function Pe(e){let t=e.feature.cap;return Object.entries(e.feature.items??{}).flatMap(([n,r])=>Object.entries(r.fields).map(([r,i])=>X(e,te(ne,n,r),i,e=>e.cap===t&&e.path===r&&e.item?.arrayPath===`items`&&e.item.key===n)))}function Fe(e,t,n){if(e===null)return{kind:`unknown`,reason:`the device state could not be read`};let r=G(e[t],n),i=r===void 0?void 0:D(r);return i===void 0?{kind:`unknown`,reason:`not reported`}:{kind:`value`,value:i,staleReason:null}}function Ie(e){if(e.mode!==`replace`)return[];let t=e.feature.cap,n=new Set(Object.keys(e.feature.fields));return(e.input.nativeFields.get(t)??[]).filter(e=>!n.has(e)).map(n=>({key:`${t}.${n}`,cap:t,field:n,origin:`native`,mode:e.mode,from:J,value:Fe(e.input.snapshot,t,n)}))}function Le(e){return e.composition.features.flatMap(t=>{if(t.kind!==`fields`)return[];let n={feature:t,mode:e.nativeCaps.has(t.cap)?`replace`:`add`,enabled:re(t),input:e};return[...Ne(n),...Pe(n),...Ie(n)]})}var Re={min:`min(a, b, …)`,max:`max(a, b, …)`,abs:`abs(x)`,floor:`floor(x)`,ceil:`ceil(x)`,sqrt:`sqrt(x)`,round:`round(x, digits?)`,pow:`pow(x, y)`,clamp:`clamp(x, lo, hi)`,avg:`avg(a, b, …)`,sum:`sum(a, b, …)`,coalesce:`coalesce(a, b, …)`,age:`age(now, ts)`,convert:`convert(x, "from", "to")`,any:`any(a, b, …)`,all:`all(a, b, …)`,within:`within(ts, ms)`,number:`number(x)`,latest:`latest(ts, …)`,rose:`rose(level, changedAt, debounceMs?)`,count:`count(x)`},Z=/[A-Za-z_][A-Za-z0-9_]*$/;function ze(e,t,n){let r=Z.exec(e.slice(0,t))?.[0]??``;if(r===``)return[];let i=n.filter(e=>e.startsWith(r)).toSorted().map(e=>({kind:`binding`,label:e,insert:e,hintKey:null})),a=`now`.startsWith(r)?[{kind:`now`,label:`now`,insert:`now`,hintKey:`compositionEditor.now`}]:[],o=[...S].filter(e=>e.startsWith(r)).toSorted().map(e=>({kind:`builtin`,label:Re[e]??e,insert:`${e}(`,hintKey:`compositionEditor.builtins.${e}`}));return[...i,...a,...o].slice(0,8)}function Be(e,t,n){let r=t-(Z.exec(e.slice(0,t))?.[0]??``).length;return{text:`${e.slice(0,r)}${n.insert}${e.slice(t)}`,cursor:r+n.insert.length}}r();function Ve({label:e,value:t,bindings:r,onChange:a}){let{t:c}=N(),l=n(null),[u,d]=o(t.length),f=ze(t,u,r);return i(`div`,{className:`flex flex-col gap-1`,children:[i(`label`,{className:`flex flex-col gap-1 text-[11px]`,children:[e,s(`input`,{ref:l,className:`font-mono px-1.5 py-0.5 text-[11px] bg-background border border-border rounded`,value:t,onChange:e=>{a(e.target.value),d(e.target.selectionStart??e.target.value.length)},onSelect:e=>d(e.currentTarget.selectionStart??t.length)})]}),f.length>0&&s(`ul`,{role:`listbox`,"aria-label":c(`compositionEditor.suggestions`),className:`rounded border border-border bg-surface text-[11px]`,children:f.map(e=>i(`li`,{role:`option`,"aria-selected":!1,tabIndex:0,className:`flex justify-between gap-2 px-1 cursor-pointer hover:bg-surface-hover`,onClick:()=>{let n=Be(t,u,e);a(n.text),d(n.cursor),l.current?.focus()},children:[s(`span`,{className:`font-mono`,children:e.label}),e.hintKey!==null&&s(`span`,{className:`text-foreground-subtle`,children:c(e.hintKey)})]},`${e.kind}:${e.label}`))})]})}function He(e,t,n){if(e.kind===`code`)return{kind:`unavailable`,reason:`code fields arrive in slice 4`};if(e.kind===`expression`&&(O(e.expr,`rose`)||O(e.expr,`count`)))return{kind:`runtime-only`};let r=j(e).filter(e=>t.get(M(e.source,e.cap))?.kind!==`value`).map(k);if(r.length>0)return{kind:`waiting`,missing:r};let i=x({source:e,now:n,read:e=>{let n=t.get(M(e.source,e.cap)),r=n?.kind===`value`?G(n.slice,e.fieldPath):void 0,i=r===void 0?void 0:D(r);return i===void 0?{state:`unavailable`,reason:`${e.cap}.${e.fieldPath} is not reported`,fatal:!1}:{state:`fresh`,value:i}}});return i.state===`unavailable`?{kind:`unavailable`,reason:i.reason}:{kind:`value`,value:i.value,stale:i.reason}}r();function Ue({sliceKey:e,deviceId:t,capName:n,onReading:r}){let i=g(l().trpcClient,t,n);return c(()=>{r(e,i===void 0?{kind:`pending`}:{kind:`value`,slice:i})},[e,i,r]),null}function We(e,t){return[...new Map(j(e).map(e=>[M(e.source,e.cap),e]))].map(([e,n])=>({key:e,read:n,device:t.get(E(n.source))}))}function Ge({source:e}){let{t:n}=N(),r=b({projection:`slim`}),[a,c]=o(new Map),l=t((e,t)=>{c(n=>new Map([...n,[e,t]]))},[]),u=We(e,I(r.status===`success`?W(r.data):[])),d=r.status===`success`?u.filter(e=>e.device===void 0).map(e=>E(e.read.source)):[];return i(`div`,{className:`flex flex-wrap items-center gap-2 text-[11px]`,children:[u.map(e=>e.device===void 0?null:s(Ue,{sliceKey:e.key,deviceId:e.device.id,capName:e.read.cap,onReading:l},e.key)),s(`span`,{className:`text-foreground-subtle`,children:n(`compositionEditor.preview.label`)}),r.status===`error`?s(`span`,{className:`text-warning`,children:n(`compositionEditor.preview.devicesFailed`,{reason:r.error?.message??``})}):d.length>0?s(`span`,{className:`text-warning`,children:n(`compositionEditor.preview.unknownDevice`,{sources:d.join(`, `)})}):s(Ke,{preview:He(e,a,Date.now())})]})}function Ke({preview:e}){let{t}=N();switch(e.kind){case`value`:return i(`strong`,{children:[`→ `,K(e.value,!0),e.stale===null?``:` (${e.stale})`]});case`unavailable`:return s(`span`,{className:`text-warning`,children:e.reason});case`waiting`:return s(`span`,{className:`text-foreground-subtle`,children:t(`compositionEditor.preview.waiting`,{sources:e.missing.join(`, `)})});case`runtime-only`:return s(`span`,{className:`text-foreground-subtle`,children:t(`compositionEditor.preview.runtimeOnly`)})}}r();function qe({path:e,kind:t,required:n,source:r,onSet:c,onClear:l,sourceNames:u}){let{t:d}=N(),[f,p]=o(`idle`),m=r?.kind===`expression`?r:null;return i(`div`,{className:`flex flex-col gap-1 rounded border border-border p-2`,children:[i(`div`,{className:`flex flex-wrap items-center gap-2`,children:[s(`span`,{className:`font-mono text-[11px]`,children:e}),i(`span`,{className:`text-[10px] text-foreground-subtle`,children:[d(`customize.kinds.${t}`),n?` · ${d(`compositionEditor.required`)}`:``]}),s(_,{size:`sm`,variant:`outline`,onClick:()=>p(`take`),children:d(`compositionEditor.takeFrom`)}),s(_,{size:`sm`,variant:`outline`,"aria-pressed":m!==null,onClick:()=>c(m??{kind:`expression`,expr:`null`,bindings:{}}),children:d(`compositionEditor.formula`)}),r!==void 0&&s(_,{size:`sm`,variant:`ghost`,onClick:l,children:d(`compositionEditor.clear`)})]}),r?.kind===`from`&&s(`span`,{className:`text-[11px]`,children:Y(r,u)}),m!==null&&i(a,{children:[s(Ve,{label:d(`compositionEditor.formulaFor`,{path:e}),value:m.expr,bindings:Object.keys(m.bindings),onChange:e=>c({...m,expr:e})}),s(`ul`,{className:`text-[11px] flex flex-col gap-0.5`,children:Object.entries(m.bindings).map(([e,t])=>i(`li`,{className:`flex gap-2`,children:[s(`span`,{className:`font-mono`,children:e}),s(`span`,{children:t.kind===`from`?Y(t,u):JSON.stringify(t.value)})]},e))}),s(_,{size:`sm`,variant:`ghost`,onClick:()=>p(`add-binding`),children:d(`compositionEditor.addSource`)})]}),f!==`idle`&&s(q,{title:d(f===`take`?`compositionEditor.takeFrom`:`compositionEditor.addSource`),targetKind:f===`take`?t:null,onCancel:()=>p(`idle`),onPick:e=>{if(f===`take`)c(e.source);else if(m!==null){let t=fe(Object.keys(m.bindings));c({...m,bindings:{...m.bindings,[t]:{kind:`from`,source:e.ref,cap:e.cap,fieldPath:e.path}}})}p(`idle`)}}),r!==void 0&&s(Ge,{source:r})]})}r();function Q(e){return e===null||e.kind===`known`?null:e}function Je({draft:e,deviceType:t,nativeCaps:n,targetFields:r,dispatch:c}){let{t:l}=N(),u=f({deviceType:t}),d=b({projection:`slim`}),p=new Map([...I(d.status===`success`?W(d.data):[])].map(([e,t])=>[e,t.name])),[m,h]=o(null),g=Q(n)??Q(r),v=n?.kind===`known`?n.value:new Set,x=new Set(e.features.map(e=>e.cap)),S=u.status===`success`?u.data.caps.filter(e=>!x.has(e.cap)&&!v.has(e.cap)):[],C=[...v].filter(e=>!x.has(e)),w=e=>v.has(e)?((r?.kind===`known`?r.value.caps.find(t=>t.cap===e):void 0)?.fields??[]).filter(e=>e.item!==!0&&!e.path.includes(`.`)).map(e=>({path:e.path,kind:e.kind,required:!1})):((u.status===`success`?u.data.caps.find(t=>t.cap===e):void 0)?.fields??[]).map(e=>({path:e.path,kind:e.kind,required:e.required}));return g===null?i(a,{children:[i(`section`,{"aria-labelledby":`editor-features`,className:`flex flex-col gap-2`,children:[s(`h2`,{id:`editor-features`,className:`text-sm font-semibold`,children:l(`compositionEditor.steps.features`)}),u.status===`pending`&&s(`p`,{role:`status`,className:`text-[11px] text-foreground-subtle`,children:l(`customize.presets.checking`)}),u.status===`error`&&s(`p`,{role:`alert`,className:`text-[11px] text-warning`,children:l(`customize.presets.unknown`,{reason:u.error?.message??``})}),i(`div`,{className:`flex flex-wrap gap-1`,children:[e.features.map(e=>i(`span`,{className:`flex items-center gap-1 rounded border border-border px-1.5 text-[11px]`,children:[e.cap,s(y,{variant:v.has(e.cap)?`default`:`info`,children:v.has(e.cap)?l(`compositionEditor.replaces`):l(`customize.fields.added`)}),s(`button`,{type:`button`,"aria-label":l(`compositionEditor.removeFeature`,{cap:e.cap}),onClick:()=>c({type:`remove-feature`,cap:e.cap}),children:`×`})]},e.cap)),S.map(e=>i(_,{size:`sm`,variant:`outline`,onClick:()=>c({type:`add-feature`,cap:e.cap}),children:[`+ `,e.cap]},e.cap)),C.map(e=>s(_,{size:`sm`,variant:`ghost`,onClick:()=>c({type:`add-feature`,cap:e}),children:l(`compositionEditor.replaceIn`,{cap:e})},e))]})]}),e.features.map(e=>i(`section`,{"aria-label":l(`compositionEditor.steps.fieldsOf`,{cap:e.cap}),className:`flex flex-col gap-2`,children:[i(`div`,{className:`flex items-center justify-between`,children:[s(`h2`,{className:`text-sm font-semibold`,children:l(`compositionEditor.steps.fieldsOf`,{cap:e.cap})}),s(_,{size:`sm`,variant:`outline`,onClick:()=>h(e.cap),children:l(`compositionEditor.copyFeature`)})]}),m===e.cap&&s(q,{title:l(`compositionEditor.copyFeature`),targetKind:null,onCancel:()=>h(null),onPick:t=>{c({type:`copy-feature`,cap:e.cap,from:t.ref,sourceCap:t.cap,paths:w(e.cap).map(e=>e.path)}),h(null)}}),w(e.cap).map(t=>s(qe,{path:t.path,kind:t.kind,required:t.required,source:e.fields[t.path],onSet:n=>c({type:`set-field`,cap:e.cap,path:t.path,source:n}),onClear:()=>c({type:`clear-field`,cap:e.cap,path:t.path}),sourceNames:p},t.path))]},e.cap))]}):i(`section`,{"aria-labelledby":`editor-features`,className:`flex flex-col gap-2`,children:[s(`h2`,{id:`editor-features`,className:`text-sm font-semibold`,children:l(`compositionEditor.steps.features`)}),s(`p`,{role:`status`,className:`text-[11px] text-foreground-subtle`,children:g.kind===`unknown`?g.reason:l(`customize.fields.reading`)})]})}var $=`px-1.5 py-0.5 text-[11px] bg-background border border-border rounded`;function Ye({draft:e,targetName:t,dispatch:n}){let{t:r}=N(),a=e.target;return i(`section`,{"aria-labelledby":`editor-target`,className:`flex flex-col gap-2`,children:[s(`h2`,{id:`editor-target`,className:`text-sm font-semibold`,children:r(`compositionEditor.steps.target`)}),a.kind===`existing`?s(`p`,{className:`text-[11px]`,children:r(`compositionEditor.existingTarget`,{name:t??`${a.device.addonId}/${a.device.stableId}`})}):i(`div`,{className:`grid grid-cols-3 gap-2`,children:[i(`label`,{className:`flex flex-col gap-1 text-[11px]`,children:[r(`customize.identity.type`),s(`select`,{className:$,value:a.type,onChange:e=>{let t=Object.values(T).find(t=>t===e.target.value);t!==void 0&&n({type:`set-new-type`,deviceType:t})},children:Object.values(T).map(e=>s(`option`,{value:e,children:d(e).label},e))})]}),i(`label`,{className:`flex flex-col gap-1 text-[11px]`,children:[r(`customize.identity.role`),i(`select`,{className:$,value:a.role??``,onChange:e=>n({type:`set-new-role`,role:Object.values(A).find(t=>t===e.target.value)??null}),children:[s(`option`,{value:``,children:r(`customize.identity.noRole`)}),Object.values(A).map(e=>s(`option`,{value:e,children:u(e).label},e))]})]}),i(`label`,{className:`flex flex-col gap-1 text-[11px]`,children:[r(`compositionEditor.name`),s(`input`,{className:$,value:e.name,onChange:e=>n({type:`set-name`,name:e.target.value})})]})]})]})}r();function Xe({draft:e,blockId:t,saving:n,onSave:r,onCancel:a}){let{t:l}=N(),u=p(),d=de(e),f=d.ok?JSON.stringify(d.composition):``,[m,h]=o({key:``,state:{kind:`checking`}});c(()=>{if(!d.ok)return;let e=d.composition,n=setTimeout(()=>{u.mutateAsync({composition:e,...t===null?{}:{blockId:t}}).then(e=>h({key:f,state:e.ok?{kind:`ok`}:{kind:`refused`,problems:e.problems}})).catch(e=>h({key:f,state:{kind:`unknown`,reason:e instanceof Error?e.message:String(e)}}))},500);return()=>clearTimeout(n)},[f,t]);let g=d.ok?m.key===f?m.state:{kind:`checking`}:{kind:`invalid-draft`,problems:d.problems};return i(`section`,{"aria-labelledby":`editor-verify`,className:`flex flex-col gap-2`,children:[s(`h2`,{id:`editor-verify`,className:`text-sm font-semibold`,children:l(`compositionEditor.steps.verify`)}),g.kind===`checking`&&s(`p`,{role:`status`,className:`text-[11px] text-foreground-subtle`,children:l(`compositionEditor.verify.checking`)}),g.kind===`ok`&&s(`p`,{className:`text-[11px] text-success`,children:l(`compositionEditor.verify.ok`)}),g.kind===`unknown`&&s(`p`,{role:`alert`,className:`text-[11px] text-warning`,children:l(`compositionEditor.verify.unknown`,{reason:g.reason})}),(g.kind===`invalid-draft`||g.kind===`refused`)&&s(`ul`,{role:`alert`,className:`flex flex-col gap-1 text-[11px] text-danger`,children:g.kind===`invalid-draft`?g.problems.map(e=>s(`li`,{children:e},e)):g.problems.map(e=>i(`li`,{children:[s(`span`,{className:`font-mono`,children:e.path}),` — `,e.message]},`${e.path}:${e.code}`))}),i(`div`,{className:`flex gap-2`,children:[s(_,{variant:`ghost`,onClick:a,children:l(`compositionEditor.cancel`)}),s(_,{disabled:g.kind!==`ok`||n||!d.ok,onClick:()=>d.ok&&r(d.composition),children:l(`compositionEditor.save`)})]})]})}r();function Ze({initial:t,blockId:n,deviceType:r,targetName:a=null,nativeCaps:c,targetFields:l,save:u,onCancel:d}){let[f,p]=e(ue,t),[m,h]=o(!1),[g,_]=o(null),v=f.target.kind===`new`?f.target.type:r,y=async e=>{h(!0);let t=await u(e,f.name);h(!1),_(t.kind===`refused`?t.reason:null)};return i(`div`,{className:`flex flex-col gap-4`,children:[s(Ye,{draft:f,targetName:a,dispatch:p}),s(Je,{draft:f,deviceType:v,nativeCaps:c,targetFields:l,dispatch:p}),s(Xe,{draft:f,blockId:n,saving:m,onSave:e=>void y(e),onCancel:d}),g!==null&&s(`p`,{role:`alert`,className:`text-[11px] text-danger break-words`,children:g})]})}export{pe as C,oe as D,se as E,I as S,ce as T,ge as _,K as a,me as b,U as c,ye as d,Se as f,xe as g,Te as h,q as i,H as l,ve as m,J as n,G as o,Ce as p,Le as r,W as s,Ze as t,be as u,_e as v,F as w,he as x,z as y};

package/dist/assets/DeviceDetail-BZJKkllF.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{I as e,K as t,Q as n,S as r,W as i,a,b as o,o as s,q as c,t as l,x as u,z as d}from"./_virtual_mf___mfe_internal__admin_ui_host__loadShare___mf_0_tanstack_mf_1_react_mf_2_query__loadShare__.js-DhP-Lgiq.js";import{G as f,U as p,W as m,X as h,_ as g,at as _,ht as v,lt as y,mt as b,q as x,r as S,st as C,t as w,ut as T,vt as E,yt as D}from"./player-overlays-o54P23P2.js";import{$ as O,$o as k,$t as A,A as j,Al as M,B as N,Bi as P,Bl as ee,Br as F,Ci as te,Ct as I,Dt as ne,Eu as L,Fi as R,Fl as re,Fo as ie,Fr as z,G as ae,Gc as oe,H as B,Ha as V,Hi as H,Ht as se,I as ce,Il as le,Iu as ue,Ja as de,Jc as U,Jl as fe,Ju as pe,K as me,Kl as he,Kr as ge,L as W,Ll as _e,Lr as ve,M as ye,Mo as be,N as xe,Nu as Se,O as Ce,Oi as we,Ol as Te,Oo as Ee,P as De,Pi as Oe,Pr as ke,Q as G,Qc as Ae,Ql as je,Qo as Me,Qt as Ne,Rc as Pe,Rr as Fe,St as Ie,Ti as Le,Tt as Re,Tu as ze,U as Be,Ur as Ve,Ut as He,Vi as Ue,Vt as We,Vu as Ge,W as Ke,Wi as qe,Wl as Je,Wr as Ye,Wt as Xe,X as Ze,Xl as Qe,Xu as $e,Y as et,Ya as tt,Yc as nt,Yn as rt,Yu as it,Z as at,Zo as ot,_a as st,_i as ct,_t as lt,a as ut,an as dt,b as ft,bi as pt,bt as mt,c as ht,cd as gt,cn as K,d as _t,di as vt,dr as yt,du as bt,en as xt,es as St,et as Ct,f as wt,fa as Tt,ga as Et,gi as Dt,gn as Ot,gt as kt,hi as At,hn as jt,ht as Mt,i as Nt,ii as Pt,in as Ft,j as It,jo as Lt,ko as Rt,l as zt,li as Bt,ln as Vt,mi as q,mn as Ht,nu as Ut,o as Wt,os as Gt,q as Kt,qi as qt,ql as Jt,r as Yt,rn as Xt,ru as Zt,s as Qt,st as $t,ti as en,tn as J,tt as tn,u as nn,ui as rn,ut as an,v as on,va as sn,vi as cn,w as ln,wt as un,x as dn,xs as fn,xt as pn,y as mn,yi as hn,yl as gn,yn as _n,yt as vn,zi as yn,zo as bn}from"./src-f3OJiuN1.js";import{t as xn}from"./archive-TrxiLNcl.js";import{t as Sn}from"./boxes-BAiYOams.js";import{t as Cn}from"./ProviderIcon-B95H0OGs.js";import{t as wn}from"./circle-slash-Di12V3ul.js";import{n as Tn}from"./NodeInferenceDevices-DEF7iUIy.js";import{t as En}from"./layers-eROspUmA.js";import{t as Dn}from"./CapabilityBadges-E822NR6-.js";import{$t as On,At as kn,Cn as An,Et as jn,Ft as Mn,Gt as Nn,Nn as Pn,Tn as Y,Tt as Fn,bn as In,cn as Ln,jt as Rn,nr as zn,rr as Bn,un as Vn,wn as Hn}from"./src-C36-vO5A.js";import{_ as Un,a as Wn,d as Gn,f as Kn,h as qn,l as X,m as Jn,p as Yn,r as Xn,t as Zn,u as Qn}from"./index-CgXPc-AV.js";import{n as $n,t as er}from"./useDevice-BU0imY9B.js";import{C as tr,E as nr,S as rr,T as ir,_ as ar,a as or,b as sr,c as cr,d as lr,f as ur,g as dr,h as fr,i as pr,l as mr,m as hr,o as gr,p as _r,r as vr,s as yr,t as br,u as xr,v as Sr,w as Cr,x as wr,y as Tr}from"./CompositionEditor-BhWVT7RV.js";import{t as Er}from"./authed-media-CH1U0Z7I.js";import"./useEventInvalidation-BxCnrh5u.js";import{t as Dr}from"./StatusBadge-CeptlsPG.js";import{t as Or}from"./use-stationary-objects-CO4PdIFG.js";import{a as kr,i as Ar,n as jr,r as Mr,t as Nr}from"./DeviceAggregateSection-kHgMnzdV.js";var Pr=D(`arrow-left-right`,[[`path`,{d:`M8 3 4 7l4 4`,key:`9rb6wj`}],[`path`,{d:`M4 7h16`,key:`6tx8e3`}],[`path`,{d:`m16 21 4-4-4-4`,key:`siv7j2`}],[`path`,{d:`M20 17H4`,key:`h6l3hr`}]]),Fr=D(`disc`,[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`circle`,{cx:`12`,cy:`12`,r:`2`,key:`1c9p78`}]]),Ir=D(`ear`,[[`path`,{d:`M6 8.5a6.5 6.5 0 1 1 13 0c0 6-6 6-6 10a3.5 3.5 0 1 1-7 0`,key:`1dfaln`}],[`path`,{d:`M15 8.5a2.5 2.5 0 0 0-5 0v1a2 2 0 1 1 0 4`,key:`1qnva7`}]]);n();function Lr(e){if(typeof e!=`object`\|\|!e)return null;let t=e,n=t.id,r=t.label;if(typeof n!=`string`\|\|typeof r!=`string`)return null;let i=t.available===!0,a=t.enabled,o=t.unavailableReason;return{id:n,label:r,costWhenOff:typeof t.costWhenOff==`string`?t.costWhenOff:``,on:i&&typeof a==`boolean`?a:null,available:i,unavailableReason:typeof o==`string`?o:null}}function Rr(e){if(typeof e!=`object`\|\|!e)return null;let t=e.switches;if(!Array.isArray(t))return null;let n=t.map(Lr).filter(e=>e!==null);return n.length===0?null:n}var zr=[[/privacy\|mask/i,`privacy`],[/microphone\|mic\b/i,`microphone`],[/speaker\|broker audio\|stream audio/i,`speaker`],[/audio/i,`listening`],[/object\|detect/i,`detection`],[/event/i,`archive`],[/record/i,`recording`],[/notif/i,`notifications`],[/stream\|broker/i,`stream`]];function Br(e){for(let[t,n]of zr)if(t.test(e))return n;return`generic`}function Vr(e){let t=e.filter(e=>e.on===!1).map(e=>e.id),n=e.filter(e=>e.on===null).map(e=>e.id),r=t=>t.map(t=>e.find(e=>e.id===t)?.label??t).join(`, `),i=[];return t.length>0&&i.push(`Off: ${r(t)}`),n.length>0&&i.push(`Unknown: ${r(n)}`),{offIds:t,unknownIds:n,summary:i.length===0?`All camera functions on`:i.join(` · `)}}var Hr={stream:_e,detection:Un,privacy:b,microphone:T,speaker:Ae,listening:Ir,archive:xn,recording:Fr,notifications:pe,generic:gn};function Ur({deviceId:t}){let n=s(),i=Number.isFinite(t),[a,o]=c(null),[l,d]=c(!1),f=be({deviceId:t},{enabled:i});Yt([`pipelineOrchestrator`,`getCameraSwitches`],[`capability.binding-changed`]);let p=Rr(f.data),m=St({onError:(e,r)=>{console.error(`[CameraFunctionSwitches] switch write failed — reverting`,{tags:{deviceId:t},meta:{switchId:r.switchId,error:e instanceof Error?e.message:String(e)}}),n.invalidateQueries({queryKey:[[`pipelineOrchestrator`,`getCameraSwitches`]]}),o({id:r.switchId,message:e instanceof Error?e.message:String(e)})},onSuccess:()=>{o(null),n.invalidateQueries({queryKey:[[`pipelineOrchestrator`]]}),n.invalidateQueries({queryKey:[[`deviceManager`]]}),n.invalidateQueries({queryKey:[[`recording`]]})}}),h=e(e=>{!e.available\|\|e.on===null\|\|m.mutate({deviceId:t,switchId:e.id,enabled:!e.on})},[t,m]);if(p===null)return null;let g=Vr(p),_=e=>a?.id===e.id?a.message:null;return r(I,{open:l,onOpenChange:d,children:[r(Re,{"aria-label":`Camera functions`,title:g.summary,className:`inline-flex items-center gap-1 rounded-lg border px-2 py-1.5 text-[11px] font-medium transition-colors ${a===null?g.offIds.length>0?`border-warning/40 text-warning hover:bg-warning/10`:`border-border text-foreground-subtle hover:text-foreground hover:bg-surface-hover`:`border-danger/50 text-danger bg-danger/5`}`,children:[u(gn,{className:`h-3.5 w-3.5`}),u(`span`,{className:`hidden lg:inline`,children:`Functions`}),g.offIds.length>0&&r(`span`,{className:`rounded bg-warning/20 px-1 text-[9px] font-semibold uppercase tracking-wide`,children:[g.offIds.length,` off`]})]}),r(un,{className:`left-auto right-0 mt-1 min-w-[240px] max-h-[60vh] overflow-y-auto p-1`,children:[u(`div`,{className:`px-2 py-1 text-[10px] uppercase tracking-wider text-foreground-subtle`,children:`Camera functions`}),u(`ul`,{className:`space-y-0.5`,children:p.map(e=>u(`li`,{children:u(Wr,{row:e,failure:_(e),onToggle:()=>h(e)})},e.id))})]})]})}function Wr({row:e,failure:t,onToggle:n}){let i=Hr[Br(e.label)],a=e.on===null,o=e.on===!1,s=t===null?a?e.unavailableReason??`The source that owns this did not answer.`:e.costWhenOff:`Write failed: ${t}`,c=t===null?a?e.unavailableReason??`unknown`:null:`write failed`;return r(`button`,{type:`button`,role:`switch`,"aria-label":e.label,"aria-checked":e.on===!0,disabled:!e.available,onClick:n,title:s,className:`flex w-full items-center gap-2 rounded-md px-2 py-1 text-left text-[12px] text-foreground transition-colors hover:bg-surface-hover disabled:opacity-40 disabled:cursor-not-allowed`,children:[u(i,{className:`h-3.5 w-3.5 shrink-0 ${t===null?a?`text-foreground-subtle/50`:o?`text-warning`:`text-success`:`text-danger`}`}),r(`span`,{className:`flex-1 min-w-0 truncate`,children:[e.label,c!==null&&r(`span`,{className:`ml-1 text-[10px] text-foreground-subtle`,children:[`· `,c]})]}),u(`span`,{className:`shrink-0 rounded px-1 py-0.5 text-[9px] font-semibold uppercase tracking-wide ${a?`bg-surface-hover text-foreground-subtle/60`:o?`bg-warning/20 text-warning`:`bg-success/20 text-success`}`,children:a?`—`:o?`off`:`on`})]})}function Gr({deviceId:e}){let t=ce(_().trpcClient,e);return t===null?null:r(`a`,{href:t.url,target:`_blank`,rel:`noopener noreferrer`,title:`${t.label} — ${t.host}`,className:`inline-flex items-center gap-1.5 rounded-lg px-2 sm:px-2.5 py-1.5 text-[11px] font-medium border border-border text-foreground-subtle hover:text-foreground hover:bg-surface-hover transition-colors`,children:[u(v,{className:`h-3.5 w-3.5`}),u(`span`,{className:`hidden sm:inline`,children:t.label})]})}function Kr({parentDeviceId:e}){let{t}=X(),n=Kn(),i=_(),{data:a,isLoading:o,isError:s}=$n(e),{data:c}=q({deviceId:e},{enabled:Number.isFinite(e)});if(o)return u(`div`,{className:`rounded-lg border border-border bg-surface p-3`,children:u(`p`,{className:`text-[10px] text-foreground-subtle`,children:t(`common.loading`,{defaultValue:`Loading…`})})});if(s)return u(`div`,{className:`rounded-lg border border-border bg-surface p-3`,children:u(`p`,{className:`text-[10px] text-warning`,children:t(`integrations.childrenLoadError`,{defaultValue:`Failed to load children`})})});let l=(a??[]).filter(e=>e.display?.hidden!==!0);if(l.length===0)return null;let d=ye(c?.stableId??``,l,c?.childLayout),f=d.ungrouped,p=e=>n(`/devices/${String(e)}`),m=c?.name??``,h=(e,t)=>u(j,{trpc:i.trpcClient,device:{...t,name:W(t,m)},variant:`minimal`,onNavigate:p},e),g=f.some(e=>!!e.role),v=f.some(e=>!e.role),y=g&&!v?t(`device.accessories`,{defaultValue:`Accessories`}):!g&&v?t(`device.adoptedDevices`,{defaultValue:`Adopted devices`}):t(`device.children`,{defaultValue:`Children`}),b=f.length>0?r(`div`,{className:`rounded-lg border border-border bg-surface p-3`,children:[u(`div`,{className:`text-[10px] font-semibold uppercase tracking-wide text-foreground-subtle mb-1.5`,children:y}),u(`div`,{className:`space-y-1`,children:f.map(e=>h(e.id,e))})]}):null,x=d.disabledSection===void 0?null:u(It,{title:t(`device.disabledSection`,{defaultValue:`Disabled`}),count:d.disabledSection.children.length,defaultOpen:!1,children:u(`div`,{className:`opacity-60 space-y-1`,children:d.disabledSection.children.map(e=>h(e.id,e))})},d.disabledSection.title);if(d.sections.length===0)return x===null?b:r(`div`,{className:`space-y-2`,children:[b,x]});let S=v&&!g;return r(`div`,{className:`space-y-2`,children:[S?b:null,d.sections.map(e=>u(It,{title:e.title,count:e.children.length,defaultOpen:e.defaultOpen,children:e.children.map(e=>h(e.id,e))},e.title)),S?null:b,x]})}function qr({deviceId:e}){let t=_(),{data:n,isLoading:r}=er(e),{data:i,isLoading:a}=$n(e),o=r\|\|a,s=(i??[]).map(e=>({id:e.id,stableId:e.stableId,type:e.type,name:e.name,features:e.features,...e.sourceInfo?{sourceInfo:{id:e.sourceInfo.id}}:{}})),c=typeof n?.linkDeviceId==`number`?n.linkDeviceId:null,l=typeof n?.primaryChildEntityId==`string`?n.primaryChildEntityId:null;return o?u(`div`,{className:`h-full min-h-32 w-full animate-pulse rounded-lg bg-surface`,"aria-hidden":`true`}):u(`div`,{className:`flex h-full w-full flex-col`,children:u(ae,{trpc:t.trpcClient,children:s,linkDeviceId:c,primaryChildEntityId:l})})}n();function Jr({dev:e,busy:t,setBusy:n}){let i=e?.motionTrigger,a=x(e?.state.motionTrigger),[o,s]=c(!1);if(!i)return null;let l=a?.enabled===!0,d=a!==void 0,f=async()=>{if(t\|\|!d)return;let e=!l;n(!0),s(!0);try{await i.setMotionTrigger({enabled:e})}finally{n(!1),s(!1)}};return r(`button`,{type:`button`,onClick:()=>{f()},disabled:t\|\|!d,title:d?l?`Disable trigger on motion`:`Enable trigger on motion`:`Awaiting state…`,"aria-pressed":l,className:`inline-flex items-center gap-1.5 rounded-full border px-2.5 py-1 text-[11px] font-medium transition-colors disabled:cursor-not-allowed disabled:opacity-50 ${l?`border-primary/50 bg-primary/15 text-primary`:`border-border bg-surface text-foreground-subtle hover:text-foreground`}`,children:[u(gt,{className:`h-3 w-3`}),u(`span`,{children:o?l?`Disabling…`:`Enabling…`:d?l?`On motion: on`:`On motion: off`:`On motion: …`})]})}n();function Z({deviceId:e,deviceType:t,features:n}){let i=_(),a=et(t)?.HeroCard??Ze,o=f(i.trpcClient,e),s=x(o?.state.deviceStatus),[l,d]=c(!1),p=s!==void 0&&s.online===!1,m=p?s.lastChangedAt:null;return r(`div`,{className:`flex h-full w-full flex-col items-stretch gap-3 p-3 sm:p-4`,children:[p?u(`div`,{className:`flex justify-center`,children:u(Kt,{lastChangedAt:m})}):null,u(a,{trpc:i.trpcClient,deviceId:e,features:n}),u(`div`,{className:`flex justify-center`,children:u(Jr,{dev:o,busy:l,setBusy:d})})]})}function Yr({deviceId:e,features:t}){return u(`div`,{className:`flex h-full w-full flex-col items-stretch gap-3 p-3 sm:p-4`,children:u(at,{trpc:_().trpcClient,deviceId:e,features:t})})}function Xr({deviceId:e,features:t}){return u(`div`,{className:`flex h-full w-full flex-col items-stretch p-3 sm:p-4`,children:u(Ze,{trpc:_().trpcClient,deviceId:e,features:t})})}function Zr(e){if(!e)return null;let t=e.channel;return typeof t!=`number`\|\|!Number.isInteger(t)\|\|t<0?null:t}function Qr(e){if(!e)return null;let t=Zr(e.data);return t===null?e.eventType:`Button ${String(t)} · ${e.eventType}`}var $r=1e3,ei=60$r,ti=60ei,ni=24*ti;function ri(e,t){if(e==null\|\|e<=0)return`—`;let n=t-e;return n<$r?`just now`:n<ei?`${String(Math.floor(n/$r))}s ago`:n<ti?`${String(Math.floor(n/ei))}m ago`:n<ni?`${String(Math.floor(n/ti))}h ago`:`${String(Math.floor(n/ni))}d ago`}n();var ii=1500,ai=15e3,oi=1e3;function si({deviceId:e}){let n=f(_().trpcClient,e)?.state.eventEmitter,i=x(n);d(()=>{if(!n)return;n.refresh();let e=setInterval(()=>{n.refresh()},ai);return()=>{clearInterval(e)}},[n]);let a=i?.lastEvent??null,o=a?.seq??null,s=t(null),[l,p]=c(!1);d(()=>{if(o===null)return;let e=s.current;if(s.current=o,e===null\|\|e===o)return;p(!0);let t=setTimeout(()=>{p(!1)},ii);return()=>{clearTimeout(t)}},[o]);let[m,h]=c(()=>Date.now());d(()=>{let e=setInterval(()=>{h(Date.now())},oi);return()=>{clearInterval(e)}},[]);let g=Qr(a),v=i?.eventTypes??[],y=i?.eventCountSinceStart??0,b=i!==void 0,S=Zr(a?.data);return r(`div`,{className:`flex h-full w-full flex-col items-center justify-center gap-3 p-4`,children:[u(`div`,{"data-testid":`event-emitter-indicator`,"data-flashing":String(l),className:`flex h-24 w-24 items-center justify-center rounded-full border-2 transition-all ${l?`border-primary bg-primary/20 text-primary shadow-lg shadow-primary/30 scale-105`:`border-border bg-surface text-foreground-subtle`}`,"aria-live":`polite`,title:g??`No press recorded`,children:u(l?Jt:bt,{className:`h-10 w-10`})}),r(`div`,{className:`text-center`,children:[S!==null&&u(`div`,{className:`text-xs font-semibold uppercase tracking-wide text-primary`,children:`Button ${String(S)}`}),u(`div`,{"data-testid":`event-emitter-headline`,className:`text-sm font-semibold ${g?`text-foreground`:`text-foreground-subtle`}`,children:g??(b?`No press recorded`:`Awaiting state…`)}),u(`div`,{className:`text-[10px] text-foreground-subtle mt-0.5`,children:a?ri(a.timestamp,m):`Waiting for the first event`})]}),v.length>0&&u(`div`,{className:`flex max-w-full flex-wrap justify-center gap-1`,children:v.map(e=>u(`span`,{"data-testid":`event-emitter-chip`,className:`rounded-full border px-2 py-0.5 text-[10px] font-medium ${e===a?.eventType?`border-primary bg-primary/15 text-primary`:`border-border bg-surface text-foreground-subtle`}`,children:e},e))}),u(`div`,{className:`text-[10px] text-foreground-subtle`,children:`${String(y)} ${y===1?`event`:`events`} since start`})]})}function ci({deviceName:e,deviceType:t,provider:n,isOnline:i,features:a}){return r(`div`,{className:`flex h-full w-full flex-col items-center justify-center gap-3 rounded-lg border border-dashed border-border bg-surface p-6 text-center`,children:[u(Cn,{type:n,size:`lg`}),r(`div`,{children:[u(`div`,{className:`text-sm font-semibold text-foreground`,children:e}),u(`div`,{className:`text-[10px] text-foreground-subtle uppercase tracking-wider mt-0.5`,children:t})]}),r(`div`,{className:`flex items-center gap-2 flex-wrap justify-center`,children:[u(Dr,{status:i?`online`:`offline`}),a.length>0&&u(Dn,{capabilities:a})]}),u(`div`,{className:`text-[10px] text-foreground-subtle italic max-w-xs mt-1`,children:`No live view for this device type. Use the Config tab or the shortcut row to interact.`})]})}n();function li({deviceId:e}){let t=s(),n=Ve({deviceId:e},{refetchInterval:1e4,retry:!1}),a=Ye({onSuccess:()=>{t.invalidateQueries({queryKey:[[`deviceDiscovery`,`listDiscovered`]]}),t.invalidateQueries({queryKey:[[`deviceDiscovery`,`getStatus`]]})}}),o=i(()=>ui(n.data??[]),[n.data]);return r(`div`,{className:`flex h-full w-full flex-col gap-3 p-3 sm:p-4`,children:[r(`div`,{className:`flex flex-wrap items-stretch gap-2 sm:gap-3`,children:[u(di,{label:`Discovered`,value:o.total,icon:u(he,{className:`h-3.5 w-3.5`})}),u(di,{label:`Adopted`,value:o.adopted,accent:`success`}),u(di,{label:`Available`,value:o.available,accent:o.available>0?`primary`:void 0}),r(`button`,{type:`button`,onClick:()=>{a.mutateAsync({deviceId:e}).catch(()=>{})},disabled:a.isPending,className:`inline-flex items-center justify-center gap-1.5 rounded-lg border border-border px-3 py-2 text-xs font-medium text-foreground-subtle hover:text-foreground hover:bg-surface-hover transition-colors disabled:opacity-50 self-stretch shrink-0`,children:[a.isPending?u(Ut,{className:`h-3.5 w-3.5 animate-spin`}):u(le,{className:`h-3.5 w-3.5`}),u(`span`,{className:`hidden sm:inline`,children:`Discover`})]})]}),r(`div`,{className:`flex flex-wrap items-center gap-x-3 gap-y-1 text-[11px] text-foreground-subtle border-t border-border-subtle pt-2`,children:[u(fi,{icon:u(U,{className:`h-3 w-3 text-emerald-500`}),label:`${o.online} online`}),u(fi,{icon:u(fe,{className:`h-3 w-3 text-amber-500`}),label:`${o.sleeping} sleeping`}),u(fi,{icon:u(nt,{className:`h-3 w-3 text-destructive`}),label:`${o.offline} offline`}),o.unknown>0?u(fi,{icon:u(Se,{className:`h-3 w-3 text-foreground-subtle`}),label:`${o.unknown} unknown`}):null]})]})}function ui(e){let t={total:e.length,adopted:0,available:0,online:0,sleeping:0,offline:0,unknown:0};for(let n of e)n.alreadyAdopted?t.adopted+=1:t.available+=1,t[n.status]+=1;return t}function di({label:e,value:t,icon:n,accent:i}){return r(`div`,{className:`flex flex-1 basis-[140px] min-w-0 flex-col gap-1 rounded-lg border px-2 py-1.5 sm:px-3 sm:py-2 ${i===`success`?`bg-emerald-500/10 border-emerald-500/30 text-emerald-500`:i===`primary`?`bg-primary/10 border-primary/30 text-primary`:`bg-surface-hover border-border text-foreground`}`,children:[r(`div`,{className:`flex items-center gap-1.5 text-[10px] uppercase tracking-wider opacity-70 truncate`,children:[n,u(`span`,{className:`truncate`,children:e})]}),u(`div`,{className:`text-xl sm:text-2xl font-semibold tabular-nums leading-none`,children:t})]})}function fi({icon:e,label:t}){return r(`span`,{className:`inline-flex items-center gap-1`,children:[e,u(`span`,{children:t})]})}var pi={[Y.Switch]:Z,[Y.Siren]:Z,[Y.Light]:Z,[Y.Sensor]:Z,[Y.Button]:Z,[Y.Hub]:li,[Y.Cover]:Yr,[Y.Valve]:Z,[Y.Humidifier]:Z,[Y.WaterHeater]:Z,[Y.Container]:qr,[Y.Lock]:Z,[Y.Fan]:Z,[Y.Thermostat]:Z,[Y.Climate]:Z,[Y.MediaPlayer]:Z,[Y.Control]:Z,[Y.AlarmPanel]:Z,[Y.EventEmitter]:si,[Y.Notifier]:Xr,[Y.Script]:Z,[Y.Automation]:Z,[Y.Presence]:Z,[Y.Update]:Z,[Y.Vacuum]:Z,[Y.LawnMower]:Z,[Y.Weather]:Z,[Y.Image]:Z,[Y.PetFeeder]:Z};function mi(e){return pi[e]??ci}function hi(e){return u(mi(e.deviceType),{...e})}function gi(e){return Qt(_().trpcClient,e)}n();function _i(n){let[r,i]=c(`idle`),[a,o]=c(null),s=t(null),l=t(null),u=t(null),f=t(!0),p=st(),m=Et(),h=sn(),g=e(()=>{if(s.current){try{s.current.close()}catch{}s.current=null}if(l.current){for(let e of l.current.getTracks())try{e.stop()}catch{}l.current=null}u.current=null},[]),_=e(async()=>{if(r===`idle`)return;i(`stopping`);let e=u.current;if(e&&n!==null)try{await Promise.race([h.mutateAsync({deviceId:n,sessionId:e}),new Promise((e,t)=>setTimeout(()=>t(Error(`server stopSession timeout`)),2e3))])}catch(e){console.warn(`[intercom] server stopSession failed (continuing teardown)`,e)}g(),f.current&&(i(`idle`),o(null))},[r,n,h,g]),v=e(async()=>{if(n===null\|\|r!==`idle`&&r!==`error`)return;o(null);let e=null,t=null,a=null;try{i(`requesting-mic`),e=await navigator.mediaDevices.getUserMedia({audio:!0,video:!1}),l.current=e,i(`starting`);let r=await p.mutateAsync({deviceId:n});a=r.sessionId,u.current=a,i(`connecting`),t=new RTCPeerConnection,s.current=t,t.oniceconnectionstatechange=()=>{if(!f.current)return;let e=t.iceConnectionState;e===`connected`\|\|e===`completed`?i(`talking`):(e===`failed`\|\|e===`closed`\|\|e===`disconnected`)&&f.current&&(o(e===`failed`?`WebRTC connection failed`:null),_())};for(let n of e.getAudioTracks())t.addTrack(n,e);await t.setRemoteDescription({type:`offer`,sdp:r.sdpOffer});let c=await t.createAnswer();await t.setLocalDescription(c);let d=t.localDescription?.sdp??c.sdp??``;await m.mutateAsync({deviceId:n,sessionId:a,sdpAnswer:d})}catch(r){let c=r instanceof Error?r.message:String(r);if(console.warn(`[intercom] start failed`,r),t)try{t.close()}catch{}if(e)for(let t of e.getTracks())try{t.stop()}catch{}if(s.current=null,l.current=null,a!==null)try{await h.mutateAsync({deviceId:n,sessionId:a})}catch{}u.current=null,f.current&&(o(c),i(`error`))}},[n,r,p,m,h,_]);return d(()=>(f.current=!0,()=>{f.current=!1;let e=u.current;if(e!==null&&n!==null&&h.mutate({deviceId:n,sessionId:e}),s.current){try{s.current.close()}catch{}s.current=null}if(l.current){for(let e of l.current.getTracks())try{e.stop()}catch{}l.current=null}u.current=null}),[n]),{state:r,error:a,start:v,stop:_,isTalking:r===`talking`}}n();var vi=0;function Q(){return++vi}function yi(e){switch(e.type){case`system`:return`system`;case`device`:return`#${e.deviceId}`;case`provider`:return e.providerId;case`addon`:return e.addonId}}function bi(e){return[``,`Commands`,` help Show this help`,` examples Show usage examples for the current scope`,` context Show every available variable + full API surface`,` clear Clear terminal (also Ctrl+L)`,``,`Shortcuts`,` Enter Execute expression`,` Arrow Up/Down Navigate command history`,` Ctrl+L Clear terminal`,``,`Try: ${{system:` sm.summary() // fleet overview`,device:` device.state.battery.value?.sleeping // sync read`,provider:` devices.map(d => d.name)`,addon:` manifest.version`}[e.type]}`,``,`Top-level objects: sm (SystemMirror), DeviceType, Math, JSON, Date, …`]}function xi(e){switch(e.type){case`device`:return[``,`── State (sync, zero round-trip) ─────────────────────────`,` device.state.battery.value`,` device.state.battery.value?.percentage`,` device.state.motion.value?.detected`,``,`── Actions (async, through wrapper chain) ────────────────`,` await device.snapshot.getSnapshot({})`,` await device.ptz.move({ direction: 'left', steps: 1 })`,` await device.switch.setState({ on: true })`,``,`── Wait for condition ───────────────────────────────────`,` await sm.waitForState(deviceId, 'battery', s => !s.sleeping, 30_000)`,``,`── Subscribe to changes ─────────────────────────────────`,` const off = device.state.battery.subscribe(s => console.log(s))`,``,`── Quick info ───────────────────────────────────────────`,` info.name device name`,` info.addonId owning addon`,` sm.dump(deviceId) full debug dump`];case`system`:return[``,`── Lookups ──────────────────────────────────────────────`,` sm.getDeviceById(8)`,` sm.getDeviceByName('Sala da pranzo')`,` sm.getDevicesByAddon('reolink')`,` sm.getDevicesByType(DeviceType.Camera)`,``,`── Filters (typed query) ────────────────────────────────`,` sm.query({ addonId: 'reolink', online: true })`,` sm.query({ caps: ['battery', 'snapshot'] })`,` sm.query({ name: /^Cam-/ })`,``,`── Cross-device ─────────────────────────────────────────`,` sm.whereState('battery', s => s.percentage < 20).length`,` sm.mapState('battery', s => s.percentage)`,` sm.countByCap('snapshot')`,``,`── Batch action ─────────────────────────────────────────`,` await sm.invokeCap('snapshot', 'getSnapshot', {}, { parallelism: 4 })`,``,`── Listen ───────────────────────────────────────────────`,` sm.listenCap('motion', (id, s) => console.log(id, s))`,` sm.onDeviceAdded((id, info) => console.log('+', info.name))`,``,`── Diagnostics ──────────────────────────────────────────`,` sm.summary()`,` sm.dump(8)`];case`provider`:return[``,` devices.map(d => d.name)`,` await getIntegration()`,` sm.getDevicesByAddon('<this-addon-id>').length`];case`addon`:return[``,` manifest.name`,` manifest.version`,` declaration`]}}function Si(e){let t=[``,`Scope: ${e.type}`,``];switch(e.type){case`system`:return[...t,`Primary API — sm (SystemMirror):`,` sm.getDeviceById(id) DeviceProxy \| null (sync)`,` sm.getDeviceByName(name) DeviceProxy \| null`,` sm.getDeviceByStableId(sid) DeviceProxy \| null`,` sm.getAllDevices() readonly DeviceProxy[]`,` sm.getDeviceInfo(id) DeviceInfo \| null`,` sm.summary() fleet stats`,``,`Filters — sm.query({...}):`,` sm.query({ addonId: 'reolink', online: true })`,` sm.query({ caps: ['battery', 'snapshot'] }) // ALL caps required`,` sm.query({ anyCap: ['ptz', 'motion'] }) // ANY cap`,` sm.query({ name: { contains: 'sala' } }) // case-insensitive`,` sm.query({ name: /^Cam-\\d+$/ })`,` sm.query({ type: DeviceType.Camera })`,` sm.query({ parentDeviceId: 8 }) // accessories of cam 8`,` sm.query({ where: (info, dev) => dev.state.battery.value?.sleeping })`,``,`State queries:`,` sm.whereState('battery', s => s.percentage < 20)`,` sm.mapState('battery', s => s.percentage)`,` sm.findState('motion', s => s.detected)`,` sm.countByCap('snapshot')`,``,`Listeners (return unsubscribe fn):`,` sm.listen((id, cap, slice) => …) // every state change`,` sm.listenCap('motion', (id, slice) => …)`,` sm.listenDevice(8, (id, cap, slice) => …)`,` sm.onDeviceAdded((id, info) => …)`,` sm.onDeviceRemoved((id, info) => …)`,``,`Wait primitives:`,` await sm.waitForState(8, 'battery', s => !s.sleeping, 30_000)`,` await sm.waitForDevice(99, 30_000)`,``,`Batch:`,` await sm.invokeCap('snapshot', 'getSnapshot', {}, { parallelism: 4 })`,` await sm.forEachCap('reboot', d => d.reboot.reboot({}))`,``,`Diagnostics:`,` sm.dump(8) debug dump (one device)`,` sm.dump() full fleet dump`,` sm.summary() breakdown by cap/addon/type`,``,`Legacy: deviceRegistry, addonRegistry, eventBus, devices(), addons()`];case`device`:return[...t,`Pre-bound variables:`,` device DeviceProxy for this device (sync state + async methods)`,` deviceId number`,` info DeviceInfo metadata (name, addonId, type, online, …)`,` sm SystemMirror (full cluster view)`,` rawDevice legacy IDevice instance (escape hatch)`,``,`Reactive state (sync, zero round-trip):`,` device.state.battery.value BatteryStatus \| undefined`,` device.state.battery.value?.sleeping`,` device.state.battery.value?.percentage`,` device.state.motion.value?.detected`,` device.state.switch.value?.on`,` device.state.brightness.value?.percentage`,` device.state.doorbell.value?.lastPressedAt`,``,`Cap actions (async, through wrapper chain):`,` await device.snapshot.getSnapshot({})`,` await device.snapshot.getSnapshot({ streamId: 'high' })`,` await device.ptz.move({ direction: 'left', steps: 1 })`,` await device.ptz.goToPreset({ presetId: 'home' })`,` await device.switch.setState({ on: true })`,` await device.brightness.setBrightness({ percentage: 60 })`,` await device.reboot.reboot({})`,``,`Subscribe to slice changes:`,` const off = device.state.battery.subscribe(s => console.log(s))`,` // off() to unsubscribe`,``,`Wait for a state condition:`,` await sm.waitForState(deviceId, 'battery', s => !s.sleeping, 30_000)`,``,`Diagnostics:`,` info.name device name`,` info.addonId which addon owns it`,` info.online transport health`,` sm.dump(deviceId) full debug dump (binding + state + info)`];case`provider`:return[...t,`Pre-bound variables:`,` devices Devices belonging to this provider (raw IDevice[])`,` getIntegration() Integration metadata`,``,`For typed device access use the SystemMirror:`,` await getSystemMirror()`,` sm.getDevicesByAddon('this-addon-id')`];case`addon`:return[...t,`Pre-bound variables:`,` manifest { name, version, ... }`,` declaration addon declaration`,` source addon source location`,``,`Examples:`,` manifest.name`,` manifest.version`]}}function Ci({scope:n,greeting:i,className:a}){let o=_(),[s,f]=c(()=>{let e=[];return i&&e.push({id:Q(),kind:`info`,text:i}),e.push({id:Q(),kind:`info`,text:`scope: ${yi(n)} — type help or context for available commands`}),e}),[p,m]=c(``),[h,g]=c([]),[v,y]=c(-1),b=t(null),x=t(null);d(()=>{let e=x.current;e&&(e.scrollTop=e.scrollHeight)},[s]);let S=e(()=>{b.current?.focus()},[]),C=l({mutationFn:e=>o.trpcClient.repl.execute.mutate({code:e,scope:n}),onSuccess:e=>{let t=e??{},n=typeof t.output==`string`?t.output:e==null?`undefined`:typeof e==`string`?e:JSON.stringify(e,null,2),r=t.type===`error`;f(e=>[...e,{id:Q(),kind:r?`error`:`result`,text:n}])},onError:e=>{let t=e instanceof Error?e.message:String(e);f(e=>[...e,{id:Q(),kind:`error`,text:t}])}});function w(e){let t=e.trim();if(t){if(t===`clear`){f([{id:Q(),kind:`info`,text:`scope: ${yi(n)}`}]),m(``);return}if(t===`help`){f(e=>[...e,{id:Q(),kind:`input`,text:`> ${t}`},...bi(n).map(e=>({id:Q(),kind:`info`,text:e}))]),m(``);return}if(t===`context`){f(e=>[...e,{id:Q(),kind:`input`,text:`> ${t}`},...Si(n).map(e=>({id:Q(),kind:`info`,text:e}))]),m(``);return}if(t===`examples`){f(e=>[...e,{id:Q(),kind:`input`,text:`> ${t}`},...xi(n).map(e=>({id:Q(),kind:`info`,text:e}))]),m(``);return}g(e=>[...e,t]),y(-1),f(e=>[...e,{id:Q(),kind:`input`,text:`> ${t}`}]),m(``),C.mutate(t)}}function T(e){if(e.key===`Enter`){e.preventDefault(),w(p);return}if(e.key===`ArrowUp`){if(e.preventDefault(),h.length===0)return;let t=v===-1?h.length-1:Math.max(0,v-1);y(t),m(h[t]??``);return}if(e.key===`ArrowDown`){if(e.preventDefault(),v===-1)return;let t=v+1;t>=h.length?(y(-1),m(``)):(y(t),m(h[t]??``));return}e.ctrlKey&&e.key===`l`&&(e.preventDefault(),f([{id:Q(),kind:`info`,text:`scope: ${yi(n)}`}]))}let E={input:`text-zinc-300`,result:`text-emerald-300`,error:`text-red-300`,info:`text-zinc-400`};return r(`div`,{className:`flex flex-col bg-[#0c0a09] rounded-lg border border-border overflow-hidden font-mono text-xs ${a??``}`,onClick:S,children:[r(`div`,{ref:x,className:`flex-1 overflow-y-auto p-3 space-y-1 min-h-[120px]`,children:[s.map(e=>u(`pre`,{className:`whitespace-pre-wrap break-words leading-relaxed ${E[e.kind]}`,children:e.text},e.id)),C.isPending&&u(`span`,{className:`text-zinc-500 animate-pulse`,children:`…thinking`})]}),r(`div`,{className:`flex items-center gap-2 border-t border-zinc-800 px-3 py-2 bg-[#0c0a09]`,children:[u(`span`,{className:`text-emerald-400 flex-shrink-0 select-none font-bold`,children:`>`}),u(`input`,{ref:b,value:p,onChange:e=>m(e.target.value),onKeyDown:T,disabled:C.isPending,placeholder:`device.state.battery.value`,autoFocus:!0,className:`flex-1 bg-transparent text-zinc-100 placeholder:text-zinc-600 focus:outline-none caret-emerald-400 disabled:opacity-50`,spellCheck:!1,autoComplete:`off`,autoCorrect:`off`,autoCapitalize:`off`})]})]})}function wi(e,t){return e===null?null:{playbackUrl:e.url,...e.format===void 0?{}:{playbackFormat:e.format},playbackAuthToken:t,...e.label===void 0?{}:{playbackLabel:e.label}}}n();function Ti({deviceId:e,intercomAvailable:t=!1}){let n=_(),r=typeof window<`u`?h():``,a=Number.isFinite(e),s=gi(a?e:null),c=Or(a?[e]:[]),l=i(()=>{if(!a)return;let e=[];for(let t of c.rows){let n=Wt(t);n!==null&&e.push(n)}return e},[a,c.rows]),{streams:d,pipelineMetrics:f,createSession:p,sendAnswer:g,handleOffer:v,getIceServers:y,addIceCandidate:b,getIceCandidates:x,closeSession:C,getSessionState:w}=ut(n.trpcClient,a?e:null),T=m(a?e:null,{width:Ai}),E=_i(a&&t?e:null),D=E.state===`requesting-mic`\|\|E.state===`starting`\|\|E.state===`connecting`\|\|E.state===`stopping`,O=E.isTalking\|\|D,k=()=>{E.state===`idle`\|\|E.state===`error`?E.start():E.state!==`stopping`&&E.stop()},A=S(),j=Ft(),M=typeof window<`u`?window.localStorage.getItem(`camstack_admin_token`):null,N=wi(j.request,M),P=A.length>0?u(o,{children:A.map(e=>u(`div`,{className:`absolute inset-0`,children:e.node},e.id))}):null;return u(nn,{serverUrl:r,createSession:p,sendAnswer:g,handleOffer:v,getIceServers:y,addIceCandidate:b,getIceCandidates:x,closeSession:C,getSessionState:w,...N===null?{}:{...N,onExitPlayback:()=>j.clear()},streams:d,pipelineMetrics:f,phase:s.phase,detections:s,...l===void 0?{}:{stationaryObjects:l},defaultShowDetections:!0,defaultShowMotion:!0,showPlayStop:!0,snapshotSrc:T.src,...T.src?{posterUrl:T.src}:{},snapshotLoading:T.loading,onRefreshSnapshot:T.refresh,intercomAvailable:t,intercomShown:O,onIntercomToggle:k,extraOverlay:P,chromeless:!0,className:`h-full`})}function Ei({deviceId:e,containerDeviceId:t}){return Number.isFinite(e)?u(`div`,{className:`flex flex-col h-full`,children:u(tn,{...t===void 0?{deviceId:e}:{containerDeviceId:t},limit:50,maxHeight:`max-h-full`,showScope:!1,showFilters:!1})}):r(`div`,{className:`flex items-center justify-center h-full text-[11px] text-foreground-subtle italic`,children:[`Device #`,e,` not loaded.`]})}function Di({deviceId:e}){if(!Number.isFinite(e))return r(`div`,{className:`flex items-center justify-center h-full text-[11px] text-foreground-subtle italic`,children:[`Device #`,e,` not loaded.`]});let t=[`CamStack REPL — device #${e}`,``,` device.state.battery.value sync state read`,` await device.snapshot.getSnapshot({}) cap action`,``,` type 'examples' for more, 'context' for the full API`].join(`
2	- `);return u(Ci,{scope:{type:`device`,deviceId:e},greeting:t,className:`h-full border-0 rounded-none`})}function Oi({deviceId:e}){return Number.isFinite(e)?u(`div`,{className:`flex flex-col h-full overflow-y-auto`,children:u(Ct,{deviceId:e,limit:50,maxHeight:`max-h-full`})}):r(`div`,{className:`flex items-center justify-center h-full text-[11px] text-foreground-subtle italic`,children:[`Device #`,e,` not loaded.`]})}function ki({deviceId:e}){return Number.isFinite(e)?u(`div`,{className:`flex flex-col h-full overflow-y-auto`,children:u(O,{deviceId:e,limit:50,maxHeight:`max-h-full`})}):r(`div`,{className:`flex items-center justify-center h-full text-[11px] text-foreground-subtle italic`,children:[`Device #`,e,` not loaded.`]})}var Ai=960;function ji(e){if(e.status===`pending`)return{kind:`pending`};if(e.status===`error`)return{kind:`unknown`,reason:e.error?.message??`the request failed`};let t=e.data;if(t===void 0)return{kind:`pending`};if(t.state===`not-loaded`)return{kind:`not-loaded`,reason:t.reason};if(t.view===null)return{kind:`none`};let n=Ln(t.view.block);return n===null?{kind:`unknown`,reason:`block ${t.view.block.id} is not a composition`}:{kind:`present`,view:t.view,composition:n}}function Mi(e){return e.kind===`present`?e.composition:null}function Ni(e){return new Map(e.caps.map(e=>[e.cap,e.fields.filter(e=>e.item!==!0&&!e.path.includes(`.`)).map(e=>e.path)]))}function Pi(...e){for(let t of e)if(t.kind===`unknown`)return t.reason;return null}function Fi({device:e,composition:t,state:n,facts:i,action:a}){let{t:o}=X(),{nativeCaps:s,wireable:c}=i;return r(`section`,{"aria-labelledby":`customize-fields`,className:`rounded-lg border border-border bg-surface p-3 flex flex-col gap-2`,children:[r(`div`,{className:`flex flex-wrap items-center justify-between gap-2`,children:[u(`h2`,{id:`customize-fields`,className:`text-[11px] font-semibold uppercase tracking-wider`,children:o(`customize.fields.title`)}),a]}),u(`p`,{className:`text-[10px] text-foreground-subtle`,children:o(`customize.fields.untouched`)}),s.kind===`known`&&c.kind===`known`?u(Ii,{deviceId:e.id,composition:t,state:n,nativeCaps:s.value,catalog:c.value}):u(`p`,{role:`status`,className:`text-[11px] text-foreground-subtle`,children:Pi(s,c)??o(`customize.fields.reading`)})]})}function Ii({deviceId:e,composition:t,state:n,nativeCaps:i,catalog:a}){let{t:o}=X(),s=qt({deviceId:e}),c=cn({projection:`slim`}),l=rr(c.status===`success`?yr(c.data):[]),d=new Map([...l].map(([e,t])=>[e,t.name])),f=vr({composition:t,nativeCaps:i,state:n,nativeFields:Ni(a),snapshot:s.status===`success`?s.data:null,sourceNames:d});return r(`table`,{className:`text-[11px]`,children:[u(`thead`,{children:r(`tr`,{children:[u(`th`,{className:`text-left`,children:o(`customize.fields.function`)}),u(`th`,{className:`text-left`,children:o(`customize.fields.field`)}),u(`th`,{className:`text-left`,children:o(`customize.fields.origin`)}),u(`th`,{className:`text-left`,children:o(`customize.fields.from`)}),u(`th`,{className:`text-left`,children:o(`customize.fields.now`)})]})}),u(`tbody`,{children:f.map(e=>u(Li,{row:e},e.key))})]})}function Li({row:e}){let{t}=X();return r(`tr`,{children:[r(`td`,{children:[e.cap,` `,e.mode===`add`?u(J,{variant:`info`,children:t(`customize.fields.added`)}):null]}),u(`td`,{className:`font-mono`,children:e.field}),u(`td`,{children:u(J,{variant:e.origin===`composed`?`success`:`default`,children:t(`customize.fields.origins.${e.origin}`)})}),u(`td`,{className:`font-mono break-all`,children:e.from===`integration`?t(`customize.fields.integration`):e.from}),u(`td`,{children:u(Ri,{value:e.value})})]})}function Ri({value:e}){let{t}=X();switch(e.kind){case`value`:return r(`span`,{children:[or(e.value,!0),e.staleReason!==null&&r(`span`,{className:`text-warning`,children:[` `,`· `,t(`customize.fields.stale`,{reason:e.staleReason})]})]});case`unavailable`:return u(`span`,{className:`text-warning`,children:t(`customize.fields.unavailable`,{reason:e.reason})});case`unknown`:return u(`span`,{className:`text-foreground-subtle`,children:t(`customize.fields.unknown`,{reason:e.reason})});case`off`:return u(`span`,{className:`text-foreground-subtle`,children:t(`customize.status.off`)})}}function $({label:e,value:t}){return r(`div`,{className:`${g} flex items-start gap-2 sm:gap-3`,children:[u(`span`,{className:`w-20 sm:w-28 flex-shrink-0 text-[11px] text-foreground-subtle`,children:e}),u(`div`,{className:`flex-1 min-w-0 text-[11px] text-foreground`,children:t})]})}n();function zi({deviceId:e,initialName:n}){let i=s(),[a,o]=c(!1),[l,f]=c(n),[p,m]=c(!1),h=t(null);d(()=>{a\|\|f(n)},[n,a]),d(()=>{a&&h.current?.focus()},[a]);let g=yn({onSuccess:()=>{i.invalidateQueries({queryKey:[[`deviceManager`,`getDevice`]]}),i.invalidateQueries({queryKey:[[`deviceManager`,`listAll`]]}),i.invalidateQueries({queryKey:[[`deviceManager`,`getDeviceAggregate`]]})}}),_=async()=>{let t=l.trim();if(t.length===0\|\|t===n){o(!1),f(n);return}m(!0);try{await g.mutateAsync({deviceId:e,name:t}),o(!1)}catch{}finally{m(!1)}},v=()=>{f(n),o(!1)};return a?u($,{label:`Name`,value:r(`div`,{className:`flex items-center gap-1`,children:[u(`input`,{ref:h,type:`text`,value:l,onChange:e=>f(e.target.value),onKeyDown:e=>{e.key===`Enter`?_():e.key===`Escape`&&v()},disabled:p,className:`flex-1 min-w-0 px-1.5 py-0.5 text-[11px] bg-background border border-border rounded focus:outline-none focus:border-primary`}),u(`button`,{type:`button`,onClick:()=>void _(),disabled:p,className:`p-0.5 rounded hover:bg-success/10 text-success disabled:opacity-50`,"aria-label":`Save`,children:u(Ge,{className:`h-3 w-3`})}),u(`button`,{type:`button`,onClick:v,disabled:p,className:`p-0.5 rounded hover:bg-danger/10 text-danger disabled:opacity-50`,"aria-label":`Cancel`,children:u(oe,{className:`h-3 w-3`})})]})}):u($,{label:`Name`,value:r(`div`,{className:`flex items-center gap-2 group`,children:[u(`span`,{className:`truncate`,children:n}),u(`button`,{type:`button`,onClick:()=>o(!0),className:`p-0.5 rounded text-foreground-subtle hover:text-foreground hover:bg-surface-hover transition-colors`,"aria-label":`Edit name`,children:u(Je,{className:`h-3.5 w-3.5`})})]})})}function Bi(e,t){let{hidden:n,...r}=e??{},i=t?{...r,hidden:!0}:r;return Object.keys(i).length===0?null:i}function Vi(e){return typeof e.linkDeviceId==`number`}var Hi=new Set(Object.values(Hn));function Ui(e){return Hi.has(e)}function Wi(e){let t=Object.values(Hn);return e==null\|\|e===``\|\|Ui(e)?t:[...t,e]}var Gi=`w-full min-w-0 px-1.5 py-0.5 text-[11px] bg-background border border-border rounded focus:outline-none focus:border-primary`;function Ki({device:e}){let{t}=X(),n=s(),i={onSuccess:()=>void n.invalidateQueries({queryKey:[[`deviceManager`]]})},a=Ue(),o=Oe(),c=e.display?.hidden===!0;return r(`section`,{"aria-labelledby":`customize-identity`,className:`rounded-lg border border-border bg-surface`,children:[u(`h2`,{id:`customize-identity`,className:`px-3 py-2 text-[11px] font-semibold uppercase tracking-wider border-b border-border`,children:t(`customize.identity.title`)}),r(`div`,{className:`divide-y divide-border`,children:[u($,{label:t(`customize.identity.type`),value:r(`div`,{className:`flex flex-col`,children:[u(`span`,{children:B(e.type).label}),u(`span`,{className:`text-[10px] text-foreground-subtle`,children:t(`customize.identity.typeReadOnly`)})]})}),u($,{label:t(`customize.identity.role`),value:Vi(e)?r(`div`,{className:`flex flex-col`,children:[u(`span`,{children:qi(e.role,t(`customize.identity.noRole`))}),u(`span`,{className:`text-[10px] text-foreground-subtle`,children:t(`customize.identity.roleReadOnly`)})]}):r(`select`,{"aria-label":t(`customize.identity.role`),className:Gi,value:e.role??``,disabled:a.isPending,onChange:t=>a.mutate({deviceId:e.id,role:t.target.value===``?null:t.target.value},i),children:[u(`option`,{value:``,children:t(`customize.identity.noRole`)}),Wi(e.role).map(e=>u(`option`,{value:e,children:qi(e,t(`customize.identity.noRole`))},e))]})}),u(zi,{deviceId:e.id,initialName:e.name}),u($,{label:t(`deviceDisplay.hidden`),value:r(`label`,{className:`flex items-center gap-2`,children:[u(`input`,{type:`checkbox`,"aria-label":t(`deviceDisplay.hideFromLists`),checked:c,disabled:o.isPending,onChange:t=>o.mutate({deviceId:e.id,display:Bi(e.display,t.target.checked)},i)}),u(`span`,{className:`text-[11px]`,children:t(`deviceDisplay.hideFromLists`)})]})})]}),u(`p`,{className:`px-3 py-2 text-[10px] text-foreground-subtle`,children:t(`customize.identity.noNewStore`)})]})}function qi(e,t){return e==null\|\|e===``?t:Ui(e)?N(e).label:e}function Ji({device:e}){let{t}=X();return On.includes(e.type)?u(xt,{deviceId:e.id,slots:[`linked-devices`],title:t(`customize.links.title`)}):null}n();function Yi({title:e,targetKind:t,excludeDeviceIds:n,pick:i,onChange:a}){let{t:o}=X(),[s,l]=c(!0);return i===null?s?u(pr,{title:e,targetKind:t,excludeDeviceIds:n,onPick:e=>{a(e),l(!1)},onCancel:()=>l(!1)}):u(`div`,{children:u(K,{variant:`outline`,onClick:()=>l(!0),children:e})}):r(`p`,{className:`flex items-center gap-2 text-[11px]`,children:[r(`span`,{children:[i.device.name,` ·`,` `,r(`span`,{className:`font-mono`,children:[i.cap,`.`,i.path]})]}),u(K,{variant:`ghost`,onClick:()=>{a(null),l(!0)},children:o(`customize.presets.changeSource`)})]})}function Xi(){let{t:e}=X(),t=_n();return(n,r)=>t({title:e(`customize.presets.removeConfirm.title`),message:r?`${e(`customize.presets.removeConfirm.message`,{what:n})} ${e(`customize.presets.removeConfirm.last`)}`:e(`customize.presets.removeConfirm.message`,{what:n}),confirmLabel:e(`customize.presets.removeConfirm.confirm`),variant:`danger`})}n();function Zi({device:e,target:t,current:n,mode:i,saving:a,apply:o}){let{t:s}=X(),l=Xi(),[d,f]=c(null),p=d===null?null:mr({percentage:{source:d.ref,cap:d.cap,fieldPath:d.path,kind:d.kind},mode:i}),m=ar(n,`battery`),h=m!==null&&fr(m,i),g=async()=>{if(n===null)return;let e=wr(n,`battery`);await l(s(`customize.presets.battery.removeWhat`),e===null)&&await o(e)};return r(`div`,{className:`flex flex-col gap-2 rounded-md border border-border p-2`,children:[u(`p`,{className:`text-[11px] text-foreground-subtle`,children:s(`customize.presets.battery.help.${i}`)}),h&&u(`p`,{className:`text-[11px] text-success`,children:s(`customize.presets.battery.applied`)}),m!==null&&!h&&r(`p`,{className:`text-[11px] text-warning`,children:[s(`customize.presets.composedByOther`,{cap:`battery`}),` `,s(`customize.presets.notThisPreset`)]}),u(Yi,{title:s(`customize.presets.battery.pick`),targetKind:`number`,excludeDeviceIds:[e.id],pick:d,onChange:f}),r(`div`,{className:`flex gap-2`,children:[u(K,{disabled:p===null\|\|a,onClick:()=>{p!==null&&o(sr(n,t,p))},children:s(`customize.presets.apply`)}),h&&u(K,{variant:`outline`,disabled:a,onClick:()=>void g(),children:s(`customize.presets.remove`)})]})]})}n();var Qi=`px-1.5 py-0.5 text-[11px] bg-background border border-border rounded`;function $i({device:e,target:t,current:n,saving:i,apply:a}){let{t:o}=X(),[s,l]=c(``),[d,f]=c(`days`),[p,m]=c(null),h=ar(n,`consumables`),g=p===null?null:xr(h,{key:dr(s),label:s,remaining:{source:p.ref,cap:p.cap,fieldPath:p.path,kind:p.kind},unit:d});return r(`div`,{className:`flex flex-col gap-2 rounded-md border border-border p-2`,children:[u(`p`,{className:`text-[11px] text-foreground-subtle`,children:o(`customize.presets.consumables.help`)}),r(`label`,{className:`flex flex-col gap-1 text-[11px]`,children:[o(`customize.presets.consumables.label`),u(`input`,{className:Qi,value:s,onChange:e=>l(e.target.value)})]}),r(`label`,{className:`flex flex-col gap-1 text-[11px]`,children:[o(`customize.presets.consumables.unit`),u(`select`,{className:Qi,value:d,onChange:e=>{let t=Mn.safeParse(e.target.value);t.success&&f(t.data)},children:Mn.options.map(e=>u(`option`,{value:e,children:o(`customize.presets.consumables.units.${e}`)},e))})]}),u(Yi,{title:o(`customize.presets.consumables.pick`),targetKind:`number`,excludeDeviceIds:[e.id],pick:p,onChange:m}),u(`div`,{children:u(K,{disabled:g===null\|\|i,onClick:()=>{g!==null&&a(sr(n,t,g))},children:o(`customize.presets.apply`)})})]})}n();var ea=`px-1.5 py-0.5 text-[11px] bg-background border border-border rounded`;function ta(e){return`${e.cap}.${e.fieldPath}`}function na({device:e,target:t,current:n,facts:i,saving:a,apply:o}){let{t:s}=X(),l=_(),d=i.native.kind===`known`?[...i.native.value].flatMap(([e,t])=>t.map(t=>({cap:e,fieldPath:t}))):[],[f,p]=c(d[0]===void 0?``:ta(d[0])),m=d.find(e=>ta(e)===f)??null,h=m?.cap??``,g=gr(ht(l.trpcClient,m===null?null:e.id,h),`unit`),[v,y]=c(null),b=v??(typeof g==`string`?g:``),x=kn(b),S=x===void 0?[]:Rn(x).filter(e=>e!==b),[C,w]=c(``),T=(i.wireable.kind===`known`?i.wireable.value.caps.find(e=>e.cap===h)?.fields??[]:[]).some(e=>e.path===`unit`&&e.kind===`string`)?`unit`:null,E=m===null?null:lr({self:t,cap:h,fieldPath:m.fieldPath,from:b,to:C,unitField:T}),D=m!==null&&ar(n,h)!==null;return r(`div`,{className:`flex flex-col gap-2 rounded-md border border-border p-2`,children:[u(`p`,{className:`text-[11px] text-foreground-subtle`,children:s(`customize.presets.convert.help`)}),r(`label`,{className:`flex flex-col gap-1 text-[11px]`,children:[s(`customize.presets.convert.field`),u(`select`,{className:ea,value:f,onChange:e=>p(e.target.value),children:d.map(e=>u(`option`,{value:ta(e),children:ta(e)},ta(e)))})]}),D&&u(`p`,{className:`text-[11px] text-warning`,children:s(`customize.presets.composedByOther`,{cap:h})}),r(`label`,{className:`flex flex-col gap-1 text-[11px]`,children:[s(`customize.presets.convert.from`),u(`input`,{className:ea,value:b,onChange:e=>y(e.target.value.trim())})]}),x===void 0&&b!==``&&u(`p`,{role:`alert`,className:`text-[10px] text-warning`,children:s(`customize.presets.convert.unknownUnit`,{unit:b})}),r(`label`,{className:`flex flex-col gap-1 text-[11px]`,children:[s(`customize.presets.convert.to`),r(`select`,{className:ea,value:C,onChange:e=>w(e.target.value),children:[u(`option`,{value:``,children:`—`}),S.map(e=>u(`option`,{value:e,children:e},e))]})]}),u(`div`,{children:u(K,{disabled:E===null\|\|a,onClick:()=>{E!==null&&o(sr(n,t,E))},children:s(`customize.presets.apply`)})})]})}n();function ra(e,t,n){return e.flatMap(e=>e.device===null?t.filter(t=>In(t.source)===e.key):jn(e.ref,n(e.device.id)))}function ia(e,t){let n=cn({projection:`slim`}),r=pt({capNames:[...Pn]}),i=n.status===`success`?yr(n.data):[],a=rr(i),[o,s]=c(null),l=(o??(t===null?[]:ur(t))).map(e=>{let t=In(e);return{key:t,ref:e,device:a.get(t)??null}}),u=l.flatMap(e=>e.device===null?[]:[e.device.id]),d=vt({deviceIds:u},{enabled:u.length>0}),f=new Set(l.map(e=>e.key)),p=r.status===`success`?tr(i,r.data,e.id).filter(e=>!f.has(In(Cr(e)))):[],m=p.filter(t=>e.location!==null&&t.location===e.location),h=n.status===`success`&&(u.length===0\|\|d.status===`success`)?ra(l,t===null?[]:_r(t),e=>d.status===`success`?d.data.find(t=>t.deviceId===e)?.entries.map(e=>e.capName)??[]:[]):null,g=h===null?[]:l.filter(e=>e.device!==null&&!h.some(t=>In(t.source)===e.key));return{devicesStatus:n.status,devicesError:n.status===`error`?n.error?.message??``:null,entries:l,setPicks:s,candidates:p,suggestions:m,sources:h,unusable:g}}function aa({target:e,device:t,current:n,saving:i,apply:a}){let{t:o}=X(),s=Xi(),c=ar(n,`doorbell`),l=ia(t,c),d=c?.enabled!==!1,f=l.sources??[],p=l.entries.length>0&&l.sources!==null&&l.unusable.length===0&&!i,m=()=>{f.length!==0&&a(sr(n,e,Fn({camera:e,sources:f,enabled:d})))},h=async()=>{if(n===null\|\|c===null)return;let e=wr(n,`doorbell`),t=ur(c).length;await s(o(`customize.doorbell.removeWhat`,{count:t}),e===null)&&await a(e)};return r(`div`,{className:`flex flex-col gap-2 rounded-md border border-border p-2`,children:[c!==null&&r(`label`,{className:`flex items-center gap-2 text-[11px]`,children:[u(`input`,{type:`checkbox`,"aria-label":o(`customize.doorbell.active`),checked:d,disabled:i,onChange:t=>void a(sr(n,e,{...c,enabled:t.target.checked}))}),o(`customize.doorbell.active`)]}),u(`p`,{className:`text-[11px] text-foreground-subtle`,children:o(`customize.doorbell.rings`)}),l.devicesStatus===`pending`&&u(`p`,{role:`status`,className:`text-[11px] text-foreground-subtle`,children:o(`customize.picker.loadingDevices`)}),l.devicesError!==null&&u(dt,{title:o(`customize.picker.devicesFailed`),message:l.devicesError}),u(oa,{draft:l}),l.unusable.length>0&&u(`p`,{role:`alert`,className:`text-[11px] text-warning`,children:o(`customize.doorbell.noSourceCap`)}),r(`div`,{className:`flex gap-2`,children:[u(K,{disabled:!p,onClick:m,children:o(`customize.doorbell.save`)}),c!==null&&n!==null&&u(K,{variant:`outline`,disabled:i,onClick:()=>void h(),children:o(`customize.presets.remove`)})]})]})}function oa({draft:e}){let{t}=X(),n=e.entries.map(e=>e.ref);return r(o,{children:[u(`ul`,{className:`flex flex-col gap-1`,children:e.entries.map(i=>{let a=i.device?.name??(e.devicesStatus===`success`?t(`customize.doorbell.missingSource`,{id:i.key}):i.key);return r(`li`,{className:`flex items-center gap-2 text-[11px]`,children:[u(`span`,{children:a}),i.device===null&&e.devicesStatus===`success`&&u(`span`,{className:`text-warning`,children:t(`customize.doorbell.missingKept`)}),u(`button`,{type:`button`,"aria-label":t(`customize.doorbell.removeSource`,{name:a}),onClick:()=>e.setPicks(n.filter(e=>In(e)!==i.key)),children:`×`})]},i.key)})}),e.suggestions.map(e=>u(`p`,{className:`text-[10px] text-foreground-subtle`,children:t(`customize.doorbell.suggested`,{name:e.name})},e.id)),u(`div`,{className:`flex flex-wrap gap-1`,children:e.candidates.map(r=>u(K,{variant:`outline`,size:`sm`,onClick:()=>e.setPicks([...n,Cr(r)]),children:t(`customize.doorbell.add`,{name:r.name})},r.id))})]})}n();function sa({target:e,current:t,facts:n,saving:i,apply:a}){let{t:o}=X(),s=n.nativeCaps.kind===`known`?n.nativeCaps.value:new Set,l=cr.filter(e=>s.has(e)),[d,f]=c(l[0]??``),p=hr({self:e,cap:d}),m=ar(t,d),h=m!==null&&p!==null&&Tr(m,p),g=Xi(),_=async()=>{if(t===null)return;let e=wr(t,d);await g(o(`customize.presets.invert.removeWhat`,{cap:d}),e===null)&&await a(e)};return r(`div`,{className:`flex flex-col gap-2 rounded-md border border-border p-2`,children:[u(`p`,{className:`text-[11px] text-foreground-subtle`,children:o(`customize.presets.invert.help`)}),r(`label`,{className:`flex flex-col gap-1 text-[11px]`,children:[o(`customize.presets.invert.which`),u(`select`,{className:`px-1.5 py-0.5 text-[11px] bg-background border border-border rounded`,value:d,onChange:e=>f(e.target.value),children:l.map(e=>u(`option`,{value:e,children:e},e))})]}),h&&u(`p`,{className:`text-[11px] text-success`,children:o(`customize.presets.invert.applied`,{cap:d})}),m!==null&&!h&&r(`p`,{className:`text-[11px] text-warning`,children:[o(`customize.presets.composedByOther`,{cap:d}),` `,o(`customize.presets.notThisPreset`)]}),r(`div`,{className:`flex gap-2`,children:[u(K,{disabled:p===null\|\|h\|\|i,onClick:()=>{p!==null&&a(sr(t,e,p))},children:o(`customize.presets.apply`)}),h&&u(K,{variant:`outline`,disabled:i,onClick:()=>void _(),children:o(`customize.presets.remove`)})]})]})}function ca(e){return e.state===`ok`&&e.slot===`doorbell-source`}function la(e){return e.state===`unreachable`}function ua({reason:e}){let{t}=X();return r(`section`,{"aria-label":t(`customize.doorbell.legacyTitle`),className:`rounded border border-warning/40 bg-warning/5 p-2 text-[11px] flex flex-col gap-1`,children:[u(`strong`,{children:t(`customize.doorbell.legacyTitle`)}),u(`span`,{role:`alert`,className:`text-danger`,children:t(`customize.doorbell.legacyReadFailed`,{reason:e})})]})}function da({deviceId:e}){let{t}=X(),n=ge({deviceId:e});if(n.status===`pending`)return null;if(n.status===`error`)return u(ua,{reason:n.error.message});let i=n.data.find(ca);if(i===void 0){let e=n.data.find(la);return e===void 0?null:u(ua,{reason:e.reason})}return i.value.deviceIds.length===0?null:r(`section`,{"aria-label":t(`customize.doorbell.legacyTitle`),className:`rounded border border-warning/40 bg-warning/5 p-2 text-[11px] flex flex-col gap-1`,children:[u(`strong`,{children:t(`customize.doorbell.legacyTitle`)}),u(`span`,{children:i.sources.map(e=>e.name??`#${e.deviceId}`).join(`, `)}),i.activation!==null&&u(`span`,{children:t(`customize.doorbell.legacyActivation`,{state:i.activation.state,authority:i.activation.authority})}),u(`span`,{className:`text-foreground-subtle`,children:t(`customize.doorbell.legacyAuthority`,{authority:i.authority})})]})}var fa=`pipeline-orchestrator`;function pa(e){return e.status===`pending`?`pending`:e.status===`error`?`unknown`:e.data===void 0?`pending`:e.data.cameraSensors===void 0?`absent`:`present`}function ma(e,t){return e===`absent`?`absent`:pa(t)}function ha(e,t){let n=Vt(fa),r=Rt({deviceId:e},{enabled:t&&n!==`absent`});return t?{presence:ma(n,{status:r.status,data:r.data}),status:r.data?.cameraSensors??null,refetch:r.refetch}:{presence:`absent`,status:null,refetch:r.refetch}}n();function ga(e){return e.state===`missing`\|\|e.state===`unreadable`?e.stableId:e.name}function _a(e){return{addonId:e.addonId,stableId:e.stableId}}function va(e,t){let n=Nn(t);return e.some(e=>Nn(e)===n)}function ya(e){return e===null\|\|e.state===`unreadable`?null:e.state===`configured`?e.sensors:[]}function ba(e,t){let n=Nn(t),r=e.filter(e=>Nn(e)!==n).map(_a);return r.length===0?null:{mode:`in-addition`,sensors:r}}function xa({device:e}){let{t}=X(),n=Xi(),i=ha(e.id,e.type===Y.Camera),a=cn({projection:`slim`}),s=pt({capNames:[...Pn]}),l=ot(),[d,f]=c(null),[p,m]=c([]),h=a.status===`success`?yr(a.data):[],g=i.status,_=ya(g),v=g?.state===`configured`?g.sensors:[],y=s.status===`success`&&_!==null?tr(h,s.data,e.id).filter(e=>!p.includes(e.id)&&!va(_,Cr(e))):[],b=async t=>{try{await l.mutateAsync({deviceId:e.id,config:t}),f(null),m([]),await i.refetch()}catch(e){f(e instanceof Error?e.message:String(e))}},x=async e=>{_!==null&&await n(t(`customize.motion.detachWhat`,{name:ga(e)}),!1)&&await b(ba(_,e))},S=async()=>{await n(t(`customize.motion.removeAllWhat`,{count:v.length}),!1)&&await b(null)},C=[...(_??[]).map(_a),...p.flatMap(e=>{let t=h.find(t=>t.id===e);return t===void 0?[]:[Cr(t)]})];return r(`div`,{className:`flex flex-col gap-2 rounded-md border border-border p-2`,children:[u(`p`,{className:`text-[11px] text-foreground-subtle`,children:t(`customize.motion.help`)}),u(Sa,{status:g}),u(`ul`,{className:`flex flex-col gap-1`,children:v.map(e=>r(`li`,{className:`flex items-center gap-2 text-[11px]`,children:[u(`span`,{children:ga(e)}),u(J,{variant:e.state===`ready`?`success`:`warning`,children:e.state}),e.state!==`ready`&&e.reason!==e.state&&u(`span`,{className:`text-foreground-subtle`,children:e.reason}),_!==null&&u(`button`,{type:`button`,"aria-label":t(`customize.motion.remove`,{name:ga(e)}),disabled:l.isPending,onClick:()=>void x(e),children:`×`})]},Nn(e)))}),u(Ca,{devices:h,picks:p,onChange:m}),r(`fieldset`,{className:`text-[11px]`,children:[u(`legend`,{children:t(`customize.motion.combine`)}),r(`label`,{className:`flex items-center gap-2`,children:[u(`input`,{type:`radio`,name:`camera-sensors-mode`,checked:!0,readOnly:!0}),t(`customize.motion.inAddition`)]})]}),_!==null&&r(o,{children:[u(`div`,{className:`flex flex-wrap gap-1`,children:y.map(e=>u(K,{variant:`outline`,size:`sm`,onClick:()=>m([...p,e.id]),children:t(`customize.motion.add`,{name:e.name})},e.id))}),r(`div`,{className:`flex gap-2`,children:[u(K,{disabled:p.length===0\|\|l.isPending,onClick:()=>void b({mode:`in-addition`,sensors:C}),children:t(`customize.presets.apply`)}),v.length>0&&u(K,{variant:`outline`,disabled:l.isPending,onClick:()=>void S(),children:t(`customize.presets.remove`)})]})]}),d!==null&&u(`p`,{role:`alert`,className:`text-[11px] text-danger break-words`,children:d})]})}function Sa({status:e}){let{t}=X();return e===null?u(`p`,{role:`status`,className:`text-[11px] text-foreground-subtle`,children:t(`customize.motion.reading`)}):e.state===`unreadable`?u(`p`,{role:`alert`,className:`text-[11px] text-warning`,children:t(`customize.motion.unreadable`,{reason:e.reason})}):e.state===`configured`&&e.notForwarded!==void 0?u(`p`,{role:`alert`,className:`text-[11px] text-warning`,children:t(`customize.motion.notForwarded.${e.notForwarded}`)}):null}function Ca({devices:e,picks:t,onChange:n}){let{t:i}=X();return t.length===0?null:u(`ul`,{"aria-label":i(`customize.motion.toAdd`),className:`flex flex-col gap-1`,children:t.map(a=>{let o=e.find(e=>e.id===a)?.name??`#${a}`;return r(`li`,{className:`flex items-center gap-2 text-[11px]`,children:[u(`span`,{children:o}),u(`button`,{type:`button`,"aria-label":i(`customize.motion.remove`,{name:o}),onClick:()=>n(t.filter(e=>e!==a)),children:`×`})]},a)})})}var wa=[`doorbell`,`battery`,`invert`,`convert`,`motion`,`consumables`];function Ta(e){return new Set(e.filter(e=>{let t=e.nativeAddonId?.trim()??``;return t!==``&&t!==`composer`}).map(e=>e.capName))}function Ea(e){return e.kind===`known`?null:e}function Da(e,t,n){let r=Ea(e.composable);return r===null?e.composable.kind===`known`&&e.composable.value.has(t)?{kind:`available`,mode:`add`,active:e.composed.has(t)}:{kind:`not-offered`,reason:n}:r}function Oa(e){if(e.deviceType!==Y.Camera)return{kind:`not-offered`,reason:`only a camera has camera sensors`};switch(e.cameraSensors){case`pending`:return{kind:`pending`};case`unknown`:return{kind:`unknown`,reason:`camera sensors could not be checked`};case`absent`:return{kind:`not-offered`,reason:`camera sensors (D672) are not installed on this hub`};case`present`:return{kind:`available`,mode:`add`,active:!1}}}function ka(e,t){if(e===`motion`)return Oa(t);let n=Ea(t.native);if(n!==null)return n;let r=t.native.kind===`known`?t.native.value:new Map;switch(e){case`doorbell`:return r.has(`doorbell`)?{kind:`not-offered`,reason:`this device has its own doorbell`}:Da(t,`doorbell`,`a doorbell is not offered on this device type`);case`battery`:return r.has(`battery`)?{kind:`available`,mode:`replace`,active:t.composed.has(`battery`)}:Da(t,`battery`,`a battery is not offered on this device type`);case`consumables`:return r.has(`consumables`)?{kind:`not-offered`,reason:`its consumables come from its integration; one composed item cannot join that list`}:Da(t,`consumables`,`consumables are not offered on this device type`);case`invert`:{let e=cr.filter(e=>r.has(e));return e.length===0?{kind:`not-offered`,reason:`this device has no state that can be inverted`}:{kind:`available`,mode:`replace`,active:e.some(e=>t.composed.has(e))}}case`convert`:return[...r.values()].some(e=>e.length>0)?{kind:`available`,mode:`replace`,active:!1}:{kind:`not-offered`,reason:`this device reports no number to convert`}}}n();var Aa={doorbell:aa,battery:Zi,invert:sa,convert:na,consumables:$i,motion:xa},ja=[`doorbell`,`motion`];function Ma(e,t){return e.flatMap(({id:e,availability:n})=>{let r=Aa[e];if(n.kind!==`available`\|\|r===void 0)return[];let i=e===`motion`?t.attachedCameraSensors:null;return[{id:e,mode:n.mode,active:n.active,attached:i,panel:r}]})}function Na(e){return e.active\|\|e.attached!==null&&e.attached>0}function Pa(e){return e.kind===`none`\|\|e.kind===`present`?null:e}function Fa({device:e,handle:t,facts:n}){let{t:i}=X(),[a,o]=c(void 0),[s,l]=c(null),d=Pa(t.state),f=wa.map(e=>({id:e,availability:ka(e,n)})),p=d===null?Ma(f,n):[],m=d?.kind===`pending`\|\|f.some(e=>e.availability.kind===`pending`),h=[...new Set(f.flatMap(e=>e.availability.kind===`unknown`?[e.availability.reason]:[]))],g=d===null&&!m?p.find(e=>Na(e)&&ja.includes(e.id))?.id??null:null,_=a===void 0?g:a,v=p.find(e=>e.id===_);return r(`section`,{"aria-labelledby":`customize-presets`,className:`rounded-lg border border-border bg-surface p-3 flex flex-col gap-2`,children:[u(`h2`,{id:`customize-presets`,className:`text-[11px] font-semibold uppercase tracking-wider`,children:i(`customize.presets.title`)}),u(`p`,{className:`text-[11px] text-foreground-subtle`,children:i(`customize.presets.intro`)}),d!==null&&d.kind!==`pending`&&u(`p`,{role:`status`,className:`text-[11px] text-foreground-subtle`,children:i(`customize.presets.waiting`)}),m&&u(`p`,{role:`status`,className:`text-[11px] text-foreground-subtle`,children:i(`customize.presets.checking`)}),h.map(e=>u(`p`,{role:`alert`,className:`text-[11px] text-warning`,children:i(`customize.presets.unknown`,{reason:e})},e)),u(`div`,{className:`grid grid-cols-2 lg:grid-cols-3 gap-2`,children:p.map(e=>u(Ia,{preset:e,expanded:_===e.id,onToggle:()=>o(_===e.id?null:e.id)},e.id))}),v!==void 0&&u(v.panel,{device:e,target:t.target,current:Mi(t.state),mode:v.mode,active:v.active,facts:n,saving:t.saving,apply:async e=>{let n=await t.save(e);if(n.kind===`refused`){l(n.reason);return}l(null),o(null)}}),s!==null&&u(`p`,{role:`alert`,className:`text-[11px] text-danger break-words`,children:s}),On.includes(e.type)&&u(da,{deviceId:e.id})]})}function Ia({preset:e,expanded:t,onToggle:n}){let{t:i}=X();return r(`button`,{type:`button`,"aria-expanded":t,className:`flex flex-col items-start gap-0.5 rounded-md border border-border p-2 text-left hover:bg-surface-hover`,onClick:n,children:[u(`span`,{className:`text-xs font-medium`,children:i(`customize.presets.${e.id}.title`)}),u(`span`,{className:`text-[10px] text-foreground-subtle`,children:i(`customize.presets.${e.id}.hint`)}),e.active&&u(`span`,{title:i(`customize.presets.composedHint`),children:u(J,{variant:`info`,children:i(`customize.presets.composed`)})}),e.attached!==null&&e.attached>0&&u(J,{variant:`info`,children:i(`customize.motion.attached`,{count:e.attached})})]})}function La(e){return e instanceof Error?e.message:String(e)}function Ra(e){let t=ve({addonId:e.addonId,stableId:e.stableId}),n=ke(),r=F(),i=z(),a=ji({status:t.status,data:t.data,error:t.error===null\|\|t.error===void 0?null:{message:t.error.message}});return{target:e,state:a,saving:n.isPending\|\|r.isPending\|\|i.isPending,save:async e=>{let o=Sr(a,e);try{switch(o.kind){case`refused`:return{kind:`refused`,reason:o.reason};case`noop`:return{kind:`saved`};case`create`:await n.mutateAsync({block:o.input});break;case`update`:await r.mutateAsync({blockId:o.blockId,expectedUpdatedAt:o.expectedUpdatedAt,block:{composition:o.composition}});break;case`delete`:await i.mutateAsync({blockId:o.blockId});break}return await t.refetch(),{kind:`saved`}}catch(e){return{kind:`refused`,reason:La(e)}}}}}function za(e,t){if(e.status===`error`)return{kind:`unknown`,reason:e.error?.message??`the request failed`};let n=e.data;return e.status===`pending`\|\|n===void 0?{kind:`pending`}:{kind:`known`,value:t(n)}}function Ba(e,t){return new Map([...e].map(e=>[e,(t.caps.find(t=>t.cap===e)?.fields??[]).filter(e=>e.kind===`number`&&e.item!==!0&&!e.path.includes(`.`)).map(e=>e.path)]))}function Va(e,t){return e.kind===`known`?t.kind===`known`?{kind:`known`,value:Ba(e.value,t.value)}:t:e}function Ha(e,t,n,r){let i=Fe({deviceType:e.type}),a=rn({deviceId:e.id}),o=ct({deviceId:e.id}),s=za(i,e=>new Set(e.caps.map(e=>e.cap))),c=za(a,e=>Ta(e.entries)),l=za(o,e=>e);return{deviceType:e.type,composable:s,native:Va(c,l),nativeCaps:c,wireable:l,composed:new Set((t?.features??[]).map(e=>e.cap)),cameraSensors:n,attachedCameraSensors:r}}n();function Ua({deviceId:e,activeSubTab:t,onSubTabChange:n}){let{t:r}=X(),i=q({deviceId:e}),a=i.data;return a==null?i.status===`error`?u(dt,{title:r(`customize.deviceUnreadable`),message:i.error?.message??``,onRetry:()=>void i.refetch()}):a===null?u(`p`,{role:`status`,className:`text-xs text-foreground-subtle`,children:r(`customize.noSuchDevice`,{deviceId:e})}):u(`p`,{role:`status`,className:`text-xs text-foreground-subtle`,children:r(`customize.loadingDevice`)}):a.addonId===`composer`?u(Wa,{device:a}):u(Ga,{device:a,target:{addonId:a.addonId,stableId:a.stableId},activeSubTab:t,onSubTabChange:n})}function Wa({device:e}){let{t}=X(),n=e.stableId.startsWith(`composed-`)?e.stableId.slice(Vn.length):null;return r(`section`,{className:`rounded-lg border border-border bg-surface p-4 flex flex-col gap-2`,children:[u(`p`,{className:`text-sm text-foreground`,children:t(`customize.composed.body`)}),n!==null&&u(Gn,{className:`text-sm text-primary`,to:Wn(n),children:t(`customize.composed.edit`)})]})}function Ga({device:e,target:t,activeSubTab:n,onSubTabChange:i}){let a=Ra(t),o=Vt(`composer`),{t:s}=X(),c=qa(e),l=ha(e.id,e.type===Y.Camera),d=l.status?.state===`configured`?l.status.sensors.length:null,f=Ha(e,Mi(a.state),l.presence,d),p=a.state.kind===`none`\|\|a.state.kind===`present`,m=p?u(K,{variant:`outline`,size:`sm`,onClick:()=>i(Zn),children:s(`customize.advanced`)}):null;return n===`advanced`?r(`div`,{className:`flex flex-col gap-4`,children:[u(Ja,{state:a.state,integration:c}),p&&u(Ka,{device:e,target:t,handle:a,facts:f,onDone:()=>i(`main`)})]}):r(`div`,{className:`flex flex-col gap-4`,children:[o===`absent`&&u(`p`,{role:`alert`,className:`text-xs text-warning`,children:s(`customize.composerAbsent`)}),u(Ja,{state:a.state,integration:c}),u(Fa,{device:e,handle:a,facts:f}),u(Ki,{device:e}),u(Ji,{device:e}),a.state.kind===`present`&&u(Fi,{device:e,composition:a.state.composition,state:a.state.view.state,facts:f,action:m}),a.state.kind===`none`&&u(`div`,{children:m}),u(Ya,{handle:a})]})}function Ka({device:e,target:t,handle:n,facts:r,onDone:i}){let a=n.state.kind===`present`?n.state:null;return u(br,{initial:a===null?nr(t):ir(a.composition,``),blockId:a===null?null:a.view.block.id,deviceType:e.type,targetName:e.name,nativeCaps:r.nativeCaps,targetFields:r.wireable,onCancel:i,save:async e=>{let t=await n.save(e);return t.kind===`saved`&&i(),t}})}function qa(e){let{data:t}=Tt(void 0),n=Ce(e,t);return n.kind===`resolved`?n.integration.name:n.kind===`unknown`?null:e.integrationId??e.addonId}function Ja({state:e,integration:t}){let{t:n}=X();switch(e.kind){case`pending`:return u(`p`,{role:`status`,className:`text-xs text-foreground-subtle`,children:n(`customize.status.pending`)});case`unknown`:return u(dt,{title:n(`customize.status.unknownTitle`),message:e.reason});case`not-loaded`:return u(`p`,{role:`status`,className:`text-xs text-foreground-subtle`,children:n(`customize.status.notLoaded`,{reason:e.reason})});case`none`:return u(`p`,{className:`text-xs text-foreground-subtle`,children:t===null?n(`customize.status.noneIntegrationLoading`):n(`customize.status.none`,{integration:t})});case`present`:{let t=e.view.block;return r(`div`,{className:`flex flex-wrap items-center gap-2`,children:[u(J,{variant:t.status===`running`?`success`:t.status===`failed`?`danger`:`warning`,children:n(`customize.blockStatus.${t.status}`)}),!t.enabled&&u(J,{variant:`default`,children:n(`customize.status.off`)}),t.lastError!==void 0&&u(`span`,{className:`text-[11px] text-foreground-muted break-words`,children:t.lastError}),e.view.state.kind===`unreachable`&&u(`span`,{className:`text-[11px] text-warning`,children:n(`customize.status.composerUnreachable`,{reason:e.view.state.error})})]})}}}function Ya({handle:e}){let{t}=X(),n=_n(),[i,a]=c(null);if(e.state.kind!==`present`)return null;let o=async()=>{if(!await n({title:t(`customize.remove.title`),message:t(`customize.remove.message`),confirmLabel:t(`customize.remove.confirm`),variant:`danger`}))return;let r=await e.save(null);a(r.kind===`refused`?r.reason:null)};return r(`div`,{className:`flex flex-col items-start gap-1`,children:[u(K,{variant:`danger`,disabled:e.saving,onClick:()=>void o(),children:t(`customize.remove.button`)}),u(`p`,{className:`text-[11px] text-foreground-subtle`,children:t(`customize.remove.hint`)}),i!==null&&u(`p`,{role:`alert`,className:`text-[11px] text-danger break-words`,children:i})]})}var Xa=`overview`;function Za(e,t){return e.some(e=>e.id===t)?t:Xa}function Qa({deviceId:e}){let t=s(),n=Number.isFinite(e),{data:i}=q({deviceId:e},{enabled:n}),a=typeof i?.type==`string`?i.type:`camera`;Yt([`deviceManager`,`getBindings`],[`capability.binding-changed`]);let{data:o,isLoading:c,isError:l,error:d}=rn({deviceId:e},{enabled:n}),{data:f}=hn({deviceType:a},{enabled:!!a}),p=qe({onSuccess:()=>{t.invalidateQueries({queryKey:[[`deviceManager`,`getBindings`]]})}});if(c)return u(`div`,{className:`p-4`,children:u(`div`,{className:`h-20 rounded-lg border border-border bg-surface animate-pulse`})});if(l)return r(`div`,{className:`p-4 text-xs text-red-400`,children:[`Failed to load bindings: `,d instanceof Error?d.message:String(d)]});let m=new Map,h={};for(let e of f??[])h[e.capName]=e.wrappers;for(let e of o?.entries??[])m.set(e.capName,{...e,wrappers:h[e.capName]??[]});for(let e of f??[])m.has(e.capName)\|\|m.set(e.capName,{capName:e.capName,kind:`unbound`,providerAddonId:``,providerNodeId:``,nativeAddonId:``,wrappers:e.wrappers});let g=[...m.values()].toSorted((e,t)=>e.capName.localeCompare(t.capName));if(g.length===0)return r(`div`,{className:`flex flex-col items-center justify-center gap-2 p-8 text-foreground-subtle`,children:[u(Sn,{className:`h-8 w-8 opacity-40`}),u(`p`,{className:`text-xs`,children:`No capability providers applicable to this device yet.`}),u(`p`,{className:`text-[10px] opacity-60`,children:`Native providers show up here as soon as the owning addon registers them.`})]});let _=g.filter(e=>e.kind!==`unbound`).length;return r(`div`,{className:`flex flex-col gap-3 p-1`,children:[r(`div`,{className:`text-[11px] text-foreground-subtle`,children:[u(`span`,{className:`font-medium text-foreground`,children:_}),` of `,g.length,` capabilit`,g.length===1?`y`:`ies`,` bound — rows marked `,u(`em`,{children:`unbound`}),` have a wrapper available you can activate.`]}),u(an,{columns:[{key:`capability`,header:`Capability`,render:e=>u(`span`,{className:`font-mono text-foreground`,children:e.capName})},{key:`kind`,header:`Kind`,render:e=>u($a,{kind:e.kind})},{key:`provider`,header:`Active Provider`,render:e=>u(`span`,{className:`font-mono text-foreground-subtle`,children:e.providerAddonId\|\|u(`span`,{className:`opacity-40`,children:`—`})})},{key:`node`,header:`Node`,render:e=>e.providerNodeId?u(eo,{nodeId:e.providerNodeId}):u(`span`,{className:`text-[10px] opacity-40`,children:`—`})},{key:`native`,header:`Native`,render:e=>u(`span`,{className:`font-mono text-foreground-subtle`,children:e.nativeAddonId\|\|u(`span`,{className:`opacity-40`,children:`—`})})},{key:`wrapper`,header:`Wrapper`,render:t=>{let n=t.kind===`wrapped`?t.providerAddonId:null;return u(to,{wrappers:t.wrappers,activeWrapperId:n,disabled:p.isPending,onPick:r=>{let i=n===r;p.mutate({deviceId:e,capName:t.capName,wrapperAddonId:r,active:!i})}})}}],rows:g,rowKey:e=>e.capName,minWidthPx:720})]})}function $a({kind:e}){return e===`native`?r(`span`,{className:`inline-flex items-center gap-1 rounded-md border border-success/30 text-success bg-success/5 px-1.5 py-0.5 text-[10px] font-medium`,children:[u(Te,{className:`h-3 w-3`}),`native`]}):e===`wrapped`?r(`span`,{className:`inline-flex items-center gap-1 rounded-md border border-primary/30 text-primary bg-primary/5 px-1.5 py-0.5 text-[10px] font-medium`,children:[u(En,{className:`h-3 w-3`}),`wrapped`]}):e===`linked`?r(`span`,{className:`inline-flex items-center gap-1 rounded-md border border-warning/30 text-warning bg-warning/5 px-1.5 py-0.5 text-[10px] font-medium`,children:[u(Zt,{className:`h-3 w-3`}),`linked`]}):r(`span`,{className:`inline-flex items-center gap-1 rounded-md border border-border text-foreground-subtle/70 px-1.5 py-0.5 text-[10px] font-medium`,children:[u(Qe,{className:`h-3 w-3`}),`unbound`]})}function eo({nodeId:e}){return u(`span`,{className:`inline-flex items-center rounded-md border border-border px-1.5 py-0.5 font-mono text-[10px] ${e===`hub`?`text-foreground-subtle`:`text-foreground`}`,children:e})}function to({wrappers:e,activeWrapperId:t,disabled:n,onPick:i}){return e.length===0?u(`span`,{className:`text-[10px] opacity-40`,children:`none available`}):u(`div`,{className:`flex flex-wrap gap-1`,children:e.map(e=>{let a=e===t;return r(`button`,{disabled:n,onClick:()=>i(e),title:a?`Click to deactivate (revert to native)`:`Activate wrapper ${e}`,className:`inline-flex items-center gap-1 rounded-md border px-1.5 py-0.5 font-mono text-[10px] transition-colors disabled:opacity-50 ${a?`border-primary/40 bg-primary/10 text-primary`:`border-border text-foreground-subtle hover:text-foreground hover:bg-surface-hover`}`,children:[u(a?Ge:y,{className:`h-3 w-3`}),e]},e)})})}function no({deviceId:e,activeSubTab:t,onSubTabChange:n,deviceType:i,isAdmin:a}){return r(`div`,{className:`flex flex-col gap-3`,children:[jr(i,a)&&u(xt,{deviceId:e,readOnly:!0}),u(Nr,{deviceId:e,activeSubTab:t,onSubTabChange:n})]})}n();var ro=new Set([`package-detection`]);function io(e,t){if(!e)return null;for(let n of e.slots)for(let e of n.addons)if(e.id===t)return e;return null}function ao(e){return e?e.modelId!==void 0\|\|e.settings!==void 0:!1}function oo({deviceId:e,refreshToken:t}){let n=s(),l=_().trpcClient,[d,f]=c(null),[p,m]=c(null),[h,g]=c(null),v=Ee({deviceId:e},{refetchOnMount:`always`}),y=Lt({deviceId:e},{refetchOnMount:`always`}),b=bn(void 0,{refetchOnMount:`always`});Yt([`nodes`,`topology`],[`agent.online`,`agent.offline`,`agent.unregistered`,`addon.installed`,`addon.uninstalled`]);let{nodes:x}=Pe(),S=i(()=>{let e=new Set;for(let t of x)t.isOnline&&e.add(t.id);return e},[x]),C=i(()=>(b.data??[]).filter(e=>S.has(e.nodeId)).map(e=>e.nodeId),[b.data,S]),w=a({enabled:C.length>0,queryKey:[[`pipelineExecutor`,`getSchema`],`device-step-schemas`,C.join(`,`),t],queryFn:async()=>{let e={};for(let t of C)try{e[t]=await l.pipelineExecutor.getSchema.query({nodeId:t})}catch{}return e}}),T=e=>w.data?.[e]??null,E=i(()=>{let e=C[0];if(e!==void 0){let t=w.data?.[e];if(t)return t}return Object.values(w.data??{})[0]??null},[C,w.data]),D=a({enabled:C.length>0,queryKey:[[`pipelineOrchestrator`,`getNodeInferenceDevices`],`device-step`,C.join(`,`),t],queryFn:async()=>{let e={};for(let t of C)try{e[t]=(await l.pipelineOrchestrator.getNodeInferenceDevices.query({nodeId:t})).devices}catch{e[t]=[]}return e}}),O=()=>{n.invalidateQueries({queryKey:[[`pipelineOrchestrator`,`getCameraSettings`]]}),n.invalidateQueries({queryKey:[[`pipelineOrchestrator`,`getCameraStepOverrides`]]})},A=Me({onSuccess:O}),j=k({onSuccess:O}),M=i(()=>E?_t(E):[],[E]),N=i(()=>{let e=b.data??[],t=S.size===0?[]:e.filter(e=>S.has(e.nodeId)),n=[];for(let e of t){let t=(D.data?.[e.nodeId]??[]).filter(e=>e.enabled&&e.available);if(t.length>=2)for(let r of t)n.push({agentNodeId:e.nodeId,engineLabel:r.format,deviceKey:r.key,deviceLabel:Tn(r).label});else n.push({agentNodeId:e.nodeId,engineLabel:t[0]?.format??`(engine unknown)`})}return n},[b.data,D.data,S]),P=(e,t)=>D.data?.[e]?.find(e=>e.key===t)??null,ee=e=>{if(e.deviceKey!==void 0)return e.deviceKey;let t=D.data?.[e.agentNodeId]??[],n=t.filter(e=>e.enabled&&e.available);return n.length>=1?n[0].key:t.find(e=>e.available)?.key??t[0]?.key??null},F=(e,t,n)=>y.data?.[e]?.[t]?.[n]??null,te=e=>{if(ro.has(e))return{kind:`zone-driven`};let t=io(E,e)?.enabledByDefault??!0,n=v.data?.stepToggles?.[e];return{kind:`gate`,effectiveOn:n??t,defaultOn:t,explicit:n!==void 0}},I=(e,t,n)=>{let r=io(T(n),e);if(r)return se(r,t)},ne=(e,t)=>{let n=te(e),r=n.kind===`gate`?n.effectiveOn:!1,i=io(T(t.agentNodeId),e),a=ee(t),o=a===null?null:P(t.agentNodeId,a);if(!Xe(i?.models??[],o?.format))return r?{kind:`skip`}:{kind:`na`};let s=a===null?null:F(t.agentNodeId,a,e),c=o?.steps?.[e];return{kind:`enabled`,modelId:(i?He({catalog:i,device:o,override:s?.modelId,base:c?.modelId}):void 0)??`Auto`,overridden:ao(s)}},L=d===null?null:io(T(d.agentNodeId),d.addonId),R=d?P(d.agentNodeId,d.deviceKey):null,re=R?.format??`coreml`,ie=d?ao(F(d.agentNodeId,d.deviceKey,d.addonId)):!1,z=d?I(d.addonId,R,d.agentNodeId):void 0,ae=i(()=>{if(!d\|\|!R)return null;let e=R.steps?.[d.addonId];return{enabled:!0,...e?.modelId===void 0?{}:{modelId:e.modelId},settings:e?.settings??{}}},[d,R]),oe=()=>{f(null),m(null)},B=(e,t)=>{let n=ee(t);n!==null&&(f({addonId:e,agentNodeId:t.agentNodeId,deviceKey:n}),m(F(t.agentNodeId,n,e)))},V=(t,n)=>{j.mutate({deviceId:e,addonId:t,enabled:n})},H=()=>{d&&A.mutate({deviceId:e,agentNodeId:d.agentNodeId,deviceKey:d.deviceKey,addonId:d.addonId,patch:p},{onSuccess:oe})},ce=()=>{d&&A.mutate({deviceId:e,agentNodeId:d.agentNodeId,deviceKey:d.deviceKey,addonId:d.addonId,patch:null},{onSuccess:oe})};if(b.isLoading\|\|C.length>0&&w.isLoading)return u(`div`,{className:`text-xs text-foreground-subtle animate-pulse p-4`,children:`Loading pipeline…`});if(N.length===0)return u(`div`,{className:`text-xs text-foreground-subtle p-4`,children:`No online agents.`});if(!E)return u(`div`,{className:`text-xs text-foreground-subtle p-4`,children:`Catalog unavailable.`});let le=d!==null&&L!==null&&R!==null;return r(`div`,{className:`relative h-full w-full space-y-3`,children:[r(`div`,{className:`rounded-md border border-border bg-muted/20 px-3 py-2 text-[11px] leading-relaxed text-foreground-subtle`,children:[u(`span`,{className:`font-medium text-foreground`,children:`Gate`}),` (col 1) decides whether this camera runs a step — independent of nodes. Each`,` `,u(`span`,{className:`font-medium text-foreground`,children:`node column`}),` shows the model that node runs; click a cell to pin a per-camera model override for that accelerator. A gated-on step with no model on a device shows a clickable `,u(`span`,{className:`text-amber-500`,children:`⚠ skip`}),` `,`and won't run there.`]}),r(`div`,{className:`rounded-md border border-sky-500/25 bg-sky-500/[0.06] px-3 py-2 text-[11px] leading-relaxed text-foreground-subtle`,children:[u(`span`,{className:`font-medium text-sky-400`,children:`Placement is dynamic.`}),` When a node has multiple inference accelerators, each session is balanced across them per-session at dispatch time — these device columns show each accelerator's effective model (override ?? device default), not a fixed assignment.`]}),u(`div`,{className:le?`md:pr-[360px]`:``,children:M.length>0?u(dn,{tree:M,agents:N,gateFor:te,getCellState:ne,onCellClick:B,selectedCell:d,onSetGate:V,gateBusy:j.isPending,fallbackNodeId:h,onFallbackNodeChange:g}):u(`div`,{className:`text-xs text-foreground-subtle`,children:`Catalog empty.`})}),u(wt,{open:le,onClose:oe,title:L?.name??``,subtitle:d&&R?`${d.agentNodeId} · ${Tn(R).label} · ${R.format}`:``,footer:r(o,{children:[u(`button`,{type:`button`,className:`px-3 py-1 text-xs border border-border rounded bg-surface hover:bg-muted text-foreground-subtle disabled:opacity-50`,disabled:!ie\|\|A.isPending,onClick:ce,children:`Clear override`}),u(`div`,{className:`flex-1`}),u(`button`,{type:`button`,className:`px-3 py-1 text-xs border border-border rounded bg-surface hover:bg-muted`,onClick:oe,children:`Cancel`}),u(`button`,{type:`button`,disabled:!d\|\|!ae\|\|A.isPending,className:`px-3 py-1 text-xs bg-primary text-primary-foreground rounded disabled:opacity-50`,onClick:H,children:A.isPending?`Saving…`:`Save`})]}),children:L&&d&&ae?u(We,{mode:`device`,addon:L,agentDefault:ae,agentNodeId:d.agentNodeId,currentPatch:p,engineFormat:re,effectiveModelId:z,onChangePatch:m}):u(`div`,{className:`rounded-md border border-amber-500/40 bg-amber-500/10 px-3 py-2 text-[11px] text-amber-300`,children:`This accelerator is no longer reported by the node, so there is nothing to provision here.`})})]})}var so=[{id:`object-detection`,label:`Object detection`,icon:`scan-search`},{id:`tracking`,label:`Tracking`,icon:`route`},{id:`motion`,label:`Motion`,icon:`activity`},{id:`stationary`,label:`Stationary`,icon:`square-parking`},{id:`zones`,label:`Zones`,icon:`shapes`},{id:`audio`,label:`Audio`,icon:`volume-2`},{id:`cluster`,label:`Cluster`,icon:`server`}],co={"pipeline-object-detection":`object-detection`,"detection-sensitivity":`object-detection`,"onboard-object-detection":`object-detection`,tracking:`tracking`,"tracking-core":`tracking`,"motion-tuning":`motion`,"stationary-objects":`stationary`,occupancy:`stationary`,zones:`zones`,"pipeline-audio":`audio`,"cluster-assignment":`cluster`,"orchestrator-live":`cluster`};function lo(e){return co[e]??`object-detection`}n();var uo=`steps`,fo=`settings`,po=new Set([uo,fo]);function mo(e){return e.location===`top-tab`&&(e.tab===`detection-pipeline`\|\|e.tab===`zones`)}function ho({deviceId:t,activeSubTab:n,onSubTabChange:i}){return r(vn,{value:n&&po.has(n)?n:uo,onValueChange:e(e=>{i?.(e)},[i]),className:`flex flex-col`,children:[r(pn,{className:`flex-shrink-0`,children:[u(Ie,{value:uo,children:`Steps`}),u(Ie,{value:fo,children:`Settings`})]}),u(mt,{value:uo,children:u(oo,{deviceId:t,refreshToken:0})}),u(mt,{value:fo,children:u(Nr,{deviceId:t,sectionFilter:mo,subTabGrouping:{groupOf:e=>lo(e.id),tabs:so}})})]})}n();function go({deviceId:e,initialLocation:n}){let a=s(),[o,l]=c(!1),[f,p]=c(n??``),[m,h]=c(!1),g=t(null),{data:_}=te(void 0,{enabled:o}),v=_??[];d(()=>{o\|\|p(n??``)},[n,o]),d(()=>{o&&g.current?.focus()},[o]);let y=R({onSuccess:()=>{a.invalidateQueries({queryKey:[[`deviceManager`,`getDevice`]]}),a.invalidateQueries({queryKey:[[`deviceManager`,`listAll`]]}),a.invalidateQueries({queryKey:[[`deviceManager`,`getDeviceAggregate`]]}),a.invalidateQueries({queryKey:[[`deviceManager`,`listLocations`]]})}}),b=i(()=>{let e=f.trim().toLowerCase();return e.length===0?v:v.filter(t=>t.toLowerCase()!==e&&t.toLowerCase().includes(e))},[v,f]),x=f.trim().length>0&&!v.some(e=>e.toLowerCase()===f.trim().toLowerCase()),S=async t=>{let r=(t??f).trim(),i=r.length===0?null:r;if(i===(n??null)){l(!1);return}h(!0);try{await y.mutateAsync({deviceId:e,location:i}),l(!1)}catch{}finally{h(!1)}},C=()=>{p(n??``),l(!1)};return o?u($,{label:`Location`,value:r(`div`,{className:`relative`,children:[r(`div`,{className:`flex items-center gap-1`,children:[u(`input`,{ref:g,type:`text`,value:f,onChange:e=>p(e.target.value),onKeyDown:e=>{e.key===`Enter`?S():e.key===`Escape`&&C()},disabled:m,placeholder:`Room / area (or leave empty to clear)`,className:`flex-1 min-w-0 px-1.5 py-0.5 text-[11px] bg-background border border-border rounded focus:outline-none focus:border-primary`}),u(`button`,{type:`button`,onClick:()=>void S(),disabled:m,className:`p-0.5 rounded hover:bg-success/10 text-success disabled:opacity-50`,"aria-label":`Save`,children:u(Ge,{className:`h-3 w-3`})}),u(`button`,{type:`button`,onClick:C,disabled:m,className:`p-0.5 rounded hover:bg-danger/10 text-danger disabled:opacity-50`,"aria-label":`Cancel`,children:u(oe,{className:`h-3 w-3`})})]}),(b.length>0\|\|x)&&r(`div`,{className:`absolute z-10 left-0 right-0 mt-0.5 max-h-40 overflow-y-auto rounded-md border border-border bg-surface shadow-md`,children:[b.map(e=>r(`button`,{type:`button`,onClick:()=>{p(e),S(e)},className:`w-full flex items-center gap-2 px-2 py-1 text-left text-[11px] hover:bg-surface-hover`,children:[u(je,{className:`h-3 w-3 text-foreground-subtle flex-shrink-0`}),u(`span`,{className:`truncate`,children:e})]},e)),x&&r(`button`,{type:`button`,onClick:()=>void S(),className:`w-full flex items-center gap-2 px-2 py-1 text-left text-[11px] hover:bg-surface-hover border-t border-border`,children:[u(`span`,{className:`text-foreground-subtle`,children:`Create`}),r(`span`,{className:`font-medium truncate`,children:[`"`,f.trim(),`"`]})]})]})]})}):u($,{label:`Location`,value:r(`div`,{className:`flex items-center gap-2 group`,children:[n?u(`span`,{className:`truncate`,children:n}):u(`span`,{className:`italic text-foreground-subtle`,children:`unset`}),u(`button`,{type:`button`,onClick:()=>l(!0),className:`p-0.5 rounded text-foreground-subtle hover:text-foreground hover:bg-surface-hover transition-colors`,"aria-label":`Edit location`,children:u(Je,{className:`h-3.5 w-3.5`})})]})})}n();function _o({deviceId:e}){let t=s(),{data:n}=er(e),{data:i}=$n(e),[a,l]=c(null),d=P({onSuccess:()=>{l(null),t.invalidateQueries({queryKey:[[`deviceManager`]]})},onError:e=>{l(`Could not change primary child: ${e.message}`)}});if(n==null\|\|String(n.type??``)!==Y.Container)return null;let f=(i??[]).map(e=>({id:e.id,stableId:e.stableId,type:e.type,name:e.name,...e.sourceInfo?{sourceInfo:{id:e.sourceInfo.id}}:{}}));if(f.length<=1)return null;let p=me(f,typeof n.linkDeviceId==`number`?n.linkDeviceId:null,typeof n.primaryChildEntityId==`string`?n.primaryChildEntityId:null);return r(o,{children:[u($,{label:`Primary child`,value:u(Ke,{childrenList:f,selectedId:p===null?f[0].id:p.id,onSetPrimary:t=>d.mutate({deviceId:e,primaryChildEntityId:t}),disabled:d.isPending})}),a!==null&&u(`p`,{role:`alert`,className:`px-3 sm:px-4 py-1.5 text-[11px] text-danger`,children:a})]})}n();var vo=[`manufacturer`,`model`,`hardware`,`firmware`,`serialNumber`,`uid`,`mac`,`itemNo`];function yo(e){return e.replace(/([a-z])([A-Z])/g,`$1 $2`).replace(/^./,e=>e.toUpperCase())}function bo(e){return e==null?`—`:typeof e==`string`\|\|typeof e==`number`\|\|typeof e==`boolean`?String(e):JSON.stringify(e)}function xo(){let e=jt(),t=Ot(),{data:n}=q({deviceId:e??0},{enabled:e!==null}),{data:i}=rn({deviceId:e??0},{enabled:e!==null}),a=n??t??null,[o,s]=c(`identity`);if(e===null\|\|!a)return null;let l=String(a.stableId??``),d=String(a.name??``),f=String(a.type??``),p=String(a.addonId??``),m=a.features??[],h=new Set([`device-status`,`feature-probe`,`device-ops`]),g=(i?.entries??[]).filter(e=>e.kind===`native`&&!h.has(e.capName)).map(e=>e.capName),_=m.length>0?m:g,v=a.location??null,y=a.metadata??null,b=y!==null&&Object.keys(y).length>0;return r(`div`,{className:`rounded-lg border border-border bg-surface overflow-hidden`,children:[r(`div`,{className:`border-b border-border px-3 sm:px-4 py-2 flex items-center justify-between gap-3`,children:[u(`h2`,{className:`text-[11px] font-semibold text-foreground uppercase tracking-wider`,children:`Device Info`}),b&&r(`div`,{className:`flex items-center gap-1 rounded-md bg-surface-hover p-0.5`,children:[u(So,{active:o===`identity`,onClick:()=>s(`identity`),label:`Identity`}),u(So,{active:o===`hardware`,onClick:()=>s(`hardware`),label:`Hardware`})]})]}),(!b\|\|o===`identity`)&&r(`div`,{className:`divide-y divide-border`,children:[u($,{label:`ID`,value:r(`span`,{className:`font-mono text-[11px] text-foreground`,children:[`#${e}`,r(`span`,{className:`ml-1.5 text-foreground-subtle`,children:[`(`,l,`)`]})]})}),u(zi,{deviceId:e,initialName:d}),u(go,{deviceId:e,initialLocation:v}),u(_o,{deviceId:e}),u($,{label:`Type`,value:f}),u($,{label:`Provider`,value:u(Cn,{type:p,size:`sm`,showLabel:!0})}),u($,{label:`Capabilities`,value:_.length>0?u(Dn,{capabilities:_,showLabels:!0}):u(`span`,{className:`text-[11px] text-foreground-subtle`,children:`None`})})]}),b&&o===`hardware`&&u(Co,{metadata:y})]})}function So({active:e,onClick:t,label:n}){return u(`button`,{type:`button`,onClick:t,className:`px-2 py-0.5 rounded text-[10px] font-medium transition-colors ${e?`bg-surface text-foreground shadow-sm`:`text-foreground-subtle hover:text-foreground`}`,children:n})}function Co({metadata:e}){let t=vo.filter(t=>t in e),n=Object.keys(e).filter(e=>!vo.includes(e)).toSorted(),i=[...t,...n];return r(`div`,{children:[u(`div`,{className:`px-3 sm:px-4 py-1.5 text-[10px] text-foreground-subtle border-b border-border bg-surface-subtle/40`,children:`Auto-populated by the driver on every connect. Read-only.`}),u(`div`,{className:`divide-y divide-border`,children:i.map(t=>u($,{label:yo(t),value:u(`span`,{className:`font-mono text-[11px] text-foreground break-all`,children:bo(e[t])})},t))})]})}var wo=`Notifications`,To=`This camera never notifies — no rule, no target, no alarm. Existing events, tracks and recordings are unaffected.`;function Eo(e){let{mutedDeviceIds:t,deviceId:n}=e,r=t===null?null:!t.includes(n),i=e.pendingOn??null;return{label:wo,on:r===null?null:i??r,available:r!==null,costWhenOff:To}}function Do(e,t){return!e.available\|\|e.on===null?null:{deviceId:t,muted:e.on}}n();function Oo(e){if(typeof e!=`object`\|\|!e)return null;let t={...e}.mutedDeviceIds;return Array.isArray(t)?t.filter(e=>typeof e==`number`):null}function ko({deviceId:t}){let n=s(),i=Number.isFinite(t),[a,o]=c(null),[l,d]=c(null),f=Eo({mutedDeviceIds:Oo(de({},{enabled:i}).data),deviceId:t,pendingOn:l}),p=tt({onError:e=>{console.error(`[DeviceNotificationMute] mute write failed — reverting`,{tags:{deviceId:t},meta:{error:e instanceof Error?e.message:String(e)}}),d(null),o(e instanceof Error?e.message:String(e)),n.invalidateQueries({queryKey:[[`notificationRules`,`listDeviceMutes`]]})},onSuccess:()=>{o(null),d(null),n.invalidateQueries({queryKey:[[`notificationRules`]]})}}),m=e(()=>{let e=Do(f,t);e!==null&&(d(!e.muted),p.mutate(e))},[t,p,f]),h=f.on===null,g=f.on===!1,_=g?$e:it;return r(`div`,{className:`rounded-lg border border-border bg-surface overflow-hidden`,children:[r(`div`,{className:`border-b border-border px-4 py-2 flex items-center justify-between gap-2`,children:[u(`h2`,{className:`text-xs font-semibold text-foreground uppercase tracking-wider`,children:`Notifications`}),g&&u(`span`,{className:`rounded bg-warning/20 px-1.5 py-0.5 text-[9px] font-semibold uppercase tracking-wide text-warning`,children:`muted`})]}),r(`div`,{className:`px-4 py-3 flex items-start gap-3`,children:[r(`button`,{type:`button`,role:`switch`,"aria-label":f.label,"aria-checked":f.on===!0,disabled:!f.available\|\|p.isPending,onClick:m,title:h?`Notification mute — state unknown; the notification centre did not answer.`:g?`Muted. ${f.costWhenOff}`:`Notifying. Muting it: ${f.costWhenOff}`,className:`inline-flex items-center gap-1.5 rounded-lg border px-2 py-1.5 text-[11px] font-medium transition-colors disabled:cursor-not-allowed ${a===null?h?`border-dashed border-border text-foreground-subtle/50`:g?`border-warning/40 text-warning hover:bg-warning/10`:`border-success/30 text-success hover:bg-success/10`:`border-danger/50 text-danger bg-danger/5`}`,children:[u(_,{className:`h-3.5 w-3.5`}),u(`span`,{children:h?`Unknown`:g?`Muted`:`Notifying`})]}),u(`p`,{className:`flex-1 text-[11px] leading-relaxed text-foreground-subtle`,children:a===null?h?`The notification centre did not answer, so this device’s mute state is unknown.`:f.costWhenOff:`Write failed: ${a}`})]})]})}function Ao(e,t){return{switchId:e,label:zn[e].label,detail:t===void 0\|\|t.length===0?null:t}}function jo(e){let t=new Map;for(let n of e.switches)n.deviceId===e.sourceId&&(t.has(n.switchId)\|\|t.set(n.switchId,n));return t}function Mo(e){let t=jo(e),n=new Set(e.sourceStillLive),r=e.sourceStillLive.map(e=>Ao(e,t.get(e)?.detail)),i=[...t.values()].filter(e=>e.outcome===`not-offered`&&!n.has(e.switchId)).map(e=>Ao(e.switchId,e.detail));return{inheritedId:e.sourceId,retiredId:e.targetId,swapped:e.swapped,verdict:r.length===0?`quiet`:`still-live`,stillLive:r,neverOffered:i}}n();function No(e,t){return e.filter(e=>e.isCamera&&e.id!==t).map(e=>({id:e.id,name:e.name})).toSorted((e,t)=>e.name.localeCompare(t.name))}function Po({deviceId:e,deviceName:t}){let{t:n}=X(),a=_n(),[o,s]=c(null),l=cn({isCamera:!0,projection:`slim`}),d=Le(),f=l.data!==void 0,p=i(()=>l.data===void 0?[]:No(l.data,e),[l.data,e]),m=p.find(e=>e.id===o)??null,h=d.data===void 0?null:Mo(d.data),g=d.error===null?null:d.error.message,_=async()=>{m===null\|\|m.id===e\|\|await a({title:n(`deviceMigrate.confirmTitle`,`Replace “{{source}}” with “{{target}}”?`,{source:t,target:m.name}),message:n(`deviceMigrate.confirmMessage`,`“{{target}}” takes over number {{sourceId}}. That number is what every recording, event, rule, zone and home-automation export of “{{source}}” is filed under, so all of it follows the number to the new hardware and keeps working. “{{source}}” is switched off and handed number {{targetId}} in exchange. This swaps two device identities and cannot be undone from here.`,{source:t,target:m.name,sourceId:e,targetId:m.id}),confirmLabel:n(`deviceMigrate.confirmAction`,`Migrate`),variant:`danger`})&&d.mutate({sourceId:e,targetId:m.id})};return r(`div`,{className:`rounded-lg border border-border bg-surface px-4 py-3`,children:[r(`div`,{className:`flex flex-wrap items-center justify-between gap-3`,children:[r(`div`,{className:`min-w-0`,children:[u(`h2`,{className:`text-xs font-semibold uppercase tracking-wider text-foreground`,children:n(`deviceMigrate.title`,`Migrate to…`)}),u(`p`,{className:`mt-0.5 text-[11px] text-foreground-subtle`,children:n(`deviceMigrate.subtitle`,`Replace this camera with other hardware you have already adopted. The new camera inherits number {{deviceId}}, so recordings, rules and integrations follow it.`,{deviceId:e})})]}),r(`div`,{className:`flex shrink-0 items-center gap-2`,children:[r(`select`,{"aria-label":n(`deviceMigrate.pickerLabel`,`Replacement camera`),className:`rounded-md border border-border bg-background px-2 py-1.5 text-xs text-foreground disabled:opacity-50`,disabled:!f\|\|p.length===0\|\|d.isPending,value:o===null?``:String(o),onChange:e=>{let t=e.target.value;s(t===``?null:Number(t))},children:[u(`option`,{value:``,children:f?n(`deviceMigrate.pickerPlaceholder`,`Select a camera…`):n(`deviceMigrate.pickerPending`,`Reading the fleet…`)}),p.map(e=>r(`option`,{value:String(e.id),children:[e.name,` (#`,e.id,`)`]},e.id))]}),r(`button`,{type:`button`,disabled:m===null\|\|d.isPending,onClick:()=>{_()},className:`inline-flex shrink-0 items-center gap-1.5 rounded-md border border-border bg-background px-3 py-1.5 text-xs font-medium text-foreground hover:bg-surface disabled:opacity-50`,children:[u(Pr,{className:`h-3 w-3`}),d.isPending?n(`deviceMigrate.running`,`Migrating…`):n(`deviceMigrate.action`,`Migrate`)]})]})]}),f&&p.length===0&&u(`p`,{className:`mt-2 text-[11px] text-foreground-subtle`,children:n(`deviceMigrate.noTargets`,`No other camera is adopted, so there is nothing to migrate to.`)}),g!==null&&u(`p`,{className:`mt-2 text-[11px] text-danger`,children:n(`deviceMigrate.failed`,`Migration failed: {{error}}`,{error:g})}),h!==null&&u(Fo,{report:h})]})}function Fo({report:e}){let{t}=X(),n=e.verdict===`quiet`;return r(`div`,{className:`mt-3 space-y-2 border-t border-border pt-3`,children:[u(`p`,{className:`text-[11px] text-foreground-subtle`,children:t(`deviceMigrate.swapped`,`The replacement now answers on number {{inheritedId}}; the old camera was handed number {{retiredId}}.`,{inheritedId:e.inheritedId,retiredId:e.retiredId})}),n?r(`div`,{className:`flex items-start gap-2 rounded-md border border-success/30 bg-success/5 px-3 py-2`,children:[u(ue,{className:`mt-0.5 h-3.5 w-3.5 shrink-0 text-success`}),u(`p`,{className:`text-[11px] leading-relaxed text-foreground`,children:t(`deviceMigrate.quiet`,`Every function on the replaced camera was switched off — the old hardware is quiet.`)})]}):r(`div`,{className:`rounded-md border border-warning/40 bg-warning/5 px-3 py-2`,children:[r(`div`,{className:`flex items-start gap-2`,children:[u(_e,{className:`mt-0.5 h-3.5 w-3.5 shrink-0 text-warning`}),u(`p`,{className:`text-[11px] leading-relaxed text-foreground`,children:t(`deviceMigrate.stillLive`,`The replaced camera could not be reached, so these functions are STILL RUNNING on the old hardware. Nothing here failed to migrate — but until you unplug it or reach it physically, it can still produce data.`)})]}),u(`ul`,{className:`mt-2 space-y-1 pl-5`,children:e.stillLive.map(e=>r(`li`,{className:`text-[11px] text-foreground`,children:[u(`span`,{className:`font-medium`,children:e.label}),e.detail!==null&&r(`span`,{className:`text-foreground-subtle`,children:[` — `,e.detail]})]},e.switchId))})]}),e.neverOffered.length>0&&r(`div`,{className:`rounded-md border border-border px-3 py-2`,children:[r(`div`,{className:`flex items-start gap-2`,children:[u(wn,{className:`mt-0.5 h-3.5 w-3.5 shrink-0 text-foreground-subtle`}),u(`p`,{className:`text-[11px] leading-relaxed text-foreground-subtle`,children:t(`deviceMigrate.neverOffered`,`The replaced camera never offered these, so there was nothing to switch off. They are not running.`)})]}),u(`ul`,{className:`mt-2 space-y-1 pl-5`,children:e.neverOffered.map(e=>u(`li`,{className:`text-[11px] text-foreground-subtle`,children:e.label},e.switchId))})]})]})}n();function Io({deviceId:e}){let[t,n]=c(null),i=en({onSuccess:e=>{n(e.changed?`Re-aligned with source — ${e.rebuiltChildren} child${e.rebuiltChildren===1?``:`ren`} rebuilt.`:`Already up to date.`)},onError:e=>n(`Re-sync failed: ${e.message}`)});return r(`div`,{className:`rounded-lg border border-border bg-surface px-4 py-3`,children:[r(`div`,{className:`flex items-center justify-between gap-3`,children:[r(`div`,{children:[u(`h2`,{className:`text-xs font-semibold uppercase tracking-wider text-foreground`,children:`Re-sync`}),u(`p`,{className:`mt-0.5 text-[11px] text-foreground-subtle`,children:`Re-align this device's type, role, capabilities and units with its source.`})]}),r(`button`,{type:`button`,disabled:i.isPending,onClick:()=>{n(null),i.mutate({camDeviceId:e})},className:`inline-flex shrink-0 items-center gap-1.5 rounded-md border border-border bg-background px-3 py-1.5 text-xs font-medium text-foreground hover:bg-surface disabled:opacity-50`,children:[u(le,{className:`h-3 w-3 ${i.isPending?`animate-spin`:``}`}),i.isPending?`Re-syncing…`:`Re-sync`]})]}),t!==null&&u(`p`,{className:`mt-2 text-[11px] text-foreground-subtle`,children:t})]})}function Lo({deviceName:e,value:t,inheritedIcon:n,inheritedLabel:i,disabled:a,onChange:o}){let{t:s}=X(),c={trigger:s(`deviceDisplay.pickIcon`,{name:e}),panel:s(`deviceDisplay.iconFor`,{name:e}),close:s(`deviceDisplay.closePicker`),searchPlaceholder:s(`deviceDisplay.iconSearchPlaceholder`),clear:i,noMatches:s(`deviceDisplay.iconNoMatches`),groups:{device:s(`deviceDisplay.iconGroupDevice`),lighting:s(`deviceDisplay.iconGroupLighting`),sensing:s(`deviceDisplay.iconGroupSensing`),place:s(`deviceDisplay.iconGroupPlace`),life:s(`deviceDisplay.iconGroupLife`)}};return r(`div`,{className:`flex items-center gap-2`,children:[u(ln,{value:t===``?null:t,onPick:e=>o(e??``),resolveGlyph:Be,fallbackGlyph:n,labels:c,disabled:a}),u(`span`,{className:`text-[11px] text-foreground-subtle`,children:t===``?i:t})]})}n();var Ro=`w-full min-w-0 px-1.5 py-0.5 text-[11px] bg-background border border-border rounded focus:outline-none focus:border-primary disabled:opacity-50`,zo={icon:``,label:``,unit:``,precision:``,hidden:!1};function Bo(e){return{icon:e?.icon??``,label:e?.label??``,unit:e?.unit??``,precision:e?.precision===void 0?``:String(e.precision),hidden:e?.hidden===!0}}function Vo(e){if(typeof e!=`object`\|\|!e)return;let t=e.unit;return typeof t==`string`?t:void 0}function Ho(e){if(e.trim()===``)return;let t=Number.parseInt(e,10);return Number.isFinite(t)?t:void 0}function Uo(e,t){let n=Ho(e.precision),r={...e.icon===``?{}:{icon:e.icon},...e.label.trim()===``?{}:{label:e.label.trim()},...e.unit===``?{}:{unit:e.unit},...n===void 0?{}:{precision:n},...e.hidden?{hidden:!0}:{},...t?.perCap===void 0?{}:{perCap:t.perCap}};return Object.keys(r).length===0?null:r}function Wo({deviceId:e}){let{t}=X(),n=_(),a=s(),{data:l}=q({deviceId:e},{enabled:e>0}),d=typeof l?.role==`string`&&l.role.length>0?l.role:null,f=d===null?void 0:G[d],p=f?.kind===`numeric`,m=String(l?.type??``),h=d!==null\|\|l?.parentDeviceId!==null&&l?.parentDeviceId!==void 0,g=ht(n.trpcClient,e,d??``),v=f?.kind===`numeric`?f.canonicalUnit:void 0,y=Vo(g)??v,b=y===void 0?void 0:kn(y),x=i(()=>b===void 0?[]:Rn(b),[b]),[S,C]=c(null),w=S??Bo(l?.display),T=Oe({onSuccess:()=>{a.invalidateQueries({queryKey:[[`deviceManager`]]})}}),{data:E}=Dt({},{staleTime:6e4,enabled:d!==null}),D=H({onSuccess:()=>{a.invalidateQueries({queryKey:[[`deviceManager`]]})}});if(l==null)return null;let O=e=>{C({...w,...e})},k=()=>{T.mutate({deviceId:e,display:Uo(w,l.display)})},A=()=>{C(zo),T.mutate({deviceId:e,display:null})},j=()=>{if(d===null)return;let e=Ho(w.precision),t={...w.icon===``?{}:{icon:w.icon},...w.unit===``?{}:{unit:w.unit},...e===void 0?{}:{precision:e}},n={...E?.defaults,[d]:t};D.mutate({defaults:n})},M=d===null?void 0:E?.defaults[d]?.icon,P=M===void 0?void 0:Be(M),ee=d===null?B(m):N(d),F={icon:P??ee.icon,label:P===void 0?ee.label:String(M)},te=d===null&&m===Y.Container?t(`deviceDisplay.inheritedContainer`):P===void 0?t(`deviceDisplay.inherited`,{name:F.label}):t(`deviceDisplay.inheritedRoleDefault`,{icon:F.label,role:ee.label}),I=typeof l.name==`string`?l.name:`#${String(e)}`,ne=d===null?``:N(d).label;return r(`div`,{className:`rounded-lg border border-border bg-surface overflow-hidden`,children:[u(`div`,{className:`border-b border-border px-3 sm:px-4 py-2`,children:u(`h2`,{className:`text-[11px] font-semibold text-foreground uppercase tracking-wider`,children:t(`deviceDisplay.title`)})}),r(`div`,{className:`divide-y divide-border`,children:[u($,{label:t(`deviceDisplay.icon`),value:u(Lo,{deviceName:I,value:w.icon,inheritedIcon:F.icon,inheritedLabel:te,disabled:T.isPending,onChange:e=>O({icon:e})})}),h&&u($,{label:t(`deviceDisplay.label`),value:u(`input`,{type:`text`,className:Ro,"aria-label":t(`deviceDisplay.label`),placeholder:d===null?I:ne,value:w.label,onChange:e=>O({label:e.target.value})})}),p&&r(o,{children:[u($,{label:t(`deviceDisplay.unit`),value:r(`select`,{className:Ro,"aria-label":t(`deviceDisplay.unit`),value:w.unit,onChange:e=>O({unit:e.target.value}),disabled:x.length===0,children:[u(`option`,{value:``,children:t(`deviceDisplay.unitSource`,{unit:y===void 0?``:` (${y})`})}),x.map(e=>u(`option`,{value:e,children:e},e))]})}),u($,{label:t(`deviceDisplay.precision`),value:u(`input`,{type:`number`,min:0,max:10,step:1,className:Ro,"aria-label":t(`deviceDisplay.precision`),placeholder:t(`deviceDisplay.precisionInherit`),value:w.precision,onChange:e=>O({precision:e.target.value})})})]}),u($,{label:t(`deviceDisplay.hidden`),value:r(`label`,{className:`flex items-center gap-2`,children:[u(`input`,{type:`checkbox`,checked:w.hidden,onChange:e=>O({hidden:e.target.checked})}),u(`span`,{className:`text-[11px] text-foreground`,children:t(`deviceDisplay.hideFromLists`)})]})})]}),r(`div`,{className:`border-t border-border px-3 sm:px-4 py-2 flex flex-wrap items-center gap-2`,children:[u(`button`,{type:`button`,className:`rounded bg-primary px-3 py-1 text-[11px] font-medium text-primary-foreground disabled:opacity-50`,onClick:k,disabled:T.isPending,children:t(`common.save`)}),u(`button`,{type:`button`,className:`rounded border border-border px-3 py-1 text-[11px] text-foreground-subtle`,onClick:A,disabled:T.isPending,children:t(`common.reset`)}),d!==null&&u(`button`,{type:`button`,className:`rounded border border-border px-3 py-1 text-[11px] text-foreground-subtle`,onClick:j,disabled:D.isPending,title:t(`deviceDisplay.setRoleDefaultTitle`,{role:ne}),children:t(`deviceDisplay.setRoleDefault`,{role:ne})})]})]})}function Go(e){return e<1e3?`${e.toFixed(0)} kbps`:`${(e/1e3).toFixed(1)} Mbps`}function Ko({device:e}){let t=Kn(),n=typeof e.id==`number`?e.id:null,i=String(e.type??``),a=i===Y.Camera,o=i===Y.Hub,s=e.features??[],c=s.includes(An.Resyncable),{data:l}=V({deviceId:n??0},{enabled:n!==null&&a,refetchInterval:5e3}),d=l?.streams??{},f=Object.entries(d),p=s.includes(An.DoorbellButton),m=Nt(p?{deviceId:n??void 0,historyLimit:10}:void 0),h=m.latest?Date.now()-m.latest.timestamp<3e4:!1;return r(`div`,{className:`space-y-5`,children:[o&&n!==null&&u(ft,{deviceId:n,onOpenChild:e=>t(`/devices/${e}`)}),c&&n!==null&&u(Io,{deviceId:n}),a&&n!==null&&u(Po,{deviceId:n,deviceName:String(e.name??``)}),n!==null&&u(ko,{deviceId:n}),a&&n!==null&&u(Ne,{widgetId:`pipeline-orchestrator/pipeline-quick-stats`,host:`device-tab`,deviceId:n}),p&&u(mn,{history:m.history,latestIsFresh:h}),a&&n!==null&&u(Ne,{widgetId:`stream-broker/stream-broker-panel`,host:`device-tab`,deviceId:n}),a&&f.length>0&&r(`div`,{className:`@container rounded-lg border border-border bg-surface overflow-hidden`,style:{containerType:`inline-size`},children:[u(`div`,{className:`border-b border-border px-4 py-2`,children:u(`h2`,{className:`text-xs font-semibold text-foreground uppercase tracking-wider`,children:`Stream Network`})}),u(`div`,{className:`divide-y divide-border`,children:f.map(([e,t])=>r(`div`,{className:`px-4 py-2.5`,children:[r(`div`,{className:`flex items-center gap-2 mb-2`,children:[u(U,{className:`h-3 w-3 text-foreground-subtle`}),u(`span`,{className:`text-[11px] font-medium text-foreground`,children:e})]}),r(`div`,{className:`grid grid-cols-2 @[640px]:grid-cols-4 gap-2`,children:[u(qo,{label:`Nominal`,value:Go(t.nominalBitrateKbps??0)}),u(qo,{label:`Observed`,value:Go(t.observedBitrateKbps??0)}),u(qo,{label:`Peak`,value:Go(t.peakBitrateKbps??0)}),u(qo,{label:`Packet Loss`,value:`${(t.packetLossPercent??0).toFixed(2)}%`,warning:(t.packetLossPercent??0)>1})]})]},e))})]}),u(xo,{}),n!==null&&u(Wo,{deviceId:n})]})}function qo({label:e,value:t,warning:n}){return r(`div`,{children:[u(`p`,{className:`text-[10px] text-foreground-subtle`,children:e}),u(`p`,{className:`text-xs font-medium ${n?`text-warning`:`text-foreground`}`,children:t})]})}var Jo=[{id:`overview`,label:`Overview`,cameraOnly:!1,adminOnly:!1},{id:`config`,label:`Config`,cameraOnly:!1,adminOnly:!1},{id:Xn,label:`Customize`,cameraOnly:!1,adminOnly:!0},{id:`detection-pipeline`,label:`Detection pipeline`,cameraOnly:!0,adminOnly:!1},{id:`bindings`,label:`Bindings`,cameraOnly:!0,adminOnly:!1}];function Yo(e,t){let n=e===Y.Camera;return Jo.filter(e=>(n\|\|!e.cameraOnly)&&(t\|\|!e.adminOnly)).map(({id:e,label:t})=>({id:e,label:t}))}function Xo({provider:e,integrationId:t,name:n}){let r=Kn(),i=t===null?`/integrations`:`/integrations/${t}`,a=n===null?`Open integrations`:`Open integration ${n}`;return u(`button`,{type:`button`,onClick:()=>r(i),className:`shrink-0 rounded-md transition-opacity hover:opacity-80 focus:outline-none focus-visible:ring-1 focus-visible:ring-primary/50`,title:a,"aria-label":a,children:u(Cn,{type:e,size:`lg`})})}n();var Zo=[{id:`logs`,icon:M,label:`Logs`},{id:`repl`,icon:qn,label:`REPL`},{id:`events`,icon:pe,label:`Events`},{id:`state`,icon:ze,label:`State`}];function Qo(){let n=Yn(),a=Number(n.deviceId),l=Number.isFinite(a),d=Kn(),f=s(),m=_n(),h=_(),{user:g}=Qn(),v=g?.isAdmin===!0,[y,b]=Jn(),x=y.get(`tab`)??`overview`,S=y.get(`sub`),[T,D]=c(`logs`),O=`device-detail.left-col-width-px`,[k,j]=c(()=>{if(typeof window>`u`)return null;let e=window.localStorage.getItem(O),t=e?Number(e):NaN;return Number.isFinite(t)&&t>0?t:null}),M=t(k);M.current=k;function N(e){e.preventDefault();let t=e.clientX,n=e.currentTarget.previousElementSibling?.getBoundingClientRect().width??k??0,r=Math.max(330,Math.floor(window.innerWidth*.7)),i=e=>{j(Math.max(280,Math.min(r,n+(e.clientX-t))))},a=()=>{document.removeEventListener(`mousemove`,i),document.removeEventListener(`mouseup`,a);let e=M.current;if(e!==null)try{window.localStorage.setItem(O,String(Math.round(e)))}catch{}document.body.style.userSelect=``,document.body.style.cursor=``};document.body.style.userSelect=`none`,document.body.style.cursor=`col-resize`,document.addEventListener(`mousemove`,i),document.addEventListener(`mouseup`,a)}let{data:P,isLoading:F,isError:te}=q({deviceId:a},{enabled:l,refetchInterval:5e3,retry:1}),{data:I}=At({deviceId:a},{enabled:l}),L=i(()=>{let e=I?.settings?.sections??[],t=I?.live?.sections??[],n=[...e,...t],r=new Set;for(let e of n)e.location===`top-tab`&&e.tab&&r.add(e.tab===`zones`?`detection-pipeline`:e.tab);return n.some(kr)&&r.add(Mr),[...r].map(e=>e===`export`?{id:e,label:Ar,isAddonContrib:!0}:{id:e,label:Bn[e]?.label??e,isAddonContrib:!0})},[I]),R=P,z=String(R?.name??n.deviceId??`Device`),ae=R?.online===!0,oe=ae?`online`:`offline`,B=String(R?.addonId??`rtsp`),V=R?.features??[],H=R?.type,se=H===Y.Camera,{data:ce}=$n(l?a:0),ue=H===Y.Container,de=i(()=>(ce??[]).map(e=>({id:e.id,stableId:e.stableId,type:e.type,...e.sourceInfo?{sourceInfo:{id:e.sourceInfo.id}}:{}})),[ce]),U=i(()=>ue?me(de,typeof R?.linkDeviceId==`number`?R.linkDeviceId:null,typeof R?.primaryChildEntityId==`string`?R.primaryChildEntityId:null)?.id??null:null,[ue,de,R?.linkDeviceId,R?.primaryChildEntityId]),{data:fe}=At({deviceId:U??0},{enabled:U!==null}),pe=i(()=>{if(U===null)return[];let e=fe?.settings?.sections??[],t=fe?.live?.sections??[],n=new Set;for(let r of[...e,...t])r.location===`top-tab`&&r.tab&&n.add(r.tab);return[...n].map(e=>({id:e,label:Bn[e]?.label??e,isAddonContrib:!0,childDeviceId:U}))},[U,fe]),he=typeof R?.parentDeviceId==`number`?R.parentDeviceId:null,{data:ge}=q({deviceId:he??0},{enabled:he!==null}),W=ne(),_e=R?.disabled!==!0,ve=i(()=>{let e=new Set,t=[];for(let n of[...Yo(H,v),...L,...pe])e.has(n.id)\|\|(e.add(n.id),t.push(n));return t},[H,v,L,pe]),ye=i(()=>Za(ve,x),[ve,x]),be=e(e=>{b(t=>{let n=new URLSearchParams(t);return e===`overview`?n.delete(`tab`):n.set(`tab`,e),n.delete(`sub`),n},{replace:!0})},[b]),Se=e(e=>{b(t=>{let n=new URLSearchParams(t);return n.set(`sub`,e),n},{replace:!0})},[b]),Te=(ce??[]).length>0,Ee=i(()=>Zo.filter(({featureGate:e})=>!e\|\|V.includes(e)),[V]),{data:Oe}=Tt(void 0),ke=i(()=>R?Ce(R,Oe):null,[R,Oe]),G=ke?.kind===`resolved`?ke.integration:null,Ae=G===null?ke?.kind===`unknown`?`Loading integration…`:ke?.kind===`orphan`?`Missing integration`:`No integration`:G.name,je=G!==null&&G.addonId===B?G.name:B,Me=we({onSuccess:()=>{f.invalidateQueries({queryKey:[[`deviceManager`]]}),d(G?.id?`/integrations/${G.id}`:`/integrations`)}}),Ne=Bt({onSuccess:()=>{f.invalidateQueries({queryKey:[[`deviceManager`]]})}}),Pe=Pt({onSuccess:()=>{f.invalidateQueries({queryKey:[[`deviceManager`]]})}}),Fe=fn(),Ie=rt({onSuccess:()=>{f.invalidateQueries({queryKey:[[`deviceManager`]]})}}),Le=V.includes(An.Rebootable),Re=V.includes(An.BatteryOperated),ze=De(h.trpcClient,Re&&l?a:null),Be=xe(h.trpcClient,l?a:null),[Ve,He]=c(!1),Ue=async()=>{if(!Ve){He(!0);try{let e=z.replace(/[^a-zA-Z0-9_.-]+/g,`_`),t=new Date().toISOString().replace(/[:.]/g,`-`);await Er(`${p}/${String(a)}.jpg?force=1`,`${e}-${t}.jpg`)}finally{He(!1)}}},We=Ne.isPending\|\|Pe.isPending,{data:Ge}=ie({deviceId:a},{enabled:l,refetchInterval:1e4}),Ke=Ge?.agentNodeId??null,qe=typeof Ke==`string`&&Ke.length>0&&!Ke.startsWith(`addon:`)?Ke:void 0,{data:Je}=Gt({deviceId:a,...qe?{nodeId:qe}:{}},{enabled:l,refetchInterval:3e3,retry:!1}),{data:Ye}=yt({deviceId:a},{enabled:l,refetchInterval:3e3,retry:!1}),Xe=Ye?.level?.dbfs??null;function Ze(){if(!l)return null;switch(ye){case`overview`:return u(Ko,{device:R??{}});case`config`:return u(no,{deviceId:a,activeSubTab:S,onSubTabChange:Se,deviceType:H,isAdmin:v});case`detection-pipeline`:return u(ho,{deviceId:a,activeSubTab:S,onSubTabChange:Se});case`bindings`:return u(Qa,{deviceId:a});case Xn:return u(Ua,{deviceId:a,activeSubTab:S,onSubTabChange:Se});default:{let e=ye,t=L.some(t=>t.id===e),n=pe.find(t=>t.id===e);if(!t&&n===void 0)return null;let r=n?.childDeviceId??a;if(e===`export`)return u(Nr,{deviceId:a,sectionFilter:kr,activeSubTab:S,onSubTabChange:Se});let i=u(Nr,{deviceId:r,sectionFilter:t=>t.location===`top-tab`&&(t.tab===e\|\|e===`detection-pipeline`&&t.tab===`zones`),flattenSubTabs:e===`detection-pipeline`,activeSubTab:S,onSubTabChange:Se});return n!==void 0&&r!==a?u(Ht,{deviceId:r,children:i}):i}}}return l?F?r(`div`,{className:`flex flex-col h-full`,children:[r(`div`,{className:`border-b border-border bg-surface px-6 py-4`,children:[u(`div`,{className:`h-4 w-48 rounded bg-surface-hover animate-pulse mb-3`}),u(`div`,{className:`h-8 w-64 rounded bg-surface-hover animate-pulse`})]}),u(`div`,{className:`flex-1 p-6`,children:u(`div`,{className:`h-40 rounded-lg border border-border bg-surface animate-pulse`})})]}):te\|\|!P?r(`div`,{className:`flex flex-col items-center justify-center h-full gap-3 text-foreground-subtle`,children:[u(`p`,{className:`text-lg font-semibold text-foreground`,children:`Device not found`}),r(`p`,{className:`text-xs`,children:[`No device with ID`,` `,r(`code`,{className:`font-mono bg-surface px-1.5 py-0.5 rounded text-[11px]`,children:[`#`,a]})]}),u(`button`,{onClick:()=>d(`/integrations`),className:`mt-2 rounded-lg bg-primary px-4 py-1.5 text-xs font-medium text-primary-foreground hover:bg-primary/90 transition-colors`,children:`Back to Integrations`})]}):r(`div`,{className:`absolute inset-0 flex flex-col overflow-clip`,children:[r(`div`,{className:`border-b border-border bg-surface px-6 py-3 flex-shrink-0`,children:[u(`div`,{className:`mb-2`,children:u(Mt,{items:[{label:`Integrations`,onClick:()=>d(`/integrations`)},G===null?{label:Ae}:{label:Ae,onClick:()=>d(`/integrations/${G.id}`)},{label:z}]})}),r(`div`,{className:`flex items-center gap-2 sm:gap-3`,children:[G!==null&&u(Xo,{provider:G.addonId,integrationId:G.id,name:G.name}),r(`div`,{className:`min-w-0 flex-1`,children:[r(`div`,{className:`flex items-center gap-2 flex-wrap`,children:[u(`h1`,{className:`text-sm sm:text-base font-semibold text-foreground truncate`,children:z}),u(Dr,{status:oe}),Re&&u(lt,{status:ze,variant:`full`}),u(kt,{status:Be})]}),he!==null&&ge&&r(`button`,{type:`button`,onClick:()=>d(`/devices/${he}`),className:`text-[10px] text-foreground-subtle hover:text-primary transition-colors mt-0.5 inline-flex items-center gap-1`,title:`Open parent device ${ge.name}`,children:[u(`span`,{children:`↑`}),u(`span`,{className:`truncate`,children:String(ge.name??`Device #${he}`)})]}),u(`div`,{className:`hidden md:flex items-center gap-3 mt-0.5 text-[10px] text-foreground-subtle`,children:V.length>0&&u(Dn,{capabilities:V})})]}),Je&&u(`div`,{className:`hidden lg:flex`,children:u($o,{metrics:Je,dbfs:Xe})}),r(`div`,{className:`flex items-center gap-1 shrink-0`,children:[r(`button`,{onClick:async()=>{_e?await m({title:`Disable "${z}"?`,message:`The device will stop processing streams and events. You can re-enable it later.`,confirmLabel:`Disable`,variant:`danger`})&&Pe.mutate({deviceId:a}):Ne.mutate({deviceId:a})},disabled:We,title:_e?`Disable device`:`Enable device`,className:`inline-flex items-center gap-1.5 rounded-lg px-2 sm:px-2.5 py-1.5 text-[11px] font-medium border transition-colors disabled:opacity-50 ${_e?`border-success/30 text-success hover:bg-success/10`:`border-border text-foreground-subtle/50 hover:text-foreground hover:bg-surface-hover`}`,children:[u(ee,{className:`h-3.5 w-3.5`}),u(`span`,{className:`hidden sm:inline`,children:We?`Updating…`:_e?`Enabled`:`Disabled`})]}),u(`div`,{className:`hidden sm:block h-5 w-px bg-border mx-1`}),se&&r(o,{children:[u(Ur,{deviceId:a}),u(`div`,{className:`hidden sm:block h-5 w-px bg-border mx-1`})]}),u(Gr,{deviceId:a}),u(on,{triggerClassName:`ml-1`,items:[{id:`snapshot`,label:`Take snapshot`,description:`Fetch a fresh frame and download it.`,icon:E,disabled:Ve,onClick:()=>{Ue()}},{id:`reboot`,label:`Reboot device`,description:`Camera goes offline for ~30 seconds.`,icon:re,hidden:!Le,disabled:Fe.isPending,danger:!0,onClick:async()=>{await m({title:`Reboot "${z}"?`,message:`The camera will go offline for around 30 seconds while the firmware reboots.`,confirmLabel:`Reboot`,variant:`danger`})&&Fe.mutate({deviceId:a})}},{id:`restart-addon`,label:`Restart addon`,description:`Bounces every device served by ${je}.`,icon:le,disabled:Ie.isPending,danger:!0,onClick:async()=>{await m({title:`Restart "${je}"?`,message:`Restarting the addon will briefly disconnect every device served by it (not just "${z}"). Streams will reconnect automatically.`,confirmLabel:`Restart`,variant:`danger`})&&Ie.mutate({addonId:B})}},{id:`delete`,label:`Delete device`,description:`Remove the device and all its settings.`,icon:C,separatorBefore:!0,disabled:Me.isPending,danger:!0,onClick:async()=>{await m({title:`Delete "${z}"?`,message:`This will remove the device and all its settings. This action cannot be undone.`,confirmLabel:`Delete`,variant:`danger`})&&Me.mutate({deviceId:a})}}]})]})]})]}),u(Ht,{deviceId:a,device:R??void 0,children:u(Xt,{children:u(A,{children:u(w,{children:u(zt,{children:r(`main`,{className:W?`flex-1 overflow-y-auto flex flex-col`:`flex-1 min-h-0 overflow-hidden flex flex-row`,children:[r(`div`,{className:W?`flex flex-col bg-surface`:`${k===null?`w-1/2 lg:w-1/3`:``} flex-shrink-0 flex flex-col bg-surface min-h-0 overflow-hidden`,style:!W&&k!==null?{width:`${String(k)}px`}:void 0,children:[u(`div`,{className:se?`flex-shrink-0 border-b border-border-subtle bg-black`:W?`flex-shrink-0 border-b border-border-subtle bg-surface`:`max-h-[55%] shrink-0 overflow-y-auto border-b border-border-subtle bg-surface`,children:se?u(Ti,{deviceId:a,intercomAvailable:V.includes(An.TwoWayAudio)}):u(hi,{deviceId:a,deviceName:z,deviceType:H??`unknown`,provider:B,isOnline:ae,features:V})}),r(`div`,{className:W?`flex flex-col border-b border-border`:`flex-1 min-h-0 flex flex-col overflow-hidden`,children:[u(`div`,{className:`flex-shrink-0 border-b border-border-subtle px-2 py-1.5`,children:u(`div`,{className:`flex gap-1 overflow-x-auto -mx-1 px-1 pb-0.5`,children:Ee.map(({id:e,label:t,icon:n})=>r(`button`,{onClick:()=>D(e),title:t,className:`flex items-center gap-1 rounded px-2 py-1 text-[10px] font-medium transition-colors flex-shrink-0 ${T===e?`bg-primary/15 text-primary`:`text-foreground-subtle hover:text-foreground hover:bg-surface-hover`}`,children:[u(n,{className:`h-3 w-3`}),t]},e))})}),r(`div`,{className:W?`h-72 overflow-hidden`:`flex-1 min-h-0 overflow-hidden`,children:[T===`logs`&&u(Ei,{deviceId:a,containerDeviceId:H===`container`?a:void 0}),T===`repl`&&u(Di,{deviceId:a}),T===`events`&&u(Oi,{deviceId:a}),T===`state`&&u(ki,{deviceId:a})]})]})]}),!W&&u(`div`,{role:`separator`,"aria-orientation":`vertical`,title:`Drag to resize`,onMouseDown:N,className:`flex-shrink-0 w-1 cursor-col-resize bg-border hover:bg-primary/40 transition-colors group relative z-10`,children:u(`span`,{className:`absolute inset-y-0 -left-1 -right-1`})}),r(`div`,{className:W?`flex flex-col`:`flex-1 min-w-0 min-h-0 flex flex-col overflow-hidden`,children:[u(`div`,{className:`flex-shrink-0 border-b border-border bg-surface px-4`,children:u(`div`,{className:`flex flex-nowrap overflow-x-auto md:flex-wrap md:overflow-x-visible items-center gap-0`,children:ve.map(e=>{let t=ye===e.id;return r(`button`,{onClick:()=>be(e.id),className:`relative flex-shrink-0 px-3 py-2 text-xs font-medium transition-colors ${t?`text-primary`:`text-foreground-subtle hover:text-foreground`}`,children:[e.label,t&&u(`span`,{className:`absolute bottom-0 left-0 right-0 h-0.5 rounded-full bg-primary`})]},e.id)})})}),r(`div`,{className:W?`p-3 flex flex-col gap-3`:`flex-1 min-h-0 overflow-y-auto p-4 flex flex-col gap-3`,children:[ye===`overview`&&Te&&u(Kr,{parentDeviceId:a}),Ze()]})]})]})})})})})})]}):r(`div`,{className:`flex flex-col items-center justify-center h-full gap-3 text-foreground-subtle`,children:[u(`p`,{className:`text-lg font-semibold text-foreground`,children:`Invalid device id`}),r(`p`,{className:`text-xs`,children:[`The URL segment`,` `,u(`code`,{className:`font-mono bg-surface px-1.5 py-0.5 rounded text-[11px]`,children:n.deviceId}),` `,`is not a number.`]}),u(`button`,{onClick:()=>d(`/integrations`),className:`mt-2 rounded-lg bg-primary px-4 py-1.5 text-xs font-medium text-primary-foreground hover:bg-primary/90 transition-colors`,children:`Back to Integrations`})]})}function $o({metrics:e,dbfs:t}){let n=$t(e.phase??`idle`);return r(`div`,{className:`flex items-center gap-3 flex-shrink-0`,children:[r(`div`,{className:`flex items-center gap-1.5`,children:[u(`span`,{className:`h-1.5 w-1.5 rounded-full ${n.dotClass}`}),u(`span`,{className:`text-[10px] font-medium ${n.textColor}`,children:n.label})]}),u(`div`,{className:`h-3 w-px bg-border`}),r(`div`,{className:`flex items-center gap-1 text-[10px] text-foreground-subtle`,children:[u(gt,{className:`h-3 w-3`}),u(`span`,{className:`text-foreground tabular-nums`,children:(e.actualFps??0).toFixed(1)}),u(`span`,{children:`fps`})]}),r(`div`,{className:`flex items-center gap-1 text-[10px] text-foreground-subtle`,children:[u(L,{className:`h-3 w-3`}),u(`span`,{className:`text-foreground tabular-nums`,children:(e.avgInferenceTimeMs??0).toFixed(0)}),u(`span`,{children:`ms`})]}),r(`div`,{className:`flex items-center gap-1 text-[10px] text-foreground-subtle`,title:`Current audio level (dBFS)`,children:[u(Ae,{className:`h-3 w-3`}),u(`span`,{className:`text-foreground tabular-nums`,children:t==null?`—`:t.toFixed(0)}),u(`span`,{children:`dB`})]}),(e.queueDepth??0)>0&&r(`span`,{className:`text-[10px] text-warning tabular-nums`,children:[`q:`,e.queueDepth]})]})}export{Qo as DeviceDetailPage};