groove-dev 0.27.7 → 0.27.11

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

@@ -7,6 +7,7 @@ import { api } from '../lib/api';
 const WS_URL = `ws://${window.location.hostname}:${window.location.port || 31415}`;
 
 let toastCounter = 0;
+let plannerPollInterval = null;
 
 function loadJSON(key, fallback = {}) {
   try { return JSON.parse(localStorage.getItem(key) || JSON.stringify(fallback)); }
@@ -46,6 +47,10 @@ export const useGrooveStore = create((set, get) => ({
   detailPanel: null,              // null | { type: 'agent', agentId } | { type: 'spawn' } | { type: 'journalist' }
   teamDetailPanels: {},            // { [teamId]: detailPanel } — persists panel state per team
   commandPaletteOpen: false,
+  quickConnectOpen: false,
+
+  // ── Node expansion (click-to-open persistent panels) ───────
+  expandedNodes: loadJSON('groove:expandedNodes'),
 
   // ── Layout persistence ────────────────────────────────────
   detailPanelWidth: Number(localStorage.getItem('groove:detailWidth')) || 480,
@@ -76,6 +81,14 @@ export const useGrooveStore = create((set, get) => ({
   // ── Toasts ────────────────────────────────────────────────
   toasts: [],
 
+  // ── Tunnels ────────────────────────────────────────────────
+  savedTunnels: [],
+  activeTunnelId: null,
+
+  // ── GitHub Repo Import ────────────────────────────────────
+  importedRepos: [],
+  importInProgress: false,
+
   // ── Editor state ──────────────────────────────────────────
   editorFiles: {},
   editorActiveFile: null,
@@ -129,6 +142,22 @@ export const useGrooveStore = create((set, get) => ({
               || p.contextUsage !== a.contextUsage || p.name !== a.name || p.model !== a.model;
           });
           set({ agents: changed ? msg.data : prev, tokenTimeline: timeline, hydrated: true });
+
+          // Poll for recommended-team.json while a planner is running
+          const hasRunningPlanner = msg.data.some((a) => a.role === 'planner' && a.status === 'running');
+          if (hasRunningPlanner && !plannerPollInterval && !get().recommendedTeam) {
+            plannerPollInterval = setInterval(() => {
+              if (get().recommendedTeam) {
+                clearInterval(plannerPollInterval);
+                plannerPollInterval = null;
+                return;
+              }
+              get().checkRecommendedTeam();
+            }, 3000);
+          } else if ((!hasRunningPlanner || get().recommendedTeam) && plannerPollInterval) {
+            clearInterval(plannerPollInterval);
+            plannerPollInterval = null;
+          }
           break;
         }
 
@@ -317,7 +346,6 @@ export const useGrooveStore = create((set, get) => ({
 
         case 'approval:request':
           set((s) => ({ pendingApprovals: [...s.pendingApprovals, msg.data] }));
-          get().addToast('warning', `Approval needed: ${msg.data?.agentName || 'agent'}`, msg.data?.action?.description);
           break;
 
         case 'approval:resolved': {
@@ -348,10 +376,32 @@ export const useGrooveStore = create((set, get) => ({
         case 'gateway:status':
           set({ gateways: msg.data || [] });
           break;
+
+        case 'tunnel.connected':
+          set({ activeTunnelId: msg.data?.id || null });
+          get().fetchTunnels();
+          break;
+
+        case 'tunnel.disconnected':
+          set({ activeTunnelId: null });
+          get().fetchTunnels();
+          break;
+
+        case 'tunnel.health': {
+          const tunnels = get().savedTunnels.map((t) =>
+            t.id === msg.data?.id ? { ...t, latencyMs: msg.data.latencyMs, healthy: msg.data.healthy } : t,
+          );
+          set({ savedTunnels: tunnels });
+          break;
+        }
       }
     };
 
     ws.onclose = () => {
+      if (plannerPollInterval) {
+        clearInterval(plannerPollInterval);
+        plannerPollInterval = null;
+      }
       set({ connected: false, hydrated: false, ws: null, daemonHost: null, tunneled: false });
       setTimeout(() => get().connect(), 2000);
     };
@@ -459,6 +509,7 @@ export const useGrooveStore = create((set, get) => ({
     set((s) => ({ detailPanel: null, teamDetailPanels: { ...s.teamDetailPanels, [tid]: null } }));
   },
   toggleCommandPalette() { set((s) => ({ commandPaletteOpen: !s.commandPaletteOpen })); },
+  toggleQuickConnect() { set((s) => ({ quickConnectOpen: !s.quickConnectOpen })); },
 
   setDetailPanelWidth(w) {
     set({ detailPanelWidth: w });
@@ -474,6 +525,14 @@ export const useGrooveStore = create((set, get) => ({
   },
   setTerminalFullHeight(v) { set({ terminalFullHeight: v }); },
 
+  toggleNodeExpanded(id) {
+    const expanded = { ...get().expandedNodes };
+    expanded[id] = !expanded[id];
+    if (!expanded[id]) delete expanded[id];
+    set({ expandedNodes: expanded });
+    persistJSON('groove:expandedNodes', expanded);
+  },
+
   // ── Toasts ────────────────────────────────────────────────
 
   addToast(type, message, detail) {
@@ -585,9 +644,7 @@ export const useGrooveStore = create((set, get) => ({
 
       // Check if all recommended roles already exist in the planner's team.
       // If so, auto-delegate instead of showing the "Launch Team" modal.
-      const planners = get().agents.filter((a) => a.role === 'planner');
-      const planner = planners.sort((a, b) => (b.lastActivity || '').localeCompare(a.lastActivity || ''))[0];
-      const teamId = planner?.teamId;
+      const teamId = data.teamId || null;
 
       if (teamId) {
         const teamAgents = get().agents.filter((a) => a.teamId === teamId && a.role !== 'planner');
@@ -613,7 +670,7 @@ export const useGrooveStore = create((set, get) => ({
       }
 
       // New agents needed — show the modal for approval
-      set({ recommendedTeam: data });
+      set({ recommendedTeam: { ...data, teamId: data.teamId || null } });
     } catch {
       set({ recommendedTeam: null });
     }
@@ -621,9 +678,10 @@ export const useGrooveStore = create((set, get) => ({
 
   async launchRecommendedTeam(modifiedAgents) {
     try {
+      const teamId = get().recommendedTeam?.teamId || null;
       set({ recommendedTeam: null }); // Dismiss modal immediately
       get().addToast('info', 'Launching team...');
-      const body = modifiedAgents ? { agents: modifiedAgents } : undefined;
+      const body = { ...(modifiedAgents && { agents: modifiedAgents }), ...(teamId && { teamId }) };
       const result = await api.post('/recommended-team/launch', body);
       const sub = [
         result.phase2Pending ? `${result.phase2Pending} QC queued` : '',
@@ -646,6 +704,92 @@ export const useGrooveStore = create((set, get) => ({
     }
   },
 
+  // ── GitHub Repo Import ────────────────────────────────────
+
+  async fetchImportedRepos() {
+    try {
+      const repos = await api.get('/repos/imported');
+      set({ importedRepos: repos });
+    } catch { /* ignore */ }
+  },
+
+  async previewRepo(repoUrl) {
+    return api.post('/repos/preview', { repoUrl });
+  },
+
+  async importRepo(repoUrl, targetPath, createTeam, teamName) {
+    set({ importInProgress: true });
+    try {
+      const result = await api.post('/repos/import', { repoUrl, targetPath, createTeam, teamName });
+      get().fetchImportedRepos();
+      return result;
+    } finally {
+      set({ importInProgress: false });
+    }
+  },
+
+  async softRemoveRepo(importId) {
+    await api.delete('/repos/' + importId + '/remove');
+    get().fetchImportedRepos();
+  },
+
+  async hardNukeRepo(importId, deleteFiles = true) {
+    await api.delete('/repos/' + importId + '/nuke?deleteFiles=' + deleteFiles);
+    get().fetchImportedRepos();
+  },
+
+  // ── Tunnels ──────────────────────────────────────────────
+
+  async fetchTunnels() {
+    try {
+      const tunnels = await api.get('/tunnels');
+      set({ savedTunnels: Array.isArray(tunnels) ? tunnels : [] });
+    } catch {}
+  },
+
+  async saveTunnel(config) {
+    const result = await api.post('/tunnels', config);
+    get().fetchTunnels();
+    return result;
+  },
+
+  async updateTunnel(id, config) {
+    const result = await api.patch('/tunnels/' + id, config);
+    get().fetchTunnels();
+    return result;
+  },
+
+  async deleteTunnel(id) {
+    await api.delete('/tunnels/' + id);
+    get().fetchTunnels();
+  },
+
+  async testTunnel(id) {
+    return api.post('/tunnels/' + id + '/test');
+  },
+
+  async connectTunnel(id) {
+    const result = await api.post('/tunnels/' + id + '/connect');
+    set({ activeTunnelId: id });
+    get().fetchTunnels();
+    if (result.url) window.open(result.url, '_blank');
+    return result;
+  },
+
+  async disconnectTunnel(id) {
+    await api.post('/tunnels/' + id + '/disconnect');
+    set({ activeTunnelId: null });
+    get().fetchTunnels();
+  },
+
+  async installTunnel(id) {
+    return api.post('/tunnels/' + id + '/install');
+  },
+
+  async startTunnel(id) {
+    return api.post('/tunnels/' + id + '/start');
+  },
+
   // ── Journalist ────────────────────────────────────────────
 
   async fetchJournalist() {

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

@@ -19,7 +19,7 @@ function DashboardSkeleton() {
   return (
     <div className="flex-1 grid gap-px p-0" style={{
       gridTemplateRows: 'auto minmax(0, 1fr) minmax(0, 1fr)',
-      gridTemplateColumns: '3fr 1.5fr 1.5fr',
+      gridTemplateColumns: '2fr 2.5fr 1.5fr',
       background: '#282c34',
     }}>
       <div className="col-span-3"><Skeleton className="h-[72px] rounded-none" /></div>
@@ -112,54 +112,53 @@ export default function DashboardView() {
 
       <KpiStrip kpis={kpis} />
 
-      <div className="flex-1 min-h-0 grid" style={{
-        gridTemplateRows: 'minmax(0, 1fr) minmax(0, 1fr)',
-        gridTemplateColumns: '3fr 1.5fr 1.5fr',
-        background: '#282c34',
-        gap: '1px',
-      }}>
-        <div className="min-w-0 min-h-0 overflow-hidden bg-surface-1 relative">
-          <TokenChart data={snapshots} />
-        </div>
+      <div className="flex-1 min-h-0 flex flex-col" style={{ background: '#282c34', gap: '1px' }}>
+        <div className="min-h-0 flex-1 grid" style={{ gridTemplateColumns: '3fr 1.5fr 1.5fr', gap: '0 1px' }}>
+          <div className="min-w-0 min-h-0 overflow-hidden bg-surface-1 relative">
+            <TokenChart data={snapshots} />
+          </div>
 
-        <div className="min-w-0 min-h-0 overflow-hidden bg-surface-1 flex flex-col border-l border-border">
-          <div className="px-3 pt-2.5 pb-1">
-            <span className="text-2xs font-mono text-text-3 uppercase tracking-widest">Cache Performance</span>
+          <div className="min-w-0 min-h-0 overflow-hidden bg-surface-1 flex flex-col border-l border-border">
+            <div className="px-3 pt-2.5 pb-1">
+              <span className="text-2xs font-mono text-text-3 uppercase tracking-widest">Cache Performance</span>
+            </div>
+            <CacheRing
+              cacheRead={tokens.cacheReadTokens}
+              cacheCreation={tokens.cacheCreationTokens}
+              totalInput={tokens.totalInputTokens}
+            />
           </div>
-          <CacheRing
-            cacheRead={tokens.cacheReadTokens}
-            cacheCreation={tokens.cacheCreationTokens}
-            totalInput={tokens.totalInputTokens}
-          />
-        </div>
 
-        <div className="min-w-0 min-h-0 overflow-hidden bg-surface-1 flex flex-col border-l border-border">
-          <div className="px-3 pt-2.5 pb-1">
-            <span className="text-2xs font-mono text-text-3 uppercase tracking-widest">Model Routing</span>
+          <div className="min-w-0 min-h-0 overflow-hidden bg-surface-1 flex flex-col border-l border-border">
+            <div className="px-3 pt-2.5 pb-1">
+              <span className="text-2xs font-mono text-text-3 uppercase tracking-widest">Model Routing</span>
+            </div>
+            <RoutingChart routing={routing} agentBreakdown={agentBreakdown} />
           </div>
-          <RoutingChart routing={routing} agentBreakdown={agentBreakdown} />
         </div>
 
-        <div className="min-w-0 min-h-0 overflow-hidden bg-surface-1 flex flex-col border-t border-border">
-          <div className="px-3 pt-2.5 pb-1 flex-shrink-0">
-            <span className="text-2xs font-mono text-text-3 uppercase tracking-widest">Agent Fleet</span>
+        <div className="min-h-0 flex-1 grid" style={{ gridTemplateColumns: '2fr 2.5fr 1.5fr', gap: '0 1px' }}>
+          <div className="min-w-0 min-h-0 overflow-hidden bg-surface-1 flex flex-col border-t border-border">
+            <div className="px-3 pt-2.5 pb-1 flex-shrink-0">
+              <span className="text-2xs font-mono text-text-3 uppercase tracking-widest">Agent Fleet</span>
+            </div>
+            <FleetPanel agentBreakdown={agentBreakdown} rotating={rotating} teams={teams} />
           </div>
-          <FleetPanel agentBreakdown={agentBreakdown} rotating={rotating} teams={teams} />
-        </div>
 
-        <div className="min-w-0 min-h-0 overflow-hidden bg-surface-1 flex flex-col border-t border-l border-border">
-          <IntelPanel
-            tokens={tokens}
-            rotation={rotation}
-            adaptive={adaptive}
-            journalist={journalist}
-            agentBreakdown={agentBreakdown}
-            memory={memory}
-          />
-        </div>
+          <div className="min-w-0 min-h-0 overflow-hidden bg-surface-1 flex flex-col border-t border-l border-border">
+            <IntelPanel
+              tokens={tokens}
+              rotation={rotation}
+              adaptive={adaptive}
+              journalist={journalist}
+              agentBreakdown={agentBreakdown}
+              memory={memory}
+            />
+          </div>
 
-        <div className="min-w-0 min-h-0 overflow-hidden bg-surface-1 flex flex-col border-t border-l border-border">
-          <TeamBurnPanel teams={teamBurn} />
+          <div className="min-w-0 min-h-0 overflow-hidden bg-surface-1 flex flex-col border-t border-l border-border">
+            <TeamBurnPanel teams={teamBurn} />
+          </div>
         </div>
       </div>
 

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

@@ -18,9 +18,13 @@ import { useToast } from '../lib/hooks/use-toast';
 import { fmtNum, timeAgo } from '../lib/format';
 import { useGrooveStore } from '../stores/groove';
 import { IntegrationWizard, GoogleWorkspaceWizard } from '../components/marketplace/integration-wizard';
+import { RepoImport } from '../components/marketplace/repo-import';
+import { RepoCard } from '../components/marketplace/repo-card';
+import { RepoNukeDialog } from '../components/marketplace/repo-nuke-dialog';
 import {
   ChevronLeft, ChevronDown, Sparkles, Plug, LogIn, LogOut,
   User, Upload, Package, Download, ShoppingBag, RefreshCw, Trash2,
+  GitBranch,
 } from 'lucide-react';
 
 // ── Skill Detail ─────────────────────────────────────────
@@ -623,6 +627,82 @@ function AuthArea() {
   );
 }
 
+// ── GitHub Browse ───────────────────────────────────────
+function GitHubBrowse() {
+  const importedRepos = useGrooveStore((s) => s.importedRepos);
+  const fetchImportedRepos = useGrooveStore((s) => s.fetchImportedRepos);
+  const softRemoveRepo = useGrooveStore((s) => s.softRemoveRepo);
+  const hardNukeRepo = useGrooveStore((s) => s.hardNukeRepo);
+  const toast = useToast();
+
+  const [nukeTarget, setNukeTarget] = useState(null);
+
+  useEffect(() => { fetchImportedRepos(); }, []);
+
+  async function handleRemove(repo) {
+    try {
+      await softRemoveRepo(repo.id);
+      toast.success(`Removed ${repo.repoName || repo.name}`);
+    } catch (err) {
+      toast.error('Remove failed', err.message);
+    }
+  }
+
+  async function handleNukeConfirm(deleteFiles) {
+    if (!nukeTarget) return;
+    try {
+      if (deleteFiles) {
+        await hardNukeRepo(nukeTarget.id);
+      } else {
+        await softRemoveRepo(nukeTarget.id);
+      }
+      toast.success(`${deleteFiles ? 'Nuked' : 'Removed'} ${nukeTarget.name || nukeTarget.repo}`);
+    } catch (err) {
+      toast.error('Nuke failed', err.message);
+    }
+    setNukeTarget(null);
+  }
+
+  return (
+    <ScrollArea className="h-full">
+      <div className="px-5 py-4 space-y-5">
+        <RepoImport />
+
+        {importedRepos.length > 0 && (
+          <div>
+            <h3 className="text-xs font-semibold text-text-2 font-sans uppercase tracking-wider mb-3">
+              Recently Imported
+            </h3>
+            <div className="space-y-2">
+              {(Array.isArray(importedRepos) ? importedRepos : []).map((repo) => (
+                <RepoCard
+                  key={repo.id}
+                  repo={repo}
+                  onRemove={() => handleRemove(repo)}
+                  onNuke={() => setNukeTarget(repo)}
+                />
+              ))}
+            </div>
+          </div>
+        )}
+
+        {importedRepos.length === 0 && (
+          <div className="text-center py-16 text-text-4 font-sans text-sm">
+            No repos imported yet. Paste a GitHub URL above to get started.
+          </div>
+        )}
+      </div>
+
+      <RepoNukeDialog
+        repo={nukeTarget}
+        open={!!nukeTarget}
+        onClose={() => setNukeTarget(null)}
+        onConfirm={handleNukeConfirm}
+      />
+    </ScrollArea>
+  );
+}
+
 // ── Main ─────────────────────────────────────────────────
 export default function MarketplaceView() {
   const [tab, setTab] = useState('skills');
@@ -630,6 +710,7 @@ export default function MarketplaceView() {
   const tabs = [
     { id: 'skills', label: 'Skills', icon: Sparkles },
     { id: 'integrations', label: 'Integrations', icon: Plug },
+    { id: 'github', label: 'GitHub', icon: GitBranch },
     { id: 'library', label: 'My Library', icon: Package },
   ];
 
@@ -662,6 +743,7 @@ export default function MarketplaceView() {
       <div className="flex-1 min-h-0">
         {tab === 'skills' && <SkillsBrowse />}
         {tab === 'integrations' && <IntegrationsBrowse />}
+        {tab === 'github' && <GitHubBrowse />}
         {tab === 'library' && <MyLibrary />}
       </div>
     </div>

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

@@ -12,6 +12,9 @@ import { Sheet, SheetContent } from '../components/ui/sheet';
 import { api } from '../lib/api';
 import { cn } from '../lib/cn';
 import { fmtUptime } from '../lib/format';
+import { RemoteServerCard } from '../components/settings/remote-server-card';
+import { ServerDialog } from '../components/settings/server-dialog';
+import { ProGate } from '../components/pro/pro-gate';
 import {
   Key, Eye, EyeOff, Check, Cpu, ChevronDown,
   FolderOpen, FolderSearch, RotateCw, Users, Gauge, Zap,
@@ -974,6 +977,9 @@ export default function SettingsView() {
   const [gwList, setGwList] = useState([]);
   const [loading, setLoading] = useState(true);
   const [folderBrowserOpen, setFolderBrowserOpen] = useState(false);
+  const [serverDialogOpen, setServerDialogOpen] = useState(false);
+  const [editingServer, setEditingServer] = useState(null);
+  const savedTunnels = useGrooveStore((s) => s.savedTunnels);
   const addToast = useGrooveStore((s) => s.addToast);
   const marketplaceUser = useGrooveStore((s) => s.marketplaceUser);
   const marketplaceAuthenticated = useGrooveStore((s) => s.marketplaceAuthenticated);
@@ -992,6 +998,7 @@ export default function SettingsView() {
     Promise.all([api.get('/providers'), api.get('/config'), api.get('/status'), api.get('/gateways')])
       .then(([p, c, s, g]) => { setProviders(Array.isArray(p) ? p : []); setConfig(c); setDaemonInfo(s); setGwList(Array.isArray(g) ? g : []); setLoading(false); })
       .catch(() => setLoading(false));
+    useGrooveStore.getState().fetchTunnels();
   }, []);
 
   async function addGateway(type) {
@@ -1221,9 +1228,68 @@ export default function SettingsView() {
               </div>
             </div>
           )}
+
+          {/* ═══════ REMOTE SERVERS ═══════ */}
+          <div>
+            <div className="flex items-center gap-2 mb-2.5 px-0.5">
+              <span className="text-2xs font-semibold text-text-3 font-sans uppercase tracking-wider">Remote Servers</span>
+              <div className="flex-1 h-px bg-border-subtle" />
+            </div>
+            <ProGate feature="Remote Access" description="Connect to remote servers via SSH tunnel and manage agents across machines">
+              <div>
+                <div className="flex justify-end mb-2.5">
+                  <Button
+                    variant="ghost"
+                    size="sm"
+                    onClick={() => { setEditingServer(null); setServerDialogOpen(true); }}
+                    className="h-6 text-2xs gap-1 text-text-3 hover:text-accent"
+                  >
+                    <Plus size={11} /> Add Server
+                  </Button>
+                </div>
+                {savedTunnels.length === 0 ? (
+                  <div className="rounded-lg border border-dashed border-border-subtle bg-surface-1/50 px-4 py-6 text-center">
+                    <Radio size={20} className="text-text-4 mx-auto mb-2" />
+                    <p className="text-xs text-text-3 font-sans">No remote servers configured.</p>
+                    <p className="text-2xs text-text-4 font-sans mt-1">Add one to connect to a VPS or remote machine.</p>
+                  </div>
+                ) : (
+                  <div className="grid grid-cols-2 gap-3">
+                    {savedTunnels.map((server) => (
+                      <RemoteServerCard
+                        key={server.id}
+                        server={server}
+                        onConnect={() => useGrooveStore.getState().connectTunnel(server.id)}
+                        onDisconnect={() => useGrooveStore.getState().disconnectTunnel(server.id)}
+                        onTest={() => useGrooveStore.getState().testTunnel(server.id)}
+                        onEdit={(s) => { setEditingServer(s); setServerDialogOpen(true); }}
+                        onDelete={(id) => useGrooveStore.getState().deleteTunnel(id)}
+                      />
+                    ))}
+                  </div>
+                )}
+              </div>
+            </ProGate>
+          </div>
+
         </div>
       </ScrollArea>
 
+      {/* Server Dialog */}
+      <ServerDialog
+        open={serverDialogOpen}
+        onOpenChange={setServerDialogOpen}
+        server={editingServer}
+        onSave={async (data) => {
+          if (data.id) {
+            await useGrooveStore.getState().updateTunnel(data.id, data);
+          } else {
+            await useGrooveStore.getState().saveTunnel(data);
+          }
+          addToast('success', data.id ? 'Server updated' : 'Server added');
+        }}
+      />
+
       {/* Folder Browser Modal */}
       <FolderBrowser
         open={folderBrowserOpen}

package/node_modules/@groove-dev/gui/vite.config.js

@@ -4,6 +4,9 @@ import tailwindcss from '@tailwindcss/vite';
 
 export default defineConfig({
   plugins: [tailwindcss(), react()],
+  define: {
+    __GROOVE_EDITION__: JSON.stringify(process.env.GROOVE_EDITION || 'community'),
+  },
   server: {
     port: 3142,
     proxy: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "groove-dev",
-  "version": "0.27.7",
+  "version": "0.27.11",
   "description": "Open-source agent orchestration layer — the AI company OS. Local model agent engine (GGUF/Ollama/llama-server), HuggingFace model browser, 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, any local model.",
   "license": "FSL-1.1-Apache-2.0",
   "author": "Groove Dev <hello@groovedev.ai> (https://groovedev.ai)",
@@ -43,7 +43,8 @@
   "workspaces": [
     "packages/daemon",
     "packages/cli",
-    "packages/gui"
+    "packages/gui",
+    "packages/desktop"
   ],
   "engines": {
     "node": ">=20.0.0"
@@ -52,6 +53,10 @@
     "dev:daemon": "npm run dev -w packages/daemon",
     "dev:gui": "npm run dev -w packages/gui",
     "build": "npm run build -w packages/gui",
+    "build:pro": "GROOVE_EDITION=pro npm run build -w packages/gui",
+    "start:desktop": "npm run start -w packages/desktop",
+    "build:desktop": "npm run build -w packages/desktop",
+    "dist:desktop": "npm run build:pro && npm run dist -w packages/desktop",
     "test": "node --test packages/daemon/test/*.test.js",
     "prepublishOnly": "npm run build"
   },