diff --git a/static/app.js b/static/app.js
index e7760b0..198594f 100644
--- a/static/app.js
+++ b/static/app.js
@@ -201,6 +201,25 @@ document.getElementById('btn-auto-rotate').addEventListener('click', () => {
}
});
+document.getElementById('btn-speed-down').addEventListener('click', () => {
+ if (controls) {
+ controls.autoRotateSpeed = Math.max(0.1, controls.autoRotateSpeed - 0.5);
+ }
+});
+
+document.getElementById('btn-speed-up').addEventListener('click', () => {
+ if (controls) {
+ controls.autoRotateSpeed += 0.5;
+ }
+});
+
+document.addEventListener('keydown', (e) => {
+ if (e.target.tagName.toLowerCase() === 'input') return;
+ if (e.key === 'h' || e.key === 'H') {
+ document.body.classList.toggle('ui-hidden');
+ }
+});
+
document.getElementById('pod-search').addEventListener('input', (e) => {
currentSearchTerm = e.target.value.toLowerCase().trim();
podMeshes.forEach(mesh => {
diff --git a/static/style.css b/static/style.css
index 6939ee9..fe33741 100644
--- a/static/style.css
+++ b/static/style.css
@@ -474,3 +474,14 @@ body {
color: var(--text-main);
}
+body.ui-hidden .header,
+body.ui-hidden .legend-panel,
+body.ui-hidden .navigation-hint,
+body.ui-hidden .version-overlay {
+ opacity: 0;
+ pointer-events: none;
+}
+
+.header, .legend-panel, .navigation-hint, .version-overlay {
+ transition: opacity 0.3s ease;
+}
diff --git a/templates/index.html b/templates/index.html
index 8509ec3..fb5b46b 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -52,6 +52,16 @@
Auto Rotate
+
+
diff --git a/version.ini b/version.ini
index b5699b5..e439288 100644
--- a/version.ini
+++ b/version.ini
@@ -1,2 +1,2 @@
[metadata]
-version = 1.0
+version = 1.1