diff --git a/apps/web/e2e/__screenshots__/desktop-chromium/community-profile.png b/apps/web/e2e/__screenshots__/desktop-chromium/community-profile.png
index 8fd7349..3f359a6 100644
Binary files a/apps/web/e2e/__screenshots__/desktop-chromium/community-profile.png and b/apps/web/e2e/__screenshots__/desktop-chromium/community-profile.png differ
diff --git a/apps/web/e2e/__screenshots__/desktop-chromium/event-profile.png b/apps/web/e2e/__screenshots__/desktop-chromium/event-profile.png
index 6c4c596..26010f3 100644
Binary files a/apps/web/e2e/__screenshots__/desktop-chromium/event-profile.png and b/apps/web/e2e/__screenshots__/desktop-chromium/event-profile.png differ
diff --git a/apps/web/e2e/__screenshots__/desktop-chromium/event-watch-surface.png b/apps/web/e2e/__screenshots__/desktop-chromium/event-watch-surface.png
index bcbb8c8..e789780 100644
Binary files a/apps/web/e2e/__screenshots__/desktop-chromium/event-watch-surface.png and b/apps/web/e2e/__screenshots__/desktop-chromium/event-watch-surface.png differ
diff --git a/apps/web/e2e/__screenshots__/desktop-chromium/person-profile.png b/apps/web/e2e/__screenshots__/desktop-chromium/person-profile.png
index 78ca299..c6eeccd 100644
Binary files a/apps/web/e2e/__screenshots__/desktop-chromium/person-profile.png and b/apps/web/e2e/__screenshots__/desktop-chromium/person-profile.png differ
diff --git a/apps/web/e2e/__screenshots__/mobile-chromium/community-profile.png b/apps/web/e2e/__screenshots__/mobile-chromium/community-profile.png
index 9d09bf0..9a67380 100644
Binary files a/apps/web/e2e/__screenshots__/mobile-chromium/community-profile.png and b/apps/web/e2e/__screenshots__/mobile-chromium/community-profile.png differ
diff --git a/apps/web/e2e/__screenshots__/mobile-chromium/event-profile.png b/apps/web/e2e/__screenshots__/mobile-chromium/event-profile.png
index 50715d7..816e6e9 100644
Binary files a/apps/web/e2e/__screenshots__/mobile-chromium/event-profile.png and b/apps/web/e2e/__screenshots__/mobile-chromium/event-profile.png differ
diff --git a/apps/web/e2e/__screenshots__/mobile-chromium/event-watch-surface.png b/apps/web/e2e/__screenshots__/mobile-chromium/event-watch-surface.png
index ad30b43..1ba490a 100644
Binary files a/apps/web/e2e/__screenshots__/mobile-chromium/event-watch-surface.png and b/apps/web/e2e/__screenshots__/mobile-chromium/event-watch-surface.png differ
diff --git a/apps/web/e2e/__screenshots__/mobile-chromium/person-profile.png b/apps/web/e2e/__screenshots__/mobile-chromium/person-profile.png
index f6b39c9..a161aa2 100644
Binary files a/apps/web/e2e/__screenshots__/mobile-chromium/person-profile.png and b/apps/web/e2e/__screenshots__/mobile-chromium/person-profile.png differ
diff --git a/apps/web/src/app/_components/event-public-page.tsx b/apps/web/src/app/_components/event-public-page.tsx
index 621cf76..3a0fcf6 100644
--- a/apps/web/src/app/_components/event-public-page.tsx
+++ b/apps/web/src/app/_components/event-public-page.tsx
@@ -56,6 +56,9 @@ export type PublicEventPreview = {
   communitySlug?: string;
   summary?: string;
   posterImageUrl?: string;
+  bannerImageUrl?: string;
+  thumbnailImageUrl?: string;
+  communityImageUrl?: string;
   source: {
     sourceType: EventSourceType;
     label: string;
@@ -72,6 +75,9 @@ export type PublicEventPreview = {
 export type PublicEvent = Omit<PublicEventPreview, "worlds"> & {
   slug: string;
   notes?: string;
+  watchSurfaceEnabled: boolean;
+  authoredBannerImageUrl?: string;
+  authoredThumbnailImageUrl?: string;
   authoredMediaLinks: Array<{
     type: EventMediaLinkType;
     label: string;
@@ -101,6 +107,7 @@ export type PublicEvent = Omit<PublicEventPreview, "worlds"> & {
     displayName: string;
     roleLabel: string;
     trustLabel: ProfileTrustLabel;
+    imageUrl?: string;
     source: {
       sourceType: EventSourceType;
       label: string;
@@ -118,6 +125,7 @@ export type PublicEvent = Omit<PublicEventPreview, "worlds"> & {
       slug: string;
       displayName: string;
       trustLabel: ProfileTrustLabel;
+      imageUrl?: string;
     };
     source: {
       sourceType: EventSourceType;
@@ -128,6 +136,7 @@ export type PublicEvent = Omit<PublicEventPreview, "worlds"> & {
 };
 
 const eventPosterOverlay = "linear-gradient(135deg, rgba(25, 17, 31, 0.72), rgba(105, 56, 169, 0.2))";
+const eventEntityImageOverlay = "linear-gradient(135deg, rgba(27, 18, 37, 0.28), rgba(105, 56, 169, 0.14))";
 
 function safeHttpsUrl(url: string | undefined): string | null {
   if (!url) {
@@ -142,6 +151,34 @@ function safeHttpsUrl(url: string | undefined): string | null {
   }
 }
 
+function initialsFor(name: string): string {
+  const initials = name
+    .split(/\s+/)
+    .filter(Boolean)
+    .slice(0, 2)
+    .map((part) => part[0]?.toUpperCase())
+    .join("");
+
+  return initials || "V";
+}
+
+function EntityImage({ imageUrl, label }: { imageUrl?: string; label: string }) {
+  const imageStyle = safeImageBackground(imageUrl, eventEntityImageOverlay);
+
+  return (
+    <span
+      aria-hidden="true"
+      className={cn(
+        "flex size-14 flex-none items-center justify-center overflow-hidden rounded-control border border-accent/20 bg-cover bg-center text-xs font-semibold text-accent-strong",
+        imageStyle ? "bg-slate-950" : "bg-accent/10",
+      )}
+      style={imageStyle}
+    >
+      {imageStyle ? null : initialsFor(label)}
+    </span>
+  );
+}
+
 function EventTimeDefinition({ label, timestamp }: { label: string; timestamp: number }) {
   return (
     <div className="grid gap-1 border-b border-border pb-4 sm:grid-cols-[7rem_1fr] sm:gap-4">
@@ -155,14 +192,14 @@ function EventTimeDefinition({ label, timestamp }: { label: string; timestamp: n
 
 export function EventPreviewCard({ event }: { event: PublicEventPreview }) {
   const sourceUrl = safeHttpsUrl(event.source.url);
-  const posterStyle = safeImageBackground(event.posterImageUrl, eventPosterOverlay);
+  const thumbnailStyle = safeImageBackground(event.thumbnailImageUrl, eventPosterOverlay);
   const details = event.worlds.map((world) => world.displayName);
 
   return (
     <article className="group overflow-hidden rounded-card border border-border bg-surface-strong text-sm transition hover:-translate-y-0.5">
       <div
         className="min-h-28 bg-[radial-gradient(circle_at_top_left,rgba(214,106,77,0.22),transparent_34%),linear-gradient(135deg,#2c1d29,#60429a)] bg-cover bg-center px-4 py-4 text-white"
-        style={posterStyle}
+        style={thumbnailStyle}
       >
         <div className="flex flex-wrap items-center gap-2 text-sm font-medium text-white/84">
           <ViewerLocalEventDateTime timestamp={event.startAt} />
@@ -224,7 +261,7 @@ export function EventBackendNotice({ kind }: { kind: "missing-url" | "error" })
 }
 
 export function EventPublicPage({ event, showEditLink = false }: { event: PublicEvent; showEditLink?: boolean }) {
-  const posterStyle = safeImageBackground(event.posterImageUrl, eventPosterOverlay);
+  const bannerStyle = safeImageBackground(event.bannerImageUrl, eventPosterOverlay);
   const sourceUrl = safeHttpsUrl(event.source.url);
 
   return (
@@ -247,7 +284,7 @@ export function EventPublicPage({ event, showEditLink = false }: { event: Public
         <section className="overflow-hidden rounded-hero border border-purple-950/10 bg-slate-950 shadow-hero">
           <div
             className="relative min-h-56 bg-[radial-gradient(circle_at_top_right,rgba(198,153,255,0.32),transparent_30%),linear-gradient(135deg,#17111f,#5d3b8e_52%,#20142f)] bg-cover bg-center p-5 text-white sm:p-6 lg:p-8"
-            style={posterStyle}
+            style={bannerStyle}
           >
             <div className="flex min-h-44 flex-col justify-end">
               <div className="max-w-4xl">
@@ -282,6 +319,7 @@ export function EventPublicPage({ event, showEditLink = false }: { event: Public
             <EventWatchSurface
               doorsOpenAt={event.doorsOpenAt}
               endAt={event.endAt}
+              enabled={event.watchSurfaceEnabled}
               mediaLinks={event.mediaLinks}
               startAt={event.startAt}
             />
@@ -290,11 +328,14 @@ export function EventPublicPage({ event, showEditLink = false }: { event: Public
               <Eyebrow>Place</Eyebrow>
               <div className="mt-5 grid gap-3 text-sm">
                 {event.communitySlug ? (
-                  <Link className={actionCardVariants({ variant: "accent" })} href={`/c/${event.communitySlug}`}>
-                    <span className={actionLabelClassName}>
-                      {event.communityName ?? "Community profile"}
+                  <Link className={cn(actionCardVariants({ variant: "accent" }), "flex items-center gap-3")} href={`/c/${event.communitySlug}`}>
+                    <EntityImage imageUrl={event.communityImageUrl} label={event.communityName ?? "Community profile"} />
+                    <span className="min-w-0">
+                      <span className={actionLabelClassName}>
+                        {event.communityName ?? "Community profile"}
+                      </span>
+                      <span className={actionMetaClassName}>Host</span>
                     </span>
-                    <span className={actionMetaClassName}>Host</span>
                   </Link>
                 ) : event.communityName ? (
                   <div className="rounded-control border border-border bg-surface px-4 py-3 font-medium">
@@ -304,12 +345,15 @@ export function EventPublicPage({ event, showEditLink = false }: { event: Public
                   <p className="leading-6 text-muted">No host listed.</p>
                 )}
                 {event.worlds.map((world) => (
-                  <Link className={actionCardVariants({ variant: "accent" })} href={`/w/${world.slug}`} key={world.slug}>
-                    <span className={actionLabelClassName}>
-                      {world.displayName}
+                  <Link className={cn(actionCardVariants({ variant: "accent" }), "flex items-center gap-3")} href={`/w/${world.slug}`} key={world.slug}>
+                    <EntityImage imageUrl={world.heroImageUrl} label={world.displayName} />
+                    <span className="min-w-0">
+                      <span className={actionLabelClassName}>
+                        {world.displayName}
+                      </span>
+                      {world.summary ? <span className="mt-1 block text-muted">{world.summary}</span> : null}
+                      <span className={actionMetaClassName}>World</span>
                     </span>
-                    {world.summary ? <span className="mt-1 block text-muted">{world.summary}</span> : null}
-                    <span className={actionMetaClassName}>World</span>
                   </Link>
                 ))}
               </div>
@@ -379,12 +423,15 @@ export function EventPublicPage({ event, showEditLink = false }: { event: Public
               <p className="text-sm leading-6 text-muted">No lineup yet.</p>
             ) : (
               event.participants.map((participant) => (
-                <Link className={actionCardVariants({ padding: "lg", variant: "accent" })} href={`/p/${participant.slug}`} key={participant.slug}>
-                  <span className="block text-lg font-semibold tracking-[-0.03em] text-accent-strong underline decoration-accent/45 underline-offset-4 group-hover:decoration-accent">
-                    {participant.displayName}
+                <Link className={cn(actionCardVariants({ padding: "lg", variant: "accent" }), "flex items-center gap-3")} href={`/p/${participant.slug}`} key={participant.slug}>
+                  <EntityImage imageUrl={participant.imageUrl} label={participant.displayName} />
+                  <span className="min-w-0">
+                    <span className="block text-lg font-semibold tracking-[-0.03em] text-accent-strong underline decoration-accent/45 underline-offset-4 group-hover:decoration-accent">
+                      {participant.displayName}
+                    </span>
+                    <span className="mt-2 block text-muted">{participant.roleLabel}</span>
+                    <span className={actionMetaClassName}>Profile</span>
                   </span>
-                  <span className="mt-2 block text-muted">{participant.roleLabel}</span>
-                  <span className={actionMetaClassName}>Profile</span>
                 </Link>
               ))
             )}
diff --git a/apps/web/src/app/_components/event-watch-surface.tsx b/apps/web/src/app/_components/event-watch-surface.tsx
index 8f61f44..4058ff8 100644
--- a/apps/web/src/app/_components/event-watch-surface.tsx
+++ b/apps/web/src/app/_components/event-watch-surface.tsx
@@ -444,11 +444,13 @@ function WatchHlsVideo({ embed }: { embed: Extract<WatchEmbed, { kind: "hls" }>
 export function EventWatchSurface({
   doorsOpenAt,
   endAt,
+  enabled,
   mediaLinks,
   startAt,
 }: {
   doorsOpenAt?: number;
   endAt?: number;
+  enabled: boolean;
   mediaLinks: EventWatchMediaLink[];
   startAt: number;
 }) {
@@ -456,7 +458,7 @@ export function EventWatchSurface({
   const currentTimestamp = useCurrentTimestamp();
   const primaryWatchLink = selectPrimaryWatchLink(mediaLinks);
 
-  if (!primaryWatchLink || !isInScheduledWatchWindow({ doorsOpenAt, endAt, now: currentTimestamp, startAt })) {
+  if (!enabled || !primaryWatchLink || !isInScheduledWatchWindow({ doorsOpenAt, endAt, now: currentTimestamp, startAt })) {
     return null;
   }
 
diff --git a/apps/web/src/app/_components/world-public-page.tsx b/apps/web/src/app/_components/world-public-page.tsx
index 9b154c4..d8d5c34 100644
--- a/apps/web/src/app/_components/world-public-page.tsx
+++ b/apps/web/src/app/_components/world-public-page.tsx
@@ -42,6 +42,8 @@ type PublicWorldEventPreview = {
   communityName?: string;
   summary?: string;
   posterImageUrl?: string;
+  bannerImageUrl?: string;
+  thumbnailImageUrl?: string;
   mediaLinks: Array<{
     type: "event_page" | "watch" | "stream" | "vrcdn" | "discord" | "ticket" | "other";
     label: string;
@@ -203,7 +205,7 @@ function EventList({
     <div className="grid gap-3">
       {events.map((event) => {
         const sourceUrl = event.source.url ? safeHttpsUrl(event.source.url) : null;
-        const posterStyle = safeImageBackground(event.posterImageUrl, worldHeroOverlay);
+        const posterStyle = safeImageBackground(event.thumbnailImageUrl, worldHeroOverlay);
         const posterTextClass = posterStyle ? "text-white/76" : "text-muted";
 
         return (
diff --git a/apps/web/src/app/api/e2e/fixture-assets/[assetId]/route.ts b/apps/web/src/app/api/e2e/fixture-assets/[assetId]/route.ts
index dcaec4f..82a5c86 100644
--- a/apps/web/src/app/api/e2e/fixture-assets/[assetId]/route.ts
+++ b/apps/web/src/app/api/e2e/fixture-assets/[assetId]/route.ts
@@ -17,6 +17,7 @@ type FixtureAsset = {
   from: string;
   to: string;
   accent: string;
+  showText?: boolean;
 };
 
 const fixtureAssets: Record<string, FixtureAsset> = {
@@ -60,6 +61,28 @@ const fixtureAssets: Record<string, FixtureAsset> = {
     to: "#0e7490",
     accent: "#fb7185",
   },
+  "fixture-afterglow-event-banner": {
+    title: "Afterglow Harbor banner",
+    subtitle: "Hero artwork",
+    initials: "",
+    width: 1600,
+    height: 700,
+    from: "#121629",
+    to: "#134e67",
+    accent: "#fb7185",
+    showText: false,
+  },
+  "fixture-afterglow-event-thumbnail": {
+    title: "Afterglow Harbor card",
+    subtitle: "Event thumbnail",
+    initials: "AG",
+    width: 960,
+    height: 960,
+    from: "#2b1721",
+    to: "#0e7490",
+    accent: "#fb7185",
+    showText: false,
+  },
 };
 
 function fixtureError(message: string, status = 403) {
@@ -88,6 +111,13 @@ function renderSvg(asset: FixtureAsset) {
   const initials = escapeSvgText(asset.initials);
   const radius = Math.min(asset.width, asset.height) * 0.24;
 
+  const text = asset.showText === false
+    ? ""
+    : `
+  <text x="8%" y="48%" fill="white" font-family="Inter, Arial, sans-serif" font-size="${Math.round(asset.height * 0.24)}" font-weight="800" letter-spacing="-6">${initials}</text>
+  <text x="8%" y="72%" fill="white" font-family="Inter, Arial, sans-serif" font-size="${Math.round(asset.height * 0.1)}" font-weight="750" letter-spacing="-2">${title}</text>
+  <text x="8%" y="84%" fill="white" fill-opacity="0.72" font-family="Inter, Arial, sans-serif" font-size="${Math.round(asset.height * 0.046)}" font-weight="600" letter-spacing="2">${subtitle.toUpperCase()}</text>`;
+
   return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${asset.width} ${asset.height}" role="img" aria-label="${title}">
   <defs>
     <linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
@@ -103,9 +133,7 @@ function renderSvg(asset: FixtureAsset) {
   <rect width="${asset.width}" height="${asset.height}" fill="url(#bg)" rx="${radius}"/>
   <rect width="${asset.width}" height="${asset.height}" fill="url(#glow)" rx="${radius}"/>
   <circle cx="${asset.width * 0.18}" cy="${asset.height * 0.2}" r="${Math.min(asset.width, asset.height) * 0.16}" fill="none" stroke="white" stroke-opacity="0.26" stroke-width="10"/>
-  <text x="8%" y="48%" fill="white" font-family="Inter, Arial, sans-serif" font-size="${Math.round(asset.height * 0.24)}" font-weight="800" letter-spacing="-6">${initials}</text>
-  <text x="8%" y="72%" fill="white" font-family="Inter, Arial, sans-serif" font-size="${Math.round(asset.height * 0.1)}" font-weight="750" letter-spacing="-2">${title}</text>
-  <text x="8%" y="84%" fill="white" fill-opacity="0.72" font-family="Inter, Arial, sans-serif" font-size="${Math.round(asset.height * 0.046)}" font-weight="600" letter-spacing="2">${subtitle.toUpperCase()}</text>
+  ${text}
 </svg>`;
 }
 
diff --git a/apps/web/src/app/events/event-editor-form.tsx b/apps/web/src/app/events/event-editor-form.tsx
index 1f637fd..449975e 100644
--- a/apps/web/src/app/events/event-editor-form.tsx
+++ b/apps/web/src/app/events/event-editor-form.tsx
@@ -63,7 +63,7 @@ const userSafeErrorPatterns = [
   /Event end time must be after the start time\./,
   /Time zone must be a valid IANA time zone\./,
   /Time zone is required when event slots are provided\./,
-  /(?:Event source URL|Poster image URL|Media link URL|Participant source URL|Slot source URL) must (?:use https|be a valid URL)\./,
+  /(?:Event source URL|Poster image URL|Banner image URL|Thumbnail image URL|Media link URL|Participant source URL|Slot source URL) must (?:use https|be a valid URL)\./,
   /(?:Slot start time|Slot end time) must be a valid timestamp\./,
   /(?:Slot count|Slot offset minutes|Slot duration minutes|Break duration minutes) must be a whole number\./,
   /Slot end time must be after the start time\./,
@@ -579,6 +579,9 @@ function ConnectedEventEditorForm({ event }: { event?: PublicEvent }) {
         sourceLabel: optionalString(stringField(formData.get("sourceLabel"))),
         sourceUrl: optionalString(stringField(formData.get("sourceUrl"))),
         posterImageUrl: optionalString(stringField(formData.get("posterImageUrl"))),
+        bannerImageUrl: optionalString(stringField(formData.get("bannerImageUrl"))),
+        thumbnailImageUrl: optionalString(stringField(formData.get("thumbnailImageUrl"))),
+        watchSurfaceEnabled: formData.get("watchSurfaceEnabled") === "on",
         mediaLinks: parseMediaLinks(mediaLinksText),
         participantLinks: parseParticipantLinks(stringField(formData.get("participantLinks"))),
         slotLinks: parseSlotLinks(slotText, startAt),
@@ -682,18 +685,45 @@ function ConnectedEventEditorForm({ event }: { event?: PublicEvent }) {
         </Field>
       </div>
 
+      <div className="grid gap-4 sm:grid-cols-2">
+        <Field>
+          Banner image URL
+          <Input defaultValue={event?.authoredBannerImageUrl} name="bannerImageUrl" placeholder="https://..." />
+          <FieldText>Wide event-page hero image. Falls back to the poster image.</FieldText>
+        </Field>
+        <Field>
+          Thumbnail image URL
+          <Input defaultValue={event?.authoredThumbnailImageUrl} name="thumbnailImageUrl" placeholder="https://..." />
+          <FieldText>Compact event-card image. Falls back to the poster or banner image.</FieldText>
+        </Field>
+      </div>
+
       <Field>
         Media links
         <Textarea className="min-h-28" name="mediaLinks" onChange={(changeEvent) => setMediaLinksText(changeEvent.currentTarget.value)} placeholder="watch | Twitch watch link | https://... | open&#10;vrcdn | VRCDN Quest link | https://stream.vrcdn.live/live/name.live.ts | copy&#10;vrcdn | VRCDN PC link | rtspt://stream.vrcdn.live/live/name | copy" value={mediaLinksText} />
         <FieldText>One per line: type | label | URL | open or copy. VRCDN variants derive Quest and PC player links automatically.</FieldText>
       </Field>
+      <label className="flex gap-3 rounded-control border border-border bg-surface-strong p-4 text-sm leading-6">
+        <input
+          className="mt-1 h-4 w-4 flex-none accent-accent"
+          defaultChecked={event?.watchSurfaceEnabled ?? false}
+          name="watchSurfaceEnabled"
+          type="checkbox"
+        />
+        <span>
+          <span className="block font-medium text-foreground">Promote a watch surface during the event window</span>
+          <span className="mt-1 block text-xs leading-5 text-muted">
+            Keep this off unless stream capacity is ready for public viewers. Links still appear in the normal links section.
+          </span>
+        </span>
+      </label>
       <VrcdnMediaLinkAssistant mediaLinksText={mediaLinksText} />
 
       {event === undefined ? null : (
         <Card className="grid gap-4" padding="sm" surface="strong">
           <div>
             <h3 className="text-xl font-semibold tracking-[-0.03em]">VRCDN output</h3>
-            <p className="mt-2 text-xs leading-5 text-muted">Managed output links are shown on the event page during the watch window.</p>
+            <p className="mt-2 text-xs leading-5 text-muted">Managed output links can be promoted when the event watch surface is enabled.</p>
           </div>
 
           <div className="grid gap-4 sm:grid-cols-2">
diff --git a/apps/web/src/convex/playwright-fixtures.ts b/apps/web/src/convex/playwright-fixtures.ts
index 95f16c9..5adee8e 100644
--- a/apps/web/src/convex/playwright-fixtures.ts
+++ b/apps/web/src/convex/playwright-fixtures.ts
@@ -72,8 +72,11 @@ const eventPreview = {
   timezone: eventTimezone,
   communityName: "Afterglow Social",
   communitySlug,
+  communityImageUrl: "/api/e2e/fixture-assets/fixture-afterglow-event-poster",
   summary: "Late-night harbor club session with house, trance, and warm social energy.",
   posterImageUrl: "/api/e2e/fixture-assets/fixture-afterglow-event-poster",
+  bannerImageUrl: "/api/e2e/fixture-assets/fixture-afterglow-event-banner",
+  thumbnailImageUrl: "/api/e2e/fixture-assets/fixture-afterglow-event-thumbnail",
   source: {
     sourceType: "manual" as const,
     label: "Afterglow event listing",
@@ -594,6 +597,7 @@ const communityProfile: PublicProfile = {
   about: "Afterglow keeps the focus on friendly floors, clear event listings, and DJs who like a slower build.",
   region: "Global",
   timezone: "UTC",
+  avatarImageUrl: "/api/e2e/fixture-assets/fixture-afterglow-event-poster",
   trustLabel: "community_submitted",
   source: {
     sourceType: "community",
@@ -687,6 +691,8 @@ const worldProfile: PublicWorld = {
         communityName: "Afterglow Social",
         summary: "Late-night harbor club session with house, trance, and warm social energy.",
         posterImageUrl: "https://example.invalid/events/afterglow-harbor-poster.png",
+        bannerImageUrl: "https://example.invalid/events/afterglow-harbor-banner.png",
+        thumbnailImageUrl: "https://example.invalid/events/afterglow-harbor-card.png",
         mediaLinks: [
           {
             type: "watch",
@@ -757,6 +763,7 @@ const publicEvent: PublicEvent = {
   ...eventPreview,
   slug: eventSlug,
   notes: "Doors open before the first set. Follow host announcements for instance details.",
+  watchSurfaceEnabled: false,
   authoredMediaLinks: [
     {
       type: "watch",
@@ -791,6 +798,7 @@ const publicEvent: PublicEvent = {
       displayName: "Neon Harbor",
       tags: ["Club world", "Cyberpunk", "Dance floor"],
       summary: "Cyberpunk harbor club world with layered dance floors and quiet balcony corners.",
+      heroImageUrl: "/api/e2e/fixture-assets/fixture-afterglow-event-poster",
       association: {
         sourceType: "manual",
         confirmationState: "confirmed",
@@ -804,6 +812,7 @@ const publicEvent: PublicEvent = {
       displayName: "DJ Aurora",
       roleLabel: "Performer",
       trustLabel: "community_submitted",
+      imageUrl: auroraProfileImage.imageUrl,
       source: {
         sourceType: "community",
         label: "Afterglow lineup",
@@ -830,6 +839,7 @@ const publicEvent: PublicEvent = {
         slug: personSlug,
         displayName: "DJ Aurora",
         trustLabel: "community_submitted",
+        imageUrl: auroraProfileImage.imageUrl,
       },
       source: {
         sourceType: "community",
@@ -868,6 +878,9 @@ const publicWatchEvent: PublicEvent = {
   endAt: watchEventEndAt,
   summary: "Live room for the Afterglow set stream.",
   notes: "Use the player during the event, or open the stream in a new tab.",
+  bannerImageUrl: "/api/e2e/fixture-assets/fixture-afterglow-event-banner",
+  thumbnailImageUrl: "/api/e2e/fixture-assets/fixture-afterglow-event-thumbnail",
+  watchSurfaceEnabled: true,
   authoredMediaLinks: [
     {
       type: "watch",
diff --git a/convex/_eventInputs.ts b/convex/_eventInputs.ts
index 66d2e72..8bcc59d 100644
--- a/convex/_eventInputs.ts
+++ b/convex/_eventInputs.ts
@@ -70,6 +70,9 @@ export type EventDraftInput = {
   sourceLabel?: string;
   sourceUrl?: string;
   posterImageUrl?: string;
+  bannerImageUrl?: string;
+  thumbnailImageUrl?: string;
+  watchSurfaceEnabled?: boolean;
   mediaLinks?: EventMediaLinkInput[];
   participantLinks?: EventParticipantInput[];
   slotLinks?: EventSlotInput[];
@@ -90,6 +93,9 @@ export type SanitizedEventDraftInput = {
   sourceLabel: string;
   sourceUrl?: string;
   posterImageUrl?: string;
+  bannerImageUrl?: string;
+  thumbnailImageUrl?: string;
+  watchSurfaceEnabled: boolean;
   mediaLinks: SanitizedEventMediaLink[];
   participantLinks: SanitizedEventParticipantInput[];
   slotLinks: SanitizedEventSlotInput[];
@@ -376,6 +382,9 @@ export function sanitizeEventDraftInput(input: EventDraftInput): SanitizedEventD
     sourceLabel,
     ...optionalObjectField("sourceUrl", optionalHttpsUrl(input.sourceUrl, "Event source URL")),
     ...optionalObjectField("posterImageUrl", optionalHttpsUrl(input.posterImageUrl, "Poster image URL")),
+    ...optionalObjectField("bannerImageUrl", optionalHttpsUrl(input.bannerImageUrl, "Banner image URL")),
+    ...optionalObjectField("thumbnailImageUrl", optionalHttpsUrl(input.thumbnailImageUrl, "Thumbnail image URL")),
+    watchSurfaceEnabled: input.watchSurfaceEnabled ?? false,
     mediaLinks: sanitizeEventMediaLinks(input.mediaLinks),
     participantLinks,
     slotLinks,
diff --git a/convex/_eventPublic.ts b/convex/_eventPublic.ts
index e9ebf91..e0d630a 100644
--- a/convex/_eventPublic.ts
+++ b/convex/_eventPublic.ts
@@ -1,7 +1,8 @@
 import type { Doc, Id } from "./_generated/dataModel";
 import type { DatabaseReader } from "./_generated/server";
 import { createDiscordTimestampSet, type DiscordTimestampSet } from "./_discordTimestamps";
-import { optionalField, safeHttpsUrl } from "./_publicFields";
+import { firstSafeHttpsUrl, optionalField, safeHttpsUrl } from "./_publicFields";
+import { visibleProfileField } from "./_profileFieldVisibility";
 import { canReadProfile } from "./_profilePermissions";
 import { getProfileTrustLabel } from "./_profileStates";
 import { safePublicMediaUrl } from "./_vrcdnLinks";
@@ -52,6 +53,9 @@ export type PublicEventPreview = {
   communitySlug?: string;
   summary?: string;
   posterImageUrl?: string;
+  bannerImageUrl?: string;
+  thumbnailImageUrl?: string;
+  communityImageUrl?: string;
   source: {
     sourceType: PublicEventSourceType;
     label: string;
@@ -68,6 +72,9 @@ export type PublicEventPreview = {
 export type PublicEvent = PublicEventPreview & {
   slug: string;
   notes?: string;
+  watchSurfaceEnabled: boolean;
+  authoredBannerImageUrl?: string;
+  authoredThumbnailImageUrl?: string;
   authoredMediaLinks: Array<{
     type: PublicEventMediaLinkType;
     label: string;
@@ -97,6 +104,7 @@ export type PublicEvent = PublicEventPreview & {
     displayName: string;
     roleLabel: string;
     trustLabel: "community_submitted" | "unclaimed" | "claimed_unverified" | "claimed_verified";
+    imageUrl?: string;
     source: {
       sourceType: PublicEventSourceType;
       label: string;
@@ -114,6 +122,7 @@ export type PublicEvent = PublicEventPreview & {
       slug: string;
       displayName: string;
       trustLabel: "community_submitted" | "unclaimed" | "claimed_unverified" | "claimed_verified";
+      imageUrl?: string;
     };
     source: {
       sourceType: PublicEventSourceType;
@@ -141,6 +150,13 @@ function safePublicEventMediaLink(link: PublicEvent["mediaLinks"][number]): Publ
     return [{ ...link, url }];
 }
 
+function publicProfileCardImage(profile: Doc<"profiles">): string | undefined {
+  return firstSafeHttpsUrl(
+    visibleProfileField(profile, "avatarImageUrl", profile.avatarImageUrl, "discovery"),
+    visibleProfileField(profile, "bannerImageUrl", profile.bannerImageUrl, "discovery"),
+  );
+}
+
 function eventMediaPublicLinkType(platform: Doc<"eventMediaOutputs">["playbackLinks"][number]["platform"]): PublicEventMediaLinkType {
   return platform === "browser" ? "watch" : "vrcdn";
 }
@@ -203,6 +219,9 @@ export function toPublicEventPreviewFromRecord(record: PublicEventRecord): Publi
   const { community, event, participants, slots, worlds } = record;
   const sourceUrl = safeHttpsUrl(event.sourceUrl);
   const posterImageUrl = safeHttpsUrl(event.posterImageUrl);
+  const bannerImageUrl = firstSafeHttpsUrl(event.bannerImageUrl, event.posterImageUrl);
+  const thumbnailImageUrl = firstSafeHttpsUrl(event.thumbnailImageUrl, event.posterImageUrl, event.bannerImageUrl);
+  const communityImageUrl = community === undefined ? undefined : publicProfileCardImage(community);
 
   return {
     ...optionalField("slug", event.slug),
@@ -226,6 +245,9 @@ export function toPublicEventPreviewFromRecord(record: PublicEventRecord): Publi
     ...optionalField("communitySlug", community?.slug),
     ...optionalField("summary", event.summary),
     ...optionalField("posterImageUrl", posterImageUrl),
+    ...optionalField("bannerImageUrl", bannerImageUrl),
+    ...optionalField("thumbnailImageUrl", thumbnailImageUrl),
+    ...optionalField("communityImageUrl", communityImageUrl),
   };
 }
 
@@ -236,10 +258,15 @@ export function toPublicEvent(record: PublicEventRecord): PublicEvent | null {
 
   const preview = toPublicEventPreviewFromRecord(record);
   const authoredMediaLinks = (record.event.mediaLinks ?? []).flatMap(safePublicEventMediaLink);
+  const authoredBannerImageUrl = safeHttpsUrl(record.event.bannerImageUrl);
+  const authoredThumbnailImageUrl = safeHttpsUrl(record.event.thumbnailImageUrl);
 
   return {
     ...preview,
     slug: record.event.slug,
+    watchSurfaceEnabled: record.event.watchSurfaceEnabled ?? false,
+    ...optionalField("authoredBannerImageUrl", authoredBannerImageUrl),
+    ...optionalField("authoredThumbnailImageUrl", authoredThumbnailImageUrl),
     authoredMediaLinks,
     mediaLinks: createPublicEventMediaLinks(authoredMediaLinks, record.mediaProgram, record.mediaOutputs ?? []),
     worlds: record.worlds.map(({ association, world }) => {
@@ -260,12 +287,14 @@ export function toPublicEvent(record: PublicEventRecord): PublicEvent | null {
     }),
     participants: record.participants.map(({ association, profile }) => {
       const sourceUrl = safeHttpsUrl(association.sourceUrl);
+      const imageUrl = publicProfileCardImage(profile);
 
       return {
         slug: profile.slug,
         displayName: profile.displayName,
         roleLabel: association.roleLabel,
         trustLabel: getProfileTrustLabel(profile.claimState, profile.creationSource),
+        ...optionalField("imageUrl", imageUrl),
         source: {
           sourceType: association.sourceType,
           label: association.sourceLabel,
@@ -277,6 +306,7 @@ export function toPublicEvent(record: PublicEventRecord): PublicEvent | null {
       .sort((first, second) => first.slot.startAt - second.slot.startAt || first.slot.position - second.slot.position)
       .map(({ profile, slot }) => {
         const sourceUrl = safeHttpsUrl(slot.sourceUrl);
+        const imageUrl = profile === undefined ? undefined : publicProfileCardImage(profile);
 
         return {
           position: slot.position,
@@ -292,6 +322,7 @@ export function toPublicEvent(record: PublicEventRecord): PublicEvent | null {
                   slug: profile.slug,
                   displayName: profile.displayName,
                   trustLabel: getProfileTrustLabel(profile.claimState, profile.creationSource),
+                  ...optionalField("imageUrl", imageUrl),
                 },
               }),
           source: {
diff --git a/convex/_publicFields.ts b/convex/_publicFields.ts
index 2e84af0..39ac8bb 100644
--- a/convex/_publicFields.ts
+++ b/convex/_publicFields.ts
@@ -14,3 +14,15 @@ export function safeHttpsUrl(value: string | undefined): string | undefined {
     return undefined;
   }
 }
+
+export function firstSafeHttpsUrl(...urls: Array<string | undefined>): string | undefined {
+  for (const url of urls) {
+    const safeUrl = safeHttpsUrl(url);
+
+    if (safeUrl !== undefined) {
+      return safeUrl;
+    }
+  }
+
+  return undefined;
+}
diff --git a/convex/_searchDocuments.ts b/convex/_searchDocuments.ts
index 681b546..3037bf9 100644
--- a/convex/_searchDocuments.ts
+++ b/convex/_searchDocuments.ts
@@ -2,7 +2,7 @@ import type { Doc } from "./_generated/dataModel";
 import type { DatabaseReader, DatabaseWriter } from "./_generated/server";
 import type { PublicProfileMediaKit } from "./_profileAssets";
 import { visibleProfileField, visibleProfileList } from "./_profileFieldVisibility";
-import { optionalField, safeHttpsUrl } from "./_publicFields";
+import { firstSafeHttpsUrl, optionalField, safeHttpsUrl } from "./_publicFields";
 import { canReadProfile } from "./_profilePermissions";
 import { getProfileBySlug } from "./_profileSlugs";
 import {
@@ -388,7 +388,7 @@ export function createEventSearchDocument(
     title: event.title,
     subtitle: event.communityName ?? context.community?.displayName ?? "Event",
     ...optionalField("summary", event.summary),
-    ...optionalField("imageUrl", safeHttpsUrl(event.posterImageUrl)),
+    ...optionalField("imageUrl", firstSafeHttpsUrl(event.thumbnailImageUrl, event.posterImageUrl, event.bannerImageUrl)),
     searchText: weightedCorpus([
       { values: [event.title, event.slug], weight: 8 },
       { values: [event.communityName, context.community?.displayName], weight: 5 },
diff --git a/convex/_worldEvents.ts b/convex/_worldEvents.ts
index 82098a5..548a402 100644
--- a/convex/_worldEvents.ts
+++ b/convex/_worldEvents.ts
@@ -1,6 +1,6 @@
 import type { Doc, Id } from "./_generated/dataModel";
 import type { DatabaseReader } from "./_generated/server";
-import { optionalField, safeHttpsUrl } from "./_publicFields";
+import { firstSafeHttpsUrl, optionalField, safeHttpsUrl } from "./_publicFields";
 import { safePublicMediaUrl } from "./_vrcdnLinks";
 
 const WORLD_EVENT_SECTION_LIMIT = 4;
@@ -30,6 +30,8 @@ export type PublicWorldEventPreview = {
   communityName?: string;
   summary?: string;
   posterImageUrl?: string;
+  bannerImageUrl?: string;
+  thumbnailImageUrl?: string;
   mediaLinks: Array<{
     type: "event_page" | "watch" | "stream" | "vrcdn" | "discord" | "ticket" | "other";
     label: string;
@@ -96,6 +98,8 @@ function toPublicWorldEventPreview(
 
   const sourceUrl = safeHttpsUrl(event.sourceUrl);
   const posterImageUrl = safeHttpsUrl(event.posterImageUrl);
+  const bannerImageUrl = firstSafeHttpsUrl(event.bannerImageUrl, event.posterImageUrl);
+  const thumbnailImageUrl = firstSafeHttpsUrl(event.thumbnailImageUrl, event.posterImageUrl, event.bannerImageUrl);
 
   return {
     ...optionalField("slug", event.slug),
@@ -126,6 +130,8 @@ function toPublicWorldEventPreview(
     ...optionalField("communityName", event.communityName),
     ...optionalField("summary", event.summary),
     ...optionalField("posterImageUrl", posterImageUrl),
+    ...optionalField("bannerImageUrl", bannerImageUrl),
+    ...optionalField("thumbnailImageUrl", thumbnailImageUrl),
   };
 }
 
diff --git a/convex/events.ts b/convex/events.ts
index 38466c5..4ffc640 100644
--- a/convex/events.ts
+++ b/convex/events.ts
@@ -72,6 +72,9 @@ const eventDraftArgs = {
   sourceLabel: v.optional(v.string()),
   sourceUrl: v.optional(v.string()),
   posterImageUrl: v.optional(v.string()),
+  bannerImageUrl: v.optional(v.string()),
+  thumbnailImageUrl: v.optional(v.string()),
+  watchSurfaceEnabled: v.optional(v.boolean()),
   mediaLinks: v.optional(
     v.array(
       v.object({
@@ -1156,6 +1159,9 @@ export const createCommunityEvent = mutation({
       ...optionalValue("summary", input.summary),
       ...optionalValue("notes", input.notes),
       ...optionalValue("posterImageUrl", input.posterImageUrl),
+      ...optionalValue("bannerImageUrl", input.bannerImageUrl),
+      ...optionalValue("thumbnailImageUrl", input.thumbnailImageUrl),
+      watchSurfaceEnabled: input.watchSurfaceEnabled,
       mediaLinks: input.mediaLinks,
       sourceType: "community",
       sourceLabel: input.sourceLabel,
@@ -1249,6 +1255,9 @@ export const updateCommunityEvent = mutation({
       summary: input.summary,
       notes: input.notes,
       posterImageUrl: input.posterImageUrl,
+      bannerImageUrl: input.bannerImageUrl,
+      thumbnailImageUrl: input.thumbnailImageUrl,
+      watchSurfaceEnabled: input.watchSurfaceEnabled,
       mediaLinks: input.mediaLinks,
       sourceLabel: input.sourceLabel,
       sourceUrl: input.sourceUrl,
diff --git a/convex/schema.ts b/convex/schema.ts
index d55e2f5..5f2ee5a 100644
--- a/convex/schema.ts
+++ b/convex/schema.ts
@@ -617,6 +617,9 @@ export default defineSchema({
     summary: v.optional(v.string()),
     notes: v.optional(v.string()),
     posterImageUrl: v.optional(v.string()),
+    bannerImageUrl: v.optional(v.string()),
+    thumbnailImageUrl: v.optional(v.string()),
+    watchSurfaceEnabled: v.optional(v.boolean()),
     mediaLinks: v.optional(
       v.array(
         v.object({
diff --git a/docs/backend/event-schema.md b/docs/backend/event-schema.md
index 1ab1544..025c890 100644
--- a/docs/backend/event-schema.md
+++ b/docs/backend/event-schema.md
@@ -85,6 +85,18 @@ Canonical slot times are stored as timestamps. Discord timestamp tokens such as
 
 The first slot editor uses relative minute offsets from the event start for operator-friendly sequential scheduling. Backend storage still receives absolute timestamps after the operator confirms the event start and a valid IANA timezone.
 
+## Event Media Slots
+
+Events currently support three public image slots:
+
+- `posterImageUrl`: flyer/poster artwork and the legacy event image field
+- `bannerImageUrl`: wide event-page hero artwork, falling back to `posterImageUrl`
+- `thumbnailImageUrl`: compact card/discovery image, falling back to `posterImageUrl` and then `bannerImageUrl`
+
+All three fields must be public HTTPS URLs in backend writes. Local Playwright fixtures may still use internal fixture paths for deterministic screenshots. Imported or community-submitted event images must keep source/provenance outside the image URL itself, and future file-backed event assets should map into these slots instead of replacing the public projection contract.
+
+Public event cards may reuse discovery-visible profile and world images: host cards use the community profile's public avatar or banner, lineup cards use linked person profile public avatar or banner, and place cards use world hero imagery. Private profile fields, unlisted discovery fields, non-public worlds, and unsafe image URLs are not projected.
+
 ## Event Media Links
 
 Event media links are intentionally more flexible than a rigid platform dropdown.
@@ -110,9 +122,11 @@ Future smart labeling, remembered vocabularies, URL-derived icons, and platform-
 
 ## Public Watch Surface
 
-Public event pages promote one primary watch source above the normal link list only during the event's scheduled watch window. Outside that window, watch links stay in the normal link list.
+Public event pages promote one primary watch source above the normal link list only when `events.watchSurfaceEnabled` is true and the event is inside its scheduled watch window. Outside that window, or when the event-level setting is off, watch links stay in the normal link list.
+
+Current recommendation: new event drafts default `watchSurfaceEnabled` to false and require an event-level opt-in. Community or person-level defaults should wait until the relevant ownership/settings surfaces exist.
 
-Ready or active event-media outputs are projected into the same public media-link list as event-authored links. This lets operator-owned VRCDN outputs create the public watch surface without duplicating the output URL in `events.mediaLinks`. Draft, disabled, failed, ended, or errored media programs remain private.
+Ready or active event-media outputs are projected into the same public media-link list as event-authored links. This lets operator-owned VRCDN outputs feed the public watch surface without duplicating the output URL in `events.mediaLinks`, but the event-level setting still controls whether those links are promoted. Draft, disabled, failed, ended, or errored media programs remain private.
 
 Selection order is deterministic:
 
diff --git a/docs/backend/profile-schema.md b/docs/backend/profile-schema.md
index fa2dbf9..471ca5c 100644
--- a/docs/backend/profile-schema.md
+++ b/docs/backend/profile-schema.md
@@ -77,6 +77,7 @@ Current recommendation:
 
 - people and communities should share the same file-backed media-kit asset system
 - profile picture/avatar, banner, primary logo, additional ordered logos, and other public image placements should reference assets instead of becoming separate one-off URL fields over time
+- public profile images can be reused by event lineup and host cards when their field visibility allows the image on discovery surfaces
 - user-provided public HTTPS image URLs should be treated as import sources; VRDex should reject private/internal destinations, copy bounded PNG/SVG/JPEG/WebP responses into managed object storage such as S3, and serve the VRDex-owned object as the canonical asset
 - one uploaded asset can fill multiple placements, such as both profile picture and primary logo
 - public UX should say `primary logo` and `additional logos` instead of `non-primary` or defaulting to `alternative logo`
diff --git a/docs/planning/architecture.md b/docs/planning/architecture.md
index 733f55f..143db82 100644
--- a/docs/planning/architecture.md
+++ b/docs/planning/architecture.md
@@ -300,7 +300,7 @@ Related policy recommendation:
 
 - canonical event records shown on community pages and derived into person-facing participation views
 - includes start/end, title, source, confidence, and linked entities
-- should support a primary event poster/image asset when available
+- should support separate poster, banner/hero, and thumbnail/card image slots with documented fallbacks
 
 Implementation status:
 
@@ -315,6 +315,7 @@ Likely near-term additions:
 - linked VRChat world id when known
 - platform compatibility hints
 - optional canonical event-level stream/watch metadata
+- file-backed event assets that fill the same public poster, banner, and thumbnail slots
 
 Current recommendation:
 
@@ -380,7 +381,7 @@ Current recommendation:
 - examples: VRCDN PC, VRCDN Quest, Twitch, venue camera/watch feed
 - should support typed common cases plus generic/other links
 - should allow multiple links per event or slot
-- public event pages promote a primary `watch`, `stream`, or `vrcdn` link into a watch surface only during the scheduled watch window
+- public event pages promote a primary `watch`, `stream`, or `vrcdn` link into a watch surface only when the event has opted in and is inside the scheduled watch window
 - provider embeds are allow-listed for YouTube, Twitch, and VRCDN; unsupported watch links remain outbound cards
 - provider live/offline checks belong to the later restream/media-control model in `#124` and should not leak into viewer-facing explanatory copy
 
diff --git a/docs/planning/prd.md b/docs/planning/prd.md
index 60c4b3b..9976bfb 100644
--- a/docs/planning/prd.md
+++ b/docs/planning/prd.md
@@ -369,9 +369,10 @@ Current recommendation:
 - person-facing event participation views can still exist in the UI where useful
 - minimum event structure should include title, community, start time, optional end time, source, optional link, and optional notes
 - event/location modeling should leave room for VRChat world linkage, platform compatibility hints, and DJ slot breakdowns
+- event media should separate poster, banner/hero, and thumbnail/card slots while reusing public person, community, and world images in event cards
 - event-world links should become explicit associations once world pages exist, not only freeform event metadata
 - stream/watch links should use typed media link categories in v1, while still allowing generic/other links and multiple links where needed
-- event pages should promote one primary watch source during the scheduled watch window and support safe YouTube, Twitch, and VRCDN embeds before larger restream controls exist
+- event pages should promote one primary watch source only when the event has opted in and is inside the scheduled watch window, with safe YouTube, Twitch, and VRCDN embeds before larger restream controls exist
 - watch surfaces should stay contextual and minimal; provider status limitations belong in implementation notes, not viewer-facing copy
 - when a claimed person is added to an event association in v1, they should receive a passive in-app notification
 - claimed people should be able to choose whether they are simply notified when added; stronger approval gates can land later
diff --git a/docs/planning/product-spec.md b/docs/planning/product-spec.md
index 1aef190..664b68e 100644
--- a/docs/planning/product-spec.md
+++ b/docs/planning/product-spec.md
@@ -408,6 +408,14 @@ Important future-aware extensions:
 - set/performance artifacts that can attach an external or hosted recording to a specific event slot
 - calendar import, export, and sync, preserving static `.ics` export, later Google Calendar sync, and reviewed Google Calendar import; see `docs/planning/calendar-integration.md`
 
+Event media direction:
+
+- use shared media slots across people, communities, worlds, and events instead of adding unrelated image fields for every surface
+- event `poster` remains flyer-style artwork, while `banner` is the event-page hero and `thumbnail` is the compact card/discovery image
+- event banners fall back to posters; thumbnails fall back to posters and then banners
+- event cards can reuse discovery-visible community, person, and world images for hosts, lineup, and place cards without exposing private, unlisted, or non-public media
+- uploaded/managed assets should eventually fill these slots, with external URLs treated as import sources when rights and source policy are clear
+
 Event-world direction:
 
 - worlds should become separate public records rather than being stored only as event text
@@ -441,7 +449,7 @@ Streaming and media direction:
 - examples include VRCDN PC links, VRCDN Quest links, Twitch watch links, and venue camera/watch links
 - v1 should use typed media links for common cases while still allowing generic/other links
 - multiple media links should be supported where operationally useful
-- public event pages should promote one primary watch source when a `watch`, `stream`, or `vrcdn` link exists
+- public event pages should promote one primary watch source only when the event has opted in and a `watch`, `stream`, or `vrcdn` link is eligible during the watch window
 - YouTube, Twitch, and VRCDN are the first embed targets; unsupported watch providers should still get a prominent outbound watch card
 - event pages should not claim a stream is live until a provider status adapter confirms liveness
 
diff --git a/tests/backend/event-foundation.test.ts b/tests/backend/event-foundation.test.ts
index ef94915..e6789b2 100644
--- a/tests/backend/event-foundation.test.ts
+++ b/tests/backend/event-foundation.test.ts
@@ -71,6 +71,8 @@ describe("event draft input", () => {
       sourceLabel: " Fixture listing ",
       sourceUrl: "https://example.invalid/events/afterglow",
       posterImageUrl: "https://example.invalid/poster.png",
+      bannerImageUrl: "https://example.invalid/banner.png",
+      thumbnailImageUrl: "https://example.invalid/card.png",
       mediaLinks: [
         {
           type: "watch",
@@ -103,6 +105,9 @@ describe("event draft input", () => {
     assert.equal(input.title, "Afterglow Harbor Sessions");
     assert.equal(input.sortTitle, "afterglow harbor sessions");
     assert.equal(input.doorsOpenAt, startAt - 1_800_000);
+    assert.equal(input.bannerImageUrl, "https://example.invalid/banner.png");
+    assert.equal(input.thumbnailImageUrl, "https://example.invalid/card.png");
+    assert.equal(input.watchSurfaceEnabled, false);
     assert.equal(input.mediaLinks[0]?.presentation, "open");
     assert.equal(input.mediaLinks[1]?.presentation, "copy");
     assert.equal(input.participantLinks[0]?.roleLabel, "House");
@@ -110,6 +115,23 @@ describe("event draft input", () => {
     assert.equal(input.slotLinks[0]?.roleLabel, "House");
   });
 
+  it("keeps watch-surface promotion opt-in on event drafts", () => {
+    const enabledInput = sanitizeEventDraftInput({
+      title: "Afterglow Harbor Sessions",
+      startAt: Date.UTC(2026, 5, 14, 22, 0, 0),
+      watchSurfaceEnabled: true,
+      mediaLinks: [
+        {
+          type: "watch",
+          label: "Event stream",
+          url: "https://example.invalid/watch",
+        },
+      ],
+    });
+
+    assert.equal(enabledInput.watchSurfaceEnabled, true);
+  });
+
   it("rejects non-https public URLs", () => {
     assert.throws(
       () =>
@@ -370,6 +392,9 @@ describe("public event projection", () => {
       summary: "A confirmed fixture event.",
       notes: "Bring water.",
       posterImageUrl: "https://example.invalid/poster.png",
+      bannerImageUrl: "https://example.invalid/banner.png",
+      thumbnailImageUrl: "https://example.invalid/card.png",
+      watchSurfaceEnabled: true,
       mediaLinks: [
         {
           type: "watch",
@@ -390,11 +415,28 @@ describe("public event projection", () => {
       publicationState: "published",
       updatedAt: now,
     } as unknown as Doc<"events">;
+    const community = {
+      slug: "afterglow-social",
+      displayName: "Afterglow Social",
+      aliases: [],
+      tags: [],
+      claimState: "unclaimed",
+      publicationState: "published",
+      publicSurfacingState: "public",
+      creationSource: "community",
+      updatedAt: now,
+      profileType: "community",
+      avatarImageUrl: "https://example.invalid/community-avatar.png",
+      community: {
+        categoryTags: [],
+      },
+    } as unknown as Doc<"profiles">;
     const world = {
       slug: "neon-harbor",
       displayName: "Neon Harbor",
       tags: ["Club world"],
       summary: "A venue world.",
+      heroImageUrl: "https://example.invalid/world-hero.png",
       visibilityStatus: "public",
       platformCompatibility: ["pc"],
       media: [],
@@ -425,6 +467,10 @@ describe("public event projection", () => {
       creationSource: "community",
       updatedAt: now,
       profileType: "person",
+      avatarImageUrl: "https://example.invalid/dj-aurora.png",
+      fieldVisibility: {
+        avatarImageUrl: "public",
+      },
       person: {
         roleTags: ["DJ"],
       },
@@ -458,6 +504,7 @@ describe("public event projection", () => {
 
     const publicEvent = toPublicEvent({
       event,
+      community,
       worlds: [{ association: worldAssociation, world }],
       participants: [{ association: participant, profile: person }],
       slots: [{ slot, profile: person }],
@@ -466,14 +513,118 @@ describe("public event projection", () => {
     assert.notEqual(publicEvent, null);
     assert.equal(publicEvent?.slug, "afterglow-harbor-sessions-2026-06-14");
     assert.equal(publicEvent?.doorsOpenAt, now + 84_600_000);
+    assert.equal(publicEvent?.bannerImageUrl, "https://example.invalid/banner.png");
+    assert.equal(publicEvent?.thumbnailImageUrl, "https://example.invalid/card.png");
+    assert.equal(publicEvent?.authoredBannerImageUrl, "https://example.invalid/banner.png");
+    assert.equal(publicEvent?.authoredThumbnailImageUrl, "https://example.invalid/card.png");
+    assert.equal(publicEvent?.communityImageUrl, "https://example.invalid/community-avatar.png");
+    assert.equal(publicEvent?.watchSurfaceEnabled, true);
     assert.equal(publicEvent?.mediaLinks.length, 1);
+    assert.equal(publicEvent?.worlds[0]?.heroImageUrl, "https://example.invalid/world-hero.png");
     assert.equal(publicEvent?.worlds[0]?.displayName, "Neon Harbor");
     assert.equal(publicEvent?.participants[0]?.displayName, "DJ Aurora");
+    assert.equal(publicEvent?.participants[0]?.imageUrl, "https://example.invalid/dj-aurora.png");
     assert.equal(publicEvent?.slots[0]?.displayLabel, "DJ Aurora");
+    assert.equal(publicEvent?.slots[0]?.performer?.imageUrl, "https://example.invalid/dj-aurora.png");
     assert.equal(publicEvent?.slots[0]?.discord.shortTime, "<t:1779710400:t>");
     assert.equal("url" in publicEvent!.source, false);
   });
 
+  it("does not project unlisted profile images onto event cards", () => {
+    const now = Date.UTC(2026, 4, 24, 12, 0, 0);
+    const event = {
+      slug: "afterglow-harbor-sessions-2026-06-14",
+      title: "Afterglow Harbor Sessions",
+      sortTitle: "afterglow harbor sessions",
+      startAt: Date.UTC(2026, 5, 14, 22, 0, 0),
+      sourceType: "community",
+      sourceLabel: "Fixture event listing",
+      publicationState: "published",
+      updatedAt: now,
+    } as unknown as Doc<"events">;
+    const person = {
+      slug: "dj-aurora",
+      displayName: "DJ Aurora",
+      sortName: "dj aurora",
+      aliases: [],
+      tags: [],
+      claimState: "unclaimed",
+      publicationState: "published",
+      publicSurfacingState: "public",
+      creationSource: "community",
+      updatedAt: now,
+      profileType: "person",
+      avatarImageUrl: "https://example.invalid/unlisted-avatar.png",
+      bannerImageUrl: "https://example.invalid/private-banner.png",
+      fieldVisibility: {
+        avatarImageUrl: "unlisted",
+        bannerImageUrl: "private",
+      },
+      person: {
+        roleTags: ["DJ"],
+      },
+    } as unknown as Doc<"profiles">;
+    const participant = {
+      eventId: "event123",
+      personProfileId: "profile123",
+      eventStartAt: event.startAt,
+      roleLabel: "Performer",
+      sourceType: "community",
+      sourceLabel: "Fixture lineup",
+      confirmationState: "confirmed",
+      updatedAt: now,
+    } as unknown as Doc<"eventParticipants">;
+
+    const publicEvent = toPublicEvent({
+      event,
+      worlds: [],
+      participants: [{ association: participant, profile: person }],
+      slots: [],
+    });
+
+    assert.equal(publicEvent?.participants[0]?.imageUrl, undefined);
+  });
+
+  it("defaults public watch-surface promotion off without hiding links", () => {
+    const now = Date.UTC(2026, 4, 24, 12, 0, 0);
+    const event = {
+      _id: "event123",
+      slug: "afterglow-harbor-sessions-2026-06-14",
+      title: "Afterglow Harbor Sessions",
+      sortTitle: "afterglow harbor sessions",
+      startAt: Date.UTC(2026, 5, 14, 22, 0, 0),
+      posterImageUrl: "https://example.invalid/poster.png",
+      mediaLinks: [
+        {
+          type: "watch",
+          label: "Event stream",
+          url: "https://example.invalid/watch",
+          presentation: "open",
+        },
+      ],
+      sourceType: "community",
+      sourceLabel: "Fixture event listing",
+      publicationState: "published",
+      updatedAt: now,
+    } as unknown as Doc<"events">;
+
+    const publicEvent = toPublicEvent({ event, worlds: [], participants: [], slots: [] });
+
+    assert.equal(publicEvent?.watchSurfaceEnabled, false);
+    assert.equal(publicEvent?.bannerImageUrl, "https://example.invalid/poster.png");
+    assert.equal(publicEvent?.thumbnailImageUrl, "https://example.invalid/poster.png");
+    assert.equal(publicEvent?.authoredBannerImageUrl, undefined);
+    assert.equal(publicEvent?.authoredThumbnailImageUrl, undefined);
+    assert.deepEqual(publicEvent?.mediaLinks, [
+      {
+        type: "watch",
+        label: "Event stream",
+        url: "https://example.invalid/watch",
+        presentation: "open",
+      },
+    ]);
+  });
+
   it("keeps public slot labels when performer profiles are not projected", () => {
     const now = Date.UTC(2026, 4, 24, 12, 0, 0);
     const event = {
@@ -484,6 +635,7 @@ describe("public event projection", () => {
       doorsOpenAt: Date.UTC(2026, 5, 14, 21, 30, 0),
       sourceType: "community",
       sourceLabel: "Fixture event listing",
+      watchSurfaceEnabled: true,
       publicationState: "published",
       updatedAt: now,
     } as unknown as Doc<"events">;
@@ -519,6 +671,7 @@ describe("public event projection", () => {
       startAt: Date.UTC(2026, 5, 14, 22, 0, 0),
       sourceType: "community",
       sourceLabel: "Fixture event listing",
+      watchSurfaceEnabled: true,
       publicationState: "published",
       updatedAt: now,
     } as unknown as Doc<"events">;