zevairouter 1.0.48 → 1.0.50

package/src/app/(dashboard)/dashboard/automation/page.js

@@ -596,228 +596,12 @@ function AutoClawAutomationPanel({ onRefresh }) {
   );
 }
 
-const GROK_ACCESS_SESSION_KEY = "grok-automation-access-key";
-
 function GrokCliAutomationPanel({ providerInfo, onRefresh }) {
   const [isBulkOpen, setIsBulkOpen] = useState(false);
   const [isOAuthOpen, setIsOAuthOpen] = useState(false);
-  const [keyConfigured, setKeyConfigured] = useState(null); // null=loading
-  const [keyFromEnv, setKeyFromEnv] = useState(false);
-  const [unlocked, setUnlocked] = useState(false);
-  const [accessKey, setAccessKey] = useState("");
-  const [keyInput, setKeyInput] = useState("");
-  const [setupKey, setSetupKey] = useState("");
-  const [setupKeyConfirm, setSetupKeyConfirm] = useState("");
-  const [gateError, setGateError] = useState(null);
-  const [gateBusy, setGateBusy] = useState(false);
-
-  useEffect(() => {
-    let cancelled = false;
-    (async () => {
-      try {
-        const res = await fetch("/api/oauth/grok-cli/verify-key", { cache: "no-store" });
-        const data = await res.json().catch(() => ({}));
-        if (cancelled) return;
-        setKeyConfigured(Boolean(data.configured));
-        // also pull env flag from settings
-        const sres = await fetch("/api/settings", { cache: "no-store" });
-        const sdata = await sres.json().catch(() => ({}));
-        if (!cancelled) setKeyFromEnv(Boolean(sdata.grokAutomationAccessKeyFromEnv));
-      } catch {
-        if (!cancelled) setKeyConfigured(false);
-      }
-    })();
-    return () => { cancelled = true; };
-  }, []);
-
-  useEffect(() => {
-    if (typeof window === "undefined") return;
-    const saved = window.sessionStorage.getItem(GROK_ACCESS_SESSION_KEY) || "";
-    if (saved) {
-      setAccessKey(saved);
-      setKeyInput(saved);
-      // re-verify on load
-      void (async () => {
-        try {
-          const res = await fetch("/api/oauth/grok-cli/verify-key", {
-            method: "POST",
-            headers: { "Content-Type": "application/json" },
-            body: JSON.stringify({ accessKey: saved }),
-          });
-          const data = await res.json().catch(() => ({}));
-          if (res.ok && data.ok) setUnlocked(true);
-          else {
-            window.sessionStorage.removeItem(GROK_ACCESS_SESSION_KEY);
-            setAccessKey("");
-            setUnlocked(false);
-          }
-        } catch {
-          setUnlocked(false);
-        }
-      })();
-    }
-  }, []);
-
-  const handleUnlock = async () => {
-    setGateBusy(true);
-    setGateError(null);
-    try {
-      const res = await fetch("/api/oauth/grok-cli/verify-key", {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ accessKey: keyInput.trim() }),
-      });
-      const data = await res.json().catch(() => ({}));
-      if (!res.ok || !data.ok) {
-        throw new Error(data.error || "Invalid access key");
-      }
-      const key = keyInput.trim();
-      setAccessKey(key);
-      setUnlocked(true);
-      if (typeof window !== "undefined") {
-        window.sessionStorage.setItem(GROK_ACCESS_SESSION_KEY, key);
-      }
-    } catch (err) {
-      setGateError(err.message);
-      setUnlocked(false);
-    } finally {
-      setGateBusy(false);
-    }
-  };
-
-  const handleSetupKey = async () => {
-    setGateBusy(true);
-    setGateError(null);
-    try {
-      if (!setupKey.trim() || setupKey.trim().length < 6) {
-        throw new Error("Access key must be at least 6 characters");
-      }
-      if (setupKey !== setupKeyConfirm) {
-        throw new Error("Access key confirmation does not match");
-      }
-      const res = await fetch("/api/settings", {
-        method: "PATCH",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ grokAutomationAccessKey: setupKey.trim() }),
-      });
-      const data = await res.json().catch(() => ({}));
-      if (!res.ok) throw new Error(data.error || "Failed to save access key");
-      setKeyConfigured(true);
-      setAccessKey(setupKey.trim());
-      setKeyInput(setupKey.trim());
-      setUnlocked(true);
-      if (typeof window !== "undefined") {
-        window.sessionStorage.setItem(GROK_ACCESS_SESSION_KEY, setupKey.trim());
-      }
-      setSetupKey("");
-      setSetupKeyConfirm("");
-    } catch (err) {
-      setGateError(err.message);
-    } finally {
-      setGateBusy(false);
-    }
-  };
-
-  const handleLock = () => {
-    setUnlocked(false);
-    setAccessKey("");
-    setKeyInput("");
-    if (typeof window !== "undefined") {
-      window.sessionStorage.removeItem(GROK_ACCESS_SESSION_KEY);
-    }
-  };
-
-  if (keyConfigured === null) {
-    return (
-      <div className="rounded-lg border border-border bg-surface px-4 py-6 text-sm text-text-muted">
-        Checking Grok automation lock…
-      </div>
-    );
-  }
-
-  if (!keyConfigured) {
-    return (
-      <div className="max-w-lg rounded-lg border border-amber-500/40 bg-amber-500/5 px-4 py-5">
-        <div className="mb-2 flex items-center gap-2 text-sm font-semibold text-text-main">
-          <span className="material-symbols-outlined text-[20px] text-amber-500">lock</span>
-          Grok automation is locked
-        </div>
-        <p className="mb-4 text-xs leading-relaxed text-text-muted">
-          Set an access key before anyone can run Grok bulk register/login. Only people with this key
-          can open the automation tools. You can also set env <code className="text-[11px]">GROK_AUTOMATION_ACCESS_KEY</code>.
-        </p>
-        <div className="space-y-3">
-          <input
-            type="password"
-            autoComplete="new-password"
-            value={setupKey}
-            onChange={(e) => setSetupKey(e.target.value)}
-            placeholder="New access key (min 6 chars)"
-            className="w-full rounded-lg border border-border bg-background px-3 py-2 text-sm text-text-main outline-none focus:border-primary"
-          />
-          <input
-            type="password"
-            autoComplete="new-password"
-            value={setupKeyConfirm}
-            onChange={(e) => setSetupKeyConfirm(e.target.value)}
-            placeholder="Confirm access key"
-            className="w-full rounded-lg border border-border bg-background px-3 py-2 text-sm text-text-main outline-none focus:border-primary"
-          />
-          {gateError && <p className="text-xs text-red-500">{gateError}</p>}
-          <Button type="button" onClick={handleSetupKey} disabled={gateBusy}>
-            {gateBusy ? "Saving…" : "Set access key & unlock"}
-          </Button>
-        </div>
-      </div>
-    );
-  }
-
-  if (!unlocked) {
-    return (
-      <div className="max-w-lg rounded-lg border border-border bg-surface px-4 py-5">
-        <div className="mb-2 flex items-center gap-2 text-sm font-semibold text-text-main">
-          <span className="material-symbols-outlined text-[20px] text-primary">key</span>
-          Enter Grok automation key
-        </div>
-        <p className="mb-4 text-xs leading-relaxed text-text-muted">
-          This panel is protected. Enter the access key to use bulk register / device OAuth for Grok CLI.
-        </p>
-        <div className="flex flex-col gap-3 sm:flex-row">
-          <input
-            type="password"
-            autoComplete="off"
-            value={keyInput}
-            onChange={(e) => setKeyInput(e.target.value)}
-            onKeyDown={(e) => {
-              if (e.key === "Enter") void handleUnlock();
-            }}
-            placeholder="Access key"
-            className="min-w-0 flex-1 rounded-lg border border-border bg-background px-3 py-2 text-sm text-text-main outline-none focus:border-primary"
-          />
-          <Button type="button" onClick={handleUnlock} disabled={gateBusy || !keyInput.trim()}>
-            {gateBusy ? "Checking…" : "Unlock"}
-          </Button>
-        </div>
-        {gateError && <p className="mt-2 text-xs text-red-500">{gateError}</p>}
-      </div>
-    );
-  }
 
   return (
     <>
-      <div className="mb-3 flex flex-wrap items-center justify-between gap-2 rounded-lg border border-emerald-500/30 bg-emerald-500/5 px-3 py-2 text-xs text-text-muted">
-        <span className="flex items-center gap-1.5 text-emerald-600 dark:text-emerald-400">
-          <span className="material-symbols-outlined text-[16px]">lock_open</span>
-          Grok automation unlocked{keyFromEnv ? " (key from env)" : ""}
-        </span>
-        <button
-          type="button"
-          onClick={handleLock}
-          className="rounded border border-border px-2 py-1 text-text-main hover:bg-surface"
-        >
-          Lock again
-        </button>
-      </div>
       <div className="grid gap-3 sm:grid-cols-2 xl:grid-cols-3">
         <button
           type="button"
@@ -853,7 +637,6 @@ function GrokCliAutomationPanel({ providerInfo, onRefresh }) {
         title="Grok CLI Bulk (Tempmail + CloakBrowser)"
         serviceName="Grok CLI"
         defaultEngine="cloakbrowser"
-        accessKey={accessKey}
         accountsPlaceholder={"auto\nauto:3\n# or existing:\n# user@zevai.web.id:password"}
         onSuccess={onRefresh}
         onClose={() => setIsBulkOpen(false)}