recognition: page, palette modal, & dashboard palette unlock — TDD

- billboard/recognition/ view + template; recognition/<slug>/set-palette endpoint (no trailing slash)
- recognition.html: <template>-based modal (clone on open, remove on close — Selenium find_elements compatible)
- recognition-page.js: image-box → modal → swatch preview → body-click restore → OK → confirm → POST set-palette
- _palettes_for_user() replaces static PALETTES; Recognition.palette unlocks swatch + populates data-shoptalk
- _unlocked_palettes_for_user() wires dynamic unlock check into set_palette view
- _applet-palette.html: data-shoptalk from context instead of hard-coded "Placeholder"
- _recognition.scss: banner, recog-list/item, image-box, modal, palette-confirm; :not([hidden]) pattern avoids display override
- FT T2 split into T2a (banner → FYI → recog page), T2b (palette modal flow), T2c (dashboard palette applet)
- 684 ITs green; 7 FTs green

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/apps/dashboard/views.py

@@ -23,23 +23,59 @@ from apps.lyric.models import PaymentMethod, Token, User, Wallet
 
 
 APPLET_ORDER = ["wallet", "new-note", "my-notes", "username", "palette"]
-UNLOCKED_PALETTES = frozenset([
+_BASE_UNLOCKED = frozenset([
     "palette-default",
     "palette-cedar",
     "palette-oblivion-light",
     "palette-monochrome-dark",
 ])
-PALETTES = [
-    {"name": "palette-default", "label": "Earthman", "locked": False},
-    {"name": "palette-cedar", "label": "Cedar", "locked": False},
-    {"name": "palette-oblivion-light", "label": "Oblivion (Light)", "locked": False},
-    {"name": "palette-monochrome-dark", "label": "Monochrome (Dark)", "locked": False},
-    {"name": "palette-bardo", "label": "Bardo", "locked": True},
-    {"name": "palette-sheol", "label": "Sheol", "locked": True},
-    {"name": "palette-inferno", "label": "Inferno", "locked": True},
-    {"name": "palette-terrestre", "label": "Terrestre", "locked": True},
-    {"name": "palette-celestia", "label": "Celestia", "locked": True},
+_PALETTE_DEFS = [
+    {"name": "palette-default",        "label": "Earthman",        "locked": False},
+    {"name": "palette-cedar",          "label": "Cedar",           "locked": False},
+    {"name": "palette-oblivion-light", "label": "Oblivion (Light)","locked": False},
+    {"name": "palette-monochrome-dark","label": "Monochrome (Dark)","locked": False},
+    {"name": "palette-bardo",          "label": "Bardo",           "locked": True},
+    {"name": "palette-sheol",          "label": "Sheol",           "locked": True},
+    {"name": "palette-inferno",        "label": "Inferno",         "locked": True},
+    {"name": "palette-terrestre",      "label": "Terrestre",       "locked": True},
+    {"name": "palette-celestia",       "label": "Celestia",        "locked": True},
 ]
+_RECOGNITION_TITLES = {
+    "stargazer": "Stargazer",
+    "schizo":    "Schizo",
+    "nomad":     "Nomad",
+}
+# Keep PALETTES as an alias used by views that don't have a request user.
+PALETTES = _PALETTE_DEFS
+
+
+def _palettes_for_user(user):
+    if not (user and user.is_authenticated):
+        return [dict(p, shoptalk="Placeholder") for p in _PALETTE_DEFS]
+    granted = {
+        r.palette: r
+        for r in Recognition.objects.filter(user=user, palette__isnull=False).exclude(palette="")
+    }
+    result = []
+    for p in _PALETTE_DEFS:
+        entry = dict(p)
+        r = granted.get(p["name"])
+        if r and p["locked"]:
+            entry["locked"] = False
+            title = _RECOGNITION_TITLES.get(r.slug, r.slug.capitalize())
+            entry["shoptalk"] = f"{title} · {r.earned_at.strftime('%b %d, %Y').replace(' 0', ' ')}"
+        else:
+            entry["shoptalk"] = "Placeholder"
+        result.append(entry)
+    return result
+
+
+def _unlocked_palettes_for_user(user):
+    base = set(_BASE_UNLOCKED)
+    if user and user.is_authenticated:
+        for r in Recognition.objects.filter(user=user, palette__isnull=False).exclude(palette=""):
+            base.add(r.palette)
+    return base
 
 
 def _recent_notes(user, limit=3):
@@ -55,7 +91,7 @@ def _recent_notes(user, limit=3):
 def home_page(request):
     context = {
         "form": ItemForm(),
-        "palettes": PALETTES,
+        "palettes": _palettes_for_user(request.user),
         "page_class": "page-dashboard",
     }
     if request.user.is_authenticated:
@@ -75,7 +111,7 @@ def new_note(request):
     else:
         context = {
             "form": form,
-            "palettes": PALETTES,
+            "palettes": _palettes_for_user(request.user),
             "page_class": "page-dashboard",
         }
         if request.user.is_authenticated:
@@ -125,7 +161,7 @@ def share_note(request, note_id):
 def set_palette(request):
     if request.method == "POST":
         palette = request.POST.get("palette", "")
-        if palette in UNLOCKED_PALETTES:
+        if palette in _unlocked_palettes_for_user(request.user):
             request.user.palette = palette
             request.user.save(update_fields=["palette"])
     if "application/json" in request.headers.get("Accept", ""):
@@ -147,7 +183,7 @@ def toggle_applets(request):
     if request.headers.get("HX-Request"):
         return render(request, "apps/dashboard/_partials/_applets.html", {
             "applets": applet_context(request.user, "dashboard"),
-            "palettes": PALETTES,
+            "palettes": _palettes_for_user(request.user),
             "form": ItemForm(),
             "recent_notes": _recent_notes(request.user),
         })