Bump anon gen allowance from 1 to 2 before login gate

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

static/action-variants.jsx

@@ -16,10 +16,10 @@ const FIGURES = [
 
 const MODEL_URL = 'https://huggingface.co/systms/SYSTMS-ACTION-LoRA-Qwen-Image-Edit-2511';
 
-function HeroVariant({ onFile, heroImage, loggedIn, usedFreeGen }) {
+function HeroVariant({ onFile, heroImage, loggedIn, anonGenCount = 0, anonGenLimit = 2 }) {
   const inputRef = React.useRef();
-  // Anon users get one free gen; after that we route them to /login.
-  const gateActive = loggedIn === false && usedFreeGen;
+  // Anon users get a few free gens; after that we route them to /login.
+  const gateActive = loggedIn === false && anonGenCount >= anonGenLimit;
 
   return (
     <div className="v-hero-wrap">

static/index.html

@@ -131,10 +131,11 @@
       const [beforeUrl, setBeforeUrl] = React.useState(null);
       // null = unknown (still fetching /me), true/false once we know
       const [loggedIn, setLoggedIn] = React.useState(null);
-      // First gen runs anon; after that, anon users are gated to /login.
-      // Tracked in localStorage so it persists across reloads.
-      const [usedFreeGen, setUsedFreeGen] = React.useState(() => {
-        try { return localStorage.getItem('action_anon_used') === '1'; } catch { return false; }
+      // Anon users get ANON_GEN_LIMIT free gens before being gated to /login.
+      // Count persisted in localStorage so it survives reloads.
+      const ANON_GEN_LIMIT = 2;
+      const [anonGenCount, setAnonGenCount] = React.useState(() => {
+        try { return parseInt(localStorage.getItem('action_anon_count') || '0', 10) || 0; } catch { return 0; }
       });
 
       React.useEffect(() => {
@@ -182,8 +183,9 @@
         setResultUrl(url);
         setPhase('result');
         if (loggedIn === false) {
-          try { localStorage.setItem('action_anon_used', '1'); } catch {}
-          setUsedFreeGen(true);
+          const next = anonGenCount + 1;
+          try { localStorage.setItem('action_anon_count', String(next)); } catch {}
+          setAnonGenCount(next);
         }
       };
       const onError = () => {
@@ -200,7 +202,7 @@
 
       return (
         <>
-          <HeroVariant onFile={onFile} heroImage={heroImage} loggedIn={loggedIn} usedFreeGen={usedFreeGen} />
+          <HeroVariant onFile={onFile} heroImage={heroImage} loggedIn={loggedIn} anonGenCount={anonGenCount} anonGenLimit={ANON_GEN_LIMIT} />
           <SampleStrip />
           <ProcessingModal open={phase === 'processing'} file={file} onDone={onDone} onError={onError} onClose={onClose} />
           <ResultModal open={phase === 'result'} beforeUrl={beforeUrl} afterUrl={resultUrl} onClose={onClose} />