@camera.ui/server 2.4.0 → 2.4.1

package/dist/interface/ha/Cameras-CBRTfWbL.js

@@ -0,0 +1,1934 @@
+import { c as e, m as t } from "./ripple-CGl9oC16.js";
+import { B as n, D as r, G as i, H as a, J as o, K as s, Kt as c, M as l, Ot as u, St as d, Xt as f, Yt as p, bt as m, d as h, f as g, ft as _, gt as v, jt as y, l as b, lt as x, ot as S, p as C, r as w, rt as T, u as E, ut as D, v as O, vt as k, x as A, xt as j, y as M, z as N } from "./runtime-core.esm-bundler-CrWKbcD2.js";
+import { t as ee } from "./message-CZC3zWwJ.js";
+import { $i as P, At as te, Bi as ne, F, Gi as I, Gn as L, I as R, Jr as re, Lt as ie, N as z, P as ae, Rt as oe, Zn as B, a as V, ai as se, ci as H, cr as ce, h as le, ii as U, ir as ue, ni as de, y as fe } from "./api-BCqn9EdE.js";
+import { N as pe } from "./protocol-BB4jdtUC-CGK3LRf3.js";
+import { l as me, n as W, r as he, s as ge, t as G } from "./vee-validate-DWIY1QrX.js";
+import { $ as _e, et as ve, it as ye, nt as be, rt as xe, tt as Se } from "./pinia-BBBIELZl.js";
+import { n as K } from "./vue-i18n-DzDRu5NH.js";
+import { t as Ce } from "./CuiButton-CGAd8xvo.js";
+import { r as we } from "./button-D9sS6H0w.js";
+import { t as q } from "./inputtext-DfgvQQt_.js";
+import { t as Te } from "./select-Ba_XFods.js";
+import { t as Ee } from "./close-BYhywzVJ.js";
+import { i as De, n as Oe, r as ke, t as Ae } from "./accordion-w3Av_-S6.js";
+import { t as je } from "./chip-C18QAhDf.js";
+import { i as Me, t as Ne } from "./CuiDataTable-CV5ePNzg.js";
+import { t as Pe } from "./CuiToggleRow-4GA_eZL4.js";
+import { n as Fe, r as Ie, t as Le } from "./CuiSchema-2zcLy55L.js";
+import { t as Re } from "./CuiCameraTable-ZX4L7FCs.js";
+import { r as ze } from "./cards-CHOFxf6N.js";
+import { t as Be } from "./plus-CVdkLDRi.js";
+import { t as Ve } from "./radar-DBZ9BFoE.js";
+import { n as He, t as Ue } from "./eye-off-Bp9pn9q3.js";
+import { t as We } from "./rooms-Bgn_uCWa.js";
+//#region ~icons/material-symbols/camera-rounded
+var Ge = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function Ke(e, t) {
+	return a(), C("svg", Ge, [...t[0] ||= [E("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 qe = k({
+	name: "material-symbols-camera-rounded",
+	render: Ke
+}), Je = "#### 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", Ye = "#### 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", Xe = "#### Source: Doorbird\n\n[Doorbird](https://www.doorbird.com/) proprietary camera protocol with **two way audio** support.\n\n```yaml\nstreams:\n  video-audio:\n    - rtsp://user:pass@123.123.123.123:554/mpeg/media.amp\n    - doorbird://user:pass@123.123.123.123?media=audio\n  two-way:\n    - rtsp://user:pass@123.123.123.123:554/mpeg/media.amp\n    - doorbird://user:pass@123.123.123.123?media=audio\n    - doorbird://user:pass@123.123.123.123\n  mjpeg-video:\n    - doorbird://user:pass@123.123.123.123?media=video\n```\n\n_Source: [Go2Rtc Tuya](https://github.com/seydx/go2rtc#source-doorbird)_\n", Ze = "#### 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", Qe = "#### Source: Echo\n\nSome 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).\n\n**Docker** and **Hass Add-on** users has preinstalled `python3`, `curl`, `jq`.\nCheck examples in [wiki](https://github.com/seydx/go2rtc/wiki/Source-Echo-examples).\n\n```yaml\nstreams:\n  apple_hls: echo:python3 hls.py https://developer.apple.com/streaming/examples/basic-stream-osx-ios5.html\n```\n\n_Source: [Go2Rtc Echo](https://github.com/seydx/go2rtc#source-echo)_\n", $e = "#### Source: Exec\n\nExec source can run any external application and expect data from it. Two transports are supported - **pipe** and **RTSP**.\n\nIf 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.\n\n**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**.\n\nThe source can be used with:\n\n- [FFmpeg](https://ffmpeg.org/) - go2rtc ffmpeg source just a shortcut to exec source\n- [FFplay](https://ffmpeg.org/ffplay.html) - play audio on your server\n- [GStreamer](https://gstreamer.freedesktop.org/)\n- [Raspberry Pi Cameras](https://www.raspberrypi.com/documentation/computers/camera_software.html)\n- any your own software\n\n```yaml\nstreams:\n  stream: exec:ffmpeg -re -i /media/BigBuckBunny.mp4 -c copy -rtsp_transport tcp -f rtsp {output}\n  picam_h264: exec:libcamera-vid -t 0 --inline -o -\n  picam_mjpeg: exec:libcamera-vid -t 0 --codec mjpeg -o -\n  pi5cam_h264: exec:libcamera-vid -t 0 --libav-format h264 -o -\n  canon: exec:gphoto2 --capture-movie --stdout#killsignal=2#killtimeout=5\n  play_pcma: exec:ffplay -fflags nobuffer -f alaw -ar 8000 -i -#backchannel=1\n  play_pcm48k: exec:ffplay -fflags nobuffer -f s16be -ar 48000 -i -#backchannel=1\n```\n\n_Source: [Go2Rtc Exec](https://github.com/seydx/go2rtc#source-exec)_\n", et = "#### Source: Expr\n\n[Expr](https://github.com/antonmedv/expr) - expression language and expression evaluation for Go.\n\n- [language definition](https://expr.medv.io/docs/Language-Definition) - takes best from JS, Python, Jinja2 syntax\n- your expression should return a link of any supported source\n- expression supports multiple operation, but:\n  - all operations must be separated by a semicolon\n  - all operations, except the last one, must declare a new variable (`let s = \"abc\";`)\n  - the last operation should return a string\n- go2rtc supports additional functions:\n  - `fetch` - JS-like HTTP requests\n  - `match` - JS-like RegExp queries\n\n## Examples\n\n**Two way audio for Dahua VTO**\n\n```yaml\nstreams:\n  dahua_vto: |\n    expr: let host = \"admin:password@192.168.1.123\";\n    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\n        ? \"rtsp://\"+host+\"/cam/realmonitor?channel=1&subtype=0&unicast=true&proto=Onvif\" : \"\"\n```\n\n**dom.ru**\n\nYou can get credentials via:\n\n- https://github.com/alexmorbo/domru (file `/share/domru/accounts`)\n- https://github.com/ad/domru\n\n```yaml\nstreams:\n  dom_ru: |\n    expr: let camera = \"99999999\"; let token = \"xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx\"; let operator = 99;\n    fetch(\"https://myhome.novotelecom.ru/rest/v1/forpost/cameras/\"+camera+\"/video\", {\n      headers: {Authorization: \"Bearer \"+token, Operator: operator}\n    }).json().data.URL\n```\n\n**Parse HLS files from Apple**\n\nSame example in two languages - python and expr.\n\n```yaml\nstreams:\n  example_python: |\n    echo:python -c 'from urllib.request import urlopen; import re\n\n    # url1 = \"https://devstreaming-cdn.apple.com/videos/streaming/examples/bipbop_16x9/bipbop_16x9_variant.m3u8\"\n    html1 = urlopen(\"https://developer.apple.com/streaming/examples/basic-stream-osx-ios5.html\").read().decode(\"utf-8\")\n    url1 = re.search(r\"https.+?m3u8\", html1)[0]\n\n    # url2 = \"gear1/prog_index.m3u8\"\n    html2 = urlopen(url1).read().decode(\"utf-8\")\n    url2 = re.search(r\"^[a-z0-1/_]+\\.m3u8$\", html2, flags=re.MULTILINE)[0]\n\n    # url3 = \"https://devstreaming-cdn.apple.com/videos/streaming/examples/bipbop_16x9/gear1/prog_index.m3u8\"\n    url3 = url1[:url1.rindex(\"/\")+1] + url2\n\n    print(\"ffmpeg:\" + url3 + \"#video=copy\")'\n\n  example_expr: |\n    expr:\n\n    let html1 = fetch(\"https://developer.apple.com/streaming/examples/basic-stream-osx-ios5.html\").text;\n    let url1 = match(html1, \"https.+?m3u8\")[0];\n\n    let html2 = fetch(url1).text;\n    let url2 = match(html2, \"^[a-z0-1/_]+\\\\.m3u8$\", \"m\")[0];\n\n    let url3 = url1[:lastIndexOf(url1, \"/\")+1] + url2;\n\n    \"ffmpeg:\" + url3 + \"#video=copy\"\n```\n\n## Comparsion\n\n| expr                         | python                     | js                             |\n| ---------------------------- | -------------------------- | ------------------------------ |\n| let x = 1;                   | x = 1                      | let x = 1                      |\n| {a: 1, b: 2}                 | {\"a\": 1, \"b\": 2}           | {a: 1, b: 2}                   |\n| let r = fetch(url, {method}) | r = request(method, url)   | r = await fetch(url, {method}) |\n| r.ok                         | r.ok                       | r.ok                           |\n| r.status                     | r.status_code              | r.status                       |\n| r.text                       | r.text                     | await r.text()                 |\n| r.json()                     | r.json()                   | await r.json()                 |\n| r.headers                    | r.headers                  | r.headers                      |\n| let m = match(text, \"abc\")   | m = re.search(\"abc\", text) | let m = text.match(/abc/)      |\n\n_Source: [Go2Rtc Expr](https://github.com/seydx/go2rtc#source-expr)_\n", tt = "#### 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", nt = "#### Source: GoPro\n\nSupported models: HERO9, HERO10, HERO11, HERO12.  \nSupported OS: Linux, Mac, Windows, [HassOS](https://www.home-assistant.io/installation/)\n\nThe other camera models have different APIs. I will try to add them in the next versions.\n\n## Config\n\n- USB-connected cameras create a new network interface in the system\n- Linux users do not need to install anything\n- Windows users should install the [network driver](https://community.gopro.com/s/article/GoPro-Webcam)\n- if the camera is detected but the stream does not start - you need to disable firewall\n\n1. Discover camera address: WebUI > Add > GoPro\n2. Add camera to config\n\n```yaml\nstreams:\n  hero12: gopro://172.20.100.51\n```\n\n## Useful links\n\n- https://gopro.github.io/OpenGoPro/\n\n_Source: [Go2Rtc Hass](https://github.com/seydx/go2rtc#source-hass)_\n", rt = "#### Source: Hass\n\nSupport import camera links from [Home Assistant](https://www.home-assistant.io/) config files:\n\n- [Generic Camera](https://www.home-assistant.io/integrations/generic/), setup via GUI\n- [HomeKit Camera](https://www.home-assistant.io/integrations/homekit_controller/)\n- [ONVIF](https://www.home-assistant.io/integrations/onvif/)\n- [Roborock](https://github.com/humbertogontijo/homeassistant-roborock) vacuums with camera\n\n```yaml\nhass:\n  config: '/config' # skip this setting if you Hass Add-on user\n\nstreams:\n  generic_camera: hass:Camera1 # Settings > Integrations > Integration Name\n  aqara_g3: hass:Camera-Hub-G3-AB12\n```\n\n**WebRTC Cameras**\n\nAny 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.\n\nThe Nest API only allows you to get a link to a stream for 5 minutes. So every 5 minutes the stream will be reconnected.\n\n```yaml\nstreams:\n  # link to Home Assistant Supervised\n  hass-webrtc1: hass://supervisor?entity_id=camera.nest_doorbell\n  # link to external Hass with Long-Lived Access Tokens\n  hass-webrtc2: hass://192.168.1.123:8123?entity_id=camera.nest_doorbell&token=eyXYZ...\n```\n\n_Source: [Go2Rtc Hass](https://github.com/seydx/go2rtc#source-hass)_\n", it = "#### Source: HomeKit\n\n**Important:**\n\n- You can use HomeKit Cameras **without Apple devices** (iPhone, iPad, etc.), it's just a yet another protocol\n- 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\n- HomeKit device should be in same network with working [mDNS](https://en.wikipedia.org/wiki/Multicast_DNS) between device and go2rtc\n\ngo2rtc 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.\n\nYou 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.\n\nIf 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.\n\n**Important:**\n\n- HomeKit audio uses very non-standard **AAC-ELD** codec with very non-standard params and specification violation\n- Audio can't be played in `VLC` and probably any other player\n- Audio should be transcoded for using with MSE, WebRTC, etc.\n\nRecommended settings for using HomeKit Camera with WebRTC, MSE, MP4, RTSP:\n\n```\nstreams:\n  aqara_g3:\n    - hass:Camera-Hub-G3-AB12\n    - ffmpeg:aqara_g3#audio=aac#audio=opus\n```\n\nRTSP link with \"normal\" audio for any player: `rtsp://192.168.1.123:8554/aqara_g3?video&audio=aac`\n\n**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).\n\n_Source: [Go2Rtc HomeKit](https://github.com/seydx/go2rtc#source-homekit)_\n", at = "#### Source: HTTP\n\nSupport Content-Type:\n\n- **HTTP-FLV** (`video/x-flv`) - same as RTMP, but over HTTP\n- **HTTP-JPEG** (`image/jpeg`) - camera snapshot link, can be converted by go2rtc to MJPEG stream\n- **HTTP-MJPEG** (`multipart/x`) - simple MJPEG stream over HTTP\n- **MPEG-TS** (`video/mpeg`) - legacy [streaming format](https://en.wikipedia.org/wiki/MPEG_transport_stream)\n\nSource also support HTTP and TCP streams with autodetection for different formats: **MJPEG**, **H.264/H.265 bitstream**, **MPEG-TS**.\n\n```yaml\nstreams:\n  # [HTTP-FLV] stream in video/x-flv format\n  http_flv: http://192.168.1.123:20880/api/camera/stream/780900131155/657617\n\n  # [JPEG] snapshots from Dahua camera, will be converted to MJPEG stream\n  dahua_snap: http://admin:password@192.168.1.123/cgi-bin/snapshot.cgi?channel=1\n\n  # [MJPEG] stream will be proxied without modification\n  http_mjpeg: https://mjpeg.sanford.io/count.mjpeg\n\n  # [MJPEG or H.264/H.265 bitstream or MPEG-TS]\n  tcp_magic: tcp://192.168.1.123:12345\n\n  # Add custom header\n  custom_header: 'https://mjpeg.sanford.io/count.mjpeg#header=Authorization: Bearer XXX'\n```\n\n**PS.** Dahua camera has bug: if you select MJPEG codec for RTSP second stream - snapshot won't work.\n\n_Source: [Go2Rtc Http](https://github.com/seydx/go2rtc#source-http)_\n", ot = "#### Source: ISAPI\n\nThis source type support only backchannel audio for Hikvision ISAPI protocol. So it should be used as second source in addition to the RTSP protocol.\n\n```yaml\nstreams:\n  hikvision1:\n    - rtsp://admin:password@192.168.1.123:554/Streaming/Channels/101\n    - isapi://admin:password@192.168.1.123:80/\n```\n\n_Source: [Go2Rtc Isapi](https://github.com/seydx/go2rtc#source-isapi)_\n", st = "#### Source: Ivideon\n\nSupport public cameras from service [Ivideon](https://tv.ivideon.com/).\n\n```yaml\nstreams:\n  quailcam: ivideon:100-tu5dkUPct39cTp9oNEN2B6/0\n```\n\n_Source: [Go2Rtc Ivideon](https://github.com/seydx/go2rtc#source-ivideon)_\n", ct = "#### 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", lt = "#### Source: Nest\n\nCurrently only WebRTC cameras are supported.\n\nFor 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.\n\n```yaml\nstreams:\n  nest-doorbell: nest:?client_id=***&client_secret=***&refresh_token=***&project_id=***&device_id=***\n```\n\n_Source: [Go2Rtc Nest](https://github.com/seydx/go2rtc#source-nest)_\n", ut = "#### Source: ONVIF\n\nThe 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.\n\n**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\".\n\n```yaml\nstreams:\n  dahua1: onvif://admin:password@192.168.1.123\n  reolink1: onvif://admin:password@192.168.1.123:8000\n  tapo1: onvif://admin:password@192.168.1.123:2020\n```\n\n_Source: [Go2Rtc Onvif](https://github.com/seydx/go2rtc#source-onvif)_\n", dt = "#### 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", ft = "#### Source: Roborock\n\nThis source type support Roborock vacuums with cameras. Known working models:\n\n- Roborock S6 MaxV - only video (the vacuum has no microphone)\n- Roborock S7 MaxV - video and two way audio\n- Roborock Qrevo MaxV - video and two way audio\n\nSource 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.\n\nIf you have graphic pin for your vacuum - add it as numeric pin (lines: 123, 456, 789) to the end of the roborock-link.\n\n_Source: [Go2Rtc Roborock](https://github.com/seydx/go2rtc#source-roborock)_\n", pt = "#### Source: RTMP\n\nYou can get stream from RTMP server, for example [Nginx with nginx-rtmp-module](https://github.com/arut/nginx-rtmp-module).\n\n```yaml\nstreams:\n  rtmp_stream: rtmp://192.168.1.123/live/camera1\n```\n\n_Source: [Go2Rtc RTMP](https://github.com/seydx/go2rtc#source-rtmp)_\n", mt = "#### Source: RTSP\n\n```yaml\nstreams:\n  sonoff_camera: rtsp://rtsp:12345678@192.168.1.123/av_stream/ch0\n  dahua_camera:\n    - rtsp://admin:password@192.168.1.123/cam/realmonitor?channel=1&subtype=0&unicast=true&proto=Onvif\n    - rtsp://admin:password@192.168.1.123/cam/realmonitor?channel=1&subtype=1\n  amcrest_doorbell:\n    - rtsp://username:password@192.168.1.123:554/cam/realmonitor?channel=1&subtype=0#backchannel=0\n  unifi_camera: rtspx://192.168.1.123:7441/fD6ouM72bWoFijxK\n  glichy_camera: ffmpeg:rtsp://username:password@192.168.1.123/live/ch00_1\n```\n\n**Recommendations**\n\n- **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\n- **Dahua Doorbell** users may want to change backchannel [audio codec](https://github.com/AlexxIT/go2rtc/issues/52)\n- **Reolink** users may want NOT to use RTSP protocol at all, some camera models have a very awful unusable stream implementation\n- **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)\n- **TP-Link Tapo** users may skip login and password, because go2rtc support login [without them](https://drmnsamoliu.github.io/video.html)\n- 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\n- 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\n- If the stream from your camera is very glitchy, try to use transcoding with [ffmpeg source](#source-ffmpeg)\n\n**Other options**\n\nFormat: `rtsp...#{param1}#{param2}#{param3}`\n\n- Ignore audio - `#media=video` or ignore video - `#media=audio`\n- Ignore two way audio API `#backchannel=0` - important for some glitchy cameras\n- Use WebSocket transport `#transport=ws...`\n\n**RTSP over WebSocket**\n\n```yaml\nstreams:\n  # WebSocket with authorization, RTSP - without\n  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\n  # WebSocket without authorization, RTSP - with\n  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\n```\n\n_Source: [Go2Rtc RTSP](https://github.com/seydx/go2rtc#source-rtsp)_\n", ht = "#### Source: Tapo\n\n[TP-Link Tapo](https://www.tapo.com/) proprietary camera protocol with **two way audio** support.\n\n- stream quality is the same as [RTSP protocol](https://www.tapo.com/en/faq/34/)\n- use the **cloud password**, this is not the RTSP password! you do not need to add a login!\n- you can also use UPPERCASE MD5 hash from your cloud password with `admin` username\n- some new camera firmwares requires SHA256 instead of MD5\n\n```yaml\nstreams:\n  # cloud password without username\n  camera1: tapo://cloud-password@192.168.1.123\n  # admin username and UPPERCASE MD5 cloud-password hash\n  camera2: tapo://admin:UPPERCASE-MD5@192.168.1.123\n  # admin username and UPPERCASE SHA256 cloud-password hash\n  camera3: tapo://admin:UPPERCASE-SHA256@192.168.1.123\n```\n\n```bash\necho -n \"cloud password\" | md5 | awk '{print toupper($0)}'\necho -n \"cloud password\" | shasum -a 256 | awk '{print toupper($0)}'\n```\n\n_Source: [Go2Rtc Tapo](https://github.com/seydx/go2rtc#source-tapo)_\n", gt = "#### Source: Tuya\n\n[Tuya](https://www.tuya.com/) proprietary camera protocol with **two way audio** support. Go2rtc supports `Tuya Smart API` and `Tuya Cloud API`.\n\n**Tuya Smart API (recommended)**:\n\n- Cameras can be discovered through the go2rtc web interface via Tuya Smart account (Add > Tuya > Select region and fill in email and password > Login).\n- **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.\n\n**Tuya Cloud API**:\n\n- Requires setting up a cloud project in the Tuya Developer Platform.\n- 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/).\n- 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).\n\n**Configuring the stream:**\n\n- Use `resolution` parameter to select the stream (not all cameras support `hd` stream through WebRTC even if the camera has it):\n  - `hd` - HD stream (default)\n  - `sd` - SD stream\n\n```yaml\nstreams:\n  # Tuya Smart API: WebRTC main stream (use Add > Tuya to discover the URL)\n  tuya_main:\n    - tuya://protect-us.ismartlife.me?device_id=XXX&email=XXX&password=XXX\n\n  # Tuya Smart API: WebRTC sub stream (use Add > Tuya to discover the URL)\n  tuya_sub:\n    - tuya://protect-us.ismartlife.me?device_id=XXX&email=XXX&password=XXX&resolution=sd\n\n  # Tuya Cloud API: WebRTC main stream\n  tuya_webrtc:\n    - tuya://openapi.tuyaus.com?device_id=XXX&uid=XXX&client_id=XXX&client_secret=XXX\n\n  # Tuya Cloud API: WebRTC sub stream\n  tuya_webrtc_sd:\n    - tuya://openapi.tuyaus.com?device_id=XXX&uid=XXX&client_id=XXX&client_secret=XXX&resolution=sd\n```\n\n_Source: [Go2Rtc Tuya](https://github.com/seydx/go2rtc#source-tuya)_\n", _t = "#### Source: WebRTC\n\nThis source type support four connection formats.\n\n**whep**\n\n[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.\n\n**go2rtc**\n\nThis format is only supported in go2rtc. Unlike WHEP it supports asynchronous WebRTC connection and two way audio.\n\n**openipc**\n\nSupport connection to [OpenIPC](https://openipc.org/) cameras.\n\n**wyze**\n\nSupports 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.\n\n**kinesis**\n\nSupports [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).\n\n```yaml\nstreams:\n  webrtc-whep: webrtc:http://192.168.1.123:1984/api/webrtc?src=camera1\n  webrtc-go2rtc: webrtc:ws://192.168.1.123:1984/api/ws?src=camera1\n  webrtc-openipc: webrtc:ws://192.168.1.123/webrtc_ws#format=openipc#ice_servers=[{\"urls\":\"stun:stun.kinesisvideo.eu-north-1.amazonaws.com:443\"}]\n  webrtc-wyze: webrtc:http://192.168.1.123:5000/signaling/camera1?kvs#format=wyze\n  webrtc-kinesis: webrtc:wss://...amazonaws.com/?...#format=kinesis#client_id=...#ice_servers=[{...},{...}]\n```\n\n**PS.** For `kinesis` sources you can use [echo](#source-echo) to get connection params using `bash`/`python` or any other script language.\n\n_Source: [Go2Rtc WebRTC](https://github.com/seydx/go2rtc#source-webrtc)_\n", vt = "#### Source: WebTorrent\n\nThis source can get a stream from another go2rtc via [WebTorrent](#module-webtorrent) protocol.\n\n```yaml\nstreams:\n  webtorrent1: webtorrent:?share=huofssuxaty00izc&pwd=k3l2j9djeg8v8r7e\n```\n\n_Source: [Go2Rtc Webtorrent](https://github.com/seydx/go2rtc#source-webtorrent)_\n", yt = "#### Source: Wyze\n\nThis source allows you to stream from [Wyze](https://wyze.com/) cameras using native P2P protocol without the Wyze app or SDK.\n\n**Important:**\n\n1. **Requires Wyze account**. You need to login once via the WebUI to load your cameras.\n2. **Requires firmware with DTLS**. Only cameras with DTLS-enabled firmware are supported.\n3. Internet access is only needed when loading cameras from your account. After that, all streaming is local P2P.\n4. Connection to the camera is local only (direct P2P to camera IP).\n\n**Features:**\n\n- H.264 and H.265 video codec support\n- AAC, G.711, PCM, and Opus audio codec support\n- Two-way audio (intercom) support\n- Resolution switching (HD/SD)\n\n## Setup\n\n1. Get your API Key from [Wyze Developer Portal](https://support.wyze.com/hc/en-us/articles/16129834216731)\n2. Go to go2rtc WebUI > Add > Wyze\n3. Enter your API ID, API Key, email, and password\n4. Select cameras to add - stream URLs are generated automatically\n\n**Example Config**\n\n```yaml\nwyze:\n  user@email.com:\n    api_id: 'your-api-id'\n    api_key: 'your-api-key'\n    password: 'yourpassword' # or MD5 triple-hash with \"md5:\" prefix\n\nstreams:\n  wyze_cam: wyze://192.168.1.123?uid=WYZEUID1234567890AB&enr=xxx&mac=AABBCCDDEEFF&model=HL_CAM4&dtls=true\n```\n\n## Stream URL Format\n\nThe stream URL is automatically generated when you add cameras via the WebUI:\n\n```\nwyze://[IP]?uid=[P2P_ID]&enr=[ENR]&mac=[MAC]&model=[MODEL]&subtype=[hd|sd]&dtls=true\n```\n\n| Parameter | Description                                     |\n| --------- | ----------------------------------------------- |\n| `IP`      | Camera's local IP address                       |\n| `uid`     | P2P identifier (20 chars)                       |\n| `enr`     | Encryption key for DTLS                         |\n| `mac`     | Device MAC address                              |\n| `model`   | Camera model (e.g., HL_CAM4)                    |\n| `dtls`    | Enable DTLS encryption (default: true)          |\n| `subtype` | Camera resolution: `hd` or `sd` (default: `hd`) |\n\n## Configuration\n\n### Resolution\n\nYou can change the camera's resolution using the `subtype` parameter:\n\n```yaml\nstreams:\n  wyze_hd: wyze://...&subtype=hd\n  wyze_sd: wyze://...&subtype=sd\n```\n\n### Two-Way Audio\n\nTwo-way audio (intercom) is supported automatically. When a consumer sends audio to the stream, it will be transmitted to the camera's speaker.\n", bt = "#### Source: Xiaomi\n\nThis source allows you to view cameras from the [Xiaomi Mi Home](https://home.mi.com/) ecosystem.\n\n**Important:**\n\n1. **Not all cameras are supported**. There are several P2P protocol vendors in the Xiaomi ecosystem.\n   Currently, the **CS2** vendor is supported. However, the **TUTK** vendor is not supported.\n2. Each time you connect to the camera, you need internet access to obtain encryption keys.\n3. Connection to the camera is local only.\n\n**Features:**\n\n- Multiple Xiaomi accounts supported\n- Cameras from multiple regions are supported for a single account\n- Two-way audio is supported\n- Cameras with multiple lenses are supported\n\n## Setup\n\n1. Goto go2rtc WebUI > Add > Xiaomi > Login with username and password\n2. Receive verification code by email or phone if required.\n3. Complete the captcha if required.\n4. If everything is OK, your account will be added and you can load cameras from it.\n\n**Example**\n\n```yaml\nxiaomi:\n  1234567890: V1:***\n\nstreams:\n  xiaomi1: xiaomi://1234567890:cn@192.168.1.123?did=9876543210&model=isa.camera.hlc7\n```\n\n## Configuration\n\nYou can change camera's quality: `subtype=hd/sd/auto`\n\n```yaml\nstreams:\n  xiaomi1: xiaomi://***&subtype=sd\n```\n\nYou can use second channel for Dual cameras: `channel=1`\n\n```yaml\nstreams:\n  xiaomi1: xiaomi://***&channel=1\n```\n", xt = "# Yandex\n\nSource for receiving stream from new [Yandex IP camera](https://alice.yandex.ru/smart-home/security/ipcamera).\n\n## Get Yandex token\n\n1. Install HomeAssistant integration [YandexStation](https://github.com/AlexxIT/YandexStation).\n2. Copy token from HomeAssistant config folder: `/config/.storage/core.config_entries`, key: `\"x_token\"`.\n\n## Get device ID\n\n1. Open this link in any browser: https://iot.quasar.yandex.ru/m/v3/user/devices\n2. Copy ID of your camera, key: `\"id\"`.\n\n## Config examples\n\n```yaml\nstreams:\n  yandex_stream: yandex:?x_token=XXXX&device_id=XXXX\n  yandex_snapshot: yandex:?x_token=XXXX&device_id=XXXX&snapshot\n  yandex_snapshot_custom_size: yandex:?x_token=XXXX&device_id=XXXX&snapshot=h=540\n```\n\n_Source: [Go2Rtc Yandex](https://github.com/AlexxIT/go2rtc/tree/master/internal/yandex)_\n", St = [
+	"nest:",
+	"ring:",
+	"yandex:",
+	"webtorrent:"
+];
+function Ct(e) {
+	let t = e.trim(), n;
+	for (let e of _e) t.startsWith(e) && (!n || e.length > n.length) && (n = e);
+	return n;
+}
+function wt(e) {
+	let t = e.trim();
+	if (!t) return "";
+	for (let e of St) if (t.startsWith(e)) {
+		let n = t.slice(e.length);
+		return n && !n.startsWith("?") ? `${e}?${n}` : t;
+	}
+	return t;
+}
+function Tt(e) {
+	return e.startsWith("cui://") && e.includes("/api/cameras/streams/");
+}
+//#endregion
+//#region src/components/CuiCameraSources/CuiCameraSources.vue?vue&type=script&setup=true&lang.ts
+var Et = { class: "flex flex-col gap-6" }, Dt = { class: "flex gap-2 items-center w-full" }, Ot = { class: "flex gap-2 items-center w-full" }, kt = { class: "text-color text-sm" }, At = { class: "flex flex-col gap-6" }, jt = ["for"], Mt = ["for"], Nt = { class: "w-full flex flex-col gap-2" }, Pt = { class: "flex flex-col gap-6" }, Ft = { class: "flex flex-col field-gap" }, It = ["for"], Lt = {
+	key: 0,
+	class: "w-full flex flex-row gap-2"
+}, Rt = "rtsp://user:pass@192.168.1.50:554/stream", zt = /* @__PURE__ */ A({
+	__name: "CuiCameraSources",
+	props: {
+		sources: {},
+		isLoading: { type: Boolean },
+		allowAddRemoveSources: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(n, { expose: r }) {
+		let s = new L(), u = n, p = B(), { t: m } = K(), { mutateAsync: _, isPending: S } = s.previewCameraQuery(), T = /* #__PURE__ */ Object.assign({
+			"../../markdowns/bubble.md": Je,
+			"../../markdowns/cui.md": Ye,
+			"../../markdowns/doorbird.md": Xe,
+			"../../markdowns/dvrip.md": Ze,
+			"../../markdowns/echo.md": Qe,
+			"../../markdowns/exec.md": $e,
+			"../../markdowns/expr.md": et,
+			"../../markdowns/ffmpeg.md": tt,
+			"../../markdowns/gopro.md": nt,
+			"../../markdowns/hass.md": rt,
+			"../../markdowns/homekit.md": it,
+			"../../markdowns/http.md": at,
+			"../../markdowns/isapi.md": ot,
+			"../../markdowns/ivideon.md": st,
+			"../../markdowns/kasa.md": ct,
+			"../../markdowns/nest.md": lt,
+			"../../markdowns/onvif.md": ut,
+			"../../markdowns/ring.md": dt,
+			"../../markdowns/roborock.md": ft,
+			"../../markdowns/rtmp.md": pt,
+			"../../markdowns/rtsp.md": mt,
+			"../../markdowns/tapo.md": ht,
+			"../../markdowns/tuya.md": gt,
+			"../../markdowns/webrtc.md": _t,
+			"../../markdowns/webtorrent.md": vt,
+			"../../markdowns/wyze.md": yt,
+			"../../markdowns/xiaomi.md": bt,
+			"../../markdowns/yandex.md": xt
+		}), k = d([
+			"high-resolution",
+			"mid-resolution",
+			"low-resolution",
+			"snapshot"
+		]), A = d(u.sources.map((e, t) => t)), j = b(() => u.isLoading || S.value);
+		function N(e) {
+			return e.urls.some(Tt);
+		}
+		function P(e) {
+			let t = Ct(e);
+			if (!t) return;
+			let n = t.replace(/[:/]+$/, "");
+			return T[`../../markdowns/${n}.md`];
+		}
+		function te(e) {
+			return !!P(e);
+		}
+		function ne(e) {
+			u.sources[e].urls.push("");
+		}
+		function F(e, t) {
+			u.sources[e].urls.splice(t, 1);
+		}
+		function I(e, t, n) {
+			u.sources[e].urls[t] = n;
+		}
+		function R(e, t) {
+			e.role = t, t === "snapshot" && (e.useForSnapshot = !1, e.hotMode = !1, e.preload = !1);
+		}
+		function re() {
+			u.sources.push({
+				_id: fe(8),
+				name: "",
+				role: null,
+				urls: [""],
+				useForSnapshot: !1,
+				hotMode: !0,
+				preload: !0,
+				muted: !1
+			}), A.value = [u.sources.length];
+		}
+		function z(e) {
+			u.sources.splice(e, 1);
+		}
+		function ae(e) {
+			let t = P(e);
+			t && p.openTextDialog({ data: {
+				title: m("components.dialog.title.information"),
+				hideConfirmButton: !0,
+				contentText: t,
+				markdown: !0
+			} });
+		}
+		async function V(e) {
+			let t = wt(e);
+			if (t) try {
+				let e = await _({ cameraData: { url: t } });
+				p.openImageDialog({ data: {
+					title: m("components.dialog.title.preview"),
+					src: `data:image/jpeg;base64,${e}`,
+					hideConfirmButton: !0
+				} });
+			} catch {}
+		}
+		return r({ newSource: re }), (r, s) => {
+			let u = je, d = Ee, p = Ce, m = ke, _ = q, b = oe, S = ee, T = Te, P = ue, L = Pe, re = Fe, B = qe, se = ie, H = De, ce = Oe, le = Ae, U = o("tooltip");
+			return a(), C("div", Et, [M(le, {
+				value: y(A),
+				"onUpdate:value": s[0] ||= (e) => v(A) ? A.value = e : null,
+				multiple: ""
+			}, {
+				default: x(() => [(a(!0), C(w, null, i(n.sources, (o, s) => (a(), h(ce, {
+					key: o._id,
+					value: s,
+					class: c({ "border-b-0": s === n.sources.length - 1 })
+				}, {
+					default: x(() => [M(m, { class: c({
+						"px-0 pt-0": s === 0,
+						"px-0": s !== 0,
+						"pb-5": s === n.sources.length - 1
+					}) }, {
+						default: x(() => [E("div", Dt, [E("div", Ot, [E("span", kt, f(r.$t("components.dialog.components.new_camera.source") + ": "), 1), M(u, {
+							class: "text-color text-xs border-[1px] bg-primary-500/20 border-primary-500/30 py-2 px-3 rounded-full overflow-hidden",
+							label: o.name === "" ? r.$t("components.dialog.components.new_camera.unknown") : o.name
+						}, null, 8, ["label"])]), n.allowAddRemoveSources && n.sources.length > 1 ? (a(), h(p, {
+							key: 0,
+							text: "",
+							rounded: "",
+							severity: "danger",
+							class: "cui-icon-md ml-auto mr-2",
+							loading: y(j),
+							onClick: (e) => z(s)
+						}, {
+							icon: x(() => [M(d, {
+								width: "100%",
+								height: "100%"
+							})]),
+							_: 1
+						}, 8, ["loading", "onClick"])) : g("", !0)])]),
+						_: 2
+					}, 1032, ["class"]), M(H, { pt: { content: { class: {
+						"px-0": !0,
+						"pb-5": s === n.sources.length - 1
+					} } } }, {
+						default: x(() => [E("div", At, [
+							M(y(W), {
+								modelValue: o.name,
+								"onUpdate:modelValue": (e) => o.name = e,
+								modelModifiers: { trim: !0 },
+								name: `sources[${s}].name`,
+								as: "div",
+								class: "flex flex-col field-gap"
+							}, {
+								default: x(({ field: t, errors: n }) => [
+									E("label", {
+										for: `sources[${s}].name`,
+										class: "cui-label"
+									}, f(r.$t("components.form.label.source_name")), 9, jt),
+									M(b, null, {
+										default: x(() => [M(_, l({ ref_for: !0 }, t, {
+											invalid: n.length > 0,
+											loading: y(j),
+											type: "text"
+										}), null, 16, ["invalid", "loading"])]),
+										_: 2
+									}, 1024),
+									M(e, { name: "fade" }, {
+										default: x(() => [M(y(G), {
+											name: `sources[${s}].name`,
+											class: "cui-input-error"
+										}, null, 8, ["name"])]),
+										_: 2
+									}, 1024),
+									n.length ? g("", !0) : (a(), h(S, {
+										key: 0,
+										severity: "secondary",
+										variant: "simple",
+										size: "small",
+										class: "cui-input-hint"
+									}, {
+										default: x(() => [O(f(r.$t("components.form.hint.source_name")), 1)]),
+										_: 1
+									}))
+								]),
+								_: 2
+							}, 1032, [
+								"modelValue",
+								"onUpdate:modelValue",
+								"name"
+							]),
+							M(y(W), {
+								"model-value": o.role,
+								name: `sources[${s}].role`,
+								as: "div",
+								class: "flex flex-col field-gap"
+							}, {
+								default: x(({ errors: t }) => [
+									E("label", {
+										for: `sources[${s}].role`,
+										class: "cui-label"
+									}, f(r.$t("components.form.label.source_role")), 9, Mt),
+									M(b, null, {
+										default: x(() => [M(T, {
+											"model-value": o.role,
+											options: y(k).filter((e) => !n.sources.some((t) => t.role === e && t._id !== o._id)),
+											invalid: t.length > 0,
+											loading: y(j),
+											onValueChange: (e) => R(o, e)
+										}, null, 8, [
+											"model-value",
+											"options",
+											"invalid",
+											"loading",
+											"onValueChange"
+										])]),
+										_: 2
+									}, 1024),
+									M(e, { name: "fade" }, {
+										default: x(() => [M(y(G), {
+											name: `sources[${s}].role`,
+											class: "cui-input-error"
+										}, null, 8, ["name"])]),
+										_: 2
+									}, 1024),
+									t.length ? g("", !0) : (a(), h(S, {
+										key: 0,
+										severity: "secondary",
+										variant: "simple",
+										size: "small",
+										class: "cui-input-hint"
+									}, {
+										default: x(() => [O(f(r.$t("components.form.hint.source_role")), 1)]),
+										_: 1
+									}))
+								]),
+								_: 2
+							}, 1032, ["model-value", "name"]),
+							E("div", Nt, [
+								o.role !== "snapshot" && n.sources.length > 1 ? (a(), h(y(W), {
+									key: 0,
+									"model-value": o.useForSnapshot,
+									value: !0,
+									"unchecked-value": !1,
+									type: "checkbox",
+									name: `sources[${s}].useForSnapshot`
+								}, {
+									default: x(({ field: e, errors: t }) => [M(L, {
+										label: r.$t("components.form.label.use_for_snapshot"),
+										hint: r.$t("components.form.hint.use_for_snapshot"),
+										"label-for": `sources[${s}].useForSnapshot`,
+										"error-name": `sources[${s}].useForSnapshot`
+									}, {
+										default: x(() => [M(P, l({ "model-value": o.useForSnapshot }, { ref_for: !0 }, e, {
+											invalid: t.length > 0,
+											loading: y(j),
+											disabled: n.sources.some((e) => (e.useForSnapshot || e.role === "snapshot") && e._id !== o._id),
+											onValueChange: (e) => o.useForSnapshot = e
+										}), null, 16, [
+											"model-value",
+											"invalid",
+											"loading",
+											"disabled",
+											"onValueChange"
+										])]),
+										_: 2
+									}, 1032, [
+										"label",
+										"hint",
+										"label-for",
+										"error-name"
+									])]),
+									_: 2
+								}, 1032, ["model-value", "name"])) : g("", !0),
+								o.role === "snapshot" ? g("", !0) : (a(), h(y(W), {
+									key: 1,
+									"model-value": o.hotMode,
+									value: !0,
+									"unchecked-value": !1,
+									type: "checkbox",
+									name: `sources[${s}].hotMode`
+								}, {
+									default: x(({ field: e, errors: t }) => [M(L, {
+										label: r.$t("components.form.label.hot_mode"),
+										hint: r.$t("components.form.hint.hot_mode"),
+										"label-for": `sources[${s}].hotMode`,
+										"error-name": `sources[${s}].hotMode`
+									}, {
+										default: x(() => [M(P, l({ "model-value": o.hotMode }, { ref_for: !0 }, e, {
+											invalid: t.length > 0,
+											loading: y(j),
+											onValueChange: (e) => o.hotMode = e
+										}), null, 16, [
+											"model-value",
+											"invalid",
+											"loading",
+											"onValueChange"
+										])]),
+										_: 2
+									}, 1032, [
+										"label",
+										"hint",
+										"label-for",
+										"error-name"
+									])]),
+									_: 2
+								}, 1032, ["model-value", "name"])),
+								o.role === "snapshot" ? g("", !0) : (a(), h(y(W), {
+									key: 2,
+									"model-value": o.preload,
+									value: !0,
+									"unchecked-value": !1,
+									type: "checkbox",
+									name: `sources[${s}].preload`
+								}, {
+									default: x(({ field: e, errors: t }) => [M(L, {
+										label: r.$t("components.form.label.preload"),
+										hint: r.$t("components.form.hint.preload"),
+										"label-for": `sources[${s}].preload`,
+										"error-name": `sources[${s}].preload`
+									}, {
+										default: x(() => [M(P, l({ "model-value": o.preload }, { ref_for: !0 }, e, {
+											invalid: t.length > 0,
+											loading: y(j),
+											onValueChange: (e) => o.preload = e
+										}), null, 16, [
+											"model-value",
+											"invalid",
+											"loading",
+											"onValueChange"
+										])]),
+										_: 2
+									}, 1032, [
+										"label",
+										"hint",
+										"label-for",
+										"error-name"
+									])]),
+									_: 2
+								}, 1032, ["model-value", "name"])),
+								o.role === "snapshot" ? g("", !0) : (a(), h(y(W), {
+									key: 3,
+									"model-value": o.muted,
+									value: !0,
+									"unchecked-value": !1,
+									type: "checkbox",
+									name: `sources[${s}].muted`
+								}, {
+									default: x(({ field: e, errors: t }) => [M(L, {
+										label: r.$t("components.form.label.muted"),
+										hint: r.$t("components.form.hint.muted"),
+										"label-for": `sources[${s}].muted`,
+										"error-name": `sources[${s}].muted`
+									}, {
+										default: x(() => [M(P, l({ "model-value": o.muted }, { ref_for: !0 }, e, {
+											invalid: t.length > 0,
+											loading: y(j),
+											onValueChange: (e) => o.muted = e
+										}), null, 16, [
+											"model-value",
+											"invalid",
+											"loading",
+											"onValueChange"
+										])]),
+										_: 2
+									}, 1032, [
+										"label",
+										"hint",
+										"label-for",
+										"error-name"
+									])]),
+									_: 2
+								}, 1032, ["model-value", "name"]))
+							]),
+							E("div", Pt, [
+								E("div", Ft, [E("label", {
+									for: `sources[${s}].urls[]`,
+									class: "cui-label"
+								}, f(r.$t("components.form.label.sources")), 9, It), M(S, {
+									severity: "secondary",
+									variant: "simple",
+									size: "small",
+									class: "cui-input-hint"
+								}, {
+									default: x(() => [O(f(N(o) ? r.$t("views.devices.managed_source_hint") : r.$t("components.form.hint.source_urls")), 1)]),
+									_: 2
+								}, 1024)]),
+								(a(!0), C(w, null, i(o.urls, (n, i) => (a(), C(w, { key: i }, [y(Tt)(n) ? (a(), C("div", Lt, [M(b, null, {
+									default: x(() => [M(_, {
+										"model-value": n,
+										readonly: "",
+										loading: y(j),
+										type: "text"
+									}, null, 8, ["model-value", "loading"])]),
+									_: 2
+								}, 1024)])) : (a(), h(y(W), {
+									key: 1,
+									"model-value": n,
+									name: `sources[${s}].urls[${i}]`,
+									as: "div",
+									class: "flex flex-col field-gap w-full"
+								}, {
+									default: x(({ errors: c }) => [
+										M(b, null, {
+											default: x(() => [M(_, {
+												"model-value": n,
+												invalid: c.length > 0,
+												loading: y(j),
+												type: "text",
+												placeholder: Rt,
+												"onUpdate:modelValue": (e) => I(s, i, e ?? "")
+											}, null, 8, [
+												"model-value",
+												"invalid",
+												"loading",
+												"onUpdate:modelValue"
+											]), M(se, null, {
+												default: x(() => [
+													D((a(), h(p, {
+														text: "",
+														rounded: "",
+														severity: "secondary",
+														disabled: y(j) || !te(n),
+														class: "border-right-color",
+														onClick: (e) => ae(n)
+													}, {
+														icon: x(() => [M(re, {
+															width: "100%",
+															height: "100%"
+														})]),
+														_: 1
+													}, 8, ["disabled", "onClick"])), [[
+														U,
+														{ value: r.$t("components.dialog.components.new_camera.protocol_info") },
+														void 0,
+														{ top: !0 }
+													]]),
+													D((a(), h(p, {
+														text: "",
+														rounded: "",
+														severity: "secondary",
+														disabled: y(j) || !y(Ct)(n),
+														class: "border-right-color",
+														onClick: (e) => V(n)
+													}, {
+														icon: x(() => [M(B, {
+															width: "100%",
+															height: "100%"
+														})]),
+														_: 1
+													}, 8, ["disabled", "onClick"])), [[
+														U,
+														{ value: r.$t("components.dialog.components.new_camera.test_source") },
+														void 0,
+														{ top: !0 }
+													]]),
+													o.urls.length > 1 ? (a(), h(p, {
+														key: 0,
+														text: "",
+														rounded: "",
+														severity: "danger",
+														disabled: y(j),
+														onClick: t((e) => F(s, i), ["prevent"])
+													}, {
+														icon: x(() => [M(d, {
+															width: "100%",
+															height: "100%"
+														})]),
+														_: 1
+													}, 8, ["disabled", "onClick"])) : g("", !0)
+												]),
+												_: 2
+											}, 1024)]),
+											_: 2
+										}, 1024),
+										M(e, { name: "fade" }, {
+											default: x(() => [M(y(G), {
+												name: `sources[${s}].urls[${i}]`,
+												class: "cui-input-error"
+											}, null, 8, ["name"])]),
+											_: 2
+										}, 1024),
+										M(S, {
+											severity: "secondary",
+											variant: "simple",
+											size: "small",
+											class: "cui-input-hint"
+										}, {
+											default: x(() => [O(f(y(Ct)(n) ? r.$t("components.form.hint.source_detected_protocol", { protocol: y(Ct)(n) }) : r.$t("components.form.hint.source_url")), 1)]),
+											_: 2
+										}, 1024)
+									]),
+									_: 2
+								}, 1032, ["model-value", "name"]))], 64))), 128)),
+								N(o) ? g("", !0) : (a(), h(p, {
+									key: 0,
+									loading: y(j),
+									label: r.$t("components.form.button.add_source"),
+									class: "ml-auto cui-button-medium",
+									onClick: (e) => ne(s)
+								}, null, 8, [
+									"loading",
+									"label",
+									"onClick"
+								]))
+							])
+						])]),
+						_: 2
+					}, 1032, ["pt"])]),
+					_: 2
+				}, 1032, ["value", "class"]))), 128))]),
+				_: 1
+			}, 8, ["value"])]);
+		};
+	}
+}), Bt = { class: "flex flex-col gap-2 w-full" }, Vt = {
+	for: "roomName",
+	class: "cui-label"
+}, Ht = /* @__PURE__ */ A({
+	__name: "CreateRoom",
+	setup(e, { expose: t }) {
+		let n = d("");
+		return t({ onConfirm: async () => n.value.trim() || null }), (e, t) => {
+			let r = q;
+			return a(), C("div", Bt, [E("label", Vt, f(e.$t("components.form.label.name")), 1), M(r, {
+				id: "roomName",
+				modelValue: y(n),
+				"onUpdate:modelValue": t[0] ||= (e) => v(n) ? n.value = e : null,
+				class: "w-full",
+				placeholder: e.$t("components.form.hint.room_select"),
+				autofocus: ""
+			}, null, 8, ["modelValue", "placeholder"])]);
+		};
+	}
+});
+//#endregion
+//#region src/components/CuiCameraDetailsFields/rooms.ts
+function Ut(e, t) {
+	let n = e?.rooms ?? [], r = [...e?.levels ?? []].sort((e, t) => e.order - t.order), i = (e) => ({
+		label: e.name === "Default" ? t("components.form.label.room_default") : e.name,
+		value: e.id
+	});
+	if (!r.length) return n.map(i).sort((e, t) => e.label.localeCompare(t.label));
+	let a = [];
+	for (let e of r) {
+		let t = n.filter((t) => t.levelId === e.id).map(i);
+		t.length && a.push({
+			label: e.name,
+			items: t
+		});
+	}
+	let o = n.filter((e) => !e.levelId).map(i);
+	return o.length && a.push({
+		label: t("components.form.label.room_no_level"),
+		items: o
+	}), a;
+}
+//#endregion
+//#region src/components/CuiCameraDetailsFields/CuiCameraDetailsFields.vue?vue&type=script&setup=true&lang.ts
+var Wt = { class: "flex flex-col gap-6" }, Gt = {
+	for: "name",
+	class: "cui-label"
+}, Kt = { class: "flex flex-col field-gap" }, qt = {
+	for: "type",
+	class: "cui-label"
+}, Jt = { class: "flex flex-col field-gap" }, Yt = {
+	for: "room",
+	class: "cui-label"
+}, Xt = { class: "flex gap-2" }, Zt = { class: "text-color font-normal" }, Qt = { class: "flex flex-col gap-6" }, $t = {
+	for: "info.manufacturer",
+	class: "cui-label"
+}, en = {
+	for: "info.model",
+	class: "cui-label"
+}, tn = {
+	for: "info.hardware",
+	class: "cui-label"
+}, nn = {
+	for: "info.serialNumber",
+	class: "cui-label"
+}, rn = {
+	for: "info.firmwareVersion",
+	class: "cui-label"
+}, an = {
+	for: "info.supportUrl",
+	class: "cui-label"
+}, on = /* @__PURE__ */ A({
+	__name: "CuiCameraDetailsFields",
+	props: {
+		form: {},
+		isLoading: { type: Boolean }
+	},
+	setup(t) {
+		let n = new We(), r = t, i = B(), { t: c } = K(), { data: u, isBusy: p } = n.getRoomsQuery(), { mutateAsync: m } = n.createRoomMutation(), _ = d(["camera", "doorbell"]), v = b(() => (u.value?.levels.length ?? 0) > 0), S = b(() => Ut(u.value, c));
+		function w(e) {
+			r.form.roomId = e;
+		}
+		function T() {
+			i.openComponentDialog(Ht, {
+				data: {
+					title: c("components.dialog.title.create_room"),
+					confirmText: c("components.form.button.add"),
+					contentProps: {}
+				},
+				onConfirm: async (e) => {
+					e && w((await m({
+						name: e,
+						levelId: null,
+						outdoor: !1,
+						publicSpace: !1,
+						note: ""
+					})).id);
+				}
+			});
+		}
+		return (n, r) => {
+			let i = q, c = oe, u = ee, d = Te, m = ze, b = Ce, k = ke, A = De, j = Oe, N = Ae, P = o("tooltip");
+			return a(), C("div", Wt, [
+				M(y(W), {
+					modelValue: t.form.name,
+					"onUpdate:modelValue": r[0] ||= (e) => t.form.name = e,
+					modelModifiers: { trim: !0 },
+					name: "name",
+					as: "div",
+					class: "flex flex-col field-gap"
+				}, {
+					default: x(({ field: r, errors: o }) => [
+						E("label", Gt, f(n.$t("components.form.label.name")), 1),
+						M(c, null, {
+							default: x(() => [M(i, l(r, {
+								invalid: o.length > 0,
+								loading: t.isLoading,
+								type: "text"
+							}), null, 16, ["invalid", "loading"])]),
+							_: 2
+						}, 1024),
+						M(e, { name: "fade" }, {
+							default: x(() => [M(y(G), {
+								name: "name",
+								class: "cui-input-error"
+							})]),
+							_: 1
+						}),
+						o.length ? g("", !0) : (a(), h(u, {
+							key: 0,
+							severity: "secondary",
+							variant: "simple",
+							size: "small",
+							class: "cui-input-hint"
+						}, {
+							default: x(() => [O(f(n.$t("components.form.hint.camera_name")), 1)]),
+							_: 1
+						}))
+					]),
+					_: 1
+				}, 8, ["modelValue"]),
+				E("div", Kt, [E("label", qt, f(n.$t("components.form.label.type")), 1), M(c, null, {
+					default: x(() => [M(d, {
+						"model-value": t.form.type,
+						options: y(_),
+						loading: t.isLoading,
+						type: "text",
+						onValueChange: r[1] ||= (e) => t.form.type = e
+					}, null, 8, [
+						"model-value",
+						"options",
+						"loading"
+					])]),
+					_: 1
+				})]),
+				E("div", Jt, [
+					E("label", Yt, f(n.$t("components.form.label.room")), 1),
+					E("div", Xt, [M(d, {
+						"model-value": t.form.roomId,
+						options: y(S),
+						"option-label": "label",
+						"option-value": "value",
+						"option-group-label": y(v) ? "label" : void 0,
+						"option-group-children": y(v) ? "items" : void 0,
+						loading: y(p),
+						class: "w-full",
+						"onUpdate:modelValue": r[2] ||= (e) => w(e)
+					}, null, 8, [
+						"model-value",
+						"options",
+						"option-group-label",
+						"option-group-children",
+						"loading"
+					]), D((a(), h(b, {
+						severity: "secondary",
+						outlined: "",
+						class: "shrink-0 h-[42px] w-[42px] p-0",
+						onClick: T
+					}, {
+						icon: x(() => [M(m, { class: "w-4 h-4" })]),
+						_: 1
+					})), [[
+						P,
+						n.$t("components.form.button.create_room"),
+						void 0,
+						{ top: !0 }
+					]])]),
+					M(u, {
+						severity: "secondary",
+						variant: "simple",
+						size: "small",
+						class: "cui-input-hint"
+					}, {
+						default: x(() => [O(f(n.$t("components.form.hint.room")), 1)]),
+						_: 1
+					})
+				]),
+				s(n.$slots, "default"),
+				M(N, null, {
+					default: x(() => [M(j, { value: "branding" }, {
+						default: x(() => [M(k, { class: "px-0 pt-0" }, {
+							default: x(() => [E("span", Zt, f(n.$t("components.camera_options.branding")), 1)]),
+							_: 1
+						}), M(A, { pt: { content: { class: "px-0" } } }, {
+							default: x(() => [E("div", Qt, [
+								M(y(W), {
+									modelValue: t.form.info.manufacturer,
+									"onUpdate:modelValue": r[3] ||= (e) => t.form.info.manufacturer = e,
+									modelModifiers: { trim: !0 },
+									name: "info.manufacturer",
+									as: "div",
+									class: "flex flex-col field-gap"
+								}, {
+									default: x(({ field: r, errors: a }) => [
+										E("label", $t, f(n.$t("components.form.label.manufacturer")), 1),
+										M(c, null, {
+											default: x(() => [M(i, l(r, {
+												invalid: a.length > 0,
+												loading: t.isLoading,
+												type: "text"
+											}), null, 16, ["invalid", "loading"])]),
+											_: 2
+										}, 1024),
+										M(e, { name: "fade" }, {
+											default: x(() => [M(y(G), {
+												name: "info.manufacturer",
+												class: "cui-input-error"
+											})]),
+											_: 1
+										})
+									]),
+									_: 1
+								}, 8, ["modelValue"]),
+								M(y(W), {
+									modelValue: t.form.info.model,
+									"onUpdate:modelValue": r[4] ||= (e) => t.form.info.model = e,
+									modelModifiers: { trim: !0 },
+									name: "info.model",
+									as: "div",
+									class: "flex flex-col field-gap"
+								}, {
+									default: x(({ field: r, errors: a }) => [
+										E("label", en, f(n.$t("components.form.label.model")), 1),
+										M(c, null, {
+											default: x(() => [M(i, l(r, {
+												invalid: a.length > 0,
+												loading: t.isLoading,
+												type: "text"
+											}), null, 16, ["invalid", "loading"])]),
+											_: 2
+										}, 1024),
+										M(e, { name: "fade" }, {
+											default: x(() => [M(y(G), {
+												name: "info.model",
+												class: "cui-input-error"
+											})]),
+											_: 1
+										})
+									]),
+									_: 1
+								}, 8, ["modelValue"]),
+								M(y(W), {
+									modelValue: t.form.info.hardware,
+									"onUpdate:modelValue": r[5] ||= (e) => t.form.info.hardware = e,
+									modelModifiers: { trim: !0 },
+									name: "info.hardware",
+									as: "div",
+									class: "flex flex-col field-gap"
+								}, {
+									default: x(({ field: r, errors: a }) => [
+										E("label", tn, f(n.$t("components.form.label.hardware_version")), 1),
+										M(c, null, {
+											default: x(() => [M(i, l(r, {
+												invalid: a.length > 0,
+												loading: t.isLoading,
+												type: "text"
+											}), null, 16, ["invalid", "loading"])]),
+											_: 2
+										}, 1024),
+										M(e, { name: "fade" }, {
+											default: x(() => [M(y(G), {
+												name: "info.hardware",
+												class: "cui-input-error"
+											})]),
+											_: 1
+										})
+									]),
+									_: 1
+								}, 8, ["modelValue"]),
+								M(y(W), {
+									modelValue: t.form.info.serialNumber,
+									"onUpdate:modelValue": r[6] ||= (e) => t.form.info.serialNumber = e,
+									modelModifiers: { trim: !0 },
+									name: "info.serialNumber",
+									as: "div",
+									class: "flex flex-col field-gap"
+								}, {
+									default: x(({ field: r, errors: a }) => [
+										E("label", nn, f(n.$t("components.form.label.serial_number")), 1),
+										M(c, null, {
+											default: x(() => [M(i, l(r, {
+												invalid: a.length > 0,
+												loading: t.isLoading,
+												type: "text"
+											}), null, 16, ["invalid", "loading"])]),
+											_: 2
+										}, 1024),
+										M(e, { name: "fade" }, {
+											default: x(() => [M(y(G), {
+												name: "info.serialNumber",
+												class: "cui-input-error"
+											})]),
+											_: 1
+										})
+									]),
+									_: 1
+								}, 8, ["modelValue"]),
+								M(y(W), {
+									modelValue: t.form.info.firmwareVersion,
+									"onUpdate:modelValue": r[7] ||= (e) => t.form.info.firmwareVersion = e,
+									modelModifiers: { trim: !0 },
+									name: "info.firmwareVersion",
+									as: "div",
+									class: "flex flex-col field-gap"
+								}, {
+									default: x(({ field: r, errors: a }) => [
+										E("label", rn, f(n.$t("components.form.label.firmware_version")), 1),
+										M(c, null, {
+											default: x(() => [M(i, l(r, {
+												invalid: a.length > 0,
+												loading: t.isLoading,
+												type: "text"
+											}), null, 16, ["invalid", "loading"])]),
+											_: 2
+										}, 1024),
+										M(e, { name: "fade" }, {
+											default: x(() => [M(y(G), {
+												name: "info.firmwareVersion",
+												class: "cui-input-error"
+											})]),
+											_: 1
+										})
+									]),
+									_: 1
+								}, 8, ["modelValue"]),
+								M(y(W), {
+									modelValue: t.form.info.supportUrl,
+									"onUpdate:modelValue": r[8] ||= (e) => t.form.info.supportUrl = e,
+									modelModifiers: { trim: !0 },
+									name: "info.supportUrl",
+									as: "div",
+									class: "flex flex-col field-gap"
+								}, {
+									default: x(({ field: r, errors: a }) => [
+										E("label", an, f(n.$t("components.form.label.support_url")), 1),
+										M(c, null, {
+											default: x(() => [M(i, l(r, {
+												invalid: a.length > 0,
+												loading: t.isLoading,
+												type: "text"
+											}), null, 16, ["invalid", "loading"])]),
+											_: 2
+										}, 1024),
+										M(e, { name: "fade" }, {
+											default: x(() => [M(y(G), {
+												name: "info.supportUrl",
+												class: "cui-input-error"
+											})]),
+											_: 1
+										})
+									]),
+									_: 1
+								}, 8, ["modelValue"])
+							])]),
+							_: 1
+						})]),
+						_: 1
+					})]),
+					_: 1
+				})
+			]);
+		};
+	}
+}), sn = RegExp(`^(${_e.join("|")})`), cn = R().trim().min(1, "Camera Source is required").regex(sn, "Unsupported protocol — start the URL with a supported one (e.g. rtsp://)"), ln = F({
+	name: R().trim().min(1, "Camera Source Name is required"),
+	urls: cn.array(),
+	role: be,
+	useForSnapshot: z().default(!1),
+	hotMode: z().default(!0),
+	preload: z().default(!0),
+	muted: z().default(!1),
+	backchannelDisabled: z().default(!1),
+	timeout: ae().int().min(5).max(120).nullish(),
+	handshakeTimeout: ae().int().min(1).max(60).nullish(),
+	childSourceId: R().trim().nullish(),
+	childCameraId: R().trim().nullish(),
+	childCameraRole: ye.nullish()
+}).strict().transform((e) => e.role === "snapshot" ? {
+	...e,
+	useForSnapshot: !1,
+	hotMode: !1,
+	preload: !1
+} : e), un = F({
+	...ve.shape,
+	sources: ln.array().refine((e) => e.some((e) => e.role === "high-resolution" || e.role === "mid-resolution" || e.role === "low-resolution"), {
+		path: ["sources[].role"],
+		message: "One of the roles \"high-resolution\", \"mid-resolution\" or \"low-resolution\" is required"
+	}).refine((e) => e.filter((e) => e.useForSnapshot).length <= 1, {
+		message: "Only one source can be used for snapshot",
+		path: ["sources"]
+	}).refine((e) => {
+		let t = e.map((e) => e.role).filter(Boolean);
+		return new Set(t).size === t.length;
+	}, {
+		message: "Each source role can be assigned to only one source",
+		path: ["sources"]
+	}).superRefine(xe)
+}).strict(), dn = {
+	disabled: !1,
+	name: "",
+	type: "camera",
+	room: "Default",
+	roomId: null,
+	info: {
+		manufacturer: "",
+		model: "",
+		hardware: "",
+		serialNumber: "",
+		firmwareVersion: "",
+		supportUrl: ""
+	},
+	sources: [{
+		_id: fe(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: {}
+}, fn = { class: "card-title" }, pn = { class: "card-title" }, mn = { class: "w-full flex items-center justify-center mt-4" }, hn = /* @__PURE__ */ A({
+	__name: "AddCamera",
+	props: { camera: { default: () => dn } },
+	setup(e, { expose: t }) {
+		let n = new L(), r = e, i = P(), { t: o } = K(), { mutateAsync: s, isPending: c } = n.createCameraQuery(), { camera: l } = u(r), p = T("formRef"), m = T("sourcesRef"), h = d(V(l.value)), g = b(() => c.value);
+		async function _() {
+			if (!(await p.value?.validate())?.valid) return i.add({
+				severity: "error",
+				detail: o("components.toast.validation_failed"),
+				life: 3e3
+			}), null;
+			let e = V(h.value), t = {
+				...Se(),
+				...e,
+				sources: e.sources.map((e) => ({
+					...e,
+					muted: e.muted ?? !1,
+					backchannelDisabled: e.backchannelDisabled ?? !1,
+					urls: e.urls.map(wt).filter(Boolean)
+				}))
+			};
+			await s({ cameraData: t });
+		}
+		return t({
+			isLoading: g,
+			onSave: _,
+			onConfirm: _
+		}), (e, t) => {
+			let n = on, r = ge, i = zt, o = Ie, s = Ce;
+			return a(), C("div", null, [M(y(he), {
+				ref_key: "formRef",
+				ref: p,
+				class: "flex flex-col w-full gap-6",
+				"validation-schema": y(un)
+			}, {
+				default: x(() => [E("div", null, [E("span", fn, f(e.$t("components.dialog.components.new_camera.camera")), 1), M(r, { class: "cui-card" }, {
+					content: x(() => [M(n, {
+						form: y(h),
+						"is-loading": y(g)
+					}, null, 8, ["form", "is-loading"])]),
+					_: 1
+				})]), E("div", null, [
+					E("span", pn, f(e.$t("components.form.label.sources")), 1),
+					M(r, {
+						class: "cui-card border-color-inner",
+						pt: { body: { class: "pb-0" } }
+					}, {
+						content: x(() => [M(i, {
+							ref_key: "sourcesRef",
+							ref: m,
+							sources: y(h).sources,
+							"is-loading": y(g),
+							"allow-add-remove-sources": !0
+						}, null, 8, ["sources", "is-loading"])]),
+						_: 1
+					}),
+					E("div", mn, [M(s, {
+						text: "",
+						rounded: "",
+						loading: y(g),
+						class: "cui-icon-2xl",
+						onClick: t[0] ||= (e) => y(m)?.newSource()
+					}, {
+						icon: x(() => [M(o, {
+							width: "100%",
+							height: "100%"
+						})]),
+						_: 1
+					}, 8, ["loading"])])
+				])]),
+				_: 1
+			}, 8, ["validation-schema"])]);
+		};
+	}
+}), gn = { class: "card-title" }, _n = {
+	key: 0,
+	class: "flex flex-col gap-6"
+}, vn = { class: "cui-label" }, yn = { class: "card-title" }, bn = /* @__PURE__ */ A({
+	__name: "ConfirmCamera",
+	props: {
+		draft: {},
+		onConfirm: { type: Function }
+	},
+	setup(e, { expose: t }) {
+		let n = F({ name: R().trim().min(1) }).passthrough(), r = e, o = P(), { t: s } = K(), c = T("formRef"), l = d(V(r.draft)), u = d({
+			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]
+			}))
+		}), p = d(!1), m = b(() => {
+			let e = [];
+			return l.value.pluginInfo?.name && e.push({
+				label: s("views.devices.plugin"),
+				value: l.value.pluginInfo.name
+			}), l.value.nativeId && e.push({
+				label: s("views.devices.native_id"),
+				value: l.value.nativeId
+			}), e;
+		}), h = b(() => p.value);
+		async function _() {
+			if (!(await c.value?.validate())?.valid) return o.add({
+				severity: "error",
+				detail: s("components.toast.validation_failed"),
+				life: 3e3
+			}), null;
+			p.value = !0;
+			try {
+				let e = {
+					...l.value,
+					name: u.value.name,
+					type: u.value.type,
+					room: u.value.room,
+					roomId: u.value.roomId,
+					info: u.value.info,
+					sources: u.value.sources.map((e) => ({
+						...e,
+						urls: e.urls.map(wt).filter(Boolean)
+					}))
+				};
+				await r.onConfirm(e);
+			} catch (e) {
+				return o.add({
+					severity: "error",
+					summary: s("views.devices.confirm_title"),
+					detail: e,
+					life: 3e3
+				}), null;
+			} finally {
+				p.value = !1;
+			}
+		}
+		return t({
+			isLoading: h,
+			onConfirm: _
+		}), (e, t) => {
+			let r = q, o = oe, s = on, l = ge, d = zt;
+			return a(), C("div", null, [M(y(he), {
+				ref_key: "formRef",
+				ref: c,
+				class: "flex flex-col w-full gap-6",
+				"validation-schema": y(n)
+			}, {
+				default: x(() => [E("div", null, [E("span", gn, f(e.$t("components.dialog.components.new_camera.camera")), 1), M(l, { class: "cui-card" }, {
+					content: x(() => [M(s, {
+						form: y(u),
+						"is-loading": y(h)
+					}, {
+						default: x(() => [y(m).length ? (a(), C("div", _n, [(a(!0), C(w, null, i(y(m), (e) => (a(), C("div", {
+							key: e.label,
+							class: "flex flex-col field-gap"
+						}, [E("label", vn, f(e.label), 1), M(o, null, {
+							default: x(() => [M(r, {
+								"model-value": e.value,
+								readonly: "",
+								type: "text"
+							}, null, 8, ["model-value"])]),
+							_: 2
+						}, 1024)]))), 128))])) : g("", !0)]),
+						_: 1
+					}, 8, ["form", "is-loading"])]),
+					_: 1
+				})]), E("div", null, [E("span", yn, f(e.$t("components.form.label.sources")), 1), M(l, {
+					class: "cui-card border-color-inner",
+					pt: { body: { class: "pb-0" } }
+				}, {
+					content: x(() => [M(d, {
+						sources: y(u).sources,
+						"is-loading": y(h),
+						"allow-add-remove-sources": !0
+					}, null, 8, ["sources", "is-loading"])]),
+					_: 1
+				})])]),
+				_: 1
+			}, 8, ["validation-schema"])]);
+		};
+	}
+}), xn = { class: "flex flex-col gap-6" }, Sn = {
+	key: 0,
+	class: "flex flex-col field-gap"
+}, Cn = { class: "cui-label" }, wn = {
+	key: 1,
+	class: "text-center py-4"
+}, Tn = { class: "text-muted" }, En = /* @__PURE__ */ A({
+	__name: "ConnectionSchema",
+	props: {
+		camera: {},
+		schema: {},
+		onConnect: { type: Function }
+	},
+	setup(e, { expose: t }) {
+		let n = e, i = me(), o = P(), { t: s } = K(), c = r("dialogRefProps"), { schema: l } = u(n), p = T("schemaFormRef"), m = d(!1), _ = b(() => ({
+			schema: l.value,
+			config: {}
+		})), v = b(() => !!(c.loading?.value || m.value));
+		async function x() {
+			m.value = !0;
+			try {
+				let e = {};
+				if (l.value.length > 0) {
+					let t = await p.value?.validate();
+					if (!t?.valid) return i.error("Validation failed", t), o.add({
+						severity: "error",
+						detail: s("components.toast.validation_failed"),
+						life: 3e3
+					}), null;
+					e = t.values ?? {};
+				}
+				await n.onConnect(e);
+			} catch (e) {
+				return o.add({
+					severity: "error",
+					summary: s("views.devices.connect"),
+					detail: e,
+					life: 3e3
+				}), null;
+			} finally {
+				m.value = !1;
+			}
+		}
+		return t({
+			isLoading: v,
+			onConfirm: x
+		}), (t, n) => {
+			let r = q, i = Le;
+			return a(), C("div", xn, [e.camera.address ? (a(), C("div", Sn, [E("label", Cn, f(t.$t("views.devices.address")), 1), M(r, {
+				"model-value": e.camera.address,
+				readonly: ""
+			}, null, 8, ["model-value"])])) : g("", !0), y(l).length === 0 ? (a(), C("div", wn, [E("p", Tn, f(t.$t("views.devices.no_settings_required")), 1)])) : (a(), h(i, {
+				key: 2,
+				ref_key: "schemaFormRef",
+				ref: p,
+				"schema-form": y(_),
+				loading: y(v)
+			}, null, 8, ["schema-form", "loading"]))]);
+		};
+	}
+}), Dn = 5e3, J = m({
+	isLoading: !0,
+	devices: [],
+	isScanning: !1,
+	hiddenDevices: [],
+	showHidden: !1,
+	error: null
+}), On = null, Y = null, X = !1, Z = null, Q = 0, $ = null;
+function kn() {
+	J.isLoading = !0, J.devices = [], J.isScanning = !1, J.hiddenDevices = [], J.showHidden = !1, J.error = null;
+}
+function An() {
+	return Y || (On = _(!0), On.run(() => {
+		let e = I("/cameras");
+		Y = e, e.onReady(() => {
+			jn();
+		}), S(e.connected, (e, t) => {
+			!e && t && (X = !1, Z = null);
+		}), e.on("cameras:discovered", (e) => {
+			for (let t of e.devices) {
+				let e = J.devices.findIndex((e) => e.id === t.id);
+				e >= 0 ? J.devices[e] = t : J.devices.push(t);
+			}
+		}), e.on("cameras:scanning", (e) => {
+			J.isScanning = e.isScanning;
+		}), e.on("cameras:connection-status", (e) => {
+			let t = J.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" && (J.devices = J.devices.filter((t) => t.discoveredId !== e.discoveredId)));
+		}), e.on("cameras:camera-connected", (e) => {
+			J.devices = J.devices.filter((t) => t.discoveredId !== e.discoveredId);
+		}), e.on("cameras:deleted", (e) => {
+			J.devices = J.devices.filter((t) => t.cameraId !== e.cameraId);
+		});
+	}), Y);
+}
+async function jn() {
+	if (!Y || X) return {
+		success: X,
+		devices: J.devices,
+		isScanning: J.isScanning,
+		hiddenDevices: J.hiddenDevices
+	};
+	if (!Z) {
+		let e = Mn(Y).finally(() => {
+			Z === e && (Z = null);
+		});
+		Z = e;
+	}
+	return Z;
+}
+async function Mn(e) {
+	try {
+		let t = await e.request("cameras:subscribe", {});
+		return X = t.success, t.devices && (J.devices = t.devices), t.isScanning !== void 0 && (J.isScanning = t.isScanning), t.hiddenDevices && (J.hiddenDevices = t.hiddenDevices), J.isLoading = !1, t;
+	} catch (e) {
+		return J.isLoading = !1, J.error = e instanceof Error ? e.message : "subscribe failed", { success: !1 };
+	}
+}
+async function Nn() {
+	if (!Y || !X) return { success: !0 };
+	try {
+		let e = await Y.request("cameras:unsubscribe", {});
+		return X = !e.success, e;
+	} catch {
+		return { success: !1 };
+	}
+}
+function Pn() {
+	X && Nn(), On?.stop(), On = null, Y = null, X = !1, Z = null, kn();
+}
+function Fn() {
+	$ &&= (clearTimeout($), null), Q++;
+	function e() {
+		An(), Y?.connected.value && !X && jn();
+	}
+	function t() {
+		X && Nn();
+	}
+	async function n() {
+		if (!Y?.ready.value) return {
+			success: !1,
+			error: "Not connected"
+		};
+		J.devices = [], J.isScanning = !0;
+		try {
+			let e = await Y.request("cameras:rescan", {});
+			return e.success || (J.isScanning = !1), e;
+		} catch (e) {
+			return J.isScanning = !1, {
+				success: !1,
+				error: e instanceof Error ? e.message : "rescan failed"
+			};
+		}
+	}
+	async function r(e) {
+		if (!Y?.ready.value) return {
+			success: !1,
+			error: "Not connected"
+		};
+		try {
+			return await Y.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 (!Y?.ready.value) return {
+			success: !1,
+			error: "Not connected"
+		};
+		try {
+			return await Y.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 (!Y?.ready.value) throw Error("Not connected");
+		let n = await Y.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 (!Y?.ready.value) throw Error("Not connected");
+		let n = await Y.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 (!Y?.ready.value) return {
+			success: !1,
+			error: "Not connected"
+		};
+		let t = {
+			id: e.discoveredId,
+			name: e.name,
+			model: e.model
+		};
+		try {
+			let e = await Y.request("cameras:hide-device", { device: t });
+			return e.success && e.hiddenDevices && (J.hiddenDevices = e.hiddenDevices), e;
+		} catch (e) {
+			return {
+				success: !1,
+				error: e instanceof Error ? e.message : "hide-device failed"
+			};
+		}
+	}
+	async function c(e) {
+		if (!Y?.ready.value) return {
+			success: !1,
+			error: "Not connected"
+		};
+		try {
+			let t = await Y.request("cameras:unhide-device", { deviceId: e });
+			return t.success && t.hiddenDevices && (J.hiddenDevices = t.hiddenDevices), t;
+		} catch (e) {
+			return {
+				success: !1,
+				error: e instanceof Error ? e.message : "unhide-device failed"
+			};
+		}
+	}
+	function l() {
+		J.showHidden = !J.showHidden;
+	}
+	function u(e) {
+		return e.type !== "discovered" || !e.discoveredId ? !1 : J.hiddenDevices.some((t) => t.id === e.discoveredId);
+	}
+	let d = b(() => {
+		let e = new Set(J.hiddenDevices.map((e) => e.id)), t = (e, t) => e.name.localeCompare(t.name), n = J.devices.filter((e) => e.type === "camera").sort(t), r = J.devices.filter((t) => t.type === "discovered" && !e.has(t.discoveredId)).sort(t), i = J.showHidden ? J.devices.filter((t) => t.type === "discovered" && e.has(t.discoveredId)).sort(t) : [];
+		return [
+			...n,
+			...r,
+			...i
+		];
+	});
+	return pe(() => {
+		Q--, !(Q > 0) && (Q = 0, $ = setTimeout(() => {
+			Q <= 0 && (Pn(), $ = null);
+		}, Dn));
+	}), {
+		state: j(J),
+		isConnected: b(() => Y?.connected.value ?? !1),
+		isLoading: b(() => J.isLoading),
+		devices: b(() => J.devices),
+		isScanning: b(() => J.isScanning),
+		hiddenDevices: b(() => J.hiddenDevices),
+		showHidden: b(() => J.showHidden),
+		error: b(() => J.error),
+		sortedDevices: d,
+		connect: e,
+		disconnect: t,
+		subscribe: jn,
+		unsubscribe: Nn,
+		forceRescan: n,
+		getConnectionSchema: r,
+		connectDevice: i,
+		prepareDevice: a,
+		confirmDevice: o,
+		hideDevice: s,
+		unhideDevice: c,
+		toggleShowHidden: l,
+		isHidden: u
+	};
+}
+//#endregion
+//#region src/views/Cameras.vue?vue&type=script&setup=true&lang.ts
+var In = { class: "flex flex-col" }, Ln = {
+	key: 0,
+	class: "page-title"
+}, Rn = {
+	key: 1,
+	class: "flex min-h-0 flex-col"
+}, zn = {
+	key: 0,
+	class: "flex flex-1 min-h-0 flex-col items-center justify-center w-full gap-4"
+}, Bn = {
+	key: 1,
+	class: "flex flex-1 min-h-0 flex-col items-center justify-center w-full gap-4 py-16"
+}, Vn = { class: "w-16 h-16 rounded-full bg-primary-500/10 flex items-center justify-center" }, Hn = { class: "flex flex-col items-center gap-1 max-w-[400px] text-center" }, Un = { class: "text-color font-semibold text-base" }, Wn = { class: "text-muted text-sm" }, Gn = {
+	key: 2,
+	class: "flex min-h-0 flex-col"
+}, Kn = { class: "card-title" }, qn = { class: "flex items-center justify-center" }, Jn = { class: "font-bold text-color truncate" }, Yn = { class: "text-xs text-muted truncate" }, Xn = {
+	key: 0,
+	class: "text-xs text-red-500 truncate"
+}, Zn = { class: "card-title" }, Qn = {
+	key: 0,
+	class: "flex flex-col gap-6"
+}, $n = { class: "flex items-center justify-center" }, er = { class: "flex items-center justify-center" }, tr = {
+	key: 1,
+	class: "flex flex-col items-center justify-center py-6 gap-2"
+}, nr = { class: "text-muted text-sm" }, rr = { class: "flex flex-wrap items-center gap-2 mt-4" }, ir = /*#__PURE__*/ U(/* @__PURE__ */ A({
+	__name: "Cameras",
+	setup(e) {
+		let { t } = K(), r = P(), i = B(), s = te(), { smBreakpoint: l } = H(), u = Fn(), d = {
+			bodyRow: { class: "text-sm text-secondary" },
+			column: { columnTitle: { class: "text-sm" } },
+			datatable: { class: "z-0" }
+		}, m = b(() => re(void 0, "admin")), _ = b(() => u.sortedDevices.value), v = b((e) => le(e, _.value.filter((e) => e.type === "camera"), (e) => e.id)), S = b((e) => le(e, _.value.filter((e) => e.type === "discovered"), (e) => e.id)), T = b(() => u.isLoading.value), O = b(() => u.isScanning.value), k = b(() => u.hiddenDevices.value), A = b(() => u.showHidden.value), j = b(() => k.value.length);
+		function ee(e) {
+			switch (e) {
+				case "added": return "green";
+				case "discovered": return "orange";
+				case "adopting": return "orange";
+				case "error": return "red";
+				default: return "gray";
+			}
+		}
+		function F(e) {
+			switch (e) {
+				case "added": return t("views.devices.status_added");
+				case "discovered": return t("views.devices.status_discovered");
+				case "adopting": return t("views.devices.status_adopting");
+				case "error": return t("views.devices.status_error");
+				default: return t("views.devices.status_unknown");
+			}
+		}
+		function I(e) {
+			return u.isHidden(e);
+		}
+		async function L(e) {
+			if (!I(e)) {
+				if (e.type === "camera") s.open({ cameraName: e.name });
+				else if (e.type === "discovered" && e.discoveredId) {
+					if (e.status === "adopting") return;
+					try {
+						let n = await u.getConnectionSchema(e.discoveredId);
+						if (!n.success) {
+							r.add({
+								severity: "error",
+								summary: t("views.devices.connect"),
+								detail: n.error,
+								life: 3e3
+							});
+							return;
+						}
+						i.openComponentDialog(En, { data: {
+							title: `${t("views.devices.connect")}: ${e.name}`,
+							confirmText: t("views.devices.connect"),
+							contentProps: {
+								camera: {
+									id: e.discoveredId,
+									name: e.name,
+									model: e.model,
+									address: e.address,
+									provider: e.provider,
+									connectionStatus: "idle"
+								},
+								schema: n.schema ?? [],
+								onConnect: async (t) => {
+									R(await u.prepareDevice(e.discoveredId, t), e.discoveredId);
+								}
+							}
+						} });
+					} catch (e) {
+						r.add({
+							severity: "error",
+							summary: t("views.devices.connect"),
+							detail: e,
+							life: 3e3
+						});
+					}
+				}
+			}
+		}
+		function R(e, n) {
+			i.openComponentDialog(bn, { data: {
+				title: t("views.devices.confirm_title"),
+				confirmText: t("views.devices.confirm"),
+				fullscreen: !0,
+				contentProps: {
+					draft: e,
+					onConfirm: async (e) => {
+						await u.confirmDevice(e, n), r.add({
+							severity: "success",
+							summary: t("views.devices.connect"),
+							detail: t("components.toast.camera_added"),
+							life: 3e3
+						});
+					}
+				}
+			} });
+		}
+		async function ie() {
+			try {
+				let e = await u.forceRescan();
+				e.success ? r.add({
+					severity: "success",
+					summary: t("views.devices.rescan"),
+					detail: t("views.devices.rescan_success"),
+					life: 3e3
+				}) : r.add({
+					severity: "error",
+					summary: t("views.devices.rescan"),
+					detail: e.error,
+					life: 3e3
+				});
+			} catch (e) {
+				r.add({
+					severity: "error",
+					summary: t("views.devices.rescan"),
+					detail: e,
+					life: 3e3
+				});
+			}
+		}
+		function z() {
+			i.openComponentDialog(hn, { data: {
+				title: t("components.dialog.components.new_camera.add_camera"),
+				fullscreen: !0,
+				contentProps: {}
+			} });
+		}
+		async function ae(e, n) {
+			e.stopPropagation();
+			try {
+				let e = await u.hideDevice(n);
+				e.success ? r.add({
+					severity: "success",
+					summary: t("views.devices.hide"),
+					detail: t("views.devices.device_hidden"),
+					life: 3e3
+				}) : r.add({
+					severity: "error",
+					summary: t("views.devices.hide"),
+					detail: e.error,
+					life: 3e3
+				});
+			} catch (e) {
+				r.add({
+					severity: "error",
+					summary: t("views.devices.hide"),
+					detail: e,
+					life: 3e3
+				});
+			}
+		}
+		async function oe(e, n) {
+			e.stopPropagation();
+			try {
+				let e = await u.unhideDevice(n.discoveredId);
+				e.success ? r.add({
+					severity: "success",
+					summary: t("views.devices.unhide"),
+					detail: t("views.devices.device_unhidden"),
+					life: 3e3
+				}) : r.add({
+					severity: "error",
+					summary: t("views.devices.unhide"),
+					detail: e.error,
+					life: 3e3
+				});
+			} catch (e) {
+				r.add({
+					severity: "error",
+					summary: t("views.devices.unhide"),
+					detail: e,
+					life: 3e3
+				});
+			}
+		}
+		function V() {
+			u.toggleShowHidden();
+		}
+		function U(e) {
+			return I(e) ? "opacity-50 cursor-not-allowed" : "";
+		}
+		return N(() => {
+			m.value && u.connect();
+		}), n(() => {
+			m.value && u.unsubscribe();
+		}), (e, t) => {
+			let n = Re, r = ge, i = de, s = ne, u = Ce, b = we, k = Me, N = je, P = Ne, te = ce, R = Ve, B = se, H = o("tooltip");
+			return a(), C("div", In, [
+				y(l) ? g("", !0) : (a(), C("h1", Ln, f(e.$t(`views.${String(e.$route.name).toLowerCase()}.title`)), 1)),
+				y(m) ? (a(), C(w, { key: 2 }, [
+					y(T) ? (a(), C("div", zn, [M(i, {
+						"stroke-width": "5",
+						class: "w-[30px] h-[30px]"
+					})])) : g("", !0),
+					!y(T) && !y(_).length ? (a(), C("div", Bn, [
+						E("div", Vn, [M(s, { class: "w-8 h-8 text-primary-500" })]),
+						E("div", Hn, [E("span", Un, f(y(O) ? e.$t("views.devices.scanning") : e.$t("views.devices.no_devices")), 1), E("span", Wn, f(y(O) ? e.$t("views.devices.scanning_hint") : e.$t("views.devices.no_devices_hint")), 1)]),
+						M(u, {
+							class: "cui-button-medium mt-2",
+							severity: "secondary",
+							label: e.$t("views.devices.rescan"),
+							loading: y(O),
+							onClick: ie
+						}, null, 8, ["label", "loading"])
+					])) : g("", !0),
+					!y(T) && y(v).length ? (a(), C("div", Gn, [E("span", Kn, f(e.$t("views.devices.status_adopted_cameras")), 1), M(r, { class: "cui-card" }, {
+						content: x(() => [M(P, {
+							value: y(v),
+							"striped-rows": "",
+							pt: d,
+							class: "w-full",
+							onRowClick: t[0] ||= (e) => L(e.data)
+						}, {
+							default: x(() => [
+								M(k, {
+									header: "",
+									"header-class": "p-2 pl-4 w-5 max-w-5",
+									class: "p-2 pl-4 w-5 max-w-5"
+								}, {
+									body: x(({ data: e }) => [E("div", qn, [D(M(b, { style: p({ background: ee(e.status) }) }, null, 8, ["style"]), [[H, { value: F(e.status) }]])])]),
+									_: 1
+								}),
+								M(k, {
+									field: "name",
+									header: e.$t("views.devices.name"),
+									"header-class": "p-2",
+									class: "p-2 w-full min-w-[200px] max-w-0"
+								}, {
+									body: x(({ data: t }) => [
+										E("div", Jn, f(t.name), 1),
+										E("div", Yn, f(t.manufacturer || e.$t("views.devices.unknown")) + " · " + f(t.model || e.$t("views.devices.unknown")), 1),
+										t.errorMessage ? (a(), C("div", Xn, f(t.errorMessage), 1)) : g("", !0)
+									]),
+									_: 1
+								}, 8, ["header"]),
+								M(k, {
+									field: "room",
+									header: e.$t("components.form.label.room"),
+									"header-class": "p-2 whitespace-nowrap",
+									class: "p-2 whitespace-nowrap"
+								}, {
+									body: x(({ data: t }) => [t.room ? (a(), h(N, {
+										key: 0,
+										label: t.room === "Default" ? e.$t("components.form.label.room_default") : t.room,
+										class: "text-xs whitespace-nowrap"
+									}, null, 8, ["label"])) : g("", !0)]),
+									_: 1
+								}, 8, ["header"]),
+								M(k, {
+									field: "provider",
+									header: e.$t("views.devices.provider"),
+									"header-class": "p-2 pr-4 whitespace-nowrap",
+									class: "p-2 pr-4 whitespace-nowrap"
+								}, {
+									body: x(({ data: e }) => [M(N, {
+										label: e.provider,
+										class: "text-xs whitespace-nowrap"
+									}, null, 8, ["label"])]),
+									_: 1
+								}, 8, ["header"])
+							]),
+							_: 1
+						}, 8, ["value"])]),
+						_: 1
+					})])) : g("", !0),
+					!y(T) && y(_).length ? (a(), C("div", {
+						key: 3,
+						class: c(["flex min-h-0 flex-col", { "mt-6": y(v).length }])
+					}, [E("span", Zn, f(e.$t("views.devices.status_discovered")), 1), M(r, { class: "cui-card" }, {
+						content: x(() => [y(S).length ? (a(), C("div", Qn, [M(P, {
+							value: y(S),
+							"striped-rows": "",
+							pt: d,
+							class: "w-full",
+							onRowClick: t[1] ||= (e) => L(e.data)
+						}, {
+							default: x(() => [
+								M(k, {
+									header: "",
+									"header-class": "p-2 pl-4 w-5 max-w-5",
+									class: "p-2 pl-4 w-5 max-w-5"
+								}, {
+									body: x(({ data: e }) => [E("div", $n, [D(M(b, { style: p({ background: ee(e.status) }) }, null, 8, ["style"]), [[H, { value: F(e.status) }]])])]),
+									_: 1
+								}),
+								M(k, {
+									field: "name",
+									header: e.$t("views.devices.name"),
+									"header-class": "p-2",
+									class: "p-2 w-full min-w-[200px] max-w-0"
+								}, {
+									body: x(({ data: t }) => [E("div", { class: c(["font-bold text-color truncate", U(t)]) }, f(t.name), 3), E("div", { class: c(["text-xs text-muted truncate", U(t)]) }, f(t.manufacturer || e.$t("views.devices.unknown")) + " · " + f(t.model || e.$t("views.devices.unknown")), 3)]),
+									_: 1
+								}, 8, ["header"]),
+								M(k, {
+									field: "address",
+									header: e.$t("views.devices.address"),
+									"header-class": "p-2 whitespace-nowrap",
+									class: "p-2 whitespace-nowrap"
+								}, {
+									body: x(({ data: e }) => [e.address ? (a(), C("span", {
+										key: 0,
+										class: c(["text-xs text-muted whitespace-nowrap", U(e)])
+									}, f(e.address), 3)) : g("", !0)]),
+									_: 1
+								}, 8, ["header"]),
+								M(k, {
+									field: "provider",
+									header: e.$t("views.devices.provider"),
+									"header-class": "p-2 whitespace-nowrap",
+									class: "p-2 whitespace-nowrap"
+								}, {
+									body: x(({ data: e }) => [M(N, {
+										label: e.provider,
+										class: c(["text-xs whitespace-nowrap", U(e)])
+									}, null, 8, ["label", "class"])]),
+									_: 1
+								}, 8, ["header"]),
+								M(k, {
+									header: "",
+									"header-class": "p-2 pr-4 w-12",
+									class: "p-2 pr-4 w-12"
+								}, {
+									body: x(({ data: t }) => [E("div", er, [I(t) ? D((a(), h(u, {
+										key: 1,
+										text: "",
+										rounded: "",
+										class: "cui-icon-md",
+										onClick: (e) => oe(e, t)
+									}, {
+										icon: x(() => [M(y(He), {
+											width: "100%",
+											height: "100%",
+											class: "text-muted"
+										})]),
+										_: 1
+									}, 8, ["onClick"])), [[
+										H,
+										{ value: e.$t("views.devices.unhide") },
+										void 0,
+										{ left: !0 }
+									]]) : D((a(), h(u, {
+										key: 0,
+										severity: "secondary",
+										text: "",
+										rounded: "",
+										class: "cui-icon-md",
+										onClick: (e) => ae(e, t)
+									}, {
+										icon: x(() => [M(y(Ue), {
+											width: "100%",
+											height: "100%",
+											class: "text-muted"
+										})]),
+										_: 1
+									}, 8, ["onClick"])), [[
+										H,
+										{ value: e.$t("views.devices.hide") },
+										void 0,
+										{ left: !0 }
+									]])])]),
+									_: 1
+								})
+							]),
+							_: 1
+						}, 8, ["value"])])) : (a(), C("div", tr, [y(O) ? (a(), h(te, {
+							key: 0,
+							width: "24px",
+							height: "24px",
+							class: "text-muted"
+						})) : (a(), h(R, {
+							key: 1,
+							width: "32px",
+							height: "32px",
+							class: "text-muted"
+						})), E("span", nr, f(y(O) ? e.$t("views.devices.scanning") : e.$t("views.devices.no_discovered")), 1)])), E("div", rr, [
+							t[2] ||= E("div", { class: "ml-auto" }, null, -1),
+							y(j) > 0 ? (a(), h(u, {
+								key: 0,
+								severity: "secondary",
+								class: "cui-button-medium",
+								label: y(A) ? e.$t("views.devices.hide_hidden") : `${e.$t("views.devices.show_hidden")} (${y(j)})`,
+								onClick: V
+							}, null, 8, ["label"])) : g("", !0),
+							M(u, {
+								severity: "secondary",
+								class: "cui-button-medium",
+								label: e.$t("views.devices.rescan"),
+								loading: y(O),
+								onClick: ie
+							}, null, 8, ["label", "loading"])
+						])]),
+						_: 1
+					})], 2)) : g("", !0)
+				], 64)) : (a(), C("div", Rn, [M(r, { class: "cui-card" }, {
+					content: x(() => [M(n)]),
+					_: 1
+				})])),
+				("hasPermission" in e ? e.hasPermission : y(re))(void 0, "admin") ? (a(), h(B, {
+					key: 3,
+					"tooltip-props": { value: e.$t("views.cameras.add_camera") },
+					"button-props": { class: "text-white" },
+					icon: y(Be),
+					"icon-props": {
+						width: "30px",
+						height: "30px"
+					},
+					onClick: z
+				}, null, 8, ["tooltip-props", "icon"])) : g("", !0)
+			]);
+		};
+	}
+}), [["__scopeId", "data-v-3b6b373b"]]);
+//#endregion
+export { ir as default };