diff --git a/code/modules/tgui/tgui_panel/tgui_panel_external.dm b/code/modules/tgui/tgui_panel/tgui_panel_external.dm
index 74bdfa64b0a3..e3e5e3c62eca 100644
--- a/code/modules/tgui/tgui_panel/tgui_panel_external.dm
+++ b/code/modules/tgui/tgui_panel/tgui_panel_external.dm
@@ -19,21 +19,18 @@
 	// Failed to fix
 	action = alert(src, "Did that work?", "", "Yes", "No, switch to old ui")
 	if(action == "No, switch to old ui")
-		winset(src, "output", "on-show=&is-disabled=0&is-visible=1")
-		winset(src, "chat_panel", "is-disabled=1;is-visible=0")
+		winset(src, "legacy_output_selector", "left=output_legacy")
 		log_tgui(src, "Failed to fix.")
 
 /client/proc/nuke_chat()
 	// Catch all solution (kick the whole thing in the pants)
-	winset(src, "output", "on-show=&is-disabled=0&is-visible=1")
-	winset(src, "chat_panel", "is-disabled=1;is-visible=0")
+	winset(src, "legacy_output_selector", "left=output_legacy")
 	if(!tgui_panel || !istype(tgui_panel))
 		log_tgui(src, "tgui_panel datum is missing")
 		tgui_panel = new(src, "chat_panel")
 	tgui_panel.initialize(force = TRUE)
 	// Force show the panel to see if there are any errors
-	winset(src, "output", "is-disabled=1&is-visible=0")
-	winset(src, "chat_panel", "is-disabled=0;is-visible=1")
+	winset(src, "legacy_output_selector", "left=output_browser")
 	if(byond_version >= 516)
 		winset(src, null, "browser-options=byondstorage,find")
 
diff --git a/interface/skin.dmf b/interface/skin.dmf
index ebf2ead0b7da..e5a6501a7d01 100644
--- a/interface/skin.dmf
+++ b/interface/skin.dmf
@@ -294,7 +294,7 @@ window "rpane"
 window "outputwindow"
 	elem "outputwindow"
 		type = MAIN
-		pos = 281,0
+		pos = 0,0
 		size = 640x480
 		anchor1 = -1,-1
 		anchor2 = -1,-1
@@ -346,15 +346,25 @@ window "outputwindow"
 		command = ".winset \"mebutton.is-checked=true ? input.command=\"!me \\\"\" : input.command=\"\"mebutton.is-checked=true ? saybutton.is-checked=false\"\"mebutton.is-checked=true ? oocbutton.is-checked=false\""
 		is-flat = true
 		button-type = pushbox
-	elem "chat_panel"
-		type = BROWSER
+	elem "legacy_output_selector"
+		type = CHILD
 		pos = 0,0
 		size = 640x456
 		anchor1 = 0,0
 		anchor2 = 100,100
-		is-visible = false
-		is-disabled = true
-		saved-params = ""
+		saved-params = "splitter"
+		left = "output_legacy"
+		is-vert = false
+window "output_legacy"
+	elem "output_legacy"
+		type = MAIN
+		pos = 0,0
+		size = 640x456
+		anchor1 = -1,-1
+		anchor2 = -1,-1
+		background-color = none
+		saved-params = "pos;size;is-minimized;is-maximized"
+		is-pane = true
 	elem "output"
 		type = OUTPUT
 		pos = 0,0
@@ -362,6 +372,25 @@ window "outputwindow"
 		anchor1 = 0,0
 		anchor2 = 100,100
 		is-default = true
+		saved-params = "max-lines"
+
+window "output_browser"
+	elem "output_browser"
+		type = MAIN
+		pos = 0,0
+		size = 640x456
+		anchor1 = -1,-1
+		anchor2 = -1,-1
+		background-color = none
+		saved-params = "pos;size;is-minimized;is-maximized"
+		is-pane = true
+	elem "chat_panel"
+		type = BROWSER
+		pos = 0,0
+		size = 640x456
+		anchor1 = 0,0
+		anchor2 = 100,100
+		background-color = none
 		saved-params = ""
 
 window "infowindow"
diff --git a/tgui/global.d.ts b/tgui/global.d.ts
index 7161334c2a2a..225d1a9dd39c 100644
--- a/tgui/global.d.ts
+++ b/tgui/global.d.ts
@@ -143,6 +143,11 @@ type ByondType = {
    */
   parseJson(text: string): any;
 
+  /**
+   * Downloads a blob, platform-agnostic
+   */
+  saveBlob(blob: Blob, filename: string, ext: string): void;
+
   /**
    * Sends a message to `/datum/tgui_window` which hosts this window instance.
    */
diff --git a/tgui/packages/tgui-panel/chat/renderer.js b/tgui/packages/tgui-panel/chat/renderer.js
index deb0e802383f..103081d10978 100644
--- a/tgui/packages/tgui-panel/chat/renderer.js
+++ b/tgui/packages/tgui-panel/chat/renderer.js
@@ -548,9 +548,9 @@ class ChatRenderer {
       + '</body>\n'
       + '</html>\n';
     // Create and send a nice blob
-    const blob = new Blob([pageHtml]);
+    const blob = new Blob([pageHtml], { type: 'text/plain' });
     const timestamp = new Date().toISOString().substring(0, 19).replace(/[-:]/g, '').replace('T', '-');
-    window.navigator.msSaveBlob(blob, `ss13-chatlog-${timestamp}.html`);
+    Byond.saveBlob(blob, `ss13-paradise-chatlog-${timestamp}.html`, '.html');
   }
 }
 
diff --git a/tgui/packages/tgui-panel/index.js b/tgui/packages/tgui-panel/index.js
index 40a8597731fd..92dded04599c 100644
--- a/tgui/packages/tgui-panel/index.js
+++ b/tgui/packages/tgui-panel/index.js
@@ -70,18 +70,9 @@ const setupApp = () => {
   // Dispatch incoming messages as store actions
   Byond.subscribe((type, payload) => store.dispatch({ type, payload }));
 
-  // Hide output
-  Byond.winset('output', {
-    'is-visible': false,
-    'is-disabled': true,
-  });
-
   // Unhide the panel
-  Byond.winset('chat_panel', {
-    'is-visible': true,
-    'is-disabled': false,
-    'pos': '0x0',
-    'size': '0x0',
+  Byond.winset('legacy_output_selector', {
+    left: 'output_browser',
   });
 
   // Resize the panel to match the non-browser output
diff --git a/tgui/public/tgui-panel.bundle.js b/tgui/public/tgui-panel.bundle.js
index a26b958cf544..e898e74640aa 100644
--- a/tgui/public/tgui-panel.bundle.js
+++ b/tgui/public/tgui-panel.bundle.js
@@ -134,7 +134,7 @@
 * @file
 * @copyright 2020 Aleksej Komarov
 * @license MIT
-*/var c=(0,a.createLogger)("chatRenderer"),g=24,v=["iframe","video"],h=function(A){for(var P=document.body,M=A;M&&M!==P;){if(M.scrollWidth<M.offsetWidth)return M;M=M.parentNode}return window},m=function(A,P){var M=document.createElement("span");return M.className="Chat__highlight",M.setAttribute("style","background-color:"+P),M.textContent=A,M},E=function(){var A=document.createElement("div");return A.className="ChatMessage",A},I=function(){var A=document.createElement("div");return A.className="Chat__reconnected",A},O=function(A){setTimeout(function(){var P=A.target,M=parseInt(P.getAttribute("data-reload-n"),10)||0;if(M>=s.IMAGE_RETRY_LIMIT){c.error("failed to load an image after "+M+" attempts");return}var w=P.src;P.src=null,P.src=w+"#"+M,P.setAttribute("data-reload-n",M+1)},s.IMAGE_RETRY_DELAY)},C=function(A){var P=A.node,M=A.times;if(!(!P||!M)){var w=P.querySelector(".Chat__badge"),V=w||document.createElement("div");V.textContent=M,V.className="Chat__badge",w||P.appendChild(V)}},S=function(){function b(){var P=this;this.loaded=!1,this.rootNode=null,this.queue=[],this.messages=[],this.visibleMessages=[],this.page=null,this.events=new r.EventEmitter,this.scrollNode=null,this.scrollTracking=!0,this.handleScroll=function(M){var w=P.scrollNode,V=w.scrollHeight,U=w.scrollTop+w.offsetHeight,j=Math.abs(V-U)<g;j!==P.scrollTracking&&(P.scrollTracking=j,P.events.emit("scrollTrackingChanged",j),c.debug("tracking",P.scrollTracking))},this.ensureScrollTracking=function(){P.scrollTracking&&P.scrollToBottom()},setInterval(function(){return P.pruneMessages()},s.MESSAGE_PRUNE_INTERVAL)}var A=b.prototype;return A.isReady=function(){function P(){return this.loaded&&this.rootNode&&this.page}return P}(),A.mount=function(){function P(M){var w=this;this.rootNode?M.appendChild(this.rootNode):this.rootNode=M,this.scrollNode=h(this.rootNode),this.scrollNode.addEventListener("scroll",this.handleScroll),setTimeout(function(){w.scrollToBottom()}),this.tryFlushQueue()}return P}(),A.onStateLoaded=function(){function P(){this.loaded=!0,this.tryFlushQueue()}return P}(),A.tryFlushQueue=function(){function P(){this.isReady()&&this.queue.length>0&&(this.processBatch(this.queue),this.queue=[])}return P}(),A.assignStyle=function(){function P(M){M===void 0&&(M={});for(var w=0,V=Object.keys(M);w<V.length;w++){var U=V[w];this.rootNode.style.setProperty(U,M[U])}}return P}(),A.setHighlight=function(){function P(M,w){var V=this;this.highlightParsers=null,M&&M.map(function(U){var j=w[U],G=j.highlightText,$=j.highlightColor,x=j.highlightWholeMessage,B=j.matchWord,F=j.matchCase,H=/^[a-zа-яё0-9_\-$/^[\s\]\\]+$/gi,K=/[!#$%^&*)(+=.<>{}[\]:;'"|~`_\-\\/]/g,W=String(G).split(/[,|]/).map(function(it){return it.trim()}).filter(function(it){return it&&it.length>1&&H.test(it)&&((H.lastIndex=0)||!0)}),q,ut;if(W.length!==0){for(var ct=[],Q=f(W),X;!(X=Q()).done;){var at=X.value;if(at.charAt(0)==="/"&&at.charAt(at.length-1)==="/"){var ft=at.substring(1,at.length-1);if(/^(\[.*\]|\\.|.)$/.test(ft))continue;ct.push(ft)}else q||(q=[]),at=at.replace(K,"\\$&"),q.push(at)}var dt=ct.join("|"),_="g"+(F?"":"i");try{if(dt)ut=new RegExp("("+dt+")",_);else{var rt=(B?"\\b":"")+"("+q.join("|")+")"+(B?"\\b":"");ut=new RegExp(rt,_)}}catch(it){ut=null}V.highlightParsers||(V.highlightParsers=[]),V.highlightParsers.push({highlightWords:q,highlightRegex:ut,highlightColor:$,highlightWholeMessage:x})}})}return P}(),A.scrollToBottom=function(){function P(){this.scrollNode.scrollTop=this.scrollNode.scrollHeight}return P}(),A.changePage=function(){function P(M){if(!this.isReady()){this.page=M,this.tryFlushQueue();return}this.page=M,this.rootNode.textContent="",this.visibleMessages=[];for(var w=document.createDocumentFragment(),V,U=f(this.messages),j;!(j=U()).done;){var G=j.value;(0,u.canPageAcceptType)(M,G.type)&&(V=G.node,w.appendChild(V),this.visibleMessages.push(G))}V&&(this.rootNode.appendChild(w),V.scrollIntoView())}return P}(),A.getCombinableMessage=function(){function P(M,w,V,U){for(var j=V;j>=U;j--){var G=this.visibleMessages[j],$=!G.type.startsWith(s.MESSAGE_TYPE_INTERNAL)&&(0,u.isSameMessage)(G,M)&&w<G.createdAt+s.COMBINE_MAX_TIME_WINDOW;if($)return G}return null}return P}(),A.processBatch=function(){function P(M,w){var V=this;w===void 0&&(w={});var U=w,j=U.prepend,G=U.notifyListeners,$=G===void 0?!0:G,x=Date.now();if(!this.isReady()){j?this.queue=[].concat(M,this.queue):this.queue=[].concat(this.queue,M);return}for(var B=document.createDocumentFragment(),F={},H,K=this.visibleMessages.length,W=K-1,q=Math.max(0,K-s.COMBINE_MAX_MESSAGES),ut=f(M),ct;!(ct=ut()).done;){var Q=ct.value,X=(0,u.createMessage)(Q),at=this.getCombinableMessage(X,x,W,q);if(at){at.times=(at.times||1)+1,C(at);continue}if(X.node)H=X.node;else if(X.type==="internal/reconnected")H=I();else{H=E(),X.text?H.textContent=X.text:X.html?(H.innerHTML=X.html,H.innerHTML=n.default.sanitize(H.innerHTML,{FORBID_TAGS:v,ALLOW_UNKNOWN_PROTOCOLS:!0})):c.error("Error: message is missing text payload",X),!X.avoidHighlighting&&this.highlightParsers&&this.highlightParsers.map(function(et){var k=(0,l.highlightNode)(H,et.highlightRegex,et.highlightWords,function(tt){return m(tt,et.highlightColor)});k&&et.highlightWholeMessage&&(H.className+=" ChatMessage--highlighted")});for(var ft=H.querySelectorAll(".linkify"),dt=0;dt<ft.length;++dt)(0,l.linkifyNode)(ft[dt]);if(x<X.createdAt+s.IMAGE_RETRY_MESSAGE_AGE)for(var _=H.querySelectorAll("img"),rt=0;rt<_.length;rt++){var it=_[rt];it.addEventListener("error",O)}}if(X.node=H,!X.type){var mt=s.MESSAGE_TYPES.find(function(et){return et.selector&&H.querySelector(et.selector)});X.type=(mt==null?void 0:mt.type)||s.MESSAGE_TYPE_UNKNOWN}C(X),F[X.type]||(F[X.type]=0),F[X.type]+=1,this.messages.push(X),(0,u.canPageAcceptType)(this.page,X.type)&&(B.appendChild(H),this.visibleMessages.push(X))}if(H){var ot=this.rootNode.childNodes[0];j&&ot?this.rootNode.insertBefore(B,ot):this.rootNode.appendChild(B),this.scrollTracking&&setTimeout(function(){return V.scrollToBottom()})}$&&this.events.emit("batchProcessed",F)}return P}(),A.pruneMessages=function(){function P(){if(this.isReady()){if(!this.scrollTracking){c.debug("pruning delayed");return}{var M=this.visibleMessages,w=Math.max(0,M.length-s.MAX_VISIBLE_MESSAGES);if(w>0){this.visibleMessages=M.slice(w);for(var V=0;V<w;V++){var U=M[V];this.rootNode.removeChild(U.node),U.node="pruned"}this.messages=this.messages.filter(function(G){return G.node!=="pruned"}),c.log("pruned "+w+" visible messages")}}{var j=Math.max(0,this.messages.length-s.MAX_VISIBLE_MESSAGES);j>0&&(this.messages=this.messages.slice(j),c.log("pruned "+j+" stored messages"))}}}return P}(),A.rebuildChat=function(){function P(){if(this.isReady()){for(var M=Math.max(0,this.messages.length-s.MAX_VISIBLE_MESSAGES),w=this.messages.slice(M),V=f(w),U;!(U=V()).done;){var j=U.value;j.node=void 0}this.rootNode.textContent="",this.messages=[],this.visibleMessages=[],this.processBatch(w,{notifyListeners:!1})}}return P}(),A.clearChat=function(){function P(){var M=this.visibleMessages;this.visibleMessages=[];for(var w=0;w<M.length;w++){var V=M[w];this.rootNode.removeChild(V.node),V.node="pruned"}this.messages=this.messages.filter(function(U){return U.node!=="pruned"}),c.log("Cleared chat")}return P}(),A.saveToDisk=function(){function P(){for(var M="",w=document.styleSheets,V=0;V<w.length;V++)for(var U=w[V].cssRules,j=0;j<U.length;j++){var G=U[j];G&&typeof G.cssText=="string"&&(M+=G.cssText+"\n")}M+="body, html { background-color: #141414 }\n";for(var $="",x=f(this.visibleMessages),B;!(B=x()).done;){var F=B.value;F.node&&($+=F.node.outerHTML+"\n")}var H="<!doctype html>\n<html>\n<head>\n<title>SS13 Chat Log</title>\n<style>\n"+M+'</style>\n</head>\n<body>\n<div class="Chat">\n'+$+"</div>\n</body>\n</html>\n",K=new Blob([H]),W=new Date().toISOString().substring(0,19).replace(/[-:]/g,"").replace("T","-");window.navigator.msSaveBlob(K,"ss13-chatlog-"+W+".html")}return P}(),b}();window.__chatRenderer__||(window.__chatRenderer__=new S);var T=e.chatRenderer=window.__chatRenderer__},51747:function(y,e){"use strict";e.__esModule=!0,e.replaceInTextNode=e.linkifyNode=e.highlightNode=void 0;function t(i,d){var c=typeof Symbol!="undefined"&&i[Symbol.iterator]||i["@@iterator"];if(c)return(c=c.call(i)).next.bind(c);if(Array.isArray(i)||(c=n(i))||d&&i&&typeof i.length=="number"){c&&(i=c);var g=0;return function(){return g>=i.length?{done:!0}:{done:!1,value:i[g++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function n(i,d){if(i){if(typeof i=="string")return r(i,d);var c={}.toString.call(i).slice(8,-1);return c==="Object"&&i.constructor&&(c=i.constructor.name),c==="Map"||c==="Set"?Array.from(i):c==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(c)?r(i,d):void 0}}function r(i,d){(d==null||d>i.length)&&(d=i.length);for(var c=0,g=Array(d);c<d;c++)g[c]=i[c];return g}/**
+*/var c=(0,a.createLogger)("chatRenderer"),g=24,v=["iframe","video"],h=function(A){for(var P=document.body,M=A;M&&M!==P;){if(M.scrollWidth<M.offsetWidth)return M;M=M.parentNode}return window},m=function(A,P){var M=document.createElement("span");return M.className="Chat__highlight",M.setAttribute("style","background-color:"+P),M.textContent=A,M},E=function(){var A=document.createElement("div");return A.className="ChatMessage",A},I=function(){var A=document.createElement("div");return A.className="Chat__reconnected",A},O=function(A){setTimeout(function(){var P=A.target,M=parseInt(P.getAttribute("data-reload-n"),10)||0;if(M>=s.IMAGE_RETRY_LIMIT){c.error("failed to load an image after "+M+" attempts");return}var w=P.src;P.src=null,P.src=w+"#"+M,P.setAttribute("data-reload-n",M+1)},s.IMAGE_RETRY_DELAY)},C=function(A){var P=A.node,M=A.times;if(!(!P||!M)){var w=P.querySelector(".Chat__badge"),V=w||document.createElement("div");V.textContent=M,V.className="Chat__badge",w||P.appendChild(V)}},S=function(){function b(){var P=this;this.loaded=!1,this.rootNode=null,this.queue=[],this.messages=[],this.visibleMessages=[],this.page=null,this.events=new r.EventEmitter,this.scrollNode=null,this.scrollTracking=!0,this.handleScroll=function(M){var w=P.scrollNode,V=w.scrollHeight,U=w.scrollTop+w.offsetHeight,j=Math.abs(V-U)<g;j!==P.scrollTracking&&(P.scrollTracking=j,P.events.emit("scrollTrackingChanged",j),c.debug("tracking",P.scrollTracking))},this.ensureScrollTracking=function(){P.scrollTracking&&P.scrollToBottom()},setInterval(function(){return P.pruneMessages()},s.MESSAGE_PRUNE_INTERVAL)}var A=b.prototype;return A.isReady=function(){function P(){return this.loaded&&this.rootNode&&this.page}return P}(),A.mount=function(){function P(M){var w=this;this.rootNode?M.appendChild(this.rootNode):this.rootNode=M,this.scrollNode=h(this.rootNode),this.scrollNode.addEventListener("scroll",this.handleScroll),setTimeout(function(){w.scrollToBottom()}),this.tryFlushQueue()}return P}(),A.onStateLoaded=function(){function P(){this.loaded=!0,this.tryFlushQueue()}return P}(),A.tryFlushQueue=function(){function P(){this.isReady()&&this.queue.length>0&&(this.processBatch(this.queue),this.queue=[])}return P}(),A.assignStyle=function(){function P(M){M===void 0&&(M={});for(var w=0,V=Object.keys(M);w<V.length;w++){var U=V[w];this.rootNode.style.setProperty(U,M[U])}}return P}(),A.setHighlight=function(){function P(M,w){var V=this;this.highlightParsers=null,M&&M.map(function(U){var j=w[U],G=j.highlightText,$=j.highlightColor,x=j.highlightWholeMessage,B=j.matchWord,F=j.matchCase,H=/^[a-zа-яё0-9_\-$/^[\s\]\\]+$/gi,K=/[!#$%^&*)(+=.<>{}[\]:;'"|~`_\-\\/]/g,W=String(G).split(/[,|]/).map(function(it){return it.trim()}).filter(function(it){return it&&it.length>1&&H.test(it)&&((H.lastIndex=0)||!0)}),q,ut;if(W.length!==0){for(var ct=[],Q=f(W),X;!(X=Q()).done;){var at=X.value;if(at.charAt(0)==="/"&&at.charAt(at.length-1)==="/"){var ft=at.substring(1,at.length-1);if(/^(\[.*\]|\\.|.)$/.test(ft))continue;ct.push(ft)}else q||(q=[]),at=at.replace(K,"\\$&"),q.push(at)}var dt=ct.join("|"),_="g"+(F?"":"i");try{if(dt)ut=new RegExp("("+dt+")",_);else{var rt=(B?"\\b":"")+"("+q.join("|")+")"+(B?"\\b":"");ut=new RegExp(rt,_)}}catch(it){ut=null}V.highlightParsers||(V.highlightParsers=[]),V.highlightParsers.push({highlightWords:q,highlightRegex:ut,highlightColor:$,highlightWholeMessage:x})}})}return P}(),A.scrollToBottom=function(){function P(){this.scrollNode.scrollTop=this.scrollNode.scrollHeight}return P}(),A.changePage=function(){function P(M){if(!this.isReady()){this.page=M,this.tryFlushQueue();return}this.page=M,this.rootNode.textContent="",this.visibleMessages=[];for(var w=document.createDocumentFragment(),V,U=f(this.messages),j;!(j=U()).done;){var G=j.value;(0,u.canPageAcceptType)(M,G.type)&&(V=G.node,w.appendChild(V),this.visibleMessages.push(G))}V&&(this.rootNode.appendChild(w),V.scrollIntoView())}return P}(),A.getCombinableMessage=function(){function P(M,w,V,U){for(var j=V;j>=U;j--){var G=this.visibleMessages[j],$=!G.type.startsWith(s.MESSAGE_TYPE_INTERNAL)&&(0,u.isSameMessage)(G,M)&&w<G.createdAt+s.COMBINE_MAX_TIME_WINDOW;if($)return G}return null}return P}(),A.processBatch=function(){function P(M,w){var V=this;w===void 0&&(w={});var U=w,j=U.prepend,G=U.notifyListeners,$=G===void 0?!0:G,x=Date.now();if(!this.isReady()){j?this.queue=[].concat(M,this.queue):this.queue=[].concat(this.queue,M);return}for(var B=document.createDocumentFragment(),F={},H,K=this.visibleMessages.length,W=K-1,q=Math.max(0,K-s.COMBINE_MAX_MESSAGES),ut=f(M),ct;!(ct=ut()).done;){var Q=ct.value,X=(0,u.createMessage)(Q),at=this.getCombinableMessage(X,x,W,q);if(at){at.times=(at.times||1)+1,C(at);continue}if(X.node)H=X.node;else if(X.type==="internal/reconnected")H=I();else{H=E(),X.text?H.textContent=X.text:X.html?(H.innerHTML=X.html,H.innerHTML=n.default.sanitize(H.innerHTML,{FORBID_TAGS:v,ALLOW_UNKNOWN_PROTOCOLS:!0})):c.error("Error: message is missing text payload",X),!X.avoidHighlighting&&this.highlightParsers&&this.highlightParsers.map(function(et){var k=(0,l.highlightNode)(H,et.highlightRegex,et.highlightWords,function(tt){return m(tt,et.highlightColor)});k&&et.highlightWholeMessage&&(H.className+=" ChatMessage--highlighted")});for(var ft=H.querySelectorAll(".linkify"),dt=0;dt<ft.length;++dt)(0,l.linkifyNode)(ft[dt]);if(x<X.createdAt+s.IMAGE_RETRY_MESSAGE_AGE)for(var _=H.querySelectorAll("img"),rt=0;rt<_.length;rt++){var it=_[rt];it.addEventListener("error",O)}}if(X.node=H,!X.type){var mt=s.MESSAGE_TYPES.find(function(et){return et.selector&&H.querySelector(et.selector)});X.type=(mt==null?void 0:mt.type)||s.MESSAGE_TYPE_UNKNOWN}C(X),F[X.type]||(F[X.type]=0),F[X.type]+=1,this.messages.push(X),(0,u.canPageAcceptType)(this.page,X.type)&&(B.appendChild(H),this.visibleMessages.push(X))}if(H){var ot=this.rootNode.childNodes[0];j&&ot?this.rootNode.insertBefore(B,ot):this.rootNode.appendChild(B),this.scrollTracking&&setTimeout(function(){return V.scrollToBottom()})}$&&this.events.emit("batchProcessed",F)}return P}(),A.pruneMessages=function(){function P(){if(this.isReady()){if(!this.scrollTracking){c.debug("pruning delayed");return}{var M=this.visibleMessages,w=Math.max(0,M.length-s.MAX_VISIBLE_MESSAGES);if(w>0){this.visibleMessages=M.slice(w);for(var V=0;V<w;V++){var U=M[V];this.rootNode.removeChild(U.node),U.node="pruned"}this.messages=this.messages.filter(function(G){return G.node!=="pruned"}),c.log("pruned "+w+" visible messages")}}{var j=Math.max(0,this.messages.length-s.MAX_VISIBLE_MESSAGES);j>0&&(this.messages=this.messages.slice(j),c.log("pruned "+j+" stored messages"))}}}return P}(),A.rebuildChat=function(){function P(){if(this.isReady()){for(var M=Math.max(0,this.messages.length-s.MAX_VISIBLE_MESSAGES),w=this.messages.slice(M),V=f(w),U;!(U=V()).done;){var j=U.value;j.node=void 0}this.rootNode.textContent="",this.messages=[],this.visibleMessages=[],this.processBatch(w,{notifyListeners:!1})}}return P}(),A.clearChat=function(){function P(){var M=this.visibleMessages;this.visibleMessages=[];for(var w=0;w<M.length;w++){var V=M[w];this.rootNode.removeChild(V.node),V.node="pruned"}this.messages=this.messages.filter(function(U){return U.node!=="pruned"}),c.log("Cleared chat")}return P}(),A.saveToDisk=function(){function P(){for(var M="",w=document.styleSheets,V=0;V<w.length;V++)for(var U=w[V].cssRules,j=0;j<U.length;j++){var G=U[j];G&&typeof G.cssText=="string"&&(M+=G.cssText+"\n")}M+="body, html { background-color: #141414 }\n";for(var $="",x=f(this.visibleMessages),B;!(B=x()).done;){var F=B.value;F.node&&($+=F.node.outerHTML+"\n")}var H="<!doctype html>\n<html>\n<head>\n<title>SS13 Chat Log</title>\n<style>\n"+M+'</style>\n</head>\n<body>\n<div class="Chat">\n'+$+"</div>\n</body>\n</html>\n",K=new Blob([H],{type:"text/plain"}),W=new Date().toISOString().substring(0,19).replace(/[-:]/g,"").replace("T","-");Byond.saveBlob(K,"ss13-paradise-chatlog-"+W+".html",".html")}return P}(),b}();window.__chatRenderer__||(window.__chatRenderer__=new S);var T=e.chatRenderer=window.__chatRenderer__},51747:function(y,e){"use strict";e.__esModule=!0,e.replaceInTextNode=e.linkifyNode=e.highlightNode=void 0;function t(i,d){var c=typeof Symbol!="undefined"&&i[Symbol.iterator]||i["@@iterator"];if(c)return(c=c.call(i)).next.bind(c);if(Array.isArray(i)||(c=n(i))||d&&i&&typeof i.length=="number"){c&&(i=c);var g=0;return function(){return g>=i.length?{done:!0}:{done:!1,value:i[g++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function n(i,d){if(i){if(typeof i=="string")return r(i,d);var c={}.toString.call(i).slice(8,-1);return c==="Object"&&i.constructor&&(c=i.constructor.name),c==="Map"||c==="Set"?Array.from(i):c==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(c)?r(i,d):void 0}}function r(i,d){(d==null||d>i.length)&&(d=i.length);for(var c=0,g=Array(d);c<d;c++)g[c]=i[c];return g}/**
  * @file
  * @copyright 2020 Aleksej Komarov
  * @license MIT
@@ -509,4 +509,4 @@
  * @file
  * @copyright 2020 Aleksej Komarov
  * @license MIT
- */e.perf.mark("inception",(g=window.performance)==null||(g=g.timing)==null?void 0:g.navigationStart),e.perf.mark("init");var v=(0,s.configureStore)({reducer:(0,t.combineReducers)({audio:u.audioReducer,chat:l.chatReducer,game:p.gameReducer,ping:i.pingReducer,settings:d.settingsReducer}),middleware:{pre:[l.chatMiddleware,i.pingMiddleware,c.telemetryMiddleware,d.settingsMiddleware,u.audioMiddleware,p.gameMiddleware]}}),h=(0,a.createRenderer)(function(){var E=J(530),I=E.Panel;return(0,y.createComponentVNode)(2,s.StoreProvider,{store:v,children:(0,y.createComponentVNode)(2,I)})}),m=function E(){if(document.readyState==="loading"){document.addEventListener("DOMContentLoaded",E);return}(0,r.setupGlobalEvents)({ignoreWindowFocus:!0}),(0,f.setupPanelFocusHacks)(),(0,o.captureExternalLinks)(),v.subscribe(h),Byond.subscribe(function(I,O){return v.dispatch({type:I,payload:O})}),Byond.winset("output",{"is-visible":!1,"is-disabled":!0}),Byond.winset("chat_panel",{"is-visible":!0,"is-disabled":!1,pos:"0x0",size:"0x0"}),Byond.winget("output").then(function(I){Byond.winset("chat_panel",{size:I.size})})};m()}()})();})();
+ */e.perf.mark("inception",(g=window.performance)==null||(g=g.timing)==null?void 0:g.navigationStart),e.perf.mark("init");var v=(0,s.configureStore)({reducer:(0,t.combineReducers)({audio:u.audioReducer,chat:l.chatReducer,game:p.gameReducer,ping:i.pingReducer,settings:d.settingsReducer}),middleware:{pre:[l.chatMiddleware,i.pingMiddleware,c.telemetryMiddleware,d.settingsMiddleware,u.audioMiddleware,p.gameMiddleware]}}),h=(0,a.createRenderer)(function(){var E=J(530),I=E.Panel;return(0,y.createComponentVNode)(2,s.StoreProvider,{store:v,children:(0,y.createComponentVNode)(2,I)})}),m=function E(){if(document.readyState==="loading"){document.addEventListener("DOMContentLoaded",E);return}(0,r.setupGlobalEvents)({ignoreWindowFocus:!0}),(0,f.setupPanelFocusHacks)(),(0,o.captureExternalLinks)(),v.subscribe(h),Byond.subscribe(function(I,O){return v.dispatch({type:I,payload:O})}),Byond.winset("legacy_output_selector",{left:"output_browser"}),Byond.winget("output").then(function(I){Byond.winset("chat_panel",{size:I.size})})};m()}()})();})();
diff --git a/tgui/public/tgui.html b/tgui/public/tgui.html
index 5eae2a4a96e2..cf55b01a26b5 100644
--- a/tgui/public/tgui.html
+++ b/tgui/public/tgui.html
@@ -1,673 +1,730 @@
 <!DOCTYPE html>
 <html>
+
 <head>
-<!-- Remove with 516 --><meta http-equiv="X-UA-Compatible" content="IE=edge">
-<meta charset="utf-8">
-
-<!-- Inlined metadata -->
-<meta id="tgui:windowId" content="[tgui:windowId]">
-<meta id="tgui:strictMode" content="[tgui:strictMode]">
-
-<!-- Early setup -->
-<script type="text/javascript">
-(function () {
-  // Utility functions
-  var hasOwn = Object.prototype.hasOwnProperty;
-  // Remove with 516
-  var assign = function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (hasOwn.call(source, key)) {
-          target[key] = source[key];
+  <!-- Remove with 516 --><meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta charset="utf-8">
+
+  <!-- Inlined metadata -->
+  <meta id="tgui:windowId" content="[tgui:windowId]">
+  <meta id="tgui:strictMode" content="[tgui:strictMode]">
+
+  <!-- Early setup -->
+  <script type="text/javascript">
+    (function () {
+      // Utility functions
+      var hasOwn = Object.prototype.hasOwnProperty;
+      // Remove with 516
+      var assign = function (target) {
+        for (var i = 1; i < arguments.length; i++) {
+          var source = arguments[i];
+          for (var key in source) {
+            if (hasOwn.call(source, key)) {
+              target[key] = source[key];
+            }
+          }
+        }
+        return target;
+      };
+      var parseMetaTag = function (name) {
+        var content = document.getElementById(name).getAttribute('content');
+        if (content === '[' + name + ']') {
+          return null;
+        }
+        return content;
+      };
+
+      // BYOND API object
+      // ------------------------------------------------------
+
+      var Byond = window.Byond = {};
+
+      // Expose inlined metadata
+      Byond.windowId = parseMetaTag('tgui:windowId');
+
+      // Backwards compatibility
+      window.__windowId__ = Byond.windowId;
+
+      // Remove with 516
+      // Trident engine version
+      Byond.TRIDENT = (function () {
+        var groups = navigator.userAgent.match(/Trident\/(\d+).+?;/i);
+        var majorVersion = groups && groups[1];
+        return majorVersion
+          ? parseInt(majorVersion, 10)
+          : null;
+      })();
+
+      // Blink engine version
+      Byond.BLINK = (function () {
+        var groups = navigator.userAgent.match(/Chrome\/(\d+)\./);
+        var majorVersion = groups && groups[1];
+        return majorVersion ? parseInt(majorVersion, 10) : null;
+      })();
+
+      // Basic checks to detect whether this page runs in BYOND
+      // Remove TRIDENT with 516
+      var isByond = (Byond.TRIDENT !== null || Byond.BLINK !== null || window.cef_to_byond)
+        && location.hostname === '127.0.0.1'
+        && location.search !== '?external';
+
+      // Version constants
+      Byond.IS_BYOND = isByond;
+
+      // Strict mode flag
+      Byond.strictMode = Boolean(Number(parseMetaTag('tgui:strictMode')));
+
+      // Callbacks for asynchronous calls
+      Byond.__callbacks__ = [];
+
+      // Reviver for BYOND JSON
+      var byondJsonReviver = function (key, value) {
+        if (typeof value === 'object' && value !== null && value.__number__) {
+          return parseFloat(value.__number__);
+        }
+        return value;
+      };
+
+      // Makes a BYOND call.
+      // See: https://secure.byond.com/docs/ref/skinparams.html
+      Byond.call = function (path, params) {
+        // Not running in BYOND, abort.
+        if (!isByond) {
+          return;
+        }
+        // Build the URL
+        var url = (path || '') + '?';
+        var i = 0;
+        if (params) {
+          for (var key in params) {
+            if (hasOwn.call(params, key)) {
+              if (i++ > 0) {
+                url += '&';
+              }
+              var value = params[key];
+              if (value === null || value === undefined) {
+                value = '';
+              }
+              url += encodeURIComponent(key)
+                + '=' + encodeURIComponent(value)
+            }
+          }
+        }
+
+        // If we're a Chromium client, just use the fancy method
+        if (window.cef_to_byond) {
+          cef_to_byond('byond://' + url);
+          return;
+        }
+
+        // Perform a standard call via location.href
+        if (url.length < 2048) {
+          location.href = 'byond://' + url;
+          return;
+        }
+        // Send an HTTP request to DreamSeeker's HTTP server.
+        // Allows sending much bigger payloads.
+        var xhr = new XMLHttpRequest();
+        xhr.open('GET', url);
+        xhr.send();
+      };
+
+      Byond.callAsync = function (path, params) {
+        if (!window.Promise) {
+          throw new Error('Async calls require API level of ES2015 or later.');
+        }
+        var index = Byond.__callbacks__.length;
+        var promise = new window.Promise(function (resolve) {
+          Byond.__callbacks__.push(resolve);
+        });
+        // Remove first half with 516
+        if(Byond.TRIDENT !== null) {
+          Byond.call(path, assign({}, params, {
+            callback: 'Byond.__callbacks__[' + index + ']',
+          }));
+        }
+        else {
+          Byond.call(path, Object.assign({}, params, {
+            callback: 'Byond.__callbacks__[' + index + ']',
+          }));
+        }
+        return promise;
+      };
+
+      Byond.topic = function (params) {
+        return Byond.call('', params);
+      };
+
+      Byond.command = function (command) {
+        return Byond.call('winset', {
+          command: command,
+        });
+      };
+
+      Byond.winget = function (id, propName) {
+        if (id === null) {
+          id = '';
+        }
+        var isArray = propName instanceof Array;
+        var isSpecific = propName && propName !== '*' && !isArray;
+        var promise = Byond.callAsync('winget', {
+          id: id,
+          property: isArray && propName.join(',') || propName || '*',
+        });
+        if (isSpecific) {
+          promise = promise.then(function (props) {
+            return props[propName];
+          });
+        }
+        return promise;
+      };
+
+      Byond.winset = function (id, propName, propValue) {
+        if (id === null) {
+          id = '';
+        }
+        else if (typeof id === 'object') {
+          return Byond.call('winset', id);
+        }
+        var props = {};
+        if (typeof propName === 'string') {
+          props[propName] = propValue;
+        }
+        else {
+          // Remove first half with 516
+          if (Byond.TRIDENT !== null) {
+            assign(props, propName);
+
+          }
+          else {
+            Object.assign(props, propName);
+          }
+        }
+        props.id = id;
+        return Byond.call('winset', props);
+      };
+
+      Byond.parseJson = function (json) {
+        try {
+          return JSON.parse(json, byondJsonReviver);
+        }
+        catch (err) {
+          throw new Error('JSON parsing error: ' + (err && err.message));
+        }
+      };
+
+      Byond.sendMessage = function (type, payload) {
+        var message = typeof type === 'string'
+          ? { type: type, payload: payload }
+          : type;
+        // JSON-encode the payload
+        if (message.payload !== null && message.payload !== undefined) {
+          message.payload = JSON.stringify(message.payload);
+        }
+        // Append an identifying heade
+        // Remove first half with 516
+        if(Byond.TRIDENT !== null) {
+          assign(message, {
+            tgui: 1,
+            window_id: Byond.windowId,
+          });
+        }
+        else {
+          Object.assign(message, {
+            tgui: 1,
+            window_id: Byond.windowId,
+          });
+        }
+        Byond.topic(message);
+      };
+
+      // This function exists purely for debugging, do not use it in code!
+      Byond.injectMessage = function (type, payload) {
+        window.update(JSON.stringify({ type: type, payload: payload }));
+      };
+
+      Byond.subscribe = function (listener) {
+        window.update.flushQueue(listener);
+        window.update.listeners.push(listener);
+      };
+
+      Byond.subscribeTo = function (type, listener) {
+        var _listener = function (_type, payload) {
+          if (_type === type) {
+            listener(payload);
+          }
+        };
+        window.update.flushQueue(_listener);
+        window.update.listeners.push(_listener);
+      };
+
+      // Asset loaders
+      // ------------------------------------------------------
+
+      var RETRY_ATTEMPTS = 5;
+      var RETRY_WAIT_INITIAL = 500;
+      var RETRY_WAIT_INCREMENT = 500;
+
+      var loadedAssetByUrl = {};
+
+      var isStyleSheetLoaded = function (node, url) {
+        var styleSheet = node.sheet;
+        if (styleSheet) {
+          return styleSheet.rules.length > 0;
+        }
+        return false;
+      };
+
+      var injectNode = function (node) {
+        if (!document.body) {
+          setTimeout(function () {
+            injectNode(node);
+          });
+          return;
+        }
+        var refs = document.body.childNodes;
+        var ref = refs[refs.length - 1];
+        ref.parentNode.insertBefore(node, ref.nextSibling);
+      };
+
+      var loadAsset = function (options) {
+        var url = options.url;
+        var type = options.type;
+        var sync = options.sync;
+        var attempt = options.attempt || 0;
+        if (loadedAssetByUrl[url]) {
+          return;
+        }
+        loadedAssetByUrl[url] = options;
+        // Generic retry function
+        var retry = function () {
+          if (attempt >= RETRY_ATTEMPTS) {
+            var errorMessage = "Error: Failed to load the asset "
+              + "'" + url + "' after several attempts.";
+            if (type === 'css') {
+              errorMessage += + "\nStylesheet was either not found, "
+                + "or you're trying to load an empty stylesheet "
+                + "that has no CSS rules in it.";
+            }
+            throw new Error(errorMessage);
+          }
+          setTimeout(function () {
+            loadedAssetByUrl[url] = null;
+            options.attempt += 1;
+            loadAsset(options);
+          }, RETRY_WAIT_INITIAL + attempt * RETRY_WAIT_INCREMENT);
+        };
+        // JS specific code
+        if (type === 'js') {
+          var node = document.createElement('script');
+          node.type = 'text/javascript';
+          node.crossOrigin = 'anonymous';
+          node.src = url;
+          if (sync) {
+            node.defer = true;
+          }
+          else {
+            node.async = true;
+          }
+          node.onerror = function () {
+            node.onerror = null;
+            node.parentNode.removeChild(node);
+            node = null;
+            retry();
+          };
+          injectNode(node);
+          return;
+        }
+        // CSS specific code
+        if (type === 'css') {
+          var node = document.createElement('link');
+          node.type = 'text/css';
+          node.rel = 'stylesheet';
+          node.href = url;
+          // Temporarily set media to something inapplicable
+          // to ensure it'll fetch without blocking render
+          if (!sync) {
+            node.media = 'only x';
+          }
+          node.onload = function () {
+            node.onload = null;
+            if (isStyleSheetLoaded(node, url)) {
+              // Render the stylesheet
+              node.media = 'all';
+              return;
+            }
+            // Try again
+            node.parentNode.removeChild(node);
+            node = null;
+            retry();
+          };
+          injectNode(node);
+          return;
+        }
+      };
+
+      Byond.loadJs = function (url, sync) {
+        loadAsset({ url: url, sync: sync, type: 'js' });
+      };
+
+      Byond.loadCss = function (url, sync) {
+        loadAsset({ url: url, sync: sync, type: 'css' });
+      };
+
+      Byond.saveBlob = function (blob, filename, ext) {
+        if (window.navigator.msSaveBlob) {
+          window.navigator.msSaveBlob(blob, filename)
+        } else if (window.showSaveFilePicker) {
+          var accept = {};
+          accept[blob.type] = [ext];
+
+          var opts = {
+            suggestedName: filename,
+            types: [
+              {
+                description: "SS13 file",
+                accept: accept,
+              }
+            ]
+          }
+
+          try {
+            window.showSaveFilePicker(opts).then(function (fileHandle) {
+              fileHandle.createWritable().then(function (writeableFileHandle) {
+                writeableFileHandle.write(blob).then(function () {
+                  writeableFileHandle.close()
+                }).catch(function () { });
+              }).catch(function () { });
+            }).catch(function () { });
+          } catch (e) { }
+
+        }
+      };
+
+      // Icon cache
+      Byond.iconRefMap = {};
+    })();
+
+    // Error handling
+    // ------------------------------------------------------
+
+    window.onerror = function (msg, url, line, col, error) {
+      window.onerror.errorCount = (window.onerror.errorCount || 0) + 1;
+      // Proper stacktrace
+      var stack = error && error.stack;
+      // Ghetto stacktrace
+      if (!stack) {
+        stack = msg + '\n   at ' + url + ':' + line;
+        if (col) {
+          stack += ':' + col;
         }
       }
-    }
-    return target;
-  };
-  var parseMetaTag = function (name) {
-    var content = document.getElementById(name).getAttribute('content');
-    if (content === '[' + name + ']') {
-      return null;
-    }
-    return content;
-  };
-
-  // BYOND API object
-  // ------------------------------------------------------
-
-  var Byond = window.Byond = {};
-
-  // Expose inlined metadata
-  Byond.windowId = parseMetaTag('tgui:windowId');
-
-  // Backwards compatibility
-  window.__windowId__ = Byond.windowId;
-
-  // Blink engine version
-  Byond.BLINK = (function () {
-    var groups = navigator.userAgent.match(/Chrome\/(\d+)\./);
-    var majorVersion = groups && groups[1];
-    return majorVersion ? parseInt(majorVersion, 10) : null;
-  })();
-
-  // Remove with 516
-  // Trident engine version
-  Byond.TRIDENT = (function () {
-    var groups = navigator.userAgent.match(/Trident\/(\d+).+?;/i);
-    var majorVersion = groups && groups[1];
-    return majorVersion
-      ? parseInt(majorVersion, 10)
-      : null;
-  })();
-
-  // Basic checks to detect whether this page runs in BYOND
-  // Remove TRIDENT with 516
-  var isByond = (Byond.TRIDENT !== null || Byond.BLINK !== null || window.cef_to_byond)
-    && location.hostname === '127.0.0.1'
-    && location.search !== '?external';
-
-  // Version constants
-  Byond.IS_BYOND = isByond;
-
-  // Strict mode flag
-  Byond.strictMode = Boolean(Number(parseMetaTag('tgui:strictMode')));
-
-  // Callbacks for asynchronous calls
-  Byond.__callbacks__ = [];
-
-  // Reviver for BYOND JSON
-  var byondJsonReviver = function (key, value) {
-    if (typeof value === 'object' && value !== null && value.__number__) {
-      return parseFloat(value.__number__);
-    }
-    return value;
-  };
-
-  // Makes a BYOND call.
-  // See: https://secure.byond.com/docs/ref/skinparams.html
-  Byond.call = function (path, params) {
-    // Not running in BYOND, abort.
-    if (!isByond) {
-      return;
-    }
-    // Build the URL
-    var url = (path || '') + '?';
-    var i = 0;
-    if (params) {
-      for (var key in params) {
-        if (hasOwn.call(params, key)) {
-          if (i++ > 0) {
-            url += '&';
+      // Augment the stack
+      stack = window.__augmentStack__(stack, error);
+      // Print error to the page
+      if (Byond.strictMode) {
+        var errorRoot = document.getElementById('FatalError');
+        var errorStack = document.getElementById('FatalError__stack');
+        if (errorRoot) {
+          errorRoot.className = 'FatalError FatalError--visible';
+          if (window.onerror.__stack__) {
+            window.onerror.__stack__ += '\n\n' + stack;
           }
-          var value = params[key];
-          if (value === null || value === undefined) {
-            value = '';
+          else {
+            window.onerror.__stack__ = stack;
           }
-          url += encodeURIComponent(key)
-            + '=' + encodeURIComponent(value)
+          var textProp = 'textContent';
+          errorStack[textProp] = window.onerror.__stack__;
         }
+        // Set window geometry
+        var setFatalErrorGeometry = function () {
+          Byond.winset(Byond.windowId, {
+            titlebar: true,
+            'is-visible': true,
+            'can-resize': true,
+          });
+        };
+        setFatalErrorGeometry();
+        setInterval(setFatalErrorGeometry, 1000);
       }
-    }
+      // Send logs to the game server
+      if (Byond.strictMode) {
+        Byond.sendMessage({
+          type: 'log',
+          fatal: 1,
+          message: stack,
+        });
+      }
+      else if (window.onerror.errorCount <= 1) {
+        stack += '\nWindow is in non-strict mode, future errors are suppressed.';
+        Byond.sendMessage({
+          type: 'log',
+          message: stack,
+        });
+      }
+      // Short-circuit further updates
+      if (Byond.strictMode) {
+        window.update = function () { };
+        window.update.queue = [];
+      }
+      // Prevent default action
+      return true;
+    };
 
-    // If we're a Chromium client, just use the fancy method
-    if (window.cef_to_byond) {
-      cef_to_byond('byond://' + url);
-      return;
-    }
+    // Catch unhandled promise rejections
+    window.onunhandledrejection = function (e) {
+      var msg = 'UnhandledRejection';
+      if (e.reason) {
+        msg += ': ' + (e.reason.message || e.reason.description || e.reason);
+        if (e.reason.stack) {
+          e.reason.stack = 'UnhandledRejection: ' + e.reason.stack;
+        }
+      }
+      window.onerror(msg, null, null, null, e.reason);
+    };
 
-    // Perform a standard call via location.href
-    if (url.length < 2048) {
-      location.href = 'byond://' + url;
-      return;
-    }
-    // Send an HTTP request to DreamSeeker's HTTP server.
-    // Allows sending much bigger payloads.
-    var xhr = new XMLHttpRequest();
-    xhr.open('GET', url);
-    xhr.send();
-  };
-
-  Byond.callAsync = function (path, params) {
-    if (!window.Promise) {
-      throw new Error('Async calls require API level of ES2015 or later.');
-    }
-    var index = Byond.__callbacks__.length;
-    var promise = new window.Promise(function (resolve) {
-      Byond.__callbacks__.push(resolve);
-    });
-    // Remove first half with 516
-    if(Byond.TRIDENT !== null) {
-      Byond.call(path, assign({}, params, {
-        callback: 'Byond.__callbacks__[' + index + ']',
-      }));
-    }
-    else {
-      Byond.call(path, Object.assign({}, params, {
-        callback: 'Byond.__callbacks__[' + index + ']',
-      }));
-    }
-    return promise;
-  };
-
-  Byond.topic = function (params) {
-    return Byond.call('', params);
-  };
-
-  Byond.command = function (command) {
-    return Byond.call('winset', {
-      command: command,
-    });
-  };
-
-  Byond.winget = function (id, propName) {
-    if (id === null) {
-      id = '';
-    }
-    var isArray = propName instanceof Array;
-    var isSpecific = propName && propName !== '*' && !isArray;
-    var promise = Byond.callAsync('winget', {
-      id: id,
-      property: isArray && propName.join(',') || propName || '*',
-    });
-    if (isSpecific) {
-      promise = promise.then(function (props) {
-        return props[propName];
-      });
-    }
-    return promise;
-  };
+    // Helper for augmenting stack traces on fatal errors
+    window.__augmentStack__ = function (stack, error) {
+      return stack + '\nUser Agent: ' + navigator.userAgent;
+    };
 
-  Byond.winset = function (id, propName, propValue) {
-    if (id === null) {
-      id = '';
-    }
-    else if (typeof id === 'object') {
-      return Byond.call('winset', id);
-    }
-    var props = {};
-    if (typeof propName === 'string') {
-      props[propName] = propValue;
+    // Incoming message handling
+    // ------------------------------------------------------
+
+    // Message handler
+    window.update = function (rawMessage) {
+      // Push onto the queue (active during initialization)
+      if (window.update.queueActive) {
+        window.update.queue.push(rawMessage);
+        return;
+      }
+      // Parse the message
+      var message = Byond.parseJson(rawMessage);
+      // Notify listeners
+      var listeners = window.update.listeners;
+      for (var i = 0; i < listeners.length; i++) {
+        listeners[i](message.type, message.payload);
+      }
+    };
+
+    // Properties and variables of this specific handler
+    window.update.listeners = [];
+    window.update.queue = [];
+    window.update.queueActive = true;
+    window.update.flushQueue = function (listener) {
+      // Disable and clear the queue permanently on short delay
+      if (window.update.queueActive) {
+        window.update.queueActive = false;
+        if (window.setTimeout) {
+          window.setTimeout(function () {
+            window.update.queue = [];
+          }, 0);
+        }
+      }
+      // Process queued messages on provided listener
+      var queue = window.update.queue;
+      for (var i = 0; i < queue.length; i++) {
+        var message = Byond.parseJson(queue[i]);
+        listener(message.type, message.payload);
+      }
+    };
+
+    window.replaceHtml = function (inline_html) {
+      var children = document.body.childNodes;
+
+      for (var i = 0; i < children.length; i++) {
+        if (children[i].nodeValue == " tgui:inline-html-start ") {
+          while (children[i].nodeValue != " tgui:inline-html-end ") {
+            children[i].remove();
+          }
+          children[i].remove();
+        }
+      }
+
+      document.body.insertAdjacentHTML(
+        "afterbegin",
+        "<!-- tgui:inline-html-start -->"
+        + inline_html
+        + "<!-- tgui:inline-html-end -->"
+      );
+    };
+  </script>
+
+  <style>
+    /* Blink polyfill, originally authored on /tg/ by @iamgoofball */
+    blink {
+      animation: 1s linear infinite condemned-blink-effect;
     }
-    else {
-      // Remove first half with 516
-      if (Byond.TRIDENT !== null) {
-        assign(props, propName);
 
+    @keyframes condemned-blink-effect {
+      0% {
+        visibility: hidden;
       }
-      else {
-        Object.assign(props, propName);
+
+      50% {
+        visibility: hidden;
+      }
+
+      100% {
+        visibility: visible;
       }
     }
-    props.id = id;
-    return Byond.call('winset', props);
-  };
 
-  Byond.parseJson = function (json) {
-    try {
-      return JSON.parse(json, byondJsonReviver);
+    .FatalError {
+      display: none;
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      padding: 12px;
+      font-size: 12px;
+      font-family: Consolas, monospace;
+      color: #ffffff;
+      background-color: #0000dd;
+      z-index: 1000;
+      overflow: hidden;
+      text-align: center;
     }
-    catch (err) {
-      throw new Error('JSON parsing error: ' + (err && err.message));
+
+    .FatalError--visible {
+      display: block !important;
     }
-  };
-
-  Byond.sendMessage = function (type, payload) {
-    var message = typeof type === 'string'
-      ? { type: type, payload: payload }
-      : type;
-    // JSON-encode the payload
-    if (message.payload !== null && message.payload !== undefined) {
-      message.payload = JSON.stringify(message.payload);
+
+    .FatalError__logo {
+      display: inline-block;
+      text-align: left;
+      font-size: 10px;
+      line-height: 12px;
+      position: relative;
+      margin: 16px;
+      top: 0;
+      left: 0;
+      animation:
+        FatalError__rainbow 2s linear infinite alternate,
+        FatalError__shadow 4s linear infinite alternate,
+        FatalError__tfmX 3s infinite alternate,
+        FatalError__tfmY 4s infinite alternate;
+      white-space: pre;
     }
-    // Append an identifying heade
-    // Remove first half with 516
-    if(Byond.TRIDENT !== null) {
-      assign(message, {
-        tgui: 1,
-        window_id: Byond.windowId,
-      });
+
+    .FatalError__header {
+      margin-top: 12px;
     }
-    else {
-      Object.assign(message, {
-        tgui: 1,
-        window_id: Byond.windowId,
-      });
+
+    .FatalError__stack {
+      text-align: left;
+      white-space: pre-wrap;
+      word-break: break-all;
+      margin-top: 24px;
+      margin-bottom: 24px;
     }
-    Byond.topic(message);
-  };
-
-  // This function exists purely for debugging, do not use it in code!
-  Byond.injectMessage = function (type, payload) {
-    window.update(JSON.stringify({ type: type, payload: payload }));
-  };
-
-  Byond.subscribe = function (listener) {
-    window.update.flushQueue(listener);
-    window.update.listeners.push(listener);
-  };
-
-  Byond.subscribeTo = function (type, listener) {
-    var _listener = function (_type, payload) {
-      if (_type === type) {
-        listener(payload);
-      }
-    };
-    window.update.flushQueue(_listener);
-    window.update.listeners.push(_listener);
-  };
 
-  // Asset loaders
-  // ------------------------------------------------------
+    .FatalError__footer {
+      margin-bottom: 24px;
+    }
 
-  var RETRY_ATTEMPTS = 5;
-  var RETRY_WAIT_INITIAL = 500;
-  var RETRY_WAIT_INCREMENT = 500;
+    @keyframes FatalError__rainbow {
+      0% {
+        color: #ff0;
+      }
 
-  var loadedAssetByUrl = {};
+      50% {
+        color: #0ff;
+      }
 
-  var isStyleSheetLoaded = function (node, url) {
-    var styleSheet = node.sheet;
-    if (styleSheet) {
-      return styleSheet.rules.length > 0;
-    }
-    return false;
-  };
-
-  var injectNode = function (node) {
-    if (!document.body) {
-      setTimeout(function () {
-        injectNode(node);
-      });
-      return;
-    }
-    var refs = document.body.childNodes;
-    var ref = refs[refs.length - 1];
-    ref.parentNode.insertBefore(node, ref.nextSibling);
-  };
-
-  var loadAsset = function (options) {
-    var url = options.url;
-    var type = options.type;
-    var sync = options.sync;
-    var attempt = options.attempt || 0;
-    if (loadedAssetByUrl[url]) {
-      return;
-    }
-    loadedAssetByUrl[url] = options;
-    // Generic retry function
-    var retry = function () {
-      if (attempt >= RETRY_ATTEMPTS) {
-        var errorMessage = "Error: Failed to load the asset "
-          + "'" + url + "' after several attempts.";
-        if (type === 'css') {
-          errorMessage += + "\nStylesheet was either not found, "
-            + "or you're trying to load an empty stylesheet "
-            + "that has no CSS rules in it.";
-        }
-        throw new Error(errorMessage);
+      100% {
+        color: #f0f;
       }
-      setTimeout(function () {
-        loadedAssetByUrl[url] = null;
-        options.attempt += 1;
-        loadAsset(options);
-      }, RETRY_WAIT_INITIAL + attempt * RETRY_WAIT_INCREMENT);
-    };
-    // JS specific code
-    if (type === 'js') {
-      var node = document.createElement('script');
-      node.type = 'text/javascript';
-      node.crossOrigin = 'anonymous';
-      node.src = url;
-      if (sync) {
-        node.defer = true;
+    }
+
+    @keyframes FatalError__shadow {
+      0% {
+        left: -2px;
+        text-shadow: 4px 0 #f0f;
       }
-      else {
-        node.async = true;
+
+      50% {
+        left: 0px;
+        text-shadow: 0px 0 #0ff;
       }
-      node.onerror = function () {
-        node.onerror = null;
-        node.parentNode.removeChild(node);
-        node = null;
-        retry();
-      };
-      injectNode(node);
-      return;
-    }
-    // CSS specific code
-    if (type === 'css') {
-      var node = document.createElement('link');
-      node.type = 'text/css';
-      node.rel = 'stylesheet';
-      node.href = url;
-      // Temporarily set media to something inapplicable
-      // to ensure it'll fetch without blocking render
-      if (!sync) {
-        node.media = 'only x';
+
+      100% {
+        left: 2px;
+        text-shadow: -4px 0 #ff0;
       }
-      node.onload = function () {
-        node.onload = null;
-        if (isStyleSheetLoaded(node, url)) {
-          // Render the stylesheet
-          node.media = 'all';
-          return;
-        }
-        // Try again
-        node.parentNode.removeChild(node);
-        node = null;
-        retry();
-      };
-      injectNode(node);
-      return;
-    }
-  };
-
-  Byond.loadJs = function (url, sync) {
-    loadAsset({ url: url, sync: sync, type: 'js' });
-  };
-
-  Byond.loadCss = function (url, sync) {
-    loadAsset({ url: url, sync: sync, type: 'css' });
-  };
-
-  // Icon cache
-  Byond.iconRefMap = {};
-})();
-
-// Error handling
-// ------------------------------------------------------
-
-window.onerror = function (msg, url, line, col, error) {
-  window.onerror.errorCount = (window.onerror.errorCount || 0) + 1;
-  // Proper stacktrace
-  var stack = error && error.stack;
-  // Ghetto stacktrace
-  if (!stack) {
-    stack = msg + '\n   at ' + url + ':' + line;
-    if (col) {
-      stack += ':' + col;
     }
-  }
-  // Augment the stack
-  stack = window.__augmentStack__(stack, error);
-  // Print error to the page
-  if (Byond.strictMode) {
-    var errorRoot = document.getElementById('FatalError');
-    var errorStack = document.getElementById('FatalError__stack');
-    if (errorRoot) {
-      errorRoot.className = 'FatalError FatalError--visible';
-      if (window.onerror.__stack__) {
-        window.onerror.__stack__ += '\n\n' + stack;
+
+    @keyframes FatalError__tfmX {
+      0% {
+        left: 15px;
       }
-      else {
-        window.onerror.__stack__ = stack;
+
+      100% {
+        left: -15px;
       }
-      var textProp = 'textContent';
-      errorStack[textProp] = window.onerror.__stack__;
     }
-    // Set window geometry
-    var setFatalErrorGeometry = function () {
-      Byond.winset(Byond.windowId, {
-        titlebar: true,
-        'is-visible': true,
-        'can-resize': true,
-      });
-    };
-    setFatalErrorGeometry();
-    setInterval(setFatalErrorGeometry, 1000);
-  }
-  // Send logs to the game server
-  if (Byond.strictMode) {
-    Byond.sendMessage({
-      type: 'log',
-      fatal: 1,
-      message: stack,
-    });
-  }
-  else if (window.onerror.errorCount <= 1) {
-    stack += '\nWindow is in non-strict mode, future errors are suppressed.';
-    Byond.sendMessage({
-      type: 'log',
-      message: stack,
-    });
-  }
-  // Short-circuit further updates
-  if (Byond.strictMode) {
-    window.update = function () {};
-    window.update.queue = [];
-  }
-  // Prevent default action
-  return true;
-};
-
-// Catch unhandled promise rejections
-window.onunhandledrejection = function (e) {
-  var msg = 'UnhandledRejection';
-  if (e.reason) {
-    msg += ': ' + (e.reason.message || e.reason.description || e.reason);
-    if (e.reason.stack) {
-      e.reason.stack = 'UnhandledRejection: ' + e.reason.stack;
-    }
-  }
-  window.onerror(msg, null, null, null, e.reason);
-};
-
-// Helper for augmenting stack traces on fatal errors
-window.__augmentStack__ = function (stack, error) {
-  return stack + '\nUser Agent: ' + navigator.userAgent;
-};
-
-// Incoming message handling
-// ------------------------------------------------------
-
-// Message handler
-window.update = function (rawMessage) {
-  // Push onto the queue (active during initialization)
-  if (window.update.queueActive) {
-    window.update.queue.push(rawMessage);
-    return;
-  }
-  // Parse the message
-  var message = Byond.parseJson(rawMessage);
-  // Notify listeners
-  var listeners = window.update.listeners;
-  for (var i = 0; i < listeners.length; i++) {
-    listeners[i](message.type, message.payload);
-  }
-};
-
-// Properties and variables of this specific handler
-window.update.listeners = [];
-window.update.queue = [];
-window.update.queueActive = true;
-window.update.flushQueue = function (listener) {
-  // Disable and clear the queue permanently on short delay
-  if (window.update.queueActive) {
-    window.update.queueActive = false;
-    if (window.setTimeout) {
-      window.setTimeout(function () {
-        window.update.queue = [];
-      }, 0);
-    }
-  }
-  // Process queued messages on provided listener
-  var queue = window.update.queue;
-  for (var i = 0; i < queue.length; i++) {
-    var message = Byond.parseJson(queue[i]);
-    listener(message.type, message.payload);
-  }
-};
-
-window.replaceHtml = function (inline_html) {
-  var children = document.body.childNodes;
-
-  for (var i = 0; i < children.length; i++) {
-    if (children[i].nodeValue == " tgui:inline-html-start ") {
-      while (children[i].nodeValue != " tgui:inline-html-end ") {
-        children[i].remove();
+
+    @keyframes FatalError__tfmY {
+      100% {
+        top: -15px;
       }
-      children[i].remove();
     }
-  }
-
-  document.body.insertAdjacentHTML(
-    "afterbegin",
-    "<!-- tgui:inline-html-start -->"
-      + inline_html
-      + "<!-- tgui:inline-html-end -->"
-  );
-};
-</script>
-
-<style>
-/* Blink polyfill, originally authored on /tg/ by @iamgoofball */
-blink {
-  animation: 1s linear infinite condemned-blink-effect;
-}
-
-@keyframes condemned-blink-effect {
-  0% { visibility: hidden; }
-  50% { visibility: hidden; }
-  100% { visibility: visible; }
-}
-
-.FatalError {
-  display: none;
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  padding: 12px;
-  font-size: 12px;
-  font-family: Consolas, monospace;
-  color: #ffffff;
-  background-color: #0000dd;
-  z-index: 1000;
-  overflow: hidden;
-  text-align: center;
-}
-
-.FatalError--visible {
-  display: block !important;
-}
-
-.FatalError__logo {
-  display: inline-block;
-  text-align: left;
-  font-size: 10px;
-  line-height: 12px;
-  position: relative;
-  margin: 16px;
-  top: 0;
-  left: 0;
-  animation:
-    FatalError__rainbow 2s linear infinite alternate,
-    FatalError__shadow 4s linear infinite alternate,
-    FatalError__tfmX 3s infinite alternate,
-    FatalError__tfmY 4s infinite alternate;
-  white-space: pre;
-}
-
-.FatalError__header {
-  margin-top: 12px;
-}
-
-.FatalError__stack {
-  text-align: left;
-  white-space: pre-wrap;
-  word-break: break-all;
-  margin-top: 24px;
-  margin-bottom: 24px;
-}
-
-.FatalError__footer {
-  margin-bottom: 24px;
-}
-
-@keyframes FatalError__rainbow {
-  0% { color: #ff0; }
-  50% { color: #0ff; }
-  100% { color: #f0f; }
-}
-
-@keyframes FatalError__shadow {
-  0% {
-    left: -2px;
-    text-shadow: 4px 0 #f0f;
-  }
-  50% {
-    left: 0px;
-    text-shadow: 0px 0 #0ff;
-  }
-  100% {
-    left: 2px;
-    text-shadow: -4px 0 #ff0;
-  }
-}
-
-@keyframes FatalError__tfmX {
-  0% { left: 15px; }
-  100% { left: -15px; }
-}
-
-@keyframes FatalError__tfmY {
-  100% { top: -15px; }
-}
-</style>
-
-<!-- tgui:inline-css -->
+  </style>
+
+  <!-- tgui:inline-css -->
 </head>
+
 <body>
 
-<!-- tgui:inline-polyfill -->
-<!-- tgui:assets -->
-<!-- tgui:inline-html-start -->
-<!-- tgui:inline-html -->
-<!-- tgui:inline-html-end -->
-<!-- tgui:inline-js -->
-
-<!-- Root element for tgui interfaces -->
-<div id="react-root"></div>
-
-<!-- Fatal error container -->
-<div id="FatalError" class="FatalError">
-<div class="FatalError__logo">
-        ███╗   ██╗████████╗ ██████╗ ███████╗
-        ████╗  ██║╚══██╔══╝██╔═══██╗██╔════╝
-        ██╔██╗ ██║   ██║   ██║   ██║███████╗
-        ██║╚██╗██║   ██║   ██║   ██║╚════██║
-        ██║ ╚████║   ██║   ╚██████╔╝███████║
-        ╚═╝  ╚═══╝   ╚═╝    ╚═════╝ ╚══════╝
-</div>
-<marquee class="FatalError__header">
-  A fatal exception has occurred at 002B:C562F1B7 in TGUI. The current
-  application will be terminated. Please remain calm. Get to the nearest
-  NTNet workstation and send the copy of the following stack trace to:
-  <a
-    target="_blank"
-    style="color: white"
-    href="https://github.com/ParadiseSS13/Paradise"
-    >https://github.com/ParadiseSS13/Paradise</a
-  >. Thank you for your cooperation.
-</marquee>
-<div id="FatalError__stack" class="FatalError__stack"></div>
-<div class="FatalError__footer">
-Nanotrasen (c) 2223-2564
-</div>
-</div>
-
-<noscript>
-  <div class="NoticeBox">
-    <div>Javascript is required in order to use this interface.</div>
-    <div>Please enable Javascript and restart the game.</div>
+  <!-- tgui:inline-polyfill -->
+  <!-- tgui:assets -->
+  <!-- tgui:inline-html-start -->
+  <!-- tgui:inline-html -->
+  <!-- tgui:inline-html-end -->
+  <!-- tgui:inline-js -->
+
+  <!-- Root element for tgui interfaces -->
+  <div id="react-root"></div>
+
+  <!-- Fatal error container -->
+  <div id="FatalError" class="FatalError">
+    <div class="FatalError__logo">
+            ███╗   ██╗████████╗ ██████╗ ███████╗
+            ████╗  ██║╚══██╔══╝██╔═══██╗██╔════╝
+            ██╔██╗ ██║   ██║   ██║   ██║███████╗
+            ██║╚██╗██║   ██║   ██║   ██║╚════██║
+            ██║ ╚████║   ██║   ╚██████╔╝███████║
+            ╚═╝  ╚═══╝   ╚═╝    ╚═════╝ ╚══════╝
+    </div>
+    <marquee class="FatalError__header">
+      A fatal exception has occurred at 002B:C562F1B7 in TGUI. The current
+      application will be terminated. Please remain calm. Get to the nearest
+      NTNet workstation and send the copy of the following stack trace to:
+      <a
+        target="_blank"
+        style="color: white"
+        href="https://github.com/ParadiseSS13/Paradise"
+        >https://github.com/ParadiseSS13/Paradise</a
+      >. Thank you for your cooperation.
+    </marquee>
+    <div id="FatalError__stack" class="FatalError__stack"></div>
+    <div class="FatalError__footer">
+      Nanotrasen (c) 2223-2564
+    </div>
   </div>
-</noscript>
-
-<script>
-// Signal tgui that we're ready to receive updates
-Byond.sendMessage('ready');
-</script>
 
+  <noscript>
+    <div class="NoticeBox">
+      <div>Javascript is required in order to use this interface.</div>
+      <div>Please enable Javascript and restart the game.</div>
+    </div>
+  </noscript>
+
+  <script>
+    // Signal tgui that we're ready to receive updates
+    Byond.sendMessage('ready');
+  </script>
 </body>
+
 </html>