reachy-mini 1.2.5rc1__py3-none-any.whl → 1.2.11__py3-none-any.whl

reachy_mini/daemon/app/dashboard/static/js/appstore.js

@@ -152,6 +152,231 @@ const hfAppsStore = {
             installedApps.refreshAppList();
         };
     },
+
+    // Advanced functionality for private spaces
+    advanced: {
+        isAuthenticated: false,
+        username: null,
+
+        init: async () => {
+            // Check if we're on wireless version
+            try {
+                const status = await fetch('/api/daemon/status').then(r => r.json());
+                const isWireless = status.wireless_version;
+
+                if (!isWireless) {
+                    // Don't show advanced section on non-wireless
+                    return;
+                }
+
+                // Show the advanced section
+                document.getElementById('hf-advanced-section').classList.remove('hidden');
+
+                // Set up event listeners
+                document.getElementById('hf-advanced-toggle').onclick = hfAppsStore.advanced.toggleSection;
+                document.getElementById('hf-login-button').onclick = hfAppsStore.advanced.login;
+                document.getElementById('hf-logout-button').onclick = hfAppsStore.advanced.logout;
+                document.getElementById('hf-install-private-button').onclick = hfAppsStore.advanced.installPrivateSpace;
+
+                // Add Enter key support for token input
+                document.getElementById('hf-token-input').addEventListener('keypress', (e) => {
+                    if (e.key === 'Enter') {
+                        hfAppsStore.advanced.login();
+                    }
+                });
+
+                // Add Enter key support for space ID input
+                document.getElementById('hf-space-id-input').addEventListener('keypress', (e) => {
+                    if (e.key === 'Enter') {
+                        hfAppsStore.advanced.installPrivateSpace();
+                    }
+                });
+
+                // Check authentication status
+                await hfAppsStore.advanced.checkAuthStatus();
+            } catch (error) {
+                console.error('Error initializing advanced section:', error);
+            }
+        },
+
+        toggleSection: () => {
+            const content = document.getElementById('hf-advanced-content');
+            const chevron = document.getElementById('hf-advanced-chevron');
+
+            if (content.classList.contains('hidden')) {
+                content.classList.remove('hidden');
+                chevron.style.transform = 'rotate(90deg)';
+            } else {
+                content.classList.add('hidden');
+                chevron.style.transform = 'rotate(0deg)';
+            }
+        },
+
+        checkAuthStatus: async () => {
+            try {
+                const response = await fetch('/api/hf-auth/status');
+                const data = await response.json();
+
+                hfAppsStore.advanced.isAuthenticated = data.is_logged_in;
+                hfAppsStore.advanced.username = data.username;
+
+                hfAppsStore.advanced.updateAuthUI();
+            } catch (error) {
+                console.error('Error checking auth status:', error);
+            }
+        },
+
+        updateAuthUI: () => {
+            const indicator = document.getElementById('hf-auth-indicator');
+            const authText = document.getElementById('hf-auth-text');
+            const loginForm = document.getElementById('hf-login-form');
+            const loggedInView = document.getElementById('hf-logged-in-view');
+            const usernameSpan = document.getElementById('hf-username');
+
+            if (hfAppsStore.advanced.isAuthenticated) {
+                // Authenticated state
+                indicator.classList.remove('bg-gray-400');
+                indicator.classList.add('bg-green-500');
+                authText.textContent = 'Authenticated';
+                loginForm.classList.add('hidden');
+                loggedInView.classList.remove('hidden');
+                usernameSpan.textContent = hfAppsStore.advanced.username || 'Unknown';
+            } else {
+                // Not authenticated state
+                indicator.classList.remove('bg-green-500');
+                indicator.classList.add('bg-gray-400');
+                authText.textContent = 'Not authenticated';
+                loginForm.classList.remove('hidden');
+                loggedInView.classList.add('hidden');
+            }
+        },
+
+        login: async () => {
+            const tokenInput = document.getElementById('hf-token-input');
+            const errorDiv = document.getElementById('hf-login-error');
+            const loginButton = document.getElementById('hf-login-button');
+
+            const token = tokenInput.value.trim();
+
+            if (!token) {
+                errorDiv.textContent = 'Please enter a token';
+                errorDiv.classList.remove('hidden');
+                return;
+            }
+
+            // Disable button during request
+            loginButton.disabled = true;
+            loginButton.textContent = 'Logging in...';
+            errorDiv.classList.add('hidden');
+
+            try {
+                const response = await fetch('/api/hf-auth/save-token', {
+                    method: 'POST',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify({ token })
+                });
+
+                if (!response.ok) {
+                    const error = await response.json();
+                    throw new Error(error.detail || 'Login failed');
+                }
+
+                const data = await response.json();
+
+                // Clear token input
+                tokenInput.value = '';
+
+                // Update state
+                hfAppsStore.advanced.isAuthenticated = true;
+                hfAppsStore.advanced.username = data.username;
+                hfAppsStore.advanced.updateAuthUI();
+
+            } catch (error) {
+                errorDiv.textContent = error.message;
+                errorDiv.classList.remove('hidden');
+            } finally {
+                loginButton.disabled = false;
+                loginButton.textContent = 'Login';
+            }
+        },
+
+        logout: async () => {
+            try {
+                await fetch('/api/hf-auth/token', { method: 'DELETE' });
+
+                hfAppsStore.advanced.isAuthenticated = false;
+                hfAppsStore.advanced.username = null;
+                hfAppsStore.advanced.updateAuthUI();
+
+            } catch (error) {
+                console.error('Error logging out:', error);
+            }
+        },
+
+        installPrivateSpace: async () => {
+            const spaceIdInput = document.getElementById('hf-space-id-input');
+            const errorDiv = document.getElementById('hf-private-install-error');
+            const installButton = document.getElementById('hf-install-private-button');
+
+            const spaceId = spaceIdInput.value.trim();
+
+            if (!spaceId) {
+                errorDiv.textContent = 'Please enter a space ID';
+                errorDiv.classList.remove('hidden');
+                return;
+            }
+
+            // Validate format (should be "username/space-name")
+            if (!spaceId.includes('/')) {
+                errorDiv.textContent = 'Space ID should be in format: username/space-name';
+                errorDiv.classList.remove('hidden');
+                return;
+            }
+
+            // Disable button during request
+            installButton.disabled = true;
+            installButton.textContent = 'Installing...';
+            errorDiv.classList.add('hidden');
+
+            try {
+                const response = await fetch('/api/apps/install-private-space', {
+                    method: 'POST',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify({ space_id: spaceId })
+                });
+
+                if (!response.ok) {
+                    const error = await response.json();
+                    throw new Error(error.detail || 'Installation failed');
+                }
+
+                const data = await response.json();
+                const jobId = data.job_id;
+
+                // Clear input
+                spaceIdInput.value = '';
+
+                // Show installation modal (reuse existing modal)
+                const spaceName = spaceId.split('/')[1];
+                hfAppsStore.appInstallLogHandler(spaceName, jobId);
+
+            } catch (error) {
+                if (error.message.includes('authenticate') || error.message.includes('401')) {
+                    // Token expired or invalid - show login form
+                    errorDiv.textContent = 'Authentication expired. Please login again.';
+                    hfAppsStore.advanced.isAuthenticated = false;
+                    hfAppsStore.advanced.username = null;
+                    hfAppsStore.advanced.updateAuthUI();
+                } else {
+                    errorDiv.textContent = error.message;
+                }
+                errorDiv.classList.remove('hidden');
+            } finally {
+                installButton.disabled = false;
+                installButton.textContent = 'Install Private Space';
+            }
+        },
+    },
 };
 
 
@@ -164,4 +389,7 @@ window.addEventListener('load', async () => {
         });
     }
     await hfAppsStore.refreshAppList();
+
+    // Initialize advanced section for private spaces
+    await hfAppsStore.advanced.init();
 });

reachy_mini/daemon/app/dashboard/static/js/logs.js

@@ -0,0 +1,148 @@
+const daemonLogs = {
+    ws: null,
+    isConnected: false,
+
+    connectWebSocket: () => {
+        const logsDiv = document.getElementById('daemon-logs-content');
+        const statusDiv = document.getElementById('logs-status');
+
+        if (!logsDiv || !statusDiv) {
+            console.error('Logs elements not found');
+            return;
+        }
+
+        // Create WebSocket connection
+        daemonLogs.ws = new WebSocket(`ws://${location.host}/logs/ws/daemon`);
+
+        daemonLogs.ws.onopen = () => {
+            daemonLogs.isConnected = true;
+            statusDiv.textContent = 'Connected';
+            statusDiv.className = 'text-sm text-green-600 font-semibold';
+        };
+
+        daemonLogs.ws.onmessage = (event) => {
+            // Ignore empty keepalive messages
+            if (event.data && event.data.trim()) {
+                daemonLogs.appendLog(event.data);
+            }
+        };
+
+        daemonLogs.ws.onclose = () => {
+            daemonLogs.isConnected = false;
+            statusDiv.textContent = 'Disconnected';
+            statusDiv.className = 'text-sm text-red-600 font-semibold';
+
+            // Attempt reconnection after 2 seconds
+            setTimeout(() => {
+                if (!daemonLogs.isConnected) {
+                    console.log('Attempting to reconnect to logs WebSocket...');
+                    daemonLogs.connectWebSocket();
+                }
+            }, 2000);
+        };
+
+        daemonLogs.ws.onerror = (error) => {
+            console.error('WebSocket error:', error);
+            statusDiv.textContent = 'Connection Error';
+            statusDiv.className = 'text-sm text-red-600 font-semibold';
+        };
+    },
+
+    appendLog: (line) => {
+        const logsDiv = document.getElementById('daemon-logs-content');
+
+        if (!logsDiv) {
+            return;
+        }
+
+        // Check if user is scrolled to bottom before adding new log
+        const isScrolledToBottom = logsDiv.scrollHeight - logsDiv.scrollTop <= logsDiv.clientHeight + 50;
+
+        // Create new log line element
+        const logLine = document.createElement('div');
+        logLine.className = 'text-gray-300 leading-tight';
+
+        // Highlight error and warning lines
+        if (line.includes('ERROR') || line.includes('Error') || line.includes('error')) {
+            logLine.className = 'text-red-400 font-semibold leading-tight';
+        } else if (line.includes('WARNING') || line.includes('Warning') || line.includes('warning')) {
+            logLine.className = 'text-yellow-400 leading-tight';
+        } else if (line.includes('INFO')) {
+            logLine.className = 'text-green-400 leading-tight';
+        }
+
+        logLine.textContent = line;
+        logsDiv.appendChild(logLine);
+
+        // Only auto-scroll if user was already at the bottom
+        if (isScrolledToBottom) {
+            requestAnimationFrame(() => {
+                logsDiv.scrollTop = logsDiv.scrollHeight;
+            });
+        }
+    },
+
+    clearLogs: () => {
+        const logsDiv = document.getElementById('daemon-logs-content');
+
+        if (logsDiv) {
+            logsDiv.innerHTML = '';
+        }
+    },
+
+    copyLogs: () => {
+        const logsDiv = document.getElementById('daemon-logs-content');
+        const buttonText = document.getElementById('copy-button-text');
+
+        if (!logsDiv) {
+            return;
+        }
+
+        // Get all log text
+        const logText = logsDiv.innerText;
+
+        // Create temporary textarea for copying (works without HTTPS)
+        const textarea = document.createElement('textarea');
+        textarea.value = logText;
+        textarea.style.position = 'fixed';
+        textarea.style.opacity = '0';
+        document.body.appendChild(textarea);
+
+        try {
+            // Select and copy
+            textarea.select();
+            textarea.setSelectionRange(0, 99999); // For mobile devices
+            const successful = document.execCommand('copy');
+
+            if (successful && buttonText) {
+                buttonText.textContent = 'Copied!';
+                setTimeout(() => {
+                    buttonText.textContent = 'Copy';
+                }, 2000);
+            } else if (buttonText) {
+                buttonText.textContent = 'Failed';
+                setTimeout(() => {
+                    buttonText.textContent = 'Copy';
+                }, 2000);
+            }
+        } catch (err) {
+            console.error('Failed to copy logs:', err);
+            if (buttonText) {
+                buttonText.textContent = 'Failed';
+                setTimeout(() => {
+                    buttonText.textContent = 'Copy';
+                }, 2000);
+            }
+        } finally {
+            document.body.removeChild(textarea);
+        }
+    },
+
+    disconnect: () => {
+        if (daemonLogs.ws) {
+            daemonLogs.ws.close();
+            daemonLogs.ws = null;
+            daemonLogs.isConnected = false;
+        }
+    }
+};

reachy_mini/daemon/app/dashboard/templates/logs.html

@@ -0,0 +1,37 @@
+{% extends "base.html" %}
+
+{% block content %}
+
+<div class="bg-white dark:bg-gray-800 rounded-lg shadow p-4">
+    <div class="flex items-center justify-between mb-4">
+        <div class="flex items-center gap-3">
+            <h1 class="text-xl font-semibold text-gray-900 dark:text-white">Daemon Logs</h1>
+            <span id="logs-status" class="text-sm text-gray-500">Disconnected</span>
+        </div>
+        <div class="flex gap-2">
+            <button onclick="daemonLogs.copyLogs()" class="px-4 py-2 bg-blue-600 hover:bg-blue-700 text-white rounded text-sm">
+                <span id="copy-button-text">Copy</span>
+            </button>
+            <button onclick="daemonLogs.clearLogs()" class="px-4 py-2 bg-gray-200 hover:bg-gray-300 text-gray-800 rounded dark:bg-gray-600 dark:hover:bg-gray-500 dark:text-white">
+                Clear
+            </button>
+        </div>
+    </div>
+
+    <div id="daemon-logs-content"
+         class="overflow-y-auto h-[calc(100vh-200px)] bg-gray-900 border border-gray-600 rounded p-3 font-mono text-xs text-gray-100 leading-relaxed">
+        <!-- Logs will be appended here by JavaScript -->
+    </div>
+</div>
+
+{% endblock %}
+
+{% block extra_js %}
+<script src="/static/js/logs.js"></script>
+<script>
+    // Auto-connect when page loads
+    window.addEventListener('load', () => {
+        daemonLogs.connectWebSocket();
+    });
+</script>
+{% endblock %}

reachy_mini/daemon/app/dashboard/templates/sections/appstore.html

@@ -32,4 +32,96 @@
     <div class="">
         <ul id="hf-available-apps" class="overflow-y-auto max-h-96">Loading apps from 🤗...</ul>
     </div>
+
+    <!-- Advanced section for private spaces (wireless only) -->
+    <div id="hf-advanced-section" class="mt-6 hidden">
+        <!-- Collapsible header -->
+        <button
+            id="hf-advanced-toggle"
+            class="flex items-center justify-between w-full text-left font-medium text-gray-700 dark:text-gray-200 hover:text-gray-900 dark:hover:text-white transition-colors py-2"
+            type="button"
+        >
+            <span class="flex items-center gap-2 text-base">
+                <svg id="hf-advanced-chevron" class="w-5 h-5 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
+                </svg>
+                Advanced: Install private space
+            </span>
+        </button>
+
+        <!-- Collapsible content -->
+        <div id="hf-advanced-content" class="hidden mt-4 p-6 bg-gray-100 rounded-lg border-2 border-gray-300" style="background-color: #f3f4f6; border-color: #d1d5db;">
+
+            <!-- Auth status display -->
+            <div id="hf-auth-status" class="flex items-center gap-3 mb-6 pb-4 border-b-2 border-gray-300" style="border-color: #d1d5db;">
+                <div id="hf-auth-indicator" class="w-3 h-3 rounded-full bg-gray-400"></div>
+                <span id="hf-auth-text" class="text-base font-semibold" style="color: #374151;">Not authenticated</span>
+            </div>
+
+            <!-- Login form (shown when not authenticated) -->
+            <div id="hf-login-form" class="space-y-4">
+                <div>
+                    <label for="hf-token-input" class="block text-lg font-bold mb-3" style="color: #111827;">
+                        HuggingFace Token
+                    </label>
+                    <input
+                        type="password"
+                        id="hf-token-input"
+                        placeholder="hf_..."
+                        style="width: 100%; min-height: 48px; padding: 12px 16px; font-size: 16px; font-family: monospace; border: 2px solid #9ca3af; border-radius: 8px; background-color: #ffffff; color: #111827;"
+                        class="focus:outline-none focus:ring-2 focus:ring-red-500"
+                    />
+                    <p class="mt-3 text-sm" style="color: #6b7280;">
+                        Get your token from <a href="https://huggingface.co/settings/tokens" target="_blank" class="hover:underline font-medium" style="color: #dc2626;">huggingface.co/settings/tokens</a>
+                    </p>
+                </div>
+                <button
+                    id="hf-login-button"
+                    style="width: 100%; min-height: 48px; padding: 12px 24px; font-size: 18px; font-weight: 600; background-color: #dc2626; color: #ffffff; border: none; border-radius: 8px; cursor: pointer;"
+                    class="hover:bg-red-700 transition-colors shadow-md"
+                >
+                    Login to HuggingFace
+                </button>
+                <div id="hf-login-error" class="hidden text-base font-medium p-3 rounded-lg border-2" style="color: #dc2626; background-color: #fee2e2; border-color: #fecaca;"></div>
+            </div>
+
+            <!-- Logged in view (shown when authenticated) -->
+            <div id="hf-logged-in-view" class="hidden space-y-5">
+                <div class="flex items-center justify-between p-4 rounded-lg border-2" style="background-color: #d1fae5; border-color: #86efac;">
+                    <span class="text-base" style="color: #065f46;">
+                        Logged in as <span id="hf-username" class="font-bold" style="color: #064e3b;"></span>
+                    </span>
+                    <button
+                        id="hf-logout-button"
+                        class="text-base hover:underline font-medium"
+                        style="color: #dc2626;"
+                    >
+                        Logout
+                    </button>
+                </div>
+
+                <!-- Private space installation -->
+                <div>
+                    <label for="hf-space-id-input" class="block text-lg font-bold mb-3" style="color: #111827;">
+                        Private Space ID
+                    </label>
+                    <input
+                        type="text"
+                        id="hf-space-id-input"
+                        placeholder="username/space-name"
+                        style="width: 100%; min-height: 48px; padding: 12px 16px; font-size: 16px; font-family: monospace; border: 2px solid #9ca3af; border-radius: 8px; background-color: #ffffff; color: #111827;"
+                        class="focus:outline-none focus:ring-2 focus:ring-red-500"
+                    />
+                </div>
+                <button
+                    id="hf-install-private-button"
+                    style="width: 100%; min-height: 48px; padding: 12px 24px; font-size: 18px; font-weight: 600; background-color: #ffffff; color: #dc2626; border: 2px solid #dc2626; border-radius: 8px; cursor: pointer;"
+                    class="hover:bg-red-600 hover:text-white transition-colors shadow-md"
+                >
+                    Install Private Space
+                </button>
+                <div id="hf-private-install-error" class="hidden text-base font-medium p-3 rounded-lg border-2" style="color: #dc2626; background-color: #fee2e2; border-color: #fecaca;"></div>
+            </div>
+        </div>
+    </div>
 </section>

reachy_mini/daemon/app/dashboard/templates/sections/cache.html

@@ -0,0 +1,82 @@
+<div class="app-section">
+    <div class="app-section-title">Cache Management</div>
+
+    <div class="mt-2">
+        <button id="clear-hf-cache-btn"
+                onclick="clearHFCache()"
+                class="px-4 py-2 rounded-lg shadow bg-red-500 hover:bg-red-600"
+                style="color: white;">
+            Clear HuggingFace Cache
+        </button>
+        <span id="cache-status" class="ml-3 text-sm"></span>
+    </div>
+    <div class="mt-2">
+        <button id="reset-apps"
+                onclick="resetApps()"
+                class="px-4 py-2 rounded-lg shadow bg-red-500 hover:bg-red-600"
+                style="color: white;">
+            Reset Applications
+        </button>
+        <span id="reset-status" class="ml-3 text-sm"></span>
+    </div>
+</div>
+
+<script>
+async function clearHFCache() {
+    const btn = document.getElementById('clear-hf-cache-btn');
+    const status = document.getElementById('cache-status');
+
+    btn.disabled = true;
+    btn.textContent = 'Clearing...';
+    status.textContent = '';
+
+    try {
+        const response = await fetch('/cache/clear-hf', { method: 'POST' });
+        const data = await response.json();
+
+        if (response.ok) {
+            status.textContent = '✓ Cache cleared';
+            status.className = 'ml-3 text-sm text-green-600';
+        } else {
+            status.textContent = '✗ ' + (data.detail || 'Failed');
+            status.className = 'ml-3 text-sm text-red-600';
+        }
+    } catch (error) {
+        status.textContent = '✗ Error: ' + error.message;
+        status.className = 'ml-3 text-sm text-red-600';
+    } finally {
+        btn.disabled = false;
+        btn.textContent = 'Clear HuggingFace Cache';
+        setTimeout(() => { status.textContent = ''; }, 3000);
+    }
+}
+
+async function resetApps() {
+    const btn = document.getElementById('reset-apps');
+    const status = document.getElementById('reset-status');
+
+    btn.disabled = true;
+    btn.textContent = 'Resetting...';
+    status.textContent = '';
+
+    try {
+        const response = await fetch('/cache/reset-apps', { method: 'POST' });
+        const data = await response.json();
+
+        if (response.ok) {
+            status.textContent = '✓ Apps reset';
+            status.className = 'ml-3 text-sm text-green-600';
+        } else {
+            status.textContent = '✗ ' + (data.detail || 'Failed');
+            status.className = 'ml-3 text-sm text-red-600';
+        }
+    } catch (error) {
+        status.textContent = '✗ Error: ' + error.message;
+        status.className = 'ml-3 text-sm text-red-600';
+    } finally {
+        btn.disabled = false;
+        btn.textContent = 'Reset Applications';
+        setTimeout(() => { status.textContent = ''; }, 3000);
+    }
+}
+</script>

reachy_mini/daemon/app/dashboard/templates/sections/daemon.html

@@ -35,6 +35,11 @@
         </div>
         {% if args.wireless_version %}
         <div class="w-full flex  pt-4 gap-4 justify-center">
+            <a id="daemon-logs-btn"
+                class="flex items-center gap-2 px-4 py-2 bg-gray-100 hover:bg-gray-300 rounded-lg shadow border border-gray-300"
+                href="/logs">
+                Logs
+            </a>
             <a id="daemon-settings-btn"
                 class="flex items-center gap-2 px-4 py-2 bg-gray-100 hover:bg-gray-300 rounded-lg shadow border border-gray-300"
                 href="/settings">

reachy_mini/daemon/app/dashboard/templates/settings.html

@@ -5,6 +5,7 @@
 <div class="grid gap-4">
     {% include "sections/update.html" %}
     {% include "sections/wifi.html" %}
+    {% include "sections/cache.html" %}
 </div>
 {% endblock %}