From ae3d650011576f8fe294a72ddb509a2340f37837 Mon Sep 17 00:00:00 2001
From: Grzegorz Kucmierz <gkucmierz@gmail.com>
Date: Mon, 16 Feb 2026 03:24:54 +0100
Subject: [PATCH] fix: restore layout and add dynamic version to footer

---
 src/App.vue                          | 4 ++++
 src/components/DebugPanel.vue        | 2 +-
 src/components/Footer.vue            | 3 ++-
 src/components/InteractionReplay.vue | 2 +-
 vite.config.js                       | 3 +++
 5 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 662abf3..4ca2332 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -2,14 +2,18 @@
 import CubeCSS from './components/renderers/CubeCSS.vue'
 import DebugPanel from './components/DebugPanel.vue'
 import InteractionReplay from './components/InteractionReplay.vue'
+import NavBar from './components/NavBar.vue'
+import Footer from './components/Footer.vue'
 </script>
 
 <template>
+  <NavBar />
   <div class="app-content">
     <DebugPanel />
     <InteractionReplay />
     <CubeCSS />
   </div>
+  <Footer />
 </template>
 
 <style scoped>
diff --git a/src/components/DebugPanel.vue b/src/components/DebugPanel.vue
index ee9f40d..4aa0ead 100644
--- a/src/components/DebugPanel.vue
+++ b/src/components/DebugPanel.vue
@@ -56,7 +56,7 @@ const toggle = () => isOpen.value = !isOpen.value
 <style scoped>
 .debug-panel {
   position: fixed;
-  top: 10px;
+  top: 70px;
   right: 10px;
   width: 250px;
   background: rgba(0, 0, 0, 0.85);
diff --git a/src/components/Footer.vue b/src/components/Footer.vue
index 35b169a..b40efce 100644
--- a/src/components/Footer.vue
+++ b/src/components/Footer.vue
@@ -1,11 +1,12 @@
 <script setup>
 const currentYear = new Date().getFullYear();
+const version = __APP_VERSION__;
 </script>
 
 <template>
   <footer class="app-footer glass-panel">
     <div class="footer-content">
-      <p>&copy; {{ currentYear }} Rubic Cube. Wersja 0.0.1</p>
+      <p>&copy; {{ currentYear }} Rubic Cube. Wersja {{ version }}</p>
       <div class="social-links">
         <!-- Placeholder for social links if needed -->
       </div>
diff --git a/src/components/InteractionReplay.vue b/src/components/InteractionReplay.vue
index 00611f4..bdef46d 100644
--- a/src/components/InteractionReplay.vue
+++ b/src/components/InteractionReplay.vue
@@ -64,7 +64,7 @@ ${report}
 <style scoped>
 .interaction-replay {
   position: fixed;
-  bottom: 10px;
+  bottom: 50px;
   right: 10px;
   z-index: 10000;
   font-family: monospace;
diff --git a/vite.config.js b/vite.config.js
index a812801..2a74fc6 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -4,6 +4,9 @@ import vue from '@vitejs/plugin-vue'
 // https://vite.dev/config/
 export default defineConfig({
   plugins: [vue()],
+  define: {
+    '__APP_VERSION__': JSON.stringify(process.env.npm_package_version),
+  },
   server: {
     port: 5174,
     hmr: {