diff --git a/public/mirror/assets/apple-touch-icon-120x120.png b/public/mirror/assets/apple-touch-icon-120x120.png
new file mode 100644
index 0000000..5e51318
Binary files /dev/null and b/public/mirror/assets/apple-touch-icon-120x120.png differ
diff --git a/public/mirror/assets/apple-touch-icon-152x152.png b/public/mirror/assets/apple-touch-icon-152x152.png
new file mode 100644
index 0000000..9f8d9e3
Binary files /dev/null and b/public/mirror/assets/apple-touch-icon-152x152.png differ
diff --git a/public/mirror/assets/apple-touch-icon-167x167.png b/public/mirror/assets/apple-touch-icon-167x167.png
new file mode 100644
index 0000000..79d1211
Binary files /dev/null and b/public/mirror/assets/apple-touch-icon-167x167.png differ
diff --git a/public/mirror/assets/apple-touch-icon-180x180.png b/public/mirror/assets/apple-touch-icon-180x180.png
new file mode 100644
index 0000000..0499ff4
Binary files /dev/null and b/public/mirror/assets/apple-touch-icon-180x180.png differ
diff --git a/public/mirror/assets/apple-touch-icon-76x76.png b/public/mirror/assets/apple-touch-icon-76x76.png
new file mode 100644
index 0000000..df3943a
Binary files /dev/null and b/public/mirror/assets/apple-touch-icon-76x76.png differ
diff --git a/public/mirror/assets/favicon-16x16.png b/public/mirror/assets/favicon-16x16.png
new file mode 100644
index 0000000..b36f23b
Binary files /dev/null and b/public/mirror/assets/favicon-16x16.png differ
diff --git a/public/mirror/assets/favicon-32x32.png b/public/mirror/assets/favicon-32x32.png
new file mode 100644
index 0000000..ae12e60
Binary files /dev/null and b/public/mirror/assets/favicon-32x32.png differ
diff --git a/public/mirror/assets/favicon.ico b/public/mirror/assets/favicon.ico
new file mode 100644
index 0000000..da17cd5
Binary files /dev/null and b/public/mirror/assets/favicon.ico differ
diff --git a/public/mirror/assets/logo--brand.svg b/public/mirror/assets/logo--brand.svg
new file mode 100644
index 0000000..1b84f50
--- /dev/null
+++ b/public/mirror/assets/logo--brand.svg
@@ -0,0 +1,139 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="216"
+   height="45"
+   viewBox="0 0 216 45"
+   fill="none"
+   version="1.1"
+   id="svg12"
+   sodipodi:docname="logo--brand.svg"
+   inkscape:version="1.4.2 (f4327f4, 2025-05-13)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs12">
+    <linearGradient
+       id="swatch14"
+       inkscape:swatch="solid">
+      <stop
+         style="stop-color:#000000;stop-opacity:1;"
+         offset="0"
+         id="stop14" />
+    </linearGradient>
+    <linearGradient
+       id="swatch13"
+       inkscape:swatch="solid">
+      <stop
+         style="stop-color:#f44900;stop-opacity:1;"
+         offset="0"
+         id="stop13" />
+    </linearGradient>
+    <linearGradient
+       id="swatch12"
+       inkscape:swatch="solid">
+      <stop
+         style="stop-color:#f44900;stop-opacity:1;"
+         offset="0"
+         id="stop12" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#swatch13"
+       id="linearGradient20"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.2501299,0,0,1.2501299,-13.384735,-3.5540817)"
+       x1="59.31974"
+       y1="31.196251"
+       x2="137.75919"
+       y2="31.196251" />
+  </defs>
+  <sodipodi:namedview
+     id="namedview12"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="2.5796303"
+     inkscape:cx="213.20885"
+     inkscape:cy="39.346723"
+     inkscape:window-width="1680"
+     inkscape:window-height="987"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg12" />
+  <g
+     id="g12"
+     transform="translate(5.4271343,-0.38765245)"
+     style="stroke:none;fill:#f44900;stroke-opacity:1;fill-opacity:1">
+    <path
+       fill-rule="evenodd"
+       clip-rule="evenodd"
+       d="M 61.338859,8.6569032 V 5.4020133 H 81.022974 V 8.6569032 H 73.060861 V 22.343693 H 69.324296 V 8.6569032 Z"
+       fill="#f8654b"
+       id="path1"
+       style="stroke-width:0.738087;stroke:none;fill:#f44900;stroke-opacity:1;fill-opacity:1" />
+    <path
+       fill-rule="evenodd"
+       clip-rule="evenodd"
+       d="M 84.874017,5.4020133 V 22.343693 h 3.759888 v -5.934737 h 10.179691 c 0.70857,0 1.171353,0.148873 1.459204,0.41082 0.28195,0.256928 0.4554,0.678744 0.4554,1.366124 v 4.157793 h 3.7362 v -4.594814 c 0,-1.041957 -0.3602,-1.895407 -1.01635,-2.495103 -0.37569,-0.343284 -0.83773,-0.594086 -1.36398,-0.752036 0.62885,-0.302099 1.1492,-0.700371 1.55072,-1.19238 0.63254,-0.775951 0.94622,-1.758345 0.94622,-2.898467 0,-1.6059294 -0.54249,-2.8828944 -1.69833,-3.745939 -1.13888,-0.8504238 -2.82761,-1.2629407 -5.047042,-1.2629407 z m 12.309888,7.8440187 h -8.55 V 8.5419089 h 8.55 c 1.243679,0 2.132337,0.1621578 2.704351,0.5178419 0.539544,0.3353126 0.839944,0.8711639 0.839944,1.7652082 0,0.908586 -0.30336,1.483038 -0.848805,1.848761 -0.571275,0.383215 -1.458455,0.572312 -2.69549,0.572312 z"
+       fill="#f8654b"
+       id="path2"
+       style="stroke-width:0.738087;stroke:none;fill:#f44900;stroke-opacity:1;fill-opacity:1" />
+    <path
+       fill-rule="evenodd"
+       clip-rule="evenodd"
+       d="M 109.29001,22.343693 V 5.4020133 h 5.20646 l 7.47535,12.6615127 7.45246,-12.6615127 h 5.18359 V 22.343693 h -3.73694 V 9.8475109 l -7.27015,12.4961821 h -3.2808 L 113.04982,9.8475109 V 22.343693 Z"
+       fill="#f8654b"
+       id="path3"
+       style="stroke-width:0.738087;stroke:none;fill:#f44900;stroke-opacity:1;fill-opacity:1" />
+    <path
+       fill-rule="evenodd"
+       clip-rule="evenodd"
+       d="m 144.80158,5.4020133 h -5.0485 V 22.343693 h 3.76054 V 9.3181547 l 12.01679,13.0255383 h 5.0249 V 5.4020133 h -3.73693 V 18.42755 Z"
+       fill="#f8654b"
+       id="path4"
+       style="stroke-width:0.738087;stroke:none;fill:#f44900;stroke-opacity:1;fill-opacity:1" />
+    <path
+       fill-rule="evenodd"
+       clip-rule="evenodd"
+       d="m 169.47436,5.4020133 h -3.75981 V 22.343693 h 16.16926 v -3.25489 h -12.40945 z"
+       fill="#f8654b"
+       id="path5"
+       style="stroke-width:0.738087;stroke:none;fill:#f44900;stroke-opacity:1;fill-opacity:1" />
+  </g>
+  <rect
+     width="33.295433"
+     height="33.295433"
+     x="5.7279205"
+     y="6.3573608"
+     rx="3.6994925"
+     ry="3.6994925"
+     id="rect1-0"
+     style="fill:none;fill-opacity:1;stroke:#f44900;stroke-width:3.69949;stroke-dasharray:none;stroke-opacity:1" />
+  <rect
+     width="5.5492387"
+     height="16.647717"
+     x="13.126904"
+     y="13.756346"
+     id="rect2-9"
+     style="fill:none;fill-opacity:1;stroke:#f44900;stroke-width:3.69949;stroke-dasharray:none;stroke-opacity:1" />
+  <rect
+     width="5.5492387"
+     height="9.2487307"
+     x="26.075129"
+     y="13.756346"
+     id="rect3-4"
+     style="fill:none;fill-opacity:1;stroke:#f44900;stroke-width:3.69949;stroke-dasharray:none;stroke-opacity:1" />
+  <path
+     style="font-size:20.0021px;font-family:Sans;-inkscape-font-specification:Sans;fill:#f44900;stroke-width:2.50026"
+     d="m 72.228919,36.557453 q 0,1.084098 -0.4102,1.914263 -0.410199,0.830165 -1.103631,1.367331 -0.820399,0.644599 -1.806831,0.918065 -0.976665,0.273467 -2.490495,0.273467 H 61.26097 V 26.488036 h 4.307093 q 1.591964,0 2.383063,0.1172 0.791098,0.1172 1.51383,0.488333 0.800866,0.419965 1.162232,1.084098 0.361366,0.654365 0.361366,1.57243 0,1.035265 -0.527399,1.767764 -0.527399,0.722732 -1.406398,1.162232 v 0.07813 q 1.474764,0.302766 2.324463,1.298964 0.849699,0.986432 0.849699,2.500263 z M 68.976624,30.00403 q 0,-0.527399 -0.1758,-0.888765 Q 68.625025,28.753899 68.234359,28.529266 67.775326,28.265567 67.12096,28.206967 66.466595,28.1386 65.499696,28.1386 h -2.304929 v 4.19966 h 2.500262 q 0.908299,0 1.445465,-0.0879 0.537165,-0.09767 0.996198,-0.390666 0.459033,-0.293 0.644599,-0.752032 0.195333,-0.468799 0.195333,-1.103632 z m 1.240365,6.631556 q 0,-0.878999 -0.2637,-1.396631 -0.2637,-0.517633 -0.957132,-0.878999 -0.468799,-0.244166 -1.142698,-0.312532 -0.664132,-0.07813 -1.621264,-0.07813 h -3.037428 v 5.410725 h 2.558862 q 1.269665,0 2.080297,-0.126967 0.810632,-0.136733 1.328264,-0.488332 0.546933,-0.3809 0.800866,-0.869232 0.253933,-0.488333 0.253933,-1.259898 z m 15.050408,-10.14755 -5.117725,8.16492 v 6.377623 h -1.933796 v -6.172523 l -5.137258,-8.37002 h 2.138896 l 3.975027,6.504589 4.014093,-6.504589 z m 12.65758,1.670097 q 0.888765,0.976665 1.357564,2.39283 0.478566,1.416164 0.478566,3.213228 0,1.797063 -0.488332,3.222994 -0.478566,1.416165 -1.347798,2.36353 -0.898532,0.986431 -2.12913,1.484531 -1.220831,0.498099 -2.793262,0.498099 -1.533364,0 -2.793262,-0.507866 -1.250131,-0.507866 -2.12913,-1.474764 -0.878998,-0.966899 -1.357564,-2.373296 -0.468799,-1.406398 -0.468799,-3.213228 0,-1.777531 0.468799,-3.183928 0.468799,-1.416165 1.367331,-2.42213 0.859465,-0.957131 2.12913,-1.464997 1.279431,-0.507866 2.783495,-0.507866 1.562664,0 2.803029,0.517632 1.250131,0.507866 2.119363,1.455231 z m -0.1758,5.606058 q 0,-2.832329 -1.269664,-4.365693 -1.269665,-1.543131 -3.467161,-1.543131 -2.21703,0 -3.486695,1.543131 -1.259897,1.533364 -1.259897,4.365693 0,2.861628 1.289197,4.385226 1.289198,1.513831 3.457395,1.513831 2.168196,0 3.447627,-1.513831 1.289198,-1.523598 1.289198,-4.385226 z m 15.646173,3.115561 q 0,0.849699 -0.40043,1.679864 -0.39067,0.830165 -1.10363,1.406398 -0.78134,0.625065 -1.82637,0.976665 -1.03526,0.351599 -2.50026,0.351599 -1.57243,0 -2.83233,-0.292999 -1.25013,-0.293 -2.54909,-0.869232 v -2.42213 h 0.13673 q 1.10363,0.918066 2.54909,1.416165 1.44547,0.498099 2.71513,0.498099 1.79707,0 2.79326,-0.673899 1.00597,-0.673899 1.00597,-1.797064 0,-0.966898 -0.47857,-1.425931 -0.4688,-0.459032 -1.43569,-0.712965 -0.7325,-0.195333 -1.59197,-0.322299 -0.8497,-0.126967 -1.80683,-0.3223 -1.93379,-0.410199 -2.87139,-1.396631 -0.92783,-0.996198 -0.92783,-2.588162 0,-1.826364 1.54313,-2.988595 1.54313,-1.171998 3.91642,-1.171998 1.53337,0 2.8128,0.292999 1.27943,0.293 2.26586,0.722732 v 2.285396 h -0.13673 q -0.83017,-0.703198 -2.18773,-1.162231 -1.3478,-0.468799 -2.76396,-0.468799 -1.5529,0 -2.50027,0.644599 -0.93759,0.644599 -0.93759,1.66033 0,0.908299 0.46879,1.425931 0.4688,0.517633 1.65057,0.791099 0.62506,0.136733 1.77753,0.332066 1.15246,0.195333 1.95333,0.400433 1.62126,0.429732 2.44166,1.298964 0.8204,0.869232 0.8204,2.431896 z m 19.33797,4.150827 h -9.20019 V 26.488036 h 1.9338 v 12.823612 h 7.26639 z m 10.26475,0 h -1.82637 v -1.162232 q -0.24416,0.166033 -0.66413,0.468799 -0.4102,0.293 -0.80087,0.4688 -0.45903,0.224633 -1.05479,0.371132 -0.59577,0.156267 -1.39663,0.156267 -1.47477,0 -2.50027,-0.976665 -1.0255,-0.976665 -1.0255,-2.490496 0,-1.240365 0.5274,-2.002163 0.53717,-0.771566 1.5236,-1.211065 0.9962,-0.439499 2.39283,-0.595766 1.39663,-0.156266 2.99836,-0.234399 v -0.283233 q 0,-0.625066 -0.22463,-1.035265 -0.21487,-0.410199 -0.62507,-0.644599 -0.39066,-0.224633 -0.93759,-0.302766 -0.54694,-0.07813 -1.1427,-0.07813 -0.72273,0 -1.6115,0.195333 -0.88877,0.185566 -1.83613,0.546932 h -0.0977 v -1.86543 q 0.53717,-0.1465 1.5529,-0.3223 1.01573,-0.175799 2.00216,-0.175799 1.15247,0 2.00217,0.195333 0.85946,0.185566 1.48453,0.644599 0.6153,0.449265 0.9376,1.162231 0.3223,0.712965 0.3223,1.767764 z M 141.1717,38.34475 v -3.037429 q -0.83993,0.04883 -1.98263,0.1465 -1.13293,0.09767 -1.79706,0.283233 -0.7911,0.224633 -1.27943,0.703199 -0.48833,0.468799 -0.48833,1.298964 0,0.937599 0.56646,1.416165 0.56647,0.468799 1.7287,0.468799 0.9669,0 1.76776,-0.371133 0.80087,-0.380899 1.48453,-0.908298 z m 12.16925,-6.221357 h -0.0977 q -0.4102,-0.09767 -0.80087,-0.136733 -0.38089,-0.04883 -0.90829,-0.04883 -0.8497,0 -1.6408,0.380899 -0.7911,0.371133 -1.5236,0.966899 v 7.744954 h -1.83613 V 30.12123 h 1.83613 v 1.611497 q 1.09387,-0.878998 1.92403,-1.240364 0.83993,-0.371133 1.70917,-0.371133 0.47856,0 0.69343,0.0293 0.21486,0.01953 0.6446,0.0879 z m 9.85455,8.907186 h -1.82636 v -1.162232 q -0.24417,0.166033 -0.66414,0.468799 -0.4102,0.293 -0.80086,0.4688 -0.45903,0.224633 -1.0548,0.371132 -0.59577,0.156267 -1.39663,0.156267 -1.47477,0 -2.50026,-0.976665 -1.0255,-0.976665 -1.0255,-2.490496 0,-1.240365 0.5274,-2.002163 0.53716,-0.771566 1.52359,-1.211065 0.9962,-0.439499 2.39283,-0.595766 1.39664,-0.156266 2.99837,-0.234399 v -0.283233 q 0,-0.625066 -0.22464,-1.035265 -0.21486,-0.410199 -0.62506,-0.644599 -0.39067,-0.224633 -0.9376,-0.302766 -0.54693,-0.07813 -1.1427,-0.07813 -0.72273,0 -1.6115,0.195333 -0.88876,0.185566 -1.83613,0.546932 h -0.0977 v -1.86543 q 0.53716,-0.1465 1.55289,-0.3223 1.01574,-0.175799 2.00217,-0.175799 1.15246,0 2.00216,0.195333 0.85947,0.185566 1.48453,0.644599 0.6153,0.449265 0.9376,1.162231 0.3223,0.712965 0.3223,1.767764 z m -1.82636,-2.685829 v -3.037429 q -0.83994,0.04883 -1.98263,0.1465 -1.13294,0.09767 -1.79707,0.283233 -0.7911,0.224633 -1.27943,0.703199 -0.48833,0.468799 -0.48833,1.298964 0,0.937599 0.56646,1.416165 0.56647,0.468799 1.7287,0.468799 0.9669,0 1.76777,-0.371133 0.80086,-0.380899 1.48453,-0.908298 z m 14.6402,-8.22352 -4.41452,10.909349 h -1.8459 L 165.36369,30.12123 h 1.9924 l 3.37926,8.682552 3.34996,-8.682552 z m 11.35862,5.645124 h -8.03795 q 0,1.005965 0.30276,1.757997 0.30277,0.742266 0.83017,1.220831 0.50787,0.4688 1.2013,0.703199 0.7032,0.2344 1.54313,0.2344 1.1134,0 2.23656,-0.439499 1.13293,-0.449266 1.6115,-0.878999 h 0.0977 v 2.002163 q -0.92784,0.390666 -1.89473,0.654366 -0.9669,0.2637 -2.03147,0.2637 -2.71513,0 -4.23872,-1.464998 -1.5236,-1.474764 -1.5236,-4.180126 0,-2.676063 1.45523,-4.248493 1.465,-1.572431 3.84806,-1.572431 2.20726,0 3.39879,1.289198 1.2013,1.289198 1.2013,3.662494 z m -1.78729,-1.406398 q -0.01,-1.445464 -0.7325,-2.236563 -0.71297,-0.791098 -2.17797,-0.791098 -1.47476,0 -2.35376,0.869232 -0.86923,0.869232 -0.98643,2.158429 z m 6.42645,6.670623 h -1.83613 V 25.833671 h 1.83613 z"
+     id="text13"
+     aria-label="BYOS Laravel" />
+</svg>
diff --git a/public/mirror/index.html b/public/mirror/index.html
new file mode 100644
index 0000000..64746fe
--- /dev/null
+++ b/public/mirror/index.html
@@ -0,0 +1,521 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <title>TRMNL BYOS Laravel Mirror</title>
+  <link rel="manifest" href="/mirror/manifest.json" />
+  <meta name="apple-mobile-web-app-capable" content="yes" />
+  <meta name="apple-mobile-web-app-status-bar-style" content="black" />
+  <link rel="apple-touch-icon" type="image/png" href="/mirror/assets/apple-touch-icon-76x76.png" sizes="76x76" />
+  <link rel="apple-touch-icon" type="image/png" href="/mirror/assets/apple-touch-icon-120x120.png" sizes="120x120" />
+  <link rel="apple-touch-icon" type="image/png" href="/mirror/assets/apple-touch-icon-152x152.png" sizes="152x152" />
+  <link rel="apple-touch-icon" type="image/png" href="/mirror/assets/apple-touch-icon-167x167.png" sizes="167x167" />
+  <link rel="apple-touch-icon" type="image/png" href="/mirror/assets/apple-touch-icon-180x180.png" sizes="180x180" />
+
+  <link rel="icon" type="image/png" href="/mirror/assets/favicon-16x16.png" sizes="16x16" />
+  <link rel="icon" type="image/png" href="/mirror/assets/favicon-32x32.png" sizes="32x32" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+  <script>
+    var trmnl = {
+      STORAGE_KEY: "byos_laravel_mirror_settings",
+      refreshTimer: null,
+      renderedAt: 0,
+      ui: {},
+
+      showStatus: function (message) {
+        trmnl.ui.img.style.display = "none";
+        trmnl.ui.errorContainer.style.display = "flex";
+        trmnl.ui.errorMessage.textContent = message;
+      },
+
+      showScreen: function (src) {
+        trmnl.ui.img.src = src;
+        trmnl.ui.img.style.display = "block";
+        trmnl.ui.errorContainer.style.display = "none";
+      },
+
+      showSetupForm: function () {
+        var data = trmnl.getSettings();
+        trmnl.ui.apiKeyInput.value = data.api_key || "";
+        trmnl.ui.baseURLInput.value = data.base_url || "";
+        trmnl.ui.macAddressInput.value = data.mac_address || "";
+        trmnl.ui.displayModeSelect.value = data.display_mode || "";
+
+        trmnl.ui.setup.style.display = "flex";
+      },
+
+      saveSetup: function (event) {
+        event.preventDefault();
+
+        var apiKey = trmnl.ui.apiKeyInput.value;
+        var baseURL = trmnl.ui.baseURLInput.value;
+        var macAddress = trmnl.ui.macAddressInput.value;
+        var displayMode = trmnl.ui.displayModeSelect.value;
+
+        if (!apiKey) {
+          return;
+        }
+
+        trmnl.saveSettings({
+          api_key: apiKey,
+          base_url: baseURL,
+          mac_address: macAddress,
+          display_mode: displayMode
+        });
+
+        trmnl.fetchDisplay();
+      },
+
+      hideSetupForm: function () {
+        trmnl.ui.setup.style.display = "none";
+      },
+
+      fetchDisplay: function (opts) {
+        opts = opts || {};
+        clearTimeout(trmnl.refreshTimer);
+
+        if (!opts.quiet) {
+          trmnl.hideSetupForm();
+          trmnl.showStatus("Loading...");
+        }
+
+        var setup = trmnl.getSettings();
+        var apiKey = setup.api_key;
+        var displayMode = setup.display_mode;
+        var baseURL = setup.base_url || "https://your-byos-trmnl.com";
+        var macAddress = setup.mac_address || "00:00:00:00:00:01";
+
+        document.body.classList.remove("dark", "night")
+        if (displayMode) {
+          document.body.classList.add(displayMode)
+        }
+
+        var headers = {
+          "Access-Token": apiKey,
+          "id": macAddress
+        };
+
+        var url = baseURL + "/api/display";
+
+        var xhr = new XMLHttpRequest();
+        xhr.open("GET", url, true);
+
+        for (var headerName in headers) {
+          if (headers.hasOwnProperty(headerName)) {
+            xhr.setRequestHeader(headerName, headers[headerName]);
+          }
+        }
+
+        xhr.onload = function () {
+          if (xhr.status >= 200 && xhr.status < 300) {
+            try {
+              var data = JSON.parse(xhr.responseText);
+              console.log("Display response:", data);
+
+              if (data.status !== 0) {
+                trmnl.showStatus(
+                  "Error: " + (data.error || data.message || data.status)
+                );
+                return;
+              }
+
+              trmnl.showScreen(data.image_url);
+              trmnl.renderedAt = new Date();
+
+              if (data.refresh_rate) {
+                var refreshRate = 30;
+                refreshRate = data.refresh_rate;
+
+                console.log("Refreshing in " + refreshRate + " seconds...");
+                trmnl.refreshTimer = setTimeout(
+                  function () { trmnl.fetchDisplay({ quiet: true }); },
+                  1000 * refreshRate
+                );
+              }
+            } catch (e) {
+              trmnl.showStatus("Error processing response: " + e.message);
+            }
+          } else {
+            trmnl.showStatus(
+              "Failed to fetch screen: " + xhr.status + " " + xhr.statusText
+            );
+          }
+        };
+
+        xhr.onerror = function () {
+          trmnl.showStatus("Network error: Failed to connect or request was blocked.");
+        };
+
+        xhr.send();
+      },
+
+      getSettings: function () {
+        try {
+          return JSON.parse(localStorage.getItem(trmnl.STORAGE_KEY)) || {};
+        } catch (e) {
+          return {};
+        }
+      },
+
+      saveSettings: function (data) {
+        var settings = trmnl.getSettings();
+
+        for (var key in data) {
+          if (data.hasOwnProperty(key)) {
+            settings[key] = data[key];
+          }
+        }
+
+        localStorage.setItem(trmnl.STORAGE_KEY, JSON.stringify(settings));
+        console.log("Settings saved:", settings);
+      },
+
+      cleanUrl: function () {
+        if (window.history && window.history.replaceState) {
+          try {
+            window.history.replaceState(
+              {},
+              document.title,
+              window.location.pathname
+            );
+          } catch (e) {
+            // iOS 9 / UIWebView: silent ignore
+          }
+        }
+      },
+
+      applySettingsFromUrl: function () {
+        var query = window.location.search.substring(1);
+        if (!query) return;
+
+        var pairs = query.split("&");
+        var newSettings = {};
+        var hasOverrides = false;
+
+        for (var i = 0; i < pairs.length; i++) {
+          var parts = pairs[i].split("=");
+          if (parts.length !== 2) continue;
+
+          var key = decodeURIComponent(parts[0]);
+          var value = decodeURIComponent(parts[1]);
+
+          if (key === "api_key" && value) {
+            newSettings.api_key = value;
+            hasOverrides = true;
+          }
+
+          if (key === "base_url" && value) {
+            newSettings.base_url = value;
+            hasOverrides = true;
+          }
+
+          if (key === "mac_address" && value) {
+            newSettings.mac_address = value;
+            hasOverrides = true;
+          }
+        }
+
+        if (hasOverrides) {
+          trmnl.saveSettings(newSettings);
+          console.log("Settings overridden from URL:", newSettings);
+        }
+      },
+
+      setDefaultBaseUrlIfMissing: function () {
+        var settings = trmnl.getSettings();
+
+        if (settings && settings.base_url) {
+          return;
+        }
+
+        var protocol = window.location.protocol;
+        var host = window.location.hostname;
+        var port = window.location.port;
+
+        var origin = protocol + "//" + host;
+        if (port) {
+          origin += ":" + port;
+        }
+
+        trmnl.saveSettings({
+          base_url: origin
+        });
+
+        console.log("Default base_url set to:", origin);
+      },
+
+      clearSettings: function () {
+        try {
+          localStorage.removeItem(trmnl.STORAGE_KEY);
+        } catch (e) {
+          // fallback ultra-safe
+          localStorage.setItem(trmnl.STORAGE_KEY, "{}");
+        }
+        console.log("Settings cleared");
+        window.location.reload();
+      },
+
+      init: function () {
+
+        // override settings from GET params
+        trmnl.applySettingsFromUrl();
+
+        trmnl.cleanUrl();
+
+        // default base_url
+        trmnl.setDefaultBaseUrlIfMissing();
+
+        // screen
+        trmnl.ui.img = document.getElementById("screen");
+        trmnl.ui.errorContainer = document.getElementById("error-container");
+        trmnl.ui.errorMessage = document.getElementById("error-message");
+
+        // settings
+        trmnl.ui.apiKeyInput = document.getElementById("api_key");
+        trmnl.ui.baseURLInput = document.getElementById("base_url");
+        trmnl.ui.macAddressInput = document.getElementById("mac_address");
+        trmnl.ui.displayModeSelect = document.getElementById("display_mode");
+        trmnl.ui.setup = document.getElementById("setup");
+
+        var settings = trmnl.getSettings();
+        if (!settings || !settings.api_key) {
+          trmnl.showSetupForm();
+        } else {
+          trmnl.fetchDisplay();
+        }
+      }
+    };
+
+    document.addEventListener("DOMContentLoaded", function () {
+      trmnl.init();
+    });
+  </script>
+  <style>
+    body {
+      overflow: hidden;
+      font-family: sans-serif;
+      margin: 0;
+      padding: 0;
+    }
+
+    a {
+      color: #f54900;
+    }
+
+    #screen-container,
+    #setup {
+      position: fixed;
+      top: 0;
+      left: 0;
+      width: 100vw;
+      height: 100vh;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+      overflow-y: scroll;
+    }
+
+    #setup {
+      background-color: #3d3d3e;
+    }
+
+    #setup-panel {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      background-color: #ffffff;
+      padding: 2em;
+      margin: 1em;
+      border-radius: 1em;
+      box-shadow: 0 0.5em 2em rgba(0, 0, 0, 1);
+    }
+
+    #setup-panel img {
+      margin-bottom: 2em;
+    }
+
+    #screen {
+      cursor: pointer;
+      width: 100vw;
+      height: 100vh;
+      object-fit: contain;
+      background-color: #000000;
+      z-index: 1;
+    }
+
+    body.dark #screen,
+    body.night #screen {
+      filter: invert(1) hue-rotate(180deg);
+      background-color: #ffffff;
+    }
+
+    #red-overlay {
+      background-color: #ff0000;
+      mix-blend-mode: darken;
+      display: none;
+    }
+
+    body.night #red-overlay {
+      display: block;
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100vw;
+      height: 100vh;
+      z-index: 1000;
+      pointer-events: none;
+    }
+
+    #error-container {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      text-align: center;
+    }
+
+    .dark #error-container,
+    .dark #screen-container,
+    .night #error-container,
+    .night #screen-container {
+      background-color: #000000;
+      color: #ffffff;
+    }
+
+    #error-message {
+      font-size: 1.5em;
+      margin-bottom: 1em;
+    }
+
+    #setup {
+      z-index: 2;
+    }
+
+    .form-control {
+      font-size: 1.25em;
+      width: 14em;
+      padding: 0.5em;
+      border: 1px solid #ccc;
+      border-radius: 0.5em;
+      display: block;
+    }
+
+    label,
+    summary {
+      font-size: 1.25em;
+      margin-bottom: 0.5em;
+      cursor: pointer;
+    }
+
+    label {
+      display: block;
+    }
+
+    fieldset {
+      border: none;
+      margin: 0;
+      padding: 0;
+      margin-bottom: 2em;
+    }
+
+    .btn {
+      font-size: 1.25em;
+      padding: 0.5em 1em;
+      background-color: #f54900;
+      color: white;
+      border: none;
+      border-radius: 0.5em;
+      cursor: pointer;
+      display: block;
+      width: 100%;
+    }
+
+    .btn-clear {
+      margin-top: 1em;
+      background-color: #777;
+    }
+
+    #error-container .btn {
+      margin-left: 0.5em;
+      margin-right: 0.5em;
+    }
+
+    .night #error-container .btn {
+      color: #000000;
+    }
+
+    select {
+      display: block;
+      width: 100%;
+      font-size: 1.25em;
+      padding: 0.5em;
+      border: 1px solid #ccc;
+      border-radius: 0.5em;
+      background-color: #ffffff;
+    }
+
+    #unsupported {
+      color: red;
+    }
+  </style>
+</head>
+
+<body>
+  <div id="setup" style="display: none;">
+    <div id="setup-panel">
+      <img src="/mirror/assets/logo--brand.svg" alt="TRMNL Logo" />
+
+      <form onsubmit="return trmnl.saveSetup(event)">
+        <fieldset>
+          <label for="mac_address">Device MAC Address</label>
+          <input name="mac_address" id="mac_address" type="text" placeholder="00:00:00:00:00:01" class="form-control"
+            required />
+        </fieldset>
+
+        <fieldset>
+          <label for="api_key">Device API Key</label>
+          <input name="api_key" id="api_key" type="text" placeholder="API Key" class="form-control" required />
+        </fieldset>
+
+        <fieldset>
+          <select id="display_mode" name="display_mode">
+            <option value="" selected="selected">Light Mode</option>
+            <option value="dark">Dark Mode</option>
+            <option value="night">Night Mode</option>
+          </select>
+        </fieldset>
+
+        <fieldset>
+          <label for="base_url">Custom Server URL</label>
+          <input name="base_url" id="base_url" type="text" placeholder="https://your-byos-trmnl.com"
+            class="form-control" value="" />
+        </fieldset>
+
+        <button class="btn">Save</button>
+
+        <button class="btn btn-clear" type="button" onclick="trmnl.clearSettings()">
+          Clear settings
+        </button>
+
+      </form>
+    </div>
+  </div>
+
+  <div id="screen-container">
+    <div id="red-overlay"></div>
+    <img id="screen" onclick="trmnl.showSetupForm()" style="display: none;">
+
+    <div id="error-container" style="display: none">
+      <div id="error-message"></div>
+      <div style="display: flex; margin-top: 1em">
+        <button class="btn" onclick="trmnl.showSetupForm()">Setup</button>
+        <button class="btn" onclick="trmnl.fetchDisplay()">Retry</button>
+      </div>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/public/mirror/manifest.json b/public/mirror/manifest.json
new file mode 100644
index 0000000..4d44e44
--- /dev/null
+++ b/public/mirror/manifest.json
@@ -0,0 +1,7 @@
+{
+  "name": "TRMNL BYOS Laravel Mirror",
+  "short_name": "TRMNL BYOS",
+  "display": "standalone",
+  "background_color": "#ffffff",
+  "theme_color": "#ffffff"
+}