Add inventory controls and enhance dashboard

This commit is contained in:
Tanner
2026-11-05 03:00:13 +00:00
parent efa2140a91
commit 659fa49ea1
13 changed files with 979 additions and 36 deletions
+15 -3
View File
@@ -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=4" />
<script defer src="/static/js/dashboard.js?v=7"></script>
<link rel="stylesheet" href="/static/css/dashboard.css?v=16" />
<script defer src="/static/js/dashboard.js?v=14"></script>
</head>
<body>
<div class="shell">
@@ -68,7 +68,7 @@
Some item components are not decoded yet; displayed contents may be partial.
</div>
<div id="inventory-grid" class="inventory-grid" aria-label="Minecraft inventory"></div>
<div class="inventory-legend"><span class="legend-swatch"></span> Empty slot <span class="legend-note">Hover an item for its name and stack size</span></div>
<div class="inventory-legend"><span class="legend-swatch"></span> Empty slot <span class="legend-selected"></span> Selected hotbar slot <span class="legend-note">Hover for details · click an item for actions</span></div>
</section>
<aside class="side-column">
@@ -103,6 +103,18 @@
</footer>
</main>
</div>
<div id="item-tooltip" class="item-tooltip" role="tooltip" hidden></div>
<div id="inventory-menu" class="inventory-menu" role="menu" aria-label="Item actions" hidden>
<div class="inventory-menu-heading">
<strong id="inventory-menu-title">Item</strong>
<span id="inventory-menu-meta"></span>
</div>
<button type="button" data-inventory-action="one" role="menuitem">Drop one</button>
<button type="button" data-inventory-action="stack" role="menuitem">Drop whole stack</button>
<button type="button" data-inventory-action="matching" role="menuitem">Drop all matching</button>
<div id="inventory-menu-status" class="inventory-menu-status" aria-live="polite" hidden></div>
<button type="button" class="menu-cancel" data-inventory-action="cancel" role="menuitem">Cancel</button>
</div>
<div id="toast" class="toast" role="status" aria-live="polite"></div>
</body>
</html>