groove-dev 0.27.91 → 0.27.93

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

@@ -0,0 +1,50 @@
+// FSL-1.1-Apache-2.0 — see LICENSE
+import { cn } from '../../lib/cn';
+
+export function TuningSlider({
+  label, value, onChange, min = 0, max = 100, step = 1,
+  formatValue, displayValue, disabled, className,
+}) {
+  const pct = ((value - min) / (max - min)) * 100;
+  const fmt = displayValue || formatValue;
+  const display = typeof fmt === 'function' ? fmt(value) : (typeof fmt === 'string' ? fmt : value);
+
+  return (
+    <div className={cn('flex items-center gap-3 h-10', disabled && 'opacity-40 pointer-events-none', className)}>
+      <span className="text-xs text-text-2 font-sans w-28 shrink-0">{label}</span>
+      <span className="text-2xs text-text-4 font-mono w-6 text-right shrink-0">{min}</span>
+      <div className="relative flex-1 flex items-center group">
+        <div className="absolute inset-y-0 flex items-center w-full pointer-events-none">
+          <div className="w-full h-1.5 rounded-full bg-surface-5 overflow-hidden">
+            <div
+              className="h-full rounded-full bg-accent transition-all"
+              style={{ width: `${pct}%` }}
+            />
+          </div>
+        </div>
+        <input
+          type="range"
+          min={min}
+          max={max}
+          step={step}
+          value={value}
+          disabled={disabled}
+          onChange={(e) => onChange(Number(e.target.value))}
+          className="relative w-full h-4 appearance-none bg-transparent cursor-pointer
+            [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:w-4 [&::-webkit-slider-thumb]:h-4
+            [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-accent [&::-webkit-slider-thumb]:border-2
+            [&::-webkit-slider-thumb]:border-surface-1 [&::-webkit-slider-thumb]:shadow-[0_0_6px_rgba(51,175,188,0.4)]
+            [&::-webkit-slider-thumb]:hover:shadow-[0_0_10px_rgba(51,175,188,0.6)]
+            [&::-webkit-slider-thumb]:transition-shadow
+            [&::-moz-range-thumb]:w-4 [&::-moz-range-thumb]:h-4 [&::-moz-range-thumb]:rounded-full
+            [&::-moz-range-thumb]:bg-accent [&::-moz-range-thumb]:border-2 [&::-moz-range-thumb]:border-surface-1
+            [&::-moz-range-thumb]:shadow-[0_0_6px_rgba(51,175,188,0.4)]
+            [&::-moz-range-track]:bg-transparent
+            disabled:cursor-not-allowed"
+        />
+      </div>
+      <span className="text-2xs text-text-4 font-mono w-6 shrink-0">{max}</span>
+      <span className="text-xs text-accent font-mono font-semibold w-10 text-right shrink-0">{display}</span>
+    </div>
+  );
+}

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

@@ -62,6 +62,17 @@ export const useGrooveStore = create((set, get) => ({
   previewChat: [],
   previewIterating: false,
 
+  // ── Team Launch Config (set during planner spawn, cascades to team) ──
+  teamLaunchConfig: null, // { provider, model, reasoningEffort, temperature, verbosity }
+
+  // ── Team Builder ──────────────────────────────────────────
+  teamBuilderOpen: false,
+  teamBuilderRoles: [],
+  teamBuilderSettings: { provider: null, model: null, reasoningEffort: 50, temperature: 0.5 },
+  teamBuilderTask: '',
+  teamBuilderLaunchMode: 'plan',
+  teamTemplates: { builtIn: [], custom: [] },
+
   // ── Navigation ────────────────────────────────────────────
   activeView: 'agents',           // 'agents' | 'editor' | 'dashboard' | 'marketplace' | 'teams' | 'settings' | 'preview'
   detailPanel: null,              // null | { type: 'agent', agentId } | { type: 'spawn' } | { type: 'journalist' }
@@ -428,6 +439,19 @@ export const useGrooveStore = create((set, get) => ({
             set({ activityLog: log });
             persistJSON('groove:activityLog', log);
           }
+
+          // Open-on-write: auto-open files the agent writes in workspace mode
+          if (get().workspaceMode && Array.isArray(data.data)) {
+            const WRITE_TOOLS = new Set(['Write', 'Edit', 'write_file', 'edit_file', 'create_file']);
+            for (const block of data.data) {
+              if (block.type !== 'tool_use' || !WRITE_TOOLS.has(block.name)) continue;
+              const filePath = block.input?.file_path || block.input?.path;
+              if (filePath && agentId === get().workspaceAgentId) {
+                const relPath = filePath.replace(/^\/[^/]+.*?\/groove\//, '');
+                get().openFile(relPath);
+              }
+            }
+          }
           break;
         }
 
@@ -1537,9 +1561,18 @@ export const useGrooveStore = create((set, get) => ({
   async launchRecommendedTeam(modifiedAgents) {
     try {
       const teamId = get().recommendedTeam?.teamId || null;
+      const tlc = get().teamLaunchConfig;
       set({ recommendedTeam: null }); // Dismiss modal immediately
       get().addToast('info', 'Launching team...');
-      const body = { ...(modifiedAgents && { agents: modifiedAgents }), ...(teamId && { teamId }) };
+      const body = {
+        ...(modifiedAgents && { agents: modifiedAgents }),
+        ...(teamId && { teamId }),
+        ...(tlc?.provider && { teamProvider: tlc.provider }),
+        ...(tlc?.model && { teamModel: tlc.model }),
+        ...(tlc?.reasoningEffort != null && { teamReasoningEffort: tlc.reasoningEffort }),
+        ...(tlc?.temperature != null && { teamTemperature: tlc.temperature }),
+        ...(tlc?.verbosity != null && { teamVerbosity: tlc.verbosity }),
+      };
       const result = await api.post('/recommended-team/launch', body);
       const totalOk = (result.launched || 0) + (result.reused || 0);
       const failures = result.failed || [];
@@ -1577,6 +1610,104 @@ export const useGrooveStore = create((set, get) => ({
     }
   },
 
+  // ── Team Builder ──────────────────────────────────────────
+
+  openTeamBuilder() { set({ teamBuilderOpen: true }); },
+  closeTeamBuilder() {
+    set({
+      teamBuilderOpen: false,
+      teamBuilderRoles: [],
+      teamBuilderSettings: { provider: null, model: null, reasoningEffort: 50, temperature: 0.5 },
+      teamBuilderTask: '',
+      teamBuilderLaunchMode: 'plan',
+    });
+  },
+  addTeamBuilderRole(role) {
+    set((s) => ({
+      teamBuilderRoles: [...s.teamBuilderRoles, {
+        role, name: '', provider: null, model: null,
+        reasoningEffort: null, temperature: null, prompt: '',
+      }],
+    }));
+  },
+  removeTeamBuilderRole(index) {
+    set((s) => ({ teamBuilderRoles: s.teamBuilderRoles.filter((_, i) => i !== index) }));
+  },
+  updateTeamBuilderRole(index, updates) {
+    set((s) => ({
+      teamBuilderRoles: s.teamBuilderRoles.map((r, i) => i === index ? { ...r, ...updates } : r),
+    }));
+  },
+  applyTemplate(template) {
+    set({
+      teamBuilderRoles: (template.roles || []).map((r) => ({
+        role: typeof r === 'string' ? r : r.role,
+        name: '', provider: null, model: null,
+        reasoningEffort: null, temperature: null, prompt: '',
+      })),
+    });
+  },
+  setTeamBuilderSettings(settings) {
+    set((s) => ({ teamBuilderSettings: { ...s.teamBuilderSettings, ...settings } }));
+  },
+  setTeamBuilderTask(task) { set({ teamBuilderTask: task }); },
+  setTeamBuilderLaunchMode(mode) { set({ teamBuilderLaunchMode: mode }); },
+
+  async fetchTeamTemplates() {
+    try {
+      const data = await api.get('/team-templates');
+      set({ teamTemplates: data });
+    } catch { /* endpoint may not exist yet */ }
+  },
+
+  async saveTeamTemplate(name) {
+    try {
+      const { teamBuilderRoles, teamBuilderSettings } = get();
+      await api.post('/team-templates', {
+        name,
+        roles: teamBuilderRoles.map((r) => r.role),
+        settings: teamBuilderSettings,
+      });
+      get().addToast('success', `Template "${name}" saved`);
+      get().fetchTeamTemplates();
+    } catch (err) {
+      get().addToast('error', 'Failed to save template', err.message);
+    }
+  },
+
+  async deleteTeamTemplate(name) {
+    try {
+      await api.delete(`/team-templates/${encodeURIComponent(name)}`);
+      get().addToast('info', `Template "${name}" deleted`);
+      get().fetchTeamTemplates();
+    } catch (err) {
+      get().addToast('error', 'Failed to delete template', err.message);
+    }
+  },
+
+  async launchTeamBuilder() {
+    const { teamBuilderRoles, teamBuilderSettings, teamBuilderTask, teamBuilderLaunchMode, activeTeamId } = get();
+    if (teamBuilderRoles.length === 0) return;
+    try {
+      get().addToast('info', 'Launching team...');
+      const body = {
+        task: teamBuilderTask,
+        roles: teamBuilderRoles,
+        settings: teamBuilderSettings,
+        launchMode: teamBuilderLaunchMode,
+        teamId: activeTeamId,
+      };
+      const result = await api.post('/team-builder/launch', body);
+      const count = result.launched || result.agents?.length || 0;
+      get().addToast('success', `Launched ${count} agent${count !== 1 ? 's' : ''}`);
+      get().closeTeamBuilder();
+      return result;
+    } catch (err) {
+      get().addToast('error', 'Team launch failed', err.message);
+      throw err;
+    }
+  },
+
   // ── GitHub Repo Import ────────────────────────────────────
 
   async fetchImportedRepos() {
@@ -1946,10 +2077,13 @@ export const useGrooveStore = create((set, get) => ({
     get().addChatMessage(id, 'user', message, false);
     set((s) => ({ thinkingAgents: new Set([...s.thinkingAgents, id]) }));
 
-    // Snapshot per-agent state before the async call — a WebSocket state broadcast
-    // can arrive before the HTTP response returns and prune chatHistory[id], losing
-    // the user's message.  The snapshot guarantees the transfer to the new agent ID
-    // always has the full history.
+    // Auto-attach active file context when in workspace mode
+    let enriched = message;
+    if (get().workspaceMode && get().workspaceAgentId === id && get().editorActiveFile) {
+      const filePath = get().editorActiveFile;
+      enriched = `[Active file: ${filePath}]\n\n${message}`;
+    }
+
     const snapshot = {
       chatHistory: [...(get().chatHistory[id] || [])],
       activityLog: [...(get().activityLog[id] || [])],
@@ -1957,7 +2091,7 @@ export const useGrooveStore = create((set, get) => ({
     };
 
     try {
-      const data = await api.post(`/agents/${encodeURIComponent(id)}/instruct`, { message });
+      const data = await api.post(`/agents/${encodeURIComponent(id)}/instruct`, { message: enriched });
 
       if (data.status === 'message_sent') {
         return data;
@@ -2364,18 +2498,23 @@ export const useGrooveStore = create((set, get) => ({
     set({ workspaceMode: on });
     localStorage.setItem('groove:workspaceMode', String(on));
     if (on) {
-      get().closeDetail();
-    }
-    if (on && !get().workspaceAgentId) {
       const teamAgents = get().agents.filter((a) => a.teamId === get().activeTeamId);
-      const selected = get().detailPanel?.type === 'agent' ? get().detailPanel.agentId : null;
-      const running = teamAgents.find((a) => a.status === 'running');
-      set({ workspaceAgentId: selected || running?.id || teamAgents[0]?.id || null });
+      const current = get().workspaceAgentId;
+      const belongsToTeam = current && teamAgents.some((a) => a.id === current);
+      if (!belongsToTeam) {
+        const selected = get().detailPanel?.type === 'agent' ? get().detailPanel.agentId : null;
+        const selectedInTeam = selected && teamAgents.some((a) => a.id === selected);
+        const running = teamAgents.find((a) => a.status === 'running');
+        set({ workspaceAgentId: (selectedInTeam ? selected : null) || running?.id || teamAgents[0]?.id || null });
+      }
+      const agentId = get().workspaceAgentId;
+      if (agentId) get().selectAgent(agentId);
     }
   },
 
   setWorkspaceAgent(id) {
     set({ workspaceAgentId: id });
+    if (id) get().selectAgent(id);
   },
 
   captureSnapshot(path, content) {