groove-dev 0.27.8 → 0.27.12

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.8",
+  "version": "0.27.12",
   "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"
   },