diff --git a/index.html b/index.html
index c906aa8..542487f 100644
--- a/index.html
+++ b/index.html
@@ -71,7 +71,7 @@ Error generating stack: `+i.message+`
  * LICENSE.md file in the root directory of this source tree.
  *
  * @license MIT
- */function Ji(e){return e===void 0&&(e=""),new URLSearchParams(typeof e=="string"||Array.isArray(e)||e instanceof URLSearchParams?e:Object.keys(e).reduce((t,n)=>{let r=e[n];return t.concat(Array.isArray(r)?r.map(l=>[n,l]):[[n,r]])},[]))}function Np(e,t){let n=Ji(e);if(t)for(let r of t.keys())n.has(r)||t.getAll(r).forEach(l=>{n.append(r,l)});return n}const Lp="startTransition",cs=Gc[Lp];function Tp(e){let{basename:t,children:n,future:r,window:l}=e,i=L.useRef();i.current==null&&(i.current=sp({window:l,v5Compat:!0}));let o=i.current,[u,s]=L.useState({action:o.action,location:o.location}),{v7_startTransition:c}=r||{},v=L.useCallback(h=>{c&&cs?cs(()=>s(h)):s(h)},[s,c]);return L.useLayoutEffect(()=>o.listen(v),[o,v]),L.createElement(Pp,{basename:t,children:n,location:u.location,navigationType:u.action,navigator:o})}var fs;(function(e){e.UseScrollRestoration="useScrollRestoration",e.UseSubmit="useSubmit",e.UseSubmitFetcher="useSubmitFetcher",e.UseFetcher="useFetcher"})(fs||(fs={}));var ds;(function(e){e.UseFetchers="useFetchers",e.UseScrollRestoration="useScrollRestoration"})(ds||(ds={}));function zp(e){let t=L.useRef(Ji(e)),n=L.useRef(!1),r=Tc(),l=L.useMemo(()=>Np(r.search,n.current?null:t.current),[r.search]),i=Sp(),o=L.useCallback((u,s)=>{const c=Ji(typeof u=="function"?u(l):u);n.current=!0,i("?"+c,s)},[i,l]);return[l,o]}var bl=globalThis&&globalThis.__spreadArray||function(e,t,n){if(n||arguments.length===2)for(var r=0,l=t.length,i;r<l;r++)(i||!(r in t))&&(i||(i=Array.prototype.slice.call(t,0,r)),i[r]=t[r]);return e.concat(i||Array.prototype.slice.call(t))},Mp=function(){function e(t,n,r,l){this.setConnections=t,this.setChannels=n,this.setClients=r,this.localConnections=[],this.localChannels=[],this.localClients=[],this.logger=l}return e.prototype.updateConnectionsState=function(){this.setConnections(bl([],this.localConnections,!0))},e.prototype.updateChannelsState=function(){this.setChannels(bl([],this.localChannels,!0))},e.prototype.updateClientsState=function(){this.setClients(bl([],this.localClients,!0))},e.prototype.clearAll=function(){this.localConnections=[],this.localChannels=[],this.localClients=[],this.updateConnectionsState(),this.updateChannelsState(),this.updateClientsState()},e.prototype.addConnection=function(t){this.logger.log("Adding connection...",t);var n=this.localConnections.find(function(r){return r.id===t.id});n==null?(this.localConnections.push(t),this.updateConnectionsState(),this.logger.log("Connection added")):this.logger.log("Connection already exists")},e.prototype.addChannel=function(t){this.logger.log("Adding channel...",t);var n=this.localChannels.find(function(r){return r.id===t.id&&r.connection.id===t.connection.id});n==null?(this.localChannels.push(t),this.updateChannelsState(),this.logger.log("Channel added")):this.logger.log("Channel already exists")},e.prototype.addClient=function(t){this.logger.log("Adding client...",t);var n=this.localClients.find(function(r){var l,i;return r.id===t.id&&((l=r.channel)===null||l===void 0?void 0:l.connection.id)===((i=t.channel)===null||i===void 0?void 0:i.connection.id)});n==null?(this.localClients.push(t),this.updateClientsState(),this.logger.log("Client added")):this.logger.log("Client already exists")},e.prototype.updateConnection=function(t){this.logger.log("Updating connection...",t);var n=this.localConnections.find(function(r){return r.id===t.id});n!==void 0?(this.localConnections[this.localConnections.indexOf(n)]=t,this.updateConnectionsState(),this.logger.log("Connection updated")):this.logger.log("Connection does not exist")},e.prototype.updateChannel=function(t){this.logger.log("Updating channel...",t);var n=this.localChannels.find(function(r){return r.id===t.id&&r.connection.id===t.connection.id});n!==void 0?(this.localChannels[this.localChannels.indexOf(n)]=t,this.updateChannelsState(),this.logger.log("Channel updated")):this.logger.log("Channel does not exist")},e.prototype.updateClient=function(t){this.logger.log("Updating client...",t);var n=this.localClients.find(function(r){var l,i;return r.id===t.id&&((l=r.channel)===null||l===void 0?void 0:l.connection.id)===((i=t.channel)===null||i===void 0?void 0:i.connection.id)});n!==void 0?(this.localClients[this.localClients.indexOf(n)]=t,this.updateClientsState(),this.logger.log("Client updated")):this.logger.log("Client does not exist")},e.prototype.removeConnection=function(t){this.logger.log("Removing connection...",t);var n=this.localConnections.find(function(r){return r.id===t.id});n!==void 0?(this.localConnections.splice(this.localConnections.indexOf(n),1),this.localChannels=this.localChannels.filter(function(r){return r.connection.id!==t.id}),this.localClients=this.localClients.filter(function(r){var l;return((l=r.channel)===null||l===void 0?void 0:l.connection.id)!==t.id}),this.updateChannelsState(),this.updateClientsState(),this.updateConnectionsState(),this.logger.log("Connection removed")):this.logger.log("Connection does not exist")},e.prototype.removeChannel=function(t){this.logger.log("Removing channel...",t);var n=this.localChannels.find(function(r){return r.id===t.id&&r.connection.id===t.connection.id});n!==void 0?(this.localChannels.splice(this.localChannels.indexOf(n),1),this.localClients=this.localClients.filter(function(r){var l;return((l=r.channel)===null||l===void 0?void 0:l.id)!==t.id}),this.updateClientsState(),this.updateChannelsState(),this.logger.log("Channel removed")):this.logger.log("Channel does not exist")},e.prototype.removeClient=function(t){this.logger.log("Removing client...",t);var n=this.localClients.find(function(r){var l,i;return r.id===t.id&&((l=r.channel)===null||l===void 0?void 0:l.connection.id)===((i=t.channel)===null||i===void 0?void 0:i.connection.id)});n!==void 0?(this.localClients.splice(this.localClients.indexOf(n),1),this.updateClientsState(),this.logger.log("Client removed")):this.logger.log("Client does not exist")},e.prototype.getConnectionById=function(t){return this.localConnections.find(function(n){return n.id===t})},e.prototype.getChannelById=function(t,n){return this.localChannels.find(function(r){var l;return r.id===t&&((l=r.connection)===null||l===void 0?void 0:l.id)===n})},e.prototype.getClientById=function(t,n){return this.localClients.find(function(r){var l;return r.id===t&&((l=r.channel)===null||l===void 0?void 0:l.connection.id)===n})},e}(),le=globalThis&&globalThis.__assign||function(){return le=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++){t=arguments[n];for(var l in t)Object.prototype.hasOwnProperty.call(t,l)&&(e[l]=t[l])}return e},le.apply(this,arguments)},Ip=function(){function e(t,n,r,l){this.activeConnectionId=0,this.ws=t,this.dataHandler=n,this.setActiveConnectionStateId=r,this.logger=l}return e.prototype.setActiveConnection=function(t){this.activeConnectionId=t,this.setActiveConnectionStateId(t)},e.prototype.parseChannelInfos=function(t,n){var r=this;t.rootChannels.forEach(function(l){var i;r.dataHandler.addChannel(le(le({},l),{connection:n})),t&&t.subChannels!==null&&l.id in t.subChannels&&((i=t.subChannels[l.id])===null||i===void 0||i.forEach(function(o){r.dataHandler.addChannel(le(le({},o),{connection:n}))}))})},e.prototype.handleAuthMessage=function(t){var n=this;localStorage.setItem("apiKey",t.payload.apiKey),t.payload.connections.forEach(function(r){var l;n.dataHandler.addConnection(r),r.channelInfos!==void 0&&n.parseChannelInfos(r.channelInfos,r),(l=r.clientInfos)===null||l===void 0||l.forEach(function(i){var o=n.dataHandler.getChannelById(i.channelId,r.id);o!==void 0&&n.dataHandler.addClient({id:i.id,talkStatus:0,channel:le(le({},o),{connection:r}),properties:i.properties})})})},e.prototype.handleClientMovedMessage=function(t){var n=this,r=this.dataHandler.getClientById(t.payload.clientId,t.payload.connectionId);if(+t.payload.oldChannelId==0)setTimeout(function(){var i=n.dataHandler.getChannelById(t.payload.newChannelId,t.payload.connectionId);i!==void 0&&(n.dataHandler.addClient({id:t.payload.clientId,talkStatus:0,channel:i,properties:t.payload.properties}),n.logger.ts("New Client found (".concat(t.payload.connectionId," - ").concat(t.payload.clientId," - ").concat(t.payload.properties.nickname,")")))},2e3);else{var l=this.dataHandler.getChannelById(t.payload.newChannelId,t.payload.connectionId);if(l===void 0||l.id===0){this.logger.ts("Client left (".concat(t.payload.connectionId," - ").concat(t.payload.clientId," - ").concat(t.payload.properties.nickname,")")),r!==void 0&&this.dataHandler.removeClient(r);return}r!==void 0?(this.logger.ts("Client moved (".concat(r.channel.connection.id," - ").concat(r.id," - ").concat(r.properties.nickname,")")),this.dataHandler.updateClient(le(le({},r),{channel:l}))):(this.logger.ts("Client joined (".concat(t.payload.connectionId," - ").concat(t.payload.clientId," - ").concat(t.payload.properties.nickname,")")),this.dataHandler.addClient({id:t.payload.clientId,talkStatus:0,channel:l,properties:t.payload.properties}))}},e.prototype.handleClientPropertiesUpdatedMessage=function(t){var n=this.dataHandler.getClientById(t.payload.clientId,t.payload.connectionId);n!==void 0&&this.dataHandler.updateClient(le(le({},n),{properties:t.payload.properties}))},e.prototype.handleTalkStatusChangedMessage=function(t){var n=this.dataHandler.getClientById(t.payload.clientId,t.payload.connectionId);n!==void 0&&this.dataHandler.updateClient(le(le({},n),{talkStatus:t.payload.status}))},e.prototype.handleClientSelfPropertyUpdatedMessage=function(t){var n=this.dataHandler.getConnectionById(this.activeConnectionId);(t.payload.flag=="inputHardware"||n==null)&&this.setActiveConnection(t.payload.connectionId)},e.prototype.handleServerPropertiesUpdatedMessage=function(t){var n=this.dataHandler.getConnectionById(t.payload.connectionId);n!==void 0&&this.dataHandler.updateConnection(le(le({},n),{properties:t.payload.properties}))},e.prototype.handleConnectStatusChangedMessage=function(t){if(t.payload.status===0){var n=this.dataHandler.getConnectionById(t.payload.connectionId);n!==void 0&&this.dataHandler.removeConnection(n)}t.payload.status===4&&this.dataHandler.addConnection({id:t.payload.connectionId,clientId:t.payload.info.clientId})},e.prototype.handleChannelsMessage=function(t){var n=this;setTimeout(function(){var r=n.dataHandler.getConnectionById(t.payload.connectionId);r!==void 0&&n.parseChannelInfos(t.payload.info,r)},1e3)},e}(),il=globalThis&&globalThis.__assign||function(){return il=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++){t=arguments[n];for(var l in t)Object.prototype.hasOwnProperty.call(t,l)&&(e[l]=t[l])}return e},il.apply(this,arguments)},Rp=function(){function e(t,n,r,l,i,o,u){this.authenticated=!1,this.remoteAppPort=t,this.authPayload=n,this.logger=r,this.ws=new WebSocket("ws://localhost:".concat(this.remoteAppPort)),this.dataHandler=new Mp(l,i,o,r),this.messageHandler=new Ip(this.ws,this.dataHandler,u,r)}return e.prototype.reconnect=function(){this.logger.log("Reconnecting..."),this.ws.close(),this.ws=new WebSocket("ws://localhost:".concat(this.remoteAppPort)),this.dataHandler.clearAll(),this.authenticated=!1,this.connect()},e.prototype.connect=function(){var t=this,n;this.logger.log("Connecting to TS5 client...");var r={type:"auth",payload:il(il({},this.authPayload),{content:{apiKey:(n=localStorage.getItem("apiKey"))!==null&&n!==void 0?n:""}})};this.ws.onopen=function(){t.ws.send(JSON.stringify(r)),t.logger.wsSent(r)},this.ws.onclose=function(l){t.logger.log("WebSocket connection closed",l),t.authenticated||(t.logger.log("WebSocket connection closed before authentication"),localStorage.removeItem("apiKey")),setTimeout(function(){t.reconnect()},2e3)},this.ws.onmessage=function(l){var i=JSON.parse(l.data);switch(t.logger.wsReceived(i),i.type){case"auth":t.messageHandler.handleAuthMessage(i),t.authenticated=!0;break;case"clientMoved":t.messageHandler.handleClientMovedMessage(i);break;case"clientPropertiesUpdated":t.messageHandler.handleClientPropertiesUpdatedMessage(i);break;case"talkStatusChanged":t.messageHandler.handleTalkStatusChangedMessage(i);break;case"serverPropertiesUpdated":t.messageHandler.handleServerPropertiesUpdatedMessage(i);break;case"connectStatusChanged":t.messageHandler.handleConnectStatusChangedMessage(i);break;case"clientSelfPropertyUpdated":t.messageHandler.handleClientSelfPropertyUpdatedMessage(i);break;case"channels":t.messageHandler.handleChannelsMessage(i);break;default:t.logger.log("No handler for event type: ".concat(i.type));break}}},e}(),Op=function(){function e(t){this.enabled=t}return e.prototype.log=function(t,n){n===void 0&&(n=null),this.enabled&&console.log("[Log] %c".concat(t).trim(),"color: gray",n??"")},e.prototype.warn=function(t,n){n===void 0&&(n=null),this.enabled&&console.warn("%c".concat(t).trim(),n??"")},e.prototype.error=function(t,n){n===void 0&&(n=null),this.enabled&&console.error("%c".concat(t).trim(),n??"")},e.prototype.wsReceived=function(t,n){n===void 0&&(n=void 0),this.enabled&&console.log("%c[WS Recieved] ".concat(n??"").trim(),"color: #8258c7",t)},e.prototype.wsSent=function(t,n){n===void 0&&(n=void 0),this.enabled&&console.log("%c[WS Sent] ".concat(n??"").trim(),"color: #4eb570",t)},e.prototype.ts=function(t,n){n===void 0&&(n=null),this.enabled&&console.log("%c[TS] ".concat(t).trim(),"color: #2e6bc7",n??"")},e}();function jp(e){var t=L.useState([]),n=t[0],r=t[1],l=L.useState([]),i=l[0],o=l[1],u=L.useState([]),s=u[0],c=u[1],v=L.useState(1),h=v[0],p=v[1],y=L.useState(void 0),S=y[0],w=y[1],N=L.useState(void 0),f=N[0],a=N[1],d=L.useState(void 0),m=d[0],C=d[1],E=L.useState([]),_=E[0],P=E[1];return L.useEffect(function(){var j,T,ue=new Rp((j=e.remoteAppPort)!==null&&j!==void 0?j:5899,e.auth,new Op((T=e.logging)!==null&&T!==void 0?T:!1),c,o,r,p);ue.connect()},[]),L.useEffect(function(){var j=s.find(function(de){return de.id===h});if(w(j),j){var T=n.find(function(de){return de.id===j.clientId});if(C(T),T){var ue=i.find(function(de){var Ue;return de.id===((Ue=T.channel)===null||Ue===void 0?void 0:Ue.id)});a(ue)}}if(f){var St=n.filter(function(de){var Ue;return((Ue=de.channel)===null||Ue===void 0?void 0:Ue.id)===(f==null?void 0:f.id)&&de.channel.connection.id===h});P(St)}},[n,i,s,h]),{clients:n,channels:i,connections:s,activeConnectionId:h,currentConnection:S,currentChannel:f,currentClient:m,clientsInChannel:_}}function Dp({clients:e,channel:t,showChannelName:n=!1,hideNonTalking:r=!1,clientLimit:l=0}){return z.jsxs("div",{className:"viewer",children:[n?z.jsx("div",{className:"channelNameContainer",children:z.jsx("h3",{children:t==null?void 0:t.properties.name})}):null,e==null?void 0:e.map((i,o)=>{var u;return l!=0&&o>=l?null:i?r&&(i.properties.inputMuted||i.properties.outputMuted||i.talkStatus==0)?null:z.jsxs("div",{className:"client",children:[i.properties.outputHardware==!1?z.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 128 128",children:[z.jsx("title",{children:"muted_hardware_output"}),z.jsxs("g",{id:"muted_hardware_output.svg",children:[z.jsx("path",{d:"M116.62,39a4.78,4.78,0,0,1-1.59.3l-6.29,3.63a45.42,45.42,0,0,1-13.33,57.64,49.4,49.4,0,0,1-5.82,3.62c-1.06.57-2.2.92-3.19,1.49-1.7,1-2.77,2.13-2.77,4.18a4.57,4.57,0,0,0,4.54,4.54,5.33,5.33,0,0,0,1.84-.35,54.49,54.49,0,0,0,26.94-75c-.12,0-.22,0-.34,0M88.18,13.58a4.57,4.57,0,0,0-4.54,4.54c0,2.06,1.06,3.19,2.77,4.18,1,.57,2.13.92,3.19,1.49a49.4,49.4,0,0,1,5.82,3.62,45.68,45.68,0,0,1,8.19,7.78l7-4a2.63,2.63,0,0,1,1.11-.34A54.31,54.31,0,0,0,90,13.94a5.33,5.33,0,0,0-1.84-.35",fill:"#d8d8d8"}),z.jsx("path",{d:"M59.46,71.4,32.77,86.81l19,19a4.51,4.51,0,0,0,3.19,1.35,4.57,4.57,0,0,0,4.54-4.54V71.4M54.92,20.88a4.51,4.51,0,0,0-3.19,1.35L28.12,45.85H9.54A4.57,4.57,0,0,0,5,50.38V77.62a4.57,4.57,0,0,0,4.54,4.54H22.26l37.2-21.48V25.42a4.57,4.57,0,0,0-4.54-4.54",fill:"#d8d8d8"}),z.jsx("path",{d:"M85.11,56.6l-7.87,4.54A10,10,0,0,1,77.62,64c0,8.58-8.23,7.09-8.23,12.48A4.53,4.53,0,0,0,73.93,81a4,4,0,0,0,1.77-.35A18.13,18.13,0,0,0,86.69,64a18.34,18.34,0,0,0-1.59-7.4M73.93,47a4.52,4.52,0,0,0-4.54,4.54,3.92,3.92,0,0,0,1.08,2.8l8.76-5.06a16.14,16.14,0,0,0-3.52-1.93A4,4,0,0,0,73.93,47",fill:"#d8d8d8"}),z.jsx("path",{d:"M100.87,47.49,93,52a27.15,27.15,0,0,1-8.36,33.87A36.79,36.79,0,0,1,79.25,89a4.54,4.54,0,0,0,1.84,8.72,5.24,5.24,0,0,0,1.77-.35,36.34,36.34,0,0,0,18-49.91M81,30.25A4.54,4.54,0,0,0,79.25,39a36.82,36.82,0,0,1,5.39,3.12,27,27,0,0,1,2.86,2.4l8.14-4.7A35.37,35.37,0,0,0,82.86,30.6,5.31,5.31,0,0,0,81,30.25",fill:"#d8d8d8"}),z.jsx("path",{d:"M126.57,43.71,10.42,110.77a2.88,2.88,0,0,1-3.93-1.05L4.33,106A2.88,2.88,0,0,1,5.38,102L121.53,35A2.88,2.88,0,0,1,125.46,36l2.16,3.75A2.88,2.88,0,0,1,126.57,43.71Z",fill:"#c9070a"})]})]}):i.properties.inputHardware==!1?z.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 128 128",children:[z.jsx("title",{children:"muted_hardware_input"}),z.jsxs("g",{id:"muted_hardware_input.svg",children:[z.jsx("path",{d:"M88.62,54.15V64A24.69,24.69,0,0,1,64,88.62a25.26,25.26,0,0,1-8.38-1.46l-7.39,7.39A34,34,0,0,0,64,98.46,34.5,34.5,0,0,0,98.46,64V54.15a4.92,4.92,0,1,1,9.85,0V64a44.31,44.31,0,0,1-39.38,44v10.15H88.62a4.92,4.92,0,0,1,0,9.85H39.38a4.92,4.92,0,1,1,0-9.85H59.08V108A43.3,43.3,0,0,1,41,101.77L21.46,121.31a2.46,2.46,0,0,1-3.54,0L11.62,115a2.46,2.46,0,0,1,0-3.54l94.92-94.92a2.46,2.46,0,0,1,3.54,0l6.31,6.31a2.46,2.46,0,0,1,0,3.54ZM22.92,80.46A43.3,43.3,0,0,1,19.69,64V54.15a4.92,4.92,0,1,1,9.85,0V64a35.94,35.94,0,0,0,1.15,8.69ZM39.38,64V24.62a24.62,24.62,0,0,1,47.77-8.38Z",fill:"#d8d8d8"}),z.jsx("rect",{x:"-5.93",y:"61.89",width:"139.87",height:"14.02",rx:"2.87",ry:"2.87",transform:"translate(-29.97 65.43) rotate(-45)",fill:"#c9070a"})]})]}):i.properties.outputMuted?z.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 128 128",children:[z.jsx("title",{children:"muted_output"}),z.jsxs("g",{id:"muted_output",children:[z.jsx("path",{d:"M116.62,39a4.78,4.78,0,0,1-1.59.3l-6.29,3.63a45.42,45.42,0,0,1-13.33,57.64,49.4,49.4,0,0,1-5.82,3.62c-1.06.57-2.2.92-3.19,1.49-1.7,1-2.77,2.13-2.77,4.18a4.57,4.57,0,0,0,4.54,4.54,5.33,5.33,0,0,0,1.84-.35,54.49,54.49,0,0,0,26.94-75c-.12,0-.22,0-.34,0M88.18,13.58a4.57,4.57,0,0,0-4.54,4.54c0,2.06,1.06,3.19,2.77,4.18,1,.57,2.13.92,3.19,1.49a49.4,49.4,0,0,1,5.82,3.62,45.68,45.68,0,0,1,8.19,7.78l7-4a2.63,2.63,0,0,1,1.11-.34A54.31,54.31,0,0,0,90,13.94a5.33,5.33,0,0,0-1.84-.35",fill:"#c9070a"}),z.jsx("path",{d:"M59.46,71.4,32.77,86.81l19,19a4.51,4.51,0,0,0,3.19,1.35,4.57,4.57,0,0,0,4.54-4.54V71.4M54.92,20.88a4.51,4.51,0,0,0-3.19,1.35L28.11,45.85H9.53A4.57,4.57,0,0,0,5,50.38V77.62a4.57,4.57,0,0,0,4.54,4.54H22.25l37.2-21.48V25.42a4.57,4.57,0,0,0-4.54-4.54",fill:"#c9070a"}),z.jsx("path",{d:"M85.1,56.6l-7.87,4.54A10,10,0,0,1,77.61,64c0,8.58-8.23,7.09-8.23,12.48A4.53,4.53,0,0,0,73.92,81a4,4,0,0,0,1.77-.35A18.13,18.13,0,0,0,86.69,64a18.34,18.34,0,0,0-1.59-7.4M73.92,47a4.52,4.52,0,0,0-4.54,4.54,3.92,3.92,0,0,0,1.08,2.8l8.76-5.06a16.14,16.14,0,0,0-3.52-1.93A4,4,0,0,0,73.92,47",fill:"#c9070a"}),z.jsx("path",{d:"M100.87,47.49,93,52a27.15,27.15,0,0,1-8.36,33.87A36.79,36.79,0,0,1,79.24,89a4.54,4.54,0,0,0,1.84,8.72,5.24,5.24,0,0,0,1.77-.35,36.34,36.34,0,0,0,18-49.91M81,30.25A4.54,4.54,0,0,0,79.24,39a36.82,36.82,0,0,1,5.39,3.12,27,27,0,0,1,2.86,2.4l8.14-4.7A35.37,35.37,0,0,0,82.86,30.6,5.31,5.31,0,0,0,81,30.25",fill:"#c9070a"}),z.jsx("path",{d:"M126.57,43.71,10.42,110.77a2.88,2.88,0,0,1-3.93-1.05L4.33,106A2.88,2.88,0,0,1,5.38,102L121.53,35A2.88,2.88,0,0,1,125.46,36l2.16,3.75A2.88,2.88,0,0,1,126.57,43.71Z",fill:"#c9070a"})]})]}):i.properties.inputMuted?z.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 128 128",children:[z.jsx("title",{children:"muted_input"}),z.jsx("g",{id:"muted_input.svg",children:z.jsx("path",{d:"M88.62,54.15V64A24.69,24.69,0,0,1,64,88.62a25.26,25.26,0,0,1-8.38-1.46l-7.39,7.39A34,34,0,0,0,64,98.46,34.5,34.5,0,0,0,98.46,64V54.15a4.92,4.92,0,1,1,9.85,0V64a44.31,44.31,0,0,1-39.38,44v10.15H88.62a4.92,4.92,0,0,1,0,9.85H39.38a4.92,4.92,0,1,1,0-9.85H59.08V108A43.3,43.3,0,0,1,41,101.77L21.46,121.31a2.46,2.46,0,0,1-3.54,0L11.62,115a2.46,2.46,0,0,1,0-3.54l94.92-94.92a2.46,2.46,0,0,1,3.54,0l6.31,6.31a2.46,2.46,0,0,1,0,3.54ZM22.92,80.46A43.3,43.3,0,0,1,19.69,64V54.15a4.92,4.92,0,1,1,9.85,0V64a35.94,35.94,0,0,0,1.15,8.69ZM39.38,64V24.62a24.62,24.62,0,0,1,47.77-8.38Z",fill:"#c9070a"})})]}):i.talkStatus==1?z.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 128 128",children:[z.jsx("title",{children:"player_on_v2"}),z.jsx("g",{id:"player_on_v2.svg",children:z.jsx("path",{d:"M64,128a64,64,0,1,1,64-64A64,64,0,0,1,64,128Z",fill:"#00b4df"})})]}):z.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 128 128",children:[z.jsx("title",{children:"player_off_v2"}),z.jsx("g",{id:"player_off_v2.svg",children:z.jsx("path",{d:"M64,128a64,64,0,1,1,64-64A64,64,0,0,1,64,128Z",fill:"#3e4f5e"})})]}),z.jsx("p",{children:i.properties.nickname})]},`${i.id}-${(u=i.channel)==null?void 0:u.connection.id}`):z.jsx("div",{},Math.random())})]})}function Up(){const[e]=zp(),{clients:t,activeConnectionId:n,currentChannel:r}=jp({remoteAppPort:parseInt(e.get("remoteAppPort")??"5899"),auth:{identifier:"de.tealfire.obs",version:"1.2.3",name:"TS5 OBS Overlay",description:"A OBS overlay for TS5 by DerTyp876"},logging:!0});return z.jsx("div",{className:"App",children:z.jsx(Dp,{showChannelName:e.get("showChannelName")==="true",hideNonTalking:e.get("hideNonTalking")==="true",clientLimit:e.get("clientLimit")?parseInt(e.get("clientLimit")??"0"):0,clients:t.map(l=>{var i;if(((i=l.channel)==null?void 0:i.id)===(r==null?void 0:r.id)&&l.channel.connection.id===n)return l}),channel:r})})}ei.createRoot(document.getElementById("root")).render(z.jsx(Tp,{children:z.jsx(Up,{})}));
+ */function Ji(e){return e===void 0&&(e=""),new URLSearchParams(typeof e=="string"||Array.isArray(e)||e instanceof URLSearchParams?e:Object.keys(e).reduce((t,n)=>{let r=e[n];return t.concat(Array.isArray(r)?r.map(l=>[n,l]):[[n,r]])},[]))}function Np(e,t){let n=Ji(e);if(t)for(let r of t.keys())n.has(r)||t.getAll(r).forEach(l=>{n.append(r,l)});return n}const Lp="startTransition",cs=Gc[Lp];function Tp(e){let{basename:t,children:n,future:r,window:l}=e,i=L.useRef();i.current==null&&(i.current=sp({window:l,v5Compat:!0}));let o=i.current,[u,s]=L.useState({action:o.action,location:o.location}),{v7_startTransition:c}=r||{},v=L.useCallback(h=>{c&&cs?cs(()=>s(h)):s(h)},[s,c]);return L.useLayoutEffect(()=>o.listen(v),[o,v]),L.createElement(Pp,{basename:t,children:n,location:u.location,navigationType:u.action,navigator:o})}var fs;(function(e){e.UseScrollRestoration="useScrollRestoration",e.UseSubmit="useSubmit",e.UseSubmitFetcher="useSubmitFetcher",e.UseFetcher="useFetcher"})(fs||(fs={}));var ds;(function(e){e.UseFetchers="useFetchers",e.UseScrollRestoration="useScrollRestoration"})(ds||(ds={}));function zp(e){let t=L.useRef(Ji(e)),n=L.useRef(!1),r=Tc(),l=L.useMemo(()=>Np(r.search,n.current?null:t.current),[r.search]),i=Sp(),o=L.useCallback((u,s)=>{const c=Ji(typeof u=="function"?u(l):u);n.current=!0,i("?"+c,s)},[i,l]);return[l,o]}var bl=globalThis&&globalThis.__spreadArray||function(e,t,n){if(n||arguments.length===2)for(var r=0,l=t.length,i;r<l;r++)(i||!(r in t))&&(i||(i=Array.prototype.slice.call(t,0,r)),i[r]=t[r]);return e.concat(i||Array.prototype.slice.call(t))},Mp=function(){function e(t,n,r,l){this.setConnections=t,this.setChannels=n,this.setClients=r,this.localConnections=[],this.localChannels=[],this.localClients=[],this.logger=l}return e.prototype.updateConnectionsState=function(){this.setConnections(bl([],this.localConnections,!0))},e.prototype.updateChannelsState=function(){this.setChannels(bl([],this.localChannels,!0))},e.prototype.updateClientsState=function(){this.setClients(bl([],this.localClients,!0))},e.prototype.clearAll=function(){this.localConnections=[],this.localChannels=[],this.localClients=[],this.updateConnectionsState(),this.updateChannelsState(),this.updateClientsState()},e.prototype.addConnection=function(t){this.logger.log("Adding connection...",t);var n=this.localConnections.find(function(r){return r.id===t.id});n==null?(this.localConnections.push(t),this.updateConnectionsState(),this.logger.log("Connection added")):this.logger.log("Connection already exists")},e.prototype.addChannel=function(t){this.logger.log("Adding channel...",t);var n=this.localChannels.find(function(r){return r.id===t.id&&r.connection.id===t.connection.id});n==null?(this.localChannels.push(t),this.updateChannelsState(),this.logger.log("Channel added")):this.logger.log("Channel already exists")},e.prototype.addClient=function(t){this.logger.log("Adding client...",t);var n=this.localClients.find(function(r){var l,i;return r.id===t.id&&((l=r.channel)===null||l===void 0?void 0:l.connection.id)===((i=t.channel)===null||i===void 0?void 0:i.connection.id)});n==null?(this.localClients.push(t),this.updateClientsState(),this.logger.log("Client added")):this.logger.log("Client already exists")},e.prototype.updateConnection=function(t){this.logger.log("Updating connection...",t);var n=this.localConnections.find(function(r){return r.id===t.id});n!==void 0?(this.localConnections[this.localConnections.indexOf(n)]=t,this.updateConnectionsState(),this.logger.log("Connection updated")):this.logger.log("Connection does not exist")},e.prototype.updateChannel=function(t){this.logger.log("Updating channel...",t);var n=this.localChannels.find(function(r){return r.id===t.id&&r.connection.id===t.connection.id});n!==void 0?(this.localChannels[this.localChannels.indexOf(n)]=t,this.updateChannelsState(),this.logger.log("Channel updated")):this.logger.log("Channel does not exist")},e.prototype.updateClient=function(t){this.logger.log("Updating client...",t);var n=this.localClients.find(function(r){var l,i;return r.id===t.id&&((l=r.channel)===null||l===void 0?void 0:l.connection.id)===((i=t.channel)===null||i===void 0?void 0:i.connection.id)});n!==void 0?(this.localClients[this.localClients.indexOf(n)]=t,this.updateClientsState(),this.logger.log("Client updated")):this.logger.log("Client does not exist")},e.prototype.removeConnection=function(t){this.logger.log("Removing connection...",t);var n=this.localConnections.find(function(r){return r.id===t.id});n!==void 0?(this.localConnections.splice(this.localConnections.indexOf(n),1),this.localChannels=this.localChannels.filter(function(r){return r.connection.id!==t.id}),this.localClients=this.localClients.filter(function(r){var l;return((l=r.channel)===null||l===void 0?void 0:l.connection.id)!==t.id}),this.updateChannelsState(),this.updateClientsState(),this.updateConnectionsState(),this.logger.log("Connection removed")):this.logger.log("Connection does not exist")},e.prototype.removeChannel=function(t){this.logger.log("Removing channel...",t);var n=this.localChannels.find(function(r){return r.id===t.id&&r.connection.id===t.connection.id});n!==void 0?(this.localChannels.splice(this.localChannels.indexOf(n),1),this.localClients=this.localClients.filter(function(r){var l;return((l=r.channel)===null||l===void 0?void 0:l.id)!==t.id}),this.updateClientsState(),this.updateChannelsState(),this.logger.log("Channel removed")):this.logger.log("Channel does not exist")},e.prototype.removeClient=function(t){this.logger.log("Removing client...",t);var n=this.localClients.find(function(r){var l,i;return r.id===t.id&&((l=r.channel)===null||l===void 0?void 0:l.connection.id)===((i=t.channel)===null||i===void 0?void 0:i.connection.id)});n!==void 0?(this.localClients.splice(this.localClients.indexOf(n),1),this.updateClientsState(),this.logger.log("Client removed")):this.logger.log("Client does not exist")},e.prototype.getConnectionById=function(t){return this.localConnections.find(function(n){return n.id===t})},e.prototype.getChannelById=function(t,n){return this.localChannels.find(function(r){var l;return r.id===t&&((l=r.connection)===null||l===void 0?void 0:l.id)===n})},e.prototype.getClientById=function(t,n){return this.localClients.find(function(r){var l;return r.id===t&&((l=r.channel)===null||l===void 0?void 0:l.connection.id)===n})},e}(),le=globalThis&&globalThis.__assign||function(){return le=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++){t=arguments[n];for(var l in t)Object.prototype.hasOwnProperty.call(t,l)&&(e[l]=t[l])}return e},le.apply(this,arguments)},Ip=function(){function e(t,n,r,l){this.activeConnectionId=0,this.ws=t,this.dataHandler=n,this.setActiveConnectionStateId=r,this.logger=l}return e.prototype.setActiveConnection=function(t){this.activeConnectionId=t,this.setActiveConnectionStateId(t)},e.prototype.parseChannelInfos=function(t,n){var r=this;t.rootChannels.forEach(function(l){var i;r.dataHandler.addChannel(le(le({},l),{connection:n})),t&&t.subChannels!==null&&l.id in t.subChannels&&((i=t.subChannels[l.id])===null||i===void 0||i.forEach(function(o){r.dataHandler.addChannel(le(le({},o),{connection:n}))}))})},e.prototype.handleAuthMessage=function(t){var n=this;localStorage.setItem("apiKey",t.payload.apiKey),t.payload.connections.forEach(function(r){var l;n.dataHandler.addConnection(r),r.channelInfos!==void 0&&n.parseChannelInfos(r.channelInfos,r),(l=r.clientInfos)===null||l===void 0||l.forEach(function(i){var o=n.dataHandler.getChannelById(i.channelId,r.id);o!==void 0&&n.dataHandler.addClient({id:i.id,talkStatus:0,channel:le(le({},o),{connection:r}),properties:i.properties})})})},e.prototype.handleClientMovedMessage=function(t){var n=this,r=this.dataHandler.getClientById(t.payload.clientId,t.payload.connectionId);if(+t.payload.oldChannelId==0)setTimeout(function(){var i=n.dataHandler.getChannelById(t.payload.newChannelId,t.payload.connectionId);i!==void 0&&(n.dataHandler.addClient({id:t.payload.clientId,talkStatus:0,channel:i,properties:t.payload.properties}),n.logger.ts("New Client found (".concat(t.payload.connectionId," - ").concat(t.payload.clientId," - ").concat(t.payload.properties.nickname,")")))},2e3);else{var l=this.dataHandler.getChannelById(t.payload.newChannelId,t.payload.connectionId);if(l===void 0||l.id===0){this.logger.ts("Client left (".concat(t.payload.connectionId," - ").concat(t.payload.clientId," - ").concat(t.payload.properties.nickname,")")),r!==void 0&&this.dataHandler.removeClient(r);return}r!==void 0?(this.logger.ts("Client moved (".concat(r.channel.connection.id," - ").concat(r.id," - ").concat(r.properties.nickname,")")),this.dataHandler.updateClient(le(le({},r),{channel:l}))):(this.logger.ts("Client joined (".concat(t.payload.connectionId," - ").concat(t.payload.clientId," - ").concat(t.payload.properties.nickname,")")),this.dataHandler.addClient({id:t.payload.clientId,talkStatus:0,channel:l,properties:t.payload.properties}))}},e.prototype.handleClientPropertiesUpdatedMessage=function(t){var n=this.dataHandler.getClientById(t.payload.clientId,t.payload.connectionId);n!==void 0&&this.dataHandler.updateClient(le(le({},n),{properties:t.payload.properties}))},e.prototype.handleTalkStatusChangedMessage=function(t){var n=this.dataHandler.getClientById(t.payload.clientId,t.payload.connectionId);n!==void 0&&this.dataHandler.updateClient(le(le({},n),{talkStatus:t.payload.status}))},e.prototype.handleClientSelfPropertyUpdatedMessage=function(t){var n=this.dataHandler.getConnectionById(this.activeConnectionId);(t.payload.flag=="inputHardware"||n==null)&&this.setActiveConnection(t.payload.connectionId)},e.prototype.handleServerPropertiesUpdatedMessage=function(t){var n=this.dataHandler.getConnectionById(t.payload.connectionId);n!==void 0&&this.dataHandler.updateConnection(le(le({},n),{properties:t.payload.properties}))},e.prototype.handleConnectStatusChangedMessage=function(t){if(t.payload.status===0){var n=this.dataHandler.getConnectionById(t.payload.connectionId);n!==void 0&&this.dataHandler.removeConnection(n)}t.payload.status===4&&this.dataHandler.addConnection({id:t.payload.connectionId,clientId:t.payload.info.clientId})},e.prototype.handleChannelsMessage=function(t){var n=this;setTimeout(function(){var r=n.dataHandler.getConnectionById(t.payload.connectionId);r!==void 0&&n.parseChannelInfos(t.payload.info,r)},1e3)},e}(),il=globalThis&&globalThis.__assign||function(){return il=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++){t=arguments[n];for(var l in t)Object.prototype.hasOwnProperty.call(t,l)&&(e[l]=t[l])}return e},il.apply(this,arguments)},Rp=function(){function e(t,n,r,l,i,o,u){this.authenticated=!1,this.remoteAppPort=t,this.authPayload=n,this.logger=r,this.ws=new WebSocket("ws://localhost:".concat(this.remoteAppPort)),this.dataHandler=new Mp(l,i,o,r),this.messageHandler=new Ip(this.ws,this.dataHandler,u,r)}return e.prototype.reconnect=function(){this.logger.log("Reconnecting..."),this.ws.close(),this.ws=new WebSocket("ws://localhost:".concat(this.remoteAppPort)),this.dataHandler.clearAll(),this.authenticated=!1,this.connect()},e.prototype.connect=function(){var t=this,n;this.logger.log("Connecting to TS5 client...");var r={type:"auth",payload:il(il({},this.authPayload),{content:{apiKey:(n=localStorage.getItem("apiKey"))!==null&&n!==void 0?n:""}})};this.ws.onopen=function(){t.ws.send(JSON.stringify(r)),t.logger.wsSent(r)},this.ws.onclose=function(l){t.logger.log("WebSocket connection closed",l),t.authenticated||(t.logger.log("WebSocket connection closed before authentication"),localStorage.removeItem("apiKey")),setTimeout(function(){t.reconnect()},2e3)},this.ws.onmessage=function(l){var i=JSON.parse(l.data);switch(t.logger.wsReceived(i),i.type){case"auth":t.messageHandler.handleAuthMessage(i),t.authenticated=!0;break;case"clientMoved":t.messageHandler.handleClientMovedMessage(i);break;case"clientPropertiesUpdated":t.messageHandler.handleClientPropertiesUpdatedMessage(i);break;case"talkStatusChanged":t.messageHandler.handleTalkStatusChangedMessage(i);break;case"serverPropertiesUpdated":t.messageHandler.handleServerPropertiesUpdatedMessage(i);break;case"connectStatusChanged":t.messageHandler.handleConnectStatusChangedMessage(i);break;case"clientSelfPropertyUpdated":t.messageHandler.handleClientSelfPropertyUpdatedMessage(i);break;case"channels":t.messageHandler.handleChannelsMessage(i);break;default:t.logger.log("No handler for event type: ".concat(i.type));break}}},e}(),Op=function(){function e(t){this.enabled=t}return e.prototype.log=function(t,n){n===void 0&&(n=null),this.enabled&&console.log("[Log] %c".concat(t).trim(),"color: gray",n??"")},e.prototype.warn=function(t,n){n===void 0&&(n=null),this.enabled&&console.warn("%c".concat(t).trim(),n??"")},e.prototype.error=function(t,n){n===void 0&&(n=null),this.enabled&&console.error("%c".concat(t).trim(),n??"")},e.prototype.wsReceived=function(t,n){n===void 0&&(n=void 0),this.enabled&&console.log("%c[WS Recieved] ".concat(n??"").trim(),"color: #8258c7",t)},e.prototype.wsSent=function(t,n){n===void 0&&(n=void 0),this.enabled&&console.log("%c[WS Sent] ".concat(n??"").trim(),"color: #4eb570",t)},e.prototype.ts=function(t,n){n===void 0&&(n=null),this.enabled&&console.log("%c[TS] ".concat(t).trim(),"color: #2e6bc7",n??"")},e}();function jp(e){var t=L.useState([]),n=t[0],r=t[1],l=L.useState([]),i=l[0],o=l[1],u=L.useState([]),s=u[0],c=u[1],v=L.useState(1),h=v[0],p=v[1],y=L.useState(void 0),S=y[0],w=y[1],N=L.useState(void 0),f=N[0],a=N[1],d=L.useState(void 0),m=d[0],C=d[1],E=L.useState([]),_=E[0],P=E[1];return L.useEffect(function(){var j,T,ue=new Rp((j=e.remoteAppPort)!==null&&j!==void 0?j:5899,e.auth,new Op((T=e.logging)!==null&&T!==void 0?T:!1),c,o,r,p);ue.connect()},[]),L.useEffect(function(){var j=s.find(function(de){return de.id===h});if(w(j),j){var T=n.find(function(de){return de.id===j.clientId});if(C(T),T){var ue=i.find(function(de){var Ue;return de.id===((Ue=T.channel)===null||Ue===void 0?void 0:Ue.id)});a(ue)}}if(f){var St=n.filter(function(de){var Ue;return((Ue=de.channel)===null||Ue===void 0?void 0:Ue.id)===(f==null?void 0:f.id)&&de.channel.connection.id===h});P(St)}},[n,i,s,h]),{clients:n,channels:i,connections:s,activeConnectionId:h,currentConnection:S,currentChannel:f,currentClient:m,clientsInChannel:_}}function Dp({clients:e,channel:t,showChannelName:n=!1,hideNonTalking:r=!1,clientLimit:l=0}){return z.jsxs("div",{className:"viewer",children:[n?z.jsx("div",{className:"channelNameContainer",children:z.jsx("h3",{children:t==null?void 0:t.properties.name})}):null,e==null?void 0:e.map((i,o)=>{var u;return l!=0&&o>=l?null:i?r&&(i.properties.inputMuted||i.properties.outputMuted||i.talkStatus==0)?null:z.jsxs("div",{className:"client",children:[i.properties.outputHardware==!1?z.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 128 128",children:[z.jsx("title",{children:"muted_hardware_output"}),z.jsxs("g",{id:"muted_hardware_output.svg",children:[z.jsx("path",{d:"M116.62,39a4.78,4.78,0,0,1-1.59.3l-6.29,3.63a45.42,45.42,0,0,1-13.33,57.64,49.4,49.4,0,0,1-5.82,3.62c-1.06.57-2.2.92-3.19,1.49-1.7,1-2.77,2.13-2.77,4.18a4.57,4.57,0,0,0,4.54,4.54,5.33,5.33,0,0,0,1.84-.35,54.49,54.49,0,0,0,26.94-75c-.12,0-.22,0-.34,0M88.18,13.58a4.57,4.57,0,0,0-4.54,4.54c0,2.06,1.06,3.19,2.77,4.18,1,.57,2.13.92,3.19,1.49a49.4,49.4,0,0,1,5.82,3.62,45.68,45.68,0,0,1,8.19,7.78l7-4a2.63,2.63,0,0,1,1.11-.34A54.31,54.31,0,0,0,90,13.94a5.33,5.33,0,0,0-1.84-.35",fill:"#d8d8d8"}),z.jsx("path",{d:"M59.46,71.4,32.77,86.81l19,19a4.51,4.51,0,0,0,3.19,1.35,4.57,4.57,0,0,0,4.54-4.54V71.4M54.92,20.88a4.51,4.51,0,0,0-3.19,1.35L28.12,45.85H9.54A4.57,4.57,0,0,0,5,50.38V77.62a4.57,4.57,0,0,0,4.54,4.54H22.26l37.2-21.48V25.42a4.57,4.57,0,0,0-4.54-4.54",fill:"#d8d8d8"}),z.jsx("path",{d:"M85.11,56.6l-7.87,4.54A10,10,0,0,1,77.62,64c0,8.58-8.23,7.09-8.23,12.48A4.53,4.53,0,0,0,73.93,81a4,4,0,0,0,1.77-.35A18.13,18.13,0,0,0,86.69,64a18.34,18.34,0,0,0-1.59-7.4M73.93,47a4.52,4.52,0,0,0-4.54,4.54,3.92,3.92,0,0,0,1.08,2.8l8.76-5.06a16.14,16.14,0,0,0-3.52-1.93A4,4,0,0,0,73.93,47",fill:"#d8d8d8"}),z.jsx("path",{d:"M100.87,47.49,93,52a27.15,27.15,0,0,1-8.36,33.87A36.79,36.79,0,0,1,79.25,89a4.54,4.54,0,0,0,1.84,8.72,5.24,5.24,0,0,0,1.77-.35,36.34,36.34,0,0,0,18-49.91M81,30.25A4.54,4.54,0,0,0,79.25,39a36.82,36.82,0,0,1,5.39,3.12,27,27,0,0,1,2.86,2.4l8.14-4.7A35.37,35.37,0,0,0,82.86,30.6,5.31,5.31,0,0,0,81,30.25",fill:"#d8d8d8"}),z.jsx("path",{d:"M126.57,43.71,10.42,110.77a2.88,2.88,0,0,1-3.93-1.05L4.33,106A2.88,2.88,0,0,1,5.38,102L121.53,35A2.88,2.88,0,0,1,125.46,36l2.16,3.75A2.88,2.88,0,0,1,126.57,43.71Z",fill:"#c9070a"})]})]}):i.properties.inputHardware==!1?z.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 128 128",children:[z.jsx("title",{children:"muted_hardware_input"}),z.jsxs("g",{id:"muted_hardware_input.svg",children:[z.jsx("path",{d:"M88.62,54.15V64A24.69,24.69,0,0,1,64,88.62a25.26,25.26,0,0,1-8.38-1.46l-7.39,7.39A34,34,0,0,0,64,98.46,34.5,34.5,0,0,0,98.46,64V54.15a4.92,4.92,0,1,1,9.85,0V64a44.31,44.31,0,0,1-39.38,44v10.15H88.62a4.92,4.92,0,0,1,0,9.85H39.38a4.92,4.92,0,1,1,0-9.85H59.08V108A43.3,43.3,0,0,1,41,101.77L21.46,121.31a2.46,2.46,0,0,1-3.54,0L11.62,115a2.46,2.46,0,0,1,0-3.54l94.92-94.92a2.46,2.46,0,0,1,3.54,0l6.31,6.31a2.46,2.46,0,0,1,0,3.54ZM22.92,80.46A43.3,43.3,0,0,1,19.69,64V54.15a4.92,4.92,0,1,1,9.85,0V64a35.94,35.94,0,0,0,1.15,8.69ZM39.38,64V24.62a24.62,24.62,0,0,1,47.77-8.38Z",fill:"#d8d8d8"}),z.jsx("rect",{x:"-5.93",y:"61.89",width:"139.87",height:"14.02",rx:"2.87",ry:"2.87",transform:"translate(-29.97 65.43) rotate(-45)",fill:"#c9070a"})]})]}):i.properties.outputMuted?z.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 128 128",children:[z.jsx("title",{children:"muted_output"}),z.jsxs("g",{id:"muted_output",children:[z.jsx("path",{d:"M116.62,39a4.78,4.78,0,0,1-1.59.3l-6.29,3.63a45.42,45.42,0,0,1-13.33,57.64,49.4,49.4,0,0,1-5.82,3.62c-1.06.57-2.2.92-3.19,1.49-1.7,1-2.77,2.13-2.77,4.18a4.57,4.57,0,0,0,4.54,4.54,5.33,5.33,0,0,0,1.84-.35,54.49,54.49,0,0,0,26.94-75c-.12,0-.22,0-.34,0M88.18,13.58a4.57,4.57,0,0,0-4.54,4.54c0,2.06,1.06,3.19,2.77,4.18,1,.57,2.13.92,3.19,1.49a49.4,49.4,0,0,1,5.82,3.62,45.68,45.68,0,0,1,8.19,7.78l7-4a2.63,2.63,0,0,1,1.11-.34A54.31,54.31,0,0,0,90,13.94a5.33,5.33,0,0,0-1.84-.35",fill:"#c9070a"}),z.jsx("path",{d:"M59.46,71.4,32.77,86.81l19,19a4.51,4.51,0,0,0,3.19,1.35,4.57,4.57,0,0,0,4.54-4.54V71.4M54.92,20.88a4.51,4.51,0,0,0-3.19,1.35L28.11,45.85H9.53A4.57,4.57,0,0,0,5,50.38V77.62a4.57,4.57,0,0,0,4.54,4.54H22.25l37.2-21.48V25.42a4.57,4.57,0,0,0-4.54-4.54",fill:"#c9070a"}),z.jsx("path",{d:"M85.1,56.6l-7.87,4.54A10,10,0,0,1,77.61,64c0,8.58-8.23,7.09-8.23,12.48A4.53,4.53,0,0,0,73.92,81a4,4,0,0,0,1.77-.35A18.13,18.13,0,0,0,86.69,64a18.34,18.34,0,0,0-1.59-7.4M73.92,47a4.52,4.52,0,0,0-4.54,4.54,3.92,3.92,0,0,0,1.08,2.8l8.76-5.06a16.14,16.14,0,0,0-3.52-1.93A4,4,0,0,0,73.92,47",fill:"#c9070a"}),z.jsx("path",{d:"M100.87,47.49,93,52a27.15,27.15,0,0,1-8.36,33.87A36.79,36.79,0,0,1,79.24,89a4.54,4.54,0,0,0,1.84,8.72,5.24,5.24,0,0,0,1.77-.35,36.34,36.34,0,0,0,18-49.91M81,30.25A4.54,4.54,0,0,0,79.24,39a36.82,36.82,0,0,1,5.39,3.12,27,27,0,0,1,2.86,2.4l8.14-4.7A35.37,35.37,0,0,0,82.86,30.6,5.31,5.31,0,0,0,81,30.25",fill:"#c9070a"}),z.jsx("path",{d:"M126.57,43.71,10.42,110.77a2.88,2.88,0,0,1-3.93-1.05L4.33,106A2.88,2.88,0,0,1,5.38,102L121.53,35A2.88,2.88,0,0,1,125.46,36l2.16,3.75A2.88,2.88,0,0,1,126.57,43.71Z",fill:"#c9070a"})]})]}):i.properties.inputMuted?z.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 128 128",children:[z.jsx("title",{children:"muted_input"}),z.jsx("g",{id:"muted_input.svg",children:z.jsx("path",{d:"M88.62,54.15V64A24.69,24.69,0,0,1,64,88.62a25.26,25.26,0,0,1-8.38-1.46l-7.39,7.39A34,34,0,0,0,64,98.46,34.5,34.5,0,0,0,98.46,64V54.15a4.92,4.92,0,1,1,9.85,0V64a44.31,44.31,0,0,1-39.38,44v10.15H88.62a4.92,4.92,0,0,1,0,9.85H39.38a4.92,4.92,0,1,1,0-9.85H59.08V108A43.3,43.3,0,0,1,41,101.77L21.46,121.31a2.46,2.46,0,0,1-3.54,0L11.62,115a2.46,2.46,0,0,1,0-3.54l94.92-94.92a2.46,2.46,0,0,1,3.54,0l6.31,6.31a2.46,2.46,0,0,1,0,3.54ZM22.92,80.46A43.3,43.3,0,0,1,19.69,64V54.15a4.92,4.92,0,1,1,9.85,0V64a35.94,35.94,0,0,0,1.15,8.69ZM39.38,64V24.62a24.62,24.62,0,0,1,47.77-8.38Z",fill:"#c9070a"})})]}):i.talkStatus==1?z.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 128 128",children:[z.jsx("title",{children:"player_on_v2"}),z.jsx("g",{id:"player_on_v2.svg",children:z.jsx("path",{d:"M64,128a64,64,0,1,1,64-64A64,64,0,0,1,64,128Z",fill:"#00b4df"})})]}):z.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 128 128",children:[z.jsx("title",{children:"player_off_v2"}),z.jsx("g",{id:"player_off_v2.svg",children:z.jsx("path",{d:"M64,128a64,64,0,1,1,64-64A64,64,0,0,1,64,128Z",fill:"#3e4f5e"})})]}),z.jsx("p",{children:i.properties.nickname})]},`${i.id}-${(u=i.channel)==null?void 0:u.connection.id}`):z.jsx("div",{},Math.random())})]})}function Up(){const[e]=zp(),{clients:t,activeConnectionId:n,currentChannel:r}=jp({remoteAppPort:parseInt(e.get("remoteAppPort")??"5899"),auth:{identifier:"de.tealfire.obs",version:"1.3.1",name:"TS5 OBS Overlay",description:"A OBS overlay for TS5 by DerTyp7"},logging:!0});return z.jsx("div",{className:"App",children:z.jsx(Dp,{showChannelName:e.get("showChannelName")==="true",hideNonTalking:e.get("hideNonTalking")==="true",clientLimit:e.get("clientLimit")?parseInt(e.get("clientLimit")??"0"):0,clients:t.map(l=>{var i;if(((i=l.channel)==null?void 0:i.id)===(r==null?void 0:r.id)&&l.channel.connection.id===n)return l}),channel:r})})}ei.createRoot(document.getElementById("root")).render(z.jsx(Tp,{children:z.jsx(Up,{})}));
 
 </script>
 		<style>