@camstack/addon-admin-ui 1.2.427 → 1.2.429

package/dist/assets/IntegrationDetail-CcZkPlbN.js

@@ -1 +0,0 @@
-import{I as e,K as t,Q as n,S as r,W as i,o 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{Ir as l,It as u,Lr as d,Nt as f,On as p,Sn as m,_i as h,_n as g,ai as _,ar as v,bi as y,di as b,dt as x,fn as S,ht as C,ln as w,ot as ee,qi as T,yi as E,yn as D}from"./player-overlays-DWMIy1MJ.js";import{t as O}from"./search-x-B3nve3vV.js";import{jr as k}from"./client-CjyKfSu1.js";import{$i as A,An as j,Ba as M,Ca as N,Dn as P,En as F,It as I,Ji as te,Kt as ne,Mr as L,Tn as R,Tt as z,Xi as B,Yi as V,Zi as H,aa as U,ao as W,co as re,do as G,ea as K,et as ie,hr as ae,in as oe,io as se,jn as ce,la as q,lo as le,ma as ue,mr as de,oa as fe,oo as pe,qi as J,rt as Y,so as me,su as he,ta as ge,tt as _e,uu as ve,xa as ye,yn as X}from"./src-BLkInT8U.js";import{t as be}from"./useTranslation-Bc5yH9V9.js";import{n as xe}from"./addon-icons-context-CvwUgMRr.js";import{F as Se,X as Ce,Y as we,Z as Te}from"./index-D66JvELZ.js";import{t as Ee}from"./NodeAddonsSettingsPanel-D3ux_JIo.js";import{t as De}from"./device-integration-icon-CCoHGEQZ.js";import{n as Oe,r as ke,t as Ae}from"./ScanNetworkModal-DjU-xM4X.js";n();function je(e){let t=[];for(let n of e)n.type===`probe`&&t.push(n.key),n.type===`group`&&`fields`in n&&t.push(...je(n.fields));return t}function Me(t,n,r){let[a,s]=o(`idle`),[c,l]=o({}),u=i(()=>{let e=[];for(let n of t.sections)e.push(...je(n.fields));return e},[t]),d=u.length>0&&r!==void 0,f=e(e=>{l(t=>{if(!t[e])return t;let n={...t};return delete n[e],n})},[]);return{testAllStatus:a,hasProbeFields:d,probeResults:c,handleTestAll:e(async()=>{if(!r)return;let e=u.filter(e=>{let t=n[e];return t!=null&&String(t).trim()!==``});if(e.length===0)return;s(`testing`);let t={};for(let n of e)t[n]={status:`probing`};l(t);let i=await Promise.allSettled(e.map(async e=>{try{return{key:e,result:await r(e,n[e])}}catch(t){return{key:e,result:{status:`error`,error:t instanceof Error?t.message:String(t)}}}})),a={};for(let e of i)if(e.status===`fulfilled`){let{key:t,result:n}=e.value;a[t]={status:n.status===`ok`?`ok`:`error`,result:n}}l(a),s(`idle`)},[r,u,n]),clearProbeResult:f}}n();function Z(e){let t=[];for(let n of e)`required`in n&&n.required===!0&&`key`in n&&n.key&&t.push(n.key),n.type===`group`&&`fields`in n&&t.push(...Z(n.fields));return t}function Ne(e){return e==null?!0:typeof e==`string`?e.trim()===``:!1}function Pe(e,t={}){for(let n of e){if(n.type===`group`&&`fields`in n){Pe(n.fields,t);continue}`key`in n&&n.key&&`default`in n&&n.default!==void 0&&(t[n.key]=n.default)}return t}function Fe(){return typeof crypto<`u`&&typeof crypto.randomUUID==`function`?`probe-${crypto.randomUUID()}`:`probe-${Date.now().toString(36)}-${Math.random().toString(36).slice(2,10)}`}function Ie({open:t,integrationId:n,addonId:l,onClose:u}){let{t:d}=be(),p=a(),[m,h]=o({}),[g,_]=o(!1),[y,b]=o(null),[w,ee]=o(Fe),T=ye({addonId:l},{enabled:t}),D=T.data?.deviceType??null,O=q({addonId:l,type:D??k.Camera},{enabled:t&&T.isSuccess&&D!==null}),A=O.data??null;c(()=>{t&&(h(A?Pe(A.sections.flatMap(e=>e.fields)):{}),ee(Fe()),_(!1),b(null))},[t,n,A]);let j=i(()=>({...m,_probeRequestId:w}),[m,w]),N=K({onSuccess:()=>{p.invalidateQueries({queryKey:[[`deviceManager`]]})}}),P=M(),F=e(async(e,t)=>{_(!0);let n=await P.mutateAsync({addonId:l,type:D??k.Camera,key:e,value:t,formValues:j});return n.status===`ok`&&n.suggestedValues&&h(e=>{let t=!1,r={...e};for(let[i,a]of Object.entries(n.suggestedValues??{}))Ne(e[i])&&!Ne(a)&&(r[i]=a,t=!0);return t?r:e}),n},[P,l,j,D]),{testAllStatus:I,hasProbeFields:te,probeResults:ne,handleTestAll:L,clearProbeResult:R}=Me(A??{sections:[]},m,F);async function B(e){b(null);try{await N.mutateAsync({addonId:l,type:D??k.Camera,config:m,integrationId:n}),e?h(A?Pe(A.sections.flatMap(e=>e.fields)):{}):u()}catch(e){b(e instanceof Error?e.message:String(e))}}if(!t)return null;let V=Z((A?.sections??[]).flatMap(e=>e.fields)).filter(e=>Ne(m[e])),H=V.length===0,U=T.isLoading||D!==null&&O.isLoading,W=T.isError||T.isSuccess&&D===null||O.isError||O.isSuccess&&A===null;return r(`div`,{className:`fixed inset-0 z-50 flex items-center justify-center`,children:[s(`div`,{className:`absolute inset-0 bg-black/60`,onClick:u}),r(`div`,{className:`relative z-10 flex w-full max-w-2xl flex-col max-h-[calc(90dvh-2*max(env(safe-area-inset-top),env(safe-area-inset-bottom)))] rounded-xl border border-border bg-background shadow-2xl`,children:[r(`div`,{className:`flex items-center justify-between border-b border-border px-5 py-4 shrink-0`,children:[s(`h2`,{className:`text-sm font-semibold text-foreground`,children:d(`integrations.addDevice`)}),s(`button`,{onClick:u,className:`rounded-md p-1 text-foreground-subtle hover:text-foreground hover:bg-surface-hover transition-colors`,children:s(x,{className:`h-4 w-4`})})]}),s(`div`,{className:`flex-1 min-h-0 overflow-y-auto px-5 py-4 space-y-3`,children:U?s(`div`,{className:`flex items-center justify-center py-8`,children:s(v,{className:`h-5 w-5 animate-spin text-primary`})}):W?r(`div`,{className:`flex items-start gap-3 rounded-lg border border-destructive/40 bg-destructive/10 px-4 py-3`,children:[s(f,{className:`h-4 w-4 text-destructive mt-0.5 shrink-0`}),r(`div`,{className:`space-y-1`,children:[s(`p`,{className:`text-xs font-medium text-destructive`,children:`Provider unavailable`}),r(`p`,{className:`text-xs text-foreground-subtle`,children:[`The addon `,s(`span`,{className:`font-mono`,children:l}),` is not ready or does not support manual device creation. Check that the integration is online and try again.`]})]})]}):s(Se,{schema:A,values:m,onChange:h,onTestField:F,probeResults:ne,onClearProbe:R})}),!W&&!U&&r(`div`,{className:`border-t border-border bg-surface/50 shrink-0`,children:[r(`button`,{type:`button`,onClick:()=>_(e=>!e),className:`flex w-full items-center justify-between px-5 py-2 text-[11px] text-foreground-subtle hover:text-foreground hover:bg-surface-hover transition-colors`,children:[r(`span`,{className:`flex items-center gap-2`,children:[s(S,{className:`h-3.5 w-3.5`}),`Test logs`,s(`span`,{className:`font-mono text-[9px] opacity-60`,children:w.slice(0,14)})]}),s(E,{className:`h-3.5 w-3.5 transition-transform ${g?`rotate-180`:``}`})]}),g&&s(`div`,{className:`border-t border-border max-h-64 overflow-hidden`,children:s(z,{addonId:l,requestId:w,limit:50,maxHeight:`max-h-64`,showFilters:!1,showScope:!1,className:`border-0 rounded-none`})})]}),!W&&!U&&(y||V.length>0)&&s(`div`,{className:`border-t border-destructive/30 bg-destructive/5 px-5 py-2 shrink-0`,children:r(`div`,{className:`flex items-start gap-2`,children:[s(f,{className:`h-3.5 w-3.5 text-destructive mt-0.5 shrink-0`}),s(`p`,{className:`text-[11px] text-destructive`,children:y||`Required: ${V.join(`, `)}`})]})}),r(`div`,{className:`flex items-center justify-between border-t border-border px-5 py-3 shrink-0`,children:[r(`div`,{className:`flex items-center gap-2`,children:[s(`button`,{onClick:u,className:`rounded-lg border border-border px-3 py-1.5 text-xs text-foreground-subtle hover:text-foreground transition-colors`,children:d(`integrations.cancel`)}),!W&&te&&r(`button`,{type:`button`,onClick:L,disabled:I===`testing`,className:`inline-flex items-center gap-1.5 rounded-lg border border-border px-3 py-1.5 text-xs font-medium text-foreground-subtle hover:text-foreground hover:bg-surface-hover transition-colors disabled:opacity-50`,children:[I===`testing`?s(v,{className:`h-3.5 w-3.5 animate-spin`}):s(C,{className:`h-3.5 w-3.5`}),`Test All`]})]}),r(`div`,{className:`flex items-center gap-2`,children:[s(`button`,{onClick:()=>B(!0),disabled:W||!H||N.isPending,className:`rounded-lg border border-border px-3 py-1.5 text-xs text-foreground hover:bg-surface-hover transition-colors disabled:opacity-50`,children:d(`integrations.saveAndNew`)}),s(`button`,{onClick:()=>B(!1),disabled:W||!H||N.isPending,className:`rounded-lg bg-primary px-4 py-1.5 text-xs font-medium text-primary-foreground shadow-sm disabled:opacity-50`,children:N.isPending?d(`integrations.saving`):d(`integrations.save`)})]})]})]})]})}var Le=1500;function Re({addonId:e,integrationId:t,jobId:n,onFinished:i}){let{t:a}=be(),o=J(),c=(B({addonId:e,integrationId:t},{refetchInterval:e=>(e.state.data??[]).some(e=>e.state===`running`)?Le:!1}).data??[]).find(e=>e.jobId===n);if(!c)return null;let l=c.state===`running`,u=c.processed,d=c.total>0?Math.round(u/c.total*100):0;!l&&c.finishedAt!==null&&i();let p=[`${u}/${c.total} ${a(`integrations.adoptJobProcessed`,{defaultValue:`processed`})}`];c.adopted>0&&p.push(`${c.adopted} ${a(`integrations.adoptJobAdded`,{defaultValue:`added`})}`),c.alreadyAdopted>0&&p.push(`${c.alreadyAdopted} ${a(`integrations.adoptJobSkipped`,{defaultValue:`already there`})}`),c.failed>0&&p.push(`${c.failed} ${a(`integrations.adoptJobFailed`,{defaultValue:`failed`})}`);let m=p.join(` · `);return r(`div`,{className:`border-t border-border px-5 py-3 shrink-0 space-y-2`,children:[r(`div`,{className:`flex items-center gap-2`,children:[l?s(v,{className:`h-3.5 w-3.5 animate-spin text-primary shrink-0`}):c.failed>0?s(f,{className:`h-3.5 w-3.5 text-destructive shrink-0`}):c.state===`cancelled`?s(_,{className:`h-3.5 w-3.5 text-foreground-subtle shrink-0`}):s(b,{className:`h-3.5 w-3.5 text-primary shrink-0`}),s(`p`,{className:`text-[11px] text-foreground`,children:m}),l&&s(`button`,{onClick:()=>o.mutate({jobId:n}),className:`ml-auto rounded-lg border border-border px-2 py-1 text-[11px] text-foreground-subtle hover:text-foreground transition-colors`,children:a(`integrations.adoptJobCancel`,{defaultValue:`Stop`})})]}),s(`div`,{className:`h-1 w-full rounded-full bg-border overflow-hidden`,children:s(`div`,{className:`h-full bg-primary transition-all`,style:{width:`${d}%`},role:`progressbar`,"aria-valuenow":d,"aria-valuemin":0,"aria-valuemax":100})}),c.results.filter(e=>e.outcome===`failed`).slice(0,5).map(e=>r(`p`,{className:`text-[11px] text-destructive`,children:[e.childNativeId,`: `,e.error]},e.childNativeId))]})}function Q(e){let t=e.metadata;return[e.name,e.childNativeId,t.model,t.manufacturer,t.integration,t.externalLocation].filter(e=>typeof e==`string`&&e.length>0).join(` `)}n();var $=`devices`,ze={id:$,label:`Devices`,isDefault:!0},Be=2e4,Ve=100;function He({addonId:n,integrationId:i,onClose:l}){let{t:u}=be(),d=a(),[p,m]=o(new Set),[h,_]=o(new Set),[b,S]=o(new Map),[C,w]=o(null),{data:ee}=pe(),T=(ee??[]).find(e=>e.addonId===n)?.supportsLocationImport??!1,[E,D]=o(!0),O=te({addonId:n,integrationId:i}).data?.filters,k=O&&O.length>0?O:[ze],[j,M]=o(k.find(e=>e.isDefault)?.id??(k.some(e=>e.id===$)?$:k[0].id)),N=j!==$,P=H(),F=V({addonId:n,integrationId:i,page:1,pageSize:Be,filter:j}),I=F.refetch,ne=P.mutate,L=e(()=>{ne({addonId:n,integrationId:i},{onSettled:()=>{I()}})},[ne,n,i,I]),R=t(null);c(()=>{let e=`${n}::${i}`;R.current===e||F.isLoading||(R.current=e,(F.data?.candidates.length??0)===0&&L())},[n,i,F.isLoading,F.data,L]);let z=P.isPending,B=P.isError?P.error instanceof Error?P.error.message:String(P.error):null,U=typeof P.data?.lastError==`string`&&P.data.lastError.length>0?P.data.lastError:null,W=F.data?.candidates??[],re=F.isError?F.error instanceof Error?F.error.message:String(F.error):null,G=A(),[K,ae]=o(null),oe=e(e=>{e.alreadyAdopted||m(t=>{let n=new Set(t);return n.has(e.childNativeId)?n.delete(e.childNativeId):n.add(e.childNativeId),n})},[]),se=e(e=>{_(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})},[]),ce=e((e,t)=>{S(n=>{let r=new Map(n),i=r.get(e)?.hiddenChildIds??new Set,a=new Set(i);return a.has(t)?a.delete(t):a.add(t),a.size===0?r.delete(e):r.set(e,{hiddenChildIds:a}),r})},[]),q=e(e=>{let t={};for(let n of e){let e=b.get(n);e&&e.hiddenChildIds.size>0&&(t[n]={hiddenChildIds:[...e.hiddenChildIds]})}return Object.keys(t).length>0?t:void 0},[b]),le=e(async()=>{w(null);let e=[...p];if(e.length!==0)try{let t=q(e),{jobId:r}=await G.mutateAsync({addonId:n,integrationId:i,filter:j,childNativeIds:e,...t?{perCandidate:t}:{},...T?{importLocations:E}:{}});ae(r),m(new Set),S(new Map)}catch(e){w(e instanceof Error?e.message:String(e))}},[p,q,G,n,i,j,T,E]),ue=t(null),de=e(()=>{K===null||ue.current===K||(ue.current=K,I(),d.invalidateQueries({queryKey:[[`integrations`]]}),d.invalidateQueries({queryKey:[[`deviceManager`]]}))},[K,I,d]),fe=e(e=>{M(e),m(new Set),_(new Set),S(new Map),w(null)},[]),J=p.size,Y=K!==null&&J===0&&!G.isPending;return r(`div`,{className:`fixed inset-0 z-50 flex items-center justify-center`,children:[s(`div`,{className:`absolute inset-0 bg-black/60`,onClick:l}),r(`div`,{className:`relative z-10 flex w-full max-w-3xl flex-col h-[85vh] rounded-xl border border-border bg-background shadow-2xl`,children:[r(`div`,{className:`flex items-center justify-between border-b border-border px-5 py-4 shrink-0`,children:[r(`div`,{className:`min-w-0`,children:[s(`h2`,{className:`text-sm font-semibold text-foreground`,children:u(`integrations.adoptDevices`,{defaultValue:`Adopt devices`})}),s(`p`,{className:`text-[11px] text-foreground-subtle mt-0.5`,children:u(`integrations.adoptDevicesHint`,{defaultValue:`Preview the candidate devices and add the ones you want.`})})]}),r(`div`,{className:`flex items-center gap-3 shrink-0`,children:[T&&r(`label`,{className:`flex items-center gap-1.5 cursor-pointer text-[11px] text-foreground-subtle hover:text-foreground transition-colors`,children:[s(`input`,{type:`checkbox`,checked:E,onChange:e=>D(e.target.checked),className:`accent-primary`}),u(`integrations.importLocations`,{defaultValue:`Import locations from the integration`})]}),s(`button`,{onClick:l,className:`rounded-md p-1 text-foreground-subtle hover:text-foreground hover:bg-surface-hover transition-colors`,"aria-label":`Close`,children:s(x,{className:`h-4 w-4`})})]})]}),r(`div`,{className:`flex-1 min-h-0 px-5 py-3 flex flex-col gap-2 overflow-hidden`,children:[(B??re??U)&&W.length===0&&s(`div`,{className:`rounded-lg border border-destructive/30 bg-destructive/5 px-4 py-3 shrink-0`,children:r(`div`,{className:`flex items-start gap-2`,children:[s(f,{className:`h-3.5 w-3.5 text-destructive mt-0.5 shrink-0`}),r(`div`,{className:`min-w-0`,children:[s(`p`,{className:`text-xs font-medium text-destructive`,children:u(`integrations.adoptRefreshFailed`,{defaultValue:`Could not discover devices.`})}),s(`p`,{className:`text-[11px] text-destructive/90 mt-0.5`,children:B??re??U})]})]})}),k.length>1&&s(Ue,{filters:k,activeFilter:j,onSelect:fe}),s(`div`,{className:`flex-1 min-h-0`,children:s(ie,{mode:`generic`,items:W,pageSize:Ve,getKey:e=>e.childNativeId,getSearchText:Q,getFilterType:e=>e.type,filterOptions:he(),filterLabel:u(`integrations.adoptColType`,{defaultValue:`Type`}),isLoading:F.isLoading||z&&W.length===0,searchPlaceholder:u(`integrations.adoptSearch`,{defaultValue:`Search candidates…`}),emptyLabel:(B??re??U)&&W.length===0?``:u(`integrations.adoptNoCandidates`,{defaultValue:`No candidate devices found.`}),toolbar:r(`button`,{type:`button`,onClick:L,disabled:z,title:u(`integrations.adoptRefreshTitle`,{defaultValue:`Re-scan Home Assistant for devices`}),className:`inline-flex items-center gap-1.5 rounded-lg border border-border bg-surface px-2.5 py-1.5 text-xs text-foreground-subtle hover:text-foreground hover:bg-surface-hover transition-colors disabled:opacity-60 shrink-0`,children:[s(g,{className:`h-3.5 w-3.5 ${z?`animate-spin`:``}`}),u(`integrations.adoptRefresh`,{defaultValue:`Refresh`})]}),columns:[{key:`name`,header:u(`integrations.adoptColName`,{defaultValue:`Name`}),headerClassName:`w-[55%]`,cell:e=>s(We,{candidate:e,expandable:!N,expanded:h.has(e.childNativeId),onToggleExpand:()=>se(e.childNativeId),adoptedLabel:u(`integrations.adoptAlready`,{defaultValue:`Adopted`})})},{key:`type`,header:u(`integrations.adoptColType`,{defaultValue:`Type`}),headerClassName:`w-[30%] hidden sm:table-cell`,cellClassName:`hidden sm:table-cell`,cell:e=>{let t=ve(e.type),n=t.icon;return r(`span`,{className:`inline-flex items-center gap-1.5 text-[10px] text-foreground-subtle`,children:[s(n,{className:`h-3.5 w-3.5 shrink-0`}),t.label]})}},{key:`select`,header:``,headerClassName:`w-[15%] text-right`,cellClassName:`text-right`,cell:e=>s(`div`,{className:`flex items-center justify-end`,children:s(`button`,{onClick:()=>oe(e),disabled:e.alreadyAdopted,"aria-label":p.has(e.childNativeId)?`Deselect`:`Select`,className:`inline-flex h-5 w-5 items-center justify-center rounded border ${p.has(e.childNativeId)?`border-primary bg-primary`:`border-border`} ${e.alreadyAdopted?`cursor-not-allowed opacity-50`:``}`,children:p.has(e.childNativeId)&&s(y,{className:`h-3 w-3 text-primary-foreground`})})})}],isExpanded:e=>!N&&h.has(e.childNativeId),renderExpanded:N?void 0:e=>s(Ge,{candidate:e,hiddenChildIds:b.get(e.childNativeId)?.hiddenChildIds??new Set,onToggleChildHidden:t=>ce(e.childNativeId,t)}),rowClassName:e=>e.alreadyAdopted?`opacity-60`:p.has(e.childNativeId)?`bg-primary/5`:``})})]}),C&&s(`div`,{className:`border-t border-destructive/30 bg-destructive/5 px-5 py-2 shrink-0`,children:r(`div`,{className:`flex items-start gap-2`,children:[s(f,{className:`h-3.5 w-3.5 text-destructive mt-0.5 shrink-0`}),s(`p`,{className:`text-[11px] text-destructive`,children:C})]})}),K!==null&&s(Re,{addonId:n,integrationId:i,jobId:K,onFinished:de}),r(`div`,{className:`flex items-center justify-between border-t border-border px-5 py-3 shrink-0`,children:[s(`div`,{}),r(`div`,{className:`flex items-center gap-2`,children:[s(`button`,{onClick:l,className:`rounded-lg border border-border px-3 py-1.5 text-xs text-foreground-subtle hover:text-foreground transition-colors`,children:u(`integrations.cancel`,{defaultValue:`Cancel`})}),r(`button`,{onClick:Y?l:le,disabled:!Y&&(J===0||G.isPending),className:`inline-flex items-center gap-1.5 rounded-lg bg-primary px-4 py-1.5 text-xs font-medium text-primary-foreground shadow-sm disabled:opacity-50 disabled:cursor-not-allowed`,children:[G.isPending&&s(v,{className:`h-3.5 w-3.5 animate-spin`}),Y?u(`integrations.close`,{defaultValue:`Close`}):u(`integrations.addSelected`,{defaultValue:`Add selected`}),!Y&&J>0?` (${J})`:``]})]})]})]})]})}function Ue({filters:e,activeFilter:t,onSelect:n}){return s(`div`,{role:`tablist`,"aria-label":`Discovery granularity`,className:`inline-flex shrink-0 self-start rounded-lg border border-border bg-surface p-0.5`,children:e.map(e=>{let r=e.id===t;return s(`button`,{type:`button`,role:`tab`,"aria-selected":r,onClick:()=>n(e.id),className:`rounded-md px-3 py-1 text-xs font-medium transition-colors ${r?`bg-primary text-primary-foreground shadow-sm`:`text-foreground-subtle hover:text-foreground hover:bg-surface-hover`}`,children:e.label},e.id)})})}function We({candidate:e,expandable:t,expanded:n,onToggleExpand:i,adoptedLabel:a}){let o=(e.children??[]).length;return r(`div`,{className:`flex items-center gap-2.5 min-w-0`,children:[t&&o>0?r(`button`,{type:`button`,onClick:i,"aria-label":n?`Collapse`:`Expand`,"aria-expanded":n,className:`flex h-5 flex-shrink-0 items-center justify-center gap-0.5 rounded px-0.5 text-[10px] text-foreground-subtle transition-colors hover:bg-surface-hover hover:text-foreground`,children:[s(n?E:h,{className:`h-3.5 w-3.5`}),o]}):s(`span`,{className:`flex h-5 w-5 flex-shrink-0 items-center justify-center text-foreground-subtle/40`,children:`—`}),s(`span`,{className:`truncate text-xs font-medium text-foreground`,children:e.name}),e.alreadyAdopted&&s(`span`,{className:`rounded-full bg-success/10 px-2 py-0.5 text-[9px] font-medium text-success shrink-0`,children:a})]})}function Ge({candidate:e,hiddenChildIds:t,onToggleChildHidden:n}){let i=e.children??[];return i.length===0?null:s(`div`,{className:`space-y-1 py-1`,children:i.map(e=>{let i=t.has(e.childNativeId),a=e.capabilities??[];return r(`div`,{className:`flex items-center gap-2 rounded px-2 py-1 ${i?`opacity-50`:``}`,children:[s(`span`,{className:`text-[11px] text-foreground truncate flex-1 min-w-0`,children:e.name}),a.length>0&&s(`span`,{className:`text-[9px] text-foreground-subtle truncate`,children:a.join(`, `)}),s(`button`,{onClick:()=>n(e.childNativeId),"aria-label":i?`Show child`:`Hide child`,title:i?`Show after adopt`:`Hide after adopt`,className:`flex h-5 w-5 items-center justify-center rounded text-foreground-subtle hover:text-foreground hover:bg-surface-hover transition-colors flex-shrink-0`,children:s(i?d:l,{className:`h-3 w-3`})})]},e.childNativeId)})})}n();function Ke(e){let t=[];for(let n of e){if(n.type===`group`){t.push(...Ke(n.fields));continue}`key`in n&&typeof n.key==`string`&&t.push(n.key)}return t}function qe(e,t){if(!e)return{};let n=new Set(e.sections.flatMap(e=>Ke(e.fields))),r={};for(let e of n)Object.prototype.hasOwnProperty.call(t,e)&&(r[e]=t[e]);return r}function Je(e){return{...e.tabs?{tabs:e.tabs}:{},sections:e.sections.map(e=>({...e,fields:e.fields.map(e=>{if(`value`in e){let{value:t,...n}=e;return n}return e})}))}}function Ye({integrationId:e,addonId:t,name:n,kind:o,mode:c,brokerKind:l,canTest:u=!1,trpc:d,onClose:f}){let{t:p}=be(),m=a(),{data:h,isLoading:g}=me({id:e},{enabled:c===`account`||c===`broker`}),_=i(()=>{let e=h?.brokerId;return typeof e==`string`?e:null},[h]),{data:y,isLoading:b}=de({addonId:t,nodeId:`hub`},{enabled:c===`account`}),x=i(()=>y?Je(y):null,[y]),S=le(),C=(t,n)=>{S.mutate({id:e,settings:t,...n?{secretKeys:[...n]}:{}},{onSuccess:()=>{m.invalidateQueries(),f()}})};return s(R,{open:!0,onOpenChange:e=>!e&&f(),children:r(P,{width:`lg`,placement:`sheet-on-mobile`,scroll:`body`,children:[s(j,{children:r(ce,{children:[p(`integrations.editConfig`,{defaultValue:`Edit configuration`}),` — `,n]})}),s(F,{children:c===`broker`?l?r(`div`,{className:`space-y-3`,children:[s(`p`,{className:`text-[11px] text-foreground-subtle`,children:p(`integrations.relinkBrokerHelp`,{defaultValue:`Choose the broker this integration connects through. Picking a different broker re-points it and restarts the addon.`})}),_&&r(`p`,{className:`text-[11px] text-foreground`,children:[p(`integrations.currentBroker`,{defaultValue:`Current broker`}),`:`,` `,s(`span`,{className:`font-mono text-foreground-subtle`,children:_})]}),S.isPending?r(`div`,{className:`flex items-center gap-2 text-[11px] text-foreground-subtle`,children:[s(v,{className:`h-3 w-3 animate-spin`}),p(`integrations.saving`,{defaultValue:`Saving…`})]}):s(ke,{kind:l,onResolved:e=>{C({brokerId:e})},onBack:f}),S.isError&&s(`p`,{className:`text-[11px] text-danger`,children:p(`integrations.relinkFailed`,{defaultValue:`Failed to update broker link.`})})]}):s(`p`,{className:`text-[11px] text-danger`,children:p(`integrations.noBrokerKind`,{defaultValue:`This integration declares device-adoption but its addon manifest has no brokerKind.`})}):c===`account`?g||b?r(`div`,{className:`flex items-center gap-2 text-[11px] text-foreground-subtle`,children:[s(v,{className:`h-3 w-3 animate-spin`}),p(`integrations.loading`,{defaultValue:`Loading…`})]}):s(Oe,{addonId:t,configSchema:x,canTest:u,initialName:n,initialConfig:qe(x,h??{}),submitLabel:p(`integrations.save`,{defaultValue:`Save`}),hideName:!0,onSave:({config:e,secretKeys:t})=>C(e,t),onBack:f}):s(X,{trpc:d,addonId:t,nodeId:`hub`,title:n})})]})})}function Xe(e){return e==null?!1:e.sections.some(e=>e.fields.length>0)}n();function Ze(){let{t}=be(),{integrationId:n}=Ce(),l=a(),d=we(),[f,h]=Te(),g=ee(),[_,y]=o(!1),[b,x]=o(!1),[C,E]=o(!1),[k,A]=o(!1),{data:M,isLoading:te}=W({id:n??``},{enabled:!!n}),{data:B}=de({addonId:M?.addonId??``,nodeId:`hub`},{enabled:!!M?.addonId}),{data:V,isSuccess:H}=pe(),K=i(()=>{let e=M?.addonId;return!e||!H?null:(V??[]).find(t=>t.addonId===e)?.kind===`device-adoption`?`device-adoption`:`device-provider`},[V,M?.addonId,H]),{data:q}=U({}),le=i(()=>(q?.providers??[]).some(e=>e.addonId===M?.addonId),[q,M?.addonId]),J=K!==null,me=M?.info?.fixed===!0,he=J?K===`device-adoption`?t(`integrations.adoptDevices`,{defaultValue:`Adopt devices`}):t(`integrations.addDevice`):t(`integrations.addDeviceLoading`,{defaultValue:`Loading…`}),ve=i(()=>{let e=M?.addonId;return!e||!H?null:(V??[]).find(t=>t.addonId===e)?.brokerKind??null},[V,M?.addonId,H]),ye=i(()=>{let e=M?.addonId;return!e||!H?!1:(V??[]).find(t=>t.addonId===e)?.canTest===!0},[V,M?.addonId,H]),X=i(()=>{let e=M?.addonId;return!e||!H?null:(V??[]).find(t=>t.addonId===e)?.mode??null},[V,M?.addonId,H]);c(()=>{f.get(`add`)===`1`&&J&&(y(!0),h(e=>{let t=new URLSearchParams(e);return t.delete(`add`),t},{replace:!0}))},[f,J,h]);let xe=B!=null&&Array.isArray(B.sections)&&B.sections.some(e=>e.fields.length>0),{data:Se}=ae({addonId:M?.addonId??``,nodeId:`hub`},{enabled:!!M?.addonId&&X!==`account`}),Oe=X!==null&&X!==`account`&&Xe(Se),ke=i(()=>M?.addonId?[M.addonId]:[],[M?.addonId]),{data:je}=ue({projection:`slim`},{refetchInterval:3e4}),Me=[[`integrations`,`get`],{input:{id:n??``},type:`query`}],Z=G({onMutate:async e=>{await l.cancelQueries({queryKey:Me});let t=l.getQueryData(Me);return t!=null&&l.setQueryData(Me,{...t,enabled:e.enabled}),{previous:t}},onError:(e,t,n)=>{let r=n;r?.previous!=null&&l.setQueryData(Me,r.previous)},onSettled:()=>{l.invalidateQueries({queryKey:[[`integrations`]]}),l.invalidateQueries({queryKey:[[`deviceManager`]]})}}),Ne=se({onSuccess:()=>{l.invalidateQueries({queryKey:[[`integrations`]]}),l.invalidateQueries({queryKey:[[`deviceManager`]]}),d(`/integrations`)}}),Pe=L({onSuccess:()=>{l.invalidateQueries({queryKey:[[`integrations`]]}),l.invalidateQueries({queryKey:[[`deviceManager`]]})}}),Fe=N({onSuccess:()=>{l.invalidateQueries({queryKey:[[`deviceManager`]]})}}),Le=ge({onSuccess:()=>{l.invalidateQueries({queryKey:[[`deviceManager`]]})}}),Re=fe({onSuccess:()=>{l.invalidateQueries({queryKey:[[`deviceManager`]]})}}),Q=i(()=>je??[],[je]),$=i(()=>{let e=new Map;for(let t of Q)e.set(t.id,{id:t.id,name:t.name??t.stableId??`#${String(t.id)}`});return e},[Q]),ze=e(e=>$.get(e)??null,[$]),{data:Be}=re(void 0),Ve=i(()=>_e(Be),[Be]),Ue=e(e=>d(`/devices/${String(e)}`),[d]),We=i(()=>{let e=M?.id;return e?Q.filter(t=>{let n=Ve(t);return n.kind===`resolved`&&n.integration.id===e}):[]},[Q,M?.id,Ve]),Ge=i(()=>Be===void 0?null:Y(We).length,[Be,We])??`…`;return te?r(`div`,{className:`p-4`,children:[s(`div`,{className:`h-16 rounded-lg bg-surface animate-pulse mb-4`}),s(`div`,{className:`h-40 rounded-lg bg-surface animate-pulse`})]}):M?r(`div`,{className:`p-4 space-y-4 overflow-x-hidden`,children:[s(ne,{items:[{label:`Integrations`,onClick:()=>d(`/integrations`)},{label:M.name}]}),r(`div`,{className:`flex flex-wrap items-center justify-between gap-3`,children:[r(`div`,{className:`flex items-center gap-3 min-w-0`,children:[s(Qe,{addonId:M.addonId}),r(`div`,{className:`min-w-0`,children:[s(`h1`,{className:`text-lg font-semibold text-foreground truncate`,children:M.name}),r(`p`,{className:`text-[11px] text-foreground-subtle mt-0.5 truncate`,children:[M.addonId,` · `,Ge,` `,t(`integrations.devices`)]})]})]}),r(`div`,{className:`flex flex-wrap items-center justify-end gap-2`,children:[le&&r(`button`,{onClick:()=>x(!0),className:`flex items-center gap-1.5 rounded-lg border border-border bg-surface px-2.5 py-1.5 text-xs font-medium text-foreground-subtle hover:text-foreground hover:bg-surface-hover transition-colors`,title:`Scan the network for devices (incl. a different subnet)`,children:[s(m,{className:`h-3.5 w-3.5`}),`Scan network`]}),!me&&r(`button`,{onClick:()=>y(!0),disabled:!J,className:`flex items-center gap-1.5 rounded-lg bg-primary px-3 py-1.5 text-xs font-medium text-primary-foreground shadow-sm disabled:opacity-50 disabled:cursor-not-allowed`,title:he,children:[s(p,{className:`h-3.5 w-3.5`}),he]}),r(`div`,{className:`inline-flex items-center gap-2 rounded-lg border px-3 py-1.5 transition-colors ${Z.isPending?`opacity-60`:``} ${M.enabled?`border-success/30 bg-success/5`:`border-border bg-surface`}`,title:t(`integrations.toggleHint`,{defaultValue:`Click to toggle`}),children:[s(oe,{checked:M.enabled,onCheckedChange:e=>Z.mutate({id:n,enabled:e}),disabled:Z.isPending,"aria-label":M.enabled?`Disable integration`:`Enable integration`}),s(`span`,{className:`text-[11px] font-medium ${M.enabled?`text-success`:`text-foreground-subtle`}`,children:M.enabled?`Enabled`:`Disabled`}),Z.isPending&&s(v,{className:`h-3 w-3 animate-spin text-foreground-subtle`})]}),X!==`standalone`&&(xe||K===`device-adoption`)&&r(`button`,{onClick:()=>E(!0),className:`flex items-center gap-1.5 rounded-lg border border-border bg-surface px-3 py-1.5 text-[11px] text-foreground-subtle hover:text-foreground hover:bg-surface-hover transition-colors`,children:[s(w,{className:`h-3 w-3`}),t(`integrations.config`)]}),r(`button`,{onClick:()=>A(!0),className:`flex items-center gap-1.5 rounded-lg border border-border bg-surface px-3 py-1.5 text-[11px] text-foreground-subtle hover:text-foreground hover:bg-surface-hover transition-colors`,title:t(`integrations.logs`,{defaultValue:`View logs`}),children:[s(S,{className:`h-3 w-3`}),t(`integrations.logs`,{defaultValue:`Logs`})]}),s(I,{label:`Restart`,icon:D,title:`Restart "${M.name}"?`,description:`Restarting the addon will briefly disconnect every device backed by it (${Ge} active). Streams will reconnect automatically.`,confirmLabel:`Restart`,triggerVariant:`outline`,confirmVariant:`danger`,disabled:Pe.isPending,action:()=>Pe.mutateAsync({addonId:M.addonId})}),!me&&n&&s(I,{label:t(`integrations.delete`,{defaultValue:`Delete`}),icon:u,title:t(`integrations.deleteTitle`,{defaultValue:`Delete integration?`}),description:t(`integrations.deleteWarning`,{defaultValue:`This removes the integration "{{name}}" and its {{count}} device(s). The addon will restart. This cannot be undone.`,name:M.name,count:Ge}),confirmLabel:t(`integrations.confirmDelete`,{defaultValue:`Delete integration`}),triggerVariant:`outline`,confirmVariant:`danger`,className:`border-danger bg-danger/10 text-danger hover:bg-danger hover:text-background`,disabled:Ne.isPending,action:()=>Ne.mutateAsync({id:n})})]})]}),Oe&&s(Ee,{nodeId:null,addonIds:ke,level:`global`,surface:`integration`,title:t(`integrations.settings`,{defaultValue:`Settings`})}),s(ie,{context:`integration-detail`,devices:Q,trpc:g.trpcClient,integrationOf:Ve,forceIntegrationId:M.id,urlScope:`root`,lsKey:`integration-detail:${M.addonId}`,resolveIntegrationIcon:De,resolveParent:ze,onNavigate:Ue,batchActions:{remove:Fe.mutate,disable:Le.mutate,enable:Re.mutate},...me?{}:{onDeleteDevice:e=>Fe.mutate({deviceId:e.id})}}),_&&n&&K===`device-adoption`&&s(He,{addonId:M.addonId,integrationId:n,onClose:()=>y(!1)}),_&&n&&K===`device-provider`&&s(Ie,{open:_,integrationId:n,addonId:M.addonId,onClose:()=>y(!1)}),b&&M&&s(Ae,{open:b,scope:{addonId:M.addonId,label:M.name},onClose:()=>x(!1)}),C&&n&&K!==null&&X!==null&&s(Ye,{integrationId:n,addonId:M.addonId,name:M.name,kind:K,mode:X,brokerKind:ve,canTest:ye,trpc:g.trpcClient,onClose:()=>E(!1)}),k&&s(R,{open:!0,onOpenChange:e=>!e&&A(!1),children:r(P,{width:`lg`,placement:`sheet-on-mobile`,scroll:`body`,className:`md:max-w-5xl md:h-[80vh]`,children:[s(j,{className:`mb-0`,children:r(ce,{className:`flex items-center gap-2 min-w-0`,children:[s(S,{className:`h-4 w-4 text-primary shrink-0`}),s(`span`,{className:`truncate`,children:M.name}),r(`span`,{className:`text-[10px] text-foreground-subtle font-mono truncate font-normal`,children:[M.addonId,n?` · ${n}`:``]})]})}),s(F,{className:`min-h-0 overflow-hidden p-0`,children:s(z,{addonId:M.addonId,limit:200,maxHeight:`max-h-full`,showScope:!1,className:`h-full border-0 rounded-none`})})]})})]}):r(`div`,{className:`flex flex-col items-center justify-center py-20 px-6 text-center gap-4`,children:[s(`div`,{className:`flex h-12 w-12 items-center justify-center rounded-full bg-foreground-subtle/10`,children:s(O,{className:`h-6 w-6 text-foreground-subtle`})}),r(`div`,{className:`space-y-1 max-w-sm`,children:[s(`h2`,{className:`text-sm font-semibold text-foreground`,children:t(`integrations.integrationNotFound`,{defaultValue:`Integration not found`})}),s(`p`,{className:`text-[11px] text-foreground-subtle`,children:t(`integrations.integrationNotFoundHint`,{defaultValue:`The integration "{{id}}" does not exist. It may have been deleted, or the URL may be wrong.`,id:n??``})})]}),r(`button`,{onClick:()=>d(`/integrations`),className:`inline-flex items-center gap-1.5 rounded-lg border border-border bg-surface px-3 py-1.5 text-[11px] font-medium text-foreground hover:bg-surface-hover transition-colors`,children:[s(T,{className:`h-3 w-3`}),t(`integrations.backToList`,{defaultValue:`Back to integrations`})]})]})}function Qe({addonId:e}){let t=xe(e),[n,r]=o(!1);return!t||n?null:s(`img`,{src:t,alt:``,className:`h-8 w-8 rounded-lg shrink-0`,onError:()=>r(!0)})}export{Ze as IntegrationDetailPage};

package/dist/assets/IntegrationHub-CuW7-WRy.js

@@ -1 +0,0 @@
-import{D as e,K as t,L as n,Q as r,S as i,W as a,b as o,o as s,q as c,x as l,z as u}from"./_virtual_mf___mfe_internal__admin_ui_host__loadShare___mf_0_tanstack_mf_1_react_mf_2_query__loadShare__.js-DhP-Lgiq.js";import{Jt as d,Nt as f,On as p,Pi as m,V as h,ar as g,cr as _,fn as v,kn as y,yn as b}from"./player-overlays-DWMIy1MJ.js";import{t as x}from"./settings-2-reEhyiKz.js";import{Wn as S}from"./client-CjyKfSu1.js";import{Bn as C,It as w,Ln as T,Mr as E,Pn as D,Rn as O,Rr as k,Tt as A,Vt as ee,ar as te,wt as ne}from"./src-BLkInT8U.js";import{Z as j,d as M,l as N,m as P,o as F,p as I,q as L,u as R}from"./index-D66JvELZ.js";import{t as z}from"./AdminPage-C0Zxs_ot.js";import{t as B}from"./NodeAddonsSettingsPanel-D3ux_JIo.js";import{t as V}from"./AddonAssetIcon-BgXfFdy2.js";r();function H(e){let{ids:t,answered:n,legacyGroupParam:r=null,groupFirst:i}=e,[o]=j(),s=o.get(N),c=r===null?null:o.get(r),l=o.get(R),u=a(()=>I({ids:t,requested:s,answered:n,legacyGroup:c,...i===void 0?{}:{groupFirst:i}}),[t,s,n,c,i]),d=a(()=>(e,t)=>`?${P(o,e,r,t??null).toString()}`,[o,r]);return{...u,requestedSection:l,hrefFor:d}}var U=[[[`addons`,`listCapabilityProviders`]],[[`addons`,`list`]]],W=`text-[10px]`;function G({isActive:e}){return l(te,{variant:e?`success`:`default`,className:W,children:e?`Enabled`:`Disabled`})}function K({capName:e,addonId:t,isActive:n}){let r=s(),a=k({onSuccess:()=>{for(let e of U)r.invalidateQueries({queryKey:e})}}),o=a.isPending;return i(C,{size:`sm`,variant:n?`secondary`:`primary`,disabled:o,onClick:()=>a.mutate({capName:e,addonId:t,enabled:!n}),children:[o?l(g,{className:`h-3 w-3 animate-spin`}):l(n?d:y,{className:`h-3 w-3`}),n?`Disable`:`Enable`]})}function re({addonId:e,displayName:t}){let n=s(),r=E({onSuccess:()=>{for(let e of U)n.invalidateQueries({queryKey:e})}});return l(w,{label:`Restart`,icon:b,size:`sm`,title:`Restart "${t}"?`,description:`Restarting the addon bounces its subprocess — the provider will briefly drop and reconnect automatically.`,confirmLabel:`Restart`,triggerVariant:`ghost`,confirmVariant:`danger`,disabled:r.isPending,action:()=>r.mutateAsync({addonId:e})})}r();var q=600,J=e(null);function Y({id:e,title:r,icon:a,actions:s,framed:c=!1,children:u}){let d=n(J),f=t(null),p=`integration-section-${e}`;X(f,d,e);let m=i(o,{children:[d===null?null:l(L,{to:d.sectionHref(e),"aria-label":`Link to ${r}`,title:`Link to ${r}`,className:`rounded p-0.5 text-foreground-subtle/60 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40`,children:l(_,{className:`h-3 w-3`,"aria-hidden":!0})}),s]});return c?l(`div`,{ref:f,className:`scroll-mt-4`,children:l(ee,{headingId:p,title:r,icon:a,actions:m,children:u})}):i(`section`,{ref:f,"aria-labelledby":p,className:`scroll-mt-4 space-y-2`,children:[i(`header`,{className:`flex min-h-7 flex-wrap items-center gap-2 px-0.5`,children:[a!==void 0&&l(a,{className:`h-3.5 w-3.5 shrink-0 text-foreground-subtle`,"aria-hidden":!0}),l(`h2`,{id:p,className:`${h} min-w-0 flex-1`,children:r}),m]}),u]})}function X(e,t,n){let r=t?.requestedSection===n,i=t?.integrationId;u(()=>{if(!r)return;let t=()=>e.current?.scrollIntoView?.({block:`start`});t();let n=!1,i=()=>{n=!0},a=[`wheel`,`touchmove`,`keydown`];for(let e of a)window.addEventListener(e,i,{once:!0,passive:!0});let o=window.setTimeout(()=>{n||t()},q);return()=>{window.clearTimeout(o);for(let e of a)window.removeEventListener(e,i)}},[r,i,e])}r();var Z=`max-h-72`;function ie({addonId:e,displayName:t,capName:n,isActive:r,badges:a,primaryAction:o,error:s=null,lead:c,panels:u=[],settingsContent:d}){let f=u.filter(e=>e.placement!==`end`),p=u.filter(e=>e.placement===`end`);return i(`div`,{className:`flex flex-col gap-4`,children:[l(ae,{addonId:e,displayName:t,capName:n,isActive:r,badges:a,primaryAction:o}),s!==null&&l(T,{message:s}),c,l(Q,{panels:f}),l(Y,{id:M,title:`Settings`,icon:x,children:d===void 0?l(B,{nodeId:`hub`,addonIds:[e],level:`global`,capability:n}):d}),l($,{addonId:e}),l(Q,{panels:p})]})}function Q({panels:e}){return l(o,{children:e.map(e=>l(Y,{id:e.id,title:e.title,icon:e.icon,children:e.content},e.id))})}function ae({addonId:e,displayName:t,capName:n,isActive:r,badges:a,primaryAction:o}){return i(`div`,{className:`flex flex-wrap items-center justify-between gap-2 rounded-lg border border-border bg-surface px-2 py-1.5 sm:px-3`,"data-testid":`integration-status-strip`,children:[i(`div`,{className:`flex min-w-0 flex-wrap items-center gap-1.5`,children:[l(G,{isActive:r}),a,l(`span`,{className:`break-all font-mono text-[11px] text-foreground-subtle`,children:e})]}),i(`div`,{className:`flex flex-wrap items-center justify-end gap-1`,children:[o,l(K,{capName:n,addonId:e,isActive:r}),l(re,{addonId:e,displayName:t})]})]})}var oe=[{kind:`logs`,label:`Logs`,icon:v},{kind:`events`,label:`Events`,icon:m}];function $({addonId:e}){let[t,n]=c(`logs`);return l(Y,{id:F,title:`Activity`,framed:!0,actions:l(`div`,{role:`group`,"aria-label":`Activity stream`,className:`flex items-center gap-1`,children:oe.map(({kind:e,label:r,icon:a})=>i(`button`,{type:`button`,"aria-pressed":t===e,onClick:()=>n(e),className:`inline-flex items-center gap-1 rounded px-2 py-0.5 text-[11px] font-medium transition-colors ${t===e?`bg-primary/10 text-primary`:`text-foreground-subtle hover:bg-surface-hover hover:text-foreground`}`,children:[l(a,{className:`h-3 w-3`,"aria-hidden":!0}),r]},e))}),children:t===`logs`?l(A,{addonId:e,maxHeight:Z,showFilters:!1}):l(ne,{addonId:e,category:`addon.*`,maxHeight:Z})})}var se=`inline-flex min-w-0 max-w-full items-center gap-1.5 rounded-full border py-1 pl-1 pr-2.5 text-xs transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40`,ce=`border-primary bg-primary/10 text-primary font-medium`,le=`border-border bg-surface text-foreground-subtle hover:bg-surface-hover hover:text-foreground`,ue={ok:`bg-success`,off:`bg-foreground-subtle/60`,error:`bg-danger`,unknown:`border border-foreground-subtle bg-transparent`};function de({label:e,groups:t,selectedId:n,hrefFor:r}){let a=t.length>1;return l(`nav`,{"aria-label":e,className:a?`flex flex-col gap-2 sm:grid sm:grid-cols-[max-content_minmax(0,1fr)] sm:items-start sm:gap-x-3`:`flex flex-col`,children:t.map(e=>i(`div`,{role:`group`,"aria-label":e.label,className:a?`flex min-w-0 flex-col gap-1 sm:col-span-2 sm:grid sm:grid-cols-subgrid sm:items-start`:`min-w-0`,children:[a&&l(`span`,{className:`text-[10px] font-semibold uppercase tracking-wider text-foreground-subtle sm:pt-2`,children:e.label}),i(`div`,{className:`flex min-w-0 flex-wrap items-center gap-1.5`,children:[e.entries.map(e=>l(fe,{entry:e,current:e.id===n,href:r(e.id)},e.id)),e.install&&i(L,{to:S(e.install.capability),className:`inline-flex min-w-0 max-w-full items-center gap-1.5 rounded-full border py-1 pl-1 pr-2.5 text-xs transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40 border-dashed border-border pl-2 text-foreground-subtle hover:border-primary/50 hover:text-foreground`,children:[l(p,{className:`h-3.5 w-3.5 shrink-0`,"aria-hidden":!0}),l(`span`,{className:`truncate`,children:e.install.label})]})]})]},e.id))})}function fe({entry:e,current:t,href:n}){let r=e.state===`ok`;return i(L,{to:n,"aria-current":t?`true`:void 0,className:`${se} ${t?ce:le}`,"data-testid":`integration-pill-${e.id}`,children:[l(V,{addonId:e.id,fallback:e.fallbackIcon,tileClassName:``,size:`sm`}),l(`span`,{className:`truncate`,children:e.name}),e.showState!==!1&&l(pe,{entry:e,quiet:r})]})}function pe({entry:e,quiet:t}){return i(o,{children:[l(`span`,{className:`h-1.5 w-1.5 shrink-0 rounded-full ${ue[e.state]}`,"aria-hidden":!0}),l(`span`,{className:t?`sr-only`:`shrink-0 text-[10px] font-normal text-foreground-subtle`,children:e.stateLabel})]})}r();function me({icon:e,title:t,subtitle:n,groups:r,isLoading:s,emptyTitle:c,emptyDescription:u,legacyGroupParam:d,trailing:f,embedded:p=!1}){let m=a(()=>r.flatMap(e=>e.entries),[r]),h=a(()=>m.map(e=>e.id),[m]),g=a(()=>{let e={};for(let t of r){let n=t.entries[0];n!==void 0&&(e[t.id]=n.id)}return e},[r]),_=H({ids:h,answered:!s,legacyGroupParam:d??null,groupFirst:g}),v=m.find(e=>e.id===_.selectedId)??null,y=a(()=>v===null?null:{integrationId:v.id,requestedSection:_.requestedSection,sectionHref:e=>_.hrefFor(v.id,e)},[v,_]),b=s?null:l(de,{label:`${t} integrations`,groups:r,selectedId:_.selectedId,hrefFor:e=>_.hrefFor(e)}),x=s?l(D,{children:l(`div`,{className:`p-6 text-sm text-foreground-subtle`,children:`Loading…`})}):i(o,{children:[_.staleId!==null&&l(ge,{staleId:_.staleId,shownName:v?.name??null}),v!==null&&y!==null?l(J.Provider,{value:y,children:l(`div`,{role:`region`,"aria-label":v.name,"data-testid":`integration-body`,children:v.render()},v.id)}):l(he,{groups:r,title:c,description:u}),f]});return p?i(`div`,{className:`space-y-3`,"data-testid":`integration-hub-embedded`,children:[b,x]}):l(z,{icon:e,title:t,subtitle:n,nav:b,children:x})}function he({groups:e,title:t,description:n}){let r=e.find(e=>e.install!==void 0)?.install;return l(D,{children:l(O,{title:t,description:n,action:r?l(L,{to:S(r.capability),children:i(C,{variant:`primary`,size:`sm`,children:[l(p,{className:`mr-1 h-3.5 w-3.5`}),r.label]})}):void 0})})}function ge({staleId:e,shownName:t}){return i(`div`,{role:`status`,className:`flex items-start gap-2 rounded-md border border-warning/30 bg-warning/5 px-3 py-2 text-[11px] text-foreground-subtle`,children:[l(f,{className:`mt-0.5 h-3.5 w-3.5 shrink-0 text-warning`,"aria-hidden":!0}),i(`span`,{children:[`This link named `,l(`span`,{className:`font-mono text-foreground`,children:e}),`, which is not installed here.`,t!==null&&i(o,{children:[` `,`Showing `,l(`span`,{className:`font-medium text-foreground`,children:t}),` instead.`]})]})]})}export{H as i,ie as n,W as r,me as t};

package/dist/assets/Integrations-ACdx4iPR.js

@@ -1 +0,0 @@
-import{I as e,Q as t,S as n,W as r,b as i,o 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{Dn as l,On as u,Sn as d,_i as f,ar as p,bi as m,dn as h,dt as g,ln as _,ot as v,wi as y,yi as b,yn as x}from"./player-overlays-DWMIy1MJ.js";import{Ki as ee,M as S,Xl as C,co as te,et as w,iu as T,ma as E,mr as D,oo as O,r as k,ra as A,ro as j,rt as ne,tt as M}from"./src-BLkInT8U.js";import{t as N}from"./useTranslation-Bc5yH9V9.js";import{G as P,Y as F,Z as re}from"./index-D66JvELZ.js";import{t as I}from"./AdminPage-C0Zxs_ot.js";import"./useEventInvalidation-1Z6p3UkP.js";import{t as L}from"./device-integration-icon-CCoHGEQZ.js";import{n as R,r as z,t as ie}from"./ScanNetworkModal-DjU-xM4X.js";t();function B(e=!0){c(()=>{if(!e)return;let t=document.body.style.overflow;return document.body.style.overflow=`hidden`,()=>{document.body.style.overflow=t}},[e])}t();function V(e,t){let[n,r]=o(!1);return c(()=>{if(!e){r(!1);return}r(!1);let n=setTimeout(()=>r(!0),t);return()=>clearTimeout(n)},[e,t]),n}t();function ae({providerId:e,onImport:t,onSkip:r}){let{t:i}=N(),[a,l]=o(new Set),u=A(),d=u.data,f=u.isPending||!u.data&&!u.isError;c(()=>{e&&(u.isPending||u.data||u.mutate({addonId:e}))},[e,u]);function p(e){l(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})}if(f)return n(`div`,{className:`flex flex-col items-center py-12`,children:[s(`div`,{className:`h-6 w-6 animate-spin rounded-full border-2 border-primary border-t-transparent`}),s(`p`,{className:`mt-3 text-xs text-foreground-subtle`,children:i(`integrations.searchingDevices`)})]});let h=d??[];return n(`div`,{className:`space-y-4`,children:[s(`p`,{className:`text-xs text-foreground-subtle`,children:h.length>0?i(`integrations.foundDevices`,{count:h.length}):i(`integrations.noDevicesFound`)}),h.length>0&&s(`div`,{className:`space-y-1.5 max-h-64 overflow-y-auto`,children:h.map(e=>{let t=e.stableId,r=e.suggestedName??t,o=a.has(t),c=e.alreadyOnboarded===!0;return n(`button`,{onClick:()=>{c||p(t)},disabled:c,title:c?i(`integrations.alreadyAddedHint`,{defaultValue:`Already added as "{{name}}" — re-adding would overwrite its settings.`,name:e.onboardedName??r}):void 0,className:`flex w-full items-center gap-3 rounded-lg border p-3 text-left transition-colors ${c?`border-border bg-surface opacity-60 cursor-not-allowed`:o?`border-primary/40 bg-primary/5`:`border-border bg-surface hover:border-foreground-subtle/30`}`,children:[s(`div`,{className:`flex h-5 w-5 items-center justify-center rounded border flex-shrink-0 ${o&&!c?`border-primary bg-primary`:`border-border`}`,children:o&&!c&&s(m,{className:`h-3 w-3 text-primary-foreground`})}),s(y,{className:`h-3.5 w-3.5 text-foreground-subtle flex-shrink-0`}),s(`span`,{className:`text-xs font-medium text-foreground truncate`,children:r}),c&&s(`span`,{className:`ml-auto flex-shrink-0 rounded bg-surface-muted px-1.5 py-0.5 text-[10px] font-medium text-foreground-subtle`,children:i(`integrations.alreadyAdded`,{defaultValue:`Already added`})})]},t)})}),n(`div`,{className:`flex items-center justify-between pt-2`,children:[s(`button`,{onClick:r,className:`rounded-lg border border-border px-3 py-1.5 text-xs text-foreground-subtle hover:text-foreground transition-colors`,children:i(`integrations.skip`)}),h.length>0&&n(`button`,{onClick:()=>t(Array.from(a)),disabled:a.size===0,className:`rounded-lg bg-primary px-4 py-1.5 text-xs font-medium text-primary-foreground shadow-sm disabled:opacity-50`,children:[i(`integrations.importSelected`),` (`,a.size,`)`]})]})]})}t();function H({onSelect:e,onClose:t,pendingAddonId:i=null}){let{t:a}=N(),c=F(),[l,u]=o(``),{data:d,isLoading:m}=O(),g=r(()=>{let e=d??[],t=l.trim().toLowerCase();return t.length===0?e:e.filter(e=>`${e.name} ${e.description??``} ${e.addonId}`.toLowerCase().includes(t))},[d,l]);if(m)return s(`div`,{className:`grid grid-cols-2 gap-2 p-2`,children:[1,2,3,4].map(e=>s(`div`,{className:`h-24 rounded-lg bg-surface animate-pulse`},e))});let v=i!==null;return n(`div`,{className:`space-y-3`,"data-testid":`provider-picker`,children:[n(`div`,{className:`relative`,children:[s(h,{className:`pointer-events-none absolute left-2.5 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-foreground-subtle`,"aria-hidden":!0}),s(C,{type:`search`,value:l,onChange:e=>u(e.target.value),placeholder:a(`integrations.searchProviders`,`Search integrations…`),className:`pl-8`,"data-testid":`provider-picker-search`,"aria-label":a(`integrations.searchProviders`,`Search integrations…`)})]}),s(`div`,{className:`grid grid-cols-2 gap-2`,children:g.map(r=>{let o=r.instanceMode===`unique`&&r.existingInstances.length>0,l=i===r.addonId,u=v;return n(`button`,{type:`button`,disabled:u,"data-testid":`provider-pick-${r.addonId}`,onClick:()=>{if(!u)if(o){let e=r.existingInstances[0].id;t(),c(`/integrations/${e}`)}else e(r.addonId,r.instanceMode,r.discoveryMode,r.name,r.kind,r.brokerKind,r.mode,r.canTest)},className:`flex flex-col items-center gap-1.5 rounded-lg border border-border bg-surface px-3 py-3 text-center text-xs hover:border-primary/50 hover:bg-surface-hover transition-colors disabled:opacity-60 disabled:cursor-not-allowed disabled:hover:border-border`,children:[r.iconUrl?s(`div`,{className:`flex h-9 w-9 items-center justify-center rounded-lg flex-shrink-0`,style:{backgroundColor:`${r.color}15`},children:s(`img`,{src:r.iconUrl,alt:``,className:`h-5 w-5`})}):s(`div`,{className:`flex h-9 w-9 items-center justify-center rounded-lg flex-shrink-0`,style:{backgroundColor:`${r.color}15`},children:s(`span`,{className:`text-sm`,style:{color:r.color},children:`◉`})}),s(`p`,{className:`w-full truncate text-xs font-semibold text-foreground`,children:r.name}),r.description?s(`p`,{className:`w-full line-clamp-2 text-[10px] text-foreground-subtle`,children:r.description}):null,l?s(p,{className:`h-4 w-4 animate-spin text-primary`}):o?n(`span`,{className:`flex items-center gap-1 text-[10px] font-medium text-foreground-subtle`,children:[s(_,{className:`h-3 w-3`}),a(`integrations.manage`)]}):s(f,{className:`h-3.5 w-3.5 text-foreground-subtle`,"aria-hidden":!0})]},r.addonId)})}),g.length===0&&s(`div`,{className:`py-8 text-center text-xs text-foreground-subtle`,children:(d??[]).length===0?a(`integrations.noProviders`):a(`integrations.noProvidersMatch`,`No integrations match your search.`)})]})}t();function U(e){let t=e=>{if(e.type===`separator`||e.type===`info`||e.type===`button`)return e;if(e.type===`group`)return{...e,fields:e.fields.map(e=>t(e))};let{value:n,...r}=e;return r};return{...e.tabs?{tabs:e.tabs}:{},sections:e.sections.map(e=>({...e,fields:e.fields.map(t)}))}}var oe=2e4;function se({open:e,onClose:t}){let{t:l}=N(),u=F(),d=a(),[f,m]=o(`picker`),[h,_]=o(null),[v,y]=o(null),[b,x]=o(`manual`),[S,C]=o(null),[te,w]=o(``),[T,E]=o(null),[O,k]=o(null),[ne,M]=o(!1),{data:P}=D({addonId:h??``,nodeId:`hub`},{enabled:h!=null}),re=r(()=>P?U(P):null,[P]),I=j({onSuccess:()=>d.invalidateQueries({queryKey:[[`integrations`]]})}),L=A(),ie=L.data;c(()=>{f!==`discovery`||!v||!h||L.isPending||L.data||L.mutate({addonId:h})},[f,v,h,L]);let se=ee({onSuccess:()=>d.invalidateQueries({queryKey:[[`deviceManager`]]})});function W(e,t,n,r,i,a,o,s){if(!I.isPending){if(_(e),M(s),x(n),w(r),k(null),o===`broker`){if(!a){k(`Addon '${e}' declares mode 'broker' but no brokerKind in its manifest`);return}C(a),m(`broker`);return}if(o===`account`){m(`config`);return}ce(e,r)}}async function ce(e,n){try{let r=await I.mutateAsync({addonId:e,name:n,settings:{}});t(),J(),u(`/integrations/${r.id}?add=1`)}catch{}}async function le(e){if(h)try{let t=await I.mutateAsync({addonId:h,name:e.name,settings:e.config,secretKeys:[...e.secretKeys]});y(t.id),b===`auto`||b===`both`?m(`discovery`):q(t.id)}catch{}}async function G(e){if(h)try{let t=await I.mutateAsync({addonId:h,name:te,settings:{brokerId:e}});E(t.id),y(t.id),q(t.id)}catch{}}async function K(e){if(h){for(let t of e){let e=ie?.find(e=>e.stableId===t);e&&await se.mutateAsync({addonId:h,candidate:e,...T===null?{}:{integrationId:T}})}q()}}function q(e){let n=e??v??h;t(),J(),n&&u(`/integrations/${n}`)}function J(){m(`picker`),_(null),y(null),x(`manual`),C(null),w(``),E(null),k(null),M(!1)}function Y(){t(),J()}B(e);let X=I.isPending,Z=V(X,oe);if(!e)return null;let ue={picker:l(`integrations.newIntegration`),config:l(`integrations.configureIntegration`),discovery:l(`integrations.importDevices`),broker:l(`integrations.connectBroker`,{defaultValue:`Connect a broker`})},Q=X?h:null,$=I.error,de=X&&!Z;return n(`div`,{className:`fixed inset-0 z-50 flex items-center justify-center`,children:[s(`div`,{className:`absolute inset-0 bg-black/60`,onClick:de?void 0:Y}),n(`div`,{className:`relative z-10 w-full max-w-lg max-h-[calc(85dvh-2*max(env(safe-area-inset-top),env(safe-area-inset-bottom)))] rounded-xl border border-border bg-background shadow-2xl flex flex-col overflow-hidden`,children:[n(`div`,{className:`flex items-center justify-between border-b border-border px-5 py-4 flex-shrink-0`,children:[s(`h2`,{className:`text-sm font-semibold text-foreground`,children:ue[f]}),s(`button`,{onClick:Y,disabled:de,className:`rounded-md p-1 text-foreground-subtle hover:text-foreground hover:bg-surface-hover transition-colors disabled:opacity-40 disabled:cursor-not-allowed`,children:s(g,{className:`h-4 w-4`})})]}),n(`div`,{className:`px-5 py-4 flex-1 overflow-y-auto overscroll-contain`,children:[$&&!X&&s(`div`,{className:`mb-3 rounded-lg border border-destructive/40 bg-destructive/10 px-3 py-2 text-xs text-destructive`,children:$ instanceof Error?$.message:String($)}),f===`picker`&&n(i,{children:[O&&s(`div`,{className:`mb-3 rounded-lg border border-destructive/40 bg-destructive/10 px-3 py-2 text-xs text-destructive`,children:O}),s(H,{onSelect:W,onClose:Y,pendingAddonId:Q})]}),f===`config`&&h&&s(R,{addonId:h,configSchema:re??null,canTest:ne,onSave:le,onBack:()=>m(`picker`)}),f===`broker`&&S&&s(z,{kind:S,onResolved:e=>{G(e)},onBack:()=>m(`picker`)}),f===`discovery`&&v&&s(ae,{providerId:v,onImport:K,onSkip:q})]}),X&&n(`div`,{className:`absolute inset-0 z-20 flex flex-col items-center justify-center gap-2 rounded-xl bg-background/85 backdrop-blur-sm px-6 text-center`,children:[s(p,{className:`h-6 w-6 animate-spin text-primary`}),s(`p`,{className:`text-xs font-medium text-foreground`,children:l(`integrations.creating`,{defaultValue:`Creating integration…`})}),!Z&&s(`p`,{className:`text-[10px] text-foreground-subtle`,children:l(`integrations.creatingHint`,{defaultValue:`Waiting for the addon to restart and register`})}),Z&&n(i,{children:[s(`p`,{className:`text-[10px] text-foreground-subtle max-w-xs`,children:l(`integrations.creatingOverdue`,{defaultValue:`This is taking longer than expected. The integration may already have been created — close this dialog and refresh to check.`})}),s(`button`,{onClick:Y,className:`mt-1 rounded-md border border-border bg-surface px-3 py-1.5 text-[11px] font-medium text-foreground hover:bg-surface-hover transition-colors`,children:l(`integrations.closeAndRefresh`,{defaultValue:`Close`})})]})]})]})]})}function W({integration:e,expanded:t,onToggleExpand:r}){return n(`div`,{className:`flex items-center gap-2.5`,children:[s(`button`,{type:`button`,onClick:t=>{t.stopPropagation(),r(e.addonId)},"aria-label":t?`Collapse`:`Expand`,"aria-expanded":t,className:`flex h-5 w-5 flex-shrink-0 items-center justify-center rounded text-foreground-subtle transition-colors hover:bg-surface-hover hover:text-foreground`,children:s(t?b:f,{className:`h-3.5 w-3.5`})}),s(P,{type:e.addonId,size:`sm`}),n(`div`,{className:`flex min-w-0 flex-col`,children:[s(`span`,{className:`truncate text-xs font-semibold text-foreground`,children:e.name}),s(`span`,{className:`truncate text-[10px] text-foreground-subtle`,children:e.addonId})]})]})}function ce(e){let{isExpanded:t,onToggleExpand:n}=e;return[{key:`name`,header:`Integration`,headerClassName:`w-[55%]`,cell:e=>s(W,{integration:e,expanded:t(e),onToggleExpand:n})},{key:`devices`,header:`Devices`,headerClassName:`w-[15%]`,cellClassName:`text-[11px] text-foreground-subtle`,cell:e=>`${e.deviceCount} device${e.deviceCount===1?``:`s`}`},{key:`status`,header:`Status`,headerClassName:`w-[15%]`,cell:e=>s(S,{status:e.status})}]}t();function le(e){if(!e.enabled)return`disabled`;switch(e.processState){case`running`:return`running`;default:return`stopped`}}var G=`expand`;function K(){let{t}=N(),a=F(),c=v(),[f]=re(),[p,m]=o(!1),h=e(()=>m(!0),[]),g=e(()=>m(!1),[]),[_,y]=o(!1),b=e(()=>y(!0),[]),ee=e(()=>y(!1),[]);k([`integrations`],[`integration.enabled`,`integration.disabled`,`integration.deleted`,`provider.started`,`provider.stopped`,`addon.installed`,`addon.uninstalled`,`addon.started`,`addon.stopped`,`addon.updated`]),k([`deviceManager`],[`device.registered`,`device.unregistered`,`device.online`,`device.offline`,`device.disabled`,`device.enabled`]);let{data:S,isLoading:C,refetch:D}=te(void 0),{data:O,isLoading:A,refetch:j}=E({projection:`slim`}),P=r(()=>O??[],[O]),R=r(()=>S??[],[S]),z=r(()=>{let e=new Map;for(let t of P)e.set(t.id,{id:t.id,name:t.name??t.stableId??`#${String(t.id)}`});return e},[P]),B=r(()=>M(S),[S]),V=r(()=>{let e=new Map;for(let t of ne(P)){let n=B(t);if(n.kind!==`resolved`)continue;let r=n.integration.id;e.set(r,(e.get(r)??0)+1)}return e},[P,B]),ae=r(()=>R.map(e=>({id:e.id,addonId:e.addonId,name:e.name,enabled:e.enabled,status:le(e),deviceCount:V.get(e.id)??0})),[R,V]),H=f.get(G),U=e(e=>{let t=new URLSearchParams(window.location.search);t.get(G)===e?t.delete(G):t.set(G,e);let n=t.toString(),r=`${window.location.pathname}${n?`?${n}`:``}${window.location.hash}`;window.history.replaceState(window.history.state,``,r),window.dispatchEvent(new PopStateEvent(`popstate`))},[]),oe=e(e=>a(`/integrations/${e.id}`),[a]),W=e(e=>z.get(e)??null,[z]),K=e(e=>a(`/devices/${String(e)}`),[a]),q=e(e=>s(w,{context:`integration-detail`,devices:P,trpc:c.trpcClient,integrationOf:B,forceIntegrationId:e.id,urlScope:`nested`,lsKey:`integrations:nested:${e.addonId}`,resolveIntegrationIcon:L,resolveParent:W,onNavigate:K}),[P,c.trpcClient,B,W,K]),J=e(e=>H===e.addonId,[H]),Y=r(()=>ce({isExpanded:J,onToggleExpand:U}),[J,U]),X=e(e=>`${e.name} ${e.addonId}`,[]),Z=e(e=>e.addonId,[]),ue=e(()=>{D(),j()},[D,j]),Q=C||A,$=R.length>0;return n(I,{icon:l,title:t(`nav.integrations`,`Integrations`),actions:n(i,{children:[s(`button`,{onClick:ue,disabled:Q,className:`flex items-center gap-1 rounded-lg border border-border bg-surface px-2.5 py-1.5 text-xs font-medium text-foreground-subtle hover:text-foreground hover:bg-surface-hover transition-colors disabled:opacity-50`,title:`Refresh`,children:s(x,{className:T(`h-3.5 w-3.5`,Q&&`animate-spin`)})}),n(`button`,{onClick:b,className:`flex items-center gap-1.5 rounded-lg border border-border bg-surface px-2.5 py-1.5 text-xs font-medium text-foreground-subtle hover:text-foreground hover:bg-surface-hover transition-colors`,title:`Scan the local network for devices`,children:[s(d,{className:`h-3.5 w-3.5`}),`Scan network`]}),n(`button`,{onClick:h,className:`flex items-center gap-1.5 rounded-lg bg-primary px-3 py-1.5 text-xs font-medium text-primary-foreground shadow-sm`,children:[s(u,{className:`h-3.5 w-3.5`}),`New Integration`]})]}),children:[Q&&s(`div`,{className:`space-y-2`,children:[1,2,3].map(e=>s(`div`,{className:`h-12 rounded-lg border border-border bg-surface animate-pulse`},e))}),!Q&&!$&&n(`div`,{className:`flex flex-col items-center py-20 text-foreground-subtle`,children:[s(`p`,{className:`text-sm`,children:`No integrations configured.`}),s(`p`,{className:`text-xs mt-1`,children:`Click "New Integration" to connect cameras and devices.`})]}),!Q&&$&&s(w,{mode:`generic`,items:ae,getKey:Z,getSearchText:X,columns:Y,onRowClick:oe,isExpanded:J,renderExpanded:q,searchPlaceholder:t(`integrations.search`,{defaultValue:`Search integrations…`}),emptyLabel:t(`integrations.empty`,{defaultValue:`No integrations found.`})}),s(se,{open:p,onClose:g}),s(ie,{open:_,onClose:ee})]})}export{K as IntegrationsPage};

package/dist/assets/Integrations-DjnhmLye.js

@@ -1 +0,0 @@
-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{Dn as f,It as p,On as m,Pn as h,Q as g,ar as _,bn as v,cn as y,ht as b,ot as ee,tr as te}from"./player-overlays-DWMIy1MJ.js";import{m as x,o as S}from"./video--MLJeLNU.js";import{t as C}from"./log-in-CjtrIfG3.js";import{t as w}from"./monitor-smartphone-iBd_3nPv.js";import{t as ne}from"./recycle-BCVF0r6Y.js";import{Nt as T,Or as E,or as D}from"./client-CjyKfSu1.js";import{$ as O,An as k,Bn as A,Dn as j,En as re,Er as ie,Ht as ae,L as oe,Ln as M,On as N,Q as P,Tn as F,Vi as I,Zn as se,_i as ce,ar as L,bn as le,di as R,fi as z,gi as ue,hi as B,jn as V,mi as H,vi as de,yi as fe,z as pe,zn as me}from"./src-BLkInT8U.js";import{t as U}from"./useTranslation-Bc5yH9V9.js";import"./mount-1Z6p3UkP.js";import{F as W,S as he,Y as ge,Z as _e,r as ve,s as ye,t as be}from"./index-D66JvELZ.js";import{t as xe}from"./AdminSectionedPage-D2kYQhvu.js";import{t as Se}from"./NodeAddonsSettingsPanel-D3ux_JIo.js";import{t as Ce}from"./BrokerForm-6-BwPs-g.js";import{n as we,r as G,t as Te}from"./IntegrationHub-CuW7-WRy.js";n();var K=`kind`,q=`name`,J=`restore`,Y=`restoreId`;function Ee(e){return{sections:[{id:`broker-identity`,title:`Broker`,columns:1,fields:[{type:`select`,key:K,label:`Kind`,options:e.map(e=>({value:e.key,label:e.label})),disabled:e.length<=1},{type:`text`,key:q,label:`Name`,placeholder:`My Home Assistant`,required:!0},{type:`boolean`,key:J,label:`Restore a broker that was removed, under its original id`,description:`Devices remember the broker id they were discovered under, so restoring the original id reconnects them instead of needing re-discovery. An id that is still in use is refused.`},{type:`text`,key:Y,label:`Original broker id`,placeholder:`ha_004`,required:!0,showWhen:{field:J,equals:!0}}]}]}}function De(e){let t=t=>{let n=e[t];return typeof n==`string`?n.trim():``},n=t(K);if(n===``)return{ok:!1,problem:`Pick a kind.`};let r=t(q);if(r===``)return{ok:!1,problem:`Enter a name before saving.`};if(e.restore!==!0)return{ok:!0,identity:{kindKey:n,name:r,restoreId:null}};let i=t(Y);return i===``?{ok:!1,problem:`Enter the original id, or turn restore off to create a new broker.`}:{ok:!0,identity:{kindKey:n,name:r,restoreId:i}}}function Oe(e){if(typeof e!=`object`||!e)return!1;let t=e;return t.type===`camstack:broker-oauth`&&typeof t.ok==`boolean`}function ke(e,t){return e.split(`{{brokerId}}`).join(encodeURIComponent(t))}function Ae(e,t,n=window){let r=n.location.origin,i=!1,a=e=>{i||(i=!0,n.removeEventListener(`message`,o),window.clearInterval(s),t(e))},o=t=>{t.origin!==r||t.source!==e||Oe(t.data)&&a({ok:t.data.ok,...t.data.brokerId===void 0?{}:{brokerId:t.data.brokerId},...t.data.error===void 0?{}:{error:t.data.error}})};n.addEventListener(`message`,o);let s=window.setInterval(()=>{e.closed&&a({ok:!0})},500);return()=>{i=!0,n.removeEventListener(`message`,o),window.clearInterval(s)}}function X(e,t,n){let r=g(ve(ke(e,t))),i=be(r);if(i===null){window.location.assign(r);return}Ae(i,e=>{n?.(e)})}var je={"home-assistant":`Home Assistant`,mqtt:`MQTT`};function Z(e){return je[e]??e}function Me(e){return Array.isArray(e)?e.filter(e=>typeof e==`object`&&!!e&&typeof e.addonId==`string`&&Array.isArray(e.kinds)):[]}var Ne={connected:`success`,connecting:`warning`,disconnected:`default`,"auth-failed":`danger`,unreachable:`danger`,error:`danger`};function Pe({status:e}){return u(L,{variant:Ne[e],className:`text-[10px]`,children:e})}function Fe(e){return Array.isArray(e)?e.filter(e=>typeof e==`object`&&!!e&&typeof e.id==`string`):[]}function Ie({title:e,subtitle:t,onClose:n,children:i}){return u(F,{open:!0,onOpenChange:e=>!e&&n(),children:r(j,{width:`md`,placement:`sheet-on-mobile`,scroll:`body`,children:[r(k,{children:[u(V,{children:e}),t&&u(N,{children:t})]}),u(re,{className:`space-y-3 pr-1`,children:i})]})})}function Le({kinds:e,onClose:t,onDone:n}){let a=s(),o=i(()=>Ee(e.map(e=>({key:Q(e),label:e.label}))),[e]),[l,d]=c(()=>({[K]:Q(e[0]),[q]:``,[J]:!1,[Y]:``})),[f,p]=c(null),m=e.find(e=>Q(e)===l.kind)??e[0],h=m?.kind??``,g=m?.addonId,_=m?.interactiveConnectPath,v=R({onSuccess:e=>{a.invalidateQueries({queryKey:[[`broker`,`list`]]});let t=typeof e==`object`&&e&&typeof e.id==`string`?e.id:null;t!==null&&_!==void 0&&_.length>0&&X(_,t,()=>{a.invalidateQueries({queryKey:[[`broker`,`list`]]})}),n()}}),y=e=>{let t=De(l);if(!t.ok){p(t.problem);return}p(null);let{name:n,restoreId:r}=t.identity;v.mutate({kind:h,name:n,settings:e,...r===null?{}:{id:r},...g===void 0?{}:{addonId:g}})};return r(Ie,{title:`Add broker`,subtitle:`Register a message broker for exporters and automations.`,onClose:v.isPending?()=>{}:t,children:[u(W,{schema:o,values:l,onChange:d}),f!==null&&u(M,{message:f}),v.isError&&u(M,{message:v.error instanceof Error?v.error.message:String(v.error)}),h&&u(Ce,{kind:h,...g===void 0?{}:{addonId:g},onSubmit:y,onCancel:t,submitLabel:v.isPending?`Adding…`:`Add broker`,disabled:v.isPending},Q(m))]})}function Q(e){return e===void 0?``:`${e.addonId??``}::${e.kind}`}function Re({broker:e,onClose:t,onDone:n}){let a=s(),o=z({id:e.id,addonId:e.addonId}),c=de({onSuccess:()=>{a.invalidateQueries({queryKey:[[`broker`,`list`]]}),a.invalidateQueries({queryKey:[[`broker`,`getSettings`],{input:{id:e.id,addonId:e.addonId}}]}),n()}}),l=i(()=>{let e=o.data;return e&&typeof e==`object`?{...e}:{}},[o.data]);return u(Ie,{title:`Edit ${e.name}`,subtitle:`${Z(e.kind)} · ${e.id}`,onClose:c.isPending?()=>{}:t,children:o.isLoading?r(`div`,{className:`flex items-center gap-2 text-xs text-foreground-subtle`,children:[u(_,{className:`h-3.5 w-3.5 animate-spin`}),` Loading settings…`]}):o.isError?r(`div`,{className:`space-y-3`,children:[u(M,{message:`Failed to load settings: ${o.error instanceof Error?o.error.message:`Unknown error`}`}),u(`div`,{className:`flex justify-end`,children:u(A,{variant:`outline`,size:`sm`,onClick:t,children:`Close`})})]}):r(`div`,{className:`space-y-3`,children:[c.isError&&u(M,{message:c.error instanceof Error?c.error.message:String(c.error)}),u(Ce,{kind:e.kind,addonId:e.addonId,brokerId:e.id,initialValues:l,onSubmit:t=>{c.mutate({id:e.id,settings:t,addonId:e.addonId})},onCancel:t,submitLabel:c.isPending?`Saving…`:`Save`,disabled:c.isPending})]})})}function ze({broker:e,interactiveConnectPath:t,interactiveDisconnectPath:n,onEdit:i}){let a=s(),o=se(),[l,d]=c(null),f=fe({onSuccess:e=>d(e.ok?{ok:!0}:{ok:!1,error:e.error}),onError:e=>d({ok:!1,error:e instanceof Error?e.message:String(e)})}),m=ce({onSuccess:()=>{a.invalidateQueries({queryKey:[[`broker`,`list`]]})}}),g=async()=>{await o({title:`Delete broker`,message:`Delete broker "${e.name}"? Integrations that depend on it will stop working.`,confirmLabel:`Delete`,variant:`danger`})&&m.mutate({id:e.id,addonId:e.addonId})},v=t!==void 0&&t.length>0&&e.status!==`connected`,y=n!==void 0&&n.length>0&&e.status===`connected`;return r(`tr`,{className:`border-b border-border last:border-0`,children:[u(`td`,{className:`px-3 py-2 text-xs text-foreground font-medium`,children:e.name}),u(`td`,{className:`px-3 py-2 text-xs text-foreground-subtle`,children:Z(e.kind)}),r(`td`,{className:`px-3 py-2`,children:[u(Pe,{status:e.status}),l&&u(`span`,{className:`ml-2 text-[10px] ${l.ok?`text-success`:`text-danger`}`,children:l.ok?`OK`:l.error??`failed`})]}),u(`td`,{className:`px-3 py-2`,children:r(`div`,{className:`flex items-center justify-end gap-1.5`,children:[v&&r(A,{variant:`primary`,size:`sm`,onClick:()=>{X(t,e.id,()=>{a.invalidateQueries({queryKey:[[`broker`,`list`]]})})},title:`Sign in — opens a popup that closes when done`,children:[u(C,{className:`h-3 w-3`}),` Sign in`]}),y&&r(A,{variant:`outline`,size:`sm`,onClick:()=>{X(n,e.id,()=>{a.invalidateQueries({queryKey:[[`broker`,`list`]]})})},title:`Sign out — clears the linked Google account on this broker`,children:[u(S,{className:`h-3 w-3`}),` Sign out`]}),r(A,{variant:`outline`,size:`sm`,onClick:()=>f.mutate({id:e.id,addonId:e.addonId}),disabled:f.isPending,title:`Test connection`,children:[f.isPending?u(_,{className:`h-3 w-3 animate-spin`}):u(b,{className:`h-3 w-3`}),`Test`]}),r(A,{variant:`outline`,size:`sm`,onClick:()=>i(e),title:`Edit`,children:[u(h,{className:`h-3 w-3`}),` Edit`]}),r(A,{variant:`outline`,size:`sm`,className:`border-danger/40 text-danger hover:bg-danger/10`,onClick:()=>{g()},disabled:m.isPending,title:`Delete`,children:[m.isPending?u(_,{className:`h-3 w-3 animate-spin`}):u(p,{className:`h-3 w-3`}),`Delete`]})]})})]})}function Be({addonId:e}={}){let t=B({}),n=ue(),a=i(()=>Fe(t.data).filter(t=>e===void 0||t.addonId===e),[t.data,e]),[o,s]=c(!1),[l,d]=c(null),f=i(()=>{let t=new Map;for(let r of Me(n.data))if(!(e!==void 0&&r.addonId!==e))for(let e of r.kinds){let n=typeof e.interactiveConnectPath==`string`&&e.interactiveConnectPath.length>0?e.interactiveConnectPath:void 0,i=typeof e.interactiveDisconnectPath==`string`&&e.interactiveDisconnectPath.length>0?e.interactiveDisconnectPath:void 0;t.set(`${r.addonId}::${e.kind}`,{addonId:r.addonId,kind:e.kind,label:e.label,...n===void 0?{}:{interactiveConnectPath:n},...i===void 0?{}:{interactiveDisconnectPath:i}})}for(let e of a)[...t.values()].some(t=>t.kind===e.kind)||t.set(`::${e.kind}`,{kind:e.kind,label:Z(e.kind)});return[...t.values()]},[a,n.data,e]),p=i(()=>{let e=new Map;for(let t of f)e.has(t.kind)||e.set(t.kind,{...t.interactiveConnectPath===void 0?{}:{connect:t.interactiveConnectPath},...t.interactiveDisconnectPath===void 0?{}:{disconnect:t.interactiveDisconnectPath}});return e},[f]);return r(`div`,{className:`space-y-3`,children:[u(`div`,{className:`flex items-center justify-end`,children:r(A,{variant:`primary`,size:`sm`,onClick:()=>s(!0),disabled:f.length===0,title:f.length===0?`No broker providers available`:void 0,children:[u(m,{className:`h-3.5 w-3.5`}),` Add broker`]})}),u(`div`,{className:`rounded-lg border border-border bg-surface overflow-x-auto`,children:r(`table`,{className:`w-full min-w-[36rem] border-collapse`,children:[u(`thead`,{children:r(`tr`,{className:`border-b border-border bg-background/50`,children:[u(`th`,{className:`px-3 py-2 text-left text-[10px] font-semibold uppercase tracking-wider text-foreground-subtle`,children:`Name`}),u(`th`,{className:`px-3 py-2 text-left text-[10px] font-semibold uppercase tracking-wider text-foreground-subtle`,children:`Kind`}),u(`th`,{className:`px-3 py-2 text-left text-[10px] font-semibold uppercase tracking-wider text-foreground-subtle`,children:`Status`}),u(`th`,{className:`px-3 py-2 text-right text-[10px] font-semibold uppercase tracking-wider text-foreground-subtle`,children:`Actions`})]})}),r(`tbody`,{children:[t.isLoading&&u(`tr`,{children:r(`td`,{colSpan:4,className:`px-3 py-6 text-center text-xs text-foreground-subtle`,children:[u(_,{className:`inline h-4 w-4 animate-spin`}),` Loading brokers…`]})}),t.isError&&u(`tr`,{children:r(`td`,{colSpan:4,className:`px-3 py-4 text-center text-xs text-danger`,children:[`Failed to load brokers:`,` `,t.error instanceof Error?t.error.message:`Unknown error`]})}),!t.isLoading&&!t.isError&&a.length===0&&u(`tr`,{children:u(`td`,{colSpan:4,className:`px-3 py-6 text-center text-xs text-foreground-subtle`,children:`No brokers registered yet. Add one to publish device events for downstream automations.`})}),a.map(e=>{let t=p.get(e.kind);return u(ze,{broker:e,...t?.connect===void 0?{}:{interactiveConnectPath:t.connect},...t?.disconnect===void 0?{}:{interactiveDisconnectPath:t.disconnect},onEdit:d},e.id)})]})]})}),o&&u(Le,{kinds:f,onClose:()=>s(!1),onDone:()=>s(!1)}),l&&u(Re,{broker:l,onClose:()=>d(null),onDone:()=>d(null)})]})}function Ve(e){if(typeof e==`string`)return e;if(typeof e==`object`&&e){let t=e.name;if(typeof t==`string`)return t}return null}function He(e){let t=e,n=t?.manifest;if(n?.id===void 0)return null;let r=(n.capabilities??[]).map(Ve).filter(e=>e!==null);return{addonId:n.id,displayName:n.packageDisplayName??n.name??n.id,capNames:r,processState:t?.process?.state??null}}function Ue(e,t){return Object.entries(e).filter(([,e])=>e===t).map(([e])=>e)}function We(e,t){return t.find(t=>e.capNames.includes(t))??null}function Ge(e){switch(e){case`running`:return{state:`ok`,label:`running`};case`crashed`:case`failed`:return{state:`error`,label:e};case`stopped`:case`disabled`:return{state:`off`,label:`stopped`};default:return{state:`unknown`,label:e??`unknown`}}}n();var Ke=[`wasteCollections`,`listSources`],qe=[`wasteCollections`,`listCountries`];function Je(e){return e instanceof Error?e.message:String(e)}function Ye(e){return typeof e!=`object`||!e?!1:Array.isArray(Reflect.get(e,`sections`))}function Xe(e){if(!Array.isArray(e))return[];let t=[];for(let n of e){if(typeof n!=`object`||!n)continue;let e=Reflect.get(n,`id`),r=Reflect.get(n,`label`),i=Reflect.get(n,`module`);if(typeof e!=`string`||typeof r!=`string`||typeof i!=`string`)continue;let a=Reflect.get(n,`argsJson`),o=Reflect.get(n,`enabled`),s=Reflect.get(n,`formValues`),c=Reflect.get(n,`serviceId`),l=Reflect.get(n,`countryId`);t.push({id:e,label:r,module:i,argsJson:typeof a==`string`?a:`{}`,enabled:typeof o==`boolean`?o:!0,formValues:typeof s==`object`&&s&&!Array.isArray(s)?s:void 0,serviceId:typeof c==`string`?c:void 0,countryId:typeof l==`string`?l:void 0})}return t}function Ze(e){return Array.isArray(e)?e.flatMap(e=>{if(typeof e!=`object`||!e)return[];let t=Reflect.get(e,`id`),n=Reflect.get(e,`label`);return typeof t!=`string`||typeof n!=`string`?[]:[{id:t,label:n}]}):[]}function Qe(e){return Array.isArray(e)?e.flatMap(e=>{if(typeof e!=`object`||!e)return[];let t=Reflect.get(e,`id`),n=Reflect.get(e,`label`),r=Reflect.get(e,`module`);if(typeof t!=`string`||typeof n!=`string`||typeof r!=`string`)return[];let i=Reflect.get(e,`title`);return[{id:t,label:n,title:typeof i==`string`&&i.length>0?i:n,module:r}]}):[]}function $e(e,t,n){return{sections:[{id:`picker`,title:`Country & service`,columns:2,fields:[{type:`select`,key:`countryId`,label:`Country`,options:[{value:``,label:`Select country…`},...e.map(e=>({value:e.id,label:e.label}))]},{type:`select`,key:`serviceId`,label:`Service`,options:[{value:``,label:n===``?`Pick a country first`:`Select service…`},...t.map(e=>({value:e.id,label:e.label}))]}]}]}}function et({addonId:n,capName:f}){let h=ee(),g=s(),_=se(),v=oe({editKey:`wasteEdit`,newKey:`wasteNew`}),[y,b]=c(!1),[te,x]=c(null),[S,C]=c({countryId:``,serviceId:``}),[w,T]=c({label:`New source`,enabled:!0}),E=t(null),D=typeof S.countryId==`string`?S.countryId:``,O=typeof S.serviceId==`string`?S.serviceId:``,k=e((e,t)=>h.trpcClient.addons.custom.mutate({addonId:n,action:e,input:t}),[n,h]),j=a({queryKey:[...Ke,n],queryFn:async()=>Xe(await k(`listSources`,{}))}),re=a({queryKey:[...qe,n],queryFn:async()=>Ze(await k(`listCountries`,{}))}),ie=a({queryKey:[`wasteCollections`,`listServices`,n,D],enabled:D!==``,queryFn:async()=>Qe(await k(`listServices`,{countryId:D}))}),M=a({queryKey:[`wasteCollections`,`serviceFormSchema`,n,O],enabled:O!==``,queryFn:async()=>k(`serviceFormSchema`,{serviceId:O})}),N=j.data??[],P=re.data??[],F=ie.data??[],I=Ye(M.data)?M.data:void 0,ce=i(()=>$e(P,D===``?[]:F,D),[P,F,D]),R=v.state,z=R.mode===`edit`?N.find(e=>e.id===R.id)??null:null;d(()=>{if(v.state.mode===`edit`&&z!==null){let e=`edit:${z.id}`;if(E.current===e)return;E.current=e,x(null),C({countryId:z.countryId??``,serviceId:z.serviceId??``}),T(z.formValues===void 0?{label:z.label,enabled:z.enabled}:{...z.formValues});return}if(v.state.mode===`new`){if(E.current===`new`)return;E.current=`new`,x(null),C({countryId:``,serviceId:``}),T({label:`New source`,enabled:!0})}},[z,v.state]),d(()=>{if(v.state.mode!==`new`||O===``)return;let e=F.find(e=>e.id===O);e&&T(t=>{let n=t.label;return typeof n==`string`&&n!==``&&n!==`New source`?t:{...t,label:e.title}})},[v.state.mode,O,F]);let ue=e(e=>{C(t=>{let n=typeof e.countryId==`string`?e.countryId:``;return n===(typeof t.countryId==`string`?t.countryId:``)?e:{countryId:n,serviceId:``}})},[]),B=e(async()=>{await g.invalidateQueries({queryKey:Ke})},[g]),V=l({mutationFn:async e=>k(`deleteSource`,{id:e}),onSuccess:async()=>B()}),H=e(async e=>{await _({title:`Delete waste source?`,message:`Remove “${e.label}” (${e.id}). Its calendar under System → Calendars is dropped.`,confirmLabel:`Delete`,cancelLabel:`Cancel`,variant:`danger`})&&(await V.mutateAsync(e.id),v.state.mode===`edit`&&v.state.id===e.id&&(v.close(),E.current=null))},[_,V,v]),de=e(async()=>{let e=w.label,t=typeof e==`string`&&e.trim()!==``?e.trim():``;if(t===``){x(`Label is required.`);return}if(O===``){x(`Pick a country and a service.`);return}let n=v.state.mode===`new`,r=z?.id;if(!n&&(r===void 0||r===``)){x(`That source is no longer available.`);return}let i=w.enabled,a={...w};delete a.label,delete a.enabled,b(!0),x(null);try{n?await k(`createSource`,{label:t,serviceId:O,args:a,enabled:typeof i==`boolean`?i:!0}):r!==void 0&&await k(`updateSource`,{id:r,label:t,serviceId:O,args:a,enabled:typeof i==`boolean`?i:!0}),await B(),v.close(),E.current=null}catch(e){x(Je(e))}finally{b(!1)}},[k,z,v,w,B,O]),fe=i(()=>[{key:`label`,header:`Label`,sortValue:e=>e.label,render:e=>u(`span`,{className:`text-sm text-foreground`,children:e.label})},{key:`module`,header:`Module`,sortValue:e=>e.module,render:e=>u(`span`,{className:`font-mono text-xs text-foreground-muted`,children:e.module})},{key:`enabled`,header:`Enabled`,sortValue:e=>+!!e.enabled,render:e=>u(L,{variant:e.enabled?`success`:`default`,children:e.enabled?`On`:`Off`})},{key:`actions`,header:``,notSortableReason:`actions`,render:e=>u(A,{type:`button`,size:`sm`,variant:`ghost`,"aria-label":`Delete ${e.label}`,"data-testid":`waste-source-delete-${e.id}`,onClick:t=>{t.stopPropagation(),H(e)},children:u(p,{className:`h-3.5 w-3.5 text-danger`})})}],[H]),U=v.state.mode===`new`,W=U||z!==null,he=`${O}:${U?`new`:z?.id??`closed`}`;return r(`div`,{className:`flex min-h-0 flex-col gap-4`,"data-testid":`waste-settings-sources`,children:[r(`div`,{className:`flex flex-wrap items-center justify-between gap-2`,children:[u(`p`,{className:`text-sm text-foreground-muted`,children:`Pick a country and a service — configuration fields come from that HACS source.`}),r(A,{type:`button`,size:`sm`,"data-testid":`waste-sources-add`,onClick:()=>v.openNew(),children:[u(m,{className:`h-3.5 w-3.5`}),`Add source`]})]}),j.isError?u(`p`,{className:`text-sm text-danger`,children:`Could not load sources.`}):null,j.isPending?u(me,{className:`h-32 w-full`}):u(ae,{columns:fe,rows:N,rowKey:e=>e.id,pageSize:25,mobileMode:`scroll`,emptyMessage:`No waste sources yet. Add one to register a municipal service.`,onRowClick:e=>v.openEdit(e.id),defaultSort:{columnKey:`label`,dir:`asc`}}),u(pe,{open:W,onClose:()=>{v.close(),x(null),E.current=null},title:U?`Add waste source`:`Edit ${z?.label??`source`}`,icon:ne,width:`xl`,testId:`waste-source-editor`,error:te,footer:u(A,{type:`button`,size:`sm`,disabled:y||O===``,onClick:()=>void de(),children:y?`Saving…`:`Save`}),children:W?r(o,{children:[u(`div`,{"data-testid":`waste-country-service`,children:u(le,{schema:ce,values:S,onChange:ue},`picker:${D}:${F.length}`)}),O!==``&&I!==void 0?u(le,{schema:I,values:w,onChange:T,bare:!0},he):O!==``&&M.isPending?u(`p`,{className:`text-sm text-foreground-muted`,children:`Loading fields…`}):u(`p`,{className:`text-sm text-foreground-muted`,children:`Choose a country and service to see the required fields.`})]}):null}),u(Se,{nodeId:`hub`,addonIds:[n],level:`global`,capability:f,hideSectionChrome:!0})]})}n();var $=1e4,tt={"device-export":`exporters`,exporters:`exporters`,email:`email`,broker:`brokers`,brokers:`brokers`,"message-brokers":`brokers`,calendar:`calendars`,calendars:`calendars`,"calendar-source":`calendars`},nt=[{sectionId:`exporters`,kind:`device-export`,label:`Exporters`,icon:y,installLabel:`Add export`,emptyTitle:`No device exporters installed`,emptyDescription:`Install an export addon to publish devices to Alexa, HomeKit, Google Home or Home Assistant.`},{sectionId:`email`,kind:`email`,label:`Email`,icon:te,installLabel:`Add email provider`,emptyTitle:`No email providers installed`,emptyDescription:`Install an SMTP or Gmail addon to send notification email from this hub.`},{sectionId:`brokers`,kind:`broker`,label:`Brokers`,icon:v,installLabel:`Add broker addon`,emptyTitle:`No message brokers installed`,emptyDescription:`Install a broker addon to connect Home Assistant, Homematic, MQTT, Matter and similar systems.`},{sectionId:`calendars`,kind:`calendar`,label:`Calendars`,icon:x,installLabel:`Add calendar source`,emptyTitle:`No calendar sources installed`,emptyDescription:`Install a calendar-source addon (Google Calendar, waste collections, …) to feed System → Calendars.`}];function rt(e,t,n){let i=Ue(T,e.kind),a=t.flatMap(t=>{let a=We(t,i);if(a===null)return[];let s=Ge(t.processState);return[{id:t.addonId,name:t.displayName,fallbackIcon:e.icon,state:s.state,stateLabel:s.label,render:()=>u(we,{addonId:t.addonId,displayName:t.displayName,capName:a,isActive:t.processState===`running`,badges:r(o,{children:[u(st,{processState:t.processState}),u(ct,{kind:e.kind,addonId:t.addonId})]}),lead:e.kind===`device-export`?u(O,{addonId:t.addonId}):void 0,panels:ot(e.kind,t.addonId,e=>n(`/devices/${e}`)),settingsContent:t.addonId===`waste-collections`?u(et,{addonId:t.addonId,capName:a}):void 0})}]});return{id:e.sectionId,label:e.label,entries:a,install:{capability:i[0]??e.kind,label:e.installLabel}}}function it({descriptor:e,rows:t,isLoading:n}){let r=ge(),a=i(()=>rt(e,t,r),[e,t,r]);return u(Te,{embedded:!0,icon:e.icon,title:e.label,subtitle:null,groups:[a],isLoading:n,emptyTitle:e.emptyTitle,emptyDescription:e.emptyDescription})}function at(){let{t:e}=U(),t=ie(void 0,{refetchInterval:$}),[n,r]=_e(),a=he(`/system/integrations`,{t:e,isAdmin:!0})??{icon:f,title:`Connectivity`};d(()=>{let e=n.get(`tab`);if(e===null)return;let t=tt[e];t===void 0||t===e||r(e=>{let n=new URLSearchParams(e);return n.set(`tab`,t),n},{replace:!0})},[n,r]);let o=i(()=>(t.data??[]).map(He).filter(e=>e!==null),[t.data]),s=i(()=>nt.map(e=>({id:e.sectionId,label:e.label,ownedParams:ye,content:u(it,{descriptor:e,rows:o,isLoading:t.isLoading})})),[t.isLoading,o]);return u(xe,{icon:a.icon,title:a.title,subtitle:`External systems this hub talks to — exporters, email, brokers and calendar sources.`,defaultSection:`exporters`,sectionsLabel:`Connectivity sections`,sections:s})}function ot(e,t,n){return e===`device-export`?[{id:`devices`,title:`Devices`,icon:w,placement:`end`,content:u(P,{addonId:t,onOpenDevice:n,showSetup:!1})}]:e===`broker`?[{id:`connections`,title:`Connections`,icon:v,content:u(Be,{addonId:t})}]:[]}function st({processState:e}){let{state:t,label:n}=Ge(e);return u(L,{variant:t===`ok`?`success`:t===`error`?`danger`:`default`,className:`${G} capitalize`,children:n})}function ct({kind:e,addonId:t}){return e===`broker`?u(lt,{addonId:t}):e===`device-export`?u(ut,{addonId:t}):null}function lt({addonId:e}){let{data:t}=H({addonId:e},{refetchInterval:$,retry:!1}),n=E.safeParse(t);if(!n.success)return null;let{brokerCount:r,connectedCount:i}=n.data;return u(L,{variant:`info`,className:G,children:`${r} connection${r===1?``:`s`}${i>0?` · ${i} connected`:``}`})}function ut({addonId:e}){let{data:t}=I({addonId:e},{refetchInterval:$,retry:!1}),n=D.safeParse(t);if(!n.success)return null;let{linkState:r,exposedDeviceCount:i}=n.data;return u(L,{variant:r===`linked`?`success`:r===`error`?`danger`:`default`,className:G,children:`${r} · ${i} exposed`})}export{at as IntegrationsPage};

package/dist/assets/Library-B3iyoKdK.js

@@ -1 +0,0 @@
-import{I as e,K as t,Q as n,S as r,W as i,X as a,a as o,b as s,o as c,q 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{At as f,Ci as p,D as m,Di as h,Dt as g,Hr as _,It as v,Jt as y,Nr as b,Nt as x,On as S,Pn as C,Q as w,Qi as T,Ut as E,Xt as D,Yr as O,Z as k,_i as A,_n as j,ar as M,bi as N,c as P,dn as F,dt as I,f as L,gr as R,l as z,ot as B,pn as V,qt as H,ri as U,rr as W,u as G,vi as ee,wi as K,wr as q,yi as J,yn as te,z as Y}from"./player-overlays-DWMIy1MJ.js";import{a as ne,c as re,i as ie,n as ae,o as oe,r as se,s as ce,t as le}from"./user-x-CpaZ5HO0.js";import{s as ue}from"./video--MLJeLNU.js";import{t as de}from"./crop-BtQBZ9jm.js";import{t as fe}from"./user-round-BB0VDRnJ.js";import{Hn as pe,wi as me}from"./client-CjyKfSu1.js";import{$a as he,An as ge,Bn as X,Cc as _e,Dn as ve,Dr as ye,G as be,Ga as xe,Gl as Se,Hl as Ce,Ht as we,I as Te,It as Ee,Ja as De,Ka as Oe,Ko as ke,L as Ae,Ln as je,Nt as Me,On as Ne,Pn as Pe,Pt as Fe,Qa as Ie,Qn as Le,Rn as Re,Sc as ze,Tn as Be,Ut as Ve,Vl as He,Vt as Ue,Wa as We,Xa as Ge,Xl as Ke,Xn as qe,Ya as Je,Za as Ye,Zl as Xe,Zn as Ze,_c as Qe,_s as $e,ar as et,bc as tt,cs as nt,ds as rt,eo as it,fc as at,fn as ot,fs as st,gc as ct,gs as lt,hc as ut,hu as dt,ir as ft,jn as pt,kn as mt,ma as ht,mc as gt,ms as _t,no as vt,pc as yt,pt as bt,qa as xt,rr as St,t as Ct,to as wt,us as Tt,vc as Et,wc as Dt,xc as Ot,yc as kt,z as At}from"./src-BLkInT8U.js";import{t as jt}from"./useTranslation-Bc5yH9V9.js";import"./mount-1Z6p3UkP.js";import{J as Mt,S as Nt,Y as Pt,Z as Ft}from"./index-D66JvELZ.js";import{t as It}from"./AdminSectionedPage-D2kYQhvu.js";import{t as Lt}from"./use-stationary-objects-DNayAuMq.js";import{a as Rt,i as zt,n as Bt,r as Vt,t as Ht}from"./authed-media-0TPg9TTZ.js";import{t as Ut}from"./use-scenes-feed-C8frh3hQ.js";n();function Wt({mediaId:e,base64:t,alt:n,className:r,placeholder:i}){let{src:a,failed:o}=Rt(e===void 0?void 0:Vt(e));return a===null?(e===void 0||o)&&t!==void 0&&t!==``?u(`img`,{src:`data:image/jpeg;base64,${t}`,alt:n,className:r}):i:u(`img`,{src:a,alt:n,className:r})}var Gt=`pipeline-analytics`,Kt=`photo.analyze`,qt=`photo.enroll`,Jt=`photo.discard`,Yt=18*1024*1024;function Xt(e){return typeof e==`object`&&!!e&&!Array.isArray(e)}function Zt(e,t){let n=e[t];return typeof n==`string`&&n.length>0?n:null}function Qt(e,t){let n=e[t];return typeof n==`number`&&Number.isFinite(n)?n:null}function $t(e,t){let n=e[t];return typeof n==`boolean`?n:null}function en(e){if(!Xt(e))return null;let t=Qt(e,`x`),n=Qt(e,`y`),r=Qt(e,`width`),i=Qt(e,`height`);return t===null||n===null||r===null||i===null?null:{x:t,y:n,width:r,height:i}}function tn(e){if(!Xt(e))return null;let t=Qt(e,`detectionShortSidePx`),n=Qt(e,`score`);if(t===null||n===null)return null;let r=Qt(e,`magnitude`);return{detectionShortSidePx:t,score:n,...r===null?{}:{magnitude:r}}}function nn(e){if(!Xt(e))return null;let t=Qt(e,`faceIndex`),n=Qt(e,`score`),r=$t(e,`enrollable`),i=en(e.bbox),a=tn(e.quality);if(t===null||n===null||r===null||i===null||a===null)return null;let o=Zt(e,`refusedReason`),s=Zt(e,`alignedCropBase64`),c=Zt(e,`modelId`);return{faceIndex:t,bbox:i,score:n,enrollable:r,quality:a,...o===null?{}:{refusedReason:o},...s===null?{}:{alignedCropBase64:s},...c===null?{}:{modelId:c}}}function rn(e){if(!Xt(e))return null;let t=Zt(e,`sessionId`),n=Zt(e,`ranOnNodeId`),r=e.faces;if(t===null||n===null||!Array.isArray(r))return null;let i=[];for(let e of r){let t=nn(e);t!==null&&i.push(t)}return{sessionId:t,ranOnNodeId:n,faces:i}}function an(e){if(!Xt(e))return null;let t=Zt(e,`sampleId`),n=Zt(e,`identityId`),r=Zt(e,`modelId`);return t===null||n===null||r===null?null:{sampleId:t,identityId:n,modelId:r}}function on(e,t,n){let r={...e};return n===null||n===``?delete r[t]:r[t]=n,r}function sn(e,t){return e.filter(e=>e.enrollable&&t[e.faceIndex]!==void 0).length}function cn(e,t,n){let r=[];for(let i of t){if(!i.enrollable)continue;let t=n[i.faceIndex];t!==void 0&&r.push({sessionId:e,faceIndex:i.faceIndex,identityId:t})}return r}function ln(e){switch(e){case`no-embedding`:return`Too small or too indistinct for the recognizer to measure — try a photo where this face is larger.`;case`no-model-id`:return`The recognizer did not report which model it used, so this face cannot be enrolled safely.`;case`no-aligned-crop`:return`The recognizer produced no aligned crop for this face, so there is nothing to store.`;case`magnitude`:return`Refused by the quality gate: the features look degenerate, and a sample like this matches everybody.`;default:return`This face is not usable as a sample.`}}function un(e,t){let n=[],r=[];for(let i of e)i.size>t.maxBytes?n.push(i.name):r.push(i);return{accepted:r.slice(0,t.maxCount),oversize:n,overflow:r.slice(t.maxCount).map(e=>e.name)}}async function dn(e,t,n){let r=Array(e.length),i=e.map((e,t)=>({item:e,index:t})),a=0,o=async()=>{for(;;){let e=i[a];if(a+=1,e===void 0)return;r[e.index]=await n(e.item,e.index)}},s=Array.from({length:Math.max(1,Math.min(t,e.length))},()=>o());return await Promise.all(s),r}function fn(e,t,n){return e.map(e=>e.photoIndex===t?{...e,...n}:e)}function pn(e,t){return`${e}:${t}`}function mn(e,t,n,r){let i=on(e[t]??{},n,r),a={...e};return Object.keys(i).length===0?delete a[t]:a[t]=i,a}function hn(e,t){let n=0;for(let r of e)r.analysis!==void 0&&(n+=sn(r.analysis.faces,t[r.photoIndex]??{}));return n}var gn=`__new__`;function _n(e,t,n){let r=[];for(let i of e){if(i.analysis===void 0)continue;let e=t[i.photoIndex]??{};for(let t of i.analysis.faces){if(!t.enrollable||e[t.faceIndex]!==`__new__`)continue;let a=(n[pn(i.photoIndex,t.faceIndex)]??``).trim();if(a===``)return{kind:`error`,message:`${i.filename}: face ${t.faceIndex+1} is set to a new person but has no name.`};r.includes(a)||r.push(a)}}return{kind:`ok`,names:r}}function vn(e,t,n){let r={};for(let[i,a]of Object.entries(e)){let e=Number(i),o={};for(let[r,i]of Object.entries(a)){let a=Number(r);if(i!==`__new__`){o[a]=i;continue}let s=n[(t[pn(e,a)]??``).trim()];s!==void 0&&(o[a]=s)}r[e]=o}return r}function yn(e,t){let n=[];for(let r of e){if(r.analysis===void 0)continue;let e=cn(r.analysis.sessionId,r.analysis.faces,t[r.photoIndex]??{});for(let t of e)n.push({photoIndex:r.photoIndex,request:t})}return n}function bn(e){return/expired/i.test(e)}function xn(e){return e instanceof Error?e.message:String(e)}async function Sn(e,t,n){let r=new Map(e.map(e=>[e.photoIndex,e])),i={},a=[],o=0,s=null,c=(e,t)=>`${r.get(e)?.filename??`photo ${e+1}`}, face ${t+1}`;for(let l of yn(e,t)){let e=i[l.photoIndex],t=e===void 0?l.request:{...l.request,sessionId:e.sessionId};try{let e=await n.enroll(t);o+=1,s=e.modelId}catch(t){let u=xn(t);if(!bn(u)||e!==void 0){a.push(`${c(l.photoIndex,l.request.faceIndex)}: ${u}`);continue}let d=r.get(l.photoIndex);if(d===void 0){a.push(`${c(l.photoIndex,l.request.faceIndex)}: ${u}`);continue}let f;try{f=await n.reanalyze(d)}catch(e){a.push(`${c(l.photoIndex,l.request.faceIndex)}: the analysis expired and re-analysing failed (${xn(e)})`);continue}if(i[l.photoIndex]=f,f.faces.find(e=>e.faceIndex===l.request.faceIndex&&e.enrollable)===void 0){a.push(`${c(l.photoIndex,l.request.faceIndex)}: the analysis expired, and re-analysing no longer finds this face — assign it again from the fresh result`);continue}try{let e=await n.enroll({...l.request,sessionId:f.sessionId});o+=1,s=e.modelId}catch(e){a.push(`${c(l.photoIndex,l.request.faceIndex)}: ${xn(e)}`)}}}return{enrolled:o,stampedModelId:s,failures:a,refreshedAnalyses:i}}var Cn=[[`faceGallery`]],wn=``;function Tn(e){return new Promise((t,n)=>{let r=new FileReader;r.addEventListener(`error`,()=>n(Error(`the file could not be read`)),{once:!0}),r.addEventListener(`load`,()=>{let e=r.result;if(typeof e!=`string`){n(Error(`the file could not be read`));return}let i=e.indexOf(`,`);t(i>=0?e.slice(i+1):e)},{once:!0}),r.readAsDataURL(e)})}function En(e){return e instanceof Error?e.message:String(e)}function Dn({face:e,identities:t,value:n,onChange:a,disabled:o}){let c=i(()=>[{value:wn,label:`Ignore this face`},...t.map(e=>({value:e.id,label:e.name})),{value:gn,label:`+ New person…`}],[t]);return r(`div`,{className:`rounded-md border border-border bg-surface p-2`,children:[u(`div`,{className:`mb-2 aspect-square w-full overflow-hidden rounded border border-border bg-surface-hover`,children:e.alignedCropBase64?u(`img`,{src:`data:image/jpeg;base64,${e.alignedCropBase64}`,alt:`Face ${e.faceIndex+1}`,className:`h-full w-full object-cover`}):u(`div`,{className:`flex h-full w-full items-center justify-center text-foreground-subtle`,children:u(fe,{className:`h-8 w-8`})})}),u(`div`,{className:`min-h-[4.75rem]`,children:e.enrollable?r(s,{children:[u(Se,{options:c,value:n,disabled:o,onChange:e=>a(e.target.value),"aria-label":`Assign face ${e.faceIndex+1}`}),r(`p`,{className:`mt-1 text-[10px] text-foreground-subtle`,children:[Math.round(e.quality.detectionShortSidePx),` px`,e.modelId?` · ${e.modelId}`:``]})]}):r(`div`,{className:`space-y-1`,children:[u(et,{variant:`warning`,className:`text-[10px]`,children:`Not usable`}),u(`p`,{className:`text-[10px] leading-tight text-foreground-subtle`,children:ln(e.refusedReason)})]})})]})}function On({photo:e,identities:t,draft:n,newNames:i,disabled:a,onAssign:o,onNameChange:s,onRetry:c}){let l=e.analysis?.faces??[],d=n[e.photoIndex]??{};return r(`div`,{className:`space-y-2`,children:[r(`div`,{className:`flex items-center gap-2 border-b border-border pb-1`,children:[u(`span`,{className:`truncate text-xs font-medium text-foreground`,children:e.filename}),e.status===`analyzing`||e.status===`queued`?r(`span`,{className:`flex items-center gap-1 text-xs text-foreground-subtle`,children:[u(M,{className:`h-3 w-3 animate-spin`}),` analysing…`]}):null,e.status===`analyzed`&&e.analysis!==void 0&&r(`span`,{className:`text-xs text-foreground-subtle`,children:[l.length,` face`,l.length===1?``:`s`,` · analysed on`,` `,e.analysis.ranOnNodeId]}),e.status===`failed`&&r(X,{variant:`secondary`,size:`sm`,disabled:a,onClick:c,children:[u(j,{className:`h-3 w-3`}),` Retry`]})]}),e.status===`failed`&&r(`div`,{className:`flex items-start gap-2 rounded-md border border-danger/40 bg-danger/10 px-3 py-2 text-xs text-danger`,children:[u(x,{className:`mt-0.5 h-3.5 w-3.5 shrink-0`}),r(`span`,{children:[`This photo could not be analysed: `,e.error??`unknown error`,`. The other photos are unaffected.`]})]}),e.status===`analyzed`&&l.length===0&&u(`p`,{className:`text-xs text-foreground-subtle`,children:`No faces were found in this photo. A face has to be reasonably large and facing the camera for the detector to measure it.`}),l.length>0&&u(`div`,{className:`grid grid-cols-[repeat(auto-fill,minmax(7rem,7rem))] justify-start gap-3`,children:l.map(e=>u(Dn,{face:e,identities:t,value:d[e.faceIndex]??wn,disabled:a,onChange:t=>o(e.faceIndex,t)},e.faceIndex))}),l.filter(e=>d[e.faceIndex]===gn).map(t=>r(`div`,{className:`flex items-center gap-2`,children:[r(`span`,{className:`w-28 shrink-0 truncate text-xs text-foreground-subtle`,children:[`Face `,t.faceIndex+1]}),u(`input`,{className:`h-7 flex-1 rounded-md border border-border bg-surface px-2.5 text-xs text-foreground focus:outline-none focus:ring-1 focus:ring-primary`,placeholder:`New person name… (type the same name under another face to reuse it)`,value:i[pn(e.photoIndex,t.faceIndex)]??``,onChange:e=>s(t.faceIndex,e.target.value)})]},t.faceIndex))]})}function kn({open:n,onOpenChange:a}){let o=B(),s=c(),d=t(null),{data:f}=Je(),p=xe(),[m,h]=l([]),[g,_]=l(!1),[v,y]=l(null),[b,S]=l({}),[C,w]=l({}),[T,E]=l(null),D=i(()=>(f??[]).map(e=>({id:e.id,name:e.name})),[f]),O=m.some(e=>e.status===`queued`||e.status===`analyzing`),k=O||g,A=e(e=>{for(let t of e){let e=t.analysis?.sessionId;e!==void 0&&o.trpcClient.addons.custom.mutate({addonId:Gt,action:Jt,input:{sessionId:e}}).catch(()=>void 0)}},[o]),j=e(()=>{h([]),S({}),w({}),y(null),E(null),d.current&&(d.current.value=``)},[]),N=e(()=>{A(m),j(),a(!1)},[A,a,m,j]),P=e(async e=>{let t=rn(await o.trpcClient.addons.custom.mutate({addonId:Gt,action:Kt,input:{photoBase64:e.photoBase64,filename:e.filename}}));if(t===null)throw Error(`the server replied with something this page could not read`);return t},[o]),F=e(async e=>{h(t=>fn(t,e.photoIndex,{status:`analyzing`,error:void 0}));try{let t=await P(e);h(n=>fn(n,e.photoIndex,{status:`analyzed`,analysis:t}))}catch(t){h(n=>fn(n,e.photoIndex,{status:`failed`,error:En(t)}))}},[P]),I=e(async e=>{if(e.length===0)return;A(m),j();let t=un(e,{maxCount:12,maxBytes:Yt}),n=[];t.oversize.length>0&&n.push(`Over the ${Math.round(Yt/(1024*1024))} MB limit and skipped: ${t.oversize.join(`, `)}.`),t.overflow.length>0&&n.push(`A batch holds at most 12 photos — not analysed: ${t.overflow.join(`, `)}. Enrol them in a second round.`),n.length>0&&y(n.join(` `));let r;try{r=await Promise.all(t.accepted.map(async(e,t)=>({photoIndex:t,filename:e.name,photoBase64:await Tn(e),status:`queued`})))}catch(e){y(En(e));return}h(r),await dn(r,2,e=>F(e))},[A,m,j,F]),L=hn(m,b),R=e(async()=>{_(!0),y(null),E(null);try{let e=_n(m,b,C);if(e.kind===`error`){y(e.message);return}let t={};for(let n of e.names)t[n]=(await p.mutateAsync({name:n})).id;let n=await Sn(m,vn(b,C,t),{enroll:async e=>{let t=an(await o.trpcClient.addons.custom.mutate({addonId:Gt,action:qt,input:e}));if(t===null)throw Error(`unreadable reply`);return t},reanalyze:e=>P(e)});Object.keys(n.refreshedAnalyses).length>0&&h(e=>e.map(e=>{let t=n.refreshedAnalyses[e.photoIndex];return t===void 0?e:{...e,status:`analyzed`,analysis:t}})),s.invalidateQueries({queryKey:Cn}),n.failures.length>0&&y(n.failures.join(` · `)),E(n.enrolled===0?`Nothing was enrolled.`:`Enrolled ${n.enrolled} sample${n.enrolled===1?``:`s`}${n.stampedModelId===null?``:` with ${n.stampedModelId}`}.`)}catch(e){y(En(e))}finally{_(!1)}},[P,p,b,C,m,s,o]),z=m.filter(e=>e.status===`analyzed`).length;return u(Be,{open:n,onOpenChange:e=>e?a(!0):N(),children:r(ve,{className:`max-w-3xl`,children:[r(ge,{children:[u(pt,{children:`Enrol from photos`}),u(Ne,{children:`Every photo is analysed with the same face detector the cameras use, and all the faces found are reviewed below in one pass, grouped by photo. Assign each face to a person, or leave it ignored.`})]}),r(`div`,{className:`rounded-md border border-border bg-surface-hover px-3 py-2 text-xs text-foreground-subtle`,children:[`For reliable recognition use `,u(`strong`,{children:`at least 3 photos per person`}),`, taken at different times, with different poses and lighting — you can select them all at once. Several frames from the same moment count as one — they do not add information.`]}),r(`div`,{className:`flex items-center gap-2`,children:[u(`input`,{ref:d,type:`file`,accept:`image/jpeg,image/png,image/webp`,multiple:!0,className:`hidden`,onChange:e=>void I(Array.from(e.target.files??[]))}),r(X,{variant:`secondary`,size:`sm`,disabled:k,onClick:()=>d.current?.click(),children:[O?u(M,{className:`h-3.5 w-3.5 animate-spin`}):u(oe,{className:`h-3.5 w-3.5`}),`Choose photos`]}),m.length>0&&r(`span`,{className:`text-xs text-foreground-subtle`,children:[z,`/`,m.length,` photo`,m.length===1?``:`s`,` analysed`]})]}),u(`div`,{className:`min-h-11`,"aria-live":`polite`,children:v===null?T===null?null:u(`div`,{className:`rounded-md border border-success/40 bg-success/10 px-3 py-2 text-xs text-success`,children:T}):r(`div`,{className:`flex items-start gap-2 rounded-md border border-danger/40 bg-danger/10 px-3 py-2 text-xs text-danger`,children:[u(x,{className:`mt-0.5 h-3.5 w-3.5 shrink-0`}),u(`span`,{children:v})]})}),m.length>0&&u(`div`,{className:`max-h-[50vh] space-y-4 overflow-y-auto pr-1`,children:m.map(e=>u(On,{photo:e,identities:D,draft:b,newNames:C,disabled:k,onAssign:(t,n)=>S(r=>mn(r,e.photoIndex,t,n===wn?null:n)),onNameChange:(t,n)=>w(r=>({...r,[pn(e.photoIndex,t)]:n})),onRetry:()=>void F(e)},e.photoIndex))}),r(mt,{children:[u(X,{variant:`secondary`,onClick:N,disabled:g,children:`Close`}),r(X,{variant:`primary`,onClick:()=>void R(),disabled:k||L===0,children:[g?u(M,{className:`h-3.5 w-3.5 animate-spin`}):null,`Enrol `,L,` face`,L===1?``:`s`]})]})]})})}n();var An=[[`faceGallery`]];function jn({identityId:e}){let t=c(),{data:n,isLoading:i}=Ge({identityId:e}),a=Ie();function o(n){a.mutate({identityId:e,sampleId:n.id},{onSettled:()=>{t.invalidateQueries({queryKey:An})}})}return i?r(`div`,{className:`flex items-center gap-2 py-3 text-xs text-foreground-subtle`,children:[u(M,{className:`h-3.5 w-3.5 animate-spin`}),`Loading samples…`]}):!n||n.length===0?u(`p`,{className:`py-2 text-xs text-foreground-subtle`,children:`No samples yet.`}):u(`div`,{className:`mt-2 grid grid-cols-4 gap-2 sm:grid-cols-6 md:grid-cols-8`,children:n.map(e=>r(`div`,{className:`group relative aspect-square overflow-hidden rounded-md border border-border bg-surface`,children:[e.base64?u(`img`,{src:`data:image/jpeg;base64,${e.base64}`,alt:`Sample`,className:`h-full w-full object-cover`}):u(`div`,{className:`flex h-full w-full items-center justify-center text-foreground-subtle`,children:u(fe,{className:`h-6 w-6`})}),e.source===`photo`&&u(`span`,{className:`absolute left-1 top-1 rounded bg-black/60 p-0.5 text-white`,title:`Enrolled from an uploaded photo`,children:u(oe,{className:`h-3 w-3`})}),u(`button`,{type:`button`,onClick:()=>o(e),disabled:a.isPending,className:`absolute inset-0 flex items-center justify-center bg-black/50 opacity-0 transition-opacity group-hover:opacity-100 disabled:cursor-not-allowed`,"aria-label":`Remove sample`,children:u(I,{className:`h-4 w-4 text-white`})})]},e.id))})}function Mn(e){return[{key:`person`,header:`Person`,sortValue:e=>e.name,render:e=>r(`span`,{className:`flex min-w-0 items-center gap-2`,children:[u(`span`,{className:`h-8 w-8 shrink-0 overflow-hidden rounded-full border border-border bg-surface-hover`,children:u(Wt,{mediaId:e.coverMediaId,base64:e.coverBase64,alt:e.name,className:`h-full w-full object-cover`,placeholder:u(`span`,{className:`flex h-full w-full items-center justify-center`,children:u(fe,{className:`h-4 w-4 text-foreground-subtle`})})})}),u(`span`,{className:`truncate text-sm font-medium text-foreground`,children:e.name})]})},{key:`samples`,header:`Samples`,align:`center`,nowrap:!0,sortValue:e=>e.sampleCount,render:e=>u(et,{variant:`default`,className:`text-[10px]`,children:e.sampleCount})},{key:`actions`,header:``,align:`right`,nowrap:!0,notSortableReason:`Actions`,render:t=>r(`span`,{className:`flex items-center justify-end gap-1`,children:[u(Xe,{variant:`ghost`,size:`sm`,icon:C,"aria-label":`Edit ${t.name}`,onClick:n=>{n.stopPropagation(),e.onEdit(t)}}),u(Xe,{variant:`ghost`,size:`sm`,icon:v,"aria-label":`Delete ${t.name}`,onClick:n=>{n.stopPropagation(),e.onDelete(t)}})]})}]}function Nn({mode:e,identity:t,onClose:n}){let i=c(),[a,o]=l(e===`edit`?t?.name??``:``),s=xe(),f=he();d(()=>{o(e===`edit`?t?.name??``:``)},[e,t?.id,t?.name]);let p=s.isPending||f.isPending,m=a.trim(),h=e===`edit`&&t!==null&&m===t.name,g=p||m.length===0||h;function _(){i.invalidateQueries({queryKey:An})}function v(){if(!g){if(e===`new`){s.mutate({name:m},{onSuccess:()=>{_(),n()}});return}if(t===null){n();return}f.mutate({id:t.id,name:m},{onSuccess:()=>{_(),n()}})}}return u(At,{open:!0,onClose:n,title:e===`new`?`Add person`:`Edit ${t?.name??`person`}`,icon:fe,width:e===`edit`?`xl`:`lg`,testId:`people-person-form`,footer:r(X,{variant:`primary`,size:`sm`,type:`button`,onClick:v,disabled:g,children:[p?u(M,{className:`h-3.5 w-3.5 animate-spin`}):null,e===`new`?`Add`:`Save`]}),children:r(`div`,{className:`space-y-4`,children:[u(be,{label:`Name`,required:!0,children:u(Ke,{value:a,onChange:e=>o(e.target.value),onKeyDown:e=>{e.key===`Enter`&&v()},placeholder:`Person name…`,autoFocus:!0})}),e===`edit`&&t!==null&&r(`div`,{children:[u(`p`,{className:`mb-1 text-[11px] font-medium text-foreground`,children:`Training samples`}),u(`p`,{className:`mb-2 text-[11px] text-foreground-subtle`,children:`Remove a sample to drop it from recognition training for this person.`}),u(jn,{identityId:t.id})]})]})})}function Pn(){let e=c(),t=Ze(),{data:n,isLoading:a}=Je(),o=xt(),{state:s,openNew:f,openEdit:p,close:m}=Ae(),[h,g]=l(!1),_=n??[],v=Me(_,{searchText:e=>[e.name]}),y=s.mode===`edit`?_.find(e=>e.id===s.id)??null:null;d(()=>{s.mode===`edit`&&!a&&y===null&&m()},[s.mode,a,y,m]);let b=i(()=>Mn({onEdit:e=>p(e.id),onDelete:n=>{(async()=>{await t({title:`Delete person`,message:`Delete ${n.name} and all their samples? This cannot be undone.`,confirmLabel:`Delete`,variant:`danger`})&&o.mutate({id:n.id},{onSettled:()=>{e.invalidateQueries({queryKey:An}),s.mode===`edit`&&s.id===n.id&&m()}})})()}}),[t,m,o,s,p,e]);if(a)return r(`div`,{className:`flex items-center gap-2 py-4 text-xs text-foreground-subtle`,children:[u(M,{className:`h-4 w-4 animate-spin`}),`Loading people…`]});let x=s.mode===`new`||s.mode===`edit`&&y!==null;return r(`div`,{className:`space-y-2`,children:[r(`div`,{className:`flex flex-wrap items-center gap-2`,children:[r(X,{variant:`primary`,size:`sm`,type:`button`,onClick:f,children:[u(S,{className:`h-3.5 w-3.5`}),`Add person`]}),r(X,{variant:`secondary`,size:`sm`,type:`button`,onClick:()=>g(!0),children:[u(oe,{className:`h-3.5 w-3.5`}),`Enrol from a photo`]})]}),(_.length>0||v.active)&&u(Fe,{state:v.state,facets:v.facets,labels:{searchPlaceholder:`Search people…`,searchLabel:`Search people`,facetsLabel:`Filter`,clearLabel:`Clear`},onSearch:v.setSearch,onToggleFacet:v.toggleFacet,onClear:v.clear}),v.rows.length===0?u(Re,{icon:fe,title:v.active?`Nothing matches the filter`:`No people enrolled yet`,description:v.active?`Clear the search or try another name.`:`Add a person, or enrol faces from a photo.`}):u(we,{columns:b,rows:v.rows,rowKey:e=>e.id,maxBodyHeight:Ve,mobileMode:`scroll`,emptyMessage:`No people enrolled yet.`,onRowClick:e=>p(e.id)}),x&&u(Nn,{mode:s.mode===`new`?`new`:`edit`,identity:y,onClose:m}),u(kn,{open:h,onOpenChange:g})]})}var Fn={fromMs:null,toMs:null},In=36e5,Ln=24*In;function Rn(e,t){switch(e){case`24h`:return{fromMs:t-Ln,toMs:null};case`7d`:return{fromMs:t-7*Ln,toMs:null};case`30d`:return{fromMs:t-30*Ln,toMs:null};case`all`:return Fn}}function zn(e){return e.fromMs!==null||e.toMs!==null}function Bn(e,t){return zn(t)?e.filter(e=>!(t.fromMs!==null&&e.timestamp<t.fromMs||t.toMs!==null&&e.timestamp>t.toMs)):[...e]}function Vn(e,t){return t.size===0?[...e]:e.filter(e=>t.has(e.deviceId))}function Hn(e){let t=new Set,n=[];for(let r of e)t.has(r.deviceId)||(t.add(r.deviceId),n.push(r.deviceId));return n}function Un(e){if(!e)return null;let t=Date.parse(`${e}T00:00:00`);return Number.isNaN(t)?null:t}function Wn(e){if(!e)return null;let t=Date.parse(`${e}T23:59:59.999`);return Number.isNaN(t)?null:t}function Gn(e,t){if(!Number.isFinite(e)||e<=0)return`—`;let n=t-e;return n<6e4?`just now`:n<In?`${String(Math.floor(n/6e4))}m ago`:n<Ln?`${String(Math.floor(n/In))}h ago`:n<7*Ln?`${String(Math.floor(n/Ln))}d ago`:new Date(e).toLocaleDateString(void 0,{month:`short`,day:`numeric`})}function Kn(e){return!Number.isFinite(e)||e<=0?`—`:new Date(e).toLocaleTimeString(void 0,{hour:`2-digit`,minute:`2-digit`,second:`2-digit`})}function qn(e){return!Number.isFinite(e)||e<=0?`—`:new Date(e).toLocaleString(void 0,{year:`numeric`,month:`short`,day:`numeric`,hour:`2-digit`,minute:`2-digit`,second:`2-digit`})}function Jn(e){let t=e.cropUrl!==void 0&&e.cropUrl.length>0,n=e.base64!==void 0&&e.base64.length>0;return!t&&!n}function Yn(e){return e.filter(Jn).map(e=>e.faceId)}function Xn(e){let t=0;for(let n of e)Jn(n)&&(t+=1);return t}function Zn(e){return e==null?null:e.cropUrl!==void 0&&e.cropUrl.length>0?e.cropUrl:e.base64!==void 0&&e.base64.length>0?`data:image/jpeg;base64,${e.base64}`:null}n();function Qn(e,t,n){let[r,a]=l(1);d(()=>{a(1)},[n]);let o=e.length,s=Math.max(1,Math.ceil(o/t)),c=Math.min(r,s);return d(()=>{c!==r&&a(c)},[c,r]),{page:c,setPage:a,pageItems:i(()=>{let n=(c-1)*t;return e.slice(n,n+t)},[e,c,t]),totalPages:s,totalItems:o,pageSize:t}}var $n=2;function er(e,t){if(t<=1)return[{kind:`page`,n:1}];if(t<=7){let e=[];for(let n=1;n<=t;n++)e.push({kind:`page`,n});return e}let n=[],r=Math.max(2,e-$n),i=Math.min(t-1,e+$n);n.push({kind:`page`,n:1}),r>2&&n.push({kind:`ellipsis`,side:`left`});for(let e=r;e<=i;e++)n.push({kind:`page`,n:e});return i<t-1&&n.push({kind:`ellipsis`,side:`right`}),n.push({kind:`page`,n:t}),n}function tr({currentPage:e,totalItems:t,pageSize:n,onPageChange:i,itemNoun:a=`items`}){if(t<=n)return null;let o=Math.ceil(t/n),s=(e-1)*n+1,c=Math.min(e*n,t),l=er(e,o),d=`inline-flex h-7 min-w-7 items-center justify-center rounded-md px-2 text-[11px] transition-colors disabled:opacity-40`;return r(`div`,{className:`flex items-center justify-between gap-4 flex-wrap pt-2 text-[11px] text-foreground-subtle`,children:[r(`span`,{children:[`Showing `,s,`–`,c,` of `,t,` `,a]}),r(`div`,{className:`flex items-center gap-1`,children:[u(`button`,{type:`button`,className:`${d} hover:bg-surface-hover`,onClick:()=>i(e-1),disabled:e<=1,"aria-label":`Previous page`,children:u(ee,{className:`h-3.5 w-3.5`})}),l.map(t=>t.kind===`ellipsis`?u(`span`,{className:`px-1 opacity-60`,children:`…`},`ellipsis-${t.side}`):u(`button`,{type:`button`,className:`${d} ${t.n===e?`bg-primary/12 text-primary font-medium`:`hover:bg-surface-hover hover:text-foreground`}`,onClick:()=>i(t.n),"aria-current":t.n===e?`page`:void 0,children:t.n},t.n)),u(`button`,{type:`button`,className:`${d} hover:bg-surface-hover`,onClick:()=>i(e+1),disabled:e>=o,"aria-label":`Next page`,children:u(A,{className:`h-3.5 w-3.5`})})]})]})}n();var nr=[[`faceGallery`]];function rr({faceIds:e,identities:t,onDone:n}){let i=c(),a=We(),o=xe(),[s,d]=l(``),[f,p]=l(!1),[m,h]=l(null),g=e!==null&&e.length>0,_=e?.length??0;function v(){p(!1),d(``),h(null)}function y(){v(),n()}function b(t){!e||e.length===0||a.mutate({faceIds:[...e],identityId:t},{onSettled:()=>{i.invalidateQueries({queryKey:nr}),y()}})}function x(){!e||!s.trim()||o.mutate({name:s.trim()},{onSuccess:e=>{e?.id&&b(e.id)},onError:()=>{i.invalidateQueries({queryKey:nr}),y()}})}let S=a.isPending||o.isPending;return u(Be,{open:g,onOpenChange:e=>!e&&y(),children:r(ve,{children:[r(ge,{children:[u(pt,{children:_>1?`Assign ${String(_)} faces to person`:`Assign face to person`}),u(Ne,{children:`Select an existing person or create a new one.`})]}),u(`div`,{className:`space-y-1 max-h-56 overflow-y-auto`,children:t.map(e=>r(`button`,{type:`button`,onClick:()=>h(e.id),className:`w-full rounded-md px-3 py-2 text-left text-xs transition-colors ${m===e.id?`bg-primary/12 text-primary`:`hover:bg-surface-hover text-foreground`}`,children:[u(`span`,{className:`font-medium`,children:e.name}),r(`span`,{className:`ml-2 text-foreground-subtle`,children:[e.sampleCount,` samples`]})]},e.id))}),u(`div`,{className:`min-h-[2.75rem] border-t border-border pt-2`,children:f?u(`div`,{className:`flex items-center gap-2`,children:u(Ke,{placeholder:`New person name…`,value:s,onChange:e=>d(e.target.value),onKeyDown:e=>{e.key===`Enter`&&x()},autoFocus:!0,className:`flex-1`})}):u(`button`,{type:`button`,onClick:()=>{h(null),p(!0)},className:`w-full rounded-md border border-dashed border-border px-3 py-2 text-left text-xs text-foreground-subtle transition-colors hover:border-primary hover:text-primary`,children:`+ New person…`})}),r(mt,{className:`min-h-[2.75rem]`,children:[u(X,{variant:`secondary`,onClick:y,disabled:S,children:`Cancel`}),f?r(X,{variant:`primary`,onClick:x,disabled:S||!s.trim(),children:[S&&u(M,{className:`h-3.5 w-3.5 animate-spin`}),`Create & assign`]}):r(X,{variant:`primary`,onClick:()=>m&&b(m),disabled:S||!m,children:[S&&u(M,{className:`h-3.5 w-3.5 animate-spin`}),`Assign`,_>1?` ${String(_)}`:``]})]})]})})}n();function ir({cameras:e,selected:n,onChange:i}){let[a,o]=l(!1),s=t(null);d(()=>{if(!a)return;function e(e){s.current&&e.target instanceof Node&&!s.current.contains(e.target)&&o(!1)}function t(e){e.key===`Escape`&&o(!1)}return document.addEventListener(`mousedown`,e),document.addEventListener(`keydown`,t),()=>{document.removeEventListener(`mousedown`,e),document.removeEventListener(`keydown`,t)}},[a]);function c(e){let t=new Set(n);t.has(e)?t.delete(e):t.add(e),i(t)}let f=n.size,p=f===0?`All cameras`:f===1?e.find(e=>n.has(e.id))?.name??`1 camera`:`${String(f)} cameras`;return r(`div`,{ref:s,className:`relative`,children:[r(`button`,{type:`button`,onClick:()=>o(e=>!e),disabled:e.length===0,className:`flex items-center gap-1.5 rounded-md border px-2.5 py-1 text-xs transition-colors disabled:opacity-40 ${f>0?`border-primary/40 bg-primary/8 text-primary`:`border-border text-foreground-subtle hover:bg-surface-hover hover:text-foreground`}`,children:[u(K,{className:`h-3.5 w-3.5`}),u(`span`,{className:`max-w-[10rem] truncate`,children:p}),u(J,{className:`h-3 w-3 opacity-70`})]}),a&&r(`div`,{className:`absolute left-0 z-30 mt-1 max-h-64 w-[min(15rem,calc(100vw-1.5rem))] overflow-y-auto rounded-md border border-border bg-surface p-1 shadow-lg shadow-black/30`,children:[f>0&&u(`button`,{type:`button`,onClick:()=>i(new Set),className:`mb-1 w-full rounded px-2 py-1 text-left text-[11px] text-foreground-subtle hover:bg-surface-hover hover:text-foreground`,children:`Clear selection`}),e.map(e=>{let t=n.has(e.id);return r(`button`,{type:`button`,onClick:()=>c(e.id),className:`flex w-full items-center gap-2 rounded px-2 py-1.5 text-left text-xs transition-colors ${t?`bg-primary/10 text-primary`:`text-foreground hover:bg-surface-hover`}`,children:[u(`span`,{className:`flex h-3.5 w-3.5 shrink-0 items-center justify-center rounded-sm border ${t?`border-primary bg-primary text-white`:`border-border`}`,children:t&&u(N,{className:`h-2.5 w-2.5`})}),u(`span`,{className:`truncate`,children:e.name})]},e.id)})]})]})}n();var ar=[{label:`24h`,value:`24h`},{label:`7d`,value:`7d`},{label:`30d`,value:`30d`},{label:`All`,value:`all`}];function or({onChange:e}){let[t,n]=l(`all`),[i,a]=l(``),[o,s]=l(``);function c(t){n(t),a(``),s(``),e(Rn(t,Date.now()))}function d(t,r){n(`custom`),a(t),s(r),e({fromMs:Un(t),toMs:Wn(r)})}let f=`rounded-md border border-border bg-surface px-2 py-1.5 text-[11px] text-foreground outline-none focus:border-primary [color-scheme:light] dark:[color-scheme:dark]`;return r(`div`,{className:`flex flex-wrap items-center gap-1.5`,children:[u(`div`,{className:`flex items-center gap-1 rounded-md border border-border p-0.5`,children:ar.map(e=>u(`button`,{type:`button`,onClick:()=>c(e.value),className:`rounded px-2.5 py-1 text-[11px] transition-colors ${t===e.value?`bg-primary/12 text-primary font-medium`:`text-foreground-subtle hover:bg-surface-hover hover:text-foreground`}`,children:e.label},e.value))}),r(`div`,{className:`flex items-center gap-1`,children:[u(`input`,{type:`date`,"aria-label":`From date`,value:i,max:o||void 0,onChange:e=>d(e.target.value,o),className:`${f} ${t===`custom`&&i?`border-primary/50`:``}`}),u(`span`,{className:`text-[11px] text-foreground-subtle`,children:`→`}),u(`input`,{type:`date`,"aria-label":`To date`,value:o,min:i||void 0,onChange:e=>d(i,e.target.value),className:`${f} ${t===`custom`&&o?`border-primary/50`:``}`})]})]})}function sr(e){return e<0?0:e>1?1:e}function cr(e,t,n){if(!Number.isFinite(t)||!Number.isFinite(n)||t<=0||n<=0)return null;let r=sr(e.x/t),i=sr(e.y/n),a=sr((e.x+e.w)/t),o=sr((e.y+e.h)/n);return{x:r,y:i,width:Math.max(0,a-r),height:Math.max(0,o-i)}}n();var lr=2.6;function ur({src:e,alt:t,className:n,overlay:i,fit:a=`contain`}){let[o,s]=l(!1),[c,f]=l(`50% 50%`);d(()=>{s(!1),f(`50% 50%`)},[e]);function p(e){if(!o){let t=e.currentTarget.getBoundingClientRect(),n=(e.clientX-t.left)/t.width*100,r=(e.clientY-t.top)/t.height*100;f(`${String(n)}% ${String(r)}%`)}s(e=>!e)}let m=a===`natural`;return u(`div`,{className:`relative overflow-hidden bg-background ${n??``}`,onClick:p,children:r(`div`,{className:`relative select-none transition-transform duration-200 ease-out ${m?`w-full`:`h-full w-full`} ${o?`cursor-zoom-out`:`cursor-zoom-in`}`,style:{transformOrigin:c,transform:o?`scale(${String(lr)})`:`scale(1)`},children:[u(`img`,{src:e,alt:t,draggable:!1,className:m?`block h-auto w-full object-contain`:`h-full w-full object-contain`}),i]})})}n();function dr(e){let[t,n]=l(null),[r,i]=l(null),[a,o]=l(!1);return d(()=>{if(n(null),i(null),o(!1),e===void 0)return;let t=!1,r=null;return(async()=>{try{let i=await Bt(Vt(e));if(t)return;r=URL.createObjectURL(i),n(r)}catch{t||o(!0)}})(),()=>{t=!0,r&&URL.revokeObjectURL(r)}},[e]),d(()=>{if(!t)return;let e=new Image;return e.onload=()=>i({width:e.naturalWidth,height:e.naturalHeight}),e.onerror=()=>o(!0),e.src=t,()=>{e.onload=null,e.onerror=null}},[t]),{frameSrc:t,naturalWidth:r?.width??null,naturalHeight:r?.height??null,failed:a}}function fr(e){let t=e.filter(e=>e.url.length>0);return t.length===0?null:t.find(e=>/crop|face/i.test(e.kind))??t[0]}function pr({label:e,value:t}){return r(`div`,{className:`flex items-baseline justify-between gap-3 py-1.5 border-b border-border/60 last:border-0`,children:[u(`span`,{className:`shrink-0 text-[11px] uppercase tracking-wide text-foreground-subtle`,children:e}),u(`span`,{className:`min-w-0 truncate text-right text-xs font-medium text-foreground`,children:t})]})}function mr({box:e}){return u(`div`,{className:`pointer-events-none absolute rounded-[3px] border-2 border-primary shadow-[0_0_0_9999px_rgba(0,0,0,0.28)]`,style:{left:`${String(e.x*100)}%`,top:`${String(e.y*100)}%`,width:`${String(e.width*100)}%`,height:`${String(e.height*100)}%`},children:u(`span`,{className:`absolute -top-4 left-0 rounded bg-primary px-1 text-[9px] font-semibold uppercase tracking-wide text-white`,children:`Face`})})}function hr({face:e,cameraName:t,onClose:n,onAssign:a,onUnassign:o,onDelete:s,actionsPending:c}){let{data:d,isFetching:f}=De({faceId:e?.faceId??``},{enabled:e!==null}),[p,m]=l(`frame`),{frameSrc:h,naturalWidth:_,naturalHeight:y,failed:b}=dr(e?.keyFrameMediaId),x=i(()=>{let t=fr(d??[]);return t?t.url:Zn(e)},[d,e]),S=i(()=>!e?.faceBbox||_===null||y===null?null:cr(e.faceBbox,_,y),[e?.faceBbox,_,y]);if(e===null)return null;let C=e.keyFrameMediaId!==void 0&&!b,w=C&&p===`frame`,T=e.assigned?e.identityName??`Assigned`:e.recognizedIdentityId?`${e.identityName??`Recognized`} (suggested)`:`Unassigned`;return u(Be,{open:!0,onOpenChange:e=>!e&&n(),children:r(ve,{width:`lg`,placement:`sheet-on-mobile`,"aria-label":`Face detail`,className:`flex max-h-[92dvh] flex-col gap-0 overflow-hidden p-0 bottom-0 left-0 right-0 top-auto w-full max-w-full translate-x-0 translate-y-0 rounded-b-none md:bottom-auto md:left-1/2 md:right-auto md:top-1/2 md:w-[calc(100vw-2rem)] md:max-w-xl md:-translate-x-1/2 md:-translate-y-1/2 md:rounded-lg md:max-h-[calc(100dvh-2rem)]`,children:[u(`header`,{className:`flex shrink-0 items-start gap-2 border-b border-border py-3 pl-4 pr-10`,children:r(`div`,{className:`min-w-0`,children:[u(`div`,{className:`truncate text-sm font-semibold text-foreground`,children:`Face detail`}),u(`div`,{className:`mt-0.5 truncate text-[11px] text-foreground-subtle`,children:t})]})}),r(`div`,{className:`min-h-0 flex-1 space-y-3 overflow-y-auto overscroll-contain px-4 py-3`,children:[C&&r(`div`,{className:`flex items-center gap-1 rounded-md border border-border p-0.5 text-xs`,children:[r(`button`,{type:`button`,onClick:()=>m(`frame`),className:`flex flex-1 items-center justify-center gap-1 rounded px-2 py-1 transition-colors ${p===`frame`?`bg-primary/12 font-medium text-primary`:`text-foreground-subtle hover:bg-surface-hover hover:text-foreground`}`,children:[u(V,{className:`h-3.5 w-3.5`}),` Full frame`]}),r(`button`,{type:`button`,onClick:()=>m(`crop`),className:`flex flex-1 items-center justify-center gap-1 rounded px-2 py-1 transition-colors ${p===`crop`?`bg-primary/12 font-medium text-primary`:`text-foreground-subtle hover:bg-surface-hover hover:text-foreground`}`,children:[u(de,{className:`h-3.5 w-3.5`}),` Crop`]})]}),w&&h?u(`div`,{className:`overflow-hidden rounded-lg border border-border bg-background`,children:u(ur,{src:h,alt:`Full frame with detected face`,fit:`natural`,className:`w-full`,overlay:S?u(mr,{box:S}):void 0})}):x?r(`div`,{className:`relative aspect-square w-full overflow-hidden rounded-lg border border-border`,children:[u(ur,{src:x,alt:`Detected face`,className:`h-full w-full`}),f&&u(`div`,{className:`absolute right-2 top-2 rounded-full bg-black/50 p-1 text-white`,children:u(M,{className:`h-3.5 w-3.5 animate-spin`})})]}):r(`div`,{className:`flex aspect-square w-full flex-col items-center justify-center gap-1.5 rounded-lg border border-border bg-warning/5 text-foreground-subtle`,children:[u(R,{className:`h-8 w-8 text-warning/70`}),u(`span`,{className:`text-[11px] font-medium uppercase tracking-wide text-warning/80`,children:`No image`}),u(`span`,{className:`px-6 text-center text-[10px] text-foreground-subtle`,children:`The crop media for this face could not be resolved (a pre-fix orphan). Safe to delete.`})]}),r(`div`,{className:`rounded-lg border border-border bg-surface px-3 py-1`,children:[u(pr,{label:`Camera`,value:t}),u(pr,{label:`Captured`,value:qn(e.timestamp)}),u(pr,{label:`Track`,value:e.trackId}),u(pr,{label:`Identity`,value:T})]})]}),r(`footer`,{className:`flex shrink-0 items-center justify-end gap-2 border-t border-border px-4 py-3 pb-[max(0.75rem,env(safe-area-inset-bottom))]`,children:[e.assigned?r(X,{variant:`secondary`,onClick:()=>o(e.faceId),disabled:c,children:[u(le,{className:`h-3.5 w-3.5`}),` Detach`]}):r(X,{variant:`primary`,onClick:()=>a(e.faceId),disabled:c,children:[u(g,{className:`h-3.5 w-3.5`}),` Assign`]}),r(X,{variant:`secondary`,onClick:()=>s(e.faceId),disabled:c,children:[u(v,{className:`h-3.5 w-3.5`}),` Delete`]})]})]})})}function gr(e,t){let n=new Set(e);return n.has(t)?n.delete(t):n.add(t),n}function _r(e,t){return e.faceIds.filter(e=>!t.has(e))}function vr(e,t){return e.faceIds.filter(e=>t(e))}n();var yr=[[`faceGallery`]],br=20,xr=.3,Sr=.9,Cr=.05,wr=.5,Tr=2,Er=10,Dr=2;function Or({cluster:e,face:t,active:n,onSelect:i}){let a=Zn(t);return r(`button`,{type:`button`,onClick:i,className:`flex shrink-0 flex-col items-center gap-1.5 rounded-md border p-2 text-center transition-colors md:w-full md:flex-row md:gap-2.5 md:text-left ${n?`border-primary bg-primary/8`:`border-border bg-surface hover:bg-surface-hover`}`,children:[u(`div`,{className:`h-24 w-24 shrink-0 overflow-hidden rounded bg-surface-hover`,children:a===null?u(R,{className:`h-24 w-24 p-6 text-foreground-subtle`}):u(`img`,{src:a,alt:``,loading:`lazy`,decoding:`async`,className:`h-24 w-24 object-cover`})}),r(`span`,{className:`w-24 text-[11px] leading-tight text-foreground-subtle md:w-auto`,children:[e.size,` faces · `,Math.round(e.cohesion*100),`% alike`]})]})}function kr({face:e,cameraName:t,nowMs:n,excluded:i,onToggleExclude:a,onDelete:o,deletePending:s}){let c=Zn(e);return r(`div`,{className:`relative flex flex-col rounded-md border bg-surface overflow-hidden transition-opacity ${i?`border-border opacity-40 grayscale`:`border-border`}`,children:[r(`div`,{className:`aspect-square relative overflow-hidden bg-surface-hover`,children:[c===null?r(`div`,{className:`flex h-full w-full flex-col items-center justify-center gap-1 bg-warning/5 text-foreground-subtle`,children:[u(R,{className:`h-7 w-7 text-warning/70`}),u(`span`,{className:`text-[9px] font-medium uppercase tracking-wide text-warning/80`,children:`No crop`})]}):u(ur,{src:c,alt:`Face from ${t}`,className:`h-full w-full`}),u(`button`,{type:`button`,onClick:e=>{e.stopPropagation(),a()},className:`absolute right-1 top-1 z-10 rounded-full bg-black/50 p-1.5 text-white hover:bg-black/70`,"aria-label":i?`Include face`:`Exclude face`,title:i?`Include`:`Exclude`,children:u(i?f:I,{className:`h-3.5 w-3.5`})})]}),r(`div`,{className:`min-w-0 px-2 pt-1.5 space-y-0.5`,children:[u(`p`,{className:`text-[10px] font-medium text-foreground truncate`,title:t,children:t}),u(`p`,{className:`text-[10px] text-foreground-subtle truncate`,children:Gn(e.timestamp,n)})]}),u(`div`,{className:`mt-1 flex min-h-[2rem] items-center justify-end border-t border-border/60 px-1 py-0.5`,children:u(`button`,{type:`button`,onClick:e=>{e.stopPropagation(),o()},disabled:s,className:`rounded p-1.5 text-foreground-subtle transition-colors hover:bg-danger/10 hover:text-danger disabled:opacity-40`,"aria-label":`Delete face`,title:`Delete face`,children:s?u(M,{className:`h-4 w-4 animate-spin`}):u(v,{className:`h-4 w-4`})})})]})}function Ar({open:e,onClose:t,byId:n,cameraName:a,nowMs:o,identities:f,selectMany:p}){let m=c(),h=Ze(),_=Oe(),[v,y]=l(wr),[b,x]=l(Dr),[S,C]=l(null),[w,T]=l({}),[E,O]=l(null),{data:k,isFetching:A,refetch:j}=it({threshold:v,minClusterSize:b,limit:br},{enabled:e}),N=k??[];d(()=>{T({})},[v,b]),d(()=>{if(N.length===0){C(null);return}N.some(e=>e.representativeFaceId===S)||C(N[0]?.representativeFaceId??null)},[N]);let P=i(()=>N.find(e=>e.representativeFaceId===S)??null,[N,S]),F=P?w[P.representativeFaceId]??new Set:new Set,I=i(()=>P?vr(P,e=>n.has(e)):[],[P,n]),L=P?P.faceIds.length-I.length:0,R=P?_r({...P,faceIds:I},F):[];function z(e){if(!P)return;let t=P.representativeFaceId;T(n=>({...n,[t]:gr(n[t]??new Set,e)}))}function B(){m.invalidateQueries({queryKey:yr})}async function V(e){await h({title:`Delete face`,message:`Permanently deletes this face crop. This cannot be undone.`,confirmLabel:`Delete`,variant:`danger`})&&_.mutate({faceId:e},{onSettled:B})}function H(){O(null),t()}function U(){R.length!==0&&(p(R),H())}return r(Be,{open:e,onOpenChange:e=>!e&&H(),children:[r(ve,{placement:`sheet-on-mobile`,width:`lg`,"aria-label":`Look-alike groups`,className:`flex max-h-[92dvh] flex-col gap-0 overflow-hidden p-0 md:max-w-4xl`,children:[r(`header`,{className:`flex shrink-0 flex-col gap-2 border-b border-border py-3 pl-4 pr-10`,children:[r(`div`,{className:`flex items-center gap-1.5 text-sm font-semibold text-foreground`,children:[u(D,{className:`h-4 w-4 text-primary`}),` Look-alike groups`]}),r(`div`,{className:`flex flex-wrap items-center gap-x-4 gap-y-2`,children:[r(`label`,{className:`flex items-center gap-2 text-[11px] text-foreground-subtle`,children:[`Threshold`,u(`input`,{type:`range`,min:xr,max:Sr,step:Cr,value:v,onChange:e=>y(Number(e.target.value)),className:`h-1.5 w-28 cursor-pointer accent-primary`}),u(`span`,{className:`w-8 shrink-0 text-right font-mono text-[11px] tabular-nums text-foreground`,children:v.toFixed(2)})]}),r(`label`,{className:`flex items-center gap-2 text-[11px] text-foreground-subtle`,children:[`Min size`,u(`input`,{type:`number`,min:Tr,max:Er,step:1,value:b,onChange:e=>x(Math.min(Er,Math.max(Tr,Number(e.target.value)||Tr))),className:`w-12 rounded border border-border bg-background px-1.5 py-0.5 text-xs text-foreground`})]}),r(X,{variant:`secondary`,onClick:()=>{T({}),j()},disabled:A,children:[A?u(M,{className:`h-3.5 w-3.5 animate-spin`}):u(te,{className:`h-3.5 w-3.5`}),`Re-analyze`]})]})]}),u(`div`,{className:`flex min-h-0 flex-1 flex-col gap-3 overflow-hidden px-4 py-3 md:flex-row`,children:A&&N.length===0?r(`div`,{className:`flex flex-1 items-center justify-center gap-2 py-8 text-xs text-foreground-subtle`,children:[u(M,{className:`h-4 w-4 animate-spin`}),` Finding similar faces…`]}):N.length===0?u(`div`,{className:`flex flex-1 items-center justify-center py-8 text-xs text-foreground-subtle`,children:`No look-alike groups at this threshold.`}):r(s,{children:[u(`div`,{className:`flex gap-2 overflow-x-auto pb-1 md:hidden`,children:N.map(e=>u(Or,{cluster:e,face:n.get(e.representativeFaceId),active:e.representativeFaceId===S,onSelect:()=>C(e.representativeFaceId)},e.representativeFaceId))}),u(`div`,{className:`hidden shrink-0 flex-col gap-2 overflow-y-auto md:flex md:w-56`,children:N.map(e=>u(Or,{cluster:e,face:n.get(e.representativeFaceId),active:e.representativeFaceId===S,onSelect:()=>C(e.representativeFaceId)},e.representativeFaceId))}),u(`div`,{className:`min-h-0 flex-1 overflow-y-auto`,children:P&&r(s,{children:[L>0&&r(`p`,{className:`mb-2 text-[11px] text-foreground-subtle`,children:[L,` not loaded — excluded from actions`]}),u(`div`,{className:`grid grid-cols-[repeat(auto-fill,minmax(13rem,13rem))] justify-start gap-2`,children:I.map(e=>{let t=n.get(e);return t?u(kr,{face:t,cameraName:a(t.deviceId),nowMs:o,excluded:F.has(e),onToggleExclude:()=>z(e),onDelete:()=>void V(e),deletePending:_.isPending&&_.variables?.faceId===e},e):null})})]})})]})}),r(`footer`,{className:`flex shrink-0 items-center justify-end gap-2 border-t border-border px-4 py-3 pb-[max(0.75rem,env(safe-area-inset-bottom))]`,children:[u(X,{variant:`secondary`,onClick:U,disabled:R.length===0,children:`Select in gallery`}),r(X,{variant:`primary`,onClick:()=>O(R),disabled:R.length===0,children:[u(g,{className:`h-3.5 w-3.5`}),` Adopt (`,R.length,`)`]})]})]}),u(rr,{faceIds:E,identities:f,onDone:()=>O(null)})]})}n();var jr=[[`faceGallery`]],Mr=500,Nr=120;function Pr({face:e,cameraName:t,nowMs:n,selected:i,onToggleSelect:a,onAssign:o,onOpenDetail:s}){let l=c(),d=wt(),f=Oe(),p=()=>{l.invalidateQueries({queryKey:jr})},m=()=>s(e.faceId),h=Zn(e);return r(`div`,{className:`relative flex flex-col rounded-md border bg-surface overflow-hidden ${i?`border-primary ring-1 ring-primary`:`border-border`}`,children:[r(`div`,{className:`aspect-square relative overflow-hidden bg-surface-hover`,children:[h===null?r(`button`,{type:`button`,onClick:m,className:`flex h-full w-full flex-col items-center justify-center gap-1 bg-warning/5 text-foreground-subtle`,title:`No crop image — the face's crop media is missing (a pre-fix orphan). Safe to delete.`,children:[u(R,{className:`h-7 w-7 text-warning/70`}),u(`span`,{className:`text-[9px] font-medium uppercase tracking-wide text-warning/80`,children:`No crop`})]}):u(`img`,{src:h,alt:`Face from ${t}`,onClick:m,loading:`lazy`,decoding:`async`,className:`h-full w-full cursor-zoom-in object-cover`}),u(`button`,{type:`button`,onClick:t=>{t.stopPropagation(),a(e.faceId)},className:`absolute left-0 top-0 z-10 rounded-br-md bg-black/50 p-1.5 text-white hover:bg-black/70`,"aria-label":i?`Deselect`:`Select`,children:i?u(se,{className:`h-4 w-4 text-primary`}):u(y,{className:`h-4 w-4`})})]}),r(`div`,{className:`min-w-0 px-2 pt-1.5 space-y-0.5`,children:[u(`p`,{className:`text-[10px] font-medium text-foreground truncate`,title:t,children:t}),u(`p`,{className:`text-[10px] text-foreground-subtle truncate`,children:Gn(e.timestamp,n)}),u(`p`,{className:`min-h-[0.875rem] truncate text-[10px] font-medium leading-tight ${e.identityName?`text-primary`:`invisible`}`,title:e.identityName,children:e.identityName??`\xA0`})]}),r(`div`,{className:`mt-1 flex min-h-[2rem] items-center gap-0.5 border-t border-border/60 px-1 py-0.5`,children:[e.assigned?u(`button`,{type:`button`,onClick:t=>{t.stopPropagation(),d.mutate({faceId:e.faceId},{onSettled:p})},disabled:d.isPending,className:`rounded p-1.5 text-foreground-subtle transition-colors hover:bg-warning/10 hover:text-warning disabled:opacity-40`,"aria-label":`Detach face`,title:`Detach`,children:d.isPending?u(M,{className:`h-4 w-4 animate-spin`}):u(le,{className:`h-4 w-4`})}):u(`button`,{type:`button`,onClick:t=>{t.stopPropagation(),o(e.faceId)},className:`rounded p-1.5 text-foreground-subtle transition-colors hover:bg-primary/10 hover:text-primary`,"aria-label":`Assign face to person`,title:`Assign to person`,children:u(g,{className:`h-4 w-4`})}),u(`button`,{type:`button`,onClick:t=>{t.stopPropagation(),f.mutate({faceId:e.faceId},{onSettled:p})},disabled:f.isPending,className:`ml-auto rounded p-1.5 text-foreground-subtle transition-colors hover:bg-danger/10 hover:text-danger disabled:opacity-40`,"aria-label":`Delete face`,title:`Delete face`,children:f.isPending?u(M,{className:`h-4 w-4 animate-spin`}):u(v,{className:`h-4 w-4`})})]})]})}var Fr=[{label:`All`,value:`all`},{label:`Unassigned`,value:`unassigned`},{label:`Recognized`,value:`recognized`}];function Ir(){let e=c(),[t,n]=l(`all`),[a,o]=l(Fn),[d,f]=l(new Set),[p,m]=l(new Set),[h,_]=l(null),[y,b]=l(!1),[x,S]=l(null),{data:C,isLoading:w}=Ye({limit:Mr,filter:t,includeCrops:!1},{refetchInterval:3e4}),{data:T=[]}=Je(),{data:E}=ht({isCamera:!0,projection:`slim`}),O=We(),k=wt(),A=vt(),j=Oe(),N=Date.now(),P=C??[],F=i(()=>{let e=new Map;for(let t of E??[])e.set(t.id,t.name);return e},[E]),L=e=>F.get(e)??`Camera #${String(e)}`,z=i(()=>Hn(P).map(e=>({id:e,name:L(e)})).sort((e,t)=>e.name.localeCompare(t.name)),[P,F]),B=i(()=>Vn(Bn(P,a),d),[P,a,d]),V=Qn(B,Nr,i(()=>JSON.stringify([t,a.fromMs,a.toMs,[...d].sort((e,t)=>e-t)]),[t,a.fromMs,a.toMs,d])),H=i(()=>new Map(P.map(e=>[e.faceId,e])),[P]),U=i(()=>Xn(B),[B]),W=x===null?null:H.get(x)??null,G=()=>{e.invalidateQueries({queryKey:jr})},ee=()=>m(new Set);function K(e){m(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})}function q(e){m(t=>{let n=new Set(t);for(let t of e)n.add(t);return n})}function J(){q(Yn(B))}let te=[...p],Y=O.isPending||A.isPending||j.isPending,ne=k.isPending||j.isPending;function re(){te.length!==0&&A.mutate({faceIds:te},{onSettled:()=>{G(),ee()}})}function ie(){te.length!==0&&Promise.allSettled(te.map(e=>j.mutateAsync({faceId:e}))).then(()=>{G(),ee()})}function ae(e){S(null),_([e])}function oe(e){k.mutate({faceId:e},{onSettled:G}),S(null)}function se(e){j.mutate({faceId:e},{onSettled:G}),S(null)}let ce=B.length!==P.length;return r(`div`,{className:`relative space-y-3`,children:[r(`div`,{className:`flex flex-wrap items-center gap-1.5`,children:[u(`div`,{className:`flex items-center gap-1`,children:Fr.map(e=>u(`button`,{type:`button`,onClick:()=>n(e.value),className:`rounded-md px-2.5 py-1 text-xs transition-colors ${t===e.value?`bg-primary/12 text-primary font-medium`:`text-foreground-subtle hover:bg-surface-hover hover:text-foreground`}`,children:e.label},e.value))}),u(or,{onChange:o}),u(ir,{cameras:z,selected:d,onChange:f}),r(`button`,{type:`button`,onClick:()=>b(!0),className:`flex items-center gap-1 rounded-md px-2.5 py-1 text-xs transition-colors ${y?`bg-primary/12 text-primary font-medium`:`text-foreground-subtle hover:bg-surface-hover hover:text-foreground`}`,children:[u(D,{className:`h-3.5 w-3.5`}),` Similar groups`]}),!w&&U>0&&r(`button`,{type:`button`,onClick:J,className:`ml-auto flex items-center gap-1 rounded-md px-2.5 py-1 text-xs text-warning/90 transition-colors hover:bg-warning/10`,title:`Select every visible face whose crop image is missing so you can delete the orphans in one pass`,children:[u(R,{className:`h-3.5 w-3.5`}),` Select `,U,` crop-less`]}),!w&&u(`span`,{className:`text-[10px] text-foreground-subtle ${U>0?`ml-2`:`ml-auto`}`,children:ce?`${String(B.length)} of ${String(P.length)} faces`:`${String(B.length)} face${B.length===1?``:`s`}`})]}),p.size>0&&r(`div`,{className:`flex flex-wrap items-center gap-2 rounded-md border border-primary/40 bg-primary/8 px-3 py-2`,children:[r(`span`,{className:`text-xs font-medium text-foreground`,children:[p.size,` selected`]}),r(`div`,{className:`ml-auto flex flex-wrap items-center gap-1.5`,children:[r(X,{variant:`primary`,onClick:()=>_(te),disabled:Y,children:[u(g,{className:`h-3.5 w-3.5`}),` Assign`]}),r(X,{variant:`secondary`,onClick:re,disabled:Y,children:[A.isPending?u(M,{className:`h-3.5 w-3.5 animate-spin`}):u(le,{className:`h-3.5 w-3.5`}),` `,`Detach`]}),r(X,{variant:`secondary`,onClick:ie,disabled:Y,children:[u(v,{className:`h-3.5 w-3.5`}),` Delete`]}),u(X,{variant:`ghost`,onClick:ee,disabled:Y,children:u(I,{className:`h-3.5 w-3.5`})})]})]}),w?u(Te,{status:`pending`,pendingMessage:`Loading faces…`,testId:`faces-grid`}):B.length===0?u(Re,{icon:R,title:P.length>0?`Nothing matches the filter`:`No faces found for this filter`,description:P.length>0?`Widen the date range or clear the camera filter.`:`Face crops appear here when the detection pipeline captures them.`}):r(s,{children:[u(Te,{status:`ready`,testId:`faces-grid`,className:`grid-cols-[repeat(auto-fill,minmax(6.5rem,6.5rem))] justify-start`,children:V.pageItems.map(e=>u(Pr,{face:e,cameraName:L(e.deviceId),nowMs:N,selected:p.has(e.faceId),onToggleSelect:K,onAssign:e=>_([e]),onOpenDetail:S},e.faceId))}),u(tr,{currentPage:V.page,totalItems:V.totalItems,pageSize:V.pageSize,onPageChange:V.setPage,itemNoun:`faces`})]}),u(hr,{face:W,cameraName:W?L(W.deviceId):``,onClose:()=>S(null),onAssign:ae,onUnassign:oe,onDelete:se,actionsPending:ne}),u(rr,{faceIds:h,identities:T,onDone:()=>{_(null),ee()}}),u(Ar,{open:y,onClose:()=>b(!1),byId:H,cameraName:L,nowMs:N,identities:T,selectMany:q})]})}function Lr(e){let{delayMs:t,invalidate:n,setTimeoutFn:r=setTimeout,clearTimeoutFn:i=clearTimeout}=e,a;function o(){a===void 0&&(a=r(()=>{a=void 0,n()},t))}function s(){a!==void 0&&(i(a),a=void 0)}return{trigger:o,cancel:s}}n();var Rr=[[`faceGallery`]],zr=2e3;function Br(){let e=c(),n=t(e);n.current=e;let r=t(void 0);r.current||=Lr({delayMs:zr,invalidate:()=>{n.current.invalidateQueries({queryKey:Rr})}}),d(()=>()=>r.current?.cancel(),[]),dt(me.PipelineAnalyticsFaceGalleryChanged,()=>{r.current?.trigger()})}function Vr(){return Br(),r(`div`,{className:`space-y-3`,children:[u(Ue,{headingId:`library-people`,title:`People`,icon:fe,testId:`library-section-people`,children:r(`div`,{className:`${m} space-y-3`,children:[u(`p`,{className:`text-[11px] leading-relaxed text-foreground-subtle`,children:`Enrolled identities used for face recognition. Open a person to rename them or remove training samples.`}),u(Pn,{})]})}),u(Ue,{headingId:`library-recent-faces`,title:`Recent detected faces`,icon:ne,testId:`library-section-recent-faces`,children:r(`div`,{className:`${m} space-y-3`,children:[u(`p`,{className:`text-[11px] leading-relaxed text-foreground-subtle`,children:`Face crops captured by the detection pipeline. Assign them to a person to build recognition training data.`}),u(Ir,{})]})})]})}function Hr(e){let t=e.subLabel??e.label;if(t!==void 0)return t;let n=e.audioLabels?.[0]?.label;return n!==void 0&&n.length>0?n:void 0}var Ur=720*60*60*1e3;function Wr(e){let t=[];for(let n of e)t.push(...n);return t}function Gr(e,t){let n=[...e];return n.sort((e,n)=>t===`importance`?n.importance-e.importance:n.timestamp-e.timestamp),n}function Kr(e,t){return e.filter(e=>!(e.importance<t.minImportance||t.cameras.size>0&&!t.cameras.has(e.deviceId)||t.classes.size>0&&!t.classes.has(e.className)))}function qr(e,t){return`${String(e)}:${t}`}function Jr(e,t){let n=new Map,r=new Set;for(let i of e){let e=qr(i.deviceId,i.trackId);if(!t.has(e)||r.has(e))continue;r.add(e);let a=n.get(i.deviceId);a?a.push(i.trackId):n.set(i.deviceId,[i.trackId])}return n}function Yr(e,t){return{since:e.fromMs??t-Ur,until:e.toMs??t}}var Xr=[`native`,`raster`,`standin`];function Zr(e){return Xr.some(t=>t===e)}var Qr={standin:{label:`stand-in`,title:`Stand-in: this tile is a face or plate detail crop copied in because no frame of the subject was captured. It is not a best shot.`,tone:`warning`},raster:{label:`low-res`,title:`Raster crop: a sub-native cut of the subject, not a native capture. Honest, but lower resolution than a best shot.`,tone:`info`}};function $r(e){return e===`standin`?Qr.standin:e===`raster`?Qr.raster:null}var ei={"no-key-frame":`No key frame existed at close, so no native tile could be cut.`,"no-best-seen-bbox":`No subject box was ever recorded, so there was nothing to cut around.`,"derive-returned-null":`The close-time crop was attempted and produced nothing.`,"derive-threw":`The close-time crop failed with an error.`,"derive-not-wired":`No close-time crop was wired on this node.`,"no-media-store":`The node was shutting down mid-close.`,"no-thumbnail":`The track closed with no tile of any kind.`,"standin-tile":`The track closed with a detail crop standing in for the subject.`,"raster-tile":`The track closed with a sub-native raster crop of the subject.`,"native-tile":`The track closed with a native tile.`};function ti(e){if(e===void 0)return null;let t=e.trim();if(t.length===0)return null;let n=t.split(/\s+/),r=n[0]??t,i=[];for(let e of n.slice(1)){let t=e.indexOf(`=`);t===-1?i.push({key:e,value:null}):i.push({key:e.slice(0,t),value:e.slice(t+1)})}return{sentence:ei[r]??r,detail:i,raw:t}}function ni(e){if(e===void 0||!Number.isFinite(e)||e<=0)return``;let t=e/1e3;if(t<60)return`${t.toFixed(1)}s`;let n=Math.floor(t/60),r=Math.round(t%60);return`${String(n)}m ${String(r).padStart(2,`0`)}s`}function ri({row:e,cameraName:t,nowMs:n,onOpenDetail:i,selected:a=!1,onToggleSelect:o,score:s,provenance:c,footer:l}){let d=Rt(e.mediaId===void 0?zt(`track`,e.trackId):Vt(e.mediaId)),f=Math.round(e.importance*100),p=s===void 0?void 0:Math.round(s*100),m=ni(e.windowMs),g=()=>i(e),_=$r(c);return r(`div`,{className:`relative flex flex-col rounded-md border bg-surface overflow-hidden ${a?`border-primary ring-1 ring-primary`:`border-border`}`,children:[r(`div`,{className:`aspect-video relative overflow-hidden bg-surface-hover`,children:[d.src?u(`img`,{src:d.src,alt:`Event from ${t}`,onClick:g,className:`h-full w-full cursor-zoom-in object-cover`}):u(`button`,{type:`button`,onClick:g,className:`flex h-full w-full flex-col items-center justify-center gap-1 bg-surface-hover text-foreground-subtle`,title:d.failed?`Key-event media unavailable`:`No key-event media`,children:u(R,{className:`h-6 w-6 opacity-60`})}),o&&u(`button`,{type:`button`,onClick:t=>{t.stopPropagation(),o(qr(e.deviceId,e.trackId))},className:`absolute left-0 top-0 z-10 rounded-br-md bg-black/50 p-1.5 text-white hover:bg-black/70`,"aria-label":a?`Deselect`:`Select`,children:a?u(se,{className:`h-4 w-4 text-primary`}):u(y,{className:`h-4 w-4`})}),p!==void 0&&r(`span`,{className:`absolute left-1 top-1 z-10 rounded bg-primary/85 px-1.5 py-0.5 text-[10px] font-semibold text-white tabular-nums`,title:`CLIP semantic-match score`,children:[String(p),`%`]}),f>0&&u(`span`,{className:`absolute right-1 top-1 z-10 rounded bg-black/60 px-1.5 py-0.5 text-[10px] font-semibold text-white`,children:String(f)}),_!==null&&u(`span`,{className:`absolute bottom-1 right-1 z-10 rounded px-1.5 py-0.5 text-[10px] font-semibold text-white ${_.tone===`warning`?`bg-warning/90`:`bg-black/70`}`,title:_.title,children:_.label}),(e.markForTrain===!0||e.retrainStatus===`trained`||e.debug===!0||e.favourited===!0)&&r(`span`,{className:`absolute bottom-1 left-1 z-10 flex gap-1`,children:[e.markForTrain===!0&&u(`span`,{className:`rounded bg-primary/85 p-0.5 text-white`,title:`Marked for training`,"aria-label":`Marked for training`,children:u(q,{className:`h-3 w-3`})}),e.retrainStatus===`trained`&&e.markForTrain!==!0&&u(`span`,{className:`rounded bg-success/85 p-0.5 text-white`,title:`Training complete`,"aria-label":`Training complete`,"data-testid":`retrain-status-trained`,children:u(N,{className:`h-3 w-3`})}),e.debug===!0&&u(`span`,{className:`rounded bg-black/70 p-0.5 text-white`,title:`Flagged for debug`,"aria-label":`Flagged for debug`,children:u(h,{className:`h-3 w-3`})}),e.favourited===!0&&u(`span`,{className:`rounded bg-primary/85 p-0.5 text-white`,title:`Favourited`,"aria-label":`Favourited`,children:u(H,{className:`h-3 w-3`})})]})]}),r(`button`,{type:`button`,onClick:g,className:`min-w-0 px-2 py-1.5 text-left space-y-0.5`,children:[r(`p`,{className:`text-[11px] font-medium text-foreground truncate`,title:e.className,children:[e.className,Hr(e)?r(`span`,{className:`text-foreground-subtle`,children:[` · `,Hr(e)]}):null]}),u(`p`,{className:`text-[10px] text-foreground-subtle truncate`,title:t,children:t}),r(`div`,{className:`flex items-center justify-between gap-2`,children:[u(`span`,{className:`text-[10px] text-foreground-subtle truncate`,children:Gn(e.timestamp,n)}),m&&u(`span`,{className:`text-[10px] text-foreground-subtle shrink-0`,children:m})]})]}),l!==void 0&&u(`div`,{className:`px-2 pb-1.5`,children:l})]})}n();var ii=1400,ai=`Admin-gated URL — opens only inside an authenticated session`;function oi({label:t,value:n,title:i}){let[a,o]=l(!1),s=Le();return d(()=>{if(!a)return;let e=setTimeout(()=>o(!1),ii);return()=>clearTimeout(e)},[a]),r(`button`,{type:`button`,onClick:e(()=>{(async()=>{try{await navigator.clipboard.writeText(n),o(!0)}catch{await s({title:`Copy the media URL`,message:`Clipboard access was refused. Select the URL below and copy it manually.`,label:`${t} URL`,defaultValue:n,readOnly:!0,cancelLabel:`Close`})}})()},[n,t,s]),title:i,"aria-label":`Copy ${t} URL`,className:`flex min-w-0 items-center gap-1 rounded border px-1.5 py-0.5 text-[10px] font-medium transition-colors ${a?`border-success/40 bg-success/10 text-success`:`border-border text-foreground-subtle hover:border-primary hover:text-foreground`}`,children:[u(a?N:O,{className:`h-2.5 w-2.5 shrink-0`}),u(`span`,{className:`truncate`,children:a?`Copied`:t})]})}function si({localUrl:e,publicUrl:t}){return r(`div`,{className:`flex flex-wrap gap-1`,children:[u(oi,{label:`Local`,value:e,title:`Copy LAN URL — ${ai}`}),t&&u(oi,{label:`Public`,value:t,title:`Copy public URL — ${ai}`})]})}var ci={firstFrame:`First frame (track start)`,lastFrame:`Last frame (track end)`,thumbnail:`Best detection`,thumbnailSmall:`Best detection (480)`,snapshot:`Snapshot`,keyFrame:`Key frame (native-res)`,keyFrameSmall:`Key frame (960)`,crop:`Object crop`,fullFrame:`Full frame`,fullFrameBoxed:`Full frame (boxed)`,faceCrop:`Face crop`,plateCrop:`Plate crop`,confirmationCrop:`Confirmation crop (what the gate saw)`,debugCrop:`Debug crop (why this decision)`,sceneFrame:`Scene frame (clean)`,lastSceneFrame:`Last frame (clean)`};function li(e){return e in ci}function ui(e){return li(e)?ci[e]:e}function di(e,t){return`${e}${t}`}n();var fi=3e4;function pi(t){let[n,r]=l(null),i=e(e=>{r(t=>t??e)},[]);return d(()=>{t||r(null)},[t]),{publicOrigin:n,probes:t?u(mi,{onOrigin:i}):null}}function mi({onOrigin:e}){let{data:t}=ye({capName:`network-access`});return u(s,{children:(t??[]).map(t=>u(hi,{addonId:t.addonId,onOrigin:e},t.addonId))})}function hi({addonId:e,onOrigin:t}){let{data:n}=ke({addonId:e},{refetchInterval:fi,retry:!1});return d(()=>{let e=n?pe.safeParse(n):null,r=e?.success?e.data.endpoint?.url:void 0;if(r)try{t(new URL(r).origin)}catch{}},[n,t]),null}var gi=typeof $e==`function`,_i=`Track flags arrive with the next server update`;function vi(){return{mutateAsync:async()=>{throw Error(`setTrackFlags unavailable`)},isPending:!1}}var yi=gi?$e:vi;function bi(e){if(typeof e!=`object`||!e||!(`trackId`in e)||!(`markForTrain`in e)||!(`debug`in e)||!(`favourited`in e))return null;let{trackId:t,markForTrain:n,debug:r,favourited:i}=e;return typeof t!=`string`||typeof n!=`boolean`||typeof r!=`boolean`||typeof i!=`boolean`?null:{trackId:t,markForTrain:n,debug:r,favourited:i}}n();function xi({label:e,hint:t,checked:n,disabled:i,title:a,icon:o,onToggle:s}){return r(`button`,{type:`button`,role:`switch`,"aria-checked":n,"aria-label":e,disabled:i,title:a,onClick:s,className:`flex w-full items-center gap-2 rounded-md border px-2 py-1.5 text-left transition-colors disabled:opacity-50 ${n?`border-primary bg-primary/10`:`border-border bg-surface hover:bg-surface-hover`}`,children:[u(`span`,{className:n?`text-primary`:`text-foreground-subtle`,children:o}),r(`span`,{className:`min-w-0 flex-1`,children:[u(`span`,{className:`block text-[11px] font-medium text-foreground`,children:e}),u(`span`,{className:`block text-[10px] text-foreground-subtle`,children:t})]}),u(`span`,{"aria-hidden":`true`,className:`h-4 w-7 shrink-0 rounded-full p-0.5 transition-colors ${n?`bg-primary`:`bg-border`}`,children:u(`span`,{className:`block h-3 w-3 rounded-full bg-white transition-transform ${n?`translate-x-3`:``}`})})]})}function Si({deviceId:e,trackId:t,markForTrain:n,debug:i,favourited:a,onChange:o}){let s=yi(),c=qe(),[d,f]=l(null),p=d?.markForTrain??n===!0,m=d?.debug??i===!0,g=d?.favourited??a===!0,_=!gi||s.isPending,v=gi?void 0:_i,y=n=>{_||(async()=>{try{let r=bi(await s.mutateAsync({deviceId:e,trackId:t,flags:n}));if(!r)return;f(r),o?.(r)}catch(e){let t=e instanceof Error?e.message:``;await c({title:`Could not update this track`,message:t===``?`Could not update this track. Check the server logs.`:t,variant:`danger`})}})()};return r(`div`,{className:`grid gap-1.5 sm:grid-cols-2`,children:[u(xi,{label:`Mark for training`,hint:`Keeps this track and its media past retention`,checked:p,disabled:_,...v===void 0?{}:{title:v},icon:u(q,{className:`h-4 w-4`}),onToggle:()=>y({markForTrain:!p})}),u(xi,{label:`Debug`,hint:`Flag this track for diagnostic attention`,checked:m,disabled:_,...v===void 0?{}:{title:v},icon:u(h,{className:`h-4 w-4`}),onToggle:()=>y({debug:!m})}),u(xi,{label:`Favourited`,hint:`Keeps this track and its media past retention`,checked:g,disabled:_,...v===void 0?{}:{title:v},icon:u(H,{className:`h-4 w-4`}),onToggle:()=>y({favourited:!g})})]})}var Ci=100,wi=120,Ti={polyline:``,points:[],snapshots:[],start:null,end:null,peakBox:null},Ei=e=>e<0?0:e>1?1:e,Di=e=>Math.round(e*100)/100;function Oi(e,t){if(e.length<=t)return[...e];let n=(e.length-1)/(t-1),r=[];for(let i=0;i<t;i++)r.push(e[Math.round(i*n)]);return r[r.length-1]=e[e.length-1],r}function ki(e,t,n){if(e.length===0||t===null)return Ti;let{width:r,height:i}=t;if(!Number.isFinite(r)||!Number.isFinite(i)||r<=0||i<=0)return Ti;let a=Oi(e,n?.maxPoints??wi).map(e=>({x:Di(Ei(e.x/r)*Ci),y:Di(Ei(e.y/i)*Ci)})),o=a[0]??null,s=a[a.length-1]??null,c=a.length>=2?a.map(e=>`${e.x},${e.y}`).join(` `):``,l=(n?.snapshots??[]).map(e=>({x:Di(Ei(e.x/r)*Ci),y:Di(Ei(e.y/i)*Ci),mediaId:e.mediaId})),u=null,d=-1;for(let t of e){let e=Ei(t.bbox.w/r)*Ei(t.bbox.h/i);e>d&&(d=e,u=t)}return{polyline:c,points:a,snapshots:l,start:o,end:s,peakBox:u?{x:Di(Ei(u.bbox.x/r)*Ci),y:Di(Ei(u.bbox.y/i)*Ci),w:Di(Ei(u.bbox.w/r)*Ci),h:Di(Ei(u.bbox.h/i)*Ci)}:null}}var Ai=typeof nt==`function`,ji=`Track deletion arrives with the next server update`;function Mi(){return{mutateAsync:async()=>{throw Error(`deleteTracks unavailable`)},isPending:!1}}var Ni=Ai?nt:Mi;n();var Pi=15e3,Fi=k();function Ii({url:e,label:t}){let{src:n,failed:r}=Rt(e);return n===null?u(`div`,{className:`flex h-full w-full items-center justify-center bg-surface-hover`,children:r?u(R,{className:`h-4 w-4 text-foreground-subtle opacity-60`}):u(M,{className:`h-4 w-4 animate-spin text-foreground-subtle opacity-70`})}):u(`img`,{src:n,alt:t,className:`h-full w-full object-cover`})}var Li=new Set([`firstFrame`,`lastFrame`,`thumbnail`,`snapshot`]),Ri=new Set([`keyFrame`,`fullFrame`,`fullFrameBoxed`,`firstFrame`,`lastFrame`,`thumbnail`,`snapshot`,`sceneFrame`,`lastSceneFrame`]);function zi(e){let[t,n]=l(null);return d(()=>{if(n(null),!e)return;let t=!1,r=new Image;return r.onload=()=>{t||n({width:r.naturalWidth,height:r.naturalHeight})},r.src=e,()=>{t=!0,r.onload=null}},[e]),t}function Bi({overlay:e,onPickSnapshot:t}){return!e.polyline&&!e.peakBox&&e.snapshots.length===0?null:r(`svg`,{viewBox:`0 0 100 100`,preserveAspectRatio:`none`,className:`pointer-events-none absolute inset-0 h-full w-full`,children:[e.peakBox&&u(`rect`,{x:e.peakBox.x,y:e.peakBox.y,width:e.peakBox.w,height:e.peakBox.h,fill:`none`,stroke:`var(--color-warning)`,strokeWidth:2,vectorEffect:`non-scaling-stroke`,rx:1}),e.polyline&&u(`polyline`,{points:e.polyline,fill:`none`,stroke:`var(--color-info)`,strokeWidth:2,strokeLinejoin:`round`,strokeLinecap:`round`,strokeOpacity:.85,vectorEffect:`non-scaling-stroke`}),e.points.map((e,t)=>u(`circle`,{cx:e.x,cy:e.y,r:1,fill:`var(--color-info)`,fillOpacity:.6,vectorEffect:`non-scaling-stroke`},`${String(e.x)}-${String(e.y)}-${String(t)}`)),e.snapshots.map((e,n)=>u(`circle`,{cx:e.x,cy:e.y,r:1.9,fill:`var(--color-info)`,fillOpacity:.95,stroke:`var(--color-background)`,strokeWidth:.7,vectorEffect:`non-scaling-stroke`,className:t?`pointer-events-auto cursor-pointer`:void 0,onClick:t?n=>{n.stopPropagation(),t(e.mediaId)}:void 0,children:u(`title`,{children:`Snapshot checkpoint — click to view this frame`})},`snap-${String(e.mediaId)}-${String(n)}`)),e.start&&u(`circle`,{cx:e.start.x,cy:e.start.y,r:2.4,fill:`var(--color-success)`,stroke:`var(--color-background)`,strokeWidth:.6,vectorEffect:`non-scaling-stroke`}),e.end&&u(`circle`,{cx:e.end.x,cy:e.end.y,r:2.4,fill:`var(--color-danger)`,stroke:`var(--color-background)`,strokeWidth:.6,vectorEffect:`non-scaling-stroke`})]})}function Vi({label:e,value:t,mono:n}){return r(`div`,{className:`flex items-baseline justify-between gap-3 border-b border-border/60 py-1.5 last:border-0`,children:[u(`span`,{className:`shrink-0 text-[11px] uppercase tracking-wide text-foreground-subtle`,children:e}),u(`span`,{className:`min-w-0 truncate text-right text-xs font-medium text-foreground ${n?`font-mono text-[11px]`:``}`,title:t,children:t})]})}function Hi({row:t,cameraName:n,deleteAvailable:a,onClose:o,onDeleted:c,onFlagsChanged:f}){let p=B(),m=qe(),h=Ze(),g=Ni(),_=t!==null,y=t?.deviceId??0,x=t?.trackId??``,S=t?.timestamp??0,C=t?.windowMs??0,{data:w}=Tt({deviceId:y,trackId:x},{enabled:_}),{data:T}=_t({trackId:x,deviceId:y},{enabled:_}),E=w?.bestEventId===void 0?void 0:Number(w.bestEventId),{data:D}=st({ownerType:`object`,eventId:E??0,deviceId:y},{enabled:_&&E!==void 0&&Number.isFinite(E)}),{data:O}=Ce({deviceId:y},{enabled:_}),k=(O??[]).find(e=>e.addonId!==void 0)?.addonId,{data:A}=He({deviceId:y,since:S-Pi,until:S+C+Pi,provider:k??``},{enabled:_&&k!==void 0}),[j,N]=l(null),[P,F]=l(!1),{publicOrigin:I,probes:L}=pi(_);d(()=>{N(null)},[y,x]);let z=i(()=>{let e=T??[],t=D??[];return e.find(e=>e.kind===`keyFrame`)||t.find(e=>e.kind===`fullFrameBoxed`)||([...t,...e].find(e=>e.kind===`crop`)??null)},[T,D]),V=j??z,H=Rt(V?V.url:void 0),U=i(()=>{let e=new Set,t=[];for(let n of[...D??[],...T??[]])e.has(n.mediaId)||(e.add(n.mediaId),t.push(n));return t},[D,T]),W=i(()=>U.find(e=>Li.has(e.kind))??null,[U]),G=zi(Rt(W?W.url:void 0).src),ee=i(()=>ki(w?.positions??[],G,{snapshots:(w?.snapshots??[]).map(e=>({x:e.position.x,y:e.position.y,mediaId:e.mediaId}))}),[w?.positions,w?.snapshots,G]),K=e(e=>{let t=U.find(t=>t.mediaId===e);t&&N(t)},[U]);if(t===null)return null;let q=H.src,J=V?.kind,te=J!==void 0&&Ri.has(J)&&G!==null&&(w?.positions.length??0)>=2,Y=A&&A.length>0?A[0]:null,ne=()=>{Y&&(F(!0),(async()=>{try{let e=await p.trpcClient.videoclips.getClipPlayback.query({deviceId:t.deviceId,clipId:Y.id});window.open(e.playbackUrl,`_blank`,`noopener`)}catch{m({title:`Clip unavailable`,message:`Could not resolve clip playback. Check the server logs.`,variant:`warning`})}finally{F(!1)}})())},re=()=>{!a||g.isPending||(async()=>{if(await h({title:`Delete track`,message:`Delete this track and every image and clip captured for it? This cannot be undone.`,confirmLabel:`Delete`,variant:`danger`}))try{await g.mutateAsync({deviceId:t.deviceId,trackIds:[t.trackId]}),c()}catch{await m({title:`Delete failed`,message:`Failed to delete this track. Check the server logs.`,variant:`danger`})}})()},ie=Math.round(t.importance*100),ae=w?.importanceReason?`${String(ie)}% · ${w.importanceReason}`:`${String(ie)}%`,oe=w?.zonesVisited&&w.zonesVisited.length>0?w.zonesVisited.join(`, `):`—`,se=w?.audioLabels&&w.audioLabels.length>0?w.audioLabels:t.audioLabels&&t.audioLabels.length>0?t.audioLabels:void 0,ce=se===void 0?`—`:se.map(e=>`${e.label} ×${String(e.count)} (${String(Math.round(e.peakScore*100))}%)`).join(` · `),le=w?w.totalDistance.toFixed(2):`—`,ue=ti(w?.previewMissReason),de=qn(w?w.firstSeen:S),fe=w?qn(w.lastSeen):`—`;return u(Be,{open:!0,onOpenChange:e=>!e&&o(),children:r(ve,{width:`lg`,placement:`sheet-on-mobile`,"aria-label":`Event detail`,className:`flex h-[92dvh] flex-col gap-0 overflow-hidden p-0 bottom-0 left-0 right-0 top-auto w-full max-w-full translate-x-0 translate-y-0 rounded-b-none md:bottom-auto md:left-1/2 md:right-auto md:top-1/2 md:h-auto md:w-[calc(100vw-2rem)] md:max-w-xl md:-translate-x-1/2 md:-translate-y-1/2 md:rounded-lg md:max-h-[calc(100dvh-2rem)]`,children:[u(`header`,{className:`flex shrink-0 items-start gap-2 border-b border-border py-3 pl-4 pr-10`,children:r(`div`,{className:`min-w-0`,children:[r(`div`,{className:`truncate text-sm font-semibold text-foreground`,children:[t.className,Hr(t)?r(`span`,{className:`text-foreground-subtle`,children:[` · `,Hr(t)]}):null]}),u(`div`,{className:`mt-0.5 truncate text-[11px] text-foreground-subtle`,children:n})]})}),r(`div`,{className:`min-h-0 flex-1 space-y-3 overflow-y-auto overscroll-contain px-4 py-3`,children:[q?u(`div`,{className:`overflow-hidden rounded-lg border border-border bg-background`,children:u(ur,{src:q,alt:`Key frame from ${n}`,fit:`natural`,className:`w-full`,overlay:te?u(Bi,{overlay:ee,onPickSnapshot:K}):void 0})}):u(`div`,{className:`flex aspect-video w-full flex-col items-center justify-center gap-1.5 rounded-lg border border-border bg-surface-hover text-foreground-subtle`,children:H.failed?r(s,{children:[u(R,{className:`h-8 w-8 opacity-60`}),u(`span`,{className:`text-[11px]`,children:`Key-frame media unavailable`})]}):u(M,{className:`h-6 w-6 animate-spin opacity-70`})}),U.length>0&&u(`div`,{className:`-mx-1 flex gap-2 overflow-x-auto px-1 pb-1`,children:U.map(e=>{let t=ui(e.kind),n=di(Fi,e.url),i=I?di(I,e.url):null;return r(`figure`,{className:`flex w-32 shrink-0 flex-col gap-1`,children:[u(`button`,{type:`button`,onClick:()=>N(e),className:`relative h-16 w-full overflow-hidden rounded border border-border hover:border-primary`,title:`${t} · ${qn(e.timestamp)}`,children:u(Ii,{url:e.url,label:t})}),r(`figcaption`,{className:`min-w-0 px-0.5`,children:[u(`div`,{className:`truncate text-[10px] font-medium leading-tight text-foreground`,title:t,children:t}),u(`div`,{className:`text-[10px] leading-tight text-foreground-subtle`,title:qn(e.timestamp),children:Kn(e.timestamp)})]}),u(si,{localUrl:n,publicUrl:i})]},e.mediaId)})}),L,Y&&r(X,{variant:`secondary`,onClick:ne,disabled:P,children:[P?u(M,{className:`h-3.5 w-3.5 animate-spin`}):u(b,{className:`h-3.5 w-3.5`}),` `,`View clip`]}),u(Si,{deviceId:t.deviceId,trackId:t.trackId,...(w?.markForTrain??t.markForTrain)===void 0?{}:{markForTrain:w?.markForTrain??t.markForTrain},...(w?.debug??t.debug)===void 0?{}:{debug:w?.debug??t.debug},...(w?.favourited??t.favourited)===void 0?{}:{favourited:w?.favourited??t.favourited},onChange:f}),ue!==null&&r(`div`,{className:`rounded-lg border border-warning/40 bg-warning/8 px-3 py-2`,children:[u(`p`,{className:`text-[11px] font-semibold uppercase tracking-wide text-foreground-subtle`,children:`Best shot`}),u(`p`,{className:`mt-0.5 text-xs text-foreground`,children:ue.sentence}),u(`code`,{className:`mt-1 block break-all font-mono text-[10px] text-foreground-subtle`,children:ue.raw})]}),r(`div`,{className:`rounded-lg border border-border bg-surface px-3 py-1`,children:[u(Vi,{label:`Camera`,value:n}),u(Vi,{label:`Class`,value:t.className}),u(Vi,{label:`Label`,value:t.label??`—`}),u(Vi,{label:`Sub-label`,value:t.subLabel??`—`}),u(Vi,{label:`Importance`,value:ae}),u(Vi,{label:`Zones visited`,value:oe}),u(Vi,{label:`Audio heard`,value:ce}),u(Vi,{label:`Total distance`,value:le}),u(Vi,{label:`First seen`,value:de}),u(Vi,{label:`Last seen`,value:fe}),u(Vi,{label:`Track`,value:t.trackId,mono:!0})]})]}),u(`footer`,{className:`flex shrink-0 items-center justify-end gap-2 border-t border-border px-4 py-3 pb-[max(0.75rem,env(safe-area-inset-bottom))]`,children:u(`span`,{title:a?void 0:ji,children:r(X,{variant:`secondary`,onClick:re,disabled:!a||g.isPending,children:[g.isPending?u(M,{className:`h-3.5 w-3.5 animate-spin`}):u(v,{className:`h-3.5 w-3.5`}),` `,`Delete track`]})})})]})})}var Ui={status:`debug.tape.status`,promote:`debug.tape.promote`,list:`debug.tape.list`,tracks:`debug.tape.tracks`,review:`debug.tape.review`,release:`debug.tape.release`,remove:`debug.tape.delete`},Wi={setRelation:`debug.gt.setRelation`,setPurity:`debug.gt.setPurity`,list:`debug.gt.list`},Gi=w(`/addon/pipeline-analytics/tape-export`),Ki=10*6e4;function qi(e){return`${Gi}?tapeId=${encodeURIComponent(e)}`}var Ji=`The server answered in a shape this build does not understand.`;function Yi(e){return e instanceof Error?e.message:`The action failed.`}function Z(e){return typeof e==`object`&&!!e&&!Array.isArray(e)}function Q(e,t){let n=e[t];return typeof n==`number`&&Number.isFinite(n)?n:null}function Xi(e,t){if(!(t in e))return;let n=e[t];return n===null?null:typeof n==`number`&&Number.isFinite(n)?n:void 0}function $(e,t){let n=e[t];return typeof n==`string`?n:null}function Zi(e,t){let n=e[t];return typeof n==`boolean`?n:null}function Qi(e,t){if(!Array.isArray(e))return null;let n=[];for(let r of e){let e=t(r);if(e===null)return null;n.push(e)}return n}function $i(e){return e===`off`||e===`recording`||e===`refused`||e===`failing`||e===`unknown`}function ea(e){if(!Z(e))return null;let t=Q(e,`deviceId`),n=e.state,r=Q(e,`gapsSinceArmed`),i=Xi(e,`segmentsHeld`),a=Xi(e,`bytesLastHour`),o=Xi(e,`bytesHeld`);if(t===null||!$i(n)||r===null||i===void 0||a===void 0||o===void 0)return null;let s=$(e,`reason`),c=Q(e,`segmentOriginMs`),l=Q(e,`framesPerMin`),u=Q(e,`heldFromMs`),d=Q(e,`heldToMs`),f=$(e,`shelfError`);return{deviceId:t,state:n,gapsSinceArmed:r,segmentsHeld:i,bytesLastHour:a,bytesHeld:o,...s===null?{}:{reason:s},...c===null?{}:{segmentOriginMs:c},...l===null?{}:{framesPerMin:l},...u===null?{}:{heldFromMs:u},...d===null?{}:{heldToMs:d},...f===null?{}:{shelfError:f}}}function ta(e){return Z(e)?Qi(e.cameras,ea):null}function na(e){if(!Z(e))return null;let t=$(e,`id`),n=Q(e,`deviceId`),r=$(e,`scenario`),i=e.lighting,a=Q(e,`fromMs`),o=Q(e,`toMs`),s=e.state,c=Q(e,`frames`),l=Q(e,`gaps`),u=Q(e,`bytes`),d=Zi(e,`reviewed`),f=Zi(e,`released`),p=Qi(e.tracks,e=>typeof e==`string`?e:null),m=Q(e,`tracksStillStored`);return t===null||n===null||r===null||i!==`day`&&i!==`ir`||a===null||o===null||s!==`complete`&&s!==`incomplete`||c===null||l===null||u===null||d===null||f===null||p===null||m===null?null:{id:t,deviceId:n,scenario:r,note:$(e,`note`),lighting:i,fromMs:a,toMs:o,state:s,frames:c,gaps:l,bytes:u,reviewed:d,released:f,tracks:p,tracksStillStored:m}}function ra(e){return Z(e)?Qi(e.tapes,na):null}function ia(e){if(!Z(e))return null;let t=$(e,`trackId`),n=Q(e,`firstT`),r=Q(e,`lastT`),i=Q(e,`boundFrames`),a=$(e,`cls`),o=Zi(e,`stillStored`);return t===null||n===null||r===null||i===null||a===null||o===null?null:{trackId:t,firstT:n,lastT:r,boundFrames:i,cls:a,stillStored:o}}function aa(e){if(!Z(e))return null;let t=$(e,`tapeId`),n=Q(e,`deviceId`),r=Q(e,`fromMs`),i=Q(e,`toMs`),a=Zi(e,`reviewed`),o=Qi(e.lanes,ia);return t===null||n===null||r===null||i===null||a===null||o===null?null:{tapeId:t,deviceId:n,fromMs:r,toMs:i,reviewed:a,lanes:o}}function oa(e){if(!Z(e))return null;if(e.ok===!1){let t=$(e,`reason`),n=$(e,`detail`);return t===null||n===null?null:{ok:!1,reason:t,detail:n}}if(e.ok!==!0)return null;let t=$(e,`tapeId`),n=e.state,r=Q(e,`frames`),i=Q(e,`gaps`),a=Q(e,`pinnedTracks`),o=Q(e,`bytes`);return t===null||n!==`complete`&&n!==`incomplete`||r===null||i===null||a===null||o===null?null:{ok:!0,tapeId:t,state:n,frames:r,gaps:i,pinnedTracks:a,bytes:o}}function sa(e){if(!Z(e))return null;let t=e.status;if(t===`released`){let n=Q(e,`unpinned`),r=Zi(e,`pinsSettled`);return n===null||r===null?null:{status:t,unpinned:n,pinsSettled:r}}if(t===`already-released`||t===`not-found`)return{status:t};if(t===`unavailable`){let n=$(e,`reason`);return n===null?null:{status:t,reason:n}}return null}function ca(e){if(!Z(e))return null;let t=e.status;if(t===`deleted`||t===`pins-owed`||t===`not-found`)return{status:t};if(t===`unavailable`){let n=$(e,`reason`);return n===null?null:{status:t,reason:n}}return null}function la(e){switch(e.status){case`released`:case`deleted`:return null;case`already-released`:return`This tape was already released.`;case`not-found`:return`That tape no longer exists — it may have been released or deleted elsewhere.`;case`pins-owed`:return`Refused: this tape still names pins not yet taken back. Try again shortly — the ledger settles them automatically.`;case`unavailable`:return`Unavailable on this node: ${e.reason}`}}function ua(e){if(!Z(e))return null;let t=$(e,`leftTrackId`),n=$(e,`rightTrackId`),r=e.relation,i=e.presence;return t===null||n===null||r!==`same-subject`&&r!==`different-subjects`?null:{leftTrackId:t,rightTrackId:n,relation:r,presence:i===`continuous`?`continuous`:null}}function da(e){if(!Z(e))return null;let t=$(e,`sourceTrackId`),n=e.purity;return t===null||n!==`mixed`&&n!==`not-a-subject`?null:{sourceTrackId:t,purity:n,switchAtMs:Q(e,`switchAtMs`)}}function fa(e){if(!Z(e))return null;let t=Qi(e.relations,ua),n=Qi(e.purities,da),r=Zi(e,`truncated`);return t===null||n===null||r===null?null:{relations:t,purities:n,truncated:r}}function pa(e){if(!e.truncated)return null;let t=e.relations.length+e.purities.length;return`Showing the first ${String(t)} marks — more exist for this window.`}function ma(e){return e.filter(e=>e.segmentsHeld===null||e.segmentsHeld>0).map(e=>({deviceId:e.deviceId,segmentsUnknown:e.segmentsHeld===null}))}function ha(e){return e.slice(1).map((t,n)=>({trackId:e[n]??t,otherTrackId:t}))}function ga(e){return e.flatMap((t,n)=>e.slice(n+1).map(e=>({trackId:t,otherTrackId:e})))}function _a(e,t){let n=[];for(let r of t.relations){let t=r.leftTrackId===e?r.rightTrackId:r.rightTrackId===e?r.leftTrackId:null;if(t===null)continue;let i=r.relation===`same-subject`?`same as`:`different from`;n.push(`${i} ${t}${r.presence===`continuous`?` (continuous)`:``}`)}for(let r of t.purities)r.sourceTrackId===e&&n.push(r.purity===`not-a-subject`?`not a subject`:r.switchAtMs===null?`mixed`:`mixed at switch`);return n}function va(e){switch(e.state){case`off`:return`Off`;case`recording`:return`Recording`;case`refused`:return`Refused: ${e.reason??`unknown reason`}`;case`failing`:return`Failing: ${e.reason??`unknown reason`}`;case`unknown`:return`Unknown: ${e.reason??`unknown reason`}`}}var ya={"window-too-long":`A promoted window is at most 30 minutes.`,"window-in-future":`The window ends in the future.`,"window-not-recorded":`No segment covers that window — the camera was not recording then, or it is older than 24 h.`,"invalid-scenario":`The scenario must be a slug: lowercase letters, digits and dashes, 3–64 characters.`,"promotion-budget":`A promotion budget is full (60 tapes, 1 GiB, 3 000 pinned tracks). Release or delete a tape already committed as a case first.`,"empty-window":`No frame was recorded in that window.`,"shelf-unreadable":`The camera's recorded segments could not be listed, so the window cannot be proven whole.`,"not-post-processing-node":`This node does not post-process frames, so it records no tracking tapes.`,"artifacts-elsewhere":`The artifacts storage location is on another node; tapes are recorded only where it lives.`,"tapes-not-started":`The tape recorder has not started on this node (or failed to).`};function ba(e,t){let n=ya[e]??`Refused (${e}).`;return t.length>0?`${n} ${t}`:n}function xa(e){if(e.length===0)return null;let t=new Date(e).getTime();return Number.isFinite(t)?t:null}function Sa(e){return e<1024*1024?`${(e/1024).toFixed(0)} KB`:`${(e/1024/1024).toFixed(1)} MB`}function Ca(e){return e===null?`unknown`:Sa(e)}function wa(e){return e===null?`unknown`:String(e)}function Ta(e,t){let n=t.trim();return e===404?`This tape no longer exists on this node (unknown tape).`:e===503?n.length>0?n:`Tapes are unavailable on this node.`:e===500?n.length>0?n:`The export could not be read (the tape may have just been released or deleted).`:`Download failed (${String(e)}).`}n();function Ea({cameras:e,call:t,onPromoted:n}){let[i,a]=l(``),[o,s]=l(``),[c,d]=l(``),[f,p]=l(``),[m,h]=l(``),[g,_]=l(`auto`),[v,y]=l(!1),[b,x]=l(null),S=async()=>{let r=Number.parseInt(i===``?e[0]?.value??``:i,10),a=xa(o),s=xa(c);if(!Number.isFinite(r)||a===null||s===null){x(`Pick a camera and both ends of the window.`);return}y(!0),x(null);try{let e=oa(await t(Ui.promote,{deviceId:r,fromMs:a,toMs:s,scenario:f,...m.trim().length>0?{note:m.trim()}:{},...g===`day`||g===`ir`?{lighting:g}:{}}));e===null?x(Ji):e.ok?(x(`Promoted ${e.tapeId}: ${String(e.frames)} frames, ${Sa(e.bytes)}, ${String(e.pinnedTracks)} tracks pinned`+(e.state===`incomplete`?` — incomplete (it has gaps) and cannot become a case.`:`.`)),n()):x(ba(e.reason,e.detail))}catch(e){x(Yi(e))}finally{y(!1)}};return r(`div`,{className:`flex flex-wrap items-end gap-2 rounded-md border border-border px-3 py-2`,children:[u(`div`,{className:`w-40`,children:u(Se,{value:i,options:[...e],onChange:e=>a(e.target.value),"aria-label":`Camera`})}),u(Ke,{type:`datetime-local`,"aria-label":`From`,value:o,onChange:e=>s(e.target.value),className:`w-48`}),u(Ke,{type:`datetime-local`,"aria-label":`To`,value:c,onChange:e=>d(e.target.value),className:`w-48`}),u(Ke,{"aria-label":`Scenario`,placeholder:`615-door-groups`,value:f,onChange:e=>p(e.target.value),className:`w-44`}),u(Ke,{"aria-label":`Note`,placeholder:`optional note`,value:m,onChange:e=>h(e.target.value),className:`w-52`}),u(`div`,{className:`w-28`,children:u(Se,{value:g,"aria-label":`Lighting`,options:[{value:`auto`,label:`Lighting: auto`},{value:`day`,label:`day`},{value:`ir`,label:`ir`}],onChange:e=>_(e.target.value)})}),r(X,{onClick:()=>void S(),disabled:v||e.length===0,children:[v?u(M,{className:`h-3.5 w-3.5 animate-spin`}):null,` Promote window`]}),u(`p`,{className:`w-full text-xs text-foreground-subtle`,children:`A promoted tape may be shared as a test case — keep the scenario slug and note free of names or other personal data.`}),b!==null&&u(`p`,{className:`w-full text-xs text-foreground`,children:b})]})}var Da=`pipeline-analytics`,Oa=`debug.listTracks`,ka=`debug.analyze`,Aa=w(`/addon/pipeline-analytics/debug-export`);function ja(e){return typeof e==`object`&&!!e&&!Array.isArray(e)}function Ma(e,t){let n=e[t];return typeof n==`string`?n:null}function Na(e,t){let n=e[t];return typeof n==`number`&&Number.isFinite(n)?n:null}function Pa(e,t){let n=e[t];return typeof n==`boolean`?n:null}function Fa(e){return e===`error`||e===`warn`||e===`info`}function Ia(e){if(!ja(e))return null;let t=Ma(e,`code`),n=Ma(e,`detail`),r=e.severity;return t===null||n===null||!Fa(r)?null:{code:t,severity:r,detail:n}}function La(e){if(!ja(e))return null;let t=Ma(e,`trackId`),n=Na(e,`deviceId`),r=Ma(e,`className`),i=Na(e,`firstSeen`),a=Na(e,`lastSeen`),o=Na(e,`durationMs`),s=Pa(e,`active`);if(t===null||n===null||r===null||i===null||a===null||o===null||s===null)return null;let c=Ma(e,`label`),l=Ma(e,`subLabel`),u=Ma(e,`previewMissReason`),d=Pa(e,`markForTrain`),f=Pa(e,`favourited`);return{trackId:t,deviceId:n,className:r,...c===null?{}:{label:c},...l===null?{}:{subLabel:l},firstSeen:i,lastSeen:a,durationMs:o,active:s,timestamp:i,windowMs:o,importance:Na(e,`importance`)??0,bestEventId:Ma(e,`bestEventId`)??``,...d===null?{}:{markForTrain:d},...f===null?{}:{favourited:f},debug:!0,...u===null||u.length===0?{}:{previewMissReason:u}}}function Ra(e){let t=La(e);if(t===null||!ja(e))return null;let n=Na(e,`mediaCount`),r=Na(e,`eventCount`),i=Na(e,`positionCount`);if(n===null||r===null||i===null)return null;let a=e.mediaKinds,o=e.findings;if(!Array.isArray(a)||!Array.isArray(o))return null;let s=a.filter(e=>typeof e==`string`),c=[];for(let e of o){let t=Ia(e);t!==null&&c.push(t)}let l=e.thumbnailProvenance;return{...t,mediaCount:n,mediaKinds:s,eventCount:r,positionCount:i,findings:c,...Zr(l)?{thumbnailProvenance:l}:{}}}function za(e){if(!ja(e))return null;let t=Pa(e,`truncated`),n=e.tracks;if(t===null||!Array.isArray(n))return null;let r=[];for(let e of n){let t=La(e);if(t===null)return null;r.push(t)}return{tracks:r,truncated:t}}function Ba(e){if(!ja(e))return null;let t=e.reports,n=e.vanished;if(!Array.isArray(t)||!Array.isArray(n))return null;let r=[];for(let e of t){let t=Ra(e);if(t===null)return null;r.push(t)}return{reports:r,vanished:n.filter(e=>typeof e==`string`)}}var Va={MEDIA_EVICTED_OR_NEVER:`no media`,MISSING_KEYFRAME:`no keyframe`,MISSING_FIRSTFRAME:`no first frame`,MISSING_LASTFRAME:`no last frame`,MISSING_THUMBNAIL:`no thumbnail`,MISSING_BEST_CROP:`no crop`,SHORT_TRACK:`very short`,ZERO_EVENTS:`no events`,ZERO_POSITIONS:`no trajectory`,NO_PERIODIC_SNAPSHOTS:`no snapshots`,LASTFRAME_STALE:`stale last frame`,MEDIA_STOPPED_EARLY:`media stopped early`,NO_BEST_EVENT:`no best event`,LOW_BEST_SCORE:`low score`,UNSCORED_LABEL:`unscored label`,BEST_SHOT_STANDIN:`stand-in best shot`,BEST_SHOT_RASTER:`low-res best shot`};function Ha(e){return Va[e]??e}var Ua={error:0,warn:1,info:2};function Wa(e){return e.toSorted((e,t)=>Ua[e.severity]-Ua[t.severity]||e.code.localeCompare(t.code))}function Ga(e){return e.length===0?Aa:`${Aa}?deviceIds=${e.join(`,`)}`}function Ka(e){if(e<1e4)return`${(e/1e3).toFixed(1)}s`;let t=Math.round(e/1e3);if(t<60)return`${String(t)}s`;let n=Math.floor(t/60);return`${String(n)}m ${String(t%60).padStart(2,`0`)}s`}function qa(e,t){return`${String(e)}:${t}`}function Ja(e,t){let n=[],r=new Set;for(let i of e){let e=qa(i.deviceId,i.trackId);!t.has(e)||r.has(e)||(r.add(e),n.push({deviceId:i.deviceId,trackId:i.trackId}))}return n}n();function Ya({tapeId:e,call:t,onClose:n,onChanged:i}){let a=o({queryKey:[`events-debug`,`tapes`,`tracks`,e],queryFn:async()=>aa(await t(Ui.tracks,{tapeId:e}))}),s=a.data??null,c=o({queryKey:[`events-debug`,`tapes`,`marks`,e],enabled:s!==null,queryFn:async()=>s===null?null:fa(await t(Wi.list,{deviceId:s.deviceId,since:s.fromMs-Ki,until:s.toMs+Ki,limit:5e3}))}),[d,f]=l([]),[p,m]=l(``),[h,g]=l(null),_=e=>f(t=>t.includes(e)?t.filter(t=>t!==e):[...t,e]),v=async e=>{g(null);try{for(let[n,r]of e)await t(n,r);f([]),await c.refetch(),i()}catch(e){g(Yi(e))}};if(s===null)return a.isLoading?u(`p`,{className:`text-xs`,children:`Loading the tape…`}):u(je,{message:Ji});let y=s.deviceId,b=(e,t)=>v(e.map(e=>[Wi.setRelation,{deviceId:y,...e,relation:t}])),x=e=>{let t=Number.parseFloat(p),n=e===`mixed`&&Number.isFinite(t)?s.fromMs+t*1e3:void 0;return v(d.map(t=>[Wi.setPurity,{deviceId:y,trackId:t,purity:e,...n===void 0?{}:{switchAtMs:Math.round(n)}}]))},S=c.data==null?null:pa(c.data);return r(`div`,{className:`space-y-2 rounded-md border border-primary/40 px-3 py-2`,children:[r(`div`,{className:`flex flex-wrap items-center gap-1.5`,children:[r(`span`,{className:`text-xs font-medium`,children:[s.tapeId,` — `,String(s.lanes.length),` tracks`]}),u(X,{disabled:d.length<2,onClick:()=>void b(ha(d),`same-subject`),children:`Same subject`}),u(X,{variant:`secondary`,disabled:d.length<2,onClick:()=>void b(ga(d),`different-subjects`),children:`Different subjects`}),u(Ke,{"aria-label":`Changed at (s from tape start)`,placeholder:`changed at s`,value:p,onChange:e=>m(e.target.value),className:`w-28`}),u(X,{variant:`secondary`,disabled:d.length!==1,onClick:()=>void x(`mixed`),children:`Mixed`}),u(X,{variant:`secondary`,disabled:d.length===0,onClick:()=>void x(`not-a-subject`),children:`Not a subject`}),u(X,{variant:s.reviewed?`secondary`:`primary`,onClick:()=>void v([[Ui.review,{tapeId:s.tapeId,reviewed:!s.reviewed}]]).then(()=>a.refetch()),children:s.reviewed?`Mark not reviewed`:`Mark reviewed`}),u(X,{variant:`ghost`,onClick:n,children:`Close`})]}),h!==null&&u(je,{message:h}),S!==null&&u(je,{variant:`warning`,message:S}),u(`ul`,{className:`space-y-1`,children:s.lanes.toSorted((e,t)=>e.firstT-t.firstT).map(e=>u(Xa,{lane:e,marks:c.data===null||c.data===void 0?[]:_a(e.trackId,c.data),selected:d.includes(e.trackId),onToggle:()=>_(e.trackId)},e.trackId))})]})}function Xa({lane:e,marks:t,selected:n,onToggle:i}){let{src:a}=Rt(e.stillStored?zt(`track`,e.trackId):void 0);return r(`li`,{className:`flex items-center gap-2 text-xs`,children:[u(`input`,{type:`checkbox`,"aria-label":`select ${e.trackId}`,checked:n,onChange:i}),a===null?u(`div`,{className:`h-10 w-10 rounded bg-surface-hover`}):u(`img`,{src:a,alt:e.trackId,className:`h-10 w-10 rounded object-cover`}),u(`span`,{className:`font-mono`,children:e.trackId}),u(`span`,{children:e.cls}),r(`span`,{className:`text-foreground-subtle`,children:[Ka(e.firstT),` → `,Ka(e.lastT),` · `,String(e.boundFrames),` `,`frames`]}),!e.stillStored&&u(`span`,{className:`text-foreground-subtle`,children:`not stored — marked through the tape`}),t.map(e=>u(et,{variant:`info`,children:e},e))]})}n();var Za=`camstack_admin_token`;function Qa(){let e=B();return(t,n)=>e.trpcClient.addons.custom.mutate({addonId:Da,action:t,input:n})}async function $a(e,t){let n=localStorage.getItem(Za),r={};n!==null&&(r.Authorization=`Bearer ${n}`);let i=await fetch(qi(e),{headers:r});if(!i.ok){let e=await i.text().catch(()=>``);throw Error(Ta(i.status,e))}let a=await i.blob(),o=i.headers.get(`content-disposition`),s=(o===null?null:/filename="?([^";]+)"?/i.exec(o))?.[1]?.trim()??t,c=URL.createObjectURL(a),l=document.createElement(`a`);l.href=c,l.download=s,l.click(),setTimeout(()=>URL.revokeObjectURL(c),6e4)}function eo(){let[e,t]=l(!1);return u(ot,{expanded:e,onExpandedChange:t,header:u(`span`,{className:`text-sm font-medium text-foreground`,children:`Tracking tapes`}),children:u(to,{})})}function to(){let e=Qa(),t=ht({isCamera:!0,projection:`slim`}),n=i(()=>{let e=new Map;for(let n of t.data??[])e.set(n.id,n.name);return t=>e.get(t)??`Camera ${String(t)}`},[t.data]),a=o({queryKey:[`events-debug`,`tapes`,`status`],queryFn:async()=>ta(await e(Ui.status,{}))}),s=o({queryKey:[`events-debug`,`tapes`,`list`],queryFn:async()=>ra(await e(Ui.list,{}))}),[c,d]=l(null),[f,p]=l(null),m=async e=>{p(null);try{await $a(e.id,`${e.scenario}.tape-bundle.json.gz`)}catch(e){p(Yi(e))}},h=async t=>{let n=sa(await e(Ui.release,{tapeId:t.id}));if(n===null)throw Error(Ji);let r=la(n);if(r!==null)throw Error(r);await s.refetch()},g=async t=>{let n=ca(await e(Ui.remove,{tapeId:t.id}));if(n===null)throw Error(Ji);let r=la(n);if(r!==null)throw Error(r);await s.refetch()};return r(`div`,{className:`space-y-3`,children:[r(`p`,{className:`text-xs text-foreground-subtle`,children:[`A camera records while its `,u(`strong`,{children:`Record the track history`}),` switch (camera settings → Tracking) is on; segments are kept 24 h. Promote a window worth keeping, label it in the review, mark it reviewed, download it and turn it into a test case with`,` `,u(`code`,{children:`npm run tracking-bench -- case`}),`.`]}),f!==null&&u(je,{message:f}),a.isLoading&&u(`p`,{className:`text-xs text-foreground-subtle`,children:`Loading camera status…`}),a.data===null&&u(je,{message:`The server answered in a shape this build does not understand.`}),r(`table`,{className:`w-full text-xs`,children:[u(`thead`,{children:r(`tr`,{className:`text-left text-foreground-subtle`,children:[u(`th`,{children:`Camera`}),u(`th`,{children:`State`}),u(`th`,{children:`Frames/min`}),u(`th`,{children:`Last hour`}),u(`th`,{children:`Held`}),u(`th`,{children:`Gaps`})]})}),u(`tbody`,{children:(a.data??[]).map(e=>r(`tr`,{children:[u(`td`,{children:n(e.deviceId)}),u(`td`,{children:u(et,{variant:e.state===`recording`?`success`:e.state===`off`?`default`:e.state===`unknown`?`warning`:`danger`,children:va(e)})}),u(`td`,{children:e.framesPerMin===void 0?`—`:String(Math.round(e.framesPerMin))}),u(`td`,{title:e.shelfError,children:Ca(e.bytesLastHour)}),r(`td`,{title:e.shelfError,children:[wa(e.segmentsHeld),` seg · `,Ca(e.bytesHeld)]}),u(`td`,{children:String(e.gapsSinceArmed)})]},e.deviceId))})]}),u(Ea,{cameras:ma(a.data??[]).map(e=>({value:String(e.deviceId),label:e.segmentsUnknown?`${n(e.deviceId)} (segments unknown)`:n(e.deviceId)})),call:e,onPromoted:()=>void s.refetch()}),s.isLoading&&u(`p`,{className:`text-xs text-foreground-subtle`,children:`Loading promoted tapes…`}),s.data===null&&u(je,{message:`The server answered in a shape this build does not understand.`}),r(`table`,{className:`w-full text-xs`,children:[u(`thead`,{children:r(`tr`,{className:`text-left text-foreground-subtle`,children:[u(`th`,{children:`Scenario`}),u(`th`,{children:`Camera`}),u(`th`,{children:`Window`}),u(`th`,{children:`State`}),u(`th`,{children:`Tracks`}),u(`th`,{})]})}),u(`tbody`,{children:(s.data??[]).map(e=>r(`tr`,{children:[u(`td`,{children:e.scenario}),u(`td`,{children:n(e.deviceId)}),r(`td`,{children:[new Date(e.fromMs).toLocaleString(),` · `,Ka(e.toMs-e.fromMs),` `,`· `,e.lighting]}),r(`td`,{children:[u(et,{variant:e.state===`complete`?`success`:`warning`,children:e.state}),` `,e.reviewed&&u(et,{variant:`info`,children:`reviewed`}),` `,e.released&&u(et,{children:`released`})]}),r(`td`,{children:[String(e.tracksStillStored),`/`,String(e.tracks.length),` stored`]}),r(`td`,{className:`space-x-1 text-right`,children:[u(X,{variant:`secondary`,"aria-label":`Review ${e.scenario}`,onClick:()=>d(e.id),children:`Review`}),u(X,{variant:`ghost`,"aria-label":`Download ${e.scenario}`,onClick:()=>void m(e),children:u(_,{className:`h-3.5 w-3.5`})}),u(Ee,{label:`Release`,icon:W,title:`Release ${e.scenario}?`,description:`Releasing returns this tape's pinned tracks to ordinary retention — they can be pruned from then on. The promoted bundle itself is kept until deleted.`,confirmLabel:`Release`,triggerVariant:`ghost`,confirmVariant:`danger`,disabled:e.released,action:()=>h(e)}),u(Ee,{label:`Delete`,icon:v,title:`Delete ${e.scenario}?`,description:`Deleting removes the promoted bundle and its index row for good. Its tracks' pins are released first — this cannot be undone.`,confirmLabel:`Delete`,triggerVariant:`ghost`,confirmVariant:`danger`,action:()=>g(e)})]})]},e.id))})]}),c!==null&&u(Ya,{tapeId:c,call:e,onClose:()=>d(null),onChanged:()=>void s.refetch()})]})}n();var no=`all`,ro=`The server answered in a shape this build does not understand.`,io={error:`danger`,warn:`warning`,info:`info`};function ao({findings:e}){return e.length===0?u(et,{variant:`success`,children:`no anomaly found`}):u(`div`,{className:`flex flex-wrap gap-1`,children:Wa(e).map(e=>u(et,{variant:io[e.severity],title:e.detail,children:Ha(e.code)},e.code))})}function oo({track:e,report:t,analyzing:n}){let i=ti(t?.previewMissReason??e.previewMissReason);return r(`div`,{className:`space-y-1 border-t border-border pt-1.5`,children:[t===void 0?u(`span`,{className:`text-[10px] text-foreground-subtle`,children:n?`analysing…`:`not analysed`}):r(s,{children:[u(ao,{findings:t.findings}),r(`p`,{className:`text-[10px] text-foreground-subtle`,title:t.mediaKinds.length>0?t.mediaKinds.join(`, `):`no media of any kind`,children:[String(t.mediaCount),` media · `,String(t.eventCount),` events ·`,` `,String(t.positionCount),` positions`]})]}),i!==null&&u(`p`,{className:`text-[10px] text-foreground-subtle`,title:i.raw,children:i.sentence})]})}function so(){let e=B(),[t,n]=l(no),[a,s]=l(!1),[c,d]=l(null),[p,m]=l(new Set),[g,v]=l(null),[y,b]=l(null),[x,S]=l(null),[C,w]=l([]),T=yi(),E=ht({isCamera:!0,projection:`slim`}),D=i(()=>[{value:no,label:`All cameras`},...(E.data??[]).map(e=>({value:String(e.id),label:e.name}))],[E.data]),O=i(()=>{let e=new Map;for(let t of E.data??[])e.set(t.id,t.name);return e},[E.data]),k=e=>O.get(e)??`Camera ${String(e)}`,A=i(()=>t===no?[]:[Number.parseInt(t,10)],[t]),j=o({queryKey:[`events-debug`,`list`,A],queryFn:async()=>za(await e.trpcClient.addons.custom.mutate({addonId:Da,action:Oa,input:A.length===0?{}:{deviceIds:A}}))}),P=i(()=>(j.data?.tracks??[]).map(e=>e.trackId),[j.data]),F=o({queryKey:[`events-debug`,`analyze`,P],enabled:P.length>0,queryFn:async()=>Ba(await e.trpcClient.addons.custom.mutate({addonId:Da,action:ka,input:{trackIds:P}}))}),L=i(()=>{let e=new Map;for(let t of F.data?.reports??[])e.set(t.trackId,t);return e},[F.data]),R=j.data?.tracks??[],z=j.data===null||F.data===null,V=()=>{j.refetch(),F.refetch()},U=e=>{m(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})},W=()=>{m(new Set(R.map(e=>qa(e.deviceId,e.trackId))))},G=()=>m(new Set),ee=async(e,t)=>{let n=e===`analyzed`?{debug:!1}:{favourited:!0},r=0,i=[];for(let e of t)try{await T.mutateAsync({deviceId:e.deviceId,trackId:e.trackId,flags:n}),r+=1}catch{i.push(e.trackId)}return{applied:r,refused:i}},K=e=>{if(!gi||y!==null)return;let t=Ja(R,p);t.length!==0&&(b(e),S(null),(async()=>{let n=await ee(e,t);b(null);let r=new Set(n.refused);m(new Set(t.filter(e=>r.has(e.trackId)).map(e=>qa(e.deviceId,e.trackId)))),e===`analyzed`&&w(t.filter(e=>!r.has(e.trackId))),n.refused.length>0&&S(`${String(n.refused.length)} of ${String(t.length)} were refused by the server and are still selected. Check the hub log.`),j.refetch()})())},q=()=>{let e=C;e.length===0||y!==null||(b(`analyzed`),S(null),(async()=>{for(let t of e)try{await T.mutateAsync({deviceId:t.deviceId,trackId:t.trackId,flags:{debug:!0}})}catch{S(`Some tracks could not be re-marked. Refresh and try again.`)}b(null),w([]),j.refetch()})())},J=async()=>{s(!0),d(null);try{await Ht(Ga(A),`camstack-debug.zip`)}catch(e){d(e instanceof Error?e.message:`Export failed.`)}finally{s(!1)}},Y=y!==null;return r(`section`,{className:`space-y-3`,children:[r(`div`,{className:`flex flex-wrap items-center gap-2`,children:[u(`div`,{className:`w-44`,children:u(Se,{value:t,options:D,onChange:e=>n(e.target.value)})}),r(X,{variant:`secondary`,onClick:V,disabled:j.isFetching,children:[j.isFetching?u(M,{className:`h-3.5 w-3.5 animate-spin`}):u(te,{className:`h-3.5 w-3.5`}),`Refresh`]}),r(X,{onClick:()=>void J(),disabled:a||R.length===0,children:[a?u(M,{className:`h-3.5 w-3.5 animate-spin`}):u(_,{className:`h-3.5 w-3.5`}),`Export all (`,String(R.length),`)`]}),R.length>0&&p.size<R.length&&u(X,{variant:`ghost`,onClick:W,children:`Select all`})]}),r(`p`,{className:`text-xs text-foreground-subtle`,children:[`A `,u(`code`,{children:`debug`}),` mark does not pin retention — this lists the marked tracks that still exist. A track whose media was evicted shows as missing media. Use `,u(`strong`,{children:`Keep`}),` to hold a selection against pruning while you investigate, and `,u(`strong`,{children:`Analyzed`}),` to un-mark the ones you are finished with.`]}),u(eo,{}),j.isError&&u(je,{message:`Could not load the marked tracks.`}),z&&!j.isError&&u(je,{message:ro}),c!==null&&u(je,{message:c}),x!==null&&u(je,{message:x}),j.data?.truncated===!0&&u(je,{message:`A camera filled the per-camera cap — some marked tracks are not listed. Un-mark a few, or filter to one camera.`}),(F.data?.vanished.length??0)>0&&r(`p`,{className:`text-xs text-foreground-subtle`,children:[String(F.data?.vanished.length),` marked track(s) were evicted between the list and the analysis.`]}),p.size>0&&r(`div`,{className:`flex flex-wrap items-center gap-2 rounded-md border border-primary/40 bg-primary/8 px-3 py-2`,children:[r(`span`,{className:`text-xs font-medium text-foreground`,children:[String(p.size),` selected`]}),r(`div`,{className:`ml-auto flex flex-wrap items-center gap-1.5`,children:[u(`span`,{title:gi?void 0:`Track flags arrive with the next server update`,children:r(X,{variant:`secondary`,onClick:()=>K(`keep`),disabled:!gi||Y,children:[y===`keep`?u(M,{className:`h-3.5 w-3.5 animate-spin`}):u(H,{className:`h-3.5 w-3.5`}),` `,`Keep`]})}),u(`span`,{title:gi?void 0:`Track flags arrive with the next server update`,children:r(X,{onClick:()=>K(`analyzed`),disabled:!gi||Y,children:[y===`analyzed`?u(M,{className:`h-3.5 w-3.5 animate-spin`}):u(N,{className:`h-3.5 w-3.5`}),` `,`Analyzed`]})}),u(X,{variant:`ghost`,onClick:G,disabled:Y,children:u(I,{className:`h-3.5 w-3.5`})})]})]}),C.length>0&&r(`div`,{className:`flex flex-wrap items-center gap-2 rounded-md border border-border bg-surface px-3 py-2`,children:[r(`span`,{className:`text-xs text-foreground`,children:[String(C.length),` track(s) marked analyzed and removed from this list.`]}),r(X,{variant:`ghost`,onClick:q,disabled:Y,children:[u(f,{className:`h-3.5 w-3.5`}),` Undo`]}),u(X,{variant:`ghost`,onClick:()=>w([]),disabled:Y,children:u(I,{className:`h-3.5 w-3.5`})})]}),j.isLoading?u(Te,{status:`pending`,pendingMessage:`Loading…`,testId:`debug-tracks-grid`}):R.length===0?u(Re,{icon:h,title:`No track is marked for debug`,description:`Mark one from a track's actions on the Feed to see it here.`}):u(Te,{status:`ready`,testId:`debug-tracks-grid`,children:R.map(e=>{let t=L.get(e.trackId);return u(ri,{row:e,cameraName:k(e.deviceId),nowMs:e.lastSeen,selected:p.has(qa(e.deviceId,e.trackId)),onToggleSelect:U,onOpenDetail:v,...t?.thumbnailProvenance===void 0?{}:{provenance:t.thumbnailProvenance},footer:u(oo,{track:e,report:t,analyzing:F.isFetching})},qa(e.deviceId,e.trackId))})}),g&&u(Hi,{row:g,cameraName:k(g.deviceId),deleteAvailable:Ai,onClose:()=>v(null),onDeleted:()=>{v(null),j.refetch()},onFlagsChanged:e=>{e.debug||(v(null),j.refetch())}})]})}var co=200,lo=3e4,uo=[];function fo(e){let t=B(),n=e.deviceIds.length>0,r=[...e.deviceIds].sort((e,t)=>e-t),{data:i,isLoading:a}=o({queryKey:[`events-feed`,r,e.since,e.until,e.minImportance??null,e.classFilter??null],enabled:n,staleTime:lo,refetchInterval:lo,queryFn:async()=>(await t.trpcClient.pipelineAnalytics.getKeyEventsBatch.query({deviceIds:r,since:e.since,until:e.until,limit:co,...e.minImportance===void 0?{}:{minImportance:e.minImportance},...e.classFilter===void 0?{}:{classFilter:e.classFilter}})).map(e=>e.events.map(t=>({...t,deviceId:e.deviceId})))});return{rows:Gr(Wr(i??uo),`importance`),isLoading:n&&a}}n();var po=[`events-feed`],mo=2e3;function ho(n){let r=c(),i=n?.paused===!0,a=t(r);a.current=r;let o=t(i);o.current=i;let[s,u]=l(!1),f=e(()=>{a.current.invalidateQueries({queryKey:po})},[]),p=t(void 0);p.current||=Lr({delayMs:mo,invalidate:()=>{o.current?u(!0):f()}}),d(()=>()=>p.current?.cancel(),[]),d(()=>{i||!s||(u(!1),f())},[i,s,f]);let m=e(()=>{u(!1),f()},[f]);return dt(me.PipelineAnalyticsDetectionEvent,()=>{p.current?.trigger()}),dt(me.PipelineAnalyticsTrackEnded,()=>{p.current?.trigger()}),{pending:s,refreshNow:m}}n();function go({groups:e,selected:t,onChange:n,loading:a=!1}){let{t:o}=jt(),[s,c]=l(!1),[d,f]=l(``),[p,m]=l(new Set),h=d.trim().toLowerCase(),g=e=>h.length===0||St(e,o).toLowerCase().includes(h),_=i(()=>e.map(e=>({macro:e.macro,subs:e.subs.filter(t=>g(t)||g(e.macro))})).filter(e=>g(e.macro)||e.subs.length>0),[e,h]),v=e=>m(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n}),y=e=>{let r=new Set(t),i=t.has(e.macro.kind)&&e.subs.every(e=>t.has(e.kind)),a=[e.macro.kind,...e.subs.map(e=>e.kind)];if(i)for(let e of a)r.delete(e);else for(let e of a)r.add(e);n(r)},b=e=>{let r=new Set(t);r.has(e)?r.delete(e):r.add(e),n(r)},x=()=>n(new Set),S=t.size;return r(`div`,{className:`relative`,children:[r(`button`,{type:`button`,onClick:()=>c(e=>!e),className:`flex items-center gap-1 rounded-md px-2.5 py-1 text-xs transition-colors ${S>0?`bg-primary/12 text-primary font-medium`:`text-foreground-subtle hover:bg-surface-hover hover:text-foreground`}`,children:[u(E,{className:`h-3.5 w-3.5`}),S>0?`Kinds (${String(S)})`:`Kinds`,u(J,{className:`h-3 w-3`})]}),s&&r(`div`,{className:`absolute z-20 mt-1 max-h-80 w-64 overflow-auto rounded-md border border-border bg-surface p-2 shadow-lg`,children:[r(`div`,{className:`mb-2 flex items-center gap-1 rounded border border-border px-1.5`,children:[u(F,{className:`h-3.5 w-3.5 text-foreground-subtle`}),u(`input`,{type:`text`,value:d,onChange:e=>f(e.target.value),placeholder:`Search kinds…`,className:`w-full bg-transparent py-1 text-xs outline-none`}),S>0&&u(`button`,{type:`button`,onClick:x,className:`text-[10px] text-foreground-subtle hover:text-foreground`,children:`Clear`})]}),_.length===0&&u(`div`,{className:`px-1 py-2 text-[11px] text-foreground-subtle`,children:a?`Loading kinds…`:h.length>0?`No kind matches that search.`:`These cameras advertise no event kinds.`}),_.map(e=>{let n=ft(e.macro.iconId),i=p.has(e.macro.kind)||h.length>0,a=t.has(e.macro.kind);return r(`div`,{className:`mb-0.5`,children:[r(`div`,{className:`flex items-center gap-1`,children:[e.subs.length>0?u(`button`,{type:`button`,onClick:()=>v(e.macro.kind),className:`text-foreground-subtle hover:text-foreground`,"aria-label":`Expand`,children:u(i?J:A,{className:`h-3 w-3`})}):u(`span`,{className:`w-3`}),r(`label`,{className:`flex flex-1 cursor-pointer items-center gap-1.5 rounded px-1 py-0.5 text-xs hover:bg-surface-hover`,children:[u(`input`,{type:`checkbox`,checked:a,onChange:()=>y(e),className:`accent-primary`}),u(n,{className:`h-3.5 w-3.5`,style:{color:e.macro.color}}),u(`span`,{className:`font-medium`,children:St(e.macro,o)})]})]}),i&&e.subs.map(e=>{let n=ft(e.iconId);return r(`label`,{className:`ml-5 flex cursor-pointer items-center gap-1.5 rounded px-1 py-0.5 text-xs hover:bg-surface-hover`,children:[u(`input`,{type:`checkbox`,checked:t.has(e.kind),onChange:()=>b(e.kind),className:`accent-primary`}),u(n,{className:`h-3.5 w-3.5`,style:{color:e.color}}),u(`span`,{children:St(e,o)})]},e.kind)})]},e.macro.kind)})]})]})}function _o(e,t){let n=new Map;for(let r of e)if(!(t.size>0&&!t.has(r.deviceId)))for(let e of r.kinds)n.has(e.kind)||n.set(e.kind,e);return n}function vo(e,t){return{...t,kind:e,labelKey:`eventKind.${e}`,label:e.charAt(0).toUpperCase()+e.slice(1),iconId:e,parentKind:null,level:`macro`}}var yo=new Set([`detection`,`package`]);function bo(e,t){return[..._o(e,t).values()].filter(e=>e.parentKind===null&&yo.has(e.category)).sort((e,t)=>e.label.localeCompare(t.label))}function xo(e,t){let n=_o(e,t),r=new Map,i=new Map;for(let e of n.values()){if(e.parentKind===null){i.set(e.kind,e);continue}let t=r.get(e.parentKind);t===void 0?r.set(e.parentKind,[e]):t.push(e)}for(let[e,t]of r){if(i.has(e))continue;let n=t[0];n!==void 0&&i.set(e,vo(e,n))}return[...i.values()].map(e=>({macro:e,subs:[...r.get(e.kind)??[]].sort((e,t)=>e.label.localeCompare(t.label))})).sort((e,t)=>e.macro.label.localeCompare(t.macro.label))}n();function So(){let[n,r]=l(!1),i=t(null),[a,o]=l(0),s=e(e=>{i.current!==e&&(i.current=e,o(e=>e+1))},[]);return d(()=>{let e=i.current;if(!e||typeof IntersectionObserver>`u`){r(!1);return}let t=new IntersectionObserver(e=>{let t=e[e.length-1];t&&r(!t.isIntersecting)},{rootMargin:`64px 0px 0px 0px`,threshold:0});return t.observe(e),()=>t.disconnect()},[a]),{ref:s,scrolledPast:n}}n();var Co=[`events-feed`],wo=60,To=[{value:`importance`,label:`Importance`,icon:re},{value:`time`,label:`Recent`,icon:U}];function Eo(){let e=c(),t=qe(),n=Ze(),[a,o]=l(Fn),[f,p]=l(new Set),[m,h]=l(new Set),[g,_]=l(0),[y,b]=l(`time`),[x,S]=l(new Set),[C,w]=l(null),[E,D]=l(()=>Date.now());d(()=>{let e=setInterval(()=>D(Date.now()),6e4);return()=>clearInterval(e)},[]);let{since:O,until:k}=i(()=>Yr({fromMs:a.fromMs,toMs:a.toMs},E),[a.fromMs,a.toMs,E]),A=So(),{pending:j,refreshNow:N}=ho({paused:C!==null||x.size>0||A.scrolledPast}),{data:P=[]}=ht({isCamera:!0,projection:`slim`}),F=i(()=>P.map(e=>e.id),[P]),{data:L,isLoading:R}=rt({deviceIds:F},{enabled:F.length>0,staleTime:5*6e4}),z=i(()=>xo(L??[],f),[L,f]),B=Ni(),V=B.isPending,{rows:H,isLoading:U}=fo({deviceIds:F,since:O,until:k,minImportance:g>0?g:void 0,classFilter:m.size===1?[...m][0]:void 0}),W=i(()=>{let e=new Map;for(let t of P??[])e.set(t.id,t.name);return e},[P]),G=e=>W.get(e)??`Camera #${String(e)}`,ee=i(()=>Hn(H).map(e=>({id:e,name:G(e)})).sort((e,t)=>e.name.localeCompare(t.name)),[H,W]),K=i(()=>Gr(Kr(H,{cameras:f,classes:m,minImportance:g}),y),[H,f,m,g,y]),q=Qn(K,wo,i(()=>JSON.stringify([[...f].sort((e,t)=>e-t),[...m].sort(),g,y,O,k]),[f,m,g,y,O,k])),J=()=>{e.invalidateQueries({queryKey:Co})},te=()=>S(new Set);function Y(e){S(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})}function ne(){if(x.size===0||!Ai)return;let e=Jr(H,x),t=[...e.values()].reduce((e,t)=>e+t.length,0);t!==0&&(async()=>{await n({title:`Delete ${String(t)} track${t===1?``:`s`}`,message:`Delete ${String(t)} track${t===1?``:`s`} and every image and clip captured for ${t===1?`it`:`them`}? This cannot be undone.`,confirmLabel:`Delete`,variant:`danger`})&&re(e)})()}function re(e){let n=[...e];Promise.allSettled(n.map(([e,t])=>B.mutateAsync({deviceId:e,trackIds:t}))).then(e=>{J();let r=[],i=new Set;e.forEach((e,t)=>{let a=n[t];if(!a)return;let[o,s]=a;if(e.status===`fulfilled`)for(let e of s)i.add(qr(o,e));else r.push(o)}),S(e=>{let t=new Set(e);for(let e of i)t.delete(e);return t}),r.length>0&&t({title:`Some tracks were not deleted`,message:`Failed to delete tracks on: ${r.map(e=>G(e)).join(`, `)}. They remain selected — retry, or check the server logs.`,variant:`danger`})})}let ie=K.length!==H.length;return r(`div`,{className:`relative space-y-3`,children:[r(`div`,{className:`flex flex-wrap items-center gap-1.5`,children:[u(or,{onChange:o}),u(ir,{cameras:ee,selected:f,onChange:p}),u(go,{groups:z,selected:m,onChange:h,loading:R}),r(`label`,{className:`flex items-center gap-1.5 text-[11px] text-foreground-subtle`,children:[u(`span`,{children:`Min score`}),u(`input`,{type:`range`,min:0,max:1,step:.05,value:g,onChange:e=>_(Number(e.target.value)),className:`h-1 w-24 cursor-pointer accent-primary`,"aria-label":`Minimum importance`}),u(`span`,{className:`w-6 tabular-nums text-foreground`,children:Math.round(g*100)})]}),u(`div`,{className:`flex items-center gap-1 rounded-md border border-border p-0.5`,children:To.map(e=>{let t=e.icon;return r(`button`,{type:`button`,onClick:()=>b(e.value),className:`flex items-center gap-1 rounded px-2 py-1 text-[11px] transition-colors ${y===e.value?`bg-primary/12 text-primary font-medium`:`text-foreground-subtle hover:bg-surface-hover hover:text-foreground`}`,children:[u(t,{className:`h-3.5 w-3.5`}),` `,e.label]},e.value)})}),!U&&u(`span`,{className:`ml-auto text-[10px] text-foreground-subtle`,children:ie?`${String(K.length)} of ${String(H.length)} events`:`${String(K.length)} event${K.length===1?``:`s`}`})]}),x.size>0&&r(`div`,{className:`flex flex-wrap items-center gap-2 rounded-md border border-primary/40 bg-primary/8 px-3 py-2`,children:[r(`span`,{className:`text-xs font-medium text-foreground`,children:[x.size,` selected`]}),r(`div`,{className:`ml-auto flex flex-wrap items-center gap-1.5`,children:[u(`span`,{title:Ai?void 0:`Track deletion arrives with the next server update`,children:r(X,{variant:`secondary`,onClick:ne,disabled:!Ai||V,children:[V?u(M,{className:`h-3.5 w-3.5 animate-spin`}):u(v,{className:`h-3.5 w-3.5`}),` `,`Delete`]})}),u(X,{variant:`ghost`,onClick:te,disabled:V,children:u(I,{className:`h-3.5 w-3.5`})})]})]}),j&&u(`div`,{className:`sticky top-2 z-20 flex justify-center`,children:u(`button`,{type:`button`,onClick:N,className:`rounded-full border border-primary/40 bg-surface px-3 py-1 text-[11px] font-medium text-primary shadow-sm hover:bg-primary/10`,children:`New events — refresh`})}),U?u(Te,{status:`pending`,pendingMessage:`Loading events…`,testId:`events-grid`}):K.length===0?u(Re,{icon:T,title:ie?`Nothing matches the filter`:`No key events in this window`,description:ie?`Widen the date range, clear cameras or kinds, or lower the min score.`:`Captured tracks appear here when the pipeline scores a key event.`}):r(s,{children:[u(`div`,{ref:A.ref,"aria-hidden":!0,className:`h-0`}),u(Te,{status:`ready`,testId:`events-grid`,children:q.pageItems.map(e=>u(ri,{row:e,cameraName:G(e.deviceId),nowMs:E,selected:x.has(qr(e.deviceId,e.trackId)),onToggleSelect:Y,onOpenDetail:w},qr(e.deviceId,e.trackId)))}),u(tr,{currentPage:q.page,totalItems:q.totalItems,pageSize:q.pageSize,onPageChange:q.setPage,itemNoun:`events`})]}),C&&u(Hi,{row:C,cameraName:G(C.deviceId),deleteAvailable:Ai,onClose:()=>w(null),onDeleted:()=>{J(),w(null)},onFlagsChanged:e=>{w(t=>t&&t.trackId===e.trackId?{...t,markForTrain:e.markForTrain,debug:e.debug,favourited:e.favourited}:t)}})]})}var Do=`/addon/training`;function Oo(){let e=Pt();return r(Pe,{className:`flex flex-col gap-3 border-border bg-surface p-3 sm:flex-row sm:items-center sm:gap-4`,"data-testid":`events-feed-retrain-cta`,children:[r(`div`,{className:`flex min-w-0 flex-1 items-start gap-2.5`,children:[u(q,{className:`mt-0.5 h-4 w-4 shrink-0 text-primary`,"aria-hidden":!0}),r(`div`,{className:`min-w-0 space-y-0.5`,children:[u(`p`,{className:`text-xs font-medium text-foreground`,children:`Training from this feed`}),u(`p`,{className:`${Y} leading-relaxed`,children:`Mark a track with the graduation-cap control on its card. On Training you correct frames, build collections, and start cloud fine-tunes.`})]})]}),u(X,{variant:`outline`,size:`sm`,className:`shrink-0 self-start sm:self-center`,onClick:()=>e(Do),children:`Open Training`})]})}n();var ko=50,Ao=350,jo=[{value:`loose`,label:`Loose`,title:`The search model's own floor`},{value:`balanced`,label:`Balanced`,title:`1.25× the search model's floor`},{value:`strict`,label:`Strict`,title:`1.5× the search model's floor`}];function Mo(e){let t=String(e.id);return{id:t,trackId:e.trackId??t,deviceId:e.deviceId,timestamp:e.timestamp,className:e.className,label:e.label,subLabel:e.subLabel,importance:e.importance??0,bestEventId:t,mediaId:e.keyFrameMediaId??e.mediaId,windowMs:void 0}}function No({onActiveChange:e}){let[t,n]=l(``),[a,o]=l(`loose`),[s,c]=l(null),[f,p]=l(null),[m,h]=l(null),g=bt(t,Ao).trim(),_=g.length>0;d(()=>{e(_)},[_,e]);let[v,y]=l(()=>Date.now());d(()=>{let e=setInterval(()=>y(Date.now()),6e4);return()=>clearInterval(e)},[]);let{data:b=[]}=ht({isCamera:!0,projection:`slim`}),x=i(()=>{let e=new Map;for(let t of b)e.set(t.id,t.name);return e},[b]),S=e=>x.get(e)??`Camera #${String(e)}`,C=i(()=>b.map(e=>e.id),[b]),{data:w}=rt({deviceIds:C},{enabled:C.length>0,staleTime:5*6e4}),T=i(()=>bo(w??[],new Set(f===null?[]:[f])),[w,f]);d(()=>{s!==null&&(T.some(e=>e.kind===s)||c(null))},[T,s]);let{data:E,isFetching:D,isError:O,error:k}=lt({text:g,strictness:a,limit:ko,classFilter:s??void 0,deviceId:f??void 0},{enabled:_}),A=i(()=>[...E??[]].sort((e,t)=>t.score-e.score).map(e=>({...Mo(e),score:e.score})),[E]);function j(e){c(t=>t===e?null:e)}return r(`div`,{className:`space-y-3`,children:[r(`div`,{className:`rounded-lg border border-border bg-surface p-3 space-y-3`,children:[r(`div`,{className:`flex flex-wrap items-center gap-2`,children:[r(`div`,{className:`relative min-w-[16rem] flex-1`,children:[u(F,{className:`pointer-events-none absolute left-2.5 top-1/2 h-4 w-4 -translate-y-1/2 text-foreground-subtle`}),u(`input`,{type:`text`,value:t,onChange:e=>n(e.target.value),placeholder:`Semantic search — describe what you're looking for…`,className:`h-9 w-full rounded-md border border-border bg-background pl-8 pr-8 text-sm text-foreground placeholder:text-foreground-subtle focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary`,"aria-label":`Semantic event search`}),t&&u(`button`,{type:`button`,onClick:()=>n(``),className:`absolute right-2 top-1/2 -translate-y-1/2 rounded p-0.5 text-foreground-subtle hover:bg-surface-hover hover:text-foreground`,"aria-label":`Clear search`,children:u(I,{className:`h-3.5 w-3.5`})})]}),D&&_&&u(M,{className:`h-4 w-4 shrink-0 animate-spin text-foreground-subtle`})]}),r(`div`,{className:`flex flex-wrap items-center gap-x-4 gap-y-2`,children:[u(`div`,{className:`flex items-center gap-1`,children:T.map(e=>u(`button`,{type:`button`,onClick:()=>j(e.kind),className:`rounded-md px-2.5 py-1 text-xs transition-colors ${s===e.kind?`bg-primary/12 text-primary font-medium`:`text-foreground-subtle hover:bg-surface-hover hover:text-foreground`}`,children:St(e)},e.kind))}),r(`label`,{className:`flex items-center gap-1.5 text-[11px] text-foreground-subtle`,children:[u(`span`,{children:`Camera`}),u(Se,{value:f===null?``:String(f),onChange:e=>p(e.target.value===``?null:Number(e.target.value)),className:`h-7 text-xs`,"aria-label":`Filter by camera`,options:[{value:``,label:`All`},...b.map(e=>({value:String(e.id),label:e.name}))]})]}),r(`div`,{className:`flex items-center gap-1.5 text-[11px] text-foreground-subtle`,children:[u(`span`,{children:`Match`}),u(`div`,{className:`flex items-center gap-1 rounded-md border border-border p-0.5`,children:jo.map(e=>u(`button`,{type:`button`,onClick:()=>o(e.value),className:`rounded px-2 py-1 text-[11px] transition-colors ${a===e.value?`bg-primary/12 text-primary font-medium`:`text-foreground-subtle hover:bg-surface-hover hover:text-foreground`}`,title:e.title,children:e.label},e.value))})]}),_&&!D&&!O&&r(`span`,{className:`ml-auto text-[10px] text-foreground-subtle`,children:[A.length,` match`,A.length===1?``:`es`]})]})]}),_&&r(`div`,{className:`space-y-3`,children:[O&&r(`p`,{className:`py-4 text-xs text-danger`,children:[`Search failed: `,k instanceof Error?k.message:`unknown error`,`. Check that the CLIP embedding step is enabled.`]}),!O&&D&&A.length===0&&u(Te,{status:`pending`,pendingMessage:`Searching…`,testId:`semantic-events-grid`}),!O&&!D&&A.length===0&&u(Te,{status:`empty`,emptyMessage:`No semantic matches for “${g}”. Try a looser match threshold or a different phrasing.`,testId:`semantic-events-grid`}),!O&&A.length>0&&u(Te,{status:`ready`,testId:`semantic-events-grid`,children:A.map(e=>u(ri,{row:e,cameraName:S(e.deviceId),nowMs:v,score:e.score,onOpenDetail:h},e.id))})]}),m&&u(Hi,{row:m,cameraName:S(m.deviceId),deleteAvailable:Ai,onClose:()=>h(null),onDeleted:()=>h(null)})]})}n();function Po(e,t){let n=Math.max(0,Math.round((e-t)/6e4));if(n<1)return`just now`;if(n<60)return`${String(n)}m`;let r=Math.floor(n/60);return`${String(r)}h ${String(n%60)}m`}function Fo({row:e,cameraName:t,nowMs:n}){let i=Rt(e.keyFrameMediaId===void 0?void 0:Vt(e.keyFrameMediaId));return r(`div`,{className:`flex flex-col overflow-hidden rounded-md border border-border bg-surface`,children:[r(`div`,{className:`relative aspect-video overflow-hidden bg-surface-hover`,children:[i.src?u(`img`,{src:i.src,alt:`Parked ${e.className} on ${t}`,className:`h-full w-full object-cover`}):u(`div`,{className:`flex h-full w-full items-center justify-center text-foreground-subtle`,children:u(ae,{className:`h-6 w-6`})}),u(`span`,{className:`absolute left-1 top-1 rounded bg-black/60 px-1.5 py-0.5 text-[10px] font-medium capitalize text-white`,children:e.label??e.className})]}),r(`div`,{className:`flex flex-col gap-0.5 p-1.5`,children:[u(`span`,{className:`truncate text-[11px] text-foreground`,children:t}),r(`span`,{className:`text-[10px] text-foreground-subtle`,children:[`parked `,Po(n,e.becameStationaryAt)]})]})]})}function Io(){let[e,t]=l(!1),n=Date.now(),{data:a=[]}=ht({isCamera:!0,projection:`slim`}),o=i(()=>a.map(e=>e.id),[a]),s=i(()=>{let e=new Map;for(let t of a)e.set(t.id,t.name);return e},[a]),{rows:c,unreadableCount:d}=Lt(o);return c.length===0&&d===0?null:r(`div`,{className:`rounded-md border border-border bg-surface/40`,children:[r(`button`,{type:`button`,onClick:()=>t(e=>!e),className:`flex w-full items-center gap-2 px-3 py-2 text-left`,children:[u(e?J:A,{className:`h-4 w-4 text-foreground-subtle`}),u(ae,{className:`h-4 w-4 text-foreground-subtle`}),u(`span`,{className:`text-sm font-semibold text-foreground`,children:`Stationary`}),u(`span`,{className:`rounded-full bg-surface-hover px-2 py-0.5 text-[10px] font-medium text-foreground-subtle`,children:c.length}),u(`span`,{className:`ml-2 text-[11px] text-foreground-subtle`,children:`Parked objects — kept out of the event feed`}),d>0?r(`span`,{className:`ml-2 text-[11px] text-warning`,children:[d,` camera`,d===1?``:`s`,` could not be read`]}):null]}),e&&u(`div`,{className:`grid grid-cols-[repeat(auto-fill,minmax(9rem,1fr))] gap-2 p-3 pt-0`,children:c.map(e=>u(Fo,{row:e,cameraName:s.get(e.deviceId)??`Camera #${String(e.deviceId)}`,nowMs:n},e.id))})]})}n();function Lo(){let[e,t]=l(!1);return r(`section`,{className:`space-y-3`,children:[u(Oo,{}),u(No,{onActiveChange:t}),!e&&u(Io,{}),!e&&u(Eo,{})]})}function Ro(){let[e]=Ft();return e.get(`section`)===`retrain`?u(Mt,{to:`/addon/training`,replace:!0}):u(It,{sectionsOnly:!0,paramName:`section`,defaultSection:`feed`,sectionsLabel:`Events sections`,sections:[{id:`feed`,label:`Feed`,content:u(Lo,{})},{id:`debug`,label:`Debug`,content:u(so,{})}]})}function zo(e){return e==null?null:e.cropUrl!==void 0&&e.cropUrl.length>0?e.cropUrl:e.base64!==void 0&&e.base64.length>0?`data:image/jpeg;base64,${e.base64}`:null}n();var Bo=[[`plateGallery`]];function Vo({plateIds:e,vehicles:t,onDone:n}){let i=c(),a=at(),o=gt(),[s,d]=l(``),[f,p]=l(!1),[m,h]=l(null),g=e!==null&&e.length>0,_=e?.length??0;function v(){p(!1),d(``),h(null)}function y(){v(),n()}function b(t){!e||e.length===0||a.mutate({plateIds:[...e],vehicleId:t},{onSettled:()=>{i.invalidateQueries({queryKey:Bo}),y()}})}function x(){!e||!s.trim()||o.mutate({name:s.trim()},{onSuccess:e=>{e?.id&&b(e.id)},onError:()=>{i.invalidateQueries({queryKey:Bo}),y()}})}let S=a.isPending||o.isPending;return u(Be,{open:g,onOpenChange:e=>!e&&y(),children:r(ve,{children:[r(ge,{children:[u(pt,{children:_>1?`Assign ${String(_)} plates to vehicle`:`Assign plate to vehicle`}),u(Ne,{children:`Select an existing vehicle or create a new one.`})]}),u(`div`,{className:`space-y-1 max-h-56 overflow-y-auto`,children:t.map(e=>r(`button`,{type:`button`,onClick:()=>h(e.id),className:`w-full rounded-md px-3 py-2 text-left text-xs transition-colors ${m===e.id?`bg-primary/12 text-primary`:`hover:bg-surface-hover text-foreground`}`,children:[u(`span`,{className:`font-medium`,children:e.name}),r(`span`,{className:`ml-2 text-foreground-subtle`,children:[e.sampleCount,` plates`]})]},e.id))}),f?u(`div`,{className:`flex items-center gap-2 pt-2 border-t border-border`,children:u(Ke,{placeholder:`New vehicle name…`,value:s,onChange:e=>d(e.target.value),onKeyDown:e=>{e.key===`Enter`&&x()},autoFocus:!0,className:`flex-1`})}):u(`button`,{type:`button`,onClick:()=>{h(null),p(!0)},className:`mt-2 w-full rounded-md border border-dashed border-border px-3 py-2 text-left text-xs text-foreground-subtle hover:border-primary hover:text-primary transition-colors`,children:`+ New vehicle…`}),r(mt,{children:[u(X,{variant:`secondary`,onClick:y,disabled:S,children:`Cancel`}),f?r(X,{variant:`primary`,onClick:x,disabled:S||!s.trim(),children:[S&&u(M,{className:`h-3.5 w-3.5 animate-spin`}),`Create & assign`]}):r(X,{variant:`primary`,onClick:()=>m&&b(m),disabled:S||!m,children:[S&&u(M,{className:`h-3.5 w-3.5 animate-spin`}),`Assign`,_>1?` ${String(_)}`:``]})]})]})})}n();var Ho=[[`plateGallery`]];function Uo(e){let[t,n]=l(null),[r,i]=l(null),[a,o]=l(!1);return d(()=>{if(n(null),i(null),o(!1),e===void 0)return;let t=!1,r=null;return(async()=>{try{let i=await Bt(Vt(e));if(t)return;r=URL.createObjectURL(i),n(r)}catch{t||o(!0)}})(),()=>{t=!0,r&&URL.revokeObjectURL(r)}},[e]),d(()=>{if(!t)return;let e=new Image;return e.onload=()=>i({width:e.naturalWidth,height:e.naturalHeight}),e.onerror=()=>o(!0),e.src=t,()=>{e.onload=null,e.onerror=null}},[t]),{frameSrc:t,naturalWidth:r?.width??null,naturalHeight:r?.height??null,failed:a}}function Wo(e){let t=e.filter(e=>e.url.length>0);return t.length===0?null:t.find(e=>/crop|plate/i.test(e.kind))??t[0]}function Go({label:e,value:t,mono:n}){return r(`div`,{className:`flex items-baseline justify-between gap-3 py-1.5 border-b border-border/60 last:border-0`,children:[u(`span`,{className:`shrink-0 text-[11px] uppercase tracking-wide text-foreground-subtle`,children:e}),u(`span`,{className:`min-w-0 truncate text-right text-xs font-medium text-foreground ${n?`font-mono`:``}`,title:t,children:t})]})}function Ko({box:e}){return u(`div`,{className:`pointer-events-none absolute rounded-[3px] border-2 border-primary shadow-[0_0_0_9999px_rgba(0,0,0,0.28)]`,style:{left:`${String(e.x*100)}%`,top:`${String(e.y*100)}%`,width:`${String(e.width*100)}%`,height:`${String(e.height*100)}%`},children:u(`span`,{className:`absolute -top-4 left-0 rounded bg-primary px-1 text-[9px] font-semibold uppercase tracking-wide text-white`,children:`Plate`})})}function qo({plate:e,cameraName:t,onClose:n,onAssign:a,onUnassign:o,onDelete:s,actionsPending:f}){let p=c(),{data:m,isFetching:h}=Qe({plateId:e?.plateId??``},{enabled:e!==null}),_=yt(),[y,b]=l(`frame`),[x,S]=l(!1),[w,T]=l(``),{frameSrc:E,naturalWidth:D,naturalHeight:O,failed:k}=Uo(e?.keyFrameMediaId);d(()=>{S(!1),T(``),b(`frame`)},[e?.plateId]);let A=i(()=>{let t=Wo(m??[]);return t?t.url:zo(e)},[m,e]),j=i(()=>!e?.plateBbox||D===null||O===null?null:cr(e.plateBbox,D,O),[e?.plateBbox,D,O]);if(e===null)return null;let P=e.keyFrameMediaId!==void 0&&!k,F=P&&y===`frame`,L=e.assigned?e.vehicleName??`Assigned`:e.recognizedVehicleId?`${e.vehicleName??`Recognized`} (suggested)`:`Unassigned`,z=`${String(Math.round(e.score*100))}%${e.corrected?` · corrected`:``}`;function B(){e&&(T(e.text),S(!0))}function H(){if(!e)return;let t=w.trim().toUpperCase();if(!t||t===e.text){S(!1);return}_.mutate({plateId:e.plateId,text:t},{onSettled:()=>{p.invalidateQueries({queryKey:Ho}),S(!1)}})}return u(Be,{open:!0,onOpenChange:e=>!e&&n(),children:r(ve,{width:`lg`,placement:`sheet-on-mobile`,"aria-label":`Plate detail`,className:`flex h-[92dvh] flex-col gap-0 overflow-hidden p-0 bottom-0 left-0 right-0 top-auto w-full max-w-full translate-x-0 translate-y-0 rounded-b-none md:bottom-auto md:left-1/2 md:right-auto md:top-1/2 md:h-auto md:w-[calc(100vw-2rem)] md:max-w-xl md:-translate-x-1/2 md:-translate-y-1/2 md:rounded-lg md:max-h-[calc(100dvh-2rem)]`,children:[u(`header`,{className:`flex shrink-0 items-start gap-2 border-b border-border py-3 pl-4 pr-10`,children:r(`div`,{className:`min-w-0`,children:[u(`div`,{className:`truncate font-mono text-sm font-semibold tracking-wide text-foreground`,children:e.text||`Plate detail`}),u(`div`,{className:`mt-0.5 truncate text-[11px] text-foreground-subtle`,children:t})]})}),r(`div`,{className:`min-h-0 flex-1 space-y-3 overflow-y-auto overscroll-contain px-4 py-3`,children:[P&&r(`div`,{className:`flex items-center gap-1 rounded-md border border-border p-0.5 text-xs`,children:[r(`button`,{type:`button`,onClick:()=>b(`frame`),className:`flex flex-1 items-center justify-center gap-1 rounded px-2 py-1 transition-colors ${y===`frame`?`bg-primary/12 font-medium text-primary`:`text-foreground-subtle hover:bg-surface-hover hover:text-foreground`}`,children:[u(V,{className:`h-3.5 w-3.5`}),` Full frame`]}),r(`button`,{type:`button`,onClick:()=>b(`crop`),className:`flex flex-1 items-center justify-center gap-1 rounded px-2 py-1 transition-colors ${y===`crop`?`bg-primary/12 font-medium text-primary`:`text-foreground-subtle hover:bg-surface-hover hover:text-foreground`}`,children:[u(de,{className:`h-3.5 w-3.5`}),` Crop`]})]}),F&&E?u(`div`,{className:`overflow-hidden rounded-lg border border-border bg-background`,children:u(ur,{src:E,alt:`Full frame with detected plate`,fit:`natural`,className:`w-full`,overlay:j?u(Ko,{box:j}):void 0})}):A?r(`div`,{className:`relative aspect-[2/1] w-full overflow-hidden rounded-lg border border-border bg-background`,children:[u(ur,{src:A,alt:`Detected plate`,className:`h-full w-full`}),h&&u(`div`,{className:`absolute right-2 top-2 rounded-full bg-black/50 p-1 text-white`,children:u(M,{className:`h-3.5 w-3.5 animate-spin`})})]}):r(`div`,{className:`flex aspect-[2/1] w-full flex-col items-center justify-center gap-1.5 rounded-lg border border-border bg-warning/5 text-foreground-subtle`,children:[u(R,{className:`h-8 w-8 text-warning/70`}),u(`span`,{className:`text-[11px] font-medium uppercase tracking-wide text-warning/80`,children:`No image`}),u(`span`,{className:`px-6 text-center text-[10px] text-foreground-subtle`,children:`The crop media for this plate could not be resolved. Safe to delete.`})]}),u(`div`,{className:`rounded-lg border border-border bg-surface px-3 py-2`,children:r(`div`,{className:`flex items-center justify-between gap-3`,children:[u(`span`,{className:`shrink-0 text-[11px] uppercase tracking-wide text-foreground-subtle`,children:`Plate text`}),x?r(`div`,{className:`flex min-w-0 flex-1 items-center justify-end gap-1.5`,children:[u(Ke,{value:w,onChange:e=>T(e.target.value),onKeyDown:e=>{e.key===`Enter`&&H(),e.key===`Escape`&&S(!1)},className:`h-7 max-w-[10rem] text-right font-mono text-xs uppercase`,autoFocus:!0}),u(`button`,{type:`button`,onClick:H,disabled:_.isPending,className:`text-success hover:text-success/80 disabled:opacity-50`,"aria-label":`Save corrected text`,children:_.isPending?u(M,{className:`h-3.5 w-3.5 animate-spin`}):u(N,{className:`h-3.5 w-3.5`})}),u(`button`,{type:`button`,onClick:()=>S(!1),className:`text-foreground-subtle hover:text-foreground`,"aria-label":`Cancel`,children:u(I,{className:`h-3.5 w-3.5`})})]}):r(`button`,{type:`button`,onClick:B,className:`group flex min-w-0 items-center gap-1.5`,title:`Correct the OCR reading`,children:[u(`span`,{className:`truncate font-mono text-sm font-semibold tracking-wide text-foreground`,children:e.text||`—`}),u(C,{className:`h-3 w-3 shrink-0 text-foreground-subtle group-hover:text-foreground`})]})]})}),r(`div`,{className:`rounded-lg border border-border bg-surface px-3 py-1`,children:[u(Go,{label:`Camera`,value:t}),u(Go,{label:`Captured`,value:qn(e.timestamp)}),u(Go,{label:`Confidence`,value:z}),u(Go,{label:`Vehicle`,value:L}),u(Go,{label:`Track`,value:e.trackId,mono:!0})]})]}),r(`footer`,{className:`flex shrink-0 items-center justify-end gap-2 border-t border-border px-4 py-3 pb-[max(0.75rem,env(safe-area-inset-bottom))]`,children:[e.assigned?r(X,{variant:`secondary`,onClick:()=>o(e.plateId),disabled:f,children:[u(le,{className:`h-3.5 w-3.5`}),` Detach`]}):r(X,{variant:`primary`,onClick:()=>a(e.plateId),disabled:f,children:[u(g,{className:`h-3.5 w-3.5`}),` Assign`]}),r(X,{variant:`secondary`,onClick:()=>s(e.plateId),disabled:f,children:[u(v,{className:`h-3.5 w-3.5`}),` Delete`]})]})]})})}n();var Jo=[[`plateGallery`]],Yo=500,Xo=120;function Zo({plate:e,cameraName:t,nowMs:n,selected:i,onToggleSelect:a,onAssign:o,onOpenDetail:s}){let l=c(),d=_e(),f=ut(),p=()=>{l.invalidateQueries({queryKey:Jo})},m=()=>s(e.plateId),h=zo(e);return r(`div`,{className:`relative flex flex-col overflow-hidden rounded-md border bg-surface ${i?`border-primary ring-1 ring-primary`:`border-border`}`,children:[r(`div`,{className:`relative aspect-[2/1] overflow-hidden bg-surface-hover`,children:[h===null?r(`button`,{type:`button`,onClick:m,className:`flex h-full w-full flex-col items-center justify-center gap-1 bg-warning/5 text-foreground-subtle`,title:`No crop image — the plate's crop media is missing. Safe to delete.`,children:[u(R,{className:`h-7 w-7 text-warning/70`}),u(`span`,{className:`text-[9px] font-medium uppercase tracking-wide text-warning/80`,children:`No crop`})]}):u(`img`,{src:h,alt:`Plate ${e.text} from ${t}`,onClick:m,className:`h-full w-full cursor-zoom-in object-cover`}),u(`button`,{type:`button`,onClick:t=>{t.stopPropagation(),a(e.plateId)},className:`absolute left-0 top-0 z-10 rounded-br-md bg-black/50 p-1.5 text-white hover:bg-black/70`,"aria-label":i?`Deselect`:`Select`,children:i?u(se,{className:`h-4 w-4 text-primary`}):u(y,{className:`h-4 w-4`})}),e.corrected&&r(`span`,{className:`absolute right-0 top-0 z-10 flex items-center gap-0.5 rounded-bl-md bg-primary/80 px-1 py-0.5 text-[8px] font-semibold uppercase tracking-wide text-white`,title:`Manually corrected`,children:[u(ce,{className:`h-3 w-3`}),` Fixed`]})]}),r(`div`,{className:`min-w-0 px-2 pt-1.5 space-y-0.5`,children:[u(`p`,{className:`truncate font-mono text-xs font-bold tracking-wide text-foreground`,title:e.text,children:e.text||`—`}),u(`p`,{className:`truncate text-[10px] text-foreground-subtle`,title:t,children:t}),u(`p`,{className:`truncate text-[10px] text-foreground-subtle`,children:Gn(e.timestamp,n)}),e.vehicleName&&u(`p`,{className:`truncate text-[10px] font-medium text-primary`,title:e.vehicleName,children:e.vehicleName})]}),r(`div`,{className:`mt-1 flex items-center gap-0.5 border-t border-border/60 px-1 py-0.5`,children:[e.assigned?u(`button`,{type:`button`,onClick:t=>{t.stopPropagation(),d.mutate({plateId:e.plateId},{onSettled:p})},disabled:d.isPending,className:`rounded p-1.5 text-foreground-subtle transition-colors hover:bg-warning/10 hover:text-warning disabled:opacity-40`,"aria-label":`Detach plate`,title:`Detach`,children:d.isPending?u(M,{className:`h-4 w-4 animate-spin`}):u(le,{className:`h-4 w-4`})}):u(`button`,{type:`button`,onClick:t=>{t.stopPropagation(),o(e.plateId)},className:`rounded p-1.5 text-foreground-subtle transition-colors hover:bg-primary/10 hover:text-primary`,"aria-label":`Assign plate to vehicle`,title:`Assign to vehicle`,children:u(g,{className:`h-4 w-4`})}),u(`button`,{type:`button`,onClick:t=>{t.stopPropagation(),f.mutate({plateId:e.plateId},{onSettled:p})},disabled:f.isPending,className:`ml-auto rounded p-1.5 text-foreground-subtle transition-colors hover:bg-danger/10 hover:text-danger disabled:opacity-40`,"aria-label":`Delete plate`,title:`Delete plate`,children:f.isPending?u(M,{className:`h-4 w-4 animate-spin`}):u(v,{className:`h-4 w-4`})})]})]})}var Qo=[{label:`All`,value:`all`},{label:`Unassigned`,value:`unassigned`},{label:`Assigned`,value:`assigned`}];function $o(e,t){return t===`unassigned`?e.filter(e=>!e.assigned):t===`assigned`?e.filter(e=>e.assigned):e}function es(){let e=c(),[t,n]=l(`all`),[a,o]=l(Fn),[d,f]=l(new Set),[p,m]=l(new Set),[h,_]=l(null),[y,b]=l(null),{data:x,isLoading:S}=Et({limit:Yo,includeCrops:!1},{refetchInterval:3e4}),{data:C=[]}=tt(),{data:w}=ht({isCamera:!0,projection:`slim`}),T=_e(),E=Dt(),D=ut(),O=Date.now(),k=x??[],A=i(()=>{let e=new Map;for(let t of w??[])e.set(t.id,t.name);return e},[w]),j=e=>A.get(e)??`Camera #${String(e)}`,N=i(()=>Hn(k).map(e=>({id:e,name:j(e)})).sort((e,t)=>e.name.localeCompare(t.name)),[k,A]),P=i(()=>Vn(Bn($o(k,t),a),d),[k,t,a,d]),F=Qn(P,Xo,i(()=>JSON.stringify([t,a.fromMs,a.toMs,[...d].sort((e,t)=>e-t)]),[t,a.fromMs,a.toMs,d])),L=i(()=>new Map(k.map(e=>[e.plateId,e])),[k]),z=y===null?null:L.get(y)??null,B=()=>{e.invalidateQueries({queryKey:Jo})},V=()=>m(new Set);function H(e){m(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})}let U=[...p],W=E.isPending||D.isPending,G=T.isPending||D.isPending;function ee(){U.length!==0&&E.mutate({plateIds:U},{onSettled:()=>{B(),V()}})}function K(){U.length!==0&&Promise.allSettled(U.map(e=>D.mutateAsync({plateId:e}))).then(()=>{B(),V()})}function q(e){b(null),_([e])}function J(e){T.mutate({plateId:e},{onSettled:B}),b(null)}function te(e){D.mutate({plateId:e},{onSettled:B}),b(null)}let Y=P.length!==k.length;return r(`div`,{className:`relative space-y-3`,children:[r(`div`,{className:`flex flex-wrap items-center gap-1.5`,children:[u(`div`,{className:`flex items-center gap-1`,children:Qo.map(e=>u(`button`,{type:`button`,onClick:()=>n(e.value),className:`rounded-md px-2.5 py-1 text-xs transition-colors ${t===e.value?`bg-primary/12 text-primary font-medium`:`text-foreground-subtle hover:bg-surface-hover hover:text-foreground`}`,children:e.label},e.value))}),u(or,{onChange:o}),u(ir,{cameras:N,selected:d,onChange:f}),!S&&u(`span`,{className:`ml-auto text-[10px] text-foreground-subtle`,children:Y?`${String(P.length)} of ${String(k.length)} plates`:`${String(P.length)} plate${P.length===1?``:`s`}`})]}),p.size>0&&r(`div`,{className:`flex flex-wrap items-center gap-2 rounded-md border border-primary/40 bg-primary/8 px-3 py-2`,children:[r(`span`,{className:`text-xs font-medium text-foreground`,children:[p.size,` selected`]}),r(`div`,{className:`ml-auto flex flex-wrap items-center gap-1.5`,children:[r(X,{variant:`primary`,onClick:()=>_(U),disabled:W,children:[u(g,{className:`h-3.5 w-3.5`}),` Assign`]}),r(X,{variant:`secondary`,onClick:ee,disabled:W,children:[E.isPending?u(M,{className:`h-3.5 w-3.5 animate-spin`}):u(le,{className:`h-3.5 w-3.5`}),` `,`Detach`]}),r(X,{variant:`secondary`,onClick:K,disabled:W,children:[u(v,{className:`h-3.5 w-3.5`}),` Delete`]}),u(X,{variant:`ghost`,onClick:V,disabled:W,children:u(I,{className:`h-3.5 w-3.5`})})]})]}),S?u(Te,{status:`pending`,pendingMessage:`Loading plates…`,testId:`plates-grid`}):P.length===0?u(Re,{icon:R,title:k.length>0?`Nothing matches the filter`:`No plates recognized yet`,description:k.length>0?`Widen the date range or clear the camera filter.`:`Plate reads appear here when the detection pipeline OCRs a vehicle.`}):r(s,{children:[u(Te,{status:`ready`,testId:`plates-grid`,children:F.pageItems.map(e=>u(Zo,{plate:e,cameraName:j(e.deviceId),nowMs:O,selected:p.has(e.plateId),onToggleSelect:H,onAssign:e=>_([e]),onOpenDetail:b},e.plateId))}),u(tr,{currentPage:F.page,totalItems:F.totalItems,pageSize:F.pageSize,onPageChange:F.setPage,itemNoun:`plates`})]}),u(qo,{plate:z,cameraName:z?j(z.deviceId):``,onClose:()=>b(null),onAssign:q,onUnassign:J,onDelete:te,actionsPending:G}),u(Vo,{plateIds:h,vehicles:C,onDone:()=>{_(null),V()}})]})}n();var ts=[[`plateGallery`]];function ns({vehicleId:e}){let t=c(),{data:n,isLoading:i}=kt({vehicleId:e}),a=Ot();function o(n){a.mutate({vehicleId:e,sampleId:n.id},{onSettled:()=>{t.invalidateQueries({queryKey:ts})}})}return i?r(`div`,{className:`flex items-center gap-2 py-3 text-xs text-foreground-subtle`,children:[u(M,{className:`h-3.5 w-3.5 animate-spin`}),`Loading plates…`]}):!n||n.length===0?u(`p`,{className:`py-2 text-xs text-foreground-subtle`,children:`No plates yet.`}):u(`div`,{className:`mt-2 grid grid-cols-3 gap-2 sm:grid-cols-4 md:grid-cols-6`,children:n.map(e=>r(`div`,{className:`group relative overflow-hidden rounded-md border border-border bg-surface`,children:[r(`div`,{className:`relative aspect-[2/1] overflow-hidden bg-surface-hover`,children:[e.base64?u(`img`,{src:`data:image/jpeg;base64,${e.base64}`,alt:e.text,className:`h-full w-full object-cover`}):u(`div`,{className:`flex h-full w-full items-center justify-center text-foreground-subtle`,children:u(p,{className:`h-6 w-6`})}),u(`button`,{type:`button`,onClick:()=>o(e),disabled:a.isPending,className:`absolute inset-0 flex items-center justify-center bg-black/50 opacity-0 transition-opacity group-hover:opacity-100 disabled:cursor-not-allowed`,"aria-label":`Remove plate sample`,children:u(I,{className:`h-4 w-4 text-white`})})]}),u(`p`,{className:`truncate px-1.5 py-1 text-center font-mono text-[11px] font-semibold tracking-wide text-foreground`,title:e.text,children:e.text})]},e.id))})}function rs(e){return[{key:`vehicle`,header:`Vehicle`,sortValue:e=>e.name,render:e=>r(`span`,{className:`flex min-w-0 items-center gap-2`,children:[u(`span`,{className:`h-8 w-12 shrink-0 overflow-hidden rounded border border-border bg-surface-hover`,children:u(Wt,{mediaId:e.coverMediaId,base64:e.coverBase64,alt:e.name,className:`h-full w-full object-cover`,placeholder:u(`span`,{className:`flex h-full w-full items-center justify-center`,children:u(p,{className:`h-4 w-4 text-foreground-subtle`})})})}),u(`span`,{className:`truncate text-sm font-medium text-foreground`,children:e.name})]})},{key:`samples`,header:`Plates`,align:`center`,nowrap:!0,sortValue:e=>e.sampleCount,render:e=>u(et,{variant:`default`,className:`text-[10px]`,children:e.sampleCount})},{key:`actions`,header:``,align:`right`,nowrap:!0,notSortableReason:`Actions`,render:t=>r(`span`,{className:`flex items-center justify-end gap-1`,children:[u(Xe,{variant:`ghost`,size:`sm`,icon:C,"aria-label":`Edit ${t.name}`,onClick:n=>{n.stopPropagation(),e.onEdit(t)}}),u(Xe,{variant:`ghost`,size:`sm`,icon:v,"aria-label":`Delete ${t.name}`,onClick:n=>{n.stopPropagation(),e.onDelete(t)}})]})}]}function is({mode:e,vehicle:t,onClose:n}){let i=c(),[a,o]=l(e===`edit`?t?.name??``:``),s=gt(),f=ze();d(()=>{o(e===`edit`?t?.name??``:``)},[e,t?.id,t?.name]);let m=s.isPending||f.isPending,h=a.trim(),g=e===`edit`&&t!==null&&h===t.name,_=m||h.length===0||g;function v(){i.invalidateQueries({queryKey:ts})}function y(){if(!_){if(e===`new`){s.mutate({name:h},{onSuccess:()=>{v(),n()}});return}if(t===null){n();return}f.mutate({id:t.id,name:h},{onSuccess:()=>{v(),n()}})}}return u(At,{open:!0,onClose:n,title:e===`new`?`Add vehicle`:`Edit ${t?.name??`vehicle`}`,icon:p,width:e===`edit`?`xl`:`lg`,testId:`vehicles-vehicle-form`,footer:r(X,{variant:`primary`,size:`sm`,type:`button`,onClick:y,disabled:_,children:[m?u(M,{className:`h-3.5 w-3.5 animate-spin`}):null,e===`new`?`Add`:`Save`]}),children:r(`div`,{className:`space-y-4`,children:[u(be,{label:`Name`,required:!0,children:u(Ke,{value:a,onChange:e=>o(e.target.value),onKeyDown:e=>{e.key===`Enter`&&y()},placeholder:`Vehicle name…`,autoFocus:!0})}),e===`edit`&&t!==null&&r(`div`,{children:[u(`p`,{className:`mb-1 text-[11px] font-medium text-foreground`,children:`Plate samples`}),u(`p`,{className:`mb-2 text-[11px] text-foreground-subtle`,children:`Remove a plate crop to drop it from recognition for this vehicle. Assign new plates from Recent recognized plates.`}),u(ns,{vehicleId:t.id})]})]})})}function as(){let e=c(),t=Ze(),{data:n,isLoading:a}=tt(),o=ct(),{state:s,openNew:l,openEdit:f,close:m}=Ae(),h=n??[],g=Me(h,{searchText:e=>[e.name]}),_=s.mode===`edit`?h.find(e=>e.id===s.id)??null:null;d(()=>{s.mode===`edit`&&!a&&_===null&&m()},[s.mode,a,_,m]);let v=i(()=>rs({onEdit:e=>f(e.id),onDelete:n=>{(async()=>{await t({title:`Delete vehicle`,message:`Delete ${n.name} and all its plate samples? This cannot be undone.`,confirmLabel:`Delete`,variant:`danger`})&&o.mutate({id:n.id},{onSettled:()=>{e.invalidateQueries({queryKey:ts}),s.mode===`edit`&&s.id===n.id&&m()}})})()}}),[t,m,o,s,f,e]);if(a)return r(`div`,{className:`flex items-center gap-2 py-4 text-xs text-foreground-subtle`,children:[u(M,{className:`h-4 w-4 animate-spin`}),`Loading vehicles…`]});let y=s.mode===`new`||s.mode===`edit`&&_!==null;return r(`div`,{className:`space-y-2`,children:[u(`div`,{className:`flex flex-wrap items-center gap-2`,children:r(X,{variant:`primary`,size:`sm`,type:`button`,onClick:l,children:[u(S,{className:`h-3.5 w-3.5`}),`Add vehicle`]})}),(h.length>0||g.active)&&u(Fe,{state:g.state,facets:g.facets,labels:{searchPlaceholder:`Search vehicles…`,searchLabel:`Search vehicles`,facetsLabel:`Filter`,clearLabel:`Clear`},onSearch:g.setSearch,onToggleFacet:g.toggleFacet,onClear:g.clear}),g.rows.length===0?u(Re,{icon:p,title:g.active?`Nothing matches the filter`:`No vehicles enrolled yet`,description:g.active?`Clear the search or try another name.`:`Add a vehicle, then assign plate crops from Recent recognized plates.`}):u(we,{columns:v,rows:g.rows,rowKey:e=>e.id,maxBodyHeight:Ve,mobileMode:`scroll`,emptyMessage:`No vehicles enrolled yet.`,onRowClick:e=>f(e.id)}),y&&u(is,{mode:s.mode===`new`?`new`:`edit`,vehicle:_,onClose:m})]})}n();var os=[[`plateGallery`]],ss=2e3;function cs(){let e=c(),n=t(e);n.current=e;let r=t(void 0);r.current||=Lr({delayMs:ss,invalidate:()=>{n.current.invalidateQueries({queryKey:os})}}),d(()=>()=>r.current?.cancel(),[]),dt(me.PipelineAnalyticsPlateGalleryChanged,()=>{r.current?.trigger()})}function ls(){return cs(),r(`div`,{className:`space-y-3`,children:[u(Ue,{headingId:`library-vehicles`,title:`Vehicles`,icon:p,testId:`library-section-vehicles`,children:r(`div`,{className:`${m} space-y-3`,children:[u(`p`,{className:`text-[11px] leading-relaxed text-foreground-subtle`,children:`Enrolled vehicle identities used for plate recognition. Open a vehicle to rename it or remove plate samples.`}),u(as,{})]})}),u(Ue,{headingId:`library-recent-plates`,title:`Recent recognized plates`,icon:ie,testId:`library-section-recent-plates`,children:r(`div`,{className:`${m} space-y-3`,children:[u(`p`,{className:`text-[11px] leading-relaxed text-foreground-subtle`,children:`License plates read by the detection pipeline. Assign them to a vehicle, correct the OCR text, or delete.`}),u(es,{})]})})]})}function us(e){return e.states.length===0?3:e.latched?0:e.verdict===`diverged`?1:e.verdict===`unknown`?2:4}function ds(e){let t=[e.divergedAt,e.restoredAt].filter(e=>typeof e==`number`);return t.length===0?null:Math.max(...t)}function fs(e,t){let n=new Map(e.map(e=>[e.deviceId,e.deviceName])),r=[];for(let e of t)for(let t of e.monitors)r.push({deviceId:e.deviceId,deviceName:n.get(e.deviceId)??`Camera ${e.deviceId}`,monitor:t});return r.toSorted((e,t)=>{let n=us(e.monitor)-us(t.monitor);if(n!==0)return n;let r=ds(e.monitor)??-1,i=ds(t.monitor)??-1;if(r!==i)return i-r;let a=e.deviceName.localeCompare(t.deviceName);return a===0?e.monitor.label.localeCompare(t.monitor.label):a})}n();var ps={alarm:`danger`,ok:`success`,unknown:`default`},ms={alarm:`Alarm`,ok:`OK`,unknown:`Unknown`};function hs(e,t){let n=ds(e);return n===null?`—`:`${G(Math.max(0,t-n))} ago`}function gs(e){return P(e.monitor).tone}function _s(e){let t=Number(e);return Number.isFinite(t)&&t>0?t:null}function vs(){let e=ht({isCamera:!0,projection:`slim`}),t=i(()=>(e.data??[]).map(e=>({deviceId:e.id,deviceName:e.name})).sort((e,t)=>e.deviceName.localeCompare(t.deviceName)),[e.data]),n=i(()=>t.map(e=>e.deviceId),[t]),o=Ut(n),s=i(()=>fs(t,o.results),[t,o.results]),c=Me(s,{searchText:e=>[e.monitor.label,e.deviceName],facetValue:gs}),{state:f,openNew:p,openEdit:m,close:h}=Ae(),[g,_]=l(null);d(()=>{if(f.mode===`new`){_(e=>e??n[0]??null);return}_(null)},[f.mode,n]);let v=f.mode===`edit`?_s(f.id):null,y=v===null?``:t.find(e=>e.deviceId===v)?.deviceName??`#${v}`,b=Date.now();return r(`section`,{className:`space-y-3`,children:[r(`div`,{className:`flex flex-col gap-2 sm:flex-row sm:items-start sm:justify-between sm:gap-4`,children:[u(`p`,{className:`text-xs text-foreground-subtle`,children:`A scene watches one region of one camera and tells you when it stops looking like the picture you captured — a wheelie bin, a gate, a parking space.`}),r(X,{onClick:p,disabled:t.length===0,className:`shrink-0`,children:[u(S,{className:`mr-1 h-3.5 w-3.5`}),`New scene`]})]}),o.unreachableCount>0?r(`p`,{className:`text-xs text-warning`,children:[o.unreachableCount,` camera`,o.unreachableCount===1?``:`s`,` could not be asked about scenes. Those cameras are missing from this list — this is not the same as having no scenes.`]}):null,(s.length>0||c.active)&&u(Fe,{state:c.state,facets:c.facets,labels:{searchPlaceholder:`Search scenes…`,searchLabel:`Search scenes`,facetsLabel:`State`,clearLabel:`Clear`},facetLabel:e=>ms[e]??e,onSearch:c.setSearch,onToggleFacet:c.toggleFacet,onClear:c.clear}),u(Pe,{variant:`flat`,className:`p-0`,children:u(we,{columns:[{key:`label`,header:`Scene`,sortValue:e=>e.monitor.label,render:e=>u(`span`,{className:`font-medium`,children:e.monitor.label})},{key:`camera`,header:`Camera`,nowrap:!0,sortValue:e=>e.deviceName,render:e=>e.deviceName},{key:`state`,header:`State`,nowrap:!0,sortValue:e=>gs(e),render:e=>{let t=P(e.monitor);return u(et,{variant:ps[t.tone],children:t.text})}},{key:`status`,header:`What it says`,notSortableReason:`Status is a live sentence, not a comparable value`,render:e=>u(`span`,{className:`text-xs text-foreground-muted`,children:L(e.monitor,b)})},{key:`coverage`,header:`Variants`,notSortableReason:`Coverage is a summary string`,render:e=>u(`span`,{className:`text-xs text-foreground-muted`,children:z(e.monitor)})},{key:`transition`,header:`Last change`,align:`right`,nowrap:!0,sortValue:e=>ds(e.monitor)??0,render:e=>u(`span`,{className:`text-xs tabular-nums text-foreground-muted`,children:hs(e.monitor,b)})},{key:`actions`,header:``,align:`right`,nowrap:!0,notSortableReason:`Actions`,render:e=>u(X,{variant:`ghost`,onClick:()=>m(String(e.deviceId)),children:`Open`})}],rows:c.rows,rowKey:e=>`${e.deviceId}:${e.monitor.id}`,minWidthPx:880,bordered:!1,mobileMode:`scroll`,maxBodyHeight:Ve,emptyMessage:o.isLoading?`Loading scenes…`:c.active?`Nothing matches the filter`:`No scenes yet. Press “New scene”, pick a camera, then draw a box around the thing you want watched.`})}),f.mode===`new`?r(At,{open:!0,onClose:h,title:`Which camera?`,icon:K,width:`sm`,testId:`scenes-camera-picker`,footer:u(X,{onClick:()=>{g!==null&&m(String(g))},disabled:g===null,children:`Continue`}),children:[u(`p`,{className:`mb-3 text-xs text-foreground-subtle`,children:`A scene lives on one camera. Pick the one that can see the thing.`}),u(Se,{value:g===null?``:String(g),onChange:e=>_(Number(e.target.value)),"aria-label":`Camera`,options:t.map(e=>({value:String(e.deviceId),label:e.deviceName}))})]}):null,v===null?null:r(At,{open:!0,onClose:h,title:`Scenes — ${y}`,icon:K,width:`lg`,testId:`scenes-editor`,children:[u(`p`,{className:`mb-3 text-xs text-foreground-subtle`,children:`Draw a box, name it, then capture what “normal” looks like. Daylight is enough — the night reference is optional, and “Settings” on each scene tunes how fussy and how often it checks.`}),u(a,{fallback:u(`p`,{className:`text-xs text-foreground-muted`,children:`Loading the editor…`}),children:u(Ct,{deviceId:v})})]})]})}function ys(){let{t:e}=jt(),t=Nt(`/library`,{t:e,isAdmin:!0})??{icon:ue,title:e(`nav.library`,`Library`)};return u(It,{icon:t.icon,title:t.title,subtitle:`People, vehicles, captured events and scenes — what detection has recognised.`,defaultSection:`people`,sectionsLabel:`${t.title} sections`,sections:[{id:`people`,label:`People`,content:u(Vr,{})},{id:`vehicles`,label:`Vehicles`,content:u(ls,{})},{id:`events`,label:`Events`,content:u(Ro,{}),ownedParams:[`section`]},{id:`scenes`,label:`Scenes`,content:u(vs,{})}]})}export{ys as LibraryPage};