From 8d3f9fd74f79d7c4cd13cf3d3d1cea5673995522 Mon Sep 17 00:00:00 2001
From: jlightner <jlightner@users.noreply.github.com>
Date: Fri, 3 Apr 2026 04:17:53 +0000
Subject: [PATCH] feat: render last-updated dates on creators page and homepage
 cards

---
 frontend/src/App.css                  | 20 ++++++++++++++++++++
 frontend/src/api/public-client.ts     |  1 +
 frontend/src/pages/CreatorsBrowse.tsx |  8 ++++++++
 frontend/src/pages/Home.tsx           | 13 ++++++++++---
 4 files changed, 39 insertions(+), 3 deletions(-)

diff --git a/frontend/src/App.css b/frontend/src/App.css
index fcb0c8c..f4a142f 100644
--- a/frontend/src/App.css
+++ b/frontend/src/App.css
@@ -2468,6 +2468,11 @@ a.app-footer__repo:hover {
   color: var(--color-border);
 }
 
+.creator-row__updated {
+  color: var(--color-text-secondary);
+  opacity: 0.7;
+}
+
 /* ══════════════════════════════════════════════════════════════════════════════
    CREATOR DETAIL
    ══════════════════════════════════════════════════════════════════════════════ */
@@ -5018,6 +5023,21 @@ a.app-footer__repo:hover {
   flex-shrink: 0;
 }
 
+.recent-card__header-right {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  gap: 0.15rem;
+  flex-shrink: 0;
+}
+
+.recent-card__date {
+  font-size: 0.7rem;
+  color: var(--color-text-secondary);
+  opacity: 0.65;
+  white-space: nowrap;
+}
+
 /* ── Search result card creator ───────────────────────────────────────── */
 
 .search-result-card__creator {
diff --git a/frontend/src/api/public-client.ts b/frontend/src/api/public-client.ts
index c0c5ecb..04c62a5 100644
--- a/frontend/src/api/public-client.ts
+++ b/frontend/src/api/public-client.ts
@@ -164,6 +164,7 @@ export interface CreatorBrowseItem {
   updated_at: string;
   technique_count: number;
   video_count: number;
+  last_technique_at: string | null;
 }
 
 export interface CreatorBrowseResponse {
diff --git a/frontend/src/pages/CreatorsBrowse.tsx b/frontend/src/pages/CreatorsBrowse.tsx
index 9450b16..524f196 100644
--- a/frontend/src/pages/CreatorsBrowse.tsx
+++ b/frontend/src/pages/CreatorsBrowse.tsx
@@ -178,6 +178,14 @@ export default function CreatorsBrowse() {
                 <span className="creator-row__stat">
                   {creator.view_count.toLocaleString()} views
                 </span>
+                {creator.last_technique_at && (
+                  <>
+                    <span className="creator-row__separator">·</span>
+                    <span className="creator-row__stat creator-row__updated">
+                      Last updated: {new Date(creator.last_technique_at).toLocaleDateString('en-US', { month: 'short', day: 'numeric' })}
+                    </span>
+                  </>
+                )}
               </span>
             </Link>
           ))}
diff --git a/frontend/src/pages/Home.tsx b/frontend/src/pages/Home.tsx
index 1a323df..8dac13e 100644
--- a/frontend/src/pages/Home.tsx
+++ b/frontend/src/pages/Home.tsx
@@ -239,9 +239,16 @@ export default function Home() {
               >
                 <span className="recent-card__header">
                   <span className="recent-card__title">{t.title}</span>
-                  {t.creator_name && (
-                    <span className="recent-card__creator">{t.creator_name}</span>
-                  )}
+                  <span className="recent-card__header-right">
+                    {t.creator_name && (
+                      <span className="recent-card__creator">{t.creator_name}</span>
+                    )}
+                    {t.created_at && (
+                      <span className="recent-card__date">
+                        {new Date(t.created_at).toLocaleDateString('en-US', { month: 'short', day: 'numeric' })}
+                      </span>
+                    )}
+                  </span>
                 </span>
                 <span className="recent-card__meta">
                   <span className="badge badge--category">