From 02f03eb3d5c3c368ce0f11043b35fe8b4be67089 Mon Sep 17 00:00:00 2001
From: "Builder.io" <builder-bot@builder.io>
Date: Sun, 19 Oct 2025 02:22:02 +0000
Subject: [PATCH] Gate sneak peek unlocks behind auth; add disabled UI state
 and toast

cgen-b65b5d718e7f4e2a8abd26edae6ce090
---
 client/pages/Roadmap.tsx | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/client/pages/Roadmap.tsx b/client/pages/Roadmap.tsx
index f62e923d..a6b8b367 100644
--- a/client/pages/Roadmap.tsx
+++ b/client/pages/Roadmap.tsx
@@ -10,6 +10,8 @@ import {
 } from "@/components/ui/card";
 import { cn } from "@/lib/utils";
 import { useEffect, useMemo, useState } from "react";
+import { useAuth } from "@/contexts/AuthContext";
+import { aethexToast } from "@/lib/aethex-toast";
 import {
   Sparkles,
   Lock,
@@ -162,6 +164,7 @@ export default function Roadmap() {
   const [claimed, setClaimed] = useState<Record<string, boolean>>({});
   const [unlocked, setUnlocked] = useState<Record<string, boolean>>({});
   const [focusedPhase, setFocusedPhase] = useState<Quest["phase"] | null>(null);
+  const { user } = useAuth();
 
   useEffect(() => {
     try {
@@ -208,8 +211,18 @@ export default function Roadmap() {
 
   const toggleClaim = (id: string) =>
     setClaimed((m) => ({ ...m, [id]: !m[id] }));
-  const toggleUnlock = (id: string) =>
+  const toggleUnlock = (id: string) => {
+    if (!user) {
+      try {
+        aethexToast.info({
+          title: "Sign in required",
+          description: "Create an account to unlock Dev Drops and save progress.",
+        });
+      } catch {}
+      return;
+    }
     setUnlocked((m) => ({ ...m, [id]: !m[id] }));
+  };
 
   const PhaseIcon: Record<string, any> = {
     now: Target,
@@ -455,6 +468,9 @@ export default function Roadmap() {
                       size="sm"
                       variant="outline"
                       onClick={() => toggleUnlock(p.id)}
+                      disabled={!user}
+                      className={!user ? "cursor-not-allowed opacity-60" : undefined}
+                      title={!user ? "Sign in to unlock" : undefined}
                     >
                       {unlocked[p.id] ? (
                         <>