@camera.ui/server 2.4.1 → 2.4.3

package/dist/interface/assets/Cameras-BA4ZtLCN.js

@@ -0,0 +1,651 @@
+import{Fn as e,Tt as t,Un as n,Zn as r,b as i,ci as a,ei as o,g as s,hi as c,hr as l,mr as u,o as d,rr as f,vr as p}from"./api-TS3iFwhp.js";import{An as m,At as h,D as g,En as _,Hn as v,In as y,It as b,Lt as x,Mt as S,On as C,Ot as w,Rn as T,Sn as E,Tn as ee,Tt as D,Vn as te,Wt as O,Yt as k,an as ne,bn as A,ct as re,en as j,gn as ie,in as M,jt as N,kn as P,kt as F,mn as I,nn as L,sn as ae,tn as oe,vt as R,wt as se,yn as z,zn as B,zt as V}from"./vendor-core-MmTl_Z1W.js";import{_ as H,g as U,v as W}from"./vendor-OmR5AQlH.js";import{a as ce}from"./intercomService-Dmpnyb2n.js";import{i as G,r as le}from"./vendor-zod-C41yjP6k.js";import{nt as ue}from"./types-CWY4rVYg.js";import{C as de,D as fe,E as pe,H as me,I as he,L as ge,O as _e,S as ve,T as ye,Y as K,Z as be,et as xe,nt as Se,w as Ce,y as we}from"./vendor-openvue-Nei_CNv6.js";import{t as q}from"./CuiButton-D8WSVIyA.js";import{t as Te}from"./close-bM_cevmx.js";import{n as Ee,t as De}from"./eye-off-DlLqmIlU.js";import{t as Oe}from"./plus-UKNCoC7d.js";import{n as ke,r as Ae,t as je}from"./CuiSchema-XtfUw6ph.js";import{t as Me}from"./CuiToggleRow-Bqy18LFg.js";import{t as Ne}from"./rooms-D19GFS0T.js";import{c as Pe,l as Fe,n as Ie,o as Le,r as Re,t as J}from"./cameraSources-DlHjs6nH.js";import{t as ze}from"./CuiDataTable-UUvO2yqR.js";import{t as Be}from"./CuiCameraTable-CMQYM_iK.js";import{t as Ve}from"./plus-CFRucFKI.js";import{t as He}from"./radar-BOWPXwpY.js";var Ue={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function We(e,t){return L(),S(`svg`,Ue,[...t[0]||=[F(`path`,{fill:`currentColor`,d:`M12.5 9q-.275 0-.425-.25t0-.5L15 3.175q.2-.325.5-.387t.65.112q1.725.775 3.05 2.162T21.25 8.2q.125.325-.038.563T20.7 9zm-3.575 1.225l-3-5.2q-.2-.325-.1-.65t.4-.525Q7.425 3 8.888 2.5T12 2q.375 0 .825.038t.75.087q.35.05.463.3t-.063.55L9.8 10.225q-.15.25-.437.25t-.438-.25M2.85 14q-.275 0-.5-.187t-.275-.463t-.062-.6T2 12q0-1.575.513-3.137T4.1 5.9q.275-.35.638-.35t.562.375l4.2 7.325q.15.25-.012.5T9.05 14zm5 7.1q-1.65-.8-3.025-2.175T2.75 15.8q-.125-.325.05-.562T3.325 15h8.15q.275 0 .425.25t0 .5l-2.875 5.025q-.2.325-.5.425t-.675-.1M12 22q-.35 0-.788-.038t-.762-.087q-.35-.05-.475-.3t.05-.55l4.125-7.2q.15-.25.5-.25t.5.25l2.95 5.125q.175.275.113.6t-.413.6q-1.15.85-2.687 1.35T12 22m6.775-3.875l-4.25-7.375q-.15-.25.013-.5t.437-.25h6.175q.275 0 .5.188t.275.462t.062.6T22 12q0 1.575-.513 3.163T19.9 18.125q-.2.275-.575.288t-.55-.288`},null,-1)]])}var Ge=_({name:`material-symbols-camera-rounded`,render:We}),Ke="#### Source: Bubble\n\nOther names: [ESeeCloud](http://www.eseecloud.com/), [dvr163](http://help.dvr163.com/).\n\n- you can skip `username`, `password`, `port`, `ch` and `stream` if they are default\n- setup separate streams for different channels and streams\n\n```yaml\nstreams:\n  camera1: bubble://username:password@192.168.1.123:34567/bubble/live?ch=0&stream=0\n```\n\n_Source: [Go2Rtc Bubble](https://github.com/seydx/go2rtc#source-bubble)_\n",qe='#### Source: CUI\n\nThis source can be used to stream dynamically generated, go2rtc compatible, URLs. The source is just a placeholder for a `https://` URL.\n\n```yaml\nstreams:\n  camera1: cui://192.168.1.123:34567/some-identifier-if-you-want\n```\n\nThe URL will be changed to `https://192.168.1.123:34567/some-identifier-if-you-want` and the response must be like this:\n\n```json\n{\n  {\n    "streamUrl": "rtsp://192.168.1.1:554/stream",\n  }\n}\n```\n\nGo2rtc will then use the `streamUrl` to stream the video. The `streamUrl` can be any URL that is compatible with go2rtc. The response must be a valid JSON object with the `streamUrl` key.\n',Je=`#### Source: Doorbird
+
+[Doorbird](https://www.doorbird.com/) proprietary camera protocol with **two way audio** support.
+
+\`\`\`yaml
+streams:
+  video-audio:
+    - rtsp://user:pass@123.123.123.123:554/mpeg/media.amp
+    - doorbird://user:pass@123.123.123.123?media=audio
+  two-way:
+    - rtsp://user:pass@123.123.123.123:554/mpeg/media.amp
+    - doorbird://user:pass@123.123.123.123?media=audio
+    - doorbird://user:pass@123.123.123.123
+  mjpeg-video:
+    - doorbird://user:pass@123.123.123.123?media=video
+\`\`\`
+
+_Source: [Go2Rtc Tuya](https://github.com/seydx/go2rtc#source-doorbird)_
+`,Ye="#### Source: DVRIP\n\nOther names: DVR-IP, NetSurveillance, Sofia protocol (NETsurveillance ActiveX plugin XMeye SDK).\n\n- you can skip `username`, `password`, `port`, `channel` and `subtype` if they are default\n- setup separate streams for different channels\n- use `subtype=0` for Main stream, and `subtype=1` for Extra1 stream\n- only the TCP protocol is supported\n\n```yaml\nstreams:\n  only_stream: dvrip://username:password@192.168.1.123:34567?channel=0&subtype=0\n  only_tts: dvrip://username:password@192.168.1.123:34567?backchannel=1\n  two_way_audio:\n    - dvrip://username:password@192.168.1.123:34567?channel=0&subtype=0\n    - dvrip://username:password@192.168.1.123:34567?backchannel=1\n```\n\n_Source: [Go2Rtc DVRIP](https://github.com/seydx/go2rtc#source-dvrip)_\n",Xe=`#### Source: Echo
+
+Some sources may have a dynamic link. And you will need to get it using a bash or python script. Your script should echo a link to the source. RTSP, FFmpeg or any of the [supported sources](https://github.com/seydx/go2rtc#module-streams).
+
+**Docker** and **Hass Add-on** users has preinstalled \`python3\`, \`curl\`, \`jq\`.
+Check examples in [wiki](https://github.com/seydx/go2rtc/wiki/Source-Echo-examples).
+
+\`\`\`yaml
+streams:
+  apple_hls: echo:python3 hls.py https://developer.apple.com/streaming/examples/basic-stream-osx-ios5.html
+\`\`\`
+
+_Source: [Go2Rtc Echo](https://github.com/seydx/go2rtc#source-echo)_
+`,Ze=`#### Source: Exec
+
+Exec source can run any external application and expect data from it. Two transports are supported - **pipe** and **RTSP**.
+
+If you want to use **RTSP** transport - the command must contain the \`{output}\` argument in any place. On launch, it will be replaced by the local address of the RTSP server.
+
+**pipe** reads data from app stdout in different formats: **MJPEG**, **H.264/H.265 bitstream**, **MPEG-TS**. Also pipe can write data to app stdin in two formats: **PCMA** and **PCM/48000**.
+
+The source can be used with:
+
+- [FFmpeg](https://ffmpeg.org/) - go2rtc ffmpeg source just a shortcut to exec source
+- [FFplay](https://ffmpeg.org/ffplay.html) - play audio on your server
+- [GStreamer](https://gstreamer.freedesktop.org/)
+- [Raspberry Pi Cameras](https://www.raspberrypi.com/documentation/computers/camera_software.html)
+- any your own software
+
+\`\`\`yaml
+streams:
+  stream: exec:ffmpeg -re -i /media/BigBuckBunny.mp4 -c copy -rtsp_transport tcp -f rtsp {output}
+  picam_h264: exec:libcamera-vid -t 0 --inline -o -
+  picam_mjpeg: exec:libcamera-vid -t 0 --codec mjpeg -o -
+  pi5cam_h264: exec:libcamera-vid -t 0 --libav-format h264 -o -
+  canon: exec:gphoto2 --capture-movie --stdout#killsignal=2#killtimeout=5
+  play_pcma: exec:ffplay -fflags nobuffer -f alaw -ar 8000 -i -#backchannel=1
+  play_pcm48k: exec:ffplay -fflags nobuffer -f s16be -ar 48000 -i -#backchannel=1
+\`\`\`
+
+_Source: [Go2Rtc Exec](https://github.com/seydx/go2rtc#source-exec)_
+`,Qe=`#### Source: Expr
+
+[Expr](https://github.com/antonmedv/expr) - expression language and expression evaluation for Go.
+
+- [language definition](https://expr.medv.io/docs/Language-Definition) - takes best from JS, Python, Jinja2 syntax
+- your expression should return a link of any supported source
+- expression supports multiple operation, but:
+  - all operations must be separated by a semicolon
+  - all operations, except the last one, must declare a new variable (\`let s = "abc";\`)
+  - the last operation should return a string
+- go2rtc supports additional functions:
+  - \`fetch\` - JS-like HTTP requests
+  - \`match\` - JS-like RegExp queries
+
+## Examples
+
+**Two way audio for Dahua VTO**
+
+\`\`\`yaml
+streams:
+  dahua_vto: |
+    expr: let host = "admin:password@192.168.1.123";
+    fetch("http://"+host+"/cgi-bin/configManager.cgi?action=setConfig&Encode[0].MainFormat[0].Audio.Compression=G.711A&Encode[0].MainFormat[0].Audio.Frequency=8000").ok
+        ? "rtsp://"+host+"/cam/realmonitor?channel=1&subtype=0&unicast=true&proto=Onvif" : ""
+\`\`\`
+
+**dom.ru**
+
+You can get credentials via:
+
+- https://github.com/alexmorbo/domru (file \`/share/domru/accounts\`)
+- https://github.com/ad/domru
+
+\`\`\`yaml
+streams:
+  dom_ru: |
+    expr: let camera = "99999999"; let token = "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"; let operator = 99;
+    fetch("https://myhome.novotelecom.ru/rest/v1/forpost/cameras/"+camera+"/video", {
+      headers: {Authorization: "Bearer "+token, Operator: operator}
+    }).json().data.URL
+\`\`\`
+
+**Parse HLS files from Apple**
+
+Same example in two languages - python and expr.
+
+\`\`\`yaml
+streams:
+  example_python: |
+    echo:python -c 'from urllib.request import urlopen; import re
+
+    # url1 = "https://devstreaming-cdn.apple.com/videos/streaming/examples/bipbop_16x9/bipbop_16x9_variant.m3u8"
+    html1 = urlopen("https://developer.apple.com/streaming/examples/basic-stream-osx-ios5.html").read().decode("utf-8")
+    url1 = re.search(r"https.+?m3u8", html1)[0]
+
+    # url2 = "gear1/prog_index.m3u8"
+    html2 = urlopen(url1).read().decode("utf-8")
+    url2 = re.search(r"^[a-z0-1/_]+\\.m3u8$", html2, flags=re.MULTILINE)[0]
+
+    # url3 = "https://devstreaming-cdn.apple.com/videos/streaming/examples/bipbop_16x9/gear1/prog_index.m3u8"
+    url3 = url1[:url1.rindex("/")+1] + url2
+
+    print("ffmpeg:" + url3 + "#video=copy")'
+
+  example_expr: |
+    expr:
+
+    let html1 = fetch("https://developer.apple.com/streaming/examples/basic-stream-osx-ios5.html").text;
+    let url1 = match(html1, "https.+?m3u8")[0];
+
+    let html2 = fetch(url1).text;
+    let url2 = match(html2, "^[a-z0-1/_]+\\\\.m3u8$", "m")[0];
+
+    let url3 = url1[:lastIndexOf(url1, "/")+1] + url2;
+
+    "ffmpeg:" + url3 + "#video=copy"
+\`\`\`
+
+## Comparsion
+
+| expr                         | python                     | js                             |
+| ---------------------------- | -------------------------- | ------------------------------ |
+| let x = 1;                   | x = 1                      | let x = 1                      |
+| {a: 1, b: 2}                 | {"a": 1, "b": 2}           | {a: 1, b: 2}                   |
+| let r = fetch(url, {method}) | r = request(method, url)   | r = await fetch(url, {method}) |
+| r.ok                         | r.ok                       | r.ok                           |
+| r.status                     | r.status_code              | r.status                       |
+| r.text                       | r.text                     | await r.text()                 |
+| r.json()                     | r.json()                   | await r.json()                 |
+| r.headers                    | r.headers                  | r.headers                      |
+| let m = match(text, "abc")   | m = re.search("abc", text) | let m = text.match(/abc/)      |
+
+_Source: [Go2Rtc Expr](https://github.com/seydx/go2rtc#source-expr)_
+`,$e="#### Source: FFmpeg\n\nYou can get any stream or file or device via FFmpeg and push it to go2rtc. The app will automatically start FFmpeg with the proper arguments when someone starts watching the stream.\n\n- FFmpeg preistalled for **Docker** and **Hass Add-on** users\n- **Hass Add-on** users can target files from [/media](https://www.home-assistant.io/more-info/local-media/setup-media/) folder\n\nFormat: `ffmpeg:{input}#{param1}#{param2}#{param3}`. Examples:\n\n```yaml\nstreams:\n  # [FILE] all tracks will be copied without transcoding codecs\n  file1: ffmpeg:/media/BigBuckBunny.mp4\n\n  # [FILE] video will be transcoded to H264, audio will be skipped\n  file2: ffmpeg:/media/BigBuckBunny.mp4#video=h264\n\n  # [FILE] video will be copied, audio will be transcoded to pcmu\n  file3: ffmpeg:/media/BigBuckBunny.mp4#video=copy#audio=pcmu\n\n  # [HLS] video will be copied, audio will be skipped\n  hls: ffmpeg:https://devstreaming-cdn.apple.com/videos/streaming/examples/bipbop_16x9/gear5/prog_index.m3u8#video=copy\n\n  # [MJPEG] video will be transcoded to H264\n  mjpeg: ffmpeg:http://185.97.122.128/cgi-bin/faststream.jpg#video=h264\n\n  # [RTSP] video with rotation, should be transcoded, so select H264\n  rotate: ffmpeg:rtsp://rtsp:12345678@192.168.1.123/av_stream/ch0#video=h264#rotate=90\n```\n\nAll trascoding formats has [built-in templates](https://github.com/seydx/go2rtc/blob/master/internal/ffmpeg/ffmpeg.go): `h264`, `h265`, `opus`, `pcmu`, `pcmu/16000`, `pcmu/48000`, `pcma`, `pcma/16000`, `pcma/48000`, `aac`, `aac/16000`.\n\nBut you can override them via YAML config. You can also add your own formats to config and use them with source params.\n\n```yaml\nffmpeg:\n  bin: ffmpeg # path to ffmpeg binary\n  h264: '-codec:v libx264 -g:v 30 -preset:v superfast -tune:v zerolatency -profile:v main -level:v 4.1'\n  mycodec: '-any args that supported by ffmpeg...'\n  myinput: '-fflags nobuffer -flags low_delay -timeout 5000000 -i {input}'\n  myraw: '-ss 00:00:20'\n```\n\n- You can use go2rtc stream name as ffmpeg input (ex. `ffmpeg:camera1#video=h264`)\n- You can use `video` and `audio` params multiple times (ex. `#video=copy#audio=copy#audio=pcmu`)\n- You can use `rotate` param with `90`, `180`, `270` or `-90` values, important with transcoding (ex. `#video=h264#rotate=90`)\n- You can use `width` and/or `height` params, important with transcoding (ex. `#video=h264#width=1280`)\n- You can use `drawtext` to add a timestamp (ex. `drawtext=x=2:y=2:fontsize=12:fontcolor=white:box=1:boxcolor=black`)\n  - This will greatly increase the CPU of the server, even with hardware acceleration\n- You can use `raw` param for any additional FFmpeg arguments (ex. `#raw=-vf transpose=1`)\n- You can use `input` param to override default input template (ex. `#input=rtsp/udp` will change RTSP transport from TCP to UDP+TCP)\n  - You can use raw input value (ex. `#input=-timeout 5000000 -i {input}`)\n  - You can add your own input templates\n\nRead more about [hardware acceleration](https://github.com/seydx/go2rtc/wiki/Hardware-acceleration).\n\n**PS.** It is recommended to check the available hardware in the WebUI add page.\n\n<hr>\n\n#### Source: FFmpeg Device\n\nYou can get video from any USB-camera or Webcam as RTSP or WebRTC stream. This is part of FFmpeg integration.\n\n- check available devices in Web interface\n- `video_size` and `framerate` must be supported by your camera!\n- for Linux supported only video for now\n- for macOS you can stream Facetime camera or whole Desktop!\n- for macOS important to set right framerate\n\nFormat: `ffmpeg:device?{input-params}#{param1}#{param2}#{param3}`\n\n```yaml\nstreams:\n  linux_usbcam: ffmpeg:device?video=0&video_size=1280x720#video=h264\n  windows_webcam: ffmpeg:device?video=0#video=h264\n  macos_facetime: ffmpeg:device?video=0&audio=1&video_size=1280x720&framerate=30#video=h264#audio=pcma\n```\n\n**PS.** It is recommended to check the available devices in the WebUI add page.\n\n_Source: [Go2Rtc FFmpeg](https://github.com/seydx/go2rtc#source-ffmpeg) & [Go2Rtc FFmpeg Device](https://github.com/seydx/go2rtc#source-ffmpeg-device)_\n",et=`#### Source: GoPro
+
+Supported models: HERO9, HERO10, HERO11, HERO12.  
+Supported OS: Linux, Mac, Windows, [HassOS](https://www.home-assistant.io/installation/)
+
+The other camera models have different APIs. I will try to add them in the next versions.
+
+## Config
+
+- USB-connected cameras create a new network interface in the system
+- Linux users do not need to install anything
+- Windows users should install the [network driver](https://community.gopro.com/s/article/GoPro-Webcam)
+- if the camera is detected but the stream does not start - you need to disable firewall
+
+1. Discover camera address: WebUI > Add > GoPro
+2. Add camera to config
+
+\`\`\`yaml
+streams:
+  hero12: gopro://172.20.100.51
+\`\`\`
+
+## Useful links
+
+- https://gopro.github.io/OpenGoPro/
+
+_Source: [Go2Rtc Hass](https://github.com/seydx/go2rtc#source-hass)_
+`,tt=`#### Source: Hass
+
+Support import camera links from [Home Assistant](https://www.home-assistant.io/) config files:
+
+- [Generic Camera](https://www.home-assistant.io/integrations/generic/), setup via GUI
+- [HomeKit Camera](https://www.home-assistant.io/integrations/homekit_controller/)
+- [ONVIF](https://www.home-assistant.io/integrations/onvif/)
+- [Roborock](https://github.com/humbertogontijo/homeassistant-roborock) vacuums with camera
+
+\`\`\`yaml
+hass:
+  config: '/config' # skip this setting if you Hass Add-on user
+
+streams:
+  generic_camera: hass:Camera1 # Settings > Integrations > Integration Name
+  aqara_g3: hass:Camera-Hub-G3-AB12
+\`\`\`
+
+**WebRTC Cameras**
+
+Any cameras in WebRTC format are supported. But at the moment Home Assistant only supports some [Nest](https://www.home-assistant.io/integrations/nest/) cameras in this fomat.
+
+The Nest API only allows you to get a link to a stream for 5 minutes. So every 5 minutes the stream will be reconnected.
+
+\`\`\`yaml
+streams:
+  # link to Home Assistant Supervised
+  hass-webrtc1: hass://supervisor?entity_id=camera.nest_doorbell
+  # link to external Hass with Long-Lived Access Tokens
+  hass-webrtc2: hass://192.168.1.123:8123?entity_id=camera.nest_doorbell&token=eyXYZ...
+\`\`\`
+
+_Source: [Go2Rtc Hass](https://github.com/seydx/go2rtc#source-hass)_
+`,nt=`#### Source: HomeKit
+
+**Important:**
+
+- You can use HomeKit Cameras **without Apple devices** (iPhone, iPad, etc.), it's just a yet another protocol
+- HomeKit device can be paired with only one ecosystem. So, if you have paired it to an iPhone (Apple Home) - you can't pair it with Home Assistant or go2rtc. Or if you have paired it to go2rtc - you can't pair it with iPhone
+- HomeKit device should be in same network with working [mDNS](https://en.wikipedia.org/wiki/Multicast_DNS) between device and go2rtc
+
+go2rtc support import paired HomeKit devices from [Home Assistant](#source-hass). So you can use HomeKit camera with Hass and go2rtc simultaneously. If you using Hass, I recommend pairing devices with it, it will give you more options.
+
+You can pair device with go2rtc on the HomeKit page. If you can't see your devices - reload the page. Also try reboot your HomeKit device (power off). If you still can't see it - you have a problems with mDNS.
+
+If you see a device but it does not have a pair button - it is paired to some ecosystem (Apple Home, Home Assistant etc). You need to delete device from that ecosystem, and it will be available for pairing. If you cannot unpair device, you will have to reset it.
+
+**Important:**
+
+- HomeKit audio uses very non-standard **AAC-ELD** codec with very non-standard params and specification violation
+- Audio can't be played in \`VLC\` and probably any other player
+- Audio should be transcoded for using with MSE, WebRTC, etc.
+
+Recommended settings for using HomeKit Camera with WebRTC, MSE, MP4, RTSP:
+
+\`\`\`
+streams:
+  aqara_g3:
+    - hass:Camera-Hub-G3-AB12
+    - ffmpeg:aqara_g3#audio=aac#audio=opus
+\`\`\`
+
+RTSP link with "normal" audio for any player: \`rtsp://192.168.1.123:8554/aqara_g3?video&audio=aac\`
+
+**This source is in active development!** Tested only with [Aqara Camera Hub G3](https://www.aqara.com/eu/product/camera-hub-g3) (both EU and CN versions).
+
+_Source: [Go2Rtc HomeKit](https://github.com/seydx/go2rtc#source-homekit)_
+`,rt=`#### Source: HTTP
+
+Support Content-Type:
+
+- **HTTP-FLV** (\`video/x-flv\`) - same as RTMP, but over HTTP
+- **HTTP-JPEG** (\`image/jpeg\`) - camera snapshot link, can be converted by go2rtc to MJPEG stream
+- **HTTP-MJPEG** (\`multipart/x\`) - simple MJPEG stream over HTTP
+- **MPEG-TS** (\`video/mpeg\`) - legacy [streaming format](https://en.wikipedia.org/wiki/MPEG_transport_stream)
+
+Source also support HTTP and TCP streams with autodetection for different formats: **MJPEG**, **H.264/H.265 bitstream**, **MPEG-TS**.
+
+\`\`\`yaml
+streams:
+  # [HTTP-FLV] stream in video/x-flv format
+  http_flv: http://192.168.1.123:20880/api/camera/stream/780900131155/657617
+
+  # [JPEG] snapshots from Dahua camera, will be converted to MJPEG stream
+  dahua_snap: http://admin:password@192.168.1.123/cgi-bin/snapshot.cgi?channel=1
+
+  # [MJPEG] stream will be proxied without modification
+  http_mjpeg: https://mjpeg.sanford.io/count.mjpeg
+
+  # [MJPEG or H.264/H.265 bitstream or MPEG-TS]
+  tcp_magic: tcp://192.168.1.123:12345
+
+  # Add custom header
+  custom_header: 'https://mjpeg.sanford.io/count.mjpeg#header=Authorization: Bearer XXX'
+\`\`\`
+
+**PS.** Dahua camera has bug: if you select MJPEG codec for RTSP second stream - snapshot won't work.
+
+_Source: [Go2Rtc Http](https://github.com/seydx/go2rtc#source-http)_
+`,it=`#### Source: ISAPI
+
+This source type support only backchannel audio for Hikvision ISAPI protocol. So it should be used as second source in addition to the RTSP protocol.
+
+\`\`\`yaml
+streams:
+  hikvision1:
+    - rtsp://admin:password@192.168.1.123:554/Streaming/Channels/101
+    - isapi://admin:password@192.168.1.123:80/
+\`\`\`
+
+_Source: [Go2Rtc Isapi](https://github.com/seydx/go2rtc#source-isapi)_
+`,at=`#### Source: Ivideon
+
+Support public cameras from service [Ivideon](https://tv.ivideon.com/).
+
+\`\`\`yaml
+streams:
+  quailcam: ivideon:100-tu5dkUPct39cTp9oNEN2B6/0
+\`\`\`
+
+_Source: [Go2Rtc Ivideon](https://github.com/seydx/go2rtc#source-ivideon)_
+`,ot="#### Source: Kasa\n\n[TP-Link Kasa](https://www.kasasmart.com/) non-standard protocol [more info](https://medium.com/@hu3vjeen/reverse-engineering-tp-link-kc100-bac4641bf1cd).\n\n- `username` - urlsafe email, `alex@gmail.com` -> `alex%40gmail.com`\n- `password` - base64password, `secret1` -> `c2VjcmV0MQ==`\n\n```yaml\nstreams:\n  kc401: kasa://username:password@192.168.1.123:19443/https/stream/mixed\n```\n\nTested: KD110, KC200, KC401, KC420WS, EC71.\n\n_Source: [Go2Rtc Kasa](https://github.com/seydx/go2rtc#source-kasa)_\n",st=`#### Source: Nest
+
+Currently only WebRTC cameras are supported.
+
+For simplicity, it is recommended to connect the Nest/WebRTC camera to the [Home Assistant](#source-hass). But if you can somehow get the below parameters - Nest/WebRTC source will work without Hass.
+
+\`\`\`yaml
+streams:
+  nest-doorbell: nest:?client_id=***&client_secret=***&refresh_token=***&project_id=***&device_id=***
+\`\`\`
+
+_Source: [Go2Rtc Nest](https://github.com/seydx/go2rtc#source-nest)_
+`,ct=`#### Source: ONVIF
+
+The source is not very useful if you already know RTSP and snapshot links for your camera. But it can be useful if you don't.
+
+**WebUI > Add** webpage support ONVIF autodiscovery. Your server must be on the same subnet as the camera. If you use docker, you must use "network host".
+
+\`\`\`yaml
+streams:
+  dahua1: onvif://admin:password@192.168.1.123
+  reolink1: onvif://admin:password@192.168.1.123:8000
+  tapo1: onvif://admin:password@192.168.1.123:2020
+\`\`\`
+
+_Source: [Go2Rtc Onvif](https://github.com/seydx/go2rtc#source-onvif)_
+`,lt="#### Source: Ring\n\nThis source type support Ring cameras with [two way audio](#two-way-audio) support. If you have a `refresh_token` and `device_id` - you can use it in `go2rtc.yaml` config file. Otherwise, you can use the go2rtc interface and add your ring account (WebUI > Add > Ring). Once added, it will list all your Ring cameras.\n\n```yaml\nstreams:\n  ring: ring:?device_id=XXX&refresh_token=XXX\n  ring_snapshot: ring:?device_id=XXX&refresh_token=XXX&snapshot\n```\n\n_Source: [Go2Rtc Ring](https://github.com/seydx/go2rtc#source-ring)_\n",ut=`#### Source: Roborock
+
+This source type support Roborock vacuums with cameras. Known working models:
+
+- Roborock S6 MaxV - only video (the vacuum has no microphone)
+- Roborock S7 MaxV - video and two way audio
+- Roborock Qrevo MaxV - video and two way audio
+
+Source support load Roborock credentials from Home Assistant [custom integration](https://github.com/humbertogontijo/homeassistant-roborock) or the [core integration](https://www.home-assistant.io/integrations/roborock). Otherwise, you need to log in to your Roborock account (MiHome account is not supported). Go to: go2rtc WebUI > Add webpage. Copy \`roborock://...\` source for your vacuum and paste it to \`go2rtc.yaml\` config.
+
+If you have graphic pin for your vacuum - add it as numeric pin (lines: 123, 456, 789) to the end of the roborock-link.
+
+_Source: [Go2Rtc Roborock](https://github.com/seydx/go2rtc#source-roborock)_
+`,dt=`#### Source: RTMP
+
+You can get stream from RTMP server, for example [Nginx with nginx-rtmp-module](https://github.com/arut/nginx-rtmp-module).
+
+\`\`\`yaml
+streams:
+  rtmp_stream: rtmp://192.168.1.123/live/camera1
+\`\`\`
+
+_Source: [Go2Rtc RTMP](https://github.com/seydx/go2rtc#source-rtmp)_
+`,ft=`#### Source: RTSP
+
+\`\`\`yaml
+streams:
+  sonoff_camera: rtsp://rtsp:12345678@192.168.1.123/av_stream/ch0
+  dahua_camera:
+    - rtsp://admin:password@192.168.1.123/cam/realmonitor?channel=1&subtype=0&unicast=true&proto=Onvif
+    - rtsp://admin:password@192.168.1.123/cam/realmonitor?channel=1&subtype=1
+  amcrest_doorbell:
+    - rtsp://username:password@192.168.1.123:554/cam/realmonitor?channel=1&subtype=0#backchannel=0
+  unifi_camera: rtspx://192.168.1.123:7441/fD6ouM72bWoFijxK
+  glichy_camera: ffmpeg:rtsp://username:password@192.168.1.123/live/ch00_1
+\`\`\`
+
+**Recommendations**
+
+- **Amcrest Doorbell** users may want to disable two way audio, because with an active stream you won't have a call button working. You need to add \`#backchannel=0\` to the end of your RTSP link in YAML config file
+- **Dahua Doorbell** users may want to change backchannel [audio codec](https://github.com/AlexxIT/go2rtc/issues/52)
+- **Reolink** users may want NOT to use RTSP protocol at all, some camera models have a very awful unusable stream implementation
+- **Ubiquiti UniFi** users may want to disable HTTPS verification. Use \`rtspx://\` prefix instead of \`rtsps://\`. And don't use \`?enableSrtp\` [suffix](https://github.com/AlexxIT/go2rtc/issues/81)
+- **TP-Link Tapo** users may skip login and password, because go2rtc support login [without them](https://drmnsamoliu.github.io/video.html)
+- If your camera has two RTSP links - you can add both of them as sources. This is useful when streams has different codecs, as example AAC audio with main stream and PCMU/PCMA audio with second stream
+- If the stream from your camera is glitchy, try using [ffmpeg source](#source-ffmpeg). It will not add CPU load if you won't use transcoding
+- If the stream from your camera is very glitchy, try to use transcoding with [ffmpeg source](#source-ffmpeg)
+
+**Other options**
+
+Format: \`rtsp...#{param1}#{param2}#{param3}\`
+
+- Ignore audio - \`#media=video\` or ignore video - \`#media=audio\`
+- Ignore two way audio API \`#backchannel=0\` - important for some glitchy cameras
+- Use WebSocket transport \`#transport=ws...\`
+
+**RTSP over WebSocket**
+
+\`\`\`yaml
+streams:
+  # WebSocket with authorization, RTSP - without
+  axis-rtsp-ws: rtsp://192.168.1.123:4567/axis-media/media.amp?overview=0&camera=1&resolution=1280x720&videoframeskipmode=empty&Axis-Orig-Sw=true#transport=ws://user:pass@192.168.1.123:4567/rtsp-over-websocket
+  # WebSocket without authorization, RTSP - with
+  dahua-rtsp-ws: rtsp://user:pass@192.168.1.123/cam/realmonitor?channel=1&subtype=1&proto=Private3#transport=ws://192.168.1.123/rtspoverwebsocket
+\`\`\`
+
+_Source: [Go2Rtc RTSP](https://github.com/seydx/go2rtc#source-rtsp)_
+`,pt=`#### Source: Tapo
+
+[TP-Link Tapo](https://www.tapo.com/) proprietary camera protocol with **two way audio** support.
+
+- stream quality is the same as [RTSP protocol](https://www.tapo.com/en/faq/34/)
+- use the **cloud password**, this is not the RTSP password! you do not need to add a login!
+- you can also use UPPERCASE MD5 hash from your cloud password with \`admin\` username
+- some new camera firmwares requires SHA256 instead of MD5
+
+\`\`\`yaml
+streams:
+  # cloud password without username
+  camera1: tapo://cloud-password@192.168.1.123
+  # admin username and UPPERCASE MD5 cloud-password hash
+  camera2: tapo://admin:UPPERCASE-MD5@192.168.1.123
+  # admin username and UPPERCASE SHA256 cloud-password hash
+  camera3: tapo://admin:UPPERCASE-SHA256@192.168.1.123
+\`\`\`
+
+\`\`\`bash
+echo -n "cloud password" | md5 | awk '{print toupper($0)}'
+echo -n "cloud password" | shasum -a 256 | awk '{print toupper($0)}'
+\`\`\`
+
+_Source: [Go2Rtc Tapo](https://github.com/seydx/go2rtc#source-tapo)_
+`,mt=`#### Source: Tuya
+
+[Tuya](https://www.tuya.com/) proprietary camera protocol with **two way audio** support. Go2rtc supports \`Tuya Smart API\` and \`Tuya Cloud API\`.
+
+**Tuya Smart API (recommended)**:
+
+- Cameras can be discovered through the go2rtc web interface via Tuya Smart account (Add > Tuya > Select region and fill in email and password > Login).
+- **Smart Life accounts are not supported**, you need to create a Tuya Smart account. If the cameras are already added to the Smart Life app, you need to remove them and add them again to the Tuya Smart app.
+
+**Tuya Cloud API**:
+
+- Requires setting up a cloud project in the Tuya Developer Platform.
+- Obtain \`device_id\`, \`client_id\`, \`client_secret\`, and \`uid\` from [Tuya IoT Platform](https://iot.tuya.com/). [Here's a guide](https://xzetsubou.github.io/hass-localtuya/cloud_api/).
+- Please ensure that you have subscribed to the \`IoT Video Live Stream\` service (Free Trial) in the Tuya Developer Platform, otherwise the stream will not work (Tuya Developer Platform > Service API > Authorize > IoT Video Live Stream).
+
+**Configuring the stream:**
+
+- Use \`resolution\` parameter to select the stream (not all cameras support \`hd\` stream through WebRTC even if the camera has it):
+  - \`hd\` - HD stream (default)
+  - \`sd\` - SD stream
+
+\`\`\`yaml
+streams:
+  # Tuya Smart API: WebRTC main stream (use Add > Tuya to discover the URL)
+  tuya_main:
+    - tuya://protect-us.ismartlife.me?device_id=XXX&email=XXX&password=XXX
+
+  # Tuya Smart API: WebRTC sub stream (use Add > Tuya to discover the URL)
+  tuya_sub:
+    - tuya://protect-us.ismartlife.me?device_id=XXX&email=XXX&password=XXX&resolution=sd
+
+  # Tuya Cloud API: WebRTC main stream
+  tuya_webrtc:
+    - tuya://openapi.tuyaus.com?device_id=XXX&uid=XXX&client_id=XXX&client_secret=XXX
+
+  # Tuya Cloud API: WebRTC sub stream
+  tuya_webrtc_sd:
+    - tuya://openapi.tuyaus.com?device_id=XXX&uid=XXX&client_id=XXX&client_secret=XXX&resolution=sd
+\`\`\`
+
+_Source: [Go2Rtc Tuya](https://github.com/seydx/go2rtc#source-tuya)_
+`,ht=`#### Source: WebRTC
+
+This source type support four connection formats.
+
+**whep**
+
+[WebRTC/WHEP](https://datatracker.ietf.org/doc/draft-murillo-whep/) - is replaced by [WebRTC/WISH](https://datatracker.ietf.org/doc/charter-ietf-wish/02/) standard for WebRTC video/audio viewers. But it may already be supported in some third-party software. It is supported in go2rtc.
+
+**go2rtc**
+
+This format is only supported in go2rtc. Unlike WHEP it supports asynchronous WebRTC connection and two way audio.
+
+**openipc**
+
+Support connection to [OpenIPC](https://openipc.org/) cameras.
+
+**wyze**
+
+Supports connection to [Wyze](https://www.wyze.com/) cameras, using WebRTC protocol. You can use [docker-wyze-bridge](https://github.com/mrlt8/docker-wyze-bridge) project to get connection credentials.
+
+**kinesis**
+
+Supports [Amazon Kinesis Video Streams](https://aws.amazon.com/kinesis/video-streams/), using WebRTC protocol. You need to specify signalling WebSocket URL with all credentials in query params, \`client_id\` and \`ice_servers\` list in [JSON format](https://developer.mozilla.org/en-US/docs/Web/API/RTCIceServer).
+
+\`\`\`yaml
+streams:
+  webrtc-whep: webrtc:http://192.168.1.123:1984/api/webrtc?src=camera1
+  webrtc-go2rtc: webrtc:ws://192.168.1.123:1984/api/ws?src=camera1
+  webrtc-openipc: webrtc:ws://192.168.1.123/webrtc_ws#format=openipc#ice_servers=[{"urls":"stun:stun.kinesisvideo.eu-north-1.amazonaws.com:443"}]
+  webrtc-wyze: webrtc:http://192.168.1.123:5000/signaling/camera1?kvs#format=wyze
+  webrtc-kinesis: webrtc:wss://...amazonaws.com/?...#format=kinesis#client_id=...#ice_servers=[{...},{...}]
+\`\`\`
+
+**PS.** For \`kinesis\` sources you can use [echo](#source-echo) to get connection params using \`bash\`/\`python\` or any other script language.
+
+_Source: [Go2Rtc WebRTC](https://github.com/seydx/go2rtc#source-webrtc)_
+`,gt=`#### Source: WebTorrent
+
+This source can get a stream from another go2rtc via [WebTorrent](#module-webtorrent) protocol.
+
+\`\`\`yaml
+streams:
+  webtorrent1: webtorrent:?share=huofssuxaty00izc&pwd=k3l2j9djeg8v8r7e
+\`\`\`
+
+_Source: [Go2Rtc Webtorrent](https://github.com/seydx/go2rtc#source-webtorrent)_
+`,_t=`#### Source: Wyze
+
+This source allows you to stream from [Wyze](https://wyze.com/) cameras using native P2P protocol without the Wyze app or SDK.
+
+**Important:**
+
+1. **Requires Wyze account**. You need to login once via the WebUI to load your cameras.
+2. **Requires firmware with DTLS**. Only cameras with DTLS-enabled firmware are supported.
+3. Internet access is only needed when loading cameras from your account. After that, all streaming is local P2P.
+4. Connection to the camera is local only (direct P2P to camera IP).
+
+**Features:**
+
+- H.264 and H.265 video codec support
+- AAC, G.711, PCM, and Opus audio codec support
+- Two-way audio (intercom) support
+- Resolution switching (HD/SD)
+
+## Setup
+
+1. Get your API Key from [Wyze Developer Portal](https://support.wyze.com/hc/en-us/articles/16129834216731)
+2. Go to go2rtc WebUI > Add > Wyze
+3. Enter your API ID, API Key, email, and password
+4. Select cameras to add - stream URLs are generated automatically
+
+**Example Config**
+
+\`\`\`yaml
+wyze:
+  user@email.com:
+    api_id: 'your-api-id'
+    api_key: 'your-api-key'
+    password: 'yourpassword' # or MD5 triple-hash with "md5:" prefix
+
+streams:
+  wyze_cam: wyze://192.168.1.123?uid=WYZEUID1234567890AB&enr=xxx&mac=AABBCCDDEEFF&model=HL_CAM4&dtls=true
+\`\`\`
+
+## Stream URL Format
+
+The stream URL is automatically generated when you add cameras via the WebUI:
+
+\`\`\`
+wyze://[IP]?uid=[P2P_ID]&enr=[ENR]&mac=[MAC]&model=[MODEL]&subtype=[hd|sd]&dtls=true
+\`\`\`
+
+| Parameter | Description                                     |
+| --------- | ----------------------------------------------- |
+| \`IP\`      | Camera's local IP address                       |
+| \`uid\`     | P2P identifier (20 chars)                       |
+| \`enr\`     | Encryption key for DTLS                         |
+| \`mac\`     | Device MAC address                              |
+| \`model\`   | Camera model (e.g., HL_CAM4)                    |
+| \`dtls\`    | Enable DTLS encryption (default: true)          |
+| \`subtype\` | Camera resolution: \`hd\` or \`sd\` (default: \`hd\`) |
+
+## Configuration
+
+### Resolution
+
+You can change the camera's resolution using the \`subtype\` parameter:
+
+\`\`\`yaml
+streams:
+  wyze_hd: wyze://...&subtype=hd
+  wyze_sd: wyze://...&subtype=sd
+\`\`\`
+
+### Two-Way Audio
+
+Two-way audio (intercom) is supported automatically. When a consumer sends audio to the stream, it will be transmitted to the camera's speaker.
+`,vt=`#### Source: Xiaomi
+
+This source allows you to view cameras from the [Xiaomi Mi Home](https://home.mi.com/) ecosystem.
+
+**Important:**
+
+1. **Not all cameras are supported**. There are several P2P protocol vendors in the Xiaomi ecosystem.
+   Currently, the **CS2** vendor is supported. However, the **TUTK** vendor is not supported.
+2. Each time you connect to the camera, you need internet access to obtain encryption keys.
+3. Connection to the camera is local only.
+
+**Features:**
+
+- Multiple Xiaomi accounts supported
+- Cameras from multiple regions are supported for a single account
+- Two-way audio is supported
+- Cameras with multiple lenses are supported
+
+## Setup
+
+1. Goto go2rtc WebUI > Add > Xiaomi > Login with username and password
+2. Receive verification code by email or phone if required.
+3. Complete the captcha if required.
+4. If everything is OK, your account will be added and you can load cameras from it.
+
+**Example**
+
+\`\`\`yaml
+xiaomi:
+  1234567890: V1:***
+
+streams:
+  xiaomi1: xiaomi://1234567890:cn@192.168.1.123?did=9876543210&model=isa.camera.hlc7
+\`\`\`
+
+## Configuration
+
+You can change camera's quality: \`subtype=hd/sd/auto\`
+
+\`\`\`yaml
+streams:
+  xiaomi1: xiaomi://***&subtype=sd
+\`\`\`
+
+You can use second channel for Dual cameras: \`channel=1\`
+
+\`\`\`yaml
+streams:
+  xiaomi1: xiaomi://***&channel=1
+\`\`\`
+`,yt=`# Yandex
+
+Source for receiving stream from new [Yandex IP camera](https://alice.yandex.ru/smart-home/security/ipcamera).
+
+## Get Yandex token
+
+1. Install HomeAssistant integration [YandexStation](https://github.com/AlexxIT/YandexStation).
+2. Copy token from HomeAssistant config folder: \`/config/.storage/core.config_entries\`, key: \`"x_token"\`.
+
+## Get device ID
+
+1. Open this link in any browser: https://iot.quasar.yandex.ru/m/v3/user/devices
+2. Copy ID of your camera, key: \`"id"\`.
+
+## Config examples
+
+\`\`\`yaml
+streams:
+  yandex_stream: yandex:?x_token=XXXX&device_id=XXXX
+  yandex_snapshot: yandex:?x_token=XXXX&device_id=XXXX&snapshot
+  yandex_snapshot_custom_size: yandex:?x_token=XXXX&device_id=XXXX&snapshot=h=540
+\`\`\`
+
+_Source: [Go2Rtc Yandex](https://github.com/AlexxIT/go2rtc/tree/master/internal/yandex)_
+`,bt={class:`flex flex-col gap-6`},xt={class:`flex gap-2 items-center w-full`},St={class:`flex gap-2 items-center w-full`},Ct={class:`text-color text-sm`},wt={class:`flex flex-col gap-6`},Tt=[`for`],Et=[`for`],Dt={class:`w-full flex flex-col gap-2`},Ot={class:`flex flex-col gap-6`},kt={class:`flex flex-col field-gap`},At=[`for`],jt={key:0,class:`w-full flex flex-row gap-2`},Mt=`rtsp://user:pass@192.168.1.50:554/stream`,Nt=V({__name:`CuiCameraSources`,props:{sources:{},isLoading:{type:Boolean},allowAddRemoveSources:{type:Boolean,default:!1}},setup(t,{expose:r}){let a=new e,o=t,s=n(),{t:c}=g(),{mutateAsync:l,isPending:u}=a.previewCameraQuery(),d=Object.assign({"../../markdowns/bubble.md":Ke,"../../markdowns/cui.md":qe,"../../markdowns/doorbird.md":Je,"../../markdowns/dvrip.md":Ye,"../../markdowns/echo.md":Xe,"../../markdowns/exec.md":Ze,"../../markdowns/expr.md":Qe,"../../markdowns/ffmpeg.md":$e,"../../markdowns/gopro.md":et,"../../markdowns/hass.md":tt,"../../markdowns/homekit.md":nt,"../../markdowns/http.md":rt,"../../markdowns/isapi.md":it,"../../markdowns/ivideon.md":at,"../../markdowns/kasa.md":ot,"../../markdowns/nest.md":st,"../../markdowns/onvif.md":ct,"../../markdowns/ring.md":lt,"../../markdowns/roborock.md":ut,"../../markdowns/rtmp.md":dt,"../../markdowns/rtsp.md":ft,"../../markdowns/tapo.md":pt,"../../markdowns/tuya.md":mt,"../../markdowns/webrtc.md":ht,"../../markdowns/webtorrent.md":gt,"../../markdowns/wyze.md":_t,"../../markdowns/xiaomi.md":vt,"../../markdowns/yandex.md":yt}),f=m([`high-resolution`,`mid-resolution`,`low-resolution`,`snapshot`]),p=m(o.sources.map((e,t)=>t)),_=w(()=>o.isLoading||u.value);function y(e){return e.urls.some(Ie)}function C(e){let t=J(e);if(!t)return;let n=t.replace(/[:/]+$/,``);return d[`../../markdowns/${n}.md`]}function E(e){return!!C(e)}function te(e){o.sources[e].urls.push(``)}function O(e,t){o.sources[e].urls.splice(t,1)}function ne(e,t,n){o.sources[e].urls[t]=n}function re(e,t){e.role=t,t===`snapshot`&&(e.useForSnapshot=!1,e.hotMode=!1,e.preload=!1)}function j(){o.sources.push({_id:i(8),name:``,role:null,urls:[``],useForSnapshot:!1,hotMode:!0,preload:!0,muted:!1}),p.value=[o.sources.length]}function ie(e){o.sources.splice(e,1)}function P(e){let t=C(e);t&&s.openTextDialog({data:{title:c(`components.dialog.title.information`),hideConfirmButton:!0,contentText:t,markdown:!0}})}async function I(e){let t=Re(e);if(t)try{let e=await l({cameraData:{url:t}});s.openImageDialog({data:{title:c(`components.dialog.title.preview`),src:`data:image/jpeg;base64,${e}`,hideConfirmButton:!0}})}catch{}}return r({newSource:j}),(e,n)=>{let r=ve,i=Te,a=q,o=ye,s=K,c=_e,l=me,u=ge,d=he,m=Me,g=ke,C=Ge,w=fe,j=pe,oe=Ce,V=de,W=ae(`tooltip`);return L(),S(`div`,bt,[x(V,{value:T(p),"onUpdate:value":n[0]||=e=>ee(p)?p.value=e:null,multiple:``},{default:z(()=>[(L(!0),S(D,null,M(t.sources,(n,p)=>(L(),h(oe,{key:n._id,value:p,class:B({"border-b-0":p===t.sources.length-1})},{default:z(()=>[x(o,{class:B({"px-0 pt-0":p===0,"px-0":p!==0,"pb-5":p===t.sources.length-1})},{default:z(()=>[F(`div`,xt,[F(`div`,St,[F(`span`,Ct,v(e.$t(`components.dialog.components.new_camera.source`)+`: `),1),x(r,{class:`text-color text-xs border-[1px] bg-primary-500/20 border-primary-500/30 py-2 px-3 rounded-full overflow-hidden`,label:n.name===``?e.$t(`components.dialog.components.new_camera.unknown`):n.name},null,8,[`label`])]),t.allowAddRemoveSources&&t.sources.length>1?(L(),h(a,{key:0,text:``,rounded:``,severity:`danger`,class:`cui-icon-md ml-auto mr-2`,loading:T(_),onClick:e=>ie(p)},{icon:z(()=>[x(i,{width:`100%`,height:`100%`})]),_:1},8,[`loading`,`onClick`])):N(``,!0)])]),_:2},1032,[`class`]),x(j,{pt:{content:{class:{"px-0":!0,"pb-5":p===t.sources.length-1}}}},{default:z(()=>[F(`div`,wt,[x(T(H),{modelValue:n.name,"onUpdate:modelValue":e=>n.name=e,modelModifiers:{trim:!0},name:`sources[${p}].name`,as:`div`,class:`flex flex-col field-gap`},{default:z(({field:t,errors:n})=>[F(`label`,{for:`sources[${p}].name`,class:`cui-label`},v(e.$t(`components.form.label.source_name`)),9,Tt),x(c,null,{default:z(()=>[x(s,k({ref_for:!0},t,{invalid:n.length>0,loading:T(_),type:`text`}),null,16,[`invalid`,`loading`])]),_:2},1024),x(R,{name:`fade`},{default:z(()=>[x(T(U),{name:`sources[${p}].name`,class:`cui-input-error`},null,8,[`name`])]),_:2},1024),n.length?N(``,!0):(L(),h(l,{key:0,severity:`secondary`,variant:`simple`,size:`small`,class:`cui-input-hint`},{default:z(()=>[b(v(e.$t(`components.form.hint.source_name`)),1)]),_:1}))]),_:2},1032,[`modelValue`,`onUpdate:modelValue`,`name`]),x(T(H),{"model-value":n.role,name:`sources[${p}].role`,as:`div`,class:`flex flex-col field-gap`},{default:z(({errors:r})=>[F(`label`,{for:`sources[${p}].role`,class:`cui-label`},v(e.$t(`components.form.label.source_role`)),9,Et),x(c,null,{default:z(()=>[x(u,{"model-value":n.role,options:T(f).filter(e=>!t.sources.some(t=>t.role===e&&t._id!==n._id)),invalid:r.length>0,loading:T(_),onValueChange:e=>re(n,e)},null,8,[`model-value`,`options`,`invalid`,`loading`,`onValueChange`])]),_:2},1024),x(R,{name:`fade`},{default:z(()=>[x(T(U),{name:`sources[${p}].role`,class:`cui-input-error`},null,8,[`name`])]),_:2},1024),r.length?N(``,!0):(L(),h(l,{key:0,severity:`secondary`,variant:`simple`,size:`small`,class:`cui-input-hint`},{default:z(()=>[b(v(e.$t(`components.form.hint.source_role`)),1)]),_:1}))]),_:2},1032,[`model-value`,`name`]),F(`div`,Dt,[n.role!==`snapshot`&&t.sources.length>1?(L(),h(T(H),{key:0,"model-value":n.useForSnapshot,value:!0,"unchecked-value":!1,type:`checkbox`,name:`sources[${p}].useForSnapshot`},{default:z(({field:r,errors:i})=>[x(m,{label:e.$t(`components.form.label.use_for_snapshot`),hint:e.$t(`components.form.hint.use_for_snapshot`),"label-for":`sources[${p}].useForSnapshot`,"error-name":`sources[${p}].useForSnapshot`},{default:z(()=>[x(d,k({"model-value":n.useForSnapshot},{ref_for:!0},r,{invalid:i.length>0,loading:T(_),disabled:t.sources.some(e=>(e.useForSnapshot||e.role===`snapshot`)&&e._id!==n._id),onValueChange:e=>n.useForSnapshot=e}),null,16,[`model-value`,`invalid`,`loading`,`disabled`,`onValueChange`])]),_:2},1032,[`label`,`hint`,`label-for`,`error-name`])]),_:2},1032,[`model-value`,`name`])):N(``,!0),n.role===`snapshot`?N(``,!0):(L(),h(T(H),{key:1,"model-value":n.hotMode,value:!0,"unchecked-value":!1,type:`checkbox`,name:`sources[${p}].hotMode`},{default:z(({field:t,errors:r})=>[x(m,{label:e.$t(`components.form.label.hot_mode`),hint:e.$t(`components.form.hint.hot_mode`),"label-for":`sources[${p}].hotMode`,"error-name":`sources[${p}].hotMode`},{default:z(()=>[x(d,k({"model-value":n.hotMode},{ref_for:!0},t,{invalid:r.length>0,loading:T(_),onValueChange:e=>n.hotMode=e}),null,16,[`model-value`,`invalid`,`loading`,`onValueChange`])]),_:2},1032,[`label`,`hint`,`label-for`,`error-name`])]),_:2},1032,[`model-value`,`name`])),n.role===`snapshot`?N(``,!0):(L(),h(T(H),{key:2,"model-value":n.preload,value:!0,"unchecked-value":!1,type:`checkbox`,name:`sources[${p}].preload`},{default:z(({field:t,errors:r})=>[x(m,{label:e.$t(`components.form.label.preload`),hint:e.$t(`components.form.hint.preload`),"label-for":`sources[${p}].preload`,"error-name":`sources[${p}].preload`},{default:z(()=>[x(d,k({"model-value":n.preload},{ref_for:!0},t,{invalid:r.length>0,loading:T(_),onValueChange:e=>n.preload=e}),null,16,[`model-value`,`invalid`,`loading`,`onValueChange`])]),_:2},1032,[`label`,`hint`,`label-for`,`error-name`])]),_:2},1032,[`model-value`,`name`])),n.role===`snapshot`?N(``,!0):(L(),h(T(H),{key:3,"model-value":n.muted,value:!0,"unchecked-value":!1,type:`checkbox`,name:`sources[${p}].muted`},{default:z(({field:t,errors:r})=>[x(m,{label:e.$t(`components.form.label.muted`),hint:e.$t(`components.form.hint.muted`),"label-for":`sources[${p}].muted`,"error-name":`sources[${p}].muted`},{default:z(()=>[x(d,k({"model-value":n.muted},{ref_for:!0},t,{invalid:r.length>0,loading:T(_),onValueChange:e=>n.muted=e}),null,16,[`model-value`,`invalid`,`loading`,`onValueChange`])]),_:2},1032,[`label`,`hint`,`label-for`,`error-name`])]),_:2},1032,[`model-value`,`name`]))]),F(`div`,Ot,[F(`div`,kt,[F(`label`,{for:`sources[${p}].urls[]`,class:`cui-label`},v(e.$t(`components.form.label.sources`)),9,At),x(l,{severity:`secondary`,variant:`simple`,size:`small`,class:`cui-input-hint`},{default:z(()=>[b(v(y(n)?e.$t(`views.devices.managed_source_hint`):e.$t(`components.form.hint.source_urls`)),1)]),_:2},1024)]),(L(!0),S(D,null,M(n.urls,(t,r)=>(L(),S(D,{key:r},[T(Ie)(t)?(L(),S(`div`,jt,[x(c,null,{default:z(()=>[x(s,{"model-value":t,readonly:``,loading:T(_),type:`text`},null,8,[`model-value`,`loading`])]),_:2},1024)])):(L(),h(T(H),{key:1,"model-value":t,name:`sources[${p}].urls[${r}]`,as:`div`,class:`flex flex-col field-gap w-full`},{default:z(({errors:o})=>[x(c,null,{default:z(()=>[x(s,{"model-value":t,invalid:o.length>0,loading:T(_),type:`text`,placeholder:Mt,"onUpdate:modelValue":e=>ne(p,r,e??``)},null,8,[`model-value`,`invalid`,`loading`,`onUpdate:modelValue`]),x(w,null,{default:z(()=>[A((L(),h(a,{text:``,rounded:``,severity:`secondary`,disabled:T(_)||!E(t),class:`border-right-color`,onClick:e=>P(t)},{icon:z(()=>[x(g,{width:`100%`,height:`100%`})]),_:1},8,[`disabled`,`onClick`])),[[W,{value:e.$t(`components.dialog.components.new_camera.protocol_info`)},void 0,{top:!0}]]),A((L(),h(a,{text:``,rounded:``,severity:`secondary`,disabled:T(_)||!T(J)(t),class:`border-right-color`,onClick:e=>I(t)},{icon:z(()=>[x(C,{width:`100%`,height:`100%`})]),_:1},8,[`disabled`,`onClick`])),[[W,{value:e.$t(`components.dialog.components.new_camera.test_source`)},void 0,{top:!0}]]),n.urls.length>1?(L(),h(a,{key:0,text:``,rounded:``,severity:`danger`,disabled:T(_),onClick:se(e=>O(p,r),[`prevent`])},{icon:z(()=>[x(i,{width:`100%`,height:`100%`})]),_:1},8,[`disabled`,`onClick`])):N(``,!0)]),_:2},1024)]),_:2},1024),x(R,{name:`fade`},{default:z(()=>[x(T(U),{name:`sources[${p}].urls[${r}]`,class:`cui-input-error`},null,8,[`name`])]),_:2},1024),x(l,{severity:`secondary`,variant:`simple`,size:`small`,class:`cui-input-hint`},{default:z(()=>[b(v(T(J)(t)?e.$t(`components.form.hint.source_detected_protocol`,{protocol:T(J)(t)}):e.$t(`components.form.hint.source_url`)),1)]),_:2},1024)]),_:2},1032,[`model-value`,`name`]))],64))),128)),y(n)?N(``,!0):(L(),h(a,{key:0,loading:T(_),label:e.$t(`components.form.button.add_source`),class:`ml-auto cui-button-medium`,onClick:e=>te(p)},null,8,[`loading`,`label`,`onClick`]))])])]),_:2},1032,[`pt`])]),_:2},1032,[`value`,`class`]))),128))]),_:1},8,[`value`])])}}}),Pt={class:`flex flex-col gap-6`},Ft={for:`name`,class:`cui-label`},It={class:`flex flex-col field-gap`},Lt={for:`type`,class:`cui-label`},Rt={class:`flex flex-col field-gap`},zt={for:`room`,class:`cui-label`},Bt={class:`flex gap-2`},Vt={class:`text-color font-normal`},Ht={class:`flex flex-col gap-6`},Ut={for:`info.manufacturer`,class:`cui-label`},Wt={for:`info.model`,class:`cui-label`},Gt={for:`info.hardware`,class:`cui-label`},Kt={for:`info.serialNumber`,class:`cui-label`},qt={for:`info.firmwareVersion`,class:`cui-label`},Jt={for:`info.supportUrl`,class:`cui-label`},Yt=V({__name:`CuiCameraDetailsFields`,props:{form:{},isLoading:{type:Boolean}},setup(e){let t=new Ne,r=e,i=n(),{t:a}=g(),{data:o,isBusy:s}=t.getRoomsQuery(),{mutateAsync:c}=t.createRoomMutation(),l=m([`camera`,`doorbell`]),u=w(()=>(o.value?.levels.length??0)>0),d=w(()=>Fe(o.value,a));function f(e){r.form.roomId=e}function p(){i.openComponentDialog(Pe,{data:{title:a(`components.dialog.title.create_room`),confirmText:a(`components.form.button.add`),contentProps:{}},onConfirm:async e=>{e&&f((await c({name:e,levelId:null,outdoor:!1,publicSpace:!1,note:``})).id)}})}return(t,n)=>{let r=K,i=_e,a=me,o=ge,c=Oe,m=q,g=ye,_=pe,y=Ce,C=de,w=ae(`tooltip`);return L(),S(`div`,Pt,[x(T(H),{modelValue:e.form.name,"onUpdate:modelValue":n[0]||=t=>e.form.name=t,modelModifiers:{trim:!0},name:`name`,as:`div`,class:`flex flex-col field-gap`},{default:z(({field:n,errors:o})=>[F(`label`,Ft,v(t.$t(`components.form.label.name`)),1),x(i,null,{default:z(()=>[x(r,k(n,{invalid:o.length>0,loading:e.isLoading,type:`text`}),null,16,[`invalid`,`loading`])]),_:2},1024),x(R,{name:`fade`},{default:z(()=>[x(T(U),{name:`name`,class:`cui-input-error`})]),_:1}),o.length?N(``,!0):(L(),h(a,{key:0,severity:`secondary`,variant:`simple`,size:`small`,class:`cui-input-hint`},{default:z(()=>[b(v(t.$t(`components.form.hint.camera_name`)),1)]),_:1}))]),_:1},8,[`modelValue`]),F(`div`,It,[F(`label`,Lt,v(t.$t(`components.form.label.type`)),1),x(i,null,{default:z(()=>[x(o,{"model-value":e.form.type,options:T(l),loading:e.isLoading,type:`text`,onValueChange:n[1]||=t=>e.form.type=t},null,8,[`model-value`,`options`,`loading`])]),_:1})]),F(`div`,Rt,[F(`label`,zt,v(t.$t(`components.form.label.room`)),1),F(`div`,Bt,[x(o,{"model-value":e.form.roomId,options:T(d),"option-label":`label`,"option-value":`value`,"option-group-label":T(u)?`label`:void 0,"option-group-children":T(u)?`items`:void 0,loading:T(s),class:`w-full`,"onUpdate:modelValue":n[2]||=e=>f(e)},null,8,[`model-value`,`options`,`option-group-label`,`option-group-children`,`loading`]),A((L(),h(m,{severity:`secondary`,outlined:``,class:`shrink-0 h-[42px] w-[42px] p-0`,onClick:p},{icon:z(()=>[x(c,{class:`w-4 h-4`})]),_:1})),[[w,t.$t(`components.form.button.create_room`),void 0,{top:!0}]])]),x(a,{severity:`secondary`,variant:`simple`,size:`small`,class:`cui-input-hint`},{default:z(()=>[b(v(t.$t(`components.form.hint.room`)),1)]),_:1})]),ne(t.$slots,`default`),x(C,null,{default:z(()=>[x(y,{value:`branding`},{default:z(()=>[x(g,{class:`px-0 pt-0`},{default:z(()=>[F(`span`,Vt,v(t.$t(`components.camera_options.branding`)),1)]),_:1}),x(_,{pt:{content:{class:`px-0`}}},{default:z(()=>[F(`div`,Ht,[x(T(H),{modelValue:e.form.info.manufacturer,"onUpdate:modelValue":n[3]||=t=>e.form.info.manufacturer=t,modelModifiers:{trim:!0},name:`info.manufacturer`,as:`div`,class:`flex flex-col field-gap`},{default:z(({field:n,errors:a})=>[F(`label`,Ut,v(t.$t(`components.form.label.manufacturer`)),1),x(i,null,{default:z(()=>[x(r,k(n,{invalid:a.length>0,loading:e.isLoading,type:`text`}),null,16,[`invalid`,`loading`])]),_:2},1024),x(R,{name:`fade`},{default:z(()=>[x(T(U),{name:`info.manufacturer`,class:`cui-input-error`})]),_:1})]),_:1},8,[`modelValue`]),x(T(H),{modelValue:e.form.info.model,"onUpdate:modelValue":n[4]||=t=>e.form.info.model=t,modelModifiers:{trim:!0},name:`info.model`,as:`div`,class:`flex flex-col field-gap`},{default:z(({field:n,errors:a})=>[F(`label`,Wt,v(t.$t(`components.form.label.model`)),1),x(i,null,{default:z(()=>[x(r,k(n,{invalid:a.length>0,loading:e.isLoading,type:`text`}),null,16,[`invalid`,`loading`])]),_:2},1024),x(R,{name:`fade`},{default:z(()=>[x(T(U),{name:`info.model`,class:`cui-input-error`})]),_:1})]),_:1},8,[`modelValue`]),x(T(H),{modelValue:e.form.info.hardware,"onUpdate:modelValue":n[5]||=t=>e.form.info.hardware=t,modelModifiers:{trim:!0},name:`info.hardware`,as:`div`,class:`flex flex-col field-gap`},{default:z(({field:n,errors:a})=>[F(`label`,Gt,v(t.$t(`components.form.label.hardware_version`)),1),x(i,null,{default:z(()=>[x(r,k(n,{invalid:a.length>0,loading:e.isLoading,type:`text`}),null,16,[`invalid`,`loading`])]),_:2},1024),x(R,{name:`fade`},{default:z(()=>[x(T(U),{name:`info.hardware`,class:`cui-input-error`})]),_:1})]),_:1},8,[`modelValue`]),x(T(H),{modelValue:e.form.info.serialNumber,"onUpdate:modelValue":n[6]||=t=>e.form.info.serialNumber=t,modelModifiers:{trim:!0},name:`info.serialNumber`,as:`div`,class:`flex flex-col field-gap`},{default:z(({field:n,errors:a})=>[F(`label`,Kt,v(t.$t(`components.form.label.serial_number`)),1),x(i,null,{default:z(()=>[x(r,k(n,{invalid:a.length>0,loading:e.isLoading,type:`text`}),null,16,[`invalid`,`loading`])]),_:2},1024),x(R,{name:`fade`},{default:z(()=>[x(T(U),{name:`info.serialNumber`,class:`cui-input-error`})]),_:1})]),_:1},8,[`modelValue`]),x(T(H),{modelValue:e.form.info.firmwareVersion,"onUpdate:modelValue":n[7]||=t=>e.form.info.firmwareVersion=t,modelModifiers:{trim:!0},name:`info.firmwareVersion`,as:`div`,class:`flex flex-col field-gap`},{default:z(({field:n,errors:a})=>[F(`label`,qt,v(t.$t(`components.form.label.firmware_version`)),1),x(i,null,{default:z(()=>[x(r,k(n,{invalid:a.length>0,loading:e.isLoading,type:`text`}),null,16,[`invalid`,`loading`])]),_:2},1024),x(R,{name:`fade`},{default:z(()=>[x(T(U),{name:`info.firmwareVersion`,class:`cui-input-error`})]),_:1})]),_:1},8,[`modelValue`]),x(T(H),{modelValue:e.form.info.supportUrl,"onUpdate:modelValue":n[8]||=t=>e.form.info.supportUrl=t,modelModifiers:{trim:!0},name:`info.supportUrl`,as:`div`,class:`flex flex-col field-gap`},{default:z(({field:n,errors:a})=>[F(`label`,Jt,v(t.$t(`components.form.label.support_url`)),1),x(i,null,{default:z(()=>[x(r,k(n,{invalid:a.length>0,loading:e.isLoading,type:`text`}),null,16,[`invalid`,`loading`])]),_:2},1024),x(R,{name:`fade`},{default:z(()=>[x(T(U),{name:`info.supportUrl`,class:`cui-input-error`})]),_:1})]),_:1},8,[`modelValue`])])]),_:1})]),_:1})]),_:1})])}}}),Xt={disabled:!1,name:``,type:`camera`,room:`Default`,roomId:null,info:{manufacturer:``,model:``,hardware:``,serialNumber:``,firmwareVersion:``,supportUrl:``},sources:[{_id:i(8),name:``,role:`high-resolution`,urls:[``],useForSnapshot:!1,hotMode:!0,preload:!0,muted:!1,backchannelDisabled:!1}],interfaceSettings:{streamingMode:`auto`,streamingSource:`high-resolution`,playbackSource:`auto`,activityMode:`always-on`,aspectRatio:`16:9`},plugins:[],assignments:{}},Zt={class:`card-title`},Qt={class:`card-title`},$t={class:`w-full flex items-center justify-center mt-4`},en=V({__name:`AddCamera`,props:{camera:{default:()=>Xt}},setup(t,{expose:n}){let r=new e,i=t,a=c(),{t:o}=g(),{mutateAsync:s,isPending:l}=r.createCameraQuery(),{camera:u}=y(i),f=I(`formRef`),p=I(`sourcesRef`),h=m(d(u.value)),_=w(()=>l.value);async function b(){if(!(await f.value?.validate())?.valid)return a.add({severity:`error`,detail:o(`components.toast.validation_failed`),life:3e3}),null;let e=d(h.value),t={...ue(),...e,sources:e.sources.map(e=>({...e,muted:e.muted??!1,backchannelDisabled:e.backchannelDisabled??!1,urls:e.urls.map(Re).filter(Boolean)}))};await s({cameraData:t})}return n({isLoading:_,onSave:b,onConfirm:b}),(e,t)=>{let n=Yt,r=be,i=Nt,a=Ae,o=q;return L(),S(`div`,null,[x(T(W),{ref_key:`formRef`,ref:f,class:`flex flex-col w-full gap-6`,"validation-schema":T(Le)},{default:z(()=>[F(`div`,null,[F(`span`,Zt,v(e.$t(`components.dialog.components.new_camera.camera`)),1),x(r,{class:`cui-card`},{content:z(()=>[x(n,{form:T(h),"is-loading":T(_)},null,8,[`form`,`is-loading`])]),_:1})]),F(`div`,null,[F(`span`,Qt,v(e.$t(`components.form.label.sources`)),1),x(r,{class:`cui-card border-color-inner`,pt:{body:{class:`pb-0`}}},{content:z(()=>[x(i,{ref_key:`sourcesRef`,ref:p,sources:T(h).sources,"is-loading":T(_),"allow-add-remove-sources":!0},null,8,[`sources`,`is-loading`])]),_:1}),F(`div`,$t,[x(o,{text:``,rounded:``,loading:T(_),class:`cui-icon-2xl`,onClick:t[0]||=e=>T(p)?.newSource()},{icon:z(()=>[x(a,{width:`100%`,height:`100%`})]),_:1},8,[`loading`])])])]),_:1},8,[`validation-schema`])])}}}),tn={class:`card-title`},nn={key:0,class:`flex flex-col gap-6`},rn={class:`cui-label`},an={class:`card-title`},on=V({__name:`ConfirmCamera`,props:{draft:{},onConfirm:{type:Function}},setup(e,{expose:t}){let n=le({name:G().trim().min(1)}).passthrough(),r=e,i=c(),{t:a}=g(),o=I(`formRef`),s=m(d(r.draft)),l=m({name:s.value.name,type:s.value.type,room:s.value.room,roomId:s.value.roomId,info:s.value.info,sources:s.value.sources.map(e=>({...e,urls:[...e.urls]}))}),u=m(!1),f=w(()=>{let e=[];return s.value.pluginInfo?.name&&e.push({label:a(`views.devices.plugin`),value:s.value.pluginInfo.name}),s.value.nativeId&&e.push({label:a(`views.devices.native_id`),value:s.value.nativeId}),e}),p=w(()=>u.value);async function h(){if(!(await o.value?.validate())?.valid)return i.add({severity:`error`,detail:a(`components.toast.validation_failed`),life:3e3}),null;u.value=!0;try{let e={...s.value,name:l.value.name,type:l.value.type,room:l.value.room,roomId:l.value.roomId,info:l.value.info,sources:l.value.sources.map(e=>({...e,urls:e.urls.map(Re).filter(Boolean)}))};await r.onConfirm(e)}catch(e){return i.add({severity:`error`,summary:a(`views.devices.confirm_title`),detail:e,life:3e3}),null}finally{u.value=!1}}return t({isLoading:p,onConfirm:h}),(e,t)=>{let r=K,i=_e,a=Yt,s=be,c=Nt;return L(),S(`div`,null,[x(T(W),{ref_key:`formRef`,ref:o,class:`flex flex-col w-full gap-6`,"validation-schema":T(n)},{default:z(()=>[F(`div`,null,[F(`span`,tn,v(e.$t(`components.dialog.components.new_camera.camera`)),1),x(s,{class:`cui-card`},{content:z(()=>[x(a,{form:T(l),"is-loading":T(p)},{default:z(()=>[T(f).length?(L(),S(`div`,nn,[(L(!0),S(D,null,M(T(f),e=>(L(),S(`div`,{key:e.label,class:`flex flex-col field-gap`},[F(`label`,rn,v(e.label),1),x(i,null,{default:z(()=>[x(r,{"model-value":e.value,readonly:``,type:`text`},null,8,[`model-value`])]),_:2},1024)]))),128))])):N(``,!0)]),_:1},8,[`form`,`is-loading`])]),_:1})]),F(`div`,null,[F(`span`,an,v(e.$t(`components.form.label.sources`)),1),x(s,{class:`cui-card border-color-inner`,pt:{body:{class:`pb-0`}}},{content:z(()=>[x(c,{sources:T(l).sources,"is-loading":T(p),"allow-add-remove-sources":!0},null,8,[`sources`,`is-loading`])]),_:1})])]),_:1},8,[`validation-schema`])])}}}),sn={class:`flex flex-col gap-6`},cn={key:0,class:`flex flex-col field-gap`},ln={class:`cui-label`},un={key:1,class:`text-center py-4`},dn={class:`text-muted`},fn=V({__name:`ConnectionSchema`,props:{camera:{},schema:{},onConnect:{type:Function}},setup(e,{expose:t}){let n=e,r=ce(),i=c(),{t:a}=g(),o=O(`dialogRefProps`),{schema:s}=y(n),l=I(`schemaFormRef`),u=m(!1),d=w(()=>({schema:s.value,config:{}})),f=w(()=>!!(o.loading?.value||u.value));async function p(){u.value=!0;try{let e={};if(s.value.length>0){let t=await l.value?.validate();if(!t?.valid)return r.error(`Validation failed`,t),i.add({severity:`error`,detail:a(`components.toast.validation_failed`),life:3e3}),null;e=t.values??{}}await n.onConnect(e)}catch(e){return i.add({severity:`error`,summary:a(`views.devices.connect`),detail:e,life:3e3}),null}finally{u.value=!1}}return t({isLoading:f,onConfirm:p}),(t,n)=>{let r=K,i=je;return L(),S(`div`,sn,[e.camera.address?(L(),S(`div`,cn,[F(`label`,ln,v(t.$t(`views.devices.address`)),1),x(r,{"model-value":e.camera.address,readonly:``},null,8,[`model-value`])])):N(``,!0),T(s).length===0?(L(),S(`div`,un,[F(`p`,dn,v(t.$t(`views.devices.no_settings_required`)),1)])):(L(),h(i,{key:2,ref_key:`schemaFormRef`,ref:l,"schema-form":T(d),loading:T(f)},null,8,[`schema-form`,`loading`]))])}}}),pn=5e3,Y=C({isLoading:!0,devices:[],isScanning:!1,hiddenDevices:[],showHidden:!1,error:null}),mn=null,X=null,Z=!1,Q=null,$=0,hn=null;function gn(){Y.isLoading=!0,Y.devices=[],Y.isScanning=!1,Y.hiddenDevices=[],Y.showHidden=!1,Y.error=null}function _n(){return X||(mn=E(!0),mn.run(()=>{let e=a(`/cameras`);X=e,e.onReady(()=>{vn()}),ie(e.connected,(e,t)=>{!e&&t&&(Z=!1,Q=null)}),e.on(`cameras:discovered`,e=>{for(let t of e.devices){let e=Y.devices.findIndex(e=>e.id===t.id);e>=0?Y.devices[e]=t:Y.devices.push(t)}}),e.on(`cameras:scanning`,e=>{Y.isScanning=e.isScanning}),e.on(`cameras:connection-status`,e=>{let t=Y.devices.find(t=>t.discoveredId===e.discoveredId);t&&(e.status===`connecting`?t.status=`adopting`:e.status===`error`?(t.status=`error`,t.errorMessage=e.errorMessage):e.status===`connected`&&(Y.devices=Y.devices.filter(t=>t.discoveredId!==e.discoveredId)))}),e.on(`cameras:camera-connected`,e=>{Y.devices=Y.devices.filter(t=>t.discoveredId!==e.discoveredId)}),e.on(`cameras:deleted`,e=>{Y.devices=Y.devices.filter(t=>t.cameraId!==e.cameraId)})}),X)}async function vn(){if(!X||Z)return{success:Z,devices:Y.devices,isScanning:Y.isScanning,hiddenDevices:Y.hiddenDevices};if(!Q){let e=yn(X).finally(()=>{Q===e&&(Q=null)});Q=e}return Q}async function yn(e){try{let t=await e.request(`cameras:subscribe`,{});return Z=t.success,t.devices&&(Y.devices=t.devices),t.isScanning!==void 0&&(Y.isScanning=t.isScanning),t.hiddenDevices&&(Y.hiddenDevices=t.hiddenDevices),Y.isLoading=!1,t}catch(e){return Y.isLoading=!1,Y.error=e instanceof Error?e.message:`subscribe failed`,{success:!1}}}async function bn(){if(!X||!Z)return{success:!0};try{let e=await X.request(`cameras:unsubscribe`,{});return Z=!e.success,e}catch{return{success:!1}}}function xn(){Z&&bn(),mn?.stop(),mn=null,X=null,Z=!1,Q=null,gn()}function Sn(){hn&&=(clearTimeout(hn),null),$++;function e(){_n(),X?.connected.value&&!Z&&vn()}function t(){Z&&bn()}async function n(){if(!X?.ready.value)return{success:!1,error:`Not connected`};Y.devices=[],Y.isScanning=!0;try{let e=await X.request(`cameras:rescan`,{});return e.success||(Y.isScanning=!1),e}catch(e){return Y.isScanning=!1,{success:!1,error:e instanceof Error?e.message:`rescan failed`}}}async function r(e){if(!X?.ready.value)return{success:!1,error:`Not connected`};try{return await X.request(`cameras:get-schema`,{discoveredId:e})}catch(e){return{success:!1,error:e instanceof Error?e.message:`get-schema failed`}}}async function i(e,t){if(!X?.ready.value)return{success:!1,error:`Not connected`};try{return await X.request(`cameras:connect`,{discoveredId:e,credentials:t})}catch(e){return{success:!1,error:e instanceof Error?e.message:`connect failed`}}}async function a(e,t){if(!X?.ready.value)throw Error(`Not connected`);let n=await X.request(`cameras:prepare`,{discoveredId:e,credentials:t});if(!n.success||!n.draft)throw Error(n.error??`prepare failed`);return n.draft}async function o(e,t){if(!X?.ready.value)throw Error(`Not connected`);let n=await X.request(`cameras:confirm`,{draft:e,discoveredId:t});if(!n.success||!n.cameraId||!n.cameraName)throw Error(n.error??`confirm failed`);return{cameraId:n.cameraId,cameraName:n.cameraName}}async function s(e){if(!X?.ready.value)return{success:!1,error:`Not connected`};let t={id:e.discoveredId,name:e.name,model:e.model};try{let e=await X.request(`cameras:hide-device`,{device:t});return e.success&&e.hiddenDevices&&(Y.hiddenDevices=e.hiddenDevices),e}catch(e){return{success:!1,error:e instanceof Error?e.message:`hide-device failed`}}}async function c(e){if(!X?.ready.value)return{success:!1,error:`Not connected`};try{let t=await X.request(`cameras:unhide-device`,{deviceId:e});return t.success&&t.hiddenDevices&&(Y.hiddenDevices=t.hiddenDevices),t}catch(e){return{success:!1,error:e instanceof Error?e.message:`unhide-device failed`}}}function l(){Y.showHidden=!Y.showHidden}function u(e){return e.type!==`discovered`||!e.discoveredId?!1:Y.hiddenDevices.some(t=>t.id===e.discoveredId)}let d=w(()=>{let e=new Set(Y.hiddenDevices.map(e=>e.id)),t=(e,t)=>e.name.localeCompare(t.name),n=Y.devices.filter(e=>e.type===`camera`).sort(t),r=Y.devices.filter(t=>t.type===`discovered`&&!e.has(t.discoveredId)).sort(t),i=Y.showHidden?Y.devices.filter(t=>t.type===`discovered`&&e.has(t.discoveredId)).sort(t):[];return[...n,...r,...i]});return re(()=>{$--,!($>0)&&($=0,hn=setTimeout(()=>{$<=0&&(xn(),hn=null)},pn))}),{state:P(Y),isConnected:w(()=>X?.connected.value??!1),isLoading:w(()=>Y.isLoading),devices:w(()=>Y.devices),isScanning:w(()=>Y.isScanning),hiddenDevices:w(()=>Y.hiddenDevices),showHidden:w(()=>Y.showHidden),error:w(()=>Y.error),sortedDevices:d,connect:e,disconnect:t,subscribe:vn,unsubscribe:bn,forceRescan:n,getConnectionSchema:r,connectDevice:i,prepareDevice:a,confirmDevice:o,hideDevice:s,unhideDevice:c,toggleShowHidden:l,isHidden:u}}var Cn={class:`flex flex-col`},wn={key:0,class:`page-title`},Tn={key:1,class:`flex min-h-0 flex-col`},En={key:0,class:`flex flex-1 min-h-0 flex-col items-center justify-center w-full gap-4`},Dn={key:1,class:`flex flex-1 min-h-0 flex-col items-center justify-center w-full gap-4 py-16`},On={class:`w-16 h-16 rounded-full bg-primary-500/10 flex items-center justify-center`},kn={class:`flex flex-col items-center gap-1 max-w-[400px] text-center`},An={class:`text-color font-semibold text-base`},jn={class:`text-muted text-sm`},Mn={key:2,class:`flex min-h-0 flex-col`},Nn={class:`card-title`},Pn={class:`flex items-center justify-center`},Fn={class:`font-bold text-color truncate`},In={class:`text-xs text-muted truncate`},Ln={key:0,class:`text-xs text-red-500 truncate`},Rn={class:`card-title`},zn={key:0,class:`flex flex-col gap-6`},Bn={class:`flex items-center justify-center`},Vn={class:`flex items-center justify-center`},Hn={key:1,class:`flex flex-col items-center justify-center py-6 gap-2`},Un={class:`text-muted text-sm`},Wn={class:`flex flex-wrap items-center gap-2 mt-4`},Gn=u(V({__name:`Cameras`,setup(e){let{t:i}=g(),a=c(),u=n(),d=t(),{smBreakpoint:m}=p(),_=Sn(),y={bodyRow:{class:`text-sm text-secondary`},column:{columnTitle:{class:`text-sm`}},datatable:{class:`z-0`}},b=w(()=>f(void 0,`admin`)),C=w(()=>_.sortedDevices.value),E=w(e=>s(e,C.value.filter(e=>e.type===`camera`),e=>e.id)),ee=w(e=>s(e,C.value.filter(e=>e.type===`discovered`),e=>e.id)),O=w(()=>_.isLoading.value),k=w(()=>_.isScanning.value),ne=w(()=>_.hiddenDevices.value),re=w(()=>_.showHidden.value),ie=w(()=>ne.value.length);function M(e){switch(e){case`added`:return`green`;case`discovered`:return`orange`;case`adopting`:return`orange`;case`error`:return`red`;default:return`gray`}}function P(e){switch(e){case`added`:return i(`views.devices.status_added`);case`discovered`:return i(`views.devices.status_discovered`);case`adopting`:return i(`views.devices.status_adopting`);case`error`:return i(`views.devices.status_error`);default:return i(`views.devices.status_unknown`)}}function I(e){return _.isHidden(e)}async function R(e){if(!I(e)){if(e.type===`camera`)d.open({cameraName:e.name});else if(e.type===`discovered`&&e.discoveredId){if(e.status===`adopting`)return;try{let t=await _.getConnectionSchema(e.discoveredId);if(!t.success){a.add({severity:`error`,summary:i(`views.devices.connect`),detail:t.error,life:3e3});return}u.openComponentDialog(fn,{data:{title:`${i(`views.devices.connect`)}: ${e.name}`,confirmText:i(`views.devices.connect`),contentProps:{camera:{id:e.discoveredId,name:e.name,model:e.model,address:e.address,provider:e.provider,connectionStatus:`idle`},schema:t.schema??[],onConnect:async t=>{se(await _.prepareDevice(e.discoveredId,t),e.discoveredId)}}}})}catch(e){a.add({severity:`error`,summary:i(`views.devices.connect`),detail:e,life:3e3})}}}}function se(e,t){u.openComponentDialog(on,{data:{title:i(`views.devices.confirm_title`),confirmText:i(`views.devices.confirm`),fullscreen:!0,contentProps:{draft:e,onConfirm:async e=>{await _.confirmDevice(e,t),a.add({severity:`success`,summary:i(`views.devices.connect`),detail:i(`components.toast.camera_added`),life:3e3})}}}})}async function V(){try{let e=await _.forceRescan();e.success?a.add({severity:`success`,summary:i(`views.devices.rescan`),detail:i(`views.devices.rescan_success`),life:3e3}):a.add({severity:`error`,summary:i(`views.devices.rescan`),detail:e.error,life:3e3})}catch(e){a.add({severity:`error`,summary:i(`views.devices.rescan`),detail:e,life:3e3})}}function H(){u.openComponentDialog(en,{data:{title:i(`components.dialog.components.new_camera.add_camera`),fullscreen:!0,contentProps:{}}})}async function U(e,t){e.stopPropagation();try{let e=await _.hideDevice(t);e.success?a.add({severity:`success`,summary:i(`views.devices.hide`),detail:i(`views.devices.device_hidden`),life:3e3}):a.add({severity:`error`,summary:i(`views.devices.hide`),detail:e.error,life:3e3})}catch(e){a.add({severity:`error`,summary:i(`views.devices.hide`),detail:e,life:3e3})}}async function W(e,t){e.stopPropagation();try{let e=await _.unhideDevice(t.discoveredId);e.success?a.add({severity:`success`,summary:i(`views.devices.unhide`),detail:i(`views.devices.device_unhidden`),life:3e3}):a.add({severity:`error`,summary:i(`views.devices.unhide`),detail:e.error,life:3e3})}catch(e){a.add({severity:`error`,summary:i(`views.devices.unhide`),detail:e,life:3e3})}}function ce(){_.toggleShowHidden()}function G(e){return I(e)?`opacity-50 cursor-not-allowed`:``}return j(()=>{b.value&&_.connect()}),oe(()=>{b.value&&_.unsubscribe()}),(e,t)=>{let n=Be,i=be,a=Se,s=o,c=q,u=xe,d=we,p=ve,g=ze,_=r,w=He,ne=l,j=ae(`tooltip`);return L(),S(`div`,Cn,[T(m)?N(``,!0):(L(),S(`h1`,wn,v(e.$t(`views.${String(e.$route.name).toLowerCase()}.title`)),1)),T(b)?(L(),S(D,{key:2},[T(O)?(L(),S(`div`,En,[x(a,{"stroke-width":`5`,class:`w-[30px] h-[30px]`})])):N(``,!0),!T(O)&&!T(C).length?(L(),S(`div`,Dn,[F(`div`,On,[x(s,{class:`w-8 h-8 text-primary-500`})]),F(`div`,kn,[F(`span`,An,v(T(k)?e.$t(`views.devices.scanning`):e.$t(`views.devices.no_devices`)),1),F(`span`,jn,v(T(k)?e.$t(`views.devices.scanning_hint`):e.$t(`views.devices.no_devices_hint`)),1)]),x(c,{class:`cui-button-medium mt-2`,severity:`secondary`,label:e.$t(`views.devices.rescan`),loading:T(k),onClick:V},null,8,[`label`,`loading`])])):N(``,!0),!T(O)&&T(E).length?(L(),S(`div`,Mn,[F(`span`,Nn,v(e.$t(`views.devices.status_adopted_cameras`)),1),x(i,{class:`cui-card`},{content:z(()=>[x(g,{value:T(E),"striped-rows":``,pt:y,class:`w-full`,onRowClick:t[0]||=e=>R(e.data)},{default:z(()=>[x(d,{header:``,"header-class":`p-2 pl-4 w-5 max-w-5`,class:`p-2 pl-4 w-5 max-w-5`},{body:z(({data:e})=>[F(`div`,Pn,[A(x(u,{style:te({background:M(e.status)})},null,8,[`style`]),[[j,{value:P(e.status)}]])])]),_:1}),x(d,{field:`name`,header:e.$t(`views.devices.name`),"header-class":`p-2`,class:`p-2 w-full min-w-[200px] max-w-0`},{body:z(({data:t})=>[F(`div`,Fn,v(t.name),1),F(`div`,In,v(t.manufacturer||e.$t(`views.devices.unknown`))+` · `+v(t.model||e.$t(`views.devices.unknown`)),1),t.errorMessage?(L(),S(`div`,Ln,v(t.errorMessage),1)):N(``,!0)]),_:1},8,[`header`]),x(d,{field:`room`,header:e.$t(`components.form.label.room`),"header-class":`p-2 whitespace-nowrap`,class:`p-2 whitespace-nowrap`},{body:z(({data:t})=>[t.room?(L(),h(p,{key:0,label:t.room===`Default`?e.$t(`components.form.label.room_default`):t.room,class:`text-xs whitespace-nowrap`},null,8,[`label`])):N(``,!0)]),_:1},8,[`header`]),x(d,{field:`provider`,header:e.$t(`views.devices.provider`),"header-class":`p-2 pr-4 whitespace-nowrap`,class:`p-2 pr-4 whitespace-nowrap`},{body:z(({data:e})=>[x(p,{label:e.provider,class:`text-xs whitespace-nowrap`},null,8,[`label`])]),_:1},8,[`header`])]),_:1},8,[`value`])]),_:1})])):N(``,!0),!T(O)&&T(C).length?(L(),S(`div`,{key:3,class:B([`flex min-h-0 flex-col`,{"mt-6":T(E).length}])},[F(`span`,Rn,v(e.$t(`views.devices.status_discovered`)),1),x(i,{class:`cui-card`},{content:z(()=>[T(ee).length?(L(),S(`div`,zn,[x(g,{value:T(ee),"striped-rows":``,pt:y,class:`w-full`,onRowClick:t[1]||=e=>R(e.data)},{default:z(()=>[x(d,{header:``,"header-class":`p-2 pl-4 w-5 max-w-5`,class:`p-2 pl-4 w-5 max-w-5`},{body:z(({data:e})=>[F(`div`,Bn,[A(x(u,{style:te({background:M(e.status)})},null,8,[`style`]),[[j,{value:P(e.status)}]])])]),_:1}),x(d,{field:`name`,header:e.$t(`views.devices.name`),"header-class":`p-2`,class:`p-2 w-full min-w-[200px] max-w-0`},{body:z(({data:t})=>[F(`div`,{class:B([`font-bold text-color truncate`,G(t)])},v(t.name),3),F(`div`,{class:B([`text-xs text-muted truncate`,G(t)])},v(t.manufacturer||e.$t(`views.devices.unknown`))+` · `+v(t.model||e.$t(`views.devices.unknown`)),3)]),_:1},8,[`header`]),x(d,{field:`address`,header:e.$t(`views.devices.address`),"header-class":`p-2 whitespace-nowrap`,class:`p-2 whitespace-nowrap`},{body:z(({data:e})=>[e.address?(L(),S(`span`,{key:0,class:B([`text-xs text-muted whitespace-nowrap`,G(e)])},v(e.address),3)):N(``,!0)]),_:1},8,[`header`]),x(d,{field:`provider`,header:e.$t(`views.devices.provider`),"header-class":`p-2 whitespace-nowrap`,class:`p-2 whitespace-nowrap`},{body:z(({data:e})=>[x(p,{label:e.provider,class:B([`text-xs whitespace-nowrap`,G(e)])},null,8,[`label`,`class`])]),_:1},8,[`header`]),x(d,{header:``,"header-class":`p-2 pr-4 w-12`,class:`p-2 pr-4 w-12`},{body:z(({data:t})=>[F(`div`,Vn,[I(t)?A((L(),h(c,{key:1,text:``,rounded:``,class:`cui-icon-md`,onClick:e=>W(e,t)},{icon:z(()=>[x(T(Ee),{width:`100%`,height:`100%`,class:`text-muted`})]),_:1},8,[`onClick`])),[[j,{value:e.$t(`views.devices.unhide`)},void 0,{left:!0}]]):A((L(),h(c,{key:0,severity:`secondary`,text:``,rounded:``,class:`cui-icon-md`,onClick:e=>U(e,t)},{icon:z(()=>[x(T(De),{width:`100%`,height:`100%`,class:`text-muted`})]),_:1},8,[`onClick`])),[[j,{value:e.$t(`views.devices.hide`)},void 0,{left:!0}]])])]),_:1})]),_:1},8,[`value`])])):(L(),S(`div`,Hn,[T(k)?(L(),h(_,{key:0,width:`24px`,height:`24px`,class:`text-muted`})):(L(),h(w,{key:1,width:`32px`,height:`32px`,class:`text-muted`})),F(`span`,Un,v(T(k)?e.$t(`views.devices.scanning`):e.$t(`views.devices.no_discovered`)),1)])),F(`div`,Wn,[t[2]||=F(`div`,{class:`ml-auto`},null,-1),T(ie)>0?(L(),h(c,{key:0,severity:`secondary`,class:`cui-button-medium`,label:T(re)?e.$t(`views.devices.hide_hidden`):`${e.$t(`views.devices.show_hidden`)} (${T(ie)})`,onClick:ce},null,8,[`label`])):N(``,!0),x(c,{severity:`secondary`,class:`cui-button-medium`,label:e.$t(`views.devices.rescan`),loading:T(k),onClick:V},null,8,[`label`,`loading`])])]),_:1})],2)):N(``,!0)],64)):(L(),S(`div`,Tn,[x(i,{class:`cui-card`},{content:z(()=>[x(n)]),_:1})])),(`hasPermission`in e?e.hasPermission:T(f))(void 0,`admin`)?(L(),h(ne,{key:3,"tooltip-props":{value:e.$t(`views.cameras.add_camera`)},"button-props":{class:`text-white`},icon:T(Ve),"icon-props":{width:`30px`,height:`30px`},onClick:H},null,8,[`tooltip-props`,`icon`])):N(``,!0)])}}}),[[`__scopeId`,`data-v-3b6b373b`]]);export{Gn as default};