groove-dev 0.27.42 → 0.27.45

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

@@ -0,0 +1,227 @@
+// FSL-1.1-Apache-2.0 — see LICENSE
+import { useEffect, useState } from 'react';
+import { useGrooveStore } from '../stores/groove';
+import { ScrollArea } from '../components/ui/scroll-area';
+import { StatusDot } from '../components/ui/status-dot';
+import { Badge } from '../components/ui/badge';
+import { Button } from '../components/ui/button';
+import { Dialog, DialogContent, DialogTrigger } from '../components/ui/dialog';
+import { NodeToggle } from '../components/network/node-toggle';
+import { NodeDetails } from '../components/network/node-details';
+import { NetworkStatus } from '../components/network/network-status';
+import { Globe, Download, Check, AlertCircle, Loader2, Trash2 } from 'lucide-react';
+
+const REQUIREMENTS = [
+  'Python 3.10 or higher',
+  '~2 GB disk space for model shards',
+  '8 GB+ RAM recommended',
+];
+
+function InstallProgress({ progress }) {
+  const percent = Math.max(0, Math.min(100, Number.isFinite(progress.percent) ? progress.percent : 0));
+  return (
+    <div className="w-full flex flex-col gap-3">
+      <div className="h-2 w-full rounded-full bg-surface-3 overflow-hidden">
+        <div
+          className="h-full rounded-full bg-accent transition-all duration-500 ease-out"
+          style={{ width: `${percent}%` }}
+        />
+      </div>
+      <div className="flex items-center justify-between text-2xs font-mono text-text-3 tabular-nums">
+        <div className="flex items-center gap-2 text-text-2 font-sans">
+          <Loader2 size={12} className="animate-spin text-accent" />
+          <span className="truncate">{progress.message || 'Installing…'}</span>
+        </div>
+        <span>{percent}%</span>
+      </div>
+    </div>
+  );
+}
+
+function InstallError({ message, onRetry }) {
+  return (
+    <div className="w-full flex flex-col gap-3">
+      <div className="rounded-md border border-danger/40 bg-danger/10 px-4 py-3 flex items-start gap-2.5 text-left">
+        <AlertCircle size={14} className="text-danger flex-shrink-0 mt-0.5" />
+        <div className="flex-1 min-w-0">
+          <div className="text-xs font-semibold text-danger font-sans mb-0.5">Install failed</div>
+          <div className="text-xs text-text-1 font-sans break-words">{message}</div>
+        </div>
+      </div>
+      <Button variant="primary" size="lg" onClick={onRetry} className="w-full">
+        <Download size={14} />
+        Retry Install
+      </Button>
+    </div>
+  );
+}
+
+function InstallGate() {
+  const installNetworkPackage = useGrooveStore((s) => s.installNetworkPackage);
+  const progress = useGrooveStore((s) => s.networkInstallProgress);
+  const { installing, error } = progress;
+
+  return (
+    <div className="flex flex-col items-center justify-center min-h-full px-6 py-12">
+      <div className="w-full max-w-md flex flex-col items-center text-center">
+        <div className="mb-5 rounded-full bg-surface-2 border border-border-subtle p-5">
+          <Globe size={48} className="text-text-3" strokeWidth={1.25} />
+        </div>
+        <h3 className="text-base font-semibold text-text-0 font-sans mb-2">
+          Install Groove Network
+        </h3>
+        <p className="text-sm text-text-2 font-sans leading-relaxed mb-6">
+          The network package enables decentralized LLM inference. Contribute your compute power or run models across the Groove network.
+        </p>
+
+        <div className="w-full rounded-md border border-border-subtle bg-surface-1 px-4 py-3 mb-6">
+          <div className="text-2xs font-semibold text-text-3 font-sans uppercase tracking-wider mb-2 text-left">
+            Requirements
+          </div>
+          <ul className="flex flex-col gap-1.5">
+            {REQUIREMENTS.map((req) => (
+              <li key={req} className="flex items-center gap-2 text-xs font-sans text-text-1 text-left">
+                <Check size={12} className="text-accent flex-shrink-0" />
+                <span>{req}</span>
+              </li>
+            ))}
+          </ul>
+        </div>
+
+        {installing ? (
+          <InstallProgress progress={progress} />
+        ) : error ? (
+          <InstallError message={error} onRetry={() => installNetworkPackage()} />
+        ) : (
+          <>
+            <Button
+              variant="primary"
+              size="lg"
+              onClick={() => installNetworkPackage()}
+              className="w-full"
+            >
+              <Download size={14} />
+              Install Network Package
+            </Button>
+            <p className="text-2xs font-sans text-text-3 mt-3">
+              This will download and set up the Groove Network runtime (~500 MB)
+            </p>
+          </>
+        )}
+      </div>
+    </div>
+  );
+}
+
+function UninstallButton() {
+  const [open, setOpen] = useState(false);
+  const uninstallNetworkPackage = useGrooveStore((s) => s.uninstallNetworkPackage);
+  const [busy, setBusy] = useState(false);
+
+  const confirm = async () => {
+    setBusy(true);
+    try {
+      await uninstallNetworkPackage();
+      setOpen(false);
+    } catch { /* toast already shown */ }
+    finally { setBusy(false); }
+  };
+
+  return (
+    <Dialog open={open} onOpenChange={setOpen}>
+      <DialogTrigger asChild>
+        <button
+          type="button"
+          className="inline-flex items-center gap-1.5 text-2xs font-sans text-text-3 hover:text-danger transition-colors"
+        >
+          <Trash2 size={11} />
+          Uninstall Network Package
+        </button>
+      </DialogTrigger>
+      <DialogContent title="Uninstall Network Package" description="Confirm uninstall">
+        <div className="px-5 py-4 flex flex-col gap-3">
+          <p className="text-sm text-text-1 font-sans leading-relaxed">
+            This will stop your node and remove the network package from <span className="font-mono text-text-2">~/.groove/network</span>.
+          </p>
+          <p className="text-xs text-text-3 font-sans leading-relaxed">
+            Your identity (<span className="font-mono">~/.groove/node_key.json</span>) will be preserved — you can reinstall later without losing your wallet.
+          </p>
+        </div>
+        <div className="flex items-center justify-end gap-2 px-5 py-3 border-t border-border-subtle bg-surface-0">
+          <Button variant="ghost" size="sm" onClick={() => setOpen(false)} disabled={busy}>Cancel</Button>
+          <Button variant="danger" size="sm" onClick={confirm} disabled={busy}>
+            {busy ? <Loader2 size={12} className="animate-spin" /> : <Trash2 size={12} />}
+            Uninstall
+          </Button>
+        </div>
+      </DialogContent>
+    </Dialog>
+  );
+}
+
+export default function NetworkView() {
+  const fetchNetworkNodeStatus = useGrooveStore((s) => s.fetchNetworkNodeStatus);
+  const fetchNetworkStatus = useGrooveStore((s) => s.fetchNetworkStatus);
+  const node = useGrooveStore((s) => s.networkNode);
+  const installed = useGrooveStore((s) => s.networkInstalled);
+
+  useEffect(() => {
+    fetchNetworkNodeStatus();
+    if (installed) {
+      fetchNetworkStatus();
+      const interval = setInterval(() => { fetchNetworkStatus(); }, 10000);
+      return () => clearInterval(interval);
+    }
+  }, [fetchNetworkNodeStatus, fetchNetworkStatus, installed]);
+
+  return (
+    <div className="flex flex-col h-full">
+      {/* Header */}
+      <div className="flex items-center gap-3 px-4 py-2.5 bg-surface-1 border-b border-border flex-shrink-0">
+        <Globe size={14} className="text-accent" />
+        <h2 className="text-sm font-semibold text-text-0 font-sans">Groove Network</h2>
+        <Badge variant="purple">Early Access</Badge>
+        <div className="flex-1" />
+        {installed && (
+          <>
+            <UninstallButton />
+            <div className="flex items-center gap-1.5 text-2xs font-sans text-text-3">
+              <StatusDot status={node.active ? 'running' : 'crashed'} size="sm" />
+              {node.active ? 'Contributing' : 'Idle'}
+            </div>
+          </>
+        )}
+      </div>
+
+      {/* Body */}
+      <ScrollArea className="flex-1">
+        {!installed ? (
+          <InstallGate />
+        ) : (
+          <div className="p-4 grid grid-cols-1 xl:grid-cols-2 gap-4">
+            {/* Left column — node operator */}
+            <div className="flex flex-col gap-3 min-w-0">
+              <div>
+                <div className="flex items-center gap-2 mb-2 px-0.5">
+                  <span className="text-2xs font-semibold text-text-3 font-sans uppercase tracking-wider">Node Operator</span>
+                  <div className="flex-1 h-px bg-border-subtle" />
+                </div>
+                <NodeToggle />
+              </div>
+              <NodeDetails />
+            </div>
+
+            {/* Right column — network status */}
+            <div className="flex flex-col gap-3 min-w-0">
+              <div className="flex items-center gap-2 px-0.5">
+                <span className="text-2xs font-semibold text-text-3 font-sans uppercase tracking-wider">Network Status</span>
+                <div className="flex-1 h-px bg-border-subtle" />
+              </div>
+              <NetworkStatus />
+            </div>
+          </div>
+        )}
+      </ScrollArea>
+    </div>
+  );
+}

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

@@ -15,7 +15,7 @@ import { fmtUptime } from '../lib/format';
 import {
   Key, Eye, EyeOff, Check, Cpu,
   FolderOpen, FolderSearch, Users, Gauge,
-  ShieldCheck, Settings,
+  ShieldCheck, Settings, Lock,
   Newspaper, Radio, Send, MessageSquare, MessageCircle,
   Plus, Trash2, Plug, PlugZap, TestTube, X, HelpCircle, ExternalLink,
 } from 'lucide-react';
@@ -940,6 +940,91 @@ function AddGatewayCard({ existingTypes, onAdd }) {
   );
 }
 
+/* ── Early Access Section ─────────────────────────────────── */
+
+function EarlyAccessSection() {
+  const networkUnlocked = useGrooveStore((s) => s.networkUnlocked);
+  const activateBeta = useGrooveStore((s) => s.activateBeta);
+  const deactivateBeta = useGrooveStore((s) => s.deactivateBeta);
+  const [code, setCode] = useState('');
+  const [submitting, setSubmitting] = useState(false);
+  const [error, setError] = useState('');
+
+  useEffect(() => {
+    if (!error) return;
+    const t = setTimeout(() => setError(''), 3000);
+    return () => clearTimeout(t);
+  }, [error]);
+
+  async function handleSubmit() {
+    const trimmed = code.trim();
+    if (!trimmed || submitting) return;
+    setSubmitting(true);
+    setError('');
+    try {
+      await activateBeta(trimmed);
+      setCode('');
+    } catch (err) {
+      setError(err.message || 'Invalid code');
+    } finally {
+      setSubmitting(false);
+    }
+  }
+
+  async function handleDeactivate() {
+    try { await deactivateBeta(); } catch { /* toast handled in store */ }
+  }
+
+  return (
+    <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">Early Access</span>
+        <div className="flex-1 h-px bg-border-subtle" />
+      </div>
+      <div className="rounded-lg border border-border-subtle bg-surface-1 px-4 py-3.5 max-w-md">
+        {networkUnlocked ? (
+          <div className="flex items-center gap-2.5">
+            <div className="w-6 h-6 rounded-full bg-success/10 flex items-center justify-center flex-shrink-0">
+              <Check size={12} className="text-success" />
+            </div>
+            <div className="flex-1 text-xs font-sans text-text-1">Early access enabled</div>
+            <button
+              onClick={handleDeactivate}
+              className="text-2xs text-text-4 hover:text-danger cursor-pointer font-sans"
+            >
+              Deactivate
+            </button>
+          </div>
+        ) : (
+          <div className="flex items-center gap-2">
+            <Lock size={12} className="text-text-4 flex-shrink-0" />
+            <input
+              value={code}
+              onChange={(e) => setCode(e.target.value)}
+              onKeyDown={(e) => e.key === 'Enter' && handleSubmit()}
+              type="text"
+              placeholder="Enter invite code"
+              className="flex-1 h-8 px-2.5 text-xs bg-surface-0 border border-border rounded-md text-text-0 font-mono placeholder:text-text-4 focus:outline-none focus:ring-1 focus:ring-accent"
+            />
+            <Button
+              variant="primary"
+              size="sm"
+              onClick={handleSubmit}
+              disabled={!code.trim() || submitting}
+              className="h-8 text-xs px-3"
+            >
+              {submitting ? '...' : 'Submit'}
+            </Button>
+          </div>
+        )}
+        {error && !networkUnlocked && (
+          <div className="mt-2 text-2xs text-danger font-sans">{error}</div>
+        )}
+      </div>
+    </div>
+  );
+}
+
 /* ── Main Settings View ────────────────────────────────────── */
 
 export default function SettingsView() {
@@ -1200,6 +1285,8 @@ export default function SettingsView() {
             </div>
           )}
 
+          {/* ═══════ EARLY ACCESS ═══════ */}
+          <EarlyAccessSection />
 
         </div>
       </ScrollArea>

package/package.json

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

package/packages/cli/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@groove-dev/cli",
-  "version": "0.27.42",
+  "version": "0.27.45",
   "description": "GROOVE CLI — manage AI coding agents from your terminal",
   "license": "FSL-1.1-Apache-2.0",
   "type": "module",

package/packages/daemon/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@groove-dev/daemon",
-  "version": "0.27.42",
+  "version": "0.27.45",
   "description": "GROOVE daemon — agent orchestration engine",
   "license": "FSL-1.1-Apache-2.0",
   "type": "module",