npm - groove-dev - Versions diffs - 0.27.119 → 0.27.121 - Mend

groove-dev 0.27.119 → 0.27.121

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (47) hide show

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

@@ -6,12 +6,12 @@
     <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-BxPCaxlC.js"></script>
+    <script type="module" crossorigin src="/assets/index-bmkBX18f.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-CFF1Lrnz.js">
     <link rel="modulepreload" crossorigin href="/assets/xterm--7_ns2zW.js">
-    <link rel="stylesheet" crossorigin href="/assets/index-DT6Jbf_q.css">
+    <link rel="stylesheet" crossorigin href="/assets/index-BLd3MON8.css">
   </head>
   <body>
     <div id="root"></div>

package/node_modules/@groove-dev/gui/package.json CHANGED Viewed

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

package/node_modules/@groove-dev/gui/src/components/agents/agent-config.jsx CHANGED Viewed

@@ -6,7 +6,6 @@ import {
   AlertCircle, Layers, Activity,
   RotateCw, Skull, Copy, Trash2,
   Sparkles, Calendar, Plug, MessageCircle, Save, GitBranch,
-  ExternalLink, Loader2,
 } from 'lucide-react';
 import { useGrooveStore } from '../../stores/groove';
 import { Badge } from '../ui/badge';
@@ -169,8 +168,6 @@ export function AgentConfig({ agent }) {
   const [savingPersonality, setSavingPersonality] = useState(false);
   const [installedIntegrations, setInstalledIntegrations] = useState([]);
   const [claudeAuth, setClaudeAuth] = useState(null);
-  const [claudeAuthLoading, setClaudeAuthLoading] = useState(false);
-  const [claudeAuthPolling, setClaudeAuthPolling] = useState(false);
   const isAlive = agent.status === 'running' || agent.status === 'starting';
@@ -217,23 +214,6 @@ export function AgentConfig({ agent }) {
     }).catch(() => {});
   }, [agent.id, agent.name]);
-  useEffect(() => {
-    if (!claudeAuthPolling) return;
-    const start = Date.now();
-    const interval = setInterval(() => {
-      if (Date.now() - start > 300000) { setClaudeAuthPolling(false); clearInterval(interval); return; }
-      api.get('/providers/claude-code/auth').then((data) => {
-        if (data?.authenticated) {
-          setClaudeAuth(data);
-          setClaudeAuthPolling(false);
-          setClaudeAuthLoading(false);
-          clearInterval(interval);
-        }
-      }).catch(() => {});
-    }, 2000);
-    return () => clearInterval(interval);
-  }, [claudeAuthPolling]);
   const currentProvider = providers.find((p) => p.id === agent.provider);
   async function handleModelSwap(providerId, modelId) {
@@ -304,16 +284,6 @@ export function AgentConfig({ agent }) {
     }
   }
-  async function handleClaudeLogin() {
-    setClaudeAuthLoading(true);
-    try {
-      await api.post('/providers/claude-code/login');
-      setClaudeAuthPolling(true);
-    } catch {
-      setClaudeAuthLoading(false);
-    }
-  }
   const spawned = agent.spawnedAt || agent.createdAt;
   return (
@@ -475,17 +445,9 @@ export function AgentConfig({ agent }) {
             <AlertCircle size={13} className="text-warning flex-shrink-0" />
             <span className="text-xs font-semibold text-text-0 font-sans">Claude Code is not signed in</span>
           </div>
-          {claudeAuthLoading ? (
-            <div className="flex items-center gap-2 text-2xs text-text-2 font-sans">
-              <Loader2 size={12} className="animate-spin text-accent" />
-              Waiting for browser authentication...
-            </div>
-          ) : (
-            <Button variant="primary" size="sm" onClick={handleClaudeLogin} className="text-2xs gap-1.5">
-              <ExternalLink size={10} />
-              Sign in to Claude
-            </Button>
-          )}
+          <p className="text-2xs text-text-2 font-sans">
+            Open the terminal and run: <code className="font-mono text-accent bg-surface-4 px-1.5 py-0.5 rounded text-2xs">claude</code>
+          </p>
         </div>
       )}
       {agent.provider === 'claude-code' && claudeAuth?.authenticated && (

package/node_modules/@groove-dev/gui/src/components/agents/spawn-wizard.jsx CHANGED Viewed

@@ -12,7 +12,7 @@ import {
   Shield, Database, Megaphone, Calculator, UserCheck,
   Headphones, BarChart3, Rocket, ChevronDown, Pen, Presentation,
   Sparkles, X, Search, AlertTriangle, Plug, MessageCircle, GitBranch, Globe,
-  Check, ExternalLink, Loader2,
+  Check,
 } from 'lucide-react';
 import { api } from '../../lib/api';
 import { Dialog, DialogContent } from '../ui/dialog';
@@ -83,8 +83,6 @@ export function SpawnWizard() {
   const [recommendations, setRecommendations] = useState([]);
   const [preflightDialog, setPreflightDialog] = useState(null);
   const [claudeAuth, setClaudeAuth] = useState(null);
-  const [claudeAuthLoading, setClaudeAuthLoading] = useState(false);
-  const [claudeAuthPolling, setClaudeAuthPolling] = useState(false);
   const federation = useGrooveStore((s) => s.federation);
   const selectedRole = role || customRole;
@@ -127,8 +125,6 @@ export function SpawnWizard() {
       setRecommendations([]);
       setPreflightDialog(null);
       setClaudeAuth(null);
-      setClaudeAuthLoading(false);
-      setClaudeAuthPolling(false);
     }
   }, [open, fetchProviders]);
@@ -153,23 +149,6 @@ export function SpawnWizard() {
     }).catch(() => setClaudeAuth(null));
   }, [open, provider]);
-  useEffect(() => {
-    if (!claudeAuthPolling) return;
-    const start = Date.now();
-    const interval = setInterval(() => {
-      if (Date.now() - start > 300000) { setClaudeAuthPolling(false); clearInterval(interval); return; }
-      api.get('/providers/claude-code/auth').then((data) => {
-        if (data?.authenticated) {
-          setClaudeAuth(data);
-          setClaudeAuthPolling(false);
-          setClaudeAuthLoading(false);
-          clearInterval(interval);
-        }
-      }).catch(() => {});
-    }, 2000);
-    return () => clearInterval(interval);
-  }, [claudeAuthPolling]);
   async function runSpawn() {
     setSpawning(true);
     try {
@@ -207,16 +186,6 @@ export function SpawnWizard() {
     runSpawn();
   }
-  async function handleClaudeLogin() {
-    setClaudeAuthLoading(true);
-    try {
-      await api.post('/providers/claude-code/login');
-      setClaudeAuthPolling(true);
-    } catch {
-      setClaudeAuthLoading(false);
-    }
-  }
   const claudeNotAuthed = provider === 'claude-code' && claudeAuth && !claudeAuth.authenticated;
   return (
@@ -457,17 +426,9 @@ export function SpawnWizard() {
                       <AlertTriangle size={13} className="text-warning flex-shrink-0" />
                       <span className="text-xs font-semibold text-text-0 font-sans">Claude Code is not signed in</span>
                     </div>
-                    {claudeAuthLoading ? (
-                      <div className="flex items-center gap-2 text-2xs text-text-2 font-sans">
-                        <Loader2 size={12} className="animate-spin text-accent" />
-                        Waiting for browser authentication...
-                      </div>
-                    ) : (
-                      <Button variant="primary" size="sm" onClick={handleClaudeLogin} className="text-2xs gap-1.5">
-                        <ExternalLink size={10} />
-                        Sign in to Claude
-                      </Button>
-                    )}
+                    <p className="text-2xs text-text-2 font-sans">
+                      Open the terminal and run: <code className="font-mono text-accent bg-surface-4 px-1.5 py-0.5 rounded text-2xs">claude</code>
+                    </p>
                   </div>
                 )}
                 {provider === 'claude-code' && claudeAuth?.authenticated && (

package/node_modules/@groove-dev/gui/src/components/layout/status-bar.jsx CHANGED Viewed

@@ -90,16 +90,14 @@ export function StatusBar({
                 </button>
               </div>
             ))}
-            {savedTunnels.length > 0 && (
-              <button
-                onClick={() => useGrooveStore.getState().toggleQuickConnect()}
-                className="flex items-center gap-1.5 text-text-4 hover:text-text-1 cursor-pointer transition-colors"
-                title="Quick Connect to remote server"
-              >
-                <Plug size={10} />
-                <span>Connect</span>
-              </button>
-            )}
+            <button
+              onClick={() => useGrooveStore.getState().toggleQuickConnect()}
+              className="flex items-center gap-1.5 text-text-4 hover:text-text-1 cursor-pointer transition-colors"
+              title="Quick Connect to remote server"
+            >
+              <Plug size={10} />
+              <span>Connect</span>
+            </button>
           </>
         )}
         {connected && (

package/node_modules/@groove-dev/gui/src/components/onboarding/setup-wizard.jsx CHANGED Viewed

@@ -242,7 +242,7 @@ function InstallStep({ providerStatus, selected, onInstall, installing, statusCh
 // ── Step 4: Authentication ──────────────────────────────────
-function AuthCard({ provider, providerStatus, onSaveKey, onSubscriptionLogin }) {
+function AuthCard({ provider, providerStatus, onSaveKey }) {
   const [authMode, setAuthMode] = useState(
     provider.authModes.includes('subscription') ? 'subscription' : 'apikey',
   );
@@ -307,14 +307,12 @@ function AuthCard({ provider, providerStatus, onSaveKey, onSubscriptionLogin })
       {authMode === 'subscription' && (
         <div className="space-y-3">
-          <p className="text-xs text-text-2">Sign in with your Claude subscription</p>
-          <button
-            type="button"
-            onClick={() => onSubscriptionLogin(provider.id)}
-            className="h-8 px-4 rounded-md bg-purple/15 text-purple border border-purple/20 text-xs font-medium hover:bg-purple/25 transition-colors duration-100 cursor-pointer focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-purple"
-          >
-            Sign In
-          </button>
+          <p className="text-xs text-text-2">Sign in via the terminal with your Claude subscription.</p>
+          <div className="space-y-1.5">
+            <p className="text-2xs text-text-2 font-sans">
+              Open a terminal and run: <code className="font-mono text-accent bg-surface-4 px-1.5 py-0.5 rounded text-2xs">claude</code> — then follow the prompts to sign in.
+            </p>
+          </div>
           {providerStatus?.authenticated && (
             <p className="text-xs text-success flex items-center gap-1.5">
               <Check className="w-3.5 h-3.5" /> Connected
@@ -388,7 +386,7 @@ function AuthCard({ provider, providerStatus, onSaveKey, onSubscriptionLogin })
   );
 }
-function AuthStep({ providerStatus, installedIds, onSaveKey, onSubscriptionLogin }) {
+function AuthStep({ providerStatus, installedIds, onSaveKey }) {
   const installed = PROVIDERS.filter((p) => installedIds.includes(p.id) || providerStatus[p.id]?.installed);
   const hasAuthenticated = installed.some((p) => providerStatus[p.id]?.authenticated);
@@ -406,7 +404,6 @@ function AuthStep({ providerStatus, installedIds, onSaveKey, onSubscriptionLogin
             provider={p}
             providerStatus={providerStatus[p.id] || {}}
             onSaveKey={onSaveKey}
-            onSubscriptionLogin={onSubscriptionLogin}
           />
         ))}
       </div>
@@ -687,17 +684,6 @@ export function SetupWizard() {
     }
   }, [addToast]);
-  const handleSubscriptionLogin = useCallback((providerId) => {
-    if (isElectron() && window.groove?.auth?.login) {
-      window.groove.auth.login();
-    } else {
-      fetch('/api/auth/login-url')
-        .then((r) => r.json())
-        .then((d) => { if (d.url) window.open(d.url, '_blank'); })
-        .catch(() => addToast('error', 'Failed to start login'));
-    }
-  }, [addToast]);
   const handleSetDefault = useCallback(async (provider, model) => {
     setDefaultProv(provider);
     setDefaultMod(model);
@@ -741,7 +727,6 @@ export function SetupWizard() {
       providerStatus={providerStatus}
       installedIds={selected}
       onSaveKey={handleSaveKey}
-      onSubscriptionLogin={handleSubscriptionLogin}
     />,
     <DefaultModelStep
       key="default"

package/node_modules/@groove-dev/gui/src/components/settings/ProviderSetupWizard.jsx CHANGED Viewed

@@ -9,7 +9,7 @@ import { cn } from '../../lib/cn';
 import { api } from '../../lib/api';
 import {
   Download, Loader2, Check, ChevronDown, ChevronUp,
-  Eye, EyeOff, Key, RotateCcw, ExternalLink, Sparkles,
+  Eye, EyeOff, Key, RotateCcw, Sparkles,
 } from 'lucide-react';
 const PROVIDER_META = {
@@ -166,15 +166,15 @@ function InstallStep({ providerId, meta }) {
 }
 function AuthenticateStep({ providerId, meta, onSaveKey }) {
-  const loginProvider = useGrooveStore((s) => s.loginProvider);
   const addToast = useGrooveStore((s) => s.addToast);
   const [key, setKey] = useState('');
   const [showKey, setShowKey] = useState(false);
   const [saving, setSaving] = useState(false);
-  const [loginStarted, setLoginStarted] = useState(false);
-  const [verifying, setVerifying] = useState(false);
-  const [verifyError, setVerifyError] = useState('');
-  const [authMode, setAuthMode] = useState(meta.authType === 'subscription' ? 'subscription' : 'apikey');
+  const [authMode, setAuthMode] = useState(
+    providerId === 'claude-code' ? 'terminal' :
+    providerId === 'codex' ? 'terminal' :
+    'apikey',
+  );
   async function handleSaveKey() {
     if (!key.trim()) return;
@@ -190,158 +190,69 @@ function AuthenticateStep({ providerId, meta, onSaveKey }) {
     }
   }
-  async function handleLogin() {
-    const body = authMode === 'chatgpt-plus' ? { method: 'chatgpt-plus' } : undefined;
-    try {
-      await loginProvider(providerId, body);
-      setLoginStarted(true);
-    } catch { /* handled in store */ }
-  }
   return (
     <div className="space-y-4">
       <p className="text-sm font-medium text-text-0 font-sans">{meta.authLabel}</p>
       {providerId === 'claude-code' && (
-        <div className="flex gap-1 bg-surface-3 p-0.5 rounded-md mb-4">
-          <button
-            onClick={() => { setAuthMode('subscription'); setLoginStarted(false); }}
-            className={cn(
-              'flex-1 h-7 rounded text-xs font-medium transition-colors cursor-pointer font-sans',
-              authMode === 'subscription' ? 'bg-surface-5 text-text-0' : 'text-text-3 hover:text-text-1',
-            )}
-          >
-            Subscription
-          </button>
+        <div className="space-y-3">
+          <p className="text-xs text-text-2 font-sans">Sign in via the terminal with your Claude subscription.</p>
+          <div className="space-y-1.5">
+            <div className="flex items-start gap-2">
+              <span className="text-2xs font-bold text-accent font-mono mt-0.5">1</span>
+              <p className="text-2xs text-text-2 font-sans">Open the Groove terminal below</p>
+            </div>
+            <div className="flex items-start gap-2">
+              <span className="text-2xs font-bold text-accent font-mono mt-0.5">2</span>
+              <p className="text-2xs text-text-2 font-sans">
+                Run: <code className="font-mono text-accent bg-surface-4 px-1.5 py-0.5 rounded text-2xs">claude</code>
+              </p>
+            </div>
+            <div className="flex items-start gap-2">
+              <span className="text-2xs font-bold text-accent font-mono mt-0.5">3</span>
+              <p className="text-2xs text-text-2 font-sans">Follow the prompts to sign in with your Anthropic account</p>
+            </div>
+          </div>
           <button
-            onClick={() => { setAuthMode('apikey'); setLoginStarted(false); }}
-            className={cn(
-              'flex-1 h-7 rounded text-xs font-medium transition-colors cursor-pointer font-sans',
-              authMode === 'apikey' ? 'bg-surface-5 text-text-0' : 'text-text-3 hover:text-text-1',
-            )}
+            onClick={() => setAuthMode(authMode === 'apikey' ? 'terminal' : 'apikey')}
+            className="text-2xs text-text-4 hover:text-accent cursor-pointer font-sans"
           >
-            API Key
+            {authMode === 'apikey' ? 'Use terminal login instead' : 'I have an API key instead'}
           </button>
         </div>
       )}
       {providerId === 'codex' && (
-        <div className="flex gap-1 bg-surface-3 p-0.5 rounded-md mb-4">
-          <button
-            onClick={() => { setAuthMode('apikey'); setLoginStarted(false); }}
-            className={cn(
-              'flex-1 h-7 rounded text-xs font-medium transition-colors cursor-pointer font-sans',
-              authMode === 'apikey' ? 'bg-surface-5 text-text-0' : 'text-text-3 hover:text-text-1',
-            )}
-          >
-            API Key
-          </button>
-          <button
-            onClick={() => { setAuthMode('chatgpt-plus'); setLoginStarted(false); }}
-            className={cn(
-              'flex-1 h-7 rounded text-xs font-medium transition-colors cursor-pointer font-sans',
-              authMode === 'chatgpt-plus' ? 'bg-surface-5 text-text-0' : 'text-text-3 hover:text-text-1',
-            )}
-          >
-            ChatGPT Plus
-          </button>
-        </div>
-      )}
-      {authMode === 'subscription' && (
         <div className="space-y-3">
-          <p className="text-xs text-text-2 font-sans">
-            Click below to sign in with your existing Claude subscription.
-          </p>
-          {!loginStarted ? (
-            <Button variant="primary" size="md" onClick={handleLogin} className="gap-1.5">
-              <ExternalLink size={12} /> {meta.loginLabel}
-            </Button>
-          ) : (
-            <div className="space-y-3">
-              <div className="flex items-center gap-2 p-3 bg-accent/5 border border-accent/15 rounded-md">
-                <ExternalLink size={12} className="text-accent" />
-                <span className="text-xs text-accent font-sans">Sign-in opened in your browser</span>
-              </div>
-              <Button
-                variant="primary"
-                size="sm"
-                disabled={verifying}
-                onClick={async () => {
-                  setVerifying(true);
-                  setVerifyError('');
-                  try {
-                    const res = await api.post(`/providers/${providerId}/verify`);
-                    if (res.authenticated) {
-                      onSaveKey();
-                    } else {
-                      setVerifyError('Authentication not detected yet. Please complete sign-in in your browser and try again.');
-                    }
-                  } catch {
-                    setVerifyError('Authentication not detected yet. Please complete sign-in in your browser and try again.');
-                  } finally {
-                    setVerifying(false);
-                  }
-                }}
-                className="gap-1.5"
-              >
-                {verifying ? <Loader2 size={11} className="animate-spin" /> : <Check size={11} />} I've signed in
-              </Button>
-              {verifyError && (
-                <p className="text-2xs text-danger font-sans">{verifyError}</p>
-              )}
+          <p className="text-xs text-text-2 font-sans">Sign in via the terminal with your OpenAI account.</p>
+          <div className="space-y-1.5">
+            <div className="flex items-start gap-2">
+              <span className="text-2xs font-bold text-accent font-mono mt-0.5">1</span>
+              <p className="text-2xs text-text-2 font-sans">Open the Groove terminal below</p>
             </div>
-          )}
-          <p className="text-2xs text-text-4 font-sans">
-            A browser window will open for you to sign in.
-          </p>
-        </div>
-      )}
-      {authMode === 'chatgpt-plus' && (
-        <div className="space-y-3">
-          <p className="text-xs text-text-2 font-sans">
-            Click below to sign in with your ChatGPT Plus subscription.
-          </p>
-          {!loginStarted ? (
-            <Button variant="primary" size="md" onClick={handleLogin} className="gap-1.5">
-              <ExternalLink size={12} /> {meta.loginLabel}
-            </Button>
-          ) : (
-            <div className="space-y-3">
-              <div className="flex items-center gap-2 p-3 bg-accent/5 border border-accent/15 rounded-md">
-                <ExternalLink size={12} className="text-accent" />
-                <span className="text-xs text-accent font-sans">Sign-in opened in your browser</span>
-              </div>
-              <Button
-                variant="primary"
-                size="sm"
-                disabled={verifying}
-                onClick={async () => {
-                  setVerifying(true);
-                  setVerifyError('');
-                  try {
-                    const res = await api.post(`/providers/codex/verify`);
-                    if (res.authenticated) {
-                      onSaveKey();
-                    } else {
-                      setVerifyError('Authentication not detected yet. Please complete sign-in in your browser and try again.');
-                    }
-                  } catch {
-                    setVerifyError('Authentication not detected yet. Please complete sign-in in your browser and try again.');
-                  } finally {
-                    setVerifying(false);
-                  }
-                }}
-                className="gap-1.5"
-              >
-                {verifying ? <Loader2 size={11} className="animate-spin" /> : <Check size={11} />} I've signed in
-              </Button>
-              {verifyError && (
-                <p className="text-2xs text-danger font-sans">{verifyError}</p>
-              )}
+            <div className="flex items-start gap-2">
+              <span className="text-2xs font-bold text-accent font-mono mt-0.5">2</span>
+              <p className="text-2xs text-text-2 font-sans">
+                Run: <code className="font-mono text-accent bg-surface-4 px-1.5 py-0.5 rounded text-2xs">npm i -g @openai/codex</code> (if not installed)
+              </p>
             </div>
-          )}
+            <div className="flex items-start gap-2">
+              <span className="text-2xs font-bold text-accent font-mono mt-0.5">3</span>
+              <p className="text-2xs text-text-2 font-sans">
+                Run: <code className="font-mono text-accent bg-surface-4 px-1.5 py-0.5 rounded text-2xs">codex login</code>
+              </p>
+            </div>
+            <div className="flex items-start gap-2">
+              <span className="text-2xs font-bold text-accent font-mono mt-0.5">4</span>
+              <p className="text-2xs text-text-2 font-sans">Follow the prompts to authenticate</p>
+            </div>
+          </div>
+          <button
+            onClick={() => setAuthMode(authMode === 'apikey' ? 'terminal' : 'apikey')}
+            className="text-2xs text-text-4 hover:text-accent cursor-pointer font-sans"
+          >
+            {authMode === 'apikey' ? 'Use terminal login instead' : 'I have an API key instead'}
+          </button>
         </div>
       )}

package/node_modules/@groove-dev/gui/src/components/ui/data-sharing-modal.jsx CHANGED Viewed

@@ -3,7 +3,7 @@ import { useState } from 'react';
 import { Dialog, DialogContent } from './dialog';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { useGrooveStore } from '../../stores/groove';
-import { Sparkles, Share2, Cpu, Gift, Shield, Check, X } from 'lucide-react';
+import { Sparkles, Shield, X } from 'lucide-react';
 export function DataSharingModal() {
   const open = useGrooveStore((s) => s.dataSharingModalOpen);
@@ -14,8 +14,8 @@ export function DataSharingModal() {
   return (
     <Dialog open={open}>
       <DialogContent
-        className="max-w-2xl"
-        description="Review how your data helps build open source AI"
+        className="max-w-md"
+        description="Help improve Groove by sharing usage data"
         onInteractOutside={(e) => e.preventDefault()}
         onEscapeKeyDown={(e) => e.preventDefault()}
       >
@@ -27,51 +27,10 @@ export function DataSharingModal() {
             </div>
           </div>
           <DialogPrimitive.Title className="text-xl font-bold text-text-0 font-sans">
-            Help Build Open Source Intelligence
+            Help Build a Better Groove
           </DialogPrimitive.Title>
           <p className="text-sm text-text-2 font-sans mt-2 max-w-md mx-auto">
-            Your usage data trains a free, local MoE model that every Groove user gets to use — including you.
-          </p>
-        </div>
-        {/* Value Proposition */}
-        <div className="px-6 pt-5 pb-1">
-          <div className="grid grid-cols-3 gap-3">
-            {[
-              { icon: Share2, title: 'You Share', desc: 'Anonymized agent session data: tool calls, error patterns, task flows' },
-              { icon: Cpu, title: 'We Train', desc: 'A Groove-specific Mixture of Experts model built on real multi-agent workflows' },
-              { icon: Gift, title: 'Everyone Wins', desc: 'Free, local, open source model for all Groove users. More data = smarter agents' },
-            ].map(({ icon: Icon, title, desc }) => (
-              <div key={title} className="rounded-lg border border-border-subtle bg-surface-2/50 p-3 text-center">
-                <div className="flex justify-center mb-2">
-                  <Icon size={18} className="text-accent" />
-                </div>
-                <div className="text-xs font-semibold text-text-0 font-sans mb-1">{title}</div>
-                <div className="text-2xs text-text-2 font-sans leading-relaxed">{desc}</div>
-              </div>
-            ))}
-          </div>
-        </div>
-        {/* What We Collect */}
-        <div className="px-6 pt-4">
-          <div className="text-xs font-semibold uppercase text-text-3 tracking-wider font-sans mb-2.5">What We Collect</div>
-          <div className="space-y-1.5">
-            {[
-              'Agent tool calling patterns',
-              'Error and recovery sequences',
-              'Task complexity and coordination events',
-              'Model and provider usage metadata',
-              'Session duration and outcomes',
-            ].map((item) => (
-              <div key={item} className="flex items-center gap-2">
-                <Check size={12} className="text-accent flex-shrink-0" />
-                <span className="text-xs text-text-1 font-sans">{item}</span>
-              </div>
-            ))}
-          </div>
-          <p className="text-xs text-text-0 font-sans font-medium mt-3">
-            That&apos;s it. Groove orchestration data only.
+            We collect errors and usage reports to improve the quality of Groove for everyone.
           </p>
         </div>
@@ -87,7 +46,7 @@ export function DataSharingModal() {
                 'Your source code or file contents',
                 'API keys, passwords, or credentials',
                 'Personal information — emails, names, file paths',
-                'Anything that could identify your IP or projects',
+                'Anything that could identify you, your IP or projects',
               ].map((item) => (
                 <div key={item} className="flex items-center gap-2">
                   <X size={12} className="text-danger flex-shrink-0" />
@@ -96,16 +55,7 @@ export function DataSharingModal() {
               ))}
             </div>
             <p className="text-xs text-text-0 font-sans font-medium mt-3">
-              13 categories of PII are automatically scrubbed before any data leaves your machine.
-            </p>
-          </div>
-        </div>
-        {/* Mission Statement */}
-        <div className="px-6 pt-4">
-          <div className="border-l-2 border-accent/30 pl-3">
-            <p className="text-xs text-text-3 italic leading-relaxed font-sans">
-              We believe in open source, decentralized intelligence. Not walled gardens. Not data hoarding. Every contribution makes the model better for everyone. We need your help to get there.
+              PII is automatically scrubbed before any data leaves your machine.
             </p>
           </div>
         </div>

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

@@ -1274,6 +1274,19 @@ export const useGrooveStore = create((set, get) => ({
       throw err;
     }
   },
+  async promoteTeam(id) {
+    try {
+      const team = await api.post(`/teams/${encodeURIComponent(id)}/promote`);
+      set((s) => ({ teams: s.teams.map((t) => (t.id === id ? { ...t, ...team } : t)) }));
+      get().addToast('success', 'Team promoted to production');
+      return team;
+    } catch (err) {
+      get().addToast('error', 'Failed to promote team', err.message);
+      throw err;
+    }
+  },
   openDetail(descriptor) {
     const tid = get().activeTeamId;
     set((s) => ({ detailPanel: descriptor, teamDetailPanels: { ...s.teamDetailPanels, [tid]: descriptor } }));