@camstack/addon-admin-ui 1.0.6 → 1.0.8

package/dist/assets/Network-KGBDHmKd.js

@@ -1 +0,0 @@
-import{$n as e,Fi as t,Ji as n,Jn as r,Qn as i,Xn as a,Yn as o,Zn as s,at as c,cr as l,da as u,er as d,fa as f,it as p,nr as m,or as h,pa as g,pi as _,rr as v,sr as y,tr as b}from"./src-D-eMZfpa.js";import{F as x,G as S,R as ee,U as C,X as w,b as T,o as E,x as D,y as O}from"./_virtual_mf___mfe_internal__admin_ui_host__loadShare___mf_0_tanstack_mf_1_react_mf_2_query__loadShare__.js-CK8iQdP1.js";import{p as k}from"./player-overlays-B1rOp2K0.js";import{a as A,s as j}from"./src-DUWILaCU.js";import{n as M,t as te}from"./rotate-ccw-DeNzdz-v.js";import{t as N}from"./copy-DUY8-DBe.js";import{n as ne,t as P}from"./AddonCollectionPage-DJx4uU6r.js";import{t as re}from"./refresh-cw-9auw5j71.js";import{t as F}from"./server-Bj7As5DB.js";import{t as ie}from"./sparkles-BMTAprd6.js";import{t as ae}from"./square-CondP2yo.js";import{t as oe}from"./wifi-CV73GdWg.js";import{B as I,D as L,F as se,_ as R,b as ce,i as le,o as z,w as B,x as V,y as ue}from"./index-CBUhNGng.js";import{t as H}from"./AdminPage-CN6ZMhf0.js";import{t as U}from"./AdminTabs-BpXprAan.js";var de=I(`log-in`,[[`path`,{d:`m10 17 5-5-5-5`,key:`1bsop3`}],[`path`,{d:`M15 12H3`,key:`6jk70r`}],[`path`,{d:`M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4`,key:`u53s6r`}]]),fe=I(`save`,[[`path`,{d:`M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z`,key:`1c8476`}],[`path`,{d:`M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7`,key:`1ydtos`}],[`path`,{d:`M7 3v4a1 1 0 0 0 1 1h7`,key:`t51u73`}]]),W=I(`shield-off`,[[`path`,{d:`m2 2 20 20`,key:`1ooewy`}],[`path`,{d:`M5 5a1 1 0 0 0-1 1v7c0 5 3.5 7.5 7.67 8.94a1 1 0 0 0 .67.01c2.35-.82 4.48-1.97 5.9-3.71`,key:`1jlk70`}],[`path`,{d:`M9.309 3.652A12.252 12.252 0 0 0 11.24 2.28a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1v7a9.784 9.784 0 0 1-.08 1.264`,key:`18rp1v`}]]);w();var G=5e3,pe={connected:!1,endpoint:null};function me(e){let t=new Map;for(let n of e){let e=n?.manifest;e?.id&&t.set(e.id,e.packageDisplayName??e.name??e.id)}return t}function he(){let e=E(),t=c({capName:`network-access`},{refetchInterval:G}),n=p(void 0,{refetchInterval:G}),r=C(()=>me(n.data??[]),[n.data]),i=C(()=>(t.data??[]).map(e=>({addonId:e.addonId,displayName:r.get(e.addonId)??e.addonId,isActive:e.isActive})),[t.data,r]),[a,o]=S(null),[s,u]=S({}),d=(t,n)=>{let r=n?.addonId;e.invalidateQueries({queryKey:[[`networkAccess`,`getStatus`],{input:{addonId:r},type:`query`}]}),o(null),u(e=>{let t=n?.addonId;if(t===void 0||!(t in e))return e;let r={...e};return delete r[t],r})},f=(e,t)=>{o(null);let n=t?.addonId;if(n===void 0)return;let r=e instanceof Error?e.message:String(e);u(e=>({...e,[n]:r}))},m=y({onSuccess:d,onError:f}),h=l({onSuccess:d,onError:f});return T(P,{title:`Remote Access`,subtitle:`Public-facing tunnels that expose this hub to the internet (Cloudflare Tunnel, ngrok, …). Settings, Logs and Events are docked under every provider.`,pageIcon:B,itemIcon:B,capability:`network-access`,installButtonLabel:`Add tunnel`,items:i,isLoading:t.isLoading,emptyTitle:`No remote-access providers installed`,emptyDescription:`Install a tunnel addon (e.g. @camstack/addon-cloudflare) to expose this hub publicly.`,renderStatusBadges:e=>T(ge,{addonId:e.addonId}),itemError:e=>s[e.addonId]??null,renderPrimaryAction:e=>T(q,{addonId:e.addonId,busyId:a,onStart:e=>{o(e),m.mutate({addonId:e})},onStop:e=>{o(e),h.mutate({addonId:e})}})})}function K(e){let{data:t}=h({addonId:e},{refetchInterval:G,retry:!1}),n=t?j.safeParse(t):null;return n?.success?n.data:pe}function ge({addonId:e}){let t=K(e);return D(O,{children:[T(`span`,{className:`text-[10px] rounded-full px-2 py-0.5 font-medium ${t.connected?`bg-emerald-500/15 text-emerald-700 dark:text-emerald-300`:`bg-foreground-subtle/15 text-foreground-subtle`}`,children:t.connected?`Connected`:`Disconnected`}),t.endpoint&&D(`a`,{href:t.endpoint.url,target:`_blank`,rel:`noopener noreferrer`,onClick:e=>e.stopPropagation(),className:`text-[10px] text-emerald-700 dark:text-emerald-300 hover:underline flex items-center gap-1`,children:[T(L,{className:`h-3 w-3`}),t.endpoint.url]})]})}function q({addonId:e,busyId:t,onStart:n,onStop:r}){let i=K(e),a=t===e;return i.connected?D(g,{size:`sm`,variant:`secondary`,disabled:a,onClick:()=>r(e),children:[a?T(V,{className:`h-3 w-3 animate-spin`}):T(ae,{className:`h-3 w-3`}),`Stop`]}):D(g,{size:`sm`,variant:`primary`,disabled:a,onClick:()=>n(e),children:[a?T(V,{className:`h-3 w-3 animate-spin`}):T(ne,{className:`h-3 w-3`}),`Start`]})}w();var J=3e4;function _e(e){let t=new Map;for(let n of e){let e=n?.manifest;e?.id&&t.set(e.id,e.packageDisplayName??e.name??e.id)}return t}function ve(e){let t=[];for(let n of e)typeof n.urls==`string`?t.push(n.urls):t.push(...n.urls);return t}function ye(){let e=c({capName:`turn-provider`},{refetchInterval:J}),t=p(void 0,{refetchInterval:J}),n=_(),r=n.data??[],i=C(()=>_e(t.data??[]),[t.data]);return T(P,{title:`TURN Servers`,subtitle:`ICE servers used for WebRTC NAT traversal. Multiple providers can coexist — the WebRTC layer concatenates servers from all enabled providers per session.`,pageIcon:R,itemIcon:R,capability:`turn-provider`,installButtonLabel:`Add provider`,items:C(()=>(e.data??[]).map(e=>({addonId:e.addonId,displayName:i.get(e.addonId)??e.addonId,isActive:e.isActive})),[e.data,i]),isLoading:e.isLoading,emptyTitle:`No TURN providers installed`,emptyDescription:`Install a TURN addon (e.g. @camstack/addon-cloudflare) to enable WebRTC behind restrictive NATs.`,renderExpandedPanel:e=>T(be,{addonId:e.addonId,enabled:e.isActive}),trailing:D(u,{children:[D(`div`,{className:`px-4 py-3 border-b border-border flex items-center justify-between`,children:[D(`div`,{children:[T(`div`,{className:`text-sm font-semibold`,children:`Combined ICE server list`}),T(`div`,{className:`text-xs text-foreground-subtle`,children:`What the WebRTC layer fetches per-session.`})]}),T(g,{size:`sm`,variant:`secondary`,onClick:()=>n.refetch(),disabled:n.isFetching,children:`Refresh`})]}),T(`div`,{className:`p-4`,children:r.length===0?T(`div`,{className:`text-xs text-foreground-subtle`,children:`No servers from enabled providers.`}):T(`div`,{className:`flex flex-col gap-3`,children:r.map((e,t)=>{let n=Array.isArray(e.urls)?e.urls:[e.urls];return D(`div`,{className:`rounded border border-border bg-surface`,children:[(e.username||e.credential)&&D(`div`,{className:`px-3 py-1.5 border-b border-border text-[10px] font-mono text-foreground-subtle flex items-center gap-3`,children:[e.username&&D(`span`,{children:[T(`span`,{className:`text-foreground-subtle`,children:`user:`}),` `,T(`span`,{className:`text-foreground`,children:e.username})]}),e.credential&&D(`span`,{children:[T(`span`,{className:`text-foreground-subtle`,children:`credential:`}),` `,T(`span`,{className:`text-foreground`,children:`••••••••`})]})]}),T(`ul`,{className:`divide-y divide-border`,children:n.map(e=>T(`li`,{className:`px-3 py-1.5 font-mono text-xs text-foreground break-all`,children:e},e))})]},t)})})})]})})}function be({addonId:e,enabled:t}){let n=_({addonId:e},{enabled:t,retry:!1}),r=C(()=>ve(n.data??[]),[n.data]);return!t||r.length===0?null:D(`div`,{className:`rounded-lg border border-border bg-surface p-3`,children:[D(`div`,{className:`text-[11px] font-semibold text-foreground-subtle uppercase tracking-wide mb-2`,children:[`Discovered ICE servers (`,r.length,`)`]}),T(`div`,{className:`flex flex-wrap gap-1`,children:r.map(e=>T(`span`,{className:`inline-block rounded px-1.5 py-0.5 text-[10px] font-mono bg-foreground-subtle/10 text-foreground`,children:e},e))})]})}w();var xe={lan:R,wifi:oe,docker:M,vpn:ce,loopback:F,other:F},Se={lan:`LAN`,wifi:`Wi-Fi`,docker:`Docker`,vpn:`VPN`,loopback:`Loopback`,other:`Other`},Ce=[`lan`,`wifi`,`vpn`,`docker`,`other`,`loopback`];function we(e){let{interfaces:t,disabled:n,hideLoopback:r,ipv4Only:i,emptyMessage:a}=e,o=C(()=>t.filter(e=>!(r&&e.kind===`loopback`||i&&e.family!==`IPv4`)),[t,r,i]),s=C(()=>{let e=new Map;for(let t of o){let n=e.get(t.kind)??[];n.push(t),e.set(t.kind,n)}return Ce.filter(t=>e.has(t)).map(t=>({kind:t,items:e.get(t)}))},[o]),c=t=>e.mode===`single`?e.value===t:e.value.includes(t),l=t=>{if(n||t.kind===`loopback`)return;if(e.mode===`single`){e.onChange(e.value===t.address?null:t.address);return}let r=new Set(e.value);r.has(t.address)?r.delete(t.address):r.add(t.address),e.onChange([...r])};return o.length===0?T(`div`,{className:`text-xs text-foreground-subtle italic`,children:a??`No addresses available.`}):T(`div`,{className:`flex flex-col gap-3`,children:s.map(({kind:t,items:r})=>D(`div`,{className:`rounded-md border border-border overflow-hidden`,children:[D(`div`,{className:`flex items-center gap-2 px-3 py-1.5 bg-surface-hover/30 border-b border-border`,children:[T(xe[t]??F,{className:`h-3.5 w-3.5 text-foreground-subtle`}),T(`span`,{className:`text-[11px] font-semibold uppercase tracking-wide text-foreground-subtle`,children:Se[t]??t}),D(`span`,{className:`text-[10px] text-foreground-subtle`,children:[`· `,r.length]})]}),T(`ul`,{className:`divide-y divide-border`,children:r.map(t=>{let r=c(t.address),i=t.kind===`loopback`,a=!t.plausible&&!i;return D(`li`,{className:`flex items-center gap-3 px-3 py-2 ${i?`opacity-60 cursor-not-allowed`:n?`opacity-60`:a?`cursor-pointer hover:bg-surface-hover/30 bg-amber-500/[0.04]`:`cursor-pointer hover:bg-surface-hover/30`}`,onClick:()=>l(t),children:[T(`span`,{className:`flex items-center justify-center h-4 w-4 rounded ${e.mode===`single`?`rounded-full`:`rounded`} border ${r?`border-primary bg-primary text-primary-foreground`:`border-border bg-surface`}`,children:r&&T(se,{className:`h-3 w-3`})}),D(`div`,{className:`flex-1 min-w-0 ${a?`text-foreground-subtle`:``}`,children:[D(`div`,{className:`flex items-center gap-2 flex-wrap`,children:[T(`span`,{className:`font-mono text-xs font-semibold ${a?`text-foreground-subtle`:`text-foreground`}`,children:t.name}),T(`span`,{className:`text-[10px] rounded px-1.5 py-0.5 bg-foreground-subtle/10 text-foreground-subtle font-mono`,children:t.family}),t.preferred&&T(`span`,{className:`text-[10px] rounded-full px-2 py-0.5 font-medium bg-primary/15 text-primary`,children:`Auto-preferred`}),i&&T(`span`,{className:`text-[10px] rounded-full px-2 py-0.5 font-medium bg-foreground-subtle/15 text-foreground-subtle`,children:`Always included`}),a&&D(`span`,{className:`inline-flex items-center gap-1 text-[10px] rounded-full px-2 py-0.5 font-medium bg-amber-500/15 text-amber-700 dark:text-amber-300`,title:t.plausibleReason||void 0,children:[T(z,{className:`h-2.5 w-2.5`}),`Unlikely usable`]})]}),D(`div`,{className:`text-xs text-foreground-subtle mt-0.5 font-mono break-all`,children:[t.address,t.cidr&&t.cidr!==t.address?` (${t.cidr})`:``]})]})]},`${t.name}-${t.family}-${t.address}`)})})]},t))})}w();var Y={"lan-ipv4":`bg-emerald-500/15 text-emerald-700 dark:text-emerald-300`,"lan-ipv6":`bg-violet-500/15 text-violet-700 dark:text-violet-300`,public:`bg-blue-500/15 text-blue-700 dark:text-blue-300`,loopback:`bg-foreground-subtle/15 text-foreground-subtle`};function Te(){let e=E(),t=k(),n=a(void 0,{refetchInterval:3e4}),c=r(void 0),l=i({onSuccess:()=>{e.invalidateQueries({queryKey:[[`localNetwork`]]})}}),d=s({onSuccess:t=>{h(t.addresses),e.invalidateQueries({queryKey:[[`localNetwork`]]})}}),f=C(()=>n.data?.interfaces??[],[n.data]),p=o({port:typeof window<`u`?Number(window.location.port)||(window.location.protocol===`https:`?443:80):4e3,scheme:typeof window<`u`&&window.location.protocol===`https:`?`https`:`http`},{refetchInterval:3e4}),[m,h]=S([]),[_,v]=S(!1);ee(()=>{!_&&c.data&&(h(c.data.addresses),v(!0))},[c.data,_]);let y=c.data?.addresses??[],b=C(()=>{if(m.length!==y.length)return!0;let e=[...m].toSorted(),t=[...y].toSorted();return e.some((e,n)=>e!==t[n])},[m,y]),x=()=>{l.mutate({addresses:[...m]})},w=()=>{h(y)},O=()=>{h([])},A=()=>{n.refetch(),p.refetch(),c.refetch()},j=async()=>{try{let e=await t.raceConnectionEndpoints({perCandidateTimeoutMs:1500});console.info(`[network-addresses] race result`,e)}catch(e){console.warn(`[network-addresses] race failed`,e)}},M=p.data?.endpoints??[];return D(H,{children:[D(`div`,{className:`flex items-center justify-between gap-3 flex-wrap`,children:[T(`p`,{className:`text-xs text-foreground-subtle max-w-2xl`,children:`Pick the local addresses SDK clients should race for the fastest path to this hub. Empty selection (auto) lets every non-loopback / non-link-local interface participate.`}),D(`div`,{className:`flex items-center gap-2 shrink-0`,children:[D(g,{size:`sm`,variant:`secondary`,onClick:A,disabled:n.isLoading,children:[T(re,{className:`h-3 w-3 ${n.isLoading?`animate-spin`:``}`}),`Refresh`]}),T(g,{size:`sm`,variant:`secondary`,onClick:j,children:`Probe race`})]})]}),D(`div`,{className:`grid grid-cols-1 lg:grid-cols-2 gap-4`,children:[D(u,{children:[D(`div`,{className:`px-4 py-3 border-b border-border flex items-center justify-between`,children:[D(`div`,{children:[T(`div`,{className:`text-sm font-semibold`,children:`Allowed addresses`}),T(`div`,{className:`text-xs text-foreground-subtle`,children:m.length===0?`Auto — every non-loopback / non-link-local interface participates.`:`${m.length} pinned`})]}),D(`div`,{className:`flex items-center gap-1`,children:[D(g,{size:`sm`,variant:`secondary`,onClick:()=>d.mutate(void 0),disabled:d.isPending||l.isPending,title:`Re-run the auto-detection heuristic + overwrite the current allowlist with the best matches.`,children:[T(ie,{className:`h-3 w-3`}),d.isPending?`Detecting…`:`Best match`]}),D(g,{size:`sm`,variant:`secondary`,onClick:O,disabled:m.length===0||l.isPending,children:[T(te,{className:`h-3 w-3`}),`Clear`]}),b&&T(g,{size:`sm`,variant:`secondary`,onClick:w,disabled:l.isPending,children:`Discard`}),D(g,{size:`sm`,variant:`primary`,onClick:x,disabled:!b||l.isPending,children:[T(fe,{className:`h-3 w-3`}),l.isPending?`Saving…`:`Save`]})]})]}),T(`div`,{className:`p-4`,children:T(we,{mode:`multiple`,interfaces:f,value:m,onChange:h,disabled:l.isPending,emptyMessage:n.isLoading?`Loading interfaces…`:`No interfaces detected.`})})]}),D(u,{children:[D(`div`,{className:`px-4 py-3 border-b border-border`,children:[T(`div`,{className:`text-sm font-semibold`,children:`Connection endpoints — priority order`}),T(`div`,{className:`text-xs text-foreground-subtle`,children:`Live preview of the ranked candidate list the SDK would race against. Updates with each Save.`})]}),T(`div`,{className:`p-4`,children:M.length===0?T(`div`,{className:`text-xs text-foreground-subtle italic`,children:p.isLoading?`Loading…`:`No endpoints available.`}):T(`ul`,{className:`space-y-1 text-xs`,children:M.map(e=>D(`li`,{className:`flex items-center gap-2 flex-wrap ${e.plausible?``:`opacity-80`}`,children:[T(`span`,{className:`font-mono text-[10px] w-10 text-foreground-subtle`,children:String(e.priority).padStart(4,`0`)}),T(`span`,{className:`text-[10px] rounded-full px-2 py-0.5 font-medium ${Y[e.kind]??Y.loopback}`,children:e.kind}),e.interfaceKind!==`lan`&&e.interfaceKind!==`public`&&T(`span`,{className:`text-[10px] rounded px-1.5 py-0.5 bg-foreground-subtle/10 text-foreground-subtle font-medium uppercase`,children:e.interfaceKind}),!e.plausible&&e.interfaceKind!==`loopback`&&D(`span`,{className:`inline-flex items-center gap-1 text-[10px] rounded-full px-2 py-0.5 font-medium bg-amber-500/15 text-amber-700 dark:text-amber-300`,title:e.plausibleReason||void 0,children:[T(z,{className:`h-2.5 w-2.5`}),`Unlikely usable`]}),T(`span`,{className:`font-mono break-all ${e.plausible?`text-foreground`:`text-foreground-subtle`}`,children:e.baseUrl}),D(`span`,{className:`text-foreground-subtle`,children:[`— `,e.label]})]},`${e.priority}-${e.baseUrl}`))})})]})]})]})}w();var Ee={mesh:`bg-violet-500/15 text-violet-700 dark:text-violet-300`,public:`bg-blue-500/15 text-blue-700 dark:text-blue-300`},X=5e3,De=3e4,Oe={joined:!1,meshIp:``,magicDnsHostname:``,peerCount:0,endpoints:[],tenantName:``,magicDnsSuffix:``,userLogin:null,controlPlaneUrl:``,keyExpiry:null};function ke(e){let t=new Map;for(let n of e){let e=n?.manifest;e?.id&&t.set(e.id,e.packageDisplayName??e.name??e.id)}return t}function Ae(){let e=c({capName:`mesh-network`},{refetchInterval:X}),t=p(void 0,{refetchInterval:X}),n=C(()=>ke(t.data??[]),[t.data]);return T(P,{title:`Mesh Networks`,subtitle:`Private VPN meshes that connect CamStack to your other devices (Tailscale, Headscale, …). Each provider can also expose this hub publicly via its ingress (Tailscale Funnel).`,pageIcon:M,itemIcon:R,capability:`mesh-network`,installButtonLabel:`Add mesh`,items:C(()=>(e.data??[]).map(e=>({addonId:e.addonId,displayName:n.get(e.addonId)??e.addonId,isActive:e.isActive})),[e.data,n]),isLoading:e.isLoading,emptyTitle:`No mesh-network providers installed`,emptyDescription:`Install a mesh addon (e.g. @camstack/addon-tailscale) to join this hub into a private VPN mesh.`,renderStatusBadges:e=>T(je,{addonId:e.addonId}),renderPrimaryAction:e=>T(Me,{addonId:e.addonId}),renderExpandedPanel:e=>T(Ne,{addonId:e.addonId})})}function Z(t){let{data:n,isLoading:r}=e({addonId:t},{refetchInterval:X,retry:!1}),i=n?A.safeParse(n):null;return{status:i?.success?i.data:Oe,isLoading:r}}function je({addonId:e}){let{status:t}=Z(e);return D(O,{children:[T(`span`,{className:`text-[10px] rounded-full px-2 py-0.5 font-medium ${t.joined?`bg-emerald-500/15 text-emerald-700 dark:text-emerald-300`:`bg-foreground-subtle/15 text-foreground-subtle`}`,children:t.joined?`Joined`:`Not joined`}),t.joined&&D(`span`,{className:`text-[10px] rounded-full px-2 py-0.5 font-medium bg-foreground-subtle/15 text-foreground-subtle`,children:[t.peerCount,` peer`,t.peerCount===1?``:`s`]})]})}function Me({addonId:e}){let t=E(),[n,r]=S(!1),[i,a]=S(null),o=k(),{status:s}=Z(e),c=x(()=>{t.invalidateQueries({queryKey:[[`meshNetwork`]]})},[t]),l=v(),u=d({onSuccess:c}),f=m({onSuccess:c}),p=x(async()=>{r(!0);let t={cancelled:!1};a(t);try{let n=await l.mutateAsync({addonId:e});if(t.cancelled)return;n.loginUrl&&window.open(n.loginUrl,`_blank`,`noopener,noreferrer`);let r=Date.now();for(;!t.cancelled&&(await Re(2e3),!t.cancelled);){let t=await o.trpcClient.meshNetwork.getStatus.query({addonId:e}).catch(()=>null),n=t?A.safeParse(t):null;if(n?.success&&n.data.joined){c();break}if(Date.now()-r>6e5)break}}finally{r(!1),a(null)}},[e,c,l,o]),h=x(()=>{i&&(i.cancelled=!0),r(!1),a(null)},[i]);return T(O,{children:s.joined?D(O,{children:[D(g,{size:`sm`,variant:`secondary`,disabled:u.isPending,onClick:()=>u.mutate({addonId:e}),children:[u.isPending?T(V,{className:`h-3 w-3 animate-spin`}):T(ue,{className:`h-3 w-3`}),`Disconnect`]}),D(g,{size:`sm`,variant:`ghost`,disabled:f.isPending,onClick:()=>f.mutate({addonId:e}),children:[f.isPending?T(V,{className:`h-3 w-3 animate-spin`}):T(W,{className:`h-3 w-3`}),`Log out`]})]}):n?D(g,{size:`sm`,variant:`ghost`,onClick:h,children:[T(le,{className:`h-3 w-3 mr-1`}),` Cancel`]}):D(O,{children:[D(g,{size:`sm`,variant:`primary`,onClick:()=>void p(),children:[T(de,{className:`h-3 w-3`}),`Connect`]}),D(g,{size:`sm`,variant:`ghost`,disabled:f.isPending,onClick:()=>f.mutate({addonId:e}),children:[f.isPending?T(V,{className:`h-3 w-3 animate-spin`}):T(W,{className:`h-3 w-3`}),`Log out`]})]})})}function Ne({addonId:e}){let{status:n}=Z(e),r=b({addonId:e},{refetchInterval:De,retry:!1});return D(`div`,{className:`rounded-lg border border-border bg-surface`,children:[D(`div`,{className:`p-4 space-y-4`,children:[n.error&&T(t,{message:n.error}),T(Pe,{status:n}),n.endpoints.length>0&&D(`div`,{className:`space-y-1.5`,children:[T(`div`,{className:`text-[11px] font-semibold text-foreground-subtle uppercase tracking-wide`,children:`Endpoints`}),n.endpoints.map(e=>D(`div`,{className:`flex items-center gap-2 text-xs flex-wrap`,children:[D(`span`,{className:`text-[10px] rounded-full px-2 py-0.5 font-medium ${Ee[e.scope]??`bg-foreground-subtle/15 text-foreground-subtle`}`,children:[e.scope===`public`?T(B,{className:`inline h-2.5 w-2.5 mr-0.5`}):null,e.label]}),D(`a`,{href:e.url,target:`_blank`,rel:`noopener noreferrer`,onClick:e=>e.stopPropagation(),className:`text-emerald-700 dark:text-emerald-300 hover:underline break-all flex items-center gap-1`,children:[T(L,{className:`h-3 w-3 shrink-0`}),e.url]})]},e.id))]})]}),T(`div`,{className:`border-t border-border`,children:T(Ie,{peers:r.data?.peers??[],loading:r.isLoading})})]})}function Pe({status:e}){return T(`div`,{className:`grid grid-cols-1 sm:grid-cols-2 gap-x-6 gap-y-1.5`,children:[{label:`Tenant`,value:e.tenantName||`—`},{label:`User`,value:e.userLogin??`—`},{label:`Control plane`,value:e.controlPlaneUrl||`—`},{label:`Mesh IP`,value:e.meshIp||`—`,mono:!0},{label:`MagicDNS`,value:e.magicDnsHostname||`—`,mono:!0},{label:`DNS suffix`,value:e.magicDnsSuffix||`—`,mono:!0},{label:`Peers`,value:String(e.peerCount)},{label:`Key expiry`,value:e.keyExpiry?Fe(e.keyExpiry):`—`}].map(e=>D(`div`,{className:`flex items-baseline justify-between gap-3 text-xs`,children:[T(`span`,{className:`text-foreground-subtle shrink-0`,children:e.label}),T(`span`,{className:`text-foreground truncate ${e.mono?`font-mono`:``}`,children:e.value})]},e.label))})}function Fe(e){let t=e-Date.now();if(t<0)return`Expired ${$(e)}`;let n=Math.floor(t/864e5);if(n>60)return new Date(e).toLocaleDateString();if(n>1)return`in ${n} days`;let r=Math.floor(t/36e5);return r>1?`in ${r}h`:`in ${Math.max(1,Math.floor(t/6e4))} min`}function Ie({peers:e,loading:t}){let r=C(()=>e.map(e=>({...e,_id:e.id})),[e]),i=x(e=>{e&&navigator.clipboard?.writeText(e)},[]),a=C(()=>[{key:`hostname`,header:`Hostname`,render:e=>D(`div`,{className:`flex flex-col`,children:[D(`div`,{className:`flex items-center gap-1.5`,children:[T(`span`,{className:`font-medium text-foreground`,children:e.hostname||`(unknown)`}),e.isSelf&&T(f,{variant:`info`,children:`self`}),e.exitNodeOption&&T(f,{variant:`warning`,children:`exit-node`})]}),e.userLogin&&T(`div`,{className:`text-[10px] text-foreground-subtle truncate`,children:e.userLogin})]})},{key:`magicDns`,header:`MagicDNS`,render:e=>e.magicDns?D(`div`,{className:`flex items-center gap-1`,children:[T(`span`,{className:`font-mono text-xs truncate`,children:e.magicDns}),T(`button`,{onClick:()=>i(e.magicDns),className:`p-0.5 hover:bg-foreground-subtle/10 rounded`,"aria-label":`Copy MagicDNS`,children:T(N,{className:`h-3 w-3 text-foreground-subtle`})})]}):T(`span`,{className:`text-foreground-subtle`,children:`—`})},{key:`addresses`,header:`IP`,render:e=>{let t=e.addresses[0]??``;return t?D(`div`,{className:`flex items-center gap-1`,children:[T(`span`,{className:`font-mono text-xs`,children:t}),T(`button`,{onClick:()=>i(t),className:`p-0.5 hover:bg-foreground-subtle/10 rounded`,"aria-label":`Copy IP`,children:T(N,{className:`h-3 w-3 text-foreground-subtle`})})]}):T(`span`,{className:`text-foreground-subtle`,children:`—`})}},{key:`connection`,header:`Connection`,render:e=>D(`div`,{className:`flex items-center gap-1.5`,children:[T(f,{variant:Le(e.connection),children:e.connection}),e.relay&&T(`span`,{className:`text-[10px] text-foreground-subtle font-mono`,children:e.relay})]})},{key:`routes`,header:`Routes`,render:e=>e.advertisedRoutes.length>0?T(`span`,{className:`text-[10px] font-mono text-foreground-subtle truncate`,children:e.advertisedRoutes.join(`, `)}):T(`span`,{className:`text-foreground-subtle`,children:`—`})},{key:`tx`,header:`TX / RX`,render:e=>D(`span`,{className:`text-[10px] text-foreground-subtle font-mono`,children:[`↑ `,Q(e.txBytes),` · ↓ `,Q(e.rxBytes)]})},{key:`lastSeen`,header:`Last seen`,render:e=>T(`span`,{className:`text-[10px] text-foreground-subtle`,children:e.lastSeenMs>0?$(e.lastSeenMs):`—`})}],[i]);return t&&e.length===0?D(`div`,{className:`p-4 text-xs text-foreground-subtle`,children:[T(V,{className:`h-3 w-3 animate-spin inline mr-1`}),` Loading peers…`]}):e.length===0?T(`div`,{className:`p-4 text-xs text-foreground-subtle`,children:`No peers visible — your tailnet may be empty or the host is not joined.`}):T(`div`,{className:`p-4`,children:T(n,{columns:a,rows:r,rowKey:e=>e._id,minWidthPx:820})})}function Le(e){return e===`direct`?`success`:e===`relay`?`warning`:`info`}function Q(e){return e<1024?`${e}B`:e<1024*1024?`${(e/1024).toFixed(1)}KB`:e<1024*1024*1024?`${(e/1024/1024).toFixed(1)}MB`:`${(e/1024/1024/1024).toFixed(2)}GB`}function $(e){let t=Date.now()-e;return t<6e4?`just now`:t<36e5?`${Math.round(t/6e4)}m ago`:t<864e5?`${Math.round(t/36e5)}h ago`:`${Math.round(t/864e5)}d ago`}function Re(e){return new Promise(t=>setTimeout(t,e))}function ze(){return T(`div`,{className:`flex flex-col p-4`,children:T(U,{tabs:[{id:`addresses`,label:`Network Addresses`,icon:F,content:T(Te,{})},{id:`remote-access`,label:`Remote Access`,icon:B,content:T(he,{})},{id:`mesh`,label:`Mesh Networks`,icon:M,content:T(Ae,{})},{id:`turn`,label:`TURN Servers`,icon:R,content:T(ye,{})}]})})}export{ze as NetworkPage};

package/dist/assets/NodeAddonsSettingsPanel-DZOqqqZZ.js

@@ -1 +0,0 @@
-import{Gt as e,Tr as t,X as n,Y as r,it as i,wt as a}from"./src-D-eMZfpa.js";import{F as o,G as s,O as c,R as l,U as u,V as d,W as f,X as p,b as m,i as h,o as g,t as _,x as v}from"./_virtual_mf___mfe_internal__admin_ui_host__loadShare___mf_0_tanstack_mf_1_react_mf_2_query__loadShare__.js-CK8iQdP1.js";import{p as y}from"./player-overlays-B1rOp2K0.js";import{E as b}from"./src-DUWILaCU.js";import{n as ee,r as x,t as te}from"./SchemaTabBar-ByWwzBUZ.js";import{t as S}from"./FormBuilder-D1P2uZCo.js";p();var C=c(function({addonId:e,schema:t,serverValues:n,onImmediateSave:r,onStateChange:i,onAction:a,disabled:s},c){let p=x({schema:t,serverValues:n,onImmediateSave:o(t=>r(e,t),[e,r]),onDeferredSave:o(()=>{},[])});d(c,()=>({flush:()=>{let e={};for(let t of p.pendingKeys)e[t]=p.values[t];return p.handleDiscard(p.pendingKeys),e},discard:()=>p.resetAll()}),[p]);let h=p.pendingKeys,g=h.join(`|`),_=u(()=>h.map(e=>`${e}=${JSON.stringify(p.values[e])}`).join(`,`),[h,p.values]),v=f(i);l(()=>{v.current=i},[i]),l(()=>{let t={};for(let e of h)t[e]=p.values[e];v.current({addonId:e,pendingKeys:h,pendingValues:t})},[e,g,_]);let y=u(()=>{if(a)return(t,n,r)=>a(e,t,n,r)},[e,a]);return m(S,{schema:t,values:p.values,onChange:p.handleChange,disabled:s,onAction:y})});p();function w(e,t){if(e.type===`separator`||e.type===`info`||e.type===`button`)return e;if(e.type===`group`){let n=e.fields.map(e=>w(e,t));return{...e,fields:n}}let n=e;t[e.key]=n.value;let{value:r,...i}=n;return i}function T(e,t){return{...e,fields:e.fields.map(e=>w(e,t))}}function ne(e){let t={};return{schema:{...e.tabs?{tabs:e.tabs}:{},sections:e.sections.map(e=>T(e,t))},values:t}}function E({nodeId:c,addonIds:l,level:d,deviceId:p,capability:x,sectionIds:S,sectionTab:C,extraTabs:w,title:T,description:E}){let D=g(),O=y().trpcClient,k=n(),A=r(),j=t(),M=e(),N=a(),P=!!(w&&w.length>0),[F,ie]=s(null);if(d===`device`&&!p)throw Error(`NodeAddonsSettingsPanel: deviceId is required when level === "device"`);let I=c??`hub`,L=h({queries:l.map(e=>({queryKey:[[`addonSettings`,d===`global`?`getGlobalSettings`:`getDeviceSettings`],{addonId:e,nodeId:I,deviceId:p??null,cap:x??null}],queryFn:async()=>d===`global`?{addonId:e,result:await O.addonSettings.getGlobalSettings.query({addonId:e,nodeId:I,...x?{cap:x}:{}})}:{addonId:e,result:await O.addonSettings.getDeviceSettings.query({addonId:e,deviceId:p,nodeId:I})}}))}),R=L.some(e=>e.isLoading),z=L.map(e=>{if(!e.data)return`-`;if(e.data.result===null)return`${e.data.addonId}:n`;let t=[];for(let n of e.data.result.sections){t.push(`s:${n.id}:${n.tab??`general`}`);for(let e of n.fields){if(!(`key`in e))continue;let n=`options`in e&&Array.isArray(e.options)?e.options.map(e=>e.value).join(`,`):``,r=e.value,i=r===void 0?``:typeof r==`string`?r:JSON.stringify(r);t.push(`f:${e.key}:${n}:${i}`)}}return`${e.data.addonId}:${t.join(`|`)}`}).join(`||`),B=u(()=>{let e=new Set;for(let t of L){let n=t.data?.result?.sections;if(n)for(let t of n)e.add(t.tab??`general`)}return[...e]},[z+`::`+L.map(e=>(e.data?.result?.sections??[]).map(e=>e.tab??`general`).join(`,`)).join(`::`)]),V=u(()=>new Map((w??[]).map(e=>[e.id,e])),[w]),H=u(()=>{if(!P)return[];let e=[...new Set([...B,...(w??[]).map(e=>e.id)])],t=e=>{let t=V.get(e);if(t?.order!==void 0)return t.order;let n=b[e];return n?n.order:50};return e.toSorted((e,n)=>{let r=t(e),i=t(n);return r===i?e.localeCompare(n):r-i})},[P,B,w,V]),ae=u(()=>{let e=new Map;for(let t of B){let n=b[t];e.set(t,n?.label??t.charAt(0).toUpperCase()+t.slice(1))}for(let t of w??[])e.set(t.id,t.label);return e},[B,w]),U=P?F&&H.includes(F)?F:H[0]??null:null,W=U!==null&&V.has(U),G=P?U&&!W?U:void 0:C,{data:K}=i(void 0),oe=u(()=>{let e=new Map;for(let t of K??[]){let n=t.manifest?.id;if(!n)continue;let r=t.manifest?.name??t.manifest?.packageDisplayName??n;e.set(n,r)}return e},[K]),q=u(()=>{let e=S?new Set(S):null,t=[];for(let n of L){if(!n.data||n.data.result===null)continue;let{schema:r,values:i}=ne(n.data.result),a=r.sections.filter(t=>e?e.has(t.id):!0);if(a.length===0)continue;let o={...n.data.result,sections:n.data.result.sections.filter(t=>e?e.has(t.id):!0)},s={...r,sections:a};t.push({addonId:n.data.addonId,schemaWithValues:o,schema:s,serverValues:i})}return t},[z,S]),[J,se]=s(new Map),ce=o(e=>{se(t=>{let n=new Map(t);return n.set(e.addonId,e),n})},[]),Y=f(new Map),le=o(e=>t=>{t?Y.current.set(e,t):Y.current.delete(e)},[]),X=o(async(e,t)=>{d===`global`?await k.mutateAsync({addonId:e,nodeId:I,patch:t}):await A.mutateAsync({addonId:e,deviceId:p,nodeId:I,patch:t}),D.invalidateQueries({queryKey:[[`addonSettings`]]})},[k,A,I,d,p,D]),ue=o(async(e,t,n,r)=>{let i=I;try{switch(t){case`reprobe-engine`:await j.mutateAsync({nodeId:i}),D.invalidateQueries({queryKey:[[`addonSettings`]]});return;case`reprobe-hwaccel`:await M.mutateAsync({nodeId:i}),D.invalidateQueries({queryKey:[[`addonSettings`]]});return;case`reprobe-audio-engine`:await N.mutateAsync({nodeId:i}),D.invalidateQueries({queryKey:[[`addonSettings`]]});return;default:{let n=await O.addons.custom.mutate({addonId:e,action:t,input:r});return D.invalidateQueries({queryKey:[[`addonSettings`]]}),n}}}catch(n){throw console.error(`[NodeAddonsSettingsPanel] action failed`,{addonId:e,action:t,err:n}),n}},[j,M,N,I,D,O]),de=o((e,t)=>{X(e,t)},[X]),Z=_({mutationFn:async()=>{let e=[];for(let t of q){let n=J.get(t.addonId);!n||n.pendingKeys.length===0||e.push({addonId:t.addonId,patch:n.pendingValues})}return e.length===0?{saved:[]}:{saved:await Promise.all(e.map(async({addonId:e,patch:t})=>(d===`global`?await k.mutateAsync({addonId:e,nodeId:I,patch:t}):await A.mutateAsync({addonId:e,deviceId:p,nodeId:I,patch:t}),e)))}},onSuccess:({saved:e})=>{for(let t of e)Y.current.get(t)?.discard();D.invalidateQueries({queryKey:[[`addonSettings`]]})}}),fe=o(()=>{for(let e of Y.current.values())e.discard()},[]),pe=u(()=>{let e=0;for(let t of q){let n=J.get(t.addonId);n&&(e+=n.pendingKeys.length)}return e},[q,J]),me=u(()=>{let e=new Map;for(let t of q){let n=J.get(t.addonId);if(!n||n.pendingKeys.length===0)continue;let r=new Set(n.pendingKeys);for(let n of t.schema.sections){let t=n.tab??`general`;for(let i of n.fields)`key`in i&&r.has(i.key)&&e.set(t,(e.get(t)??0)+1)}}return e},[q,J]);if(R)return m(`div`,{className:`h-24 rounded-lg border border-border bg-surface animate-pulse`});let Q=U&&W?V.get(U):void 0;if(!P&&q.length===0)return v(`div`,{className:`text-[11px] text-foreground-subtle italic`,children:[`No addons in `,l.length>0?`[${l.join(`, `)}]`:`the current selection`,` `,`expose `,d,`-level settings on this node.`]});let $=Z.isPending;return v(`div`,{className:`space-y-4`,children:[(T||E)&&v(`div`,{className:`border-b border-border pb-2`,children:[T&&m(`h2`,{className:`text-sm font-semibold text-foreground`,children:T}),E&&m(`p`,{className:`text-[11px] text-foreground-subtle mt-0.5`,children:E})]}),P&&m(te,{tabs:H.map(e=>({id:e,label:ae.get(e)??e})),activeId:U,onChange:ie,pendingByTab:me}),Z.isError&&v(`div`,{className:`rounded-md border border-red-500/40 bg-red-500/10 px-3 py-2 text-[11px] text-red-400`,children:[`Save failed: `,String(Z.error?.message??Z.error)]}),Q?Q.content:(()=>{let e=G?q.reduce((e,t)=>e+t.schemaWithValues.sections.filter(e=>(e.tab??`general`)===G).length,0):0,t=G!==null&&e<=1,n=q.map(e=>({...e,renderedWithValues:{...e.schemaWithValues,sections:e.schemaWithValues.sections.filter(e=>G?(e.tab??`general`)===G:!0).map(e=>t?{...e,title:``,description:void 0}:e)}})).filter(e=>e.renderedWithValues.sections.length>0).toSorted((e,t)=>{let n=e=>{let t=1/0;for(let n of e)typeof n.order==`number`&&n.order<t&&(t=n.order);return t},r=n(e.renderedWithValues.sections),i=n(t.renderedWithValues.sections);return r===i?0:r-i});return n.length===0?m(`div`,{className:`text-[11px] text-foreground-subtle italic`,children:`Nothing to configure here for this node.`}):m(re,{entries:n,paneStates:J,displayNames:oe,disabled:$,setPaneRef:le,onPaneStateChange:ce,onImmediateSave:de,onAction:ue,inline:P||!!C})})(),!R&&m(ee,{pendingCount:pe,onSave:()=>Z.mutate(),onDiscard:fe,saving:$})]})}function re({entries:e,paneStates:t,displayNames:n,disabled:r,setPaneRef:i,onPaneStateChange:a,onImmediateSave:o,onAction:c,inline:d}){let f=u(()=>[...e].toSorted((e,t)=>{if(e.addonId===`system-config`)return-1;if(t.addonId===`system-config`)return 1;let r=n.get(e.addonId)??e.addonId,i=n.get(t.addonId)??t.addonId;return r.localeCompare(i)}),[e,n]),[p,h]=s(f[0]?.addonId??``);l(()=>{f.length!==0&&(f.find(e=>e.addonId===p)||h(f[0].addonId))},[f,p]);let g=f.find(e=>e.addonId===p)??f[0];if(!g)return null;let _=u(()=>c?(e,t,n,r)=>c(e,t,n,r):void 0,[c]),y=e=>m(C,{ref:i(e.addonId),addonId:e.addonId,schema:e.renderedWithValues,serverValues:e.serverValues,onImmediateSave:o,onStateChange:a,onAction:_,disabled:r},e.addonId);return f.length===1||d?m(`div`,{className:`flex flex-col gap-4`,children:f.map(y)}):v(`div`,{className:`flex flex-col gap-3`,children:[m(`div`,{className:`flex flex-wrap items-center gap-1 border-b border-border shrink-0`,children:f.map(e=>{let r=n.get(e.addonId)??e.addonId,i=e.addonId===g.addonId,a=(t.get(e.addonId)?.pendingKeys.length??0)>0;return v(`button`,{type:`button`,onClick:()=>h(e.addonId),className:`relative px-3 py-1.5 text-xs font-medium rounded-t-md transition-colors -mb-px border-b-2 whitespace-nowrap ${i?`text-primary border-primary bg-primary/5`:`text-foreground-subtle border-transparent hover:text-foreground hover:bg-surface-hover`}`,children:[r,a&&m(`span`,{className:`ml-1.5 inline-flex h-1.5 w-1.5 rounded-full bg-amber-400`})]},e.addonId)})}),m(`div`,{className:`space-y-2`,children:f.map(e=>m(`div`,{style:e.addonId===g.addonId?void 0:{display:`none`},children:y(e)},e.addonId))})]})}export{E as t};

package/dist/assets/PrivacyMaskSettings-Btjy009a.js

@@ -1 +0,0 @@
-import{ga as e,ha as t,ma as n}from"./src-D-eMZfpa.js";import{F as r,G as i,R as a,U as o,W as s,X as c,b as l,x as u,y as ee}from"./_virtual_mf___mfe_internal__admin_ui_host__loadShare___mf_0_tanstack_mf_1_react_mf_2_query__loadShare__.js-CK8iQdP1.js";import{L as d,V as te,c as f,g as p,n as ne,p as re,s as m}from"./player-overlays-B1rOp2K0.js";import{MaskShapeCanvas as h}from"./MaskShapeCanvas-C5K6H6Th.js";var g=p(`hexagon`,[[`path`,{d:`M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z`,key:`yt0hxn`}]]);c();var _=120,ie=`privacy-mask`,v=`rounded-md border border-border bg-surface px-2 py-1 text-[11px] font-medium text-foreground-subtle hover:bg-surface-hover disabled:opacity-40 transition-colors`,y=`rounded-md border border-primary/50 bg-primary/15 px-2.5 py-1 text-[11px] font-medium text-primary hover:bg-primary/25 disabled:opacity-40 transition-colors`;function b(e){return e.kind===`rect`||e.kind===`polygon`?e:null}function x(e){let t=new Set(e.map(e=>e.id)),n=0;for(;t.has(n);)n+=1;return n}function S(e,t){if(e.length!==t.length)return!1;for(let n=0;n<e.length;n+=1)if(JSON.stringify(e[n])!==JSON.stringify(t[n]))return!1;return!0}function C({deviceId:c}){let p=f(re().trpcClient,c),[C,w]=i(null),[T,E]=i(!1),[D,O]=i(null),[k,A]=i(null),[j,M]=i(!1),[N,P]=i(!1),[F,I]=i(null),[L,R]=i(null),z=s(!1);a(()=>{if(!p)return;let e=!1;return z.current=!1,w(null),E(!1),O(null),A(null),P(!1),I(null),R(null),(async()=>{try{let t=await p.privacyMask?.getOptions({});if(e)return;if(!t)throw Error(`device proxy not ready`);if(w(t),z.current)return;let n=await p.privacyMask?.getStatus({});if(e)return;if(!n)throw Error(`device proxy not ready`);z.current=!0;let r={enabled:n.enabled,regions:n.regions};A(r),O(r)}catch(t){if(e)return;te(t)?E(!0):console.error(`Privacy Mask load failed`,t)}})(),()=>{e=!0}},[p]);let B=o(()=>D!==null&&k!==null&&(D.enabled!==k.enabled||!S(D.regions,k.regions)),[D,k]),V=D?D.regions.length:0,H=C?C.maxRegions:0,U=s(0);a(()=>{U.current=H},[H]);let W=H>0&&V>=H,G=r(()=>{O(e=>e&&{...e,enabled:!e.enabled})},[]),K=r(e=>{I(typeof e==`number`?e:null)},[]),q=o(()=>D?D.regions.map(e=>({id:e.id,shape:e.shape,enabled:e.enabled,label:`Zone ${String(e.id)}`})):[],[D]),J=r((e,t)=>{let n=b(t);n&&O(t=>t&&{...t,regions:t.regions.map(t=>t.id===e?{...t,shape:n}:t)})},[]),Y=r(e=>{let t=b(e);t&&(R(null),O(e=>{if(!e)return e;let n=U.current;if(n>0&&e.regions.length>=n)return e;let r=x(e.regions),i={id:r,enabled:!0,shape:t};return I(r),{...e,regions:[...e.regions,i]}}))},[]),X=r(e=>{P(!0),I(null),R(e)},[]),Z=r(e=>{P(!0),R(null),I(e)},[]),ae=r(e=>{I(t=>t===e?null:t),O(t=>t&&{...t,regions:t.regions.filter(t=>t.id!==e)})},[]),oe=r(()=>{R(null),I(null),k&&O({enabled:k.enabled,regions:k.regions})},[k]),se=r(async()=>{if(!(!p||!D)){M(!0);try{await p.privacyMask?.setMask({patch:{enabled:D.enabled,regions:[...D.regions]}});let e=await p.privacyMask?.getStatus({});if(e){let t={enabled:e.enabled,regions:e.regions};A(t),O(t)}}catch(e){console.error(`Privacy Mask save failed`,e)}finally{M(!1)}}},[p,D]),ce=r(()=>{P(e=>(e&&(R(null),I(null)),!e))},[]),Q=C?.supportedShapes??[];ne(o(()=>N&&!T&&C&&D?{id:ie,order:_,node:l(h,{transparent:!0,items:q,supportedShapes:Q,polygonVertices:C.polygonVertices,selectedId:F,onSelect:K,onShapeChange:J,onDrawComplete:Y,drawingKind:L})}:null,[N,T,C,D,q,Q,F,K,J,Y,L]));let le=C?.supportedShapes.includes(`rect`)??!1,ue=C?.supportedShapes.includes(`polygon`)??!1,$=C!==null&&(C.maxRegions<=0||C.supportedShapes.length===0);return p?l(m,{title:`Privacy Mask`,icon:l(e,{className:`h-3.5 w-3.5 text-foreground-subtle`}),children:l(`div`,{className:`flex flex-col gap-3`,children:T||$?l(`p`,{className:`${d} leading-relaxed`,children:`This camera doesn't support an on-board privacy mask.`}):!T&&!$&&C!==null&&D!==null?u(ee,{children:[u(`p`,{className:`${d} leading-relaxed`,children:[`Toggle `,l(`strong`,{className:`text-foreground`,children:`Edit mask`}),` to draw blanked-out zones on the live frame, then `,l(`strong`,{className:`text-foreground`,children:`Save`}),` to push them to the camera. Drag a rectangle to move, its corner to resize; drag polygon vertices, click an edge midpoint to add one, or right-click a vertex to remove it.`]}),u(`div`,{className:`flex items-center gap-2 flex-wrap`,children:[l(`button`,{type:`button`,onClick:ce,disabled:j,"aria-pressed":N,className:N?y:v,children:N?`Done editing`:`Edit mask`}),l(`button`,{type:`button`,onClick:G,disabled:j,"aria-pressed":D.enabled,className:D.enabled?y:v,children:D.enabled?`Mask on`:`Mask off`}),le&&l(`button`,{type:`button`,onClick:()=>X(`rect`),disabled:j||W,"aria-pressed":L===`rect`,className:L===`rect`?y:v,title:W?`Maximum zones reached`:`Add a rectangle zone`,children:`+ Rect`}),ue&&l(`button`,{type:`button`,onClick:()=>X(`polygon`),disabled:j||W,"aria-pressed":L===`polygon`,className:L===`polygon`?y:v,title:W?`Maximum zones reached`:`Add a polygon zone`,children:`+ Polygon`}),u(`span`,{className:`${d} ml-1 tabular-nums`,children:[V,` / `,H,` zones`]}),l(`span`,{className:`flex-1`}),l(`button`,{type:`button`,onClick:oe,disabled:j||!B,className:`rounded-md border border-border bg-surface px-2 py-1 text-[11px] text-foreground-subtle hover:bg-surface-hover disabled:opacity-40 transition-colors`,children:`Revert`}),l(`button`,{type:`button`,onClick:()=>void se(),disabled:j||!B,className:y,children:j?`Saving…`:`Save`})]}),V>0?l(`div`,{className:`flex flex-col gap-1`,children:D.regions.map(e=>{let r=F===e.id,i=e.shape.kind===`polygon`?g:t;return u(`div`,{className:`flex items-center gap-2 rounded-md border px-2 py-1 transition-colors ${r?`border-primary/50 bg-primary/10`:`border-border bg-surface`}`,children:[u(`button`,{type:`button`,onClick:()=>Z(e.id),disabled:j,className:`flex flex-1 items-center gap-2 text-left text-[11px] font-medium text-foreground-subtle hover:text-foreground disabled:opacity-40 transition-colors`,children:[l(i,{className:`h-3.5 w-3.5 shrink-0`}),u(`span`,{children:[`Zone `,e.id]}),l(`span`,{className:`text-foreground-faint capitalize`,children:e.shape.kind})]}),l(`button`,{type:`button`,onClick:()=>ae(e.id),disabled:j,"aria-label":`Delete zone ${String(e.id)}`,title:`Delete zone`,className:`inline-flex h-6 w-6 items-center justify-center rounded border border-border bg-surface text-foreground-subtle hover:border-red-400/40 hover:bg-red-500/10 hover:text-red-400 disabled:opacity-40 transition-colors`,children:l(n,{className:`h-3.5 w-3.5`})})]},e.id)})}):null]}):l(`p`,{className:`${d} leading-relaxed`,children:`Loading the camera's privacy mask…`})})}):null}export{C as PrivacyMaskSettings};

package/dist/assets/SchemaTabBar-ByWwzBUZ.js

@@ -1 +0,0 @@
-import{F as e,G as t,R as n,U as r,W as i,X as a,b as o,x as s}from"./_virtual_mf___mfe_internal__admin_ui_host__loadShare___mf_0_tanstack_mf_1_react_mf_2_query__loadShare__.js-CK8iQdP1.js";a();function c(e,t){for(let n of e)for(let e of n.fields){if(!(`key`in e)||e.key!==t)continue;if(e.type===`button`||e.type===`separator`||e.type===`info`)return!0;let r=e.immediate;return r===!0?!0:r===!1?!1:n.immediate===!0}return!1}function l({schema:a,serverValues:o,onImmediateSave:s,onDeferredSave:l}){let[u,d]=t({}),[f,p]=t(!1),m=i(null),h=a?.sections??[],g=Object.keys(u).length>0,_=r(()=>({...o,...u}),[o,u]);n(()=>{if(g){p(!0);return}m.current&&clearTimeout(m.current),m.current=setTimeout(()=>p(!1),500)},[g]);let v=e(()=>{p(!0),m.current&&clearTimeout(m.current),m.current=setTimeout(()=>p(!1),2e3)},[]),y=e(e=>{v();let t={},n={},r={...o,...u};for(let[i,a]of Object.entries(e))r[i]!==a&&(c(h,i)?t[i]=a:n[i]=a);Object.keys(t).length>0&&s(t),d(e=>{let r={...e};for(let e of Object.keys(t))delete r[e];for(let[e,t]of Object.entries(n))r[e]=t;return r})},[v,o,u,h,s]),b=e(e=>{let t={},n={};for(let[r,i]of Object.entries(u))e.includes(r)?t[r]=i:n[r]=i;d(n),Object.keys(t).length>0&&l(t)},[u,l]),x=e(e=>{d(t=>{let n={...t};for(let t of e)delete n[t];return n})},[]),S=e(()=>{d({})},[]);return{values:_,pendingKeys:Object.keys(u),hasPendingEdits:g,editingPaused:f,handleChange:y,handleSave:b,handleDiscard:x,resetAll:S}}function u({pendingCount:e,onSave:t,onDiscard:n,saving:r=!1,saveLabel:i=`Save`,discardLabel:a=`Discard`}){return e<=0?null:s(`div`,{className:`sticky bottom-0 -mb-3 flex items-center justify-between gap-3 rounded-lg border border-primary/40 bg-primary/5 px-3 py-2 shadow-sm z-10`,children:[s(`span`,{className:`text-xs text-foreground`,children:[e,` unsaved change`,e===1?``:`s`]}),s(`div`,{className:`flex items-center gap-2`,children:[o(`button`,{type:`button`,onClick:n,disabled:r,className:`inline-flex items-center rounded-md border border-border px-2.5 py-1 text-xs text-foreground-subtle hover:bg-surface-hover disabled:opacity-50`,children:a}),o(`button`,{type:`button`,onClick:t,disabled:r,className:`inline-flex items-center rounded-md bg-primary px-3 py-1 text-xs font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50`,children:r?`Saving…`:i})]})]})}function d({tabs:e,activeId:t,onChange:n,countByTab:r,pendingByTab:i}){return e.length===0?null:o(`div`,{className:`flex flex-wrap items-center gap-1 border-b border-border shrink-0`,children:e.map(e=>{let a=e.id===t,c=r?.get(e.id)??0,l=i?.get(e.id)??0;return s(`button`,{type:`button`,onClick:()=>n(e.id),className:`relative px-3 py-1.5 text-xs font-medium rounded-t-md transition-colors -mb-px border-b-2 whitespace-nowrap ${a?`text-primary border-primary bg-primary/5`:`text-foreground-subtle border-transparent hover:text-foreground hover:bg-surface-hover`}`,children:[e.label,c>0&&s(`span`,{className:`ml-1.5 text-[10px] opacity-60`,children:[`(`,c,`)`]}),l>0&&o(`span`,{className:`ml-1.5 inline-flex h-1.5 w-1.5 rounded-full bg-primary`})]},e.id)})})}export{u as n,l as r,d as t};

package/dist/assets/Settings-BBKIvACs.js

@@ -1 +0,0 @@
-import{gr as e}from"./src-D-eMZfpa.js";import{b as t,x as n}from"./_virtual_mf___mfe_internal__admin_ui_host__loadShare___mf_0_tanstack_mf_1_react_mf_2_query__loadShare__.js-CK8iQdP1.js";import{f as r}from"./index-CBUhNGng.js";import{t as i}from"./AdminPage-CN6ZMhf0.js";import{t as a}from"./NodeAddonsSettingsPanel-DZOqqqZZ.js";function o(){let{data:o,isLoading:s}=e(void 0),c=(o??[]).find(e=>e.isHub&&e.isOnline),l=c?.addons.map(e=>e.id)??[];return t(i,{children:s?t(`div`,{className:`text-muted-foreground text-sm py-12 text-center`,children:`Loading hub topology…`}):c?l.length===0?t(`div`,{className:`text-muted-foreground text-sm py-12 text-center`,children:`No addons installed on the hub yet.`}):t(a,{nodeId:c.id,addonIds:l,level:`global`}):n(`div`,{className:`flex flex-col items-center justify-center text-muted-foreground text-sm gap-2 py-12`,children:[t(r,{className:`h-8 w-8 opacity-30`}),t(`p`,{children:`No online hub node found.`}),t(`p`,{className:`text-xs`,children:`Settings will appear once the hub is reachable.`})]})})}export{o as SettingsPage};

package/dist/assets/Showroom-D6AoJdZW.js

@@ -1 +0,0 @@
-import{G as e,X as t,b as n,x as r}from"./_virtual_mf___mfe_internal__admin_ui_host__loadShare___mf_0_tanstack_mf_1_react_mf_2_query__loadShare__.js-CK8iQdP1.js";import{t as i}from"./CapabilityBadges-CMb2KZ75.js";import{t as a}from"./ProviderIcon-BPXhRQ1d.js";import{t as o}from"./StatusBadge-CkYubfRG.js";import{t as s}from"./FormBuilder-D1P2uZCo.js";t();function c({title:e,children:t}){return r(`div`,{className:`rounded-lg border border-border bg-surface overflow-hidden`,children:[n(`div`,{className:`border-b border-border px-4 py-2.5`,children:n(`h2`,{className:`text-xs font-semibold text-foreground uppercase tracking-wider`,children:e})}),n(`div`,{className:`p-4`,children:t})]})}function l({name:e,cssVar:t,hex:i}){return r(`div`,{className:`flex flex-col items-center gap-1.5`,children:[n(`div`,{className:`h-10 w-10 rounded-lg border border-border shadow-inner`,style:{backgroundColor:t?`var(${t})`:i}}),n(`span`,{className:`text-[10px] text-foreground-subtle text-center leading-tight`,children:e})]})}var u={sections:[{id:`demo`,title:`Demo Fields`,columns:2,fields:[{key:`name`,type:`text`,label:`Name`,placeholder:`Enter name`},{key:`count`,type:`number`,label:`Count`,min:0,max:100,unit:`items`},{key:`enabled`,type:`boolean`,label:`Enabled`},{key:`mode`,type:`select`,label:`Mode`,options:[{value:`a`,label:`Alpha`},{value:`b`,label:`Beta`}]},{key:`tags`,type:`tags`,label:`Tags`,span:2,suggestions:[`camera`,`zone`,`alert`]},{key:`confidence`,type:`slider`,label:`Confidence`,min:0,max:100,step:5,unit:`%`,span:2},{key:`info`,type:`info`,label:`Note`,content:`This is an informational message for the user.`,variant:`info`}]}]};function d(){let[t,d]=e({name:`Example`,count:10,enabled:!0,mode:`a`,tags:[`camera`],confidence:60});return r(`div`,{className:`p-6 space-y-6 max-w-5xl mx-auto`,children:[r(`div`,{className:`mb-6`,children:[n(`h1`,{className:`text-xl font-bold text-foreground`,children:`Component Showroom`}),n(`p`,{className:`text-sm text-foreground-subtle mt-1`,children:`All UI components at a glance`})]}),n(c,{title:`Typography`,children:r(`div`,{className:`space-y-3`,children:[n(`h1`,{className:`text-2xl font-bold text-foreground`,children:`Heading 1 — Display title`}),n(`h2`,{className:`text-xl font-semibold text-foreground`,children:`Heading 2 — Section title`}),n(`h3`,{className:`text-base font-semibold text-foreground`,children:`Heading 3 — Card title`}),n(`h4`,{className:`text-sm font-semibold text-foreground`,children:`Heading 4 — Sub-section`}),n(`p`,{className:`text-sm text-foreground`,children:`Body text — Regular paragraph content goes here. It uses the foreground color.`}),n(`p`,{className:`text-sm text-foreground-subtle`,children:`Subtle text — Secondary/descriptive text with reduced emphasis.`}),n(`p`,{className:`text-xs text-foreground-subtle uppercase tracking-wider font-semibold`,children:`Label / Caption`}),n(`p`,{className:`text-xs text-foreground-disabled`,children:`Disabled / placeholder text`})]})}),n(c,{title:`Colors`,children:r(`div`,{className:`flex flex-wrap gap-4`,children:[n(l,{name:`primary`,cssVar:`--color-primary`}),n(l,{name:`background`,cssVar:`--color-background`}),n(l,{name:`surface`,cssVar:`--color-surface`}),n(l,{name:`foreground`,cssVar:`--color-foreground`}),n(l,{name:`success`,cssVar:`--color-success`}),n(l,{name:`warning`,cssVar:`--color-warning`}),n(l,{name:`danger`,cssVar:`--color-danger`}),n(l,{name:`info`,cssVar:`--color-info`}),n(l,{name:`border`,cssVar:`--color-border`}),n(`div`,{className:`w-px`}),n(l,{name:`frigate`,hex:`#3b82f6`}),n(l,{name:`scrypted`,hex:`#a855f7`}),n(l,{name:`reolink`,hex:`#06b6d4`}),n(l,{name:`ha`,hex:`#22d3ee`}),n(l,{name:`rtsp`,hex:`#78716c`})]})}),n(c,{title:`Buttons`,children:r(`div`,{className:`flex flex-wrap gap-3`,children:[n(`button`,{className:`inline-flex items-center gap-1.5 rounded-md bg-primary px-4 py-2 text-sm font-medium text-white hover:opacity-90 transition-opacity`,children:`Primary`}),n(`button`,{className:`inline-flex items-center gap-1.5 rounded-md border border-border bg-surface px-4 py-2 text-sm font-medium text-foreground hover:bg-surface-hover transition-colors`,children:`Secondary`}),n(`button`,{className:`inline-flex items-center gap-1.5 rounded-md border border-danger/40 bg-danger/10 px-4 py-2 text-sm font-medium text-danger hover:bg-danger/20 transition-colors`,children:`Danger`}),n(`button`,{disabled:!0,className:`inline-flex items-center gap-1.5 rounded-md bg-primary px-4 py-2 text-sm font-medium text-white opacity-40 cursor-not-allowed`,children:`Disabled`}),n(`button`,{className:`inline-flex items-center gap-1.5 rounded-md border border-warning/40 bg-warning/10 px-4 py-2 text-sm font-medium text-warning hover:bg-warning/20 transition-colors`,children:`Warning`}),n(`button`,{className:`inline-flex items-center gap-1.5 rounded-md border border-success/40 bg-success/10 px-4 py-2 text-sm font-medium text-success hover:bg-success/20 transition-colors`,children:`Success`})]})}),n(c,{title:`Inputs`,children:r(`div`,{className:`grid grid-cols-1 md:grid-cols-2 gap-4`,children:[r(`div`,{children:[n(`label`,{className:`block text-xs font-medium text-foreground mb-1`,children:`Text input`}),n(`input`,{type:`text`,className:`w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground outline-none focus:border-primary focus:ring-1 focus:ring-primary/30`,placeholder:`Type something...`})]}),r(`div`,{children:[n(`label`,{className:`block text-xs font-medium text-foreground mb-1`,children:`Number input`}),n(`input`,{type:`number`,className:`w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground outline-none focus:border-primary focus:ring-1 focus:ring-primary/30`,placeholder:`0`})]}),r(`div`,{children:[n(`label`,{className:`block text-xs font-medium text-foreground mb-1`,children:`Password input`}),n(`input`,{type:`password`,className:`w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground outline-none focus:border-primary focus:ring-1 focus:ring-primary/30`,placeholder:`••••••••`})]}),r(`div`,{children:[n(`label`,{className:`block text-xs font-medium text-foreground mb-1`,children:`Select`}),r(`select`,{className:`w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground outline-none focus:border-primary focus:ring-1 focus:ring-primary/30`,children:[n(`option`,{children:`Option A`}),n(`option`,{children:`Option B`}),n(`option`,{children:`Option C`})]})]}),r(`div`,{className:`md:col-span-2`,children:[n(`label`,{className:`block text-xs font-medium text-foreground mb-1`,children:`Textarea`}),n(`textarea`,{className:`w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground outline-none focus:border-primary focus:ring-1 focus:ring-primary/30 resize-y min-h-[60px]`,placeholder:`Enter multi-line text...`,rows:3})]}),n(`div`,{children:r(`label`,{className:`flex items-center gap-2 cursor-pointer select-none`,children:[n(`input`,{type:`checkbox`,className:`h-3.5 w-3.5 rounded border-border accent-primary`,defaultChecked:!0}),n(`span`,{className:`text-xs font-medium text-foreground`,children:`Checkbox (checked)`})]})}),n(`div`,{children:r(`div`,{className:`flex items-center justify-between`,children:[n(`span`,{className:`text-xs font-medium text-foreground`,children:`Toggle switch`}),n(f,{})]})}),r(`div`,{children:[n(`label`,{className:`block text-xs font-medium text-foreground mb-1`,children:`Slider`}),n(`input`,{type:`range`,className:`w-full h-1 accent-primary cursor-pointer`,min:0,max:100,defaultValue:60})]}),r(`div`,{children:[n(`label`,{className:`block text-xs font-medium text-foreground mb-1`,children:`Tags example`}),n(`div`,{className:`flex flex-wrap gap-1.5 rounded-md border border-border bg-background px-2 py-1.5 min-h-[38px]`,children:[`camera`,`zone`,`alert`].map(e=>n(`span`,{className:`inline-flex items-center gap-1 rounded-md bg-primary/10 px-1.5 py-0.5 text-xs text-primary`,children:e},e))})]})]})}),n(c,{title:`Badges`,children:r(`div`,{className:`space-y-3`,children:[r(`div`,{children:[n(`p`,{className:`text-xs text-foreground-subtle mb-2`,children:`StatusBadge`}),n(`div`,{className:`flex flex-wrap gap-2`,children:[`running`,`stopped`,`error`,`online`,`offline`,`idle`].map(e=>n(o,{status:e},e))})]}),r(`div`,{children:[n(`p`,{className:`text-xs text-foreground-subtle mb-2`,children:`CapabilityBadges`}),n(i,{capabilities:[`streaming`,`detection`,`recording`,`audio`]})]})]})}),n(c,{title:`Cards`,children:r(`div`,{className:`grid grid-cols-1 md:grid-cols-2 gap-4`,children:[r(`div`,{className:`rounded-lg bg-surface p-4`,children:[n(`h3`,{className:`text-sm font-semibold text-foreground mb-1`,children:`Surface card`}),n(`p`,{className:`text-xs text-foreground-subtle`,children:"Uses `bg-surface`. Default card background."})]}),r(`div`,{className:`rounded-lg border border-border bg-surface p-4`,children:[n(`h3`,{className:`text-sm font-semibold text-foreground mb-1`,children:`Bordered card`}),n(`p`,{className:`text-xs text-foreground-subtle`,children:"Uses `border border-border bg-surface`."})]}),r(`div`,{className:`rounded-lg border border-primary/30 bg-primary/5 p-4`,children:[n(`h3`,{className:`text-sm font-semibold text-primary mb-1`,children:`Accent card`}),n(`p`,{className:`text-xs text-foreground-subtle`,children:`Highlighted with primary color.`})]}),r(`div`,{className:`rounded-lg bg-background p-4`,children:[n(`h3`,{className:`text-sm font-semibold text-foreground mb-1`,children:`Background card`}),n(`p`,{className:`text-xs text-foreground-subtle`,children:"Uses `bg-background`. Inset card."})]})]})}),n(c,{title:`Provider Icons`,children:n(`div`,{className:`flex flex-wrap gap-4`,children:[`frigate`,`scrypted`,`reolink`,`homeassistant`,`rtsp`,`onvif`].map(e=>n(a,{type:e,size:`lg`,showLabel:!0},e))})}),r(c,{title:`Form Builder Demo`,children:[n(s,{schema:u,values:t,onChange:d}),r(`details`,{className:`mt-3`,children:[n(`summary`,{className:`text-[10px] text-foreground-subtle cursor-pointer hover:text-foreground`,children:`View current values`}),n(`pre`,{className:`mt-2 rounded-md bg-background p-3 text-[10px] text-foreground-subtle overflow-auto`,children:JSON.stringify(t,null,2)})]})]}),n(c,{title:`Info Boxes`,children:n(`div`,{className:`space-y-2`,children:[{variant:`info`,label:`Info`,content:`This is an informational message. Use it for tips and hints.`},{variant:`warning`,label:`Warning`,content:`This action may have side effects. Proceed with caution.`},{variant:`success`,label:`Success`,content:`Operation completed successfully. All systems are green.`},{variant:`danger`,label:`Danger`,content:`This operation is irreversible. Data will be permanently deleted.`}].map(({variant:e,label:t,content:i})=>{let a={info:{border:`border-info`,bg:`bg-info/5`,text:`text-info`},warning:{border:`border-warning`,bg:`bg-warning/5`,text:`text-warning`},success:{border:`border-success`,bg:`bg-success/5`,text:`text-success`},danger:{border:`border-danger`,bg:`bg-danger/5`,text:`text-danger`}}[e];return r(`div`,{className:`rounded-md border-l-4 px-3 py-2.5 ${a.border} ${a.bg}`,children:[n(`p`,{className:`text-xs font-semibold mb-0.5 ${a.text}`,children:t}),n(`p`,{className:`text-xs text-foreground-subtle leading-relaxed`,children:i})]},e)})})})]})}function f(){let[t,r]=e(!0);return n(`button`,{type:`button`,role:`switch`,"aria-checked":t,onClick:()=>r(e=>!e),className:[`relative inline-flex h-4 w-8 shrink-0 items-center rounded-full transition-colors duration-150 cursor-pointer`,t?`bg-primary`:`bg-foreground-subtle/30`].join(` `),children:n(`span`,{className:[`inline-block h-3 w-3 rounded-full bg-white shadow transition-transform duration-150`,t?`translate-x-4`:`translate-x-0.5`].join(` `)})})}export{d as ShowroomPage};

package/dist/assets/circle-check-big-BjqV4p1D.js

@@ -1 +0,0 @@
-import{B as e}from"./index-CBUhNGng.js";var t=e(`circle-check-big`,[[`path`,{d:`M21.801 10A10 10 0 1 1 17 3.335`,key:`yps3ct`}],[`path`,{d:`m9 11 3 3L22 4`,key:`1pflzl`}]]);export{t};