From 39f2f2968ae969870efc2e6a7342d4247f0ad947 Mon Sep 17 00:00:00 2001
From: Agustin Kassis <webmaster@masize.com>
Date: Mon, 20 Apr 2026 13:35:49 -0300
Subject: [PATCH 01/11] chore: remove workshops page

No longer shipping the Talleres page. Drops the entire app/workshops
directory and its references from the navbar, footer and layout keywords.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 app/layout.tsx                  |   1 -
 app/workshops/WorkshopsList.tsx | 243 --------------------------------
 app/workshops/page.tsx          |  32 -----
 components/Footer.tsx           |   1 -
 components/Navbar.tsx           |   1 -
 5 files changed, 278 deletions(-)
 delete mode 100644 app/workshops/WorkshopsList.tsx
 delete mode 100644 app/workshops/page.tsx

diff --git a/app/layout.tsx b/app/layout.tsx
index 5d1af19..3ca867b 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -39,7 +39,6 @@ export const metadata: Metadata = {
     "Argentina",
     "LaWallet",
     "Hackatón",
-    "Taller",
     "Blossom",
   ],
   authors: [{ name: "La Crypta Labs" }],
diff --git a/app/workshops/WorkshopsList.tsx b/app/workshops/WorkshopsList.tsx
deleted file mode 100644
index a7ecba2..0000000
--- a/app/workshops/WorkshopsList.tsx
+++ /dev/null
@@ -1,243 +0,0 @@
-"use client";
-
-import { motion } from "framer-motion";
-import { useState } from "react";
-import { ArrowRight, Clock, Globe, MapPin, Users } from "lucide-react";
-import { cn } from "@/lib/cn";
-
-type Workshop = {
-  id: string;
-  title: string;
-  level: "Principiante" | "Intermedio" | "Avanzado";
-  topic: "bitcoin" | "lightning" | "nostr" | "crypto";
-  duration: string;
-  format: "presencial" | "online" | "híbrido";
-  description: string;
-  instructor: string;
-  seats?: string;
-  next?: string;
-};
-
-const WORKSHOPS: Workshop[] = [
-  {
-    id: "bitcoin-101",
-    title: "Bitcoin 101 — Tu primer sat",
-    level: "Principiante",
-    topic: "bitcoin",
-    duration: "3h",
-    format: "híbrido",
-    description:
-      "Wallets, direcciones, fees, mempool. Salís con tus primeros sats, un backup que entendés y el coraje para gastarlos.",
-    instructor: "Lucas M.",
-    seats: "30 cupos",
-    next: "26 Abr",
-  },
-  {
-    id: "lightning-dev",
-    title: "Lightning para desarrolladores",
-    level: "Intermedio",
-    topic: "lightning",
-    duration: "6h · 2 sesiones",
-    format: "híbrido",
-    description:
-      "BOLT11, BOLT12, LNURL y Nostr Wallet Connect — integraciones prácticas con LND y CLN.",
-    instructor: "Ana P.",
-    seats: "20 cupos",
-    next: "3 May",
-  },
-  {
-    id: "nostr-apps",
-    title: "Construí una app Nostr en un finde",
-    level: "Intermedio",
-    topic: "nostr",
-    duration: "8h · 2 sesiones",
-    format: "híbrido",
-    description:
-      "Del repo en blanco a una app Nostr en producción — NIP-01, NIP-07, relays, zaps y deploy.",
-    instructor: "Martín R.",
-    seats: "25 cupos",
-    next: "11 May",
-  },
-  {
-    id: "self-custody",
-    title: "Autocustodia, de cero a hardware",
-    level: "Principiante",
-    topic: "bitcoin",
-    duration: "4h",
-    format: "presencial",
-    description:
-      "Frases semilla, passphrases, multisig, hardware wallets. Con equipos reales en la mano.",
-    instructor: "Clara G.",
-    seats: "15 cupos",
-    next: "18 May",
-  },
-  {
-    id: "running-ln-node",
-    title: "Operar un nodo Lightning",
-    level: "Avanzado",
-    topic: "lightning",
-    duration: "6h",
-    format: "presencial",
-    description:
-      "Elegí canales, administrá liquidez, mantenete online. Te vas con un plan y una guía para abrir.",
-    instructor: "Tomás F.",
-    seats: "12 cupos",
-    next: "1 Jun",
-  },
-  {
-    id: "crypto-primitives",
-    title: "Criptografía para builders",
-    level: "Intermedio",
-    topic: "crypto",
-    duration: "4h",
-    format: "online",
-    description:
-      "Hashes, firmas, secp256k1, Schnorr. Justo la matemática necesaria, mucha intuición.",
-    instructor: "Silvina O.",
-    seats: "Abierto",
-    next: "8 Jun",
-  },
-  {
-    id: "taproot-miniscript",
-    title: "Taproot y Miniscript",
-    level: "Avanzado",
-    topic: "bitcoin",
-    duration: "5h",
-    format: "presencial",
-    description:
-      "Diseñá políticas de gasto reales, escribí Miniscript, debuggealo en el mempool.",
-    instructor: "Diego A.",
-    seats: "15 cupos",
-    next: "15 Jun",
-  },
-  {
-    id: "nip46-bunker",
-    title: "NIP-46 firma remota a fondo",
-    level: "Avanzado",
-    topic: "nostr",
-    duration: "3h",
-    format: "online",
-    description:
-      "Arquitectura, modelo de amenazas y una implementación de referencia de un firmante remoto de Nostr.",
-    instructor: "Federico L.",
-    seats: "Abierto",
-    next: "22 Jun",
-  },
-];
-
-const TOPIC_STYLE: Record<Workshop["topic"], string> = {
-  bitcoin: "bg-bitcoin/10 text-bitcoin border-bitcoin/30",
-  lightning: "bg-lightning/10 text-lightning border-lightning/30",
-  nostr: "bg-nostr/10 text-nostr border-nostr/30",
-  crypto: "bg-cyan/10 text-cyan border-cyan/30",
-};
-
-const LEVEL_STYLE: Record<Workshop["level"], string> = {
-  Principiante: "bg-success/10 text-success border-success/30",
-  Intermedio: "bg-cyan/10 text-cyan border-cyan/30",
-  Avanzado: "bg-nostr/10 text-nostr border-nostr/30",
-};
-
-const TOPICS: { id: Workshop["topic"] | "all"; label: string }[] = [
-  { id: "all", label: "Todos los temas" },
-  { id: "bitcoin", label: "Bitcoin" },
-  { id: "lightning", label: "Lightning" },
-  { id: "nostr", label: "Nostr" },
-  { id: "crypto", label: "Cripto" },
-];
-
-export default function WorkshopsList() {
-  const [topic, setTopic] = useState<(typeof TOPICS)[number]["id"]>("all");
-  const filtered =
-    topic === "all" ? WORKSHOPS : WORKSHOPS.filter((w) => w.topic === topic);
-
-  return (
-    <div>
-      <div className="flex flex-wrap gap-2 mb-10">
-        {TOPICS.map((t) => {
-          const active = topic === t.id;
-          return (
-            <button
-              key={t.id}
-              onClick={() => setTopic(t.id)}
-              className={cn(
-                "px-3.5 py-1.5 rounded-full text-xs font-semibold tracking-wide transition-all",
-                active
-                  ? "bg-nostr text-white shadow-lg shadow-nostr/20"
-                  : "bg-white/[0.03] text-foreground-muted border border-border hover:bg-white/[0.06] hover:text-foreground",
-              )}
-            >
-              {t.label}
-            </button>
-          );
-        })}
-      </div>
-
-      <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
-        {filtered.map((w, i) => (
-          <motion.div
-            key={w.id}
-            initial={{ opacity: 0, y: 20 }}
-            whileInView={{ opacity: 1, y: 0 }}
-            viewport={{ once: true, margin: "-50px" }}
-            transition={{ duration: 0.4, delay: i * 0.04 }}
-            className="group relative overflow-hidden rounded-2xl border border-border bg-background-card p-6 hover:border-border-strong hover:-translate-y-1 transition-all"
-          >
-            <div className="flex items-center gap-2 mb-4">
-              <span
-                className={cn(
-                  "px-2 py-0.5 rounded-full border text-[10px] font-mono font-semibold uppercase tracking-widest",
-                  TOPIC_STYLE[w.topic],
-                )}
-              >
-                {w.topic}
-              </span>
-              <span
-                className={cn(
-                  "px-2 py-0.5 rounded-full border text-[10px] font-mono font-semibold uppercase tracking-widest",
-                  LEVEL_STYLE[w.level],
-                )}
-              >
-                {w.level}
-              </span>
-            </div>
-
-            <h3 className="font-display text-lg font-bold tracking-tight mb-2">
-              {w.title}
-            </h3>
-            <p className="text-sm text-foreground-muted leading-relaxed line-clamp-3">
-              {w.description}
-            </p>
-
-            <div className="mt-5 pt-5 border-t border-border grid grid-cols-2 gap-3 text-xs">
-              <div className="flex items-center gap-1.5 text-foreground-muted">
-                <Clock className="h-3.5 w-3.5 opacity-60" />
-                {w.duration}
-              </div>
-              <div className="flex items-center gap-1.5 text-foreground-muted">
-                {w.format === "online" ? (
-                  <Globe className="h-3.5 w-3.5 opacity-60" />
-                ) : (
-                  <MapPin className="h-3.5 w-3.5 opacity-60" />
-                )}
-                {w.format}
-              </div>
-              <div className="flex items-center gap-1.5 text-foreground-muted">
-                <Users className="h-3.5 w-3.5 opacity-60" />
-                {w.seats ?? "Abierto"}
-              </div>
-              <div className="text-foreground-muted font-mono">
-                Próximo: <span className="text-foreground">{w.next}</span>
-              </div>
-            </div>
-
-            <button className="mt-5 w-full inline-flex items-center justify-between gap-2 px-3 py-2 rounded-lg border border-border bg-white/[0.02] text-sm font-semibold group-hover:bg-white/[0.06] transition-colors">
-              <span>Reservar lugar</span>
-              <ArrowRight className="h-4 w-4 group-hover:translate-x-0.5 transition-transform" />
-            </button>
-          </motion.div>
-        ))}
-      </div>
-    </div>
-  );
-}
diff --git a/app/workshops/page.tsx b/app/workshops/page.tsx
deleted file mode 100644
index 37a7ae3..0000000
--- a/app/workshops/page.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import type { Metadata } from "next";
-import PageHero from "@/components/ui/PageHero";
-import WorkshopsList from "./WorkshopsList";
-import { GraduationCap } from "lucide-react";
-
-export const metadata: Metadata = {
-  title: "Talleres",
-  description:
-    "Talleres gratuitos sobre Bitcoin, Lightning, Nostr y criptografía — dictados por la gente que los construye.",
-};
-
-export default function WorkshopsPage() {
-  return (
-    <>
-      <PageHero
-        eyebrow="TALLERES"
-        eyebrowIcon={<GraduationCap className="h-3 w-3" />}
-        title={
-          <>
-            Aprendé <span className="text-gradient-nostr">haciendo.</span>
-          </>
-        }
-        description="Talleres prácticos para todos los niveles — desde tu primera transacción hasta operar tu propio nodo Lightning. Gratis, abiertos y grabados."
-      />
-      <section className="py-16 sm:py-20">
-        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
-          <WorkshopsList />
-        </div>
-      </section>
-    </>
-  );
-}
diff --git a/components/Footer.tsx b/components/Footer.tsx
index 336ac03..63ffac6 100644
--- a/components/Footer.tsx
+++ b/components/Footer.tsx
@@ -16,7 +16,6 @@ const COLS = [
     title: "Comunidad",
     links: [
       { href: "/hackathons", label: "Hackatones" },
-      { href: "/workshops", label: "Talleres" },
       {
         href: "https://lacrypta.ar",
         label: "La Crypta",
diff --git a/components/Navbar.tsx b/components/Navbar.tsx
index 9e25693..65797f6 100644
--- a/components/Navbar.tsx
+++ b/components/Navbar.tsx
@@ -17,7 +17,6 @@ const NAV_LINKS = [
   { href: "/infrastructure", label: "Infraestructura" },
   { href: "/projects", label: "Proyectos" },
   { href: "/hackathons", label: "Hackatones" },
-  { href: "/workshops", label: "Talleres" },
 ];
 
 export default function Navbar() {

From 9fa3813ece7e976d4c697c4c2b55cbcf66daa6ea Mon Sep 17 00:00:00 2001
From: Agustin Kassis <webmaster@masize.com>
Date: Mon, 20 Apr 2026 13:36:04 -0300
Subject: [PATCH 02/11] style(logo): larger bolder LABS wordmark aligned to
 baseline

Bumps LABS from 11px to 14px (~27%), switches to font-black and uses
self-end with a small bottom margin so its baseline lines up with the
"la crypta" descent instead of the SVG vertical center.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 components/Logo.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/Logo.tsx b/components/Logo.tsx
index a22f520..832430a 100644
--- a/components/Logo.tsx
+++ b/components/Logo.tsx
@@ -54,7 +54,7 @@ export default function Logo({
         ))}
       </svg>
       {showLabs && (
-        <span className="inline-flex h-8 items-center font-mono font-black text-[11px] tracking-[0.3em] text-bitcoin shrink-0 leading-none translate-y-[1px]">
+        <span className="self-end mb-[5px] font-mono font-black text-[14px] tracking-[0.3em] text-bitcoin shrink-0 leading-none">
           LABS
         </span>
       )}

From 36b6b587111da697d6b37711a506b7a6e255a56e Mon Sep 17 00:00:00 2001
From: Agustin Kassis <webmaster@masize.com>
Date: Mon, 20 Apr 2026 13:36:50 -0300
Subject: [PATCH 03/11] feat(toast): global toast notification system
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Context-based Toast provider mounted at the root so any component can
fire notifications from anywhere. Three kinds — error, success, info —
stack at top-right with framer-motion animations. Errors default to 10s,
others 4s, and duration:0 makes them sticky. Sits at z-[200] so it
renders above modals.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 app/layout.tsx       |   9 ++-
 components/Toast.tsx | 153 +++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 159 insertions(+), 3 deletions(-)
 create mode 100644 components/Toast.tsx

diff --git a/app/layout.tsx b/app/layout.tsx
index 3ca867b..561ba26 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -3,6 +3,7 @@ import { Inter, Space_Grotesk, JetBrains_Mono } from "next/font/google";
 import "./globals.css";
 import Navbar from "@/components/Navbar";
 import Footer from "@/components/Footer";
+import { ToastProvider } from "@/components/Toast";
 
 const inter = Inter({
   variable: "--font-inter",
@@ -69,9 +70,11 @@ export default function RootLayout({
       className={`${inter.variable} ${spaceGrotesk.variable} ${jetbrainsMono.variable} h-full antialiased scroll-smooth`}
     >
       <body className="min-h-full flex flex-col bg-background text-foreground overflow-x-hidden">
-        <Navbar />
-        <main className="flex-1">{children}</main>
-        <Footer />
+        <ToastProvider>
+          <Navbar />
+          <main className="flex-1">{children}</main>
+          <Footer />
+        </ToastProvider>
       </body>
     </html>
   );
diff --git a/components/Toast.tsx b/components/Toast.tsx
new file mode 100644
index 0000000..86fe39b
--- /dev/null
+++ b/components/Toast.tsx
@@ -0,0 +1,153 @@
+"use client";
+
+import { AnimatePresence, motion } from "framer-motion";
+import { AlertTriangle, CheckCircle2, X, Info } from "lucide-react";
+import {
+  createContext,
+  useCallback,
+  useContext,
+  useState,
+  type ReactNode,
+} from "react";
+import { cn } from "@/lib/cn";
+
+type ToastKind = "error" | "success" | "info";
+
+type Toast = {
+  id: string;
+  kind: ToastKind;
+  title: string;
+  description?: string;
+  /** ms — 0 means sticky (user must dismiss) */
+  duration?: number;
+};
+
+type ToastCtx = {
+  push: (t: Omit<Toast, "id">) => string;
+  dismiss: (id: string) => void;
+};
+
+const ctx = createContext<ToastCtx | null>(null);
+
+export function useToast() {
+  const v = useContext(ctx);
+  if (!v) throw new Error("useToast must be used within <ToastProvider>");
+  return v;
+}
+
+export function ToastProvider({ children }: { children: ReactNode }) {
+  const [toasts, setToasts] = useState<Toast[]>([]);
+
+  const dismiss = useCallback((id: string) => {
+    setToasts((ts) => ts.filter((t) => t.id !== id));
+  }, []);
+
+  const push = useCallback<ToastCtx["push"]>(
+    (t) => {
+      const id =
+        typeof crypto !== "undefined" && "randomUUID" in crypto
+          ? crypto.randomUUID()
+          : Math.random().toString(36).slice(2);
+      const duration = t.duration ?? (t.kind === "error" ? 10000 : 4000);
+      setToasts((prev) => [...prev, { ...t, id }]);
+      if (duration > 0) {
+        window.setTimeout(() => dismiss(id), duration);
+      }
+      return id;
+    },
+    [dismiss],
+  );
+
+  return (
+    <ctx.Provider value={{ push, dismiss }}>
+      {children}
+      <div
+        className="fixed top-4 right-4 z-[200] flex flex-col gap-2 w-[min(92vw,380px)] pointer-events-none"
+        aria-live="polite"
+        aria-atomic="false"
+      >
+        <AnimatePresence>
+          {toasts.map((t) => (
+            <ToastCard key={t.id} toast={t} onDismiss={() => dismiss(t.id)} />
+          ))}
+        </AnimatePresence>
+      </div>
+    </ctx.Provider>
+  );
+}
+
+const KIND_STYLES: Record<
+  ToastKind,
+  { bg: string; border: string; text: string; Icon: typeof AlertTriangle }
+> = {
+  error: {
+    bg: "bg-danger/10",
+    border: "border-danger/40",
+    text: "text-danger",
+    Icon: AlertTriangle,
+  },
+  success: {
+    bg: "bg-success/10",
+    border: "border-success/40",
+    text: "text-success",
+    Icon: CheckCircle2,
+  },
+  info: {
+    bg: "bg-cyan/10",
+    border: "border-cyan/40",
+    text: "text-cyan",
+    Icon: Info,
+  },
+};
+
+function ToastCard({
+  toast,
+  onDismiss,
+}: {
+  toast: Toast;
+  onDismiss: () => void;
+}) {
+  const style = KIND_STYLES[toast.kind];
+  const Icon = style.Icon;
+  return (
+    <motion.div
+      layout
+      initial={{ opacity: 0, y: -16, scale: 0.95 }}
+      animate={{ opacity: 1, y: 0, scale: 1 }}
+      exit={{ opacity: 0, x: 20, scale: 0.9 }}
+      transition={{ type: "spring", damping: 25, stiffness: 300 }}
+      className={cn(
+        "pointer-events-auto relative rounded-xl border backdrop-blur-md glass-strong overflow-hidden",
+        style.border,
+      )}
+      role={toast.kind === "error" ? "alert" : "status"}
+    >
+      <div
+        className={cn(
+          "absolute inset-0 pointer-events-none opacity-50",
+          style.bg,
+        )}
+      />
+      <div className="relative flex items-start gap-3 px-4 py-3">
+        <Icon className={cn("h-5 w-5 shrink-0 mt-0.5", style.text)} />
+        <div className="flex-1 min-w-0">
+          <div className={cn("text-sm font-semibold", style.text)}>
+            {toast.title}
+          </div>
+          {toast.description && (
+            <div className="mt-0.5 text-xs text-foreground-muted whitespace-pre-wrap break-words max-h-40 overflow-y-auto">
+              {toast.description}
+            </div>
+          )}
+        </div>
+        <button
+          onClick={onDismiss}
+          className="shrink-0 p-1 rounded text-foreground-muted hover:text-foreground hover:bg-white/5"
+          aria-label="Cerrar"
+        >
+          <X className="h-4 w-4" />
+        </button>
+      </div>
+    </motion.div>
+  );
+}

From d95928cdf8e8c980f2640e40e7bba17c6317389a Mon Sep 17 00:00:00 2001
From: Agustin Kassis <webmaster@masize.com>
Date: Mon, 20 Apr 2026 13:37:45 -0300
Subject: [PATCH 04/11] feat(auth): persistent NIP-46 sessions with
 auto-reconnect + login UX
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Keeps the bunker session alive across reloads:
- Auth type now stores bunker.secret so the one-time auth token survives
  localStorage round-trips
- New lib/nostrSigner unifies NIP-07 (window.nostr.signEvent) and NIP-46
  (BunkerSigner.fromBunker) behind the same signer interface, and fires
  connect() opportunistically on the reconstructed signer so bunkers
  (nsecbunker, nsec.app) that treat each page load as a new session can
  re-handshake before the first signEvent

Login modal polish:
- QR flow has a hard 5-minute timeout; on expiry the modal goes back to
  the picker and raises a toast instead of sticking on the QR
- Countdown "expira en M:SS" next to ESPERANDO FIRMANTE, turns red in the
  last 30s
- NIP-07 path now shows a FIRMANDO… state while the extension popup is
  open and auto-redirects to /dashboard on success
- Correo tab is disabled with a PRONTO badge
- All bunker errors surface via toast with the exact reason (extension
  missing, signEvent not implemented, timeout, bad key, etc.)

Navbar:
- Username always visible next to the avatar (no more hidden sm:inline)
- Avatar renders the Nostr profile picture when cached, falls back to
  initials on a gradient
- Logged-in chip no longer uses border → ring-1 so the image can fill
  the circle edge-to-edge
- Mobile drawer gets a user card (avatar + name + pubkey short) and a
  Cerrar sesión button that clears auth and bounces off /dashboard

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 components/LoginModal.tsx | 112 +++++++++++++++++++-------
 components/Navbar.tsx     |  68 +++++++++++++---
 lib/auth.ts               |   7 +-
 lib/nostrSigner.ts        | 164 ++++++++++++++++++++++++++++++++++++++
 4 files changed, 310 insertions(+), 41 deletions(-)
 create mode 100644 lib/nostrSigner.ts

diff --git a/components/LoginModal.tsx b/components/LoginModal.tsx
index 6d6be08..1fe4e0f 100644
--- a/components/LoginModal.tsx
+++ b/components/LoginModal.tsx
@@ -20,8 +20,12 @@ import { useRouter } from "next/navigation";
 import Logo from "./Logo";
 import { setAuth } from "@/lib/auth";
 import { useScrollLock } from "@/lib/useScrollLock";
+import { useToast } from "./Toast";
+import { cn } from "@/lib/cn";
 import type { BunkerSigner as BunkerSignerType } from "nostr-tools/nip46";
 
+const QR_TIMEOUT_MS = 5 * 60_000;
+
 type Method = "nostr" | "email";
 type NcMode = "picker" | "url" | "qr";
 type NcState =
@@ -43,14 +47,6 @@ const nclog = (...args: unknown[]) => {
   if (NC_DEBUG) console.log("[nip46]", ...args);
 };
 
-declare global {
-  interface Window {
-    nostr?: {
-      getPublicKey: () => Promise<string>;
-    };
-  }
-}
-
 export default function LoginModal({
   open,
   onClose,
@@ -59,6 +55,7 @@ export default function LoginModal({
   onClose: () => void;
 }) {
   const router = useRouter();
+  const { push: pushToast } = useToast();
   const [method, setMethod] = useState<Method>("nostr");
   const [email, setEmail] = useState("");
   const [nip07, setNip07] = useState<"checking" | "available" | "missing">(
@@ -72,6 +69,7 @@ export default function LoginModal({
   const [authUrl, setAuthUrl] = useState<string | null>(null);
   const [qrUri, setQrUri] = useState<string | null>(null);
   const [qrDataUrl, setQrDataUrl] = useState<string | null>(null);
+  const [qrExpiresAt, setQrExpiresAt] = useState<number | null>(null);
   const [ncDiag, setNcDiag] = useState<string[]>([]);
   const [nip07Loading, setNip07Loading] = useState(false);
   const signerRef = useRef<BunkerSignerType | null>(null);
@@ -128,6 +126,7 @@ export default function LoginModal({
     setAuthUrl(null);
     setQrUri(null);
     setQrDataUrl(null);
+    setQrExpiresAt(null);
     setNcDiag([]);
     setNip07Loading(false);
   }, [open]);
@@ -148,11 +147,12 @@ export default function LoginModal({
     clientSecret: Uint8Array,
     relays: string[],
     bunkerPubkey?: string,
+    secret?: string | null,
   ) {
     setAuth({
       method: "nip46",
       pubkey,
-      bunker: { pubkey: bunkerPubkey, relays },
+      bunker: { pubkey: bunkerPubkey, relays, secret: secret ?? null },
       clientSecret: Array.from(clientSecret),
     });
   }
@@ -209,7 +209,13 @@ export default function LoginModal({
       pushDiag(`✓ conectado, solicitando pubkey…`);
       const pubkey = await signer.getPublicKey();
       pushDiag(`✓ pubkey: ${pubkey.slice(0, 8)}…`);
-      persistAuth(pubkey, clientSecret, pointer.relays, pointer.pubkey);
+      persistAuth(
+        pubkey,
+        clientSecret,
+        pointer.relays,
+        pointer.pubkey,
+        pointer.secret,
+      );
       setNcPubkey(pubkey);
       setNcState("connected");
     } catch (e) {
@@ -264,6 +270,8 @@ export default function LoginModal({
 
       setQrUri(uri);
       setQrDataUrl(dataUrl);
+      const expiresAt = Date.now() + QR_TIMEOUT_MS;
+      setQrExpiresAt(expiresAt);
 
       pushDiag(`client=${clientPubkey.slice(0, 8)}… secret=${secret}`);
       pushDiag(`escuchando ${relays.length} relay(s)`);
@@ -274,6 +282,7 @@ export default function LoginModal({
       const pool = new SimplePool();
 
       type EncEvent = { pubkey: string; content: string; kind: number };
+      const TIMEOUT_SENTINEL = "__qr_timeout__";
 
       const bunkerInfo = await new Promise<{ bunkerPubkey: string }>(
         (resolve, reject) => {
@@ -284,17 +293,10 @@ export default function LoginModal({
             closed = true;
             subCloser?.close();
           };
-          const timer = window.setTimeout(
-            () => {
-              close();
-              reject(
-                new Error(
-                  "Timeout: el firmante no respondió en 5 minutos. Probá de nuevo.",
-                ),
-              );
-            },
-            5 * 60_000,
-          );
+          const timer = window.setTimeout(() => {
+            close();
+            reject(new Error(TIMEOUT_SENTINEL));
+          }, QR_TIMEOUT_MS);
           abort.signal.addEventListener("abort", () => {
             window.clearTimeout(timer);
             close();
@@ -399,12 +401,34 @@ export default function LoginModal({
       pushDiag(`solicitando pubkey del usuario…`);
       const pubkey = await signer.getPublicKey();
       pushDiag(`✓ pubkey recibida: ${pubkey.slice(0, 8)}…`);
-      persistAuth(pubkey, clientSecret, signer.bp.relays, signer.bp.pubkey);
+      persistAuth(
+        pubkey,
+        clientSecret,
+        signer.bp.relays,
+        signer.bp.pubkey,
+        signer.bp.secret ?? secret,
+      );
       setNcPubkey(pubkey);
       setNcState("connected");
     } catch (e) {
       if (abortRef.current?.signal.aborted) return;
       const msg = e instanceof Error ? e.message : "No se pudo conectar";
+      if (msg === "__qr_timeout__") {
+        pushDiag(`✗ timeout: el QR expiró después de 5 minutos`);
+        setQrUri(null);
+        setQrDataUrl(null);
+        setQrExpiresAt(null);
+        setAuthUrl(null);
+        setNcError(null);
+        setNcState("idle");
+        pushToast({
+          kind: "info",
+          title: "El QR expiró",
+          description:
+            "Pasaron 5 minutos sin respuesta. Volvé a intentarlo cuando estés listo.",
+        });
+        return;
+      }
       pushDiag(`✗ error: ${msg}`);
       setNcError(msg);
       setNcState("error");
@@ -678,6 +702,7 @@ export default function LoginModal({
                         dataUrl={qrDataUrl}
                         authUrl={authUrl}
                         diag={ncDiag}
+                        expiresAt={qrExpiresAt}
                       />
                     )}
 
@@ -818,13 +843,29 @@ function NcQr({
   dataUrl,
   authUrl,
   diag,
+  expiresAt,
 }: {
   uri: string | null;
   dataUrl: string | null;
   authUrl: string | null;
   diag: string[];
+  expiresAt: number | null;
 }) {
   const [copied, setCopied] = useState(false);
+  const [now, setNow] = useState(() => Date.now());
+  useEffect(() => {
+    if (!expiresAt) return;
+    const id = window.setInterval(() => setNow(Date.now()), 1000);
+    return () => window.clearInterval(id);
+  }, [expiresAt]);
+
+  const remainingMs = expiresAt ? Math.max(0, expiresAt - now) : null;
+  const countdown =
+    remainingMs !== null
+      ? `${Math.floor(remainingMs / 60000)}:${String(
+          Math.floor((remainingMs % 60000) / 1000),
+        ).padStart(2, "0")}`
+      : null;
   async function copy() {
     if (!uri) return;
     try {
@@ -861,12 +902,27 @@ function NcQr({
         )}
       </div>
 
-      <div className="inline-flex items-center gap-1.5 text-[10px] font-mono text-cyan">
-        <span className="relative flex h-1.5 w-1.5">
-          <span className="animate-ping absolute inline-flex h-full w-full rounded-full bg-cyan opacity-75" />
-          <span className="relative inline-flex rounded-full h-1.5 w-1.5 bg-cyan" />
-        </span>
-        ESPERANDO FIRMANTE…
+      <div className="flex items-center gap-3 text-[10px] font-mono">
+        <div className="inline-flex items-center gap-1.5 text-cyan">
+          <span className="relative flex h-1.5 w-1.5">
+            <span className="animate-ping absolute inline-flex h-full w-full rounded-full bg-cyan opacity-75" />
+            <span className="relative inline-flex rounded-full h-1.5 w-1.5 bg-cyan" />
+          </span>
+          ESPERANDO FIRMANTE…
+        </div>
+        {countdown && (
+          <span className="text-foreground-subtle">
+            expira en{" "}
+            <span
+              className={cn(
+                "text-foreground font-semibold tabular-nums",
+                remainingMs !== null && remainingMs < 30_000 && "text-danger",
+              )}
+            >
+              {countdown}
+            </span>
+          </span>
+        )}
       </div>
 
       {uri && (
diff --git a/components/Navbar.tsx b/components/Navbar.tsx
index 65797f6..31d72d0 100644
--- a/components/Navbar.tsx
+++ b/components/Navbar.tsx
@@ -1,14 +1,14 @@
 "use client";
 
 import Link from "next/link";
-import { usePathname } from "next/navigation";
+import { usePathname, useRouter } from "next/navigation";
 import { useEffect, useState } from "react";
 import { AnimatePresence, motion } from "framer-motion";
-import { Menu, X, LogIn, Zap, LayoutDashboard } from "lucide-react";
+import { Menu, X, LogIn, Zap, LayoutDashboard, LogOut } from "lucide-react";
 import Logo from "./Logo";
 import LoginModal from "./LoginModal";
 import { cn } from "@/lib/cn";
-import { useAuth } from "@/lib/auth";
+import { useAuth, clearAuth } from "@/lib/auth";
 import { useScrollLock } from "@/lib/useScrollLock";
 import { useNostrProfile } from "@/lib/nostrProfile";
 
@@ -21,12 +21,19 @@ const NAV_LINKS = [
 
 export default function Navbar() {
   const pathname = usePathname();
+  const router = useRouter();
   const { auth } = useAuth();
   const { profile } = useNostrProfile(auth?.pubkey);
   const [scrolled, setScrolled] = useState(false);
   const [mobileOpen, setMobileOpen] = useState(false);
   const [loginOpen, setLoginOpen] = useState(false);
 
+  function handleLogout() {
+    clearAuth();
+    setMobileOpen(false);
+    if (pathname.startsWith("/dashboard")) router.push("/");
+  }
+
   useEffect(() => {
     const onScroll = () => setScrolled(window.scrollY > 8);
     onScroll();
@@ -129,7 +136,7 @@ export default function Navbar() {
                     <span>{auth.pubkey.slice(0, 2).toUpperCase()}</span>
                   )}
                 </span>
-                <span className="hidden sm:inline text-xs text-foreground truncate max-w-[14ch]">
+                <span className="text-xs text-foreground truncate max-w-[14ch]">
                   {profile?.display_name ||
                     profile?.name ||
                     `${auth.pubkey.slice(0, 6)}…`}
@@ -216,14 +223,51 @@ export default function Navbar() {
 
               <div className="mt-auto flex flex-col gap-3">
                 {auth ? (
-                  <Link
-                    href="/dashboard"
-                    onClick={() => setMobileOpen(false)}
-                    className="inline-flex items-center justify-center gap-2 px-4 py-3 rounded-lg text-sm font-semibold bg-gradient-to-r from-bitcoin to-yellow-500 text-black"
-                  >
-                    <LayoutDashboard className="h-4 w-4" />
-                    Mi dashboard
-                  </Link>
+                  <>
+                    <div className="flex items-center gap-3 px-4 py-3 rounded-lg border border-border bg-white/[0.02]">
+                      <span className="relative h-10 w-10 shrink-0 rounded-full overflow-hidden bg-gradient-to-br from-bitcoin/30 to-nostr/30 ring-1 ring-border-strong flex items-center justify-center text-xs font-display font-bold">
+                        {profile?.picture ? (
+                          <img
+                            src={profile.picture}
+                            alt=""
+                            className="block w-full h-full object-cover object-center"
+                            referrerPolicy="no-referrer"
+                            onError={(e) => {
+                              (e.currentTarget as HTMLImageElement).style.display =
+                                "none";
+                            }}
+                          />
+                        ) : (
+                          <span>{auth.pubkey.slice(0, 2).toUpperCase()}</span>
+                        )}
+                      </span>
+                      <div className="min-w-0 flex-1">
+                        <div className="text-sm font-semibold truncate">
+                          {profile?.display_name ||
+                            profile?.name ||
+                            `${auth.pubkey.slice(0, 10)}…`}
+                        </div>
+                        <div className="text-[11px] text-foreground-subtle font-mono truncate">
+                          {auth.pubkey.slice(0, 10)}…{auth.pubkey.slice(-4)}
+                        </div>
+                      </div>
+                    </div>
+                    <Link
+                      href="/dashboard"
+                      onClick={() => setMobileOpen(false)}
+                      className="inline-flex items-center justify-center gap-2 px-4 py-3 rounded-lg text-sm font-semibold bg-gradient-to-r from-bitcoin to-yellow-500 text-black"
+                    >
+                      <LayoutDashboard className="h-4 w-4" />
+                      Mi dashboard
+                    </Link>
+                    <button
+                      onClick={handleLogout}
+                      className="inline-flex items-center justify-center gap-2 px-4 py-3 rounded-lg text-sm font-semibold border border-border hover:bg-danger/10 hover:border-danger/30 hover:text-danger transition-colors"
+                    >
+                      <LogOut className="h-4 w-4" />
+                      Cerrar sesión
+                    </button>
+                  </>
                 ) : (
                   <button
                     onClick={() => {
diff --git a/lib/auth.ts b/lib/auth.ts
index e7db889..e2719db 100644
--- a/lib/auth.ts
+++ b/lib/auth.ts
@@ -7,7 +7,12 @@ export type AuthMethod = "nip07" | "nip46";
 export type Auth = {
   method: AuthMethod;
   pubkey: string;
-  bunker?: { pubkey?: string; relays: string[] };
+  bunker?: {
+    pubkey?: string;
+    relays: string[];
+    /** one-time auth secret from nostrconnect:// URI or bunker:// URL */
+    secret?: string | null;
+  };
   clientSecret?: number[];
 };
 
diff --git a/lib/nostrSigner.ts b/lib/nostrSigner.ts
new file mode 100644
index 0000000..01c6706
--- /dev/null
+++ b/lib/nostrSigner.ts
@@ -0,0 +1,164 @@
+"use client";
+
+import type { Auth } from "./auth";
+
+export type UnsignedEvent = {
+  kind: number;
+  created_at: number;
+  tags: string[][];
+  content: string;
+  pubkey?: string;
+};
+
+export type SignedEvent = {
+  id: string;
+  pubkey: string;
+  created_at: number;
+  kind: number;
+  tags: string[][];
+  content: string;
+  sig: string;
+};
+
+export type UserSigner = {
+  pubkey: string;
+  signEvent: (event: UnsignedEvent) => Promise<SignedEvent>;
+  close?: () => Promise<void>;
+};
+
+declare global {
+  interface Window {
+    nostr?: {
+      getPublicKey: () => Promise<string>;
+      signEvent?: (event: UnsignedEvent) => Promise<SignedEvent>;
+    };
+  }
+}
+
+export type GetSignerOptions = {
+  /** Called by the bunker when it requires user approval in its web UI */
+  onAuthUrl?: (url: string) => void;
+};
+
+export async function getSigner(
+  auth: Auth,
+  opts: GetSignerOptions = {},
+): Promise<UserSigner> {
+  if (auth.method === "nip07") {
+    console.log("[labs:signer] building NIP-07 signer", {
+      hasWindowNostr: typeof window !== "undefined" && !!window.nostr,
+      hasSignEvent: typeof window?.nostr?.signEvent === "function",
+    });
+    if (typeof window === "undefined") {
+      throw new Error("No hay acceso al window (SSR).");
+    }
+    if (!window.nostr) {
+      throw new Error(
+        "No se detectó window.nostr. Instalá una extensión como Alby o nos2x y recargá.",
+      );
+    }
+    if (typeof window.nostr.signEvent !== "function") {
+      throw new Error(
+        "La extensión no implementa signEvent (NIP-07). Actualizala a la última versión.",
+      );
+    }
+    const ext = window.nostr;
+    return {
+      pubkey: auth.pubkey,
+      async signEvent(event) {
+        console.log("[labs:signer] asking NIP-07 extension to sign");
+        const signed = await ext.signEvent!(event);
+        return signed;
+      },
+    };
+  }
+
+  if (auth.method === "nip46") {
+    console.log("[labs:signer] building NIP-46 signer", {
+      bunker: auth.bunker?.pubkey?.slice(0, 10) + "…",
+      relays: auth.bunker?.relays,
+      hasClientSecret: !!auth.clientSecret?.length,
+    });
+    if (!auth.bunker?.pubkey || !auth.clientSecret?.length) {
+      throw new Error(
+        "Los datos del bunker son incompletos. Volvé a iniciar sesión.",
+      );
+    }
+    if (!auth.bunker.relays?.length) {
+      throw new Error(
+        "No hay relays guardados para el bunker. Volvé a iniciar sesión.",
+      );
+    }
+
+    const { BunkerSigner } = await import("nostr-tools/nip46");
+    const { SimplePool } = await import("nostr-tools/pool");
+
+    const clientSecret = Uint8Array.from(auth.clientSecret);
+    const pool = new SimplePool();
+    const inner = BunkerSigner.fromBunker(
+      clientSecret,
+      {
+        pubkey: auth.bunker.pubkey,
+        relays: auth.bunker.relays,
+        secret: auth.bunker.secret ?? null,
+      },
+      {
+        pool,
+        onauth: (url: string) => {
+          console.log("[labs:signer] bunker requested auth_url", url);
+          opts.onAuthUrl?.(url);
+        },
+      },
+    );
+
+    // Re-establish the session opportunistically. Many bunkers (including
+    // nsec.app and nsecbunker) treat each page load as a new session and
+    // need a `connect` request before accepting `sign_event`. We fire it
+    // best-effort so slow/offline bunkers don't block the UI.
+    let connectPromise: Promise<void> | null = null;
+    const ensureConnected = () => {
+      if (!connectPromise) {
+        connectPromise = Promise.race([
+          inner.connect().then(
+            () => {
+              console.log("[labs:signer] bunker connect OK");
+            },
+            (e) => {
+              console.warn("[labs:signer] bunker connect failed", e);
+            },
+          ),
+          new Promise<void>((r) => setTimeout(r, 5000)),
+        ]).then(() => {});
+      }
+      return connectPromise;
+    };
+    // Kick it off immediately so first signEvent is faster
+    ensureConnected();
+
+    return {
+      pubkey: auth.pubkey,
+      async signEvent(event) {
+        console.log("[labs:signer] asking bunker to sign");
+        await ensureConnected();
+        const signed = (await inner.signEvent(event)) as SignedEvent;
+        console.log("[labs:signer] bunker signed", {
+          id: signed.id?.slice(0, 12),
+        });
+        return signed;
+      },
+      async close() {
+        // Don't block the UI — close with a hard cap
+        try {
+          await Promise.race([
+            inner.close(),
+            new Promise((r) => setTimeout(r, 1000)),
+          ]);
+        } catch {
+          /* noop */
+        }
+      },
+    };
+  }
+
+  throw new Error("Método de autenticación no soportado.");
+}

From 9f60135f26b1c9da04a217e8a190c208b8d1a076 Mon Sep 17 00:00:00 2001
From: Agustin Kassis <webmaster@masize.com>
Date: Mon, 20 Apr 2026 13:38:30 -0300
Subject: [PATCH 05/11] feat(projects): user portfolio stored as a NIP-78
 replaceable event
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

New /dashboard/projects page where users manage their own project list.
Each change re-signs and publishes a single kind:30078 event with
d-tag "lacrypta.labs:projects:v1", so the whole portfolio lives in one
updatable event the user owns.

Cache-first rendering:
- localStorage hydrates the list synchronously — no flicker
- fetchUserProjects never clobbers newer cache with stale relay data and
  returns the cached doc if no relay responds
- Background refresh only replaces state when a strictly newer event
  arrives; errors on the background fetch stay silent if we have cache
- Subtle "sincronizando con relays…" indicator while polling

Publish pipeline:
- Per-relay timeouts (8s default) + sign timeout (30s)
- Verifies the signer returned our own pubkey (catches account mismatch)
- onPhase callback drives the submit button label:
  Esperando firma… → Publicando en N relays → Publicado X/N relays
- Failed relays surface in the error panel with their individual reason
- Toasts for success ("Publicado en X/N relays") and errors

Dashboard main page gains a "Mis proyectos" CTA card linking to the
new route.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 app/dashboard/DashboardClient.tsx             |  27 +
 app/dashboard/projects/UserProjectsClient.tsx | 858 ++++++++++++++++++
 app/dashboard/projects/page.tsx               |  12 +
 lib/userProjects.ts                           | 245 +++++
 4 files changed, 1142 insertions(+)
 create mode 100644 app/dashboard/projects/UserProjectsClient.tsx
 create mode 100644 app/dashboard/projects/page.tsx
 create mode 100644 lib/userProjects.ts

diff --git a/app/dashboard/DashboardClient.tsx b/app/dashboard/DashboardClient.tsx
index 8030812..42fed5b 100644
--- a/app/dashboard/DashboardClient.tsx
+++ b/app/dashboard/DashboardClient.tsx
@@ -18,6 +18,8 @@ import {
   Radio,
   Loader2,
   ExternalLink,
+  FolderGit2,
+  ArrowRight,
 } from "lucide-react";
 import { useAuth, clearAuth, type Auth } from "@/lib/auth";
 import {
@@ -128,6 +130,31 @@ export default function DashboardClient() {
               </Card>
             )}
 
+            <Link
+              href="/dashboard/projects"
+              className="group relative block overflow-hidden rounded-2xl border border-bitcoin/30 bg-gradient-to-br from-bitcoin/10 to-nostr/10 p-6 hover:border-bitcoin/60 transition-all"
+            >
+              <div className="absolute -top-12 -right-12 w-40 h-40 rounded-full bg-bitcoin/20 blur-3xl group-hover:bg-bitcoin/30 transition-colors pointer-events-none" />
+              <div className="relative flex items-start gap-4">
+                <div className="shrink-0 h-11 w-11 rounded-xl bg-bitcoin/20 border border-bitcoin/40 flex items-center justify-center">
+                  <FolderGit2 className="h-5 w-5 text-bitcoin" />
+                </div>
+                <div className="flex-1 min-w-0">
+                  <div className="inline-flex items-center gap-1 text-[10px] font-mono tracking-widest text-bitcoin mb-1">
+                    NIP-78 · FIRMADOS POR VOS
+                  </div>
+                  <div className="font-display font-bold text-lg leading-tight">
+                    Mis proyectos
+                  </div>
+                  <div className="text-sm text-foreground-muted mt-1">
+                    Creá y editá tu portfolio. Se guarda firmado en relays
+                    Nostr — vos sos dueño de tu data.
+                  </div>
+                </div>
+                <ArrowRight className="h-5 w-5 text-bitcoin shrink-0 group-hover:translate-x-0.5 transition-transform mt-1" />
+              </div>
+            </Link>
+
             <Card title="Identidad" icon={<Key className="h-4 w-4" />}>
               <div className="grid grid-cols-1 gap-3">
                 <InfoRow label="npub" value={npub ?? "…"} copy mono />
diff --git a/app/dashboard/projects/UserProjectsClient.tsx b/app/dashboard/projects/UserProjectsClient.tsx
new file mode 100644
index 0000000..bb44773
--- /dev/null
+++ b/app/dashboard/projects/UserProjectsClient.tsx
@@ -0,0 +1,858 @@
+"use client";
+
+import { useEffect, useMemo, useState } from "react";
+import { useRouter } from "next/navigation";
+import Link from "next/link";
+import { AnimatePresence, motion } from "framer-motion";
+import {
+  ArrowLeft,
+  Plus,
+  Loader2,
+  Edit2,
+  Trash2,
+  ExternalLink,
+  X,
+  Check,
+  FolderGit2,
+  Globe,
+  Calendar,
+  Save,
+} from "lucide-react";
+import { GithubIcon } from "@/components/BrandIcons";
+import { useToast } from "@/components/Toast";
+import { useAuth } from "@/lib/auth";
+import { useScrollLock } from "@/lib/useScrollLock";
+import { getSigner } from "@/lib/nostrSigner";
+import {
+  DEFAULT_PROJECT_RELAYS,
+  fetchUserProjects,
+  getCachedProjects,
+  publishUserProjects,
+  type ProjectsDoc,
+  type UserProject,
+  type RelayResult,
+  type PublishPhase,
+} from "@/lib/userProjects";
+import { cn } from "@/lib/cn";
+
+type FormState = {
+  id: string | null;
+  name: string;
+  description: string;
+  url: string;
+  repo: string;
+  tags: string;
+};
+
+const EMPTY_FORM: FormState = {
+  id: null,
+  name: "",
+  description: "",
+  url: "",
+  repo: "",
+  tags: "",
+};
+
+export default function UserProjectsClient() {
+  const router = useRouter();
+  const { auth, ready } = useAuth();
+  const { push: pushToast } = useToast();
+
+  const [doc, setDoc] = useState<ProjectsDoc | null>(null);
+  const [loading, setLoading] = useState(true);
+  const [refreshing, setRefreshing] = useState(false);
+  const [error, setError] = useState<string | null>(null);
+  const [errorRelays, setErrorRelays] = useState<RelayResult[]>([]);
+  const [publishing, setPublishing] = useState(false);
+  const [phase, setPhase] = useState<PublishPhase | null>(null);
+  const [phaseDetail, setPhaseDetail] = useState<string | null>(null);
+  const [formOpen, setFormOpen] = useState(false);
+  const [form, setForm] = useState<FormState>(EMPTY_FORM);
+  const [deleteId, setDeleteId] = useState<string | null>(null);
+
+  const relays = useMemo(() => {
+    const out = new Set<string>(DEFAULT_PROJECT_RELAYS);
+    auth?.bunker?.relays?.forEach((r) => out.add(r));
+    return [...out];
+  }, [auth]);
+
+  useEffect(() => {
+    if (!ready) return;
+    if (!auth) {
+      router.replace("/");
+    }
+  }, [ready, auth, router]);
+
+  useEffect(() => {
+    if (!auth) return;
+
+    // Hydrate from cache synchronously — no flicker, no loading state.
+    const cached = getCachedProjects(auth.pubkey);
+    if (cached) {
+      setDoc(cached);
+      setLoading(false);
+    } else {
+      setLoading(true);
+    }
+
+    // Background refresh against relays; only updates UI if a newer event arrives.
+    let cancelled = false;
+    setRefreshing(true);
+    setError(null);
+    fetchUserProjects(auth.pubkey, relays)
+      .then((fresh) => {
+        if (cancelled) return;
+        setDoc((prev) => {
+          if (!prev) return fresh;
+          const prevAt = prev.eventCreatedAt ?? 0;
+          const freshAt = fresh.eventCreatedAt ?? 0;
+          // Keep current state unless a strictly newer event came in.
+          if (freshAt > prevAt) return fresh;
+          return prev;
+        });
+      })
+      .catch((e) => {
+        if (cancelled) return;
+        const msg =
+          e instanceof Error ? e.message : "Error al cargar proyectos";
+        console.warn("[labs] background refresh failed", msg);
+        // Don't clobber cache on background-refresh errors — just toast if
+        // we have nothing to show.
+        if (!cached) {
+          setError(msg);
+          pushToast({
+            kind: "error",
+            title: "No se pudieron cargar los proyectos",
+            description: msg,
+          });
+        }
+      })
+      .finally(() => {
+        if (cancelled) return;
+        setLoading(false);
+        setRefreshing(false);
+      });
+
+    return () => {
+      cancelled = true;
+    };
+  }, [auth, relays]);
+
+  async function persist(next: UserProject[]) {
+    if (!auth) return;
+    setPublishing(true);
+    setError(null);
+    setErrorRelays([]);
+    setPhase(null);
+    setPhaseDetail(null);
+    let signer: Awaited<ReturnType<typeof getSigner>> | null = null;
+    try {
+      signer = await getSigner(auth, {
+        onAuthUrl: (url) => {
+          pushToast({
+            kind: "info",
+            title: "Autorizá la firma en tu bunker",
+            description: url,
+            duration: 20000,
+          });
+          try {
+            window.open(url, "_blank", "noopener,noreferrer");
+          } catch {
+            /* popup blocked */
+          }
+        },
+      });
+      const result = await publishUserProjects(signer, next, relays, {
+        onPhase: (p, detail) => {
+          setPhase(p);
+          setPhaseDetail(detail ?? null);
+        },
+      });
+      setDoc({
+        projects: next,
+        eventCreatedAt: result.signed.created_at,
+      });
+      const okCount = result.relays.filter((r) => r.ok).length;
+      pushToast({
+        kind: "success",
+        title: "Proyecto guardado",
+        description: `Publicado en ${okCount}/${result.relays.length} relays.`,
+      });
+    } catch (e) {
+      const msg = e instanceof Error ? e.message : String(e);
+      setError(msg);
+      const rr = (e as Error & { relayResults?: RelayResult[] })?.relayResults;
+      if (Array.isArray(rr)) setErrorRelays(rr);
+      console.error("[labs] persist failed", e);
+      const desc = Array.isArray(rr) && rr.length
+        ? rr
+            .map((r) => `${r.ok ? "✓" : "✗"} ${r.relay.replace("wss://", "")}${r.error ? `: ${r.error}` : ""}`)
+            .join("\n")
+        : msg;
+      pushToast({
+        kind: "error",
+        title: "No se pudo guardar el proyecto",
+        description: desc,
+        duration: 12000,
+      });
+      throw e;
+    } finally {
+      // Don't block the UI on close
+      signer?.close?.().catch(() => {});
+      setPublishing(false);
+      setPhase(null);
+      setPhaseDetail(null);
+    }
+  }
+
+  function openCreate() {
+    setForm(EMPTY_FORM);
+    setFormOpen(true);
+  }
+
+  function openEdit(p: UserProject) {
+    setForm({
+      id: p.id,
+      name: p.name,
+      description: p.description ?? "",
+      url: p.url ?? "",
+      repo: p.repo ?? "",
+      tags: (p.tags ?? []).join(", "),
+    });
+    setFormOpen(true);
+  }
+
+  async function handleSave() {
+    if (!doc || !auth) return;
+    const now = Math.floor(Date.now() / 1000);
+    const clean = (s: string) => s.trim();
+    const tags = clean(form.tags)
+      .split(",")
+      .map((t) => t.trim())
+      .filter(Boolean);
+
+    const base: UserProject = {
+      id: form.id ?? crypto.randomUUID(),
+      name: clean(form.name),
+      description: clean(form.description) || undefined,
+      url: clean(form.url) || undefined,
+      repo: clean(form.repo) || undefined,
+      tags: tags.length ? tags : undefined,
+      createdAt: form.id
+        ? (doc.projects.find((p) => p.id === form.id)?.createdAt ?? now)
+        : now,
+      updatedAt: now,
+    };
+
+    if (!base.name) {
+      setError("El nombre es obligatorio");
+      return;
+    }
+
+    const next = form.id
+      ? doc.projects.map((p) => (p.id === form.id ? base : p))
+      : [base, ...doc.projects];
+
+    try {
+      await persist(next);
+      setFormOpen(false);
+      setForm(EMPTY_FORM);
+    } catch {
+      /* persist already set the error */
+    }
+  }
+
+  async function handleDelete(id: string) {
+    if (!doc) return;
+    const next = doc.projects.filter((p) => p.id !== id);
+    try {
+      await persist(next);
+      setDeleteId(null);
+    } catch {
+      /* noop */
+    }
+  }
+
+  if (!ready) {
+    return (
+      <div className="min-h-screen flex items-center justify-center">
+        <Loader2 className="h-6 w-6 animate-spin text-foreground-muted" />
+      </div>
+    );
+  }
+
+  if (!auth) return null;
+
+  const projects = doc?.projects ?? [];
+
+  return (
+    <div className="relative min-h-screen pt-28 pb-20">
+      <div className="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8">
+        <Link
+          href="/dashboard"
+          className="inline-flex items-center gap-1.5 text-sm font-medium text-foreground-muted hover:text-foreground transition-colors mb-6"
+        >
+          <ArrowLeft className="h-4 w-4" />
+          Volver al dashboard
+        </Link>
+
+        <div className="flex flex-col sm:flex-row sm:items-end sm:justify-between gap-4 mb-8">
+          <div>
+            <div className="inline-flex items-center gap-2 px-2.5 py-0.5 rounded-full border border-border bg-white/5 text-[10px] font-mono tracking-widest text-foreground-muted mb-3">
+              <FolderGit2 className="h-3 w-3" />
+              NIP-78 · KIND 30078
+            </div>
+            <h1 className="font-display text-3xl sm:text-4xl font-bold tracking-tight">
+              Mis proyectos
+            </h1>
+            <p className="mt-2 text-sm text-foreground-muted max-w-xl">
+              Firmados con tu clave Nostr y guardados en un evento replaceable
+              sobre {relays.length} relays abiertos. Editá o borrá cuando quieras.
+            </p>
+            {refreshing && doc && (
+              <div className="mt-3 inline-flex items-center gap-1.5 text-[10px] font-mono uppercase tracking-widest text-foreground-subtle">
+                <Loader2 className="h-3 w-3 animate-spin" />
+                sincronizando con relays…
+              </div>
+            )}
+          </div>
+          <button
+            onClick={openCreate}
+            disabled={publishing}
+            className="inline-flex items-center justify-center gap-2 px-4 py-2.5 rounded-xl bg-gradient-to-r from-bitcoin to-yellow-500 text-black font-semibold text-sm shadow-lg shadow-bitcoin/20 hover:shadow-bitcoin/40 hover:scale-[1.02] active:scale-[0.98] transition-all disabled:opacity-60 disabled:cursor-progress"
+          >
+            <Plus className="h-4 w-4" strokeWidth={2.5} />
+            Nuevo proyecto
+          </button>
+        </div>
+
+        {error && (
+          <div className="mb-6 rounded-xl bg-danger/10 border border-danger/30 overflow-hidden">
+            <div className="px-4 py-3 text-sm text-danger flex items-start gap-2">
+              <X className="h-4 w-4 shrink-0 mt-0.5" />
+              <div className="flex-1 space-y-0.5 min-w-0">
+                <div className="font-semibold">No se pudo guardar</div>
+                <div className="text-foreground-muted whitespace-pre-wrap break-words">
+                  {error.split("\n")[0]}
+                </div>
+              </div>
+              <button
+                onClick={() => {
+                  setError(null);
+                  setErrorRelays([]);
+                }}
+                className="text-danger/70 hover:text-danger shrink-0"
+                aria-label="Cerrar"
+              >
+                <X className="h-4 w-4" />
+              </button>
+            </div>
+            {errorRelays.length > 0 && (
+              <div className="border-t border-danger/20 bg-black/20 px-4 py-3 space-y-1">
+                <div className="text-[10px] font-mono uppercase tracking-widest text-foreground-subtle mb-2">
+                  Relays
+                </div>
+                {errorRelays.map((r) => (
+                  <div
+                    key={r.relay}
+                    className="flex items-start gap-2 text-xs font-mono"
+                  >
+                    <span
+                      className={cn(
+                        "h-1.5 w-1.5 rounded-full shrink-0 mt-1.5",
+                        r.ok ? "bg-success" : "bg-danger",
+                      )}
+                    />
+                    <span className="text-foreground-muted truncate">
+                      {r.relay.replace("wss://", "")}
+                    </span>
+                    {!r.ok && r.error && (
+                      <span className="text-danger/80 flex-1 truncate">
+                        — {r.error}
+                      </span>
+                    )}
+                  </div>
+                ))}
+              </div>
+            )}
+          </div>
+        )}
+
+        {loading && projects.length === 0 ? (
+          <LoadingList />
+        ) : projects.length === 0 ? (
+          <EmptyState onCreate={openCreate} />
+        ) : (
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+            <AnimatePresence mode="popLayout">
+              {projects.map((p) => (
+                <ProjectCard
+                  key={p.id}
+                  project={p}
+                  onEdit={() => openEdit(p)}
+                  onDelete={() => setDeleteId(p.id)}
+                  disabled={publishing}
+                />
+              ))}
+            </AnimatePresence>
+          </div>
+        )}
+
+        {doc?.eventCreatedAt && (
+          <p className="mt-8 text-[11px] font-mono text-foreground-subtle text-center">
+            última actualización ·{" "}
+            {new Date(doc.eventCreatedAt * 1000).toLocaleString("es-AR", {
+              day: "2-digit",
+              month: "short",
+              year: "numeric",
+              hour: "2-digit",
+              minute: "2-digit",
+            })}
+          </p>
+        )}
+      </div>
+
+      <ProjectFormModal
+        open={formOpen}
+        form={form}
+        setForm={setForm}
+        onSave={handleSave}
+        onClose={() => {
+          setFormOpen(false);
+          setForm(EMPTY_FORM);
+        }}
+        publishing={publishing}
+        phase={phase}
+        phaseDetail={phaseDetail}
+      />
+
+      <ConfirmDelete
+        open={!!deleteId}
+        onCancel={() => setDeleteId(null)}
+        onConfirm={() => deleteId && handleDelete(deleteId)}
+        publishing={publishing}
+      />
+    </div>
+  );
+}
+
+function LoadingList() {
+  return (
+    <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+      {[0, 1].map((i) => (
+        <div
+          key={i}
+          className="rounded-2xl border border-border bg-background-card p-6 h-48 shimmer"
+        />
+      ))}
+    </div>
+  );
+}
+
+function EmptyState({ onCreate }: { onCreate: () => void }) {
+  return (
+    <div className="text-center py-20 rounded-3xl border border-dashed border-border bg-background-card/50">
+      <div className="mx-auto h-12 w-12 rounded-2xl bg-bitcoin/10 border border-bitcoin/30 flex items-center justify-center mb-4">
+        <FolderGit2 className="h-5 w-5 text-bitcoin" />
+      </div>
+      <p className="font-display text-xl font-bold mb-2">
+        Todavía no hay proyectos
+      </p>
+      <p className="text-sm text-foreground-muted max-w-sm mx-auto mb-6">
+        Creá tu primer proyecto. Se firma con tu clave y queda guardado en
+        relays públicos — podés editarlo cuando quieras.
+      </p>
+      <button
+        onClick={onCreate}
+        className="inline-flex items-center gap-2 px-4 py-2.5 rounded-xl bg-gradient-to-r from-bitcoin to-yellow-500 text-black font-semibold text-sm"
+      >
+        <Plus className="h-4 w-4" strokeWidth={2.5} />
+        Crear el primero
+      </button>
+    </div>
+  );
+}
+
+function ProjectCard({
+  project,
+  onEdit,
+  onDelete,
+  disabled,
+}: {
+  project: UserProject;
+  onEdit: () => void;
+  onDelete: () => void;
+  disabled: boolean;
+}) {
+  return (
+    <motion.div
+      layout
+      initial={{ opacity: 0, scale: 0.96, y: 10 }}
+      animate={{ opacity: 1, scale: 1, y: 0 }}
+      exit={{ opacity: 0, scale: 0.96 }}
+      transition={{ duration: 0.25 }}
+      className="group relative rounded-2xl border border-border bg-background-card p-6 flex flex-col hover:border-border-strong transition-colors"
+    >
+      <div className="flex items-start justify-between gap-3">
+        <h3 className="font-display text-lg font-bold tracking-tight flex-1 min-w-0 break-words">
+          {project.name}
+        </h3>
+        <div className="flex items-center gap-1 shrink-0 opacity-60 group-hover:opacity-100 transition-opacity">
+          <button
+            onClick={onEdit}
+            disabled={disabled}
+            className="p-1.5 rounded-lg hover:bg-white/10 text-foreground-muted hover:text-foreground transition-colors disabled:opacity-50"
+            aria-label="Editar"
+          >
+            <Edit2 className="h-3.5 w-3.5" />
+          </button>
+          <button
+            onClick={onDelete}
+            disabled={disabled}
+            className="p-1.5 rounded-lg hover:bg-danger/10 text-foreground-muted hover:text-danger transition-colors disabled:opacity-50"
+            aria-label="Borrar"
+          >
+            <Trash2 className="h-3.5 w-3.5" />
+          </button>
+        </div>
+      </div>
+
+      {project.description && (
+        <p className="mt-2 text-sm text-foreground-muted leading-relaxed line-clamp-3">
+          {project.description}
+        </p>
+      )}
+
+      {project.tags && project.tags.length > 0 && (
+        <div className="mt-3 flex flex-wrap gap-1.5">
+          {project.tags.map((t) => (
+            <span
+              key={t}
+              className="px-1.5 py-0.5 rounded-md border border-border bg-white/[0.03] text-[10px] font-mono uppercase tracking-wider text-foreground-muted"
+            >
+              {t}
+            </span>
+          ))}
+        </div>
+      )}
+
+      <div className="mt-auto pt-4 flex items-center justify-between gap-3">
+        <div className="flex items-center gap-3 text-xs text-foreground-muted">
+          {project.repo && (
+            <a
+              href={project.repo}
+              target="_blank"
+              rel="noopener noreferrer"
+              className="inline-flex items-center gap-1 hover:text-foreground transition-colors"
+            >
+              <GithubIcon className="h-3.5 w-3.5" />
+              Repo
+            </a>
+          )}
+          {project.url && (
+            <a
+              href={project.url}
+              target="_blank"
+              rel="noopener noreferrer"
+              className="inline-flex items-center gap-1 hover:text-foreground transition-colors"
+            >
+              <Globe className="h-3.5 w-3.5" />
+              Sitio
+            </a>
+          )}
+        </div>
+        <div className="inline-flex items-center gap-1 text-[10px] font-mono text-foreground-subtle">
+          <Calendar className="h-3 w-3" />
+          {new Date(project.updatedAt * 1000).toLocaleDateString("es-AR", {
+            day: "2-digit",
+            month: "short",
+          })}
+        </div>
+      </div>
+    </motion.div>
+  );
+}
+
+function ProjectFormModal({
+  open,
+  form,
+  setForm,
+  onSave,
+  onClose,
+  publishing,
+  phase,
+  phaseDetail,
+}: {
+  open: boolean;
+  form: FormState;
+  setForm: (f: FormState) => void;
+  onSave: () => void;
+  onClose: () => void;
+  publishing: boolean;
+  phase: PublishPhase | null;
+  phaseDetail: string | null;
+}) {
+  const phaseLabel =
+    phase === "signing"
+      ? "Esperando firma…"
+      : phase === "publishing"
+        ? `Publicando${phaseDetail ? ` en ${phaseDetail}` : "…"}`
+        : phase === "done"
+          ? `Publicado ${phaseDetail ?? ""}`
+          : "Procesando…";
+  useScrollLock(open);
+
+  useEffect(() => {
+    if (!open) return;
+    const onKey = (e: KeyboardEvent) => {
+      if (e.key === "Escape" && !publishing) onClose();
+    };
+    window.addEventListener("keydown", onKey);
+    return () => window.removeEventListener("keydown", onKey);
+  }, [open, onClose, publishing]);
+
+  return (
+    <AnimatePresence>
+      {open && (
+        <motion.div
+          initial={{ opacity: 0 }}
+          animate={{ opacity: 1 }}
+          exit={{ opacity: 0 }}
+          className="fixed inset-0 z-[100] flex items-center justify-center p-4"
+        >
+          <motion.div
+            initial={{ opacity: 0 }}
+            animate={{ opacity: 1 }}
+            exit={{ opacity: 0 }}
+            onClick={() => !publishing && onClose()}
+            className="absolute inset-0 bg-black/80 backdrop-blur-md"
+          />
+          <motion.form
+            initial={{ opacity: 0, scale: 0.95, y: 20 }}
+            animate={{ opacity: 1, scale: 1, y: 0 }}
+            exit={{ opacity: 0, scale: 0.95, y: 20 }}
+            transition={{ type: "spring", damping: 25, stiffness: 300 }}
+            className="relative w-full max-w-lg glass-strong rounded-2xl border border-border-strong overflow-hidden"
+            onSubmit={(e) => {
+              e.preventDefault();
+              onSave();
+            }}
+          >
+            <div className="absolute -top-px left-1/2 -translate-x-1/2 w-[40%] h-px bg-gradient-to-r from-transparent via-bitcoin to-transparent" />
+
+            <div className="relative px-6 pt-6 pb-5 border-b border-border flex items-center justify-between">
+              <div>
+                <h2 className="font-display font-bold text-xl">
+                  {form.id ? "Editar proyecto" : "Nuevo proyecto"}
+                </h2>
+                <p className="text-xs text-foreground-muted mt-0.5">
+                  Se firma con tu clave y se publica en los relays.
+                </p>
+              </div>
+              <button
+                type="button"
+                onClick={() => !publishing && onClose()}
+                disabled={publishing}
+                className="p-2 rounded-lg text-foreground-muted hover:text-foreground hover:bg-white/5 transition-colors disabled:opacity-50"
+                aria-label="Cerrar"
+              >
+                <X className="h-5 w-5" />
+              </button>
+            </div>
+
+            <div className="relative px-6 py-5 space-y-4 max-h-[60vh] overflow-y-auto">
+              <Field label="Nombre" required>
+                <input
+                  type="text"
+                  autoFocus
+                  required
+                  value={form.name}
+                  onChange={(e) => setForm({ ...form, name: e.target.value })}
+                  disabled={publishing}
+                  placeholder="Mi proyecto genial"
+                  className="w-full px-3 py-2.5 rounded-lg bg-white/[0.03] border border-border focus:border-bitcoin/50 focus:bg-white/[0.05] transition-colors text-sm placeholder:text-foreground-subtle"
+                />
+              </Field>
+              <Field label="Descripción">
+                <textarea
+                  value={form.description}
+                  onChange={(e) =>
+                    setForm({ ...form, description: e.target.value })
+                  }
+                  disabled={publishing}
+                  rows={3}
+                  placeholder="¿Qué hace? ¿Para quién?"
+                  className="w-full px-3 py-2.5 rounded-lg bg-white/[0.03] border border-border focus:border-bitcoin/50 focus:bg-white/[0.05] transition-colors text-sm placeholder:text-foreground-subtle resize-none"
+                />
+              </Field>
+              <div className="grid grid-cols-1 sm:grid-cols-2 gap-4">
+                <Field label="Repositorio">
+                  <input
+                    type="url"
+                    value={form.repo}
+                    onChange={(e) => setForm({ ...form, repo: e.target.value })}
+                    disabled={publishing}
+                    placeholder="https://github.com/..."
+                    className="w-full px-3 py-2.5 rounded-lg bg-white/[0.03] border border-border focus:border-bitcoin/50 focus:bg-white/[0.05] transition-colors text-sm font-mono placeholder:text-foreground-subtle"
+                  />
+                </Field>
+                <Field label="Sitio">
+                  <input
+                    type="url"
+                    value={form.url}
+                    onChange={(e) => setForm({ ...form, url: e.target.value })}
+                    disabled={publishing}
+                    placeholder="https://..."
+                    className="w-full px-3 py-2.5 rounded-lg bg-white/[0.03] border border-border focus:border-bitcoin/50 focus:bg-white/[0.05] transition-colors text-sm font-mono placeholder:text-foreground-subtle"
+                  />
+                </Field>
+              </div>
+              <Field label="Tags" hint="separados por coma">
+                <input
+                  type="text"
+                  value={form.tags}
+                  onChange={(e) => setForm({ ...form, tags: e.target.value })}
+                  disabled={publishing}
+                  placeholder="bitcoin, lightning, nostr"
+                  className="w-full px-3 py-2.5 rounded-lg bg-white/[0.03] border border-border focus:border-bitcoin/50 focus:bg-white/[0.05] transition-colors text-sm placeholder:text-foreground-subtle"
+                />
+              </Field>
+            </div>
+
+            <div className="relative px-6 py-4 bg-black/30 border-t border-border flex items-center justify-end gap-3">
+              <button
+                type="button"
+                onClick={onClose}
+                disabled={publishing}
+                className="px-4 py-2 rounded-lg text-sm font-semibold text-foreground-muted hover:text-foreground hover:bg-white/5 transition-colors disabled:opacity-50"
+              >
+                Cancelar
+              </button>
+              <button
+                type="submit"
+                disabled={publishing || !form.name.trim()}
+                className="inline-flex items-center gap-2 px-4 py-2 rounded-lg text-sm font-semibold bg-gradient-to-r from-bitcoin to-yellow-500 text-black disabled:opacity-70 disabled:cursor-progress"
+              >
+                {publishing ? (
+                  <>
+                    <Loader2 className="h-4 w-4 animate-spin" />
+                    {phaseLabel}
+                  </>
+                ) : (
+                  <>
+                    <Save className="h-4 w-4" />
+                    {form.id ? "Guardar" : "Crear"}
+                  </>
+                )}
+              </button>
+            </div>
+          </motion.form>
+        </motion.div>
+      )}
+    </AnimatePresence>
+  );
+}
+
+function Field({
+  label,
+  hint,
+  required,
+  children,
+}: {
+  label: string;
+  hint?: string;
+  required?: boolean;
+  children: React.ReactNode;
+}) {
+  return (
+    <label className="block">
+      <span className="flex items-center justify-between text-xs font-medium text-foreground-muted mb-1.5">
+        <span>
+          {label}
+          {required && <span className="text-danger ml-0.5">*</span>}
+        </span>
+        {hint && (
+          <span className="text-[10px] text-foreground-subtle">{hint}</span>
+        )}
+      </span>
+      {children}
+    </label>
+  );
+}
+
+function ConfirmDelete({
+  open,
+  onCancel,
+  onConfirm,
+  publishing,
+}: {
+  open: boolean;
+  onCancel: () => void;
+  onConfirm: () => void;
+  publishing: boolean;
+}) {
+  useScrollLock(open);
+  return (
+    <AnimatePresence>
+      {open && (
+        <motion.div
+          initial={{ opacity: 0 }}
+          animate={{ opacity: 1 }}
+          exit={{ opacity: 0 }}
+          className="fixed inset-0 z-[100] flex items-center justify-center p-4"
+        >
+          <motion.div
+            initial={{ opacity: 0 }}
+            animate={{ opacity: 1 }}
+            exit={{ opacity: 0 }}
+            onClick={() => !publishing && onCancel()}
+            className="absolute inset-0 bg-black/80 backdrop-blur-md"
+          />
+          <motion.div
+            initial={{ opacity: 0, scale: 0.95 }}
+            animate={{ opacity: 1, scale: 1 }}
+            exit={{ opacity: 0, scale: 0.95 }}
+            className="relative w-full max-w-sm glass-strong rounded-2xl border border-border-strong p-6 text-center"
+          >
+            <div className="mx-auto h-12 w-12 rounded-full bg-danger/15 border border-danger/30 flex items-center justify-center mb-4">
+              <Trash2 className="h-5 w-5 text-danger" />
+            </div>
+            <h3 className="font-display font-bold text-lg mb-1">
+              ¿Borrar proyecto?
+            </h3>
+            <p className="text-sm text-foreground-muted mb-5">
+              Esto reemplaza el evento en los relays. Podés volver a crearlo
+              después.
+            </p>
+            <div className="flex gap-3">
+              <button
+                onClick={onCancel}
+                disabled={publishing}
+                className="flex-1 px-4 py-2.5 rounded-lg border border-border hover:bg-white/5 text-sm font-semibold transition-colors disabled:opacity-50"
+              >
+                Cancelar
+              </button>
+              <button
+                onClick={onConfirm}
+                disabled={publishing}
+                className="flex-1 inline-flex items-center justify-center gap-2 px-4 py-2.5 rounded-lg bg-danger text-white text-sm font-semibold hover:bg-danger/90 transition-colors disabled:opacity-50 disabled:cursor-progress"
+              >
+                {publishing ? (
+                  <>
+                    <Loader2 className="h-4 w-4 animate-spin" />
+                    Borrando…
+                  </>
+                ) : (
+                  <>
+                    <Check className="h-4 w-4" />
+                    Borrar
+                  </>
+                )}
+              </button>
+            </div>
+          </motion.div>
+        </motion.div>
+      )}
+    </AnimatePresence>
+  );
+}
diff --git a/app/dashboard/projects/page.tsx b/app/dashboard/projects/page.tsx
new file mode 100644
index 0000000..670d1b7
--- /dev/null
+++ b/app/dashboard/projects/page.tsx
@@ -0,0 +1,12 @@
+import type { Metadata } from "next";
+import UserProjectsClient from "./UserProjectsClient";
+
+export const metadata: Metadata = {
+  title: "Mis proyectos",
+  description:
+    "Tus proyectos, firmados con tu clave Nostr y guardados en relays abiertos.",
+};
+
+export default function UserProjectsPage() {
+  return <UserProjectsClient />;
+}
diff --git a/lib/userProjects.ts b/lib/userProjects.ts
new file mode 100644
index 0000000..1ee5819
--- /dev/null
+++ b/lib/userProjects.ts
@@ -0,0 +1,245 @@
+"use client";
+
+import type { SignedEvent, UserSigner } from "./nostrSigner";
+
+// NIP-78 parameterized replaceable event for arbitrary app data.
+export const PROJECTS_KIND = 30078;
+export const PROJECTS_D_TAG = "lacrypta.labs:projects:v1";
+
+export type UserProject = {
+  id: string;
+  name: string;
+  description?: string;
+  url?: string;
+  repo?: string;
+  tags?: string[];
+  createdAt: number;
+  updatedAt: number;
+};
+
+export type ProjectsDoc = {
+  projects: UserProject[];
+  /** unix seconds of the event that holds this list, if any */
+  eventCreatedAt?: number;
+};
+
+const CACHE_PREFIX = "labs:user-projects:";
+
+export function getCachedProjects(pubkey: string): ProjectsDoc | null {
+  if (typeof window === "undefined") return null;
+  try {
+    const raw = window.localStorage.getItem(CACHE_PREFIX + pubkey);
+    if (!raw) return null;
+    return JSON.parse(raw) as ProjectsDoc;
+  } catch {
+    return null;
+  }
+}
+
+export function setCachedProjects(pubkey: string, doc: ProjectsDoc) {
+  if (typeof window === "undefined") return;
+  try {
+    window.localStorage.setItem(CACHE_PREFIX + pubkey, JSON.stringify(doc));
+  } catch {
+    /* quota */
+  }
+}
+
+export const DEFAULT_PROJECT_RELAYS = [
+  "wss://relay.damus.io",
+  "wss://relay.primal.net",
+  "wss://relay.nostr.band",
+  "wss://nos.lol",
+];
+
+function parseList(content: string): UserProject[] {
+  try {
+    const parsed = JSON.parse(content);
+    if (!Array.isArray(parsed)) return [];
+    return parsed
+      .filter((p) => p && typeof p === "object" && typeof p.name === "string")
+      .map((p) => ({
+        id: String(p.id ?? crypto.randomUUID()),
+        name: String(p.name),
+        description: p.description ? String(p.description) : undefined,
+        url: p.url ? String(p.url) : undefined,
+        repo: p.repo ? String(p.repo) : undefined,
+        tags: Array.isArray(p.tags)
+          ? p.tags.map((t: unknown) => String(t))
+          : undefined,
+        createdAt: Number(p.createdAt ?? Math.floor(Date.now() / 1000)),
+        updatedAt: Number(p.updatedAt ?? Math.floor(Date.now() / 1000)),
+      }));
+  } catch {
+    return [];
+  }
+}
+
+export async function fetchUserProjects(
+  pubkey: string,
+  relays: string[] = DEFAULT_PROJECT_RELAYS,
+  timeoutMs = 4000,
+): Promise<ProjectsDoc> {
+  const cached = getCachedProjects(pubkey);
+
+  const { SimplePool } = await import("nostr-tools/pool");
+  const pool = new SimplePool();
+  const events: { content: string; created_at: number }[] = [];
+
+  const closer = pool.subscribe(
+    relays,
+    {
+      kinds: [PROJECTS_KIND],
+      authors: [pubkey],
+      "#d": [PROJECTS_D_TAG],
+    },
+    {
+      onevent(ev: { content: string; created_at: number }) {
+        events.push(ev);
+      },
+      oneose() {
+        closer.close();
+      },
+    },
+  );
+
+  await new Promise((r) => setTimeout(r, timeoutMs));
+  closer.close();
+
+  events.sort((a, b) => b.created_at - a.created_at);
+  const latest = events[0];
+
+  // No event from any relay: keep whatever is cached.
+  if (!latest) {
+    return cached ?? { projects: [] };
+  }
+
+  // Cache is equal or newer: don't overwrite with potentially stale relay data.
+  if (cached?.eventCreatedAt && cached.eventCreatedAt >= latest.created_at) {
+    return cached;
+  }
+
+  const doc: ProjectsDoc = {
+    projects: parseList(latest.content),
+    eventCreatedAt: latest.created_at,
+  };
+  setCachedProjects(pubkey, doc);
+  return doc;
+}
+
+export type RelayResult = {
+  relay: string;
+  ok: boolean;
+  error?: string;
+};
+
+export type PublishPhase = "signing" | "publishing" | "done";
+
+export type PublishResult = {
+  signed: SignedEvent;
+  relays: RelayResult[];
+};
+
+function withTimeout<T>(p: Promise<T>, ms: number, label: string): Promise<T> {
+  return Promise.race([
+    p,
+    new Promise<T>((_, reject) =>
+      setTimeout(() => reject(new Error(`Timeout: ${label} (${ms}ms)`)), ms),
+    ),
+  ]);
+}
+
+export async function publishUserProjects(
+  signer: UserSigner,
+  projects: UserProject[],
+  relays: string[] = DEFAULT_PROJECT_RELAYS,
+  opts?: {
+    signTimeoutMs?: number;
+    publishTimeoutMs?: number;
+    onPhase?: (phase: PublishPhase, detail?: string) => void;
+  },
+): Promise<PublishResult> {
+  const {
+    signTimeoutMs = 30_000,
+    publishTimeoutMs = 8_000,
+    onPhase,
+  } = opts ?? {};
+
+  const event = {
+    kind: PROJECTS_KIND,
+    created_at: Math.floor(Date.now() / 1000),
+    tags: [
+      ["d", PROJECTS_D_TAG],
+      ["client", "La Crypta Labs"],
+    ],
+    content: JSON.stringify(projects),
+    pubkey: signer.pubkey,
+  };
+
+  onPhase?.("signing");
+  console.log("[labs] signing event…", event);
+  const signed = await withTimeout(
+    signer.signEvent(event),
+    signTimeoutMs,
+    "esperando firma",
+  );
+  console.log("[labs] event signed", { id: signed.id, pubkey: signed.pubkey });
+
+  if (signed.pubkey !== signer.pubkey) {
+    throw new Error(
+      `El firmante devolvió una pubkey distinta (esperada ${signer.pubkey.slice(0, 10)}…, recibida ${signed.pubkey.slice(0, 10)}…).`,
+    );
+  }
+
+  const { SimplePool } = await import("nostr-tools/pool");
+  const pool = new SimplePool();
+
+  onPhase?.("publishing", `${relays.length} relays`);
+  console.log("[labs] publishing to", relays);
+
+  const publishPromises = pool.publish(relays, signed);
+  const relayResults: RelayResult[] = await Promise.all(
+    publishPromises.map(async (p, i) => {
+      const relay = relays[i];
+      try {
+        await withTimeout(p, publishTimeoutMs, `${relay}`);
+        console.log("[labs] relay accepted", relay);
+        return { relay, ok: true };
+      } catch (e) {
+        const msg = e instanceof Error ? e.message : String(e);
+        console.warn("[labs] relay failed", relay, msg);
+        return { relay, ok: false, error: msg };
+      }
+    }),
+  );
+
+  try {
+    pool.close(relays);
+  } catch {
+    /* noop */
+  }
+
+  const okCount = relayResults.filter((r) => r.ok).length;
+  onPhase?.(
+    "done",
+    `${okCount}/${relayResults.length} relays`,
+  );
+
+  if (okCount === 0) {
+    const detail = relayResults
+      .map((r) => `${r.relay}: ${r.error ?? "sin respuesta"}`)
+      .join("\n");
+    const err = new Error(
+      `Ningún relay aceptó el evento.\n${detail}`,
+    );
+    (err as Error & { relayResults: RelayResult[] }).relayResults = relayResults;
+    throw err;
+  }
+
+  setCachedProjects(signer.pubkey, {
+    projects,
+    eventCreatedAt: signed.created_at,
+  });
+
+  return { signed, relays: relayResults };
+}

From a3b83f7a58b472b00c074afdb2258f1602c7fad2 Mon Sep 17 00:00:00 2001
From: Agustin Kassis <webmaster@masize.com>
Date: Mon, 20 Apr 2026 18:53:17 -0300
Subject: [PATCH 06/11] feat(hackathons): redirect to external
 hackaton.lacrypta.ar

Drops the local /hackathons page and rewires the Navbar and Footer
entries to point at https://hackaton.lacrypta.ar/ instead. Both links
open in a new tab with a subtle ExternalLink icon; the Navbar's
NAV_LINKS array now carries an `external` flag so future outbound items
can reuse the same render path for desktop and the mobile drawer.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 app/hackathons/HackathonsList.tsx | 249 ------------------------------
 app/hackathons/page.tsx           |  87 -----------
 components/Footer.tsx             |   6 +-
 components/Navbar.tsx             | 126 +++++++++++----
 4 files changed, 98 insertions(+), 370 deletions(-)
 delete mode 100644 app/hackathons/HackathonsList.tsx
 delete mode 100644 app/hackathons/page.tsx

diff --git a/app/hackathons/HackathonsList.tsx b/app/hackathons/HackathonsList.tsx
deleted file mode 100644
index 152835c..0000000
--- a/app/hackathons/HackathonsList.tsx
+++ /dev/null
@@ -1,249 +0,0 @@
-"use client";
-
-import { motion } from "framer-motion";
-import { ArrowRight, CalendarDays, MapPin, Trophy, Users } from "lucide-react";
-import { cn } from "@/lib/cn";
-
-type Hackathon = {
-  slug: string;
-  name: string;
-  date: string;
-  iso: string;
-  location: string;
-  status: "upcoming" | "past";
-  theme: string;
-  description: string;
-  prize?: string;
-  participants?: string;
-  winner?: string;
-  accent: "bitcoin" | "lightning" | "nostr" | "cyan";
-};
-
-const ACCENT: Record<Hackathon["accent"], string> = {
-  bitcoin: "from-bitcoin/30 to-transparent border-bitcoin/30 text-bitcoin",
-  lightning:
-    "from-lightning/30 to-transparent border-lightning/30 text-lightning",
-  nostr: "from-nostr/30 to-transparent border-nostr/30 text-nostr",
-  cyan: "from-cyan/30 to-transparent border-cyan/30 text-cyan",
-};
-
-const UPCOMING: Hackathon[] = [
-  {
-    slug: "la-crypta-summer-2026",
-    name: "La Crypta Summer Hackathon",
-    date: "14 – 16 Jun 2026",
-    iso: "2026-06-14",
-    location: "Buenos Aires · Argentina",
-    status: "upcoming",
-    theme: "Nostr × IA — agentes con pago por pensamiento",
-    description:
-      "Un sprint de 48 horas para construir agentes de IA nativos en Nostr que pueden ganar y gastar sats de forma autónoma. Traé tu LLM, nosotros ponemos la plumbería.",
-    prize: "5.000.000 sats + mentoría",
-    accent: "bitcoin",
-  },
-];
-
-const PAST: Hackathon[] = [
-  {
-    slug: "lawallet-jam-2025",
-    name: "LaWallet Jam",
-    date: "22 – 24 Nov 2025",
-    iso: "2025-11-22",
-    location: "Buenos Aires",
-    status: "past",
-    theme: "Extensiones y mini-apps para LaWallet",
-    description:
-      "Los hackers construyeron 17 nuevos plugins para LaWallet en un finde — desde integraciones POS hasta juegos de zaps.",
-    participants: "82 builders, 17 equipos",
-    winner: "🏆 ZapCrawler — una búsqueda del tesoro por proof-of-zap",
-    accent: "nostr",
-  },
-  {
-    slug: "lightning-games-2025",
-    name: "Lightning Games",
-    date: "7 – 9 Jun 2025",
-    iso: "2025-06-07",
-    location: "Buenos Aires",
-    status: "past",
-    theme: "Juegos multijugador nativos en Lightning",
-    description:
-      "48 horas, 9 juegos multijugador con sats como economía. Algunos se siguen jugando hoy.",
-    participants: "64 builders, 14 equipos",
-    winner: "🏆 Sat Chess — ajedrez con apuesta por movida sobre Lightning",
-    accent: "lightning",
-  },
-  {
-    slug: "nostrathon-2024",
-    name: "Nostr-a-thon",
-    date: "12 – 14 Oct 2024",
-    iso: "2024-10-12",
-    location: "Buenos Aires",
-    status: "past",
-    theme: "Apps sociales sobre Nostr",
-    description:
-      "Un fin de semana de experimentos con NIP-23, NIP-51 y zaps. Varios proyectos se siguen manteniendo.",
-    participants: "95 builders, 19 equipos",
-    winner: "🏆 CryptaBook — agenda social sobre Nostr",
-    accent: "cyan",
-  },
-  {
-    slug: "btc-builders-2024",
-    name: "BTC Builders Weekend",
-    date: "18 – 20 May 2024",
-    iso: "2024-05-18",
-    location: "Buenos Aires",
-    status: "past",
-    theme: "Bitcoin-only / soberanía",
-    description:
-      "Hardware wallets, wallets miniscript, herramientas de coinjoin — todo lo que haga más fácil la autocustodia.",
-    participants: "70 builders, 11 equipos",
-    winner: "🏆 Silent Payments Toolkit",
-    accent: "bitcoin",
-  },
-];
-
-export default function HackathonsList() {
-  return (
-    <div className="space-y-14">
-      <Group title="Próximos" subtitle="Registrate temprano, los cupos son limitados">
-        {UPCOMING.map((h, i) => (
-          <HackathonCard key={h.slug} hackathon={h} index={i} featured />
-        ))}
-      </Group>
-
-      <Group
-        title="Ediciones anteriores"
-        subtitle="Una pequeña muestra — mirá GitHub para ver ganadores y código"
-      >
-        <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-          {PAST.map((h, i) => (
-            <HackathonCard key={h.slug} hackathon={h} index={i} />
-          ))}
-        </div>
-      </Group>
-    </div>
-  );
-}
-
-function Group({
-  title,
-  subtitle,
-  children,
-}: {
-  title: string;
-  subtitle?: string;
-  children: React.ReactNode;
-}) {
-  return (
-    <div>
-      <div className="mb-6">
-        <h2 className="font-display text-2xl font-bold tracking-tight">
-          {title}
-        </h2>
-        {subtitle && (
-          <p className="mt-1 text-sm text-foreground-muted">{subtitle}</p>
-        )}
-      </div>
-      {children}
-    </div>
-  );
-}
-
-function HackathonCard({
-  hackathon,
-  index,
-  featured = false,
-}: {
-  hackathon: Hackathon;
-  index: number;
-  featured?: boolean;
-}) {
-  const accent = ACCENT[hackathon.accent];
-  return (
-    <motion.article
-      initial={{ opacity: 0, y: 30 }}
-      whileInView={{ opacity: 1, y: 0 }}
-      viewport={{ once: true, margin: "-80px" }}
-      transition={{ duration: 0.5, delay: index * 0.05 }}
-      className={cn(
-        "group relative overflow-hidden rounded-2xl border bg-background-card",
-        "border-border hover:border-border-strong transition-colors",
-        featured && "md:p-0",
-      )}
-    >
-      <div
-        className={cn(
-          "absolute inset-0 bg-gradient-to-br opacity-50 group-hover:opacity-80 transition-opacity pointer-events-none",
-          accent,
-        )}
-      />
-      <div
-        className={cn(
-          "relative p-6",
-          featured && "md:p-8 md:grid md:grid-cols-[1fr_auto] md:gap-8 md:items-center",
-        )}
-      >
-        <div>
-          <div className="flex flex-wrap items-center gap-2 mb-3">
-            <span
-              className={cn(
-                "inline-flex items-center gap-1.5 px-2 py-0.5 rounded-full border text-[10px] font-mono font-semibold tracking-widest",
-                accent,
-              )}
-            >
-              <CalendarDays className="h-3 w-3" />
-              {hackathon.status === "upcoming" ? "PRÓXIMO" : "PASADO"}
-            </span>
-            <span className="text-xs font-mono text-foreground-muted">
-              {hackathon.date}
-            </span>
-          </div>
-
-          <h3 className="font-display text-2xl md:text-3xl font-bold tracking-tight mb-2">
-            {hackathon.name}
-          </h3>
-          <p className="text-base font-semibold text-foreground-muted mb-3">
-            {hackathon.theme}
-          </p>
-          <p className="text-sm text-foreground-muted leading-relaxed max-w-xl">
-            {hackathon.description}
-          </p>
-
-          <div className="mt-5 flex flex-wrap gap-x-6 gap-y-2 text-sm">
-            <span className="inline-flex items-center gap-1.5 text-foreground-muted">
-              <MapPin className="h-3.5 w-3.5 opacity-60" />
-              {hackathon.location}
-            </span>
-            {hackathon.prize && (
-              <span className="inline-flex items-center gap-1.5 text-lightning font-mono">
-                <Trophy className="h-3.5 w-3.5" />
-                {hackathon.prize}
-              </span>
-            )}
-            {hackathon.participants && (
-              <span className="inline-flex items-center gap-1.5 text-foreground-muted">
-                <Users className="h-3.5 w-3.5 opacity-60" />
-                {hackathon.participants}
-              </span>
-            )}
-          </div>
-
-          {hackathon.winner && (
-            <div className="mt-4 text-sm font-mono text-foreground-muted">
-              {hackathon.winner}
-            </div>
-          )}
-        </div>
-
-        {featured && (
-          <div className="mt-6 md:mt-0">
-            <button className="inline-flex items-center gap-2 px-5 py-3 rounded-xl bg-gradient-to-r from-bitcoin to-yellow-500 text-black font-semibold text-sm shadow-lg shadow-bitcoin/20 hover:shadow-bitcoin/40 hover:scale-[1.02] transition-all">
-              Registrate ahora
-              <ArrowRight className="h-4 w-4" />
-            </button>
-          </div>
-        )}
-      </div>
-    </motion.article>
-  );
-}
diff --git a/app/hackathons/page.tsx b/app/hackathons/page.tsx
deleted file mode 100644
index ef550b2..0000000
--- a/app/hackathons/page.tsx
+++ /dev/null
@@ -1,87 +0,0 @@
-import type { Metadata } from "next";
-import PageHero from "@/components/ui/PageHero";
-import HackathonsList from "./HackathonsList";
-import { Code, Trophy, Users, Zap } from "lucide-react";
-
-export const metadata: Metadata = {
-  title: "Hackatones",
-  description:
-    "Hackatones organizados por La Crypta Labs — Bitcoin, Lightning y Nostr. Premios reales, mentores reales, builders reales.",
-};
-
-export default function HackathonsPage() {
-  return (
-    <>
-      <PageHero
-        eyebrow="HACKATONES"
-        eyebrowIcon={<Code className="h-3 w-3" />}
-        title={
-          <>
-            Construí algo{" "}
-            <span className="text-gradient-bitcoin">en 48 horas.</span>
-          </>
-        }
-        description="Organizamos hackatones de alta intensidad sobre protocolos abiertos. Vení solo, salí con equipo, prototipo y nuevos amigos."
-      />
-
-      <section className="py-16 sm:py-20">
-        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
-          <div className="grid grid-cols-2 lg:grid-cols-4 gap-4 mb-16">
-            <KpiCard
-              value="12"
-              label="Eventos realizados"
-              icon={<Code className="h-5 w-5" />}
-              bg={<Code className="h-32 w-32" />}
-              accent="text-bitcoin"
-            />
-            <KpiCard
-              value="300+"
-              label="Builders participaron"
-              icon={<Users className="h-5 w-5" />}
-              bg={<Users className="h-32 w-32" />}
-              accent="text-nostr"
-            />
-            <KpiCard
-              value="10M"
-              label="Sats repartidos"
-              icon={<Trophy className="h-5 w-5" />}
-              bg={<Trophy className="h-32 w-32" />}
-              accent="text-lightning"
-            />
-            <KpiCard
-              value="48h"
-              label="Duración promedio"
-              icon={<Zap className="h-5 w-5" />}
-              bg={<Zap className="h-32 w-32" />}
-              accent="text-cyan"
-            />
-          </div>
-          <HackathonsList />
-        </div>
-      </section>
-    </>
-  );
-}
-
-function KpiCard({
-  value,
-  label,
-  icon,
-  bg,
-  accent,
-}: {
-  value: string;
-  label: string;
-  icon: React.ReactNode;
-  bg: React.ReactNode;
-  accent: string;
-}) {
-  return (
-    <div className="relative overflow-hidden rounded-2xl border border-border bg-background-card p-6">
-      <div className="absolute -top-8 -right-8 opacity-5">{bg}</div>
-      <div className={`mb-3 ${accent}`}>{icon}</div>
-      <div className="font-display text-4xl font-bold">{value}</div>
-      <div className="mt-1 text-sm text-foreground-muted">{label}</div>
-    </div>
-  );
-}
diff --git a/components/Footer.tsx b/components/Footer.tsx
index 63ffac6..761ca76 100644
--- a/components/Footer.tsx
+++ b/components/Footer.tsx
@@ -15,7 +15,11 @@ const COLS = [
   {
     title: "Comunidad",
     links: [
-      { href: "/hackathons", label: "Hackatones" },
+      {
+        href: "https://hackaton.lacrypta.ar/",
+        label: "Hackatones",
+        external: true,
+      },
       {
         href: "https://lacrypta.ar",
         label: "La Crypta",
diff --git a/components/Navbar.tsx b/components/Navbar.tsx
index 31d72d0..af4ce4c 100644
--- a/components/Navbar.tsx
+++ b/components/Navbar.tsx
@@ -4,7 +4,15 @@ import Link from "next/link";
 import { usePathname, useRouter } from "next/navigation";
 import { useEffect, useState } from "react";
 import { AnimatePresence, motion } from "framer-motion";
-import { Menu, X, LogIn, Zap, LayoutDashboard, LogOut } from "lucide-react";
+import {
+  Menu,
+  X,
+  LogIn,
+  Zap,
+  LayoutDashboard,
+  LogOut,
+  ExternalLink,
+} from "lucide-react";
 import Logo from "./Logo";
 import LoginModal from "./LoginModal";
 import { cn } from "@/lib/cn";
@@ -12,11 +20,21 @@ import { useAuth, clearAuth } from "@/lib/auth";
 import { useScrollLock } from "@/lib/useScrollLock";
 import { useNostrProfile } from "@/lib/nostrProfile";
 
-const NAV_LINKS = [
+type NavLink = {
+  href: string;
+  label: string;
+  external?: boolean;
+};
+
+const NAV_LINKS: NavLink[] = [
   { href: "/", label: "Inicio" },
   { href: "/infrastructure", label: "Infraestructura" },
   { href: "/projects", label: "Proyectos" },
-  { href: "/hackathons", label: "Hackatones" },
+  {
+    href: "https://hackaton.lacrypta.ar/",
+    label: "Hackatones",
+    external: true,
+  },
 ];
 
 export default function Navbar() {
@@ -68,20 +86,19 @@ export default function Navbar() {
           <div className="hidden lg:flex items-center gap-1">
             {NAV_LINKS.map((link) => {
               const active =
-                link.href === "/"
-                  ? pathname === "/"
-                  : pathname.startsWith(link.href);
-              return (
-                <Link
-                  key={link.href}
-                  href={link.href}
-                  className={cn(
-                    "relative px-4 py-2 text-sm font-medium rounded-lg transition-colors",
-                    active
-                      ? "text-foreground"
-                      : "text-foreground-muted hover:text-foreground",
-                  )}
-                >
+                link.external
+                  ? false
+                  : link.href === "/"
+                    ? pathname === "/"
+                    : pathname.startsWith(link.href);
+              const className = cn(
+                "relative px-4 py-2 text-sm font-medium rounded-lg transition-colors",
+                active
+                  ? "text-foreground"
+                  : "text-foreground-muted hover:text-foreground",
+              );
+              const content = (
+                <>
                   {active && (
                     <motion.div
                       layoutId="nav-pill"
@@ -89,7 +106,27 @@ export default function Navbar() {
                       transition={{ type: "spring", bounce: 0.2, duration: 0.5 }}
                     />
                   )}
-                  <span className="relative">{link.label}</span>
+                  <span className="relative inline-flex items-center gap-1">
+                    {link.label}
+                    {link.external && (
+                      <ExternalLink className="h-3 w-3 opacity-60" />
+                    )}
+                  </span>
+                </>
+              );
+              return link.external ? (
+                <a
+                  key={link.href}
+                  href={link.href}
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  className={className}
+                >
+                  {content}
+                </a>
+              ) : (
+                <Link key={link.href} href={link.href} className={className}>
+                  {content}
                 </Link>
               );
             })}
@@ -194,9 +231,25 @@ export default function Navbar() {
               <div className="flex flex-col gap-1 mb-8">
                 {NAV_LINKS.map((link, i) => {
                   const active =
-                    link.href === "/"
-                      ? pathname === "/"
-                      : pathname.startsWith(link.href);
+                    link.external
+                      ? false
+                      : link.href === "/"
+                        ? pathname === "/"
+                        : pathname.startsWith(link.href);
+                  const itemClass = cn(
+                    "flex items-center justify-between gap-2 px-4 py-3 rounded-lg text-base font-medium transition-colors",
+                    active
+                      ? "bg-bitcoin/10 text-bitcoin border border-bitcoin/20"
+                      : "text-foreground-muted hover:text-foreground hover:bg-white/5",
+                  );
+                  const inner = (
+                    <>
+                      <span>{link.label}</span>
+                      {link.external && (
+                        <ExternalLink className="h-4 w-4 opacity-60" />
+                      )}
+                    </>
+                  );
                   return (
                     <motion.div
                       key={link.href}
@@ -204,18 +257,25 @@ export default function Navbar() {
                       animate={{ opacity: 1, x: 0 }}
                       transition={{ delay: 0.05 * i + 0.1 }}
                     >
-                      <Link
-                        href={link.href}
-                        onClick={() => setMobileOpen(false)}
-                        className={cn(
-                          "block px-4 py-3 rounded-lg text-base font-medium transition-colors",
-                          active
-                            ? "bg-bitcoin/10 text-bitcoin border border-bitcoin/20"
-                            : "text-foreground-muted hover:text-foreground hover:bg-white/5",
-                        )}
-                      >
-                        {link.label}
-                      </Link>
+                      {link.external ? (
+                        <a
+                          href={link.href}
+                          target="_blank"
+                          rel="noopener noreferrer"
+                          onClick={() => setMobileOpen(false)}
+                          className={itemClass}
+                        >
+                          {inner}
+                        </a>
+                      ) : (
+                        <Link
+                          href={link.href}
+                          onClick={() => setMobileOpen(false)}
+                          className={itemClass}
+                        >
+                          {inner}
+                        </Link>
+                      )}
                     </motion.div>
                   );
                 })}

From 23c95c8aeb0313c6fbc0ec639b8838c7e138e7a1 Mon Sep 17 00:00:00 2001
From: Agustin Kassis <webmaster@masize.com>
Date: Mon, 20 Apr 2026 18:53:54 -0300
Subject: [PATCH 07/11] refactor(projects): one NIP-78 event per project with
 indexable tag
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Switches the user-projects storage from a single replaceable event
holding the whole JSON array to one parameterised replaceable event
per project.

Event shape (kind 30078):
- d = "lacrypta.labs:project:<local-id>"  (unique per project)
- t = "lacrypta-labs-project"              (indexable for global scan)
- t = <each user-supplied category>        (facet search)
- name / r / client as hint tags
- content = JSON of the full project

Deleting publishes a tombstone with the same `d` tag, empty content
and no `t:lacrypta-labs-project` so it drops out of the community
index. Cache moves to labs:user-projects-v2:<pubkey>.

fetchUserProjects now queries the new filter (authors + #t), dedupes
per (pubkey, d) keeping the latest, and drops tombstones client-side.

UserProjectsClient adapts:
- persistProject / removeProject publish a single event each, so one
  failure no longer blocks the rest of the portfolio
- runSignerOp centralises the signer lifecycle, toasts and phase UI
- Background refresh merges per-id by updatedAt, and keeps projects
  created in the last 60s even if they haven't propagated to any relay
- "última actualización" now reads max(updatedAt) across projects
  instead of a single event timestamp

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 app/dashboard/projects/UserProjectsClient.tsx | 141 +++--
 lib/userProjects.ts                           | 556 +++++++++++++-----
 2 files changed, 518 insertions(+), 179 deletions(-)

diff --git a/app/dashboard/projects/UserProjectsClient.tsx b/app/dashboard/projects/UserProjectsClient.tsx
index bb44773..7495cc3 100644
--- a/app/dashboard/projects/UserProjectsClient.tsx
+++ b/app/dashboard/projects/UserProjectsClient.tsx
@@ -24,15 +24,17 @@ import { useAuth } from "@/lib/auth";
 import { useScrollLock } from "@/lib/useScrollLock";
 import { getSigner } from "@/lib/nostrSigner";
 import {
-  DEFAULT_PROJECT_RELAYS,
+  DEFAULT_USER_RELAYS,
+  deleteUserProject,
   fetchUserProjects,
-  getCachedProjects,
-  publishUserProjects,
+  getCachedUserProjects,
+  publishUserProject,
   type ProjectsDoc,
   type UserProject,
-  type RelayResult,
-  type PublishPhase,
 } from "@/lib/userProjects";
+
+type RelayResult = { relay: string; ok: boolean; error?: string };
+type Phase = "signing" | "publishing" | "done";
 import { cn } from "@/lib/cn";
 
 type FormState = {
@@ -64,14 +66,14 @@ export default function UserProjectsClient() {
   const [error, setError] = useState<string | null>(null);
   const [errorRelays, setErrorRelays] = useState<RelayResult[]>([]);
   const [publishing, setPublishing] = useState(false);
-  const [phase, setPhase] = useState<PublishPhase | null>(null);
+  const [phase, setPhase] = useState<Phase | null>(null);
   const [phaseDetail, setPhaseDetail] = useState<string | null>(null);
   const [formOpen, setFormOpen] = useState(false);
   const [form, setForm] = useState<FormState>(EMPTY_FORM);
   const [deleteId, setDeleteId] = useState<string | null>(null);
 
   const relays = useMemo(() => {
-    const out = new Set<string>(DEFAULT_PROJECT_RELAYS);
+    const out = new Set<string>(DEFAULT_USER_RELAYS);
     auth?.bunker?.relays?.forEach((r) => out.add(r));
     return [...out];
   }, [auth]);
@@ -87,7 +89,7 @@ export default function UserProjectsClient() {
     if (!auth) return;
 
     // Hydrate from cache synchronously — no flicker, no loading state.
-    const cached = getCachedProjects(auth.pubkey);
+    const cached = getCachedUserProjects(auth.pubkey);
     if (cached) {
       setDoc(cached);
       setLoading(false);
@@ -104,11 +106,27 @@ export default function UserProjectsClient() {
         if (cancelled) return;
         setDoc((prev) => {
           if (!prev) return fresh;
-          const prevAt = prev.eventCreatedAt ?? 0;
-          const freshAt = fresh.eventCreatedAt ?? 0;
-          // Keep current state unless a strictly newer event came in.
-          if (freshAt > prevAt) return fresh;
-          return prev;
+          // Merge: if relays have a newer per-project event, take it;
+          // otherwise keep the local one (which may be the freshly edited one).
+          const byId = new Map<string, UserProject>(
+            prev.projects.map((p) => [p.id, p]),
+          );
+          for (const f of fresh.projects) {
+            const local = byId.get(f.id);
+            if (!local || f.updatedAt > local.updatedAt) {
+              byId.set(f.id, f);
+            }
+          }
+          // Drop local-only projects that don't appear in relays — unless they
+          // were created very recently (in the last 60s) and might not have
+          // propagated yet.
+          const threshold = Math.floor(Date.now() / 1000) - 60;
+          const merged = [...byId.values()].filter((p) => {
+            const inFresh = fresh.projects.some((f) => f.id === p.id);
+            return inFresh || p.updatedAt > threshold;
+          });
+          merged.sort((a, b) => b.updatedAt - a.updatedAt);
+          return { projects: merged };
         });
       })
       .catch((e) => {
@@ -138,13 +156,20 @@ export default function UserProjectsClient() {
     };
   }, [auth, relays]);
 
-  async function persist(next: UserProject[]) {
-    if (!auth) return;
+  async function runSignerOp<T>(
+    successTitle: string,
+    errorTitle: string,
+    op: (signer: Awaited<ReturnType<typeof getSigner>>) => Promise<T & {
+      relays: RelayResult[];
+    }>,
+  ): Promise<T> {
+    if (!auth) throw new Error("No auth");
     setPublishing(true);
     setError(null);
     setErrorRelays([]);
-    setPhase(null);
+    setPhase("signing");
     setPhaseDetail(null);
+
     let signer: Awaited<ReturnType<typeof getSigner>> | null = null;
     try {
       signer = await getSigner(auth, {
@@ -162,42 +187,41 @@ export default function UserProjectsClient() {
           }
         },
       });
-      const result = await publishUserProjects(signer, next, relays, {
-        onPhase: (p, detail) => {
-          setPhase(p);
-          setPhaseDetail(detail ?? null);
-        },
-      });
-      setDoc({
-        projects: next,
-        eventCreatedAt: result.signed.created_at,
-      });
+      setPhase("publishing");
+      setPhaseDetail(`${relays.length} relays`);
+      const result = await op(signer);
       const okCount = result.relays.filter((r) => r.ok).length;
+      setPhase("done");
+      setPhaseDetail(`${okCount}/${result.relays.length} relays`);
       pushToast({
         kind: "success",
-        title: "Proyecto guardado",
+        title: successTitle,
         description: `Publicado en ${okCount}/${result.relays.length} relays.`,
       });
+      return result;
     } catch (e) {
       const msg = e instanceof Error ? e.message : String(e);
       setError(msg);
       const rr = (e as Error & { relayResults?: RelayResult[] })?.relayResults;
       if (Array.isArray(rr)) setErrorRelays(rr);
-      console.error("[labs] persist failed", e);
-      const desc = Array.isArray(rr) && rr.length
-        ? rr
-            .map((r) => `${r.ok ? "✓" : "✗"} ${r.relay.replace("wss://", "")}${r.error ? `: ${r.error}` : ""}`)
-            .join("\n")
-        : msg;
+      console.error("[labs] signer op failed", e);
+      const desc =
+        Array.isArray(rr) && rr.length
+          ? rr
+              .map(
+                (r) =>
+                  `${r.ok ? "✓" : "✗"} ${r.relay.replace("wss://", "")}${r.error ? `: ${r.error}` : ""}`,
+              )
+              .join("\n")
+          : msg;
       pushToast({
         kind: "error",
-        title: "No se pudo guardar el proyecto",
+        title: errorTitle,
         description: desc,
         duration: 12000,
       });
       throw e;
     } finally {
-      // Don't block the UI on close
       signer?.close?.().catch(() => {});
       setPublishing(false);
       setPhase(null);
@@ -205,6 +229,22 @@ export default function UserProjectsClient() {
     }
   }
 
+  async function persistProject(project: UserProject) {
+    return runSignerOp(
+      "Proyecto guardado",
+      "No se pudo guardar el proyecto",
+      (signer) => publishUserProject(signer, project, relays),
+    );
+  }
+
+  async function removeProject(id: string) {
+    return runSignerOp(
+      "Proyecto eliminado",
+      "No se pudo eliminar el proyecto",
+      (signer) => deleteUserProject(signer, id, relays),
+    );
+  }
+
   function openCreate() {
     setForm(EMPTY_FORM);
     setFormOpen(true);
@@ -249,24 +289,31 @@ export default function UserProjectsClient() {
       return;
     }
 
-    const next = form.id
-      ? doc.projects.map((p) => (p.id === form.id ? base : p))
-      : [base, ...doc.projects];
-
     try {
-      await persist(next);
+      await persistProject(base);
+      // Replace the project in-place (or prepend if new) — only after the
+      // relay accepted the event, so the UI reflects published state.
+      setDoc((prev) => {
+        const list = prev?.projects ?? [];
+        const next = form.id
+          ? list.map((p) => (p.id === form.id ? base : p))
+          : [base, ...list];
+        return { projects: next };
+      });
       setFormOpen(false);
       setForm(EMPTY_FORM);
     } catch {
-      /* persist already set the error */
+      /* persistProject already surfaced the error */
     }
   }
 
   async function handleDelete(id: string) {
     if (!doc) return;
-    const next = doc.projects.filter((p) => p.id !== id);
     try {
-      await persist(next);
+      await removeProject(id);
+      setDoc((prev) => ({
+        projects: (prev?.projects ?? []).filter((p) => p.id !== id),
+      }));
       setDeleteId(null);
     } catch {
       /* noop */
@@ -398,10 +445,12 @@ export default function UserProjectsClient() {
           </div>
         )}
 
-        {doc?.eventCreatedAt && (
+        {doc && doc.projects.length > 0 && (
           <p className="mt-8 text-[11px] font-mono text-foreground-subtle text-center">
             última actualización ·{" "}
-            {new Date(doc.eventCreatedAt * 1000).toLocaleString("es-AR", {
+            {new Date(
+              Math.max(...doc.projects.map((p) => p.updatedAt)) * 1000,
+            ).toLocaleString("es-AR", {
               day: "2-digit",
               month: "short",
               year: "numeric",
@@ -589,7 +638,7 @@ function ProjectFormModal({
   onSave: () => void;
   onClose: () => void;
   publishing: boolean;
-  phase: PublishPhase | null;
+  phase: Phase | null;
   phaseDetail: string | null;
 }) {
   const phaseLabel =
diff --git a/lib/userProjects.ts b/lib/userProjects.ts
index 1ee5819..3aa0285 100644
--- a/lib/userProjects.ts
+++ b/lib/userProjects.ts
@@ -1,10 +1,13 @@
 "use client";
 
-import type { SignedEvent, UserSigner } from "./nostrSigner";
+import type { SignedEvent, UnsignedEvent, UserSigner } from "./nostrSigner";
 
-// NIP-78 parameterized replaceable event for arbitrary app data.
-export const PROJECTS_KIND = 30078;
-export const PROJECTS_D_TAG = "lacrypta.labs:projects:v1";
+/** NIP-78 parameterized replaceable event kind */
+export const PROJECT_KIND = 30078;
+/** Indexable hashtag every Labs project event carries */
+export const PROJECT_TAG = "lacrypta-labs-project";
+/** `d` tag prefix; the suffix is the project's stable local id */
+export const PROJECT_D_PREFIX = "lacrypta.labs:project:";
 
 export type UserProject = {
   id: string;
@@ -19,16 +22,67 @@ export type UserProject = {
 
 export type ProjectsDoc = {
   projects: UserProject[];
-  /** unix seconds of the event that holds this list, if any */
-  eventCreatedAt?: number;
 };
 
-const CACHE_PREFIX = "labs:user-projects:";
+export type CommunityProject = UserProject & {
+  /** author pubkey (hex) */
+  author: string;
+  /** id of the event the project was fetched from */
+  eventId: string;
+  eventCreatedAt: number;
+};
+
+export type RelayScanState =
+  | "pending"
+  | "connecting"
+  | "receiving"
+  | "done"
+  | "error";
+
+export type RelayScanStatus = {
+  relay: string;
+  state: RelayScanState;
+  events: number;
+  error?: string;
+};
+
+export type CommunityScanProgress = {
+  totalRelays: number;
+  completedRelays: number;
+  relays: RelayScanStatus[];
+  projectsSoFar: number;
+};
 
-export function getCachedProjects(pubkey: string): ProjectsDoc | null {
+const USER_CACHE_PREFIX = "labs:user-projects-v2:";
+const COMMUNITY_CACHE_KEY = "labs:community-projects:v1";
+
+export const DEFAULT_USER_RELAYS = [
+  "wss://relay.damus.io",
+  "wss://relay.primal.net",
+  "wss://relay.nostr.band",
+  "wss://nos.lol",
+];
+
+/** Top 10 public relays used to index community projects. */
+export const TOP10_RELAYS = [
+  "wss://relay.damus.io",
+  "wss://relay.primal.net",
+  "wss://relay.nostr.band",
+  "wss://nos.lol",
+  "wss://relay.snort.social",
+  "wss://nostr.wine",
+  "wss://nostr-pub.wellorder.net",
+  "wss://purplepag.es",
+  "wss://offchain.pub",
+  "wss://relay.nsec.app",
+];
+
+/* ─────────────────────────── cache (localStorage) ──────────────────────── */
+
+export function getCachedUserProjects(pubkey: string): ProjectsDoc | null {
   if (typeof window === "undefined") return null;
   try {
-    const raw = window.localStorage.getItem(CACHE_PREFIX + pubkey);
+    const raw = window.localStorage.getItem(USER_CACHE_PREFIX + pubkey);
     if (!raw) return null;
     return JSON.parse(raw) as ProjectsDoc;
   } catch {
@@ -36,65 +90,138 @@ export function getCachedProjects(pubkey: string): ProjectsDoc | null {
   }
 }
 
-export function setCachedProjects(pubkey: string, doc: ProjectsDoc) {
+export function setCachedUserProjects(pubkey: string, doc: ProjectsDoc) {
   if (typeof window === "undefined") return;
   try {
-    window.localStorage.setItem(CACHE_PREFIX + pubkey, JSON.stringify(doc));
+    window.localStorage.setItem(
+      USER_CACHE_PREFIX + pubkey,
+      JSON.stringify(doc),
+    );
   } catch {
     /* quota */
   }
 }
 
-export const DEFAULT_PROJECT_RELAYS = [
-  "wss://relay.damus.io",
-  "wss://relay.primal.net",
-  "wss://relay.nostr.band",
-  "wss://nos.lol",
-];
+export function getCachedCommunityProjects(): CommunityProject[] | null {
+  if (typeof window === "undefined") return null;
+  try {
+    const raw = window.localStorage.getItem(COMMUNITY_CACHE_KEY);
+    if (!raw) return null;
+    return JSON.parse(raw) as CommunityProject[];
+  } catch {
+    return null;
+  }
+}
 
-function parseList(content: string): UserProject[] {
+function setCachedCommunityProjects(projects: CommunityProject[]) {
+  if (typeof window === "undefined") return;
   try {
-    const parsed = JSON.parse(content);
-    if (!Array.isArray(parsed)) return [];
-    return parsed
-      .filter((p) => p && typeof p === "object" && typeof p.name === "string")
-      .map((p) => ({
-        id: String(p.id ?? crypto.randomUUID()),
-        name: String(p.name),
-        description: p.description ? String(p.description) : undefined,
-        url: p.url ? String(p.url) : undefined,
-        repo: p.repo ? String(p.repo) : undefined,
-        tags: Array.isArray(p.tags)
-          ? p.tags.map((t: unknown) => String(t))
-          : undefined,
-        createdAt: Number(p.createdAt ?? Math.floor(Date.now() / 1000)),
-        updatedAt: Number(p.updatedAt ?? Math.floor(Date.now() / 1000)),
-      }));
+    window.localStorage.setItem(COMMUNITY_CACHE_KEY, JSON.stringify(projects));
   } catch {
-    return [];
+    /* quota */
   }
 }
 
+/* ────────────────────────────── parsers ────────────────────────────────── */
+
+type IncomingEvent = {
+  id: string;
+  pubkey: string;
+  content: string;
+  tags: string[][];
+  created_at: number;
+};
+
+function projectDTag(id: string): string {
+  return `${PROJECT_D_PREFIX}${id}`;
+}
+
+function eventDTag(event: IncomingEvent): string | null {
+  return event.tags.find((t) => t[0] === "d")?.[1] ?? null;
+}
+
+function eventIsOurProject(event: IncomingEvent): boolean {
+  const d = eventDTag(event);
+  if (!d) return false;
+  if (!d.startsWith(PROJECT_D_PREFIX)) return false;
+  const hasTag = event.tags.some(
+    (t) => t[0] === "t" && t[1] === PROJECT_TAG,
+  );
+  return hasTag;
+}
+
+function parseProjectContent(
+  event: IncomingEvent,
+): UserProject | null {
+  if (!event.content) return null;
+  let parsed: Record<string, unknown>;
+  try {
+    parsed = JSON.parse(event.content) as Record<string, unknown>;
+  } catch {
+    return null;
+  }
+  if (!parsed || typeof parsed !== "object") return null;
+  const name = typeof parsed.name === "string" ? parsed.name.trim() : "";
+  if (!name) return null;
+
+  const d = eventDTag(event);
+  const id =
+    typeof parsed.id === "string" && parsed.id.length > 0
+      ? parsed.id
+      : d?.startsWith(PROJECT_D_PREFIX)
+        ? d.slice(PROJECT_D_PREFIX.length)
+        : event.id;
+
+  const asString = (v: unknown) =>
+    typeof v === "string" && v.trim() ? v : undefined;
+  const asStringArray = (v: unknown) =>
+    Array.isArray(v) ? v.map((x) => String(x)).filter(Boolean) : undefined;
+
+  return {
+    id: String(id),
+    name,
+    description: asString(parsed.description),
+    url: asString(parsed.url),
+    repo: asString(parsed.repo),
+    tags: asStringArray(parsed.tags),
+    createdAt: Number(parsed.createdAt ?? event.created_at),
+    updatedAt: Number(parsed.updatedAt ?? event.created_at),
+  };
+}
+
+/** Keeps only the freshest event per (pubkey, d-tag). */
+function dedupeLatestByD(events: IncomingEvent[]): IncomingEvent[] {
+  const map = new Map<string, IncomingEvent>();
+  for (const ev of events) {
+    if (!eventIsOurProject(ev)) continue;
+    const d = eventDTag(ev)!;
+    const key = `${ev.pubkey}|${d}`;
+    const prev = map.get(key);
+    if (!prev || ev.created_at > prev.created_at) {
+      map.set(key, ev);
+    }
+  }
+  return [...map.values()];
+}
+
+/* ─────────────────────────── user projects fetch ───────────────────────── */
+
 export async function fetchUserProjects(
   pubkey: string,
-  relays: string[] = DEFAULT_PROJECT_RELAYS,
-  timeoutMs = 4000,
+  relays: string[] = DEFAULT_USER_RELAYS,
+  timeoutMs = 5000,
 ): Promise<ProjectsDoc> {
-  const cached = getCachedProjects(pubkey);
+  const cached = getCachedUserProjects(pubkey);
 
   const { SimplePool } = await import("nostr-tools/pool");
   const pool = new SimplePool();
-  const events: { content: string; created_at: number }[] = [];
+  const events: IncomingEvent[] = [];
 
   const closer = pool.subscribe(
     relays,
+    { kinds: [PROJECT_KIND], authors: [pubkey], "#t": [PROJECT_TAG] },
     {
-      kinds: [PROJECTS_KIND],
-      authors: [pubkey],
-      "#d": [PROJECTS_D_TAG],
-    },
-    {
-      onevent(ev: { content: string; created_at: number }) {
+      onevent(ev: IncomingEvent) {
         events.push(ev);
       },
       oneose() {
@@ -105,39 +232,30 @@ export async function fetchUserProjects(
 
   await new Promise((r) => setTimeout(r, timeoutMs));
   closer.close();
-
-  events.sort((a, b) => b.created_at - a.created_at);
-  const latest = events[0];
-
-  // No event from any relay: keep whatever is cached.
-  if (!latest) {
-    return cached ?? { projects: [] };
+  try {
+    pool.close(relays);
+  } catch {
+    /* noop */
   }
 
-  // Cache is equal or newer: don't overwrite with potentially stale relay data.
-  if (cached?.eventCreatedAt && cached.eventCreatedAt >= latest.created_at) {
-    return cached;
-  }
+  if (events.length === 0) return cached ?? { projects: [] };
 
-  const doc: ProjectsDoc = {
-    projects: parseList(latest.content),
-    eventCreatedAt: latest.created_at,
-  };
-  setCachedProjects(pubkey, doc);
+  const deduped = dedupeLatestByD(events);
+  const projects = deduped
+    .map(parseProjectContent)
+    .filter((p): p is UserProject => p !== null)
+    .sort((a, b) => b.updatedAt - a.updatedAt);
+
+  const doc: ProjectsDoc = { projects };
+  setCachedUserProjects(pubkey, doc);
   return doc;
 }
 
-export type RelayResult = {
-  relay: string;
-  ok: boolean;
-  error?: string;
-};
+/* ────────────────────────────── publish/delete ─────────────────────────── */
 
-export type PublishPhase = "signing" | "publishing" | "done";
-
-export type PublishResult = {
+export type PublishProjectResult = {
   signed: SignedEvent;
-  relays: RelayResult[];
+  relays: { relay: string; ok: boolean; error?: string }[];
 };
 
 function withTimeout<T>(p: Promise<T>, ms: number, label: string): Promise<T> {
@@ -149,97 +267,269 @@ function withTimeout<T>(p: Promise<T>, ms: number, label: string): Promise<T> {
   ]);
 }
 
-export async function publishUserProjects(
-  signer: UserSigner,
-  projects: UserProject[],
-  relays: string[] = DEFAULT_PROJECT_RELAYS,
-  opts?: {
-    signTimeoutMs?: number;
-    publishTimeoutMs?: number;
-    onPhase?: (phase: PublishPhase, detail?: string) => void;
-  },
-): Promise<PublishResult> {
-  const {
-    signTimeoutMs = 30_000,
-    publishTimeoutMs = 8_000,
-    onPhase,
-  } = opts ?? {};
-
-  const event = {
-    kind: PROJECTS_KIND,
+function buildProjectEvent(
+  project: UserProject,
+  signerPubkey: string,
+): UnsignedEvent {
+  const tagList = project.tags ?? [];
+  return {
+    kind: PROJECT_KIND,
+    pubkey: signerPubkey,
     created_at: Math.floor(Date.now() / 1000),
     tags: [
-      ["d", PROJECTS_D_TAG],
+      ["d", projectDTag(project.id)],
+      ["t", PROJECT_TAG],
+      ...tagList.map((t) => ["t", t] as string[]),
       ["client", "La Crypta Labs"],
+      ...(project.name ? [["name", project.name]] : []),
+      ...(project.repo ? [["r", project.repo]] : []),
+      ...(project.url ? [["r", project.url]] : []),
     ],
-    content: JSON.stringify(projects),
-    pubkey: signer.pubkey,
+    content: JSON.stringify({
+      id: project.id,
+      name: project.name,
+      description: project.description,
+      url: project.url,
+      repo: project.repo,
+      tags: project.tags,
+      createdAt: project.createdAt,
+      updatedAt: project.updatedAt,
+    }),
   };
+}
 
-  onPhase?.("signing");
-  console.log("[labs] signing event…", event);
-  const signed = await withTimeout(
-    signer.signEvent(event),
-    signTimeoutMs,
-    "esperando firma",
-  );
-  console.log("[labs] event signed", { id: signed.id, pubkey: signed.pubkey });
-
-  if (signed.pubkey !== signer.pubkey) {
-    throw new Error(
-      `El firmante devolvió una pubkey distinta (esperada ${signer.pubkey.slice(0, 10)}…, recibida ${signed.pubkey.slice(0, 10)}…).`,
-    );
-  }
+function buildTombstoneEvent(
+  projectId: string,
+  signerPubkey: string,
+): UnsignedEvent {
+  // Replaces the project event with an empty payload, effectively a delete.
+  return {
+    kind: PROJECT_KIND,
+    pubkey: signerPubkey,
+    created_at: Math.floor(Date.now() / 1000),
+    tags: [
+      ["d", projectDTag(projectId)],
+      // No `t:lacrypta-labs-project` so it stops showing up in community scans.
+      ["client", "La Crypta Labs"],
+      ["deleted", "true"],
+    ],
+    content: "",
+  };
+}
 
+async function publishSignedEvent(
+  signed: SignedEvent,
+  relays: string[],
+  perRelayTimeoutMs = 8000,
+): Promise<PublishProjectResult["relays"]> {
   const { SimplePool } = await import("nostr-tools/pool");
   const pool = new SimplePool();
-
-  onPhase?.("publishing", `${relays.length} relays`);
-  console.log("[labs] publishing to", relays);
-
-  const publishPromises = pool.publish(relays, signed);
-  const relayResults: RelayResult[] = await Promise.all(
-    publishPromises.map(async (p, i) => {
+  const promises = pool.publish(relays, signed);
+  const results = await Promise.all(
+    promises.map(async (p, i) => {
       const relay = relays[i];
       try {
-        await withTimeout(p, publishTimeoutMs, `${relay}`);
-        console.log("[labs] relay accepted", relay);
+        await withTimeout(p, perRelayTimeoutMs, relay);
         return { relay, ok: true };
       } catch (e) {
-        const msg = e instanceof Error ? e.message : String(e);
-        console.warn("[labs] relay failed", relay, msg);
-        return { relay, ok: false, error: msg };
+        return {
+          relay,
+          ok: false,
+          error: e instanceof Error ? e.message : String(e),
+        };
       }
     }),
   );
-
   try {
     pool.close(relays);
   } catch {
     /* noop */
   }
+  return results;
+}
 
-  const okCount = relayResults.filter((r) => r.ok).length;
-  onPhase?.(
-    "done",
-    `${okCount}/${relayResults.length} relays`,
+export async function publishUserProject(
+  signer: UserSigner,
+  project: UserProject,
+  relays: string[] = DEFAULT_USER_RELAYS,
+  opts?: {
+    signTimeoutMs?: number;
+    publishTimeoutMs?: number;
+  },
+): Promise<PublishProjectResult> {
+  const { signTimeoutMs = 30_000, publishTimeoutMs = 8_000 } = opts ?? {};
+  const unsigned = buildProjectEvent(project, signer.pubkey);
+  console.log("[labs] signing project event", { d: projectDTag(project.id) });
+  const signed = await withTimeout(
+    signer.signEvent(unsigned),
+    signTimeoutMs,
+    "esperando firma",
+  );
+  if (signed.pubkey !== signer.pubkey) {
+    throw new Error(
+      `El firmante devolvió otra pubkey (esperada ${signer.pubkey.slice(0, 10)}…, recibida ${signed.pubkey.slice(0, 10)}…).`,
+    );
+  }
+  const relayResults = await publishSignedEvent(
+    signed,
+    relays,
+    publishTimeoutMs,
   );
+  const ok = relayResults.some((r) => r.ok);
+  if (!ok) {
+    const err = new Error(
+      `Ningún relay aceptó el evento.\n${relayResults
+        .map((r) => `${r.relay}: ${r.error ?? "sin respuesta"}`)
+        .join("\n")}`,
+    );
+    (err as Error & { relayResults: typeof relayResults }).relayResults =
+      relayResults;
+    throw err;
+  }
+  return { signed, relays: relayResults };
+}
 
-  if (okCount === 0) {
-    const detail = relayResults
-      .map((r) => `${r.relay}: ${r.error ?? "sin respuesta"}`)
-      .join("\n");
+export async function deleteUserProject(
+  signer: UserSigner,
+  projectId: string,
+  relays: string[] = DEFAULT_USER_RELAYS,
+  opts?: { signTimeoutMs?: number; publishTimeoutMs?: number },
+): Promise<PublishProjectResult> {
+  const { signTimeoutMs = 30_000, publishTimeoutMs = 8_000 } = opts ?? {};
+  const unsigned = buildTombstoneEvent(projectId, signer.pubkey);
+  const signed = await withTimeout(
+    signer.signEvent(unsigned),
+    signTimeoutMs,
+    "esperando firma",
+  );
+  const relayResults = await publishSignedEvent(
+    signed,
+    relays,
+    publishTimeoutMs,
+  );
+  const ok = relayResults.some((r) => r.ok);
+  if (!ok) {
     const err = new Error(
-      `Ningún relay aceptó el evento.\n${detail}`,
+      `Ningún relay aceptó la eliminación.\n${relayResults
+        .map((r) => `${r.relay}: ${r.error ?? "sin respuesta"}`)
+        .join("\n")}`,
     );
-    (err as Error & { relayResults: RelayResult[] }).relayResults = relayResults;
+    (err as Error & { relayResults: typeof relayResults }).relayResults =
+      relayResults;
     throw err;
   }
+  return { signed, relays: relayResults };
+}
 
-  setCachedProjects(signer.pubkey, {
-    projects,
-    eventCreatedAt: signed.created_at,
-  });
+/* ───────────────────────────── community scan ──────────────────────────── */
 
-  return { signed, relays: relayResults };
+export async function fetchCommunityProjects(
+  relays: string[] = TOP10_RELAYS,
+  opts?: {
+    perRelayTimeoutMs?: number;
+    onProgress?: (p: CommunityScanProgress) => void;
+    signal?: AbortSignal;
+  },
+): Promise<CommunityProject[]> {
+  const { perRelayTimeoutMs = 6000, onProgress, signal } = opts ?? {};
+
+  const { SimplePool } = await import("nostr-tools/pool");
+
+  const relayStates: RelayScanStatus[] = relays.map((relay) => ({
+    relay,
+    state: "pending",
+    events: 0,
+  }));
+
+  // dedupe map across all relays
+  const events = new Map<string, IncomingEvent>();
+
+  const emit = () => {
+    const completed = relayStates.filter(
+      (r) => r.state === "done" || r.state === "error",
+    ).length;
+    onProgress?.({
+      totalRelays: relays.length,
+      completedRelays: completed,
+      relays: [...relayStates],
+      projectsSoFar: events.size,
+    });
+  };
+
+  emit();
+
+  await Promise.all(
+    relays.map(async (relay, i) => {
+      if (signal?.aborted) return;
+      const state = relayStates[i];
+      state.state = "connecting";
+      emit();
+      const pool = new SimplePool();
+      try {
+        const closer = pool.subscribe(
+          [relay],
+          { kinds: [PROJECT_KIND], "#t": [PROJECT_TAG] },
+          {
+            onevent(ev: IncomingEvent) {
+              if (state.state === "connecting") {
+                state.state = "receiving";
+              }
+              state.events += 1;
+              const d = eventDTag(ev);
+              if (!d) return;
+              const key = `${ev.pubkey}|${d}`;
+              const prev = events.get(key);
+              if (!prev || ev.created_at > prev.created_at) {
+                events.set(key, ev);
+              }
+              emit();
+            },
+            oneose() {
+              /* handled by timeout */
+            },
+          },
+        );
+        await new Promise((resolve) => {
+          const t = setTimeout(() => {
+            resolve(null);
+          }, perRelayTimeoutMs);
+          signal?.addEventListener("abort", () => {
+            clearTimeout(t);
+            resolve(null);
+          });
+        });
+        closer.close();
+        state.state = "done";
+      } catch (e) {
+        state.state = "error";
+        state.error = e instanceof Error ? e.message : String(e);
+      } finally {
+        try {
+          pool.close([relay]);
+        } catch {
+          /* noop */
+        }
+        emit();
+      }
+    }),
+  );
+
+  const all = [...events.values()];
+  const projects: CommunityProject[] = all
+    .map((ev) => {
+      const base = parseProjectContent(ev);
+      if (!base) return null;
+      const project: CommunityProject = {
+        ...base,
+        author: ev.pubkey,
+        eventId: ev.id,
+        eventCreatedAt: ev.created_at,
+      };
+      return project;
+    })
+    .filter((p): p is CommunityProject => p !== null)
+    .sort((a, b) => b.eventCreatedAt - a.eventCreatedAt);
+
+  setCachedCommunityProjects(projects);
+  return projects;
 }

From 36889f94dfdf9104d6bb4695ba7e74440f38c520 Mon Sep 17 00:00:00 2001
From: Agustin Kassis <webmaster@masize.com>
Date: Mon, 20 Apr 2026 18:54:28 -0300
Subject: [PATCH 08/11] feat(projects): index Nostr-native projects from the
 top 10 relays
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

/projects now fans out to 10 public relays in parallel looking for
kind:30078 events tagged #lacrypta-labs-project and surfaces them as
first-class cards alongside the curated list.

- fetchCommunityProjects streams per-relay state (pending → connecting
  → receiving → done/error) via onProgress; results are deduped by
  (pubkey, d-tag) keeping the latest event across all relays and
  cached under labs:community-projects:v1
- New scan panel above the grid with an animated gradient progress
  bar, a Rescanear button and a collapsible per-relay breakdown that
  shows spinner/check/error plus an event counter per relay
- Hydrates synchronously from cache, so returning visitors see the
  last known community list while the fresh scan runs in the background
- New "Desde Nostr" filter pill (accent nostr) and a NOSTR badge on
  the card itself; Nostr projects show the author's pubkey short form
  as team, their event date, and sort before built-ins
- Dedupes against the curated list so the same project isn't shown
  twice if it's already hardcoded

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 app/projects/ProjectsGrid.tsx | 399 +++++++++++++++++++++++++++++++---
 1 file changed, 371 insertions(+), 28 deletions(-)

diff --git a/app/projects/ProjectsGrid.tsx b/app/projects/ProjectsGrid.tsx
index 5661370..987c361 100644
--- a/app/projects/ProjectsGrid.tsx
+++ b/app/projects/ProjectsGrid.tsx
@@ -1,13 +1,19 @@
 "use client";
 
 import { AnimatePresence, motion } from "framer-motion";
-import { useMemo, useState } from "react";
+import { useEffect, useMemo, useRef, useState } from "react";
 import {
   ArrowUpRight,
   ExternalLink,
   Search,
   Users,
   Calendar,
+  Radio,
+  Loader2,
+  RefreshCw,
+  Check,
+  XCircle,
+  CircleDashed,
 } from "lucide-react";
 import {
   PROJECTS,
@@ -16,11 +22,42 @@ import {
   type Project,
   type ProjectStatus,
 } from "@/lib/projects";
+import {
+  fetchCommunityProjects,
+  getCachedCommunityProjects,
+  TOP10_RELAYS,
+  type CommunityProject,
+  type CommunityScanProgress,
+  type RelayScanStatus,
+} from "@/lib/userProjects";
 import { GithubIcon } from "@/components/BrandIcons";
 import { cn } from "@/lib/cn";
 
+type ProjectSource = "builtin" | "nostr";
+
+type DisplayProject = {
+  id: string;
+  name: string;
+  description: string;
+  status: ProjectStatus;
+  tags: string[];
+  tech?: string[];
+  team: { name: string; github: string; role: string }[];
+  repo?: string;
+  demo?: string;
+  website?: string;
+  year?: number;
+  hackathon?: Project["hackathon"];
+  submittedAt?: string;
+  source: ProjectSource;
+  /** Nostr author pubkey (hex), only for source=nostr */
+  author?: string;
+  nostrCreatedAt?: number;
+};
+
 type FilterId =
   | "all"
+  | "nostr-live"
   | "official"
   | "foundations"
   | "identity"
@@ -31,6 +68,7 @@ type FilterId =
 
 const FILTERS: { id: FilterId; label: string }[] = [
   { id: "all", label: "Todos" },
+  { id: "nostr-live", label: "Desde Nostr" },
   { id: "official", label: "Oficiales" },
   { id: "foundations", label: "Foundations · Mar 2026" },
   { id: "identity", label: "Identity · Abr 2026" },
@@ -42,8 +80,16 @@ const FILTERS: { id: FilterId; label: string }[] = [
 
 type BadgeStyle = { text: string; bg: string; border: string; label: string };
 
-function getBadge(status: ProjectStatus): BadgeStyle {
-  if (status === "official") {
+function getBadge(project: DisplayProject): BadgeStyle {
+  if (project.source === "nostr") {
+    return {
+      text: "text-nostr",
+      bg: "bg-nostr/10",
+      border: "border-nostr/40",
+      label: "NOSTR",
+    };
+  }
+  if (project.status === "official") {
     return {
       text: "text-bitcoin",
       bg: "bg-bitcoin/10",
@@ -51,7 +97,7 @@ function getBadge(status: ProjectStatus): BadgeStyle {
       label: "OFICIAL",
     };
   }
-  if (status === "live") {
+  if (project.status === "live") {
     return {
       text: "text-success",
       bg: "bg-success/10",
@@ -60,9 +106,9 @@ function getBadge(status: ProjectStatus): BadgeStyle {
     };
   }
   return {
-    text: "text-nostr",
-    bg: "bg-nostr/10",
-    border: "border-nostr/30",
+    text: "text-cyan",
+    bg: "bg-cyan/10",
+    border: "border-cyan/30",
     label: "COMMUNITY",
   };
 }
@@ -76,18 +122,88 @@ const TAG_STYLES: Record<string, string> = {
   wallet: "bg-white/5 text-foreground-muted border-border",
 };
 
+function toDisplay(p: Project): DisplayProject {
+  return {
+    id: p.id,
+    name: p.name,
+    description: p.description,
+    status: p.status,
+    tags: deriveTags(p),
+    tech: p.tech,
+    team: p.team,
+    repo: p.repo,
+    demo: p.demo,
+    hackathon: p.hackathon,
+    submittedAt: p.submittedAt,
+    source: "builtin",
+  };
+}
+
+function nostrToDisplay(np: CommunityProject): DisplayProject {
+  return {
+    id: `nostr:${np.author}:${np.id}`,
+    name: np.name,
+    description: np.description ?? "",
+    status: "live",
+    tags: np.tags ?? [],
+    tech: np.tags,
+    team: [
+      {
+        name: `${np.author.slice(0, 8)}…${np.author.slice(-4)}`,
+        github: "",
+        role: "Builder",
+      },
+    ],
+    repo: np.repo,
+    demo: np.url,
+    website: np.url,
+    year: new Date(np.eventCreatedAt * 1000).getFullYear(),
+    source: "nostr",
+    author: np.author,
+    nostrCreatedAt: np.eventCreatedAt,
+  };
+}
+
 export default function ProjectsGrid() {
   const [filter, setFilter] = useState<FilterId>("all");
   const [query, setQuery] = useState("");
+  const {
+    projects: nostrProjects,
+    scanning,
+    progress,
+    error: scanError,
+    rescan,
+  } = useNostrCommunityProjects();
+
+  const allProjects = useMemo<DisplayProject[]>(() => {
+    const builtins = PROJECTS.map(toDisplay);
+    const nostr = nostrProjects.map(nostrToDisplay);
+    // Dedupe: if a Nostr project shares name+repo with a builtin, skip builtin is trivial; here we prefer builtin for curated copy
+    const builtinKeys = new Set(
+      builtins.map((p) => (p.repo ?? p.name).toLowerCase()),
+    );
+    const uniqueNostr = nostr.filter(
+      (p) => !builtinKeys.has((p.repo ?? p.name).toLowerCase()),
+    );
+    return [...builtins, ...uniqueNostr];
+  }, [nostrProjects]);
 
   const filtered = useMemo(() => {
-    let out = PROJECTS;
-    if (filter === "official") {
-      out = out.filter((p) => p.status === "official" || p.status === "live");
+    let out = allProjects;
+    if (filter === "nostr-live") {
+      out = out.filter((p) => p.source === "nostr");
+    } else if (filter === "official") {
+      out = out.filter(
+        (p) =>
+          p.source === "builtin" &&
+          (p.status === "official" || p.status === "live"),
+      );
     } else if (filter === "foundations" || filter === "identity") {
       out = out.filter((p) => p.hackathon === filter);
     } else if (["lightning", "nostr", "bitcoin", "ai"].includes(filter)) {
-      out = out.filter((p) => deriveTags(p).includes(filter));
+      out = out.filter((p) =>
+        p.tags.map((t) => t.toLowerCase()).includes(filter),
+      );
     }
     if (query.trim()) {
       const q = query.toLowerCase();
@@ -100,6 +216,11 @@ export default function ProjectsGrid() {
       );
     }
     return [...out].sort((a, b) => {
+      // Nostr projects first (freshest)
+      if (a.source !== b.source) return a.source === "nostr" ? -1 : 1;
+      if (a.source === "nostr") {
+        return (b.nostrCreatedAt ?? 0) - (a.nostrCreatedAt ?? 0);
+      }
       const order: ProjectStatus[] = [
         "live",
         "official",
@@ -114,11 +235,19 @@ export default function ProjectsGrid() {
       if (ai !== bi) return ai - bi;
       return (b.submittedAt ?? "").localeCompare(a.submittedAt ?? "");
     });
-  }, [filter, query]);
+  }, [allProjects, filter, query]);
 
   return (
     <section className="relative py-16 sm:py-20">
       <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+        <NostrScanPanel
+          scanning={scanning}
+          progress={progress}
+          error={scanError}
+          projectCount={nostrProjects.length}
+          onRescan={rescan}
+        />
+
         <div className="flex flex-col gap-4 mb-10">
           <div className="relative w-full max-w-md">
             <Search className="absolute left-3.5 top-1/2 -translate-y-1/2 h-4 w-4 text-foreground-subtle" />
@@ -133,17 +262,23 @@ export default function ProjectsGrid() {
           <div className="flex flex-wrap gap-2">
             {FILTERS.map((f) => {
               const active = filter === f.id;
+              const isNostr = f.id === "nostr-live";
               return (
                 <button
                   key={f.id}
                   onClick={() => setFilter(f.id)}
                   className={cn(
-                    "px-3.5 py-1.5 rounded-full text-xs font-semibold tracking-wide transition-all",
+                    "inline-flex items-center gap-1.5 px-3.5 py-1.5 rounded-full text-xs font-semibold tracking-wide transition-all",
                     active
-                      ? "bg-bitcoin text-black shadow-lg shadow-bitcoin/20"
-                      : "bg-white/[0.03] text-foreground-muted border border-border hover:bg-white/[0.06] hover:text-foreground",
+                      ? isNostr
+                        ? "bg-nostr text-white shadow-lg shadow-nostr/20"
+                        : "bg-bitcoin text-black shadow-lg shadow-bitcoin/20"
+                      : isNostr
+                        ? "bg-nostr/10 text-nostr border border-nostr/30 hover:bg-nostr/20"
+                        : "bg-white/[0.03] text-foreground-muted border border-border hover:bg-white/[0.06] hover:text-foreground",
                   )}
                 >
+                  {isNostr && <Radio className="h-3 w-3" />}
                   {f.label}
                 </button>
               );
@@ -153,6 +288,14 @@ export default function ProjectsGrid() {
 
         <div className="mb-6 text-sm font-mono text-foreground-subtle">
           {filtered.length} proyecto{filtered.length !== 1 ? "s" : ""}
+          {nostrProjects.length > 0 && (
+            <>
+              {" · "}
+              <span className="text-nostr">
+                {nostrProjects.length} desde Nostr
+              </span>
+            </>
+          )}
         </div>
 
         <motion.div
@@ -181,11 +324,201 @@ export default function ProjectsGrid() {
   );
 }
 
-function ProjectCard({ project }: { project: Project }) {
-  const status = getBadge(project.status);
-  const tags = deriveTags(project);
-  const href = project.demo || project.repo || "#";
-  const external = Boolean(project.demo || project.repo);
+/* ─────────────────────────── Nostr scan hook ───────────────────────────── */
+
+function useNostrCommunityProjects() {
+  const [projects, setProjects] = useState<CommunityProject[]>([]);
+  const [scanning, setScanning] = useState(false);
+  const [progress, setProgress] = useState<CommunityScanProgress | null>(null);
+  const [error, setError] = useState<string | null>(null);
+  const abortRef = useRef<AbortController | null>(null);
+
+  async function scan() {
+    if (scanning) return;
+    setScanning(true);
+    setError(null);
+    const abort = new AbortController();
+    abortRef.current = abort;
+    try {
+      const result = await fetchCommunityProjects(TOP10_RELAYS, {
+        signal: abort.signal,
+        onProgress: (p) => {
+          setProgress(p);
+        },
+      });
+      setProjects(result);
+    } catch (e) {
+      setError(e instanceof Error ? e.message : String(e));
+    } finally {
+      setScanning(false);
+    }
+  }
+
+  useEffect(() => {
+    // Hydrate cache + kick off scan
+    const cached = getCachedCommunityProjects();
+    if (cached) setProjects(cached);
+    scan();
+    return () => {
+      abortRef.current?.abort();
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  return { projects, scanning, progress, error, rescan: scan };
+}
+
+/* ─────────────────────── Nostr scan progress panel ─────────────────────── */
+
+function NostrScanPanel({
+  scanning,
+  progress,
+  error,
+  projectCount,
+  onRescan,
+}: {
+  scanning: boolean;
+  progress: CommunityScanProgress | null;
+  error: string | null;
+  projectCount: number;
+  onRescan: () => void;
+}) {
+  const [expanded, setExpanded] = useState(false);
+
+  const total = progress?.totalRelays ?? TOP10_RELAYS.length;
+  const completed = progress?.completedRelays ?? 0;
+  const pct = total > 0 ? Math.round((completed / total) * 100) : 0;
+
+  return (
+    <div className="mb-8 rounded-2xl border border-nostr/20 bg-gradient-to-br from-nostr/5 to-transparent overflow-hidden">
+      <div className="flex items-center gap-3 px-5 py-4">
+        <div className="relative h-9 w-9 shrink-0 rounded-xl bg-nostr/15 border border-nostr/30 flex items-center justify-center">
+          {scanning ? (
+            <Loader2 className="h-4 w-4 animate-spin text-nostr" />
+          ) : (
+            <Radio className="h-4 w-4 text-nostr" />
+          )}
+        </div>
+        <div className="flex-1 min-w-0">
+          <div className="flex items-center gap-2 text-[10px] font-mono uppercase tracking-widest text-nostr mb-0.5">
+            <span>NIP-78 · KIND 30078</span>
+            <span className="text-foreground-subtle">·</span>
+            <span className="text-foreground-muted">
+              tag{" "}
+              <span className="font-semibold text-foreground">
+                #lacrypta-labs-project
+              </span>
+            </span>
+          </div>
+          <div className="font-display font-bold text-sm truncate">
+            {scanning
+              ? `Escaneando ${total} relays…`
+              : error
+                ? "Error escaneando relays"
+                : projectCount > 0
+                  ? `${projectCount} proyecto${projectCount !== 1 ? "s" : ""} encontrados en Nostr`
+                  : "No se encontraron proyectos en Nostr todavía"}
+          </div>
+        </div>
+        <button
+          onClick={() => setExpanded((v) => !v)}
+          className="hidden sm:inline-flex items-center text-[10px] font-mono uppercase tracking-widest text-foreground-subtle hover:text-foreground transition-colors"
+        >
+          {expanded ? "ocultar" : "detalles"}
+        </button>
+        <button
+          onClick={onRescan}
+          disabled={scanning}
+          className="inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg border border-border bg-white/[0.03] hover:bg-white/[0.06] text-xs font-semibold transition-colors disabled:opacity-50 disabled:cursor-progress"
+          aria-label="Rescanear"
+        >
+          <RefreshCw
+            className={cn("h-3.5 w-3.5", scanning && "animate-spin")}
+          />
+          <span className="hidden sm:inline">Rescanear</span>
+        </button>
+      </div>
+
+      <div className="h-1.5 bg-black/40 relative overflow-hidden">
+        <motion.div
+          className="absolute left-0 top-0 h-full bg-gradient-to-r from-nostr via-purple-500 to-nostr"
+          initial={{ width: 0 }}
+          animate={{ width: `${pct}%` }}
+          transition={{ duration: 0.4, ease: "easeOut" }}
+        />
+        {scanning && (
+          <div className="absolute inset-0 bg-gradient-to-r from-transparent via-white/10 to-transparent animate-pulse" />
+        )}
+      </div>
+
+      <AnimatePresence>
+        {(expanded || scanning) && progress && (
+          <motion.div
+            initial={{ height: 0, opacity: 0 }}
+            animate={{ height: "auto", opacity: 1 }}
+            exit={{ height: 0, opacity: 0 }}
+            className="overflow-hidden border-t border-border/60"
+          >
+            <div className="px-5 py-3 grid grid-cols-1 sm:grid-cols-2 gap-x-6 gap-y-1.5">
+              {progress.relays.map((r) => (
+                <RelayRow key={r.relay} status={r} />
+              ))}
+            </div>
+          </motion.div>
+        )}
+      </AnimatePresence>
+
+      {error && (
+        <div className="px-5 py-2 text-[11px] font-mono text-danger bg-danger/5 border-t border-danger/30">
+          {error}
+        </div>
+      )}
+    </div>
+  );
+}
+
+function RelayRow({ status }: { status: RelayScanStatus }) {
+  const iconProps = { className: "h-3 w-3 shrink-0" } as const;
+  const state = status.state;
+  const icon =
+    state === "done" ? (
+      <Check {...iconProps} className="h-3 w-3 shrink-0 text-success" />
+    ) : state === "error" ? (
+      <XCircle {...iconProps} className="h-3 w-3 shrink-0 text-danger" />
+    ) : state === "receiving" ? (
+      <Loader2 {...iconProps} className="h-3 w-3 shrink-0 text-nostr animate-spin" />
+    ) : state === "connecting" ? (
+      <Loader2 {...iconProps} className="h-3 w-3 shrink-0 text-foreground-muted animate-spin" />
+    ) : (
+      <CircleDashed {...iconProps} className="h-3 w-3 shrink-0 text-foreground-subtle" />
+    );
+
+  return (
+    <div className="flex items-center gap-2 text-[11px] font-mono">
+      {icon}
+      <span className="text-foreground-muted truncate flex-1">
+        {status.relay.replace("wss://", "")}
+      </span>
+      {status.events > 0 && (
+        <span className="text-nostr tabular-nums">
+          {status.events} ev
+        </span>
+      )}
+      {status.error && (
+        <span className="text-danger/80 truncate max-w-[40%]" title={status.error}>
+          {status.error}
+        </span>
+      )}
+    </div>
+  );
+}
+
+/* ─────────────────────────── card ──────────────────────────────────────── */
+
+function ProjectCard({ project }: { project: DisplayProject }) {
+  const status = getBadge(project);
+  const href = project.demo || project.website || project.repo || "#";
+  const external = Boolean(project.demo || project.website || project.repo);
 
   const Wrapper: React.ElementType = external ? "a" : "div";
   const wrapperProps = external
@@ -210,12 +543,13 @@ function ProjectCard({ project }: { project: Project }) {
           <div className="flex items-start justify-between gap-3 mb-4">
             <span
               className={cn(
-                "px-2 py-0.5 rounded-full border text-[10px] font-mono font-semibold tracking-widest whitespace-nowrap",
+                "inline-flex items-center gap-1 px-2 py-0.5 rounded-full border text-[10px] font-mono font-semibold tracking-widest whitespace-nowrap",
                 status.bg,
                 status.border,
                 status.text,
               )}
             >
+              {project.source === "nostr" && <Radio className="h-2.5 w-2.5" />}
               {status.label}
             </span>
             {project.hackathon && (
@@ -224,9 +558,18 @@ function ProjectCard({ project }: { project: Project }) {
                 {HACKATHON_LABELS[project.hackathon].split(" · ")[1]}
               </span>
             )}
+            {project.source === "nostr" && project.nostrCreatedAt && (
+              <span className="inline-flex items-center gap-1 text-[10px] font-mono text-foreground-subtle">
+                <Calendar className="h-3 w-3" />
+                {new Date(project.nostrCreatedAt * 1000).toLocaleDateString(
+                  "es-AR",
+                  { day: "2-digit", month: "short" },
+                )}
+              </span>
+            )}
           </div>
 
-          <h3 className="font-display text-xl font-bold mb-2 tracking-tight group-hover:text-bitcoin transition-colors">
+          <h3 className="font-display text-xl font-bold mb-2 tracking-tight group-hover:text-bitcoin transition-colors break-words">
             {project.name}
           </h3>
           <p className="text-sm text-foreground-muted leading-relaxed line-clamp-4">
@@ -242,14 +585,14 @@ function ProjectCard({ project }: { project: Project }) {
             </div>
           )}
 
-          {tags.length > 0 && (
+          {project.tags.length > 0 && (
             <div className="mt-4 flex flex-wrap gap-1.5">
-              {tags.map((tag) => (
+              {project.tags.slice(0, 4).map((tag) => (
                 <span
                   key={tag}
                   className={cn(
                     "px-2 py-0.5 rounded-md border text-[10px] font-mono font-semibold uppercase tracking-wider",
-                    TAG_STYLES[tag] ?? TAG_STYLES.wallet,
+                    TAG_STYLES[tag.toLowerCase()] ?? TAG_STYLES.wallet,
                   )}
                 >
                   {tag}
@@ -258,7 +601,7 @@ function ProjectCard({ project }: { project: Project }) {
             </div>
           )}
 
-          {project.tech && project.tech.length > 0 && (
+          {project.tech && project.tech.length > 0 && project.source !== "nostr" && (
             <div className="mt-3 flex flex-wrap gap-1">
               {project.tech.slice(0, 5).map((t) => (
                 <span
@@ -284,10 +627,10 @@ function ProjectCard({ project }: { project: Project }) {
                   Repo
                 </span>
               )}
-              {project.demo && (
+              {(project.demo || project.website) && (
                 <span className="inline-flex items-center gap-1 text-xs hover:text-foreground transition-colors">
                   <ExternalLink className="h-3.5 w-3.5" />
-                  Demo
+                  Sitio
                 </span>
               )}
             </div>

From 866b127beaf8a2039f99e57acd5e208d95f09c1e Mon Sep 17 00:00:00 2001
From: Agustin Kassis <webmaster@masize.com>
Date: Wed, 22 Apr 2026 11:46:18 -0300
Subject: [PATCH 09/11] feat(dashboard): display NIP-58 badges awarded to the
 user
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

New nostrBadges lib fetches every kind:8 badge award targeting the
user's pubkey (#p), resolves each award's a-tag reference to its
kind:30009 Badge Definition, dedupes per (issuer, d) keeping the
newest award, and surfaces the result as AwardedBadge[].

useUserBadges hydrates from localStorage (6h TTL) on mount and kicks
off a background refresh against six popular relays (damus, primal,
nostr.band, nos.lol, snort, nostr.wine), so the dashboard feels
instant for returning visitors.

DashboardClient gets a new "Badges" card under the bio: responsive
3–5 column grid of tiles showing the badge thumb (image fallback to
an Award icon on broken URLs), the badge name (two-line clamp), the
award date, and a hover tooltip with the description + issuer short
form. Card hides entirely when there are no badges.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 app/dashboard/DashboardClient.tsx |  95 +++++++++++
 lib/nostrBadges.ts                | 265 ++++++++++++++++++++++++++++++
 2 files changed, 360 insertions(+)
 create mode 100644 lib/nostrBadges.ts

diff --git a/app/dashboard/DashboardClient.tsx b/app/dashboard/DashboardClient.tsx
index 42fed5b..b90711b 100644
--- a/app/dashboard/DashboardClient.tsx
+++ b/app/dashboard/DashboardClient.tsx
@@ -20,6 +20,7 @@ import {
   ExternalLink,
   FolderGit2,
   ArrowRight,
+  Award,
 } from "lucide-react";
 import { useAuth, clearAuth, type Auth } from "@/lib/auth";
 import {
@@ -27,6 +28,7 @@ import {
   DEFAULT_PROFILE_RELAYS,
   type NostrProfile as BaseNostrProfile,
 } from "@/lib/nostrProfile";
+import { useUserBadges, type AwardedBadge } from "@/lib/nostrBadges";
 import { cn } from "@/lib/cn";
 
 type DashboardProfile = BaseNostrProfile & {
@@ -54,6 +56,8 @@ export default function DashboardClient() {
     loading,
   } = useNostrProfile(auth?.pubkey, relays);
 
+  const { badges, loading: badgesLoading } = useUserBadges(auth?.pubkey);
+
   const profile: DashboardProfile | null = useMemo(() => {
     if (!auth) return null;
     if (!baseProfile) return { pubkey: auth.pubkey };
@@ -130,6 +134,8 @@ export default function DashboardClient() {
               </Card>
             )}
 
+            <BadgesCard badges={badges} loading={badgesLoading} />
+
             <Link
               href="/dashboard/projects"
               className="group relative block overflow-hidden rounded-2xl border border-bitcoin/30 bg-gradient-to-br from-bitcoin/10 to-nostr/10 p-6 hover:border-bitcoin/60 transition-all"
@@ -496,3 +502,92 @@ function InfoRow({
 function shorten(pubkey: string) {
   return `${pubkey.slice(0, 8)}…${pubkey.slice(-6)}`;
 }
+
+function BadgesCard({
+  badges,
+  loading,
+}: {
+  badges: AwardedBadge[];
+  loading: boolean;
+}) {
+  if (!loading && badges.length === 0) return null;
+
+  return (
+    <div className="rounded-2xl border border-border bg-background-card p-5">
+      <div className="flex items-center justify-between gap-2 mb-4">
+        <div className="flex items-center gap-2">
+          <span className="text-foreground-muted">
+            <Award className="h-4 w-4" />
+          </span>
+          <h2 className="font-display font-bold text-sm uppercase tracking-widest text-foreground-muted">
+            Badges
+          </h2>
+          {badges.length > 0 && (
+            <span className="inline-flex items-center gap-1 px-1.5 py-0.5 rounded-full bg-nostr/10 border border-nostr/30 text-[10px] font-mono tracking-wider text-nostr">
+              NIP-58 · {badges.length}
+            </span>
+          )}
+        </div>
+        {loading && (
+          <Loader2 className="h-3.5 w-3.5 animate-spin text-foreground-muted" />
+        )}
+      </div>
+
+      {badges.length === 0 ? (
+        <div className="py-6 text-center text-xs text-foreground-subtle">
+          Buscando badges en relays…
+        </div>
+      ) : (
+        <div className="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-5 gap-3">
+          {badges.map((b) => (
+            <BadgeTile key={b.awardId} badge={b} />
+          ))}
+        </div>
+      )}
+    </div>
+  );
+}
+
+function BadgeTile({ badge }: { badge: AwardedBadge }) {
+  const def = badge.definition;
+  const [imgOk, setImgOk] = useState(true);
+  const image = imgOk ? (def?.thumb ?? def?.image) : null;
+  const name = def?.name || def?.d || "Badge";
+
+  return (
+    <div
+      className="group relative flex flex-col items-center gap-1.5 text-center"
+      title={
+        def?.description ||
+        `${name} · por ${badge.issuer.slice(0, 10)}…${badge.issuer.slice(-4)}`
+      }
+    >
+      <div className="relative aspect-square w-full rounded-xl overflow-hidden border border-border bg-gradient-to-br from-nostr/10 via-transparent to-bitcoin/5 group-hover:border-nostr/40 transition-colors">
+        {image ? (
+          <img
+            src={image}
+            alt={name}
+            className="absolute inset-0 w-full h-full object-cover"
+            loading="lazy"
+            referrerPolicy="no-referrer"
+            onError={() => setImgOk(false)}
+          />
+        ) : (
+          <div className="absolute inset-0 flex items-center justify-center text-nostr">
+            <Award className="h-6 w-6" />
+          </div>
+        )}
+        <div className="absolute inset-0 pointer-events-none ring-1 ring-inset ring-white/5" />
+      </div>
+      <div className="text-[11px] font-semibold leading-tight line-clamp-2">
+        {name}
+      </div>
+      <div className="text-[9px] font-mono text-foreground-subtle tabular-nums">
+        {new Date(badge.awardedAt * 1000).toLocaleDateString("es-AR", {
+          month: "short",
+          year: "numeric",
+        })}
+      </div>
+    </div>
+  );
+}
diff --git a/lib/nostrBadges.ts b/lib/nostrBadges.ts
new file mode 100644
index 0000000..6fb8931
--- /dev/null
+++ b/lib/nostrBadges.ts
@@ -0,0 +1,265 @@
+"use client";
+
+import { useEffect, useState } from "react";
+
+/* NIP-58 Badges
+ *   kind 30009  Badge Definition (parameterized replaceable)
+ *   kind 8      Badge Award
+ *
+ * Fetches every award (kind 8) targeting the user (#p:[pubkey]) and
+ * resolves each award's referenced badge definition (an `a` tag shaped
+ * like `30009:<issuer>:<d>`).
+ */
+
+export type BadgeDefinition = {
+  issuer: string; // pubkey
+  d: string;
+  name?: string;
+  description?: string;
+  image?: string;
+  thumb?: string;
+};
+
+export type AwardedBadge = {
+  awardId: string;
+  issuer: string;
+  /** aTag = `30009:<issuer>:<d>` */
+  aTag: string;
+  awardedAt: number;
+  definition?: BadgeDefinition;
+};
+
+const CACHE_PREFIX = "labs:badges:";
+const TTL_MS = 6 * 60 * 60 * 1000;
+
+export const DEFAULT_BADGE_RELAYS = [
+  "wss://relay.damus.io",
+  "wss://relay.primal.net",
+  "wss://relay.nostr.band",
+  "wss://nos.lol",
+  "wss://relay.snort.social",
+  "wss://nostr.wine",
+];
+
+type IncomingEvent = {
+  id: string;
+  pubkey: string;
+  kind: number;
+  content: string;
+  tags: string[][];
+  created_at: number;
+};
+
+type Cached = {
+  fetchedAt: number;
+  badges: AwardedBadge[];
+};
+
+function getCache(pubkey: string): Cached | null {
+  if (typeof window === "undefined") return null;
+  try {
+    const raw = window.localStorage.getItem(CACHE_PREFIX + pubkey);
+    if (!raw) return null;
+    const parsed = JSON.parse(raw) as Cached;
+    if (Date.now() - parsed.fetchedAt > TTL_MS) return null;
+    return parsed;
+  } catch {
+    return null;
+  }
+}
+
+function setCache(pubkey: string, badges: AwardedBadge[]) {
+  if (typeof window === "undefined") return;
+  try {
+    window.localStorage.setItem(
+      CACHE_PREFIX + pubkey,
+      JSON.stringify({ fetchedAt: Date.now(), badges } satisfies Cached),
+    );
+  } catch {
+    /* quota */
+  }
+}
+
+function parseDefinitionEvent(ev: IncomingEvent): BadgeDefinition | null {
+  if (ev.kind !== 30009) return null;
+  const d = ev.tags.find((t) => t[0] === "d")?.[1];
+  if (!d) return null;
+  const tagVal = (name: string) =>
+    ev.tags.find((t) => t[0] === name)?.[1] ?? undefined;
+  return {
+    issuer: ev.pubkey,
+    d,
+    name: tagVal("name"),
+    description: tagVal("description"),
+    image: tagVal("image"),
+    thumb: tagVal("thumb") ?? tagVal("image"),
+  };
+}
+
+export async function fetchUserBadges(
+  pubkey: string,
+  relays: string[] = DEFAULT_BADGE_RELAYS,
+  timeoutMs = 5000,
+): Promise<AwardedBadge[]> {
+  const { SimplePool } = await import("nostr-tools/pool");
+  const pool = new SimplePool();
+
+  // 1) Gather all award events addressed to the user.
+  const awards: IncomingEvent[] = [];
+  const awardCloser = pool.subscribe(
+    relays,
+    { kinds: [8], "#p": [pubkey] },
+    {
+      onevent(ev: IncomingEvent) {
+        awards.push(ev);
+      },
+      oneose() {
+        awardCloser.close();
+      },
+    },
+  );
+  await new Promise((r) => setTimeout(r, timeoutMs));
+  awardCloser.close();
+
+  if (awards.length === 0) {
+    try {
+      pool.close(relays);
+    } catch {
+      /* noop */
+    }
+    setCache(pubkey, []);
+    return [];
+  }
+
+  // 2) Extract unique (issuer, d) pairs from the awards' `a` tags.
+  type Key = { issuer: string; d: string };
+  const needed = new Map<string, Key>();
+  const awardMeta: {
+    event: IncomingEvent;
+    aTag: string;
+    key: Key;
+  }[] = [];
+  for (const ev of awards) {
+    const aTag = ev.tags.find((t) => t[0] === "a")?.[1];
+    if (!aTag) continue;
+    const parts = aTag.split(":");
+    if (parts.length < 3 || parts[0] !== "30009") continue;
+    const key: Key = { issuer: parts[1], d: parts.slice(2).join(":") };
+    needed.set(`${key.issuer}|${key.d}`, key);
+    awardMeta.push({ event: ev, aTag, key });
+  }
+
+  if (needed.size === 0) {
+    try {
+      pool.close(relays);
+    } catch {
+      /* noop */
+    }
+    setCache(pubkey, []);
+    return [];
+  }
+
+  // 3) Fetch all referenced badge definitions.
+  const issuers = [...new Set([...needed.values()].map((k) => k.issuer))];
+  const ds = [...new Set([...needed.values()].map((k) => k.d))];
+  const defs = new Map<string, BadgeDefinition>();
+  const defCloser = pool.subscribe(
+    relays,
+    { kinds: [30009], authors: issuers, "#d": ds },
+    {
+      onevent(ev: IncomingEvent) {
+        const def = parseDefinitionEvent(ev);
+        if (def) {
+          const k = `${def.issuer}|${def.d}`;
+          const prev = defs.get(k);
+          // keep newest if multiple copies come in
+          if (!prev) defs.set(k, def);
+        }
+      },
+      oneose() {
+        defCloser.close();
+      },
+    },
+  );
+  await new Promise((r) => setTimeout(r, timeoutMs));
+  defCloser.close();
+  try {
+    pool.close(relays);
+  } catch {
+    /* noop */
+  }
+
+  // 4) Merge + dedupe (only keep the latest award per (issuer, d)).
+  const byBadge = new Map<string, AwardedBadge>();
+  for (const { event, aTag, key } of awardMeta) {
+    const mapKey = `${key.issuer}|${key.d}`;
+    const existing = byBadge.get(mapKey);
+    if (existing && existing.awardedAt >= event.created_at) continue;
+    byBadge.set(mapKey, {
+      awardId: event.id,
+      issuer: key.issuer,
+      aTag,
+      awardedAt: event.created_at,
+      definition: defs.get(mapKey),
+    });
+  }
+
+  const result = [...byBadge.values()]
+    // Only return badges whose definition we could resolve (the rest are broken refs).
+    .filter((b) => b.definition)
+    .sort((a, b) => b.awardedAt - a.awardedAt);
+
+  setCache(pubkey, result);
+  return result;
+}
+
+export function useUserBadges(
+  pubkey: string | null | undefined,
+  relays?: string[],
+) {
+  const [badges, setBadges] = useState<AwardedBadge[]>([]);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState<string | null>(null);
+  const [hasCache, setHasCache] = useState(false);
+
+  useEffect(() => {
+    if (!pubkey) {
+      setBadges([]);
+      setHasCache(false);
+      return;
+    }
+    const cached = getCache(pubkey);
+    if (cached) {
+      setBadges(cached.badges);
+      setHasCache(true);
+    } else {
+      setBadges([]);
+      setHasCache(false);
+    }
+
+    let cancelled = false;
+    setLoading(true);
+    setError(null);
+    fetchUserBadges(pubkey, relays)
+      .then((fresh) => {
+        if (cancelled) return;
+        setBadges(fresh);
+        setHasCache(true);
+      })
+      .catch((e) => {
+        if (cancelled) return;
+        console.warn("[labs:badges] fetch failed", e);
+        setError(e instanceof Error ? e.message : String(e));
+      })
+      .finally(() => {
+        if (!cancelled) setLoading(false);
+      });
+
+    return () => {
+      cancelled = true;
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [pubkey, relays?.join(",")]);
+
+  return { badges, loading, error, hasCache };
+}

From 65a7508b522165930d15d576c3b8987f3fc8b38f Mon Sep 17 00:00:00 2001
From: Agustin Kassis <webmaster@masize.com>
Date: Wed, 22 Apr 2026 11:47:13 -0300
Subject: [PATCH 10/11] feat(badges): wear NIP-58 badges in profile (kind
 30008)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Lets the user curate which of their awarded badges to display on
their Nostr profile by signing and publishing a kind:30008
profile_badges event.

nostrBadges lib:
- New ProfileBadges type holding the ordered aTags plus an
  aTag → award-event-id map, persisted under labs:profile-badges:
- fetchProfileBadges pulls the user's own kind:30008 with
  #d:["profile_badges"], parses the ordered (a, e) tag pairs and
  falls back to the cache on relay misses
- publishProfileBadges builds the tag block from the chosen awards
  in order, wraps the signer call in a 30s timeout, publishes to 6
  relays with per-relay timeouts, returns per-relay outcomes and
  primes the cache with the fresh state
- useProfileBadges hook with hydrate-from-cache + background refresh
  and an override() for optimistic UI updates after publish

BadgesModal (new):
- max-w-3xl panel triggered by clicking the avatar (or Administrar
  on the OTROS BADGES card), scroll-locks the page while open
- Grid of every awarded badge with a checkmark overlay and a
  "Usar en perfil" / "En el perfil" toggle per tile
- Sticky side panel (md+) with the full badge detail (larger image,
  description, issuer short, award date) and a prominent CTA
- Footer shows "Hay cambios sin guardar" / "Sincronizado con tu
  perfil" and a Save button that fires publishProfileBadges and
  raises a success toast (or the failure with per-relay detail)
- Propagates onauth URLs to a toast so NIP-46 users can re-authorise

Dashboard:
- Avatar is now a <button> that opens the modal; hover shows a small
  BADGES pill over the bottom-right corner
- WornBadgesRow next to the name/handle: circular thumbnails of the
  first 6 worn badges (+N overflow chip) or a "Usar badges en
  perfil" CTA when none are worn, all clickable to open the modal
- BadgesCard is now "OTROS BADGES" and shows only unworn awards,
  with an Administrar button and a counter that splits total vs
  currently-worn
- BadgeTile supports an optional onClick so tapping any card in the
  grid also opens the modal

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 app/dashboard/BadgesModal.tsx     | 451 ++++++++++++++++++++++++++++++
 app/dashboard/DashboardClient.tsx | 212 ++++++++++++--
 lib/nostrBadges.ts                | 251 ++++++++++++++++-
 3 files changed, 892 insertions(+), 22 deletions(-)
 create mode 100644 app/dashboard/BadgesModal.tsx

diff --git a/app/dashboard/BadgesModal.tsx b/app/dashboard/BadgesModal.tsx
new file mode 100644
index 0000000..6056030
--- /dev/null
+++ b/app/dashboard/BadgesModal.tsx
@@ -0,0 +1,451 @@
+"use client";
+
+import { AnimatePresence, motion } from "framer-motion";
+import { useEffect, useMemo, useState } from "react";
+import { Award, Check, Loader2, Save, X } from "lucide-react";
+import { useToast } from "@/components/Toast";
+import { useScrollLock } from "@/lib/useScrollLock";
+import { cn } from "@/lib/cn";
+import type { Auth } from "@/lib/auth";
+import { getSigner } from "@/lib/nostrSigner";
+import {
+  publishProfileBadges,
+  type AwardedBadge,
+  type ProfileBadges,
+} from "@/lib/nostrBadges";
+
+export default function BadgesModal({
+  open,
+  onClose,
+  auth,
+  badges,
+  loading,
+  profileBadges,
+  onProfileBadgesUpdated,
+}: {
+  open: boolean;
+  onClose: () => void;
+  auth: Auth;
+  badges: AwardedBadge[];
+  loading: boolean;
+  profileBadges: ProfileBadges | null;
+  onProfileBadgesUpdated: (pb: ProfileBadges) => void;
+}) {
+  const { push: pushToast } = useToast();
+  const [selected, setSelected] = useState<string[]>([]);
+  const [saving, setSaving] = useState(false);
+  const [focused, setFocused] = useState<string | null>(null);
+
+  useScrollLock(open);
+
+  // Hydrate selection from the live profile_badges whenever the modal opens.
+  useEffect(() => {
+    if (!open) return;
+    setSelected(profileBadges?.aTags ?? []);
+    setFocused(null);
+  }, [open, profileBadges]);
+
+  useEffect(() => {
+    if (!open) return;
+    const onKey = (e: KeyboardEvent) => {
+      if (e.key === "Escape" && !saving) onClose();
+    };
+    window.addEventListener("keydown", onKey);
+    return () => window.removeEventListener("keydown", onKey);
+  }, [open, onClose, saving]);
+
+  const currentATags = useMemo(
+    () => new Set(profileBadges?.aTags ?? []),
+    [profileBadges],
+  );
+  const dirty = useMemo(() => {
+    if (selected.length !== currentATags.size) return true;
+    return selected.some((a) => !currentATags.has(a));
+  }, [selected, currentATags]);
+
+  function toggle(aTag: string) {
+    if (saving) return;
+    setSelected((prev) =>
+      prev.includes(aTag) ? prev.filter((a) => a !== aTag) : [...prev, aTag],
+    );
+  }
+
+  const focusedBadge = useMemo(
+    () => badges.find((b) => b.aTag === focused) ?? null,
+    [badges, focused],
+  );
+
+  async function save() {
+    if (!dirty || saving) return;
+    setSaving(true);
+    let signer: Awaited<ReturnType<typeof getSigner>> | null = null;
+    try {
+      signer = await getSigner(auth, {
+        onAuthUrl: (url) => {
+          pushToast({
+            kind: "info",
+            title: "Autorizá en tu bunker",
+            description: url,
+            duration: 15000,
+          });
+          try {
+            window.open(url, "_blank", "noopener,noreferrer");
+          } catch {
+            /* popup blocked */
+          }
+        },
+      });
+      const worn = selected
+        .map((a) => badges.find((b) => b.aTag === a))
+        .filter((b): b is AwardedBadge => Boolean(b));
+      const result = await publishProfileBadges(signer, worn);
+      const ok = result.relays.filter((r) => r.ok).length;
+      pushToast({
+        kind: "success",
+        title: "Badges actualizados",
+        description: `Publicado en ${ok}/${result.relays.length} relays.`,
+      });
+      onProfileBadgesUpdated({
+        aTags: worn.map((b) => b.aTag),
+        eventIdByATag: Object.fromEntries(worn.map((b) => [b.aTag, b.awardId])),
+        eventId: result.signed.id,
+        eventCreatedAt: result.signed.created_at,
+      });
+      onClose();
+    } catch (e) {
+      const msg = e instanceof Error ? e.message : String(e);
+      pushToast({
+        kind: "error",
+        title: "No se pudo guardar",
+        description: msg,
+        duration: 12000,
+      });
+    } finally {
+      signer?.close?.().catch(() => {});
+      setSaving(false);
+    }
+  }
+
+  return (
+    <AnimatePresence>
+      {open && (
+        <motion.div
+          initial={{ opacity: 0 }}
+          animate={{ opacity: 1 }}
+          exit={{ opacity: 0 }}
+          className="fixed inset-0 z-[100] flex items-center justify-center p-4"
+        >
+          <motion.div
+            initial={{ opacity: 0 }}
+            animate={{ opacity: 1 }}
+            exit={{ opacity: 0 }}
+            onClick={() => !saving && onClose()}
+            className="absolute inset-0 bg-black/80 backdrop-blur-md"
+          />
+          <motion.div
+            initial={{ opacity: 0, scale: 0.95, y: 20 }}
+            animate={{ opacity: 1, scale: 1, y: 0 }}
+            exit={{ opacity: 0, scale: 0.95, y: 20 }}
+            transition={{ type: "spring", damping: 25, stiffness: 300 }}
+            className="relative w-full max-w-3xl glass-strong rounded-2xl border border-border-strong overflow-hidden flex flex-col max-h-[92vh]"
+          >
+            <div className="absolute -top-px left-1/2 -translate-x-1/2 w-[40%] h-px bg-gradient-to-r from-transparent via-nostr to-transparent" />
+
+            <div className="relative flex items-center justify-between gap-3 px-6 pt-6 pb-4 border-b border-border">
+              <div className="flex items-center gap-3 min-w-0">
+                <div className="h-10 w-10 shrink-0 rounded-xl bg-nostr/15 border border-nostr/30 flex items-center justify-center">
+                  <Award className="h-5 w-5 text-nostr" />
+                </div>
+                <div className="min-w-0">
+                  <h2 className="font-display font-bold text-xl truncate">
+                    Mis badges
+                  </h2>
+                  <p className="text-xs text-foreground-muted">
+                    NIP-58 · {badges.length} otorgado
+                    {badges.length === 1 ? "" : "s"}
+                    {selected.length > 0 && (
+                      <>
+                        {" · "}
+                        <span className="text-nostr">
+                          {selected.length} usado
+                          {selected.length === 1 ? "" : "s"} en perfil
+                        </span>
+                      </>
+                    )}
+                  </p>
+                </div>
+              </div>
+              <button
+                onClick={() => !saving && onClose()}
+                disabled={saving}
+                className="p-2 rounded-lg text-foreground-muted hover:text-foreground hover:bg-white/5 transition-colors disabled:opacity-50"
+                aria-label="Cerrar"
+              >
+                <X className="h-5 w-5" />
+              </button>
+            </div>
+
+            <div className="relative flex-1 overflow-y-auto px-6 py-5">
+              {loading && badges.length === 0 ? (
+                <div className="py-16 flex flex-col items-center gap-3 text-foreground-muted">
+                  <Loader2 className="h-5 w-5 animate-spin" />
+                  <span className="text-xs font-mono uppercase tracking-widest">
+                    buscando badges en relays…
+                  </span>
+                </div>
+              ) : badges.length === 0 ? (
+                <div className="py-16 flex flex-col items-center gap-3 text-center">
+                  <Award className="h-8 w-8 text-foreground-subtle" />
+                  <p className="font-display text-lg font-bold">
+                    Todavía no recibiste badges
+                  </p>
+                  <p className="text-xs text-foreground-muted max-w-md">
+                    Cuando alguien te otorgue un badge NIP-58 lo vas a ver acá
+                    y vas a poder elegir cuáles mostrar en tu perfil.
+                  </p>
+                </div>
+              ) : (
+                <div className="grid grid-cols-1 md:grid-cols-[1fr_260px] gap-5">
+                  <div className="grid grid-cols-2 sm:grid-cols-3 gap-3">
+                    {badges.map((b) => {
+                      const isSelected = selected.includes(b.aTag);
+                      const isFocused = focused === b.aTag;
+                      return (
+                        <ModalBadgeTile
+                          key={b.awardId}
+                          badge={b}
+                          selected={isSelected}
+                          focused={isFocused}
+                          onToggle={() => toggle(b.aTag)}
+                          onFocus={() => setFocused(b.aTag)}
+                          disabled={saving}
+                        />
+                      );
+                    })}
+                  </div>
+                  <aside className="hidden md:block">
+                    <div className="sticky top-0 rounded-xl border border-border bg-background-card/70 p-4">
+                      <BadgeDetails
+                        badge={focusedBadge}
+                        worn={
+                          focusedBadge
+                            ? selected.includes(focusedBadge.aTag)
+                            : false
+                        }
+                        onToggle={() =>
+                          focusedBadge && toggle(focusedBadge.aTag)
+                        }
+                        disabled={saving}
+                      />
+                    </div>
+                  </aside>
+                </div>
+              )}
+            </div>
+
+            <div className="relative flex items-center justify-between gap-3 px-6 py-4 bg-black/30 border-t border-border">
+              <div className="text-[11px] text-foreground-subtle font-mono tabular-nums">
+                {dirty
+                  ? "Hay cambios sin guardar"
+                  : "Sincronizado con tu perfil"}
+              </div>
+              <div className="flex items-center gap-2">
+                <button
+                  onClick={() => !saving && onClose()}
+                  disabled={saving}
+                  className="px-4 py-2 rounded-lg text-sm font-semibold text-foreground-muted hover:text-foreground hover:bg-white/5 disabled:opacity-50"
+                >
+                  Cerrar
+                </button>
+                <button
+                  onClick={save}
+                  disabled={!dirty || saving}
+                  className="inline-flex items-center gap-2 px-4 py-2 rounded-lg text-sm font-semibold bg-gradient-to-r from-nostr to-purple-600 text-white disabled:opacity-50 disabled:cursor-not-allowed"
+                >
+                  {saving ? (
+                    <>
+                      <Loader2 className="h-4 w-4 animate-spin" />
+                      Firmando…
+                    </>
+                  ) : (
+                    <>
+                      <Save className="h-4 w-4" />
+                      Guardar selección
+                    </>
+                  )}
+                </button>
+              </div>
+            </div>
+          </motion.div>
+        </motion.div>
+      )}
+    </AnimatePresence>
+  );
+}
+
+function ModalBadgeTile({
+  badge,
+  selected,
+  focused,
+  onToggle,
+  onFocus,
+  disabled,
+}: {
+  badge: AwardedBadge;
+  selected: boolean;
+  focused: boolean;
+  onToggle: () => void;
+  onFocus: () => void;
+  disabled: boolean;
+}) {
+  const def = badge.definition;
+  const [imgOk, setImgOk] = useState(true);
+  const image = imgOk ? (def?.thumb ?? def?.image) : null;
+  const name = def?.name || def?.d || "Badge";
+
+  return (
+    <div
+      className={cn(
+        "relative flex flex-col gap-2 rounded-xl p-3 border bg-background-card/60 transition-all",
+        selected
+          ? "border-nostr/50 bg-nostr/[0.06]"
+          : focused
+            ? "border-border-strong"
+            : "border-border hover:border-border-strong",
+      )}
+    >
+      <button
+        type="button"
+        onClick={onFocus}
+        className="relative aspect-square w-full rounded-lg overflow-hidden border border-border bg-gradient-to-br from-nostr/10 via-transparent to-bitcoin/5"
+        aria-label={`Ver detalles de ${name}`}
+      >
+        {image ? (
+          <img
+            src={image}
+            alt={name}
+            className="absolute inset-0 w-full h-full object-cover"
+            loading="lazy"
+            referrerPolicy="no-referrer"
+            onError={() => setImgOk(false)}
+          />
+        ) : (
+          <div className="absolute inset-0 flex items-center justify-center text-nostr">
+            <Award className="h-7 w-7" />
+          </div>
+        )}
+        {selected && (
+          <div className="absolute top-1.5 right-1.5 h-5 w-5 rounded-full bg-nostr flex items-center justify-center ring-2 ring-background-card">
+            <Check className="h-3 w-3 text-white" strokeWidth={3} />
+          </div>
+        )}
+      </button>
+      <div className="text-xs font-semibold leading-tight line-clamp-2 min-h-[2rem]">
+        {name}
+      </div>
+      <button
+        type="button"
+        onClick={onToggle}
+        disabled={disabled}
+        className={cn(
+          "inline-flex items-center justify-center gap-1.5 px-2 py-1.5 rounded-lg text-[11px] font-semibold transition-colors disabled:opacity-50",
+          selected
+            ? "bg-nostr/15 border border-nostr/40 text-nostr hover:bg-nostr/25"
+            : "border border-border bg-white/[0.02] hover:bg-white/[0.06] text-foreground-muted hover:text-foreground",
+        )}
+      >
+        {selected ? (
+          <>
+            <Check className="h-3 w-3" />
+            En el perfil
+          </>
+        ) : (
+          <>Usar en perfil</>
+        )}
+      </button>
+    </div>
+  );
+}
+
+function BadgeDetails({
+  badge,
+  worn,
+  onToggle,
+  disabled,
+}: {
+  badge: AwardedBadge | null;
+  worn: boolean;
+  onToggle: () => void;
+  disabled: boolean;
+}) {
+  if (!badge) {
+    return (
+      <div className="text-xs text-foreground-subtle text-center py-8">
+        Tocá un badge para ver detalles
+      </div>
+    );
+  }
+  const def = badge.definition;
+  const image = def?.thumb ?? def?.image;
+  const name = def?.name || def?.d || "Badge";
+  return (
+    <div className="flex flex-col gap-3">
+      <div className="aspect-square w-full rounded-lg overflow-hidden border border-border bg-gradient-to-br from-nostr/10 via-transparent to-bitcoin/5 relative">
+        {image ? (
+          <img
+            src={image}
+            alt={name}
+            className="absolute inset-0 w-full h-full object-cover"
+            referrerPolicy="no-referrer"
+          />
+        ) : (
+          <div className="absolute inset-0 flex items-center justify-center text-nostr">
+            <Award className="h-10 w-10" />
+          </div>
+        )}
+      </div>
+      <div>
+        <div className="font-display font-bold text-base leading-tight">
+          {name}
+        </div>
+        <div className="text-[10px] font-mono text-foreground-subtle mt-0.5">
+          otorgado{" "}
+          {new Date(badge.awardedAt * 1000).toLocaleDateString("es-AR", {
+            day: "2-digit",
+            month: "short",
+            year: "numeric",
+          })}
+        </div>
+      </div>
+      {def?.description && (
+        <p className="text-xs text-foreground-muted leading-relaxed whitespace-pre-wrap">
+          {def.description}
+        </p>
+      )}
+      <div className="text-[10px] font-mono text-foreground-subtle">
+        <span className="text-foreground-muted">issuer</span>{" "}
+        {badge.issuer.slice(0, 10)}…{badge.issuer.slice(-6)}
+      </div>
+      <button
+        type="button"
+        onClick={onToggle}
+        disabled={disabled}
+        className={cn(
+          "inline-flex items-center justify-center gap-2 px-3 py-2 rounded-lg text-xs font-semibold transition-colors disabled:opacity-50",
+          worn
+            ? "bg-nostr/15 border border-nostr/40 text-nostr hover:bg-nostr/25"
+            : "bg-nostr text-white hover:bg-purple-600",
+        )}
+      >
+        {worn ? (
+          <>
+            <Check className="h-3.5 w-3.5" />
+            Usándolo en el perfil
+          </>
+        ) : (
+          <>Usar en perfil</>
+        )}
+      </button>
+    </div>
+  );
+}
diff --git a/app/dashboard/DashboardClient.tsx b/app/dashboard/DashboardClient.tsx
index b90711b..3281717 100644
--- a/app/dashboard/DashboardClient.tsx
+++ b/app/dashboard/DashboardClient.tsx
@@ -28,8 +28,14 @@ import {
   DEFAULT_PROFILE_RELAYS,
   type NostrProfile as BaseNostrProfile,
 } from "@/lib/nostrProfile";
-import { useUserBadges, type AwardedBadge } from "@/lib/nostrBadges";
+import {
+  useUserBadges,
+  useProfileBadges,
+  type AwardedBadge,
+  type ProfileBadges,
+} from "@/lib/nostrBadges";
 import { cn } from "@/lib/cn";
+import BadgesModal from "./BadgesModal";
 
 type DashboardProfile = BaseNostrProfile & {
   pubkey: string;
@@ -57,6 +63,29 @@ export default function DashboardClient() {
   } = useNostrProfile(auth?.pubkey, relays);
 
   const { badges, loading: badgesLoading } = useUserBadges(auth?.pubkey);
+  const { profileBadges, override: setProfileBadges } = useProfileBadges(
+    auth?.pubkey,
+  );
+  const [badgesModalOpen, setBadgesModalOpen] = useState(false);
+
+  // Badges the user has chosen to wear — intersect profile_badges with actually
+  // resolved awards so we never render a broken tile.
+  const wornBadges = useMemo<AwardedBadge[]>(() => {
+    if (!profileBadges) return [];
+    const byATag = new Map(badges.map((b) => [b.aTag, b]));
+    return profileBadges.aTags
+      .map((a) => byATag.get(a))
+      .filter((b): b is AwardedBadge => Boolean(b));
+  }, [profileBadges, badges]);
+
+  const wornATags = useMemo(
+    () => new Set(wornBadges.map((b) => b.aTag)),
+    [wornBadges],
+  );
+  const unwornBadges = useMemo(
+    () => badges.filter((b) => !wornATags.has(b.aTag)),
+    [badges, wornATags],
+  );
 
   const profile: DashboardProfile | null = useMemo(() => {
     if (!auth) return null;
@@ -116,6 +145,9 @@ export default function DashboardClient() {
           profile={profile}
           loading={loading}
           onLogout={logout}
+          wornBadges={wornBadges}
+          onOpenBadges={() => setBadgesModalOpen(true)}
+          hasAnyBadge={badges.length > 0}
         />
 
         {error && (
@@ -134,7 +166,13 @@ export default function DashboardClient() {
               </Card>
             )}
 
-            <BadgesCard badges={badges} loading={badgesLoading} />
+            <BadgesCard
+              badges={unwornBadges}
+              loading={badgesLoading}
+              onManage={() => setBadgesModalOpen(true)}
+              totalCount={badges.length}
+              wornCount={wornBadges.length}
+            />
 
             <Link
               href="/dashboard/projects"
@@ -283,6 +321,16 @@ export default function DashboardClient() {
           </div>
         </div>
       </div>
+
+      <BadgesModal
+        open={badgesModalOpen}
+        onClose={() => setBadgesModalOpen(false)}
+        auth={auth}
+        badges={badges}
+        loading={badgesLoading}
+        profileBadges={profileBadges}
+        onProfileBadgesUpdated={(pb) => setProfileBadges(pb)}
+      />
     </div>
   );
 }
@@ -313,11 +361,17 @@ function ProfileHeader({
   profile,
   loading,
   onLogout,
+  wornBadges,
+  onOpenBadges,
+  hasAnyBadge,
 }: {
   auth: Auth;
   profile: DashboardProfile | null;
   loading: boolean;
   onLogout: () => void;
+  wornBadges: AwardedBadge[];
+  onOpenBadges: () => void;
+  hasAnyBadge: boolean;
 }) {
   const displayName =
     profile?.display_name || profile?.name || shorten(auth.pubkey);
@@ -330,8 +384,13 @@ function ProfileHeader({
       transition={{ duration: 0.5 }}
       className="flex flex-col sm:flex-row sm:items-end gap-4 sm:gap-6"
     >
-      <div className="relative shrink-0">
-        <div className="h-32 w-32 sm:h-40 sm:w-40 rounded-2xl overflow-hidden border-4 border-background bg-background-card ring-1 ring-border-strong">
+      <button
+        type="button"
+        onClick={onOpenBadges}
+        className="relative shrink-0 group rounded-2xl"
+        aria-label="Ver mis badges"
+      >
+        <div className="h-32 w-32 sm:h-40 sm:w-40 rounded-2xl overflow-hidden border-4 border-background bg-background-card ring-1 ring-border-strong group-hover:ring-2 group-hover:ring-nostr/50 transition-all">
           {profile?.picture ? (
             <img
               src={profile.picture}
@@ -350,7 +409,13 @@ function ProfileHeader({
             </div>
           )}
         </div>
-      </div>
+        {hasAnyBadge && (
+          <div className="absolute -bottom-2 -right-2 inline-flex items-center gap-1 px-2 py-1 rounded-full bg-nostr text-white text-[10px] font-mono font-bold tracking-wider shadow-lg shadow-nostr/40 opacity-0 group-hover:opacity-100 transition-opacity">
+            <Award className="h-3 w-3" />
+            BADGES
+          </div>
+        )}
+      </button>
 
       <div className="flex-1 min-w-0 sm:pb-2">
         <div className="flex flex-wrap items-center gap-2 mb-1">
@@ -387,6 +452,17 @@ function ProfileHeader({
             </span>
           )}
         </div>
+
+        {/* Badges worn in profile */}
+        {(wornBadges.length > 0 || hasAnyBadge) && (
+          <div className="mt-3">
+            <WornBadgesRow
+              badges={wornBadges}
+              onOpen={onOpenBadges}
+              empty={wornBadges.length === 0}
+            />
+          </div>
+        )}
       </div>
 
       <div className="hidden sm:block">
@@ -506,41 +582,58 @@ function shorten(pubkey: string) {
 function BadgesCard({
   badges,
   loading,
+  onManage,
+  totalCount,
+  wornCount,
 }: {
   badges: AwardedBadge[];
   loading: boolean;
+  onManage: () => void;
+  totalCount: number;
+  wornCount: number;
 }) {
-  if (!loading && badges.length === 0) return null;
+  if (!loading && totalCount === 0) return null;
 
   return (
     <div className="rounded-2xl border border-border bg-background-card p-5">
       <div className="flex items-center justify-between gap-2 mb-4">
-        <div className="flex items-center gap-2">
+        <div className="flex items-center gap-2 min-w-0">
           <span className="text-foreground-muted">
             <Award className="h-4 w-4" />
           </span>
           <h2 className="font-display font-bold text-sm uppercase tracking-widest text-foreground-muted">
-            Badges
+            Otros badges
           </h2>
-          {badges.length > 0 && (
-            <span className="inline-flex items-center gap-1 px-1.5 py-0.5 rounded-full bg-nostr/10 border border-nostr/30 text-[10px] font-mono tracking-wider text-nostr">
-              NIP-58 · {badges.length}
+          {totalCount > 0 && (
+            <span className="inline-flex items-center gap-1 px-1.5 py-0.5 rounded-full bg-nostr/10 border border-nostr/30 text-[10px] font-mono tracking-wider text-nostr whitespace-nowrap">
+              NIP-58 · {totalCount}
+              {wornCount > 0 && <> · {wornCount} en perfil</>}
             </span>
           )}
         </div>
-        {loading && (
-          <Loader2 className="h-3.5 w-3.5 animate-spin text-foreground-muted" />
-        )}
+        <div className="flex items-center gap-2">
+          {loading && (
+            <Loader2 className="h-3.5 w-3.5 animate-spin text-foreground-muted" />
+          )}
+          <button
+            onClick={onManage}
+            className="inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg border border-border bg-white/[0.03] hover:bg-white/[0.06] text-xs font-semibold transition-colors"
+          >
+            Administrar
+          </button>
+        </div>
       </div>
 
       {badges.length === 0 ? (
         <div className="py-6 text-center text-xs text-foreground-subtle">
-          Buscando badges en relays…
+          {totalCount > 0
+            ? "Todos tus badges están en el perfil."
+            : "Buscando badges en relays…"}
         </div>
       ) : (
         <div className="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-5 gap-3">
           {badges.map((b) => (
-            <BadgeTile key={b.awardId} badge={b} />
+            <BadgeTile key={b.awardId} badge={b} onClick={onManage} />
           ))}
         </div>
       )}
@@ -548,14 +641,95 @@ function BadgesCard({
   );
 }
 
-function BadgeTile({ badge }: { badge: AwardedBadge }) {
+function WornBadgesRow({
+  badges,
+  onOpen,
+  empty,
+}: {
+  badges: AwardedBadge[];
+  onOpen: () => void;
+  empty: boolean;
+}) {
+  const visible = badges.slice(0, 6);
+  const extra = badges.length - visible.length;
+  return (
+    <button
+      type="button"
+      onClick={onOpen}
+      className="group inline-flex items-center gap-2 rounded-full border border-nostr/30 bg-nostr/5 px-2 py-1.5 hover:bg-nostr/10 hover:border-nostr/50 transition-colors"
+      aria-label="Administrar badges"
+    >
+      {empty ? (
+        <span className="inline-flex items-center gap-1.5 px-1.5 text-[11px] font-semibold text-nostr">
+          <Award className="h-3.5 w-3.5" />
+          Usar badges en perfil
+        </span>
+      ) : (
+        <>
+          <div className="flex -space-x-1.5">
+            {visible.map((b) => (
+              <ProfileBadgeChip key={b.awardId} badge={b} />
+            ))}
+          </div>
+          {extra > 0 && (
+            <span className="text-[10px] font-mono text-foreground-muted">
+              +{extra}
+            </span>
+          )}
+          <span className="hidden sm:inline text-[11px] font-semibold text-foreground-muted group-hover:text-foreground transition-colors pr-1">
+            administrar
+          </span>
+        </>
+      )}
+    </button>
+  );
+}
+
+function ProfileBadgeChip({ badge }: { badge: AwardedBadge }) {
+  const [imgOk, setImgOk] = useState(true);
+  const def = badge.definition;
+  const image = imgOk ? (def?.thumb ?? def?.image) : null;
+  const name = def?.name || def?.d || "Badge";
+  return (
+    <span
+      className="relative h-6 w-6 rounded-full overflow-hidden border border-background-card bg-gradient-to-br from-nostr/20 to-bitcoin/10 ring-1 ring-nostr/30"
+      title={name}
+    >
+      {image ? (
+        <img
+          src={image}
+          alt={name}
+          className="absolute inset-0 w-full h-full object-cover"
+          referrerPolicy="no-referrer"
+          loading="lazy"
+          onError={() => setImgOk(false)}
+        />
+      ) : (
+        <span className="absolute inset-0 flex items-center justify-center text-nostr">
+          <Award className="h-3 w-3" />
+        </span>
+      )}
+    </span>
+  );
+}
+
+function BadgeTile({
+  badge,
+  onClick,
+}: {
+  badge: AwardedBadge;
+  onClick?: () => void;
+}) {
   const def = badge.definition;
   const [imgOk, setImgOk] = useState(true);
   const image = imgOk ? (def?.thumb ?? def?.image) : null;
   const name = def?.name || def?.d || "Badge";
 
+  const Tag: React.ElementType = onClick ? "button" : "div";
   return (
-    <div
+    <Tag
+      type={onClick ? "button" : undefined}
+      onClick={onClick}
       className="group relative flex flex-col items-center gap-1.5 text-center"
       title={
         def?.description ||
@@ -588,6 +762,6 @@ function BadgeTile({ badge }: { badge: AwardedBadge }) {
           year: "numeric",
         })}
       </div>
-    </div>
+    </Tag>
   );
 }
diff --git a/lib/nostrBadges.ts b/lib/nostrBadges.ts
index 6fb8931..e094c57 100644
--- a/lib/nostrBadges.ts
+++ b/lib/nostrBadges.ts
@@ -1,14 +1,16 @@
 "use client";
 
 import { useEffect, useState } from "react";
+import type { SignedEvent, UserSigner } from "./nostrSigner";
 
 /* NIP-58 Badges
  *   kind 30009  Badge Definition (parameterized replaceable)
  *   kind 8      Badge Award
+ *   kind 30008  Profile Badges (user-curated display list)
  *
- * Fetches every award (kind 8) targeting the user (#p:[pubkey]) and
- * resolves each award's referenced badge definition (an `a` tag shaped
- * like `30009:<issuer>:<d>`).
+ * Flow used here: fetch every award (kind 8) targeting the user
+ * (#p:[pubkey]), resolve each award's referenced badge definition
+ * (an `a` tag like `30009:<issuer>:<d>`) and surface them all.
  */
 
 export type BadgeDefinition = {
@@ -29,6 +31,17 @@ export type AwardedBadge = {
   definition?: BadgeDefinition;
 };
 
+export type ProfileBadges = {
+  aTags: string[];
+  /** event id -> aTag (optional pairing for `e` tags when publishing) */
+  eventIdByATag: Record<string, string>;
+  eventId?: string;
+  eventCreatedAt?: number;
+};
+
+const PROFILE_BADGES_CACHE = "labs:profile-badges:";
+const PROFILE_BADGES_D = "profile_badges";
+
 const CACHE_PREFIX = "labs:badges:";
 const TTL_MS = 6 * 60 * 60 * 1000;
 
@@ -213,6 +226,238 @@ export async function fetchUserBadges(
   return result;
 }
 
+/* ────────────────────── profile_badges (kind 30008) ───────────────────── */
+
+function parseProfileBadgesEvent(ev: IncomingEvent): ProfileBadges | null {
+  if (ev.kind !== 30008) return null;
+  const d = ev.tags.find((t) => t[0] === "d")?.[1];
+  if (d !== PROFILE_BADGES_D) return null;
+
+  const aTags: string[] = [];
+  const eventIdByATag: Record<string, string> = {};
+
+  // NIP-58 profile_badges tags come as ordered (a, e) pairs.
+  for (let i = 0; i < ev.tags.length; i++) {
+    const tag = ev.tags[i];
+    if (tag[0] !== "a") continue;
+    const aVal = tag[1];
+    if (!aVal) continue;
+    aTags.push(aVal);
+    // Look ahead for matching `e` tag
+    const next = ev.tags[i + 1];
+    if (next && next[0] === "e" && next[1]) {
+      eventIdByATag[aVal] = next[1];
+    }
+  }
+
+  return {
+    aTags,
+    eventIdByATag,
+    eventId: ev.id,
+    eventCreatedAt: ev.created_at,
+  };
+}
+
+export function getCachedProfileBadges(pubkey: string): ProfileBadges | null {
+  if (typeof window === "undefined") return null;
+  try {
+    const raw = window.localStorage.getItem(PROFILE_BADGES_CACHE + pubkey);
+    if (!raw) return null;
+    return JSON.parse(raw) as ProfileBadges;
+  } catch {
+    return null;
+  }
+}
+
+function setCachedProfileBadges(pubkey: string, pb: ProfileBadges) {
+  if (typeof window === "undefined") return;
+  try {
+    window.localStorage.setItem(
+      PROFILE_BADGES_CACHE + pubkey,
+      JSON.stringify(pb),
+    );
+  } catch {
+    /* quota */
+  }
+}
+
+export async function fetchProfileBadges(
+  pubkey: string,
+  relays: string[] = DEFAULT_BADGE_RELAYS,
+  timeoutMs = 4000,
+): Promise<ProfileBadges> {
+  const { SimplePool } = await import("nostr-tools/pool");
+  const pool = new SimplePool();
+  const events: IncomingEvent[] = [];
+  const closer = pool.subscribe(
+    relays,
+    { kinds: [30008], authors: [pubkey], "#d": [PROFILE_BADGES_D] },
+    {
+      onevent(ev: IncomingEvent) {
+        events.push(ev);
+      },
+      oneose() {
+        closer.close();
+      },
+    },
+  );
+  await new Promise((r) => setTimeout(r, timeoutMs));
+  closer.close();
+  try {
+    pool.close(relays);
+  } catch {
+    /* noop */
+  }
+
+  events.sort((a, b) => b.created_at - a.created_at);
+  const latest = events[0];
+  if (!latest) {
+    // Fall back to cache so we don't flash an empty state on hiccups.
+    return (
+      getCachedProfileBadges(pubkey) ?? {
+        aTags: [],
+        eventIdByATag: {},
+      }
+    );
+  }
+  const parsed = parseProfileBadgesEvent(latest) ?? {
+    aTags: [],
+    eventIdByATag: {},
+    eventId: latest.id,
+    eventCreatedAt: latest.created_at,
+  };
+  setCachedProfileBadges(pubkey, parsed);
+  return parsed;
+}
+
+/** Publishes a kind 30008 event wearing the given badges, in the given order. */
+export async function publishProfileBadges(
+  signer: UserSigner,
+  worn: AwardedBadge[],
+  relays: string[] = DEFAULT_BADGE_RELAYS,
+  opts?: { signTimeoutMs?: number; publishTimeoutMs?: number },
+): Promise<{
+  signed: SignedEvent;
+  relays: { relay: string; ok: boolean; error?: string }[];
+}> {
+  const { signTimeoutMs = 30_000, publishTimeoutMs = 8_000 } = opts ?? {};
+  const tags: string[][] = [["d", PROFILE_BADGES_D]];
+  for (const b of worn) {
+    tags.push(["a", b.aTag]);
+    tags.push(["e", b.awardId]);
+  }
+
+  const unsigned = {
+    kind: 30008,
+    pubkey: signer.pubkey,
+    created_at: Math.floor(Date.now() / 1000),
+    tags,
+    content: "",
+  };
+
+  const signed = (await Promise.race([
+    signer.signEvent(unsigned),
+    new Promise((_, reject) =>
+      setTimeout(
+        () => reject(new Error(`Timeout: esperando firma (${signTimeoutMs}ms)`)),
+        signTimeoutMs,
+      ),
+    ),
+  ])) as SignedEvent;
+
+  const { SimplePool } = await import("nostr-tools/pool");
+  const pool = new SimplePool();
+  const promises = pool.publish(relays, signed);
+  const results = await Promise.all(
+    promises.map(async (p, i) => {
+      const relay = relays[i];
+      try {
+        await Promise.race([
+          p,
+          new Promise((_, reject) =>
+            setTimeout(
+              () => reject(new Error(`Timeout: ${relay} (${publishTimeoutMs}ms)`)),
+              publishTimeoutMs,
+            ),
+          ),
+        ]);
+        return { relay, ok: true };
+      } catch (e) {
+        return {
+          relay,
+          ok: false,
+          error: e instanceof Error ? e.message : String(e),
+        };
+      }
+    }),
+  );
+  try {
+    pool.close(relays);
+  } catch {
+    /* noop */
+  }
+  const ok = results.some((r) => r.ok);
+  if (!ok) {
+    throw new Error(
+      `Ningún relay aceptó el evento.\n${results
+        .map((r) => `${r.relay}: ${r.error ?? "sin respuesta"}`)
+        .join("\n")}`,
+    );
+  }
+
+  // Update cache so the UI reflects the new state immediately.
+  const pb: ProfileBadges = {
+    aTags: worn.map((b) => b.aTag),
+    eventIdByATag: Object.fromEntries(worn.map((b) => [b.aTag, b.awardId])),
+    eventId: signed.id,
+    eventCreatedAt: signed.created_at,
+  };
+  setCachedProfileBadges(signer.pubkey, pb);
+
+  return { signed, relays: results };
+}
+
+export function useProfileBadges(
+  pubkey: string | null | undefined,
+  relays?: string[],
+) {
+  const [data, setData] = useState<ProfileBadges | null>(null);
+  const [loading, setLoading] = useState(false);
+
+  useEffect(() => {
+    if (!pubkey) {
+      setData(null);
+      return;
+    }
+    const cached = getCachedProfileBadges(pubkey);
+    if (cached) setData(cached);
+    let cancelled = false;
+    setLoading(true);
+    fetchProfileBadges(pubkey, relays)
+      .then((fresh) => {
+        if (cancelled) return;
+        setData(fresh);
+      })
+      .catch(() => {
+        /* background */
+      })
+      .finally(() => {
+        if (!cancelled) setLoading(false);
+      });
+    return () => {
+      cancelled = true;
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [pubkey, relays?.join(",")]);
+
+  function override(pb: ProfileBadges) {
+    if (pubkey) setCachedProfileBadges(pubkey, pb);
+    setData(pb);
+  }
+
+  return { profileBadges: data, loading, override };
+}
+
 export function useUserBadges(
   pubkey: string | null | undefined,
   relays?: string[],

From ae11ee1b8c11289ea94e833c916221053fac3d81 Mon Sep 17 00:00:00 2001
From: Agustin Kassis <webmaster@masize.com>
Date: Thu, 23 Apr 2026 00:26:32 -0300
Subject: [PATCH 11/11] Add profile editor, badge reorder and hackathons

Large feature update: refactors badge management into a draggable, reorderable UI (BadgesModal) with new worn/unworn sections, compact badge strip and animated badge pills. Adds a profile editor modal with image crop/upload flow (ImageCropModal + Blossom upload integration), relay list editing (nostrRelays), and related UX improvements in DashboardClient (new modals, edit button, updated header). Adds hackathon pages and JSON data + a build script for hackathon reports. New libraries and helpers added (lib/blossom.ts, lib/hackathons.ts, lib/nostrRelays.ts, scripts/build-hackathon-reports.mjs) and various component tweaks (Navbar, Footer, Hero, LoginModal). Also updates package.json/package-lock and adds a .claude/launch.json. These changes enable editing/publishing profile info, reordering worn badges (NIP-58 order), uploading avatars/banners with progress, and ships hackathon content.
---
 .claude/launch.json                           |   11 +
 app/dashboard/BadgesModal.tsx                 |  511 +++--
 app/dashboard/DashboardClient.tsx             | 2017 +++++++++++++++--
 app/dashboard/projects/UserProjectsClient.tsx |  773 ++++++-
 app/hackathons/[id]/HackathonProjectsList.tsx |  291 +++
 app/hackathons/[id]/[projectId]/page.tsx      |  458 ++++
 app/hackathons/[id]/page.tsx                  |  358 +++
 app/hackathons/page.tsx                       |  264 +++
 app/projects/ProjectsGrid.tsx                 |   36 +-
 components/Footer.tsx                         |    6 +-
 components/ImageCropModal.tsx                 |  512 +++++
 components/LoginModal.tsx                     |   51 +
 components/Navbar.tsx                         |   34 +-
 components/sections/Hero.tsx                  |   38 +-
 data/hackathons/hackathons.json               |  201 ++
 data/hackathons/projects-foundations.json     |  454 ++++
 data/hackathons/projects-identity.json        |  276 +++
 data/hackathons/reports.json                  | 1614 +++++++++++++
 .../reports/foundations/1-sat-to.md           |   72 +
 .../reports/foundations/SatsParty.md          |   72 +
 .../reports/foundations/Streamsats.md         |   73 +
 .../hackathons/reports/foundations/anirayo.md |   73 +
 .../reports/foundations/bitbybit-habits.md    |   74 +
 .../reports/foundations/digital-card.md       |   72 +
 .../reports/foundations/hash21-shop.md        |   74 +
 .../reports/foundations/life-action-plan.md   |   68 +
 .../reports/foundations/nosteach.md           |   71 +
 .../foundations/proof-of-attendance-hdmp.md   |   98 +
 .../reports/foundations/relam-pago.md         |   71 +
 .../reports/foundations/reports.html          |  509 +++++
 .../reports/foundations/sat-lotto-v2.md       |   71 +
 .../reports/foundations/stacktris.md          |   73 +
 .../reports/foundations/sweet-shots.md        |   74 +
 .../reports/foundations/wapu-cli.md           |   71 +
 data/hackathons/reports/identity/reports.html |  430 ++++
 lib/auth.ts                                   |  121 +-
 lib/blossom.ts                                |  343 +++
 lib/hackathons.ts                             |  335 +++
 lib/nostrProfile.ts                           |  125 +
 lib/nostrRelays.ts                            |  368 +++
 lib/nostrSigner.ts                            |   50 +-
 lib/userProjects.ts                           |  113 +-
 package-lock.json                             |   26 +
 package.json                                  |    2 +
 scripts/build-hackathon-reports.mjs           |  176 ++
 45 files changed, 11131 insertions(+), 479 deletions(-)
 create mode 100644 .claude/launch.json
 create mode 100644 app/hackathons/[id]/HackathonProjectsList.tsx
 create mode 100644 app/hackathons/[id]/[projectId]/page.tsx
 create mode 100644 app/hackathons/[id]/page.tsx
 create mode 100644 app/hackathons/page.tsx
 create mode 100644 components/ImageCropModal.tsx
 create mode 100644 data/hackathons/hackathons.json
 create mode 100644 data/hackathons/projects-foundations.json
 create mode 100644 data/hackathons/projects-identity.json
 create mode 100644 data/hackathons/reports.json
 create mode 100644 data/hackathons/reports/foundations/1-sat-to.md
 create mode 100644 data/hackathons/reports/foundations/SatsParty.md
 create mode 100644 data/hackathons/reports/foundations/Streamsats.md
 create mode 100644 data/hackathons/reports/foundations/anirayo.md
 create mode 100644 data/hackathons/reports/foundations/bitbybit-habits.md
 create mode 100644 data/hackathons/reports/foundations/digital-card.md
 create mode 100644 data/hackathons/reports/foundations/hash21-shop.md
 create mode 100644 data/hackathons/reports/foundations/life-action-plan.md
 create mode 100644 data/hackathons/reports/foundations/nosteach.md
 create mode 100644 data/hackathons/reports/foundations/proof-of-attendance-hdmp.md
 create mode 100644 data/hackathons/reports/foundations/relam-pago.md
 create mode 100644 data/hackathons/reports/foundations/reports.html
 create mode 100644 data/hackathons/reports/foundations/sat-lotto-v2.md
 create mode 100644 data/hackathons/reports/foundations/stacktris.md
 create mode 100644 data/hackathons/reports/foundations/sweet-shots.md
 create mode 100644 data/hackathons/reports/foundations/wapu-cli.md
 create mode 100644 data/hackathons/reports/identity/reports.html
 create mode 100644 lib/blossom.ts
 create mode 100644 lib/hackathons.ts
 create mode 100644 lib/nostrRelays.ts
 create mode 100644 scripts/build-hackathon-reports.mjs

diff --git a/.claude/launch.json b/.claude/launch.json
new file mode 100644
index 0000000..fa561a0
--- /dev/null
+++ b/.claude/launch.json
@@ -0,0 +1,11 @@
+{
+  "version": "0.0.1",
+  "configurations": [
+    {
+      "name": "Next.js dev",
+      "runtimeExecutable": "npm",
+      "runtimeArgs": ["run", "dev"],
+      "port": 3000
+    }
+  ]
+}
diff --git a/app/dashboard/BadgesModal.tsx b/app/dashboard/BadgesModal.tsx
index 6056030..e201c6c 100644
--- a/app/dashboard/BadgesModal.tsx
+++ b/app/dashboard/BadgesModal.tsx
@@ -1,8 +1,8 @@
 "use client";
 
-import { AnimatePresence, motion } from "framer-motion";
-import { useEffect, useMemo, useState } from "react";
-import { Award, Check, Loader2, Save, X } from "lucide-react";
+import { AnimatePresence, LayoutGroup, Reorder, motion } from "framer-motion";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { Award, Check, GripVertical, Loader2, Save, X } from "lucide-react";
 import { useToast } from "@/components/Toast";
 import { useScrollLock } from "@/lib/useScrollLock";
 import { cn } from "@/lib/cn";
@@ -34,7 +34,6 @@ export default function BadgesModal({
   const { push: pushToast } = useToast();
   const [selected, setSelected] = useState<string[]>([]);
   const [saving, setSaving] = useState(false);
-  const [focused, setFocused] = useState<string | null>(null);
 
   useScrollLock(open);
 
@@ -42,7 +41,6 @@ export default function BadgesModal({
   useEffect(() => {
     if (!open) return;
     setSelected(profileBadges?.aTags ?? []);
-    setFocused(null);
   }, [open, profileBadges]);
 
   useEffect(() => {
@@ -54,13 +52,16 @@ export default function BadgesModal({
     return () => window.removeEventListener("keydown", onKey);
   }, [open, onClose, saving]);
 
-  const currentATags = useMemo(
-    () => new Set(profileBadges?.aTags ?? []),
+  // Positional comparison: adding, removing AND reordering all count as
+  // changes, because the `selected` order maps 1:1 onto the published NIP-58
+  // event's tag order.
+  const currentATags = useMemo<string[]>(
+    () => profileBadges?.aTags ?? [],
     [profileBadges],
   );
   const dirty = useMemo(() => {
-    if (selected.length !== currentATags.size) return true;
-    return selected.some((a) => !currentATags.has(a));
+    if (selected.length !== currentATags.length) return true;
+    return selected.some((a, i) => a !== currentATags[i]);
   }, [selected, currentATags]);
 
   function toggle(aTag: string) {
@@ -70,10 +71,33 @@ export default function BadgesModal({
     );
   }
 
-  const focusedBadge = useMemo(
-    () => badges.find((b) => b.aTag === focused) ?? null,
-    [badges, focused],
+  // Partition into worn (selected) and unworn. Worn follow the user-defined
+  // `selected` order (which is what gets published to NIP-58). Unworn fall
+  // back to the raw discovery order from `badges`.
+  const wornBadges = useMemo(() => {
+    const byATag = new Map(badges.map((b) => [b.aTag, b]));
+    return selected
+      .map((a) => byATag.get(a))
+      .filter((b): b is AwardedBadge => Boolean(b));
+  }, [badges, selected]);
+  const unwornBadges = useMemo(
+    () => badges.filter((b) => !selected.includes(b.aTag)),
+    [badges, selected],
   );
+  // Only the subset of `selected` that has a resolved badge; passed to the
+  // reorder group so we don't expose unresolved aTags (they'd have no UI
+  // element to drag).
+  const wornATags = useMemo(
+    () => wornBadges.map((b) => b.aTag),
+    [wornBadges],
+  );
+
+  function handleReorder(next: string[]) {
+    // Preserve any previously-selected aTags whose badge hasn't resolved —
+    // tack them onto the end so they survive the publish.
+    const unresolvedTail = selected.filter((a) => !wornATags.includes(a));
+    setSelected([...next, ...unresolvedTail]);
+  }
 
   async function save() {
     if (!dirty || saving) return;
@@ -205,41 +229,37 @@ export default function BadgesModal({
                   </p>
                 </div>
               ) : (
-                <div className="grid grid-cols-1 md:grid-cols-[1fr_260px] gap-5">
-                  <div className="grid grid-cols-2 sm:grid-cols-3 gap-3">
-                    {badges.map((b) => {
-                      const isSelected = selected.includes(b.aTag);
-                      const isFocused = focused === b.aTag;
-                      return (
-                        <ModalBadgeTile
-                          key={b.awardId}
-                          badge={b}
-                          selected={isSelected}
-                          focused={isFocused}
-                          onToggle={() => toggle(b.aTag)}
-                          onFocus={() => setFocused(b.aTag)}
-                          disabled={saving}
-                        />
-                      );
-                    })}
+                <LayoutGroup>
+                  <div className="space-y-6">
+                    <WornSection
+                      badges={wornBadges}
+                      values={wornATags}
+                      onReorder={handleReorder}
+                      onToggle={toggle}
+                      disabled={saving}
+                    />
+
+                    {unwornBadges.length > 0 && (
+                      <BadgeSection
+                        title="Otros"
+                        count={unwornBadges.length}
+                        accent="muted"
+                      >
+                        <AnimatePresence initial={false}>
+                          {unwornBadges.map((b) => (
+                            <MiniBadgeTile
+                              key={b.awardId}
+                              badge={b}
+                              selected={false}
+                              onToggle={() => toggle(b.aTag)}
+                              disabled={saving}
+                            />
+                          ))}
+                        </AnimatePresence>
+                      </BadgeSection>
+                    )}
                   </div>
-                  <aside className="hidden md:block">
-                    <div className="sticky top-0 rounded-xl border border-border bg-background-card/70 p-4">
-                      <BadgeDetails
-                        badge={focusedBadge}
-                        worn={
-                          focusedBadge
-                            ? selected.includes(focusedBadge.aTag)
-                            : false
-                        }
-                        onToggle={() =>
-                          focusedBadge && toggle(focusedBadge.aTag)
-                        }
-                        disabled={saving}
-                      />
-                    </div>
-                  </aside>
-                </div>
+                </LayoutGroup>
               )}
             </div>
 
@@ -283,169 +303,300 @@ export default function BadgesModal({
   );
 }
 
-function ModalBadgeTile({
-  badge,
-  selected,
-  focused,
+/** "En el perfil" section — draggable reorder via Framer Motion's Reorder.
+ *  The values passed to Reorder.Group are the aTags (strings) which maps
+ *  directly to the `selected` state; `onReorder` receives the re-ordered
+ *  aTags which we merge back into the selection. */
+function WornSection({
+  badges,
+  values,
+  onReorder,
   onToggle,
-  onFocus,
   disabled,
+}: {
+  badges: AwardedBadge[];
+  values: string[];
+  onReorder: (next: string[]) => void;
+  onToggle: (aTag: string) => void;
+  disabled: boolean;
+}) {
+  const accent: "success" | "muted" = "success";
+  return (
+    <section>
+      <div className="flex items-center gap-2 mb-3">
+        <h3 className="font-display font-bold text-[11px] uppercase tracking-widest text-foreground-muted">
+          En el perfil
+        </h3>
+        <span
+          className={cn(
+            "inline-flex items-center px-1.5 py-0.5 rounded-full border text-[10px] font-mono tabular-nums",
+            accent === "success"
+              ? "bg-success/10 border-success/30 text-success"
+              : "bg-white/[0.03] border-border text-foreground-subtle",
+          )}
+        >
+          {badges.length}
+        </span>
+        {badges.length > 1 && (
+          <span className="inline-flex items-center gap-0.5 text-[10px] font-mono text-foreground-subtle">
+            <GripVertical className="h-3 w-3" />
+            arrastrá para reordenar
+          </span>
+        )}
+      </div>
+      {badges.length === 0 ? (
+        <div className="text-xs text-foreground-subtle italic px-1 py-4 border border-dashed border-border rounded-lg text-center">
+          Todavía no elegiste ningún badge para mostrar.
+        </div>
+      ) : (
+        <Reorder.Group
+          as="div"
+          axis="x"
+          values={values}
+          onReorder={onReorder}
+          className="grid grid-cols-[repeat(auto-fill,minmax(64px,1fr))] gap-2"
+        >
+          <AnimatePresence initial={false}>
+            {badges.map((b) => (
+              <DraggableWornBadge
+                key={b.aTag}
+                badge={b}
+                disabled={disabled}
+                onToggle={() => onToggle(b.aTag)}
+              />
+            ))}
+          </AnimatePresence>
+        </Reorder.Group>
+      )}
+    </section>
+  );
+}
+
+/**
+ * A single worn badge, wrapped in a `Reorder.Item` so drag-to-reorder works.
+ *
+ * Framer Motion's `Reorder.Item` captures pointer events for drag detection
+ * and swallows native clicks. Its built-in `onTap` *should* fire on a
+ * pointer release without drag, but in practice (especially with a parent
+ * `LayoutGroup` + `layoutId` cross-section animation) it can miss clicks.
+ * We therefore add our own manual tap discriminator: remember
+ * pointer-down position + time, and on pointer-up fire the toggle if the
+ * release happened close enough (in space and time) to count as a tap.
+ */
+function DraggableWornBadge({
+  badge,
+  disabled,
+  onToggle,
 }: {
   badge: AwardedBadge;
-  selected: boolean;
-  focused: boolean;
-  onToggle: () => void;
-  onFocus: () => void;
   disabled: boolean;
+  onToggle: () => void;
+}) {
+  const tapStart = useRef<{ x: number; y: number } | null>(null);
+  // Distance-based discriminator: anything under this counts as a tap,
+  // otherwise Framer's drag kicked in. No time gate — users can press and
+  // hold without triggering a toggle.
+  const TAP_MAX_DISTANCE = 6; // px
+  const name = badge.definition?.name ?? badge.definition?.d ?? "Badge";
+
+  return (
+    <Reorder.Item
+      value={badge.aTag}
+      as="div"
+      drag={!disabled}
+      dragListener={!disabled}
+      layoutId={`badge-tile-${badge.awardId}`}
+      initial={{ opacity: 0, scale: 0.8 }}
+      animate={{ opacity: 1, scale: 1 }}
+      exit={{ opacity: 0, scale: 0.8 }}
+      transition={{ type: "spring", damping: 24, stiffness: 320 }}
+      whileDrag={{
+        scale: 1.1,
+        zIndex: 20,
+        boxShadow: "0 14px 34px rgba(0,0,0,0.55)",
+        cursor: "grabbing",
+      }}
+      onPointerDown={(e) => {
+        tapStart.current = { x: e.clientX, y: e.clientY };
+      }}
+      onPointerUp={(e) => {
+        const start = tapStart.current;
+        tapStart.current = null;
+        if (disabled || !start) return;
+        const dist = Math.hypot(e.clientX - start.x, e.clientY - start.y);
+        if (dist <= TAP_MAX_DISTANCE) {
+          onToggle();
+        }
+      }}
+      onPointerCancel={() => {
+        tapStart.current = null;
+      }}
+      role="button"
+      aria-pressed={true}
+      aria-label={`Quitar del perfil: ${name}`}
+      title={name}
+      className={cn(
+        "relative aspect-square touch-none select-none rounded-lg overflow-hidden border transition-[border-color,box-shadow] border-success/40 shadow-[0_0_0_1px_rgba(34,197,94,0.18)] group",
+        disabled ? "cursor-progress" : "cursor-grab active:cursor-grabbing",
+      )}
+    >
+      <BadgeVisual badge={badge} selected />
+    </Reorder.Item>
+  );
+}
+
+/** Presentational badge content — shared by the draggable Reorder.Item
+ *  (worn) and the plain motion.button (unworn). No motion/event wiring;
+ *  the parent owns click/drag behavior. */
+function BadgeVisual({
+  badge,
+  selected,
+}: {
+  badge: AwardedBadge;
+  selected: boolean;
 }) {
   const def = badge.definition;
   const [imgOk, setImgOk] = useState(true);
   const image = imgOk ? (def?.thumb ?? def?.image) : null;
   const name = def?.name || def?.d || "Badge";
-
   return (
-    <div
-      className={cn(
-        "relative flex flex-col gap-2 rounded-xl p-3 border bg-background-card/60 transition-all",
-        selected
-          ? "border-nostr/50 bg-nostr/[0.06]"
-          : focused
-            ? "border-border-strong"
-            : "border-border hover:border-border-strong",
+    <>
+      <div className="absolute inset-0 bg-gradient-to-br from-nostr/10 via-transparent to-bitcoin/5" />
+      {image ? (
+        // eslint-disable-next-line @next/next/no-img-element
+        <img
+          src={image}
+          alt={name}
+          className="absolute inset-0 w-full h-full object-cover pointer-events-none"
+          loading="lazy"
+          referrerPolicy="no-referrer"
+          onError={() => setImgOk(false)}
+        />
+      ) : (
+        <div className="absolute inset-0 flex items-center justify-center text-nostr pointer-events-none">
+          <Award className="h-5 w-5" />
+        </div>
       )}
-    >
-      <button
-        type="button"
-        onClick={onFocus}
-        className="relative aspect-square w-full rounded-lg overflow-hidden border border-border bg-gradient-to-br from-nostr/10 via-transparent to-bitcoin/5"
-        aria-label={`Ver detalles de ${name}`}
-      >
-        {image ? (
-          <img
-            src={image}
-            alt={name}
-            className="absolute inset-0 w-full h-full object-cover"
-            loading="lazy"
-            referrerPolicy="no-referrer"
-            onError={() => setImgOk(false)}
-          />
-        ) : (
-          <div className="absolute inset-0 flex items-center justify-center text-nostr">
-            <Award className="h-7 w-7" />
-          </div>
-        )}
+      <AnimatePresence initial={false}>
         {selected && (
-          <div className="absolute top-1.5 right-1.5 h-5 w-5 rounded-full bg-nostr flex items-center justify-center ring-2 ring-background-card">
+          <motion.div
+            key="check"
+            initial={{ scale: 0, rotate: -90, opacity: 0 }}
+            animate={{ scale: 1, rotate: 0, opacity: 1 }}
+            exit={{ scale: 0, opacity: 0 }}
+            transition={{ type: "spring", damping: 18, stiffness: 380 }}
+            className="absolute top-1 right-1 h-5 w-5 rounded-full bg-success flex items-center justify-center ring-2 ring-background-card shadow-lg shadow-success/30 pointer-events-none"
+          >
             <Check className="h-3 w-3 text-white" strokeWidth={3} />
-          </div>
+          </motion.div>
         )}
-      </button>
-      <div className="text-xs font-semibold leading-tight line-clamp-2 min-h-[2rem]">
-        {name}
+      </AnimatePresence>
+      <div className="absolute inset-x-0 bottom-0 px-1.5 py-1 bg-gradient-to-t from-black/80 via-black/40 to-transparent opacity-0 group-hover:opacity-100 transition-opacity pointer-events-none">
+        <div className="text-[9px] font-semibold text-white truncate leading-tight">
+          {name}
+        </div>
       </div>
-      <button
-        type="button"
-        onClick={onToggle}
-        disabled={disabled}
-        className={cn(
-          "inline-flex items-center justify-center gap-1.5 px-2 py-1.5 rounded-lg text-[11px] font-semibold transition-colors disabled:opacity-50",
-          selected
-            ? "bg-nostr/15 border border-nostr/40 text-nostr hover:bg-nostr/25"
-            : "border border-border bg-white/[0.02] hover:bg-white/[0.06] text-foreground-muted hover:text-foreground",
-        )}
-      >
-        {selected ? (
-          <>
-            <Check className="h-3 w-3" />
-            En el perfil
-          </>
-        ) : (
-          <>Usar en perfil</>
-        )}
-      </button>
-    </div>
+    </>
+  );
+}
+
+/** Section wrapper that titles + counts a group of badge tiles. The grid
+ *  itself is sized with `auto-fill` so the tiles stay tight regardless of
+ *  how many badges fall into this section. */
+function BadgeSection({
+  title,
+  count,
+  empty,
+  accent,
+  children,
+}: {
+  title: string;
+  count: number;
+  empty?: string;
+  accent: "success" | "muted";
+  children: React.ReactNode;
+}) {
+  return (
+    <section>
+      <div className="flex items-center gap-2 mb-3">
+        <h3 className="font-display font-bold text-[11px] uppercase tracking-widest text-foreground-muted">
+          {title}
+        </h3>
+        <span
+          className={cn(
+            "inline-flex items-center px-1.5 py-0.5 rounded-full border text-[10px] font-mono tabular-nums",
+            accent === "success"
+              ? "bg-success/10 border-success/30 text-success"
+              : "bg-white/[0.03] border-border text-foreground-subtle",
+          )}
+        >
+          {count}
+        </span>
+      </div>
+      {count === 0 && empty ? (
+        <div className="text-xs text-foreground-subtle italic px-1 py-4 border border-dashed border-border rounded-lg text-center">
+          {empty}
+        </div>
+      ) : (
+        <motion.div
+          layout
+          className="grid grid-cols-[repeat(auto-fill,minmax(64px,1fr))] gap-2"
+        >
+          {children}
+        </motion.div>
+      )}
+    </section>
   );
 }
 
-function BadgeDetails({
+/**
+ * Compact badge tile — 50% smaller than before. Single click toggles
+ * selection. Selected tiles display a green check overlay in the top-right
+ * corner; unselected tiles render at 50% opacity and pop to full opacity on
+ * hover.
+ *
+ * Uses a Framer Motion `layoutId` so that when a badge moves between the
+ * two sections (worn ↔ unworn) on toggle, it animates across the grid
+ * rather than popping in/out abruptly.
+ */
+function MiniBadgeTile({
   badge,
-  worn,
+  selected,
   onToggle,
   disabled,
 }: {
-  badge: AwardedBadge | null;
-  worn: boolean;
+  badge: AwardedBadge;
+  selected: boolean;
   onToggle: () => void;
   disabled: boolean;
 }) {
-  if (!badge) {
-    return (
-      <div className="text-xs text-foreground-subtle text-center py-8">
-        Tocá un badge para ver detalles
-      </div>
-    );
-  }
   const def = badge.definition;
-  const image = def?.thumb ?? def?.image;
   const name = def?.name || def?.d || "Badge";
   return (
-    <div className="flex flex-col gap-3">
-      <div className="aspect-square w-full rounded-lg overflow-hidden border border-border bg-gradient-to-br from-nostr/10 via-transparent to-bitcoin/5 relative">
-        {image ? (
-          <img
-            src={image}
-            alt={name}
-            className="absolute inset-0 w-full h-full object-cover"
-            referrerPolicy="no-referrer"
-          />
-        ) : (
-          <div className="absolute inset-0 flex items-center justify-center text-nostr">
-            <Award className="h-10 w-10" />
-          </div>
-        )}
-      </div>
-      <div>
-        <div className="font-display font-bold text-base leading-tight">
-          {name}
-        </div>
-        <div className="text-[10px] font-mono text-foreground-subtle mt-0.5">
-          otorgado{" "}
-          {new Date(badge.awardedAt * 1000).toLocaleDateString("es-AR", {
-            day: "2-digit",
-            month: "short",
-            year: "numeric",
-          })}
-        </div>
-      </div>
-      {def?.description && (
-        <p className="text-xs text-foreground-muted leading-relaxed whitespace-pre-wrap">
-          {def.description}
-        </p>
+    <motion.button
+      layout
+      layoutId={`badge-tile-${badge.awardId}`}
+      type="button"
+      onClick={onToggle}
+      disabled={disabled}
+      title={name}
+      aria-pressed={selected}
+      aria-label={`${selected ? "Quitar del perfil" : "Poner en el perfil"}: ${name}`}
+      initial={{ opacity: 0, scale: 0.8 }}
+      animate={{ opacity: 1, scale: 1 }}
+      exit={{ opacity: 0, scale: 0.8 }}
+      transition={{ type: "spring", damping: 24, stiffness: 320 }}
+      whileHover={{ scale: disabled ? 1 : 1.04 }}
+      whileTap={{ scale: disabled ? 1 : 0.93 }}
+      className={cn(
+        "group relative aspect-square rounded-lg overflow-hidden border transition-[opacity,border-color,box-shadow]",
+        selected
+          ? "border-success/40 opacity-100 shadow-[0_0_0_1px_rgba(34,197,94,0.18)]"
+          : "border-border opacity-50 hover:opacity-100 hover:border-border-strong",
+        disabled && "cursor-progress",
       )}
-      <div className="text-[10px] font-mono text-foreground-subtle">
-        <span className="text-foreground-muted">issuer</span>{" "}
-        {badge.issuer.slice(0, 10)}…{badge.issuer.slice(-6)}
-      </div>
-      <button
-        type="button"
-        onClick={onToggle}
-        disabled={disabled}
-        className={cn(
-          "inline-flex items-center justify-center gap-2 px-3 py-2 rounded-lg text-xs font-semibold transition-colors disabled:opacity-50",
-          worn
-            ? "bg-nostr/15 border border-nostr/40 text-nostr hover:bg-nostr/25"
-            : "bg-nostr text-white hover:bg-purple-600",
-        )}
-      >
-        {worn ? (
-          <>
-            <Check className="h-3.5 w-3.5" />
-            Usándolo en el perfil
-          </>
-        ) : (
-          <>Usar en perfil</>
-        )}
-      </button>
-    </div>
+    >
+      <BadgeVisual badge={badge} selected={selected} />
+    </motion.button>
   );
 }
diff --git a/app/dashboard/DashboardClient.tsx b/app/dashboard/DashboardClient.tsx
index 3281717..6964202 100644
--- a/app/dashboard/DashboardClient.tsx
+++ b/app/dashboard/DashboardClient.tsx
@@ -1,13 +1,12 @@
 "use client";
 
-import { useEffect, useMemo, useState } from "react";
+import { useEffect, useMemo, useRef, useState } from "react";
 import { useRouter } from "next/navigation";
 import Link from "next/link";
-import { motion } from "framer-motion";
+import { AnimatePresence, LayoutGroup, motion } from "framer-motion";
 import {
   Copy,
   Check,
-  LogOut,
   Key,
   Shield,
   Globe,
@@ -21,21 +20,52 @@ import {
   FolderGit2,
   ArrowRight,
   Award,
+  Pencil,
+  Save,
+  X,
+  Upload,
+  Image as ImageIcon,
+  Plus,
+  Trash2,
+  ArrowDownUp,
+  ArrowDown,
+  ArrowUp,
 } from "lucide-react";
-import { useAuth, clearAuth, type Auth } from "@/lib/auth";
+import { useAuth, type Auth } from "@/lib/auth";
 import {
   useNostrProfile,
+  publishNostrProfile,
   DEFAULT_PROFILE_RELAYS,
   type NostrProfile as BaseNostrProfile,
 } from "@/lib/nostrProfile";
+import {
+  useRelayList,
+  publishRelayList,
+  normalizeRelayUrl,
+  SUGGESTED_RELAYS,
+  type RelayEntry,
+  type RelayMarker,
+} from "@/lib/nostrRelays";
 import {
   useUserBadges,
   useProfileBadges,
   type AwardedBadge,
   type ProfileBadges,
 } from "@/lib/nostrBadges";
+import { getSigner } from "@/lib/nostrSigner";
+import {
+  uploadToBlossom,
+  fetchBlobWithProgress,
+  DEFAULT_BLOSSOM_SERVERS,
+  type UploadProgress,
+} from "@/lib/blossom";
+import { useToast } from "@/components/Toast";
+import { useScrollLock } from "@/lib/useScrollLock";
 import { cn } from "@/lib/cn";
 import BadgesModal from "./BadgesModal";
+import ImageCropModal, {
+  type CropResult,
+} from "@/components/ImageCropModal";
 
 type DashboardProfile = BaseNostrProfile & {
   pubkey: string;
@@ -67,6 +97,8 @@ export default function DashboardClient() {
     auth?.pubkey,
   );
   const [badgesModalOpen, setBadgesModalOpen] = useState(false);
+  const [profileEditorOpen, setProfileEditorOpen] = useState(false);
+  const [relaysEditorOpen, setRelaysEditorOpen] = useState(false);
 
   // Badges the user has chosen to wear — intersect profile_badges with actually
   // resolved awards so we never render a broken tile.
@@ -121,11 +153,6 @@ export default function DashboardClient() {
     })();
   }, [auth]);
 
-  function logout() {
-    clearAuth();
-    router.push("/");
-  }
-
   if (!ready) {
     return (
       <div className="min-h-screen flex items-center justify-center">
@@ -144,9 +171,9 @@ export default function DashboardClient() {
           auth={auth}
           profile={profile}
           loading={loading}
-          onLogout={logout}
           wornBadges={wornBadges}
           onOpenBadges={() => setBadgesModalOpen(true)}
+          onEditProfile={() => setProfileEditorOpen(true)}
           hasAnyBadge={badges.length > 0}
         />
 
@@ -233,74 +260,11 @@ export default function DashboardClient() {
           </div>
 
           <div className="space-y-4">
-            <Card title="Sesión" icon={<Shield className="h-4 w-4" />}>
-              <div className="space-y-3 text-sm">
-                <div className="flex items-center justify-between">
-                  <span className="text-foreground-muted">Método</span>
-                  <span className="inline-flex items-center gap-1.5 font-semibold">
-                    {auth.method === "nip07" ? (
-                      <>
-                        <Key className="h-3.5 w-3.5 text-nostr" />
-                        NIP-07
-                      </>
-                    ) : (
-                      <>
-                        <Shield className="h-3.5 w-3.5 text-cyan" />
-                        NIP-46
-                      </>
-                    )}
-                  </span>
-                </div>
-                {auth.method === "nip46" && auth.bunker?.pubkey && (
-                  <div className="flex items-center justify-between gap-2">
-                    <span className="text-foreground-muted">Bunker</span>
-                    <span className="font-mono text-xs text-foreground truncate">
-                      {shorten(auth.bunker.pubkey)}
-                    </span>
-                  </div>
-                )}
-                {profile?.createdAt && (
-                  <div className="flex items-center justify-between">
-                    <span className="text-foreground-muted inline-flex items-center gap-1.5">
-                      <Calendar className="h-3.5 w-3.5" />
-                      Perfil actualizado
-                    </span>
-                    <span className="font-mono text-xs text-foreground-muted">
-                      {new Date(profile.createdAt * 1000).toLocaleDateString(
-                        "es-AR",
-                        { day: "2-digit", month: "short", year: "numeric" },
-                      )}
-                    </span>
-                  </div>
-                )}
-              </div>
-              <button
-                onClick={logout}
-                className="mt-5 w-full inline-flex items-center justify-center gap-2 px-4 py-2.5 rounded-xl bg-white/[0.03] border border-border hover:bg-danger/10 hover:border-danger/30 hover:text-danger text-sm font-semibold transition-colors"
-              >
-                <LogOut className="h-4 w-4" />
-                Cerrar sesión
-              </button>
-            </Card>
-
-            <Card title="Relays" icon={<Radio className="h-4 w-4" />}>
-              <ul className="space-y-1.5">
-                {relaysUsed.map((r) => (
-                  <li
-                    key={r}
-                    className="flex items-center gap-2 text-xs font-mono text-foreground-muted"
-                  >
-                    <span className="h-1.5 w-1.5 rounded-full bg-success shrink-0" />
-                    <span className="truncate">{r.replace("wss://", "")}</span>
-                  </li>
-                ))}
-                {relaysUsed.length === 0 && (
-                  <li className="text-xs text-foreground-subtle">
-                    Conectando…
-                  </li>
-                )}
-              </ul>
-            </Card>
+            <RelaysCard
+              pubkey={auth.pubkey}
+              fallbackRelays={relaysUsed}
+              onEdit={() => setRelaysEditorOpen(true)}
+            />
 
             <Link
               href="/projects"
@@ -331,6 +295,21 @@ export default function DashboardClient() {
         profileBadges={profileBadges}
         onProfileBadgesUpdated={(pb) => setProfileBadges(pb)}
       />
+
+      <ProfileEditorModal
+        open={profileEditorOpen}
+        onClose={() => setProfileEditorOpen(false)}
+        auth={auth}
+        current={baseProfile}
+        relays={relays}
+      />
+
+      <RelaysEditorModal
+        open={relaysEditorOpen}
+        onClose={() => setRelaysEditorOpen(false)}
+        auth={auth}
+        publishRelays={relays}
+      />
     </div>
   );
 }
@@ -360,17 +339,17 @@ function ProfileHeader({
   auth,
   profile,
   loading,
-  onLogout,
   wornBadges,
   onOpenBadges,
+  onEditProfile,
   hasAnyBadge,
 }: {
   auth: Auth;
   profile: DashboardProfile | null;
   loading: boolean;
-  onLogout: () => void;
   wornBadges: AwardedBadge[];
   onOpenBadges: () => void;
+  onEditProfile: () => void;
   hasAnyBadge: boolean;
 }) {
   const displayName =
@@ -384,38 +363,44 @@ function ProfileHeader({
       transition={{ duration: 0.5 }}
       className="flex flex-col sm:flex-row sm:items-end gap-4 sm:gap-6"
     >
-      <button
-        type="button"
-        onClick={onOpenBadges}
-        className="relative shrink-0 group rounded-2xl"
-        aria-label="Ver mis badges"
-      >
-        <div className="h-32 w-32 sm:h-40 sm:w-40 rounded-2xl overflow-hidden border-4 border-background bg-background-card ring-1 ring-border-strong group-hover:ring-2 group-hover:ring-nostr/50 transition-all">
-          {profile?.picture ? (
-            <img
-              src={profile.picture}
-              alt={displayName}
-              className="w-full h-full object-cover"
-              onError={(e) => {
-                const img = e.currentTarget as HTMLImageElement;
-                img.style.display = "none";
-              }}
-            />
-          ) : loading ? (
-            <div className="w-full h-full bg-background-elevated shimmer" />
-          ) : (
-            <div className="w-full h-full flex items-center justify-center bg-gradient-to-br from-bitcoin/30 to-nostr/30 text-4xl font-display font-bold">
-              {displayName.slice(0, 2).toUpperCase()}
+      <div className="relative shrink-0">
+        <button
+          type="button"
+          onClick={onEditProfile}
+          className="block relative group rounded-2xl"
+          aria-label="Editar perfil"
+          title="Editar perfil"
+        >
+          <div className="relative h-32 w-32 sm:h-40 sm:w-40 rounded-2xl overflow-hidden border-4 border-background bg-background-card ring-1 ring-border-strong group-hover:ring-2 group-hover:ring-bitcoin/60 transition-all">
+            {profile?.picture ? (
+              <img
+                src={profile.picture}
+                alt={displayName}
+                className="w-full h-full object-cover"
+                onError={(e) => {
+                  const img = e.currentTarget as HTMLImageElement;
+                  img.style.display = "none";
+                }}
+              />
+            ) : loading ? (
+              <div className="w-full h-full bg-background-elevated shimmer" />
+            ) : (
+              <div className="w-full h-full flex items-center justify-center bg-gradient-to-br from-bitcoin/30 to-nostr/30 text-4xl font-display font-bold">
+                {displayName.slice(0, 2).toUpperCase()}
+              </div>
+            )}
+            {/* Hover overlay — hints that the whole tile is clickable */}
+            <div className="absolute inset-0 flex items-center justify-center bg-black/55 backdrop-blur-[1px] opacity-0 group-hover:opacity-100 transition-opacity">
+              <div className="flex flex-col items-center gap-1 text-white">
+                <Pencil className="h-5 w-5" />
+                <span className="text-[10px] font-mono tracking-widest">
+                  EDITAR
+                </span>
+              </div>
             </div>
-          )}
-        </div>
-        {hasAnyBadge && (
-          <div className="absolute -bottom-2 -right-2 inline-flex items-center gap-1 px-2 py-1 rounded-full bg-nostr text-white text-[10px] font-mono font-bold tracking-wider shadow-lg shadow-nostr/40 opacity-0 group-hover:opacity-100 transition-opacity">
-            <Award className="h-3 w-3" />
-            BADGES
           </div>
-        )}
-      </button>
+        </button>
+      </div>
 
       <div className="flex-1 min-w-0 sm:pb-2">
         <div className="flex flex-wrap items-center gap-2 mb-1">
@@ -431,6 +416,15 @@ function ProfileHeader({
               <BadgeCheck className="h-5 w-5" />
             </span>
           )}
+          <button
+            type="button"
+            onClick={onEditProfile}
+            className="inline-flex items-center gap-1 px-2 py-0.5 rounded-full border border-border bg-white/[0.03] hover:bg-white/[0.08] hover:border-border-strong text-[10px] font-mono tracking-widest text-foreground-muted hover:text-foreground transition-colors"
+            aria-label="Editar perfil"
+          >
+            <Pencil className="h-3 w-3" />
+            EDITAR
+          </button>
         </div>
         <div className="flex flex-wrap items-center gap-x-3 gap-y-1 text-sm text-foreground-muted">
           {profile?.name && <span>@{handle}</span>}
@@ -445,6 +439,11 @@ function ProfileHeader({
               <Key className="h-3.5 w-3.5" />
               NIP-07
             </span>
+          ) : auth.method === "local" ? (
+            <span className="inline-flex items-center gap-1 text-bitcoin">
+              <Key className="h-3.5 w-3.5" />
+              LOCAL
+            </span>
           ) : (
             <span className="inline-flex items-center gap-1 text-cyan">
               <Shield className="h-3.5 w-3.5" />
@@ -465,15 +464,6 @@ function ProfileHeader({
         )}
       </div>
 
-      <div className="hidden sm:block">
-        <button
-          onClick={onLogout}
-          className="inline-flex items-center gap-2 px-4 py-2.5 rounded-xl bg-white/[0.03] border border-border hover:bg-danger/10 hover:border-danger/30 hover:text-danger text-sm font-semibold transition-colors"
-        >
-          <LogOut className="h-4 w-4" />
-          Salir
-        </button>
-      </div>
     </motion.div>
   );
 }
@@ -631,137 +621,1762 @@ function BadgesCard({
             : "Buscando badges en relays…"}
         </div>
       ) : (
-        <div className="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-5 gap-3">
-          {badges.map((b) => (
-            <BadgeTile key={b.awardId} badge={b} onClick={onManage} />
-          ))}
-        </div>
+        <BadgeStrip badges={badges} onManage={onManage} />
       )}
     </div>
   );
 }
 
-function WornBadgesRow({
+/** Compact horizontal row of badge chips. Shows up to `MAX_VISIBLE` badges;
+ *  the rest collapse into a "+N" overflow chip that opens the manage modal. */
+function BadgeStrip({
   badges,
-  onOpen,
-  empty,
+  onManage,
+  maxVisible = 8,
 }: {
   badges: AwardedBadge[];
-  onOpen: () => void;
-  empty: boolean;
+  onManage: () => void;
+  maxVisible?: number;
 }) {
-  const visible = badges.slice(0, 6);
+  const visible = badges.slice(0, maxVisible);
   const extra = badges.length - visible.length;
+  return (
+    <div className="flex flex-wrap gap-2">
+      {visible.map((b) => (
+        <CompactBadgeTile key={b.awardId} badge={b} onClick={onManage} />
+      ))}
+      {extra > 0 && (
+        <button
+          type="button"
+          onClick={onManage}
+          className="h-14 w-14 rounded-xl border border-dashed border-nostr/40 bg-nostr/5 hover:bg-nostr/10 hover:border-nostr/70 flex items-center justify-center text-[11px] font-mono font-bold tabular-nums text-nostr transition-colors"
+          title={`Ver ${extra} badges más`}
+          aria-label={`Ver ${extra} badges más`}
+        >
+          +{extra}
+        </button>
+      )}
+    </div>
+  );
+}
+
+function CompactBadgeTile({
+  badge,
+  onClick,
+}: {
+  badge: AwardedBadge;
+  onClick?: () => void;
+}) {
+  const def = badge.definition;
+  const [imgOk, setImgOk] = useState(true);
+  const image = imgOk ? (def?.thumb ?? def?.image) : null;
+  const name = def?.name || def?.d || "Badge";
+  const date = new Date(badge.awardedAt * 1000).toLocaleDateString("es-AR", {
+    month: "short",
+    year: "numeric",
+  });
   return (
     <button
       type="button"
-      onClick={onOpen}
-      className="group inline-flex items-center gap-2 rounded-full border border-nostr/30 bg-nostr/5 px-2 py-1.5 hover:bg-nostr/10 hover:border-nostr/50 transition-colors"
-      aria-label="Administrar badges"
+      onClick={onClick}
+      title={`${name} · ${date}`}
+      aria-label={name}
+      className="relative h-14 w-14 rounded-xl overflow-hidden border border-border bg-gradient-to-br from-nostr/10 via-transparent to-bitcoin/5 hover:border-nostr/40 hover:-translate-y-0.5 transition-all shrink-0"
     >
-      {empty ? (
-        <span className="inline-flex items-center gap-1.5 px-1.5 text-[11px] font-semibold text-nostr">
+      {image ? (
+        // eslint-disable-next-line @next/next/no-img-element
+        <img
+          src={image}
+          alt={name}
+          className="absolute inset-0 w-full h-full object-cover"
+          loading="lazy"
+          referrerPolicy="no-referrer"
+          onError={() => setImgOk(false)}
+        />
+      ) : (
+        <div className="absolute inset-0 flex items-center justify-center text-nostr">
+          <Award className="h-5 w-5" />
+        </div>
+      )}
+      <div className="absolute inset-0 pointer-events-none ring-1 ring-inset ring-white/5" />
+    </button>
+  );
+}
+
+/**
+ * Worn-badges strip.
+ *
+ * Flow:
+ *  1. All badges render as skeletons stacked on the right side of the pill.
+ *  2. Each image is preloaded via a hidden <img>; as it fires `onLoad` the
+ *     badge hops to the left-stack (via Framer Motion `layoutId` tweens).
+ *  3. Every badge selected for the profile is shown — no arbitrary slice.
+ *
+ * Size is doubled (h-6 → h-12) so the details of each badge are legible.
+ */
+function WornBadgesRow({
+  badges,
+  onOpen,
+  empty,
+}: {
+  badges: AwardedBadge[];
+  onOpen: () => void;
+  empty: boolean;
+}) {
+  const [loadedIds, setLoadedIds] = useState<Set<string>>(new Set());
+  const [brokenIds, setBrokenIds] = useState<Set<string>>(new Set());
+
+  function markLoaded(id: string) {
+    setLoadedIds((prev) => {
+      if (prev.has(id)) return prev;
+      const next = new Set(prev);
+      next.add(id);
+      return next;
+    });
+  }
+  function markBroken(id: string) {
+    setBrokenIds((prev) => {
+      if (prev.has(id)) return prev;
+      const next = new Set(prev);
+      next.add(id);
+      return next;
+    });
+    // Still "resolve" the badge so it doesn't sit in the skeleton column
+    // forever — we'll render the fallback Award icon in the left stack.
+    markLoaded(id);
+  }
+
+  // Mark badges without any image immediately as "loaded" (they show a
+  // fallback icon so there's nothing to wait for).
+  useEffect(() => {
+    for (const b of badges) {
+      const src = b.definition?.thumb ?? b.definition?.image;
+      if (!src) markLoaded(b.awardId);
+    }
+  }, [badges]);
+
+  if (empty) {
+    return (
+      <button
+        type="button"
+        onClick={onOpen}
+        className="group inline-flex items-center gap-2 rounded-full border border-nostr/30 bg-nostr/5 px-3 py-1.5 hover:bg-nostr/10 hover:border-nostr/50 transition-colors"
+        aria-label="Administrar badges"
+      >
+        <span className="inline-flex items-center gap-1.5 text-[11px] font-semibold text-nostr">
           <Award className="h-3.5 w-3.5" />
           Usar badges en perfil
         </span>
-      ) : (
-        <>
-          <div className="flex -space-x-1.5">
-            {visible.map((b) => (
-              <ProfileBadgeChip key={b.awardId} badge={b} />
-            ))}
+      </button>
+    );
+  }
+
+  const loaded = badges.filter((b) => loadedIds.has(b.awardId));
+  const loading = badges.filter((b) => !loadedIds.has(b.awardId));
+
+  return (
+    <div className="relative">
+      {/* Hidden preloaders — they trigger onLoad once the browser caches the
+          blob, which is the signal to flip the chip into the loaded column. */}
+      <div
+        aria-hidden
+        className="absolute inset-0 pointer-events-none overflow-hidden"
+        style={{ width: 0, height: 0 }}
+      >
+        {badges.map((b) => {
+          const src = b.definition?.thumb ?? b.definition?.image;
+          if (!src || loadedIds.has(b.awardId)) return null;
+          return (
+            // eslint-disable-next-line @next/next/no-img-element
+            <img
+              key={`preload-${b.awardId}`}
+              src={src}
+              alt=""
+              referrerPolicy="no-referrer"
+              onLoad={() => markLoaded(b.awardId)}
+              onError={() => markBroken(b.awardId)}
+            />
+          );
+        })}
+      </div>
+
+      <button
+        type="button"
+        onClick={onOpen}
+        className="group inline-flex items-center gap-3 rounded-full border border-nostr/30 bg-nostr/5 px-2.5 py-2 hover:bg-nostr/10 hover:border-nostr/50 transition-colors"
+        aria-label="Administrar badges"
+      >
+        <LayoutGroup>
+          <div className="flex items-center gap-2">
+            {/* Left stack — loaded badges */}
+            <motion.div layout className="flex -space-x-3">
+              <AnimatePresence initial={false}>
+                {loaded.map((b) => (
+                  <BadgePill
+                    key={b.awardId}
+                    badge={b}
+                    state={brokenIds.has(b.awardId) ? "broken" : "loaded"}
+                  />
+                ))}
+              </AnimatePresence>
+            </motion.div>
+
+            {/* Right stack — skeletons (still loading).
+                Smaller gap because each pill is 25% size and `-space-x-3`
+                would overlap them entirely. */}
+            {loading.length > 0 && (
+              <motion.div layout className="flex items-center gap-1">
+                <AnimatePresence initial={false}>
+                  {loading.map((b) => (
+                    <BadgePill key={b.awardId} badge={b} state="loading" />
+                  ))}
+                </AnimatePresence>
+              </motion.div>
+            )}
           </div>
-          {extra > 0 && (
-            <span className="text-[10px] font-mono text-foreground-muted">
-              +{extra}
-            </span>
-          )}
-          <span className="hidden sm:inline text-[11px] font-semibold text-foreground-muted group-hover:text-foreground transition-colors pr-1">
-            administrar
-          </span>
-        </>
-      )}
-    </button>
+        </LayoutGroup>
+      </button>
+    </div>
   );
 }
 
-function ProfileBadgeChip({ badge }: { badge: AwardedBadge }) {
-  const [imgOk, setImgOk] = useState(true);
+function BadgePill({
+  badge,
+  state,
+}: {
+  badge: AwardedBadge;
+  state: "loading" | "loaded" | "broken";
+}) {
   const def = badge.definition;
-  const image = imgOk ? (def?.thumb ?? def?.image) : null;
   const name = def?.name || def?.d || "Badge";
+  const image = state === "loaded" ? (def?.thumb ?? def?.image) : null;
+  // Two sizes: ~12px (25% of final) while fetching the image, 48px once the
+  // badge has settled (loaded or irrecoverably broken). Framer's `layout`
+  // handles the size transition; we tune the spring so the growth feels
+  // *bouncy* when the image finally lands.
+  const isSettled = state !== "loading";
   return (
-    <span
-      className="relative h-6 w-6 rounded-full overflow-hidden border border-background-card bg-gradient-to-br from-nostr/20 to-bitcoin/10 ring-1 ring-nostr/30"
+    <motion.span
+      layout
+      layoutId={`worn-badge-${badge.awardId}`}
+      initial={{ opacity: 0, scale: 0.4 }}
+      animate={{ opacity: 1, scale: 1 }}
+      exit={{ opacity: 0, scale: 0.4 }}
+      transition={{
+        // Bouncy when settling (the "pop" effect the user asked for).
+        // Calmer spring otherwise so reorder / fresh-entry don't overshoot.
+        layout: isSettled
+          ? { type: "spring", damping: 11, stiffness: 220, mass: 0.9 }
+          : { type: "spring", damping: 24, stiffness: 320 },
+        default: { type: "spring", damping: 22, stiffness: 320 },
+      }}
+      className={cn(
+        "relative rounded-full overflow-hidden ring-1 ring-nostr/30 bg-gradient-to-br from-nostr/30 to-bitcoin/15 shrink-0",
+        isSettled
+          ? "h-12 w-12 border-2 border-background-card"
+          : "h-3 w-3 border border-background-card",
+      )}
       title={name}
     >
       {image ? (
-        <img
+        <motion.img
+          key="img"
+          initial={{ opacity: 0, scale: 1.2 }}
+          animate={{ opacity: 1, scale: 1 }}
+          transition={{ duration: 0.4, ease: "easeOut" }}
           src={image}
           alt={name}
           className="absolute inset-0 w-full h-full object-cover"
           referrerPolicy="no-referrer"
           loading="lazy"
-          onError={() => setImgOk(false)}
         />
-      ) : (
+      ) : state === "broken" ? (
         <span className="absolute inset-0 flex items-center justify-center text-nostr">
-          <Award className="h-3 w-3" />
+          <Award className="h-5 w-5" />
         </span>
+      ) : (
+        // Skeleton dot — shimmer only (no watermark icon at 12px, too busy)
+        <span className="absolute inset-0 shimmer" />
       )}
-    </span>
+    </motion.span>
   );
 }
 
-function BadgeTile({
-  badge,
-  onClick,
+/* ──────────────────────── Profile editor modal ─────────────────────── */
+
+type ProfileForm = {
+  display_name: string;
+  name: string;
+  about: string;
+  picture: string;
+  banner: string;
+  nip05: string;
+  lud16: string;
+  website: string;
+};
+
+function emptyProfileForm(): ProfileForm {
+  return {
+    display_name: "",
+    name: "",
+    about: "",
+    picture: "",
+    banner: "",
+    nip05: "",
+    lud16: "",
+    website: "",
+  };
+}
+
+function profileToForm(p: BaseNostrProfile | null): ProfileForm {
+  if (!p) return emptyProfileForm();
+  return {
+    display_name: p.display_name ?? "",
+    name: p.name ?? "",
+    about: p.about ?? "",
+    picture: p.picture ?? "",
+    banner: p.banner ?? "",
+    nip05: p.nip05 ?? "",
+    lud16: p.lud16 ?? "",
+    website: p.website ?? "",
+  };
+}
+
+type Phase = "idle" | "uploading-avatar" | "uploading-banner" | "signing" | "publishing" | "done";
+
+function ProfileEditorModal({
+  open,
+  onClose,
+  auth,
+  current,
+  relays,
 }: {
-  badge: AwardedBadge;
-  onClick?: () => void;
+  open: boolean;
+  onClose: () => void;
+  auth: Auth;
+  current: BaseNostrProfile | null;
+  relays: string[];
 }) {
-  const def = badge.definition;
-  const [imgOk, setImgOk] = useState(true);
-  const image = imgOk ? (def?.thumb ?? def?.image) : null;
-  const name = def?.name || def?.d || "Badge";
+  const { push: pushToast } = useToast();
+  const [form, setForm] = useState<ProfileForm>(() => profileToForm(current));
+  const [phase, setPhase] = useState<Phase>("idle");
+  const [phaseDetail, setPhaseDetail] = useState<string | null>(null);
+  const [uploadState, setUploadState] = useState<{
+    target: "picture" | "banner" | null;
+    server: string;
+    state: UploadProgress["state"];
+    error?: string;
+  }>({ target: null, server: "", state: "ok" });
+  const [error, setError] = useState<string | null>(null);
 
-  const Tag: React.ElementType = onClick ? "button" : "div";
-  return (
-    <Tag
-      type={onClick ? "button" : undefined}
-      onClick={onClick}
-      className="group relative flex flex-col items-center gap-1.5 text-center"
-      title={
-        def?.description ||
-        `${name} · por ${badge.issuer.slice(0, 10)}…${badge.issuer.slice(-4)}`
+  const avatarInputRef = useRef<HTMLInputElement>(null);
+  const bannerInputRef = useRef<HTMLInputElement>(null);
+
+  // The file picker feeds into a crop step first — we open the crop modal
+  // with the selected file + target aspect, and only after the user
+  // confirms the crop do we actually hit Blossom.
+  const [cropSource, setCropSource] = useState<{
+    target: "picture" | "banner";
+    file: File;
+  } | null>(null);
+
+  // Live upload overlay: while bytes are flying to Blossom we show the
+  // local cropped blob progressively revealing the preview L→R using the
+  // real upload percent. Once the upload finishes we fade the overlay out
+  // (so the swap to the remote URL never flashes), then unmount.
+  const [uploadReveal, setUploadReveal] = useState<{
+    target: "picture" | "banner";
+    localUrl: string;
+    /** 0..100 */
+    percent: number;
+    /** When true the overlay fades to opacity 0 via CSS transition
+     *  instead of just unmounting instantly. */
+    fading?: boolean;
+  } | null>(null);
+
+  // Ref mirror of cropSource so side-effect callbacks (handleCropConfirm)
+  // can read the latest value without relying on functional setter
+  // closures — which get double-invoked under React Strict Mode, causing
+  // `doUpload` to fire twice and clobber its own cleanup.
+  const cropSourceRef = useRef(cropSource);
+  useEffect(() => {
+    cropSourceRef.current = cropSource;
+  }, [cropSource]);
+
+  useScrollLock(open);
+
+  // Re-hydrate the form from current profile every time the modal opens.
+  useEffect(() => {
+    if (!open) return;
+    setForm(profileToForm(current));
+    setPhase("idle");
+    setPhaseDetail(null);
+    setError(null);
+    setUploadState({ target: null, server: "", state: "ok" });
+  }, [open, current]);
+
+  useEffect(() => {
+    if (!open) return;
+    const onKey = (e: KeyboardEvent) => {
+      if (e.key === "Escape" && phase === "idle") onClose();
+    };
+    window.addEventListener("keydown", onKey);
+    return () => window.removeEventListener("keydown", onKey);
+  }, [open, onClose, phase]);
+
+  // Belt-and-suspenders: if the modal unmounts mid-upload, make sure we
+  // don't leak the blob URL used for the live reveal.
+  useEffect(() => {
+    return () => {
+      setUploadReveal((prev) => {
+        if (prev) URL.revokeObjectURL(prev.localUrl);
+        return null;
+      });
+    };
+  }, []);
+
+  const busy = phase !== "idle";
+
+  function pickedFile(target: "picture" | "banner", file: File) {
+    if (!file.type.startsWith("image/")) {
+      pushToast({
+        kind: "error",
+        title: "Archivo inválido",
+        description: "Solo imágenes (JPG, PNG, WebP, GIF).",
+      });
+      return;
+    }
+    // Open the crop modal; actual upload happens in onConfirm below.
+    setCropSource({ target, file });
+  }
+
+  function handleCropConfirm(result: CropResult) {
+    const current = cropSourceRef.current;
+    setCropSource(null);
+    if (!current) return;
+    const cropped = new File([result.blob], result.filename, {
+      type: result.type,
+    });
+    doUpload(current.target, cropped);
+  }
+
+  async function doUpload(target: "picture" | "banner", file: File) {
+    setError(null);
+    setPhase(target === "picture" ? "uploading-avatar" : "uploading-banner");
+    setPhaseDetail("firmando autorización Blossom…");
+    setUploadState({
+      target,
+      server: DEFAULT_BLOSSOM_SERVERS[0],
+      state: "signing",
+    });
+    // Kick off the live-reveal overlay: the cropped blob is available
+    // locally immediately, so we can start showing it at percent=0 before
+    // a single byte has left the browser.
+    const localUrl = URL.createObjectURL(file);
+    setUploadReveal({ target, localUrl, percent: 0 });
+    let signer: Awaited<ReturnType<typeof getSigner>> | null = null;
+    try {
+      signer = await getSigner(auth, {
+        onAuthUrl: (url) => {
+          pushToast({
+            kind: "info",
+            title: "Autorizá la firma en tu bunker",
+            description: url,
+            duration: 20000,
+          });
+          try {
+            window.open(url, "_blank", "noopener,noreferrer");
+          } catch {
+            /* popup blocked */
+          }
+        },
+      });
+      // The reveal bar represents the full "image is ready" experience:
+      //   · 0–65%  = bytes being uploaded to Blossom (real XHR progress)
+      //   · 65–100 = bytes being downloaded back from the CDN so the
+      //              preview has actually landed on the user's browser
+      // Splitting it this way means the user sees one continuous sweep
+      // from crop → visible-remote image.
+      const UPLOAD_SHARE = 65;
+      const desc = await uploadToBlossom(file, signer, {
+        onProgress: (p) => {
+          setUploadState({ target, ...p });
+          if (p.state === "uploading") {
+            setPhaseDetail(`subiendo a ${p.server.replace("https://", "")}`);
+            if (typeof p.percent === "number") {
+              setUploadReveal((prev) =>
+                prev && prev.target === target
+                  ? {
+                      ...prev,
+                      percent: Math.min(
+                        UPLOAD_SHARE,
+                        Math.round(p.percent! * UPLOAD_SHARE),
+                      ),
+                    }
+                  : prev,
+              );
+            }
+          } else if (p.state === "error") {
+            setPhaseDetail(
+              `falló ${p.server.replace("https://", "")}, probando siguiente…`,
+            );
+          }
+        },
+      });
+      // Upload phase done — pin the reveal to the hand-off line.
+      setUploadReveal((prev) =>
+        prev && prev.target === target
+          ? { ...prev, percent: UPLOAD_SHARE }
+          : prev,
+      );
+      setPhaseDetail(
+        `bajando desde ${desc.server.replace("https://", "")}…`,
+      );
+      setUploadState({
+        target,
+        server: desc.server,
+        state: "uploading",
+      });
+
+      // Phase 2: fetch the remote blob so progress reflects real wait time.
+      // Best-effort — if the server blocks CORS or the connection hiccups
+      // we still treat the upload as a success (the URL is published
+      // either way). The HTTP cache warms up during this phase, so when
+      // the preview `<img>` switches to the remote URL right after, it
+      // renders instantly with no flicker.
+      try {
+        await fetchBlobWithProgress(desc.url, (p) => {
+          if (typeof p.percent === "number") {
+            const ui =
+              UPLOAD_SHARE + Math.round(p.percent * (100 - UPLOAD_SHARE));
+            setUploadReveal((prev) =>
+              prev && prev.target === target
+                ? { ...prev, percent: ui }
+                : prev,
+            );
+          }
+        });
+      } catch (e) {
+        console.warn("[labs] remote image download progress failed", e);
       }
-    >
-      <div className="relative aspect-square w-full rounded-xl overflow-hidden border border-border bg-gradient-to-br from-nostr/10 via-transparent to-bitcoin/5 group-hover:border-nostr/40 transition-colors">
-        {image ? (
-          <img
-            src={image}
-            alt={name}
-            className="absolute inset-0 w-full h-full object-cover"
-            loading="lazy"
-            referrerPolicy="no-referrer"
-            onError={() => setImgOk(false)}
+
+      // Snap to 100% so the reveal visibly completes even if we bailed
+      // out of the fetch progress early. The overlay is now fully
+      // covering the preview (clip-path inset = 0 on all sides).
+      setUploadReveal((prev) =>
+        prev && prev.target === target ? { ...prev, percent: 100 } : prev,
+      );
+
+      // Pre-decode the remote URL into an <img> before we swap the form's
+      // src so the swap lands on already-painted pixels (no flash of
+      // the previous image while the new one loads). The HTTP cache was
+      // primed by the fetch above, so this usually resolves in a few ms.
+      await new Promise<void>((resolve) => {
+        const pre = new Image();
+        let settled = false;
+        const done = () => {
+          if (settled) return;
+          settled = true;
+          resolve();
+        };
+        pre.onload = done;
+        pre.onerror = done;
+        // Fail-safe: don't hang forever if the decode stalls.
+        window.setTimeout(done, 4000);
+        pre.src = desc.url;
+      });
+
+      setForm((prev) => ({ ...prev, [target]: desc.url }));
+      pushToast({
+        kind: "success",
+        title:
+          target === "picture" ? "Avatar subido" : "Banner subido",
+        description: `Guardado en ${desc.server.replace("https://", "")}.`,
+      });
+
+      // Give React one commit + the browser a beat to paint the new
+      // `<img src>` under the overlay, then start a CSS opacity fade.
+      // This sequence guarantees no "flash of old image" during swap:
+      //   · overlay at percent=100 covers everything
+      //   · setForm swaps the bg <img> src (preloaded, so instant)
+      //   · overlay fades opacity 1→0 over 350ms
+      //   · at the end we unmount
+      await new Promise<void>((res) => window.setTimeout(res, 80));
+      setUploadReveal((prev) =>
+        prev && prev.target === target ? { ...prev, fading: true } : prev,
+      );
+      await new Promise<void>((res) => window.setTimeout(res, 380));
+      setUploadReveal((prev) =>
+        prev && prev.target === target ? null : prev,
+      );
+      URL.revokeObjectURL(localUrl);
+    } catch (e) {
+      const msg = e instanceof Error ? e.message : String(e);
+      setError(msg);
+      pushToast({
+        kind: "error",
+        title: "No se pudo subir la imagen",
+        description: msg.split("\n")[0],
+        duration: 12000,
+      });
+      setUploadReveal((prev) =>
+        prev && prev.target === target ? null : prev,
+      );
+      URL.revokeObjectURL(localUrl);
+    } finally {
+      signer?.close?.().catch(() => {});
+      setPhase("idle");
+      setPhaseDetail(null);
+    }
+  }
+
+  function pickFile(target: "picture" | "banner") {
+    const ref = target === "picture" ? avatarInputRef : bannerInputRef;
+    ref.current?.click();
+  }
+
+  async function handleSave() {
+    setError(null);
+    setPhase("signing");
+    setPhaseDetail(null);
+    let signer: Awaited<ReturnType<typeof getSigner>> | null = null;
+    try {
+      signer = await getSigner(auth, {
+        onAuthUrl: (url) => {
+          pushToast({
+            kind: "info",
+            title: "Autorizá la firma en tu bunker",
+            description: url,
+            duration: 20000,
+          });
+          try {
+            window.open(url, "_blank", "noopener,noreferrer");
+          } catch {
+            /* popup blocked */
+          }
+        },
+      });
+      setPhase("publishing");
+      setPhaseDetail(`${relays.length} relays`);
+      const res = await publishNostrProfile(signer, form, relays);
+      const okCount = res.relays.filter((r) => r.ok).length;
+      setPhase("done");
+      setPhaseDetail(`${okCount}/${res.relays.length} relays`);
+      pushToast({
+        kind: "success",
+        title: "Perfil actualizado",
+        description: `Publicado en ${okCount}/${res.relays.length} relays.`,
+      });
+      onClose();
+    } catch (e) {
+      const msg = e instanceof Error ? e.message : String(e);
+      setError(msg);
+      pushToast({
+        kind: "error",
+        title: "No se pudo guardar el perfil",
+        description: msg.split("\n")[0],
+        duration: 12000,
+      });
+    } finally {
+      signer?.close?.().catch(() => {});
+      setPhase("idle");
+      setPhaseDetail(null);
+    }
+  }
+
+  const saveLabel =
+    phase === "signing"
+      ? "Esperando firma…"
+      : phase === "publishing"
+        ? `Publicando${phaseDetail ? ` en ${phaseDetail}` : "…"}`
+        : phase === "uploading-avatar"
+          ? "Subiendo avatar…"
+          : phase === "uploading-banner"
+            ? "Subiendo banner…"
+            : phase === "done"
+              ? `Publicado ${phaseDetail ?? ""}`
+              : "Guardar";
+
+  return (
+    <>
+    <AnimatePresence>
+      {open && (
+        <motion.div
+          initial={{ opacity: 0 }}
+          animate={{ opacity: 1 }}
+          exit={{ opacity: 0 }}
+          className="fixed inset-0 z-[100] flex items-center justify-center p-4"
+        >
+          <motion.div
+            initial={{ opacity: 0 }}
+            animate={{ opacity: 1 }}
+            exit={{ opacity: 0 }}
+            onClick={() => !busy && onClose()}
+            className="absolute inset-0 bg-black/80 backdrop-blur-md"
           />
+          <motion.div
+            initial={{ opacity: 0, scale: 0.95, y: 20 }}
+            animate={{ opacity: 1, scale: 1, y: 0 }}
+            exit={{ opacity: 0, scale: 0.95, y: 20 }}
+            transition={{ type: "spring", damping: 25, stiffness: 300 }}
+            className="relative w-full max-w-xl glass-strong rounded-2xl border border-border-strong overflow-hidden"
+          >
+            <div className="absolute -top-px left-1/2 -translate-x-1/2 w-[40%] h-px bg-gradient-to-r from-transparent via-bitcoin to-transparent" />
+
+            <div className="relative px-6 pt-6 pb-5 border-b border-border flex items-center justify-between">
+              <div>
+                <h2 className="font-display font-bold text-xl">Editar perfil</h2>
+                <p className="text-xs text-foreground-muted mt-0.5">
+                  Kind:0 firmado y replicado en {relays.length} relays · imágenes
+                  en Blossom
+                </p>
+              </div>
+              <button
+                type="button"
+                onClick={() => !busy && onClose()}
+                disabled={busy}
+                className="p-2 rounded-lg text-foreground-muted hover:text-foreground hover:bg-white/5 transition-colors disabled:opacity-50"
+                aria-label="Cerrar"
+              >
+                <X className="h-5 w-5" />
+              </button>
+            </div>
+
+            <div className="relative max-h-[70vh] overflow-y-auto">
+              {/* Banner upload area */}
+              <div className="relative">
+                <BannerPreview
+                  src={form.banner}
+                  uploading={phase === "uploading-banner"}
+                  reveal={
+                    uploadReveal?.target === "banner"
+                      ? {
+                          localUrl: uploadReveal.localUrl,
+                          percent: uploadReveal.percent,
+                          fading: uploadReveal.fading,
+                        }
+                      : null
+                  }
+                />
+                <div className="absolute inset-0 flex items-center justify-center opacity-0 hover:opacity-100 transition-opacity bg-black/40">
+                  <button
+                    type="button"
+                    onClick={() => pickFile("banner")}
+                    disabled={busy}
+                    className="inline-flex items-center gap-2 px-3 py-1.5 rounded-lg bg-black/60 border border-white/20 hover:bg-black/80 text-white text-xs font-semibold disabled:opacity-50"
+                  >
+                    <Upload className="h-3.5 w-3.5" />
+                    Cambiar banner
+                  </button>
+                </div>
+              </div>
+              <input
+                ref={bannerInputRef}
+                type="file"
+                accept="image/*"
+                hidden
+                onChange={(e) => {
+                  const file = e.target.files?.[0];
+                  e.currentTarget.value = "";
+                  if (file) pickedFile("banner", file);
+                }}
+              />
+
+              <div className="px-6 py-5 space-y-4">
+                {/* Avatar upload */}
+                <div className="flex items-start gap-4 -mt-16 relative z-10">
+                  <AvatarPicker
+                    picture={form.picture}
+                    name={
+                      form.display_name || form.name || shorten(auth.pubkey)
+                    }
+                    uploading={phase === "uploading-avatar"}
+                    disabled={busy}
+                    onPick={() => pickFile("picture")}
+                    reveal={
+                      uploadReveal?.target === "picture"
+                        ? {
+                            localUrl: uploadReveal.localUrl,
+                            percent: uploadReveal.percent,
+                            fading: uploadReveal.fading,
+                          }
+                        : null
+                    }
+                  />
+                  <input
+                    ref={avatarInputRef}
+                    type="file"
+                    accept="image/*"
+                    hidden
+                    onChange={(e) => {
+                      const file = e.target.files?.[0];
+                      e.currentTarget.value = "";
+                      if (file) pickedFile("picture", file);
+                    }}
+                  />
+                  <div className="flex-1 pt-6">
+                    {uploadState.target && uploadState.state !== "ok" && (
+                      <div className="text-[10px] font-mono text-foreground-subtle">
+                        {uploadState.state === "signing"
+                          ? "firmando autorización…"
+                          : uploadState.state === "uploading"
+                            ? `subiendo a ${uploadState.server.replace("https://", "")}`
+                            : uploadState.state === "error"
+                              ? `✗ ${uploadState.server.replace("https://", "")}: ${uploadState.error?.slice(0, 80)}`
+                              : ""}
+                      </div>
+                    )}
+                  </div>
+                </div>
+
+                <div className="grid grid-cols-1 sm:grid-cols-2 gap-4">
+                  <TextField
+                    label="Nombre"
+                    value={form.display_name}
+                    onChange={(v) =>
+                      setForm((p) => ({ ...p, display_name: v }))
+                    }
+                    placeholder="Satoshi N."
+                    disabled={busy}
+                  />
+                  <TextField
+                    label="Handle"
+                    hint="para @menciones"
+                    value={form.name}
+                    onChange={(v) => setForm((p) => ({ ...p, name: v }))}
+                    placeholder="satoshi"
+                    disabled={busy}
+                  />
+                </div>
+
+                <TextField
+                  label="Bio"
+                  value={form.about}
+                  onChange={(v) => setForm((p) => ({ ...p, about: v }))}
+                  placeholder="Construyendo sobre Bitcoin, Lightning y Nostr…"
+                  disabled={busy}
+                  multiline
+                />
+
+                <div className="grid grid-cols-1 sm:grid-cols-2 gap-4">
+                  <TextField
+                    label="NIP-05"
+                    value={form.nip05}
+                    onChange={(v) => setForm((p) => ({ ...p, nip05: v }))}
+                    placeholder="vos@dominio.com"
+                    disabled={busy}
+                    mono
+                  />
+                  <TextField
+                    label="Lightning"
+                    value={form.lud16}
+                    onChange={(v) => setForm((p) => ({ ...p, lud16: v }))}
+                    placeholder="vos@getalby.com"
+                    disabled={busy}
+                    mono
+                  />
+                </div>
+
+                <TextField
+                  label="Sitio web"
+                  value={form.website}
+                  onChange={(v) => setForm((p) => ({ ...p, website: v }))}
+                  placeholder="https://…"
+                  disabled={busy}
+                  mono
+                />
+
+                <details className="rounded-lg border border-border bg-white/[0.02] overflow-hidden">
+                  <summary className="px-3 py-2 text-[11px] font-mono uppercase tracking-widest text-foreground-muted cursor-pointer hover:bg-white/[0.04]">
+                    URLs avanzadas
+                  </summary>
+                  <div className="px-3 py-3 border-t border-border space-y-3">
+                    <TextField
+                      label="Avatar (URL)"
+                      value={form.picture}
+                      onChange={(v) => setForm((p) => ({ ...p, picture: v }))}
+                      placeholder="https://…"
+                      disabled={busy}
+                      mono
+                    />
+                    <TextField
+                      label="Banner (URL)"
+                      value={form.banner}
+                      onChange={(v) => setForm((p) => ({ ...p, banner: v }))}
+                      placeholder="https://…"
+                      disabled={busy}
+                      mono
+                    />
+                  </div>
+                </details>
+
+                {error && (
+                  <div className="rounded-lg bg-danger/10 border border-danger/30 px-3 py-2 text-xs text-danger">
+                    {error.split("\n")[0]}
+                  </div>
+                )}
+              </div>
+            </div>
+
+            <div className="relative px-6 py-4 bg-black/30 border-t border-border flex items-center justify-end gap-3">
+              <button
+                type="button"
+                onClick={onClose}
+                disabled={busy}
+                className="px-4 py-2 rounded-lg text-sm font-semibold text-foreground-muted hover:text-foreground hover:bg-white/5 transition-colors disabled:opacity-50"
+              >
+                Cancelar
+              </button>
+              <button
+                type="button"
+                onClick={handleSave}
+                disabled={busy}
+                className="inline-flex items-center gap-2 px-4 py-2 rounded-lg text-sm font-semibold bg-gradient-to-r from-bitcoin to-yellow-500 text-black disabled:opacity-70 disabled:cursor-progress"
+              >
+                {busy ? (
+                  <>
+                    <Loader2 className="h-4 w-4 animate-spin" />
+                    {saveLabel}
+                  </>
+                ) : (
+                  <>
+                    <Save className="h-4 w-4" />
+                    Guardar
+                  </>
+                )}
+              </button>
+            </div>
+          </motion.div>
+        </motion.div>
+      )}
+    </AnimatePresence>
+    {/* Sibling to the outer AnimatePresence, not a child. Only mount the
+        crop modal while we actually have a source file — keeps Framer's
+        internal AnimatePresence from ever getting stuck in a stale
+        "present but opacity:0" state between uploads. */}
+    {cropSource && (
+      <ImageCropModal
+        key={cropSource.target}
+        open
+        file={cropSource.file}
+        aspect={cropSource.target === "banner" ? 3 : 1}
+        title={
+          cropSource.target === "banner"
+            ? "Recortar banner"
+            : "Recortar avatar"
+        }
+        hint={cropSource.target === "banner" ? "Banner 3:1" : "Avatar 1:1"}
+        maxOutputPx={cropSource.target === "banner" ? 1500 : 1024}
+        outputType="image/jpeg"
+        onConfirm={handleCropConfirm}
+        onCancel={() => setCropSource(null)}
+      />
+    )}
+    </>
+  );
+}
+
+/** Upload-reveal descriptor — the local cropped blob URL + the 0..100
+ *  percent of bytes already uploaded. While this is set, the preview shows
+ *  the new image progressively wiping over the old one left→right in sync
+ *  with the real upload progress. `fading` triggers a CSS opacity
+ *  transition so the final handoff to the remote URL is smooth. */
+type UploadReveal = {
+  localUrl: string;
+  percent: number;
+  fading?: boolean;
+};
+
+function BannerPreview({
+  src,
+  uploading,
+  reveal,
+}: {
+  src?: string;
+  uploading: boolean;
+  reveal: UploadReveal | null;
+}) {
+  return (
+    <div className="relative h-32 w-full bg-gradient-to-br from-bitcoin/20 via-nostr/15 to-cyan/15 overflow-hidden">
+      {src ? (
+        // eslint-disable-next-line @next/next/no-img-element
+        <img
+          src={src}
+          alt="banner"
+          className="w-full h-full object-cover"
+          onError={(e) => {
+            (e.currentTarget as HTMLImageElement).style.display = "none";
+          }}
+        />
+      ) : (
+        <div className="absolute inset-0 flex items-center justify-center text-foreground-subtle text-[10px] font-mono uppercase tracking-widest">
+          <ImageIcon className="h-4 w-4 mr-2" />
+          Sin banner
+        </div>
+      )}
+      {reveal && (
+        <RevealOverlay
+          localUrl={reveal.localUrl}
+          percent={reveal.percent}
+          fading={reveal.fading}
+        />
+      )}
+      {uploading && !reveal && (
+        <div className="absolute inset-0 bg-black/50 flex items-center justify-center">
+          <Loader2 className="h-6 w-6 animate-spin text-white" />
+        </div>
+      )}
+    </div>
+  );
+}
+
+/**
+ * Progress-bar reveal. The cropped local blob is drawn on top of the
+ * existing preview, but clipped to the left `percent%` — so as the real
+ * upload progresses, the new image sweeps in from the left replacing the
+ * old one. A thin glowing hairline marks the reveal edge and a small
+ * percent pill in the corner makes the numeric progress explicit.
+ *
+ * `fading=true` triggers a CSS opacity fade-out — used once the background
+ * `<img>` has been swapped to the remote URL so the handoff is smooth
+ * (no flash of the previous image).
+ */
+function RevealOverlay({
+  localUrl,
+  percent,
+  fading,
+}: {
+  localUrl: string;
+  percent: number;
+  fading?: boolean;
+}) {
+  const clamped = Math.max(0, Math.min(100, percent));
+  return (
+    <div
+      className={cn(
+        "absolute inset-0 pointer-events-none transition-opacity duration-300 ease-out",
+        fading ? "opacity-0" : "opacity-100",
+      )}
+      aria-hidden
+    >
+      <div
+        className="absolute inset-0 overflow-hidden transition-[clip-path] duration-200 ease-out"
+        style={{
+          clipPath: `inset(0 ${100 - clamped}% 0 0)`,
+        }}
+      >
+        {/* eslint-disable-next-line @next/next/no-img-element */}
+        <img
+          src={localUrl}
+          alt=""
+          className="absolute inset-0 w-full h-full object-cover"
+        />
+      </div>
+      {/* Glowing reveal edge */}
+      <div
+        className="absolute top-0 bottom-0 w-0.5 bg-bitcoin shadow-[0_0_8px_rgba(247,147,26,0.9)] transition-[left,opacity] duration-200 ease-out"
+        style={{
+          left: `calc(${clamped}% - 1px)`,
+          opacity: clamped > 0 && clamped < 100 ? 1 : 0,
+        }}
+      />
+      {/* Percent pill */}
+      <div className="absolute bottom-1.5 right-1.5 inline-flex items-center gap-1 px-1.5 py-0.5 rounded-md bg-black/70 border border-white/10 backdrop-blur-sm text-[10px] font-mono tabular-nums text-white">
+        <span className="h-1.5 w-1.5 rounded-full bg-bitcoin animate-pulse" />
+        {clamped}%
+      </div>
+    </div>
+  );
+}
+
+function AvatarPicker({
+  picture,
+  name,
+  uploading,
+  disabled,
+  onPick,
+  reveal,
+}: {
+  picture?: string;
+  name: string;
+  uploading: boolean;
+  disabled: boolean;
+  onPick: () => void;
+  reveal: UploadReveal | null;
+}) {
+  const initials = name.slice(0, 2).toUpperCase();
+  return (
+    <button
+      type="button"
+      onClick={onPick}
+      disabled={disabled}
+      className="relative h-24 w-24 rounded-2xl overflow-hidden border-4 border-background bg-background-card ring-1 ring-border-strong hover:ring-2 hover:ring-bitcoin/60 transition-all disabled:opacity-70 disabled:cursor-progress group shrink-0"
+      aria-label="Cambiar avatar"
+    >
+      {picture ? (
+        // eslint-disable-next-line @next/next/no-img-element
+        <img
+          src={picture}
+          alt={name}
+          className="w-full h-full object-cover"
+          onError={(e) => {
+            (e.currentTarget as HTMLImageElement).style.display = "none";
+          }}
+        />
+      ) : (
+        <div className="w-full h-full flex items-center justify-center bg-gradient-to-br from-bitcoin/30 to-nostr/30 text-2xl font-display font-bold">
+          {initials}
+        </div>
+      )}
+      {reveal && (
+        <RevealOverlay
+          localUrl={reveal.localUrl}
+          percent={reveal.percent}
+          fading={reveal.fading}
+        />
+      )}
+      <div
+        className={cn(
+          "absolute inset-0 flex items-center justify-center text-white text-[10px] font-mono uppercase tracking-widest transition-opacity",
+          uploading && !reveal
+            ? "bg-black/60 opacity-100"
+            : reveal
+              ? "opacity-0"
+              : "bg-black/50 opacity-0 group-hover:opacity-100",
+        )}
+      >
+        {uploading ? (
+          <Loader2 className="h-5 w-5 animate-spin" />
         ) : (
-          <div className="absolute inset-0 flex items-center justify-center text-nostr">
-            <Award className="h-6 w-6" />
+          <div className="flex flex-col items-center gap-1">
+            <Upload className="h-4 w-4" />
+            Cambiar
           </div>
         )}
-        <div className="absolute inset-0 pointer-events-none ring-1 ring-inset ring-white/5" />
       </div>
-      <div className="text-[11px] font-semibold leading-tight line-clamp-2">
-        {name}
+    </button>
+  );
+}
+
+function TextField({
+  label,
+  hint,
+  value,
+  onChange,
+  placeholder,
+  disabled,
+  multiline,
+  mono,
+}: {
+  label: string;
+  hint?: string;
+  value: string;
+  onChange: (v: string) => void;
+  placeholder?: string;
+  disabled?: boolean;
+  multiline?: boolean;
+  mono?: boolean;
+}) {
+  const inputClass = cn(
+    "w-full px-3 py-2.5 rounded-lg bg-white/[0.03] border border-border focus:border-bitcoin/50 focus:bg-white/[0.05] transition-colors text-sm placeholder:text-foreground-subtle",
+    mono && "font-mono",
+    multiline && "resize-none",
+  );
+  return (
+    <label className="block">
+      <span className="flex items-center justify-between text-xs font-medium text-foreground-muted mb-1.5">
+        <span>{label}</span>
+        {hint && (
+          <span className="text-[10px] text-foreground-subtle">{hint}</span>
+        )}
+      </span>
+      {multiline ? (
+        <textarea
+          value={value}
+          onChange={(e) => onChange(e.target.value)}
+          disabled={disabled}
+          placeholder={placeholder}
+          rows={3}
+          className={inputClass}
+        />
+      ) : (
+        <input
+          type="text"
+          value={value}
+          onChange={(e) => onChange(e.target.value)}
+          disabled={disabled}
+          placeholder={placeholder}
+          spellCheck={false}
+          className={inputClass}
+        />
+      )}
+    </label>
+  );
+}
+
+/* ───────────────────────── Relays card + editor ───────────────────────── */
+
+function RelaysCard({
+  pubkey,
+  fallbackRelays,
+  onEdit,
+}: {
+  pubkey: string;
+  fallbackRelays: string[];
+  onEdit: () => void;
+}) {
+  const { entries, loading, hasPublished } = useRelayList(pubkey);
+  const showEntries: RelayEntry[] =
+    entries.length > 0
+      ? entries
+      : fallbackRelays.map((url) => ({ url, marker: "both" as RelayMarker }));
+
+  return (
+    <div className="rounded-2xl border border-border bg-background-card p-5">
+      <div className="flex items-center justify-between gap-2 mb-4">
+        <div className="flex items-center gap-2 min-w-0">
+          <span className="text-foreground-muted">
+            <Radio className="h-4 w-4" />
+          </span>
+          <h2 className="font-display font-bold text-sm uppercase tracking-widest text-foreground-muted">
+            Relays
+          </h2>
+          <span
+            className={cn(
+              "inline-flex items-center gap-1 px-1.5 py-0.5 rounded-full border text-[10px] font-mono tracking-wider whitespace-nowrap",
+              hasPublished
+                ? "bg-nostr/10 border-nostr/30 text-nostr"
+                : "bg-white/5 border-border text-foreground-subtle",
+            )}
+          >
+            {hasPublished ? "NIP-65" : "sin NIP-65"}
+          </span>
+        </div>
+        <div className="flex items-center gap-2">
+          {loading && (
+            <Loader2 className="h-3.5 w-3.5 animate-spin text-foreground-muted" />
+          )}
+          <button
+            type="button"
+            onClick={onEdit}
+            className="inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg border border-border bg-white/[0.03] hover:bg-white/[0.06] text-xs font-semibold transition-colors"
+            aria-label="Editar relays"
+          >
+            <Pencil className="h-3.5 w-3.5" />
+            Editar
+          </button>
+        </div>
+      </div>
+
+      {showEntries.length === 0 ? (
+        <div className="text-xs text-foreground-subtle py-2">Conectando…</div>
+      ) : (
+        <ul className="space-y-1.5">
+          {showEntries.map((e) => (
+            <li
+              key={e.url}
+              className="flex items-center gap-2 text-xs font-mono text-foreground-muted"
+            >
+              <span className="h-1.5 w-1.5 rounded-full bg-success shrink-0" />
+              <span className="truncate flex-1">
+                {e.url.replace(/^wss?:\/\//, "")}
+              </span>
+              <RelayMarkerPill marker={e.marker} />
+            </li>
+          ))}
+        </ul>
+      )}
+
+      {!hasPublished && (
+        <p className="mt-3 text-[10px] font-mono text-foreground-subtle leading-relaxed">
+          Aún no publicaste tu lista de relays (NIP-65). Editala para que otros
+          clientes sepan dónde escribirte.
+        </p>
+      )}
+    </div>
+  );
+}
+
+function RelayMarkerPill({ marker }: { marker: RelayMarker }) {
+  if (marker === "both") {
+    return (
+      <span className="inline-flex items-center gap-0.5 px-1.5 py-0.5 rounded bg-white/5 border border-border text-[9px] font-mono tracking-wider text-foreground-subtle">
+        <ArrowDownUp className="h-2.5 w-2.5" />
+        R/W
+      </span>
+    );
+  }
+  if (marker === "read") {
+    return (
+      <span className="inline-flex items-center gap-0.5 px-1.5 py-0.5 rounded bg-cyan/10 border border-cyan/30 text-[9px] font-mono tracking-wider text-cyan">
+        <ArrowDown className="h-2.5 w-2.5" />
+        READ
+      </span>
+    );
+  }
+  return (
+    <span className="inline-flex items-center gap-0.5 px-1.5 py-0.5 rounded bg-bitcoin/10 border border-bitcoin/30 text-[9px] font-mono tracking-wider text-bitcoin">
+      <ArrowUp className="h-2.5 w-2.5" />
+      WRITE
+    </span>
+  );
+}
+
+type RelayRow = {
+  key: string;
+  url: string;
+  read: boolean;
+  write: boolean;
+};
+
+function newRelayKey() {
+  return typeof crypto !== "undefined" && "randomUUID" in crypto
+    ? crypto.randomUUID()
+    : Math.random().toString(36).slice(2);
+}
+
+function entriesToRows(entries: RelayEntry[]): RelayRow[] {
+  return entries.map((e) => ({
+    key: newRelayKey(),
+    url: e.url,
+    read: e.marker !== "write",
+    write: e.marker !== "read",
+  }));
+}
+
+function rowsToEntries(rows: RelayRow[]): RelayEntry[] {
+  const out: RelayEntry[] = [];
+  const seen = new Set<string>();
+  for (const r of rows) {
+    const url = normalizeRelayUrl(r.url);
+    if (!url || seen.has(url)) continue;
+    if (!r.read && !r.write) continue; // ignore all-off rows
+    seen.add(url);
+    const marker: RelayMarker =
+      r.read && r.write ? "both" : r.read ? "read" : "write";
+    out.push({ url, marker });
+  }
+  return out;
+}
+
+function RelaysEditorModal({
+  open,
+  onClose,
+  auth,
+  publishRelays,
+}: {
+  open: boolean;
+  onClose: () => void;
+  auth: Auth;
+  publishRelays: string[];
+}) {
+  const { push: pushToast } = useToast();
+  const { entries } = useRelayList(auth.pubkey);
+  const [rows, setRows] = useState<RelayRow[]>([]);
+  const [draft, setDraft] = useState("");
+  const [publishing, setPublishing] = useState(false);
+  const [phase, setPhase] = useState<
+    "idle" | "signing" | "publishing" | "done"
+  >("idle");
+  const [phaseDetail, setPhaseDetail] = useState<string | null>(null);
+  const [error, setError] = useState<string | null>(null);
+
+  useScrollLock(open);
+
+  // Hydrate once on each open transition (false → true). We deliberately
+  // don't depend on `entries` so that a background refresh landing while
+  // the modal is open won't clobber the user's in-progress edits.
+  const hydratedRef = useRef(false);
+  useEffect(() => {
+    if (!open) {
+      hydratedRef.current = false;
+      return;
+    }
+    if (hydratedRef.current) return;
+    hydratedRef.current = true;
+    if (entries.length > 0) {
+      setRows(entriesToRows(entries));
+    } else {
+      setRows(
+        SUGGESTED_RELAYS.slice(0, 5).map((url) => ({
+          key: newRelayKey(),
+          url,
+          read: true,
+          write: true,
+        })),
+      );
+    }
+    setDraft("");
+    setPhase("idle");
+    setPhaseDetail(null);
+    setError(null);
+  }, [open, entries]);
+
+  useEffect(() => {
+    if (!open) return;
+    const onKey = (e: KeyboardEvent) => {
+      if (e.key === "Escape" && !publishing) onClose();
+    };
+    window.addEventListener("keydown", onKey);
+    return () => window.removeEventListener("keydown", onKey);
+  }, [open, onClose, publishing]);
+
+  function updateRow(i: number, patch: Partial<RelayRow>) {
+    setRows((prev) => prev.map((r, idx) => (idx === i ? { ...r, ...patch } : r)));
+  }
+  function removeRow(i: number) {
+    setRows((prev) => prev.filter((_, idx) => idx !== i));
+  }
+  function addFromDraft() {
+    const url = normalizeRelayUrl(draft);
+    if (!url) {
+      setError(`"${draft}" no parece una URL wss válida.`);
+      return;
+    }
+    if (rows.some((r) => normalizeRelayUrl(r.url) === url)) {
+      setError("Ese relay ya está en la lista.");
+      return;
+    }
+    setRows((prev) => [
+      ...prev,
+      { key: newRelayKey(), url, read: true, write: true },
+    ]);
+    setDraft("");
+    setError(null);
+  }
+
+  async function handleSave() {
+    const entries = rowsToEntries(rows);
+    if (entries.length === 0) {
+      setError("Agregá al menos un relay con read o write activo.");
+      return;
+    }
+    setError(null);
+    setPublishing(true);
+    setPhase("signing");
+    setPhaseDetail(null);
+    let signer: Awaited<ReturnType<typeof getSigner>> | null = null;
+    try {
+      signer = await getSigner(auth, {
+        onAuthUrl: (url) => {
+          pushToast({
+            kind: "info",
+            title: "Autorizá la firma en tu bunker",
+            description: url,
+            duration: 20000,
+          });
+          try {
+            window.open(url, "_blank", "noopener,noreferrer");
+          } catch {
+            /* popup blocked */
+          }
+        },
+      });
+      // Broadcast the new list to the user's *current* publish relays plus
+      // the write-capable relays in the fresh list — so discovery relays
+      // pick up the change even if the user is pruning their list.
+      const writeUrls = entries
+        .filter((e) => e.marker !== "read")
+        .map((e) => e.url);
+      const relaysToBroadcast = Array.from(
+        new Set([...publishRelays, ...writeUrls]),
+      );
+      setPhase("publishing");
+      setPhaseDetail(`${relaysToBroadcast.length} relays`);
+      const res = await publishRelayList(signer, entries, relaysToBroadcast);
+      const okCount = res.relays.filter((r) => r.ok).length;
+      setPhase("done");
+      setPhaseDetail(`${okCount}/${res.relays.length} relays`);
+      pushToast({
+        kind: "success",
+        title: "Lista de relays actualizada",
+        description: `NIP-65 publicado en ${okCount}/${res.relays.length} relays.`,
+      });
+      onClose();
+    } catch (e) {
+      const msg = e instanceof Error ? e.message : String(e);
+      setError(msg);
+      pushToast({
+        kind: "error",
+        title: "No se pudo guardar la lista",
+        description: msg.split("\n")[0],
+        duration: 12000,
+      });
+    } finally {
+      signer?.close?.().catch(() => {});
+      setPublishing(false);
+      setPhase("idle");
+      setPhaseDetail(null);
+    }
+  }
+
+  const saveLabel =
+    phase === "signing"
+      ? "Esperando firma…"
+      : phase === "publishing"
+        ? `Publicando${phaseDetail ? ` en ${phaseDetail}` : "…"}`
+        : phase === "done"
+          ? `Publicado ${phaseDetail ?? ""}`
+          : "Guardar";
+
+  return (
+    <AnimatePresence>
+      {open && (
+        <motion.div
+          initial={{ opacity: 0 }}
+          animate={{ opacity: 1 }}
+          exit={{ opacity: 0 }}
+          className="fixed inset-0 z-[100] flex items-center justify-center p-4"
+        >
+          <motion.div
+            initial={{ opacity: 0 }}
+            animate={{ opacity: 1 }}
+            exit={{ opacity: 0 }}
+            onClick={() => !publishing && onClose()}
+            className="absolute inset-0 bg-black/80 backdrop-blur-md"
+          />
+          <motion.div
+            initial={{ opacity: 0, scale: 0.95, y: 20 }}
+            animate={{ opacity: 1, scale: 1, y: 0 }}
+            exit={{ opacity: 0, scale: 0.95, y: 20 }}
+            transition={{ type: "spring", damping: 25, stiffness: 300 }}
+            className="relative w-full max-w-lg glass-strong rounded-2xl border border-border-strong overflow-hidden"
+          >
+            <div className="absolute -top-px left-1/2 -translate-x-1/2 w-[40%] h-px bg-gradient-to-r from-transparent via-nostr to-transparent" />
+
+            <div className="relative px-6 pt-6 pb-5 border-b border-border flex items-center justify-between">
+              <div>
+                <h2 className="font-display font-bold text-xl">
+                  Editar relays
+                </h2>
+                <p className="text-xs text-foreground-muted mt-0.5">
+                  NIP-65 (kind:10002) · marcá qué relays usás para leer o
+                  escribir
+                </p>
+              </div>
+              <button
+                type="button"
+                onClick={() => !publishing && onClose()}
+                disabled={publishing}
+                className="p-2 rounded-lg text-foreground-muted hover:text-foreground hover:bg-white/5 transition-colors disabled:opacity-50"
+                aria-label="Cerrar"
+              >
+                <X className="h-5 w-5" />
+              </button>
+            </div>
+
+            <div className="relative px-6 py-5 space-y-4 max-h-[60vh] overflow-y-auto">
+              <div className="space-y-2">
+                {rows.length === 0 && (
+                  <div className="text-xs text-foreground-subtle py-3 text-center rounded-lg border border-dashed border-border">
+                    Sin relays. Agregá al menos uno abajo.
+                  </div>
+                )}
+                {rows.map((row, i) => (
+                  <div
+                    key={row.key}
+                    className="flex items-center gap-2 rounded-lg border border-border bg-white/[0.02] px-2 py-1.5"
+                  >
+                    <input
+                      type="text"
+                      value={row.url}
+                      onChange={(e) => updateRow(i, { url: e.target.value })}
+                      disabled={publishing}
+                      spellCheck={false}
+                      autoComplete="off"
+                      placeholder="wss://relay.example.com"
+                      className="flex-1 min-w-0 px-2 py-1.5 rounded bg-transparent border border-transparent focus:border-bitcoin/40 focus:bg-white/[0.03] text-xs font-mono"
+                    />
+                    <MarkerToggle
+                      label="READ"
+                      icon={<ArrowDown className="h-3 w-3" />}
+                      active={row.read}
+                      accent="cyan"
+                      disabled={publishing}
+                      onToggle={() => updateRow(i, { read: !row.read })}
+                    />
+                    <MarkerToggle
+                      label="WRITE"
+                      icon={<ArrowUp className="h-3 w-3" />}
+                      active={row.write}
+                      accent="bitcoin"
+                      disabled={publishing}
+                      onToggle={() => updateRow(i, { write: !row.write })}
+                    />
+                    <button
+                      type="button"
+                      onClick={() => removeRow(i)}
+                      disabled={publishing}
+                      className="p-1.5 rounded text-foreground-subtle hover:text-danger hover:bg-danger/10 disabled:opacity-30 transition-colors shrink-0"
+                      aria-label="Quitar relay"
+                    >
+                      <Trash2 className="h-3.5 w-3.5" />
+                    </button>
+                  </div>
+                ))}
+              </div>
+
+              <div className="flex gap-2">
+                <input
+                  type="text"
+                  value={draft}
+                  onChange={(e) => {
+                    setDraft(e.target.value);
+                    if (error) setError(null);
+                  }}
+                  onKeyDown={(e) => {
+                    if (e.key === "Enter") {
+                      e.preventDefault();
+                      addFromDraft();
+                    }
+                  }}
+                  disabled={publishing}
+                  spellCheck={false}
+                  autoComplete="off"
+                  placeholder="wss://relay.example.com"
+                  className="flex-1 px-3 py-2 rounded-lg bg-white/[0.03] border border-border focus:border-bitcoin/50 focus:bg-white/[0.05] transition-colors text-xs font-mono placeholder:text-foreground-subtle"
+                />
+                <button
+                  type="button"
+                  onClick={addFromDraft}
+                  disabled={publishing || !draft.trim()}
+                  className="inline-flex items-center gap-1 px-3 py-2 rounded-lg border border-border bg-white/[0.03] hover:bg-white/[0.06] text-xs font-semibold transition-colors disabled:opacity-50"
+                >
+                  <Plus className="h-3.5 w-3.5" />
+                  Agregar
+                </button>
+              </div>
+
+              {error && (
+                <div className="rounded-lg bg-danger/10 border border-danger/30 px-3 py-2 text-xs text-danger">
+                  {error.split("\n")[0]}
+                </div>
+              )}
+
+              <SuggestedRelays
+                alreadyIn={new Set(
+                  rows
+                    .map((r) => normalizeRelayUrl(r.url))
+                    .filter((u): u is string => !!u),
+                )}
+                disabled={publishing}
+                onAdd={(url) =>
+                  setRows((prev) => [
+                    ...prev,
+                    { key: newRelayKey(), url, read: true, write: true },
+                  ])
+                }
+              />
+            </div>
+
+            <div className="relative px-6 py-4 bg-black/30 border-t border-border flex items-center justify-end gap-3">
+              <button
+                type="button"
+                onClick={onClose}
+                disabled={publishing}
+                className="px-4 py-2 rounded-lg text-sm font-semibold text-foreground-muted hover:text-foreground hover:bg-white/5 transition-colors disabled:opacity-50"
+              >
+                Cancelar
+              </button>
+              <button
+                type="button"
+                onClick={handleSave}
+                disabled={publishing || rows.length === 0}
+                className="inline-flex items-center gap-2 px-4 py-2 rounded-lg text-sm font-semibold bg-gradient-to-r from-nostr to-cyan text-white disabled:opacity-70 disabled:cursor-progress"
+              >
+                {publishing ? (
+                  <>
+                    <Loader2 className="h-4 w-4 animate-spin" />
+                    {saveLabel}
+                  </>
+                ) : (
+                  <>
+                    <Save className="h-4 w-4" />
+                    Guardar
+                  </>
+                )}
+              </button>
+            </div>
+          </motion.div>
+        </motion.div>
+      )}
+    </AnimatePresence>
+  );
+}
+
+function MarkerToggle({
+  label,
+  icon,
+  active,
+  accent,
+  disabled,
+  onToggle,
+}: {
+  label: string;
+  icon: React.ReactNode;
+  active: boolean;
+  accent: "cyan" | "bitcoin";
+  disabled?: boolean;
+  onToggle: () => void;
+}) {
+  const accentClass =
+    accent === "cyan"
+      ? active
+        ? "bg-cyan/15 border-cyan/40 text-cyan"
+        : "bg-white/[0.02] border-border text-foreground-subtle hover:border-cyan/30 hover:text-cyan/70"
+      : active
+        ? "bg-bitcoin/15 border-bitcoin/40 text-bitcoin"
+        : "bg-white/[0.02] border-border text-foreground-subtle hover:border-bitcoin/30 hover:text-bitcoin/70";
+  return (
+    <button
+      type="button"
+      onClick={onToggle}
+      disabled={disabled}
+      className={cn(
+        "inline-flex items-center gap-0.5 px-1.5 py-1 rounded border text-[9px] font-mono tracking-wider transition-colors disabled:opacity-50",
+        accentClass,
+      )}
+      aria-pressed={active}
+      aria-label={`${label} ${active ? "on" : "off"}`}
+    >
+      {icon}
+      {label}
+    </button>
+  );
+}
+
+function SuggestedRelays({
+  alreadyIn,
+  onAdd,
+  disabled,
+}: {
+  alreadyIn: Set<string>;
+  onAdd: (url: string) => void;
+  disabled?: boolean;
+}) {
+  const candidates = SUGGESTED_RELAYS.filter(
+    (url) => !alreadyIn.has(url),
+  ).slice(0, 8);
+  if (candidates.length === 0) return null;
+  return (
+    <div>
+      <div className="text-[10px] font-mono uppercase tracking-widest text-foreground-subtle mb-2">
+        Sugeridos
       </div>
-      <div className="text-[9px] font-mono text-foreground-subtle tabular-nums">
-        {new Date(badge.awardedAt * 1000).toLocaleDateString("es-AR", {
-          month: "short",
-          year: "numeric",
-        })}
+      <div className="flex flex-wrap gap-1.5">
+        {candidates.map((url) => (
+          <button
+            key={url}
+            type="button"
+            onClick={() => onAdd(url)}
+            disabled={disabled}
+            className="inline-flex items-center gap-1 px-2 py-1 rounded-md border border-border bg-white/[0.02] hover:bg-white/[0.05] hover:border-border-strong text-[10px] font-mono text-foreground-muted transition-colors disabled:opacity-50"
+          >
+            <Plus className="h-2.5 w-2.5" />
+            {url.replace(/^wss?:\/\//, "")}
+          </button>
+        ))}
       </div>
-    </Tag>
+    </div>
   );
 }
diff --git a/app/dashboard/projects/UserProjectsClient.tsx b/app/dashboard/projects/UserProjectsClient.tsx
index 7495cc3..69ebbdc 100644
--- a/app/dashboard/projects/UserProjectsClient.tsx
+++ b/app/dashboard/projects/UserProjectsClient.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { useEffect, useMemo, useState } from "react";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { useRouter } from "next/navigation";
 import Link from "next/link";
 import { AnimatePresence, motion } from "framer-motion";
@@ -17,7 +17,11 @@ import {
   Globe,
   Calendar,
   Save,
+  UserRound,
+  AlertCircle,
+  BadgeCheck,
 } from "lucide-react";
+import { NIP05_REGEX, queryProfile } from "nostr-tools/nip05";
 import { GithubIcon } from "@/components/BrandIcons";
 import { useToast } from "@/components/Toast";
 import { useAuth } from "@/lib/auth";
@@ -30,30 +34,155 @@ import {
   getCachedUserProjects,
   publishUserProject,
   type ProjectsDoc,
+  type TeamMember,
   type UserProject,
 } from "@/lib/userProjects";
+import { HACKATHONS } from "@/lib/hackathons";
+import { useNostrProfile } from "@/lib/nostrProfile";
 
 type RelayResult = { relay: string; ok: boolean; error?: string };
 type Phase = "signing" | "publishing" | "done";
 import { cn } from "@/lib/cn";
 
+type TeamRow = {
+  /** stable local id for react keys; doesn't get serialised */
+  key: string;
+  /** NIP-05 identifier typed by the user (e.g. `kassis@lacrypta.ar`). */
+  nip05: string;
+  /** hex pubkey — either seeded (owner) or resolved from NIP-05. */
+  pubkey?: string;
+  /** display name snapshot (from profile, nip05 local part, or legacy value). */
+  name?: string;
+  /** avatar URL snapshot from profile. */
+  picture?: string;
+  /** legacy github handle preserved from older entries. */
+  github?: string;
+  /** whether this row represents the currently-authenticated user. */
+  owner?: boolean;
+  role: string;
+};
+
 type FormState = {
   id: string | null;
   name: string;
   description: string;
-  url: string;
+  demo: string;
   repo: string;
-  tags: string;
+  tech: string[];
+  team: TeamRow[];
+  hackathon: string; // "" means no hackathon assigned
+  /** preserved submittedAt so ediciones no cambian la fecha original */
+  submittedAt?: string;
 };
 
-const EMPTY_FORM: FormState = {
-  id: null,
-  name: "",
-  description: "",
-  url: "",
-  repo: "",
-  tags: "",
-};
+function newRowKey() {
+  return typeof crypto !== "undefined" && "randomUUID" in crypto
+    ? crypto.randomUUID()
+    : Math.random().toString(36).slice(2);
+}
+
+function emptyForm(): FormState {
+  return {
+    id: null,
+    name: "",
+    description: "",
+    demo: "",
+    repo: "",
+    tech: [],
+    team: [],
+    hackathon: "",
+  };
+}
+
+/** Common stack labels suggested in the autocomplete. Kept intentionally
+ *  lacrypta-flavoured: Bitcoin / Lightning / Nostr / NIPs first, then the
+ *  usual web and runtime bits people actually use in labs projects. */
+const STACK_SUGGESTIONS: string[] = [
+  // Nostr
+  "Nostr",
+  "NIP-01",
+  "NIP-04",
+  "NIP-05",
+  "NIP-07",
+  "NIP-09",
+  "NIP-19",
+  "NIP-42",
+  "NIP-44",
+  "NIP-46",
+  "NIP-57",
+  "NIP-58",
+  "NIP-65",
+  "NIP-78",
+  "nostr-tools",
+  "NDK",
+  "Bunker",
+  // Bitcoin / Lightning
+  "Bitcoin",
+  "Lightning",
+  "LNURL",
+  "LNURL-Pay",
+  "LNURL-Auth",
+  "BOLT-11",
+  "BOLT-12",
+  "LND",
+  "Core Lightning",
+  "LDK",
+  "BDK",
+  "LNbits",
+  "NWC",
+  "Taproot",
+  "Miniscript",
+  "PSBT",
+  "Cashu",
+  "Fedimint",
+  "Ark",
+  "RGB",
+  // Frameworks / UI
+  "React",
+  "Next.js",
+  "React Native",
+  "Vue",
+  "Svelte",
+  "SvelteKit",
+  "Remix",
+  "Astro",
+  "Solid",
+  "Tailwind",
+  "Shadcn",
+  "Radix",
+  "Framer Motion",
+  "Three.js",
+  // Langs / Runtimes
+  "TypeScript",
+  "JavaScript",
+  "Rust",
+  "Go",
+  "Python",
+  "Elixir",
+  "Node.js",
+  "Bun",
+  "Deno",
+  "Vite",
+  // Storage / Infra
+  "IPFS",
+  "PostgreSQL",
+  "SQLite",
+  "Redis",
+  "Supabase",
+  "Vercel",
+  "Fly.io",
+  "Cloudflare Workers",
+  "Railway",
+  // Crypto / Misc
+  "secp256k1",
+  "schnorr",
+  "Noble",
+  "Zod",
+  "tRPC",
+  "WebSockets",
+  "WASM",
+  "Web of Trust",
+];
 
 export default function UserProjectsClient() {
   const router = useRouter();
@@ -69,9 +198,45 @@ export default function UserProjectsClient() {
   const [phase, setPhase] = useState<Phase | null>(null);
   const [phaseDetail, setPhaseDetail] = useState<string | null>(null);
   const [formOpen, setFormOpen] = useState(false);
-  const [form, setForm] = useState<FormState>(EMPTY_FORM);
+  const [form, setForm] = useState<FormState>(() => emptyForm());
   const [deleteId, setDeleteId] = useState<string | null>(null);
 
+  // Profile for the currently-authenticated user — used to pre-fill the
+  // owner row in the team editor (avatar + nip05 + display name).
+  const { profile: ownerProfile } = useNostrProfile(auth?.pubkey);
+
+  const ownerRow = useCallback((): TeamRow => {
+    return {
+      key: newRowKey(),
+      nip05: ownerProfile?.nip05 ?? "",
+      pubkey: auth?.pubkey,
+      name:
+        ownerProfile?.display_name ||
+        ownerProfile?.name ||
+        (auth?.pubkey ? `${auth.pubkey.slice(0, 8)}…` : ""),
+      picture: ownerProfile?.picture,
+      owner: true,
+      role: "Lead",
+    };
+  }, [auth?.pubkey, ownerProfile]);
+
+  // When the profile loads after the form is opened for creation, backfill
+  // the owner row so the avatar + nip05 show up without a re-open.
+  useEffect(() => {
+    if (!formOpen || form.id) return;
+    setForm((prev) => {
+      const first = prev.team[0];
+      if (!first?.owner) return prev;
+      const hasPicture = !!first.picture;
+      const hasNip05 = !!first.nip05;
+      if (hasPicture && hasNip05) return prev;
+      const seeded = ownerRow();
+      const next = [...prev.team];
+      next[0] = { ...first, ...seeded, key: first.key };
+      return { ...prev, team: next };
+    });
+  }, [ownerRow, formOpen, form.id]);
+
   const relays = useMemo(() => {
     const out = new Set<string>(DEFAULT_USER_RELAYS);
     auth?.bunker?.relays?.forEach((r) => out.add(r));
@@ -246,18 +411,40 @@ export default function UserProjectsClient() {
   }
 
   function openCreate() {
-    setForm(EMPTY_FORM);
+    setForm({ ...emptyForm(), team: [ownerRow()] });
     setFormOpen(true);
   }
 
   function openEdit(p: UserProject) {
+    const rows: TeamRow[] =
+      p.team && p.team.length > 0
+        ? p.team.map((m) => ({
+            key: newRowKey(),
+            nip05: m.nip05 ?? "",
+            pubkey: m.pubkey,
+            name: m.name,
+            picture: m.picture,
+            github: m.github,
+            owner: !!(auth?.pubkey && m.pubkey === auth.pubkey),
+            role: m.role,
+          }))
+        : [ownerRow()];
+    // Make sure the owner is represented — if the saved team doesn't
+    // include the signer we prepend a fresh owner row so they can still
+    // identify themselves on the next publish.
+    if (auth?.pubkey && !rows.some((r) => r.pubkey === auth.pubkey)) {
+      rows.unshift(ownerRow());
+    }
     setForm({
       id: p.id,
       name: p.name,
       description: p.description ?? "",
-      url: p.url ?? "",
+      demo: p.demo ?? "",
       repo: p.repo ?? "",
-      tags: (p.tags ?? []).join(", "),
+      tech: p.tech ?? [],
+      team: rows,
+      hackathon: p.hackathon ?? "",
+      submittedAt: p.submittedAt,
     });
     setFormOpen(true);
   }
@@ -265,22 +452,47 @@ export default function UserProjectsClient() {
   async function handleSave() {
     if (!doc || !auth) return;
     const now = Math.floor(Date.now() / 1000);
+    const today = new Date().toISOString().slice(0, 10);
     const clean = (s: string) => s.trim();
-    const tags = clean(form.tags)
-      .split(",")
-      .map((t) => t.trim())
-      .filter(Boolean);
+    const tech = form.tech.map((t) => t.trim()).filter(Boolean);
+
+    const team: TeamMember[] = form.team
+      .map((row) => {
+        const nip05 = clean(row.nip05);
+        const name =
+          clean(row.name ?? "") ||
+          (nip05 ? nip05.split("@")[0] : "") ||
+          (row.pubkey ? `${row.pubkey.slice(0, 8)}…` : "");
+        return {
+          name,
+          role: clean(row.role) || "Builder",
+          nip05: nip05 || undefined,
+          pubkey: row.pubkey,
+          picture: row.picture,
+          github: row.github ? clean(row.github) || undefined : undefined,
+        };
+      })
+      .filter((m) => m.name.length > 0 || m.nip05 || m.pubkey);
+
+    const hackathon = clean(form.hackathon) || null;
+    const status = hackathon ? "submitted" : "building";
+    const existing = form.id
+      ? doc.projects.find((p) => p.id === form.id)
+      : undefined;
+    const createdAt = existing?.createdAt ?? now;
 
     const base: UserProject = {
       id: form.id ?? crypto.randomUUID(),
       name: clean(form.name),
-      description: clean(form.description) || undefined,
-      url: clean(form.url) || undefined,
+      description: clean(form.description) || "",
+      team,
       repo: clean(form.repo) || undefined,
-      tags: tags.length ? tags : undefined,
-      createdAt: form.id
-        ? (doc.projects.find((p) => p.id === form.id)?.createdAt ?? now)
-        : now,
+      demo: clean(form.demo) || undefined,
+      tech: tech.length ? tech : undefined,
+      status,
+      hackathon,
+      submittedAt: hackathon ? (existing?.submittedAt ?? today) : undefined,
+      createdAt,
       updatedAt: now,
     };
 
@@ -301,7 +513,7 @@ export default function UserProjectsClient() {
         return { projects: next };
       });
       setFormOpen(false);
-      setForm(EMPTY_FORM);
+      setForm(emptyForm());
     } catch {
       /* persistProject already surfaced the error */
     }
@@ -468,7 +680,7 @@ export default function UserProjectsClient() {
         onSave={handleSave}
         onClose={() => {
           setFormOpen(false);
-          setForm(EMPTY_FORM);
+          setForm(emptyForm());
         }}
         publishing={publishing}
         phase={phase}
@@ -572,9 +784,9 @@ function ProjectCard({
         </p>
       )}
 
-      {project.tags && project.tags.length > 0 && (
+      {project.tech && project.tech.length > 0 && (
         <div className="mt-3 flex flex-wrap gap-1.5">
-          {project.tags.map((t) => (
+          {project.tech.map((t) => (
             <span
               key={t}
               className="px-1.5 py-0.5 rounded-md border border-border bg-white/[0.03] text-[10px] font-mono uppercase tracking-wider text-foreground-muted"
@@ -598,15 +810,15 @@ function ProjectCard({
               Repo
             </a>
           )}
-          {project.url && (
+          {project.demo && (
             <a
-              href={project.url}
+              href={project.demo}
               target="_blank"
               rel="noopener noreferrer"
               className="inline-flex items-center gap-1 hover:text-foreground transition-colors"
             >
               <Globe className="h-3.5 w-3.5" />
-              Sitio
+              Demo
             </a>
           )}
         </div>
@@ -745,27 +957,51 @@ function ProjectFormModal({
                     className="w-full px-3 py-2.5 rounded-lg bg-white/[0.03] border border-border focus:border-bitcoin/50 focus:bg-white/[0.05] transition-colors text-sm font-mono placeholder:text-foreground-subtle"
                   />
                 </Field>
-                <Field label="Sitio">
+                <Field label="Demo / Sitio">
                   <input
                     type="url"
-                    value={form.url}
-                    onChange={(e) => setForm({ ...form, url: e.target.value })}
+                    value={form.demo}
+                    onChange={(e) => setForm({ ...form, demo: e.target.value })}
                     disabled={publishing}
                     placeholder="https://..."
                     className="w-full px-3 py-2.5 rounded-lg bg-white/[0.03] border border-border focus:border-bitcoin/50 focus:bg-white/[0.05] transition-colors text-sm font-mono placeholder:text-foreground-subtle"
                   />
                 </Field>
               </div>
-              <Field label="Tags" hint="separados por coma">
-                <input
-                  type="text"
-                  value={form.tags}
-                  onChange={(e) => setForm({ ...form, tags: e.target.value })}
+              <Field label="Stack" hint="enter o coma para sumar">
+                <TagsInput
+                  value={form.tech}
+                  onChange={(tech) => setForm({ ...form, tech })}
                   disabled={publishing}
-                  placeholder="bitcoin, lightning, nostr"
-                  className="w-full px-3 py-2.5 rounded-lg bg-white/[0.03] border border-border focus:border-bitcoin/50 focus:bg-white/[0.05] transition-colors text-sm placeholder:text-foreground-subtle"
+                  placeholder="Lightning, Nostr, NIP-01…"
+                  suggestions={STACK_SUGGESTIONS}
                 />
               </Field>
+              <Field
+                label="Hackatón"
+                hint="asignalo para que aparezca en /hackathons"
+              >
+                <select
+                  value={form.hackathon}
+                  onChange={(e) =>
+                    setForm({ ...form, hackathon: e.target.value })
+                  }
+                  disabled={publishing}
+                  className="w-full px-3 py-2.5 rounded-lg bg-white/[0.03] border border-border focus:border-bitcoin/50 focus:bg-white/[0.05] transition-colors text-sm"
+                >
+                  <option value="">Sin hackatón asignado</option>
+                  {HACKATHONS.map((h) => (
+                    <option key={h.id} value={h.id}>
+                      {h.icon} {h.name} · {h.monthShort} {h.year}
+                    </option>
+                  ))}
+                </select>
+              </Field>
+              <TeamEditor
+                team={form.team}
+                onChange={(team) => setForm({ ...form, team })}
+                disabled={publishing}
+              />
             </div>
 
             <div className="relative px-6 py-4 bg-black/30 border-t border-border flex items-center justify-end gap-3">
@@ -829,6 +1065,459 @@ function Field({
   );
 }
 
+/* ───────────────────────── Stack tags input ───────────────────────── */
+
+function TagsInput({
+  value,
+  onChange,
+  disabled,
+  placeholder,
+  suggestions = [],
+  maxTags,
+}: {
+  value: string[];
+  onChange: (next: string[]) => void;
+  disabled?: boolean;
+  placeholder?: string;
+  suggestions?: string[];
+  maxTags?: number;
+}) {
+  const [draft, setDraft] = useState("");
+  const [focused, setFocused] = useState(false);
+  const [activeIdx, setActiveIdx] = useState(-1);
+  const inputRef = useRef<HTMLInputElement>(null);
+  const blurTimer = useRef<number | null>(null);
+
+  const normalized = useMemo(
+    () => new Set(value.map((v) => v.trim().toLowerCase())),
+    [value],
+  );
+
+  const filtered = useMemo(() => {
+    const d = draft.trim().toLowerCase();
+    return suggestions
+      .filter((s) => !normalized.has(s.toLowerCase()))
+      .filter((s) => !d || s.toLowerCase().includes(d))
+      .slice(0, 8);
+  }, [suggestions, draft, normalized]);
+
+  function commit(raw: string) {
+    const clean = raw.trim().replace(/^,+|,+$/g, "").trim();
+    if (!clean) {
+      setDraft("");
+      return;
+    }
+    if (normalized.has(clean.toLowerCase())) {
+      setDraft("");
+      return;
+    }
+    if (maxTags && value.length >= maxTags) return;
+    onChange([...value, clean]);
+    setDraft("");
+    setActiveIdx(-1);
+  }
+
+  function remove(index: number) {
+    onChange(value.filter((_, i) => i !== index));
+  }
+
+  function onKeyDown(e: React.KeyboardEvent<HTMLInputElement>) {
+    // Read the live input value — React state (`draft`) may be stale when
+    // two events (input + keydown) fire back-to-back in the same tick.
+    const live = e.currentTarget.value;
+    if (e.key === "Enter") {
+      e.preventDefault();
+      if (activeIdx >= 0 && filtered[activeIdx]) {
+        commit(filtered[activeIdx]);
+      } else if (live.trim()) {
+        commit(live);
+      }
+    } else if (e.key === ",") {
+      e.preventDefault();
+      if (live.trim()) commit(live);
+    } else if (e.key === "Tab") {
+      if (live.trim()) commit(live);
+      // let Tab do its default to advance focus
+    } else if (e.key === "Backspace" && !live && value.length > 0) {
+      e.preventDefault();
+      remove(value.length - 1);
+    } else if (e.key === "ArrowDown" && filtered.length > 0) {
+      e.preventDefault();
+      setActiveIdx((i) => (i + 1) % filtered.length);
+    } else if (e.key === "ArrowUp" && filtered.length > 0) {
+      e.preventDefault();
+      setActiveIdx((i) => (i <= 0 ? filtered.length - 1 : i - 1));
+    } else if (e.key === "Escape") {
+      setActiveIdx(-1);
+      inputRef.current?.blur();
+    }
+  }
+
+  return (
+    <div className="relative">
+      <div
+        onClick={() => !disabled && inputRef.current?.focus()}
+        className={cn(
+          "flex flex-wrap items-center gap-1.5 min-h-[42px] px-2 py-1.5 rounded-lg bg-white/[0.03] border transition-colors cursor-text",
+          focused && !disabled
+            ? "border-bitcoin/50 bg-white/[0.05]"
+            : "border-border",
+          disabled && "opacity-60 cursor-not-allowed",
+        )}
+      >
+        {value.map((tag, i) => (
+          <span
+            key={`${tag}-${i}`}
+            className="inline-flex items-center gap-0.5 pl-2 pr-0.5 py-0.5 rounded-md border border-bitcoin/30 bg-bitcoin/10 text-[11px] font-mono text-bitcoin"
+          >
+            {tag}
+            <button
+              type="button"
+              disabled={disabled}
+              onClick={(e) => {
+                e.stopPropagation();
+                remove(i);
+              }}
+              className="p-0.5 rounded hover:bg-bitcoin/20 disabled:opacity-50"
+              aria-label={`Quitar ${tag}`}
+            >
+              <X className="h-3 w-3" />
+            </button>
+          </span>
+        ))}
+        <input
+          ref={inputRef}
+          type="text"
+          value={draft}
+          onChange={(e) => {
+            setDraft(e.target.value);
+            setActiveIdx(-1);
+          }}
+          onKeyDown={onKeyDown}
+          onFocus={() => {
+            if (blurTimer.current) {
+              window.clearTimeout(blurTimer.current);
+              blurTimer.current = null;
+            }
+            setFocused(true);
+          }}
+          onBlur={() => {
+            // small delay so clicks on suggestions land before dropdown hides
+            blurTimer.current = window.setTimeout(() => {
+              setFocused(false);
+              if (draft.trim()) commit(draft);
+            }, 120);
+          }}
+          disabled={disabled}
+          placeholder={value.length === 0 ? placeholder : ""}
+          className="flex-1 min-w-[80px] bg-transparent text-sm placeholder:text-foreground-subtle focus:outline-none py-0.5"
+        />
+      </div>
+      {focused && filtered.length > 0 && (
+        <div className="absolute left-0 right-0 top-full mt-1 z-10 rounded-lg border border-border bg-background-card shadow-xl overflow-hidden max-h-60 overflow-y-auto">
+          {filtered.map((s, i) => (
+            <button
+              type="button"
+              key={s}
+              onMouseDown={(e) => {
+                // prevent input blur so focus stays after insertion
+                e.preventDefault();
+                commit(s);
+                inputRef.current?.focus();
+              }}
+              onMouseEnter={() => setActiveIdx(i)}
+              className={cn(
+                "w-full text-left px-3 py-1.5 text-sm font-mono transition-colors",
+                activeIdx === i
+                  ? "bg-bitcoin/10 text-bitcoin"
+                  : "hover:bg-white/5 text-foreground-muted",
+              )}
+            >
+              {s}
+            </button>
+          ))}
+        </div>
+      )}
+    </div>
+  );
+}
+
+/* ───────────────────────── Team editor (NIP-05) ──────────────────────── */
+
+type Nip05State = {
+  resolving: boolean;
+  pubkey?: string;
+  error?: string;
+};
+
+/** Resolves a NIP-05 identifier to a pubkey. Debounced, cancellable. */
+function useNip05Resolution(nip05: string | undefined): Nip05State {
+  const [state, setState] = useState<Nip05State>({ resolving: false });
+
+  useEffect(() => {
+    const value = (nip05 ?? "").trim();
+    if (!value) {
+      setState({ resolving: false });
+      return;
+    }
+    if (!NIP05_REGEX.test(value)) {
+      setState({ resolving: false, error: "formato inválido" });
+      return;
+    }
+
+    let cancelled = false;
+    setState({ resolving: true });
+
+    const t = window.setTimeout(async () => {
+      try {
+        const res = await queryProfile(value);
+        if (cancelled) return;
+        if (res?.pubkey) {
+          setState({ resolving: false, pubkey: res.pubkey });
+        } else {
+          setState({ resolving: false, error: "no encontrado" });
+        }
+      } catch {
+        if (cancelled) return;
+        setState({ resolving: false, error: "no se pudo resolver" });
+      }
+    }, 450);
+
+    return () => {
+      cancelled = true;
+      window.clearTimeout(t);
+    };
+  }, [nip05]);
+
+  return state;
+}
+
+function TeamEditor({
+  team,
+  onChange,
+  disabled,
+}: {
+  team: TeamRow[];
+  onChange: (team: TeamRow[]) => void;
+  disabled: boolean;
+}) {
+  function updateRow(i: number, patch: Partial<TeamRow>) {
+    onChange(team.map((r, idx) => (idx === i ? { ...r, ...patch } : r)));
+  }
+  function addRow() {
+    onChange([
+      ...team,
+      { key: newRowKey(), nip05: "", role: "Builder" },
+    ]);
+  }
+  function removeRow(i: number) {
+    onChange(team.filter((_, idx) => idx !== i));
+  }
+
+  return (
+    <div>
+      <div className="flex items-center justify-between mb-1.5">
+        <span className="text-xs font-medium text-foreground-muted">
+          Equipo
+        </span>
+        <span className="text-[10px] text-foreground-subtle">
+          sumá miembros con su NIP-05
+        </span>
+      </div>
+      <div className="space-y-2">
+        {team.map((row, i) => (
+          <TeamRowEditor
+            key={row.key}
+            row={row}
+            disabled={disabled}
+            onChange={(patch) => updateRow(i, patch)}
+            onRemove={() => removeRow(i)}
+          />
+        ))}
+      </div>
+      <button
+        type="button"
+        onClick={addRow}
+        disabled={disabled}
+        className="mt-2 inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg border border-dashed border-border bg-white/[0.02] hover:bg-white/[0.05] text-xs font-semibold transition-colors disabled:opacity-50"
+      >
+        <Plus className="h-3.5 w-3.5" />
+        Sumar miembro
+      </button>
+    </div>
+  );
+}
+
+function TeamRowEditor({
+  row,
+  disabled,
+  onChange,
+  onRemove,
+}: {
+  row: TeamRow;
+  disabled: boolean;
+  onChange: (patch: Partial<TeamRow>) => void;
+  onRemove: () => void;
+}) {
+  // Don't run NIP-05 resolution for the owner row — its pubkey was seeded
+  // from the signer and the nip05 value reflects the owner's profile, which
+  // we already have via useNostrProfile in the parent.
+  const resolution = useNip05Resolution(row.owner ? "" : row.nip05);
+  const effectivePubkey = row.owner ? row.pubkey : resolution.pubkey;
+  const { profile, loading } = useNostrProfile(effectivePubkey);
+
+  // Keep row.pubkey / name / picture in sync with the resolved profile.
+  useEffect(() => {
+    if (row.owner) return;
+    if (resolution.pubkey && resolution.pubkey !== row.pubkey) {
+      onChange({ pubkey: resolution.pubkey });
+    }
+    if (!resolution.pubkey && !resolution.resolving && row.pubkey) {
+      onChange({ pubkey: undefined, picture: undefined });
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [resolution.pubkey, resolution.resolving]);
+
+  useEffect(() => {
+    if (!profile) return;
+    const name = profile.display_name || profile.name;
+    const patch: Partial<TeamRow> = {};
+    if (name && name !== row.name) patch.name = name;
+    if (profile.picture && profile.picture !== row.picture) {
+      patch.picture = profile.picture;
+    }
+    if (Object.keys(patch).length > 0) onChange(patch);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [profile?.name, profile?.display_name, profile?.picture]);
+
+  const busy = resolution.resolving || loading;
+  const resolved = !!effectivePubkey && !resolution.error;
+  const error = resolution.error;
+
+  const displayName =
+    row.name ||
+    (row.nip05 ? row.nip05.split("@")[0] : "") ||
+    (effectivePubkey ? `${effectivePubkey.slice(0, 8)}…` : "");
+
+  return (
+    <div>
+      <div className="grid grid-cols-[auto_1fr_120px_auto] gap-2 items-center">
+        <Avatar
+          picture={row.picture}
+          name={displayName}
+          busy={busy}
+          error={!!error}
+        />
+        <div className="relative min-w-0">
+          <input
+            type="text"
+            value={row.nip05}
+            onChange={(e) => onChange({ nip05: e.target.value })}
+            disabled={disabled || row.owner}
+            placeholder="vos@dominio.com"
+            spellCheck={false}
+            autoComplete="off"
+            className={cn(
+              "w-full px-2.5 py-2 pr-7 rounded-lg bg-white/[0.03] border transition-colors text-xs font-mono placeholder:text-foreground-subtle min-w-0",
+              error
+                ? "border-danger/50 focus:border-danger"
+                : resolved
+                  ? "border-success/40 focus:border-success/60"
+                  : "border-border focus:border-bitcoin/50 focus:bg-white/[0.05]",
+              row.owner && "bg-white/[0.02] text-foreground-muted",
+            )}
+          />
+          {resolved && !error && (
+            <BadgeCheck className="absolute right-2 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-success" />
+          )}
+          {error && (
+            <AlertCircle className="absolute right-2 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-danger" />
+          )}
+          {busy && (
+            <Loader2 className="absolute right-2 top-1/2 -translate-y-1/2 h-3.5 w-3.5 animate-spin text-foreground-subtle" />
+          )}
+        </div>
+        <input
+          type="text"
+          value={row.role}
+          onChange={(e) => onChange({ role: e.target.value })}
+          disabled={disabled}
+          placeholder="Rol"
+          className="px-2.5 py-2 rounded-lg bg-white/[0.03] border border-border focus:border-bitcoin/50 focus:bg-white/[0.05] transition-colors text-xs placeholder:text-foreground-subtle min-w-0"
+        />
+        <button
+          type="button"
+          onClick={onRemove}
+          disabled={disabled}
+          className="px-2 py-2 rounded-lg text-foreground-subtle hover:text-danger hover:bg-danger/10 disabled:opacity-30 disabled:hover:bg-transparent disabled:hover:text-foreground-subtle transition-colors"
+          aria-label="Quitar miembro"
+          title={row.owner ? "Quitarte del equipo" : "Quitar miembro"}
+        >
+          <X className="h-4 w-4" />
+        </button>
+      </div>
+      {(row.name || row.owner || error) && (
+        <div className="mt-1 pl-[calc(28px+0.5rem)] text-[10px] font-mono flex items-center gap-2">
+          {row.owner && (
+            <span className="inline-flex items-center gap-0.5 text-bitcoin">
+              <BadgeCheck className="h-3 w-3" /> vos
+            </span>
+          )}
+          {error ? (
+            <span className="text-danger">{error}</span>
+          ) : row.name ? (
+            <span className="text-foreground-subtle truncate">{row.name}</span>
+          ) : null}
+        </div>
+      )}
+    </div>
+  );
+}
+
+function Avatar({
+  picture,
+  name,
+  busy,
+  error,
+}: {
+  picture?: string;
+  name?: string;
+  busy?: boolean;
+  error?: boolean;
+}) {
+  const initial = (name?.trim()?.[0] ?? "?").toUpperCase();
+  return (
+    <div
+      className={cn(
+        "relative h-7 w-7 rounded-full border flex items-center justify-center overflow-hidden shrink-0",
+        error
+          ? "border-danger/40 bg-danger/10"
+          : picture
+            ? "border-success/30"
+            : "border-border bg-gradient-to-br from-bitcoin/30 to-nostr/30",
+      )}
+    >
+      {picture ? (
+        // eslint-disable-next-line @next/next/no-img-element
+        <img
+          src={picture}
+          alt={name ?? ""}
+          className="h-full w-full object-cover"
+        />
+      ) : (
+        <span className="text-[11px] font-display font-bold text-foreground">
+          {initial}
+        </span>
+      )}
+      {busy && (
+        <div className="absolute inset-0 flex items-center justify-center bg-black/40 backdrop-blur-[1px]">
+          <Loader2 className="h-3 w-3 animate-spin text-white" />
+        </div>
+      )}
+    </div>
+  );
+}
+
 function ConfirmDelete({
   open,
   onCancel,
diff --git a/app/hackathons/[id]/HackathonProjectsList.tsx b/app/hackathons/[id]/HackathonProjectsList.tsx
new file mode 100644
index 0000000..ce46d4e
--- /dev/null
+++ b/app/hackathons/[id]/HackathonProjectsList.tsx
@@ -0,0 +1,291 @@
+"use client";
+
+import { useEffect, useMemo, useState } from "react";
+import Link from "next/link";
+import {
+  ArrowRight,
+  CircleDashed,
+  ExternalLink,
+  Loader2,
+  RefreshCw,
+  Trophy,
+  Zap,
+} from "lucide-react";
+import {
+  mergeWithSubmissions,
+  prizedProjects,
+  type Hackathon,
+  type HackathonProject,
+  type HackathonSubmission,
+  type PrizedProject,
+} from "@/lib/hackathons";
+import {
+  fetchCommunityProjects,
+  getCachedCommunityProjects,
+  TOP10_RELAYS,
+  type CommunityProject,
+} from "@/lib/userProjects";
+import { formatSats } from "@/lib/hackathons";
+import { GithubIcon } from "@/components/BrandIcons";
+import { cn } from "@/lib/cn";
+
+function medal(position: number | null | undefined) {
+  if (position === 1) return "🥇";
+  if (position === 2) return "🥈";
+  if (position === 3) return "🥉";
+  return null;
+}
+
+const STATUS_BADGE: Record<string, string> = {
+  official: "bg-bitcoin/10 border-bitcoin/40 text-bitcoin",
+  winner: "bg-lightning/10 border-lightning/40 text-lightning",
+  finalist: "bg-cyan/10 border-cyan/40 text-cyan",
+  submitted: "bg-nostr/10 border-nostr/30 text-nostr",
+  building: "bg-white/5 border-border text-foreground-muted",
+  idea: "bg-white/5 border-border text-foreground-subtle",
+};
+
+function fromCommunity(np: CommunityProject): HackathonSubmission {
+  return {
+    ...np,
+    nostrAuthor: np.author,
+    nostrEventId: np.eventId,
+    nostrCreatedAt: np.eventCreatedAt,
+  };
+}
+
+export default function HackathonProjectsList({
+  hackathon,
+}: {
+  hackathon: Hackathon;
+}) {
+  const [nostrSubmissions, setNostrSubmissions] = useState<
+    HackathonSubmission[]
+  >(() => {
+    const cached = getCachedCommunityProjects();
+    if (!cached) return [];
+    return cached
+      .filter((p) => p.hackathon === hackathon.id)
+      .map(fromCommunity);
+  });
+  const [scanning, setScanning] = useState(false);
+
+  const awards = useMemo<PrizedProject[]>(
+    () => prizedProjects(hackathon.id),
+    [hackathon.id],
+  );
+  const prizeByProjectId = useMemo(
+    () => new Map(awards.map((a) => [a.project.id, a])),
+    [awards],
+  );
+
+  const merged = useMemo(
+    () => mergeWithSubmissions(hackathon.id, nostrSubmissions),
+    [hackathon.id, nostrSubmissions],
+  );
+
+  async function scan() {
+    if (scanning) return;
+    setScanning(true);
+    try {
+      const all = await fetchCommunityProjects(TOP10_RELAYS);
+      setNostrSubmissions(
+        all.filter((p) => p.hackathon === hackathon.id).map(fromCommunity),
+      );
+    } catch (e) {
+      console.warn("[labs] hackathon scan failed", e);
+    } finally {
+      setScanning(false);
+    }
+  }
+
+  useEffect(() => {
+    scan();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [hackathon.id]);
+
+  const curated = merged.filter((p) => !p.nostrEventId);
+  const nostrCount = merged.length - curated.length;
+  const total = merged.length;
+  const hasReports = curated.some((p) => p.report);
+  const headerLabel =
+    hasReports && nostrCount === 0
+      ? "RANKING FINAL · JURADO AI"
+      : hasReports
+        ? "RANKING FINAL + ENVIADOS POR NOSTR"
+        : "PROYECTOS INSCRIPTOS";
+
+  return (
+    <section className="py-12 border-t border-border">
+      <div className="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8">
+        <div className="flex items-start justify-between gap-3 mb-6 flex-wrap">
+          <div>
+            <div className="inline-flex items-center gap-2 text-[10px] font-mono uppercase tracking-widest text-foreground-subtle">
+              {headerLabel}
+              {scanning && (
+                <span className="inline-flex items-center gap-1 text-nostr">
+                  <Loader2 className="h-3 w-3 animate-spin" />
+                  sincronizando
+                </span>
+              )}
+            </div>
+            <h2 className="font-display text-2xl sm:text-3xl font-bold mt-1">
+              {total} {total === 1 ? "proyecto" : "proyectos"}
+              {nostrCount > 0 && (
+                <>
+                  {" · "}
+                  <span className="text-nostr">{nostrCount} desde Nostr</span>
+                </>
+              )}
+            </h2>
+          </div>
+          <button
+            onClick={scan}
+            disabled={scanning}
+            className="inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg border border-border bg-white/[0.03] hover:bg-white/[0.06] text-xs font-semibold transition-colors disabled:opacity-50 disabled:cursor-progress"
+          >
+            <RefreshCw
+              className={cn("h-3.5 w-3.5", scanning && "animate-spin")}
+            />
+            <span className="hidden sm:inline">Rescanear Nostr</span>
+          </button>
+        </div>
+
+        {merged.length === 0 ? (
+          <div className="rounded-2xl border border-dashed border-border p-10 text-center text-sm text-foreground-muted">
+            Aún no hay proyectos inscriptos para {hackathon.name}.
+          </div>
+        ) : (
+          <div className="space-y-2">
+            {merged.map((p) => (
+              <ProjectRow
+                key={p.nostrEventId ?? p.id}
+                project={p}
+                hackathonId={hackathon.id}
+                award={prizeByProjectId.get(p.id) ?? null}
+              />
+            ))}
+          </div>
+        )}
+      </div>
+    </section>
+  );
+}
+
+function ProjectRow({
+  project,
+  hackathonId,
+  award,
+}: {
+  project: HackathonSubmission;
+  hackathonId: string;
+  award: PrizedProject | null;
+}) {
+  const pos = project.report?.position;
+  const score = project.report?.finalScore;
+  const prize = award?.prize ?? null;
+  const isNostr = !!project.nostrEventId;
+  const href = isNostr
+    ? project.demo || project.repo || "#"
+    : `/hackathons/${hackathonId}/${project.id}`;
+  const external = isNostr;
+
+  const Wrapper: React.ElementType = isNostr ? "a" : Link;
+  const wrapperProps = isNostr
+    ? {
+        href,
+        target: "_blank",
+        rel: "noopener noreferrer",
+      }
+    : { href };
+
+  return (
+    <Wrapper
+      {...wrapperProps}
+      className="group flex items-stretch gap-4 rounded-xl border border-border bg-background-card hover:border-border-strong hover:-translate-y-0.5 transition-all overflow-hidden"
+    >
+      <div className="flex flex-col items-center justify-center w-16 sm:w-20 shrink-0 border-r border-border bg-black/30 py-3">
+        {pos ? (
+          <>
+            <div className="text-2xl leading-none">{medal(pos) || `#${pos}`}</div>
+            {!(pos >= 1 && pos <= 3) && (
+              <div className="text-[10px] font-mono text-foreground-subtle mt-1">
+                #{pos}
+              </div>
+            )}
+            {score != null && (
+              <div className="text-[10px] font-mono tabular-nums text-foreground-muted mt-1">
+                {score.toFixed(2)}
+              </div>
+            )}
+          </>
+        ) : isNostr ? (
+          <>
+            <CircleDashed className="h-4 w-4 text-nostr" />
+            <div className="mt-1 text-[9px] font-mono uppercase tracking-widest text-nostr">
+              NOSTR
+            </div>
+          </>
+        ) : (
+          <div
+            className={cn(
+              "inline-flex items-center justify-center px-1.5 py-0.5 rounded-full border text-[8px] font-mono font-bold uppercase tracking-widest",
+              STATUS_BADGE[project.status] ??
+                "bg-white/5 text-foreground-muted border-border",
+            )}
+          >
+            {project.status}
+          </div>
+        )}
+      </div>
+
+      <div className="flex-1 min-w-0 py-3 pr-3 sm:pr-4 flex flex-col justify-center">
+        <div className="flex items-start justify-between gap-3">
+          <div className="min-w-0">
+            <h3 className="font-display text-base sm:text-lg font-bold leading-tight group-hover:text-bitcoin transition-colors truncate">
+              {project.name}
+            </h3>
+            <p className="text-xs text-foreground-muted mt-1 line-clamp-2">
+              {project.description}
+            </p>
+          </div>
+          {prize && (
+            <span className="hidden sm:inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-bitcoin/10 border border-bitcoin/30 text-[10px] font-mono font-bold tabular-nums text-bitcoin whitespace-nowrap shrink-0">
+              <Trophy className="h-3 w-3" />
+              {formatSats(prize)} sats
+            </span>
+          )}
+        </div>
+        <div className="mt-2 flex flex-wrap items-center gap-x-3 gap-y-1 text-[10px] font-mono text-foreground-subtle">
+          {project.team.length > 0 && (
+            <span className="truncate">
+              {project.team.map((t) => t.name).join(" · ")}
+            </span>
+          )}
+          {project.repo && (
+            <span className="inline-flex items-center gap-1">
+              <GithubIcon className="h-3 w-3" />
+              repo
+            </span>
+          )}
+          {project.demo && (
+            <span className="inline-flex items-center gap-1">
+              <ExternalLink className="h-3 w-3" />
+              demo
+            </span>
+          )}
+          {isNostr && (
+            <span className="inline-flex items-center gap-1 text-nostr">
+              <Zap className="h-3 w-3" />
+              submission firmada
+            </span>
+          )}
+        </div>
+      </div>
+
+      <div className="flex items-center pr-4 shrink-0">
+        <ArrowRight className="h-4 w-4 text-foreground-muted group-hover:text-bitcoin group-hover:translate-x-0.5 transition-all" />
+      </div>
+    </Wrapper>
+  );
+}
diff --git a/app/hackathons/[id]/[projectId]/page.tsx b/app/hackathons/[id]/[projectId]/page.tsx
new file mode 100644
index 0000000..d36d826
--- /dev/null
+++ b/app/hackathons/[id]/[projectId]/page.tsx
@@ -0,0 +1,458 @@
+import type { Metadata } from "next";
+import { notFound } from "next/navigation";
+import Link from "next/link";
+import {
+  ArrowLeft,
+  Calendar,
+  ExternalLink,
+  Trophy,
+  CirclePlay,
+  Users,
+  FlaskConical,
+  Lightbulb,
+  AlertTriangle,
+} from "lucide-react";
+import {
+  HACKATHONS,
+  formatSats,
+  getHackathon,
+  getProject,
+  getHackathonProjects,
+  prizeForProject,
+} from "@/lib/hackathons";
+import { GithubIcon } from "@/components/BrandIcons";
+import { cn } from "@/lib/cn";
+
+export function generateStaticParams() {
+  return HACKATHONS.flatMap((h) =>
+    getHackathonProjects(h.id).map((p) => ({
+      id: h.id,
+      projectId: p.id,
+    })),
+  );
+}
+
+export async function generateMetadata({
+  params,
+}: {
+  params: Promise<{ id: string; projectId: string }>;
+}): Promise<Metadata> {
+  const { id, projectId } = await params;
+  const h = getHackathon(id);
+  const p = getProject(id, projectId);
+  if (!h || !p) return { title: "Proyecto" };
+  return {
+    title: `${p.name} · ${h.name}`,
+    description: p.description,
+  };
+}
+
+function medal(position: number | null | undefined): string {
+  if (position === 1) return "🥇";
+  if (position === 2) return "🥈";
+  if (position === 3) return "🥉";
+  return "";
+}
+
+const STATUS_BADGE: Record<string, string> = {
+  official: "bg-bitcoin/10 border-bitcoin/40 text-bitcoin",
+  winner: "bg-lightning/10 border-lightning/40 text-lightning",
+  finalist: "bg-cyan/10 border-cyan/40 text-cyan",
+  submitted: "bg-nostr/10 border-nostr/30 text-nostr",
+  building: "bg-white/5 border-border text-foreground-muted",
+  idea: "bg-white/5 border-border text-foreground-subtle",
+};
+
+export default async function ProjectPage({
+  params,
+}: {
+  params: Promise<{ id: string; projectId: string }>;
+}) {
+  const { id, projectId } = await params;
+  const hackathon = getHackathon(id);
+  const project = getProject(id, projectId);
+  if (!hackathon || !project) notFound();
+
+  const report = project.report;
+  const award = prizeForProject(id, projectId);
+  const prize = award?.prize ?? null;
+
+  return (
+    <div className="relative pt-24 pb-16">
+      <div className="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8">
+        <Link
+          href={`/hackathons/${hackathon.id}`}
+          className="inline-flex items-center gap-1.5 text-xs font-mono uppercase tracking-widest text-foreground-muted hover:text-foreground transition-colors mb-6"
+        >
+          <ArrowLeft className="h-3.5 w-3.5" />
+          {hackathon.name}
+        </Link>
+
+        <div className="grid grid-cols-1 lg:grid-cols-[1fr_280px] gap-8">
+          <div className="min-w-0">
+            <div className="flex flex-wrap items-center gap-2 mb-3">
+              <span className="text-[10px] font-mono tracking-widest text-foreground-subtle">
+                {hackathon.icon} {hackathon.name} · {hackathon.monthShort}{" "}
+                {hackathon.year}
+              </span>
+              <span
+                className={cn(
+                  "inline-flex items-center px-2 py-0.5 rounded-full border text-[9px] font-mono font-semibold tracking-widest uppercase",
+                  STATUS_BADGE[project.status] ??
+                    "bg-white/5 text-foreground-muted border-border",
+                )}
+              >
+                {project.status}
+              </span>
+            </div>
+
+            <h1 className="font-display text-4xl sm:text-5xl font-bold tracking-tight leading-tight">
+              {project.name}
+            </h1>
+            <p className="mt-4 text-base text-foreground-muted leading-relaxed">
+              {project.description}
+            </p>
+
+            <div className="mt-5 flex flex-wrap items-center gap-2">
+              {project.repo && (
+                <a
+                  href={project.repo}
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  className="inline-flex items-center gap-2 px-3 py-1.5 rounded-lg border border-border bg-white/[0.03] hover:bg-white/[0.06] text-xs font-semibold transition-colors"
+                >
+                  <GithubIcon className="h-3.5 w-3.5" />
+                  Repo
+                </a>
+              )}
+              {project.demo && (
+                <a
+                  href={project.demo}
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  className="inline-flex items-center gap-2 px-3 py-1.5 rounded-lg border border-border bg-white/[0.03] hover:bg-white/[0.06] text-xs font-semibold transition-colors"
+                >
+                  <ExternalLink className="h-3.5 w-3.5" />
+                  Demo
+                </a>
+              )}
+              {project.pitched && (
+                <a
+                  href={project.pitched}
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  className="inline-flex items-center gap-2 px-3 py-1.5 rounded-lg border border-danger/30 bg-danger/10 hover:bg-danger/20 text-xs font-semibold text-danger transition-colors"
+                >
+                  <CirclePlay className="h-3.5 w-3.5" />
+                  Pitch
+                </a>
+              )}
+              {project.pitched_final && (
+                <a
+                  href={project.pitched_final}
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  className="inline-flex items-center gap-2 px-3 py-1.5 rounded-lg border border-danger/30 bg-danger/10 hover:bg-danger/20 text-xs font-semibold text-danger transition-colors"
+                >
+                  <CirclePlay className="h-3.5 w-3.5" />
+                  Pitch Final
+                </a>
+              )}
+            </div>
+
+            {report?.position != null && (
+              <div className="mt-6 rounded-2xl border border-bitcoin/40 bg-gradient-to-br from-bitcoin/10 via-transparent to-nostr/5 overflow-hidden">
+                <div className="flex flex-col sm:flex-row items-stretch divide-y sm:divide-y-0 sm:divide-x divide-border/60">
+                  <div className="flex items-center gap-4 px-5 py-4 flex-1 min-w-0">
+                    <div className="shrink-0 text-5xl leading-none">
+                      {medal(report.position) || `#${report.position}`}
+                    </div>
+                    <div className="min-w-0">
+                      <div className="text-[10px] font-mono uppercase tracking-widest text-foreground-subtle">
+                        POSICIÓN FINAL
+                      </div>
+                      <div className="font-display text-2xl font-bold leading-tight">
+                        {report.position === 1
+                          ? "1° — Ganador"
+                          : report.position === 2
+                            ? "2° lugar"
+                            : report.position === 3
+                              ? "3° lugar"
+                              : `#${report.position} en el ranking`}
+                      </div>
+                      {award?.tied && (
+                        <div className="text-[10px] font-mono text-foreground-subtle mt-0.5">
+                          Empate con {award.tiedWith - 1} proyecto
+                          {award.tiedWith - 1 === 1 ? "" : "s"}
+                        </div>
+                      )}
+                    </div>
+                  </div>
+
+                  {report.finalScore != null && (
+                    <div className="flex flex-col items-center justify-center px-5 py-4 min-w-[110px]">
+                      <div className="text-[10px] font-mono uppercase tracking-widest text-foreground-subtle">
+                        Score
+                      </div>
+                      <div className="font-display text-3xl font-bold tabular-nums">
+                        {report.finalScore.toFixed(2)}
+                      </div>
+                    </div>
+                  )}
+
+                  {prize != null && (
+                    <div className="flex flex-col items-center justify-center px-5 py-4 min-w-[150px] bg-bitcoin/[0.06]">
+                      <div className="inline-flex items-center gap-1 text-[10px] font-mono uppercase tracking-widest text-bitcoin/80">
+                        <Trophy className="h-3 w-3" />
+                        Premio
+                      </div>
+                      <div className="font-display text-3xl font-bold text-bitcoin tabular-nums">
+                        {formatSats(prize)}
+                      </div>
+                      <div className="text-[10px] font-mono text-bitcoin/70">
+                        sats
+                      </div>
+                    </div>
+                  )}
+                </div>
+              </div>
+            )}
+
+            {project.tech && project.tech.length > 0 && (
+              <div className="mt-6 rounded-xl border border-border bg-background-card p-5 lg:hidden">
+                <StackCardBody tech={project.tech} />
+              </div>
+            )}
+
+            {report && (
+              <>
+                <div className="mt-6 rounded-xl border border-border bg-background-card overflow-hidden">
+                  <div className="flex items-center justify-between px-5 py-3 border-b border-border">
+                    <div className="flex items-center gap-2">
+                      <Trophy className="h-4 w-4 text-bitcoin" />
+                      <h2 className="text-xs font-mono uppercase tracking-widest font-bold">
+                        Jurado AI
+                      </h2>
+                    </div>
+                    {report.finalScore != null && (
+                      <span className="text-sm font-mono tabular-nums">
+                        promedio ·{" "}
+                        <span className="font-bold text-foreground">
+                          {report.finalScore.toFixed(2)}
+                        </span>
+                      </span>
+                    )}
+                  </div>
+                  <div className="divide-y divide-border">
+                    {report.judges.map((j) => (
+                      <div key={j.name} className="px-5 py-4">
+                        <div className="flex items-center justify-between gap-3 mb-3">
+                          <div>
+                            <div className="font-display font-bold text-sm">
+                              {j.name}
+                            </div>
+                            {j.model && (
+                              <div className="text-[10px] font-mono text-foreground-subtle">
+                                {j.model}
+                              </div>
+                            )}
+                          </div>
+                          {j.score != null && (
+                            <span className="font-mono text-base font-bold tabular-nums">
+                              {j.score.toFixed(2)}
+                            </span>
+                          )}
+                        </div>
+                        {j.categories.length > 0 && (
+                          <div className="grid grid-cols-2 sm:grid-cols-3 gap-2 mb-3">
+                            {j.categories.map((c) => (
+                              <div
+                                key={c.name}
+                                className="flex items-center justify-between gap-2 px-2.5 py-1.5 rounded-lg bg-white/[0.02] border border-border text-xs"
+                              >
+                                <span className="text-foreground-muted truncate">
+                                  {c.name}
+                                </span>
+                                <span className="font-mono font-bold tabular-nums">
+                                  {c.score}
+                                </span>
+                              </div>
+                            ))}
+                          </div>
+                        )}
+                        {j.summary && (
+                          <p className="text-xs text-foreground-muted leading-relaxed whitespace-pre-wrap">
+                            {j.summary}
+                          </p>
+                        )}
+                      </div>
+                    ))}
+                  </div>
+                </div>
+
+                {(report.feedback.strengths.length > 0 ||
+                  report.feedback.improvements.length > 0) && (
+                  <div className="mt-6 grid grid-cols-1 md:grid-cols-2 gap-4">
+                    {report.feedback.strengths.length > 0 && (
+                      <FeedbackList
+                        title="Fortalezas"
+                        icon={<Lightbulb className="h-4 w-4 text-success" />}
+                        items={report.feedback.strengths}
+                        accent="border-success/30"
+                      />
+                    )}
+                    {report.feedback.improvements.length > 0 && (
+                      <FeedbackList
+                        title="Áreas de Mejora"
+                        icon={
+                          <AlertTriangle className="h-4 w-4 text-lightning" />
+                        }
+                        items={report.feedback.improvements}
+                        accent="border-lightning/30"
+                      />
+                    )}
+                  </div>
+                )}
+              </>
+            )}
+          </div>
+
+          <aside className="space-y-4">
+            {project.tech && project.tech.length > 0 && (
+              <div className="hidden lg:block rounded-2xl border border-border bg-background-card p-5">
+                <StackCardBody tech={project.tech} />
+              </div>
+            )}
+
+            <div className="rounded-2xl border border-border bg-background-card p-5">
+              <div className="flex items-center gap-2 mb-3">
+                <Users className="h-4 w-4 text-foreground-muted" />
+                <h2 className="text-xs font-mono uppercase tracking-widest text-foreground-muted font-bold">
+                  Equipo
+                </h2>
+              </div>
+              {project.team.length === 0 ? (
+                <p className="text-xs text-foreground-subtle">Sin equipo cargado.</p>
+              ) : (
+                <ul className="space-y-2">
+                  {project.team.map((m) => (
+                    <li key={`${m.name}-${m.role}`} className="flex items-center gap-2.5">
+                      <div className="h-8 w-8 rounded-full bg-gradient-to-br from-bitcoin/30 to-nostr/30 ring-1 ring-border-strong flex items-center justify-center text-xs font-display font-bold shrink-0">
+                        {m.name.slice(0, 2).toUpperCase()}
+                      </div>
+                      <div className="min-w-0 flex-1">
+                        <div className="text-sm font-semibold truncate">
+                          {m.name}
+                        </div>
+                        <div className="text-[10px] font-mono text-foreground-subtle">
+                          {m.role}
+                          {m.github && (
+                            <>
+                              {" · "}
+                              <a
+                                href={`https://github.com/${m.github}`}
+                                target="_blank"
+                                rel="noopener noreferrer"
+                                className="text-foreground-muted hover:text-foreground"
+                              >
+                                @{m.github}
+                              </a>
+                            </>
+                          )}
+                        </div>
+                      </div>
+                      {m.github && (
+                        <a
+                          href={`https://github.com/${m.github}`}
+                          target="_blank"
+                          rel="noopener noreferrer"
+                          className="shrink-0 text-foreground-subtle hover:text-foreground"
+                          aria-label={`GitHub de ${m.name}`}
+                        >
+                          <GithubIcon className="h-3.5 w-3.5" />
+                        </a>
+                      )}
+                    </li>
+                  ))}
+                </ul>
+              )}
+            </div>
+
+            {project.submittedAt && (
+              <div className="rounded-2xl border border-border bg-background-card p-5">
+                <div className="flex items-center gap-2 mb-2">
+                  <Calendar className="h-4 w-4 text-foreground-muted" />
+                  <h2 className="text-xs font-mono uppercase tracking-widest text-foreground-muted font-bold">
+                    Inscripción
+                  </h2>
+                </div>
+                <div className="text-sm font-mono tabular-nums">
+                  {project.submittedAt}
+                </div>
+              </div>
+            )}
+          </aside>
+        </div>
+      </div>
+    </div>
+  );
+}
+
+function StackCardBody({ tech }: { tech: string[] }) {
+  return (
+    <>
+      <div className="flex items-center gap-2 mb-3">
+        <FlaskConical className="h-4 w-4 text-foreground-muted" />
+        <h2 className="text-xs font-mono uppercase tracking-widest text-foreground-muted font-bold">
+          Stack
+        </h2>
+      </div>
+      <div className="flex flex-wrap gap-1.5">
+        {tech.map((t) => (
+          <span
+            key={t}
+            className="px-2 py-0.5 rounded-md border border-border bg-white/[0.03] text-[10px] font-mono text-foreground-muted"
+          >
+            {t}
+          </span>
+        ))}
+      </div>
+    </>
+  );
+}
+
+function FeedbackList({
+  title,
+  icon,
+  items,
+  accent,
+}: {
+  title: string;
+  icon: React.ReactNode;
+  items: string[];
+  accent: string;
+}) {
+  return (
+    <div
+      className={cn(
+        "rounded-xl border bg-background-card p-5",
+        accent,
+      )}
+    >
+      <div className="flex items-center gap-2 mb-3">
+        {icon}
+        <h3 className="text-xs font-mono uppercase tracking-widest font-bold">
+          {title}
+        </h3>
+      </div>
+      <ul className="space-y-2 text-xs text-foreground-muted leading-relaxed">
+        {items.map((t, i) => (
+          <li key={i} className="flex gap-2">
+            <span className="text-foreground-subtle">›</span>
+            <span className="flex-1">{t}</span>
+          </li>
+        ))}
+      </ul>
+    </div>
+  );
+}
diff --git a/app/hackathons/[id]/page.tsx b/app/hackathons/[id]/page.tsx
new file mode 100644
index 0000000..10ca130
--- /dev/null
+++ b/app/hackathons/[id]/page.tsx
@@ -0,0 +1,358 @@
+import type { Metadata } from "next";
+import { notFound } from "next/navigation";
+import Link from "next/link";
+import {
+  ArrowLeft,
+  ArrowRight,
+  Calendar,
+  Trophy,
+  CirclePlay,
+  ExternalLink,
+  Zap,
+  Sparkles,
+  Users,
+} from "lucide-react";
+import {
+  HACKATHONS,
+  PROGRAM,
+  formatSats,
+  getHackathon,
+  hackathonStatus,
+  prizedProjects,
+  programRules,
+  rankedProjects,
+} from "@/lib/hackathons";
+import { cn } from "@/lib/cn";
+import HackathonProjectsList from "./HackathonProjectsList";
+
+export function generateStaticParams() {
+  return HACKATHONS.map((h) => ({ id: h.id }));
+}
+
+export async function generateMetadata({
+  params,
+}: {
+  params: Promise<{ id: string }>;
+}): Promise<Metadata> {
+  const { id } = await params;
+  const h = getHackathon(id);
+  if (!h) return { title: "Hackatón" };
+  return {
+    title: `${h.name} · Hackatón #${h.number}`,
+    description: `${h.focus}. ${h.description}`,
+  };
+}
+
+const EVENT_STYLE: Record<string, { label: string; color: string }> = {
+  apertura: { label: "Apertura", color: "text-success border-success/30" },
+  pitch: { label: "Pitches", color: "text-cyan border-cyan/30" },
+  "pitch-final": {
+    label: "Pitch Final",
+    color: "text-lightning border-lightning/30",
+  },
+  cierre: { label: "Cierre", color: "text-nostr border-nostr/30" },
+  premios: { label: "Premios", color: "text-bitcoin border-bitcoin/30" },
+};
+
+const STATUS_META: Record<
+  "upcoming" | "active" | "closed",
+  { label: string; color: string }
+> = {
+  upcoming: { label: "PRÓXIMO", color: "text-foreground-muted bg-white/5" },
+  active: { label: "EN CURSO", color: "text-success bg-success/10" },
+  closed: { label: "CERRADO", color: "text-bitcoin bg-bitcoin/10" },
+};
+
+const STATUS_BADGE: Record<string, string> = {
+  official: "bg-bitcoin/10 border-bitcoin/40 text-bitcoin",
+  winner: "bg-lightning/10 border-lightning/40 text-lightning",
+  finalist: "bg-cyan/10 border-cyan/40 text-cyan",
+  submitted: "bg-nostr/10 border-nostr/30 text-nostr",
+  building: "bg-white/5 border-border text-foreground-muted",
+  idea: "bg-white/5 border-border text-foreground-subtle",
+};
+
+function medal(position: number | null): string {
+  if (position === 1) return "🥇";
+  if (position === 2) return "🥈";
+  if (position === 3) return "🥉";
+  if (!position) return "";
+  return `#${position}`;
+}
+
+export default async function HackathonPage({
+  params,
+}: {
+  params: Promise<{ id: string }>;
+}) {
+  const { id } = await params;
+  const hackathon = getHackathon(id);
+  if (!hackathon) notFound();
+  const status = hackathonStatus(hackathon);
+  const statusMeta = STATUS_META[status];
+  const projects = rankedProjects(id);
+  const total = projects.length;
+  const hasReports = projects.some((p) => p.report);
+  const awards = prizedProjects(id);
+  const prizeByProjectId = new Map(
+    awards.map((a) => [a.project.id, a] as const),
+  );
+
+  return (
+    <div className="relative">
+      {/* Hero */}
+      <section className="relative pt-28 pb-16 overflow-hidden">
+        <div className="absolute inset-0 -z-10">
+          <div className="absolute top-0 right-0 w-[500px] h-[500px] bg-bitcoin/10 blur-[120px] rounded-full" />
+          <div className="absolute top-32 left-0 w-[400px] h-[400px] bg-nostr/10 blur-[120px] rounded-full" />
+        </div>
+        <div className="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8">
+          <Link
+            href="/hackathons"
+            className="inline-flex items-center gap-1.5 text-xs font-mono uppercase tracking-widest text-foreground-muted hover:text-foreground transition-colors mb-6"
+          >
+            <ArrowLeft className="h-3.5 w-3.5" />
+            Todos los hackatones
+          </Link>
+          <div className="flex items-start gap-4 flex-wrap">
+            <div className="text-7xl leading-none shrink-0">{hackathon.icon}</div>
+            <div className="flex-1 min-w-0">
+              <div className="flex flex-wrap items-center gap-2 mb-3">
+                <span className="text-[10px] font-mono tracking-widest text-foreground-subtle">
+                  HACKATÓN #{String(hackathon.number).padStart(2, "0")} ·{" "}
+                  {hackathon.monthShort} {hackathon.year}
+                </span>
+                <span
+                  className={cn(
+                    "inline-flex items-center px-2 py-0.5 rounded-full text-[9px] font-mono font-semibold tracking-widest",
+                    statusMeta.color,
+                  )}
+                >
+                  {statusMeta.label}
+                </span>
+              </div>
+              <h1 className="font-display text-4xl sm:text-5xl md:text-6xl font-bold tracking-tight">
+                {hackathon.name}
+              </h1>
+              <p className="mt-2 text-lg text-foreground-muted">
+                {hackathon.focus}
+              </p>
+              <p className="mt-4 text-base text-foreground leading-relaxed max-w-2xl">
+                {hackathon.description}
+              </p>
+              <div className="mt-5 flex flex-wrap items-center gap-2">
+                <span className="inline-flex items-center gap-1 px-2.5 py-1 rounded-full border border-nostr/30 bg-nostr/10 text-xs font-mono font-semibold tracking-wider text-nostr">
+                  {"★".repeat(hackathon.stars)} {hackathon.difficulty}
+                </span>
+                {hackathon.tags.map((t) => (
+                  <span
+                    key={t}
+                    className="inline-flex items-center px-2.5 py-1 rounded-full border border-border bg-white/[0.03] text-xs font-mono font-semibold tracking-wider text-foreground-muted"
+                  >
+                    {t}
+                  </span>
+                ))}
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <section className="pb-12">
+        <div className="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 grid grid-cols-1 lg:grid-cols-3 gap-8">
+          {/* Dates timeline */}
+          <div className="lg:col-span-2 space-y-6">
+            <Card
+              title="Calendario"
+              icon={<Calendar className="h-4 w-4" />}
+              subtitle={`${hackathon.dates.length} community calls`}
+            >
+              <ol className="relative border-l border-border pl-6 space-y-5">
+                {hackathon.dates.map((d) => {
+                  const style = EVENT_STYLE[d.type];
+                  return (
+                    <li key={d.date} className="relative">
+                      <span
+                        className={cn(
+                          "absolute -left-[30px] top-1.5 h-3 w-3 rounded-full border-2 bg-background",
+                          style?.color ?? "border-border",
+                        )}
+                      />
+                      <div className="flex flex-wrap items-center gap-2 mb-1">
+                        <span className="text-xs font-mono font-bold tabular-nums">
+                          {d.date.slice(8, 10)} {hackathon.monthShort}
+                        </span>
+                        {style && (
+                          <span
+                            className={cn(
+                              "inline-flex items-center px-1.5 py-0.5 rounded-full border text-[9px] font-mono font-semibold tracking-widest",
+                              style.color,
+                            )}
+                          >
+                            {style.label}
+                          </span>
+                        )}
+                        {d.youtube && (
+                          <a
+                            href={d.youtube}
+                            target="_blank"
+                            rel="noopener noreferrer"
+                            className="inline-flex items-center gap-1 text-[10px] font-mono text-danger hover:text-danger/80 transition-colors"
+                          >
+                            <CirclePlay className="h-3 w-3" />
+                            VIDEO
+                          </a>
+                        )}
+                      </div>
+                      <div className="text-sm font-semibold">{d.title}</div>
+                      <p className="text-xs text-foreground-muted mt-1 max-w-xl leading-relaxed">
+                        {d.description}
+                      </p>
+                    </li>
+                  );
+                })}
+              </ol>
+            </Card>
+
+            {hackathon.topics.length > 0 && (
+              <Card
+                title="Temas"
+                icon={<Sparkles className="h-4 w-4" />}
+                subtitle={`${hackathon.topics.length} áreas`}
+              >
+                <div className="flex flex-wrap gap-2">
+                  {hackathon.topics.map((t) => (
+                    <span
+                      key={t}
+                      className="inline-flex items-center px-3 py-1.5 rounded-lg border border-border bg-white/[0.03] text-sm"
+                    >
+                      {t}
+                    </span>
+                  ))}
+                </div>
+              </Card>
+            )}
+          </div>
+
+          {/* Prize distribution */}
+          <div className="space-y-6">
+            <Card
+              title="Premios"
+              icon={<Trophy className="h-4 w-4" />}
+              subtitle={`${formatSats(PROGRAM.prizePerHackathon)} sats`}
+            >
+              {awards.length > 0 ? (
+                <ol className="space-y-2">
+                  {awards.map((a) => (
+                    <li key={a.project.id}>
+                      <Link
+                        href={`/hackathons/${hackathon.id}/${a.project.id}`}
+                        className={cn(
+                          "group flex items-center gap-2 px-3 py-2 rounded-lg border transition-colors",
+                          a.position === 1
+                            ? "bg-bitcoin/10 border-bitcoin/30 hover:bg-bitcoin/15"
+                            : "bg-white/[0.02] border-border hover:bg-white/[0.05]",
+                        )}
+                      >
+                        <span className="text-lg leading-none shrink-0 w-7 text-center">
+                          {medal(a.position) || (
+                            <span className="text-xs font-mono text-foreground-muted">
+                              #{a.position}
+                            </span>
+                          )}
+                        </span>
+                        <div className="flex-1 min-w-0">
+                          <div className="text-[13px] font-semibold truncate group-hover:text-bitcoin transition-colors">
+                            {a.project.name}
+                          </div>
+                          <div className="text-[10px] font-mono text-foreground-subtle flex items-center gap-1.5">
+                            <span className="tabular-nums">
+                              {formatSats(a.prize)} sats
+                            </span>
+                            {a.tied && (
+                              <span className="px-1 rounded bg-lightning/10 text-lightning border border-lightning/30 text-[9px] tracking-widest uppercase">
+                                empate
+                              </span>
+                            )}
+                          </div>
+                        </div>
+                      </Link>
+                    </li>
+                  ))}
+                </ol>
+              ) : (
+                <ol className="space-y-2">
+                  {PROGRAM.prizeDistribution.map((slot) => (
+                    <li
+                      key={slot.position}
+                      className="flex items-center justify-between px-3 py-2 rounded-lg bg-white/[0.02] border border-border"
+                    >
+                      <span className="text-sm font-mono text-foreground-muted">
+                        {medal(slot.position) || `#${slot.position}`}
+                      </span>
+                      <span className="text-sm font-bold tabular-nums">
+                        {formatSats(slot.sats)} sats
+                      </span>
+                    </li>
+                  ))}
+                </ol>
+              )}
+              {awards.some((a) => a.tied) && (
+                <p className="mt-3 text-[10px] font-mono text-foreground-subtle leading-relaxed">
+                  * Los premios de posiciones empatadas se dividen en partes
+                  iguales.
+                </p>
+              )}
+            </Card>
+
+            <Card
+              title="Participación"
+              icon={<Users className="h-4 w-4" />}
+              subtitle="Reglas básicas"
+            >
+              <ul className="space-y-2 text-sm text-foreground-muted">
+                {programRules().map((rule) => (
+                  <li key={rule}>{rule}</li>
+                ))}
+              </ul>
+            </Card>
+          </div>
+        </div>
+      </section>
+
+      {/* Projects / leaderboard (curated + Nostr submissions) */}
+      <HackathonProjectsList hackathon={hackathon} />
+    </div>
+  );
+}
+
+function Card({
+  title,
+  icon,
+  subtitle,
+  children,
+}: {
+  title: string;
+  icon?: React.ReactNode;
+  subtitle?: string;
+  children: React.ReactNode;
+}) {
+  return (
+    <div className="rounded-2xl border border-border bg-background-card p-5 sm:p-6">
+      <div className="flex items-center justify-between mb-4">
+        <div className="flex items-center gap-2">
+          <span className="text-foreground-muted">{icon}</span>
+          <h3 className="font-display font-bold text-sm uppercase tracking-widest text-foreground-muted">
+            {title}
+          </h3>
+        </div>
+        {subtitle && (
+          <span className="text-[10px] font-mono text-foreground-subtle">
+            {subtitle}
+          </span>
+        )}
+      </div>
+      {children}
+    </div>
+  );
+}
diff --git a/app/hackathons/page.tsx b/app/hackathons/page.tsx
new file mode 100644
index 0000000..86307e3
--- /dev/null
+++ b/app/hackathons/page.tsx
@@ -0,0 +1,264 @@
+import type { Metadata } from "next";
+import Link from "next/link";
+import {
+  Calendar,
+  Zap,
+  Trophy,
+  CirclePlay,
+  ArrowRight,
+  Sparkles,
+} from "lucide-react";
+import PageHero from "@/components/ui/PageHero";
+import {
+  HACKATHONS,
+  PROGRAM,
+  formatSats,
+  hackathonStatus,
+} from "@/lib/hackathons";
+import { cn } from "@/lib/cn";
+
+export const metadata: Metadata = {
+  title: "Hackatones",
+  description:
+    "Lightning Hackathons 2026 — 8 hackatones mensuales, 8M sats en premios. Bitcoin, Lightning, Nostr.",
+};
+
+const DIFFICULTY_STYLE: Record<string, string> = {
+  Beginner: "bg-success/10 text-success border-success/30",
+  Intermediate: "bg-cyan/10 text-cyan border-cyan/30",
+  Advanced: "bg-nostr/10 text-nostr border-nostr/30",
+  Expert: "bg-bitcoin/10 text-bitcoin border-bitcoin/30",
+};
+
+const STATUS_STYLE: Record<
+  "upcoming" | "active" | "closed",
+  { label: string; className: string }
+> = {
+  upcoming: {
+    label: "PRÓXIMO",
+    className: "bg-white/5 text-foreground-muted border-border",
+  },
+  active: {
+    label: "EN CURSO",
+    className: "bg-success/10 text-success border-success/30 animate-pulse",
+  },
+  closed: {
+    label: "CERRADO",
+    className: "bg-bitcoin/10 text-bitcoin border-bitcoin/30",
+  },
+};
+
+export default function HackathonsPage() {
+  const now = new Date();
+  return (
+    <>
+      <PageHero
+        eyebrow="LIGHTNING HACKATHONS 2026"
+        eyebrowIcon={<Zap className="h-3 w-3" />}
+        title={
+          <>
+            8 hackatones ·{" "}
+            <span className="text-gradient-bitcoin">
+              {formatSats(PROGRAM.totalPrize)} sats
+            </span>{" "}
+            en premios
+          </>
+        }
+        description={`Un hackatón por mes hasta octubre, organizado por ${PROGRAM.organization}. De Lightning básico hasta apps full-stack. Participá solo o en equipo (máx. 4 personas).`}
+      />
+
+      <section className="py-12 sm:py-16">
+        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+          <div className="grid grid-cols-2 md:grid-cols-4 gap-3 mb-12">
+            <StatTile
+              icon={<Trophy className="h-4 w-4" />}
+              label="Premio total"
+              value={`${formatSats(PROGRAM.totalPrize)} sats`}
+              accent="text-bitcoin"
+            />
+            <StatTile
+              icon={<Zap className="h-4 w-4" />}
+              label="Por hackatón"
+              value={`${formatSats(PROGRAM.prizePerHackathon)} sats`}
+              accent="text-lightning"
+            />
+            <StatTile
+              icon={<Calendar className="h-4 w-4" />}
+              label="Hackatones"
+              value={String(HACKATHONS.length)}
+              accent="text-cyan"
+            />
+            <StatTile
+              icon={<Sparkles className="h-4 w-4" />}
+              label="Primer puesto"
+              value={`${formatSats(PROGRAM.prizeDistribution[0]?.sats ?? 0)} sats`}
+              accent="text-nostr"
+            />
+          </div>
+
+          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
+            {HACKATHONS.map((h) => {
+              const status = hackathonStatus(h, now);
+              const statusMeta = STATUS_STYLE[status];
+              const firstDate = h.dates[0]?.date;
+              const lastDate = h.dates[h.dates.length - 1]?.date;
+              return (
+                <Link
+                  key={h.id}
+                  href={`/hackathons/${h.id}`}
+                  className="group relative flex flex-col overflow-hidden rounded-2xl border border-border bg-background-card hover:border-border-strong hover:-translate-y-1 transition-all"
+                >
+                  <div className="absolute inset-0 bg-gradient-to-br from-bitcoin/[0.04] via-transparent to-nostr/[0.04] opacity-0 group-hover:opacity-100 transition-opacity pointer-events-none" />
+                  <div className="relative p-6 flex flex-col flex-1">
+                    <div className="flex items-center justify-between gap-3 mb-4">
+                      <div className="flex items-center gap-2">
+                        <span className="text-[10px] font-mono tracking-widest text-foreground-subtle">
+                          #{String(h.number).padStart(2, "0")}
+                        </span>
+                        <span
+                          className={cn(
+                            "inline-flex items-center px-2 py-0.5 rounded-full border text-[9px] font-mono font-semibold tracking-widest",
+                            statusMeta.className,
+                          )}
+                        >
+                          {statusMeta.label}
+                        </span>
+                      </div>
+                      <div className="text-3xl leading-none">{h.icon}</div>
+                    </div>
+
+                    <div>
+                      <div className="flex items-baseline gap-1.5">
+                        <h2 className="font-display text-2xl font-bold tracking-tight">
+                          {h.name}
+                        </h2>
+                      </div>
+                      <p className="mt-1 text-xs font-mono text-foreground-muted uppercase tracking-widest">
+                        {h.focus}
+                      </p>
+                    </div>
+
+                    <p className="mt-3 text-sm text-foreground-muted leading-relaxed line-clamp-3 flex-1">
+                      {h.description}
+                    </p>
+
+                    <div className="mt-5 flex flex-wrap gap-1.5">
+                      <span
+                        className={cn(
+                          "px-2 py-0.5 rounded-md border text-[10px] font-mono font-semibold uppercase tracking-wider",
+                          DIFFICULTY_STYLE[h.difficulty] ??
+                            "bg-white/5 text-foreground-muted border-border",
+                        )}
+                      >
+                        {"★".repeat(h.stars)} {h.difficulty}
+                      </span>
+                      {h.tags.map((t) => (
+                        <span
+                          key={t}
+                          className="px-2 py-0.5 rounded-md border border-border bg-white/[0.03] text-[10px] font-mono font-semibold uppercase tracking-wider text-foreground-muted"
+                        >
+                          {t}
+                        </span>
+                      ))}
+                    </div>
+
+                    <div className="mt-6 pt-5 border-t border-border flex items-center justify-between text-xs">
+                      <div className="flex items-center gap-1.5 text-foreground-muted">
+                        <Calendar className="h-3.5 w-3.5" />
+                        <span>
+                          {h.month} {h.year}
+                        </span>
+                        {firstDate && lastDate && (
+                          <span className="text-foreground-subtle">
+                            · {firstDate.slice(8, 10)}–{lastDate.slice(8, 10)}
+                          </span>
+                        )}
+                      </div>
+                      <ArrowRight className="h-4 w-4 text-foreground-muted group-hover:text-bitcoin group-hover:translate-x-0.5 transition-all" />
+                    </div>
+                  </div>
+                </Link>
+              );
+            })}
+          </div>
+
+          <div className="mt-12 rounded-2xl border border-border bg-background-card p-6 sm:p-8">
+            <div className="flex flex-col sm:flex-row gap-6">
+              <div className="flex-1 min-w-0">
+                <div className="text-[10px] font-mono tracking-widest text-foreground-subtle mb-2">
+                  ESTRUCTURA DE PREMIOS · POR HACKATÓN
+                </div>
+                <h3 className="font-display text-xl font-bold mb-1">
+                  {formatSats(PROGRAM.prizePerHackathon)} sats repartidos entre
+                  los mejores 6 proyectos
+                </h3>
+                <p className="text-sm text-foreground-muted">
+                  Evaluación por jurado AI. Ties se parten según criterio del
+                  comité.
+                </p>
+              </div>
+              <div className="grid grid-cols-3 sm:grid-cols-6 gap-2 self-stretch">
+                {PROGRAM.prizeDistribution.map((slot) => (
+                  <div
+                    key={slot.position}
+                    className="rounded-xl border border-border bg-background-elevated/50 p-3 flex flex-col items-center justify-center text-center"
+                  >
+                    <div className="text-xs font-mono text-foreground-subtle">
+                      {slot.position}°
+                    </div>
+                    <div className="text-sm font-display font-bold tabular-nums mt-1">
+                      {formatSats(slot.sats)}
+                    </div>
+                    <div className="text-[9px] font-mono text-foreground-subtle">
+                      sats
+                    </div>
+                  </div>
+                ))}
+              </div>
+            </div>
+            {PROGRAM.youtube && (
+              <a
+                href={PROGRAM.youtube}
+                target="_blank"
+                rel="noopener noreferrer"
+                className="mt-6 inline-flex items-center gap-2 text-sm text-foreground-muted hover:text-foreground transition-colors"
+              >
+                <CirclePlay className="h-4 w-4" />
+                Mirá las Community Calls en {PROGRAM.organization} YouTube
+              </a>
+            )}
+          </div>
+        </div>
+      </section>
+    </>
+  );
+}
+
+function StatTile({
+  icon,
+  label,
+  value,
+  accent,
+}: {
+  icon: React.ReactNode;
+  label: string;
+  value: string;
+  accent: string;
+}) {
+  return (
+    <div className="rounded-xl border border-border bg-background-card p-4">
+      <div
+        className={cn(
+          "inline-flex items-center gap-1 text-[10px] font-mono tracking-widest mb-2",
+          accent,
+        )}
+      >
+        {icon}
+        {label}
+      </div>
+      <div className="font-display text-xl font-bold tracking-tight">
+        {value}
+      </div>
+    </div>
+  );
+}
diff --git a/app/projects/ProjectsGrid.tsx b/app/projects/ProjectsGrid.tsx
index 987c361..bb01703 100644
--- a/app/projects/ProjectsGrid.tsx
+++ b/app/projects/ProjectsGrid.tsx
@@ -140,24 +140,34 @@ function toDisplay(p: Project): DisplayProject {
 }
 
 function nostrToDisplay(np: CommunityProject): DisplayProject {
+  const team =
+    np.team && np.team.length > 0
+      ? np.team.map((m) => ({
+          name: m.name,
+          github: m.github ?? "",
+          role: m.role,
+        }))
+      : [
+          {
+            name: `${np.author.slice(0, 8)}…${np.author.slice(-4)}`,
+            github: "",
+            role: "Builder",
+          },
+        ];
   return {
     id: `nostr:${np.author}:${np.id}`,
     name: np.name,
     description: np.description ?? "",
-    status: "live",
-    tags: np.tags ?? [],
-    tech: np.tags,
-    team: [
-      {
-        name: `${np.author.slice(0, 8)}…${np.author.slice(-4)}`,
-        github: "",
-        role: "Builder",
-      },
-    ],
+    status: np.status ?? "submitted",
+    tags: np.tech ?? [],
+    tech: np.tech,
+    team,
     repo: np.repo,
-    demo: np.url,
-    website: np.url,
-    year: new Date(np.eventCreatedAt * 1000).getFullYear(),
+    demo: np.demo,
+    hackathon:
+      np.hackathon === "foundations" || np.hackathon === "identity"
+        ? np.hackathon
+        : undefined,
     source: "nostr",
     author: np.author,
     nostrCreatedAt: np.eventCreatedAt,
diff --git a/components/Footer.tsx b/components/Footer.tsx
index 761ca76..63ffac6 100644
--- a/components/Footer.tsx
+++ b/components/Footer.tsx
@@ -15,11 +15,7 @@ const COLS = [
   {
     title: "Comunidad",
     links: [
-      {
-        href: "https://hackaton.lacrypta.ar/",
-        label: "Hackatones",
-        external: true,
-      },
+      { href: "/hackathons", label: "Hackatones" },
       {
         href: "https://lacrypta.ar",
         label: "La Crypta",
diff --git a/components/ImageCropModal.tsx b/components/ImageCropModal.tsx
new file mode 100644
index 0000000..4648b6b
--- /dev/null
+++ b/components/ImageCropModal.tsx
@@ -0,0 +1,512 @@
+"use client";
+
+/**
+ * Image crop modal — pan + zoom with aspect-ratio constraint.
+ *
+ * Flow:
+ *   1. Consumer gives us a `File` plus a target `aspect` ratio (e.g. 1 for
+ *      an avatar, 3 for a 3:1 banner).
+ *   2. We show the raw image inside a fixed crop viewport, initially
+ *      "cover"-fit so the whole viewport is filled at minimum zoom.
+ *   3. User can drag to pan and scroll (or use the slider) to zoom; the
+ *      image is clamped so it always covers the viewport.
+ *   4. On confirm we render the visible crop onto a canvas at a target
+ *      resolution and hand back a Blob.
+ */
+
+import { AnimatePresence, motion } from "framer-motion";
+import {
+  Check,
+  Crop as CropIcon,
+  Loader2,
+  X,
+  ZoomIn,
+  ZoomOut,
+} from "lucide-react";
+import {
+  useCallback,
+  useEffect,
+  useMemo,
+  useRef,
+  useState,
+} from "react";
+import { useScrollLock } from "@/lib/useScrollLock";
+import { cn } from "@/lib/cn";
+
+export type CropResult = {
+  blob: Blob;
+  /** Suggested filename (original basename + recomputed extension). */
+  filename: string;
+  /** MIME type of the produced blob. */
+  type: string;
+};
+
+type Props = {
+  open: boolean;
+  /** Source file. Must be an image (`image/*`). */
+  file: File | null;
+  /** Target aspect ratio (width / height). `1` for square. */
+  aspect: number;
+  /** Heading shown at the top of the modal. */
+  title: string;
+  /** Short text under the heading (e.g. "Avatar 1:1"). */
+  hint?: string;
+  /** Max longest-edge output pixel size. Avatars can go 1024, banners 1500. */
+  maxOutputPx?: number;
+  /** Encoding — "image/jpeg" gives smaller files, "image/png" preserves
+   *  transparency. If omitted we follow the source. */
+  outputType?: "image/jpeg" | "image/png";
+  /** JPEG quality when outputting as jpeg (0–1). */
+  quality?: number;
+  onConfirm: (result: CropResult) => void;
+  onCancel: () => void;
+};
+
+const MIN_SCALE = 1;
+const MAX_SCALE = 5;
+const WHEEL_STEP = 0.01;
+
+export default function ImageCropModal({
+  open,
+  file,
+  aspect,
+  title,
+  hint,
+  maxOutputPx = 1500,
+  outputType,
+  quality = 0.92,
+  onConfirm,
+  onCancel,
+}: Props) {
+  const [imgSrc, setImgSrc] = useState<string | null>(null);
+  const [natural, setNatural] = useState<{ w: number; h: number } | null>(null);
+  const [scale, setScale] = useState(1);
+  const [offset, setOffset] = useState({ x: 0, y: 0 });
+  const [processing, setProcessing] = useState(false);
+  const [imgReady, setImgReady] = useState(false);
+
+  const dragRef = useRef<{
+    startX: number;
+    startY: number;
+    originX: number;
+    originY: number;
+  } | null>(null);
+
+  useScrollLock(open);
+
+  // Load the file into an object URL, reset transform each time.
+  useEffect(() => {
+    if (!file || !open) {
+      setImgSrc(null);
+      setNatural(null);
+      setImgReady(false);
+      return;
+    }
+    const url = URL.createObjectURL(file);
+    setImgSrc(url);
+    setScale(1);
+    setOffset({ x: 0, y: 0 });
+    setNatural(null);
+    setImgReady(false);
+    return () => URL.revokeObjectURL(url);
+  }, [file, open]);
+
+  // Viewport (crop area) dimensions — sized to comfortably fit in the modal
+  // on both mobile and desktop. Width scales by aspect to keep one edge fixed.
+  const viewport = useMemo(() => {
+    if (aspect >= 1) {
+      // Landscape or square — fix width at a friendly max, compute height.
+      const maxW = 420;
+      const w = maxW;
+      const h = Math.round(w / aspect);
+      return { w, h };
+    }
+    // Portrait — fix height
+    const maxH = 420;
+    const h = maxH;
+    const w = Math.round(h * aspect);
+    return { w, h };
+  }, [aspect]);
+
+  // Base "cover-fit" displayed dimensions at scale=1. The image's shortest
+  // edge lines up with the viewport so there's no empty space even at min
+  // zoom. Zoom > 1 multiplies both axes.
+  const baseDims = useMemo(() => {
+    if (!natural) return null;
+    const imgR = natural.w / natural.h;
+    const contR = viewport.w / viewport.h;
+    if (imgR > contR) {
+      // Image wider than viewport → match heights
+      return { w: viewport.h * imgR, h: viewport.h };
+    }
+    return { w: viewport.w, h: viewport.w / imgR };
+  }, [natural, viewport.w, viewport.h]);
+
+  const displayedDims = useMemo(() => {
+    if (!baseDims) return null;
+    return { w: baseDims.w * scale, h: baseDims.h * scale };
+  }, [baseDims, scale]);
+
+  // Center offset (top-left coordinate of the image inside the viewport).
+  // When the image is larger than the viewport the translate is negative.
+  const clampOffset = useCallback(
+    (pt: { x: number; y: number }, dw: number, dh: number) => {
+      const maxX = 0;
+      const minX = viewport.w - dw;
+      const maxY = 0;
+      const minY = viewport.h - dh;
+      return {
+        x: Math.min(maxX, Math.max(minX, pt.x)),
+        y: Math.min(maxY, Math.max(minY, pt.y)),
+      };
+    },
+    [viewport.w, viewport.h],
+  );
+
+  // When natural/baseDims arrive (image loaded), center the image in the
+  // viewport. Subsequent zoom steps re-clamp around the existing focal point.
+  useEffect(() => {
+    if (!displayedDims) return;
+    setOffset((prev) => {
+      // If this is the first positioning (offset still at 0,0 with a bigger
+      // image), auto-center. Otherwise re-clamp around wherever the user
+      // left it.
+      if (prev.x === 0 && prev.y === 0) {
+        return clampOffset(
+          {
+            x: (viewport.w - displayedDims.w) / 2,
+            y: (viewport.h - displayedDims.h) / 2,
+          },
+          displayedDims.w,
+          displayedDims.h,
+        );
+      }
+      return clampOffset(prev, displayedDims.w, displayedDims.h);
+    });
+  }, [
+    displayedDims?.w,
+    displayedDims?.h,
+    clampOffset,
+    viewport.w,
+    viewport.h,
+  ]);
+
+  // When user zooms, re-center around the middle of the viewport so the
+  // image doesn't drift toward a corner.
+  const setScaleKeepCenter = useCallback(
+    (nextScale: number) => {
+      setScale((prev) => {
+        const clamped = Math.min(MAX_SCALE, Math.max(MIN_SCALE, nextScale));
+        if (!baseDims) return clamped;
+        // Compute new displayed dims
+        const nw = baseDims.w * clamped;
+        const nh = baseDims.h * clamped;
+        setOffset((prevOffset) => {
+          // Focal point in image coords (prev): center of viewport
+          const fx = viewport.w / 2 - prevOffset.x;
+          const fy = viewport.h / 2 - prevOffset.y;
+          const ratio = clamped / prev;
+          const nfx = fx * ratio;
+          const nfy = fy * ratio;
+          return clampOffset(
+            {
+              x: viewport.w / 2 - nfx,
+              y: viewport.h / 2 - nfy,
+            },
+            nw,
+            nh,
+          );
+        });
+        return clamped;
+      });
+    },
+    [baseDims, clampOffset, viewport.w, viewport.h],
+  );
+
+  function onPointerDown(e: React.PointerEvent<HTMLDivElement>) {
+    if (!imgReady) return;
+    e.currentTarget.setPointerCapture(e.pointerId);
+    dragRef.current = {
+      startX: e.clientX,
+      startY: e.clientY,
+      originX: offset.x,
+      originY: offset.y,
+    };
+  }
+
+  function onPointerMove(e: React.PointerEvent<HTMLDivElement>) {
+    if (!dragRef.current || !displayedDims) return;
+    const dx = e.clientX - dragRef.current.startX;
+    const dy = e.clientY - dragRef.current.startY;
+    setOffset(
+      clampOffset(
+        {
+          x: dragRef.current.originX + dx,
+          y: dragRef.current.originY + dy,
+        },
+        displayedDims.w,
+        displayedDims.h,
+      ),
+    );
+  }
+
+  function onPointerUp() {
+    dragRef.current = null;
+  }
+
+  function onWheel(e: React.WheelEvent<HTMLDivElement>) {
+    e.preventDefault();
+    setScaleKeepCenter(scale - e.deltaY * WHEEL_STEP);
+  }
+
+  useEffect(() => {
+    if (!open) return;
+    const onKey = (e: KeyboardEvent) => {
+      if (e.key === "Escape" && !processing) onCancel();
+    };
+    window.addEventListener("keydown", onKey);
+    return () => window.removeEventListener("keydown", onKey);
+  }, [open, onCancel, processing]);
+
+  async function handleConfirm() {
+    if (!file || !imgSrc || !natural || !displayedDims) return;
+    setProcessing(true);
+    try {
+      // Source rect in natural-image coordinates:
+      // pixels per displayed-unit = natural.w / displayedDims.w
+      const scaleFactor = natural.w / displayedDims.w;
+      const sx = (0 - offset.x) * scaleFactor;
+      const sy = (0 - offset.y) * scaleFactor;
+      const sw = viewport.w * scaleFactor;
+      const sh = viewport.h * scaleFactor;
+
+      // Target canvas. Cap the longest edge at maxOutputPx; preserve aspect.
+      let outW: number;
+      let outH: number;
+      if (aspect >= 1) {
+        outW = Math.min(maxOutputPx, Math.round(sw));
+        outH = Math.round(outW / aspect);
+      } else {
+        outH = Math.min(maxOutputPx, Math.round(sh));
+        outW = Math.round(outH * aspect);
+      }
+
+      const canvas = document.createElement("canvas");
+      canvas.width = outW;
+      canvas.height = outH;
+      const ctx = canvas.getContext("2d");
+      if (!ctx) throw new Error("Canvas 2D context unavailable");
+
+      // Wait for a fresh <img> to load. `img.decode()` can stall on some
+      // browsers when the src is a blob URL, so we use the load/error
+      // events directly which are rock-solid across engines.
+      const img = await new Promise<HTMLImageElement>((resolve, reject) => {
+        const i = new Image();
+        i.onload = () => resolve(i);
+        i.onerror = () => reject(new Error("Image load failed"));
+        i.src = imgSrc;
+      });
+
+      ctx.imageSmoothingEnabled = true;
+      ctx.imageSmoothingQuality = "high";
+      ctx.drawImage(img, sx, sy, sw, sh, 0, 0, outW, outH);
+
+      const type =
+        outputType ??
+        (file.type === "image/png" ? "image/png" : "image/jpeg");
+      const blob: Blob | null = await new Promise((res) =>
+        canvas.toBlob(res, type, type === "image/jpeg" ? quality : undefined),
+      );
+      if (!blob) throw new Error("canvas.toBlob returned null");
+
+      const ext = type === "image/png" ? "png" : "jpg";
+      const base = file.name.replace(/\.[^.]+$/, "") || "image";
+      onConfirm({
+        blob,
+        filename: `${base}-cropped.${ext}`,
+        type,
+      });
+    } catch (e) {
+      console.error("[ImageCropModal] confirm failed", e);
+    } finally {
+      setProcessing(false);
+    }
+  }
+
+  return (
+    <AnimatePresence mode="wait">
+      {open && (
+        <motion.div
+          key="crop-modal"
+          initial={{ opacity: 0 }}
+          animate={{ opacity: 1 }}
+          exit={{ opacity: 0 }}
+          transition={{ duration: 0.2 }}
+          className="fixed inset-0 z-[110] flex items-center justify-center p-4"
+        >
+          <motion.div
+            initial={{ opacity: 0 }}
+            animate={{ opacity: 1 }}
+            exit={{ opacity: 0 }}
+            onClick={() => !processing && onCancel()}
+            className="absolute inset-0 bg-black/85 backdrop-blur-md"
+          />
+          <motion.div
+            initial={{ opacity: 0, scale: 0.95, y: 20 }}
+            animate={{ opacity: 1, scale: 1, y: 0 }}
+            exit={{ opacity: 0, scale: 0.95, y: 20 }}
+            transition={{ type: "spring", damping: 25, stiffness: 300 }}
+            className="relative w-full max-w-lg glass-strong rounded-2xl border border-border-strong overflow-hidden"
+          >
+            <div className="absolute -top-px left-1/2 -translate-x-1/2 w-[40%] h-px bg-gradient-to-r from-transparent via-bitcoin to-transparent" />
+
+            <div className="relative flex items-center justify-between gap-3 px-6 pt-5 pb-4 border-b border-border">
+              <div className="flex items-center gap-3 min-w-0">
+                <div className="h-9 w-9 shrink-0 rounded-lg bg-bitcoin/15 border border-bitcoin/30 flex items-center justify-center">
+                  <CropIcon className="h-4 w-4 text-bitcoin" />
+                </div>
+                <div className="min-w-0">
+                  <h2 className="font-display font-bold text-lg leading-tight truncate">
+                    {title}
+                  </h2>
+                  {hint && (
+                    <p className="text-[10px] font-mono uppercase tracking-widest text-foreground-subtle">
+                      {hint}
+                    </p>
+                  )}
+                </div>
+              </div>
+              <button
+                type="button"
+                onClick={() => !processing && onCancel()}
+                disabled={processing}
+                className="p-2 rounded-lg text-foreground-muted hover:text-foreground hover:bg-white/5 transition-colors disabled:opacity-50"
+                aria-label="Cerrar"
+              >
+                <X className="h-5 w-5" />
+              </button>
+            </div>
+
+            <div className="relative px-6 py-5">
+              {/* Crop viewport */}
+              <div className="flex justify-center">
+                <div
+                  style={{ width: viewport.w, height: viewport.h }}
+                  className={cn(
+                    "relative overflow-hidden rounded-lg bg-black/60 border border-border touch-none select-none",
+                    imgReady ? "cursor-grab active:cursor-grabbing" : "cursor-progress",
+                  )}
+                  onPointerDown={onPointerDown}
+                  onPointerMove={onPointerMove}
+                  onPointerUp={onPointerUp}
+                  onPointerCancel={onPointerUp}
+                  onWheel={onWheel}
+                >
+                  {imgSrc && (
+                    // eslint-disable-next-line @next/next/no-img-element
+                    <img
+                      src={imgSrc}
+                      alt="Para recortar"
+                      onLoad={(e) => {
+                        const el = e.currentTarget;
+                        setNatural({
+                          w: el.naturalWidth,
+                          h: el.naturalHeight,
+                        });
+                        setImgReady(true);
+                      }}
+                      style={
+                        displayedDims
+                          ? {
+                              width: displayedDims.w,
+                              height: displayedDims.h,
+                              transform: `translate(${offset.x}px, ${offset.y}px)`,
+                            }
+                          : { opacity: 0 }
+                      }
+                      className="absolute top-0 left-0 max-w-none pointer-events-none"
+                      draggable={false}
+                    />
+                  )}
+                  {!imgReady && (
+                    <div className="absolute inset-0 flex items-center justify-center">
+                      <Loader2 className="h-5 w-5 animate-spin text-foreground-muted" />
+                    </div>
+                  )}
+                  {/* Subtle outline so user sees crop bounds even over a
+                      busy image. */}
+                  <div className="absolute inset-0 ring-1 ring-inset ring-white/20 pointer-events-none rounded-lg" />
+                </div>
+              </div>
+
+              {/* Zoom controls */}
+              <div className="mt-4 flex items-center gap-3">
+                <button
+                  type="button"
+                  onClick={() => setScaleKeepCenter(scale - 0.25)}
+                  disabled={scale <= MIN_SCALE || !imgReady || processing}
+                  className="p-1.5 rounded-lg border border-border bg-white/[0.02] hover:bg-white/[0.06] disabled:opacity-40"
+                  aria-label="Reducir zoom"
+                >
+                  <ZoomOut className="h-4 w-4" />
+                </button>
+                <input
+                  type="range"
+                  min={MIN_SCALE}
+                  max={MAX_SCALE}
+                  step={0.01}
+                  value={scale}
+                  onChange={(e) => setScaleKeepCenter(Number(e.target.value))}
+                  disabled={!imgReady || processing}
+                  className="flex-1 accent-bitcoin"
+                  aria-label="Zoom"
+                />
+                <button
+                  type="button"
+                  onClick={() => setScaleKeepCenter(scale + 0.25)}
+                  disabled={scale >= MAX_SCALE || !imgReady || processing}
+                  className="p-1.5 rounded-lg border border-border bg-white/[0.02] hover:bg-white/[0.06] disabled:opacity-40"
+                  aria-label="Aumentar zoom"
+                >
+                  <ZoomIn className="h-4 w-4" />
+                </button>
+              </div>
+              <p className="mt-2 text-[10px] font-mono text-foreground-subtle text-center">
+                arrastrá para reposicionar · rueda o slider para zoom
+              </p>
+            </div>
+
+            <div className="relative px-6 py-4 bg-black/30 border-t border-border flex items-center justify-end gap-3">
+              <button
+                type="button"
+                onClick={onCancel}
+                disabled={processing}
+                className="px-4 py-2 rounded-lg text-sm font-semibold text-foreground-muted hover:text-foreground hover:bg-white/5 disabled:opacity-50"
+              >
+                Cancelar
+              </button>
+              <button
+                type="button"
+                onClick={handleConfirm}
+                disabled={!imgReady || processing}
+                className="inline-flex items-center gap-2 px-4 py-2 rounded-lg text-sm font-semibold bg-gradient-to-r from-bitcoin to-yellow-500 text-black disabled:opacity-60 disabled:cursor-progress"
+              >
+                {processing ? (
+                  <>
+                    <Loader2 className="h-4 w-4 animate-spin" />
+                    Procesando…
+                  </>
+                ) : (
+                  <>
+                    <Check className="h-4 w-4" />
+                    Usar recorte
+                  </>
+                )}
+              </button>
+            </div>
+          </motion.div>
+        </motion.div>
+      )}
+    </AnimatePresence>
+  );
+}
diff --git a/components/LoginModal.tsx b/components/LoginModal.tsx
index 1fe4e0f..728301a 100644
--- a/components/LoginModal.tsx
+++ b/components/LoginModal.tsx
@@ -14,6 +14,7 @@ import {
   Link as LinkIcon,
   QrCode,
   Loader2,
+  Wand2,
 } from "lucide-react";
 import { useEffect, useRef, useState } from "react";
 import { useRouter } from "next/navigation";
@@ -174,6 +175,42 @@ export default function LoginModal({
     }
   }
 
+  /**
+   * Creates a throwaway identity by generating a random nsec locally,
+   * deriving the pubkey, and persisting both in `labs:auth` so the existing
+   * signer flow (`getSigner` → `method:"local"`) can sign events without
+   * any external extension or bunker. Intended for dev / quick demos.
+   */
+  async function handleRandomUser() {
+    try {
+      const { generateSecretKey, getPublicKey, nip19 } = await import(
+        "nostr-tools"
+      );
+      const sk = generateSecretKey(); // Uint8Array (32 bytes)
+      const pubkey = getPublicKey(sk);
+      setAuth({
+        method: "local",
+        pubkey,
+        localSecret: Array.from(sk),
+      });
+      const npub = nip19.npubEncode(pubkey);
+      pushToast({
+        kind: "info",
+        title: "Usuario aleatorio creado",
+        description: `${npub.slice(0, 14)}…${npub.slice(-6)} · la clave queda en localStorage (sólo dev).`,
+        duration: 8000,
+      });
+      router.push("/dashboard");
+      onClose();
+    } catch (e) {
+      pushToast({
+        kind: "error",
+        title: "No se pudo generar el usuario",
+        description: e instanceof Error ? e.message : String(e),
+      });
+    }
+  }
+
   async function handleBunkerConnect() {
     setNcState("connecting");
     setNcError(null);
@@ -651,6 +688,20 @@ export default function LoginModal({
                         Empezá acá →
                       </a>
                     </p>
+
+                    <div className="pt-1 flex flex-col items-center gap-1">
+                      <button
+                        type="button"
+                        onClick={handleRandomUser}
+                        className="inline-flex items-center gap-1.5 px-3 py-1.5 rounded-full border border-dashed border-foreground-subtle/40 bg-white/[0.02] hover:bg-white/[0.06] hover:border-nostr/50 text-[11px] font-mono tracking-wider text-foreground-muted hover:text-nostr transition-colors"
+                      >
+                        <Wand2 className="h-3 w-3" />
+                        Generar usuario random
+                      </button>
+                      <span className="text-[9px] text-foreground-subtle">
+                        dev · nsec guardada en localStorage
+                      </span>
+                    </div>
                   </motion.div>
                 )}
 
diff --git a/components/Navbar.tsx b/components/Navbar.tsx
index af4ce4c..7786aa2 100644
--- a/components/Navbar.tsx
+++ b/components/Navbar.tsx
@@ -16,9 +16,10 @@ import {
 import Logo from "./Logo";
 import LoginModal from "./LoginModal";
 import { cn } from "@/lib/cn";
-import { useAuth, clearAuth } from "@/lib/auth";
+import { useAuth, clearAuth, readAndClearLogoutReason } from "@/lib/auth";
 import { useScrollLock } from "@/lib/useScrollLock";
 import { useNostrProfile } from "@/lib/nostrProfile";
+import { useToast } from "./Toast";
 
 type NavLink = {
   href: string;
@@ -30,11 +31,7 @@ const NAV_LINKS: NavLink[] = [
   { href: "/", label: "Inicio" },
   { href: "/infrastructure", label: "Infraestructura" },
   { href: "/projects", label: "Proyectos" },
-  {
-    href: "https://hackaton.lacrypta.ar/",
-    label: "Hackatones",
-    external: true,
-  },
+  { href: "/hackathons", label: "Hackatones" },
 ];
 
 export default function Navbar() {
@@ -45,13 +42,36 @@ export default function Navbar() {
   const [scrolled, setScrolled] = useState(false);
   const [mobileOpen, setMobileOpen] = useState(false);
   const [loginOpen, setLoginOpen] = useState(false);
+  const { push: pushToast } = useToast();
 
   function handleLogout() {
-    clearAuth();
+    clearAuth("user");
     setMobileOpen(false);
     if (pathname.startsWith("/dashboard")) router.push("/");
   }
 
+  // If the session was cleared by the auth probe (NIP-07 extension vanished
+  // on reload), surface a contextual toast so the user knows why they need
+  // to reconnect. The Navbar is layout-persistent so we can't rely on the
+  // mount effect — instead we consume the reason whenever `auth` is null,
+  // which fires both on initial mount and on clearAuth().
+  useEffect(() => {
+    if (auth) return;
+    const reason = readAndClearLogoutReason();
+    if (!reason) return;
+    if (reason === "signer-missing") {
+      pushToast({
+        kind: "info",
+        title: "Se cerró la sesión",
+        description:
+          "Tu extensión Nostr (Alby, nos2x…) no está disponible. Reconectá para volver a firmar.",
+        duration: 10000,
+      });
+      // Surface the login modal so the action is one click away.
+      setLoginOpen(true);
+    }
+  }, [auth, pushToast]);
+
   useEffect(() => {
     const onScroll = () => setScrolled(window.scrollY > 8);
     onScroll();
diff --git a/components/sections/Hero.tsx b/components/sections/Hero.tsx
index ff289dc..4239f9d 100644
--- a/components/sections/Hero.tsx
+++ b/components/sections/Hero.tsx
@@ -4,6 +4,13 @@ import { motion } from "framer-motion";
 import Link from "next/link";
 import { ArrowRight, Sparkles, Zap } from "lucide-react";
 import { GithubIcon } from "@/components/BrandIcons";
+import {
+  HACKATHONS,
+  PROGRAM,
+  allProjects,
+  formatSats,
+} from "@/lib/hackathons";
+import { PROJECTS } from "@/lib/projects";
 
 export default function Hero() {
   return (
@@ -132,11 +139,34 @@ export default function Hero() {
 }
 
 function HeroStats() {
+  const curatedCount = PROJECTS.length;
+  const hackathonProjects = allProjects().length;
+  const totalProjects = curatedCount + hackathonProjects;
+  const buildersCount = new Set(
+    allProjects().flatMap((p) => p.team.map((m) => m.name.toLowerCase())),
+  ).size;
+
   const stats = [
-    { label: "Proyectos open source", value: "24+", accent: "text-bitcoin" },
-    { label: "Builders en la comunidad", value: "500+", accent: "text-nostr" },
-    { label: "Eventos organizados", value: "40+", accent: "text-cyan" },
-    { label: "Nodo Lightning", value: "Público", accent: "text-lightning" },
+    {
+      label: "Proyectos open source",
+      value: `${totalProjects}+`,
+      accent: "text-bitcoin",
+    },
+    {
+      label: "Builders en hackatones",
+      value: `${buildersCount}+`,
+      accent: "text-nostr",
+    },
+    {
+      label: "Hackatones 2026",
+      value: String(HACKATHONS.length),
+      accent: "text-cyan",
+    },
+    {
+      label: "Premios totales",
+      value: `${formatSats(PROGRAM.totalPrize)} sats`,
+      accent: "text-lightning",
+    },
   ];
 
   return (
diff --git a/data/hackathons/hackathons.json b/data/hackathons/hackathons.json
new file mode 100644
index 0000000..7658798
--- /dev/null
+++ b/data/hackathons/hackathons.json
@@ -0,0 +1,201 @@
+{
+  "program": {
+    "name": "Lightning Hackathons 2026",
+    "organization": "La Crypta",
+    "youtube": "https://www.youtube.com/@LaCryptaOk",
+    "totalPrize": 8000000,
+    "prizePerHackathon": 1000000,
+    "prizeDistribution": [
+      { "position": 1, "sats": 400000 },
+      { "position": 2, "sats": 250000 },
+      { "position": 3, "sats": 150000 },
+      { "position": 4, "sats": 100000 },
+      { "position": 5, "sats": 60000 },
+      { "position": 6, "sats": 40000 }
+    ],
+    "maxTeamSize": 4,
+    "judges": [
+      { "name": "Claudio", "emoji": "⚡", "model": "Claude Opus 4.6" },
+      { "name": "Gorilatron", "emoji": "🤖", "model": "OpenAI Codex 5.4" },
+      { "name": "Gorilator", "emoji": "🦍", "model": "Claude Opus 4.6" }
+    ],
+    "rules": [
+      "Hasta {maxTeamSize} personas por equipo.",
+      "Inscripción abierta al primer sábado, cierre al tercero.",
+      "Open source recomendado — sumá puntos por licencia.",
+      "Evaluación por jurado AI: {judges}."
+    ]
+  },
+  "hackathons": [
+    {
+      "id": "foundations",
+      "number": 1,
+      "name": "FOUNDATIONS",
+      "focus": "Lightning Payments Basics",
+      "description": "Invoices, pagos, wallets. El ABC de Lightning Network.",
+      "difficulty": "Beginner",
+      "stars": 1,
+      "month": "Marzo",
+      "monthShort": "MAR",
+      "year": 2026,
+      "icon": "⚡",
+      "tags": ["Lightning"],
+      "topics": ["Invoices & Payments", "Wallets & Keys", "APIs & SDKs", "Dev Tools"],
+      "dates": [
+        { "date": "2026-03-03", "day": 3, "type": "apertura", "title": "Community Call — Apertura", "description": "Se abre el formulario de inscripción. Podés anotarte solo o en grupo (máx 4 personas).", "youtube": "https://www.youtube.com/watch?v=RKUlQi-Uja8" },
+        { "date": "2026-03-10", "day": 10, "type": "pitch", "title": "Community Call — Pitches", "description": "Presentá tu proyecto en 3 minutos. Recibí feedback de la comunidad y los mentores.", "youtube": "https://www.youtube.com/watch?v=3sXD0EWWEdo" },
+        { "date": "2026-03-17", "day": 17, "type": "cierre", "title": "Community Call — Cierre inscripciones", "description": "Último día para inscribirte con un proyecto completo.", "youtube": "https://www.youtube.com/watch?v=XNOSG2ngm0c" },
+        { "date": "2026-03-24", "day": 24, "type": "pitch-final", "title": "Community Call — Pitch Final", "description": "Últimos pitches antes de la entrega. Feedback final de mentores.", "youtube": "https://www.youtube.com/watch?v=W9Fw72-jFX0" },
+        { "date": "2026-03-31", "day": 31, "type": "premios", "title": "Community Call — Entrega de premios", "description": "El jurado AI evalúa los proyectos. Anuncio de ganadores en vivo.", "youtube": "https://www.youtube.com/watch?v=kt_p61qPFcA" }
+      ]
+    },
+    {
+      "id": "identity",
+      "number": 2,
+      "name": "IDENTITY",
+      "focus": "Nostr Identity & Social",
+      "description": "Perfiles, keys, relays. Identidad descentralizada.",
+      "difficulty": "Beginner",
+      "stars": 1,
+      "month": "Abril",
+      "monthShort": "ABR",
+      "year": 2026,
+      "icon": "🔐",
+      "tags": ["Nostr"],
+      "topics": ["Keys & Signing", "Profiles & Metadata", "Relays", "NIP-01 Basics"],
+      "dates": [
+        { "date": "2026-04-07", "day": 7, "type": "apertura", "title": "Community Call — Apertura", "description": "Se abre el formulario de inscripción. Podés anotarte solo o en grupo (máx 4 personas).", "youtube": "https://www.youtube.com/watch?v=-v0UEpVOsXs" },
+        { "date": "2026-04-21", "day": 21, "type": "pitch", "title": "Community Call — Pitches", "description": "Presentá tu proyecto en 3 minutos. Recibí feedback de la comunidad y los mentores.", "youtube": "https://www.youtube.com/watch?v=H2HBZhx4H-Q" },
+        { "date": "2026-04-28", "day": 28, "type": "premios", "title": "Community Call — Entrega de premios", "description": "El jurado AI evalúa los proyectos. Anuncio de ganadores en vivo." }
+      ]
+    },
+    {
+      "id": "zaps",
+      "number": 3,
+      "name": "ZAPS",
+      "focus": "Lightning + Nostr Integration",
+      "description": "NIP-57. Value-for-value. Social payments.",
+      "difficulty": "Intermediate",
+      "stars": 2,
+      "month": "Mayo",
+      "monthShort": "MAY",
+      "year": 2026,
+      "icon": "💜",
+      "tags": ["Lightning", "Nostr"],
+      "topics": ["NIP-57 Zaps", "LNURL", "Value4Value", "Social Payments"],
+      "dates": [
+        { "date": "2026-05-05", "day": 5, "type": "apertura", "title": "Community Call — Apertura", "description": "Se abre el formulario de inscripción. Podés anotarte solo o en grupo (máx 4 personas)." },
+        { "date": "2026-05-12", "day": 12, "type": "pitch", "title": "Community Call — Pitches", "description": "Presentá tu proyecto en 3 minutos. Recibí feedback de la comunidad y los mentores." },
+        { "date": "2026-05-19", "day": 19, "type": "cierre", "title": "Community Call — Cierre inscripciones", "description": "Último día para inscribirte con un proyecto completo." },
+        { "date": "2026-05-26", "day": 26, "type": "premios", "title": "Community Call — Entrega de premios", "description": "El jurado AI evalúa los proyectos. Anuncio de ganadores en vivo." }
+      ]
+    },
+    {
+      "id": "commerce",
+      "number": 4,
+      "name": "COMMERCE",
+      "focus": "Lightning Stores & Checkout",
+      "description": "Tiendas, productos, pagos recurrentes.",
+      "difficulty": "Intermediate",
+      "stars": 2,
+      "month": "Junio",
+      "monthShort": "JUN",
+      "year": 2026,
+      "icon": "🛒",
+      "tags": ["E-commerce", "Lightning"],
+      "topics": ["BTCPay Server", "Point of Sale", "Subscriptions", "Checkout Flows"],
+      "dates": [
+        { "date": "2026-06-02", "day": 2, "type": "apertura", "title": "Community Call — Apertura", "description": "Se abre el formulario de inscripción. Podés anotarte solo o en grupo (máx 4 personas)." },
+        { "date": "2026-06-09", "day": 9, "type": "pitch", "title": "Community Call — Pitches", "description": "Presentá tu proyecto en 3 minutos. Recibí feedback de la comunidad y los mentores." },
+        { "date": "2026-06-16", "day": 16, "type": "cierre", "title": "Community Call — Cierre inscripciones", "description": "Último día para inscribirte con un proyecto completo." },
+        { "date": "2026-06-23", "day": 23, "type": "pitch-final", "title": "Community Call — Pitch Final", "description": "Últimos pitches antes de la entrega. Feedback final de mentores." },
+        { "date": "2026-06-30", "day": 30, "type": "premios", "title": "Community Call — Entrega de premios", "description": "El jurado AI evalúa los proyectos. Anuncio de ganadores en vivo." }
+      ]
+    },
+    {
+      "id": "media",
+      "number": 5,
+      "name": "MEDIA",
+      "focus": "Decentralized Storage",
+      "description": "Blossom, CDN descentralizado, media + Lightning.",
+      "difficulty": "Advanced",
+      "stars": 3,
+      "month": "Julio",
+      "monthShort": "JUL",
+      "year": 2026,
+      "icon": "📸",
+      "tags": ["Blossom", "CDN", "Media"],
+      "topics": ["Blossom Protocol", "Media Hosting", "CDN Decentralizado", "Monetización"],
+      "dates": [
+        { "date": "2026-07-07", "day": 7, "type": "apertura", "title": "Community Call — Apertura", "description": "Se abre el formulario de inscripción. Podés anotarte solo o en grupo (máx 4 personas)." },
+        { "date": "2026-07-14", "day": 14, "type": "pitch", "title": "Community Call — Pitches", "description": "Presentá tu proyecto en 3 minutos. Recibí feedback de la comunidad y los mentores." },
+        { "date": "2026-07-21", "day": 21, "type": "cierre", "title": "Community Call — Cierre inscripciones", "description": "Último día para inscribirte con un proyecto completo." },
+        { "date": "2026-07-28", "day": 28, "type": "premios", "title": "Community Call — Entrega de premios", "description": "El jurado AI evalúa los proyectos. Anuncio de ganadores en vivo." }
+      ]
+    },
+    {
+      "id": "ai-agents",
+      "number": 6,
+      "name": "AI AGENTS",
+      "focus": "Bots & Automation",
+      "description": "Agentes autónomos, workflows, AI + Bitcoin.",
+      "difficulty": "Advanced",
+      "stars": 3,
+      "month": "Agosto",
+      "monthShort": "AGO",
+      "year": 2026,
+      "icon": "🤖",
+      "tags": ["AI", "Automation", "Bitcoin"],
+      "topics": ["Agentes Autónomos", "LLM + Lightning", "Workflows", "NWC"],
+      "dates": [
+        { "date": "2026-08-04", "day": 4, "type": "apertura", "title": "Community Call — Apertura", "description": "Se abre el formulario de inscripción. Podés anotarte solo o en grupo (máx 4 personas)." },
+        { "date": "2026-08-11", "day": 11, "type": "pitch", "title": "Community Call — Pitches", "description": "Presentá tu proyecto en 3 minutos. Recibí feedback de la comunidad y los mentores." },
+        { "date": "2026-08-18", "day": 18, "type": "cierre", "title": "Community Call — Cierre inscripciones", "description": "Último día para inscribirte con un proyecto completo." },
+        { "date": "2026-08-25", "day": 25, "type": "premios", "title": "Community Call — Entrega de premios", "description": "El jurado AI evalúa los proyectos. Anuncio de ganadores en vivo." }
+      ]
+    },
+    {
+      "id": "infrastructure",
+      "number": 7,
+      "name": "INFRASTRUCTURE",
+      "focus": "Nodes, Routing, Liquidity",
+      "description": "Nodos, channels, liquidity management.",
+      "difficulty": "Expert",
+      "stars": 4,
+      "month": "Septiembre",
+      "monthShort": "SEP",
+      "year": 2026,
+      "icon": "🏗️",
+      "tags": ["Nodes", "Routing", "Infrastructure"],
+      "topics": ["LND / CLN", "Channel Management", "Liquidity", "Routing Fees"],
+      "dates": [
+        { "date": "2026-09-01", "day": 1, "type": "apertura", "title": "Community Call — Apertura", "description": "Se abre el formulario de inscripción. Podés anotarte solo o en grupo (máx 4 personas)." },
+        { "date": "2026-09-08", "day": 8, "type": "pitch", "title": "Community Call — Pitches", "description": "Presentá tu proyecto en 3 minutos. Recibí feedback de la comunidad y los mentores." },
+        { "date": "2026-09-15", "day": 15, "type": "cierre", "title": "Community Call — Cierre inscripciones", "description": "Último día para inscribirte con un proyecto completo." },
+        { "date": "2026-09-22", "day": 22, "type": "pitch-final", "title": "Community Call — Pitch Final", "description": "Últimos pitches antes de la entrega. Feedback final de mentores." },
+        { "date": "2026-09-29", "day": 29, "type": "premios", "title": "Community Call — Entrega de premios", "description": "El jurado AI evalúa los proyectos. Anuncio de ganadores en vivo." }
+      ]
+    },
+    {
+      "id": "integration",
+      "number": 8,
+      "name": "INTEGRATION",
+      "focus": "Full-Stack Production Apps",
+      "description": "Proyecto final. Todo integrado. Ready to launch.",
+      "difficulty": "Expert",
+      "stars": 4,
+      "month": "Octubre",
+      "monthShort": "OCT",
+      "year": 2026,
+      "icon": "🌐",
+      "tags": ["Full-Stack", "Production", "Final"],
+      "topics": ["Integración Completa", "Deploy Production", "Testing E2E", "Launch"],
+      "dates": [
+        { "date": "2026-10-06", "day": 6, "type": "apertura", "title": "Community Call — Apertura", "description": "Se abre el formulario de inscripción. Podés anotarte solo o en grupo (máx 4 personas)." },
+        { "date": "2026-10-13", "day": 13, "type": "pitch", "title": "Community Call — Pitches", "description": "Presentá tu proyecto en 3 minutos. Recibí feedback de la comunidad y los mentores." },
+        { "date": "2026-10-20", "day": 20, "type": "cierre", "title": "Community Call — Cierre inscripciones", "description": "Último día para inscribirte con un proyecto completo." },
+        { "date": "2026-10-27", "day": 27, "type": "premios", "title": "Community Call — Entrega de premios", "description": "El jurado AI evalúa los proyectos. Anuncio de ganadores en vivo. Cierre del programa 2026." }
+      ]
+    }
+  ]
+}
diff --git a/data/hackathons/projects-foundations.json b/data/hackathons/projects-foundations.json
new file mode 100644
index 0000000..9df8ea4
--- /dev/null
+++ b/data/hackathons/projects-foundations.json
@@ -0,0 +1,454 @@
+{
+  "$schema": "../projects-schema.json",
+  "hackathon": "foundations",
+  "month": "Marzo 2026",
+  "projects": [
+    {
+      "id": "lightning-starter",
+      "name": "Lightning Starter Kit",
+      "description": "Template oficial para empezar. NWC, Lightning Address, LNURL, WebLN.",
+      "team": [
+        {
+          "name": "La Crypta",
+          "github": "lacrypta",
+          "role": "Organizers"
+        }
+      ],
+      "repo": "https://github.com/lacrypta/lightning-starter",
+      "demo": "https://lightning-starter.vercel.app",
+      "tech": [
+        "Alby SDK",
+        "NWC",
+        "LNURL",
+        "WebLN",
+        "Vite"
+      ],
+      "status": "official",
+      "submittedAt": "2026-02-28"
+    },
+    {
+      "id": "proof-of-attendance-hdmp",
+      "name": "Proof of Attendance (HDMP)",
+      "description": "Sistema de reservas para eventos con depósito en Lightning Network. Pagás sats para reservar, si venís canjeás tu consumición, si no venís perdés la reserva. Elimina los no-shows con fricción mínima.",
+      "team": [
+        {
+          "name": "Lo0ker-Noma",
+          "github": "Lo0ker-Noma",
+          "role": "Lead Dev"
+        }
+      ],
+      "repo": "https://github.com/Lo0ker-Noma/Proof-of-attendance-HDMP",
+      "tech": [
+        "Lightning Address",
+        "Alby SDK",
+        "LNURL",
+        "WebLN",
+        "Vite"
+      ],
+      "status": "submitted",
+      "submittedAt": "2026-03-04",
+      "pitched": "https://www.youtube.com/watch?v=3sXD0EWWEdo&t=2464s",
+      "pitched_final": "https://www.youtube.com/watch?v=W9Fw72-jFX0&t=848s"
+    },
+    {
+      "id": "sat-lotto-v2",
+      "name": "SatLotto V2",
+      "description": "Juego simple y elegante que usa NWC y LN. Proba tu suerte cada 21 bloques",
+      "team": [
+        {
+          "name": "Fierillo",
+          "github": "Fierillo",
+          "role": "Lead Dev"
+        }
+      ],
+      "repo": "https://github.com/Fierillo/sat-lotto-v2",
+      "demo": "",
+      "tech": [
+        "Alby SDK",
+        "NWC",
+        "LNURL",
+        "WebLN",
+        "Vite"
+      ],
+      "status": "building",
+      "submittedAt": "2026-03-06",
+      "pitched": "https://www.youtube.com/watch?v=3sXD0EWWEdo&t=4903s",
+      "pitched_final": "https://www.youtube.com/watch?v=W9Fw72-jFX0&t=1126s"
+    },
+    {
+      "id": "bitbybit-habits",
+      "name": "BitByBit",
+      "description": "Habit tracker que recompensa completar tareas con sats reales via Lightning. MVP: Mesada 2.0 donde sponsors crean habitos con recompensa en sats y kids los completan para ganar.",
+      "team": [
+        {
+          "name": "Anix",
+          "github": "analiaacostaok",
+          "role": "Lead Dev"
+        },
+        {
+          "name": "Llopo",
+          "github": "fabricio333",
+          "role": "Dev"
+        },
+        {
+          "name": "Wander",
+          "github": "Pizza-Wder",
+          "role": "Dev"
+        },
+        {
+          "name": "Leon",
+          "github": "leonacostaok",
+          "role": "PM"
+        }
+      ],
+      "repo": "https://github.com/bitbybit-ar/bitbybit-habits",
+      "demo": "https://bitbybit.com.ar",
+      "tech": [
+        "Next.js",
+        "React",
+        "TypeScript",
+        "NWC",
+        "Alby SDK",
+        "Neon DB",
+        "SCSS"
+      ],
+      "status": "building",
+      "submittedAt": "2026-03-07",
+      "pitched": "https://www.youtube.com/watch?v=3sXD0EWWEdo&t=3074s",
+      "pitched_final": "https://www.youtube.com/watch?v=W9Fw72-jFX0&t=1390s"
+    },
+    {
+      "id": "Streamsats",
+      "name": "Streamsats",
+      "description": "Un juego de agilidad mental y rapidez para ganar un bote acumulado de sats.",
+      "team": [
+        {
+          "name": "Federico",
+          "github": "FedericoLuque",
+          "role": "Lead Dev"
+        }
+      ],
+      "repo": "https://github.com/Streamsats/streamsats.github.io",
+      "demo": "https://streamsats.github.io/",
+      "tech": [
+        "Alby SDK",
+        "NWC",
+        "LNURL",
+        "WebLN",
+        "Vite"
+      ],
+      "status": "submitted",
+      "submittedAt": "2026-03-10",
+      "pitched": "https://www.youtube.com/watch?v=3sXD0EWWEdo&t=4096s"
+    },
+    {
+      "id": "hash21-shop",
+      "name": "Hash21 Shop",
+      "description": "Tienda real de joyería artesanal Bitcoin con pagos nativos Lightning Network. Plata 925 con grabados Bitcoin. Sin intermediarios, sin KYC. LNURL-pay via Lightning Address, zero dependencias, i18n ES/EN.",
+      "team": [
+        {
+          "name": "Abstract Lai",
+          "github": "warrior-lai",
+          "role": "Lead Dev"
+        },
+        {
+          "name": "Ragnar 🪓",
+          "github": "",
+          "role": "AI Dev"
+        }
+      ],
+      "repo": "https://github.com/warrior-lai/hash21-shop",
+      "demo": "https://hash21.studio/shop",
+      "tech": [
+        "LNURL-pay",
+        "Lightning Address",
+        "HTML/CSS/JS",
+        "GitHub Pages"
+      ],
+      "status": "submitted",
+      "submittedAt": "2026-03-07",
+      "pitched_final": "https://www.youtube.com/watch?v=W9Fw72-jFX0&t=1669s"
+    },
+    {
+      "id": "anirayo",
+      "name": "AniRayo",
+      "description": "Convierte cualquier smartphone Android con NFC en una terminal de cobro (POS) con magia NWC y 1-Toque.",
+      "team": [
+        {
+          "name": "CapScabio",
+          "github": "CapScabio",
+          "role": "Lead Dev"
+        }
+      ],
+      "repo": "https://github.com/CapScabio/Anirayo",
+      "demo": "https://github.com/CapScabio/Anirayo",
+      "tech": [
+        "Web NFC",
+        "Alby SDK",
+        "NWC",
+        "Vite"
+      ],
+      "status": "submitted",
+      "submittedAt": "2026-03-08",
+      "pitched_final": "https://www.youtube.com/watch?v=W9Fw72-jFX0&t=2269s"
+    },
+    {
+      "id": "digital-card",
+      "name": "Digital card",
+      "description": "Tu tarjeta de presentación Bitcoin",
+      "team": [
+        {
+          "name": "negr0",
+          "github": "Negr087",
+          "role": "Lead Dev"
+        }
+      ],
+      "repo": "https://github.com/Negr087/digital-card",
+      "demo": "https://digitalcard-sigma.vercel.app/",
+      "tech": [
+        "Alby SDK",
+        "NWC",
+        "LNURL",
+        "WebLN",
+        "Vite"
+      ],
+      "status": "building",
+      "submittedAt": "2026-03-08",
+      "pitched_final": "https://www.youtube.com/watch?v=W9Fw72-jFX0&t=2062s"
+    },
+    {
+      "id": "wapu-cli",
+      "name": "Wapu CLI",
+      "description": "CLI OpenSource para operar WapuPay como servicio off-ramp de BTC y USDT a ARS sin KYC. Permite depósitos por Lightning address, y automatización para integraciones de POS y agentes de IA.",
+      "team": [
+        {
+          "name": "Rocket",
+          "github": "rocket-morgan",
+          "role": "Dev"
+        },
+        {
+          "name": "AndyCreed",
+          "github": "andycreed0x",
+          "role": "PM"
+        }
+      ],
+      "repo": "https://github.com/wapu-app/wapu-cli",
+      "demo": "https://wapu.shiafu.com/",
+      "tech": [
+        "Python",
+        "Lightning Address"
+      ],
+      "status": "building",
+      "submittedAt": "2026-03-10",
+      "pitched": "https://www.youtube.com/watch?v=3sXD0EWWEdo&t=3706s",
+      "pitched_final": "https://www.youtube.com/watch?v=W9Fw72-jFX0&t=3577s"
+    },
+    {
+      "id": "relam-pago",
+      "name": "RelámPago",
+      "description": "RelámPago es una app web (PWA) pensada para comerciantes y emprendedores de LATAM que quieren recibir pagos con LN — sin necesidad de saber nada técnico.",
+      "team": [
+        {
+          "name": "Burgos",
+          "github": "Burgos247",
+          "role": "Lead Dev"
+        }
+      ],
+      "repo": "https://github.com/Burgos247/RelamPago/",
+      "demo": "https://relam-pago.vercel.app",
+      "tech": [
+        "Alby SDK",
+        "NWC",
+        "LNURL",
+        "WebLN",
+        "Vite"
+      ],
+      "status": "building",
+      "submittedAt": "2026-03-10"
+    },
+    {
+      "id": "stacktris",
+      "name": "Stacktris",
+      "description": "Battle Tetris multijugador con una capa de apuestas en Bitcoin Lightning Network.",
+      "team": [
+        {
+          "name": "landaverdend",
+          "github": "landaverdend",
+          "role": "Lead Dev"
+        }
+      ],
+      "repo": "https://github.com/landaverdend/stacktris",
+      "demo": "https://stacktris.app/",
+      "tech": [
+        "React",
+        "TypeScript",
+        "Node.js",
+        "Express",
+        "WebSockets",
+        "Vite"
+      ],
+      "status": "building",
+      "submittedAt": "2026-03-09",
+      "pitched_final": "https://www.youtube.com/watch?v=W9Fw72-jFX0&t=2887s"
+    },
+    {
+      "id": "SatsParty",
+      "name": "SatsParty",
+      "description": "La solucion para hacer onboarding y proveer wallets a los invitados de tu evento",
+      "team": [
+        {
+          "name": "Cyberpunk",
+          "github": "ViresBTC",
+          "role": "Vibecoder"
+        }
+      ],
+      "repo": "https://github.com/ViresBTC/Satsparty",
+      "demo": "https://satsparty.vercel.app/",
+      "tech": [
+        "Alby SDK",
+        "NWC",
+        "LNURL",
+        "WebLN",
+        "Vite"
+      ],
+      "status": "building",
+      "submittedAt": "2026-03-11",
+      "pitched_final": "https://www.youtube.com/watch?v=W9Fw72-jFX0&t=2583s"
+    },
+    {
+      "id": "1-sat-to",
+      "name": "1 SAT a...",
+      "description": "1 SAT to... es una aplicación para visualizar en tiempo real el valor de un Satoshi en FIAT, incluyendo gráficos históricos, calculadora y soporte para donaciones vía Lightning Network.",
+      "team": [
+        {
+          "name": "Jona",
+          "github": "unllamas",
+          "role": "Dev/Designer"
+        }
+      ],
+      "repo": "https://github.com/unllamas/1-sat-to",
+      "demo": "https://1-sat-to.vercel.app/",
+      "tech": [
+        "React",
+        "Next",
+        "Lightning"
+      ],
+      "status": "building",
+      "submittedAt": "2026-03-17",
+      "pitched_final": "https://www.youtube.com/watch?v=W9Fw72-jFX0&t=3185s"
+    },
+    {
+      "id": "openwork",
+      "name": "openWork",
+      "description": "establece un contrato entre un agente con otro agente para que uno haga un trabajo para el otro contra una contraprestacion usando satoshis de LN",
+      "team": [
+        {
+          "name": "naranja",
+          "github": "soyezequiel",
+          "role": "Lead Dev"
+        }
+      ],
+      "repo": "https://github.com/soyezequiel/agentic-economy",
+      "status": "idea",
+      "submittedAt": "2026-03-17"
+    },
+    {
+      "id": "life-action-plan",
+      "name": "Life Action Plan (LAP)",
+      "description": "Asistente personal offline-first que usa IA para crear, simular y refinar planes de vida y rutinas diarias, garantizando privacidad extrema y habilitando micro-pagos por token mediante Lightning Network.",
+      "team": [
+        {
+          "name": "naranja",
+          "github": "soyezequiel",
+          "role": "Lead Dev"
+        }
+      ],
+      "repo": "https://github.com/soyezequiel/life-action-plan",
+      "status": "idea",
+      "submittedAt": "2026-03-18",
+      "pitched_final": "https://www.youtube.com/watch?v=W9Fw72-jFX0&t=4457s"
+    },
+    {
+      "id": "nosteach",
+      "name": "NosTeach",
+      "description": "Plataforma educativa descentralizada. MVP: Patrocinios Lightning para cursos. Alumnos pagan cursos, profesores premian alumnos, patrocinadores becan ambos. Todo via Lightning.",
+      "team": [
+        {
+          "name": "Fred",
+          "github": "fchurca",
+          "role": "Lead Dev"
+        },
+        {
+          "name": "Langostero",
+          "github": "fchurca",
+          "role": "Dev"
+        }
+      ],
+      "repo": "https://github.com/fchurca/nosteach",
+      "demo": "https://nosteach.vercel.app/",
+      "tech": [
+        "Alby SDK",
+        "NWC",
+        "Vite"
+      ],
+      "status": "building",
+      "submittedAt": "2026-03-17",
+      "pitched_final": "https://www.youtube.com/watch?v=W9Fw72-jFX0&t=4103s"
+    },
+    {
+      "id": "sweet-shots",
+      "name": "Sweet Shots",
+      "description": "E-commerce de postres artesanales con pagos nativos Lightning Network. Login sin email via Nostr (NIP-07), catálogo con precios dual USD+sats en tiempo real, programa de fidelidad nativo en sats y descuento del 5% por pagar con Bitcoin.",
+      "team": [
+        {
+          "name": "Lalo1821",
+          "github": "Lalo1821",
+          "role": "Lead Dev"
+        }
+      ],
+      "repo": "https://github.com/Lalo1821/sweet-shots",
+      "demo": "https://sweet-shots.vercel.app",
+      "tech": [
+        "Lightning Address",
+        "Nostr NIP-07",
+        "WebLN",
+        "Alby SDK",
+        "Vite",
+        "Vanilla JS"
+      ],
+      "status": "building",
+      "submittedAt": "2026-03-18"
+    }
+  ],
+  "_instructions": {
+    "howToAdd": "Para agregar tu proyecto, hacé un PR a este archivo agregando tu proyecto al array 'projects'.",
+    "requiredFields": [
+      "id",
+      "name",
+      "description",
+      "team",
+      "status"
+    ],
+    "optionalFields": [
+      "repo",
+      "demo",
+      "tech",
+      "submittedAt"
+    ],
+    "statusOptions": [
+      "idea",
+      "building",
+      "submitted",
+      "finalist",
+      "winner",
+      "official"
+    ],
+    "teamRoles": [
+      "Lead Dev",
+      "Dev",
+      "Designer",
+      "PM",
+      "Organizers"
+    ]
+  }
+}
\ No newline at end of file
diff --git a/data/hackathons/projects-identity.json b/data/hackathons/projects-identity.json
new file mode 100644
index 0000000..9b9f0dd
--- /dev/null
+++ b/data/hackathons/projects-identity.json
@@ -0,0 +1,276 @@
+{
+  "hackathon": "identity",
+  "month": "Abril 2026",
+  "projects": [
+    {
+      "id": "nostr-starter",
+      "name": "Nostr Starter Kit",
+      "description": "Template oficial para empezar. Keys, profiles, relays, NIP-01 basics.",
+      "team": [
+        {
+          "name": "La Crypta",
+          "github": "lacrypta",
+          "role": "Organizers"
+        }
+      ],
+      "repo": "https://github.com/lacrypta/nostr-starter",
+      "demo": "",
+      "tech": [
+        "Nostr",
+        "NIP-01",
+        "NDK",
+        "Vite"
+      ],
+      "status": "official",
+      "submittedAt": "2026-04-01"
+    },
+    {
+      "id": "scammer-come-empanadas-detector",
+      "name": "Scammer & Come Empanadas Detector",
+      "description": "Nostr Identity Hub con verificación NIP-05, badges de reputación y detección de scammers/come empanadas para la comunidad de La Crypta.",
+      "team": [
+        {
+          "name": "Looker",
+          "github": "Lo0ker-Noma",
+          "role": "Lead Dev"
+        }
+      ],
+      "repo": "https://github.com/Lo0ker-Noma/nostr-identity-hub",
+      "demo": "https://nostr-identity-hub.vercel.app/",
+      "tech": [
+        "Nostr",
+        "NIP-05",
+        "NIP-58",
+        "NIP-57",
+        "Vite",
+        "Vercel"
+      ],
+      "status": "building",
+      "submittedAt": "2026-04-07"
+    },
+    {
+      "id": "nostr-en-el-espacio",
+      "name": "Nostr en el Espacio",
+      "description": "Explorá Nostr como si fuera un universo vivo: cargás una npub o nprofile y Nostr en el Espacio descubre follows, conexiones y comunidades para convertirlas en un grafo interactivo que te deja ver, entender y navegar las relaciones entre usuarios.",
+      "team": [
+        {
+          "name": "Naranja",
+          "github": "soyezequiel",
+          "role": "Lead Dev"
+        }
+      ],
+      "repo": "https://github.com/soyezequiel/nostr-en-el-espacio",
+      "demo": "https://nostr-en-el-espacio.vercel.app/",
+      "tech": [
+        "Next.js",
+        "React 19",
+        "TypeScript",
+        "Zustand",
+        "Dexie",
+        "nostr-tools",
+        "NDK",
+        "d3-force",
+        "deck.gl"
+      ],
+      "status": "building",
+      "submittedAt": "2026-04-09"
+    },
+    {
+      "id": "obelisk",
+      "name": "Obelisk",
+      "description": "Chat grupal tipo Discord donde la identidad viene de tu keypair de Nostr. Sin emails ni passwords — filtrado de spam vía Web of Trust, canales de texto y voz, roles y moderación.",
+      "team": [
+        {
+          "name": "Fabricio",
+          "github": "Fabricio333",
+          "role": "Lead Dev"
+        },
+        {
+          "name": "Topolino",
+          "github": "topolino-claw",
+          "role": "Dev"
+        }
+      ],
+      "repo": "https://github.com/Fabricio333/obelisk",
+      "demo": "https://obelisk.ar",
+      "tech": [
+        "Next.js",
+        "TypeScript",
+        "Nostr",
+        "NDK",
+        "NIP-07",
+        "NIP-46",
+        "NIP-05",
+        "NIP-65",
+        "Prisma",
+        "PostgreSQL",
+        "Socket.io",
+        "Tailwind"
+      ],
+      "status": "building",
+      "submittedAt": "2026-04-10"
+    },
+    {
+      "id": "predictr",
+      "name": "Predictr — P2P Bitcoin Prediction Bulletin",
+      "description": "Mercado de apuestas P2P trustless y browser-native: los usuarios publican bets en Nostr, negocian via DMs cifrados (NIP-44) y liquidan on-chain con contratos Bitcoin Taproot. Sin coordinador, sin custodio, sin backend.",
+      "team": [
+        {
+          "name": "nic(o)",
+          "github": "landaverdend",
+          "role": "Lead Dev"
+        }
+      ],
+      "repo": "https://github.com/landaverdend/predictr",
+      "demo": "",
+      "tech": [
+        "Bitcoin",
+        "Taproot",
+        "DLC",
+        "Nostr",
+        "NIP-44",
+        "NIP-40",
+        "nostr-tools",
+        "TypeScript",
+        "React",
+        "Vite",
+        "Tailwind"
+      ],
+      "status": "building",
+      "submittedAt": "2026-04-11"
+    },
+    {
+      "id": "arena",
+      "name": "Arena",
+      "description": "Retá a tu red y compartí tu gloria en Nostr. Competí, reclamá recompensas en vivo y forjá tu identidad con badges NIP-58. Cliente de BitByBit.",
+      "team": [
+        {
+          "name": "Anix",
+          "github": "analiaacostaok",
+          "role": "Lead Dev"
+        },
+        {
+          "name": "Wander",
+          "github": "Pizza-Wder",
+          "role": "Designer"
+        }
+      ],
+      "repo": "https://github.com/bitbybit-ar/bitbybit-arena",
+      "demo": "https://arena.bitbybit.com.ar",
+      "tech": [
+        "NIP-01",
+        "NIP-07",
+        "NIP-42",
+        "NIP-46",
+        "NIP-57",
+        "NIP-58",
+        "NIP-75",
+        "Next.js 16",
+        "React 19",
+        "TypeScript",
+        "SCSS Modules",
+        "next-intl",
+        "Drizzle ORM",
+        "Neon",
+        "nostr-tools",
+        "Alby SDK",
+        "JWT (jose)"
+      ],
+      "status": "building",
+      "submittedAt": "2026-04-10"
+    },
+    {
+      "id": "tamagostrich",
+      "name": "Tamagostrich",
+      "description": "Mascota virtual (avestruz) que vive en el protocolo Nostr. Cuidá a Nori, tu Tamagotchi descentralizado con identidad propia.",
+      "team": [
+        {
+          "name": "Negr0",
+          "github": "Negr087",
+          "role": "Dev"
+        }
+      ],
+      "repo": "https://github.com/Negr087/tamagostrich",
+      "demo": "https://tamagostrich.vercel.app",
+      "tech": [
+        "Nostr",
+        "NIP-01",
+        "NIP-07",
+        "NIP-46",
+        "NIP-58",
+        "NIP-65",
+        "NDK",
+        "Next.js",
+        "Three.js",
+        "Vercel"
+      ],
+      "status": "building",
+      "submittedAt": "2026-04-16"
+    },
+    {
+      "id": "nostr-kahoot",
+      "name": "Nostr Kahoot",
+      "description": "Kahoot descentralizado construido en Nostr. Cuestionarios interactivos en tiempo real con autenticación NIP-07, eventos firmados criptográficamente, QR para unirse y ranking en vivo.",
+      "team": [
+        {
+          "name": "Looker",
+          "github": "Lo0ker-Noma",
+          "role": "Lead Dev"
+        }
+      ],
+      "repo": "https://github.com/Lo0ker-Noma/nostr-kahoot",
+      "demo": "",
+      "tech": [
+        "Nostr",
+        "NIP-07",
+        "React 18",
+        "Vite",
+        "Zustand",
+        "Tailwind CSS",
+        "qrcode.react",
+        "Vercel"
+      ],
+      "status": "building",
+      "submittedAt": "2026-04-15"
+    },
+    {
+      "id": "hash21",
+      "name": "Hash21 — Arte, Identidad y Bitcoin",
+      "description": "Plataforma completa de arte Bitcoin-native. Galería con artistas verificados via Nostr, certificación on-chain (OpenTimestamps), subastas P2P descentralizadas, pagos Lightning directos y shop. 8 NIPs implementados. La identidad Nostr del artista es el eje: firma obras, certifica, subasta y cobra — sin intermediarios.",
+      "team": [
+        {
+          "name": "Lai",
+          "github": "warrior-lai",
+          "role": "Founder and artist"
+        },
+        {
+          "name": "Ragnar",
+          "role": "IA Dev"
+        }
+      ],
+      "repo": "https://github.com/warrior-lai/hash-21",
+      "demo": "https://hash21.studio",
+      "tech": [
+        "Nostr",
+        "NIP-01",
+        "NIP-05",
+        "NIP-07",
+        "NIP-19",
+        "NIP-44",
+        "NIP-46",
+        "NIP-57",
+        "NIP-98",
+        "Bitcoin",
+        "OpenTimestamps",
+        "Lightning",
+        "React 19",
+        "Vite",
+        "Vitest",
+        "Supabase",
+        "Vercel"
+      ],
+      "status": "submitted",
+      "submittedAt": "2026-04-19"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/data/hackathons/reports.json b/data/hackathons/reports.json
new file mode 100644
index 0000000..7fa4d6e
--- /dev/null
+++ b/data/hackathons/reports.json
@@ -0,0 +1,1614 @@
+{
+  "foundations": {
+    "1-sat-to": {
+      "title": "1 SAT a...",
+      "position": 4,
+      "finalScore": 7,
+      "team": [
+        "unllamas",
+        "Jona"
+      ],
+      "stack": [
+        "Vite",
+        "Lightning Address",
+        "WebLN",
+        "Exchange Rates API"
+      ],
+      "judges": [
+        {
+          "name": "Claudio",
+          "model": "Claude Opus 4.6",
+          "score": 7.15,
+          "categories": [
+            {
+              "name": "Viabilidad",
+              "score": 7
+            },
+            {
+              "name": "Impacto Bitcoin",
+              "score": 8
+            },
+            {
+              "name": "Implementación",
+              "score": 5
+            },
+            {
+              "name": "Originalidad",
+              "score": 8
+            },
+            {
+              "name": "Feedback Global",
+              "score": 8
+            }
+          ]
+        },
+        {
+          "name": "Gorilatron",
+          "model": "OpenAI Codex 5.4",
+          "score": 5.4,
+          "categories": [
+            {
+              "name": "Compilación",
+              "score": 7.5
+            },
+            {
+              "name": "Calidad de Código",
+              "score": 6.4
+            },
+            {
+              "name": "Testing",
+              "score": 0
+            },
+            {
+              "name": "Consistencia",
+              "score": 6
+            },
+            {
+              "name": "Seguridad",
+              "score": 5.6
+            },
+            {
+              "name": "Innovación",
+              "score": 5.8
+            }
+          ],
+          "summary": "El proyecto está realmente construido y deployado: build de producción OK, live site online y una base funcional clara. Técnicamente es un frontend útil y entendible, pero no pasa de proof-of-product pulido porque no tiene tests, el lint está roto y el build omite type-checking. Su mayor riesgo no es una falla crítica de seguridad sino la falta de rigor de ingeniería; su mayor mérito es aterrizar"
+        },
+        {
+          "name": "Gorilator",
+          "model": "Claude Opus 4.6",
+          "score": 8.45,
+          "categories": [
+            {
+              "name": "Funcionalidad",
+              "score": 8
+            },
+            {
+              "name": "UI/UX",
+              "score": 9
+            },
+            {
+              "name": "QR & Lightning",
+              "score": 9
+            },
+            {
+              "name": "Completitud",
+              "score": 8
+            },
+            {
+              "name": "Experiencia General",
+              "score": 8
+            }
+          ],
+          "summary": "Proyecto sólido y pulido. Muestra el valor de 1 SAT en monedas LATAM con gráficos históricos, calculadora y donaciones Lightning. Diseño profesional dark-mode, responsive, con flujo de pago end-to-end que funciona impecable (QR legible, invoice válido, detección en 2.4s). 5/5 features del README implementadas. Se siente como un producto terminado, no un prototipo."
+        }
+      ],
+      "feedback": {
+        "strengths": [],
+        "improvements": []
+      }
+    },
+    "SatsParty": {
+      "title": "SatsParty",
+      "position": 13,
+      "finalScore": 5.42,
+      "team": [
+        "Cyberpunk"
+      ],
+      "stack": [
+        "Vanilla JS",
+        "Lightning Invoice",
+        "QR",
+        "Party Mode"
+      ],
+      "judges": [
+        {
+          "name": "Claudio",
+          "model": "Claude Opus 4.6",
+          "score": 5.7,
+          "categories": [
+            {
+              "name": "Viabilidad",
+              "score": 6
+            },
+            {
+              "name": "Impacto Bitcoin",
+              "score": 7
+            },
+            {
+              "name": "Implementación",
+              "score": 4
+            },
+            {
+              "name": "Originalidad",
+              "score": 7
+            },
+            {
+              "name": "Feedback Global",
+              "score": 4
+            }
+          ]
+        },
+        {
+          "name": "Gorilatron",
+          "model": "OpenAI Codex 5.4",
+          "score": 5.7,
+          "categories": [
+            {
+              "name": "Compilación",
+              "score": 7.5
+            },
+            {
+              "name": "Calidad de Código",
+              "score": 6.8
+            },
+            {
+              "name": "Testing",
+              "score": 0
+            },
+            {
+              "name": "Consistencia",
+              "score": 6
+            },
+            {
+              "name": "Seguridad",
+              "score": 4.5
+            },
+            {
+              "name": "Innovación",
+              "score": 8.2
+            }
+          ],
+          "summary": "SatsParty está bastante más construido que un mock: compila, tiene deploy real y una arquitectura Lightning con intención seria. La base técnica es razonable, pero todavía mezcla demo mode con producción y deja huecos importantes en auth, secretos por defecto y ausencia total de tests. Lo mejor del proyecto es la innovación aplicada al onboarding presencial; lo que más lo frena es la falta de endu"
+        },
+        {
+          "name": "Gorilator",
+          "model": "Claude Opus 4.6",
+          "score": 4.85,
+          "categories": [
+            {
+              "name": "Funcionalidad",
+              "score": 5
+            },
+            {
+              "name": "UI/UX",
+              "score": 5
+            },
+            {
+              "name": "QR & Lightning",
+              "score": 4
+            },
+            {
+              "name": "Completitud",
+              "score": 5
+            },
+            {
+              "name": "Experiencia General",
+              "score": 5
+            }
+          ],
+          "summary": "SatsParty: plataforma de onboarding para eventos con wallets Lightning. Backend responde pero el frontend solo muestra 'CARGANDO' en web fetch. Browser test timed out sin screenshots. Evaluación incompleta — score conservador basado en evidencia disponible."
+        }
+      ],
+      "feedback": {
+        "strengths": [],
+        "improvements": []
+      }
+    },
+    "Streamsats": {
+      "title": "Streamsats",
+      "position": 10,
+      "finalScore": 6.17,
+      "team": [
+        "Federico"
+      ],
+      "stack": [
+        "React",
+        "WebLN",
+        "Lightning Address",
+        "Streaming Payments"
+      ],
+      "judges": [
+        {
+          "name": "Claudio",
+          "model": "Claude Opus 4.6",
+          "score": 6,
+          "categories": [
+            {
+              "name": "Viabilidad",
+              "score": 6
+            },
+            {
+              "name": "Impacto Bitcoin",
+              "score": 7
+            },
+            {
+              "name": "Implementación",
+              "score": 4
+            },
+            {
+              "name": "Originalidad",
+              "score": 7
+            },
+            {
+              "name": "Feedback Global",
+              "score": 6
+            }
+          ]
+        },
+        {
+          "name": "Gorilatron",
+          "model": "OpenAI Codex 5.4",
+          "score": 4.7,
+          "categories": [
+            {
+              "name": "Compilación",
+              "score": 4.5
+            },
+            {
+              "name": "Calidad de Código",
+              "score": 6.4
+            },
+            {
+              "name": "Testing",
+              "score": 0
+            },
+            {
+              "name": "Consistencia",
+              "score": 4.6
+            },
+            {
+              "name": "Seguridad",
+              "score": 3.6
+            },
+            {
+              "name": "Innovación",
+              "score": 7.4
+            }
+          ],
+          "summary": "StreamSats está realmente construido y no es puro humo: el frontend compila, el backend levanta y la idea Lightning-native del prize pool competitivo es buena. El problema es que la base de ingeniería quedó a medio cerrar: documentación equivocada, cero tests, configuración inconsistente y controles de seguridad/anti-cheat demasiado débiles para un juego con pagos. Lo que lo hace destacar es la me"
+        },
+        {
+          "name": "Gorilator",
+          "model": "Claude Opus 4.6",
+          "score": 7.8,
+          "categories": [
+            {
+              "name": "Funcionalidad",
+              "score": 8
+            },
+            {
+              "name": "UI/UX",
+              "score": 7
+            },
+            {
+              "name": "QR & Lightning",
+              "score": 9
+            },
+            {
+              "name": "Completitud",
+              "score": 7
+            },
+            {
+              "name": "Experiencia General",
+              "score": 8
+            }
+          ],
+          "summary": "Arcade pay-to-play competitivo. 30 sats gastados en 3 pagos, detección 2s. Multiplayer real con WebSocket."
+        }
+      ],
+      "feedback": {
+        "strengths": [],
+        "improvements": []
+      }
+    },
+    "anirayo": {
+      "title": "AniRayo",
+      "position": 12,
+      "finalScore": 5.85,
+      "team": [
+        "CapitanDelEscabio"
+      ],
+      "stack": [
+        "Web NFC",
+        "NWC (NIP-47)",
+        "Lightning Payments",
+        "Vite"
+      ],
+      "judges": [
+        {
+          "name": "Claudio",
+          "model": "Claude Opus 4.6",
+          "score": 5.35,
+          "categories": [
+            {
+              "name": "Viabilidad",
+              "score": 5
+            },
+            {
+              "name": "Impacto Bitcoin",
+              "score": 6
+            },
+            {
+              "name": "Implementación",
+              "score": 4
+            },
+            {
+              "name": "Originalidad",
+              "score": 8
+            },
+            {
+              "name": "Feedback Global",
+              "score": 4
+            }
+          ]
+        },
+        {
+          "name": "Gorilatron",
+          "model": "OpenAI Codex 5.4",
+          "score": 6.5,
+          "categories": [
+            {
+              "name": "Compilación",
+              "score": 7.8
+            },
+            {
+              "name": "Calidad de Código",
+              "score": 6.6
+            },
+            {
+              "name": "Testing",
+              "score": 6.2
+            },
+            {
+              "name": "Consistencia",
+              "score": 5.4
+            },
+            {
+              "name": "Seguridad",
+              "score": 4.7
+            },
+            {
+              "name": "Innovación",
+              "score": 7.9
+            }
+          ],
+          "summary": "Es un MVP real, no solo una idea: compila, tiene tests y la propuesta técnica de usar Web NFC con NWC para pagos Lightning es genuinamente interesante. La base de código es entendible y suficiente para hackathon, pero todavía le falta criterio de producto y de seguridad para confiarla en contexto real. El principal problema no es que esté roto, sino que la entrega está desalineada y algo descuidad"
+        },
+        {
+          "name": "Gorilator",
+          "model": "Claude Opus 4.6",
+          "score": 5.7,
+          "categories": [
+            {
+              "name": "Funcionalidad",
+              "score": 5
+            },
+            {
+              "name": "UI/UX",
+              "score": 7
+            },
+            {
+              "name": "QR & Lightning",
+              "score": 6
+            },
+            {
+              "name": "Completitud",
+              "score": 5
+            },
+            {
+              "name": "Experiencia General",
+              "score": 5
+            }
+          ],
+          "summary": "TapSats es un concepto innovador de POS Lightning con NFC ring — la idea de 'tap to pay' con sats es poderosa y diferenciadora. La UI es pulida con dark theme coherente y buena responsividad. Genera invoices BOLT11 válidos y los QR se decodifican correctamente. Sin embargo, la URL submitida (anirayo.vercel.app) devuelve 404, el flujo principal (NFC) solo funciona en Chrome Android con hardware esp"
+        }
+      ],
+      "feedback": {
+        "strengths": [],
+        "improvements": []
+      }
+    },
+    "bitbybit-habits": {
+      "title": "BitByBit",
+      "position": 5,
+      "finalScore": 6.98,
+      "team": [
+        "Anix",
+        "Llopo",
+        "Wander",
+        "Leon"
+      ],
+      "stack": [
+        "TypeScript",
+        "NWC (NIP-47)",
+        "Vitest (208 tests)",
+        "SQLite"
+      ],
+      "judges": [
+        {
+          "name": "Claudio",
+          "model": "Claude Opus 4.6",
+          "score": 8.15,
+          "categories": [
+            {
+              "name": "Viabilidad",
+              "score": 8
+            },
+            {
+              "name": "Impacto Bitcoin",
+              "score": 8
+            },
+            {
+              "name": "Implementación",
+              "score": 8
+            },
+            {
+              "name": "Originalidad",
+              "score": 9
+            },
+            {
+              "name": "Feedback Global",
+              "score": 8
+            }
+          ]
+        },
+        {
+          "name": "Gorilatron",
+          "model": "OpenAI Codex 5.4",
+          "score": 8.1,
+          "categories": [
+            {
+              "name": "Compilación",
+              "score": 8.8
+            },
+            {
+              "name": "Calidad de Código",
+              "score": 8
+            },
+            {
+              "name": "Testing",
+              "score": 9
+            },
+            {
+              "name": "Consistencia",
+              "score": 8
+            },
+            {
+              "name": "Seguridad",
+              "score": 6.5
+            },
+            {
+              "name": "Innovación",
+              "score": 7.8
+            }
+          ],
+          "summary": "BitByBit está realmente construido, no es humo: compila, buildea y trae una suite de tests inusualmente fuerte para hackathon. La base técnica es sólida, especialmente en el flujo Lightning end-to-end y en la prolijidad general del repo. El principal riesgo está en la capa de seguridad/validación, que es razonable pero todavía liviana para una app con pagos. Destaca por ejecución consistente y por"
+        },
+        {
+          "name": "Gorilator",
+          "model": "Claude Opus 4.6",
+          "score": 4.7,
+          "categories": [
+            {
+              "name": "Funcionalidad",
+              "score": 5
+            },
+            {
+              "name": "UI/UX",
+              "score": 8
+            },
+            {
+              "name": "QR & Lightning",
+              "score": 1
+            },
+            {
+              "name": "Completitud",
+              "score": 4
+            },
+            {
+              "name": "Experiencia General",
+              "score": 5
+            }
+          ],
+          "summary": "BitByBit presents a polished UI with excellent branding and a compelling value proposition ('Mesada 2.0' — kids earn real Bitcoin by completing habits). The landing page is professional, the demo flows are well-designed, and the onboarding works smoothly through family creation. CRITICAL FLAW: Despite being submitted to a Lightning Hackathon themed 'Lightning Payments Basics', the app has ZERO fun"
+        }
+      ],
+      "feedback": {
+        "strengths": [],
+        "improvements": []
+      }
+    },
+    "digital-card": {
+      "title": "Digital card",
+      "position": 6,
+      "finalScore": 6.83,
+      "team": [
+        "negr0"
+      ],
+      "stack": [
+        "Vanilla JS",
+        "Lightning Address",
+        "LNURL",
+        "Vite"
+      ],
+      "judges": [
+        {
+          "name": "Claudio",
+          "model": "Claude Opus 4.6",
+          "score": 6.25,
+          "categories": [
+            {
+              "name": "Viabilidad",
+              "score": 6
+            },
+            {
+              "name": "Impacto Bitcoin",
+              "score": 7
+            },
+            {
+              "name": "Implementación",
+              "score": 6
+            },
+            {
+              "name": "Originalidad",
+              "score": 6
+            },
+            {
+              "name": "Feedback Global",
+              "score": 6
+            }
+          ]
+        },
+        {
+          "name": "Gorilatron",
+          "model": "OpenAI Codex 5.4",
+          "score": 6.1,
+          "categories": [
+            {
+              "name": "Compilación",
+              "score": 7.5
+            },
+            {
+              "name": "Calidad de Código",
+              "score": 6.8
+            },
+            {
+              "name": "Testing",
+              "score": 3
+            },
+            {
+              "name": "Consistencia",
+              "score": 6.5
+            },
+            {
+              "name": "Seguridad",
+              "score": 4.5
+            },
+            {
+              "name": "Innovación",
+              "score": 7.2
+            }
+          ],
+          "summary": "Es un proyecto real, con build reproducible, demo pública y una integración bastante ambiciosa entre identidad Nostr y cobros Lightning. La base técnica tiene valor, pero queda castigada por una arquitectura demasiado monolítica y por tests que no pasan. El principal riesgo técnico es seguridad de persistencia: el esquema de Supabase propuesto permite modificaciones públicas de datos. Destaca por"
+        },
+        {
+          "name": "Gorilator",
+          "model": "Claude Opus 4.6",
+          "score": 8.15,
+          "categories": [
+            {
+              "name": "Funcionalidad",
+              "score": 8
+            },
+            {
+              "name": "UI/UX",
+              "score": 9
+            },
+            {
+              "name": "QR & Lightning",
+              "score": 8
+            },
+            {
+              "name": "Completitud",
+              "score": 7
+            },
+            {
+              "name": "Experiencia General",
+              "score": 8
+            }
+          ],
+          "summary": "Tarjeta digital Bitcoin con flujo completo end-to-end. Pago 21 sats detectado en 2s. UI profesional, múltiples métodos de pago."
+        }
+      ],
+      "feedback": {
+        "strengths": [],
+        "improvements": []
+      }
+    },
+    "hash21-shop": {
+      "title": "Hash21 Shop",
+      "position": 3,
+      "finalScore": 7.07,
+      "team": [
+        "Abstract Lai",
+        "Ragnar"
+      ],
+      "stack": [
+        "HTML/CSS/JS",
+        "LNURL-pay",
+        "NIP-57 Zaps",
+        "Lightning Address"
+      ],
+      "judges": [
+        {
+          "name": "Claudio",
+          "model": "Claude Opus 4.6",
+          "score": 7.4,
+          "categories": [
+            {
+              "name": "Viabilidad",
+              "score": 8
+            },
+            {
+              "name": "Impacto Bitcoin",
+              "score": 8
+            },
+            {
+              "name": "Implementación",
+              "score": 5
+            },
+            {
+              "name": "Originalidad",
+              "score": 8
+            },
+            {
+              "name": "Feedback Global",
+              "score": 8
+            }
+          ]
+        },
+        {
+          "name": "Gorilatron",
+          "model": "OpenAI Codex 5.4",
+          "score": 4.9,
+          "categories": [
+            {
+              "name": "Compilación",
+              "score": 8.5
+            },
+            {
+              "name": "Calidad de Código",
+              "score": 5
+            },
+            {
+              "name": "Testing",
+              "score": 0
+            },
+            {
+              "name": "Consistencia",
+              "score": 6
+            },
+            {
+              "name": "Seguridad",
+              "score": 2
+            },
+            {
+              "name": "Innovación",
+              "score": 7
+            }
+          ],
+          "summary": "Hash21 está realmente construido: el sitio corre fácil y muestra una integración Lightning visible, con shop, zaps y verificación de certificados. La base técnica alcanza para una demo funcional, pero no para considerarla confiable en producción porque el flujo de pagos y datos sensibles está resuelto con criterio de seguridad débil. Lo mejor del proyecto es la integración de primitives Bitcoin/Li"
+        },
+        {
+          "name": "Gorilator",
+          "model": "Claude Opus 4.6",
+          "score": 8.9,
+          "categories": [
+            {
+              "name": "Funcionalidad",
+              "score": 9
+            },
+            {
+              "name": "UI/UX",
+              "score": 9
+            },
+            {
+              "name": "QR & Lightning",
+              "score": 9
+            },
+            {
+              "name": "Completitud",
+              "score": 8
+            },
+            {
+              "name": "Experiencia General",
+              "score": 9
+            }
+          ],
+          "summary": "E-commerce de joyería Bitcoin real. Diseño premium, pagos NIP-57 en 2s, 42 sats gastados. Mejor experiencia visual de la hackathon."
+        }
+      ],
+      "feedback": {
+        "strengths": [],
+        "improvements": []
+      }
+    },
+    "life-action-plan": {
+      "title": "Life Action Plan",
+      "position": 15,
+      "finalScore": 4.83,
+      "team": [
+        "naranja"
+      ],
+      "stack": [
+        "Vanilla JS",
+        "Lightning Address",
+        "Habit Tracker"
+      ],
+      "judges": [
+        {
+          "name": "Claudio",
+          "model": "Claude Opus 4.6",
+          "score": 4.55,
+          "categories": [
+            {
+              "name": "Viabilidad",
+              "score": 5
+            },
+            {
+              "name": "Impacto Bitcoin",
+              "score": 3
+            },
+            {
+              "name": "Implementación",
+              "score": 6
+            },
+            {
+              "name": "Originalidad",
+              "score": 5
+            },
+            {
+              "name": "Feedback Global",
+              "score": 4
+            }
+          ]
+        },
+        {
+          "name": "Gorilatron",
+          "model": "OpenAI Codex 5.4",
+          "score": 5.9,
+          "categories": [
+            {
+              "name": "Compilación",
+              "score": 6.5
+            },
+            {
+              "name": "Calidad de Código",
+              "score": 6.5
+            },
+            {
+              "name": "Testing",
+              "score": 6
+            },
+            {
+              "name": "Consistencia",
+              "score": 5.5
+            },
+            {
+              "name": "Seguridad",
+              "score": 5
+            },
+            {
+              "name": "Innovación",
+              "score": 5
+            }
+          ],
+          "summary": "Es un proyecto real, no humo: instala, builda y trae bastante código funcional con buena cobertura en backend. La base técnica es razonablemente seria, pero todavía no está cerrada como implementación confiable porque lint, typecheck y una parte relevante de la suite de tests fallan. El principal riesgo está en seguridad/autorización por el uso de un usuario por defecto compartido y en secretos ci"
+        },
+        {
+          "name": "Gorilator",
+          "model": "Claude Opus 4.6",
+          "score": 4.05,
+          "categories": [
+            {
+              "name": "Funcionalidad",
+              "score": 5
+            },
+            {
+              "name": "UI/UX",
+              "score": 4
+            },
+            {
+              "name": "QR & Lightning",
+              "score": 3
+            },
+            {
+              "name": "Completitud",
+              "score": 5
+            },
+            {
+              "name": "Experiencia General",
+              "score": 3
+            }
+          ],
+          "summary": "Sin live URL. Codebase sustancial con 228 tests. No verificable como usuario. Score bajo por falta de deployment."
+        }
+      ],
+      "feedback": {
+        "strengths": [],
+        "improvements": []
+      }
+    },
+    "nosteach": {
+      "title": "NosTeach",
+      "position": 14,
+      "finalScore": 5,
+      "team": [
+        "Fred",
+        "Langostero"
+      ],
+      "stack": [
+        "Vite",
+        "nostr-tools",
+        "Alby SDK",
+        "Playwright"
+      ],
+      "judges": [
+        {
+          "name": "Claudio",
+          "model": "Claude Opus 4.6",
+          "score": 5.45,
+          "categories": [
+            {
+              "name": "Viabilidad",
+              "score": 5
+            },
+            {
+              "name": "Impacto Bitcoin",
+              "score": 7
+            },
+            {
+              "name": "Implementación",
+              "score": 4
+            },
+            {
+              "name": "Originalidad",
+              "score": 7
+            },
+            {
+              "name": "Feedback Global",
+              "score": 4
+            }
+          ]
+        },
+        {
+          "name": "Gorilatron",
+          "model": "OpenAI Codex 5.4",
+          "score": 5.4,
+          "categories": [
+            {
+              "name": "Compilación",
+              "score": 7
+            },
+            {
+              "name": "Calidad de Código",
+              "score": 5.8
+            },
+            {
+              "name": "Testing",
+              "score": 2.5
+            },
+            {
+              "name": "Consistencia",
+              "score": 5.5
+            },
+            {
+              "name": "Seguridad",
+              "score": 3
+            },
+            {
+              "name": "Innovación",
+              "score": 7.5
+            }
+          ],
+          "summary": "NosTeach es un MVP real y no solo humo: builda, levanta y muestra una integración bastante ambiciosa de Nostr + Lightning para educación descentralizada. La base técnica, sin embargo, todavía es frágil: testing poco reproducible, arquitectura frontend bastante acoplada y decisiones de seguridad flojas para un proyecto que maneja identidad y pagos. Lo que más destaca es la ambición técnica del domi"
+        },
+        {
+          "name": "Gorilator",
+          "model": "Claude Opus 4.6",
+          "score": 4.15,
+          "categories": [
+            {
+              "name": "Funcionalidad",
+              "score": 5
+            },
+            {
+              "name": "UI/UX",
+              "score": 4
+            },
+            {
+              "name": "QR & Lightning",
+              "score": 4
+            },
+            {
+              "name": "Completitud",
+              "score": 4
+            },
+            {
+              "name": "Experiencia General",
+              "score": 3
+            }
+          ],
+          "summary": "Sin live URL. Gorilatron confirma que compila y corre en localhost. Integración Nostr + Lightning real pero no verificable sin deployment. Score bajo por falta de accesibilidad."
+        }
+      ],
+      "feedback": {
+        "strengths": [],
+        "improvements": []
+      }
+    },
+    "proof-of-attendance-hdmp": {
+      "title": "Proof of Attendance (HDMP)",
+      "position": 1,
+      "finalScore": 7.49,
+      "team": [
+        "Looker"
+      ],
+      "stack": [
+        "Vanilla JS + Vite",
+        "NWC (NIP-47)",
+        "LNURL",
+        "Nostr Zaps (NIP-57)",
+        "HMAC-SHA256"
+      ],
+      "judges": [
+        {
+          "name": "Claudio",
+          "model": "Claude Opus 4.6",
+          "score": 7.1,
+          "categories": [
+            {
+              "name": "Viabilidad",
+              "score": 7
+            },
+            {
+              "name": "Impacto Bitcoin",
+              "score": 8
+            },
+            {
+              "name": "Implementación",
+              "score": 6
+            },
+            {
+              "name": "Originalidad",
+              "score": 7
+            },
+            {
+              "name": "Feedback Global",
+              "score": 7
+            }
+          ]
+        },
+        {
+          "name": "Gorilatron",
+          "model": "OpenAI Codex 5.4",
+          "score": 6.4,
+          "categories": [
+            {
+              "name": "Compilación",
+              "score": 8.5
+            },
+            {
+              "name": "Calidad de Código",
+              "score": 5.4
+            },
+            {
+              "name": "Testing",
+              "score": 6.4
+            },
+            {
+              "name": "Consistencia",
+              "score": 6.1
+            },
+            {
+              "name": "Seguridad",
+              "score": 4.1
+            },
+            {
+              "name": "Innovación",
+              "score": 8.2
+            }
+          ]
+        },
+        {
+          "name": "Gorilator",
+          "model": "Claude Opus 4.6",
+          "score": 8.98,
+          "categories": [
+            {
+              "name": "Funcionalidad",
+              "score": 9.5
+            },
+            {
+              "name": "UI/UX",
+              "score": 7.5
+            },
+            {
+              "name": "QR & Lightning",
+              "score": 10
+            },
+            {
+              "name": "Completitud",
+              "score": 8.5
+            },
+            {
+              "name": "Experiencia General",
+              "score": 9
+            }
+          ]
+        }
+      ],
+      "feedback": {
+        "strengths": [],
+        "improvements": []
+      }
+    },
+    "relam-pago": {
+      "title": "RelámPago",
+      "position": 11,
+      "finalScore": 5.92,
+      "team": [
+        "Burgos"
+      ],
+      "stack": [
+        "Vanilla JS",
+        "Lightning Invoice",
+        "QR",
+        "Vite"
+      ],
+      "judges": [
+        {
+          "name": "Claudio",
+          "model": "Claude Opus 4.6",
+          "score": 6,
+          "categories": [
+            {
+              "name": "Viabilidad",
+              "score": 7
+            },
+            {
+              "name": "Impacto Bitcoin",
+              "score": 7
+            },
+            {
+              "name": "Implementación",
+              "score": 5
+            },
+            {
+              "name": "Originalidad",
+              "score": 5
+            },
+            {
+              "name": "Feedback Global",
+              "score": 5
+            }
+          ]
+        },
+        {
+          "name": "Gorilatron",
+          "model": "OpenAI Codex 5.4",
+          "score": 5.9,
+          "categories": [
+            {
+              "name": "Compilación",
+              "score": 6.5
+            },
+            {
+              "name": "Calidad de Código",
+              "score": 5.8
+            },
+            {
+              "name": "Testing",
+              "score": 3
+            },
+            {
+              "name": "Consistencia",
+              "score": 7
+            },
+            {
+              "name": "Seguridad",
+              "score": 5.5
+            },
+            {
+              "name": "Innovación",
+              "score": 7.5
+            }
+          ],
+          "summary": "RelámPago está realmente construido y resuelve un caso concreto de adopción: cobrar por Lightning sin jerga técnica. La base técnica alcanza para demo funcional y el deploy está vivo, pero la reproducibilidad local no es limpia por el lockfile fuera de sync y la arquitectura monolítica en un solo archivo limita mantenibilidad. El riesgo principal no es un secret expuesto sino la confiabilidad oper"
+        },
+        {
+          "name": "Gorilator",
+          "model": "Claude Opus 4.6",
+          "score": 5.85,
+          "categories": [
+            {
+              "name": "Funcionalidad",
+              "score": 6
+            },
+            {
+              "name": "UI/UX",
+              "score": 6
+            },
+            {
+              "name": "QR & Lightning",
+              "score": 6
+            },
+            {
+              "name": "Completitud",
+              "score": 5
+            },
+            {
+              "name": "Experiencia General",
+              "score": 6
+            }
+          ],
+          "summary": "POS Lightning para comerciantes LATAM. Concepto simple y pragmático: imprimí el QR, el cliente escanea, pago en segundos. Timer de 10 min, detección automática con fallback manual. No se pudo completar el test de pago."
+        }
+      ],
+      "feedback": {
+        "strengths": [],
+        "improvements": []
+      }
+    },
+    "sat-lotto-v2": {
+      "title": "SatLotto V2",
+      "position": 8,
+      "finalScore": 6.37,
+      "team": [
+        "Fierillo"
+      ],
+      "stack": [
+        "Node.js",
+        "NWC",
+        "Lightning Invoice",
+        "Random Draw"
+      ],
+      "judges": [
+        {
+          "name": "Claudio",
+          "model": "Claude Opus 4.6",
+          "score": 5.8,
+          "categories": [
+            {
+              "name": "Viabilidad",
+              "score": 5
+            },
+            {
+              "name": "Impacto Bitcoin",
+              "score": 7
+            },
+            {
+              "name": "Implementación",
+              "score": 5
+            },
+            {
+              "name": "Originalidad",
+              "score": 7
+            },
+            {
+              "name": "Feedback Global",
+              "score": 5
+            }
+          ]
+        },
+        {
+          "name": "Gorilatron",
+          "model": "OpenAI Codex 5.4",
+          "score": 6.2,
+          "categories": [
+            {
+              "name": "Compilación",
+              "score": 7
+            },
+            {
+              "name": "Calidad de Código",
+              "score": 6.5
+            },
+            {
+              "name": "Testing",
+              "score": 5.5
+            },
+            {
+              "name": "Consistencia",
+              "score": 6.5
+            },
+            {
+              "name": "Seguridad",
+              "score": 4.5
+            },
+            {
+              "name": "Innovación",
+              "score": 7
+            }
+          ],
+          "summary": "SatLotto V2 está realmente construido: instala, compila y muestra una base funcional clara. El proyecto gana puntos por integrar Nostr + NWC + lógica ligada a bloques de Bitcoin, pero pierde bastante por pruebas no completamente reproducibles y por decisiones de seguridad que fallan abierto cuando la infraestructura no responde. No es humo; tampoco es una base confiable todavía para tocar dinero s"
+        },
+        {
+          "name": "Gorilator",
+          "model": "Claude Opus 4.6",
+          "score": 7.1,
+          "categories": [
+            {
+              "name": "Funcionalidad",
+              "score": 7
+            },
+            {
+              "name": "UI/UX",
+              "score": 8
+            },
+            {
+              "name": "QR & Lightning",
+              "score": 6
+            },
+            {
+              "name": "Completitud",
+              "score": 7
+            },
+            {
+              "name": "Experiencia General",
+              "score": 7
+            }
+          ],
+          "summary": "SatLotto is a visually striking Bitcoin lottery with excellent thematic design and solid NWC wallet integration. The roulette wheel UI is unique and memorable. Betting cutoff logic works correctly, but prevented full payment flow testing. Core functionality (wallet connection, number selection, real-time block tracking, active bets display) all work. Missing: QR/invoice generation verification, pa"
+        }
+      ],
+      "feedback": {
+        "strengths": [],
+        "improvements": []
+      }
+    },
+    "stacktris": {
+      "title": "Stacktris",
+      "position": 1,
+      "finalScore": 7.49,
+      "team": [
+        "—"
+      ],
+      "stack": [
+        "TypeScript",
+        "Monorepo",
+        "WebSocket",
+        "HODL Invoices",
+        "Vite"
+      ],
+      "judges": [
+        {
+          "name": "Claudio",
+          "model": "Claude Opus 4.6",
+          "score": 7.5,
+          "categories": [
+            {
+              "name": "Viabilidad",
+              "score": 7
+            },
+            {
+              "name": "Impacto Bitcoin",
+              "score": 8
+            },
+            {
+              "name": "Implementación",
+              "score": 6
+            },
+            {
+              "name": "Originalidad",
+              "score": 9
+            },
+            {
+              "name": "Feedback Global",
+              "score": 8
+            }
+          ]
+        },
+        {
+          "name": "Gorilatron",
+          "model": "OpenAI Codex 5.4",
+          "score": 6.1,
+          "categories": [
+            {
+              "name": "Compilación",
+              "score": 5
+            },
+            {
+              "name": "Calidad de Código",
+              "score": 7.3
+            },
+            {
+              "name": "Testing",
+              "score": 5.2
+            },
+            {
+              "name": "Consistencia",
+              "score": 5
+            },
+            {
+              "name": "Seguridad",
+              "score": 5
+            },
+            {
+              "name": "Innovación",
+              "score": 8.5
+            }
+          ],
+          "summary": "Stacktris está realmente construido y tiene una base técnica bastante más seria que una demo superficial: el núcleo multiplayer y el modelo de apuestas Lightning existen en código real y muestran criterio. La arquitectura general es buena, pero hoy la reproducibilidad local y la confianza de la suite quedan lastimadas por inconsistencias entre README, scripts y runtime. El principal riesgo es oper"
+        },
+        {
+          "name": "Gorilator",
+          "model": "Claude Opus 4.6",
+          "score": 8.88,
+          "categories": [
+            {
+              "name": "Funcionalidad",
+              "score": 9.5
+            },
+            {
+              "name": "UI/UX",
+              "score": 8
+            },
+            {
+              "name": "QR & Lightning",
+              "score": 10
+            },
+            {
+              "name": "Completitud",
+              "score": 7.5
+            },
+            {
+              "name": "Experiencia General",
+              "score": 9
+            }
+          ],
+          "summary": "Stacktris es un Tetris multijugador competitivo con apuestas en sats reales que funciona impecablemente. Hold invoices para escrow no-custodial, payout automático al ganador, anti-cheat server-authoritative, y UI pulida con estética cyberpunk. El core está completo y es production-grade. Leaderboard y perfil están pendientes pero no rompen la experiencia. Mobile tiene issues de accesibilidad en co"
+        }
+      ],
+      "feedback": {
+        "strengths": [],
+        "improvements": []
+      }
+    },
+    "sweet-shots": {
+      "title": "Sweet Shots",
+      "position": 7,
+      "finalScore": 6.58,
+      "team": [
+        "Lalo"
+      ],
+      "stack": [
+        "Vanilla JS + Vite",
+        "Supabase",
+        "NDK",
+        "WebLN"
+      ],
+      "judges": [
+        {
+          "name": "Claudio",
+          "model": "Claude Opus 4.6",
+          "score": 6.45,
+          "categories": [
+            {
+              "name": "Viabilidad",
+              "score": 7
+            },
+            {
+              "name": "Impacto Bitcoin",
+              "score": 7
+            },
+            {
+              "name": "Implementación",
+              "score": 5
+            },
+            {
+              "name": "Originalidad",
+              "score": 6
+            },
+            {
+              "name": "Feedback Global",
+              "score": 7
+            }
+          ]
+        },
+        {
+          "name": "Gorilatron",
+          "model": "OpenAI Codex 5.4",
+          "score": 4.8,
+          "categories": [
+            {
+              "name": "Compilación",
+              "score": 5
+            },
+            {
+              "name": "Calidad de Código",
+              "score": 6.5
+            },
+            {
+              "name": "Testing",
+              "score": 0
+            },
+            {
+              "name": "Consistencia",
+              "score": 6
+            },
+            {
+              "name": "Seguridad",
+              "score": 4
+            },
+            {
+              "name": "Innovación",
+              "score": 6.5
+            }
+          ],
+          "summary": "Sweet Shots está más cerca de un MVP funcional que de humo: el frontend compila y la idea de e-commerce pastelero con Lightning está implementada con bastante trabajo real. La base técnica, sin embargo, queda en zona media por falta total de tests, documentación incompleta para reproducir el stack serverless y una seguridad admin/endpoints bastante liviana para un flujo que toca pedidos y pagos. L"
+        },
+        {
+          "name": "Gorilator",
+          "model": "Claude Opus 4.6",
+          "score": 8.5,
+          "categories": [
+            {
+              "name": "Funcionalidad",
+              "score": 9
+            },
+            {
+              "name": "UI/UX",
+              "score": 8
+            },
+            {
+              "name": "QR & Lightning",
+              "score": 9
+            },
+            {
+              "name": "Completitud",
+              "score": 8
+            },
+            {
+              "name": "Experiencia General",
+              "score": 8
+            }
+          ],
+          "summary": "Sweet Shots es un e-commerce de pastelería artesanal con integración Lightning impecable. Flujo completo funciona end-to-end: catálogo → carrito → checkout → invoice Lightning → pago real → confirmación en 4s con puntos de fidelidad. UI pulida con paleta coherente, responsive funcional, y experiencia de compra intuitiva. De los proyectos más completos y listos para producción de la hackathon."
+        }
+      ],
+      "feedback": {
+        "strengths": [],
+        "improvements": []
+      }
+    },
+    "wapu-cli": {
+      "title": "Wapu CLI",
+      "position": 9,
+      "finalScore": 6.28,
+      "team": [
+        "AndyCreed"
+      ],
+      "stack": [
+        "Node.js CLI",
+        "NWC",
+        "Lightning Payments",
+        "npm package"
+      ],
+      "judges": [
+        {
+          "name": "Claudio",
+          "model": "Claude Opus 4.6",
+          "score": 6.7,
+          "categories": [
+            {
+              "name": "Viabilidad",
+              "score": 7
+            },
+            {
+              "name": "Impacto Bitcoin",
+              "score": 7
+            },
+            {
+              "name": "Implementación",
+              "score": 7
+            },
+            {
+              "name": "Originalidad",
+              "score": 6
+            },
+            {
+              "name": "Feedback Global",
+              "score": 6
+            }
+          ]
+        },
+        {
+          "name": "Gorilatron",
+          "model": "OpenAI Codex 5.4",
+          "score": 7,
+          "categories": [
+            {
+              "name": "Compilación",
+              "score": 8.2
+            },
+            {
+              "name": "Calidad de Código",
+              "score": 7.4
+            },
+            {
+              "name": "Testing",
+              "score": 8.1
+            },
+            {
+              "name": "Consistencia",
+              "score": 7
+            },
+            {
+              "name": "Seguridad",
+              "score": 5.8
+            },
+            {
+              "name": "Innovación",
+              "score": 5.6
+            }
+          ],
+          "summary": "Wapu CLI está realmente construido: instala, empaqueta, expone comandos útiles y viene con una suite de tests sorprendentemente sólida para el tamaño del proyecto. La base técnica es prolija y mantenible, pero sigue siendo una capa delgada sobre el backend y todavía muestra criterios débiles en puntos sensibles para software de dinero, especialmente precisión numérica y hardening de inputs/auth. D"
+        },
+        {
+          "name": "Gorilator",
+          "model": "Claude Opus 4.6",
+          "score": 5.15,
+          "categories": [
+            {
+              "name": "Funcionalidad",
+              "score": 6
+            },
+            {
+              "name": "UI/UX",
+              "score": 4
+            },
+            {
+              "name": "QR & Lightning",
+              "score": 5
+            },
+            {
+              "name": "Completitud",
+              "score": 6
+            },
+            {
+              "name": "Experiencia General",
+              "score": 5
+            }
+          ],
+          "summary": "CLI para off-ramp BTC/USDT a ARS sin KYC. Funcional, 70 tests, bien documentado. No es webapp — Gorilator no puede evaluar UX ni pagos visuales. Score conservador por naturaleza del proyecto."
+        }
+      ],
+      "feedback": {
+        "strengths": [],
+        "improvements": []
+      }
+    }
+  }
+}
diff --git a/data/hackathons/reports/foundations/1-sat-to.md b/data/hackathons/reports/foundations/1-sat-to.md
new file mode 100644
index 0000000..8b8544f
--- /dev/null
+++ b/data/hackathons/reports/foundations/1-sat-to.md
@@ -0,0 +1,72 @@
+# 🏅 1 SAT a... — Reporte Final
+
+**Posición:** 4° · **Score final: 7.00**
+**Equipo:** unllamas · Jona
+**Stack:** Vite, Lightning Address, WebLN, Exchange Rates API
+
+---
+
+## 📊 Puntajes por Juez
+
+| Juez | Modelo | Puntaje |
+|------|--------|--------|
+| ⚡ Claudio | Claude Opus 4.6 | **7.15** |
+| 🤖 Gorilatron | OpenAI Codex 5.4 | **5.4** |
+| 🦍 Gorilator | Claude Opus 4.6 | **8.45** |
+
+---
+
+### ⚡ Claudio (Claude Opus 4.6) — 7.15
+| Categoría | Puntaje |
+|-----------|--------|
+| Viabilidad | 7 |
+| Impacto Bitcoin | 8 |
+| Implementación | 5 |
+| Originalidad | 8 |
+| Feedback Global | 8 |
+
+---
+
+### 🤖 Gorilatron (OpenAI Codex 5.4) — 5.4
+| Categoría | Puntaje |
+|-----------|--------|
+| Compilación | 7.5 |
+| Calidad de Código | 6.4 |
+| Testing | 0 |
+| Consistencia | 6.0 |
+| Seguridad | 5.6 |
+| Innovación | 5.8 |
+
+**Resumen:** El proyecto está realmente construido y deployado: build de producción OK, live site online y una base funcional clara. Técnicamente es un frontend útil y entendible, pero no pasa de proof-of-product pulido porque no tiene tests, el lint está roto y el build omite type-checking. Su mayor riesgo no es una falla crítica de seguridad sino la falta de rigor de ingeniería; su mayor mérito es aterrizar 
+
+---
+
+### 🦍 Gorilator (Claude Opus 4.6) — 8.45
+| Categoría | Puntaje |
+|-----------|--------|
+| Funcionalidad | 8 |
+| UI/UX | 9 |
+| QR & Lightning | 9 |
+| Completitud | 8 |
+| Experiencia General | 8 |
+
+**Resumen:** Proyecto sólido y pulido. Muestra el valor de 1 SAT en monedas LATAM con gráficos históricos, calculadora y donaciones Lightning. Diseño profesional dark-mode, responsive, con flujo de pago end-to-end que funciona impecable (QR legible, invoice válido, detección en 2.4s). 5/5 features del README implementadas. Se siente como un producto terminado, no un prototipo.
+
+---
+
+## 💡 Feedback Consolidado
+
+### Fortalezas
+- Hace tangible el valor de un sat en pesos, soles, bolívares. Donaciones Lightning funcionales. Gráficos históricos. Educación Bitcoin pura.
+- Simple pero nadie lo hizo así. 1 SAT = X pesos en 7 monedas LATAM con gráficos históricos. Concepto educativo que se explica solo.
+- Lo usaría para explicar Bitcoin a mi vieja. Detección 2.4s, diseño que parece producto real. Le daría sats para que siga.
+- README permite instalar y correr con pnpm; el build de producción pasó con `npx -y pnpm@8.15.6 build`. Hay fricción técnica: el script `lint` falla po
+
+### Áreas de Mejora
+- Sin tests, lint roto, typescript.ignoreBuildErrors = true. Pero el producto como usuario es impecable (detección 2.4s). Deuda técnica vs UX pulida.
+- No encontré tests automatizados ni scripts de test en `package.json`. No hay evidencia reproducible de validación para conversiones fiat→sats, fetch d
+
+---
+
+*Reporte generado por los jueces AI de Lightning Hackathon FOUNDATIONS 2026 — La Crypta*
+*Claudio · Gorilatron · Gorilator*
diff --git a/data/hackathons/reports/foundations/SatsParty.md b/data/hackathons/reports/foundations/SatsParty.md
new file mode 100644
index 0000000..47224e2
--- /dev/null
+++ b/data/hackathons/reports/foundations/SatsParty.md
@@ -0,0 +1,72 @@
+# 🥉 SatsParty — Reporte Final
+
+**Posición:** 13° · **Score final: 5.42**
+**Equipo:** Cyberpunk
+**Stack:** Vanilla JS, Lightning Invoice, QR, Party Mode
+
+---
+
+## 📊 Puntajes por Juez
+
+| Juez | Modelo | Puntaje |
+|------|--------|--------|
+| ⚡ Claudio | Claude Opus 4.6 | **5.7** |
+| 🤖 Gorilatron | OpenAI Codex 5.4 | **5.7** |
+| 🦍 Gorilator | Claude Opus 4.6 | **4.85** |
+
+---
+
+### ⚡ Claudio (Claude Opus 4.6) — 5.7
+| Categoría | Puntaje |
+|-----------|--------|
+| Viabilidad | 6 |
+| Impacto Bitcoin | 7 |
+| Implementación | 4 |
+| Originalidad | 7 |
+| Feedback Global | 4 |
+
+---
+
+### 🤖 Gorilatron (OpenAI Codex 5.4) — 5.7
+| Categoría | Puntaje |
+|-----------|--------|
+| Compilación | 7.5 |
+| Calidad de Código | 6.8 |
+| Testing | 0 |
+| Consistencia | 6.0 |
+| Seguridad | 4.5 |
+| Innovación | 8.2 |
+
+**Resumen:** SatsParty está bastante más construido que un mock: compila, tiene deploy real y una arquitectura Lightning con intención seria. La base técnica es razonable, pero todavía mezcla demo mode con producción y deja huecos importantes en auth, secretos por defecto y ausencia total de tests. Lo mejor del proyecto es la innovación aplicada al onboarding presencial; lo que más lo frena es la falta de endu
+
+---
+
+### 🦍 Gorilator (Claude Opus 4.6) — 4.85
+| Categoría | Puntaje |
+|-----------|--------|
+| Funcionalidad | 5 |
+| UI/UX | 5 |
+| QR & Lightning | 4 |
+| Completitud | 5 |
+| Experiencia General | 5 |
+
+**Resumen:** SatsParty: plataforma de onboarding para eventos con wallets Lightning. Backend responde pero el frontend solo muestra 'CARGANDO' en web fetch. Browser test timed out sin screenshots. Evaluación incompleta — score conservador basado en evidencia disponible.
+
+---
+
+## 💡 Feedback Consolidado
+
+### Fortalezas
+- `npm ci` y `npm run build` funcionan; el frontend compila limpio en producción. El backend local también levanta y responde en `/api/health` y `/api/p
+- La propuesta técnica es buena y específica para Bitcoin/Lightning: onboarding masivo en eventos, sub-wallets aisladas vía Alby Hub, Lightning Addresse
+
+### Áreas de Mejora
+- Sin tests, JWT_SECRET hardcodeado, primer pubkey = admin, endpoints 501. Frontend carga pero Gorilator no pudo completar ningún flujo.
+- Idea buena, ejecución incompleta. No le daría sats todavía — necesita que el flujo funcione de verdad.
+- No hay tests automatizados y `npm test` falla porque no existe script `test`. No hay evidencia de cobertura sobre onboarding, pagos, LNURL-pay, auth n
+- No encontré secrets reales hardcodeados ni credenciales productivas en git, lo cual suma. Pero hay problemas serios de criterio: `JWT_SECRET` cae a un
+
+---
+
+*Reporte generado por los jueces AI de Lightning Hackathon FOUNDATIONS 2026 — La Crypta*
+*Claudio · Gorilatron · Gorilator*
diff --git a/data/hackathons/reports/foundations/Streamsats.md b/data/hackathons/reports/foundations/Streamsats.md
new file mode 100644
index 0000000..b4d78b8
--- /dev/null
+++ b/data/hackathons/reports/foundations/Streamsats.md
@@ -0,0 +1,73 @@
+# 📋 Streamsats — Reporte Final
+
+**Posición:** 10° · **Score final: 6.17**
+**Equipo:** Federico
+**Stack:** React, WebLN, Lightning Address, Streaming Payments
+
+---
+
+## 📊 Puntajes por Juez
+
+| Juez | Modelo | Puntaje |
+|------|--------|--------|
+| ⚡ Claudio | Claude Opus 4.6 | **6.0** |
+| 🤖 Gorilatron | OpenAI Codex 5.4 | **4.7** |
+| 🦍 Gorilator | Claude Opus 4.6 | **7.8** |
+
+---
+
+### ⚡ Claudio (Claude Opus 4.6) — 6.0
+| Categoría | Puntaje |
+|-----------|--------|
+| Viabilidad | 6 |
+| Impacto Bitcoin | 7 |
+| Implementación | 4 |
+| Originalidad | 7 |
+| Feedback Global | 6 |
+
+---
+
+### 🤖 Gorilatron (OpenAI Codex 5.4) — 4.7
+| Categoría | Puntaje |
+|-----------|--------|
+| Compilación | 4.5 |
+| Calidad de Código | 6.4 |
+| Testing | 0 |
+| Consistencia | 4.6 |
+| Seguridad | 3.6 |
+| Innovación | 7.4 |
+
+**Resumen:** StreamSats está realmente construido y no es puro humo: el frontend compila, el backend levanta y la idea Lightning-native del prize pool competitivo es buena. El problema es que la base de ingeniería quedó a medio cerrar: documentación equivocada, cero tests, configuración inconsistente y controles de seguridad/anti-cheat demasiado débiles para un juego con pagos. Lo que lo hace destacar es la me
+
+---
+
+### 🦍 Gorilator (Claude Opus 4.6) — 7.8
+| Categoría | Puntaje |
+|-----------|--------|
+| Funcionalidad | 8 |
+| UI/UX | 7 |
+| QR & Lightning | 9 |
+| Completitud | 7 |
+| Experiencia General | 8 |
+
+**Resumen:** Arcade pay-to-play competitivo. 30 sats gastados en 3 pagos, detección 2s. Multiplayer real con WebSocket.
+
+---
+
+## 💡 Feedback Consolidado
+
+### Fortalezas
+- Arcade pay-to-play. 3 pagos de 10 sats exitosos, detección en 2s via WebSocket. 20 challenges, anti-cheat, modo demo.
+- Invoice generado, QR funcional, 30 sats pagados (3 pagos), detección WebSocket en 2s. Backend completo Express+WS.
+- Juego divertido y funcional con Lightning. Pay-to-play con bote acumulado.
+
+### Áreas de Mejora
+- Sin tests, README del starter kit sin personalizar, JWT_SECRET con fallback inseguro. Funciona como usuario pero la base técnica es floja.
+- El repo instala, builda y el server levanta en modo mock, pero el README está casi completamente desalineado: sigue siendo el starter kit de La Crypta
+- No encontré tests automatizados ni carpetas/archivos de test. Tampoco hay scripts `test` en `package.json`. Para un juego con pagos, sesiones y payout
+- La estructura de carpetas es limpia y `.gitignore` está correcto, pero la consistencia documental cae fuerte: README y AGENTS/CLAUDE describen otro pr
+
+---
+
+*Reporte generado por los jueces AI de Lightning Hackathon FOUNDATIONS 2026 — La Crypta*
+*Claudio · Gorilatron · Gorilator*
diff --git a/data/hackathons/reports/foundations/anirayo.md b/data/hackathons/reports/foundations/anirayo.md
new file mode 100644
index 0000000..25caee5
--- /dev/null
+++ b/data/hackathons/reports/foundations/anirayo.md
@@ -0,0 +1,73 @@
+# 🥈 AniRayo — Reporte Final
+
+**Posición:** 12° · **Score final: 5.85**
+**Equipo:** CapitanDelEscabio
+**Stack:** Web NFC, NWC (NIP-47), Lightning Payments, Vite
+
+---
+
+## 📊 Puntajes por Juez
+
+| Juez | Modelo | Puntaje |
+|------|--------|--------|
+| ⚡ Claudio | Claude Opus 4.6 | **5.35** |
+| 🤖 Gorilatron | OpenAI Codex 5.4 | **6.5** |
+| 🦍 Gorilator | Claude Opus 4.6 | **5.7** |
+
+---
+
+### ⚡ Claudio (Claude Opus 4.6) — 5.35
+| Categoría | Puntaje |
+|-----------|--------|
+| Viabilidad | 5 |
+| Impacto Bitcoin | 6 |
+| Implementación | 4 |
+| Originalidad | 8 |
+| Feedback Global | 4 |
+
+---
+
+### 🤖 Gorilatron (OpenAI Codex 5.4) — 6.5
+| Categoría | Puntaje |
+|-----------|--------|
+| Compilación | 7.8 |
+| Calidad de Código | 6.6 |
+| Testing | 6.2 |
+| Consistencia | 5.4 |
+| Seguridad | 4.7 |
+| Innovación | 7.9 |
+
+**Resumen:** Es un MVP real, no solo una idea: compila, tiene tests y la propuesta técnica de usar Web NFC con NWC para pagos Lightning es genuinamente interesante. La base de código es entendible y suficiente para hackathon, pero todavía le falta criterio de producto y de seguridad para confiarla en contexto real. El principal problema no es que esté roto, sino que la entrega está desalineada y algo descuidad
+
+---
+
+### 🦍 Gorilator (Claude Opus 4.6) — 5.7
+| Categoría | Puntaje |
+|-----------|--------|
+| Funcionalidad | 5 |
+| UI/UX | 7 |
+| QR & Lightning | 6 |
+| Completitud | 5 |
+| Experiencia General | 5 |
+
+**Resumen:** TapSats es un concepto innovador de POS Lightning con NFC ring — la idea de 'tap to pay' con sats es poderosa y diferenciadora. La UI es pulida con dark theme coherente y buena responsividad. Genera invoices BOLT11 válidos y los QR se decodifican correctamente. Sin embargo, la URL submitida (anirayo.vercel.app) devuelve 404, el flujo principal (NFC) solo funciona en Chrome Android con hardware esp
+
+---
+
+## 💡 Feedback Consolidado
+
+### Fortalezas
+- NFC + Lightning para POS contactless es genuinamente original. No vi esto en otra hackathon de La Crypta. Tap to pay con sats usando un anillo NFC es 
+- `npm ci`, `npm run build` y `npm test` corren OK en limpio. El setup básico es reproducible, pero la entrega es inconsistente: el repo se llama AniRay
+- La combinación de Web NFC + NWC para un POS contactless Lightning es una idea técnicamente interesante y bastante alineada con el scope Foundations. N
+
+### Áreas de Mejora
+- POS contactless con NFC es un caso de uso real y valioso. Pero depende de hardware específico (NFC ring + Chrome Android), lo que limita la adopción g
+- La URL de entrega da 404 — eso es grave. El nombre no coincide (AniRayo vs TapSats). Tests mockeados. Pago de 100 sats se realizó pero la app no lo de
+- La idea es excelente pero la entrega no está a la altura. URL rota, nombre inconsistente, pago sin detección. Si esto fuera un pitch diría 'genial, co
+- No encontré secrets reales hardcodeados y `.env` está ignorado. Pero hay debilidades claras: se almacena la URI NWC completa en un tag NFC sin protecc
+
+---
+
+*Reporte generado por los jueces AI de Lightning Hackathon FOUNDATIONS 2026 — La Crypta*
+*Claudio · Gorilatron · Gorilator*
diff --git a/data/hackathons/reports/foundations/bitbybit-habits.md b/data/hackathons/reports/foundations/bitbybit-habits.md
new file mode 100644
index 0000000..8afaae0
--- /dev/null
+++ b/data/hackathons/reports/foundations/bitbybit-habits.md
@@ -0,0 +1,74 @@
+# 🏅 BitByBit — Reporte Final
+
+**Posición:** 5° · **Score final: 6.98**
+**Equipo:** Anix · Llopo · Wander · Leon
+**Stack:** TypeScript, NWC (NIP-47), Vitest (208 tests), SQLite
+
+---
+
+## 📊 Puntajes por Juez
+
+| Juez | Modelo | Puntaje |
+|------|--------|--------|
+| ⚡ Claudio | Claude Opus 4.6 | **8.15** |
+| 🤖 Gorilatron | OpenAI Codex 5.4 | **8.1** |
+| 🦍 Gorilator | Claude Opus 4.6 | **4.7** |
+
+---
+
+### ⚡ Claudio (Claude Opus 4.6) — 8.15
+| Categoría | Puntaje |
+|-----------|--------|
+| Viabilidad | 8 |
+| Impacto Bitcoin | 8 |
+| Implementación | 8 |
+| Originalidad | 9 |
+| Feedback Global | 8 |
+
+---
+
+### 🤖 Gorilatron (OpenAI Codex 5.4) — 8.1
+| Categoría | Puntaje |
+|-----------|--------|
+| Compilación | 8.8 |
+| Calidad de Código | 8.0 |
+| Testing | 9.0 |
+| Consistencia | 8.0 |
+| Seguridad | 6.5 |
+| Innovación | 7.8 |
+
+**Resumen:** BitByBit está realmente construido, no es humo: compila, buildea y trae una suite de tests inusualmente fuerte para hackathon. La base técnica es sólida, especialmente en el flujo Lightning end-to-end y en la prolijidad general del repo. El principal riesgo está en la capa de seguridad/validación, que es razonable pero todavía liviana para una app con pagos. Destaca por ejecución consistente y por
+
+---
+
+### 🦍 Gorilator (Claude Opus 4.6) — 4.7
+| Categoría | Puntaje |
+|-----------|--------|
+| Funcionalidad | 5 |
+| UI/UX | 8 |
+| QR & Lightning | 1 |
+| Completitud | 4 |
+| Experiencia General | 5 |
+
+**Resumen:** BitByBit presents a polished UI with excellent branding and a compelling value proposition ('Mesada 2.0' — kids earn real Bitcoin by completing habits). The landing page is professional, the demo flows are well-designed, and the onboarding works smoothly through family creation. CRITICAL FLAW: Despite being submitted to a Lightning Hackathon themed 'Lightning Payments Basics', the app has ZERO fun
+
+---
+
+## 💡 Feedback Consolidado
+
+### Fortalezas
+- Mesada 2.0 — padres crean hábitos, chicos ganan sats. Resuelve un problema real de educación financiera familiar. Tiene modelo claro: sponsors fondean
+- NWC + NIP-47 para pagos reales. Los sats son el incentivo, no un sticker. Open source, 208 tests. Soberano. Grassroots: diseñado para familias argenti
+- 208 tests, TS limpio, lint OK, build OK. La mejor base técnica de la hackathon. Demo mode inteligente para mostrar sin wallet. Scope bien priorizado.
+- No vi esto antes. Habit tracker + Lightning para chicos es una idea brillante. La mecánica sponsor/kid es elegante. Potencial real de onboarding famil
+
+### Áreas de Mejora
+- Landing loads perfectly. Demo flows work (sponsor 5 steps, kid 4 steps) with role selection, family creation, and habit assignment. Registration works
+- CRITICAL FAILURE: No Lightning integration visible in live app. README promises: 'Sats arrive instantly via Lightning', 'NWC (Nostr Wallet Connect)', 
+- Out of 8 promised features: (1) ✅ Parent creates family (works in demo & onboarding), (2) ❌ Kids connect Lightning wallet (no UI for this), (3) ✅ Pare
+- Concept is excellent and timely: 'Mesada 2.0' (allowance 2.0) using Bitcoin to teach kids financial responsibility through real rewards. The pitch ('K
+
+---
+
+*Reporte generado por los jueces AI de Lightning Hackathon FOUNDATIONS 2026 — La Crypta*
+*Claudio · Gorilatron · Gorilator*
diff --git a/data/hackathons/reports/foundations/digital-card.md b/data/hackathons/reports/foundations/digital-card.md
new file mode 100644
index 0000000..f4eabbd
--- /dev/null
+++ b/data/hackathons/reports/foundations/digital-card.md
@@ -0,0 +1,72 @@
+# 🏅 Digital card — Reporte Final
+
+**Posición:** 6° · **Score final: 6.83**
+**Equipo:** negr0
+**Stack:** Vanilla JS, Lightning Address, LNURL, Vite
+
+---
+
+## 📊 Puntajes por Juez
+
+| Juez | Modelo | Puntaje |
+|------|--------|--------|
+| ⚡ Claudio | Claude Opus 4.6 | **6.25** |
+| 🤖 Gorilatron | OpenAI Codex 5.4 | **6.1** |
+| 🦍 Gorilator | Claude Opus 4.6 | **8.15** |
+
+---
+
+### ⚡ Claudio (Claude Opus 4.6) — 6.25
+| Categoría | Puntaje |
+|-----------|--------|
+| Viabilidad | 6 |
+| Impacto Bitcoin | 7 |
+| Implementación | 6 |
+| Originalidad | 6 |
+| Feedback Global | 6 |
+
+---
+
+### 🤖 Gorilatron (OpenAI Codex 5.4) — 6.1
+| Categoría | Puntaje |
+|-----------|--------|
+| Compilación | 7.5 |
+| Calidad de Código | 6.8 |
+| Testing | 3.0 |
+| Consistencia | 6.5 |
+| Seguridad | 4.5 |
+| Innovación | 7.2 |
+
+**Resumen:** Es un proyecto real, con build reproducible, demo pública y una integración bastante ambiciosa entre identidad Nostr y cobros Lightning. La base técnica tiene valor, pero queda castigada por una arquitectura demasiado monolítica y por tests que no pasan. El principal riesgo técnico es seguridad de persistencia: el esquema de Supabase propuesto permite modificaciones públicas de datos. Destaca por 
+
+---
+
+### 🦍 Gorilator (Claude Opus 4.6) — 8.15
+| Categoría | Puntaje |
+|-----------|--------|
+| Funcionalidad | 8 |
+| UI/UX | 9 |
+| QR & Lightning | 8 |
+| Completitud | 7 |
+| Experiencia General | 8 |
+
+**Resumen:** Tarjeta digital Bitcoin con flujo completo end-to-end. Pago 21 sats detectado en 2s. UI profesional, múltiples métodos de pago.
+
+---
+
+## 💡 Feedback Consolidado
+
+### Fortalezas
+- El proyecto instala dependencias y `npm run build` funciona; además hay demo deployada. El README permite levantarlo, pero depende de credenciales de 
+- Flujo completo: crear perfil, agregar links, generar invoice, pagar, compartir. 21 sats pagados, detectados en ~2s.
+- Dark theme Bitcoin-native, responsive impecable en mobile. Múltiples métodos de pago: QR, WebLN, NWC, copy. Sonidos argentinos.
+- Invoice generado, QR funcional, pago de 21 sats exitoso, detección en 2 segundos. 9/9 tests pasando.
+
+### Áreas de Mejora
+- Hay tests automatizados, pero la suite no pasa completa: `src/nwc.test.js` falla por asumir un `localStorage.clear()` inexistente en el entorno. Ademá
+- No encontré secrets reales hardcodeados, y la NWC URL se mantiene en localStorage. El problema serio es el diseño de persistencia sugerido: las polici
+
+---
+
+*Reporte generado por los jueces AI de Lightning Hackathon FOUNDATIONS 2026 — La Crypta*
+*Claudio · Gorilatron · Gorilator*
diff --git a/data/hackathons/reports/foundations/hash21-shop.md b/data/hackathons/reports/foundations/hash21-shop.md
new file mode 100644
index 0000000..1718896
--- /dev/null
+++ b/data/hackathons/reports/foundations/hash21-shop.md
@@ -0,0 +1,74 @@
+# 🥉 Hash21 Shop — Reporte Final
+
+**Posición:** 3° · **Score final: 7.07**
+**Equipo:** Abstract Lai · Ragnar
+**Stack:** HTML/CSS/JS, LNURL-pay, NIP-57 Zaps, Lightning Address
+
+---
+
+## 📊 Puntajes por Juez
+
+| Juez | Modelo | Puntaje |
+|------|--------|--------|
+| ⚡ Claudio | Claude Opus 4.6 | **7.4** |
+| 🤖 Gorilatron | OpenAI Codex 5.4 | **4.9** |
+| 🦍 Gorilator | Claude Opus 4.6 | **8.9** |
+
+---
+
+### ⚡ Claudio (Claude Opus 4.6) — 7.4
+| Categoría | Puntaje |
+|-----------|--------|
+| Viabilidad | 8 |
+| Impacto Bitcoin | 8 |
+| Implementación | 5 |
+| Originalidad | 8 |
+| Feedback Global | 8 |
+
+---
+
+### 🤖 Gorilatron (OpenAI Codex 5.4) — 4.9
+| Categoría | Puntaje |
+|-----------|--------|
+| Compilación | 8.5 |
+| Calidad de Código | 5.0 |
+| Testing | 0.0 |
+| Consistencia | 6.0 |
+| Seguridad | 2.0 |
+| Innovación | 7.0 |
+
+**Resumen:** Hash21 está realmente construido: el sitio corre fácil y muestra una integración Lightning visible, con shop, zaps y verificación de certificados. La base técnica alcanza para una demo funcional, pero no para considerarla confiable en producción porque el flujo de pagos y datos sensibles está resuelto con criterio de seguridad débil. Lo mejor del proyecto es la integración de primitives Bitcoin/Li
+
+---
+
+### 🦍 Gorilator (Claude Opus 4.6) — 8.9
+| Categoría | Puntaje |
+|-----------|--------|
+| Funcionalidad | 9 |
+| UI/UX | 9 |
+| QR & Lightning | 9 |
+| Completitud | 8 |
+| Experiencia General | 9 |
+
+**Resumen:** E-commerce de joyería Bitcoin real. Diseño premium, pagos NIP-57 en 2s, 42 sats gastados. Mejor experiencia visual de la hackathon.
+
+---
+
+## 💡 Feedback Consolidado
+
+### Fortalezas
+- Tienda REAL de joyería Bitcoin con plata 925. Ya tiene productos. No es un demo — es un negocio. Sustentable por definición: vende cosas reales por sa
+- LNURL-pay, NIP-57 Zaps, Lightning Address. Joyería Bitcoin vendida por Bitcoin. Zero intermediarios, zero KYC. Grassroots puro. Eat what you cook: ven
+- Joyería artesanal Bitcoin vendida con Lightning. No es un clon de nada. Producto real, marca real (Hash21). Único en la hackathon.
+- Le daría sats ahora mismo. Tiene producto real, marca, y la voluntad de vender por Lightning. Que arregle la seguridad y tiene un negocio.
+
+### Áreas de Mejora
+- HTML/CSS/JS puro — funciona pero claves LNbits expuestas en frontend, checkout confirma sin verificar pago real. Para una tienda que maneja dinero, es
+- La implementación funciona, pero la lógica está concentrada en archivos HTML monolíticos con CSS y JS inline muy largos. Hay smells claros de mantenib
+- No hay tests automatizados ni estructura de testing en el repo. No existe evidencia reproducible de cobertura para flujos críticos de pagos, zaps o ve
+- Hay un problema serio: el frontend expone claves de LNbits (`LNBITS_KEY` y `LNBITS_ADMIN`) directamente en `index.html:2251-2253`, incluyendo una admi
+
+---
+
+*Reporte generado por los jueces AI de Lightning Hackathon FOUNDATIONS 2026 — La Crypta*
+*Claudio · Gorilatron · Gorilator*
diff --git a/data/hackathons/reports/foundations/life-action-plan.md b/data/hackathons/reports/foundations/life-action-plan.md
new file mode 100644
index 0000000..56c08b5
--- /dev/null
+++ b/data/hackathons/reports/foundations/life-action-plan.md
@@ -0,0 +1,68 @@
+# 🏅 Life Action Plan — Reporte Final
+
+**Posición:** 15° · **Score final: 4.83**
+**Equipo:** naranja
+**Stack:** Vanilla JS, Lightning Address, Habit Tracker
+
+---
+
+## 📊 Puntajes por Juez
+
+| Juez | Modelo | Puntaje |
+|------|--------|--------|
+| ⚡ Claudio | Claude Opus 4.6 | **4.55** |
+| 🤖 Gorilatron | OpenAI Codex 5.4 | **5.9** |
+| 🦍 Gorilator | Claude Opus 4.6 | **4.05** |
+
+---
+
+### ⚡ Claudio (Claude Opus 4.6) — 4.55
+| Categoría | Puntaje |
+|-----------|--------|
+| Viabilidad | 5 |
+| Impacto Bitcoin | 3 |
+| Implementación | 6 |
+| Originalidad | 5 |
+| Feedback Global | 4 |
+
+---
+
+### 🤖 Gorilatron (OpenAI Codex 5.4) — 5.9
+| Categoría | Puntaje |
+|-----------|--------|
+| Compilación | 6.5 |
+| Calidad de Código | 6.5 |
+| Testing | 6.0 |
+| Consistencia | 5.5 |
+| Seguridad | 5.0 |
+| Innovación | 5.0 |
+
+**Resumen:** Es un proyecto real, no humo: instala, builda y trae bastante código funcional con buena cobertura en backend. La base técnica es razonablemente seria, pero todavía no está cerrada como implementación confiable porque lint, typecheck y una parte relevante de la suite de tests fallan. El principal riesgo está en seguridad/autorización por el uso de un usuario por defecto compartido y en secretos ci
+
+---
+
+### 🦍 Gorilator (Claude Opus 4.6) — 4.05
+| Categoría | Puntaje |
+|-----------|--------|
+| Funcionalidad | 5 |
+| UI/UX | 4 |
+| QR & Lightning | 3 |
+| Completitud | 5 |
+| Experiencia General | 3 |
+
+**Resumen:** Sin live URL. Codebase sustancial con 228 tests. No verificable como usuario. Score bajo por falta de deployment.
+
+---
+
+## 💡 Feedback Consolidado
+
+### Áreas de Mejora
+- Planificador de vida asistido por LLM. Ambicioso pero ¿dónde entra Bitcoin? La conexión Lightning parece tangencial.
+- La integración Bitcoin/Lightning no es clara. API key encryption existe pero el core del producto es planificación con AI, no Bitcoin. Forzado.
+- Planificadores con AI hay muchos. El twist Bitcoin no está claro. Para una hackathon de Lightning, se esperaba más integración.
+- Mucho código, poco Bitcoin. En una hackathon de Lightning, el core debería ser Lightning. No le daría sats para este proyecto.
+
+---
+
+*Reporte generado por los jueces AI de Lightning Hackathon FOUNDATIONS 2026 — La Crypta*
+*Claudio · Gorilatron · Gorilator*
diff --git a/data/hackathons/reports/foundations/nosteach.md b/data/hackathons/reports/foundations/nosteach.md
new file mode 100644
index 0000000..9ea3004
--- /dev/null
+++ b/data/hackathons/reports/foundations/nosteach.md
@@ -0,0 +1,71 @@
+# 🏅 NosTeach — Reporte Final
+
+**Posición:** 14° · **Score final: 5.00**
+**Equipo:** Fred · Langostero
+**Stack:** Vite, nostr-tools, Alby SDK, Playwright
+
+---
+
+## 📊 Puntajes por Juez
+
+| Juez | Modelo | Puntaje |
+|------|--------|--------|
+| ⚡ Claudio | Claude Opus 4.6 | **5.45** |
+| 🤖 Gorilatron | OpenAI Codex 5.4 | **5.4** |
+| 🦍 Gorilator | Claude Opus 4.6 | **4.15** |
+
+---
+
+### ⚡ Claudio (Claude Opus 4.6) — 5.45
+| Categoría | Puntaje |
+|-----------|--------|
+| Viabilidad | 5 |
+| Impacto Bitcoin | 7 |
+| Implementación | 4 |
+| Originalidad | 7 |
+| Feedback Global | 4 |
+
+---
+
+### 🤖 Gorilatron (OpenAI Codex 5.4) — 5.4
+| Categoría | Puntaje |
+|-----------|--------|
+| Compilación | 7.0 |
+| Calidad de Código | 5.8 |
+| Testing | 2.5 |
+| Consistencia | 5.5 |
+| Seguridad | 3.0 |
+| Innovación | 7.5 |
+
+**Resumen:** NosTeach es un MVP real y no solo humo: builda, levanta y muestra una integración bastante ambiciosa de Nostr + Lightning para educación descentralizada. La base técnica, sin embargo, todavía es frágil: testing poco reproducible, arquitectura frontend bastante acoplada y decisiones de seguridad flojas para un proyecto que maneja identidad y pagos. Lo que más destaca es la ambición técnica del domi
+
+---
+
+### 🦍 Gorilator (Claude Opus 4.6) — 4.15
+| Categoría | Puntaje |
+|-----------|--------|
+| Funcionalidad | 5 |
+| UI/UX | 4 |
+| QR & Lightning | 4 |
+| Completitud | 4 |
+| Experiencia General | 3 |
+
+**Resumen:** Sin live URL. Gorilatron confirma que compila y corre en localhost. Integración Nostr + Lightning real pero no verificable sin deployment. Score bajo por falta de accesibilidad.
+
+---
+
+## 💡 Feedback Consolidado
+
+### Fortalezas
+- La propuesta técnica es interesante: educación descentralizada sobre Nostr con perfiles, cursos, evaluaciones, zaps y soporte para NIP-07/NIP-46/WebLN
+
+### Áreas de Mejora
+- Plataforma educativa sobre Nostr con Lightning. Concepto interesante pero sin deployment, sin usuarios, difícil de evaluar viabilidad.
+- Compila y corre en localhost pero no hay deployment. eval() y innerHTML son inaceptables. Tests no reproducibles.
+- Buena idea mal ejecutada. Sin URL no puedo recomendarlo. Que deployee, saque eval(), y mueva nsec del localStorage.
+- Hay varios scripts Playwright en `tests/`, lo cual muestra intención de testear flujos reales. Pero la suite principal no es reproducible por terceros
+
+---
+
+*Reporte generado por los jueces AI de Lightning Hackathon FOUNDATIONS 2026 — La Crypta*
+*Claudio · Gorilatron · Gorilator*
diff --git a/data/hackathons/reports/foundations/proof-of-attendance-hdmp.md b/data/hackathons/reports/foundations/proof-of-attendance-hdmp.md
new file mode 100644
index 0000000..89ab522
--- /dev/null
+++ b/data/hackathons/reports/foundations/proof-of-attendance-hdmp.md
@@ -0,0 +1,98 @@
+# 🏆 Proof of Attendance (HDMP) — Reporte Final
+
+**Posición:** 1° (empatado) · **Score final: 7.49**
+**Equipo:** Looker
+**Repo:** proof-of-attendance-hdmp
+**Stack:** Vanilla JS + Vite, NWC (NIP-47), LNURL, Nostr Zaps (NIP-57), HMAC-SHA256
+
+---
+
+## 📊 Puntajes por Juez
+
+| Juez | Modelo | Puntaje |
+|------|--------|---------|
+| ⚡ Claudio | Claude Opus 4.6 | **7.10** |
+| 🤖 Gorilatron | OpenAI Codex 5.4 | **6.40** |
+| 🦍 Gorilator | Claude Opus 4.6 | **8.98** |
+
+---
+
+### ⚡ Claudio (Claude Opus 4.6) — 7.10
+| Categoría | Puntaje | Peso |
+|-----------|---------|------|
+| Viabilidad | 7 | 25% |
+| Impacto Bitcoin | 8 | 25% |
+| Implementación | 6 | 20% |
+| Originalidad | 7 | 15% |
+| Feedback Global | 7 | 15% |
+
+**Lo mejor:** Resuelve un problema real de La Crypta (no-shows). NWC + Zaps + LNURL fallback + verificación pública en relays Nostr reales. No es Bitcoin como sticker — es integración genuina.
+
+**Lo que falta:** index.html de 3600 líneas es una bomba de tiempo. innerHTML + funciones en window + estado en localStorage para una app que maneja sats es riesgoso. Migrar a componentes y mover estado sensible al servidor.
+
+---
+
+### 🤖 Gorilatron (OpenAI Codex 5.4) — 6.40
+| Categoría | Puntaje | Peso |
+|-----------|---------|------|
+| Compilación | 8.5 | 20% |
+| Calidad de Código | 5.4 | 25% |
+| Testing | 6.4 | 15% |
+| Consistencia | 6.1 | 10% |
+| Seguridad | 4.1 | 15% |
+| Innovación | 8.2 | 15% |
+
+**Lo mejor:** Compila, tiene deploy, integra Lightning/Nostr de forma no trivial. Suite de tests poco común para hackathon. Mezcla NWC, fallback LNURL, Zaps, ticketing firmado y staff scanner — propuesta técnica genuina.
+
+**Lo que falta:** App principal en un `index.html` de ~3635 líneas con lógica/UI/estado mezclados. `TICKET_SECRET` cae a `process.env` sin fallback seguro. Drift fuerte entre docs (README, AGENTS.md, CLAUDE.md) y código real — rastros del starter kit sin limpiar.
+
+---
+
+### 🦍 Gorilator (Claude Opus 4.6) — 8.98
+| Categoría | Puntaje | Peso |
+|-----------|---------|------|
+| Funcionalidad | 9.5 | 30% |
+| UI/UX | 7.5 | 25% |
+| QR & Lightning | 10 | 20% |
+| Completitud | 8.5 | 15% |
+| Experiencia General | 9 | 10% |
+
+**Lo mejor:** Flujo end-to-end impecable. Pago → detección en 2 segundos → ticket firmado → Zap publicado en Nostr. Pagó 3 invoices durante testing, todos funcionaron. Se siente como producto real, no prototipo de hackathon.
+
+**Lo que falta:** Formulario de reserva minimalista (nombre + email, sin validación). Algunos elementos UI tienen z-index issues. Multi-evento existe pero el selection UX es básico.
+
+---
+
+## 🛡️ Observación Anti-Injection
+
+Los 3 jueces detectaron archivos `AGENTS.md` y `CLAUDE.md` con **framing persuasivo** — listing de features y "puntos clave para evaluación" dirigidos a evaluadores AI. No alcanzó el umbral de prompt injection deliberado, pero quedó registrado como marketing disfrazado de documentación.
+
+**Resultado:** No descalificado. Sin penalización de score.
+
+---
+
+## 💡 Feedback y Recomendaciones
+
+### Fortalezas
+1. **Integración Lightning más completa de la hackathon** — NWC + LNURL + Zaps + verificación Nostr. No es decorativo.
+2. **Resuelve un problema real** — no-shows en eventos. Modelo depósito+canje pragmático.
+3. **Scope ambicioso ejecutado** — 7 vistas, API, staff scanner, audit dashboard, multi-evento.
+4. **Pagos reales funcionando** — 3 sats pagados por Gorilator, detección en 2s.
+
+### Áreas de Mejora
+1. **Deuda técnica crítica:** Migrar de monolito HTML a componentes (React, Svelte, lo que sea). 3600 líneas en un archivo no escala.
+2. **Seguridad:** Sacar estado sensible de localStorage. HMAC está bien pero `TICKET_SECRET` necesita gestión de secrets real.
+3. **Limpiar herencia del starter kit:** README, AGENTS.md, CLAUDE.md tienen drift con el código real. Profesionalizar la documentación.
+4. **Testing:** Suite existente es casera y desacoplada del código productivo. Integrar tests con el flujo real.
+5. **UX del formulario:** Validaciones, feedback visual, manejo de errores. El checkout funciona pero el ingreso es básico.
+
+### Próximos Pasos Sugeridos
+- Refactor a componentes con estado centralizado
+- Audit de seguridad del manejo de secrets server-side
+- CI/CD con tests integrados
+- Agregar verificación de pago real en checkout (no solo optimistic)
+
+---
+
+*Reporte generado por los jueces AI de Lightning Hackathon FOUNDATIONS 2026 — La Crypta*
+*Claudio · Gorilatron · Gorilator*
diff --git a/data/hackathons/reports/foundations/relam-pago.md b/data/hackathons/reports/foundations/relam-pago.md
new file mode 100644
index 0000000..886c3a2
--- /dev/null
+++ b/data/hackathons/reports/foundations/relam-pago.md
@@ -0,0 +1,71 @@
+# 🏆 RelámPago — Reporte Final
+
+**Posición:** 11° · **Score final: 5.92**
+**Equipo:** Burgos
+**Stack:** Vanilla JS, Lightning Invoice, QR, Vite
+
+---
+
+## 📊 Puntajes por Juez
+
+| Juez | Modelo | Puntaje |
+|------|--------|--------|
+| ⚡ Claudio | Claude Opus 4.6 | **6.0** |
+| 🤖 Gorilatron | OpenAI Codex 5.4 | **5.9** |
+| 🦍 Gorilator | Claude Opus 4.6 | **5.85** |
+
+---
+
+### ⚡ Claudio (Claude Opus 4.6) — 6.0
+| Categoría | Puntaje |
+|-----------|--------|
+| Viabilidad | 7 |
+| Impacto Bitcoin | 7 |
+| Implementación | 5 |
+| Originalidad | 5 |
+| Feedback Global | 5 |
+
+---
+
+### 🤖 Gorilatron (OpenAI Codex 5.4) — 5.9
+| Categoría | Puntaje |
+|-----------|--------|
+| Compilación | 6.5 |
+| Calidad de Código | 5.8 |
+| Testing | 3.0 |
+| Consistencia | 7.0 |
+| Seguridad | 5.5 |
+| Innovación | 7.5 |
+
+**Resumen:** RelámPago está realmente construido y resuelve un caso concreto de adopción: cobrar por Lightning sin jerga técnica. La base técnica alcanza para demo funcional y el deploy está vivo, pero la reproducibilidad local no es limpia por el lockfile fuera de sync y la arquitectura monolítica en un solo archivo limita mantenibilidad. El riesgo principal no es un secret expuesto sino la confiabilidad oper
+
+---
+
+### 🦍 Gorilator (Claude Opus 4.6) — 5.85
+| Categoría | Puntaje |
+|-----------|--------|
+| Funcionalidad | 6 |
+| UI/UX | 6 |
+| QR & Lightning | 6 |
+| Completitud | 5 |
+| Experiencia General | 6 |
+
+**Resumen:** POS Lightning para comerciantes LATAM. Concepto simple y pragmático: imprimí el QR, el cliente escanea, pago en segundos. Timer de 10 min, detección automática con fallback manual. No se pudo completar el test de pago.
+
+---
+
+## 💡 Feedback Consolidado
+
+### Fortalezas
+- La propuesta está bien enfocada al problema real: convertir Lightning Address + LNURL-pay en una experiencia de cobro simple para comercios LATAM, con
+
+### Áreas de Mejora
+- Package-lock fuera de sync, 28/29 tests. Confirmación manual de pago sin verificar settlement real — eso mata la confianza. Funcional pero con hoyos.
+- POS Lightning no es nuevo. Muchos hacen esto. La ejecución es correcta pero no hay twist diferenciador.
+- Concepto correcto pero competencia fuerte. El fallback a confirmación manual le quita credibilidad como POS trustless.
+- Hay tests automatizados en Vitest y no son puramente cosméticos, pero cubren solo utilidades aisladas. La suite además falla: `src/utils.test.js:22-23
+
+---
+
+*Reporte generado por los jueces AI de Lightning Hackathon FOUNDATIONS 2026 — La Crypta*
+*Claudio · Gorilatron · Gorilator*
diff --git a/data/hackathons/reports/foundations/reports.html b/data/hackathons/reports/foundations/reports.html
new file mode 100644
index 0000000..87a3346
--- /dev/null
+++ b/data/hackathons/reports/foundations/reports.html
@@ -0,0 +1,509 @@
+<!DOCTYPE html>
+<html lang="es">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Reportes — FOUNDATIONS | La Crypta</title>
+<meta name="description" content="Reportes individuales de la Lightning Hackathon FOUNDATIONS 2026 — La Crypta">
+<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>⚡</text></svg>">
+<link rel="stylesheet" href="../../css/styles.css">
+<link rel="stylesheet" href="../../css/hackathon-detail.css">
+<style>
+  /* ─── REPORTS GRID ─── */
+  .reports-hero {
+    padding: 120px 0 60px;
+    background: linear-gradient(135deg, #0a0f1a 0%, #1a1a2e 50%, #16213e 100%);
+    position: relative;
+    overflow: hidden;
+  }
+  .reports-hero::before {
+    content: '';
+    position: absolute;
+    inset: 0;
+    background: radial-gradient(circle at 30% 20%, rgba(255, 200, 0, 0.1) 0%, transparent 50%),
+                radial-gradient(circle at 70% 80%, rgba(0, 255, 157, 0.05) 0%, transparent 50%);
+  }
+  .reports-hero .container { position: relative; z-index: 1; }
+  .reports-title {
+    font-size: 3rem;
+    font-weight: 900;
+    margin-bottom: 10px;
+    background: linear-gradient(135deg, #fff 0%, #ffc800 100%);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    background-clip: text;
+  }
+  .reports-subtitle {
+    font-size: 1.2rem;
+    color: rgba(255,255,255,0.6);
+    margin-bottom: 8px;
+  }
+  .reports-meta {
+    display: flex;
+    gap: 24px;
+    margin-top: 20px;
+    flex-wrap: wrap;
+  }
+  .reports-meta .meta-pill {
+    font-family: monospace;
+    font-size: 0.85rem;
+    padding: 6px 14px;
+    border: 1px solid rgba(255,255,255,0.15);
+    border-radius: 50px;
+    color: rgba(255,255,255,0.7);
+    background: rgba(255,255,255,0.05);
+  }
+  .reports-meta .meta-pill span { color: #ffc800; font-weight: 700; }
+
+  /* ─── CARDS GRID ─── */
+  .reports-section {
+    padding: 60px 0 80px;
+    background: #0d1117;
+  }
+  .cards-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
+    gap: 16px;
+    margin-top: 32px;
+  }
+  .report-card {
+    display: block;
+    text-decoration: none;
+    background: rgba(255,255,255,0.03);
+    border: 1px solid rgba(255,255,255,0.08);
+    border-radius: 12px;
+    padding: 20px;
+    transition: all 0.2s;
+    cursor: pointer;
+  }
+  .report-card:hover {
+    border-color: rgba(255, 200, 0, 0.4);
+    background: rgba(255, 200, 0, 0.06);
+    transform: translateY(-2px);
+  }
+  .card-top {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 12px;
+  }
+  .rank-badge {
+    font-family: monospace;
+    font-size: 0.8rem;
+    font-weight: 700;
+    color: rgba(255,255,255,0.4);
+    background: rgba(255,255,255,0.06);
+    padding: 4px 10px;
+    border-radius: 6px;
+  }
+  .score-badge {
+    font-family: monospace;
+    font-weight: 700;
+    font-size: 0.95rem;
+    padding: 4px 12px;
+    border-radius: 6px;
+  }
+  .score-green { background: rgba(34,197,94,0.15); color: #22c55e; border: 1px solid rgba(34,197,94,0.3); }
+  .score-yellow { background: rgba(234,179,8,0.15); color: #eab308; border: 1px solid rgba(234,179,8,0.3); }
+  .score-red { background: rgba(239,68,68,0.15); color: #ef4444; border: 1px solid rgba(239,68,68,0.3); }
+  .card-name {
+    font-size: 1.15rem;
+    font-weight: 700;
+    color: #fff;
+    margin-bottom: 4px;
+  }
+  .card-team {
+    font-size: 0.85rem;
+    color: rgba(255,255,255,0.45);
+  }
+  .card-unavailable {
+    opacity: 0.4;
+    cursor: default;
+  }
+  .card-unavailable:hover {
+    border-color: rgba(255,255,255,0.08);
+    background: rgba(255,255,255,0.03);
+    transform: none;
+  }
+
+  /* ─── MARKDOWN OVERLAY ─── */
+  #md-overlay {
+    display: none;
+    position: fixed;
+    inset: 0;
+    background: #0d1117;
+    z-index: 1000;
+    overflow-y: auto;
+  }
+  #md-overlay .md-inner {
+    max-width: 900px;
+    margin: 0 auto;
+    padding: 40px 24px 80px;
+  }
+  .md-back {
+    display: inline-flex;
+    align-items: center;
+    gap: 8px;
+    color: #ffc800;
+    text-decoration: none;
+    font-family: monospace;
+    font-size: 0.9rem;
+    margin-bottom: 32px;
+    transition: opacity 0.2s;
+  }
+  .md-back:hover { opacity: 0.7; }
+
+  /* ─── RENDERED MARKDOWN ─── */
+  .md-rendered { color: rgba(255,255,255,0.85); line-height: 1.7; }
+  .md-rendered h1 { font-size: 2em; font-weight: 900; margin-bottom: 16px; color: #fff; }
+  .md-rendered h2 { font-size: 1.4em; font-weight: 700; color: #ffc800; margin: 32px 0 12px; padding-bottom: 8px; border-bottom: 1px solid rgba(255,255,255,0.08); }
+  .md-rendered h3 { font-size: 1.15em; font-weight: 600; color: #fff; margin: 24px 0 8px; }
+  .md-rendered p { margin: 8px 0; color: rgba(255,255,255,0.6); }
+  .md-rendered strong { color: #fff; }
+  .md-rendered hr { border: none; border-top: 1px solid rgba(255,255,255,0.08); margin: 24px 0; }
+  .md-rendered ul, .md-rendered ol { padding-left: 24px; color: rgba(255,255,255,0.6); }
+  .md-rendered li { margin: 4px 0; }
+  .md-rendered table { width: 100%; border-collapse: collapse; margin: 16px 0; }
+  .md-rendered th { font-family: monospace; font-size: 0.75rem; letter-spacing: 0.1em; text-transform: uppercase; color: #ffc800; padding: 10px 16px; text-align: left; border-bottom: 1px solid rgba(255,200,0,0.3); }
+  .md-rendered td { padding: 10px 16px; border-bottom: 1px solid rgba(255,255,255,0.06); color: rgba(255,255,255,0.85); font-size: 0.9rem; }
+  .md-rendered tr:hover td { background: rgba(255,200,0,0.04); }
+  .md-rendered blockquote { border-left: 3px solid #ffc800; padding-left: 16px; margin: 16px 0; color: rgba(255,255,255,0.5); font-style: italic; }
+  .md-rendered code { font-family: monospace; background: rgba(255,255,255,0.06); padding: 2px 6px; border-radius: 4px; font-size: 0.9em; color: #ffc800; }
+  .md-rendered em { color: rgba(255,255,255,0.5); }
+
+  /* Project links bar */
+  .project-links-bar {
+    display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 28px;
+    padding: 16px 20px; border-radius: 10px;
+    background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08);
+  }
+  .project-link-item {
+    display: inline-flex; align-items: center; gap: 6px;
+    font-size: 0.85rem; color: rgba(255,255,255,0.7);
+    text-decoration: none; padding: 6px 14px;
+    border-radius: 8px; background: rgba(255,255,255,0.05);
+    border: 1px solid rgba(255,255,255,0.08);
+    transition: all 0.2s;
+  }
+  .project-link-item:hover { color: #ffc800; border-color: rgba(255,200,0,0.3); background: rgba(255,200,0,0.08); }
+  .project-link-item img, .project-link-item svg { width: 16px; height: 16px; opacity: 0.7; }
+  .project-link-item:hover img, .project-link-item:hover svg { opacity: 1; }
+</style>
+</head>
+<body>
+
+<!-- Navbar (same as site) -->
+<nav class="navbar">
+  <div class="nav-container">
+    <a href="https://hackaton.lacrypta.ar" class="nav-logo">
+      <img src="https://raw.githubusercontent.com/lacrypta/branding/refs/heads/main/title/512-white-transparent.png" alt="La Crypta" height="32">
+    </a>
+    <div class="nav-links">
+      <a href="../../index.html">Inicio</a>
+      <a href="../../hackathons.html">Hackathons</a>
+      <a href="foundations.html">FOUNDATIONS</a>
+    </div>
+    <button class="nav-toggle" onclick="toggleMenu()">☰</button>
+  </div>
+</nav>
+
+<!-- Hero -->
+<section class="reports-hero">
+  <div class="container">
+    <div class="reports-subtitle">LIGHTNING HACKATHON #1</div>
+    <h1 class="reports-title">Reportes FOUNDATIONS</h1>
+    <p style="color:rgba(255,255,255,0.5); font-size:1rem; max-width:600px;">Evaluación detallada de cada proyecto por 3 jueces AI independientes. Puntajes, feedback y recomendaciones.</p>
+    <div class="reports-meta">
+      <div class="meta-pill"><span>15</span> proyectos</div>
+      <div class="meta-pill"><span>3</span> jueces AI</div>
+      <div class="meta-pill"><span>569</span> sats gastados</div>
+    </div>
+  </div>
+</section>
+
+<!-- Cards Grid -->
+<section class="reports-section">
+  <div class="container">
+    <div class="cards-grid">
+
+      <a class="report-card" data-md="proof-of-attendance.md" data-rank="1">
+        <div class="card-top">
+          <span class="rank-badge">#1</span>
+          <span class="score-badge score-green">7.49</span>
+        </div>
+        <div class="card-name">Proof of Attendance</div>
+        <div class="card-team">Looker</div>
+      </a>
+
+      <a class="report-card" data-md="stacktris.md" data-rank="1">
+        <div class="card-top">
+          <span class="rank-badge">#1</span>
+          <span class="score-badge score-green">7.49</span>
+        </div>
+        <div class="card-name">Stacktris</div>
+        <div class="card-team">&nbsp;</div>
+      </a>
+
+      <a class="report-card" data-md="hash21-shop.md" data-rank="3">
+        <div class="card-top">
+          <span class="rank-badge">#3</span>
+          <span class="score-badge score-green">7.07</span>
+        </div>
+        <div class="card-name">Hash21 Shop</div>
+        <div class="card-team">Abstract Lai · Ragnar</div>
+      </a>
+
+      <a class="report-card" data-md="1-sat-to.md" data-rank="4">
+        <div class="card-top">
+          <span class="rank-badge">#4</span>
+          <span class="score-badge score-yellow">7.00</span>
+        </div>
+        <div class="card-name">1 SAT a...</div>
+        <div class="card-team">unllamas · Jona</div>
+      </a>
+
+      <a class="report-card" data-md="bitbybit.md" data-rank="5">
+        <div class="card-top">
+          <span class="rank-badge">#5</span>
+          <span class="score-badge score-yellow">6.98</span>
+        </div>
+        <div class="card-name">BitByBit</div>
+        <div class="card-team">Anix · Llopo · Wander · Leon</div>
+      </a>
+
+      <a class="report-card" data-md="digital-card.md" data-rank="6">
+        <div class="card-top">
+          <span class="rank-badge">#6</span>
+          <span class="score-badge score-yellow">6.83</span>
+        </div>
+        <div class="card-name">Digital card</div>
+        <div class="card-team">negr0</div>
+      </a>
+
+      <a class="report-card" data-md="sweet-shots.md" data-rank="7">
+        <div class="card-top">
+          <span class="rank-badge">#7</span>
+          <span class="score-badge score-yellow">6.58</span>
+        </div>
+        <div class="card-name">Sweet Shots</div>
+        <div class="card-team">Lalo</div>
+      </a>
+
+      <a class="report-card" data-md="satlotto-v2.md" data-rank="8">
+        <div class="card-top">
+          <span class="rank-badge">#8</span>
+          <span class="score-badge score-yellow">6.37</span>
+        </div>
+        <div class="card-name">SatLotto V2</div>
+        <div class="card-team">Fierillo</div>
+      </a>
+
+      <a class="report-card" data-md="wapu-cli.md" data-rank="9">
+        <div class="card-top">
+          <span class="rank-badge">#9</span>
+          <span class="score-badge score-yellow">6.28</span>
+        </div>
+        <div class="card-name">Wapu CLI</div>
+        <div class="card-team">AndyCreed</div>
+      </a>
+
+      <a class="report-card" data-md="streamsats.md" data-rank="10">
+        <div class="card-top">
+          <span class="rank-badge">#10</span>
+          <span class="score-badge score-yellow">6.17</span>
+        </div>
+        <div class="card-name">Streamsats</div>
+        <div class="card-team">Federico</div>
+      </a>
+
+      <a class="report-card" data-md="relampago.md" data-rank="11">
+        <div class="card-top">
+          <span class="rank-badge">#11</span>
+          <span class="score-badge score-yellow">5.92</span>
+        </div>
+        <div class="card-name">RelámPago</div>
+        <div class="card-team">Burgos</div>
+      </a>
+
+      <a class="report-card" data-md="anirayo.md" data-rank="12">
+        <div class="card-top">
+          <span class="rank-badge">#12</span>
+          <span class="score-badge score-yellow">5.85</span>
+        </div>
+        <div class="card-name">AniRayo</div>
+        <div class="card-team">CapitanDelEscabio</div>
+      </a>
+
+      <a class="report-card" data-md="satsparty.md" data-rank="13">
+        <div class="card-top">
+          <span class="rank-badge">#13</span>
+          <span class="score-badge score-red">5.42</span>
+        </div>
+        <div class="card-name">SatsParty</div>
+        <div class="card-team">Cyberpunk</div>
+      </a>
+
+      <a class="report-card" data-md="nosteach.md" data-rank="14">
+        <div class="card-top">
+          <span class="rank-badge">#14</span>
+          <span class="score-badge score-red">5.00</span>
+        </div>
+        <div class="card-name">NosTeach</div>
+        <div class="card-team">Fred · Langostero</div>
+      </a>
+
+      <a class="report-card" data-md="life-action-plan.md" data-rank="15">
+        <div class="card-top">
+          <span class="rank-badge">#15</span>
+          <span class="score-badge score-red">4.83</span>
+        </div>
+        <div class="card-name">Life Action Plan</div>
+        <div class="card-team">naranja</div>
+      </a>
+
+    </div>
+  </div>
+</section>
+
+<!-- Footer (same as site) -->
+<footer class="footer">
+  <div class="container">
+    <div class="footer-bottom">
+      <p style="color:rgba(255,255,255,0.4); font-size:0.85rem; margin-bottom:8px;">Evaluado por 3 jueces AI: Claudio (Claude Opus 4.6) · Gorilatron (OpenAI Codex 5.4) · Gorilator (Claude Opus 4.6)</p>
+      <p>© 2026 La Crypta · <a href="../../hackathons.html">Ver todas las hackathons</a> · <a href="../../index.html">Inicio</a></p>
+    </div>
+  </div>
+</footer>
+
+<!-- Markdown Overlay -->
+<div id="md-overlay">
+  <div class="md-inner">
+    <a href="#" class="md-back" id="md-back">← Volver a reportes</a>
+    <div id="md-content" class="md-rendered"></div>
+  </div>
+</div>
+
+<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
+<script>
+function toggleMenu() {
+  document.querySelector('.nav-links')?.classList.toggle('active');
+}
+
+// Scroll navbar
+window.addEventListener('scroll', () => {
+  const navbar = document.querySelector('.navbar');
+  if (window.scrollY > 50) navbar.classList.add('scrolled');
+  else navbar.classList.remove('scrolled');
+});
+
+// Map report slugs back to project repo slugs
+const reportToRepoMap = {
+  'proof-of-attendance': 'proof-of-attendance-hdmp',
+  'satlotto-v2': 'sat-lotto-v2',
+  'bitbybit': 'bitbybit-habits',
+  'streamsats': 'Streamsats',
+  'hash21-shop': 'hash21-shop',
+  'anirayo': 'anirayo',
+  'digital-card': 'digital-card',
+  'wapu-cli': 'wapu-cli',
+  'relampago': 'relam-pago',
+  'stacktris': 'stacktris',
+  'satsparty': 'SatsParty',
+  '1-sat-to': '1-sat-to',
+  'life-action-plan': 'life-action-plan',
+  'nosteach': 'nosteach',
+  'sweet-shots': 'sweet-shots'
+};
+
+let projectsData = null;
+async function getProjectsData() {
+  if (projectsData) return projectsData;
+  try {
+    const res = await fetch('/data/projects/foundations.json');
+    if (res.ok) projectsData = await res.json();
+  } catch(e) {}
+  return projectsData;
+}
+
+function buildProjectLinksBar(project) {
+  if (!project) return '';
+  const ghIcon = '<svg viewBox="0 0 16 16" fill="currentColor"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"/></svg>';
+  const ytIcon = '<svg viewBox="0 0 16 16" fill="currentColor"><path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408L6.4 5.209z"/></svg>';
+  const demoIcon = '🌐';
+
+  let links = [];
+  if (project.repo) links.push(`<a href="${project.repo}" target="_blank" class="project-link-item">${ghIcon} GitHub</a>`);
+  if (project.demo) links.push(`<a href="${project.demo}" target="_blank" class="project-link-item">${demoIcon} Demo</a>`);
+  if (project.pitched) links.push(`<a href="${project.pitched}" target="_blank" class="project-link-item">${ytIcon} Pitch</a>`);
+  if (project.pitched_final) links.push(`<a href="${project.pitched_final}" target="_blank" class="project-link-item">${ytIcon} Pitch Final</a>`);
+  // Team GitHub profiles
+  if (project.team) {
+    project.team.forEach(m => {
+      if (m.github) links.push(`<a href="https://github.com/${m.github}" target="_blank" class="project-link-item">${ghIcon} ${m.name}</a>`);
+    });
+  }
+  if (links.length === 0) return '';
+  return `<div class="project-links-bar">${links.join('')}</div>`;
+}
+
+async function openReport(mdFile) {
+  try {
+    const res = await fetch(mdFile);
+    if (!res.ok) { alert('Reporte no disponible aún'); return; }
+    const md = await res.text();
+    
+    // Try to find project data for links bar
+    const slug = mdFile.replace('.md', '');
+    const repoSlug = reportToRepoMap[slug];
+    const data = await getProjectsData();
+    let project = null;
+    if (data && data.projects && repoSlug) {
+      project = data.projects.find(p => (p.repo || '').endsWith('/' + repoSlug) || p.id === repoSlug);
+    }
+    
+    const linksHtml = buildProjectLinksBar(project);
+    document.getElementById('md-content').innerHTML = linksHtml + marked.parse(md);
+    document.getElementById('md-overlay').style.display = 'block';
+    document.getElementById('md-overlay').scrollTop = 0;
+    document.body.style.overflow = 'hidden';
+  } catch(e) { alert('Reporte no disponible aún'); }
+}
+
+function closeMd() {
+  document.getElementById('md-overlay').style.display = 'none';
+  document.body.style.overflow = '';
+  history.pushState(null, '', window.location.pathname);
+}
+
+document.getElementById('md-back').addEventListener('click', e => {
+  e.preventDefault();
+  closeMd();
+});
+
+document.querySelectorAll('.report-card').forEach(card => {
+  const mdFile = card.getAttribute('data-md');
+  if (!mdFile) { card.classList.add('card-unavailable'); return; }
+  card.addEventListener('click', e => {
+    e.preventDefault();
+    const name = mdFile.replace('.md', '');
+    history.pushState({ report: mdFile }, '', '?report=' + name);
+    openReport(mdFile);
+  });
+});
+
+window.addEventListener('popstate', e => {
+  if (e.state && e.state.report) openReport(e.state.report);
+  else closeMd();
+});
+
+(function() {
+  const params = new URLSearchParams(window.location.search);
+  const report = params.get('report');
+  if (report) openReport(report + '.md');
+})();
+
+document.addEventListener('keydown', e => { if (e.key === 'Escape') closeMd(); });
+</script>
+
+</body>
+</html>
diff --git a/data/hackathons/reports/foundations/sat-lotto-v2.md b/data/hackathons/reports/foundations/sat-lotto-v2.md
new file mode 100644
index 0000000..17b66aa
--- /dev/null
+++ b/data/hackathons/reports/foundations/sat-lotto-v2.md
@@ -0,0 +1,71 @@
+# 📋 SatLotto V2 — Reporte Final
+
+**Posición:** 8° · **Score final: 6.37**
+**Equipo:** Fierillo
+**Stack:** Node.js, NWC, Lightning Invoice, Random Draw
+
+---
+
+## 📊 Puntajes por Juez
+
+| Juez | Modelo | Puntaje |
+|------|--------|--------|
+| ⚡ Claudio | Claude Opus 4.6 | **5.8** |
+| 🤖 Gorilatron | OpenAI Codex 5.4 | **6.2** |
+| 🦍 Gorilator | Claude Opus 4.6 | **7.1** |
+
+---
+
+### ⚡ Claudio (Claude Opus 4.6) — 5.8
+| Categoría | Puntaje |
+|-----------|--------|
+| Viabilidad | 5 |
+| Impacto Bitcoin | 7 |
+| Implementación | 5 |
+| Originalidad | 7 |
+| Feedback Global | 5 |
+
+---
+
+### 🤖 Gorilatron (OpenAI Codex 5.4) — 6.2
+| Categoría | Puntaje |
+|-----------|--------|
+| Compilación | 7.0 |
+| Calidad de Código | 6.5 |
+| Testing | 5.5 |
+| Consistencia | 6.5 |
+| Seguridad | 4.5 |
+| Innovación | 7.0 |
+
+**Resumen:** SatLotto V2 está realmente construido: instala, compila y muestra una base funcional clara. El proyecto gana puntos por integrar Nostr + NWC + lógica ligada a bloques de Bitcoin, pero pierde bastante por pruebas no completamente reproducibles y por decisiones de seguridad que fallan abierto cuando la infraestructura no responde. No es humo; tampoco es una base confiable todavía para tocar dinero s
+
+---
+
+### 🦍 Gorilator (Claude Opus 4.6) — 7.1
+| Categoría | Puntaje |
+|-----------|--------|
+| Funcionalidad | 7 |
+| UI/UX | 8 |
+| QR & Lightning | 6 |
+| Completitud | 7 |
+| Experiencia General | 7 |
+
+**Resumen:** SatLotto is a visually striking Bitcoin lottery with excellent thematic design and solid NWC wallet integration. The roulette wheel UI is unique and memorable. Betting cutoff logic works correctly, but prevented full payment flow testing. Core functionality (wallet connection, number selection, real-time block tracking, active bets display) all work. Missing: QR/invoice generation verification, pa
+
+---
+
+## 💡 Feedback Consolidado
+
+### Fortalezas
+- Excellent visual design with strong thematic consistency. Dark navy/black background with orange (#ff8c00) Bitcoin-themed accent color. The roulette w
+
+### Áreas de Mejora
+- Lotería con sats es divertido pero tiene problemas de sustentabilidad. ¿Quién opera el pool? ¿De dónde salen los sats del premio? El modelo funciona s
+- Compila, tiene tests (122 pasan, 20 fallan), UI funcional. Pero el flujo se rompe en wallet connection — el paso más crítico. Rate limiter y DB hacen 
+- Me gusta el concepto pero me frustra que no funcione el paso más importante. Si la wallet no conecta, el juego no existe. Arreglá eso y tenés algo div
+- No encontré secrets reales hardcodeados. Aun así hay debilidades serias: queryNeon devuelve [] si falta/está placeholder NEON_URL y checkRateLimit cae
+
+---
+
+*Reporte generado por los jueces AI de Lightning Hackathon FOUNDATIONS 2026 — La Crypta*
+*Claudio · Gorilatron · Gorilator*
diff --git a/data/hackathons/reports/foundations/stacktris.md b/data/hackathons/reports/foundations/stacktris.md
new file mode 100644
index 0000000..2569c05
--- /dev/null
+++ b/data/hackathons/reports/foundations/stacktris.md
@@ -0,0 +1,73 @@
+# 🏆 Stacktris — Reporte Final
+
+**Posición:** 1° (empatado) · **Score final: 7.49**
+**Equipo:** —
+**Stack:** TypeScript, Monorepo, WebSocket, HODL Invoices, Vite
+
+---
+
+## 📊 Puntajes por Juez
+
+| Juez | Modelo | Puntaje |
+|------|--------|--------|
+| ⚡ Claudio | Claude Opus 4.6 | **7.5** |
+| 🤖 Gorilatron | OpenAI Codex 5.4 | **6.1** |
+| 🦍 Gorilator | Claude Opus 4.6 | **8.88** |
+
+---
+
+### ⚡ Claudio (Claude Opus 4.6) — 7.5
+| Categoría | Puntaje |
+|-----------|--------|
+| Viabilidad | 7 |
+| Impacto Bitcoin | 8 |
+| Implementación | 6 |
+| Originalidad | 9 |
+| Feedback Global | 8 |
+
+---
+
+### 🤖 Gorilatron (OpenAI Codex 5.4) — 6.1
+| Categoría | Puntaje |
+|-----------|--------|
+| Compilación | 5.0 |
+| Calidad de Código | 7.3 |
+| Testing | 5.2 |
+| Consistencia | 5.0 |
+| Seguridad | 5.0 |
+| Innovación | 8.5 |
+
+**Resumen:** Stacktris está realmente construido y tiene una base técnica bastante más seria que una demo superficial: el núcleo multiplayer y el modelo de apuestas Lightning existen en código real y muestran criterio. La arquitectura general es buena, pero hoy la reproducibilidad local y la confianza de la suite quedan lastimadas por inconsistencias entre README, scripts y runtime. El principal riesgo es oper
+
+---
+
+### 🦍 Gorilator (Claude Opus 4.6) — 8.88
+| Categoría | Puntaje |
+|-----------|--------|
+| Funcionalidad | 9.5 |
+| UI/UX | 8.0 |
+| QR & Lightning | 10.0 |
+| Completitud | 7.5 |
+| Experiencia General | 9.0 |
+
+**Resumen:** Stacktris es un Tetris multijugador competitivo con apuestas en sats reales que funciona impecablemente. Hold invoices para escrow no-custodial, payout automático al ganador, anti-cheat server-authoritative, y UI pulida con estética cyberpunk. El core está completo y es production-grade. Leaderboard y perfil están pendientes pero no rompen la experiencia. Mobile tiene issues de accesibilidad en co
+
+---
+
+## 💡 Feedback Consolidado
+
+### Fortalezas
+- HODL invoices es la integración Lightning más sofisticada de la hackathon. Server-authoritative evita cheating. Los sats son el core del juego, no un 
+- Tetris multijugador con apuestas Lightning y HODL invoices. No existe esto. Estética cyberpunk con datos de blockchain en vivo. El proyecto más creati
+- Lo jugaría en un evento de La Crypta. HODL invoices es brillante para fairness. El diseño cyberpunk es wow. Le daría sats.
+- Acá destaca fuerte. La combinación de Tetris multiplayer server-authoritative, motor determinista compartido, binary codec, anti-cheat por wall-clock/
+
+### Áreas de Mejora
+- `npm install` y `npm run build` funcionan, pero la reproducibilidad local queda golpeada por desajustes entre README y realidad. El README afirma que 
+- La estructura general es prolija y el README explica bien la arquitectura, pero hay inconsistencias concretas que pegan fuerte: `npm test` en README d
+- Positivos: diseño server-authoritative reduce cheating serio; el uso de hold invoices es técnicamente interesante; no detecté secretos hardcodeados ni
+
+---
+
+*Reporte generado por los jueces AI de Lightning Hackathon FOUNDATIONS 2026 — La Crypta*
+*Claudio · Gorilatron · Gorilator*
diff --git a/data/hackathons/reports/foundations/sweet-shots.md b/data/hackathons/reports/foundations/sweet-shots.md
new file mode 100644
index 0000000..01625e1
--- /dev/null
+++ b/data/hackathons/reports/foundations/sweet-shots.md
@@ -0,0 +1,74 @@
+# 📋 Sweet Shots — Reporte Final
+
+**Posición:** 7° · **Score final: 6.58**
+**Equipo:** Lalo
+**Stack:** Vanilla JS + Vite, Supabase, NDK, WebLN
+
+---
+
+## 📊 Puntajes por Juez
+
+| Juez | Modelo | Puntaje |
+|------|--------|--------|
+| ⚡ Claudio | Claude Opus 4.6 | **6.45** |
+| 🤖 Gorilatron | OpenAI Codex 5.4 | **4.8** |
+| 🦍 Gorilator | Claude Opus 4.6 | **8.5** |
+
+---
+
+### ⚡ Claudio (Claude Opus 4.6) — 6.45
+| Categoría | Puntaje |
+|-----------|--------|
+| Viabilidad | 7 |
+| Impacto Bitcoin | 7 |
+| Implementación | 5 |
+| Originalidad | 6 |
+| Feedback Global | 7 |
+
+---
+
+### 🤖 Gorilatron (OpenAI Codex 5.4) — 4.8
+| Categoría | Puntaje |
+|-----------|--------|
+| Compilación | 5.0 |
+| Calidad de Código | 6.5 |
+| Testing | 0 |
+| Consistencia | 6.0 |
+| Seguridad | 4.0 |
+| Innovación | 6.5 |
+
+**Resumen:** Sweet Shots está más cerca de un MVP funcional que de humo: el frontend compila y la idea de e-commerce pastelero con Lightning está implementada con bastante trabajo real. La base técnica, sin embargo, queda en zona media por falta total de tests, documentación incompleta para reproducir el stack serverless y una seguridad admin/endpoints bastante liviana para un flujo que toca pedidos y pagos. L
+
+---
+
+### 🦍 Gorilator (Claude Opus 4.6) — 8.5
+| Categoría | Puntaje |
+|-----------|--------|
+| Funcionalidad | 9 |
+| UI/UX | 8 |
+| QR & Lightning | 9 |
+| Completitud | 8 |
+| Experiencia General | 8 |
+
+**Resumen:** Sweet Shots es un e-commerce de pastelería artesanal con integración Lightning impecable. Flujo completo funciona end-to-end: catálogo → carrito → checkout → invoice Lightning → pago real → confirmación en 4s con puntos de fidelidad. UI pulida con paleta coherente, responsive funcional, y experiencia de compra intuitiva. De los proyectos más completos y listos para producción de la hackathon.
+
+---
+
+## 💡 Feedback Consolidado
+
+### Fortalezas
+- App carga perfecto (3.4s). Flujo completo end-to-end funciona sin fricciones: catálogo → agregar al carrito → checkout → generar invoice Lightning → p
+- Diseño pulido y coherente con paleta cálida (crema/beige, teal, ámbar para Lightning). Navegación clara con 4 items. Cart badge funciona correctamente
+- QR code grande, claro, escaneable por zbarimg sin problemas. Invoice BOLT11 válido (lnbc1210n = 121 sats). Copy button disponible. Opción de pago via 
+- Implementado: catálogo (7 productos ✓), carrito persistente (✓), checkout con Lightning (✓), QR + invoice (✓), WebLN (✓), 5% descuento (✓), panel admi
+
+### Áreas de Mejora
+- Sin tests, docs incompletas, seguridad admin floja. Pero como usuario funciona impecable: 121 sats, detección 4s, QR perfecto.
+- El frontend compila limpio con `npm run build`, pero el README no permite reproducir el flujo completo de pagos/serverless: lista variables de entorno
+- No hay tests automatizados ni scripts `test`. No existe evidencia verificable de cobertura sobre checkout, polling de invoices, endpoints admin o inte
+- No encontré secrets reales hardcodeados, pero la postura de seguridad es floja: los endpoints admin dependen de una contraseña estática enviada en cad
+
+---
+
+*Reporte generado por los jueces AI de Lightning Hackathon FOUNDATIONS 2026 — La Crypta*
+*Claudio · Gorilatron · Gorilator*
diff --git a/data/hackathons/reports/foundations/wapu-cli.md b/data/hackathons/reports/foundations/wapu-cli.md
new file mode 100644
index 0000000..ac932d5
--- /dev/null
+++ b/data/hackathons/reports/foundations/wapu-cli.md
@@ -0,0 +1,71 @@
+# 📋 Wapu CLI — Reporte Final
+
+**Posición:** 9° · **Score final: 6.28**
+**Equipo:** AndyCreed
+**Stack:** Node.js CLI, NWC, Lightning Payments, npm package
+
+---
+
+## 📊 Puntajes por Juez
+
+| Juez | Modelo | Puntaje |
+|------|--------|--------|
+| ⚡ Claudio | Claude Opus 4.6 | **6.7** |
+| 🤖 Gorilatron | OpenAI Codex 5.4 | **7.0** |
+| 🦍 Gorilator | Claude Opus 4.6 | **5.15** |
+
+---
+
+### ⚡ Claudio (Claude Opus 4.6) — 6.7
+| Categoría | Puntaje |
+|-----------|--------|
+| Viabilidad | 7 |
+| Impacto Bitcoin | 7 |
+| Implementación | 7 |
+| Originalidad | 6 |
+| Feedback Global | 6 |
+
+---
+
+### 🤖 Gorilatron (OpenAI Codex 5.4) — 7.0
+| Categoría | Puntaje |
+|-----------|--------|
+| Compilación | 8.2 |
+| Calidad de Código | 7.4 |
+| Testing | 8.1 |
+| Consistencia | 7.0 |
+| Seguridad | 5.8 |
+| Innovación | 5.6 |
+
+**Resumen:** Wapu CLI está realmente construido: instala, empaqueta, expone comandos útiles y viene con una suite de tests sorprendentemente sólida para el tamaño del proyecto. La base técnica es prolija y mantenible, pero sigue siendo una capa delgada sobre el backend y todavía muestra criterios débiles en puntos sensibles para software de dinero, especialmente precisión numérica y hardening de inputs/auth. D
+
+---
+
+### 🦍 Gorilator (Claude Opus 4.6) — 5.15
+| Categoría | Puntaje |
+|-----------|--------|
+| Funcionalidad | 6 |
+| UI/UX | 4 |
+| QR & Lightning | 5 |
+| Completitud | 6 |
+| Experiencia General | 5 |
+
+**Resumen:** CLI para off-ramp BTC/USDT a ARS sin KYC. Funcional, 70 tests, bien documentado. No es webapp — Gorilator no puede evaluar UX ni pagos visuales. Score conservador por naturaleza del proyecto.
+
+---
+
+## 💡 Feedback Consolidado
+
+### Fortalezas
+- El proyecto instala y empaqueta bien con `uv sync --dev`, `uv build` y `uv run wapu --help`; además la suite corre completa. README cubre instalación,
+- Hay una suite real y útil: `uv run pytest -q` dio 70/70 tests pasando. Cubre auth, precedencia de config, rendering, errores HTTP y comandos CLI con `
+
+### Áreas de Mejora
+- CLI has no visual UI. Help output exists. Not applicable for browser-based UX evaluation.
+- Uses Lightning Address for deposits. No QR codes (CLI). Payment flow is via API, not visual.
+- Useful tool for devs/power users. Not a consumer experience. Appropriate for its scope.
+
+---
+
+*Reporte generado por los jueces AI de Lightning Hackathon FOUNDATIONS 2026 — La Crypta*
+*Claudio · Gorilatron · Gorilator*
diff --git a/data/hackathons/reports/identity/reports.html b/data/hackathons/reports/identity/reports.html
new file mode 100644
index 0000000..516a870
--- /dev/null
+++ b/data/hackathons/reports/identity/reports.html
@@ -0,0 +1,430 @@
+<!DOCTYPE html>
+<html lang="es">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Reportes — IDENTITY | La Crypta</title>
+<meta name="description" content="Reportes individuales de la Lightning Hackathon IDENTITY 2026 — La Crypta">
+<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>⚡</text></svg>">
+<link rel="stylesheet" href="../../css/styles.css">
+<link rel="stylesheet" href="../../css/hackathon-detail.css">
+<style>
+  /* ─── REPORTS GRID ─── */
+  .reports-hero {
+    padding: 120px 0 60px;
+    background: linear-gradient(135deg, #0a0f1a 0%, #1a1a2e 50%, #16213e 100%);
+    position: relative;
+    overflow: hidden;
+  }
+  .reports-hero::before {
+    content: '';
+    position: absolute;
+    inset: 0;
+    background: radial-gradient(circle at 30% 20%, rgba(255, 200, 0, 0.1) 0%, transparent 50%),
+                radial-gradient(circle at 70% 80%, rgba(0, 255, 157, 0.05) 0%, transparent 50%);
+  }
+  .reports-hero .container { position: relative; z-index: 1; }
+  .reports-title {
+    font-size: 3rem;
+    font-weight: 900;
+    margin-bottom: 10px;
+    background: linear-gradient(135deg, #fff 0%, #ffc800 100%);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    background-clip: text;
+  }
+  .reports-subtitle {
+    font-size: 1.2rem;
+    color: rgba(255,255,255,0.6);
+    margin-bottom: 8px;
+  }
+  .reports-meta {
+    display: flex;
+    gap: 24px;
+    margin-top: 20px;
+    flex-wrap: wrap;
+  }
+  .reports-meta .meta-pill {
+    font-family: monospace;
+    font-size: 0.85rem;
+    padding: 6px 14px;
+    border: 1px solid rgba(255,255,255,0.15);
+    border-radius: 50px;
+    color: rgba(255,255,255,0.7);
+    background: rgba(255,255,255,0.05);
+  }
+  .reports-meta .meta-pill span { color: #ffc800; font-weight: 700; }
+
+  /* ─── CARDS GRID ─── */
+  .reports-section {
+    padding: 60px 0 80px;
+    background: #0d1117;
+  }
+  .cards-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
+    gap: 16px;
+    margin-top: 32px;
+  }
+  .report-card {
+    display: block;
+    text-decoration: none;
+    background: rgba(255,255,255,0.03);
+    border: 1px solid rgba(255,255,255,0.08);
+    border-radius: 12px;
+    padding: 20px;
+    transition: all 0.2s;
+    cursor: pointer;
+  }
+  .report-card:hover {
+    border-color: rgba(255, 200, 0, 0.4);
+    background: rgba(255, 200, 0, 0.06);
+    transform: translateY(-2px);
+  }
+  .card-top {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 12px;
+  }
+  .rank-badge {
+    font-family: monospace;
+    font-size: 0.8rem;
+    font-weight: 700;
+    color: rgba(255,255,255,0.4);
+    background: rgba(255,255,255,0.06);
+    padding: 4px 10px;
+    border-radius: 6px;
+  }
+  .score-badge {
+    font-family: monospace;
+    font-weight: 700;
+    font-size: 0.95rem;
+    padding: 4px 12px;
+    border-radius: 6px;
+  }
+  .score-green { background: rgba(34,197,94,0.15); color: #22c55e; border: 1px solid rgba(34,197,94,0.3); }
+  .score-yellow { background: rgba(234,179,8,0.15); color: #eab308; border: 1px solid rgba(234,179,8,0.3); }
+  .score-red { background: rgba(239,68,68,0.15); color: #ef4444; border: 1px solid rgba(239,68,68,0.3); }
+  .card-name {
+    font-size: 1.15rem;
+    font-weight: 700;
+    color: #fff;
+    margin-bottom: 4px;
+  }
+  .card-team {
+    font-size: 0.85rem;
+    color: rgba(255,255,255,0.45);
+  }
+  .card-unavailable {
+    opacity: 0.4;
+    cursor: default;
+  }
+  .card-unavailable:hover {
+    border-color: rgba(255,255,255,0.08);
+    background: rgba(255,255,255,0.03);
+    transform: none;
+  }
+
+  /* ─── MARKDOWN OVERLAY ─── */
+  #md-overlay {
+    display: none;
+    position: fixed;
+    inset: 0;
+    background: #0d1117;
+    z-index: 1000;
+    overflow-y: auto;
+  }
+  #md-overlay .md-inner {
+    max-width: 900px;
+    margin: 0 auto;
+    padding: 40px 24px 80px;
+  }
+  .md-back {
+    display: inline-flex;
+    align-items: center;
+    gap: 8px;
+    color: #ffc800;
+    text-decoration: none;
+    font-family: monospace;
+    font-size: 0.9rem;
+    margin-bottom: 32px;
+    transition: opacity 0.2s;
+  }
+  .md-back:hover { opacity: 0.7; }
+
+  /* ─── RENDERED MARKDOWN ─── */
+  .md-rendered { color: rgba(255,255,255,0.85); line-height: 1.7; }
+  .md-rendered h1 { font-size: 2em; font-weight: 900; margin-bottom: 16px; color: #fff; }
+  .md-rendered h2 { font-size: 1.4em; font-weight: 700; color: #ffc800; margin: 32px 0 12px; padding-bottom: 8px; border-bottom: 1px solid rgba(255,255,255,0.08); }
+  .md-rendered h3 { font-size: 1.15em; font-weight: 600; color: #fff; margin: 24px 0 8px; }
+  .md-rendered p { margin: 8px 0; color: rgba(255,255,255,0.6); }
+  .md-rendered strong { color: #fff; }
+  .md-rendered hr { border: none; border-top: 1px solid rgba(255,255,255,0.08); margin: 24px 0; }
+  .md-rendered ul, .md-rendered ol { padding-left: 24px; color: rgba(255,255,255,0.6); }
+  .md-rendered li { margin: 4px 0; }
+  .md-rendered table { width: 100%; border-collapse: collapse; margin: 16px 0; }
+  .md-rendered th { font-family: monospace; font-size: 0.75rem; letter-spacing: 0.1em; text-transform: uppercase; color: #ffc800; padding: 10px 16px; text-align: left; border-bottom: 1px solid rgba(255,200,0,0.3); }
+  .md-rendered td { padding: 10px 16px; border-bottom: 1px solid rgba(255,255,255,0.06); color: rgba(255,255,255,0.85); font-size: 0.9rem; }
+  .md-rendered tr:hover td { background: rgba(255,200,0,0.04); }
+  .md-rendered blockquote { border-left: 3px solid #ffc800; padding-left: 16px; margin: 16px 0; color: rgba(255,255,255,0.5); font-style: italic; }
+  .md-rendered code { font-family: monospace; background: rgba(255,255,255,0.06); padding: 2px 6px; border-radius: 4px; font-size: 0.9em; color: #ffc800; }
+  .md-rendered em { color: rgba(255,255,255,0.5); }
+</style>
+</head>
+<body>
+
+<!-- Navbar (same as site) -->
+<nav class="navbar">
+  <div class="nav-container">
+    <a href="https://hackaton.lacrypta.ar" class="nav-logo">
+      <img src="https://raw.githubusercontent.com/lacrypta/branding/refs/heads/main/title/512-white-transparent.png" alt="La Crypta" height="32">
+    </a>
+    <div class="nav-links">
+      <a href="../../index.html">Inicio</a>
+      <a href="../../hackathons.html">Hackathons</a>
+      <a href="identity.html">IDENTITY</a>
+    </div>
+    <button class="nav-toggle" onclick="toggleMenu()">☰</button>
+  </div>
+</nav>
+
+<!-- Hero -->
+<section class="reports-hero">
+  <div class="container">
+    <div class="reports-subtitle">LIGHTNING HACKATHON #1</div>
+    <h1 class="reports-title">Reportes IDENTITY</h1>
+    <p style="color:rgba(255,255,255,0.5); font-size:1rem; max-width:600px;">Evaluación detallada de cada proyecto por 3 jueces AI independientes. Puntajes, feedback y recomendaciones.</p>
+    <div class="reports-meta">
+      <div class="meta-pill"><span>15</span> proyectos</div>
+      <div class="meta-pill"><span>3</span> jueces AI</div>
+      <div class="meta-pill"><span>569</span> sats gastados</div>
+    </div>
+  </div>
+</section>
+
+<!-- Cards Grid -->
+<section class="reports-section">
+  <div class="container">
+    <div class="cards-grid">
+
+      <a class="report-card" data-md="proof-of-attendance.md" data-rank="1">
+        <div class="card-top">
+          <span class="rank-badge">#1</span>
+          <span class="score-badge score-green">7.49</span>
+        </div>
+        <div class="card-name">Proof of Attendance</div>
+        <div class="card-team">Looker</div>
+      </a>
+
+      <a class="report-card" data-md="stacktris.md" data-rank="1">
+        <div class="card-top">
+          <span class="rank-badge">#1</span>
+          <span class="score-badge score-green">7.49</span>
+        </div>
+        <div class="card-name">Stacktris</div>
+        <div class="card-team">&nbsp;</div>
+      </a>
+
+      <a class="report-card" data-md="hash21-shop.md" data-rank="3">
+        <div class="card-top">
+          <span class="rank-badge">#3</span>
+          <span class="score-badge score-green">7.07</span>
+        </div>
+        <div class="card-name">Hash21 Shop</div>
+        <div class="card-team">Abstract Lai · Ragnar</div>
+      </a>
+
+      <a class="report-card" data-md="1-sat-to.md" data-rank="4">
+        <div class="card-top">
+          <span class="rank-badge">#4</span>
+          <span class="score-badge score-yellow">7.00</span>
+        </div>
+        <div class="card-name">1 SAT a...</div>
+        <div class="card-team">unllamas · Jona</div>
+      </a>
+
+      <a class="report-card" data-md="bitbybit.md" data-rank="5">
+        <div class="card-top">
+          <span class="rank-badge">#5</span>
+          <span class="score-badge score-yellow">6.98</span>
+        </div>
+        <div class="card-name">BitByBit</div>
+        <div class="card-team">Anix · Llopo · Wander · Leon</div>
+      </a>
+
+      <a class="report-card" data-md="digital-card.md" data-rank="6">
+        <div class="card-top">
+          <span class="rank-badge">#6</span>
+          <span class="score-badge score-yellow">6.83</span>
+        </div>
+        <div class="card-name">Digital card</div>
+        <div class="card-team">negr0</div>
+      </a>
+
+      <a class="report-card" data-md="sweet-shots.md" data-rank="7">
+        <div class="card-top">
+          <span class="rank-badge">#7</span>
+          <span class="score-badge score-yellow">6.58</span>
+        </div>
+        <div class="card-name">Sweet Shots</div>
+        <div class="card-team">Lalo</div>
+      </a>
+
+      <a class="report-card" data-md="satlotto-v2.md" data-rank="8">
+        <div class="card-top">
+          <span class="rank-badge">#8</span>
+          <span class="score-badge score-yellow">6.37</span>
+        </div>
+        <div class="card-name">SatLotto V2</div>
+        <div class="card-team">Fierillo</div>
+      </a>
+
+      <a class="report-card" data-md="wapu-cli.md" data-rank="9">
+        <div class="card-top">
+          <span class="rank-badge">#9</span>
+          <span class="score-badge score-yellow">6.28</span>
+        </div>
+        <div class="card-name">Wapu CLI</div>
+        <div class="card-team">AndyCreed</div>
+      </a>
+
+      <a class="report-card" data-md="streamsats.md" data-rank="10">
+        <div class="card-top">
+          <span class="rank-badge">#10</span>
+          <span class="score-badge score-yellow">6.17</span>
+        </div>
+        <div class="card-name">Streamsats</div>
+        <div class="card-team">Federico</div>
+      </a>
+
+      <a class="report-card" data-md="relampago.md" data-rank="11">
+        <div class="card-top">
+          <span class="rank-badge">#11</span>
+          <span class="score-badge score-yellow">5.92</span>
+        </div>
+        <div class="card-name">RelámPago</div>
+        <div class="card-team">Burgos</div>
+      </a>
+
+      <a class="report-card" data-md="anirayo.md" data-rank="12">
+        <div class="card-top">
+          <span class="rank-badge">#12</span>
+          <span class="score-badge score-yellow">5.85</span>
+        </div>
+        <div class="card-name">AniRayo</div>
+        <div class="card-team">CapitanDelEscabio</div>
+      </a>
+
+      <a class="report-card" data-md="satsparty.md" data-rank="13">
+        <div class="card-top">
+          <span class="rank-badge">#13</span>
+          <span class="score-badge score-red">5.42</span>
+        </div>
+        <div class="card-name">SatsParty</div>
+        <div class="card-team">Cyberpunk</div>
+      </a>
+
+      <a class="report-card" data-md="nosteach.md" data-rank="14">
+        <div class="card-top">
+          <span class="rank-badge">#14</span>
+          <span class="score-badge score-red">5.00</span>
+        </div>
+        <div class="card-name">NosTeach</div>
+        <div class="card-team">Fred · Langostero</div>
+      </a>
+
+      <a class="report-card" data-md="life-action-plan.md" data-rank="15">
+        <div class="card-top">
+          <span class="rank-badge">#15</span>
+          <span class="score-badge score-red">4.83</span>
+        </div>
+        <div class="card-name">Life Action Plan</div>
+        <div class="card-team">naranja</div>
+      </a>
+
+    </div>
+  </div>
+</section>
+
+<!-- Footer (same as site) -->
+<footer class="footer">
+  <div class="container">
+    <div class="footer-bottom">
+      <p style="color:rgba(255,255,255,0.4); font-size:0.85rem; margin-bottom:8px;">Evaluado por 3 jueces AI: Claudio (Claude Opus 4.6) · Gorilatron (OpenAI Codex 5.4) · Gorilator (Claude Opus 4.6)</p>
+      <p>© 2026 La Crypta · <a href="../../hackathons.html">Ver todas las hackathons</a> · <a href="../../index.html">Inicio</a></p>
+    </div>
+  </div>
+</footer>
+
+<!-- Markdown Overlay -->
+<div id="md-overlay">
+  <div class="md-inner">
+    <a href="#" class="md-back" id="md-back">← Volver a reportes</a>
+    <div id="md-content" class="md-rendered"></div>
+  </div>
+</div>
+
+<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
+<script>
+function toggleMenu() {
+  document.querySelector('.nav-links')?.classList.toggle('active');
+}
+
+// Scroll navbar
+window.addEventListener('scroll', () => {
+  const navbar = document.querySelector('.navbar');
+  if (window.scrollY > 50) navbar.classList.add('scrolled');
+  else navbar.classList.remove('scrolled');
+});
+
+async function openReport(mdFile) {
+  try {
+    const res = await fetch(mdFile);
+    if (!res.ok) { alert('Reporte no disponible aún'); return; }
+    const md = await res.text();
+    document.getElementById('md-content').innerHTML = marked.parse(md);
+    document.getElementById('md-overlay').style.display = 'block';
+    document.getElementById('md-overlay').scrollTop = 0;
+    document.body.style.overflow = 'hidden';
+  } catch(e) { alert('Reporte no disponible aún'); }
+}
+
+function closeMd() {
+  document.getElementById('md-overlay').style.display = 'none';
+  document.body.style.overflow = '';
+  history.pushState(null, '', window.location.pathname);
+}
+
+document.getElementById('md-back').addEventListener('click', e => {
+  e.preventDefault();
+  closeMd();
+});
+
+document.querySelectorAll('.report-card').forEach(card => {
+  const mdFile = card.getAttribute('data-md');
+  if (!mdFile) { card.classList.add('card-unavailable'); return; }
+  card.addEventListener('click', e => {
+    e.preventDefault();
+    const name = mdFile.replace('.md', '');
+    history.pushState({ report: mdFile }, '', '?report=' + name);
+    openReport(mdFile);
+  });
+});
+
+window.addEventListener('popstate', e => {
+  if (e.state && e.state.report) openReport(e.state.report);
+  else closeMd();
+});
+
+(function() {
+  const params = new URLSearchParams(window.location.search);
+  const report = params.get('report');
+  if (report) openReport(report + '.md');
+})();
+
+document.addEventListener('keydown', e => { if (e.key === 'Escape') closeMd(); });
+</script>
+
+</body>
+</html>
diff --git a/lib/auth.ts b/lib/auth.ts
index e2719db..5f84a6f 100644
--- a/lib/auth.ts
+++ b/lib/auth.ts
@@ -2,7 +2,7 @@
 
 import { useEffect, useState } from "react";
 
-export type AuthMethod = "nip07" | "nip46";
+export type AuthMethod = "nip07" | "nip46" | "local";
 
 export type Auth = {
   method: AuthMethod;
@@ -14,10 +14,18 @@ export type Auth = {
     secret?: string | null;
   };
   clientSecret?: number[];
+  /** 32-byte secret key (nsec) — populated **only** when `method === "local"`.
+   *  Stored as a plain array so it round-trips through JSON. Storing a
+   *  private key in localStorage is inherently insecure; this method is for
+   *  throwaway/test identities and dev convenience. */
+  localSecret?: number[];
 };
 
 const STORAGE_KEY = "labs:auth";
 const EVENT = "labs:auth:changed";
+const LOGOUT_REASON_KEY = "labs:auth:logout-reason";
+
+export type LogoutReason = "signer-missing" | "user" | "bunker-failed";
 
 export function getAuth(): Auth | null {
   if (typeof window === "undefined") return null;
@@ -40,20 +48,100 @@ export function setAuth(auth: Auth) {
   }
 }
 
-export function clearAuth() {
+export function clearAuth(reason: LogoutReason = "user") {
   if (typeof window === "undefined") return;
   window.localStorage.removeItem(STORAGE_KEY);
+  try {
+    window.localStorage.setItem(LOGOUT_REASON_KEY, reason);
+  } catch {
+    /* quota */
+  }
   window.dispatchEvent(new CustomEvent(EVENT));
 }
 
-export function useAuth(): { auth: Auth | null; ready: boolean } {
+/** Reads the last logout reason and clears it. Use on the login page to show
+ *  a contextual message (e.g. "your extension is missing, re-connect"). */
+export function readAndClearLogoutReason(): LogoutReason | null {
+  if (typeof window === "undefined") return null;
+  try {
+    const r = window.localStorage.getItem(LOGOUT_REASON_KEY);
+    if (!r) return null;
+    window.localStorage.removeItem(LOGOUT_REASON_KEY);
+    return r as LogoutReason;
+  } catch {
+    return null;
+  }
+}
+
+/** Resolves true once `window.nostr.signEvent` is available, or false after
+ *  `timeoutMs`. Browser extensions (Alby, nos2x) inject asynchronously, so
+ *  the app should always wait a beat before declaring them missing. */
+export function waitForNostrSigner(timeoutMs = 3000): Promise<boolean> {
+  if (typeof window === "undefined") return Promise.resolve(false);
+  if (window.nostr && typeof window.nostr.signEvent === "function") {
+    return Promise.resolve(true);
+  }
+  return new Promise((resolve) => {
+    const start = Date.now();
+    const tick = () => {
+      if (window.nostr && typeof window.nostr.signEvent === "function") {
+        resolve(true);
+        return;
+      }
+      if (Date.now() - start >= timeoutMs) {
+        resolve(false);
+        return;
+      }
+      window.setTimeout(tick, 100);
+    };
+    tick();
+  });
+}
+
+/** Confirms the signer for the current auth is actually usable on this
+ *  browser. NIP-46 is trusted without a probe — the bunker is remote, and
+ *  unavailability surfaces as a signing error rather than a missing signer.
+ *  `local` is trusted because the secret key is already in-hand. */
+export async function probeSignerAvailable(
+  auth: Auth,
+  timeoutMs = 3000,
+): Promise<boolean> {
+  if (auth.method === "nip46") return true;
+  if (auth.method === "local") {
+    return Array.isArray(auth.localSecret) && auth.localSecret.length === 32;
+  }
+  const present = await waitForNostrSigner(timeoutMs);
+  if (!present) return false;
+  try {
+    // Some extensions expose window.nostr but a different pubkey (e.g. user
+    // switched account in Alby). Treat that as a mismatch → auto-logout so
+    // the app doesn't sign with the wrong key.
+    const pk = await window.nostr!.getPublicKey();
+    return pk === auth.pubkey;
+  } catch {
+    return false;
+  }
+}
+
+export function useAuth(): {
+  auth: Auth | null;
+  ready: boolean;
+  /** True once the signer has been confirmed usable. False while probing,
+   *  or permanently false for NIP-07 sessions where the extension vanished
+   *  (though in that case auth is cleared shortly afterwards). */
+  signerReady: boolean;
+} {
   const [auth, setState] = useState<Auth | null>(null);
   const [ready, setReady] = useState(false);
+  const [signerReady, setSignerReady] = useState(false);
 
   useEffect(() => {
     setState(getAuth());
     setReady(true);
-    const onChange = () => setState(getAuth());
+    const onChange = () => {
+      setState(getAuth());
+      setSignerReady(false);
+    };
     window.addEventListener(EVENT, onChange);
     window.addEventListener("storage", onChange);
     return () => {
@@ -62,5 +150,28 @@ export function useAuth(): { auth: Auth | null; ready: boolean } {
     };
   }, []);
 
-  return { auth, ready };
+  useEffect(() => {
+    if (!auth) {
+      setSignerReady(false);
+      return;
+    }
+    let cancelled = false;
+    setSignerReady(false);
+    probeSignerAvailable(auth).then((ok) => {
+      if (cancelled) return;
+      if (ok) {
+        setSignerReady(true);
+      } else {
+        console.warn(
+          "[labs:auth] signer not available for stored session — auto logout",
+        );
+        clearAuth("signer-missing");
+      }
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [auth?.method, auth?.pubkey]);
+
+  return { auth, ready, signerReady };
 }
diff --git a/lib/blossom.ts b/lib/blossom.ts
new file mode 100644
index 0000000..19133a6
--- /dev/null
+++ b/lib/blossom.ts
@@ -0,0 +1,343 @@
+"use client";
+
+/**
+ * Blossom client — minimal BUD-01 (auth) + BUD-02 (upload) implementation.
+ *
+ * https://github.com/hzrd149/blossom
+ *
+ * For labs we only need to upload user-chosen images (avatar, banner) and get
+ * back a URL. We try a list of public servers in order; first successful
+ * response wins. Each request carries a signed kind:24242 event as
+ * `Authorization: Nostr <base64(event)>` per BUD-01.
+ */
+
+import type { SignedEvent, UnsignedEvent, UserSigner } from "./nostrSigner";
+
+/** Public Blossom servers that accept anonymous uploads. Order matters —
+ *  earlier entries are tried first. Each server has its own quota policies
+ *  and uptime; the fallback keeps the UX working if one is slow. */
+export const DEFAULT_BLOSSOM_SERVERS: string[] = [
+  "https://blossom.primal.net",
+  "https://cdn.satellite.earth",
+  "https://blossom.band",
+  "https://nostr.download",
+];
+
+export type BlobDescriptor = {
+  /** Canonical URL where the blob can be retrieved. */
+  url: string;
+  /** Hex-encoded SHA-256 of the blob content. */
+  sha256: string;
+  /** Size in bytes (as reported by the server). */
+  size: number;
+  /** MIME type (as reported by the server, may differ from File.type). */
+  type?: string;
+  /** Unix seconds — when the server first stored the blob. */
+  uploaded?: number;
+  /** Which Blossom server successfully accepted the upload. */
+  server: string;
+};
+
+export type UploadProgress = {
+  server: string;
+  state: "signing" | "uploading" | "ok" | "error";
+  error?: string;
+  /** Bytes uploaded so far (only populated during the "uploading" state). */
+  loaded?: number;
+  /** Total bytes to upload (only populated during the "uploading" state). */
+  total?: number;
+  /** Convenience: 0..1 fraction of `loaded / total`, or undefined if the
+   *  browser didn't report a computable length. */
+  percent?: number;
+};
+
+export type UploadOptions = {
+  /** Override the default server list (tried in order). */
+  servers?: string[];
+  /** Callback fired on every state transition, useful for UI indicators. */
+  onProgress?: (p: UploadProgress) => void;
+  /** Seconds the upload auth event stays valid (default 5 minutes). */
+  authTtlSec?: number;
+  /** Per-server request timeout (default 30s). */
+  perServerTimeoutMs?: number;
+};
+
+/** Hex SHA-256 for a Blob (uses SubtleCrypto on the browser). */
+export async function sha256Hex(blob: Blob): Promise<string> {
+  const buffer = await blob.arrayBuffer();
+  const digest = await crypto.subtle.digest("SHA-256", buffer);
+  const bytes = new Uint8Array(digest);
+  let hex = "";
+  for (let i = 0; i < bytes.length; i++) {
+    hex += bytes[i].toString(16).padStart(2, "0");
+  }
+  return hex;
+}
+
+/** Base64 encode a string that may include multi-byte characters. */
+function base64Utf8(value: string): string {
+  const bytes = new TextEncoder().encode(value);
+  let binary = "";
+  for (const b of bytes) binary += String.fromCharCode(b);
+  // btoa only accepts binary-safe strings; we translated utf-8 → bytes above.
+  return typeof btoa === "function"
+    ? btoa(binary)
+    : Buffer.from(bytes).toString("base64");
+}
+
+/** Builds a signed kind:24242 BUD-01 authorisation event for an upload. */
+async function signUploadAuth(
+  signer: UserSigner,
+  sha: string,
+  ttlSec: number,
+): Promise<SignedEvent> {
+  const now = Math.floor(Date.now() / 1000);
+  const unsigned: UnsignedEvent = {
+    kind: 24242,
+    pubkey: signer.pubkey,
+    created_at: now,
+    tags: [
+      ["t", "upload"],
+      ["x", sha],
+      ["expiration", String(now + ttlSec)],
+    ],
+    content: "Upload image · La Crypta Labs",
+  };
+  return signer.signEvent(unsigned);
+}
+
+function withTimeout<T>(p: Promise<T>, ms: number, label: string): Promise<T> {
+  return Promise.race([
+    p,
+    new Promise<T>((_, reject) =>
+      setTimeout(
+        () => reject(new Error(`Timeout ${ms}ms — ${label}`)),
+        ms,
+      ),
+    ),
+  ]);
+}
+
+type XhrResult = { status: number; statusText: string; body: string };
+
+/**
+ * Minimal XHR-based PUT that exposes upload progress. We can't use `fetch()`
+ * because it has no upload-progress API in browsers — only download progress
+ * via `response.body.getReader()`. For a live "0 → 100%" reveal we need the
+ * outgoing byte count, which is what `XMLHttpRequest.upload.onprogress`
+ * provides.
+ */
+function xhrPut(
+  url: string,
+  body: Blob,
+  headers: Record<string, string>,
+  onUploadProgress: (loaded: number, total: number) => void,
+  timeoutMs: number,
+): Promise<XhrResult> {
+  return new Promise((resolve, reject) => {
+    const xhr = new XMLHttpRequest();
+    xhr.open("PUT", url);
+    for (const [k, v] of Object.entries(headers)) xhr.setRequestHeader(k, v);
+    xhr.responseType = "text";
+    xhr.timeout = timeoutMs;
+    xhr.upload.onprogress = (e) => {
+      if (e.lengthComputable) onUploadProgress(e.loaded, e.total);
+    };
+    xhr.onload = () => {
+      resolve({
+        status: xhr.status,
+        statusText: xhr.statusText,
+        body: xhr.responseText,
+      });
+    };
+    xhr.onerror = () => reject(new Error("Upload failed (network)"));
+    xhr.ontimeout = () =>
+      reject(new Error(`Upload timeout (${timeoutMs}ms)`));
+    xhr.onabort = () => reject(new Error("Upload aborted"));
+    xhr.send(body);
+  });
+}
+
+/**
+ * Uploads a file to the first Blossom server that accepts it.
+ *
+ * Flow (BUD-01 + BUD-02):
+ * 1. Hash the file (SHA-256).
+ * 2. Sign a kind:24242 event with `t=upload`, `x=<sha>`, `expiration=<ts+ttl>`.
+ * 3. For each server in order, PUT /upload with
+ *    `Authorization: Nostr <base64(eventJson)>` and the file as body.
+ * 4. Return the first successful `BlobDescriptor`, falling through on 4xx/5xx.
+ */
+export async function uploadToBlossom(
+  file: Blob,
+  signer: UserSigner,
+  opts: UploadOptions = {},
+): Promise<BlobDescriptor> {
+  const {
+    servers = DEFAULT_BLOSSOM_SERVERS,
+    onProgress,
+    authTtlSec = 5 * 60,
+    perServerTimeoutMs = 30_000,
+  } = opts;
+
+  if (servers.length === 0) {
+    throw new Error("No hay servidores Blossom configurados.");
+  }
+
+  // 1–2) Hash + sign a single auth event reused for every server attempt
+  onProgress?.({ server: "", state: "signing" });
+  const sha = await sha256Hex(file);
+  const signed = await signUploadAuth(signer, sha, authTtlSec);
+  const authHeader = `Nostr ${base64Utf8(JSON.stringify(signed))}`;
+
+  const errors: string[] = [];
+  const contentType =
+    file instanceof File && file.type ? file.type : "application/octet-stream";
+
+  for (const raw of servers) {
+    const server = raw.replace(/\/+$/, "");
+    onProgress?.({
+      server,
+      state: "uploading",
+      loaded: 0,
+      total: file.size,
+      percent: 0,
+    });
+    try {
+      const res = await xhrPut(
+        `${server}/upload`,
+        file,
+        {
+          "Content-Type": contentType,
+          Authorization: authHeader,
+        },
+        (loaded, total) => {
+          onProgress?.({
+            server,
+            state: "uploading",
+            loaded,
+            total,
+            percent: total > 0 ? loaded / total : undefined,
+          });
+        },
+        perServerTimeoutMs,
+      );
+
+      if (res.status < 200 || res.status >= 300) {
+        const msg = `${res.status} ${res.statusText}${res.body ? ` · ${res.body.slice(0, 160)}` : ""}`;
+        errors.push(`${server}: ${msg}`);
+        onProgress?.({ server, state: "error", error: msg });
+        continue;
+      }
+
+      let desc: Partial<BlobDescriptor> | null = null;
+      try {
+        desc = JSON.parse(res.body);
+      } catch {
+        /* ignore — handled below */
+      }
+      if (!desc?.url) {
+        const msg = "Respuesta sin URL.";
+        errors.push(`${server}: ${msg}`);
+        onProgress?.({ server, state: "error", error: msg });
+        continue;
+      }
+
+      onProgress?.({
+        server,
+        state: "ok",
+        loaded: file.size,
+        total: file.size,
+        percent: 1,
+      });
+      return {
+        url: desc.url,
+        sha256: desc.sha256 ?? sha,
+        size: desc.size ?? (file as File).size ?? 0,
+        type: desc.type ?? contentType,
+        uploaded: desc.uploaded,
+        server,
+      };
+    } catch (e) {
+      const msg = e instanceof Error ? e.message : String(e);
+      errors.push(`${server}: ${msg}`);
+      onProgress?.({ server, state: "error", error: msg });
+    }
+  }
+
+  throw new Error(
+    `Blossom: ningún servidor aceptó el blob.\n${errors.join("\n")}`,
+  );
+}
+
+export type FetchProgress = {
+  /** Bytes received so far. */
+  loaded: number;
+  /** Total bytes (0 if the server didn't advertise Content-Length). */
+  total: number;
+  /** Convenience ratio 0..1, or undefined if total is unknown. */
+  percent?: number;
+};
+
+/**
+ * Download a blob from an HTTP URL while streaming progress. Uses
+ * `response.body.getReader()` — the standard way to observe download
+ * progress in modern browsers. The returned blob honours the server's
+ * Content-Type when present.
+ *
+ * After the blob has been fully streamed, the underlying HTTP response is
+ * in the browser cache, so setting `<img src={url}>` right after resolves
+ * instantly without a second network round-trip.
+ */
+export async function fetchBlobWithProgress(
+  url: string,
+  onProgress: (p: FetchProgress) => void,
+  opts?: { signal?: AbortSignal },
+): Promise<Blob> {
+  const res = await fetch(url, { signal: opts?.signal });
+  if (!res.ok) {
+    throw new Error(`HTTP ${res.status} ${res.statusText} al descargar ${url}`);
+  }
+  const contentType =
+    res.headers.get("content-type") || "application/octet-stream";
+  const contentLength = Number(res.headers.get("content-length") || 0);
+
+  if (!res.body) {
+    // Fallback: no stream support; consume the whole body at once.
+    const blob = await res.blob();
+    onProgress({ loaded: blob.size, total: blob.size, percent: 1 });
+    return blob;
+  }
+
+  const reader = res.body.getReader();
+  const chunks: BlobPart[] = [];
+  let received = 0;
+
+  // Emit an initial 0-tick so the UI reflects "download started".
+  onProgress({
+    loaded: 0,
+    total: contentLength,
+    percent: contentLength > 0 ? 0 : undefined,
+  });
+
+  while (true) {
+    const { done, value } = await reader.read();
+    if (done) break;
+    if (value) {
+      chunks.push(value);
+      received += value.byteLength;
+      onProgress({
+        loaded: received,
+        total: contentLength,
+        percent: contentLength > 0 ? received / contentLength : undefined,
+      });
+    }
+  }
+
+  const blob = new Blob(chunks, { type: contentType });
+  // If content-length was missing we still want to fire a terminal 100%.
+  if (!contentLength) {
+    onProgress({ loaded: blob.size, total: blob.size, percent: 1 });
+  }
+  return blob;
+}
diff --git a/lib/hackathons.ts b/lib/hackathons.ts
new file mode 100644
index 0000000..be453eb
--- /dev/null
+++ b/lib/hackathons.ts
@@ -0,0 +1,335 @@
+import hackathonsJson from "@/data/hackathons/hackathons.json";
+import foundationsProjectsJson from "@/data/hackathons/projects-foundations.json";
+import identityProjectsJson from "@/data/hackathons/projects-identity.json";
+import reportsJson from "@/data/hackathons/reports.json";
+
+export type HackathonDifficulty =
+  | "Beginner"
+  | "Intermediate"
+  | "Advanced"
+  | "Expert";
+
+export type HackathonEventType =
+  | "apertura"
+  | "pitch"
+  | "pitch-final"
+  | "cierre"
+  | "premios";
+
+export type HackathonEvent = {
+  date: string; // ISO YYYY-MM-DD
+  day: number;
+  type: HackathonEventType;
+  title: string;
+  description: string;
+  youtube?: string;
+};
+
+export type Hackathon = {
+  id: string;
+  number: number;
+  name: string;
+  focus: string;
+  description: string;
+  difficulty: HackathonDifficulty;
+  stars: number;
+  month: string;
+  monthShort: string;
+  year: number;
+  icon: string;
+  tags: string[];
+  topics: string[];
+  dates: HackathonEvent[];
+};
+
+export type PrizeSlot = {
+  position: number;
+  sats: number;
+};
+
+export type Judge = {
+  name: string;
+  emoji?: string;
+  model?: string;
+};
+
+export type HackathonProgram = {
+  name: string;
+  organization: string;
+  youtube?: string;
+  totalPrize: number;
+  prizePerHackathon: number;
+  prizeDistribution: PrizeSlot[];
+  maxTeamSize?: number;
+  judges?: Judge[];
+  rules?: string[];
+};
+
+export type TeamMember = {
+  name: string;
+  role: string;
+  /** NIP-05 identifier (e.g. `kassis@lacrypta.ar`). Optional for legacy
+   *  curated entries; new Nostr submissions add members by NIP-05. */
+  nip05?: string;
+  /** Hex pubkey resolved from the NIP-05 (or the event signer for the owner). */
+  pubkey?: string;
+  /** Avatar URL snapshotted from the kind:0 metadata at submission time. */
+  picture?: string;
+  github?: string;
+};
+
+export type ProjectStatus =
+  | "idea"
+  | "building"
+  | "submitted"
+  | "finalist"
+  | "winner"
+  | "official";
+
+export type HackathonProject = {
+  id: string;
+  name: string;
+  description: string;
+  team: TeamMember[];
+  repo?: string;
+  demo?: string;
+  tech?: string[];
+  status: ProjectStatus;
+  submittedAt?: string;
+  pitched?: string;
+  pitched_final?: string;
+  /** Hackathon id (e.g. `"identity"`) or `null` when the project is not
+   *  assigned to any hackathon. Curated JSON projects always have an id. */
+  hackathon: string | null;
+  /** Attached from reports.json when available */
+  report?: ProjectReport;
+};
+
+export type JudgeCategory = {
+  name: string;
+  score: number;
+};
+
+export type JudgeReport = {
+  name: string;
+  model?: string;
+  score: number | null;
+  categories: JudgeCategory[];
+  summary?: string;
+};
+
+export type ProjectReport = {
+  title?: string;
+  position: number | null;
+  finalScore: number | null;
+  team: string[];
+  stack: string[];
+  judges: JudgeReport[];
+  feedback: {
+    strengths: string[];
+    improvements: string[];
+  };
+};
+
+/* ──────────────────────────── exposed data ─────────────────────────────── */
+
+type HackathonsFile = {
+  program: HackathonProgram;
+  hackathons: Hackathon[];
+};
+
+const file = hackathonsJson as unknown as HackathonsFile;
+
+export const PROGRAM: HackathonProgram = file.program;
+export const HACKATHONS: Hackathon[] = file.hackathons;
+
+type RawProjectsFile = { projects: unknown[] };
+
+const reports = reportsJson as unknown as Record<
+  string,
+  Record<string, ProjectReport>
+>;
+
+function withReport(
+  project: HackathonProject,
+  hackathonId: string,
+): HackathonProject {
+  const report = reports[hackathonId]?.[project.id];
+  return { ...project, hackathon: hackathonId, report };
+}
+
+const PROJECTS_BY_HACKATHON: Record<string, HackathonProject[]> = {
+  foundations: (foundationsProjectsJson as unknown as RawProjectsFile).projects.map(
+    (p) => withReport(p as HackathonProject, "foundations"),
+  ),
+  identity: (identityProjectsJson as unknown as RawProjectsFile).projects.map(
+    (p) => withReport(p as HackathonProject, "identity"),
+  ),
+};
+
+export function getHackathon(id: string): Hackathon | null {
+  return HACKATHONS.find((h) => h.id === id) ?? null;
+}
+
+export function getHackathonProjects(id: string): HackathonProject[] {
+  return PROJECTS_BY_HACKATHON[id] ?? [];
+}
+
+export function getProject(
+  hackathonId: string,
+  projectId: string,
+): HackathonProject | null {
+  return (
+    PROJECTS_BY_HACKATHON[hackathonId]?.find((p) => p.id === projectId) ?? null
+  );
+}
+
+export function allProjects(): HackathonProject[] {
+  return Object.values(PROJECTS_BY_HACKATHON).flat();
+}
+
+export type HackathonSubmission = HackathonProject & {
+  /** When this submission comes from a Nostr event, its author pubkey. */
+  nostrAuthor?: string;
+  /** Event id of the NIP-78 event backing this submission. */
+  nostrEventId?: string;
+  /** created_at of the event in unix seconds. */
+  nostrCreatedAt?: number;
+};
+
+/**
+ * Merges curated (JSON) projects with community-submitted (Nostr) projects
+ * for a given hackathon. Curated wins on id collisions. Curated with reports
+ * come first (ordered by rank), then Nostr submissions sorted by
+ * nostrCreatedAt desc (freshest first).
+ */
+export function mergeWithSubmissions(
+  hackathonId: string,
+  nostrSubmissions: HackathonSubmission[],
+): HackathonSubmission[] {
+  const curated = rankedProjects(hackathonId);
+  const curatedIds = new Set(curated.map((p) => p.id));
+  const uniqueNostr = nostrSubmissions
+    .filter((s) => s.hackathon === hackathonId)
+    .filter((s) => !curatedIds.has(s.id));
+
+  uniqueNostr.sort((a, b) => (b.nostrCreatedAt ?? 0) - (a.nostrCreatedAt ?? 0));
+  return [...curated, ...uniqueNostr];
+}
+
+/** Returns projects ordered by jury position asc (winners first). */
+export function rankedProjects(hackathonId: string): HackathonProject[] {
+  const projects = getHackathonProjects(hackathonId);
+  return [...projects].sort((a, b) => {
+    const pa = a.report?.position ?? Infinity;
+    const pb = b.report?.position ?? Infinity;
+    if (pa !== pb) return pa - pb;
+    const sa = a.report?.finalScore ?? -Infinity;
+    const sb = b.report?.finalScore ?? -Infinity;
+    return sb - sa;
+  });
+}
+
+export function hackathonStatus(
+  h: Hackathon,
+  now: Date = new Date(),
+): "upcoming" | "active" | "closed" {
+  const dates = [...h.dates].sort((a, b) => a.date.localeCompare(b.date));
+  if (dates.length === 0) return "upcoming";
+  const first = dates[0].date;
+  const last = dates[dates.length - 1].date;
+  const today = now.toISOString().slice(0, 10);
+  if (today < first) return "upcoming";
+  if (today > last) return "closed";
+  return "active";
+}
+
+export function formatSats(n: number): string {
+  if (n >= 1_000_000) return `${(n / 1_000_000).toFixed(n % 1_000_000 === 0 ? 0 : 1)}M`;
+  if (n >= 1_000) return `${(n / 1_000).toFixed(n % 1_000 === 0 ? 0 : 1)}k`;
+  return n.toString();
+}
+
+/** Interpolates {maxTeamSize} and {judges} tokens in rule strings. */
+export function programRules(): string[] {
+  const rules = PROGRAM.rules ?? [];
+  const judgesText = (PROGRAM.judges ?? []).map((j) => j.name).join(", ");
+  return rules.map((r) =>
+    r
+      .replace("{maxTeamSize}", String(PROGRAM.maxTeamSize ?? ""))
+      .replace("{judges}", judgesText),
+  );
+}
+
+export function prizeForPosition(position: number | null): number | null {
+  if (position == null) return null;
+  const slot = PROGRAM.prizeDistribution.find(
+    (p) => p.position === position,
+  );
+  return slot?.sats ?? null;
+}
+
+export type PrizedProject = {
+  project: HackathonProject;
+  position: number;
+  /** sats actually awarded (ties share the combined slots evenly) */
+  prize: number;
+  /** true if two or more projects share this position */
+  tied: boolean;
+  /** number of projects tied at this position */
+  tiedWith: number;
+};
+
+/**
+ * Walks the ranking and distributes the program's prize slots in order.
+ * Ties share the combined value of the consecutive slots they occupy
+ * (e.g. a tie at 1st consumes slots 1 and 2 and splits 400k+250k = 325k each).
+ */
+export function prizedProjects(hackathonId: string): PrizedProject[] {
+  const ranked = rankedProjects(hackathonId).filter(
+    (p) => p.report?.position != null,
+  );
+  if (ranked.length === 0) return [];
+
+  const byPosition = new Map<number, HackathonProject[]>();
+  for (const p of ranked) {
+    const pos = p.report!.position as number;
+    if (!byPosition.has(pos)) byPosition.set(pos, []);
+    byPosition.get(pos)!.push(p);
+  }
+
+  const positions = [...byPosition.keys()].sort((a, b) => a - b);
+  const slots = PROGRAM.prizeDistribution;
+  const result: PrizedProject[] = [];
+  let slotIdx = 0;
+
+  for (const pos of positions) {
+    const group = byPosition.get(pos)!;
+    if (slotIdx >= slots.length) break;
+    const applicable = slots.slice(slotIdx, slotIdx + group.length);
+    if (applicable.length === 0) break;
+    const total = applicable.reduce((a, s) => a + s.sats, 0);
+    const share = Math.floor(total / group.length);
+    for (const project of group) {
+      result.push({
+        project,
+        position: pos,
+        prize: share,
+        tied: group.length > 1,
+        tiedWith: group.length,
+      });
+    }
+    slotIdx += group.length;
+  }
+  return result;
+}
+
+/** Returns the sats awarded to a specific project, accounting for ties. */
+export function prizeForProject(
+  hackathonId: string,
+  projectId: string,
+): PrizedProject | null {
+  return (
+    prizedProjects(hackathonId).find((p) => p.project.id === projectId) ?? null
+  );
+}
diff --git a/lib/nostrProfile.ts b/lib/nostrProfile.ts
index 2a2e827..200f649 100644
--- a/lib/nostrProfile.ts
+++ b/lib/nostrProfile.ts
@@ -1,6 +1,7 @@
 "use client";
 
 import { useEffect, useState } from "react";
+import type { UnsignedEvent, UserSigner } from "./nostrSigner";
 
 export type NostrProfile = {
   name?: string;
@@ -118,6 +119,130 @@ export async function fetchNostrProfile(
   }
 }
 
+/* ─────────────────────────── publish (kind:0) ─────────────────────────── */
+
+export type PublishProfileRelayResult = {
+  relay: string;
+  ok: boolean;
+  error?: string;
+};
+
+export type PublishProfileResult = {
+  relays: PublishProfileRelayResult[];
+  /** Unix seconds — `created_at` of the published event. */
+  eventCreatedAt: number;
+};
+
+function withPublishTimeout<T>(
+  p: Promise<T>,
+  ms: number,
+  label: string,
+): Promise<T> {
+  return Promise.race([
+    p,
+    new Promise<T>((_, reject) =>
+      setTimeout(() => reject(new Error(`Timeout ${ms}ms — ${label}`)), ms),
+    ),
+  ]);
+}
+
+function cleanProfileContent(profile: NostrProfile): Record<string, string> {
+  const out: Record<string, string> = {};
+  for (const [k, v] of Object.entries(profile)) {
+    if (typeof v !== "string") continue;
+    const trimmed = v.trim();
+    if (trimmed.length === 0) continue;
+    out[k] = trimmed;
+  }
+  return out;
+}
+
+/**
+ * Publishes a kind:0 metadata event (the Nostr profile). Clients that
+ * follow NIP-01 replace the previous profile with the freshest one by
+ * `created_at`, so publishing is an update.
+ *
+ * Updates the local cache on success so `useNostrProfile` reflects the
+ * change instantly without waiting for the relay round-trip.
+ */
+export async function publishNostrProfile(
+  signer: UserSigner,
+  profile: NostrProfile,
+  relays: string[] = DEFAULT_PROFILE_RELAYS,
+  opts?: { signTimeoutMs?: number; publishTimeoutMs?: number },
+): Promise<PublishProfileResult> {
+  const { signTimeoutMs = 30_000, publishTimeoutMs = 8_000 } = opts ?? {};
+  const content = cleanProfileContent(profile);
+  const now = Math.floor(Date.now() / 1000);
+
+  const unsigned: UnsignedEvent = {
+    kind: 0,
+    pubkey: signer.pubkey,
+    created_at: now,
+    tags: [["client", "La Crypta Labs"]],
+    content: JSON.stringify(content),
+  };
+
+  const signed = await withPublishTimeout(
+    signer.signEvent(unsigned),
+    signTimeoutMs,
+    "esperando firma",
+  );
+  if (signed.pubkey !== signer.pubkey) {
+    throw new Error(
+      `El firmante devolvió otra pubkey (esperada ${signer.pubkey.slice(0, 10)}…, recibida ${signed.pubkey.slice(0, 10)}…).`,
+    );
+  }
+
+  const { SimplePool } = await import("nostr-tools/pool");
+  const pool = new SimplePool();
+  const results: PublishProfileRelayResult[] = await Promise.all(
+    pool.publish(relays, signed).map(async (p, i) => {
+      const relay = relays[i];
+      try {
+        await withPublishTimeout(p, publishTimeoutMs, relay);
+        return { relay, ok: true };
+      } catch (e) {
+        return {
+          relay,
+          ok: false,
+          error: e instanceof Error ? e.message : String(e),
+        };
+      }
+    }),
+  );
+  try {
+    pool.close(relays);
+  } catch {
+    /* noop */
+  }
+
+  const okCount = results.filter((r) => r.ok).length;
+  if (okCount === 0) {
+    const err = new Error(
+      `Ningún relay aceptó el perfil.\n${results
+        .map((r) => `${r.relay}: ${r.error ?? "sin respuesta"}`)
+        .join("\n")}`,
+    );
+    (err as Error & { relayResults: PublishProfileRelayResult[] }).relayResults =
+      results;
+    throw err;
+  }
+
+  // Snapshot the new profile into the local cache so listeners update
+  // immediately (the background scan would pick it up eventually, but the
+  // cache write short-circuits that for a snappier UX).
+  setCachedProfile({
+    pubkey: signer.pubkey,
+    profile: content as NostrProfile,
+    fetchedAt: Date.now(),
+    eventCreatedAt: signed.created_at,
+    relaysUsed: relays,
+  });
+
+  return { relays: results, eventCreatedAt: signed.created_at };
+}
+
 export function useNostrProfile(
   pubkey: string | null | undefined,
   relays?: string[],
diff --git a/lib/nostrRelays.ts b/lib/nostrRelays.ts
new file mode 100644
index 0000000..8abab1e
--- /dev/null
+++ b/lib/nostrRelays.ts
@@ -0,0 +1,368 @@
+"use client";
+
+/**
+ * NIP-65 — Relay List Metadata (kind:10002).
+ *
+ * The user's canonical list of preferred read/write relays. Tags look like:
+ *   ["r", "wss://relay.example.com"]         — read + write (both)
+ *   ["r", "wss://relay.example.com", "read"] — read only
+ *   ["r", "wss://relay.example.com", "write"]— write only
+ *
+ * This module mirrors the shape of `nostrProfile.ts`: sync-cache read,
+ * background relay refresh, publish helper that updates the cache and
+ * broadcasts a custom event so subscribed hooks re-render instantly.
+ */
+
+import { useEffect, useMemo, useState } from "react";
+import type { UnsignedEvent, UserSigner } from "./nostrSigner";
+
+export const RELAY_LIST_KIND = 10002;
+
+export type RelayMarker = "read" | "write" | "both";
+
+export type RelayEntry = {
+  url: string;
+  marker: RelayMarker;
+};
+
+export type CachedRelayList = {
+  pubkey: string;
+  entries: RelayEntry[];
+  fetchedAt: number;
+  /** Unix seconds from the event `created_at`. 0 if the user has no
+   *  published kind:10002 and we're just returning empty. */
+  eventCreatedAt: number;
+};
+
+const CACHE_PREFIX = "labs:relay-list:";
+const HARD_TTL_MS = 24 * 60 * 60 * 1000;
+const STALE_MS = 30 * 60 * 1000;
+const EVENT = "labs:relay-list:changed";
+
+/** Bootstrap relays used to discover a user's NIP-65 when we don't know one
+ *  yet. Overlaps with profile relays; diversity matters more than size. */
+export const DEFAULT_RELAY_LIST_RELAYS = [
+  "wss://relay.damus.io",
+  "wss://relay.primal.net",
+  "wss://relay.nostr.band",
+  "wss://nos.lol",
+  "wss://purplepag.es",
+];
+
+/** A reasonable starter set for users who haven't published a NIP-65 yet. */
+export const SUGGESTED_RELAYS: string[] = [
+  "wss://relay.damus.io",
+  "wss://relay.primal.net",
+  "wss://relay.nostr.band",
+  "wss://nos.lol",
+  "wss://relay.snort.social",
+  "wss://nostr.wine",
+  "wss://purplepag.es",
+  "wss://offchain.pub",
+  "wss://relay.nsec.app",
+];
+
+export function getCachedRelayList(pubkey: string): CachedRelayList | null {
+  if (typeof window === "undefined") return null;
+  try {
+    const raw = window.localStorage.getItem(CACHE_PREFIX + pubkey);
+    if (!raw) return null;
+    const parsed = JSON.parse(raw) as CachedRelayList;
+    if (Date.now() - parsed.fetchedAt > HARD_TTL_MS) return null;
+    return parsed;
+  } catch {
+    return null;
+  }
+}
+
+function setCachedRelayList(cached: CachedRelayList) {
+  if (typeof window === "undefined") return;
+  try {
+    window.localStorage.setItem(
+      CACHE_PREFIX + cached.pubkey,
+      JSON.stringify(cached),
+    );
+    window.dispatchEvent(
+      new CustomEvent(EVENT, { detail: { pubkey: cached.pubkey } }),
+    );
+  } catch {
+    /* quota */
+  }
+}
+
+/** Normalises a URL — ensures wss:// prefix, trims trailing slash, lowercases
+ *  the protocol/host. Does NOT throw on malformed input; returns null. */
+export function normalizeRelayUrl(raw: string): string | null {
+  const trimmed = raw.trim();
+  if (!trimmed) return null;
+  const withScheme = /^wss?:\/\//i.test(trimmed) ? trimmed : `wss://${trimmed}`;
+  try {
+    const u = new URL(withScheme);
+    if (u.protocol !== "ws:" && u.protocol !== "wss:") return null;
+    // Strip trailing slash on root path
+    const path = u.pathname === "/" ? "" : u.pathname;
+    const search = u.search;
+    return `${u.protocol}//${u.host}${path}${search}`;
+  } catch {
+    return null;
+  }
+}
+
+/** Parses the `r` tags out of a kind:10002 event into {url, marker}. */
+export function parseRelayEntries(tags: string[][]): RelayEntry[] {
+  const seen = new Set<string>();
+  const out: RelayEntry[] = [];
+  for (const t of tags) {
+    if (t[0] !== "r" || !t[1]) continue;
+    const url = normalizeRelayUrl(t[1]);
+    if (!url) continue;
+    if (seen.has(url)) continue;
+    seen.add(url);
+    const hint = (t[2] ?? "").toLowerCase();
+    const marker: RelayMarker =
+      hint === "read" ? "read" : hint === "write" ? "write" : "both";
+    out.push({ url, marker });
+  }
+  return out;
+}
+
+type IncomingEvent = {
+  id: string;
+  pubkey: string;
+  content: string;
+  tags: string[][];
+  created_at: number;
+};
+
+export async function fetchRelayList(
+  pubkey: string,
+  relays: string[] = DEFAULT_RELAY_LIST_RELAYS,
+  timeoutMs = 4000,
+): Promise<CachedRelayList | null> {
+  const { SimplePool } = await import("nostr-tools/pool");
+  const pool = new SimplePool();
+  const events: IncomingEvent[] = [];
+
+  const closer = pool.subscribe(
+    relays,
+    { kinds: [RELAY_LIST_KIND], authors: [pubkey] },
+    {
+      onevent(ev: IncomingEvent) {
+        events.push(ev);
+      },
+      oneose() {
+        closer.close();
+      },
+    },
+  );
+
+  await new Promise((r) => setTimeout(r, timeoutMs));
+  closer.close();
+  try {
+    pool.close(relays);
+  } catch {
+    /* noop */
+  }
+
+  if (events.length === 0) return null;
+  events.sort((a, b) => b.created_at - a.created_at);
+  const latest = events[0];
+  const entries = parseRelayEntries(latest.tags);
+  const cached: CachedRelayList = {
+    pubkey,
+    entries,
+    fetchedAt: Date.now(),
+    eventCreatedAt: latest.created_at,
+  };
+  setCachedRelayList(cached);
+  return cached;
+}
+
+/* ─────────────────────────── publish (kind:10002) ──────────────────────── */
+
+export type PublishRelayListRelayResult = {
+  relay: string;
+  ok: boolean;
+  error?: string;
+};
+
+export type PublishRelayListResult = {
+  relays: PublishRelayListRelayResult[];
+  eventCreatedAt: number;
+};
+
+function withTimeout<T>(p: Promise<T>, ms: number, label: string): Promise<T> {
+  return Promise.race([
+    p,
+    new Promise<T>((_, reject) =>
+      setTimeout(() => reject(new Error(`Timeout ${ms}ms — ${label}`)), ms),
+    ),
+  ]);
+}
+
+function buildRelayListTags(entries: RelayEntry[]): string[][] {
+  const seen = new Set<string>();
+  const out: string[][] = [];
+  for (const e of entries) {
+    const url = normalizeRelayUrl(e.url);
+    if (!url) continue;
+    if (seen.has(url)) continue;
+    seen.add(url);
+    if (e.marker === "both") {
+      out.push(["r", url]);
+    } else {
+      out.push(["r", url, e.marker]);
+    }
+  }
+  return out;
+}
+
+/**
+ * Publishes a kind:10002 relay list. `publishRelays` is the set the event is
+ * broadcast to (usually the user's current write-capable relays plus a few
+ * discovery relays so other clients can find the update). The event's own
+ * tags describe the *new* relay set — they don't have to overlap.
+ */
+export async function publishRelayList(
+  signer: UserSigner,
+  entries: RelayEntry[],
+  publishRelays: string[],
+  opts?: { signTimeoutMs?: number; publishTimeoutMs?: number },
+): Promise<PublishRelayListResult> {
+  const { signTimeoutMs = 30_000, publishTimeoutMs = 8_000 } = opts ?? {};
+  const tags = buildRelayListTags(entries);
+  const now = Math.floor(Date.now() / 1000);
+  const unsigned: UnsignedEvent = {
+    kind: RELAY_LIST_KIND,
+    pubkey: signer.pubkey,
+    created_at: now,
+    tags,
+    content: "",
+  };
+
+  const signed = await withTimeout(
+    signer.signEvent(unsigned),
+    signTimeoutMs,
+    "esperando firma",
+  );
+  if (signed.pubkey !== signer.pubkey) {
+    throw new Error(
+      `El firmante devolvió otra pubkey (esperada ${signer.pubkey.slice(0, 10)}…, recibida ${signed.pubkey.slice(0, 10)}…).`,
+    );
+  }
+
+  const { SimplePool } = await import("nostr-tools/pool");
+  const pool = new SimplePool();
+  const results: PublishRelayListRelayResult[] = await Promise.all(
+    pool.publish(publishRelays, signed).map(async (p, i) => {
+      const relay = publishRelays[i];
+      try {
+        await withTimeout(p, publishTimeoutMs, relay);
+        return { relay, ok: true };
+      } catch (e) {
+        return {
+          relay,
+          ok: false,
+          error: e instanceof Error ? e.message : String(e),
+        };
+      }
+    }),
+  );
+  try {
+    pool.close(publishRelays);
+  } catch {
+    /* noop */
+  }
+
+  const okCount = results.filter((r) => r.ok).length;
+  if (okCount === 0) {
+    const err = new Error(
+      `Ningún relay aceptó la lista.\n${results
+        .map((r) => `${r.relay}: ${r.error ?? "sin respuesta"}`)
+        .join("\n")}`,
+    );
+    (err as Error & {
+      relayResults: PublishRelayListRelayResult[];
+    }).relayResults = results;
+    throw err;
+  }
+
+  // Snapshot the new list into cache so subscribers update immediately
+  setCachedRelayList({
+    pubkey: signer.pubkey,
+    entries: parseRelayEntries(tags),
+    fetchedAt: Date.now(),
+    eventCreatedAt: signed.created_at,
+  });
+
+  return { relays: results, eventCreatedAt: signed.created_at };
+}
+
+/* ─────────────────────────────── hook ─────────────────────────────────── */
+
+export function useRelayList(pubkey: string | null | undefined) {
+  const [cached, setCached] = useState<CachedRelayList | null>(null);
+  const [loading, setLoading] = useState(false);
+
+  useEffect(() => {
+    if (!pubkey) {
+      setCached(null);
+      return;
+    }
+    setCached(getCachedRelayList(pubkey));
+  }, [pubkey]);
+
+  useEffect(() => {
+    if (!pubkey) return;
+    const onChange = (e: Event) => {
+      const detail = (e as CustomEvent<{ pubkey?: string }>).detail;
+      if (!detail || detail.pubkey === pubkey) {
+        setCached(getCachedRelayList(pubkey));
+      }
+    };
+    window.addEventListener(EVENT, onChange);
+    window.addEventListener("storage", onChange);
+    return () => {
+      window.removeEventListener(EVENT, onChange);
+      window.removeEventListener("storage", onChange);
+    };
+  }, [pubkey]);
+
+  useEffect(() => {
+    if (!pubkey) return;
+    const existing = getCachedRelayList(pubkey);
+    const isFresh = existing && Date.now() - existing.fetchedAt < STALE_MS;
+    if (isFresh) return;
+
+    let cancelled = false;
+    setLoading(true);
+    fetchRelayList(pubkey)
+      .then((fresh) => {
+        if (!cancelled && fresh) setCached(fresh);
+      })
+      .catch(() => {})
+      .finally(() => {
+        if (!cancelled) setLoading(false);
+      });
+    return () => {
+      cancelled = true;
+    };
+  }, [pubkey]);
+
+  // Keep `entries` reference stable when `cached` is null/unchanged — a
+  // fresh `?? []` on every render would make downstream `[entries]` effects
+  // fire forever.
+  const entries = useMemo<RelayEntry[]>(
+    () => cached?.entries ?? [],
+    [cached],
+  );
+
+  return {
+    entries,
+    cached,
+    loading,
+    /** True if the user has a published kind:10002; false means we only have
+     *  a best-effort fallback. */
+    hasPublished: !!cached && cached.eventCreatedAt > 0,
+  };
+}
diff --git a/lib/nostrSigner.ts b/lib/nostrSigner.ts
index 01c6706..e53ad53 100644
--- a/lib/nostrSigner.ts
+++ b/lib/nostrSigner.ts
@@ -1,6 +1,6 @@
 "use client";
 
-import type { Auth } from "./auth";
+import { waitForNostrSigner, type Auth } from "./auth";
 
 export type UnsignedEvent = {
   kind: number;
@@ -45,14 +45,19 @@ export async function getSigner(
   opts: GetSignerOptions = {},
 ): Promise<UserSigner> {
   if (auth.method === "nip07") {
-    console.log("[labs:signer] building NIP-07 signer", {
-      hasWindowNostr: typeof window !== "undefined" && !!window.nostr,
-      hasSignEvent: typeof window?.nostr?.signEvent === "function",
-    });
     if (typeof window === "undefined") {
       throw new Error("No hay acceso al window (SSR).");
     }
-    if (!window.nostr) {
+    // Extensions inject `window.nostr` asynchronously. If the user clicks
+    // before that finishes (first-click-after-reload race), wait a short
+    // moment rather than erroring out immediately.
+    const ok = await waitForNostrSigner(2000);
+    console.log("[labs:signer] building NIP-07 signer", {
+      hasWindowNostr: !!window.nostr,
+      hasSignEvent: typeof window?.nostr?.signEvent === "function",
+      waitResolved: ok,
+    });
+    if (!ok || !window.nostr) {
       throw new Error(
         "No se detectó window.nostr. Instalá una extensión como Alby o nos2x y recargá.",
       );
@@ -73,6 +78,39 @@ export async function getSigner(
     };
   }
 
+  if (auth.method === "local") {
+    if (!auth.localSecret || auth.localSecret.length !== 32) {
+      throw new Error(
+        "Sesión local inválida: falta la clave privada. Volvé a generar un usuario.",
+      );
+    }
+    const sk = Uint8Array.from(auth.localSecret);
+    const { finalizeEvent, getPublicKey } = await import("nostr-tools/pure");
+    const pk = getPublicKey(sk);
+    if (pk !== auth.pubkey) {
+      throw new Error(
+        "La clave local no coincide con el pubkey de la sesión. Volvé a iniciar.",
+      );
+    }
+    console.log("[labs:signer] building local signer", {
+      pubkey: pk.slice(0, 10) + "…",
+    });
+    return {
+      pubkey: pk,
+      async signEvent(event) {
+        // `finalizeEvent` takes an `EventTemplate` (no pubkey) and stamps
+        // pubkey + id + sig itself from the secret key.
+        const template = {
+          kind: event.kind,
+          tags: event.tags,
+          content: event.content,
+          created_at: event.created_at,
+        };
+        return finalizeEvent(template, sk);
+      },
+    };
+  }
+
   if (auth.method === "nip46") {
     console.log("[labs:signer] building NIP-46 signer", {
       bunker: auth.bunker?.pubkey?.slice(0, 10) + "…",
diff --git a/lib/userProjects.ts b/lib/userProjects.ts
index 3aa0285..2769ded 100644
--- a/lib/userProjects.ts
+++ b/lib/userProjects.ts
@@ -1,6 +1,11 @@
 "use client";
 
 import type { SignedEvent, UnsignedEvent, UserSigner } from "./nostrSigner";
+import type {
+  HackathonProject,
+  ProjectStatus,
+  TeamMember,
+} from "./hackathons";
 
 /** NIP-78 parameterized replaceable event kind */
 export const PROJECT_KIND = 30078;
@@ -9,14 +14,17 @@ export const PROJECT_TAG = "lacrypta-labs-project";
 /** `d` tag prefix; the suffix is the project's stable local id */
 export const PROJECT_D_PREFIX = "lacrypta.labs:project:";
 
-export type UserProject = {
-  id: string;
-  name: string;
-  description?: string;
-  url?: string;
-  repo?: string;
-  tags?: string[];
+/**
+ * User projects published via NIP-78 share the same shape as curated
+ * HackathonProjects so they can live in the same lists on the hackathon
+ * detail page. Extra runtime fields (`createdAt`, `updatedAt`) are kept for
+ * sorting and merge logic.
+ */
+export type UserProject = HackathonProject & {
+  /** unix seconds — when the local draft was created */
   createdAt: number;
+  /** unix seconds — local `updatedAt`, matches the event's `created_at` once
+   *  published. Independent from the `report` timestamps. */
   updatedAt: number;
 };
 
@@ -32,6 +40,8 @@ export type CommunityProject = UserProject & {
   eventCreatedAt: number;
 };
 
+export type { HackathonProject, ProjectStatus, TeamMember };
+
 export type RelayScanState =
   | "pending"
   | "connecting"
@@ -175,20 +185,81 @@ function parseProjectContent(
   const asString = (v: unknown) =>
     typeof v === "string" && v.trim() ? v : undefined;
   const asStringArray = (v: unknown) =>
-    Array.isArray(v) ? v.map((x) => String(x)).filter(Boolean) : undefined;
+    Array.isArray(v)
+      ? v.map((x) => String(x)).filter(Boolean)
+      : undefined;
+
+  // Retro-compat: old events stored `url` and `tags`; new ones store `demo`
+  // and `tech`. Map both into the unified shape.
+  const demo = asString(parsed.demo) ?? asString(parsed.url);
+  const tech = asStringArray(parsed.tech) ?? asStringArray(parsed.tags);
+  const team = parseTeamArray(parsed.team);
+  const hackathon = asString(parsed.hackathon) ??
+    event.tags.find((t) => t[0] === "h")?.[1] ??
+    null;
+
+  const description =
+    asString(parsed.description) ?? "";
+
+  const allowedStatuses: ProjectStatus[] = [
+    "idea",
+    "building",
+    "submitted",
+    "finalist",
+    "winner",
+    "official",
+  ];
+  const rawStatus = asString(parsed.status);
+  const status: ProjectStatus = allowedStatuses.includes(
+    rawStatus as ProjectStatus,
+  )
+    ? (rawStatus as ProjectStatus)
+    : hackathon
+      ? "submitted"
+      : "building";
 
   return {
     id: String(id),
     name,
-    description: asString(parsed.description),
-    url: asString(parsed.url),
+    description,
+    team,
     repo: asString(parsed.repo),
-    tags: asStringArray(parsed.tags),
+    demo,
+    tech,
+    status,
+    submittedAt: asString(parsed.submittedAt),
+    hackathon,
     createdAt: Number(parsed.createdAt ?? event.created_at),
     updatedAt: Number(parsed.updatedAt ?? event.created_at),
   };
 }
 
+function parseTeamArray(raw: unknown): TeamMember[] {
+  if (!Array.isArray(raw)) return [];
+  const out: TeamMember[] = [];
+  for (const m of raw) {
+    if (!m || typeof m !== "object") continue;
+    const rec = m as Record<string, unknown>;
+    const str = (v: unknown) =>
+      typeof v === "string" && v.trim() ? v.trim() : undefined;
+    const nip05 = str(rec.nip05);
+    const pubkey = str(rec.pubkey);
+    // Accept members with just a NIP-05 / pubkey even if `name` is empty —
+    // we can still render them with a fallback label.
+    const name = str(rec.name) ?? (nip05 ? nip05.split("@")[0] : undefined);
+    if (!name && !nip05 && !pubkey) continue;
+    out.push({
+      name: name ?? "",
+      role: str(rec.role) ?? "Builder",
+      nip05,
+      pubkey,
+      picture: str(rec.picture),
+      github: str(rec.github),
+    });
+  }
+  return out;
+}
+
 /** Keeps only the freshest event per (pubkey, d-tag). */
 function dedupeLatestByD(events: IncomingEvent[]): IncomingEvent[] {
   const map = new Map<string, IncomingEvent>();
@@ -271,7 +342,7 @@ function buildProjectEvent(
   project: UserProject,
   signerPubkey: string,
 ): UnsignedEvent {
-  const tagList = project.tags ?? [];
+  const techList = project.tech ?? [];
   return {
     kind: PROJECT_KIND,
     pubkey: signerPubkey,
@@ -279,19 +350,29 @@ function buildProjectEvent(
     tags: [
       ["d", projectDTag(project.id)],
       ["t", PROJECT_TAG],
-      ...tagList.map((t) => ["t", t] as string[]),
+      ...techList.map((t) => ["t", t] as string[]),
+      ...(project.hackathon
+        ? [
+            ["t", project.hackathon],
+            ["h", project.hackathon],
+          ]
+        : []),
       ["client", "La Crypta Labs"],
       ...(project.name ? [["name", project.name]] : []),
       ...(project.repo ? [["r", project.repo]] : []),
-      ...(project.url ? [["r", project.url]] : []),
+      ...(project.demo ? [["r", project.demo]] : []),
     ],
     content: JSON.stringify({
       id: project.id,
       name: project.name,
       description: project.description,
-      url: project.url,
       repo: project.repo,
-      tags: project.tags,
+      demo: project.demo,
+      tech: project.tech,
+      team: project.team,
+      status: project.status,
+      hackathon: project.hackathon,
+      submittedAt: project.submittedAt,
       createdAt: project.createdAt,
       updatedAt: project.updatedAt,
     }),
diff --git a/package-lock.json b/package-lock.json
index 2226c8e..fc3ccd3 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -19,10 +19,12 @@
       },
       "devDependencies": {
         "@tailwindcss/postcss": "^4",
+        "@types/js-yaml": "^4.0.9",
         "@types/node": "^20",
         "@types/qrcode": "^1.5.6",
         "@types/react": "^19",
         "@types/react-dom": "^19",
+        "js-yaml": "^4.1.1",
         "tailwindcss": "^4",
         "typescript": "^5"
       }
@@ -992,6 +994,12 @@
         "tailwindcss": "4.2.2"
       }
     },
+    "node_modules/@types/js-yaml": {
+      "version": "4.0.9",
+      "resolved": "https://registry.npmjs.org/@types/js-yaml/-/js-yaml-4.0.9.tgz",
+      "integrity": "sha512-k4MGaQl5TGo/iipqb2UDG2UwjXziSWkh0uysQelTlJpX1qGlpUZYm8PnO4DxG1qBomtJUdYJ6qR6xdIah10JLg==",
+      "dev": true
+    },
     "node_modules/@types/node": {
       "version": "20.19.39",
       "resolved": "https://registry.npmjs.org/@types/node/-/node-20.19.39.tgz",
@@ -1050,6 +1058,12 @@
         "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
+    "node_modules/argparse": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+      "dev": true
+    },
     "node_modules/baseline-browser-mapping": {
       "version": "2.10.19",
       "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.19.tgz",
@@ -1242,6 +1256,18 @@
         "jiti": "lib/jiti-cli.mjs"
       }
     },
+    "node_modules/js-yaml": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.1.tgz",
+      "integrity": "sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA==",
+      "dev": true,
+      "dependencies": {
+        "argparse": "^2.0.1"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
     "node_modules/lightningcss": {
       "version": "1.32.0",
       "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.32.0.tgz",
diff --git a/package.json b/package.json
index 3aea626..eb676da 100644
--- a/package.json
+++ b/package.json
@@ -19,10 +19,12 @@
   },
   "devDependencies": {
     "@tailwindcss/postcss": "^4",
+    "@types/js-yaml": "^4.0.9",
     "@types/node": "^20",
     "@types/qrcode": "^1.5.6",
     "@types/react": "^19",
     "@types/react-dom": "^19",
+    "js-yaml": "^4.1.1",
     "tailwindcss": "^4",
     "typescript": "^5"
   }
diff --git a/scripts/build-hackathon-reports.mjs b/scripts/build-hackathon-reports.mjs
new file mode 100644
index 0000000..72b3034
--- /dev/null
+++ b/scripts/build-hackathon-reports.mjs
@@ -0,0 +1,176 @@
+#!/usr/bin/env node
+// Parses the per-project markdown reports in data/hackathons/reports/{id}/*.md
+// into a single structured reports.json used by the /hackathons routes.
+
+import { readdirSync, readFileSync, writeFileSync, existsSync } from "node:fs";
+import { join, basename } from "node:path";
+import { fileURLToPath } from "node:url";
+
+const root = fileURLToPath(new URL("..", import.meta.url));
+const reportsDir = join(root, "data/hackathons/reports");
+const outFile = join(root, "data/hackathons/reports.json");
+
+function parseHeader(md) {
+  const nameMatch = md.match(
+    /^#\s+[\p{Extended_Pictographic}\s]*(.+?)\s*—\s*Reporte Final/mu,
+  );
+  const posMatch = md.match(/\*\*Posición:\*\*\s*(\d+)°/);
+  const scoreMatch = md.match(/\*\*Score final:\s*([\d.]+)\*\*/);
+  const teamMatch = md.match(/\*\*Equipo:\*\*\s*([^\n]+)/);
+  const stackMatch = md.match(/\*\*Stack:\*\*\s*([^\n]+)/);
+  return {
+    title: nameMatch?.[1]?.trim(),
+    position: posMatch ? Number(posMatch[1]) : null,
+    finalScore: scoreMatch ? Number(scoreMatch[1]) : null,
+    team: teamMatch
+      ? teamMatch[1].split("·").map((s) => s.trim()).filter(Boolean)
+      : [],
+    stack: stackMatch
+      ? stackMatch[1].split(",").map((s) => s.trim()).filter(Boolean)
+      : [],
+  };
+}
+
+function parseOverallJudgesTable(md) {
+  // Match the "Puntajes por Juez" table header block
+  const block = md.match(
+    /\|\s*Juez\s*\|\s*Modelo\s*\|\s*Puntaje\s*\|[\s\S]*?(?=\n---|\n###|\n##)/,
+  );
+  if (!block) return [];
+  const rows = block[0]
+    .split("\n")
+    .filter((l) => l.trim().startsWith("|") && !/^\|\s*-+/.test(l));
+  const out = [];
+  for (const row of rows) {
+    const cells = row
+      .split("|")
+      .map((c) => c.trim())
+      .filter((c) => c.length > 0);
+    if (cells.length < 3) continue;
+    if (/^juez$/i.test(cells[0])) continue;
+    // Strip leading emojis + whitespace (handles surrogate pairs like 🤖, 🦍)
+    const cleanName = cells[0]
+      .replace(/^[\p{Extended_Pictographic}\s]+/u, "")
+      .trim();
+    out.push({
+      name: cleanName,
+      model: cells[1],
+      score: Number(cells[2].replace(/\*/g, "")) || null,
+    });
+  }
+  return out;
+}
+
+function parseJudgeSection(md) {
+  // Each judge gets a `### <emoji> Name (Model) — score` heading with its own table
+  const parts = md.split(/\n###\s+/).slice(1);
+  const judges = [];
+  for (const part of parts) {
+    const firstLine = part.split("\n")[0] ?? "";
+    const headerMatch = firstLine.match(
+      /^[\p{Extended_Pictographic}\s]*([^\(]+?)\s*\(([^)]+)\)\s*—\s*([\d.]+)/u,
+    );
+    if (!headerMatch) continue;
+    const name = headerMatch[1].trim();
+    const model = headerMatch[2].trim();
+    const score = Number(headerMatch[3]);
+
+    // Extract category table rows
+    const table = part.match(
+      /\|\s*Categoría\s*\|\s*Puntaje\s*\|[\s\S]*?(?=\n\*\*Resumen|\n---|\n###|\n##|$)/,
+    );
+    const categories = [];
+    if (table) {
+      const rows = table[0]
+        .split("\n")
+        .filter((l) => l.trim().startsWith("|") && !/^\|\s*-+/.test(l));
+      for (const row of rows) {
+        const cells = row
+          .split("|")
+          .map((c) => c.trim())
+          .filter((c) => c.length > 0);
+        if (cells.length < 2) continue;
+        if (/^categoría$/i.test(cells[0])) continue;
+        categories.push({
+          name: cells[0],
+          score: Number(cells[1]) || 0,
+        });
+      }
+    }
+
+    const summaryMatch = part.match(
+      /\*\*Resumen:\*\*\s*([\s\S]*?)(?:\n---|\n###|\n##|$)/,
+    );
+    const summary = summaryMatch?.[1]?.trim();
+
+    judges.push({ name, model, score, categories, summary });
+  }
+  return judges;
+}
+
+function parseConsolidatedFeedback(md) {
+  const block = md.match(
+    /##\s+💡?\s*Feedback Consolidado([\s\S]*?)(?:\n##|\n\*|$)/,
+  );
+  if (!block) return { strengths: [], improvements: [] };
+  const section = (label) => {
+    const re = new RegExp(`###\\s+${label}([\\s\\S]*?)(?:\\n###|\\n##|$)`, "i");
+    const m = block[1].match(re);
+    if (!m) return [];
+    return m[1]
+      .split("\n")
+      .map((l) => l.trim())
+      .filter((l) => l.startsWith("- "))
+      .map((l) => l.slice(2).trim())
+      .filter(Boolean);
+  };
+  return {
+    strengths: section("Fortalezas"),
+    improvements: section("Áreas de Mejora"),
+  };
+}
+
+function parseReport(md) {
+  const header = parseHeader(md);
+  const overallJudges = parseOverallJudgesTable(md);
+  const judges = parseJudgeSection(md).map((j) => {
+    // Merge the per-judge detail with overall table (model/score)
+    const hint = overallJudges.find((o) =>
+      o.name.toLowerCase().startsWith(j.name.toLowerCase().split(" ")[0]),
+    );
+    return {
+      ...j,
+      model: j.model || hint?.model,
+      score: Number.isFinite(j.score) ? j.score : (hint?.score ?? null),
+    };
+  });
+  const feedback = parseConsolidatedFeedback(md);
+  return { ...header, judges, feedback };
+}
+
+const out = {};
+
+for (const hackathonDir of readdirSync(reportsDir, { withFileTypes: true })) {
+  if (!hackathonDir.isDirectory()) continue;
+  const hackathonId = hackathonDir.name;
+  const dir = join(reportsDir, hackathonId);
+  const reports = {};
+  for (const f of readdirSync(dir)) {
+    if (!f.endsWith(".md")) continue;
+    const slug = basename(f, ".md");
+    const md = readFileSync(join(dir, f), "utf8");
+    reports[slug] = parseReport(md);
+  }
+  if (Object.keys(reports).length > 0) {
+    out[hackathonId] = reports;
+  }
+}
+
+writeFileSync(outFile, JSON.stringify(out, null, 2) + "\n");
+const totalReports = Object.values(out).reduce(
+  (a, r) => a + Object.keys(r).length,
+  0,
+);
+console.log(
+  `parsed ${totalReports} reports across ${Object.keys(out).length} hackathon(s) → ${outFile}`,
+);