groove-dev 0.27.188 → 0.27.190

package/packages/gui/dist/index.html

@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link rel="icon" type="image/png" href="/favicon.png" />
     <title>Groove GUI</title>
-    <script type="module" crossorigin src="/assets/index-fyGUwOq4.js"></script>
+    <script type="module" crossorigin src="/assets/index-DXup-n8w.js"></script>
     <link rel="modulepreload" crossorigin href="/assets/vendor-26L3JoZv.js">
     <link rel="modulepreload" crossorigin href="/assets/reactflow-DoBZjiHE.js">
     <link rel="modulepreload" crossorigin href="/assets/codemirror-BYKpdS2W.js">

package/packages/gui/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@groove-dev/gui",
-  "version": "0.27.188",
+  "version": "0.27.190",
   "description": "GROOVE GUI — visual agent control plane",
   "license": "FSL-1.1-Apache-2.0",
   "type": "module",

package/packages/gui/src/App.jsx

@@ -1,7 +1,7 @@
 // GROOVE GUI v2 — App Root
 // FSL-1.1-Apache-2.0 — see LICENSE
 
-import React, { useEffect, useMemo } from 'react';
+import React, { useEffect, useMemo, useState } from 'react';
 import { useGrooveStore } from './stores/groove';
 import { AppShell } from './components/layout/app-shell';
 import { SetupWizard } from './components/onboarding/setup-wizard';
@@ -133,10 +133,49 @@ function TunneledFolderPicker() {
 }
 
 function LoadingScreen() {
+  const connected = useGrooveStore((s) => s.connected);
+  const [slow, setSlow] = useState(false);
+  const [reconnecting, setReconnecting] = useState(false);
+
+  // Reveal a manual reconnect after a while rather than pulsing forever. We do
+  // NOT auto-reconnect here: over a slow SSH tunnel the socket can take longer
+  // than this to open, and reloading mid-connect would restart the load in a
+  // loop that never finishes. Wake recovery is handled by the desktop shell's
+  // power-resume handler; this is just a user-triggered escape hatch.
+  useEffect(() => {
+    const t = setTimeout(() => setSlow(true), 12000);
+    return () => clearTimeout(t);
+  }, []);
+
+  async function manualReconnect() {
+    if (window.groove?.reconnect) {
+      setReconnecting(true);
+      try { await window.groove.reconnect(); } catch { /* falls through to reload */ }
+      setReconnecting(false);
+    }
+    window.location.reload();
+  }
+
   return (
     <div className="h-screen bg-surface-0 flex flex-col items-center justify-center gap-4">
       <img src="/favicon.png" alt="" className="w-10 h-10 opacity-60 animate-pulse" />
-      <p className="text-sm text-text-3 font-sans">Connecting...</p>
+      <p className="text-sm text-text-3 font-sans">
+        {reconnecting ? 'Re-establishing connection…' : connected ? 'Loading…' : 'Connecting to daemon…'}
+      </p>
+      {slow && (
+        <div className="flex flex-col items-center gap-2 mt-1">
+          <p className="text-xs text-text-4 font-sans max-w-xs text-center">
+            Still trying to reach the daemon. If you just woke your machine, the connection is re-establishing.
+          </p>
+          <button
+            onClick={manualReconnect}
+            disabled={reconnecting}
+            className="px-3 py-1.5 rounded-md text-xs font-medium font-sans border border-accent/40 bg-accent/10 text-accent hover:bg-accent/20 disabled:opacity-50 transition-colors cursor-pointer"
+          >
+            {reconnecting ? 'Reconnecting…' : 'Reconnect'}
+          </button>
+        </div>
+      )}
     </div>
   );
 }

package/packages/gui/src/stores/groove.js

@@ -776,8 +776,9 @@ export const useGrooveStore = create((set, get) => ({
         }
 
         case 'auth:expired':
+          // Marketplace/subscription token lapsed — reset to the community state
+          // silently. There is no sign-in flow to nag the user toward.
           set({ marketplaceAuthenticated: false, marketplaceUser: null });
-          get().addToast('warning', 'Session expired', 'Please sign in again');
           break;
 
         case 'network:node:status': {
@@ -1146,3 +1147,16 @@ export const useGrooveStore = create((set, get) => ({
     ws.onerror = () => ws.close();
   },
 }));
+
+// Reconnect promptly when connectivity returns — laptop wake, network back, or
+// the window regaining focus — instead of waiting out the periodic 2s retry.
+// connect() no-ops if a socket already exists, so these are safe to fire often.
+if (typeof window !== 'undefined') {
+  const kick = () => {
+    const s = useGrooveStore.getState();
+    if (!s.ws) s.connect();
+  };
+  window.addEventListener('online', kick);
+  window.addEventListener('focus', kick);
+  document.addEventListener('visibilitychange', () => { if (!document.hidden) kick(); });
+}