@@ -710,7 +767,16 @@ export function QuestEditForm({ quest }: QuestEditFormProps) {
{/* Save button */}
-
+ {/* Featured Image Placeholder */}
+
+
+
+ Save the quest first, then edit to add a featured image
+
+
+ Available after quest creation
+
+
+
{/* Description */}
diff --git a/src/components/quests/quest-detail.tsx b/src/components/quests/quest-detail.tsx
index 76cba1c..198a8c3 100644
--- a/src/components/quests/quest-detail.tsx
+++ b/src/components/quests/quest-detail.tsx
@@ -138,6 +138,22 @@ export function QuestDetail({
+ {/* Featured Image */}
+ {quest.featured_image_url && (
+
+ )}
+
{/* Narrative Context */}
{quest.narrative_context && (
diff --git a/src/lib/actions/badge.ts b/src/lib/actions/badge.ts
index 599e67a..0abcfcb 100644
--- a/src/lib/actions/badge.ts
+++ b/src/lib/actions/badge.ts
@@ -144,3 +144,138 @@ export async function removeQuestBadge(questId: string): Promise {
+ const supabase = await createClient()
+
+ // Get current user and verify GM role
+ const { data: { user }, error: authError } = await supabase.auth.getUser()
+ if (authError || !user) {
+ return { success: false, error: 'Not authenticated' }
+ }
+
+ // Verify user is a GM
+ const { data: isGm } = await supabase.rpc('is_gm')
+ if (!isGm) {
+ return { success: false, error: 'Not authorized' }
+ }
+
+ const file = formData.get('file') as File | null
+ if (!file) {
+ return { success: false, error: 'No file provided' }
+ }
+
+ // Validate file type
+ if (!ALLOWED_TYPES.includes(file.type)) {
+ return { success: false, error: 'Invalid file type. Please upload a JPEG, PNG, GIF, or WebP image.' }
+ }
+
+ // Validate file size
+ if (file.size > MAX_FILE_SIZE) {
+ return { success: false, error: 'File too large. Maximum size is 5MB.' }
+ }
+
+ // Generate unique filename
+ const fileExt = file.name.split('.').pop()?.toLowerCase() || 'png'
+ const fileName = `featured-images/${questId}/featured-${Date.now()}.${fileExt}`
+
+ // Delete old featured image if exists
+ const { data: existingFiles } = await supabase.storage
+ .from('avatars')
+ .list(`featured-images/${questId}`)
+
+ if (existingFiles && existingFiles.length > 0) {
+ const filesToDelete = existingFiles.map(f => `featured-images/${questId}/${f.name}`)
+ await supabase.storage.from('avatars').remove(filesToDelete)
+ }
+
+ // Upload new featured image
+ const { error: uploadError } = await supabase.storage
+ .from('avatars')
+ .upload(fileName, file, {
+ cacheControl: '3600',
+ upsert: true,
+ })
+
+ if (uploadError) {
+ console.error('Featured image upload error:', uploadError)
+ return { success: false, error: uploadError.message }
+ }
+
+ // Get public URL
+ const { data: { publicUrl } } = supabase.storage
+ .from('avatars')
+ .getPublicUrl(fileName)
+
+ // Update quest with new featured image URL
+ const { error: updateError } = await (supabase
+ .from('quests') as ReturnType)
+ .update({ featured_image_url: publicUrl, updated_at: new Date().toISOString() } as Record)
+ .eq('id', questId)
+
+ if (updateError) {
+ console.error('Quest update error:', updateError)
+ return { success: false, error: 'Failed to update quest with new featured image' }
+ }
+
+ revalidatePath('/gm/quests')
+ revalidatePath(`/gm/quests/${questId}`)
+ revalidatePath('/quests')
+ revalidatePath(`/quests/${questId}`)
+ revalidatePath('/dashboard')
+ revalidatePath('/my-quests')
+
+ return { success: true, url: publicUrl }
+}
+
+/**
+ * Remove a quest's featured image
+ */
+export async function removeQuestFeaturedImage(questId: string): Promise {
+ const supabase = await createClient()
+
+ // Get current user and verify GM role
+ const { data: { user }, error: authError } = await supabase.auth.getUser()
+ if (authError || !user) {
+ return { success: false, error: 'Not authenticated' }
+ }
+
+ // Verify user is a GM
+ const { data: isGm } = await supabase.rpc('is_gm')
+ if (!isGm) {
+ return { success: false, error: 'Not authorized' }
+ }
+
+ // Delete featured image files
+ const { data: existingFiles } = await supabase.storage
+ .from('avatars')
+ .list(`featured-images/${questId}`)
+
+ if (existingFiles && existingFiles.length > 0) {
+ const filesToDelete = existingFiles.map(f => `featured-images/${questId}/${f.name}`)
+ await supabase.storage.from('avatars').remove(filesToDelete)
+ }
+
+ // Clear featured image URL in quest
+ const { error: updateError } = await (supabase
+ .from('quests') as ReturnType)
+ .update({ featured_image_url: null, updated_at: new Date().toISOString() } as Record)
+ .eq('id', questId)
+
+ if (updateError) {
+ console.error('Quest update error:', updateError)
+ return { success: false, error: 'Failed to update quest' }
+ }
+
+ revalidatePath('/gm/quests')
+ revalidatePath(`/gm/quests/${questId}`)
+ revalidatePath('/quests')
+ revalidatePath(`/quests/${questId}`)
+ revalidatePath('/dashboard')
+ revalidatePath('/my-quests')
+
+ return { success: true }
+}
diff --git a/src/lib/actions/quests.ts b/src/lib/actions/quests.ts
index ee7e155..4c10654 100644
--- a/src/lib/actions/quests.ts
+++ b/src/lib/actions/quests.ts
@@ -80,6 +80,7 @@ export async function getPublishedQuests(filters?: {
design_notes: quest.design_notes as string | null,
featured: (quest.featured as boolean) ?? false,
badge_url: quest.badge_url as string | null,
+ featured_image_url: quest.featured_image_url as string | null,
is_exclusive: (quest.is_exclusive as boolean) ?? false,
exclusive_code: quest.exclusive_code as string | null,
is_side_quest: (quest.is_side_quest as boolean) ?? false,
@@ -156,6 +157,7 @@ export async function getQuestById(questId: string): Promise {
design_notes: quest.design_notes as string | null,
featured: (quest.featured as boolean) ?? false,
badge_url: quest.badge_url as string | null,
+ featured_image_url: quest.featured_image_url as string | null,
is_exclusive: (quest.is_exclusive as boolean) ?? false,
exclusive_code: quest.exclusive_code as string | null,
is_side_quest: (quest.is_side_quest as boolean) ?? false,
diff --git a/src/lib/hooks/use-templates.ts b/src/lib/hooks/use-templates.ts
index 9f23147..a7fccb2 100644
--- a/src/lib/hooks/use-templates.ts
+++ b/src/lib/hooks/use-templates.ts
@@ -53,6 +53,7 @@ async function fetchTemplates(): Promise {
design_notes: quest.design_notes ?? null,
featured: quest.featured ?? false,
badge_url: quest.badge_url ?? null,
+ featured_image_url: (quest as unknown as { featured_image_url?: string | null }).featured_image_url ?? null,
is_exclusive: (quest as unknown as { is_exclusive?: boolean }).is_exclusive ?? false,
exclusive_code: (quest as unknown as { exclusive_code?: string | null }).exclusive_code ?? null,
is_side_quest: (quest as unknown as { is_side_quest?: boolean }).is_side_quest ?? false,
diff --git a/src/lib/types/quest.ts b/src/lib/types/quest.ts
index 6d4d830..5c4b789 100644
--- a/src/lib/types/quest.ts
+++ b/src/lib/types/quest.ts
@@ -116,6 +116,7 @@ export interface Quest {
design_notes: string | null
featured: boolean
badge_url: string | null
+ featured_image_url: string | null
is_exclusive: boolean
exclusive_code: string | null
is_side_quest: boolean
diff --git a/supabase/migrations/142_add_quest_featured_image.sql b/supabase/migrations/142_add_quest_featured_image.sql
new file mode 100644
index 0000000..65ea4c9
--- /dev/null
+++ b/supabase/migrations/142_add_quest_featured_image.sql
@@ -0,0 +1,5 @@
+-- Add featured_image_url column to quests table
+-- This stores the URL of the featured image displayed in quest detail view
+
+ALTER TABLE quests ADD COLUMN IF NOT EXISTS featured_image_url TEXT;
+COMMENT ON COLUMN quests.featured_image_url IS 'URL of the featured image displayed in quest detail view';