groove-dev 0.19.0 → 0.19.1

package/node_modules/@groove-dev/gui/dist/index.html

@@ -5,7 +5,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-BjC5-pVh.js"></script>
+    <script type="module" crossorigin src="/assets/index-fKeZMGM_.js"></script>
     <link rel="modulepreload" crossorigin href="/assets/vendor-C0HXlhrU.js">
     <link rel="modulepreload" crossorigin href="/assets/reactflow-BQPfi37R.js">
     <link rel="modulepreload" crossorigin href="/assets/codemirror-BBL3i_JW.js">

package/node_modules/@groove-dev/gui/src/app.jsx

@@ -83,10 +83,22 @@ function ViewRouter() {
   );
 }
 
+function LoadingScreen() {
+  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>
+    </div>
+  );
+}
+
 export default function App() {
   const connect = useGrooveStore((s) => s.connect);
+  const hydrated = useGrooveStore((s) => s.hydrated);
   useEffect(() => { connect(); }, [connect]);
 
+  if (!hydrated) return <LoadingScreen />;
+
   return (
     <ErrorBoundary>
       <ViewRouter />

package/node_modules/@groove-dev/gui/src/components/ui/toast.jsx

@@ -53,11 +53,11 @@ function ToastItem({ toast }) {
       transition={{ duration: 0.2 }}
       className={cn(
         'w-80 rounded-md border border-border bg-surface-1 shadow-xl',
-        'border-l-4 flex items-start gap-3 px-4 py-3',
+        'border-l-4 flex items-center gap-3 px-4 py-3',
         BORDER_COLORS[toast.type],
       )}
     >
-      <Icon size={16} className={cn('mt-0.5 flex-shrink-0', ICON_COLORS[toast.type])} />
+      <Icon size={16} className={cn('flex-shrink-0', ICON_COLORS[toast.type])} />
       <div className="flex-1 min-w-0">
         <p className="text-sm text-text-0 font-sans">{toast.message}</p>
         {toast.detail && (

package/node_modules/@groove-dev/gui/src/stores/groove.js

@@ -21,6 +21,7 @@ export const useGrooveStore = create((set, get) => ({
   // ── Connection ────────────────────────────────────────────
   agents: [],
   connected: false,
+  hydrated: false,  // true after first WS state message — gates the UI to prevent flicker
   ws: null,
   daemonHost: null,
   tunneled: false,
@@ -108,7 +109,7 @@ export const useGrooveStore = create((set, get) => ({
               if (arr.length > 200) timeline[agent.id] = arr.slice(-200);
             }
           }
-          set({ agents: msg.data, tokenTimeline: timeline });
+          set({ agents: msg.data, tokenTimeline: timeline, hydrated: true });
           break;
         }
 
@@ -228,7 +229,7 @@ export const useGrooveStore = create((set, get) => ({
     };
 
     ws.onclose = () => {
-      set({ connected: false, ws: null, daemonHost: null, tunneled: false });
+      set({ connected: false, hydrated: false, ws: null, daemonHost: null, tunneled: false });
       setTimeout(() => get().connect(), 2000);
     };
     ws.onerror = () => ws.close();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "groove-dev",
-  "version": "0.19.0",
+  "version": "0.19.1",
   "description": "Open-source agent orchestration layer — the AI company OS. MCP integrations (Slack, Gmail, Stripe, 15+), agent scheduling (cron), business roles (CMO, CFO, EA). GUI dashboard, multi-agent coordination, zero cold-start, infinite sessions. Works with Claude Code, Codex, Gemini CLI, Ollama.",
   "license": "FSL-1.1-Apache-2.0",
   "author": "Groove Dev <hello@groovedev.ai> (https://groovedev.ai)",

package/packages/cli/bin/groove.js

@@ -24,7 +24,7 @@ import { federationPair, federationUnpair, federationList, federationStatus } fr
 program
   .name('groove')
   .description('Agent orchestration layer for AI coding tools')
-  .version('0.19.0');
+  .version('0.19.1');
 
 program
   .command('start')