groove-dev 0.27.103 → 0.27.104

package/packages/gui/dist/index.html

@@ -6,7 +6,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-8gdXdRnq.js"></script>
+    <script type="module" crossorigin src="/assets/index-oUBAPJv6.js"></script>
     <link rel="modulepreload" crossorigin href="/assets/vendor-26L3JoZv.js">
     <link rel="modulepreload" crossorigin href="/assets/reactflow-DoBZjiHE.js">
     <link rel="modulepreload" crossorigin href="/assets/codemirror-CFF1Lrnz.js">

package/packages/gui/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@groove-dev/gui",
-  "version": "0.27.103",
+  "version": "0.27.104",
   "description": "GROOVE GUI — visual agent control plane",
   "license": "FSL-1.1-Apache-2.0",
   "type": "module",

package/packages/gui/src/components/settings/ProviderSetupWizard.jsx

@@ -172,6 +172,8 @@ function AuthenticateStep({ providerId, meta, onSaveKey }) {
   const [showKey, setShowKey] = useState(false);
   const [saving, setSaving] = useState(false);
   const [loginStarted, setLoginStarted] = useState(false);
+  const [verifying, setVerifying] = useState(false);
+  const [verifyError, setVerifyError] = useState('');
   const [authMode, setAuthMode] = useState(meta.authType === 'subscription' ? 'subscription' : 'apikey');
 
   async function handleSaveKey() {
@@ -287,9 +289,33 @@ function AuthenticateStep({ providerId, meta, onSaveKey }) {
                 <ExternalLink size={12} className="text-accent" />
                 <span className="text-xs text-accent font-sans">Sign-in opened in your browser</span>
               </div>
-              <Button variant="primary" size="sm" onClick={onSaveKey} className="gap-1.5">
-                <Check size={11} /> I've signed in
+              <Button
+                variant="primary"
+                size="sm"
+                disabled={verifying}
+                onClick={async () => {
+                  setVerifying(true);
+                  setVerifyError('');
+                  try {
+                    const res = await api.post(`/providers/codex/verify`);
+                    if (res.authenticated) {
+                      onSaveKey();
+                    } else {
+                      setVerifyError('Authentication not detected yet. Please complete sign-in in your browser and try again.');
+                    }
+                  } catch {
+                    setVerifyError('Authentication not detected yet. Please complete sign-in in your browser and try again.');
+                  } finally {
+                    setVerifying(false);
+                  }
+                }}
+                className="gap-1.5"
+              >
+                {verifying ? <Loader2 size={11} className="animate-spin" /> : <Check size={11} />} I've signed in
               </Button>
+              {verifyError && (
+                <p className="text-2xs text-danger font-sans">{verifyError}</p>
+              )}
             </div>
           )}
         </div>

package/packages/gui/src/views/settings.jsx

@@ -454,10 +454,31 @@ function ProviderCard({ provider, onKeyChange }) {
                   <Button
                     variant="primary"
                     size="sm"
-                    onClick={() => { setLoginPending(false); if (onKeyChange) onKeyChange(); }}
+                    disabled={checking}
+                    onClick={async () => {
+                      if (provider.id === 'codex') {
+                        setChecking(true);
+                        try {
+                          const res = await api.post(`/providers/codex/verify`);
+                          if (res.authenticated) {
+                            setLoginPending(false);
+                            if (onKeyChange) onKeyChange();
+                          } else {
+                            addToast('error', 'Authentication not detected yet. Please complete sign-in in your browser and try again.');
+                          }
+                        } catch {
+                          addToast('error', 'Authentication not detected yet. Please complete sign-in in your browser and try again.');
+                        } finally {
+                          setChecking(false);
+                        }
+                      } else {
+                        setLoginPending(false);
+                        if (onKeyChange) onKeyChange();
+                      }
+                    }}
                     className="w-full h-8 text-xs gap-1.5"
                   >
-                    <Check size={12} /> I've signed in
+                    {checking ? <Loader2 size={12} className="animate-spin" /> : <Check size={12} />} I've signed in
                   </Button>
                   <button
                     onClick={() => setLoginPending(false)}