groove-dev 0.27.44 → 0.27.47

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() {
@@ -996,7 +1081,8 @@ export default function SettingsView() {
     );
   }
 
-  const connectedCount = providers.filter((p) => {
+  const visibleProviders = providers.filter((p) => p.id !== 'groove-network');
+  const connectedCount = visibleProviders.filter((p) => {
     if (p.authType === 'local') return p.installed;
     if (p.authType === 'subscription') return p.installed;
     return p.installed && p.hasKey;
@@ -1032,10 +1118,10 @@ export default function SettingsView() {
             <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">Providers</span>
               <div className="flex-1 h-px bg-border-subtle" />
-              <span className="text-2xs text-text-4 font-sans">{connectedCount}/{providers.length} connected</span>
+              <span className="text-2xs text-text-4 font-sans">{connectedCount}/{visibleProviders.length} connected</span>
             </div>
             <div className="grid grid-cols-4 gap-3">
-              {providers.map((p) => (
+              {visibleProviders.map((p) => (
                 <ProviderCard key={p.id} provider={p} onKeyChange={loadProviders} />
               ))}
             </div>
@@ -1074,7 +1160,7 @@ export default function SettingsView() {
                     onChange={(e) => updateConfig('defaultProvider', e.target.value)}
                     className="w-full h-8 px-2.5 text-xs bg-surface-0 border border-border-subtle rounded-md text-text-0 font-mono focus:outline-none focus:ring-1 focus:ring-accent cursor-pointer"
                   >
-                    {providers.filter((p) => p.installed && (p.authType === 'local' || p.authType === 'subscription' || p.hasKey)).map((p) => (
+                    {visibleProviders.filter((p) => p.installed && (p.authType === 'local' || p.authType === 'subscription' || p.hasKey)).map((p) => (
                       <option key={p.id} value={p.id}>{p.name}</option>
                     ))}
                   </select>
@@ -1200,6 +1286,8 @@ export default function SettingsView() {
             </div>
           )}
 
+          {/* ═══════ EARLY ACCESS ═══════ */}
+          <EarlyAccessSection />
 
         </div>
       </ScrollArea>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "groove-dev",
-  "version": "0.27.44",
+  "version": "0.27.47",
   "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.44",
+  "version": "0.27.47",
   "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.44",
+  "version": "0.27.47",
   "description": "GROOVE daemon — agent orchestration engine",
   "license": "FSL-1.1-Apache-2.0",
   "type": "module",