groove-dev 0.27.117 → 0.27.119

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

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

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

@@ -7,6 +7,7 @@ import { AppShell } from './components/layout/app-shell';
 import { SetupWizard } from './components/onboarding/setup-wizard';
 import { useKeyboard } from './lib/hooks/use-keyboard';
 import { UpgradeModal } from './components/pro/upgrade-modal';
+import { DataSharingModal } from './components/ui/data-sharing-modal';
 import { WelcomeSplash } from './components/layout/welcome-splash';
 import { FolderBrowser } from './components/agents/folder-browser';
 
@@ -182,6 +183,7 @@ export default function App() {
     <ErrorBoundary>
       <ViewRouter />
       <UpgradeModal />
+      <DataSharingModal />
     </ErrorBoundary>
   );
 }

package/node_modules/@groove-dev/gui/src/components/agents/agent-file-tree.jsx

@@ -106,10 +106,12 @@ function ContextMenu({ x, y, items, onClose }) {
   );
 }
 
-function TreeEntry({ entry, depth, onOpen, expandedDirs, onToggleDir, onContextMenu }) {
+function TreeEntry({ entry, depth, onOpen, expandedDirs, onToggleDir, onContextMenu, dragState, onDragStartEntry, onDragEndEntry, onSetDragOver, onDropOnDir }) {
   const isDir = entry.type === 'dir';
   const isExpanded = expandedDirs.has(entry.path);
   const fileColor = isDir ? 'text-accent' : getFileColor(entry.name);
+  const isDragging = dragState?.draggingPath === entry.path;
+  const isDragOver = isDir && dragState?.dragOverPath === entry.path;
 
   function handleCtxMenu(e) {
     e.preventDefault();
@@ -120,12 +122,23 @@ function TreeEntry({ entry, depth, onOpen, expandedDirs, onToggleDir, onContextM
   return (
     <>
       <button
+        draggable
+        onDragStart={(e) => {
+          e.dataTransfer.setData('application/json', JSON.stringify({ path: entry.path, name: entry.name, type: entry.type }));
+          e.dataTransfer.effectAllowed = 'move';
+          onDragStartEntry(entry.path);
+        }}
+        onDragEnd={onDragEndEntry}
+        onDragOver={isDir ? (e) => { e.preventDefault(); e.stopPropagation(); onSetDragOver(entry.path); } : undefined}
+        onDrop={isDir ? (e) => onDropOnDir(entry.path, e) : undefined}
         onClick={() => isDir ? onToggleDir(entry.path) : onOpen(entry.path)}
         onDoubleClick={handleCtxMenu}
         onContextMenu={handleCtxMenu}
         className={cn(
           'w-full flex items-center gap-1.5 py-1 text-xs font-sans cursor-pointer',
           'hover:bg-surface-4/50 transition-colors text-left',
+          isDragging && 'opacity-50',
+          isDragOver && 'bg-accent/15 ring-1 ring-accent/50 rounded',
         )}
         style={{ paddingLeft: depth * 14 + 8 }}
       >
@@ -151,6 +164,11 @@ function TreeEntry({ entry, depth, onOpen, expandedDirs, onToggleDir, onContextM
           expandedDirs={expandedDirs}
           onToggleDir={onToggleDir}
           onContextMenu={onContextMenu}
+          dragState={dragState}
+          onDragStartEntry={onDragStartEntry}
+          onDragEndEntry={onDragEndEntry}
+          onSetDragOver={onSetDragOver}
+          onDropOnDir={onDropOnDir}
         />
       ))}
     </>
@@ -176,6 +194,7 @@ export function AgentFileTree({ agentId, onCollapse }) {
   const [touchedFiles, setTouchedFiles] = useState([]);
   const [inlineInput, setInlineInput] = useState(null);
   const [contextMenu, setContextMenu] = useState(null);
+  const [dragState, setDragState] = useState({ draggingPath: null, dragOverPath: null });
   const fetchedRef = useRef(new Set());
 
   useEffect(() => {
@@ -302,6 +321,44 @@ export function AgentFileTree({ agentId, onCollapse }) {
     setExpandedDirs(new Set());
   }
 
+  function handleDragStartEntry(path) {
+    setDragState({ draggingPath: path, dragOverPath: null });
+  }
+
+  function handleDragEndEntry() {
+    setDragState({ draggingPath: null, dragOverPath: null });
+  }
+
+  function setDragOverDir(path) {
+    setDragState(prev => prev.dragOverPath === path ? prev : { ...prev, dragOverPath: path });
+  }
+
+  async function handleDropOnDir(targetDirPath, e) {
+    e.preventDefault();
+    e.stopPropagation();
+    setDragState({ draggingPath: null, dragOverPath: null });
+
+    let data;
+    try { data = JSON.parse(e.dataTransfer.getData('application/json')); } catch { return; }
+    if (!data?.path) return;
+
+    if (data.type === 'dir' && (targetDirPath === data.path || targetDirPath.startsWith(data.path + '/'))) {
+      addToast('error', 'Cannot move a folder into itself');
+      return;
+    }
+    const sourceDir = parentDir(data.path);
+    if (sourceDir === targetDirPath) return;
+
+    const newPath = targetDirPath ? `${targetDirPath}/${data.name}` : data.name;
+    try {
+      await api.post('/files/rename', { oldPath: data.path, newPath });
+      addToast('success', `Moved ${data.name} to ${targetDirPath || '/'}`);
+      handleRefresh();
+    } catch (err) {
+      addToast('error', 'Move failed', err.message);
+    }
+  }
+
   function toRelativePath(absPath) {
     if (!absPath || !absPath.startsWith('/')) return absPath;
     if (workingDir && absPath.startsWith(workingDir + '/')) {
@@ -484,7 +541,11 @@ export function AgentFileTree({ agentId, onCollapse }) {
             No files in scope
           </div>
         ) : (
-          <div className="px-1">
+          <div
+            className="px-1"
+            onDragOver={(e) => { if (!dragState.draggingPath) return; e.preventDefault(); setDragOverDir(null); }}
+            onDrop={(e) => handleDropOnDir('', e)}
+          >
             <div className="flex items-center gap-1.5 px-2 py-1.5 text-2xs font-semibold text-text-3 uppercase tracking-wider">
               <Folder size={10} />
               Scope
@@ -507,6 +568,11 @@ export function AgentFileTree({ agentId, onCollapse }) {
                   expandedDirs={expandedDirs}
                   onToggleDir={handleToggleDir}
                   onContextMenu={handleContextMenu}
+                  dragState={dragState}
+                  onDragStartEntry={handleDragStartEntry}
+                  onDragEndEntry={handleDragEndEntry}
+                  onSetDragOver={setDragOverDir}
+                  onDropOnDir={handleDropOnDir}
                 />
               )
             ))}

package/node_modules/@groove-dev/gui/src/components/editor/file-tree.jsx

@@ -101,11 +101,13 @@ function InlineInput({ defaultValue = '', placeholder, onSubmit, onCancel, depth
 
 // ── Tree Node ────────────────────────────────────────────────
 
-function TreeNode({ entry, depth = 0, activePath, onFileClick, onDirToggle, expanded, onContextMenu }) {
+function TreeNode({ entry, depth = 0, activePath, onFileClick, onDirToggle, expanded, onContextMenu, dragState, onDragStartEntry, onDragEndEntry, onSetDragOver, onDropOnDir }) {
   const isDir = entry.type === 'dir';
   const isActive = activePath === entry.path;
   const isOpen = expanded.has(entry.path);
   const indent = depth * 16 + 8;
+  const isDragging = dragState?.draggingPath === entry.path;
+  const isDragOver = isDir && dragState?.dragOverPath === entry.path;
 
   function handleContextMenu(e) {
     e.preventDefault();
@@ -115,6 +117,15 @@ function TreeNode({ entry, depth = 0, activePath, onFileClick, onDirToggle, expa
 
   return (
     <button
+      draggable
+      onDragStart={(e) => {
+        e.dataTransfer.setData('application/json', JSON.stringify({ path: entry.path, name: entry.name, type: entry.type }));
+        e.dataTransfer.effectAllowed = 'move';
+        onDragStartEntry(entry.path);
+      }}
+      onDragEnd={onDragEndEntry}
+      onDragOver={isDir ? (e) => { e.preventDefault(); e.stopPropagation(); onSetDragOver(entry.path); } : undefined}
+      onDrop={isDir ? (e) => onDropOnDir(entry.path, e) : undefined}
       onClick={() => isDir ? onDirToggle(entry.path) : onFileClick(entry.path)}
       onDoubleClick={handleContextMenu}
       onContextMenu={handleContextMenu}
@@ -123,6 +134,8 @@ function TreeNode({ entry, depth = 0, activePath, onFileClick, onDirToggle, expa
         'hover:bg-surface-5 transition-colors text-left select-none',
         isActive && 'bg-accent/10 text-text-0',
         !isActive && 'text-text-1',
+        isDragging && 'opacity-50',
+        isDragOver && 'bg-accent/15 ring-1 ring-accent/50 rounded',
       )}
       style={{ paddingLeft: indent }}
     >
@@ -142,7 +155,7 @@ function TreeNode({ entry, depth = 0, activePath, onFileClick, onDirToggle, expa
   );
 }
 
-function TreeDir({ dirPath, depth, activePath, onFileClick, expanded, onDirToggle, treeCache, fetchTreeDir, onContextMenu, inlineInput }) {
+function TreeDir({ dirPath, depth, activePath, onFileClick, expanded, onDirToggle, treeCache, fetchTreeDir, onContextMenu, inlineInput, dragState, onDragStartEntry, onDragEndEntry, onSetDragOver, onDropOnDir }) {
   const entries = treeCache[dirPath] || [];
 
   useEffect(() => {
@@ -183,6 +196,11 @@ function TreeDir({ dirPath, depth, activePath, onFileClick, expanded, onDirToggl
               onDirToggle={onDirToggle}
               expanded={expanded}
               onContextMenu={onContextMenu}
+              dragState={dragState}
+              onDragStartEntry={onDragStartEntry}
+              onDragEndEntry={onDragEndEntry}
+              onSetDragOver={onSetDragOver}
+              onDropOnDir={onDropOnDir}
             />
           )}
           {entry.type === 'dir' && (
@@ -197,6 +215,11 @@ function TreeDir({ dirPath, depth, activePath, onFileClick, expanded, onDirToggl
               fetchTreeDir={fetchTreeDir}
               onContextMenu={onContextMenu}
               inlineInput={inlineInput}
+              dragState={dragState}
+              onDragStartEntry={onDragStartEntry}
+              onDragEndEntry={onDragEndEntry}
+              onSetDragOver={onSetDragOver}
+              onDropOnDir={onDropOnDir}
             />
           )}
         </div>
@@ -218,6 +241,7 @@ export function FileTree({ rootDir, onCollapse }) {
   const [filter, setFilter] = useState('');
   const [contextMenu, setContextMenu] = useState(null);
   const [inlineInput, setInlineInput] = useState(null);
+  const [dragState, setDragState] = useState({ draggingPath: null, dragOverPath: null });
 
   useEffect(() => {
     fetchTreeDir('');
@@ -236,6 +260,45 @@ export function FileTree({ rootDir, onCollapse }) {
     setExpanded(new Set(['']));
   }
 
+  function handleDragStartEntry(path) {
+    setDragState({ draggingPath: path, dragOverPath: null });
+  }
+
+  function handleDragEndEntry() {
+    setDragState({ draggingPath: null, dragOverPath: null });
+  }
+
+  function setDragOverDir(path) {
+    setDragState(prev => prev.dragOverPath === path ? prev : { ...prev, dragOverPath: path });
+  }
+
+  async function handleDropOnDir(targetDirPath, e) {
+    e.preventDefault();
+    e.stopPropagation();
+    setDragState({ draggingPath: null, dragOverPath: null });
+
+    let data;
+    try { data = JSON.parse(e.dataTransfer.getData('application/json')); } catch { return; }
+    if (!data?.path) return;
+
+    if (data.type === 'dir' && (targetDirPath === data.path || targetDirPath.startsWith(data.path + '/'))) {
+      addToast('error', 'Cannot move a folder into itself');
+      return;
+    }
+    const sourceDir = parentDir(data.path);
+    if (sourceDir === targetDirPath) return;
+
+    const newPath = targetDirPath ? `${targetDirPath}/${data.name}` : data.name;
+    try {
+      await api.post('/files/rename', { oldPath: data.path, newPath });
+      fetchTreeDir(sourceDir);
+      fetchTreeDir(targetDirPath);
+      addToast('success', `Moved ${data.name} to ${targetDirPath || '/'}`);
+    } catch (err) {
+      addToast('error', 'Move failed', err.message);
+    }
+  }
+
   function handleContextMenu(e, entry) {
     setContextMenu({ x: e.clientX, y: e.clientY, entry });
   }
@@ -405,7 +468,11 @@ export function FileTree({ rootDir, onCollapse }) {
 
       {/* Tree */}
       <ScrollArea className="flex-1">
-        <div className="py-1">
+        <div
+          className="py-1"
+          onDragOver={(e) => { if (!dragState.draggingPath) return; e.preventDefault(); setDragOverDir(null); }}
+          onDrop={(e) => handleDropOnDir('', e)}
+        >
           {/* Inline input at root level */}
           {inlineInput?.parentPath === '' && (
             <InlineInput
@@ -435,6 +502,11 @@ export function FileTree({ rootDir, onCollapse }) {
                     onDirToggle={onDirToggle}
                     expanded={expanded}
                     onContextMenu={handleContextMenu}
+                    dragState={dragState}
+                    onDragStartEntry={handleDragStartEntry}
+                    onDragEndEntry={handleDragEndEntry}
+                    onSetDragOver={setDragOverDir}
+                    onDropOnDir={handleDropOnDir}
                   />
                 )}
                 {entry.type === 'dir' && (
@@ -449,6 +521,11 @@ export function FileTree({ rootDir, onCollapse }) {
                     fetchTreeDir={fetchTreeDir}
                     onContextMenu={handleContextMenu}
                     inlineInput={inlineInput}
+                    dragState={dragState}
+                    onDragStartEntry={handleDragStartEntry}
+                    onDragEndEntry={handleDragEndEntry}
+                    onSetDragOver={setDragOverDir}
+                    onDropOnDir={handleDropOnDir}
                   />
                 )}
               </div>

package/node_modules/@groove-dev/gui/src/components/settings/quick-connect.jsx

@@ -4,7 +4,7 @@ import { useGrooveStore } from '../../stores/groove';
 import { cn } from '../../lib/cn';
 import { AnimatePresence, motion } from 'framer-motion';
 import {
-  Server, Radio, ExternalLink, Loader2, X, Plus, ArrowLeft, Unplug, ArrowUpCircle,
+  Server, Radio, ExternalLink, Loader2, X, Plus, ArrowLeft, Unplug, ArrowUpCircle, Trash2,
 } from 'lucide-react';
 import { StatusDot } from '../ui/status-dot';
 import { Button } from '../ui/button';
@@ -202,14 +202,36 @@ export function QuickConnect() {
                             >
                               <Unplug size={12} />
                             </button>
+                            <button
+                              onClick={(e) => {
+                                e.stopPropagation();
+                                useGrooveStore.getState().deleteTunnel(server.id);
+                              }}
+                              className="p-1 text-text-4 hover:text-danger cursor-pointer transition-colors rounded"
+                              title="Delete connection"
+                            >
+                              <Trash2 size={12} />
+                            </button>
                           </>
                         ) : (
-                          <button
-                            onClick={() => handleConnect(server.id)}
-                            className="text-2xs text-text-3 font-sans hover:text-text-1 cursor-pointer transition-colors"
-                          >
-                            Connect
-                          </button>
+                          <>
+                            <button
+                              onClick={() => handleConnect(server.id)}
+                              className="text-2xs text-text-3 font-sans hover:text-text-1 cursor-pointer transition-colors"
+                            >
+                              Connect
+                            </button>
+                            <button
+                              onClick={(e) => {
+                                e.stopPropagation();
+                                useGrooveStore.getState().deleteTunnel(server.id);
+                              }}
+                              className="p-1 text-text-4 hover:text-danger cursor-pointer transition-colors rounded"
+                              title="Delete connection"
+                            >
+                              <Trash2 size={12} />
+                            </button>
+                          </>
                         )}
                       </div>
                     </div>

package/node_modules/@groove-dev/gui/src/components/teams/team-removal-dialog.jsx

@@ -4,7 +4,7 @@ import { Dialog, DialogContent } from '../ui/dialog';
 import { Button } from '../ui/button';
 import { Archive, Trash2, AlertTriangle } from 'lucide-react';
 
-export function TeamRemovalDialog({ team, open, onOpenChange, onArchive, onDeletePermanently }) {
+export function TeamRemovalDialog({ team, open, onOpenChange, onArchive, onDeletePermanently, mode }) {
   const [confirmName, setConfirmName] = useState('');
   const [showConfirmInput, setShowConfirmInput] = useState(false);
 
@@ -36,7 +36,9 @@ export function TeamRemovalDialog({ team, open, onOpenChange, onArchive, onDelet
             <div className="min-w-0 flex-1">
               <div className="text-sm font-semibold text-text-0 font-sans">Archive</div>
               <p className="text-xs text-text-3 font-sans mt-0.5">
-                Files are preserved. You can restore the team later.
+                {mode === 'production'
+                  ? 'Team metadata will be archived. Your files remain in the project directory.'
+                  : 'Files are preserved. You can restore the team later.'}
               </p>
             </div>
           </button>
@@ -53,7 +55,9 @@ export function TeamRemovalDialog({ team, open, onOpenChange, onArchive, onDelet
               <div className="min-w-0 flex-1">
                 <div className="text-sm font-semibold text-danger font-sans">Delete Permanently</div>
                 <p className="text-xs text-text-3 font-sans mt-0.5">
-                  All files in this team will be permanently deleted.
+                  {mode === 'production'
+                    ? 'Team will be removed. Your files remain in the project directory.'
+                    : 'All files in this team will be permanently deleted.'}
                 </p>
               </div>
             </button>

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

@@ -0,0 +1,151 @@
+// FSL-1.1-Apache-2.0 — see LICENSE
+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';
+
+export function DataSharingModal() {
+  const open = useGrooveStore((s) => s.dataSharingModalOpen);
+  const setTrainingOptIn = useGrooveStore((s) => s.setTrainingOptIn);
+  const dismissDataSharingModal = useGrooveStore((s) => s.dismissDataSharingModal);
+  const [dontShowAgain, setDontShowAgain] = useState(false);
+
+  return (
+    <Dialog open={open}>
+      <DialogContent
+        className="max-w-2xl"
+        description="Review how your data helps build open source AI"
+        onInteractOutside={(e) => e.preventDefault()}
+        onEscapeKeyDown={(e) => e.preventDefault()}
+      >
+        {/* Hero */}
+        <div className="relative bg-gradient-to-br from-accent/5 to-transparent px-6 pt-8 pb-6 text-center">
+          <div className="flex justify-center mb-3">
+            <div className="w-14 h-14 rounded-xl bg-accent/10 flex items-center justify-center">
+              <Sparkles size={32} className="text-accent" />
+            </div>
+          </div>
+          <DialogPrimitive.Title className="text-xl font-bold text-text-0 font-sans">
+            Help Build Open Source Intelligence
+          </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.
+          </p>
+        </div>
+
+        {/* What We Never Collect */}
+        <div className="px-6 pt-4">
+          <div className="rounded-lg border border-border-subtle bg-surface-2/30 p-4">
+            <div className="flex items-center gap-2 mb-2.5">
+              <Shield size={14} className="text-text-2" />
+              <span className="text-xs font-semibold uppercase text-text-3 tracking-wider font-sans">What We Never Collect</span>
+            </div>
+            <div className="space-y-1.5">
+              {[
+                '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',
+              ].map((item) => (
+                <div key={item} className="flex items-center gap-2">
+                  <X size={12} className="text-danger 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">
+              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.
+            </p>
+          </div>
+        </div>
+
+        {/* CTA */}
+        <div className="border-t border-border-subtle mt-5 pt-4 pb-1 px-6">
+          <button
+            type="button"
+            onClick={() => setTrainingOptIn(true)}
+            className="w-full h-10 rounded-lg bg-accent text-white font-semibold text-sm hover:bg-accent/90 transition-colors cursor-pointer flex items-center justify-center gap-2"
+          >
+            <Sparkles size={15} />
+            Turn On Sharing
+          </button>
+          <div className="text-center mt-2.5">
+            <button
+              type="button"
+              onClick={() => dismissDataSharingModal(dontShowAgain)}
+              className="text-xs text-text-3 hover:text-text-1 transition-colors font-sans cursor-pointer"
+            >
+              Maybe Later
+            </button>
+          </div>
+          <div className="flex items-center justify-center gap-2 mt-3">
+            <input
+              type="checkbox"
+              id="data-sharing-dismiss"
+              checked={dontShowAgain}
+              onChange={(e) => setDontShowAgain(e.target.checked)}
+              className="w-3.5 h-3.5 rounded border-border accent-accent cursor-pointer"
+            />
+            <label htmlFor="data-sharing-dismiss" className="text-2xs text-text-3 font-sans cursor-pointer select-none">
+              Don&apos;t show this again
+            </label>
+          </div>
+          <p className="text-center text-2xs text-text-4 font-sans mt-2 mb-1">
+            You can always enable this later in Settings
+          </p>
+        </div>
+      </DialogContent>
+    </Dialog>
+  );
+}

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

@@ -65,7 +65,7 @@ export const useGrooveStore = create((set, get) => ({
   previewIterating: false,
 
   // ── Team Launch Config (set during planner spawn, cascades to team) ──
-  teamLaunchConfig: null, // { provider, model, reasoningEffort, temperature, verbosity }
+  teamLaunchConfig: null, // { provider, model, reasoningEffort, temperature, verbosity, mode }
 
   // ── Team Builder ──────────────────────────────────────────
   teamBuilderOpen: false,
@@ -141,6 +141,8 @@ export const useGrooveStore = create((set, get) => ({
   // ── Training Data ──────────────────────────────────────────
   trainingOptIn: false,
   trainingStats: null,
+  dataSharingDismissed: false,
+  dataSharingModalOpen: false,
 
   // ── Marketplace Auth ───────────────────────────────────────
   marketplaceUser: null,        // { id, displayName, avatar, ... } or null
@@ -224,6 +226,15 @@ export const useGrooveStore = create((set, get) => ({
       get().fetchBetaStatus();
       get().fetchNetworkInstallStatus();
       get().fetchTrainingStatus();
+      api.get('/config').then((cfg) => {
+        if (cfg?.dataSharingDismissed) set({ dataSharingDismissed: true });
+      }).catch(() => {});
+      setTimeout(() => {
+        const st = get();
+        if (!st.trainingOptIn && !st.dataSharingDismissed) {
+          set({ dataSharingModalOpen: true });
+        }
+      }, 1500);
       get().fetchActivePreviews();
       ws.send(JSON.stringify({ type: 'editor:watchdir', path: '' }));
       if (!get().onboardingComplete) get().fetchOnboardingStatus();
@@ -940,10 +951,12 @@ export const useGrooveStore = create((set, get) => ({
         }
 
         case 'training:status': {
-          set({
+          const updates = {
             trainingOptIn: msg.data?.optedIn ?? false,
             trainingStats: msg.data,
-          });
+          };
+          if (msg.data?.optedIn) updates.dataSharingModalOpen = false;
+          set(updates);
           break;
         }
 
@@ -1148,10 +1161,11 @@ export const useGrooveStore = create((set, get) => ({
     localStorage.setItem('groove:activeTeamId', id);
   },
 
-  async createTeam(name, workingDir) {
+  async createTeam(name, workingDir, mode) {
     try {
       const body = { name };
       if (workingDir) body.workingDir = workingDir;
+      if (mode) body.mode = mode;
       const team = await api.post('/teams', body);
       // Only set activeTeamId — the WS team:created handler adds to the teams array
       set({ activeTeamId: team.id });
@@ -1664,6 +1678,7 @@ export const useGrooveStore = create((set, get) => ({
         ...(tlc?.reasoningEffort != null && { teamReasoningEffort: tlc.reasoningEffort }),
         ...(tlc?.temperature != null && { teamTemperature: tlc.temperature }),
         ...(tlc?.verbosity != null && { teamVerbosity: tlc.verbosity }),
+        ...(tlc?.mode && { mode: tlc.mode }),
       };
       const result = await api.post('/recommended-team/launch', body);
       const totalOk = (result.launched || 0) + (result.reused || 0);
@@ -2759,7 +2774,7 @@ export const useGrooveStore = create((set, get) => ({
   async setTrainingOptIn(enabled) {
     try {
       await api.post('/training/opt-in', { enabled });
-      set({ trainingOptIn: enabled });
+      set({ trainingOptIn: enabled, dataSharingModalOpen: false });
       if (!enabled) set({ trainingStats: null });
     } catch (e) {
       get().addToast('error', 'Failed to update training preference', e.body?.detail || e.message);
@@ -2773,6 +2788,15 @@ export const useGrooveStore = create((set, get) => ({
     } catch { /* endpoint may not exist on older daemons */ }
   },
 
+  async dismissDataSharingModal(permanent) {
+    if (permanent) {
+      try { await api.patch('/config', { dataSharingDismissed: true }); } catch {}
+      set({ dataSharingDismissed: true, dataSharingModalOpen: false });
+    } else {
+      set({ dataSharingModalOpen: false });
+    }
+  },
+
   // ── Network (Early Access) ────────────────────────────────
 
   async fetchBetaStatus() {