groove-dev 0.25.4 → 0.25.5

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-DtW5ej1k.js"></script>
+    <script type="module" crossorigin src="/assets/index-feaBOh4i.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/components/agents/agent-chat.jsx

@@ -1,6 +1,6 @@
 // FSL-1.1-Apache-2.0 — see LICENSE
 import { useState, useRef, useEffect } from 'react';
-import { Send, Loader2, MessageSquare, HelpCircle, ArrowRight } from 'lucide-react';
+import { Send, Loader2, MessageSquare, HelpCircle, ArrowRight, Paperclip } from 'lucide-react';
 import { useGrooveStore } from '../../stores/groove';
 import { cn } from '../../lib/cn';
 import { Avatar } from '../ui/avatar';
@@ -108,8 +108,10 @@ export function AgentChat({ agent }) {
 
   const [input, setInput] = useState('');
   const [sending, setSending] = useState(false);
+  const [attachedFiles, setAttachedFiles] = useState([]);
   const scrollRef = useRef(null);
   const inputRef = useRef(null);
+  const fileInputRef = useRef(null);
 
   useEffect(() => {
     if (scrollRef.current) {
@@ -117,10 +119,23 @@ export function AgentChat({ agent }) {
     }
   }, [chatHistory.length, activityLog.length]);
 
+  function handleFileSelect(e) {
+    const files = Array.from(e.target.files || []);
+    if (files.length === 0) return;
+    // Use webkitRelativePath or name — files from input have path info
+    const paths = files.map((f) => f.name);
+    setAttachedFiles((prev) => [...prev, ...paths]);
+    // Also add file paths to the prompt so the agent knows about them
+    const pathList = files.map((f) => f.name).join(', ');
+    setInput((prev) => prev + (prev ? '\n' : '') + `[Attached files: ${pathList}]`);
+    e.target.value = '';
+  }
+
   async function handleSend() {
     const text = input.trim();
     if (!text || sending) return;
     setInput('');
+    setAttachedFiles([]);
     setSending(true);
     try {
       if (text.startsWith('?')) {
@@ -192,6 +207,22 @@ export function AgentChat({ agent }) {
         </div>
 
         <div className="flex items-end gap-2">
+          {/* File import */}
+          <input
+            ref={fileInputRef}
+            type="file"
+            multiple
+            accept=".pdf,.png,.jpg,.jpeg,.gif,.svg,.csv,.txt,.md,.json,.yaml,.yml,.docx,.pptx,.xlsx"
+            onChange={handleFileSelect}
+            className="hidden"
+          />
+          <button
+            onClick={() => fileInputRef.current?.click()}
+            className="w-10 h-10 flex items-center justify-center rounded-xl text-text-4 hover:text-text-1 hover:bg-surface-3 transition-colors cursor-pointer"
+            title="Attach file"
+          >
+            <Paperclip size={16} />
+          </button>
           <textarea
             ref={inputRef}
             value={input}

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

@@ -11,7 +11,9 @@ import {
   Server, Monitor, Code2, TestTube, Cloud, FileText,
   Shield, Database, Megaphone, Calculator, UserCheck,
   Headphones, BarChart3, Rocket, ChevronDown, Pen, Presentation,
+  Sparkles,
 } from 'lucide-react';
+import { api } from '../../lib/api';
 
 const ROLE_PRESETS = [
   { id: 'planner',   label: 'Planner',    desc: 'Plans the team and tasks',       icon: Rocket,     tier: 'Heavy' },
@@ -46,15 +48,20 @@ export function SpawnWizard() {
   const [model, setModel] = useState('');
   const [prompt, setPrompt] = useState('');
   const [providers, setProviders] = useState([]);
+  const [installedSkills, setInstalledSkills] = useState([]);
+  const [selectedSkills, setSelectedSkills] = useState([]);
   const [spawning, setSpawning] = useState(false);
 
   useEffect(() => {
     if (open) {
       fetchProviders().then((data) => {
-        // API returns array directly
         setProviders(Array.isArray(data) ? data : data.providers || []);
       }).catch(() => {});
+      api.get('/skills/installed').then((data) => {
+        setInstalledSkills(Array.isArray(data) ? data : []);
+      }).catch(() => {});
       setRole(''); setCustomRole(''); setName(''); setProvider(''); setModel(''); setPrompt('');
+      setSelectedSkills([]);
     }
   }, [open, fetchProviders]);
 
@@ -69,10 +76,11 @@ export function SpawnWizard() {
     try {
       const config = {
         role: selectedRole,
-        ...(name && { name: name.replace(/\s+/g, '-') }), // auto-slugify spaces
+        ...(name && { name: name.replace(/\s+/g, '-') }),
         ...(provider && { provider }),
         ...(model && { model }),
         ...(prompt && { prompt }),
+        ...(selectedSkills.length > 0 && { skills: selectedSkills }),
       };
       await spawnAgent(config);
       closeDetail();
@@ -202,6 +210,35 @@ export function SpawnWizard() {
                   </div>
                 )}
 
+                {/* Skills */}
+                {installedSkills.length > 0 && (
+                  <div className="space-y-1.5">
+                    <label className="text-xs font-medium text-text-2 font-sans">Skills</label>
+                    <div className="flex flex-wrap gap-1.5">
+                      {installedSkills.map((skill) => {
+                        const active = selectedSkills.includes(skill.id);
+                        return (
+                          <button
+                            key={skill.id}
+                            onClick={() => setSelectedSkills((prev) =>
+                              active ? prev.filter((s) => s !== skill.id) : [...prev, skill.id]
+                            )}
+                            className={cn(
+                              'inline-flex items-center gap-1 px-2 py-1 rounded text-2xs font-sans transition-colors cursor-pointer',
+                              active
+                                ? 'bg-accent/15 text-accent border border-accent/30'
+                                : 'bg-surface-0 text-text-2 border border-border-subtle hover:border-border',
+                            )}
+                          >
+                            <Sparkles size={10} />
+                            {skill.name || skill.id}
+                          </button>
+                        );
+                      })}
+                    </div>
+                  </div>
+                )}
+
                 <Textarea
                   label="Prompt (optional)"
                   value={prompt}

package/node_modules/@groove-dev/gui/src/views/agents.jsx

@@ -216,6 +216,10 @@ function AgentTreeInner() {
     const occupied = new Set();
     const posKey = (x, y) => `${Math.round(x / 100)},${Math.round(y / 100)}`;
 
+    // Mark root node position as occupied
+    const rootPos = saved[ROOT_ID] || { x: 0, y: 0 };
+    occupied.add(posKey(rootPos.x, rootPos.y));
+
     // First pass: place agents with saved positions
     const pending = [];
     agents.forEach((agent, i) => {
@@ -239,7 +243,7 @@ function AgentTreeInner() {
       const col = index % MAX_PER_ROW;
       const totalInRow = Math.min(agents.length - row * MAX_PER_ROW, MAX_PER_ROW);
       const offsetX = -((totalInRow - 1) * NODE_X_GAP) / 2;
-      let pos = { x: offsetX + col * NODE_X_GAP, y: 140 + row * NODE_Y_GAP };
+      let pos = { x: offsetX + col * NODE_X_GAP, y: NODE_Y_GAP + row * NODE_Y_GAP };
 
       // If position is occupied, shift down until we find empty space
       while (occupied.has(posKey(pos.x, pos.y))) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "groove-dev",
-  "version": "0.25.4",
+  "version": "0.25.5",
   "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)",