@camstack/addon-admin-ui 1.2.473 → 1.2.474
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/{AddonAssetIcon-DmwaRNVP.js → AddonAssetIcon-DNTjc2uq.js} +1 -1
- package/dist/assets/Addons-CPaW6tLw.js +4 -0
- package/dist/assets/{AdminPage-B-1YjUaD.js → AdminPage-B4QlIiKh.js} +1 -1
- package/dist/assets/{AdminSectionedPage-DCas2jUy.js → AdminSectionedPage-BIoU14zn.js} +1 -1
- package/dist/assets/AiProfiles-FpbSg3kP.js +3 -0
- package/dist/assets/{BrokerForm-x5UJk9ci.js → BrokerForm-CU4X3nL7.js} +1 -1
- package/dist/assets/Build-C2qKCizt.js +40 -0
- package/dist/assets/Calendars-BRTmlFIt.js +1 -0
- package/dist/assets/{Cluster-DaFXU71S.js → Cluster-BvxOiIZ7.js} +1 -1
- package/dist/assets/CompositionCreateForm-DCUy3waQ.js +1 -0
- package/dist/assets/{CompositionEditorPage-B_ERZESY.js → CompositionEditorPage-syg6YTJF.js} +1 -1
- package/dist/assets/Data-VG64mGmK.js +2 -0
- package/dist/assets/DeviceDetail-tZevLHDV.js +2 -0
- package/dist/assets/{DeviceDoActionFields-BETAvCYe.js → DeviceDoActionFields-BmEM1vFn.js} +1 -1
- package/dist/assets/{Devices-C1DTPVnZ.js → Devices-B-b5cUYn.js} +1 -1
- package/dist/assets/{EmbedPlayerPage-Bw6TIHbX.js → EmbedPlayerPage-CI3OOtRg.js} +1 -1
- package/dist/assets/HelperWizard-4637ctxc.js +2 -0
- package/dist/assets/History-BJcol9mz.js +1 -0
- package/dist/assets/Identity-CjEfAbi1.js +1 -0
- package/dist/assets/IntegrationDetail-DLncDXox.js +1 -0
- package/dist/assets/{IntegrationHub-DahW4X5K.js → IntegrationHub-B1soAFk9.js} +1 -1
- package/dist/assets/Integrations-DtQc1eDp.js +1 -0
- package/dist/assets/Integrations-xxkUIJ67.js +1 -0
- package/dist/assets/{Library-gaMbp-Fr.js → Library-DbHcY62a.js} +1 -1
- package/dist/assets/Locations-CfYQkG2R.js +3 -0
- package/dist/assets/{Logs-CtH4NMql.js → Logs-CMYLVX21.js} +1 -1
- package/dist/assets/{MaskShapeCanvas-Byp9XgNC.js → MaskShapeCanvas-BnMDm4ev.js} +1 -1
- package/dist/assets/{MotionZonesSettings-C35beRsS.js → MotionZonesSettings-DKqDt4OB.js} +1 -1
- package/dist/assets/{MyAccess-Dj5hcaLN.js → MyAccess-CjUd-G8J.js} +1 -1
- package/dist/assets/{Network-D-v-cA54.js → Network-Dudx2Fcg.js} +1 -1
- package/dist/assets/{NodeAddonsSettingsPanel-CW_M8Xge.js → NodeAddonsSettingsPanel-9_q0f4bE.js} +1 -1
- package/dist/assets/Notifications-DE5Wtais.js +1 -0
- package/dist/assets/{Pipeline-C85hColk.js → Pipeline-r8TFI-Fa.js} +1 -1
- package/dist/assets/{PrivacyMaskSettings-SPaH91xV.js → PrivacyMaskSettings-DZ2mewnu.js} +1 -1
- package/dist/assets/Recordings-BrpMcrZw.js +1 -0
- package/dist/assets/{ScanNetworkModal-ClvLQ-ol.js → ScanNetworkModal-DhahS87x.js} +1 -1
- package/dist/assets/{SceneMonitorEditor-BvqnlZ2i.js → SceneMonitorEditor-CH7F9rZo.js} +1 -1
- package/dist/assets/SessionsList-BbD9LSdf.js +2 -0
- package/dist/assets/{Showroom-jPZcBd6K.js → Showroom-BX1LrKmF.js} +1 -1
- package/dist/assets/{System-B5Ny1ozj.js → System-CvErxLx3.js} +1 -1
- package/dist/assets/{Terminal-DYLSrpsL.js → Terminal-COEKXIAj.js} +3 -3
- package/dist/assets/{Viewer-GqkHpMmf.js → Viewer-BW9JCbu_.js} +1 -1
- package/dist/assets/{_virtual_mf-localSharedImportMap___mfe_internal__admin_ui_host-BlUFdak1.js → _virtual_mf-localSharedImportMap___mfe_internal__admin_ui_host-B4AOEb1R.js} +1 -1
- package/dist/assets/{addon-icons-context-BUi2hqSA.js → addon-icons-context-Bus8wGvh.js} +1 -1
- package/dist/assets/{archive-Bs9ToeWK.js → archive-BTmhmQQp.js} +1 -1
- package/dist/assets/{assignment-candidates-e6s6JtrJ.js → assignment-candidates-C4DL_rSh.js} +1 -1
- package/dist/assets/{authed-media-BWhmwHt2.js → authed-media-C8FW8mvx.js} +1 -1
- package/dist/assets/{bell-off-CosUv2Rj.js → bell-off-DsAerV0u.js} +1 -1
- package/dist/assets/{board-model-BtdRuNBI.js → board-model-CnpzmN9f.js} +1 -1
- package/dist/assets/{boxes-CA7Sh4JV.js → boxes-DT6bkxUA.js} +1 -1
- package/dist/assets/circle-slash-BFwh1Zbg.js +1 -0
- package/dist/assets/{client-DIBstlq5.js → client-BbPYrWg7.js} +14 -14
- package/dist/assets/{cloud-upload-olZ1M2tJ.js → cloud-upload-iGrXLaxX.js} +1 -1
- package/dist/assets/crop-FX76GBoF.js +1 -0
- package/dist/assets/{device-integration-icon-656UPgnE.js → device-integration-icon-XVdZ9pIS.js} +1 -1
- package/dist/assets/device-picker-model-B5MjkWnS.js +1 -0
- package/dist/assets/{dist-G4Cxki3p.js → dist-Bd_kB5yG.js} +1 -1
- package/dist/assets/{eraser-CABcfjb2.js → eraser-L4lKjV-e.js} +1 -1
- package/dist/assets/{format-BYDOzxSv.js → format-BTMQLjGl.js} +1 -1
- package/dist/assets/{hard-drive-download-ClcxzAVo.js → hard-drive-download-cfcxCkzE.js} +1 -1
- package/dist/assets/{hostInit-DXWqqcl-.js → hostInit-BBq0iCeL.js} +1 -1
- package/dist/assets/{i18n-D3CF2V_j.js → i18n-BO6gCPcC.js} +1 -1
- package/dist/assets/{icons-BmpL14Dq.js → icons-Cv_Dcjty.js} +1 -1
- package/dist/assets/{index-Cskol4XA.js → index-C8XwyZGE.js} +3 -3
- package/dist/assets/{key-CURebvKJ.js → key-e3_N15fG.js} +1 -1
- package/dist/assets/{key-round-BTmR8Ca5.js → key-round-x0Ig1rd2.js} +1 -1
- package/dist/assets/{layers-BCzFIxnd.js → layers-T4HoHbdn.js} +1 -1
- package/dist/assets/{linked-devices-model-Uzvgx-iv.js → linked-devices-model-CObOrxIk.js} +1 -1
- package/dist/assets/{list-ordered-BpmnL-Ze.js → list-ordered-I4dBVzRf.js} +1 -1
- package/dist/assets/{location-owned-usage-ChLz8liX.js → location-owned-usage-D17U3uzz.js} +1 -1
- package/dist/assets/{log-in-hW2oGppQ.js → log-in-B1D0wNrs.js} +1 -1
- package/dist/assets/{memory-stick-DJEnjf6G.js → memory-stick-DYS3v1CU.js} +1 -1
- package/dist/assets/{message-square-plus-CZ2oQ3Vr.js → message-square-plus-D64e2l9L.js} +1 -1
- package/dist/assets/{mf-entry-bootstrap-0-0c9682e8.js → mf-entry-bootstrap-0-c6a36508.js} +2 -2
- package/dist/assets/{mic-off-KFKpp3gz.js → mic-off-hTqpFTxe.js} +1 -1
- package/dist/assets/{monitor-off-Cn5TAK6N.js → monitor-off-Bj-JQM7b.js} +1 -1
- package/dist/assets/{monitor-smartphone-Jvu4UJGi.js → monitor-smartphone-CyTSF3mW.js} +1 -1
- package/dist/assets/mount-B5MjkWnS.js +1 -0
- package/dist/assets/{player-overlays-B_ZfVBiA.js → player-overlays-CvKnZb5M.js} +1 -1
- package/dist/assets/{recycle-BDm5DJUQ.js → recycle-BLx8Nd-6.js} +1 -1
- package/dist/assets/remoteEntry-DBUvkI6n.js +1 -0
- package/dist/assets/{scan-eye-C7MTwcP4.js → scan-eye-CrOhuNWQ.js} +1 -1
- package/dist/assets/{scissors-BQnPBcjw.js → scissors-C6HYvaxr.js} +1 -1
- package/dist/assets/{search-x-DEyDFvNT.js → search-x-C8eiZDQW.js} +1 -1
- package/dist/assets/{send-B3qo7thK.js → send-CNzJmniJ.js} +1 -1
- package/dist/assets/{settings-2-C0X8oPpn.js → settings-2-Ccb0AMXU.js} +1 -1
- package/dist/assets/{speaker-pcRBhz9y.js → speaker-BsE4hqmg.js} +1 -1
- package/dist/assets/src-DKc14e9G.js +67 -0
- package/dist/assets/step-inspector-model-BeIQx3rW.js +1 -0
- package/dist/assets/{timer-reset-CCky8ePa.js → timer-reset-Tun-zcxs.js} +1 -1
- package/dist/assets/{ungroup-iaoDNnXe.js → ungroup-BdxY8QDj.js} +1 -1
- package/dist/assets/{unlink-8OutaYJL.js → unlink-BVODHZoC.js} +1 -1
- package/dist/assets/{usb-DL2I9kcC.js → usb-i2JzfEjl.js} +1 -1
- package/dist/assets/{use-scenes-feed-4lpCQaI1.js → use-scenes-feed-CUQxwk-v.js} +1 -1
- package/dist/assets/{use-stationary-objects-P_tT9TQq.js → use-stationary-objects-Cqmb4Ymg.js} +1 -1
- package/dist/assets/useEventInvalidation-B5MjkWnS.js +1 -0
- package/dist/assets/{useNodeUrlSelection-CiraZrDp.js → useNodeUrlSelection-rnUQLTfb.js} +1 -1
- package/dist/assets/user-round-BkFCDGbj.js +1 -0
- package/dist/assets/{user-x-DYn__Nok.js → user-x-CIq05NC_.js} +1 -1
- package/dist/assets/{video-BcVXMTle.js → video-CJw8Jnle.js} +1 -1
- package/dist/assets/{virtual_mf-REMOTE_ENTRY_ID___mfe_internal__admin_ui_host__remoteEntry-_hash_-CXWzeD1i.js → virtual_mf-REMOTE_ENTRY_ID___mfe_internal__admin_ui_host__remoteEntry-_hash_-BWKP-Fxc.js} +2 -2
- package/dist/index.html +9 -9
- package/dist/server/addon.js +1 -1
- package/package.json +1 -1
- package/dist/assets/Addons-Ch5dCeth.js +0 -4
- package/dist/assets/AiProfiles-ChvfjsXv.js +0 -3
- package/dist/assets/Build-CUVwS9XA.js +0 -40
- package/dist/assets/Calendars-BMLzvBb6.js +0 -1
- package/dist/assets/CompositionCreateForm-BxelZLtf.js +0 -1
- package/dist/assets/Data-CMHfgMXt.js +0 -2
- package/dist/assets/DeviceDetail-CAtDRoZZ.js +0 -2
- package/dist/assets/History-BXTYUTxj.js +0 -1
- package/dist/assets/Identity-DTOixhZS.js +0 -1
- package/dist/assets/IntegrationDetail-CnINeomo.js +0 -1
- package/dist/assets/Integrations-Dex6zRMx.js +0 -1
- package/dist/assets/Integrations-HN2iCOqd.js +0 -1
- package/dist/assets/Locations-haT1EJbm.js +0 -3
- package/dist/assets/Notifications-r5w4Ne2O.js +0 -1
- package/dist/assets/Recordings-ZYwRaSrC.js +0 -1
- package/dist/assets/SessionsList-BCDysQfs.js +0 -2
- package/dist/assets/circle-slash-0Ca1BMK0.js +0 -1
- package/dist/assets/crop-BZM3UFyT.js +0 -1
- package/dist/assets/device-picker-model-yjEyEWyS.js +0 -1
- package/dist/assets/event-targets-CHOtaC2B.js +0 -2
- package/dist/assets/mount-yjEyEWyS.js +0 -1
- package/dist/assets/remoteEntry-7WZh94sn.js +0 -1
- package/dist/assets/src-BVr0SnD-.js +0 -67
- package/dist/assets/step-inspector-model-DjRSZkVO.js +0 -1
- package/dist/assets/useEventInvalidation-yjEyEWyS.js +0 -1
- package/dist/assets/user-round-4ZziAKb6.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{$ as e,B as t,G as n,J as r,O as i,R as a,S as o,b as s,o as c,q as l,x as u}from"./_virtual_mf___mfe_internal__admin_ui_host__loadShare___mf_0_tanstack_mf_1_react_mf_2_query__loadShare__.js-CEHpkaJP.js";import{An as d,Li as f,Nt as p,V as m,Yt as h,bn as g,kn as _,lr as v,or as y,pn as b}from"./player-overlays-B_ZfVBiA.js";import{Ar as x}from"./client-DIBstlq5.js";import{t as S}from"./settings-2-C0X8oPpn.js";import{$t as C,Er as w,Ti as ee,Tr as T,Wr as E,Zr as D,bn as O,br as k,en as A,hn as te,ji as ne}from"./src-BVr0SnD-.js";import{t as j}from"./useTranslation-D3Is_4B6.js";import{c as re,d as M,lr as N,mr as P,o as F,r as I,s as L,u as R,ur as z}from"./index-Cskol4XA.js";import{t as B}from"./AdminPage-B-1YjUaD.js";import{t as V}from"./NodeAddonsSettingsPanel-CW_M8Xge.js";import{t as H}from"./AddonAssetIcon-DmwaRNVP.js";e();function U(e){let{ids:t,answered:r,legacyGroupParam:i=null,groupFirst:a}=e,[o]=P(),s=o.get(F),c=i===null?null:o.get(i),l=o.get(L),u=n(()=>R({ids:t,requested:s,answered:r,legacyGroup:c,...a===void 0?{}:{groupFirst:a}}),[t,s,r,c,a]),d=n(()=>(e,t)=>`?${M(o,e,i,t??null).toString()}`,[o,i]);return{...u,requestedSection:l,hrefFor:d}}var W=[[[`addons`,`listCapabilityProviders`]],[[`addons`,`list`]]],G=`text-[10px]`;function K({isActive:e}){let{t}=j();return u(D,{variant:e?`success`:`default`,className:G,children:e?t(`integrationHub.addonControls.enabled`,`Enabled`):t(`integrationHub.addonControls.disabled`,`Disabled`)})}function q({capName:e,addonId:t,isActive:n}){let{t:r}=j(),i=c(),a=ne({onSuccess:()=>{for(let e of W)i.invalidateQueries({queryKey:e})}}),s=a.isPending;return o(E,{size:`sm`,variant:n?`secondary`:`primary`,disabled:s,onClick:()=>a.mutate({capName:e,addonId:t,enabled:!n}),children:[s?u(y,{className:`h-3 w-3 animate-spin`}):u(n?h:d,{className:`h-3 w-3`}),n?r(`common.disable`,`Disable`):r(`common.enable`,`Enable`)]})}function ie({addonId:e,displayName:t}){let{t:n}=j(),r=c(),i=ee({onSuccess:()=>{for(let e of W)r.invalidateQueries({queryKey:e})}});return u(te,{label:n(`integrationHub.addonControls.restart`,`Restart`),icon:g,size:`sm`,title:n(`integrationHub.addonControls.restart2`,`Restart "{{displayName}}"?`,{displayName:t}),description:n(`integrationHub.addonControls.restartingTheAddonBouncesIts`,`Restarting the addon bounces its subprocess — the provider will briefly drop and reconnect automatically.`),confirmLabel:n(`integrationHub.addonControls.restart`,`Restart`),triggerVariant:`ghost`,confirmVariant:`danger`,disabled:i.isPending,action:()=>i.mutateAsync({addonId:e})})}e();var J=600,Y=i(null);function X({id:e,title:t,icon:n,actions:r,framed:i=!1,children:c}){let{t:d}=j(),f=a(Y),p=l(null),h=`integration-section-${e}`;ae(p,f,e);let g=o(s,{children:[f===null?null:u(z,{to:f.sectionHref(e),"aria-label":d(`integrationHub.integrationSection.linkTo`,`Link to {{title}}`,{title:t}),title:d(`integrationHub.integrationSection.linkTo`,`Link to {{title}}`,{title:t}),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:u(v,{className:`h-3 w-3`,"aria-hidden":!0})}),r]});return i?u(`div`,{ref:p,className:`scroll-mt-4`,children:u(O,{headingId:h,title:t,icon:n,actions:g,children:c})}):o(`section`,{ref:p,"aria-labelledby":h,className:`scroll-mt-4 space-y-2`,children:[o(`header`,{className:`flex min-h-7 flex-wrap items-center gap-2 px-0.5`,children:[n!==void 0&&u(n,{className:`h-3.5 w-3.5 shrink-0 text-foreground-subtle`,"aria-hidden":!0}),u(`h2`,{id:h,className:`${m} min-w-0 flex-1`,children:t}),g]}),c]})}function ae(e,n,r){let i=n?.requestedSection===r,a=n?.integrationId;t(()=>{if(!i)return;let t=()=>e.current?.scrollIntoView?.({block:`start`});t();let n=!1,r=()=>{n=!0},a=[`wheel`,`touchmove`,`keydown`];for(let e of a)window.addEventListener(e,r,{once:!0,passive:!0});let o=window.setTimeout(()=>{n||t()},J);return()=>{window.clearTimeout(o);for(let e of a)window.removeEventListener(e,r)}},[i,a,e])}e();var Z=`max-h-72`;function oe({addonId:e,displayName:t,capName:n,isActive:r,badges:i,primaryAction:a,error:s=null,lead:c,panels:l=[],settingsContent:d}){let{t:f}=j(),p=l.filter(e=>e.placement!==`end`),m=l.filter(e=>e.placement===`end`);return o(`div`,{className:`flex flex-col gap-4`,children:[u(se,{addonId:e,displayName:t,capName:n,isActive:r,badges:i,primaryAction:a}),s!==null&&u(T,{message:s}),c,u(Q,{panels:p}),u(X,{id:re,title:f(`integrationHub.addonIntegrationBody.settings`,`Settings`),icon:S,children:d===void 0?u(V,{nodeId:`hub`,addonIds:[e],level:`global`,capability:n}):d}),u(le,{addonId:e}),u(Q,{panels:m})]})}function Q({panels:e}){return u(s,{children:e.map(e=>u(X,{id:e.id,title:e.title,icon:e.icon,children:e.content},e.id))})}function se({addonId:e,displayName:t,capName:n,isActive:r,badges:i,primaryAction:a}){return o(`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:[o(`div`,{className:`flex min-w-0 flex-wrap items-center gap-1.5`,children:[u(K,{isActive:r}),i,u(`span`,{className:`break-all font-mono text-[11px] text-foreground-subtle`,children:e})]}),o(`div`,{className:`flex flex-wrap items-center justify-end gap-1`,children:[a,u(q,{capName:n,addonId:e,isActive:r}),u(ie,{addonId:e,displayName:t})]})]})}var ce=[{kind:`logs`,labelKey:`common.logs`,icon:b},{kind:`events`,labelKey:`common.events`,icon:f}];function le({addonId:e}){let{t}=j(),[n,i]=r(`logs`);return u(X,{id:I,title:t(`integrationHub.addonIntegrationBody.activity`,`Activity`),framed:!0,actions:u(`div`,{role:`group`,"aria-label":t(`integrationHub.addonIntegrationBody.activityStream`,`Activity stream`),className:`flex items-center gap-1`,children:ce.map(({kind:e,labelKey:r,icon:a})=>o(`button`,{type:`button`,"aria-pressed":n===e,onClick:()=>i(e),className:`inline-flex items-center gap-1 rounded px-2 py-0.5 text-[11px] font-medium transition-colors ${n===e?`bg-primary/10 text-primary`:`text-foreground-subtle hover:bg-surface-hover hover:text-foreground`}`,children:[u(a,{className:`h-3 w-3`,"aria-hidden":!0}),t(r)]},e))}),children:n===`logs`?u(A,{addonId:e,maxHeight:Z,showFilters:!1}):u(C,{addonId:e,category:`addon.*`,maxHeight:Z})})}var ue=`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`,de=`border-primary bg-primary/10 text-primary font-medium`,fe=`border-border bg-surface text-foreground-subtle hover:bg-surface-hover hover:text-foreground`,pe={ok:`bg-success`,off:`bg-foreground-subtle/60`,error:`bg-danger`,unknown:`border border-foreground-subtle bg-transparent`};function $({label:e,groups:t,selectedId:n,hrefFor:r}){let i=t.length>1;return u(`nav`,{"aria-label":e,className:i?`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=>o(`div`,{role:`group`,"aria-label":e.label,className:i?`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:[i&&u(`span`,{className:`text-[10px] font-semibold uppercase tracking-wider text-foreground-subtle sm:pt-2`,children:e.label}),o(`div`,{className:`flex min-w-0 flex-wrap items-center gap-1.5`,children:[e.entries.map(e=>u(me,{entry:e,current:e.id===n,href:r(e.id)},e.id)),e.install&&o(z,{to:x(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:[u(_,{className:`h-3.5 w-3.5 shrink-0`,"aria-hidden":!0}),u(`span`,{className:`truncate`,children:e.install.label})]})]})]},e.id))})}function me({entry:e,current:t,href:n}){let r=e.state===`ok`;return o(z,{to:n,"aria-current":t?`true`:void 0,className:`${ue} ${t?de:fe}`,"data-testid":`integration-pill-${e.id}`,children:[u(H,{addonId:e.id,fallback:e.fallbackIcon,tileClassName:``,size:`sm`}),u(`span`,{className:`truncate`,children:e.name}),e.showState!==!1&&u(he,{entry:e,quiet:r})]})}function he({entry:e,quiet:t}){return o(s,{children:[u(`span`,{className:`h-1.5 w-1.5 shrink-0 rounded-full ${pe[e.state]}`,"aria-hidden":!0}),u(`span`,{className:t?`sr-only`:`shrink-0 text-[10px] font-normal text-foreground-subtle`,children:e.stateLabel})]})}e();function ge({icon:e,title:t,subtitle:r,groups:i,isLoading:a,emptyTitle:c,emptyDescription:l,legacyGroupParam:d,trailing:f,embedded:p=!1}){let{t:m}=j(),h=n(()=>i.flatMap(e=>e.entries),[i]),g=n(()=>h.map(e=>e.id),[h]),_=n(()=>{let e={};for(let t of i){let n=t.entries[0];n!==void 0&&(e[t.id]=n.id)}return e},[i]),v=U({ids:g,answered:!a,legacyGroupParam:d??null,groupFirst:_}),y=h.find(e=>e.id===v.selectedId)??null,b=n(()=>y===null?null:{integrationId:y.id,requestedSection:v.requestedSection,sectionHref:e=>v.hrefFor(y.id,e)},[y,v]),x=a?null:u($,{label:m(`integrationHub.integrationHub.integrations`,`{{title}} integrations`,{title:t}),groups:i,selectedId:v.selectedId,hrefFor:e=>v.hrefFor(e)}),S=a?u(k,{children:u(`div`,{className:`p-6 text-sm text-foreground-subtle`,children:m(`common.loading`,`Loading…`)})}):o(s,{children:[v.staleId!==null&&u(ve,{staleId:v.staleId,shownName:y?.name??null}),y!==null&&b!==null?u(Y.Provider,{value:b,children:u(`div`,{role:`region`,"aria-label":y.name,"data-testid":`integration-body`,children:y.render()},y.id)}):u(_e,{groups:i,title:c,description:l}),f]});return p?o(`div`,{className:`space-y-3`,"data-testid":`integration-hub-embedded`,children:[x,S]}):u(B,{icon:e,title:t,subtitle:r,nav:x,children:S})}function _e({groups:e,title:t,description:n}){let r=e.find(e=>e.install!==void 0)?.install;return u(k,{children:u(w,{title:t,description:n,action:r?u(z,{to:x(r.capability),children:o(E,{variant:`primary`,size:`sm`,children:[u(_,{className:`mr-1 h-3.5 w-3.5`}),r.label]})}):void 0})})}function ve({staleId:e,shownName:t}){let{t:n}=j();return o(`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:[u(p,{className:`mt-0.5 h-3.5 w-3.5 shrink-0 text-warning`,"aria-hidden":!0}),o(`span`,{children:[u(N,{i18nKey:`integrationHub.staleIntegration.notice`,values:{id:e},components:{mono:u(`span`,{className:`font-mono text-foreground`})}}),t!==null&&o(s,{children:[` `,u(N,{i18nKey:`integrationHub.staleIntegration.showing`,values:{name:t},components:{b:u(`span`,{className:`font-medium text-foreground`})}})]})]})]})}export{U as i,oe as n,G as r,ge as t};
|
|
1
|
+
import{$ as e,B as t,G as n,J as r,O as i,R as a,S as o,b as s,o as c,q as l,x as u}from"./_virtual_mf___mfe_internal__admin_ui_host__loadShare___mf_0_tanstack_mf_1_react_mf_2_query__loadShare__.js-CEHpkaJP.js";import{An as d,Li as f,Nt as p,V as m,Yt as h,bn as g,kn as _,lr as v,or as y,pn as b}from"./player-overlays-CvKnZb5M.js";import{jr as x}from"./client-BbPYrWg7.js";import{t as S}from"./settings-2-Ccb0AMXU.js";import{Dr as C,Ei as ee,Er as te,Gr as w,Mi as T,Qr as E,en as D,gn as O,tn as k,xn as ne,xr as A}from"./src-DKc14e9G.js";import{t as j}from"./useTranslation-D3Is_4B6.js";import{c as re,d as M,lr as N,mr as P,o as F,r as I,s as L,u as R,ur as z}from"./index-C8XwyZGE.js";import{t as B}from"./AdminPage-B4QlIiKh.js";import{t as V}from"./NodeAddonsSettingsPanel-9_q0f4bE.js";import{t as H}from"./AddonAssetIcon-DNTjc2uq.js";e();function U(e){let{ids:t,answered:r,legacyGroupParam:i=null,groupFirst:a}=e,[o]=P(),s=o.get(F),c=i===null?null:o.get(i),l=o.get(L),u=n(()=>R({ids:t,requested:s,answered:r,legacyGroup:c,...a===void 0?{}:{groupFirst:a}}),[t,s,r,c,a]),d=n(()=>(e,t)=>`?${M(o,e,i,t??null).toString()}`,[o,i]);return{...u,requestedSection:l,hrefFor:d}}var W=[[[`addons`,`listCapabilityProviders`]],[[`addons`,`list`]]],G=`text-[10px]`;function K({isActive:e}){let{t}=j();return u(E,{variant:e?`success`:`default`,className:G,children:e?t(`integrationHub.addonControls.enabled`,`Enabled`):t(`integrationHub.addonControls.disabled`,`Disabled`)})}function q({capName:e,addonId:t,isActive:n}){let{t:r}=j(),i=c(),a=T({onSuccess:()=>{for(let e of W)i.invalidateQueries({queryKey:e})}}),s=a.isPending;return o(w,{size:`sm`,variant:n?`secondary`:`primary`,disabled:s,onClick:()=>a.mutate({capName:e,addonId:t,enabled:!n}),children:[s?u(y,{className:`h-3 w-3 animate-spin`}):u(n?h:d,{className:`h-3 w-3`}),n?r(`common.disable`,`Disable`):r(`common.enable`,`Enable`)]})}function ie({addonId:e,displayName:t}){let{t:n}=j(),r=c(),i=ee({onSuccess:()=>{for(let e of W)r.invalidateQueries({queryKey:e})}});return u(O,{label:n(`integrationHub.addonControls.restart`,`Restart`),icon:g,size:`sm`,title:n(`integrationHub.addonControls.restart2`,`Restart "{{displayName}}"?`,{displayName:t}),description:n(`integrationHub.addonControls.restartingTheAddonBouncesIts`,`Restarting the addon bounces its subprocess — the provider will briefly drop and reconnect automatically.`),confirmLabel:n(`integrationHub.addonControls.restart`,`Restart`),triggerVariant:`ghost`,confirmVariant:`danger`,disabled:i.isPending,action:()=>i.mutateAsync({addonId:e})})}e();var J=600,Y=i(null);function X({id:e,title:t,icon:n,actions:r,framed:i=!1,children:c}){let{t:d}=j(),f=a(Y),p=l(null),h=`integration-section-${e}`;ae(p,f,e);let g=o(s,{children:[f===null?null:u(z,{to:f.sectionHref(e),"aria-label":d(`integrationHub.integrationSection.linkTo`,`Link to {{title}}`,{title:t}),title:d(`integrationHub.integrationSection.linkTo`,`Link to {{title}}`,{title:t}),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:u(v,{className:`h-3 w-3`,"aria-hidden":!0})}),r]});return i?u(`div`,{ref:p,className:`scroll-mt-4`,children:u(ne,{headingId:h,title:t,icon:n,actions:g,children:c})}):o(`section`,{ref:p,"aria-labelledby":h,className:`scroll-mt-4 space-y-2`,children:[o(`header`,{className:`flex min-h-7 flex-wrap items-center gap-2 px-0.5`,children:[n!==void 0&&u(n,{className:`h-3.5 w-3.5 shrink-0 text-foreground-subtle`,"aria-hidden":!0}),u(`h2`,{id:h,className:`${m} min-w-0 flex-1`,children:t}),g]}),c]})}function ae(e,n,r){let i=n?.requestedSection===r,a=n?.integrationId;t(()=>{if(!i)return;let t=()=>e.current?.scrollIntoView?.({block:`start`});t();let n=!1,r=()=>{n=!0},a=[`wheel`,`touchmove`,`keydown`];for(let e of a)window.addEventListener(e,r,{once:!0,passive:!0});let o=window.setTimeout(()=>{n||t()},J);return()=>{window.clearTimeout(o);for(let e of a)window.removeEventListener(e,r)}},[i,a,e])}e();var Z=`max-h-72`;function oe({addonId:e,displayName:t,capName:n,isActive:r,badges:i,primaryAction:a,error:s=null,lead:c,panels:l=[],settingsContent:d}){let{t:f}=j(),p=l.filter(e=>e.placement!==`end`),m=l.filter(e=>e.placement===`end`);return o(`div`,{className:`flex flex-col gap-4`,children:[u(se,{addonId:e,displayName:t,capName:n,isActive:r,badges:i,primaryAction:a}),s!==null&&u(te,{message:s}),c,u(Q,{panels:p}),u(X,{id:re,title:f(`integrationHub.addonIntegrationBody.settings`,`Settings`),icon:S,children:d===void 0?u(V,{nodeId:`hub`,addonIds:[e],level:`global`,capability:n}):d}),u(le,{addonId:e}),u(Q,{panels:m})]})}function Q({panels:e}){return u(s,{children:e.map(e=>u(X,{id:e.id,title:e.title,icon:e.icon,children:e.content},e.id))})}function se({addonId:e,displayName:t,capName:n,isActive:r,badges:i,primaryAction:a}){return o(`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:[o(`div`,{className:`flex min-w-0 flex-wrap items-center gap-1.5`,children:[u(K,{isActive:r}),i,u(`span`,{className:`break-all font-mono text-[11px] text-foreground-subtle`,children:e})]}),o(`div`,{className:`flex flex-wrap items-center justify-end gap-1`,children:[a,u(q,{capName:n,addonId:e,isActive:r}),u(ie,{addonId:e,displayName:t})]})]})}var ce=[{kind:`logs`,labelKey:`common.logs`,icon:b},{kind:`events`,labelKey:`common.events`,icon:f}];function le({addonId:e}){let{t}=j(),[n,i]=r(`logs`);return u(X,{id:I,title:t(`integrationHub.addonIntegrationBody.activity`,`Activity`),framed:!0,actions:u(`div`,{role:`group`,"aria-label":t(`integrationHub.addonIntegrationBody.activityStream`,`Activity stream`),className:`flex items-center gap-1`,children:ce.map(({kind:e,labelKey:r,icon:a})=>o(`button`,{type:`button`,"aria-pressed":n===e,onClick:()=>i(e),className:`inline-flex items-center gap-1 rounded px-2 py-0.5 text-[11px] font-medium transition-colors ${n===e?`bg-primary/10 text-primary`:`text-foreground-subtle hover:bg-surface-hover hover:text-foreground`}`,children:[u(a,{className:`h-3 w-3`,"aria-hidden":!0}),t(r)]},e))}),children:n===`logs`?u(k,{addonId:e,maxHeight:Z,showFilters:!1}):u(D,{addonId:e,category:`addon.*`,maxHeight:Z})})}var ue=`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`,de=`border-primary bg-primary/10 text-primary font-medium`,fe=`border-border bg-surface text-foreground-subtle hover:bg-surface-hover hover:text-foreground`,pe={ok:`bg-success`,off:`bg-foreground-subtle/60`,error:`bg-danger`,unknown:`border border-foreground-subtle bg-transparent`};function $({label:e,groups:t,selectedId:n,hrefFor:r}){let i=t.length>1;return u(`nav`,{"aria-label":e,className:i?`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=>o(`div`,{role:`group`,"aria-label":e.label,className:i?`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:[i&&u(`span`,{className:`text-[10px] font-semibold uppercase tracking-wider text-foreground-subtle sm:pt-2`,children:e.label}),o(`div`,{className:`flex min-w-0 flex-wrap items-center gap-1.5`,children:[e.entries.map(e=>u(me,{entry:e,current:e.id===n,href:r(e.id)},e.id)),e.install&&o(z,{to:x(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:[u(_,{className:`h-3.5 w-3.5 shrink-0`,"aria-hidden":!0}),u(`span`,{className:`truncate`,children:e.install.label})]})]})]},e.id))})}function me({entry:e,current:t,href:n}){let r=e.state===`ok`;return o(z,{to:n,"aria-current":t?`true`:void 0,className:`${ue} ${t?de:fe}`,"data-testid":`integration-pill-${e.id}`,children:[u(H,{addonId:e.id,fallback:e.fallbackIcon,tileClassName:``,size:`sm`}),u(`span`,{className:`truncate`,children:e.name}),e.showState!==!1&&u(he,{entry:e,quiet:r})]})}function he({entry:e,quiet:t}){return o(s,{children:[u(`span`,{className:`h-1.5 w-1.5 shrink-0 rounded-full ${pe[e.state]}`,"aria-hidden":!0}),u(`span`,{className:t?`sr-only`:`shrink-0 text-[10px] font-normal text-foreground-subtle`,children:e.stateLabel})]})}e();function ge({icon:e,title:t,subtitle:r,groups:i,isLoading:a,emptyTitle:c,emptyDescription:l,legacyGroupParam:d,trailing:f,embedded:p=!1}){let{t:m}=j(),h=n(()=>i.flatMap(e=>e.entries),[i]),g=n(()=>h.map(e=>e.id),[h]),_=n(()=>{let e={};for(let t of i){let n=t.entries[0];n!==void 0&&(e[t.id]=n.id)}return e},[i]),v=U({ids:g,answered:!a,legacyGroupParam:d??null,groupFirst:_}),y=h.find(e=>e.id===v.selectedId)??null,b=n(()=>y===null?null:{integrationId:y.id,requestedSection:v.requestedSection,sectionHref:e=>v.hrefFor(y.id,e)},[y,v]),x=a?null:u($,{label:m(`integrationHub.integrationHub.integrations`,`{{title}} integrations`,{title:t}),groups:i,selectedId:v.selectedId,hrefFor:e=>v.hrefFor(e)}),S=a?u(A,{children:u(`div`,{className:`p-6 text-sm text-foreground-subtle`,children:m(`common.loading`,`Loading…`)})}):o(s,{children:[v.staleId!==null&&u(ve,{staleId:v.staleId,shownName:y?.name??null}),y!==null&&b!==null?u(Y.Provider,{value:b,children:u(`div`,{role:`region`,"aria-label":y.name,"data-testid":`integration-body`,children:y.render()},y.id)}):u(_e,{groups:i,title:c,description:l}),f]});return p?o(`div`,{className:`space-y-3`,"data-testid":`integration-hub-embedded`,children:[x,S]}):u(B,{icon:e,title:t,subtitle:r,nav:x,children:S})}function _e({groups:e,title:t,description:n}){let r=e.find(e=>e.install!==void 0)?.install;return u(A,{children:u(C,{title:t,description:n,action:r?u(z,{to:x(r.capability),children:o(w,{variant:`primary`,size:`sm`,children:[u(_,{className:`mr-1 h-3.5 w-3.5`}),r.label]})}):void 0})})}function ve({staleId:e,shownName:t}){let{t:n}=j();return o(`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:[u(p,{className:`mt-0.5 h-3.5 w-3.5 shrink-0 text-warning`,"aria-hidden":!0}),o(`span`,{children:[u(N,{i18nKey:`integrationHub.staleIntegration.notice`,values:{id:e},components:{mono:u(`span`,{className:`font-mono text-foreground`})}}),t!==null&&o(s,{children:[` `,u(N,{i18nKey:`integrationHub.staleIntegration.showing`,values:{name:t},components:{b:u(`span`,{className:`font-medium text-foreground`})}})]})]})]})}export{U as i,oe as n,G as r,ge as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{$ as e,B as t,G as n,J as r,L as i,S as a,b as o,o as s,x as c}from"./_virtual_mf___mfe_internal__admin_ui_host__loadShare___mf_0_tanstack_mf_1_react_mf_2_query__loadShare__.js-CEHpkaJP.js";import{Cn as l,Di as u,On as d,Si as f,bn as p,dt as m,fn as h,kn as g,or as _,ot as v,un as y,xi as b,yi as x}from"./player-overlays-CvKnZb5M.js";import{$a as S,At as C,Nt as w,Va as T,Zu as ee,ad as te,at as E,ci as D,cs as O,jt as k,os as A,r as j,rs as M,uo as N}from"./src-DKc14e9G.js";import{t as P}from"./i18n-BO6gCPcC.js";import{t as F}from"./useTranslation-D3Is_4B6.js";import{fr as I,mr as ne,sr as L}from"./index-C8XwyZGE.js";import{t as R}from"./AdminPage-B4QlIiKh.js";import"./useEventInvalidation-B5MjkWnS.js";import{t as re}from"./device-integration-icon-XVdZ9pIS.js";import{n as z,r as B,t as ie}from"./ScanNetworkModal-DhahS87x.js";e();function V(e=!0){t(()=>{if(!e)return;let t=document.body.style.overflow;return document.body.style.overflow=`hidden`,()=>{document.body.style.overflow=t}},[e])}e();function ae(e,n){let[i,a]=r(!1);return t(()=>{if(!e){a(!1);return}a(!1);let t=setTimeout(()=>a(!0),n);return()=>clearTimeout(t)},[e,n]),i}e();function H({providerId:e,onImport:n,onSkip:i}){let{t:o}=F(),[s,l]=r(new Set),d=S(),p=d.data,m=d.isPending||!d.data&&!d.isError;t(()=>{e&&(d.isPending||d.data||d.mutate({addonId:e}))},[e,d]);function h(e){l(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})}if(m)return a(`div`,{className:`flex flex-col items-center py-12`,children:[c(`div`,{className:`h-6 w-6 animate-spin rounded-full border-2 border-primary border-t-transparent`}),c(`p`,{className:`mt-3 text-xs text-foreground-subtle`,children:o(`integrations.searchingDevices`)})]});let g=p??[];return a(`div`,{className:`space-y-4`,children:[c(`p`,{className:`text-xs text-foreground-subtle`,children:g.length>0?o(`integrations.foundDevices`,{count:g.length}):o(`integrations.noDevicesFound`)}),g.length>0&&c(`div`,{className:`space-y-1.5 max-h-64 overflow-y-auto`,children:g.map(e=>{let t=e.stableId,n=e.suggestedName??t,r=s.has(t),i=e.alreadyOnboarded===!0;return a(`button`,{onClick:()=>{i||h(t)},disabled:i,title:i?o(`integrations.alreadyAddedHint`,{defaultValue:`Already added as "{{name}}" — re-adding would overwrite its settings.`,name:e.onboardedName??n}):void 0,className:`flex w-full items-center gap-3 rounded-lg border p-3 text-left transition-colors ${i?`border-border bg-surface opacity-60 cursor-not-allowed`:r?`border-primary/40 bg-primary/5`:`border-border bg-surface hover:border-foreground-subtle/30`}`,children:[c(`div`,{className:`flex h-5 w-5 items-center justify-center rounded border flex-shrink-0 ${r&&!i?`border-primary bg-primary`:`border-border`}`,children:r&&!i&&c(f,{className:`h-3 w-3 text-primary-foreground`})}),c(u,{className:`h-3.5 w-3.5 text-foreground-subtle flex-shrink-0`}),c(`span`,{className:`text-xs font-medium text-foreground truncate`,children:n}),i&&c(`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:o(`integrations.alreadyAdded`,{defaultValue:`Already added`})})]},t)})}),a(`div`,{className:`flex items-center justify-between pt-2`,children:[c(`button`,{onClick:i,className:`rounded-lg border border-border px-3 py-1.5 text-xs text-foreground-subtle hover:text-foreground transition-colors`,children:o(`integrations.skip`)}),g.length>0&&a(`button`,{onClick:()=>n(Array.from(s)),disabled:s.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:[o(`integrations.importSelected`),` (`,s.size,`)`]})]})]})}e();function U({onSelect:e,onClose:t,pendingAddonId:i=null}){let{t:o}=F(),s=I(),[l,u]=r(``),{data:d,isLoading:f}=A(),p=n(()=>{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(f)return c(`div`,{className:`grid grid-cols-2 gap-2 p-2`,children:[1,2,3,4].map(e=>c(`div`,{className:`h-24 rounded-lg bg-surface animate-pulse`},e))});let m=i!==null;return a(`div`,{className:`space-y-3`,"data-testid":`provider-picker`,children:[a(`div`,{className:`relative`,children:[c(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}),c(ee,{type:`search`,value:l,onChange:e=>u(e.target.value),placeholder:o(`integrations.searchProviders`,`Search integrations…`),className:`pl-8`,"data-testid":`provider-picker-search`,"aria-label":o(`integrations.searchProviders`,`Search integrations…`)})]}),c(`div`,{className:`grid grid-cols-2 gap-2`,children:p.map(n=>{let r=n.instanceMode===`unique`&&n.existingInstances.length>0,l=i===n.addonId,u=m;return a(`button`,{type:`button`,disabled:u,"data-testid":`provider-pick-${n.addonId}`,onClick:()=>{if(!u)if(r){let e=n.existingInstances[0].id;t(),s(`/integrations/${e}`)}else e(n.addonId,n.instanceMode,n.discoveryMode,n.name,n.kind,n.brokerKind,n.mode,n.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:[n.iconUrl?c(`div`,{className:`flex h-9 w-9 items-center justify-center rounded-lg flex-shrink-0`,style:{backgroundColor:`${n.color}15`},children:c(`img`,{src:n.iconUrl,alt:``,className:`h-5 w-5`})}):c(`div`,{className:`flex h-9 w-9 items-center justify-center rounded-lg flex-shrink-0`,style:{backgroundColor:`${n.color}15`},children:c(`span`,{className:`text-sm`,style:{color:n.color},children:`◉`})}),c(`p`,{className:`w-full truncate text-xs font-semibold text-foreground`,children:n.name}),n.description?c(`p`,{className:`w-full line-clamp-2 text-[10px] text-foreground-subtle`,children:n.description}):null,l?c(_,{className:`h-4 w-4 animate-spin text-primary`}):r?a(`span`,{className:`flex items-center gap-1 text-[10px] font-medium text-foreground-subtle`,children:[c(y,{className:`h-3 w-3`}),o(`integrations.manage`)]}):null]},n.addonId)})}),p.length===0&&c(`div`,{className:`py-8 text-center text-xs text-foreground-subtle`,children:(d??[]).length===0?o(`integrations.noProviders`):o(`integrations.noProvidersMatch`,`No integrations match your search.`)})]})}e();function oe(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 W=2e4;function se({open:e,onClose:i}){let{t:l}=F(),u=I(),d=s(),[f,p]=r(`picker`),[h,g]=r(null),[v,y]=r(null),[b,x]=r(`manual`),[C,w]=r(null),[ee,te]=r(``),[E,O]=r(null),[k,A]=r(null),[j,N]=r(!1),{data:P}=D({addonId:h??``,nodeId:`hub`},{enabled:h!=null}),ne=n(()=>P?oe(P):null,[P]),L=M({onSuccess:()=>d.invalidateQueries({queryKey:[[`integrations`]]})}),R=S(),re=R.data;t(()=>{f!==`discovery`||!v||!h||R.isPending||R.data||R.mutate({addonId:h})},[f,v,h,R]);let ie=T({onSuccess:()=>d.invalidateQueries({queryKey:[[`deviceManager`]]})});function se(e,t,n,r,i,a,o,s){if(!L.isPending){if(g(e),N(s),x(n),te(r),A(null),o===`broker`){if(!a){A(`Addon '${e}' declares mode 'broker' but no brokerKind in its manifest`);return}w(a),p(`broker`);return}if(o===`account`){p(`config`);return}G(e,r)}}async function G(e,t){try{let n=await L.mutateAsync({addonId:e,name:t,settings:{}});i(),J(),u(`/integrations/${n.id}?add=1`)}catch{}}async function ce(e){if(h)try{let t=await L.mutateAsync({addonId:h,name:e.name,settings:e.config,secretKeys:[...e.secretKeys]});y(t.id),O(t.id),b===`auto`||b===`both`?p(`discovery`):q(t.id,{openAdd:!0})}catch{}}async function le(e){if(h)try{let t=await L.mutateAsync({addonId:h,name:ee,settings:{brokerId:e}});O(t.id),y(t.id),q(t.id)}catch{}}async function K(e){if(h){for(let t of e){let e=re?.find(e=>e.stableId===t);e&&await ie.mutateAsync({addonId:h,candidate:e,...E===null?{}:{integrationId:E}})}q()}}function q(e,t){let n=e??v??h;i(),J(),n&&u(t?.openAdd===!0?`/integrations/${n}?add=1`:`/integrations/${n}`)}function J(){p(`picker`),g(null),y(null),x(`manual`),w(null),te(``),O(null),A(null),N(!1)}function Y(){i(),J()}V(e);let X=L.isPending,Z=ae(X,W);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,$=L.error,de=X&&!Z;return a(`div`,{className:`fixed inset-0 z-50 flex items-center justify-center`,children:[c(`div`,{className:`absolute inset-0 bg-black/60`,onClick:de?void 0:Y}),a(`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:[a(`div`,{className:`flex items-center justify-between border-b border-border px-5 py-4 flex-shrink-0`,children:[c(`h2`,{className:`text-sm font-semibold text-foreground`,children:ue[f]}),c(`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:c(m,{className:`h-4 w-4`})})]}),a(`div`,{className:`px-5 py-4 flex-1 overflow-y-auto overscroll-contain`,children:[$&&!X&&c(`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`&&a(o,{children:[k&&c(`div`,{className:`mb-3 rounded-lg border border-destructive/40 bg-destructive/10 px-3 py-2 text-xs text-destructive`,children:k}),c(U,{onSelect:se,onClose:Y,pendingAddonId:Q})]}),f===`config`&&h&&c(z,{addonId:h,configSchema:ne??null,canTest:j,onSave:ce,onBack:()=>p(`picker`)}),f===`broker`&&C&&c(B,{kind:C,onResolved:e=>{le(e)},onBack:()=>p(`picker`)}),f===`discovery`&&v&&c(H,{providerId:v,onImport:K,onSkip:q})]}),X&&a(`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:[c(_,{className:`h-6 w-6 animate-spin text-primary`}),c(`p`,{className:`text-xs font-medium text-foreground`,children:l(`integrations.creating`,{defaultValue:`Creating integration…`})}),!Z&&c(`p`,{className:`text-[10px] text-foreground-subtle`,children:l(`integrations.creatingHint`,{defaultValue:`Waiting for the addon to restart and register`})}),Z&&a(o,{children:[c(`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.`})}),c(`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 G({integration:e,expanded:t,onToggleExpand:n}){let{t:r}=F();return a(`div`,{className:`flex items-center gap-2.5`,children:[c(`button`,{type:`button`,onClick:t=>{t.stopPropagation(),n(e.addonId)},"aria-label":t?r(`integrations.integrationColumns.collapse`,`Collapse`):r(`integrations.integrationColumns.expand`,`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:c(t?b:x,{className:`h-3.5 w-3.5`})}),c(L,{type:e.addonId,size:`sm`}),a(`div`,{className:`flex min-w-0 flex-col`,children:[c(`span`,{className:`truncate text-xs font-semibold text-foreground`,children:e.name}),c(`span`,{className:`truncate text-[10px] text-foreground-subtle`,children:e.addonId})]})]})}function ce(e){let{isExpanded:t,onToggleExpand:n}=e;return[{key:`name`,header:P.t(`integrations.integrationColumns.integration`,`Integration`),headerClassName:`w-[55%]`,cell:e=>c(G,{integration:e,expanded:t(e),onToggleExpand:n})},{key:`devices`,header:P.t(`integrations.integrationColumns.devices`,`Devices`),headerClassName:`w-[15%]`,cellClassName:`text-[11px] text-foreground-subtle`,cell:e=>P.t(`integrations.integrationColumns.deviceCount`,{count:e.deviceCount})},{key:`status`,header:P.t(`integrations.integrationColumns.status`,`Status`),headerClassName:`w-[15%]`,cell:e=>c(E,{status:e.status})}]}e();function le(e){if(!e.enabled)return`disabled`;switch(e.processState){case`running`:return`running`;default:return`stopped`}}var K=`expand`;function q(){let{t:e}=F(),t=I(),s=v(),[u]=ne(),[f,m]=r(!1),h=i(()=>m(!0),[]),_=i(()=>m(!1),[]),[y,b]=r(!1),x=i(()=>b(!0),[]),S=i(()=>b(!1),[]);j([`integrations`],[`integration.enabled`,`integration.disabled`,`integration.deleted`,`provider.started`,`provider.stopped`,`addon.installed`,`addon.uninstalled`,`addon.started`,`addon.stopped`,`addon.updated`]),j([`deviceManager`],[`device.registered`,`device.unregistered`,`device.online`,`device.offline`,`device.disabled`,`device.enabled`]);let{data:T,isLoading:ee,refetch:E}=O(void 0),{data:D,isLoading:A,refetch:M}=N({projection:`slim`}),P=n(()=>D??[],[D]),L=n(()=>T??[],[T]),z=n(()=>{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=n(()=>k(T),[T]),V=n(()=>{let e=new Map;for(let t of w(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=n(()=>L.map(e=>({id:e.id,addonId:e.addonId,name:e.name,enabled:e.enabled,status:le(e),deviceCount:V.get(e.id)??0})),[L,V]),H=u.get(K),U=i(e=>{let t=new URLSearchParams(window.location.search);t.get(K)===e?t.delete(K):t.set(K,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=i(e=>t(`/integrations/${e.id}`),[t]),W=i(e=>z.get(e)??null,[z]),G=i(e=>t(`/devices/${String(e)}`),[t]),q=i(e=>c(C,{context:`integration-detail`,devices:P,trpc:s.trpcClient,integrationOf:B,forceIntegrationId:e.id,urlScope:`nested`,lsKey:`integrations:nested:${e.addonId}`,resolveIntegrationIcon:re,resolveParent:W,onNavigate:G}),[P,s.trpcClient,B,W,G]),J=i(e=>H===e.addonId,[H]),Y=n(()=>ce({isExpanded:J,onToggleExpand:U}),[J,U]),X=i(e=>`${e.name} ${e.addonId}`,[]),Z=i(e=>e.addonId,[]),ue=i(()=>{E(),M()},[E,M]),Q=ee||A,$=L.length>0;return a(R,{icon:d,title:e(`nav.integrations`,`Integrations`),actions:a(o,{children:[c(`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:e(`common.refresh`,`Refresh`),children:c(p,{className:te(`h-3.5 w-3.5`,Q&&`animate-spin`)})}),a(`button`,{onClick:x,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:e(`integrations.scanTheLocalNetworkFor`,`Scan the local network for devices`),children:[c(l,{className:`h-3.5 w-3.5`}),e(`integrations.scanNetwork`,`Scan network`)]}),a(`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:[c(g,{className:`h-3.5 w-3.5`}),e(`integrations.newIntegration`,`New Integration`)]})]}),children:[Q&&c(`div`,{className:`space-y-2`,children:[1,2,3].map(e=>c(`div`,{className:`h-12 rounded-lg border border-border bg-surface animate-pulse`},e))}),!Q&&!$&&a(`div`,{className:`flex flex-col items-center py-20 text-foreground-subtle`,children:[c(`p`,{className:`text-sm`,children:e(`integrations.noIntegrationsConfigured`,`No integrations configured.`)}),c(`p`,{className:`text-xs mt-1`,children:e(`integrations.clickNewIntegrationToConnect`,`Click "New Integration" to connect cameras and devices.`)})]}),!Q&&$&&c(C,{mode:`generic`,items:ae,getKey:Z,getSearchText:X,columns:Y,onRowClick:oe,isExpanded:J,renderExpanded:q,searchPlaceholder:e(`integrations.search`,{defaultValue:`Search integrations…`}),emptyLabel:e(`integrations.empty`,{defaultValue:`No integrations found.`})}),c(se,{open:f,onClose:_}),c(ie,{open:y,onClose:S})]})}export{q as IntegrationsPage};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{$ as e,B as t,G as n,J as r,L as i,S as a,a as o,b as s,o as c,q as l,t as u,x as d}from"./_virtual_mf___mfe_internal__admin_ui_host__loadShare___mf_0_tanstack_mf_1_react_mf_2_query__loadShare__.js-CEHpkaJP.js";import{Fn as f,It as p,On as m,ht as h,kn as g,ln as _,nr as v,or as y,ot as b,xn as x}from"./player-overlays-CvKnZb5M.js";import{en as S,qr as ee,vi as C}from"./client-BbPYrWg7.js";import{h as w,s as T}from"./video-CJw8Jnle.js";import{t as E}from"./log-in-B1D0wNrs.js";import{t as D}from"./monitor-smartphone-CyTSF3mW.js";import{t as te}from"./recycle-BLx8Nd-6.js";import{Cn as ne,Er as O,Gr as k,Ot as A,Pa as j,Qr as M,Ur as re,_r as N,aa as P,bi as ie,ca as ae,da as F,fa as I,fr as oe,hr as L,ht as se,kl as R,kr as ce,kt as le,la as z,mr as B,oa as ue,pa as V,pr as H,pt as de,sr as fe,ua as U,ut as pe,vr as me}from"./src-DKc14e9G.js";import{t as W}from"./i18n-BO6gCPcC.js";import{t as G}from"./useTranslation-D3Is_4B6.js";import{P as K,fr as he,h as q,i as ge,mr as _e,x as ve}from"./index-C8XwyZGE.js";import{t as ye}from"./AdminSectionedPage-BIoU14zn.js";import{t as be}from"./BrokerForm-CU4X3nL7.js";import{t as xe}from"./NodeAddonsSettingsPanel-9_q0f4bE.js";import{n as Se,r as J,t as Ce}from"./IntegrationHub-B1soAFk9.js";e();var Y=`kind`,X=`name`,Z=`restore`,we=`restoreId`;function Te(e){return{sections:[{id:`broker-identity`,title:W.t(`helpers.brokerIdentitySchema.title`),columns:1,fields:[{type:`select`,key:Y,label:W.t(`helpers.brokerIdentitySchema.kind`),options:e.map(e=>({value:e.key,label:e.label})),disabled:e.length<=1},{type:`text`,key:X,label:W.t(`helpers.brokerIdentitySchema.name`),placeholder:W.t(`helpers.brokerIdentitySchema.namePlaceholder`),required:!0},{type:`boolean`,key:Z,label:W.t(`helpers.brokerIdentitySchema.restore`),description:W.t(`helpers.brokerIdentitySchema.restoreHint`)},{type:`text`,key:we,label:W.t(`helpers.brokerIdentitySchema.originalId`),placeholder:`ha_004`,required:!0,showWhen:{field:Z,equals:!0}}]}]}}function Ee(e){let t=t=>{let n=e[t];return typeof n==`string`?n.trim():``},n=t(Y);if(n===``)return{ok:!1,problem:`Pick a kind.`};let r=t(X);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(we);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}}}var De={"home-assistant":`Home Assistant`,mqtt:`MQTT`};function Oe(e){return De[e]??e}function ke(e){return Array.isArray(e)?e.filter(e=>typeof e==`object`&&!!e&&typeof e.addonId==`string`&&Array.isArray(e.kinds)):[]}var Ae={connected:`success`,connecting:`warning`,disconnected:`default`,"auth-failed":`danger`,unreachable:`danger`,error:`danger`};function je({status:e}){return d(M,{variant:Ae[e],className:`text-[10px]`,children:e})}function Me(e){return Array.isArray(e)?e.filter(e=>typeof e==`object`&&!!e&&typeof e.id==`string`):[]}function Ne({title:e,subtitle:t,onClose:n,children:r}){return d(oe,{open:!0,onOpenChange:e=>!e&&n(),children:a(B,{width:`md`,placement:`sheet-on-mobile`,scroll:`body`,children:[a(N,{children:[d(me,{children:e}),t&&d(L,{children:t})]}),d(H,{className:`space-y-3 pr-1`,children:r})]})})}function Pe({kinds:e,onClose:t,onDone:i}){let{t:o}=G(),s=c(),l=n(()=>Te(e.map(e=>({key:Q(e),label:e.label}))),[e]),[u,f]=r(()=>({[Y]:Q(e[0]),[X]:``,[Z]:!1,[we]:``})),[p,m]=r(null),h=e.find(e=>Q(e)===u.kind)??e[0],g=h?.kind??``,_=h?.addonId,v=h?.interactiveConnectPath,y=P({onSuccess:e=>{s.invalidateQueries({queryKey:[[`broker`,`list`]]});let t=typeof e==`object`&&e&&typeof e.id==`string`?e.id:null;t!==null&&v!==void 0&&v.length>0&&q(v,t,()=>{s.invalidateQueries({queryKey:[[`broker`,`list`]]})}),i()}}),b=e=>{let t=Ee(u);if(!t.ok){m(t.problem);return}m(null);let{name:n,restoreId:r}=t.identity;y.mutate({kind:g,name:n,settings:e,...r===null?{}:{id:r},..._===void 0?{}:{addonId:_}})};return a(Ne,{title:o(`brokers.brokerManager.addBroker`,`Add broker`),subtitle:o(`brokers.brokerManager.registerAMessageBrokerFor`,`Register a message broker for exporters and automations.`),onClose:y.isPending?()=>{}:t,children:[d(K,{schema:l,values:u,onChange:f}),p!==null&&d(O,{message:p}),y.isError&&d(O,{message:y.error instanceof Error?y.error.message:String(y.error)}),g&&d(be,{kind:g,..._===void 0?{}:{addonId:_},onSubmit:b,onCancel:t,submitLabel:y.isPending?o(`brokers.brokerManager.adding`,`Adding…`):o(`brokers.brokerManager.addBroker`,`Add broker`),disabled:y.isPending},Q(h))]})}function Q(e){return e===void 0?``:`${e.addonId??``}::${e.kind}`}function Fe({broker:e,onClose:t,onDone:r}){let{t:i}=G(),o=c(),s=ue({id:e.id,addonId:e.addonId}),l=I({onSuccess:()=>{o.invalidateQueries({queryKey:[[`broker`,`list`]]}),o.invalidateQueries({queryKey:[[`broker`,`getSettings`],{input:{id:e.id,addonId:e.addonId}}]}),r()}}),u=n(()=>{let e=s.data;return e&&typeof e==`object`?{...e}:{}},[s.data]);return d(Ne,{title:i(`brokers.brokerManager.edit`,`Edit {{name}}`,{name:e.name}),subtitle:`${Oe(e.kind)} · ${e.id}`,onClose:l.isPending?()=>{}:t,children:s.isLoading?a(`div`,{className:`flex items-center gap-2 text-xs text-foreground-subtle`,children:[d(y,{className:`h-3.5 w-3.5 animate-spin`}),` `,i(`brokers.brokerManager.loadingSettings`)]}):s.isError?a(`div`,{className:`space-y-3`,children:[d(O,{message:i(`brokers.brokerManager.loadSettingsFailed`,{message:s.error instanceof Error?s.error.message:i(`common.unknownError`)})}),d(`div`,{className:`flex justify-end`,children:d(k,{variant:`outline`,size:`sm`,onClick:t,children:i(`common.close`,`Close`)})})]}):a(`div`,{className:`space-y-3`,children:[l.isError&&d(O,{message:l.error instanceof Error?l.error.message:String(l.error)}),d(be,{kind:e.kind,addonId:e.addonId,brokerId:e.id,initialValues:u,onSubmit:t=>{l.mutate({id:e.id,settings:t,addonId:e.addonId})},onCancel:t,submitLabel:l.isPending?i(`brokers.brokerManager.saving`,`Saving…`):i(`common.save`,`Save`),disabled:l.isPending})]})})}function Ie({broker:e,interactiveConnectPath:t,interactiveDisconnectPath:n,onEdit:i}){let{t:o}=G(),s=c(),l=re(),[u,m]=r(null),g=V({onSuccess:e=>m(e.ok?{ok:!0}:{ok:!1,error:e.error}),onError:e=>m({ok:!1,error:e instanceof Error?e.message:String(e)})}),_=F({onSuccess:()=>{s.invalidateQueries({queryKey:[[`broker`,`list`]]})}}),v=async()=>{await l({title:o(`brokers.brokerManager.deleteBroker`,`Delete broker`),message:o(`brokers.brokerManager.deleteBrokerIntegrationsThatDepend`,`Delete broker "{{name}}"? Integrations that depend on it will stop working.`,{name:e.name}),confirmLabel:o(`common.delete`,`Delete`),variant:`danger`})&&_.mutate({id:e.id,addonId:e.addonId})},b=t!==void 0&&t.length>0&&e.status!==`connected`,x=n!==void 0&&n.length>0&&e.status===`connected`;return a(`tr`,{className:`border-b border-border last:border-0`,children:[d(`td`,{className:`px-3 py-2 text-xs text-foreground font-medium`,children:e.name}),d(`td`,{className:`px-3 py-2 text-xs text-foreground-subtle`,children:Oe(e.kind)}),a(`td`,{className:`px-3 py-2`,children:[d(je,{status:e.status}),u&&d(`span`,{className:`ml-2 text-[10px] ${u.ok?`text-success`:`text-danger`}`,children:u.ok?`OK`:u.error??o(`common.failedWord`)})]}),d(`td`,{className:`px-3 py-2`,children:a(`div`,{className:`flex items-center justify-end gap-1.5`,children:[b&&a(k,{variant:`primary`,size:`sm`,onClick:()=>{q(t,e.id,()=>{s.invalidateQueries({queryKey:[[`broker`,`list`]]})})},title:o(`brokers.brokerManager.signInOpensAPopup`,`Sign in — opens a popup that closes when done`),children:[d(E,{className:`h-3 w-3`}),` `,o(`brokers.brokerManager.signIn`)]}),x&&a(k,{variant:`outline`,size:`sm`,onClick:()=>{q(n,e.id,()=>{s.invalidateQueries({queryKey:[[`broker`,`list`]]})})},title:o(`brokers.brokerManager.signOutClearsTheLinked`,`Sign out — clears the linked Google account on this broker`),children:[d(T,{className:`h-3 w-3`}),` `,o(`brokers.brokerManager.signOut`)]}),a(k,{variant:`outline`,size:`sm`,onClick:()=>g.mutate({id:e.id,addonId:e.addonId}),disabled:g.isPending,title:o(`brokers.brokerManager.testConnection`,`Test connection`),children:[g.isPending?d(y,{className:`h-3 w-3 animate-spin`}):d(h,{className:`h-3 w-3`}),o(`brokers.brokerManager.test`,`Test`)]}),a(k,{variant:`outline`,size:`sm`,onClick:()=>i(e),title:o(`common.edit`,`Edit`),children:[d(f,{className:`h-3 w-3`}),` `,o(`common.edit`)]}),a(k,{variant:`outline`,size:`sm`,className:`border-danger/40 text-danger hover:bg-danger/10`,onClick:()=>{v()},disabled:_.isPending,title:o(`common.delete`,`Delete`),children:[_.isPending?d(y,{className:`h-3 w-3 animate-spin`}):d(p,{className:`h-3 w-3`}),o(`common.delete`,`Delete`)]})]})})]})}function Le({addonId:e}={}){let{t}=G(),i=z({}),o=U(),s=n(()=>Me(i.data).filter(t=>e===void 0||t.addonId===e),[i.data,e]),[c,l]=r(!1),[u,f]=r(null),p=n(()=>{let t=new Map;for(let n of ke(o.data))if(!(e!==void 0&&n.addonId!==e))for(let e of n.kinds){let r=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(`${n.addonId}::${e.kind}`,{addonId:n.addonId,kind:e.kind,label:e.label,...r===void 0?{}:{interactiveConnectPath:r},...i===void 0?{}:{interactiveDisconnectPath:i}})}for(let e of s)[...t.values()].some(t=>t.kind===e.kind)||t.set(`::${e.kind}`,{kind:e.kind,label:Oe(e.kind)});return[...t.values()]},[s,o.data,e]),m=n(()=>{let e=new Map;for(let t of p)e.has(t.kind)||e.set(t.kind,{...t.interactiveConnectPath===void 0?{}:{connect:t.interactiveConnectPath},...t.interactiveDisconnectPath===void 0?{}:{disconnect:t.interactiveDisconnectPath}});return e},[p]);return a(`div`,{className:`space-y-3`,children:[d(`div`,{className:`flex items-center justify-end`,children:a(k,{variant:`primary`,size:`sm`,onClick:()=>l(!0),disabled:p.length===0,title:p.length===0?t(`brokers.brokerManager.noBrokerProvidersAvailable`,`No broker providers available`):void 0,children:[d(g,{className:`h-3.5 w-3.5`}),` `,t(`brokers.brokerManager.addBroker`)]})}),d(`div`,{className:`rounded-lg border border-border bg-surface overflow-x-auto`,children:a(`table`,{className:`w-full min-w-[36rem] border-collapse`,children:[d(`thead`,{children:a(`tr`,{className:`border-b border-border bg-background/50`,children:[d(`th`,{className:`px-3 py-2 text-left text-[10px] font-semibold uppercase tracking-wider text-foreground-subtle`,children:t(`brokers.brokerManager.name`,`Name`)}),d(`th`,{className:`px-3 py-2 text-left text-[10px] font-semibold uppercase tracking-wider text-foreground-subtle`,children:t(`brokers.brokerManager.kind`,`Kind`)}),d(`th`,{className:`px-3 py-2 text-left text-[10px] font-semibold uppercase tracking-wider text-foreground-subtle`,children:t(`brokers.brokerManager.status`,`Status`)}),d(`th`,{className:`px-3 py-2 text-right text-[10px] font-semibold uppercase tracking-wider text-foreground-subtle`,children:t(`brokers.brokerManager.actions`,`Actions`)})]})}),a(`tbody`,{children:[i.isLoading&&d(`tr`,{children:a(`td`,{colSpan:4,className:`px-3 py-6 text-center text-xs text-foreground-subtle`,children:[d(y,{className:`inline h-4 w-4 animate-spin`}),` `,t(`brokers.brokerManager.loadingBrokers`)]})}),i.isError&&d(`tr`,{children:a(`td`,{colSpan:4,className:`px-3 py-4 text-center text-xs text-danger`,children:[t(`brokers.brokerManager.failedToLoadBrokers`,`Failed to load brokers:`),` `,i.error instanceof Error?i.error.message:t(`brokers.brokerManager.unknownError`,`Unknown error`)]})}),!i.isLoading&&!i.isError&&s.length===0&&d(`tr`,{children:d(`td`,{colSpan:4,className:`px-3 py-6 text-center text-xs text-foreground-subtle`,children:t(`brokers.brokerManager.noBrokersRegisteredYetAdd`,`No brokers registered yet. Add one to publish device events for downstream automations.`)})}),s.map(e=>{let t=m.get(e.kind);return d(Ie,{broker:e,...t?.connect===void 0?{}:{interactiveConnectPath:t.connect},...t?.disconnect===void 0?{}:{interactiveDisconnectPath:t.disconnect},onEdit:f},e.id)})]})]})}),c&&d(Pe,{kinds:p,onClose:()=>l(!1),onDone:()=>l(!1)}),u&&d(Fe,{broker:u,onClose:()=>f(null),onDone:()=>f(null)})]})}e();function Re({addonId:e,fallback:t}){let{t:n}=G(),r=R({});if(r.isPending)return d(`div`,{className:`flex justify-center py-8`,children:d(y,{className:`size-6 animate-spin text-muted-foreground`})});if(r.isError)return d(O,{message:n(`brokers.brokerRecordEntriesPanel.loadKindsFailed`,`Could not load entry kinds`)});let i=r.data.kinds.find(t=>t.owner===e&&t.kind===`brokers`);return i===void 0?t:d(ze,{addonId:e,kind:i})}function ze({addonId:e,kind:t}){let{t:r}=G(),i=c(),o=z({}),l=U(),u=n(()=>{let t=new Map;for(let n of Me(o.data))n.addonId===e&&t.set(n.id,n);return t},[o.data,e]),f=n(()=>{let e=new Map;for(let t of ke(l.data))for(let n of t.kinds){let r=n.interactiveConnectPath,i=n.interactiveDisconnectPath;e.set(`${t.addonId}::${n.kind}`,{...typeof r==`string`&&r.length>0?{connect:r}:{},...typeof i==`string`&&i.length>0?{disconnect:i}:{}})}return e},[l.data]),p=()=>{i.invalidateQueries({queryKey:[[`broker`]]}),i.invalidateQueries({queryKey:[[`recordEntries`]]})};return d(pe,{kind:t,extraColumns:n(()=>[{key:`status`,header:r(`brokers.brokerManager.status`,`Status`),nowrap:!0,width:`w-px`,render:e=>{let t=u.get(e.id);return t===void 0?null:d(je,{status:t.status})}}],[u,r]),rowActions:e=>{let t=u.get(e.id);if(t===void 0)return null;let n=f.get(`${t.addonId}::${t.kind}`);if(n===void 0)return null;let i=t.status===`connected`;return a(s,{children:[n.connect!==void 0&&!i&&a(k,{variant:`primary`,size:`sm`,"aria-label":r(`brokers.brokerManager.signIn`),onClick:()=>q(n.connect??``,t.id,p),title:r(`brokers.brokerManager.signInOpensAPopup`,`Sign in — opens a popup that closes when done`),children:[d(E,{className:`h-3 w-3`}),d(`span`,{className:`hidden sm:inline`,children:r(`brokers.brokerManager.signIn`)})]}),n.disconnect!==void 0&&i&&a(k,{variant:`outline`,size:`sm`,"aria-label":r(`brokers.brokerManager.signOut`),onClick:()=>q(n.disconnect??``,t.id,p),title:r(`brokers.brokerManager.signOutClearsTheLinked`,`Sign out — clears the linked Google account on this broker`),children:[d(T,{className:`h-3 w-3`}),d(`span`,{className:`hidden sm:inline`,children:r(`brokers.brokerManager.signOut`)})]})]})},showUpdated:!1,minWidthPx:340})}function Be(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 Ve(e){let t=e,n=t?.manifest;if(n?.id===void 0)return null;let r=(n.capabilities??[]).map(Be).filter(e=>e!==null);return{addonId:n.id,displayName:n.packageDisplayName??n.name??n.id,capNames:r,processState:t?.process?.state??null}}function He(e,t){return Object.entries(e).filter(([,e])=>e===t).map(([e])=>e)}function Ue(e,t){return t.find(t=>e.capNames.includes(t))??null}function We(e){switch(e){case`running`:return{state:`ok`,label:W.t(`helpers.connectivityModel.running`)};case`crashed`:case`failed`:return{state:`error`,label:e};case`stopped`:case`disabled`:return{state:`off`,label:W.t(`helpers.connectivityModel.stopped`)};default:return{state:`unknown`,label:e??W.t(`common.unknownWord`)}}}e();var Ge=[`wasteCollections`,`listSources`],Ke=[`wasteCollections`,`listCountries`];function qe(e){return e instanceof Error?e.message:String(e)}function Je(e){return typeof e!=`object`||!e?!1:Array.isArray(Reflect.get(e,`sections`))}function Ye(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,`enabled`),o=Reflect.get(n,`formValues`),s=Reflect.get(n,`serviceId`),c=Reflect.get(n,`countryId`);t.push({id:e,label:r,module:i,enabled:typeof a==`boolean`?a:!0,formValues:typeof o==`object`&&o&&!Array.isArray(o)?o:void 0,serviceId:typeof s==`string`?s:void 0,countryId:typeof c==`string`?c:void 0})}return t}function Xe(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 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`),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 Qe(e,t,n){return{sections:[{id:`picker`,title:W.t(`system.wasteSettingsSources.countryService`,`Country & service`),columns:2,fields:[{type:`select`,key:`countryId`,label:W.t(`system.wasteSettingsSources.country`,`Country`),options:[{value:``,label:W.t(`system.wasteSettingsSources.selectCountry`,`Select country…`)},...e.map(e=>({value:e.id,label:e.label}))]},{type:`select`,key:`serviceId`,label:W.t(`system.wasteSettingsSources.service`,`Service`),options:[{value:``,label:n===``?W.t(`system.wasteSettingsSources.pickACountryFirst`,`Pick a country first`):W.t(`system.wasteSettingsSources.selectService`,`Select service…`)},...t.map(e=>({value:e.id,label:e.label}))]}]}]}}function $e({addonId:e,capName:f}){let{t:m}=G(),h=b(),_=c(),v=re(),y=de({editKey:`wasteEdit`,newKey:`wasteNew`}),[x,S]=r(!1),[ee,C]=r(null),[w,T]=r({countryId:``,serviceId:``}),[E,D]=r({label:m(`system.wasteSettingsSources.newSource`,`New source`),enabled:!0}),O=l(null),A=typeof w.countryId==`string`?w.countryId:``,j=typeof w.serviceId==`string`?w.serviceId:``,N=i((t,n)=>h.trpcClient.addons.custom.mutate({addonId:e,action:t,input:n}),[e,h]),P=o({queryKey:[...Ge,e],queryFn:async()=>Ye(await N(`listSources`,{}))}),ie=o({queryKey:[...Ke,e],queryFn:async()=>Xe(await N(`listCountries`,{}))}),ae=o({queryKey:[`wasteCollections`,`listServices`,e,A],enabled:A!==``,queryFn:async()=>Ze(await N(`listServices`,{countryId:A}))}),F=o({queryKey:[`wasteCollections`,`serviceFormSchema`,e,j],enabled:j!==``,queryFn:async()=>N(`serviceFormSchema`,{serviceId:j})}),I=P.data??[],oe=ie.data??[],L=ae.data??[],R=Je(F.data)?F.data:void 0,le=n(()=>Qe(oe,A===``?[]:L,A),[oe,L,A]),z=y.state,B=z.mode===`edit`?I.find(e=>e.id===z.id)??null:null;t(()=>{if(y.state.mode===`edit`&&B!==null){let e=`edit:${B.id}`;if(O.current===e)return;O.current=e,C(null),T({countryId:B.countryId??``,serviceId:B.serviceId??``}),D(B.formValues===void 0?{label:B.label,enabled:B.enabled}:{...B.formValues});return}if(y.state.mode===`new`){if(O.current===`new`)return;O.current=`new`,C(null),T({countryId:``,serviceId:``}),D({label:m(`system.wasteSettingsSources.newSource`,`New source`),enabled:!0})}},[B,y.state]),t(()=>{if(y.state.mode!==`new`||j===``)return;let e=L.find(e=>e.id===j);e&&D(t=>{let n=t.label;return typeof n==`string`&&n!==``&&n!==`New source`?t:{...t,label:e.title}})},[y.state.mode,j,L]);let ue=i(e=>{T(t=>{let n=typeof e.countryId==`string`?e.countryId:``;return n===(typeof t.countryId==`string`?t.countryId:``)?e:{countryId:n,serviceId:``}})},[]),V=i(async()=>{await _.invalidateQueries({queryKey:Ge})},[_]),H=u({mutationFn:async e=>N(`deleteSource`,{id:e}),onSuccess:async()=>V()}),U=i(async e=>{await v({title:m(`system.wasteSettingsSources.deleteWasteSource`,`Delete waste source?`),message:m(`system.wasteSettingsSources.removeItsCalendarUnderSystem`,`Remove “{{label}}” ({{id}}). Its calendar under System → Calendars is dropped.`,{label:e.label,id:e.id}),confirmLabel:m(`common.delete`,`Delete`),cancelLabel:m(`common.cancel`,`Cancel`),variant:`danger`})&&(await H.mutateAsync(e.id),y.state.mode===`edit`&&y.state.id===e.id&&(y.close(),O.current=null))},[v,H,y,m]),pe=i(async()=>{let e=E.label,t=typeof e==`string`&&e.trim()!==``?e.trim():``;if(t===``){C(`Label is required.`);return}if(j===``){C(`Pick a country and a service.`);return}let n=y.state.mode===`new`,r=B?.id;if(!n&&(r===void 0||r===``)){C(`That source is no longer available.`);return}let i=E.enabled,a={...E};delete a.label,delete a.enabled,S(!0),C(null);try{n?await N(`createSource`,{label:t,serviceId:j,args:a,enabled:typeof i==`boolean`?i:!0}):r!==void 0&&await N(`updateSource`,{id:r,label:t,serviceId:j,args:a,enabled:typeof i==`boolean`?i:!0}),await V(),y.close(),O.current=null}catch(e){C(qe(e))}finally{S(!1)}},[N,B,y,E,V,j]),me=n(()=>[{key:`label`,header:m(`system.wasteSettingsSources.label`,`Label`),sortValue:e=>e.label,render:e=>d(`span`,{className:`text-sm text-foreground`,children:e.label})},{key:`module`,header:m(`system.wasteSettingsSources.module`,`Module`),sortValue:e=>e.module,render:e=>d(`span`,{className:`font-mono text-xs text-foreground-muted`,children:e.module})},{key:`enabled`,header:m(`system.wasteSettingsSources.enabled`,`Enabled`),sortValue:e=>+!!e.enabled,render:e=>d(M,{variant:e.enabled?`success`:`default`,children:e.enabled?m(`system.wasteSettingsSources.on`,`On`):m(`system.wasteSettingsSources.off`,`Off`)})},{key:`actions`,header:``,notSortableReason:`actions`,render:e=>d(k,{type:`button`,size:`sm`,variant:`ghost`,"aria-label":m(`system.wasteSettingsSources.delete`,`Delete {{label}}`,{label:e.label}),"data-testid":`waste-source-delete-${e.id}`,onClick:t=>{t.stopPropagation(),U(e)},children:d(p,{className:`h-3.5 w-3.5 text-danger`})})}],[U,m]),W=y.state.mode===`new`,K=W||B!==null,he=`${j}:${W?`new`:B?.id??`closed`}`;return a(`div`,{className:`flex min-h-0 flex-col gap-4`,"data-testid":`waste-settings-sources`,children:[a(`div`,{className:`flex flex-wrap items-center justify-between gap-2`,children:[d(`p`,{className:`text-sm text-foreground-muted`,children:m(`system.wasteSettingsSources.pickACountryAndA`,`Pick a country and a service — configuration fields come from that HACS source.`)}),a(k,{type:`button`,size:`sm`,"data-testid":`waste-sources-add`,onClick:()=>y.openNew(),children:[d(g,{className:`h-3.5 w-3.5`}),m(`system.wasteSettingsSources.addSource`,`Add source`)]})]}),P.isError?d(`p`,{className:`text-sm text-danger`,children:m(`system.wasteSettingsSources.couldNotLoadSources`,`Could not load sources.`)}):null,P.isPending?d(ce,{className:`h-32 w-full`}):d(ne,{columns:me,rows:I,rowKey:e=>e.id,pageSize:25,emptyMessage:m(`system.wasteSettingsSources.noWasteSourcesYetAdd`,`No waste sources yet. Add one to register a municipal service.`),onRowClick:e=>y.openEdit(e.id),defaultSort:{columnKey:`label`,dir:`asc`}}),d(se,{open:K,onClose:()=>{y.close(),C(null),O.current=null},title:W?m(`system.wasteSettingsSources.addWasteSource`,`Add waste source`):m(`system.wasteSettingsSources.edit`,`Edit {{value1}}`,{value1:B?.label??`source`}),icon:te,width:`xl`,testId:`waste-source-editor`,error:ee,footer:d(k,{type:`button`,size:`sm`,disabled:x||j===``,onClick:()=>void pe(),children:x?m(`system.wasteSettingsSources.saving`,`Saving…`):m(`common.save`,`Save`)}),children:K?a(s,{children:[d(`div`,{"data-testid":`waste-country-service`,children:d(fe,{schema:le,values:w,onChange:ue},`picker:${A}:${L.length}`)}),j!==``&&R!==void 0?d(fe,{schema:R,values:E,onChange:D,bare:!0},he):j!==``&&F.isPending?d(`p`,{className:`text-sm text-foreground-muted`,children:m(`system.wasteSettingsSources.loadingFields`,`Loading fields…`)}):d(`p`,{className:`text-sm text-foreground-muted`,children:m(`system.wasteSettingsSources.chooseACountryAndService`,`Choose a country and service to see the required fields.`)})]}):null}),d(xe,{nodeId:`hub`,addonIds:[e],level:`global`,capability:f,hideSectionChrome:!0})]})}e();var $=1e4,et={"device-export":`exporters`,exporters:`exporters`,email:`email`,broker:`brokers`,brokers:`brokers`,"message-brokers":`brokers`,calendar:`calendars`,calendars:`calendars`,"calendar-source":`calendars`},tt=[{sectionId:`exporters`,kind:`device-export`,labelKey:`system.connectivity.exporters`,icon:_,installLabelKey:`system.connectivity.exportersInstall`,emptyTitleKey:`system.connectivity.exportersEmptyTitle`,emptyDescriptionKey:`system.connectivity.exportersEmptyDescription`},{sectionId:`email`,kind:`email`,labelKey:`system.connectivity.email`,icon:v,installLabelKey:`system.connectivity.emailInstall`,emptyTitleKey:`system.connectivity.emailEmptyTitle`,emptyDescriptionKey:`system.connectivity.emailEmptyDescription`},{sectionId:`brokers`,kind:`broker`,labelKey:`system.connectivity.brokers`,icon:x,installLabelKey:`system.connectivity.brokersInstall`,emptyTitleKey:`system.connectivity.brokersEmptyTitle`,emptyDescriptionKey:`system.connectivity.brokersEmptyDescription`},{sectionId:`calendars`,kind:`calendar`,labelKey:`system.connectivity.calendars`,icon:w,installLabelKey:`system.connectivity.calendarsInstall`,emptyTitleKey:`system.connectivity.calendarsEmptyTitle`,emptyDescriptionKey:`system.connectivity.calendarsEmptyDescription`}];function nt(e,t,n,r){let i=He(S,e.kind),o=t.flatMap(t=>{let r=Ue(t,i);if(r===null)return[];let o=We(t.processState);return[{id:t.addonId,name:t.displayName,fallbackIcon:e.icon,state:o.state,stateLabel:o.label,render:()=>d(Se,{addonId:t.addonId,displayName:t.displayName,capName:r,isActive:t.processState===`running`,badges:a(s,{children:[d(ot,{processState:t.processState}),d(st,{kind:e.kind,addonId:t.addonId})]}),lead:e.kind===`device-export`?d(le,{addonId:t.addonId}):void 0,panels:at(e.kind,t.addonId,e=>n(`/devices/${e}`)),settingsContent:t.addonId===`waste-collections`?d($e,{addonId:t.addonId,capName:r}):void 0})}]});return{id:e.sectionId,label:r(e.labelKey),entries:o,install:{capability:i[0]??e.kind,label:r(e.installLabelKey)}}}function rt({descriptor:e,rows:t,isLoading:r}){let{t:i}=G(),a=he(),o=n(()=>nt(e,t,a,i),[e,t,a,i]);return d(Ce,{embedded:!0,icon:e.icon,title:i(e.labelKey),subtitle:null,groups:[o],isLoading:r,emptyTitle:i(e.emptyTitleKey),emptyDescription:i(e.emptyDescriptionKey)})}function it(){let{t:e}=G(),r=ie(void 0,{refetchInterval:$}),[i,a]=_e(),o=ve(`/system/integrations`,{t:e,isAdmin:!0})??{icon:m,title:e(`admin.system.integrations.connectivity`,`Connectivity`)};t(()=>{let e=i.get(`tab`);if(e===null)return;let t=et[e];t===void 0||t===e||a(e=>{let n=new URLSearchParams(e);return n.set(`tab`,t),n},{replace:!0})},[i,a]);let s=n(()=>(r.data??[]).map(Ve).filter(e=>e!==null),[r.data]),c=n(()=>tt.map(t=>({id:t.sectionId,label:e(t.labelKey),ownedParams:ge,content:d(rt,{descriptor:t,rows:s,isLoading:r.isLoading})})),[r.isLoading,s,e]);return d(ye,{icon:o.icon,title:o.title,subtitle:e(`admin.system.integrations.externalSystemsThisHubTalks`,`External systems this hub talks to — exporters, email, brokers and calendar sources.`),defaultSection:`exporters`,sectionsLabel:`Connectivity sections`,sections:c})}function at(e,t,n){return e===`device-export`?[{id:`devices`,title:W.t(`admin.system.integrations.devices`,`Devices`),icon:D,placement:`end`,content:d(A,{addonId:t,onOpenDevice:n,showSetup:!1})}]:e===`broker`?[{id:`connections`,title:W.t(`admin.system.integrations.connections`,`Connections`),icon:x,content:d(Re,{addonId:t,fallback:d(Le,{addonId:t})})}]:[]}function ot({processState:e}){let{state:t,label:n}=We(e);return d(M,{variant:t===`ok`?`success`:t===`error`?`danger`:`default`,className:`${J} capitalize`,children:n})}function st({kind:e,addonId:t}){return e===`broker`?d(ct,{addonId:t}):e===`device-export`?d(lt,{addonId:t}):null}function ct({addonId:e}){let{t}=G(),{data:n}=ae({addonId:e},{refetchInterval:$,retry:!1}),r=C.safeParse(n);if(!r.success)return null;let{brokerCount:i,connectedCount:a}=r.data;return d(M,{variant:`info`,className:J,children:a>0?t(`system.connectivity.connectionsConnected`,{count:i,connected:a}):t(`system.connectivity.connections`,{count:i})})}function lt({addonId:e}){let{t}=G(),{data:n}=j({addonId:e},{refetchInterval:$,retry:!1}),r=ee.safeParse(n);if(!r.success)return null;let{linkState:i,exposedDeviceCount:a}=r.data;return d(M,{variant:i===`linked`?`success`:i===`error`?`danger`:`default`,className:J,children:t(`admin.system.integrations.exposed`,`{{linkState}} · {{exposedDeviceCount}} exposed`,{linkState:i,exposedDeviceCount:a})})}export{it as IntegrationsPage};
|