shell-mirror 1.5.37 → 1.5.38

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shell-mirror",
-  "version": "1.5.37",
+  "version": "1.5.38",
   "description": "Access your Mac shell from any device securely. Perfect for mobile coding with Claude Code CLI, Gemini CLI, and any shell tool.",
   "main": "server.js",
   "bin": {

package/public/app/dashboard.html

@@ -46,6 +46,13 @@
         <p>Loading dashboard...</p>
     </div>
 
+    <!-- Version Footer -->
+    <footer style="background: #ff6b35; color: white; text-align: center; padding: 10px 0; font-size: 0.8rem; position: fixed; bottom: 0; left: 0; right: 0; z-index: 1000;">
+        <div style="max-width: 1200px; margin: 0 auto;">
+            <p id="dashboard-version-info">Shell Mirror Dashboard • Loading version...</p>
+        </div>
+    </footer>
+
     <script src="dashboard.js"></script>
 </body>
 </html>

package/public/app/dashboard.js

@@ -10,6 +10,7 @@ class ShellMirrorDashboard {
 
     async init() {
         this.showLoading();
+        this.loadVersionInfo(); // Load version info immediately
         
         try {
             const authStatus = await this.checkAuthStatus();
@@ -109,7 +110,10 @@ class ShellMirrorDashboard {
         `;
 
         // Show centered login button
-        document.getElementById('login-button-overlay').style.display = 'flex';
+        const loginOverlay = document.getElementById('login-button-overlay');
+        if (loginOverlay) {
+            loginOverlay.style.display = 'flex';
+        }
     }
 
     renderAuthenticatedDashboard() {
@@ -137,7 +141,10 @@ class ShellMirrorDashboard {
         `;
 
         // Hide login button overlay
-        document.getElementById('login-button-overlay').style.display = 'none';
+        const loginOverlay = document.getElementById('login-button-overlay');
+        if (loginOverlay) {
+            loginOverlay.style.display = 'none';
+        }
     }
 
     renderActiveAgents() {
@@ -317,6 +324,30 @@ class ShellMirrorDashboard {
         }).format(date);
     }
 
+    // Load version info for footer
+    async loadVersionInfo() {
+        try {
+            const response = await fetch('/build-info.json');
+            const buildInfo = await response.json();
+            const versionElement = document.getElementById('dashboard-version-info');
+            const footerElement = versionElement?.parentElement?.parentElement; // Get the footer element
+            
+            if (versionElement && buildInfo) {
+                const buildDateTime = new Date(buildInfo.buildTime).toLocaleString();
+                versionElement.textContent = `Shell Mirror Dashboard v${buildInfo.version} • Built ${buildDateTime}`;
+                
+                // Apply random footer color from build info
+                if (footerElement && buildInfo.footerColor) {
+                    footerElement.style.background = buildInfo.footerColor;
+                    console.log(`🎨 Applied footer color: ${buildInfo.footerColor}`);
+                }
+            }
+        } catch (error) {
+            console.log('Could not load build info for dashboard:', error);
+            // Keep default version and color if build-info.json not available
+        }
+    }
+
     // Action handlers
     async connectToAgent(agentId) {
         window.location.href = `/app/terminal.html?agent=${agentId}`;

package/public/app/terminal.js

@@ -79,8 +79,8 @@ async function loadVersionInfo() {
         const footerElement = versionElement?.parentElement?.parentElement; // Get the footer element
         
         if (versionElement && buildInfo) {
-            const buildDate = new Date(buildInfo.buildTime).toLocaleDateString();
-            versionElement.textContent = `Terminal Mirror v${buildInfo.version} • Built ${buildDate}`;
+            const buildDateTime = new Date(buildInfo.buildTime).toLocaleString();
+            versionElement.textContent = `Terminal Mirror v${buildInfo.version} • Built ${buildDateTime}`;
             
             // Apply random footer color from build info
             if (footerElement && buildInfo.footerColor) {