Add terrain minimap to dashboard

web_interface/build/index.html

@@ -6,8 +6,8 @@
     <meta name="theme-color" content="#10130f" />
     <meta name="description" content="Live Minecraft bot dashboard" />
     <title>Mosfet · Minecraft Bot</title>
-    <link rel="stylesheet" href="/static/css/dashboard.css?v=16" />
-    <script defer src="/static/js/dashboard.js?v=14"></script>
+    <link rel="stylesheet" href="/static/css/dashboard.css?v=19" />
+    <script defer src="/static/js/dashboard.js?v=19"></script>
   </head>
   <body>
     <div class="shell">
@@ -72,6 +72,20 @@
           </section>
 
           <aside class="side-column">
+            <section id="minimap-panel" class="side-panel panel minimap-panel">
+              <div class="section-heading compact-heading">
+                <div><div class="eyebrow">WORLD · SURFACE</div><h2>Minimap</h2></div>
+              </div>
+              <canvas id="minimap-canvas" class="minimap-canvas" width="320" height="240" role="img" aria-label="Surface map centered on the bot"></canvas>
+              <div id="minimap-caption" class="minimap-caption">Waiting for world data</div>
+              <div class="minimap-controls" aria-label="Minimap controls">
+                <button id="minimap-zoom-out" type="button" aria-label="Zoom out" title="Zoom out">−</button>
+                <button id="minimap-zoom-in" type="button" aria-label="Zoom in" title="Zoom in">+</button>
+                <button id="minimap-north-lock" type="button" aria-label="Lock north to the top" aria-pressed="false" title="Lock north to the top">N ↑</button>
+                <button id="minimap-size" type="button" aria-label="Enlarge minimap" aria-pressed="false" title="Enlarge minimap">⤢</button>
+              </div>
+            </section>
+
             <section class="side-panel panel">
               <div class="section-heading compact-heading">
                 <div><div class="eyebrow">MULTIPLAYER</div><h2>Players</h2></div>