From 327c3354dc04dca20ab4e4dcf85f73fa1bd958cb Mon Sep 17 00:00:00 2001
From: nmemmert <nmemmert@users.noreply.github.com>
Date: Thu, 29 Oct 2026 08:50:17 -0400
Subject: [PATCH] Nuggets: optional link (e.g. YouTube) on host profiles;
 v2.47.0

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
---
 package.json      | 2 +-
 server/helpers.js | 2 ++
 src/AdminPage.tsx | 8 ++++++++
 src/App.css       | 1 +
 src/App.tsx       | 5 +++++
 src/content.ts    | 3 +++
 6 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/package.json b/package.json
index d0c4bb4..98132e5 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "siteforge",
   "private": true,
-  "version": "2.46.1",
+  "version": "2.47.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
diff --git a/server/helpers.js b/server/helpers.js
index 8aca52a..c04e0e3 100644
--- a/server/helpers.js
+++ b/server/helpers.js
@@ -402,6 +402,8 @@ function sanitizeNuggets(raw) {
           role: typeof h.role === 'string' ? h.role.trim().slice(0, 120) : '',
           bio: typeof h.bio === 'string' ? h.bio.trim().slice(0, 4000) : '',
           imageUrl: sanitizeUrl(h.imageUrl) || '',
+          linkUrl: sanitizeUrl(h.linkUrl) || '',
+          linkLabel: typeof h.linkLabel === 'string' ? h.linkLabel.trim().slice(0, 80) : '',
           archived: Boolean(h.archived),
         }))
     : []
diff --git a/src/AdminPage.tsx b/src/AdminPage.tsx
index 6ea564b..61e76e6 100644
--- a/src/AdminPage.tsx
+++ b/src/AdminPage.tsx
@@ -6706,6 +6706,14 @@ const [dashboardNow, setDashboardNow] = useState(() => new Date())
                           <label>Bio</label>
                           <textarea rows={8} value={host.bio} onChange={e => updateHost(host.id, { bio: e.target.value })} />
                         </div>
+                        <div className="admin-field">
+                          <label>Link URL (optional)</label>
+                          <input type="url" placeholder="https://youtube.com/@channel" value={host.linkUrl ?? ''} onChange={e => updateHost(host.id, { linkUrl: e.target.value })} />
+                        </div>
+                        <div className="admin-field">
+                          <label>Link Label (optional)</label>
+                          <input type="text" placeholder="Watch more on YouTube" value={host.linkLabel ?? ''} onChange={e => updateHost(host.id, { linkLabel: e.target.value })} />
+                        </div>
                         <div className="admin-field">
                           <label>Photo</label>
                           <input type="text" placeholder="/uploads/host-photo.jpg" value={host.imageUrl} onChange={e => updateHost(host.id, { imageUrl: e.target.value })} />
diff --git a/src/App.css b/src/App.css
index 812a780..5e64be6 100644
--- a/src/App.css
+++ b/src/App.css
@@ -14050,6 +14050,7 @@ a.nl-featured:hover { transform: translateY(-2px); border-color: rgba(201, 168,
 .hd-name { font-family: var(--brand-font-heading); font-size: clamp(2rem, 5vw, 3rem); color: #f0e9cc; margin: 0.2rem 0 0; line-height: 1.1; }
 .hd-body { padding: 2.5rem 0 4rem; }
 .hd-body-inner { }
+.hd-link { margin: 0 0 1.5rem; }
 .hd-bio { font-size: 1.08rem; line-height: 1.75; color: #c9bf9a; margin: 0 0 1.25rem; }
 .hd-listen { margin-top: 2rem; padding: 1.4rem 1.5rem; background: #111; border: 1px solid rgba(201, 168, 76, 0.2); border-radius: 14px; }
 .hd-listen .eyebrow { margin-bottom: 0.8rem; }
diff --git a/src/App.tsx b/src/App.tsx
index 043c6e9..f23fe7c 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -2587,6 +2587,11 @@ function NuggetsHostDetailPage({ content }: { content: SiteContent }) {
           {host.bio && host.bio.split(/\n\n+/).map((para, i) => (
             <p key={i} className="hd-bio">{para.replace(/\n/g, ' ')}</p>
           ))}
+          {host.linkUrl && (
+            <p className="hd-link">
+              <a href={host.linkUrl} target="_blank" rel="noopener noreferrer" className="btn-secondary">{host.linkLabel || 'Watch more'} &rarr;</a>
+            </p>
+          )}
           {(nuggets.spotifyUrl || nuggets.appleUrl) && (
             <div className="hd-listen">
               <p className="eyebrow">Listen to {nuggets.title}</p>
diff --git a/src/content.ts b/src/content.ts
index 0049230..1b65e49 100644
--- a/src/content.ts
+++ b/src/content.ts
@@ -180,6 +180,9 @@ export interface PodcastHost {
   role: string
   bio: string
   imageUrl: string
+  // Optional external link (e.g. a YouTube channel) shown on the host's profile
+  linkUrl?: string
+  linkLabel?: string
   // Removed hosts are archived, never deleted — kept out of public display but
   // preserved so past-episode credits and history stay intact.
   archived: boolean